/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 5, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 89, ../sass/screen.scss */
body {
  font-size: 14px;
  background-color: #f2f2f2;
}

/* line 94, ../sass/screen.scss */
a:visited {
  outline: none;
  text-decoration: none;
}
/* line 98, ../sass/screen.scss */
a:hover {
  outline: none;
  text-decoration: none;
}
/* line 102, ../sass/screen.scss */
a:active {
  outline: none;
  text-decoration: none;
}

/*HEADER######################################################
##############################################################*/
/* line 109, ../sass/screen.scss */
header {
  background-color: #fff;
}

/* line 112, ../sass/screen.scss */
.photo-wrap {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  overflow: hidden;
  float: left;
}

/* line 119, ../sass/screen.scss */
.top-line {
  margin-top: 20px;
}
/* line 122, ../sass/screen.scss */
.top-line div:nth-of-type(1), .top-line div:nth-of-type(3) {
  margin-top: 10px;
}
/* line 127, ../sass/screen.scss */
.top-line .search i {
  color: #989898;
  position: absolute;
  left: 25px;
  z-index: 1000;
  top: 12px;
  font-size: 18px;
}
/* line 136, ../sass/screen.scss */
.top-line .input-group {
  width: 90%;
}
/* line 138, ../sass/screen.scss */
.top-line .input-group input {
  padding-left: 60px;
}
/* line 141, ../sass/screen.scss */
.top-line .input-group .form-control {
  border: none;
  height: 40px;
  background-color: #f2f2f2;
  border-radius: 25px;
  -webkit-box-shadow: inset -3px 2px 5px 0px rgba(0, 0, 0, 0.32);
  -moz-box-shadow: inset -3px 2px 5px 0px rgba(0, 0, 0, 0.32);
  box-shadow: inset -3px 2px 5px 0px rgba(0, 0, 0, 0.32);
  font-size: 14px;
}

/* line 154, ../sass/screen.scss */
.registration li {
  float: left;
  font-size: 16px;
  margin-left: 40px;
  margin-top: 20px;
}
/* line 50, ../sass/screen.scss */
.registration li a {
  color: #000;
  text-decoration: none;
  outline: none;
}
/* line 54, ../sass/screen.scss */
.registration li a:visited {
  color: #000;
}
/* line 57, ../sass/screen.scss */
.registration li a:hover {
  color: #000;
  text-decoration: none;
}
/* line 61, ../sass/screen.scss */
.registration li a:active {
  color: #000;
}
/* line 160, ../sass/screen.scss */
.registration li a {
  text-decoration: underline;
}

/* line 166, ../sass/screen.scss */
.logo-block span {
  font-size: 19px;
  color: #a0a0a0;
  display: block;
  margin-top: 7px;
}

/* line 173, ../sass/screen.scss */
.input-group-addon {
  background-color: #fff;
}

/* line 176, ../sass/screen.scss */
.menu-wrap {
  margin-top: 20px;
}

/* line 179, ../sass/screen.scss */
.header-bottom {
  text-align: center;
  background-color: #b0b0b0;
}
/* line 182, ../sass/screen.scss */
.header-bottom li {
  margin-top: 16px;
  margin-bottom: 16px;
  float: left;
}
/* line 50, ../sass/screen.scss */
.header-bottom li a {
  color: #ebebeb;
  text-decoration: none;
  outline: none;
}
/* line 54, ../sass/screen.scss */
.header-bottom li a:visited {
  color: #ebebeb;
}
/* line 57, ../sass/screen.scss */
.header-bottom li a:hover {
  color: #ebebeb;
  text-decoration: none;
}
/* line 61, ../sass/screen.scss */
.header-bottom li a:active {
  color: #ebebeb;
}
/* line 188, ../sass/screen.scss */
.header-bottom li a {
  font-size: 16px;
}

/*MAIN############################################################
#################################################################*/
/* line 195, ../sass/screen.scss */
main {
  margin-top: 30px;
}

/* line 199, ../sass/screen.scss */
.main-inside {
  padding-left: -30px;
  padding-right: -30px;
}

.index-page main.inner {
  background: #fff;
  padding-top: 30px;
}

/* line 204, ../sass/screen.scss */
.index-page aside {
  padding-left: 15px;
  padding-right: 15px;
}
/* line 50, ../sass/screen.scss */
.index-page aside a {
  color: #646464;
  text-decoration: none;
  outline: none;
}
/* line 54, ../sass/screen.scss */
.index-page aside a:visited {
  color: #646464;
}
/* line 57, ../sass/screen.scss */
.index-page aside a:hover {
  color: #646464;
  text-decoration: none;
}
/* line 61, ../sass/screen.scss */
.index-page aside a:active {
  color: #646464;
}
/* line 208, ../sass/screen.scss */
.index-page aside ul {
  padding: 30px 25px;
  line-height: 1.8;
  padding-bottom: 100px;
}

/* line 215, ../sass/screen.scss */
.block-heading {
  background-color: #fff;
  font-size: 30px;
  border-bottom: 2px solid #f2f2f2;
  padding: 30px 40px;
}
/* line 50, ../sass/screen.scss */
.block-heading a {
  color: #000;
  text-decoration: none;
  outline: none;
}
/* line 54, ../sass/screen.scss */
.block-heading a:visited {
  color: #000;
}
/* line 57, ../sass/screen.scss */
.block-heading a:hover {
  color: #000;
  text-decoration: none;
}
/* line 61, ../sass/screen.scss */
.block-heading a:active {
  color: #000;
}
/* line 221, ../sass/screen.scss */
.block-heading a {
  display: block;
  float: right;
  text-decoration: underline;
  font-size: 21px;
}

/* line 228, ../sass/screen.scss */
.block-content {
  background-color: #fbfbfb;
}

.read-content {
  background-color: #fff;
}

.page-content {
  font-size: 1.1rem;
  color: #000;
  margin-top: 20px;
  margin-left: 20px;
  padding-bottom: 30px;
  text-align: justify
}


/* line 50, ../sass/screen.scss */
.slider-item a {
  color: #000;
  text-decoration: none;
  outline: none;
}
/* line 54, ../sass/screen.scss */
.slider-item a:visited {
  color: #000;
}
/* line 57, ../sass/screen.scss */
.slider-item a:hover {
  color: #000;
  text-decoration: none;
}
/* line 61, ../sass/screen.scss */
.slider-item a:active {
  color: #000;
}

/* line 234, ../sass/screen.scss */
.slick-prev::before {
  content: url("../img/arrow.jpg");
  position: absolute;
  right: 0px;
  bottom: -4px;
  width: 18px;
  height: 30px;
  opacity: 1;
}

/* line 243, ../sass/screen.scss */
.slick-next::before {
  content: url("../img/arrow.jpg");
  position: absolute;
  right: 0px;
  bottom: -4px;
  width: 18px;
  height: 30px;
  opacity: 1;
  transform: rotate(180deg);
}

/* line 253, ../sass/screen.scss */
.book-item {
  text-align: center;
  margin-top: 30px;
  padding-left: 15px;
  padding-right: 15px;
  height: 277px;
}
/* line 258, ../sass/screen.scss */
.book-item img {
  margin: 0 auto;
}
/* line 261, ../sass/screen.scss */
.book-item span {
  display: block;
  max-width: 120px;
  max-height: 17px;
  overflow: hidden;
  white-space: nowrap;
  margin: 0 auto;
}
/* line 268, ../sass/screen.scss */
.book-item span:nth-of-type(1) {
  font-size: 14px;
  color: #666666;
  margin-top: 10px;
}
/* line 273, ../sass/screen.scss */
.book-item span:nth-of-type(2) {
  font-size: 16px;
  color: #000;
  margin-top: 12px;
}

/* line 280, ../sass/screen.scss */
.main-content {
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 25px;
}

/* line 285, ../sass/screen.scss */
.bestsellers {
  margin-top: 30px;
  padding-bottom: 30px;
}

/* line 290, ../sass/screen.scss */
.bestsellers-items-wrap .book-item {
  float: left;
}

/* line 294, ../sass/screen.scss */
.genres {
  background-color: #fff;
  padding-left: 0px;
  padding-right: 0px;
}
/* line 298, ../sass/screen.scss */
.genres .block-heading {
  text-align: center;
  border-bottom: 1px solid #f2f2f2;
}

/* line 303, ../sass/screen.scss */
.genre-item {
  text-align: center;
  border: 1px solid #f2f2f2;
  float: left;
  width: 16.66%;
  height: 304px;
  padding-top: 16px;
  padding-bottom: 50px;
  background-color: #fff;
}
/* line 312, ../sass/screen.scss */
.genre-item h6 {
  width: 80%;
  display: block;
  margin: 0 auto;
}
/* line 317, ../sass/screen.scss */
.genre-item img {
  margin: 0 auto;
  position: relative;
  bottom: -44px;
}

/*Footer##########################################################
##################################################################*/
/* line 325, ../sass/screen.scss */
footer {
  color: #c7c7c7;
  background-color: #808080;
  margin-top: 50px;
  padding-bottom: 50px;
}
/* line 330, ../sass/screen.scss */
footer .menu-wrap {
  background-color: #6D6D6D;
  margin-top: 0px;
}
/* line 334, ../sass/screen.scss */
footer .header-bottom {
  background-color: #6d6d6d;
  margin-top: 0px;
}
/* line 338, ../sass/screen.scss */
footer .footer-wrap {
  margin-top: 60px;
}
/* line 340, ../sass/screen.scss */
footer .footer-wrap img {
  margin: 0 auto;
}
/* line 344, ../sass/screen.scss */
footer .footer-wrap div:nth-of-type(2) {
  text-align: center;
  padding-top: 10px;
}

/* line 351, ../sass/screen.scss */
.social-buttons {
  width: 250px;
  position: relative;
  left: 50%;
  margin-left: -100px;
}
/* line 356, ../sass/screen.scss */
.social-buttons li {
  float: left;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #fff;
  text-align: center;
  padding-top: 8px;
  margin-right: 20px;
}
/* line 365, ../sass/screen.scss */
.social-buttons li i {
  color: #fff;
  font-size: 20px;
}

/*inner-page################################################
##############################################################*/
/* line 375, ../sass/screen.scss */
.inner-page main {
  background-color: #fff;
}
/* line 377, ../sass/screen.scss */
.inner-page main > div {
  margin-top: 30px;
}
/* line 382, ../sass/screen.scss */
.inner-page aside img {
  margin: 0 auto;
}
/* line 386, ../sass/screen.scss */
.inner-page .bestsellers {
  background-color: #F2F2F2;
  margin-top: 30px;
}

/* line 391, ../sass/screen.scss */
.where-buy {
  margin-top: 25px;
}

.book-header {
  margin-left: 14px;
  font-size: 16px;
}

.book-header h1 {
  font-size: 30px;
  margin-bottom: 10px;
}
.book-header h2 {
  margin-bottom: 10px;
}
/* line 399, ../sass/screen.scss */
.book-header a {
  color: #007BD6;
  font-size: 18px;
  text-decoration: underline;
  display: block-inline;
  margin-top: 10px;
}

/* line 408, ../sass/screen.scss */
.top-advertising {
  margin-top: 25px;
  margin-left: 35px;
}

.top-read-advertising {
	float:left;
	border-style:outset;
	margin-right:25px;
	margin-top:0;
	border-width:3px;
	border:0;
	padding:2px;
}

/* line 415, ../sass/screen.scss */
.genre-block {
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  padding: 25px 30px;
  margin-top: 10px;
}
/* line 420, ../sass/screen.scss */
.genre-block span {
  font-size: 18px;
}
/* line 423, ../sass/screen.scss */
.genre-block a {
  font-size: 18px;
  color: #007BD6;
}

/* line 428, ../sass/screen.scss */
.book-info {
  font-size: 1.1rem;
  color: #000;
  text-indent: 20pt;
  margin-top: 20px;
  margin-left: 20px;
  padding-bottom: 30px;
  text-align: justify
}

/* line 436, ../sass/screen.scss */
.about-book {
  font-size: 14px;
  color: #979797;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  padding: 25px 30px;
}
/* line 442, ../sass/screen.scss */
.about-book span {
  display: inline-block;
  margin-right: 20px;
}

/* line 447, ../sass/screen.scss */
.read-book {
  padding: 25px 30px;
  border-bottom: 1px solid #f2f2f2;
}

/* line 459, ../sass/screen.scss */
.inner-social {
  float: right;
  margin-top: 10px;
}
/* line 462, ../sass/screen.scss */
.inner-social li {
  width: 24px;
  height: 24px;
  float: left;
  margin-right: 5px;
  cursor: pointer;
}

/* line 470, ../sass/screen.scss */
.yandex {
  background: url(../img/yandex.jpg) no-repeat 0 0;
}

/* line 473, ../sass/screen.scss */
.vk {
  background: url(../img/vk.jpg) no-repeat 0 0;
}

/* line 476, ../sass/screen.scss */
.facebook {
  background: url(../img/facebook.jpg) no-repeat 0 0;
}

/* line 479, ../sass/screen.scss */
.odnoklassniki {
  background: url(../img/odnoklassniki.jpg) no-repeat 0 0;
}

/* line 482, ../sass/screen.scss */
.mailru {
  background: url(../img/mailru.jpg) no-repeat 0 0;
}

/* line 485, ../sass/screen.scss */
.series {
  border-bottom: 1px solid #f2f2f2;
  padding: 25px 30px;
  float: left;
}

/* line 491, ../sass/screen.scss */
.series-heading span {
  font-size: 18px;
  display: inline-block;
  margin-right: 10px;
}
/* line 496, ../sass/screen.scss */
.series-heading a {
  font-size: 18px;
  color: #00A0E2;
  text-decoration: underline;
}

/* line 502, ../sass/screen.scss */
.series-books {
  margin-top: 20px;
}
/* line 506, ../sass/screen.scss */
.series-books .active .img-wrap span {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  left: 6px;
  top: 50px;
  padding-top: 3px;
  font-weight: bold;
  -webkit-box-shadow: 0px 0px 10px 0px #337ab7;
  -moz-box-shadow: 0px 0px 10px 0px #337ab7;
  box-shadow: 0px 0px 10px 0px #337ab7;
}
/* line 522, ../sass/screen.scss */
.series-books .active img {
  -webkit-box-shadow: 0px 0px 10px 0px #337ab7;
  -moz-box-shadow: 0px 0px 10px 0px #337ab7;
  box-shadow: 0px 0px 10px 0px #337ab7;
  display: block;
}
/* line 531, ../sass/screen.scss */
.series-books .book-item {
  float: left;
  position: relative;
  height: 218px;
}
/* line 535, ../sass/screen.scss */
.series-books .book-item span {
  display: block;
  max-width: 88px;
  max-height: 38px;
  overflow: hidden;
  white-space: normal;
  margin: 0 auto;
}
/* line 542, ../sass/screen.scss */
.series-books .book-item span:nth-of-type(1) {
  font-size: 14px;
  color: #666666;
  margin-top: 10px;
}
/* line 547, ../sass/screen.scss */
.series-books .book-item span:nth-of-type(2) {
  font-size: 16px;
  color: #000;
  margin-top: 6px;
}
/* line 554, ../sass/screen.scss */
.series-books .book-item a span {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  left: 6px;
  top: 50px;
  padding-top: 3px;
  font-weight: bold;
}
/* line 568, ../sass/screen.scss */
.series-books .book-item:hover img {
  -webkit-box-shadow: 0px 0px 5px 0px #337ab7;
  -moz-box-shadow: 0px 0px 5px 0px #337ab7;
  box-shadow: 0px 0px 5px 0px #337ab7;
  display: block;
}
/* line 576, ../sass/screen.scss */
.series-books .book-item:hover .img-wrap span {
  -webkit-box-shadow: 0px 0px 5px 0px #337ab7;
  -moz-box-shadow: 0px 0px 5px 0px #337ab7;
  box-shadow: 0px 0px 5px 0px #337ab7;
}

/* line 585, ../sass/screen.scss */
.comments .row {
  margin-top: 0px;
}

/* line 589, ../sass/screen.scss */
.comment-wrap {
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  float: left;
  background-color: #fafafa;
}

/* line 595, ../sass/screen.scss */
.comment-item {
  padding-top: 20px;
  padding-bottom: 30px;
}
/* line 598, ../sass/screen.scss */
.comment-item .photo-wrap {
  width: auto;
  position: relative;
  left: 20px;
}
/* line 602, ../sass/screen.scss */
.comment-item .photo-wrap img {
  margin: 0 auto;
}

/* line 607, ../sass/screen.scss */
.comment-name {
  float: left;
}
/* line 609, ../sass/screen.scss */
.comment-name span {
  color: #000;
  font-size: 16px;
}

/* line 614, ../sass/screen.scss */
.day-time {
  color: #797979;
  float: right;
}

/* line 618, ../sass/screen.scss */
.comment-text {
  margin-top: 8px;
  line-height: 1.4;
}

/* line 622, ../sass/screen.scss */
.new-comment {
  background-color: #fff;
  padding: 30px 20px;
}

/* line 626, ../sass/screen.scss */
.new-comment-content {
  margin-top: 30px;
}
/* line 628, ../sass/screen.scss */
.new-comment-content span {
  font-size: 30px;
}
/* line 631, ../sass/screen.scss */
.new-comment-content input {
  float: left;
  border: none;
  background-color: #F2F2F2;
  margin-top: 30px;
  font-size: 14px;
  padding-left: 20px;
}
/* line 638, ../sass/screen.scss */
.new-comment-content input:nth-of-type(1) {
  width: 260px;
  height: 40px;
}
/* line 643, ../sass/screen.scss */
.new-comment-content textarea {
  width: 100%;
  margin-top: 20px;
  background-color: #F2F2F2;
  border: none;
  padding: 20px;
  font-size: 14px;
}
/* line 651, ../sass/screen.scss */
.new-comment-content a {
  text-decoration: none;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  background-color: #B0BBBE;
  padding: 14px 20px;
  float: left;
  margin-top: 20px;
  margin-bottom: 20px;
}

/* line 663, ../sass/screen.scss */
.comment-counter {
  width: 100%;
  background-color: #00CDF2;
  color: #fff;
  padding: 20px 30px;
}

.read 				{margin-top:10px; font-size: 1rem; }

	.read p {text-align: justify; margin: 1px 0px 0px 0px; text-indent: 25pt; line-height: 1.42857143; color: #000000;}
	.read h1 p {font-size: 1.5rem; text-align:center; text-indent: 0pt; line-height: 100%; text-transform: uppercase; color: #000000;}
	.read h2 p {text-align:center; text-indent: 0pt; line-height: 100%; margin: 0.5em 0 0.5em 0; color: #000000; font-size:1.4em; }
	.read h3 p {text-align:center; text-indent: 0pt; line-height: 100%; margin: 0.5em 0 0.5em 0; color: #000000; font-size:1.4em; }
	.read h4 {text-align:center; text-indent: 0pt; line-height: 100%; margin: 0.5em 0 0.5em 0; color: #000000; font-size:1.4em; }
	.read h5 {text-align:center; line-height: 100%; color: #000000; border-bottom:0px; font-size:1.19em; }
	.read blockquote { display:block; padding-left:50px; }
	
.read a:nth-child(1){font-size:10px;}
.read a:nth-child(2){font-size:13px;}
.read a:nth-child(3){font-size:16px;}

.zavoz-content img {margin: 30px 30px; vertical-align:top;}

.litres-buy {font-size: 1rem; margin-top: 15px; margin-bottom: 25px;}