@charset "UTF-8";
.default {
  background: red; }

.other {
  background: yellow; }

.alpha {
  background: #00ff00; }

.beta {
  background: #ff00ff; }

.default {
  background: red; }

.other {
  background: yellow; }

.alpha {
  background: #00ff00; }

.beta {
  background: #ff00ff; }

body {
  margin: 0;
  overflow: hidden;
  background: #000000; }
  body a {
    text-decoration: none; }
    body a:hover {
      color: #ffd800; }

h1 {
  font-family: 'Lato', Helvetica, serif; }

h2 {
  text-transform: uppercase;
  letter-spacing: 0.1em; }

.login-wrapper {
  margin-left: 20px;
  color: white; }
  .login-wrapper .login-title p.message {
    color: #ffd800; }
  .login-wrapper form span {
    width: 120px;
    display: inline-block; }
  .login-wrapper form input {
    margin: 10px 0;
    height: 30px;
    box-sizing: border-box;
    padding: 0 5px;
    outline: none;
    font-family: 'Lato', sans-serif; }
    .login-wrapper form input:focus {
      border: 3px solid #ffd800; }
  .login-wrapper form button {
    background: #000000;
    color: white;
    width: 120px;
    height: 30px;
    border: 1px solid #efefef;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    cursor: pointer;
    outline: none;
    margin-top: 10px;
    margin-left: 320px; }
    .login-wrapper form button:hover, .login-wrapper form button:focus {
      transition: 0.2s ease;
      border: 1px solid #ffd800;
      color: #ffd800; }

.page {
  font-family: 'Lato', Helvetica sans-serif;
  box-sizing: border-box;
  height: 100%;
  width: 100%; }
  .page ::-moz-selection {
    color: #000000;
    background: #ffd800; }
  .page ::selection {
    color: #000000;
    background: #ffd800; }

.chart {
  background: #000010; }

.primary-action button {
  font-size: 1.2em;
  height: 40px;
  line-height: 40px;
  width: 200px;
  padding: 0;
  border: 1px solid #efefef;
  background: none;
  color: #efefef;
  cursor: pointer;
  outline: none; }
  .primary-action button:hover {
    transition: 0.2s ease;
    color: #ffd800;
    border: 1px solid #ffd800;
    background: rgba(255, 255, 255, 0.1); }

/*
Scrollbar
*/
::-webkit-scrollbar {
  width: 6px; }

::-webkit-scrollbar-track {
  background: none; }

::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: #efefef; }

.hidden {
  visibility: hidden; }

.loading-overlay {
  font-family: 'Lato', Helvetica, sans-serif;
  font-weight: 300;
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.9);
  transition: 0.4s ease;
  z-index: 1000;
  opacity: 1; }
  .loading-overlay .loading-wrapper {
    position: fixed;
    left: 50%;
    top: 40%;
    text-align: center;
    width: 100%;
    margin: 0 0 0 -50%;
    height: 100%;
    opacity: 1; }
    .loading-overlay .loading-wrapper span {
      color: #efefef;
      letter-spacing: 0.1em;
      text-transform: uppercase; }
  .loading-overlay.hidden {
    transition: opacity 0.4s ease, z-index .1s 0.4s;
    opacity: 0;
    z-index: -1; }

/*
https://github.com/tobiasahlin/SpinKit/blob/master/LICENSE
*/
.spinner {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 10px auto; }
  .spinner.small {
    width: 15px;
    height: 15px;
    margin: 5px 20px 5px 10px; }

.double-bounce, .double-bounce-overlay {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #efefef;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 3.0s infinite ease-in-out;
  animation: sk-bounce 3.0s infinite ease-in-out; }

.double-bounce-overlay {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
  background-color: black; }

@-webkit-keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0.3); }
  50% {
    -webkit-transform: scale(1); } }

@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0.3);
    -webkit-transform: scale(0.3); }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

.header {
  background: #000000;
  position: fixed;
  padding: 10px;
  z-index: 10;
  top: 10px;
  right: 10px;
  height: 40px;
  width: 240px;
  box-sizing: border-box;
  text-overflow: ellipsis;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  cursor: pointer; }
  .header .header-title a {
    font-family: 'Lato', Helvetica, serif;
    color: #e2e2e2;
    font-size: 16px;
    letter-spacing: 0.1em;
    float: left;
    text-transform: uppercase; }
  .header .header-title p {
    margin: 0; }
  .header .side-menu-burg {
    right: 10px; }
    .header .side-menu-burg span,
    .header .side-menu-burg span::before,
    .header .side-menu-burg span::after {
      background: #a0a0a0; }
  .header:hover .side-menu-burg span {
    transition: 0.2s ease;
    background: #efefef; }
  .header:hover .side-menu-burg span::before {
    transition: 0.2s ease;
    top: -6px;
    background: #efefef; }
  .header:hover .side-menu-burg span::after {
    transition: 0.2s ease;
    bottom: -6px;
    background: #efefef; }
  .header:hover .header-title a {
    transition: 0.2s ease;
    color: #efefef; }

.event-card {
  box-sizing: border-box;
  margin: 1px 0 0 0;
  padding: 15px;
  border: 1px solid #000000;
  transition: 0.2 ease;
  background: #a0a0a0;
  color: #232323;
  box-shadow: 0 19px 19px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  font-size: 14px;
  line-height: 20px;
  height: auto;
  opacity: 0.9;
  transition: background-color 0.4s; }
  .event-card:hover {
    background: #dfdfdf;
    transition: background-color 0.4s; }
  .event-card h4 {
    margin-bottom: 0;
    margin-right: 5px;
    text-transform: uppercase;
    font-size: 10px;
    color: #7a7a7a;
    font-weight: 100; }
    .event-card h4:first-child {
      margin-top: 0; }
  .event-card p {
    margin: 0; }
  .event-card .material-icons {
    font-size: 12px;
    color: #7a7a7a;
    margin-right: 5px; }
  .event-card .card-row, .event-card .card-col {
    display: flex;
    flex-direction: row;
    margin: 5px 0 10px 0;
    padding-bottom: 10px; }
    .event-card .card-row .card-cell, .event-card .card-col .card-cell {
      flex: 1; }
    .event-card .card-row h4, .event-card .card-col h4 {
      min-width: 80px;
      max-width: 80px; }
  .event-card .card-col {
    flex-direction: column; }
  .event-card .card-source {
    margin: 0;
    padding: 2px 0;
    border-radius: 3px; }
    .event-card .card-source .source-row {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 8px 15px;
      border-left: 5px solid #232323;
      background: linear-gradient(to right, #232323 50%, transparent 50%);
      background-size: 200% 100%;
      background-position: right bottom;
      margin-left: -16px;
      margin-right: -16px; }
      .event-card .card-source .source-row:hover {
        background-color: #232323;
        color: white;
        cursor: pointer;
        background-position: left bottom;
        transition: all 2s ease; }
        .event-card .card-source .source-row:hover .material-icons {
          color: white; }
    .event-card .card-source .source-icon {
      display: flex;
      align-items: center;
      font-size: 24px;
      margin-right: 15px; }
  .event-card .card-cell a {
    transition: color 0.2s; }
  .event-card .card-cell a:hover {
    color: #7a7a7a;
    cursor: pointer;
    transition: color 0.2s; }
  .event-card .card-cell a.disabled {
    color: #2c2c2c;
    font-weight: normal;
    cursor: default; }
  .event-card .card-bottomhalf {
    transition: 0.4s ease;
    height: auto; }
    .event-card .card-bottomhalf.folded {
      transition: 0.4s ease;
      height: 0;
      overflow: hidden; }
  .event-card .card-toggle p {
    text-align: center;
    cursor: pointer; }
    .event-card .card-toggle p .arrow-down {
      display: inline-block;
      transition: 0.2s ease;
      border: solid #7a7a7a;
      border-width: 0 2px 2px 0;
      padding: 3px;
      transform: rotate(-135deg);
      -webkit-transform: rotate(-135deg); }
      .event-card .card-toggle p .arrow-down.folded {
        transition: 0.2s ease;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg); }
    .event-card .card-toggle p:hover .arrow-down {
      transition: 0.2s ease;
      border: solid #232323;
      border-width: 0 2px 2px 0; }
  .event-card .tags {
    width: 100%;
    margin: 5px 0;
    text-align: left; }
  .event-card .warning {
    background: #e90013;
    color: white;
    text-transform: uppercase;
    width: 100%;
    text-align: center; }
  .event-card .timestamp {
    font-family: 'Lato', Helvetica, sans-serif;
    margin-top: 0; }
    .event-card .timestamp .estimated-timestamp {
      color: #a0a0a0;
      margin-left: 5px; }
  .event-card .category {
    margin-bottom: 5px; }
    .event-card .category .color-category {
      width: 12px;
      height: 12px;
      border-radius: 20px;
      display: inline-block;
      margin: 0 0 0 5px; }
    .event-card .category p {
      text-align: right;
      flex: 1; }
  .event-card .location {
    font-family: 'Lato', Helvetica, sans-serif; }
  .event-card .summary {
    overflow: auto;
    margin-top: 0;
    border-bottom: none; }
  .event-card .tag {
    display: inline-block;
    margin: 0;
    margin-right: 5px; }
  .event-card.selected {
    background: #efefef; }
  .event-card .card-row {
    border-color: darkgray; }

.card-stack {
  position: absolute;
  top: 9px;
  right: 9px;
  max-height: calc(100% - 180px);
  height: auto;
  width: 386px;
  overflow-y: scroll;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  z-index: 10;
  color: white;
  overflow-x: hidden;
  overflow-y: auto; }
  .card-stack.narrative-mode {
    right: 9px;
    left: auto;
    top: 237px;
    height: calc(100% - 205px - 170px - 32px); }
  .card-stack.full-height {
    max-height: calc(100% - 20px); }
  .card-stack .card-stack-header {
    min-height: 38px;
    line-height: 38px;
    width: 386px;
    box-sizing: border-box;
    padding: 0 5px;
    background: #000000;
    border-radius: 2px;
    border: 1px solid #000000;
    font-size: 14px;
    transition: 0.2s ease;
    text-align: left; }
    .card-stack .card-stack-header:hover {
      transition: 0.2s ease; }
    .card-stack .card-stack-header .header-copy {
      margin: 0;
      padding: 0 10px;
      line-height: 20px;
      text-align: right; }
      .card-stack .card-stack-header .header-copy.top {
        padding-top: 10px; }
      .card-stack .card-stack-header .header-copy:last-child {
        padding-bottom: 10px; }
    .card-stack .card-stack-header .side-menu-burg {
      position: absolute;
      left: 8px;
      top: 9px; }
      .card-stack .card-stack-header .side-menu-burg span {
        width: 20px; }
  .card-stack .card-stack-content {
    width: 386px; }
    .card-stack .card-stack-content ul {
      padding: 0;
      margin-top: 1px;
      margin-bottom: 0; }
    .card-stack .card-stack-content .card-list {
      height: auto; }
  .card-stack.folded .card-stack-header {
    border: 0;
    height: 0;
    overflow: hidden; }
  .card-stack.folded .card-stack-content {
    height: 0;
    overflow: hidden; }

li {
  list-style-type: none; }

/*
NARRATIVE INFO
*/
.narrative-info {
  position: fixed;
  top: 30px;
  left: auto;
  right: 9px;
  height: 205px;
  width: 386px;
  box-sizing: border-box;
  max-height: calc(100% - 250px);
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  background: #000000;
  color: #efefef;
  font-family: Helvetica, 'Georgia', serif; }
  .narrative-info .narrative-info-header {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    border-bottom: 1px solid #7a7a7a;
    padding: 0 15px; }
    .narrative-info .narrative-info-header .count-container {
      display: flex;
      justify-content: center;
      align-items: center;
      border-right: 1px solid #7a7a7a; }
    .narrative-info .narrative-info-header .count {
      position: relative;
      padding-right: 15px; }
  .narrative-info .narrative-info-desc {
    height: 153px;
    overflow-y: auto; }
  .narrative-info p {
    padding: 0 15px; }
  .narrative-info h3, .narrative-info h6 {
    text-align: center; }
  .narrative-info h3 {
    font-size: 14px;
    font-family: Helvetica, 'Georgia', serif;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 100; }
  .narrative-info h6 {
    margin: 10px 0; }
    .narrative-info h6 i {
      font-size: 12px; }
  .narrative-info p {
    font-family: 'Lato', 'Helvetica', sans-serif;
    font-size: 12px;
    line-height: 1.4em; }
  .narrative-info .actions {
    width: 100%; }
    .narrative-info .actions .action {
      width: calc(50% - 5px);
      height: 40px;
      box-sizing: border-box;
      line-height: 40px;
      font-family: 'Lato', 'Helvetica', sans-serif;
      text-align: center;
      display: inline-block; }
      .narrative-info .actions .action:not(.disabled):hover {
        cursor: pointer;
        transition: 0.2s ease;
        color: #ffd800; }
      .narrative-info .actions .action.disabled {
        color: #2c2c2c;
        cursor: normal; }
      .narrative-info .actions .action:first-child {
        margin-right: 10px; }

.narrative-adjust {
  position: fixed;
  bottom: 170px;
  right: auto;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 10; }
  .narrative-adjust.left {
    right: 341.66667px; }
  .narrative-adjust.right {
    right: 9px; }
  .narrative-adjust .material-icons {
    font-size: 40pt;
    color: #efefef;
    transition: color 0.2s ease; }
    .narrative-adjust .material-icons.disabled {
      display: none; }
    .narrative-adjust .material-icons:hover {
      cursor: pointer;
      color: #a0a0a0; }

.narrative-close {
  display: flex;
  justify-content: flex-start;
  position: fixed;
  padding: 2px 5px 0 5px;
  right: 9px;
  top: 5px;
  width: 374px;
  background-color: black;
  height: 20px;
  transition: background-color 0.2s ease;
  border: 1px solid black; }
  .narrative-close button {
    height: 15px;
    width: 15px; }
  .narrative-close .close-text {
    display: none;
    color: #2c2c2c;
    flex: 1;
    width: 100%;
    justify-content: center;
    font-size: 10pt; }
  .narrative-close button span, .narrative-close button span:before, .narrative-close button span:after {
    background: #a0a0a0 !important; }
  .narrative-close:hover {
    cursor: pointer;
    background-color: #efefef;
    color: black; }
    .narrative-close:hover .close-text {
      display: flex; }

a {
  color: #ffd800 !important; }

.mo-overlay {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.85);
  z-index: 20; }
  .mo-overlay.opaque {
    background-color: black; }

.mo-container {
  margin-top: 100px;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 60vw;
  max-width: 1500px;
  box-shadow: 0 19px 19px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  overflow: auto;
  z-index: 100; }

.mo-banner {
  position: fixed;
  min-height: 100px;
  color: #efefef;
  background-color: transparent;
  top: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-direction: row; }
  .mo-banner .mo-banner-close {
    position: fixed;
    top: 20px;
    left: 20px;
    min-width: 100px;
    width: 100px; }
    .mo-banner .mo-banner-close .material-icons {
      font-size: 40pt;
      background-color: transparent;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: 0.3s all ease;
      color: rgba(239, 239, 239, 0.9); }
      .mo-banner .mo-banner-close .material-icons:hover {
        text-decoration: none;
        cursor: pointer;
        color: white; }
  .mo-banner .mo-banner-content {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; }
    .mo-banner .mo-banner-content.h3 {
      border-radius: 2px;
      padding: 10px 15px;
      background-color: transparent;
      color: rgba(239, 239, 239, 0.9); }

.banner-trans {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  min-width: 200px;
  width: 200px; }
  .banner-trans .trans-button {
    padding: 15px;
    margin: 10px;
    border: 1px solid #7a7a7a;
    transition: 0.1s all ease; }
    .banner-trans .trans-button:hover {
      background-color: #7a7a7a;
      cursor: pointer; }
  .banner-trans.right-overlay {
    position: relative;
    width: 25%;
    float: right;
    justify-content: flex-end;
    z-index: 1; }
    .banner-trans.right-overlay .trans-button {
      background-color: #000000; }
      .banner-trans.right-overlay .trans-button:hover {
        background-color: #7a7a7a; }

.media-gallery-controls {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: -50%; }
  .media-gallery-controls .back, .media-gallery-controls .next {
    position: fixed;
    bottom: 0;
    height: 170px;
    background: transparent;
    color: #efefef;
    cursor: pointer;
    box-shadow: 0 19px 19px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
    z-index: 1; }
    .media-gallery-controls .back svg path, .media-gallery-controls .next svg path {
      fill: #efefef; }
  .media-gallery-controls .centerer {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
  .media-gallery-controls .material-icons {
    font-size: 40pt; }
  .media-gallery-controls .back {
    left: 10px; }
    .media-gallery-controls .back svg path {
      transform: translate(17px, 15px) rotate(-90deg); }
  .media-gallery-controls .next {
    margin-left: calc(100% - 60px);
    right: 10px; }
    .media-gallery-controls .next svg path {
      transform: translate(17px, 15px) rotate(90deg); }

.mo-media-container {
  flex: 1;
  flex-direction: row;
  justify-content: center;
  display: inline-block;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  max-height: calc(1000px - 100px);
  font-family: "Lato", Helvetica, sans-serif; }
  .mo-media-container .media-content {
    display: flex;
    flex-direction: column; }
  .mo-media-container.topcushion {
    padding-top: 150px; }

.mo-footer {
  position: fixed;
  background-color: transparent;
  width: 100%;
  opacity: 0.9;
  bottom: 20px;
  display: flex;
  justify-content: center; }

.mo-meta-container {
  color: rgba(239, 239, 239, 0.9);
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 2em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  min-height: 100px; }
  .mo-meta-container .mo-box-desc {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 20px;
    max-width: 1000px; }
  .mo-meta-container .mo-box {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    min-width: 800px;
    max-width: 1000px;
    padding: 20px 0;
    border-top: 1px solid #bdbdbd;
    font-family: "Lato", Helvetica, sans-serif;
    font-size: 12px; }
    .mo-meta-container .mo-box h4 {
      margin: 0 0 5px 0;
      text-transform: uppercase;
      font-size: 10px;
      color: #7a7a7a;
      font-weight: 100; }
    .mo-meta-container .mo-box p {
      margin-top: 0;
      font-size: 14px; }
    .mo-meta-container .mo-box .material-icons {
      font-size: 12px;
      color: #7a7a7a;
      margin-right: 5px; }
    .mo-meta-container .mo-box a {
      font-size: 14px;
      color: #ffd800;
      border-bottom: 1px solid #ffd800; }
  .mo-meta-container .indent {
    margin-left: 20px; }

/* source overlay specific styles */
.no-source-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid black;
  padding: 2em;
  min-height: 200px; }

.no-source-row p {
  text-align: center;
  color: #2c2c2c; }
  .no-source-row p .no-source-icon {
    font-size: 32px;
    color: #7a7a7a; }

.source-media-gallery {
  display: flex;
  flex-direction: row;
  height: 100%;
  width: 100%;
  margin: 0;
  transition: transform 0.2s ease; }

.source-text-container {
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 calc(50% - 400px);
  overflow-y: scroll;
  font-family: Helvetica, Georgia, serif;
  line-height: 1.5em;
  min-width: 100%;
  margin-bottom: 120px;
  color: rgba(239, 239, 239, 0.9); }
  .source-text-container a {
    color: #ffd800;
    border-bottom: 1px solid #ffd800; }
  .source-text-container .md-container {
    width: 100%;
    overflow-wrap: break-word; }

.source-image-container, .media-player {
  display: flex;
  justify-content: center;
  padding: 20px;
  min-width: calc(100% - 40px);
  z-index: 10000; }

.media-player {
  background-color: transparent;
  box-sizing: border-box;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  display: block; }

.source-image, .source-video {
  padding: 0px;
  font-family: 'Lato', Helvetica, sans-serif;
  max-height: 1000px;
  margin: auto;
  width: auto;
  height: auto;
  max-width: 100%;
  object-fit: contain; }

.source-image-loader {
  width: 400px;
  height: 400px; }

.video-react .video-react-progress-control {
  align-self: center; }

.video-react .video-react-control {
  min-height: 100%; }

.mo-overlay.full-screen {
  background-color: black; }
  .mo-overlay.full-screen .mo-container {
    background-color: transparent; }
  .mo-overlay.full-screen .mo-media-container {
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef; }
  .mo-overlay.full-screen .mo-box {
    border-color: transparent; }

.popup {
  box-sizing: border-box;
  margin: 0;
  padding: 15px;
  border: 0;
  opacity: 0;
  border-radius: 2px;
  transition: 0.2 ease;
  background: rgba(0, 0, 0, 0.9);
  transition: 0.4s ease;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); }
  .popup:hover {
    transition: 0.4s ease;
    box-shadow: 0 29px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); }
  .popup .card-tophalf {
    height: 100px; }
    .popup .card-tophalf .left {
      float: left;
      width: 120px;
      padding-right: 5px;
      box-sizing: border-box;
      border-right: 1px dotted #a0a0a0; }
    .popup .card-tophalf .right {
      float: left;
      width: 225px;
      padding-left: 5px;
      height: 90px;
      overflow: hidden; }
  .popup .tag,
  .popup p.see-more {
    cursor: pointer; }
    .popup .tag:hover,
    .popup p.see-more:hover {
      color: #ffd800; }
  .popup p {
    margin: 5px 0 0 0; }
  .popup .timestamp {
    font-family: 'Lato', Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    margin-top: 0; }
  .popup .location {
    font-family: 'Lato', Helvetica, sans-serif;
    font-size: 12px;
    color: #efefef; }
  .popup .estimated-timestamp {
    margin-top: 3px;
    margin-left: 3px;
    font-size: 10px;
    color: #a0a0a0;
    text-transform: lowercase; }
  .popup .summary {
    max-height: 200px;
    text-overflow: ellipsis;
    overflow: scroll;
    font-weight: 500; }
  .popup .source {
    text-align: right; }

@-webkit-keyframes pulsate {
  0% {
    opacity: 0.1; }
  50% {
    opacity: 0.25; }
  100% {
    opacity: 0.1; } }

.map-wrapper {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 110px;
  right: 0; }
  .map-wrapper .leaflet-container {
    height: 100%; }
  .map-wrapper.hidden {
    z-index: -1; }
  .map-wrapper.show {
    z-index: 1; }
  .map-wrapper.narrative-mode {
    left: 0; }
  .map-wrapper .event {
    fill: red;
    cursor: pointer;
    opacity: 0.45; }
  .map-wrapper .link {
    stroke: #2c2c2c;
    fill: none;
    stroke-width: 2;
    stroke-dasharray: 2px 5px; }
  .map-wrapper .site-label {
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 5px;
    font-weight: 500;
    font-size: 11px;
    font-family: 'Lato', Helvetica, sans-serif;
    border: rgba(0, 0, 0, 0.6);
    letter-spacing: 0.05em; }
    .map-wrapper .site-label::before {
      border-top-color: rgba(0, 0, 0, 0.6); }
  .map-wrapper .sites-layer, .map-wrapper .shapes-layer {
    position: fixed;
    top: 0px;
    left: 110px; }
  .map-wrapper.narrative-mode .sites-layer, .map-wrapper.narrative-mode .shapes-layer {
    position: fixed;
    top: 0px;
    left: 0px; }

/*
* Leaflet mapping controls
*/
.leaflet-touch .leaflet-bar .leaflet-control-zoom {
  border: 0;
  margin-left: 20px;
  margin-top: 20px; }

.leaflet-touch .leaflet-bar a.leaflet-control-zoom-in,
.leaflet-touch .leaflet-bar a.leaflet-control-zoom-out {
  border: 0;
  border-radius: 2px;
  color: #ffd800; }

.leaflet-touch .leaflet-bar a.leaflet-control-zoom-in {
  border-bottom: 1px solid #ffd800; }

/*
* Leaflet marker and popups
*/
.leaflet-svg {
  display: block; }
  .leaflet-svg.hide {
    display: none; }

.leaflet-popup {
  display: none; }
  .leaflet-popup.do-display {
    display: block; }

.leaflet-popup-content-wrapper {
  border-radius: 3px;
  background: #000000; }
  .leaflet-popup-content-wrapper .leaflet-popup-content {
    color: white;
    margin: 0;
    padding: 3px 5px; }
    .leaflet-popup-content-wrapper .leaflet-popup-content .event-card {
      margin: 0; }

.leaflet-popup-close-button {
  display: none; }
  .leaflet-popup-close-button + .leaflet-popup-content-wrapper .leaflet-popup-content {
    padding-top: 3px; }

.leaflet-popup-tip-container {
  display: none; }

.leaflet-pane > svg path.bus-route,
.leaflet-pane > svg path.district {
  pointer-events: auto; }

.eventLocationMarker {
  fill: none;
  stroke: #ffd800;
  stroke-width: 2; }

/*
*
* Elements
*/
.event-hover {
  opacity: 0; }

.event-hover:hover {
  opacity: 1; }

.location-event {
  cursor: pointer; }

.location-event-marker {
  pointer-events: all !important;
  fill: red;
  stroke-width: 0; }
  .location-event-marker.blue {
    fill: blue; }

.narrative-step-arrow {
  pointer-events: all !important; }

.path-polyline {
  stroke: #232323;
  stroke-width: 2px; }

.location-count {
  z-index: 100;
  font-weight: 900;
  fill: #d0d0d0; }

.no-hover {
  cursor: grab; }

.narrative-mode .event-hover:hover {
  opacity: 0; }

.narrative-mode .no-hover {
  cursor: inherit; }

.timeline-wrapper {
  position: fixed;
  box-sizing: border-box;
  left: 110px;
  right: 0px;
  height: 170px;
  background: rgba(0, 0, 0, 0.8);
  box-shadow: 0 -10px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  color: white;
  transition: left 0.2s ease, bottom 0.2s ease;
  bottom: 0px;
  z-index: 3; }
  .timeline-wrapper.folded {
    transition: bottom 0.2s ease;
    bottom: -170px; }
    .timeline-wrapper.folded .timeline-header .timeline-toggle p .arrow-down {
      transform: translate(0, 5px) rotate(-135deg);
      -webkit-transform: translate(0, 5px) rotate(-135deg); }
  .timeline-wrapper.narrative-mode {
    left: 0;
    transition: left 0.2s ease; }
  .timeline-wrapper .timeline-header {
    height: 0px;
    width: 100%;
    font-size: 14px;
    font-weight: 700; }
    .timeline-wrapper .timeline-header .timeline-toggle {
      position: absolute;
      margin: 0 auto;
      width: 100%;
      text-align: center; }
      .timeline-wrapper .timeline-header .timeline-toggle p {
        width: 60px;
        height: 25px;
        margin: 0 auto;
        background: rgba(0, 0, 0, 0.8);
        margin-top: -25px;
        cursor: pointer; }
        .timeline-wrapper .timeline-header .timeline-toggle p:hover .arrow-down {
          transition: 0.2s ease;
          border-right: 2px solid #efefef;
          border-bottom: 2px solid #efefef; }
      .timeline-wrapper .timeline-header .timeline-toggle .arrow-down {
        display: inline-block;
        padding: 3px;
        transition: 0.2s ease;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        border-right: 2px solid #a0a0a0;
        border-bottom: 2px solid #a0a0a0; }
    .timeline-wrapper .timeline-header .timeline-info {
      width: calc(386px - 20px);
      position: absolute;
      margin-top: -70px;
      margin-left: 10px;
      background: rgba(0, 0, 0, 0.8);
      padding: 10px;
      min-height: 20px; }
      .timeline-wrapper .timeline-header .timeline-info.hidden {
        display: none; }
      .timeline-wrapper .timeline-header .timeline-info p {
        margin: 0;
        height: 20px;
        text-transform: uppercase;
        letter-spacing: 0.1em; }
        .timeline-wrapper .timeline-header .timeline-info p:first-child {
          text-transform: none;
          font-size: 12px;
          letter-spacing: 0.05em; }
  .timeline-wrapper .timeline-content {
    height: 160px;
    padding-top: 20px; }
    .timeline-wrapper .timeline-content .timeline-labels {
      padding-top: 2px;
      padding-left: 20px;
      margin-right: 0px;
      border-right: 1px solid #2c2c2c;
      width: 175px;
      height: 180px;
      float: left;
      text-align: left;
      box-sizing: border-box; }
      .timeline-wrapper .timeline-content .timeline-labels .timeline-label-title {
        font-size: 12px;
        font-weight: 700;
        fill: #efefef;
        letter-spacing: 0.1em;
        height: 20px;
        text-transform: uppercase; }
      .timeline-wrapper .timeline-content .timeline-labels .timeline-label {
        font-size: 11px;
        line-height: 16px;
        color: #efefef;
        text-align: right;
        padding-right: 10px;
        letter-spacing: 0.05em; }
    .timeline-wrapper .timeline-content .timeLabel {
      font-size: 12px;
      fill: #a0a0a0;
      letter-spacing: 0.05em; }
    .timeline-wrapper .timeline-content .timeline {
      /*width: calc(100% - 200px);*/
      width: calc(100% - 40px);
      margin-left: 20px;
      box-sizing: border-box;
      float: left; }
      .timeline-wrapper .timeline-content .timeline svg {
        display: inline-block;
        float: left; }
      .timeline-wrapper .timeline-content .timeline .domain {
        opacity: 0; }
      .timeline-wrapper .timeline-content .timeline .tick {
        cursor: -webkit-grab;
        cursor: -moz-grab; }
        .timeline-wrapper .timeline-content .timeline .tick line {
          stroke: #c7c7c7;
          shape-rendering: crispEdges;
          opacity: 0.6; }
        .timeline-wrapper .timeline-content .timeline .tick text {
          font-family: 'Lato', Helvetica, sans-serif;
          fill: #a0a0a0;
          text-transform: capitalize; }
      .timeline-wrapper .timeline-content .timeline .xAxis line {
        stroke-dasharray: 1px 4px; }
      .timeline-wrapper .timeline-content .timeline .yAxis .tick line {
        stroke: #a0a0a0;
        stroke-width: 15px;
        cursor: -webkit-grab;
        cursor: -moz-grab; }
      .timeline-wrapper .timeline-content .timeline .yAxis .tick text {
        font-size: 10px;
        font-family: 'Lato';
        text-anchor: end; }
      .timeline-wrapper .timeline-content .timeline .drag-grabber {
        cursor: -webkit-grab;
        cursor: -moz-grab;
        fill: #efefef;
        opacity: 0.05; }
      .timeline-wrapper .timeline-content .timeline .axisBoundaries {
        stroke: #efefef;
        stroke-width: 1;
        stroke-dasharray: 1px 2px; }
      .timeline-wrapper .timeline-content .timeline .event {
        cursor: pointer;
        opacity: .7; }
        .timeline-wrapper .timeline-content .timeline .event.mouseover {
          opacity: 1; }
      .timeline-wrapper .timeline-content .timeline .timeline-marker {
        fill: none;
        transition: transform 0.2s ease; }
      .timeline-wrapper .timeline-content .timeline .coevent {
        opacity: .7;
        cursor: pointer; }
      .timeline-wrapper .timeline-content .timeline .time-controls path,
      .timeline-wrapper .timeline-content .timeline .time-controls rect {
        cursor: pointer;
        transition: 0.2s ease;
        fill: #a0a0a0; }
        .timeline-wrapper .timeline-content .timeline .time-controls path:hover path,
        .timeline-wrapper .timeline-content .timeline .time-controls path:hover path,
        .timeline-wrapper .timeline-content .timeline .time-controls rect:hover path,
        .timeline-wrapper .timeline-content .timeline .time-controls rect:hover path {
          transition: 0.2s ease;
          fill: #efefef; }
      .timeline-wrapper .timeline-content .timeline .time-controls-inline path {
        cursor: pointer;
        fill: #efefef; }
      .timeline-wrapper .timeline-content .timeline .time-controls circle,
      .timeline-wrapper .timeline-content .timeline .time-controls-inline circle {
        fill: #a0a0a0;
        fill-opacity: 0.01;
        cursor: pointer;
        stroke: #a0a0a0;
        stroke-width: 1; }
      .timeline-wrapper .timeline-content .timeline .time-controls-inline circle {
        stroke: none; }
      .timeline-wrapper .timeline-content .timeline .time-controls g:hover,
      .timeline-wrapper .timeline-content .timeline .time-controls-inline:hover {
        cursor: pointer; }
        .timeline-wrapper .timeline-content .timeline .time-controls g:hover circle,
        .timeline-wrapper .timeline-content .timeline .time-controls-inline:hover circle {
          transition: 0.2s ease;
          fill-opacity: 0.2;
          fill: #efefef; }
        .timeline-wrapper .timeline-content .timeline .time-controls g:hover path,
        .timeline-wrapper .timeline-content .timeline .time-controls g:hover rect,
        .timeline-wrapper .timeline-content .timeline .time-controls-inline:hover path,
        .timeline-wrapper .timeline-content .timeline .time-controls-inline:hover rect {
          transition: 0.2s ease;
          fill: #efefef; }
      .timeline-wrapper .timeline-content .timeline .zoom-level-button {
        font-size: 10px;
        cursor: pointer;
        text-anchor: middle;
        letter-spacing: 0.05em;
        transition: 0.2s ease;
        fill: #a0a0a0; }
        .timeline-wrapper .timeline-content .timeline .zoom-level-button:hover, .timeline-wrapper .timeline-content .timeline .zoom-level-button.active {
          transition: 0.2s ease;
          fill: #efefef; }

/*
* Slider
* https://bl.ocks.org/mbostock/6452972
*/
.track,
.track-overlay {
  stroke-linecap: round; }

.track {
  stroke: #efefef;
  stroke-opacity: 1;
  stroke-width: 1px; }

.track-overlay {
  pointer-events: stroke;
  stroke-width: 15px;
  stroke: transparent;
  cursor: pointer; }

.handle {
  fill: #efefef; }

.side-menu-burg {
  position: absolute;
  overflow: hidden;
  float: right;
  margin: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  background: none; }
  .side-menu-burg.hidden {
    display: none; }
  .side-menu-burg span {
    display: block;
    position: absolute;
    top: 9px;
    left: 0px;
    right: 0px;
    height: 2px;
    background: #efefef;
    border-radius: 4px; }
  .side-menu-burg span::before,
  .side-menu-burg span::after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 2px;
    background: #efefef;
    border-radius: 4px;
    content: "";
    transition-duration: 0.2s, 0.2s;
    transition-delay: 0.2s, 0s; }
  .side-menu-burg span::before {
    transition-property: top, transform;
    top: -8px; }
  .side-menu-burg span::after {
    transition-property: bottom, transform;
    bottom: -8px; }
  .side-menu-burg:hover span::before {
    top: -6px; }
  .side-menu-burg:hover span::after {
    bottom: -6px; }
  .side-menu-burg.is-active span {
    background: #a0a0a0;
    transform: rotate(45deg);
    transition-delay: 0s, 0.2s; }
  .side-menu-burg.is-active span::before,
  .side-menu-burg.is-active span::after {
    background: #a0a0a0;
    transition-delay: 0s, 0.2s; }
  .side-menu-burg.is-active span::before {
    top: 0;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
  .side-menu-burg.is-active span::after {
    bottom: 0;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg); }
  .side-menu-burg.is-active:hover span,
  .side-menu-burg.is-active:hover span::before,
  .side-menu-burg.is-active:hover span::after {
    transition: 0.2s ease;
    background: #efefef; }
  .side-menu-burg.is-active.over-white:hover span,
  .side-menu-burg.is-active.over-white:hover span:before,
  .side-menu-burg.is-active.over-white:hover span:after {
    transition: 0.2s ease;
    background: #232323; }

.side-menu-burg:focus {
  outline: none; }

.react-tabs {
  padding-top: 0;
  box-sizing: border-box;
  height: 100%; }
  .react-tabs [role=tablist] {
    padding: 0; }
  .react-tabs [role=tab] {
    font-family: 'Lato', Helvetica, sans-serif;
    font-size: 16px;
    width: 33%;
    background: none;
    color: #a0a0a0;
    outline: none;
    float: left;
    cursor: pointer;
    text-align: center;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    list-style-type: none;
    box-sizing: border-box; }
    .react-tabs [role=tab]:hover {
      color: #efefef; }
  .react-tabs [role=tab][aria-selected=true] {
    font-weight: 700;
    border-radius: 0;
    border: 0;
    color: #efefef;
    border: 1px solid;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-bottom: 0; }
  .react-tabs .react-innertabpanel {
    box-sizing: border-box;
    padding-top: 20px; }

.toolbar-wrapper {
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  z-index: 10;
  background: #2c2c2c; }
  .toolbar-wrapper.narrative-mode {
    left: -110px; }
  .toolbar-wrapper .toolbar {
    position: relative;
    width: 110px;
    height: 100%;
    padding: 20px 0px;
    margin: 0;
    box-sizing: border-box;
    color: #efefef;
    background: #232323;
    text-align: center;
    font-size: 12px;
    font-weight: 100;
    transition: 0.2s ease;
    z-index: 10; }
    .toolbar-wrapper .toolbar button {
      background: #222222; }
    .toolbar-wrapper .toolbar .toolbar-header {
      margin: 0 15px 10px 15px;
      padding: 10px 0 25px 0;
      transition: 0.2s ease;
      border-bottom: 2px solid #a0a0a0;
      text-transform: uppercase;
      font-family: Helvetica, serif;
      cursor: pointer; }
      .toolbar-wrapper .toolbar .toolbar-header p {
        font-size: 12px;
        margin: 0; }
      .toolbar-wrapper .toolbar .toolbar-header p:first-child {
        font-size: 10px; }
      .toolbar-wrapper .toolbar .toolbar-header:hover {
        transition: 0.2s ease;
        border-bottom: 2px solid #efefef; }
    .toolbar-wrapper .toolbar .toolbar-tabs {
      padding: 0; }
    .toolbar-wrapper .toolbar .bottom-actions {
      position: absolute;
      width: 110px;
      bottom: 10px;
      box-sizing: border-box; }
      .toolbar-wrapper .toolbar .bottom-actions .bottom-action-block {
        display: block; }
        .toolbar-wrapper .toolbar .bottom-actions .bottom-action-block:last-child {
          padding-left: 8px; }
      .toolbar-wrapper .toolbar .bottom-actions .action-button {
        width: 60px;
        height: 25px;
        border-radius: 30px;
        background: none;
        margin: 0 auto;
        margin-top: 10px;
        display: block;
        outline: none;
        font-family: 'Lato';
        font-size: 10px;
        cursor: pointer;
        transition: 0.2s ease;
        border: 1px solid #a0a0a0;
        color: #a0a0a0; }
        .toolbar-wrapper .toolbar .bottom-actions .action-button.tiny {
          height: 30px;
          width: 30px;
          display: inline-block;
          float: left;
          margin-right: 2px; }
          .toolbar-wrapper .toolbar .bottom-actions .action-button.tiny:last-child {
            margin-right: 0; }
        .toolbar-wrapper .toolbar .bottom-actions .action-button:hover {
          cursor: pointer; }
        .toolbar-wrapper .toolbar .bottom-actions .action-button:hover:not(.disabled) {
          transition: 0.2s ease;
          border: 1px solid #efefef;
          color: #efefef; }
          .toolbar-wrapper .toolbar .bottom-actions .action-button:hover:not(.disabled) svg path {
            stroke: #efefef; }
          .toolbar-wrapper .toolbar .bottom-actions .action-button:hover:not(.disabled) svg polyline {
            stroke: #efefef; }
          .toolbar-wrapper .toolbar .bottom-actions .action-button:hover:not(.disabled) svg polygon {
            fill: #efefef; }
        .toolbar-wrapper .toolbar .bottom-actions .action-button svg.reset {
          margin-left: -4px;
          margin-top: -1px;
          -webkit-transform: scale(0.9);
          -moz-transform: translate(-2px, 1px) scale(0.9);
          transform: scale(0.9); }
        .toolbar-wrapper .toolbar .bottom-actions .action-button svg path, .toolbar-wrapper .toolbar .bottom-actions .action-button svg polyline {
          fill: none;
          stroke: #a0a0a0;
          stroke-width: 2px; }
        .toolbar-wrapper .toolbar .bottom-actions .action-button svg polygon {
          fill: #a0a0a0; }
        .toolbar-wrapper .toolbar .bottom-actions .action-button svg.coevents {
          margin: 0;
          -webkit-transform: scale(0.9);
          transform: scale(1.2); }
          .toolbar-wrapper .toolbar .bottom-actions .action-button svg.coevents path {
            stroke-width: 2px; }
          .toolbar-wrapper .toolbar .bottom-actions .action-button svg.coevents rect {
            fill: #a0a0a0; }
            .toolbar-wrapper .toolbar .bottom-actions .action-button svg.coevents rect.no-fill {
              fill: #232323; }
          .toolbar-wrapper .toolbar .bottom-actions .action-button svg.coevents line {
            stroke-width: 1px;
            stroke: #a0a0a0; }
        .toolbar-wrapper .toolbar .bottom-actions .action-button.info {
          font-size: 20px;
          bottom: 120px; }
        .toolbar-wrapper .toolbar .bottom-actions .action-button.disabled {
          cursor: default; }
        .toolbar-wrapper .toolbar .bottom-actions .action-button.enabled {
          border: 1px solid #efefef;
          color: #efefef; }
          .toolbar-wrapper .toolbar .bottom-actions .action-button.enabled svg path {
            stroke: #efefef; }
          .toolbar-wrapper .toolbar .bottom-actions .action-button.enabled svg polyline {
            stroke: #efefef; }
          .toolbar-wrapper .toolbar .bottom-actions .action-button.enabled svg polygon {
            fill: #efefef; }
  .toolbar-wrapper .toolbar-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 60px;
    width: 110px;
    padding: 5px 0;
    font-weight: 400;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    transition: 0.2s ease;
    color: #a0a0a0; }
    .toolbar-wrapper .toolbar-tab svg {
      transform: scale(0.7); }
      .toolbar-wrapper .toolbar-tab svg path, .toolbar-wrapper .toolbar-tab svg circle, .toolbar-wrapper .toolbar-tab svg polygon,
      .toolbar-wrapper .toolbar-tab svg polyline, .toolbar-wrapper .toolbar-tab svg line {
        stroke-width: 2px;
        transition: 0.2s ease;
        stroke: #a0a0a0;
        fill: none;
        stroke-linecap: round; }
      .toolbar-wrapper .toolbar-tab svg.scenes path {
        transition: 0.2s ease;
        fill: #a0a0a0;
        stroke: none; }
    .toolbar-wrapper .toolbar-tab .tab-caption {
      display: block;
      text-align: center;
      font-size: 10px;
      margin-top: -2px;
      letter-spacing: 0.05em; }
    .toolbar-wrapper .toolbar-tab.active {
      background: #000000; }
    .toolbar-wrapper .toolbar-tab:hover, .toolbar-wrapper .toolbar-tab.active {
      transition: 0.2s ease;
      color: #efefef; }
      .toolbar-wrapper .toolbar-tab:hover svg path, .toolbar-wrapper .toolbar-tab:hover svg circle, .toolbar-wrapper .toolbar-tab:hover svg polygon,
      .toolbar-wrapper .toolbar-tab:hover svg polyline, .toolbar-wrapper .toolbar-tab:hover svg line, .toolbar-wrapper .toolbar-tab.active svg path, .toolbar-wrapper .toolbar-tab.active svg circle, .toolbar-wrapper .toolbar-tab.active svg polygon,
      .toolbar-wrapper .toolbar-tab.active svg polyline, .toolbar-wrapper .toolbar-tab.active svg line {
        transition: 0.2s ease;
        stroke: #efefef; }
      .toolbar-wrapper .toolbar-tab:hover svg.scenes path, .toolbar-wrapper .toolbar-tab.active svg.scenes path {
        transition: 0.2s ease;
        fill: #efefef;
        stroke: none; }

.toolbar-panels {
  width: 440px;
  top: 15px;
  bottom: 0;
  box-sizing: border-box;
  padding: 30px 10px 10px 30px;
  font-size: 12px;
  font-family: 'Lato', Helvetica, sans-serif;
  background: #000000;
  color: #efefef;
  position: fixed;
  transition: 0.2s ease;
  left: 110px;
  box-shadow: 10px -10px 38px rgba(0, 0, 0, 0.3), 10px 15px 12px rgba(0, 0, 0, 0.22); }
  .toolbar-panels h2 {
    font-family: Helvetica, 'Georgia', 'serif';
    font-size: 14px;
    text-transform: none;
    letter-spacing: normal; }
  .toolbar-panels p {
    font-size: 12px;
    font-family: Helvetica, 'Georgia', 'serif';
    line-height: 1.4em; }
  .toolbar-panels .panel-header {
    display: inline-block;
    width: 36px;
    float: right;
    margin-left: 20px;
    margin-right: -45px;
    height: 36px;
    padding-top: 5px;
    box-sizing: border-box;
    margin-top: 10px;
    border-radius: 3px;
    background: #000000;
    padding: 8px 6px;
    cursor: pointer; }
    .toolbar-panels .panel-header .caret {
      position: relative;
      transform: translate(8px, 5px) rotate(45deg);
      width: 8px;
      height: 8px;
      transition: 0.2s ease;
      border-left: 2px solid #a0a0a0;
      border-bottom: 2px solid #a0a0a0; }
    .toolbar-panels .panel-header:hover .caret {
      transition: 0.2s ease;
      border-left: 2px solid #efefef;
      border-bottom: 2px solid #efefef; }
  .toolbar-panels .react-tabs__tab-list {
    height: 40px;
    overflow: hidden; }
  .toolbar-panels .react-tabs__tab-panel {
    margin-top: 0px; }
  .toolbar-panels .react-tabs__tab-panel--selected {
    height: calc(100% - 40px);
    overflow-y: auto;
    margin-top: 0; }
    .toolbar-panels .react-tabs__tab-panel--selected .react-tabs__tab-panel--selected {
      padding-top: 20px;
      box-sizing: border-box; }
  .toolbar-panels .react-tabs .react-innertabpanel {
    padding-top: 0; }
  .toolbar-panels ul {
    margin: 0;
    padding-left: 0;
    height: auto;
    transition: 0.2s ease;
    height: calc(100% - 310px); }
  .toolbar-panels.folded {
    transition: 0.2s ease;
    left: -440px; }
    .toolbar-panels.folded ul {
      height: 0;
      margin: 0; }
    .toolbar-panels.folded .panel-header {
      visibility: hidden; }
      .toolbar-panels.folded .panel-header .caret {
        transform: translate(8px, 5px) rotate(225deg); }
  .toolbar-panels input {
    width: 100%;
    border: 1px solid;
    height: 60px;
    color: #efefef;
    background: none;
    outline: none;
    box-sizing: border-box;
    margin: 20px 0;
    padding: 5px 10px;
    font-size: 18px;
    font-family: 'Lato', sans-serif;
    letter-spacing: 0.1em;
    transition: 0.2s ease;
    border-color: #a0a0a0;
    text-align: center; }
    .toolbar-panels input:focus {
      transition: 0.2s ease;
      border-color: #efefef; }
  .toolbar-panels .item {
    width: 100%;
    height: 36px;
    line-height: 36px;
    background: none;
    font-family: 'Lato', Helvetica, sans-serif;
    font-size: 14px; }
    .toolbar-panels .item button {
      height: 36px;
      border: 1px transparent;
      background: none;
      cursor: pointer;
      color: #efefef;
      outline: none;
      transition: 0.2s ease;
      padding: 0 10px;
      text-align: left;
      float: left; }
      .toolbar-panels .item button .checkbox {
        display: inline-block;
        width: 12px;
        height: 12px;
        border: 1px solid #efefef;
        box-sizing: border-box;
        background: none;
        float: left; }
    .toolbar-panels .item span {
      width: calc(100% - 40px);
      display: inline-block;
      height: 36px;
      line-height: 36px;
      float: left;
      font-size: 12px;
      font-family: Helvetica, 'Georgia', 'serif';
      color: #a0a0a0; }
    .toolbar-panels .item:hover span {
      color: #efefef; }
    .toolbar-panels .item.active span {
      color: #efefef; }
    .toolbar-panels .item.active .checkbox {
      background: #efefef; }
  .toolbar-panels .arrow {
    display: inline-block;
    width: 10px;
    height: 10px;
    line-height: 10px;
    padding: 10px;
    float: left;
    cursor: pointer;
    color: #efefef;
    transition: 0.4s ease;
    transform: rotate(0deg); }
    .toolbar-panels .arrow:after {
      content: '\25BE'; }
    .toolbar-panels .arrow.folded {
      transition: 0.4s ease;
      transform: rotate(-90deg); }
  .toolbar-panels .panel-action button {
    font-size: 1.2em;
    height: 140px;
    line-height: 140px;
    width: 100%;
    padding: 10px;
    border: 1px solid #efefef;
    background-size: 100%;
    color: #efefef;
    cursor: pointer;
    outline: none;
    font-family: 'Lato', Helvetica, sans-serif;
    text-transform: uppercase;
    margin-bottom: 10px;
    transition: 0.2s ease;
    letter-spacing: 0.1em;
    background-color: #000; }
    .toolbar-panels .panel-action button:hover {
      transition: 0.2s ease;
      letter-spacing: 0.15em;
      background-color: #ffd800;
      color: #000000; }
    .toolbar-panels .panel-action button p {
      text-transform: none; }

.search-content .item {
  overflow: auto;
  min-height: 32px;
  height: auto;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25); }
  .search-content .item span {
    height: auto; }

.path-list {
  margin-bottom: 10px; }
  .path-list .item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.25); }

@media (max-height: 678px) {
  .toolbar-wrapper .toolbar-tab {
    height: 60px;
    padding: 0; }
    .toolbar-wrapper .toolbar-tab:hover .tab-caption {
      transition: 0.2s ease;
      opacity: 1; }
  .toolbar-wrapper .toolbar .bottom-actions .action-button {
    margin-top: 5px; } }

.side-menu-burg {
  position: absolute;
  overflow: hidden;
  float: right;
  margin: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  background: none; }
  .side-menu-burg.hidden {
    display: none; }
  .side-menu-burg span {
    display: block;
    position: absolute;
    top: 9px;
    left: 0px;
    right: 0px;
    height: 2px;
    background: #efefef;
    border-radius: 4px; }
  .side-menu-burg span::before,
  .side-menu-burg span::after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 2px;
    background: #efefef;
    border-radius: 4px;
    content: "";
    transition-duration: 0.2s, 0.2s;
    transition-delay: 0.2s, 0s; }
  .side-menu-burg span::before {
    transition-property: top, transform;
    top: -8px; }
  .side-menu-burg span::after {
    transition-property: bottom, transform;
    bottom: -8px; }
  .side-menu-burg:hover span::before {
    top: -6px; }
  .side-menu-burg:hover span::after {
    bottom: -6px; }
  .side-menu-burg.is-active span {
    background: #a0a0a0;
    transform: rotate(45deg);
    transition-delay: 0s, 0.2s; }
  .side-menu-burg.is-active span::before,
  .side-menu-burg.is-active span::after {
    background: #a0a0a0;
    transition-delay: 0s, 0.2s; }
  .side-menu-burg.is-active span::before {
    top: 0;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
  .side-menu-burg.is-active span::after {
    bottom: 0;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg); }
  .side-menu-burg.is-active:hover span,
  .side-menu-burg.is-active:hover span::before,
  .side-menu-burg.is-active:hover span::after {
    transition: 0.2s ease;
    background: #efefef; }
  .side-menu-burg.is-active.over-white:hover span,
  .side-menu-burg.is-active.over-white:hover span:before,
  .side-menu-burg.is-active.over-white:hover span:after {
    transition: 0.2s ease;
    background: #232323; }

.side-menu-burg:focus {
  outline: none; }

.infopopup {
  width: 400px;
  box-shadow: 10px -10px 38px rgba(0, 0, 0, 0.3), 10px 15px 12px rgba(0, 0, 0, 0.22);
  color: #232323;
  position: absolute;
  background: #efefef;
  bottom: 170px;
  left: 110px;
  border: 3px solid #efefef;
  border-radius: 1px;
  padding: 20px;
  box-sizing: border-box;
  font-family: 'Lato', 'Helvetica', sans-serif;
  font-size: 14px;
  transition: opacity 0.5s ease 0.1s, z-index 0.1s ease 0s;
  opacity: 1;
  z-index: 100; }
  .infopopup.hidden {
    transition: 0.5s ease;
    opacity: 0; }
  .infopopup .legend {
    display: flex;
    flex-direction: column; }
  .infopopup .legend-header {
    display: flex;
    flex-direction: row; }
    .infopopup .legend-header h2 {
      display: flex;
      font-size: 12pt;
      letter-spacing: 2px;
      margin: 0; }
  .infopopup .side-menu-burg {
    position: absolute;
    right: 8px;
    top: 10px; }
  .infopopup .legend-container {
    height: 100%;
    display: flex;
    flex-direction: row; }
    .infopopup .legend-container .legend-item {
      display: flex;
      justify-content: center;
      align-items: center; }
      .infopopup .legend-container .legend-item.one {
        flex: 1; }
      .infopopup .legend-container .legend-item.three {
        flex: 5; }
  .infopopup .legend-section {
    height: 25px;
    display: flex;
    align-items: center; }
    .infopopup .legend-section svg {
      width: 60px;
      float: left;
      display: inline-block; }
    .infopopup .legend-section .legend-labels {
      display: flex; }

.side-menu-burg {
  position: absolute;
  overflow: hidden;
  float: right;
  margin: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  background: none; }
  .side-menu-burg.hidden {
    display: none; }
  .side-menu-burg span {
    display: block;
    position: absolute;
    top: 9px;
    left: 0px;
    right: 0px;
    height: 2px;
    background: #efefef;
    border-radius: 4px; }
  .side-menu-burg span::before,
  .side-menu-burg span::after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 2px;
    background: #efefef;
    border-radius: 4px;
    content: "";
    transition-duration: 0.2s, 0.2s;
    transition-delay: 0.2s, 0s; }
  .side-menu-burg span::before {
    transition-property: top, transform;
    top: -8px; }
  .side-menu-burg span::after {
    transition-property: bottom, transform;
    bottom: -8px; }
  .side-menu-burg:hover span::before {
    top: -6px; }
  .side-menu-burg:hover span::after {
    bottom: -6px; }
  .side-menu-burg.is-active span {
    background: #a0a0a0;
    transform: rotate(45deg);
    transition-delay: 0s, 0.2s; }
  .side-menu-burg.is-active span::before,
  .side-menu-burg.is-active span::after {
    background: #a0a0a0;
    transition-delay: 0s, 0.2s; }
  .side-menu-burg.is-active span::before {
    top: 0;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
  .side-menu-burg.is-active span::after {
    bottom: 0;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg); }
  .side-menu-burg.is-active:hover span,
  .side-menu-burg.is-active:hover span::before,
  .side-menu-burg.is-active:hover span::after {
    transition: 0.2s ease;
    background: #efefef; }
  .side-menu-burg.is-active.over-white:hover span,
  .side-menu-burg.is-active.over-white:hover span:before,
  .side-menu-burg.is-active.over-white:hover span:after {
    transition: 0.2s ease;
    background: #232323; }

.side-menu-burg:focus {
  outline: none; }

.notification-wrapper {
  top: 60px;
  right: 60px;
  width: 400px;
  height: auto;
  position: absolute;
  display: flex;
  flex-direction: column; }

.notification {
  width: 100%;
  min-height: 40px;
  box-shadow: 10px -10px 38px rgba(0, 0, 0, 0.3), 10px 15px 12px rgba(0, 0, 0, 0.22);
  color: #232323;
  background: #efefef;
  border-radius: 5px;
  border: 3px solid #efefef;
  padding: 20px;
  margin-bottom: 10px;
  box-sizing: border-box;
  font-family: 'Lato', 'Helvetica', sans-serif;
  font-size: 14px;
  transition: opacity 0.5s ease 0.1s, z-index 0.1s ease 0s;
  opacity: 1;
  z-index: 100;
  cursor: pointer; }
  .notification:hover {
    background: #fcfcfc;
    transition: background-color 0.4s; }
  .notification.hidden {
    transition: 0.5s ease;
    opacity: 0; }
  .notification .side-menu-burg {
    position: absolute;
    right: 8px;
    top: 10px; }
  .notification .message {
    display: inline-block; }
    .notification .message.error {
      color: red; }
    .notification .message.warning {
      color: orange; }
    .notification .message.good {
      color: green; }
    .notification .message.neutral {
      color: #232323; }
  .notification .details {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border-radius: 3px;
    margin-top: 10px;
    padding: 10px;
    background: #232323;
    color: #efefef;
    font-family: monospace; }
    .notification .details.true {
      height: auto;
      transition: height 0.4s, margin 0.4s; }
    .notification .details.false {
      height: 0;
      padding: 0;
      margin: 0;
      transition: height 0.4s, margin 0.4s; }

.video-react .video-react-big-play-button:before, .video-react .video-react-control:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.video-react .video-react-big-play-button:before, .video-react .video-react-control:before {
  text-align: center; }

@font-face {
  font-family: "video-react";
  src: url(data:application/vnd.ms-fontobject;base64,MBgAAHwXAAABAAIAAAAAAAAAAAAAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAic4U8QAAAAAAAAAAAAAAAAAAAAAAABYAdgBpAGQAZQBvAC0AcgBlAGEAYwB0AAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAWAHYAaQBkAGUAbwAtAHIAZQBhAGMAdAAAAAAAAAEAAAALAIAAAwAwT1MvMg7RD8oAAAC8AAAAYGNtYXAOVuSnAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zsdb3FIAAAF4AAAS0GhlYWQLMledAAAUSAAAADZoaGVhB6wEJgAAFIAAAAAkaG10eIgAFM8AABSkAAAAlGxvY2FLllAoAAAVOAAAAExtYXhwACoAyQAAFYQAAAAgbmFtZVtqyukAABWkAAABtnBvc3QAAwAAAAAXXAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADyIAQAAAAAAAQAAAAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg8iD//f//AAAAAAAg8gD//f//AAH/4w4EAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAVYA1gMqAyoAAgAACQIBVgHU/iwDKv7W/tYAAgBWAFYDqgOqAAIAFgAAAS0BNzIeAhUUDgIjIi4CNTQ+AgGqAQD/AFZYnHNDQ3ObWVicc0NDc5sBQMDA6kNzm1lYnHNDQ3ObWVicc0MAAAADAFYAVgOqA6oAEwAnACoAACUyPgI1NC4CIyIOAhUUHgITMh4CFRQOAiMiLgI1ND4CExEFAgBGfV02Nl18R0Z9XTY2XXxHWJxzQ0Nzm1lYnHNDQ3ObAwEAqjZdfEdGfV02Nl18R0Z9XTYDAENzm1lYnHNDQ3ObWVicc0P9lgGAwAAAAAACAQAA1gMAAyoAAwAHAAABMxEjIREzEQJWqqr+qqoDKv2sAlT9rAAAAwBWAFYDqgOqAAMABwAbAAABESMRIxEjERMyHgIVFA4CIyIuAjU0PgICgFZUVoBYnHNDQ3ObWVicc0NDc5sBVgFU/qwBVP6sAlRDc5tZWJxzQ0Nzm1lYnHNDAAAEAFYAVgOqA6oAAwAXACsALwAAAREzEQcyPgI1NC4CIyIOAhUUHgITMh4CFRQOAiMiLgI1ND4CAxEzEQIqVoBGfV02Nl18R0Z9XTY2XXxHWJxzQ0Nzm1lYnHNDQ3ObJ1YBVgFU/qysNl18R0Z9XTY2XXxHRn1dNgMAQ3ObWVicc0NDc5tZWJxzQ/2sAVT+rAABAQABAAMAAwAAAwAAASERIQEAAgD+AAMA/gAAAgBqAQADVgMAAAIABQAACQERIQkBAeoBbP6A/pQBbAIAAQD+AAEAAQAAAAACAKoBAAOWAwAAAgAFAAAJAiERAQIqAWz+lP6AAWwDAP8A/wACAP8AAAAAAAIBAAEAAwADAAACAAYAAAkBEQEzESMBlgFq/gBWVgIAAQD+AAIA/gAAAAAAAgEAAQADAAMAAAMABgAAATMRIyERAQKqVlb+VgFqAwD+AAIA/wAAAAIAqgCAA1YD1gBFAGgAAAEOARUUBjEjNzMVIwcwNjU0MjU0FjsBMhYXHgEXHgEVFAYHDgEHDgEHDgEjIiYnLgEnLgE1MxQWMzI2PwEwNj0BLwEwJiMRMh4CFRQOAiMiLgI1MxQeAjMyPgI1NC4CIxUnNwH4AwsEHgpmSgQEBgUDCAYNAwMKAwcLAQMDBQYGBwMDEQYGDQMDCwYICiIODAMGAwoEBAoJA0Z9XTY2XXxHRn1dNlYpRV01NF5FKSlFXTXW1gG8AQUCAwNeHiYBAwMDAwMDAwMGAwcZDgYNAwMNBgYDAwMBAQMDAgMEFgwLCQEDCAkDGggKBAFuNV17R0Z9XTY2XXxHNF5FKSlFXTU0XkUprNbWAAAEAKoAgANWA9YAGwBGAE0AcAAAARQWMzI2PwEwNj0BMCY1NCYjIgYPATAGHQEwFjcUBg8BMAYjIgYjIiYnLgEnLgE9ATQ2PwEwNjMyNjMyFhceARceARceARUHIzUHNTczEzIeAhUUDgIjIi4CNTMUHgIzMj4CNTQuAiMVJzcCNA4GAwgDCAQEEgQDBgMIBgZUAQMMEAYGDgYGDgYGCAYKCAEDDg4GBg4GBg4GBgoGBgMDAwG2KCpMBi5GfV02Nl18R0Z9XTZWKUVdNTReRSkpRV011tYBeAUJAQMKCQNWCQMECgMDCAkDVgknCRMGGgwEAQMDBgMFKA8eCRMGGgwEAQMDBgMDDgkJEAlqjAweGAEeNV17R0Z9XTY2XXxHNF5FKSlFXTU0XkUprNbWAAAABACqAIADVgPWABsARgCjAMYAAAEUFjMyNj8BMDY9ATQmNTQmIyIGDwEwBh0BMBY3FAYPATAGIyIGIyImJy4BJy4BPQE0Nj8BMDYzMjYzMhYXHgEXHgEXHgEVIzI2PQEwJjU0JisBMAYjIgYdASM0NjMyNjMyFhceAR0BMAYVFAYjIgYHHgEXHgEVFAYHDgEHDgEjIgYjIiYnLgEnLgE1MxUwFhUUFjsBMDYzMjY9ATAmNTQmKwE1EzIeAhUUDgIjIi4CNTMUHgIzMj4CNTQuAiMVJzcCPBAGAwYDCAQEEAQDCAMIBARQAQMMEAYGDgYPFQoGAwMDAwMDDBAGBgwGBg4GBgoGBgMDAwHiDBIEBQMWBQMDASwWDgMOAw0ZCggIBAUDAwgDBg0DAwUBAwMGAwMNBgYOBgYLAwMNBggKJAQFAxYFAwMBBAUDGmZGfV02Nl18R0Z9XTZWKUVdNTReRSkpRV011tYBeAYIAQMKCQNWAwYDBAoDAwgJA1YJJwkTBhoMBAsFAw4JCRAJHgkTBhoMBAEDAwYDAw4JCRAJDgwIBQMDAQQFAwgPHwQHBQQYCg4JAwMFBwMDBwYGDgYGDQMDCgMDBQQBAwMCAwQbCwgFAwMBBAUDFgUDAwEeAWo1XXtHRn1dNjZdfEc0XkUpKUVdNTReRSms1tYAAAIAqgCAA1YD1gBCAGUAAAEOARUUBjEjNzMVIwcwNjU0MjU0FjsBMhYXHgEXHgEVFAYHDgEHDgEjIiYnLgEnLgE1MxQWMzI2PwEwNj0BLwEwJiMlND4CMzUXBzUiDgIVFB4CMzI+AjUzFA4CIyIuAgH0AwsEGgpmSgQEBgUDCAYNAwMKAwcLAQMDBQYIFw8GDQMDCwYICiIODAMGAwoEBAoJA/6uNl18R9bWNF5FKSlFXTU0XkUpVjZdfEdGfV02AbwBBQIDA14eJgEDAwMDAwMDAwYDBxkOBg0DAw0GCAgBAwMCAwQWDAsJAQMICQMaCAoEGkZ8XTWs1tasKUVdNTReRSkpRV01Rn1dNjZdfAAABACqAIADVgPWABsARgBNAHAAAAEUFjMyNj8BMDY9ATAmNTQmIyIGDwEwBh0BMBY3FAYPATAGIyIGIyImJy4BJy4BPQE0Nj8BMDYzMjYzMhYXHgEXHgEXHgEVByM1BzU3MwU0PgIzNRcHNSIOAhUUHgIzMj4CNTMUDgIjIi4CAjQOBgMIAwgEBBIEAwYDCAYGUAEDDBAGBg4GBg4GBggGCggBAw4OBgYOBgYOBgYKBgYDAwMBsigqTAb+2DZdfEfW1jReRSkpRV01NF5FKVY2XXxHRn1dNgF4BQkBAwoJA1YJAwQKAwMICQNWCScJEwYaDAQBAwMGAwUoDx4JEwYaDAQBAwMGAwMOCQkQCWqMDB4YNkZ8XTWs1tasKUVdNTReRSkpRV01Rn1dNjZdfAAAAAQAqgCAA1YD1gAiAD4AaQDGAAATND4CMzUXBzUiDgIVFB4CMzI+AjUzFA4CIyIuAgUUFjMyNj8BMDY9ATAmNTQmIyIGDwEwBh0BMBY3FAYPATAGIyIGIyImJy4BJy4BPQE0Nj8BMDYzMjYzMhYXHgEXHgEXHgEVIzI2PQEwJjU0JisBMAYjIgYdASM0NjMyNjMyFhceAR0BMAYVFAYjIgYHHgEXHgEVFAYHDgEHDgEjIgYjIiYnLgEnLgE1MxUwFhUUFjsBMDYzMjY9ATAmNTQmKwE1qjZdfEfW1jReRSkpRV01NF5FKVY2XXxHRn1dNgGODgYDCAMIBAQSBAMGAwgEBFQBAwwQBgYOBg8VCgYDAwMDAwMMEAYGDAYGDgYGCgYGAwMDAeIMEgQFAxYFAwMBLBYOAw4DDRkKCAgEBQMDCAMGDQMDBQEDAwYDAw0GBg4GBgsDAw0GCAokBAUDFgUDAwEEBQMaAdZGfF01rNbWrClFXTU0XkUpKUVdNUZ9XTY2XXwXBQkBAwoJA1YJAwQKAwMICQNWCScJEwYaDAQLBQMOCQkQCR4JEwYaDAQBAwMGAwMOCQkQCQ4MCAUDAwEEBQMIDx8EBwUEGAoOCQMDBQcDAwcGBg4GBg0DAwoDAwUEAQMDAgMEGwsIBQMDAQQFAxYFAwMBHgAAAAAEAIAAgAOAA4AAAgAUACYALgAAARUnJwEHJw4BBzU+ATcnEScjETMnATQuAic1HgMVFAYHJz4BJxwBByc1HgECAFrwAso2WCJOLBswFbbWqsrKAqofOU0vQG5PLRcVQAoMagJoMDoDVrRahP02NlgbKAtYBxoRtv7g1gEAyv62M1xLNg5YDkVjfEQwWydCGTkeBw0GaF4YWwAAAAABASoAqgKqA1YABQAAATM3EScjASqs1NSsAoDW/VTWAAIA1gCqAxYDVgAFAAwAABMzNxEnIyUUBgcRHgHWqtbWqgJAPDAwPAKA1v1U1oA5WxgBWBhbAAAAAwCAAIoDgAN2ABUAHAAiAAABHgMVFA4CBzU+AzU0LgInExQGBxEeASUzNxEnIwJWQG5PLS1PbUEuTjkfHzlNL2o6MDA6/cCq1taqA3YORWN8RER7Y0YOWA03S1wzM1xLNg7+4jlbGAFYGFtH1v1U1gAAAAAEANYA1gMqAyoABQALABEAFwAAATMVIzUjEzUzFSM1ATUzFSMVHQEzFSM1AlbUVICAVNT+gNSAgNQDKtSA/lSA1FQBLNRUgKyAVNQABADWANYDKgMqAAUACwARABcAAAEzFSM1MwM1MxUjFQE1MxUjNRE1MxUjNQKqgNRUVNSA/qxU1NRUAqpU1P2s1FSAAdSA1FT+rFTUgAAAAAADAIAAqgOAA1YAFwAvAD8AAAE1NCYrASIGHQEUFjsBMjY9ASMVIzUzFSM1NCYrASIGHQEUFjsBMjY9ASMVIzUzFQEyFhURFAYjISImNRE0NjMDABgSgBIaGhKAEhhAVlbqGhKAEhgYEoASGkBWVgGUIjQzI/2sJDIyJAIqLBIYGBKsEhgYEiwWgBYsEhgYEqwSGBgSLBaAFgEsMyP+ACI0MyMCACI0AAAEAIAAgAOAA4AAAwANABkAKQAAATUzFScRMzI2PQE0JiMBESMVIzUjETM1MxUBMhYVERQGIyEiJjURNDYzAmpWlqwSGBgS/wBAVkBAVgGUIjQzI/2sJDIyJAHAgIDA/wAYEqwSGP8AAQBqav8AVlYCADMj/awiNDMjAlQiNAAAAAIAZABWA5wDqgALAFkAAAEyNjU0JiMiBhUUFiUXHgEPAQ4BLwEOAQ8BDgErASImLwEuAScHBiYvASY2PwEuATU8ATcnLgE/AT4BHwE+AT8BPgE7ATIWHwEeARc3NhYfARYGDwEeARUcAQIAPVlYPj1ZWAF8WgYCBFYEDghqECQUEAELCKwHCwIQEyQRagcOBVYEAgZaAQECWgYCBFYEDghqECQUEAELCKwHCwIQEyQRagcOBVYEAgZaAQEBalg+PVlYPj1ZbEYEEAiUBwQDKgwWCHAHCwoIcAcVDioDAwiUBxAFRgoVCwoVC0YEEAiUBwQDKgwWCHAHCwoIcAcVDioDAwiUBxAFRgoVCwoVAAAAAQCAAFgDgAOqADMAAAEyFhUUBiMiJjU8ATclDgEjIiY1NDYzMhYXJS4BNTQ2MzIWFRQGIyImJwUeARUUBgcFPgEDADNJSTMzSQL+0hIsGjRMSzUZLRIBLAEDSzU0TEs1GS0S/tQBAwICATAQLAFSSTMzS0szBw8GsBASSzU0TBERrgcPCDRMSzU0TBMRsAcPCAcPCLAPEQADAFYAVgOqA6oAAwAHABsAAAE1IxUTESMREzIeAhUUDgIjIi4CNTQ+AgIqVFRUKlicc0NDc5tZWJxzQ0NzmwKAVlb+qgEA/wACgENzm1lYnHNDQ3ObWVicc0MAAAQAVgBWA6oDqgADABcAKwAvAAABNTMVAzI+AjU0LgIjIg4CFRQeAhMyHgIVFA4CIyIuAjU0PgITETMRAdZUKkZ9XTY2XXxHRn1dNjZdfEdYnHNDQ3ObWVicc0NDc5svVAKAVlb+KjZdfEdGfV02Nl18R0Z9XTYDAENzm1lYnHNDQ3ObWVicc0P9gAEA/wAAAAEA1gDWAyoDKgALAAABBxcHJwcnNyc3FzcDKu7uPO7uPO7uPO7uAu7u7jzu7jzu7jzu7gABAFUAVQOrA6sAFAAAExQeAjMyPgI1NC4CIyIOAhVVQ3ScWFicdENDdJxYWJx0QwIAWJx0Q0N0nFhYnHRDQ3ScWAAAAAIAVQBVA6sDqwAUACgAAAEiDgIVFB4CMzI+AjU0LgIjESIuAjU0PgIzMh4CFRQOAgIAWJx0Q0N0nFhYnHRDQ3ScWEd8XTU1XXxHR3xdNTVdfAOrQ3ScWFicdENDdJxYWJx0Q/0ANV18R0d8XTU1XXxHR3xdNQAAAAMAVQBVA6sDqwAUACgANAAAASIOAhUUHgIzMj4CNTQuAiMRIi4CNTQ+AjMyHgIVFA4CExQGIyImNTQ2MzIWAgBYnHRDQ3ScWFicdENDdJxYR3xdNTVdfEdHfF01NV18OUs1NUtLNTVLA6tDdJxYWJx0Q0N0nFhYnHRD/QA1XXxHR3xdNTVdfEdHfF01AVU1S0s1NUtLAAAAAQAAAAEAAPEUzolfDzz1AAsEAAAAAADUNIllAAAAANQ0iWUAAAAAA6sD1gAAAAgAAgAAAAAAAAABAAAEAAAAAAAEAAAAAAADqwABAAAAAAAAAAAAAAAAAAAAJQQAAAAAAAAAAAAAAAAAAAAEAAFWBAAAVgQAAFYEAAEABAAAVgQAAFYEAAEABAAAagQAAKoEAAEABAABAAQAAKoEAACqBAAAqgQAAKoEAACqBAAAqgQAAIAEAAEqBAAA1gQAAIAEAADWBAAA1gQAAIAEAACABAAAZAQAAIAEAABWBAAAVgQAANYEAABVBAAAVQQAAFUAAAAAAAoAFAAeACwAVACWAKoA2AEgAS4BRAFaAXABhAIQAqgDpgQuBMYFxAYSBiIGPgZ4Bp4GxgcaB1oH4gguCFwIpAi+COAJHAloAAEAAAAlAMcABAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQALAAAAAQAAAAAAAgAHAIQAAQAAAAAAAwALAEIAAQAAAAAABAALAJkAAQAAAAAABQALACEAAQAAAAAABgALAGMAAQAAAAAACgAaALoAAwABBAkAAQAWAAsAAwABBAkAAgAOAIsAAwABBAkAAwAWAE0AAwABBAkABAAWAKQAAwABBAkABQAWACwAAwABBAkABgAWAG4AAwABBAkACgA0ANR2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHRWZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADB2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHR2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHRSZWd1bGFyAFIAZQBnAHUAbABhAHJ2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHRGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA?#iefix) format("eot"); }

@font-face {
  font-family: "video-react";
  src: url(data:application/font-woff;base64,d09GRgABAAAAABfIAAsAAAAAF3wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDtEPymNtYXAAAAFoAAAAVAAAAFQOVuSnZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAEtAAABLQx1vcUmhlYWQAABSUAAAANgAAADYLMledaGhlYQAAFMwAAAAkAAAAJAesBCZobXR4AAAU8AAAAJQAAACUiAAUz2xvY2EAABWEAAAATAAAAExLllAobWF4cAAAFdAAAAAgAAAAIAAqAMluYW1lAAAV8AAAAbYAAAG2W2rK6XBvc3QAABeoAAAAIAAAACAAAwAAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8iAEAAAAAAAEAAAAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIPIg//3//wAAAAAAIPIA//3//wAB/+MOBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQFWANYDKgMqAAIAAAkCAVYB1P4sAyr+1v7WAAIAVgBWA6oDqgACABYAAAEtATcyHgIVFA4CIyIuAjU0PgIBqgEA/wBWWJxzQ0Nzm1lYnHNDQ3ObAUDAwOpDc5tZWJxzQ0Nzm1lYnHNDAAAAAwBWAFYDqgOqABMAJwAqAAAlMj4CNTQuAiMiDgIVFB4CEzIeAhUUDgIjIi4CNTQ+AhMRBQIARn1dNjZdfEdGfV02Nl18R1icc0NDc5tZWJxzQ0NzmwMBAKo2XXxHRn1dNjZdfEdGfV02AwBDc5tZWJxzQ0Nzm1lYnHND/ZYBgMAAAAAAAgEAANYDAAMqAAMABwAAATMRIyERMxECVqqq/qqqAyr9rAJU/awAAAMAVgBWA6oDqgADAAcAGwAAAREjESMRIxETMh4CFRQOAiMiLgI1ND4CAoBWVFaAWJxzQ0Nzm1lYnHNDQ3ObAVYBVP6sAVT+rAJUQ3ObWVicc0NDc5tZWJxzQwAABABWAFYDqgOqAAMAFwArAC8AAAERMxEHMj4CNTQuAiMiDgIVFB4CEzIeAhUUDgIjIi4CNTQ+AgMRMxECKlaARn1dNjZdfEdGfV02Nl18R1icc0NDc5tZWJxzQ0NzmydWAVYBVP6srDZdfEdGfV02Nl18R0Z9XTYDAENzm1lYnHNDQ3ObWVicc0P9rAFU/qwAAQEAAQADAAMAAAMAAAEhESEBAAIA/gADAP4AAAIAagEAA1YDAAACAAUAAAkBESEJAQHqAWz+gP6UAWwCAAEA/gABAAEAAAAAAgCqAQADlgMAAAIABQAACQIhEQECKgFs/pT+gAFsAwD/AP8AAgD/AAAAAAACAQABAAMAAwAAAgAGAAAJAREBMxEjAZYBav4AVlYCAAEA/gACAP4AAAAAAAIBAAEAAwADAAADAAYAAAEzESMhEQECqlZW/lYBagMA/gACAP8AAAACAKoAgANWA9YARQBoAAABDgEVFAYxIzczFSMHMDY1NDI1NBY7ATIWFx4BFx4BFRQGBw4BBw4BBw4BIyImJy4BJy4BNTMUFjMyNj8BMDY9AS8BMCYjETIeAhUUDgIjIi4CNTMUHgIzMj4CNTQuAiMVJzcB+AMLBB4KZkoEBAYFAwgGDQMDCgMHCwEDAwUGBgcDAxEGBg0DAwsGCAoiDgwDBgMKBAQKCQNGfV02Nl18R0Z9XTZWKUVdNTReRSkpRV011tYBvAEFAgMDXh4mAQMDAwMDAwMDBgMHGQ4GDQMDDQYGAwMDAQEDAwIDBBYMCwkBAwgJAxoICgQBbjVde0dGfV02Nl18RzReRSkpRV01NF5FKazW1gAABACqAIADVgPWABsARgBNAHAAAAEUFjMyNj8BMDY9ATAmNTQmIyIGDwEwBh0BMBY3FAYPATAGIyIGIyImJy4BJy4BPQE0Nj8BMDYzMjYzMhYXHgEXHgEXHgEVByM1BzU3MxMyHgIVFA4CIyIuAjUzFB4CMzI+AjU0LgIjFSc3AjQOBgMIAwgEBBIEAwYDCAYGVAEDDBAGBg4GBg4GBggGCggBAw4OBgYOBgYOBgYKBgYDAwMBtigqTAYuRn1dNjZdfEdGfV02VilFXTU0XkUpKUVdNdbWAXgFCQEDCgkDVgkDBAoDAwgJA1YJJwkTBhoMBAEDAwYDBSgPHgkTBhoMBAEDAwYDAw4JCRAJaowMHhgBHjVde0dGfV02Nl18RzReRSkpRV01NF5FKazW1gAAAAQAqgCAA1YD1gAbAEYAowDGAAABFBYzMjY/ATA2PQE0JjU0JiMiBg8BMAYdATAWNxQGDwEwBiMiBiMiJicuAScuAT0BNDY/ATA2MzI2MzIWFx4BFx4BFx4BFSMyNj0BMCY1NCYrATAGIyIGHQEjNDYzMjYzMhYXHgEdATAGFRQGIyIGBx4BFx4BFRQGBw4BBw4BIyIGIyImJy4BJy4BNTMVMBYVFBY7ATA2MzI2PQEwJjU0JisBNRMyHgIVFA4CIyIuAjUzFB4CMzI+AjU0LgIjFSc3AjwQBgMGAwgEBBAEAwgDCAQEUAEDDBAGBg4GDxUKBgMDAwMDAwwQBgYMBgYOBgYKBgYDAwMB4gwSBAUDFgUDAwEsFg4DDgMNGQoICAQFAwMIAwYNAwMFAQMDBgMDDQYGDgYGCwMDDQYICiQEBQMWBQMDAQQFAxpmRn1dNjZdfEdGfV02VilFXTU0XkUpKUVdNdbWAXgGCAEDCgkDVgMGAwQKAwMICQNWCScJEwYaDAQLBQMOCQkQCR4JEwYaDAQBAwMGAwMOCQkQCQ4MCAUDAwEEBQMIDx8EBwUEGAoOCQMDBQcDAwcGBg4GBg0DAwoDAwUEAQMDAgMEGwsIBQMDAQQFAxYFAwMBHgFqNV17R0Z9XTY2XXxHNF5FKSlFXTU0XkUprNbWAAACAKoAgANWA9YAQgBlAAABDgEVFAYxIzczFSMHMDY1NDI1NBY7ATIWFx4BFx4BFRQGBw4BBw4BIyImJy4BJy4BNTMUFjMyNj8BMDY9AS8BMCYjJTQ+AjM1Fwc1Ig4CFRQeAjMyPgI1MxQOAiMiLgIB9AMLBBoKZkoEBAYFAwgGDQMDCgMHCwEDAwUGCBcPBg0DAwsGCAoiDgwDBgMKBAQKCQP+rjZdfEfW1jReRSkpRV01NF5FKVY2XXxHRn1dNgG8AQUCAwNeHiYBAwMDAwMDAwMGAwcZDgYNAwMNBggIAQMDAgMEFgwLCQEDCAkDGggKBBpGfF01rNbWrClFXTU0XkUpKUVdNUZ9XTY2XXwAAAQAqgCAA1YD1gAbAEYATQBwAAABFBYzMjY/ATA2PQEwJjU0JiMiBg8BMAYdATAWNxQGDwEwBiMiBiMiJicuAScuAT0BNDY/ATA2MzI2MzIWFx4BFx4BFx4BFQcjNQc1NzMFND4CMzUXBzUiDgIVFB4CMzI+AjUzFA4CIyIuAgI0DgYDCAMIBAQSBAMGAwgGBlABAwwQBgYOBgYOBgYIBgoIAQMODgYGDgYGDgYGCgYGAwMDAbIoKkwG/tg2XXxH1tY0XkUpKUVdNTReRSlWNl18R0Z9XTYBeAUJAQMKCQNWCQMECgMDCAkDVgknCRMGGgwEAQMDBgMFKA8eCRMGGgwEAQMDBgMDDgkJEAlqjAweGDZGfF01rNbWrClFXTU0XkUpKUVdNUZ9XTY2XXwAAAAEAKoAgANWA9YAIgA+AGkAxgAAEzQ+AjM1Fwc1Ig4CFRQeAjMyPgI1MxQOAiMiLgIFFBYzMjY/ATA2PQEwJjU0JiMiBg8BMAYdATAWNxQGDwEwBiMiBiMiJicuAScuAT0BNDY/ATA2MzI2MzIWFx4BFx4BFx4BFSMyNj0BMCY1NCYrATAGIyIGHQEjNDYzMjYzMhYXHgEdATAGFRQGIyIGBx4BFx4BFRQGBw4BBw4BIyIGIyImJy4BJy4BNTMVMBYVFBY7ATA2MzI2PQEwJjU0JisBNao2XXxH1tY0XkUpKUVdNTReRSlWNl18R0Z9XTYBjg4GAwgDCAQEEgQDBgMIBARUAQMMEAYGDgYPFQoGAwMDAwMDDBAGBgwGBg4GBgoGBgMDAwHiDBIEBQMWBQMDASwWDgMOAw0ZCggIBAUDAwgDBg0DAwUBAwMGAwMNBgYOBgYLAwMNBggKJAQFAxYFAwMBBAUDGgHWRnxdNazW1qwpRV01NF5FKSlFXTVGfV02Nl18FwUJAQMKCQNWCQMECgMDCAkDVgknCRMGGgwECwUDDgkJEAkeCRMGGgwEAQMDBgMDDgkJEAkODAgFAwMBBAUDCA8fBAcFBBgKDgkDAwUHAwMHBgYOBgYNAwMKAwMFBAEDAwIDBBsLCAUDAwEEBQMWBQMDAR4AAAAABACAAIADgAOAAAIAFAAmAC4AAAEVJycBBycOAQc1PgE3JxEnIxEzJwE0LgInNR4DFRQGByc+ASccAQcnNR4BAgBa8ALKNlgiTiwbMBW21qrKygKqHzlNL0BuTy0XFUAKDGoCaDA6A1a0WoT9NjZYGygLWAcaEbb+4NYBAMr+tjNcSzYOWA5FY3xEMFsnQhk5HgcNBmheGFsAAAAAAQEqAKoCqgNWAAUAAAEzNxEnIwEqrNTUrAKA1v1U1gACANYAqgMWA1YABQAMAAATMzcRJyMlFAYHER4B1qrW1qoCQDwwMDwCgNb9VNaAOVsYAVgYWwAAAAMAgACKA4ADdgAVABwAIgAAAR4DFRQOAgc1PgM1NC4CJxMUBgcRHgElMzcRJyMCVkBuTy0tT21BLk45Hx85TS9qOjAwOv3AqtbWqgN2DkVjfEREe2NGDlgNN0tcMzNcSzYO/uI5WxgBWBhbR9b9VNYAAAAABADWANYDKgMqAAUACwARABcAAAEzFSM1IxM1MxUjNQE1MxUjFR0BMxUjNQJW1FSAgFTU/oDUgIDUAyrUgP5UgNRUASzUVICsgFTUAAQA1gDWAyoDKgAFAAsAEQAXAAABMxUjNTMDNTMVIxUBNTMVIzURNTMVIzUCqoDUVFTUgP6sVNTUVAKqVNT9rNRUgAHUgNRU/qxU1IAAAAAAAwCAAKoDgANWABcALwA/AAABNTQmKwEiBh0BFBY7ATI2PQEjFSM1MxUjNTQmKwEiBh0BFBY7ATI2PQEjFSM1MxUBMhYVERQGIyEiJjURNDYzAwAYEoASGhoSgBIYQFZW6hoSgBIYGBKAEhpAVlYBlCI0MyP9rCQyMiQCKiwSGBgSrBIYGBIsFoAWLBIYGBKsEhgYEiwWgBYBLDMj/gAiNDMjAgAiNAAABACAAIADgAOAAAMADQAZACkAAAE1MxUnETMyNj0BNCYjAREjFSM1IxEzNTMVATIWFREUBiMhIiY1ETQ2MwJqVpasEhgYEv8AQFZAQFYBlCI0MyP9rCQyMiQBwICAwP8AGBKsEhj/AAEAamr/AFZWAgAzI/2sIjQzIwJUIjQAAAACAGQAVgOcA6oACwBZAAABMjY1NCYjIgYVFBYlFx4BDwEOAS8BDgEPAQ4BKwEiJi8BLgEnBwYmLwEmNj8BLgE1PAE3Jy4BPwE+AR8BPgE/AT4BOwEyFh8BHgEXNzYWHwEWBg8BHgEVHAECAD1ZWD49WVgBfFoGAgRWBA4IahAkFBABCwisBwsCEBMkEWoHDgVWBAIGWgEBAloGAgRWBA4IahAkFBABCwisBwsCEBMkEWoHDgVWBAIGWgEBAWpYPj1ZWD49WWxGBBAIlAcEAyoMFghwBwsKCHAHFQ4qAwMIlAcQBUYKFQsKFQtGBBAIlAcEAyoMFghwBwsKCHAHFQ4qAwMIlAcQBUYKFQsKFQAAAAEAgABYA4ADqgAzAAABMhYVFAYjIiY1PAE3JQ4BIyImNTQ2MzIWFyUuATU0NjMyFhUUBiMiJicFHgEVFAYHBT4BAwAzSUkzM0kC/tISLBo0TEs1GS0SASwBA0s1NExLNRktEv7UAQMCAgEwECwBUkkzM0tLMwcPBrAQEks1NEwREa4HDwg0TEs1NEwTEbAHDwgHDwiwDxEAAwBWAFYDqgOqAAMABwAbAAABNSMVExEjERMyHgIVFA4CIyIuAjU0PgICKlRUVCpYnHNDQ3ObWVicc0NDc5sCgFZW/qoBAP8AAoBDc5tZWJxzQ0Nzm1lYnHNDAAAEAFYAVgOqA6oAAwAXACsALwAAATUzFQMyPgI1NC4CIyIOAhUUHgITMh4CFRQOAiMiLgI1ND4CExEzEQHWVCpGfV02Nl18R0Z9XTY2XXxHWJxzQ0Nzm1lYnHNDQ3ObL1QCgFZW/io2XXxHRn1dNjZdfEdGfV02AwBDc5tZWJxzQ0Nzm1lYnHND/YABAP8AAAABANYA1gMqAyoACwAAAQcXBycHJzcnNxc3Ayru7jzu7jzu7jzu7gLu7u487u487u487u4AAQBVAFUDqwOrABQAABMUHgIzMj4CNTQuAiMiDgIVVUN0nFhYnHRDQ3ScWFicdEMCAFicdENDdJxYWJx0Q0N0nFgAAAACAFUAVQOrA6sAFAAoAAABIg4CFRQeAjMyPgI1NC4CIxEiLgI1ND4CMzIeAhUUDgICAFicdENDdJxYWJx0Q0N0nFhHfF01NV18R0d8XTU1XXwDq0N0nFhYnHRDQ3ScWFicdEP9ADVdfEdHfF01NV18R0d8XTUAAAADAFUAVQOrA6sAFAAoADQAAAEiDgIVFB4CMzI+AjU0LgIjESIuAjU0PgIzMh4CFRQOAhMUBiMiJjU0NjMyFgIAWJx0Q0N0nFhYnHRDQ3ScWEd8XTU1XXxHR3xdNTVdfDlLNTVLSzU1SwOrQ3ScWFicdENDdJxYWJx0Q/0ANV18R0d8XTU1XXxHR3xdNQFVNUtLNTVLSwAAAAEAAAABAADxFM6JXw889QALBAAAAAAA1DSJZQAAAADUNIllAAAAAAOrA9YAAAAIAAIAAAAAAAAAAQAABAAAAAAABAAAAAAAA6sAAQAAAAAAAAAAAAAAAAAAACUEAAAAAAAAAAAAAAAAAAAABAABVgQAAFYEAABWBAABAAQAAFYEAABWBAABAAQAAGoEAACqBAABAAQAAQAEAACqBAAAqgQAAKoEAACqBAAAqgQAAKoEAACABAABKgQAANYEAACABAAA1gQAANYEAACABAAAgAQAAGQEAACABAAAVgQAAFYEAADWBAAAVQQAAFUEAABVAAAAAAAKABQAHgAsAFQAlgCqANgBIAEuAUQBWgFwAYQCEAKoA6YELgTGBcQGEgYiBj4GeAaeBsYHGgdaB+IILghcCKQIvgjgCRwJaAABAAAAJQDHAAQAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEACwAAAAEAAAAAAAIABwCEAAEAAAAAAAMACwBCAAEAAAAAAAQACwCZAAEAAAAAAAUACwAhAAEAAAAAAAYACwBjAAEAAAAAAAoAGgC6AAMAAQQJAAEAFgALAAMAAQQJAAIADgCLAAMAAQQJAAMAFgBNAAMAAQQJAAQAFgCkAAMAAQQJAAUAFgAsAAMAAQQJAAYAFgBuAAMAAQQJAAoANADUdmlkZW8tcmVhY3QAdgBpAGQAZQBvAC0AcgBlAGEAYwB0VmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwdmlkZW8tcmVhY3QAdgBpAGQAZQBvAC0AcgBlAGEAYwB0dmlkZW8tcmVhY3QAdgBpAGQAZQBvAC0AcgBlAGEAYwB0UmVndWxhcgBSAGUAZwB1AGwAYQBydmlkZW8tcmVhY3QAdgBpAGQAZQBvAC0AcgBlAGEAYwB0Rm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff"), url(data:application/x-font-ttf;base64,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) format("truetype");
  font-weight: normal;
  font-style: normal; }

.video-react-icon, .video-react .video-react-big-play-button, .video-react .video-react-mouse-display, .video-react .video-react-play-progress, .video-react .video-react-play-control, .video-react .video-react-mute-control,
.video-react .video-react-volume-menu-button, .video-react .video-react-volume-level, .video-react .video-react-bezel .video-react-bezel-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'video-react' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.video-react-icon-play-arrow:before, .video-react .video-react-big-play-button:before, .video-react .video-react-play-control:before, .video-react .video-react-bezel .video-react-bezel-icon-play:before {
  content: "\F200"; }

.video-react-icon-play-circle-filled:before {
  content: "\F201"; }

.video-react-icon-play-circle-outline:before {
  content: "\F202"; }

.video-react-icon-pause:before, .video-react .video-react-play-control.video-react-playing:before, .video-react .video-react-bezel .video-react-bezel-icon-pause:before {
  content: "\F203"; }

.video-react-icon-pause-circle-filled:before {
  content: "\F204"; }

.video-react-icon-pause-circle-outline:before {
  content: "\F205"; }

.video-react-icon-stop:before {
  content: "\F206"; }

.video-react-icon-fast-rewind:before, .video-react .video-react-bezel .video-react-bezel-icon-fast-rewind:before {
  content: "\F207"; }

.video-react-icon-fast-forward:before, .video-react .video-react-bezel .video-react-bezel-icon-fast-forward:before {
  content: "\F208"; }

.video-react-icon-skip-previous:before {
  content: "\F209"; }

.video-react-icon-skip-next:before {
  content: "\F20A"; }

.video-react-icon-replay-5:before, .video-react .video-react-bezel .video-react-bezel-icon-replay-5:before {
  content: "\F20B"; }

.video-react-icon-replay-10:before, .video-react .video-react-bezel .video-react-bezel-icon-replay-10:before {
  content: "\F20C"; }

.video-react-icon-replay-30:before, .video-react .video-react-bezel .video-react-bezel-icon-replay-30:before {
  content: "\F20D"; }

.video-react-icon-forward-5:before, .video-react .video-react-bezel .video-react-bezel-icon-forward-5:before {
  content: "\F20E"; }

.video-react-icon-forward-10:before, .video-react .video-react-bezel .video-react-bezel-icon-forward-10:before {
  content: "\F20F"; }

.video-react-icon-forward-30:before, .video-react .video-react-bezel .video-react-bezel-icon-forward-30:before {
  content: "\F210"; }

.video-react-icon-volume-off:before, .video-react .video-react-mute-control.video-react-vol-muted:before,
.video-react .video-react-volume-menu-button.video-react-vol-muted:before, .video-react .video-react-bezel .video-react-bezel-icon-volume-off:before {
  content: "\F211"; }

.video-react-icon-volume-mute:before, .video-react .video-react-mute-control.video-react-vol-0:before,
.video-react .video-react-volume-menu-button.video-react-vol-0:before {
  content: "\F212"; }

.video-react-icon-volume-down:before, .video-react .video-react-mute-control.video-react-vol-1:before,
.video-react .video-react-volume-menu-button.video-react-vol-1:before, .video-react .video-react-mute-control.video-react-vol-2:before,
.video-react .video-react-volume-menu-button.video-react-vol-2:before, .video-react .video-react-bezel .video-react-bezel-icon-volume-down:before {
  content: "\F213"; }

.video-react-icon-volume-up:before, .video-react .video-react-mute-control:before,
.video-react .video-react-volume-menu-button:before, .video-react .video-react-bezel .video-react-bezel-icon-volume-up:before {
  content: "\F214"; }

.video-react-icon-fullscreen:before {
  content: "\F215"; }

.video-react-icon-fullscreen-exit:before {
  content: "\F216"; }

.video-react-icon-closed-caption:before {
  content: "\F217"; }

.video-react-icon-hd:before {
  content: "\F218"; }

.video-react-icon-settings:before {
  content: "\F219"; }

.video-react-icon-share:before {
  content: "\F21A"; }

.video-react-icon-info:before {
  content: "\F21B"; }

.video-react-icon-info-outline:before {
  content: "\F21C"; }

.video-react-icon-close:before {
  content: "\F21D"; }

.video-react-icon-circle:before, .video-react .video-react-mouse-display:before, .video-react .video-react-play-progress:before, .video-react .video-react-volume-level:before {
  content: "\F21E"; }

.video-react-icon-circle-outline:before {
  content: "\F21F"; }

.video-react-icon-circle-inner-circle:before {
  content: "\F220"; }

.video-react {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  font-size: 10px;
  line-height: 1;
  font-family: serif, Times, "Times New Roman";
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .video-react:-moz-full-screen {
    position: absolute; }
  .video-react:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important; }
  .video-react *,
  .video-react *:before,
  .video-react *:after {
    box-sizing: inherit; }
  .video-react ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0; }
  .video-react.video-react-fluid, .video-react.video-react-16-9, .video-react.video-react-4-3 {
    width: 100%;
    max-width: 100%;
    height: 0; }
  .video-react.video-react-16-9 {
    padding-top: 56.25%; }
  .video-react.video-react-4-3 {
    padding-top: 75%; }
  .video-react.video-react-fill {
    width: 100%;
    height: 100%; }
  .video-react .video-react-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .video-react.video-react-fullscreen {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important; }
    .video-react.video-react-fullscreen.video-react-user-inactive {
      cursor: none; }

body.video-react-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-y: auto; }
  body.video-react-full-window .video-react-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0; }

.video-react button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  cursor: pointer;
  overflow: visible;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.video-react .video-react-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px; }
  .video-react .video-react-loading-spinner:before, .video-react .video-react-loading-spinner:after {
    content: "";
    position: absolute;
    margin: -6px;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: white;
    -webkit-animation: video-react-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, video-react-spinner-fade 1.1s linear infinite;
    animation: video-react-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, video-react-spinner-fade 1.1s linear infinite; }

.video-react-seeking .video-react-loading-spinner,
.video-react-waiting .video-react-loading-spinner {
  display: block; }

.video-react-seeking .video-react-loading-spinner:before,
.video-react-waiting .video-react-loading-spinner:before {
  border-top-color: white; }

.video-react-seeking .video-react-loading-spinner:after,
.video-react-waiting .video-react-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s; }

@keyframes video-react-spinner-spin {
  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes video-react-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes video-react-spinner-fade {
  0% {
    border-top-color: #73859f; }
  20% {
    border-top-color: #73859f; }
  35% {
    border-top-color: white; }
  60% {
    border-top-color: #73859f; }
  100% {
    border-top-color: #73859f; } }

@-webkit-keyframes video-react-spinner-fade {
  0% {
    border-top-color: #73859f; }
  20% {
    border-top-color: #73859f; }
  35% {
    border-top-color: white; }
  60% {
    border-top-color: #73859f; }
  100% {
    border-top-color: #73859f; } }

.video-react .video-react-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.5em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }
  .video-react .video-react-big-play-button.video-react-big-play-button-center {
    top: 50%;
    left: 50%;
    margin-top: -0.75em;
    margin-left: -1.5em; }
  .video-react .video-react-big-play-button.big-play-button-hide {
    display: none; }

.video-react:hover .video-react-big-play-button,
.video-react .video-react-big-play-button:focus {
  outline: 0;
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s; }

.video-react-menu-button {
  cursor: pointer; }
  .video-react-menu-button.video-react-disabled {
    cursor: default; }

.video-react-menu .video-react-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  overflow: auto;
  font-family: serif, Times, "Times New Roman"; }

.video-react-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase; }
  .video-react-menu li:focus, .video-react-menu li:hover {
    outline: 0;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5); }
  .video-react-menu li.video-react-selected, .video-react-menu li.video-react-selected:focus, .video-react-menu li.video-react-selected:hover {
    background-color: #fff;
    color: #2B333F; }
  .video-react-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 0.3em 0;
    font-weight: bold;
    cursor: default; }

.video-react-scrubbing .vjs-menu-button:hover .video-react-menu {
  display: none; }

.video-react .video-react-menu-button-popup .video-react-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7); }
  .video-react .video-react-menu-button-popup .video-react-menu .video-react-menu-content {
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em; }

.video-react-menu-button-popup .video-react-menu.video-react-lock-showing {
  display: block; }

.video-react .video-react-menu-button-inline {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden; }
  .video-react .video-react-menu-button-inline:before {
    width: 2.222222222em; }
  .video-react .video-react-menu-button-inline:hover, .video-react .video-react-menu-button-inline:focus, .video-react .video-react-menu-button-inline.video-react-slider-active {
    width: 12em; }
    .video-react .video-react-menu-button-inline:hover .video-react-menu, .video-react .video-react-menu-button-inline:focus .video-react-menu, .video-react .video-react-menu-button-inline.video-react-slider-active .video-react-menu {
      display: block;
      opacity: 1; }
  .video-react .video-react-menu-button-inline.video-react-slider-active {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none; }
  .video-react .video-react-menu-button-inline .video-react-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s; }
  .video-react .video-react-menu-button-inline .video-react-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden; }

.video-react-no-flex .video-react-menu-button-inline .video-react-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto; }

.video-react-no-flex .video-react-menu-button-inline:hover, .video-react-no-flex .video-react-menu-button-inline:focus, .video-react-no-flex .video-react-menu-button-inline.video-react-slider-active {
  width: auto; }

.video-react .video-react-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%; }
  .video-react .video-react-poster img {
    display: block;
    vertical-align: middle;
    margin: 0 auto;
    max-height: 100%;
    padding: 0;
    width: 100%; }

.video-react .video-react-slider {
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5); }
  .video-react .video-react-slider:focus {
    text-shadow: 0em 0em 1em white;
    -webkit-box-shadow: 0 0 1em #fff;
    -moz-box-shadow: 0 0 1em #fff;
    box-shadow: 0 0 1em #fff; }

.video-react .video-react-control {
  outline: none;
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }
  .video-react .video-react-control:before {
    font-size: 1.8em;
    line-height: 1.67; }
  .video-react .video-react-control:focus:before, .video-react .video-react-control:hover:before, .video-react .video-react-control:focus {
    text-shadow: 0em 0em 1em white; }

.video-react .video-react-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.video-react-no-flex .video-react-control {
  display: table-cell;
  vertical-align: middle; }

.video-react .video-react-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3.0em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7); }

.video-react-has-started .video-react-control-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -moz-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s; }

.video-react-has-started.video-react-user-inactive.video-react-playing .video-react-control-bar.video-react-control-bar-auto-hide {
  visibility: visible;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s; }

.video-react-controls-disabled .video-react-control-bar,
.video-react-using-native-controls .video-react-control-bar,
.video-react-error .video-react-control-bar {
  display: none !important; }

.video-react-audio.video-react-has-started.video-react-user-inactive.video-react-playing .video-react-control-bar {
  opacity: 1;
  visibility: visible; }

.video-react-has-started.video-react-no-flex .video-react-control-bar {
  display: table; }

.video-react .video-react-progress-control {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 4em; }

.video-react-live .video-react-progress-control {
  display: none; }

.video-react .video-react-progress-holder {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  height: 0.3em; }

.video-react .video-react-progress-control:hover .video-react-progress-holder {
  font-size: 1.666666666666666666em; }

/* If we let the font size grow as much as everything else, the current time tooltip ends up
 ginormous. If you'd like to enable the current time tooltip all the time, this should be disabled
 to avoid a weird hitch when you roll off the hover. */
.video-react .video-react-progress-control:hover .video-react-time-tooltip,
.video-react .video-react-progress-control:hover .video-react-mouse-display:after,
.video-react .video-react-progress-control:hover .video-react-play-progress:after {
  visibility: visible;
  font-size: 0.6em; }

.video-react .video-react-progress-holder .video-react-play-progress,
.video-react .video-react-progress-holder .video-react-load-progress,
.video-react .video-react-progress-holder .video-react-tooltip-progress-bar,
.video-react .video-react-progress-holder .video-react-load-progress div {
  position: absolute;
  display: block;
  height: 0.3em;
  margin: 0;
  padding: 0;
  width: 0;
  left: 0;
  top: 0; }

.video-react .video-react-mouse-display:before {
  display: none; }

.video-react .video-react-play-progress {
  background-color: #fff; }
  .video-react .video-react-play-progress:before {
    position: absolute;
    top: -0.333333333333333em;
    right: -0.5em;
    font-size: 0.9em; }

.video-react .video-react-time-tooltip,
.video-react .video-react-mouse-display:after,
.video-react .video-react-play-progress:after {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  right: -1.9em;
  font-size: 0.9em;
  color: #000;
  content: attr(data-current-time);
  padding: 6px 8px 8px 8px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em; }

.video-react .video-react-time-tooltip,
.video-react .video-react-play-progress:before,
.video-react .video-react-play-progress:after {
  z-index: 1; }

.video-react .video-react-progress-control .video-react-keep-tooltips-inside:after {
  display: none; }

.video-react .video-react-load-progress {
  background: #bfc7d3;
  background: rgba(115, 133, 159, 0.5); }

.video-react .video-react-load-progress div {
  background: white;
  background: rgba(115, 133, 159, 0.75); }

.video-react.video-react-no-flex .video-react-progress-control {
  width: auto; }

.video-react .video-react-time-tooltip {
  display: inline-block;
  height: 2.4em;
  position: relative;
  float: right;
  right: -1.9em; }

.video-react .video-react-tooltip-progress-bar {
  visibility: hidden; }

.video-react .video-react-progress-control .video-react-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1; }

.video-react-no-flex .video-react-progress-control .video-react-mouse-display {
  z-index: 0; }

.video-react .video-react-progress-control:hover .video-react-mouse-display {
  display: block; }

.video-react.video-react-user-inactive .video-react-progress-control .video-react-mouse-display,
.video-react.video-react-user-inactive .video-react-progress-control .video-react-mouse-display:after {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s; }

.video-react.video-react-user-inactive.video-react-no-flex .video-react-progress-control .video-react-mouse-display,
.video-react.video-react-user-inactive.video-react-no-flex .video-react-progress-control .video-react-mouse-display:after {
  display: none; }

.video-react .video-react-mouse-display .video-react-time-tooltip,
.video-react .video-react-progress-control .video-react-mouse-display:after {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8); }

.video-react .video-react-play-control {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }

.video-react .video-react-fullscreen-control {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }

.video-react.video-react-fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 9999; }

.video-react .video-react-time-control {
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em; }

.video-react .video-react-time-divider {
  line-height: 3em;
  min-width: initial;
  padding: 0; }

.video-react .video-react-mute-control,
.video-react .video-react-volume-menu-button {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }

.video-react .video-react-volume-control {
  width: 5em;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.video-react .video-react-volume-bar {
  margin: 1.35em 0.45em; }
  .video-react .video-react-volume-bar.video-react-slider-horizontal {
    width: 5em;
    height: 0.3em; }
    .video-react .video-react-volume-bar.video-react-slider-horizontal .video-react-volume-level {
      width: 100%; }
  .video-react .video-react-volume-bar.video-react-slider-vertical {
    width: 0.3em;
    height: 5em;
    margin: 1.35em auto; }
    .video-react .video-react-volume-bar.video-react-slider-vertical .video-react-volume-level {
      height: 100%; }

.video-react .video-react-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff; }
  .video-react .video-react-volume-level:before {
    position: absolute;
    font-size: 0.9em; }

.video-react .video-react-slider-vertical .video-react-volume-level {
  width: 0.3em; }
  .video-react .video-react-slider-vertical .video-react-volume-level:before {
    top: -0.5em;
    left: -0.3em; }

.video-react .video-react-slider-horizontal .video-react-volume-level {
  height: 0.3em; }
  .video-react .video-react-slider-horizontal .video-react-volume-level:before {
    top: -0.3em;
    right: -0.5em; }

.video-react .video-react-menu-button-popup.video-react-volume-menu-button .video-react-menu {
  display: block;
  width: 0;
  height: 0;
  border-top-color: transparent; }

.video-react .video-react-menu-button-popup.video-react-volume-menu-button-vertical .video-react-menu {
  left: 0.5em;
  height: 8em; }

.video-react .video-react-menu-button-popup.video-react-volume-menu-button-horizontal .video-react-menu {
  left: -2em; }

.video-react .video-react-menu-button-popup.video-react-volume-menu-button .video-react-menu-content {
  height: 0;
  width: 0;
  overflow-x: hidden;
  overflow-y: hidden; }

.video-react .video-react-volume-menu-button-vertical:hover .video-react-menu-content,
.video-react .video-react-volume-menu-button-vertical:focus .video-react-menu-content,
.video-react .video-react-volume-menu-button-vertical.video-react-slider-active .video-react-menu-content,
.video-react .video-react-volume-menu-button-vertical .video-react-lock-showing .video-react-menu-content {
  height: 8em;
  width: 2.9em; }

.video-react .video-react-volume-menu-button-horizontal:hover .video-react-menu-content,
.video-react .video-react-volume-menu-button-horizontal:focus .video-react-menu-content,
.video-react .video-react-volume-menu-button-horizontal .video-react-slider-active .video-react-menu-content,
.video-react .video-react-volume-menu-button-horizontal .video-react-lock-showing .video-react-menu-content {
  height: 2.9em;
  width: 8em; }

.video-react .video-react-volume-menu-button.video-react-menu-button-inline .video-react-menu-content {
  background-color: transparent !important; }

.video-react .video-react-playback-rate .video-react-playback-rate-value {
  line-height: 3em;
  text-align: center; }

.video-react .video-react-playback-rate .video-react-menu {
  width: 4em;
  left: 0em; }

.video-react .video-react-bezel {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 52px;
  height: 52px;
  z-index: 17;
  margin-left: -26px;
  margin-top: -26px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 26px; }
  .video-react .video-react-bezel.video-react-bezel-animation {
    -moz-animation: video-react-bezel-fadeout .5s linear 1 normal forwards;
    -webkit-animation: video-react-bezel-fadeout .5s linear 1 normal forwards;
    animation: video-react-bezel-fadeout .5s linear 1 normal forwards;
    pointer-events: none; }
  .video-react .video-react-bezel.video-react-bezel-animation-alt {
    -moz-animation: video-react-bezel-fadeout-alt .5s linear 1 normal forwards;
    -webkit-animation: video-react-bezel-fadeout-alt .5s linear 1 normal forwards;
    animation: video-react-bezel-fadeout-alt .5s linear 1 normal forwards;
    pointer-events: none; }
  .video-react .video-react-bezel .video-react-bezel-icon {
    width: 36px;
    height: 36px;
    margin: 8px;
    font-size: 26px;
    line-height: 36px;
    text-align: center; }

@keyframes video-react-bezel-fadeout {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    transform: scale(2); } }

@keyframes video-react-bezel-fadeout-alt {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    transform: scale(2); } }

.cover-container {
  position: absolute;
  top: -100%;
  left: 0;
  height: 100vh;
  background-color: black;
  width: 100%;
  opacity: 1;
  transition: top 0.4s ease;
  z-index: 101;
  overflow-y: auto;
  overflow-x: hidden;
  color: #efefef; }
  .cover-container.showing {
    top: 0;
    left: 0; }

.cover-logo-container {
  position: absolute;
  bottom: 20px;
  left: 20px;
  display: flex;
  justify-content: center; }

.cover-logo {
  width: 60px;
  height: 60px; }

.fullscreen-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -100;
  background: #000000; }
  .fullscreen-bg.hidden {
    top: -100%; }

.fullscreen-bg__video {
  position: relative;
  top: 0;
  left: -25vw;
  width: 150vw;
  height: 100vh;
  -webkit-filter: contrast(70%) brightness(70%) grayscale(100%);
  filter: contrast(70%) brightness(70%) grayscale(100%); }
  @media only screen and (max-width: 992px) {
    .fullscreen-bg__video {
      display: none; } }

.default-cover-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center; }

.cover-container {
  font-size: 12pt;
  display: flex;
  flex-direction: column;
  max-height: 100%; }
  .cover-container hr, .cover-container br {
    width: 100%; }
  .cover-container .sidebar {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: space-around;
    position: fixed;
    left: 0;
    background-color: #efefef;
    margin-top: 60px;
    min-height: calc(100% - 280px);
    max-height: calc(100% - 280px);
    min-width: 19%;
    max-width: 19%;
    color: black; }
    .cover-container .sidebar .il-video-pill {
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      flex: 1;
      background-color: transparent;
      border-bottom: 5px solid black;
      transition: all 0.4s ease; }
      .cover-container .sidebar .il-video-pill.explore {
        background-color: #ffd800; }
      .cover-container .sidebar .il-video-pill.videos {
        background-color: blue; }
      .cover-container .sidebar .il-video-pill:hover {
        cursor: pointer;
        background-color: #7a7a7a;
        color: white; }
  .cover-container .hero {
    min-width: 100%;
    max-width: 100%;
    min-height: 100px;
    margin: auto;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    margin-top: 20px; }
    .cover-container .hero .row {
      display: flex;
      flex: 1;
      flex-direction: row;
      justify-content: space-around; }
      @media only screen and (max-width: 1200px) {
        .cover-container .hero .row {
          flex-direction: column; } }
      .cover-container .hero .row.vertical {
        flex-direction: column; }
      .cover-container .hero .row .cell {
        border: 1px solid white;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        flex: 1;
        background-color: #232323;
        padding: 10px 0;
        transition: all 0.4s ease;
        letter-spacing: 2px;
        min-height: 40px; }
        .cover-container .hero .row .cell.small {
          letter-spacing: inherit;
          font-size: 10pt; }
        .cover-container .hero .row .cell.plain {
          min-height: 10px;
          background-color: black;
          letter-spacing: 1px; }
        .cover-container .hero .row .cell.yellow {
          color: black;
          background-color: #ffd800; }
        .cover-container .hero .row .cell:hover {
          cursor: pointer;
          background-color: #7a7a7a;
          color: white; }
  .cover-container .cover-content {
    display: flex;
    flex-direction: column;
    max-width: 600px;
    overflow-y: auto;
    overflow-x: hidden; }
    .cover-container .cover-content h1, .cover-container .cover-content h2, .cover-container .cover-content h3, .cover-container .cover-content h4, .cover-container .cover-content h5 {
      text-align: center; }
    .cover-container .cover-content h1 {
      margin-bottom: -15px;
      margin-top: 30px; }
    .cover-container .cover-content h5 {
      margin-top: -15px; }
    @media only screen and (max-width: 992px) {
      .cover-container .cover-content {
        font-size: 22pt !important;
        max-width: 100vw;
        padding: 0 40px; }
        .cover-container .cover-content .cell.plain, .cover-container .cover-content .cell.small {
          display: none; } }
    .cover-container .cover-content .verify-tabs {
      background-color: #ffd800;
      color: black;
      display: flex;
      flex-direction: column; }
      .cover-container .cover-content .verify-tabs .v-tab {
        display: flex;
        margin: auto;
        justify-content: center;
        align-content: center;
        flex: 1; }
    .cover-container .cover-content .il-cover-verification-container {
      display: flex;
      flex-direction: column; }
      .cover-container .cover-content .il-cover-verification-container .il-cover-verification .il-video {
        border-radius: 1em;
        background-color: rgba(240, 240, 240, 0.5); }

.cover-footer {
  position: fixed;
  bottom: 0;
  min-height: 150px;
  min-width: 100%;
  padding: 10px;
  background-color: black;
  display: flex;
  justify-content: center; }
  .cover-footer.disabled {
    display: none; }
  .cover-footer .il-cover-button {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 300px;
    max-height: 80px;
    margin-top: 30px;
    background-color: #efefef;
    color: black;
    transition: all 0.3s ease; }
    .cover-footer .il-cover-button:hover {
      cursor: pointer;
      background-color: #a3a3a3;
      color: black; }


/*# sourceMappingURL=index.5c165a828c228e059cab.css.map*/