diff --git a/_assets/_testing/buttons.html b/_assets/_testing/buttons.html
index dd3d592..78618dc 100644
--- a/_assets/_testing/buttons.html
+++ b/_assets/_testing/buttons.html
@@ -18,6 +18,10 @@
 			--font-size:0.86em;
 			--text-font: 'courier new';
 		}
+		#test1 {
+			--icon-width:64px;
+			--icon-height:64px;
+		}
 	</style>
 	<style id="test2" data-title="other styling">
 		.panels > div {
@@ -41,58 +45,71 @@
 		}
 		/* Button defaults */
 		.button  {
-			--link-color:red;
-			--button-font:var(--text-font);
+			color:red;
+			font-family:var(--text-font);
 		}
 		
+		.button label {
+			padding:4px;
+		}
+
 		.button:hover  {
-			--link-color:magenta;
+			color:magenta;
 		}
+		
+
 		/* Scheme no font */
-		/* note that --icon-font is set when we include a fonts css, cf. */
 		.scheme-no-font .button {
-			--icon-font:var(--text-font);
-			--link-color:teal;
+			color:teal;
 			--icon-width:16px;
 			--icon-height:16px;
-			--button-padding:2px;
+			padding:2px;
 
 		}
-		.scheme-no-font {
-			--icon-font:verdana;
-		}
 
-		.button-font {
-			font: ;
+		.scheme-no-font .icon {
+			font-family: verdana;
 		}
-
 		/* Scheme panel */
 		.scheme-panel .button {
-			--button-background-color: #c5c5c5;
-			--button-border-width: 1px;
-			--color:#ffff00;
-			--button-border-color:hotpink;
-		}
+			background-color: #c5c5c5;
+			border-width: 1px solid hotpink;
+			color:red;
+			fill:red;
+			stroke:red;
+			padding:4px 18px;
 
+		}
 		.scheme-panel .button:hover {
-			--color: #ff00ff;
-			--button-background-color: #ffff00;
+			color: #ff00ff;
+			fill:#ff00ff;
+			stroke:#ff00ff;
+			background-color: #ffff00;
 		}
 		/* Scheme rollout */
 		.scheme-rollout .button {
-			--link-color:teal;
+			color:teal;
 			--icon-width:16px;
 			--icon-height:16px;
-			--button-padding:2px;
+			padding:2px;
 		}
 		.scheme-rollout .button:hover  {
-			--link-color:white;
-			--button-background-color:teal;
+			color:white;
+			background-color:teal;
 		}
 		
+		.setting-align-left {
+			--button-align:flex-start; 
+			--button-direction: row;	
+		}
+		.setting-align-right {
+			--button-align:flex-start; 
+			--button-direction: row-reverse;		
+		}
+		.setting-align-center {
+			--button-align:	center;
+		}
 
-
-		
 		/* container styling */
 		/* icons are always a list of inline blocks.
 		Use a wrapper and a flexbox to align them */
@@ -124,8 +141,8 @@
 
 	<div>
 		<div class="cs-title"><a href="#test1">SVGs with labels</a></div>
-		<div class="test" id="test1">
-			<div class="cs-button button scheme-panel">
+		<div class="test  scheme-panel" id="test1">
+			<div class="button">
 				<a href="#">
 					<svg class="icon"   viewBox="0 0 24 24"><use xlink:href="../images/combined.svg#cart" /></svg>
 					<labeL>
@@ -134,7 +151,7 @@
 				</a>
 			</div>
 
-			<div class="cs-button button right">
+			<div class="button right">
 				<a href="#">
 					<svg  class="icon"  viewBox="0 0 24 24"><use xlink:href="../images/combined.svg#cart" /></svg>
 					<labeL>
@@ -193,7 +210,7 @@
 	<div class="">
 		<div class="cs-title"><a href="#test4">Rollout labels</a></div>
 		<div class="test scheme-rollout flex-column" id="test4">
-			<div class="button setting-popout"><a href="#"><i class="icon icon-close"></i><label>icon-close spaces !^&!% fref</label></a></div>
+			<div class="button  setting-popout"><a href="#"><i class="icon icon-close"></i><label>icon-close spaces !^&!% fref</label></a></div>
 			<div class="button setting-popout"><a href="#"><i class="icon icon-menu"></i><label>icon-menu spaces !^&!% fref</label></a></div>
 			<div class="button setting-popout"><a href="#"><i class="icon icon-previous"></i><label>icon-previous  spaces !^&!% fref</label></a></div>
 			<div class="button setting-popout"><a href="#"><i class="icon icon-next"></i><label>icon-next  spaces !^&!% fref</label></a></div>
@@ -272,15 +289,15 @@
 		<div class="cs-title"><a href="#test9">Icons, labels with grid</a></div>
 		<div class="test button-menu scheme-panel scheme-grid" id="test9">
 			<!-- setting-align takes the class left or right and justfies the content accordingly -->
-			<div class="button setting-align left"><a href="#"><i class="icon icon-home"></i><label>Home</label></a></div>
-			<div class="button setting-align left"><a href="#"><i class="icon icon-search"></i><label>Search</label></a></div>
-			<div class="button setting-align left"><a href="#"><i class="icon icon-account"></i><label>Account</label></a></div>
-			<div class="button setting-align left"><a href="#"><i class="icon icon-home"></i><label>Home</label></a></div>
-			<div class="button setting-align right"><a href="#"><i class="icon icon-search"></i><label>Search</label></a></div>
-			<div class="button setting-align right"><a href="#"><i class="icon icon-account"></i><label>Account</label></a></div>
-			<div class="button setting-align right"><a href="#"><i class="icon icon-home"></i><label>Home</label></a></div>
-			<div class="button setting-align right"><a href="#"><i class="icon icon-search"></i><label>Search</label></a></div>
-			<div class="button setting-align right"><a href="#"><i class="icon icon-account"></i><label>Account</label></a></div>
+			<div class="button setting-align-left"><a href="#"><i class="icon icon-home"></i><label>Home</label></a></div>
+			<div class="button setting-align-left"><a href="#"><i class="icon icon-search"></i><label>Search</label></a></div>
+			<div class="button setting-align-left"><a href="#"><i class="icon icon-account"></i><label>Account</label></a></div>
+			<div class="button setting-align-center"><a href="#"><i class="icon icon-home"></i><label>Home</label></a></div>
+			<div class="button setting-align-center"><a href="#"><i class="icon icon-search"></i><label>Search</label></a></div>
+			<div class="button setting-align-center"><a href="#"><i class="icon icon-account"></i><label>Account</label></a></div>
+			<div class="button setting-align-right"><a href="#"><i class="icon icon-home"></i><label>Home</label></a></div>
+			<div class="button setting-align-right"><a href="#"><i class="icon icon-search"></i><label>Search</label></a></div>
+			<div class="button setting-align-right"><a href="#"><i class="icon icon-account"></i><label>Account</label></a></div>
 		</div>
 	</div>
 </div>
diff --git a/_assets/_testing/definitions.html b/_assets/_testing/definitions.html
index ff2a645..92d4a1b 100644
--- a/_assets/_testing/definitions.html
+++ b/_assets/_testing/definitions.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
-	<title>Table tests</title>
+	<title>Definition tests</title>
 	<link rel="stylesheet" href="../css/reset.css">
 	<link rel="stylesheet" href="../css/fonts/fonts_local.css">
 	<link rel="stylesheet" href="../css/definitions.css">
diff --git a/_assets/_testing/forms.html b/_assets/_testing/forms.html
index 5dd86e4..98e5718 100644
--- a/_assets/_testing/forms.html
+++ b/_assets/_testing/forms.html
@@ -1,8 +1,22 @@
+<!--
+
+# Notes
+
+Still a bit of a mess
+
+The help icons use absolute positioning which is fine except that they don't work. Probably need to wrap the labels in a span or something
+
+Currently still uses lots of things like `field-background-color` and `button-border-color`. Possibly revert to using actual panels.
+
+-->
+
+
 <!DOCTYPE html>
 <html>
 <head>
-	<title>Table tests</title>
+	<title>Form tests</title>
 	<link rel="stylesheet" href="../css/reset.css">
+	<link rel="stylesheet" href="../css/select2.min.css">
 	<link rel="stylesheet" href="../css/fonts/fonts_local.css">
 	<link rel="stylesheet" href="../css/grids.css">
 	<link rel="stylesheet" href="../css/icons.css">
@@ -10,11 +24,26 @@
 	<link rel="stylesheet" href="../css/navbuttons.css">
 	<meta charset="UTF-8">
 	<style>
-	.form .error {
 
+	#testform {
+		max-width: 800px;
+		margin:80px auto;
+		border:1px solid var(--border-color);
+		background-color: #efefef;
+		--field-background-color: white;
+		--field-border-color: #aaa;
+		--input-padding: 8px;
+	}
+	.button {
+		--button-border-color:var(--border-color);
+		--button-border-width:1px;
+		--button-border-style:solid;
+		--button-background-color: white;
 	}
 
-		
+	#testform .fieldrow:nth-child(even) {
+		background-color: #e3e3e3;
+	}
 	</style>
 </head>
 
@@ -26,12 +55,23 @@
 			<div class="fieldrow">
 				<label>
 					
-					Email address
+					Auto grow text
+
+					<div class="button"><a class="icon icon-help"></a></div>
+				</label>
+				<field>
+					<textarea name="field1" rows="1" class="elastic markitup"></textarea>
+				</field>
+			</div>
+			<div class="fieldrow">
+				<label>
+					
+					Email
 
 					<div class="button"><a class="icon icon-help"></a></div>
 				</label>
 				<field>
-					<textarea name="field1" class="autogrow markitup"></textarea>
+					<input type="text" name="email"></textarea>
 				</field>
 			</div>
 			<div class="fieldrow">
@@ -128,9 +168,15 @@
 
 				</label>
 				<field>
-					<input type="button" value="Submit"  onclick="getOk(this);">
-					<input type="button" value="Get validation errors" onclick="getErrors(this);">
-					<input type="button" value="Network errors" onclick="failError(this);">
+					<div class="button">
+						<input type="button" value="Submit"  onclick="getOk(this);">
+					</div>
+					<div class="button">
+						<input type="button" value="Get validation errors" onclick="getErrors(this);">
+					</div>
+					<div class="button">
+						<input type="button" value="Network errors" onclick="failError(this);">
+					</div>
 				</field>
 			</div>
 		</form>
@@ -138,6 +184,8 @@
 	</div>
 
 <script src="../js/jquery-3.4.1.js"></script>
+<script src="../js/select2.min.js"></script>
+<script src="../js/jquery.elastic.1.6.11.js"></script>
 <script src="../js/jquery.validate.js"></script>
 <script src="../js/jquery.form.js"></script>
 <script src="../js/jquery.clikForm.js"></script>
@@ -175,7 +223,7 @@
 		$("#testform").clikForm({
 			debug:false,
 			rules : {
-				field1: {
+				email: {
 			    	required: true,
 			    	email: true
 			    },
diff --git a/_assets/_testing/grids.html b/_assets/_testing/grids.html
new file mode 100644
index 0000000..8330a52
--- /dev/null
+++ b/_assets/_testing/grids.html
@@ -0,0 +1,122 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>Title and heading font test</title>
+	<link rel="stylesheet" href="../css/reset.css">
+	<link rel="stylesheet" href="../css/grids.css">
+	<link rel="stylesheet" href="../css/schemes/grid-schemes.css">
+	
+	<meta charset="UTF-8">
+	<style>
+	body {
+		padding:20px;
+	}
+	.test-header {
+		font-weight: bold;
+		font-size: 24px;
+	}
+
+	.test {
+		margin:20px;
+	}
+
+	g {
+		display: inline-block;
+		background-color: #cecece;
+		padding:2px;
+		
+	}
+	.cs-grid {
+		--grid-gap:10px;
+	}
+	.scheme-grid-fixedcols {
+		--grid-columns:4;
+	}
+	.scheme-grid-fixed {
+		--grid-width:240px;
+	}
+	#test2a_grid {
+		grid-template-columns: 120px auto 160px;
+	}
+	#test4_grid {
+		--justify-content: flex-end;
+	}
+	#test5_grid {
+		--flex-wrap: nowrap;
+		--align-items: center;
+	}
+
+	#test6_grid {
+		--flex-direction: row-reverse;
+		--flex-stretch: 1;
+	}
+	#test7_grid {
+		--justify-content: center;
+	}
+	</style>
+</head>
+<body>
+
+	<div class="test">
+		<div class="test-header">Auto grid with max-width</div>
+		<div id="test1_grid" class="cs-grid"></div>
+	</div>
+
+	<div class="test">
+		<div class="test-header">Grid with fixed width cols</div>
+		<div id="test2_grid" class="cs-grid scheme-grid-fixedcols"></div>
+	</div>
+
+	<div class="test">
+		<div class="test-header">Grid with set cols</div>
+		<div id="test2a_grid" class="cs-grid"></div>
+	</div>
+
+	<div class="test">
+		<div class="test-header">Grid with fixed width</div>
+		<div id="test3_grid" class="cs-grid scheme-grid-fixed"></div>
+	</div>
+
+	<div class="test">
+		<div class="test-header">Flex</div>
+		<div id="test4_grid" class="cs-grid flex"></div>
+	</div>
+
+	<div class="test">
+		<div class="test-header">Flex No Wrap</div>
+		<div id="test5_grid" class="cs-grid flex"></div>
+	</div>
+
+	<div class="test">
+		<div class="test-header">Flex Stretch</div>
+		<div id="test6_grid" class="cs-grid flex" data-cols="5"></div>
+	</div>
+
+	<div class="test">
+		<div class="test-header">Flex align center</div>
+		<div id="test7_grid" class="cs-grid flex" data-cols="5"></div>
+	</div>
+
+	<script src="../js/jquery-3.4.1.js"></script>
+	<script type="text/javascript">
+		$(document).ready(function() {
+			$(".cs-grid").each( function() {
+				const cols = $(this).data("cols") ? $(this).data("cols") : 12;
+				$(this).html(testGrid(cols));
+			});
+		});
+		lorem = ["Lorem","ipsum","dolor","sit","amet,","consectetur","adipisicing","elit,","sed","do","eiusmod","tempor","incididunt","ut","labore","et","dolore","magna","aliqua."];
+
+		function testGrid(cols) {
+			var html = "";
+			text = "";
+			for (let i = 1 ; i <= cols; i++) {
+				text += lorem[i] + " ";
+				html += "<g>" + text + "</g>";
+			}
+			return html;
+		}
+	</script>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/_assets/_testing/items.html b/_assets/_testing/items.html
index d9f403c..d30f3c3 100644
--- a/_assets/_testing/items.html
+++ b/_assets/_testing/items.html
@@ -21,26 +21,20 @@
 		.item {
 			margin:20px;
 			border:1px solid #ccc;
-			--item-padding:8px;
+			padding:8px;
 		}
 
-		.scheme-box {
-			--item-image-padding:2px;
-			--item-image-border-width:1px;
-			--item-image-border-color:var(--border-color);
-		}
-
-		.scheme-box:hover {
+		.item.scheme-box:hover {
 			--title-color: #00C0F9;
 		}
 
-		.scheme-underline {
-			--item-image-padding:0 0 2px 0;
-			--item-image-border-width:0px 0px 8px 0;	
+		.item.scheme-underline .imageWrap {
+			padding:0 0 2px 0;
+			border-width:0px 0px 8px 0;	
 		}
 
-		.scheme-underline:hover {
-			--item-image-border-color:var(--accent-color);
+		.item.scheme-underline:hover .imageWrap {
+			border-color:var(--accent-color);
 		}
 		
 	</style>
@@ -56,7 +50,7 @@
 
 	<div class="item setting-htop scheme-box" id="test1">
 
-		<h3 class="title">Htop item left</h3>
+		<h3 class="title">setting-htop scheme-box</h3>
 
 		<div class="imageWrap">
 			<img src="//d2033d905cppg6.cloudfront.net/tompeer/images/Graphic_111.jpg">
@@ -68,236 +62,168 @@ <h3 class="title">Htop item left</h3>
 	
 	</div>
 	
+	<div class="item setting-htop setting-left setting-munder" id="test2">
 
-	
-		
-			<div class="item setting-htop setting-left setting-munder scheme-underline" id="test2">
+		<h3 class="title">Headline before image except in mobile</h3>
 
-			
-				<h3 class="title">Headline before image except in mobile</h3>
-
-				<div class="imageWrap">
-					
-						<img src="//d2033d905cppg6.cloudfront.net/tompeer/images/Graphic_111.jpg">
-					
-				</div>
-				
-
-				<div class="textWrap">
-					<p>Set munder to but a heading under the image in mobile (if its got htop for main view)</p>
-					
-				</div>
-			
-			</div>
+		<div class="imageWrap">
+			<img src="//d2033d905cppg6.cloudfront.net/tompeer/images/Graphic_111.jpg">
+		</div>
 		
-
+		<div class="textWrap">
+			<p>Set munder to put a heading under the image in mobile (if its got htop for main view)</p>
+		</div>
 	
-		
-			<div class="item setting-htop setting-left scheme-wide" id="test3">
+	</div>
 
-			
-				<h3 class="title">Larger image</h3>
+	<div class="item setting-htop setting-left scheme-wide" id="test3">
 
-				<div class="imageWrap">
-					
-						<img src="//d2033d905cppg6.cloudfront.net/tompeer/images/Graphic_111.jpg">
-					
-				</div>
-				
+		<h3 class="title">Larger image</h3>
 
-				<div class="textWrap">
-					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-					quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-					consequat. </p>
-					
-						
-				</div>
-			
-			</div>
+		<div class="imageWrap">
+			<img src="//d2033d905cppg6.cloudfront.net/tompeer/images/Graphic_111.jpg">
+		</div>
 		
-
+		<div class="textWrap">
+			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>				
+		</div>
 	
-		
-			<div class="item setting-htop setting-right scheme-wide" id="test4">
-
-			
-				<h3 class="title">Larger image right</h3>
+	</div>
 
-				<div class="imageWrap">
-					
-						<img src="//d2033d905cppg6.cloudfront.net/tompeer/images/Graphic_111.jpg">
-					
-				</div>
-				
+	<div class="item setting-htop setting-right scheme-wide" id="test4">
 
-				<div class="textWrap">
-					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-					quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-					consequat. </p>
-					
-				</div>
-			
-			</div>
-					
-			<div class="item setting-left" id="test5">
+		<h3 class="title">Larger image right</h3>
 
+		<div class="imageWrap">
+			<img src="//d2033d905cppg6.cloudfront.net/tompeer/images/Graphic_111.jpg">
+		</div>
+		
+		<div class="textWrap">
+			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>		
+		</div>
+	
+	</div>
 			
-				<h3 class="title">No image with space still showing</h3>
+	<div class="item setting-left" id="test5">
 
-				<div class="imageWrap">
-					
-				</div>
-				
+	
+		<h3 class="title">No image with space still showing</h3>
 
-				<div class="textWrap">
-					<p>Actualy here you just assign the image alignment class.</p>
-				</div>
+		<div class="imageWrap">
 			
-			</div>
+		</div>
 		
 
+		<div class="textWrap">
+			<p>Actualy here you just assign the image alignment class.</p>
+		</div>
 	
-		
-			<div class="item  setting-noimage" id="test6">
-
-				
-				<h3 class="title">No image with no space</h3>
+	</div>
 
-				<div class="imageWrap">
-					
-				</div>
-				
+	<div class="item  setting-noimage" id="test6">
+		
+		<h3 class="title">No image with no space</h3>
 
-				<div class="textWrap">
-					<p>You can just do nothing but noimage will set the imageWrap to display:none</p>
-				</div>
+		<div class="imageWrap">
 			
-			</div>
-		
+		</div>
 
+		<div class="textWrap">
+			<p>You can just do nothing but noimage will set the imageWrap to display:none</p>
+		</div>
 	
-		
-			<div class="item setting-left scheme-underline " id="test7">
+	</div>
 
-			
-				<h3 class="title">Headline is inline</h3>
+	<div class="item setting-left scheme-underline " id="test7">
 
-				<div class="imageWrap">
-					
-						<img src="//d2033d905cppg6.cloudfront.net/tompeer/images/Graphic_111.jpg">
-					
-				</div>
-				
+	
+		<h3 class="title">Headline is inline</h3>
 
-				<div class="textWrap">
-					<p>This is actually the default. You have to put htop on to change it.</p>
-						
-				</div>
+		<div class="imageWrap">
 			
-			</div>
-		
-
-	
-		
+				<img src="//d2033d905cppg6.cloudfront.net/tompeer/images/Graphic_111.jpg">
+			
+		</div>
 		
 
+		<div class="textWrap">
+			<p>This is actually the default. You have to put htop on to change it.</p>
+				
+		</div>
 	
-			<div class="item setting-left flow scheme-underline " id="test8">
+	</div>
 
-			
-				<h3 class="title">Flow settings</h3>
+	<div class="item setting-flowleft scheme-wide " id="test8">
 
-				<div class="imageWrap">
-					
-						<img src="//d2033d905cppg6.cloudfront.net/tompeer/images/Graphic_111.jpg">
-					
-				</div>
-				
+		<h3 class="title">Flow settings</h3>
 
-				<div class="textWrap">
-					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-					quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-					consequat. </p>
-					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-					quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-					consequat. </p>
-					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-					quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-					consequat. </p>
-					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-					quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-					consequat. </p>
-					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-					quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-					consequat. </p>
-						
-				</div>
+		<div class="imageWrap">
 			
-			</div>
-
-			<div class="item setting-right flow" id="test8">
-
+				<img src="//d2033d905cppg6.cloudfront.net/tompeer/images/Graphic_111.jpg">
 			
-				<h3 class="title">Flow settings right</h3>
+		</div>
+		
 
-				<div class="imageWrap">
-					
-						<img src="//d2033d905cppg6.cloudfront.net/tompeer/images/Graphic_111.jpg">
-					
-				</div>
+		<div class="textWrap">
+			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+			tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+			quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+			consequat. </p>
+			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+			tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+			quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+			consequat. </p>
+			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+			tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+			quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+			consequat. </p>
+			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+			tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+			quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+			consequat. </p>
+			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+			tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+			quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+			consequat. </p>
 				
+		</div>
+	
+	</div>
 
-				<div class="textWrap">
-					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-					quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-					consequat. </p>
-					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-					quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-					consequat. </p>
-					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-					quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-					consequat. </p>
-					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-					quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-					consequat. </p>
-					
-						
-				</div>
-			
-			</div>
+	<div class="item setting-flowright " id="test8">
 
-			<div class="item setting-right flow" id="test8">
+	
+		<h3 class="title">Flow settings right</h3>
 
+		<div class="imageWrap">
 			
-				<div class="imageWrap">
-					
-						<img src="//d2033d905cppg6.cloudfront.net/tompeer/images/Graphic_111.jpg">
-					
-				</div>
-				
-
-				<div class="textWrap">
-					<h3 class="title">Flow settings move headline</h3>
-
-					<p>Here you actually have to change the html</p>
-					
-						
-				</div>
+				<img src="//d2033d905cppg6.cloudfront.net/tompeer/images/Graphic_111.jpg">
 			
-			</div>
-
+		</div>
+		
 
+		<div class="textWrap">
+			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+			tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+			quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+			consequat. </p>
+			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+			tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+			quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+			consequat. </p>
+			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+			tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+			quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+			consequat. </p>
+			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+			tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+			quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+			consequat. </p>
+			
+				
+		</div>
+	
+	</div>
 
 </div>
 
diff --git a/_assets/_testing/menuScroll_js.html b/_assets/_testing/menuScroll_js.html
index 60c7403..b74c6c4 100644
--- a/_assets/_testing/menuScroll_js.html
+++ b/_assets/_testing/menuScroll_js.html
@@ -1,12 +1,12 @@
 <!DOCTYPE html>
 <html>
 <head>
-	<title>Menu test</title>
+	<title>Menu scroll test</title>
 	<link rel="stylesheet" href="../css/reset.css">
 	<link rel="stylesheet" href="../css/fonts/fonts_local.css">
-	<link rel="stylesheet" href="../css/grids.css">
 	<link rel="stylesheet" href="../css/title.css">
 	<link rel="stylesheet" href="../css/menus.css">
+	<link rel="stylesheet" href="../css/schemes/menus-schemes.css">
 	<link rel="stylesheet" href="../css/columns.css">
 	<link rel="stylesheet" href="../css/schemes/columns_schemes.css">
 	<meta charset="UTF-8">
@@ -25,10 +25,20 @@
 			top:var(--header-height);
 		}
 
-		.headingselected {
+		.cs-menu a:hover {
+			font-weight: bold;
+			--link-color: pink;
+		}
+		.cs-menu li.hi > a {
 			font-weight: bold;
 			font-style: italic;
-			color: pink;
+			--link-color: pink;
+		}
+		.cs-menu {
+			--menu-text-align:left;
+		}
+		.cs-menu .submenu {
+			--menu-item-padding: 0 0 0 1em;
 		}
 
 		#header {
@@ -86,7 +96,7 @@ <h1>Sub col</h1>
 						
 						<div id="maincol_top">
 
-							<h2><a id="heading1">Title 1</a></h2>
+							<h2>Title 1</h2>
 
 							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 							tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
@@ -94,16 +104,21 @@ <h2><a id="heading1">Title 1</a></h2>
 							consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 							cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 							proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-
+							<h3>Sub Title 1</h3>
 							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 							tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 							quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 							consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 							cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 							proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-
-							<h2><a id="heading2">Title 2</a></h2>
-
+							<h3>Sub Title 2</h3>
+							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+							tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+							quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+							consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+							cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+							proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+							<h3>Sub Title 3</h3>
 							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 							tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 							quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
@@ -111,6 +126,22 @@ <h2><a id="heading2">Title 2</a></h2>
 							cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 							proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 
+							<h2>Title 2</h2>
+<h3>Sub Title 1</h3>
+							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+							tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+							quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+							consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+							cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+							proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+							<h3>Sub Title 2</h3>
+							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+							tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+							quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+							consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+							cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+							proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+							<h3>Sub Title 3</h3>
 							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 							tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 							quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
@@ -132,7 +163,7 @@ <h2><a id="heading2">Title 2</a></h2>
 							cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 							proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 
-							<h2><a id="heading3">Title 3</a></h2>
+							<h2>Title 3</h2>
 
 							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 							tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
@@ -140,14 +171,27 @@ <h2><a id="heading3">Title 3</a></h2>
 							consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 							cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 							proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-
+<h3>Sub Title 1</h3>
+							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+							tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+							quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+							consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+							cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+							proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+							<h3>Sub Title 2</h3>
+							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+							tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+							quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+							consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+							cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+							proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+							<h3>Sub Title 3</h3>
 							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 							tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 							quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 							consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 							cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 							proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-
 							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 							tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 							quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
@@ -162,7 +206,7 @@ <h2><a id="heading3">Title 3</a></h2>
 							cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 							proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 
-							<h2><a id="heading4">Title 4</a></h2>
+							<h2>Title 4</h2>
 
 							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 							tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
@@ -171,6 +215,21 @@ <h2><a id="heading4">Title 4</a></h2>
 							cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 							proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 
+							<h3>Sub Title 1</h3>
+							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+							tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+							quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+							consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+							cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+							proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+							<h3>Sub Title 2</h3>
+							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+							tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+							quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+							consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+							cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+							proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+							
 							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 							tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 							quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
@@ -200,13 +259,8 @@ <h2><a id="heading4">Title 4</a></h2>
 					<div id="xcol">
 
 						<div class="inner">
-							<div class="cs-menu vertical sticky" id="contentmenu">
-								<ul>
-									<li id="headingmenu_heading1"><a href="#heading1">Heading 1</a></li>
-									<li id="headingmenu_heading2"><a href="#heading2">Heading 2</a></li>
-									<li id="headingmenu_heading3"><a href="#heading3">Heading 3</a></li>
-									<li id="headingmenu_heading4"><a href="#heading4">Heading 4</a></li>
-								</ul>
+							<div class="cs-menu scheme-vertical sticky" id="contentmenu">
+								
 							</div>
 						</div>
 
diff --git a/_assets/_testing/menus_js.html b/_assets/_testing/menus_js.html
index c3138e2..7717443 100644
--- a/_assets/_testing/menus_js.html
+++ b/_assets/_testing/menus_js.html
@@ -6,49 +6,49 @@
 	<link rel="stylesheet" href="../css/fonts/fonts_local.css">
 	<link rel="stylesheet" href="../css/grids.css">
 	<link rel="stylesheet" href="../css/menus.css">
+	<link rel="stylesheet" href="../css/icons.css">
+	<link rel="stylesheet" href="../css/schemes/menus-schemes.css">
 	<meta charset="UTF-8">
 	<style>
-		body {
-			--title-font:font-family: 'Open Sans';
-		}
-
-		.cs-title {
-			font-size: 200%;
-			font-weight: bold;
-		}
-
-		.title {
-			font-size: 140%;
-			font-weight: bold;
-		}
-
-		.cs-menu {
-			margin-bottom: 12px;
-		} 
-
-		.scheme-main {
-			--menu-item-padding:8px;
-			--menucolor:#ff00ff;
-			--menu-background: #c3c3c3;
-			--menu-item-border: 1px;
-			--menu-gap:0;
-		}
-		.scheme-main li:hover {
-			--menucolor:#ffff00;
-			--menu-background: #efefef;
-		}
-
-		.scheme-plain {
-			--menu-item-border: 1px;
-		}
-
-		#test1 {
-			--menu-item-border: 0 12px 0 0;
-			--menu-gap:4px;
-
-		}
-
-		
+	body {
+		--title-font:font-family: 'Open Sans';
+	}
+
+	.cs-title {
+		font-size: 200%;
+		font-weight: bold;
+	}
+
+	.title {
+		font-size: 140%;
+		font-weight: bold;
+	}
+
+	.cs-menu {
+		margin-bottom: 12px;
+	} 
+
+	.scheme-main {
+		--menu-item-padding:8px;
+		--menucolor:#ff00ff;
+		--menu-background: #c3c3c3;
+		--menu-item-border: 1px;
+		--menu-gap:0;
+	}
+
+	.scheme-main li:hover {
+		--menucolor:#ffff00;
+		--menu-background: #efefef;
+	}
+
+	.scheme-plain {
+		--menu-item-border: 1px;
+	}
+
+	#test1 {
+		--menu-item-border: 0 12px 0 0;
+		--menu-gap:4px;
+	}
 	</style>
 </head>
 <body>
@@ -56,6 +56,92 @@
 <div class="cs-title">
 Menu Testing
 </div>
+<div id="menu" class="cs-menu">
+<ul class="menu"><li><a href="sample1-1.html" class="menu_sample1-1"><b></b><span>sectetur ad</span></a><ul class="submenu"><li><a href="sample1-2.html" class="menu_sample1-2"><b></b><span>etur adipisicing</span></a><ul class="submenu"><li><a href="sample1-3.html" class="menu_sample1-3"><b></b><span>ipsum dolor si</span></a></li>
+<li><a href="sample2-3.html" class="menu_sample2-3"><b></b><span>sum dolor </span></a></li>
+<li><a href="sample3-3.html" class="menu_sample3-3"><b></b><span>orem ipsum dol</span></a></li>
+</ul></li>
+<li><a href="sample2-2.html" class="menu_sample2-2"><b></b><span>consectet</span></a></li>
+<li><a href="sample3-2.html" class="menu_sample3-2"><b></b><span>ipsum dolor sit</span></a><ul class="submenu"><li><a href="sample1-3.html" class="menu_sample1-3"><b></b><span> consectetu</span></a></li>
+<li><a href="sample2-3.html" class="menu_sample2-3"><b></b><span>psum dolor</span></a></li>
+<li><a href="sample3-3.html" class="menu_sample3-3"><b></b><span>sum dolor sit am</span></a></li>
+<li><a href="sample4-3.html" class="menu_sample4-3"><b></b><span> consectetur a</span></a></li>
+<li><a href="sample5-3.html" class="menu_sample5-3"><b></b><span>sum dolor si</span></a></li>
+</ul></li>
+</ul></li>
+<li><a href="sample2-1.html" class="menu_sample2-1"><b></b><span>etur adi</span></a></li>
+<li><a href="sample3-1.html" class="menu_sample3-1"><b></b><span>amet, co</span></a><ul class="submenu"><li><a href="sample1-2.html" class="menu_sample1-2"><b></b><span>met, conse</span></a><ul class="submenu"><li><a href="sample1-3.html" class="menu_sample1-3"><b></b><span>nsectetur </span></a></li>
+<li><a href="sample2-3.html" class="menu_sample2-3"><b></b><span>et, consectetu</span></a></li>
+<li><a href="sample3-3.html" class="menu_sample3-3"><b></b><span>it amet, </span></a></li>
+<li><a href="sample4-3.html" class="menu_sample4-3"><b></b><span>psum dolor sit</span></a></li>
+<li><a href="sample5-3.html" class="menu_sample5-3"><b></b><span> amet, c</span></a></li>
+</ul></li>
+<li><a href="sample2-2.html" class="menu_sample2-2"><b></b><span>it amet, </span></a></li>
+<li><a href="sample3-2.html" class="menu_sample3-2"><b></b><span>ipsum do</span></a><ul class="submenu"><li><a href="sample1-3.html" class="menu_sample1-3"><b></b><span>em ipsum do</span></a></li>
+<li><a href="sample2-3.html" class="menu_sample2-3"><b></b><span>or sit amet</span></a></li>
+<li><a href="sample3-3.html" class="menu_sample3-3"><b></b><span>Lorem ipsum</span></a></li>
+<li><a href="sample4-3.html" class="menu_sample4-3"><b></b><span>olor sit</span></a></li>
+</ul></li>
+<li><a href="sample4-2.html" class="menu_sample4-2"><b></b><span>em ipsum dolor s</span></a></li>
+<li><a href="sample5-2.html" class="menu_sample5-2"><b></b><span>, consectetur </span></a><ul class="submenu"><li><a href="sample1-3.html" class="menu_sample1-3"><b></b><span> consectetur ad</span></a></li>
+<li><a href="sample2-3.html" class="menu_sample2-3"><b></b><span>Lorem ipsum</span></a></li>
+<li><a href="sample3-3.html" class="menu_sample3-3"><b></b><span> sit amet, co</span></a></li>
+<li><a href="sample4-3.html" class="menu_sample4-3"><b></b><span>sectetur </span></a></li>
+<li><a href="sample5-3.html" class="menu_sample5-3"><b></b><span> amet, consectet</span></a></li>
+</ul></li>
+</ul></li>
+<li><a href="sample4-1.html" class="menu_sample4-1"><b></b><span>met, consecte</span></a></li>
+<li><a href="sample5-1.html" class="menu_sample5-1"><b></b><span> amet, consec</span></a><ul class="submenu"><li><a href="sample1-2.html" class="menu_sample1-2"><b></b><span>t amet, c</span></a><ul class="submenu"><li><a href="sample1-3.html" class="menu_sample1-3"><b></b><span>m ipsum d</span></a></li>
+<li><a href="sample2-3.html" class="menu_sample2-3"><b></b><span>psum dol</span></a></li>
+<li><a href="sample3-3.html" class="menu_sample3-3"><b></b><span> amet, consect</span></a></li>
+</ul></li>
+<li><a href="sample2-2.html" class="menu_sample2-2"><b></b><span>em ipsum dolo</span></a></li>
+<li><a href="sample3-2.html" class="menu_sample3-2"><b></b><span>ctetur adipi</span></a><ul class="submenu"><li><a href="sample1-3.html" class="menu_sample1-3"><b></b><span>r sit amet, cons</span></a></li>
+<li><a href="sample2-3.html" class="menu_sample2-3"><b></b><span>onsectetur </span></a></li>
+<li><a href="sample3-3.html" class="menu_sample3-3"><b></b><span>tetur adipisi</span></a></li>
+<li><a href="sample4-3.html" class="menu_sample4-3"><b></b><span>etur adipis</span></a></li>
+<li><a href="sample5-3.html" class="menu_sample5-3"><b></b><span> ipsum do</span></a></li>
+</ul></li>
+<li><a href="sample4-2.html" class="menu_sample4-2"><b></b><span>ectetur adipis</span></a></li>
+<li><a href="sample5-2.html" class="menu_sample5-2"><b></b><span>met, conse</span></a><ul class="submenu"><li><a href="sample1-3.html" class="menu_sample1-3"><b></b><span>psum dolor sit </span></a></li>
+<li><a href="sample2-3.html" class="menu_sample2-3"><b></b><span>psum dolor sit a</span></a></li>
+<li><a href="sample3-3.html" class="menu_sample3-3"><b></b><span>met, consectetur</span></a></li>
+<li><a href="sample4-3.html" class="menu_sample4-3"><b></b><span>it amet, </span></a></li>
+</ul></li>
+</ul></li>
+<li><a href="sample6-1.html" class="menu_sample6-1"><b></b><span>it amet, consect</span></a></li>
+<li><a href="sample7-1.html" class="menu_sample7-1"><b></b><span>m dolor sit</span></a><ul class="submenu"><li><a href="sample1-2.html" class="menu_sample1-2"><b></b><span> dolor sit ame</span></a><ul class="submenu"><li><a href="sample1-3.html" class="menu_sample1-3"><b></b><span> dolor sit a</span></a></li>
+<li><a href="sample2-3.html" class="menu_sample2-3"><b></b><span>m ipsum </span></a></li>
+<li><a href="sample3-3.html" class="menu_sample3-3"><b></b><span>t, consectetur a</span></a></li>
+<li><a href="sample4-3.html" class="menu_sample4-3"><b></b><span>t, consectetur </span></a></li>
+<li><a href="sample5-3.html" class="menu_sample5-3"><b></b><span>or sit amet, con</span></a></li>
+</ul></li>
+<li><a href="sample2-2.html" class="menu_sample2-2"><b></b><span>m ipsum dolor si</span></a></li>
+<li><a href="sample3-2.html" class="menu_sample3-2"><b></b><span>ctetur adi</span></a><ul class="submenu"><li><a href="sample1-3.html" class="menu_sample1-3"><b></b><span>ctetur ad</span></a></li>
+<li><a href="sample2-3.html" class="menu_sample2-3"><b></b><span>t, conse</span></a></li>
+<li><a href="sample3-3.html" class="menu_sample3-3"><b></b><span>em ipsum d</span></a></li>
+<li><a href="sample4-3.html" class="menu_sample4-3"><b></b><span>it amet, con</span></a></li>
+<li><a href="sample5-3.html" class="menu_sample5-3"><b></b><span>r sit amet,</span></a></li>
+</ul></li>
+<li><a href="sample4-2.html" class="menu_sample4-2"><b></b><span>m dolor </span></a></li>
+<li><a href="sample5-2.html" class="menu_sample5-2"><b></b><span>consectetur adi</span></a><ul class="submenu"><li><a href="sample1-3.html" class="menu_sample1-3"><b></b><span>rem ipsum dolor</span></a></li>
+<li><a href="sample2-3.html" class="menu_sample2-3"><b></b><span>consectet</span></a></li>
+<li><a href="sample3-3.html" class="menu_sample3-3"><b></b><span> dolor sit am</span></a></li>
+<li><a href="sample4-3.html" class="menu_sample4-3"><b></b><span>onsectet</span></a></li>
+</ul></li>
+</ul></li>
+<li><a href="sample8-1.html" class="menu_sample8-1"><b></b><span> consect</span></a></li>
+</ul></div>
+
+<script src="../js/jquery-3.4.1.js"></script>
+<script src="../js/jquery.animateAuto.js"></script>
+<script src="../js/jquery.menu.js"></script>
+
+<script type="text/javascript">
+	$(document).ready(function() {
+		$("#side_menu").menu();
+	});
+</script>
 
 </body>
 </html>
\ No newline at end of file
diff --git a/_assets/_testing/shadows.html b/_assets/_testing/shadows.html
index e2111e6..021a115 100644
--- a/_assets/_testing/shadows.html
+++ b/_assets/_testing/shadows.html
@@ -20,14 +20,14 @@
 		}
 
 		.shadow15 {
-			box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;*/
+			box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
 		}
 	</style>
 </head>
 <body>
 
 
-<div class="shadow shadow0">
+<div class="shadow shadow15">
 
 </div>
 
diff --git a/_assets/_testing/titles.html b/_assets/_testing/titles.html
index ea382b6..e2e7928 100644
--- a/_assets/_testing/titles.html
+++ b/_assets/_testing/titles.html
@@ -3,7 +3,7 @@
 <head>
 	<title>Title and heading font test</title>
 	<link rel="stylesheet" href="../css/reset.css">
-	<link rel="stylesheet" href="../css/title.css">
+	<link rel="stylesheet" href="../css/text.css">
 	<link rel="stylesheet" href="../css/fonts/fonts_local.css">
 	
 	<meta charset="UTF-8">
@@ -19,7 +19,7 @@
 
 		.title {
 			--title-font-size: 140%;
-			font-weight: bold;
+			--title-font-weight: bold;
 		}
 
 		.scheme-crosshead {
@@ -88,7 +88,7 @@ <h3>h3 in cs-title</h3>
 
 		<div class="test-header">These tags should all be styled according to the syles applied to .title</div>
 
-
+			
 		<div class="cs-somethingelese">
 			<div class="title">Title for something else</div>
 			<div class="title"><h1>.title h1 in cs-somethingelese</h1></div>
diff --git a/_assets/css/flickity-fade.css b/_assets/css/flickity-fade.css
new file mode 100644
index 0000000..861e8d2
--- /dev/null
+++ b/_assets/css/flickity-fade.css
@@ -0,0 +1,11 @@
+/* flickity-fade */
+
+.flickity-enabled.is-fade .flickity-slider > * {
+  pointer-events: none;
+  z-index: 0;
+}
+
+.flickity-enabled.is-fade .flickity-slider > .is-selected {
+  pointer-events: auto;
+  z-index: 1;
+}
\ No newline at end of file
diff --git a/_assets/css/flickity.css b/_assets/css/flickity.css
index b5c971b..ee2de31 100644
--- a/_assets/css/flickity.css
+++ b/_assets/css/flickity.css
@@ -1,137 +1,4 @@
-/*! Flickity v2.3.0
+/*! Flickity v3.0.0
 https://flickity.metafizzy.co
 ---------------------------------------------- */
-
-.flickity-enabled {
-  position: relative;
-}
-
-.flickity-enabled:focus { outline: none; }
-
-.flickity-viewport {
-  overflow: hidden;
-  position: relative;
-  height: 100%;
-}
-
-.flickity-slider {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-}
-
-/* draggable */
-
-.flickity-enabled.is-draggable {
-  -webkit-tap-highlight-color: transparent;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-}
-
-.flickity-enabled.is-draggable .flickity-viewport {
-  cursor: move;
-  cursor: -webkit-grab;
-  cursor: grab;
-}
-
-.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
-  cursor: -webkit-grabbing;
-  cursor: grabbing;
-}
-
-/* ---- flickity-button ---- */
-
-.flickity-button {
-  position: absolute;
-  background: hsla(0, 0%, 100%, 0.75);
-  border: none;
-  color: #333;
-}
-
-.flickity-button:hover {
-  background: white;
-  cursor: pointer;
-}
-
-.flickity-button:focus {
-  outline: none;
-  box-shadow: 0 0 0 5px #19F;
-}
-
-.flickity-button:active {
-  opacity: 0.6;
-}
-
-.flickity-button:disabled {
-  opacity: 0.3;
-  cursor: auto;
-  /* prevent disabled button from capturing pointer up event. #716 */
-  pointer-events: none;
-}
-
-.flickity-button-icon {
-  fill: currentColor;
-}
-
-/* ---- previous/next buttons ---- */
-
-.flickity-prev-next-button {
-  top: 50%;
-  width: 44px;
-  height: 44px;
-  border-radius: 50%;
-  /* vertically center */
-  transform: translateY(-50%);
-}
-
-.flickity-prev-next-button.previous { left: 10px; }
-.flickity-prev-next-button.next { right: 10px; }
-/* right to left */
-.flickity-rtl .flickity-prev-next-button.previous {
-  left: auto;
-  right: 10px;
-}
-.flickity-rtl .flickity-prev-next-button.next {
-  right: auto;
-  left: 10px;
-}
-
-.flickity-prev-next-button .flickity-button-icon {
-  position: absolute;
-  left: 20%;
-  top: 20%;
-  width: 60%;
-  height: 60%;
-}
-
-/* ---- page dots ---- */
-
-.flickity-page-dots {
-  position: absolute;
-  width: 100%;
-  bottom: -25px;
-  padding: 0;
-  margin: 0;
-  list-style: none;
-  text-align: center;
-  line-height: 1;
-}
-
-.flickity-rtl .flickity-page-dots { direction: rtl; }
-
-.flickity-page-dots .dot {
-  display: inline-block;
-  width: 10px;
-  height: 10px;
-  margin: 0 8px;
-  background: #333;
-  border-radius: 50%;
-  opacity: 0.25;
-  cursor: pointer;
-}
-
-.flickity-page-dots .dot.is-selected {
-  opacity: 1;
-}
+.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%;touch-action:pan-y}.flickity-slider{position:absolute;width:100%;height:100%;left:0}.flickity-rtl .flickity-slider{left:unset;right:0}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:grabbing}.flickity-cell{position:absolute;left:0}.flickity-rtl .flickity-cell{left:unset;right:0}.flickity-button{position:absolute;background:hsl(0 0% 100% / 75%);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;text-align:center;display:flex;justify-content:center;flex-wrap:wrap}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dot{display:block;width:10px;height:10px;padding:0;margin:0 8px;background:hsl(0 0% 20% / 25%);border-radius:50%;cursor:pointer;appearance:none;border:none;text-indent:-9999px;overflow:hidden}.flickity-rtl .flickity-page-dot{text-indent:9999px}.flickity-page-dot:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-page-dot.is-selected{background:hsl(0 0% 20% / 100%)}
\ No newline at end of file
diff --git a/_assets/css/fonts.css b/_assets/css/fonts.css
new file mode 100644
index 0000000..2d65d7f
--- /dev/null
+++ b/_assets/css/fonts.css
@@ -0,0 +1,26 @@
+:root {
+	--title-font:Arial;
+	--text-font:Verdana;
+	--title-font:var(--text-font);
+	--heading-font:var(--title-font);
+	--font-size:86%;
+	--heading-margin: 0;
+}
+
+body {
+	font-family: var(--text-font);
+	font-size: var(--font-size);
+}
+
+.title, .cs-title {
+	font-family: var(--title-font);	
+}
+
+h1, h2, h3, h4, h5, h6 {
+	font-family: var(--heading-font);
+	margin: var(--heading-margin);
+}
+
+
+
+
diff --git a/_assets/css/fonts/fonts.css b/_assets/css/fonts/fonts.css
index ff2c04d..e3aa21c 100644
--- a/_assets/css/fonts/fonts.css
+++ b/_assets/css/fonts/fonts.css
@@ -1,6 +1,2 @@
 @import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Open+Sans:wght@300&display=swap');
 
-:root {
-	--titlefont:Lato;
-	--bodyfont:Open Sans;
-}
\ No newline at end of file
diff --git a/_assets/css/forms.css b/_assets/css/forms.css
index 2ca660c..f527af3 100644
--- a/_assets/css/forms.css
+++ b/_assets/css/forms.css
@@ -1,5 +1,8 @@
 :root {
 	--border-color:#8f8f8f;
+}
+
+.form {
 	--field-border-color: var(--border-color);
 	--form-stripe-background-color: transparent;
 	--form-label-width: 33%;
@@ -11,7 +14,7 @@
 	--field-checkbox-width:28px;
 	--field-border-width: 1px;
 	--field-border-style:solid;
-	--form-background-color: transparent;
+	--field-background-color: transparent;
 	--form-font:1em inherit;
 	--form-color:inherit;
 }
@@ -156,7 +159,7 @@ td.field input[type=text], td.field input[type=password], td.field textarea, td.
 	border-width: var(--field-border-width);
 	border-style: var(--field-border-style);
 	border-color: var(--field-border-color);
-	background-color: var(--form-background-color);
+	background-color: var(--field-background-color);
 	padding:var(--input-padding);
 	width: 100%;
 }
@@ -164,7 +167,8 @@ td.field input[type=text], td.field input[type=password], td.field textarea, td.
 
 field.checkbox, field.radio {
 	display: grid;
-	grid-template-columns: var(--field-checkbox-width) auto;
+	grid-template-columns: var(--field-checkbox-width) auto ;
+	grid-row-gap: 2px;
 }
 
 
diff --git a/_assets/css/grids.css b/_assets/css/grids.css
index 542858b..2ece0c1 100644
--- a/_assets/css/grids.css
+++ b/_assets/css/grids.css
@@ -1,45 +1,36 @@
 /* Static CSS for new var style grid styling */
 
 :root {
-	--mingridcol: 200px;
-	--gridgap: 10px;
-	--gridrowgap: var(--gridgap);
-	--cols: 3;
-	--fill: auto-fit;
+	--grid-gap:0;
+	--grid-fit:auto-fit;
+	--grid-width:180px;
+	--grid-max-width:1fr;
+	--grid-max-height:auto;
+	--grid-columns:2;
+	--flex-direction:row;
+	--justify-content:flex-start;
+	--align-items:center;
+	--align-content:flex-start;/* alignment for multiple rows */
+	--flex-stretch:0;/* treat as boolean */
+	--flex-wrap: wrap;
 }
 
-.scheme-grid {
-	display:grid;
-	grid-template-columns: repeat(var(--fill), minmax(var(--mingridcol),1fr));
-	grid-gap:var(--gridgap);
-	grid-row-gap: var(--gridrowgap);
-}
-
-/*Set number of columns */
-.scheme-grid-fixedcols {
-	grid-template-columns: repeat(var(--cols), 1fr);
-}
-
-/*Fixed width */
-.scheme-grid-fixed {
-	grid-template-columns:  repeat(auto-fit, var(--mingridcol));
-}
 
-/* Exotica */
-.scheme-grid-test {
-	grid-template-columns: 200px repeat(auto-fit, minmax(var(--mingridcol),1fr)) 300px;
+.cs-grid {
+	display:grid;
+	grid-template-columns: repeat(var(--grid-fit), minmax(var(--grid-width),var(--grid-max-width)));
+	grid-gap:var(--grid-gap);
+	/*grid-row-gap: var(--gridrowgap); too hard -- need to think about how this will work and inherit */
 }
 
 .flex {
 	display: flex;
-	grid-gap:var(--gridgap);
-}
-
-.flex-end {
-	display: flex;
-	justify-content: flex-end;
+	flex-direction: var(--flex-direction);
+	align-items: var(--align-items);
+	justify-content: var(--justify-content);
+	flex-wrap: var(--flex-wrap);
 }
 
-.flex-stretch > div {
-	flex-grow: 1;
+.flex > * {
+	flex-grow: var(--flex-stretch);
 }
\ No newline at end of file
diff --git a/_assets/css/images.css b/_assets/css/images.css
index d2e4fb4..a2aa5b2 100644
--- a/_assets/css/images.css
+++ b/_assets/css/images.css
@@ -3,152 +3,189 @@
 }
 
 .cs-imagegrid {
-	--max-height: 160px;
-  	--max-width:  140px;
+	--image-max-height: auto;
+  	--image-max-width: 100%;
+  	--object-fit: scale-down;
+  	--align-frame:center;/* align items within frame */
+	--justify-frame:start;/* justify content within frame */
+	--align-caption:center;/* align caption */
+	--justify-caption:start;/* justify  caption */
+	--image-grow:0;/* expand image to frame */
+	--frame-flex-direction:column; /* image on top of caption (can reverse) */
+	--transition-time:1s;/* time for rollover transition */
+}
+
+.cs-imagegrid .frame {
+	position: relative;
+	display: flex;
+	flex-direction: var(--frame-flex-direction);
+	padding:8px;
+	align-items: var(--align-frame);
+	justify-content: var(--justify-frame);
 }
 
-figure img {
+.cs-imagegrid .frame img {
 	display: block;
-	max-width: 100%;
-	max-height:100%;
-	width:auto;
-	height: auto;
+	width: 100%;
+	height:100%;
+	object-fit: var(--object-fit);
 }
 
-.cs-image.scheme-box {
-	padding:0 8px 12px 0;
-	margin:0 0 12px 0;
+.cs-imagegrid .image {
+	height: var(--image-max-height);
+	width: var(--image-max-width);
+	flex-grow: var(--image-grow);
+	overflow: hidden;
+	display: flex;
+	flex-direction: column;
+	justify-content: var(--justify-frame);
+	align-items: var(--align-frame);
 }
 
-.cs-image.scheme-box figure {
-	margin-bottom:12px;
+.cs-imagegrid .caption {
+	display: flex;
+	flex-direction: column;
+	padding:2px;
+	align-items: var(--align-caption);
+	justify-content: var(--justify-caption);
+	transition:opacity var(--transition-time);
 }
 
-.cs-image.scheme-box figure img {
-	border:1px solid var(--bordercolor);
-	box-shadow: 4px 4px 4px 0px rgba(156,150,156,0.72);
+.cs-imagegrid .frame:hover .caption {
+	opacity: 1 !important;
 }
 
-.cs-image.left {
-	float:left;
-	margin:0 12px 12px 0;
-}
+.cs-image img {
+	max-width: 100%;
+	height:auto;
 
-.cs-imagegrid.flex .grid {
-	display: flex;
-	flex-direction: row;
-	padding:8px;
-	flex-wrap: wrap;
-	justify-content: space-evenly;
 }
 
-.cs-imagegrid.flex.flex-center .grid {
+.popup {
+	position: fixed;
+	padding:20px;
+	top:0;
+	left:0;
+	background-color: rgba(255,255,255,1);
+	width: 100vw;
+	height: 100vh;
+	display: none;
+	overflow: hidden;
+	align-items: center;
 	justify-content: center;
 }
 
-.cs-imagegrid.flex.flex-between .grid {
-	justify-content: space-between;
+.popup .button {
+	position: fixed;
+	top:6px;
+	right:6px;
+	--icon-width:12px;
+	--icon-height:12px;
 }
 
-.cs-imagegrid.flex.flex-start .grid {
-	justify-content: flex-start;
+.popup img {
+	margin:0 auto;
+	box-shadow: 10px 10px 15px -4px rgba(0,0,0,0.72);
 }
 
-.cs-imagegrid.flex.flex-end .grid {
-	justify-content: flex-end;
+.popup .button:hover {
+	stroke:#ff00ff;
+	fill:#ff00ff;
+	color:#ff00ff;
 }
 
-.cs-imagegrid.flex.flex-around .grid {
-	justify-content: space-around;
+.closeButton.button {
+	--label-display:none;
 }
 
-.cs-imagegrid.maxheight figure img {
-	object-fit:contain;
+.nextButton.button{
+	top:40%;
+	--button-align:flex-start; 
+	--button-direction: row-reverse;
+	right:60x;
+	
+}
+.previousButton.button{
+	right:unset;
+	top:40%;
+	left:60x;
 }
 
-.cs-imagegrid.crop figure img {
-	width:100%;
-	height:100%;
-	object-fit:cover;
-	display: block;
+.popup_image {
+	width: 100%;
+	height: 100%;
 }
 
-.cs-imagegrid.scheme-test figure img  {
-	padding:0 0 6px 0;
+
+/*
+
+.cs-image.scheme-box {
+	padding:0 8px 12px 0;
+	margin:0 0 12px 0;
 }
 
-.cs-imagegrid.scheme-test figure:hover img {
-	border-bottom:2px solid #ff00ff;
-	padding:0 0 4px 0;
+.cs-image.scheme-box .frame {
+	margin-bottom:12px;
 }
 
-.cs-imagegrid figure {
-	display: flex;
-	flex-direction: column;
-	padding:8px;
+.cs-image.scheme-box .frame img {
+	border:1px solid var(--bordercolor);
+	box-shadow: 4px 4px 4px 0px rgba(156,150,156,0.72);
 }
 
-.cs-imagegrid.masonry figure {
-	width:  var(--max-width, 33%);
-	display: block;
+.cs-image.scheme-left {
+	float:left;
+	margin:0 12px 12px 0;
 }
 
-/*
-.cs-imagegrid.crop figure {
-	display: block;
-	
-}*/
+.cs-imagegrid.scheme-test .frame img  {
+	padding:0 0 6px 0;
+}
 
-.cs-imagegrid figure img {
-	flex-shrink: 0;
-	flex-grow: 0;
+.cs-imagegrid.scheme-test .frame:hover img {
+	border-bottom:2px solid #ff00ff;
+	padding:0 0 4px 0;
 }
 
-.cs-imagegrid.img_centerh figure {
+
+.cs-imagegrid.img_centerh .frame {
 	align-items: center;
 }
 
-.cs-imagegrid.img_centerv figure {
+.cs-imagegrid.img_centerv .frame {
 	justify-content: center;
 }
 
-.cs-imagegrid.img_topv figure {
+.cs-imagegrid.img_topv .frame {
 	justify-content: flex-start;
 }
 
-.cs-imagegrid.img_bottomv figure {
+.cs-imagegrid.img_bottomv .frame {
 	justify-content: flex-end;
 }
 
-/* auto-fit is an option here */
-.cs-imagegrid .grid  {
-	display:grid;
-	grid-template-columns: repeat(auto-fill, minmax(var(--max-width, 240px),1fr));
-	grid-gap:4px;
+.cs-imagegrid.caption_top  .frame {
+	flex-direction: column-reverse;
 }
-
-.cs-imagegrid.masonry .grid {
-	display:block;
+.cs-imagegrid.caption_bottom .image, .cs-imagegrid.caption_top .image {
+	flex-grow: 1;
 }
 
-
-.cs-imagegrid.fit  .grid {
-	grid-template-columns: repeat(auto-fit, var(--max-width));
-}
-
-
-.cs-imagegrid figure {
-	position: relative;
+.cs-imagegrid.caption_overlay  .frame {
+	
 }
 
-.cs-imagegrid.crop figure img {
-	max-height: var(--max-height);
-	overflow: hidden;
+.cs-imagegrid.caption_overlay  .caption {
+	position: absolute;
+	top:0;
+	left:0;
+	width: 100%;
+	height: 100%;
+	opacity: 0;
 }
 
-
-.cs-imagegrid.maxheight figure img {
-	max-height: var(--max-height);
+.cs-imagegrid.caption_overlay .frame:hover .caption {
+	opacity: 1;
 }
 
 
@@ -211,3 +248,5 @@ figure img {
 .scheme-overlay figure:hover figcaption {
 	opacity: 1;
 }
+
+*/
diff --git a/_assets/css/jBox.all.css b/_assets/css/jBox.all.css
new file mode 100644
index 0000000..8602347
--- /dev/null
+++ b/_assets/css/jBox.all.css
@@ -0,0 +1,1251 @@
+.jBox-wrapper {
+  text-align: left;
+  box-sizing: border-box;
+}
+
+.jBox-title,
+.jBox-content,
+.jBox-container {
+  position: relative;
+  word-break: break-word;
+  box-sizing: border-box;
+}
+
+.jBox-container {
+  background: #fff;
+}
+
+.jBox-content {
+  padding: 8px 12px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  transition: opacity .2s;
+}
+
+.jBox-footer {
+  box-sizing: border-box;
+}
+
+.jBox-Tooltip .jBox-container,
+.jBox-Mouse .jBox-container {
+  border-radius: 4px;
+  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
+}
+
+.jBox-Tooltip .jBox-title,
+.jBox-Mouse .jBox-title {
+  padding: 8px 10px 0;
+  font-weight: bold;
+}
+
+.jBox-Tooltip.jBox-hasTitle .jBox-content,
+.jBox-Mouse.jBox-hasTitle .jBox-content {
+  padding-top: 5px;
+}
+
+.jBox-Mouse {
+  pointer-events: none;
+}
+
+.jBox-pointer {
+  position: absolute;
+  overflow: hidden;
+  box-sizing: border-box;
+}
+
+.jBox-pointer:after {
+  content: '';
+  width: 20px;
+  height: 20px;
+  position: absolute;
+  background: #fff;
+  transform: rotate(45deg);
+  box-sizing: border-box;
+}
+
+.jBox-pointer-top {
+  top: 0;
+}
+
+.jBox-pointer-top:after {
+  left: 5px;
+  top: 6px;
+  box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.15);
+}
+
+.jBox-pointer-right {
+  right: 0;
+}
+
+.jBox-pointer-right:after {
+  top: 5px;
+  right: 6px;
+  box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.15);
+}
+
+.jBox-pointer-left {
+  left: 0;
+}
+
+.jBox-pointer-left:after {
+  top: 5px;
+  left: 6px;
+  box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.15);
+}
+
+.jBox-pointer-bottom {
+  bottom: 0;
+}
+
+.jBox-pointer-bottom:after {
+  left: 5px;
+  bottom: 6px;
+  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
+}
+
+.jBox-pointer-top, .jBox-pointer-bottom {
+  width: 30px;
+  height: 12px;
+}
+
+.jBox-pointer-left, .jBox-pointer-right {
+  width: 12px;
+  height: 30px;
+}
+
+.jBox-Modal .jBox-container {
+  border-radius: 4px;
+}
+
+.jBox-Modal .jBox-container, .jBox-Modal.jBox-closeButton-box:before {
+  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.4), 0 0 5px rgba(0, 0, 0, 0.4);
+}
+
+.jBox-Modal .jBox-content {
+  padding: 15px 20px;
+}
+
+.jBox-Modal .jBox-title {
+  border-radius: 4px 4px 0 0;
+  padding: 15px 20px;
+  background: #fafafa;
+  border-bottom: 1px solid #eee;
+}
+
+.jBox-Modal.jBox-closeButton-title .jBox-title {
+  padding-right: 65px;
+}
+
+.jBox-Modal .jBox-footer {
+  border-radius: 0 0 4px 4px;
+}
+
+.jBox-closeButton {
+  z-index: 1;
+  cursor: pointer;
+  position: absolute;
+  box-sizing: border-box;
+}
+
+.jBox-closeButton svg {
+  position: absolute;
+  top: 50%;
+  right: 50%;
+}
+
+.jBox-closeButton path {
+  fill: #aaa;
+  transition: fill .2s;
+}
+
+.jBox-closeButton:hover path {
+  fill: #888;
+}
+
+.jBox-overlay .jBox-closeButton {
+  top: 0;
+  right: 0;
+  width: 40px;
+  height: 40px;
+}
+
+.jBox-overlay .jBox-closeButton svg {
+  width: 20px;
+  height: 20px;
+  margin-top: -10px;
+  margin-right: -10px;
+}
+
+.jBox-overlay .jBox-closeButton path {
+  fill: #ddd;
+}
+
+.jBox-overlay .jBox-closeButton:hover path {
+  fill: #fff;
+}
+
+.jBox-closeButton-title .jBox-closeButton {
+  top: 0;
+  right: 0;
+  bottom: 0;
+  width: 50px;
+}
+
+.jBox-closeButton-title svg {
+  width: 12px;
+  height: 12px;
+  margin-top: -6px;
+  margin-right: -6px;
+}
+
+.jBox-closeButton-box {
+  box-sizing: border-box;
+}
+
+.jBox-closeButton-box .jBox-closeButton {
+  top: -8px;
+  right: -10px;
+  width: 24px;
+  height: 24px;
+  background: #fff;
+  border-radius: 50%;
+}
+
+.jBox-closeButton-box .jBox-closeButton svg {
+  width: 10px;
+  height: 10px;
+  margin-top: -5px;
+  margin-right: -5px;
+}
+
+.jBox-closeButton-box:before {
+  content: '';
+  position: absolute;
+  top: -8px;
+  right: -10px;
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
+}
+
+.jBox-closeButton-box.jBox-pointerPosition-top:before {
+  top: 5px;
+}
+
+.jBox-closeButton-box.jBox-pointerPosition-right:before {
+  right: 2px;
+}
+
+.jBox-Modal.jBox-hasTitle.jBox-closeButton-box .jBox-closeButton {
+  background: #fafafa;
+}
+
+.jBox-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.82);
+}
+
+.jBox-footer {
+  background: #fafafa;
+  border-top: 1px solid #eee;
+  padding: 8px 10px;
+  border-radius: 0 0 3px 3px;
+}
+
+body[class^="jBox-blockScroll-"],
+body[class*=" jBox-blockScroll-"] {
+  overflow: hidden;
+}
+
+.jBox-draggable {
+  cursor: move;
+}
+
+@keyframes jBoxLoading {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.jBox-loading .jBox-content {
+  opacity: .2;
+}
+
+.jBox-loading-spinner .jBox-content {
+  min-height: 38px !important;
+  min-width: 38px !important;
+  opacity: 0;
+}
+
+.jBox-spinner {
+  box-sizing: border-box;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 24px;
+  height: 24px;
+  margin-top: -12px;
+  margin-left: -12px;
+}
+
+.jBox-spinner:before {
+  display: block;
+  box-sizing: border-box;
+  content: '';
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  border: 2px solid rgba(0, 0, 0, 0.2);
+  border-top-color: rgba(0, 0, 0, 0.8);
+  animation: jBoxLoading .6s linear infinite;
+}
+
+.jBox-countdown {
+  border-radius: 4px 4px 0 0;
+  z-index: 0;
+  background: #000;
+  opacity: .2;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 3px;
+  overflow: hidden;
+}
+
+.jBox-countdown-inner {
+  top: 0;
+  right: 0;
+  width: 100%;
+  height: 3px;
+  position: absolute;
+  background: #fff;
+}
+
+[class^="jBox-animated-"],
+[class*=" jBox-animated-"] {
+  animation-fill-mode: both;
+}
+
+@keyframes jBox-tada {
+  0% {
+    transform: scale(1);
+  }
+  10%,
+  20% {
+    transform: scale(0.8) rotate(-4deg);
+  }
+  30%,
+  50%,
+  70%,
+  90% {
+    transform: scale(1.2) rotate(4deg);
+  }
+  40%,
+  60%,
+  80% {
+    transform: scale(1.2) rotate(-4deg);
+  }
+  100% {
+    transform: scale(1) rotate(0);
+  }
+}
+
+.jBox-animated-tada {
+  animation: jBox-tada 1s;
+}
+
+@keyframes jBox-tadaSmall {
+  0% {
+    transform: scale(1);
+  }
+  10%,
+  20% {
+    transform: scale(0.9) rotate(-2deg);
+  }
+  30%,
+  50%,
+  70%,
+  90% {
+    transform: scale(1.1) rotate(2deg);
+  }
+  40%,
+  60%,
+  80% {
+    transform: scale(1.1) rotate(-2deg);
+  }
+  100% {
+    transform: scale(1) rotate(0);
+  }
+}
+
+.jBox-animated-tadaSmall {
+  animation: jBox-tadaSmall 1s;
+}
+
+@keyframes jBox-flash {
+  0%,
+  50%,
+  100% {
+    opacity: 1;
+  }
+  25%,
+  75% {
+    opacity: 0;
+  }
+}
+
+.jBox-animated-flash {
+  animation: jBox-flash .5s;
+}
+
+@keyframes jBox-shake {
+  0%,
+  100% {
+    transform: translateX(0);
+  }
+  20%,
+  60% {
+    transform: translateX(-6px);
+  }
+  40%,
+  80% {
+    transform: translateX(6px);
+  }
+}
+
+.jBox-animated-shake {
+  animation: jBox-shake .4s;
+}
+
+@keyframes jBox-pulseUp {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.15);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+
+.jBox-animated-pulseUp {
+  animation: jBox-pulseUp .25s;
+}
+
+@keyframes jBox-pulseDown {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(0.85);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+
+.jBox-animated-pulseDown {
+  animation: jBox-pulseDown .25s;
+}
+
+@keyframes jBox-popIn {
+  0% {
+    transform: scale(0);
+  }
+  50% {
+    transform: scale(1.1);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+
+.jBox-animated-popIn {
+  animation: jBox-popIn .25s;
+}
+
+@keyframes jBox-popOut {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.1);
+  }
+  100% {
+    transform: scale(0);
+  }
+}
+
+.jBox-animated-popOut {
+  animation: jBox-popOut .25s;
+}
+
+@keyframes jBox-fadeIn {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+.jBox-animated-fadeIn {
+  animation: jBox-fadeIn .2s;
+}
+
+@keyframes jBox-fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+
+.jBox-animated-fadeOut {
+  animation: jBox-fadeOut .2s;
+}
+
+@keyframes jBox-slideUp {
+  0% {
+    transform: translateY(0);
+  }
+  100% {
+    transform: translateY(-300px);
+    opacity: 0;
+  }
+}
+
+.jBox-animated-slideUp {
+  animation: jBox-slideUp .4s;
+}
+
+@keyframes jBox-slideRight {
+  0% {
+    transform: translateX(0);
+  }
+  100% {
+    transform: translateX(300px);
+    opacity: 0;
+  }
+}
+
+.jBox-animated-slideRight {
+  animation: jBox-slideRight .4s;
+}
+
+@keyframes jBox-slideDown {
+  0% {
+    transform: translateY(0);
+  }
+  100% {
+    transform: translateY(300px);
+    opacity: 0;
+  }
+}
+
+.jBox-animated-slideDown {
+  animation: jBox-slideDown .4s;
+}
+
+@keyframes jBox-slideLeft {
+  0% {
+    transform: translateX(0);
+  }
+  100% {
+    transform: translateX(-300px);
+    opacity: 0;
+  }
+}
+
+.jBox-animated-slideLeft {
+  animation: jBox-slideLeft .4s;
+}
+
+.jBox-Confirm .jBox-content {
+  text-align: center;
+  padding: 46px 35px;
+}
+
+@media (max-width: 500px) {
+  .jBox-Confirm .jBox-content {
+    padding: 32px 20px;
+  }
+}
+
+.jBox-Confirm-footer {
+  height: 46px;
+}
+
+.jBox-Confirm-button {
+  display: block;
+  float: left;
+  cursor: pointer;
+  text-align: center;
+  width: 50%;
+  line-height: 46px;
+  height: 46px;
+  overflow: hidden;
+  padding: 0 10px;
+  transition: color .2s, background-color .2s;
+  box-sizing: border-box;
+}
+
+.jBox-Confirm-button-cancel {
+  border-bottom-left-radius: 4px;
+  background: #ddd;
+  color: #666;
+}
+
+.jBox-Confirm-button-cancel:hover, .jBox-Confirm-button-cancel:active {
+  background: #ccc;
+}
+
+.jBox-Confirm-button-cancel:active {
+  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
+}
+
+.jBox-Confirm-button-submit {
+  border-bottom-right-radius: 4px;
+  background: #7d0;
+  color: #fff;
+}
+
+.jBox-Confirm-button-submit:hover, .jBox-Confirm-button-submit:active {
+  background: #6c0;
+}
+
+.jBox-Confirm-button-submit:active {
+  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
+}
+
+.jBox-Image .jBox-container {
+  background-color: transparent;
+}
+
+.jBox-Image .jBox-content {
+  padding: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.jBox-image-container {
+  background: center center no-repeat;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+}
+
+.jBox-image-label-wrapper {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  right: 0;
+  height: 40px;
+  z-index: 100;
+  display: flex;
+}
+
+.jBox-image-label-container {
+  position: relative;
+  flex: 1;
+}
+
+.jBox-image-label {
+  box-sizing: border-box;
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  text-align: center;
+  color: #fff;
+  padding: 8px 12px;
+  font-size: 15px;
+  line-height: 24px;
+  transition: opacity .36s;
+  opacity: 0;
+  z-index: 0;
+  pointer-events: none;
+}
+
+.jBox-image-label.expanded {
+  background: #000;
+}
+
+.jBox-image-label:not(.expanded) {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.jBox-image-label.active {
+  opacity: 1;
+  pointer-events: all;
+}
+
+@media (max-width: 600px) {
+  .jBox-image-label {
+    font-size: 13px;
+  }
+}
+
+.jBox-image-pointer-next,
+.jBox-image-pointer-prev {
+  flex-shrink: 0;
+  width: 40px;
+  height: 40px;
+  cursor: pointer;
+  opacity: .8;
+  transition: opacity .2s;
+  background: no-repeat center center url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ijc0LjcgMjI0IDE4LjcgMzIiPg0KPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTkzLDIyNy40TDgwLjQsMjQwTDkzLDI1Mi42YzAuNCwwLjQsMC40LDEuMSwwLDEuNWwtMS42LDEuNmMtMC40LDAuNC0xLDAuNS0xLjUsMEw3NSwyNDAuN2MtMC40LTAuNC0wLjUtMSwwLTEuNWwxNC45LTE0LjljMC40LTAuNCwxLTAuNCwxLjUsMGwxLjYsMS42QzkzLjUsMjI2LjQsOTMuNCwyMjcsOTMsMjI3LjR6Ii8+DQo8L3N2Zz4=);
+  background-size: 11px auto;
+  user-select: none;
+  z-index: 1;
+}
+
+.jBox-image-pointer-next:hover,
+.jBox-image-pointer-prev:hover {
+  opacity: 1;
+}
+
+.jBox-image-pointer-next {
+  transform: scaleX(-1);
+}
+
+.jBox-image-counter-container {
+  flex-shrink: 0;
+  white-space: nowrap;
+  height: 40px;
+  line-height: 40px;
+  font-size: 13px;
+  color: #fff;
+  text-align: right;
+  display: none;
+}
+
+.jBox-image-has-counter .jBox-image-counter-container {
+  display: block;
+}
+
+.jBox-overlay.jBox-overlay-Image {
+  background: #000;
+}
+
+.jBox-image-not-found {
+  background: #000;
+}
+
+.jBox-image-not-found:before {
+  content: '';
+  box-sizing: border-box;
+  display: block;
+  width: 80px;
+  height: 80px;
+  margin-top: -40px;
+  margin-left: -40px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  border: 5px solid #222;
+  border-radius: 50%;
+}
+
+.jBox-image-not-found:after {
+  content: '';
+  display: block;
+  box-sizing: content-box;
+  z-index: auto;
+  width: 6px;
+  height: 74px;
+  margin-top: -37px;
+  margin-left: -3px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  background: #222;
+  transform: rotateZ(45deg);
+  transform-origin: 50% 50% 0;
+}
+
+.jBox-image-download-button-wrapper {
+  position: absolute;
+  top: -40px;
+  right: 35px;
+  height: 40px;
+  display: flex;
+  cursor: pointer;
+  opacity: .8;
+  transition: opacity .2s;
+}
+
+.jBox-image-download-button-wrapper:hover {
+  opacity: 1;
+}
+
+.jBox-image-download-button-icon {
+  width: 40px;
+  height: 40px;
+  background: center center no-repeat url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNDE2IDI1NnYtMTkyaC0xOTJ2MTkyaC0xNjBsMjU2IDI1NiAyNTYtMjU2aC0xNjB6TTAgNTc2aDY0MHY2NGgtNjQwdi02NHoiPjwvcGF0aD48L3N2Zz4=);
+  background-size: 60%;
+}
+
+.jBox-image-download-button-text {
+  white-space: nowrap;
+  line-height: 40px;
+  padding: 0 10px 0 0;
+  color: #fff;
+  font-size: 14px;
+}
+
+@keyframes jBoxImageLoading {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.jBox-image-loading:before {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 32px;
+  height: 32px;
+  margin-top: -16px;
+  margin-left: -16px;
+  border: 4px solid #333;
+  border-bottom-color: #666;
+  animation: jBoxImageLoading 1.2s linear infinite;
+  border-radius: 50%;
+}
+
+.jBox-Notice {
+  transition: margin .2s;
+}
+
+.jBox-Notice .jBox-container {
+  border-radius: 4px;
+  box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 0 rgba(0, 0, 0, 0.1);
+}
+
+.jBox-Notice .jBox-content {
+  border-radius: 4px;
+  padding: 12px 20px;
+}
+
+@media (max-width: 768px) {
+  .jBox-Notice .jBox-content {
+    padding: 10px 15px;
+  }
+}
+
+@media (max-width: 500px) {
+  .jBox-Notice .jBox-content {
+    padding: 8px 10px;
+  }
+}
+
+.jBox-Notice.jBox-hasTitle .jBox-content {
+  padding-top: 5px;
+}
+
+@media (max-width: 500px) {
+  .jBox-Notice.jBox-hasTitle .jBox-content {
+    padding-top: 0;
+  }
+}
+
+.jBox-Notice.jBox-hasTitle .jBox-title {
+  padding: 12px 20px 0;
+  font-weight: bold;
+}
+
+@media (max-width: 768px) {
+  .jBox-Notice.jBox-hasTitle .jBox-title {
+    padding: 10px 15px 0;
+  }
+}
+
+@media (max-width: 500px) {
+  .jBox-Notice.jBox-hasTitle .jBox-title {
+    padding: 8px 10px 0;
+  }
+}
+
+.jBox-Notice.jBox-closeButton-title .jBox-title {
+  padding-right: 55px;
+}
+
+.jBox-Notice.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton {
+  width: 40px;
+}
+
+.jBox-Notice.jBox-Notice-black .jBox-container {
+  color: #fff;
+  background: #000;
+}
+
+.jBox-Notice.jBox-Notice-black.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton path,
+.jBox-Notice.jBox-Notice-black.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton:hover path {
+  fill: #fff;
+}
+
+.jBox-Notice.jBox-Notice-gray .jBox-container {
+  color: #222;
+  background: #f6f6f6;
+}
+
+.jBox-Notice.jBox-Notice-gray.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton path,
+.jBox-Notice.jBox-Notice-gray.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton:hover path {
+  fill: #222;
+}
+
+.jBox-Notice.jBox-Notice-red .jBox-container {
+  color: #fff;
+  background: #d00;
+}
+
+.jBox-Notice.jBox-Notice-red.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton path,
+.jBox-Notice.jBox-Notice-red.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton:hover path {
+  fill: #fff;
+}
+
+.jBox-Notice.jBox-Notice-green .jBox-container {
+  color: #fff;
+  background: #5d0;
+}
+
+.jBox-Notice.jBox-Notice-green.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton path,
+.jBox-Notice.jBox-Notice-green.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton:hover path {
+  fill: #fff;
+}
+
+.jBox-Notice.jBox-Notice-blue .jBox-container {
+  color: #fff;
+  background: #49d;
+}
+
+.jBox-Notice.jBox-Notice-blue.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton path,
+.jBox-Notice.jBox-Notice-blue.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton:hover path {
+  fill: #fff;
+}
+
+.jBox-Notice.jBox-Notice-yellow .jBox-container {
+  color: #000;
+  background: #fd0;
+}
+
+.jBox-Notice.jBox-Notice-yellow.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton path,
+.jBox-Notice.jBox-Notice-yellow.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton:hover path {
+  fill: #fff;
+}
+
+.jBox-NoticeFancy .jBox-content,
+.jBox-NoticeFancy .jBox-title {
+  padding-left: 25px;
+}
+
+.jBox-NoticeFancy.jBox-Notice-color .jBox-container {
+  color: #fff;
+  background: #000;
+}
+
+.jBox-NoticeFancy.jBox-Notice-color .jBox-container:after {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  width: 8px;
+  border-radius: 4px 0 0 4px;
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
+  background-size: 14px 14px;
+}
+
+.jBox-NoticeFancy.jBox-Notice-black .jBox-container:after,
+.jBox-NoticeFancy.jBox-Notice-gray .jBox-container:after {
+  background-color: #888;
+}
+
+.jBox-NoticeFancy.jBox-Notice-red .jBox-container:after {
+  background-color: #e00;
+}
+
+.jBox-NoticeFancy.jBox-Notice-green .jBox-container:after {
+  background-color: #6c0;
+}
+
+.jBox-NoticeFancy.jBox-Notice-blue .jBox-container:after {
+  background-color: #49d;
+}
+
+.jBox-NoticeFancy.jBox-Notice-yellow .jBox-container:after {
+  background-color: #fb0;
+}
+
+.jBox-NoticeFancy .jBox-countdown {
+  left: 8px;
+  border-radius: 0 4px 0 0;
+}
+
+.jBox-TooltipBorder .jBox-container,
+.jBox-TooltipBorder .jBox-pointer:after {
+  border: 2px solid #49d;
+}
+
+.jBox-TooltipBorder .jBox-pointer:after {
+  width: 22px;
+  height: 22px;
+}
+
+.jBox-TooltipBorder .jBox-pointer-top,
+.jBox-TooltipBorder .jBox-pointer-bottom {
+  width: 34px;
+  height: 13px;
+}
+
+.jBox-TooltipBorder .jBox-pointer-top:after,
+.jBox-TooltipBorder .jBox-pointer-bottom:after {
+  left: 6px;
+}
+
+.jBox-TooltipBorder .jBox-pointer-left,
+.jBox-TooltipBorder .jBox-pointer-right {
+  width: 13px;
+  height: 34px;
+}
+
+.jBox-TooltipBorder .jBox-pointer-left:after,
+.jBox-TooltipBorder .jBox-pointer-right:after {
+  top: 6px;
+}
+
+.jBox-TooltipBorder.jBox-closeButton-box:before {
+  width: 28px;
+  height: 28px;
+  background: #49d;
+}
+
+.jBox-TooltipBorderThick .jBox-container {
+  box-shadow: none;
+  border-radius: 8px;
+  border: 4px solid #ccc;
+}
+
+.jBox-TooltipBorderThick .jBox-pointer:after {
+  box-shadow: none;
+  border: 4px solid #ccc;
+  width: 24px;
+  height: 24px;
+}
+
+.jBox-TooltipBorderThick .jBox-pointer-top,
+.jBox-TooltipBorderThick .jBox-pointer-bottom {
+  width: 38px;
+  height: 13px;
+}
+
+.jBox-TooltipBorderThick .jBox-pointer-left,
+.jBox-TooltipBorderThick .jBox-pointer-right {
+  width: 13px;
+  height: 38px;
+}
+
+.jBox-TooltipBorderThick.jBox-closeButton-box:before {
+  width: 32px;
+  height: 32px;
+  background: #ccc;
+}
+
+.jBox-TooltipDark .jBox-container {
+  border-radius: 4px;
+  background: #000;
+  color: #fff;
+  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
+}
+
+.jBox-TooltipDark .jBox-pointer:after {
+  background: #000;
+}
+
+.jBox-TooltipDark .jBox-closeButton {
+  background: #000;
+}
+
+.jBox-TooltipDark.jBox-closeButton-box:before {
+  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
+}
+
+.jBox-TooltipDark.jBox-closeButton-box .jBox-closeButton path {
+  fill: #ddd;
+}
+
+.jBox-TooltipDark.jBox-closeButton-box .jBox-closeButton:hover path {
+  fill: #fff;
+}
+
+.jBox-TooltipDark.jBox-closeButton-box .jBox-closeButton:active path {
+  fill: #bbb;
+}
+
+.jBox-TooltipError {
+  pointer-events: none;
+}
+
+.jBox-TooltipError .jBox-container {
+  border-radius: 2px;
+  background: #d00;
+  color: #fff;
+  font-weight: bold;
+  font-size: 13px;
+}
+
+.jBox-TooltipError .jBox-content {
+  padding: 0 10px;
+  line-height: 28px;
+}
+
+.jBox-TooltipError .jBox-pointer:after {
+  background: #d00;
+  width: 20px;
+  height: 20px;
+}
+
+.jBox-TooltipError .jBox-pointer-top, .jBox-TooltipError .jBox-pointer-bottom {
+  width: 22px;
+  height: 8px;
+}
+
+.jBox-TooltipError .jBox-pointer-right, .jBox-TooltipError .jBox-pointer-left {
+  width: 8px;
+  height: 22px;
+}
+
+.jBox-TooltipError .jBox-pointer-top:after {
+  left: 1px;
+  top: 6px;
+}
+
+.jBox-TooltipError .jBox-pointer-right:after {
+  top: 1px;
+  right: 6px;
+}
+
+.jBox-TooltipError .jBox-pointer-bottom:after {
+  left: 1px;
+  bottom: 6px;
+}
+
+.jBox-TooltipError .jBox-pointer-left:after {
+  top: 1px;
+  left: 6px;
+}
+
+.jBox-TooltipSmall {
+  pointer-events: none;
+}
+
+.jBox-TooltipSmall .jBox-container {
+  border-radius: 2px;
+}
+
+.jBox-TooltipSmall .jBox-content {
+  padding: 0 10px;
+  line-height: 28px;
+}
+
+.jBox-TooltipSmall .jBox-pointer:after {
+  width: 20px;
+  height: 20px;
+}
+
+.jBox-TooltipSmall .jBox-pointer-top, .jBox-TooltipSmall .jBox-pointer-bottom {
+  width: 22px;
+  height: 8px;
+}
+
+.jBox-TooltipSmall .jBox-pointer-right, .jBox-TooltipSmall .jBox-pointer-left {
+  width: 8px;
+  height: 22px;
+}
+
+.jBox-TooltipSmall .jBox-pointer-top:after {
+  left: 1px;
+  top: 6px;
+}
+
+.jBox-TooltipSmall .jBox-pointer-right:after {
+  top: 1px;
+  right: 6px;
+}
+
+.jBox-TooltipSmall .jBox-pointer-bottom:after {
+  left: 1px;
+  bottom: 6px;
+}
+
+.jBox-TooltipSmall .jBox-pointer-left:after {
+  top: 1px;
+  left: 6px;
+}
+
+.jBox-TooltipSmallGray {
+  pointer-events: none;
+}
+
+.jBox-TooltipSmallGray .jBox-container {
+  font-size: 13px;
+  line-height: 24px;
+  border-radius: 12px;
+  background-image: linear-gradient(to bottom, #fafafa, #f2f2f2);
+}
+
+.jBox-TooltipSmallGray .jBox-content {
+  padding: 0 10px;
+}
+
+.jBox-TooltipSmallGray .jBox-pointer:after {
+  width: 20px;
+  height: 20px;
+}
+
+.jBox-TooltipSmallGray .jBox-pointer-top, .jBox-TooltipSmallGray .jBox-pointer-bottom {
+  width: 22px;
+  height: 8px;
+}
+
+.jBox-TooltipSmallGray .jBox-pointer-left, .jBox-TooltipSmallGray .jBox-pointer-right {
+  width: 8px;
+  height: 22px;
+}
+
+.jBox-TooltipSmallGray .jBox-pointer-top:after {
+  background: #fafafa;
+  left: 1px;
+  top: 6px;
+}
+
+.jBox-TooltipSmallGray .jBox-pointer-right:after {
+  top: 1px;
+  right: 6px;
+}
+
+.jBox-TooltipSmallGray .jBox-pointer-bottom:after {
+  background: #f2f2f2;
+  left: 1px;
+  bottom: 6px;
+}
+
+.jBox-TooltipSmallGray .jBox-pointer-left:after {
+  top: 1px;
+  left: 6px;
+}
+
+/*# sourceMappingURL=jBox.all.css.map */
diff --git a/_assets/css/jquery.mCustomScrollbar.min.css b/_assets/css/jquery.mCustomScrollbar.min.css
new file mode 100644
index 0000000..6cd1177
--- /dev/null
+++ b/_assets/css/jquery.mCustomScrollbar.min.css
@@ -0,0 +1 @@
+.mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}
\ No newline at end of file
diff --git a/_assets/css/layouts.css b/_assets/css/layouts.css
new file mode 100644
index 0000000..a105108
--- /dev/null
+++ b/_assets/css/layouts.css
@@ -0,0 +1,155 @@
+:root {
+	--sitewidth:100%;
+	--inner-width:100%;
+	--inner-margin: 0 auto;
+	--header-fixed-height:0px;
+	--footer-fixed-height:0px;
+	--body-margin-top:0px;
+	--body-margin-bottom:0px;
+	--body-margin-left:0px;
+	--body-margin-right:0px;
+}
+
+#header {grid-area:header;}
+#subcol {grid-area:subcol;}
+#maincol {grid-area:maincol;}
+#xcol {grid-area:xcol;}
+#content {grid-area:content;}
+#content_top {grid-area:content_top;}
+#content_bottom {grid-area:content_bottom;}
+#footer {grid-area:footer;}
+#topnav {grid-area:topnav;}
+#bottomnav {grid-area:bottomnav;}
+#maincol_top {grid-area: maincol_top}
+#maincol_left{grid-area: maincol_left}
+#maincol_right{grid-area: maincol_right}
+#maincol_grid{grid-area: maincol_grid}
+#maincol_bottom{grid-area: maincol_bottom}
+#footer_left{grid-area: footer_left}
+#footer_right{grid-area: footer_right}
+#footer_middle{grid-area: footer_middle}
+
+#header, #topnav, #bottomnav, #xcol, #content, #footer {
+	align-items: stretch;
+}
+
+body {
+	padding-top: calc(var(--header-fixed-height) + var(--body-margin-top));
+	padding-bottom: calc(var(--footer-fixed-height) + var(--body-margin-bottom));
+	padding-left:calc(var(--body-margin-left));
+	padding-right:calc(var(--body-margin-right));
+}
+
+#ubercontainer {
+	position: relative;
+	min-height: 100%;
+	max-width: var(--sitewidth);
+	margin-left:auto;
+	margin-right:auto;
+	display: grid;
+	grid-template-areas: "header" "topnav" "content" "bottomnav" "footer";
+	grid-template-rows: min-content min-content 1fr min-content min-content;
+	grid-gap:0;
+}
+
+div.inner {
+	flex-grow: 1;
+	position: relative;
+}
+
+/* spanning substitute */
+#ubercontainer > div > .inner {
+	max-width: var(--inner-width);
+	margin: var(--inner-margin);
+	min-height: 100%;
+	position: relative;
+}
+
+#content {
+	min-height: 100%;
+	width: 100%;
+}
+
+#content > .inner {
+	display: grid;
+	grid-template-areas: "content_top" "columns" "content_bottom";
+	grid-template-rows: min-content 1fr min-content;
+	grid-gap:0;
+	min-height: 100%;
+}
+
+#columns {
+	min-height: 100%;
+	display: grid;
+	grid-template-areas: "subcol maincol xcol";
+	grid-gap:5px;
+	grid-template-columns: 220px 1fr 140px;
+}
+
+#footer > .inner {
+	display: grid;
+	grid-template-areas: "footer_left footer_middle footer_right" ;
+	grid-template-columns: repeat(3, 1fr);
+}
+
+#maincol {
+	display: grid;
+	grid-template-areas: "maincol_top maincol_top" "maincol_grid maincol_grid" "maincol_left maincol_right" "maincol_bottom maincol_bottom";
+	grid-template-rows: min-content min-content min-content  1fr ;
+	grid-template-columns: repeat(2, 1fr);
+}
+
+#maincol_grid {
+	display: grid;
+	grid-template-columns: repeat(auto-fill, minmax(200px,1fr));
+	grid-gap:10px;
+}
+
+@media screen and (max-width: 800px) {
+	#columns {
+		grid-template-areas: "subcol maincol" "subcol xcol";
+		grid-gap:5px;
+		grid-template-columns: 220px 1fr;
+	}
+
+}
+
+@media screen and (max-width:630px) {
+
+	#columns , #footer > .inner, #maincol, #maincol_grid {
+		display:block;
+	}
+	
+}
+
+/* Legacy mobile and mid stuff */
+.mobile {
+	display:none;
+}
+
+.mid {
+	display:none;
+}
+
+@media screen and (max-width:800px) {
+
+	.mid {
+		display:block;
+	}
+
+	.notmid {
+		display:none;
+	}
+}
+
+@media screen and (max-width:630px) {
+	
+	.mobile {
+		display:block;
+	}
+	.notmobile {
+		display:none;
+	}
+
+}
+
diff --git a/_assets/css/menus.css b/_assets/css/menus.css
index 9eb3c96..d77789e 100644
--- a/_assets/css/menus.css
+++ b/_assets/css/menus.css
@@ -56,7 +56,6 @@ hi      li.hi a
 	/*min-height:100%;*/
 }
 
-
 .cs-menu a, .cs-menu a:hover {
 	white-space: nowrap;
 	color:var(--link-color);
@@ -65,7 +64,6 @@ hi      li.hi a
 	align-items: center;
 	justify-content: center; /* needs formalising. This is the align mechanism as the a tags themselves are now flexboxes */
 	grid-gap: var(--menu-icon-gap);
-	width: 100%;
 	text-decoration: none;
 	padding:var(--menu-item-padding);	
 	color:var(--link-color);
@@ -104,10 +102,11 @@ ul.submenu {
   	min-width:100%;
   	height: 0;
   	overflow: hidden;
-  	/*margin-top:4px; TO DO: menu gap? some sort of var */
+  	grid-template-columns: 1fr;
+	--menu-gap:0px;
 }
 
-ul.submenu.open,ul.submenu.show  {
+ul.submenu.open, ul.submenu.show  {
 	height: auto;
 	overflow: visible;
 }
@@ -139,9 +138,10 @@ ul.submenu.open,ul.submenu.show  {
 
 /* menu icons 
 
-Requires icons.css andnavbuttons.css
+Requires icons.css and navbuttons.css
+
+
 
-turn on with e.g.
 */
 .cs-menu a b  {
 	display: var(--menu-icon-display);
diff --git a/_assets/css/navbuttons.css b/_assets/css/navbuttons.css
index 1dd971f..2b05f4a 100644
--- a/_assets/css/navbuttons.css
+++ b/_assets/css/navbuttons.css
@@ -5,83 +5,82 @@ Buttons get complicated through the problem of <a> tags and inputs.
 Both of these get styled through the browser defaults and reset.
 
 To get around this and preserve inheritance, all buttons need to be wrapped in
-another div which allows us to provide the consistency.
+another div with a class of .button which allows us to provide the consistency.
+
+Styling should be applied to the .button element.
 
 To assign icons we can use icons or svgs. For icons, always use our standard icon vars, see icons.css.
 
+Either way the icon needs a class of "icon".
+
+```
+<div class="button"><a href="#"><i class="icon icon-close"></i><label>Button text</label></a></div>
+
+<div class="button"><input type="submit" value="">Button text
+Button text</div>
+
+<div class="button"><svg class="icon" viewBox="0 0 24 24"><use xlink:href="../images/combined.svg#cart" /><label>Button text</label></svg></div>
+```
+
 # Notes
 
-There is no "width" for a whole button, only the icon. In common with much modern styling the widths
-should be assigned by the containg div through grid or flexbox.
+There is no "width" for a whole button, only the icon. In common with much modern styling, widths
+should be assigned by the containing div through grid or flexbox.
 
 The buttons are always inline-blocks, so always style the surrounding div with grid or flexbox to control
  the whitespace between the them.
 
-# Exmaples
+# Usage
+
+Styling should be applied to `.button` with hover state `.button:hover`
+
+The label itself can also be styles with a selector of `.button label`.
+
+E.g.
 
+```
+.scheme-button.button 
+.scheme-button.button label
+.scheme-button.button:hover label
 
+```
 
 */
 
 :root {
-	--link-color: inherit;
-	--button-border-color:initial;
-	--button-border-width:0px;
-	--button-border-style:solid;
-	--button-background-color: transparent;
-	--button-font:inherit;
 	--icon-width: 32px; /* size of icon */
 	--icon-height: var(--icon-width); /* size of icon */
 	--label-gap: 10px;
-	--button-padding: 8px;
-	--button-label-padding: 4px;
-	--label-display:inline-block;
-	--icon-display:inline-block;
-	--button-display:inline-block;/* reserved */
-	--button-align:center; /* align button contents with panel, e.g when stretch by grid or flexbox */
+	--label-display:inline-block;/* Turn button or label off with inline-block|none */
+	--icon-display:inline-block;/* ---- " ---- */
+	--button-align:center; /* icon valign flex-start|center|flex-end */
+	--button-direction: row;/* row or row reverse to align left or right */
+	--link-color:inherit;
+	--label-align:left;
 }
 
 .button {
-	display: var(--button-display);
+	display: inline-block;
 	cursor: pointer;
-	font-family:var(--button-font);
-	padding: var(--button-padding);
+	position: relative;
 	color:var(--link-color);
 	stroke:var(--link-color);
 	fill:var(--link-color);
-	background-color: var(--button-background-color);
-	border-width: var(--button-border-width);
-	border-color: var(--button-border-color);
-	position: relative;
-	text-align: var(--button-align);
-}
-
-.button.mobile {
-	--button-display:none;
 }
 
-@media screen and (max-width: 630px) {
-	.button.mobile {
-		--button-display:inline-block;
-	}
-}
 .button input {
 	width: 100%;
 }
 
-/* problem with popup labels is that they won't get the bg color */
-.button label {
-	background-color: var(--button-background-color);
-}
-
 .button a, .button a:hover, .button input {
 	display:flex;
 	color:inherit;
 	stroke: inherit;
 	fill:inherit;
-	justify-content: center;
-  	align-content: center;
-
+	justify-content: var(--button-align);
+  	align-items: center;
+  	flex-direction: var(--button-direction);
+  	grid-gap:var(--label-gap);
 }
 
 .button svg {
@@ -94,45 +93,17 @@ The buttons are always inline-blocks, so always style the surrounding div with g
 	display: var(--icon-display);
 	width:var(--icon-width);
 	height:var(--icon-height);
-	
 	line-height:var(--icon-height);
 	font-size: var(--icon-height);
-	
-}
-
-.button .icon + label {
-	margin-left:var(--label-gap);
-}
-.button.right .icon + label {
-	margin-left:0;
-	margin-right:var(--label-gap);
 }
 
 .button label {
 	display:  var(--label-display);
 	line-height: var(--icon-height);
-	padding:var(--button-label-padding);
-	text-align: left;
-}
-
-
-.button.setting-align a {
-	justify-content: flex-start;
-}
-
-.button.right.setting-align a {
-	justify-content: flex-start;
-}
-
-
-.button.right  a {
-	flex-direction: row-reverse;
-}
-
-.button.right label {
-	text-align: right;
+	text-align: var(--label-align);
 }
 
+/** See auto button functionality */
 .button > a:not(:first-child) {
     display: none;
 }
@@ -140,10 +111,12 @@ The buttons are always inline-blocks, so always style the surrounding div with g
 .button.setting-popout{
 	--label-gap:0;
 }
+
 .button.setting-popout a {
 	display: block;
 	position: relative;
 }
+
 .button.setting-popout label {
 	visibility: hidden;
 	position: absolute;
diff --git a/_assets/css/panels.css b/_assets/css/panels.css
index 92d022f..6296a5a 100644
--- a/_assets/css/panels.css
+++ b/_assets/css/panels.css
@@ -1,24 +1,14 @@
-/* Static CSS for new var style grid styling of "items" */
+/* Static CSS for new var style grid styling of "items"
+
+NB I'm sure we can do this with the standard grid functionality
+
+ */
 :root {
 	--item-grid-template-areas: "imageWrap" "title"  "textWrap";
 	--item-grid-template-rows: min-content min-content auto;
-	--item-grid-auto-rows: auto;
 	--item-gridgap: 10px;
 	--item-rowgap: 0px;
-	--item-image-width: 40%;
 	--item-grid-template-columns: 1fr;
-	--item-border-width:0;
-	--item-border-color:transparent;
-	--item-padding:0;
-	--item-title-margin:0;
-	--item-title-padding:0;
-	--item-title-background:none;
-	--item-background:none;
-	--item-image-margin:0;
-	--item-image-padding:0;
-	--item-image-border-width:0;
-	--item-image-border-color:transparent;
-	--item-text-font:inherit;
 }
 
 .imageWrap img {
@@ -28,94 +18,26 @@
 
 .textWrap > p {
 	margin-top:0;
-	font:var(--item-text-font);
 }
 
 .item {
 	display: grid;
-	grid-auto-flow: row;
 	grid-template-areas: var(--item-grid-template-areas);
 	grid-column-gap: var(--item-gridgap);
 	grid-row-gap:  var(--item-rowgap);
 	grid-template-rows: var(--item-grid-template-rows);
 	grid-template-columns:   var(--item-grid-template-columns);
-	grid-auto-rows: var(--item-grid-auto-rows);
-	padding: var(--item-padding);
-	background: var(--item-background);
-}
-
-.item.noimage {
-	--item-grid-template-areas: "title"  "textWrap";
-}
-
-.item.noimage .imageWrap {
-	display: none;
-	--item-grid-template-areas: "title"  "textWrap";
-}
-
-
-
-@media screen and (min-width: 600px) {
-
-	.item.flow {
-		display: block;
-	}
-
-	.item.flow:after {
-	  content: " ";
-	  display: block;
-	  height: 0;
-	  clear: both;
-	  visibility: hidden;
-	  overflow: hidden;
-	}
-
-	.item.flow .imageWrap {
-		float:left;
-		margin-right: var(--item-gridgap);
-		margin-bottom: var(--item-gridgap);
-		width:var(--item-image-width);
-	}
-
-	.item.flow.setting-right .imageWrap {
-		float:right;
-		margin-right: 0;
-		margin-left: var(--item-gridgap);
-	}
-
 }
 
 .item .title {
 	grid-area: title;
-	padding:var(--item-title-padding);
-	margin:var(--item-title-margin);
-	border:var(--item-border-width) solid var(--item-title-border-color);
-	background: var(--item-title-background);
 }
 
 .item .imageWrap {
-	grid-area: imageWrap;
-	padding:var(--item-image-margin);
-}
-
-.item .imageWrap img {
-	padding:var(--item-image-padding);
-	border-width:var(--item-image-border-width);
-	border-style:solid;
-	border-color: var(--item-image-border-color);
+	grid-area: imageWrap;;
 }
 
 .item .textWrap{
 	grid-area: textWrap;
-	padding:var(--item-text-padding);
-	font:var(--item-text-font);
-}
-
-
-
-@media screen and (max-width: 600px) {
-	.item .imageWrap {
-		margin-bottom: var(--item-gridgap);
-	}
 }
 
diff --git a/_assets/css/reset.css b/_assets/css/reset.css
index 2a74561..0d8a638 100644
--- a/_assets/css/reset.css
+++ b/_assets/css/reset.css
@@ -25,8 +25,8 @@ html {
   position:relative;
 }
 body { 
-  height:100%;
   -webkit-font-smoothing: antialiased;
+  min-height:100%;
 }
 
 button, input[type=submit], input[type=button] {
@@ -96,7 +96,7 @@ img {
   position:relative;
 }
 
-.contentsection:after, .container:after, .clearfix:after {
+.contentsection:after, .container:after, .clear:after, .clearfix:after {
   content: " ";
   display: block;
   height: 0;
@@ -107,20 +107,6 @@ img {
 
 /* common elements */
 
-/* These were originally inserted just to get it to behave
-when sizing. They're not a long term solution. I've taken them out and any issues
-with the sizing will need to be resolved properly */
-
-/*#footer {
-  overflow:hidden;
-}
-
-#header {
-  overflow:hidden;
-  margin-top:0 !important;
-}
-*/
-
 img {
   display:block;
 }
@@ -185,5 +171,8 @@ a:hover {
 	color: inherit;
 }
 
-
-
+/* Use inner divs to stop a host of issues like margin expanding etc */
+div.inner {
+  position: relative;
+  height:100%;
+}
diff --git a/_assets/css/schemes/grid-schemes.css b/_assets/css/schemes/grid-schemes.css
new file mode 100644
index 0000000..dce10e9
--- /dev/null
+++ b/_assets/css/schemes/grid-schemes.css
@@ -0,0 +1,19 @@
+/*Set number of columns */
+.scheme-grid-fixedcols {
+	grid-template-columns: repeat(var(--grid-columns), 1fr);
+}
+
+/*Fixed width */
+.scheme-grid-fixed {
+	grid-template-columns:  repeat(auto-fit, var(--grid-width));
+}
+
+
+.scheme-stretch > * {
+	--flex-stretch: 1;
+}
+
+/* Exotica */
+.scheme-grid-test {
+	grid-template-columns: 200px repeat(auto-fit, minmax(var(--mingridcol),1fr)) 300px;
+}
diff --git a/_assets/css/schemes/panels-schemes.css b/_assets/css/schemes/panels-schemes.css
index c425457..dc74fe2 100644
--- a/_assets/css/schemes/panels-schemes.css
+++ b/_assets/css/schemes/panels-schemes.css
@@ -10,45 +10,68 @@ There is also a box scheme showing how to pad the content for a boxed look
 
 */
 
-.setting-htop {
+:root {
+	--item-image-width:40%;
+}
+
+.item.setting-htop {
 	--item-grid-template-areas: "title" "imageWrap" "textWrap";
 }
 
-.setting-noimage .imageWrap {
+.item.setting-noimage .imageWrap {
 	display: none;
 }
 
 
 @media screen and (min-width: 600px) {
 
-	.setting-left {
+	.item.setting-flowright, .item.setting-flowleft {
+		display: block;
+	}
+
+	.item.setting-flowright  .imageWrap, .item.setting-flowleft  .imageWrap {
+		float:left;
+		width:var(--item-image-width);
+		margin-bottom:var(--item-gridgap);
+		margin-right:var(--item-gridgap);
+
+	}
+
+	.item.setting-flowright .imageWrap {
+		float:right;
+		margin-right:0;
+		margin-left:var(--item-gridgap);
+	}
+
+
+	.item.setting-left {
 		--item-grid-template-areas: "imageWrap title" "imageWrap textWrap";
 		--item-grid-template-rows: minmax(0, min-content) auto;
 		--item-grid-template-columns: var(--item-image-width) auto;
 	}
 
-	.setting-right {
+	.item.setting-right {
 		--item-grid-template-areas: "title imageWrap" "textWrap imageWrap";
 		--item-grid-template-rows: minmax(0, min-content) auto;
 		--item-grid-template-columns: auto var(--item-image-width);
 	}
 
-	.setting-htop.setting-left {
+	.item.setting-htop.setting-left {
 		--item-grid-template-areas: "title title" "imageWrap textWrap";
 	}
 
-	.setting-htop.setting-right {
+	.item.setting-htop.setting-right {
 		--item-grid-template-areas: "title title" "textWrap imageWrap";
 	}
 
-	.scheme-wide {
+	.item.scheme-wide {
 		--item-image-width: 66%;
 	}
 }
 
 
 @media screen and (max-width: 600px) {
-	.setting-munder {
+	.item.setting-munder {
 		--item-grid-template-areas:  "imageWrap" "title" "textWrap";
 	}
 }
@@ -59,13 +82,16 @@ There is also a box scheme showing how to pad the content for a boxed look
 	--panel-bg:#000000;
 }
 
-.scheme-box {
+.item.scheme-box {
 	--padding:8px;
-	--item-padding:var(--padding);
+	padding:var(--padding);
 	border-radius: 4px;
-	border:1px solid var(--panel-color);
-	--item-title-margin: calc(-1 * var(--padding)) calc(-1 *var(--padding)) var(--padding) calc(-1 *var(--padding));
-	--item-title-padding:var(--padding);
-	--item-title-background: var(--panel-bg);
-	--title-color:var(--panel-color);
+	border:1px solid var(--panel-bg);
+}
+
+.item.scheme-box .title {
+	margin: calc(-1 * var(--padding)) calc(-1 *var(--padding)) var(--padding) calc(-1 *var(--padding));
+	padding:var(--padding);
+	background-color: var(--panel-bg);
+	color:var(--panel-color);
 }
diff --git a/_assets/css/standard.css b/_assets/css/standard.css
new file mode 100644
index 0000000..e69de29
diff --git a/_assets/css/tabs.css b/_assets/css/tabs.css
index d193c49..62c4f61 100644
--- a/_assets/css/tabs.css
+++ b/_assets/css/tabs.css
@@ -59,15 +59,25 @@
 	border-style:solid;
 	border-width:var(--tab-border-width);
 	border-color:var(--tab-border-color);
-	border-top-left-radius: var(--tab-border-radius);
-	border-top-right-radius: var(--tab-border-radius);
 	position: relative;
-	margin-left:-1px;
-	margin-bottom:-1px;
 	z-index: 200;
 	background-color: var(--tab-closed-color);
 }
 
+.cs-tabs:not(.vertical, .accordian) .title {
+	margin-left:-1px;
+	margin-bottom:-1px;
+	border-top-left-radius: var(--tab-border-radius);
+	border-top-right-radius: var(--tab-border-radius);
+}
+
+.cs-tabs.vertical .title, .cs-tabs.accordian .title {
+	border-top-width: 0;
+}
+
+.cs-tabs.vertical .tab:first-of-type .title, .cs-tabs.accordian .tab:first-of-type .title {
+	border-top-width: var(--tab-border-width);
+}
 
 .cs-tabs:not(.vertical, .accordian) .tab:first-of-type .title {
 	margin-left:6px;
@@ -99,14 +109,8 @@
 	margin-left:0px;
 }
 
-
 .tab.state_open .item {
 	visibility: visible;
 	height: auto;
 	display: block;
 }
-
-
-
-
-
diff --git a/_assets/css/text.css b/_assets/css/text.css
index 6b32d68..3cf5698 100644
--- a/_assets/css/text.css
+++ b/_assets/css/text.css
@@ -4,16 +4,38 @@
 
 Getting the inheritance right for this is a bit of a nightmare.
 
-In the end, I went for the maybe inelegant solution of having title fonts and headings fonts
-as separate entities.
+In the end, I went for the maybe inelegant solution of having title fonts and headings fonts as separate entities.
 
 Otherwise there's just too much fiddling around.
 
+## Usage
+
+Define standard vars as so
+
+--text-color:xxx;
+--text-font: xxx;
+--font-size:80%;
+
+Note that just defining a color or font with this name will take care of this.
+
+To set title or heading styling, redfined the VARs. DON'T set the values explicity
+
+E.g.
+
+.scheme-crosshead {
+	--heading-margin:0 0 1em  0;
+	--heading-font: var(--title-font);
+	--heading-font-weight:300;
+	--heading-font-align:center;
+	--heading-color:teal;
+}
+
 */
 :root {
 	--text-color:initial;
 	--text-font: initial;
 	--font-size:100%;
+
 	--title-font:inherit;
 	--title-font-weight:bold;
 	--title-color:inherit;
@@ -36,11 +58,6 @@ Otherwise there's just too much fiddling around.
 	--heading-padding:0;
 	--link-color:inherit;
 
-	--button-border-color:var(--link-color);
-	--button-border-width:1px;
-	--button-background-color: transparent;
-	--button-border-style:solid;
-	--button-padding: 8px;
 }
 
 body {
@@ -75,7 +92,6 @@ a, a:hover, input.button, input.button:hover {
 	color: var(--text-color);
 }
 
-
 h1, h2, h3, h4, h5, h6 {
 	margin: var(--heading-margin);
 	font-family:  var(--heading-font);
@@ -93,6 +109,7 @@ h1, h2, h3, h4, h5, h6 {
 .textWrap, .cs-text {
 	--heading-font: var(--title-font);
 	--heading-margin: 0 0 0.2em 0;
+	--heading-font-weight: bold;
 }
 
 .textWrap h1, .cs-text  h1 {
diff --git a/_assets/images/arrows-fullscreen.svg b/_assets/images/arrows-fullscreen.svg
index dc0acc3..de4386d 100644
--- a/_assets/images/arrows-fullscreen.svg
+++ b/_assets/images/arrows-fullscreen.svg
@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrows-fullscreen" viewBox="0 0 16 16">
-  <path fill-rule="evenodd" d="M5.828 10.172a.5.5 0 0 0-.707 0l-4.096 4.096V11.5a.5.5 0 0 0-1 0v3.975a.5.5 0 0 0 .5.5H4.5a.5.5 0 0 0 0-1H1.732l4.096-4.096a.5.5 0 0 0 0-.707zm4.344 0a.5.5 0 0 1 .707 0l4.096 4.096V11.5a.5.5 0 1 1 1 0v3.975a.5.5 0 0 1-.5.5H11.5a.5.5 0 0 1 0-1h2.768l-4.096-4.096a.5.5 0 0 1 0-.707zm0-4.344a.5.5 0 0 0 .707 0l4.096-4.096V4.5a.5.5 0 1 0 1 0V.525a.5.5 0 0 0-.5-.5H11.5a.5.5 0 0 0 0 1h2.768l-4.096 4.096a.5.5 0 0 0 0 .707zm-4.344 0a.5.5 0 0 1-.707 0L1.025 1.732V4.5a.5.5 0 0 1-1 0V.525a.5.5 0 0 1 .5-.5H4.5a.5.5 0 0 1 0 1H1.732l4.096 4.096a.5.5 0 0 1 0 .707z"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <path id="arrows-fullscreen" fill-rule="evenodd" d="M5.828 10.172a.5.5 0 0 0-.707 0l-4.096 4.096V11.5a.5.5 0 0 0-1 0v3.975a.5.5 0 0 0 .5.5H4.5a.5.5 0 0 0 0-1H1.732l4.096-4.096a.5.5 0 0 0 0-.707zm4.344 0a.5.5 0 0 1 .707 0l4.096 4.096V11.5a.5.5 0 1 1 1 0v3.975a.5.5 0 0 1-.5.5H11.5a.5.5 0 0 1 0-1h2.768l-4.096-4.096a.5.5 0 0 1 0-.707zm0-4.344a.5.5 0 0 0 .707 0l4.096-4.096V4.5a.5.5 0 1 0 1 0V.525a.5.5 0 0 0-.5-.5H11.5a.5.5 0 0 0 0 1h2.768l-4.096 4.096a.5.5 0 0 0 0 .707zm-4.344 0a.5.5 0 0 1-.707 0L1.025 1.732V4.5a.5.5 0 0 1-1 0V.525a.5.5 0 0 1 .5-.5H4.5a.5.5 0 0 1 0 1H1.732l4.096 4.096a.5.5 0 0 1 0 .707z"/>
 </svg>
\ No newline at end of file
diff --git a/_assets/images/buttons.xml b/_assets/images/buttons.xml
index 4f5c4c7..314eb7d 100644
--- a/_assets/images/buttons.xml
+++ b/_assets/images/buttons.xml
@@ -6,5 +6,7 @@
 	<button src="/_assets/images/chevron-right.svg" id="chevron-right" viewBox="0 0 16 16" />
 	<button src="/_assets/images/left_arrow.svg" id="left_arrow" viewBox="0 0 197.4 197.4" />
 	<button src="/_assets/images/right_arrow.svg" id="right_arrow" viewBox="0 0 223.413 223.413" />
-
+	<button src="/_assets/images/menu.svg" id="menu" viewBox="0 0 24 24" />
+	<button src="/_assets/images/close47.svg" id="close" viewBox="0 0 357 357" />
+	
 </buttons>
\ No newline at end of file
diff --git a/_assets/images/menu.svg b/_assets/images/menu.svg
index 412582e..90b4660 100644
--- a/_assets/images/menu.svg
+++ b/_assets/images/menu.svg
@@ -1,3 +1 @@
-<svg version="1.1" viewBox="0 0 32 32"  xmlns="http://www.w3.org/2000/svg">
-	<path id="menu" d="M4,10h24c1.104,0,2-0.896,2-2s-0.896-2-2-2H4C2.896,6,2,6.896,2,8S2.896,10,4,10z M28,14H4c-1.104,0-2,0.896-2,2  s0.896,2,2,2h24c1.104,0,2-0.896,2-2S29.104,14,28,14z M28,22H4c-1.104,0-2,0.896-2,2s0.896,2,2,2h24c1.104,0,2-0.896,2-2  S29.104,22,28,22z"/>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path id="menu" d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg>
\ No newline at end of file
diff --git a/_assets/images/open_in_full.svg b/_assets/images/open_in_full.svg
new file mode 100644
index 0000000..46d728b
--- /dev/null
+++ b/_assets/images/open_in_full.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><g id="open_in_full"><rect fill="none" height="24" width="24"/><polygon points="21,11 21,3 13,3 16.29,6.29 6.29,16.29 3,13 3,21 11,21 7.71,17.71 17.71,7.71"/></g></svg>
\ No newline at end of file
diff --git a/_assets/images/open_in_full_black_24dp.svg b/_assets/images/open_in_full_black_24dp.svg
deleted file mode 100644
index 86df2c5..0000000
--- a/_assets/images/open_in_full_black_24dp.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><rect fill="none" height="24" width="24"/><polygon points="21,11 21,3 13,3 16.29,6.29 6.29,16.29 3,13 3,21 11,21 7.71,17.71 17.71,7.71"/></svg>
\ No newline at end of file
diff --git a/_assets/js/flickity-fade.js b/_assets/js/flickity-fade.js
new file mode 100644
index 0000000..29532e3
--- /dev/null
+++ b/_assets/js/flickity-fade.js
@@ -0,0 +1,248 @@
+/**
+ * Flickity fade v2.0.0
+ * Fade between Flickity slides
+ */
+
+( function( window, factory ) {
+  // universal module definition
+  if ( typeof module == 'object' && module.exports ) {
+    // CommonJS
+    module.exports = factory(
+        require('flickity'),
+        require('fizzy-ui-utils'),
+    );
+  } else {
+    // browser global
+    factory(
+        window.Flickity,
+        window.fizzyUIUtils,
+    );
+  }
+
+}( typeof window != 'undefined' ? window : this, function factory( Flickity, utils ) {
+
+// ---- Slide ---- //
+
+let Slide = Flickity.Slide;
+
+Slide.prototype.renderFadePosition = function() {
+};
+
+Slide.prototype.setOpacity = function( alpha ) {
+  this.cells.forEach( ( cell ) => {
+    cell.element.style.opacity = alpha;
+  } );
+};
+
+// ---- Flickity ---- //
+
+Flickity.create.fade = function() {
+  this.fadeIndex = this.selectedIndex;
+  this.prevSelectedIndex = this.selectedIndex;
+  this.on( 'select', this.onSelectFade );
+  this.on( 'dragEnd', this.onDragEndFade );
+  this.on( 'settle', this.onSettleFade );
+  this.on( 'activate', this.onActivateFade );
+  this.on( 'deactivate', this.onDeactivateFade );
+};
+
+let proto = Flickity.prototype;
+
+let updateSlides = proto.updateSlides;
+proto.updateSlides = function() {
+  updateSlides.apply( this, arguments );
+  if ( !this.options.fade ) return;
+
+  this.slides.forEach( ( slide, i ) => {
+    // position cells at selected target
+    let slideTargetX = slide.target - slide.x;
+    let firstCellX = slide.cells[0].x;
+    slide.cells.forEach( ( cell ) => {
+      let targetX = cell.x - firstCellX - slideTargetX;
+      this._renderCellPosition( cell, targetX );
+    } );
+    // set initial opacity
+    let alpha = i === this.selectedIndex ? 1 : 0;
+    slide.setOpacity( alpha );
+  } );
+};
+
+/* ---- events ---- */
+
+proto.onSelectFade = function() {
+  // in case of resize, keep fadeIndex within current count
+  this.fadeIndex = Math.min( this.prevSelectedIndex, this.slides.length - 1 );
+  this.prevSelectedIndex = this.selectedIndex;
+};
+
+proto.onSettleFade = function() {
+  delete this.didDragEnd;
+  if ( !this.options.fade ) return;
+
+  // set full and 0 opacity on selected & faded slides
+  this.selectedSlide.setOpacity( 1 );
+  let fadedSlide = this.slides[ this.fadeIndex ];
+  if ( fadedSlide && this.fadeIndex !== this.selectedIndex ) {
+    this.slides[ this.fadeIndex ].setOpacity( 0 );
+  }
+};
+
+proto.onDragEndFade = function() {
+  // set flag
+  this.didDragEnd = true;
+};
+
+proto.onActivateFade = function() {
+  if ( this.options.fade ) {
+    this.element.classList.add('is-fade');
+  }
+};
+
+proto.onDeactivateFade = function() {
+  if ( !this.options.fade ) return;
+
+  this.element.classList.remove('is-fade');
+  // reset opacity
+  this.slides.forEach( ( slide ) => {
+    slide.setOpacity('');
+  } );
+};
+
+/* ---- position & fading ---- */
+
+let positionSlider = proto.positionSlider;
+proto.positionSlider = function() {
+  if ( !this.options.fade ) {
+    positionSlider.apply( this, arguments );
+    return;
+  }
+
+  this.fadeSlides();
+  this.dispatchScrollEvent();
+};
+
+let positionSliderAtSelected = proto.positionSliderAtSelected;
+proto.positionSliderAtSelected = function() {
+  if ( this.options.fade ) {
+    // position fade slider at origin
+    this.setTranslateX( 0 );
+  }
+  positionSliderAtSelected.apply( this, arguments );
+};
+
+proto.fadeSlides = function() {
+  if ( this.slides.length < 2 ) return;
+
+  // get slides to fade-in & fade-out
+  let indexes = this.getFadeIndexes();
+  let fadeSlideA = this.slides[ indexes.a ];
+  let fadeSlideB = this.slides[ indexes.b ];
+  let distance = this.wrapDifference( fadeSlideA.target, fadeSlideB.target );
+  let progress = this.wrapDifference( fadeSlideA.target, -this.x );
+  progress /= distance;
+
+  fadeSlideA.setOpacity( 1 - progress );
+  fadeSlideB.setOpacity( progress );
+
+  // hide previous slide
+  let fadeHideIndex = indexes.a;
+  if ( this.isDragging ) {
+    fadeHideIndex = progress > 0.5 ? indexes.a : indexes.b;
+  }
+  let isNewHideIndex = this.fadeHideIndex !== undefined &&
+    this.fadeHideIndex !== fadeHideIndex &&
+    this.fadeHideIndex !== indexes.a &&
+    this.fadeHideIndex !== indexes.b;
+  if ( isNewHideIndex ) {
+    // new fadeHideSlide set, hide previous
+    this.slides[ this.fadeHideIndex ].setOpacity( 0 );
+  }
+  this.fadeHideIndex = fadeHideIndex;
+};
+
+proto.getFadeIndexes = function() {
+  if ( !this.isDragging && !this.didDragEnd ) {
+    return {
+      a: this.fadeIndex,
+      b: this.selectedIndex,
+    };
+  }
+  if ( this.options.wrapAround ) {
+    return this.getFadeDragWrapIndexes();
+  } else {
+    return this.getFadeDragLimitIndexes();
+  }
+};
+
+proto.getFadeDragWrapIndexes = function() {
+  let distances = this.slides.map( function( slide, i ) {
+    return this.getSlideDistance( -this.x, i );
+  }, this );
+  let absDistances = distances.map( function( distance ) {
+    return Math.abs( distance );
+  } );
+  let minDistance = Math.min( ...absDistances );
+  let closestIndex = absDistances.indexOf( minDistance );
+  let distance = distances[ closestIndex ];
+  let len = this.slides.length;
+
+  let delta = distance >= 0 ? 1 : -1;
+  return {
+    a: closestIndex,
+    b: utils.modulo( closestIndex + delta, len ),
+  };
+};
+
+proto.getFadeDragLimitIndexes = function() {
+  // calculate closest previous slide
+  let dragIndex = 0;
+  for ( let i = 0; i < this.slides.length - 1; i++ ) {
+    let slide = this.slides[i];
+    if ( -this.x < slide.target ) {
+      break;
+    }
+    dragIndex = i;
+  }
+  return {
+    a: dragIndex,
+    b: dragIndex + 1,
+  };
+};
+
+proto.wrapDifference = function( a, b ) {
+  let diff = b - a;
+  if ( !this.options.wrapAround ) return diff;
+
+  let diffPlus = diff + this.slideableWidth;
+  let diffMinus = diff - this.slideableWidth;
+  if ( Math.abs( diffPlus ) < Math.abs( diff ) ) {
+    diff = diffPlus;
+  }
+  if ( Math.abs( diffMinus ) < Math.abs( diff ) ) {
+    diff = diffMinus;
+  }
+  return diff;
+};
+
+// ---- wrapAround ---- //
+
+let _updateWrapShiftCells = proto._updateWrapShiftCells;
+proto._updateWrapShiftCells = function() {
+  if ( this.options.fade ) {
+    // update isWrapping
+    this.isWrapping = this.getIsWrapping();
+  } else {
+    _updateWrapShiftCells.apply( this, arguments );
+  }
+};
+
+let shiftWrapCells = proto.shiftWrapCells;
+proto.shiftWrapCells = function() {
+  if ( !this.options.fade ) {
+    shiftWrapCells.apply( this, arguments );
+  }
+};
+
+return Flickity;
+
+} ) );
\ No newline at end of file
diff --git a/_assets/js/flickity.pkgd.min.js b/_assets/js/flickity.pkgd.min.js
index 78ce275..4b01ac8 100644
--- a/_assets/js/flickity.pkgd.min.js
+++ b/_assets/js/flickity.pkgd.min.js
@@ -1,56 +1,29 @@
 /*!
- * Flickity PACKAGED v2.3.0
+ * Flickity PACKAGED v3.0.0
  * Touch, responsive, flickable carousels
  *
  * Licensed GPLv3 for open source use
  * or Flickity Commercial License for commercial use
  *
  * https://flickity.metafizzy.co
- * Copyright 2015-2021 Metafizzy
+ * Copyright 2015-2022 Metafizzy
  */
-(function(e,i){if(typeof define=="function"&&define.amd){define("jquery-bridget/jquery-bridget",["jquery"],function(t){return i(e,t)})}else if(typeof module=="object"&&module.exports){module.exports=i(e,require("jquery"))}else{e.jQueryBridget=i(e,e.jQuery)}})(window,function t(e,r){"use strict";var o=Array.prototype.slice;var i=e.console;var u=typeof i=="undefined"?function(){}:function(t){i.error(t)};function n(h,s,c){c=c||r||e.jQuery;if(!c){return}if(!s.prototype.option){s.prototype.option=function(t){if(!c.isPlainObject(t)){return}this.options=c.extend(true,this.options,t)}}c.fn[h]=function(t){if(typeof t=="string"){var e=o.call(arguments,1);return i(this,t,e)}n(this,t);return this};function i(t,r,o){var a;var l="$()."+h+'("'+r+'")';t.each(function(t,e){var i=c.data(e,h);if(!i){u(h+" not initialized. Cannot call methods, i.e. "+l);return}var n=i[r];if(!n||r.charAt(0)=="_"){u(l+" is not a valid method");return}var s=n.apply(i,o);a=a===undefined?s:a});return a!==undefined?a:t}function n(t,n){t.each(function(t,e){var i=c.data(e,h);if(i){i.option(n);i._init()}else{i=new s(e,n);c.data(e,h,i)}})}a(c)}function a(t){if(!t||t&&t.bridget){return}t.bridget=n}a(r||e.jQuery);return n});(function(t,e){if(typeof define=="function"&&define.amd){define("ev-emitter/ev-emitter",e)}else if(typeof module=="object"&&module.exports){module.exports=e()}else{t.EvEmitter=e()}})(typeof window!="undefined"?window:this,function(){function t(){}var e=t.prototype;e.on=function(t,e){if(!t||!e){return}var i=this._events=this._events||{};var n=i[t]=i[t]||[];if(n.indexOf(e)==-1){n.push(e)}return this};e.once=function(t,e){if(!t||!e){return}this.on(t,e);var i=this._onceEvents=this._onceEvents||{};var n=i[t]=i[t]||{};n[e]=true;return this};e.off=function(t,e){var i=this._events&&this._events[t];if(!i||!i.length){return}var n=i.indexOf(e);if(n!=-1){i.splice(n,1)}return this};e.emitEvent=function(t,e){var i=this._events&&this._events[t];if(!i||!i.length){return}i=i.slice(0);e=e||[];var n=this._onceEvents&&this._onceEvents[t];for(var s=0;s<i.length;s++){var r=i[s];var o=n&&n[r];if(o){this.off(t,r);delete n[r]}r.apply(this,e)}return this};e.allOff=function(){delete this._events;delete this._onceEvents};return t});
+!function(t,e){"object"==typeof module&&module.exports?module.exports=e(t,require("jquery")):t.jQueryBridget=e(t,t.jQuery)}(window,(function(t,e){let i=t.console,s=void 0===i?function(){}:function(t){i.error(t)};return function(i,n,o){(o=o||e||t.jQuery)&&(n.prototype.option||(n.prototype.option=function(t){t&&(this.options=Object.assign(this.options||{},t))}),o.fn[i]=function(t,...e){return"string"==typeof t?function(t,e,n){let l,r=`$().${i}("${e}")`;return t.each((function(t,h){let a=o.data(h,i);if(!a)return void s(`${i} not initialized. Cannot call method ${r}`);let c=a[e];if(!c||"_"==e.charAt(0))return void s(`${r} is not a valid method`);let d=c.apply(a,n);l=void 0===l?d:l})),void 0!==l?l:t}(this,t,e):(l=t,this.each((function(t,e){let s=o.data(e,i);s?(s.option(l),s._init()):(s=new n(e,l),o.data(e,i,s))})),this);var l})}})),function(t,e){"object"==typeof module&&module.exports?module.exports=e():t.EvEmitter=e()}("undefined"!=typeof window?window:this,(function(){function t(){}let e=t.prototype;return e.on=function(t,e){if(!t||!e)return this;let i=this._events=this._events||{},s=i[t]=i[t]||[];return s.includes(e)||s.push(e),this},e.once=function(t,e){if(!t||!e)return this;this.on(t,e);let i=this._onceEvents=this._onceEvents||{};return(i[t]=i[t]||{})[e]=!0,this},e.off=function(t,e){let i=this._events&&this._events[t];if(!i||!i.length)return this;let s=i.indexOf(e);return-1!=s&&i.splice(s,1),this},e.emitEvent=function(t,e){let i=this._events&&this._events[t];if(!i||!i.length)return this;i=i.slice(0),e=e||[];let s=this._onceEvents&&this._onceEvents[t];for(let n of i){s&&s[n]&&(this.off(t,n),delete s[n]),n.apply(this,e)}return this},e.allOff=function(){return delete this._events,delete this._onceEvents,this},t})),
 /*!
- * getSize v2.0.3
+ * Infinite Scroll v2.0.4
  * measure size of elements
  * MIT license
  */
-(function(t,e){if(typeof define=="function"&&define.amd){define("get-size/get-size",e)}else if(typeof module=="object"&&module.exports){module.exports=e()}else{t.getSize=e()}})(window,function t(){"use strict";function m(t){var e=parseFloat(t);var i=t.indexOf("%")==-1&&!isNaN(e);return i&&e}function e(){}var i=typeof console=="undefined"?e:function(t){console.error(t)};var y=["paddingLeft","paddingRight","paddingTop","paddingBottom","marginLeft","marginRight","marginTop","marginBottom","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth"];var b=y.length;function E(){var t={width:0,height:0,innerWidth:0,innerHeight:0,outerWidth:0,outerHeight:0};for(var e=0;e<b;e++){var i=y[e];t[i]=0}return t}function S(t){var e=getComputedStyle(t);if(!e){i("Style returned "+e+". Are you running this code in a hidden iframe on Firefox? "+"See https://bit.ly/getsizebug1")}return e}var n=false;var C;function x(){if(n){return}n=true;var t=document.createElement("div");t.style.width="200px";t.style.padding="1px 2px 3px 4px";t.style.borderStyle="solid";t.style.borderWidth="1px 2px 3px 4px";t.style.boxSizing="border-box";var e=document.body||document.documentElement;e.appendChild(t);var i=S(t);C=Math.round(m(i.width))==200;s.isBoxSizeOuter=C;e.removeChild(t)}function s(t){x();if(typeof t=="string"){t=document.querySelector(t)}if(!t||typeof t!="object"||!t.nodeType){return}var e=S(t);if(e.display=="none"){return E()}var i={};i.width=t.offsetWidth;i.height=t.offsetHeight;var n=i.isBorderBox=e.boxSizing=="border-box";for(var s=0;s<b;s++){var r=y[s];var o=e[r];var a=parseFloat(o);i[r]=!isNaN(a)?a:0}var l=i.paddingLeft+i.paddingRight;var h=i.paddingTop+i.paddingBottom;var c=i.marginLeft+i.marginRight;var u=i.marginTop+i.marginBottom;var d=i.borderLeftWidth+i.borderRightWidth;var f=i.borderTopWidth+i.borderBottomWidth;var p=n&&C;var v=m(e.width);if(v!==false){i.width=v+(p?0:l+d)}var g=m(e.height);if(g!==false){i.height=g+(p?0:h+f)}i.innerWidth=i.width-(l+d);i.innerHeight=i.height-(h+f);i.outerWidth=i.width+c;i.outerHeight=i.height+u;return i}return s});(function(t,e){"use strict";if(typeof define=="function"&&define.amd){define("desandro-matches-selector/matches-selector",e)}else if(typeof module=="object"&&module.exports){module.exports=e()}else{t.matchesSelector=e()}})(window,function t(){"use strict";var n=function(){var t=window.Element.prototype;if(t.matches){return"matches"}if(t.matchesSelector){return"matchesSelector"}var e=["webkit","moz","ms","o"];for(var i=0;i<e.length;i++){var n=e[i];var s=n+"MatchesSelector";if(t[s]){return s}}}();return function t(e,i){return e[n](i)}});(function(e,i){if(typeof define=="function"&&define.amd){define("fizzy-ui-utils/utils",["desandro-matches-selector/matches-selector"],function(t){return i(e,t)})}else if(typeof module=="object"&&module.exports){module.exports=i(e,require("desandro-matches-selector"))}else{e.fizzyUIUtils=i(e,e.matchesSelector)}})(window,function t(h,r){var c={};c.extend=function(t,e){for(var i in e){t[i]=e[i]}return t};c.modulo=function(t,e){return(t%e+e)%e};var i=Array.prototype.slice;c.makeArray=function(t){if(Array.isArray(t)){return t}if(t===null||t===undefined){return[]}var e=typeof t=="object"&&typeof t.length=="number";if(e){return i.call(t)}return[t]};c.removeFrom=function(t,e){var i=t.indexOf(e);if(i!=-1){t.splice(i,1)}};c.getParent=function(t,e){while(t.parentNode&&t!=document.body){t=t.parentNode;if(r(t,e)){return t}}};c.getQueryElement=function(t){if(typeof t=="string"){return document.querySelector(t)}return t};c.handleEvent=function(t){var e="on"+t.type;if(this[e]){this[e](t)}};c.filterFindElements=function(t,n){t=c.makeArray(t);var s=[];t.forEach(function(t){if(!(t instanceof HTMLElement)){return}if(!n){s.push(t);return}if(r(t,n)){s.push(t)}var e=t.querySelectorAll(n);for(var i=0;i<e.length;i++){s.push(e[i])}});return s};c.debounceMethod=function(t,e,n){n=n||100;var s=t.prototype[e];var r=e+"Timeout";t.prototype[e]=function(){var t=this[r];clearTimeout(t);var e=arguments;var i=this;this[r]=setTimeout(function(){s.apply(i,e);delete i[r]},n)}};c.docReady=function(t){var e=document.readyState;if(e=="complete"||e=="interactive"){setTimeout(t)}else{document.addEventListener("DOMContentLoaded",t)}};c.toDashed=function(t){return t.replace(/(.)([A-Z])/g,function(t,e,i){return e+"-"+i}).toLowerCase()};var u=h.console;c.htmlInit=function(a,l){c.docReady(function(){var t=c.toDashed(l);var s="data-"+t;var e=document.querySelectorAll("["+s+"]");var i=document.querySelectorAll(".js-"+t);var n=c.makeArray(e).concat(c.makeArray(i));var r=s+"-options";var o=h.jQuery;n.forEach(function(e){var t=e.getAttribute(s)||e.getAttribute(r);var i;try{i=t&&JSON.parse(t)}catch(t){if(u){u.error("Error parsing "+s+" on "+e.className+": "+t)}return}var n=new a(e,i);if(o){o.data(e,l,n)}})})};return c});(function(e,i){if(typeof define=="function"&&define.amd){define("flickity/js/cell",["get-size/get-size"],function(t){return i(e,t)})}else if(typeof module=="object"&&module.exports){module.exports=i(e,require("get-size"))}else{e.Flickity=e.Flickity||{};e.Flickity.Cell=i(e,e.getSize)}})(window,function t(e,i){function n(t,e){this.element=t;this.parent=e;this.create()}var s=n.prototype;s.create=function(){this.element.style.position="absolute";this.element.setAttribute("aria-hidden","true");this.x=0;this.shift=0;this.element.style[this.parent.originSide]=0};s.destroy=function(){this.unselect();this.element.style.position="";var t=this.parent.originSide;this.element.style[t]="";this.element.style.transform="";this.element.removeAttribute("aria-hidden")};s.getSize=function(){this.size=i(this.element)};s.setPosition=function(t){this.x=t;this.updateTarget();this.renderPosition(t)};s.updateTarget=s.setDefaultTarget=function(){var t=this.parent.originSide=="left"?"marginLeft":"marginRight";this.target=this.x+this.size[t]+this.size.width*this.parent.cellAlign};s.renderPosition=function(t){var e=this.parent.originSide==="left"?1:-1;var i=this.parent.options.percentPosition?t*e*(this.parent.size.innerWidth/this.size.width):t*e;this.element.style.transform="translateX("+this.parent.getPositionValue(i)+")"};s.select=function(){this.element.classList.add("is-selected");this.element.removeAttribute("aria-hidden")};s.unselect=function(){this.element.classList.remove("is-selected");this.element.setAttribute("aria-hidden","true")};s.wrapShift=function(t){this.shift=t;this.renderPosition(this.x+this.parent.slideableWidth*t)};s.remove=function(){this.element.parentNode.removeChild(this.element)};return n});(function(t,e){if(typeof define=="function"&&define.amd){define("flickity/js/slide",e)}else if(typeof module=="object"&&module.exports){module.exports=e()}else{t.Flickity=t.Flickity||{};t.Flickity.Slide=e()}})(window,function t(){"use strict";function e(t){this.parent=t;this.isOriginLeft=t.originSide=="left";this.cells=[];this.outerWidth=0;this.height=0}var i=e.prototype;i.addCell=function(t){this.cells.push(t);this.outerWidth+=t.size.outerWidth;this.height=Math.max(t.size.outerHeight,this.height);if(this.cells.length==1){this.x=t.x;var e=this.isOriginLeft?"marginLeft":"marginRight";this.firstMargin=t.size[e]}};i.updateTarget=function(){var t=this.isOriginLeft?"marginRight":"marginLeft";var e=this.getLastCell();var i=e?e.size[t]:0;var n=this.outerWidth-(this.firstMargin+i);this.target=this.x+this.firstMargin+n*this.parent.cellAlign};i.getLastCell=function(){return this.cells[this.cells.length-1]};i.select=function(){this.cells.forEach(function(t){t.select()})};i.unselect=function(){this.cells.forEach(function(t){t.unselect()})};i.getCellElements=function(){return this.cells.map(function(t){return t.element})};return e});(function(e,i){if(typeof define=="function"&&define.amd){define("flickity/js/animate",["fizzy-ui-utils/utils"],function(t){return i(e,t)})}else if(typeof module=="object"&&module.exports){module.exports=i(e,require("fizzy-ui-utils"))}else{e.Flickity=e.Flickity||{};e.Flickity.animatePrototype=i(e,e.fizzyUIUtils)}})(window,function t(e,i){var n={};n.startAnimation=function(){if(this.isAnimating){return}this.isAnimating=true;this.restingFrames=0;this.animate()};n.animate=function(){this.applyDragForce();this.applySelectedAttraction();var t=this.x;this.integratePhysics();this.positionSlider();this.settle(t);if(this.isAnimating){var e=this;requestAnimationFrame(function t(){e.animate()})}};n.positionSlider=function(){var t=this.x;if(this.options.wrapAround&&this.cells.length>1){t=i.modulo(t,this.slideableWidth);t-=this.slideableWidth;this.shiftWrapCells(t)}this.setTranslateX(t,this.isAnimating);this.dispatchScrollEvent()};n.setTranslateX=function(t,e){t+=this.cursorPosition;t=this.options.rightToLeft?-t:t;var i=this.getPositionValue(t);this.slider.style.transform=e?"translate3d("+i+",0,0)":"translateX("+i+")"};n.dispatchScrollEvent=function(){var t=this.slides[0];if(!t){return}var e=-this.x-t.target;var i=e/this.slidesWidth;this.dispatchEvent("scroll",null,[i,e])};n.positionSliderAtSelected=function(){if(!this.cells.length){return}this.x=-this.selectedSlide.target;this.velocity=0;this.positionSlider()};n.getPositionValue=function(t){if(this.options.percentPosition){return Math.round(t/this.size.innerWidth*1e4)*.01+"%"}else{return Math.round(t)+"px"}};n.settle=function(t){var e=!this.isPointerDown&&Math.round(this.x*100)==Math.round(t*100);if(e){this.restingFrames++}if(this.restingFrames>2){this.isAnimating=false;delete this.isFreeScrolling;this.positionSlider();this.dispatchEvent("settle",null,[this.selectedIndex])}};n.shiftWrapCells=function(t){var e=this.cursorPosition+t;this._shiftCells(this.beforeShiftCells,e,-1);var i=this.size.innerWidth-(t+this.slideableWidth+this.cursorPosition);this._shiftCells(this.afterShiftCells,i,1)};n._shiftCells=function(t,e,i){for(var n=0;n<t.length;n++){var s=t[n];var r=e>0?i:0;s.wrapShift(r);e-=s.size.outerWidth}};n._unshiftCells=function(t){if(!t||!t.length){return}for(var e=0;e<t.length;e++){t[e].wrapShift(0)}};n.integratePhysics=function(){this.x+=this.velocity;this.velocity*=this.getFrictionFactor()};n.applyForce=function(t){this.velocity+=t};n.getFrictionFactor=function(){return 1-this.options[this.isFreeScrolling?"freeScrollFriction":"friction"]};n.getRestingPosition=function(){return this.x+this.velocity/(1-this.getFrictionFactor())};n.applyDragForce=function(){if(!this.isDraggable||!this.isPointerDown){return}var t=this.dragX-this.x;var e=t-this.velocity;this.applyForce(e)};n.applySelectedAttraction=function(){var t=this.isDraggable&&this.isPointerDown;if(t||this.isFreeScrolling||!this.slides.length){return}var e=this.selectedSlide.target*-1-this.x;var i=e*this.options.selectedAttraction;this.applyForce(i)};return n});(function(o,a){if(typeof define=="function"&&define.amd){define("flickity/js/flickity",["ev-emitter/ev-emitter","get-size/get-size","fizzy-ui-utils/utils","./cell","./slide","./animate"],function(t,e,i,n,s,r){return a(o,t,e,i,n,s,r)})}else if(typeof module=="object"&&module.exports){module.exports=a(o,require("ev-emitter"),require("get-size"),require("fizzy-ui-utils"),require("./cell"),require("./slide"),require("./animate"))}else{var t=o.Flickity;o.Flickity=a(o,o.EvEmitter,o.getSize,o.fizzyUIUtils,t.Cell,t.Slide,t.animatePrototype)}})(window,function t(n,e,i,a,s,o,r){var l=n.jQuery;var h=n.getComputedStyle;var c=n.console;function u(t,e){t=a.makeArray(t);while(t.length){e.appendChild(t.shift())}}var d=0;var f={};function p(t,e){var i=a.getQueryElement(t);if(!i){if(c){c.error("Bad element for Flickity: "+(i||t))}return}this.element=i;if(this.element.flickityGUID){var n=f[this.element.flickityGUID];if(n)n.option(e);return n}if(l){this.$element=l(this.element)}this.options=a.extend({},this.constructor.defaults);this.option(e);this._create()}p.defaults={accessibility:true,cellAlign:"center",freeScrollFriction:.075,friction:.28,namespaceJQueryEvents:true,percentPosition:true,resize:true,selectedAttraction:.025,setGallerySize:true};p.createMethods=[];var v=p.prototype;a.extend(v,e.prototype);v._create=function(){var t=this.guid=++d;this.element.flickityGUID=t;f[t]=this;this.selectedIndex=0;this.restingFrames=0;this.x=0;this.velocity=0;this.originSide=this.options.rightToLeft?"right":"left";this.viewport=document.createElement("div");this.viewport.className="flickity-viewport";this._createSlider();if(this.options.resize||this.options.watchCSS){n.addEventListener("resize",this)}for(var e in this.options.on){var i=this.options.on[e];this.on(e,i)}p.createMethods.forEach(function(t){this[t]()},this);if(this.options.watchCSS){this.watchCSS()}else{this.activate()}};v.option=function(t){a.extend(this.options,t)};v.activate=function(){if(this.isActive){return}this.isActive=true;this.element.classList.add("flickity-enabled");if(this.options.rightToLeft){this.element.classList.add("flickity-rtl")}this.getSize();var t=this._filterFindCellElements(this.element.children);u(t,this.slider);this.viewport.appendChild(this.slider);this.element.appendChild(this.viewport);this.reloadCells();if(this.options.accessibility){this.element.tabIndex=0;this.element.addEventListener("keydown",this)}this.emitEvent("activate");this.selectInitialIndex();this.isInitActivated=true;this.dispatchEvent("ready")};v._createSlider=function(){var t=document.createElement("div");t.className="flickity-slider";t.style[this.originSide]=0;this.slider=t};v._filterFindCellElements=function(t){return a.filterFindElements(t,this.options.cellSelector)};v.reloadCells=function(){this.cells=this._makeCells(this.slider.children);this.positionCells();this._getWrapShiftCells();this.setGallerySize()};v._makeCells=function(t){var e=this._filterFindCellElements(t);var i=e.map(function(t){return new s(t,this)},this);return i};v.getLastCell=function(){return this.cells[this.cells.length-1]};v.getLastSlide=function(){return this.slides[this.slides.length-1]};v.positionCells=function(){this._sizeCells(this.cells);this._positionCells(0)};v._positionCells=function(t){t=t||0;this.maxCellHeight=t?this.maxCellHeight||0:0;var e=0;if(t>0){var i=this.cells[t-1];e=i.x+i.size.outerWidth}var n=this.cells.length;for(var s=t;s<n;s++){var r=this.cells[s];r.setPosition(e);e+=r.size.outerWidth;this.maxCellHeight=Math.max(r.size.outerHeight,this.maxCellHeight)}this.slideableWidth=e;this.updateSlides();this._containSlides();this.slidesWidth=n?this.getLastSlide().target-this.slides[0].target:0};v._sizeCells=function(t){t.forEach(function(t){t.getSize()})};v.updateSlides=function(){this.slides=[];if(!this.cells.length){return}var n=new o(this);this.slides.push(n);var t=this.originSide=="left";var s=t?"marginRight":"marginLeft";var r=this._getCanCellFit();this.cells.forEach(function(t,e){if(!n.cells.length){n.addCell(t);return}var i=n.outerWidth-n.firstMargin+(t.size.outerWidth-t.size[s]);if(r.call(this,e,i)){n.addCell(t)}else{n.updateTarget();n=new o(this);this.slides.push(n);n.addCell(t)}},this);n.updateTarget();this.updateSelectedSlide()};v._getCanCellFit=function(){var t=this.options.groupCells;if(!t){return function(){return false}}else if(typeof t=="number"){var e=parseInt(t,10);return function(t){return t%e!==0}}var i=typeof t=="string"&&t.match(/^(\d+)%$/);var n=i?parseInt(i[1],10)/100:1;return function(t,e){return e<=(this.size.innerWidth+1)*n}};v._init=v.reposition=function(){this.positionCells();this.positionSliderAtSelected()};v.getSize=function(){this.size=i(this.element);this.setCellAlign();this.cursorPosition=this.size.innerWidth*this.cellAlign};var g={center:{left:.5,right:.5},left:{left:0,right:1},right:{right:0,left:1}};v.setCellAlign=function(){var t=g[this.options.cellAlign];this.cellAlign=t?t[this.originSide]:this.options.cellAlign};v.setGallerySize=function(){if(this.options.setGallerySize){var t=this.options.adaptiveHeight&&this.selectedSlide?this.selectedSlide.height:this.maxCellHeight;this.viewport.style.height=t+"px"}};v._getWrapShiftCells=function(){if(!this.options.wrapAround){return}this._unshiftCells(this.beforeShiftCells);this._unshiftCells(this.afterShiftCells);var t=this.cursorPosition;var e=this.cells.length-1;this.beforeShiftCells=this._getGapCells(t,e,-1);t=this.size.innerWidth-this.cursorPosition;this.afterShiftCells=this._getGapCells(t,0,1)};v._getGapCells=function(t,e,i){var n=[];while(t>0){var s=this.cells[e];if(!s){break}n.push(s);e+=i;t-=s.size.outerWidth}return n};v._containSlides=function(){if(!this.options.contain||this.options.wrapAround||!this.cells.length){return}var t=this.options.rightToLeft;var e=t?"marginRight":"marginLeft";var i=t?"marginLeft":"marginRight";var n=this.slideableWidth-this.getLastCell().size[i];var s=n<this.size.innerWidth;var r=this.cursorPosition+this.cells[0].size[e];var o=n-this.size.innerWidth*(1-this.cellAlign);this.slides.forEach(function(t){if(s){t.target=n*this.cellAlign}else{t.target=Math.max(t.target,r);t.target=Math.min(t.target,o)}},this)};v.dispatchEvent=function(t,e,i){var n=e?[e].concat(i):i;this.emitEvent(t,n);if(l&&this.$element){t+=this.options.namespaceJQueryEvents?".flickity":"";var s=t;if(e){var r=new l.Event(e);r.type=t;s=r}this.$element.trigger(s,i)}};v.select=function(t,e,i){if(!this.isActive){return}t=parseInt(t,10);this._wrapSelect(t);if(this.options.wrapAround||e){t=a.modulo(t,this.slides.length)}if(!this.slides[t]){return}var n=this.selectedIndex;this.selectedIndex=t;this.updateSelectedSlide();if(i){this.positionSliderAtSelected()}else{this.startAnimation()}if(this.options.adaptiveHeight){this.setGallerySize()}this.dispatchEvent("select",null,[t]);if(t!=n){this.dispatchEvent("change",null,[t])}this.dispatchEvent("cellSelect")};v._wrapSelect=function(t){var e=this.slides.length;var i=this.options.wrapAround&&e>1;if(!i){return t}var n=a.modulo(t,e);var s=Math.abs(n-this.selectedIndex);var r=Math.abs(n+e-this.selectedIndex);var o=Math.abs(n-e-this.selectedIndex);if(!this.isDragSelect&&r<s){t+=e}else if(!this.isDragSelect&&o<s){t-=e}if(t<0){this.x-=this.slideableWidth}else if(t>=e){this.x+=this.slideableWidth}};v.previous=function(t,e){this.select(this.selectedIndex-1,t,e)};v.next=function(t,e){this.select(this.selectedIndex+1,t,e)};v.updateSelectedSlide=function(){var t=this.slides[this.selectedIndex];if(!t){return}this.unselectSelectedSlide();this.selectedSlide=t;t.select();this.selectedCells=t.cells;this.selectedElements=t.getCellElements();this.selectedCell=t.cells[0];this.selectedElement=this.selectedElements[0]};v.unselectSelectedSlide=function(){if(this.selectedSlide){this.selectedSlide.unselect()}};v.selectInitialIndex=function(){var t=this.options.initialIndex;if(this.isInitActivated){this.select(this.selectedIndex,false,true);return}if(t&&typeof t=="string"){var e=this.queryCell(t);if(e){this.selectCell(t,false,true);return}}var i=0;if(t&&this.slides[t]){i=t}this.select(i,false,true)};v.selectCell=function(t,e,i){var n=this.queryCell(t);if(!n){return}var s=this.getCellSlideIndex(n);this.select(s,e,i)};v.getCellSlideIndex=function(t){for(var e=0;e<this.slides.length;e++){var i=this.slides[e];var n=i.cells.indexOf(t);if(n!=-1){return e}}};v.getCell=function(t){for(var e=0;e<this.cells.length;e++){var i=this.cells[e];if(i.element==t){return i}}};v.getCells=function(t){t=a.makeArray(t);var i=[];t.forEach(function(t){var e=this.getCell(t);if(e){i.push(e)}},this);return i};v.getCellElements=function(){return this.cells.map(function(t){return t.element})};v.getParentCell=function(t){var e=this.getCell(t);if(e){return e}t=a.getParent(t,".flickity-slider > *");return this.getCell(t)};v.getAdjacentCellElements=function(t,e){if(!t){return this.selectedSlide.getCellElements()}e=e===undefined?this.selectedIndex:e;var i=this.slides.length;if(1+t*2>=i){return this.getCellElements()}var n=[];for(var s=e-t;s<=e+t;s++){var r=this.options.wrapAround?a.modulo(s,i):s;var o=this.slides[r];if(o){n=n.concat(o.getCellElements())}}return n};v.queryCell=function(t){if(typeof t=="number"){return this.cells[t]}if(typeof t=="string"){if(t.match(/^[#.]?[\d/]/)){return}t=this.element.querySelector(t)}return this.getCell(t)};v.uiChange=function(){this.emitEvent("uiChange")};v.childUIPointerDown=function(t){if(t.type!="touchstart"){t.preventDefault()}this.focus()};v.onresize=function(){this.watchCSS();this.resize()};a.debounceMethod(p,"onresize",150);v.resize=function(){if(!this.isActive||this.isAnimating||this.isDragging){return}this.getSize();if(this.options.wrapAround){this.x=a.modulo(this.x,this.slideableWidth)}this.positionCells();this._getWrapShiftCells();this.setGallerySize();this.emitEvent("resize");var t=this.selectedElements&&this.selectedElements[0];this.selectCell(t,false,true)};v.watchCSS=function(){var t=this.options.watchCSS;if(!t){return}var e=h(this.element,":after").content;if(e.indexOf("flickity")!=-1){this.activate()}else{this.deactivate()}};v.onkeydown=function(t){var e=document.activeElement&&document.activeElement!=this.element;if(!this.options.accessibility||e){return}var i=p.keyboardHandlers[t.keyCode];if(i){i.call(this)}};p.keyboardHandlers={37:function(){var t=this.options.rightToLeft?"next":"previous";this.uiChange();this[t]()},39:function(){var t=this.options.rightToLeft?"previous":"next";this.uiChange();this[t]()}};v.focus=function(){var t=n.pageYOffset;this.element.focus({preventScroll:true});if(n.pageYOffset!=t){n.scrollTo(n.pageXOffset,t)}};v.deactivate=function(){if(!this.isActive){return}this.element.classList.remove("flickity-enabled");this.element.classList.remove("flickity-rtl");this.unselectSelectedSlide();this.cells.forEach(function(t){t.destroy()});this.element.removeChild(this.viewport);u(this.slider.children,this.element);if(this.options.accessibility){this.element.removeAttribute("tabIndex");this.element.removeEventListener("keydown",this)}this.isActive=false;this.emitEvent("deactivate")};v.destroy=function(){this.deactivate();n.removeEventListener("resize",this);this.allOff();this.emitEvent("destroy");if(l&&this.$element){l.removeData(this.element,"flickity")}delete this.element.flickityGUID;delete f[this.guid]};a.extend(v,r);p.data=function(t){t=a.getQueryElement(t);var e=t&&t.flickityGUID;return e&&f[e]};a.htmlInit(p,"flickity");if(l&&l.bridget){l.bridget("flickity",p)}p.setJQuery=function(t){l=t};p.Cell=s;p.Slide=o;return p});
+function(t,e){"object"==typeof module&&module.exports?module.exports=e():t.getSize=e()}(window,(function(){function t(t){let e=parseFloat(t);return-1==t.indexOf("%")&&!isNaN(e)&&e}let e=["paddingLeft","paddingRight","paddingTop","paddingBottom","marginLeft","marginRight","marginTop","marginBottom","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth"];e.length;return function(i){if("string"==typeof i&&(i=document.querySelector(i)),!(i&&"object"==typeof i&&i.nodeType))return;let s=getComputedStyle(i);if("none"==s.display)return function(){let t={width:0,height:0,innerWidth:0,innerHeight:0,outerWidth:0,outerHeight:0};return e.forEach((e=>{t[e]=0})),t}();let n={};n.width=i.offsetWidth,n.height=i.offsetHeight;let o=n.isBorderBox="border-box"==s.boxSizing;e.forEach((t=>{let e=s[t],i=parseFloat(e);n[t]=isNaN(i)?0:i}));let l=n.paddingLeft+n.paddingRight,r=n.paddingTop+n.paddingBottom,h=n.marginLeft+n.marginRight,a=n.marginTop+n.marginBottom,c=n.borderLeftWidth+n.borderRightWidth,d=n.borderTopWidth+n.borderBottomWidth,u=t(s.width);!1!==u&&(n.width=u+(o?0:l+c));let p=t(s.height);return!1!==p&&(n.height=p+(o?0:r+d)),n.innerWidth=n.width-(l+c),n.innerHeight=n.height-(r+d),n.outerWidth=n.width+h,n.outerHeight=n.height+a,n}})),function(t,e){"object"==typeof module&&module.exports?module.exports=e(t):t.fizzyUIUtils=e(t)}(this,(function(t){let e={extend:function(t,e){return Object.assign(t,e)},modulo:function(t,e){return(t%e+e)%e},makeArray:function(t){if(Array.isArray(t))return t;if(null==t)return[];return"object"==typeof t&&"number"==typeof t.length?[...t]:[t]},removeFrom:function(t,e){let i=t.indexOf(e);-1!=i&&t.splice(i,1)},getParent:function(t,e){for(;t.parentNode&&t!=document.body;)if((t=t.parentNode).matches(e))return t},getQueryElement:function(t){return"string"==typeof t?document.querySelector(t):t},handleEvent:function(t){let e="on"+t.type;this[e]&&this[e](t)},filterFindElements:function(t,i){return(t=e.makeArray(t)).filter((t=>t instanceof HTMLElement)).reduce(((t,e)=>{if(!i)return t.push(e),t;e.matches(i)&&t.push(e);let s=e.querySelectorAll(i);return t=t.concat(...s)}),[])},debounceMethod:function(t,e,i){i=i||100;let s=t.prototype[e],n=e+"Timeout";t.prototype[e]=function(){clearTimeout(this[n]);let t=arguments;this[n]=setTimeout((()=>{s.apply(this,t),delete this[n]}),i)}},docReady:function(t){let e=document.readyState;"complete"==e||"interactive"==e?setTimeout(t):document.addEventListener("DOMContentLoaded",t)},toDashed:function(t){return t.replace(/(.)([A-Z])/g,(function(t,e,i){return e+"-"+i})).toLowerCase()}},i=t.console;return e.htmlInit=function(s,n){e.docReady((function(){let o="data-"+e.toDashed(n),l=document.querySelectorAll(`[${o}]`),r=t.jQuery;[...l].forEach((t=>{let e,l=t.getAttribute(o);try{e=l&&JSON.parse(l)}catch(e){return void(i&&i.error(`Error parsing ${o} on ${t.className}: ${e}`))}let h=new s(t,e);r&&r.data(t,n,h)}))}))},e})),
 /*!
- * Unipointer v2.4.0
- * base class for doing one thing with pointer event
- * MIT license
- */
-(function(e,i){if(typeof define=="function"&&define.amd){define("unipointer/unipointer",["ev-emitter/ev-emitter"],function(t){return i(e,t)})}else if(typeof module=="object"&&module.exports){module.exports=i(e,require("ev-emitter"))}else{e.Unipointer=i(e,e.EvEmitter)}})(window,function t(s,e){function i(){}function n(){}var r=n.prototype=Object.create(e.prototype);r.bindStartEvent=function(t){this._bindStartEvent(t,true)};r.unbindStartEvent=function(t){this._bindStartEvent(t,false)};r._bindStartEvent=function(t,e){e=e===undefined?true:e;var i=e?"addEventListener":"removeEventListener";var n="mousedown";if("ontouchstart"in s){n="touchstart"}else if(s.PointerEvent){n="pointerdown"}t[i](n,this)};r.handleEvent=function(t){var e="on"+t.type;if(this[e]){this[e](t)}};r.getTouch=function(t){for(var e=0;e<t.length;e++){var i=t[e];if(i.identifier==this.pointerIdentifier){return i}}};r.onmousedown=function(t){var e=t.button;if(e&&(e!==0&&e!==1)){return}this._pointerDown(t,t)};r.ontouchstart=function(t){this._pointerDown(t,t.changedTouches[0])};r.onpointerdown=function(t){this._pointerDown(t,t)};r._pointerDown=function(t,e){if(t.button||this.isPointerDown){return}this.isPointerDown=true;this.pointerIdentifier=e.pointerId!==undefined?e.pointerId:e.identifier;this.pointerDown(t,e)};r.pointerDown=function(t,e){this._bindPostStartEvents(t);this.emitEvent("pointerDown",[t,e])};var o={mousedown:["mousemove","mouseup"],touchstart:["touchmove","touchend","touchcancel"],pointerdown:["pointermove","pointerup","pointercancel"]};r._bindPostStartEvents=function(t){if(!t){return}var e=o[t.type];e.forEach(function(t){s.addEventListener(t,this)},this);this._boundPointerEvents=e};r._unbindPostStartEvents=function(){if(!this._boundPointerEvents){return}this._boundPointerEvents.forEach(function(t){s.removeEventListener(t,this)},this);delete this._boundPointerEvents};r.onmousemove=function(t){this._pointerMove(t,t)};r.onpointermove=function(t){if(t.pointerId==this.pointerIdentifier){this._pointerMove(t,t)}};r.ontouchmove=function(t){var e=this.getTouch(t.changedTouches);if(e){this._pointerMove(t,e)}};r._pointerMove=function(t,e){this.pointerMove(t,e)};r.pointerMove=function(t,e){this.emitEvent("pointerMove",[t,e])};r.onmouseup=function(t){this._pointerUp(t,t)};r.onpointerup=function(t){if(t.pointerId==this.pointerIdentifier){this._pointerUp(t,t)}};r.ontouchend=function(t){var e=this.getTouch(t.changedTouches);if(e){this._pointerUp(t,e)}};r._pointerUp=function(t,e){this._pointerDone();this.pointerUp(t,e)};r.pointerUp=function(t,e){this.emitEvent("pointerUp",[t,e])};r._pointerDone=function(){this._pointerReset();this._unbindPostStartEvents();this.pointerDone()};r._pointerReset=function(){this.isPointerDown=false;delete this.pointerIdentifier};r.pointerDone=i;r.onpointercancel=function(t){if(t.pointerId==this.pointerIdentifier){this._pointerCancel(t,t)}};r.ontouchcancel=function(t){var e=this.getTouch(t.changedTouches);if(e){this._pointerCancel(t,e)}};r._pointerCancel=function(t,e){this._pointerDone();this.pointerCancel(t,e)};r.pointerCancel=function(t,e){this.emitEvent("pointerCancel",[t,e])};n.getPointerPoint=function(t){return{x:t.pageX,y:t.pageY}};return n});
-/*!
- * Unidragger v2.4.0
+ * Unidragger v3.0.0
  * Draggable base class
  * MIT license
  */
-(function(e,i){if(typeof define=="function"&&define.amd){define("unidragger/unidragger",["unipointer/unipointer"],function(t){return i(e,t)})}else if(typeof module=="object"&&module.exports){module.exports=i(e,require("unipointer"))}else{e.Unidragger=i(e,e.Unipointer)}})(window,function t(r,e){function i(){}var n=i.prototype=Object.create(e.prototype);n.bindHandles=function(){this._bindHandles(true)};n.unbindHandles=function(){this._bindHandles(false)};n._bindHandles=function(t){t=t===undefined?true:t;var e=t?"addEventListener":"removeEventListener";var i=t?this._touchActionValue:"";for(var n=0;n<this.handles.length;n++){var s=this.handles[n];this._bindStartEvent(s,t);s[e]("click",this);if(r.PointerEvent){s.style.touchAction=i}}};n._touchActionValue="none";n.pointerDown=function(t,e){var i=this.okayPointerDown(t);if(!i){return}this.pointerDownPointer={pageX:e.pageX,pageY:e.pageY};t.preventDefault();this.pointerDownBlur();this._bindPostStartEvents(t);this.emitEvent("pointerDown",[t,e])};var s={TEXTAREA:true,INPUT:true,SELECT:true,OPTION:true};var o={radio:true,checkbox:true,button:true,submit:true,image:true,file:true};n.okayPointerDown=function(t){var e=s[t.target.nodeName];var i=o[t.target.type];var n=!e||i;if(!n){this._pointerReset()}return n};n.pointerDownBlur=function(){var t=document.activeElement;var e=t&&t.blur&&t!=document.body;if(e){t.blur()}};n.pointerMove=function(t,e){var i=this._dragPointerMove(t,e);this.emitEvent("pointerMove",[t,e,i]);this._dragMove(t,e,i)};n._dragPointerMove=function(t,e){var i={x:e.pageX-this.pointerDownPointer.pageX,y:e.pageY-this.pointerDownPointer.pageY};if(!this.isDragging&&this.hasDragStarted(i)){this._dragStart(t,e)}return i};n.hasDragStarted=function(t){return Math.abs(t.x)>3||Math.abs(t.y)>3};n.pointerUp=function(t,e){this.emitEvent("pointerUp",[t,e]);this._dragPointerUp(t,e)};n._dragPointerUp=function(t,e){if(this.isDragging){this._dragEnd(t,e)}else{this._staticClick(t,e)}};n._dragStart=function(t,e){this.isDragging=true;this.isPreventingClicks=true;this.dragStart(t,e)};n.dragStart=function(t,e){this.emitEvent("dragStart",[t,e])};n._dragMove=function(t,e,i){if(!this.isDragging){return}this.dragMove(t,e,i)};n.dragMove=function(t,e,i){t.preventDefault();this.emitEvent("dragMove",[t,e,i])};n._dragEnd=function(t,e){this.isDragging=false;setTimeout(function(){delete this.isPreventingClicks}.bind(this));this.dragEnd(t,e)};n.dragEnd=function(t,e){this.emitEvent("dragEnd",[t,e])};n.onclick=function(t){if(this.isPreventingClicks){t.preventDefault()}};n._staticClick=function(t,e){if(this.isIgnoringMouseUp&&t.type=="mouseup"){return}this.staticClick(t,e);if(t.type!="mouseup"){this.isIgnoringMouseUp=true;setTimeout(function(){delete this.isIgnoringMouseUp}.bind(this),400)}};n.staticClick=function(t,e){this.emitEvent("staticClick",[t,e])};i.getPointerPoint=e.getPointerPoint;return i});(function(n,s){if(typeof define=="function"&&define.amd){define("flickity/js/drag",["./flickity","unidragger/unidragger","fizzy-ui-utils/utils"],function(t,e,i){return s(n,t,e,i)})}else if(typeof module=="object"&&module.exports){module.exports=s(n,require("./flickity"),require("unidragger"),require("fizzy-ui-utils"))}else{n.Flickity=s(n,n.Flickity,n.Unidragger,n.fizzyUIUtils)}})(window,function t(n,e,i,a){a.extend(e.defaults,{draggable:">1",dragThreshold:3});e.createMethods.push("_createDrag");var s=e.prototype;a.extend(s,i.prototype);s._touchActionValue="pan-y";s._createDrag=function(){this.on("activate",this.onActivateDrag);this.on("uiChange",this._uiChangeDrag);this.on("deactivate",this.onDeactivateDrag);this.on("cellChange",this.updateDraggable)};s.onActivateDrag=function(){this.handles=[this.viewport];this.bindHandles();this.updateDraggable()};s.onDeactivateDrag=function(){this.unbindHandles();this.element.classList.remove("is-draggable")};s.updateDraggable=function(){if(this.options.draggable==">1"){this.isDraggable=this.slides.length>1}else{this.isDraggable=this.options.draggable}if(this.isDraggable){this.element.classList.add("is-draggable")}else{this.element.classList.remove("is-draggable")}};s.bindDrag=function(){this.options.draggable=true;this.updateDraggable()};s.unbindDrag=function(){this.options.draggable=false;this.updateDraggable()};s._uiChangeDrag=function(){delete this.isFreeScrolling};s.pointerDown=function(t,e){if(!this.isDraggable){this._pointerDownDefault(t,e);return}var i=this.okayPointerDown(t);if(!i){return}this._pointerDownPreventDefault(t);this.pointerDownFocus(t);if(document.activeElement!=this.element){this.pointerDownBlur()}this.dragX=this.x;this.viewport.classList.add("is-pointer-down");this.pointerDownScroll=o();n.addEventListener("scroll",this);this._pointerDownDefault(t,e)};s._pointerDownDefault=function(t,e){this.pointerDownPointer={pageX:e.pageX,pageY:e.pageY};this._bindPostStartEvents(t);this.dispatchEvent("pointerDown",t,[e])};var r={INPUT:true,TEXTAREA:true,SELECT:true};s.pointerDownFocus=function(t){var e=r[t.target.nodeName];if(!e){this.focus()}};s._pointerDownPreventDefault=function(t){var e=t.type=="touchstart";var i=t.pointerType=="touch";var n=r[t.target.nodeName];if(!e&&!i&&!n){t.preventDefault()}};s.hasDragStarted=function(t){return Math.abs(t.x)>this.options.dragThreshold};s.pointerUp=function(t,e){delete this.isTouchScrolling;this.viewport.classList.remove("is-pointer-down");this.dispatchEvent("pointerUp",t,[e]);this._dragPointerUp(t,e)};s.pointerDone=function(){n.removeEventListener("scroll",this);delete this.pointerDownScroll};s.dragStart=function(t,e){if(!this.isDraggable){return}this.dragStartPosition=this.x;this.startAnimation();n.removeEventListener("scroll",this);this.dispatchEvent("dragStart",t,[e])};s.pointerMove=function(t,e){var i=this._dragPointerMove(t,e);this.dispatchEvent("pointerMove",t,[e,i]);this._dragMove(t,e,i)};s.dragMove=function(t,e,i){if(!this.isDraggable){return}t.preventDefault();this.previousDragX=this.dragX;var n=this.options.rightToLeft?-1:1;if(this.options.wrapAround){i.x%=this.slideableWidth}var s=this.dragStartPosition+i.x*n;if(!this.options.wrapAround&&this.slides.length){var r=Math.max(-this.slides[0].target,this.dragStartPosition);s=s>r?(s+r)*.5:s;var o=Math.min(-this.getLastSlide().target,this.dragStartPosition);s=s<o?(s+o)*.5:s}this.dragX=s;this.dragMoveTime=new Date;this.dispatchEvent("dragMove",t,[e,i])};s.dragEnd=function(t,e){if(!this.isDraggable){return}if(this.options.freeScroll){this.isFreeScrolling=true}var i=this.dragEndRestingSelect();if(this.options.freeScroll&&!this.options.wrapAround){var n=this.getRestingPosition();this.isFreeScrolling=-n>this.slides[0].target&&-n<this.getLastSlide().target}else if(!this.options.freeScroll&&i==this.selectedIndex){i+=this.dragEndBoostSelect()}delete this.previousDragX;this.isDragSelect=this.options.wrapAround;this.select(i);delete this.isDragSelect;this.dispatchEvent("dragEnd",t,[e])};s.dragEndRestingSelect=function(){var t=this.getRestingPosition();var e=Math.abs(this.getSlideDistance(-t,this.selectedIndex));var i=this._getClosestResting(t,e,1);var n=this._getClosestResting(t,e,-1);var s=i.distance<n.distance?i.index:n.index;return s};s._getClosestResting=function(t,e,i){var n=this.selectedIndex;var s=Infinity;var r=this.options.contain&&!this.options.wrapAround?function(t,e){return t<=e}:function(t,e){return t<e};while(r(e,s)){n+=i;s=e;e=this.getSlideDistance(-t,n);if(e===null){break}e=Math.abs(e)}return{distance:s,index:n-i}};s.getSlideDistance=function(t,e){var i=this.slides.length;var n=this.options.wrapAround&&i>1;var s=n?a.modulo(e,i):e;var r=this.slides[s];if(!r){return null}var o=n?this.slideableWidth*Math.floor(e/i):0;return t-(r.target+o)};s.dragEndBoostSelect=function(){if(this.previousDragX===undefined||!this.dragMoveTime||new Date-this.dragMoveTime>100){return 0}var t=this.getSlideDistance(-this.dragX,this.selectedIndex);var e=this.previousDragX-this.dragX;if(t>0&&e>0){return 1}else if(t<0&&e<0){return-1}return 0};s.staticClick=function(t,e){var i=this.getParentCell(t.target);var n=i&&i.element;var s=i&&this.cells.indexOf(i);this.dispatchEvent("staticClick",t,[e,n,s])};s.onscroll=function(){var t=o();var e=this.pointerDownScroll.x-t.x;var i=this.pointerDownScroll.y-t.y;if(Math.abs(e)>3||Math.abs(i)>3){this._pointerDone()}};function o(){return{x:n.pageXOffset,y:n.pageYOffset}}return e});(function(n,s){if(typeof define=="function"&&define.amd){define("flickity/js/prev-next-button",["./flickity","unipointer/unipointer","fizzy-ui-utils/utils"],function(t,e,i){return s(n,t,e,i)})}else if(typeof module=="object"&&module.exports){module.exports=s(n,require("./flickity"),require("unipointer"),require("fizzy-ui-utils"))}else{s(n,n.Flickity,n.Unipointer,n.fizzyUIUtils)}})(window,function t(e,i,n,s){"use strict";var r="http://www.w3.org/2000/svg";function o(t,e){this.direction=t;this.parent=e;this._create()}o.prototype=Object.create(n.prototype);o.prototype._create=function(){this.isEnabled=true;this.isPrevious=this.direction==-1;var t=this.parent.options.rightToLeft?1:-1;this.isLeft=this.direction==t;var e=this.element=document.createElement("button");e.className="flickity-button flickity-prev-next-button";e.className+=this.isPrevious?" previous":" next";e.setAttribute("type","button");this.disable();e.setAttribute("aria-label",this.isPrevious?"Previous":"Next");var i=this.createSVG();e.appendChild(i);this.parent.on("select",this.update.bind(this));this.on("pointerDown",this.parent.childUIPointerDown.bind(this.parent))};o.prototype.activate=function(){this.bindStartEvent(this.element);this.element.addEventListener("click",this);this.parent.element.appendChild(this.element)};o.prototype.deactivate=function(){this.parent.element.removeChild(this.element);this.unbindStartEvent(this.element);this.element.removeEventListener("click",this)};o.prototype.createSVG=function(){var t=document.createElementNS(r,"svg");t.setAttribute("class","flickity-button-icon");t.setAttribute("viewBox","0 0 100 100");var e=document.createElementNS(r,"path");var i=a(this.parent.options.arrowShape);e.setAttribute("d",i);e.setAttribute("class","arrow");if(!this.isLeft){e.setAttribute("transform","translate(100, 100) rotate(180) ")}t.appendChild(e);return t};function a(t){if(typeof t=="string"){return t}return"M "+t.x0+",50"+" L "+t.x1+","+(t.y1+50)+" L "+t.x2+","+(t.y2+50)+" L "+t.x3+",50 "+" L "+t.x2+","+(50-t.y2)+" L "+t.x1+","+(50-t.y1)+" Z"}o.prototype.handleEvent=s.handleEvent;o.prototype.onclick=function(){if(!this.isEnabled){return}this.parent.uiChange();var t=this.isPrevious?"previous":"next";this.parent[t]()};o.prototype.enable=function(){if(this.isEnabled){return}this.element.disabled=false;this.isEnabled=true};o.prototype.disable=function(){if(!this.isEnabled){return}this.element.disabled=true;this.isEnabled=false};o.prototype.update=function(){var t=this.parent.slides;if(this.parent.options.wrapAround&&t.length>1){this.enable();return}var e=t.length?t.length-1:0;var i=this.isPrevious?0:e;var n=this.parent.selectedIndex==i?"disable":"enable";this[n]()};o.prototype.destroy=function(){this.deactivate();this.allOff()};s.extend(i.defaults,{prevNextButtons:true,arrowShape:{x0:10,x1:60,y1:50,x2:70,y2:40,x3:30}});i.createMethods.push("_createPrevNextButtons");var l=i.prototype;l._createPrevNextButtons=function(){if(!this.options.prevNextButtons){return}this.prevButton=new o(-1,this);this.nextButton=new o(1,this);this.on("activate",this.activatePrevNextButtons)};l.activatePrevNextButtons=function(){this.prevButton.activate();this.nextButton.activate();this.on("deactivate",this.deactivatePrevNextButtons)};l.deactivatePrevNextButtons=function(){this.prevButton.deactivate();this.nextButton.deactivate();this.off("deactivate",this.deactivatePrevNextButtons)};i.PrevNextButton=o;return i});(function(n,s){if(typeof define=="function"&&define.amd){define("flickity/js/page-dots",["./flickity","unipointer/unipointer","fizzy-ui-utils/utils"],function(t,e,i){return s(n,t,e,i)})}else if(typeof module=="object"&&module.exports){module.exports=s(n,require("./flickity"),require("unipointer"),require("fizzy-ui-utils"))}else{s(n,n.Flickity,n.Unipointer,n.fizzyUIUtils)}})(window,function t(e,i,n,s){function r(t){this.parent=t;this._create()}r.prototype=Object.create(n.prototype);r.prototype._create=function(){this.holder=document.createElement("ol");this.holder.className="flickity-page-dots";this.dots=[];this.handleClick=this.onClick.bind(this);this.on("pointerDown",this.parent.childUIPointerDown.bind(this.parent))};r.prototype.activate=function(){this.setDots();this.holder.addEventListener("click",this.handleClick);this.bindStartEvent(this.holder);this.parent.element.appendChild(this.holder)};r.prototype.deactivate=function(){this.holder.removeEventListener("click",this.handleClick);this.unbindStartEvent(this.holder);this.parent.element.removeChild(this.holder)};r.prototype.setDots=function(){var t=this.parent.slides.length-this.dots.length;if(t>0){this.addDots(t)}else if(t<0){this.removeDots(-t)}};r.prototype.addDots=function(t){var e=document.createDocumentFragment();var i=[];var n=this.dots.length;var s=n+t;for(var r=n;r<s;r++){var o=document.createElement("li");o.className="dot";o.setAttribute("aria-label","Page dot "+(r+1));e.appendChild(o);i.push(o)}this.holder.appendChild(e);this.dots=this.dots.concat(i)};r.prototype.removeDots=function(t){var e=this.dots.splice(this.dots.length-t,t);e.forEach(function(t){this.holder.removeChild(t)},this)};r.prototype.updateSelected=function(){if(this.selectedDot){this.selectedDot.className="dot";this.selectedDot.removeAttribute("aria-current")}if(!this.dots.length){return}this.selectedDot=this.dots[this.parent.selectedIndex];this.selectedDot.className="dot is-selected";this.selectedDot.setAttribute("aria-current","step")};r.prototype.onTap=r.prototype.onClick=function(t){var e=t.target;if(e.nodeName!="LI"){return}this.parent.uiChange();var i=this.dots.indexOf(e);this.parent.select(i)};r.prototype.destroy=function(){this.deactivate();this.allOff()};i.PageDots=r;s.extend(i.defaults,{pageDots:true});i.createMethods.push("_createPageDots");var o=i.prototype;o._createPageDots=function(){if(!this.options.pageDots){return}this.pageDots=new r(this);this.on("activate",this.activatePageDots);this.on("select",this.updateSelectedPageDots);this.on("cellChange",this.updatePageDots);this.on("resize",this.updatePageDots);this.on("deactivate",this.deactivatePageDots)};o.activatePageDots=function(){this.pageDots.activate()};o.updateSelectedPageDots=function(){this.pageDots.updateSelected()};o.updatePageDots=function(){this.pageDots.setDots()};o.deactivatePageDots=function(){this.pageDots.deactivate()};i.PageDots=r;return i});(function(t,n){if(typeof define=="function"&&define.amd){define("flickity/js/player",["ev-emitter/ev-emitter","fizzy-ui-utils/utils","./flickity"],function(t,e,i){return n(t,e,i)})}else if(typeof module=="object"&&module.exports){module.exports=n(require("ev-emitter"),require("fizzy-ui-utils"),require("./flickity"))}else{n(t.EvEmitter,t.fizzyUIUtils,t.Flickity)}})(window,function t(e,i,n){function s(t){this.parent=t;this.state="stopped";this.onVisibilityChange=this.visibilityChange.bind(this);this.onVisibilityPlay=this.visibilityPlay.bind(this)}s.prototype=Object.create(e.prototype);s.prototype.play=function(){if(this.state=="playing"){return}var t=document.hidden;if(t){document.addEventListener("visibilitychange",this.onVisibilityPlay);return}this.state="playing";document.addEventListener("visibilitychange",this.onVisibilityChange);this.tick()};s.prototype.tick=function(){if(this.state!="playing"){return}var t=this.parent.options.autoPlay;t=typeof t=="number"?t:3e3;var e=this;this.clear();this.timeout=setTimeout(function(){e.parent.next(true);e.tick()},t)};s.prototype.stop=function(){this.state="stopped";this.clear();document.removeEventListener("visibilitychange",this.onVisibilityChange)};s.prototype.clear=function(){clearTimeout(this.timeout)};s.prototype.pause=function(){if(this.state=="playing"){this.state="paused";this.clear()}};s.prototype.unpause=function(){if(this.state=="paused"){this.play()}};s.prototype.visibilityChange=function(){var t=document.hidden;this[t?"pause":"unpause"]()};s.prototype.visibilityPlay=function(){this.play();document.removeEventListener("visibilitychange",this.onVisibilityPlay)};i.extend(n.defaults,{pauseAutoPlayOnHover:true});n.createMethods.push("_createPlayer");var r=n.prototype;r._createPlayer=function(){this.player=new s(this);this.on("activate",this.activatePlayer);this.on("uiChange",this.stopPlayer);this.on("pointerDown",this.stopPlayer);this.on("deactivate",this.deactivatePlayer)};r.activatePlayer=function(){if(!this.options.autoPlay){return}this.player.play();this.element.addEventListener("mouseenter",this)};r.playPlayer=function(){this.player.play()};r.stopPlayer=function(){this.player.stop()};r.pausePlayer=function(){this.player.pause()};r.unpausePlayer=function(){this.player.unpause()};r.deactivatePlayer=function(){this.player.stop();this.element.removeEventListener("mouseenter",this)};r.onmouseenter=function(){if(!this.options.pauseAutoPlayOnHover){return}this.player.pause();this.element.addEventListener("mouseleave",this)};r.onmouseleave=function(){this.player.unpause();this.element.removeEventListener("mouseleave",this)};n.Player=s;return n});(function(i,n){if(typeof define=="function"&&define.amd){define("flickity/js/add-remove-cell",["./flickity","fizzy-ui-utils/utils"],function(t,e){return n(i,t,e)})}else if(typeof module=="object"&&module.exports){module.exports=n(i,require("./flickity"),require("fizzy-ui-utils"))}else{n(i,i.Flickity,i.fizzyUIUtils)}})(window,function t(e,i,n){function l(t){var e=document.createDocumentFragment();t.forEach(function(t){e.appendChild(t.element)});return e}var s=i.prototype;s.insert=function(t,e){var i=this._makeCells(t);if(!i||!i.length){return}var n=this.cells.length;e=e===undefined?n:e;var s=l(i);var r=e==n;if(r){this.slider.appendChild(s)}else{var o=this.cells[e].element;this.slider.insertBefore(s,o)}if(e===0){this.cells=i.concat(this.cells)}else if(r){this.cells=this.cells.concat(i)}else{var a=this.cells.splice(e,n-e);this.cells=this.cells.concat(i).concat(a)}this._sizeCells(i);this.cellChange(e,true)};s.append=function(t){this.insert(t,this.cells.length)};s.prepend=function(t){this.insert(t,0)};s.remove=function(t){var e=this.getCells(t);if(!e||!e.length){return}var i=this.cells.length-1;e.forEach(function(t){t.remove();var e=this.cells.indexOf(t);i=Math.min(e,i);n.removeFrom(this.cells,t)},this);this.cellChange(i,true)};s.cellSizeChange=function(t){var e=this.getCell(t);if(!e){return}e.getSize();var i=this.cells.indexOf(e);this.cellChange(i)};s.cellChange=function(t,e){var i=this.selectedElement;this._positionCells(t);this._getWrapShiftCells();this.setGallerySize();var n=this.getCell(i);if(n){this.selectedIndex=this.getCellSlideIndex(n)}this.selectedIndex=Math.min(this.slides.length-1,this.selectedIndex);this.emitEvent("cellChange",[t]);this.select(this.selectedIndex);if(e){this.positionSliderAtSelected()}};return i});(function(i,n){if(typeof define=="function"&&define.amd){define("flickity/js/lazyload",["./flickity","fizzy-ui-utils/utils"],function(t,e){return n(i,t,e)})}else if(typeof module=="object"&&module.exports){module.exports=n(i,require("./flickity"),require("fizzy-ui-utils"))}else{n(i,i.Flickity,i.fizzyUIUtils)}})(window,function t(e,i,o){"use strict";i.createMethods.push("_createLazyload");var n=i.prototype;n._createLazyload=function(){this.on("select",this.lazyLoad)};n.lazyLoad=function(){var t=this.options.lazyLoad;if(!t){return}var e=typeof t=="number"?t:0;var i=this.getAdjacentCellElements(e);var n=[];i.forEach(function(t){var e=s(t);n=n.concat(e)});n.forEach(function(t){new r(t,this)},this)};function s(t){if(t.nodeName=="IMG"){var e=t.getAttribute("data-flickity-lazyload");var i=t.getAttribute("data-flickity-lazyload-src");var n=t.getAttribute("data-flickity-lazyload-srcset");if(e||i||n){return[t]}}var s="img[data-flickity-lazyload], "+"img[data-flickity-lazyload-src], img[data-flickity-lazyload-srcset]";var r=t.querySelectorAll(s);return o.makeArray(r)}function r(t,e){this.img=t;this.flickity=e;this.load()}r.prototype.handleEvent=o.handleEvent;r.prototype.load=function(){this.img.addEventListener("load",this);this.img.addEventListener("error",this);var t=this.img.getAttribute("data-flickity-lazyload")||this.img.getAttribute("data-flickity-lazyload-src");var e=this.img.getAttribute("data-flickity-lazyload-srcset");this.img.src=t;if(e){this.img.setAttribute("srcset",e)}this.img.removeAttribute("data-flickity-lazyload");this.img.removeAttribute("data-flickity-lazyload-src");this.img.removeAttribute("data-flickity-lazyload-srcset")};r.prototype.onload=function(t){this.complete(t,"flickity-lazyloaded")};r.prototype.onerror=function(t){this.complete(t,"flickity-lazyerror")};r.prototype.complete=function(t,e){this.img.removeEventListener("load",this);this.img.removeEventListener("error",this);var i=this.flickity.getParentCell(this.img);var n=i&&i.element;this.flickity.cellSizeChange(n);this.img.classList.add(e);this.flickity.dispatchEvent("lazyLoad",t,n)};i.LazyLoader=r;return i});
+function(t,e){"object"==typeof module&&module.exports?module.exports=e(t,require("ev-emitter")):t.Unidragger=e(t,t.EvEmitter)}("undefined"!=typeof window?window:this,(function(t,e){function i(){}let s,n,o=i.prototype=Object.create(e.prototype);o.handleEvent=function(t){let e="on"+t.type;this[e]&&this[e](t)},"ontouchstart"in t?(s="touchstart",n=["touchmove","touchend","touchcancel"]):t.PointerEvent?(s="pointerdown",n=["pointermove","pointerup","pointercancel"]):(s="mousedown",n=["mousemove","mouseup"]),o.touchActionValue="none",o.bindHandles=function(){this._bindHandles("addEventListener",this.touchActionValue)},o.unbindHandles=function(){this._bindHandles("removeEventListener","")},o._bindHandles=function(e,i){this.handles.forEach((n=>{n[e](s,this),n[e]("click",this),t.PointerEvent&&(n.style.touchAction=i)}))},o.bindActivePointerEvents=function(){n.forEach((e=>{t.addEventListener(e,this)}))},o.unbindActivePointerEvents=function(){n.forEach((e=>{t.removeEventListener(e,this)}))},o.withPointer=function(t,e){e.pointerId==this.pointerIdentifier&&this[t](e,e)},o.withTouch=function(t,e){let i;for(let t of e.changedTouches)t.identifier==this.pointerIdentifier&&(i=t);i&&this[t](e,i)},o.onmousedown=function(t){this.pointerDown(t,t)},o.ontouchstart=function(t){this.pointerDown(t,t.changedTouches[0])},o.onpointerdown=function(t){this.pointerDown(t,t)};const l=["TEXTAREA","INPUT","SELECT","OPTION"],r=["radio","checkbox","button","submit","image","file"];return o.pointerDown=function(t,e){let i=l.includes(t.target.nodeName),s=r.includes(t.target.type),n=!i||s;!this.isPointerDown&&!t.button&&n&&(this.isPointerDown=!0,this.pointerIdentifier=void 0!==e.pointerId?e.pointerId:e.identifier,this.pointerDownPointer={pageX:e.pageX,pageY:e.pageY},this.bindActivePointerEvents(),this.emitEvent("pointerDown",[t,e]))},o.onmousemove=function(t){this.pointerMove(t,t)},o.onpointermove=function(t){this.withPointer("pointerMove",t)},o.ontouchmove=function(t){this.withTouch("pointerMove",t)},o.pointerMove=function(t,e){let i={x:e.pageX-this.pointerDownPointer.pageX,y:e.pageY-this.pointerDownPointer.pageY};this.emitEvent("pointerMove",[t,e,i]),!this.isDragging&&this.hasDragStarted(i)&&this.dragStart(t,e),this.isDragging&&this.dragMove(t,e,i)},o.hasDragStarted=function(t){return Math.abs(t.x)>3||Math.abs(t.y)>3},o.dragStart=function(t,e){this.isDragging=!0,this.isPreventingClicks=!0,this.emitEvent("dragStart",[t,e])},o.dragMove=function(t,e,i){this.emitEvent("dragMove",[t,e,i])},o.onmouseup=function(t){this.pointerUp(t,t)},o.onpointerup=function(t){this.withPointer("pointerUp",t)},o.ontouchend=function(t){this.withTouch("pointerUp",t)},o.pointerUp=function(t,e){this.pointerDone(),this.emitEvent("pointerUp",[t,e]),this.isDragging?this.dragEnd(t,e):this.staticClick(t,e)},o.dragEnd=function(t,e){this.isDragging=!1,setTimeout((()=>delete this.isPreventingClicks)),this.emitEvent("dragEnd",[t,e])},o.pointerDone=function(){this.isPointerDown=!1,delete this.pointerIdentifier,this.unbindActivePointerEvents(),this.emitEvent("pointerDone")},o.onpointercancel=function(t){this.withPointer("pointerCancel",t)},o.ontouchcancel=function(t){this.withTouch("pointerCancel",t)},o.pointerCancel=function(t,e){this.pointerDone(),this.emitEvent("pointerCancel",[t,e])},o.onclick=function(t){this.isPreventingClicks&&t.preventDefault()},o.staticClick=function(t,e){let i="mouseup"==t.type;i&&this.isIgnoringMouseUp||(this.emitEvent("staticClick",[t,e]),i&&(this.isIgnoringMouseUp=!0,setTimeout((()=>{delete this.isIgnoringMouseUp}),400)))},i})),
 /*!
- * Flickity v2.3.0
- * Touch, responsive, flickable carousels
- *
- * Licensed GPLv3 for open source use
- * or Flickity Commercial License for commercial use
- *
- * https://flickity.metafizzy.co
- * Copyright 2015-2021 Metafizzy
- */
-(function(t,e){if(typeof define=="function"&&define.amd){define("flickity/js/index",["./flickity","./drag","./prev-next-button","./page-dots","./player","./add-remove-cell","./lazyload"],e)}else if(typeof module=="object"&&module.exports){module.exports=e(require("./flickity"),require("./drag"),require("./prev-next-button"),require("./page-dots"),require("./player"),require("./add-remove-cell"),require("./lazyload"))}})(window,function t(e){return e});
-/*!
- * Flickity asNavFor v2.0.2
- * enable asNavFor for Flickity
- */
-(function(t,e){if(typeof define=="function"&&define.amd){define("flickity-as-nav-for/as-nav-for",["flickity/js/index","fizzy-ui-utils/utils"],e)}else if(typeof module=="object"&&module.exports){module.exports=e(require("flickity"),require("fizzy-ui-utils"))}else{t.Flickity=e(t.Flickity,t.fizzyUIUtils)}})(window,function t(n,s){n.createMethods.push("_createAsNavFor");var e=n.prototype;e._createAsNavFor=function(){this.on("activate",this.activateAsNavFor);this.on("deactivate",this.deactivateAsNavFor);this.on("destroy",this.destroyAsNavFor);var e=this.options.asNavFor;if(!e){return}var i=this;setTimeout(function t(){i.setNavCompanion(e)})};e.setNavCompanion=function(t){t=s.getQueryElement(t);var e=n.data(t);if(!e||e==this){return}this.navCompanion=e;var i=this;this.onNavCompanionSelect=function(){i.navCompanionSelect()};e.on("select",this.onNavCompanionSelect);this.on("staticClick",this.onNavStaticClick);this.navCompanionSelect(true)};e.navCompanionSelect=function(t){var e=this.navCompanion&&this.navCompanion.selectedCells;if(!e){return}var i=e[0];var n=this.navCompanion.cells.indexOf(i);var s=n+e.length-1;var r=Math.floor(a(n,s,this.navCompanion.cellAlign));this.selectCell(r,false,t);this.removeNavSelectedElements();if(r>=this.cells.length){return}var o=this.cells.slice(n,s+1);this.navSelectedElements=o.map(function(t){return t.element});this.changeNavSelectedClass("add")};function a(t,e,i){return(e-t)*i+t}e.changeNavSelectedClass=function(e){this.navSelectedElements.forEach(function(t){t.classList[e]("is-nav-selected")})};e.activateAsNavFor=function(){this.navCompanionSelect(true)};e.removeNavSelectedElements=function(){if(!this.navSelectedElements){return}this.changeNavSelectedClass("remove");delete this.navSelectedElements};e.onNavStaticClick=function(t,e,i,n){if(typeof n=="number"){this.navCompanion.selectCell(n)}};e.deactivateAsNavFor=function(){this.removeNavSelectedElements()};e.destroyAsNavFor=function(){if(!this.navCompanion){return}this.navCompanion.off("select",this.onNavCompanionSelect);this.off("staticClick",this.onNavStaticClick);delete this.navCompanion};return n});
-/*!
- * imagesLoaded v4.1.4
+ * imagesLoaded v5.0.0
  * JavaScript is all like "You images are done yet or what?"
  * MIT License
  */
-(function(e,i){"use strict";if(typeof define=="function"&&define.amd){define("imagesloaded/imagesloaded",["ev-emitter/ev-emitter"],function(t){return i(e,t)})}else if(typeof module=="object"&&module.exports){module.exports=i(e,require("ev-emitter"))}else{e.imagesLoaded=i(e,e.EvEmitter)}})(typeof window!=="undefined"?window:this,function t(e,i){var s=e.jQuery;var r=e.console;function o(t,e){for(var i in e){t[i]=e[i]}return t}var n=Array.prototype.slice;function a(t){if(Array.isArray(t)){return t}var e=typeof t=="object"&&typeof t.length=="number";if(e){return n.call(t)}return[t]}function l(t,e,i){if(!(this instanceof l)){return new l(t,e,i)}var n=t;if(typeof t=="string"){n=document.querySelectorAll(t)}if(!n){r.error("Bad element for imagesLoaded "+(n||t));return}this.elements=a(n);this.options=o({},this.options);if(typeof e=="function"){i=e}else{o(this.options,e)}if(i){this.on("always",i)}this.getImages();if(s){this.jqDeferred=new s.Deferred}setTimeout(this.check.bind(this))}l.prototype=Object.create(i.prototype);l.prototype.options={};l.prototype.getImages=function(){this.images=[];this.elements.forEach(this.addElementImages,this)};l.prototype.addElementImages=function(t){if(t.nodeName=="IMG"){this.addImage(t)}if(this.options.background===true){this.addElementBackgroundImages(t)}var e=t.nodeType;if(!e||!h[e]){return}var i=t.querySelectorAll("img");for(var n=0;n<i.length;n++){var s=i[n];this.addImage(s)}if(typeof this.options.background=="string"){var r=t.querySelectorAll(this.options.background);for(n=0;n<r.length;n++){var o=r[n];this.addElementBackgroundImages(o)}}};var h={1:true,9:true,11:true};l.prototype.addElementBackgroundImages=function(t){var e=getComputedStyle(t);if(!e){return}var i=/url\((['"])?(.*?)\1\)/gi;var n=i.exec(e.backgroundImage);while(n!==null){var s=n&&n[2];if(s){this.addBackground(s,t)}n=i.exec(e.backgroundImage)}};l.prototype.addImage=function(t){var e=new c(t);this.images.push(e)};l.prototype.addBackground=function(t,e){var i=new u(t,e);this.images.push(i)};l.prototype.check=function(){var n=this;this.progressedCount=0;this.hasAnyBroken=false;if(!this.images.length){this.complete();return}function e(t,e,i){setTimeout(function(){n.progress(t,e,i)})}this.images.forEach(function(t){t.once("progress",e);t.check()})};l.prototype.progress=function(t,e,i){this.progressedCount++;this.hasAnyBroken=this.hasAnyBroken||!t.isLoaded;this.emitEvent("progress",[this,t,e]);if(this.jqDeferred&&this.jqDeferred.notify){this.jqDeferred.notify(this,t)}if(this.progressedCount==this.images.length){this.complete()}if(this.options.debug&&r){r.log("progress: "+i,t,e)}};l.prototype.complete=function(){var t=this.hasAnyBroken?"fail":"done";this.isComplete=true;this.emitEvent(t,[this]);this.emitEvent("always",[this]);if(this.jqDeferred){var e=this.hasAnyBroken?"reject":"resolve";this.jqDeferred[e](this)}};function c(t){this.img=t}c.prototype=Object.create(i.prototype);c.prototype.check=function(){var t=this.getIsImageComplete();if(t){this.confirm(this.img.naturalWidth!==0,"naturalWidth");return}this.proxyImage=new Image;this.proxyImage.addEventListener("load",this);this.proxyImage.addEventListener("error",this);this.img.addEventListener("load",this);this.img.addEventListener("error",this);this.proxyImage.src=this.img.src};c.prototype.getIsImageComplete=function(){return this.img.complete&&this.img.naturalWidth};c.prototype.confirm=function(t,e){this.isLoaded=t;this.emitEvent("progress",[this,this.img,e])};c.prototype.handleEvent=function(t){var e="on"+t.type;if(this[e]){this[e](t)}};c.prototype.onload=function(){this.confirm(true,"onload");this.unbindEvents()};c.prototype.onerror=function(){this.confirm(false,"onerror");this.unbindEvents()};c.prototype.unbindEvents=function(){this.proxyImage.removeEventListener("load",this);this.proxyImage.removeEventListener("error",this);this.img.removeEventListener("load",this);this.img.removeEventListener("error",this)};function u(t,e){this.url=t;this.element=e;this.img=new Image}u.prototype=Object.create(c.prototype);u.prototype.check=function(){this.img.addEventListener("load",this);this.img.addEventListener("error",this);this.img.src=this.url;var t=this.getIsImageComplete();if(t){this.confirm(this.img.naturalWidth!==0,"naturalWidth");this.unbindEvents()}};u.prototype.unbindEvents=function(){this.img.removeEventListener("load",this);this.img.removeEventListener("error",this)};u.prototype.confirm=function(t,e){this.isLoaded=t;this.emitEvent("progress",[this,this.element,e])};l.makeJQueryPlugin=function(t){t=t||e.jQuery;if(!t){return}s=t;s.fn.imagesLoaded=function(t,e){var i=new l(this,t,e);return i.jqDeferred.promise(s(this))}};l.makeJQueryPlugin();return l});
-/*!
- * Flickity imagesLoaded v2.0.0
- * enables imagesLoaded option for Flickity
- */
-(function(i,n){if(typeof define=="function"&&define.amd){define(["flickity/js/index","imagesloaded/imagesloaded"],function(t,e){return n(i,t,e)})}else if(typeof module=="object"&&module.exports){module.exports=n(i,require("flickity"),require("imagesloaded"))}else{i.Flickity=n(i,i.Flickity,i.imagesLoaded)}})(window,function t(e,i,s){"use strict";i.createMethods.push("_createImagesLoaded");var n=i.prototype;n._createImagesLoaded=function(){this.on("activate",this.imagesLoaded)};n.imagesLoaded=function(){if(!this.options.imagesLoaded){return}var n=this;function t(t,e){var i=n.getParentCell(e.img);n.cellSizeChange(i&&i.element);if(!n.options.freeScroll){n.positionSliderAtSelected()}}s(this.slider).on("progress",t)};return i});
\ No newline at end of file
+function(t,e){"object"==typeof module&&module.exports?module.exports=e(t,require("ev-emitter")):t.imagesLoaded=e(t,t.EvEmitter)}("undefined"!=typeof window?window:this,(function(t,e){let i=t.jQuery,s=t.console;function n(t,e,o){if(!(this instanceof n))return new n(t,e,o);let l=t;var r;("string"==typeof t&&(l=document.querySelectorAll(t)),l)?(this.elements=(r=l,Array.isArray(r)?r:"object"==typeof r&&"number"==typeof r.length?[...r]:[r]),this.options={},"function"==typeof e?o=e:Object.assign(this.options,e),o&&this.on("always",o),this.getImages(),i&&(this.jqDeferred=new i.Deferred),setTimeout(this.check.bind(this))):s.error(`Bad element for imagesLoaded ${l||t}`)}n.prototype=Object.create(e.prototype),n.prototype.getImages=function(){this.images=[],this.elements.forEach(this.addElementImages,this)};const o=[1,9,11];n.prototype.addElementImages=function(t){"IMG"===t.nodeName&&this.addImage(t),!0===this.options.background&&this.addElementBackgroundImages(t);let{nodeType:e}=t;if(!e||!o.includes(e))return;let i=t.querySelectorAll("img");for(let t of i)this.addImage(t);if("string"==typeof this.options.background){let e=t.querySelectorAll(this.options.background);for(let t of e)this.addElementBackgroundImages(t)}};const l=/url\((['"])?(.*?)\1\)/gi;function r(t){this.img=t}function h(t,e){this.url=t,this.element=e,this.img=new Image}return n.prototype.addElementBackgroundImages=function(t){let e=getComputedStyle(t);if(!e)return;let i=l.exec(e.backgroundImage);for(;null!==i;){let s=i&&i[2];s&&this.addBackground(s,t),i=l.exec(e.backgroundImage)}},n.prototype.addImage=function(t){let e=new r(t);this.images.push(e)},n.prototype.addBackground=function(t,e){let i=new h(t,e);this.images.push(i)},n.prototype.check=function(){if(this.progressedCount=0,this.hasAnyBroken=!1,!this.images.length)return void this.complete();let t=(t,e,i)=>{setTimeout((()=>{this.progress(t,e,i)}))};this.images.forEach((function(e){e.once("progress",t),e.check()}))},n.prototype.progress=function(t,e,i){this.progressedCount++,this.hasAnyBroken=this.hasAnyBroken||!t.isLoaded,this.emitEvent("progress",[this,t,e]),this.jqDeferred&&this.jqDeferred.notify&&this.jqDeferred.notify(this,t),this.progressedCount===this.images.length&&this.complete(),this.options.debug&&s&&s.log(`progress: ${i}`,t,e)},n.prototype.complete=function(){let t=this.hasAnyBroken?"fail":"done";if(this.isComplete=!0,this.emitEvent(t,[this]),this.emitEvent("always",[this]),this.jqDeferred){let t=this.hasAnyBroken?"reject":"resolve";this.jqDeferred[t](this)}},r.prototype=Object.create(e.prototype),r.prototype.check=function(){this.getIsImageComplete()?this.confirm(0!==this.img.naturalWidth,"naturalWidth"):(this.proxyImage=new Image,this.img.crossOrigin&&(this.proxyImage.crossOrigin=this.img.crossOrigin),this.proxyImage.addEventListener("load",this),this.proxyImage.addEventListener("error",this),this.img.addEventListener("load",this),this.img.addEventListener("error",this),this.proxyImage.src=this.img.currentSrc||this.img.src)},r.prototype.getIsImageComplete=function(){return this.img.complete&&this.img.naturalWidth},r.prototype.confirm=function(t,e){this.isLoaded=t;let{parentNode:i}=this.img,s="PICTURE"===i.nodeName?i:this.img;this.emitEvent("progress",[this,s,e])},r.prototype.handleEvent=function(t){let e="on"+t.type;this[e]&&this[e](t)},r.prototype.onload=function(){this.confirm(!0,"onload"),this.unbindEvents()},r.prototype.onerror=function(){this.confirm(!1,"onerror"),this.unbindEvents()},r.prototype.unbindEvents=function(){this.proxyImage.removeEventListener("load",this),this.proxyImage.removeEventListener("error",this),this.img.removeEventListener("load",this),this.img.removeEventListener("error",this)},h.prototype=Object.create(r.prototype),h.prototype.check=function(){this.img.addEventListener("load",this),this.img.addEventListener("error",this),this.img.src=this.url,this.getIsImageComplete()&&(this.confirm(0!==this.img.naturalWidth,"naturalWidth"),this.unbindEvents())},h.prototype.unbindEvents=function(){this.img.removeEventListener("load",this),this.img.removeEventListener("error",this)},h.prototype.confirm=function(t,e){this.isLoaded=t,this.emitEvent("progress",[this,this.element,e])},n.makeJQueryPlugin=function(e){(e=e||t.jQuery)&&(i=e,i.fn.imagesLoaded=function(t,e){return new n(this,t,e).jqDeferred.promise(i(this))})},n.makeJQueryPlugin(),n})),function(t,e){"object"==typeof module&&module.exports?module.exports=e(require("get-size")):(t.Flickity=t.Flickity||{},t.Flickity.Cell=e(t.getSize))}("undefined"!=typeof window?window:this,(function(t){const e="flickity-cell";function i(t){this.element=t,this.element.classList.add(e),this.x=0,this.unselect()}let s=i.prototype;return s.destroy=function(){this.unselect(),this.element.classList.remove(e),this.element.style.transform="",this.element.removeAttribute("aria-hidden")},s.getSize=function(){this.size=t(this.element)},s.select=function(){this.element.classList.add("is-selected"),this.element.removeAttribute("aria-hidden")},s.unselect=function(){this.element.classList.remove("is-selected"),this.element.setAttribute("aria-hidden","true")},s.remove=function(){this.element.remove()},i})),function(t,e){"object"==typeof module&&module.exports?module.exports=e():(t.Flickity=t.Flickity||{},t.Flickity.Slide=e())}("undefined"!=typeof window?window:this,(function(){function t(t,e,i){this.beginMargin=t,this.endMargin=e,this.cellAlign=i,this.cells=[],this.outerWidth=0,this.height=0}let e=t.prototype;return e.addCell=function(t){this.cells.push(t),this.outerWidth+=t.size.outerWidth,this.height=Math.max(t.size.outerHeight,this.height),1===this.cells.length&&(this.x=t.x,this.firstMargin=t.size[this.beginMargin])},e.updateTarget=function(){let t=this.getLastCell(),e=t?t.size[this.endMargin]:0,i=this.outerWidth-(this.firstMargin+e);this.target=this.x+this.firstMargin+i*this.cellAlign},e.getLastCell=function(){return this.cells[this.cells.length-1]},e.select=function(){this.cells.forEach((t=>t.select()))},e.unselect=function(){this.cells.forEach((t=>t.unselect()))},e.getCellElements=function(){return this.cells.map((t=>t.element))},t})),function(t,e){"object"==typeof module&&module.exports?module.exports=e(require("fizzy-ui-utils")):(t.Flickity=t.Flickity||{},t.Flickity.animatePrototype=e(t.fizzyUIUtils))}("undefined"!=typeof window?window:this,(function(t){let e={startAnimation:function(){this.isAnimating||(this.isAnimating=!0,this.restingFrames=0,this.animate())},animate:function(){this.applyDragForce(),this.applySelectedAttraction();let t=this.x;this.integratePhysics(),this.positionSlider(),this.settle(t),this.isAnimating&&requestAnimationFrame((()=>this.animate()))},positionSlider:function(){let e=this.x;this.isWrapping&&(e=t.modulo(e,this.slideableWidth)-this.slideableWidth,this.shiftWrapCells(e)),this.setTranslateX(e,this.isAnimating),this.dispatchScrollEvent()},setTranslateX:function(t,e){t+=this.cursorPosition,this.options.rightToLeft&&(t=-t);let i=this.getPositionValue(t);this.slider.style.transform=e?`translate3d(${i},0,0)`:`translateX(${i})`},dispatchScrollEvent:function(){let t=this.slides[0];if(!t)return;let e=-this.x-t.target,i=e/this.slidesWidth;this.dispatchEvent("scroll",null,[i,e])},positionSliderAtSelected:function(){this.cells.length&&(this.x=-this.selectedSlide.target,this.velocity=0,this.positionSlider())},getPositionValue:function(t){return this.options.percentPosition?.01*Math.round(t/this.size.innerWidth*1e4)+"%":Math.round(t)+"px"},settle:function(t){!this.isPointerDown&&Math.round(100*this.x)===Math.round(100*t)&&this.restingFrames++,this.restingFrames>2&&(this.isAnimating=!1,delete this.isFreeScrolling,this.positionSlider(),this.dispatchEvent("settle",null,[this.selectedIndex]))},shiftWrapCells:function(t){let e=this.cursorPosition+t;this._shiftCells(this.beforeShiftCells,e,-1);let i=this.size.innerWidth-(t+this.slideableWidth+this.cursorPosition);this._shiftCells(this.afterShiftCells,i,1)},_shiftCells:function(t,e,i){t.forEach((t=>{let s=e>0?i:0;this._wrapShiftCell(t,s),e-=t.size.outerWidth}))},_unshiftCells:function(t){t&&t.length&&t.forEach((t=>this._wrapShiftCell(t,0)))},_wrapShiftCell:function(t,e){this._renderCellPosition(t,t.x+this.slideableWidth*e)},integratePhysics:function(){this.x+=this.velocity,this.velocity*=this.getFrictionFactor()},applyForce:function(t){this.velocity+=t},getFrictionFactor:function(){return 1-this.options[this.isFreeScrolling?"freeScrollFriction":"friction"]},getRestingPosition:function(){return this.x+this.velocity/(1-this.getFrictionFactor())},applyDragForce:function(){if(!this.isDraggable||!this.isPointerDown)return;let t=this.dragX-this.x-this.velocity;this.applyForce(t)},applySelectedAttraction:function(){if(this.isDraggable&&this.isPointerDown||this.isFreeScrolling||!this.slides.length)return;let t=(-1*this.selectedSlide.target-this.x)*this.options.selectedAttraction;this.applyForce(t)}};return e})),function(t,e){if("object"==typeof module&&module.exports)module.exports=e(t,require("ev-emitter"),require("get-size"),require("fizzy-ui-utils"),require("./cell"),require("./slide"),require("./animate"));else{let i=t.Flickity;t.Flickity=e(t,t.EvEmitter,t.getSize,t.fizzyUIUtils,i.Cell,i.Slide,i.animatePrototype)}}("undefined"!=typeof window?window:this,(function(t,e,i,s,n,o,l){const{getComputedStyle:r,console:h}=t;let{jQuery:a}=t,c=0,d={};function u(t,e){let i=s.getQueryElement(t);if(i){if(this.element=i,this.element.flickityGUID){let t=d[this.element.flickityGUID];return t&&t.option(e),t}a&&(this.$element=a(this.element)),this.options={...this.constructor.defaults},this.option(e),this._create()}else h&&h.error(`Bad element for Flickity: ${i||t}`)}u.defaults={accessibility:!0,cellAlign:"center",freeScrollFriction:.075,friction:.28,namespaceJQueryEvents:!0,percentPosition:!0,resize:!0,selectedAttraction:.025,setGallerySize:!0},u.create={};let p=u.prototype;Object.assign(p,e.prototype),p._create=function(){let{resize:e,watchCSS:i,rightToLeft:s}=this.options,n=this.guid=++c;this.element.flickityGUID=n,d[n]=this,this.selectedIndex=0,this.restingFrames=0,this.x=0,this.velocity=0,this.beginMargin=s?"marginRight":"marginLeft",this.endMargin=s?"marginLeft":"marginRight",this.viewport=document.createElement("div"),this.viewport.className="flickity-viewport",this._createSlider(),this.focusableElems=[this.element],(e||i)&&t.addEventListener("resize",this);for(let t in this.options.on){let e=this.options.on[t];this.on(t,e)}for(let t in u.create)u.create[t].call(this);i?this.watchCSS():this.activate()},p.option=function(t){Object.assign(this.options,t)},p.activate=function(){if(this.isActive)return;this.isActive=!0,this.element.classList.add("flickity-enabled"),this.options.rightToLeft&&this.element.classList.add("flickity-rtl"),this.getSize();let t=this._filterFindCellElements(this.element.children);this.slider.append(...t),this.viewport.append(this.slider),this.element.append(this.viewport),this.reloadCells(),this.options.accessibility&&(this.element.tabIndex=0,this.element.addEventListener("keydown",this)),this.emitEvent("activate"),this.selectInitialIndex(),this.isInitActivated=!0,this.dispatchEvent("ready")},p._createSlider=function(){let t=document.createElement("div");t.className="flickity-slider",this.slider=t},p._filterFindCellElements=function(t){return s.filterFindElements(t,this.options.cellSelector)},p.reloadCells=function(){this.cells=this._makeCells(this.slider.children),this.positionCells(),this._updateWrapShiftCells(),this.setGallerySize()},p._makeCells=function(t){return this._filterFindCellElements(t).map((t=>new n(t)))},p.getLastCell=function(){return this.cells[this.cells.length-1]},p.getLastSlide=function(){return this.slides[this.slides.length-1]},p.positionCells=function(){this._sizeCells(this.cells),this._positionCells(0)},p._positionCells=function(t){t=t||0,this.maxCellHeight=t&&this.maxCellHeight||0;let e=0;if(t>0){let i=this.cells[t-1];e=i.x+i.size.outerWidth}this.cells.slice(t).forEach((t=>{t.x=e,this._renderCellPosition(t,e),e+=t.size.outerWidth,this.maxCellHeight=Math.max(t.size.outerHeight,this.maxCellHeight)})),this.slideableWidth=e,this.updateSlides(),this._containSlides(),this.slidesWidth=this.cells.length?this.getLastSlide().target-this.slides[0].target:0},p._renderCellPosition=function(t,e){let i=e*(this.options.rightToLeft?-1:1);this.options.percentPosition&&(i*=this.size.innerWidth/t.size.width);let s=this.getPositionValue(i);t.element.style.transform=`translateX( ${s} )`},p._sizeCells=function(t){t.forEach((t=>t.getSize()))},p.updateSlides=function(){if(this.slides=[],!this.cells.length)return;let{beginMargin:t,endMargin:e}=this,i=new o(t,e,this.cellAlign);this.slides.push(i);let s=this._getCanCellFit();this.cells.forEach(((n,l)=>{if(!i.cells.length)return void i.addCell(n);let r=i.outerWidth-i.firstMargin+(n.size.outerWidth-n.size[e]);s(l,r)||(i.updateTarget(),i=new o(t,e,this.cellAlign),this.slides.push(i)),i.addCell(n)})),i.updateTarget(),this.updateSelectedSlide()},p._getCanCellFit=function(){let{groupCells:t}=this.options;if(!t)return()=>!1;if("number"==typeof t){let e=parseInt(t,10);return t=>t%e!=0}let e=1,i="string"==typeof t&&t.match(/^(\d+)%$/);i&&(e=parseInt(i[1],10)/100);let s=(this.size.innerWidth+1)*e;return(t,e)=>e<=s},p._init=p.reposition=function(){this.positionCells(),this.positionSliderAtSelected()},p.getSize=function(){this.size=i(this.element),this.setCellAlign(),this.cursorPosition=this.size.innerWidth*this.cellAlign};let f={left:0,center:.5,right:1};p.setCellAlign=function(){let{cellAlign:t,rightToLeft:e}=this.options,i=f[t];this.cellAlign=void 0!==i?i:t,e&&(this.cellAlign=1-this.cellAlign)},p.setGallerySize=function(){if(!this.options.setGallerySize)return;let t=this.options.adaptiveHeight&&this.selectedSlide?this.selectedSlide.height:this.maxCellHeight;this.viewport.style.height=`${t}px`},p._updateWrapShiftCells=function(){if(this.isWrapping=this.getIsWrapping(),!this.isWrapping)return;this._unshiftCells(this.beforeShiftCells),this._unshiftCells(this.afterShiftCells);let t=this.cursorPosition,e=this.cells.length-1;this.beforeShiftCells=this._getGapCells(t,e,-1);let i=this.size.innerWidth-this.cursorPosition;this.afterShiftCells=this._getGapCells(i,0,1)},p.getIsWrapping=function(){let{wrapAround:t}=this.options;if(!t||this.slides.length<2)return!1;if("fill"!==t)return!0;let e=this.slideableWidth-this.size.innerWidth;if(e>this.size.innerWidth)return!0;for(let t of this.cells)if(t.size.outerWidth>e)return!1;return!0},p._getGapCells=function(t,e,i){let s=[];for(;t>0;){let n=this.cells[e];if(!n)break;s.push(n),e+=i,t-=n.size.outerWidth}return s},p._containSlides=function(){if(!(this.options.contain&&!this.isWrapping&&this.cells.length))return;let t=this.slideableWidth-this.getLastCell().size[this.endMargin];if(t<this.size.innerWidth)this.slides.forEach((e=>{e.target=t*this.cellAlign}));else{let e=this.cursorPosition+this.cells[0].size[this.beginMargin],i=t-this.size.innerWidth*(1-this.cellAlign);this.slides.forEach((t=>{t.target=Math.max(t.target,e),t.target=Math.min(t.target,i)}))}},p.dispatchEvent=function(t,e,i){let s=e?[e].concat(i):i;if(this.emitEvent(t,s),a&&this.$element){let s=t+=this.options.namespaceJQueryEvents?".flickity":"";if(e){let i=new a.Event(e);i.type=t,s=i}this.$element.trigger(s,i)}};const g=["dragStart","dragMove","dragEnd","pointerDown","pointerMove","pointerEnd","staticClick"];let m=p.emitEvent;p.emitEvent=function(t,e){if("staticClick"===t){let t=this.getParentCell(e[0].target),i=t&&t.element,s=t&&this.cells.indexOf(t);e=e.concat(i,s)}if(m.call(this,t,e),!g.includes(t)||!a||!this.$element)return;t+=this.options.namespaceJQueryEvents?".flickity":"";let i=e.shift(0),s=new a.Event(i);s.type=t,this.$element.trigger(s,e)},p.select=function(t,e,i){if(!this.isActive)return;if(t=parseInt(t,10),this._wrapSelect(t),(this.isWrapping||e)&&(t=s.modulo(t,this.slides.length)),!this.slides[t])return;let n=this.selectedIndex;this.selectedIndex=t,this.updateSelectedSlide(),i?this.positionSliderAtSelected():this.startAnimation(),this.options.adaptiveHeight&&this.setGallerySize(),this.dispatchEvent("select",null,[t]),t!==n&&this.dispatchEvent("change",null,[t])},p._wrapSelect=function(t){if(!this.isWrapping)return;const{selectedIndex:e,slideableWidth:i,slides:{length:n}}=this;if(!this.isDragSelect){let i=s.modulo(t,n),o=Math.abs(i-e),l=Math.abs(i+n-e),r=Math.abs(i-n-e);l<o?t+=n:r<o&&(t-=n)}t<0?this.x-=i:t>=n&&(this.x+=i)},p.previous=function(t,e){this.select(this.selectedIndex-1,t,e)},p.next=function(t,e){this.select(this.selectedIndex+1,t,e)},p.updateSelectedSlide=function(){let t=this.slides[this.selectedIndex];t&&(this.unselectSelectedSlide(),this.selectedSlide=t,t.select(),this.selectedCells=t.cells,this.selectedElements=t.getCellElements(),this.selectedCell=t.cells[0],this.selectedElement=this.selectedElements[0])},p.unselectSelectedSlide=function(){this.selectedSlide&&this.selectedSlide.unselect()},p.selectInitialIndex=function(){let t=this.options.initialIndex;if(this.isInitActivated)return void this.select(this.selectedIndex,!1,!0);if(t&&"string"==typeof t){if(this.queryCell(t))return void this.selectCell(t,!1,!0)}let e=0;t&&this.slides[t]&&(e=t),this.select(e,!1,!0)},p.selectCell=function(t,e,i){let s=this.queryCell(t);if(!s)return;let n=this.getCellSlideIndex(s);this.select(n,e,i)},p.getCellSlideIndex=function(t){let e=this.slides.find((e=>e.cells.includes(t)));return this.slides.indexOf(e)},p.getCell=function(t){for(let e of this.cells)if(e.element===t)return e},p.getCells=function(t){return(t=s.makeArray(t)).map((t=>this.getCell(t))).filter(Boolean)},p.getCellElements=function(){return this.cells.map((t=>t.element))},p.getParentCell=function(t){let e=this.getCell(t);if(e)return e;let i=t.closest(".flickity-slider > *");return this.getCell(i)},p.getAdjacentCellElements=function(t,e){if(!t)return this.selectedSlide.getCellElements();e=void 0===e?this.selectedIndex:e;let i=this.slides.length;if(1+2*t>=i)return this.getCellElements();let n=[];for(let o=e-t;o<=e+t;o++){let t=this.isWrapping?s.modulo(o,i):o,e=this.slides[t];e&&(n=n.concat(e.getCellElements()))}return n},p.queryCell=function(t){if("number"==typeof t)return this.cells[t];return"string"==typeof t&&!t.match(/^[#.]?[\d/]/)&&(t=this.element.querySelector(t)),this.getCell(t)},p.uiChange=function(){this.emitEvent("uiChange")},p.onresize=function(){this.watchCSS(),this.resize()},s.debounceMethod(u,"onresize",150),p.resize=function(){if(!this.isActive||this.isAnimating||this.isDragging)return;this.getSize(),this.isWrapping&&(this.x=s.modulo(this.x,this.slideableWidth)),this.positionCells(),this._updateWrapShiftCells(),this.setGallerySize(),this.emitEvent("resize");let t=this.selectedElements&&this.selectedElements[0];this.selectCell(t,!1,!0)},p.watchCSS=function(){if(!this.options.watchCSS)return;r(this.element,":after").content.includes("flickity")?this.activate():this.deactivate()},p.onkeydown=function(t){let{activeElement:e}=document,i=u.keyboardHandlers[t.key];this.options.accessibility&&e&&i&&this.focusableElems.some((t=>e===t))&&i.call(this)},u.keyboardHandlers={ArrowLeft:function(){this.uiChange(),this[this.options.rightToLeft?"next":"previous"]()},ArrowRight:function(){this.uiChange(),this[this.options.rightToLeft?"previous":"next"]()}},p.focus=function(){this.element.focus({preventScroll:!0})},p.deactivate=function(){this.isActive&&(this.element.classList.remove("flickity-enabled"),this.element.classList.remove("flickity-rtl"),this.unselectSelectedSlide(),this.cells.forEach((t=>t.destroy())),this.viewport.remove(),this.element.append(...this.slider.children),this.options.accessibility&&(this.element.removeAttribute("tabIndex"),this.element.removeEventListener("keydown",this)),this.isActive=!1,this.emitEvent("deactivate"))},p.destroy=function(){this.deactivate(),t.removeEventListener("resize",this),this.allOff(),this.emitEvent("destroy"),a&&this.$element&&a.removeData(this.element,"flickity"),delete this.element.flickityGUID,delete d[this.guid]},Object.assign(p,l),u.data=function(t){if(t=s.getQueryElement(t))return d[t.flickityGUID]},s.htmlInit(u,"flickity");let{jQueryBridget:y}=t;return a&&y&&y("flickity",u,a),u.setJQuery=function(t){a=t},u.Cell=n,u.Slide=o,u})),function(t,e){"object"==typeof module&&module.exports?module.exports=e(t,require("./core"),require("unidragger"),require("fizzy-ui-utils")):t.Flickity=e(t,t.Flickity,t.Unidragger,t.fizzyUIUtils)}("undefined"!=typeof window?window:this,(function(t,e,i,s){Object.assign(e.defaults,{draggable:">1",dragThreshold:3});let n=e.prototype;function o(){return{x:t.pageXOffset,y:t.pageYOffset}}return Object.assign(n,i.prototype),n.touchActionValue="",e.create.drag=function(){this.on("activate",this.onActivateDrag),this.on("uiChange",this._uiChangeDrag),this.on("deactivate",this.onDeactivateDrag),this.on("cellChange",this.updateDraggable),this.on("pointerDown",this.handlePointerDown),this.on("pointerUp",this.handlePointerUp),this.on("pointerDown",this.handlePointerDone),this.on("dragStart",this.handleDragStart),this.on("dragMove",this.handleDragMove),this.on("dragEnd",this.handleDragEnd),this.on("staticClick",this.handleStaticClick)},n.onActivateDrag=function(){this.handles=[this.viewport],this.bindHandles(),this.updateDraggable()},n.onDeactivateDrag=function(){this.unbindHandles(),this.element.classList.remove("is-draggable")},n.updateDraggable=function(){">1"===this.options.draggable?this.isDraggable=this.slides.length>1:this.isDraggable=this.options.draggable,this.element.classList.toggle("is-draggable",this.isDraggable)},n._uiChangeDrag=function(){delete this.isFreeScrolling},n.handlePointerDown=function(e){if(!this.isDraggable)return void this.bindActivePointerEvents(e);let i="touchstart"===e.type,s="touch"===e.pointerType,n=e.target.matches("input, textarea, select");i||s||n||e.preventDefault(),n||this.focus(),document.activeElement!==this.element&&document.activeElement.blur(),this.dragX=this.x,this.viewport.classList.add("is-pointer-down"),this.pointerDownScroll=o(),t.addEventListener("scroll",this),this.bindActivePointerEvents(e)},n.hasDragStarted=function(t){return Math.abs(t.x)>this.options.dragThreshold},n.handlePointerUp=function(){delete this.isTouchScrolling,this.viewport.classList.remove("is-pointer-down")},n.handlePointerDone=function(){t.removeEventListener("scroll",this),delete this.pointerDownScroll},n.handleDragStart=function(){this.isDraggable&&(this.dragStartPosition=this.x,this.startAnimation(),t.removeEventListener("scroll",this))},n.handleDragMove=function(t,e,i){if(!this.isDraggable)return;t.preventDefault(),this.previousDragX=this.dragX;let s=this.options.rightToLeft?-1:1;this.isWrapping&&(i.x%=this.slideableWidth);let n=this.dragStartPosition+i.x*s;if(!this.isWrapping){let t=Math.max(-this.slides[0].target,this.dragStartPosition);n=n>t?.5*(n+t):n;let e=Math.min(-this.getLastSlide().target,this.dragStartPosition);n=n<e?.5*(n+e):n}this.dragX=n,this.dragMoveTime=new Date},n.handleDragEnd=function(){if(!this.isDraggable)return;let{freeScroll:t}=this.options;t&&(this.isFreeScrolling=!0);let e=this.dragEndRestingSelect();if(t&&!this.isWrapping){let t=this.getRestingPosition();this.isFreeScrolling=-t>this.slides[0].target&&-t<this.getLastSlide().target}else t||e!==this.selectedIndex||(e+=this.dragEndBoostSelect());delete this.previousDragX,this.isDragSelect=this.isWrapping,this.select(e),delete this.isDragSelect},n.dragEndRestingSelect=function(){let t=this.getRestingPosition(),e=Math.abs(this.getSlideDistance(-t,this.selectedIndex)),i=this._getClosestResting(t,e,1),s=this._getClosestResting(t,e,-1);return i.distance<s.distance?i.index:s.index},n._getClosestResting=function(t,e,i){let s=this.selectedIndex,n=1/0,o=this.options.contain&&!this.isWrapping?(t,e)=>t<=e:(t,e)=>t<e;for(;o(e,n)&&(s+=i,n=e,null!==(e=this.getSlideDistance(-t,s)));)e=Math.abs(e);return{distance:n,index:s-i}},n.getSlideDistance=function(t,e){let i=this.slides.length,n=this.options.wrapAround&&i>1,o=n?s.modulo(e,i):e,l=this.slides[o];if(!l)return null;let r=n?this.slideableWidth*Math.floor(e/i):0;return t-(l.target+r)},n.dragEndBoostSelect=function(){if(void 0===this.previousDragX||!this.dragMoveTime||new Date-this.dragMoveTime>100)return 0;let t=this.getSlideDistance(-this.dragX,this.selectedIndex),e=this.previousDragX-this.dragX;return t>0&&e>0?1:t<0&&e<0?-1:0},n.onscroll=function(){let t=o(),e=this.pointerDownScroll.x-t.x,i=this.pointerDownScroll.y-t.y;(Math.abs(e)>3||Math.abs(i)>3)&&this.pointerDone()},e})),function(t,e){"object"==typeof module&&module.exports?module.exports=e(require("./core")):e(t.Flickity)}("undefined"!=typeof window?window:this,(function(t){const e="http://www.w3.org/2000/svg";function i(t,e,i){this.increment=t,this.direction=e,this.isPrevious="previous"===t,this.isLeft="left"===e,this._create(i)}i.prototype._create=function(t){let e=this.element=document.createElement("button");e.className=`flickity-button flickity-prev-next-button ${this.increment}`;let i=this.isPrevious?"Previous":"Next";e.setAttribute("type","button"),e.setAttribute("aria-label",i),this.disable();let s=this.createSVG(i,t);e.append(s)},i.prototype.createSVG=function(t,i){let s=document.createElementNS(e,"svg");s.setAttribute("class","flickity-button-icon"),s.setAttribute("viewBox","0 0 100 100");let n=document.createElementNS(e,"title");n.append(t);let o=document.createElementNS(e,"path"),l=function(t){if("string"==typeof t)return t;let{x0:e,x1:i,x2:s,x3:n,y1:o,y2:l}=t;return`M ${e}, 50\n    L ${i}, ${o+50}\n    L ${s}, ${l+50}\n    L ${n}, 50\n    L ${s}, ${50-l}\n    L ${i}, ${50-o}\n    Z`}(i);return o.setAttribute("d",l),o.setAttribute("class","arrow"),this.isLeft||o.setAttribute("transform","translate(100, 100) rotate(180)"),s.append(n,o),s},i.prototype.enable=function(){this.element.removeAttribute("disabled")},i.prototype.disable=function(){this.element.setAttribute("disabled",!0)},Object.assign(t.defaults,{prevNextButtons:!0,arrowShape:{x0:10,x1:60,y1:50,x2:70,y2:40,x3:30}}),t.create.prevNextButtons=function(){if(!this.options.prevNextButtons)return;let{rightToLeft:t,arrowShape:e}=this.options,s=t?"right":"left",n=t?"left":"right";this.prevButton=new i("previous",s,e),this.nextButton=new i("next",n,e),this.focusableElems.push(this.prevButton.element),this.focusableElems.push(this.nextButton.element),this.handlePrevButtonClick=()=>{this.uiChange(),this.previous()},this.handleNextButtonClick=()=>{this.uiChange(),this.next()},this.on("activate",this.activatePrevNextButtons),this.on("select",this.updatePrevNextButtons)};let s=t.prototype;return s.updatePrevNextButtons=function(){let t=this.slides.length?this.slides.length-1:0;this.updatePrevNextButton(this.prevButton,0),this.updatePrevNextButton(this.nextButton,t)},s.updatePrevNextButton=function(t,e){if(this.isWrapping&&this.slides.length>1)return void t.enable();let i=this.selectedIndex!==e;t[i?"enable":"disable"](),!i&&document.activeElement===t.element&&this.focus()},s.activatePrevNextButtons=function(){this.prevButton.element.addEventListener("click",this.handlePrevButtonClick),this.nextButton.element.addEventListener("click",this.handleNextButtonClick),this.element.append(this.prevButton.element,this.nextButton.element),this.on("deactivate",this.deactivatePrevNextButtons)},s.deactivatePrevNextButtons=function(){this.prevButton.element.remove(),this.nextButton.element.remove(),this.prevButton.element.removeEventListener("click",this.handlePrevButtonClick),this.nextButton.element.removeEventListener("click",this.handleNextButtonClick),this.off("deactivate",this.deactivatePrevNextButtons)},t.PrevNextButton=i,t})),function(t,e){"object"==typeof module&&module.exports?module.exports=e(require("./core"),require("fizzy-ui-utils")):e(t.Flickity,t.fizzyUIUtils)}("undefined"!=typeof window?window:this,(function(t,e){function i(){this.holder=document.createElement("div"),this.holder.className="flickity-page-dots",this.dots=[]}i.prototype.setDots=function(t){let e=t-this.dots.length;e>0?this.addDots(e):e<0&&this.removeDots(-e)},i.prototype.addDots=function(t){let e=new Array(t).fill().map(((t,e)=>{let i=document.createElement("button");i.setAttribute("type","button");let s=e+1+this.dots.length;return i.className="flickity-page-dot",i.textContent=`View slide ${s}`,i}));this.holder.append(...e),this.dots=this.dots.concat(e)},i.prototype.removeDots=function(t){this.dots.splice(this.dots.length-t,t).forEach((t=>t.remove()))},i.prototype.updateSelected=function(t){this.selectedDot&&(this.selectedDot.classList.remove("is-selected"),this.selectedDot.removeAttribute("aria-current")),this.dots.length&&(this.selectedDot=this.dots[t],this.selectedDot.classList.add("is-selected"),this.selectedDot.setAttribute("aria-current","step"))},t.PageDots=i,Object.assign(t.defaults,{pageDots:!0}),t.create.pageDots=function(){this.options.pageDots&&(this.pageDots=new i,this.handlePageDotsClick=this.onPageDotsClick.bind(this),this.on("activate",this.activatePageDots),this.on("select",this.updateSelectedPageDots),this.on("cellChange",this.updatePageDots),this.on("resize",this.updatePageDots),this.on("deactivate",this.deactivatePageDots))};let s=t.prototype;return s.activatePageDots=function(){this.pageDots.setDots(this.slides.length),this.focusableElems.push(...this.pageDots.dots),this.pageDots.holder.addEventListener("click",this.handlePageDotsClick),this.element.append(this.pageDots.holder)},s.onPageDotsClick=function(t){let e=this.pageDots.dots.indexOf(t.target);-1!==e&&(this.uiChange(),this.select(e))},s.updateSelectedPageDots=function(){this.pageDots.updateSelected(this.selectedIndex)},s.updatePageDots=function(){this.pageDots.dots.forEach((t=>{e.removeFrom(this.focusableElems,t)})),this.pageDots.setDots(this.slides.length),this.focusableElems.push(...this.pageDots.dots)},s.deactivatePageDots=function(){this.pageDots.holder.remove(),this.pageDots.holder.removeEventListener("click",this.handlePageDotsClick)},t.PageDots=i,t})),function(t,e){"object"==typeof module&&module.exports?module.exports=e(require("./core")):e(t.Flickity)}("undefined"!=typeof window?window:this,(function(t){function e(t,e){this.autoPlay=t,this.onTick=e,this.state="stopped",this.onVisibilityChange=this.visibilityChange.bind(this),this.onVisibilityPlay=this.visibilityPlay.bind(this)}e.prototype.play=function(){if("playing"===this.state)return;document.hidden?document.addEventListener("visibilitychange",this.onVisibilityPlay):(this.state="playing",document.addEventListener("visibilitychange",this.onVisibilityChange),this.tick())},e.prototype.tick=function(){if("playing"!==this.state)return;let t="number"==typeof this.autoPlay?this.autoPlay:3e3;this.clear(),this.timeout=setTimeout((()=>{this.onTick(),this.tick()}),t)},e.prototype.stop=function(){this.state="stopped",this.clear(),document.removeEventListener("visibilitychange",this.onVisibilityChange)},e.prototype.clear=function(){clearTimeout(this.timeout)},e.prototype.pause=function(){"playing"===this.state&&(this.state="paused",this.clear())},e.prototype.unpause=function(){"paused"===this.state&&this.play()},e.prototype.visibilityChange=function(){this[document.hidden?"pause":"unpause"]()},e.prototype.visibilityPlay=function(){this.play(),document.removeEventListener("visibilitychange",this.onVisibilityPlay)},Object.assign(t.defaults,{pauseAutoPlayOnHover:!0}),t.create.player=function(){this.player=new e(this.options.autoPlay,(()=>{this.next(!0)})),this.on("activate",this.activatePlayer),this.on("uiChange",this.stopPlayer),this.on("pointerDown",this.stopPlayer),this.on("deactivate",this.deactivatePlayer)};let i=t.prototype;return i.activatePlayer=function(){this.options.autoPlay&&(this.player.play(),this.element.addEventListener("mouseenter",this))},i.playPlayer=function(){this.player.play()},i.stopPlayer=function(){this.player.stop()},i.pausePlayer=function(){this.player.pause()},i.unpausePlayer=function(){this.player.unpause()},i.deactivatePlayer=function(){this.player.stop(),this.element.removeEventListener("mouseenter",this)},i.onmouseenter=function(){this.options.pauseAutoPlayOnHover&&(this.player.pause(),this.element.addEventListener("mouseleave",this))},i.onmouseleave=function(){this.player.unpause(),this.element.removeEventListener("mouseleave",this)},t.Player=e,t})),function(t,e){"object"==typeof module&&module.exports?module.exports=e(require("./core"),require("fizzy-ui-utils")):e(t.Flickity,t.fizzyUIUtils)}("undefined"!=typeof window?window:this,(function(t,e){let i=t.prototype;return i.insert=function(t,e){let i=this._makeCells(t);if(!i||!i.length)return;let s=this.cells.length;e=void 0===e?s:e;let n=function(t){let e=document.createDocumentFragment();return t.forEach((t=>e.appendChild(t.element))),e}(i),o=e===s;if(o)this.slider.appendChild(n);else{let t=this.cells[e].element;this.slider.insertBefore(n,t)}if(0===e)this.cells=i.concat(this.cells);else if(o)this.cells=this.cells.concat(i);else{let t=this.cells.splice(e,s-e);this.cells=this.cells.concat(i).concat(t)}this._sizeCells(i),this.cellChange(e),this.positionSliderAtSelected()},i.append=function(t){this.insert(t,this.cells.length)},i.prepend=function(t){this.insert(t,0)},i.remove=function(t){let i=this.getCells(t);if(!i||!i.length)return;let s=this.cells.length-1;i.forEach((t=>{t.remove();let i=this.cells.indexOf(t);s=Math.min(i,s),e.removeFrom(this.cells,t)})),this.cellChange(s),this.positionSliderAtSelected()},i.cellSizeChange=function(t){let e=this.getCell(t);if(!e)return;e.getSize();let i=this.cells.indexOf(e);this.cellChange(i)},i.cellChange=function(t){let e=this.selectedElement;this._positionCells(t),this._updateWrapShiftCells(),this.setGallerySize();let i=this.getCell(e);i&&(this.selectedIndex=this.getCellSlideIndex(i)),this.selectedIndex=Math.min(this.slides.length-1,this.selectedIndex),this.emitEvent("cellChange",[t]),this.select(this.selectedIndex)},t})),function(t,e){"object"==typeof module&&module.exports?module.exports=e(require("./core"),require("fizzy-ui-utils")):e(t.Flickity,t.fizzyUIUtils)}("undefined"!=typeof window?window:this,(function(t,e){const i="data-flickity-lazyload",s=`${i}-src`,n=`${i}-srcset`,o=`img[${i}], img[${s}], img[${n}], source[${n}]`;t.create.lazyLoad=function(){this.on("select",this.lazyLoad),this.handleLazyLoadComplete=this.onLazyLoadComplete.bind(this)};let l=t.prototype;function r(t){if(t.matches("img")){let e=t.getAttribute(i),o=t.getAttribute(s),l=t.getAttribute(n);if(e||o||l)return t}return[...t.querySelectorAll(o)]}function h(t,e){this.img=t,this.onComplete=e,this.load()}return l.lazyLoad=function(){let{lazyLoad:t}=this.options;if(!t)return;let e="number"==typeof t?t:0;this.getAdjacentCellElements(e).map(r).flat().forEach((t=>new h(t,this.handleLazyLoadComplete)))},l.onLazyLoadComplete=function(t,e){let i=this.getParentCell(t),s=i&&i.element;this.cellSizeChange(s),this.dispatchEvent("lazyLoad",e,s)},h.prototype.handleEvent=e.handleEvent,h.prototype.load=function(){this.img.addEventListener("load",this),this.img.addEventListener("error",this);let t=this.img.getAttribute(i)||this.img.getAttribute(s),e=this.img.getAttribute(n);this.img.src=t,e&&this.img.setAttribute("srcset",e),this.img.removeAttribute(i),this.img.removeAttribute(s),this.img.removeAttribute(n)},h.prototype.onload=function(t){this.complete(t,"flickity-lazyloaded")},h.prototype.onerror=function(t){this.complete(t,"flickity-lazyerror")},h.prototype.complete=function(t,e){this.img.removeEventListener("load",this),this.img.removeEventListener("error",this),(this.img.parentNode.matches("picture")?this.img.parentNode:this.img).classList.add(e),this.onComplete(this.img,t)},t.LazyLoader=h,t})),function(t,e){"object"==typeof module&&module.exports?module.exports=e(require("./core"),require("imagesloaded")):e(t.Flickity,t.imagesLoaded)}("undefined"!=typeof window?window:this,(function(t,e){return t.create.imagesLoaded=function(){this.on("activate",this.imagesLoaded)},t.prototype.imagesLoaded=function(){if(!this.options.imagesLoaded)return;e(this.slider).on("progress",((t,e)=>{let i=this.getParentCell(e.img);this.cellSizeChange(i&&i.element),this.options.freeScroll||this.positionSliderAtSelected()}))},t}));
\ No newline at end of file
diff --git a/_assets/js/isotope.pkgd.min.js b/_assets/js/isotope.pkgd.min.js
new file mode 100644
index 0000000..7ca671c
--- /dev/null
+++ b/_assets/js/isotope.pkgd.min.js
@@ -0,0 +1,12 @@
+/*!
+ * Isotope PACKAGED v3.0.6
+ *
+ * Licensed GPLv3 for open source use
+ * or Isotope Commercial License for commercial use
+ *
+ * https://isotope.metafizzy.co
+ * Copyright 2010-2018 Metafizzy
+ */
+
+!function(t,e){"function"==typeof define&&define.amd?define("jquery-bridget/jquery-bridget",["jquery"],function(i){return e(t,i)}):"object"==typeof module&&module.exports?module.exports=e(t,require("jquery")):t.jQueryBridget=e(t,t.jQuery)}(window,function(t,e){"use strict";function i(i,s,a){function u(t,e,o){var n,s="$()."+i+'("'+e+'")';return t.each(function(t,u){var h=a.data(u,i);if(!h)return void r(i+" not initialized. Cannot call methods, i.e. "+s);var d=h[e];if(!d||"_"==e.charAt(0))return void r(s+" is not a valid method");var l=d.apply(h,o);n=void 0===n?l:n}),void 0!==n?n:t}function h(t,e){t.each(function(t,o){var n=a.data(o,i);n?(n.option(e),n._init()):(n=new s(o,e),a.data(o,i,n))})}a=a||e||t.jQuery,a&&(s.prototype.option||(s.prototype.option=function(t){a.isPlainObject(t)&&(this.options=a.extend(!0,this.options,t))}),a.fn[i]=function(t){if("string"==typeof t){var e=n.call(arguments,1);return u(this,t,e)}return h(this,t),this},o(a))}function o(t){!t||t&&t.bridget||(t.bridget=i)}var n=Array.prototype.slice,s=t.console,r="undefined"==typeof s?function(){}:function(t){s.error(t)};return o(e||t.jQuery),i}),function(t,e){"function"==typeof define&&define.amd?define("ev-emitter/ev-emitter",e):"object"==typeof module&&module.exports?module.exports=e():t.EvEmitter=e()}("undefined"!=typeof window?window:this,function(){function t(){}var e=t.prototype;return e.on=function(t,e){if(t&&e){var i=this._events=this._events||{},o=i[t]=i[t]||[];return o.indexOf(e)==-1&&o.push(e),this}},e.once=function(t,e){if(t&&e){this.on(t,e);var i=this._onceEvents=this._onceEvents||{},o=i[t]=i[t]||{};return o[e]=!0,this}},e.off=function(t,e){var i=this._events&&this._events[t];if(i&&i.length){var o=i.indexOf(e);return o!=-1&&i.splice(o,1),this}},e.emitEvent=function(t,e){var i=this._events&&this._events[t];if(i&&i.length){i=i.slice(0),e=e||[];for(var o=this._onceEvents&&this._onceEvents[t],n=0;n<i.length;n++){var s=i[n],r=o&&o[s];r&&(this.off(t,s),delete o[s]),s.apply(this,e)}return this}},e.allOff=function(){delete this._events,delete this._onceEvents},t}),function(t,e){"function"==typeof define&&define.amd?define("get-size/get-size",e):"object"==typeof module&&module.exports?module.exports=e():t.getSize=e()}(window,function(){"use strict";function t(t){var e=parseFloat(t),i=t.indexOf("%")==-1&&!isNaN(e);return i&&e}function e(){}function i(){for(var t={width:0,height:0,innerWidth:0,innerHeight:0,outerWidth:0,outerHeight:0},e=0;e<h;e++){var i=u[e];t[i]=0}return t}function o(t){var e=getComputedStyle(t);return e||a("Style returned "+e+". Are you running this code in a hidden iframe on Firefox? See https://bit.ly/getsizebug1"),e}function n(){if(!d){d=!0;var e=document.createElement("div");e.style.width="200px",e.style.padding="1px 2px 3px 4px",e.style.borderStyle="solid",e.style.borderWidth="1px 2px 3px 4px",e.style.boxSizing="border-box";var i=document.body||document.documentElement;i.appendChild(e);var n=o(e);r=200==Math.round(t(n.width)),s.isBoxSizeOuter=r,i.removeChild(e)}}function s(e){if(n(),"string"==typeof e&&(e=document.querySelector(e)),e&&"object"==typeof e&&e.nodeType){var s=o(e);if("none"==s.display)return i();var a={};a.width=e.offsetWidth,a.height=e.offsetHeight;for(var d=a.isBorderBox="border-box"==s.boxSizing,l=0;l<h;l++){var f=u[l],c=s[f],m=parseFloat(c);a[f]=isNaN(m)?0:m}var p=a.paddingLeft+a.paddingRight,y=a.paddingTop+a.paddingBottom,g=a.marginLeft+a.marginRight,v=a.marginTop+a.marginBottom,_=a.borderLeftWidth+a.borderRightWidth,z=a.borderTopWidth+a.borderBottomWidth,I=d&&r,x=t(s.width);x!==!1&&(a.width=x+(I?0:p+_));var S=t(s.height);return S!==!1&&(a.height=S+(I?0:y+z)),a.innerWidth=a.width-(p+_),a.innerHeight=a.height-(y+z),a.outerWidth=a.width+g,a.outerHeight=a.height+v,a}}var r,a="undefined"==typeof console?e:function(t){console.error(t)},u=["paddingLeft","paddingRight","paddingTop","paddingBottom","marginLeft","marginRight","marginTop","marginBottom","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth"],h=u.length,d=!1;return s}),function(t,e){"use strict";"function"==typeof define&&define.amd?define("desandro-matches-selector/matches-selector",e):"object"==typeof module&&module.exports?module.exports=e():t.matchesSelector=e()}(window,function(){"use strict";var t=function(){var t=window.Element.prototype;if(t.matches)return"matches";if(t.matchesSelector)return"matchesSelector";for(var e=["webkit","moz","ms","o"],i=0;i<e.length;i++){var o=e[i],n=o+"MatchesSelector";if(t[n])return n}}();return function(e,i){return e[t](i)}}),function(t,e){"function"==typeof define&&define.amd?define("fizzy-ui-utils/utils",["desandro-matches-selector/matches-selector"],function(i){return e(t,i)}):"object"==typeof module&&module.exports?module.exports=e(t,require("desandro-matches-selector")):t.fizzyUIUtils=e(t,t.matchesSelector)}(window,function(t,e){var i={};i.extend=function(t,e){for(var i in e)t[i]=e[i];return t},i.modulo=function(t,e){return(t%e+e)%e};var o=Array.prototype.slice;i.makeArray=function(t){if(Array.isArray(t))return t;if(null===t||void 0===t)return[];var e="object"==typeof t&&"number"==typeof t.length;return e?o.call(t):[t]},i.removeFrom=function(t,e){var i=t.indexOf(e);i!=-1&&t.splice(i,1)},i.getParent=function(t,i){for(;t.parentNode&&t!=document.body;)if(t=t.parentNode,e(t,i))return t},i.getQueryElement=function(t){return"string"==typeof t?document.querySelector(t):t},i.handleEvent=function(t){var e="on"+t.type;this[e]&&this[e](t)},i.filterFindElements=function(t,o){t=i.makeArray(t);var n=[];return t.forEach(function(t){if(t instanceof HTMLElement){if(!o)return void n.push(t);e(t,o)&&n.push(t);for(var i=t.querySelectorAll(o),s=0;s<i.length;s++)n.push(i[s])}}),n},i.debounceMethod=function(t,e,i){i=i||100;var o=t.prototype[e],n=e+"Timeout";t.prototype[e]=function(){var t=this[n];clearTimeout(t);var e=arguments,s=this;this[n]=setTimeout(function(){o.apply(s,e),delete s[n]},i)}},i.docReady=function(t){var e=document.readyState;"complete"==e||"interactive"==e?setTimeout(t):document.addEventListener("DOMContentLoaded",t)},i.toDashed=function(t){return t.replace(/(.)([A-Z])/g,function(t,e,i){return e+"-"+i}).toLowerCase()};var n=t.console;return i.htmlInit=function(e,o){i.docReady(function(){var s=i.toDashed(o),r="data-"+s,a=document.querySelectorAll("["+r+"]"),u=document.querySelectorAll(".js-"+s),h=i.makeArray(a).concat(i.makeArray(u)),d=r+"-options",l=t.jQuery;h.forEach(function(t){var i,s=t.getAttribute(r)||t.getAttribute(d);try{i=s&&JSON.parse(s)}catch(a){return void(n&&n.error("Error parsing "+r+" on "+t.className+": "+a))}var u=new e(t,i);l&&l.data(t,o,u)})})},i}),function(t,e){"function"==typeof define&&define.amd?define("outlayer/item",["ev-emitter/ev-emitter","get-size/get-size"],e):"object"==typeof module&&module.exports?module.exports=e(require("ev-emitter"),require("get-size")):(t.Outlayer={},t.Outlayer.Item=e(t.EvEmitter,t.getSize))}(window,function(t,e){"use strict";function i(t){for(var e in t)return!1;return e=null,!0}function o(t,e){t&&(this.element=t,this.layout=e,this.position={x:0,y:0},this._create())}function n(t){return t.replace(/([A-Z])/g,function(t){return"-"+t.toLowerCase()})}var s=document.documentElement.style,r="string"==typeof s.transition?"transition":"WebkitTransition",a="string"==typeof s.transform?"transform":"WebkitTransform",u={WebkitTransition:"webkitTransitionEnd",transition:"transitionend"}[r],h={transform:a,transition:r,transitionDuration:r+"Duration",transitionProperty:r+"Property",transitionDelay:r+"Delay"},d=o.prototype=Object.create(t.prototype);d.constructor=o,d._create=function(){this._transn={ingProperties:{},clean:{},onEnd:{}},this.css({position:"absolute"})},d.handleEvent=function(t){var e="on"+t.type;this[e]&&this[e](t)},d.getSize=function(){this.size=e(this.element)},d.css=function(t){var e=this.element.style;for(var i in t){var o=h[i]||i;e[o]=t[i]}},d.getPosition=function(){var t=getComputedStyle(this.element),e=this.layout._getOption("originLeft"),i=this.layout._getOption("originTop"),o=t[e?"left":"right"],n=t[i?"top":"bottom"],s=parseFloat(o),r=parseFloat(n),a=this.layout.size;o.indexOf("%")!=-1&&(s=s/100*a.width),n.indexOf("%")!=-1&&(r=r/100*a.height),s=isNaN(s)?0:s,r=isNaN(r)?0:r,s-=e?a.paddingLeft:a.paddingRight,r-=i?a.paddingTop:a.paddingBottom,this.position.x=s,this.position.y=r},d.layoutPosition=function(){var t=this.layout.size,e={},i=this.layout._getOption("originLeft"),o=this.layout._getOption("originTop"),n=i?"paddingLeft":"paddingRight",s=i?"left":"right",r=i?"right":"left",a=this.position.x+t[n];e[s]=this.getXValue(a),e[r]="";var u=o?"paddingTop":"paddingBottom",h=o?"top":"bottom",d=o?"bottom":"top",l=this.position.y+t[u];e[h]=this.getYValue(l),e[d]="",this.css(e),this.emitEvent("layout",[this])},d.getXValue=function(t){var e=this.layout._getOption("horizontal");return this.layout.options.percentPosition&&!e?t/this.layout.size.width*100+"%":t+"px"},d.getYValue=function(t){var e=this.layout._getOption("horizontal");return this.layout.options.percentPosition&&e?t/this.layout.size.height*100+"%":t+"px"},d._transitionTo=function(t,e){this.getPosition();var i=this.position.x,o=this.position.y,n=t==this.position.x&&e==this.position.y;if(this.setPosition(t,e),n&&!this.isTransitioning)return void this.layoutPosition();var s=t-i,r=e-o,a={};a.transform=this.getTranslate(s,r),this.transition({to:a,onTransitionEnd:{transform:this.layoutPosition},isCleaning:!0})},d.getTranslate=function(t,e){var i=this.layout._getOption("originLeft"),o=this.layout._getOption("originTop");return t=i?t:-t,e=o?e:-e,"translate3d("+t+"px, "+e+"px, 0)"},d.goTo=function(t,e){this.setPosition(t,e),this.layoutPosition()},d.moveTo=d._transitionTo,d.setPosition=function(t,e){this.position.x=parseFloat(t),this.position.y=parseFloat(e)},d._nonTransition=function(t){this.css(t.to),t.isCleaning&&this._removeStyles(t.to);for(var e in t.onTransitionEnd)t.onTransitionEnd[e].call(this)},d.transition=function(t){if(!parseFloat(this.layout.options.transitionDuration))return void this._nonTransition(t);var e=this._transn;for(var i in t.onTransitionEnd)e.onEnd[i]=t.onTransitionEnd[i];for(i in t.to)e.ingProperties[i]=!0,t.isCleaning&&(e.clean[i]=!0);if(t.from){this.css(t.from);var o=this.element.offsetHeight;o=null}this.enableTransition(t.to),this.css(t.to),this.isTransitioning=!0};var l="opacity,"+n(a);d.enableTransition=function(){if(!this.isTransitioning){var t=this.layout.options.transitionDuration;t="number"==typeof t?t+"ms":t,this.css({transitionProperty:l,transitionDuration:t,transitionDelay:this.staggerDelay||0}),this.element.addEventListener(u,this,!1)}},d.onwebkitTransitionEnd=function(t){this.ontransitionend(t)},d.onotransitionend=function(t){this.ontransitionend(t)};var f={"-webkit-transform":"transform"};d.ontransitionend=function(t){if(t.target===this.element){var e=this._transn,o=f[t.propertyName]||t.propertyName;if(delete e.ingProperties[o],i(e.ingProperties)&&this.disableTransition(),o in e.clean&&(this.element.style[t.propertyName]="",delete e.clean[o]),o in e.onEnd){var n=e.onEnd[o];n.call(this),delete e.onEnd[o]}this.emitEvent("transitionEnd",[this])}},d.disableTransition=function(){this.removeTransitionStyles(),this.element.removeEventListener(u,this,!1),this.isTransitioning=!1},d._removeStyles=function(t){var e={};for(var i in t)e[i]="";this.css(e)};var c={transitionProperty:"",transitionDuration:"",transitionDelay:""};return d.removeTransitionStyles=function(){this.css(c)},d.stagger=function(t){t=isNaN(t)?0:t,this.staggerDelay=t+"ms"},d.removeElem=function(){this.element.parentNode.removeChild(this.element),this.css({display:""}),this.emitEvent("remove",[this])},d.remove=function(){return r&&parseFloat(this.layout.options.transitionDuration)?(this.once("transitionEnd",function(){this.removeElem()}),void this.hide()):void this.removeElem()},d.reveal=function(){delete this.isHidden,this.css({display:""});var t=this.layout.options,e={},i=this.getHideRevealTransitionEndProperty("visibleStyle");e[i]=this.onRevealTransitionEnd,this.transition({from:t.hiddenStyle,to:t.visibleStyle,isCleaning:!0,onTransitionEnd:e})},d.onRevealTransitionEnd=function(){this.isHidden||this.emitEvent("reveal")},d.getHideRevealTransitionEndProperty=function(t){var e=this.layout.options[t];if(e.opacity)return"opacity";for(var i in e)return i},d.hide=function(){this.isHidden=!0,this.css({display:""});var t=this.layout.options,e={},i=this.getHideRevealTransitionEndProperty("hiddenStyle");e[i]=this.onHideTransitionEnd,this.transition({from:t.visibleStyle,to:t.hiddenStyle,isCleaning:!0,onTransitionEnd:e})},d.onHideTransitionEnd=function(){this.isHidden&&(this.css({display:"none"}),this.emitEvent("hide"))},d.destroy=function(){this.css({position:"",left:"",right:"",top:"",bottom:"",transition:"",transform:""})},o}),function(t,e){"use strict";"function"==typeof define&&define.amd?define("outlayer/outlayer",["ev-emitter/ev-emitter","get-size/get-size","fizzy-ui-utils/utils","./item"],function(i,o,n,s){return e(t,i,o,n,s)}):"object"==typeof module&&module.exports?module.exports=e(t,require("ev-emitter"),require("get-size"),require("fizzy-ui-utils"),require("./item")):t.Outlayer=e(t,t.EvEmitter,t.getSize,t.fizzyUIUtils,t.Outlayer.Item)}(window,function(t,e,i,o,n){"use strict";function s(t,e){var i=o.getQueryElement(t);if(!i)return void(u&&u.error("Bad element for "+this.constructor.namespace+": "+(i||t)));this.element=i,h&&(this.$element=h(this.element)),this.options=o.extend({},this.constructor.defaults),this.option(e);var n=++l;this.element.outlayerGUID=n,f[n]=this,this._create();var s=this._getOption("initLayout");s&&this.layout()}function r(t){function e(){t.apply(this,arguments)}return e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e}function a(t){if("number"==typeof t)return t;var e=t.match(/(^\d*\.?\d*)(\w*)/),i=e&&e[1],o=e&&e[2];if(!i.length)return 0;i=parseFloat(i);var n=m[o]||1;return i*n}var u=t.console,h=t.jQuery,d=function(){},l=0,f={};s.namespace="outlayer",s.Item=n,s.defaults={containerStyle:{position:"relative"},initLayout:!0,originLeft:!0,originTop:!0,resize:!0,resizeContainer:!0,transitionDuration:"0.4s",hiddenStyle:{opacity:0,transform:"scale(0.001)"},visibleStyle:{opacity:1,transform:"scale(1)"}};var c=s.prototype;o.extend(c,e.prototype),c.option=function(t){o.extend(this.options,t)},c._getOption=function(t){var e=this.constructor.compatOptions[t];return e&&void 0!==this.options[e]?this.options[e]:this.options[t]},s.compatOptions={initLayout:"isInitLayout",horizontal:"isHorizontal",layoutInstant:"isLayoutInstant",originLeft:"isOriginLeft",originTop:"isOriginTop",resize:"isResizeBound",resizeContainer:"isResizingContainer"},c._create=function(){this.reloadItems(),this.stamps=[],this.stamp(this.options.stamp),o.extend(this.element.style,this.options.containerStyle);var t=this._getOption("resize");t&&this.bindResize()},c.reloadItems=function(){this.items=this._itemize(this.element.children)},c._itemize=function(t){for(var e=this._filterFindItemElements(t),i=this.constructor.Item,o=[],n=0;n<e.length;n++){var s=e[n],r=new i(s,this);o.push(r)}return o},c._filterFindItemElements=function(t){return o.filterFindElements(t,this.options.itemSelector)},c.getItemElements=function(){return this.items.map(function(t){return t.element})},c.layout=function(){this._resetLayout(),this._manageStamps();var t=this._getOption("layoutInstant"),e=void 0!==t?t:!this._isLayoutInited;this.layoutItems(this.items,e),this._isLayoutInited=!0},c._init=c.layout,c._resetLayout=function(){this.getSize()},c.getSize=function(){this.size=i(this.element)},c._getMeasurement=function(t,e){var o,n=this.options[t];n?("string"==typeof n?o=this.element.querySelector(n):n instanceof HTMLElement&&(o=n),this[t]=o?i(o)[e]:n):this[t]=0},c.layoutItems=function(t,e){t=this._getItemsForLayout(t),this._layoutItems(t,e),this._postLayout()},c._getItemsForLayout=function(t){return t.filter(function(t){return!t.isIgnored})},c._layoutItems=function(t,e){if(this._emitCompleteOnItems("layout",t),t&&t.length){var i=[];t.forEach(function(t){var o=this._getItemLayoutPosition(t);o.item=t,o.isInstant=e||t.isLayoutInstant,i.push(o)},this),this._processLayoutQueue(i)}},c._getItemLayoutPosition=function(){return{x:0,y:0}},c._processLayoutQueue=function(t){this.updateStagger(),t.forEach(function(t,e){this._positionItem(t.item,t.x,t.y,t.isInstant,e)},this)},c.updateStagger=function(){var t=this.options.stagger;return null===t||void 0===t?void(this.stagger=0):(this.stagger=a(t),this.stagger)},c._positionItem=function(t,e,i,o,n){o?t.goTo(e,i):(t.stagger(n*this.stagger),t.moveTo(e,i))},c._postLayout=function(){this.resizeContainer()},c.resizeContainer=function(){var t=this._getOption("resizeContainer");if(t){var e=this._getContainerSize();e&&(this._setContainerMeasure(e.width,!0),this._setContainerMeasure(e.height,!1))}},c._getContainerSize=d,c._setContainerMeasure=function(t,e){if(void 0!==t){var i=this.size;i.isBorderBox&&(t+=e?i.paddingLeft+i.paddingRight+i.borderLeftWidth+i.borderRightWidth:i.paddingBottom+i.paddingTop+i.borderTopWidth+i.borderBottomWidth),t=Math.max(t,0),this.element.style[e?"width":"height"]=t+"px"}},c._emitCompleteOnItems=function(t,e){function i(){n.dispatchEvent(t+"Complete",null,[e])}function o(){r++,r==s&&i()}var n=this,s=e.length;if(!e||!s)return void i();var r=0;e.forEach(function(e){e.once(t,o)})},c.dispatchEvent=function(t,e,i){var o=e?[e].concat(i):i;if(this.emitEvent(t,o),h)if(this.$element=this.$element||h(this.element),e){var n=h.Event(e);n.type=t,this.$element.trigger(n,i)}else this.$element.trigger(t,i)},c.ignore=function(t){var e=this.getItem(t);e&&(e.isIgnored=!0)},c.unignore=function(t){var e=this.getItem(t);e&&delete e.isIgnored},c.stamp=function(t){t=this._find(t),t&&(this.stamps=this.stamps.concat(t),t.forEach(this.ignore,this))},c.unstamp=function(t){t=this._find(t),t&&t.forEach(function(t){o.removeFrom(this.stamps,t),this.unignore(t)},this)},c._find=function(t){if(t)return"string"==typeof t&&(t=this.element.querySelectorAll(t)),t=o.makeArray(t)},c._manageStamps=function(){this.stamps&&this.stamps.length&&(this._getBoundingRect(),this.stamps.forEach(this._manageStamp,this))},c._getBoundingRect=function(){var t=this.element.getBoundingClientRect(),e=this.size;this._boundingRect={left:t.left+e.paddingLeft+e.borderLeftWidth,top:t.top+e.paddingTop+e.borderTopWidth,right:t.right-(e.paddingRight+e.borderRightWidth),bottom:t.bottom-(e.paddingBottom+e.borderBottomWidth)}},c._manageStamp=d,c._getElementOffset=function(t){var e=t.getBoundingClientRect(),o=this._boundingRect,n=i(t),s={left:e.left-o.left-n.marginLeft,top:e.top-o.top-n.marginTop,right:o.right-e.right-n.marginRight,bottom:o.bottom-e.bottom-n.marginBottom};return s},c.handleEvent=o.handleEvent,c.bindResize=function(){t.addEventListener("resize",this),this.isResizeBound=!0},c.unbindResize=function(){t.removeEventListener("resize",this),this.isResizeBound=!1},c.onresize=function(){this.resize()},o.debounceMethod(s,"onresize",100),c.resize=function(){this.isResizeBound&&this.needsResizeLayout()&&this.layout()},c.needsResizeLayout=function(){var t=i(this.element),e=this.size&&t;return e&&t.innerWidth!==this.size.innerWidth},c.addItems=function(t){var e=this._itemize(t);return e.length&&(this.items=this.items.concat(e)),e},c.appended=function(t){var e=this.addItems(t);e.length&&(this.layoutItems(e,!0),this.reveal(e))},c.prepended=function(t){var e=this._itemize(t);if(e.length){var i=this.items.slice(0);this.items=e.concat(i),this._resetLayout(),this._manageStamps(),this.layoutItems(e,!0),this.reveal(e),this.layoutItems(i)}},c.reveal=function(t){if(this._emitCompleteOnItems("reveal",t),t&&t.length){var e=this.updateStagger();t.forEach(function(t,i){t.stagger(i*e),t.reveal()})}},c.hide=function(t){if(this._emitCompleteOnItems("hide",t),t&&t.length){var e=this.updateStagger();t.forEach(function(t,i){t.stagger(i*e),t.hide()})}},c.revealItemElements=function(t){var e=this.getItems(t);this.reveal(e)},c.hideItemElements=function(t){var e=this.getItems(t);this.hide(e)},c.getItem=function(t){for(var e=0;e<this.items.length;e++){var i=this.items[e];if(i.element==t)return i}},c.getItems=function(t){t=o.makeArray(t);var e=[];return t.forEach(function(t){var i=this.getItem(t);i&&e.push(i)},this),e},c.remove=function(t){var e=this.getItems(t);this._emitCompleteOnItems("remove",e),e&&e.length&&e.forEach(function(t){t.remove(),o.removeFrom(this.items,t)},this)},c.destroy=function(){var t=this.element.style;t.height="",t.position="",t.width="",this.items.forEach(function(t){t.destroy()}),this.unbindResize();var e=this.element.outlayerGUID;delete f[e],delete this.element.outlayerGUID,h&&h.removeData(this.element,this.constructor.namespace)},s.data=function(t){t=o.getQueryElement(t);var e=t&&t.outlayerGUID;return e&&f[e]},s.create=function(t,e){var i=r(s);return i.defaults=o.extend({},s.defaults),o.extend(i.defaults,e),i.compatOptions=o.extend({},s.compatOptions),i.namespace=t,i.data=s.data,i.Item=r(n),o.htmlInit(i,t),h&&h.bridget&&h.bridget(t,i),i};var m={ms:1,s:1e3};return s.Item=n,s}),function(t,e){"function"==typeof define&&define.amd?define("isotope-layout/js/item",["outlayer/outlayer"],e):"object"==typeof module&&module.exports?module.exports=e(require("outlayer")):(t.Isotope=t.Isotope||{},t.Isotope.Item=e(t.Outlayer))}(window,function(t){"use strict";function e(){t.Item.apply(this,arguments)}var i=e.prototype=Object.create(t.Item.prototype),o=i._create;i._create=function(){this.id=this.layout.itemGUID++,o.call(this),this.sortData={}},i.updateSortData=function(){if(!this.isIgnored){this.sortData.id=this.id,this.sortData["original-order"]=this.id,this.sortData.random=Math.random();var t=this.layout.options.getSortData,e=this.layout._sorters;for(var i in t){var o=e[i];this.sortData[i]=o(this.element,this)}}};var n=i.destroy;return i.destroy=function(){n.apply(this,arguments),this.css({display:""})},e}),function(t,e){"function"==typeof define&&define.amd?define("isotope-layout/js/layout-mode",["get-size/get-size","outlayer/outlayer"],e):"object"==typeof module&&module.exports?module.exports=e(require("get-size"),require("outlayer")):(t.Isotope=t.Isotope||{},t.Isotope.LayoutMode=e(t.getSize,t.Outlayer))}(window,function(t,e){"use strict";function i(t){this.isotope=t,t&&(this.options=t.options[this.namespace],this.element=t.element,this.items=t.filteredItems,this.size=t.size)}var o=i.prototype,n=["_resetLayout","_getItemLayoutPosition","_manageStamp","_getContainerSize","_getElementOffset","needsResizeLayout","_getOption"];return n.forEach(function(t){o[t]=function(){return e.prototype[t].apply(this.isotope,arguments)}}),o.needsVerticalResizeLayout=function(){var e=t(this.isotope.element),i=this.isotope.size&&e;return i&&e.innerHeight!=this.isotope.size.innerHeight},o._getMeasurement=function(){this.isotope._getMeasurement.apply(this,arguments)},o.getColumnWidth=function(){this.getSegmentSize("column","Width")},o.getRowHeight=function(){this.getSegmentSize("row","Height")},o.getSegmentSize=function(t,e){var i=t+e,o="outer"+e;if(this._getMeasurement(i,o),!this[i]){var n=this.getFirstItemSize();this[i]=n&&n[o]||this.isotope.size["inner"+e]}},o.getFirstItemSize=function(){var e=this.isotope.filteredItems[0];return e&&e.element&&t(e.element)},o.layout=function(){this.isotope.layout.apply(this.isotope,arguments)},o.getSize=function(){this.isotope.getSize(),this.size=this.isotope.size},i.modes={},i.create=function(t,e){function n(){i.apply(this,arguments)}return n.prototype=Object.create(o),n.prototype.constructor=n,e&&(n.options=e),n.prototype.namespace=t,i.modes[t]=n,n},i}),function(t,e){"function"==typeof define&&define.amd?define("masonry-layout/masonry",["outlayer/outlayer","get-size/get-size"],e):"object"==typeof module&&module.exports?module.exports=e(require("outlayer"),require("get-size")):t.Masonry=e(t.Outlayer,t.getSize)}(window,function(t,e){var i=t.create("masonry");i.compatOptions.fitWidth="isFitWidth";var o=i.prototype;return o._resetLayout=function(){this.getSize(),this._getMeasurement("columnWidth","outerWidth"),this._getMeasurement("gutter","outerWidth"),this.measureColumns(),this.colYs=[];for(var t=0;t<this.cols;t++)this.colYs.push(0);this.maxY=0,this.horizontalColIndex=0},o.measureColumns=function(){if(this.getContainerWidth(),!this.columnWidth){var t=this.items[0],i=t&&t.element;this.columnWidth=i&&e(i).outerWidth||this.containerWidth}var o=this.columnWidth+=this.gutter,n=this.containerWidth+this.gutter,s=n/o,r=o-n%o,a=r&&r<1?"round":"floor";s=Math[a](s),this.cols=Math.max(s,1)},o.getContainerWidth=function(){var t=this._getOption("fitWidth"),i=t?this.element.parentNode:this.element,o=e(i);this.containerWidth=o&&o.innerWidth},o._getItemLayoutPosition=function(t){t.getSize();var e=t.size.outerWidth%this.columnWidth,i=e&&e<1?"round":"ceil",o=Math[i](t.size.outerWidth/this.columnWidth);o=Math.min(o,this.cols);for(var n=this.options.horizontalOrder?"_getHorizontalColPosition":"_getTopColPosition",s=this[n](o,t),r={x:this.columnWidth*s.col,y:s.y},a=s.y+t.size.outerHeight,u=o+s.col,h=s.col;h<u;h++)this.colYs[h]=a;return r},o._getTopColPosition=function(t){var e=this._getTopColGroup(t),i=Math.min.apply(Math,e);return{col:e.indexOf(i),y:i}},o._getTopColGroup=function(t){if(t<2)return this.colYs;for(var e=[],i=this.cols+1-t,o=0;o<i;o++)e[o]=this._getColGroupY(o,t);return e},o._getColGroupY=function(t,e){if(e<2)return this.colYs[t];var i=this.colYs.slice(t,t+e);return Math.max.apply(Math,i)},o._getHorizontalColPosition=function(t,e){var i=this.horizontalColIndex%this.cols,o=t>1&&i+t>this.cols;i=o?0:i;var n=e.size.outerWidth&&e.size.outerHeight;return this.horizontalColIndex=n?i+t:this.horizontalColIndex,{col:i,y:this._getColGroupY(i,t)}},o._manageStamp=function(t){var i=e(t),o=this._getElementOffset(t),n=this._getOption("originLeft"),s=n?o.left:o.right,r=s+i.outerWidth,a=Math.floor(s/this.columnWidth);a=Math.max(0,a);var u=Math.floor(r/this.columnWidth);u-=r%this.columnWidth?0:1,u=Math.min(this.cols-1,u);for(var h=this._getOption("originTop"),d=(h?o.top:o.bottom)+i.outerHeight,l=a;l<=u;l++)this.colYs[l]=Math.max(d,this.colYs[l])},o._getContainerSize=function(){this.maxY=Math.max.apply(Math,this.colYs);var t={height:this.maxY};return this._getOption("fitWidth")&&(t.width=this._getContainerFitWidth()),t},o._getContainerFitWidth=function(){for(var t=0,e=this.cols;--e&&0===this.colYs[e];)t++;return(this.cols-t)*this.columnWidth-this.gutter},o.needsResizeLayout=function(){var t=this.containerWidth;return this.getContainerWidth(),t!=this.containerWidth},i}),function(t,e){"function"==typeof define&&define.amd?define("isotope-layout/js/layout-modes/masonry",["../layout-mode","masonry-layout/masonry"],e):"object"==typeof module&&module.exports?module.exports=e(require("../layout-mode"),require("masonry-layout")):e(t.Isotope.LayoutMode,t.Masonry)}(window,function(t,e){"use strict";var i=t.create("masonry"),o=i.prototype,n={_getElementOffset:!0,layout:!0,_getMeasurement:!0};for(var s in e.prototype)n[s]||(o[s]=e.prototype[s]);var r=o.measureColumns;o.measureColumns=function(){this.items=this.isotope.filteredItems,r.call(this)};var a=o._getOption;return o._getOption=function(t){return"fitWidth"==t?void 0!==this.options.isFitWidth?this.options.isFitWidth:this.options.fitWidth:a.apply(this.isotope,arguments)},i}),function(t,e){"function"==typeof define&&define.amd?define("isotope-layout/js/layout-modes/fit-rows",["../layout-mode"],e):"object"==typeof exports?module.exports=e(require("../layout-mode")):e(t.Isotope.LayoutMode)}(window,function(t){"use strict";var e=t.create("fitRows"),i=e.prototype;return i._resetLayout=function(){this.x=0,this.y=0,this.maxY=0,this._getMeasurement("gutter","outerWidth")},i._getItemLayoutPosition=function(t){t.getSize();var e=t.size.outerWidth+this.gutter,i=this.isotope.size.innerWidth+this.gutter;0!==this.x&&e+this.x>i&&(this.x=0,this.y=this.maxY);var o={x:this.x,y:this.y};return this.maxY=Math.max(this.maxY,this.y+t.size.outerHeight),this.x+=e,o},i._getContainerSize=function(){return{height:this.maxY}},e}),function(t,e){"function"==typeof define&&define.amd?define("isotope-layout/js/layout-modes/vertical",["../layout-mode"],e):"object"==typeof module&&module.exports?module.exports=e(require("../layout-mode")):e(t.Isotope.LayoutMode)}(window,function(t){"use strict";var e=t.create("vertical",{horizontalAlignment:0}),i=e.prototype;return i._resetLayout=function(){this.y=0},i._getItemLayoutPosition=function(t){t.getSize();var e=(this.isotope.size.innerWidth-t.size.outerWidth)*this.options.horizontalAlignment,i=this.y;return this.y+=t.size.outerHeight,{x:e,y:i}},i._getContainerSize=function(){return{height:this.y}},e}),function(t,e){"function"==typeof define&&define.amd?define(["outlayer/outlayer","get-size/get-size","desandro-matches-selector/matches-selector","fizzy-ui-utils/utils","isotope-layout/js/item","isotope-layout/js/layout-mode","isotope-layout/js/layout-modes/masonry","isotope-layout/js/layout-modes/fit-rows","isotope-layout/js/layout-modes/vertical"],function(i,o,n,s,r,a){return e(t,i,o,n,s,r,a)}):"object"==typeof module&&module.exports?module.exports=e(t,require("outlayer"),require("get-size"),require("desandro-matches-selector"),require("fizzy-ui-utils"),require("isotope-layout/js/item"),require("isotope-layout/js/layout-mode"),require("isotope-layout/js/layout-modes/masonry"),require("isotope-layout/js/layout-modes/fit-rows"),require("isotope-layout/js/layout-modes/vertical")):t.Isotope=e(t,t.Outlayer,t.getSize,t.matchesSelector,t.fizzyUIUtils,t.Isotope.Item,t.Isotope.LayoutMode)}(window,function(t,e,i,o,n,s,r){function a(t,e){return function(i,o){for(var n=0;n<t.length;n++){var s=t[n],r=i.sortData[s],a=o.sortData[s];if(r>a||r<a){var u=void 0!==e[s]?e[s]:e,h=u?1:-1;return(r>a?1:-1)*h}}return 0}}var u=t.jQuery,h=String.prototype.trim?function(t){return t.trim()}:function(t){return t.replace(/^\s+|\s+$/g,"")},d=e.create("isotope",{layoutMode:"masonry",isJQueryFiltering:!0,sortAscending:!0});d.Item=s,d.LayoutMode=r;var l=d.prototype;l._create=function(){this.itemGUID=0,this._sorters={},this._getSorters(),e.prototype._create.call(this),this.modes={},this.filteredItems=this.items,this.sortHistory=["original-order"];for(var t in r.modes)this._initLayoutMode(t)},l.reloadItems=function(){this.itemGUID=0,e.prototype.reloadItems.call(this)},l._itemize=function(){for(var t=e.prototype._itemize.apply(this,arguments),i=0;i<t.length;i++){var o=t[i];o.id=this.itemGUID++}return this._updateItemsSortData(t),t},l._initLayoutMode=function(t){var e=r.modes[t],i=this.options[t]||{};this.options[t]=e.options?n.extend(e.options,i):i,this.modes[t]=new e(this)},l.layout=function(){return!this._isLayoutInited&&this._getOption("initLayout")?void this.arrange():void this._layout()},l._layout=function(){var t=this._getIsInstant();this._resetLayout(),this._manageStamps(),this.layoutItems(this.filteredItems,t),this._isLayoutInited=!0},l.arrange=function(t){this.option(t),this._getIsInstant();var e=this._filter(this.items);this.filteredItems=e.matches,this._bindArrangeComplete(),this._isInstant?this._noTransition(this._hideReveal,[e]):this._hideReveal(e),this._sort(),this._layout()},l._init=l.arrange,l._hideReveal=function(t){this.reveal(t.needReveal),this.hide(t.needHide)},l._getIsInstant=function(){var t=this._getOption("layoutInstant"),e=void 0!==t?t:!this._isLayoutInited;return this._isInstant=e,e},l._bindArrangeComplete=function(){function t(){e&&i&&o&&n.dispatchEvent("arrangeComplete",null,[n.filteredItems])}var e,i,o,n=this;this.once("layoutComplete",function(){e=!0,t()}),this.once("hideComplete",function(){i=!0,t()}),this.once("revealComplete",function(){o=!0,t()})},l._filter=function(t){var e=this.options.filter;e=e||"*";for(var i=[],o=[],n=[],s=this._getFilterTest(e),r=0;r<t.length;r++){var a=t[r];if(!a.isIgnored){var u=s(a);u&&i.push(a),u&&a.isHidden?o.push(a):u||a.isHidden||n.push(a)}}return{matches:i,needReveal:o,needHide:n}},l._getFilterTest=function(t){return u&&this.options.isJQueryFiltering?function(e){return u(e.element).is(t);
+}:"function"==typeof t?function(e){return t(e.element)}:function(e){return o(e.element,t)}},l.updateSortData=function(t){var e;t?(t=n.makeArray(t),e=this.getItems(t)):e=this.items,this._getSorters(),this._updateItemsSortData(e)},l._getSorters=function(){var t=this.options.getSortData;for(var e in t){var i=t[e];this._sorters[e]=f(i)}},l._updateItemsSortData=function(t){for(var e=t&&t.length,i=0;e&&i<e;i++){var o=t[i];o.updateSortData()}};var f=function(){function t(t){if("string"!=typeof t)return t;var i=h(t).split(" "),o=i[0],n=o.match(/^\[(.+)\]$/),s=n&&n[1],r=e(s,o),a=d.sortDataParsers[i[1]];return t=a?function(t){return t&&a(r(t))}:function(t){return t&&r(t)}}function e(t,e){return t?function(e){return e.getAttribute(t)}:function(t){var i=t.querySelector(e);return i&&i.textContent}}return t}();d.sortDataParsers={parseInt:function(t){return parseInt(t,10)},parseFloat:function(t){return parseFloat(t)}},l._sort=function(){if(this.options.sortBy){var t=n.makeArray(this.options.sortBy);this._getIsSameSortBy(t)||(this.sortHistory=t.concat(this.sortHistory));var e=a(this.sortHistory,this.options.sortAscending);this.filteredItems.sort(e)}},l._getIsSameSortBy=function(t){for(var e=0;e<t.length;e++)if(t[e]!=this.sortHistory[e])return!1;return!0},l._mode=function(){var t=this.options.layoutMode,e=this.modes[t];if(!e)throw new Error("No layout mode: "+t);return e.options=this.options[t],e},l._resetLayout=function(){e.prototype._resetLayout.call(this),this._mode()._resetLayout()},l._getItemLayoutPosition=function(t){return this._mode()._getItemLayoutPosition(t)},l._manageStamp=function(t){this._mode()._manageStamp(t)},l._getContainerSize=function(){return this._mode()._getContainerSize()},l.needsResizeLayout=function(){return this._mode().needsResizeLayout()},l.appended=function(t){var e=this.addItems(t);if(e.length){var i=this._filterRevealAdded(e);this.filteredItems=this.filteredItems.concat(i)}},l.prepended=function(t){var e=this._itemize(t);if(e.length){this._resetLayout(),this._manageStamps();var i=this._filterRevealAdded(e);this.layoutItems(this.filteredItems),this.filteredItems=i.concat(this.filteredItems),this.items=e.concat(this.items)}},l._filterRevealAdded=function(t){var e=this._filter(t);return this.hide(e.needHide),this.reveal(e.matches),this.layoutItems(e.matches,!0),e.matches},l.insert=function(t){var e=this.addItems(t);if(e.length){var i,o,n=e.length;for(i=0;i<n;i++)o=e[i],this.element.appendChild(o.element);var s=this._filter(e).matches;for(i=0;i<n;i++)e[i].isLayoutInstant=!0;for(this.arrange(),i=0;i<n;i++)delete e[i].isLayoutInstant;this.reveal(s)}};var c=l.remove;return l.remove=function(t){t=n.makeArray(t);var e=this.getItems(t);c.call(this,t);for(var i=e&&e.length,o=0;i&&o<i;o++){var s=e[o];n.removeFrom(this.filteredItems,s)}},l.shuffle=function(){for(var t=0;t<this.items.length;t++){var e=this.items[t];e.sortData.random=Math.random()}this.options.sortBy="random",this._sort(),this._layout()},l._noTransition=function(t,e){var i=this.options.transitionDuration;this.options.transitionDuration=0;var o=t.apply(this,e);return this.options.transitionDuration=i,o},l.getFilteredItemElements=function(){return this.filteredItems.map(function(t){return t.element})},d});
\ No newline at end of file
diff --git a/_assets/js/jBox.all.js b/_assets/js/jBox.all.js
new file mode 100644
index 0000000..bb81b40
--- /dev/null
+++ b/_assets/js/jBox.all.js
@@ -0,0 +1,2953 @@
+/**
+ * jBox is a jQuery plugin that makes it easy to create customizable tooltips, modal windows, image galleries and more.
+ *
+ * Author: Stephan Wagner <stephanwagner.me@gmail.com> (https://stephanwagner.me)
+ *
+ * License: MIT (https://opensource.org/licenses/MIT)
+ *
+ * Requires: jQuery 3.5.0 (https://code.jquery.com/jquery-3.5.0.min.js)
+ *
+ * Documentation: https://stephanwagner.me/jBox/documentation
+ *
+ * Demos: https://stephanwagner.me/jBox/demos
+ */
+
+function jBoxWrapper(jQuery) {
+
+
+  var jBox = function jBox(type, options) {
+
+
+    // Options (https://stephanwagner.me/jBox/options)
+
+    this.options = {
+
+      // jBox ID
+      id: null,                    // Choose a unique id, otherwise jBox will set one for you (jBox1, jBox2, ...)
+
+      // Dimensions
+      width: 'auto',               // The width of the content area, e.g. 'auto', 200, '80%'
+      height: 'auto',              // The height of the content area
+      minWidth: null,              // Minimal width
+      minHeight: null,             // Minimal height
+      maxWidth: null,              // Maximal width
+      maxHeight: null,             // Maximal height
+
+      // Responsive dimensions
+      responsiveWidth: true,       // Adjusts the width to fit the viewport
+      responsiveHeight: true,      // Adjusts the height to fit the viewport
+      responsiveMinWidth: 100,     // Don't adjust width below this value (in pixel)
+      responsiveMinHeight: 100,    // Don't adjust height below this value (in pixel)
+
+      // Attach
+      attach: null,                // A jQuery selector to elements that will open and close your jBox, e.g. '.tooltip'
+      trigger: 'click',            // The event to open or close your jBox, use 'click', 'touchclick' or 'mouseenter'
+      preventDefault: false,       // Prevent the default event when opening jBox, e.g. don't follow the href in a link
+
+      // Content
+      content: null,               // You can use HTML or a jQuery element, e.g. jQuery('#jBox-content'). The elements will be appended to the content element and then made visible, so hide them with style="display: none" beforehand
+      getContent: null,            // Get the content from an attribute when jBox opens, e.g. getContent: 'data-content'. Use 'html' to get the attached elements HTML as content
+      title: null,                 // Adds a title to your jBox
+      getTitle: null,              // Get the title from an attribute when jBox opens, e.g. getTitle: 'data-title'
+      footer: null,                // Adds a footer to your jBox
+      isolateScroll: true,         // Isolates scrolling to the content container
+
+      // AJAX
+      ajax: {                      // Setting an URL will make an AJAX request when jBox opens. Optional you can add any jQuery AJAX option (http://api.jquery.com/jquery.ajax/)
+        url: null,                 // The URL to send the AJAX request to
+        data: '',                  // Data to send with your AJAX request, e.g. {id: 82, limit: 10}
+        reload: false,             // Resend the AJAX request when jBox opens. Use true to send the AJAX request only once for every attached element or 'strict' to resend every time jBox opens
+        getURL: 'data-url',        // The attribute in the source element where the AJAX request will look for the URL, e.g. data-url="https://reqres.in/api/users"
+        getData: 'data-ajax',      // The attribute in the source element where the AJAX request will look for the data, e.g. data-ajax="id=82&limit=10"
+        setContent: true,          // Automatically set the response as new content when the AJAX request is finished
+        loadingClass: true,        // Add a class to the wrapper when jBox is loading, set to class name or true to use the default class name 'jBox-loading'
+        spinner: true,             // Hides the current content and adds a spinner while loading. You can pass HTML content to add your own spinner, e.g. spinner: '<div class="mySpinner"></div>'
+        spinnerDelay: 300,         // Milliseconds to wait until spinner appears
+        spinnerReposition: true    // Repositions jBox when the spinner is added or removed
+      },
+      cancelAjaxOnClose: true,     // Cancels the ajax call when jBox closes and it hasn't finished loading yet
+
+      // Position
+      target: null,                // The jQuery selector to the target element where jBox will be opened. If no element is found, jBox will use the attached element as target
+      position: {
+        x: 'center',               // Horizontal position, use a number, 'left', 'right' or 'center'
+        y: 'center'                // Vertical position, use a number, 'top', 'bottom' or 'center'
+      },
+      outside: null,               // Use 'x', 'y', or 'xy' to move your jBox outside of the target element
+      offset: 0,                   // Offset to final position, you can set different values for x and y with an object, e.g. {x: 20, y: 10}
+      attributes: {                // Note that attributes can only be 'left' or 'right' when using numbers for position, e.g. {x: 300, y: 20}
+        x: 'left',                 // Horizontal position, use 'left' or 'right'
+        y: 'top'                   // Vertical position, use 'top' or 'bottom'
+      },
+      fixed: false,                // Your jBox will stay on position when scrolling
+      adjustPosition: true,        // Adjusts your jBoxes position if there is not enough space, use 'flip', 'move' or true for both. This option overrides the reposition options
+      adjustTracker: false,        // By default jBox adjusts its position when it opens or when the window size changes, set to true to also adjust when scrolling
+      adjustDistance: 5,           // The minimal distance to the viewport edge while adjusting. Use an object to set different values, e.g. {top: 50, right: 5, bottom: 20, left: 5}
+      reposition: true,            // Calculates new position when the window-size changes
+      repositionOnOpen: true,      // Calculates new position each time jBox opens (rather than only when it opens the first time)
+      repositionOnContent: true,   // Calculates new position when the content changes with .setContent() or .setTitle()
+      holdPosition: true,          // Keeps current position if space permits. Applies only to 'Modal' type.
+
+      // Pointer
+      pointer: false,              // Your pointer will always point towards the target element, so the option outside needs to be 'x' or 'y'. By default the pointer is centered, set a position to move it to any side. You can also add an offset, e.g. 'left:30' or 'center:-20'
+      pointTo: 'target',           // Setting something else than 'target' will add a pointer even if there is no target element set or found. Use 'top', 'right', 'bottom' or 'left'
+
+      // Animations
+      fade: 180,                   // Fade duration in ms, set to 0 or false to disable
+      animation: null,             // Animation when opening or closing, use 'pulse', 'zoomIn', 'zoomOut', 'move', 'slide', 'flip', 'tada' (CSS inspired from Daniel Edens Animate.css: http://daneden.me/animate)
+
+      // Appearance
+      theme: 'Default',            // Set a jBox theme class
+      addClass: null,              // Adds classes to the wrapper
+      overlay: false,              // Adds an overlay to hide page content when jBox opens (adjust color and opacity with CSS)
+      overlayClass: null,          // Add a class name to the overlay
+      zIndex: 10000,               // Use a high z-index, or set to 'auto' to bring to front on open
+
+      // Delays
+      delayOpen: 0,                // Delay opening in ms. Note that the delay will be ignored if your jBox didn't finish closing
+      delayClose: 0,               // Delay closing in ms. Nnote that there is always a closing delay of at least 10ms to ensure jBox won't be closed when opening right away
+
+      // Closing
+      closeOnEsc: false,           // Close jBox when pressing [esc] key
+      closeOnClick: false,         // Close jBox with mouseclick. Use true (click anywhere), 'box' (click on jBox itself), 'overlay' (click on the overlay), 'body' (click anywhere but jBox)
+      closeOnMouseleave: false,    // Close jBox when the mouse leaves the jBox area or the area of the attached element
+      closeButton: false,          // Adds a close button to your jBox. Use 'title', 'box', 'overlay' or true (true will add the button to the overlay, title or the jBox itself, in that order if any of those elements can be found)
+
+      // Other options
+      appendTo: jQuery('body'),    // The element your jBox will be appended to. Any other element than jQuery('body') is only useful for fixed positions or when position values are numbers
+      createOnInit: false,         // Creates jBox and makes it available in DOM when it's being initialized, otherwise it will be created when it opens for the first time
+      blockScroll: false,          // Blocks scrolling when jBox is open
+      blockScrollAdjust: true,     // Adjust page elements to avoid content jumps when scrolling is blocked. See more here: https://github.com/StephanWagner/unscroll
+      draggable: false,            // Make your jBox draggable (use 'true', 'title' or provide an element as handle) (inspired from Chris Coyiers CSS-Tricks http://css-tricks.com/snippets/jquery/draggable-without-jquery-ui/)
+      dragOver: true,              // When you have multiple draggable jBoxes, the one you select will always move over the other ones
+      autoClose: false,            // Time in ms when jBox will close automatically after it was opened
+      delayOnHover: false,         // Delay auto-closing while mouse is hovered
+      showCountdown: false,        // Display a nice progress-indicator when autoClose is enabled
+
+      // Audio                     // You can use the integrated audio function whenever you'd like to play an audio file, e.g. onInit: function () { this.audio('url_to_audio_file_without_file_extension', 75); }
+      preloadAudio: true,          // Preloads the audio files set in option audio. You can also preload other audio files, e.g. ['src_to_file.mp3', 'src_to_file.ogg']
+      audio: null,                 // The URL to an audio file to play when jBox opens. Set the URL without file extension, jBox will look for an .mp3 and .ogg file. To play audio when jBox closes, use an object, e.g. {open: 'src_to_audio1', close: 'src_to_audio2'}
+      volume: 100,                 // The volume in percent. To have different volumes for opening and closeing, use an object, e.g. {open: 75, close: 100}
+
+      // Events                    // Note that you can use 'this' in all event functions, it refers to your jBox object (e.g. onInit: function () { this.open(); })
+      onInit: null,                // Fired when jBox is initialized
+      onAttach: null,              // Fired when jBox attached itself to elements, the attached element will be passed as a parameter, e.g. onAttach: function (element) { element.css({color: 'red'}); }
+      onPosition: null,            // Fired when jBox is positioned
+      onCreated: null,             // Fired when jBox is created and availible in DOM
+      onOpen: null,                // Fired when jBox opens
+      onOpenComplete: null,        // Fired when jBox is completely open (when fading is finished)
+      onClose: null,               // Fired when jBox closes
+      onCloseComplete: null,       // Fired when jBox is completely closed (when fading is finished)
+      onDragStart: null,           // Fired when dragging starts
+      onDragEnd: null              // Fired when dragging finished
+    };
+
+
+    // Default plugin options
+
+    this._pluginOptions = {
+
+      // Default options for tooltips
+      'Tooltip': {
+        getContent: 'title',
+        trigger: 'mouseenter',
+        position: {
+          x: 'center',
+          y: 'top'
+        },
+        outside: 'y',
+        pointer: true
+      },
+
+      // Default options for mouse tooltips
+      'Mouse': {
+        responsiveWidth: false,
+        responsiveHeight: false,
+        adjustPosition: 'flip',
+        target: 'mouse',
+        trigger: 'mouseenter',
+        position: {
+          x: 'right',
+          y: 'bottom'
+        },
+        outside: 'xy',
+        offset: 5
+      },
+
+      // Default options for modal windows
+      'Modal': {
+        target: jQuery(window),
+        fixed: true,
+        blockScroll: true,
+        closeOnEsc: true,
+        closeOnClick: 'overlay',
+        closeButton: true,
+        overlay: true,
+        animation: 'zoomIn'
+      },
+    };
+
+
+    // Merge options
+
+    this.options = jQuery.extend(true, this.options, this._pluginOptions[type] ? this._pluginOptions[type] : jBox._pluginOptions[type], options);
+
+
+    // Set the jBox type
+
+    jQuery.type(type) == 'string' && (this.type = type);
+
+
+    // Checks if the user is on a touch device, borrowed from https://github.com/Modernizr/Modernizr/blob/master/feature-detects/touchevents.js
+
+    this.isTouchDevice = (function () {
+      var prefixes = ' -webkit- -moz- -o- -ms- '.split(' ');
+      var mq = function (query) {
+        return window.matchMedia(query).matches;
+      }
+
+      if (('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch) {
+        return true;
+      }
+
+      var query = ['(', prefixes.join('touch-enabled),('), 'heartz', ')'].join('');
+      return mq(query);
+    })();
+
+
+    // Add close event for body click when we are on touch device and jBox triggers on mouseenter
+
+    if (this.isTouchDevice && this.options.trigger === 'mouseenter' && this.options.closeOnClick === false) {
+      this.options.closeOnClick = 'body';
+    }
+
+
+    // Local function to fire events
+
+    this._fireEvent = function (event, pass)
+    {
+      this.options['_' + event] && (this.options['_' + event].bind(this))(pass);
+      this.options[event] && (this.options[event].bind(this))(pass);
+    };
+
+
+    // Get a unique jBox ID
+
+    this.options.id === null && (this.options.id = 'jBox' + jBox._getUniqueID());
+    this.id = this.options.id;
+
+
+    // Correct impossible options
+
+    ((this.options.position.x == 'center' && this.options.outside == 'x') || (this.options.position.y == 'center' && this.options.outside == 'y')) && (this.options.outside = null);
+    this.options.pointTo == 'target' && (!this.options.outside || this.options.outside == 'xy') && (this.options.pointer = false);
+
+
+    // Correct multiple choice options
+
+    jQuery.type(this.options.offset) != 'object' ? (this.options.offset = {x: this.options.offset, y: this.options.offset}) : (this.options.offset = jQuery.extend({x: 0, y: 0}, this.options.offset));
+    jQuery.type(this.options.adjustDistance) != 'object' ? (this.options.adjustDistance = {top: this.options.adjustDistance, right: this.options.adjustDistance, bottom: this.options.adjustDistance, left: this.options.adjustDistance}) : (this.options.adjustDistance = jQuery.extend({top: 5, left: 5, right: 5, bottom: 5}, this.options.adjustDistance));
+
+
+    // Save default outside position
+
+    this.outside = this.options.outside && this.options.outside != 'xy' ? this.options.position[this.options.outside] : false;
+
+
+    // Save where the jBox is aligned to
+
+    this.align = this.outside ? this.outside : (this.options.position.y != 'center' && jQuery.type(this.options.position.y) != 'number' ? this.options.position.x : (this.options.position.x != 'center' && jQuery.type(this.options.position.x) != 'number' ? this.options.position.y : this.options.attributes.x));
+
+
+    // Adjust option zIndex
+
+    jBox.zIndexMax = Math.max(jBox.zIndexMax || 0, this.options.zIndex === 'auto' ? 10000 : this.options.zIndex);
+    if (this.options.zIndex === 'auto') {
+      this.adjustZIndexOnOpen = true;
+      jBox.zIndexMax += 2;
+      this.options.zIndex = jBox.zIndexMax;
+      this.trueModal = this.options.overlay;
+    }
+
+    // Internal positioning functions
+
+    this._getOpp = function (opp) { return {left: 'right', right: 'left', top: 'bottom', bottom: 'top', x: 'y', y: 'x'}[opp]; };
+    this._getXY = function (xy) { return {left: 'x', right: 'x', top: 'y', bottom: 'y', center: 'x'}[xy]; };
+    this._getTL = function (tl) { return {left: 'left', right: 'left', top: 'top', bottom: 'top', center: 'left', x: 'left', y: 'top'}[tl]; };
+
+
+    // Get a dimension value in integer pixel dependent on appended element
+
+    this._getInt = function (value, dimension) {
+      if (value == 'auto') return 'auto';
+      if (value && jQuery.type(value) == 'string' && value.slice(-1) == '%') {
+        return jQuery(window)[dimension == 'height' ? 'innerHeight' : 'innerWidth']() * parseInt(value.replace('%', '')) / 100;
+      }
+      return value;
+    };
+
+
+    // Create an svg element
+
+    this._createSVG = function (type, options)
+    {
+      var svg = document.createElementNS('http://www.w3.org/2000/svg', type);
+      jQuery.each(options, function (index, item) {
+        svg.setAttribute(item[0], (item[1] || ''));
+      });
+      return svg;
+    };
+
+
+    // Isolate scrolling in a container
+
+    this._isolateScroll = function (el)
+    {
+      // Abort if element not found
+      if (!el || !el.length) return;
+
+      el.on('DOMMouseScroll.jBoxIsolateScroll mousewheel.jBoxIsolateScroll', function (ev) {
+        var delta = ev.wheelDelta || (ev.originalEvent && ev.originalEvent.wheelDelta) || -ev.detail;
+        var overflowBottom = this.scrollTop + el.outerHeight() - this.scrollHeight >= 0;
+        var overflowTop = this.scrollTop <= 0;
+        ((delta < 0 && overflowBottom) || (delta > 0 && overflowTop)) && ev.preventDefault();
+      });
+    };
+
+
+    // Set the title width to content width
+
+    this._setTitleWidth = function ()
+    {
+      // Abort if there is no title or width of content is auto
+      if (!this.titleContainer || (this.content[0].style.width == 'auto' && !this.content[0].style.maxWidth)) return null;
+
+      // Expose wrapper to get actual width
+      if (this.wrapper.css('display') == 'none') {
+        this.wrapper.css('display', 'block');
+        var contentWidth = this.content.outerWidth();
+        this.wrapper.css('display', 'none');
+      } else {
+        var contentWidth = this.content.outerWidth();
+      }
+
+      // Set max-width only
+      this.titleContainer.css({maxWidth: (Math.max(contentWidth, parseInt(this.content[0].style.maxWidth)) || null)});
+    }
+
+
+    // Make jBox draggable
+
+    this._draggable = function ()
+    {
+      // Abort if jBox is not draggable
+      if (!this.options.draggable) return false;
+
+      // Get the handle where jBox will be dragged with
+      var handle = this.options.draggable == 'title' ? this.titleContainer : (this.options.draggable instanceof jQuery ? this.options.draggable : (jQuery.type(this.options.draggable) == 'string' ? jQuery(this.options.draggable) : this.wrapper));
+
+      // Abort if no handle or if draggable was set already
+      if (!handle || !(handle instanceof jQuery) || !handle.length || handle.data('jBox-draggable')) {
+        return false;
+      }
+
+      // Add mouse events
+      handle.addClass('jBox-draggable').data('jBox-draggable', true).on('touchstart mousedown', function (ev)
+      {
+        if (ev.button == 2 || jQuery(ev.target).hasClass('jBox-noDrag') || jQuery(ev.target).parents('.jBox-noDrag').length) {
+          // Hacky fix for jBox not closing on mobile devices when using draggable
+          if (ev.type == 'touchstart' && (jQuery(ev.target).hasClass('jBox-closeButton') || jQuery(ev.target).parents('.jBox-closeButton').length)) {
+            this.close({ignoreDelay: true});
+          }
+          return;
+        }
+
+        var pageX;
+        var pageY;
+
+        if (ev.type == 'touchstart' && ev.touches && ev.touches[0]) {
+          pageX = ev.touches[0].pageX;
+          pageY = ev.touches[0].pageY;
+        } else {
+          pageX = ev.pageX;
+          pageY = ev.pageY;
+        }
+
+        // Store current mouse position
+        this.draggingStartX = pageX;
+        this.draggingStartY = pageY;
+
+        // Adjust z-index when dragging jBox over another draggable jBox
+        if (this.options.dragOver && !this.trueModal && parseInt(this.wrapper.css('zIndex'), 10) <= jBox.zIndexMaxDragover) {
+          jBox.zIndexMaxDragover += 1;
+          this.wrapper.css('zIndex', jBox.zIndexMaxDragover);
+        }
+
+        var drg_h = this.wrapper.outerHeight();
+        var drg_w = this.wrapper.outerWidth();
+        var pos_y = this.wrapper.offset().top + drg_h - pageY;
+        var pos_x = this.wrapper.offset().left + drg_w - pageX;
+
+        jQuery(document).on('touchmove.jBox-draggable-' + this.id + ' mousemove.jBox-draggable-' + this.id, function (ev) {
+
+          var movingPageX;
+          var movingPageY;
+
+          if (ev.type == 'touchmove' && ev.touches && ev.touches[0]) {
+            movingPageX = ev.touches[0].pageX;
+            movingPageY = ev.touches[0].pageY;
+          } else {
+            movingPageX = ev.pageX;
+            movingPageY = ev.pageY;
+          }
+
+          // Fire onDragStart event when jBox moves
+          if (!this.dragging && this.draggingStartX != movingPageX && this.draggingStartY != movingPageY) {
+            this._fireEvent('onDragStart');
+            this.dragging = true;
+          }
+
+          // Adjust position
+          this.wrapper.offset({
+            top: movingPageY + pos_y - drg_h,
+            left: movingPageX + pos_x - drg_w
+          });
+        }.bind(this));
+        ev.preventDefault();
+
+      }.bind(this)).on('touchend mouseup', function () {
+        // Remove drag event
+        jQuery(document).off('touchmove.jBox-draggable-' + this.id + ' mousemove.jBox-draggable-' + this.id);
+
+        // Fire onDragEnd event
+        this.dragging && this._fireEvent('onDragEnd');
+
+        // Reset dragging reference
+        this.dragging = false;
+
+        if ((this.type == 'Modal' || this.type == 'Confirm') && this.options.holdPosition) {
+          // Drag end captures new position
+          var jBoxOffset = jQuery('#' + this.id).offset(),
+            pos = {
+              x: jBoxOffset.left - jQuery(document).scrollLeft(),
+              y: jBoxOffset.top - jQuery(document).scrollTop()
+            };
+          this.position({position: pos, offset: {x: 0, y: 0}});
+        }
+      }.bind(this));
+
+      // Get highest z-index
+      if (!this.trueModal) {
+        jBox.zIndexMaxDragover = !jBox.zIndexMaxDragover ? this.options.zIndex : Math.max(jBox.zIndexMaxDragover, this.options.zIndex);
+      }
+
+      return this;
+    };
+
+    // Create jBox
+
+    this._create = function ()
+    {
+      // Abort if jBox was created already
+      if (this.wrapper) return;
+
+      // Create wrapper
+      this.wrapper = jQuery('<div/>', {
+        id: this.id,
+        'class': 'jBox-wrapper' + (this.type ? ' jBox-' + this.type : '') + (this.options.theme ? ' jBox-' + this.options.theme : '') + (this.options.addClass ? ' ' + this.options.addClass : '')
+      }).css({
+        position: (this.options.fixed ? 'fixed' : 'absolute'),
+        display: 'none',
+        opacity: 0,
+        zIndex: this.options.zIndex
+
+        // Save the jBox instance in the wrapper, so you can get access to your jBox when you only have the element
+      }).data('jBox', this);
+
+      // Add mouseleave event, only close jBox when the new target is not the source element
+      this.options.closeOnMouseleave && this.wrapper.on('mouseleave', function (ev) {
+        !this.source || !(ev.relatedTarget == this.source[0] || jQuery.inArray(this.source[0], jQuery(ev.relatedTarget).parents('*')) !== -1) && this.close();
+      }.bind(this));
+
+      // Add closeOnClick: 'box' events
+      (this.options.closeOnClick == 'box') && this.wrapper.on('click tap', function () { this.close({ignoreDelay: true}); }.bind(this));
+
+      // Create container
+      this.container = jQuery('<div class="jBox-container"/>').appendTo(this.wrapper);
+
+      // Create content
+      this.content = jQuery('<div class="jBox-content"/>').appendTo(this.container);
+
+      // Create footer
+      this.options.footer && (this.footer = jQuery('<div class="jBox-footer"/>').append(this.options.footer).appendTo(this.container));
+
+      // Isolate scrolling
+      this.options.isolateScroll && this._isolateScroll(this.content);
+
+      // Create close button
+      if (this.options.closeButton) {
+        var closeButtonSVG = this._createSVG('svg', [['viewBox', '0 0 24 24']]);
+        closeButtonSVG.appendChild(this._createSVG('path', [['d', 'M22.2,4c0,0,0.5,0.6,0,1.1l-6.8,6.8l6.9,6.9c0.5,0.5,0,1.1,0,1.1L20,22.3c0,0-0.6,0.5-1.1,0L12,15.4l-6.9,6.9c-0.5,0.5-1.1,0-1.1,0L1.7,20c0,0-0.5-0.6,0-1.1L8.6,12L1.7,5.1C1.2,4.6,1.7,4,1.7,4L4,1.7c0,0,0.6-0.5,1.1,0L12,8.5l6.8-6.8c0.5-0.5,1.1,0,1.1,0L22.2,4z']]));
+        this.closeButton = jQuery('<div class="jBox-closeButton jBox-noDrag"/>').on('click tap', function (ev) { this.close({ignoreDelay: true}); }.bind(this)).append(closeButtonSVG);
+
+        // Add close button to jBox container
+        if (this.options.closeButton == 'box' || (this.options.closeButton === true && !this.options.overlay && !this.options.title && !this.options.getTitle)) {
+          this.wrapper.addClass('jBox-closeButton-box');
+          this.closeButton.appendTo(this.container);
+        }
+      }
+
+      // Append jBox to DOM
+      this.wrapper.appendTo(this.options.appendTo);
+
+      // Fix adjustDistance if there is a close button in the box
+      this.wrapper.find('.jBox-closeButton').length &&  jQuery.each(['top', 'right', 'bottom', 'left'], function (index, pos) {
+        this.wrapper.find('.jBox-closeButton').css(pos) && this.wrapper.find('.jBox-closeButton').css(pos) != 'auto' && (this.options.adjustDistance[pos] = Math.max(this.options.adjustDistance[pos], this.options.adjustDistance[pos] + (((parseInt(this.wrapper.find('.jBox-closeButton').css(pos)) || 0) + (parseInt(this.container.css('border-' + pos + '-width')) || 0)) * -1)));
+      }.bind(this));
+
+      // Create pointer
+      if (this.options.pointer) {
+
+        // Get pointer vars and save globally
+        this.pointer = {
+          position: (this.options.pointTo != 'target') ? this.options.pointTo : this._getOpp(this.outside),
+          xy: (this.options.pointTo != 'target') ? this._getXY(this.options.pointTo) : this._getXY(this.outside),
+          align: 'center',
+          offset: 0
+        };
+
+        this.pointer.element = jQuery('<div class="jBox-pointer jBox-pointer-' + this.pointer.position + '"/>').appendTo(this.wrapper);
+        this.pointer.dimensions = {
+          x: this.pointer.element.outerWidth(),
+          y: this.pointer.element.outerHeight()
+        };
+
+        if (jQuery.type(this.options.pointer) == 'string') {
+          var split = this.options.pointer.split(':');
+          split[0] && (this.pointer.align = split[0]);
+          split[1] && (this.pointer.offset = parseInt(split[1]));
+        }
+        this.pointer.alignAttribute = (this.pointer.xy == 'x' ? (this.pointer.align == 'bottom' ? 'bottom' : 'top') : (this.pointer.align == 'right' ? 'right' : 'left'));
+
+        // Set wrapper CSS
+        this.wrapper.css('padding-' + this.pointer.position, this.pointer.dimensions[this.pointer.xy]);
+
+        // Set pointer CSS
+        this.pointer.element.css(this.pointer.alignAttribute, (this.pointer.align == 'center' ? '50%' : 0)).css('margin-' + this.pointer.alignAttribute, this.pointer.offset);
+        this.pointer.margin = {};
+        this.pointer.margin['margin-' + this.pointer.alignAttribute] = this.pointer.offset;
+
+        // Add a transform to fix centered position
+        (this.pointer.align == 'center') && this.pointer.element.css('transform', 'translate(' + (this.pointer.xy == 'y' ? (this.pointer.dimensions.x * -0.5 + 'px') : 0) + ', ' + (this.pointer.xy == 'x' ? (this.pointer.dimensions.y * -0.5 + 'px') : 0) + ')');
+
+        this.pointer.element.css((this.pointer.xy == 'x' ? 'width' : 'height'), parseInt(this.pointer.dimensions[this.pointer.xy]) + parseInt(this.container.css('border-' + this.pointer.alignAttribute + '-width')));
+
+        // Add class to wrapper for CSS access
+        this.wrapper.addClass('jBox-pointerPosition-' + this.pointer.position);
+      }
+
+      // Set title and content
+      this.setContent(this.options.content, true);
+      this.setTitle(this.options.title, true);
+
+      this.options.draggable && this._draggable();
+
+      // Fire onCreated event
+      this._fireEvent('onCreated');
+    };
+
+
+    // Create jBox onInit
+
+    this.options.createOnInit && this._create();
+
+
+    // Attach jBox
+
+    this.options.attach && this.attach();
+
+
+    // Attach document and window events
+
+    this._attachEvents = function ()
+    {
+      // Cancel countdown on mouseenter if delayOnHover
+      this.options.delayOnHover && jQuery('#' + this.id).on('mouseenter', function (ev) { this.isHovered = true; }.bind(this));
+
+      // Resume countdown on mouseleave if delayOnHover
+      this.options.delayOnHover && jQuery('#' + this.id).on('mouseleave', function (ev) { this.isHovered = false; }.bind(this));
+
+      // Positioning events
+      if ((this.options.adjustPosition || this.options.reposition) && !this.fixed && this.outside) {
+
+        // Trigger position events when scrolling
+        this.options.adjustTracker && jQuery(window).on('scroll.jBox-' + this.id, function (ev) { this.position(); }.bind(this));
+
+        // Trigger position events when resizing
+        (this.options.adjustPosition || this.options.reposition) && jQuery(window).on('resize.jBox-' + this.id, function (ev) { this.position(); }.bind(this));
+      }
+
+      // Mousemove events
+      this.options.target == 'mouse' && jQuery('body').on('mousemove.jBox-' + this.id, function (ev) { this.position({mouseTarget: {top: ev.pageY, left: ev.pageX}}); }.bind(this));
+    };
+
+
+    // Detach document and window events
+
+    this._detachEvents = function ()
+    {
+      // Closing event: closeOnEsc
+      this.options.closeOnEsc && jQuery(document).off('keyup.jBox-' + this.id);
+
+      // Closing event: closeOnClick
+      (this.options.closeOnClick === true || this.options.closeOnClick == 'body') && jQuery(document).off('click.jBox-' + this.id + ' tap.jBox-' + this.id);
+
+      // Positioning events
+      this.options.adjustTracker && jQuery(window).off('scroll.jBox-' + this.id);
+      (this.options.adjustPosition || this.options.reposition) && jQuery(window).off('resize.jBox-' + this.id);
+
+      // Mousemove events
+      this.options.target == 'mouse' && jQuery('body').off('mousemove.jBox-' + this.id);
+    };
+
+
+    // Show overlay
+
+    this._showOverlay = function ()
+    {
+      // Create the overlay if wasn't created already
+      if (!this.overlay) {
+
+        // Create element and append to the element where jBox is appended to
+        this.overlay = jQuery('<div id="' + this.id + '-overlay"/>').addClass('jBox-overlay' + (this.type ? ' jBox-overlay-' + this.type : '')).css({
+          display: 'none',
+          opacity: 0,
+          zIndex: this.options.zIndex - 1
+        }).appendTo(this.options.appendTo);
+
+        // Add a class name to the overlay
+        this.options.overlayClass && this.overlay.addClass(this.options.overlayClass);
+
+        // Add close button to overlay
+        (this.options.closeButton == 'overlay' || this.options.closeButton === true) && this.overlay.append(this.closeButton);
+
+        // Add closeOnClick: 'overlay' events
+        this.options.closeOnClick == 'overlay' && this.overlay.on('click tap', function () { this.close({ignoreDelay: true}); }.bind(this));
+
+        // Adjust option adjustDistance if there is a close button in the overlay
+        jQuery('#' + this.id + '-overlay .jBox-closeButton').length && (this.options.adjustDistance.top = Math.max(jQuery('#' + this.id + '-overlay .jBox-closeButton').outerHeight(), this.options.adjustDistance.top));
+      }
+
+      // Adjust zIndex
+      if (this.adjustZIndexOnOpen === true) {
+        this.overlay.css('zIndex', parseInt(this.wrapper.css('zIndex'), 10) - 1);
+      }
+
+      // Abort if overlay is already visible
+      if (this.overlay.css('display') == 'block') return;
+
+      // Show overlay
+      this.options.fade ? (this.overlay.stop() && this.overlay.animate({opacity: 1}, {
+        queue: false,
+        duration: this.options.fade,
+        start: function () { this.overlay.css({display: 'block'}); }.bind(this)
+      })) : this.overlay.css({display: 'block', opacity: 1});
+    };
+
+
+    // Hide overlay
+
+    this._hideOverlay = function ()
+    {
+      // Abort if the overlay wasn't created yet
+      if (!this.overlay) return;
+
+      // Hide overlay if no other jBox needs it
+      this.options.fade ? (this.overlay.stop() && this.overlay.animate({opacity: 0}, {
+        queue: false,
+        duration: this.options.fade,
+        complete: function () { this.overlay.css({display: 'none'}); }.bind(this)
+      })) : this.overlay.css({display: 'none', opacity: 0});
+    };
+
+
+    // Get the correct jBox dimensions by moving jBox out of viewport
+
+    this._exposeDimensions = function ()
+    {
+      // Move wrapper out of viewport
+      this.wrapper.css({
+        top: -10000,
+        left: -10000,
+        right: 'auto',
+        bottom: 'auto'
+      });
+
+      // Get jBox dimensions
+      var jBoxDimensions = {
+        x: this.wrapper.outerWidth(),
+        y: this.wrapper.outerHeight()
+      };
+
+      // Reset position to viewport
+      this.wrapper.css({
+        top: 'auto',
+        left: 'auto'
+      });
+
+      return jBoxDimensions;
+    };
+
+
+    // Generate CSS for animations and append to header
+
+    this._generateAnimationCSS = function ()
+    {
+      // Get open and close animations if none provided
+      (jQuery.type(this.options.animation) != 'object') && (this.options.animation = {
+        pulse: {open: 'pulse', close: 'zoomOut'},
+        zoomIn: {open: 'zoomIn', close: 'zoomIn'},
+        zoomOut: {open: 'zoomOut', close: 'zoomOut'},
+        move: {open: 'move', close: 'move'},
+        slide: {open: 'slide', close: 'slide'},
+        flip: {open: 'flip', close: 'flip'},
+        tada: {open: 'tada', close: 'zoomOut'}
+      }[this.options.animation]);
+
+      // Abort if animation not found
+      if (!this.options.animation) return null;
+
+      // Get direction var
+      this.options.animation.open && (this.options.animation.open = this.options.animation.open.split(':'));
+      this.options.animation.close && (this.options.animation.close = this.options.animation.close.split(':'));
+      this.options.animation.openDirection = this.options.animation.open[1] ? this.options.animation.open[1] : null;
+      this.options.animation.closeDirection = this.options.animation.close[1] ? this.options.animation.close[1] : null;
+      this.options.animation.open && (this.options.animation.open = this.options.animation.open[0]);
+      this.options.animation.close && (this.options.animation.close = this.options.animation.close[0]);
+
+      // Add 'Open' and 'Close' to animation names
+      this.options.animation.open && (this.options.animation.open += 'Open');
+      this.options.animation.close && (this.options.animation.close += 'Close');
+
+      // All animations
+      var animations = {
+        pulse: {
+          duration: 350,
+          css: [['0%', 'scale(1)'], ['50%', 'scale(1.1)'], ['100%', 'scale(1)']]
+        },
+        zoomInOpen: {
+          duration: (this.options.fade || 180),
+          css: [['0%', 'scale(0.9)'], ['100%', 'scale(1)']]
+        },
+        zoomInClose: {
+          duration: (this.options.fade || 180),
+          css: [['0%', 'scale(1)'], ['100%', 'scale(0.9)']]
+        },
+        zoomOutOpen: {
+          duration: (this.options.fade || 180),
+          css: [['0%', 'scale(1.1)'], ['100%', 'scale(1)']]
+        },
+        zoomOutClose: {
+          duration: (this.options.fade || 180),
+          css: [['0%', 'scale(1)'], ['100%', 'scale(1.1)']]
+        },
+        moveOpen: {
+          duration: (this.options.fade || 180),
+          positions: {top: {'0%': -12}, right: {'0%': 12}, bottom: {'0%': 12}, left: {'0%': -12}},
+          css: [['0%', 'translate%XY(%Vpx)'], ['100%', 'translate%XY(0px)']]
+        },
+        moveClose: {
+          duration: (this.options.fade || 180),
+          timing: 'ease-in',
+          positions: {top: {'100%': -12}, right: {'100%': 12}, bottom: {'100%': 12}, left: {'100%': -12}},
+          css: [['0%', 'translate%XY(0px)'], ['100%', 'translate%XY(%Vpx)']]
+        },
+        slideOpen: {
+          duration: 400,
+          positions: {top: {'0%': -400}, right: {'0%': 400}, bottom: {'0%': 400}, left: {'0%': -400}},
+          css: [['0%', 'translate%XY(%Vpx)'], ['100%', 'translate%XY(0px)']]
+        },
+        slideClose: {
+          duration: 400,
+          timing: 'ease-in',
+          positions: {top: {'100%': -400}, right: {'100%': 400}, bottom: {'100%': 400}, left: {'100%': -400}},
+          css: [['0%', 'translate%XY(0px)'], ['100%', 'translate%XY(%Vpx)']]
+        },
+        flipOpen: {
+          duration: 600,
+          css: [['0%', 'perspective(400px) rotateX(90deg)'], ['40%', 'perspective(400px) rotateX(-15deg)'], ['70%', 'perspective(400px) rotateX(15deg)'], ['100%', 'perspective(400px) rotateX(0deg)']]
+        },
+        flipClose: {
+          duration: (this.options.fade || 300),
+          css: [['0%', 'perspective(400px) rotateX(0deg)'], ['100%', 'perspective(400px) rotateX(90deg)']]
+        },
+        tada: {
+          duration: 800,
+          css: [['0%', 'scale(1)'], ['10%, 20%', 'scale(0.9) rotate(-3deg)'], ['30%, 50%, 70%, 90%', 'scale(1.1) rotate(3deg)'], ['40%, 60%, 80%', 'scale(1.1) rotate(-3deg)'], ['100%', 'scale(1) rotate(0)']]
+        }
+      };
+
+      // Set Open and Close names for standalone animations
+      jQuery.each(['pulse', 'tada'], function (index, item) { animations[item + 'Open'] = animations[item + 'Close'] = animations[item]; });
+
+      // Function to generate the CSS for the keyframes
+      var generateKeyframeCSS = function (ev, position)
+      {
+        // Generate keyframes CSS
+        var keyframe_css = '@keyframes jBox-' + this.id + '-animation-' + this.options.animation[ev] + '-' + ev + (position ? '-' + position : '') + ' {';
+        jQuery.each(animations[this.options.animation[ev]].css, function (index, item) {
+          var translate = position ? item[1].replace('%XY', this._getXY(position).toUpperCase()) : item[1];
+          animations[this.options.animation[ev]].positions && (translate = translate.replace('%V', animations[this.options.animation[ev]].positions[position][item[0]]));
+          keyframe_css += item[0] + ' {transform:' + translate + ';}';
+
+        }.bind(this));
+        keyframe_css += '}';
+
+        // Generate class CSS
+        keyframe_css += '.jBox-' + this.id + '-animation-' + this.options.animation[ev] + '-' + ev + (position ? '-' + position : '') + ' {';
+        keyframe_css += 'animation-duration: ' + animations[this.options.animation[ev]].duration + 'ms;';
+        keyframe_css += 'animation-name: jBox-' + this.id + '-animation-' + this.options.animation[ev] + '-' + ev + (position ? '-' + position : '') + ';';
+        keyframe_css += animations[this.options.animation[ev]].timing ? ('animation-timing-function: ' + animations[this.options.animation[ev]].timing + ';') : '';
+        keyframe_css += '}';
+
+        return keyframe_css;
+      }.bind(this);
+
+      // Generate css for each event and positions
+      this._animationCSS = '';
+      jQuery.each(['open', 'close'], function (index, ev)
+      {
+        // No CSS needed for closing with no fade
+        if (!this.options.animation[ev] || !animations[this.options.animation[ev]] || (ev == 'close' && !this.options.fade)) return '';
+
+        // Generate CSS
+        animations[this.options.animation[ev]].positions ?
+          jQuery.each(['top', 'right', 'bottom', 'left'], function (index2, position) { this._animationCSS += generateKeyframeCSS(ev, position); }.bind(this)) :
+          this._animationCSS += generateKeyframeCSS(ev);
+      }.bind(this));
+
+    };
+
+
+    // Add css for animations
+
+    this.options.animation && this._generateAnimationCSS();
+
+
+    // Block body clicks for 10ms to prevent extra event triggering
+
+    this._blockBodyClick = function ()
+    {
+      this.blockBodyClick = true;
+      setTimeout(function () { this.blockBodyClick = false; }.bind(this), 10);
+    };
+
+
+    // Animations
+
+    this._animate = function (ev)
+    {
+      // The event which triggers the animation
+      !ev && (ev = this.isOpen ? 'open' : 'close');
+
+      // Don't animate when closing with no fade duration
+      if (!this.options.fade && ev == 'close') return null;
+
+      // Get the current position, use opposite if jBox is flipped
+      var animationDirection = (this.options.animation[ev + 'Direction'] || ((this.align != 'center') ? this.align : this.options.attributes.x));
+      this.flipped && this._getXY(animationDirection) == (this._getXY(this.align)) && (animationDirection = this._getOpp(animationDirection));
+
+      // Add event and position classes
+      var classnames = 'jBox-' + this.id + '-animation-' + this.options.animation[ev] + '-' + ev + ' jBox-' + this.id + '-animation-' + this.options.animation[ev] + '-' + ev + '-' + animationDirection;
+      this.wrapper.addClass(classnames);
+
+      // Get duration of animation
+      var animationDuration = parseFloat(this.wrapper.css('animation-duration')) * 1000;
+      ev == 'close' && (animationDuration = Math.min(animationDuration, this.options.fade));
+
+      // Remove animation classes when animation is finished
+      setTimeout(function () {
+        this.wrapper && this.wrapper.removeClass(classnames);
+      }.bind(this), animationDuration);
+    };
+
+
+    // Abort an animation
+
+    this._abortAnimation = function ()
+    {
+      // Remove all animation classes
+      var classes = this.wrapper.attr('class').split(' ').filter(function (c) {
+        return c.lastIndexOf('jBox-' + this.id + '-animation', 0) !== 0;
+      }.bind(this));
+      this.wrapper.attr('class', classes.join(' '));
+    };
+
+
+    // Adjust dimensions when browser is resized
+
+    if (this.options.responsiveWidth || this.options.responsiveHeight)
+    {
+      // Responsive positioning overrides options adjustPosition and reposition
+      // TODO: Only add this resize event when the other one from adjustPosition and reposition was not set
+      jQuery(window).on('resize.responsivejBox-' + this.id, function (ev) { if (this.isOpen) { this.position(); } }.bind(this));
+    }
+
+
+    // Fix audio options
+
+    jQuery.type(this.options.preloadAudio) === 'string' && (this.options.preloadAudio = [this.options.preloadAudio]);
+    jQuery.type(this.options.audio) === 'string' && (this.options.audio = {open: this.options.audio});
+    jQuery.type(this.options.volume) === 'number' && (this.options.volume = {open: this.options.volume, close: this.options.volume});
+
+    if (this.options.preloadAudio === true && this.options.audio) {
+      this.options.preloadAudio = [];
+      jQuery.each(this.options.audio, function (index, url) {
+        this.options.preloadAudio.push(url + '.mp3');
+        this.options.preloadAudio.push(url + '.ogg');
+      }.bind(this));
+    }
+
+
+    // Preload audio files
+
+    this.options.preloadAudio.length && jQuery.each(this.options.preloadAudio, function (index, url) {
+      var audio = new Audio();
+      audio.src = url;
+      audio.preload = 'auto';
+    });
+
+
+    // Fire onInit event
+
+    this._fireEvent('onInit');
+
+
+    return this;
+  };
+
+
+  // Attach jBox to elements
+
+  jBox.prototype.attach = function (elements, trigger)
+  {
+    // Get elements from options if none passed
+    !elements && (elements = this.options.attach);
+
+    // Convert selectors to jQuery objects
+    jQuery.type(elements) == 'string' && (elements = jQuery(elements));
+
+    // Get trigger event from options if not passed
+    !trigger && (trigger = this.options.trigger);
+
+    // Loop through elements and attach jBox
+    elements && elements.length && jQuery.each(elements, function (index, el) {
+      el = jQuery(el);
+
+      // Only attach if the element wasn't attached to this jBox already
+      if (!el.data('jBox-attached-' + this.id)) {
+
+        // Remove title attribute and store content on element
+        (this.options.getContent == 'title' && el.attr('title') != undefined) && el.data('jBox-getContent', el.attr('title')).removeAttr('title');
+
+        // Add Element to collection
+        this.attachedElements || (this.attachedElements = []);
+        this.attachedElements.push(el[0]);
+
+        // Add click or mouseenter event, click events can prevent default as well
+        el.on(trigger + '.jBox-attach-' + this.id, function (ev)
+        {
+          // Clear timer
+          this.timer && clearTimeout(this.timer);
+
+          // Block opening when jbox is open and the source element is triggering
+          if (trigger == 'mouseenter' && this.isOpen && this.source[0] == el[0]) return;
+
+          // Only close jBox if you click the current target element, otherwise open at new target
+          if (this.isOpen && this.source && this.source[0] != el[0]) var forceOpen = true;
+
+          // Set new source element
+          this.source = el;
+
+          // Set new target
+          !this.options.target && (this.target = el);
+
+          // Prevent default action on click
+          trigger == 'click' && this.options.preventDefault && ev.preventDefault();
+
+          // Toggle or open jBox
+          this[trigger == 'click' && !forceOpen ? 'toggle' : 'open']();
+
+        }.bind(this));
+
+        // Add close event for trigger event mouseenter
+        (this.options.trigger == 'mouseenter') && el.on('mouseleave', function (ev)
+        {
+          // Abort if jBox wasn't created yet
+          if (!this.wrapper) return null;
+
+          // If we have set closeOnMouseleave, do not close jBox when leaving attached element and mouse is over jBox
+          if (!this.options.closeOnMouseleave || !(ev.relatedTarget == this.wrapper[0] || jQuery(ev.relatedTarget).parents('#' + this.id).length)) this.close();
+        }.bind(this));
+
+        // Store
+        el.data('jBox-attached-' + this.id, trigger);
+
+        // Fire onAttach event
+        this._fireEvent('onAttach', el);
+      }
+
+    }.bind(this));
+
+    return this;
+  };
+
+
+  // Detach jBox from elements
+
+  jBox.prototype.detach = function (elements)
+  {
+    // Get elements from stores elements if none passed
+    !elements && (elements = this.attachedElements || []);
+
+    elements && elements.length && jQuery.each(elements, function (index, el) {
+      el = jQuery(el);
+
+      // Remove events
+      if (el.data('jBox-attached-' + this.id)) {
+        el.off(el.data('jBox-attached-' + this.id) + '.jBox-attach-' + this.id);
+        el.data('jBox-attached-' + this.id, null);
+      }
+      // Remove element from collection
+      this.attachedElements = jQuery.grep(this.attachedElements, function (value) {
+        return value != el[0];
+      });
+    }.bind(this));
+
+    return this;
+  };
+
+
+  // Set title
+
+  jBox.prototype.setTitle = function (title, ignore_positioning)
+  {
+    // Abort if title to set
+    if (title == null || title == undefined) return this;
+
+    // Create jBox if it wasn't created already
+    !this.wrapper && this._create();
+
+    // Get the width and height of wrapper, only if they change we need to reposition
+    var wrapperHeight = this.wrapper.outerHeight();
+    var wrapperWidth = this.wrapper.outerWidth();
+
+    // Create title elements if they weren't created already
+    if (!this.title) {
+      this.titleContainer = jQuery('<div class="jBox-title"/>');
+      this.title = jQuery('<div/>').appendTo(this.titleContainer);
+      if (this.options.closeButton == 'title' || (this.options.closeButton === true && !this.options.overlay)) {
+        this.wrapper.addClass('jBox-closeButton-title');
+        this.closeButton.appendTo(this.titleContainer);
+      }
+      this.titleContainer.insertBefore(this.content);
+      this._setTitleWidth();
+    }
+
+    // Add or remove wrapper class
+    this.wrapper[title ? 'addClass' : 'removeClass']('jBox-hasTitle');
+
+    // Set title html
+    this.title.html(title);
+
+    // Adjust width of title
+    wrapperWidth != this.wrapper.outerWidth() && this._setTitleWidth();
+
+    // Make jBox draggable
+    this.options.draggable && this._draggable();
+
+    // Reposition if dimensions changed
+    !ignore_positioning && this.options.repositionOnContent && (wrapperHeight != this.wrapper.outerHeight() || wrapperWidth != this.wrapper.outerWidth()) && this.position();
+
+    return this;
+  };
+
+
+  // Set content
+
+  jBox.prototype.setContent = function (content, ignore_positioning)
+  {
+    // Abort if no content to set
+    if (content == null || content == undefined) return this;
+
+    // Create jBox if it wasn't created already
+    !this.wrapper && this._create();
+
+    // Get the width and height of wrapper, only if they change we need to reposition
+    var wrapperHeight = this.wrapper.outerHeight();
+    var wrapperWidth = this.wrapper.outerWidth();
+
+    // Move all appended containers to body
+    this.content.children('[data-jbox-content-appended]').appendTo('body').css({display: 'none'});
+
+    // Set the new content
+    switch (jQuery.type(content)) {
+      case 'string':
+        this.content.html(content);
+        break;
+      case 'object':
+        if (content && (content instanceof jQuery || content.constructor.prototype.jquery)) {
+          this.content.html('');
+          content.attr('data-jbox-content-appended', 1).appendTo(this.content).css({display: 'block'});
+        } else {
+          this.content.html(JSON.stringify(content));
+        }
+        break;
+     }
+
+    // Adjust title width
+    wrapperWidth != this.wrapper.outerWidth() && this._setTitleWidth();
+
+    // Make jBox draggable
+    this.options.draggable && this._draggable();
+
+    // Reposition if dimensions changed
+    !ignore_positioning && this.options.repositionOnContent && (wrapperHeight != this.wrapper.outerHeight() || wrapperWidth != this.wrapper.outerWidth()) && this.position();
+
+    return this;
+  };
+
+
+  // Set jBox dimensions
+
+  jBox.prototype.setDimensions = function (type, value, pos)
+  {
+    // Create jBox if it wasn't created already
+    !this.wrapper && this._create();
+
+    // Default value is 'auto'
+    value == undefined && (value = 'auto');
+
+    // Set CSS of content and title
+    this.content.css(type, this._getInt(value));
+
+    // Adjust title width
+    type == 'width' && this._setTitleWidth();
+
+    // Update options
+    this.options[type] = value;
+
+    // Reposition by default
+    (pos == undefined || pos) && this.position();
+  };
+
+
+  // Set jBox width or height
+
+  jBox.prototype.setWidth = function (value, pos) { this.setDimensions('width', value, pos); };
+  jBox.prototype.setHeight = function (value, pos) { this.setDimensions('height', value, pos); };
+
+
+  // Position jBox
+
+  jBox.prototype.position = function (options)
+  {
+    // Options are required
+    !options && (options = {});
+
+    // Combine passed options with jBox options
+    options = jQuery.extend(true, this.options, options);
+
+    // Get the target
+    this.target = options.target || this.target || jQuery(window);
+
+    // Make sure target is a jQuery element
+    !(this.target instanceof jQuery || this.target == 'mouse') && (this.target = jQuery(this.target));
+
+    // Abort if target is missing
+    if (!this.target.length) return this;
+
+    // Reset content css to get original dimensions
+    this.content.css({
+      width: this._getInt(options.width, 'width'),
+      height: this._getInt(options.height, 'height'),
+      minWidth: this._getInt(options.minWidth, 'width'),
+      minHeight: this._getInt(options.minHeight, 'height'),
+      maxWidth: this._getInt(options.maxWidth, 'width'),
+      maxHeight: this._getInt(options.maxHeight, 'height'),
+    });
+
+    // Reset width of title
+    this._setTitleWidth();
+
+    // Get jBox dimensions
+    var jBoxDimensions = this._exposeDimensions();
+
+    // Check if target has fixed position, store in elements data
+    this.target != 'mouse' && !this.target.data('jBox-' + this.id + '-fixed') && this.target.data('jBox-' + this.id + '-fixed', (this.target[0] != jQuery(window)[0] && (this.target.css('position') == 'fixed' || this.target.parents().filter(function () { return jQuery(this).css('position') == 'fixed'; }).length > 0)) ? 'fixed' : 'static');
+
+    // Get the window dimensions
+    var windowDimensions = {
+      x: jQuery(window).outerWidth(),
+      y: jQuery(window).outerHeight(),
+      top: (options.fixed && this.target.data('jBox-' + this.id + '-fixed') ? 0 : jQuery(window).scrollTop()),
+      left: (options.fixed && this.target.data('jBox-' + this.id + '-fixed') ? 0 : jQuery(window).scrollLeft())
+    };
+    windowDimensions.bottom = windowDimensions.top + windowDimensions.y;
+    windowDimensions.right = windowDimensions.left + windowDimensions.x;
+
+    // Get target offset
+    try { var targetOffset = this.target.offset(); } catch (e) { var targetOffset = {top: 0, left: 0}; };
+
+    // When the target is fixed and jBox is fixed, remove scroll offset
+    if (this.target != 'mouse' && this.target.data('jBox-' + this.id + '-fixed') == 'fixed' && options.fixed) {
+      targetOffset.top = targetOffset.top - jQuery(window).scrollTop();
+      targetOffset.left = targetOffset.left - jQuery(window).scrollLeft();
+    }
+
+    // Get target dimensions
+    var targetDimensions = {
+      x: this.target == 'mouse' ? 12 : this.target.outerWidth(),
+      y: this.target == 'mouse' ? 20 : this.target.outerHeight(),
+      top: this.target == 'mouse' && options.mouseTarget ? options.mouseTarget.top : (targetOffset ? targetOffset.top : 0),
+      left: this.target == 'mouse' && options.mouseTarget ? options.mouseTarget.left : (targetOffset ? targetOffset.left : 0)
+    };
+
+    // Check if jBox is outside
+    var outside = options.outside && !(options.position.x == 'center' && options.position.y == 'center');
+
+    // Get the available space on all sides
+    var availableSpace = {
+      x: windowDimensions.x - options.adjustDistance.left - options.adjustDistance.right, // TODO: substract position.x when they are numbers
+      y: windowDimensions.y - options.adjustDistance.top - options.adjustDistance.bottom, // TODO: substract position.x when they are numbers
+      left: !outside ? 0 : (targetDimensions.left - jQuery(window).scrollLeft() - options.adjustDistance.left),
+      right: !outside ? 0 : (windowDimensions.x - targetDimensions.left + jQuery(window).scrollLeft() - targetDimensions.x - options.adjustDistance.right),
+      top: !outside ? 0 : (targetDimensions.top - jQuery(window).scrollTop() - this.options.adjustDistance.top),
+      bottom: !outside ? 0 : (windowDimensions.y - targetDimensions.top + jQuery(window).scrollTop() - targetDimensions.y - options.adjustDistance.bottom),
+    };
+
+    // Get the default outside position, check if box will be flipped
+    var jBoxOutsidePosition = {
+      x: (options.outside == 'x' || options.outside == 'xy') && jQuery.type(options.position.x) != 'number' ? options.position.x : null,
+      y: (options.outside == 'y' || options.outside == 'xy') && jQuery.type(options.position.y) != 'number' ? options.position.y : null
+    };
+    var flip = {x: false, y: false};
+    (jBoxOutsidePosition.x && jBoxDimensions.x > availableSpace[jBoxOutsidePosition.x] && availableSpace[this._getOpp(jBoxOutsidePosition.x)] > availableSpace[jBoxOutsidePosition.x]) && (jBoxOutsidePosition.x = this._getOpp(jBoxOutsidePosition.x)) && (flip.x = true);
+    (jBoxOutsidePosition.y && jBoxDimensions.y > availableSpace[jBoxOutsidePosition.y] && availableSpace[this._getOpp(jBoxOutsidePosition.y)] > availableSpace[jBoxOutsidePosition.y]) && (jBoxOutsidePosition.y = this._getOpp(jBoxOutsidePosition.y)) && (flip.y = true);
+
+    // Adjust responsive dimensions
+    if (options.responsiveWidth || options.responsiveHeight) {
+
+      // Adjust width and height according to default outside position
+      var adjustResponsiveWidth = function ()
+      {
+        if (options.responsiveWidth && jBoxDimensions.x > availableSpace[jBoxOutsidePosition.x || 'x']) {
+          var contentWidth = availableSpace[jBoxOutsidePosition.x || 'x'] - (this.pointer && outside && options.outside == 'x' ? this.pointer.dimensions.x : 0) - parseInt(this.container.css('border-left-width')) - parseInt(this.container.css('border-right-width'));
+          this.content.css({
+            width: contentWidth > this.options.responsiveMinWidth ? contentWidth : null,
+            minWidth: contentWidth < parseInt(this.content.css('minWidth')) ? 0 : null
+          });
+          this._setTitleWidth();
+        }
+        jBoxDimensions = this._exposeDimensions();
+
+      }.bind(this);
+      options.responsiveWidth && adjustResponsiveWidth();
+
+      // After adjusting width, check if jBox will be flipped for y
+      options.responsiveWidth && !flip.y && (jBoxOutsidePosition.y && jBoxDimensions.y > availableSpace[jBoxOutsidePosition.y] && availableSpace[this._getOpp(jBoxOutsidePosition.y)] > availableSpace[jBoxOutsidePosition.y]) && (jBoxOutsidePosition.y = this._getOpp(jBoxOutsidePosition.y)) && (flip.y = true);
+
+      // Adjust width and height according to default outside position
+      var adjustResponsiveHeight = function ()
+      {
+        if (options.responsiveHeight && jBoxDimensions.y > availableSpace[jBoxOutsidePosition.y || 'y']) {
+
+          // Expose wrapper to get correct title height
+          var exposeTitleFooterHeight = function () {
+            if (!this.titleContainer && !this.footer) return 0;
+            if (this.wrapper.css('display') == 'none') {
+              this.wrapper.css('display', 'block');
+              var height = (this.titleContainer ? this.titleContainer.outerHeight() : 0) + (this.footer ? this.footer.outerHeight() : 0);
+              this.wrapper.css('display', 'none');
+            } else {
+              var height = (this.titleContainer ? this.titleContainer.outerHeight() : 0) + (this.footer ? this.footer.outerHeight() : 0);
+            }
+            return height || 0;
+          }.bind(this);
+
+          var contentHeight = availableSpace[jBoxOutsidePosition.y || 'y'] - (this.pointer && outside && options.outside == 'y' ? this.pointer.dimensions.y : 0) - exposeTitleFooterHeight() - parseInt(this.container.css('border-top-width')) - parseInt(this.container.css('border-bottom-width'));
+          this.content.css({height: contentHeight > this.options.responsiveMinHeight ? contentHeight : null});
+          this._setTitleWidth();
+        }
+        jBoxDimensions = this._exposeDimensions();
+
+      }.bind(this);
+      options.responsiveHeight && adjustResponsiveHeight();
+
+      // After adjusting height, check if jBox will be flipped for x
+      options.responsiveHeight && !flip.x && (jBoxOutsidePosition.x && jBoxDimensions.x > availableSpace[jBoxOutsidePosition.x] && availableSpace[this._getOpp(jBoxOutsidePosition.x)] > availableSpace[jBoxOutsidePosition.x]) && (jBoxOutsidePosition.x = this._getOpp(jBoxOutsidePosition.x)) && (flip.x = true);
+
+      // Adjust width and height if jBox will be flipped
+      if (options.adjustPosition && options.adjustPosition != 'move') {
+        flip.x && adjustResponsiveWidth();
+        flip.y && adjustResponsiveHeight();
+      }
+    }
+
+    // Store new positioning vars in local var
+    var pos = {};
+
+    // Calculate positions
+    var setPosition = function (p)
+    {
+      // Set number positions
+      if (jQuery.type(options.position[p]) == 'number') {
+        pos[options.attributes[p]] = options.position[p];
+        return;
+      }
+
+      // We have a target, so use 'left' or 'top' as attributes
+      var a = options.attributes[p] = (p == 'x' ? 'left' : 'top');
+
+      // Start at target position
+      pos[a] = targetDimensions[a];
+
+      // Set centered position
+      if (options.position[p] == 'center') {
+        pos[a] += Math.ceil((targetDimensions[p] - jBoxDimensions[p]) / 2);
+
+        // If the target is the window, adjust centered position depending on adjustDistance
+        (this.target != 'mouse' && this.target[0] && this.target[0] == jQuery(window)[0]) && (pos[a] += (options.adjustDistance[a] - options.adjustDistance[this._getOpp(a)]) * 0.5);
+        return;
+      }
+
+      // Move inside
+      (a != options.position[p]) && (pos[a] += targetDimensions[p] - jBoxDimensions[p]);
+
+      // Move outside
+      (options.outside == p || options.outside == 'xy') && (pos[a] += jBoxDimensions[p] * (a != options.position[p] ? 1 : -1));
+
+    }.bind(this);
+
+    // Set position including offset
+    setPosition('x');
+    setPosition('y');
+
+    // Adjust position depending on pointer align
+    if (this.pointer && options.pointTo == 'target' && jQuery.type(options.position.x) != 'number' && jQuery.type(options.position.y) != 'number') {
+
+      var adjustWrapper = 0;
+
+      // Where is the pointer aligned? Add or substract accordingly
+      switch (this.pointer.align) {
+        case 'center':
+        if (options.position[this._getOpp(options.outside)] != 'center') {
+          adjustWrapper += (jBoxDimensions[this._getOpp(options.outside)] / 2);
+        }
+        break;
+        default:
+        switch (options.position[this._getOpp(options.outside)]) {
+          case 'center':
+            adjustWrapper += ((jBoxDimensions[this._getOpp(options.outside)] / 2) - (this.pointer.dimensions[this._getOpp(options.outside)] / 2)) * (this.pointer.align == this._getTL(this.pointer.align) ? 1 : -1);
+          break;
+          default:
+            adjustWrapper += (this.pointer.align != options.position[this._getOpp(options.outside)]) ?
+
+            // If pointer align is different to position align
+            (jBoxDimensions[this._getOpp(options.outside)] * (jQuery.inArray(this.pointer.align, ['top', 'left']) !== -1 ? 1 : -1)) + ((this.pointer.dimensions[this._getOpp(options.outside)] / 2) * (jQuery.inArray(this.pointer.align, ['top', 'left']) !== -1 ? -1 : 1)) :
+
+            // If pointer align is same as position align
+            (this.pointer.dimensions[this._getOpp(options.outside)] / 2) * (jQuery.inArray(this.pointer.align, ['top', 'left']) !== -1 ? 1 : -1);
+          break;
+        }
+        break;
+      }
+
+      adjustWrapper *= (options.position[this._getOpp(options.outside)] == this.pointer.alignAttribute ? -1 : 1);
+      adjustWrapper += this.pointer.offset * (this.pointer.align == this._getOpp(this._getTL(this.pointer.align)) ? 1 : -1);
+
+      pos[this._getTL(this._getOpp(this.pointer.xy))] += adjustWrapper;
+    }
+
+    // Add final offset
+    pos[options.attributes.x] += options.offset.x;
+    pos[options.attributes.y] += options.offset.y;
+
+    // Set CSS
+    this.wrapper.css(pos);
+
+    // Adjust position
+    if (options.adjustPosition) {
+
+      // Reset cached pointer position
+      if (this.positionAdjusted) {
+        this.pointer && this.wrapper.css('padding', 0).css('padding-' + this._getOpp(this.outside), this.pointer.dimensions[this._getXY(this.outside)]).removeClass('jBox-pointerPosition-' + this._getOpp(this.pointer.position)).addClass('jBox-pointerPosition-' + this.pointer.position);
+        this.pointer && this.pointer.element.attr('class', 'jBox-pointer jBox-pointer-' + this._getOpp(this.outside)).css(this.pointer.margin);
+        this.positionAdjusted = false;
+        this.flipped = false;
+      }
+
+      // Find out where the jBox is out of view area
+      var outYT = (windowDimensions.top > pos.top - (options.adjustDistance.top || 0)),
+        outXR = (windowDimensions.right < pos.left + jBoxDimensions.x + (options.adjustDistance.right || 0)),
+        outYB = (windowDimensions.bottom < pos.top + jBoxDimensions.y + (options.adjustDistance.bottom || 0)),
+        outXL = (windowDimensions.left > pos.left - (options.adjustDistance.left || 0)),
+        outX = outXL ? 'left' : (outXR ? 'right' : null),
+        outY = outYT ? 'top' : (outYB ? 'bottom' : null),
+        out = outX || outY;
+
+      // Only continue if jBox is out of view area
+      if (out) {
+
+        if ((this.type == 'Modal' || this.type == 'Confirm')
+          && jQuery.type(this.options.position.x) == 'number'
+          && jQuery.type(this.options.position.y) == 'number'
+        ) {
+          var diffX = 0, diffY = 0;
+          if (this.options.holdPosition) {
+
+            // Adjust left or right
+            if (outXL) {
+              diffX = windowDimensions.left - (pos.left - (options.adjustDistance.left || 0));
+            } else if (outXR) {
+              diffX = windowDimensions.right - (pos.left + jBoxDimensions.x + (options.adjustDistance.right || 0));
+            }
+
+            // Adjust top or bottom
+            if (outYT) {
+              diffY = windowDimensions.top - (pos.top - (options.adjustDistance.top || 0));
+            } else if (outYB) {
+              diffY = windowDimensions.bottom - (pos.top + jBoxDimensions.y + (options.adjustDistance.bottom || 0));
+            }
+
+            this.options.position.x = Math.max(windowDimensions.top, this.options.position.x + diffX);
+            this.options.position.y = Math.max(windowDimensions.left, this.options.position.y + diffY);
+
+            setPosition('x');
+            setPosition('y');
+            this.wrapper.css(pos);
+          }
+          // Fire onPosition event
+          this._fireEvent('onPosition');
+
+          return this;
+        }
+
+        // Function to flip position
+        if (options.adjustPosition === true || options.adjustPosition === 'flip') {
+          var flipJBox = function (xy) {
+            this.wrapper.css(this._getTL(xy), pos[this._getTL(xy)] + ((jBoxDimensions[this._getXY(xy)] + (options.offset[this._getXY(xy)] * (xy == 'top' || xy == 'left' ? -2 : 2)) + targetDimensions[this._getXY(xy)]) * (xy == 'top' || xy == 'left' ? 1 : -1)));
+            this.pointer && this.wrapper.removeClass('jBox-pointerPosition-' + this.pointer.position).addClass('jBox-pointerPosition-' + this._getOpp(this.pointer.position)).css('padding', 0).css('padding-' + xy, this.pointer.dimensions[this._getXY(xy)]);
+            this.pointer && this.pointer.element.attr('class', 'jBox-pointer jBox-pointer-' + xy);
+            this.positionAdjusted = true;
+            this.flipped = true;
+          }.bind(this);
+
+          // Flip jBox
+          flip.x && flipJBox(this.options.position.x);
+          flip.y && flipJBox(this.options.position.y);
+        }
+
+        // Move jBox (only possible with pointer)
+        var outMove = (this._getXY(this.outside) == 'x') ? outY : outX;
+
+        if (this.pointer && options.pointTo == 'target' && options.adjustPosition != 'flip' && this._getXY(outMove) == this._getOpp(this._getXY(this.outside))) {
+
+          // Get the maximum space we have availible to adjust
+          if (this.pointer.align == 'center') {
+            var spaceAvail = (jBoxDimensions[this._getXY(outMove)] / 2) - (this.pointer.dimensions[this._getOpp(this.pointer.xy)] / 2) - (parseInt(this.pointer.element.css('margin-' + this.pointer.alignAttribute)) * (outMove != this._getTL(outMove) ? -1 : 1));
+          } else {
+            var spaceAvail = (outMove == this.pointer.alignAttribute) ?
+              parseInt(this.pointer.element.css('margin-' + this.pointer.alignAttribute)) :
+              jBoxDimensions[this._getXY(outMove)] - parseInt(this.pointer.element.css('margin-' + this.pointer.alignAttribute)) - this.pointer.dimensions[this._getXY(outMove)];
+          }
+
+          // Get the overlapping space
+          var spaceDiff = (outMove == this._getTL(outMove)) ?
+            windowDimensions[this._getTL(outMove)] - pos[this._getTL(outMove)] + options.adjustDistance[outMove] :
+            (windowDimensions[this._getOpp(this._getTL(outMove))] - pos[this._getTL(outMove)] - options.adjustDistance[outMove] - jBoxDimensions[this._getXY(outMove)]) * -1;
+
+          // Add overlapping space on left or top window edge
+          if (outMove == this._getOpp(this._getTL(outMove)) && pos[this._getTL(outMove)] - spaceDiff < windowDimensions[this._getTL(outMove)] + options.adjustDistance[this._getTL(outMove)]) {
+            spaceDiff -= windowDimensions[this._getTL(outMove)] + options.adjustDistance[this._getTL(outMove)] - (pos[this._getTL(outMove)] - spaceDiff);
+          }
+
+          // Only adjust the maximum availible
+          spaceDiff = Math.min(spaceDiff, spaceAvail);
+
+          // Move jBox
+          if (spaceDiff <= spaceAvail && spaceDiff > 0) {
+            this.pointer.element.css('margin-' + this.pointer.alignAttribute, parseInt(this.pointer.element.css('margin-' + this.pointer.alignAttribute)) - (spaceDiff * (outMove != this.pointer.alignAttribute ? -1 : 1)));
+            this.wrapper.css(this._getTL(outMove), pos[this._getTL(outMove)] + (spaceDiff * (outMove != this._getTL(outMove) ? -1 : 1)));
+            this.positionAdjusted = true;
+          }
+        }
+      }
+    }
+
+    // Fire onPosition event
+    this._fireEvent('onPosition');
+
+    return this;
+  };
+
+
+  // Block scrolling
+  // Borrowed from https://github.com/StephanWagner/unscroll
+
+  jBox.prototype.unscroll = function (elements) {
+
+    // Store reusable vars
+    this.set = function (id, value) {
+      if (!window.unscrollStore) {
+        window.unscrollStore = {};
+      }
+      window.unscrollStore[id] = value;
+    };
+
+    // Get reusable vars
+    this.get = function (id) {
+      return window.unscrollStore ? window.unscrollStore[id] : null;
+    };
+
+    // Get the width of the scroll bar in pixel
+    this.getScrollbarWidth = function () {
+      if (this.get('scrollbarWidth')) {
+        return this.get('scrollbarWidth') + 'px';
+      }
+      var scrollElement = document.createElement('div');
+      scrollElement.style.width = '100px';
+      scrollElement.style.height = '100px';
+      scrollElement.style.overflow = 'scroll';
+      scrollElement.style.position = 'absolute';
+      scrollElement.style.top = '-10000';
+
+      document.body.appendChild(scrollElement);
+      var scrollbarWidth = scrollElement.offsetWidth - scrollElement.clientWidth;
+      document.body.removeChild(scrollElement);
+
+      this.set('scrollbarWidth', scrollbarWidth);
+      return scrollbarWidth + 'px';
+    }
+
+    // Add unscroll class to head
+    function addUnscrollClassName() {
+      if (document.getElementById('unscroll-class-name')) {
+        return;
+      }
+      var css = '.unscrollable { overflow: hidden !important; }',
+        head = document.head || document.getElementsByTagName('head')[0],
+        style = document.createElement('style');
+      style.type = 'text/css';
+      style.setAttribute('id', 'unscroll-class-name');
+      style.appendChild(document.createTextNode(css));
+      head.appendChild(style);
+    }
+
+    // Get the elements to adjust, force body element
+    this.getElementsToAdjust = function (elements) {
+      !elements && (elements = []);
+
+      if (typeof elements === 'string') {
+        elements = [
+          [elements, 'padding-right']
+        ];
+      }
+
+      elements.forEach(function (element, index) {
+        if (typeof element === 'string') {
+          elements[index] = [element, 'padding-right'];
+        }
+      });
+
+      var bodyFound = false;
+      for (var i = 0; i < elements.length; i++) {
+        if (elements[i][0].indexOf('body') !== -1) {
+          bodyFound = true;
+        }
+      };
+
+      if (bodyFound === false) {
+        elements.push(['body', 'padding-right']);
+      }
+
+      return elements;
+    }
+
+    this.pageHasScrollbar = function () {
+      return this.getScrollbarWidth() && document.body.offsetHeight > window.innerHeight;
+    }
+
+    // Clean up elements
+    if (this.pageHasScrollbar()) {
+      elements = this.getElementsToAdjust(elements);
+
+      // Loop through elements and adjust accordingly
+      for (var i = 0; i < elements.length; i++) {
+        var elementsDOM = document.querySelectorAll(elements[i][0]);
+        for (var j = 0; j < elementsDOM.length; j++) {
+          if (elementsDOM[j].getAttribute('data-unscroll')) {
+            return;
+          }
+          var attribute = elements[i][1];
+          var computedStyles = window.getComputedStyle(elementsDOM[j]);
+          var computedStyle = computedStyles.getPropertyValue(attribute);
+          elementsDOM[j].setAttribute('data-unscroll', attribute);
+          if (!computedStyle) {
+            computedStyle = '0px';
+          }
+          var operator = attribute == 'padding-right' || attribute == 'right' ? '+' : '-';
+          elementsDOM[j].style[attribute] = 'calc(' + computedStyle + ' ' + operator + ' ' + this.getScrollbarWidth() + ')';
+        }
+      }
+    }
+
+    // Make the page unscrollable
+    addUnscrollClassName();
+    document.body.classList.add('unscrollable');
+  }
+
+  jBox.prototype.unscroll.reset = function () {
+    var elements = document.querySelectorAll('[data-unscroll]');
+
+    for (var i = 0; i < elements.length; i++) {
+      var attribute = elements[i].getAttribute('data-unscroll');
+      elements[i].style[attribute] = null;
+      elements[i].removeAttribute('data-unscroll');
+    }
+    document.body.classList.remove('unscrollable');
+  }
+
+
+  // Open jBox
+
+  jBox.prototype.open = function (options)
+  {
+    // Create blank options if none passed
+    !options && (options = {});
+
+    // Abort if jBox was destroyed
+    if (this.isDestroyed) return this;
+
+    // Construct jBox if not already constructed
+    !this.wrapper && this._create();
+
+    // Add css to header if not added already
+    !this._styles && (this._styles = jQuery('<style/>').append(this._animationCSS).appendTo(jQuery('head')));
+
+    // Abort any opening or closing timer
+    this.timer && clearTimeout(this.timer);
+
+    // Block body click for 10ms, so jBox can open on attached elements while closeOnClick = 'body'
+    this._blockBodyClick();
+
+    // Block opening
+    if (this.isDisabled) return this;
+
+    // Closing event: closeOnEsc
+    this.options.closeOnEsc && jQuery(document).on('keyup.jBox-' + this.id, function (ev) { if (ev.keyCode == 27) { this.close({ignoreDelay: true}); }}.bind(this));
+
+    // Closing event: closeOnClick
+    if (this.options.closeOnClick === true || this.options.closeOnClick === 'body') {
+      jQuery('body').on('click.jBox-' + this.id + ' tap.jBox-' + this.id, function (ev) {
+        if (this.blockBodyClick || (this.options.closeOnClick == 'body' && (ev.target == this.wrapper[0] || this.wrapper.has(ev.target).length))) return;
+        this.close({ignoreDelay: true});
+      }.bind(this));
+
+      // Fix for iOS event bubbling issue
+      // https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html
+      this.isTouchDevice && jQuery('body > *').on('click.jBox-' + this.id + ' tap.jBox-' + this.id, function () {
+        return true;
+      });
+    }
+
+    // Opening function
+    var open = function () {
+
+      // Adjust zIndex
+      if (this.adjustZIndexOnOpen === true) {
+        jBox.zIndexMax = Math.max(
+          parseInt(this.wrapper.css('zIndex'), 10),
+          this.options.zIndex,
+          jBox.zIndexMax || 0,
+          jBox.zIndexMaxDragover || 0
+        ) + 2;
+        this.wrapper.css('zIndex', jBox.zIndexMax);
+        this.options.zIndex = jBox.zIndexMax;
+      }
+
+      // Set title from source element
+      this.source && this.options.getTitle && (this.source.attr(this.options.getTitle) && this.setTitle(this.source.attr(this.options.getTitle), true));
+
+      // Set content from source element
+      this.source && this.options.getContent && (this.source.data('jBox-getContent') ? this.setContent(this.source.data('jBox-getContent'), true) : (this.source.attr(this.options.getContent) ? this.setContent(this.source.attr(this.options.getContent), true) : (this.options.getContent == 'html' ? this.setContent(this.source.html(), true) : null)));
+
+      // Fire onOpen event
+      this._fireEvent('onOpen');
+
+      // Get content from ajax
+      if ((this.options.ajax && (this.options.ajax.url || (this.source && this.source.attr(this.options.ajax.getURL))) && (!this.ajaxLoaded || this.options.ajax.reload)) || (options.ajax && (options.ajax.url || options.ajax.data))) {
+        // Send the content from stored data if there is any, otherwise load new data
+        (this.options.ajax.reload != 'strict' && this.source && this.source.data('jBox-ajax-data') && !(options.ajax && (options.ajax.url || options.ajax.data))) ? this.setContent(this.source.data('jBox-ajax-data')) : this.ajax((options.ajax || null), true);
+      }
+
+      // Set position
+      (!this.positionedOnOpen || this.options.repositionOnOpen) && this.position(options) && (this.positionedOnOpen = true);
+
+      // Abort closing
+      this.isClosing && this._abortAnimation();
+
+      // Open functions to call when jBox is closed
+      if (!this.isOpen) {
+
+        // jBox is open now
+        this.isOpen = true;
+
+        // Automatically close jBox after some time
+        this.options.autoClose && (this.options.delayClose = this.options.autoClose) && this.close();
+
+        // Attach events
+        this._attachEvents();
+
+        // Block scrolling
+        if (this.options.blockScroll) {
+          if (this.options.blockScrollAdjust) {
+            if (jBox.blockScrollScopes) {
+              jBox.blockScrollScopes++;
+            } else {
+              jBox.blockScrollScopes = 1;
+              this.unscroll(Array.isArray(this.options.blockScrollAdjust) || typeof this.options.blockScrollAdjust === 'string' ? this.options.blockScrollAdjust : null);
+            }
+          } else {
+            jQuery('body').addClass('jBox-blockScroll-' + this.id);
+          }
+        }
+
+        // Show overlay
+        if (this.options.overlay) {
+          this._showOverlay();
+
+          // TODO Optimize: We have to position here again, because if the overlay has a close button, the upper adjustDistance will be wrong
+          this.position();
+        }
+
+        // Only animate if jBox is completely closed
+        this.options.animation && !this.isClosing && this._animate('open');
+
+        // Play audio file
+        this.options.audio && this.options.audio.open && this.audio(this.options.audio.open, this.options.volume.open);
+
+        // Fading animation or show immediately
+        if (this.options.fade) {
+          this.wrapper.stop().animate({opacity: 1}, {
+            queue: false,
+            duration: this.options.fade,
+            start: function () {
+              this.isOpening = true;
+              this.wrapper.css({display: 'block'});
+            }.bind(this),
+            complete: function () {
+              this._fireEvent('onOpenComplete');
+            }.bind(this),
+            always: function () {
+              this.isOpening = false;
+
+              // Delay positioning for ajax to prevent positioning during animation
+              setTimeout(function () { this.positionOnFadeComplete && this.position() && (this.positionOnFadeComplete = false); }.bind(this), 10);
+            }.bind(this)
+          });
+        } else {
+          this.wrapper.css({display: 'block', opacity: 1});
+          this.positionOnFadeComplete && this.position() && (this.positionOnFadeComplete = false);
+          this._fireEvent('onOpenComplete');
+        }
+      }
+    }.bind(this);
+
+    // Open jBox
+    this.options.delayOpen && !this.isOpen && !this.isClosing && !options.ignoreDelay ? (this.timer = setTimeout(open, this.options.delayOpen)) : open();
+
+    return this;
+  };
+
+
+  // Close jBox
+
+  jBox.prototype.close = function (options)
+  {
+    // Create blank options if none passed
+    options || (options = {});
+
+    // Remove close events
+    jQuery('body').off('click.jBox-' + this.id + ' tap.jBox-' + this.id);
+    this.isTouchDevice && jQuery('body > *').off('click.jBox-' + this.id + ' tap.jBox-' + this.id);
+
+    // Abort if jBox was destroyed or is currently closing
+    if (this.isDestroyed || this.isClosing) return this;
+
+    // Abort opening
+    this.timer && clearTimeout(this.timer);
+
+    // Block body click for 10ms, so jBox can open on attached elements while closeOnClick = 'body' is true
+    this._blockBodyClick();
+
+    // Block closing
+    if (this.isDisabled) return this;
+
+    // Close function
+    var close = function () {
+
+      // Fire onClose event
+      this._fireEvent('onClose');
+
+      // Cancel the ajax call
+      if (this.options.cancelAjaxOnClose) {
+        this.cancelAjax();
+      }
+
+      // Only close if jBox is open
+      if (this.isOpen) {
+
+        // jBox is not open anymore
+        this.isOpen = false;
+
+        // Detach events
+        this._detachEvents();
+
+        // Unblock scrolling
+        if (this.options.blockScroll) {
+          if (this.options.blockScrollAdjust) {
+            jBox.blockScrollScopes = jBox.blockScrollScopes ? --jBox.blockScrollScopes : 0;
+            !jBox.blockScrollScopes && this.unscroll.reset();
+          } else {
+            jQuery('body').removeClass('jBox-blockScroll-' + this.id);
+          }
+        }
+
+        // Hide overlay
+        this.options.overlay && this._hideOverlay();
+
+        // Only animate if jBox is compleately closed
+        this.options.animation && !this.isOpening && this._animate('close');
+
+        // Play audio file
+        this.options.audio && this.options.audio.close && this.audio(this.options.audio.close, this.options.volume.close);
+
+        // Get fade duration
+        var fadeDuration = this.isTouchDevice && this.options.target == 'mouse' ? 0 : this.options.fade;
+
+        // Fading animation or show immediately
+        if (fadeDuration) {
+          this.wrapper.stop().animate({opacity: 0}, {
+            queue: false,
+            duration: fadeDuration,
+            start: function () {
+              this.isClosing = true;
+            }.bind(this),
+            complete: function () {
+              this.wrapper.css({display: 'none'});
+              this._fireEvent('onCloseComplete');
+            }.bind(this),
+            always: function () {
+              this.isClosing = false;
+            }.bind(this)
+          });
+        } else {
+          this.wrapper.css({display: 'none', opacity: 0});
+          this._fireEvent('onCloseComplete');
+        }
+      }
+    }.bind(this);
+
+    // Close jBox
+    if (options.ignoreDelay || (this.isTouchDevice && this.options.target == 'mouse')) {
+      close();
+    } else if ((this.options.delayOnHover || this.options.showCountdown) && this.options.delayClose > 10) {
+      var self = this;
+      var remaining = this.options.delayClose;
+      var prevFrame = Date.now();
+      if (this.options.showCountdown && !this.inner) {
+        var outer = jQuery('<div class="jBox-countdown" />');
+        this.inner = jQuery('<div class="jBox-countdown-inner" />');
+        outer.prepend(this.inner);
+        jQuery('#' + this.id).append(outer);
+      }
+      this.countdown = function(){
+        var dateNow = Date.now();
+        if (!self.isHovered) {
+          remaining -= dateNow - prevFrame;
+        }
+        prevFrame = dateNow;
+        if (remaining > 0) {
+          if (self.options.showCountdown) {
+            self.inner.css('width', (remaining * 100 / self.options.delayClose) + '%');
+          }
+          window.requestAnimationFrame(self.countdown);
+        } else {
+          close();
+        }
+      };
+      window.requestAnimationFrame(this.countdown);
+    } else {
+      this.timer = setTimeout(close, Math.max(this.options.delayClose, 10));
+    }
+
+    return this;
+  };
+
+
+  // Open or close jBox
+
+  jBox.prototype.toggle = function (options)
+  {
+    this[this.isOpen ? 'close' : 'open'](options);
+    return this;
+  };
+
+
+  // Block opening and closing
+
+  jBox.prototype.disable = function ()
+  {
+    this.isDisabled = true;
+    return this;
+  };
+
+
+  // Unblock opening and closing
+
+  jBox.prototype.enable = function ()
+  {
+    this.isDisabled = false;
+    return this;
+  };
+
+
+  // Hide jBox
+
+  jBox.prototype.hide = function ()
+  {
+    this.disable();
+    if (this.wrapper) {
+      this.cacheWrapperDisplay = this.wrapper.css('display');
+      this.wrapper.css({display: 'none'});
+    }
+    if (this.overlay) {
+      this.cacheOverlayDisplay = this.overlay.css('display');
+      this.overlay.css({display: 'none'});
+    }
+    return this;
+  };
+
+
+  // Show jBox
+
+  jBox.prototype.show = function ()
+  {
+    this.enable();
+    if (this.wrapper && this.cacheWrapperDisplay) {
+      this.wrapper.css({display: this.cacheWrapperDisplay});
+      this.cacheWrapperDisplay = null;
+    }
+    if (this.overlay && this.cacheOverlayDisplay) {
+      this.overlay.css({display: this.cacheOverlayDisplay});
+      this.cacheOverlayDisplay = null;
+    }
+    return this;
+  };
+
+
+  // Get content from ajax
+
+  jBox.prototype.ajax = function (options, opening)
+  {
+    options || (options = {});
+
+    // Add data or url from source element if none set in options
+    jQuery.each([['getData', 'data'], ['getURL', 'url']], function (index, item) {
+      (this.options.ajax[item[0]] && !options[item[1]] && this.source && this.source.attr(this.options.ajax[item[0]]) != undefined) && (options[item[1]] = this.source.attr(this.options.ajax[item[0]]) || '');
+    }.bind(this));
+
+    // Clone the system options
+    var sysOptions = jQuery.extend(true, {}, this.options.ajax);
+
+    // Abort running ajax call
+    this.cancelAjax();
+
+    // Extract events
+    var beforeSend = options.beforeSend || sysOptions.beforeSend || function () {};
+    var complete = options.complete || sysOptions.complete || function () {};
+    var success = options.success || sysOptions.success || function () {};
+    var error = options.error || sysOptions.error || function () {};
+
+    // Merge options
+    var userOptions = jQuery.extend(true, sysOptions, options);
+
+    // Set new beforeSend event
+    userOptions.beforeSend = function (xhr)
+    {
+      // jBox is loading
+      userOptions.loadingClass && this.wrapper.addClass(userOptions.loadingClass === true ? 'jBox-loading' : userOptions.loadingClass);
+
+      // Add loading spinner
+      userOptions.spinner && (this.spinnerDelay = setTimeout(function ()
+      {
+        // Add class for loading spinner
+        this.wrapper.addClass('jBox-loading-spinner');
+
+        // Reposition jBox
+        // TODO: Only reposition if dimensions change
+        userOptions.spinnerReposition && (opening ? (this.positionOnFadeComplete = true) : this.position());
+
+        // Add spinner to container
+        this.spinner = jQuery(userOptions.spinner !== true ? userOptions.spinner : '<div class="jBox-spinner"></div>').appendTo(this.container);
+
+        // Fix spinners position if there is a title
+        this.titleContainer && this.spinner.css('position') == 'absolute' && this.spinner.css({transform: 'translateY(' + (this.titleContainer.outerHeight() * 0.5) + 'px)'});
+
+      }.bind(this), (this.content.html() == '' ? 0 : (userOptions.spinnerDelay || 0))));
+
+      // Fire users beforeSend event
+      (beforeSend.bind(this))(xhr);
+
+    }.bind(this);
+
+    // Set up new complete event
+    userOptions.complete = function (response)
+    {
+      // Abort spinner timeout
+      this.spinnerDelay && clearTimeout(this.spinnerDelay);
+
+      // jBox finished loading
+      this.wrapper.removeClass('jBox-loading jBox-loading-spinner jBox-loading-spinner-delay');
+
+      // Remove spinner
+      this.spinner && this.spinner.length && this.spinner.remove() && userOptions.spinnerReposition && (opening ? (this.positionOnFadeComplete = true) : this.position());
+
+      // Store that ajax loading finished
+      this.ajaxLoaded = true;
+
+      // Fire users complete event
+      (complete.bind(this))(response);
+
+    }.bind(this);
+
+    // Set up new success event
+    userOptions.success = function (response)
+    {
+      // Set content
+      userOptions.setContent && this.setContent(response, true) && (opening ? (this.positionOnFadeComplete = true) : this.position());
+
+      // Store content in source element
+      userOptions.setContent && this.source && this.source.data('jBox-ajax-data', response);
+
+      // Fire users success event
+      (success.bind(this))(response);
+
+    }.bind(this);
+
+    // Add error event
+    userOptions.error = function (response) { (error.bind(this))(response); }.bind(this);
+
+    // Send new ajax request
+    this.ajaxRequest = jQuery.ajax(userOptions);
+
+    return this;
+  };
+
+
+  // Abort an ajax call
+
+  jBox.prototype.cancelAjax = function () {
+    if (this.ajaxRequest) {
+      this.ajaxRequest.abort();
+      this.ajaxLoaded = false;
+    }
+  };
+
+
+  // Play an audio file
+
+  jBox.prototype.audio = function (url, volume)
+  {
+    // URL is required
+    if (!url) return this;
+
+    // Create intern audio object if it wasn't created already
+    !jBox._audio && (jBox._audio = {});
+
+    // Create an audio element specific to this audio file if it doesn't exist already
+    if (!jBox._audio[url]) {
+      var audio = jQuery('<audio/>');
+      jQuery('<source/>', {src: url + '.mp3'}).appendTo(audio);
+      jQuery('<source/>', {src: url + '.ogg'}).appendTo(audio);
+      jBox._audio[url] = audio[0];
+    }
+
+    // Set volume
+    jBox._audio[url].volume = Math.min(((volume != undefined ? volume : 100) / 100), 1);
+
+    // Try to pause current audio
+    try {
+      jBox._audio[url].pause();
+      jBox._audio[url].currentTime = 0;
+    } catch (e) {}
+
+    // Play audio
+    jBox._audio[url].play();
+
+    return this;
+  };
+
+  // Apply custom animations to jBox (being used in playground demos)
+
+  jBox._animationSpeeds = {
+    'tada': 1000,
+    'tadaSmall': 1000,
+    'flash': 500,
+    'shake': 400,
+    'pulseUp': 250,
+    'pulseDown': 250,
+    'popIn': 250,
+    'popOut': 250,
+    'fadeIn': 200,
+    'fadeOut': 200,
+    'slideUp': 400,
+    'slideRight': 400,
+    'slideLeft': 400,
+    'slideDown': 400
+  };
+
+  jBox.prototype.animate = function (animation, options)
+  {
+    // Options are required
+    !options && (options = {});
+
+    // Timout needs to be an object
+    !this.animationTimeout && (this.animationTimeout = {});
+
+    // Use jBox wrapper by default
+    !options.element && (options.element = this.wrapper);
+
+    // Give the element an unique id
+    !options.element.data('jBox-animating-id') && options.element.data('jBox-animating-id', jBox._getUniqueElementID());
+
+    // Abort if element is animating
+    if (options.element.data('jBox-animating')) {
+      options.element.removeClass(options.element.data('jBox-animating')).data('jBox-animating', null);
+      this.animationTimeout[options.element.data('jBox-animating-id')] && clearTimeout(this.animationTimeout[options.element.data('jBox-animating-id')]);
+    }
+
+    // Animate the element
+    options.element.addClass('jBox-animated-' + animation).data('jBox-animating', 'jBox-animated-' + animation);
+    this.animationTimeout[options.element.data('jBox-animating-id')] = setTimeout((function() { options.element.removeClass(options.element.data('jBox-animating')).data('jBox-animating', null); options.complete && options.complete(); }), jBox._animationSpeeds[animation]);
+  };
+
+  // https://gist.github.com/AlexEmashev/ee8302b5036b01362f63dab35948401f
+  jBox.prototype.swipeDetector = function (swipeTarget, options) {
+    // States: 0 - no swipe, 1 - swipe started, 2 - swipe released
+    var swipeState = 0;
+    // Coordinates when swipe started
+    var startX = 0;
+    var startY = 0;
+    // Distance of swipe
+    var pixelOffsetX = 0;
+    var pixelOffsetY = 0;
+
+    var defaultSettings = {
+      // Amount of pixels, when swipe don't count.
+      swipeThreshold: 70,
+      // Flag that indicates that plugin should react only on touch events.
+      // Not on mouse events too.
+      useOnlyTouch: false
+    };
+
+    // Initializer
+    (function init() {
+      options = jQuery.extend(defaultSettings, options);
+      // Support touch and mouse as well.
+      swipeTarget.on("mousedown touchstart", swipeStart);
+      jQuery("html").on("mouseup touchend", swipeEnd);
+      jQuery("html").on("mousemove touchmove", swiping);
+    })();
+
+    function swipeStart(event) {
+      if (options.useOnlyTouch && !event.originalEvent.touches) {
+        return;
+      }
+
+      if (event.originalEvent.touches) {
+        event = event.originalEvent.touches[0];
+      }
+
+      if (swipeState === 0) {
+        swipeState = 1;
+        startX = event.clientX;
+        startY = event.clientY;
+      }
+    }
+
+    function swipeEnd(event) {
+      if (swipeState === 2) {
+        swipeState = 0;
+
+        if (
+          Math.abs(pixelOffsetX) > Math.abs(pixelOffsetY) &&
+          Math.abs(pixelOffsetX) > options.swipeThreshold
+        ) {
+          // Horizontal Swipe
+          if (pixelOffsetX < 0) {
+            swipeTarget.trigger(jQuery.Event("swipeLeft.sd"));
+          } else {
+            swipeTarget.trigger(jQuery.Event("swipeRight.sd"));
+          }
+        } else if (Math.abs(pixelOffsetY) > options.swipeThreshold) {
+          // Vertical swipe
+          if (pixelOffsetY < 0) {
+            swipeTarget.trigger(jQuery.Event("swipeUp.sd"));
+          } else {
+            swipeTarget.trigger(jQuery.Event("swipeDown.sd"));
+          }
+        }
+      }
+    }
+
+    function swiping(event) {
+      // If swipe don't occuring, do nothing.
+      if (swipeState !== 1) return;
+
+      if (event.originalEvent.touches) {
+        event = event.originalEvent.touches[0];
+      }
+
+      var swipeOffsetX = event.clientX - startX;
+      var swipeOffsetY = event.clientY - startY;
+
+      if (
+        Math.abs(swipeOffsetX) > options.swipeThreshold ||
+        Math.abs(swipeOffsetY) > options.swipeThreshold
+      ) {
+        swipeState = 2;
+        pixelOffsetX = swipeOffsetX;
+        pixelOffsetY = swipeOffsetY;
+      }
+    }
+
+    return swipeTarget; // Return element available for chaining.
+  }
+
+
+  // Destroy jBox and remove it from DOM
+
+  jBox.prototype.destroy = function ()
+  {
+    // Detach from attached elements
+    this.detach();
+
+    // If jBox is open, close without delay
+    this.isOpen && this.close({ignoreDelay: true});
+
+    // Remove wrapper
+    this.wrapper && this.wrapper.remove();
+
+    // Remove overlay
+    this.overlay && this.overlay.remove();
+
+    // Remove styles
+    this._styles && this._styles.remove();
+
+    // Tell the jBox instance it is destroyed
+    this.isDestroyed = true;
+
+    return this;
+  };
+
+
+  // Get a unique ID for jBoxes
+
+  jBox._getUniqueID = (function ()
+  {
+    var i = 1;
+    return function () { return i++; };
+  }());
+
+
+  // Get a unique ID for animating elements
+
+  jBox._getUniqueElementID = (function ()
+  {
+    var i = 1;
+    return function () { return i++; };
+  }());
+
+
+  // Function to create jBox plugins
+
+  jBox._pluginOptions = {};
+  jBox.plugin = function (type, options)
+  {
+    jBox._pluginOptions[type] = options;
+  };
+
+
+  // Make jBox usable with jQuery selectors
+
+  jQuery.fn.jBox = function (type, options) {
+    // Variables type and object are required
+    !type && (type = {});
+    !options && (options = {});
+
+    // Return a new instance of jBox with the selector as attached element
+    return new jBox(type, jQuery.extend(options, {
+      attach: this
+    }));
+  };
+
+  return jBox;
+
+};
+
+/**
+ * jBox Confirm plugin: Add a confirm dialog to links, buttons, etc.
+ *
+ * Author: Stephan Wagner <stephanwagner.me@gmail.com> (https://stephanwagner.me)
+ *
+ * License: MIT (https://opensource.org/licenses/MIT)
+ *
+ * Requires: jBox (https://cdn.jsdelivr.net/gh/StephanWagner/jBox@latest/dist/jBox.min.js)
+ */
+
+function jBoxConfirmWrapper(jBox, jQuery) {
+
+  new jBox.plugin('Confirm', {
+
+
+    // Options (https://stephanwagner.me/jBox/options#options-confirm)
+
+    confirmButton: 'Submit',  // Text for the submit button
+    cancelButton: 'Cancel',   // Text for the cancel button
+    confirm: null,            // Function to execute when clicking the submit button. By default jBox will use the onclick or href attribute in that order if found
+    cancel: null,             // Function to execute when clicking the cancel button
+    closeOnConfirm: true,     // Close jBox when the user clicks the confirm button
+    target: window,
+    fixed: true,
+    attach: '[data-confirm]',
+    getContent: 'data-confirm',
+    content: 'Do you really want to do this?',
+    minWidth: 360,
+    maxWidth: 500,
+    blockScroll: true,
+    closeOnEsc: true,
+    closeOnClick: false,
+    closeButton: false,
+    overlay: true,
+    animation: 'zoomIn',
+    preventDefault: true,
+
+
+    // Triggered when jBox is attached to the element
+
+    _onAttach: function (el)
+    {
+      // Extract the href or the onclick event if no submit event is passed
+      if (!this.options.confirm) {
+        var submit = el.attr('onclick') ? el.attr('onclick') : (
+          el.attr('href') ? (
+            el.attr('target') ? 'window.open("' + el.attr('href') + '", "' + el.attr('target') + '");'  : 'window.location.href = "' + el.attr('href') + '";'
+          ) : '');
+        el.prop('onclick', null).data('jBox-Confirm-submit', submit);
+      }
+    },
+
+
+    // Triggered when jBox was created
+
+    _onCreated: function ()
+    {
+      // Add modal class to mimic jBox modal
+      this.wrapper.addClass('jBox-Modal');
+
+      // Add a footer to the jBox container
+      this.footer = jQuery('<div class="jBox-Confirm-footer"/>');
+
+      jQuery('<div class="jBox-Confirm-button jBox-Confirm-button-cancel"/>')
+        .html(this.options.cancelButton)
+        .on('click tap', function () {
+          this.options.cancel && this.options.cancel(this.source);
+          this.close();
+        }.bind(this))
+        .appendTo(this.footer);
+
+      this.submitButton = jQuery('<div class="jBox-Confirm-button jBox-Confirm-button-submit"/>')
+        .html(this.options.confirmButton)
+        .appendTo(this.footer);
+
+      this.footer.appendTo(this.container);
+    },
+
+
+    // Triggered when jBox is opened
+
+    _onOpen: function ()
+    {
+      // Set the new action for the submit button
+      this.submitButton
+        .off('click.jBox-Confirm' + this.id + ' tap.jBox-Confirm' + this.id)
+        .on('click.jBox-Confirm' + this.id + ' tap.jBox-Confirm' + this.id, function () {
+          this.options.confirm ? this.options.confirm(this.source) : eval(this.source.data('jBox-Confirm-submit'));
+          this.options.closeOnConfirm && this.close();
+        }.bind(this));
+    }
+
+  });
+
+};
+
+/**
+ * jBox Image plugin: Adds a lightbox to your images
+ *
+ * Author: Stephan Wagner <stephanwagner.me@gmail.com> (https://stephanwagner.me)
+ *
+ * License: MIT (https://opensource.org/licenses/MIT)
+ *
+ * Requires: jBox (https://cdn.jsdelivr.net/gh/StephanWagner/jBox@latest/dist/jBox.min.js)
+ */
+
+function jBoxImageWrapper(jBox, jQuery) {
+
+  new jBox.plugin('Image', {
+
+
+    // Options (https://stephanwagner.me/jBox/options#options-image)
+
+    src: 'href',                 // The attribute where jBox gets the image source from, e.g. href="/path_to_image/image.jpg"
+    gallery: 'data-jbox-image',  // The attribute to set the galleries, e.g. data-jbox-image="gallery1"
+    imageLabel: 'title',         // The attribute where jBox gets the image label from, e.g. title="My label"
+    imageFade: 360,              // The fade duration for images in ms
+    imageSize: 'contain',        // How to display the images. Use CSS background-position values, e.g. 'cover', 'contain', 'auto', 'initial', '50% 50%'
+    imageCounter: false,         // Set to true to add an image counter, e.g. 4/20
+    imageCounterSeparator: '/',  // HTML to separate the current image number from all image numbers, e.g. '/' or ' of '
+    downloadButton: false,       // Adds a download button
+    downloadButtonText: null,    // Text for the download button
+    downloadButtonUrl: null,     // The attribute at the source element where to find the image to download, e.g. data-download="/path_to_image/image.jpg". If none provided, the currently active image will be downloaded
+    mobileImageAttr: null,       // The attribute to look for an mobile version of the image
+    mobileImageBreakpoint: null, // The upper breakpoint to load the mobile image
+    preloadFirstImage: false,    // Preload the first image when page is loaded
+    target: window,
+    attach: '[data-jbox-image]',
+    fixed: true,
+    blockScroll: true,
+    closeOnEsc: true,
+    closeOnClick: 'button',
+    closeButton: true,
+    overlay: true,
+    animation: 'zoomIn',
+    preventDefault: true,
+    width: '100%',
+    height: '100%',
+    adjustDistance: {
+      top: 40,
+      right: 0,
+      bottom: 40,
+      left: 0
+    },
+
+
+    // Triggered when jBox is initialized
+
+    _onInit: function ()
+    {
+      // Initial images and z-index
+      this.images = this.currentImage = {};
+      this.imageZIndex = 1;
+
+      this.initImage = function (item) {
+        item = jQuery(item);
+
+        // Abort if the item was added to a gallery already
+        if (item.data('jBox-image-gallery')) {
+          return;
+        }
+
+        // Get the image src
+        var src = item.attr(this.options.src);
+
+        // Update responsive image src
+        if (this.options.mobileImageAttr && this.options.mobileImageBreakpoint && item.attr(this.options.mobileImageAttr)) {
+          if (jQuery(window).width() <= this.options.mobileImageBreakpoint) {
+            src = item.attr(this.options.mobileImageAttr);
+          }
+        }
+
+        // Add item to a gallery
+        var gallery = item.attr(this.options.gallery) || 'default';
+        !this.images[gallery] && (this.images[gallery] = []);
+        this.images[gallery].push({
+          src: src,
+          label: (item.attr(this.options.imageLabel) || ''),
+          downloadUrl: this.options.downloadButtonUrl && item.attr(this.options.downloadButtonUrl) ? item.attr(this.options.downloadButtonUrl) : null
+        });
+
+        // Remove the title attribute so it won't show the browsers tooltip
+        this.options.imageLabel == 'title' && item.removeAttr('title');
+
+        // Store data in source element for easy access
+        item.data('jBox-image-gallery', gallery);
+        item.data('jBox-image-id', (this.images[gallery].length - 1));
+      }.bind(this);
+
+      // Loop through images, sort and save in global variable
+      this.attachedElements && this.attachedElements.length && jQuery.each(this.attachedElements, function (index, item) {
+        this.initImage(item);
+      }.bind(this));
+
+      // Helper to inject the image into content area
+      var appendImage = function (gallery, id, show, instant) {
+        // Abort if image was appended already
+        if (jQuery('#jBox-image-' + gallery + '-' + id).length) {
+          return;
+        }
+
+        // Create image container
+        var image = jQuery('<div/>', {
+          id: 'jBox-image-' + gallery + '-' + id,
+          'class': 'jBox-image-container' + (show ? ' jBox-image-' + gallery + '-current' : '')
+        }).css({
+          backgroundSize: this.options.imageSize,
+          opacity: (instant ? 1 : 0),
+          zIndex: (show ? this.imageZIndex++ : 0)
+        }).appendTo(this.content);
+
+        // Add swipe events
+        this.swipeDetector(image)
+          .on("swipeLeft.sd swipeRight.sd", function (event) {
+            if (event.type === "swipeLeft") {
+              this.showImage('next');
+            } else if (event.type === "swipeRight") {
+              this.showImage('prev');
+            }
+          }.bind(this));
+
+        // Create labels
+        jQuery('<div/>', {
+          id: 'jBox-image-label-' + gallery + '-' + id,
+          'class': 'jBox-image-label' + (show ? ' active' : '')
+        })
+        .html(this.images[gallery][id].label)
+        .on('click tap', function () {
+          jQuery(this).toggleClass('expanded');
+        })
+        .appendTo(this.imageLabelContainer);
+
+        // Show image
+        show && image.animate({opacity: 1}, instant ? 0 : this.options.imageFade);
+
+        return image;
+      }.bind(this);
+
+      // Function to download an image
+      this.downloadImage = function (imageUrl) {
+        var link = document.createElement('a');
+        link.href = imageUrl;
+        link.setAttribute('download', imageUrl.substring(imageUrl.lastIndexOf('/')+1));
+        document.body.appendChild(link);
+        link.click();
+      };
+
+      // Helper to show new image label
+      var showLabel = function (gallery, id) {
+        jQuery('.jBox-image-label.active').removeClass('active expanded');
+        jQuery('#jBox-image-label-' + gallery + '-' + id).addClass('active');
+      };
+
+      // Helper to load image
+      var loadImage = function (gallery, id, show, instant) {
+        var imageContainer = appendImage(gallery, id, show, instant);
+        imageContainer.addClass('jBox-image-loading');
+
+        jQuery('<img src="' + this.images[gallery][id].src + '" />').each(function () {
+          var tmpImg = new Image();
+          tmpImg.onload = function () {
+            imageContainer.removeClass('jBox-image-loading');
+            imageContainer.css({backgroundImage: 'url("' + this.images[gallery][id].src + '")'});
+          }.bind(this);
+
+          tmpImg.onerror = function () {
+            imageContainer.removeClass('jBox-image-loading');
+            imageContainer.addClass('jBox-image-not-found');
+          }.bind(this);
+
+          tmpImg.src = this.images[gallery][id].src;
+        }.bind(this));
+      }.bind(this);
+
+      // Show images when they are loaded or load them if not
+      this.showImage = function (img) {
+        // Get the gallery and the image id from the next or the previous image
+        var gallery;
+        var id;
+
+        if (img != 'open') {
+          gallery = this.currentImage.gallery;
+          id = this.currentImage.id + (1 * (img == 'prev') ? -1 : 1);
+          id = id > (this.images[gallery].length - 1) ? 0 : (id < 0 ? (this.images[gallery].length - 1) : id);
+
+        // Or get image data from source element
+        } else {
+          // Get gallery and image id from source element
+          if (this.source) {
+            gallery = this.source.data('jBox-image-gallery');
+            id = this.source.data('jBox-image-id');
+
+          // Get gallery and image id attached elements
+          } else if (this.attachedElements && this.attachedElements.length) {
+            gallery = jQuery(this.attachedElements[0]).data('jBox-image-gallery');
+            id = jQuery(this.attachedElements[0]).data('jBox-image-id');
+          } else {
+            return;
+          }
+
+          // Remove or show the next and prev buttons
+          if (this.images && this.images[gallery]) {
+            jQuery('.jBox-image-pointer-prev, .jBox-image-pointer-next').css({display: (this.images[gallery].length > 1 ? 'block' : 'none')});
+          }
+        }
+
+        // If there is a current image already shown, hide it
+        if (jQuery('.jBox-image-' + gallery + '-current').length) {
+          jQuery('.jBox-image-' + gallery + '-current').removeClass('jBox-image-' + gallery + '-current').animate({opacity: 0}, (img == 'open') ? 0 : this.options.imageFade);
+        }
+
+        // Set new current image
+        this.currentImage = {gallery: gallery, id: id};
+
+        // Show image if it already exists
+        if (jQuery('#jBox-image-' + gallery + '-' + id).length) {
+          jQuery('#jBox-image-' + gallery + '-' + id).addClass('jBox-image-' + gallery + '-current').css({zIndex: this.imageZIndex++, opacity: 0}).animate({opacity: 1}, (img == 'open') ? 0 : this.options.imageFade);
+
+        // Load image
+        } else {
+          loadImage(gallery, id, true, (img === 'open'));
+        }
+
+        // Show label
+        showLabel(gallery, id);
+
+        // Update the image counter numbers
+        if (this.imageCounter) {
+          if (this.images[gallery] && this.images[gallery].length > 1) {
+            this.wrapper.addClass('jBox-image-has-counter');
+            this.imageCounter.find('.jBox-image-counter-all').html(this.images[gallery].length);
+            this.imageCounter.find('.jBox-image-counter-current').html(id + 1);
+          } else {
+            this.wrapper.removeClass('jBox-image-has-counter');
+          }
+        }
+
+        // Preload next image
+        if (this.images[gallery] && this.images[gallery].length - 1) {
+	        var next_id = id + 1;
+	        next_id = next_id > (this.images[gallery].length - 1) ? 0 : (next_id < 0 ? (this.images[gallery].length - 1) : next_id);
+
+	        if (!jQuery('#jBox-image-' + gallery + '-' + next_id).length) {
+            loadImage(gallery, next_id, false, false);
+          }
+	      }
+      };
+
+      // Preload image
+      if (this.options.preloadFirstImage) {
+        jQuery(window).on('load', function() {
+          this.showImage('open');
+        }.bind(this));
+      }
+    },
+
+
+    // Triggered when jBox attaches a new element
+
+    _onAttach: function (item) {
+      this.initImage && this.initImage(item);
+    },
+
+
+    // Triggered when jBox was created
+
+    _onCreated: function ()
+    {
+      // Create image label and navigation buttons
+      this.imageLabelWrapper = jQuery('<div class="jBox-image-label-wrapper"/>').appendTo(this.wrapper);
+
+      this.imagePrevButton = jQuery('<div class="jBox-image-pointer-prev"/>')
+        .on('click tap', function () {
+          this.showImage('prev');
+        }.bind(this));
+
+      this.imageNextButton = jQuery('<div class="jBox-image-pointer-next"/>')
+        .on('click tap', function () {
+          this.showImage('next');
+        }.bind(this));
+
+      this.imageLabelContainer = jQuery('<div class="jBox-image-label-container"/>');
+
+      this.imageLabelWrapper
+        .append(this.imagePrevButton)
+        .append(this.imageLabelContainer)
+        .append(this.imageNextButton);
+
+      // Append the download button
+      if (this.options.downloadButton) {
+        this.downloadButton = jQuery('<div/>', {'class': 'jBox-image-download-button-wrapper'})
+          .appendTo(this.wrapper)
+          .append(
+            this.options.downloadButtonText ? jQuery('<div/>', {'class': 'jBox-image-download-button-text'}).html(this.options.downloadButtonText) : null
+          )
+          .append(
+            jQuery('<div/>', {'class': 'jBox-image-download-button-icon'})
+          ).on('click tap', function () {
+            if (this.images[this.currentImage.gallery][this.currentImage.id].downloadUrl) {
+              var currentImageUrl = this.images[this.currentImage.gallery][this.currentImage.id].downloadUrl;
+            } else {
+              var currentImage = this.wrapper.find('.jBox-image-' + this.currentImage.gallery + '-current');
+              var currentImageStyle = currentImage[0].style.backgroundImage;
+              var currentImageUrl = currentImageStyle.slice(4, -1).replace(/["']/g, '');
+            }
+            this.downloadImage(currentImageUrl);
+          }.bind(this));
+      }
+
+      // Creating the image counter containers
+      if (this.options.imageCounter) {
+        this.imageCounter = jQuery('<div/>', {'class': 'jBox-image-counter-container'}).insertAfter(this.imageLabelContainer);
+        this.imageCounter.append(jQuery('<span/>', {'class': 'jBox-image-counter-current'})).append(jQuery('<span/>').html(this.options.imageCounterSeparator)).append(jQuery('<span/>', {'class': 'jBox-image-counter-all'}));
+      }
+    },
+
+
+    // Triggered when jBox opens
+
+    _onOpen: function ()
+    {
+      // Add key events
+      jQuery(document).on('keyup.jBox-Image-' + this.id, function (ev) {
+        (ev.keyCode == 37) && this.showImage('prev');
+        (ev.keyCode == 39) && this.showImage('next');
+      }.bind(this));
+
+      // Load the image from the attached element
+      this.showImage('open');
+    },
+
+
+    // Triggered when jBox closes
+
+    _onClose: function ()
+    {
+      // Remove key events
+      jQuery(document).off('keyup.jBox-Image-' + this.id);
+    },
+
+
+    // Triggered when jBox finished closing
+
+    _onCloseComplete: function ()
+    {
+      // Hide all image containers
+      this.wrapper.find('.jBox-image-container').css('opacity', 0);
+    }
+
+  });
+
+};
+
+/**
+ * jBox Notice plugin: Opens a popup notice
+ *
+ * Author: Stephan Wagner <stephanwagner.me@gmail.com> (https://stephanwagner.me)
+ *
+ * License: MIT (https://opensource.org/licenses/MIT)
+ *
+ * Requires: jBox (https://cdn.jsdelivr.net/gh/StephanWagner/jBox@latest/dist/jBox.min.js)
+ */
+
+function jBoxNoticeWrapper(jBox, jQuery) {
+
+  new jBox.plugin('Notice', {
+
+
+    // Options (https://stephanwagner.me/jBox/options#options-notice)
+
+    color: null,      // Add a color to your notices, use 'gray' (default), 'black', 'red', 'green', 'blue' or 'yellow'
+    stack: true,      // Set to false to disable notice-stacking
+    stackSpacing: 10, // Spacing between notices when they stack
+    autoClose: 6000,  // Time in ms after which the notice will disappear
+    attributes: {     // Defines where the notice will pop up
+      x: 'right',     // 'left' or 'right'
+      y: 'top'        // 'top' or 'bottom'
+    },
+    position: {       // Defines the distance to the viewport boundary
+      x: 15,
+      y: 15
+    },
+    responsivePositions: {  // Responsive positions
+      500: {                // The key defines the maximum width of the viewport, the values will replace the default position options
+        x: 5,               // Start with the lowest viewport
+        y: 5
+      },
+      768: {
+        x: 10,
+        y: 10
+      }
+    },
+    target: window,
+    fixed: true,
+    animation: 'zoomIn',
+    closeOnClick: 'box',
+    zIndex: 12000,
+
+
+    // Triggered when notice is initialized
+
+    _onInit: function ()
+    {
+      // Cache position values
+      this.defaultNoticePosition = jQuery.extend({}, this.options.position);
+
+      // Type Notice has its own adjust position function
+      this._adjustNoticePositon = function () {
+        var win = jQuery(window);
+        var windowDimensions = {
+          x: win.width(),
+          y: win.height()
+        };
+
+        // Reset default position
+        this.options.position = jQuery.extend({}, this.defaultNoticePosition);
+
+        // Adjust depending on viewport
+        jQuery.each(this.options.responsivePositions, function (viewport, position) {
+          if (windowDimensions.x <= viewport) {
+            this.options.position = position;
+            return false;
+          }
+        }.bind(this));
+
+        // Set new padding options
+        this.options.adjustDistance = {
+          top: this.options.position.y,
+          right: this.options.position.x,
+          bottom: this.options.position.y,
+          left: this.options.position.x
+        };
+      };
+
+      // If jBox grabs an element as content, crab a clone instead
+      this.options.content instanceof jQuery && (this.options.content = this.options.content.clone().attr('id', ''));
+
+      // Adjust paddings when window resizes
+      jQuery(window).on('resize.responsivejBoxNotice-' + this.id, function (ev) { if (this.isOpen) { this._adjustNoticePositon(); } }.bind(this));
+
+      this.open();
+    },
+
+
+    // Triggered when notice was created
+
+    _onCreated: function ()
+    {
+      // Add color class
+      this.wrapper.addClass('jBox-Notice-color jBox-Notice-' + (this.options.color || 'gray'));
+
+      // Store position in jBox wrapper
+      this.wrapper.data('jBox-Notice-position', this.options.attributes.x + '-' + this.options.attributes.y);
+    },
+
+
+    // Triggered when notice opens
+
+    _onOpen: function ()
+    {
+      // Bail if we're stacking
+      if (this.options.stack) {
+          return;
+      }
+
+      // Adjust position when opening
+      this._adjustNoticePositon();
+
+      // Loop through notices at same window corner destroy them
+      jQuery.each(jQuery('.jBox-Notice'), function (index, el)
+      {
+        el = jQuery(el);
+
+        // Abort if the element is this notice or when it's not at the same position
+        if (el.attr('id') == this.id || el.data('jBox-Notice-position') != this.options.attributes.x + '-' + this.options.attributes.y) {
+          return;
+        }
+
+        // Remove notice when we don't wont to stack them
+        if (!this.options.stack) {
+          el.data('jBox').close({ignoreDelay: true});
+          return;
+        }
+      }.bind(this));
+    },
+
+    // Triggered when resizing window etc.
+
+    _onPosition: function ()
+    {
+        var stacks = {};
+        jQuery.each(jQuery('.jBox-Notice'), function (index, el)
+        {
+          el = jQuery(el);
+          var pos = el.data('jBox-Notice-position');
+          if (!stacks[pos]) {
+              stacks[pos] = [];
+          }
+          stacks[pos].push(el);
+        });
+        for (var pos in stacks) {
+            var position = pos.split('-');
+            var direction = position[1];
+            stacks[pos].reverse();
+            var margin = 0;
+            for (var i in stacks[pos]) {
+                var el = jQuery(stacks[pos][i]);
+                el.css('margin-' + direction, margin);
+                margin += el.outerHeight() + this.options.stackSpacing;
+            }
+        }
+    },
+
+    // Remove notice from DOM and reposition other notices when closing finishes
+
+    _onCloseComplete: function ()
+    {
+        this.destroy();
+        this.options._onPosition.bind(this).call();
+    }
+
+  });
+
+};
+
+(function (root, factory) {
+  if (typeof define === 'function' && define.amd) {
+    define(['jquery'], function (jQuery) {
+      return (root.jBox = factory(jQuery));
+    });
+  } else if (typeof module === 'object' && module.exports) {
+    module.exports = (root.jBox = factory(require('jquery')));
+  } else {
+    root.jBox = factory(root.jQuery);
+  }
+}(this, function (jQuery) {
+  var jBox = jBoxWrapper(jQuery);
+  try { typeof jBoxConfirmWrapper !== 'undefined' && jBoxConfirmWrapper && jBoxConfirmWrapper(jBox, jQuery); } catch(e) { console.error(e); }
+  try { typeof jBoxImageWrapper !== 'undefined' && jBoxImageWrapper && jBoxImageWrapper(jBox, jQuery); } catch(e) { console.error(e); }
+  try { typeof jBoxNoticeWrapper !== 'undefined' && jBoxNoticeWrapper && jBoxNoticeWrapper(jBox, jQuery); } catch(e) { console.error(e); }
+  return jBox;
+}));
+
+//# sourceMappingURL=jBox.all.js.map
diff --git a/_assets/js/jquery-plugin-boilerplate.js b/_assets/js/jquery-plugin-boilerplate.js
new file mode 100644
index 0000000..0b999ab
--- /dev/null
+++ b/_assets/js/jquery-plugin-boilerplate.js
@@ -0,0 +1,107 @@
+// jQuery Plugin Boilerplate
+// A boilerplate for jumpstarting jQuery plugins development
+// version 1.1, May 14th, 2011
+// by Stefan Gabos
+
+// remember to change every instance of "pluginName" to the name of your plugin!
+(function($) {
+
+    // here we go!
+    $.pluginName = function(element, options) {
+
+    // plugin's default options
+    // this is private property and is accessible only from inside the plugin
+    var defaults = {
+
+        foo: 'bar',
+
+        // if your plugin is event-driven, you may provide callback capabilities
+        // for its events. execute these functions before or after events of your
+        // plugin, so that users may customize those particular events without
+        // changing the plugin's code
+        onFoo: function() {}
+
+    }
+
+    // to avoid confusions, use "plugin" to reference the
+    // current instance of the object
+    var plugin = this;
+
+    // this will hold the merged default, and user-provided options
+    // plugin's properties will be available through this object like:
+    // plugin.settings.propertyName from inside the plugin or
+    // element.data('pluginName').settings.propertyName from outside the plugin,
+    // where "element" is the element the plugin is attached to;
+    plugin.settings = {}
+
+    var $element = $(element), // reference to the jQuery version of DOM element
+    element = element; // reference to the actual DOM element
+
+    // the "constructor" method that gets called when the object is created
+    plugin.init = function() {
+
+    // the plugin's final properties are the merged default and
+    // user-provided options (if any)
+    plugin.settings = $.extend({}, defaults, options);
+
+    // code goes here
+
+   }
+
+   // public methods
+   // these methods can be called like:
+   // plugin.methodName(arg1, arg2, ... argn) from inside the plugin or
+   // element.data('pluginName').publicMethod(arg1, arg2, ... argn) from outside
+   // the plugin, where "element" is the element the plugin is attached to;
+
+   // a public method. for demonstration purposes only - remove it!
+   plugin.foo_public_method = function() {
+
+   // code goes here
+
+    }
+
+     // private methods
+     // these methods can be called only from inside the plugin like:
+     // methodName(arg1, arg2, ... argn)
+
+     // a private method. for demonstration purposes only - remove it!
+     var foo_private_method = function() {
+
+        // code goes here
+
+     }
+
+     // fire up the plugin!
+     // call the "constructor" method
+     plugin.init();
+
+     }
+
+     // add the plugin to the jQuery.fn object
+     $.fn.pluginName = function(options) {
+
+        // iterate through the DOM elements we are attaching the plugin to
+        return this.each(function() {
+
+          // if plugin has not already been attached to the element
+          if (undefined == $(this).data('pluginName')) {
+
+              // create a new instance of the plugin
+              // pass the DOM element and the user-provided options as arguments
+              var plugin = new $.pluginName(this, options);
+
+              // in the jQuery version of the element
+              // store a reference to the plugin object
+              // you can later access the plugin and its methods and properties like
+              // element.data('pluginName').publicMethod(arg1, arg2, ... argn) or
+              // element.data('pluginName').settings.propertyName
+              $(this).data('pluginName', plugin);
+
+           }
+
+        });
+
+    }
+
+})(jQuery);
\ No newline at end of file
diff --git a/_assets/js/jquery.autoButton.js b/_assets/js/jquery.autoButton.js
index baabd64..055470b 100644
--- a/_assets/js/jquery.autoButton.js
+++ b/_assets/js/jquery.autoButton.js
@@ -4,19 +4,19 @@
 
 Convert #id.action urls for button links into an onclick method that triggers the action on the specified target
 
-Shows/hides buttons in order for multiple states. Toggles open/close methods for openclose action.
+Shows/hides buttons in the order they appear in the HTML for multiple states.
+
+An open openclose action can be applied to a single button which will toggle the action. In this case the button can have different styling according to the class (.button.state_open)
 
 ## Details
 
-The method is applied to a button container. This typically will have two elements in it for e.g. 
-open and close. The CSS will only show the first button by default.
+The method is applied to a button container. This typically will have two elements in it for e.g. open and close. The CSS will only show the first button by default.
 
 In the actual buttons themselves there should be `<a>` tags with a url of the form #target.action.
 
 The target elements should have methods for the actions specified, e.g. on("open",{}).on("close",{});
 
-The action openclose will "toggle" the open and close actions. By default the state is assumed 
-to be "close" to start. Override this with data-open on the button.[todo: check]
+The action openclose will "toggle" the open and close actions. By default the state is assumed to be "close" to start. Override this with data-state="open" and  class="state_open" on the button.
 
 ### Styling
 
@@ -30,7 +30,6 @@ Ensure your styling hides the buttons as required. E.g.
 
 For openclose buttons a class state_<state> is applied.
 
-
 ## Usage
 
 Typically apply to all relevant elements by a standardised class, e.g.
@@ -40,16 +39,12 @@ $(".button").button();
 Typical actions are open, close (or the special case openclose which can be applied to a single button).
 
 ```HTML
-<div class="cs-button scheme-hamburger" id="mainmenu_button">
+<div class="button scheme-hamburger" id="mainmenu_button">
 	<a href="#mainmenu.open">
-		<div class="icon">
-			<svg   viewBox="0 0 32 32"><use xlink:href="_common/images/menu.svg#menu"></svg>
-		</div>
+		<svg class="icon" viewBox="0 0 32 32"><use xlink:href="_common/images/menu.svg#menu"></svg>
 	</a>
 	<a href="#mainmenu.close">
-		<div class="icon">
-			<svg   viewBox="0 0 357 357"><use xlink:href="_common/images/close47.svg#close"></svg>
-		</div>
+		<svg  class="icon" viewBox="0 0 357 357"><use xlink:href="_common/images/close47.svg#close"></svg>
 	</a>
 </div>
 ```
@@ -93,7 +88,7 @@ $.fn.button = function() {
 			var $self = $(this);
 			let action = $self.data("action");
 			let $target = $self.data("target");
-			
+
 			if ($target && action) {
 				let index = 0;
 		    	if (action == "openclose") {
@@ -118,12 +113,12 @@ $.fn.button = function() {
 				}
 				
 				console.log("triggering " + action + " on " + $target.attr("id"));
-
+				
 				$target.trigger(action);
 
 				if ($links.length > 1) {
 					$links.css({"display":"none"});
-					$($links[index]).css({"display":"block"});
+					$($links[index]).css({"display":"flex"});
 				}
 			}
 			// debug
diff --git a/_assets/js/jquery.mCustomScrollbar.min.js b/_assets/js/jquery.mCustomScrollbar.min.js
new file mode 100644
index 0000000..703c700
--- /dev/null
+++ b/_assets/js/jquery.mCustomScrollbar.min.js
@@ -0,0 +1,3 @@
+!function(e){"function"==typeof define&&define.amd?define(["jquery"],e):"undefined"!=typeof module&&module.exports?module.exports=e:e(jQuery,window,document)}(function(e){!function(t){var o="function"==typeof define&&define.amd,a="undefined"!=typeof module&&module.exports,n="https:"==document.location.protocol?"https:":"http:",i="cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.13/jquery.mousewheel.min.js";o||(a?require("jquery-mousewheel")(e):e.event.special.mousewheel||e("head").append(decodeURI("%3Cscript src="+n+"//"+i+"%3E%3C/script%3E"))),t()}(function(){var t,o="mCustomScrollbar",a="mCS",n=".mCustomScrollbar",i={setTop:0,setLeft:0,axis:"y",scrollbarPosition:"inside",scrollInertia:950,autoDraggerLength:!0,alwaysShowScrollbar:0,snapOffset:0,mouseWheel:{enable:!0,scrollAmount:"auto",axis:"y",deltaFactor:"auto",disableOver:["select","option","keygen","datalist","textarea"]},scrollButtons:{scrollType:"stepless",scrollAmount:"auto"},keyboard:{enable:!0,scrollType:"stepless",scrollAmount:"auto"},contentTouchScroll:25,documentTouchScroll:!0,advanced:{autoScrollOnFocus:"input,textarea,select,button,datalist,keygen,a[tabindex],area,object,[contenteditable='true']",updateOnContentResize:!0,updateOnImageLoad:"auto",autoUpdateTimeout:60},theme:"light",callbacks:{onTotalScrollOffset:0,onTotalScrollBackOffset:0,alwaysTriggerOffsets:!0}},r=0,l={},s=window.attachEvent&&!window.addEventListener?1:0,c=!1,d=["mCSB_dragger_onDrag","mCSB_scrollTools_onDrag","mCS_img_loaded","mCS_disabled","mCS_destroyed","mCS_no_scrollbar","mCS-autoHide","mCS-dir-rtl","mCS_no_scrollbar_y","mCS_no_scrollbar_x","mCS_y_hidden","mCS_x_hidden","mCSB_draggerContainer","mCSB_buttonUp","mCSB_buttonDown","mCSB_buttonLeft","mCSB_buttonRight"],u={init:function(t){var t=e.extend(!0,{},i,t),o=f.call(this);if(t.live){var s=t.liveSelector||this.selector||n,c=e(s);if("off"===t.live)return void m(s);l[s]=setTimeout(function(){c.mCustomScrollbar(t),"once"===t.live&&c.length&&m(s)},500)}else m(s);return t.setWidth=t.set_width?t.set_width:t.setWidth,t.setHeight=t.set_height?t.set_height:t.setHeight,t.axis=t.horizontalScroll?"x":p(t.axis),t.scrollInertia=t.scrollInertia>0&&t.scrollInertia<17?17:t.scrollInertia,"object"!=typeof t.mouseWheel&&1==t.mouseWheel&&(t.mouseWheel={enable:!0,scrollAmount:"auto",axis:"y",preventDefault:!1,deltaFactor:"auto",normalizeDelta:!1,invert:!1}),t.mouseWheel.scrollAmount=t.mouseWheelPixels?t.mouseWheelPixels:t.mouseWheel.scrollAmount,t.mouseWheel.normalizeDelta=t.advanced.normalizeMouseWheelDelta?t.advanced.normalizeMouseWheelDelta:t.mouseWheel.normalizeDelta,t.scrollButtons.scrollType=g(t.scrollButtons.scrollType),h(t),e(o).each(function(){var o=e(this);if(!o.data(a)){o.data(a,{idx:++r,opt:t,scrollRatio:{y:null,x:null},overflowed:null,contentReset:{y:null,x:null},bindEvents:!1,tweenRunning:!1,sequential:{},langDir:o.css("direction"),cbOffsets:null,trigger:null,poll:{size:{o:0,n:0},img:{o:0,n:0},change:{o:0,n:0}}});var n=o.data(a),i=n.opt,l=o.data("mcs-axis"),s=o.data("mcs-scrollbar-position"),c=o.data("mcs-theme");l&&(i.axis=l),s&&(i.scrollbarPosition=s),c&&(i.theme=c,h(i)),v.call(this),n&&i.callbacks.onCreate&&"function"==typeof i.callbacks.onCreate&&i.callbacks.onCreate.call(this),e("#mCSB_"+n.idx+"_container img:not(."+d[2]+")").addClass(d[2]),u.update.call(null,o)}})},update:function(t,o){var n=t||f.call(this);return e(n).each(function(){var t=e(this);if(t.data(a)){var n=t.data(a),i=n.opt,r=e("#mCSB_"+n.idx+"_container"),l=e("#mCSB_"+n.idx),s=[e("#mCSB_"+n.idx+"_dragger_vertical"),e("#mCSB_"+n.idx+"_dragger_horizontal")];if(!r.length)return;n.tweenRunning&&Q(t),o&&n&&i.callbacks.onBeforeUpdate&&"function"==typeof i.callbacks.onBeforeUpdate&&i.callbacks.onBeforeUpdate.call(this),t.hasClass(d[3])&&t.removeClass(d[3]),t.hasClass(d[4])&&t.removeClass(d[4]),l.css("max-height","none"),l.height()!==t.height()&&l.css("max-height",t.height()),_.call(this),"y"===i.axis||i.advanced.autoExpandHorizontalScroll||r.css("width",x(r)),n.overflowed=y.call(this),M.call(this),i.autoDraggerLength&&S.call(this),b.call(this),T.call(this);var c=[Math.abs(r[0].offsetTop),Math.abs(r[0].offsetLeft)];"x"!==i.axis&&(n.overflowed[0]?s[0].height()>s[0].parent().height()?B.call(this):(G(t,c[0].toString(),{dir:"y",dur:0,overwrite:"none"}),n.contentReset.y=null):(B.call(this),"y"===i.axis?k.call(this):"yx"===i.axis&&n.overflowed[1]&&G(t,c[1].toString(),{dir:"x",dur:0,overwrite:"none"}))),"y"!==i.axis&&(n.overflowed[1]?s[1].width()>s[1].parent().width()?B.call(this):(G(t,c[1].toString(),{dir:"x",dur:0,overwrite:"none"}),n.contentReset.x=null):(B.call(this),"x"===i.axis?k.call(this):"yx"===i.axis&&n.overflowed[0]&&G(t,c[0].toString(),{dir:"y",dur:0,overwrite:"none"}))),o&&n&&(2===o&&i.callbacks.onImageLoad&&"function"==typeof i.callbacks.onImageLoad?i.callbacks.onImageLoad.call(this):3===o&&i.callbacks.onSelectorChange&&"function"==typeof i.callbacks.onSelectorChange?i.callbacks.onSelectorChange.call(this):i.callbacks.onUpdate&&"function"==typeof i.callbacks.onUpdate&&i.callbacks.onUpdate.call(this)),N.call(this)}})},scrollTo:function(t,o){if("undefined"!=typeof t&&null!=t){var n=f.call(this);return e(n).each(function(){var n=e(this);if(n.data(a)){var i=n.data(a),r=i.opt,l={trigger:"external",scrollInertia:r.scrollInertia,scrollEasing:"mcsEaseInOut",moveDragger:!1,timeout:60,callbacks:!0,onStart:!0,onUpdate:!0,onComplete:!0},s=e.extend(!0,{},l,o),c=Y.call(this,t),d=s.scrollInertia>0&&s.scrollInertia<17?17:s.scrollInertia;c[0]=X.call(this,c[0],"y"),c[1]=X.call(this,c[1],"x"),s.moveDragger&&(c[0]*=i.scrollRatio.y,c[1]*=i.scrollRatio.x),s.dur=ne()?0:d,setTimeout(function(){null!==c[0]&&"undefined"!=typeof c[0]&&"x"!==r.axis&&i.overflowed[0]&&(s.dir="y",s.overwrite="all",G(n,c[0].toString(),s)),null!==c[1]&&"undefined"!=typeof c[1]&&"y"!==r.axis&&i.overflowed[1]&&(s.dir="x",s.overwrite="none",G(n,c[1].toString(),s))},s.timeout)}})}},stop:function(){var t=f.call(this);return e(t).each(function(){var t=e(this);t.data(a)&&Q(t)})},disable:function(t){var o=f.call(this);return e(o).each(function(){var o=e(this);if(o.data(a)){o.data(a);N.call(this,"remove"),k.call(this),t&&B.call(this),M.call(this,!0),o.addClass(d[3])}})},destroy:function(){var t=f.call(this);return e(t).each(function(){var n=e(this);if(n.data(a)){var i=n.data(a),r=i.opt,l=e("#mCSB_"+i.idx),s=e("#mCSB_"+i.idx+"_container"),c=e(".mCSB_"+i.idx+"_scrollbar");r.live&&m(r.liveSelector||e(t).selector),N.call(this,"remove"),k.call(this),B.call(this),n.removeData(a),$(this,"mcs"),c.remove(),s.find("img."+d[2]).removeClass(d[2]),l.replaceWith(s.contents()),n.removeClass(o+" _"+a+"_"+i.idx+" "+d[6]+" "+d[7]+" "+d[5]+" "+d[3]).addClass(d[4])}})}},f=function(){return"object"!=typeof e(this)||e(this).length<1?n:this},h=function(t){var o=["rounded","rounded-dark","rounded-dots","rounded-dots-dark"],a=["rounded-dots","rounded-dots-dark","3d","3d-dark","3d-thick","3d-thick-dark","inset","inset-dark","inset-2","inset-2-dark","inset-3","inset-3-dark"],n=["minimal","minimal-dark"],i=["minimal","minimal-dark"],r=["minimal","minimal-dark"];t.autoDraggerLength=e.inArray(t.theme,o)>-1?!1:t.autoDraggerLength,t.autoExpandScrollbar=e.inArray(t.theme,a)>-1?!1:t.autoExpandScrollbar,t.scrollButtons.enable=e.inArray(t.theme,n)>-1?!1:t.scrollButtons.enable,t.autoHideScrollbar=e.inArray(t.theme,i)>-1?!0:t.autoHideScrollbar,t.scrollbarPosition=e.inArray(t.theme,r)>-1?"outside":t.scrollbarPosition},m=function(e){l[e]&&(clearTimeout(l[e]),$(l,e))},p=function(e){return"yx"===e||"xy"===e||"auto"===e?"yx":"x"===e||"horizontal"===e?"x":"y"},g=function(e){return"stepped"===e||"pixels"===e||"step"===e||"click"===e?"stepped":"stepless"},v=function(){var t=e(this),n=t.data(a),i=n.opt,r=i.autoExpandScrollbar?" "+d[1]+"_expand":"",l=["<div id='mCSB_"+n.idx+"_scrollbar_vertical' class='mCSB_scrollTools mCSB_"+n.idx+"_scrollbar mCS-"+i.theme+" mCSB_scrollTools_vertical"+r+"'><div class='"+d[12]+"'><div id='mCSB_"+n.idx+"_dragger_vertical' class='mCSB_dragger' style='position:absolute;'><div class='mCSB_dragger_bar' /></div><div class='mCSB_draggerRail' /></div></div>","<div id='mCSB_"+n.idx+"_scrollbar_horizontal' class='mCSB_scrollTools mCSB_"+n.idx+"_scrollbar mCS-"+i.theme+" mCSB_scrollTools_horizontal"+r+"'><div class='"+d[12]+"'><div id='mCSB_"+n.idx+"_dragger_horizontal' class='mCSB_dragger' style='position:absolute;'><div class='mCSB_dragger_bar' /></div><div class='mCSB_draggerRail' /></div></div>"],s="yx"===i.axis?"mCSB_vertical_horizontal":"x"===i.axis?"mCSB_horizontal":"mCSB_vertical",c="yx"===i.axis?l[0]+l[1]:"x"===i.axis?l[1]:l[0],u="yx"===i.axis?"<div id='mCSB_"+n.idx+"_container_wrapper' class='mCSB_container_wrapper' />":"",f=i.autoHideScrollbar?" "+d[6]:"",h="x"!==i.axis&&"rtl"===n.langDir?" "+d[7]:"";i.setWidth&&t.css("width",i.setWidth),i.setHeight&&t.css("height",i.setHeight),i.setLeft="y"!==i.axis&&"rtl"===n.langDir?"989999px":i.setLeft,t.addClass(o+" _"+a+"_"+n.idx+f+h).wrapInner("<div id='mCSB_"+n.idx+"' class='mCustomScrollBox mCS-"+i.theme+" "+s+"'><div id='mCSB_"+n.idx+"_container' class='mCSB_container' style='position:relative; top:"+i.setTop+"; left:"+i.setLeft+";' dir='"+n.langDir+"' /></div>");var m=e("#mCSB_"+n.idx),p=e("#mCSB_"+n.idx+"_container");"y"===i.axis||i.advanced.autoExpandHorizontalScroll||p.css("width",x(p)),"outside"===i.scrollbarPosition?("static"===t.css("position")&&t.css("position","relative"),t.css("overflow","visible"),m.addClass("mCSB_outside").after(c)):(m.addClass("mCSB_inside").append(c),p.wrap(u)),w.call(this);var g=[e("#mCSB_"+n.idx+"_dragger_vertical"),e("#mCSB_"+n.idx+"_dragger_horizontal")];g[0].css("min-height",g[0].height()),g[1].css("min-width",g[1].width())},x=function(t){var o=[t[0].scrollWidth,Math.max.apply(Math,t.children().map(function(){return e(this).outerWidth(!0)}).get())],a=t.parent().width();return o[0]>a?o[0]:o[1]>a?o[1]:"100%"},_=function(){var t=e(this),o=t.data(a),n=o.opt,i=e("#mCSB_"+o.idx+"_container");if(n.advanced.autoExpandHorizontalScroll&&"y"!==n.axis){i.css({width:"auto","min-width":0,"overflow-x":"scroll"});var r=Math.ceil(i[0].scrollWidth);3===n.advanced.autoExpandHorizontalScroll||2!==n.advanced.autoExpandHorizontalScroll&&r>i.parent().width()?i.css({width:r,"min-width":"100%","overflow-x":"inherit"}):i.css({"overflow-x":"inherit",position:"absolute"}).wrap("<div class='mCSB_h_wrapper' style='position:relative; left:0; width:999999px;' />").css({width:Math.ceil(i[0].getBoundingClientRect().right+.4)-Math.floor(i[0].getBoundingClientRect().left),"min-width":"100%",position:"relative"}).unwrap()}},w=function(){var t=e(this),o=t.data(a),n=o.opt,i=e(".mCSB_"+o.idx+"_scrollbar:first"),r=oe(n.scrollButtons.tabindex)?"tabindex='"+n.scrollButtons.tabindex+"'":"",l=["<a href='#' class='"+d[13]+"' "+r+" />","<a href='#' class='"+d[14]+"' "+r+" />","<a href='#' class='"+d[15]+"' "+r+" />","<a href='#' class='"+d[16]+"' "+r+" />"],s=["x"===n.axis?l[2]:l[0],"x"===n.axis?l[3]:l[1],l[2],l[3]];n.scrollButtons.enable&&i.prepend(s[0]).append(s[1]).next(".mCSB_scrollTools").prepend(s[2]).append(s[3])},S=function(){var t=e(this),o=t.data(a),n=e("#mCSB_"+o.idx),i=e("#mCSB_"+o.idx+"_container"),r=[e("#mCSB_"+o.idx+"_dragger_vertical"),e("#mCSB_"+o.idx+"_dragger_horizontal")],l=[n.height()/i.outerHeight(!1),n.width()/i.outerWidth(!1)],c=[parseInt(r[0].css("min-height")),Math.round(l[0]*r[0].parent().height()),parseInt(r[1].css("min-width")),Math.round(l[1]*r[1].parent().width())],d=s&&c[1]<c[0]?c[0]:c[1],u=s&&c[3]<c[2]?c[2]:c[3];r[0].css({height:d,"max-height":r[0].parent().height()-10}).find(".mCSB_dragger_bar").css({"line-height":c[0]+"px"}),r[1].css({width:u,"max-width":r[1].parent().width()-10})},b=function(){var t=e(this),o=t.data(a),n=e("#mCSB_"+o.idx),i=e("#mCSB_"+o.idx+"_container"),r=[e("#mCSB_"+o.idx+"_dragger_vertical"),e("#mCSB_"+o.idx+"_dragger_horizontal")],l=[i.outerHeight(!1)-n.height(),i.outerWidth(!1)-n.width()],s=[l[0]/(r[0].parent().height()-r[0].height()),l[1]/(r[1].parent().width()-r[1].width())];o.scrollRatio={y:s[0],x:s[1]}},C=function(e,t,o){var a=o?d[0]+"_expanded":"",n=e.closest(".mCSB_scrollTools");"active"===t?(e.toggleClass(d[0]+" "+a),n.toggleClass(d[1]),e[0]._draggable=e[0]._draggable?0:1):e[0]._draggable||("hide"===t?(e.removeClass(d[0]),n.removeClass(d[1])):(e.addClass(d[0]),n.addClass(d[1])))},y=function(){var t=e(this),o=t.data(a),n=e("#mCSB_"+o.idx),i=e("#mCSB_"+o.idx+"_container"),r=null==o.overflowed?i.height():i.outerHeight(!1),l=null==o.overflowed?i.width():i.outerWidth(!1),s=i[0].scrollHeight,c=i[0].scrollWidth;return s>r&&(r=s),c>l&&(l=c),[r>n.height(),l>n.width()]},B=function(){var t=e(this),o=t.data(a),n=o.opt,i=e("#mCSB_"+o.idx),r=e("#mCSB_"+o.idx+"_container"),l=[e("#mCSB_"+o.idx+"_dragger_vertical"),e("#mCSB_"+o.idx+"_dragger_horizontal")];if(Q(t),("x"!==n.axis&&!o.overflowed[0]||"y"===n.axis&&o.overflowed[0])&&(l[0].add(r).css("top",0),G(t,"_resetY")),"y"!==n.axis&&!o.overflowed[1]||"x"===n.axis&&o.overflowed[1]){var s=dx=0;"rtl"===o.langDir&&(s=i.width()-r.outerWidth(!1),dx=Math.abs(s/o.scrollRatio.x)),r.css("left",s),l[1].css("left",dx),G(t,"_resetX")}},T=function(){function t(){r=setTimeout(function(){e.event.special.mousewheel?(clearTimeout(r),W.call(o[0])):t()},100)}var o=e(this),n=o.data(a),i=n.opt;if(!n.bindEvents){if(I.call(this),i.contentTouchScroll&&D.call(this),E.call(this),i.mouseWheel.enable){var r;t()}P.call(this),U.call(this),i.advanced.autoScrollOnFocus&&H.call(this),i.scrollButtons.enable&&F.call(this),i.keyboard.enable&&q.call(this),n.bindEvents=!0}},k=function(){var t=e(this),o=t.data(a),n=o.opt,i=a+"_"+o.idx,r=".mCSB_"+o.idx+"_scrollbar",l=e("#mCSB_"+o.idx+",#mCSB_"+o.idx+"_container,#mCSB_"+o.idx+"_container_wrapper,"+r+" ."+d[12]+",#mCSB_"+o.idx+"_dragger_vertical,#mCSB_"+o.idx+"_dragger_horizontal,"+r+">a"),s=e("#mCSB_"+o.idx+"_container");n.advanced.releaseDraggableSelectors&&l.add(e(n.advanced.releaseDraggableSelectors)),n.advanced.extraDraggableSelectors&&l.add(e(n.advanced.extraDraggableSelectors)),o.bindEvents&&(e(document).add(e(!A()||top.document)).unbind("."+i),l.each(function(){e(this).unbind("."+i)}),clearTimeout(t[0]._focusTimeout),$(t[0],"_focusTimeout"),clearTimeout(o.sequential.step),$(o.sequential,"step"),clearTimeout(s[0].onCompleteTimeout),$(s[0],"onCompleteTimeout"),o.bindEvents=!1)},M=function(t){var o=e(this),n=o.data(a),i=n.opt,r=e("#mCSB_"+n.idx+"_container_wrapper"),l=r.length?r:e("#mCSB_"+n.idx+"_container"),s=[e("#mCSB_"+n.idx+"_scrollbar_vertical"),e("#mCSB_"+n.idx+"_scrollbar_horizontal")],c=[s[0].find(".mCSB_dragger"),s[1].find(".mCSB_dragger")];"x"!==i.axis&&(n.overflowed[0]&&!t?(s[0].add(c[0]).add(s[0].children("a")).css("display","block"),l.removeClass(d[8]+" "+d[10])):(i.alwaysShowScrollbar?(2!==i.alwaysShowScrollbar&&c[0].css("display","none"),l.removeClass(d[10])):(s[0].css("display","none"),l.addClass(d[10])),l.addClass(d[8]))),"y"!==i.axis&&(n.overflowed[1]&&!t?(s[1].add(c[1]).add(s[1].children("a")).css("display","block"),l.removeClass(d[9]+" "+d[11])):(i.alwaysShowScrollbar?(2!==i.alwaysShowScrollbar&&c[1].css("display","none"),l.removeClass(d[11])):(s[1].css("display","none"),l.addClass(d[11])),l.addClass(d[9]))),n.overflowed[0]||n.overflowed[1]?o.removeClass(d[5]):o.addClass(d[5])},O=function(t){var o=t.type,a=t.target.ownerDocument!==document&&null!==frameElement?[e(frameElement).offset().top,e(frameElement).offset().left]:null,n=A()&&t.target.ownerDocument!==top.document&&null!==frameElement?[e(t.view.frameElement).offset().top,e(t.view.frameElement).offset().left]:[0,0];switch(o){case"pointerdown":case"MSPointerDown":case"pointermove":case"MSPointerMove":case"pointerup":case"MSPointerUp":return a?[t.originalEvent.pageY-a[0]+n[0],t.originalEvent.pageX-a[1]+n[1],!1]:[t.originalEvent.pageY,t.originalEvent.pageX,!1];case"touchstart":case"touchmove":case"touchend":var i=t.originalEvent.touches[0]||t.originalEvent.changedTouches[0],r=t.originalEvent.touches.length||t.originalEvent.changedTouches.length;return t.target.ownerDocument!==document?[i.screenY,i.screenX,r>1]:[i.pageY,i.pageX,r>1];default:return a?[t.pageY-a[0]+n[0],t.pageX-a[1]+n[1],!1]:[t.pageY,t.pageX,!1]}},I=function(){function t(e,t,a,n){if(h[0].idleTimer=d.scrollInertia<233?250:0,o.attr("id")===f[1])var i="x",s=(o[0].offsetLeft-t+n)*l.scrollRatio.x;else var i="y",s=(o[0].offsetTop-e+a)*l.scrollRatio.y;G(r,s.toString(),{dir:i,drag:!0})}var o,n,i,r=e(this),l=r.data(a),d=l.opt,u=a+"_"+l.idx,f=["mCSB_"+l.idx+"_dragger_vertical","mCSB_"+l.idx+"_dragger_horizontal"],h=e("#mCSB_"+l.idx+"_container"),m=e("#"+f[0]+",#"+f[1]),p=d.advanced.releaseDraggableSelectors?m.add(e(d.advanced.releaseDraggableSelectors)):m,g=d.advanced.extraDraggableSelectors?e(!A()||top.document).add(e(d.advanced.extraDraggableSelectors)):e(!A()||top.document);m.bind("contextmenu."+u,function(e){e.preventDefault()}).bind("mousedown."+u+" touchstart."+u+" pointerdown."+u+" MSPointerDown."+u,function(t){if(t.stopImmediatePropagation(),t.preventDefault(),ee(t)){c=!0,s&&(document.onselectstart=function(){return!1}),L.call(h,!1),Q(r),o=e(this);var a=o.offset(),l=O(t)[0]-a.top,u=O(t)[1]-a.left,f=o.height()+a.top,m=o.width()+a.left;f>l&&l>0&&m>u&&u>0&&(n=l,i=u),C(o,"active",d.autoExpandScrollbar)}}).bind("touchmove."+u,function(e){e.stopImmediatePropagation(),e.preventDefault();var a=o.offset(),r=O(e)[0]-a.top,l=O(e)[1]-a.left;t(n,i,r,l)}),e(document).add(g).bind("mousemove."+u+" pointermove."+u+" MSPointerMove."+u,function(e){if(o){var a=o.offset(),r=O(e)[0]-a.top,l=O(e)[1]-a.left;if(n===r&&i===l)return;t(n,i,r,l)}}).add(p).bind("mouseup."+u+" touchend."+u+" pointerup."+u+" MSPointerUp."+u,function(e){o&&(C(o,"active",d.autoExpandScrollbar),o=null),c=!1,s&&(document.onselectstart=null),L.call(h,!0)})},D=function(){function o(e){if(!te(e)||c||O(e)[2])return void(t=0);t=1,b=0,C=0,d=1,y.removeClass("mCS_touch_action");var o=I.offset();u=O(e)[0]-o.top,f=O(e)[1]-o.left,z=[O(e)[0],O(e)[1]]}function n(e){if(te(e)&&!c&&!O(e)[2]&&(T.documentTouchScroll||e.preventDefault(),e.stopImmediatePropagation(),(!C||b)&&d)){g=K();var t=M.offset(),o=O(e)[0]-t.top,a=O(e)[1]-t.left,n="mcsLinearOut";if(E.push(o),W.push(a),z[2]=Math.abs(O(e)[0]-z[0]),z[3]=Math.abs(O(e)[1]-z[1]),B.overflowed[0])var i=D[0].parent().height()-D[0].height(),r=u-o>0&&o-u>-(i*B.scrollRatio.y)&&(2*z[3]<z[2]||"yx"===T.axis);if(B.overflowed[1])var l=D[1].parent().width()-D[1].width(),h=f-a>0&&a-f>-(l*B.scrollRatio.x)&&(2*z[2]<z[3]||"yx"===T.axis);r||h?(U||e.preventDefault(),b=1):(C=1,y.addClass("mCS_touch_action")),U&&e.preventDefault(),w="yx"===T.axis?[u-o,f-a]:"x"===T.axis?[null,f-a]:[u-o,null],I[0].idleTimer=250,B.overflowed[0]&&s(w[0],R,n,"y","all",!0),B.overflowed[1]&&s(w[1],R,n,"x",L,!0)}}function i(e){if(!te(e)||c||O(e)[2])return void(t=0);t=1,e.stopImmediatePropagation(),Q(y),p=K();var o=M.offset();h=O(e)[0]-o.top,m=O(e)[1]-o.left,E=[],W=[]}function r(e){if(te(e)&&!c&&!O(e)[2]){d=0,e.stopImmediatePropagation(),b=0,C=0,v=K();var t=M.offset(),o=O(e)[0]-t.top,a=O(e)[1]-t.left;if(!(v-g>30)){_=1e3/(v-p);var n="mcsEaseOut",i=2.5>_,r=i?[E[E.length-2],W[W.length-2]]:[0,0];x=i?[o-r[0],a-r[1]]:[o-h,a-m];var u=[Math.abs(x[0]),Math.abs(x[1])];_=i?[Math.abs(x[0]/4),Math.abs(x[1]/4)]:[_,_];var f=[Math.abs(I[0].offsetTop)-x[0]*l(u[0]/_[0],_[0]),Math.abs(I[0].offsetLeft)-x[1]*l(u[1]/_[1],_[1])];w="yx"===T.axis?[f[0],f[1]]:"x"===T.axis?[null,f[1]]:[f[0],null],S=[4*u[0]+T.scrollInertia,4*u[1]+T.scrollInertia];var y=parseInt(T.contentTouchScroll)||0;w[0]=u[0]>y?w[0]:0,w[1]=u[1]>y?w[1]:0,B.overflowed[0]&&s(w[0],S[0],n,"y",L,!1),B.overflowed[1]&&s(w[1],S[1],n,"x",L,!1)}}}function l(e,t){var o=[1.5*t,2*t,t/1.5,t/2];return e>90?t>4?o[0]:o[3]:e>60?t>3?o[3]:o[2]:e>30?t>8?o[1]:t>6?o[0]:t>4?t:o[2]:t>8?t:o[3]}function s(e,t,o,a,n,i){e&&G(y,e.toString(),{dur:t,scrollEasing:o,dir:a,overwrite:n,drag:i})}var d,u,f,h,m,p,g,v,x,_,w,S,b,C,y=e(this),B=y.data(a),T=B.opt,k=a+"_"+B.idx,M=e("#mCSB_"+B.idx),I=e("#mCSB_"+B.idx+"_container"),D=[e("#mCSB_"+B.idx+"_dragger_vertical"),e("#mCSB_"+B.idx+"_dragger_horizontal")],E=[],W=[],R=0,L="yx"===T.axis?"none":"all",z=[],P=I.find("iframe"),H=["touchstart."+k+" pointerdown."+k+" MSPointerDown."+k,"touchmove."+k+" pointermove."+k+" MSPointerMove."+k,"touchend."+k+" pointerup."+k+" MSPointerUp."+k],U=void 0!==document.body.style.touchAction&&""!==document.body.style.touchAction;I.bind(H[0],function(e){o(e)}).bind(H[1],function(e){n(e)}),M.bind(H[0],function(e){i(e)}).bind(H[2],function(e){r(e)}),P.length&&P.each(function(){e(this).bind("load",function(){A(this)&&e(this.contentDocument||this.contentWindow.document).bind(H[0],function(e){o(e),i(e)}).bind(H[1],function(e){n(e)}).bind(H[2],function(e){r(e)})})})},E=function(){function o(){return window.getSelection?window.getSelection().toString():document.selection&&"Control"!=document.selection.type?document.selection.createRange().text:0}function n(e,t,o){d.type=o&&i?"stepped":"stepless",d.scrollAmount=10,j(r,e,t,"mcsLinearOut",o?60:null)}var i,r=e(this),l=r.data(a),s=l.opt,d=l.sequential,u=a+"_"+l.idx,f=e("#mCSB_"+l.idx+"_container"),h=f.parent();f.bind("mousedown."+u,function(e){t||i||(i=1,c=!0)}).add(document).bind("mousemove."+u,function(e){if(!t&&i&&o()){var a=f.offset(),r=O(e)[0]-a.top+f[0].offsetTop,c=O(e)[1]-a.left+f[0].offsetLeft;r>0&&r<h.height()&&c>0&&c<h.width()?d.step&&n("off",null,"stepped"):("x"!==s.axis&&l.overflowed[0]&&(0>r?n("on",38):r>h.height()&&n("on",40)),"y"!==s.axis&&l.overflowed[1]&&(0>c?n("on",37):c>h.width()&&n("on",39)))}}).bind("mouseup."+u+" dragend."+u,function(e){t||(i&&(i=0,n("off",null)),c=!1)})},W=function(){function t(t,a){if(Q(o),!z(o,t.target)){var r="auto"!==i.mouseWheel.deltaFactor?parseInt(i.mouseWheel.deltaFactor):s&&t.deltaFactor<100?100:t.deltaFactor||100,d=i.scrollInertia;if("x"===i.axis||"x"===i.mouseWheel.axis)var u="x",f=[Math.round(r*n.scrollRatio.x),parseInt(i.mouseWheel.scrollAmount)],h="auto"!==i.mouseWheel.scrollAmount?f[1]:f[0]>=l.width()?.9*l.width():f[0],m=Math.abs(e("#mCSB_"+n.idx+"_container")[0].offsetLeft),p=c[1][0].offsetLeft,g=c[1].parent().width()-c[1].width(),v="y"===i.mouseWheel.axis?t.deltaY||a:t.deltaX;else var u="y",f=[Math.round(r*n.scrollRatio.y),parseInt(i.mouseWheel.scrollAmount)],h="auto"!==i.mouseWheel.scrollAmount?f[1]:f[0]>=l.height()?.9*l.height():f[0],m=Math.abs(e("#mCSB_"+n.idx+"_container")[0].offsetTop),p=c[0][0].offsetTop,g=c[0].parent().height()-c[0].height(),v=t.deltaY||a;"y"===u&&!n.overflowed[0]||"x"===u&&!n.overflowed[1]||((i.mouseWheel.invert||t.webkitDirectionInvertedFromDevice)&&(v=-v),i.mouseWheel.normalizeDelta&&(v=0>v?-1:1),(v>0&&0!==p||0>v&&p!==g||i.mouseWheel.preventDefault)&&(t.stopImmediatePropagation(),t.preventDefault()),t.deltaFactor<5&&!i.mouseWheel.normalizeDelta&&(h=t.deltaFactor,d=17),G(o,(m-v*h).toString(),{dir:u,dur:d}))}}if(e(this).data(a)){var o=e(this),n=o.data(a),i=n.opt,r=a+"_"+n.idx,l=e("#mCSB_"+n.idx),c=[e("#mCSB_"+n.idx+"_dragger_vertical"),e("#mCSB_"+n.idx+"_dragger_horizontal")],d=e("#mCSB_"+n.idx+"_container").find("iframe");d.length&&d.each(function(){e(this).bind("load",function(){A(this)&&e(this.contentDocument||this.contentWindow.document).bind("mousewheel."+r,function(e,o){t(e,o)})})}),l.bind("mousewheel."+r,function(e,o){t(e,o)})}},R=new Object,A=function(t){var o=!1,a=!1,n=null;if(void 0===t?a="#empty":void 0!==e(t).attr("id")&&(a=e(t).attr("id")),a!==!1&&void 0!==R[a])return R[a];if(t){try{var i=t.contentDocument||t.contentWindow.document;n=i.body.innerHTML}catch(r){}o=null!==n}else{try{var i=top.document;n=i.body.innerHTML}catch(r){}o=null!==n}return a!==!1&&(R[a]=o),o},L=function(e){var t=this.find("iframe");if(t.length){var o=e?"auto":"none";t.css("pointer-events",o)}},z=function(t,o){var n=o.nodeName.toLowerCase(),i=t.data(a).opt.mouseWheel.disableOver,r=["select","textarea"];return e.inArray(n,i)>-1&&!(e.inArray(n,r)>-1&&!e(o).is(":focus"))},P=function(){var t,o=e(this),n=o.data(a),i=a+"_"+n.idx,r=e("#mCSB_"+n.idx+"_container"),l=r.parent(),s=e(".mCSB_"+n.idx+"_scrollbar ."+d[12]);s.bind("mousedown."+i+" touchstart."+i+" pointerdown."+i+" MSPointerDown."+i,function(o){c=!0,e(o.target).hasClass("mCSB_dragger")||(t=1)}).bind("touchend."+i+" pointerup."+i+" MSPointerUp."+i,function(e){c=!1}).bind("click."+i,function(a){if(t&&(t=0,e(a.target).hasClass(d[12])||e(a.target).hasClass("mCSB_draggerRail"))){Q(o);var i=e(this),s=i.find(".mCSB_dragger");if(i.parent(".mCSB_scrollTools_horizontal").length>0){if(!n.overflowed[1])return;var c="x",u=a.pageX>s.offset().left?-1:1,f=Math.abs(r[0].offsetLeft)-u*(.9*l.width())}else{if(!n.overflowed[0])return;var c="y",u=a.pageY>s.offset().top?-1:1,f=Math.abs(r[0].offsetTop)-u*(.9*l.height())}G(o,f.toString(),{dir:c,scrollEasing:"mcsEaseInOut"})}})},H=function(){var t=e(this),o=t.data(a),n=o.opt,i=a+"_"+o.idx,r=e("#mCSB_"+o.idx+"_container"),l=r.parent();r.bind("focusin."+i,function(o){var a=e(document.activeElement),i=r.find(".mCustomScrollBox").length,s=0;a.is(n.advanced.autoScrollOnFocus)&&(Q(t),clearTimeout(t[0]._focusTimeout),t[0]._focusTimer=i?(s+17)*i:0,t[0]._focusTimeout=setTimeout(function(){var e=[ae(a)[0],ae(a)[1]],o=[r[0].offsetTop,r[0].offsetLeft],i=[o[0]+e[0]>=0&&o[0]+e[0]<l.height()-a.outerHeight(!1),o[1]+e[1]>=0&&o[0]+e[1]<l.width()-a.outerWidth(!1)],c="yx"!==n.axis||i[0]||i[1]?"all":"none";"x"===n.axis||i[0]||G(t,e[0].toString(),{dir:"y",scrollEasing:"mcsEaseInOut",overwrite:c,dur:s}),"y"===n.axis||i[1]||G(t,e[1].toString(),{dir:"x",scrollEasing:"mcsEaseInOut",overwrite:c,dur:s})},t[0]._focusTimer))})},U=function(){var t=e(this),o=t.data(a),n=a+"_"+o.idx,i=e("#mCSB_"+o.idx+"_container").parent();i.bind("scroll."+n,function(t){0===i.scrollTop()&&0===i.scrollLeft()||e(".mCSB_"+o.idx+"_scrollbar").css("visibility","hidden")})},F=function(){var t=e(this),o=t.data(a),n=o.opt,i=o.sequential,r=a+"_"+o.idx,l=".mCSB_"+o.idx+"_scrollbar",s=e(l+">a");s.bind("contextmenu."+r,function(e){e.preventDefault()}).bind("mousedown."+r+" touchstart."+r+" pointerdown."+r+" MSPointerDown."+r+" mouseup."+r+" touchend."+r+" pointerup."+r+" MSPointerUp."+r+" mouseout."+r+" pointerout."+r+" MSPointerOut."+r+" click."+r,function(a){function r(e,o){i.scrollAmount=n.scrollButtons.scrollAmount,j(t,e,o)}if(a.preventDefault(),ee(a)){var l=e(this).attr("class");switch(i.type=n.scrollButtons.scrollType,a.type){case"mousedown":case"touchstart":case"pointerdown":case"MSPointerDown":if("stepped"===i.type)return;c=!0,o.tweenRunning=!1,r("on",l);break;case"mouseup":case"touchend":case"pointerup":case"MSPointerUp":case"mouseout":case"pointerout":case"MSPointerOut":if("stepped"===i.type)return;c=!1,i.dir&&r("off",l);break;case"click":if("stepped"!==i.type||o.tweenRunning)return;r("on",l)}}})},q=function(){function t(t){function a(e,t){r.type=i.keyboard.scrollType,r.scrollAmount=i.keyboard.scrollAmount,"stepped"===r.type&&n.tweenRunning||j(o,e,t)}switch(t.type){case"blur":n.tweenRunning&&r.dir&&a("off",null);break;case"keydown":case"keyup":var l=t.keyCode?t.keyCode:t.which,s="on";if("x"!==i.axis&&(38===l||40===l)||"y"!==i.axis&&(37===l||39===l)){if((38===l||40===l)&&!n.overflowed[0]||(37===l||39===l)&&!n.overflowed[1])return;"keyup"===t.type&&(s="off"),e(document.activeElement).is(u)||(t.preventDefault(),t.stopImmediatePropagation(),a(s,l))}else if(33===l||34===l){if((n.overflowed[0]||n.overflowed[1])&&(t.preventDefault(),t.stopImmediatePropagation()),"keyup"===t.type){Q(o);var f=34===l?-1:1;if("x"===i.axis||"yx"===i.axis&&n.overflowed[1]&&!n.overflowed[0])var h="x",m=Math.abs(c[0].offsetLeft)-f*(.9*d.width());else var h="y",m=Math.abs(c[0].offsetTop)-f*(.9*d.height());G(o,m.toString(),{dir:h,scrollEasing:"mcsEaseInOut"})}}else if((35===l||36===l)&&!e(document.activeElement).is(u)&&((n.overflowed[0]||n.overflowed[1])&&(t.preventDefault(),t.stopImmediatePropagation()),"keyup"===t.type)){if("x"===i.axis||"yx"===i.axis&&n.overflowed[1]&&!n.overflowed[0])var h="x",m=35===l?Math.abs(d.width()-c.outerWidth(!1)):0;else var h="y",m=35===l?Math.abs(d.height()-c.outerHeight(!1)):0;G(o,m.toString(),{dir:h,scrollEasing:"mcsEaseInOut"})}}}var o=e(this),n=o.data(a),i=n.opt,r=n.sequential,l=a+"_"+n.idx,s=e("#mCSB_"+n.idx),c=e("#mCSB_"+n.idx+"_container"),d=c.parent(),u="input,textarea,select,datalist,keygen,[contenteditable='true']",f=c.find("iframe"),h=["blur."+l+" keydown."+l+" keyup."+l];f.length&&f.each(function(){e(this).bind("load",function(){A(this)&&e(this.contentDocument||this.contentWindow.document).bind(h[0],function(e){t(e)})})}),s.attr("tabindex","0").bind(h[0],function(e){t(e)})},j=function(t,o,n,i,r){function l(e){u.snapAmount&&(f.scrollAmount=u.snapAmount instanceof Array?"x"===f.dir[0]?u.snapAmount[1]:u.snapAmount[0]:u.snapAmount);var o="stepped"!==f.type,a=r?r:e?o?p/1.5:g:1e3/60,n=e?o?7.5:40:2.5,s=[Math.abs(h[0].offsetTop),Math.abs(h[0].offsetLeft)],d=[c.scrollRatio.y>10?10:c.scrollRatio.y,c.scrollRatio.x>10?10:c.scrollRatio.x],m="x"===f.dir[0]?s[1]+f.dir[1]*(d[1]*n):s[0]+f.dir[1]*(d[0]*n),v="x"===f.dir[0]?s[1]+f.dir[1]*parseInt(f.scrollAmount):s[0]+f.dir[1]*parseInt(f.scrollAmount),x="auto"!==f.scrollAmount?v:m,_=i?i:e?o?"mcsLinearOut":"mcsEaseInOut":"mcsLinear",w=!!e;return e&&17>a&&(x="x"===f.dir[0]?s[1]:s[0]),G(t,x.toString(),{dir:f.dir[0],scrollEasing:_,dur:a,onComplete:w}),e?void(f.dir=!1):(clearTimeout(f.step),void(f.step=setTimeout(function(){l()},a)))}function s(){clearTimeout(f.step),$(f,"step"),Q(t)}var c=t.data(a),u=c.opt,f=c.sequential,h=e("#mCSB_"+c.idx+"_container"),m="stepped"===f.type,p=u.scrollInertia<26?26:u.scrollInertia,g=u.scrollInertia<1?17:u.scrollInertia;switch(o){case"on":if(f.dir=[n===d[16]||n===d[15]||39===n||37===n?"x":"y",n===d[13]||n===d[15]||38===n||37===n?-1:1],Q(t),oe(n)&&"stepped"===f.type)return;l(m);break;case"off":s(),(m||c.tweenRunning&&f.dir)&&l(!0)}},Y=function(t){var o=e(this).data(a).opt,n=[];return"function"==typeof t&&(t=t()),t instanceof Array?n=t.length>1?[t[0],t[1]]:"x"===o.axis?[null,t[0]]:[t[0],null]:(n[0]=t.y?t.y:t.x||"x"===o.axis?null:t,n[1]=t.x?t.x:t.y||"y"===o.axis?null:t),"function"==typeof n[0]&&(n[0]=n[0]()),"function"==typeof n[1]&&(n[1]=n[1]()),n},X=function(t,o){if(null!=t&&"undefined"!=typeof t){var n=e(this),i=n.data(a),r=i.opt,l=e("#mCSB_"+i.idx+"_container"),s=l.parent(),c=typeof t;o||(o="x"===r.axis?"x":"y");var d="x"===o?l.outerWidth(!1)-s.width():l.outerHeight(!1)-s.height(),f="x"===o?l[0].offsetLeft:l[0].offsetTop,h="x"===o?"left":"top";switch(c){case"function":return t();case"object":var m=t.jquery?t:e(t);if(!m.length)return;return"x"===o?ae(m)[1]:ae(m)[0];case"string":case"number":if(oe(t))return Math.abs(t);if(-1!==t.indexOf("%"))return Math.abs(d*parseInt(t)/100);if(-1!==t.indexOf("-="))return Math.abs(f-parseInt(t.split("-=")[1]));if(-1!==t.indexOf("+=")){var p=f+parseInt(t.split("+=")[1]);return p>=0?0:Math.abs(p)}if(-1!==t.indexOf("px")&&oe(t.split("px")[0]))return Math.abs(t.split("px")[0]);if("top"===t||"left"===t)return 0;if("bottom"===t)return Math.abs(s.height()-l.outerHeight(!1));if("right"===t)return Math.abs(s.width()-l.outerWidth(!1));if("first"===t||"last"===t){var m=l.find(":"+t);return"x"===o?ae(m)[1]:ae(m)[0]}return e(t).length?"x"===o?ae(e(t))[1]:ae(e(t))[0]:(l.css(h,t),void u.update.call(null,n[0]))}}},N=function(t){function o(){return clearTimeout(f[0].autoUpdate),0===l.parents("html").length?void(l=null):void(f[0].autoUpdate=setTimeout(function(){return c.advanced.updateOnSelectorChange&&(s.poll.change.n=i(),s.poll.change.n!==s.poll.change.o)?(s.poll.change.o=s.poll.change.n,void r(3)):c.advanced.updateOnContentResize&&(s.poll.size.n=l[0].scrollHeight+l[0].scrollWidth+f[0].offsetHeight+l[0].offsetHeight+l[0].offsetWidth,s.poll.size.n!==s.poll.size.o)?(s.poll.size.o=s.poll.size.n,void r(1)):!c.advanced.updateOnImageLoad||"auto"===c.advanced.updateOnImageLoad&&"y"===c.axis||(s.poll.img.n=f.find("img").length,s.poll.img.n===s.poll.img.o)?void((c.advanced.updateOnSelectorChange||c.advanced.updateOnContentResize||c.advanced.updateOnImageLoad)&&o()):(s.poll.img.o=s.poll.img.n,void f.find("img").each(function(){n(this)}))},c.advanced.autoUpdateTimeout))}function n(t){function o(e,t){return function(){
+return t.apply(e,arguments)}}function a(){this.onload=null,e(t).addClass(d[2]),r(2)}if(e(t).hasClass(d[2]))return void r();var n=new Image;n.onload=o(n,a),n.src=t.src}function i(){c.advanced.updateOnSelectorChange===!0&&(c.advanced.updateOnSelectorChange="*");var e=0,t=f.find(c.advanced.updateOnSelectorChange);return c.advanced.updateOnSelectorChange&&t.length>0&&t.each(function(){e+=this.offsetHeight+this.offsetWidth}),e}function r(e){clearTimeout(f[0].autoUpdate),u.update.call(null,l[0],e)}var l=e(this),s=l.data(a),c=s.opt,f=e("#mCSB_"+s.idx+"_container");return t?(clearTimeout(f[0].autoUpdate),void $(f[0],"autoUpdate")):void o()},V=function(e,t,o){return Math.round(e/t)*t-o},Q=function(t){var o=t.data(a),n=e("#mCSB_"+o.idx+"_container,#mCSB_"+o.idx+"_container_wrapper,#mCSB_"+o.idx+"_dragger_vertical,#mCSB_"+o.idx+"_dragger_horizontal");n.each(function(){Z.call(this)})},G=function(t,o,n){function i(e){return s&&c.callbacks[e]&&"function"==typeof c.callbacks[e]}function r(){return[c.callbacks.alwaysTriggerOffsets||w>=S[0]+y,c.callbacks.alwaysTriggerOffsets||-B>=w]}function l(){var e=[h[0].offsetTop,h[0].offsetLeft],o=[x[0].offsetTop,x[0].offsetLeft],a=[h.outerHeight(!1),h.outerWidth(!1)],i=[f.height(),f.width()];t[0].mcs={content:h,top:e[0],left:e[1],draggerTop:o[0],draggerLeft:o[1],topPct:Math.round(100*Math.abs(e[0])/(Math.abs(a[0])-i[0])),leftPct:Math.round(100*Math.abs(e[1])/(Math.abs(a[1])-i[1])),direction:n.dir}}var s=t.data(a),c=s.opt,d={trigger:"internal",dir:"y",scrollEasing:"mcsEaseOut",drag:!1,dur:c.scrollInertia,overwrite:"all",callbacks:!0,onStart:!0,onUpdate:!0,onComplete:!0},n=e.extend(d,n),u=[n.dur,n.drag?0:n.dur],f=e("#mCSB_"+s.idx),h=e("#mCSB_"+s.idx+"_container"),m=h.parent(),p=c.callbacks.onTotalScrollOffset?Y.call(t,c.callbacks.onTotalScrollOffset):[0,0],g=c.callbacks.onTotalScrollBackOffset?Y.call(t,c.callbacks.onTotalScrollBackOffset):[0,0];if(s.trigger=n.trigger,0===m.scrollTop()&&0===m.scrollLeft()||(e(".mCSB_"+s.idx+"_scrollbar").css("visibility","visible"),m.scrollTop(0).scrollLeft(0)),"_resetY"!==o||s.contentReset.y||(i("onOverflowYNone")&&c.callbacks.onOverflowYNone.call(t[0]),s.contentReset.y=1),"_resetX"!==o||s.contentReset.x||(i("onOverflowXNone")&&c.callbacks.onOverflowXNone.call(t[0]),s.contentReset.x=1),"_resetY"!==o&&"_resetX"!==o){if(!s.contentReset.y&&t[0].mcs||!s.overflowed[0]||(i("onOverflowY")&&c.callbacks.onOverflowY.call(t[0]),s.contentReset.x=null),!s.contentReset.x&&t[0].mcs||!s.overflowed[1]||(i("onOverflowX")&&c.callbacks.onOverflowX.call(t[0]),s.contentReset.x=null),c.snapAmount){var v=c.snapAmount instanceof Array?"x"===n.dir?c.snapAmount[1]:c.snapAmount[0]:c.snapAmount;o=V(o,v,c.snapOffset)}switch(n.dir){case"x":var x=e("#mCSB_"+s.idx+"_dragger_horizontal"),_="left",w=h[0].offsetLeft,S=[f.width()-h.outerWidth(!1),x.parent().width()-x.width()],b=[o,0===o?0:o/s.scrollRatio.x],y=p[1],B=g[1],T=y>0?y/s.scrollRatio.x:0,k=B>0?B/s.scrollRatio.x:0;break;case"y":var x=e("#mCSB_"+s.idx+"_dragger_vertical"),_="top",w=h[0].offsetTop,S=[f.height()-h.outerHeight(!1),x.parent().height()-x.height()],b=[o,0===o?0:o/s.scrollRatio.y],y=p[0],B=g[0],T=y>0?y/s.scrollRatio.y:0,k=B>0?B/s.scrollRatio.y:0}b[1]<0||0===b[0]&&0===b[1]?b=[0,0]:b[1]>=S[1]?b=[S[0],S[1]]:b[0]=-b[0],t[0].mcs||(l(),i("onInit")&&c.callbacks.onInit.call(t[0])),clearTimeout(h[0].onCompleteTimeout),J(x[0],_,Math.round(b[1]),u[1],n.scrollEasing),!s.tweenRunning&&(0===w&&b[0]>=0||w===S[0]&&b[0]<=S[0])||J(h[0],_,Math.round(b[0]),u[0],n.scrollEasing,n.overwrite,{onStart:function(){n.callbacks&&n.onStart&&!s.tweenRunning&&(i("onScrollStart")&&(l(),c.callbacks.onScrollStart.call(t[0])),s.tweenRunning=!0,C(x),s.cbOffsets=r())},onUpdate:function(){n.callbacks&&n.onUpdate&&i("whileScrolling")&&(l(),c.callbacks.whileScrolling.call(t[0]))},onComplete:function(){if(n.callbacks&&n.onComplete){"yx"===c.axis&&clearTimeout(h[0].onCompleteTimeout);var e=h[0].idleTimer||0;h[0].onCompleteTimeout=setTimeout(function(){i("onScroll")&&(l(),c.callbacks.onScroll.call(t[0])),i("onTotalScroll")&&b[1]>=S[1]-T&&s.cbOffsets[0]&&(l(),c.callbacks.onTotalScroll.call(t[0])),i("onTotalScrollBack")&&b[1]<=k&&s.cbOffsets[1]&&(l(),c.callbacks.onTotalScrollBack.call(t[0])),s.tweenRunning=!1,h[0].idleTimer=0,C(x,"hide")},e)}}})}},J=function(e,t,o,a,n,i,r){function l(){S.stop||(x||m.call(),x=K()-v,s(),x>=S.time&&(S.time=x>S.time?x+f-(x-S.time):x+f-1,S.time<x+1&&(S.time=x+1)),S.time<a?S.id=h(l):g.call())}function s(){a>0?(S.currVal=u(S.time,_,b,a,n),w[t]=Math.round(S.currVal)+"px"):w[t]=o+"px",p.call()}function c(){f=1e3/60,S.time=x+f,h=window.requestAnimationFrame?window.requestAnimationFrame:function(e){return s(),setTimeout(e,.01)},S.id=h(l)}function d(){null!=S.id&&(window.requestAnimationFrame?window.cancelAnimationFrame(S.id):clearTimeout(S.id),S.id=null)}function u(e,t,o,a,n){switch(n){case"linear":case"mcsLinear":return o*e/a+t;case"mcsLinearOut":return e/=a,e--,o*Math.sqrt(1-e*e)+t;case"easeInOutSmooth":return e/=a/2,1>e?o/2*e*e+t:(e--,-o/2*(e*(e-2)-1)+t);case"easeInOutStrong":return e/=a/2,1>e?o/2*Math.pow(2,10*(e-1))+t:(e--,o/2*(-Math.pow(2,-10*e)+2)+t);case"easeInOut":case"mcsEaseInOut":return e/=a/2,1>e?o/2*e*e*e+t:(e-=2,o/2*(e*e*e+2)+t);case"easeOutSmooth":return e/=a,e--,-o*(e*e*e*e-1)+t;case"easeOutStrong":return o*(-Math.pow(2,-10*e/a)+1)+t;case"easeOut":case"mcsEaseOut":default:var i=(e/=a)*e,r=i*e;return t+o*(.499999999999997*r*i+-2.5*i*i+5.5*r+-6.5*i+4*e)}}e._mTween||(e._mTween={top:{},left:{}});var f,h,r=r||{},m=r.onStart||function(){},p=r.onUpdate||function(){},g=r.onComplete||function(){},v=K(),x=0,_=e.offsetTop,w=e.style,S=e._mTween[t];"left"===t&&(_=e.offsetLeft);var b=o-_;S.stop=0,"none"!==i&&d(),c()},K=function(){return window.performance&&window.performance.now?window.performance.now():window.performance&&window.performance.webkitNow?window.performance.webkitNow():Date.now?Date.now():(new Date).getTime()},Z=function(){var e=this;e._mTween||(e._mTween={top:{},left:{}});for(var t=["top","left"],o=0;o<t.length;o++){var a=t[o];e._mTween[a].id&&(window.requestAnimationFrame?window.cancelAnimationFrame(e._mTween[a].id):clearTimeout(e._mTween[a].id),e._mTween[a].id=null,e._mTween[a].stop=1)}},$=function(e,t){try{delete e[t]}catch(o){e[t]=null}},ee=function(e){return!(e.which&&1!==e.which)},te=function(e){var t=e.originalEvent.pointerType;return!(t&&"touch"!==t&&2!==t)},oe=function(e){return!isNaN(parseFloat(e))&&isFinite(e)},ae=function(e){var t=e.parents(".mCSB_container");return[e.offset().top-t.offset().top,e.offset().left-t.offset().left]},ne=function(){function e(){var e=["webkit","moz","ms","o"];if("hidden"in document)return"hidden";for(var t=0;t<e.length;t++)if(e[t]+"Hidden"in document)return e[t]+"Hidden";return null}var t=e();return t?document[t]:!1};e.fn[o]=function(t){return u[t]?u[t].apply(this,Array.prototype.slice.call(arguments,1)):"object"!=typeof t&&t?void e.error("Method "+t+" does not exist"):u.init.apply(this,arguments)},e[o]=function(t){return u[t]?u[t].apply(this,Array.prototype.slice.call(arguments,1)):"object"!=typeof t&&t?void e.error("Method "+t+" does not exist"):u.init.apply(this,arguments)},e[o].defaults=i,window[o]=!0,e(window).bind("load",function(){e(n)[o](),e.extend(e.expr[":"],{mcsInView:e.expr[":"].mcsInView||function(t){var o,a,n=e(t),i=n.parents(".mCSB_container");if(i.length)return o=i.parent(),a=[i[0].offsetTop,i[0].offsetLeft],a[0]+ae(n)[0]>=0&&a[0]+ae(n)[0]<o.height()-n.outerHeight(!1)&&a[1]+ae(n)[1]>=0&&a[1]+ae(n)[1]<o.width()-n.outerWidth(!1)},mcsInSight:e.expr[":"].mcsInSight||function(t,o,a){var n,i,r,l,s=e(t),c=s.parents(".mCSB_container"),d="exact"===a[3]?[[1,0],[1,0]]:[[.9,.1],[.6,.4]];if(c.length)return n=[s.outerHeight(!1),s.outerWidth(!1)],r=[c[0].offsetTop+ae(s)[0],c[0].offsetLeft+ae(s)[1]],i=[c.parent()[0].offsetHeight,c.parent()[0].offsetWidth],l=[n[0]<i[0]?d[0]:d[1],n[1]<i[1]?d[0]:d[1]],r[0]-i[0]*l[0][0]<0&&r[0]+n[0]-i[0]*l[0][1]>=0&&r[1]-i[1]*l[1][0]<0&&r[1]+n[1]-i[1]*l[1][1]>=0},mcsOverflow:e.expr[":"].mcsOverflow||function(t){var o=e(t).data(a);if(o)return o.overflowed[0]||o.overflowed[1]}})})})});
+//# sourceMappingURL=jquery.mCustomScrollbar.min.js.map
\ No newline at end of file
diff --git a/_assets/js/jquery.menu.js b/_assets/js/jquery.menu.js
index 8c798da..310ffc4 100644
--- a/_assets/js/jquery.menu.js
+++ b/_assets/js/jquery.menu.js
@@ -22,18 +22,31 @@ $.fn.menu = function(ops) {
 		options = $.extend({},defaults,ops);
 
 	$(".submenu").on("open",function() {
-		console.log("opening " + $(this).attr("id"));
+		var id = $(this).attr("id");
+		console.log("opening " + id);
+		
+		// close children
+		$(this).find("ul.submenu").each(function() {
+			let $childmenu = $(this);
+			if ($childmenu.hasClass("open")) {
+				$childmenu.trigger("close");
+			}
+		});
+
 		$(this).animateAuto("height", options.menuAnimationTime, function() {
-			console.log("Animation complete");	
+			console.log("Open animation complete for " + id);	
 			$(this).css({"height":""}).addClass("open");
 		});
+		return false;
 
 	}).on("close",function() {
-		console.log("closing " + $(this).attr("id"));
+		var id = $(this).attr("id");
+		console.log("closing " + id);
 		$(this).animate({"height":0}, options.menuAnimationTime, function() {
-			console.log("Animation complete");	
+			console.log("Close animation complete for " + id);	
 			$(this).removeClass("open").css({"height":""});
 		});
+		return false;
 	});
 	
 
@@ -45,21 +58,53 @@ $.fn.menu = function(ops) {
 		});
 
 		$(self).on("click",".hasmenu",function(e) {
+			
+			console.log("opening submenu");
+
 			e.preventDefault();
 			e.stopPropagation(); 
+			
 			var $li = $(this).closest("li");
 			var open = $li.hasClass("open");
 			
-			$(this).closest("ul").find("li").removeClass("open");
+			// close siblings
+			$(this).closest("ul").find("li").each(function() {
+				if ($(this).hasClass("open")) {
+					let $submenu = $(this).find("> ul").first();
+					$submenu.trigger("close");
+					$(this).removeClass("open");
+				}
+			});
+			
+			var $submenu = $li.find("> ul").first();
+
 			if (!open) {
 				$li.addClass("open");
-				$li.find("> ul").first().trigger("open");
+				console.log($submenu.html());
+				$submenu.trigger("open");
 			}
 			else {
-				$li.find("> ul").first().trigger("close");	
+				$submenu.trigger("close");	
 			}
 			
+			return false;
+
+		});
 
+		$(self).on("open",function(){
+			console.log(options);
+			console.log("opening " + $(self).attr("id"));
+			$(self).show().animateAuto("height", options.menuAnimationTime, function() {
+				console.log("Animation complete");	
+				$(self).css({"height":"auto"});
+			});
+		}).on("close",function(){
+			console.log("closing " + $(self).attr("id"));
+			$(self).animate({"height":0}, options.menuAnimationTime, function() {
+				console.log("Animation complete");	
+				$(self).css({"height":0}).hide();
+			});
 		});
+		
 	});
 }
diff --git a/_assets/js/jquery.tabs.js b/_assets/js/jquery.tabs.js
index d81eb1f..a10b3dc 100644
--- a/_assets/js/jquery.tabs.js
+++ b/_assets/js/jquery.tabs.js
@@ -1,10 +1,17 @@
 /*
 
-Tabs function
+# Tabs function
 
 Fancy new semantic markup based tabs system. Place as many items as you like next to each other
 and call this on the container. No need for separate header div
 
+## Synopsis
+
+Works by positioning the tab content absolutely. On seleting a tab, has to work out the height of the tab and expand the container. Other that that it's all CSS.
+
+## Usage
+
+```html
 <div class="cs-tabs">
 	<div class="tab state_open" id="test1" title="Test 1">
 
@@ -23,6 +30,7 @@ and call this on the container. No need for separate header div
 	</div>
 	...rinse and repeat
 </div>
+```
 
 ## Details
 
@@ -34,11 +42,12 @@ and call this on the container. No need for separate header div
 $.fn.tabs = function(ops) {
  	
  	var defaults = {
-			vertical: false,
-			accordian: false,
-			resize: "resize",
+			vertical: false, // tab hedings in vertical list
+			accordian: false, // use accordion mode (vertical ignored)
+			resize: "resize", // window event to trigger resize. use e.g. throttledresize
+			fixedheight:true,// height is always maximum size
 			menuAnimationTime: 600,
-			allowClosed: true
+			allowClosed: true // all tabs can close in accordion
 		},
 		options = $.extend({},defaults,ops);
 
@@ -58,16 +67,30 @@ $.fn.tabs = function(ops) {
 
     	$(window).on(options.resize, function( event ) {
     		$tabs.trigger("resize");
-
-		});
+    	});
 
     	function setHeight($tab) {
     		if (accordian) return;
     		$tabs.css({"height":"auto"});
-    		let t_height = vertical ? 0 : $tab.outerHeight();
-    		let $item = $tab.find(".item").first();
-    		t_height += $item.outerHeight();
-    		if (vertical && t_height < $tabs.outerHeight()) { 
+    		let t_height = vertical ? 0 : $tab.outerHeight(); // add height of tab panel if horizontal
+    		console.log("tab panel height: " + t_height);
+    		var maxheight = 0;
+    		if (options.fixedheight) {
+	    		$tabs.find(".item").each(function() {
+	    			let height = $(this).outerHeight();
+	    			if (height > maxheight) maxheight = height;
+	    		});
+    		}
+    		else {
+    			// adjust height to selected item
+    			let $item = $tab.find(".item").first();
+    			maxheight = $item.outerHeight();
+    		}
+    		t_height += maxheight;
+    		
+    		
+    		// make sure height is enough to accomadate vertical tab panel
+    		if (vertical && ( t_height < $tabs.outerHeight() ) ) { 
     			t_height = $tabs.outerHeight();
     		}
     		$tabs.outerHeight(t_height);
diff --git a/_assets/js/jquery.throttledresize.js b/_assets/js/jquery.throttledresize.js
new file mode 100644
index 0000000..417b5bc
--- /dev/null
+++ b/_assets/js/jquery.throttledresize.js
@@ -0,0 +1,177 @@
+/**
+ * @fileOverview
+ *
+ * ThrottledEvents: resize and scrolling events that run at a reduce rate compared to "normal" events
+ *
+ * @module throttledEvents
+ * 
+ */
+
+
+
+/**
+ * jQuery `resize` event that happens at a reduced rate compared to "resize"
+ *
+ * latest version and complete README available on Github:
+ * https://github.com/louisremi/jquery-smartresize
+ *
+ * Copyright 2012 @louis_remi
+ * Licensed under the MIT license.
+ *
+ * This saved you an hour of work? 
+ * Send me music http://www.amazon.co.uk/wishlist/HNTU0468LQON
+ * 
+ * @event throttledresize
+ * @memberOf module:throttledEvents
+ */
+(function($) {
+
+var $event = $.event,
+	$special,
+	dummy = {_:0},
+	frame = 0,
+	wasResized, animRunning;
+$special = $event.special.throttledresize = {
+	add: function() {
+		$( this ).on( "resize", $special.handler );
+	},
+	remove: function() {
+		$( this ).off( "resize", $special.handler );
+	},
+	handler: function( event, execAsap ) {
+		// Save the context
+		var context = this,
+			args = arguments;
+
+		wasResized = true;
+
+		if ( !animRunning ) {
+			setInterval(function(){
+				frame++;
+
+				if ( frame > $special.threshold && wasResized || execAsap ) {
+					// set correct event type
+					event.type = "throttledresize";
+					$event.dispatch.apply( context, args );
+					wasResized = false;
+					frame = 0;
+				}
+				if ( frame > 9 ) {
+					$(dummy).stop();
+					animRunning = false;
+					frame = 0;
+				}
+			}, 30);
+			animRunning = true;
+		}
+	},
+	threshold: 0
+};
+
+})(jQuery);
+
+/**
+ * Special `scroll` event that happens at a reduced rate compared to "resize"
+ * @event throttledscroll
+ * @author Michael
+ * @memberOf module:throttledEvents
+ */
+(function($) {
+
+var $event = $.event,
+	$special,
+	dummy = {_:0},
+	frame = 0,
+	wasResized, animRunning;
+
+$special = $event.special.throttledscroll = {
+	add: function() {
+		$( this ).on( "scroll", $special.handler );
+	},
+	remove: function() {
+		$( this ).off( "scroll", $special.handler );
+	},
+	handler: function( event, execAsap ) {
+		// Save the context
+		var context = this,
+			args = arguments;
+
+		wasResized = true;
+
+		if ( !animRunning ) {
+			setInterval(function(){
+				frame++;
+
+				if ( frame > $special.threshold && wasResized || execAsap ) {
+					// set correct event type
+					event.type = "throttledscroll";
+					$event.dispatch.apply( context, args );
+					wasResized = false;
+					frame = 0;
+				}
+				if ( frame > 9 ) {
+					$(dummy).stop();
+					animRunning = false;
+					frame = 0;
+				}
+			}, 30);
+			animRunning = true;
+		}
+	},
+	threshold: 0
+};
+
+})(jQuery);
+
+
+
+/**
+ * debouncedresize: special jQuery `resize` event that happens once after a window resize
+ *
+ * latest version and complete README available on Github:
+ * https://github.com/louisremi/jquery-smartresize
+ *
+ * Copyright 2012 @louis_remi
+ * Licensed under the MIT license.
+ *
+ * This saved you an hour of work? 
+ * Send me music http://www.amazon.co.uk/wishlist/HNTU0468LQON
+ * 
+ * @event debouncedresize
+ * @memberOf module:throttledEvents
+ */
+(function($) {
+
+var $event = $.event,
+	$special,
+	resizeTimeout;
+
+$special = $event.special.debouncedresize = {
+	add: function() {
+		$( this ).on( "resize", $special.handler );
+	},
+	remove: function() {
+		$( this ).off( "resize", $special.handler );
+	},
+	handler: function( event, execAsap ) {
+		// Save the context
+		var context = this,
+			args = arguments,
+			dispatch = function() {
+				// set correct event type
+				event.type = "debouncedresize";
+				$event.dispatch.apply( context, args );
+			};
+
+		if ( resizeTimeout ) {
+			clearTimeout( resizeTimeout );
+		}
+
+		execAsap ?
+			dispatch() :
+			resizeTimeout = setTimeout( dispatch, $special.threshold );
+	},
+	threshold: 150
+};
+
+})(jQuery);
diff --git a/_assets/js/masonry-horizontal.js b/_assets/js/masonry-horizontal.js
new file mode 100644
index 0000000..9961b13
--- /dev/null
+++ b/_assets/js/masonry-horizontal.js
@@ -0,0 +1,146 @@
+/*!
+ * masonryHorizontal layout mode for Isotope
+ * v2.0.1
+ * https://isotope.metafizzy.co/layout-modes/masonryhorizontal.html
+ */
+
+/*jshint browser: true, strict: true, undef: true, unused: true */
+
+( function( window, factory ) {
+  'use strict';
+  // universal module definition
+  if ( typeof define === 'function' && define.amd ) {
+    // AMD
+    define( [
+        'get-size/get-size',
+        'isotope-layout/js/layout-mode'
+      ],
+      factory );
+  } else if ( typeof module == 'object' && module.exports ) {
+    // CommonJS
+    module.exports = factory(
+      require('get-size'),
+      require('isotope-layout/js/layout-mode')
+    );
+  } else {
+    // browser global
+    factory(
+      window.getSize,
+      window.Isotope.LayoutMode
+    );
+  }
+
+}( window, function factory( getSize, LayoutMode ) {
+'use strict';
+
+// -------------------------- definition -------------------------- //
+
+  // create an Outlayer layout class
+  var MasonryHorizontal = LayoutMode.create('masonryHorizontal');
+  var proto = MasonryHorizontal.prototype;
+
+  proto._resetLayout = function() {
+    this.getRowHeight();
+    this._getMeasurement( 'gutter', 'outerHeight' );
+
+    this.rowHeight += this.gutter;
+    // measure rows
+    this.rows = Math.floor( ( this.isotope.size.innerHeight + this.gutter ) / this.rowHeight );
+    this.rows = Math.max( this.rows, 1 );
+
+    // reset row Xs
+    var i = this.rows;
+    this.rowXs = [];
+    while (i--) {
+      this.rowXs.push( 0 );
+    }
+
+    this.maxX = 0;
+  };
+
+  proto._getItemLayoutPosition = function( item ) {
+    item.getSize();
+    // how many rows does this brick span
+    var remainder = item.size.outerHeight % this.rowHeight;
+    var mathMethod = remainder && remainder < 1 ? 'round' : 'ceil';
+    // round if off by 1 pixel, otherwise use ceil
+    var rowSpan = Math[ mathMethod ]( item.size.outerHeight / this.rowHeight );
+    rowSpan = Math.min( rowSpan, this.rows );
+
+    var rowGroup = this._getRowGroup( rowSpan );
+    // get the minimum X value from the rows
+    var minimumX = Math.min.apply( Math, rowGroup );
+    var shortRowIndex = rowGroup.indexOf( minimumX );
+
+    // position the brick
+    var position = {
+      x: minimumX,
+      y: this.rowHeight * shortRowIndex
+    };
+
+    // apply setHeight to necessary rows
+    var setWidth = minimumX + item.size.outerWidth;
+    var setSpan = this.rows + 1 - rowGroup.length;
+    for ( var i = 0; i < setSpan; i++ ) {
+      this.rowXs[ shortRowIndex + i ] = setWidth;
+    }
+
+    return position;
+  };
+
+  /**
+   * @param {Number} rowSpan - number of rows the element spans
+   * @returns {Array} rowGroup
+   */
+  proto._getRowGroup = function( rowSpan ) {
+    if ( rowSpan < 2 ) {
+      // if brick spans only one row, use all the row Xs
+      return this.rowXs;
+    }
+
+    var rowGroup = [];
+    // how many different places could this brick fit horizontally
+    var groupCount = this.rows + 1 - rowSpan;
+    // for each group potential horizontal position
+    for ( var i = 0; i < groupCount; i++ ) {
+      // make an array of rowX values for that one group
+      var groupRowXs = this.rowXs.slice( i, i + rowSpan );
+      // and get the max value of the array
+      rowGroup[i] = Math.max.apply( Math, groupRowXs );
+    }
+    return rowGroup;
+  };
+
+  proto._manageStamp = function( stamp ) {
+    var stampSize = getSize( stamp );
+    var offset = this.isotope._getElementOffset( stamp );
+    // get the rows that this stamp affects
+    var firstY = this._getOption('originTop') ? offset.top : offset.bottom;
+    var lastY = firstY + stampSize.outerHeight;
+    var firstRow = Math.floor( firstY / this.rowHeight );
+    firstRow = Math.max( 0, firstRow );
+    var lastRow = Math.floor( lastY / this.rowHeight );
+    lastRow = Math.min( this.rows - 1, lastRow );
+    // set rowXs to outside edge of the stamp
+    var stampMaxX = ( this._getOption('originLeft') ? offset.left : offset.right ) +
+      stampSize.outerWidth;
+    for ( var i = firstRow; i <= lastRow; i++ ) {
+      this.rowXs[i] = Math.max( stampMaxX, this.rowXs[i] );
+    }
+  };
+
+  proto._getContainerSize = function() {
+    this.maxX = Math.max.apply( Math, this.rowXs );
+
+    return {
+      width: this.maxX
+    };
+  };
+
+  proto.needsResizeLayout = function() {
+    return this.needsVerticalResizeLayout();
+  };
+
+  return MasonryHorizontal;
+
+}));
\ No newline at end of file
diff --git a/_assets/js/menuScroll.js b/_assets/js/menuScroll.js
index 2aea74e..10529a5 100644
--- a/_assets/js/menuScroll.js
+++ b/_assets/js/menuScroll.js
@@ -1,36 +1,30 @@
 /*
+
 Scroll a menu to match a heading in the main content
 
 ## Details
 
-Apply to a sub menu and supply the main content ID in options
-
-As the page scrolls it will search for the first h2 or h3 tag in view. It expects these to have an 
-anchor with an ID. This is the format that gets psat out of Flexmakr markdown converted
+Loops over all h2 and h3 tags in the text and generates a menu from them.
 
-<h2><a id="heading1">Heading 1</a><h2>
+As the page scrolls, the current heading is highlighted (class=hi added).
 
-In the menu it will apply a headingselected class to an item with a id
-of #headingmenu_{id} where {id} is the id of heading in the main content.
+Clicking on the menu will scroll to the heading selected with an animation.
 
-It will also manually scroll the page to the heading when you click on the menu if the
-link is to the anchor. This a) allows for a slower scroll to get around the last anchor usability issue[^last]
-and b) allows us to supply a header height to cope with fixed headers.
+## Usage
 
-[^last]: When you click to an anchor that is near the bottom of the page, often it seems like nothing has
-happened. The anchor will not be at the top of the page and often it moves too fast, if at all. By slowing the 
-anim, we can provide visual feedback for most scroll ranges.
+Create an empty div to hold the menu and ensure your text has h2 and h3 tags for the headings.
 
-## Usage
+Apply this to the empty div with a selector for the content and an offset height.
 
-$("#mymeny").menuScroll({"maincontent":"#maincol", $("#header").height()});
+E.g. 
 
+```
+$("#mymenu").menuScroll({"maincontent":"#maincol", $("#header").height()});
+```
 */
 
 $.fn.menuScroll = function(options) {
 	
-	console.log("working");
-
 	var $menu = this;
 
 	var settings = $.extend({
@@ -43,8 +37,10 @@ $.fn.menuScroll = function(options) {
 	if (settings.headerheight == "auto") {
 		settings.headerheight = $maincontent.offset().top;
 	}
-	console.log("headerheight:", settings.headerheight);
 
+	// check main content headings for anchors
+	generateMenu();
+	
 	// trigger immediate run
 	scrollMenu($menu,$maincontent);
 
@@ -56,16 +52,69 @@ $.fn.menuScroll = function(options) {
 	$menu.on("click","a", function(e) {
 		e.preventDefault();
 	   	var id = $(this).attr("href");
-	   	scrollToAnchor(id)
-
+	   	scrollToAnchor(id.replace("#",""));
 	});
 
 	function scrollToAnchor(aid){
-	    var aTag = $(aid);
+	    var aTag = $("a[name=" + aid + "]");
 	    $('html,body').animate({scrollTop: aTag.offset().top - settings.headerheight},'slow',function() {
 	    	scrollMenu($menu,$maincontent);	
 	    });
-	    
+	}
+
+	function generateMenu() {
+		var count = 1;
+		var menuItems = [];
+		var currentId = "";
+		$maincontent.find("h2,h3").each(function() {
+			
+			var $heading = $(this);
+			var tagName = $heading.prop("tagName");
+			var id = $heading.attr('id') || "heading_" + (count++);
+			
+			if (tagName == "H2") {
+				menuItems.push({"id":id,"text":$heading.text(),"submenus":[]});
+			}
+			else {
+				if (! menuItems.length) {
+					menuItems.push({"id":"top","text":"Top","submenus":[]});
+				}
+				menuItems[menuItems.length-1].submenus.push({"id":id,"text":$heading.text()});
+			}
+
+			// check headings in main content have an anchor
+			var a = $heading.find("a").first();
+			
+			if (! a.length) {
+				$heading.html("<a name='" + id + "'>" + $heading.html() + "</a>") ;
+			}
+			else {
+				var aid = a.attr('id') || id;
+				var name = a.attr("name");
+				if (! name) {
+					a.attr("name",aid);
+				}
+			}
+
+		});
+
+		var menuHtml = "<ul>";
+		console.log(menuItems);
+		for (let menu of menuItems) {
+			menuHtml += "<li id='headingmenu_" + menu.id + "'><a href='#" + menu.id + "'>" + menu.text + "</a>";
+			if (menu.submenus.length) {
+				menuHtml += "<ul class='submenu open'>";
+				for (let submenu of menu.submenus) {
+					menuHtml += "<li id='headingmenu_" + submenu.id + "'><a href='#" + submenu.id + "'>" + submenu.text + "</a></li>";
+				}
+				menuHtml += "</ul>";
+			}
+			menuHtml += "</li>";
+		}
+		menuHtml += "</ul>";
+		
+		$menu.html(menuHtml);
+
 	}
 	
 	function scrollMenu($menu, $maincontent) {
@@ -79,12 +128,12 @@ $.fn.menuScroll = function(options) {
 			var anchor_offset = $(this).offset().top;
 			var top = $(window).scrollTop() + settings.headerheight;
 
-			id = $(this).attr('id');
+			name = $(this).attr('name');
 			
-			console.log(id, "top=", top, "anchor_offset=", anchor_offset);
+			console.log(name, "top=", top, "anchor_offset=", anchor_offset);
 
 			if (first && (top <= anchor_offset ))  {
-	    		selected = id;
+	    		selected = name;
 	        	first = false;
 	        	console.log("Setting selected to " + selected);
 
@@ -96,12 +145,16 @@ $.fn.menuScroll = function(options) {
 	        // /#DEBUG
 	    });
 
-	    $menu.find('.headingselected').each(function() {
-	    	$(this).removeClass('headingselected');
+	    $menu.find('.hi').each(function() {
+	    	$(this).removeClass('hi');
 	    });
+	    // $menu.find('.submenu.open').each(function() {
+	    // 	$(this).removeClass('open');
+	    // });
 	    
 	    if (selected != '') {
-	    	$menu.find('#headingmenu_' + selected).addClass('headingselected');
+	    	$menu.find('#headingmenu_' + selected).addClass('hi');
+	    	// $menu.find('#headingmenu_' + selected + " .submenu").addClass('open');
 	    }
 
 	}
diff --git a/_assets/js/menus.js b/_assets/js/menus.js
deleted file mode 100644
index 6d6ecb8..0000000
--- a/_assets/js/menus.js
+++ /dev/null
@@ -1,28 +0,0 @@
-// Embryonic menu funcationality
-
-function menu() {
-	console.log("Running menu");
-	var arrow = "<svg version=\"1.1\" id=\"Capa_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 284.929 284.929\" style=\"enable-background:new 0 0 284.929 284.929;\"								 xml:space=\"preserve\"><g><path d=\"M282.082,76.511l-14.274-14.273c-1.902-1.906-4.093-2.856-6.57-2.856c-2.471,0-4.661,0.95-6.563,2.856L142.466,174.441 L30.262,62.241c-1.903-1.906-4.093-2.856-6.567-2.856c-2.475,0-4.665,0.95-6.567,2.856L2.856,76.51 C0.95,78.417,0,80.607,0,83.082 c0,2.473,0.953,4.663,2.856,6.565l133.043,133.046c1.902,1.903,4.093,2.854,6.567,2.854s4.661-0.951,6.562-2.854L282.082,89.647 								c1.902-1.903,2.847-4.093,2.847-6.565C284.929,80.607,283.984,78.417,282.082,76.511z\"/></g></svg>";
-
-	$(".cs-menu .submenu").each(function() {
-		let $submenu = $(this);
-		
-		let height = $submenu.outerHeight();
-		console.log("Height is :" +  height);
-		$submenu.css("max-height",height + "px");
-		$submenu.prev("a").append(arrow).addClass("hasmenu");
-		
-	});
-
-	$(".cs-menu").on("click",".hasmenu",function() {
-		var $li = $(this).closest("li");
-		var open = $li.hasClass("open");
-		
-		$(this).closest("ul").find("li").removeClass("open");
-		if (!open) {
-			$li.addClass("open");
-		}
-
-	});
-
-}
\ No newline at end of file
diff --git a/_assets/js/mustache.js b/_assets/js/mustache.js
new file mode 100644
index 0000000..82dec42
--- /dev/null
+++ b/_assets/js/mustache.js
@@ -0,0 +1,773 @@
+// This file has been generated from mustache.mjs
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+  typeof define === 'function' && define.amd ? define(factory) :
+  (global = global || self, global.Mustache = factory());
+}(this, (function () { 'use strict';
+
+  /*!
+   * mustache.js - Logic-less {{mustache}} templates with JavaScript
+   * http://github.com/janl/mustache.js
+   */
+
+  var objectToString = Object.prototype.toString;
+  var isArray = Array.isArray || function isArrayPolyfill (object) {
+    return objectToString.call(object) === '[object Array]';
+  };
+
+  function isFunction (object) {
+    return typeof object === 'function';
+  }
+
+  /**
+   * More correct typeof string handling array
+   * which normally returns typeof 'object'
+   */
+  function typeStr (obj) {
+    return isArray(obj) ? 'array' : typeof obj;
+  }
+
+  function escapeRegExp (string) {
+    return string.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g, '\\$&');
+  }
+
+  /**
+   * Null safe way of checking whether or not an object,
+   * including its prototype, has a given property
+   */
+  function hasProperty (obj, propName) {
+    return obj != null && typeof obj === 'object' && (propName in obj);
+  }
+
+  /**
+   * Safe way of detecting whether or not the given thing is a primitive and
+   * whether it has the given property
+   */
+  function primitiveHasOwnProperty (primitive, propName) {
+    return (
+      primitive != null
+      && typeof primitive !== 'object'
+      && primitive.hasOwnProperty
+      && primitive.hasOwnProperty(propName)
+    );
+  }
+
+  // Workaround for https://issues.apache.org/jira/browse/COUCHDB-577
+  // See https://github.com/janl/mustache.js/issues/189
+  var regExpTest = RegExp.prototype.test;
+  function testRegExp (re, string) {
+    return regExpTest.call(re, string);
+  }
+
+  var nonSpaceRe = /\S/;
+  function isWhitespace (string) {
+    return !testRegExp(nonSpaceRe, string);
+  }
+
+  var entityMap = {
+    '&': '&amp;',
+    '<': '&lt;',
+    '>': '&gt;',
+    '"': '&quot;',
+    "'": '&#39;',
+    '/': '&#x2F;',
+    '`': '&#x60;',
+    '=': '&#x3D;'
+  };
+
+  function escapeHtml (string) {
+    return String(string).replace(/[&<>"'`=\/]/g, function fromEntityMap (s) {
+      return entityMap[s];
+    });
+  }
+
+  var whiteRe = /\s*/;
+  var spaceRe = /\s+/;
+  var equalsRe = /\s*=/;
+  var curlyRe = /\s*\}/;
+  var tagRe = /#|\^|\/|>|\{|&|=|!/;
+
+  /**
+   * Breaks up the given `template` string into a tree of tokens. If the `tags`
+   * argument is given here it must be an array with two string values: the
+   * opening and closing tags used in the template (e.g. [ "<%", "%>" ]). Of
+   * course, the default is to use mustaches (i.e. mustache.tags).
+   *
+   * A token is an array with at least 4 elements. The first element is the
+   * mustache symbol that was used inside the tag, e.g. "#" or "&". If the tag
+   * did not contain a symbol (i.e. {{myValue}}) this element is "name". For
+   * all text that appears outside a symbol this element is "text".
+   *
+   * The second element of a token is its "value". For mustache tags this is
+   * whatever else was inside the tag besides the opening symbol. For text tokens
+   * this is the text itself.
+   *
+   * The third and fourth elements of the token are the start and end indices,
+   * respectively, of the token in the original template.
+   *
+   * Tokens that are the root node of a subtree contain two more elements: 1) an
+   * array of tokens in the subtree and 2) the index in the original template at
+   * which the closing tag for that section begins.
+   *
+   * Tokens for partials also contain two more elements: 1) a string value of
+   * indendation prior to that tag and 2) the index of that tag on that line -
+   * eg a value of 2 indicates the partial is the third tag on this line.
+   */
+  function parseTemplate (template, tags) {
+    if (!template)
+      return [];
+    var lineHasNonSpace = false;
+    var sections = [];     // Stack to hold section tokens
+    var tokens = [];       // Buffer to hold the tokens
+    var spaces = [];       // Indices of whitespace tokens on the current line
+    var hasTag = false;    // Is there a {{tag}} on the current line?
+    var nonSpace = false;  // Is there a non-space char on the current line?
+    var indentation = '';  // Tracks indentation for tags that use it
+    var tagIndex = 0;      // Stores a count of number of tags encountered on a line
+
+    // Strips all whitespace tokens array for the current line
+    // if there was a {{#tag}} on it and otherwise only space.
+    function stripSpace () {
+      if (hasTag && !nonSpace) {
+        while (spaces.length)
+          delete tokens[spaces.pop()];
+      } else {
+        spaces = [];
+      }
+
+      hasTag = false;
+      nonSpace = false;
+    }
+
+    var openingTagRe, closingTagRe, closingCurlyRe;
+    function compileTags (tagsToCompile) {
+      if (typeof tagsToCompile === 'string')
+        tagsToCompile = tagsToCompile.split(spaceRe, 2);
+
+      if (!isArray(tagsToCompile) || tagsToCompile.length !== 2)
+        throw new Error('Invalid tags: ' + tagsToCompile);
+
+      openingTagRe = new RegExp(escapeRegExp(tagsToCompile[0]) + '\\s*');
+      closingTagRe = new RegExp('\\s*' + escapeRegExp(tagsToCompile[1]));
+      closingCurlyRe = new RegExp('\\s*' + escapeRegExp('}' + tagsToCompile[1]));
+    }
+
+    compileTags(tags || mustache.tags);
+
+    var scanner = new Scanner(template);
+
+    var start, type, value, chr, token, openSection;
+    while (!scanner.eos()) {
+      start = scanner.pos;
+
+      // Match any text between tags.
+      value = scanner.scanUntil(openingTagRe);
+
+      if (value) {
+        for (var i = 0, valueLength = value.length; i < valueLength; ++i) {
+          chr = value.charAt(i);
+
+          if (isWhitespace(chr)) {
+            spaces.push(tokens.length);
+            indentation += chr;
+          } else {
+            nonSpace = true;
+            lineHasNonSpace = true;
+            indentation += ' ';
+          }
+
+          tokens.push([ 'text', chr, start, start + 1 ]);
+          start += 1;
+
+          // Check for whitespace on the current line.
+          if (chr === '\n') {
+            stripSpace();
+            indentation = '';
+            tagIndex = 0;
+            lineHasNonSpace = false;
+          }
+        }
+      }
+
+      // Match the opening tag.
+      if (!scanner.scan(openingTagRe))
+        break;
+
+      hasTag = true;
+
+      // Get the tag type.
+      type = scanner.scan(tagRe) || 'name';
+      scanner.scan(whiteRe);
+
+      // Get the tag value.
+      if (type === '=') {
+        value = scanner.scanUntil(equalsRe);
+        scanner.scan(equalsRe);
+        scanner.scanUntil(closingTagRe);
+      } else if (type === '{') {
+        value = scanner.scanUntil(closingCurlyRe);
+        scanner.scan(curlyRe);
+        scanner.scanUntil(closingTagRe);
+        type = '&';
+      } else {
+        value = scanner.scanUntil(closingTagRe);
+      }
+
+      // Match the closing tag.
+      if (!scanner.scan(closingTagRe))
+        throw new Error('Unclosed tag at ' + scanner.pos);
+
+      if (type == '>') {
+        token = [ type, value, start, scanner.pos, indentation, tagIndex, lineHasNonSpace ];
+      } else {
+        token = [ type, value, start, scanner.pos ];
+      }
+      tagIndex++;
+      tokens.push(token);
+
+      if (type === '#' || type === '^') {
+        sections.push(token);
+      } else if (type === '/') {
+        // Check section nesting.
+        openSection = sections.pop();
+
+        if (!openSection)
+          throw new Error('Unopened section "' + value + '" at ' + start);
+
+        if (openSection[1] !== value)
+          throw new Error('Unclosed section "' + openSection[1] + '" at ' + start);
+      } else if (type === 'name' || type === '{' || type === '&') {
+        nonSpace = true;
+      } else if (type === '=') {
+        // Set the tags for the next time around.
+        compileTags(value);
+      }
+    }
+
+    stripSpace();
+
+    // Make sure there are no open sections when we're done.
+    openSection = sections.pop();
+
+    if (openSection)
+      throw new Error('Unclosed section "' + openSection[1] + '" at ' + scanner.pos);
+
+    return nestTokens(squashTokens(tokens));
+  }
+
+  /**
+   * Combines the values of consecutive text tokens in the given `tokens` array
+   * to a single token.
+   */
+  function squashTokens (tokens) {
+    var squashedTokens = [];
+
+    var token, lastToken;
+    for (var i = 0, numTokens = tokens.length; i < numTokens; ++i) {
+      token = tokens[i];
+
+      if (token) {
+        if (token[0] === 'text' && lastToken && lastToken[0] === 'text') {
+          lastToken[1] += token[1];
+          lastToken[3] = token[3];
+        } else {
+          squashedTokens.push(token);
+          lastToken = token;
+        }
+      }
+    }
+
+    return squashedTokens;
+  }
+
+  /**
+   * Forms the given array of `tokens` into a nested tree structure where
+   * tokens that represent a section have two additional items: 1) an array of
+   * all tokens that appear in that section and 2) the index in the original
+   * template that represents the end of that section.
+   */
+  function nestTokens (tokens) {
+    var nestedTokens = [];
+    var collector = nestedTokens;
+    var sections = [];
+
+    var token, section;
+    for (var i = 0, numTokens = tokens.length; i < numTokens; ++i) {
+      token = tokens[i];
+
+      switch (token[0]) {
+        case '#':
+        case '^':
+          collector.push(token);
+          sections.push(token);
+          collector = token[4] = [];
+          break;
+        case '/':
+          section = sections.pop();
+          section[5] = token[2];
+          collector = sections.length > 0 ? sections[sections.length - 1][4] : nestedTokens;
+          break;
+        default:
+          collector.push(token);
+      }
+    }
+
+    return nestedTokens;
+  }
+
+  /**
+   * A simple string scanner that is used by the template parser to find
+   * tokens in template strings.
+   */
+  function Scanner (string) {
+    this.string = string;
+    this.tail = string;
+    this.pos = 0;
+  }
+
+  /**
+   * Returns `true` if the tail is empty (end of string).
+   */
+  Scanner.prototype.eos = function eos () {
+    return this.tail === '';
+  };
+
+  /**
+   * Tries to match the given regular expression at the current position.
+   * Returns the matched text if it can match, the empty string otherwise.
+   */
+  Scanner.prototype.scan = function scan (re) {
+    var match = this.tail.match(re);
+
+    if (!match || match.index !== 0)
+      return '';
+
+    var string = match[0];
+
+    this.tail = this.tail.substring(string.length);
+    this.pos += string.length;
+
+    return string;
+  };
+
+  /**
+   * Skips all text until the given regular expression can be matched. Returns
+   * the skipped string, which is the entire tail if no match can be made.
+   */
+  Scanner.prototype.scanUntil = function scanUntil (re) {
+    var index = this.tail.search(re), match;
+
+    switch (index) {
+      case -1:
+        match = this.tail;
+        this.tail = '';
+        break;
+      case 0:
+        match = '';
+        break;
+      default:
+        match = this.tail.substring(0, index);
+        this.tail = this.tail.substring(index);
+    }
+
+    this.pos += match.length;
+
+    return match;
+  };
+
+  /**
+   * Represents a rendering context by wrapping a view object and
+   * maintaining a reference to the parent context.
+   */
+  function Context (view, parentContext) {
+    this.view = view;
+    this.cache = { '.': this.view };
+    this.parent = parentContext;
+  }
+
+  /**
+   * Creates a new context using the given view with this context
+   * as the parent.
+   */
+  Context.prototype.push = function push (view) {
+    return new Context(view, this);
+  };
+
+  /**
+   * Returns the value of the given name in this context, traversing
+   * up the context hierarchy if the value is absent in this context's view.
+   */
+  Context.prototype.lookup = function lookup (name) {
+    var cache = this.cache;
+
+    var value;
+    if (cache.hasOwnProperty(name)) {
+      value = cache[name];
+    } else {
+      var context = this, intermediateValue, names, index, lookupHit = false;
+
+      while (context) {
+        if (name.indexOf('.') > 0) {
+          intermediateValue = context.view;
+          names = name.split('.');
+          index = 0;
+
+          /**
+           * Using the dot notion path in `name`, we descend through the
+           * nested objects.
+           *
+           * To be certain that the lookup has been successful, we have to
+           * check if the last object in the path actually has the property
+           * we are looking for. We store the result in `lookupHit`.
+           *
+           * This is specially necessary for when the value has been set to
+           * `undefined` and we want to avoid looking up parent contexts.
+           *
+           * In the case where dot notation is used, we consider the lookup
+           * to be successful even if the last "object" in the path is
+           * not actually an object but a primitive (e.g., a string, or an
+           * integer), because it is sometimes useful to access a property
+           * of an autoboxed primitive, such as the length of a string.
+           **/
+          while (intermediateValue != null && index < names.length) {
+            if (index === names.length - 1)
+              lookupHit = (
+                hasProperty(intermediateValue, names[index])
+                || primitiveHasOwnProperty(intermediateValue, names[index])
+              );
+
+            intermediateValue = intermediateValue[names[index++]];
+          }
+        } else {
+          intermediateValue = context.view[name];
+
+          /**
+           * Only checking against `hasProperty`, which always returns `false` if
+           * `context.view` is not an object. Deliberately omitting the check
+           * against `primitiveHasOwnProperty` if dot notation is not used.
+           *
+           * Consider this example:
+           * ```
+           * Mustache.render("The length of a football field is {{#length}}{{length}}{{/length}}.", {length: "100 yards"})
+           * ```
+           *
+           * If we were to check also against `primitiveHasOwnProperty`, as we do
+           * in the dot notation case, then render call would return:
+           *
+           * "The length of a football field is 9."
+           *
+           * rather than the expected:
+           *
+           * "The length of a football field is 100 yards."
+           **/
+          lookupHit = hasProperty(context.view, name);
+        }
+
+        if (lookupHit) {
+          value = intermediateValue;
+          break;
+        }
+
+        context = context.parent;
+      }
+
+      cache[name] = value;
+    }
+
+    if (isFunction(value))
+      value = value.call(this.view);
+
+    return value;
+  };
+
+  /**
+   * A Writer knows how to take a stream of tokens and render them to a
+   * string, given a context. It also maintains a cache of templates to
+   * avoid the need to parse the same template twice.
+   */
+  function Writer () {
+    this.templateCache = {
+      _cache: {},
+      set: function set (key, value) {
+        this._cache[key] = value;
+      },
+      get: function get (key) {
+        return this._cache[key];
+      },
+      clear: function clear () {
+        this._cache = {};
+      }
+    };
+  }
+
+  /**
+   * Clears all cached templates in this writer.
+   */
+  Writer.prototype.clearCache = function clearCache () {
+    if (typeof this.templateCache !== 'undefined') {
+      this.templateCache.clear();
+    }
+  };
+
+  /**
+   * Parses and caches the given `template` according to the given `tags` or
+   * `mustache.tags` if `tags` is omitted,  and returns the array of tokens
+   * that is generated from the parse.
+   */
+  Writer.prototype.parse = function parse (template, tags) {
+    var cache = this.templateCache;
+    var cacheKey = template + ':' + (tags || mustache.tags).join(':');
+    var isCacheEnabled = typeof cache !== 'undefined';
+    var tokens = isCacheEnabled ? cache.get(cacheKey) : undefined;
+
+    if (tokens == undefined) {
+      tokens = parseTemplate(template, tags);
+      isCacheEnabled && cache.set(cacheKey, tokens);
+    }
+    return tokens;
+  };
+
+  /**
+   * High-level method that is used to render the given `template` with
+   * the given `view`.
+   *
+   * The optional `partials` argument may be an object that contains the
+   * names and templates of partials that are used in the template. It may
+   * also be a function that is used to load partial templates on the fly
+   * that takes a single argument: the name of the partial.
+   *
+   * If the optional `config` argument is given here, then it should be an
+   * object with a `tags` attribute or an `escape` attribute or both.
+   * If an array is passed, then it will be interpreted the same way as
+   * a `tags` attribute on a `config` object.
+   *
+   * The `tags` attribute of a `config` object must be an array with two
+   * string values: the opening and closing tags used in the template (e.g.
+   * [ "<%", "%>" ]). The default is to mustache.tags.
+   *
+   * The `escape` attribute of a `config` object must be a function which
+   * accepts a string as input and outputs a safely escaped string.
+   * If an `escape` function is not provided, then an HTML-safe string
+   * escaping function is used as the default.
+   */
+  Writer.prototype.render = function render (template, view, partials, config) {
+    var tags = this.getConfigTags(config);
+    var tokens = this.parse(template, tags);
+    var context = (view instanceof Context) ? view : new Context(view, undefined);
+    return this.renderTokens(tokens, context, partials, template, config);
+  };
+
+  /**
+   * Low-level method that renders the given array of `tokens` using
+   * the given `context` and `partials`.
+   *
+   * Note: The `originalTemplate` is only ever used to extract the portion
+   * of the original template that was contained in a higher-order section.
+   * If the template doesn't use higher-order sections, this argument may
+   * be omitted.
+   */
+  Writer.prototype.renderTokens = function renderTokens (tokens, context, partials, originalTemplate, config) {
+    var buffer = '';
+
+    var token, symbol, value;
+    for (var i = 0, numTokens = tokens.length; i < numTokens; ++i) {
+      value = undefined;
+      token = tokens[i];
+      symbol = token[0];
+
+      if (symbol === '#') value = this.renderSection(token, context, partials, originalTemplate, config);
+      else if (symbol === '^') value = this.renderInverted(token, context, partials, originalTemplate, config);
+      else if (symbol === '>') value = this.renderPartial(token, context, partials, config);
+      else if (symbol === '&') value = this.unescapedValue(token, context);
+      else if (symbol === 'name') value = this.escapedValue(token, context, config);
+      else if (symbol === 'text') value = this.rawValue(token);
+
+      if (value !== undefined)
+        buffer += value;
+    }
+
+    return buffer;
+  };
+
+  Writer.prototype.renderSection = function renderSection (token, context, partials, originalTemplate, config) {
+    var self = this;
+    var buffer = '';
+    var value = context.lookup(token[1]);
+
+    // This function is used to render an arbitrary template
+    // in the current context by higher-order sections.
+    function subRender (template) {
+      return self.render(template, context, partials, config);
+    }
+
+    if (!value) return;
+
+    if (isArray(value)) {
+      for (var j = 0, valueLength = value.length; j < valueLength; ++j) {
+        buffer += this.renderTokens(token[4], context.push(value[j]), partials, originalTemplate, config);
+      }
+    } else if (typeof value === 'object' || typeof value === 'string' || typeof value === 'number') {
+      buffer += this.renderTokens(token[4], context.push(value), partials, originalTemplate, config);
+    } else if (isFunction(value)) {
+      if (typeof originalTemplate !== 'string')
+        throw new Error('Cannot use higher-order sections without the original template');
+
+      // Extract the portion of the original template that the section contains.
+      value = value.call(context.view, originalTemplate.slice(token[3], token[5]), subRender);
+
+      if (value != null)
+        buffer += value;
+    } else {
+      buffer += this.renderTokens(token[4], context, partials, originalTemplate, config);
+    }
+    return buffer;
+  };
+
+  Writer.prototype.renderInverted = function renderInverted (token, context, partials, originalTemplate, config) {
+    var value = context.lookup(token[1]);
+
+    // Use JavaScript's definition of falsy. Include empty arrays.
+    // See https://github.com/janl/mustache.js/issues/186
+    if (!value || (isArray(value) && value.length === 0))
+      return this.renderTokens(token[4], context, partials, originalTemplate, config);
+  };
+
+  Writer.prototype.indentPartial = function indentPartial (partial, indentation, lineHasNonSpace) {
+    var filteredIndentation = indentation.replace(/[^ \t]/g, '');
+    var partialByNl = partial.split('\n');
+    for (var i = 0; i < partialByNl.length; i++) {
+      if (partialByNl[i].length && (i > 0 || !lineHasNonSpace)) {
+        partialByNl[i] = filteredIndentation + partialByNl[i];
+      }
+    }
+    return partialByNl.join('\n');
+  };
+
+  Writer.prototype.renderPartial = function renderPartial (token, context, partials, config) {
+    if (!partials) return;
+    var tags = this.getConfigTags(config);
+
+    var value = isFunction(partials) ? partials(token[1]) : partials[token[1]];
+    if (value != null) {
+      var lineHasNonSpace = token[6];
+      var tagIndex = token[5];
+      var indentation = token[4];
+      var indentedValue = value;
+      if (tagIndex == 0 && indentation) {
+        indentedValue = this.indentPartial(value, indentation, lineHasNonSpace);
+      }
+      var tokens = this.parse(indentedValue, tags);
+      return this.renderTokens(tokens, context, partials, indentedValue, config);
+    }
+  };
+
+  Writer.prototype.unescapedValue = function unescapedValue (token, context) {
+    var value = context.lookup(token[1]);
+    if (value != null)
+      return value;
+  };
+
+  Writer.prototype.escapedValue = function escapedValue (token, context, config) {
+    var escape = this.getConfigEscape(config) || mustache.escape;
+    var value = context.lookup(token[1]);
+    if (value != null)
+      return (typeof value === 'number' && escape === mustache.escape) ? String(value) : escape(value);
+  };
+
+  Writer.prototype.rawValue = function rawValue (token) {
+    return token[1];
+  };
+
+  Writer.prototype.getConfigTags = function getConfigTags (config) {
+    if (isArray(config)) {
+      return config;
+    }
+    else if (config && typeof config === 'object') {
+      return config.tags;
+    }
+    else {
+      return undefined;
+    }
+  };
+
+  Writer.prototype.getConfigEscape = function getConfigEscape (config) {
+    if (config && typeof config === 'object' && !isArray(config)) {
+      return config.escape;
+    }
+    else {
+      return undefined;
+    }
+  };
+
+  var mustache = {
+    name: 'mustache.js',
+    version: '4.1.0',
+    tags: [ '{{', '}}' ],
+    clearCache: undefined,
+    escape: undefined,
+    parse: undefined,
+    render: undefined,
+    Scanner: undefined,
+    Context: undefined,
+    Writer: undefined,
+    /**
+     * Allows a user to override the default caching strategy, by providing an
+     * object with set, get and clear methods. This can also be used to disable
+     * the cache by setting it to the literal `undefined`.
+     */
+    set templateCache (cache) {
+      defaultWriter.templateCache = cache;
+    },
+    /**
+     * Gets the default or overridden caching object from the default writer.
+     */
+    get templateCache () {
+      return defaultWriter.templateCache;
+    }
+  };
+
+  // All high-level mustache.* functions use this writer.
+  var defaultWriter = new Writer();
+
+  /**
+   * Clears all cached templates in the default writer.
+   */
+  mustache.clearCache = function clearCache () {
+    return defaultWriter.clearCache();
+  };
+
+  /**
+   * Parses and caches the given template in the default writer and returns the
+   * array of tokens it contains. Doing this ahead of time avoids the need to
+   * parse templates on the fly as they are rendered.
+   */
+  mustache.parse = function parse (template, tags) {
+    return defaultWriter.parse(template, tags);
+  };
+
+  /**
+   * Renders the `template` with the given `view`, `partials`, and `config`
+   * using the default writer.
+   */
+  mustache.render = function render (template, view, partials, config) {
+    if (typeof template !== 'string') {
+      throw new TypeError('Invalid template! Template should be a "string" ' +
+                          'but "' + typeStr(template) + '" was given as the first ' +
+                          'argument for mustache#render(template, view, partials)');
+    }
+
+    return defaultWriter.render(template, view, partials, config);
+  };
+
+  // Export the escaping function so that the user may override it.
+  // See https://github.com/janl/mustache.js/issues/244
+  mustache.escape = escapeHtml;
+
+  // Export these mainly for testing, but also for advanced usage.
+  mustache.Scanner = Scanner;
+  mustache.Context = Context;
+  mustache.Writer = Writer;
+
+  return mustache;
+
+})));
\ No newline at end of file
diff --git a/_assets/js/popup.js b/_assets/js/popup.js
new file mode 100644
index 0000000..237d148
--- /dev/null
+++ b/_assets/js/popup.js
@@ -0,0 +1,213 @@
+
+(function($) {
+
+	$.popup = function(element, options) {
+
+		var defaults = {
+			index: 0,
+			imagepath: "",
+			data:[],// array of image objects
+			onNext: function() {},
+			onPrevious: function() {},
+			onOpen: function() {},
+			onClose: function() {},
+			onGoTo: function() {}
+
+		}
+
+		var plugin = this;
+
+		plugin.settings = {};
+		plugin.images = [];// image objects
+
+		
+
+		var $element = $(element),
+					   element = element; 
+
+
+		plugin.init = function() {
+
+			plugin.settings = $.extend({}, defaults, options);
+			console.log(plugin.settings.data);	
+			$inner = $element.find(".popup_inner");
+			$inner.html(plugin.html());
+			$image = $element.find(".popup_image img");
+			
+			$caption = $element.find(".popup_caption");
+
+			plugin.goTo(plugin.settings.index);
+		
+		}
+
+		$element.on("open",function() {
+			plugin.open();
+		});
+		$element.on("close",function() {
+			plugin.close();
+		});
+		$element.on("goTo",function(data) {
+			plugin.goTo(data);
+		});
+		$element.on("next",function() {
+			plugin.next();
+		});
+		$element.on("previous",function() {
+			plugin.previous();
+		});
+
+		if ( $.isFunction($.fn.swipeDetector) ) {
+			$element.swipeDetector(options);
+			$element.on("swipeLeft.sd",function() {
+				console.log("Swipe left");
+				plugin.previous();
+			}).on("swipeRight.sd",function() {
+				console.log("Swipe right");
+				plugin.next();
+			});
+		}
+		else {
+			console.warn("No swipe detector defined");
+		}
+
+		$(window).on("keydown.popup", function( event ) {
+			switch (event.key) {
+				case "Escape":
+		  		event.preventDefault();
+		  		plugin.close();
+		  		break;
+		  		case "ArrowLeft":
+		  		event.preventDefault();
+		  		plugin.previous();
+		  		break;
+		  		case "ArrowRight":
+		  		event.preventDefault();
+		  		plugin.next();
+		  		break;
+		  	}	  	 	
+		});
+
+
+		// public methods
+		plugin.open = function() {
+			$element.css({"display":"block"});
+			plugin.settings.onOpen();
+		}
+
+		plugin.next = function() {
+			if (plugin.settings.index < plugin.settings.data.length - 1) {
+				plugin.settings.index++;
+			}
+			else {
+				plugin.settings.index = 0;
+			}
+			plugin.update();
+			plugin.settings.onNext();
+		}
+
+		plugin.previous = function() {
+			
+			if (plugin.settings.index > 0) {
+				plugin.settings.index--;
+			}
+			else {
+				plugin.settings.index = plugin.settings.data.length - 1;
+			}
+			plugin.update();
+			plugin.settings.onPrevious();
+		}
+
+		plugin.goTo = function(index) {
+			if (index <= plugin.settings.data.length && index >= 0) {
+				plugin.settings.index = index;
+				plugin.update();
+				plugin.settings.onGoTo();
+			}
+			
+		}
+
+		plugin.close = function() {
+			$element.css({"display":"none"});
+			plugin.settings.onClose();
+		}
+
+		// update image and caption
+		plugin.update = function() {
+			
+			if (! (plugin.settings.index in plugin.images)) {
+				var img_record = plugin.settings.data[plugin.settings.index];
+				var img = new Image();
+				img.onload = function() {
+					plugin.images[plugin.settings.index] = $(this)[0];
+					plugin.resize();
+				};
+				img.src = plugin.settings.imagepath + img_record.image;
+			} 
+			else {
+				plugin.resize();
+			}
+			
+		}
+
+		plugin.resize = function() {
+			var img_record = plugin.settings.data[plugin.settings.index];
+			var img = plugin.images[plugin.settings.index];
+			
+			var vw = $(window).width() - 60;// to do: padding calcs
+			var vh = $(window).height() - 60;
+			var dw = vw / img.width;
+			var dh = vh / img.height;
+			
+			if (dw < 1.0 || dh < 1.0) {
+				if (dw < dh) {
+					$image.css('width', vw);
+					$image.css('height', "auto");
+				}
+				else {
+					$image.css('height', vh);
+					$image.css('width', "auto");
+				}
+			}
+
+			$image.attr('src',plugin.settings.imagepath + img_record.image);
+			$caption.html(img_record.caption);
+		}
+
+		// render initial html
+		plugin.html = function() {
+			var img = plugin.settings.data[plugin.settings.index];
+			var html = "<div class='popup_image'>";
+			html += "	<img src='" + plugin.settings.imagepath + img.image + "'>";
+			html += "</div>";
+			html += "<div class='popup_caption'>";
+			html += img.caption;
+			html += "</div>";
+			return html;
+		}
+
+		// private methods
+		var foo_private_method = function(message) {
+			
+		}
+
+		plugin.init();
+
+	}
+
+	$.fn.popup = function(options) {
+
+		return this.each(function() {
+
+		  if (undefined == $(this).data('popup')) {
+
+			  var plugin = new $.popup(this, options);
+
+			  $(this).data('popup', plugin);
+
+		   }
+
+		});
+
+	}
+
+})(jQuery);
\ No newline at end of file
diff --git a/_assets/js/scroll-fix.js b/_assets/js/scroll-fix.js
new file mode 100644
index 0000000..2d2c7dc
--- /dev/null
+++ b/_assets/js/scroll-fix.js
@@ -0,0 +1,89 @@
+/*
+Fix a div in place when the page is scrolled
+
+## Synopsis
+
+When attached to an element, will convert its position to fixed when it gets to the top of the page.
+
+Will also add a class of "scroll" to the body so styling can be amended e.g. shrinking elements.
+
+## Usage
+
+$("#topnav").scrollFix();
+
+*/ 
+
+(function($) {
+
+	$.scrollFix = function(element, options) {
+
+		var defaults = {
+			resize: "resize", // window event to trigger resize. use e.g. throttledresize
+			onFix: function() {},
+			onUnfix: function() {}
+		}
+
+		var plugin = this;
+
+		plugin.settings = {}
+
+		var $element = $(element), 
+			element = element,
+			$parent = $element.parent(),
+			width,
+			offset,
+			$body,
+			isScroll = false; 
+
+		plugin.init = function() {
+			plugin.settings = $.extend({}, defaults, options);
+			offset = $element.offset();
+			width = $parent.width();
+			$body = $('body');  
+			isScroll = false;
+			
+
+			$(window).on("scroll.scrollFix", function () {  
+				var scrollTop = $(window).scrollTop(); // check the visible top of the browser  
+				if (offset.top < scrollTop) {
+					isScroll = true;
+					$body.addClass('scroll');
+					$element.css("width",width + "px");
+					plugin.settings.onFix();
+				}
+				else {
+					$body.removeClass('scroll'); 
+					$element.css("width","auto");
+					isScroll = false;
+					plugin.settings.onUnfix();
+				}
+			}).on(plugin.settings.resize,function() {
+				console.log("resize");
+				width = $parent.width();
+				if (isScroll) {
+					$element.css("width",width + "px");
+				}
+			});
+		}
+
+		plugin.init();
+
+	}
+
+	$.fn.scrollFix = function(options) {
+
+		return this.each(function() {
+
+			if (undefined == $(this).data('scrollFix')) {
+
+				var plugin = new $.scrollFix(this, options);
+
+			$(this).data('scrollFix', plugin);
+
+			}
+
+		});
+
+	}
+
+})(jQuery);
\ No newline at end of file
diff --git a/_assets/js/swipeDetector.js b/_assets/js/swipeDetector.js
new file mode 100644
index 0000000..365888c
--- /dev/null
+++ b/_assets/js/swipeDetector.js
@@ -0,0 +1,94 @@
+(function($) {
+  $.fn.swipeDetector = function(options) {
+    // States: 0 - no swipe, 1 - swipe started, 2 - swipe released
+    var swipeState = 0;
+    // Coordinates when swipe started
+    var startX = 0;
+    var startY = 0;
+    // Distance of swipe
+    var pixelOffsetX = 0;
+    var pixelOffsetY = 0;
+    // Target element which should detect swipes.
+    var swipeTarget = this;
+    var defaultSettings = {
+      // Amount of pixels, when swipe don't count.
+      swipeThreshold: 70,
+      // Flag that indicates that plugin should react only on touch events.
+      // Not on mouse events too.
+      useOnlyTouch: false
+    };
+
+    // Initializer
+    (function init() {
+      options = $.extend(defaultSettings, options);
+      // Support touch and mouse as well.
+      swipeTarget.on("mousedown touchstart", swipeStart);
+      $("html").on("mouseup touchend", swipeEnd);
+      $("html").on("mousemove touchmove", swiping);
+    })();
+
+    function swipeStart(event) {
+      if (options.useOnlyTouch && !event.originalEvent.touches) return;
+
+      if (event.originalEvent.touches) event = event.originalEvent.touches[0];
+
+      if (swipeState === 0) {
+        swipeState = 1;
+        startX = event.clientX;
+        startY = event.clientY;
+      }
+    }
+
+    function swipeEnd(event) {
+      if (swipeState === 2) {
+        swipeState = 0;
+
+        if (
+          Math.abs(pixelOffsetX) > Math.abs(pixelOffsetY) &&
+          Math.abs(pixelOffsetX) > options.swipeThreshold
+        ) {
+          // Horizontal Swipe
+          if (pixelOffsetX < 0) {
+            swipeTarget.trigger($.Event("swipeLeft.sd"));
+            console.log("Left");
+          } else {
+            swipeTarget.trigger($.Event("swipeRight.sd"));
+            console.log("Right");
+          }
+        } else if (Math.abs(pixelOffsetY) > options.swipeThreshold) {
+          // Vertical swipe
+          if (pixelOffsetY < 0) {
+            swipeTarget.trigger($.Event("swipeUp.sd"));
+            console.log("Up");
+          } else {
+            swipeTarget.trigger($.Event("swipeDown.sd"));
+            console.log("Down");
+          }
+        }
+      }
+    }
+
+    function swiping(event) {
+      // If swipe don't occuring, do nothing.
+      if (swipeState !== 1) return;
+
+      if (event.originalEvent.touches) {
+        event = event.originalEvent.touches[0];
+      }
+
+      var swipeOffsetX = event.clientX - startX;
+      var swipeOffsetY = event.clientY - startY;
+
+      if (
+        Math.abs(swipeOffsetX) > options.swipeThreshold ||
+        Math.abs(swipeOffsetY) > options.swipeThreshold
+      ) {
+        swipeState = 2;
+        pixelOffsetX = swipeOffsetX;
+        pixelOffsetY = swipeOffsetY;
+      }
+    }
+
+    return swipeTarget; // Return element available for chaining.
+  };
+})(jQuery);