/* *****************************************************************
 * 2004 - 2026 copyright e2see.de anormalCss
 *
 *  colors      | rgb        | hex     |
 * -------------+------------+---------+
 *  e2-orange   | 239,116,86 | ef7456  |
 * -------------+------------+---------+
 *  orange      | 232,105,56 |         |
 * -------------+------------+---------+
 *  turquoise   | 0,91,118   |         |
 * -------------+------------+---------+
 *  bgTurquoise | 0,38,49    |         |
 * -------------+------------+---------+
 *
 ***************************************************************** */

:root { --rgb-accent: 239,116,86; --rgb-accent-focus: 207,86,63; --rgb-accent-sec: 0,91,118; --rgb-success: 66,176,154; --rgb-info: 255,159,72; --rgb-error: 226,81,95; --rgb-bg-basic: 0,52,68; --rgb-bg-matt: 0,38,49; --rgb-bg-vibrant: 0,185,254; --rgb-bg-text: 63,111,125; --rgb-text: 170,170,170; --rgb-strong: 219,227,227; --rgb-weak: 136,136,136; --rgb-link: 3,118,152; --rgb-light: 255,255,255; }
.white { --rgb-link: var(--rgb-accent-sec); --rgb-text: 34,34,34; --rgb-strong: 0,0,0; --rgb-weak: 68,68,68; }
.grey { --rgb-link: 82,171,197; --rgb-text: 221,221,221; }
@font-face { font-family: 'e2headline'; font-weight: normal; font-style: normal; font-display: swap; src: url('font/SourceSansPro-ExtraLight.woff2') format('woff2'); text-rendering: optimizelegibility; }
@font-face { font-family: 'e2scriptina'; font-weight: normal; font-style: normal; font-display: swap; src: url('font/CallieHand.woff2') format('woff2'); text-rendering: optimizelegibility; }
@font-face { font-family: 'e2regular'; font-weight: normal; font-style: normal; font-display: swap; src: url('font/Roboto-Regular.woff2') format('woff2'); text-rendering: optimizelegibility; }
@font-face { font-family: 'e2light'; font-weight: normal; font-style: normal; font-display: swap; src: url('font/Roboto-Light.woff2') format('woff2'); text-rendering: optimizelegibility; }
body, th, td, select, input, textarea { font-family: e2light, arial; font-size: 14px; line-height: 136%; }
@-ms-keyframes ani-opacitypulse {
      0%, 100% {opacity: 1;}
      50% {opacity: .4;}
}
@-moz-keyframes ani-opacitypulse {
      0%, 100% {opacity: 1;}
      50% {opacity: .4;}
}
@-webkit-keyframes ani-opacitypulse {
      0%, 100% {opacity: 1;}
      50% {opacity: .4;}
}
@keyframes ani-opacitypulse {
      0%, 100% {opacity: 1;}
      50% {opacity: .4;}
}
@-ms-keyframes ani-delayflip {
      0% {-ms-transform: rotateX( 0deg );}
      15% {-ms-transform: rotateX( -360deg );}
      100% {-ms-transform: rotateX( -360deg );}
}
@-moz-keyframes ani-delayflip {
      0% {-moz-transform: rotateX( 0deg );}
      15% {-moz-transform: rotateX( -360deg );}
      100% {-moz-transform: rotateX( -360deg );}
}
@-webkit-keyframes ani-delayflip {
      0% {-webkit-transform: rotateX( 0deg );}
      15% {-webkit-transform: rotateX( -360deg );}
      100% {-webkit-transform: rotateX( -360deg );}
}
@keyframes ani-delayflip {
      0% {transform: rotateX( 0deg );}
      15% {transform: rotateX( -360deg );}
      100% {transform: rotateX( -360deg );}
}
@-ms-keyframes ani-flip {
      0% {-ms-transform: rotateX( 0deg );}
      100% {-ms-transform: rotateX( -360deg );}
}
@-moz-keyframes ani-flip {
      0% {-moz-transform: rotateX( 0deg );}
      100% {-moz-transform: rotateX( -360deg );}
}
@-webkit-keyframes ani-flip {
      0% {-webkit-transform: rotateX( 0deg );}
      100% {-webkit-transform: rotateX( -360deg );}
}
@keyframes ani-flip {
      0% {transform: rotateX( 0deg );}
      100% {transform: rotateX( -360deg );}
}
* { margin: 0; padding: 0; border: 0; outline: 0; -ms-text-size-adjust: none; -moz-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; }
*, *:hover, *:active { -ms-tap-highlight-color: transparent; -moz-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; }
html,body { height: 100%; }
body { background: rgb(var(--rgb-bg-basic)); color: rgb(var(--rgb-text)); overflow-y: scroll; }
body.animation-off * { transition: none !important; }
.small, small { font-size: 82%; line-height: 136%; }
.big, big { font-size: 122%; line-height: 136%; }
.e2 { background-color: rgb(var(--rgb-accent)); background-repeat: no-repeat; background-image: url('../_img/emblem.png'); background-position: center center; background-size: 78% auto; display: block; }
input.reqi { position: fixed; left: 0; top: -100px; pointer-events: none; opacity: .01; }
.color0 {color: rgb(var(--rgb-strong));}
.color1 {color: rgb(var(--rgb-accent-sec));}
.color2 {color: rgba(var(--rgb-text), .3);}
.color3 {color: rgb(var(--rgb-weak));}
.color4 {color: rgb(var(--rgb-accent));}
.none {display: none;}
.block {display: block;}
.clear {clear: both;}
.float {float: left;}
.floatr{float: right;}
.left  {text-align: left;}
.right {text-align: right;}
.wwrap {word-wrap:break-word;}
.bbox  {box-sizing: border-box;}
.auto-text-length { display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%; }
.color-success {color: rgb(var(--rgb-success));}
.color-error   {color: rgb(var(--rgb-error));}
.color-info    {color: rgb(var(--rgb-info));}
ul#control_message > li.success_message, ul#page_message    > li.success_message { background-color: rgb(var(--rgb-success)); }
ul#control_message > li.error_message, ul#page_message    > li.error_message { background-color: rgb(var(--rgb-error)); }
ul#control_message > li.info_message, ul#page_message    > li.info_message { background-color: rgb(var(--rgb-info)); }
select.status-color[data-status="success"] { border-color: rgb(var(--rgb-success)); box-shadow: 0px 1px 6px rgba(var(--rgb-success), 1) inset; }
select.status-color[data-status="error"] { border-color: rgb(var(--rgb-error)); box-shadow: 0px 1px 5px rgba(var(--rgb-error), .7) inset; }
select.status-color[data-status="info"] { border-color: rgb(var(--rgb-info)); box-shadow: 0px 1px 6px rgba(var(--rgb-info), 1) inset; }
input:not([type="radio"]):not([type="checkbox"]).success, textarea.success, select.success { border-color: rgb(var(--rgb-success)) !important; box-shadow: 0px 1px 5px rgba(var(--rgb-success), .7) inset  !important; }
input:not([type="radio"]):not([type="checkbox"]).error, textarea.error, select.error { border-color: rgb(var(--rgb-error)) !important; box-shadow: 0px 1px 5px rgba(var(--rgb-error), .7) inset  !important; }
input:not([type="radio"]):not([type="checkbox"]).info, textarea.info, select.info { border-color: rgb(var(--rgb-info)) !important; box-shadow: 0px 1px 5px rgba(var(--rgb-info), .7) inset  !important; }
ul.list > li::before, [data-ic]::before { font-family: 'e2icon'; speak: none; padding-right: 4px; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; text-decoration: none !important; }
ul.list > li:empty::before, [data-ic]:empty::before, ul.list > li.ic::before, .ic[data-ic]::before { padding: 0px; }
input::-moz-focus-inner, button::-moz-focus-inner { margin: 0; padding: 0; border: 0; }
:-webkit-autofill { -webkit-transition-delay: 99999s !important; }
body[data-touch="off"]::-webkit-scrollbar, body[data-touch="off"] ::-webkit-scrollbar { width: 8px; height: 8px; }
body[data-touch="off"]::-webkit-scrollbar-track, body[data-touch="off"] ::-webkit-scrollbar-track { background: rgba(0,0,0,.2); box-shadow: 0px 0px 3px rgba(0,0,0,.4) inset; border-radius:4px; }
body[data-touch="off"]::-webkit-scrollbar-thumb, body[data-touch="off"] ::-webkit-scrollbar-thumb { border-radius:4px; background: rgba(255,255,255,.4); }
body[data-touch="off"] { scrollbar-base-color: #3e5b63; scrollbar-face-color: #3e5b63; scrollbar-3dlight-color: #3e5b63; scrollbar-highlight-color: #3e5b63; scrollbar-track-color: #1b2c32; scrollbar-arrow-color: #3e5b63; scrollbar-shadow-color: #3e5b63; scrollbar-dark-shadow-color: #3e5b63; }
.form-elem-thb { position: relative; display: static; }
.form-elem-thb img { display: none; position: absolute; left: 4px; top: -2px; width: 26px; height: 26px; border-radius: 2px; pointer-events: none; }
.form-elem-thb.form-elem-thb-exists img { display: block; }
.form-elem-thb.form-elem-thb-exists select, .form-elem-thb.form-elem-thb-exists input { padding-left: 32px; }
body[data-js="on"] .radio, body[data-js="on"] .checkbox { border-radius: 2px; height: 16px; width: 44px; display: inline-block; vertical-align: middle; position: relative; transition: all 300ms; text-align: right; cursor: pointer; }
body[data-js="on"] .radio input, body[data-js="on"] .checkbox input{ opacity: 0 !important; display: block !important; width: 100% !important; height: 100% !important; height: 100% !important; }
body[data-js="on"] .radio::before, body[data-js="on"] .checkbox::before { content: ''; display: block; position: absolute; left: 0; top: 50%; margin-top:-2px; height: 4px; width: 100%; pointer-events: none; border-radius: 8px; background: rgba(170,170,170,.5); box-shadow: 0px 1px 2px rgba(0,0,0, .3) inset; }
body[data-js="on"] .radio.checked::before, body[data-js="on"] .checkbox.checked::before { background: rgb(var(--rgb-accent)); }
body[data-js="on"] .radio::after , body[data-js="on"] .checkbox::after { position: absolute; left: 2px; top: -2px; display: block; width: 20px; height: 20px; background: #fff; content: ''; font-size:10px; line-height: 20px; white-space: nowrap; font-family: arial; text-shadow: none; color: #888; text-align: center; pointer-events: none; border-radius: 50%; box-shadow: 0px 1px 3px rgba(0,0,0, .4); transition: all 200ms; }
body[data-js="on"] .radio.checked::after , body[data-js="on"] .checkbox.checked::after { left: 22px; }
body[data-js="on"] .radio[data-checked-text][data-unchecked-text]::after , body[data-js="on"] .checkbox[data-checked-text][data-unchecked-text]::after { width: 28px; border-radius: 8px; content: attr(data-unchecked-text); }
body[data-js="on"] .radio.checked[data-checked-text][data-unchecked-text]::after , body[data-js="on"] .checkbox.checked[data-checked-text][data-unchecked-text]::after { left: 14px; content: attr(data-checked-text); }
table.portrait-table { table-layout: auto; }
table.portrait-table > * > tr > *:first-child { width: 36%; }
@media (max-width: 400px) { table.portrait-table , table.portrait-table > * , table.portrait-table > * > tr , table.portrait-table > * > tr > * { display: block; padding: 0; margin: 0; width: auto !important; border-spacing: 0px; }
table.portrait-table > colgroup { display: none !important; }
table.portrait-table > * > tr { margin-bottom: 12px; }
}
table.landscape-table[data-landscape-table-id] { width: 100%; table-layout: auto; border-collapse: separate; border-spacing: 1px; margin: 0 0 24px; }
table.landscape-table[data-landscape-table-id] > * > tr > * { border: 0; margin: 0; }
table.landscape-table[data-landscape-table-id] > * > tr > *::before { display: none; }
@media (max-width: 600px) { table.landscape-table[data-landscape-table-id] , table.landscape-table[data-landscape-table-id] > * , table.landscape-table[data-landscape-table-id] > * > tr , table.landscape-table[data-landscape-table-id] > * > tr > * { display: block; padding: 0; margin: 0; width: auto !important; border-spacing: 0px; }
table.landscape-table[data-landscape-table-id] > colgroup { display: none !important; }
table.landscape-table[data-landscape-table-id] > * > tr:first-child { display: none !important; }
table.landscape-table[data-landscape-table-id] > * > tr { margin-bottom: 16px; }
table.landscape-table[data-landscape-table-id] > * > tr > * { padding-left: 35%; overflow: auto; float: none; }
table.landscape-table[data-landscape-table-id] > * > tr > *::before { display: block; font-size: 80%; line-height: 120%; float: left; width: 52%; margin-left: -54%; padding: 2px; box-sizing: border-box; }
table.landscape-table > * , table.landscape-table > * > tr , table.landscape-table > * > tr > * { float: left \9; clear: left \9; width: 100% \9 !important; box-sizing: border-box \9; }
}
body[data-js="on"] ul.tab > li > header { cursor: pointer; }
body[data-js="on"] ul.tab > li > div { display: none; }
body[data-js="on"] ul.tab > li.active > div { display: block; }
.tell[data-tell-preview] > span { background: none rgba(0,0,0,.1) center center / cover; width: 80px !important; height: 28px !important; display: inline-block; margin: 1px; border-radius: 2px; vertical-align: middle; position: relative; overflow: hidden; box-sizing: border-box; padding: 2px 4px; font-size: 10px; line-height: 110%; }
body[data-fx="on"] .tell[data-tell-preview] > span { transition: all 300ms; }
.tell[data-tell-preview] > span[data-tell-type*="image"] { width: 28px !important; height: 28px !important; }
.tell[data-tell-preview] > span[data-tell-type*="image"]:hover { transform: scale(2); z-index: 1; }
::-webkit-input-placeholder { color:  rgba(110,110,110, .5); }
::-moz-placeholder { color:  rgba(110,110,110, .5); }
:-ms-input-placeholder { color:  rgba(110,110,110, .5); }
input:not([type="file"]):invalid:not(:focus), select:invalid:not(:focus), textarea:invalid:not(:focus) { color: rgb(var(--rgb-error)) !important; }
::selection { background: rgba(255,255,255, .1); }
label {display: inline-block;}
.btn, select, input:not([type="radio"]):not([type="checkbox"]), textarea { width: 250px; max-width: 100%; padding: 5px 0px 5px 6px; margin: 0px 1px 1px 0px; background-color: rgba(5,22,30, .9); color: #fff; border: 1px solid rgba(0,0,0, .2); border-radius: 3px; line-height: 18px; line-height: 130%; resize: none; box-sizing: border-box; -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; vertical-align: middle; background-clip: border-box; background-image: linear-gradient( to right, rgba(0,0,0, .3) 0%, rgba(0,0,0, .3) 50%, transparent 50%, transparent 100%); background-size: 200% auto; background-position: 100.5% top; background-repeat: no-repeat; outline: 0; }
input[type="range"]{ -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; background: rgba(0,0,0,.0) !important; border: 0 !important; padding: 0 !important; }
input[type="range"]::-webkit-slider-thumb { -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; width: 24px; height: 24px; border-radius: 50%; border: 0; background: #ffffff; box-shadow: 0px 1px 3px rgba(0,0,0, .4); margin-top: -12px; }
input[type="range"]::-moz-range-thumb { width: 24px; height: 24px; border-radius: 50%; border: 0; background: #ffffff; box-shadow: 0px 1px 3px rgba(0,0,0, .4); }
input[type="range"]::-webkit-slider-runnable-track { -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; width: 100%; height: 4px; border-radius: 8px; background: rgba(170,170,170,.5); box-shadow: 0px 1px 2px rgba(0,0,0, .3) inset; }
input[type="range"]::-moz-range-track { width: 100%; height: 4px; border-radius: 8px; background: rgba(170,170,170,.5); box-shadow: 0px 1px 2px rgba(0,0,0, .3) inset; }
input[type="image"].focus { width: auto !important; height: auto !important; max-width: none !important; padding: 0 !important; border: 0 !important; display: block !important; cursor: crosshair; }
select.small, input:not([type="radio"]):not([type="checkbox"]).small, textarea.small { padding: 2px 0px 2px 6px; }
.white select, .white input:not([type="radio"]):not([type="checkbox"]), .white textarea { background-color: rgba(255,255,255, 1); background-image: linear-gradient( to right, rgb(245,245,245) 0%, rgb(245,245,245) 50%, transparent 50%, transparent 100%); border: 1px solid rgba(0,0,0, .1); color: #222; box-shadow: none; }
.black select, .black input:not([type="radio"]):not([type="checkbox"]), .black textarea { background-color: #01232c; color: #fff; box-shadow: none; }
.grey select, .grey input:not([type="radio"]):not([type="checkbox"]), .grey textarea { background-color: rgba(20,20,20, .7); color: #fff; box-shadow: none; }
option { background: #e1e1e1; color: #000; padding: 0px 5px; }
option:nth-child(odd) { background: #eeeeee; }
textarea { width: 100%; min-height: 100px; resize: vertical; }
input[type="checkbox"], input[type="radio"] { width: auto !important; border: 0; border-radius: 0; vertical-align: middle; }
section.mide table.form-table select, section.mide table.form-table input:not([type="radio"]):not([type="checkbox"]), section.mide table.form-table textarea { width: 100%; }
table.form-table input[type="submit"] { margin-top: 16px; }
@media (max-width: 719px) { table.form-table select, table.form-table input:not([type="radio"]):not([type="checkbox"]), table.form-table textarea { width: 100%; }
}
*[readonly="readonly"] { opacity: .5; cursor: not-allowed; }
.btn:focus, select:focus, input:not([type="radio"]):not([type="checkbox"]):focus, textarea:focus { background-position: 0% top; border-color: rgba(var(--rgb-bg-matt), 1); outline: 0 !important; }
.white .btn:focus, .white select:focus, .white input:not([type="radio"]):not([type="checkbox"]):focus, .white textarea:focus{ border-color: rgb(200,200,200); }
body[data-js="on"] .black .radio::after , body[data-js="on"] .black .checkbox::after { background: #444; color: #aaa; }
body[data-js="on"] .black .radio.checked::after , body[data-js="on"] .black .checkbox.checked::after { background: #555; color: #fff; }
.btn, input[type="submit"] { font-size: 93% !important; font-family: 'e2regular' !important; text-align: center; background-image: linear-gradient( to right, rgba(255,255,255,.1) 0%, rgba(255,255,255,.1) 50%, transparent 50%, transparent 100%) !important; background-color: rgb(var(--rgb-accent-sec)) !important; border: 1px solid rgba(255,255,255,.1) !important; border-radius: 3px !important; color: #FFFFFF !important; display: inline-block; padding: 8px 16px !important; text-shadow: 0px -1px 0px rgba(0,0,0, .2) !important; box-shadow: 0px 8px 8px -4px rgba(0,0,0, .5) !important; box-sizing:border-box; -webkit-appearance: none; cursor: pointer; width: auto !important; }
select.code, input.code:not([type="radio"]):not([type="checkbox"]), textarea.code { font-family: monospace; font-size: 11px; line-height: 13px; }
select.text, input.text:not([type="radio"]):not([type="checkbox"]), textarea.text { background: none transparent !important; padding:0; margin: 0; border: 0; font-weight: bold; display: inline; width: auto; vertical-align: baseline; }
select.text:focus, input.text:focus:not([type="radio"]):not([type="checkbox"]), textarea.text:focus { background: none transparent !important; color: rgb(var(--rgb-accent)); }
a { color: rgb(var(--rgb-link)); text-decoration: none; }
section.white a { color: rgb(var(--rgb-link)); text-shadow: 0px -1px 0px rgba(255,255,255, .4); }
section.grey a { color: rgb(var(--rgb-link)); text-shadow: 0px 1px 0px rgba(0,0,0, .4); }
#page-content img { max-width: 100%; }
p { margin: 0px 0px 16px;}
h2 { font-size: 32px; line-height: 100%; font-family: 'e2headline'; color: rgb(var(--rgb-accent)); font-weight: normal; margin-bottom: 12px; }
h2 small { display: block; font-size: 38%; letter-spacing: .02em; font-weight: bold; line-height: 120%; text-transform: uppercase; padding: 2px 0px 0px 2px; color: #ddd; }
section.grey h2 { color: #fff; }
section.white h2, section.white h2 small{ color: rgb(var(--rgb-accent)); }
section > form > *:last-child, section > *:last-child{ margin-bottom: 0 !important; }
.user-level{ display: inline-block; font-size: 60px; line-height: 100%; position: relative; background: #222; width: 60px; border-radius: 50%; text-align: center; overflow: hidden; background: rgba(89,36,43,.7); }
.user-level::before{ position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; font-size: 140%; font-family: 'e2icon'; content: "\f007"; color: rgba(236,141,152,.4); text-shadow: none; }
.user-level::after{ position: relative; font-weight: bold; text-shadow: 1px 1px 0px rgba(0,0,0, .8); color: rgba(236,141,152,1); font-family: arial; }
.user-level[data-level="1"]::after{ content: "1"; }
.user-level[data-level="2"]::after{ content: "2"; }
.user-level[data-level="3"]::after{ content: "3"; }
img.shadow { box-shadow: 0px 1px 2px rgba(0,0,0, .3); border-radius: 2px; }
img.float { margin: 2px 8px 8px 0px; }
img.floatr { margin: 2px 0px 8px 8px; }
div.teaser-box img, img.teaser-thb { width: auto; height: auto; max-width: 160px !important; max-height: 160px !important; box-shadow: 0px 1px 2px rgba(0,0,0, .3); border-radius: 2px; }
div.teaser-box { display: inline-block; position: relative; margin: 16px 20px 0 0; }
@media (max-width: 500px){ div.teaser-box  { margin: 26px 0 10px; width: 100%; }
}
div.teaser-box-main { display: inline-block; position: relative; min-width: 160px; min-height: 100px; line-height: 0; text-align: center; }
div.teaser-box[data-thumb="true"] div.teaser-box-main { min-width: 60px; min-height: 40px; }
div.teaser-box-main > a { position: absolute; display: block; width: 100%; height: 100%; line-height: 100px; box-sizing: border-box; }
div.teaser-box[data-thumb="true"] div.teaser-box-main > a { position: relative; line-height: 0; }
div.teaser-box-main > .teaser-box-text { width: 160px; display: block; line-height: 120% !important; overflow: hidden; box-sizing: border-box; padding: 20px 4px; background: #071b23; }
div.teaser-box-main > .teaser-box-text > [data-ic]{ display: block; font-size: 200%; line-height: 100%; margin: 0; padding: 0; }
div.teaser-box-main > img { display: inline-block; }
div.teaser-box-main > audio, div.teaser-box-main > video { min-height: 80px; width: 340px; max-width: 100%; display: block; background: #071b23; }
div.teaser-box[data-selected="true"] div.teaser-box-main > .teaser-box-text, div.teaser-box[data-selected="true"] div.teaser-box-main > a, div.teaser-box[data-selected="true"] div.teaser-box-main > video, div.teaser-box[data-selected="true"] div.teaser-box-main > audio { opacity: .3; }
div.teaser-box-input { position: absolute; right: -10px; top: -10px; height: 40px; display: block; width: 40px; border-radius: 50%; background: rgba(var(--rgb-accent), .7); }
div.teaser-box[data-empty="true"] div.teaser-box-input { right: 0; top: 0; height: 100%; width: 100%; box-sizing: border-box; background: rgba(var(--rgb-accent), .6); border-radius: 2px; line-height: 120%; }
body[data-js="off"] div.teaser-box-input  { overflow: hidden; }
div.teaser-box-input::before { position: relative; padding:0; line-height: 40px; font-size: 20px; color:#fff; z-index: 4; }
div.teaser-box[data-empty="true"] div.teaser-box-input::before { line-height: 100px; font-size: 40px; transition: opacity 200ms; }
div.teaser-box[data-selected="true"] div.teaser-box-input::before { opacity: 0; }
div.teaser-box[data-selected="true"] div.teaser-box-input:hover::before { opacity: 1; }
div.teaser-box-input input { opacity: 0; position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; padding: 0; margin: 0; z-index: 5; cursor: grabbing; }
body[data-js="off"] div.teaser-box-input input { opacity: 0.4; }
div.teaser-box .tell[data-tell-name] { position: absolute; left: 0; bottom: 0; display: none; width: 100%; font-size: 10px; text-align: center; color: #fff; opacity: .8; pointer-events: none; z-index: 4; }
div.teaser-box[data-empty="true"] .tell[data-tell-name] { display: block; }
div.teaser-box .tell[data-tell-preview] > *:hover, div.teaser-box .tell[data-tell-preview] > * { border-radius: 50% !important; position: absolute; left: 0; bottom: 0; display: block; margin: 0 !important; width: 100% !important; height: 100% !important; transform: none !important; z-index: 2; opacity: 1; color: #fff; font-size: 9px; font-weight: 300; word-wrap: break-word; }
div.teaser-box[data-empty="true"] .tell[data-tell-preview] > *:hover, div.teaser-box[data-empty="true"] .tell[data-tell-preview] > * { border-radius: 2px !important; opacity: .5; font-size: 20px; font-weight: bold; }
.line, .line1, .line2 { border-top: 1px solid rgba(0,0,0, 1); border-bottom: 1px solid rgba(255,255,255, .05); }
section.white .line, section.white .line1, section.white .line2 { border-top: 1px solid rgba(0,0,0, .15); border-bottom: 1px solid rgba(255,255,255, 1); }
.line1 {margin: 0 0 10px;}
.line2 {margin: 10px 0;}
.box { background: #fff; padding: 8px; border-radius: 2px; }
.harmony-height1 > * { min-height: 70px; }
.harmony-height2 > * { min-height: 110px; }
.harmony-height3 > * { min-height: 150px; }
.harmony-height4 > * { min-height: 180px; }
ul { margin: 0px 0px 20px 0px; list-style-type: none; }
li { padding: 3px 0px; }
ul.list > li { padding: 3px 0px; }
ul.list > li::before { content: "\f105"; }
ul.quadrate-list { list-style-type: none; margin: 0 0 16px; padding: 0 0 4px; text-shadow: none; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
ul.quadrate-list::after { content: ''; display: block; clear: both; }
ul.quadrate-list li { padding: 0; margin: 3px; width: calc(12.5% - 6px); position: relative; }
ul.quadrate-list li:hover { outline: 0 !important; transform: scale(1.1); z-index: 5; }
@media (max-width: 760px) { ul.quadrate-list li { width: calc(16.5% - 6px); }
}
@media (max-width: 680px) { ul.quadrate-list li { width: calc(20% - 6px); }
}
@media (min-width: 721px) { section.mide ul.quadrate-list li { width: calc(20% - 6px); }
}
@media (min-width: 660px) and (max-width: 720px){ section.mide ul.quadrate-list li { width: calc(16.5% - 6px); }
}
ul.quadrate-list li .additional { display: block; margin:0; background: rgba(20,20,20, .9); box-shadow: 0px 0px 2px rgba(255,255,255, .5); width: 26px; height: 26px; line-height: 26px; position: absolute; bottom: 4px; right: 4px; font-size: 14px; text-align: center; border-radius: 50%; text-shadow: 0px -1px 0px #000; }
section.white ul.quadrate-list li .additional { background: rgba(255,255,255, .9); box-shadow: 0px 0px 2px rgba(0,0,0, .5); text-shadow: none; }
ul.quadrate-list li a.additional { width: 34px; height: 34px; line-height: 34px; bottom: 0px; right: 0px; }
ul.quadrate-list li a.additional:hover { background: #000; color: #fff; }
ul.quadrate-list li .additional::before { padding: 0; }
ul.quadrate-list li .user-level { font-size: 24px; height: 24px; width: 24px; }
ul.quadrate-list li .user-level::after{ text-shadow: 1px 1px 0px rgba(0,0,0, .1); }
ul.quadrate-list li a { display: block !important; }
ul.quadrate-list li a img { width: 100%; height: auto; display: block; border-radius: 2px; box-sizing: border-box; background:#080808; margin: 0; padding: 0; box-shadow: 0px 2px 4px rgba(0,0,0, .2); }
section.white ul.quadrate-list li a img { background:#e8e8e8; }
ul.column { display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; margin: 0 0 16px; padding: 0; }
ul.column li { -ms-flex-grow: 0; -moz-flex-grow: 0; -webkit-flex-grow: 0; flex-grow: 0; width: 25%; box-sizing: border-box; margin: 2px 0px; padding:0px 2px; border: 0px solid transparent; }
body[data-touch="on"] ul.column li { margin: 4px 0px; }
@media (min-width: 721px){ section.side ul.column li {width: 100%;}
}
@media (min-width: 721px){ section.mide ul.column li {width: 50%;}
}
@media (max-width: 719px) { section.side ul.column li, section.mide ul.column li, ul.column li {width: 33.333%;}
}
@media (max-width: 499px) { section.side ul.column li, section.mide ul.column li, ul.column li {width: 50%;}
}
@media (max-width: 349px) { section.side ul.column li, section.mide ul.column li, ul.column li {width: 100%;}
}
ul.vicbutton-list { display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; margin: 0 0 16px; padding: 0; }
ul.vicbutton-list li { -ms-flex-grow: 1; -moz-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1; width: 25%; box-sizing: border-box; margin:0; padding:1px; }
ul.vicbutton-list li a { text-align: center; background: rgba(5,42,58,.8); padding: 12px 6px; font-size: 11px; line-height: 120%; text-shadow: none; box-shadow: 0px 1px 3px rgba(0,0,0,.3), 0px 0px 20px rgba(var(--rgb-accent-sec),.5) inset; border-radius: 2px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%; box-sizing: border-box; color: rgba(255,255,255,.5); transition: all 200ms; }
.white ul.vicbutton-list li a { box-shadow: 0px 0px 3px rgba(0,0,0,.1); background: rgba(255,255,255, .5); color: rgba(0,0,0,.5); }
ul.vicbutton-list li a:hover { background: rgba(var(--rgb-accent-sec), .7); }
.white ul.vicbutton-list li a:hover { background: rgba(255,255,255, 1); }
ul.vicbutton-list li a::before { display: block; font-size: 240%; padding:0; margin: 0 0 4px; color: #fff; }
.white ul.vicbutton-list li a::before { color: rgba(var(--rgb-accent), 1); }
@media (min-width: 720px) { ul.vicbutton-list li { width: 20%; }
}
@media (max-width: 481px) { ul.vicbutton-list li { width: 33.333%; }
}
@media (max-width: 300px) { ul.vicbutton-list li { width: 50%; }
}
ul.line-list { list-style-type: none; margin: 0 0 16px; padding: 0; }
ul.line-list li { padding: 16px 0px; overflow: auto; box-sizing: border-box; border-top: 1px solid rgba(255,255,255, .8); border-bottom: 1px solid rgba(0,0,0, .08); box-shadow: 0 24px 20px -20px rgba(0,0,0, .05); }
.black ul.line-list li { border-bottom-color: rgba(0,0,0, 1); border-top-color: rgba(255,255,255, .05); box-shadow: 0 24px 20px -20px rgba(0,0,0, .1); }
ul.line-list li:first-child { border-top: 0; }
ul.line-list li:last-child { border-bottom: 0; box-shadow: none; }
ul.smart-list { display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; margin: 0 -10px 16px; padding: 0; }
ul.smart-list::after { content: ''; display: block; clear: both; }
ul.smart-list li { -ms-flex-grow: 0; -moz-flex-grow: 0; -webkit-flex-grow: 0; flex-grow: 0; padding: 10px 10px 10px 50px; position: relative; box-sizing: border-box; border-top: 1px solid rgba(255,255,255, .8); border-bottom: 1px solid rgba(0,0,0, .08); background: rgba(0,0,0,.01); min-height:40px; width: 100%; }
ul.smart-list li:nth-child(odd) { background: rgba(255,255,255,.3); border-bottom-color: rgba(0,0,0, .12); }
.black ul.smart-list li { border-top-color:  rgba(255,255,255, .06); }
.black ul.smart-list li:nth-child(odd) { background: rgba(255,255,255,.01); border-bottom-color: rgba(0,0,0, 1); }
ul.smart-list li:first-child { border-top: 0; }
ul.smart-list li:last-child { border-bottom: 0; box-shadow: none; }
ul.smart-list li .img, ul.smart-list li img { position: absolute; left: 4px; top: 10px; width: 40px; height: 40px; border-radius: 3px; background: none no-repeat center center; background-size: contain; }
ul.smart-list li .img { background-color: #222; overflow: hidden; text-align: center; font-size: 12px; line-height: 40px; }
section.white ul.smart-list li .img { background-color: #fff; }
ul.smart-list li .img img { position: absolute; left: 0; top:0; right:0; bottom: 0; width: auto; height: auto; margin: auto; }
ul.smart-list li .corner-top { position: absolute; right: 10px; top: 10px; color: rgba(0,0,0,.6); font-size: 16px; text-transform: uppercase; text-align: right; }
ul.smart-list li .corner-bottom { position: absolute; right: 10px; bottom: 8px; color: rgba(0,0,0,.5); font-size: 11px; font-weight: bold; text-transform: uppercase; text-align: right; }
section.black ul.smart-list li .corner-top, section.black ul.smart-list li .corner-bottom { color: rgba(255,255,255,.3); }
ul.smart-list li .corner-top [data-ic]::before, ul.smart-list li .corner-bottom [data-ic]::before{ padding: 0; }
@media (min-width: 720px) { ul.smart-list li { width: 50%; }
ul.smart-list li:nth-child(4n+2), ul.smart-list li:nth-child(4n+1) { background: rgba(0,0,0,.01); border-bottom: 1px solid rgba(0,0,0, .08); }
ul.smart-list li:nth-child(4n+3), ul.smart-list li:nth-child(4n) { background: rgba(255,255,255,.2); border-bottom-color: rgba(0,0,0, .12); }
.black ul.smart-list li:nth-child(4n+2), .black ul.smart-list li:nth-child(4n+1) { background: rgba(0,0,0,.01); border-bottom: 1px solid rgba(0,0,0, .08); }
.black ul.smart-list li:nth-child(4n+3), .black ul.smart-list li:nth-child(4n) { background: rgba(255,255,255,.01); border-bottom-color: rgba(0,0,0, .12); }
ul.smart-list li:nth-child(2) { border-top: 0; }
}
@media (max-width: 260px) { ul.smart-list { margin-left: 0; margin-right: 0; }
}
ul.tab { margin: 0 0 16px; padding: 0px; }
ul.tab:first-child { margin-top: -10px; }
ul.tab > li > a.header, ul.tab > li > header { margin: 0 0px 0px; padding: 6px 0px; border-bottom: 1px solid rgb(var(--rgb-accent-sec)); box-shadow:  0px 4px 2px -3px rgba(0,0,0, .2); font-weight: normal; display: block; color: #fff; }
ul.tab > li > a.header::before, ul.tab > li > header::before { content: '\f13a'; font-family: e2icon; font-weight: normal; padding: 0px 6px 0px 2px; }
ul.tab > li.active > a.header::before, ul.tab > li.active > header::before { content: '\f111'; color: rgb(var(--rgb-accent)); text-shadow: 0px 0px 4px rgb(var(--rgb-accent)); }
ul.tab > li > a.header small, ul.tab > li > header small { float: right; }
ul.tab > li > div { margin: 0px 0px 6px; padding: 16px 16px 16px; background: rgba(5,27,37,.8); border-radius: 0px 0px 4px 4px; }
.focus-box { position: relative; margin: 0 auto 10px; }
.focus-box input[type="image"] { width: 100% !important; height: 100% !important; }
.focus-box div { pointer-events: none; position: absolute; width: 80px; height: 80px; border-radius: 50%; margin: -40px 0 0 -40px; background: rgba(0,0,0,.5); border: 1px solid rgba(var(--rgb-accent),.6); box-sizing: border-box; }
.focus-box div::after { display: block; content: ''; pointer-events: none; position: absolute; left: 50%; top: 50%; width: 6px; height: 6px; border-radius: 50%; margin: -3px 0 0 -3px; box-sizing: border-box; background: rgba(var(--rgb-accent),.2); }
.pagination { margin: 0px 0px 16px; }
.pagination a { font-size: 12px; width: 34px; margin: 1px; line-height: 32px; font-family: 'e2regular'; text-align: center; border-radius: 2px; display: inline-block; padding: 0px; text-shadow: 0px 1px 0px rgba(255,255,255, .2); box-sizing: border-box; background-color: #fff; color: #444; border-radius: 50%; position: relative; box-shadow: 0px 0px 4px rgba(0,0,0,.4) inset; }
.pagination ::before { display: inline; padding: 0px !important; font-size: 10px; }
.pagination a:hover { color: rgb(var(--rgb-accent-sec)); background: #eee; }
.pagination a.active, .pagination a.active:hover { background-color: rgb(var(--rgb-accent-sec)); color: #FFFFFF; text-shadow: 0px -1px 0px rgba(0,0,0, .4); }
.rbtn, .relem { color: #aaa; border-radius: 24px; border-radius: 50%; width: 44px; height: 44px; background: #fff; background-image: -ms-linear-gradient(#f1f1f1 0%, #fff 100%); background-image: -moz-linear-gradient(#f1f1f1 0%, #fff 100%); background-image: -webkit-linear-gradient(#f1f1f1 0%, #fff 100%); background-image: linear-gradient(#f1f1f1 0%, #fff 100%); border: 2px solid #fff; margin: 0px 1px; text-align: center; display: inline-block; font-size: 23px; line-height: 44px; box-shadow: 0px 4px 1px 0px rgba(0,0,0, .1); text-shadow: 0px 1px 0px #fff; }
.relem::before, .rbtn::before { padding: 0px !important; margin: 0px; display: inline; }
.rbtn:hover { background: #f1f1f1; color: #222; cursor: pointer; }
.tbtn, .telem { background: rgba(0,0,0, .3); padding: 0px 4px; margin: 0px; border-radius: 2px; font-weight: normal; }
.tbtn:hover { background: rgba(0,0,0, .6); cursor: pointer; }
.white .tbtn, .white .telem { background: #fff; }
.white .tbtn:hover { background: #ddd; color: #000; }
.lbtn, .lelem { background: rgba(var(--rgb-accent), 1); padding: 0px 6px; display: inline-block; margin: 0px 1px 0px 0px; border-radius: 2px; font-size: 12px; line-height: 160%; color: #fff; text-shadow: 0px -1px 0px rgba(0,0,0, .2); box-shadow: 0px 1px 1px rgba(0,0,0, .05); white-space: nowrap; text-transform: none; }
.lbtn:hover { background: rgb(var(--rgb-accent-focus)); color: #fff; cursor: pointer; }
.black .lbtn, .black .lelem, .grey .lbtn, .grey .lelem { background: rgba(255,255,255, .1); color: rgba(255,255,255, .8); }
.white .lbtn, .white .lelem{ background: rgba(255,255,255, 1); color: rgba(var(--rgb-accent-sec), 1); text-shadow: none; }
.white .lbtn:hover, .white .lelem:hover{ background: rgba(0,0,0, .05); }
table { table-layout:fixed; width: 100%; }
td, th { text-align: left; vertical-align: middle; }
table.form-table { margin: 6px 0px 20px; }
table.form-table > * > tr > th, table.form-table > * > tr > td { padding: 2px; vertical-align: top; }
table.form-table > * > tr > th::after, table.form-table > * > tr > td::after { content: ''; clear: both; display: block; }
table.form-table > * > tr > th { width: 36%; font-family: 'e2light'; font-weight: 300; font-size: 120%; padding-top: 6px; }
table.form-table > * > tr > th > small { display: block; font-size: 64%; color: rgba(255,255,255, .4); }
section.white table.form-table > * > tr > th > small, section.black table.form-table > * > tr > th > small { color: #444; }
table.form-table .column { column-count:2; }
@media (min-width: 480px) and (max-width: 600px) { table.form-table .column { column-count:1; }
}
@media  (max-width: 380px) { table.form-table .column { column-count:1; }
}
table.form-table input[type=file], table.form-table textarea { width: 100%; }
table.form-table input[type="submit"] { min-width: 120px; }
table.data-table { margin: 6px 0px 20px; }
table.data-table > * > tr > th, table.data-table > * > tr > td { padding: 2px 2px; vertical-align: top; }
table.data-table > * > tr > th { font-family: 'e2regular'; font-weight: normal; font-size: 12px; }
table.portrait-table { margin-left: -10px; margin-right: -10px; }
table.portrait-table > * > tr > th, table.portrait-table > * > tr > td { padding: 4px 10px; vertical-align: top; }
table.portrait-table > * > tr > th { font-family: 'e2regular'; font-weight: normal; font-size: 80%; background: rgba(0,0,0,.04); }
@media (max-width: 480px) { img.teaser-thb { max-width: 100px !important; max-height: 100px !important; }
ul.tab > li > div { padding: 12px; }
ul.quadrate-list li { width: calc(25% - 6px); }
ul.harmony-height1 li { min-height: 50px;}
ul.harmony-height2 li { min-height: 90px;}
ul.harmony-height3 li { min-height: 130px;}
table.portrait-table > * > tr > th { padding-bottom: 0px; }
table.form-table { margin: 0px 0px 16px; }
table.form-table > * > tr, table.form-table > * > tr > td, table.form-table > * > tr > th { display: block; margin: 0px; padding: 0px; width: auto; }
table.form-table > * > tr { margin: 0px 0px 12px; }
table.form-table > * > tr > th { padding-bottom: 4px; font-size: 80%; font-weight: bold; }
table.form-table > * > tr > th > small { float: right; font-size: 100%; font-weight: normal; }
table.form-table select, table.form-table input { width: 100%; }
table.form-table textarea { width: 100%; }
table.form-table input[type="submit"] { min-width: 100%; }
h2 { font-size: 26px; }
}
@media (max-width: 340px) { ul.tab > li > div { padding: 12px 10px; }
h2 { font-size: 26px; margin-bottom: 6px; }
}
@media (max-width: 280px) { ul.quadrate-list li { width: calc(33.33% - 6px); }
h2 { font-size: 20px; margin-bottom: 2px; }
}
@media (max-width: 200px) { h2 {word-wrap:break-word;}
ul.quadrate-list li { width: calc(50% - 6px); }
}
#layer { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(var(--rgb-bg-matt),.92); box-sizing: border-box; display: grid; font-family: Arial; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; z-index: 280; padding-top: var(--nav-height); }
body[data-layer="show"], body[data-layer="loading"] { overflow: hidden; }
body[data-layer="show"] #page, body[data-layer="loading"] #page { -ms-filter: blur(3px); -moz-filter: blur(3px); -webkit-filter: blur(3px); filter: blur(3px); }
body[data-layer="off"] #layer { top: 120%; background: rgba(var(--rgb-bg-matt),.001); }
#layer * { margin: 0; padding: 0; border: 0; }
#layer_main { overflow: hidden; position: relative; grid-column-start: 1; grid-column-end: 2; }
#layer_main::after { content:''; pointer-events: none; display: block; width: 100px; height: 100px; line-height: 100px; font-size: 50px; text-align: center; position: absolute; left: 0;top: 0;right: 0;bottom: 0; margin: auto; color: #fff; opacity: 0; background: url('../_img/loading.svg') center center transparent no-repeat; background-size: 50px auto; z-index: 11; }
#layer_content_close { display: block; width: 100%; height: 100%; position: absolute;left: 0; top: 0; z-index: 5; pointer-events: none; }
body[data-layer-zoom="in"] #layer_content_close { width: calc(100% - 16px); height: calc(100% - 16px); }
#layer_zoom-info { width: 240px; padding: 10px 14px; box-sizing: border-box; background: rgba(0,0,0,.9); color: #fff; margin-left: -120px; position: absolute;left: 50%; bottom: 10%; z-index: 11; font-size: 13px; text-align: center; border-radius: 8px; pointer-events: none; transition: all 1s; opacity: 1; }
#layer_content { display: grid; width: 100%; height: 100%; position: relative; padding: 10px; box-sizing: border-box; overflow: auto; }
body[data-layer-zoom="loading"] #layer_content, body[data-layer-zoom="in"] #layer_content { padding: 0px; }
body[data-layer="loading"] #layer_main::after { opacity: 1; }
#layer_content > * { max-height: 100%; max-width: 100%; height: auto; width: auto; box-sizing: border-box; -ms-flex-item-align: center; -moz-align-self: center; -webkit-align-self: center; align-self: center; justify-self: center; border-radius: 2px; box-shadow: 0px 0px 2px rgba(0,0,0, .3); transform-origin: center center; position: relative; z-index: 9; }
body[data-layer="loading"] #layer_content > * { opacity: 0.005; }
#layer_content > img { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMaAMa+N+MAAAAPSURBVAjXY/jPgB3hkAAAfr8P8eDDzn8AAAAASUVORK5CYII='); background-size: 20px auto; overflow: scroll; }
#layer_content > audio { width: 400px; height: 60px; box-shadow: none; }
#layer_content > iframe { background: transparent; max-height: 1200px; max-width: 1200px; height: 100%; width: 100%; box-shadow: none; }
#layer_content > iframe[src*="youtube.com"] { width: 800px; height: 450px; max-height: 100%; max-width: 100%; }
#layer-control  { position: absolute; right: var(--nav-control-button-with); top: calc(var(--nav-height) * -1); z-index: 320; }
body[data-layer="show"] #layer-control  { display: block; }
@media (max-width: 220px) { #layer-control  { display: none; }
}
#layer-control[data-layer-status="inactive"]  { display: none; }
body[data-layer="loading"] #layer-control, body[data-layer="show"] #layer-control { top: 0px; }
@media (max-width: 480px) { body[data-nav="on"] #layer-control { top: -60px; }
}
#layer-control a { display: block; width: var(--nav-control-button-with); height: var(--nav-height); float: left; margin: 0; padding: 0; border-left: 1px solid #282828; line-height: var(--nav-height); text-align: center; background: #181818; color: #bbb; font-size: 136%; }
@media (max-width: 280px) { #layer-control a { width: 36px; }
}
#layer-control a:first-child { border-left: 0; }
#layer-control a::before {padding: 0;}
#layer-control a[data-layer-status="inactive"], #layer-control a[data-layer-status="loading"] { pointer-events: none; }
#layer-control a[data-layer-status="loading"] { color: #282828; }
#layer-control a[data-layer-status="inactive"] { opacity: 0; }
:root { --nav-height: 52px; --nav-control-button-with: 54px; --viewport-width: 780px; }
* {scroll-margin: 100px 0 0 0;}
body,html {scroll-margin: 0 0 0 0; min-height: 100vh;}
body { overflow: hidden; overflow-y: auto; }
body[data-touch="on"][data-layer="show"] { overflow: hidden; }
#page a:focus { outline: 1px dotted rgba(255,255,255, .6); outline-offset: 4px; }
#page .white a:focus { outline: 1px dotted rgba(0,0,0, .6); outline-offset: 4px; }
.viewport { min-width: 140px; max-width: var(--viewport-width); position: relative; box-sizing: border-box; margin: 0px auto; }
#control { position: fixed; left: 0; top: 0; z-index: 300; height: var(--nav-height); width: 100%; text-shadow: 0px -1px 0px #000; box-shadow: 0px 0px 8px rgba(0,0,0, .7); background: rgba(0,0,0, .92); color: rgb(var(--rgb-text)); font-size: calc(var(--nav-height) / 3.4); }
#control *:hover, #control *:active { }
#nav-open {display: none;cursor: pointer;}
ul#nav { margin: 0; padding: 0; border: 0; box-sizing: border-box; list-style-type: none; white-space: nowrap; }
ul#nav *:hover, ul#nav *:active { }
ul#nav > li { margin: 0; padding: 0; display: inline-block; }
body[data-js="off"]  ul#nav > li#nav-more {display: none;}
ul#nav > li > a { line-height: calc(var(--nav-height) - 1px); font-weight: 500; color: rgb(var(--rgb-text)); display: block; padding: 0px 8px 0px; border-bottom: 1px solid rgba(0,0,0, .01); }
ul#nav > li#nav-more > a { color: rgb(var(--rgb-accent)); font-size: 76%; border-bottom: 0; }
ul#nav > li > a::before { color: rgb(var(--rgb-text)); display: none;}
ul#nav > li > a:focus, ul#nav > li > a:hover { background: #111; color: #ddd; }
ul#nav > li.active > a { color: #fff; text-shadow: 0px 0px 6px rgba(var(--rgb-accent-sec), .5), 0px 0px 10px rgb(255,255,255, 1); cursor: default; box-shadow: 0px -8px 8px -8px rgb(var(--rgb-accent)) inset; border-bottom-color: rgb(var(--rgb-accent)); }
ul#nav > li.active > a::before { color: #fff; cursor: default; text-shadow: none; }
#eq { position: absolute; margin: 0; padding: 0; width: var(--nav-control-button-with); height: var(--nav-height); right: var(--nav-control-button-with); top: 0px; display: block; cursor: pointer; text-align: center; line-height: var(--nav-height); z-index: 312; font-size: 136%; }
body[data-layer="show"] #eq, body[data-layer="loading"] #eq, body[data-js="off"] #eq  { display: none; }
body[data-touch="off"] #eq:hover { background: rgba(255,255,255, .1); }
#eq::before { font-family: 'e2icon'; content: '\f001'; color: #444; padding: 0px; }
body[data-audio="on"] #eq::before { color: #76ddec; text-shadow: 0px 0px 6px rgb(2,217,249), 0px 0px 12px rgb(2,217,249); }
#eq audio{ display: none; }
#corner { position: absolute; right: 0px; top: 0px; display: block; width: var(--nav-control-button-with); height: var(--nav-height); line-height: var(--nav-height); background: #000; z-index: 316; font-size: 136%; }
#corner > div { width: 100%; height: 100%; position: relative; }
#corner > div > #logo, #corner > div > #layer-close { position: absolute; width: 100%; height: 100%; display: block; box-sizing: border-box; color: #fff; text-align: center; text-shadow: 0px -1px 0px rgba(0,0,0, .2); -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
#corner > div > #logo { z-index: 322; display: block; text-indent: -900px; overflow: hidden; }
body[data-layer="loading"] #corner > div > #logo, body[data-layer="show"] #corner > div > #logo { z-index: 318; }
@media (max-width: 480px) { body[data-nav="on"][data-layer="show"] #corner > div > #logo { z-index: 322; }
}
#corner > div > #layer-close { z-index: 320; background: rgb(var(--rgb-error)); }
#corner > div > #layer-close::before {padding: 0;}
body[data-layer="loading"] #corner > div > #layer-close::before { }
#progress-bar { height: 4px; width: 0; position: absolute; bottom:-2px; left: 0; z-index: 999; pointer-events: none; background: rgb(171,187,43); box-shadow: 0 0 6px rgb(184,208,53); border-radius: 0 2px 2px 0; opacity: 0; z-index:320; }
body.ajax-loading #progress-bar { opacity: 1; }
ul#control_message { position: absolute; margin: 0; padding: 0; list-style-type:none; width: 100%; top: var(--nav-height); z-index: 1; }
ul#xtra-cms-navi { position: fixed; left: 50%; top: 0px; margin:0 0 0 calc((var(--viewport-width) / 2) + 10px); padding:0; width: 130px; height: 100%; z-index: 200; display: none; -ms-flex-direction: column; -moz-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; border: 0px solid transparent; border-top-width: 70px; border-bottom-width: 20px; box-sizing: border-box; }
@media (min-width: 900px) and (min-height: 360px) { ul#xtra-cms-navi { display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; }
}
@media (max-width: 1080px) { ul#xtra-cms-navi { width: 100px; }
}
ul#xtra-cms-navi li { display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -ms-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; margin: 0; padding: 0; max-height: 36px; position: relative; overflow: hidden; border-top: 1px solid #111; }
ul#xtra-cms-navi li:first-child { border-top: 0; border-radius: 5px 5px 0 0; }
ul#xtra-cms-navi li:last-child { border-bottom: 0; border-radius: 0 0 5px 5px; }
ul#xtra-cms-navi li a { margin:0; padding: 1px 8px; font-size: 12px; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -ms-flex-align: center; -moz-align-items: center; -webkit-align-items: center; align-items: center; width: 100%; height: 100%; white-space: nowrap; background: rgba(0,0,0,.9); color: rgb(67, 162, 191); }
@media (max-width: 1080px) { ul#xtra-cms-navi li a  { font-size: 9px; }
}
ul#xtra-cms-navi li a:hover, ul#xtra-cms-navi li a:hover::before { background: rgb(var(--rgb-accent)); color: #fff; text-shadow: none; }
ul#xtra-cms-navi li a::before { color: #bbb; padding: 0; margin: 0; display: inline-block; width: 22px; font-size: 120%; text-align: left; }
@media (max-width: 1080px) { ul#xtra-cms-navi li a::before  { width: 18px; }
}
ul#xtra-cms-navi li a.xtra-cms-navi_plus, ul#xtra-cms-navi li a.xtra-cms-navi_corner { position: absolute; right:0; top:0; padding: 0; width: 28px; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; overflow: hidden; font-family: arial; color: white; font-size: 0px; text-align: center; background: rgba(30,30,30,.9); }
ul#xtra-cms-navi li a.xtra-cms-navi_plus::before, ul#xtra-cms-navi li a.xtra-cms-navi_corner::before { display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -ms-flex-align: center; -moz-align-items: center; -webkit-align-items: center; align-items: center; justifiy-content: center; text-align: center; position: absolute; left: 0; top: 0; font-size: 11px; padding:0 0 0 10px; margin: 0; width: 100%; height: 100%; }
ul#xtra-cms-navi li a.xtra-cms-navi_plus::before { content:"\f067"; }
#page { border-top: var(--nav-height) solid #111; text-shadow: 1px 2px 2px rgba(0,0,0, .4); background-image: url('../_img/headerbottom.png'), linear-gradient( to bottom, rgba(var(--rgb-bg-vibrant), .2), transparent); background-repeat: no-repeat; background-color: rgba(var(--rgb-bg-matt), .9); box-shadow: 0px 100px 0  rgba(var(--rgb-bg-matt), .9); background-position: 55% top, left top; background-size: 400px auto, 100% 200px ; color: rgb(var(--rgb-strong)); min-height: 100vh; box-sizing: border-box; position: relative; z-index: 4; }
ul#page_message { position: relative; z-index: 180; padding:0; margin: 0; list-style-type:none; }
ul#control_message > li, ul#page_message > li { background-color: rgb(1, 80, 102); background-clip: border-box; display: block; color: #fff; font-size: 14px; line-height: 120%; text-shadow: 0px 1px 0px rgba(0,0,0, .2); margin: 0px; overflow: visible; padding: 8px 12px; text-align: center; border-top: 1px solid rgba(0,0,0, .2); }
ul#control_message > li:last-child, ul#page_message > li:last-child { box-shadow: 0px 3px 3px -3px rgba(0,0,0, .7); }
ul#control_message > li > div, ul#page_message > li > div{ margin: 0px auto; position: relative; }
ul#control_message::after, ul#control_message > li::after, ul#page_message::after, ul#page_message > li::after{ content: ''; display: block; clear: both; }
ul#control_message > li a, ul#page_message > li a { color: #fff; text-decoration: underline; }
ul#control_message > li img.noty-thmb, ul#page_message > li img.noty-thmb { height: 14px; border-radius: 4px; vertical-align: middle; }
ul#control_message .btn, ul#page_message .btn { min-width: 30px !important; font-size: 12px !important; background-image: linear-gradient( to right, rgba(40,40,40,.2) 0%, rgba(40,40,40,.2) 50%, transparent 50%, transparent 100%) !important; background-color: #fff !important; color: #000 !important; padding: 3px 5px !important; text-decoration: none !important; box-shadow: none !important; border: 0 !important; border-radius: 0 !important; text-shadow: none !important; }
ul#page_message .dp_message { text-align: left; min-height: 30px; padding-right: 70px; perspective: 100px; }
ul#page_message .dp_message > span{ position: absolute; right: 0; bottom: 0; display: block; perspective: 100px; }
ul#page_message .dp_message > span > .btn{ width: var(--nav-control-button-with) !important; position: relative; margin: 0 0 0px 15px !important; font-size: 10px !important; transform-origin: center center; transform-style: preserve-3d; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
ul#page_message .dp_message > span > .btn::after{ display: block; content: ''; width: 100%; height: 100%; background: #02c9b4; position: absolute; left: 0; top: 100%; transform-origin: center 0%; transform: rotateX(180deg); transform-style: preserve-3d; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
@media (max-width: 800px) { ul#page_message .dp_message { padding-right: var(--nav-control-button-with); }
ul#page_message .dp_message > span { right: -12px; }
}
@media (max-width: 480px) { ul#page_message .dp_message { font-size: 11px; line-height: 120%; }
}
#ajax-content { display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -ms-flex-direction: column; -moz-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; min-height: calc(100vh - var(--nav-height)); }
#content-main { -ms-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; }
#page-header { margin-top: calc(var(--nav-height) *-1); padding-top: var(--nav-height); padding-bottom: 16px; line-height: 18px; font-size: 14px; font-weight: 400; position: relative; overflow: hidden; border-bottom: 1px dotted rgba(255,255,255, .15); background: rgba(var(--rgb-bg-matt), .2); }
#teaser { margin: 0; padding: 50px 0px 30px 0px; box-sizing: border-box; position: relative; }
body[data-js="off"] #page-header .viewport:hover #teaser, body[data-folding="on"] #teaser { background: transparent; }
h1 { font-family: e2headline, arial; font-weight: normal; font-size: 76px; line-height: 90%; font-weight: 100; margin: 2px 0px 0px; padding: 0; color: rgb(var(--rgb-strong)); text-transform: uppercase; text-shadow: 1px 1px 2px rgba(0,0,0, .6); display: block; max-width: 100%; word-wrap: break-word; }
h1 span[data-long="true"] { font-size: 80%; line-height: 90%; display: block; }
h1 ::before { font-size: 80%; font-weight: normal; }
h1 small { font-family: e2headline, arial; display: block; font-size: 40%; line-height: 100%; text-indent: 4px; letter-spacing: 0; }
h1 small small { font-weight: bold; font-size: 50%; text-indent: 6px; }
.teaser-btn { position: absolute; right: -6px; bottom: 6px; padding: 6px; margin: 0px 0px 0px 0px; color: #fff; text-align: right; display: inline-block; min-width: 50px; }
body[data-folding="on"] .teaser-btn { text-shadow: 0px -1px 0px rgba(0,0,0, .3); }
.teaser-btn::before { float: right; margin-left: 6px; font-family: 'e2icon'; font-size: 180%; color: rgb(var(--rgb-strong)); text-shadow: 0px -1px 0px rgba(0,0,0, .3); text-decoration: none !important; content: "\f103"; }
body[data-folding="on"] .teaser-btn::before { content: "\f102"; color: rgb(var(--rgb-accent)); text-shadow: 0px 1px 0px rgba(0,0,0, .3); }
#folding-layer { width: 0%; display: block; overflow: hidden; height: 4px; overflow-y: auto; -ms-overflow-scrolling: touch; -moz-overflow-scrolling: touch; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; border-radius: 4px; background :rgba(5,27,37, .7); opacity: 0; scroll-margin-top: 120px; }
body[data-js="off"]  #page-header .viewport:hover #folding-layer, body[data-folding="on"] #folding-layer { width: 100%; height: 300px; box-shadow: 0px 1px 10px rgba(0,0,0, .5) inset; opacity: 1; }
@media (max-height: 680px) { body[data-js="off"]  #page-header .viewport:hover #folding-layer, body[data-folding="on"] #folding-layer { height: 220px; }
}
body[data-js="off"]  #page-header .viewport:hover #folding-layer-inner, body[data-folding="on"] #folding-layer-inner { padding: 20px; }
#folding-layer img { box-shadow: 1px 1px 2px rgba(0,0,0, .4); }
#folding-layer ul { margin: 0 -18px 30px; overflow: auto; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
#folding-layer ul li { -ms-flex-grow: 0; -moz-flex-grow: 0; -webkit-flex-grow: 0; flex-grow: 0; display: block; padding: 0; margin: 0; width: 33.33%; border-bottom: 1px dotted rgba(255,255,255, .1); position: relative; }
#folding-layer ul li a { display: block; padding: 8px; height: 100%; box-sizing: border-box; background: none center center no-repeat; background-size: cover; margin: 0; color: #fff; font-size: 14px; font-family: e2light, arial; overflow: auto; }
#folding-layer ul.one-line li a { white-space: nowrap; overflow: hidden; }
#folding-layer ul li a:hover { background-color: rgba(0,170,216, .2); }
#folding-layer ul li a .img, #folding-layer ul li a img { display: inline-block; width: 38px; height: 38px; float: left; margin: 0px 8px 0px 0px; border-radius: 3px; box-shadow: 1px 1px 2px rgba(0,0,0, .4); }
#folding-layer ul li a .img { width: 38px; background: #333; overflow: hidden; text-align: center; font-size: 12px; line-height: 38px; }
#folding-layer ul.one-line li a .img, #folding-layer ul.one-line li a img { float: none; vertical-align: middle; }
#folding-layer ul li a::before { line-height: 16px; }
#folding-layer ul li .corner-top { position: absolute; right: 10px; top: 10px; color: rgba(255,255,255,.5); font-size: 16px; text-transform: uppercase; }
#folding-layer ul li .corner-bottom { position: absolute; right: 10px; bottom: 6px; color: rgba(255,255,255,.5); font-size: 10px; text-transform: uppercase; }
#folding-layer ul li .corner-top [data-ic]::before, #folding-layer ul li .corner-bottom [data-ic]::before{ padding: 0; }
#page-content { padding-bottom: 60px; text-shadow: 0px -1px 0px rgba(0,0,0, .3); padding-top: 16px; box-sizing: border-box; }
#page-content .viewport { }
section { margin: 0 0 20px; display: block; border-radius: 2px; }
section.black { background: rgba(12,12,12, .76); padding: 20px; color: rgb(var(--rgb-text)); }
section.white { background: #e7ebeb; padding: 20px; color: rgb(var(--rgb-text)); text-shadow: 0px 1px 0px rgba(255,255,255, .8); box-shadow: 1px 1px 4px rgba(0,0,0, .4); }
section.black.small, section.white.small { padding: 8px 12px; font-size: 100%; }
body[data-touch="off"] section.white ::-webkit-scrollbar-track { background: rgba(230,230,230,.8); box-shadow: 0px 0px 3px rgba(0,0,0,.2) inset; }
body[data-touch="off"] section.white ::-webkit-scrollbar-thumb { background: rgba(0,0,0,.2); }
body[data-touch="off"] section.white { scrollbar-base-color: #ffffff; scrollbar-face-color: #ffffff; scrollbar-3dlight-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-track-color: #dddddd; scrollbar-arrow-color: #ffffff; scrollbar-shadow-color: #ffffff; scrollbar-dark-shadow-color: #ffffff; }
section.grey { background: rgba(13,66,80, .8); color: rgb(var(--rgb-text)); text-shadow: 0px -1px 0px rgba(0,0,0, .2); padding: 20px; }
section.white ::-moz-selection{ background: rgba(0,0,0, .1); }
section.white ::selection { background: rgba(0,0,0, .1); }
section.mide { float: left; width: 490px; margin: -6px 0px 20px 6px; box-sizing: border-box; }
section.side { padding: 30px  30px 30px 520px; box-sizing: border-box; }
#content-fix { }
#page-bottom-line, #page-bottom-user, #page-bottom-navi { color: rgb(var(--rgb-bg-text)); text-shadow: 0px -1px 0px rgba(0,0,0, .3); background: rgba(var(--rgb-bg-basic), .2); }
#page-bottom-line { border-top: 1px dotted rgba(255,255,255, .15); }
#page-bottom-line .viewport { padding: 20px 10px; overflow: auto; }
#page-bottom-user { background: rgba(var(--rgb-accent), .6); box-shadow: 0px 0px 4px rgba(0,0,0, .8) inset; color: #fff; }
#page-bottom-user::after { display: block; clear: both; content: ''; }
#page-bottom-user .viewport { padding: 6px 5px; }
#page-bottom-user_main-elems { float: right; margin-right: -4px; }
#page-bottom-user a{ color: rgba(var(--rgb-light), 0.7); font-size: 18px; line-height: 26px; display: inline-block; padding: 0px 4px; }
#page-bottom-user a:hover{ color: rgba(255,255,255,1); }
#page-bottom-user .btn { color: #fff; background: rgba(0,0,0,.1) !important; border: 1px solid rgba(0,0,0,.1) !important; box-shadow: 0px 0px 0px 1px rgba(255,255,255,.02) inset !important; padding: 0px 10px !important; margin: 0 !important; display: inline-block !important; border-radius: 3px !important; font-size: 13px !important; line-height: 26px !important; }
#page-bottom-user .btn:hover { background: rgba(0,0,0,.15) !important; }
#page-bottom-navi { background: rgba(var(--rgb-bg-basic), .75); }
#page-bottom-navi .viewport { padding: 16px 0px 26px; }
#page-bottom-navi a{ color: rgb(var(--rgb-bg-text)); }
#page-bottom-navi a:hover { color: rgb(var(--rgb-light)); }
#page-bottom-navi ul.column li { margin: 0; }
body[data-touch="on"] #page-bottom-navi ul.column li { margin: 3px 0px; }
#page-bottom-navi ul.column li a{ display: block; padding: 4px; text-transform: lowercase; }
#page-bottom-navi ul.column li a:hover{ background: rgba(var(--rgb-light), .05); }
#page-wall { z-index: 0; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; box-sizing: border-box; background: transparent url('../_img/sitewall/0.jpg') no-repeat 50% 20% / cover; }
#page-wall::after, #page-wall > div { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; box-sizing: border-box; background: transparent none no-repeat 50% 20% / cover; display: none; }
#page-wall > div[data-top="true"] { z-index: 1; }
#page-wall::after { background: transparent none no-repeat center center / cover; content: ''; display: block; z-index:2; }
body[data-layer="show"] #page-content { pointer-events: none; }
#url { display: none; background: rgba(0,0,0,.2); box-shadow: 0px 0px 4px rgba(0,0,0,.5) inset; margin: 0 0 20px; padding: 1px 4px; font-size: 10px; line-height: 120%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; border-radius: 2px; }
#url::before { content: 'URL: '; }
@media (display-mode: standalone) { #url { display: block; }
}
#microtime { position: fixed; left:0; bottom:0; z-index:4; opacity:0; padding: 0; font-size: 9px; line-height: 120%; color: rgba(255,255,255,.6); }
#microtime:hover { opacity:1; padding: 5px 8px; }
#loading-layer { position: fixed; width: 100%; height: 100%; left: 0; display: block; top: -100%; z-index: 260 ; opacity: 0.01; background: url('../_img/loading.svg') no-repeat center center transparent; background-size: 50px auto; text-align: center; }
body.unload-on #loading-layer, body.ajax-loading #loading-layer { opacity: 1; top: 0%; display: block; }
body.unload-on #folding-layer, body.unload-on .teaser-btn, body.ajax-loading #folding-layer, body.ajax-loading .teaser-btn { display: none; }
body.unload-on #page_message, body.unload-on #page-header, body.unload-on #page-bottom-line, body.unload-on #page-bottom-user, body.unload-on #page-bottom-navi, body.unload-on #page-content, body.ajax-loading #page_message, body.ajax-loading #page-header, body.ajax-loading #page-bottom-line, body.ajax-loading #page-bottom-user, body.ajax-loading #page-bottom-navi, body.ajax-loading #page-content { opacity: 0.001; }
#loading-layer_text { position: absolute; left:50%; top:50%; width: 200px; height:20px; margin: 30px 0 0 -100px; padding: 0; display: block; font-size:14px; color: rgba(255,255,255,.8); }
[data-e-frame] body { overflow: hidden; }
[data-e-frame] #page-content { min-height: 100px !important; }
[data-e-frame] #layer_inner { background: none rgba(50,50,50, .8) no-repeat center center; }
[data-e-frame]  body[data-layer="loading"] #layer_inner { background-image: url('../_img/loading.svg'), none; }
@media (min-width: 721px) { section.mide.black {background: rgba(12,12,12, .994); }
}
@media (min-width: 481px) { #control .viewport::before { content: ""; position: absolute; display: block; top: 0; left: 0; height: calc(var(--nav-height) - 1px); width: 16px; background: -ms-linear-gradient(to left, transparent, black); background: -moz-linear-gradient(to left, transparent, black); background: -webkit-linear-gradient(to left, transparent, black); background: linear-gradient( to left, transparent, black); pointer-events: none; }
#control .viewport::after { content: ""; position: absolute; display: block; top: 0; right: var(--nav-control-button-with); height: var(--nav-height); width: calc(var(--nav-control-button-with) + 40px); background: -ms-linear-gradient(90deg, transparent, black 50px, black); background: -moz-linear-gradient(90deg, transparent, black 50px, black); background: -webkit-linear-gradient(90deg, transparent, black 50px, black); background: linear-gradient(90deg, transparent, black 50px, black); pointer-events: none; }
#nav-container { margin: 0; padding: 0px; display: block; box-sizing: border-box; overflow: hidden; overflow-x: auto; -ms-overflow-scrolling: touch; -moz-overflow-scrolling: touch; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }
ul#nav { float: left; padding: 0px calc(40px + (var(--nav-control-button-with) *2))  0px 6px; }
body[data-js="on"]   ul#nav > li.nav-more {display: none;}
body[data-js="off"]  ul#nav > li.nav-more, body[data-js="on"]   ul#nav[data-nav-more="on"] > li.nav-more { display: inline-block; }
body[data-touch="off"] ul#nav > li > a::before { background: rgb(var(--rgb-accent)); position: absolute; right: 0px; top: -60px; padding: 0; margin: 0; display: block; overflow: hidden; width: var(--nav-control-button-with); height: var(--nav-height); text-align: center; font-size: 32px; line-height: var(--nav-height); color: #fff !important; -webkit-font-smoothing: antialiased; text-shadow: 0px -1px 0px rgba(0,0,0, .15) !important; pointer-events: none; z-index: 328; }
body[data-touch="off"] ul#nav > li > a:hover::before { right: 0px; top: 0px; display: block; z-index: 328; }
}
@media (min-width: 481px) and (max-width: 800px) { section.mide { padding-right: 14px; padding-left: 14px; width: 450px; }
section.side { padding-right: 14px; padding-left: 470px; }
}
@media (max-width: 860px) { #folding-layer ul li { width: 50%; }
#page-bottom-user .viewport, #page-bottom-navi .viewport, #page-bottom-line .viewport, #page-header .viewport, #page-content .viewport { margin-left: 30px; margin-right: 30px; }
}
@media (max-width: 720px) { section, section.side, section.mide { float: none; width: auto; margin: 0px 0px 14px; }
section.side { padding: 20px; }
#page-bottom-user .viewport, #page-bottom-navi .viewport, #page-bottom-line .viewport, #page-header .viewport, #page-content .viewport { margin-left: 50px; margin-right: 50px; }
#teaser {padding-left: 0;}
h1 { font-size: 62px; }
}
@media (max-width: 600px) { #page-bottom-user .viewport, #page-bottom-navi .viewport, #page-bottom-line .viewport, #page-header .viewport, #page-content .viewport { margin-left: 20px; margin-right: 20px; }
#folding-layer ul li { width: 100%; }
#folding-layer ul li a { font-size: 14px; }
h1 { font-size: 56px; }
h1 small{ font-size: 50%; }
}
@media (max-width: 480px) { body[data-touch="on"][data-nav="on"] { overflow: hidden; }
#page-bottom-user .viewport, #page-bottom-navi .viewport, #page-bottom-line .viewport, #page-header .viewport, #page-content .viewport { margin-left: 14px; margin-right: 14px; }
body[data-nav="on"] #control { background: #000; }
#nav-container { display: inline; padding: 0; margin: 0; overflow: none; }
#nav-open { display: inline-block; font-size: 15px; line-height: var(--nav-height); font-weight: 500; padding: 0px 60px 0px 16px; position: relative; z-index: 340; transform-origin: 20px 50%; }
@media (max-width: 320px) { #nav-open { padding-right: 6px; }
}
#nav-open::before { font-family: 'e2icon'; color:  rgba(var(--rgb-accent), 1); content: "\f0c9"; padding-right: 6px; }
body[data-nav="on"] #nav-open::before { content: "\f078"; }
body[data-js="off"] #nav-container:hover #nav-open, body[data-nav="on"] #nav-open { color: #fff; transform: scale(1.2); padding-bottom: 12px; }
ul#nav { position: fixed; left: 0px; top: 300%; width: 100%; height: calc((var(--nav-height) * -1) + 100vh); overflow: scroll; max-width: 800px; margin: 0px; padding: 0 0 20px 0; overflow: auto; -ms-overflow-scrolling: touch; -moz-overflow-scrolling: touch; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; border-radius: 0; border: 0; box-shadow: none; box-sizing: border-box; background: url('../_img/honeycomb.png') repeat center top #060606; box-shadow: 0 60px 0 rgb(6,11,12); background-size: auto 30px; }
body[data-js="off"] #nav-container:hover ul#nav, body[data-nav="on"] ul#nav { top: var(--nav-height); z-index: 2; }
ul#nav > li { background: #0c0d0d; border: 0; border-top: 1px solid rgba(255,255,255,.03); border-bottom: 2px solid #000; margin: 0; padding: 0; display: block; }
body[data-js="on"]   ul#nav > li.nav-more {display: none;}
body[data-js="off"]  ul#nav > li.nav-more, body[data-js="on"]   ul#nav[data-nav-more="on"] > li.nav-more { display: block; }
ul#nav > li:first-child { border-top: 0; }
ul#nav > li:last-child { border-bottom: 0; box-shadow: 0px 6px 6px -4px rgba(0,0,0,.8); }
body[data-touch="off"] ul#nav > li:hover { background: #000; }
ul#nav > li > a { display: block; padding: 14px 16px; line-height: 120%; background: transparent; color: rgb(var(--rgb-text)); border: 0; border-right: 1px solid rgba(0,0,0,.1); }
ul#nav > li > a:hover { background: rgba(255,255,255,.01); }
ul#nav > li.active > a { box-shadow: none; }
ul#nav > li > a::before { color: rgba(255,255,255,.4); display: inline-block; padding-right: 10px; }
body[data-nav="on"] #page { pointer-events: none; }
h1 {font-size: 48px;}
.teaser-btn { right: 0px; font-size: 12px; }
section.grey, section.white, section.black, section.side, section.mide { padding: 12px; }
body.unload-on #page_message, body.unload-on #page-header, body.unload-on #page-bottom-line, body.unload-on #page-bottom-user, body.unload-on #page-bottom-navi, body.unload-on #page-content, body.ajax-loading #page_message, body.ajax-loading #page-header, body.ajax-loading #page-bottom-line, body.ajax-loading #page-bottom-user, body.ajax-loading #page-bottom-navi, body.ajax-loading #page-content { visibilty: hidden; }
}
@media (max-width: 340px) { #page-bottom-navi .viewport, #page-bottom-user .viewport, #page-bottom-line .viewport, #page-header .viewport, #page-content .viewport { margin-left: 10px; margin-right: 10px; }
h1 { font-size: 40px; word-wrap:break-word; width: auto; max-width: 100%; }
h1 small { font-size: 50%; word-wrap:break-word; width: auto; max-width: 100%; text-indent: 2px; }
h1 small small { text-indent: 3px; }
}
@media (max-width: 260px) { * { word-wrap:break-word; }
#nav-open {padding-right: 10px;}
#page-bottom-user .viewport, #page-bottom-navi .viewport, #page-bottom-line .viewport, #page-header .viewport, #page-content .viewport { margin-left: 3px; margin-right: 3px; }
section.grey, section.white, section.black, section.side, section.mide { padding: 6px; margin-bottom: 12px; }
body, th, td, select, input, textarea { font-size: 11px; }
}
@media (monochrome) , (color: 16) { body[data-section="enter"], body[data-section="enter"] #body { background: #003444; }
body *, body *::before, body *::after { transition: all 0s linear 0s !important; animation: none !important; box-shadow: none !important; text-shadow: none !important; }
#nav-open, h1, h1 * { color: #fff !important; }
h2, ul#nav > li > a, #page-bottom-navi a { color: #bbb; }
ul#nav > li.active > a::before, ul#nav > li.active > a { color: #fff; }
ul#nav > li#nav-more > a { color: rgb(168,128,107); }
#page-bottom-user, #page-bottom-line, #page-bottom-navi { color: #888; }
#control { background: none #000; box-shadow: 0px 1px 0px rgb(168,128,107) !important; }
section.black { background: none #000 !important; }
#page, #page-bottom-line { background: none #01212a; }
.e2, section.grey { background-color: #444444; color: #e1d8d3; }
section.white { background-color: #e6eef1; }
#page-wall, #page-wall > div{ background-image: none !important; }
#eq {display: none;}
section.grey h2 {color: #fff; }
section.grey a { color: #000;}
}
@font-face {
            font-family: 'e2icon';
            src: url('font/fontawesome-webfont.woff2') format('woff2');
            font-weight: normal;
            font-style: normal;
            font-display: block;
            }
        [data-ic="500px"]:before { content: "\f26e";}[data-ic="adjust"]:before { content: "\f042";}[data-ic="adn"]:before { content: "\f170";}[data-ic="align-center"]:before { content: "\f037";}[data-ic="align-justify"]:before { content: "\f039";}[data-ic="align-left"]:before { content: "\f036";}[data-ic="align-right"]:before { content: "\f038";}[data-ic="amazon"]:before { content: "\f270";}[data-ic="ambulance"]:before { content: "\f0f9";}[data-ic="anchor"]:before { content: "\f13d";}[data-ic="android"]:before { content: "\f17b";}[data-ic="angellist"]:before { content: "\f209";}[data-ic="angle-double-down"]:before { content: "\f103";}[data-ic="angle-double-left"]:before { content: "\f100";}[data-ic="angle-double-right"]:before { content: "\f101";}[data-ic="angle-double-up"]:before { content: "\f102";}[data-ic="angle-down"]:before { content: "\f107";}[data-ic="angle-left"]:before { content: "\f104";}[data-ic="angle-right"]:before { content: "\f105";}[data-ic="angle-up"]:before { content: "\f106";}[data-ic="apple"]:before { content: "\f179";}[data-ic="archive"]:before { content: "\f187";}[data-ic="area-chart"]:before { content: "\f1fe";}[data-ic="arrow-circle-down"]:before { content: "\f0ab";}[data-ic="arrow-circle-left"]:before { content: "\f0a8";}[data-ic="arrow-circle-o-down"]:before { content: "\f01a";}[data-ic="arrow-circle-o-left"]:before { content: "\f190";}[data-ic="arrow-circle-o-right"]:before { content: "\f18e";}[data-ic="arrow-circle-o-up"]:before { content: "\f01b";}[data-ic="arrow-circle-right"]:before { content: "\f0a9";}[data-ic="arrow-circle-up"]:before { content: "\f0aa";}[data-ic="arrow-down"]:before { content: "\f063";}[data-ic="arrow-left"]:before { content: "\f060";}[data-ic="arrow-right"]:before { content: "\f061";}[data-ic="arrow-up"]:before { content: "\f062";}[data-ic="arrows"]:before { content: "\f047";}[data-ic="arrows-alt"]:before { content: "\f0b2";}[data-ic="arrows-h"]:before { content: "\f07e";}[data-ic="arrows-v"]:before { content: "\f07d";}[data-ic="asterisk"]:before { content: "\f069";}[data-ic="at"]:before { content: "\f1fa";}[data-ic="automobile"]:before { content: "\f1b9";}[data-ic="backward"]:before { content: "\f04a";}[data-ic="balance-scale"]:before { content: "\f24e";}[data-ic="ban"]:before { content: "\f05e";}[data-ic="bank"]:before { content: "\f19c";}[data-ic="bar-chart"]:before { content: "\f080";}[data-ic="bar-chart-o"]:before { content: "\f080";}[data-ic="barcode"]:before { content: "\f02a";}[data-ic="bars"]:before { content: "\f0c9";}[data-ic="battery-0"]:before { content: "\f244";}[data-ic="battery-1"]:before { content: "\f243";}[data-ic="battery-2"]:before { content: "\f242";}[data-ic="battery-3"]:before { content: "\f241";}[data-ic="battery-4"]:before { content: "\f240";}[data-ic="battery-empty"]:before { content: "\f244";}[data-ic="battery-full"]:before { content: "\f240";}[data-ic="battery-half"]:before { content: "\f242";}[data-ic="battery-quarter"]:before { content: "\f243";}[data-ic="battery-three-quarters"]:before { content: "\f241";}[data-ic="bed"]:before { content: "\f236";}[data-ic="beer"]:before { content: "\f0fc";}[data-ic="behance"]:before { content: "\f1b4";}[data-ic="behance-square"]:before { content: "\f1b5";}[data-ic="bell"]:before { content: "\f0f3";}[data-ic="bell-o"]:before { content: "\f0a2";}[data-ic="bell-slash"]:before { content: "\f1f6";}[data-ic="bell-slash-o"]:before { content: "\f1f7";}[data-ic="bicycle"]:before { content: "\f206";}[data-ic="binoculars"]:before { content: "\f1e5";}[data-ic="birthday-cake"]:before { content: "\f1fd";}[data-ic="bitbucket"]:before { content: "\f171";}[data-ic="bitbucket-square"]:before { content: "\f172";}[data-ic="bitcoin"]:before { content: "\f15a";}[data-ic="black-tie"]:before { content: "\f27e";}[data-ic="bluetooth"]:before { content: "\f293";}[data-ic="bluetooth-b"]:before { content: "\f294";}[data-ic="bold"]:before { content: "\f032";}[data-ic="bolt"]:before { content: "\f0e7";}[data-ic="bomb"]:before { content: "\f1e2";}[data-ic="book"]:before { content: "\f02d";}[data-ic="bookmark"]:before { content: "\f02e";}[data-ic="bookmark-o"]:before { content: "\f097";}[data-ic="briefcase"]:before { content: "\f0b1";}[data-ic="btc"]:before { content: "\f15a";}[data-ic="bug"]:before { content: "\f188";}[data-ic="building"]:before { content: "\f1ad";}[data-ic="building-o"]:before { content: "\f0f7";}[data-ic="bullhorn"]:before { content: "\f0a1";}[data-ic="bullseye"]:before { content: "\f140";}[data-ic="bus"]:before { content: "\f207";}[data-ic="buysellads"]:before { content: "\f20d";}[data-ic="cab"]:before { content: "\f1ba";}[data-ic="calculator"]:before { content: "\f1ec";}[data-ic="calendar"]:before { content: "\f073";}[data-ic="calendar-check-o"]:before { content: "\f274";}[data-ic="calendar-minus-o"]:before { content: "\f272";}[data-ic="calendar-o"]:before { content: "\f133";}[data-ic="calendar-plus-o"]:before { content: "\f271";}[data-ic="calendar-times-o"]:before { content: "\f273";}[data-ic="camera"]:before { content: "\f030";}[data-ic="camera-retro"]:before { content: "\f083";}[data-ic="car"]:before { content: "\f1b9";}[data-ic="caret-down"]:before { content: "\f0d7";}[data-ic="caret-left"]:before { content: "\f0d9";}[data-ic="caret-right"]:before { content: "\f0da";}[data-ic="caret-square-o-down"]:before { content: "\f150";}[data-ic="caret-square-o-left"]:before { content: "\f191";}[data-ic="caret-square-o-right"]:before { content: "\f152";}[data-ic="caret-square-o-up"]:before { content: "\f151";}[data-ic="caret-up"]:before { content: "\f0d8";}[data-ic="cart-arrow-down"]:before { content: "\f218";}[data-ic="cart-plus"]:before { content: "\f217";}[data-ic="cc"]:before { content: "\f20a";}[data-ic="cc-amex"]:before { content: "\f1f3";}[data-ic="cc-diners-club"]:before { content: "\f24c";}[data-ic="cc-discover"]:before { content: "\f1f2";}[data-ic="cc-jcb"]:before { content: "\f24b";}[data-ic="cc-mastercard"]:before { content: "\f1f1";}[data-ic="cc-paypal"]:before { content: "\f1f4";}[data-ic="cc-stripe"]:before { content: "\f1f5";}[data-ic="cc-visa"]:before { content: "\f1f0";}[data-ic="certificate"]:before { content: "\f0a3";}[data-ic="chain"]:before { content: "\f0c1";}[data-ic="chain-broken"]:before { content: "\f127";}[data-ic="check"]:before { content: "\f00c";}[data-ic="check-circle"]:before { content: "\f058";}[data-ic="check-circle-o"]:before { content: "\f05d";}[data-ic="check-square"]:before { content: "\f14a";}[data-ic="check-square-o"]:before { content: "\f046";}[data-ic="chevron-circle-down"]:before { content: "\f13a";}[data-ic="chevron-circle-left"]:before { content: "\f137";}[data-ic="chevron-circle-right"]:before { content: "\f138";}[data-ic="chevron-circle-up"]:before { content: "\f139";}[data-ic="chevron-down"]:before { content: "\f078";}[data-ic="chevron-left"]:before { content: "\f053";}[data-ic="chevron-right"]:before { content: "\f054";}[data-ic="chevron-up"]:before { content: "\f077";}[data-ic="child"]:before { content: "\f1ae";}[data-ic="chrome"]:before { content: "\f268";}[data-ic="circle"]:before { content: "\f111";}[data-ic="circle-o"]:before { content: "\f10c";}[data-ic="circle-o-notch"]:before { content: "\f1ce";}[data-ic="circle-thin"]:before { content: "\f1db";}[data-ic="clipboard"]:before { content: "\f0ea";}[data-ic="clock-o"]:before { content: "\f017";}[data-ic="clone"]:before { content: "\f24d";}[data-ic="close"]:before { content: "\f00d";}[data-ic="cloud"]:before { content: "\f0c2";}[data-ic="cloud-download"]:before { content: "\f0ed";}[data-ic="cloud-upload"]:before { content: "\f0ee";}[data-ic="cny"]:before { content: "\f157";}[data-ic="code"]:before { content: "\f121";}[data-ic="code-fork"]:before { content: "\f126";}[data-ic="codepen"]:before { content: "\f1cb";}[data-ic="codiepie"]:before { content: "\f284";}[data-ic="coffee"]:before { content: "\f0f4";}[data-ic="cog"]:before { content: "\f013";}[data-ic="cogs"]:before { content: "\f085";}[data-ic="columns"]:before { content: "\f0db";}[data-ic="comment"]:before { content: "\f075";}[data-ic="comment-o"]:before { content: "\f0e5";}[data-ic="commenting"]:before { content: "\f27a";}[data-ic="commenting-o"]:before { content: "\f27b";}[data-ic="comments"]:before { content: "\f086";}[data-ic="comments-o"]:before { content: "\f0e6";}[data-ic="compass"]:before { content: "\f14e";}[data-ic="compress"]:before { content: "\f066";}[data-ic="connectdevelop"]:before { content: "\f20e";}[data-ic="contao"]:before { content: "\f26d";}[data-ic="copy"]:before { content: "\f0c5";}[data-ic="copyright"]:before { content: "\f1f9";}[data-ic="creative-commons"]:before { content: "\f25e";}[data-ic="credit-card"]:before { content: "\f09d";}[data-ic="credit-card-alt"]:before { content: "\f283";}[data-ic="crop"]:before { content: "\f125";}[data-ic="crosshairs"]:before { content: "\f05b";}[data-ic="css3"]:before { content: "\f13c";}[data-ic="cube"]:before { content: "\f1b2";}[data-ic="cubes"]:before { content: "\f1b3";}[data-ic="cut"]:before { content: "\f0c4";}[data-ic="cutlery"]:before { content: "\f0f5";}[data-ic="dashboard"]:before { content: "\f0e4";}[data-ic="dashcube"]:before { content: "\f210";}[data-ic="database"]:before { content: "\f1c0";}[data-ic="dedent"]:before { content: "\f03b";}[data-ic="delicious"]:before { content: "\f1a5";}[data-ic="desktop"]:before { content: "\f108";}[data-ic="deviantart"]:before { content: "\f1bd";}[data-ic="diamond"]:before { content: "\f219";}[data-ic="digg"]:before { content: "\f1a6";}[data-ic="dollar"]:before { content: "\f155";}[data-ic="dot-circle-o"]:before { content: "\f192";}[data-ic="download"]:before { content: "\f019";}[data-ic="dribbble"]:before { content: "\f17d";}[data-ic="dropbox"]:before { content: "\f16b";}[data-ic="drupal"]:before { content: "\f1a9";}[data-ic="edge"]:before { content: "\f282";}[data-ic="edit"]:before { content: "\f044";}[data-ic="eject"]:before { content: "\f052";}[data-ic="ellipsis-h"]:before { content: "\f141";}[data-ic="ellipsis-v"]:before { content: "\f142";}[data-ic="empire"]:before { content: "\f1d1";}[data-ic="envelope"]:before { content: "\f0e0";}[data-ic="envelope-o"]:before { content: "\f003";}[data-ic="envelope-square"]:before { content: "\f199";}[data-ic="eraser"]:before { content: "\f12d";}[data-ic="eur"]:before { content: "\f153";}[data-ic="euro"]:before { content: "\f153";}[data-ic="exchange"]:before { content: "\f0ec";}[data-ic="exclamation"]:before { content: "\f12a";}[data-ic="exclamation-circle"]:before { content: "\f06a";}[data-ic="exclamation-triangle"]:before { content: "\f071";}[data-ic="expand"]:before { content: "\f065";}[data-ic="expeditedssl"]:before { content: "\f23e";}[data-ic="external-link"]:before { content: "\f08e";}[data-ic="external-link-square"]:before { content: "\f14c";}[data-ic="eye"]:before { content: "\f06e";}[data-ic="eye-slash"]:before { content: "\f070";}[data-ic="eyedropper"]:before { content: "\f1fb";}[data-ic="facebook"]:before { content: "\f09a";}[data-ic="facebook-f"]:before { content: "\f09a";}[data-ic="facebook-official"]:before { content: "\f230";}[data-ic="facebook-square"]:before { content: "\f082";}[data-ic="fast-backward"]:before { content: "\f049";}[data-ic="fast-forward"]:before { content: "\f050";}[data-ic="fax"]:before { content: "\f1ac";}[data-ic="feed"]:before { content: "\f09e";}[data-ic="female"]:before { content: "\f182";}[data-ic="fighter-jet"]:before { content: "\f0fb";}[data-ic="file"]:before { content: "\f15b";}[data-ic="file-archive-o"]:before { content: "\f1c6";}[data-ic="file-audio-o"]:before { content: "\f1c7";}[data-ic="file-code-o"]:before { content: "\f1c9";}[data-ic="file-excel-o"]:before { content: "\f1c3";}[data-ic="file-image-o"]:before { content: "\f1c5";}[data-ic="file-movie-o"]:before { content: "\f1c8";}[data-ic="file-o"]:before { content: "\f016";}[data-ic="file-pdf-o"]:before { content: "\f1c1";}[data-ic="file-photo-o"]:before { content: "\f1c5";}[data-ic="file-picture-o"]:before { content: "\f1c5";}[data-ic="file-powerpoint-o"]:before { content: "\f1c4";}[data-ic="file-sound-o"]:before { content: "\f1c7";}[data-ic="file-text"]:before { content: "\f15c";}[data-ic="file-text-o"]:before { content: "\f0f6";}[data-ic="file-video-o"]:before { content: "\f1c8";}[data-ic="file-word-o"]:before { content: "\f1c2";}[data-ic="file-zip-o"]:before { content: "\f1c6";}[data-ic="files-o"]:before { content: "\f0c5";}[data-ic="film"]:before { content: "\f008";}[data-ic="filter"]:before { content: "\f0b0";}[data-ic="fire"]:before { content: "\f06d";}[data-ic="fire-extinguisher"]:before { content: "\f134";}[data-ic="firefox"]:before { content: "\f269";}[data-ic="flag"]:before { content: "\f024";}[data-ic="flag-checkered"]:before { content: "\f11e";}[data-ic="flag-o"]:before { content: "\f11d";}[data-ic="flash"]:before { content: "\f0e7";}[data-ic="flask"]:before { content: "\f0c3";}[data-ic="flickr"]:before { content: "\f16e";}[data-ic="floppy-o"]:before { content: "\f0c7";}[data-ic="folder"]:before { content: "\f07b";}[data-ic="folder-o"]:before { content: "\f114";}[data-ic="folder-open"]:before { content: "\f07c";}[data-ic="folder-open-o"]:before { content: "\f115";}[data-ic="font"]:before { content: "\f031";}[data-ic="fonticons"]:before { content: "\f280";}[data-ic="fort-awesome"]:before { content: "\f286";}[data-ic="forumbee"]:before { content: "\f211";}[data-ic="forward"]:before { content: "\f04e";}[data-ic="foursquare"]:before { content: "\f180";}[data-ic="frown-o"]:before { content: "\f119";}[data-ic="futbol-o"]:before { content: "\f1e3";}[data-ic="gamepad"]:before { content: "\f11b";}[data-ic="gavel"]:before { content: "\f0e3";}[data-ic="gbp"]:before { content: "\f154";}[data-ic="ge"]:before { content: "\f1d1";}[data-ic="gear"]:before { content: "\f013";}[data-ic="gears"]:before { content: "\f085";}[data-ic="genderless"]:before { content: "\f22d";}[data-ic="get-pocket"]:before { content: "\f265";}[data-ic="gg"]:before { content: "\f260";}[data-ic="gg-circle"]:before { content: "\f261";}[data-ic="gift"]:before { content: "\f06b";}[data-ic="git"]:before { content: "\f1d3";}[data-ic="git-square"]:before { content: "\f1d2";}[data-ic="github"]:before { content: "\f09b";}[data-ic="github-alt"]:before { content: "\f113";}[data-ic="github-square"]:before { content: "\f092";}[data-ic="gittip"]:before { content: "\f184";}[data-ic="glass"]:before { content: "\f000";}[data-ic="globe"]:before { content: "\f0ac";}[data-ic="google"]:before { content: "\f1a0";}[data-ic="google-plus"]:before { content: "\f0d5";}[data-ic="google-plus-square"]:before { content: "\f0d4";}[data-ic="google-wallet"]:before { content: "\f1ee";}[data-ic="graduation-cap"]:before { content: "\f19d";}[data-ic="gratipay"]:before { content: "\f184";}[data-ic="group"]:before { content: "\f0c0";}[data-ic="h-square"]:before { content: "\f0fd";}[data-ic="hacker-news"]:before { content: "\f1d4";}[data-ic="hand-grab-o"]:before { content: "\f255";}[data-ic="hand-lizard-o"]:before { content: "\f258";}[data-ic="hand-o-down"]:before { content: "\f0a7";}[data-ic="hand-o-left"]:before { content: "\f0a5";}[data-ic="hand-o-right"]:before { content: "\f0a4";}[data-ic="hand-o-up"]:before { content: "\f0a6";}[data-ic="hand-paper-o"]:before { content: "\f256";}[data-ic="hand-peace-o"]:before { content: "\f25b";}[data-ic="hand-pointer-o"]:before { content: "\f25a";}[data-ic="hand-rock-o"]:before { content: "\f255";}[data-ic="hand-scissors-o"]:before { content: "\f257";}[data-ic="hand-spock-o"]:before { content: "\f259";}[data-ic="hand-stop-o"]:before { content: "\f256";}[data-ic="hashtag"]:before { content: "\f292";}[data-ic="hdd-o"]:before { content: "\f0a0";}[data-ic="header"]:before { content: "\f1dc";}[data-ic="headphones"]:before { content: "\f025";}[data-ic="heart"]:before { content: "\f004";}[data-ic="heart-o"]:before { content: "\f08a";}[data-ic="heartbeat"]:before { content: "\f21e";}[data-ic="history"]:before { content: "\f1da";}[data-ic="home"]:before { content: "\f015";}[data-ic="hospital-o"]:before { content: "\f0f8";}[data-ic="hotel"]:before { content: "\f236";}[data-ic="hourglass"]:before { content: "\f254";}[data-ic="hourglass-1"]:before { content: "\f251";}[data-ic="hourglass-2"]:before { content: "\f252";}[data-ic="hourglass-3"]:before { content: "\f253";}[data-ic="hourglass-end"]:before { content: "\f253";}[data-ic="hourglass-half"]:before { content: "\f252";}[data-ic="hourglass-o"]:before { content: "\f250";}[data-ic="hourglass-start"]:before { content: "\f251";}[data-ic="houzz"]:before { content: "\f27c";}[data-ic="html5"]:before { content: "\f13b";}[data-ic="i-cursor"]:before { content: "\f246";}[data-ic="ils"]:before { content: "\f20b";}[data-ic="image"]:before { content: "\f03e";}[data-ic="inbox"]:before { content: "\f01c";}[data-ic="indent"]:before { content: "\f03c";}[data-ic="industry"]:before { content: "\f275";}[data-ic="info"]:before { content: "\f129";}[data-ic="info-circle"]:before { content: "\f05a";}[data-ic="inr"]:before { content: "\f156";}[data-ic="instagram"]:before { content: "\f16d";}[data-ic="institution"]:before { content: "\f19c";}[data-ic="internet-explorer"]:before { content: "\f26b";}[data-ic="intersex"]:before { content: "\f224";}[data-ic="ioxhost"]:before { content: "\f208";}[data-ic="italic"]:before { content: "\f033";}[data-ic="joomla"]:before { content: "\f1aa";}[data-ic="jpy"]:before { content: "\f157";}[data-ic="jsfiddle"]:before { content: "\f1cc";}[data-ic="key"]:before { content: "\f084";}[data-ic="keyboard-o"]:before { content: "\f11c";}[data-ic="krw"]:before { content: "\f159";}[data-ic="language"]:before { content: "\f1ab";}[data-ic="laptop"]:before { content: "\f109";}[data-ic="lastfm"]:before { content: "\f202";}[data-ic="lastfm-square"]:before { content: "\f203";}[data-ic="leaf"]:before { content: "\f06c";}[data-ic="leanpub"]:before { content: "\f212";}[data-ic="legal"]:before { content: "\f0e3";}[data-ic="lemon-o"]:before { content: "\f094";}[data-ic="level-down"]:before { content: "\f149";}[data-ic="level-up"]:before { content: "\f148";}[data-ic="life-bouy"]:before { content: "\f1cd";}[data-ic="life-buoy"]:before { content: "\f1cd";}[data-ic="life-ring"]:before { content: "\f1cd";}[data-ic="life-saver"]:before { content: "\f1cd";}[data-ic="lightbulb-o"]:before { content: "\f0eb";}[data-ic="line-chart"]:before { content: "\f201";}[data-ic="link"]:before { content: "\f0c1";}[data-ic="linkedin"]:before { content: "\f0e1";}[data-ic="linkedin-square"]:before { content: "\f08c";}[data-ic="linux"]:before { content: "\f17c";}[data-ic="list"]:before { content: "\f03a";}[data-ic="list-alt"]:before { content: "\f022";}[data-ic="list-ol"]:before { content: "\f0cb";}[data-ic="list-ul"]:before { content: "\f0ca";}[data-ic="location-arrow"]:before { content: "\f124";}[data-ic="lock"]:before { content: "\f023";}[data-ic="long-arrow-down"]:before { content: "\f175";}[data-ic="long-arrow-left"]:before { content: "\f177";}[data-ic="long-arrow-right"]:before { content: "\f178";}[data-ic="long-arrow-up"]:before { content: "\f176";}[data-ic="magic"]:before { content: "\f0d0";}[data-ic="magnet"]:before { content: "\f076";}[data-ic="mail-forward"]:before { content: "\f064";}[data-ic="mail-reply"]:before { content: "\f112";}[data-ic="mail-reply-all"]:before { content: "\f122";}[data-ic="male"]:before { content: "\f183";}[data-ic="map"]:before { content: "\f279";}[data-ic="map-marker"]:before { content: "\f041";}[data-ic="map-o"]:before { content: "\f278";}[data-ic="map-pin"]:before { content: "\f276";}[data-ic="map-signs"]:before { content: "\f277";}[data-ic="mars"]:before { content: "\f222";}[data-ic="mars-double"]:before { content: "\f227";}[data-ic="mars-stroke"]:before { content: "\f229";}[data-ic="mars-stroke-h"]:before { content: "\f22b";}[data-ic="mars-stroke-v"]:before { content: "\f22a";}[data-ic="maxcdn"]:before { content: "\f136";}[data-ic="meanpath"]:before { content: "\f20c";}[data-ic="medium"]:before { content: "\f23a";}[data-ic="medkit"]:before { content: "\f0fa";}[data-ic="meh-o"]:before { content: "\f11a";}[data-ic="mercury"]:before { content: "\f223";}[data-ic="microphone"]:before { content: "\f130";}[data-ic="microphone-slash"]:before { content: "\f131";}[data-ic="minus"]:before { content: "\f068";}[data-ic="minus-circle"]:before { content: "\f056";}[data-ic="minus-square"]:before { content: "\f146";}[data-ic="minus-square-o"]:before { content: "\f147";}[data-ic="mixcloud"]:before { content: "\f289";}[data-ic="mobile"]:before { content: "\f10b";}[data-ic="mobile-phone"]:before { content: "\f10b";}[data-ic="modx"]:before { content: "\f285";}[data-ic="money"]:before { content: "\f0d6";}[data-ic="moon-o"]:before { content: "\f186";}[data-ic="mortar-board"]:before { content: "\f19d";}[data-ic="motorcycle"]:before { content: "\f21c";}[data-ic="mouse-pointer"]:before { content: "\f245";}[data-ic="music"]:before { content: "\f001";}[data-ic="navicon"]:before { content: "\f0c9";}[data-ic="neuter"]:before { content: "\f22c";}[data-ic="newspaper-o"]:before { content: "\f1ea";}[data-ic="object-group"]:before { content: "\f247";}[data-ic="object-ungroup"]:before { content: "\f248";}[data-ic="odnoklassniki"]:before { content: "\f263";}[data-ic="odnoklassniki-square"]:before { content: "\f264";}[data-ic="opencart"]:before { content: "\f23d";}[data-ic="openid"]:before { content: "\f19b";}[data-ic="opera"]:before { content: "\f26a";}[data-ic="optin-monster"]:before { content: "\f23c";}[data-ic="outdent"]:before { content: "\f03b";}[data-ic="pagelines"]:before { content: "\f18c";}[data-ic="paint-brush"]:before { content: "\f1fc";}[data-ic="paper-plane"]:before { content: "\f1d8";}[data-ic="paper-plane-o"]:before { content: "\f1d9";}[data-ic="paperclip"]:before { content: "\f0c6";}[data-ic="paragraph"]:before { content: "\f1dd";}[data-ic="paste"]:before { content: "\f0ea";}[data-ic="pause"]:before { content: "\f04c";}[data-ic="pause-circle"]:before { content: "\f28b";}[data-ic="pause-circle-o"]:before { content: "\f28c";}[data-ic="paw"]:before { content: "\f1b0";}[data-ic="paypal"]:before { content: "\f1ed";}[data-ic="pencil"]:before { content: "\f040";}[data-ic="pencil-square"]:before { content: "\f14b";}[data-ic="pencil-square-o"]:before { content: "\f044";}[data-ic="perce"]:before { content: "\f295";}[data-ic="phone"]:before { content: "\f095";}[data-ic="phone-square"]:before { content: "\f098";}[data-ic="photo"]:before { content: "\f03e";}[data-ic="picture-o"]:before { content: "\f03e";}[data-ic="pie-chart"]:before { content: "\f200";}[data-ic="pied-piper"]:before { content: "\f1a7";}[data-ic="pied-piper-alt"]:before { content: "\f1a8";}[data-ic="pinterest"]:before { content: "\f0d2";}[data-ic="pinterest-p"]:before { content: "\f231";}[data-ic="pinterest-square"]:before { content: "\f0d3";}[data-ic="plane"]:before { content: "\f072";}[data-ic="play"]:before { content: "\f04b";}[data-ic="play-circle"]:before { content: "\f144";}[data-ic="play-circle-o"]:before { content: "\f01d";}[data-ic="plug"]:before { content: "\f1e6";}[data-ic="plus"]:before { content: "\f067";}[data-ic="plus-circle"]:before { content: "\f055";}[data-ic="plus-square"]:before { content: "\f0fe";}[data-ic="plus-square-o"]:before { content: "\f196";}[data-ic="power-off"]:before { content: "\f011";}[data-ic="print"]:before { content: "\f02f";}[data-ic="product-hunt"]:before { content: "\f288";}[data-ic="puzzle-piece"]:before { content: "\f12e";}[data-ic="qq"]:before { content: "\f1d6";}[data-ic="qrcode"]:before { content: "\f029";}[data-ic="question"]:before { content: "\f128";}[data-ic="question-circle"]:before { content: "\f059";}[data-ic="quote-left"]:before { content: "\f10d";}[data-ic="quote-right"]:before { content: "\f10e";}[data-ic="ra"]:before { content: "\f1d0";}[data-ic="random"]:before { content: "\f074";}[data-ic="rebel"]:before { content: "\f1d0";}[data-ic="recycle"]:before { content: "\f1b8";}[data-ic="reddit"]:before { content: "\f1a1";}[data-ic="reddit-alien"]:before { content: "\f281";}[data-ic="reddit-square"]:before { content: "\f1a2";}[data-ic="refresh"]:before { content: "\f021";}[data-ic="registered"]:before { content: "\f25d";}[data-ic="remove"]:before { content: "\f00d";}[data-ic="renren"]:before { content: "\f18b";}[data-ic="reorder"]:before { content: "\f0c9";}[data-ic="repeat"]:before { content: "\f01e";}[data-ic="reply"]:before { content: "\f112";}[data-ic="reply-all"]:before { content: "\f122";}[data-ic="retweet"]:before { content: "\f079";}[data-ic="rmb"]:before { content: "\f157";}[data-ic="road"]:before { content: "\f018";}[data-ic="rocket"]:before { content: "\f135";}[data-ic="rotate-left"]:before { content: "\f0e2";}[data-ic="rotate-right"]:before { content: "\f01e";}[data-ic="rouble"]:before { content: "\f158";}[data-ic="rss"]:before { content: "\f09e";}[data-ic="rss-square"]:before { content: "\f143";}[data-ic="rub"]:before { content: "\f158";}[data-ic="ruble"]:before { content: "\f158";}[data-ic="rupee"]:before { content: "\f156";}[data-ic="safari"]:before { content: "\f267";}[data-ic="save"]:before { content: "\f0c7";}[data-ic="scissors"]:before { content: "\f0c4";}[data-ic="scribd"]:before { content: "\f28a";}[data-ic="search"]:before { content: "\f002";}[data-ic="search-minus"]:before { content: "\f010";}[data-ic="search-plus"]:before { content: "\f00e";}[data-ic="sellsy"]:before { content: "\f213";}[data-ic="send"]:before { content: "\f1d8";}[data-ic="send-o"]:before { content: "\f1d9";}[data-ic="server"]:before { content: "\f233";}[data-ic="share"]:before { content: "\f064";}[data-ic="share-alt"]:before { content: "\f1e0";}[data-ic="share-alt-square"]:before { content: "\f1e1";}[data-ic="share-square"]:before { content: "\f14d";}[data-ic="share-square-o"]:before { content: "\f045";}[data-ic="shekel"]:before { content: "\f20b";}[data-ic="sheqel"]:before { content: "\f20b";}[data-ic="shield"]:before { content: "\f132";}[data-ic="ship"]:before { content: "\f21a";}[data-ic="shirtsinbulk"]:before { content: "\f214";}[data-ic="shopping-bag"]:before { content: "\f290";}[data-ic="shopping-basket"]:before { content: "\f291";}[data-ic="shopping-cart"]:before { content: "\f07a";}[data-ic="sign-in"]:before { content: "\f090";}[data-ic="sign-out"]:before { content: "\f08b";}[data-ic="signal"]:before { content: "\f012";}[data-ic="simplybuilt"]:before { content: "\f215";}[data-ic="sitemap"]:before { content: "\f0e8";}[data-ic="skyatlas"]:before { content: "\f216";}[data-ic="skype"]:before { content: "\f17e";}[data-ic="slack"]:before { content: "\f198";}[data-ic="sliders"]:before { content: "\f1de";}[data-ic="slideshare"]:before { content: "\f1e7";}[data-ic="smile-o"]:before { content: "\f118";}[data-ic="soccer-ball-o"]:before { content: "\f1e3";}[data-ic="sort"]:before { content: "\f0dc";}[data-ic="sort-alpha-asc"]:before { content: "\f15d";}[data-ic="sort-alpha-desc"]:before { content: "\f15e";}[data-ic="sort-amount-asc"]:before { content: "\f160";}[data-ic="sort-amount-desc"]:before { content: "\f161";}[data-ic="sort-asc"]:before { content: "\f0de";}[data-ic="sort-desc"]:before { content: "\f0dd";}[data-ic="sort-down"]:before { content: "\f0dd";}[data-ic="sort-numeric-asc"]:before { content: "\f162";}[data-ic="sort-numeric-desc"]:before { content: "\f163";}[data-ic="sort-up"]:before { content: "\f0de";}[data-ic="soundcloud"]:before { content: "\f1be";}[data-ic="space-shuttle"]:before { content: "\f197";}[data-ic="spinner"]:before { content: "\f110";}[data-ic="spoon"]:before { content: "\f1b1";}[data-ic="spotify"]:before { content: "\f1bc";}[data-ic="square"]:before { content: "\f0c8";}[data-ic="square-o"]:before { content: "\f096";}[data-ic="stack-exchange"]:before { content: "\f18d";}[data-ic="stack-overflow"]:before { content: "\f16c";}[data-ic="star"]:before { content: "\f005";}[data-ic="star-half"]:before { content: "\f089";}[data-ic="star-half-empty"]:before { content: "\f123";}[data-ic="star-half-full"]:before { content: "\f123";}[data-ic="star-half-o"]:before { content: "\f123";}[data-ic="star-o"]:before { content: "\f006";}[data-ic="steam"]:before { content: "\f1b6";}[data-ic="steam-square"]:before { content: "\f1b7";}[data-ic="step-backward"]:before { content: "\f048";}[data-ic="step-forward"]:before { content: "\f051";}[data-ic="stethoscope"]:before { content: "\f0f1";}[data-ic="sticky-note"]:before { content: "\f249";}[data-ic="sticky-note-o"]:before { content: "\f24a";}[data-ic="stop"]:before { content: "\f04d";}[data-ic="stop-circle"]:before { content: "\f28d";}[data-ic="stop-circle-o"]:before { content: "\f28e";}[data-ic="street-view"]:before { content: "\f21d";}[data-ic="strikethrough"]:before { content: "\f0cc";}[data-ic="stumbleupon"]:before { content: "\f1a4";}[data-ic="stumbleupon-circle"]:before { content: "\f1a3";}[data-ic="subscript"]:before { content: "\f12c";}[data-ic="subway"]:before { content: "\f239";}[data-ic="suitcase"]:before { content: "\f0f2";}[data-ic="sun-o"]:before { content: "\f185";}[data-ic="superscript"]:before { content: "\f12b";}[data-ic="support"]:before { content: "\f1cd";}[data-ic="table"]:before { content: "\f0ce";}[data-ic="tablet"]:before { content: "\f10a";}[data-ic="tachometer"]:before { content: "\f0e4";}[data-ic="tag"]:before { content: "\f02b";}[data-ic="tags"]:before { content: "\f02c";}[data-ic="tasks"]:before { content: "\f0ae";}[data-ic="taxi"]:before { content: "\f1ba";}[data-ic="television"]:before { content: "\f26c";}[data-ic="tencent-weibo"]:before { content: "\f1d5";}[data-ic="terminal"]:before { content: "\f120";}[data-ic="text-height"]:before { content: "\f034";}[data-ic="text-width"]:before { content: "\f035";}[data-ic="th"]:before { content: "\f00a";}[data-ic="th-large"]:before { content: "\f009";}[data-ic="th-list"]:before { content: "\f00b";}[data-ic="thumb-tack"]:before { content: "\f08d";}[data-ic="thumbs-down"]:before { content: "\f165";}[data-ic="thumbs-o-down"]:before { content: "\f088";}[data-ic="thumbs-o-up"]:before { content: "\f087";}[data-ic="thumbs-up"]:before { content: "\f164";}[data-ic="ticket"]:before { content: "\f145";}[data-ic="times"]:before { content: "\f00d";}[data-ic="times-circle"]:before { content: "\f057";}[data-ic="times-circle-o"]:before { content: "\f05c";}[data-ic="tint"]:before { content: "\f043";}[data-ic="toggle-down"]:before { content: "\f150";}[data-ic="toggle-left"]:before { content: "\f191";}[data-ic="toggle-off"]:before { content: "\f204";}[data-ic="toggle-on"]:before { content: "\f205";}[data-ic="toggle-right"]:before { content: "\f152";}[data-ic="toggle-up"]:before { content: "\f151";}[data-ic="trademark"]:before { content: "\f25c";}[data-ic="train"]:before { content: "\f238";}[data-ic="transgender"]:before { content: "\f224";}[data-ic="transgender-alt"]:before { content: "\f225";}[data-ic="trash"]:before { content: "\f1f8";}[data-ic="trash-o"]:before { content: "\f014";}[data-ic="tree"]:before { content: "\f1bb";}[data-ic="trello"]:before { content: "\f181";}[data-ic="tripadvisor"]:before { content: "\f262";}[data-ic="trophy"]:before { content: "\f091";}[data-ic="truck"]:before { content: "\f0d1";}[data-ic="try"]:before { content: "\f195";}[data-ic="tty"]:before { content: "\f1e4";}[data-ic="tumblr"]:before { content: "\f173";}[data-ic="tumblr-square"]:before { content: "\f174";}[data-ic="turkish-lira"]:before { content: "\f195";}[data-ic="tv"]:before { content: "\f26c";}[data-ic="twitch"]:before { content: "\f1e8";}[data-ic="twitter"]:before { content: "\f099";}[data-ic="twitter-square"]:before { content: "\f081";}[data-ic="umbrella"]:before { content: "\f0e9";}[data-ic="underline"]:before { content: "\f0cd";}[data-ic="undo"]:before { content: "\f0e2";}[data-ic="university"]:before { content: "\f19c";}[data-ic="unlink"]:before { content: "\f127";}[data-ic="unlock"]:before { content: "\f09c";}[data-ic="unlock-alt"]:before { content: "\f13e";}[data-ic="unsorted"]:before { content: "\f0dc";}[data-ic="upload"]:before { content: "\f093";}[data-ic="usb"]:before { content: "\f287";}[data-ic="usd"]:before { content: "\f155";}[data-ic="user"]:before { content: "\f007";}[data-ic="user-md"]:before { content: "\f0f0";}[data-ic="user-plus"]:before { content: "\f234";}[data-ic="user-secret"]:before { content: "\f21b";}[data-ic="user-times"]:before { content: "\f235";}[data-ic="users"]:before { content: "\f0c0";}[data-ic="venus"]:before { content: "\f221";}[data-ic="venus-double"]:before { content: "\f226";}[data-ic="venus-mars"]:before { content: "\f228";}[data-ic="viacoin"]:before { content: "\f237";}[data-ic="video-camera"]:before { content: "\f03d";}[data-ic="vimeo"]:before { content: "\f27d";}[data-ic="vimeo-square"]:before { content: "\f194";}[data-ic="vine"]:before { content: "\f1ca";}[data-ic="vk"]:before { content: "\f189";}[data-ic="volume-down"]:before { content: "\f027";}[data-ic="volume-off"]:before { content: "\f026";}[data-ic="volume-up"]:before { content: "\f028";}[data-ic="warning"]:before { content: "\f071";}[data-ic="wechat"]:before { content: "\f1d7";}[data-ic="weibo"]:before { content: "\f18a";}[data-ic="weixin"]:before { content: "\f1d7";}[data-ic="whatsapp"]:before { content: "\f232";}[data-ic="wheelchair"]:before { content: "\f193";}[data-ic="wifi"]:before { content: "\f1eb";}[data-ic="wikipedia-w"]:before { content: "\f266";}[data-ic="windows"]:before { content: "\f17a";}[data-ic="won"]:before { content: "\f159";}[data-ic="wordpress"]:before { content: "\f19a";}[data-ic="wrench"]:before { content: "\f0ad";}[data-ic="xing"]:before { content: "\f168";}[data-ic="xing-square"]:before { content: "\f169";}[data-ic="y-combinator"]:before { content: "\f23b";}[data-ic="y-combinator-square"]:before { content: "\f1d4";}[data-ic="yahoo"]:before { content: "\f19e";}[data-ic="yc"]:before { content: "\f23b";}[data-ic="yc-square"]:before { content: "\f1d4";}[data-ic="yelp"]:before { content: "\f1e9";}[data-ic="yen"]:before { content: "\f157";}[data-ic="youtube"]:before { content: "\f167";}[data-ic="youtube-play"]:before { content: "\f16a";}[data-ic="youtube-square"]:before { content: "\f166";}
.lbtn, .lelem, .rbtn, .relem { transition: all 200ms; }
.btn, select, input:not([type="radio"]):not([type="checkbox"]), textarea { transition: transform 100ms, background-position 200ms, border 0ms; }
ul.quadrate-list li { transition: transform 200ms; }
#nav-open::before { transition: color 400ms; }
#control { transition:  box-shadow 1s; }
ul#nav > li > a { transition: color 400ms linear, border-color 200ms linear; }
ul#nav > li.active > a { transition: color 0ms, border-color 100ms linear; }
ul#nav > li.active > a::before { transition: color 0ms; }
ul#page_message .dp_message > span > .btn{ animation: ani-delayflip 7s cubic-bezier(.6,1.25,.77,1.2) 1.5s forwards; }
#progress-bar { transition: width 200ms linear; }
@-ms-keyframes ani-eq {
          0%, 100% {color: rgb(141,227,240); text-shadow:  0px 1px 14px rgb(2,217,249), 0px 1px 8px rgb(2,217,249);}
          40%      {color: rgb(var(--rgb-accent-sec)); text-shadow:  0px 3px 8px rgb(var(--rgb-accent-sec)), 0px 1px 4px rgb(0,0,0);}
          60%      {color: rgb(var(--rgb-accent-sec)); text-shadow:  0px 3px 8px rgb(var(--rgb-accent-sec)), 0px 1px 4px rgb(0,0,0);}
}
@-moz-keyframes ani-eq {
          0%, 100% {color: rgb(141,227,240); text-shadow:  0px 1px 14px rgb(2,217,249), 0px 1px 8px rgb(2,217,249);}
          40%      {color: rgb(var(--rgb-accent-sec)); text-shadow:  0px 3px 8px rgb(var(--rgb-accent-sec)), 0px 1px 4px rgb(0,0,0);}
          60%      {color: rgb(var(--rgb-accent-sec)); text-shadow:  0px 3px 8px rgb(var(--rgb-accent-sec)), 0px 1px 4px rgb(0,0,0);}
}
@-webkit-keyframes ani-eq {
          0%, 100% {color: rgb(141,227,240); text-shadow:  0px 1px 14px rgb(2,217,249), 0px 1px 8px rgb(2,217,249);}
          40%      {color: rgb(var(--rgb-accent-sec)); text-shadow:  0px 3px 8px rgb(var(--rgb-accent-sec)), 0px 1px 4px rgb(0,0,0);}
          60%      {color: rgb(var(--rgb-accent-sec)); text-shadow:  0px 3px 8px rgb(var(--rgb-accent-sec)), 0px 1px 4px rgb(0,0,0);}
}
@keyframes ani-eq {
          0%, 100% {color: rgb(141,227,240); text-shadow:  0px 1px 14px rgb(2,217,249), 0px 1px 8px rgb(2,217,249);}
          40%      {color: rgb(var(--rgb-accent-sec)); text-shadow:  0px 3px 8px rgb(var(--rgb-accent-sec)), 0px 1px 4px rgb(0,0,0);}
          60%      {color: rgb(var(--rgb-accent-sec)); text-shadow:  0px 3px 8px rgb(var(--rgb-accent-sec)), 0px 1px 4px rgb(0,0,0);}
}
body[data-audio="on"] #eq::before { text-shadow: none; animation: ani-eq 2s 20ms infinite; }
#corner { perspective: 200px; }
#corner > div { transform: translateZ(0); transition: transform 1s; transform-style: preserve-3d; }
body[data-layer="loading"] #corner > div, body[data-layer="show"] #corner > div { transform: rotateX( 180deg ); }
@media (max-width: 480px) { body[data-nav="on"] #corner > div { transform: rotateX( 0 ); }
}
#corner > div > #logo { transform: translateZ(0); }
#corner > div > #layer-close { transform: translateZ(0); transform: rotateX( 180deg ); }
@media (min-width: 481px) { body[data-touch="off"] ul#nav > li > a::before { transform: translateX(-54px); background: transparent; opacity: 0; transition: transform 0ms linear 200ms, opacity 150ms linear 50ms, background 150ms linear 50ms; }
body[data-touch="off"] ul#nav > li > a:hover::before { transform: translateX(0px); background: rgb(var(--rgb-accent)); opacity: 1; transition: transform 150ms ease-out 150ms,  opacity 150ms linear 150ms, background 150ms linear 150ms; }
}
h1 { transform: translateZ(0); transition: transform 280ms cubic-bezier(0.4, 1.5, 0.65, 1) 20ms, opacity 240ms linear 20ms ; }
body.unload-on h1, body.ajax-loading h1, body.scrolled h1 { transform: translateX(-400px); transition: transform 240ms linear 20ms, opacity 240ms linear 20ms ; opacity: 0; }
@media (max-width: 800px) { body.unload-on h1, body.ajax-loading h1, body.scrolled h1 { transform: translateX(-200px); }
}
#folding-layer { transition: height 200ms linear 100ms, width 200ms linear 300ms, box-shadow 100ms linear 0ms, opacity 0s linear 700ms; }
body[data-js="off"]  #page-header .viewport:hover #folding-layer, body[data-folding="on"] #folding-layer { transition: width 200ms linear 0ms, height 200ms linear 200ms, box-shadow 300ms linear 600ms; }
body #folding-layer-inner { opacity: 0.01; overflow: hidden; max-height: 100px; transform:  translateY(80px); transition: transform 240ms linear 0ms, padding 0ms linear 400ms, opacity 200ms linear 0ms, max-height 0ms linear 200ms; }
body[data-js="off"]  #page-header .viewport:hover #folding-layer-inner, body[data-folding="on"] #folding-layer-inner { opacity: 1; max-height: 20000px; transform: translateY(0px); transition: transform 350ms ease-out 400ms, opacity 500ms linear 500ms; }
#layer { transition: top 0ms linear 0ms; }
body[data-layer="off"] #layer { transition: top 0ms linear 500ms, background 200ms linear 200ms; }
#layer, #layer_main, #layer_content {perspective: 1200px;}
@media (max-height: 480px) { #layer, #layer_main, #layer_content {perspective: 600px;}
}
@media (min-height: 1200px) { #layer, #layer_main, #layer_content {perspective: 2400px;}
}
#layer_main::after { transition: opacity 100ms linear 0ms; }
body[data-layer="loading"]  #layer_main::after { transition: opacity 200ms; }
#layer_content  { transform-origin: center center; transform: rotateX( -40deg ) translateZ(0); transition: all 150ms linear 5ms; opacity: .01; }
body[data-layer="show"] #layer_content  { transform: rotateX( 0deg ) translateZ(0); transition: all 200ms linear 50ms, transform 200ms cubic-bezier(.17,.67,.31,1.43) 60ms; opacity: 1; }
body[data-layer-zoom="loading"] #layer_content > * { transition: all 0ms linear 0ms !important; }
body[data-layer="loading"] #layer-control a { transition: color 400ms; }
#layer-control a { transition: color 200ms; }
body[data-eyes="back"] #page-wall { transform: scale(1) !important; transition: all 200ms ease-out 30ms; }
body[data-eyes="off"] #page-wall { transform: scale(1.2) !important; transition: all 0ms; }
#page-wall { transition: transform 5s ease-in-out 0ms; }
body[data-nav="on"] #page-wall { transition: transform 0s ease-in-out 0ms; }
body[data-wall="zoom"] #page-wall { transform: scale(1.08); }
@media (max-width: 600px) { body[data-wall="zoom"] #page-wall { transform: scale(1.2); }
}
#page-wall > div { display: block; opacity: 0; transition: opacity 0s; }
#page-wall > div.active { opacity: 1; display: block; transition: opacity 5s linear 3s; }
body.unload-on #loading-layer, body.ajax-loading #loading-layer { }
body #page_message { transition: opacity 250ms linear 0ms; }
body.unload-on #page_message, body.ajax-loading #page_message { transition: opacity 0ms linear 0ms; }
body #page-header { transition: opacity 0ms linear 0ms; }
body.unload-on #page-header, body.ajax-loading #page-header { transition: opacity 100ms linear 0ms; }
body #page-content, body #page-bottom-user, body #page-bottom-line, body #page-bottom-navi { transition: opacity 300ms linear 250ms; }
body.unload-on #page-content, body.unload-on #page-bottom-user, body.unload-on #page-bottom-line, body.unload-on #page-bottom-navi, body.ajax-loading #page-content, body.ajax-loading #page-bottom-user, body.ajax-loading #page-bottom-line, body.ajax-loading #page-bottom-navi { transition: opacity 0ms linear 0ms; }
div#media-editor_toggler { transition: all 200ms; }
div#media-editor{ opacity: 0; transform: translateX(-105%); transition: transform 160ms linear 20ms, opacity 140ms linear 20ms, right 0ms linear 190ms; }
body.media-editor-on div#media-editor { transform: translateX(0%); transition: transform 160ms linear 20ms, opacity 160ms linear 20ms, right 0ms linear 20ms; opacity: 1; }
ul#xtra-cms-navi li a { transition: padding 200ms linear; }
@media (max-width: 1200px) { div#media-editor{ transform: translateX(-40%); }
}
@media (max-width: 480px) { #nav-open { transition: all 100ms linear 130ms; }
body[data-nav="on"] #nav-open { transition: all 1s ease-in-out 600ms; }
body.unload-on #nav-open, body.ajax-loading #nav-open { transition: all 100ms linear 0ms !important; }
ul#nav { transform: translateY(100%); transition: transform 120ms linear 10ms, top 0ms linear 140ms; }
body.unload-on ul#nav, body.ajax-loading ul#nav { transition: transform 150ms linear 50ms, top 0ms linear 200ms !important; }
body[data-js="off"] #nav-container:hover ul#nav, body[data-nav="on"] ul#nav { transform: translateY(0%); transition: transform 200ms ease-out 20ms, top 0ms linear 0ms; }
ul#nav > li > a { transition: all 0ms linear; transform-origin: center center; }
body.unload-on ul#nav > li.active > a, body.ajax-loading ul#nav > li.active > a{ text-shadow: none; transform: translateZ(0); padding-left: 100px; color: transparent; transition: padding 100ms, color 100ms linear; }
body.unload-on ul#nav > li.active > a::before, body.ajax-loading ul#nav > li.active > a::before{ color: transparent; transition: color 100ms linear; }
}