/**
 * Stylus and plugins
 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

body {
  line-height: 1;
  color: #000;
  background: #fff;
}

ol,
ul {
  list-style: none;
}

table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}

caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

a img {
  border: none;
}

/**
 * Setup
 */
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
}

/**
 * Common
 */
section.layout-full--alternate {
  width: 100%;
  padding: 4em;
}

section.layout-full--alternate:nth-child(even) {
  background: rgba(0, 0, 0, 0.2);
}

section.layout-full--alternate:nth-child(odd) {
  background: rgba(0, 0, 0, 0.1);
}

section.layout-full--alternate .inner-wrap {
  width: 100%;
  max-width: 1024;
  margin: 0 auto;
}

p {
  font-family: Karla;
  font-size: 1em;
  margin-bottom: 1.5rem;
  line-height: 140%;
  letter-spacing: 0.025em;
}

p.small {
  font-size: 0.88em;
  font-weight: 100;
}

p.summary {
  font-weight: bold;
  font-size: 1em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 1.75rem;
  font-weight: inherit;
  line-height: 1.35em;
  text-rendering: optimizeLegibility;
  letter-spacing: 0.05em;
}

h1 {
  font-size: 2.3em;
}

h2 {
  font-size: 2em;
  font-weight: bold;
}

h3 {
  font-size: 1.667em;
  font-weight: bold;
}

h4 {
  font-size: 1.111em;
  font-weight: bold;
}

h5 {
  font-size: 1.121em;
  font-weight: bold;
}

h6 {
  font-size: 0.88em;
}

small {
  font-size: 0.707em;
}

pre,
code {
  font-family: 'monospace';
}

.italic {
  font-style: italic;
}

.thin {
  font-weight: 100;
}

.bold {
  font-weight: bold;
}

.highlight--red {
  color: #752c31;
}

.interval {
  width: 100%;
  height: 3px;
  background-color: #752c31;
  margin: 2em 0;
}

#Back path,
#X path,
#Poi path,
#Zoom_In path,
#Page path,
#Search path,
#Arrow_L path,
#Arrow_R path,
#Down path,
#Exit path,
#Info path,
#More path,
#Play path,
#Up path,
#Home path,
#Star path,
#SplitView path,
#History path,
#Fullscreen path,
#IcoMap path,
#arrow-left path,
#Back circle,
#X circle,
#Poi circle,
#Zoom_In circle,
#Page circle,
#Search circle,
#Arrow_L circle,
#Arrow_R circle,
#Down circle,
#Exit circle,
#Info circle,
#More circle,
#Play circle,
#Up circle,
#Home circle,
#Star circle,
#SplitView circle,
#History circle,
#Fullscreen circle,
#IcoMap circle,
#arrow-left circle,
#Back line,
#X line,
#Poi line,
#Zoom_In line,
#Page line,
#Search line,
#Arrow_L line,
#Arrow_R line,
#Down line,
#Exit line,
#Info line,
#More line,
#Play line,
#Up line,
#Home line,
#Star line,
#SplitView line,
#History line,
#Fullscreen line,
#IcoMap line,
#arrow-left line,
#Back g,
#X g,
#Poi g,
#Zoom_In g,
#Page g,
#Search g,
#Arrow_L g,
#Arrow_R g,
#Down g,
#Exit g,
#Info g,
#More g,
#Play g,
#Up g,
#Home g,
#Star g,
#SplitView g,
#History g,
#Fullscreen g,
#IcoMap g,
#arrow-left g {
  fill: none;
  stroke: #fff;
  stroke-width: 4px;
}

#Back .opaque,
#X .opaque,
#Poi .opaque,
#Zoom_In .opaque,
#Page .opaque,
#Search .opaque,
#Arrow_L .opaque,
#Arrow_R .opaque,
#Down .opaque,
#Exit .opaque,
#Info .opaque,
#More .opaque,
#Play .opaque,
#Up .opaque,
#Home .opaque,
#Star .opaque,
#SplitView .opaque,
#History .opaque,
#Fullscreen .opaque,
#IcoMap .opaque,
#arrow-left .opaque {
  fill: rgba(255, 255, 255, 0.125);
}

#Poi .outer-point {
  fill: #752c31;
  stroke: transparent;
}

#Poi .center-point {
  fill: transparent;
  stroke: transparent;
}

#help2 {
  stroke: #fff;
  stroke-width: 0.05em;
}

#ellipsis,
#help,
#skip-forward,
#location-2,
#image,
#pie-graph,
#map,
#paper,
#arrow-left,
#cross,
#expand,
#columns,
#file,
#clock,
#eye,
#drop,
#link,
#location,
#box,
#reload,
#home,
#play,
#sarcophagus,
#download,
#carot-up,
#carot-down,
#help2,
#next,
#maximize,
#prev {
  fill: #fff;
}

#ellipsis path,
#help path,
#skip-forward path,
#location-2 path,
#image path,
#pie-graph path,
#map path,
#paper path,
#arrow-left path,
#cross path,
#expand path,
#columns path,
#file path,
#clock path,
#eye path,
#drop path,
#link path,
#location path,
#box path,
#reload path,
#home path,
#play path,
#sarcophagus path,
#download path,
#carot-up path,
#carot-down path,
#help2 path,
#next path,
#maximize path,
#prev path {
  fill: #fff;
}

svg {
  fill: #fff;
}

svg path {
  fill: #fff;
}

#carot-up svg,
#carot-down svg,
.carot-up svg,
.carot-down svg {
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -o-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

[class^="btn-"] {
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #bdbbbc;
  font-size: 1em;
  font-weight: 100;
  padding: 0.25em;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

[class^="btn-"].v--blue {
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  transition: background-color 0.3s;
  color: #fff;
  border: 0.125em solid #fff;
}

[class^="btn-"].v--red {
  background-color: rgba(255, 255, 255, 0.5);
  color: #231f20;
  border: 1px solid #752c31;
}

[class^="btn-"].v--grey {
  background-color: rgba(255, 255, 255, 0.5);
  color: #231f20;
  border: 1px solid #999;
}

[class^="btn-"]:hover {
  background-color: rgba(0, 0, 0, 0.7);
}

[class^="btn-"] .btn_title {
  display: block;
}

.badge-btn {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: Droid;
  font-weight: bold;
  color: #752c31;
  font-size: 0.88em;
  margin-bottom: 2em;
  text-align: right;
}

.badge-btn span {
  padding: 0.25em 1.5em;
  cursor: pointer;
  border: 1px solid #752c31;
}

.btn-large {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.25em;
  padding: 0.5em 1.5em;
}

.btn-large .btn_icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1em;
}

.btn-large .btn_icon .icon {
  width: 2em;
  height: 2em;
}

.btn-large .btn_icon .icon svg {
  width: 100%;
  height: 100%;
}

.btn-large .btn_icon #play {
  fill: #231f20;
}

.btn-large .btn_title {
  display: inline-block;
}

.page--close {
  position: absolute;
  top: 4.5em;
  right: 6em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0.75em;
  cursor: pointer;
  border: 1px solid transparent;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.page--close .icon_dimensions {
  width: 1em;
  height: 1em;
}

.page--close .icon_dimensions svg {
  width: 100%;
  height: 100%;
}

/**
 * Motion
 */
.spin-loader {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

.spin-loader.run {
  -webkit-animation: spinner 1s infinite linear;
  -moz-animation: spinner 1s infinite linear;
  -o-animation: spinner 1s infinite linear;
  -ms-animation: spinner 1s infinite linear;
  animation: spinner 1s infinite linear;
}

.spin-loader.v--floating {
  top: 50%;
  left: calc(50% + 2.25em);
  position: absolute;
  z-index: 10;
}

.spin-loader:after {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  border-top: 0.25em solid #752c31;
  border-right: 0.25em solid #752c31;
  border-bottom: 0.25em solid #752c31;
  border-left: 0.25em solid rgba(0, 0, 0, 0.2);
  font-size: 1em;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 5em;
  height: 5em;
  -webkit-transform: translate(-50%, -50%) scale(0.75);
  -moz-transform: translate(-50%, -50%) scale(0.75);
  -o-transform: translate(-50%, -50%) scale(0.75);
  -ms-transform: translate(-50%, -50%) scale(0.75);
  transform: translate(-50%, -50%) scale(0.75);
}

@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

[v-cloak] {
  display: none;
}

.animated {
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
  -ms-animation-duration: 0.4s;
  animation-duration: 0.4s;
}

.ghost-transition {
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}

.ghost-enter,
.ghost-leave {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}

.related-transition {
  -webkit-transition: opacity 1s, margin 1s;
  -moz-transition: opacity 1s, margin 1s;
  -o-transition: opacity 1s, margin 1s;
  -ms-transition: opacity 1s, margin 1s;
  transition: opacity 1s, margin 1s;
  margin-top: -4em;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}

.related-enter,
.related-leave {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  margin-top: 50vh;
}

.fadin-transition {
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  -ms-transition-delay: 0.4s;
  transition-delay: 0.4s;
  -webkit-transition: all 1.5s ease, opacity 1;
  -moz-transition: all 1.5s ease, opacity 1;
  -o-transition: all 1.5s ease, opacity 1;
  -ms-transition: all 1.5s ease, opacity 1;
  transition: all 1.5s ease, opacity 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.fadin-enter,
.fadin-leave {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: translateY(3.5em);
  -moz-transform: translateY(3.5em);
  -o-transform: translateY(3.5em);
  -ms-transform: translateY(3.5em);
  transform: translateY(3.5em);
}

.item-move {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: -o-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  -ms-transition: -ms-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
}

.fade-transition {
  -webkit-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  -ms-transition: opacity 0.4s;
  transition: opacity 0.4s;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}

.fade-enter,
.fade-leave {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}

.dropdown-transition {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.4s;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  max-height: calc(100vh - 2em);
  overflow: hidden;
}

.dropdown-enter,
.dropdown-leave {
  max-height: 0px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}

.slip-transition {
  -webkit-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  -ms-transition: opacity 0.4s;
  transition: opacity 0.4s;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slip-enter,
.slip-leave {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: translate3d(5em, 0em, 0);
  -moz-transform: translate3d(5em, 0em, 0);
  -o-transform: translate3d(5em, 0em, 0);
  -ms-transform: translate3d(5em, 0em, 0);
  transform: translate3d(5em, 0em, 0);
}

.slideinout-transition {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.4s;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slideinout-enter,
.slideinout-leave {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: translate3d(-50vw, 0em, 0);
  -moz-transform: translate3d(-50vw, 0em, 0);
  -o-transform: translate3d(-50vw, 0em, 0);
  -ms-transform: translate3d(-50vw, 0em, 0);
  transform: translate3d(-50vw, 0em, 0);
}

.pagedown-transition {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.4s;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  height: auto;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.pagedown-leave {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  height: 0;
  -webkit-transform: translate3d(0, 100vh, 0);
  -moz-transform: translate3d(0, 100vh, 0);
  -o-transform: translate3d(0, 100vh, 0);
  -ms-transform: translate3d(0, 100vh, 0);
  transform: translate3d(0, 100vh, 0);
}

.pagedown-enter {
  height: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: translate3d(0, -100vh, 0);
  -moz-transform: translate3d(0, -100vh, 0);
  -o-transform: translate3d(0, -100vh, 0);
  -ms-transform: translate3d(0, -100vh, 0);
  transform: translate3d(0, -100vh, 0);
}

.pageup-transition {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  -ms-filter: none;
  filter: none;
}

.pageup-enter,
.pageup-leave {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: translate3d(0, 100vh, 0);
  -moz-transform: translate3d(0, 100vh, 0);
  -o-transform: translate3d(0, 100vh, 0);
  -ms-transform: translate3d(0, 100vh, 0);
  transform: translate3d(0, 100vh, 0);
}

.test-transition {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}

.test-enter,
.test-leave {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}

.rise-transition {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -ms-filter: none;
  filter: none;
}

.rise-enter,
.rise-leave {
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -o-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}

.drawer-transition {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  -ms-filter: none;
  filter: none;
}

.drawer-enter,
.drawer-leave {
  -webkit-transform: translate3d(50vw, 0, 0);
  -moz-transform: translate3d(50vw, 0, 0);
  -o-transform: translate3d(50vw, 0, 0);
  -ms-transform: translate3d(50vw, 0, 0);
  transform: translate3d(50vw, 0, 0);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}

.modal-transition {
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}

.modal-transition .modal_content {
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.modal-enter,
.modal-leave {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}

.modal-enter .modal_content,
.modal-leave .modal_content {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

/**
 * Content
 */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:focus {
  outline: none;
}

html {
  font-family: Karla, serif;
  font-size: 100%;
}

body {
  font-size: 100%;
  background-color: #000;
  background-repeat: repeat;
  color: #fff;
}

@media (min-width: 1441px) {
  body {
    font-size: 125%;
  }
}

@media (min-width: 1025px) and (max-width: 1440px) {
  body {
    font-size: 112.5%;
  }
}

@media (max-width: 768px) {
  body {
    font-size: 100%;
  }
}

@media (max-height: 640px) {
  body {
    font-size: 75%;
  }
}

ul,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul {
  font-size: 0;
}

li {
  font-size: 1rem;
}

a {
  color: #384b60;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}

a:hover {
  color: #752c31;
  text-decoration: underline;
}

.links li {
  margin: 0.5em 0;
  display: block;
}

.links li a {
  color: #752c31;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Droid Serif;
}

.undertab {
  position: relative;
  font-weight: normal;
  margin-bottom: 1.5em;
}

.undertab:after {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  width: 2.5em;
  top: 0.25em;
  left: 0;
  border-bottom: 0.1em solid #752c31;
}

.application-wrapper {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.app_viewport {
  position: absolute;
  left: 0;
  -webkit-transition: left 0.3s;
  -moz-transition: left 0.3s;
  -o-transition: left 0.3s;
  -ms-transition: left 0.3s;
  transition: left 0.3s;
}

.app_viewport.view--history {
  left: 500px;
}

.app_viewport.view--history .menu_sidebar.v--history {
  left: 500px;
  background-image: none;
}

.app_viewport.view--index {
  left: -500px;
}

.app_viewport.view--index .menu_sidebar.v--index {
  background-image: none;
  margin-right: 0;
}

.app_viewport .menu_viewport {
  position: relative;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}

.app_viewport .menu_viewport.v--disabled {
  opacity: 0.25;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
  filter: alpha(opacity=25);
}

#svg-injector {
  display: none;
}

#svg-injector svg {
  display: none;
  visibility: hidden;
}

.layout {
  width: calc(100% - (2 * 3.5em) - 2em);
  margin: 0 calc(3.5em + 1em);
}

.page_container {
  position: absolute;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 1;
}

.page_container .page_body,
.page_container .page_head,
.page_container .page_foot {
  margin: 0 auto;
}

@media (min-width: 1441px) {

  .page_container .page_body,
  .page_container .page_head,
  .page_container .page_foot {
    max-width: 768px;
  }
}

@media (min-width: 1025px) and (max-width: 1440px) {

  .page_container .page_body,
  .page_container .page_head,
  .page_container .page_foot {
    max-width: 601px;
  }
}

@media (max-width: 1024px) {

  .page_container .page_body,
  .page_container .page_head,
  .page_container .page_foot {
    padding: 0 4em;
  }
}

.page_container[role="overlay"] {
  background-color: #fff;
  color: #1f1d1e;
}

.page_container[role="overlay"] h1,
.page_container[role="overlay"] h2,
.page_container[role="overlay"] h3,
.page_container[role="overlay"] h4 {
  color: #752c31;
}

@media (max-width: 1024px) {

  .page_container[role="overlay"] .page_body,
  .page_container[role="overlay"] .page_head,
  .page_container[role="overlay"] .page_foot {
    max-width: 80%;
  }
}

.page_container[role="overlay"] .layout {
  width: calc(100% - 4.5em);
  height: inherit;
  overflow-y: auto;
}

.page_container[role="overlay"] .page_head {
  padding-top: 5em;
}

.page_container[role="overlay"] .page_foot {
  padding-bottom: 5em;
}

@media (min-width: 1441px) {
  .page_container[role="overlay"] .page_foot {
    max-width: 100%;
  }
}

.page_container[role="overlay"] .image_container {
  width: 100%;
  height: auto;
  margin-bottom: 2em;
}

.page_container[role="overlay"] .image_container img {
  width: 100%;
}

.page_container[role="overlay"] .type--viewer {
  height: 436px;
  margin-bottom: 2em;
  overflow: hidden;
}

.page_container[role="overlay"] .type--viewer #viewfinder {
  height: auto;
}

.page_container[role="overlay"] .type--viewer .viewer-canvas {
  background: #000;
}

.page_container[role="overlay"] .magnifier {
  position: relative;
  width: 100%;
  max-width: 768px;
  height: 436px;
  background: #000;
  overflow: hidden;
  margin-bottom: 2em;
}

.page_container[role="overlay"] .magnifier .image_container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
}

.page_container[role="overlay"] .badge-btn {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.page_container[role="overlay"] .badge-btn:hover {
  color: #fff;
}

.page_container[role="overlay"] .badge-btn:hover span {
  background-color: #752c31;
}

[class^="page-"] {
  padding-left: 4em;
  padding-right: 4em;
}

/**
 * Vue Components
 */
.carousel {
  position: relative;
  cursor: pointer;
}

.carousel h3.undertab {
  font-weight: normal;
  margin-left: 2.5em;
}

.carousel h3.undertab:after {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  width: 2.5em;
  top: 0.25em;
  left: 0;
  border-bottom: 0.1em solid #752c31;
}

.carousel .container {
  margin-top: 1em;
  position: absolute;
  width: 100%;
  height: 55vh;
  min-height: 350px;
  overflow: hidden;
  left: 0em;
}

.carousel .container .figure {
  width: 100%;
  height: 100%;
}

.carousel .container .figure .block_image {
  position: absolute;
  width: 100%;
  height: 100%;
}

.carousel .container .figure .block_image .image {
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: 50% 25%;
  background-repeat: no-repeat;
}

.carousel .container .frame {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.carousel .container .frame align-content,
.carousel .container .frame .block-title,
.carousel .container .frame .block-teaser {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-align-self: stretch;
  align-self: stretch;
  -ms-flex-item-align: stretch;
  background: rgba(117, 44, 49, 0.95);
  color: #fff;
  font-family: Droid;
  padding: 1em 4em;
}

.carousel .container .frame .block-title span {
  font-weight: normal;
  font-size: 1em;
}

.carousel .container .frame .block-teaser {
  bottom: 0;
}

.carousel .container .frame .block-teaser span {
  font-family: Karla;
  font-size: 0.88em;
}

.carousel .container .frame .controls {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  -webkit-align-self: stretch;
  align-self: stretch;
  -ms-flex-item-align: stretch;
  position: relative;
}

.carousel .container .frame .controls .frame-central {
  position: absolute;
  height: 100%;
  width: calc(100% - 8em);
  left: 4em;
}

.carousel .container .frame .controls .frame-left,
.carousel .container .frame .controls .frame-right {
  position: absolute;
  width: 4em;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.125);
}

.carousel .container .frame .controls .frame-left {
  left: 0;
}

.carousel .container .frame .controls .frame-right {
  right: 0;
}

.carousel .container .frame .controls .frame-right,
.carousel .container .frame .controls .frame-left {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  cursor: pointer;
}

.carousel .container .frame .controls .frame-right .btn--next .icon_dimensions,
.carousel .container .frame .controls .frame-left .btn--next .icon_dimensions {
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -o-transition: background 0.3s;
  -ms-transition: background 0.3s;
  transition: background 0.3s;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: transparent;
  padding: 0.5em;
  width: 3em;
  height: 3em;
}

.carousel .container .frame .controls .frame-right .btn--next .icon_dimensions svg,
.carousel .container .frame .controls .frame-left .btn--next .icon_dimensions svg {
  width: 100%;
  height: 100%;
}

.carousel .container .frame .controls .frame-right:hover .icon_dimensions,
.carousel .container .frame .controls .frame-left:hover .icon_dimensions {
  background-color: #752c31;
}

.block_radial {
  position: absolute;
  bottom: 17.5%;
  text-align: center;
  height: 1rem;
  width: 100%;
}

.block_radial li.radial {
  margin: 0 0.25em;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border: 1px solid #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.block_radial li.radial.active {
  background-color: #fff;
}

.carousel-transition {
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  -ms-transition: -ms-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.carousel-enter {
  -webkit-transform: translate3d(50vw, 0, 0);
  -moz-transform: translate3d(50vw, 0, 0);
  -o-transform: translate3d(50vw, 0, 0);
  -ms-transform: translate3d(50vw, 0, 0);
  transform: translate3d(50vw, 0, 0);
}

.carousel-leave {
  -webkit-transform: translate3d(-50vw, 0, 0);
  -moz-transform: translate3d(-50vw, 0, 0);
  -o-transform: translate3d(-50vw, 0, 0);
  -ms-transform: translate3d(-50vw, 0, 0);
  transform: translate3d(-50vw, 0, 0);
}

.help_modal {
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: 50%;
  padding: 2em;
  -webkit-transform: translateX(calc(-50% + 2.25em));
  -moz-transform: translateX(calc(-50% + 2.25em));
  -o-transform: translateX(calc(-50% + 2.25em));
  -ms-transform: translateX(calc(-50% + 2.25em));
  transform: translateX(calc(-50% + 2.25em));
}

.help_modal.x--full {
  width: auto;
}

.help_modal.x--half {
  width: auto;
}

@media (min-width: 1025px) and (max-width: 1440px) {
  .help_modal.x--half {
    left: 25%;
    -webkit-transform: translateX(calc(-50% + 2.25em));
    -moz-transform: translateX(calc(-50% + 2.25em));
    -o-transform: translateX(calc(-50% + 2.25em));
    -ms-transform: translateX(calc(-50% + 2.25em));
    transform: translateX(calc(-50% + 2.25em));
  }
}

@media (min-width: 1441px) {
  .help_modal.x--half {
    left: 25%;
    -webkit-transform: translateX(calc(-50% + 2.25em));
    -moz-transform: translateX(calc(-50% + 2.25em));
    -o-transform: translateX(calc(-50% + 2.25em));
    -ms-transform: translateX(calc(-50% + 2.25em));
    transform: translateX(calc(-50% + 2.25em));
  }
}

@media (min-width: 1621px) {
  .help_modal.x--half {
    left: calc(50vw - 334px - 2.25em);
    -webkit-transform: translateX(calc(-50%));
    -moz-transform: translateX(calc(-50%));
    -o-transform: translateX(calc(-50%));
    -ms-transform: translateX(calc(-50%));
    transform: translateX(calc(-50%));
  }
}

.help_modal .description {
  text-align: center;
  color: #fff;
  background: rgba(117, 44, 49, 0.85);
  padding: 1em 2em;
}

.help_modal .description span {
  font-size: 0.88em;
}

.entrance_container {
  background-image: url("../assets/img/enter-blurred.jpg");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  text-align: center;
}

.entrance_container .layout {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.4s;
  width: calc(100% - 4.5em);
  margin: 0;
  left: calc(50% + 2.25em);
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  max-width: 75%;
}

@media (max-height: 640px) {
  .entrance_container .layout {
    max-width: 100%;
  }

  .entrance_container .layout h1 {
    font-size: 1.75rem;
  }

  .entrance_container .layout h3 {
    font-size: 1.35rem;
  }
}

.entrance_container .layout [class^="page-"] {
  margin: 0 auto;
}

.entrance_container .layout .page-head {
  text-shadow: 0px 0px 7px #000;
}

.entrance_container .layout .page-body {
  padding-top: 0.5em;
  font-size: 1em;
  max-width: 924px;
  text-shadow: 0px 0px 7px #000;
}

.entrance_container .layout .page-split {
  text-shadow: 0px 0px 7px #000;
}

.entrance_container .layout .page-split h3 {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

.entrance_container .layout .page-foot {
  max-width: none;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.entrance_container .layout .page-foot .action-video {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
  margin: 0 1em;
}

.entrance_container .layout .page-foot .action-video.active {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}

.entrance_container.fade-transition .layout {
  top: 50%;
}

.entrance_container.fade-leave .layout,
.entrance_container.fade-enter .layout {
  top: 0;
}

.debug {
  position: absolute;
  left: 50%;
  top: 1em;
  font-size: 1.5em;
  color: #fff;
  z-index: 1000;
}

.menu_sidebar {
  -webkit-transition: margin 0.3s;
  -moz-transition: margin 0.3s;
  -o-transition: margin 0.3s;
  -ms-transition: margin 0.3s;
  transition: margin 0.3s;
  font-size: 1em;
  height: 100vh;
  width: calc(500px + 3.5em + 1em);
  position: fixed;
  z-index: 10;
  background-color: rgba(55, 55, 55, 0.75);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.menu_sidebar.v--darkmode {
  background-color: rgba(0, 0, 0, 0.5);
}

.menu_sidebar.v--history {
  left: 0;
  margin-left: -500px;
  border-right: 1px solid rgba(255, 255, 255, 0.05);
}

.menu_sidebar.v--history.slide-out {
  margin-left: calc(-500px - 3.5em - 1em);
}

.menu_sidebar.v--history .nav_icons {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.menu_sidebar.v--index {
  top: 0;
  right: 0;
  margin-right: -500px;
  height: 3em;
  background-color: #752c31;
  overflow: hidden;
  z-index: 100;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 1 500px;
  -ms-flex: 0 1 500px;
  flex: 0 1 500px;
}

.menu_sidebar.v--index.clear {
  background-color: transparent;
  overflow: visible;
}

.menu_sidebar.v--index.slide-out {
  margin-right: calc(-500px - 3.5em - 1em);
  margin-top: -3em;
}

.menu_sidebar.v--index.slide-up {
  margin-top: -3em;
  margin-right: 0;
}

.menu_sidebar.v--index.hide {
  display: none;
}

.menu_sidebar.v--index .nav_icons {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.menu_sidebar.v--index .txtnull .name {
  display: none;
}

.menu_sidebar .nav_container {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 1 4.5em;
  -ms-flex: 0 1 4.5em;
  flex: 0 1 4.5em;
  vertical-align: top;
  height: 100%;
}

.menu_sidebar .nav_container.hide {
  display: none;
}

.menu_sidebar .nav_container .nav_icons {
  height: 100%;
}

.menu_sidebar .nav_container .nav_icons span {
  display: block;
}

.ui_exit-menu {
  background: transparent;
  cursor: pointer;
  position: absolute;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 1;
}

.nav-icon {
  margin-top: 1em;
  margin-bottom: 1.5em;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.nav-icon.x--help .svg-icon-wrap {
  background-color: #31a3c3;
}

.nav-icon.v--active .svg-icon-wrap {
  border: 1px solid #752c31;
  background-color: #752c31;
}

.nav-icon .svg-icon-wrap {
  cursor: pointer;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -o-transition: background 0.3s;
  -ms-transition: background 0.3s;
  transition: background 0.3s;
  max-width: 3.5em;
  padding: 0.75em;
  background-color: rgba(255, 255, 255, 0.125);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid transparent;
}

.nav-icon .svg-icon-wrap:hover {
  background-color: rgba(70, 5, 5, 0.75);
}

.nav-icon .svg-icon-wrap .symbol {
  width: 1.25em;
  height: 1.25em;
}

.nav-icon .svg-icon-wrap .symbol svg {
  width: 100%;
  height: 100%;
}

.nav-icon.v--bottom--right {
  position: absolute;
  bottom: 1em;
  left: 0.75em;
}

.nav-icon.v--bottom--left {
  position: absolute;
  bottom: 1em;
  left: 0.75em;
}

.nav-icon.x--related {
  margin: 0.5em;
}

.nav-icon.x--related .svg-icon-wrap {
  padding: 0.35em;
}

.nav-icon span.name {
  text-align: center;
  position: absolute;
  width: 4.5em;
  left: 50%;
  margin-left: -2.25em;
  bottom: -2em;
  font-size: 0.75em;
  pointer-events: none;
}

.nav_container .ios .v--bottom--left {
  bottom: 4em;
}

.skip_video {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0.75em;
  cursor: pointer;
  border: 1px solid transparent;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  padding: 1em;
  position: absolute;
  right: 0;
  bottom: 2em;
  z-index: 1;
  background-color: #752c31;
  margin: 1em;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.skip_video .icon_dimensions {
  width: 1em;
  height: 1em;
}

.skip_video .icon_dimensions svg {
  width: 100%;
  height: 100%;
}

.skip_video path,
.skip_video line,
.skip_video g {
  stroke-width: 10px;
}

.skip_video .icon_dimensions {
  width: 1em;
  height: 1em;
}

.skip_video span.name {
  text-align: center;
  position: absolute;
  width: 4.5em;
  left: 50%;
  margin-left: -2.25em;
  bottom: -2em;
  font-size: 0.75em;
}

.skip_video:hover {
  background: rgba(70, 5, 5, 0.75);
}

.menu_sidebar.v--history .tab_container {
  width: calc(100% - 4.65em);
}

.menu_sidebar.v--history .tab_container .tab-item .tab--img {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 1 50%;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
}

.menu_sidebar.v--history .tab_container .tab-item .tab--nfo {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 1 50%;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
}

.tab_container {
  overflow-x: hidden;
  overflow-y: scroll;
}

.tab_container .tabs {
  position: relative;
}

.tab_container .tab-item {
  font-family: Karla;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  width: 500px;
  min-height: 99px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  background-color: rgba(255, 255, 255, 0.85);
  color: #333;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  cursor: pointer;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}

.tab_container .tab-item.v--first {
  margin-top: 5.51em;
}

.tab_container .tab-item .tab--img {
  border-right: 1px solid rgba(0, 0, 0, 0.3);
  font-size: 0;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 1 45%;
  -ms-flex: 0 1 45%;
  flex: 0 1 45%;
}

.tab_container .tab-item .tab--img img {
  width: 100%;
}

.tab_container .tab-item .tab--nfo {
  padding: 1em;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 1 55%;
  -ms-flex: 0 1 55%;
  flex: 0 1 55%;
  font-size: 1em;
  line-height: 1rem;
}

.tab_container .tab-item .tab--nfo span {
  display: block;
}

.tab_container .tab-item .tab--nfo span.title {
  font-family: Droid;
  font-weight: bold;
  color: #752c31;
  margin-bottom: 0.5em;
}

.tab_container .tab-item .tab--nfo span.type {
  font-style: italic;
  margin-bottom: 0.5em;
}

.tab_container .tab-item .tab--nfo .btn--more {
  font-family: Droid;
  padding: 0.25em;
  border: 1px solid #752c31;
  font-weight: bold;
  color: #752c31;
}

.tab_container .tab-item .tab--nfo .btn--more:hover {
  background: none;
}

.tab_container .tab-item:hover {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}

.tab_container .tab-title {
  font-size: 1.111rem;
  font-family: Droid Serif;
  top: 0;
  width: 500px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  background-color: #752c31;
  color: #fff;
  padding: 2em;
  position: fixed;
  z-index: 1;
}

.alert_window {
  position: absolute;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: rgba(70, 5, 5, 0.75);
}

.alert_window .layout {
  position: absolute;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
}

.alert_window .layout .poster {
  padding: 1em;
  margin-left: calc(50% - 3.5em);
}

.alert_window .layout .poster .icon_dimensions {
  width: 5em;
  height: 5em;
}

.alert_window .layout .poster .icon_dimensions svg {
  width: 100%;
  height: 100%;
}

.alert_window .layout .caption {
  text-align: center;
}

.download_collection .download_item {
  position: relative;
  zoom: 1;
  float: left;
  width: 50%;
}

.download_collection .download_item:nth-child(even) {
  padding: 1em 0em 1em 1em;
}

.download_collection .download_item:nth-child(odd) {
  padding: 1em 1em 1em 0;
}

.download_collection .download_item:nth-child(odd):after {
  position: absolute;
  margin-left: 0;
  margin-right: 1em;
}

.download_collection .download_item:before,
.download_collection .download_item:after {
  content: "";
  display: table;
}

.download_collection .download_item:after {
  clear: both;
}

@media (max-width: 640px) {
  .download_collection .download_item {
    min-height: 400px;
  }
}

.download_collection .download_item.layout--dropdown {
  float: none;
  width: auto;
  padding: 0;
}

.download_collection .download_item.layout--dropdown:after {
  border: none;
}

.download_collection .download_item.layout--dropdown .inline {
  display: table;
  margin-bottom: 2em;
}

.download_collection .download_item.layout--dropdown .inline .image_container,
.download_collection .download_item.layout--dropdown .inline .item_meta {
  display: table-cell;
  margin-bottom: 0;
  padding-top: 0;
}

.download_collection .download_item .inline {
  min-height: 25vh;
}

.download_collection .download_item .inline .image_container,
.download_collection .download_item .inline .item_meta {
  width: 30%;
  display: inline-block;
}

.download_collection .download_item .image_container {
  margin-bottom: 1em;
}

.download_collection .download_item .image_container .title {
  margin-top: -0.2em;
  font-size: 1rem;
  font-weight: bold;
  width: 100%;
  padding: 0.75em 1.5em;
  background-color: #752c31;
  color: #fff;
}

@media (max-width: 640px) {
  .download_collection .download_item .image_container .title {
    font-size: 1em;
  }
}

.download_collection .download_item .item_meta {
  margin-left: 5%;
  vertical-align: top;
  padding: 0.75em 1.5em;
  padding-right: 0.5em;
}

.download_collection .download_item .item_meta p {
  margin-bottom: 0.5em;
}

.download_collection .download_item .item_meta h4 {
  position: relative;
}

.download_collection .download_item .item_meta h4 span {
  width: 4em;
  position: absolute;
  bottom: -0.5em;
  left: 0;
  height: 0.15em;
  background-color: #752c31;
}

.download_collection .download_item .block .download-btn {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  color: #752c31;
  font-size: 0.88em;
  text-align: center;
  float: left;
  zoom: 1;
  cursor: pointer;
  width: 45%;
  border: 1px solid #752c31;
  padding: 0.75em;
}

.download_collection .download_item .block .download-btn:before,
.download_collection .download_item .block .download-btn:after {
  content: "";
  display: table;
}

.download_collection .download_item .block .download-btn:after {
  clear: both;
}

.download_collection .download_item .block .download-btn:hover {
  color: #fff;
  background-color: #752c31;
}

.download_collection .download_item .block .download-btn.layout--dropdown {
  margin-right: 1em;
  width: calc(25% - 1em);
  margin-left: 0;
  color: #fff;
  border: 1px solid #fff;
}

.download_collection .download_item .block .download-btn.layout--dropdown:hover {
  color: #752c31;
  background-color: #fff;
}

.download_collection .download_item .block .download-btn.end {
  float: left;
  margin-left: 1em;
}

.download_collection.has_floats {
  zoom: 1;
}

.download_collection.has_floats:before,
.download_collection.has_floats:after {
  content: "";
  display: table;
}

.download_collection.has_floats:after {
  clear: both;
}

.download_collection.has_floats .download_item .image_container {
  height: 18.75vw;
  max-height: 250px;
  position: relative;
  margin-bottom: 3em;
}

.download_collection.has_floats .download_item .image_container .title {
  position: absolute;
  bottom: -2.5em;
  margin-top: 0;
}

.download_collection.has_floats .download_item .item_meta {
  margin-left: 0;
  vertical-align: top;
  padding: 0.75em 0;
}

.cc {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.cc .logo {
  width: 150px;
}

.cc p {
  font-size: 0.85em;
}

.x-section {
  position: relative;
  height: 100%;
}

.x-section .nfo {
  position: absolute;
  z-index: 10;
  width: 50%;
  margin-left: -25%;
  left: 50%;
  top: 0.5em;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  font-size: 0.75em;
}

.x-section .nfo .on-pop {
  text-align: center;
  min-width: 100px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  color: #fff;
  padding: 1em 2em;
  background-color: rgba(0, 0, 0, 0.7);
  border-bottom: 0.25em solid #752c31;
}

.x-section .index_map {
  background-image: url("../assets/img/cross-section.jpg");
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.x-section .index_map .map-controls #modelroom,
.x-section .index_map .map-controls #sarcophagus {
  cursor: pointer;
  position: relative;
}

.x-section .index_map .map-controls #modelroom .bg,
.x-section .index_map .map-controls #sarcophagus .bg {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  fill: rgba(0, 0, 0, 0.5);
  position: relative;
  stroke: #752c31;
  stroke-width: 2px;
}

.x-section .index_map .map-controls #modelroom .hotspot,
.x-section .index_map .map-controls #sarcophagus .hotspot {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  fill: rgba(255, 255, 255, 0.5);
}

.x-section .index_map .map-controls #modelroom:hover .bg,
.x-section .index_map .map-controls #sarcophagus:hover .bg {
  fill: rgba(117, 44, 49, 0.6);
}

.x-section .index_map .map-controls #modelroom:hover .hotspot,
.x-section .index_map .map-controls #sarcophagus:hover .hotspot {
  fill: #231f20;
}

.x-section .index_map .index--close {
  position: absolute;
  top: 4.5em;
  right: 6em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0.75em;
  cursor: pointer;
  border: 1px solid transparent;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.x-section .index_map .index--close .icon_dimensions {
  width: 1em;
  height: 1em;
}

.x-section .index_map .index--close .icon_dimensions svg {
  width: 100%;
  height: 100%;
}

.popover-transition {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  margin-top: 0;
}

.popover-enter {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  margin-top: 2em;
}

.popover-leave {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  margin-top: -1em;
}

.video_container {
  position: absolute;
  width: 100%;
  height: 100%;
}

.video_container .video_que {
  position: absolute;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -o-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  width: 100%;
  height: 100%;
}

button.leap {
  position: absolute;
  top: 2em;
  width: 200px;
  height: 100px;
  z-index: 10;
}

.player_wrap {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1;
}

.player_wrap.active {
  z-index: 1;
}

.player_wrap .video-js {
  width: 100%;
}

.room_container {
  position: absolute;
  height: 100vh;
  top: 0;
  width: 100%;
}

.room_container .inspector_meta {
  width: calc(100vw - 4.5em);
  left: 4.5em;
  background-color: transparent;
}

.room_container .inspector_meta .meta_group {
  background-color: #752c31;
}

.room_container .inspector_meta .meta_group--dropdown {
  position: absolute;
  background-color: #752c31;
  width: 50%;
  max-width: 768px;
  overflow-y: scroll;
}

.room_container .r360_container {
  position: absolute;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  width: 100vw;
  height: auto;
}

.room_container .r360_container img {
  width: 100%;
  height: 100%;
}

.room_container .tracking_container {
  position: relative;
}

.room_container .tracking_container li.trackball {
  -webkit-box-shadow: 0 0 1em 0.5em rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 1em 0.5em rgba(0, 0, 0, 0.5);
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;
  position: absolute;
  -webkit-transform: translate(150px, 250px);
  -moz-transform: translate(150px, 250px);
  -o-transform: translate(150px, 250px);
  -ms-transform: translate(150px, 250px);
  transform: translate(150px, 250px);
  width: 2.5em;
  height: 2.5em;
  background-color: #752c31;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-left: -1.5em;
  margin-top: -1.5em;
  border: 1px solid transparent;
  cursor: pointer;
  -webkit-transition: border 0.3s, opacity 0.3s;
  -moz-transition: border 0.3s, opacity 0.3s;
  -o-transition: border 0.3s, opacity 0.3s;
  -ms-transition: border 0.3s, opacity 0.3s;
  transition: border 0.3s, opacity 0.3s;
}

.room_container .tracking_container li.trackball:after {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  width: 150%;
  height: 150%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  z-index: 0;
  border: 10px solid transparent;
  -webkit-transform: translate(-17.5%, -17.5%);
  -moz-transform: translate(-17.5%, -17.5%);
  -o-transform: translate(-17.5%, -17.5%);
  -ms-transform: translate(-17.5%, -17.5%);
  transform: translate(-17.5%, -17.5%);
  -webkit-transition: border 0.4s;
  -moz-transition: border 0.4s;
  -o-transition: border 0.4s;
  -ms-transition: border 0.4s;
  transition: border 0.4s;
}

.room_container .tracking_container li.trackball.x--flash:after {
  border: 0px solid #fff;
}

.room_container .tracking_container li.trackball.x--mobile .nfo {
  margin-top: 0.75em;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}

.room_container .tracking_container li.trackball.x--mobile .nfo span {
  background-color: transparent;
  font-weight: normal;
  color: #fff;
  font-family: Karla;
}

.room_container .tracking_container li.trackball:hover .nfo {
  margin-top: 1em;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}

.room_container .tracking_container li.trackball .icon {
  height: 100%;
}

.room_container .tracking_container li.trackball .icon svg {
  width: 100%;
  height: 100%;
  padding: 0.5em;
}

.room_container .tracking_container li.trackball .nfo {
  pointer-events: none;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 0.3s, margin-top 0.3s;
  -moz-transition: opacity 0.3s, margin-top 0.3s;
  -o-transition: opacity 0.3s, margin-top 0.3s;
  -ms-transition: opacity 0.3s, margin-top 0.3s;
  transition: opacity 0.3s, margin-top 0.3s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  margin-top: 0em;
  width: 350px;
  margin-left: calc(-175px + 1.25em);
  text-align: center;
}

.room_container .tracking_container li.trackball .nfo span {
  color: #752c31;
  font-weight: bold;
  font-family: Droid;
  padding: 0.5em 1.25rem;
  background-color: rgba(255, 255, 255, 0.8);
  font-size: 0.89em;
}

.potree_container {
  position: absolute;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
}

.potree_container #render_area {
  width: 100%;
  height: 100%;
}

.potree_container canvas {
  cursor: pointer;
  width: 100%;
  height: 100%;
}

.potree_container .maximize {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  bottom: 1em;
  left: calc(50% - 1em);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0.75em;
  cursor: pointer;
  border: 1px solid transparent;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

@media (min-width: 1621px) {
  .potree_container .maximize {
    left: calc(100% - 1em - 768px - 81px);
  }
}

.potree_container .maximize .icon_dimensions {
  width: 1em;
  height: 1em;
}

.potree_container .maximize .icon_dimensions svg {
  width: 100%;
  height: 100%;
}

.potree_container .maximize:hover {
  background-color: #752c31;
}

.potree_container .maximize.x--full {
  left: calc(100% - 3.5em);
  background-color: #752c31;
}

.modal_window {
  position: absolute;
  z-index: 100;
  left: 4.5em;
  width: calc(100vw - (2 * 3.5em) - 2em);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.modal_window.v--half {
  left: 50%;
  width: calc(50% - 3.5em - 1em);
}

.modal_window.v--half .modal_content .layout {
  border-left: 1px dashed rgba(255, 255, 255, 0.05);
  margin-left: 0;
  width: calc(100% - 3.5em - 1em);
}

.modal_window.v--half .modal_content .layout .inspector__gui {
  width: auto;
}

.modal_window.v--half .modal_content .layout .inspector__meta--top {
  width: 100%;
}

.modal_content {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.4s;
}

.modal_content .layout[role="inspector"] {
  position: relative;
  margin: 0;
  width: 100% !important;
}

.modal_content .layout[role="inspector"] .inspector__view {
  height: 100vh;
  overflow-y: scroll;
}

.modal_content .layout[role="inspector"] .inspector__view.v--lightmode {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAO0lEQVQYV2NkIAIwElKze/fu/3gVgRS4uroyEjQJZBNWRTATYE7BUISuAKdJ6J6Bm4TNBBTr8CkAKQQA02QXOj4w/E8AAAAASUVORK5CYII=");
  background-repeat: repeat;
  background-color: #ccc;
  color: #212121;
}

.drawer {
  position: absolute;
  z-index: 100;
  left: 4.5em;
  width: calc(100vw - (2 * 3.5em) - 2em);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

@media (min-width: 1621px) {
  .drawer {
    max-width: 768px;
  }
}

.drawer.v--half {
  left: calc(50% + 2.25em);
  width: calc(50% + 2.25em);
}

@media (min-width: 1621px) {
  .drawer.v--half {
    left: inherit;
    right: 0;
    max-width: 768px;
  }
}

.drawer.v--half .drawer_content .layout {
  margin-left: 0;
  width: calc(100% - 3.5em - 1em);
}

@media (min-width: 1621px) {
  .drawer.v--half .drawer_content .layout {
    width: 100%;
  }
}

.drawer.v--half .drawer_content .layout .inspector__gui {
  width: auto;
}

.drawer_content {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.4s;
}

.drawer_content .layout[role="inspector"] {
  position: relative;
  margin: 0;
}

.drawer_content .layout[role="inspector"] .inspector__meta--menu {
  width: 100%;
}

.drawer_content .layout[role="inspector"] .inspector__view .type--about {
  height: 100vh;
  overflow-y: scroll;
}

.drawer_content .layout[role="inspector"] .inspector__view .type--about article {
  padding-top: 4em;
}

.drawer_content .layout[role="inspector"] .inspector__view.v--lightmode {
  background-color: #fff;
  color: #212121;
}

.inspector__meta--menu {
  -webkit-transition: left 0.3s;
  -moz-transition: left 0.3s;
  -o-transition: left 0.3s;
  -ms-transition: left 0.3s;
  transition: left 0.3s;
  position: fixed;
  top: 0;
  width: calc(50% - 4.5em);
  left: calc(100% + 4.5em);
  background-color: #752c31;
  z-index: 1;
}

.inspector__meta--menu .meta_group {
  min-height: 3em;
  padding: 1em;
  color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}

.inspector__meta--menu .meta_group .meta_item {
  text-align: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.inspector__meta--menu .meta_group .meta_item:hover span:after {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  width: 100%;
  height: 0.17em;
  background: #fff;
  top: 1.25em;
  left: 0;
}

.inspector__meta--menu .meta_group .meta_item span {
  position: relative;
  cursor: pointer;
}

.inspector__meta--menu .meta_group .meta_item.active span:after {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  width: 100%;
  height: 0.17em;
  background: #fff;
  top: 1.25em;
  left: 0;
}

.inspector__meta--top {
  position: fixed;
  top: 0;
  width: calc(100vw - (2 * 3.5em) - 2em);
}

.inspector__meta--top .meta_group {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -o-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.inspector__meta--top .meta_group.v--opaque {
  background-color: #752c31;
}

.inspector__meta--top .meta_group.v--opaque .meta_item {
  background: none;
}

.inspector__meta--top .meta_group .meta_item {
  background: rgba(0, 0, 0, 0.5);
  padding: 1em;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 1 50%;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
}

.inspector__meta--top .meta_group .meta_item.txt--centre {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 1 10%;
  -ms-flex: 0 1 10%;
  flex: 0 1 10%;
  text-align: center;
}

.inspector__meta--top .meta_group .meta_item.txt--right {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 1 30%;
  -ms-flex: 0 1 30%;
  flex: 0 1 30%;
  text-align: right;
}

.inspector__meta--top .meta_group .meta_close {
  position: absolute;
  bottom: -4.5em;
  right: 4.5em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0.75em;
  cursor: pointer;
  border: 1px solid transparent;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.inspector__meta--top .meta_group .meta_close .icon_dimensions {
  width: 1em;
  height: 1em;
}

.inspector__meta--top .meta_group .meta_close .icon_dimensions svg {
  width: 100%;
  height: 100%;
}

.inspector_meta {
  position: fixed;
  top: 0;
  width: calc(50vw - (1 * 3.5em) - 1em);
  background-color: #752c31;
  cursor: pointer;
  -webkit-transition: top 0.4s;
  -moz-transition: top 0.4s;
  -o-transition: top 0.4s;
  -ms-transition: top 0.4s;
  transition: top 0.4s;
}

.inspector_meta.hide {
  top: -3em;
}

.inspector_meta .meta_group .meta_item {
  display: inline-block;
  padding: 1em;
}

.inspector_meta .meta_group--dropdown {
  font-size: 0.88em;
  border-top: 1px solid #fff;
  position: relative;
  padding: 2.5em;
}

.inspector_meta .meta_group--dropdown .layout--back {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  position: absolute;
  right: 1em;
  bottom: 1em;
}

.inspector_meta .inline-icon {
  display: inline-block;
  vertical-align: middle;
}

.inspector_meta .inline-icon .symbol {
  width: 1.25em;
  height: 1.25em;
}

.inspector_meta .inline-icon .symbol svg {
  width: 100%;
  height: 100%;
}

.inspector__gui {
  position: fixed;
  top: 0;
  right: calc(3.5em + 1em);
  height: 100vh;
}

.inspector__gui.align--menu {
  position: absolute;
  right: -3.75em;
  top: 0;
  height: 50vh;
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -o-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
  z-index: 100;
}

.inspector__gui.align--menu .features_group .gui_container {
  background-color: rgba(45, 41, 41, 0.74);
}

.inspector__gui .features_group {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: end;
  -moz-box-align: end;
  -o-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

.inspector__gui .features_group.v--preview .gui_container {
  width: 100%;
}

.inspector__gui .features_group .gui_container {
  overflow: hidden;
  width: 3.5em;
  background: rgba(0, 0, 0, 0.5);
  border: 1px dashed rgba(255, 255, 255, 0.125);
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.inspector__gui .features_group .gui_container:hover {
  width: 100%;
  border: 1px solid #752c31;
}

.inspector__gui .features_group .gui_container .gui-key {
  text-align: right;
  display: inline-block;
  font-size: 0.75em;
  width: 75%;
}

.inspector__gui .features_group .gui_container .gui_svg {
  width: 1.5em;
  height: 1.5em;
  display: inline-block;
  vertical-align: middle;
}

.inspector__gui .features_group .gui_container .gui_svg svg {
  width: 100%;
  height: 100%;
}

.inspector__gui .features_group .gui_container.v--current {
  border: 1px solid #752c31;
}

.inspector__gui .features_group .gui {
  width: 10em;
  padding: 1em;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.model_inspector .meta_group {
  position: relative;
}

.model_inspector .meta_group.v--opaque {
  background-color: #752c31;
}

.model_inspector .meta_group.v--opaque .meta_item {
  background: none;
}

.model_inspector .meta_group .meta_close {
  position: absolute;
  bottom: -4.5em;
  right: 4.5em;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0.75em;
  cursor: pointer;
  border: 1px solid transparent;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.model_inspector .meta_group .meta_close .icon_dimensions {
  width: 1em;
  height: 1em;
}

.model_inspector .meta_group .meta_close .icon_dimensions svg {
  width: 100%;
  height: 100%;
}

.model_inspector .layout[role="inspector"] {
  position: relative;
  margin: 0;
  margin-left: 4.5em;
}

.model_inspector .layout[role="inspector"].darken .inspector__view {
  opacity: 0.125;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=13)";
  filter: alpha(opacity=13);
}

.model_inspector .layout[role="inspector"] .inspector__gui {
  position: absolute;
  right: 0;
}

.model_inspector .layout[role="inspector"] .inspector__gui.align--menu {
  position: absolute;
  right: -3.75em;
  top: 0;
  height: 50vh;
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -o-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
  z-index: 100;
}

.model_inspector .layout[role="inspector"] .inspector__gui.align--menu .features_group .gui_container {
  background-color: rgba(45, 41, 41, 0.74);
}

.model_inspector .layout[role="inspector"] .inspector__view {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  overflow-x: hidden;
  background-color: rgba(0, 0, 0, 0.7);
  background-repeat: repeat;
  position: absolute;
  height: 100vh;
  left: calc(100% + 4.5em);
  width: 100%;
  z-index: 1;
}

.model_inspector .layout[role="inspector"] .inspector__view.v--half {
  width: calc(50% + 2.25em);
  left: calc(50% + 2.25em);
}

@media (min-width: 1621px) {
  .model_inspector .layout[role="inspector"] .inspector__view.v--half {
    left: calc(100vw - 768px - 4.5em);
    max-width: 768px;
  }
}

.model_inspector .layout[role="inspector"] .inspector__view.v--half .inspector__meta--menu {
  left: calc(50% + 2.25em);
}

@media (min-width: 1621px) {
  .model_inspector .layout[role="inspector"] .inspector__view.v--half .inspector__meta--menu {
    left: calc(100vw - 768px);
    max-width: calc(768px - 2.5em);
  }
}

.model_inspector .layout[role="inspector"] .inspector__view.v--lightmode {
  background-color: #fff;
  color: #1f1d1e;
}

.model_inspector .poi_viewer {
  width: 50%;
  position: relative;
  background-color: #fff;
  border-right: 1px solid #000;
}

@media (min-width: 1621px) {
  .model_inspector .poi_viewer {
    width: calc(100vw - 768px - 4.5em);
  }
}

.model_inspector .poi_viewer .poi_item {
  border: 1px dashed rgba(255, 255, 255, 0.125);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.model_inspector .poi_viewer .poi_item .poi--icon {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0.75em;
  cursor: pointer;
  border: 1px solid transparent;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  padding: 0.5em;
  border: 1px solid #752c31;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  position: inherit;
  margin: 0.5em 1em;
  background-color: #752c31;
}

.model_inspector .poi_viewer .poi_item .poi--icon .icon_dimensions {
  width: 1em;
  height: 1em;
}

.model_inspector .poi_viewer .poi_item .poi--icon .icon_dimensions svg {
  width: 100%;
  height: 100%;
}

.model_inspector .poi_viewer .poi_item .poi--icon .icon_dimensions {
  width: 1.5em;
  height: 1.5em;
}

.model_inspector .poi_viewer .poi_item .poi--txt {
  color: #752c31;
  font-size: 0.88em;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 1em;
}

.inspector__view h1,
.inspector__view h2,
.inspector__view h3,
.inspector__view h4 {
  color: #752c31;
}

.inspector__view .type--map {
  width: 100%;
  height: 100vh;
}

.inspector__view .type--map .nav_icons {
  position: absolute;
  z-index: 1;
}

.inspector__view .type--map #mapbox-map {
  width: 100%;
  height: 100%;
}

.inspector__view .type--map #image-map {
  width: 100%;
  height: 100%;
}

.inspector__view .type--image .image_viewport {
  cursor: pointer;
  width: 100%;
  height: 100vh;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-background-size: 50%;
  -moz-background-size: 50%;
  background-size: 50%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.inspector__view .type--about {
  padding: 0;
  margin: 0 auto;
}

.inspector__view .type--about #article {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  margin: 0 auto;
  max-width: 768px;
  padding: 6em 4em;
  line-height: 160%;
}

.inspector__view .type--about #article .txt--center {
  text-align: center;
}

.inspector__view .type--about #article .frag {
  position: relative;
  overflow: hidden;
}

.inspector__view .type--about #article .fact-sheet {
  margin-top: 4em;
  margin-bottom: 2.5em;
}

.inspector__view .type--about #article .fact-sheet .meta_item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin-bottom: 1.5em;
  border-bottom: 0.125em solid #752c31;
  padding-bottom: 0.75em;
}

.inspector__view .type--about #article .fact-sheet .meta_item .cell-one {
  color: #752c31;
  font-family: Droid;
  vertical-align: top;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 1 15em;
  -ms-flex: 0 1 15em;
  flex: 0 1 15em;
}

.inspector__view .type--about #article .fact-sheet .meta_item .cell-two {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  font-weight: normal;
}

.inspector__view .type--about .image_fragment {
  max-width: 100%;
  height: 50vh;
  text-align: center;
  margin-bottom: 1em;
}

.inspector__view .type--about .image_fragment img {
  height: 100%;
  width: auto;
}

.inspector__view .type--about .block {
  margin-top: 1.5em;
  zoom: 1;
}

.inspector__view .type--about .block:before,
.inspector__view .type--about .block:after {
  content: "";
  display: table;
}

.inspector__view .type--about .block:after {
  clear: both;
}

.inspector__view .type--about .block .badge-btn {
  margin-top: -1em;
}

.inspector__view .type--viewer {
  overflow-x: hidden;
  width: 100%;
  height: 100vh;
}

.inspector__view .type--viewer .viewer-title {
  background-color: #752c31;
  max-width: 100%;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  padding: 1em 2em;
  margin: 0;
}

.inspector__view .type--viewer .viewer-container {
  background: #fff;
}

.inspector__view .type--viewer #viewfinder {
  height: 100vh;
}

.inspector__view .type--viewer #viewfinder li {
  display: none;
}

.inspector__view .type--viewer #viewfinder li img {
  width: 100%;
}

.inspector__view.v--half .type--about .image_fragment {
  height: auto;
}

.inspector__view.v--half .type--about .image_fragment img {
  width: 100%;
}