@charset "UTF-8";
.l-leftright, .l-clearfix { *zoom: 1; }

.l-leftright:before, .l-clearfix:before, .l-leftright:after, .l-clearfix:after { content: ""; display: table; }

.l-leftright:after, .l-clearfix:after { clear: both; }

html { color: #000; background: #FFF; }

* { box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }

audio, canvas, video { display: inline-block; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, select, p, blockquote, th, td { margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

address, button, caption, cite, code, dfn, em, input, optgroup, option, select, strong, textarea, th, var { font: inherit; }

del, ins { text-decoration: none; }

li { list-style: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

q:before, q:after { content: ''; }

abbr, acronym { border: 0; font-variant: normal; }

sup { vertical-align: baseline; }

sub { vertical-align: baseline; }

legend { color: inherit; *color: #000; }

button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; line-height: normal; }

button, input[type="button"], input[type="reset"], input[type="submit"] { background: transparent; -webkit-appearance: button; cursor: pointer; border: 0; }

button[disabled], input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; }

code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

a { color: inherit; text-decoration: inherit; }

.visuallyhidden, .site_header--logo > h1 { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; }

.site_header, .site_header--logo > a, .site_header--infobutton, .site_header--menubutton { letter-spacing: -1ex; text-indent: -9999px; color: transparent; text-decoration: none; line-height: 1; }

.l-leftright, .l-clearfix { *zoom: 1; }

.l-leftright:before, .l-clearfix:before, .l-leftright:after, .l-clearfix:after { content: ""; display: table; }

.l-leftright:after, .l-clearfix:after { clear: both; }

.site_header--infobutton:before { background: url(../img/icons--sprite.png) no-repeat -51px -1px; width: 19px; height: 19px; margin-left: -10px; margin-top: -10px; background-size: 71px 61px; }

.filter_button:before { background: url(../img/icons--sprite.png) no-repeat -51px -22px; width: 18px; height: 18px; margin-left: -9px; margin-top: -9px; background-size: 71px 61px; }

.icon:after, .ico:after, .site_header--infobutton:before { content: ""; position: absolute; top: 50%; left: 50%; }

.filter_button:before { content: ""; position: absolute; top: 50%; right: 0; margin-left: 0; }

.icon { box-sizing: border-box; display: inline-block; position: relative; letter-spacing: -1ex; text-indent: -9999px; text-decoration: none; line-height: 1; padding: 0; border: none; outline: none; }

body { font-family: Axel, Arial, sans-serif; }

.richtext h1 { font-size: 130%; font-weight: bold; }

.richtext h2 { font-size: 130%; font-weight: bold; }

.richtext h3 { text-transform: uppercase; font-weight: bold; }

.richtext p { margin-top: 0.5em; margin-bottom: 1em; }

.richtext strong { font-weight: bold; }

.richtext a { color: #248ABC; }

.richtext a:hover { color: black; }

.richtext pre, .richtext code { background: #f0f0f0; }

.richtext pre { padding: 20px; }

.richtext ul { display: block; padding-left: 40px; }

.richtext ul > li { list-style-type: disc; }

.richtext ol { display: block; padding-left: 40px; }

.richtext ol > li { list-style-type: decimal; }

.richtext table { border-collapse: collapse; border-spacing: 0; }

.richtext h1 { margin-top: 1em; margin-bottom: 0.5ex; }

.richtext h2 { margin-top: 1.5em; margin-bottom: 0.5ex; }

.richtext h3 { margin-top: 1.5em; margin-bottom: 0.5ex; }

.richtext hr { border-style: solid; border-width: 1px; border-top: 0; border-color: rgba(0, 0, 0, 0.2); margin-top: 2em; margin-bottom: 2em; }

.richtext figure { border-top: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 1em 0 0 0; margin: 2em 0; }

.richtext figure img.figure--logo { max-width: 50%; }

.richtext ul { margin: 1em 0; }

.richtext ol { margin: 1em 0; }

.richtext pre { margin: 1em 0; }

.l-grid, .site_menu--buttonlist { margin-right: -10px; margin-right: -0.71429rem; page-break-inside: avoid; }

.l-col, .site_menu--buttonlist > li { display: block; box-sizing: border-box; padding-right: 10px; padding-right: 0.71429rem; }

html .l-grid, html .site_menu--buttonlist { word-spacing: -0.55ex; }

html .l-col, html .site_menu--buttonlist > li { display: inline-block; vertical-align: top; text-align: left; word-spacing: 0; }

html .l-grid-center { text-align: center; }

html .l-grid-left { text-align: left; }

html .l-grid-right { text-align: right; }

html.flexbox .l-grid, html.flexbox .site_menu--buttonlist { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; word-spacing: inherit; text-align: inherit; }

html.flexbox .l-col, html.flexbox .site_menu--buttonlist > li { display: block; text-align: inherit; word-spacing: inherit; }

html.flexbox .l-grid-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

html.flexbox .l-grid-left { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }

html.flexbox .l-grid-right { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.l-grid.l-grid-nogutter { padding-right: 0; }

.l-grid.l-grid-nogutter > .l-col, .site_menu--buttonlist.l-grid.l-grid-nogutter > li { padding-right: 0; }

.l-grid, .site_menu--buttonlist { margin-bottom: -10px; margin-bottom: -0.71429rem; }

.l-grid > .l-col, .site_menu--buttonlist > .l-col, .site_menu--buttonlist > li { margin-bottom: 10px; margin-bottom: 0.71429rem; }

.l-grid-nogap { margin-bottom: 0; }

.l-grid-nogap > .l-col, .site_menu--buttonlist.l-grid-nogap > li { margin-bottom: 0; }

.l-grid-largegap { margin-bottom: -20px; margin-bottom: -1.42857rem; }

.l-grid-largegap > .l-col, .site_menu--buttonlist.l-grid-largegap > li { margin-bottom: 20px; margin-bottom: 1.42857rem; }

.l-grid-smallgap { margin-bottom: -5px; margin-bottom: -0.35714rem; }

.l-grid-smallgap > .l-col, .site_menu--buttonlist.l-grid-smallgap > li { margin-bottom: 5px; margin-bottom: 0.35714rem; }

@font-face { font-family: 'Axel'; src: url(../fonts/Axel-BoldWeb.eot?) format("eot"), url(../fonts/Axel-BoldWeb.woff) format("woff"); font-weight: bold; font-style: normal; }

@font-face { font-family: 'Axel'; src: url(../fonts/Axel-RegularWeb.eot?) format("eot"), url(../fonts/Axel-RegularWeb.woff) format("woff"); font-weight: normal; font-style: normal; }

input, input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="search"], input[type="url"], input[type="date"], input[type="month"], input[type="week"], input[type="datetime"], input[type="datetime-local"], textarea { padding: 5px; border: 1px solid #aaa; }

input:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="url"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, textarea:focus { border-color: #000; }

select { padding: 5px; border: 1px solid #aaa; }

input[type="submit"], input[type="reset"] { background: red; }

.l-leftright, .l-clearfix { *zoom: 1; }

.l-leftright:before, .l-clearfix:before, .l-leftright:after, .l-clearfix:after { content: ""; display: table; }

.l-leftright:after, .l-clearfix:after { clear: both; }

.site_header--infobutton:before { background: url(../img/icons--sprite.png) no-repeat -51px -1px; width: 19px; height: 19px; margin-left: -10px; margin-top: -10px; background-size: 71px 61px; }

.filter_button:before { background: url(../img/icons--sprite.png) no-repeat -51px -22px; width: 18px; height: 18px; margin-left: -9px; margin-top: -9px; background-size: 71px 61px; }

.icon:after, .ico:after, .site_header--infobutton:before { content: ""; position: absolute; top: 50%; left: 50%; }

.filter_button:before { content: ""; position: absolute; top: 50%; right: 0; margin-left: 0; }

.icon { box-sizing: border-box; display: inline-block; position: relative; letter-spacing: -1ex; text-indent: -9999px; text-decoration: none; line-height: 1; padding: 0; border: none; outline: none; }

.ico { display: inline; display: -webkit-inline-box; min-height: 1ex; letter-spacing: -1ex; text-decoration: none; position: relative; }

.ico:before { content: ''; }

html.cssreflections .ico:before { content: '\00a0'; letter-spacing: -1ex; }

html.js .is-hidden-js { display: none !important; }

html.no-js .is-visible-js { display: none !important; }

@media (min-width: 1051px) { .is-hidden-desktop { display: none !important; }
  .is-visible-tablet { display: none !important; } }

@media (max-width: 1050px) { .is-visible-desktop { display: none !important; }
  .is-hidden-tablet { display: none !important; } }

@media (min-width: 901px) { .is-visible-tablet-portrait { display: none !important; } }

@media (max-width: 900px) { .is-hidden-tablet-portrait { display: none !important; } }

@media (min-width: 751px) { .is-visible-mobile { display: none !important; } }

@media (max-width: 750px) { .is-hidden-mobile { display: none !important; } }

@media (min-width: 401px) { .is-visible-mobile-portrait { display: none !important; } }

@media (max-width: 400px) { .is-hidden-mobile-portrait { display: none !important; } }

@media only screen { .is-visible-print { display: none !important; } }

@media print { .is-hidden-print { display: none !important; } }

body:after { display: none; content: 'desktop'; }

@media (max-width: 1050px) { body:after { content: 'tablet'; } }

@media (max-width: 900px) { body:after { content: 'tablet-portrait'; } }

@media (max-width: 750px) { body:after { content: 'mobile'; } }

@media (max-width: 400px) { body:after { content: 'mobile-portrait'; } }

.media-dispatcher-fallback { display: none; margin-bottom: 0px; }

@media (max-width: 1050px) { .media-dispatcher-fallback { margin-bottom: 1px; } }

@media (max-width: 900px) { .media-dispatcher-fallback { margin-bottom: 2px; } }

@media (max-width: 750px) { .media-dispatcher-fallback { margin-bottom: 3px; } }

@media (max-width: 400px) { .media-dispatcher-fallback { margin-bottom: 4px; } }

body:before { display: none; content: ''; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { body:before { content: 'retina'; } }

body { font-family: Axel, Arial, sans-serif; }

.richtext h1 { font-size: 130%; font-weight: bold; }

.richtext h2 { font-size: 130%; font-weight: bold; }

.richtext h3 { text-transform: uppercase; font-weight: bold; }

.richtext p { margin-top: 0.5em; margin-bottom: 1em; }

.richtext strong { font-weight: bold; }

.richtext a { color: #248ABC; }

.richtext a:hover { color: black; }

.richtext pre, .richtext code { background: #f0f0f0; }

.richtext pre { padding: 20px; }

.richtext ul { display: block; padding-left: 40px; }

.richtext ul > li { list-style-type: disc; }

.richtext ol { display: block; padding-left: 40px; }

.richtext ol > li { list-style-type: decimal; }

.richtext table { border-collapse: collapse; border-spacing: 0; }

.richtext h1 { margin-top: 1em; margin-bottom: 0.5ex; }

.richtext h2 { margin-top: 1.5em; margin-bottom: 0.5ex; }

.richtext h3 { margin-top: 1.5em; margin-bottom: 0.5ex; }

.richtext hr { border-style: solid; border-width: 1px; border-top: 0; border-color: rgba(0, 0, 0, 0.2); margin-top: 2em; margin-bottom: 2em; }

.richtext figure { border-top: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 1em 0 0 0; margin: 2em 0; }

.richtext figure img.figure--logo { max-width: 50%; }

.richtext ul { margin: 1em 0; }

.richtext ol { margin: 1em 0; }

.richtext pre { margin: 1em 0; }

html { font-size: 14px; font-size: 87.5%; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; background-color: #BDC79A; }

@media (min-width: 901px) { html { font-size: 112.5%; } }

body { font-size: 14px; font-size: 1rem; line-height: 1.3; overflow-x: hidden; text-transform: uppercase; }

body, input, select, button, textarea { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.logo { text-decoration: none; }

.logo:before { content: '← '; }

* { -webkit-tap-highlight-color: transparent; }

img { max-width: 100%; }

a { color: inherit; text-decoration: inherit; }

a:active { outline: none; }

a:selected { border: none; outline: none; }

*:focus { outline: none; }

abbr { border-bottom: 1px dotted gray; }

p sup { position: relative; top: -0.75ex; }

p sub { position: relative; top: 0.5ex; }

button { cursor: pointer; }

.l-equalwidth { list-style: none; margin: 0; padding: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

.l-equalwidth > li { -webkit-box-flex: 1; -moz-box-flex: 1; width: 500px; -webkit-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; }

html.lt-ie10 .l-equalwidth { display: table; table-layout: fixed; }

html.lt-ie10 .l-equalwidth > li { width: auto; height: 100%; display: table-cell; }

.l-1of1 { width: 100%; }

.l-1of2 { width: 50%; }

.l-1of3 { width: 33.33333%; }

.l-2of3 { width: 66.66667%; }

.l-1of4 { width: 25%; }

.l-3of4 { width: 75%; }

.l-1of5 { width: 20%; }

.l-2of5 { width: 40%; }

.l-3of5 { width: 60%; }

.l-4of5 { width: 80%; }

@media print { body .l-1of1-print { width: 100%; }
  body .l-1of2-print { width: 50%; }
  body .l-1of3-print { width: 33.33333%; }
  body .l-2of3-print { width: 66.66667%; }
  body .l-1of4-print { width: 25%; }
  body .l-3of4-print { width: 75%; }
  body .l-1of5-print { width: 20%; }
  body .l-2of5-print { width: 40%; }
  body .l-3of5-print { width: 60%; }
  body .l-4of5-print { width: 80%; } }

@media (max-width: 1050px) { .l-1of1-tablet { width: 100%; }
  .l-1of2-tablet { width: 50%; }
  .l-1of3-tablet { width: 33.33333%; }
  .l-2of3-tablet { width: 66.66667%; }
  .l-1of4-tablet { width: 25%; }
  .l-3of4-tablet { width: 75%; }
  .l-1of5-tablet { width: 20%; }
  .l-2of5-tablet { width: 40%; }
  .l-3of5-tablet { width: 60%; }
  .l-4of5-tablet { width: 80%; } }

@media (max-width: 900px) { .l-1of1-tablet-portrait { width: 100%; }
  .l-1of2-tablet-portrait { width: 50%; }
  .l-1of3-tablet-portrait { width: 33.33333%; }
  .l-2of3-tablet-portrait { width: 66.66667%; }
  .l-1of4-tablet-portrait { width: 25%; }
  .l-3of4-tablet-portrait { width: 75%; }
  .l-1of5-tablet-portrait { width: 20%; }
  .l-2of5-tablet-portrait { width: 40%; }
  .l-3of5-tablet-portrait { width: 60%; }
  .l-4of5-tablet-portrait { width: 80%; } }

@media (max-width: 750px) { .l-1of1-mobile { width: 100%; }
  .l-1of2-mobile { width: 50%; }
  .l-1of3-mobile { width: 33.33333%; }
  .l-2of3-mobile { width: 66.66667%; }
  .l-1of4-mobile { width: 25%; }
  .l-3of4-mobile { width: 75%; }
  .l-1of5-mobile { width: 20%; }
  .l-2of5-mobile { width: 40%; }
  .l-3of5-mobile { width: 60%; }
  .l-4of5-mobile { width: 80%; } }

@media (max-width: 580px) { .l-1of1-mobile-narrow { width: 100%; }
  .l-1of2-mobile-narrow { width: 50%; }
  .l-1of3-mobile-narrow { width: 33.33333%; }
  .l-2of3-mobile-narrow { width: 66.66667%; }
  .l-1of4-mobile-narrow { width: 25%; }
  .l-3of4-mobile-narrow { width: 75%; }
  .l-1of5-mobile-narrow { width: 20%; }
  .l-2of5-mobile-narrow { width: 40%; }
  .l-3of5-mobile-narrow { width: 60%; }
  .l-4of5-mobile-narrow { width: 80%; } }

@media (max-width: 400px) { .l-1of1-mobile-portrait { width: 100%; }
  .l-1of2-mobile-portrait { width: 50%; }
  .l-1of3-mobile-portrait { width: 33.33333%; }
  .l-2of3-mobile-portrait { width: 66.66667%; }
  .l-1of4-mobile-portrait { width: 25%; }
  .l-3of4-mobile-portrait { width: 75%; }
  .l-1of5-mobile-portrait { width: 20%; }
  .l-2of5-mobile-portrait { width: 40%; }
  .l-3of5-mobile-portrait { width: 60%; }
  .l-4of5-mobile-portrait { width: 80%; } }

.l-leftright { margin-top: -10px; }

.l-leftright .l-left { display: block; float: left; margin-top: 10px; }

.l-leftright .l-right { display: block; float: right; margin-top: 10px; }

.l-leftright_table { display: table; width: 100%; }

.l-leftright_table > * { display: table-cell; vertical-align: middle; padding-right: 10px; padding-right: 0.71429rem; }

.l-leftright_table > *:last-child { padding-right: 0; }

.l-leftright_table .l-right { text-align: right; }

.l-leftright_table.is-valign_top > .l-left, .l-leftright_table.is-valign_top > .l-right { vertical-align: top; }

.l-leftright_table.is-valign_bottom > .l-left, .l-leftright_table.is-valign_bottom > .l-right { vertical-align: bottom; }

@media (max-width: 1050px) { .l-leftright.l-leftright-reset-tablet .l-left, .l-leftright.l-leftright-reset-tablet .l-right { float: none; }
  .l-leftright_table.l-leftright-reset-tablet { display: block; }
  .l-leftright_table.l-leftright-reset-tablet > * { display: block; text-align: left; padding-right: 0; margin-bottom: 10px; margin-bottom: 0.71429rem; }
  .l-leftright_table.l-leftright-reset-tablet > *:last-child { margin-bottom: 0; } }

@media (max-width: 900px) { .l-leftright.l-leftright-reset-tablet-portrait .l-left, .l-leftright.l-leftright-reset-tablet-portrait .l-right { float: none; }
  .l-leftright_table.l-leftright-reset-tablet-portrait { display: block; }
  .l-leftright_table.l-leftright-reset-tablet-portrait > * { display: block; text-align: left; padding-right: 0; margin-bottom: 10px; margin-bottom: 0.71429rem; }
  .l-leftright_table.l-leftright-reset-tablet-portrait > *:last-child { margin-bottom: 0; } }

@media (max-width: 750px) { .l-leftright.l-leftright-reset-mobile .l-left, .l-leftright.l-leftright-reset-mobile .l-right { float: none; }
  .l-leftright_table.l-leftright-reset-mobile { display: block; }
  .l-leftright_table.l-leftright-reset-mobile > * { display: block; text-align: left; padding-right: 0; margin-bottom: 10px; margin-bottom: 0.71429rem; }
  .l-leftright_table.l-leftright-reset-mobile > *:last-child { margin-bottom: 0; } }

@media (max-width: 400px) { .l-leftright.l-leftright-reset-mobile-portrait .l-left, .l-leftright.l-leftright-reset-mobile-portrait .l-right { float: none; }
  .l-leftright_table.l-leftright-reset-mobile-portrait { display: block; }
  .l-leftright_table.l-leftright-reset-mobile-portrait > * { display: block; text-align: left; padding-right: 0; margin-bottom: 10px; margin-bottom: 0.71429rem; }
  .l-leftright_table.l-leftright-reset-mobile-portrait > *:last-child { margin-bottom: 0; } }

.main_views { position: relative; height: 100%; -webkit-perspective: 300vw; perspective: 300vw; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.main_views--inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.main_views .main_view { position: absolute; visibility: hidden; pointer-events: none; top: 0; left: 0; right: 0; bottom: 0; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: #BDC79A; }

.main_views .main_view.is-active { visibility: visible; pointer-events: auto; }

.main_views.has-transition .main_view { -webkit-transition: -webkit-transform 1s cubic-bezier(0.42, 0, 0.175, 1); transition: -webkit-transform 1s cubic-bezier(0.42, 0, 0.175, 1); transition: transform 1s cubic-bezier(0.42, 0, 0.175, 1); transition: transform 1s cubic-bezier(0.42, 0, 0.175, 1), -webkit-transform 1s cubic-bezier(0.42, 0, 0.175, 1); }

.main_views.is-moving .main_view { visibility: visible; pointer-events: none; }

.detail_view, .list_view { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; background-color: #BDC79A; }

.detail_view:before, .list_view:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background: #BDC79A; box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2); -webkit-transition: opacity 0.5s 0.2s; transition: opacity 0.5s 0.2s; }

.detail_view { z-index: 200; }

.list-transition { -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.42, 0, 0.175, 1); transition: -webkit-transform 0.5s cubic-bezier(0.42, 0, 0.175, 1); transition: transform 0.5s cubic-bezier(0.42, 0, 0.175, 1); transition: transform 0.5s cubic-bezier(0.42, 0, 0.175, 1), -webkit-transform 0.5s cubic-bezier(0.42, 0, 0.175, 1); -webkit-transform: translateX(0%) translateZ(1000px); transform: translateX(0%) translateZ(1000px); }

.list-transition:before { opacity: 0; }

.list-enter, .list-leave { -webkit-transform: translateX(120%) translateZ(1000px); transform: translateX(120%) translateZ(1000px); }

.list-enter:before, .list-leave:before { opacity: 1; }

html, body { height: 100%; overflow: hidden; }

body { max-width: 30em; margin: 0 auto; }

#header { position: fixed; top: 0; height: 62px; left: 0; right: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform 0.5s 0.5s ease-out; transition: -webkit-transform 0.5s 0.5s ease-out; transition: transform 0.5s 0.5s ease-out; transition: transform 0.5s 0.5s ease-out, -webkit-transform 0.5s 0.5s ease-out; }

#body, #list_header { position: fixed; top: 62px; left: 0; right: 0; opacity: 0; -webkit-transform: scale(2); -ms-transform: scale(2); transform: scale(2); -webkit-transition: opacity 1.2s 0.3s, -webkit-transform 0.5s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 1.2s 0.3s, -webkit-transform 0.5s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 1.2s 0.3s, transform 0.5s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 1.2s 0.3s, transform 0.5s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.5s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); }

#body { bottom: 0; -webkit-overflow-scrolling: touch; overflow: auto; }

html.ready #header { -webkit-transform: none; -ms-transform: none; transform: none; }

html.ready #body, html.ready #list_header { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; }

.l-full { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.no-scroll { overflow: hidden; }

@font-face { font-family: 'Axel'; src: url(../fonts/Axel-BoldWeb.eot?) format("eot"), url(../fonts/Axel-BoldWeb.woff) format("woff"); font-weight: bold; font-style: normal; }

@font-face { font-family: 'Axel'; src: url(../fonts/Axel-RegularWeb.eot?) format("eot"), url(../fonts/Axel-RegularWeb.woff) format("woff"); font-weight: normal; font-style: normal; }

input, input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="search"], input[type="url"], input[type="date"], input[type="month"], input[type="week"], input[type="datetime"], input[type="datetime-local"], textarea { padding: 5px; border: 1px solid #aaa; }

input:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="url"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, textarea:focus { border-color: #000; }

select { padding: 5px; border: 1px solid #aaa; }

input[type="submit"], input[type="reset"] { background: red; }

.l-leftright, .l-clearfix { *zoom: 1; }

.l-leftright:before, .l-clearfix:before, .l-leftright:after, .l-clearfix:after { content: ""; display: table; }

.l-leftright:after, .l-clearfix:after { clear: both; }

.site_header--infobutton:before { background: url(../img/icons--sprite.png) no-repeat -51px -1px; width: 19px; height: 19px; margin-left: -10px; margin-top: -10px; background-size: 71px 61px; }

.filter_button:before { background: url(../img/icons--sprite.png) no-repeat -51px -22px; width: 18px; height: 18px; margin-left: -9px; margin-top: -9px; background-size: 71px 61px; }

.icon:after, .ico:after, .site_header--infobutton:before { content: ""; position: absolute; top: 50%; left: 50%; }

.filter_button:before { content: ""; position: absolute; top: 50%; right: 0; margin-left: 0; }

.icon { box-sizing: border-box; display: inline-block; position: relative; letter-spacing: -1ex; text-indent: -9999px; text-decoration: none; line-height: 1; padding: 0; border: none; outline: none; }

.ico { display: inline; display: -webkit-inline-box; min-height: 1ex; letter-spacing: -1ex; text-decoration: none; position: relative; }

.ico:before { content: ''; }

html.cssreflections .ico:before { content: '\00a0'; letter-spacing: -1ex; }

html.js .is-hidden-js { display: none !important; }

html.no-js .is-visible-js { display: none !important; }

@media (min-width: 1051px) { .is-hidden-desktop { display: none !important; }
  .is-visible-tablet { display: none !important; } }

@media (max-width: 1050px) { .is-visible-desktop { display: none !important; }
  .is-hidden-tablet { display: none !important; } }

@media (min-width: 901px) { .is-visible-tablet-portrait { display: none !important; } }

@media (max-width: 900px) { .is-hidden-tablet-portrait { display: none !important; } }

@media (min-width: 751px) { .is-visible-mobile { display: none !important; } }

@media (max-width: 750px) { .is-hidden-mobile { display: none !important; } }

@media (min-width: 401px) { .is-visible-mobile-portrait { display: none !important; } }

@media (max-width: 400px) { .is-hidden-mobile-portrait { display: none !important; } }

@media only screen { .is-visible-print { display: none !important; } }

@media print { .is-hidden-print { display: none !important; } }

body:after { display: none; content: 'desktop'; }

@media (max-width: 1050px) { body:after { content: 'tablet'; } }

@media (max-width: 900px) { body:after { content: 'tablet-portrait'; } }

@media (max-width: 750px) { body:after { content: 'mobile'; } }

@media (max-width: 400px) { body:after { content: 'mobile-portrait'; } }

.media-dispatcher-fallback { display: none; margin-bottom: 0px; }

@media (max-width: 1050px) { .media-dispatcher-fallback { margin-bottom: 1px; } }

@media (max-width: 900px) { .media-dispatcher-fallback { margin-bottom: 2px; } }

@media (max-width: 750px) { .media-dispatcher-fallback { margin-bottom: 3px; } }

@media (max-width: 400px) { .media-dispatcher-fallback { margin-bottom: 4px; } }

body:before { display: none; content: ''; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { body:before { content: 'retina'; } }

body { font-family: Axel, Arial, sans-serif; }

.richtext h1 { font-size: 130%; font-weight: bold; }

.richtext h2 { font-size: 130%; font-weight: bold; }

.richtext h3 { text-transform: uppercase; font-weight: bold; }

.richtext p { margin-top: 0.5em; margin-bottom: 1em; }

.richtext strong { font-weight: bold; }

.richtext a { color: #248ABC; }

.richtext a:hover { color: black; }

.richtext pre, .richtext code { background: #f0f0f0; }

.richtext pre { padding: 20px; }

.richtext ul { display: block; padding-left: 40px; }

.richtext ul > li { list-style-type: disc; }

.richtext ol { display: block; padding-left: 40px; }

.richtext ol > li { list-style-type: decimal; }

.richtext table { border-collapse: collapse; border-spacing: 0; }

.richtext h1 { margin-top: 1em; margin-bottom: 0.5ex; }

.richtext h2 { margin-top: 1.5em; margin-bottom: 0.5ex; }

.richtext h3 { margin-top: 1.5em; margin-bottom: 0.5ex; }

.richtext hr { border-style: solid; border-width: 1px; border-top: 0; border-color: rgba(0, 0, 0, 0.2); margin-top: 2em; margin-bottom: 2em; }

.richtext figure { border-top: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 1em 0 0 0; margin: 2em 0; }

.richtext figure img.figure--logo { max-width: 50%; }

.richtext ul { margin: 1em 0; }

.richtext ol { margin: 1em 0; }

.richtext pre { margin: 1em 0; }

.backlink { display: inline-block; position: relative; padding: 5px 5px 5px 12px; color: white; }

.backlink:after { content: ''; position: absolute; top: 50%; left: -5px; margin-top: -5px; border: 5px solid transparent; border-right-color: currentColor; }

.detail { padding: 0 18px; margin: 0 auto; max-width: 36em; }

.detail-panorama { padding: 0; margin: 0; max-width: none; position: absolute; z-index: 0; top: 0; left: 0; right: 0; bottom: 0; }

.detail--movie { margin: 0 auto 25px; }

.detail--movie video { display: block; margin: 0 auto; width: 100%; background: black; }

.detail--header { margin-bottom: 1ex; }

.detail--title { font-weight: bold; font-size: 130%; }

.detail--description { text-transform: none; }

.detail--description h1 { display: none; }

.detail--facts { opacity: 0.4; margin-top: 20px; margin-bottom: 40px; }

.detail--facts--key { float: left; width: 10ex; }

.detail--facts--val { display: block; margin-left: 11ex; margin-bottom: 4px; }

.zoomify { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; }

.zoomify .ol-overlaycontainer-stopevent { display: none; }

.zoomify--image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.zoomify--controls { position: absolute; bottom: 0; right: 0; z-index: 1; padding: 10px 20px; }

.zoomify--controls > li { display: inline-block; }

.zoomify--button { display: block; color: white; padding: 10px; font-size: 200%; }

.filter_button { position: relative; background: black; color: white; text-transform: uppercase; padding: 11px 14px; text-align: left; width: 100%; display: block; border-radius: 4px; -webkit-transition: background-color 150ms, color 200ms; transition: background-color 150ms, color 200ms; }

.filter_button:before { content: ''; position: absolute; top: 50%; right: 10px; z-index: 1; opacity: 0; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 200ms 150ms; transition: all 200ms 150ms; }

.filter_button.has-arrow:after { content: ''; position: absolute; top: 50%; right: 10px; margin-top: -5px; border: 5px solid transparent; border-left-color: currentColor; }

.filter_button.is-active { background: white; color: black; }

.filter_button.is-active.has-arrow:before { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; }

.location_map { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: auto; -webkit-overflow-scrolling: touch; }

.location_map .location_map--outer { position: relative; width: 720px; margin: auto; }

@media (min-width: 901px) { .location_map .location_map--outer { width: 100%; max-width: 1440px; } }

.location_map .location_map--inner { opacity: 0; -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); }

.location_map .marker { opacity: 0; -webkit-transform: scale(0.25); -ms-transform: scale(0.25); transform: scale(0.25); }

.location_map img { width: 100%; }

.location_map.is-ready .location_map--inner { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; -webkit-transition: opacity 0.5s 1s, -webkit-transform 1.6s 1s cubic-bezier(0.425, 0, 0.21, 0.995); transition: opacity 0.5s 1s, -webkit-transform 1.6s 1s cubic-bezier(0.425, 0, 0.21, 0.995); transition: opacity 0.5s 1s, transform 1.6s 1s cubic-bezier(0.425, 0, 0.21, 0.995); transition: opacity 0.5s 1s, transform 1.6s 1s cubic-bezier(0.425, 0, 0.21, 0.995), -webkit-transform 1.6s 1s cubic-bezier(0.425, 0, 0.21, 0.995); }

.location_map.is-ready .marker { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: opacity 0.2s 3s, -webkit-transform 0.4s 3s ease-out; transition: opacity 0.2s 3s, -webkit-transform 0.4s 3s ease-out; transition: opacity 0.2s 3s, transform 0.4s 3s ease-out; transition: opacity 0.2s 3s, transform 0.4s 3s ease-out, -webkit-transform 0.4s 3s ease-out; }

.location_map--markers { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.marker { position: relative; }

.marker > .marker--count { position: absolute; top: 0; left: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: inline-block; padding: 1px 1ex; border-radius: 1em; background: black; color: white; }

.marker > .marker--label { position: absolute; right: 1.6em; top: 1px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); white-space: nowrap; }

.menu_list--button { position: relative; background: black; color: white; text-transform: uppercase; padding: 22px 14px; text-align: center; width: 100%; display: block; -webkit-transition: background-color 150ms, color 200ms; transition: background-color 150ms, color 200ms; }

.menu_list--button.is-active { background: white; color: black; }

.menu_list > li { margin-bottom: 1px; }

.menu_list > li:first-child .menu_list--button { border-top-right-radius: 4px; border-top-left-radius: 4px; }

.menu_list > li:last-child { margin-bottom: 0; }

.menu_list > li:last-child .menu_list--button { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }

.notification { background: #DDE2CB; text-align: center; padding: 20px; }

.notification a { text-decoration: underline; }

.table_list--header { padding: 4px 16px; text-align: center; color: white; font-weight: bold; background-color: #AEB78D; }

.js-table_list { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.table_list_header { visibility: hidden; position: absolute; top: 0; left: 0; right: 0; z-index: 1; overflow: hidden; pointer-events: none; }

.fastscroller { position: absolute; padding: 5px; background-color: rgba(189, 199, 154, 0.7); border-radius: 3px; top: 40px; right: 0px; bottom: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; }

.table_list_item { position: relative; padding: 12px 18px; line-height: 1.2; display: block; border-bottom: 1px solid #AEB78D; }

.table_list_item.has-image { margin-left: 75px; padding-left: 5px; }

.table_list_item--title { display: block; font-weight: bold; font-size: 18px; font-size: 1.28571rem; }

.table_list_item--image { position: absolute; top: 50%; margin-top: -25px; left: -62px; width: 50px; height: 50px; border-radius: 25px; }

.table_list_item.is-active { background: #DDE2CB; }

.tag_wheel { position: absolute; top: 50%; right: calc(28em + 50%); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.tag_wheel > li { position: absolute; top: 0; left: 0; margin-top: -20px; -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; padding-left: 21.42857em; -webkit-transition: all 700ms cubic-bezier(0.42, 0, 0.175, 1); transition: all 700ms cubic-bezier(0.42, 0, 0.175, 1); }

.tag_wheel > li.is-inactive { opacity: 0; padding-left: 25em; }

.tag_wheel .tag_wheel--tag { white-space: nowrap; line-height: 40px; -webkit-transition: font-size 150ms; transition: font-size 150ms; padding: 2px 5px; margin: -2px -5px; border-radius: 4px; }

.tag_wheel .tag_wheel--tag:hover { background: #DDE2CB; }

.view_header { padding: 14px 18px; text-align: left; line-height: 1; position: relative; z-index: 1; }

.view_header .view_header--backlink { display: inline-block; padding-right: 5px; color: white; }

.view_header--title { position: absolute; top: 14px; left: 50%; padding: 5px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: #BDC79A; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; }

.site_header { position: relative; background: black; color: white; height: 62px; }

.site_header--logo { background: url(../img/graphics/logo-zra.png) no-repeat; background-size: 60px 30px; width: 60px; height: 30px; position: absolute; left: 15px; top: 50%; margin-top: -15px; }

.site_header--logo > a { position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; }

.site_header--infobutton, .site_header--menubutton { position: absolute; top: 50%; margin-top: -20px; width: 40px; height: 40px; }

.site_header--infobutton { right: 60px; border-radius: 20px; }

.site_header--menubutton { right: 15px; }

.site_header--menubutton > span { display: block; position: absolute; top: 50%; margin-top: -3px; left: 8px; right: 8px; height: 3px; background: #fff; -webkit-transition: background 0s 0.15s; transition: background 0s 0.15s; }

.site_header--menubutton > span::before, .site_header--menubutton > span::after { position: absolute; display: block; left: 0; width: 100%; height: 3px; background-color: #fff; content: ""; }

.site_header--menubutton > span::before { -webkit-transition: top 0.15s 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; transition: top 0.15s 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; transition: top 0.15s 0.15s ease-in-out, transform 0.15s ease-in-out; transition: top 0.15s 0.15s ease-in-out, transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; top: -7px; }

.site_header--menubutton > span::after { -webkit-transition: bottom 0.15s 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; transition: bottom 0.15s 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; transition: bottom 0.15s 0.15s ease-in-out, transform 0.15s ease-in-out; transition: bottom 0.15s 0.15s ease-in-out, transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; bottom: -7px; }

.site_header--menubutton.is-active > span { background: none; }

.site_header--menubutton.is-active > span::before, .site_header--menubutton.is-active > span::after { -webkit-transition-delay: 0s, 0.15s, 0.15s; transition-delay: 0s, 0.15s, 0.15s; }

.site_header--menubutton.is-active > span::before { top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.site_header--menubutton.is-active > span::after { bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.site_global { position: relative; z-index: 100000; }

.site_global--menu { position: absolute; -webkit-perspective: 100vw; perspective: 100vw; -webkit-perspective-origin: top; perspective-origin: top; pointer-events: none; top: 100%; left: 0; right: 0; z-index: -1; }

.site_global--menu .site_global--menu--bg { position: absolute; z-index: -1; top: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; height: 0; -webkit-transform: translateZ(-1000px) scale(100); transform: translateZ(-1000px) scale(100); -webkit-transition: opacity 300ms, height 0s 300ms; transition: opacity 300ms, height 0s 300ms; }

.site_global--menu .site_global--menu--views { background: #313131; position: relative; z-index: 1; -webkit-transform: translateZ(0px) rotateX(-91deg); transform: translateZ(0px) rotateX(-91deg); -webkit-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transition: -webkit-transform 300ms cubic-bezier(0.42, 0, 0.175, 1); transition: -webkit-transform 300ms cubic-bezier(0.42, 0, 0.175, 1); transition: transform 300ms cubic-bezier(0.42, 0, 0.175, 1); transition: transform 300ms cubic-bezier(0.42, 0, 0.175, 1), -webkit-transform 300ms cubic-bezier(0.42, 0, 0.175, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.site_global--menu--sub, .site_global--menu--main { -webkit-transition: opacity 400ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 400ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 400ms, transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 400ms, transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1); }

.site_global--menu--sub { position: absolute; top: 0; left: 100%; width: 100%; }

.site_global--menu.is-active { pointer-events: auto; }

.site_global--menu.is-active .site_global--menu--bg { opacity: 1; height: calc(100vh - 100%); -webkit-transition: opacity 300ms; transition: opacity 300ms; }

.site_global--menu.is-active .site_global--menu--views { -webkit-transform: translateZ(0px); transform: translateZ(0px); -webkit-transition: -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1); }

.site_global--menu.is-submenu-active .site_global--menu--sub.is-active, .site_global--menu.is-submenu-active .site_global--menu--main { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); }

.site_global--menu.is-submenu-active .site_global--menu--main { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; }

.site_menu { background: #313131; padding: 20px; }

.site_menu .menu_list { margin-bottom: 10px; }

.site_menu .site_menu--header { margin-top: -5px; margin-bottom: 15px; }

.site_menu--buttonlist > li { width: 50%; }

.view { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.view-scroll { overflow: auto; -webkit-overflow-scrolling: touch; }

.is-hidden { display: none !important; }

.is-disabled, *[disabled] { opacity: 0.5; pointer-events: none; }