@charset "UTF-8";
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
@font-face { font-family: 'GT-Zirkon'; src: url("/fonts/GT-Zirkon-Book.woff2") format("woff2"), url("/fonts/GT-Zirkon-Book.woff") format("woff"); font-style: normal; font-weight: normal; }
@font-face { font-family: 'GT-Zirkon'; src: url("/fonts/GT-Zirkon-Book-Italic.woff2") format("woff2"), url("/fonts/GT-Zirkon-Book-Italic.woff") format("woff"); font-style: italic; font-weight: normal; }
@font-face { font-family: 'PT-Sans'; src: url("/fonts/ptsans-italic-webfont.woff2") format("woff2"), url("/fonts/ptsans-italic-webfont.woff") format("woff"); font-weight: italic; font-style: normal; font-display: swap; }
@font-face { font-family: 'PT-Sans'; src: url("/fonts/ptsans-regular-webfont.woff2") format("woff2"), url("/fonts/ptsans-regular-webfont.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; }
@media screen, projection { html { height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; line-height: 1.15; scroll-behavior: smooth; overscroll-behavior: none; }
  *, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }
  body { min-height: 100%; max-width: 72em; margin: 0 auto; padding: 0; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; color: #111; font-family: "GT-Zirkon", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "PT-Sans", sans-serif; font-size: 100%; line-height: 1.5; letter-spacing: -.01em; background: no-repeat center #fff; background-attachment: fixed; background-size: cover; transition: background-color .5s .2s; }
  [lang="ru"] body { font-family: "PT-Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif; }
  article, aside, footer, header, nav, section, figcaption, figure, main, details, summary { display: block; }
  audio, video { display: inline-block; }
  h1 { margin: 2.25rem 0; font-size: 150%; font-weight: normal; line-height: 1.25; }
  * + h1 { margin-top: 6rem; }
  h2 { margin: 3em 0 0; font-size: 100%; color: #00b2db; font-weight: normal; line-height: 1.25; }
  h3 { margin: 1.5em 0 0; font-size: 100%; color: #00b2db; font-weight: normal; }
  h3 + p { margin-top: 0; margin-bottom: 1em; text-indent: 3em; }
  h3 + p + p, h3 + p + p + p, h3 + p + p + p + p { margin-top: -1em; text-indent: 3em; }
  h4 { margin: 0.75em 0 0; font-size: 100%; color: #00b2db; font-weight: normal; }
  h4 + * { margin-top: 0; }
  a { color: inherit; background-color: transparent; }
  b, strong { font-weight: bolder; }
  img { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; max-width: 100%; height: auto; border: 0; -ms-interpolation-mode: bicubic; }
  svg { max-width: 100%; height: auto; }
  img:not([alt]) { filter: grayscale(100%); }
  svg:not(:root) { overflow: hidden; }
  blockquote { margin: 3em 20% 3em auto; color: #00b2db; font-style: italic; }
  blockquote:nth-of-type(2n + 2) { margin: 3em auto 3em 20%; }
  blockquote em:last-child { display: block; margin-top: .5em; color: #004559; font-size: 81.25%; font-style: normal; }
  hr { height: 0; }
  button, input, optgroup, select, textarea { font: inherit; line-height: 1.15; margin: 0; }
  textarea { resize: vertical; }
  button, input { overflow: visible; }
  button, select { text-transform: none; }
  button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
  button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
  button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }
  fieldset { padding: 0; margin: 0; border: none; }
  button, summary { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  [hidden] { display: none; }
  .vh, .visually_hidden { position: absolute; clip: rect(0 0 0 0); overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; }
  figcaption i { display: block; color: #f7f6f7; font-style: normal; }
  /*  */
  body > * { width: 100%; }
  /*  */
  nav { position: relative; height: 3em; padding: 0.5em 0.75em; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; line-height: 1; color: #f7f6f7; background: #004559; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  nav > * { position: relative; z-index: 2; }
  nav:before { content: attr(aria-label); display: inline-block; margin-right: auto; font-size: 87.5%; line-height: 1.25; }
  .home nav:before { color: transparent; }
  nav a { text-decoration: none; transition: color .25s, background-color .25s; }
  nav button { cursor: pointer; width: 2em; height: 2em; margin: 0; padding: 0; color: #f7f6f7; font-size: 100%; background: none; border: none; outline: none; }
  nav ul { list-style: none; margin: 0; padding: 0; background: #004559; }
  nav li a { display: block; padding: .75em 1em; }
  nav li a:hover { background: #00b2db; }
  nav .current > a, nav .active > a { color: #f7eb61; }
  nav > ul { position: absolute; display: none; z-index: 10; min-width: 16em; max-width: 80%; }
  nav > ul > li { border-top: 1px solid #005973; }
  nav > ul ul { margin-left: 1.5em; margin-bottom: .25em; background: transparent; }
  nav > ul ul a { padding: .5em 1em; }
  nav ul.show { display: block; }
  /* @supports(transform: translate3d(0, 0, 0)) { .js { 	body { 	overflow-x: hidden; 	} 	nav { 		> ul { 		display: initial; 		opacity: 0; 		transform: translate3d(200%, 0, 0); 		transition: transform .4s, opacity .2s; 		} 		ul.show { 		opacity: 1; 		transform: translate3d(0%, 0, 0); 		box-shadow: -2px 2px 4px rgba(#000, .3); 		} 	} } } */
  #switch { margin: 0 1em; background: no-repeat center transparent; background-size: 80%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E  %3Cpath fill='%23F7F6F7' d='M16 31C7.7 31 1 24.3 1 16S7.7 1 16 1s15 6.7 15 15-6.7 15-15 15zm0-2.2c1.2 0 2.8-2.7 3.5-7.3h-7c.7 4.6 2.3 7.3 3.5 7.3zm5.7-7.3c-.4 2.6-1.1 5-2 6.7 3.5-1 6.3-3.5 7.9-6.7h-5.9zm-17.2 0c1.5 3.2 4.4 5.7 7.9 6.7-1-1.7-1.7-4.1-2-6.7H4.5zM22 19.4h6.4c.3-1.1.4-2.2.4-3.4 0-1.2-.2-2.3-.4-3.4H22c.1 1.1.1 2.2.1 3.4 0 1.1 0 2.2-.1 3.4zm-9.8 0h7.6c.1-1 .1-2.2.1-3.4s-.1-2.3-.1-3.4h-7.6c-.1 1-.1 2.2-.1 3.4s0 2.3.1 3.4zm-8.6 0H10c-.1-1.1-.1-2.2-.1-3.4 0-1.1 0-2.2.1-3.4H3.6c-.3 1.1-.4 2.2-.4 3.4 0 1.2.1 2.3.4 3.4zm18.1-8.9h5.8c-1.5-3.2-4.4-5.7-7.9-6.7 1 1.6 1.7 4 2.1 6.7zm-9.2 0h7c-.7-4.6-2.3-7.3-3.5-7.3s-2.8 2.7-3.5 7.3zm-8 0h5.8c.4-2.6 1.1-5 2-6.7-3.4 1-6.3 3.4-7.8 6.7z'/%3E%3C/svg%3E"); }
  #switch:focus { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E %3Cpath fill='%23F7EB61' d='M16 31C7.7 31 1 24.3 1 16S7.7 1 16 1s15 6.7 15 15-6.7 15-15 15zm0-2.2c1.2 0 2.8-2.7 3.5-7.3h-7c.7 4.6 2.3 7.3 3.5 7.3zm5.7-7.3c-.4 2.6-1.1 5-2 6.7 3.5-1 6.3-3.5 7.9-6.7h-5.9zm-17.2 0c1.5 3.2 4.4 5.7 7.9 6.7-1-1.7-1.7-4.1-2-6.7H4.5zM22 19.4h6.4c.3-1.1.4-2.2.4-3.4 0-1.2-.2-2.3-.4-3.4H22c.1 1.1.1 2.2.1 3.4 0 1.1 0 2.2-.1 3.4zm-9.8 0h7.6c.1-1 .1-2.2.1-3.4s-.1-2.3-.1-3.4h-7.6c-.1 1-.1 2.2-.1 3.4s0 2.3.1 3.4zm-8.6 0H10c-.1-1.1-.1-2.2-.1-3.4 0-1.1 0-2.2.1-3.4H3.6c-.3 1.1-.4 2.2-.4 3.4 0 1.2.1 2.3.4 3.4zm18.1-8.9h5.8c-1.5-3.2-4.4-5.7-7.9-6.7 1 1.6 1.7 4 2.1 6.7zm-9.2 0h7c-.7-4.6-2.3-7.3-3.5-7.3s-2.8 2.7-3.5 7.3zm-8 0h5.8c.4-2.6 1.1-5 2-6.7-3.4 1-6.3 3.4-7.8 6.7z'/%3E%3C/svg%3E"); }
  #navicon { -ms-flex-order: 10; order: 10; position: relative; }
  #navicon span, #navicon span:before, #navicon span:after { pointer-events: none; height: 2px; width: 2em; background: #f7f6f7; border-radius: 2px; transition-timing-function: ease-in-out; }
  #navicon span { position: relative; display: inline-block; vertical-align: middle; margin-top: -.1em; transition-duration: .1s; transition-delay: 0; transition-property: background; }
  #navicon span:before, #navicon span:after { content: ''; position: absolute; left: 0; transition-duration: .1s, .1s; transition-delay: .1s, 0; }
  #navicon span:before { top: -8px; transition-property: top, transform; }
  #navicon span:after { bottom: -8px; transition-property: bottom, transform; }
  #navicon[aria-expanded="true"] span { background-color: transparent; }
  #navicon[aria-expanded="true"] span:before, #navicon[aria-expanded="true"] span:after { background-color: #f7eb61; transition-delay: 0, .1s; }
  #navicon[aria-expanded="true"] span:before { top: 0; transform: rotate(45deg); }
  #navicon[aria-expanded="true"] span:after { bottom: 0; transform: rotate(-45deg); }
  #menu { top: 3em; right: 0; }
  #languages { top: 3em; right: 3em; }
  /* */
  main { max-width: 42em; -ms-flex-positive: 1; flex-grow: 1; margin: 0 auto; padding: 0 0.75em 3rem; color: #004559; background-color: #f7f6f7; }
  .home main { position: relative; max-width: 38em; padding: 0; background: transparent; }
  .home main:before { content: ''; position: fixed; z-index: 0; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to top, rgba(0, 69, 89, 0.15), rgba(0, 0, 0, 0)); }
  .grey main { color: #004559; background-color: #f7f6f7; }
  .green main { color: #f7f6f7; background-color: #005973; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  .green main h2, .green main h3, .green main h4 { color: #f7f6f7; }
  .alt { background-color: #82a2ab; }
  main figure { position: relative; margin-top: 2.25em; margin-bottom: 2.25em; margin-left: auto; margin-right: auto; }
  main figure img { vertical-align: top; }
  main figure > a { display: block; height: 100%; text-decoration: none; border: none; }
  main figcaption { position: relative; top: calc(-1.5em - .5em); max-height: 4.625em; overflow: hidden; padding: 0.375em 1.25em 0.25em 0.5em; font-size: 87.5%; line-height: 1.375; color: #f7eb61; text-align: left; background: #004559; }
  main figcaption small { display: none; }
  main figcaption:before { content: '…'; position: absolute; top: 3em; right: .5em; }
  main figcaption:after { content: ''; position: absolute; width: 1em; height: 1em; right: .5em; margin-top: -1.25em; background: #004559; }
  main > a[name]:first-child { scroll-margin-top: 3rem; }
  /* */
  .intro { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding: 0.75em; color: #f7f6f7; background: rgba(0, 69, 89, 0.9); }
  .intro h1 { margin: 0 0 .5em; }
  .intro p { margin: 0 0 0 auto; -ms-flex-item-align: end; align-self: flex-end; color: #f7eb61; font-size: 112.5%; line-height: 1.375; }
  .quick { max-width: 16em; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; margin: 1.5em 0; padding: 0; list-style: none; color: #f7f6f7; font-size: 112.5%; }
  .quick a { display: block; white-space: nowrap; padding: .5em 4.5em .5em .75em; text-decoration: none; }
  .quick a:before { content: '→ '; color: #f7eb61; }
  .quick a:hover { color: #f7f6f7; }
  .quick li { background: rgba(0, 69, 89, 0.9); }
  .quick li:hover { background: #00b2db; }
  .quick ul { margin: 0; padding: 0; list-style: none; }
  .quick > li { position: relative; margin: 1em; }
  .quick > li ul { display: none; position: relative; z-index: 3; left: 60%; left: 2.5em; width: calc(100% - 1.5em); }
  .quick > li:hover ul { display: block; }
  #fs { position: fixed; left: 0.75em; bottom: 0.75em; }
  #fader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; }
  #fader div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: no-repeat center transparent; background-attachment: fixed; background-size: cover; transition: opacity 4s; }
  #fader .current ~ div { opacity: 0; }
  .fw { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin-top: 1.5em; margin-bottom: 3em; margin-left: -0.75em; margin-right: -0.75em; background: #e5ecee; }
  .fw > figure { width: 100%; max-width: 62em; margin: 0 auto; text-align: center; }
  .fw figcaption { position: absolute; top: auto; bottom: calc(-1.5em - .5em + 1px); right: 0; margin: 0; width: 80%; max-width: 42.5142857143em; }
  .fw img { width: auto; max-height: 22em; }
  .fw iframe { display: block; height: 50vh; max-height: 32em; min-height: 22em; border: none; }
  .fw.quote { max-height: none; -ms-flex-direction: column; flex-direction: column; }
  .fw details { -ms-flex-order: -1; order: -1; margin: 0; color: #f7f6f7; line-height: 1.375; border: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  .fw details[open] { background: rgba(0, 178, 219, 0.8); }
  .fw details summary { padding: .5em 1em; background: rgba(0, 157, 194, 0.7); }
  .fw details summary:after { top: .5em; right: 50%; margin-right: -1.125em; background-color: transparent; }
  .fw details blockquote { margin: 1em 0.75em; color: #f7f6f7; }
  .mvs { position: relative; margin-top: 1.5em; margin-bottom: 1.5em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
  .mvs button { pointer-events: none; position: absolute; z-index: 2; top: 0; bottom: 0; width: 10%; padding: 0; background: no-repeat center transparent; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='24' viewBox='0 0 10 16'%3E %3Cpath fill='none' stroke='%23004559' stroke-width='2' d='M1.1 15.4L8.5 8 1.1.6'/%3E%3C/svg%3E"); border: none; outline: none; }
  .mvs .prv { left: 0; transform: rotate(180deg); }
  .mvs .nxt { right: 0; }
  .mvs.ready button { pointer-events: auto; cursor: pointer; }
  .mvs[data-state="start"] .prv { opacity: .2; cursor: default; }
  .mvs[data-state="end"] .nxt { opacity: .2; cursor: default; }
  .mvs-track { min-width: 100%; display: -ms-flexbox; display: flex; overflow: hidden; overflow-x: scroll; margin: 0; padding: 0; scrollbar-width: none; -ms-overflow-style: none; scroll-snap-type: x mandatory; scroll-behavior: smooth; background: #e5ecee; }
  .mvs-track figure { scroll-snap-align: center; -ms-flex: 0 0 auto; flex: 0 0 auto; position: relative; width: 100%; margin: 0; text-align: center; }
  .mvs-track img { width: auto; height: 100%; -o-object-fit: cover; object-fit: cover; }
  .mvs-track figcaption { display: none; }
  .mvs-track::-webkit-scrollbar { display: none; }
  .pins { position: absolute; z-index: 3; left: 0; right: 0; bottom: 1em; margin: 0; text-align: center; }
  .pins li { cursor: pointer; display: inline-block; margin: 0 .5em; width: .8em; height: .8em; background: rgba(229, 236, 238, 0.8); border-radius: 50%; transition: background .4s; }
  .pins li:hover, .pins .current { background: #004559; }
  .captioned { border-top: 1px solid #e5ecee; border-bottom: 1px solid #e5ecee; }
  .captioned .mvs-track figcaption { display: initial; bottom: 0; left: 0; right: 0; width: auto; max-width: 48em; margin: 0 auto; }
  .captioned .pins { top: 1em; bottom: auto; }
  /*  */
  #map { height: calc(100vh - 9em); min-height: 20em; max-width: 62em; width: 100%; margin: 0 auto; position: relative; background: transparent; }
  #the_map { cursor: grab; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
  #the_map svg { display: block; max-width: initial; height: auto; transform: translateZ(0); }
  #the_map.moving { cursor: grabbing; }
  #the_map iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; max-height: none; }
  .js #the_map svg { opacity: 0; transition: opacity .2s; }
  .js #the_map svg.ready { opacity: 1; }
  #map_c { position: absolute; z-index: 0; right: .5em; bottom: .5em; background: rgba(0, 89, 115, 0.3); }
  #map_c p { margin: .25em; line-height: 1; font-size: 81.25%; }
  #map_help { display: -ms-flexbox; display: flex; position: absolute; z-index: -1; opacity: 0; top: 0; left: 0; right: 0; bottom: 0; color: #f7f6f7; font-size: 150%; text-align: center; line-height: 1.375; background: rgba(0, 0, 0, 0.5); transition: opacity .5s ease-out; }
  #map_help p { margin: auto; padding: 1em; }
  .attention + #map_help { z-index: 10; opacity: 1; }
  .map_nav { position: absolute; top: 1em; width: 44px; }
  .map_nav.resizer { left: 1em; }
  .map_nav.orientation { right: 1em; pointer-events: none; }
  .map_nav button, .map_nav .needle { display: block; width: 44px; height: 44px; background: no-repeat center; background-size: 44px; outline: 0; }
  .map_nav button { cursor: pointer; margin-bottom: .5em; background-color: #004559; border: none; }
  .map_nav .pls { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E    %3Cpath fill='%23F7F6F6' d='M20.8 16.6h-4.2v4.2h-1.2v-4.2h-4.2v-1.2h4.2v-4.2h1.2v4.2h4.2v1.2z'/%3E%3C/svg%3E"); }
  .map_nav .mns { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E    %3Cpath fill='%23F7F6F6' d='M20.8 15.3v1.4h-9.6v-1.4h9.6z'/%3E%3C/svg%3E"); }
  .map_nav .needle { pointer-events: none; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E  %3Cpath fill='%230E4559' d='M6.3 30.1L16 19.8l9.7 10.3-9.4-28.2z'/%3E%3C/svg%3E"); transform-origin: center; }
  #topo { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  #topo main { padding-bottom: 0; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; }
  #topo .fw { -ms-flex-order: 10; order: 10; -ms-flex-positive: 1; flex-grow: 1; height: auto; max-height: none; margin-top: 0; margin-bottom: 0; background: #004559; }
  #topo .topo, #topo details { margin-top: 0; margin-bottom: 0; margin-left: -0.75em; margin-right: -0.75em; color: #f7eb61; background: #004559; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  #topo details { background: #005973; }
  #topo details div { font-size: 87.5%; }
  #topo summary:after { opacity: .7; right: 50%; margin-right: -1.125em; background-color: transparent; }
  .topo { margin: 0; padding: 0 1.5em; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; list-style: none; color: #f7f6f7; overflow: auto; border-bottom: 1px solid rgba(0, 178, 219, 0.5); scrollbar-width: none; -ms-overflow-style: none; scroll-snap-type: x mandatory; scroll-behavior: smooth; }
  .topo li { text-align: center; }
  .topo a { display: block; padding: .75em 1.5em; color: #82a2ab; white-space: nowrap; text-decoration: none; transition: all .1s; }
  .topo .current a, .topo a:hover { color: #f7eb61; }
  .topo::-webkit-scrollbar { display: none; }
  .dot.active { stroke: #004559; stroke-width: 10px; fill: transparent; outline: none; }
  .s .dot { r: 28px; }
  .m .dot { r: 22px; }
  .l .dot { r: 17px; }
  .xl .dot { r: 14px; }
  .overlay { display: block !important; opacity: 0; }
  .overlay.show { opacity: 1; }
  .sticky { display: none; cursor: pointer; position: static; width: 20em; max-width: calc(100% - 20px); padding: .5em; background: #f7eb61; outline: 1px solid #e6d50c; }
  .sticky.open { display: block; position: absolute; z-index: 5; }
  .sticky > *:first-child { margin-top: 0; }
  .sticky > *:last-child { margin-bottom: 0; }
  .sticky:before { content: ''; display: block; position: absolute; top: 0; right: 0; width: 32px; height: 32px; background: no-repeat center transparent; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E    %3Cpath fill='%23000' d='M32 1.2L30.8 0 16 14.8 1.2 0 0 1.2 14.8 16 0 30.8 1.2 32 16 17.2 30.8 32l1.2-1.2L17.2 16z'/%3E%3C/svg%3E"); background-size: 16px; }
  .sticky h3 { margin: 0 0 .5rem 0; padding: 0 44px 0 0; font-size: 112.5%; color: #004559; line-height: 1.375; }
  .sticky h3 + p { text-indent: 0; }
  .sticky div > a { display: block; }
  /*  */
  #biographies { margin: 0; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); margin-left: -0.75em; margin-right: -0.75em; padding: 0; list-style: none; -moz-columns: 4 15em; columns: 4 15em; -moz-column-gap: 0; column-gap: 0; }
  #biographies li { position: relative; margin: 0; display: -ms-flexbox; display: flex; page-break-inside: avoid; break-inside: avoid; line-height: 1.25; background: no-repeat center; background-size: cover; }
  #biographies li:before { content: ''; width: 1px; padding-bottom: 125%; }
  #biographies li:after { content: ''; position: absolute; z-index: 0; top: 0; left: 0; right: 0; bottom: 0; background: rgba(247, 235, 97, 0.1); }
  #biographies li > a { position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; }
  #biographies li:nth-child(2n+1):after { background: rgba(0, 69, 89, 0.3); }
  #biographies li:nth-child(3n+1):after { background: rgba(0, 178, 219, 0.3); }
  #biographies li:nth-child(5n+1):after { background: rgba(247, 235, 97, 0.3); }
  #biographies li:nth-child(2n + 2):before { padding-bottom: 100%; }
  #biographies li:nth-child(3n + 2):before { padding-bottom: 115%; }
  #biographies p { position: relative; z-index: 1; max-width: calc(100% - 2rem); margin: auto auto 1rem 1rem; padding: .5rem 1.5rem .5rem .5rem; font-size: 150%; color: #00b2db; background: rgba(247, 246, 247, 0.8); }
  #biographies p a { color: #004559; text-decoration: none; }
  .bio > h1 { margin-bottom: 0; }
  .bio h2 { margin: 0; font-size: 150%; }
  .bio > figure { margin-top: 3em; margin-bottom: 3em; }
  .bio p { margin-top: 1em; }
  .bio p + p { margin-top: -1em; text-indent: 3em; }
  .bio img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; }
  .bio figcaption { text-align: left; max-width: 80%; }
  .bio .fw figcaption { max-width: 42.5142857143em; }
  .portrait { text-align: center; }
  .portrait > figcaption { left: 50%; right: auto; width: 46vw; max-width: 31em; }
  .portrait img { height: 58vh; max-height: 34em; }
  .s { direction: rtl; }
  .s img { max-height: 50vh; width: auto; }
  .s:nth-of-type(2n + 2) { direction: ltr; }
  .s figcaption { direction: ltr; }
  #explore { position: relative; margin-top: 1.5em; margin-bottom: 1.5em; margin-left: -0.75em; margin-right: -0.75em; }
  #explore .pins { display: none; }
  #pnav:after { content: ''; position: absolute; z-index: 2; pointer-events: none; width: 12vw; height: 12vw; bottom: 0; left: calc(50% - (6vw)); box-shadow: 0 0 0 6px #7fd8ed, inset 0 0 0 2px #7fd8ed; }
  #pnav button { top: calc(50% - 1.5em); bottom: auto; width: 2em; height: 3em; margin: 0; background-color: rgba(247, 246, 247, 0.7); border-radius: 3px; }
  #pnav .mvs-track { background: transparent; }
  #pnav .mvs-track:before, #pnav .mvs-track:after { content: ''; display: block; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(50% - (6vw)); }
  #pnav .mvs-track > div { scroll-snap-align: center; -ms-flex: 0 0 12vw; flex: 0 0 12vw; width: 12vw; height: 12vw; display: -ms-flexbox; display: flex; line-height: 1.25; background: no-repeat center #e5ecee; background-size: cover; }
  #pnav .mvs-track p { display: none; position: relative; z-index: 1; max-width: calc(100% - 2rem); margin: auto auto 1rem 1rem; padding: .5rem 1.5rem .5rem .5rem; font-size: 100%; color: #00b2db; background: rgba(247, 246, 247, 0.8); }
  #pnav .mvs-track p em { color: #004559; text-decoration: none; font-style: normal; }
  #pnav_prvw { position: relative; margin-bottom: 1.5em; margin-left: calc(50% - (16em/2)); width: 16em; height: 16em; border: 8px solid #7fd8ed; }
  #pnav_prvw div { height: 100%; position: absolute; opacity: 1; top: 0; left: 0; right: 0; bottom: 0; display: -ms-flexbox; display: flex; line-height: 1.25; background: no-repeat center #e5ecee; background-size: cover; transition: opacity .2s; }
  #pnav_prvw div + div { opacity: 0; pointer-events: none; }
  #pnav_prvw div + div > a { display: none; }
  #pnav_prvw div > a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
  #pnav_prvw p { position: relative; max-width: calc(100% - 2rem); margin: auto auto 1rem 1rem; padding: .5rem 1.5rem .5rem .5rem; font-size: 100%; color: #00b2db; background: rgba(247, 246, 247, 0.8); }
  #pnav_prvw p em { color: #004559; text-decoration: none; font-style: normal; }
  /* */
  #chronology { position: relative; padding-bottom: 10em; transition: opacity .2s; backface-visibility: hidden; }
  #chronology.faded { opacity: .1; }
  #chronology article > p:first-child { margin: 0; font-size: 150%; }
  #chronology article > h2 { margin: 0 0 1em; font-size: 150%; color: #f7eb61; }
  #chronology p { margin-top: 1em; }
  #chronology p + p { margin-top: -1em; text-indent: 3em; }
  #chronology .mvs { margin-left: -7.8%; margin-right: -7.8%; }
  #chronology figure { margin-top: 3em; margin-bottom: 3em; }
  #chronology figure img { vertical-align: top; }
  #chronology figcaption { margin-right: 30%; }
  #chronology figure:nth-child(2n+2) figcaption { margin-right: 0; margin-left: 30%; }
  .chr_btn { position: absolute; top: -2em; width: 32px; height: 2em; background: no-repeat center transparent; background-size: 32px; border-radius: 5px; }
  .chr_btn.prv { left: -0.75em; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E  %3Cpath fill='%23F7EB61' d='M22 29.5l-13.4-13 13.3-14 1.5 1.3-12 12.6 12 11.7z'/%3E%3C/svg%3E"); }
  .chr_btn.nxt { right: -0.75em; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E  %3Cpath fill='%23F7EB61' d='M10 29.5l13.4-13-13.3-14-1.5 1.3 12 12.6-12 11.7z'/%3E%3C/svg%3E"); }
  #timeline { display: none; position: fixed; bottom: 0; left: 0; right: 0; padding: 1em 0; background: #004559; backface-visibility: hidden; }
  #timeline.ready { display: block; }
  #tl_line { overflow: hidden; overflow-x: scroll; scrollbar-width: none; -ms-overflow-style: none; scroll-behavior: smooth; transform: translateZ(0); }
  #tl_line::-webkit-scrollbar { display: none; }
  .tl_current { min-height: 2.75em; margin: 0 auto 0.75em; padding: 0 0 0 0.75em; max-width: 42em; color: #f7eb61; line-height: 1.375; }
  #tl_desc { display: inline-block; max-width: 16em; font-size: 93.75%; }
  #tl_markers { position: relative; height: 44px; }
  #tl_markers m { cursor: pointer; position: absolute; z-index: 2; display: block; bottom: 0; width: 2px; height: 40px; background: #82a2ab; }
  #tl_markers m:after { content: ''; position: absolute; z-index: 1; top: 9; left: -9px; display: block; width: 20px; height: 20px; background: #82a2ab; border-radius: 999px; transition: all 1s; }
  #tl_markers .current { z-index: 3; }
  #tl_markers .current:after { box-shadow: inset 0 0 0 4px #f7eb61; }
  #tl_period { position: relative; z-index: 5; margin-top: -4px; height: 4px; width: 10%; transition: all .6s; background: #f7eb61; }
  #tl_years { display: -ms-flexbox; display: flex; color: #f7f6f7; font-size: 87.5%; line-height: 1; }
  #tl_years span { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 10vw; max-width: 80px; padding-top: 1rem; border-top: 2px solid #82a2ab; }
  #tl_years span:before { content: '’'; }
  /* */
  summary { display: block; cursor: pointer; list-style-image: none; position: relative; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
  summary:after { content: ''; position: absolute; top: 0; right: 1em; width: 2.25em; height: 1.5em; background: no-repeat center #004559; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E    %3Cpath fill='%23F7F6F6' d='M16.5 22L1 11.2l.9-1.2 14.6 10.2L30.1 10l.9 1.2z'/%3E%3C/svg%3E"); transform-origin: center; }
  summary + * > *:first-child { margin-top: 0; }
  summary + * > *:last-child { margin-bottom: 0; }
  summary + div { padding: 0 1rem 1.5em; }
  summary::-webkit-details-marker { display: none; }
  details { margin: 1em 0; border-top: 1px solid #004559; }
  details + details { margin-top: -1em; }
  details summary { min-height: .5em; padding: .75em 1em; padding-right: 5em; }
  details:last-of-type { border-bottom: 1px solid #004559; }
  details[open] { background: rgba(0, 178, 219, 0.5); }
  details[open] summary { font-style: italic; }
  details[open] summary:after { transform: rotate(180deg); }
  details::-webkit-scrollbar { display: none; }
  /*  */
  label { display: block; }
  input[type="text"], input[type="email"], textarea { width: 100%; padding: .375em .5em; background: rgba(0, 178, 219, 0.5); border: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
  input[type="text"]:focus, input[type="email"]:focus, textarea:focus { outline: 2px solid #82a2ab; }
  select { width: 100%; overflow: hidden; padding: .25em; height: 2.25em; background: rgba(0, 178, 219, 0.5); border: none; border-radius: 0; }
  select:focus { outline: 2px solid #82a2ab; }
  @supports (-webkit-appearance: none) or (-moz-appearance: none) { select { -webkit-appearance: none; -moz-appearance: none; padding-right: 24px; background-repeat: no-repeat; background-position: right center; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M0,5 L6,5 L3,0z M0,7 L6,7 L3,12z' /%3E%3C/svg%3E"); background-size: 14px; } }
  .upload_section label { cursor: pointer; }
  #filename { display: block; margin-top: .25em; font-style: italic; }
  .tick { display: block; }
  .tick input[type="hidden"] { position: absolute; }
  .tick input[type="checkbox"] { position: absolute; clip: rect(0 0 0 0); overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; }
  .tick label { display: block; position: relative; padding-left: 30px; padding-left: calc(24px + .5em); }
  .tick svg { position: absolute; top: 0; left: 0; display: block; width: 24px; height: 24px; margin-right: 1em; }
  .tick #checkmark { opacity: 0; transition: opacity 0.25s; }
  .tick input[type="checkbox"]:checked + svg #checkmark { opacity: 1; }
  .submission { margin-top: 1.5em; }
  button[type="submit"] { cursor: pointer; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: .5em 2em .5em 1.5em; color: inherit; font-size: 100%; color: #f7eb61; background: #004559; border: 0; outline: 0; }
  /* */
  footer { padding: 0.5em 0.75em; text-align: center; color: #f7f6f7; background: #004559; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  footer > *:first-child { margin-top: 0; }
  footer > *:last-child { margin-bottom: 0; } }
@media only screen and (max-width: 52em) and (orientation: landscape) { .portrait img { max-height: 88vh; }
  .s img { max-height: 80vh; }
  .fw img { max-height: 88vh; }
  .fw iframe { height: 80vh; } }
@media only screen and (min-width: 24em) { body:before { content: '24'; }
  nav, main, .intro, footer { padding-left: 1.5em; padding-right: 1.5em; }
  .intro { padding-top: 1.5em; padding-bottom: 1.5em; }
  .fw, #explore, #biographies, #topo .topo, #topo details { margin-left: -1.5em; margin-right: -1.5em; }
  .chr_btn { width: 1.5em; }
  .chr_btn.prv { left: -1.5em; }
  .chr_btn.nxt { right: -1.5em; }
  .tl_current { padding-left: 1.5em; } }
@media only screen and (min-width: 35em) { body:before { content: '35'; }
  nav, main, .intro, footer { padding-left: 3em; padding-right: 3em; }
  .intro { padding-top: 2.25em; padding-bottom: 2.25em; }
  .fw, #explore, #biographies, #topo .topo, #topo details { margin-left: -3em; margin-right: -3em; }
  .chr_btn { width: 3em; }
  .chr_btn.prv { left: -3em; }
  .chr_btn.nxt { right: -3em; }
  .tl_current { padding-left: 3em; }
  .quick > li ul { position: absolute; width: auto; top: 0; left: 100%; left: calc(100% + .5px); }
  .chr_btn { top: calc(50vh - 12rem); } }
@media only screen and (min-width: 42em) { body:before { content: "42em"; }
  html { overflow-x: hidden; }
  h1 { margin: 3rem 0; }
  .fw, #biographies, #explore { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
  .tl_current { padding-left: 4.5em; }
  .fw { margin-top: 3rem; }
  .fw img { max-height: 30em; }
  .fw figcaption { right: 1em; }
  .bio .fw figcaption { max-width: 41.5142857143em; }
  #pnav button { margin: 0 1.5em; }
  #topo main { padding-bottom: 3rem; }
  #topo .fw { -ms-flex-order: unset; order: unset; -ms-flex-positive: initial; flex-grow: initial; margin-top: 2.25em; margin-bottom: 2.25em; background: #e5ecee; }
  #topo .topo, #topo details { margin-left: 0; margin-right: 0; color: #004559; background: transparent; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; }
  #topo details { background: transparent; border: none; }
  #topo details div { font-size: 100%; }
  #topo [open] summary { display: none; }
  #topo summary + div { padding: 0 0 1.5em; }
  .topo { padding: 0; border: 0; }
  .topo a { display: block; padding: 0 1.25em; line-height: 1.75; color: #f7f6f7; background: #7fd8ed; }
  .topo .current a, .topo a:hover { color: #f7eb61; background: #004559; }
  #map { max-height: 62vh; } }
@media only screen and (min-width: 44em) { body:before { content: '44'; }
  h1 { font-size: 175%; }
  main, footer { padding-left: 4.5em; padding-right: 4.5em; }
  .quick { margin: 2.25em auto; }
  .bio h2 { font-size: 175%; }
  .intro { padding-left: 4.5em; padding-right: 4.5em; padding-top: 3em; padding-bottom: 3em; }
  .intro p { font-size: 125%; }
  .chr_btn { width: 4.5em; }
  .chr_btn.prv { left: -4.5em; }
  .chr_btn.nxt { right: -4.5em; }
  .s { max-width: 86%; margin-left: 14%; }
  .s:nth-of-type(2n + 2) { margin-left: 0; margin-right: 14%; }
  #explore { margin-top: calc(8em - 6vw + 3em); margin-bottom: calc(8em - 6vw + 3em); }
  #pnav_prvw { position: absolute; z-index: 3; top: calc(6vw - 8em); margin-bottom: 0; } }
@media only screen and (min-width: 48em) { body:before { content: '48'; }
  nav { padding: 0; height: auto; line-height: 1.5; }
  nav:before { content: none; }
  nav > ul { min-width: 12em; }
  nav > ul > li { position: relative; border-top: 0; }
  nav > ul ul { display: none; position: absolute; z-index: 10; min-width: 12em; max-width: 80%; margin-left: 0; margin-bottom: 0; background: #004559; }
  nav > ul ul li { border-top: 1px solid rgba(247, 246, 247, 0.5); }
  nav > ul ul a { padding: .5em 1em; }
  nav > ul li:hover > ul { display: block; }
  #menu { position: relative; display: -ms-flexbox; display: flex; z-index: 10; top: auto; right: auto; min-width: auto; max-width: 100%; -ms-flex-positive: 1; flex-grow: 1; }
  #menu > li:first-child > a { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; width: 3em; overflow: hidden; white-space: nowrap; color: transparent; }
  #menu > li:first-child a:before { content: ''; display: inline-block; -ms-flex: 0 0 1em; flex: 0 0 1em; width: 1em; height: 1em; margin-right: 1em; background: no-repeat center transparent; background-size: 100%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E    %3Cpath fill='%23F7F6F7' d='M13 14.8H8.9v-3.1H7.1v3.1H3V9.6H.5L8 1.2l7.5 8.4H13v5.2zm-3.1-1H12V8.6h1.2L8 2.7 2.8 8.6H4v5.2h2.1v-3.1h3.8v3.1z'/%3E%3C/svg%3E"); }
  #menu > li:nth-child(2) { -ms-flex-order: 4; order: 4; }
  #menu > li:nth-child(5) { margin-right: auto; }
  #navicon { display: none; }
  #languages { top: 100%; right: 0; left: auto; }
  #languages li { border-top: 1px solid rgba(247, 246, 247, 0.5); }
  .fw details { -ms-flex-order: auto; order: auto; position: absolute; top: 0; left: calc(50% - 50vw); width: 50%; max-width: 24.8em; }
  .fw details[open] { height: 100%; overflow-y: auto; scrollbar-width: none; }
  .overlay { transition: opacity .2s; } }
@media only screen and (min-width: 60em) { body:before { content: '60'; }
  #menu > li > a { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
  #menu > li > a:before { content: '→ '; display: inline-block; width: 1em; }
  #menu > li:hover a[data-sublist]:before { content: '↓ '; }
  #menu > li:nth-child(2) a:before { content: ''; height: 1em; margin-right: .5em; background: no-repeat center transparent; background-size: 100%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E %3Cpath fill='%23F7F6F6' d='M8 13.9c-3.3 0-5.6-2.4-5.6-5.9 0-3.5 2.4-5.9 5.6-5.9 3.3 0 5.6 2.4 5.6 5.9 0 3.5-2.3 5.9-5.6 5.9M8 1.1C4 1.1 1.2 4 1.2 8S4 14.9 8 14.9 14.8 12 14.8 8 12 1.1 8 1.1M7.4 12h1.1V7H7.4v5zm0-6.4h1.2V4H7.4v1.6z'/%3E%3C/svg%3E"); }
  #menu > li:nth-child(2) a:hover { content: ''; }
  #menu > li:nth-child(2).current a:before, #menu > li:nth-child(2).active a:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E %3Cpath fill='%23f7eb61' d='M8 13.9c-3.3 0-5.6-2.4-5.6-5.9 0-3.5 2.4-5.9 5.6-5.9 3.3 0 5.6 2.4 5.6 5.9 0 3.5-2.3 5.9-5.6 5.9M8 1.1C4 1.1 1.2 4 1.2 8S4 14.9 8 14.9 14.8 12 14.8 8 12 1.1 8 1.1M7.4 12h1.1V7H7.4v5zm0-6.4h1.2V4H7.4v1.6z'/%3E%3C/svg%3E"); }
  #menu > li:last-child > a:before { content: ''; height: 1em; margin-right: .5em; background: no-repeat center transparent; background-size: 100%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E %3Cpath fill='%23F7F6F6' d='M7.3 12.1h1.2v-1.3H7.3v1.3zm.2-2.2h.9v-.4c0-.5.2-.8.9-1.4.8-.7 1.2-1.3 1.2-2.2 0-1.2-.9-2-2.3-2-1.6 0-2.5.9-2.5 2.4l.9.2c0-1.2.5-1.8 1.6-1.8.8 0 1.3.5 1.3 1.2 0 .6-.1 1-.8 1.6-1 .8-1.2 1.2-1.2 2v.4zm.5 4c-3.3 0-5.6-2.4-5.6-5.9 0-3.5 2.4-5.9 5.6-5.9 3.3 0 5.6 2.4 5.6 5.9 0 3.5-2.3 5.9-5.6 5.9M8 1.1C4 1.1 1.2 4 1.2 8S4 14.9 8 14.9 14.8 12 14.8 8 12 1.1 8 1.1'/%3E%3C/svg%3E"); }
  #menu > li:last-child a:hover { content: ''; }
  #menu > li:last-child.current a:before, #menu > li:last-child.active a:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E %3Cpath fill='%23f7eb61' d='M7.3 12.1h1.2v-1.3H7.3v1.3zm.2-2.2h.9v-.4c0-.5.2-.8.9-1.4.8-.7 1.2-1.3 1.2-2.2 0-1.2-.9-2-2.3-2-1.6 0-2.5.9-2.5 2.4l.9.2c0-1.2.5-1.8 1.6-1.8.8 0 1.3.5 1.3 1.2 0 .6-.1 1-.8 1.6-1 .8-1.2 1.2-1.2 2v.4zm.5 4c-3.3 0-5.6-2.4-5.6-5.9 0-3.5 2.4-5.9 5.6-5.9 3.3 0 5.6 2.4 5.6 5.9 0 3.5-2.3 5.9-5.6 5.9M8 1.1C4 1.1 1.2 4 1.2 8S4 14.9 8 14.9 14.8 12 14.8 8 12 1.1 8 1.1'/%3E%3C/svg%3E"); }
  #menu > li:last-child:hover a[data-sublist]:before { content: ''; }
  #switch { width: auto; padding: 0 0 0 1.5em; background-position: left center; background-size: 1em; }
  #switch:after { content: attr(aria-label); }
  #switch:focus:after { color: #f7eb61; } }
@media only screen and (min-width: 62em) { body:before { content: "62em"; }
  .fw details { left: calc(50% - (62em / 2)); } }
@media only screen and (min-width: 72em) { body:before { content: "72em"; }
  nav { position: relative; }
  nav:after { content: ''; position: absolute; z-index: 0; top: 0; bottom: 0; left: 50%; margin-left: -50vw; width: 100vw; background: #004559; }
  #biographies { margin-left: calc(50% - (36em)); margin-right: calc(50% - (36em)); }
  /* #explore { margin-left: calc(50% - (36em)); margin-right: calc(50% - (36em)); outline: 1px dashed firebrick; } */ }
@media only screen and (min-width: 82em) { body:before { content: '82'; }
  html { font-size: 106.25%; }
  .home main { font-size: 117.6470588235%; } }
@media only screen and (min-width: 92em) { body:before { content: '92'; }
  html { font-size: 112.5%; }
  .home main { font-size: 122.2222222222%; } }
/* IE 10+ */
/*!
 * baguetteBox.js
 * @author  feimosi
 * @version 1.11.0
 * @url https://github.com/feimosi/baguetteBox.js
 */
#baguetteBox-overlay { display: none; opacity: 0; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000000; background-color: #eee; background-color: rgba(255, 255, 255, 0.9); -webkit-transition: opacity .5s ease; transition: opacity .5s ease; }

#baguetteBox-overlay.visible { opacity: 1; }

#baguetteBox-overlay .full-image { display: inline-block; vertical-align: top; position: relative; width: 100%; height: 100%; text-align: center; }

#baguetteBox-overlay .full-image figure { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; margin: 0 2vw; height: 100%; }

#baguetteBox-overlay .full-image img { display: inline-block; width: auto; height: auto; max-height: calc(100% - 6em); max-width: 100%; margin: auto; vertical-align: middle; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: none; }

#baguetteBox-overlay .full-image figcaption { display: block; bottom: 0; width: 100%; max-width: 62em; margin: 0 auto; padding: .5em 0; text-align: left; font-size: 87.5%; line-height: 1.375; white-space: normal; color: #ccc; color: #f7eb61; background-color: #fff; background-color: transparent; }
#baguetteBox-overlay .full-image figcaption small { display: block; margin-top: .25em; color: #a7bfc6; }

#baguetteBox-overlay .full-image:before { display: inline-block; height: 50%; width: 1px; margin-right: -1px; }

#baguetteBox-slider { position: absolute; left: 0; top: 1%; height: 98%; width: 100%; white-space: nowrap; -webkit-transition: left .4s ease, -webkit-transform .4s ease; transition: left .4s ease, -webkit-transform .4s ease; transition: left .4s ease, transform .4s ease; transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease; }

#baguetteBox-slider.bounce-from-right { -webkit-animation: bounceFromRight .4s ease-out; animation: bounceFromRight .4s ease-out; }

#baguetteBox-slider.bounce-from-left { -webkit-animation: bounceFromLeft .4s ease-out; animation: bounceFromLeft .4s ease-out; }

@-webkit-keyframes bounceFromRight { 0% { margin-left: 0; }
  50% { margin-left: -30px; }
  100% { margin-left: 0; } }
@keyframes bounceFromRight { 0% { margin-left: 0; }
  50% { margin-left: -30px; }
  100% { margin-left: 0; } }
@-webkit-keyframes bounceFromLeft { 0% { margin-left: 0; }
  50% { margin-left: 30px; }
  100% { margin-left: 0; } }
@keyframes bounceFromLeft { 0% { margin-left: 0; }
  50% { margin-left: 30px; }
  100% { margin-left: 0; } }
.baguetteBox-button#next-button, .baguetteBox-button#previous-button { top: 50%; top: calc(50% - 30px); width: 44px; height: 60px; }

.baguetteBox-button { position: absolute; cursor: pointer; outline: none; padding: 0; margin: 0; border: 0; -moz-border-radius: 15%; border-radius: 15%; background-color: #323232; background-color: transparent; color: #ddd; font: 1.6em sans-serif; -webkit-transition: background-color .4s ease; transition: background-color .4s ease; }

.baguetteBox-button:focus, .baguetteBox-button:hover { background-color: rgba(50, 50, 50, 0.9); background-color: transparent; }

.baguetteBox-button#next-button { right: 2%; }

.baguetteBox-button#previous-button { left: 2%; }

.baguetteBox-button#close-button { top: 20px; right: 2%; right: calc(2% + 6px); width: 30px; height: 30px; }

.baguetteBox-button svg { position: absolute; left: 0; top: 0; }

/* Preloader Borrowed from http://tobiasahlin.com/spinkit/
*/
.baguetteBox-spinner { width: 40px; height: 40px; display: inline-block; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; }

.baguetteBox-double-bounce1, .baguetteBox-double-bounce2 { width: 100%; height: 100%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; opacity: .6; position: absolute; top: 0; left: 0; -webkit-animation: bounce 2s infinite ease-in-out; animation: bounce 2s infinite ease-in-out; }

.baguetteBox-double-bounce2 { -webkit-animation-delay: -1s; animation-delay: -1s; }

@-webkit-keyframes bounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); }
  50% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes bounce { 0%, 100% { -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); }
  50% { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } }
.baguetteBox-open { height: 100%; }

@media print { * { color: #000 !important; text-shadow: none !important; background-color: transparent !important; }
  body { margin: 1cm; font: 12pt/1.2 'Helvetica Neue',sans-serif; }
  h1 { font-size: 125%; }
  h2 { font-size: 112.5%; }
  h3, h4, h5, h6 { font-size: 100%; margin: 0; }
  h2, h3 { page-break-after: avoid; }
  p, h2, h3 { orphans: 3; widows: 3; }
  ul, ol { page-break-inside: avoid; }
  li { margin: 0 0 0 1em; padding: 0; }
  a, a:visited { text-decoration: underline; }
  img { max-width: 100% !important; height: auto; page-break-inside: avoid; }
  pre, blockquote { padding: 1em; border: 1px solid #999; page-break-inside: avoid; }
  hr { margin: 2em 0; border: 0; border-bottom: 1px solid #000; }
  table { page-break-inside: auto; }
  tr { page-break-inside: avoid; page-break-after: auto; }
  thead { display: table-header-group; }
  tfoot { display: table-footer-group; }
  /* #divs { display : none; } */ }
body:before { position: fixed; z-index: 1000; bottom: 10px; right: 10px; padding: .5em 2em; color: #fff; background: rgba(0, 0, 0, 0.7); -webkit-font-smoothing: antialiased; }

body:before { content: none !important; }

p.text	{font-size:1.5em;}