/**,

*:after,

*:before {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	padding: 0;

	margin: 0;

}



body {

	font-family: 'Lato', Calibri, Arial, sans-serif;

	background: #fff;

	font-weight: 400;

	font-size: 100%;

	color: #333;

	height: 100%;

}*/



/*.js body {

	

}
*/


/*a {

	color:#27af3a;

	text-decoration: none;

	outline: none;

}



a:hover {

	color: #000;

}
*/




.bb-custom-wrapper,

.bb-bookblock {

	width: 100%;

	height: 633px;


}



.container {

	position: relative;

	left: 0px;

	-webkit-transition: left 0.3s ease-in-out;

	-o-transition: left 0.3s ease-in-out;

	transition: left 0.3s ease-in-out;

}



.slideRight {

	left: 240px;

}



.no-js .container {

	padding-left: 240px;

}



.menu-panel {

	background: #f1103a;

	width: 240px;

	height: 100%;

	position: fixed;

	z-index: 1000;

	top: 0;

	left: 0;

	text-shadow: 0 1px 1px rgba(0,0,0,0.1);

}



.js .menu-panel {

	position: absolute;

	left: -240px;

}



.menu-panel h3 {

	font-size: 1.8em;

	padding: 20px;

	font-weight: 300;

	color: #fff;

	box-shadow: inset 0 -1px 0 rgba(0,0,0,0.05);

} 



.menu-toc {

	list-style: none;

}



.menu-toc li a {

	display: block;

	color: #fff;

	font-size: 1.1em;

	line-height: 3.5;

	padding: 0 20px;

	cursor: pointer;

	background: #f1103a;

	border-bottom: 1px solid #dd1338;

}



.menu-toc li a:hover,

.menu-toc li.menu-toc-current a{

	background: #dd1338;

}



.menu-panel div {

	margin-top: 20px;

}



.menu-panel div a {

	text-transform: uppercase;

	font-size: 0.7em;

	line-height: 1;

	padding: 5px 20px;

	display: block;

	border: none;

	color: #bc0b0b;

	letter-spacing: 1px;

	font-weight: 800;

	text-shadow: 0 1px rgba(255,255,255,0.2);

} 



.menu-panel div a:hover {

	background: inherit;

	color: #fff;

	text-shadow: none;

}



.bb-custom-wrapper nav {
    /* top: 20px; */
    /* top: -35px; */
    right: 73px;
    position: absolute;
    z-index: 1000;
    bottom: -2px;
}


.bb-custom-wrapper nav span,

.menu-button {

	position: absolute;

	width: 32px;

	height: 32px;

	top: 0;

	left: 0;

	background: #661c3e;

	/*border-radius: 50%;*/

	color: #fff;

	line-height: 30px;

	text-align: center;

	speak: none;

	font-weight: bold;

	cursor: pointer;

}



.bb-custom-wrapper nav span:hover,

.menu-button:hover {

	background: #f2ccc7;

}



.bb-custom-wrapper nav span:last-child {

	left: 40px;

}



.menu-button {

	z-index: 1000;

	left: 20px;

	top: 20px;

	text-indent: -9000px;

}



.menu-button:after {

	position: absolute;

	content: '';

	width: 50%;

	height: 2px;

	background: #fff;

	top: 50%;

	margin-top: -1px;

	left: 25%;

	box-shadow: 0 -4px #fff, 0 4px #fff;

}



.no-js .bb-custom-wrapper nav span,

.no-js .menu-button {

	display: none;

}



.js .content {

	position: absolute;

	top: 60px;

	left: 0;

	width: 100%;

	bottom: 50px;

	overflow: hidden;

	-webkit-font-smoothing: subpixel-antialiased;

}



.scroller {

	padding: 10px 5% 10px 5%;

}



.js .content:before,

.js .content:after {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 20px;

	z-index: 100;

	pointer-events: none;

	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);

	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);

	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);

	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);

}



.js .content:after {

	top: auto;

	bottom: 0;

	background: -webkit-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);

	background: -moz-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);

	background: -o-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);

	background: linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);

}



.content h2 {

	font-weight: 300;

	font-size: 4em;

	padding: 0 0 10px;

	color: #333;

	margin: 0 1% 40px;

	text-align: left;

	box-shadow: 0 10px 0 rgba(0,0,0,0.02);

	text-shadow: 0 0 2px #fff;

}



.no-js .content h2 {

	padding: 40px 1% 20px;

}



.content p {

	font-size: 15px;

	line-height: 1.6;

	font-weight: 300;

	padding: 5px 8%;

	text-align: justify;

}

@media (max-width: 1024px){
.js .bb-item {
	width: 100%;
	height: 600px;
	overflow-y:auto; 
}

.bb-custom-wrapper,
.bb-bookblock {
	height: 600px;
}
.lf{position: relative; bottom: 20px; left: 30px; font-size: 15px!important; float: left;}
.rgt {
    position: relative;
    bottom: 20px;
    right: 30px;
    font-size: 15px!important;
    float: right;}

}

@media (max-width: 900px){
.js .bb-item {
	height: 500px;
}

.bb-custom-wrapper,
.bb-bookblock {
	height: 500px;
}

}

@media (max-width: 650px){
.js .bb-item {
	height: 400px;
}

.bb-custom-wrapper,
.bb-bookblock {
	height: 400px;
}

}

@media screen and (max-width: 800px){

	.no-js .menu-panel {

		display: none;

	}



	.no-js .container {

		padding: 0;

	}

}



@media screen and (max-width: 400px){

	.menu-panel,

	.content {

		font-size: 75%;

	}

}