@font-face {
  font-family: Inter;
  src: url("../fonts/Inter-Regular.woff");
}
html,
body {
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 1.2;
}
body {
  padding: 0;
  margin: 0;
  -webkit-transition: padding 0.1s ease-out, opacity 0.25s ease-out;
  transition: padding 0.1s ease-out, opacity 0.25s ease-out;
  background: white;
  color: #333;
}
body.loading {
  opacity: 0;
}
body.dark {
  background: #333333;
  color: white;
}
body.cs .en {
  display: none !important;
}
body.en .cs {
  display: none !important;
}
@media (min-width: 650px) {
  nav .wrapper,
  footer .wrapper,
  .content {
    max-width: 1000px;
  }
  footer .wrapper,
  .content,
  .image-container,
  #logo {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 2.14285714rem 2.14285714rem;
  }
  nav .wrapper,
  aside.actions {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 1.79285714rem 1.94285714rem;
  }
  .content {
    margin-top: 6.44285714rem;
    min-height: calc(100vh -  6.44285714rem );
  }
}
@media (min-width: 650px) and (min-width: 1000px) and (max-width: 1175px) {
  .content:not(.info) {
    max-width: calc(100% -  175px );
  }
}
@media (max-width: 649px) {
  footer .wrapper,
  .content,
  .image-container,
  #logo {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 1.42857143rem 1.42857143rem;
  }
  nav .wrapper,
  aside.actions {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 1.07857143rem 1.22857143rem;
  }
  nav.info .wrapper {
    padding-bottom: 0.71428571rem;
  }
  .content {
    margin-top: 5.05714286rem;
    min-height: calc(100vh -  5.05714286rem );
  }
  .screening .cell {
    margin-right: 1.42857143rem !important;
  }
  .screening .extra {
    display: none;
  }
}
.content {
  position: relative;
  padding-bottom: 10rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 650px) {
  .content {
    font-size: 1.71428571em;
  }
}
.content > .info {
  line-height: 1.35;
}
body.wtf .content > .info {
  display: none;
}
.content > .info > * {
  display: none;
}
.content > .info > .common {
  display: block;
}
body.aero .content > .info > .aero {
  display: block;
}
body.aero .content > .info > .common {
  display: none;
}
body.biooko .content > .info > .biooko {
  display: block;
}
body.biooko .content > .info > .common {
  display: none;
}
body.svetozor .content > .info > .svetozor {
  display: block;
}
body.svetozor .content > .info > .common {
  display: none;
}
body.pritomnost .content > .info > .pritomnost {
  display: block;
}
body.pritomnost .content > .info > .common {
  display: none;
}
.content > .info a {
  color: #2f91fc;
}
body.aero .content > .info a {
  color: #00c800;
}
body.biooko .content > .info a {
  color: #ffbc00;
}
body.svetozor .content > .info a {
  color: #ff323c;
}
body.pritomnost .content > .info a {
  color: #DAA520;
}
@media (min-width: 650px) {
  .content > .info {
    padding-bottom: 4rem;
    max-width: 15em;
    padding-left: 4.28571429rem;
    padding-top: 2rem;
  }
  .content > .info.optional {
    opacity: 0;
  }
}
@media (min-width: 650px) and (min-height: 465px) {
  .content > .info {
    font-size: 5.1613vh;
    padding-bottom: 12.3vh;
  }
}
@media (min-width: 650px) and (min-height: 695px) {
  .content > .info {
    font-size: 2.57142857rem;
  }
}
@media (min-width: 650px) and (min-height: 900px) {
  .content > .info {
    padding-bottom: 8rem;
  }
}
@media (max-width: 649px) {
  .content > .info {
    font-size: 1.71428571rem;
    padding-top: 0;
    padding-bottom: 2.85714286rem;
  }
  .content > .info br {
    display: none;
  }
  .content > .info.optional {
    display: none;
  }
}
.content > .info p:first-child {
  margin-top: 0;
}
.content > .info p:last-child {
  margin-bottom: 0;
}
.content > .info textarea {
  resize: none;
}
.content > .detail {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0;
  margin-bottom: 4.2rem;
}
@media (min-width: 650px) {
  .content > .detail {
    margin-left: 4.2rem;
    max-width: 575px;
  }
}
.content > .detail h2 {
  margin: 0;
}
@media (max-width: 649px) {
  .content > .detail h2 {
    font-size: 1.71428571rem;
  }
}
.content.info {
  font-size: 1em;
}
@media (min-width: 650px) {
  .content.info {
    margin-left: 4.34285714rem;
  }
}
.content.info > .nav {
  font-size: 1.71428571em;
  margin: 2.5rem 0 4.5rem;
}
.content.info > .nav a {
  color: #C4C4C4;
  text-decoration: none;
  margin-right: 2.5rem;
}
@media (max-width: 768px) {
  .content.info > .nav a {
    display: block;
  }
}
.content.info > .nav a.active {
  color: #333;
}
@media (min-width: 650px) {
  .content.info > .nav a:hover {
    color: #333;
  }
}
body.dark .content.info > .nav a {
  color: #787878;
}
body.dark .content.info > .nav a.active {
  color: white;
}
@media (min-width: 650px) {
  body.dark .content.info > .nav a:hover {
    color: white;
  }
}
@media (max-width: 649px) {
  .content.info > .nav a {
    line-height: 1.4;
  }
}
.content.info h2 {
  font-size: 1.71428571em;
  padding: 0.78571429rem 0 0.64285714rem;
  line-height: 1.3;
  margin: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.content.info h3 {
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.content.info h3,
.content.info p {
  margin: 1.3rem 0;
  line-height: 1.3;
}
.content.info section {
  border-bottom: 1px solid #E0E0E0;
}
.content.info section.single {
  border: none;
}
.content.info section a {
  text-decoration: underline;
}
@media (min-width: 650px) {
  .content.info section a:hover {
    text-decoration: none;
  }
}
.content.info section .body {
  margin-top: -1em;
}
.content.info section .gallery {
  margin: 1.3rem 0;
  width: 100%;
}
.content.info section .gallery .flickity-viewport {
  border-radius: 0.35714286rem;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  background: #E0E0E0;
  height: 0;
  padding-top: 66.66%;
  position: relative;
}
.content.info section .gallery .flickity-slider {
  top: 0;
}
.content.info section .gallery img {
  width: 100%;
  height: auto;
}
@supports ((-o-object-fit: contain) or (object-fit: contain)) {
  .content.info section .gallery img {
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .content.info section .gallery img.landscape {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.content.info section .gallery .ui {
  position: absolute;
  left: 0.85714286rem;
  bottom: 0.85714286rem;
  line-height: 2.14285714rem;
  border-radius: 1.07142857rem;
  font-size: 0.78571429rem;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: white;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid black;
}
.content.info section .gallery .ui > * {
  display: inline-block;
}
.content.info section .gallery .ui .counter {
  font-variant-numeric: tabular-nums;
  padding: 0 0.25em;
}
.content.info section .gallery .ui .prev,
.content.info section .gallery .ui .next {
  cursor: pointer;
  padding: 0 0.85em;
}
.content.info section.collapsed .body {
  display: none;
}
@media (min-width: 650px) {
  .content.info section .body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .content.info section .column {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-right: 2em;
  }
}
.content p {
  margin: 1rem 0;
}
@media (min-width: 650px) {
  .content .wtf {
    padding-left: 4.2rem;
  }
}
.content .wtf img {
  position: fixed;
  bottom: 0;
  max-width: 90%;
}
@media (max-width: 649px) {
  .content .wtf img {
    left: 0;
  }
}
@media (min-width: 650px) {
  .content .wtf img {
    left: 4.2rem;
  }
}
footer {
  position: relative;
  background: #333;
  color: white;
}
body.dark footer {
  background: #2A2A2A;
}
@media (min-width: 650px) {
  footer {
    font-size: 1.71428571em;
    padding-bottom: 2.14285714rem;
  }
  body.selection footer,
  body.authenticated footer {
    padding-bottom: 5.92857143rem;
  }
}
@media (max-width: 649px) {
  footer {
    padding-bottom: 1.42857143rem;
  }
  body.selection footer,
  body.authenticated footer {
    padding-bottom: 4.67857143rem;
  }
}
footer .screening .date {
  opacity: 1 !important;
}
footer .screening .row > *.movie a span {
  border-color: white;
}
footer .screening .row > *.price.btn {
  background: rgba(0, 0, 0, 0.5) !important;
}
footer .wrapper.empty {
  display: none;
}
footer > .wrapper:not(.empty) + .wrapper {
  padding-top: 3em;
}
footer .detail .nav a:hover,
footer .detail .nav a.active {
  color: white;
}
footer .end {
  font-size: 1rem;
  padding-bottom: 0;
}
@media (min-width: 650px) {
  footer .end {
    margin-left: 4.5em;
  }
}
footer .end p:first-child {
  margin-top: 0;
}
footer .end > .cs a,
footer .end > .en a {
  text-decoration: underline;
}
@media (min-width: 650px) {
  footer .end > .cs a:hover,
  footer .end > .en a:hover {
    text-decoration: none;
  }
}
footer .end > .nav {
  margin: 0.75rem 0 2.5rem;
}
footer .end > .nav a {
  color: #999999;
  text-decoration: none;
  margin-right: 2.5rem;
}
@media (max-width: 350px) {
  footer .end > .nav a {
    margin-right: 7.25vw;
  }
}
footer .end > .nav a.active {
  color: white;
}
@media (min-width: 650px) {
  footer .end > .nav a:hover {
    color: white;
  }
}
@media (min-width: 650px) {
  footer .end .column {
    width: 50%;
    float: left;
  }
  footer .end .column.short {
    max-width: 13em;
  }
}
footer .end .column + :not(.column) {
  clear: left;
}
footer .end div[data-cinema] {
  display: none;
}
footer .end .goodbye {
  padding-top: 0.75rem;
  clear: both;
}
@media (min-width: 650px) {
  footer .end .goodbye {
    font-size: 2.57142857rem;
  }
}
@media (max-width: 649px) {
  footer .end .goodbye {
    font-size: 1.71428571rem;
  }
}
footer .end p {
  line-height: 1.32;
  margin: 1.32em 0;
  margin-right: 1rem;
  max-width: 550px;
}
nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #f8f8f8;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
  -webkit-overflow-scrolling: touch;
  z-index: 4;
}
body.dark nav {
  background: #2A2A2A;
}
.backdrop-support nav {
  background: rgba(245, 245, 245, 0.75);
  -webkit-backdrop-filter: blur(40px);
          backdrop-filter: blur(40px);
}
nav .label {
  margin-top: 0.4rem !important;
  text-transform: uppercase;
  font-size: 0.78571429rem;
  letter-spacing: 0.25em;
  line-height: 2.7;
}
nav .btn .text {
  text-transform: uppercase;
  font-size: 0.78571429rem;
  letter-spacing: 0.2em;
  margin-right: -0.2em;
}
@media (max-width: 349px) {
  nav .label {
    margin-right: 1.2vw !important;
  }
}
@media (min-width: 350px) {
  nav .label {
    margin-right: 0.67142857rem !important;
  }
}
nav:not(.collapsed) .last {
  margin-right: 0.67142857rem !important;
}
@media (min-width: 650px) {
  nav:not(.collapsed) .very.last {
    margin-right: 1.94285714rem !important;
  }
}
@media (max-width: 649px) {
  nav:not(.collapsed) .very.last {
    margin-right: 0.2rem !important;
  }
}
nav:not(.collapsed) .expand {
  display: none;
}
@media (max-width: 649px) {
  nav:not(.collapsed) .collapse {
    position: -webkit-sticky;
    position: sticky;
    top: 1.42857143rem;
  }
}
nav:not(.collapsed) .collapse .checkmark {
  display: none;
}
nav:not(.collapsed) .collapse .text {
  display: inline-block;
}
nav:not(.collapsed) .collapse.checked {
  background: #33ff33 !important;
}
nav:not(.collapsed) .collapse.checked .checkmark {
  display: block;
}
nav:not(.collapsed) .collapse.checked .text {
  display: none;
}
@media (min-width: 650px) {
  nav:not(.collapsed) .collapse.checked {
    background: rgba(51, 255, 51, 0.5) !important;
  }
  nav:not(.collapsed) .collapse.checked:hover {
    background: #33ff33 !important;
  }
}
@media (max-width: 649px) {
  nav:not(.collapsed) .nowrap {
    min-width: 1px;
    min-height: 40px;
  }
}
.editable nav:not(.collapsed) .nowrap.edit .label {
  display: block !important;
}
.editable nav:not(.collapsed) .br.edit {
  display: block !important;
}
.editable nav:not(.collapsed) .btn.edit {
  display: block !important;
}
nav.collapsed .last-active {
  margin-right: 1.94285714rem !important;
}
nav.collapsed .collapse {
  display: none;
}
@media (min-width: 650px) {
  nav.collapsed .br {
    display: none;
  }
  nav.collapsed .btn.active.toggle:not(.disabled):not(.permanent):hover {
    -webkit-animation-duration: 0.25s;
            animation-duration: 0.25s;
    -webkit-animation-name: shiver;
            animation-name: shiver;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
}
nav:not(.program) .btn.rest,
nav.collapsed .btn.rest {
  display: none !important;
}
@media (max-width: 649px) {
  nav .group.vertical {
    position: absolute;
  }
  nav .group.vertical + .group {
    width: 100%;
  }
  nav .group.vertical + .group > *:first-child {
    margin-left: 3.42857143rem;
  }
  nav.program:not(.collapsed) .group {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  nav.program:not(.collapsed) .nowrap {
    position: relative;
    margin-top: 0.95rem !important;
    padding-top: 1rem;
  }
  nav.program:not(.collapsed) .nowrap .label {
    top: 0;
    position: absolute;
    line-height: 1.2;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
nav.program.collapsed .label {
  display: none;
}
nav.program.collapsed .abbrv {
  display: none;
}
@media (max-width: 649px) {
  nav.program.collapsed .btn.toggle {
    display: none;
  }
}
@media (min-width: 650px) {
  nav.program.collapsed .btn.toggle:not(.active):not(.permanent) {
    display: none;
  }
}
nav.info .label {
  display: none;
}
nav:not(.info):not(.program) {
  display: none;
}
nav.program .eliminated {
  display: none !important;
  /*
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 0;
		overflow: hidden;
		opacity: 0;
		//> * { visibility: hidden; }
		*/
}
nav.program .info {
  display: none;
}
nav.info .program {
  display: none !important;
}
body.dark nav .btn.dark svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
aside.actions {
  position: fixed;
  z-index: 6;
  left: 0;
  bottom: 0;
  width: 100%;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
aside.actions .spacer {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
aside.actions button,
aside.actions .btn {
  display: none;
  pointer-events: all;
}
@-webkit-keyframes flash-green {
  20% {
    background: #33ff33;
  }
  to {
    background: black;
  }
}
@keyframes flash-green {
  20% {
    background: #33ff33;
  }
  to {
    background: black;
  }
}
@-webkit-keyframes flash-red {
  20% {
    background: #ff4332;
  }
  to {
    background: black;
  }
}
@keyframes flash-red {
  20% {
    background: #ff4332;
  }
  to {
    background: black;
  }
}
nav .wrapper,
aside.actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
nav .wrapper .group,
aside.actions .group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
nav .wrapper .group .spacer,
aside.actions .group .spacer {
  display: none;
}
nav .wrapper .group .br,
aside.actions .group .br {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin: 0;
  height: 0;
}
@media (max-width: 649px) {
  nav .wrapper .group > *,
  aside.actions .group > * {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  nav .wrapper .group > *.left,
  aside.actions .group > *.left {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  nav .wrapper .group > *.right,
  aside.actions .group > *.right {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-right: 0.2rem !important;
  }
  nav .wrapper .group .spacer,
  aside.actions .group .spacer {
    display: block;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  nav .wrapper .group .br,
  aside.actions .group .br {
    display: block;
  }
}
nav .wrapper .group.vertical,
aside.actions .group.vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-preferred-size: 3em;
      flex-basis: 3em;
}
@media (min-width: 650px) {
  nav .wrapper .group.vertical,
  aside.actions .group.vertical {
    padding-right: 1.74285714rem;
  }
}
@media (max-width: 649px) {
  nav .wrapper .group.vertical,
  aside.actions .group.vertical {
    padding-right: 1.02857143rem;
  }
}
nav .wrapper .group.stacking,
aside.actions .group.stacking {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (min-width: 650px) {
  nav .wrapper .group > *,
  aside.actions .group > *,
  nav .wrapper .group > .nowrap > *,
  aside.actions .group > .nowrap > * {
    margin: 0.35rem 0.2rem;
  }
}
@media (max-width: 649px) {
  nav .wrapper .group > *,
  aside.actions .group > *,
  nav .wrapper .group > .nowrap > *,
  aside.actions .group > .nowrap > * {
    margin: 0.35rem 0.2rem;
  }
}
nav .wrapper .group > .nowrap,
aside.actions .group > .nowrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
}
.selection .actions .selection:not(.edit) {
  display: block;
}
body.editable .actions .action:not(.edit) {
  display: none;
}
.editable.selection .actions .edit.selection {
  display: block;
}
.authenticated .actions .edit:not(.selection) {
  display: block;
}
body:not(.selection):not(.authenticated) .actions {
  display: none;
}
a,
label {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media (max-width: 649px) {
  aside.actions {
    pointer-events: all;
  }
}
h1,
h2,
h3 {
  font-size: 1em;
  font-weight: normal;
  margin: 1rem 0;
}
a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: color ease-in-out 0.1s;
  transition: color ease-in-out 0.1s;
}
a.active {
  color: #2f91fc;
}
body.aero a.active {
  color: #00c800;
}
body.biooko a.active {
  color: #ffbc00;
}
body.svetozor a.active {
  color: #ff323c;
}
body.pritomnost a.active {
  color: #DAA520;
}
@media (min-width: 650px) {
  a:active,
  a:hover {
    color: #2f91fc;
  }
  body.aero a:active,
  body.aero a:hover {
    color: #00c800;
  }
  body.biooko a:active,
  body.biooko a:hover {
    color: #ffbc00;
  }
  body.svetozor a:active,
  body.svetozor a:hover {
    color: #ff323c;
  }
  body.pritomnost a:active,
  body.pritomnost a:hover {
    color: #DAA520;
  }
}
* {
  -webkit-tap-highlight-color: transparent;
}
ul.flat {
  padding: 0;
  list-style: none;
}
ul.flat li {
  display: inline-block;
  margin-right: 0.5em;
}
ul.flat li:last-child {
  margin-right: 0;
}
.screening {
  line-height: 1.2;
  -webkit-transition: opacity ease-in-out 0.1s;
  transition: opacity ease-in-out 0.1s;
}
.screening .input.date .back {
  letter-spacing: -0.06em;
}
.screening .input.time .back {
  letter-spacing: -0.06em;
}
.screening .input.date .front {
  letter-spacing: 0.035em;
}
.screening .input.time .front {
  letter-spacing: 0.1em;
}
.screening .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-variant-numeric: tabular-nums;
}
.screening .row input {
  font-variant-numeric: tabular-nums;
}
@media (min-width: 650px) {
  .screening .row a.price.btn:hover {
    color: white;
    background: black;
  }
  body.dark .screening .row a.price.btn:hover {
    background: #2f91fc;
  }
  body.dark.aero .screening .row a.price.btn:hover {
    background: #00c800;
  }
  body.dark.biooko .screening .row a.price.btn:hover {
    background: #ffbc00;
  }
  body.dark.svetozor .screening .row a.price.btn:hover {
    background: #ff323c;
  }
  body.dark.pritomnost .screening .row a.price.btn:hover {
    background: #DAA520;
  }
}
.screening .row > * {
  margin-right: 2.14285714rem;
}
.screening .row > *:not(.movie) {
  letter-spacing: 0.1em;
}
.screening .row > *:not(.movie) input {
  letter-spacing: 0.1em;
}
.screening .row > *.movie {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.screening .row > *.movie a {
  display: block;
}
.screening .row > *.movie a span {
  -webkit-transition: border ease-in-out 0.1s;
  transition: border ease-in-out 0.1s;
  border-bottom: 1px solid #333;
}
body.dark .screening .row > *.movie a span {
  border-color: white;
}
.screening .row > *.cinema {
  width: 0.75em;
}
.screening .row > *.spacer {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
}
.screening .row > *.br {
  display: none;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.screening .row > *.date {
  white-space: nowrap;
  width: 4.9em;
  -webkit-transition: opacity ease-in-out 0.1s;
  transition: opacity ease-in-out 0.1s;
}
body.en .screening .row > *.date {
  width: 5.9em;
}
.screening .row > *.date:hover {
  opacity: 1 !important;
}
body.en .screening .row > *.date .day {
  min-width: 2.25em;
  display: inline-block;
}
.screening .row > *.time {
  white-space: nowrap;
  width: 3.25em;
}
.screening .row > *.price {
  margin-right: 0;
}
.screening .row > *.price.btn {
  font-size: 0.78571429rem;
  line-height: 1.4;
  border-color: transparent;
  color: inherit;
  background: rgba(0, 0, 0, 0.05);
  min-width: 6.9rem;
  text-align: center;
}
body.dark .screening .row > *.price.btn {
  background: rgba(0, 0, 0, 0.5);
}
.screening .row > *.price.btn.edit {
  width: 6.9rem;
  cursor: default;
  padding: 0;
  overflow: hidden;
  background: transparent;
}
.screening .row > *.price.btn[data-state="error"],
.screening .row > *.price.btn[data-state="empty"] {
  border-color: #ff4332;
}
.screening .row > *.price.btn[data-state="error"] .front:focus,
.screening .row > *.price.btn[data-state="empty"] .front:focus {
  background: rgba(255, 67, 50, 0.2);
}
.screening .row > *.price.btn[data-state="valid"] {
  border-color: #33ff33;
}
.screening .row > *.price.btn[data-state="valid"] .front:focus {
  background: rgba(51, 255, 51, 0.2);
}
.screening .row > *.price.btn input {
  text-transform: uppercase;
}
.screening .row > *.price .cs,
.screening .row > *.price .en {
  text-transform: uppercase;
}
.screening .row > *.price .label {
  display: none;
}
.screening .row > *.price[href]:hover .label {
  display: block;
}
.screening .row > *.price[href]:hover .amount {
  display: none;
}
.screening .row > *.title {
  position: absolute;
  top: 1.22rem;
  right: -1.42857143rem;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  margin: 0;
  color: #b3b3b3;
  font-size: 0.78571429rem;
  line-height: 1.2;
}
body.dark .screening .row > *.title {
  color: #787878;
}
.screening .row > *.title,
.screening .row > *.title input {
  text-transform: uppercase;
}
body:not(.editable) .screening .row > *.title {
  pointer-events: none;
}
@media (max-width: 999px) {
  body:not(.editable) .screening .row > *.title {
    display: none !important;
  }
}
@media (max-width: 999px) {
  body.editable .screening .row > *.title {
    visibility: hidden;
  }
}
.screening .row > *.title input.front {
  color: #333;
}
body.dark .screening .row > *.title input.front {
  color: white;
}
.screening .row > *.title .input:not(.empty) {
  border-bottom: 1px solid transparent;
}
@media (min-width: 650px) {
  .screening .checkbox.btn:hover {
    background: transparent;
  }
  body.dark .screening .row:not(.selected) .checkbox.btn:hover {
    background: transparent !important;
  }
  .screening .main.row,
  .screening .simple.row,
  .screening .editor.row > .checkbox.btn {
    cursor: pointer;
  }
  .screening .invalid.editor.row:not(.main) > .checkbox.btn:hover,
  .screening .invalid.editor.row:not(.main) > .checkbox.btn.no-hover {
    border-color: #ff4332;
    color: #ff4332;
  }
  .screening .row {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 0.71428571rem 0;
    position: relative;
  }
  .screening .row > * {
    line-height: 2.14285714rem;
  }
  .screening .row > .movie a {
    margin: -0.71rem 0;
    padding: 0.71rem 0;
  }
  .screening .row > .movie a:hover span {
    border-color: transparent !important;
  }
  .screening .detail .row {
    padding: 0.53571429rem 0;
  }
  .screening.open .main.row {
    position: -webkit-sticky;
    position: sticky;
    top: 6.35rem;
    background: white;
    z-index: 2;
    /*
			.backdrop-support & {
				background: rgba(255, 255, 255, 0.75);
				backdrop-filter: blur(40px);
				padding-right: ~"calc(100vw - 100% - " @padding ~")";
				margin-right: ~"calc(100% - 100vw + " @padding ~")";
			}

			.backdrop-support footer & {
				background: rgba(51, 51, 51, 0.75);
			}
			*/
  }
  footer .screening.open .main.row {
    background: #333;
  }
  body.dark .screening.open .main.row {
    background: #333;
  }
  body.dark footer .screening.open .main.row {
    background: #2A2A2A;
  }
  .screening.open .main.row > .price[href] .label {
    display: block;
  }
  .screening.open .main.row > .price[href] .amount {
    display: none;
  }
  .screening.open .main.row > .price[href]:hover .label {
    display: none;
  }
  .screening.open .main.row > .price[href]:hover .amount {
    display: block;
  }
}
@media (max-width: 649px) {
  .screening {
    margin-left: -1.42857143rem;
    margin-right: -1.42857143rem;
    padding-left: 1.42857143rem;
    padding-right: 1.42857143rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    position: relative;
  }
  .screening .row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: 3.42857143rem;
    margin-right: 5.67857143rem;
  }
  .screening .row > * {
    margin: 0.03rem 1rem 0.03rem 0;
  }
  .screening .row > *.br {
    display: block;
  }
  .screening .row > *.cinema {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .screening .row > *.movie {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    line-height: 1.45rem;
    margin-top: -0.1rem;
    margin-bottom: -0.15rem;
  }
  .screening .row > *.price {
    -ms-flex-preferred-size: 15%;
        flex-basis: 15%;
    margin-right: 0 !important;
    text-align: right;
    letter-spacing: 0;
    position: absolute;
    top: 1.15rem;
    right: 1.42857143rem;
  }
  .screening .row > *.checkbox {
    position: absolute;
    top: 1.15rem;
    left: 1.42857143rem;
  }
  .content .screening.open {
    background: #F7F7F7;
  }
  body.dark .content .screening.open {
    background: #2A2A2A;
  }
}
@media (max-width: 649px) and (max-width: 320px) {
  .screening .row > * {
    margin-right: 0.5rem;
  }
}
@media (max-width: 649px) and (min-width: 321px) {
  .screening .detail .right {
    margin-left: 3.42857143rem;
  }
}
.screening.open .row .movie a {
  color: #2f91fc;
}
body.aero .screening.open .row .movie a {
  color: #00c800;
}
body.biooko .screening.open .row .movie a {
  color: #ffbc00;
}
body.svetozor .screening.open .row .movie a {
  color: #ff323c;
}
body.pritomnost .screening.open .row .movie a {
  color: #DAA520;
}
.screening.open .row .movie a span {
  border-color: transparent !important;
}
.editable .screening.new .main.row {
  color: #ff4332;
}
@media (min-width: 650px) {
  .screening .date {
    opacity: 0;
  }
}
.screening.open,
.screening:hover {
  opacity: 1 !important;
}
@media (min-width: 650px) {
  header + .screening .date {
    opacity: 1 !important;
  }
}
.detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media (min-width: 650px) {
  .detail {
    margin-top: -1rem;
  }
}
.detail .nav {
  font-size: 0.78571429rem;
}
.detail .nav a {
  margin-right: 2em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #C4C4C4;
}
.detail .nav a.active {
  color: #333;
}
@media (min-width: 650px) {
  .detail .nav a:hover {
    color: #333;
  }
}
body.dark .detail .nav a {
  color: #787878;
}
body.dark .detail .nav a.active {
  color: white;
}
@media (min-width: 650px) {
  body.dark .detail .nav a:hover {
    color: white;
  }
}
.detail .nav a.active {
  cursor: default;
}
.detail .component {
  font-size: 0.78571429rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
body.editable .detail .component.info {
  margin-bottom: -0.14285714rem;
}
body.editable .detail .component.info > * {
  margin-bottom: 0.14285714rem;
}
.detail .component.tags {
  margin: 1.07142857rem 0 -0.35714286rem;
}
.detail .component.tags > * {
  margin-bottom: 0.35714286rem;
}
.detail .component.tags .tag {
  font-size: 0.64285714rem;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 1em;
  display: inline-block;
  padding: 0.5em 1.2em 0.5em;
  margin-right: 0.25rem;
}
body.dark .detail .component.tags .tag {
  background: rgba(0, 0, 0, 0.5);
}
footer .detail .component.tags .tag {
  background: rgba(0, 0, 0, 0.5);
}
@media (min-width: 650px) {
  .editable .detail .component.tags .tag.removable:hover {
    cursor: pointer;
    -webkit-animation-duration: 0.25s;
            animation-duration: 0.25s;
    -webkit-animation-name: shiver;
            animation-name: shiver;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
}
.detail .component.upload {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: none;
}
.detail .component.upload .prompt {
  text-transform: uppercase;
  position: absolute;
  bottom: 1em;
  left: 1em;
  right: 1em;
  text-align: center;
}
.detail .component.upload .bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #33ff33;
}
.detail .component.upload .bar.progress {
  -webkit-transition: width 0.2s linear;
  transition: width 0.2s linear;
}
.detail .component.upload .bar.complete {
  width: 0 !important;
}
.detail .component.upload .bar.error {
  background: #ff4332;
  width: 100% !important;
}
.editable .detail .component.upload {
  display: block;
}
.detail .right .input {
  margin: -0.1em 0 -0.15em;
}
.detail .right .input input {
  padding: 0.1em 0 0.15em;
}
.detail .component .input {
  display: inline-block;
  margin-right: 1em;
}
.detail .right [data-area] .input {
  margin-bottom: 1.07142857rem !important;
}
.detail [data-area="text"] {
  line-height: 1.4;
  font-size: 1rem;
}
.detail [data-area="text"] p:first-child {
  margin-top: 0;
}
.detail [data-area="text"] p:last-child {
  margin-bottom: 0;
}
body.editable .detail [data-area="text"] .text {
  display: none;
}
.detail .component .input,
.detail [data-area="links"] .input,
.detail [data-area="visual"] .input {
  font-size: 0.85714286rem;
}
.detail .left > *,
.detail .right > * {
  margin: 1.07142857rem 0;
}
.detail .left > *:last-child,
.detail .right > *:last-child {
  margin-bottom: 0;
}
.detail .left .nav {
  margin-left: 4.34285714rem;
}
.detail .right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (min-width: 650px) {
  .detail .row {
    -webkit-transition: color ease-in-out 0.1s;
    transition: color ease-in-out 0.1s;
  }
  .detail .row:first-child {
    margin-top: -0.375em;
  }
  .detail .row .date {
    opacity: 1 !important;
  }
  .detail .simple.row {
    color: #b3b3b3;
  }
  .detail .simple.row:hover,
  .detail .simple.row.selected {
    color: #333;
  }
  body.dark .detail .simple.row,
  footer .detail .simple.row {
    opacity: 1;
    color: #787878;
  }
  body.dark .detail .simple.row:hover,
  footer .detail .simple.row:hover,
  body.dark .detail .simple.row.selected,
  footer .detail .simple.row.selected {
    color: white;
  }
  .editable .detail .row.new {
    color: #ff4332 !important;
  }
  .detail .screenings .hidden {
    display: none;
  }
  .detail .screenings .input {
    margin-top: -0.1em;
    margin-bottom: -0.15em;
  }
  .detail .screenings .prompt {
    display: block;
    font-size: 0.78571429rem;
    margin-left: 4.34285714rem;
    line-height: 2.14285714rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #C4C4C4;
  }
  body.dark .detail .screenings .prompt {
    color: #787878;
  }
  .detail .screenings .prompt:hover {
    color: inherit !important;
  }
}
.detail .video {
  border-radius: 0.35714286rem;
  overflow: hidden;
  position: relative;
  color: white;
  background: black;
}
.detail .video.playing {
  background: black;
}
.detail .video.loading:not(.playing),
.detail .video.no-preview:not(.playing) {
  padding-bottom: 56.25%;
}
.detail .video img {
  border-radius: 0.35714286rem;
  width: 100%;
  display: block;
  background: black;
  -webkit-transition: opacity ease-in-out 0.1s;
  transition: opacity ease-in-out 0.1s;
}
.detail .video iframe {
  display: block;
  max-width: 100%;
}
.detail .video .btn {
  font-size: 0.78571429rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-transform: uppercase;
  padding: 0.7em 2em;
  height: auto;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid black;
  letter-spacing: 0.2em;
  color: white;
}
@media (min-width: 650px) {
  .detail .video .btn:hover {
    background: black !important;
  }
}
.detail .video img {
  opacity: 0.5;
}
@media (min-width: 650px) {
  .detail .video:hover img {
    opacity: 1;
  }
}
@media (max-width: 649px) {
  .detail .left {
    display: none;
  }
}
.input {
  display: block;
  position: relative;
}
.input input,
.input textarea {
  display: block;
  border: none;
  outline: none;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  text-align: inherit;
  background: transparent;
  color: inherit;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0;
  -webkit-font-feature-settings: "case" 1;
          font-feature-settings: "case" 1;
}
.input textarea {
  min-height: 1.4em;
}
.input .back {
  position: absolute;
  pointer-events: none;
  opacity: 0.5;
}
.input.empty .back {
  opacity: 1;
}
.input .front {
  position: relative;
}
.input.btn {
  border: 1px solid transparent;
}
.input.btn.valid {
  border: 1px solid #33ff33;
}
.input.btn.error {
  border: 1px solid #ff4332;
}
.input:not(.btn):not(.custom).valid {
  border-bottom: 1px solid #33ff33;
  margin-bottom: -1px;
}
.input:not(.btn):not(.custom).valid .front:focus {
  background: rgba(51, 255, 51, 0.2);
}
.input:not(.btn):not(.custom).empty,
.input:not(.btn):not(.custom).error {
  border-bottom: 1px solid #ff4332;
  margin-bottom: -1px;
}
.input:not(.btn):not(.custom).empty .front:focus,
.input:not(.btn):not(.custom).error .front:focus {
  background: rgba(255, 67, 50, 0.2);
}
@media (min-width: 650px) {
  .screening:hover:not(:first-child) .date {
    opacity: 0.125;
  }
}
.screening.open .date,
.screening.open + .screening .date {
  opacity: 1 !important;
}
.btn:not(.editing) {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.btn.error {
  background: #ffeded;
}
section.empty {
  display: none;
}
@media (min-width: 650px) {
  .detail .left {
    min-width: 26.05714286rem;
  }
  body.en .detail .left {
    min-width: 27.77142857rem;
  }
  body.aero .screening .cinema {
    display: none;
  }
  body.aero .detail .left {
    min-width: 22.62857143rem;
  }
  body.aero.en .detail .left {
    min-width: 24.34285714rem;
  }
  body.biooko .screening .cinema {
    display: none;
  }
  body.biooko .detail .left {
    min-width: 22.62857143rem;
  }
  body.biooko.en .detail .left {
    min-width: 24.34285714rem;
  }
  body.svetozor .screening .cinema {
    display: none;
  }
  body.svetozor .detail .left {
    min-width: 22.62857143rem;
  }
  body.svetozor.en .detail .left {
    min-width: 24.34285714rem;
  }
  body.pritomnost .screening .cinema {
    display: none;
  }
  body.pritomnost .detail .left {
    min-width: 22.62857143rem;
  }
  body.pritomnost.en .detail .left {
    min-width: 24.34285714rem;
  }
}
button,
.btn {
  font-size: 0.85714286rem;
  font-family: inherit;
  line-height: 1.2;
  padding: 0.50571429rem 1.5em 0.50571429rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 2.14285714rem;
  border-radius: 1.07142857rem;
  -webkit-transition: all ease-in-out 0.1s, margin 0s;
  transition: all ease-in-out 0.1s, margin 0s;
  outline: none;
  border: 1px solid transparent;
  cursor: pointer;
  white-space: nowrap;
  background: #333;
  color: white;
}
button svg,
.btn svg {
  -webkit-transition: stroke ease-in-out 0.1s;
  transition: stroke ease-in-out 0.1s;
}
button.round,
.btn.round {
  padding-left: 0;
  padding-right: 0;
  width: 2.14285714rem;
  text-align: center;
}
button:not(.disabled),
.btn:not(.disabled) {
  background: #b3b3b3;
}
body.dark button:not(.disabled),
body.dark .btn:not(.disabled) {
  background: rgba(0, 0, 0, 0.5);
}
@media (min-width: 650px) {
  button:not(.disabled):hover,
  .btn:not(.disabled):hover {
    background: black;
    color: white;
    stroke: white;
  }
}
@media (min-width: 650px) {
  body.dark button:not(.toggle):not(.input):not(.checkbox):not(.inverse):hover,
  body.dark .btn:not(.toggle):not(.input):not(.checkbox):not(.inverse):hover {
    background: black;
  }
}
button.inverse,
.btn.inverse {
  border: 1px solid #333;
  padding-top: 0.50571429rem;
  padding-bottom: 0.50571429rem;
}
@media (min-width: 650px) {
  button.inverse:not(:hover),
  .btn.inverse:not(:hover) {
    background: transparent;
    color: #333;
    stroke: #333;
  }
  body.dark button.inverse,
  body.dark .btn.inverse {
    background: transparent;
    color: white;
    stroke: white;
    border-color: white;
  }
  body.dark button.inverse:hover,
  body.dark .btn.inverse:hover {
    background: white;
    color: black;
    stroke: black;
  }
}
@media (max-width: 649px) {
  button.inverse,
  .btn.inverse {
    background: transparent;
    color: #333;
    stroke: #333;
  }
  body.dark button.inverse,
  body.dark .btn.inverse {
    background: transparent;
    color: white;
    stroke: white;
    border-color: white;
  }
}
button.toggle,
.btn.toggle {
  background: white;
}
@media (min-width: 350px) {
  button.toggle,
  .btn.toggle {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
body.dark button.toggle,
body.dark .btn.toggle {
  background: white;
}
button.toggle.disabled,
.btn.toggle.disabled {
  background: #F3F3F3;
  color: #C4C4C4;
}
button.toggle:not(.disabled),
.btn.toggle:not(.disabled) {
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.23);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.23);
  color: #333;
}
@media (min-width: 650px) {
  button.toggle:not(.disabled):hover,
  .btn.toggle:not(.disabled):hover {
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.23);
            box-shadow: 0 0 6px rgba(0, 0, 0, 0.23);
    border-radius: 1.06609808rem;
    background: white;
    color: #2f91fc;
  }
  body.aero button.toggle:not(.disabled):hover,
  body.aero .btn.toggle:not(.disabled):hover {
    color: #00c800;
  }
  body.biooko button.toggle:not(.disabled):hover,
  body.biooko .btn.toggle:not(.disabled):hover {
    color: #ffbc00;
  }
  body.svetozor button.toggle:not(.disabled):hover,
  body.svetozor .btn.toggle:not(.disabled):hover {
    color: #ff323c;
  }
  body.pritomnost button.toggle:not(.disabled):hover,
  body.pritomnost .btn.toggle:not(.disabled):hover {
    color: #DAA520;
  }
}
button.toggle:not(.disabled).active,
.btn.toggle:not(.disabled).active {
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0);
          box-shadow: 0 0 6px rgba(0, 0, 0, 0);
  background: #2f91fc;
  color: white !important;
}
body.aero button.toggle:not(.disabled).active,
body.aero .btn.toggle:not(.disabled).active {
  background: #00c800;
}
body.biooko button.toggle:not(.disabled).active,
body.biooko .btn.toggle:not(.disabled).active {
  background: #ffbc00;
}
body.svetozor button.toggle:not(.disabled).active,
body.svetozor .btn.toggle:not(.disabled).active {
  background: #ff323c;
}
body.pritomnost button.toggle:not(.disabled).active,
body.pritomnost .btn.toggle:not(.disabled).active {
  background: #DAA520;
}
button.action,
.btn.action,
button.rest,
.btn.rest {
  background: black;
}
@media (min-width: 650px) {
  button.action:hover,
  .btn.action:hover,
  button.rest:hover,
  .btn.rest:hover {
    background: #2f91fc;
  }
  body.aero button.action:hover,
  body.aero .btn.action:hover,
  body.aero button.rest:hover,
  body.aero .btn.rest:hover {
    background: #00c800;
  }
  body.biooko button.action:hover,
  body.biooko .btn.action:hover,
  body.biooko button.rest:hover,
  body.biooko .btn.rest:hover {
    background: #ffbc00;
  }
  body.svetozor button.action:hover,
  body.svetozor .btn.action:hover,
  body.svetozor button.rest:hover,
  body.svetozor .btn.rest:hover {
    background: #ff323c;
  }
  body.pritomnost button.action:hover,
  body.pritomnost .btn.action:hover,
  body.pritomnost button.rest:hover,
  body.pritomnost .btn.rest:hover {
    background: #DAA520;
  }
  body.dark button.action:hover,
  body.dark .btn.action:hover,
  body.dark button.rest:hover,
  body.dark .btn.rest:hover {
    background: #2f91fc;
  }
  body.dark.aero button.action:hover,
  body.dark.aero .btn.action:hover,
  body.dark.aero button.rest:hover,
  body.dark.aero .btn.rest:hover {
    background: #00c800;
  }
  body.dark.biooko button.action:hover,
  body.dark.biooko .btn.action:hover,
  body.dark.biooko button.rest:hover,
  body.dark.biooko .btn.rest:hover {
    background: #ffbc00;
  }
  body.dark.svetozor button.action:hover,
  body.dark.svetozor .btn.action:hover,
  body.dark.svetozor button.rest:hover,
  body.dark.svetozor .btn.rest:hover {
    background: #ff323c;
  }
  body.dark.pritomnost button.action:hover,
  body.dark.pritomnost .btn.action:hover,
  body.dark.pritomnost button.rest:hover,
  body.dark.pritomnost .btn.rest:hover {
    background: #DAA520;
  }
  body.dark button.action:not(:hover),
  body.dark .btn.action:not(:hover),
  body.dark button.rest:not(:hover),
  body.dark .btn.rest:not(:hover) {
    background: white;
    color: #333;
  }
}
@media (max-width: 649px) {
  body.dark button.action,
  body.dark .btn.action,
  body.dark button.rest,
  body.dark .btn.rest {
    background: white;
    color: #333;
  }
}
button.input,
.btn.input {
  cursor: text;
  background: black;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
body.dark button.input,
body.dark .btn.input {
  background: white;
  color: black;
}
button.input input,
.btn.input input {
  padding: 0.50571429rem 1.5em 0.50571429rem;
}
button.input.flash-green,
.btn.input.flash-green {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-name: flash-green;
          animation-name: flash-green;
}
button.input.flash-red,
.btn.input.flash-red {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-name: flash-red;
          animation-name: flash-red;
}
button.checkbox,
.btn.checkbox {
  background: transparent;
  color: #C4C4C4;
  border-color: #C4C4C4;
}
body.dark button.checkbox,
body.dark .btn.checkbox {
  color: #787878;
  border-color: #787878;
}
body.dark button.checkbox,
body.dark .btn.checkbox {
  background: transparent;
}
@media (min-width: 650px) {
  button.checkbox .symbol,
  .btn.checkbox .symbol {
    opacity: 0;
  }
  button.checkbox:hover,
  .btn.checkbox:hover {
    background: transparent;
  }
  .main.row:hover > button.checkbox,
  .main.row:hover > .btn.checkbox,
  .simple.row:hover > button.checkbox,
  .simple.row:hover > .btn.checkbox,
  .editor.row > button.checkbox:hover,
  .editor.row > .btn.checkbox:hover,
  .editor.row > button.checkbox.no-hover,
  .editor.row > .btn.checkbox.no-hover {
    color: #333;
    border-color: #333;
  }
  .main.row:hover > button.checkbox .symbol,
  .main.row:hover > .btn.checkbox .symbol,
  .simple.row:hover > button.checkbox .symbol,
  .simple.row:hover > .btn.checkbox .symbol,
  .editor.row > button.checkbox:hover .symbol,
  .editor.row > .btn.checkbox:hover .symbol,
  .editor.row > button.checkbox.no-hover .symbol,
  .editor.row > .btn.checkbox.no-hover .symbol {
    opacity: 1;
  }
  body.dark .main.row:hover > button.checkbox,
  body.dark .main.row:hover > .btn.checkbox,
  body.dark .simple.row:hover > button.checkbox,
  body.dark .simple.row:hover > .btn.checkbox,
  body.dark .editor.row > button.checkbox:hover,
  body.dark .editor.row > .btn.checkbox:hover,
  footer .main.row:hover > button.checkbox,
  footer .main.row:hover > .btn.checkbox,
  footer .simple.row:hover > button.checkbox,
  footer .simple.row:hover > .btn.checkbox,
  footer .editor.row > button.checkbox:hover,
  footer .editor.row > .btn.checkbox:hover {
    color: white;
    border-color: white;
  }
}
.row.selected button.checkbox,
.row.selected .btn.checkbox,
button.checkbox.selected,
.btn.checkbox.selected {
  border-color: #2f91fc !important;
  background: #2f91fc !important;
  color: white !important;
}
body.aero .row.selected button.checkbox,
body.aero .row.selected .btn.checkbox,
body.aero button.checkbox.selected,
body.aero .btn.checkbox.selected {
  border-color: #00c800 !important;
}
body.biooko .row.selected button.checkbox,
body.biooko .row.selected .btn.checkbox,
body.biooko button.checkbox.selected,
body.biooko .btn.checkbox.selected {
  border-color: #ffbc00 !important;
}
body.svetozor .row.selected button.checkbox,
body.svetozor .row.selected .btn.checkbox,
body.svetozor button.checkbox.selected,
body.svetozor .btn.checkbox.selected {
  border-color: #ff323c !important;
}
body.pritomnost .row.selected button.checkbox,
body.pritomnost .row.selected .btn.checkbox,
body.pritomnost button.checkbox.selected,
body.pritomnost .btn.checkbox.selected {
  border-color: #DAA520 !important;
}
body.aero .row.selected button.checkbox,
body.aero .row.selected .btn.checkbox,
body.aero button.checkbox.selected,
body.aero .btn.checkbox.selected {
  background: #00c800 !important;
}
body.biooko .row.selected button.checkbox,
body.biooko .row.selected .btn.checkbox,
body.biooko button.checkbox.selected,
body.biooko .btn.checkbox.selected {
  background: #ffbc00 !important;
}
body.svetozor .row.selected button.checkbox,
body.svetozor .row.selected .btn.checkbox,
body.svetozor button.checkbox.selected,
body.svetozor .btn.checkbox.selected {
  background: #ff323c !important;
}
body.pritomnost .row.selected button.checkbox,
body.pritomnost .row.selected .btn.checkbox,
body.pritomnost button.checkbox.selected,
body.pritomnost .btn.checkbox.selected {
  background: #DAA520 !important;
}
.row.selected button.checkbox .symbol,
.row.selected .btn.checkbox .symbol,
button.checkbox.selected .symbol,
.btn.checkbox.selected .symbol {
  opacity: 1;
}
button.counter,
.btn.counter {
  background: #2f91fc;
  color: white;
}
body.aero button.counter,
body.aero .btn.counter {
  background: #00c800;
}
body.biooko button.counter,
body.biooko .btn.counter {
  background: #ffbc00;
}
body.svetozor button.counter,
body.svetozor .btn.counter {
  background: #ff323c;
}
body.pritomnost button.counter,
body.pritomnost .btn.counter {
  background: #DAA520;
}
body.dark button.counter,
body.dark .btn.counter {
  background: #2f91fc;
}
body.dark.aero button.counter,
body.dark.aero .btn.counter {
  background: #00c800;
}
body.dark.biooko button.counter,
body.dark.biooko .btn.counter {
  background: #ffbc00;
}
body.dark.svetozor button.counter,
body.dark.svetozor .btn.counter {
  background: #ff323c;
}
body.dark.pritomnost button.counter,
body.dark.pritomnost .btn.counter {
  background: #DAA520;
}
@media (min-width: 650px) {
  button.counter:hover,
  .btn.counter:hover {
    background: #2f91fc;
  }
  body.aero button.counter:hover,
  body.aero .btn.counter:hover {
    background: #00c800;
  }
  body.biooko button.counter:hover,
  body.biooko .btn.counter:hover {
    background: #ffbc00;
  }
  body.svetozor button.counter:hover,
  body.svetozor .btn.counter:hover {
    background: #ff323c;
  }
  body.pritomnost button.counter:hover,
  body.pritomnost .btn.counter:hover {
    background: #DAA520;
  }
  body.dark button.counter:hover,
  body.dark .btn.counter:hover {
    background: #2f91fc;
  }
  body.dark.aero button.counter:hover,
  body.dark.aero .btn.counter:hover {
    background: #00c800;
  }
  body.dark.biooko button.counter:hover,
  body.dark.biooko .btn.counter:hover {
    background: #ffbc00;
  }
  body.dark.svetozor button.counter:hover,
  body.dark.svetozor .btn.counter:hover {
    background: #ff323c;
  }
  body.dark.pritomnost button.counter:hover,
  body.dark.pritomnost .btn.counter:hover {
    background: #DAA520;
  }
}
button.disabled,
.btn.disabled {
  pointer-events: none;
}
button .suggestion,
.btn .suggestion {
  left: 1.5em;
  right: 1.5em;
  background: transparent;
}
button.icon,
.btn.icon {
  position: relative;
}
button.icon .symbol,
.btn.icon .symbol {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform: translate(calc(-50% + 0.5px), -50%);
          transform: translate(calc(-50% + 0.5px), -50%);
  font-size: 1.5em;
}
@-webkit-keyframes shiver {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  25% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  75% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes shiver {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  25% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  75% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@media (min-width: 650px) {
  .detail {
    margin-bottom: 1.25em;
  }
}
section.day header,
footer header {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  height: 0;
  margin-bottom: 1.25em;
  margin-top: 1.25em;
}
@media (min-width: 650px) {
  section.day header,
  footer header {
    margin-left: 4.2rem;
  }
}
section.day header span,
footer header span {
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: white;
  padding-left: 0.1em;
  padding-right: 0.75em;
  text-transform: uppercase;
  font-size: 0.78571429rem;
  letter-spacing: 0.1em;
}
section.day header {
  border-top: 1px solid #E0E0E0;
  color: #BDBDBD;
}
section.day header span {
  background: white;
}
body.dark section.day header {
  color: #787878;
  border-color: #787878;
}
body.dark section.day header span {
  background: #333;
}
footer header {
  margin-bottom: 1em;
  margin-top: 0.3em;
  border-top: 1px solid #BDBDBD;
  color: #BDBDBD;
}
footer header span {
  background: #333;
}
body.dark footer header {
  color: #787878;
  border-color: #787878;
}
body.dark footer header span {
  background: #2A2A2A;
}
footer .newsletter {
  background: black;
}
footer .newsletter .wrapper {
  display: none;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
body.aero footer .newsletter .aero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.biooko footer .newsletter .biooko {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.svetozor footer .newsletter .svetozor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.pritomnost footer .newsletter .pritomnost {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
footer .newsletter .wrapper.text {
  padding-top: 0.25rem;
  padding-bottom: 4.28571429rem;
}
footer .newsletter .wrapper.text p {
  margin: 0;
}
@media (min-width: 650px) {
  footer .newsletter .wrapper.text {
    padding-left: 6.39285714rem;
  }
}
footer .newsletter .btn .symbol {
  opacity: 1;
  font-size: 1.07142857rem;
  height: 1em;
}
footer .newsletter .input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 2.14285714rem;
  font-size: 0.85714286rem;
  border: 1px solid #4c4c4c;
  border-radius: 1.07142857rem;
}
@media (max-width: 649px) {
  footer .newsletter .input {
    margin: 0 1.42857143rem;
  }
}
footer .newsletter .input input {
  line-height: 1.5rem;
  padding: 0.3rem 1.5em 0.2rem;
}
footer .newsletter .submit {
  min-width: 6.9rem;
  text-align: center;
  background: #333333 !important;
}
@media (min-width: 650px) {
  footer .newsletter .submit:hover {
    background: #2f91fc !important;
  }
  body.aero footer .newsletter .submit:hover {
    background: #00c800 !important;
  }
  body.biooko footer .newsletter .submit:hover {
    background: #ffbc00 !important;
  }
  body.svetozor footer .newsletter .submit:hover {
    background: #ff323c !important;
  }
  body.pritomnost footer .newsletter .submit:hover {
    background: #DAA520 !important;
  }
}
.image-container,
#logo {
  position: fixed;
  width: 310px;
  height: 310px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  top: 0;
  right: 0;
  z-index: 5;
}
@media (max-width: 1355px) {
  .image-container,
  #logo {
    display: none;
  }
}
@media (min-width: 1355px) and (max-width: 1455px) {
  .image-container,
  #logo {
    width: calc(100vw -  1145px );
    height: calc(100vw -  1145px );
  }
}
.image-container img,
#logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10%;
}
.image-container {
  border-radius: 2em;
  pointer-events: none;
}
#logo {
  cursor: pointer;
}
body.wtf #logo {
  display: none !important;
}
#logo > * {
  display: none;
}
#logo .all {
  display: block;
}
body.aero #logo .aero {
  display: block;
}
body.aero #logo .all {
  display: none;
}
body.biooko #logo .biooko {
  display: block;
}
body.biooko #logo .all {
  display: none;
}
body.svetozor #logo .svetozor {
  display: block;
}
body.svetozor #logo .all {
  display: none;
}
body.pritomnost #logo .pritomnost {
  display: block;
}
body.pritomnost #logo .all {
  display: none;
}
/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}
.flickity-enabled:focus {
  outline: none;
}
.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}
/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}