html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}
*,
*:active {
  outline: 0;
}
* {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
html,
body {
  width: 100%;
  height: 100%;
  background: #fff;
  color: #000;
}
body {
  overflow: hidden;
}
#page {
  position: fixed;
  top: 50%;
  left: 50%;
  overflow: hidden;
  width: 1920px;
  height: 1080px;
  background: #FFF;
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}
.header {
  box-sizing: border-box;
  border-bottom: 2px solid #0b79bf;
  background: #fff url(../img/header.png) 50% no-repeat;
  height: 130px;
}
.header__object {
  position: absolute;
  top: 0;
  width: 600px;
  height: 128px;
}
.header__object_0 {
  left: 0;
}
.header__object_1 {
  right: 0;
}
.header .primary {
  position: relative;
  width: 100%;
  float: left;
  transition: width .5s ease;
}
.header .secondary {
  position: relative;
  float: right;
  width: 0;
  transition: width .5s ease;
}
.header .secondary > * {
  white-space: nowrap;
  opacity: 0;
  transition: opacity .5s ease;
}
.start .header .primary,
.start .header .secondary {
  display: none;
}
.start2 .header .primary,
.start2 .header .secondary {
  display: none;
}
.disclaimer .header .primary,
.disclaimer .header .secondary {
  display: none;
}
.parallel .header .primary {
  width: 960px;
}
.parallel .header .secondary {
  width: 960px;
}
.parallel .header .secondary > * {
  opacity: 1;
}
footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 130px;
  box-sizing: border-box;
  border-top: 2px solid #0b79bf;
  background: #fff;
}
.start footer {
  display: none;
}
.start2 footer {
  display: none;
}
.disclaimer footer {
  display: none;
}
footer .primary {
  position: relative;
  width: 100%;
  float: left;
  transition: width .5s ease;
}
footer .primary__page {
  display: none;
  position: absolute;
  top: -20px;
  left: 102px;
  width: 41px;
  height: 41px;
  border-radius: 50%;
  background: #0b79bf;
  color: #FFF;
  text-align: center;
  font: 24px/41px 'Trebuchet MS', sans-serif;
}
footer .secondary {
  position: relative;
  float: right;
  width: 0;
  transition: width .5s ease;
}
footer .secondary__page {
  display: none;
  position: absolute;
  top: -20px;
  left: 102px;
  width: 41px;
  height: 41px;
  border-radius: 50%;
  background: #0b79bf;
  color: #FFF;
  text-align: center;
  font: 24px/41px 'Trebuchet MS', sans-serif;
}
footer .secondary > * {
  white-space: nowrap;
  opacity: 0;
  transition: opacity .5s ease;
}
.parallel footer .primary {
  width: 960px;
}
.parallel footer .secondary {
  width: 960px;
}
.parallel footer .secondary > * {
  opacity: 1;
}
.nav-slide {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin: -34px 7px 0;
  width: 115px;
  height: 115px;
}
.nav-slides {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 0;
}
.nav-slides.is-active {
  display: block;
}
.nav-slide-arrow {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin: -34px 7px 0;
  width: 115px;
  height: 115px;
}
.nav-slide-arrow:before,
.nav-slide-arrow:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 115px;
  height: 115px;
  transition: opacity .5s ease;
}
.nav-slide-arrow:before {
  opacity: 1;
  background: url("../img/arrow.png") no-repeat;
}
.nav-slide-arrow:after {
  opacity: 0;
  background: url("../img/arrowh.png") no-repeat;
}
.nav-slide-arrow:hover:after,
.nav-slide-arrow.is-active:after {
  opacity: 1;
}
.nav-slide-arrow:hover:before,
.nav-slide-arrow.is-active:before {
  opacity: 1;
}
.nav-slide__iconhover,
.nav-slide__icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 115px;
  height: 115px;
  transition: opacity .5s ease;
}
.nav-slide__icon {
  opacity: 1;
}
.nav-slide__iconhover {
  opacity: 0;
}
.nav-slide:hover .nav-slide__iconhover,
.nav-slide.is-active .nav-slide__iconhover {
  opacity: 1;
}
.nav-slide:hover .nav-slide__icon,
.nav-slide.is-active .nav-slide__icon {
  opacity: 1;
}
.nav-section {
  display: inline-block;
  position: relative;
  margin: 0 6px;
  width: 107px;
  height: 45px;
}
.nav-sections {
  position: absolute;
  z-index: 1;
  top: 109px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 0;
  transition: top .5s ease;
}
.parallel .nav-sections {
  top: 119px;
}
.nav-section:before,
.nav-section:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 107px;
  height: 45px;
  background-repeat: no-repeat !important;
  transition: opacity .5s ease;
}
.nav-section:before {
  opacity: 1;
}
.nav-section:after {
  opacity: 0;
}
.nav-section:hover:before,
.nav-section.is-active:before {
  opacity: 1;
}
.nav-section:hover:after,
.nav-section.is-active:after {
  opacity: 1;
}
.nav-section_0:before {
  background: url("../img/nav-section_0.png");
}
.nav-section_0:after {
  background: url("../img/nav-section_0h.png");
}
.nav-section_1:before {
  background: url("../img/nav-section_1.png");
}
.nav-section_1:after {
  background: url("../img/nav-section_1h.png");
}
.nav-section_2:before {
  background: url("../img/nav-section_2.png");
}
.nav-section_2:after {
  background: url("../img/nav-section_2h.png");
}
.nav-section_3:before {
  background: url("../img/nav-section_3.png");
}
.nav-section_3:after {
  background: url("../img/nav-section_3h.png");
}
.nav-section_4:before {
  background: url("../img/nav-section_4.png");
}
.nav-section_4:after {
  background: url("../img/nav-section_4h.png");
}
.toggle-parallel {
  position: absolute;
  top: -49px;
  left: 1744px;
  width: 96px;
  height: 96px;
  transition: left .5s ease;
}
.toggle-parallel:before,
.toggle-parallel:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 96px;
  height: 96px;
  background-repeat: no-repeat !important;
  transition: opacity .5s ease;
}
.toggle-parallel:before {
  opacity: 1;
  background: url("../img/toggle-parallel.png");
}
.toggle-parallel:after {
  opacity: 0;
  background: url("../img/toggle-parallelh.png");
}
.parallel .toggle-parallel {
  left: 910px;
}
.toggle-parallel:hover:before,
.parallel .toggle-parallel:before {
  opacity: 1;
}
.toggle-parallel:hover:after,
.parallel .toggle-parallel:after {
  opacity: 1;
}
main {
  position: relative;
  width: 100%;
  height: 820px;
}
main .primary,
main .secondary {
  overflow: hidden;
  height: 820px;
  box-sizing: border-box;
  background: #FFF;
}
main .primary {
  position: relative;
  width: 100%;
  float: left;
  transition: width .5s ease;
}
main .secondary {
  display: none;
  position: relative;
  float: right;
  width: 960px;
  border-left: 1px solid #0b79bf;
}
.start main {
  cursor: pointer;
}
.start main .primary,
.start main .secondary {
  display: none;
}
.start2 main .primary,
.start2 main .secondary {
  display: none;
}
.disclaimer main .primary,
.disclaimer main .secondary {
  display: none;
}
.parallel main .primary {
  width: 960px;
  border-right: 1px solid #0b79bf;
}
.parallel main .secondary {
  display: block;
}
.intro {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 950px;
  background: url("../img/slides/0.jpg") no-repeat;
}
.intro-object {
  position: absolute;
  margin-left: 130px;
  margin-top: -200px;
}
.intro-object:before,
.intro-object:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 96px;
  height: 96px;
  background-repeat: no-repeat !important;
  transition: opacity .5s ease;
}
.intro-object:before {
  opacity: 1;
}
.intro-object:after {
  opacity: 0;
}
.intro-object:hover:before,
.intro-object.is-active:before {
  opacity: 1;
}
.intro-object:hover:after,
.intro-object.is-active:after {
  opacity: 1;
}
.intro-object_0 {
  margin-left: 0;
  left: 464px;
  top: 334px;
}
.intro-object_0,
.intro-object_0:before,
.intro-object_0:after {
  width: 992px;
  height: 153px;
}
.intro-object_0:before {
  background: url("../img/intro/0.png");
}
.intro-object_0:after {
  background: url("../img/intro/0h.png");
}
.intro-object_1 {
  left: 308px;
  top: 566px;
}
.intro-object_1,
.intro-object_1:before,
.intro-object_1:after {
  width: 233px;
  height: 233px;
}
.intro-object_1:before {
  background: url("../img/intro/1.png");
}
.intro-object_1:after {
  background: url("../img/intro/1h.png");
}
.intro-object_2 {
  left: 576px;
  top: 566px;
}
.intro-object_2,
.intro-object_2:before,
.intro-object_2:after {
  width: 233px;
  height: 233px;
}
.intro-object_2:before {
  background: url("../img/intro/2.png");
}
.intro-object_2:after {
  background: url("../img/intro/2h.png");
}
.intro-object_3 {
  left: 846px;
  top: 566px;
}
.intro-object_3,
.intro-object_3:before,
.intro-object_3:after {
  width: 233px;
  height: 233px;
}
.intro-object_3:before {
  background: url("../img/intro/3.png");
}
.intro-object_3:after {
  background: url("../img/intro/3h.png");
}
.intro-object_4 {
  left: 1114px;
  top: 566px;
}
.intro-object_4,
.intro-object_4:before,
.intro-object_4:after {
  width: 233px;
  height: 233px;
}
.intro-object_4:before {
  background: url("../img/intro/4.png");
}
.intro-object_4:after {
  background: url("../img/intro/4h.png");
}
.intro-object_5 {
  left: 1114px;
  top: 566px;
}
.intro-object_5,
.intro-object_5:before,
.intro-object_5:after {
  width: 233px;
  height: 233px;
}
.intro-object_5:before {
  background: url("../img/intro/5.png");
}
.intro-object_5:after {
  background: url("../img/intro/5h.png");
}
.start .intro {
  display: block;
  background: url("../img/slides/start.jpg") no-repeat;
}
.start .intro * {
  display: none;
}
.start2 .intro {
  display: block;
}
.disclaimer .intro {
  display: block;
  background: url("../img/slides/d.png") no-repeat;
}
.disclaimer .intro * {
  display: none;
}
.collection {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: all .5s ease;
}
#page[data-navstate="default"] .slide {
  opacity: 0;
}
#page[data-navstate="prev"] .slide {
  transform: translateX(-100%);
}
#page[data-navstate="prev"] .slide.is-previous {
  transform: translateX(100%);
}
#page[data-navstate="next"] .slide {
  transform: translateX(100%);
}
#page[data-navstate="next"] .slide.is-previous {
  transform: translateX(-100%);
}
.slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.slide__popup {
  position: absolute;
  background: #FFF;
  opacity: 0;
}
.parallel .slide__popup {
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
.slide__popup:hover {
  animation: popupHover 1s ease infinite;
}
.slide__popup[data-id="35"] {
  width: 71px;
  height: 200px;
  top: 405px;
  left: 1167px;
}
.parallel .slide__popup[data-id="35"] {
  margin-left: -496px;
  margin-top: -160px;
}
.slide__popup[data-id="37"] {
  width: 79px;
  height: 430px;
  left: 1025px;
  top: 221px;
}
.parallel .slide__popup[data-id="37"] {
  margin-left: -438px;
  margin-top: -90px;
}
.slide__popup[data-id="38"] {
  width: 50px;
  height: 42px;
  left: 614px;
  top: 560px;
  background: #d9f5fb;
}
.parallel .slide__popup[data-id="38"] {
  margin-top: -235px;
  margin-left: -261px;
}
.slide__popup[data-id="40"] {
  width: 87px;
  height: 422px;
  left: 1173px;
  top: 260px;
}
.parallel .slide__popup[data-id="40"] {
  margin-left: -498px;
  margin-top: -116px;
  height: 440px;
}
.slide.is-active {
  background: #FFF;
  transform: translateX(0) !important;
  opacity: 1 !important;
}
.parallel .slide {
  top: 160px;
  left: -80px;
  width: 1100px;
}
.primary .slide {
  transition: all .5s ease;
}
.popup-helper {
  position: fixed;
  z-index: 10;
  top: -1080px;
  left: -1920px;
  width: 1920px;
  height: 1080px;
  background: #000;
  opacity: 0;
  transition: opacity .5s ease;
}
.popup-helper.is-active {
  top: 0;
  left: 0;
  opacity: .7;
}
.popup {
  position: absolute;
  z-index: 10;
  top: -100%;
  left: -100%;
  width: 73%;
  padding: 51px;
  box-sizing: border-box;
  background: #FFF;
  box-shadow: 0 5px 29px rgba(0, 0, 0, 0.21);
  -webkit-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  opacity: 0;
}
.popup img {
  display: block;
  width: 100%;
}
.popup.is-active {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  transition: transform .5s ease, opacity .5s ease;
}
.popup__close {
  position: absolute;
  top: 0;
  right: 0;
  width: 51px;
  height: 51px;
  background: url("../img/popup__close.png") no-repeat;
}
.popup__close:hover {
  background-position: -51px -51px;
}
.videopopup {
  position: absolute;
  z-index: 10;
  top: -100%;
  left: -100%;
  width: 70%;
  padding: 51px;
  box-sizing: border-box;
  background: #FFF;
  box-shadow: 0 5px 29px rgba(0, 0, 0, 0.21);
  -webkit-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
}
.videopopup video {
  display: block;
  width: 100%;
}
.videopopup.is-active {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  transition: transform .5s ease, opacity .5s ease;
}
.videopopup__close {
  position: absolute;
  top: 0;
  right: 0;
  width: 51px;
  height: 51px;
  background: url("../img/popup__close.png") no-repeat;
}
.videopopup__close:hover {
  background-position: -51px -51px;
}
.preload {
  overflow: hidden;
}
.fullscreen {
  display: none;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.fullscreen button {
  position: fixed;
  top: 50%;
  left: 50%;
  padding: 20px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.preload .fullscreen {
  display: block;
}
.printpage {
  display: none;
}
.printpage ol {
  text-align: center;
  font-size: 0;
  margin: 0;
  padding: 1% 0;
  list-style: none;
  counter-reset: print;
}
.printpage li {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin: 1%;
  padding: 2em 0 0;
  width: 30%;
  box-sizing: border-box;
  border: 1px solid #000;
  font-size: 20px;
}
.printpage li:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  counter-increment: print;
  content: counter(print) ". ";
}
.printpage img {
  display: block;
  width: 100%;
}
body.print {
  overflow: visible;
}
body.print #page {
  display: none;
}
body.print .printpage {
  display: block;
}
@keyframes popupHover {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@media (max-width: 1680px) {
  #page {
    -webkit-transform: translate(-50%, -50%) scale(0.875);
    -ms-transform: translate(-50%, -50%) scale(0.875);
    transform: translate(-50%, -50%) scale(0.875);
  }
}
@media (max-width: 1600px) {
  #page {
    -webkit-transform: translate(-50%, -50%) scale(0.84);
    -ms-transform: translate(-50%, -50%) scale(0.84);
    transform: translate(-50%, -50%) scale(0.84);
  }
}
@media (max-width: 1440px) {
  #page {
    -webkit-transform: translate(-50%, -50%) scale(0.75);
    -ms-transform: translate(-50%, -50%) scale(0.75);
    transform: translate(-50%, -50%) scale(0.75);
  }
}
@media (max-width: 1366px) {
  #page {
    -webkit-transform: translate(-50%, -50%) scale(0.72);
    -ms-transform: translate(-50%, -50%) scale(0.72);
    transform: translate(-50%, -50%) scale(0.72);
  }
}
@media (max-width: 1280px) {
  #page {
    -webkit-transform: translate(-50%, -50%) scale(0.67);
    -ms-transform: translate(-50%, -50%) scale(0.67);
    transform: translate(-50%, -50%) scale(0.67);
  }
}