/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126 | License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
@import url('https://fonts.googleapis.com/css?family=New+Rocker&display=swap');
@font-face {
  font-family: 'entypo';
  src: url('/css/entypo.eot?27440382');
  src: url('/css/entypo.eot?27440382#iefix') format('embedded-opentype'),
	   url('/css/entypo.woff?27440382') format('woff'),
	   url('/css/entypo.ttf?27440382') format('truetype'),
       url('/css/entypo.svg?27440382#entypo') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'entypo-social';
  src: url('/css/entypo-social.eot?48414233');
  src: url('/css/entypo-social.eot?48414233#iefix') format('embedded-opentype'),
	   url('/css/entypo-social.woff?48414233') format('woff'),
	   url('/css/entypo-social.ttf?48414233') format('truetype'),
       url('/css/entypo-social.svg?48414233#entypo-social') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: "Bitstream Vera Serif Bold";
    src: url("/css/Berkahi_Blackletter.ttf" ) ;
 }

/* overlay share markup needed for new overlay */
.overlay_share_links {width: 10em; float: left; display: block; vertical-align: top; padding-top: 2em; margin-right: 20px;}
.overlay_share_links span {display: block; padding: 5px 10px 5px 0px; margin-bottom: 10px; text-align: left; color: #fff; background: #ccc; cursor: pointer;}
.overlay_share_links span:hover, .overlay_share_links span:hover .share_label {background: #666;}
.overlay_share_links .icon {float: left; text-align: center; display: block; width: 2em; font-family: 'entypo-social'; font-size: 15px; font-weight: 400; }
.overlay_share_links .share_label {display: inline; }
#share_form {display: block; float: left; padding-left: 20px; border-left: 1px solid #ddd;}

/* jscrollpane */
.jspContainer {overflow: hidden; position: relative;}
.jspPane {position: absolute; width: 100%;}
.jspVerticalBar {position: absolute; top: 0; right: 0; width: 14px; height: 100%;}
.jspHorizontalBar {position: absolute; bottom: 0; left: 0; width: 100%; height: 14px;}
.jspVerticalBar *,
.jspHorizontalBar * {margin: 0; padding: 0;}
.jspCap {display: none;}
.jspHorizontalBar .jspCap {float: left;}
.jspTrack {position: relative;}
.jspDrag {position: relative; top: 0; left: 0; cursor: pointer; border: 1px solid #fff;}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {float: left; height: 100%;}
.jspArrow {background: #50506d; text-indent: -20000px; display: block; cursor: pointer;}
.jspArrow.jspDisabled {cursor: default; background: #80808d;}
.jspVerticalBar .jspArrow {height: 14px;}
.jspHorizontalBar .jspArrow {width: 14px; float: left; height: 100%;}
.jspVerticalBar .jspArrow:focus {outline: none;}
.jspCorner {background: #eeeef4; float: left; height: 100%;}

/* site by LKBKS logo */
#lkbks_logo {position: fixed; bottom: 1px; right: 7px; width: 93px; height: 16px; z-index: 9999; }
#lkbks_logo a {display: block; }
#lkbks_logo a img {display: none;}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {margin: 0 -3px 0 0;}
a,a:hover,a:active,a:focus,object,embed,input::-moz-focus-inner,textarea::-moz-focus-inner,select::-moz-focus-inner {outline: 0 !important;}

* {margin: 0; padding: 0; border: 0px; -webkit-text-size-adjust: 100%;}
html, body, #wrapper {width: 100%; height: 100%; overflow: hidden;}

/* remove gray highlight color in mobile safari */
html {tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: rgba(0,0,0,0);}

input[type="text"], input[type="email"], input[type="password"], textarea {border: 1px solid #ccc; padding: 2px 4px; background-color: #fff;
	-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
	box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
}
input[type="button"], input[type="submit"], input[type="cancel"], button {border: 1px solid #ccc; padding: 2px 4px;  background: #eee;}

.overlay.share .overlay_content textarea {vertical-align: top;}

img.portrait {width: 100% !important; height: auto !important; }
img.landscape {height: 100% !important; width: auto !important; }
img.portrait-fit {height: 100%; width: auto !important; }
img.landscape-fit {width: 100%; height: auto !important; }

body.ios5 .isotope {overflow: visible !important; }

html.touch #stwrapper {display: none; }

.fb_iframe_widget span, .fb_iframe_widget iframe {width: 100% !important;}

#splash footer h3
{
    margin-bottom: 10px;
}

@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 1136px) {

}
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 640px) {
	/* overlays */
	#share_overlay .overlay_outer {margin: 0 0 0 -210px; top: 0px;}
	#share_overlay {overflow: auto; -webkit-overflow-scrolling: touch;}
	.overlay_share_links {margin: 0px;}
	.overlay_share_links, #share_form {float: none !important; padding: 0px !important;}
	.overlay_share_links {width: auto !important; margin: 0px; text-align: center;}
	.overlay_share_links .share_label {display: none !important;}
	.overlay_share_links .st_link {width: auto !important; display: inline-block !important; margin-right: 10px; padding: 5px 3px;}
	#share_form {margin: 0px; padding: 0px; border: 0px !important;}
}
@media screen and (max-width: 480px) {
}
@media screen and (max-width: 320px) {
	/* overlays */
	#share_overlay .overlay_outer {margin: 0; top: 0px; left: 0px; right: 0px;}
	#share_overlay {overflow: auto; -webkit-overflow-scrolling: touch;}
	.overlay_share_links, #share_form {float: none !important; padding: 0px !important;}
	.overlay_share_links {width: auto !important; margin: 0px; text-align: center;}
	.overlay_share_links .share_label {display: none !important;}
	.overlay_share_links .st_link {width: auto !important; display: inline-block !important; margin-right: 10px; padding: 5px 3px;}
	.overlay .f_medium input[type="text"], .overlay .f_medium input[type="email"] {width: 9.5em;}
	.overlay textarea {width: 21em !important;}
}

/*! normalize.css v1.0.1 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /* * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3. */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* * Prevents modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /* * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3, * and Safari 4. * Known issue: no IE 6 support. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /* * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. * 2. Prevents iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /* * Addresses `font-family` inconsistency between `textarea` and other form * elements. */ html, button, input, select, textarea { font-family: sans-serif; } /* * Addresses margins handled incorrectly in IE 6/7. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /* * Addresses `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /* * Improves readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /* * Addresses font sizes and margins set differently in IE 6/7. * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5, * and Chrome. */ 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: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.75em; margin: 2.33em 0; } /* * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /* * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */ b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } /* * Addresses styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /* * Addresses styling not present in IE 6/7/8/9. */ mark { background: #ff0; color: #000; } /* * Addresses margins set differently in IE 6/7. */ p, pre { margin: 1em 0; } /* * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /* * Improves readability of pre-formatted text in all browsers. */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* * Addresses CSS quotes not supported in IE 6/7. */ q { quotes: none; } /* * Addresses `quotes` property not supported in Safari 4. */ q:before, q:after { content: ''; content: none; } /* * Addresses inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /* * Prevents `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Lists ========================================================================== */ /* * Addresses margins set differently in IE 6/7. */ dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } /* * Addresses paddings set differently in IE 6/7. */ menu, ol, ul { padding: 0 0 0 40px; } /* * Corrects list images handled incorrectly in IE 7. */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ========================================================================== Embedded content ========================================================================== */ /* * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3. * 2. Improves image quality when scaled in IE 7. */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /* * Corrects overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /* * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /* * Corrects margin displayed oddly in IE 6/7. */ form { margin: 0; } /* * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* * 1. Corrects color not being inherited in IE 6/7/8/9. * 2. Corrects text not wrapping in Firefox 3. * 3. Corrects alignment displayed oddly in IE 6/7. */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /* * 1. Corrects font size not being inherited in all browsers. * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5, * and Chrome. * 3. Improves appearance and consistency in all browsers. */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /* * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /* * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Corrects inability to style clickable `input` types in iOS. * 3. Improves usability and consistency of cursor style between image-type * `input` and others. * 4. Removes inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ } /* * Re-set default cursor for disabled elements. */ button[disabled], input[disabled] { cursor: default; } /* * 1. Addresses box sizing set to content-box in IE 8/9. * 2. Removes excess padding in IE 8/9. * 3. Removes excess padding in IE 7. * Known issue: excess padding remains in IE 6. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /* * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /* * Removes inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* * Removes inner padding and border in Firefox 3+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Removes default vertical scrollbar in IE 6/7/8/9. * 2. Improves readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /* * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } 

/* general markup */
* {box-sizing: border-box;}
html {overflow: visible; height: 100%; width: 100%;}
body {overflow-y: auto; height: 100%; width: 100%; padding: 0px; margin: 0px; font-family: 'New Rocker', cursive;; font-weight: normal; font-size: 0.75em; line-height: 1.4em; color: #000; text-align: center; background: #fff;}
body.noscroll {overflow: hidden;}

a {color: #000; text-decoration: none;}
a:hover {color: #bbb;}
a:focus {outline: 0 none;}
h1, h2, h3, h4 {font-weight: normal; text-transform: uppercase;}
h3 {margin: 0px; padding: 0px; font-size: 13px; line-height: 1.3em;}
p {margin: 0 0 1em 0;}
ul {padding: 0; margin: 0;}
img {display: inline-block; vertical-align: top;}
 
/* scrollbars */
::-webkit-scrollbar {background: #fff; height: 10px; width: 10px;}
::-webkit-scrollbar-thumb {background: #000;}

#wrapper {width: 100%; height: 100%; overflow: visible; padding: 0px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1;
    -moz-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-cotent: center;
    justify-content: center;
    -webkit-align-content: center;
    -moz-align-content: center;
    align-content: center;
}

#splash {opacity: 0; padding: 1em 0; max-width: 2000px; margin: 0 auto; overflow: visible;}
#splash .photo img {width: 50%; margin: 2em auto;}
#splash .header {text-transform: uppercase; font-size: 0.8em; line-height: 2.4em;}
#splash .header p {margin: 0px; padding: 0px; letter-spacing: 0.1em; margin-bottom: -0.5em;}
#splash .header button.email {font-family: 'New Rocker', cursive; font-size: 1.7em; font-style: italic; text-transform: none; line-height: 1em;}
#splash .photo {display: inline; position: relative; width: auto;}
#splash .photo header {position: absolute; z-index: 1; left: 100%; margin-top: 50%; font-size: 6em; margin-left: -1em; text-align: left;}
#splash .photo header h1 {line-height: 0.8em; margin: 0px; letter-spacing: 0.06em;}
#splash .photo header h1 span {letter-spacing: 0;}
#splash .photo header a {font-size: 0.4em; font-style: italic; line-height: inherit;}
footer {margin-top: 25px}
footer .socials ul {list-style: none; margin: 0;
    padding: 0;
    overflow: hidden;}
footer .socials a {font-size: 16px; margin-right: 10px;}
footer .socials a:last-child {font-size: 16px; margin-right:0px;}
.mobile {display: none;}
.hidden {display: none;}

 
/* media queries */
@media screen and (max-width: 2000px) {
    #splash .footer {font-size: 1.2vw; line-height: 1.6em;}
}
@media screen and (max-height: 1400px) {
    #splash .photo img {max-height: 900px; width: auto;}
    #splash .photo img.logo { max-width: 275px; margin: 0 0 25px}
    #splash .photo header {font-size: 5em;}
}
@media screen and (max-height: 1200px) {
    #splash .photo img {max-height: 700px; width: auto;}
    #splash .photo header {font-size: 4em;}
}
@media screen and (max-height: 900px) {
    #splash .photo img {max-height: 500px; width: auto;}
    #splash .photo img.logo { max-width: 175px; margin: 0 0 25px}
    #splash .photo header {font-size: 3em;}
}
@media screen and (max-width: 1300px) {
    #splash .photo img {max-height: 700px; width: auto;}
    #splash .photo header {font-size: 4em;}
}
@media screen and (max-width: 1100px) {
    #splash .photo img {max-height: 600px; width: auto;}
    #splash .photo img.logo { max-width: 200px; margin: 0 0 25px}
    #splash .photo header {font-size: 3em;}
}
@media screen and (max-width: 900px) {
    #splash .photo img {max-height: 500px; width: auto;}
    #splash .photo img.logo { max-width: 200px; margin: 0 0 25px}
    #splash .photo header {font-size: 2em;}
}
@media screen and (max-width: 767px) {
    #wrapper {display: block !important;}
    #splash .photo img {max-height: 400px; width: auto;}
    #splash .photo header {font-size: 1.5em;}
}
@media screen and (max-width: 500px) {
    #splash .photo img {max-height: none; height: auto; width: 60%;}
    #splash .photo header {padding-top: 1.3em; font-size: 2em; position: relative; margin: 0px; left: auto; text-align: center;}
}
@media screen and (max-height: 700px) and (max-width: 1280px) {
    #splash .photo img {max-height: 480px; width: auto;}
    #splash .photo header {font-size: 3em;}
}
@media screen and (max-height: 600px) {
    #splash .photo img.logo { max-width: 100px; margin: 0 0 25px}
    #wrapper {display: block;}
}
@media screen and (max-width: 720px) {
    .mobile {display: inline;}
    .desktop {display: none;}
}