* {
	outline: none;
	-webkit-box-sizing: border-box;   /* Safari 3-4, also probably droppable */
	-moz-box-sizing: border-box;   /* Firefox 1, probably can drop this */
    box-sizing:	border-box;
	-webkit-tap-highlight-color: rgba(0,0,0,0) !important; /* fallback */
	-webkit-tap-highlight-color: transparent !important;
	-webkit-font-smoothing: antialiased;
}

html, body, main, img, p, h1, h2, h3, h4, h5, h6, ul, ol, li, form, blockquote, dl, dt, dd, button, input {
	margin: 0;
	padding: 0;
}

@font-face {
	font-family: 'Garamond-Pro';
	src: url('../font/Garamond-Pro.eot'); /* IE9 Compat Modes */
	src: url('../font/Garamond-Pro.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('../font/Garamond-Pro.woff') format('woff'), /* Modern Browsers */
	     url('../font/Garamond-Pro.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('../font/Garamond-Pro.svg#Garamond-Pro') format('svg'); /* Legacy iOS */
}

@font-face {
	font-family: 'Garamond-Book';
	src: url('../font/GaramondBook.eot'); /* IE9 Compat Modes */
	src: url('../font/GaramondBook.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('../font/GaramondBook.woff') format('woff'), /* Modern Browsers */
	     url('../font/GaramondBook.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('../font/GaramondBook.svg#Garamond-Book') format('svg'); /* Legacy iOS */
}

a, a:hover, a:active, a:visited {text-decoration: none;}

img {
	max-width: 100%;
	vertical-align: middle;
}

.clear {
	width: 100%;
	height: 0px;
	clear: both;
}

.clear.sep {
	height: 1px;
	background: ;
}

ul, ol {list-style-position: inside;}




			/* GENERAL */
html,
body {height: 100%;}

body {background: url("../i/main-bgr.jpg") repeat left top;}

html.ereader {overflow: hidden;}

html.ereader body {
	padding: 20px;
	background: #f3f2ed;
	overflow: hidden;
}



		/* HEADER */

header {
	position: fixed;
	width: 200px;
	height: 100%;
	left: 0;
	top: 0;
	padding-top: 45px;
	background: url("../i/header-bgr.jpg") repeat left top;
	overflow: auto;
	z-index: 1;
}

html.ereader header {
	padding: 30px 0;
	background: none;
	opacity: 0;
	overflow: hidden;
}
html.ereader body.left-zindex header {opacity: 1;}

html.ereader header .wrap {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.logo {
	display: block;
	width: 128px;
	margin: 0 auto 25px;
}

header .sep {
	width: 170px;
	height: 2px;
	background: #e2e1d9;
	border-bottom: 1px solid #ffffff;
	clear: both;
}

nav {margin-top: 20px;}

nav ul li {
	display: block;
	margin-bottom: 5px;
	list-style: none;
}

nav ul li a {
	display: block;
	font: 16px/44px "Droid Serif", serif;
	color: #424242;
	text-align: center;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

nav ul li:hover a {
	color: #c1565a;
	background: #f8f7f3;
	background: rgba(248,247,243,.5);
}

nav ul li.active a {
	color: #c1565a;
	background: #f8f7f3 url("../i/active-arrow.png") no-repeat 25px center;
}

header .foot {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 30px 0;
	text-align: center;
}

html.ereader header .foot {padding-bottom: 0;}

header .foot a {
	display: inline-block;
	margin: 0 3px;
	font: 11px/14px "Droid Serif", serif;
	color: #88887c;
}

header .foot p {
	margin-top: 12px;
	font: 11px/20px "Droid Serif", serif;
	color: #88887c;
}



		/* 	MAIN */

main {
	max-width: 1370px;
	min-height: 100%;
	padding: 70px 30px 0 200px;
}



	/* HOMEPAGE */

#homepage main {
	height: 100%;
	max-width: none;
	padding: 0;
	background: #000000 url("../i/home2.jpg") no-repeat center bottom;
	background-size: contain;
	overflow: auto;
}

#homepage main .wrap {
	position: relative;
	width: 400px;
	margin: 0 auto;
	padding: 100px 20px 50px;
	text-align: center;
	-webkit-animation-duration: 1.5s;
	-moz-animation-duration: 1.5s;
	-ms-animation-duration: 1.5s;
	-o-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -ms-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

#homepage main img {margin-bottom: 40px;}

#homepage main p {
	margin-bottom: 40px;
	font: 16px/32px "Droid Serif", serif;
	color: #fff;
}

#homepage main em {
	display: block;
	margin-bottom: 35px;
	font: italic 26px/31px "Garamond-Pro", serif;
	color: #fff;
}

#homepage main a {
	display: inline-block;
	padding: 0 30px;
	background: url("../i/read-online-bgr.jpg") repeat left top;
	font: 15px/45px "Droid Serif", serif;
	color: #ffffff;
}



	/* COPYWRIGHT */

.empty.text-page {
	padding: 80px 20px 40px;
	text-align: center;
	max-width: none;
}


#copywright .btn-default {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	background: url("../i/read-online-bgr.jpg") repeat left top;
	font: 15px/25px "Droid Serif", serif;
	color: #ffffff;
}



	/* DEDICATION */

#dedication .block {
	display: block;
	margin: 0 auto 20px;
}

.flame-anime {margin: 0 10px;}

.lotus-img {width: 100px;}

#dedication .clear.sep {margin: 10px 0;}

#dedication p {
	max-width: 550px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#dedication .btn-default {
	display: inline-block;
	width: 260px;
	margin: 20px 10px 0;
	padding: 10px 0;
	background: url("../i/read-online-bgr.jpg") repeat left top;
	font: 19px/50px "Droid Serif", serif;
	color: #ffffff;
}



	/* 	LIBRARY-HALL */

#library-hall {padding: 0 0 40px 70px;}

#library-hall .main-h {padding-left: 0;}

#library-hall .buttons a {
	float: left;
	width: 30%;
	height: 70px;
	margin-right: 5%;
	margin-bottom: 30px;
	padding: 10px 20px;
	background: url("../i/read-online-bgr.jpg") repeat left top;
	font: 22px/50px "Droid Serif", serif;
	color: #ffffff;
	text-align: center;
}

#library-hall a:nth-child(3n+0) {margin-right: 0;}

#library-hall a span {
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
}

#library-hall .buttons.blue a {
	float: left;
	width: 30%;
	height: 46px;
	margin-right: 5%;
	margin-bottom: 30px;
	padding: 5px 8px;
	background: #0054a5;
	font: 16px/34px "Droid Serif", serif;
	color: #ffffff;
	text-align: center;
}

#msg-board {
	padding: 20px;
	background: rgba(199,183,147,.1);
}

#library-hall #msg-board h1 {
	float: none;
	margin: 0 0 20px;
}

#msg-board p {
	margin-bottom: 5px;
	font: 20px/24px "Garamond-Pro", serif;
	color: #5a5a59;
}

#msg-board a,
#msg-board p a {
	font: 20px/24px "Garamond-Pro", serif;
	color: #c65157;
}

	/* 	LIBRARY */

.categories {
	position: relative;
	margin-bottom: 40px;
	padding-left: 70px;
}

.dropdown {
	display: none;
	width: 260px;
	height: 45px;
	background: url("../i/dropdown-bgr.jpg") repeat right top;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	z-index: 9;
}

#categories {
	position: absolute;
	right: 0;
	top: 0;
	overflow: hidden;
}

#categories.toggled {
	width: 330px;
	height: 296px;
}

.dropdown > a {
	position: relative;
	display: block;
	padding-left: 23px;
	font: 18px/45px "Garamond-Pro", serif;
	color: #434343;
}

.dropdown > a span {
	position: absolute;
	width: 14px;
	height: 14px;
	right: 25px;
	top: 50%;
	margin-top: -6px;
	background: url("../i/sprite.png") no-repeat left -148px;
}

.dropdown.toggled > a span {background-position: left -162px;}

.dropdown ul {
	position: relative;
	padding: 0 2px;
}

.dropdown ul li {
	display: block;
	list-style: none;
	border-bottom: 1px solid #e2d7d6;
}

.dropdown ul li:first-child {border-top: 1px solid #e2d7d6;}

.dropdown ul li a {
	display: block;
	padding-left: 23px;
	font: 16px/49px "Droid Serif", serif;
	color: #000000;
}

.dropdown ul li a span {color: #b4b4b4;}

.categories h1 {
	margin: 0 60px 10px 0;
	font: 42px/45px "Garamond-Pro", serif;
	color: #434343;
}

#library-hall h1 {
	float: left;
	margin: 40px 60px 50px 0;
	font: 42px/45px "Garamond-Pro", serif;
	color: #434343;
}

.show-nav {
	display: none;
	position: relative;
	float: left;
	margin: 4px 25px 20px 0;
}

.show-nav img {
	opacity: 1;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.show-nav .hide-nav {
	position: absolute;
	left: 50%;
	margin-left: -4px;
	top: 12px;
	opacity: 0;
}

body.nav-shown .show-nav img {opacity: .1;}

body.nav-shown .show-nav .hide-nav {opacity: 1;}

.show-nav span {
	display: block;
	margin-top: 3px;
	font: 12px "Garamond-Pro", serif;
	color: #3e3e3e;
	text-align: center;
	text-transform: uppercase;
}

.cat-lnk {
	float: left;
	margin: 17px 25px 0 0;
	padding-bottom: 4px;
	border-bottom: 2px solid transparent;
	font: 14px/14px "Droid Serif", serif;
	color: #000000;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.cat-lnk span {color: #a1a1a1;}

.cat-lnk.active {
	color: #c15f63;
	border-bottom-color: #c16063;
}
.cat-lnk.active span {color: #da9ea0;}

#static {
	position: relative;
	padding-left: 70px;
}

#static .left {
	position: absolute;
	top: 0;
	left: 70px;
}

#static .right {padding-left: 200px;}

.static-flame {
	display: block;
	margin: 20px 0 20px 45px;
}

#static ol {
	padding-left: 0;
	list-style: none;
}

#library {padding-left: 70px;}

.book {
	position: relative;
	float: left;
	width: 50%;
	min-height: 261px;
	margin-bottom: 45px;
	padding: 10px 40px 97px 190px;
}

.book.first {clear: left;}

.cover {
	position: absolute;
	width: 170px;
	left: 0;
	top: 0;
	padding-bottom: 4px;
	background: url("../i/cover-bgr.png") no-repeat center bottom;
	z-index: 1;
}

.flag {
	position: absolute;
	left: 20px;
	top: -2px;
    display: none;
}

.cover img {border: 1px solid #ededed;}

.cover .flag {border: none;}

.book h1 {margin-bottom: 10px;}

.book h1 a {
	font: 700 28px/30px "Garamond-Pro", serif;
	color: #3e3e3e;
}

.book h2,
.book h3,
.book > span {
	display: inline;
	font: italic 18px/24px "Garamond-Pro", serif;
	color: #74715b;
}

.book .foot {
	position: absolute;
	width: 100%;
	padding: 0 40px 14px 190px;
	right: 0;
	bottom: 0;
	margin-bottom: -5px;
}

.read {
	font: 700 14px/14px "Droid Serif", serif;
	color: #b55257;
}

.read span {padding-left: 5px;}

.book .sep {
	max-width: 165px;
	height: 2px;
	margin: 10px 0 15px;
	background: #e2e1d9;
	border-bottom: 1px solid #ffffff;
}

.edition {
	float: left;
	margin-right: 13px;
	font: 700 12px/20px "Droid Serif", serif;
	color: #74523f;
}



	/* 	BOOK */

.pdp main {
	height: 100%;
	padding: 0 0 0 200px;
}

.pdp .sticky-wrap {
	min-height: 100%;
	height: auto !important;
	padding: 70px 0 420px;
	margin-bottom: -410px;
}

.pdp .cat-lnk {opacity: 0.1;}

.pdp .cat-lnk:hover {opacity: 1;}

.pdp .categories #categories {right: 30px;}

#details-wrap {
	padding: 0 30px 60px 70px;
}

#details-wrap .inner {
	position: relative;
	min-height: 410px;
	padding-left: 270px;
}

.cover-big {
	position: absolute;
	width: 270px;
	left: 0;
	top: 0;
	padding-bottom: 4px;
	background: url("../i/cover-bgr-big.png") no-repeat center bottom;
	z-index: 1;
}

.cover-big img {border: 1px solid #ededed;}

.cover-big .flag {
	top: -3px;
	border: none;
}

.details {
	margin-bottom: 30px;
	padding-left: 30px;
}

.details h3 {
	margin-bottom: 15px;
	font: 19px/19px "Garamond-Pro", serif;
	color: #74715b;
}

.details h1 {
	margin-bottom: 5px;
	font: 700 48px/48px "Garamond-Pro", serif;
	color: #3e3e3e;
}

.details h2 {
	margin-bottom: 30px;
	font: italic 24px/24px "Garamond-Pro", serif;
	color: #74715b;
}

.description {
/* 	max-height: 144px; */
	margin-bottom: 10px;
	overflow: hidden;
}

/* .description.toggled {max-height: none;} */

.description p {
	font: 14px/24px "Droid Serif", serif;
	color: #131313;
}

.details .read {display: none;}

.details .read .up {display: none;}
.details .read .less {display: none;}
.details .read.active .down {display: none;}
.details .read.active .more {display: none;}
.details .read.active .up {display: inline;}
.details .read.active .less {display: inline;}

#get-it {
	position: relative;
	padding: 15px 15px 15px 30px;
	background: url("../i/get-it-bgr.jpg") repeat left top;
}

.read-online {
	float: left;
	padding: 0 30px;
	background: url("../i/read-online-bgr.jpg") repeat left top;
	font: 15px/45px "Droid Serif", serif;
	color: #ffffff;
}

.buy-it {float: right;}

.buy-it span {
	float: right;
	font: 14px/45px "Droid Serif", serif;
	color: #494949;
	margin: 0 15px 0 5px;
}

.buy-it .amazon {
	float: right;
	margin: 0 15px 0 5px;
}

.buy-it .type {
	float: right;
	margin-right: 2px;
	padding: 0 13px;
	background: url("../i/type-bgr.jpg") repeat left top;
	font: 13px/45px "Droid Serif", serif;
	color: #bb5d5f;
}

#choose-type {
	position: absolute;
	right: 15px;
	top: 15px;
}

#choose-type > a img {margin-left: 4px;}

#choose-type ul {
	display: none;
	position: absolute;
	width: 100%;
	right: 0;
	top: 45px;
	background: url("../i/dropdown-bgr.jpg") repeat right top;
}

#choose-type ul li a {color: #a94648;}

#related {
	padding: 50px 0 0 70px;
	background: url("../i/header-bgr.jpg") repeat left top;
}

#related > h2 {
	margin-bottom: 30px;
	font: 28px/28px "Garamond-Pro", serif;
	color: #434343;
}



	/* INSPIRATION */

.dd-holder {position: relative;}

.dd-holder #categories {display: none;}

.main-h {
	margin-bottom: 30px;
	padding-left: 30px;
	font: 42px/45px "Garamond-Pro", serif;
	color: #434343;
}

.main-h.inspiration .media-el {display: none;}

/* .inspiration-wrap {padding: 0 270px 30px 40px;} with categories */
.inspiration-wrap {padding: 0 0px 30px 40px;}

.cat-inner {
	position: fixed;
	width: 270px;
	height: 100%;
	right: 0;
	top: 0;
	padding: 177px 30px 0 30px;
	overflow: auto;
}

.cat-inner h1 {
	margin-bottom: 23px;
	font: 24px/24px "Garamond-Pro", serif;
	color: #434343;
}

.cat-inner .sep {
	height: 2px;
	margin-bottom: 27px;
	background: #e2e1d9;
	border-bottom: 1px solid #ffffff;
	clear: both;
}

.cat-inner section a {
	display: block;
	margin-bottom: 20px;
	font: 14px/20px "Droid Serif", serif;
	color: #424242;
}

.cat-inner a:hover {color: #af5e61;}

.inspiration-wrap article {padding: 40px 30px 50px;}

.inspiration-wrap article:hover {background: url("../i/header-bgr.jpg") repeat left top;}

.date {
	display: block;
	margin-bottom: 15px;
	font: 10px/12px "Droid Serif", serif;
	color: #74715b;
	text-transform: uppercase;
}

article .wrap {
	position: relative;
	left: 0;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

article:hover .wrap {left: 10px;}

article h1 {margin-bottom: 10px;}

article h1 a {
	font: 36px/36px "Garamond-Book", serif;
	color: #3e3e3e;
}

article:hover h1 a {color: #aa595c;}

article h2 {
	margin-bottom: 20px;
	font: italic 22px/22px "Garamond-Pro", serif;
	color: #74715b;
}

article p {
	font: 14px/24px "Droid Serif", serif;
	color: #131313;
}

article:hover .read {display: inline;}



	/* ARTICLE */

#article {padding: 20px 0 0 30px;}

#article h1 {
	margin-bottom: 10px;
	font: 700 48px/50px "Garamond-Pro", serif;
	color: #3e3e3e;
}

#article h2 {
	margin-bottom: 25px;
	font: italic 22px/22px "Garamond-Pro", serif;
	color: #74715b;
}

#article p,
#article li {
	font: 14px/24px "Droid Serif", serif;
	color: #131313;
}

#article p {margin-bottom: 25px;}

#article ul,
#article ol {
	margin-bottom: 25px;
	padding-left: 20px;
}

#article ul li {
	position: relative;
	list-style: none;
	padding-left: 15px;
}

#article ul li:before {
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	left: 0;
	top: 50%;
	margin-top: -3px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #dcdbdb;
}

#article h3 {
	margin-bottom: 20px;
	font: 700 32px/34px "Garamond-Pro", serif;
	color: #3e3e3e;
}

#article p.quotation,
.text-page p.quotation {
	margin-bottom: 20px;
	padding-left: 35px;
	background: url("../i/quotes.svg") no-repeat left 7px;
	font: italic 16px/26px "Droid Serif", serif;
	color: #575757;
}

#article p.author,
.text-page p.author {
	margin-bottom: 20px;
	padding-left: 35px;
	font: 14px/20px "Droid Serif", serif;
	color: #333333;
}

.read-next {
	position: absolute;
	width: 100%;
	right: 0;
	bottom: 0;
	padding: 30px 30px 30px 25px;
	background: url("../i/header-bgr.jpg") repeat left top;
}

.read-next .top {
	display: block;
	margin-bottom: 15px;
	font: 14px/14px "Garamond-Pro", serif;
	color: #434343;
	text-transform: uppercase;
}

.read-next .bottom {
	display: block;
	font: 700 16px/20px "Droid Serif", serif;
	color: #131313;
}

.read-next .next-arrow {
	position: absolute;
	width: 8px;
	height: 14px;
	right: 15px;
	top: 50%;
	margin-top: -7px;
	background: url("../i/read-next-arrow.png") no-repeat right center;
}

#article .read-next {
	display: none;
	position: relative;
	float: right;
	width: auto;
	padding-right: 35px;
	right: -20px;
}



	/* SHRINE */

#shrine {padding-left: 70px;}

#shrine .main-h {padding-left: 0;}

.guru-list-layout {
	position: relative;
	padding-bottom: 55px;
}

#shrine aside {
	position: absolute;
	left: 46%;
	top: 0;
	width: 573px;
	height: 485px;
	padding: 50px 45px 0;
	background: url("../i/paper-bgr.png") no-repeat center top;
	background-size: contain;
	z-index: 1;
}

#shrine aside p {
	margin-bottom: 25px;
	font: 17px/24px "Drodi Serif", serif;
	color: #3e3e3e;
	text-align: center;
}

.guru-list li {
	position: relative;
	float: left;
	width: 100%;
	list-style: none;
	padding-top: 55px;
	background: url("../i/guru-link-line.png") no-repeat 85px top;
}

.guru-list li.pr {padding-right: 54%;}

.guru-list li.pb {
	padding-top: 0;
	padding-bottom: 55px;
	background-position: 85px bottom;
}

.guru-list li.half {width: 46%;}

.guru-list li.mr {margin-right: 8%;}

.connect-line {
	position: absolute;
	width: 99%;
	height: 2px;
	left: 87px;
	top: 2px;
	background: url("../i/connect-line-bgr.png") repeat-x left center;
}

.guru-list li a {display: table-row;}

.guru-list li img {display: table-cell;}

.guru-list li span {
	display: table-cell;
	max-width: 240px;
	padding: 0 30px;
	font: 25px/29px "Garamond-Book", serif;
	color: #3e3e3e;
	vertical-align: middle;
}

.guru-list li a:hover span {color: #b55257;}



	/* GURU */

#guru-page {padding: 0 0 140px 70px;}

#guru-page h1 {
	margin-bottom: 50px;
	padding-left: 0;
}

#guru-page .back {
	float: right;
	margin-left: 30px;
	padding-top: 20px;
	font: 14px/26px "Droid Serif", serif;
	color: #b55257;
}

#guru-page h2 {
	margin-bottom: 30px;
	font: 48px/50px "Garamond-Book", serif;
	color: #3e3e3e;
}

#guru-page .content {
	display: table-row;
	padding: 0;
}

#guru-page .guru-img {
	position: relative;
	display: table-cell;
	width: 370px;
	vertical-align: top;
}

.flame {
	position: absolute;
	left: 50%;
	top: 100%;
	margin: 15px 0 0 -42px;
}

#guru-page blockquote {
	margin: 0;
	padding-left: 40px;
	display: table-cell;
	vertical-align: middle;
}

#guru-page blockquote p {
	margin-bottom: 10px;
	font: italic 14px/24px "Droid Serif", serif;
	color: #1a1a16;
}

#guru-page blockquote .author {
	display: block;
	padding-left: 35px;
	background: url("../i/quotes.svg") no-repeat left center;
	font: 700 14px/24px "Droid Serif", serif;
	color: #614a18;
}

#guru-page blockquote .author {
	font-weight: 400;
	color: #4f4f4f;
}



	/* 	EREADER */

.sidebar-wrap {
	position: fixed;
	width: 320px;
	height: 100%;
	right: 0;
	top: 0;
	padding: 30px 0;
	opacity: 0;
}

html.ereader body.right-zindex .sidebar-wrap {opacity: 1;}

#sidebar {
	width: 100%;
	height: 100%;
	padding-top: 25px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

#sidebar h1 {
	margin-bottom: 25px;
	padding: 0 20px 0 35px;
	font: 18px/22px "Garamond-Pro", sans-serif;
	color: #424242;
}

#sidebar .sep {
	float: right;
	width: 285px;
	height: 2px;
	background: #e2e1d9;
	border-bottom: 1px solid #ffffff;
	clear: both;
}

#menu-overlay {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	cursor: pointer;
	z-index: 90;
}

body.left-toggled #menu-overlay,
body.right-toggled #menu-overlay {display: block;}

#tocView {
	position: relative;
	width: 100%;
	padding-top: 20px;
}

#tocView ul li {
	list-style: none;
	padding: 0 20px 0 35px;
}

#tocView ul li a {
	display: block;
	padding: 10px 0;
	font: 14px/20px "Droid Serif", serif;
	color: #424242;
}

#tocView ul li.currentChapter a {color: #c1565a;}

#tocView ul li a.toc_toggle {float: left;}

#tocView ul li a.toc_toggle:before {color: #000000;}

#tocView ul li.list_item ul {display: none;}

#tocView ul li.list_item.openChapter ul {display: block;}

#bookmarksView {display: none;}

html.ereader main {
	position: relative;
	width: 100%;
	max-width: none;
	height: 100%;
	left: 0;
	padding: 85px 125px;
	background: #ffffff;
	box-shadow: 0 4px 5px rgba(0,0,0,.05);
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	z-index: 3;
}

body.left-toggled main {left: 180px;}
body.right-toggled main {left: -300px;}

#main {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 45px 0;
}

#titlebar {
	position: absolute;
	width: 100%;
	height: 37px;
	left: 0;
	top: 24px;
	padding: 0 50px;
	text-align: center;
}

.toggle-left {float: left;}

.toggle-right {
	float: right;
	padding: 5px;
	margin-top: 5px;
}

.toggle-right span {
	display: block;
	width: 28px;
	height: 2px;
	margin-bottom: 5px;
	background: #b4b4b4;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.toggle-right span:last-child {margin-bottom: 0;}

.toggle-right:hover span,
body.right-toggled .toggle-right span {background: #cf6569;}

div#metainfo {
	display: inline-block;
	width: auto;
	padding: 0 20px;
	font: 400 14px/37px "Garamond-Pro", serif;
	color: #424242;
}

.arrow {display: none;}

.zoom-wrap {
	position: absolute;
	width: 31px;
	height: 60px;
	left: 50%;
	bottom: 55px;
	margin-left: -15px;
	background: #ffffff;
	z-index: 5;
}

.zoom-wrap a {
	position: absolute;
	width: 100%;
	height: 50%;
	border: 1px solid #ebebeb;
	font: 18px/28px Helvetica, Arial, sans-serif;
	color: #c3c3c3;
	text-align: center;
	cursor: pointer;
}

#plus_btn {top: 0;}
#minus_btn {
	bottom: 0;
	font-size: 22px;
}

#fullscreen {
	position: absolute;
	width: 19px;
	height: 19px;
	right: 53px;
	bottom: 32px;
	background: url("../i/sprite.png") no-repeat left -86px;
	cursor: pointer;
}

/* mirror */
#mirror-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(255,255,255,.9);
	cursor: pointer;
	z-index: 100;
}

#mirror-overlay .content {
	max-width: 980px;
	margin: 0 auto;
	padding: 110px 240px 0;
	text-align: center;
}

#mirror-overlay .content h1	{
	margin: 90px 0 30px;
	font: 48px/45px "Garamond-Pro", serif;
	color: #131313;
}

#mirror-overlay .content p {
	margin-bottom: 30px;
	font: 14px/20px "Droid Serif", serif;
	color: #131313;
}

#mirror-overlay .content p em {color: #707070;}

.mirror-mini-logo {
	position: absolute;
	left: 50px;
	top: 24px;
	font: italic 18px/37px "Droid Serif", serif;
	color: #965354;
}

.mirror-mini-logo img {
	float: left;
	margin-right: 39px;
}

.mirror-mini-logo .mobile {display: none;}

.mirror-hamburger {
	position: absolute;
	right: 50px;
	top: 24px;
	font: italic 18px/40px "Droid Serif", serif;
	color: #965354;
}

.mirror-hamburger a {
	float: right;
	margin-left: 37px;
}

.mirror-hamburger a span,
.mirror-hamburger a:hover span {background: #9c5254;}

.mirror-prev,
.mirror-next {
	position: absolute;
	top: 50%;
	margin-top: -21px;
	font: italic 18px/21px "Droid Serif", serif;
	color: #965354;
}

.mirror-prev {
	left: 55px;
	text-align: left;
}
.mirror-next {
	right: 55px;
	text-align: right;
}

.mirror-prev span,
.mirror-next span {display: inline-block;}

.mirror-prev div,
.mirror-next div {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	margin-top: 0;
}

.mirror-prev div {
	float: left;
	margin-right: 56px;
	background-position: left -105px;
}

.mirror-next div {
	float: right;
	margin-left: 56px;
	background-position: -14px -105px;
}

.mirror-fullscreen {
	position: absolute;
	right: 53px;
	bottom: 31px;
	font: italic 18px/20px "Droid Serif", serif;
	color: #965354;
}

.mirror-fullscreen #fullscreen {
	position: relative;
	float: right;
	right: auto;
	bottom: auto;
	margin-left: 53px;
	background-position: -19px -86px;
}

.mirror-font-size {
	position: absolute;
	width: 201px;
	left: 50%;
	bottom: 55px;
	margin-left: -100px;
	font: italic 18px/22px "Droid Serif", serif;
	color: #965354;
	text-align: center;
}

.mirror-font-size .zoom-wrap {
	position: relative;
	left: auto;
	bottom: auto;
	margin: 30px auto 0;
}

.mirror-font-size .zoom-wrap a {
	left: 0;
	color: #965354;
	border-color: #ebdcdd;
}



	/* TEXT-PAGE */

.text-page {padding: 0 0 40px 70px;}

.text-page h1 {
	margin-bottom: 40px;
	font: 42px/42px "Garamond-Pro", serif;
	color: #434343;
}

.text-page h2 {
	margin: 40px 0 20px;
	font: 32px/32px "Garamond-Pro", serif;
	color: #434343;
}

.text-page p,
.text-page blockquote {
	margin-bottom: 10px;
	font: 14px/24px "Droid Serif", serif;
	color: #131313;
	text-align: left;
}

.text-page blockquote {font-style: italic;}

.text-page h3 {
	margin: 30px 0 10px;
	font: italic 26px/26px "Garamond-Pro", serif;
	color: #74715b;
}

.text-page ul,
.text-page ol {
	margin-bottom: 25px;
	padding-left: 20px;
}

.text-page ul {list-style: none;}

.text-page ul li,
.text-page ol li {
	font: 14px/24px "Droid Serif", serif;
	color: #131313;
}

.text-page ul li {
	position: relative;
	padding-left: 15px;
}

.text-page ul li:before {
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	left: 0;
	top: 50%;
	margin-top: -3px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #dcdbdb;
}












	/***   MEDIA QUERIES   ***/

@media screen and (min-width: 1370px) {
	.cat-inner {
		right: auto;
		left: 1100px;
	}

}/* /mediaquery */















@media screen and (max-width: 1390px) {
	.cat-lnk {display: none;}
	
	#categories {display: block;}
	
	.categories h1 {margin-right: 0;}

}/* /mediaquery */



@media screen and (max-width: 1370px) {
	/* SHRINE */
	#shrine aside {
		width: 55%;
		padding-top: 40px;
	}

}/* /mediaquery */



@media screen and (max-width: 1320px) {
	.buy-it {display: none;}
	
	#choose-type {display: block;}

}/* /mediaquery */



@media screen and (max-width: 1240px) {
	/* SHRINE */
	#shrine aside p {
		margin-bottom: 10px;
		font-size: 15px;
	}

}/* /mediaquery */



@media screen and (max-width: 1150px) {
	/* HOMEPAGE */
	.standart header {opacity: 0;}
	
	.nav-visible header {opacity: 1;}
	
	.standart main {
		position: relative;
		padding: 40px 30px 0 30px;
		background: url("../i/main-bgr.jpg") repeat left top;
		left: 0;
		-webkit-transition: all 300ms ease-in-out;
		-moz-transition: all 300ms ease-in-out;
		-o-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out;
		z-index: 2;
	}
	
	body.nav-shown {overflow: hidden;}
	
	body.nav-shown main {left: 200px;}
	
	.show-nav {display: block;}
	
	/* LIBRARY-HALL */
	#library-hall {padding-left: 0;}
	
	#static .left {left: 0;}
	
	.text-page h1 {padding-left: 60px;} 
	
	/* LIBRARY */
	.categories,
	#library {padding-left: 0;}
	
	.categories {margin-bottom: 40px;}
	
	#static {padding-left: 0;}
	
	/* 	BOOK */
	.standart.pdp main {
		height: auto;
		padding-left: 0;
		padding-right: 0;
	}
	
	.pdp .sticky-wrap {
		min-height: 10px;
		padding: 0 30px;
		margin-bottom: 0;
	}
	
	.pdp .categories #categories {right: 0;}
	
	#get-it {
		background: none;
		padding-right: 0;
	}
	
	#choose-type {
		width: 210px;
		right: 0;
	}
	
	#choose-type > a span {right: 15px;}
	
	#details-wrap {
		padding-left: 0;
		padding-right: 0;
	}
	
	#related {padding-left: 30px;}
	
	/* INSPIRATION */
	.main-h {padding-left: 0;}
	
	.cat-inner {padding-top: 91px;}
	
	.inspiration-wrap {padding-left: 0;}
	
	.inspiration-wrap article {
		position: relative;
		padding: 20px;
		left: -20px;
	}
	
	/* ARTICLE */
	#article {padding-left: 0;}
	
	#article h1 {
		font-size: 38px;
		line-height: 40px;
	}
	
	#article h3 {
		margin-bottom: 10px;
		font-size: 26px;
		line-height: 28px;
	}
	
	/* SHRINE */
	#shrine {padding-left: 0;}
	
	#shrine aside p {
		margin-bottom: 20px;
		font-size: 17px;
	}
	
	/* GURU */
	#guru-page {padding-left: 0;}
	
	/* TEXT-PAGE */
	.text-page {padding-left: 0;}

}/* /mediaquery */



@media screen and (max-width: 1089px) {
	/* 	EREADER */
	#main {padding: 0;}
	
	.mirror-mini-logo .desktop {display: none;}
	
	.mirror-mini-logo .mobile {display: inline-block;}
	
	.zoom-wrap {
		width: 60px;
		height: 37px;
		right: 100px;
		left: auto;
		top: 24px;
		bottom: auto;
	}
	
	.zoom-wrap a {
		width: 50%;
		height: 30px;
	}
	
	#minus_btn {
		left: 0;
		top: 2px;
		bottom: auto;
	}
	#plus_btn {
		right: 0;
		top: 2px;
		left: auto;
	}
	
	.mirror-hamburger {font-size: 0px;}
	
	.mirror-hamburger a {margin-left: 0;}
	
	.mirror-font-size {
		width: auto;
		height: 37px;
		right: 100px;
		left: auto;
		top: 24px;
		bottom: auto;
		padding-right: 75px;
		line-height: 37px;
	}
	
	.mirror-font-size .zoom-wrap {
		position: absolute;
		margin: 0;
		right: 0;
		top: 0;
	}
	
	.mirror-font-size br {display: none;}
	
	#mirror-overlay .content h1 {
		margin: 60px 0 20px;
		font-size: 38px;
		line-height: 38px;
	}

}/* /mediaquery */



@media screen and (max-width: 960px) {
	.controls {display: none;}
	
	/* SHRINE */
	#shrine aside {padding: 30px 30px 0;}
	
	#shrine aside p {
		margin-bottom: 10px;
		font-size: 15px;
	}
	
	.guru-list li span {
		font-size: 24px;
		line-height: 28px;
	}

}/* /mediaquery */



@media screen and (max-width: 850px) {
	.standart main {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	/* LIBRARY-HALL */
	#library-hall .buttons a {font-size: 16px;}
	#library-hall .buttons.blue a {font-size: 14px;}
	
	/* LIBRARY */
	.categories,
	#library {padding-left: 0;}
	
	#categories {width: 170px;}
	
	#categories.toggled {
		width: 280px;
		height: 271px;
	}
	
	#categories > a {padding-left: 20px;}
	
	#categories > a span {right: 15px;}
	
	#categories ul li a {
		padding-left: 20px;
		font-size: 14px;
		line-height: 44px;
	}
	
	.categories h1,
	.main-h {font-size: 38px;}
	
	.book {
		min-height: 10px;
		padding: 10px 20px 10px 140px;
	}
	
	.cover {width: 120px;}
	
	.cover .flag {
		width: 15px;
		left: 15px;
	}
	
	.book h1 {margin-bottom: 5px;}
	
	.book h1 a {
		font-size: 22px;
		line-height: 24px;
	}
	
	.book h2,
	.book h3,
	.book > span {
		font-size: 16px;
		line-height: 20px;
	}
	
	.read {
		font-size: 12px;
		line-height: 12px;
	}
	
	.book .foot {
		position: relative;
		padding: 20px 0 0;
		margin-bottom: 0;
	}
	
	.book .sep {margin: 5px 0 10px;}
	
	/* BOOK */
	.pdp .sticky-wrap {padding: 0 20px;}
	
	#details-wrap .inner {
		padding-left: 190px;
		min-height: 300px;
	}
	
	.cover-big {width: 190px;}
	
	.details,
	#get-it {padding-left: 20px;}
	
	.details h3 {
		margin-bottom: 10px;
		font-size: 17px;
		line-height: 17px;
	}
	
	.details h1 {
		font-size: 36px;
		line-height: 36px;
	}
	
	.details h2 {
		margin-bottom: 20px;
		font-size: 22px;
		line-height: 22px;
	}
	
	#related {padding-left: 20px;}
	
	/* INSPIRATION */
	.inspiration-wrap article {
		margin-bottom: 40px;
		padding: 0;
		left: auto;
	}
	
	.inspiration-wrap article:hover {background: none;}
	
	.inspiration-wrap article:hover .wrap {left: auto;}
	
	.date {margin-bottom: 5px;}
	
	article h1 a {
		font-size: 32px;
		line-height: 32px;
	}
	
	.cat-inner {
		width: 200px;
		padding-right: 20px;
	}
	
/* 	.inspiration-wrap {padding-right: 220px;} with categories */
	.inspiration-wrap {padding-right: 0px;}
	
	/* ARTICLE */
	#article h1 {
		font-size: 34px;
		line-height: 36px;
	}
	
	.read-next {padding: 20px 10px 20px 20px;}
	
	.read-next .top {margin-bottom: 10px;}
	
	.read-next .bottom {font-size: 14px;}
	
	.read-next .next-arrow {display: none;}
	
	/* SHRINE */
	#shrine aside {
		position: relative;
		width: auto;
		max-width: 573px;
		left: auto;
		margin-bottom: 40px;
		padding: 50px 45px 0;
	}
	
	#shrine aside p {
		font-size: 17px;
		line-height: 24px;
	}
	
	.guru-list li.pr {padding-right: 0;}
	
	.guru-list li.half {
		width: 50%;
		padding-right: 20px;
	}
	
	.guru-list li.mr {
		margin-right: 0;
		padding-right: 0;
	}
	
	.guru-list li.half img {display: block;}
	
	.guru-list li.half span {
		display: block;
		padding: 20px 0 0;
	}
	
	/* GURU */
	#guru-page h1 {margin-bottom: 30px;}
	
	#guru-page h2 {
		font-size: 36px;
		line-height: 38px;
	}
	
	#guru-page .back {padding-top: 10px;}
	
	#guru-page .guru-img {width: 250px;}

}/* /mediaquery */



@media screen and (max-width: 800px) {
	/* 	EREADER */
	html.ereader body {padding: 0;}
	
	html.ereader header {padding: 0;}
	
	html.ereader header .wrap {padding-top: 30px;}
	
	html.ereader header .foot {padding-bottom: 30px;}
	
	.sidebar-wrap {padding: 0;}
	
	#sidebar {padding: 30px 0 20px;}
	
	body.left-toggled main {left: 200px;}
	body.right-toggled main {left: -320px;}
	
	#titlebar {
		top: 35px;
		padding: 0 40px;
	}
	
	div#metainfo {display: none;}
	
	.zoom-wrap {top: 35px;}
	
	html.ereader main {padding: 105px 85px 40px;}
	
	#fullscreen,
	.mirror-fullscreen {display: none;}
	
	.control-arrow,
	.mirror-prev,
	.mirror-next {display: none;}
	
	#mirror-overlay .content {padding: 210px 85px 0;}
	
	.mirror-mini-logo {
		left: 40px;
		top: 35px;
		font-size: 16px;
	}
	
	.mirror-mini-logo img {margin-right: 20px;}
	
	.mirror-hamburger {
		right: 40px;
		top: 35px;
	}
	
	.mirror-font-size {
		top: 35px;
		font-size: 16px;
	}

}/* /mediaquery */



@media screen and (max-width: 750px) {
	/* HOMEPAGE */
	#homepage main p {
		font-size: 14px;
		line-height: 24px;
	}
	
	#homepage main em {
		font-size: 20px;
		line-height: 20px;
	}
	
	/* BOOK */
	#details-wrap .inner {min-height: 400px;}
	
	.details h3 {margin-bottom: 5px;}
	
	.details h1 {
		font-size: 28px;
		line-height: 28px;
	}
	
	.details h2 {
		font-size: 20px;
		line-height: 20px;
	}
	
	.description {height: auto !important;}
	
	.description p {
		font-size: 13px;
		line-height: 25px;
	}
	
	.details .read {display: none !important;}
	
	#get-it {
		position: absolute;
		left: 0;
		top: 300px;
		padding: 0;
	}
	.read-online {
		width: 190px;
		padding: 0;
		margin-bottom: 10px;
		text-align: center;
	}
	
	#choose-type {
		position: relative;
		width: 190px;
		float: left;
		clear: left;
		top: auto;
		right: auto;
	}
	
	#choose-type > a,
	.dropdown ul li a {padding-left: 18px;}

}/* /mediaquery */



@media screen and (max-width: 700px) {
	/* INSPIRATION */
	.main-h.inspiration span {display: none;}
	.main-h.inspiration .media-el {display: block;}
	
	.dd-holder #categories {display: block;}
	
	.inspiration-wrap {padding-right: 0;}
	
	.cat-inner {display: none;}
	
	/* ARTICLE */
	#article .read-next {
		display: block;
		width: 250px;
	}
	
	.read-next .next-arrow {display: block;}

}/* /mediaquery */



@media screen and (max-width: 680px) {
	/* 	EREADER */
	.mirror-mini-logo .mobile {display: none;}

}/* /mediaquery */



@media screen and (max-width: 650px) {
	/* LIBRARY */
	.book {
		width: 100%;
		min-height: 185px;
		margin-bottom: 30px;
		padding-right: 0;
	}
	
	/* BOOK */
	#related {padding-right: 20px;}
	
	/* GURU */
	#guru-page {padding-bottom: 40px;}
	
	#guru-page h1 {margin-bottom: 20px;}
	
	#guru-page h2 {
		margin: 10px 0 20px;
		font-size: 28px;
		line-height: 28px;
	}
	
	#guru-page .back {
		float: none;
		clear: both;
		margin: 0;
		padding: 0;
	}
	
	#guru-page .content {display: block;}
	
	#guru-page .guru-img {
		display: block;
		float: left;
		width: auto;
		margin-bottom: 30px;
	}
	
	.flame {
		position: relative;
		display: block;
	}
	
	#guru-page blockquote {
		display: block;
		width: 100%;
		padding-left: 0;
		clear: both;
	}

}/* /mediaquery */



@media screen and (max-width: 592px) {
	/* HOMEPAGE */
	#homepage main {background-size: cover;}

}/* /mediaquery */



@media screen and (max-width: 570px) {
	/* 	EREADER */
	.sidebar-wrap {width: 240px;}
	
	#sidebar {padding-top: 25px;}
	
	#sidebar h1,
	#tocView ul li {padding: 0 10px 0 25px;}
	
	#sidebar h1 {margin-bottom: 15px;}
	
	#sidebar .sep {width: 215px;}
	
	#tocView {padding-top: 10px;}
	
	#tocView ul li a {padding: 8px 0;}
	
	html.ereader main {padding: 87px 30px 20px;}
	
	body.right-toggled main {left: -240px;}
	
	#titlebar {
		top: 25px;
		padding: 0 25px 0 30px;
	}
	
	.zoom-wrap {
		top: 25px;
		right: 85px;
	}
	
	#mirror-overlay .content {
		width: 100%;
		padding: 150px 30px 0;
	}
	
	#mirror-overlay .content h1 {
		margin: 50px 0 30px;
		font-size: 28px;
		line-height: 30px;
	}
	
	.mirror-mini-logo {
		top: 25px;
		left: 30px;
	}
	
	.mirror-mini-logo img {margin-right: 0;}
	
	.mirror-hamburger {
		right: 25px;
		top: 25px;
	}
	
	.mirror-font-size {
		height: auto;
		top: 25px;
		right: 30px;
		padding-right: 0;
		padding-top: 35px;
	}
	
	.mirror-font-size .zoom-wrap {right: 55px;}
	
	/* LIBRARY-HALL */
	#static .left {position: relative;}
	
	#static .right {padding-left: 0;}
	
	#library-hall .buttons a,
	#library-hall .buttons.blue a {
		width: 48%;
		margin-right: 4%;
	}
	
	#library-hall .buttons a:nth-child(3n+0),
	#library-hall .buttons.blue a:nth-child(3n+0) {margin-right: 4%;}
	
	#library-hall .buttons a:nth-child(even),
	#library-hall .buttons.blue a:nth-child(even) {margin-right: 0;}

}/* /mediaquery */



@media screen and (max-width: 550px) {
	.standart main {padding-top: 20px;}
	
	/* BOOK */
	#details-wrap .inner {
		padding-left: 0;
		min-height: 10px;
	}
	
	.cover-big {
		position: relative;
		margin-bottom: 20px;
	}
	
	.details {padding-left: 0;}
	
	#get-it {
		position: relative;
		top: auto;
	}
	
	#choose-type {
		float: right;
		clear: none;
	}
	
	/* SHRINE */
	#shrine aside {
		height: 430px;
		padding: 30px 30px 0;
	}
	
	#shrine aside p {
		margin-bottom: 10px;
		font-size: 15px;
	}
	
	.guru-list li span {
		font-size: 18px;
		line-height: 22px;
	}
	
	.guru-list li.half span {max-width: 180px;}

}/* /mediaquery */



@media screen and (max-width: 500px) {
	#categories {width: 44px;}
	
	#categories > a {
		float: right;
		width: 280px;
	}
	
	#categories ul {
		float: right;
		width: 280px;
		clear: both;
	}
	
	/* SHRINE */
	#shrine aside {display: none;}
	
	.guru-list li {background-position: 60px top;}
	
	.guru-list li.pr {background-position: 60px bottom;}
	
	.connect-line {left: 62px;}
	
	.guru-list li img {width: 120px;}
	
	.guru-list li span {
		max-width: 160px;
		padding: 0 0 0 20px;
	}

}/* /mediaquery */



@media screen and (max-width: 450px) {
	.categories h1,
	#library-hall h1,
	.main-h, {
		font-size: 32px;
		line-height: 32px;
	}

	.text-page h1 {
		font-size: 32px;
		line-height: 32px;
	}
	
	/* BOOK */
	#choose-type {
		float: left;
		clear: left;
	}
	
	/* INSPIRATION */
	article h1 a {
		font-size: 26px;
		line-height: 26px;
	}
	
	/* ARTICLE */
	#article h1 {
		margin-bottom: 5px;
		font-size: 26px;
		line-height: 28px;
	}
	
	#article h3 {
		font-size: 20px;
		line-height: 22px;
	}

}/* /mediaquery */



@media screen and (max-width: 400px) {
	/* HOMEPAGE */
	#homepage main .wrap {width: 100%;}
	
	/* ARTICLE */
	#article .read-next {
		width: 100%;
		right: auto;
	}
	
	/* LIBRARY-HALL */
	#library-hall .buttons a,
	#library-hall .buttons.blue a {
		width: 100%;
		margin-right: 0 !important;
	}
	
	/* DEDICATION */
	.lotus-img {
		width: 60px;
		margin-top: 30px;
	}

}/* /mediaquery */



@media screen and (max-width: 350px) {
	/* BOOK */
	.read-online,
	#choose-type {
		width: 100%;
	}

}/* /mediaquery */


























	/*** HEIGHT CONDITION FIXES ***/

@media screen and (max-height: 655px) {
	header .foot {position: relative;}

}/* /mediaquery */



@media screen and (min-width: 1090px) and (max-height: 800px) {
	#mirror-overlay .content {padding-top: 90px;}
	
	#mirror-overlay .content h1 {margin: 40px 0 15px;}
	
	#mirror-overlay .content p {margin-bottom: 15px;}

}/* /mediaquery */
@media screen and (min-width: 1090px) and (max-height: 690px) {
	#mirror-overlay .content img {display: none;}
	
	#mirror-overlay .content {
		height: 100%;
		padding: 0;
	}
	
	#mirror-overlay .content .ceny {
		position: absolute;
		width: 500px;
		height: 205px;
		margin: auto;
		padding-bottom: 70px;
		top: 0; right: 0; bottom: 0; left: 0;
	}
	
	#mirror-overlay .content h1 {margin-top: 0;}

}/* /mediaquery */



@media screen and (max-width: 1089px) and (min-width: 801px) and (max-height: 700px) {
	#mirror-overlay .content {padding-top: 90px;}
	
	#mirror-overlay .content h1 {margin: 40px 0 20px;}
	
	#mirror-overlay .content p {margin-bottom: 20px;}

}/* /mediaquery */
@media screen and (max-width: 1089px) and (min-width: 801px) and (max-height: 560px) {
	#mirror-overlay .content img {display: none;}
	
	#mirror-overlay .content {padding: 0;}
	
	#mirror-overlay .content {
		position: absolute;
		width: 100%;
		height: 200px;
		padding: 0 230px 40px;
		margin: auto;
		top: 0; right: 0; bottom: 0; left: 0;
	}

}/* /mediaquery */



@media screen and (max-width: 800px) and (max-height: 750px) {
	#mirror-overlay .content {padding-top: 130px;}
	
	#mirror-overlay .content h1 {margin-top: 40px;}
	
	#mirror-overlay .content p {margin-bottom: 30px;} /* overwrites on purpose */

}/* /mediaquery */
@media screen and (max-width: 800px) and (max-height: 560px) {
	#mirror-overlay .content {padding-top: ;}
	
	#mirror-overlay .content img {display: none;}

}/* /mediaquery */



@media screen and (min-width: 701px) and (max-height: 530px) {
	.cat-inner .read-next {
		position: relative;
		display: block;
		
	}

}/* /mediaquery */

a.toggle-leftnew {
    float: left;
}