/* 1. темный фон и модальные окна */
body.black--style {
  background: #000000 !important;
}
body.black--style .selectbox__content,
body.black--style .modal__content,
body.black--style .settings__content {
  background-color: #000000 !important;
}
body.glass--style .modal__content,
body.glass--style .selectbox__content,
body.glass--style .settings__content {
  background-color: rgba(0, 0, 0, 0.85) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;
}
.modal__content,
.selectbox__content,
.settings__content,
.modal__title,
.selectbox__title,
.settings__title {
  color: #ffffff !important;
}
.bottom-nav,
.mobile-nav,
.navigation-bar,
.nav-bottom {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.bottom-nav__body,
.mobile-nav__body,
.navigation-bar__body,
.nav-bottom__body,
div[class*="nav"] > div[class*="body"],
div[class*="nav"] > div[class*="content"] {
  background-color: rgba(18, 18, 18, 0.95) !important;
  background: rgba(18, 18, 18, 0.95) !important;
  border: none !important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.7) !important;
}
.bottom-nav__item,
.mobile-nav__item,
.navigation-bar__item,
.nav-bottom__item,
.bottom-nav__title,
.mobile-nav__title,
.navigation-bar__title,
.nav-bottom__title,
div[class*="nav"] span,
div[class*="nav"] div {
  color: #ffffff !important;
  opacity: 1 !important;
}
.bottom-nav__item svg,
.mobile-nav__item svg,
.navigation-bar__item svg,
.nav-bottom__item svg,
div[class*="nav"] svg {
  fill: #ffffff !important;
  stroke: #ffffff !important;
  color: #ffffff !important;
  opacity: 1 !important;
}
/* конец блока с темными стилями */

.navigation-bar__icon {
  width: 1.8em; /* @krilzov размер иконок в моб. версии 1.8*/
  height: 1.8em; /* @krilzov размер иконок в моб. версии 1.8*/
  margin: 0 auto;
}
.navigation-bar__label {
  font-size: 1.1em; /* @krilzov размер текста над иконками 0.9*/
  margin-top: 0.7em; /* @krilzov размер отступа от иконок 0.9*/
}
.head__logo-icon {
  width: 3.3em; /* krilzov логотип по умолчанию 2.7 */
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 1em;
  position: relative;
}
.menu { /* @krilzov меню */
  width: 100%;
  padding: 1em;
  padding-top: 1.5em; /*@krilzov меню по левой стороне, отступ от верха 2.5*/
  position: relative;
}
.menu__ico {
  margin-right: 1.5em;
  width: 2.0em; /*@krilzov размер иконок в меню, по умолчанию 1.5*/
  height: 2.0em; /*@krilzov размер иконок в меню, по умолчанию 1.5*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.items-line__more.focus { /* @krilzov */
  background: -webkit-gradient(linear, left top, right top, from(#176ae6), to(#006fee));
  background: -webkit-linear-gradient(left, #176ae6, #006fee);
  background: -o-linear-gradient(left, #176ae6, #006fee);
  background: linear-gradient(to right, #176ae6, #006fee);
  -webkit-box-shadow: 0 7px 10px rgba(0, 111, 238, 0.5019607843);
          box-shadow: 0 7px 10px rgba(0, 111, 238, 0.5019607843); /* Тень для эффекта стекла */
  color: white;
}
.full-start__poster.focus img { /* @krilzov */
  -webkit-box-shadow: 0 0 10px rgb(0, 0, 0);
          box-shadow: 0 0 10px rgb(0, 0, 0); /* Тень для эффекта стекла */
}
.full-start__button {
    color: #ffffff !important; /* @krilzov белый цвет текста внутри кнопок */
}
.full-start__button { /* @krilzov */
  margin-right: 0.75em;
  font-size: 1.3em;
  background: rgba(0, 0, 0, 0.473); /* Прозрачный фон */
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Тень для эффекта стекла */
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px); /* Размытие фона для добавления прозрачности */
  padding: 0.3em 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-border-radius: 0.5em;
          border-radius: 0.5em;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 2.8em;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.full-start__button:not(.focus) span { /* @krilzov фокусировка и скрытие текста кнопок*/
  display: none;
}
.full-start__button > svg {
  width: 1.5em;
  height: 1.5em;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.full-start__button > svg + span {
  margin-left: 0.75em;
  margin-top: -0.2em;
}
.full-start__button.focus { /* @krilzov синие кнопки*/
  background: -webkit-gradient(linear, left top, right top, from(#176ae6), to(#006fee));
  background: -webkit-linear-gradient(left, #176ae6, #006fee);
  background: -o-linear-gradient(left, #176ae6, #006fee);
  background: linear-gradient(to right, #176ae6, #006fee);
  -webkit-box-shadow: 0 7px 10px rgba(0, 111, 238, 0.5019607843);
          box-shadow: 0 7px 10px rgba(0, 111, 238, 0.5019607843); /* Тень для эффекта стекла */
}
.feed-head__img { /*@krilzov логотип в полном размере без сглаживания*/
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 10%;
     -moz-border-radius: 10%;
          border-radius: 10%;
}
.noty { /* krilzov - уведомления */
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  /* Фон: Surface цвет из Material Dark Theme */
  background: #1e1e1e; /* Близко к #121212, но чуть светлее для контраста с тенью */
  color: #ffffff; /* Текст — белый, как в Material Light-on-Dark */
  /* Тень (Material Elevation 4dp) */
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.2);
  /* Трансформация и анимация — без изменений */
  -webkit-transform: translateY(100%);
     -moz-transform: translateY(100%);
      -ms-transform: translateY(100%);
       -o-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  opacity: 0;
}
.noty__body {
  padding: 1.5em;
  text-align: center;
}
.noty__text {
  font-size: 1.2em; /* Оставлено как есть */
  /* Шрифт — оригинальный, не меняется */
}
.noty--visible {
  -webkit-transform: translateY(0%);
     -moz-transform: translateY(0%);
      -ms-transform: translateY(0%);
       -o-transform: translateY(0%);
          transform: translateY(0%);
  opacity: 1;
}

/* Дополнительно: стилизация под разные типы уведомлений (по желанию) */
.noty--success {
  background: #00C853; /* Material Green A700 */
}
.noty--error {
  background: #d50000; /* Red A700 */
}
.noty--warning {
  background: #ff6d00; /* Orange A700 */
  color: #fff;
}
.noty--info {
  background: #0091ea; /* Blue A700 */
}
/* Стиль glass (с размытием) */
.noty--style--glass {
  background: rgba(30, 30, 30, 0.7);
  backdrop-filter: blur(1em);
  -webkit-backdrop-filter: blur(1em);
  color: #ffffff;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
}

/* Status KRILZOV TV */
.head__markers {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
}
.head__markers-item:nth-child(1),
.head__markers-item:nth-child(2),
.head__markers-item:nth-child(3) {
    -webkit-animation: none !important;
    -moz-animation: none !important;
         animation: none !important;
    background: #ff6868 !important;
    box-shadow: 0 0 5px rgba(255, 104, 104, 0.6) !important;
    transition: background 0.4s ease-in-out, box-shadow 0.4s ease-in-out !important;
}
.head__markers-item.active-1,
.head__markers-item.active-2,
.head__markers-item.active-3 {
    background: #76e67a !important;
    box-shadow: 0 0 5px rgba(118, 230, 122, 0.7) !important;
} /* End status KRILZOV TV */

.search {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  z-index: 50;
  width: 100%;
}
.search .scroll--horizontal {
  padding-top: 0 !important;
  padding-bottom: 0.6em !important;
}
.search .scroll > .scroll__content > .scroll__body:after {
  display: none !important;
}
.search__input {
  font-size: 2em;
  margin-bottom: 0.7em;
  padding-left: 0.7em;
}
.search__input.filled::after {
  content: "";
  display: inline-block;
  border-right: 0.15em solid #fff;
  height: 1em;
  margin: -1em 0;
  margin-left: 0.1em;
  -webkit-animation: animation-search-input-line 0.8s infinite;
       -o-animation: animation-search-input-line 0.8s infinite;
          animation: animation-search-input-line 0.8s infinite;
}
.search__keypad {
  padding: 0 1.5em;
}
.search__keypad .simple-keyboard {
  margin-bottom: 5px;
}
@media screen and (min-width: 991px) {
  .search__keypad .simple-keyboard .hg-button-MIC,
  .search__keypad .simple-keyboard .hg-button-LANG,
  .search__keypad .simple-keyboard .hg-button-SIM,
  .search__keypad .simple-keyboard .hg-button-BKSP {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    min-width: 2.1em;
  }
  .search__keypad .simple-keyboard .hg-button-SPACE {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    min-width: 7em;
  }
}
.search__history, .search__sources {
  margin-bottom: 0.6em;
}
.search__history .scroll__body, .search__sources .scroll__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.search__results .broadcast__text {
  margin-top: 2.6em;
}
.search__results-offset {
  padding-top: 1.5em;
}
.search .simple-keyboard-buttons {
  display: none;
}

.search-history-key {
  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;
  background-color: rgba(221, 221, 221, 0.06);
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  padding: 0 1em;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.search-history-key:before {
  content: "";
  display: block;
  width: 1.3em;
  height: 1.3em;
  margin-right: 0.7em;
  background-image: url(../img/icons/menu/time.svg);
  -webkit-background-size: 100% 100%;
          background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.search-history-key > div {
  font-size: 1.6em;
  padding: 0.5em;
  padding-top: 0.2em;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  line-height: 1.2;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.search-history-key.focus {
  background: rgba(221, 221, 221, 0.3);
}
.search-history-key + div {
  margin-left: 5px;
}
@media screen and (max-width: 580px) {
  .search-history-key {
    font-size: 0.8em;
  }
}

.search-history-empty {
  font-size: 1.3em;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.4;
}

.search-looking {
  padding-left: 1.5em;
}
.search-looking__text {
  margin-top: 3.3em;
  font-size: 1.3em;
  color: rgb(255, 255, 255);
  line-height: 1.6;
  max-width: 50%;
}
@media screen and (max-width: 580px) {
  .search-looking__text {
    max-width: 100%;
  }
}

.search-source {
  font-size: 1.3em;
  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;
  padding: 0.2em 0.8em;
  background: rgba(221, 221, 221, 0.06);
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  opacity: 0.5;
}
.search-source__tab {
  padding: 0.4em 0 0.5em;
  white-space: nowrap;
}
.search-source__count {
  background-color: rgba(0, 0, 0, 0.6);
  margin-left: 0.5em;
  -webkit-border-radius: 5em;
          border-radius: 5em;
  font-size: 0.8em;
  padding: 0.1em 0.2em 0.2em;
  min-width: 1.3em;
  text-align: center;
  font-weight: 700;
  color: #fff;
}
.search-source--loading .search-source__count {
  background-image: url(../img/loader.svg);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: 1.2em 1.2em;
          background-size: 1.2em;
}
.search-source.active {
  opacity: 1;
  background-color: #fff;
  color: #000;
}
.search-source.focus {
  background: rgba(221, 221, 221, 0.3);
  opacity: 1;
  -webkit-box-shadow: inset 0 0 0 0.15em #fff;
          box-shadow: inset 0 0 0 0.15em #fff;
  color: #fff;
}
.search-source + .search-source {
  margin-left: 0.6em;
}

body.touch-device .search .hg-button {
  min-width: 1em;
}
body.touch-device .search .search__results .scroll__content {
  padding-top: 0.5em;
}

body.true--mobile .search .simple-keyboard input {
  background-color: rgba(221, 221, 221, 0.06);
  -webkit-border-radius: 0.5em;
          border-radius: 0.5em;
  padding-left: 1.3em;
  height: 2.7em;
}
body.true--mobile .search .search-history-key,
body.true--mobile .search .search-source:not(.active) {
  background: transparent;
}

.simple-keyboard {
  background: transparent;
  padding: 0;
  padding: 10px;
  font-family: inherit;
  color: #9e9e9e;
  border: 5px solid rgba(90, 90, 90, 0.4117647059);
  -webkit-border-radius: 8px;
          border-radius: 8px;
  max-width: 1300px;
  margin: 0 auto;
}
.simple-keyboard .hg-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.simple-keyboard .hg-row .hg-button-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.simple-keyboard .hg-layout-numeric .hg-button {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.simple-keyboard .hg-button {
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  font-size: 2em;
  height: auto;
  width: auto;
  line-height: 1.2;
  background: rgba(68, 68, 68, 0.356);
  color: #ffffff;
}
.simple-keyboard .hg-button.hg-activeButton, .simple-keyboard .hg-button.focus, .simple-keyboard .hg-button:hover {
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, rgb(55, 145, 133)), to(rgb(60, 106, 133)));
  background: -webkit-linear-gradient(left, rgb(55, 145, 133) 1%, rgb(60, 106, 133) 100%);
  background: -o-linear-gradient(left, rgb(55, 145, 133) 1%, rgb(60, 106, 133) 100%);
  background: linear-gradient(to right, rgb(55, 145, 133) 1%, rgb(60, 106, 133) 100%);
  color: #ffffff;
}
@media screen and (max-width: 580px) {
  .simple-keyboard .hg-button {
    font-size: 1.5em;
    padding: 5px 0;
  }
}
.simple-keyboard .hg-button[data-skbtn="{BKSP}"]:after,
.simple-keyboard .hg-button[data-skbtn="{ENTER}"]:after,
.simple-keyboard .hg-button[data-skbtn="{SHIFT}"]:after,
.simple-keyboard .hg-button[data-skbtn="{LANG}"]:after,
.simple-keyboard .hg-button[data-skbtn="{SPACE}"]:after {
  content: "";
  display: block;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  height: 1em;
  width: 1em;
}
.simple-keyboard .hg-button[data-skbtn="{BKSP}"]:after {
  background-image: url(../img/icons/keyboard/bksp.svg);
}
.simple-keyboard .hg-button[data-skbtn="{SIM}"]:after {
  background-image: url(../img/icons/keyboard/sym.svg);
  width: 1.2em;
}
.simple-keyboard .hg-button[data-skbtn="{ENTER}"]:after {
  background-image: url(../img/icons/keyboard/enter.svg);
}
.simple-keyboard .hg-button[data-skbtn="{SHIFT}"]:after {
  background-image: url(../img/icons/keyboard/up.svg);
  -webkit-background-size: 80% 80%;
          background-size: 80%;
}
.simple-keyboard .hg-button[data-skbtn="{SPACE}"]:after {
  background-image: url(../img/icons/keyboard/space.svg);
  width: 1.4em;
  margin-top: 0.4em;
  height: 0.6em;
}
.simple-keyboard .hg-button[data-skbtn="{LANG}"]:after {
  background-image: url(../img/icons/keyboard/lang.svg);
  width: 0.9em;
}
.simple-keyboard .hg-button[data-skbtn="{BKSP}"] span,
.simple-keyboard .hg-button[data-skbtn="{ENTER}"] span,
.simple-keyboard .hg-button[data-skbtn="{SHIFT}"] span,
.simple-keyboard .hg-button[data-skbtn="{LANG}"] span,
.simple-keyboard .hg-button[data-skbtn="{SPACE}"] span {
  width: 0;
  height: 0;
  display: block;
}
.simple-keyboard[shifted=true] .hg-button[data-skbtn="{SHIFT}"] {
  -webkit-transform: scaleY(-1);
      -ms-transform: scaleY(-1);
       -o-transform: scaleY(-1);
          transform: scaleY(-1);
}
.simple-keyboard .hg-button[data-skbtn="{MIC}"] {
  color: #fff;
}
.simple-keyboard .hg-button[data-skbtn="{MIC}"] svg {
  width: 0.9em;
  height: 1em;
}
.simple-keyboard .hg-button svg {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.simple-keyboard-input {
  background-color: transparent;
  font-size: 1.6em;
  height: 2.1em;
  width: 100%;
  border: 0;
  padding: 0;
  color: #fff;
}
.simple-keyboard-input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.simple-keyboard-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.simple-keyboard-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.simple-keyboard-input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.simple-keyboard-input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 480px) {
  .simple-keyboard-input {
    font-size: 1.3em;
  }
}
.simple-keyboard-buttons {
  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;
  padding-top: 1.5em;
  font-size: 1.1em;
}
.simple-keyboard-buttons > div + div {
  margin-left: 1em;
}
.simple-keyboard-buttons__enter {
  font-size: 1.2em;
  padding: 0.7em;
  background: rgba(255, 255, 255, 0.12);
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  color: #fff;
}
.simple-keyboard-buttons__cancel {
  padding: 0.7em;
  font-size: 1.2em;
}
.simple-keyboard-mic {
  width: 2.8em;
  height: 2.8em;
  margin-right: 1em;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-border-radius: 100%;
          border-radius: 100%;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.simple-keyboard-mic > svg {
  width: 1.7em;
  height: 1.7em;
}
.simple-keyboard-mic.focus {
  background: #ffffff;
  color: #0e0e0e;
}
.simple-keyboard-mic.record {
  background: #ffffff;
  color: red;
}
.simple-keyboard--with-mic {
  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;
}
.simple-keyboard--with-textarea {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.simple-keyboard--with-textarea .simple-keyboard-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  resize: none;
  overflow-y: hidden;
  line-height: 1.4;
  border: 1px solid rgba(221, 221, 221, 0.21);
  -webkit-border-radius: 0.3em;
          border-radius: 0.3em;
  padding: 0.2em 0.4em;
}

body.true--mobile .simple-keyboard--with-mic {
  position: relative;
}
body.true--mobile .simple-keyboard--with-mic .simple-keyboard-buttons {
  position: absolute;
  top: 100%;
}

body.platform--orsay .torrnet-folder-name::before,
body.platform--netcast .torrnet-folder-name::before {
  display: none;
}
body.platform--orsay .torrent-item__ffprobe > div::before,
body.platform--netcast .torrent-item__ffprobe > div::before {
  display: none;
}

.search-box {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  z-index: 50;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 1.5em;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.search-box .search__input {
  padding-left: 0;
  width: 50%;
}
.search-box .search__input.filled::after {
  content: "";
  display: inline-block;
  border-right: 0.15em solid #fff;
  height: 1em;
  margin: -1em 0;
  margin-left: 0.1em;
  -webkit-animation: animation-search-input-line 0.8s infinite;
       -o-animation: animation-search-input-line 0.8s infinite;
          animation: animation-search-input-line 0.8s infinite;
}
@media screen and (max-width: 767px) {
  .search-box .search__input {
    width: 100%;
  }
}
.search-box__keypad {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .search-box__keypad {
    width: 100%;
  }
}
.search-box--focus {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

body.system--keyboard .search-box .simple-keyboard-input {
  border-bottom: 2px solid rgba(255, 255, 255, 0.15);
}

.screensaver-layer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  display: none;
}

.screensaver {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 10000;
  background-color: #000;
  top: 0;
  left: 0;
}
.screensaver__video {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.screensaver__video-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  background-color: #000;
}
.screensaver__title {
  position: fixed;
  bottom: 10%;
  z-index: 3;
  left: 5%;
  width: 50%;
  text-shadow: 2px 2px 2px #000;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.screensaver__title.visible {
  opacity: 0.5;
}
.screensaver__title-name {
  font-size: 3em;
  font-weight: 300;
  margin-bottom: 0.25em;
}
.screensaver__title-tagline {
  font-weight: 300;
  font-size: 1.5em;
}
.screensaver__preload {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  background: url(../img/loader.svg) no-repeat 50% 50%;
}
.screensaver__slides > img {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
  opacity: 0;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
       -o-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.screensaver__slides > img.visible {
  opacity: 1;
}
.screensaver__slides > img.lt {
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
       -o-transform-origin: 0 0;
          transform-origin: 0 0;
}
.screensaver__slides > img.rt {
  -webkit-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
       -o-transform-origin: 100% 0;
          transform-origin: 100% 0;
}
.screensaver__slides > img.br {
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
       -o-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
.screensaver__slides > img.lb {
  -webkit-transform-origin: 0 100%;
      -ms-transform-origin: 0 100%;
       -o-transform-origin: 0 100%;
          transform-origin: 0 100%;
}
.screensaver__slides > img.ct {
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
       -o-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.screensaver__slides > img.animate {
  -webkit-animation: screensaver-slide-animate 45s linear;
       -o-animation: screensaver-slide-animate 45s linear;
          animation: screensaver-slide-animate 45s linear;
}
.screensaver__gradient {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 45%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(1%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.75) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.75) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.75) 100%);
  z-index: 2;
}
.screensaver__datetime {
  position: fixed;
  z-index: 3;
  width: 50%;
  text-shadow: 2px 2px 2px #000;
  opacity: 0.5;
  -webkit-transition: opacity 0.5s, top 0.5s, right 0.5s, bottom 0.5s, left 0.5s;
  -o-transition: opacity 0.5s, top 0.5s, right 0.5s, bottom 0.5s, left 0.5s;
  transition: opacity 0.5s, top 0.5s, right 0.5s, bottom 0.5s, left 0.5s;
}
.screensaver__datetime-time {
  font-size: 3em;
  font-weight: 300;
  margin-bottom: 0.25em;
}
.screensaver__datetime-date {
  font-weight: 300;
  font-size: 1.5em;
}
.screensaver-chrome {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
}
.screensaver-chrome__iframe {
  position: fixed;
  border: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.screensaver-chrome__overlay {
  position: fixed;
  border: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

@-webkit-keyframes screensaver-slide-animate {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}

@-o-keyframes screensaver-slide-animate {
  from {
    -o-transform: scale(1);
       transform: scale(1);
  }
  to {
    -o-transform: scale(1.2);
       transform: scale(1.2);
  }
}

@keyframes screensaver-slide-animate {
  from {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }
}