@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
/*! normalize.css v1.1.2 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:0 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 0}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}::-moz-selection {    background: #000;    text-shadow: none;}::selection {    background: #000;    text-shadow: none;}
img {    vertical-align: middle;max-width:100%;	border:0;-webkit-transition: all 300ms 0ms ease-in-out;
    transition: all 300ms 0ms ease-in-out;}a img { border: none; }
img.zoom:hover{-webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);}
div{margin:0;padding:0;}*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.hidden{opacity: 0;}.visible{	opacity: 1;}.invisible {    visibility: hidden;}
.clear {clear:both;	line-height:0;	font-size:0;}
.jspContainer {	overflow: hidden;	position: relative;}
.jspPane {	position: absolute;	width: 100% !important;	left: 0 !important;}
.jspVerticalBar {	position: absolute;	top: 0px;	right: 1%;	width: 10px;	height: 100%;	opacity: .3;	-webkit-transition: opacity 0.2s linear;}
.jspContainer:hover .jspVerticalBar {	opacity: 1;}
.jspCap {	display: block;	background: rgba(242,242,242,0.4);}
.jspVerticalBar .jspCap {	height: 30px;}
.jspTrack {	background: rgba(242,242,242,0.4);	box-shadow: inset 0 0 1px rgba(0,0,0,0.1), inset 1px 0 4px rgba(0,0,0,0.05);
	border-radius: 10px;	position: relative;}
.jspDrag {	background: #6d6e71;	position: relative;	box-shadow: inset -1px 0 8px rgba(0,0,0,0.05);	top: 0;	left: 0;	border-radius: 5px;	border: 1px solid #f0f0f0;	cursor: pointer;}
.jspCorner {	background: #fff;	float: left;	height: 100%;}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {	margin: 0 -3px 0 0;}


/* Content Flip Style */
.bb-bookblock {	width: 400px;	height: 300px;	position: relative;	background: #fff;	z-index: 100;}

.bb-page {
	width: 50%;
	height: 100%;
	left: 50%;
	position: absolute;

	-webkit-transform-style: preserve-3d;	-moz-transform-style: preserve-3d;	-o-transform-style: preserve-3d;	-ms-transform-style: preserve-3d;	transform-style: preserve-3d;	-webkit-transform-origin: left center;	-moz-transform-origin: left center;	-o-transform-origin: left center;	-ms-transform-origin: left center;	transform-origin: left center;}
.bb-page > div,
.bb-outer,
.bb-content {	position: absolute;	height: 100%;	top: 0;	left: 0;}

.bb-content {	background: #fff;}
.bb-inner {	position: relative;	width: 100%;	height: 100%;}
.bb-overlay, .bb-outer {	-webkit-backface-visibility: hidden;	-moz-backface-visibility: hidden;	-o-backface-visibility: hidden;	-ms-backface-visibility: hidden;	backface-visibility: hidden;}
.bb-page > div {	width: 100%;	-webkit-transform-style: preserve-3d;	-moz-transform-style: preserve-3d;	-o-transform-style: preserve-3d;	-ms-transform-style: preserve-3d;	transform-style: preserve-3d;	-webkit-backface-visibility: hidden;	-moz-backface-visibility: hidden;	-o-backface-visibility: hidden;	-ms-backface-visibility: hidden;	backface-visibility:hidden;}
.bb-back {	-webkit-transform: rotateY(-180deg);	-moz-transform: rotateY(-180deg);	-o-transform: rotateY(-180deg);	-ms-transform: rotateY(-180deg);	transform: rotateY(-180deg);}
.bb-outer {	width: 100%;	overflow: hidden;	z-index: 999;}
.bb-overlay, 
.bb-flipoverlay {	background-color: rgba(0, 0, 0, 0.7);	position: absolute;	top: 0px;	left: 0px;	width: 100%;	height: 100%;	opacity: 0;	z-index: 1000;}
.bb-flipoverlay {	background-color: rgba(0, 0, 0, 0.2);}
.bb-bookblock > div.bb-page:first-child,
.bb-bookblock > div.bb-page:first-child .bb-back {	-webkit-transform: rotateY(180deg);	-moz-transform: rotateY(180deg);	-o-transform: rotateY(180deg);	-ms-transform: rotateY(180deg);	transform: rotateY(180deg);}
.js .bb-item {	width: 100%;	height: 100%;	position: absolute;	top: 0;	left: 0;	display: none;	background: #fff;}


html { height: 100%; }
*,*: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%;  overflow-y:hidden;}
bb-bookblock .js body {	overflow: hidden; overflow-y:hidden;}
a {	color: #555;	text-decoration: none;	outline: none;}
a:hover {	color: #000;}
.container,.bb-custom-wrapper,.bb-bookblock {	width: 100%;	height: 100%;}
.container {position: relative;	left: 0px;	-webkit-transition: left 0.5s ease-in-out;	-o-transition: left 0.5s ease-in-out;	transition: left 0.5s 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);-webkit-transition: leftt .6s ease-in-out;	-o-transition: left .6s ease-in-out;	transition: left .6s ease-in-out;overflow: hidden;}
.js .menu-panel {	position: absolute;	left: -240px; height: 100%;overflow-y: auto;}
.menu-panel-scroll {}
.menu-panel h3 {font-family:22px/28px 'Lato', Calibri, Arial, sans-serif;font-weight:700;	padding:20px 10px;	color: #fff;	box-shadow: inset 0 -1px 0 rgba(0,0,0,0.05);} 
.menu-toc {	list-style: none;}
.menu-toc li a {font-family:20px/28px 'Lato', Calibri, Arial, sans-serif;font-weight:700; display: block;	color: #fff;		padding: 15px 10px;	cursor: pointer;	background: #f1103a;	border-bottom: 1px solid #dd1338;}
.menu-toc li a:hover,.menu-toc li.menu-toc-current a{	background: #dd1338;}


.bb-custom-wrapper nav {	top: 20px;	left: 60px;	position: absolute;	z-index: 1000;}
.bb-custom-wrapper nav span,.menu-button {	position: absolute;	width: 32px;	height: 32px;	top: 0;left: 0;	background: #f1103a;	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: #f1103a;}
.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: 0;	overflow: hidden;	-webkit-font-smoothing: subpixel-antialiased;}
.scroller {	padding:0;-moz-column-count: 0;
-moz-column-gap: 0px;
-webkit-column-count: 0;
-webkit-column-gap:0px;column-count:0;
column-gap: 0px;}
.leftPage{width:100%; float:left;padding:0 5%;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.rightPage{width:100%;float:left;padding:0 5%;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}




.js .content:before,.js .content:after {	content: '';	position: absolute;	top: 0;	left: 0;
	width: 100%;	height: 20px;	z-index: 100;	pointer-events: none;		}

.content h2 {	font-weight: 300;	font-size: 36px;	padding: 0 0 0 0;	color: #333;	margin: 0 0 40px 0;	text-align: left;	box-shadow: 0 10px 0 rgba(0,0,0,0.08);	text-shadow: 0 0 2px #fff;}
.no-js .content h2 {	padding: 0; margin: 0 0 40px 0;}
.content p {font-family: Arial Narrow,Arial,sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 19.6px;}

.leftPage div.left, .rightPage div.left{float:left;}
.leftPage div.right, .rightPage div.right{float:left;}



#item1 .scroller .rightPage .left, #item2 .scroller .leftPage .left, #item2 .scroller .rightPage .left, #item3 .scroller .rightPage .left,#item4 .scroller .leftPage .left,#item4 .scroller .rightPage .left {width:100%;}
#item1 .scroller .rightPage .right, #item2 .scroller .leftPage .right, #item2 .scroller .rightPage .right, #item3 .scroller .rightPage .right , #item4 .scroller .leftPage .right, #item4 .scroller .rightPage .right{width:100%;}


#item5 .scroller .leftPage .left, #item5 .scroller .rightPage .left {width:100%;}
#item5 .scroller .leftPage .right, #item5 .scroller .rightPage .right {width:100%;}

#item6 .scroller .leftPage .left, #item6 .scroller .rightPage .left {width:100%;}
#item6 .scroller .leftPage .right, #item6 .scroller .rightPage .right {width:100%;}

#item7 .scroller .leftPage .left, #item7 .scroller .rightPage .left {width:100%;}
#item7 .scroller .leftPage .right, #item7 .scroller .rightPage .right {width:100%;}


 #item8 .scroller .leftPage .left, #item8 .scroller .rightPage .left{width:100%;}
 #item8 .scroller .leftPage .right, #item8 .scroller .rightPage .right{width:100%;}
 
 #item9 .scroller .leftPage .left, #item9 .scroller .rightPage .left{width:100%;}
 #item9 .scroller .leftPage .right, #item9 .scroller .rightPage .right{width:100%;}
 
 
#item1 .scroller .leftPage {background:#a7a9ac;}
img.display{display:block;}img.hide{display:none;}

 @media only screen and (min-width: 300px){ 
  
.leftPage{width:100%;; float:left;padding:0 0;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.rightPage{width:100%;;float:left;padding:0 0;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
		
	
} @media only screen and (min-width :480px) {

.js .content {	position: absolute;	top: 60px;	left: 0;	width: 100%;	bottom: 0px;	overflow: hidden;	-webkit-font-smoothing: subpixel-antialiased;}


}  @media only screen and (min-width :600px) {

.js .content {	position: absolute;	top: 60px;	left: 0;	width: 100%;	bottom: 0px;	overflow: hidden;	-webkit-font-smoothing: subpixel-antialiased;}


} @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation :portrait){
img.display{display:block;}	img.hide{display:none;}

} @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation :landscape){
	
	.js .content {	position: absolute;	top: 60px;	left: 0;	width: 100%;	bottom: 0px;	overflow: hidden;	-webkit-font-smoothing: subpixel-antialiased;}
.scroller {	padding:0;-moz-column-count: 1;
-moz-column-gap: 0px;
-webkit-column-count: 1;
-webkit-column-gap:0px;column-count: 1;
column-gap: 0px;}	
.leftPage{width:50%; float:left;padding:0 0;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.rightPage{width:50%;float:left;padding:0 0;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

#item1 .scroller .rightPage .left, #item2 .scroller .leftPage .left, #item2 .scroller .rightPage .left {width:41.5%;}
#item1 .scroller .rightPage .right, #item2 .scroller .leftPage .right, #item2 .scroller .rightPage .right, #item4 .scroller .leftPage .right {width:58.5%;}

#item3 .scroller .rightPage .left{width:41.9%;}
#item3 .scroller .rightPage .right{width:58.1%;}

#item4 .scroller .leftPage .left, #item4 .scroller .rightPage .left {width:43.5%;}
#item4 .scroller .leftPage .right, #item4 .scroller .rightPage .right {width:56.5%;}

#item5 .scroller .leftPage .left{width:43.5%;}
#item5 .scroller .leftPage .right  {width:56.5%;}

#item6 .scroller .leftPage .left, #item6 .scroller .rightPage .left,#item5 .scroller .rightPage .left  {width:46.9%;}
#item6 .scroller .leftPage .right, #item6 .scroller .rightPage .right,#item5 .scroller .rightPage .right {width:53.1%;}

#item7 .scroller .leftPage .left, #item7 .scroller .rightPage .left {width:41.7%;}
#item7 .scroller .leftPage .right, #item7 .scroller .rightPage .right {width:58.3%;}


#item8 .scroller .leftPage .left,#item8 .scroller .rightPage .left{width:44.4%;}
 #item8 .scroller .leftPage .right, #item8 .scroller .rightPage .right{width:55.6%;}
 
 #item9 .scroller .leftPage .left,#item9 .scroller .rightPage .left{width:38.1%;}
 #item9 .scroller .leftPage .right, #item9 .scroller .rightPage .right{width:61.9%;}

img.display{display:none;}img.hide{display:block;}

} @media screen and (max-width: 800px){
	.no-js .menu-panel {display: none;	}
	.no-js .container {	padding: 0;}
	
	
}  @media screen and (min-width: 795px) {
	
.scroller {	padding:0;-moz-column-count: 1;
-moz-column-gap: 0px;
-webkit-column-count: 1;
-webkit-column-gap:0px;column-count: 1;
column-gap: 0px;}		
img.display{display:none;}img.hide{display:block;}

.leftPage{width:50%; float:left;padding:0 0;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.rightPage{width:50%;float:left;padding:0 0;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

#item1 .scroller .rightPage .left, #item2 .scroller .leftPage .left, #item2 .scroller .rightPage .left {width:41.5%;}
#item1 .scroller .rightPage .right, #item2 .scroller .leftPage .right, #item2 .scroller .rightPage .right, #item4 .scroller .leftPage .right {width:58.5%;}

#item3 .scroller .rightPage .left{width:41.9%;}
#item3 .scroller .rightPage .right{width:58.1%;}

#item4 .scroller .leftPage .left, #item4 .scroller .rightPage .left {width:43.5%;}
#item4 .scroller .leftPage .right, #item4 .scroller .rightPage .right {width:56.5%;}

#item5 .scroller .leftPage .left{width:43.5%;}
#item5 .scroller .leftPage .right  {width:56.5%;}

#item6 .scroller .leftPage .left, #item6 .scroller .rightPage .left,#item5 .scroller .rightPage .left  {width:46.9%;}
#item6 .scroller .leftPage .right, #item6 .scroller .rightPage .right,#item5 .scroller .rightPage .right {width:53.1%;}

#item7 .scroller .leftPage .left, #item7 .scroller .rightPage .left {width:41.7%;}
#item7 .scroller .leftPage .right, #item7 .scroller .rightPage .right {width:58.3%;}

#item8 .scroller .leftPage .left,#item8 .scroller .rightPage .left{width:44.4%;}
 #item8 .scroller .leftPage .right, #item8 .scroller .rightPage .right{width:55.6%;}

#item9 .scroller .leftPage .left,#item9 .scroller .rightPage .left{width:38.1%;}
 #item9 .scroller .leftPage .right, #item9 .scroller .rightPage .right{width:61.9%;}


} @media only screen and (min-width: 1000px) {
	.js .content {	position: absolute;	top: 60px;	left: 0;	width: 100%;	bottom: 0px;	overflow: hidden;	-webkit-font-smoothing: subpixel-antialiased;}
.leftPage{width:50%; float:left;padding:0 0;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.rightPage{width:50%;float:left;padding:0 0;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
		
} @media only screen and (min-width: 1360px) {
	
}