@import url('reset.css');
@import url('static.css');
@import url('elements.css');
@import url('preloader.css');
.w-100 { width: 100%; }
#fb5 { font-family: Arial, sans-serif; font-size: 14px; position: relative; overflow: hidden; margin: 0 auto; display: block; width: 100%; height: 300px; opacity: 0; margin-bottom: 30px; }
#fb5.fullScreen, #fb5-ajax[data-template="true"] #fb5 { margin-bottom: 0; }
#fb5 #fb5-container-book { position: absolute; z-index: 5; display: none; width: 1100px; height: 715px; }
#fb5 fieldset { }
#fb5 #fb5-deeplinking { display: none; }
#fb5 .fb5-bcg-book { background: none no-repeat center center; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; width: 100%; height: 100%; }
#test { margin: 0 auto; width: 100%; }
#fb5 #page.mobile { width: 550px; height: 358px; margin: -210px 0 0 -275px; }
#fb5 #page .padding { /*padding: 0 34px;*/ }
#fb5 .cursor-grab { cursor: -webkit-grab; cursor: -moz-grab; }
#fb5 .fb5-overlay { position: absolute; left: -10000px; top: 0; z-index: 20; /*background: url(../img/bg-overlay.png);/*/ background: rgba(0,0,0,0); width: 100%; height: 100%; display: none; }
#fb5 .fb5-overlay.active { left: 0; display: block; }
/* = Back button
-------------------------------------------------------------- */
#fb5 #fb5-button-back { color: #FFFFFF; position: absolute; left: -5px; top: 45px; background-color: #014da1; border-radius: 0 0 4px; padding: 5px; padding-left: 15px; padding-right: 10px; font-size: 12px; font-weight: bold; margin-top: -45px; }
#fb5 #fb5-button-back:hover { color: #014da1; background-color: #FFFFFF }
/* = About
-------------------------------------------------------------- */

#fb5 #fb5-about { position: absolute; z-index: 5; width: 45%; display: none;/*padding-top: 6%;/*/ }
#fb5 #fb5-about h1, #fb5 #fb5-about h2, #fb5 #fb5-about h3, #fb5 #fb5-about h4, #fb5 #fb5-about h5, #fb5 #fb5-about h6 { margin: 0 0 .5em 0; padding: 0px; font-size: 1.375em; color: #64c8d3; -webkit-font-smoothing: antialiased; text-transform: none; }
#fb5 #fb5-about h3 { background: url(../images/arrow-right.png) no-repeat 0 50%; padding: 0 0 0 25px; }
#fb5 #fb5-about ul, #fb5-about ol { list-style: disc; margin: 0; padding-left: 10px; padding-top: 0%; padding-bottom: 2%; }
#fb5 #fb5-about li { color: #cfeaee; margin-bottom: 4px; }
#fb5 #fb5-about p { /*font-size: 0.688em;/*/ color: #cfeaee; margin-bottom: 4%; }
#fb5 #fb5-about a { color: #ffffff; text-decoration: underline; }
#fb5 #fb5-about a:hover { /*color:#ffffff;/*/ text-decoration: none; }
/* = Book
-------------------------------------------------------------- */

#fb5 #fb5-book { position: relative; z-index: 10; width: 100%; height: 100%; }
#fb5 #fb5-book .turn-page { background-color: #FFF; background-size: 100% 100%; }
#fb5 .fb5-double { background-size: 200% 100% !important; }
#fb5 .fb5-double.fb5-first { background-position: 0% 0%; }
#fb5 .fb5-double.fb5-second { background-position: -100% 0%; }
/* = Nav Arrows
	---------------------------------------- */
	
#fb5 .fb5-nav-arrow { position: absolute; top: 50%; z-index: 15; background: url(../images/arrow-navpage.png); width: 34px; height: 136px; margin-top: -68px; }
#fb5 .fb5-nav-arrow.next { right: -34px; background-position: 0 0; }
#fb5 .fb5-nav-arrow.next:hover { background-position: 0 -186px; }
#fb5 .fb5-nav-arrow.prev { left: -34px; background-position: 0 -372px; display: none; }
#fb5 .fb5-nav-arrow.prev:hover { background-position: 0 -558px; }
#fb5 .fb5-nav-arrow.next { transform-origin: 0 center; -ms-transform-origin: 0 center; -webkit-transform-origin: 0 center; }
#fb5 .fb5-nav-arrow.prev { transform-origin: right center; -ms-transform-origin: right center; -webkit-transform-origin: right center; }
/*#page.mobile .fb5-nav-arrow.next { right: -24px; }*/



	/* = Cover
	---------------------------------------- */

#fb5 #fb5-logo-cover { position: absolute; right: 10px; bottom: 10px; z-index: 5; }
#fb5 #fb5-cover ul { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); clear: both; width: 100%; list-style: none; padding: 20px 0; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; }
#fb5 #fb5-cover ul:after { clear: both; content: ''; display: block; }
#fb5 #fb5-cover li { float: left; width: 28.3%; margin: 0 2.5%; list-style: none; }
#fb5 #fb5-cover li, #fb5 #fb5-cover img { -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; box-shadow: none; }
#fb5 #fb5-cover li:last-child { margin-right: 0; }
#fb5 #fb5-cover li img { float: left; width: 100%; }
#fb5 #fb5-cover li a:hover img { /*opacity: .8;/*/ }
/* = End
	---------------------------------------- */

#fb5 #end { text-align: center; }
#fb5 #end p { padding-top: 60%; }
/* = Meta data
	---------------------------------------- */

#fb5 #fb5-book .fb5-meta { position: absolute; bottom: 1%; }
#fb5 .fb5-meta .fb5-num { font-weight: bold; font-size: 12px; color: #666; }
#fb5 .fb5-meta .fb5-description { font-size: 11px; color: #666; font-family: Arial, sans-serif; }
#fb5 .fb5-meta.fb5-left { left: 3%; }
#fb5 .fb5-meta.fb5-left .fb5-num { padding-right: 10px; }
#fb5 .fb5-meta.fb5-right { right: 3%; text-align: right; }
#fb5 .fb5-meta.fb5-right .fb5-num { padding-left: 10px; }
/*= Video in lightbox
	----------------------------*/

#v5_lightbox { width: 100%; height: 100%; z-index: 555789; position: fixed; display: block; top: 0px; }
#v5_lightbox .bcg { width: 100%; height: 100%; background-color: #000; opacity: .7; position: absolute; cursor: pointer; }
/* --------------------------*/
	
.fb5-cont-page-book { position: absolute; }
#fb5 .fb5-page-book { position: absolute; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; overflow: hidden; }
#fb5 .fb5-page-book .center { /*text-align:center;
		padding-top:65%;/*/ }
#fb5 .fb5-page-book img { border: none; padding: 0; }
#fb5 .fb5-page-book p { -webkit-text-size-adjust: none; margin-bottom: 20px; line-height: 1.5; }
#fb5 .fb5-page-book a { text-decoration: underline; color: #014da1; font-weight: bold; }
#fb5 .fb5-page-book p a:hover { text-decoration: none; }
#fb5 .fb5-page-book h1, #fb5 .fb5-page-book h2, #fb5 .fb5-page-book h3, #fb5 .fb5-page-book h4, #fb5 .fb5-page-book h5, #fb5 .fb5-page-book h6 { font-family: Arial, sans-serif; text-transform: none; margin: 0px; }
#fb5 .fb5-page-book h1 { -webkit-text-size-adjust: none; }
#fb5 .fb5-page-book h2 { -webkit-text-size-adjust: none; }
#fb5 .fb5-page-book h3 { -webkit-text-size-adjust: none; }
#fb5 .fb5-page-book h4 { -webkit-text-size-adjust: none; }
#fb5 .fb5-page-book h5 { -webkit-text-size-adjust: none; }
#fb5 .fb5-page-book h6 { -webkit-text-size-adjust: none; }
#fb5 .fb5-page-book ul, .fb5-page-book ol { list-style: disc inside; margin-bottom: 3% !important; }
#fb5 .fb5-page-book ul li { margin-bottom: 2px; list-style: disc inside; }
#fb5 .fb5-page-book ul li a { color: #77797F; font-weight: normal; text-decoration: none; }
#fb5 .fb5-page-book ul li a:hover { text-decoration: underline; }
#fb5 .fb5-page-book a:hover img { opacity: 0.8; }
	
	
	/* =WordPress Core
-------------------------------------------------------------- */
#fb5 .fb5-page-book .alignnone, .#fb5-about .alignnone {
 margin: 5px 20px 20px 0;
}
#fb5 .fb5-page-book.aligncenter, .fb5-page-book div.aligncenter, #fb5-about.aligncenter, #fb5-about div.aligncenter { display: block; margin: 5px auto 5px auto; }
#fb5 .fb5-page-book .alignright, #fb5-about .alignright { float: right; margin: 5px 0 20px 20px; }
#fb5 .fb5-page-book .alignleft, #fb5-about .alignleft { float: left; margin: 5px 20px 20px 0; }
#fb5 .fb5-page-book .aligncenter, #fb5-about .aligncenter { display: block; margin: 5px auto 5px auto; }
#fb5 .fb5-page-book a img.alignright, #fb5-about a img.alignright { float: right; margin: 5px 0 20px 20px; }
#fb5 #fb5 .fb5-page-book a img.alignnone, #fb5-about a img.alignnone { margin: 5px 20px 20px 0; }
#fb5 .fb5-page-book a img.alignleft, #fb5-about a img.alignleft { float: left; margin: 5px 20px 20px 0; }
#fb5 .fb5-page-book a img.aligncenter, #fb5-about a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
#fb5 .fb5-page-book .wp-caption, #fb5-about .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
#fb5 .fb5-page-book .wp-caption.alignnone, #fb5-about .wp-caption.alignnone { margin: 5px 20px 20px 0; }
#fb5 .fb5-page-book .wp-caption.alignleft, #fb5-about .wp-caption.alignleft { margin: 5px 20px 20px 0; }
#fb5 .fb5-page-book .wp-caption.alignright, #fb5-about .wp-caption.alignright { margin: 5px 0 20px 20px; }
.fb5-page-book .wp-caption img, #fb5-about .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
#fb5 .fb5-page-book .wp-caption p.wp-caption-text, #fb5-about .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }



/* = Media queries
-------------------------------------------------------------- */

@media screen and (max-width: 768px) {
/*
    .fb5-nav-arrow.next{
		transform-origin:0 center;
		-ms-transform-origin:0 center;
		-webkit-transform-origin:0 center;		 
    }
	
	 .fb5-nav-arrow.prev{
		transform-origin:right center;
		-ms-transform-origin:right center;
		-webkit-transform-origin:right center;		 
    }

	.fb5-nav-arrow{
		transform:scale(2);
		ms-transform:scale(2);
		-webkit-transform:scale(2);
	}
	/*/
}
/* tools bar*/
#fb5 .fb5-bcg-book { background-image: url(../images/bg.jpg); }
#fb5 .fb5-tooltip { background: #014da1 !important; color: #FFFFFF; }
#fb5 .fb5-tooltip b { border-top: 10px solid #014da1 }
#fb5 #fb5-footer .bcg { background-color: #000000; opacity: 0.55; }
#fb5 nav li.fb5-goto #fb5-label-page-number { color: #5F6F7B; }
#fb5 nav li.fb5-goto button { color: #5F6F7B; background: linear-gradient(to bottom, #2B3E4D 0px, #1F303D 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); }
#fb5 nav li.fb5-goto input[type="text"] { background: none repeat scroll 0 0 #141F28; border: 1px solid #1E2F3C; }
/* book /*/
		
#fb5 #fb5-book .turn-page { background-color: #FFFFFF; }
#fb5 .fb5-meta .fb5-num { color: #666666; }
#fb5 .fb5-meta .fb5-description { color: #666666; }
/* list thumbs /*/
#fb5 #fb5-all-pages .fb5-container-pages { background: none repeat scroll 0 0 #000000; box-shadow: 0 0 40px rgba(100,200, 211, 0.8); }
/* form /*/
#fb5 #fb5-contact form { background: none repeat scroll 0 0 #161616; box-shadow: 0 0 60px rgba(100,200,211, 0.7); }
#fb5 #fb5-contact form h3 { color: #FFFFFF; }
#fb5 #fb5-contact button { background: none repeat scroll 0 0 #014da1; color: #FFFFFF; }
#fb5 #fb5-contact form input, #fb5-contact form textarea { color: #737373; }
#fb5 #fb5-contact .fb5-close { color: #000000; background: none repeat scroll 0 0 #014da1; }
#fb5 #fb5-contact .fb5-thanks p { color: #444444 }
#fb5 #fb5-contact .fb5-thanks h1 { color: #FFFFFF }
/* preloader /*/
#fb5 .fb5-preloader .wBall .wInnerBall { background: #014da1; }
/* arrow gif /*/
#fb5 .fb5-nav-arrow { background: url("../images/arrow-navpage.png") repeat scroll 0 0 rgba(0, 0, 0, 0); }
/* formatt page for flipbook  /*/
#fb5 .fb5-page-book p { color: #77797F; font-family: Arial; font-size: 14px; }
#fb5 .fb5-page-book a { color: #014da1; }
#fb5 .fb5-page-book h1 { color: #77797F; font-family: Arial; font-size: 28px; }
#fb5 .fb5-page-book h2 { color: #77797F; font-family: Arial; font-size: 26px; }
#fb5 .fb5-page-book h3 { color: #77797F; font-family: Arial; font-size: 24px; }
#fb5 .fb5-page-book h4 { color: #77797F; font-family: Arial; font-size: 22px; }
#fb5 .fb5-page-book h5 { color: #77797F; font-family: Arial; font-size: 20px; }
#fb5 .fb5-page-book h6 { color: #77797F; font-family: Arial; font-size: 18px; }
#fb5 .fb5-page-book li { color: #77797F; font-family: Arial; font-size: 14px; }
#fb5 .fb5-page-book ul li a { color: #77797F; }
/*  about style  /*/
#fb5 #fb5-about p, #fb5 #fb5-about li { color: #CFEAEE; font-family: Arial; font-size: 11px; }
#fb5 #fb5-about a { color: #FFFFFF }
#fb5 #fb5-about h1 { color: #014da1; font-family: Arial; font-size: 26px; }
#fb5 #fb5-about h2 { color: #014da1; font-family: Arial; font-size: 24px; }
#fb5-about h3 { color: #014da1; font-family: Arial; font-size: 22px; }
#fb5 #fb5-about h4 { color: #014da1; font-family: Arial; }
#fb5 #fb5-about h5 { color: #014da1; font-family: Arial; font-size: 18px; }
#fb5 #fb5-about h6 { color: #014da1; font-family: Arial; font-size: 16px; }
/* back  button  /*/
#fb5 #fb5-button-back { background-color: #014da1; color: #FFFFFF; }
#fb5 #fb5-button-back:hover { color: #014da1; background-color: #FFFFFF }
/*  Other style   /*/
#fb5 .fb5-overlay { background: rgba(0,0,0,0.6); }
