@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i");
@import url("https://fonts.googleapis.com/css?family=Barlow:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap");
/* @group RESET */
body {
  -webkit-text-size-adjust: none;
  font-size: 12px;
  line-height: 1.3em;
  font-family: Verdana, Arial, Helvetica, sans-serif; }

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

h1 {
  font-size: 28px; }

h2 {
  font-size: 22px; }

h3 {
  font-size: 18px; }

h4 {
  font-size: 16px; }

h5 {
  font-size: 14px; }

h6 {
  font-size: 12px; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1em;
  margin-bottom: 0.5em; }

ol, ul {
  padding-left: 2em; }

p, ul, ol {
  margin-bottom: 0.5em; }

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

td {
  vertical-align: top; }

a:hover, a:active, :focus {
  outline: 0; }

body {
  color: black;
  background: white; }

a img {
  border: 0; }

/* ---------- */
pre, code, samp, kbd, var, input[type="password"] {
  font-family: "DejaVu Sans Mono", "Bitstream Vera Sans Mono", Consolas, Monaco, "Liberation Mono", Andale Mono, monospace;
  font-size: 0.9em; }

dt, strong, th, samp, dfn, h1, h2, h3, h4, h5, h6 {
  font-weight: bold; }

blockquote, q {
  font-style: italic; }

blockquote cite, q cite {
  font-style: normal; }

/* ---------- */
acronym, abbr {
  cursor: help; }

acronym {
  letter-spacing: 0.07em; }

/* ---------- */
/* Bugfixing http://www.positioniseverything.net/explorer/ie-listbug.html */
ul, ol, dl {
  position: relative; }

p {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQIW2NkAAIAAAoAAggA9GkAAAAASUVORK5CYII=);
  /* Android-Bug */ }

/* ---------- */
.clear {
  clear: both; }

/* ---------- */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ---------- */
textarea {
  overflow: auto; }

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; }

/* @end */
@-webkit-keyframes right {
  from {
    -webkit-transform: translateX(-webkit-calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    transform: translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -ms-transform: translateX(-4%); }
  to {
    -webkit-transform: translateX(-webkit-calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    transform: translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -ms-transform: translateX(4%); } }

@-moz-keyframes right {
  from {
    -webkit-transform: translateX(-webkit-calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -moz-transform: translateX(-moz-calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
         transform: translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -ms-transform: translateX(-4%); }
  to {
    -webkit-transform: translateX(-webkit-calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -moz-transform: translateX(-moz-calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
         transform: translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -ms-transform: translateX(4%); } }

@keyframes right {
  from {
    -webkit-transform: translateX(-webkit-calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -moz-transform: translateX(-moz-calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
         transform: translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -ms-transform: translateX(-4%); }
  to {
    -webkit-transform: translateX(-webkit-calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -moz-transform: translateX(-moz-calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
         transform: translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -ms-transform: translateX(4%); } }

@-webkit-keyframes left {
  from {
    -webkit-transform: translateX(-webkit-calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    transform: translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -ms-transform: translateX(4%); }
  to {
    -webkit-transform: translateX(-webkit-calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    transform: translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -ms-transform: translateX(-4%); } }

@-moz-keyframes left {
  from {
    -webkit-transform: translateX(-webkit-calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -moz-transform: translateX(-moz-calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
         transform: translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -ms-transform: translateX(4%); }
  to {
    -webkit-transform: translateX(-webkit-calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -moz-transform: translateX(-moz-calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
         transform: translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -ms-transform: translateX(-4%); } }

@keyframes left {
  from {
    -webkit-transform: translateX(-webkit-calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -moz-transform: translateX(-moz-calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
         transform: translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -ms-transform: translateX(4%); }
  to {
    -webkit-transform: translateX(-webkit-calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -moz-transform: translateX(-moz-calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
         transform: translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -ms-transform: translateX(-4%); } }

@-webkit-keyframes down {
  from {
    -webkit-transform: translateY(-webkit-calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    transform: translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -ms-transform: translateY(-4%); }
  to {
    -webkit-transform: translateY(-webkit-calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    transform: translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -ms-transform: translateY(4%); } }

@-moz-keyframes down {
  from {
    -webkit-transform: translateY(-webkit-calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -moz-transform: translateY(-moz-calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
         transform: translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -ms-transform: translateY(-4%); }
  to {
    -webkit-transform: translateY(-webkit-calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -moz-transform: translateY(-moz-calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
         transform: translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -ms-transform: translateY(4%); } }

@keyframes down {
  from {
    -webkit-transform: translateY(-webkit-calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -moz-transform: translateY(-moz-calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
         transform: translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -ms-transform: translateY(-4%); }
  to {
    -webkit-transform: translateY(-webkit-calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -moz-transform: translateY(-moz-calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
         transform: translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -ms-transform: translateY(4%); } }

@-webkit-keyframes up {
  from {
    -webkit-transform: translateY(-webkit-calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    transform: translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -ms-transform: translateY(4%); }
  to {
    -webkit-transform: translateY(-webkit-calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    transform: translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -ms-transform: translateY(-4%); } }

@-moz-keyframes up {
  from {
    -webkit-transform: translateY(-webkit-calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -moz-transform: translateY(-moz-calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
         transform: translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -ms-transform: translateY(4%); }
  to {
    -webkit-transform: translateY(-webkit-calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -moz-transform: translateY(-moz-calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
         transform: translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -ms-transform: translateY(-4%); } }

@keyframes up {
  from {
    -webkit-transform: translateY(-webkit-calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -moz-transform: translateY(-moz-calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
         transform: translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -ms-transform: translateY(4%); }
  to {
    -webkit-transform: translateY(-webkit-calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -moz-transform: translateY(-moz-calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
         transform: translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -ms-transform: translateY(-4%); } }

@-webkit-keyframes out {
  from {
    -webkit-transform: scale(1.15);
    transform: scale(1.15); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-moz-keyframes out {
  from {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
         transform: scale(1.15); }
  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
         transform: scale(1); } }

@keyframes out {
  from {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
         transform: scale(1.15); }
  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
         transform: scale(1); } }

@-webkit-keyframes in {
  from {
    -webkit-transform: scale(1);
    transform: scale(1); }
  to {
    -webkit-transform: scale(1.15);
    transform: scale(1.15); } }

@-moz-keyframes in {
  from {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
         transform: scale(1); }
  to {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
         transform: scale(1.15); } }

@keyframes in {
  from {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
         transform: scale(1); }
  to {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
         transform: scale(1.15); } }

#slides {
  position: fixed;
  width: 1px;
  height: 1px;
  left: -9999px; }

#slideshow {
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

#slideshow .slide, #slideshow span, #slideshow .static-content {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

#slideshow .slide span {
  background-size: cover;
  background-position: center; }

#slideshow .slide span.animate.right, #slideshow .slide span.animate.left {
  left: -webkit-calc((-4vw + -4vh + -4%)/3);
  left: -moz-calc((-4vw + -4vh + -4%)/3);
  left: calc((-4vw + -4vh + -4%)/3);
  right: -webkit-calc((-4vw + -4vh + -4%)/3);
  right: -moz-calc((-4vw + -4vh + -4%)/3);
  right: calc((-4vw + -4vh + -4%)/3); }

#slideshow .slide span.animate.up, #slideshow .slide span.animate.down {
  top: -webkit-calc((-4vw + -4vh + -4%)/3);
  top: -moz-calc((-4vw + -4vh + -4%)/3);
  top: calc((-4vw + -4vh + -4%)/3);
  bottom: -webkit-calc((-4vw + -4vh + -4%)/3);
  bottom: -moz-calc((-4vw + -4vh + -4%)/3);
  bottom: calc((-4vw + -4vh + -4%)/3); }

#slideshow span.animate {
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
       animation-fill-mode: forwards;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
       animation-timing-function: linear; }

#slideshow span.animate.right {
  -webkit-animation-name: right;
  -moz-animation-name: right;
       animation-name: right; }

#slideshow span.animate.left {
  -webkit-animation-name: left;
  -moz-animation-name: left;
       animation-name: left; }

#slideshow span.animate.up {
  -webkit-animation-name: up;
  -moz-animation-name: up;
       animation-name: up; }

#slideshow span.animate.down {
  -webkit-animation-name: down;
  -moz-animation-name: down;
       animation-name: down; }

#slideshow span.animate.in {
  -webkit-animation-name: in;
  -moz-animation-name: in;
       animation-name: in; }

#slideshow span.animate.out {
  -webkit-animation-name: out;
  -moz-animation-name: out;
       animation-name: out; }

#slideshow span.animate.paused {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
       animation-play-state: paused; }

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; }

html, body {
  font-family: 'Open Sans', sans-serif;
  font-family: 'Raleway', sans-serif;
  font-family: 'Barlow', sans-serif;
  font-size: 10px;
  font-weight: 300;
  height: 100vh; }

.bgslider a, #slideshow a {
  pointer-events: none;
  cursor: default; }

header, footer {
  z-index: 999;
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
  background: rgba(0, 0, 0, 0.7); }

header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 -50px 20px 60px rgba(0, 0, 0, 0.3);
          box-shadow: 0 -50px 20px 60px rgba(0, 0, 0, 0.3); }
  header .warp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-direction: row;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
            align-items: flex-end;
    padding: 1rem 0;
    position: relative;
    font-size: 0;
    line-height: 0; }
    header .warp .logo {
      height: 4rem;
      margin: 1.0rem 2rem .2rem 1rem; }
    header .warp ul, header .warp ul * {
      margin: 0;
      padding: 0;
      list-style: none; }
      header .warp ul li, header .warp ul * li {
        position: relative; }
      header .warp ul ul, header .warp ul * ul {
        position: absolute;
        display: none;
        top: 100%;
        left: 0; }
      header .warp ul > li, header .warp ul * > li {
        float: left; }
      header .warp ul li:hover > ul, header .warp ul li.sfHover > ul, header .warp ul * li:hover > ul, header .warp ul * li.sfHover > ul {
        display: block; }
      header .warp ul a, header .warp ul * a {
        display: block;
        position: relative;
        color: #fff;
        text-decoration: none;
        font-size: 1.8rem;
        line-height: 1em;
        padding: 1rem;
        margin: -1rem 0; }
      header .warp ul .lv0 > a, header .warp ul * .lv0 > a {
        margin-right: 1px; }
      header .warp ul .lv0 > a:hover, header .warp ul .lv0.current > a, header .warp ul .lv0.sfHover > a, header .warp ul * .lv0 > a:hover, header .warp ul * .lv0.current > a, header .warp ul * .lv0.sfHover > a {
        background: #fff;
        color: #000; }
      header .warp ul .lv0 > ul, header .warp ul * .lv0 > ul {
        margin-top: 1rem;
        -webkit-box-shadow: 0 0px 20px 0px rgba(0, 0, 0, 0.3);
                box-shadow: 0 0px 20px 0px rgba(0, 0, 0, 0.3); }
      header .warp ul .lv1, header .warp ul * .lv1 {
        width: 100%; }
      header .warp ul .lv1 > a, header .warp ul * .lv1 > a {
        padding-right: 2rem;
        margin: 0;
        color: #000;
        background: #fff;
        width: 100%;
        white-space: nowrap; }
      header .warp ul .lv1 > a:hover, header .warp ul * .lv1 > a:hover {
        background: #e3e3e3; }
    header .warp .lang {
      position: absolute;
      top: 0;
      right: 0; }
      header .warp .lang a {
        font-size: 1.3rem;
        line-height: 1.2em;
        color: #fff;
        text-decoration: none;
        padding: .5rem;
        display: inline-block; }
      header .warp .lang a:hover {
        text-decoration: underline; }

footer {
  width: 100%;
  position: fixed;
  bottom: 0;
  -webkit-box-shadow: 0 50px 20px 60px rgba(0, 0, 0, 0.3);
          box-shadow: 0 50px 20px 60px rgba(0, 0, 0, 0.3);
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  font-size: 1.3rem;
  line-height: 1.2em; }
  footer .warp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
            align-items: flex-start;
    padding: 1rem; }
    footer .warp section {
      margin: 0 2rem 0 0; }
    footer .warp ul a {
      margin: 0 .5rem; }
    footer .warp p {
      margin: 0; }
    footer .warp ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      list-style: none;
      padding: 0;
      margin: 0; }
      footer .warp ul a {
        text-decoration: none;
        color: #fff;
        display: inline-block; }
      footer .warp ul a:hover {
        text-decoration: underline; }

.warp {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  padding: 0 1rem; }

.sidebar {
  position: fixed;
  right: 0;
  top: 10rem;
  z-index: 999;
  text-align: right; }
  .sidebar > div > div {
    margin-bottom: 1rem;
    background: rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 4px 0 0 4px;
            border-radius: 4px 0 0 4px;
    display: inline-block;
    text-align: left; }
  .sidebar div > a, .sidebar .no_a {
    color: #fff;
    white-space: nowrap;
    display: block;
    position: relative;
    font-size: 3.5rem;
    line-height: 1em;
    text-decoration: none;
    padding: 1.0rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex; }
    .sidebar div > a i, .sidebar .no_a i {
      width: 3.5rem; }
    .sidebar div > a span, .sidebar .no_a span {
      display: inline-block;
      overflow: hidden;
      max-width: 0;
      height: 3.5rem;
      -webkit-transition: max-width .5s;
      -moz-transition: max-width .5s;
      transition: max-width .5s; }
    .sidebar div > a svg, .sidebar .no_a svg {
      fill: currentColor;
      height: 3.5rem;
      margin: 0 .5rem 0 0; }
  .sidebar div > a:hover i, .sidebar .no_a:hover i {
    width: auto; }
  .sidebar div > a:hover span, .sidebar .no_a:hover span {
    max-width: 500px;
    height: auto; }

.totalwarp {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100vh; }

.centerwarp {
  width: 1000px;
  position: relative;
  margin: 0 auto; }

.contentwarp {
  position: absolute;
  top: 0;
  width: 100%;
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
          align-items: flex-end; }

.content {
  color: #fff;
  width: 600px;
  padding: 2rem;
  margin: 10rem 0 15rem 0;
  font-size: 2rem;
  line-height: 1.2em;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
  background: rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3); }