/*1200 X 745 */
/* line 15, ../../assets/sass/modules/compass.scss */
.path-interactive {
  background-color: #000;
}

/* line 19, ../../assets/sass/modules/compass.scss */
.cqi-compass {
  height: 100vh;
  width: 161.07383vh;
  max-width: 100vw;
  background-color: #000;
  position: relative;
  font-size: 1.61074vh;
  line-height: 2.14765vh;
  overflow: hidden;
  margin: 0 auto;
  border: 0.26846vh solid #fff;
}
/* line 31, ../../assets/sass/modules/compass.scss */
.cqi-compass .sidebar {
  float: right;
  width: 46.97987vh;
}
/* line 34, ../../assets/sass/modules/compass.scss */
.cqi-compass .sidebar .additional-resources-block {
  margin: 0.80537vh 1.34228vh 0 0;
  height: 51.00671vh;
}
/* line 38, ../../assets/sass/modules/compass.scss */
.cqi-compass .sidebar .compassPlayerWrapper {
  margin: 0.80537vh 1.34228vh 0 0;
}
/* line 40, ../../assets/sass/modules/compass.scss */
.cqi-compass .sidebar .compassPlayerWrapper .compassPlayerContainer {
  height: 37.04698vh;
  position: relative;
}
/* line 43, ../../assets/sass/modules/compass.scss */
.cqi-compass .sidebar .compassPlayerWrapper .compassPlayerContainer .compassPlayerPlaceholderOverlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  color: #fff;
  font-size: 4.02685vh;
  background-color: #000;
  z-index: 50;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
/* line 57, ../../assets/sass/modules/compass.scss */
.cqi-compass .sidebar .compassPlayerWrapper .compassPlayerContainer .compassPlayerPlaceholderOverlay img {
  height: 13.42282vh;
  width: 13.42282vh;
  margin: 2.68456vh auto 0;
}
/* line 67, ../../assets/sass/modules/compass.scss */
.cqi-compass .header {
  height: 5.63758vh;
  line-height: 5.63758vh;
  font-size: 2.01342vh;
  border-bottom: 1px solid white;
  padding-left: 2.68456vh;
  overflow: hidden;
}
/* line 74, ../../assets/sass/modules/compass.scss */
.cqi-compass .header img {
  height: 5.63758vh;
  vertical-align: top;
  display: inline-block;
}
/* line 79, ../../assets/sass/modules/compass.scss */
.cqi-compass .header h1 {
  display: inline-block;
  color: #fff;
  margin: 0;
  line-height: 5.63758vh;
  font-size: 2.01342vh;
  padding: 0 10px;
  text-transform: uppercase;
}
/* line 88, ../../assets/sass/modules/compass.scss */
.cqi-compass .header .komen-logo {
  float: right;
  background-color: #fff;
}
/* line 94, ../../assets/sass/modules/compass.scss */
.cqi-compass h3 {
  background-color: #9a9767;
  font-size: 1.61074vh;
  line-height: 1.87919vh;
  font-weight: bold;
  margin: 0;
  padding: 0.80537vh;
  color: #fff;
}
/* line 104, ../../assets/sass/modules/compass.scss */
.cqi-compass h4 {
  font-size: 1.61074vh;
  line-height: 1.87919vh;
  color: red;
  margin: 0;
}
/* line 111, ../../assets/sass/modules/compass.scss */
.cqi-compass .compass-nav {
  width: 114.09396vh;
  margin: 0.80537vh 0 0 1.34228vh;
}
/* line 114, ../../assets/sass/modules/compass.scss */
.cqi-compass .compass-nav .instructions {
  float: right;
  background-color: #ffffff;
  color: #000000;
  font-size: 1.34228vh;
  line-height: 1.61074vh;
  text-align: left;
  width: 52.34899vh;
  height: 12.08054vh;
  margin-right: 1.74497vh;
  border-radius: 1.34228vh;
  padding: 0.9396vh 0.9396vh;
}
/* line 128, ../../assets/sass/modules/compass.scss */
.cqi-compass .compass-nav .compassMinimapWrap .mgNavigator {
  width: 56.37584vh !important;
  height: 12.08054vh !important;
  position: relative;
  right: 0;
  top: 0;
  border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  border: 1px solid #fff;
}
/* line 138, ../../assets/sass/modules/compass.scss */
.cqi-compass .compass-nav .compassMinimapWrap .mgNavigator canvas {
  background-image: url("/modules/custom/cq_interactive/img/compass/timeline.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: #000;
  width: 100%;
  height: 100%;
}
/* line 146, ../../assets/sass/modules/compass.scss */
.cqi-compass .compass-nav .compassMinimapWrap .mgNavigator .mgViewport {
  max-height: 100%;
  height: 100% !important;
}
/* line 155, ../../assets/sass/modules/compass.scss */
.cqi-compass .compassMapControlsWrap {
  margin: 0.80537vh 0 0 1.34228vh;
  border: #fff solid 1px;
  box-sizing: border-box;
  height: 37.04698vh;
  width: 110.4698vh;
  overflow: hidden;
  position: relative;
}
/* line 163, ../../assets/sass/modules/compass.scss */
.cqi-compass .compassMapControlsWrap .compassMapControl {
  width: 2.14765vh;
  height: 36.77852vh;
  background-color: #555;
  position: absolute;
  top: 0;
  overflow: hidden;
  cursor: pointer;
}
/* line 171, ../../assets/sass/modules/compass.scss */
.cqi-compass .compassMapControlsWrap .compassMapControl .mapControlText {
  transform-origin: left top;
}
/* line 175, ../../assets/sass/modules/compass.scss */
.cqi-compass .compassMapControlsWrap .compassMapBack {
  left: 0;
}
/* line 177, ../../assets/sass/modules/compass.scss */
.cqi-compass .compassMapControlsWrap .compassMapBack .mapControlText {
  transform: rotate(270deg);
  position: relative;
  top: 36.77852vh;
}
/* line 183, ../../assets/sass/modules/compass.scss */
.cqi-compass .compassMapControlsWrap .compassMapFore {
  right: 0;
}
/* line 185, ../../assets/sass/modules/compass.scss */
.cqi-compass .compassMapControlsWrap .compassMapFore .mapControlText {
  transform: rotate(90deg);
  position: relative;
  left: 2.14765vh;
}
/* line 191, ../../assets/sass/modules/compass.scss */
.cqi-compass .compassMapControlsWrap .mapControlText {
  line-height: 2.14765vh;
  font-size: 1.61074vh;
  text-transform: uppercase;
  color: #ccc;
  text-align: center;
  white-space: nowrap;
  width: 36.91275vh;
}
/* line 200, ../../assets/sass/modules/compass.scss */
.cqi-compass .compassMapControlsWrap .compassMapWrap {
  overflow: scroll;
  height: 36.91275vh;
  width: 105.36913vh;
  position: absolute;
  left: 2.41611vh;
}
/* line 206, ../../assets/sass/modules/compass.scss */
.cqi-compass .compassMapControlsWrap .compassMapWrap img {
  height: 100%;
}
/* line 209, ../../assets/sass/modules/compass.scss */
.cqi-compass .compassMapControlsWrap .compassMapWrap .timeline-item {
  white-space: nowrap;
  color: white;
  position: absolute;
  font-size: 1.61074vh;
  line-height: 1.87919vh;
  text-align: center;
}
/* line 212, ../../assets/sass/modules/compass.scss */
.cqi-compass .compassMapControlsWrap .compassMapWrap .timeline-item a {
  color: white;
  padding: 0.26846vh 0;
}
/* line 215, ../../assets/sass/modules/compass.scss */
.cqi-compass .compassMapControlsWrap .compassMapWrap .timeline-item a:hover {
  text-decoration: none;
  background-color: limegreen;
  color: black;
}
/* line 225, ../../assets/sass/modules/compass.scss */
.cqi-compass .compassMapControlsWrap .compassMapWrap .timeline-item.ti-color-red {
  color: red;
}
/* line 227, ../../assets/sass/modules/compass.scss */
.cqi-compass .compassMapControlsWrap .compassMapWrap .timeline-item.ti-color-red a {
  color: red;
}
/* line 231, ../../assets/sass/modules/compass.scss */
.cqi-compass .compassMapControlsWrap .compassMapWrap .timeline-item.ti-color-orange {
  color: #FF5719;
}
/* line 233, ../../assets/sass/modules/compass.scss */
.cqi-compass .compassMapControlsWrap .compassMapWrap .timeline-item.ti-color-orange a {
  color: #FF5719;
}
/* line 237, ../../assets/sass/modules/compass.scss */
.cqi-compass .compassMapControlsWrap .compassMapWrap .timeline-item.ti-icon-doc a, .cqi-compass .compassMapControlsWrap .compassMapWrap .timeline-item.ti-icon-video a {
  display: block;
  padding: 0.26846vh 2.81879vh 0.26846vh 0;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 1.87919vh 1.87919vh;
}
/* line 245, ../../assets/sass/modules/compass.scss */
.cqi-compass .compassMapControlsWrap .compassMapWrap .timeline-item.ti-icon-video a {
  background-image: url(/modules/custom/cq_interactive/img/compass/video-icon.png);
}
/* line 248, ../../assets/sass/modules/compass.scss */
.cqi-compass .compassMapControlsWrap .compassMapWrap .timeline-item.ti-icon-doc a {
  background-image: url(/modules/custom/cq_interactive/img/compass/doc-icon.png);
}
/* line 255, ../../assets/sass/modules/compass.scss */
.cqi-compass .bottom-row {
  margin: 0.80537vh 0 0 1.34228vh;
  height: 41.61074vh;
}
/* line 258, ../../assets/sass/modules/compass.scss */
.cqi-compass .bottom-row .block-item {
  height: 100%;
}
/* line 261, ../../assets/sass/modules/compass.scss */
.cqi-compass .bottom-row .additional-resources-block,
.cqi-compass .bottom-row .accordion-block {
  float: left;
  width: 32.34899vh;
}
/* line 266, ../../assets/sass/modules/compass.scss */
.cqi-compass .bottom-row .additional-resources-block {
  margin-left: 1.07383vh;
}
/* line 271, ../../assets/sass/modules/compass.scss */
.cqi-compass .bottom-row .accordion-block .ui-helper-hidden, .cqi-compass .bottom-row .accordion-block .ui-helper-hidden-accessible, .cqi-compass .bottom-row .accordion-block .ui-front {
  background-color: black;
}
/* line 274, ../../assets/sass/modules/compass.scss */
.cqi-compass .bottom-row .accordion-block * {
  box-sizing: border-box;
}
/* line 278, ../../assets/sass/modules/compass.scss */
.cqi-compass .bottom-row .accordion-block .ui-accordion .ui-accordion-header {
  font-size: 1.61074vh;
  line-height: 1.87919vh;
  margin: 0;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  background: none;
  background-color: #629999;
  color: #fff;
}
/* line 287, ../../assets/sass/modules/compass.scss */
.cqi-compass .bottom-row .accordion-block .ui-accordion .ui-accordion-header.ui-accordion-header-active {
  background-color: #000533;
}
/* line 291, ../../assets/sass/modules/compass.scss */
.cqi-compass .bottom-row .accordion-block .ui-accordion .ui-accordion-content {
  max-height: 100%;
  background: none;
  background-color: #000;
  color: #fff;
  width: 100%;
  padding: 1em 0.5em;
}
/* line 298, ../../assets/sass/modules/compass.scss */
.cqi-compass .bottom-row .accordion-block .ui-accordion .ui-accordion-content.ui-accordion-content-active {
  line-height: 100%;
}
/* line 304, ../../assets/sass/modules/compass.scss */
.cqi-compass .bottom-row .slider-block {
  float: left;
  text-align: center;
  width: 43.62416vh;
  margin-left: 1.07383vh;
  border: 0.13423vh solid #fff;
  overflow: hidden;
}
/* line 311, ../../assets/sass/modules/compass.scss */
.cqi-compass .bottom-row .slider-block .large-display {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 100%;
  height: 31.54362vh;
}
/* line 317, ../../assets/sass/modules/compass.scss */
.cqi-compass .bottom-row .slider-block ul {
  background-color: lightgrey;
  list-style: none;
  padding: 0;
  margin-left: 0;
  padding-top: 0.26846vh;
  height: 9.93289vh;
}
/* line 324, ../../assets/sass/modules/compass.scss */
.cqi-compass .bottom-row .slider-block ul li {
  display: inline-block;
  cursor: pointer;
}
/* line 327, ../../assets/sass/modules/compass.scss */
.cqi-compass .bottom-row .slider-block ul li img {
  width: 9.66443vh;
  height: 7.11409vh;
}
/* line 331, ../../assets/sass/modules/compass.scss */
.cqi-compass .bottom-row .slider-block ul li h5 {
  font-size: 1.34228vh;
  line-height: 1.61074vh;
  margin: 0;
}
/* line 341, ../../assets/sass/modules/compass.scss */
.cqi-compass .additional-resources-block {
  background-color: #fff;
  color: #fff;
  overflow: hidden;
  border: 0.13423vh solid #fff;
  position: relative;
}
/* line 347, ../../assets/sass/modules/compass.scss */
.cqi-compass .additional-resources-block .additional-resources-content {
  overflow-y: scroll;
  background-color: #000;
  padding: 0.67114vh 0.9396vh;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 3.48993vh;
}
/* line 360, ../../assets/sass/modules/compass.scss */
.cqi-compass .ui-helper-reset {
  line-height: 6.71141vh;
}
/* line 363, ../../assets/sass/modules/compass.scss */
.cqi-compass .ui-widget * {
  outline: none;
}
/* line 367, ../../assets/sass/modules/compass.scss */
.cqi-compass .compassSlider {
  height: 100%;
}
/* line 371, ../../assets/sass/modules/compass.scss */
.cqi-compass a {
  color: #fff;
}
/* line 373, ../../assets/sass/modules/compass.scss */
.cqi-compass a:hover {
  text-decoration: none;
  color: #00b0ff;
}
/* line 379, ../../assets/sass/modules/compass.scss */
.cqi-compass ul {
  margin-left: 1.75em;
  padding: 0;
}
/* line 384, ../../assets/sass/modules/compass.scss */
.cqi-compass .compass-description-overlay {
  border-radius: 0.67114vh;
  padding: 1.34228vh;
  background-color: orange;
  position: absolute;
  z-index: 60;
  font-size: 0.9em;
  width: 20.13423vh;
}
/* line 390, ../../assets/sass/modules/compass.scss */
.cqi-compass .compass-description-overlay div {
  font-size: 1.2em;
  margin-bottom: 0.67114vh;
}