@import url('reset.css');
@import url('elements.css');
@import url('../../assets/styles/css/hkgrotesk-fonts.css');
@import url('../../assets/styles/css/hkgrotesk-fonts.css');
/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * futura-pt:
 *   - http://typekit.com/eulas/000000000000000000010096
 *
 * © 2009-2021 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2021-09-01 07:08:52 UTC"}*/

@import url("https://p.typekit.net/p.css?s=1&k=wxp3seb&ht=tk&f=10886&a=36233104&app=typekit&e=css");

@font-face {
font-family:"futura-pt";
src:url("https://use.typekit.net/af/ae4f6c/000000000000000000010096/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/ae4f6c/000000000000000000010096/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/ae4f6c/000000000000000000010096/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:300;
}

.tk-futura-pt { font-family: "futura-pt",sans-serif; }

#fb5{
   font-family:Arial,sans-serif;	
   font-size:14px;	
   position:relative;
   overflow:auto;
   margin:0 auto;
   display:block;
   width:100%;
   height:100px;
   opacity:0;
   margin-bottom:0;
}
@media only screen and (max-width: 766px) {
   #fb5{ 
   height:100vh!important;
   }
}
#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;
	top:60px!important;
}



#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%;
}



#fb5 .cursor-grab {
	cursor: -webkit-grab;
	cursor: -moz-grab;
}
#fb5 .fb5-overlay {
	position: absolute; 
	left: -10000px; 
	top: 0; 
	z-index: 20;
	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:#64C8D3;
	border-radius: 4px 4px 4px 4px;
	padding:5px;
	padding-left:15px;
	padding-right:10px;
	font-size:12px;
	font-weight:bold;
	margin-top:-45px;
  }
  #fb5 #fb5-button-back:hover{
	color:#64C8D3;  
	background-color:#FFFFFF
  }


/* = About
-------------------------------------------------------------- */

	#fb5 #fb5-about {
		position: absolute; z-index: 5;
		width: 45%; display: none;
		/*padding-top: 6%;/*/
	}

	#fb5 #fb5-about h3{
		font-family: "futura-pt",sans-serif; 
		margin: 30% 0 0 0;
		padding:0px;
		font-size: 2em;
		color:#d2a76e;
		-webkit-font-smoothing: antialiased;
		text-transform:none;		
	}
	#fb5 #fb5-about h6 {
		font-family: 'HK Grotesk';
		font-weight: 400;
		margin: 0 0 0.5em 0;
		font-size: 14px;
		color: #e4e4e4;
	} 
	#fb5 #fb5-about p {
		font-family: 'HK Grotesk';
		font-weight: 400;
		font-size: 14px;
		color: #e4e4e4;
	} 


/* = 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(../img/arrow-navpage.png);
		width: 31px; height: 136px;
		margin-top: -68px;
	}
		
	#fb5 .fb5-nav-arrow.next			{ right: -31px; background-position: 0 0; }
	#fb5 .fb5-nav-arrow.next:hover	{ background-position: 0 -186px; }
	
	#fb5 .fb5-nav-arrow.prev { left: -31px; 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;		 
    }
	
/* = Menu
-------------------------------------------------------------- */

#fb5 .fb5-menu {
	
}

#fb5 .fb5-menu ul {
	list-style: none; 
	margin: 0; padding: 0;	
}

#fb5 .fb5-menu li {
	float: left;
	position: relative;
	width: 30px;
	margin: 0 3px;
	
	list-style: none;
    background:none;
}

#fb5 .fb5-menu li a {
	display: block;
	background: url(../img/icons.png) no-repeat;
	width: 30px; height: 40px;
}


#fb5 .fb5-menu li a.fb5-download				{ background-position: 0 0; }
#fb5 .fb5-menu li a.fb5-download:hover			{ background-position: 0 -90px; }

#fb5 .fb5-menu li a.fb5-home					{background-position: 0 -174px;}
#fb5 .fb5-menu li a.fb5-home:hover				{background-position: 0 -267px;}

#fb5 .fb5-menu li a.contact				{ background-position: 0 -360px; }
#fb5 .fb5-menu li a.contact:hover			{ background-position: 0 -450px; }

#fb5 .fb5-menu li a.fb5-fullscreen				{ background-position: 0 -1408px; }
#fb5 .fb5-menu li a.fb5-fullscreen:hover			{ background-position: 0 -1450px; }


#fb5 .fb5-menu li a.fb5-show-all				{background-position: 0 -533px;}
#fb5 .fb5-menu li a.fb5-show-all:hover			{background-position: 0 -624px;}

#fb5 .fb5-menu li a.fb5-zoom-auto				{background-position: 0 -707px;}
#fb5 .fb5-menu li a.fb5-zoom-auto:hover		{background-position: 0 -802px;}
	
#fb5 .fb5-menu li a.fb5-zoom-in				{background-position: 0 -891px;}
#fb5 .fb5-menu li a.fb5-zoom-in:hover			{background-position: 0 -981px;}
	
#fb5 .fb5-menu li a.fb5-zoom-original			{background-position: 0 -1066px;}
#fb5 .fb5-menu li a.fb5-zoom-original:hover	{background-position: 0 -1163px;}

#fb5 .fb5-menu li a.fb5-zoom-out				{background-position: 0 -1253px;}
#fb5 .fb5-menu li a.fb5-zoom-out:hover			{background-position: 0px -1343px;}

#fb5 .fb5-menu#fb5-center {
	width: auto;
	margin-top: 10px;
	margin-down: 0;
	position:absolute;
	
	/*
	margin-left: auto;
	margin-right: auto;
    /*/
}

#fb5 .fb5-menu#fb5-right {
	float: right;
	width: auto;
	margin: 10px 6px 0 0;
}

#fb5 .fb5-menu li.fb5-goto {
	position: relative;
	width: auto;
	margin: -3px 4px 0px 0;
	padding: 6px 0 0 10px;
}

#fb5 .fb5-menu li.fb5-goto #fb5-label-page-number {
	font-family:Arial,sans-serif;
	display:inline;
	float: left;
	margin: 6px 5px 0 0;
	line-height: 12px;
	font-size: 10px; font-weight: bold;
	color: #5f6f7b;
	-webkit-font-smoothing: antialiased;
	width:auto;
}


#fb5 .fb5-menu li.fb5-goto input[type='text'] {
	background: #141f28;
	width: 28px; height: 13px;
	border: 1px solid #1e2f3c;
	box-shadow: inset 0 0 3px #0a1014;
	padding: 0 20px 0 0;
	text-align: center;
	font-size: 9px;
	color: #bababa;
	display:inline;
}
	
#fb5 .fb5-menu li.fb5-goto button {
	box-shadow:none;
	text-shadow:none;
	font-family: 'HK Grotesk';
	font-weight: 400;
	font-size: 14px;
	position: absolute; 
	right: 0px; 
	top: 11px;
	height:14px;
	display:inline;
	font-size: 9px;
	font-weight: bold;
	padding: 0 1px;
	background:#2b3e4d;background:-moz-linear-gradient(top,#2b3e4d 0,#1f303d 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#2b3e4d),color-stop(100%,#1f303d));background:-webkit-linear-gradient(top,#2b3e4d 0,#1f303d 100%);background:-o-linear-gradient(top,#2b3e4d 0,#1f303d 100%);background:-ms-linear-gradient(top,#2b3e4d 0,#1f303d 100%);background:linear-gradient(to bottom,#2b3e4d 0,#1f303d 100%);filter:progid:dximagetransform.Microsoft.gradient(startcolorstr='#2b3e4d',endcolorstr='#1f303d',gradienttype=0);
	color: #5f6f7b;
}

#fb5 .ui-btn-text { display: none; }


/* = Tooltip
-------------------------------------------------------------- */

#fb5 .fb5-tooltip {
	font-family:Arial,sans-serif;
	position: absolute; left: 0; top: -25px; z-index: 5;
	display: none;
	padding: 2px 10px;
	background: #780207;
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	/*text-transform: uppercase/*/
	color: white;
}
	#fb5 .fb5-tooltip b {
	/*background: url("../img/arrow-tooltip.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);/*/
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid #780207;
    bottom: 19px;
    display: block;
    height: 0;
    left: 6px;
    position: absolute;
    width: 0;    
	}


/* = Footer
-------------------------------------------------------------- */

#fb5 #fb5-footer {
   opacity:0;	
}

#fb5 #fb5-footer {
	position: fixed; top: 0; z-index: 15;
	width: 100%; height: 60px;
	margin: 0; padding: 0;

}
@media only screen and (max-width: 767px) {
	#fb5 #fb5-footer {
		position: fixed; top: initial;  bottom: 0;
	
	}
	}
#fb5 #fb5-footer #fb5-logo {
		position: absolute; z-index: 5;
}
#fb5 #fb5-footer #fb5-logo img {
	width: 125px;
	padding: 10px;
}
#fb5 #fb5-footer .fb5-bcg-tools {
    background-color: #000000;
    height: 100%;
    left: 0;
    opacity: 0.55;
    position: absolute;
    top: 0;
    width: 100%;
}