/*  ===========================================================================
    @project        'Scenist'
    @file           'style.css'
    @copyright      Copyright 2012, AndCept 
                    http://andcept.com/
    ======================================================================== */
/* ============================================================================
   less
============================================================================ */
/* variables */
/* ============================================================================
   Base
============================================================================ */


@font-face {
	font-family: 'HelveticaNeueCyrRoman';
	src: url('../../../templates/fb2book_new/font/HelveticaNeueCyr-Roman.eot');
	src: url('../../../templates/fb2book_new/font/HelveticaNeueCyr-Roman.woff') format('woff'), url('../../../templates/fb2book_new/font/HelveticaNeueCyr-Roman.ttf') format('truetype'), url('../../../templates/fb2book_new/font/HelveticaNeueCyr-Roman.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


body {
	font-family: HelveticaNeueCyrRoman;
	font-size: 15px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: HelveticaNeueCyrRoman;
  font-weight: normal;
}
a {
  color: #0b486b;
}
a:hover {
  color: #c02942;
}
/* == [input elements] ===================================================== */
input,
select,
textarea,
.input {
  padding: 5px;
  min-height: 16px;
  color: #666;
  background: #fefefe;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc #e7e7e7 #e7e7e7;
  /*font: 1em/1.5em Verdana, Arial, Helvetica, sans-serif;*/
  border-radius: 2px;
  /*box-shadow: 0 1px 6px #f0f0f0 inset;*/
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}
input[type="image"],
input[type="checkbox"],
input[type="radio"] {
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  *margin-top: 0;
  line-height: normal;
  border: 0;
  background: none;
  cursor: pointer;
  border-radius: 0;
}
input[type="checkbox"],
input[type="radio"] {
  position: relative;
  top: .3em;
  *top: 0;
  margin-right: .4em;
}
label + input[type="checkbox"],
label + input[type="radio"] {
  margin-left: 1em;
}
input[type="file"] {
  padding: initial;
  height: 28px;
  *height: auto;
  *margin-top: 4px;
  line-height: initial;
  border: initial;
  background-color: #fff;
  background-color: initial;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
input:focus,
select:focus,
textarea:focus,
.input:focus {
  border-color: #e0e0e0;
  color: #333;
  background-color: #fff;
  box-shadow: 0 1px 3px #f6f6f6 inset;
}
/* == [buttons] ============================================================ */
.bbcodes,
button,
input[type="button"],
input[type="submit"] {
  overflow: visible;
}
.bbcodes,
input[type="submit"],
a[role="button"] {
  position: relative;
  display: inline-block;
  line-height: 1em;
  text-decoration: none;
  vertical-align: baseline;
  padding: .6em 1em;
  border: none;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 11px;
  outline: none;
  cursor: pointer;
  /*box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);*/
}
/*.bbcodes,
input[type="submit"],
a[role="button"] {
  background: #0d5882;
  background: -moz-linear-gradient(top, #0d5882 0%, #0b486b 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0d5882), color-stop(100%, #0b486b));
  background: -webkit-linear-gradient(top, #0d5882 0%, #0b486b 100%);
  background: -o-linear-gradient(top, #0d5882 0%, #0b486b 100%);
  background: -ms-linear-gradient(top, #0d5882 0%, #0b486b 100%);
  background: linear-gradient(top, #0d5882 0%, #0b486b 100%);
  color: #ffffff;
  border-radius: 30px;
}*/
/*.bbcodes:hover,
input[type="submit"]:hover,
a[role="button"]:hover {
  background: #0d5882;
  background: -moz-linear-gradient(top, #0d5882 0%, #0a3f5d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0d5882), color-stop(100%, #0a3f5d));
  background: -webkit-linear-gradient(top, #0d5882 0%, #0a3f5d 100%);
  background: -o-linear-gradient(top, #0d5882 0%, #0a3f5d 100%);
  background: -ms-linear-gradient(top, #0d5882 0%, #0a3f5d 100%);
  background: linear-gradient(top, #0d5882 0%, #0a3f5d 100%);
  box-shadow: none;
}*/
.bbcodes:active,
input[type="submit"]:active,
a[role="button"]:active {
  top: 1px;
}
/*.bbcodes.bsecondary,
button.bsecondary,
input.bsecondary[type="submit"],
input.bsecondary[type="button"],
a.bsecondary[role="button"] {
  background: #d53852;
  background: -moz-linear-gradient(top, #d53852 0%, #c02942 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d53852), color-stop(100%, #c02942));
  background: -webkit-linear-gradient(top, #d53852 0%, #c02942 100%);
  background: -o-linear-gradient(top, #d53852 0%, #c02942 100%);
  background: -ms-linear-gradient(top, #d53852 0%, #c02942 100%);
  background: linear-gradient(top, #d53852 0%, #c02942 100%);
}
.bbcodes.bsecondary:hover,
button.bsecondary:hover,
input.bsecondary[type="submit"]:hover,
input.bsecondary[type="button"]:hover,
a.bsecondary[role="button"]:hover {
  background: #c02942;
  background: -moz-linear-gradient(top, #c02942 0%, #ab253b 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c02942), color-stop(100%, #ab253b));
  background: -webkit-linear-gradient(top, #c02942 0%, #ab253b 100%);
  background: -o-linear-gradient(top, #c02942 0%, #ab253b 100%);
  background: -ms-linear-gradient(top, #c02942 0%, #ab253b 100%);
  background: linear-gradient(top, #c02942 0%, #ab253b 100%);
}*/
/* == [form styling] ======================================================= */

header {
	height: 153px;
}

.form-list {
  margin: 10px 0;
  padding: 10px;
  background: #f3f3f3;
  border: 1px dotted #d0d0d0;
  border-radius: 3px;
}
.form-list fieldset,
.form-list dl,
.form-list dt,
.form-list dd {
  margin: 0;
  padding: 0;
  border: 0;
}
.form-list legend {
  display: block;
  width: 100%;
  border: 0;
  font-size: 1.3em;
  line-height: 1.5em;
}
.form-list label {
  cursor: pointer;
}
.form-list dl {
  margin: .5em 0;
  padding: .5em 0;
}
.form-list legend + dl {
  margin-top: 1em;
  -webkit-margin-top-collapse: separate;
}
.form-list .required {
  color: #C00;
  font-weight: bold;
}
.form-list span.help {
  display: block;
  font-size: .85em;
  line-height: 1.3em;
  color: #666;
}
.form-list span.help-inline {
  display: inline-block;
}
.form-list input[type="text"],
.form-list input[type="password"],
.form-list select,
.form-list textarea {
  width: 100%;
}
/* -- [horizontal] ----------------- */
.form-list dt {
  float: left;
  width: 23%;
}
.form-list dt + dd,
.form-list .actions dd {
  margin-left: 40%;
}
.form-list .editor-bbcodes dt {
  float: none;
  width: 100%;
}
.form-list .editor-bbcodes dd {
  margin: 0;
}
/* -- [styling] -------------------- */
.form-list input,
.form-list select,
.form-list textarea {
  border-color: #dcdcdc #ececec #ececec;
}
.form-list input:focus,
.form-list select:focus,
.form-list textarea:focus {
  border-color: #d0d0d0;
}
/* ============================================================================
   Sections
============================================================================ */
/*header .container {
  padding: 30px 0 55px;
}*/

#main .container {
  position: relative;
  padding-bottom: 20px;
  background: #ffffff;
}
#main .row {
  margin-bottom: 20px;
}
/*footer .container {
  padding-bottom: 20px;
}*/
footer {
	background: #6b7b8d;
}
footer a {
  color: #e9e9e9;
}
footer a:hover {
  color: #c02942;
}
.footer-pre,
.footer-suf {
  padding: 15px 0;
  color: #f2f2f2;
}
.footer-pre {
  background: #556270;
}

footer .nav.display-plain {
	word-spacing: normal;	
}

#topnews-slider + div {
  margin-top: 20px;
}
/* == [sidebar] ======================================== */
.sidebar .widget {
  margin-bottom: 20px;
}
/* ============================================================================
   Global
============================================================================ */
.story > .content img {
  max-width: 100%;
  height: auto;
}
.read-more {
  white-space: nowrap;
}
.poster {
  position: relative;
}
.poster,
.poster a,
.poster img {
  display: block;
}
.poster a,
.poster img {
  width: 100%;
}
.user-photo,
.user-photo img {
  display: block;
  border-radius: 2px;
}
.user-photo img {
  width: 90%;
  padding: 5%;
  background: #ffffff;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
}
.user-signature {
  margin-top: .5em;
  color: #666;
  font-style: italic;
  text-align: right;
}
/* ============================================================================
   Content display
============================================================================ */
/* == [list-items] ========================================================= */
.list-items,
.list-items li {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
.list-items li {
  margin-bottom: 1em;
}
.list-items:before,
.list-items li:before,
.list-items:after,
.list-items li:after {
  content: "";
  display: table;
}
.list-items:after,
.list-items li:after,
.list-items:after,
.list-items li:after {
  clear: both;
}
.list-items,
.list-items li {
  *zoom: 1;
}
/* == [display] ======================================== */
/* -- [grid] ----------------------- */
.display-grid {
  overflow: hidden;
  padding-bottom: .1em;
}
/*.display-grid .list-items {
  margin: -1%;
}*/
.display-grid .list-items li {
  float: left;
  margin: 1%;
}
.display-grid .eight-per-row li {
  width: 10.5%;
}
.display-grid .seven-per-row li {
  width: 12.27%;
}
.display-grid .six-per-row li {
  width: 14.65%;
}
.display-grid .five-per-row li {
  width: 18%;
}
.display-grid .four-per-row li {
  width: 23%;
}
.display-grid .three-per-row li {
  width: 31.3%;
}
.display-grid .two-per-row li {
  width: 48%;
}
/* -- [list] ----------------------- */
.display-list .list-items li:last-child {
  margin-bottom: 0;
}
/* == [view] =========================================== */
/* -- [compact] -------------------- */
.view-compact .preview-wrapper {
  float: left;
  width: 30%;
  margin-right: 3%;
}
.view-compact li .title {
  margin-bottom: .5em;
}
.view-compact .list-news .preview-wrapper a {
  padding-bottom: 100%;
}
.view-compact .list-news .preview-wrapper a img {
  height: 100%!important;
  width: auto!important;
}
.view-compact.show-titles .preview-wrapper {
  margin-bottom: 0;
}
/* -- [highlight-first] ------------ */
.view-highlight-first li {
  margin: .5em 0;
  padding: 0 0 .5em 1em;
  background: url(../../../templates/fb2book_new/images/template-bullet.png) no-repeat -120px -55px;
  border-bottom: 1px dotted #ddd;
}
.view-highlight-first li:last-child {
  border: none;
}
.view-highlight-first .preview-wrapper,
.view-highlight-first .content,
.view-highlight-first .title .story-views,
.view-highlight-first .title .story-comments {
  display: none;
}
/* first */
.view-highlight-first li:first-child {
  margin-top: 0;
  padding: 0 0 .5em;
  background: none;
}
.view-highlight-first li:first-child .title h2 {
  font-size: 1.1em;
}
.view-highlight-first li:first-child .preview-wrapper,
.view-highlight-first li:first-child .content,
.view-highlight-first li:first-child .title .story-views,
.view-highlight-first li:first-child .title .story-comments {
  display: block;
}
/* == [styling] ======================================== */
.list-items h2 {
  margin: 0;
  padding-bottom: .2em;
  font-size: 1.1em;
  line-height: 1.2em;
}

.list-items h2 a {
	color: #0b486b;
}

.list-items li:hover .title h2 a {
	color: #c42a44;
}

#topnews-slider .list-items h2 a {
	color: #9f9f9f;
}

#topnews-slider .list-items li:hover .title h2 a {
	color: #c42a44;
}

.list-items .title span {
  position: relative;
  font-size: .85em;
  color: #999;
}

.list-items .content {
color: #616161;
font-size: 13.5px !important;
opacity: 0.7;
}

.list-items .content:hover {
	color: #000;
}

article:hover .list-items .content {
opacity: 1;
}

.extra .content {
font-size: 13.5px;
}

.extra .list-items h2 {
font-size: 17px;
}
/* -- [specific] ------------------- */
/* -- [show titles & previews] */
.show-titles .list-items .preview-wrapper,
.show-previews .list-items .preview-wrapper {
  margin-bottom: .2em;
}
.show-titles.display-grid .list-items li {
  text-align: center;
  width: 174px;
}
.full-viewinner_page .show-titles.display-grid .list-items li {
	width: 180px;
	margin-left: 0;
	margin-right: 23px;
}

.full-viewinner_page .show-titles.display-grid .list-items li:last-child {
	margin-right: 0;
}

.full-viewinner_page .media-full .title, .news-full .title {
	padding-right: 0;
}

#related-media .list-items.list-media.five-per-row li .title {
	margin-top: 38px;
}

#related-media .list-items.list-media.five-per-row li .title a {
	color: #878787;
}

#related-media .list-items.list-media.five-per-row li:hover .title a {
	color: #c42a44;
}

#related-media .list-items.list-media.five-per-row:after {
	content: "";
	position: absolute;
	left: 0;
	top: 279px;
	width: 100%;
	height: 4px;
	background: #d5d3d3;
}
/*.show-titles.display-grid .list-items li:first-child {
	margin-left: 0 !important;
}*/

.caroufredsel_wrapper {
	margin: 0 !important;
}

.caroufredsel_wrapper:after {
	content: "";
	position: absolute;
	left: 0;
	top: 277px;
	width: 100%;
	height: 4px;
	background: #d5d3d3;
}

.show-titles.view-compact .list-items li {
  text-align: left;
}
/* -- [previews] ------------------- */
.preview-wrapper {
  margin-bottom: .75em;
}
/*.preview-wrapper,*/
.preview-wrapper a {
  position: relative;
  overflow: hidden;
  display: block;
  z-index: 1;
}

.preview-wrapper {
  /*box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 3px;
  background: #f7f7f7;
  border-width: 1px;
  border-style: solid;
  border-color: #d9d9d9;
  border-radius: 2px;*/
}
.preview-wrapper:hover {
  border-color: #c02942;
}
.preview-wrapper a {
  width: 100%;
}
.view-compact .list-media .preview-wrapper a,
.list-media .preview-wrapper a {
  padding-bottom: 140%;
}
.list-news .preview-wrapper a {
  padding-bottom: 65%;
}
.preview-wrapper a img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  color: #fff;
}
/* -- [preview hover] */
#topnews-slider .preview-wrapper a span, #related-media .preview-wrapper a span {
  position: absolute;
  left: 0;
  top: 0px;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  
  transition: background-color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out;
  -webkit-transition: background-color 0.3s ease-in-out;
}

#related-media > .title {
	margin: 20px 0 20px 0;
}

#topnews-slider .preview-wrapper > span {
	display: block;
	width: 101%;
	position: absolute;
	left: 20px;
	top: -3px;
	background: url(../../../templates/fb2book_new/images/new/preview.jpg) no-repeat center center / 100% 100%;
	padding-right: 15px;
}

.list-items.list-media.four-per-row > li {
	padding: 0 20px;
}

/* -- hover */
#topnews-slider .preview-wrapper a:hover span, #related-media .preview-wrapper a:hover span {
  opacity: 0.87;
  background: url(../../../templates/fb2book_new/images/new/slide_hover.png) no-repeat center center #c42a44;
  
  transition: background-color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out;
  -webkit-transition: background-color 0.3s ease-in-out;
}

#topnews-slider .preview-wrapper a span p, #related-media .preview-wrapper a span p {
	color: #fff;
	margin-top: 185px;
}
/* == [story] ============================================================== */
.story .title > h1,
.story .title > h2,
.story .title > h3 {
  margin: 0;
}
.story .title {
  position: relative;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #ccc;
}
.media-full .title,
.news-full .title {
  padding-right: 70px;
}
.story .title h1,
.story .title h2 {
  font-weight: normal;
}
/*.story .title h2 a {
  color: #000000;
}*/
.story .title h2 a:hover {
  color: #c02942;
}
.page .story .title .service {
  position: absolute;
  right: 0;
  bottom: 5px;
}
.page .story .title .service span {
  float: right;
  margin-left: 5px;
}
.story .content p:first-child {
  margin-top: 0;
}
.story .meta:before,
.story .content:before,
.story .meta:after,
.story .content:after {
  content: "";
  display: table;
}
.story .meta:after,
.story .content:after {
  clear: both;
}
.story .meta,
.story .content {
  zoom: 1;
}
.story .meta {
  position: relative;
  font-size: .9em;
}
.story .date {
  color: #666;
}
/* views & comments */
.story-views,
.story-comments,
.story-edit,
.story-complaint {
  position: relative;
  padding-left: 20px;
  font-size: .9em;
}
.story-views i,
.story-comments i,
.story-edit i,
.story-complaint i {
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
  width: 15px;
  height: 15px;
  background-image: url(../../../templates/fb2book_new/images/template-sprite.png);
  background-repeat: no-repeat;
}
.story-views i {
  background-position: 0 -56px;
}
.story-comments i {
  background-position: 0 -71px;
}
.story-edit i {
  background-position: 0 -130px;
}
.story-complaint i {
  background-position: 0 -115px;
}
.media .story-views, .media .story-comments, .media .story-edit, .media .story-complaint {
display: block;
margin: 0 0 7px;
}
/* media-data */
.media-data {
  font-size: .9em;
}
.media-data dl:before,
.media-data dl:after {
  content: "";
  display: table;
}
.media-data dl:after {
  clear: both;
}
.media-data dl {
  zoom: 1;
}
.media-data dl {
  margin: 0;
}
.media-data dl + dl {
  margin-top: .5em;
}
.media-data dt {
float: left;
width: 120px;
}
.media-data dd {
  margin-left: 80px;
}
/* service icons */
.service span a {
  overflow: hidden;
  width: 30px;
  height: 30px;
  display: block;
  text-indent: -5555em;
  border-radius: 20px;
  opacity: .75;
}
.service span a:hover {
background: none repeat scroll 0 0 #c42a44 !important;
opacity: 1;
}
.service span a i {
  display: block;
  margin: 5px;
  width: 20px;
  height: 20px;
  background-image: url(../../../templates/fb2book_new/images/template-sprite.png);
  background-repeat: no-repeat;
}
.service span.favorites a {
  text-indent: 0;
}
.service span.favorites img {
  padding: 5px;
  background: #ee155d;
  display: block;
  border-radius: 20px;
}
.service span.view-media a {
  background: #c02942;
}
.service span.view-media a i {
  background-position: -40px -20px;
}
.service span.rmore a {
  background: #0b486b;
}
.service span.rmore a i {
  background-position: -40px -40px;
}
.service span.edit a {
  background: #556270;
}
.service span.edit a i {
  background-position: -40px 0;
}
.service span.complaint a {
  background: #0b486b;
}
.service span.complaint a i {
  background-position: -40px -60px;
}
/* == [media] ============================================================== */
.media .item-info {
overflow: hidden;
padding: 20px 0;
}

.poster {
margin-bottom: 30px;
}
/* == [media-teaser] =================================== */
/* [list] -------------------------- */
.media-list {
margin-bottom: 55px;
}
.media-list .title {
  padding-right: 85px;
}
.media-list .extra {
  position: relative;
  float: left;
  width: 33%;
}
.media-list .extra .service {
  position: absolute;
  left: 0;
  top: 0;
}
.media-list .extra span {
  display: block;
  margin-bottom: 5px;
}
.media-list .extra .poster {
  margin-left: 40px;
}
.media-list .main {
  margin-left: 35%;
}
.media-list .title h3 {
  margin-top: 5px;
  color: #333333;
  font-size: 1.1em;
}
.media-list .title .rating {
  position: absolute;
  right: 0;
  bottom: 5px;
}
.media-list .media-data {
float: left;
font-size: 17px;
width: 68%;
}
.media-list .story-ads {
  margin-left: 70%;
}
.media-list .description {
  margin-top: 10px;
}
/* [grid] -------------------------- */
.grid-wrapper {
  position: relative;
  margin: 0 -1%;
}
/* items per col */
.media-grid {
  position: relative;
  float: left;
  margin: 0 1% 2% 1%;
}
/* four */
.media-grid.four-in-row {
  width: 23%;
}
.media-grid.four-in-row .extra {
  padding: 5% 8%;
}
.media-grid.four-in-row .extra.inverted {
  left: -;
}
/* three */
.media-grid.three-in-row {
  width: 31.3%;
}
.media-grid.three-in-row .extra {
  padding: 4% 7%;
}
.media-grid.three-in-row .extra.inverted {
  left: -112%;
}
/* two */
.media-grid.two-in-row {
  width: 48%;
}
.media-grid.two-in-row .extra {
  width: 92%;
  height: 75%;
  padding: 5% 7%;
}
.media-grid.two-in-row .extra.inverted {
  left: -105%;
}
.media-grid .poster {
  display: block;
  width: 100%;
  padding-bottom: 140%;
  overflow: hidden;
}
.media-grid .poster a {
  position: absolute;
  left: 0;
  top: 0;
}
.media-grid .title {
  border: none;
  margin: 5px 0 0;
  padding: 0;
}
.media-grid .title h2 {
  overflow: hidden;
  height: 2.2em;
  font-size: 1.1em;
  font-weight: normal;
}
.media-grid .meta span.story-views,
.media-grid .meta span.story-comments {
  float: left;
  font-size: .95em;
}
.media-grid .meta span {
  padding-left: 17px;
  margin-right: 5px;
}
.media-grid .meta .item-rating {
  position: absolute;
  right: 0;
  bottom: 3px;
}
.media-grid .extra {
  position: absolute;
  left: 100%;
  top: 20%;
  display: none;
  padding: 3% 7%;
  width: 100%;
  height: 100%;
  background: #ffffff;
  border-radius: 3px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  z-index: 100;
}
.media-grid .extra.inverted {
  left: -115%;
}
.media-grid .extra:before {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #ffffff;
  content: '';
  position: absolute;
  left: -10px;
  top: 20px;
  z-index: 99;
}
.media-grid .extra.inverted:before {
  left: 100%;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #ffffff;
  border-right: none;
}
.media-grid .extra .wrap {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.media-grid .extra .media-data {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #808080;
}
.media-grid .extra .media-data dl {
  margin-bottom: 3px;
  line-height: 1.3em;
}
.media-grid .extra .service {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  background: #ffffff;
  width: 100%;
  margin: 0 auto;
  padding-top: 10px;
  text-align: center;
  box-shadow: 0px -5px 10px 0px #ffffff;
}
.media-grid .extra .service span {
  display: inline-block;
  overflow: hidden;
  margin: 0 3px;
}
/* == [media-full] ===================================== */
/* section ico */
.media-full .section {
  position: relative;
  margin-bottom: 20px;
}
.media-full .section .section-ico {
  position: absolute;
  left: -50px;
  top: 0;
  display: block;
  width: 40px;
  height: 40px;
  background: #0b486b;
  border-radius: 3px 0 0 3px;
}
.media-full .section .section-ico i {
  display: block;
  margin: 10px auto;
  width: 20px;
  height: 20px;
  background-image: url(../../../templates/fb2book_new/images/template-sprite.png);
  background-repeat: no-repeat;
}
.media-full #info .section-ico i {
  background-position: -40px -40px;
}
.media-full #player .section-ico i {
  background-position: -40px -20px;
}
/* title */
.media-full .title {
  position: relative;
}
.media-full .title h3 {
  margin-top: 5px;
}
/* media-data */
.media-full .extra {
  float: left;
  width: 33%;
}
.media-full .main {
  margin-left: 35%;
}
.media-full .item-info {
  margin-bottom: 10px;
}
.media-full .media-data {
  float: left;
  width: 55%;
}
.media-full .media-data dl {
  padding: 0 0 5px 15px;
  background: url(../../../templates/fb2book_new/images/template-bullet.png) no-repeat -140px -35px;
  border-bottom: 1px dotted #d9d9d9;
}
.media-full .story-ads {
  margin-left: 58%;
  padding: 10px;
  background: #f1f1f1;
  border-radius: 3px;
}
.media-full .item-rating {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #c3c3c3;
}
.media-full .social-buttons {
  margin-top: 5px;
  padding-top: 10px;
  border-top: 1px dotted #c3c3c3;
}
.media-full .social-buttons .sc-button {
  margin-bottom: 5px;
}
.media-full .description {
  margin-bottom: 10px;
}
/* media-screens */
.media-screens {
  overflow: hidden;
  max-height: 130px;
}
.media-screens .list-items {
  position: relative;
  margin: 0 -1% -1%;
}
.media-screens .list-items > * {
  float: left;
  display: block;
  margin: 0 1% 1%;
  width: 31.3%;
}
.media-screens .list-items a img {
  width: 100%;
}
.media-screens .list-items br {
  display: none;
}
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* [related-media] ----------------- */
#related-media {
  margin-top: 20px;
  margin-bottom: 10px;
  float: left;
  width: 100%;
}
/* == [news] =============================================================== */
/* == [news-teaser] ==================================== */
.news-teaser {
  margin-bottom: 20px;
}
.news-teaser .title {
  position: relative;
  margin-bottom: 5px;
  padding-right: 30px;
  font-weight: 600;
}
.news-teaser .title .service {
  position: absolute;
  right: 0;
  bottom: 5px;
}
.news-teaser .title .service a {
  width: auto;
  height: auto;
}
.news-teaser .title .service img {
  padding: 4px;
  width: 12px;
  height: 12px;
}
/* meta */
.news-teaser .meta-top {
  position: relative;
  margin-bottom: 10px;
}
.news-teaser .meta-bottom {
  margin-top: 10px;
}
.news-full .meta-top .date,
.news-teaser .meta-top .date,
.news-teaser .meta-bottom .rmore {
  float: right;
}
.news-teaser .meta-bottom .rmore {
  position: relative;
  padding-right: 15px;
}
.news-teaser .meta-bottom .rmore i {
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  width: 10px;
  height: 10px;
  margin-top: -4px;
  background: url(../../../templates/fb2book_new/images/template-sprite.png) no-repeat -10px -30px;
}
.news-teaser .meta .story-views,
.news-teaser .meta .story-comments,
.news-teaser .meta .story-edit {
  margin-left: 10px;
  font-size: 1em;
}
/* == [news-full] ====================================== */
.news-full .meta-top {
  margin: -5px 0 10px;
}
.news-full .full-story {
  margin-bottom: 20px;
}
.news-full .story-ads {
  padding: 10px;
  margin-bottom: 20px;
  background: #f1f1f1;
  border-radius: 3px;
}
.news-full .story-ads #ratig-layer {
  display: inline-block;
  vertical-align: bottom;
}
.news-full .story-ads ul.nav {
  padding: 10px;
  background: #ffffff;
  border: 1px dotted #d0d0d0;
  border-radius: 3px;
}
.news-full .story-ads li {
  margin-bottom: 3px;
  padding-bottom: 3px;
  border-bottom: 1px;
  border-bottom: 1px dotted #c3c3c3;
}
.news-full .story-ads li.last {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}
.news-full .story-ads .social-buttons {
  margin-top: 10px;
}
.news-full .story-ads .sc-button {
  float: left;
  width: 33%;
}
.nf-latest-news,
.nf-secondary-section {
  margin-top: 20px;
}
/* == [story pager] ==================================== */
.story-pagination {
  margin: .5em 0;
  color: #666;
  text-align: center;
  font-size: .85em;
  text-transform: uppercase;
}
/* == [static page] ======================================================== */
.static .extra {
  overflow: hidden;
}
.static .meta {
  margin-bottom: 10px;
}
.static .extra .date {
  display: block;
  float: left;
  font-size: .9em;
  color: #666;
}
.static .extra .print-page {
  display: block;
  float: right;
}
/* == [spoiler] ======================================== */
.title_spoiler {
  position: relative;
  overflow: hidden;
  margin-top: .5em;
  padding: 5px 10px;
}
.title_spoiler img {
  position: relative;
  bottom: 3px;
}
.title_spoiler a {
  margin-left: 5px;
  color: #000;
  text-decoration: none;
}
.title_spoiler a:hover {
  border-color: #41b7db;
}
.text_spoiler {
  padding: 10px;
}
/* == [quote] ========================================== */
.title_quote,
.quote {
  font-style: italic;
  color: #444;
}
.title_quote {
  margin: .5em 0 .2em;
  color: #000;
  font-weight: bold;
}
.title_quote + .quote {
  margin-top: 0;
}
.quote {
  margin: .5em 0;
  padding: .5em 0;
  border-style: dotted none;
  border-width: 1px;
  border-color: #ccc;
}
/* == [code] =========================================== */
pre code {
  display: block;
  padding: 0.5em;
  background: #f9fafa;
  border: 1px solid #dce7e7;
  overflow: auto;
  white-space: pre;
}
pre .comment,
pre .template_comment,
pre .diff .header,
pre .doctype,
pre .lisp .string,
pre .javadoc {
  color: #93a1a1;
  font-style: italic;
}
pre .keyword,
pre .css .rule .keyword,
pre .winutils,
pre .javascript .title,
pre .method,
pre .addition,
pre .css .tag,
pre .lisp .title {
  color: #859900;
}
pre .number,
pre .command,
pre .string,
pre .tag .value,
pre .phpdoc,
pre .tex .formula,
pre .regexp,
pre .hexcolor {
  color: #2aa198;
}
pre .title,
pre .localvars,
pre .function .title,
pre .chunk,
pre .decorator,
pre .builtin,
pre .built_in,
pre .lisp .title,
pre .identifier,
pre .title .keymethods,
pre .id {
  color: #268bd2;
}
pre .tag .title,
pre .rules .property,
pre .django .tag .keyword {
  font-weight: bold;
}
pre .attribute,
pre .variable,
pre .instancevar,
pre .lisp .body,
pre .smalltalk .number,
pre .constant,
pre .class .title,
pre .parent,
pre .haskell .label {
  color: #b58900;
}
pre .preprocessor,
pre .pi,
pre .shebang,
pre .symbol,
pre .diff .change,
pre .special,
pre .keymethods,
pre .attr_selector,
pre .important,
pre .subst,
pre .cdata {
  color: #cb4b16;
}
pre .deletion {
  color: #dc322f;
}
pre .tex .formula {
  background: #eee8d5;
}
/* == [comments] =========================================================== */
.comment {
  position: relative;
  margin: 20px 0;
  line-height: 1.3em;
}
/* -- [photo] */
.comment .user-photo {
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
}
.comment .comment-body {
  margin: 0 0 0 30px;
  padding: 10px 10px 10px 40px;
  background: #fcfcfc;
  background: -moz-linear-gradient(top, #fcfcfc 85%, #f2f2f2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(85%, #fcfcfc), color-stop(100%, #f2f2f2));
  background: -webkit-linear-gradient(top, #fcfcfc 85%, #f2f2f2 100%);
  background: -o-linear-gradient(top, #fcfcfc 85%, #f2f2f2 100%);
  background: -ms-linear-gradient(top, #fcfcfc 85%, #f2f2f2 100%);
  background: linear-gradient(top, #fcfcfc 85%, #f2f2f2 100%);
  border-radius: 3px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
}
/* -- [meta] */
.comment .comment-meta {
  position: relative;
  margin-bottom: 5px;
  border-bottom: 1px dotted #ccc;
}
.user-name a {
  color: #c02942;
  font-weight: bold;
}
.user-name a:hover {
  color: #0b486b;
}
/* -- [extra] */
.comment .comment-extra {
  overflow: hidden;
}
.comment .date {
  float: left;
  font-size: .85em;
  color: #666;
}
.comment .controls {
  float: right;
  margin-right: 1em;
  font-size: .85em;
  opacity: 0;
}
.comment .controls a {
  margin: 0 .3em;
}
.comment:hover .controls {
  opacity: 1;
}
.comment .mass-action,
.comment .comment-id {
  float: right;
}
.comment .mass-action input {
  margin: 0;
  top: 0;
}
.comment .comment-id {
  margin-right: .5em;
  color: #666;
  font-size: .9em;
  font-weight: bold;
}
/* -- [content] */
.comment .title h3 {
  margin: .5em 0;
  font-size: 1.1em;
}
.comment .content {
  font-size: .9em;
}
/* == [comment controls] =============================== */
.addcomments.widget .title {
  border: none;
}
.addcomments .form-list {
  margin-top: 0;
}
.addcomments .form-list .editor {
  margin-top: 0;
}
.addcomments .form-list .name,
.addcomments .form-list .mail {
  float: left;
  width: 48%;
  margin-bottom: 0;
}
.addcomments .form-list .name {
  margin: .5em 4% 0 0;
}
.addcomments .actions,
.addcomments .actions dd {
  margin: 0;
  padding: 0;
}
.mass_comments_action {
  padding: 10px;
  text-align: right;
  background: #f3f3f3;
  border: 1px dotted #d0d0d0;
  border-radius: 3px;
}
.mass_comments_action select {
  padding: 3px 5px;
}
/* ============================================================================
   Pages
============================================================================ */
.page > .title,
.page > .story > .title {
  position: relative;
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #808080;
}
.page > .title h1 {
color: #c42a44;
margin: 0;
padding-bottom: 10px;
}
.page .maincol,
.page .subcol {
  position: relative;
  float: left;
}
.page .maincol {
  width: 65%;
  margin-right: 2%;
}
.page .subcol {
  width: 33%;
}

.full-viewinner_page .page .subcol {
  width: 100%;
}

.full-viewinner_page .page .subcol .content .title {
	border-bottom: 0;
}

.full-viewinner_page .page .subcol .widget > .title {
	margin: 50px 0 10px 0;
	padding-bottom: 15px;
}

.full-viewinner_page .page .subcol .title h3 {
	color: #c42a44;
}

/* == [addnews] ======================================== */
.addnews #category {
  width: 100% !important;
}
/* == [statistic] ========================================== */
.stats-info {
  color: #666;
  font-size: .85em;
  line-height: 1.3em;
}
.statistic .table .stats-summary {
  text-align: right;
}
/* -- [userstop] ------------------- */
.userstop tr td:nth-child(3),
.userstop tr td:nth-child(4) {
  display: none;
}
/* == [userinfo] ======================================= */
.userinfo {
  margin-bottom: 20px;
}
.userinfo .extra-info {
  float: right;
  width: 110px;
}
.userinfo .main-info {
  margin-right: 120px;
}
/* -- [extra] */
.userinfo .extra-info .wrap {
  font-size: .9em;
  color: #666;
}
.userinfo .user-photo img {
  margin: 0 auto;
  background: #fff;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
}
.userinfo .user-rating {
  margin: .5em auto 0;
  width: 85px;
}
.userinfo .extra-info .nav {
  margin: 10px 0;
}
/* -- [main] */
.userinfo .main-info dl,
.userinfo .main-info dl dt,
.userinfo .main-info dl dd {
  margin: 0;
  padding: 0;
}
.userinfo .main-info dl {
  overflow: hidden;
  margin: .5em 0;
  padding-bottom: 5px;
  border-bottom: 1px dotted #ccc;
}
.userinfo .main-info dl dt {
  float: left;
  width: 120px;
  color: #666;
}
.userinfo .main-info dl dd {
  margin-left: 120px;
  padding-left: 10px;
}
.userinfo .main-info small {
  color: #666;
  font-size: .9em;
}
.userinfo .main-info small a:hover {
  text-decoration: none;
}
.userinfo .main-info small img {
  display: inline-block;
  vertical-align: middle;
}
/* -- [edit] */
.userinfo #options {
  margin-top: 1em;
}
.userinfo #options #subscribe {
  margin-left: 10px;
}
/* == [site-pm] ======================================== */
.pm-controls {
  margin-bottom: 20px;
}
/* -- [progress bar] --------------- */
.pm_progress_bar {
  border: 1px solid #d8d8d8;
  padding: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.pm_progress_bar span {
  background: #000000;
  font-size: 0em;
  text-indent: -2000em;
  height: 10px;
  display: block;
  overflow: hidden;
}
.pm_status {
  float: left;
  border: 1px solid #d8d8d8;
  padding: 0px;
  margin-right: 20px;
  width: 330px;
  height: 100px;
}
.pm_status_head {
  border-bottom: 1px solid #d8d8d8;
  font-size: 0.9em;
  background: #ffffff url("../../../templates/fb2book_new/images/bbcodes.png") repeat-x 0 100%;
  height: 22px;
  padding: 0;
  font-weight: bold;
  text-align: center;
  color: #4e4e4e;
}
.pm_status_content {
  padding: 5px;
}
/* -- [pm nav] --------------------- */
.pm-nav {
  margin-bottom: 1em;
  padding: .5em 1em;
  font-size: .9em;
  color: #999;
}
.pm-nav a {
  display: block;
  margin-right: .7em;
}
/* -- [pm list] -------------------- */
table.pm tbody tr td.pm_head,
table.pm tbody tr td.pm_list {
  padding: .5em;
}
table.pm tbody tr td.pm_head {
  border-bottom: 2px solid #666;
  font-weight: bold;
  vertical-align: bottom;
}
table.pm tbody tr td.pm_list {
  border-bottom: 1px solid #f5f5f5;
}
/* pm author */
table.pm tbody tr td:nth-child(3) a {
  color: #000000;
}
/* col widths */
table.pm tbody tr td:nth-child(3),
table.pm tbody tr td:nth-child(4) {
  width: 100px !important;
}
table.pm tbody tr td:nth-child(5) {
  width: 20px;
}
table.pm tbody tr td:nth-child(4).pm_list {
  font-size: .9em;
  color: #666;
  text-align: right;
}
table.pm tbody tr:last-child td {
  padding-top: 1em;
}
table.pm tbody tr:hover td.pm_list {
  background: #f9f9f9;
}
/* -- [read pm] -------------------- */
.read-pm .title {
  position: relative;
  overflow: hidden;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #ddd;
}
.read-pm .title .user-photo {
  float: left;
  width: 50px;
}
.read-pm .title .user-photo img {
  width: 40px;
}
.read-pm .extra .name,
.read-pm .title .date {
  display: block;
  margin-left: 50px;
}
.read-pm .title .date {
  color: #666;
  font-size: .9em;
}
.read-pm .subject h3 {
  margin: .5em 0;
}
.read-pm .title .actions {
  position: absolute;
  right: 0;
  bottom: 7px;
  font-size: .85em;
}
.read-pm .actions a {
  margin-left: .5em;
  color: #666;
}
.read-pm .actions a:hover {
  color: #000;
}
/* == [search] ========================================= */
#searchtable table {
  width: 100%;
}
#searchtable table td.search {
  display: block;
  padding: 0;
  width: 100%!important;
  text-align: left;
}
#searchtable table td.search > div {
  margin: 0!important;
}
#searchtable fieldset {
  margin-bottom: 1em!important;
  border-style: solid none none;
  border-width: 2px;
  border-color: #eee;
}
#searchtable fieldset legend {
  font-size: 1.3em;
  padding: .2em .3em;
}
#searchtable #searchinput {
  width: 100%!important;
}
#searchtable #titleonly {
  margin-top: 1em;
}
#searchtable input.bbcodes {
  margin: 1em .5em 0 0!important;
}
/* ============================================================================
   Blocks
============================================================================ */
/* == [navbar] ========================================= */
#navbar {
  /*position: relative;
  top: -5px;
  margin-bottom: 15px;*/
  display: inline-block;
  margin: 45px 0 30px 0;
  width: 100%;
}
#navbar nav {
  padding: 5px 160px 0 10px;
  /*background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f3f3f3));
  background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
  background: linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
  border-bottom: 2px solid #0b486b;
  border-radius: 3px 3px 0 0;*/
}
/* == [menus] ========================================== */
/* -- [main-menu]------------------- */
.main-navigation,
.main-navigation ul {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.main-navigation {
	background: #0b486b;
	width: 100%;
}

.main-navigation ul {
	display: block;
	width: 1220px;
	margin: 0 auto;	
}

.main-navigation ul a {
	color: #fff;
	font-size: 20px;	
}

.ml-menu * {
  line-height: 1em;
}
.ml-menu ul,
.ml-menu li {
  margin: 0;
  padding: 0;
}
.ml-menu ul {
  position: absolute;
  top: -5555em;
  width: 160px;
}
.ml-menu ul li {
  width: 100%;
}
.ml-menu li:hover {
  visibility: inherit;
}
.ml-menu li {
  position: relative;
  float: left;
}
.ml-menu a {
  position: relative;
  display: block;
  text-decoration: none;
}
.ml-menu li:hover ul,
.ml-menu li.hover ul {
  left: 0;
  top: 30px;
  z-index: 100;
}
.ml-menu li:hover li ul,
.ml-menu li.hover li ul {
  top: -5555em;
}
.ml-menu li li:hover ul,
.ml-menu li li.hover ul,
.ml-menu li li li:hover ul,
.ml-menu li li li.hover ul {
  left: 160px;
  top: 0;
}
.ml-menu li li:hover li ul,
.ml-menu li li.hover li ul {
  top: -5555em;
}
/* indiacator */
.ml-menu li a.has-submenu {
  display: block;
  position: relative;
  padding-right: 20px;
}
.ml-menu li a.has-submenu span.indicator {
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -5px;
  display: block;
  width: 10px;
  height: 10px;
  text-indent: -5555em;
  background-image: url(../../../templates/fb2book_new/images/template-sprite.png);
  background-repeat: no-repeat;
}
/* -- [navbar-style] */
.ml-navbar li {
  position: static;
}
.ml-navbar > li > ul {
  width: 100%;
  height: 30px;
}
.ml-navbar li li {
  position: relative;
}
.ml-navbar li li:hover ul,
.ml-navbar li li.hover ul {
  width: 160px;
  left: 0;
  top: 30px;
}
.ml-navbar li li li {
  width: 100%;
}
.ml-navbar ul li {
  width: auto;
  float: left;
}
.ml-navbar li:hover ul,
.ml-navbar li.hover ul {
  left: 0;
  top: 30px;
}
.ml-navbar .current ul ul {
  top: -5555em;
}
.ml-navbar li li.current > a {
  font-weight: bold;
}
/* -- [vertical] */
.ml-vertical,
.ml-vertical li {
  width: 10em;
}
.ml-vertical li:hover ul,
.ml-vertical li.hover ul {
  left: 10em;
  top: 0;
}
/* -- [styling] -------------------- */
.ml-menu li a {
  height: 30px;
  line-height: 30px;
}
/* -- [first level] */
.ml-menu > li {
  margin-right: 5px;
}
.ml-menu > li > a {
  /*margin-bottom: 5px;*/
  padding: 20px 8px;
  margin: 0 15px;
  /*height: 20px;
  line-height: 20px;
  font-size: 1.1em;
  color: #0b486b;*/
}
.ml-menu > li > a:hover {
  /*color: #0b486b;*/
  background: #c42a44;
}
.ml-menu > li > a.has-submenu {
  margin-bottom: 0;
  padding-bottom: 10px;
  border-radius: 3px 3px 0 0;
}
.ml-menu > li.hover > a.has-submenu,
.ml-menu > li > a.has-submenu:hover {
  color: #ffffff;
  background: #556270;
}
.ml-menu > li a.has-submenu span.indicator {
  background-position: 0 -30px;
}
.ml-menu > li.hover > a.has-submenu span.indicator,
.ml-menu > li > a:hover.has-submenu span.indicator {
  background-position: -20px -30px;
}
/* -- [second level] */
.ml-menu li:hover ul,
.ml-menu li.hover ul {
  top: 35px;
}
.ml-menu li ul {
  background: #556270;
  border-top: 2px solid #606f7e;
}
.ml-menu li li {
  font-size: .9em;
}
.ml-menu li li a {
  padding: 0 10px;
  color: #ffffff;
  border-bottom: 1px solid #6b7b8d;
}
.ml-menu li li a:hover {
  background: #ffffff;
  background: #798899;
}
/* -- [ranking]--------------------- */
.media-ranking {
  position: relative;
}

.media-ranking ul.nav {
	/*column-count: 5;
	-moz-column-count: 5;
	-webkit-column-count: 5;
	column-gap: 20px;
	-moz-column-gap: 20px;
	-webkit-column-gap: 20px;*/
	display: inline-block;
}

.media-ranking ul.nav li {
	float: left;
	width: 250px;
	padding-right: 30px;
	margin-bottom: 20px;
}

.media-ranking ul.nav li.short_li {
	width: 100px;
	padding-right: 0;
}

.media-ranking .controls {
  position: absolute;
  right: 20px;
  top: -25px;
  float: right;
}
.media-ranking .controls li {
  float: left;
}
.media-ranking .controls li a {
  display: block;
  padding: 0 10px;
  height: 25px;
  color: #000000;
  font-size: .85em;
  line-height: 25px;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 2px 2px 0 0;
}
.media-ranking .controls li a:hover {
  color: #0b486b;
}
/*.media-ranking .controls li.current a,
.media-ranking .controls li.current a:hover {
  color: #ffffff;
  background: #0b486b;
}*/
/*.media-ranking .case {
  padding: 5px 20px;
  color: #ffffff;
  background: #0b486b;
}*/
/*.media-ranking .case.visible {
  display: block;
}*/
/*.media-ranking .case ul {
  overflow: hidden;
}*/
/*.media-ranking .case ul li {
  float: left;
}*/
.media-ranking .case a {
  display: block;
  /*float: left;*/
  /*padding: 1px 7px;*/
  color: #001e37;
  /*border-radius: 2px;*/
  padding-left: 20px;
  font-size: 19px;
  background: url(../../../templates/fb2book_new/images/new/cats_point.jpg) no-repeat left center;
}
.media-ranking .case a:hover {
  color: #c42a44;
  /*background: #ffffff;*/
  background: url(../../../templates/fb2book_new/images/new/cats_point_h.jpg) no-repeat left center;
}

/*.media-ranking .case.genres ul li {
  width: 170px;
}*/
.media-ranking .case.alphabet ul li {
  margin-right: 5px;
}
/* -- [site-navigation] ------------ */
.site-navigation {
  float: left;
}
/* -- [navigation] ----------------- */
.navigation a {
  position: relative;
  display: block;
  margin-bottom: 3px;
  padding-bottom: 3px;
  border-bottom: 1px dotted #e6e6e6;
}
.navigation a i {
  position: absolute;
  right: 5px;
  top: 50%;
  display: block;
}
.navigation a:hover i {
  opacity: 1;
}
/* -- [plain] */
.plain-navigation a i {
  margin-top: -5px;
  width: 10px;
  height: 10px;
  background-image: url(../../../templates/fb2book_new/images/template-sprite.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  opacity: .25;
}
/* -- [count] */
.count-navigation a i {
  margin-top: -7px;
  height: 14px;
  padding: 0 5px;
  color: #434343;
  background: #e1e1e1;
  font-size: .8em;
  font-style: normal;
  line-height: 14px;
  border-radius: 20px;
  opacity: .5;
}
/* -- [breadcrumbs]----------------- */
#dle-speedbar {
  display: block;
  padding: 10px 20px 0;
  color: #333333;
  font-size: .9em;
  
  white-space: nowrap;
}
#dle-speedbar a {
  height: 25px;
  padding: 2px 10px;
  color: #434343;
  background: #e1e1e1;
  border-radius: 20px;
}
#dle-speedbar a:hover {
  color: #ffffff;
  background: #c02942;
}
/* -- [sort]------------------------ */
.sort-story {
color: #333;
font-size: 18px;
margin-bottom: 20px;
padding: 40px 0 20px 40px;
}

.title a {
color: #c42a44;
}

.sort-story a {
  padding: 3px;
}
.sort-story img {
  position: relative;
  margin-right: -12px;
  right: -5px;
}
.sort-story img + a {
  padding: 3px 10px 3px 20px;
  color: #ffffff;
  background: #0b486b;
  border-radius: 20px;
}
.sort-story img + a:hover {
  background: #c02942;
}
/* -- [dropmenudiv]----------------- */
#dropmenudiv {
  background: #fff;
  border: 1px solid #cbcbcb;
  font-size: .8em;
  text-transform: uppercase;
  border-radius: 2px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  z-index: 101;
}
#dropmenudiv a {
  display: block;
  padding: .3em 1em;
  color: #000;
  text-decoration: none;
  white-space: nowrap;
}
#dropmenudiv a:first-child {
  border-radius: 2px 2px 0 0;
}
#dropmenudiv a:last-child {
  border-radius: 0 0 2px 2px;
}
#dropmenudiv a:hover {
  background: #333;
  color: #fff;
}
/* == [control panel] ================================== */
.control-panel {
  position: relative;
  margin-left: 10px;
  background: #ffffff;
  border-radius: 3px;
}
.control-panel .user-photo {
  position: absolute;
  left: -10px;
  top: -10px;
  width: 50px;
  height: 50px;
  overflow: hidden;
}
/*.control-panel .label,
.control-panel .inner {
  padding: 5px 10px 5px 50px;
  height: 20px;
}*/

.three.columns {
	width: 300px;
	float: left;
}

header .three.columns {
position: absolute;
right: 0;
top: 55px;
width: 130px;
}
.control-panel .label {
  /*font-weight: bold;*/
  /*border-bottom: 1px dotted #999999;*/
}
.control-panel .inner {
  position: relative;
}
/* slide panel */
.slide-panel {
  display: none;
  position: absolute;
  right: -5px;
  width: 250px;
  top: 35px;
  color: #666;
  z-index: 150;
  border: 3px solid #c42a44;;
  
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  overflow: hidden;
}
.slide-panel .wrap {
  padding: 10px;
  background: #ffffff;
}
/* slide btn */
.control-panel .slide-btn {
  display: block;
  /*position: absolute;
  right: 10px;
  bottom: 6px;*/
  padding-bottom: 35px;
  background: url(../../../templates/fb2book_new/images/new/login_bt.jpg) no-repeat left center;
}
.control-panel .slide-btn a {
  padding: 0;
  position: relative;
  top: 8px;
  float: right;
}
.control-panel .slide-btn a span {
color: #0b486b;
display: block;
font-family: HelveticaNeueCyrRoman;
font-size: 18px;
height: 18px;
line-height: 20px;
padding: 0 20px 0 10px;
}

a.registration {
color: #c42a44;
font-size: 18px;
padding-top: 10px;
display: block;
}

.control-panel .slide-btn a i {
  position: absolute;
  right: 5px;
  top: 5px;
  display: block;
  width: 10px;
  height: 10px;
  background-image: url(../../../templates/fb2book_new/images/template-sprite.png);
  background-repeat: no-repeat;
  background-position: 0 -30px;
}
.control-panel .slide-btn a.active i {
  background-position: 0 -20px;
}
/* -- [not logged] ----------------- */
/* form */
.login-form input[type=text],
.login-form input[type=password] {
  width: 100%;
  margin-bottom: 10px;
}
.login-form label {
  font-size: .9em;
}
.login-form .actions button {
  float: right;
}
.not-logged .lostpassword {
  padding: 5px 10px;
  background: #f1f1f1;
  text-align: center;
  border-radius: 0 0 3px 3px;
}
/* -- [logged-in] ------------------ */
.logged-in .slide-panel .wrap {
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
}
.user-menu li {
  margin-left: 40px;
  padding: 2px 0;
  border-bottom: 1px dotted #bfbfbf;
}
.user-menu li.last {
  border: none;
}
.user-menu li a {
  position: relative;
}
.user-menu li a i {
  position: absolute;
  left: -20px;
  top: 5px;
  display: block;
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  background-image: url(../../../templates/fb2book_new/images/template-sprite.png);
  background-position: -10px -30px;
  opacity: .5;
}
.user-menu li sup {
  padding: 0 3px;
  color: #ffffff;
  background: #0b486b;
  border-radius: 1px;
}
/* == [logotype] ======================================= */
#logo {
  /*position: relative;
  top: -10px;*/
  float: left;
  margin-top: 35px;
}

.top_banner {
float: left;
margin-left: 40px;
margin-top: 25px;
}
/* == [search] ========================================= */
.search-box {
	/*float: right;*/
	right: 0;
	top: 0;
	position: absolute;
	width: 46px;
	height: 46px;
	overflow: hidden;
	border: 3px solid #c42a44;
	border-top: 0;
	
	border-radius: 0 0 50% 50%;
	-moz-border-radius: 0 0 50% 50%;
	-webkit-border-radius: 0 0 50% 50%;
	
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}

.search-box:hover {
	width: 160px;
	
	border-radius: 0 0 30px 30px;
	-moz-border-radius: 0 0 30px 30px;
	-webkit-border-radius: 0 0 30px 30px;
	
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}

.search-box input {
  width: 100%;
  height: 30px;
  padding-right: 40px;
  background: transparent;
  border: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  opacity: 0;
  margin: 8px 0 0 5px;
  color: #c42a44;
}

.search-box:hover input {
	opacity: 1;
}

.search-box a {
  position: absolute;
}
.search-box button {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -11px;
  border: none;
  display: block;
  width: 23px;
  height: 23px;
  background: url(../../../templates/fb2book_new/images/new/search_bt.jpg) no-repeat center center;
}

/* -- [quick search]---------------- */
#searchsuggestions {
  width: 320px;
  background: #fff;
  font-size: .85em;
  line-height: 1.3em;
  border-radius: 2px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  z-index: 101;
}
#searchsuggestions a {
  display: block;
  clear: left;
  color: #666;
  text-decoration: none;
}
#searchsuggestions a span,
#searchsuggestions span.seperator,
#searchsuggestions span.notfound {
  display: block;
  padding: .5em;
}
#searchsuggestions a span.searchheading {
  padding: .7em .5em;
  background: #f5f5f5;
  border-bottom: 1px solid #eee;
  font-size: 1.1em;
  text-overflow: ellipsis;
}
#searchsuggestions a:hover span {
  color: #000;
}
#searchsuggestions a:hover span.searchheading {
  background: #333;
  color: #fff;
}
#searchsuggestions span.seperator {
  float: right;
}
#searchsuggestions span.seperator a:hover {
  color: #000;
}
.break {
  clear: both;
}
/* == [info message] =================================== */
.dle-message {
  margin-bottom: 1em;
  padding: 10px;
  border: 3px solid #f2f2f2;
  border-radius: 5px;
}
div + .dle-message {
  margin-top: 1em;
}
.dle-message h3 {
  margin: 0 0 .5em;
  color: #06293d;
}
/* == [pagination] ===================================== */
.pagination-wrapper {
clear: both;
font-size: 18px;
padding: 30px 0 55px;
text-align: center;
}
.pagination,
.prev-link,
.next-link {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.pagination {
  font-size: 1.1em;
}
.prev-link,
.next-link {
  font-size: .85em;
}
.pagination a,
.pagination span,
.prev-link a,
.prev-link span,
.next-link a,
.next-link span {
  float: left;
  line-height: 1em;
  text-decoration: none;
  padding: 0 .5em;
  line-height: 30px;
}
.pagination a,
.pagination span {
  border-left-width: 0;
}
.pagination span {
  padding: 0;
  width: 30px;
  height: 30px;
  color: #ffffff;
  background: #0b486b;
  text-align: center;
  border-radius: 20px;
}
.prev-link span,
.next-link span {
  color: #999;
}
/* == [copyright] ====================================== */
.copyright {
  font-size: .85em;
  line-height: 1.3em;
  text-align: right;
}
/* ============================================================================
   Widgets
============================================================================ */
.widget + .widget {
  margin-bottom: 20px;
}
.widget {
  position: relative;
}
.widget > .title {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 5px;
}
.widget > .title:before,
.widget > .title:after {
  content: "";
  display: table;
}
.widget > .title:after {
  clear: both;
}
.widget > .title {
  zoom: 1;
}
.widget > .title h3 {
  position: relative;
  margin: 0;
  font-size: 24px;
  font-weight: normal;
  color: #0b486b;
}
.widget > .title span.ico + h3 {
  margin-left: 30px;
}
.widget > .title span.ico {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-image: url(../../../templates/fb2book_new/images/template-sprite.png);
}
.widget > .content {
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.best_books {
	height: 46px;
	line-height: 46px;
	padding-left: 47px;
	background: url(../../../templates/fb2book_new/images/new/best_books.jpg) no-repeat left center;
}

.new_books {
	height: 46px;
	line-height: 46px;
	padding-left: 47px;
	background: url(../../../templates/fb2book_new/images/new/new_books.jpg) no-repeat left center;
}

/* == [styling] ======================================== */
/* -- [primary] */
.widget.style-primary {
  /*padding: 10px;
  border: 3px solid rgba(0, 0, 0, 0.03);
  border-radius: 7px;
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1);*/
}
.widget.style-primary .title {
  border: none;
}
.widget.style-primary .slider-navigation.buttons-navigation {
  right: 10px;
  top: 10px;
}
/* -- [secondary] */
.widget.style-secondary .title {
  border: none;
}
.widget.style-secondary > .title h3 {
  float: left;
  padding: 3px 7px 5px;
  color: #ffffff;
  background: #0d5882;
  background: -moz-linear-gradient(top, #0d5882 0%, #0b486b 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0d5882), color-stop(100%, #0b486b));
  background: -webkit-linear-gradient(top, #0d5882 0%, #0b486b 100%);
  background: -o-linear-gradient(top, #0d5882 0%, #0b486b 100%);
  background: -ms-linear-gradient(top, #0d5882 0%, #0b486b 100%);
  background: linear-gradient(top, #0d5882 0%, #0b486b 100%);
  font-size: 1.2em;
  font-weight: normal;
  border-radius: 3px;
}
/* == [sliders & tabs] ================================= */
/* -- [tabs] */
.type-tabs .pane > .widget,
.type-tabs .pane > .content {
  margin: 0;
  padding: 0;
}
.type-slider .list-items li,
.type-slider .list-items li .preview-wrapper {
  margin-bottom: 0;
}
.type-slider .list-items li .preview-wrapper + .title {
  /*margin-top: .5em;*/
  margin-top: 45px;
}
/* -- [navigation] ----------------- */
.tabs-navigation,
.slider-navigation {
  overflow: hidden;
  z-index: 100;
}
.tabs-navigation li,
.buttons-navigation a,
.buttons-navigation a span {
  display: block;
  float: left;
}
/* -- [tabs] */
.tabs-navigation {
  position: relative;
  margin-bottom: 10px;
  bottom: -1px;
  font-size: .9em;
  z-index: 5;
}
.tabs-navigation a {
  display: block;
  padding: 1px 10px;
  /*color: #4d4d4d;*/
  text-decoration: none;
  border-radius: 30px;
  font-size: 18px;
}
.tabs-navigation a:hover {
  color: #000000;
}
.tabs-navigation a.current,
.tabs-navigation a.current:hover {
  /*color: #ffffff;*/
  /*background: #d3304b;
  background: -moz-linear-gradient(top, #d3304b 0%, #c02942 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d3304b), color-stop(100%, #c02942));
  background: -webkit-linear-gradient(top, #d3304b 0%, #c02942 100%);
  background: -o-linear-gradient(top, #d3304b 0%, #c02942 100%);
  background: -ms-linear-gradient(top, #d3304b 0%, #c02942 100%);
  background: linear-gradient(top, #d3304b 0%, #c02942 100%);*/
  cursor: default;
}
/* -- [slider] */
.slider-navigation.buttons-navigation {
  position: absolute;
  right: 0;
  top: 0;
  /*padding: 1px 3px;
  border-radius: 30px;
  background: #d3304b;
  background: -moz-linear-gradient(top, #d3304b 0%, #c02942 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d3304b), color-stop(100%, #c02942));
  background: -webkit-linear-gradient(top, #d3304b 0%, #c02942 100%);
  background: -o-linear-gradient(top, #d3304b 0%, #c02942 100%);
  background: -ms-linear-gradient(top, #d3304b 0%, #c02942 100%);
  background: linear-gradient(top, #d3304b 0%, #c02942 100%);*/
}
.slider-navigation.buttons-navigation a span {
  /*text-indent: -5555em;*/
  /*background-image: url(../../../templates/fb2book_new/images/template-sprite.png);
  background-repeat: no-repeat;*/
  color: #fff;
}
.slider-navigation.buttons-navigation a {
  opacity: .90;
}
.slider-navigation.buttons-navigation a:hover {
  opacity: 1;
}
.slider-navigation.buttons-navigation a {
  float: left;
  line-height: 0;
  width: 37px;
  height: 46px;
  position: relative;
}

.slider-horizontal .buttons-navigation a.next-button, .slider-horizontal .buttons-navigation a.prev-button {
	background-color: #c42a44;
	background-image: url(../../../templates/fb2book_new/images/new/sl_arr.png);
	background-repeat: no-repeat;
}

.slider-horizontal .buttons-navigation a.next-button:hover, .slider-horizontal .buttons-navigation a.prev-button:hover {
	background-color: #0b486b;
}

.slider-horizontal .buttons-navigation a.next-button {
	background-position: -27px center;
	border-radius: 0 50% 50% 0;
	-moz-border-radius: 0 50% 50% 0;
	-webkit-border-radius: 0 50% 50% 0;
}

.slider-horizontal .buttons-navigation a.prev-button {
	background-position: 13px center;
	border-radius: 50% 0 0 50%;
	-moz-border-radius: 50% 0 0 50%;
	-webkit-border-radius: 50% 0 0 50%;
	margin-right: 5px;
}

/*.slider-horizontal .buttons-navigation a.next-button span {
  background-position: -20px 0;
}
.slider-horizontal .buttons-navigation a.prev-button span {
  background-position: -20px -10px;
}
.slider-vertical .buttons-navigation a.next-button span {
  background-position: -20px -20px;
}
.slider-vertical .buttons-navigation a.prev-button span {
  background-position: -20px -30px;
}*/
.slider-navigation.indicator-navigation {
  margin: 5px 0;
  text-align: center;
}
.slider-navigation.indicator-navigation a {
  display: inline-block;
  margin: 0 2px;
}
.slider-navigation.indicator-navigation a span {
  display: block;
  width: 10px;
  height: 10px;
  background: #f7f7f7;
  background: -moz-linear-gradient(top, #f7f7f7 0%, #ebebeb 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ebebeb));
  background: -webkit-linear-gradient(top, #f7f7f7 0%, #ebebeb 100%);
  background: -o-linear-gradient(top, #f7f7f7 0%, #ebebeb 100%);
  background: -ms-linear-gradient(top, #f7f7f7 0%, #ebebeb 100%);
  background: linear-gradient(top, #f7f7f7 0%, #ebebeb 100%);
  border: 1px solid #e8e8e8;
  text-indent: -5555em;
  border-radius: 20px;
}
.slider-navigation.indicator-navigation a.selected span {
  background: #0e5e8b;
  background: -moz-linear-gradient(top, #0e5e8b 0%, #0b486b 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0e5e8b), color-stop(100%, #0b486b));
  background: -webkit-linear-gradient(top, #0e5e8b 0%, #0b486b 100%);
  background: -o-linear-gradient(top, #0e5e8b 0%, #0b486b 100%);
  background: -ms-linear-gradient(top, #0e5e8b 0%, #0b486b 100%);
  background: linear-gradient(top, #0e5e8b 0%, #0b486b 100%);
  border-color: #0b486b;
}
/* == [calendar] ======================================= */
table.calendar {
  width: 100%;
  color: #000;
  font-size: 1.1em;
}
table.calendar .monthselect b,
table.calendar th {
  font-weight: normal;
}
table.calendar td {
  font-size: .9em;
}
table.calendar th.monthselect {
  border-bottom: 1px solid #ccc;
}
table.calendar th.workday,
table.calendar th.weekday {
  margin-bottom: 3px;
  padding: 5px 0;
  font-size: .8em;
  text-transform: uppercase;
  background: #f9f9f9;
}
table.calendar td.day,
table.calendar td.weekday,
table.calendar td.day-active-v,
table.calendar td.day-active {
  position: relative;
  border: 1px solid #f7f7f7;
}
table.calendar th.weekday,
table.calendar td.weekday {
  color: #c00;
}
table.calendar td.day-current {
  box-shadow: inset 0px 0px 0px 2px rgba(204, 0, 0, 0.9);
}
/* -- [links & color] */
table.calendar td a {
  position: relative;
  display: block;
  text-decoration: none;
}
table.calendar td.day a,
table.calendar td.day-active-v a {
  color: #000;
}
table.calendar td.weekday a,
table.calendar td.day-active a {
  color: #c00;
}
table.calendar td a:hover {
  color: #06e;
}
table.calendar td a:after {
  position: absolute;
  right: 0;
  bottom: 3px;
  color: #2cc107!important;
  content: ".";
  font-size: 2em;
}
/* == [archives] ======================================= */
#archives a {
  display: block;
  margin-bottom: 3px;
  padding: 0 0 3px 20px;
  background: url(../../../templates/fb2book_new/images/template-bullet.png) no-repeat -115px -55px;
  border-bottom: 1px dashed #e6e6e6;
}
#archives br {
  display: none;
}
/* == [polls] ========================================== */
.widget-poll .title span.ico {
  background-position: -60px 0;
}
.dle-poll .question h4 {
  padding: 10px;
  background: #e9e9e9;
  border-radius: 3px;
}
.dle-poll .question h4 {
  margin: 0;
  font-size: 1.1em;
  font-weight: 1em;
}
.dle-poll .question:after {
  width: 0;
  height: 0;
  border-width: 0 0 10px 10px;
  border-style: solid;
  border-color: #e9e9e9 transparent;
  content: '';
  position: absolute;
  left: 30px;
  top: -10px;
  margin-left: -5px;
}
.dle-poll .poll-list {
  margin: .5em 0;
  padding: 5px 0;
  border-bottom: 1px dotted #d9d9d9;
}
.dle-poll .options-list {
  padding-left: 10px;
}
.dle-poll .poll-list .vote {
  margin: .3em 0;
}
.dle-poll .actions {
  overflow: hidden;
}
.dle-poll .actions .vote-results {
  float: right;
  font-size: .9em;
}
#story-poll {
  margin-bottom: 20px;
}
/* -- [results] */
#dlevotespopupcontent fieldset {
  margin: 1em 0;
  padding: 1em 0 0;
  border: 0;
}
#dlevotespopupcontent legend {
  display: block;
  width: 100%;
  font-size: 1.3em;
  text-align: center;
}
.result-list .vote img,
#dlevotespopupcontent .vote img {
  display: block;
  border: none!important;
}
.result-list .vote,
#dlevotespopupcontent .vote {
  margin: 0;
  color: #666;
  line-height: normal;
  text-indent: .5em;
}
.result-list .vote {
  font-size: .9em;
}
#dlevotespopupcontent .vote {
  margin-right: 20px;
}
.result-list .vote:nth-child(2n+2),
#dlevotespopupcontent .vote:nth-child(2n+2) {
  margin-bottom: 1em;
  background: #f5f5f5;
  box-shadow: inset -1px 1px 3px 0px rgba(0, 0, 0, 0.1);
}
.result-list .vote:nth-child(2n+2),
#dlevotespopupcontent .vote:nth-child(2n+2),
.result-list .vote img,
#dlevotespopupcontent .vote img {
  border-radius: 20px;
}
.total-votes {
  text-align: right;
}
/* == [tag cloud] ====================================== */
#tagcloud a {
  padding: .3em;
  font-weight: normal;
  text-decoration: none;
  white-space: nowrap;
}
#tagcloud .content br + br {
  display: none;
}
.clouds_xsmall {
  font-size: .9em;
  opacity: .7;
}
.clouds_small {
  font-size: 1.1em;
  opacity: .8;
}
.clouds_medium {
  font-size: 1.3em;
  opacity: .9;
}
.clouds_large {
  font-size: 1.5em;
  opacity: .95;
}
.clouds_xlarge {
  font-size: 1.7em;
  opacity: 1;
}
#tagcloud a:hover {
  opacity: 1;
}
/* ============================================================================
   Other
============================================================================ */
/* == [transitions] ==================================== */
input,
button,
* [role=button],
.content a,
.title h2 a,
.tabs-navigation a,
.navigation a i,
.pagination a,
.tags a,
.category a,
span.story-views:hover,
span.story-comments:hover,
.story-views:hover i,
.story-comments:hover i,
.comment .controls,
/*.preview-wrapper,
.preview-wrapper a,
.preview-wrapper a span*/ {
  -moz-transition: all ease .3s;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
/* == [tables] ========================================= */
.table {
  margin-bottom: 1.5em;
  width: 100%;
}
.table th,
.table td {
  border-top: #666;
  padding: .5em;
  text-align: left;
}
.table th {
  font-weight: bold;
}
.table thead th {
  vertical-align: bottom;
}
.table td {
  vertical-align: top;
}
.table thead th,
.table thead td {
  border-top: 0 none;
}
.table tbody + tbody {
  border-top: 2px solid #666;
}
.table tbody tr:nth-child(2n+1) td,
.table tbody tr:nth-child(2n+1) th {
  background-color: #f5f5f5;
}
/* == [to top] ========================================= */
.back-top-wrap {
  position: absolute;
  right: 0;
  top: 0;
}
#back-top {
  position: fixed;
  top: 0;
  margin-right: -20px;
}
#back-top a {
  display: block;
  padding: 5px;
  background: #ffffff;
  text-indent: -5555em;
}
#back-top a i {
  display: block;
  width: 10px;
  height: 10px;
  background: url(../../../templates/fb2book_new/images/template-sprite.png) no-repeat 0 -20px;
}
#back-top a:hover {
  background-color: #c02942;
}
#back-top a:hover i {
  background-position: -20px -20px;
}
/* == [tooltip] ======================================== */
#tooltip {
  text-align: center;
  color: #ffffff;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.65);
  position: absolute;
  z-index: 100;
  padding: .5em;
  font-size: .85em;
  line-height: 1.2em;
  border-radius: 3px;
}
#tooltip:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 3px solid #000000;
  border-top-color: rgba(0, 0, 0, 0.65);
  content: '';
  position: absolute;
  left: 50%;
  bottom: -3px;
  margin-left: -5px;
}
#tooltip.top:after {
  border-top-color: transparent;
  border-bottom: 10px solid #111;
  top: -20px;
  bottom: auto;
}
#tooltip.left:after {
  left: 10px;
  margin: 0;
}
#tooltip.right:after {
  right: 10px;
  left: auto;
  margin: 0;
}
/* ============================================================================
   System
============================================================================ */
#loading-layer {
  display: none;
  padding: .5em 1em;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: .9em;
  text-align: center;
  border-radius: 3px;
}
/* == [rating] ========================================= */
#ratig-layer {
  width: 85px;
  height: 17px;
  overflow: hidden;
}
.rating {
  width: 85px;
  height: 17px;
}
.unit-rating {
  position: relative;
  margin: 0px;
  padding: 0px;
  width: 85px;
  height: 17px;
  list-style: none;
  background: url(../../../templates/fb2book_new/dleimages/dle-rating.png) repeat-x 0 0;
}
.unit-rating li {
  margin: 0!important;
  padding: 0!important;
  float: left;
  text-indent: -5555em;
}
.unit-rating li.current-rating {
  position: absolute;
  display: block;
  height: 17px;
  text-indent: -5555em;
  z-index: 1;
  background: url(../../../templates/fb2book_new/dleimages/dle-rating.png) repeat-x 0 100%;
}
.unit-rating li a {
  position: absolute;
  display: block;
  width: 17px;
  height: 17px;
  z-index: 17;
}
.unit-rating li a:hover {
  left: 0px;
  z-index: 2;
  background: url(../../../templates/fb2book_new/dleimages/dle-rating.png) repeat-x 0 50%;
}
.unit-rating a.r1-unit {
  left: 0px;
}
.unit-rating a.r1-unit:hover {
  width: 17px;
}
.unit-rating a.r2-unit {
  left: 17px;
}
.unit-rating a.r2-unit:hover {
  width: 34px;
}
.unit-rating a.r3-unit {
  left: 34px;
}
.unit-rating a.r3-unit:hover {
  width: 51px;
}
.unit-rating a.r4-unit {
  left: 51px;
}
.unit-rating a.r4-unit:hover {
  width: 68px;
}
.unit-rating a.r5-unit {
  left: 68px;
}
.unit-rating a.r5-unit:hover {
  width: 85px;
}
/* == [DLE captcha] ==================================== */
/* -- [GD2 captcha] ---------------- */
.dle-captcha-wrapper {
  overflow: hidden;
}
#dle-captcha {
  position: relative;
  display: block;
  float: left;
  margin-right: 10px;
  width: 140px;
}
#dle-captcha a {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 15px;
  height: 15px;
  background: url(../../../templates/fb2book_new/images/template-sprite.png) no-repeat 0 -100px;
  text-indent: -5555em;
}
.captcha-input {
  float: left;
  width: 120px;
  text-align: center;
}
.captcha-input input {
  width: 120px;
  height: 35px;
  color: #666;
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.captcha-input span.help {
  height: 15px;
  background: #dcdcdc;
  font-size: 10px;
  line-height: 15px;
}
/* -- [question] ------------------- */
.dle-question-wrapper input {
  min-width: 270px;
}
.dle-question-wrapper p {
  margin: 0;
}
#dle-question {
  font-weight: bold;
}
/* == [editor] ========================================= */
.editor_button {
  float: left;
  cursor: pointer;
  padding: 0;
}
.editor_button img,
.editor_button_brk img {
  display: block;
}
.editor_button select {
  width: 100%;
  font-size: .85em;
}
.editor_buttoncl {
  float: left;
  cursor: pointer;
  padding-left: 1px;
  padding-right: 1px;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
}
.editbclose {
  float: right;
  cursor: pointer;
  display: none;
}
.editor .editor_button {
  opacity: 0.75;
}
.editor .editor_button:hover {
  opacity: 1;
}
.editor-bbcodes br {
  display: none;
}
.editor-bbcodes dd > div.editor {
  width: 100%!important;
  border-bottom: none!important;
  border-color: #e7e7e7!important;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.editor .editor > div,
textarea#comments {
  border-bottom: 1px solid #e7e7e7 !important;
}
.editor textarea,
textarea#comments {
  width: 100%!important;
  min-height: 10em;
  margin: 0;
  padding: 5px!important;
}
/* == [xfields] ======================================== */
.xfields-wrapper table {
  width: 100%;
}
.xfields-wrapper table tr td {
  display: block;
  padding: 0;
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.xfields-wrapper .xfields,
.xfields-wrapper .xprofile {
  padding-bottom: 1em;
}
.xfields-wrapper textarea {
  width: 100%;
  min-height: 10em;
}
/* -- [popup] ---------------------- */
.popup {
  margin-top: 0.5em;
}
.popup.userinfo {
  margin: 0;
}
.popup .main-info dl {
  margin: 0 0 3px;
  padding-bottom: 3px;
}
.popup .main-info dl:last-child {
  margin: 0;
  border: none;
}
.popup .main-info dl dt {
  width: 80px;
}
.popup .main-info dl dd {
  margin-left: 90px;
}
.popup .user-photo img {
  width: 85px;
}
/* == [jQuery UI] ====================================== */
.ui-dialog {
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 300px;
  background-color: none;
  border-radius: 3px;
  box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.15);
}
/* -- [header] */
.ui-dialog .ui-dialog-titlebar {
  padding: 10px;
  position: relative;
  border-radius: 3px 3px 0 0;
}
.ui-widget-header {
  border-bottom: 1px solid #eee;
  color: #000;
  font-size: 1.2em;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin-right: 20px;
}
/* close */
.ui-dialog .ui-dialog-titlebar-close,
.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
  position: absolute;
  right: 5px;
  top: 10px;
  margin: 0;
  padding: 0;
  width: 14px;
  height: 14px;
  background-color: none!important;
  background-image: url(../../../templates/fb2book_new/images/template-sprite.png);
  background-repeat: no-repeat;
  background-position: 0 -85px;
  border: none;
  box-shadow: none;
  opacity: .5;
}
/* -- [body] */
.ui-dialog .ui-dialog-content {
  background: none;
  border: 0;
  overflow: hidden;
  padding: 10px;
  position: relative;
  font-size: .9em;
  zoom: 1;
}
.ui-widget-content {
  background: #fff;
}
/* -- [bottom] */
.ui-dialog .ui-dialog-buttonpane {
  background-image: none;
  background: #f9f9f9;
  border-top: 1px solid #e9e9e9;
  margin: 0;
  padding: 10px;
  text-align: left;
  border-radius: 0 0 3px 3px;
}
.ui-dialog-buttonset {
  text-align: right;
}
.ui-dialog-buttonset .ui-button {
  margin-left: 5px;
}
/* -- [helper classes] */
.ui-helper-clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
.ui-helper-clearfix {
  display: inline-block;
}
* html .ui-helper-clearfix {
  height: 1%;
}
.ui-helper-clearfix {
  display: block;
}
.ui-icon {
  background-repeat: no-repeat;
  display: block;
  overflow: hidden;
  text-indent: -99999px;
}
.ui-state-error {
  background: #fef1ec 50% 50% repeat-x;
  border: 1px solid #dedede;
  color: #cd0a0a;
}
.ui-dialog .ui-resizable-se {
  bottom: 3px;
  height: 14px;
  right: 3px;
  width: 14px;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
/* == [tag autocomplete] =============================== */
* html .ui-autocomplete {
  width: 1px;
}
.ui-autocomplete {
  position: absolute;
  cursor: default;
}
.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  float: left;
}
.ui-menu .ui-menu {
  margin-top: -3px;
}
.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  zoom: 1;
  float: left;
  clear: left;
  width: 100%;
}
.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: .2em .4em;
  line-height: 1.5;
  zoom: 1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px;
}
/* == [highslide] ====================================== */
.highslide-wrapper,
.highslide-outline {
  background: #FFFFFF;
}
.highslide-image {
  border: 2px solid #FFFFFF;
}
.highslide-active-anchor {
  visibility: hidden;
}
.highslide-active-anchor img {
  visibility: hidden;
}
.highslide-dimming {
  background-color: black;
}
.highslide-html {
  background-color: white;
}
.highslide-loading {
  display: block;
  color: white;
  font-size: 9px;
  font-weight: bold;
  text-decoration: none;
  padding: 3px;
  border: 1px solid white;
  background-color: black;
}
a.highslide-full-expand {
  background: url("../../../templates/fb2book_new/dleimages/fullexpand.gif") no-repeat;
  display: block;
  margin: 0 10px 10px 0;
  width: 34px;
  height: 34px;
}
.highslide-display-block {
  display: block;
}
.highslide-display-none {
  display: none;
}
.highslide-caption {
  display: none;
  padding: 5px;
  background: white;
}
.highslide-controls {
  width: 195px;
  height: 40px;
  background: url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif") no-repeat 0 -90px;
  margin-right: 15px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.highslide-controls ul {
  position: relative;
  left: 15px;
  height: 40px;
  list-style: none;
  margin: 0;
  padding: 0;
  background: url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif") no-repeat 100% -90px;
}
.highslide-controls li {
  float: left;
  padding: 5px 0;
}
.highslide-controls a {
  background: url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif");
  display: block;
  float: left;
  height: 30px;
  width: 30px;
  outline: none;
}
.highslide-controls a.disabled {
  cursor: default;
}
.highslide-controls a span {
  display: none;
}
/* -- [controlbar] ----------------- */
.highslide-controls .highslide-previous a {
  background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
  background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
  background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
  background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
  background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
  background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
  background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
  background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
  background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
  background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
  background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
  background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
  background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
  background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
  background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
  background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
  background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
  background-position: -180px -30px;
}
/* ============================================================================
   Browser specific
============================================================================ */
/* -- [inputs]---------------------- */
.ie7 input,
.ie7 select,
.ie7 textarea,
.ie7 .input {
  padding: 5px 0;
}
.ie7 .search-box input {
  height: auto;
}
/* -- [z-indexes]-------------------- */
.ie7 header .container,
.ie7 #main .container,
.ie7 header .row {
  position: relative;
}
.ie7 header .container,
.ie7 #navbar,
.ie7 .media-grid:hover {
  z-index: 10;
}
.ie7 #main .container,
.ie7 header .suf,
.ie7 .media-grid {
  z-index: 5;
}
/* -- [grid]------------------------ */
.ie7 .display-grid .eight-per-row li {
  width: 10.3%;
}
.ie7 .display-grid .seven-per-row li {
  width: 12.1%;
}
.ie7 .display-grid .six-per-row li {
  width: 14.5%;
}
.ie7 .display-grid .five-per-row li {
  width: 17.9%;
}
.ie7 .display-grid .four-per-row li {
  width: 22.9%;
}
.ie7 .display-grid .three-per-row li {
  width: 31%;
}
.ie7 .display-grid .two-per-row li {
  width: 47.9%;
}
/* -- [content]--------------------- */
.ie7 .media-grid {
  display: inline-block;
  zoom: 1;
}
.ie7 .media-grid:hover {
  display: block;
}
/* -- [other]----------------------- */
.ie7 .list-items .title {
  overflow: hidden;
}
.ie7 .view-compact li .title {
  margin-left: 30%;
}
.ie7 .list-items .title .date,
.ie7 .story-meta .category,
.ie7 .story-teaser .rating,
.ie7 .story-teaser .story-views,
.ie7 .story-teaser .story-comments,
.ie7 .search .story-teaser .story-meta a {
  float: left;
}
@font-face {
  font-family: 'WebSymbolsRegular';
  src: url('../../../templates/fb2book_new/websymbols/websymbols-regular-webfont.eot');
  src: url('../../../templates/fb2book_new/websymbols/websymbols-regular-webfont.eot#iefix') format('embedded-opentype'), url('../../../templates/fb2book_new/websymbols/websymbols-regular-webfont.woff') format('woff'), url('../../../templates/fb2book_new/websymbols/websymbols-regular-webfont.ttf') format('truetype'), url('../../../templates/fb2book_new/websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.a-btn {
  padding: 10px 30px 10px 70px;
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 0 0 10px 0;
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(#ffffff, 0), color-stop(#f6f6f6, 0.74), co lor-stop(#ededed, 1));
  background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 74%, #ededed 100%);
  background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 74%, #ededed 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 74%, #ededed 100%);
  background: linear-gradient(top, #ffffff 0%, #f6f6f6 74%, #ededed 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
  -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2), 0px 0px 0px 1px rgba(188, 188, 188, 0.1);
  -moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2), 0px 0px 0px 1px rgba(188, 188, 188, 0.1);
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2), 0px 0px 0px 1px rgba(188, 188, 188, 0.1);
  -webkit-transition: box-shadow 0.3s ease-in-out;
  -moz-transition: box-shadow 0.3s ease-in-out;
  -o-transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
}
.a-btn-symbol {
  font-family: 'WebSymbolsRegular', cursive;
  color: #555;
  font-size: 20px;
  position: absolute;
  left: 20px;
  line-height: 32px;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.a-btn-text {
  font-size: 20px;
  color: #fff;
  line-height: 16px;
  display: block;
}
.a-btn-slide-text {
  font-family: Arial, sans-serif;
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;
}
.a-btn-slide-icon {
  position: absolute;
  top: -30px;
  width: 22px;
  height: 22px;
  background: transparent url(../../../templates/fb2book_new/images/arrow_down_black.png) no-repeat top left;
  left: 20px;
  opacity: 0.4;
}
.a-btn:hover {
  -webkit-box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.4), 0px 0px 0px 1px rgba(188, 188, 188, 0.1);
  -moz-box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.4), 0px 0px 0px 1px rgba(188, 188, 188, 0.1);
  box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.4), 0px 0px 0px 1px rgba(188, 188, 188, 0.1);
}
.a-btn:hover .a-btn-symbol {
  opacity: 0;
}
.a-btn:hover .a-btn-slide-icon {
  -webkit-animation: slideDown 0.9s linear infinite;
  -moz-animation: slideDown 0.9s linear infinite;
  animation: slideDown 0.9s linear infinite;
}
.a-btn:active {
  background: #C32B44;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.6) inset, 0px 0px 0px 1px rgba(188, 188, 188, 0.1);
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.6) inset, 0px 0px 0px 1px rgba(188, 188, 188, 0.1);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.6) inset, 0px 0px 0px 1px rgba(188, 188, 188, 0.1);
}
.a-btn:active .a-btn-text {
  color: #fff;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}
.a-btn:active .a-btn-slide-text {
  color: rgba(0, 0, 0, 0.4);
  text-shadow: none;
}
@keyframes slideDown {
  0% {
    top: -30px;
  }
  100% {
    top: 80px;
  }
}
@-webkit-keyframes slideDown {
  0% {
    top: -30px;
  }
  100% {
    top: 80px;
  }
}
@-moz-keyframes slideDown {
  0% {
    top: -30px;
  }
  100% {
    top: 80px;
  }
}
@font-face{ 
font-family: 'WebSymbolsRegular'; 
src: url('../../../templates/fb2book_new/websymbols/websymbols-regular-webfont.eot'); 
src: url('../../../templates/fb2book_new/websymbols/websymbols-regular-webfont.eot#iefix') format('embedded-opentype'), 
url('../../../templates/fb2book_new/websymbols/websymbols-regular-webfont.woff') format('woff'), 
url('../../../templates/fb2book_new/websymbols/websymbols-regular-webfont.ttf') format('truetype'), 
url('../../../templates/fb2book_new/websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg'); 
font-weight: normal; 
font-style: normal; 
} 
.a-btn{ 
padding:10px 30px 10px 70px; 
position:relative; 
display:inline-block; 
overflow:hidden; 
margin: 20px 0 10px 0; 
background:#c42a44; 
-webkit-box-shadow:0px 0px 7px rgba(0,0,0,0.2), 0px 0px 0px 1px rgba(188,188,188,0.1); 
-moz-box-shadow:0px 0px 7px rgba(0,0,0,0.2), 0px 0px 0px 1px rgba(188,188,188,0.1); 
box-shadow:0px 0px 7px rgba(0,0,0,0.2), 0px 0px 0px 1px rgba(188,188,188,0.1); 
-webkit-transition:box-shadow 0.3s ease-in-out; 
-moz-transition:box-shadow 0.3s ease-in-out; 
-o-transition:box-shadow 0.3s ease-in-out; 
transition:box-shadow 0.3s ease-in-out;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.read_button a {
	display: block;
	width: 100%;
	color: #fff;
	padding: 15px 30px 15px 70px;
	background: url(../../../templates/fb2book_new/images/new/bookicon.png) no-repeat 20px center #0b486b;
	background-size: auto 50%;
	font-size: 20px;
	
	-webkit-box-shadow:0px 0px 7px rgba(0,0,0,0.2), 0px 0px 0px 1px rgba(188,188,188,0.1); 
	-moz-box-shadow:0px 0px 7px rgba(0,0,0,0.2), 0px 0px 0px 1px rgba(188,188,188,0.1); 
	box-shadow:0px 0px 7px rgba(0,0,0,0.2), 0px 0px 0px 1px rgba(188,188,188,0.1); 
	-webkit-transition:box-shadow 0.3s ease-in-out; 
	-moz-transition:box-shadow 0.3s ease-in-out; 
	-o-transition:box-shadow 0.3s ease-in-out; 
	transition:box-shadow 0.3s ease-in-out;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.read_button a:hover {
	-webkit-box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.4), 0px 0px 0px 1px rgba(188, 188, 188, 0.1);
	-moz-box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.4), 0px 0px 0px 1px rgba(188, 188, 188, 0.1);
	box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.4), 0px 0px 0px 1px rgba(188, 188, 188, 0.1);
	background: url(../../../templates/fb2book_new/images/new/bookicon.png) no-repeat 20px center #c42a44;
	background-size: auto 50%;
}

.read_button a img {
	
}

.a-btn-symbol{ 
font-family:'WebSymbolsRegular', cursive; 
color:#fff; 
font-size:20px; 
position:absolute; 
left:20px; 
line-height:32px; 
-webkit-transition:opacity 0.3s ease-in-out; 
-moz-transition:opacity 0.3s ease-in-out; 
-o-transition:opacity 0.3s ease-in-out; 
transition:opacity 0.3s ease-in-out; 
} 
.a-btn-text{ 
font-size:17px; 
color:#���; 
line-height:16px; 
overflow: hidden;
text-overflow: ellipsis;
display:block;
white-space: nowrap;
} 
.a-btn-slide-text {
color: #fff;
float: left;
font-family: Arial,sans-serif;
font-size: 10px;
letter-spacing: 1px;
opacity: 0.4;
padding-top: 8px;
text-transform: uppercase;
}

.a-btn-slide-icon{ 
position:absolute; 
top:-30px; 
width:22px; 
height:22px; 
background:transparent url(../../../templates/fb2book_new/images/arrow_down_black.png) no-repeat top left; 
left:20px; 
opacity:0.4; 
} 
.a-btn:hover{ 
background: #0b486b;
-webkit-box-shadow:0px 0px 9px rgba(0,0,0,0.4), 0px 0px 0px 1px rgba(188,188,188,0.1); 
-moz-box-shadow:0px 0px 9px rgba(0,0,0,0.4), 0px 0px 0px 1px rgba(188,188,188,0.1); 
box-shadow:0px 0px 9px rgba(0,0,0,0.4), 0px 0px 0px 1px rgba(188,188,188,0.1); 
} 
.a-btn:hover .a-btn-symbol{ 
opacity:0; 
} 
.a-btn:hover .a-btn-slide-icon{ 
-webkit-animation:slideDown 0.9s linear infinite; 
-moz-animation:slideDown 0.9s linear infinite; 
animation:slideDown 0.9s linear infinite; 
} 
.a-btn:active{ 
background:#d7565b; 
-webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.6) inset, 0px 0px 0px 1px rgba(188,188,188,0.1); 
-moz-box-shadow:0px 2px 2px rgba(0,0,0,0.6) inset, 0px 0px 0px 1px rgba(188,188,188,0.1); 
box-shadow:0px 2px 2px rgba(0,0,0,0.6) inset, 0px 0px 0px 1px rgba(188,188,188,0.1); 
} 
.a-btn:active .a-btn-text{ 
color:#fff; 
text-shadow:0px 1px 1px rgba(0,0,0,0.3); 
} 
.a-btn:active .a-btn-slide-text{ 
color:rgba(0,0,0,0.4); 
text-shadow:none; 
} 
@keyframes slideDown{ 
0% { top: -30px; } 
100% { top: 80px;} 
} 
@-webkit-keyframes slideDown{ 
0% { top: -30px; } 
100% { top: 80px;} 
} 
@-moz-keyframes slideDown{ 
0% { top: -30px; } 
100% { top: 80px;} 
}

.readdd { 
    font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
   }
#tagcloud2
{
    width:220px;
}

/*litres button*/
/* corners css all */
@-moz-document url-prefix(){.corners{-moz-border-radius:4px;};}
.corners{position:relative;-webkit-border-radius:4px;border-radius:4px;} /* normal browser */
.corners .tl, .corners .tr, .corners .bl, .corners .br{position:absolute;height:4px;width:4px;float:left;line-height:0;font-size:0;}
.corners .tl{left:0;top:0;}
.corners .tr{right:0;top:0;background-position:right top;}
.corners .bl{left:0;bottom:0;background-position:left bottom;}
.corners .br{right:0;bottom:0;background-position:right bottom;}
/* gray */
.gray-corners{background:#e5e5e5;}

.book-buy{display:inline-block;padding:10px;}

.block_shadow  .format, .buynowBtn .format, .buynowBtn .warn,.download_link .format{color:#2F2F2F;font-size:12px;font-style:italic;padding:0;max-width:35em;width:auto;}

.coolbtn{position:relative;padding:0 10px;text-decoration:none;display:inline-block;font-size:13px;text-align:center;white-space:nowrap;}

a.coolbtn{cursor:pointer;}
a.coolbtn{text-decoration:none;}

.coolbtn {display:inline-block;height:39px;line-height:39px;background-image:url("../../../templates/fb2book_new/images/btn.png");background-position:-5px -118px;}

.coolbtn:hover{background-position:-5px -177px;}

.btn-green-22{padding:0 35px;}
.btn-green-22{background-position:right 0;background-color:#007001;color:#fff !important;}
.btn-green-22 s{background-position:right 0;}
.btn-green-22 u{background-position:left 0;}
.btn-green-22:hover{background-position:-5px -59px;color:#fff;text-decoration:none}
.btn-green-22:hover u{background-position:left -59px;}
.btn-green-22:hover s{background-position:right -59px;}
.btn-green-22{font-size:22px;color:#fff;text-shadow:1px 1px 1px #003F01;filter:dropshadow(color=#003F01, offx=1, offy=1);}
.btn-green-22:visited{color:#fff !important;}

.book-buy{display:inline-block;padding:10px;}
*:first-child .book-buy {zoom: 1;*display: inline;}

.buynowBtn {margin-bottom:13px; margin-right: 10px; vertical-align: top}
.buynowBtn .coolbtn{
	margin:0 0 14px 0px;
	font-weight: normal;
}

.buynowBtn .coolbtn{max-width:400px; display:block;}

/*---*/

.title.bottom_bl {
	color: #6b7b8d;
	font-size: 15px;
	padding: 0 0 30px 0;
	border-bottom: 1px dotted #cccccc;
}

.full-viewinner_page .story.media.media-full h1 {
	color: #c42a44;
}

.bott_books_bl .preview-wrapper a {
	padding-bottom: 150% !important;
}

.bott_books_bl .view-compact .list-news .preview-wrapper a img {
	width: 100% !important;
}

.inner_page .list-items.list-media.four-per-row li:first-child, .inner_page .list-items.list-media.four-per-row li:first-child .bef_bg {
	padding-left: 0;
	left: 0 !important;
}

.bott_form .maincol {
	width: 100%;
}

.full-viewinner_page .main .description > div > div {
	border-top: 1px dotted #808080;
	padding-top: 20px;
	margin-top: 20px;
}

.full-viewinner_page .read_button {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #808080;
}

#QapTcha .actions {
	background: #c42a44;
	color: #fff;
	font-size: 18px;
	font-family: HelveticaNeueCyrRoman;
	float: right;
	border: none;
	padding: 20px 10px;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#QapTcha #TxtStatus {
	clear: none !important;
	float: left;
}

#QapTcha .clr {
	display: none;
}

.prob_sl .subcol {
	width: 33% !important;
}

.prob_sl .subcol .slider-navigation.buttons-navigation a {
	width: 55px;
	line-height: normal;
}

.prob_sl .subcol .slider-navigation.buttons-navigation a span {
	color: #0b486b !important;
	float: right;
}

.prob_sl .subcol #news-full-media-block .title {
	margin-top: 0;
}

.prob_sl .subcol #news-full-media-block .title h3 {
	color: #0b486b !important;
}

.prob_sl .subcol .slider-navigation.indicator-navigation {
	display: none !important;
}

/*
playback timings (ms):
  captures_list: 578.528
  exclusion.robots: 0.09
  exclusion.robots.policy: 0.08
  cdx.remote: 0.056
  esindex: 0.007
  LoadShardBlock: 554.818 (3)
  PetaboxLoader3.datanode: 705.284 (4)
  load_resource: 256.473
  PetaboxLoader3.resolve: 90.588
*/