header.header {
  font-size: 12px;
  position: fixed;
  width: 100%;
  z-index: 35;
  height: 50px;
  left: 0;
  top: 0;
  background-color: transparent;
  -o-transition: background-color 0.3s ease-out;
  -mx-transition: background-color 0.3s ease-out;
  -moz-transition: background-color 0.3s ease-out;
  -webkit-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out; }
  header.header.darkHeader {
    background-color: #1c1c1c; }

.section-slider-dummy {
  height: 50px;
  background-color: #1c1c1c; }

div.logo {
  position: absolute;
  top: 50%;
  left: 15px;
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  max-width: 150px;
  min-width: 100px;
  width: 80%; }
  div.logo img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block; }

.fancybox-slide--video .fancybox__content {
  position: absolute;
  top: calc(50px * var(--pixelMultiplicator));
  left: calc(50px * var(--pixelMultiplicator));
  width: calc(100% - (100px * var(--pixelMultiplicator))) !important;
  height: calc(100% - (100px * var(--pixelMultiplicator))) !important;
  background: transparent !important;
  color: transparent !important; }

.fancybox-bg {
  background: #000 !important;
  opacity: 1 !important; }

.fancybox-button {
  width: calc(50px * var(--pixelMultiplicator)) !important;
  height: calc(50px * var(--pixelMultiplicator)) !important;
  padding: 0 !important;
  margin: calc(10px * var(--pixelMultiplicator)) !important;
  background: #fff !important;
  border-radius: 50% !important; }

.fancybox-button svg {
  margin: calc(5px * var(--pixelMultiplicator)) !important;
  width: calc(40px * var(--pixelMultiplicator)) !important;
  height: auto !important;
  padding: 0 !important; }

.fancybox-button[disabled] {
  opacity: 0 !important;
  pointer-events: none !important; }

.fancybox-navigation .fancybox-button {
  width: calc(50px * var(--pixelMultiplicator)) !important;
  height: calc(50px * var(--pixelMultiplicator)) !important;
  padding: 0 !important;
  margin: calc(10px * var(--pixelMultiplicator)) !important;
  top: 50% !important;
  -webkit-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important; }

video {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-object-fit: cover;
  object-fit: cover;
  -webkit-object-position: center;
  object-position: center;
  width: 100%;
  height: 100%;
  display: block; }

.section-slider-video {
  width: 100vw;
  height: calc(100vw / 1920 * 1080);
  max-height: 100vh; }

@media screen and (min-width: 768px) {
  header.header {
    height: 95px; }

  .section-slider-dummy {
    height: 95px;
    background-color: #1c1c1c; } }

@media screen and (min-width: 992px) {
  div.logo {
    max-width: 200px;
    min-width: 150px;
    left: 0; } }