@font-face {
	font-family: NotoThin;
	src: url('../fonts/NotoSansCJKsc-Thin.otf');
}
@font-face {
	font-family: Noto;
	src: url('../fonts/NotoSansCJKsc-Regular.otf');
}
@keyframes fadeIn{ 
	from{ 
		opacity: 0; 	
	} 
	to{ 
		opacity: 1; 
	} 
} 
@-webkit-keyframes breathe{ 
	from{ 
		transform: scale(2); 
	} 
	to{ 
		transform: scale(2.1); 
	} 
} 
/* NORMALIZE================================================================ */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;} audio,canvas,video{display:inline-block;*display:inline;*zoom:1;} audio:not([controls]){display:none;height:0;} [hidden]{display:none;} html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100% ;} html,button,input,select,textarea{font-family:sans-serif;} body{margin:0;} a:focus{outline:thin dotted;} a:active,a:hover{outline:0;} h1{font-size:2em;margin:0.67em 0;} h2{font-size:1.5em;margin:0.83em 0;} h3{font-size:1.17em;margin:1em 0;} h4{font-size:1em;margin:1.33em 0;} h5{font-size:.83em;margin:1.67em 0;} h6{font-size:.67em;margin:2.33em 0;} abbr[title]{border-bottom:1px dotted;} b,strong{font-weight:700;} blockquote{margin:1em 40px;} dfn{font-style:italic;} mark{background:#ff0;color:#000000;} p,pre{margin:1em 0;} code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em;} pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;} q{quotes:none;} q:before,q:after{content:'';content:none;} small{font-size:80%;} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;} sup{top:-0.5em;} sub{bottom:-0.25em;} dl,menu,ol,ul{margin:1em 0;} dd{margin:0 0 0 40px;} menu,ol,ul{padding:0 0 0 20px;} nav ul,nav ol{list-style:none;list-style-image:none;} img{border:0;-ms-interpolation-mode:bicubic ;} svg:not(:root){overflow:hidden;} figure{margin:0;} form{margin:0;} fieldset{border:1px solid silver;margin:0 2px;padding:0.35em 0.625em 0.75em;} legend{border:0;padding:0;white-space:normal;*margin-left:-7px ;} button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle ;} button,input{line-height:normal;} button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible ;} button[disabled],input[disabled]{cursor:default;} input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px ;} input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;} textarea{overflow:auto;vertical-align:top ;} table{border-collapse:collapse;border-spacing:0;}
/* CORE================================================================ */
html, body {min-height: 100%; padding: 0; margin: 0; width: 100%; }
html {font-size: 62.5%; }
body {font-size: 16px; line-height: 1.5; color: black; font-family: 'Spectral', 'Garamond', 'Doulos SIL', serif; 
	background-attachment: fixed; 
	background-size: auto 150%; }
body > svg, .main_container > svg { display: none; }
img.right{ float: right; } 
img.left{float: left; } 
.wrapper { max-width: 60vw; margin: 0 auto; }
.page {  }
a:link, a:visited { text-decoration: none; }
a:hover, a:active, a:focus { text-decoration: none; }
.page_header { text-align: center; padding-top: 20px; }
section { padding: 1.5em 3em; }
section header { clear: both; font-weight: normal; }
ol { list-style: none; margin: 2em 0; padding:0;  }
ol li { clear: both; margin: 1em 0; }
.icon_block { float: left; width: 16%; min-width: 100px; text-align: center; margin-top: 5px; }
.content_block { overflow: hidden; }
.circle { margin-top: 0.4em; display: inline-block; font-size: 30px; font-weight: bold; line-height: 55px; background: #3dbfd9; border-radius: 50%; width: 60px; height: 60px; }
.circle svg { margin: 15px; float: left; }
.bullets li { list-style: disc; margin-bottom: 0.74em; }
.bullets li ul { padding-left: 0; }
.bullets li li { list-style: none; margin: 0.5em 0; }
.small { font-size: 14px; }
.cta, .cta:link, .cta:visited { font-weight: bold; position: relative; float: right; border: 2px solid white; text-transform: uppercase; white-space: nowrap; color: #ffffff; border-radius: 8px; -webkit-border-radius: 8px; line-height: 2; font-size: 20px; padding: 0.3em 3.5em 0.3em 1em; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background: #ff0000; }
.cta:hover, .cta:active, .cta:focus {text-decoration: none; background: #333333; }
.cta svg { position: absolute; right: 1em; top: 20%; }
.writable { padding: 0; list-style: none; }
.writable li { color: #212326; border-radius: 8px; background: #e2f5f9; padding: 0.75em 1em; }
.writable .error { border: 2px solid red; }
.writable .success { border: 2px solid green; }
.footer { padding: 2em 0; position: relative; }
.footer .mainnav {margin-top: 0.5em; }
.footer a:link, .footer a:visited { }
.mainnav { color: #bcffff; font-size: 14px; font-size: 1.4rem; text-align: center; }
.mainnav ul { padding: 0; margin: 0 auto; }
.mainnav li { display: inline-block; float: none; position: relative; }
.mainnav a { text-transform: uppercase; margin-right: 0.8em; position: relative; }
.mainnav a:hover, .mainnav a:active, .mainnav a:focus {color: #ffffff; }
.mainnav a:after {content: '\00B7'; display: inline-block; padding-left: 1em; left: 0; top: 0; font-size: 12px; font-size: 1.2rem; color: #bcffff; }
.mainnav .last a:after{ content: ''; } 
.mainnav .first a {padding-left: 0; outline: none; }
.mainnav .first a:after {content: '\00B7'; }
.footer .left { position: absolute; margin: 0; }
.colophon {clear: both; text-align: center; margin-top: 3em; font-size: 12px; }
.colophon svg { margin-bottom: -8px; }
.small svg { margin-bottom: -15px; }
.callout { color: #f00; }
#error_404 { padding: 2em; text-align: center; }
.ls{ cursor: help; } 

#page-header{ 
	position: fixed; 
	z-index: 2; 
	bottom: 5%; 
	left: 2%; 
} 

header #main-nav{ 
	text-align: center; 
	margin-bottom: 1.5em; 
	font-size: 1.5em; 
} 
/*
ul#main_nav > li{ 
	background: rgba(0, 0, 0, .8);
	margin: .5rem 0; 
	padding: 0 .5rem;
} 
ul#main_nav > li > ul{ 
	margin: 0em; 
} */ 
#menu_text{ 
	cursor: pointer;
} 
#siqluya{ 
	position: absolute; 
	top: 50vh; 
	left: 50vw; 
	margin: -100px; 
	opacity: 1; 
	z-index: 2; 
	transform-origin: 50% 50%; 
	-webkit-transform-origin: 50% 50%; 
	-moz-transform-origin: 50% 50%; 
	-o-transform-origin: 50% 50%; 
	transform: scale(2); 
	-webkit-transform: scale(2); 
	-moz-transform: scale(2); 
	-o-transform: scale(2); 
	animation: breathe 2s linear .5s infinite alternate; 
	-webkit-animation: breathe 2s linear .5s infinite alternate; 
	-moz-animation: breathe 2s linear .5s infinite alternate; 
	-o-animation: breathe 2s linear .5s infinite alternate; 
}
ul#main_nav:hover #siqluya{ 
	opacity: 0; 
	transform: scale(.5) rotate(90deg); 
	-webkit-transform: scale(.5) rotate(90deg); 
	-moz-transform: scale(.5) rotate(90deg); 
	-o-transform: scale(.5) rotate(90deg); 
} 
ul#main_nav{ 
	position: fixed; 
	width: 100%; 
	height: 100%; 
	z-index: 1; 
	list-style: none; 
	font-size: 2em; 
	text-align: left; 
	display: none; 
} 
ul#main_nav > li{ 
	position: absolute; 
	z-index: 100; 
	top: 50%; 
	left: 50%; 
	margin: -1.5em; 
	padding: .5em; 
	opacity: 0; 
}

ul#main_nav li>ul{ 
	list-style: none; 
	font-size: .7em; 
	text-align: left; 
	position: absolute; 
	margin: 0 !important; 
	padding: .5em 0em !important; 
} 
ul#main_nav li>ul li{ 
	display: inline-block; 
} 
ul#main_nav li>ul li:not(.first):before{ 
	content: ' / '; 
} 

ul#main_nav:hover > li { 
	opacity: 1; 
} 
ul#main_nav:hover > li:first-child{ 
	transform: rotate(240deg) translate(6em) rotate(-240deg); 
} 
ul#main_nav:hover > li:nth-child(2){ 
	transform: rotate(300deg) translate(6em) rotate(-300deg); 
} 
ul#main_nav:hover > li:nth-child(3){ 
	transform: rotate(0deg) translate(6em) rotate(-0deg); 
} 
ul#main_nav:hover > li:nth-child(4){ 
	transform: rotate(90deg) translate(6em) rotate(-90deg); 
} 
ul#main_nav:hover > li:nth-child(5){ 
	transform: rotate(180deg) translate(6em) rotate(-180deg); 
} 
ul#main_nav > li > ul{ 
	display: none; 
}
ul#main_nav > li:hover > ul {
	display: block;  
	width: 50vw; 
} 
#tooltip{ 
	position: absolute; 
	z-index: 3;
	background: rgba(0,0,0, .5); 
	color: white; 
	display: none; 
	padding: .5em; 
} 
#main_inner_nav{ 
	background: rgba(255, 255, 255, .9); 
	color: black;
	text-align: center; 
	margin: 0em;
	animation: fadeIn .8s ease-in; 
	padding: .5em 3em; 
} 
#main_inner_nav ul{ 
	list-style: none; 
	display: inline-block; 
	padding: 0; 
} 
#main_inner_nav ul li{ 
	display: inline-block; 
} 
ul#breadcrumb li:last-child{ 
	font-style: italic; 
} 
#main_inner_nav .active{ 
	font-style: italic;  
} 
ul#breadcrumb_after li:before{ 
	content: " / ";
} 
#main_inner{ 
	background: rgba(255, 255, 255, .95); 
	color: black; 
	animation: fadeIn .6s ease-in; 
	-webkit-animation: fadeIn .6s ease-in; 
	-moz-animation: fadeIn .6s ease-in; 
	-o-animation: fadeIn .6s ease-in; 
	margin: 0em; 
} 
#main_inner > p img{ 
	margin: .5em 1em; 
} 
#page_imgs, #series{ 
	max-width: 100%; 
	text-align: center; 
}
#page_imgs .slick-slide{ 
	padding: 0em; 
}
#page_imgs .slick-slide:not(.slick-current){ 
	opacity: .8; 
} 
.slick-slide img{ 
	margin: 1em auto !important; 
} 
#page_imgs .page_imgs_caption{ 
	
	width: 100%; 
	font-size: .7em !important; 
	margin: .3em 0em; 
} 
#page_imgs img{ 
	max-width: 100%; 
	height: auto; 
} 
#page_downloads{ 
	text-align: right; 
} 
.download{ 
	display: inline-block; 
	font-variant: small-caps; 
	font-size: .7em; 
	padding: .5em; 
	margin: .5em 0em; 
	color: rgba(0, 0, 0, 1); 
	border: 1px solid rgba(0, 0, 0, .2); 
}
.download a{ 
	color: inherit !important; 
} 
.download:hover{ 
	color: rgba(0, 0, 0, .7); 
	border-color: rgba(0, 0, 0, .1); 
} 
@media(max-width: 1350px){ 
	.wrapper{
		max-width: 75vw; 
		float: right; 
	} 
} 
@media(max-width: 800px){ 
	body{ 
		background-position: right !important;
	} 
	#main_inner_nav{ 
		padding: .5em 0em; 
	} 
	#main_inner_nav ul{ 
		display: block !important; 
		margin: 0 !important; 
	} 
	#breadcrumb_after li{ 
		display: block !important; 
		margin: .5em 0em; 
	} 
	#breadcrumb_after li:before{ 
		content: "" !important; 
	}
} 
@media(max-width: 680px){ 
	body{ 
		background-attachment: scroll !important; 
		background-position: top center !important; 
		background-size: contain !important; 
	} 
	img.right, img.left{ float: none; display: block; margin: 1em auto !important; } 
	#page-header{ 
		position: static; 
		display: block; 
		padding: .5em 0em 0em 0em; 
		text-align: center;
		width: 100%; 
	} 
	#page-header nav{ 
		display: none; 
	} 
	#page_downloads{ 
		text-align: center; 
	} 
	#main_nav{ 
		display: none; 
		z-index: 100 !important; 
		font-size: 1.75em !important; 
	} 
	header #main-nav {
		float: left; 
	}
	#siqluya{
		display: none; 
	}
	ul#main_nav > li{ 
		opacity: 1;  
		position: static; 
		margin: 0; 
	} 
	ul#main_nav:hover > li{ 
		transform: none !important; 
	}
	ul#main_nav > li > ul {
		display: block; 
		position: static; 
	} 
	ul#main_nav > li:hover > ul {
		width: 100%; 
	} 
	header .fa-bars{ 
		margin: .5em 0em .5em .5em; 
		font-size: 1.5em; 
		color: rgba(255, 255, 255, 1); 
	}
	.fa-close{ 
		position: absolute; 
		right: 0; 
		z-index: 101; 
		margin: .5em; 
		font-size: 1.5em !important; 
		color: rgba(255, 255, 255, 1); 
	} 
	section{ 
		padding: 1.5em; 
	} 
	#main_inner{ 
		padding-top: 0; 
	} 
	#main_inner, #main_inner_nav{ 
		background: rgba(255, 255, 255, 1); 
	} 
	.page{ 
		margin: 0 !important; 
		position: relative; 
		z-index: 1; 
	} 
	.wrapper{ 
		float: none; 
		max-width: 100%; 
	} 	
	#tooltip{
		display: none !important; 
		opacity: 0 !important; 
	} 
} 
#mobile_nav_wrap{ 
	position: absolute; 
	width: 100%; 
	height: 100%; 
	z-index: 100; 
	background: rgba(255, 255, 255, .8); 
	top: 0; 
	left: 0; 
} 
#mobile_nav{ 
	list-style: none; 
	width: 100%; 
	margin: 0em auto; 
	text-align: center; 
	font-family: Raleway, NotoThin, sans-serif; 
	position: relative; 
	width: 100%; 
	height: 100%; 
	top: 50%; 
	margin-top: -5%; 
} 
#mobile_nav li:after { 
	content: ''; 
	position: absolute;
    background: rgba(0, 0, 0, .3);
    width: 50%;
    height: 3px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
} 
#mobile_nav li.first:after{ 
    left: 12px;
} 
#mobile_nav li:nth-child(2):after{ 
	transform: rotate(-37deg);
    -ms-transform: rotate(-37deg);
    -webkit-transform: rotate(-37deg);
    left: -38px;
} 
#mobile_nav li:nth-child(3):after{     
	transform: rotate(37deg);
    -ms-transform: rotate(37deg);
    -webkit-transform: rotate(37deg);
    right: -38px;
} 
#mobile_nav li:nth-child(4):after{       
	transform: rotate(107deg);
    -ms-transform: rotate(107deg);
    -webkit-transform: rotate(107deg);
    right: -60px;
} 
#mobile_nav li:nth-child(5):after{       
	transform: rotate(-107deg);
    -ms-transform: rotate(-107deg);
    -webkit-transform: rotate(-107deg);
    right: 60px;
} 
#main_nav{ 
	list-style: none; 
	width: 100%; 
	margin: 0em auto; 
	text-align: center; 
	padding: 0em; 
	font-family: Raleway, NotoThin, sans-serif; 
} 
#main_nav li, #mobile_nav li{ 
	/* display: inline-block; 
	font-size: 1.5em; */
}