@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap");
.left { float: left; }

.right, .filmpagina-info-mobile .cover { float: right; }

.block { display: block; }

.inline { display: inline; }

.inline-block { display: inline-block; *zoom: 1; *display: inline; }

.none, [hidden] { display: none; }

.font-ultra-bold { font-weight: 900; }

.font-bold { font-weight: 700; }

.font-normal { font-weight: 500; }

.font-light { font-weight: 300; }

.font-thin { font-weight: 100; }

.font-normal { font-style: normal; }

.capitalize { text-transform: capitalize; }

.uppercase { text-transform: uppercase; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px; left: -9999em; }

.image-left { margin-right: 20px; }

.image-right { margin-left: 20px; }

.section { position: relative; }

.container { max-width: 995px; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; }

.container-full { max-width: 995px; margin-left: auto; margin-right: auto; }

.col, body .width-880, body .width-610, #filmlijst-rechts, ul.filmpagina-info-lijst, .filmpagina-info-synopsis, .filmpagina-info-cover, div.search nav, div.search div.main { float: left; padding-left: 10px; padding-right: 10px; }

[class*="pull-"], [class*="push-"] { position: relative; }

.no-gutter { padding-left: 0; padding-right: 0; }

.col-1 { width: 8.33333%; width: calc(100% / 12 * 1); width: -webkit-calc(100% / 12 * 1); width: -moz-calc(100% / 12 * 1); }

.col-2 { width: 16.66667%; width: calc(100% / 12 * 2); width: -webkit-calc(100% / 12 * 2); width: -moz-calc(100% / 12 * 2); }

.col-3, .col-1-4, ul.filmpagina-info-lijst, .filmpagina-info-cover { width: 25%; width: calc(100% / 12 * 3); width: -webkit-calc(100% / 12 * 3); width: -moz-calc(100% / 12 * 3); }

.col-4, .col-1-3, #filmlijst-rechts { width: 33.33333%; width: calc(100% / 12 * 4); width: -webkit-calc(100% / 12 * 4); width: -moz-calc(100% / 12 * 4); }

.col-5 { width: 41.66665%; width: calc(100% / 12 * 5); width: -webkit-calc(100% / 12 * 5); width: -moz-calc(100% / 12 * 5); }

.col-6, .col-1-2, .filmpagina-info-synopsis { width: 50%; width: calc(100% / 12 * 6); width: -webkit-calc(100% / 12 * 6); width: -moz-calc(100% / 12 * 6); }

.col-7 { width: 58.33333%; width: calc(100% / 12 * 7); width: -webkit-calc(100% / 12 * 7); width: -moz-calc(100% / 12 * 7); }

.col-8, body .width-610, div.search div.main { width: 66.66666%; width: calc(100% / 12 * 8); width: -webkit-calc(100% / 12 * 8); width: -moz-calc(100% / 12 * 8); }

.col-9, .col-3-4 { width: 75%; width: calc(100% / 12 * 9); width: -webkit-calc(100% / 12 * 9); width: -moz-calc(100% / 12 * 9); }

.col-10 { width: 83.33333%; width: calc(100% / 12 * 10); width: -webkit-calc(100% / 12 * 10); width: -moz-calc(100% / 12 * 10); }

.col-11 { width: 91.66666%; width: calc(100% / 12 * 11); width: -webkit-calc(100% / 12 * 11); width: -moz-calc(100% / 12 * 11); }

.col-12, body .width-880 { width: 100%; }

.push-1 { left: 8.33333%; left: calc(100% / 12 * 1); left: -webkit-calc(100% / 12 * 1); left: -moz-calc(100% / 12 * 1); }

.pull-1 { left: -8.33333%; left: calc(-100% / 12 * 1); left: -webkit-calc(-100% / 12 * 1); left: -moz-calc(-100% / 12 * 1); }

.push-2 { left: 16.66667%; left: calc(100% / 12 * 2); left: -webkit-calc(100% / 12 * 2); left: -moz-calc(100% / 12 * 2); }

.pull-2 { left: -16.66667%; left: calc(-100% / 12 * 2); left: -webkit-calc(-100% / 12 * 2); left: -moz-calc(-100% / 12 * 2); }

.push-3, .push-1-4 { left: 25%; left: calc(100% / 12 * 3); left: -webkit-calc(100% / 12 * 3); left: -moz-calc(100% / 12 * 3); }

.pull-3, .pull-1-4 { left: -25%; left: calc(-100% / 12 * 3); left: -webkit-calc(-100% / 12 * 3); left: -moz-calc(-100% / 12 * 3); }

.push-4, .push-1-3 { left: 33.33333%; left: calc(100% / 12 * 4); left: -webkit-calc(100% / 12 * 4); left: -moz-calc(100% / 12 * 4); }

.pull-4, .pull-1-3 { left: -33.33333%; left: calc(-100% / 12 * 4); left: -webkit-calc(-100% / 12 * 4); left: -moz-calc(-100% / 12 * 4); }

.push-5 { left: 41.66665%; left: calc(100% / 12 * 5); left: -webkit-calc(100% / 12 * 5); left: -moz-calc(100% / 12 * 5); }

.pull-5 { left: -41.66665%; left: calc(-100% / 12 * 5); left: -webkit-calc(-100% / 12 * 5); left: -moz-calc(-100% / 12 * 5); }

.push-6, .push-1-2 { left: 50%; left: calc(100% / 12 * 6); left: -webkit-calc(100% / 12 * 6); left: -moz-calc(100% / 12 * 6); }

.pull-6, .pull-1-2 { left: -50%; left: calc(-100% / 12 * 6); left: -webkit-calc(-100% / 12 * 6); left: -moz-calc(-100% / 12 * 6); }

.push-7 { left: 58.33333%; left: calc(100% / 12 * 7); left: -webkit-calc(100% / 12 * 7); left: -moz-calc(100% / 12 * 7); }

.pull-7 { left: -58.33333%; left: calc(-100% / 12 * 7); left: -webkit-calc(-100% / 12 * 7); left: -moz-calc(-100% / 12 * 7); }

.push-8 { left: 66.66666%; left: calc(100% / 12 * 8); left: -webkit-calc(100% / 12 * 8); left: -moz-calc(100% / 12 * 8); }

.pull-8 { left: -66.66666%; left: calc(-100% / 12 * 8); left: -webkit-calc(-100% / 12 * 8); left: -moz-calc(-100% / 12 * 8); }

.push-9, .push-3-4 { left: 75%; left: calc(100% / 12 * 9); left: -webkit-calc(100% / 12 * 9); left: -moz-calc(100% / 12 * 9); }

.pull-9, .pull-3-4 { left: -75%; left: calc(-100% / 12 * 9); left: -webkit-calc(-100% / 12 * 9); left: -moz-calc(-100% / 12 * 9); }

.push-10 { left: 83.33333%; left: calc(100% / 12 * 10); left: -webkit-calc(100% / 12 * 10); left: -moz-calc(100% / 12 * 10); }

.pull-10 { left: -83.33333%; left: calc(-100% / 12 * 10); left: -webkit-calc(-100% / 12 * 10); left: -moz-calc(-100% / 12 * 10); }

.push-11 { left: 91.66666%; left: calc(100% / 12 * 11); left: -webkit-calc(100% / 12 * 11); left: -moz-calc(100% / 12 * 11); }

.pull-11 { left: -91.66666%; left: calc(-100% / 12 * 11); left: -webkit-calc(-100% / 12 * 11); left: -moz-calc(-100% / 12 * 11); }

.row, #content-wrapper, body #container, #header-container { padding-top: 1em; padding-bottom: 1em; }

.no-desktop { display: none; }

.no-margin { margin: 0; }

.no-padding, #header-container, body .width-880 { padding: 0; }

@media only screen and (min-width: 740px) and (max-width: 994px) { .container, .tablet-container { max-width: 995px; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; float: none; }
  .container:first-child, .tablet-container:first-child { margin-left: auto; }
  .tablet-container-full { padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto; float: none; }
  .tablet-container-full:first-child { margin-left: auto; }
  .tablet-no-gutter { padding-left: 0; padding-right: 0; }
  .tablet-col-1 { width: 8.33333%; width: calc(100% / 12 * 1); width: -webkit-calc(100% / 12 * 1); width: -moz-calc(100% / 12 * 1); }
  .tablet-col-2 { width: 16.66667%; width: calc(100% / 12 * 2); width: -webkit-calc(100% / 12 * 2); width: -moz-calc(100% / 12 * 2); }
  .tablet-col-3, .tablet-col-1-4 { width: 25%; width: calc(100% / 12 * 3); width: -webkit-calc(100% / 12 * 3); width: -moz-calc(100% / 12 * 3); }
  .tablet-col-4, .tablet-col-1-3 { width: 33.33333%; width: calc(100% / 12 * 4); width: -webkit-calc(100% / 12 * 4); width: -moz-calc(100% / 12 * 4); }
  .tablet-col-5 { width: 41.66665%; width: calc(100% / 12 * 5); width: -webkit-calc(100% / 12 * 5); width: -moz-calc(100% / 12 * 5); }
  .tablet-col-6, .tablet-col-1-2 { width: 50%; width: calc(100% / 12 * 6); width: -webkit-calc(100% / 12 * 6); width: -moz-calc(100% / 12 * 6); }
  .tablet-col-7 { width: 58.33333%; width: calc(100% / 12 * 7); width: -webkit-calc(100% / 12 * 7); width: -moz-calc(100% / 12 * 7); }
  .tablet-col-8 { width: 66.66666%; width: calc(100% / 12 * 8); width: -webkit-calc(100% / 12 * 8); width: -moz-calc(100% / 12 * 8); }
  .tablet-col-9, .tablet-col-3-4 { width: 75%; width: calc(100% / 12 * 9); width: -webkit-calc(100% / 12 * 9); width: -moz-calc(100% / 12 * 9); }
  .tablet-col-10 { width: 83.33333%; width: calc(100% / 12 * 10); width: -webkit-calc(100% / 12 * 10); width: -moz-calc(100% / 12 * 10); }
  .tablet-col-11 { width: 91.66666%; width: calc(100% / 12 * 11); width: -webkit-calc(100% / 12 * 11); width: -moz-calc(100% / 12 * 11); }
  .tablet-col-12 { width: 100%; }
  .tablet-push-1 { left: 8.33333%; left: calc(100% / 12 * 1); left: -webkit-calc(100% / 12 * 1); left: -moz-calc(100% / 12 * 1); }
  .tablet-pull-1 { left: -8.33333%; left: calc(-100% / 12 * 1); left: -webkit-calc(-100% / 12 * 1); left: -moz-calc(-100% / 12 * 1); }
  .tablet-push-2 { left: 16.66667%; left: calc(100% / 12 * 2); left: -webkit-calc(100% / 12 * 2); left: -moz-calc(100% / 12 * 2); }
  .tablet-pull-2 { left: -16.66667%; left: calc(-100% / 12 * 2); left: -webkit-calc(-100% / 12 * 2); left: -moz-calc(-100% / 12 * 2); }
  .tablet-push-3, .tablet-push-1-4 { left: 25%; left: calc(100% / 12 * 3); left: -webkit-calc(100% / 12 * 3); left: -moz-calc(100% / 12 * 3); }
  .tablet-pull-3, .tablet-pull-1-4 { left: -25%; left: calc(-100% / 12 * 3); left: -webkit-calc(-100% / 12 * 3); left: -moz-calc(-100% / 12 * 3); }
  .tablet-push-4, .tablet-push-1-3 { left: 33.33333%; left: calc(100% / 12 * 4); left: -webkit-calc(100% / 12 * 4); left: -moz-calc(100% / 12 * 4); }
  .tablet-pull-4, .tablet-pull-1-3 { left: -33.33333%; left: calc(-100% / 12 * 4); left: -webkit-calc(-100% / 12 * 4); left: -moz-calc(-100% / 12 * 4); }
  .tablet-push-5 { left: 41.66665%; left: calc(100% / 12 * 5); left: -webkit-calc(100% / 12 * 5); left: -moz-calc(100% / 12 * 5); }
  .tablet-pull-5 { left: -41.66665%; left: calc(-100% / 12 * 5); left: -webkit-calc(-100% / 12 * 5); left: -moz-calc(-100% / 12 * 5); }
  .tablet-push-6, .tablet-push-1-2 { left: 50%; left: calc(100% / 12 * 6); left: -webkit-calc(100% / 12 * 6); left: -moz-calc(100% / 12 * 6); }
  .tablet-pull-6, .tablet-pull-1-2 { left: -50%; left: calc(-100% / 12 * 6); left: -webkit-calc(-100% / 12 * 6); left: -moz-calc(-100% / 12 * 6); }
  .tablet-push-7 { left: 58.33333%; left: calc(100% / 12 * 7); left: -webkit-calc(100% / 12 * 7); left: -moz-calc(100% / 12 * 7); }
  .tablet-pull-7 { left: -58.33333%; left: calc(-100% / 12 * 7); left: -webkit-calc(-100% / 12 * 7); left: -moz-calc(-100% / 12 * 7); }
  .tablet-push-8 { left: 66.66666%; left: calc(100% / 12 * 8); left: -webkit-calc(100% / 12 * 8); left: -moz-calc(100% / 12 * 8); }
  .tablet-pull-8 { left: -66.66666%; left: calc(-100% / 12 * 8); left: -webkit-calc(-100% / 12 * 8); left: -moz-calc(-100% / 12 * 8); }
  .tablet-push-9, .tablet-push-3-4 { left: 75%; left: calc(100% / 12 * 9); left: -webkit-calc(100% / 12 * 9); left: -moz-calc(100% / 12 * 9); }
  .tablet-pull-9, .tablet-pull-3-4 { left: -75%; left: calc(-100% / 12 * 9); left: -webkit-calc(-100% / 12 * 9); left: -moz-calc(-100% / 12 * 9); }
  .tablet-push-10 { left: 83.33333%; left: calc(100% / 12 * 10); left: -webkit-calc(100% / 12 * 10); left: -moz-calc(100% / 12 * 10); }
  .tablet-pull-10 { left: -83.33333%; left: calc(-100% / 12 * 10); left: -webkit-calc(-100% / 12 * 10); left: -moz-calc(-100% / 12 * 10); }
  .tablet-push-11 { left: 91.66666%; left: calc(100% / 12 * 11); left: -webkit-calc(100% / 12 * 11); left: -moz-calc(100% / 12 * 11); }
  .tablet-pull-11 { left: -91.66666%; left: calc(-100% / 12 * 11); left: -webkit-calc(-100% / 12 * 11); left: -moz-calc(-100% / 12 * 11); }
  .tablet-no-push, .tablet-no-pull { left: auto; }
  .tablet-row { padding-top: 1em; padding-bottom: 1em; }
  .tablet-full, body .width-610, div.search div.main { left: auto; clear: both; float: none; width: 100%; margin: 1em 0 0 0; display: block; }
  .tablet-full:first-child, body .width-610:first-child, div.search div.main:first-child { margin-top: 0; }
  .tablet-text-left { text-align: left; }
  .tablet-text-right { text-align: right; }
  .tablet-text-center { text-align: center; }
  .tablet-left { float: left; }
  .tablet-right { float: right; }
  .tablet-no-float { float: none; }
  .tablet-no-margin { margin: 0; }
  .tablet-no-padding, body .width-610, div.search div.main { padding: 0; }
  .no-tablet { display: none; }
  .show-tablet { display: block; } }

@media only screen and (max-width: 739px) { .container, .mobile-container { padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; float: none; }
  .container:first-child, .mobile-container:first-child { margin-left: auto; }
  .mobile-container-full { padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto; float: none; }
  .mobile-container-full:first-child { margin-left: auto; }
  .mobile-no-gutter { padding-left: 0; padding-right: 0; }
  .mobile-col-1-2 { width: 50%; width: calc(100% / 12 * 6); width: -webkit-calc(100% / 12 * 6); width: -moz-calc(100% / 12 * 6); }
  .mobile-col-1-3 { width: 33.33333%; width: calc(100% / 12 * 4); width: -webkit-calc(100% / 12 * 4); width: -moz-calc(100% / 12 * 4); }
  .mobile-col-1-4 { width: 25%; width: calc(100% / 12 * 3); width: -webkit-calc(100% / 12 * 3); width: -moz-calc(100% / 12 * 3); }
  .mobile-col-3-4 { width: 75%; width: calc(100% / 12 * 9); width: -webkit-calc(100% / 12 * 9); width: -moz-calc(100% / 12 * 9); }
  .mobile-push-1-2 { left: 50%; left: calc(100% / 12 * 6); left: -webkit-calc(100% / 12 * 6); left: -moz-calc(100% / 12 * 6); }
  .mobile-pull-1-2 { left: -50%; left: calc(-100% / 12 * 6); left: -webkit-calc(-100% / 12 * 6); left: -moz-calc(-100% / 12 * 6); }
  .mobile-push-1-3 { left: 25%; left: calc(100% / 12 * 3); left: -webkit-calc(100% / 12 * 3); left: -moz-calc(100% / 12 * 3); }
  .mobile-pull-1-3 { left: -25%; left: calc(-100% / 12 * 3); left: -webkit-calc(-100% / 12 * 3); left: -moz-calc(-100% / 12 * 3); }
  .mobile-push-1-4 { left: 33.33333%; left: calc(100% / 12 * 4); left: -webkit-calc(100% / 12 * 4); left: -moz-calc(100% / 12 * 4); }
  .mobile-pull-1-4 { left: -33.33333%; left: calc(-100% / 12 * 4); left: -webkit-calc(-100% / 12 * 4); left: -moz-calc(-100% / 12 * 4); }
  .mobile-push-3-4 { left: 75%; left: calc(100% / 12 * 9); left: -webkit-calc(100% / 12 * 9); left: -moz-calc(100% / 12 * 9); }
  .mobile-pull-3-4 { left: -75%; left: calc(-100% / 12 * 9); left: -webkit-calc(-100% / 12 * 9); left: -moz-calc(-100% / 12 * 9); }
  .mobile-no-push, .mobile-no-pull { left: auto; }
  .mobile-row { padding-top: 1em; padding-bottom: 1em; }
  .mobile-full, body .width-610, div.search div.main { left: auto; clear: both; float: none; width: 100%; margin: 0.2em 0 0 0; display: block; }
  .mobile-full:first-child, body .width-610:first-child, div.search div.main:first-child { margin-top: 0; }
  .mobile-text-left { text-align: left; }
  .mobile-text-right { text-align: right; }
  .mobile-text-center { text-align: center; }
  .mobile-left { float: left; }
  .mobile-right { float: right; }
  .mobile-no-float { float: none; }
  .mobile-no-margin { margin: 0; }
  .mobile-no-padding, body .width-610, div.search div.main { padding: 0; }
  .no-mobile { display: none; }
  .show-mobile { display: block; } }

@media print { * { background: transparent; }
  a, a:visited { text-decoration: underline; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100%; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; } }

@font-face { font-display: block; font-family: "icons"; font-style: normal; font-weight: 400; src: url("../fonts/icons.eot?1767087099259&v=02429fb7598a1f28dd064dbd2b244e73"); src: url("../fonts/icons.eot?v=02429fb7598a1f28dd064dbd2b244e73#iefix") format("embedded-opentype"), url("../fonts/icons.woff2?1767087099259&v=02429fb7598a1f28dd064dbd2b244e73") format("woff2"), url("../fonts/icons.woff?1767087099259&v=02429fb7598a1f28dd064dbd2b244e73") format("woff"), url("../fonts/icons.ttf?1767087099259&v=02429fb7598a1f28dd064dbd2b244e73") format("truetype"), url("../fonts/icons.svg?1767087099259&v=02429fb7598a1f28dd064dbd2b244e73#icons") format("svg"); }

.fvi, ul.has-icon.location > li:before { display: inline-block; font-family: "icons"; font-weight: 400; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }

.svg-icon { display: inline-block; width: 1em; height: 1em; line-height: 1; vertical-align: -0.125em; }

.svg-icon--fw { width: 1.25em; text-align: center; }

.fvi-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -0.0667em; }

.fvi-xs { font-size: 0.75em; }

.fvi-sm { font-size: 0.875em; }

.fvi-1x { font-size: 1em; }

.fvi-2x { font-size: 2em; }

.fvi-3x { font-size: 3em; }

.fvi-4x { font-size: 4em; }

.fvi-5x { font-size: 5em; }

.fvi-6x { font-size: 6em; }

.fvi-7x { font-size: 7em; }

.fvi-8x { font-size: 8em; }

.fvi-9x { font-size: 9em; }

.fvi-10x { font-size: 10em; }

.fvi-fw, .emoji { text-align: center; width: 1.25em; }

.fvi-border { border: solid 0.08em #eee; border-radius: 0.1em; padding: 0.2em 0.25em 0.15em; }

.fvi-pull-left { float: left; }

.fvi-pull-right { float: right; }

.fvi.fvi-pull-left, ul.has-icon.location > li.fvi-pull-left:before { margin-right: 0.3em; }

.fvi.fvi-pull-right, ul.has-icon.location > li.fvi-pull-right:before { margin-left: 0.3em; }

.fvi-amazon::before { content: "\ea01"; }

.fvi-apple::before { content: "\ea02"; }

.fvi-calendar::before { content: "\ea03"; }

.fvi-canaldigitaal::before { content: "\ea04"; }

.fvi-canalplus::before { content: "\ea05"; }

.fvi-cart-shopping::before { content: "\ea06"; }

.fvi-cinemember::before { content: "\ea07"; }

.fvi-cinetree::before { content: "\ea08"; }

.fvi-clock::before { content: "\ea09"; }

.fvi-disney-plus::before { content: "\ea0a"; }

.fvi-dplay::before { content: "\ea0b"; }

.fvi-earth-europa::before { content: "\ea0c"; }

.fvi-film1::before { content: "\ea0d"; }

.fvi-hbo::before { content: "\ea0e"; }

.fvi-hbomax::before { content: "\ea0f"; }

.fvi-imdb::before { content: "\ea10"; }

.fvi-location::before, ul.has-icon.location > li::before { content: "\ea11"; }

.fvi-mejane::before { content: "\ea12"; }

.fvi-mubi::before { content: "\ea13"; }

.fvi-netflix::before { content: "\ea14"; }

.fvi-nlziet::before { content: "\ea15"; }

.fvi-npo::before { content: "\ea16"; }

.fvi-pathe::before { content: "\ea17"; }

.fvi-picl::before { content: "\ea18"; }

.fvi-play::before { content: "\ea19"; }

.fvi-skyshowtime::before { content: "\ea1a"; }

.fvi-sst::before { content: "\ea1b"; }

.fvi-threads::before { content: "\ea1c"; }

.fvi-trending::before { content: "\ea1d"; }

.fvi-user::before { content: "\ea1e"; }

.fvi-users::before { content: "\ea1f"; }

.fvi-viaplay::before { content: "\ea20"; }

.fvi-videoland::before { content: "\ea21"; }

.fvi-withlove::before { content: "\ea22"; }

.fvi-x::before { content: "\ea23"; }

.fvi-ziggo::before { content: "\ea24"; }

.hide-mobile, #filmlijst-rechts, ul.filmpagina-info-lijst, .filmpagina-info-synopsis, .filmpagina-info-cover { visibility: visible; }

@media only screen and (max-width: 739px) { .hide-mobile, #filmlijst-rechts, ul.filmpagina-info-lijst, .filmpagina-info-synopsis, .filmpagina-info-cover { visibility: hidden !important; display: none !important; } }

.show-mobile { visibility: hidden; display: none; }

@media only screen and (max-width: 739px) { .show-mobile { visibility: visible !important; display: inherit !important; } }

.hide-tablet, #filmlijst-rechts { visibility: visible; }

@media only screen and (min-width: 740px) and (max-width: 994px) { .hide-tablet, #filmlijst-rechts { visibility: hidden !important; display: none !important; } }

.show-tablet { visibility: hidden; display: none; }

@media only screen and (min-width: 740px) and (max-width: 994px) { .show-tablet { visibility: visible !important; display: inherit !important; } }

.show-tablet-up { visibility: hidden; display: none; }

@media only screen and (min-width: 740px) { .show-tablet-up { visibility: visible !important; display: inherit !important; } }

@media only screen and (min-width: 995px) { .hide-desktop { visibility: hidden !important; display: none !important; } }

.show-desktop { visibility: hidden; display: none; }

@media only screen and (min-width: 995px) { .show-desktop { visibility: visible !important; display: inherit !important; } }

.show-large-desktop { visibility: hidden; display: none; }

@media only screen and (min-width: 1040px) { .show-large-desktop { visibility: visible !important; display: inherit !important; } }

/** Stylesheet FilmVandaag.nl Kijk hier gerust even rond :) @author Kaz Alting */
html { --font-bold: bold; --font-semibold: 600; --color-success: #059669; --color-warning: #c4830d; --color-error: #d73232; --color-facebook: #1877F2; --color-google: #EA4335; --color-star: #fdc017; --header-bg: #0e1628; --header-color: #e7ecf7; --header-fixed-bg: #121d34; --footer-bg: #0e1628; --footer-color: var(--tone-300); --footer-color-hover: var(--tone-50); --footer-heading-color: var(--tone-200); --body-color: #374151; --body-bg: #fff; --content-bg: #fff; --content-bg-rgb: 255, 255, 255; --border-color: #e4e4e4; --content-border-color: #e4e4e4; --embed-anchor-color: #0084c6; --embed-anchor-bg: 0, 131.783941606, 198.4; --embed-item-single-bg: rgba(0, 0, 0, 0.008); --embed-item-single-border: solid rgba(0, 0, 0, 0.1) 1px; --embed-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); --border-radius: 8px; --highlight-color: #0084c6; --label-color: #666; --label-bg: #fff; --label-active-bg: #f5f5f5; --label-active-border-color: #f5f5f5; --label-border-color: #e4e4e4; --label-border-color-hover: #ccc; --hr-color: #eee; --list-odd-bg: #f8f8f8; --list-even-bg: #fff; --list-color: #777; --top-tabs-bg: #fff; --h1-color: #ed2456; --input-bg: #fff; --input-border-color: #ddd; --input-color: inherit; --input-active-border-color: #7c6aff; --input-active-box-shadow: 0 0 0 4px #eceaff; --input-accent-color: #4f37ff; --input-transition: box-shadow 300ms, border-color 300ms, box-shadow 300ms, border-color 300ms; --input-disabled-bg: var(--tone-200); --input-disabled-border-color: var(--tone-300); --input-disabled-color: var(--tone-400); --search-border-color: #eee; --general-form-bg: #f7f7f7; --general-form-border-color: var(--tone-200); --notifications-bg: var(--body-bg); --notifications-bg-hover: var(--tone-50); --tooltip-bg: rgba(var(--black), 0.8); --tooltip-color: #fff; --tone-50: #f9fafb; --tone-100: #f3f4f6; --tone-200: #e5e7eb; --tone-300: #d1d5db; --tone-400: #9ca3af; --tone-500: #6b7280; --tone-600: #4b5563; --tone-700: #374151; --tone-800: #1f2937; --tone-900: #111827; --black: 10, 14, 22; --white: 255, 255, 255; --theme-toggle-color: var(--tone-300); --tag-icon-color: var(--color-accent); --table-head-bg: var(--color-accent); --table-head-color: #fff; --color-green: #1db193; --color-teal: #138ba5; --color-teal-dark: #11778e; --color-green-dark: #139279; --color-orange: #c8510c; --color-red: #d92100; --color-red-light: #ea7865; --color-bright: #2873e1; --color-blue: #2873e1; --color-purple: #4f37ff; --color-accent: #4f37ff; --color-accent-light: #eceaff; --color-secondary: #eff1f4; --color-vod-netflix: #d9232e; --color-vod-netflix-invert: #fff; --color-vod-videoland: #333; --color-vod-videoland-invert: #fff; --color-vod-disney: #136878; --color-vod-disney-invert: #fff; --color-vod-amazon: #00a0d6; --color-vod-amazon-invert: #fff; --color-vod-cinemember: #111; --color-vod-cinemember-invert: #fff; --color-vod-picl: #d19c3a; --color-vod-picl-invert: #fff; --color-vod-pathe: #ffc426; --color-vod-pathe-invert: #735300; --color-vod-cinetree: #FFE77E; --color-vod-cinetree-invert: #2e2e2e; --color-vod-nlziet: #e01955; --color-vod-nlziet-invert: #fff; --color-vod-ziggo: #f48c00; --color-vod-ziggo-invert: #fff; --color-vod-film1: #014471; --color-vod-film1-invert: #fff; --color-vod-npo: #FF6D00; --color-vod-npo-invert: #fff; --color-vod-dplay: #33b4eb; --color-vod-dplay-invert: #fff; --color-vod-apple: #1d1d1f; --color-vod-apple-invert: #fff; --color-vod-hbomax: #012de8; --color-vod-hbomax-invert: #fff; --color-vod-viaplay: #fe365f; --color-vod-viaplay-invert: #fff; --color-vod-mubi: #001489; --color-vod-mubi-invert: #fff; --color-vod-withlove: #e12813; --color-vod-withlove-invert: #fff; --color-vod-canaldigitaal: #C80000; --color-vod-canaldigitaal-invert: #fff; --color-vod-canalplus: #333; --color-vod-canalplus-invert: #fff; --color-vod-skyshowtime: #5735dc; --color-vod-skyshowtime-invert: #fff; --color-vod-all: #4f37ff; --color-vod-all-invert: #fff; }

html .hide-light { display: none !important; }

@media only screen { html[data-theme="dark"].enable-theme { color-scheme: dark; }
  html[data-theme="dark"].enable-theme { --header-bg: #151922; --header-color: var(--tone-600); --header-fixed-bg: #151922; --footer-bg: #151922; --footer-color: var(--tone-600); --footer-color-hover: var(--tone-800); --footer-heading-color: var(--tone-500); --body-color: #d2d7e3; --body-bg: #1b202b; --content-bg: #1b202b; --content-bg-rgb: 27, 32, 43; --border-color: var(--tone-200); --content-border-color: var(--tone-200); --embed-anchor-color: #d2d7e3; --embed-anchor-bg: 34.5714285714, 50.7767857143, 86.4285714286; --embed-item-single-bg: var(--tone-100); --embed-item-single-border: solid rgba(0, 0, 0, 0.1) 1px; --embed-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); --border-radius: 8px; --highlight-color: #47c1ff; --label-color: var(--tone-700); --label-bg: #2a3142; --label-active-bg: var(--tone-200); --label-active-border-color: var(--tone-200); --label-border-color: transparent; --label-border-color-hover: var(--tone-300); --hr-color: transparent; --list-odd-bg: var(--tone-50); --list-even-bg: var(--content-bg); --list-color: #b3bccf; --top-tabs-bg: var(--tone-50); --h1-color: var(--body-color); --input-bg: #2a3142; --input-border-color: var(--tone-300); --input-color: inherit; --input-active-border-color: var(--tone-400); --input-active-box-shadow: none; --input-accent-color: var(--body-color); --input-disabled-bg: var(--tone-50); --input-disabled-border-color: var(--tone-100); --input-disabled-color: var(--tone-500); --search-border-color: #2a3142; --general-form-bg: var(--tone-50); --general-form-border-color: transparent; --notifications-bg: var(--tone-50); --notifications-bg-hover: var(--tone-100); --tooltip-bg: rgba(var(--black), 0.8); --tooltip-color: var(--body-color); --tone-50: #212734; --tone-100: #252c3b; --tone-200: #333c51; --tone-300: #39435a; --tone-400: #607299; --tone-500: #8d9bb8; --tone-600: #c3cad9; --tone-700: #e2e5ed; --tone-800: #ebeef3; --tone-900: #fbfbfc; --black: 27, 32, 43; --white: 251.007142857, 251.471428571, 252.492857143; --theme-toggle-color: var(--tone-500); --table-head-bg: color-mix(in srgb, var(--color-accent) 40%, transparent); --table-head-color: var(--body-color); --color-green: #22927c; --color-orange: #d55e1a; --color-red: #c33016; --color-blue: #2969c7; --color-purple: #5b46f0; --color-accent: #5b46f0; --color-accent-light: #2e237a; --color-vod-videoland: #cccccc; --color-vod-cinemember: #eeeeee; --color-vod-cinetree: #FFE77E; --color-vod-film1: #0699fc; --color-vod-apple: #e2e2e0; --color-vod-hbomax: #6a86fe; --color-vod-mubi: #4762ff; --color-vod-canalplus: #fff; --color-vod-skyshowtime: #7b60e4; }
  html[data-theme="dark"].enable-theme img { filter: brightness(95%); }
  html[data-theme="dark"].enable-theme article div.news-bottom, html[data-theme="dark"].enable-theme article .in-article-box { background: var(--embed-item-single-bg); border-top: none; border-right: none; border-bottom: none; box-shadow: none; }
  html[data-theme="dark"].enable-theme article div.news-bottom h4, html[data-theme="dark"].enable-theme article div.news-bottom p, html[data-theme="dark"].enable-theme article .in-article-box h4, html[data-theme="dark"].enable-theme article .in-article-box p { color: var(--body-color); }
  html[data-theme="dark"].enable-theme .embed iframe, html[data-theme="dark"].enable-theme iframe[src*="googlesyndication.com"] { color-scheme: initial; }
  html[data-theme="dark"].enable-theme .hide-light { display: initial !important; }
  html[data-theme="dark"].enable-theme .hide-dark { display: none !important; }
  html[data-theme="dark"].enable-theme img.invert-dark { filter: invert(1); } }

@media only screen and (min-width: 995px) { html[data-theme="dark"].enable-theme { --body-bg: #11141b; --header-bg: #171b25; --footer-bg: var(--header-bg); --header-fixed-bg: var(--header-bg); } }

html { font-size: 17px; }

html, body { width: 100%; background: var(--body-bg); -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

@media only screen and (min-width: 995px) { html, body { background: var(--tone-50); } }

@media only screen and (min-width: 995px) { html[data-theme="dark"].enable-theme html, html[data-theme="dark"].enable-theme body { background: var(--body-bg); } }

body { text-align: center; font-family: "Inter", sans-serif; margin: 0px; min-height: 100%; }

body.hide-push-bell #webpushr-prompt-wrapper { display: none !important; }

* { box-sizing: border-box !important; }

*, *:before, *:after { box-sizing: inherit; }

@media print { .no-print, .no-print * { display: none !important; }
  .width-610 { width: 100% !important; }
  .width-610 .content { border: none !important; }
  html, body { background: transparent !important; } }

p.large:not(.item-list), ul.large:not(.item-list) { font-size: 115%; }

@media only screen and (max-width: 739px) { p.large:not(.item-list), ul.large:not(.item-list) { font-size: 105%; } }

body #container { position: relative; text-align: left; margin: 0 auto 0 auto !important; width: auto; height: auto !important; padding: 0; }

@media only screen and (max-width: 739px) { body #container { margin-bottom: 0 !important; min-height: 0; } }

@media only screen and (max-width: 994px) { body #container { overflow: clip; }
  @supports not (overflow: clip) { body #container { overflow: hidden; } } }

#content-wrapper, body #container { /*margin-left: 130px;*/ }

#content-wrapper { padding-bottom: 20px; position: relative; z-index: 1; }

.row, #content-wrapper, body #container, #header-container { max-width: 970px; margin: 0 auto; }

#content-wrapper { padding-top: 0; transition: max-width 0.3s ease; }

#content-wrapper > .transparent .content { background-color: transparent; border: none; }

#content-wrapper > .transparent .content h1 { text-align: center; margin-bottom: 2rem; }

#content-wrapper > .transparent .content h2.subtitel { text-align: center; margin-top: -1.5rem; }

#content-width-toggle { position: fixed; top: 130px; right: 20px; z-index: 100; background: var(--body-bg); border: 1px solid var(--border-color); border-radius: 5px; padding: 8px 12px; cursor: pointer; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); transition: all 0.2s ease; color: var(--body-color); }

#content-width-toggle:hover { background: var(--tone-50); border-color: var(--tone-400); }

#container { transition: max-width 0.3s ease; }

@media only screen and (min-width: 995px) { #container.container--expanded { max-width: 90vw; }
  #container.container--expanded #content-wrapper { max-width: 90vw; }
  #container.container--expanded .width-610 { width: 100% !important; }
  #container.container--expanded #filmlijst-rechts { display: none; } }

/* HEADER */
#header { position: relative; margin: 0 auto 0 auto; z-index: 99999999; background: var(--header-bg); transition: background 500ms; }

#header .theme-toggle { --size: 24px; --icon-fill: var(--theme-toggle-color); --icon-fill-hover: var(--icon-fill); position: absolute; right: 95px; top: 24px; background: none; border: none; padding: 0; inline-size: var(--size); block-size: var(--size); aspect-ratio: 1; border-radius: 50%; line-height: 0; transition: transform .5s; cursor: pointer; touch-action: manipulation; -webkit-tap-highlight-color: transparent; outline-offset: 5px; }

@media only screen and (min-width: 995px) { #header .theme-toggle { --size: 17px; --icon-fill: var(--header-color); --icon-fill-hover: var(--icon-fill); position: relative; top: -1px; left: 6px; right: auto; bottom: 0; vertical-align: middle; } }

#header .theme-toggle .auto { transition: opacity .3s; opacity: 0; text-transform: uppercase; color: var(--icon-fill); font-size: 8px; position: relative; left: -1px; top: 5px; }

@media only screen and (min-width: 995px) { #header .theme-toggle .auto { left: -3px; } }

#header .theme-toggle > svg { inline-size: 100%; block-size: 100%; stroke-linecap: round; }

#header .theme-toggle .sun { transition: transform .5s; }

#header .theme-toggle .sun-beams { transition: transform .5s, opacity .5s; }

#header .theme-toggle .sun-beams line { transition: opacity .5s; }

#header .theme-toggle .moon > circle { transition: transform .25s; }

#header .theme-toggle .sun-and-moon .moon, #header .theme-toggle .sun-and-moon .sun, #header .theme-toggle .sun-and-moon .sun-beams { transform-origin: center center; }

#header .theme-toggle .sun-and-moon .moon, #header .theme-toggle .sun-and-moon .sun { fill: var(--icon-fill); }

#header .theme-toggle .sun-and-moon > .sun-beams { stroke: var(--icon-fill); stroke-width: 2px; }

html[data-theme-config="dark"] #header .theme-toggle .sun, html[data-theme-config="auto"][data-theme="dark"] #header .theme-toggle .sun { transform: scale(1.75); transition-duration: .25s; }

html[data-theme-config="dark"] #header .theme-toggle .sun-beams, html[data-theme-config="auto"][data-theme="dark"] #header .theme-toggle .sun-beams { opacity: 0; transition-duration: .15s; }

html[data-theme-config="dark"] #header .theme-toggle .moon > circle, html[data-theme-config="auto"][data-theme="dark"] #header .theme-toggle .moon > circle { transform: translateX(-7px); }

html[data-theme-config="auto"] #header .theme-toggle { transform: translateY(-4px); }

html[data-theme-config="auto"] #header .theme-toggle .auto { opacity: 1; }

#header .theme-toggle:hover .sun-and-moon .moon, #header .theme-toggle:hover .sun-and-moon .sun, #header .theme-toggle:focus-visible .sun-and-moon .moon, #header .theme-toggle:focus-visible .sun-and-moon .sun { fill: var(--icon-fill-hover); }

#header .theme-toggle:hover .sun-and-moon .sun-beams, #header .theme-toggle:focus-visible .sun-and-moon .sun-beams { stroke: var(--icon-fill-hover); }

#header .badge { bottom: auto; right: 50px; top: 20px; z-index: 999; }

@media only screen and (max-width: 994px) { #header .badge { width: 32px; height: 32px; line-height: 32px; font-size: .9rem; right: 50px; } }

#header .badge.top { display: none; }

@media only screen and (min-width: 995px) { #header .badge { top: 35px; right: 0; }
  #header .badge.top { display: block; top: 3px; right: 0; } }

#header img.anniversary-hat { width: 20px; height: auto; position: absolute; left: -9px; top: -16px; transform: rotate(-30deg); z-index: 1; }

#header a.anniversary { position: absolute; top: -12px; right: -60px; }

#header a.anniversary img { width: auto; height: 40px; }

@media only screen and (max-width: 739px) { #header a.anniversary { right: -52px; }
  #header a.anniversary img { height: 40px; } }

@media only screen and (max-width: 350px) { #header a.anniversary { display: none; } }

body.theater-active { overflow: hidden; }

body.theater-active #toTop { visibility: hidden; }

@media only screen and (min-width: 995px) { body.fixed-header:not(.theater-active) { padding-top: 120px; }
  body.fixed-header:not(.theater-active) #header { position: fixed; width: 100%; top: -70px; background: var(--header-fixed-bg); transform: translateZ(0); } }

@media only screen and (min-width: 995px) and (min-width: 1120px) { body.fixed-header:not(.theater-active) #header #header-sub .logo img { top: 0; } }

@media only screen and (max-width: 994px) { html.fullscreen.search-sidebar, html.fullscreen.search-sidebar body, html.search-sidebar, html.search-sidebar body { overflow: hidden; }
  html.fullscreen.search-sidebar #header, html.fullscreen.search-sidebar #header-container, html.fullscreen.search-sidebar #toTop, html.fullscreen.search-sidebar #filmlijst-rechts, html.fullscreen.search-sidebar #footer, html.fullscreen.search-sidebar body #header, html.fullscreen.search-sidebar body #header-container, html.fullscreen.search-sidebar body #toTop, html.fullscreen.search-sidebar body #filmlijst-rechts, html.fullscreen.search-sidebar body #footer, html.search-sidebar #header, html.search-sidebar #header-container, html.search-sidebar #toTop, html.search-sidebar #filmlijst-rechts, html.search-sidebar #footer, html.search-sidebar body #header, html.search-sidebar body #header-container, html.search-sidebar body #toTop, html.search-sidebar body #filmlijst-rechts, html.search-sidebar body #footer { position: relative; z-index: 0 !important; }
  html.fullscreen.search-sidebar #ad-billboard, html.fullscreen.search-sidebar body #ad-billboard, html.search-sidebar #ad-billboard, html.search-sidebar body #ad-billboard { display: none !important; }
  html.fullscreen.search-sidebar #toTop, html.fullscreen.search-sidebar body #toTop, html.search-sidebar #toTop, html.search-sidebar body #toTop { visibility: hidden; } }

.header-fb { position: relative; margin-left: 250px; }

#header, #header-container { min-height: 121px; }

@media only screen and (max-width: 994px) { body.search #header-zoek { display: none; }
  body.search #header, body.search #header-container { min-height: 0; } }

#header-sub .logo { position: absolute; left: -70px; bottom: 0; width: 50px; height: 50px; overflow: hidden; }

#header-sub .logo img { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; position: absolute; width: 50px; height: 50px; top: -50px; }

#header-container { margin: 0 auto 0 auto; position: relative; text-align: left; }

#header-top { min-height: 70px; position: relative; }

#header-top .nav__toggle { position: absolute; right: 5px; top: 50%; transform: translateY(-50%); }

/* LOGO */
#header-logo { position: relative; top: 24px; width: 197px; height: 23px; }

@media only screen and (max-width: 994px) { #header-logo { position: absolute; left: 10px; top: 26px; width: 163px; height: 19px; }
  #header-logo.kerstmodus { left: 20px; } }

@media only screen and (max-width: 300px) { #header-logo { width: 103px; height: 12px; top: 28px; } }

#header-logo img { width: 100%; height: 100%; }

/* INLOGVELD */
#header-login { position: absolute; top: 0; right: 0; border: solid #fff 0px; height: 70px; line-height: 70px; }

#header-login .ui-header { padding-right: 50px; }

#header-login .ui-header a:first-of-type { display: inline-block; line-height: 1; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; }

#header-login .ui-header .user-icon { position: absolute; right: 0; top: 13px; margin-left: 7px; }

#header-login ul { font-size: 14px; font-family: "Inter", sans-serif; }

#header-login ul.login { line-height: 1; top: 50%; position: relative; -ms-transform: translateY(-50%); transform: translateY(-50%); }

#header-login ul.login li { border: none; margin: 0; padding: 0; display: inline-block; }

#header-login ul.login li a { display: inline-block; max-width: none; color: var(--header-color) !important; }

#header-login ul.login li a.privacy-link { color: var(--tone-500) !important; font-size: .8rem; }

#header-login ul.login li a.privacy-link:hover { border-color: transparent; }

#header-login, #header-login a { color: var(--header-color); text-decoration: none; }

#header-login a:hover { text-decoration: underline; }

#header-login ul { list-style: none; padding: 0; margin: 0; }

#header-login ul li { display: inline; margin-left: 0px; padding-left: 8px; margin-right: 0; }

/* ZOEKVELD */
#header-zoek { position: absolute; bottom: 7px; right: 0px; margin-top: 0px; border: solid #fff 0px; }

@media only screen and (max-width: 994px) { #header-zoek { width: 100%; padding: 0 20px; bottom: 10px; } }

#header-zoek input[type="text"] { border-radius: 25px; box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3); color: var(--body-color); padding: 10px 32px 9px 15px; border: none; width: 300px; font-size: 14px; background: var(--input-bg); }

@media only screen and (max-width: 994px) { #header-zoek input[type="text"] { width: 100%; font-size: 16px; } }

#header-zoek input[type="text"]:focus { border-color: #aaa; outline: none; }

#header-zoek .search-shortcut { display: none; position: absolute; right: 40px; top: 50%; transform: translateY(-50%); pointer-events: none; font-family: -apple-system, system-ui, sans-serif; font-size: 11px; line-height: 1; padding: 2px 5px; border-radius: 4px; opacity: .6; color: var(--tone-500); background: transparent; border: 1px solid var(--tone-300); }

@media only screen and (min-width: 995px) { .is-mac #header-zoek .search-shortcut { display: block; } }

#header-zoek input[type="text"]:focus ~ .search-shortcut, #header-zoek input[type="text"]:not(:placeholder-shown) ~ .search-shortcut { opacity: 0; transition: opacity .15s; }

#header-zoek button.glass, #header-zoek button.remove { /*background:url(/images/zoek-v2.png) #fff no-repeat; background-size: 16px 16px; background-color: transparent;*/ border: 0; display: block; position: absolute; cursor: pointer; outline: 0; font-size: 18px; background: none; line-height: 1; top: 1px; right: 1px; padding: 8px 15px 9px 8px; color: var(--tone-600); }

@media only screen and (max-width: 994px) { #header-zoek button.glass, #header-zoek button.remove { top: -5px; right: 16px; padding: 15px 16px; } }

#header-zoek button.glass .icon-loader, #header-zoek button.remove .icon-loader { top: 1px; }

#header-zoek button.remove { display: none; margin-right: 3px; }

.ui-autocomplete { border-radius: 10px; box-shadow: 0 0px 12px rgba(0, 0, 0, 0.1); border: solid var(--border-color) 1px; width: 450px; padding: 10px !important; }

.ui-autocomplete .autocomplete-img, .ui-autocomplete .autocomplete-icon { /*width: 35px; height: 50px;*/ width: 45px; height: 64px; float: left; background-color: var(--tone-200); margin: 3px 10px 3px 3px; padding: 0; border-radius: 4px; object-fit: cover; }

.ui-autocomplete .autocomplete-img.cinema, .ui-autocomplete .autocomplete-img.city, .ui-autocomplete .autocomplete-icon.cinema, .ui-autocomplete .autocomplete-icon.city { height: 45px; }

.ui-autocomplete .autocomplete-img.news, .ui-autocomplete .autocomplete-icon.news { height: 69px; width: 75px; }

.ui-autocomplete .autocomplete-img.small, .ui-autocomplete .autocomplete-icon.small { height: 24px; width: 24px; }

.ui-autocomplete .autocomplete-img.autocomplete-icon, .ui-autocomplete .autocomplete-icon.autocomplete-icon { text-align: center; }

.ui-autocomplete .autocomplete-img.autocomplete-icon i, .ui-autocomplete .autocomplete-icon.autocomplete-icon i { font-size: 25px; line-height: 45px; color: var(--tone-500); }

.ui-autocomplete .autocomplete-img.user-icon, .ui-autocomplete .autocomplete-icon.user-icon { background-color: transparent; }

.ui-autocomplete div.autocomplete-flex { display: flex; }

.ui-autocomplete div.autocomplete-flex .autocomplete-img { float: none; }

.ui-autocomplete div.autocomplete-flex .autocomplete-txt { flex: 1; }

.ui-autocomplete a { height: auto; overflow: hidden; }

.ui-autocomplete a.autocomplete-alles { float: left; width: 100%; line-height: 32px; font-weight: bold; border: 0; text-indent: 5px; background: #eee; color: #444; text-decoration: none; text-align: center; border-top: solid #bbb 0px; font-size: 1.1em; border-radius: 10px; }

.ui-autocomplete a.autocomplete-alles:hover { background-color: #e7e7e7; }

.ui-autocomplete .autocomplete-rest { font-size: 12px; line-height: 17px; color: var(--tone-500); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 95%; }

@media only screen and (min-width: 995px) { .ui-autocomplete .autocomplete-rest { max-width: 80%; } }

.ui-autocomplete .autocomplete-rating { float: right; font-size: 12px; font-weight: bold; margin-left: 5px; margin-right: 5px; position: relative; top: 0px; }

.ui-autocomplete .autocomplete-rating img { position: relative; top: 4px; width: 16px; height: 16px; margin-right: 1px; }

.ui-autocomplete .autocomplete-txt { margin-top: 2px; }

.ui-autocomplete .autocomplete-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: .85rem; }

.ui-autocomplete .autocomplete-title.wrap { white-space: normal; margin-bottom: .2em; }

.ui-autocomplete .ui-menu-item a { border-radius: 5px; }

.ui-autocomplete .ui-menu-item a.ui-state-active { background: var(--notifications-bg-hover); }

.ui-autocomplete .ui-menu-item a.small { line-height: 24px; }

.ui-autocomplete .ui-autocomplete-category { padding: 10px 0 10px 7px; position: relative; margin: 10px 0 7px 0; }

.ui-autocomplete .ui-autocomplete-category:first-child { margin-top: 0; }

.ui-autocomplete .ui-autocomplete-category:last-child { margin-bottom: 0; margin-top: 7px; }

.ui-autocomplete .ui-autocomplete-category h3 { margin-top: 0; margin-bottom: 0; color: var(--tone-500); text-transform: uppercase; font-size: .85rem; font-family: "Inter", sans-serif; font-weight: bold; display: inline; border-left: solid 2px; border-left-color: #ed2456; padding-left: 5px; letter-spacing: 1px; }

.ui-autocomplete .ui-autocomplete-category h3.show, .ui-autocomplete .ui-autocomplete-category h3.trending-show { border-left-color: var(--color-green); }

.ui-autocomplete .ui-autocomplete-category h3.director { border-left-color: var(--color-orange); }

.ui-autocomplete .ui-autocomplete-category h3.cast { border-left-color: var(--color-teal); }

.ui-autocomplete .ui-autocomplete-category h3.city { border-left-color: var(--color-blue); }

.ui-autocomplete .ui-autocomplete-category h3.user { border-left-color: var(--tone-500); }

.ui-autocomplete .ui-autocomplete-category h3.page { border-left-color: var(--color-accent); }

.ui-autocomplete .ui-autocomplete-category h3.news { border-left-color: var(--color-blue); }

.ui-autocomplete .ui-autocomplete-category span.more { display: block; position: absolute; right: 0; top: -3px; }

.ui-autocomplete .ui-autocomplete-category span.more a i { font-size: .8em; margin-left: 5px; }

.ui-autocomplete .ui-autocomplete-noresults a { font-size: 1.3em; padding: 20px 20px 10px 20px !important; text-align: center; }

.ui-autocomplete .ui-autocomplete-noresults a, .ui-autocomplete .ui-autocomplete-noresults a:hover { background: transparent !important; }

@media only screen and (min-width: 995px) { .ui-autocomplete .ui-autocomplete-noresults a { font-size: 1.3em; } }

@media only screen and (max-width: 994px) { .ui-autocomplete { width: 100% !important; max-height: none !important; left: 0 !important; border-radius: 0 !important; margin-top: 10px !important; border-left: none !important; border-right: none !important; border-top: none !important; }
  .ui-autocomplete.ui-menu { margin-top: 20px !important; }
  .ui-autocomplete .autocomplete-title { font-size: 15px; }
  .ui-autocomplete .autocomplete-rest { font-size: 14px !important; line-height: inherit !important; margin-top: 0px !important; max-height: 2.6em !important; overflow: hidden !important; }
  .ui-autocomplete .autocomplete-rest .director { display: none; }
  .ui-autocomplete .with { display: none; } }

@media only screen and (min-width: 995px) { .ui-autocomplete { max-height: 80vh !important; } }

.ui-helper-hidden-accessible { display: none; }

/* ALGEMENE WAARDES */
a { outline: 0; text-decoration: underline; }

a.underline { text-decoration: underline !important; }

a.underline:hover { text-decoration: none !important; }

a.invert { text-decoration: none !important; }

a.invert:hover { text-decoration: underline !important; }

a img { border: 0; }

i.fvi { font-family: 'icons' !important; }

.fvi-fw, .emoji { width: 1.28571429em; text-align: center; }

i.fa, i.label-filter.is-loading:before, div.search i.is-loading.filter:before, #container i.button.button--cta:after, #header i.button.button--cta:after, .container i.button.button--cta:after, i.button.button--cta:after, #container i.button.is-loading:after, #container i.button.button--is-loading:after, #header i.button.is-loading:after, #header i.button.button--is-loading:after, .container i.button.is-loading:after, .container i.button.button--is-loading:after, i.button.is-loading:after, i.button.button--is-loading:after { font-family: 'FontAwesome' !important; }

.fa-li { top: auto !important; }

.emoji { display: inline-block; }

ul.has-icon { padding: 0; list-style: none; margin-left: .5em; }

ul.has-icon.indent { margin-left: 1em; }

ul.has-icon > li { position: relative; padding-left: 1.1em; }

ul.has-icon > li:before { display: inline-block; margin-left: -1.1em; width: 1.1em; font-family: 'FontAwesome'; content: '\f105'; }

ul.has-icon.location > li { padding-left: 1.3em; }

ul.has-icon.location > li:before { margin-left: -1.3em; width: 1.3em; }

ul.has-icon.custom-icon > li { padding-left: 1.75rem; }

ul.has-icon.custom-icon > li .icon { position: absolute; left: 0; }

ul.has-icon.custom-icon > li:before { display: none; }

.center { margin: 0 auto 0 auto; text-align: center; }

.position-center { margin: 0 auto; }

.flex-center { display: flex; justify-content: center; }

.text-center { text-align: center !important; }

@media only screen and (max-width: 739px) { .text-center-mobile { text-align: center !important; } }

.text-red { color: #ed2456 !important; }

.text-green { color: #1db193; }

.text-blue { color: var(--color-blue); }

.text-purple { color: var(--color-purple); }

.text-teal { color: #138ba5 !important; }

.text-accent { color: var(--color-accent) !important; }

.text-highlight { color: var(--highlight-color) !important; }

.text-help { cursor: help; border-bottom: dotted 1px; text-decoration: none !important; }

span.highlight { background: #ffff99; }

span.highlight.secondary { background: #d6d0ff; }

@media only screen { html[data-theme="dark"].enable-theme span.highlight { background: var(--tone-400); } }

.text-orange { color: var(--color-orange); }

.text-star { color: var(--color-star); }

.text-gray, .text-muted { color: var(--tone-400) !important; }

.text-light { color: var(--tone-500) !important; }

.text-inherit { color: inherit !important; }

.radius { border-radius: 5px !important; }

.round { border-radius: 999px !important; }

.text-vod-netflix { color: #d9232e; }

.text-vod-netflix.dark { color: #88464a; }

.text-vod-netflix-alternate { color: #fff !important; }

.border-color-vod-netflix { border-color: #d9232e !important; }

.background-vod-netflix, .background-vod-netflix.background-vod-netflix--dark { background-color: #d9232e; }

.background-vod-netflix.background-vod-netflix--dark { border-color: #d9232e; }

.background-vod-netflix.gradient, .background-vod-netflix.background-vod-netflix--gradient { background: linear-gradient(195deg, #d9232e 0%, #e05140 100%); }

@media only screen { html[data-theme="dark"].enable-theme .background-vod-netflix.gradient, html[data-theme="dark"].enable-theme .background-vod-netflix.background-vod-netflix--gradient { background: linear-gradient(10deg, #b23038 0%, #ca4b3c 100%); } }

.background-vod-netflix.light, .background-vod-netflix.background-vod-netflix--light { background-color: #fdf4f5; border-color: rgba(186, 67, 74, 0.15); }

.text-vod-disney { color: #136878; }

.text-vod-disney.dark { color: #1f393e; }

.text-vod-disney-alternate { color: #fff !important; }

.border-color-vod-disney { border-color: #136878 !important; }

.background-vod-disney, .background-vod-disney.background-vod-disney--dark { background-color: #136878; }

.background-vod-disney.background-vod-disney--dark { border-color: #136878; }

.background-vod-disney.gradient, .background-vod-disney.background-vod-disney--gradient { background: linear-gradient(195deg, #136878 0%, #1d87ba 100%); }

@media only screen { html[data-theme="dark"].enable-theme .background-vod-disney.gradient, html[data-theme="dark"].enable-theme .background-vod-disney.background-vod-disney--gradient { background: linear-gradient(10deg, #184f59 0%, #287296 100%); } }

.background-vod-disney.light, .background-vod-disney.background-vod-disney--light { background-color: #f3f7f8; border-color: rgba(36, 92, 103, 0.15); }

.text-vod-videoland { color: #333; }

.text-vod-videoland.dark { color: #1c1c1c; }

@media only screen { html[data-theme="dark"].enable-theme .text-vod-videoland:not(.original), html[data-theme="dark"].enable-theme .text-vod-videoland.dark { color: #cccccc; } }

.text-vod-videoland-alternate { color: #fff !important; }

.border-color-vod-videoland { border-color: #333 !important; }

.background-vod-videoland, .background-vod-videoland.background-vod-videoland--dark { background-color: #333; }

.background-vod-videoland.background-vod-videoland--dark { border-color: #333; }

.background-vod-videoland.gradient, .background-vod-videoland.background-vod-videoland--gradient { background: linear-gradient(195deg, #333 0%, #595959 100%); }

@media only screen { html[data-theme="dark"].enable-theme .background-vod-videoland.gradient, html[data-theme="dark"].enable-theme .background-vod-videoland.background-vod-videoland--gradient { background: linear-gradient(10deg, #262626 0%, #4d4c4c 100%); } }

.background-vod-videoland.light, .background-vod-videoland.background-vod-videoland--light { background-color: whitesmoke; border-color: rgba(51, 51, 51, 0.15); }

.text-vod-amazon { color: #00a0d6; }

.text-vod-amazon.dark { color: #226d86; }

.text-vod-amazon-alternate { color: #fff !important; }

.border-color-vod-amazon { border-color: #00a0d6 !important; }

.background-vod-amazon, .background-vod-amazon.background-vod-amazon--dark { background-color: #00a0d6; }

.background-vod-amazon.background-vod-amazon--dark { border-color: #00a0d6; }

.background-vod-amazon.gradient, .background-vod-amazon.background-vod-amazon--gradient { background: linear-gradient(195deg, #00a0d6 0%, #0053fa 100%); }

@media only screen { html[data-theme="dark"].enable-theme .background-vod-amazon.gradient, html[data-theme="dark"].enable-theme .background-vod-amazon.background-vod-amazon--gradient { background: linear-gradient(10deg, #0e86ae 0%, #1150cf 100%); } }

.background-vod-amazon.light, .background-vod-amazon.background-vod-amazon--light { background-color: #f2fafd; border-color: rgba(27, 147, 187, 0.15); }

.text-vod-cinemember { color: #111; }

.text-vod-cinemember.dark { color: black; }

@media only screen { html[data-theme="dark"].enable-theme .text-vod-cinemember:not(.original), html[data-theme="dark"].enable-theme .text-vod-cinemember.dark { color: #eeeeee; } }

.text-vod-cinemember-alternate { color: #fff !important; }

.border-color-vod-cinemember { border-color: #111 !important; }

.background-vod-cinemember, .background-vod-cinemember.background-vod-cinemember--dark { background-color: #111; }

.background-vod-cinemember.background-vod-cinemember--dark { border-color: #111; }

.background-vod-cinemember.gradient, .background-vod-cinemember.background-vod-cinemember--gradient { background: linear-gradient(195deg, #111 0%, #373737 100%); }

@media only screen { html[data-theme="dark"].enable-theme .background-vod-cinemember.gradient, html[data-theme="dark"].enable-theme .background-vod-cinemember.background-vod-cinemember--gradient { background: linear-gradient(10deg, #040404 0%, #2b2a2a 100%); } }

.background-vod-cinemember.light, .background-vod-cinemember.background-vod-cinemember--light { background-color: #f3f3f3; border-color: rgba(17, 17, 17, 0.15); }

.text-vod-picl { color: #d19c3a; }

.text-vod-picl.dark { color: #877656; }

.text-vod-picl-alternate { color: #fff !important; }

.border-color-vod-picl { border-color: #d19c3a !important; }

.background-vod-picl, .background-vod-picl.background-vod-picl--dark { background-color: #d19c3a; }

.background-vod-picl.background-vod-picl--dark { border-color: #d19c3a; }

.background-vod-picl.gradient, .background-vod-picl.background-vod-picl--gradient { background: linear-gradient(195deg, #d19c3a 0%, #d8c057 100%); }

@media only screen { html[data-theme="dark"].enable-theme .background-vod-picl.gradient, html[data-theme="dark"].enable-theme .background-vod-picl.background-vod-picl--gradient { background: linear-gradient(10deg, #b28a40 0%, #c1ad54 100%); } }

.background-vod-picl.light, .background-vod-picl.background-vod-picl--light { background-color: #fdfaf5; border-color: rgba(179, 147, 88, 0.15); }

.text-vod-pathe { color: #ffc426; }

.text-vod-pathe.dark { color: #735300; }

.text-vod-pathe-alternate { color: #735300 !important; }

.border-color-vod-pathe { border-color: #ffc426 !important; }

.background-vod-pathe, .background-vod-pathe.background-vod-pathe--dark { background-color: #ffc426; }

.background-vod-pathe.background-vod-pathe--dark { border-color: #ffc426; }

.background-vod-pathe.gradient, .background-vod-pathe.background-vod-pathe--gradient { background: linear-gradient(195deg, #ffc426 0%, #ffec4a 100%); }

@media only screen { html[data-theme="dark"].enable-theme .background-vod-pathe.gradient, html[data-theme="dark"].enable-theme .background-vod-pathe.background-vod-pathe--gradient { background: linear-gradient(10deg, #edb51f 0%, #efdd40 100%); } }

.background-vod-pathe.light, .background-vod-pathe.background-vod-pathe--light { background-color: #fffcf4; border-color: rgba(228, 184, 65, 0.15); }

.text-vod-cinetree { color: #333; }

.text-vod-cinetree.dark { color: #1c1c1c; }

@media only screen { html[data-theme="dark"].enable-theme .text-vod-cinetree:not(.original), html[data-theme="dark"].enable-theme .text-vod-cinetree.dark { color: #FFE77E; } }

.text-vod-cinetree-alternate { color: #2e2e2e !important; }

.border-color-vod-cinetree { border-color: #FFE77E !important; }

.background-vod-cinetree, .background-vod-cinetree.background-vod-cinetree--dark { background-color: #FFE77E; }

.background-vod-cinetree.background-vod-cinetree--dark { border-color: #FFE77E; }

.background-vod-cinetree.gradient, .background-vod-cinetree.background-vod-cinetree--gradient { background: linear-gradient(195deg, #FFE77E 0%, #fffda2 100%); }

@media only screen { html[data-theme="dark"].enable-theme .background-vod-cinetree.gradient, html[data-theme="dark"].enable-theme .background-vod-cinetree.background-vod-cinetree--gradient { background: linear-gradient(10deg, #f3db70 0%, #f6f491 100%); } }

.background-vod-cinetree.light, .background-vod-cinetree.background-vod-cinetree--light { background-color: #fffbec; border-color: rgba(239, 221, 142, 0.5); }

.text-vod-nlziet { color: #e01955; }

.text-vod-nlziet.dark { color: #8e3d55; }

.text-vod-nlziet-alternate { color: #fff !important; }

.border-color-vod-nlziet { border-color: #e01955 !important; }

.background-vod-nlziet, .background-vod-nlziet.background-vod-nlziet--dark { background-color: #e01955; }

.background-vod-nlziet.background-vod-nlziet--dark { border-color: #e01955; }

.background-vod-nlziet.gradient, .background-vod-nlziet.background-vod-nlziet--gradient { background: linear-gradient(195deg, #e01955 0%, #e8344c 100%); }

@media only screen { html[data-theme="dark"].enable-theme .background-vod-nlziet.gradient, html[data-theme="dark"].enable-theme .background-vod-nlziet.background-vod-nlziet--gradient { background: linear-gradient(10deg, #b82753 0%, #d33046 100%); } }

.background-vod-nlziet.light, .background-vod-nlziet.background-vod-nlziet--light { background-color: #fdf3f6; border-color: rgba(193, 56, 97, 0.15); }

.text-vod-ziggo { color: #f48c00; }

.text-vod-ziggo.dark { color: #9e6c28; }

.text-vod-ziggo-alternate { color: #fff !important; }

.border-color-vod-ziggo { border-color: #f48c00 !important; }

.background-vod-ziggo, .background-vod-ziggo.background-vod-ziggo--dark { background-color: #f48c00; }

.background-vod-ziggo.background-vod-ziggo--dark { border-color: #f48c00; }

.background-vod-ziggo.gradient, .background-vod-ziggo.background-vod-ziggo--gradient { background: linear-gradient(195deg, #f48c00 0%, #ffc319 100%); }

@media only screen { html[data-theme="dark"].enable-theme .background-vod-ziggo.gradient, html[data-theme="dark"].enable-theme .background-vod-ziggo.background-vod-ziggo--gradient { background: linear-gradient(10deg, #ca7b10 0%, #ebb313 100%); } }

.background-vod-ziggo.light, .background-vod-ziggo.background-vod-ziggo--light { background-color: #fef9f2; border-color: rgba(214, 136, 31, 0.15); }

.text-vod-film1 { color: #014471; }

.text-vod-film1.dark { color: #0f2636; }

@media only screen { html[data-theme="dark"].enable-theme .text-vod-film1:not(.original), html[data-theme="dark"].enable-theme .text-vod-film1.dark { color: #0699fc; } }

.text-vod-film1-alternate { color: #fff !important; }

.border-color-vod-film1 { border-color: #014471 !important; }

.background-vod-film1, .background-vod-film1.background-vod-film1--dark { background-color: #014471; }

.background-vod-film1.background-vod-film1--dark { border-color: #014471; }

.background-vod-film1.gradient, .background-vod-film1.background-vod-film1--gradient { background: linear-gradient(195deg, #014471 0%, #0253bd 100%); }

@media only screen { html[data-theme="dark"].enable-theme .background-vod-film1.gradient, html[data-theme="dark"].enable-theme .background-vod-film1.background-vod-film1--gradient { background: linear-gradient(10deg, #083451 0%, #0f4997 100%); } }

.background-vod-film1.light, .background-vod-film1.background-vod-film1--light { background-color: #f2f6f8; border-color: rgba(16, 65, 99, 0.15); }

.text-vod-npo { color: #FF6D00; }

.text-vod-npo.dark { color: #a75f2a; }

.text-vod-npo-alternate { color: #fff !important; }

.border-color-vod-npo { border-color: #FF6D00 !important; }

.background-vod-npo, .background-vod-npo.background-vod-npo--dark { background-color: #FF6D00; }

.background-vod-npo.background-vod-npo--dark { border-color: #FF6D00; }

.background-vod-npo.gradient, .background-vod-npo.background-vod-npo--gradient { background: linear-gradient(195deg, #FF6D00 0%, #ffa624 100%); }

@media only screen { html[data-theme="dark"].enable-theme .background-vod-npo.gradient, html[data-theme="dark"].enable-theme .background-vod-npo.background-vod-npo--gradient { background: linear-gradient(10deg, #d46511 0%, #ed981d 100%); } }

.background-vod-npo.light, .background-vod-npo.background-vod-npo--light { background-color: #fff8f2; border-color: rgba(223, 114, 32, 0.15); }

.text-vod-dplay { color: #33b4eb; }

.text-vod-dplay.dark { color: #458cab; }

.text-vod-dplay-alternate { color: #fff !important; }

.border-color-vod-dplay { border-color: #33b4eb !important; }

.background-vod-dplay, .background-vod-dplay.background-vod-dplay--dark { background-color: #33b4eb; }

.background-vod-dplay.background-vod-dplay--dark { border-color: #33b4eb; }

.background-vod-dplay.gradient, .background-vod-dplay.background-vod-dplay--gradient { background: linear-gradient(195deg, #33b4eb 0%, #5480ee 100%); }

@media only screen { html[data-theme="dark"].enable-theme .background-vod-dplay.gradient, html[data-theme="dark"].enable-theme .background-vod-dplay.background-vod-dplay--gradient { background: linear-gradient(10deg, #2ea4d6 0%, #4c75dc 100%); } }

.background-vod-dplay.light, .background-vod-dplay.background-vod-dplay--light { background-color: #f5fbfe; border-color: rgba(79, 169, 207, 0.15); }

.text-vod-apple { color: #1d1d1f; }

.text-vod-apple.dark { color: #070707; }

@media only screen { html[data-theme="dark"].enable-theme .text-vod-apple:not(.original), html[data-theme="dark"].enable-theme .text-vod-apple.dark { color: #e2e2e0; } }

.text-vod-apple-alternate { color: #fff !important; }

.border-color-vod-apple { border-color: #1d1d1f !important; }

.background-vod-apple, .background-vod-apple.background-vod-apple--dark { background-color: #1d1d1f; }

.background-vod-apple.background-vod-apple--dark { border-color: #1d1d1f; }

.background-vod-apple.gradient, .background-vod-apple.background-vod-apple--gradient { background: linear-gradient(195deg, #1d1d1f 0%, #434247 100%); }

@media only screen { html[data-theme="dark"].enable-theme .background-vod-apple.gradient, html[data-theme="dark"].enable-theme .background-vod-apple.background-vod-apple--gradient { background: linear-gradient(10deg, #111111 0%, #373738 100%); } }

.background-vod-apple.light, .background-vod-apple.background-vod-apple--light { background-color: #f4f4f4; border-color: rgba(30, 30, 30, 0.15); }

.text-vod-hbomax { color: #012de8; }

.text-vod-hbomax.dark { color: #263b95; }

@media only screen { html[data-theme="dark"].enable-theme .text-vod-hbomax:not(.original), html[data-theme="dark"].enable-theme .text-vod-hbomax.dark { color: #6a86fe; } }

.text-vod-hbomax-alternate { color: #fff !important; }

.border-color-vod-hbomax { border-color: #012de8 !important; }

.background-vod-hbomax, .background-vod-hbomax.background-vod-hbomax--dark { background-color: #012de8; }

.background-vod-hbomax.background-vod-hbomax--dark { border-color: #012de8; }

.background-vod-hbomax.gradient, .background-vod-hbomax.background-vod-hbomax--gradient { background: linear-gradient(195deg, #012de8 0%, #450ffe 100%); }

@media only screen { html[data-theme="dark"].enable-theme .background-vod-hbomax.gradient, html[data-theme="dark"].enable-theme .background-vod-hbomax.background-vod-hbomax--gradient { background: linear-gradient(10deg, #1032bf 0%, #4213e0 100%); } }

.background-vod-hbomax.light, .background-vod-hbomax.background-vod-hbomax--light { background-color: #f2f5fe; border-color: rgba(30, 63, 203, 0.15); }

.text-vod-viaplay { color: #fe365f; }

.text-vod-viaplay.dark { color: #cc3a58; }

.text-vod-viaplay-alternate { color: #fff !important; }

.border-color-vod-viaplay { border-color: #fe365f !important; }

.background-vod-viaplay, .background-vod-viaplay.background-vod-viaplay--dark { background-color: #fe365f; }

.background-vod-viaplay.background-vod-viaplay--dark { border-color: #fe365f; }

.background-vod-viaplay.gradient, .background-vod-viaplay.background-vod-viaplay--gradient { background: linear-gradient(195deg, #fe365f 0%, #fe5a60 100%); }

@media only screen { html[data-theme="dark"].enable-theme .background-vod-viaplay.gradient, html[data-theme="dark"].enable-theme .background-vod-viaplay.background-vod-viaplay--gradient { background: linear-gradient(10deg, #ed2e55 0%, #f04f55 100%); } }

.background-vod-viaplay.light, .background-vod-viaplay.background-vod-viaplay--light { background-color: #fff5f7; border-color: rgba(229, 79, 110, 0.15); }

.text-vod-withlove { color: #e12813; }

.text-vod-withlove.dark { color: #8f4037; }

.text-vod-withlove-alternate { color: #fff !important; }

.border-color-vod-withlove { border-color: #e12813 !important; }

.background-vod-withlove, .background-vod-withlove.background-vod-withlove--dark { background-color: #e12813; }

.background-vod-withlove.background-vod-withlove--dark { border-color: #e12813; }

.background-vod-withlove.gradient, .background-vod-withlove.background-vod-withlove--gradient { background: linear-gradient(195deg, #e12813 0%, #ed5f2b 100%); }

@media only screen { html[data-theme="dark"].enable-theme .background-vod-withlove.gradient, html[data-theme="dark"].enable-theme .background-vod-withlove.background-vod-withlove--gradient { background: linear-gradient(10deg, #b93121 0%, #d75627 100%); } }

.background-vod-withlove.light, .background-vod-withlove.background-vod-withlove--light { background-color: #fef4f3; border-color: rgba(195, 64, 50, 0.15); }

.text-vod-canaldigitaal { color: #C80000; }

.text-vod-canaldigitaal.dark { color: #7b1f1f; }

.text-vod-canaldigitaal-alternate { color: #fff !important; }

.border-color-vod-canaldigitaal { border-color: #C80000 !important; }

.background-vod-canaldigitaal, .background-vod-canaldigitaal.background-vod-canaldigitaal--dark { background-color: #C80000; }

.background-vod-canaldigitaal.background-vod-canaldigitaal--dark { border-color: #C80000; }

.background-vod-canaldigitaal.gradient, .background-vod-canaldigitaal.background-vod-canaldigitaal--gradient { background: linear-gradient(195deg, #C80000 0%, #ec2700 100%); }

@media only screen { html[data-theme="dark"].enable-theme .background-vod-canaldigitaal.gradient, html[data-theme="dark"].enable-theme .background-vod-canaldigitaal.background-vod-canaldigitaal--gradient { background: linear-gradient(10deg, #a10d0d 0%, #c22e10 100%); } }

.background-vod-canaldigitaal.light, .background-vod-canaldigitaal.background-vod-canaldigitaal--light { background-color: #fcf2f2; border-color: rgba(175, 25, 25, 0.15); }

.text-vod-canalplus { color: #333; }

.text-vod-canalplus.dark { color: #1c1c1c; }

@media only screen { html[data-theme="dark"].enable-theme .text-vod-canalplus:not(.original), html[data-theme="dark"].enable-theme .text-vod-canalplus.dark { color: #fff; } }

.text-vod-canalplus-alternate { color: #fff !important; }

.border-color-vod-canalplus { border-color: #333 !important; }

.background-vod-canalplus, .background-vod-canalplus.background-vod-canalplus--dark { background-color: #333; }

.background-vod-canalplus.background-vod-canalplus--dark { border-color: #333; }

.background-vod-canalplus.gradient, .background-vod-canalplus.background-vod-canalplus--gradient { background: linear-gradient(195deg, #333 0%, #595959 100%); }

@media only screen { html[data-theme="dark"].enable-theme .background-vod-canalplus.gradient, html[data-theme="dark"].enable-theme .background-vod-canalplus.background-vod-canalplus--gradient { background: linear-gradient(10deg, #262626 0%, #4d4c4c 100%); } }

.background-vod-canalplus.light, .background-vod-canalplus.background-vod-canalplus--light { background-color: whitesmoke; border-color: rgba(51, 51, 51, 0.15); }

.text-vod-skyshowtime { color: #5735dc; }

.text-vod-skyshowtime.dark { color: #5d4f94; }

@media only screen { html[data-theme="dark"].enable-theme .text-vod-skyshowtime:not(.original), html[data-theme="dark"].enable-theme .text-vod-skyshowtime.dark { color: #7b60e4; } }

.text-vod-skyshowtime-alternate { color: #fff !important; }

.border-color-vod-skyshowtime { border-color: #5735dc !important; }

.background-vod-skyshowtime, .background-vod-skyshowtime.background-vod-skyshowtime--dark { background-color: #5735dc; }

.background-vod-skyshowtime.background-vod-skyshowtime--dark { border-color: #5735dc; }

.background-vod-skyshowtime.gradient, .background-vod-skyshowtime.background-vod-skyshowtime--gradient { background: linear-gradient(195deg, #5735dc 0%, #ab53e1 100%); }

@media only screen { html[data-theme="dark"].enable-theme .background-vod-skyshowtime.gradient, html[data-theme="dark"].enable-theme .background-vod-skyshowtime.background-vod-skyshowtime--gradient { background: linear-gradient(10deg, #5337c0 0%, #9d4fcc 100%); } }

.background-vod-skyshowtime.light, .background-vod-skyshowtime.background-vod-skyshowtime--light { background-color: #f7f5fd; border-color: rgba(105, 83, 190, 0.15); }

.text-vod-mubi { color: #001489; }

.text-vod-mubi.dark { color: #121a49; }

@media only screen { html[data-theme="dark"].enable-theme .text-vod-mubi:not(.original), html[data-theme="dark"].enable-theme .text-vod-mubi.dark { color: #4762ff; } }

.text-vod-mubi-alternate { color: #fff !important; }

.border-color-vod-mubi { border-color: #001489 !important; }

.background-vod-mubi, .background-vod-mubi.background-vod-mubi--dark { background-color: #001489; }

.background-vod-mubi.background-vod-mubi--dark { border-color: #001489; }

.background-vod-mubi.gradient, .background-vod-mubi.background-vod-mubi--gradient { background: linear-gradient(195deg, #001489 0%, #0400d6 100%); }

@media only screen { html[data-theme="dark"].enable-theme .background-vod-mubi.gradient, html[data-theme="dark"].enable-theme .background-vod-mubi.background-vod-mubi--gradient { background: linear-gradient(10deg, #081667 0%, #110eae 100%); } }

.background-vod-mubi.light, .background-vod-mubi.background-vod-mubi--light { background-color: #f2f3f9; border-color: rgba(17, 32, 120, 0.15); }

.text-vod-all { color: #4f37ff; }

.text-vod-all.dark { color: #4c3ace; }

.text-vod-all-alternate { color: #fff !important; }

.border-color-vod-all { border-color: #4f37ff !important; }

.background-vod-all, .background-vod-all.background-vod-all--dark { background-color: #4f37ff; }

.background-vod-all.background-vod-all--dark { border-color: #4f37ff; }

.background-vod-all.gradient, .background-vod-all.background-vod-all--gradient { background: linear-gradient(195deg, #4f37ff 0%, #b35bff 100%); }

@media only screen { html[data-theme="dark"].enable-theme .background-vod-all.gradient, html[data-theme="dark"].enable-theme .background-vod-all.background-vod-all--gradient { background: linear-gradient(10deg, #462eee 0%, #a64ff1 100%); } }

.background-vod-all.light, .background-vod-all.background-vod-all--light { background-color: #f6f5ff; border-color: rgba(98, 80, 230, 0.15); }

.font-headings { font-family: "Inter", sans-serif; }

.thick { border-width: .1rem !important; }

#content .bold { font-weight: bold; }

#content .italics { font-style: italic; }

.clear, #content-wrapper, #header-container { clear: both; }

.clearfix:after { content: ""; display: table; clear: both; }

.nopadding, .no-padding, #header-container, body .width-880 { padding: 0 !important; }

.no-padding-right { padding-right: 0 !important; }

.no-padding-left { padding-left: 0 !important; }

.no-padding-bottom { padding-bottom: 0 !important; }

.no-padding-top { padding-top: 0 !important; }

#container .no-wrap, .no-wrap { white-space: nowrap; }

#container .nomargin, .no-margin { margin: 0 !important; }

#container .nomargin-top, .nomargin-top { margin-top: 0 !important; }

.nomargin-bottom { margin-bottom: 0 !important; }

.display-inline { display: inline !important; }

.display-inline-block { display: inline-block !important; }

.display-flex { display: flex; }

.tv-filter-bar { margin-bottom: .5rem; }

@media only screen and (max-width: 739px) { .tv-filter-bar { flex-direction: column-reverse; gap: 0.35rem; margin-bottom: 1rem; } }

.anchor-offset { display: block; position: relative; visibility: hidden; }

@media only screen and (min-width: 995px) { .anchor-offset { top: -60px; } }

.fade-out { position: relative; }

.fade-out:after { content: ''; height: 70%; width: 100%; position: absolute; left: 0; bottom: 0; background: linear-gradient(0, var(--content-bg) 0%, rgba(var(--content-bg-rgb), 0) 100%); z-index: 1; }

@media only screen and (max-width: 994px) { #content.filmpagina .anchor-offset { top: -60px; } }

#container .nomargin-left { margin-left: 0; }

#container .nomargin-right { margin-right: 0; }

#container .tiny-margin-bottom, .container .tiny-margin-bottom, #footer .tiny-margin-bottom, body .tiny-margin-bottom { margin-bottom: .2em !important; }

#container .some-margin-bottom, .container .some-margin-bottom, #footer .some-margin-bottom, body .some-margin-bottom { margin-bottom: .5em !important; }

#container .more-margin-bottom, #container .margin-bottom-1, .container .more-margin-bottom, .container .margin-bottom-1, #footer .more-margin-bottom, #footer .margin-bottom-1, body .more-margin-bottom, body .margin-bottom-1 { margin-bottom: 1em !important; }

#container .some-more-margin-bottom, #container .margin-bottom-1-5, .container .some-more-margin-bottom, .container .margin-bottom-1-5, #footer .some-more-margin-bottom, #footer .margin-bottom-1-5, body .some-more-margin-bottom, body .margin-bottom-1-5 { margin-bottom: 1.5em !important; }

#container .margin-bottom-2, .container .margin-bottom-2, #footer .margin-bottom-2, body .margin-bottom-2 { margin-bottom: 2em !important; }

#container .margin-bottom-2-5, .container .margin-bottom-2-5, #footer .margin-bottom-2-5, body .margin-bottom-2-5 { margin-bottom: 2.5em !important; }

#container .some-margin-top, .container .some-margin-top, #footer .some-margin-top, body .some-margin-top { margin-top: .5em !important; }

#container .more-margin-top, #container .margin-top-1, .container .more-margin-top, .container .margin-top-1, #footer .more-margin-top, #footer .margin-top-1, body .more-margin-top, body .margin-top-1 { margin-top: 1em !important; }

#container .some-more-margin-top, #container .margin-top-1-5, .container .some-more-margin-top, .container .margin-top-1-5, #footer .some-more-margin-top, #footer .margin-top-1-5, body .some-more-margin-top, body .margin-top-1-5 { margin-top: 1.5em !important; }

#container .margin-top-2, .container .margin-top-2, #footer .margin-top-2, body .margin-top-2 { margin-top: 2em !important; }

#container .margin-top-2-5, .container .margin-top-2-5, #footer .margin-top-2-5, body .margin-top-2-5 { margin-top: 2.5em !important; }

#container .margin-right-1, .container .margin-right-1, #footer .margin-right-1, body .margin-right-1 { margin-right: .2rem !important; }

#container .margin-left-1, .container .margin-left-1, #footer .margin-left-1, body .margin-left-1 { margin-left: .2rem; }

#container .text-center, .container .text-center, #footer .text-center, body .text-center { text-align: center; }

#container .text-large, .container .text-large, #footer .text-large, body .text-large { font-size: 18px; }

#container .text-wrap-normal, .container .text-wrap-normal, #footer .text-wrap-normal, body .text-wrap-normal { white-space: normal; }

#container .ratio-1-1, .container .ratio-1-1, #footer .ratio-1-1, body .ratio-1-1 { aspect-ratio: 1 / 1; }

#container .no-overflow, .container .no-overflow, #footer .no-overflow, body .no-overflow { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 80vw; }

.tiny-margin-top { margin-top: 3px; }

.sr-only { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

img[loading="lazy"][src*=".jpg"] { background: var(--tone-100); }

span.truncate, em.truncate { max-width: 100%; overflow: hidden; text-overflow: ellipsis; display: inline-block; white-space: nowrap; vertical-align: bottom; }

em.truncate:after { content: "\00a0"; }

code.copy { display: inline-block; }

code.copy:hover { cursor: pointer; color: var(--tone-500); }

code.copy:after { font-family: 'FontAwesome'; content: '\f0c5'; margin-left: 5px; }

p, ul, ol { font-size: 1rem; }

ul.custom-icons, ol.custom-icons { list-style-type: none; position: relative; padding-left: 0; margin-left: 2.5em; margin-right: 1em; }

ul.custom-icons span.icon, ol.custom-icons span.icon { position: absolute; text-align: center; left: -2em; width: 2em; }

ul.checkbox-list, ol.checkbox-list { position: relative; list-style: none; padding: 0 0 0 2rem; }

ul.checkbox-list input[type="checkbox"], ol.checkbox-list input[type="checkbox"] { position: absolute !important; left: -1.8rem; top: .15rem !important; }

ul.display-inline, ol.display-inline { list-style: none; padding: 0; }

ul.display-inline li, ol.display-inline li { display: inline; }

ul.link-list, ol.link-list { list-style: none; padding: 0; margin: 0; display: block; }

ul.link-list li, ol.link-list li { margin: 0 .03rem; display: inline; }

ul.link-list.is-small li, ol.link-list.is-small li { margin: 0 .1rem; }

.fa-spin, .label-filter.is-loading:before, div.search .is-loading.filter:before, #container .button.is-loading:after, #container .button.button--is-loading:after, #header .button.is-loading:after, #header .button.button--is-loading:after, .container .button.is-loading:after, .container .button.button--is-loading:after, .button.is-loading:after, .button.button--is-loading:after { -webkit-filter: blur(0); }

.chart { width: 100%; height: 570px; }

@media only screen and (min-width: 740px) { .chart { height: 400px; } }

.chart.chart--bar { height: 275px; }

.featherlight .chart { margin-top: 1rem; }

@media only screen and (min-width: 740px) { .featherlight .chart { width: 600px; height: 350px; } }

.icon-loader { --icon-loader-color: var(--tone-500); width: 18px; height: 18px; position: relative; display: inline-block; }

.icon-loader.icon-loader--large { width: 24px; height: 24px; }

.icon-loader:before { content: ''; box-sizing: border-box; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; margin-top: -10px; margin-left: -10px; border-radius: 50%; border: 2px solid transparent; border-top-color: var(--icon-loader-color); line-height: 1; -webkit-animation-name: spin; -webkit-animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 1.5s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 1.5s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: spin; animation-duration: 1.0s; animation-iteration-count: infinite; animation-timing-function: linear; }

.icon-loader.white:before { border-top-color: #fff; }

.icon-loader.small { width: 16px; height: 16px; }

@-moz-keyframes spin { from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(360deg); } }

@-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); } }

@keyframes spin { from { transform: rotate(0deg); }
  to { transform: rotate(360deg); } }

button { border: none; cursor: pointer; }

button:focus { outline: none; }

.cursor-pointer { cursor: pointer; }

@media only screen and (max-width: 320px) { .mobile-small-overflow-scroll { white-space: nowrap; position: relative; } }

@media only screen and (max-width: 320px) and (max-width: 739px) { .mobile-small-overflow-scroll { margin-left: -10px; } }

@media only screen and (max-width: 320px) { .mobile-small-overflow-scroll:after { content: ''; width: 1.8rem; height: 100%; position: absolute; right: 0; top: 0; background: linear-gradient(90deg, rgba(var(--content-bg-rgb), 0) 0%, var(--content-bg) 100%); z-index: 1; } }

@media only screen and (max-width: 320px) and (max-width: 739px) { .mobile-small-overflow-scroll.no-gradient { margin-right: -10px; } }

@media only screen and (max-width: 320px) { .mobile-small-overflow-scroll.no-gradient:after { background: none; content: none; }
  .mobile-small-overflow-scroll .body { overflow-x: scroll; -webkit-overflow-scrolling: touch; overflow-y: hidden; padding: 0 1.8rem .3rem 0; -ms-overflow-style: none; scrollbar-width: none; }
  .mobile-small-overflow-scroll .body::-webkit-scrollbar { display: none; } }

@media only screen and (max-width: 320px) and (max-width: 739px) { .mobile-small-overflow-scroll .body { padding-left: 10px; } }

@media only screen and (max-width: 320px) { .mobile-small-overflow-scroll .body > table { display: inline-table; }
  .mobile-small-overflow-scroll.vertical .body { overflow-y: scroll; max-height: 75vh; } }

@media only screen and (max-width: 739px) { .mobile-overflow-scroll, .filter-container { white-space: nowrap; position: relative; } }

@media only screen and (max-width: 739px) and (max-width: 739px) { .mobile-overflow-scroll, .filter-container { margin-left: -10px; } }

@media only screen and (max-width: 739px) { .mobile-overflow-scroll:after, .filter-container:after { content: ''; width: 1.8rem; height: 100%; position: absolute; right: 0; top: 0; background: linear-gradient(90deg, rgba(var(--content-bg-rgb), 0) 0%, var(--content-bg) 100%); z-index: 1; } }

@media only screen and (max-width: 739px) and (max-width: 739px) { .mobile-overflow-scroll.no-gradient, .no-gradient.filter-container { margin-right: -10px; } }

@media only screen and (max-width: 739px) { .mobile-overflow-scroll.no-gradient:after, .no-gradient.filter-container:after { background: none; content: none; }
  .mobile-overflow-scroll .body, .filter-container .body { overflow-x: scroll; -webkit-overflow-scrolling: touch; overflow-y: hidden; padding: 0 1.8rem .3rem 0; -ms-overflow-style: none; scrollbar-width: none; }
  .mobile-overflow-scroll .body::-webkit-scrollbar, .filter-container .body::-webkit-scrollbar { display: none; } }

@media only screen and (max-width: 739px) and (max-width: 739px) { .mobile-overflow-scroll .body, .filter-container .body { padding-left: 10px; } }

@media only screen and (max-width: 739px) { .mobile-overflow-scroll .body > table, .filter-container .body > table { display: inline-table; }
  .mobile-overflow-scroll.vertical .body, .vertical.filter-container .body { overflow-y: scroll; max-height: 75vh; } }

.overflow-scroll { white-space: nowrap; position: relative; }

@media only screen and (max-width: 739px) { .overflow-scroll { margin-left: -10px; } }

.overflow-scroll:after { content: ''; width: 1.8rem; height: 100%; position: absolute; right: 0; top: 0; background: linear-gradient(90deg, rgba(var(--content-bg-rgb), 0) 0%, var(--content-bg) 100%); z-index: 1; }

@media only screen and (max-width: 739px) { .overflow-scroll.no-gradient { margin-right: -10px; } }

.overflow-scroll.no-gradient:after { background: none; content: none; }

.overflow-scroll .body { overflow-x: scroll; -webkit-overflow-scrolling: touch; overflow-y: hidden; padding: 0 1.8rem .3rem 0; -ms-overflow-style: none; scrollbar-width: none; }

.overflow-scroll .body::-webkit-scrollbar { display: none; }

@media only screen and (max-width: 739px) { .overflow-scroll .body { padding-left: 10px; } }

.overflow-scroll .body > table { display: inline-table; }

.overflow-scroll.vertical .body { overflow-y: scroll; max-height: 75vh; }

.text-small { font-size: .7rem !important; }

.text-smaller { font-size: .8rem !important; }

.text-medium { font-size: .9rem !important; }

.text-initial { font-size: 1rem !important; }

.text-strong, strong { font-weight: var(--font-bold); }

.text-semibold { font-weight: var(--font-semibold); }

.text-underline { text-decoration: underline; }

.text-normal { font-weight: normal; }

.label-bar .label-filter.hidden, .label-bar div.search .hidden.filter, div.search .label-bar .hidden.filter { display: none; }

.label-bar .label-filter:first-child, .label-bar div.search .filter:first-child, div.search .label-bar .filter:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 0; }

.label-bar .label-filter:not(:first-child):not(:last-child), .label-bar div.search .filter:not(:first-child):not(:last-child), div.search .label-bar .filter:not(:first-child):not(:last-child) { border-radius: 0; margin-right: 0; }

.label-bar .label-filter:last-child:not(.hidden), .label-bar div.search .filter:last-child:not(.hidden), div.search .label-bar .filter:last-child:not(.hidden) { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.label-bar .label-filter:nth-last-child(2):has(+ .hidden), .label-bar div.search .filter:nth-last-child(2):has(+ .hidden), div.search .label-bar .filter:nth-last-child(2):has(+ .hidden) { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 999px; border-bottom-right-radius: 999px; }

.label-bar .label-filter:not(:first-child), .label-bar div.search .filter:not(:first-child), div.search .label-bar .filter:not(:first-child) { margin-left: -1px; }

.label-bar .label-filter:hover, .label-bar div.search .filter:hover, div.search .label-bar .filter:hover { z-index: 1; }

@media only screen and (max-width: 739px) { .label-bar--stack-mobile { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.25rem; }
  .label-bar--stack-mobile .label-filter, .label-bar--stack-mobile div.search .filter, div.search .label-bar--stack-mobile .filter { border-radius: 999px !important; margin: 0 !important; } }

.label-filter, div.search .filter { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; font-size: 16px; position: relative; display: inline-block; border: solid var(--label-border-color) 1px; padding: .55em 1.05em; border-radius: 999px; line-height: 1.5; color: var(--label-color) !important; background: var(--label-bg); margin: 3px 2px; max-width: calc(100% - 4px); text-decoration: none !important; cursor: pointer; }

.label-filter.no-overflow, div.search .no-overflow.filter { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; }

.label-filter.full-width, div.search .full-width.filter { width: 100%; max-width: none; }

@media only screen and (min-width: 995px) { .label-filter, div.search .filter { font-size: 15px; } }

.label-filter.small, div.search .small.filter { font-size: 14px; }

.label-filter.small > span.remove, div.search .small.filter > span.remove { font-size: inherit; top: 1px; }

.label-filter.tiny, div.search .tiny.filter { font-size: 13px; }

.label-filter.large, div.search .large.filter { font-size: 16px; }

.label-filter.xlarge, div.search .xlarge.filter { font-size: 18px; }

@media only screen and (min-width: 995px) { .label-filter.desktop-small, div.search .desktop-small.filter { font-size: 14px; }
  .label-filter.desktop-small > span.remove, div.search .desktop-small.filter > span.remove { font-size: inherit; top: 1px; } }

@media only screen and (min-width: 995px) { .label-filter.desktop-tiny, div.search .desktop-tiny.filter { font-size: 13px; } }

@media only screen and (min-width: 740px) and (max-width: 994px) { .label-filter.tablet-small, div.search .tablet-small.filter { font-size: 14px; }
  .label-filter.tablet-small > span.remove, div.search .tablet-small.filter > span.remove { font-size: inherit; top: 1px; } }

@media only screen and (min-width: 740px) and (max-width: 994px) { .label-filter.tablet-tiny, div.search .tablet-tiny.filter { font-size: 13px; } }

@media only screen and (max-width: 739px) { .label-filter.mobile-small, div.search .mobile-small.filter { font-size: 14px; }
  .label-filter.mobile-small > span.remove, div.search .mobile-small.filter > span.remove { font-size: inherit; top: 1px; } }

@media only screen and (max-width: 739px) { .label-filter.extend-mobile, div.search .extend-mobile.filter { width: 88%; } }

.label-filter.inherit, div.search .inherit.filter { font-size: inherit; }

.label-filter.icon-right, div.search .icon-right.filter, .label-filter.cta:not(.left), div.search .cta.filter:not(.left) { padding-right: 2.3em; }

.label-filter.icon-left, div.search .icon-left.filter, .label-filter.cta.left, div.search .cta.left.filter { padding-left: 2.3em; }

.label-filter.cta, div.search .cta.filter { font-weight: var(--font-semibold); }

.label-filter.cta:not(.left):after, div.search .cta.filter:not(.left):after { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; content: '\f105'; font-family: 'FontAwesome'; position: absolute; right: 1.25em; }

.label-filter.cta:not(.left):hover:after, div.search .cta.filter:not(.left):hover:after { right: 1.1em; }

.label-filter.cta.left:after, div.search .cta.left.filter:after { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; content: '\f104'; font-family: 'FontAwesome'; position: absolute; left: 1.25em; }

.label-filter.cta.left:hover:after, div.search .cta.left.filter:hover:after { left: 1.1em; }

.label-filter > span.remove, div.search .filter > span.remove { display: inline; margin-left: 3px; font-size: 13px; font-weight: var(--font-bold); color: var(--tone-400); }

@media (hover: hover) and (pointer: fine) { .label-filter:hover, div.search .filter:hover { cursor: default; }
  .label-filter:hover[data-delete-field], div.search .filter:hover[data-delete-field], .label-filter:hover[data-add-field], div.search .filter:hover[data-add-field], .label-filter:hover.label-filter:not(.static), div.search .filter:hover:not(.static) { cursor: pointer; border-color: var(--label-border-color-hover); }
  .label-filter:hover > span.remove, div.search .filter:hover > span.remove { color: var(--tone-500); cursor: pointer; } }

.label-filter.fixed, div.search .fixed.filter, .label-filter.filter-count, div.search .filter-count.filter, .label-filter.count, div.search .count.filter, .label-filter.active, div.search .active.filter { background: var(--label-active-bg); border-color: var(--label-active-border-color); }

.label-filter.transparent, div.search .transparent.filter { background: transparent; border-color: transparent; }

.label-filter.disabled, div.search .disabled.filter { opacity: .5; }

.label-filter > .loader, div.search .filter > .loader { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 999px; background: rgba(255, 255, 255, 0.5); }

.label-filter > .loader > .fa-spinner.fa-spin, div.search .filter > .loader > .fa-spinner.fa-spin, .label-filter > .loader > .fa-spinner.label-filter.is-loading:before, div.search .filter > .loader > .fa-spinner.label-filter.is-loading:before, div.search .label-filter > .loader > .fa-spinner.is-loading.filter:before, div.search .filter > .loader > .fa-spinner.is-loading.filter:before, #container .label-filter > .loader > .fa-spinner.button.is-loading:after, div.search #container .filter > .loader > .fa-spinner.button.is-loading:after, #container div.search .filter > .loader > .fa-spinner.button.is-loading:after, #container .label-filter > .loader > .fa-spinner.button.button--is-loading:after, div.search #container .filter > .loader > .fa-spinner.button.button--is-loading:after, #container div.search .filter > .loader > .fa-spinner.button.button--is-loading:after, #header .label-filter > .loader > .fa-spinner.button.is-loading:after, div.search #header .filter > .loader > .fa-spinner.button.is-loading:after, #header div.search .filter > .loader > .fa-spinner.button.is-loading:after, #header .label-filter > .loader > .fa-spinner.button.button--is-loading:after, div.search #header .filter > .loader > .fa-spinner.button.button--is-loading:after, #header div.search .filter > .loader > .fa-spinner.button.button--is-loading:after, .container .label-filter > .loader > .fa-spinner.button.is-loading:after, div.search .container .filter > .loader > .fa-spinner.button.is-loading:after, .container .label-filter > .loader > .fa-spinner.button.button--is-loading:after, div.search .container .filter > .loader > .fa-spinner.button.button--is-loading:after, .label-filter > .loader > .fa-spinner.button.is-loading:after, div.search .filter > .loader > .fa-spinner.button.is-loading:after, .label-filter > .loader > .fa-spinner.button.button--is-loading:after, div.search .filter > .loader > .fa-spinner.button.button--is-loading:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }

.label-filter > .loader > .fa-spinner.fa-spin::before, div.search .filter > .loader > .fa-spinner.fa-spin::before { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.label-filter.green, div.search .green.filter { color: #fff !important; }

.label-filter.green.active:hover, div.search .green.active.filter:hover, .label-filter.green, div.search .green.filter { background: #1db193; border-color: #1db193; }

.label-filter.green.active:hover.gradient, div.search .green.active.filter:hover.gradient, .label-filter.green.gradient, div.search .green.gradient.filter { background: linear-gradient(10deg, #20c5c7 0%, #1db193 100%); border: none; }

.label-filter.green.active:hover.opaque, div.search .green.active.filter:hover.opaque, .label-filter.green.opaque, div.search .green.opaque.filter { --opacity: .5; background: rgba(23, 146, 121, var(--opacity)); border-color: transparent; }

.label-filter.green.active:hover.opaque:hover, div.search .green.active.filter:hover.opaque:hover, .label-filter.green.opaque:hover, div.search .green.opaque.filter:hover { --opacity: .6; border-color: transparent; }

@media only screen { html[data-theme="dark"].enable-theme .label-filter.green.active:hover:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .green.active.filter:hover:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .green.active.filter:hover:not([class*="vod"]), html[data-theme="dark"].enable-theme .label-filter.green:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .green.filter:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .green.filter:not([class*="vod"]) { background: #22927c; border-color: #22927c; } }

@media (hover: hover) { .label-filter.green:not(.active):not(.static):not(.opaque):hover, div.search .green.filter:not(.active):not(.static):not(.opaque):hover { background: #1ba488; border-color: #1ba488; }
  .label-filter.green:not(.active):not(.static):not(.opaque):hover.gradient, div.search .green.filter:not(.active):not(.static):not(.opaque):hover.gradient { background: linear-gradient(10deg, #1ba9a4 0%, #1ba98c 100%); } }

@media only screen and (hover: hover) { html[data-theme="dark"].enable-theme .label-filter.green:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .green.filter:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .green.filter:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]) { background: #1f8671; border-color: #1f8671; } }

.label-filter.teal, div.search .teal.filter { color: #fff !important; }

.label-filter.teal.active:hover, div.search .teal.active.filter:hover, .label-filter.teal, div.search .teal.filter { background: #138ba5; border-color: #138ba5; }

.label-filter.teal.active:hover.gradient, div.search .teal.active.filter:hover.gradient, .label-filter.teal.gradient, div.search .teal.gradient.filter { background: linear-gradient(10deg, #167abb 0%, #138ba5 100%); border: none; }

.label-filter.teal.active:hover.opaque, div.search .teal.active.filter:hover.opaque, .label-filter.teal.opaque, div.search .teal.opaque.filter { --opacity: .5; background: rgba(15, 111, 132, var(--opacity)); border-color: transparent; }

.label-filter.teal.active:hover.opaque:hover, div.search .teal.active.filter:hover.opaque:hover, .label-filter.teal.opaque:hover, div.search .teal.opaque.filter:hover { --opacity: .6; border-color: transparent; }

@media (hover: hover) { .label-filter.teal:not(.active):not(.static):not(.opaque):hover, div.search .teal.filter:not(.active):not(.static):not(.opaque):hover { background: #127f97; border-color: #127f97; }
  .label-filter.teal:not(.active):not(.static):not(.opaque):hover.gradient, div.search .teal.filter:not(.active):not(.static):not(.opaque):hover.gradient { background: linear-gradient(10deg, #126c9b 0%, #12839b 100%); } }

.label-filter.teal-dark, div.search .teal-dark.filter { color: #fff !important; }

.label-filter.teal-dark.active:hover, div.search .teal-dark.active.filter:hover, .label-filter.teal-dark, div.search .teal-dark.filter { background: #11778e; border-color: #11778e; }

.label-filter.teal-dark.active:hover.gradient, div.search .teal-dark.active.filter:hover.gradient, .label-filter.teal-dark.gradient, div.search .teal-dark.gradient.filter { background: linear-gradient(10deg, #136ba5 0%, #11778e 100%); border: none; }

.label-filter.teal-dark.active:hover.opaque, div.search .teal-dark.active.filter:hover.opaque, .label-filter.teal-dark.opaque, div.search .teal-dark.opaque.filter { --opacity: .5; background: rgba(12, 92, 109, var(--opacity)); border-color: transparent; }

.label-filter.teal-dark.active:hover.opaque:hover, div.search .teal-dark.active.filter:hover.opaque:hover, .label-filter.teal-dark.opaque:hover, div.search .teal-dark.opaque.filter:hover { --opacity: .6; border-color: transparent; }

@media (hover: hover) { .label-filter.teal-dark:not(.active):not(.static):not(.opaque):hover, div.search .teal-dark.filter:not(.active):not(.static):not(.opaque):hover { background: #0f6c80; border-color: #0f6c80; }
  .label-filter.teal-dark:not(.active):not(.static):not(.opaque):hover.gradient, div.search .teal-dark.filter:not(.active):not(.static):not(.opaque):hover.gradient { background: linear-gradient(10deg, #105c85 0%, #107085 100%); } }

.label-filter.green-dark, div.search .green-dark.filter { color: #fff !important; }

.label-filter.green-dark.active:hover, div.search .green-dark.active.filter:hover, .label-filter.green-dark, div.search .green-dark.filter { background: #139279; border-color: #139279; }

.label-filter.green-dark.active:hover.gradient, div.search .green-dark.active.filter:hover.gradient, .label-filter.green-dark.gradient, div.search .green-dark.gradient.filter { background: linear-gradient(10deg, #16a7a9 0%, #139279 100%); border: none; }

.label-filter.green-dark.active:hover.opaque, div.search .green-dark.active.filter:hover.opaque, .label-filter.green-dark.opaque, div.search .green-dark.opaque.filter { --opacity: .5; background: rgba(14, 114, 94, var(--opacity)); border-color: transparent; }

.label-filter.green-dark.active:hover.opaque:hover, div.search .green-dark.active.filter:hover.opaque:hover, .label-filter.green-dark.opaque:hover, div.search .green-dark.opaque.filter:hover { --opacity: .6; border-color: transparent; }

@media (hover: hover) { .label-filter.green-dark:not(.active):not(.static):not(.opaque):hover, div.search .green-dark.filter:not(.active):not(.static):not(.opaque):hover { background: #11856d; border-color: #11856d; }
  .label-filter.green-dark:not(.active):not(.static):not(.opaque):hover.gradient, div.search .green-dark.filter:not(.active):not(.static):not(.opaque):hover.gradient { background: linear-gradient(10deg, #128985 0%, #128971 100%); } }

.label-filter.orange, div.search .orange.filter { color: #fff !important; }

.label-filter.orange.active:hover, div.search .orange.active.filter:hover, .label-filter.orange, div.search .orange.filter { background: #c8510c; border-color: #c8510c; }

.label-filter.orange.active:hover.gradient, div.search .orange.active.filter:hover.gradient, .label-filter.orange.gradient, div.search .orange.gradient.filter { background: linear-gradient(10deg, #e0890e 0%, #c8510c 100%); border: none; }

.label-filter.orange.active:hover.opaque, div.search .orange.active.filter:hover.opaque, .label-filter.orange.opaque, div.search .orange.opaque.filter { --opacity: .5; background: rgba(166, 67, 10, var(--opacity)); border-color: transparent; }

.label-filter.orange.active:hover.opaque:hover, div.search .orange.active.filter:hover.opaque:hover, .label-filter.orange.opaque:hover, div.search .orange.opaque.filter:hover { --opacity: .6; border-color: transparent; }

@media only screen { html[data-theme="dark"].enable-theme .label-filter.orange.active:hover:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .orange.active.filter:hover:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .orange.active.filter:hover:not([class*="vod"]), html[data-theme="dark"].enable-theme .label-filter.orange:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .orange.filter:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .orange.filter:not([class*="vod"]) { background: #d55e1a; border-color: #d55e1a; } }

@media (hover: hover) { .label-filter.orange:not(.active):not(.static):not(.opaque):hover, div.search .orange.filter:not(.active):not(.static):not(.opaque):hover { background: #ba4c0b; border-color: #ba4c0b; }
  .label-filter.orange:not(.active):not(.static):not(.opaque):hover.gradient, div.search .orange.filter:not(.active):not(.static):not(.opaque):hover.gradient { background: linear-gradient(10deg, #bf6b0c 0%, #bf4d0c 100%); } }

@media only screen and (hover: hover) { html[data-theme="dark"].enable-theme .label-filter.orange:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .orange.filter:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .orange.filter:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]) { background: #c75818; border-color: #c75818; } }

.label-filter.red, div.search .red.filter { color: #fff !important; }

.label-filter.red.active:hover, div.search .red.active.filter:hover, .label-filter.red, div.search .red.filter { background: #d92100; border-color: #d92100; }

.label-filter.red.active:hover.gradient, div.search .red.active.filter:hover.gradient, .label-filter.red.gradient, div.search .red.gradient.filter { background: linear-gradient(10deg, #f35900 0%, #d92100 100%); border: none; }

.label-filter.red.active:hover.opaque, div.search .red.active.filter:hover.opaque, .label-filter.red.opaque, div.search .red.opaque.filter { --opacity: .5; background: rgba(181, 27, 0, var(--opacity)); border-color: transparent; }

.label-filter.red.active:hover.opaque:hover, div.search .red.active.filter:hover.opaque:hover, .label-filter.red.opaque:hover, div.search .red.opaque.filter:hover { --opacity: .6; border-color: transparent; }

@media only screen { html[data-theme="dark"].enable-theme .label-filter.red.active:hover:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .red.active.filter:hover:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .red.active.filter:hover:not([class*="vod"]), html[data-theme="dark"].enable-theme .label-filter.red:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .red.filter:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .red.filter:not([class*="vod"]) { background: #c33016; border-color: #c33016; } }

@media (hover: hover) { .label-filter.red:not(.active):not(.static):not(.opaque):hover, div.search .red.filter:not(.active):not(.static):not(.opaque):hover { background: #ca1f00; border-color: #ca1f00; }
  .label-filter.red:not(.active):not(.static):not(.opaque):hover.gradient, div.search .red.filter:not(.active):not(.static):not(.opaque):hover.gradient { background: linear-gradient(10deg, #cf4200 0%, #cf1f00 100%); } }

@media only screen and (hover: hover) { html[data-theme="dark"].enable-theme .label-filter.red:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .red.filter:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .red.filter:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]) { background: #b62d14; border-color: #b62d14; } }

.label-filter.red-light, div.search .red-light.filter { color: #fff !important; }

.label-filter.red-light.active:hover, div.search .red-light.active.filter:hover, .label-filter.red-light, div.search .red-light.filter { background: #ea7865; border-color: #ea7865; }

.label-filter.red-light.active:hover.gradient, div.search .red-light.active.filter:hover.gradient, .label-filter.red-light.gradient, div.search .red-light.gradient.filter { background: linear-gradient(10deg, #eda47b 0%, #ea7865 100%); border: none; }

.label-filter.red-light.active:hover.opaque, div.search .red-light.active.filter:hover.opaque, .label-filter.red-light.opaque, div.search .red-light.opaque.filter { --opacity: .5; background: rgba(229, 92, 69, var(--opacity)); border-color: transparent; }

.label-filter.red-light.active:hover.opaque:hover, div.search .red-light.active.filter:hover.opaque:hover, .label-filter.red-light.opaque:hover, div.search .red-light.opaque.filter:hover { --opacity: .6; border-color: transparent; }

@media (hover: hover) { .label-filter.red-light:not(.active):not(.static):not(.opaque):hover, div.search .red-light.filter:not(.active):not(.static):not(.opaque):hover { background: #e86c57; border-color: #e86c57; }
  .label-filter.red-light:not(.active):not(.static):not(.opaque):hover.gradient, div.search .red-light.filter:not(.active):not(.static):not(.opaque):hover.gradient { background: linear-gradient(10deg, #e8875c 0%, #e8705c 100%); } }

.label-filter.bright, div.search .bright.filter { color: #fff !important; }

.label-filter.bright.active:hover, div.search .bright.active.filter:hover, .label-filter.bright, div.search .bright.filter { background: #2873e1; border-color: #2873e1; }

.label-filter.bright.active:hover.gradient, div.search .bright.active.filter:hover.gradient, .label-filter.bright.gradient, div.search .bright.gradient.filter { background: linear-gradient(10deg, #3f5ee4 0%, #2873e1 100%); border: none; }

.label-filter.bright.active:hover.opaque, div.search .bright.active.filter:hover.opaque, .label-filter.bright.opaque, div.search .bright.opaque.filter { --opacity: .5; background: rgba(27, 98, 201, var(--opacity)); border-color: transparent; }

.label-filter.bright.active:hover.opaque:hover, div.search .bright.active.filter:hover.opaque:hover, .label-filter.bright.opaque:hover, div.search .bright.opaque.filter:hover { --opacity: .6; border-color: transparent; }

@media (hover: hover) { .label-filter.bright:not(.active):not(.static):not(.opaque):hover, div.search .bright.filter:not(.active):not(.static):not(.opaque):hover { background: #1e6bdc; border-color: #1e6bdc; }
  .label-filter.bright:not(.active):not(.static):not(.opaque):hover.gradient, div.search .bright.filter:not(.active):not(.static):not(.opaque):hover.gradient { background: linear-gradient(10deg, #1f4de0 0%, #1f6de0 100%); } }

.label-filter.blue, div.search .blue.filter { color: #fff !important; }

.label-filter.blue.active:hover, div.search .blue.active.filter:hover, .label-filter.blue, div.search .blue.filter { background: #2873e1; border-color: #2873e1; }

.label-filter.blue.active:hover.gradient, div.search .blue.active.filter:hover.gradient, .label-filter.blue.gradient, div.search .blue.gradient.filter { background: linear-gradient(10deg, #3f5ee4 0%, #2873e1 100%); border: none; }

.label-filter.blue.active:hover.opaque, div.search .blue.active.filter:hover.opaque, .label-filter.blue.opaque, div.search .blue.opaque.filter { --opacity: .5; background: rgba(27, 98, 201, var(--opacity)); border-color: transparent; }

.label-filter.blue.active:hover.opaque:hover, div.search .blue.active.filter:hover.opaque:hover, .label-filter.blue.opaque:hover, div.search .blue.opaque.filter:hover { --opacity: .6; border-color: transparent; }

@media only screen { html[data-theme="dark"].enable-theme .label-filter.blue.active:hover:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .blue.active.filter:hover:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .blue.active.filter:hover:not([class*="vod"]), html[data-theme="dark"].enable-theme .label-filter.blue:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .blue.filter:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .blue.filter:not([class*="vod"]) { background: #2969c7; border-color: #2969c7; } }

@media (hover: hover) { .label-filter.blue:not(.active):not(.static):not(.opaque):hover, div.search .blue.filter:not(.active):not(.static):not(.opaque):hover { background: #1e6bdc; border-color: #1e6bdc; }
  .label-filter.blue:not(.active):not(.static):not(.opaque):hover.gradient, div.search .blue.filter:not(.active):not(.static):not(.opaque):hover.gradient { background: linear-gradient(10deg, #1f4de0 0%, #1f6de0 100%); } }

@media only screen and (hover: hover) { html[data-theme="dark"].enable-theme .label-filter.blue:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .blue.filter:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .blue.filter:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]) { background: #2762ba; border-color: #2762ba; } }

.label-filter.purple, div.search .purple.filter { color: #fff !important; }

.label-filter.purple.active:hover, div.search .purple.active.filter:hover, .label-filter.purple, div.search .purple.filter { background: #4f37ff; border-color: #4f37ff; }

.label-filter.purple.active:hover.gradient, div.search .purple.active.filter:hover.gradient, .label-filter.purple.gradient, div.search .purple.gradient.filter { background: linear-gradient(10deg, #8c51ff 0%, #4f37ff 100%); border: none; }

.label-filter.purple.active:hover.opaque, div.search .purple.active.filter:hover.opaque, .label-filter.purple.opaque, div.search .purple.opaque.filter { --opacity: .5; background: rgba(47, 19, 255, var(--opacity)); border-color: transparent; }

.label-filter.purple.active:hover.opaque:hover, div.search .purple.active.filter:hover.opaque:hover, .label-filter.purple.opaque:hover, div.search .purple.opaque.filter:hover { --opacity: .6; border-color: transparent; }

@media only screen { html[data-theme="dark"].enable-theme .label-filter.purple.active:hover:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .purple.active.filter:hover:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .purple.active.filter:hover:not([class*="vod"]), html[data-theme="dark"].enable-theme .label-filter.purple:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .purple.filter:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .purple.filter:not([class*="vod"]) { background: #5b46f0; border-color: #5b46f0; } }

@media (hover: hover) { .label-filter.purple:not(.active):not(.static):not(.opaque):hover, div.search .purple.filter:not(.active):not(.static):not(.opaque):hover { background: #4228ff; border-color: #4228ff; }
  .label-filter.purple:not(.active):not(.static):not(.opaque):hover.gradient, div.search .purple.filter:not(.active):not(.static):not(.opaque):hover.gradient { background: linear-gradient(10deg, #692dff 0%, #462dff 100%); } }

@media only screen and (hover: hover) { html[data-theme="dark"].enable-theme .label-filter.purple:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .purple.filter:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .purple.filter:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]) { background: #4e38ef; border-color: #4e38ef; } }

.label-filter.accent, .watchlist button.label-filter.active.gezien, .watchlist div.search button.active.gezien.filter, div.search .watchlist button.active.gezien.filter, .watchlist button.label-filter.active.watchlist, .watchlist div.search button.active.watchlist.filter, div.search .watchlist button.active.watchlist.filter, div.search .accent.filter { color: #fff !important; }

.label-filter.accent.active:hover, .watchlist button.label-filter.active.gezien:hover, .watchlist div.search button.active.gezien.filter:hover, div.search .watchlist button.active.gezien.filter:hover, .watchlist button.label-filter.active.watchlist:hover, .watchlist div.search button.active.watchlist.filter:hover, div.search .watchlist button.active.watchlist.filter:hover, div.search .accent.active.filter:hover, .label-filter.accent, .watchlist button.label-filter.active.gezien, .watchlist div.search button.active.gezien.filter, div.search .watchlist button.active.gezien.filter, .watchlist button.label-filter.active.watchlist, .watchlist div.search button.active.watchlist.filter, div.search .watchlist button.active.watchlist.filter, div.search .accent.filter { background: #4f37ff; border-color: #4f37ff; }

.label-filter.accent.active:hover.gradient, .watchlist button.label-filter.active.gezien:hover.gradient, .watchlist div.search button.active.gezien.filter:hover.gradient, div.search .watchlist button.active.gezien.filter:hover.gradient, .watchlist button.label-filter.active.watchlist:hover.gradient, .watchlist div.search button.active.watchlist.filter:hover.gradient, div.search .watchlist button.active.watchlist.filter:hover.gradient, div.search .accent.active.filter:hover.gradient, .label-filter.accent.gradient, .watchlist button.label-filter.gradient.active.gezien, .watchlist div.search button.gradient.active.gezien.filter, div.search .watchlist button.gradient.active.gezien.filter, .watchlist button.label-filter.gradient.active.watchlist, .watchlist div.search button.gradient.active.watchlist.filter, div.search .watchlist button.gradient.active.watchlist.filter, div.search .accent.gradient.filter { background: linear-gradient(10deg, #8c51ff 0%, #4f37ff 100%); border: none; }

.label-filter.accent.active:hover.opaque, .watchlist button.label-filter.active.gezien:hover.opaque, .watchlist div.search button.active.gezien.filter:hover.opaque, div.search .watchlist button.active.gezien.filter:hover.opaque, .watchlist button.label-filter.active.watchlist:hover.opaque, .watchlist div.search button.active.watchlist.filter:hover.opaque, div.search .watchlist button.active.watchlist.filter:hover.opaque, div.search .accent.active.filter:hover.opaque, .label-filter.accent.opaque, .watchlist button.label-filter.opaque.active.gezien, .watchlist div.search button.opaque.active.gezien.filter, div.search .watchlist button.opaque.active.gezien.filter, .watchlist button.label-filter.opaque.active.watchlist, .watchlist div.search button.opaque.active.watchlist.filter, div.search .watchlist button.opaque.active.watchlist.filter, div.search .accent.opaque.filter { --opacity: .5; background: rgba(47, 19, 255, var(--opacity)); border-color: transparent; }

.label-filter.accent.active:hover.opaque:hover, .watchlist button.label-filter.active.gezien:hover.opaque:hover, .watchlist div.search button.active.gezien.filter:hover.opaque:hover, div.search .watchlist button.active.gezien.filter:hover.opaque:hover, .watchlist button.label-filter.active.watchlist:hover.opaque:hover, .watchlist div.search button.active.watchlist.filter:hover.opaque:hover, div.search .watchlist button.active.watchlist.filter:hover.opaque:hover, div.search .accent.active.filter:hover.opaque:hover, .label-filter.accent.opaque:hover, .watchlist button.label-filter.opaque.active.gezien:hover, .watchlist div.search button.opaque.active.gezien.filter:hover, div.search .watchlist button.opaque.active.gezien.filter:hover, .watchlist button.label-filter.opaque.active.watchlist:hover, .watchlist div.search button.opaque.active.watchlist.filter:hover, div.search .watchlist button.opaque.active.watchlist.filter:hover, div.search .accent.opaque.filter:hover { --opacity: .6; border-color: transparent; }

@media only screen { html[data-theme="dark"].enable-theme .label-filter.accent.active:hover:not([class*="vod"]), html[data-theme="dark"].enable-theme .watchlist button.label-filter.active.gezien:hover:not([class*="vod"]), .watchlist html[data-theme="dark"].enable-theme button.label-filter.active.gezien:hover:not([class*="vod"]), html[data-theme="dark"].enable-theme .watchlist div.search button.active.gezien.filter:hover:not([class*="vod"]), .watchlist div.search html[data-theme="dark"].enable-theme button.active.gezien.filter:hover:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .watchlist button.active.gezien.filter:hover:not([class*="vod"]), div.search .watchlist html[data-theme="dark"].enable-theme button.active.gezien.filter:hover:not([class*="vod"]), html[data-theme="dark"].enable-theme .watchlist button.label-filter.active.watchlist:hover:not([class*="vod"]), .watchlist html[data-theme="dark"].enable-theme button.label-filter.active.watchlist:hover:not([class*="vod"]), html[data-theme="dark"].enable-theme .watchlist div.search button.active.watchlist.filter:hover:not([class*="vod"]), .watchlist div.search html[data-theme="dark"].enable-theme button.active.watchlist.filter:hover:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .watchlist button.active.watchlist.filter:hover:not([class*="vod"]), div.search .watchlist html[data-theme="dark"].enable-theme button.active.watchlist.filter:hover:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .accent.active.filter:hover:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .accent.active.filter:hover:not([class*="vod"]), html[data-theme="dark"].enable-theme .label-filter.accent:not([class*="vod"]), html[data-theme="dark"].enable-theme .watchlist button.label-filter.active.gezien:not([class*="vod"]), .watchlist html[data-theme="dark"].enable-theme button.label-filter.active.gezien:not([class*="vod"]), html[data-theme="dark"].enable-theme .watchlist div.search button.active.gezien.filter:not([class*="vod"]), .watchlist div.search html[data-theme="dark"].enable-theme button.active.gezien.filter:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .watchlist button.active.gezien.filter:not([class*="vod"]), div.search .watchlist html[data-theme="dark"].enable-theme button.active.gezien.filter:not([class*="vod"]), html[data-theme="dark"].enable-theme .watchlist button.label-filter.active.watchlist:not([class*="vod"]), .watchlist html[data-theme="dark"].enable-theme button.label-filter.active.watchlist:not([class*="vod"]), html[data-theme="dark"].enable-theme .watchlist div.search button.active.watchlist.filter:not([class*="vod"]), .watchlist div.search html[data-theme="dark"].enable-theme button.active.watchlist.filter:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .watchlist button.active.watchlist.filter:not([class*="vod"]), div.search .watchlist html[data-theme="dark"].enable-theme button.active.watchlist.filter:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .accent.filter:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .accent.filter:not([class*="vod"]) { background: #5b46f0; border-color: #5b46f0; } }

@media (hover: hover) { .label-filter.accent:not(.active):not(.static):not(.opaque):hover, .watchlist button.label-filter.active.gezien:not(.active):not(.static):not(.opaque):hover, .watchlist div.search button.active.gezien.filter:not(.active):not(.static):not(.opaque):hover, div.search .watchlist button.active.gezien.filter:not(.active):not(.static):not(.opaque):hover, .watchlist button.label-filter.active.watchlist:not(.active):not(.static):not(.opaque):hover, .watchlist div.search button.active.watchlist.filter:not(.active):not(.static):not(.opaque):hover, div.search .watchlist button.active.watchlist.filter:not(.active):not(.static):not(.opaque):hover, div.search .accent.filter:not(.active):not(.static):not(.opaque):hover { background: #4228ff; border-color: #4228ff; }
  .label-filter.accent:not(.active):not(.static):not(.opaque):hover.gradient, .watchlist button.label-filter.active.gezien:not(.active):not(.static):not(.opaque):hover.gradient, .watchlist div.search button.active.gezien.filter:not(.active):not(.static):not(.opaque):hover.gradient, div.search .watchlist button.active.gezien.filter:not(.active):not(.static):not(.opaque):hover.gradient, .watchlist button.label-filter.active.watchlist:not(.active):not(.static):not(.opaque):hover.gradient, .watchlist div.search button.active.watchlist.filter:not(.active):not(.static):not(.opaque):hover.gradient, div.search .watchlist button.active.watchlist.filter:not(.active):not(.static):not(.opaque):hover.gradient, div.search .accent.filter:not(.active):not(.static):not(.opaque):hover.gradient { background: linear-gradient(10deg, #692dff 0%, #462dff 100%); } }

@media only screen and (hover: hover) { html[data-theme="dark"].enable-theme .label-filter.accent:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), html[data-theme="dark"].enable-theme .watchlist button.label-filter.active.gezien:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), .watchlist html[data-theme="dark"].enable-theme button.label-filter.active.gezien:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), html[data-theme="dark"].enable-theme .watchlist div.search button.active.gezien.filter:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), .watchlist div.search html[data-theme="dark"].enable-theme button.active.gezien.filter:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .watchlist button.active.gezien.filter:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), div.search .watchlist html[data-theme="dark"].enable-theme button.active.gezien.filter:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), html[data-theme="dark"].enable-theme .watchlist button.label-filter.active.watchlist:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), .watchlist html[data-theme="dark"].enable-theme button.label-filter.active.watchlist:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), html[data-theme="dark"].enable-theme .watchlist div.search button.active.watchlist.filter:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), .watchlist div.search html[data-theme="dark"].enable-theme button.active.watchlist.filter:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .watchlist button.active.watchlist.filter:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), div.search .watchlist html[data-theme="dark"].enable-theme button.active.watchlist.filter:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .accent.filter:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .accent.filter:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]) { background: #4e38ef; border-color: #4e38ef; } }

.label-filter.accent-light, div.search .accent-light.filter { color: var(--color-accent) !important; }

.label-filter.accent-light.active:hover, div.search .accent-light.active.filter:hover, .label-filter.accent-light, div.search .accent-light.filter { background: #eceaff; border-color: #eceaff; }

.label-filter.accent-light.active:hover.gradient, div.search .accent-light.active.filter:hover.gradient, .label-filter.accent-light.gradient, div.search .accent-light.gradient.filter { background: linear-gradient(10deg, white 0%, #eceaff 100%); border: none; }

.label-filter.accent-light.active:hover.opaque, div.search .accent-light.active.filter:hover.opaque, .label-filter.accent-light.opaque, div.search .accent-light.opaque.filter { --opacity: .5; background: rgba(204, 197, 254, var(--opacity)); border-color: transparent; }

.label-filter.accent-light.active:hover.opaque:hover, div.search .accent-light.active.filter:hover.opaque:hover, .label-filter.accent-light.opaque:hover, div.search .accent-light.opaque.filter:hover { --opacity: .6; border-color: transparent; }

@media only screen { html[data-theme="dark"].enable-theme .label-filter.accent-light.active:hover:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .accent-light.active.filter:hover:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .accent-light.active.filter:hover:not([class*="vod"]), html[data-theme="dark"].enable-theme .label-filter.accent-light:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .accent-light.filter:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .accent-light.filter:not([class*="vod"]) { background: #2e237a; border-color: #2e237a; } }

@media (hover: hover) { .label-filter.accent-light:not(.active):not(.static):not(.opaque):hover, div.search .accent-light.filter:not(.active):not(.static):not(.opaque):hover { background: #dfdaff; border-color: #dfdaff; }
  .label-filter.accent-light:not(.active):not(.static):not(.opaque):hover.gradient, div.search .accent-light.filter:not(.active):not(.static):not(.opaque):hover.gradient { background: linear-gradient(10deg, #e8dfff 0%, #e3dfff 100%); } }

@media only screen and (hover: hover) { html[data-theme="dark"].enable-theme .label-filter.accent-light:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .accent-light.filter:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .accent-light.filter:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]) { background: #29206e; border-color: #29206e; } }

.label-filter.secondary, div.search .secondary.filter { color: #374151 !important; }

.label-filter.secondary.active:hover, div.search .secondary.active.filter:hover, .label-filter.secondary, div.search .secondary.filter { background: #eff1f4; border-color: #eff1f4; }

.label-filter.secondary.active:hover.gradient, div.search .secondary.active.filter:hover.gradient, .label-filter.secondary.gradient, div.search .secondary.gradient.filter { background: linear-gradient(10deg, #fefefe 0%, #eff1f4 100%); border: none; }

.label-filter.secondary.active:hover.opaque, div.search .secondary.active.filter:hover.opaque, .label-filter.secondary.opaque, div.search .secondary.opaque.filter { --opacity: .5; background: rgba(217, 222, 229, var(--opacity)); border-color: transparent; }

.label-filter.secondary.active:hover.opaque:hover, div.search .secondary.active.filter:hover.opaque:hover, .label-filter.secondary.opaque:hover, div.search .secondary.opaque.filter:hover { --opacity: .6; border-color: transparent; }

@media (hover: hover) { .label-filter.secondary:not(.active):not(.static):not(.opaque):hover, div.search .secondary.filter:not(.active):not(.static):not(.opaque):hover { background: #e6e9ee; border-color: #e6e9ee; }
  .label-filter.secondary:not(.active):not(.static):not(.opaque):hover.gradient, div.search .secondary.filter:not(.active):not(.static):not(.opaque):hover.gradient { background: linear-gradient(10deg, #e9eaf0 0%, #e9ebf0 100%); } }

.label-filter.vod-netflix, div.search .vod-netflix.filter { color: #fff !important; }

.label-filter.vod-netflix.active:hover, div.search .vod-netflix.active.filter:hover, .label-filter.vod-netflix, div.search .vod-netflix.filter { background: #d9232e; border-color: #d9232e; }

.label-filter.vod-netflix.active:hover.gradient, div.search .vod-netflix.active.filter:hover.gradient, .label-filter.vod-netflix.gradient, div.search .vod-netflix.gradient.filter { background: linear-gradient(10deg, #df5137 0%, #d9232e 100%); border: none; }

.label-filter.vod-netflix.active:hover.opaque, div.search .vod-netflix.active.filter:hover.opaque, .label-filter.vod-netflix.opaque, div.search .vod-netflix.opaque.filter { --opacity: .5; background: rgba(186, 30, 39, var(--opacity)); border-color: transparent; }

.label-filter.vod-netflix.active:hover.opaque:hover, div.search .vod-netflix.active.filter:hover.opaque:hover, .label-filter.vod-netflix.opaque:hover, div.search .vod-netflix.opaque.filter:hover { --opacity: .6; border-color: transparent; }

@media (hover: hover) { .label-filter.vod-netflix:not(.active):not(.static):not(.opaque):hover, div.search .vod-netflix.filter:not(.active):not(.static):not(.opaque):hover { background: #cc212b; border-color: #cc212b; }
  .label-filter.vod-netflix:not(.active):not(.static):not(.opaque):hover.gradient, div.search .vod-netflix.filter:not(.active):not(.static):not(.opaque):hover.gradient { background: linear-gradient(10deg, #d03422 0%, #d0222c 100%); } }

.label-filter.vod-videoland, div.search .vod-videoland.filter { color: #fff !important; }

.label-filter.vod-videoland.active:hover, div.search .vod-videoland.active.filter:hover, .label-filter.vod-videoland, div.search .vod-videoland.filter { background: #333; border-color: #333; }

.label-filter.vod-videoland.active:hover.gradient, div.search .vod-videoland.active.filter:hover.gradient, .label-filter.vod-videoland.gradient, div.search .vod-videoland.gradient.filter { background: linear-gradient(10deg, #404040 0%, #333 100%); border: none; }

.label-filter.vod-videoland.active:hover.opaque, div.search .vod-videoland.active.filter:hover.opaque, .label-filter.vod-videoland.opaque, div.search .vod-videoland.opaque.filter { --opacity: .5; background: rgba(33, 33, 33, var(--opacity)); border-color: transparent; }

.label-filter.vod-videoland.active:hover.opaque:hover, div.search .vod-videoland.active.filter:hover.opaque:hover, .label-filter.vod-videoland.opaque:hover, div.search .vod-videoland.opaque.filter:hover { --opacity: .6; border-color: transparent; }

@media only screen { html[data-theme="dark"].enable-theme .label-filter.vod-videoland.active:hover:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .vod-videoland.active.filter:hover:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .vod-videoland.active.filter:hover:not([class*="vod"]), html[data-theme="dark"].enable-theme .label-filter.vod-videoland:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .vod-videoland.filter:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .vod-videoland.filter:not([class*="vod"]) { background: #cccccc; border-color: #cccccc; } }

@media (hover: hover) { .label-filter.vod-videoland:not(.active):not(.static):not(.opaque):hover, div.search .vod-videoland.filter:not(.active):not(.static):not(.opaque):hover { background: #2b2b2b; border-color: #2b2b2b; }
  .label-filter.vod-videoland:not(.active):not(.static):not(.opaque):hover.gradient, div.search .vod-videoland.filter:not(.active):not(.static):not(.opaque):hover.gradient { background: linear-gradient(10deg, #2e2e2e 0%, #2e2e2e 100%); } }

@media only screen and (hover: hover) { html[data-theme="dark"].enable-theme .label-filter.vod-videoland:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .vod-videoland.filter:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .vod-videoland.filter:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]) { background: #c4c4c4; border-color: #c4c4c4; } }

.label-filter.vod-disney, div.search .vod-disney.filter { color: #fff !important; }

.label-filter.vod-disney.active:hover, div.search .vod-disney.active.filter:hover, .label-filter.vod-disney, div.search .vod-disney.filter { background: #136878; border-color: #136878; }

.label-filter.vod-disney.active:hover.gradient, div.search .vod-disney.active.filter:hover.gradient, .label-filter.vod-disney.gradient, div.search .vod-disney.gradient.filter { background: linear-gradient(10deg, #16618e 0%, #136878 100%); border: none; }

.label-filter.vod-disney.active:hover.opaque, div.search .vod-disney.active.filter:hover.opaque, .label-filter.vod-disney.opaque, div.search .vod-disney.opaque.filter { --opacity: .5; background: rgba(14, 77, 89, var(--opacity)); border-color: transparent; }

.label-filter.vod-disney.active:hover.opaque:hover, div.search .vod-disney.active.filter:hover.opaque:hover, .label-filter.vod-disney.opaque:hover, div.search .vod-disney.opaque.filter:hover { --opacity: .6; border-color: transparent; }

@media (hover: hover) { .label-filter.vod-disney:not(.active):not(.static):not(.opaque):hover, div.search .vod-disney.filter:not(.active):not(.static):not(.opaque):hover { background: #115d6b; border-color: #115d6b; }
  .label-filter.vod-disney:not(.active):not(.static):not(.opaque):hover.gradient, div.search .vod-disney.filter:not(.active):not(.static):not(.opaque):hover.gradient { background: linear-gradient(10deg, #12516f 0%, #12606f 100%); } }

.label-filter.vod-amazon, div.search .vod-amazon.filter { color: #fff !important; }

.label-filter.vod-amazon.active:hover, div.search .vod-amazon.active.filter:hover, .label-filter.vod-amazon, div.search .vod-amazon.filter { background: #00a0d6; border-color: #00a0d6; }

.label-filter.vod-amazon.active:hover.gradient, div.search .vod-amazon.active.filter:hover.gradient, .label-filter.vod-amazon.gradient, div.search .vod-amazon.gradient.filter { background: linear-gradient(10deg, #007ff0 0%, #00a0d6 100%); border: none; }

.label-filter.vod-amazon.active:hover.opaque, div.search .vod-amazon.active.filter:hover.opaque, .label-filter.vod-amazon.opaque, div.search .vod-amazon.opaque.filter { --opacity: .5; background: rgba(0, 133, 178, var(--opacity)); border-color: transparent; }

.label-filter.vod-amazon.active:hover.opaque:hover, div.search .vod-amazon.active.filter:hover.opaque:hover, .label-filter.vod-amazon.opaque:hover, div.search .vod-amazon.opaque.filter:hover { --opacity: .6; border-color: transparent; }

@media (hover: hover) { .label-filter.vod-amazon:not(.active):not(.static):not(.opaque):hover, div.search .vod-amazon.filter:not(.active):not(.static):not(.opaque):hover { background: #0095c7; border-color: #0095c7; }
  .label-filter.vod-amazon:not(.active):not(.static):not(.opaque):hover.gradient, div.search .vod-amazon.filter:not(.active):not(.static):not(.opaque):hover.gradient { background: linear-gradient(10deg, #0076cc 0%, #0098cc 100%); } }

.label-filter.vod-cinemember, div.search .vod-cinemember.filter { color: #fff !important; }

.label-filter.vod-cinemember.active:hover, div.search .vod-cinemember.active.filter:hover, .label-filter.vod-cinemember, div.search .vod-cinemember.filter { background: #111; border-color: #111; }

.label-filter.vod-cinemember.active:hover.gradient, div.search .vod-cinemember.active.filter:hover.gradient, .label-filter.vod-cinemember.gradient, div.search .vod-cinemember.gradient.filter { background: linear-gradient(10deg, #1e1e1e 0%, #111 100%); border: none; }

.label-filter.vod-cinemember.active:hover.opaque, div.search .vod-cinemember.active.filter:hover.opaque, .label-filter.vod-cinemember.opaque, div.search .vod-cinemember.opaque.filter { --opacity: .5; background: rgba(0, 0, 0, var(--opacity)); border-color: transparent; }

.label-filter.vod-cinemember.active:hover.opaque:hover, div.search .vod-cinemember.active.filter:hover.opaque:hover, .label-filter.vod-cinemember.opaque:hover, div.search .vod-cinemember.opaque.filter:hover { --opacity: .6; border-color: transparent; }

@media only screen { html[data-theme="dark"].enable-theme .label-filter.vod-cinemember.active:hover:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .vod-cinemember.active.filter:hover:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .vod-cinemember.active.filter:hover:not([class*="vod"]), html[data-theme="dark"].enable-theme .label-filter.vod-cinemember:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .vod-cinemember.filter:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .vod-cinemember.filter:not([class*="vod"]) { background: #eeeeee; border-color: #eeeeee; } }

@media (hover: hover) { .label-filter.vod-cinemember:not(.active):not(.static):not(.opaque):hover, div.search .vod-cinemember.filter:not(.active):not(.static):not(.opaque):hover { background: #090909; border-color: #090909; }
  .label-filter.vod-cinemember:not(.active):not(.static):not(.opaque):hover.gradient, div.search .vod-cinemember.filter:not(.active):not(.static):not(.opaque):hover.gradient { background: linear-gradient(10deg, #0c0c0c 0%, #0c0c0c 100%); } }

@media only screen and (hover: hover) { html[data-theme="dark"].enable-theme .label-filter.vod-cinemember:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .vod-cinemember.filter:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .vod-cinemember.filter:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]) { background: #e6e6e6; border-color: #e6e6e6; } }

.label-filter.vod-picl, div.search .vod-picl.filter { color: #fff !important; }

.label-filter.vod-picl.active:hover, div.search .vod-picl.active.filter:hover, .label-filter.vod-picl, div.search .vod-picl.filter { background: #d19c3a; border-color: #d19c3a; }

.label-filter.vod-picl.active:hover.gradient, div.search .vod-picl.active.filter:hover.gradient, .label-filter.vod-picl.gradient, div.search .vod-picl.gradient.filter { background: linear-gradient(10deg, #d6c44f 0%, #d19c3a 100%); border: none; }

.label-filter.vod-picl.active:hover.opaque, div.search .vod-picl.active.filter:hover.opaque, .label-filter.vod-picl.opaque, div.search .vod-picl.opaque.filter { --opacity: .5; background: rgba(187, 137, 43, var(--opacity)); border-color: transparent; }

.label-filter.vod-picl.active:hover.opaque:hover, div.search .vod-picl.active.filter:hover.opaque:hover, .label-filter.vod-picl.opaque:hover, div.search .vod-picl.opaque.filter:hover { --opacity: .6; border-color: transparent; }

@media (hover: hover) { .label-filter.vod-picl:not(.active):not(.static):not(.opaque):hover, div.search .vod-picl.filter:not(.active):not(.static):not(.opaque):hover { background: #cc9530; border-color: #cc9530; }
  .label-filter.vod-picl:not(.active):not(.static):not(.opaque):hover.gradient, div.search .vod-picl.filter:not(.active):not(.static):not(.opaque):hover.gradient { background: linear-gradient(10deg, #cfb232 0%, #cf9832 100%); } }

.label-filter.vod-pathe, div.search .vod-pathe.filter { color: #735300 !important; }

.label-filter.vod-pathe.active:hover, div.search .vod-pathe.active.filter:hover, .label-filter.vod-pathe, div.search .vod-pathe.filter { background: #ffc426; border-color: #ffc426; }

.label-filter.vod-pathe.active:hover.gradient, div.search .vod-pathe.active.filter:hover.gradient, .label-filter.vod-pathe.gradient, div.search .vod-pathe.gradient.filter { background: linear-gradient(10deg, #fff440 0%, #ffc426 100%); border: none; }

.label-filter.vod-pathe.active:hover.opaque, div.search .vod-pathe.active.filter:hover.opaque, .label-filter.vod-pathe.opaque, div.search .vod-pathe.opaque.filter { --opacity: .5; background: rgba(255, 186, 2, var(--opacity)); border-color: transparent; }

.label-filter.vod-pathe.active:hover.opaque:hover, div.search .vod-pathe.active.filter:hover.opaque:hover, .label-filter.vod-pathe.opaque:hover, div.search .vod-pathe.opaque.filter:hover { --opacity: .6; border-color: transparent; }

@media (hover: hover) { .label-filter.vod-pathe:not(.active):not(.static):not(.opaque):hover, div.search .vod-pathe.filter:not(.active):not(.static):not(.opaque):hover { background: #ffc017; border-color: #ffc017; }
  .label-filter.vod-pathe:not(.active):not(.static):not(.opaque):hover.gradient, div.search .vod-pathe.filter:not(.active):not(.static):not(.opaque):hover.gradient { background: linear-gradient(10deg, #ffe71c 0%, #ffc11c 100%); } }

.label-filter.vod-cinetree, div.search .vod-cinetree.filter { color: #2e2e2e !important; }

.label-filter.vod-cinetree.active:hover, div.search .vod-cinetree.active.filter:hover, .label-filter.vod-cinetree, div.search .vod-cinetree.filter { background: #FFE77E; border-color: #FFE77E; }

.label-filter.vod-cinetree.active:hover.gradient, div.search .vod-cinetree.active.filter:hover.gradient, .label-filter.vod-cinetree.gradient, div.search .vod-cinetree.gradient.filter { border: none; }

.label-filter.vod-cinetree.active:hover.opaque, div.search .vod-cinetree.active.filter:hover.opaque, .label-filter.vod-cinetree.opaque, div.search .vod-cinetree.opaque.filter { --opacity: .5; background: rgba(255, 224, 90, var(--opacity)); border-color: transparent; }

.label-filter.vod-cinetree.active:hover.opaque:hover, div.search .vod-cinetree.active.filter:hover.opaque:hover, .label-filter.vod-cinetree.opaque:hover, div.search .vod-cinetree.opaque.filter:hover { --opacity: .6; border-color: transparent; }

@media only screen { html[data-theme="dark"].enable-theme .label-filter.vod-cinetree.active:hover:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .vod-cinetree.active.filter:hover:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .vod-cinetree.active.filter:hover:not([class*="vod"]), html[data-theme="dark"].enable-theme .label-filter.vod-cinetree:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .vod-cinetree.filter:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .vod-cinetree.filter:not([class*="vod"]) { background: #FFE77E; border-color: #FFE77E; } }

@media (hover: hover) { .label-filter.vod-cinetree:not(.active):not(.static):not(.opaque):hover, div.search .vod-cinetree.filter:not(.active):not(.static):not(.opaque):hover { background: #ffe46f; border-color: #ffe46f; } }

@media only screen and (hover: hover) { html[data-theme="dark"].enable-theme .label-filter.vod-cinetree:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .vod-cinetree.filter:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .vod-cinetree.filter:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]) { background: #ffe46f; border-color: #ffe46f; } }

.label-filter.vod-nlziet, div.search .vod-nlziet.filter { color: #fff !important; }

.label-filter.vod-nlziet.active:hover, div.search .vod-nlziet.active.filter:hover, .label-filter.vod-nlziet, div.search .vod-nlziet.filter { background: #e01955; border-color: #e01955; }

.label-filter.vod-nlziet.active:hover.gradient, div.search .vod-nlziet.active.filter:hover.gradient, .label-filter.vod-nlziet.gradient, div.search .vod-nlziet.gradient.filter { background: linear-gradient(10deg, #e72b3a 0%, #e01955 100%); border: none; }

.label-filter.vod-nlziet.active:hover.opaque, div.search .vod-nlziet.active.filter:hover.opaque, .label-filter.vod-nlziet.opaque, div.search .vod-nlziet.opaque.filter { --opacity: .5; background: rgba(191, 21, 72, var(--opacity)); border-color: transparent; }

.label-filter.vod-nlziet.active:hover.opaque:hover, div.search .vod-nlziet.active.filter:hover.opaque:hover, .label-filter.vod-nlziet.opaque:hover, div.search .vod-nlziet.opaque.filter:hover { --opacity: .6; border-color: transparent; }

@media (hover: hover) { .label-filter.vod-nlziet:not(.active):not(.static):not(.opaque):hover, div.search .vod-nlziet.filter:not(.active):not(.static):not(.opaque):hover { background: #d2174f; border-color: #d2174f; }
  .label-filter.vod-nlziet:not(.active):not(.static):not(.opaque):hover.gradient, div.search .vod-nlziet.filter:not(.active):not(.static):not(.opaque):hover.gradient { background: linear-gradient(10deg, #d61831 0%, #d61851 100%); } }

.label-filter.vod-ziggo, div.search .vod-ziggo.filter { color: #fff !important; }

.label-filter.vod-ziggo.active:hover, div.search .vod-ziggo.active.filter:hover, .label-filter.vod-ziggo, div.search .vod-ziggo.filter { background: #f48c00; border-color: #f48c00; }

.label-filter.vod-ziggo.active:hover.gradient, div.search .vod-ziggo.active.filter:hover.gradient, .label-filter.vod-ziggo.gradient, div.search .vod-ziggo.gradient.filter { background: linear-gradient(10deg, #ffcd0f 0%, #f48c00 100%); border: none; }

.label-filter.vod-ziggo.active:hover.opaque, div.search .vod-ziggo.active.filter:hover.opaque, .label-filter.vod-ziggo.opaque, div.search .vod-ziggo.opaque.filter { --opacity: .5; background: rgba(208, 119, 0, var(--opacity)); border-color: transparent; }

.label-filter.vod-ziggo.active:hover.opaque:hover, div.search .vod-ziggo.active.filter:hover.opaque:hover, .label-filter.vod-ziggo.opaque:hover, div.search .vod-ziggo.opaque.filter:hover { --opacity: .6; border-color: transparent; }

@media (hover: hover) { .label-filter.vod-ziggo:not(.active):not(.static):not(.opaque):hover, div.search .vod-ziggo.filter:not(.active):not(.static):not(.opaque):hover { background: #e58300; border-color: #e58300; }
  .label-filter.vod-ziggo:not(.active):not(.static):not(.opaque):hover.gradient, div.search .vod-ziggo.filter:not(.active):not(.static):not(.opaque):hover.gradient { background: linear-gradient(10deg, #eaad00 0%, #ea8600 100%); } }

.label-filter.vod-film1, div.search .vod-film1.filter { color: #fff !important; }

.label-filter.vod-film1.active:hover, div.search .vod-film1.active.filter:hover, .label-filter.vod-film1, div.search .vod-film1.filter { background: #014471; border-color: #014471; }

.label-filter.vod-film1.active:hover.gradient, div.search .vod-film1.active.filter:hover.gradient, .label-filter.vod-film1.gradient, div.search .vod-film1.gradient.filter { background: linear-gradient(10deg, #02368a 0%, #014471 100%); border: none; }

.label-filter.vod-film1.active:hover.opaque, div.search .vod-film1.active.filter:hover.opaque, .label-filter.vod-film1.opaque, div.search .vod-film1.opaque.filter { --opacity: .5; background: rgba(0, 46, 78, var(--opacity)); border-color: transparent; }

.label-filter.vod-film1.active:hover.opaque:hover, div.search .vod-film1.active.filter:hover.opaque:hover, .label-filter.vod-film1.opaque:hover, div.search .vod-film1.opaque.filter:hover { --opacity: .6; border-color: transparent; }

@media only screen { html[data-theme="dark"].enable-theme .label-filter.vod-film1.active:hover:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .vod-film1.active.filter:hover:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .vod-film1.active.filter:hover:not([class*="vod"]), html[data-theme="dark"].enable-theme .label-filter.vod-film1:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .vod-film1.filter:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .vod-film1.filter:not([class*="vod"]) { background: #0699fc; border-color: #0699fc; } }

@media (hover: hover) { .label-filter.vod-film1:not(.active):not(.static):not(.opaque):hover, div.search .vod-film1.filter:not(.active):not(.static):not(.opaque):hover { background: #013b62; border-color: #013b62; }
  .label-filter.vod-film1:not(.active):not(.static):not(.opaque):hover.gradient, div.search .vod-film1.filter:not(.active):not(.static):not(.opaque):hover.gradient { background: linear-gradient(10deg, #012d67 0%, #013e67 100%); } }

@media only screen and (hover: hover) { html[data-theme="dark"].enable-theme .label-filter.vod-film1:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .vod-film1.filter:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .vod-film1.filter:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]) { background: #0390ef; border-color: #0390ef; } }

.label-filter.vod-npo, div.search .vod-npo.filter { color: #fff !important; }

.label-filter.vod-npo.active:hover, div.search .vod-npo.active.filter:hover, .label-filter.vod-npo, div.search .vod-npo.filter { background: #FF6D00; border-color: #FF6D00; }

.label-filter.vod-npo.active:hover.gradient, div.search .vod-npo.active.filter:hover.gradient, .label-filter.vod-npo.gradient, div.search .vod-npo.gradient.filter { background: linear-gradient(10deg, #ffad1a 0%, #FF6D00 100%); border: none; }

.label-filter.vod-npo.active:hover.opaque, div.search .vod-npo.active.filter:hover.opaque, .label-filter.vod-npo.opaque, div.search .vod-npo.opaque.filter { --opacity: .5; background: rgba(219, 93, 0, var(--opacity)); border-color: transparent; }

.label-filter.vod-npo.active:hover.opaque:hover, div.search .vod-npo.active.filter:hover.opaque:hover, .label-filter.vod-npo.opaque:hover, div.search .vod-npo.opaque.filter:hover { --opacity: .6; border-color: transparent; }

@media (hover: hover) { .label-filter.vod-npo:not(.active):not(.static):not(.opaque):hover, div.search .vod-npo.filter:not(.active):not(.static):not(.opaque):hover { background: #f06600; border-color: #f06600; }
  .label-filter.vod-npo:not(.active):not(.static):not(.opaque):hover.gradient, div.search .vod-npo.filter:not(.active):not(.static):not(.opaque):hover.gradient { background: linear-gradient(10deg, #f59100 0%, #f56900 100%); } }

.label-filter.vod-dplay, div.search .vod-dplay.filter { color: #fff !important; }

.label-filter.vod-dplay.active:hover, div.search .vod-dplay.active.filter:hover, .label-filter.vod-dplay, div.search .vod-dplay.filter { background: #33b4eb; border-color: #33b4eb; }

.label-filter.vod-dplay.active:hover.gradient, div.search .vod-dplay.active.filter:hover.gradient, .label-filter.vod-dplay.gradient, div.search .vod-dplay.gradient.filter { background: linear-gradient(10deg, #4a99ed 0%, #33b4eb 100%); border: none; }

.label-filter.vod-dplay.active:hover.opaque, div.search .vod-dplay.active.filter:hover.opaque, .label-filter.vod-dplay.opaque, div.search .vod-dplay.opaque.filter { --opacity: .5; background: rgba(22, 166, 227, var(--opacity)); border-color: transparent; }

.label-filter.vod-dplay.active:hover.opaque:hover, div.search .vod-dplay.active.filter:hover.opaque:hover, .label-filter.vod-dplay.opaque:hover, div.search .vod-dplay.opaque.filter:hover { --opacity: .6; border-color: transparent; }

@media (hover: hover) { .label-filter.vod-dplay:not(.active):not(.static):not(.opaque):hover, div.search .vod-dplay.filter:not(.active):not(.static):not(.opaque):hover { background: #25afea; border-color: #25afea; }
  .label-filter.vod-dplay:not(.active):not(.static):not(.opaque):hover.gradient, div.search .vod-dplay.filter:not(.active):not(.static):not(.opaque):hover.gradient { background: linear-gradient(10deg, #2a91ea 0%, #2ab1ea 100%); } }

.label-filter.vod-apple, div.search .vod-apple.filter { color: #fff !important; }

.label-filter.vod-apple.active:hover, div.search .vod-apple.active.filter:hover, .label-filter.vod-apple, div.search .vod-apple.filter { background: #1d1d1f; border-color: #1d1d1f; }

.label-filter.vod-apple.active:hover.gradient, div.search .vod-apple.active.filter:hover.gradient, .label-filter.vod-apple.gradient, div.search .vod-apple.gradient.filter { background: linear-gradient(10deg, #2a292c 0%, #1d1d1f 100%); border: none; }

.label-filter.vod-apple.active:hover.opaque, div.search .vod-apple.active.filter:hover.opaque, .label-filter.vod-apple.opaque, div.search .vod-apple.opaque.filter { --opacity: .5; background: rgba(11, 11, 12, var(--opacity)); border-color: transparent; }

.label-filter.vod-apple.active:hover.opaque:hover, div.search .vod-apple.active.filter:hover.opaque:hover, .label-filter.vod-apple.opaque:hover, div.search .vod-apple.opaque.filter:hover { --opacity: .6; border-color: transparent; }

@media only screen { html[data-theme="dark"].enable-theme .label-filter.vod-apple.active:hover:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .vod-apple.active.filter:hover:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .vod-apple.active.filter:hover:not([class*="vod"]), html[data-theme="dark"].enable-theme .label-filter.vod-apple:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .vod-apple.filter:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .vod-apple.filter:not([class*="vod"]) { background: #e2e2e0; border-color: #e2e2e0; } }

@media (hover: hover) { .label-filter.vod-apple:not(.active):not(.static):not(.opaque):hover, div.search .vod-apple.filter:not(.active):not(.static):not(.opaque):hover { background: #161617; border-color: #161617; }
  .label-filter.vod-apple:not(.active):not(.static):not(.opaque):hover.gradient, div.search .vod-apple.filter:not(.active):not(.static):not(.opaque):hover.gradient { background: linear-gradient(10deg, #18181a 0%, #18181a 100%); } }

@media only screen and (hover: hover) { html[data-theme="dark"].enable-theme .label-filter.vod-apple:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .vod-apple.filter:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .vod-apple.filter:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]) { background: #dbdbd8; border-color: #dbdbd8; } }

.label-filter.vod-hbomax, div.search .vod-hbomax.filter { color: #fff !important; }

.label-filter.vod-hbomax.active:hover, div.search .vod-hbomax.active.filter:hover, .label-filter.vod-hbomax, div.search .vod-hbomax.filter { background: #012de8; border-color: #012de8; }

.label-filter.vod-hbomax.active:hover.gradient, div.search .vod-hbomax.active.filter:hover.gradient, .label-filter.vod-hbomax.gradient, div.search .vod-hbomax.gradient.filter { background: linear-gradient(10deg, #0b05fe 0%, #012de8 100%); border: none; }

.label-filter.vod-hbomax.active:hover.opaque, div.search .vod-hbomax.active.filter:hover.opaque, .label-filter.vod-hbomax.opaque, div.search .vod-hbomax.opaque.filter { --opacity: .5; background: rgba(0, 38, 196, var(--opacity)); border-color: transparent; }

.label-filter.vod-hbomax.active:hover.opaque:hover, div.search .vod-hbomax.active.filter:hover.opaque:hover, .label-filter.vod-hbomax.opaque:hover, div.search .vod-hbomax.opaque.filter:hover { --opacity: .6; border-color: transparent; }

@media only screen { html[data-theme="dark"].enable-theme .label-filter.vod-hbomax.active:hover:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .vod-hbomax.active.filter:hover:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .vod-hbomax.active.filter:hover:not([class*="vod"]), html[data-theme="dark"].enable-theme .label-filter.vod-hbomax:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .vod-hbomax.filter:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .vod-hbomax.filter:not([class*="vod"]) { background: #6a86fe; border-color: #6a86fe; } }

@media (hover: hover) { .label-filter.vod-hbomax:not(.active):not(.static):not(.opaque):hover, div.search .vod-hbomax.filter:not(.active):not(.static):not(.opaque):hover { background: #012ad9; border-color: #012ad9; }
  .label-filter.vod-hbomax:not(.active):not(.static):not(.opaque):hover.gradient, div.search .vod-hbomax.filter:not(.active):not(.static):not(.opaque):hover.gradient { background: linear-gradient(10deg, #0106de 0%, #012bde 100%); } }

@media only screen and (hover: hover) { html[data-theme="dark"].enable-theme .label-filter.vod-hbomax:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .vod-hbomax.filter:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .vod-hbomax.filter:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]) { background: #5b7afe; border-color: #5b7afe; } }

.label-filter.vod-viaplay, div.search .vod-viaplay.filter { color: #fff !important; }

.label-filter.vod-viaplay.active:hover, div.search .vod-viaplay.active.filter:hover, .label-filter.vod-viaplay, div.search .vod-viaplay.filter { background: #fe365f; border-color: #fe365f; }

.label-filter.vod-viaplay.active:hover.gradient, div.search .vod-viaplay.active.filter:hover.gradient, .label-filter.vod-viaplay.gradient, div.search .vod-viaplay.gradient.filter { background: linear-gradient(10deg, #fe514f 0%, #fe365f 100%); border: none; }

.label-filter.vod-viaplay.active:hover.opaque, div.search .vod-viaplay.active.filter:hover.opaque, .label-filter.vod-viaplay.opaque, div.search .vod-viaplay.opaque.filter { --opacity: .5; background: rgba(253, 18, 66, var(--opacity)); border-color: transparent; }

.label-filter.vod-viaplay.active:hover.opaque:hover, div.search .vod-viaplay.active.filter:hover.opaque:hover, .label-filter.vod-viaplay.opaque:hover, div.search .vod-viaplay.opaque.filter:hover { --opacity: .6; border-color: transparent; }

@media (hover: hover) { .label-filter.vod-viaplay:not(.active):not(.static):not(.opaque):hover, div.search .vod-viaplay.filter:not(.active):not(.static):not(.opaque):hover { background: #fe2753; border-color: #fe2753; }
  .label-filter.vod-viaplay:not(.active):not(.static):not(.opaque):hover.gradient, div.search .vod-viaplay.filter:not(.active):not(.static):not(.opaque):hover.gradient { background: linear-gradient(10deg, #fe2c34 0%, #fe2c57 100%); } }

.label-filter.vod-mubi, div.search .vod-mubi.filter { color: #fff !important; }

.label-filter.vod-mubi.active:hover, div.search .vod-mubi.active.filter:hover, .label-filter.vod-mubi, div.search .vod-mubi.filter { background: #001489; border-color: #001489; }

.label-filter.vod-mubi.active:hover.gradient, div.search .vod-mubi.active.filter:hover.gradient, .label-filter.vod-mubi.gradient, div.search .vod-mubi.gradient.filter { background: linear-gradient(10deg, #0b00a3 0%, #001489 100%); border: none; }

.label-filter.vod-mubi.active:hover.opaque, div.search .vod-mubi.active.filter:hover.opaque, .label-filter.vod-mubi.opaque, div.search .vod-mubi.opaque.filter { --opacity: .5; background: rgba(0, 14, 101, var(--opacity)); border-color: transparent; }

.label-filter.vod-mubi.active:hover.opaque:hover, div.search .vod-mubi.active.filter:hover.opaque:hover, .label-filter.vod-mubi.opaque:hover, div.search .vod-mubi.opaque.filter:hover { --opacity: .6; border-color: transparent; }

@media only screen { html[data-theme="dark"].enable-theme .label-filter.vod-mubi.active:hover:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .vod-mubi.active.filter:hover:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .vod-mubi.active.filter:hover:not([class*="vod"]), html[data-theme="dark"].enable-theme .label-filter.vod-mubi:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .vod-mubi.filter:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .vod-mubi.filter:not([class*="vod"]) { background: #4762ff; border-color: #4762ff; } }

@media (hover: hover) { .label-filter.vod-mubi:not(.active):not(.static):not(.opaque):hover, div.search .vod-mubi.filter:not(.active):not(.static):not(.opaque):hover { background: #00127a; border-color: #00127a; }
  .label-filter.vod-mubi:not(.active):not(.static):not(.opaque):hover.gradient, div.search .vod-mubi.filter:not(.active):not(.static):not(.opaque):hover.gradient { background: linear-gradient(10deg, #03007f 0%, #00137f 100%); } }

@media only screen and (hover: hover) { html[data-theme="dark"].enable-theme .label-filter.vod-mubi:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .vod-mubi.filter:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .vod-mubi.filter:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]) { background: #3755ff; border-color: #3755ff; } }

.label-filter.vod-withlove, div.search .vod-withlove.filter { color: #fff !important; }

.label-filter.vod-withlove.active:hover, div.search .vod-withlove.active.filter:hover, .label-filter.vod-withlove, div.search .vod-withlove.filter { background: #e12813; border-color: #e12813; }

.label-filter.vod-withlove.active:hover.gradient, div.search .vod-withlove.active.filter:hover.gradient, .label-filter.vod-withlove.gradient, div.search .vod-withlove.gradient.filter { background: linear-gradient(10deg, #ec6221 0%, #e12813 100%); border: none; }

.label-filter.vod-withlove.active:hover.opaque, div.search .vod-withlove.active.filter:hover.opaque, .label-filter.vod-withlove.opaque, div.search .vod-withlove.opaque.filter { --opacity: .5; background: rgba(192, 34, 16, var(--opacity)); border-color: transparent; }

.label-filter.vod-withlove.active:hover.opaque:hover, div.search .vod-withlove.active.filter:hover.opaque:hover, .label-filter.vod-withlove.opaque:hover, div.search .vod-withlove.opaque.filter:hover { --opacity: .6; border-color: transparent; }

@media (hover: hover) { .label-filter.vod-withlove:not(.active):not(.static):not(.opaque):hover, div.search .vod-withlove.filter:not(.active):not(.static):not(.opaque):hover { background: #d32512; border-color: #d32512; }
  .label-filter.vod-withlove:not(.active):not(.static):not(.opaque):hover.gradient, div.search .vod-withlove.filter:not(.active):not(.static):not(.opaque):hover.gradient { background: linear-gradient(10deg, #d84712 0%, #d82612 100%); } }

.label-filter.vod-canaldigitaal, div.search .vod-canaldigitaal.filter { color: #fff !important; }

.label-filter.vod-canaldigitaal.active:hover, div.search .vod-canaldigitaal.active.filter:hover, .label-filter.vod-canaldigitaal, div.search .vod-canaldigitaal.filter { background: #C80000; border-color: #C80000; }

.label-filter.vod-canaldigitaal.active:hover.gradient, div.search .vod-canaldigitaal.active.filter:hover.gradient, .label-filter.vod-canaldigitaal.gradient, div.search .vod-canaldigitaal.gradient.filter { background: linear-gradient(10deg, #e23100 0%, #C80000 100%); border: none; }

.label-filter.vod-canaldigitaal.active:hover.opaque, div.search .vod-canaldigitaal.active.filter:hover.opaque, .label-filter.vod-canaldigitaal.opaque, div.search .vod-canaldigitaal.opaque.filter { --opacity: .5; background: rgba(164, 0, 0, var(--opacity)); border-color: transparent; }

.label-filter.vod-canaldigitaal.active:hover.opaque:hover, div.search .vod-canaldigitaal.active.filter:hover.opaque:hover, .label-filter.vod-canaldigitaal.opaque:hover, div.search .vod-canaldigitaal.opaque.filter:hover { --opacity: .6; border-color: transparent; }

@media (hover: hover) { .label-filter.vod-canaldigitaal:not(.active):not(.static):not(.opaque):hover, div.search .vod-canaldigitaal.filter:not(.active):not(.static):not(.opaque):hover { background: #b90000; border-color: #b90000; }
  .label-filter.vod-canaldigitaal:not(.active):not(.static):not(.opaque):hover.gradient, div.search .vod-canaldigitaal.filter:not(.active):not(.static):not(.opaque):hover.gradient { background: linear-gradient(10deg, #be2000 0%, #be0000 100%); } }

.label-filter.vod-canalplus, div.search .vod-canalplus.filter { color: #fff !important; }

.label-filter.vod-canalplus.active:hover, div.search .vod-canalplus.active.filter:hover, .label-filter.vod-canalplus, div.search .vod-canalplus.filter { background: #333; border-color: #333; }

.label-filter.vod-canalplus.active:hover.gradient, div.search .vod-canalplus.active.filter:hover.gradient, .label-filter.vod-canalplus.gradient, div.search .vod-canalplus.gradient.filter { background: linear-gradient(10deg, #404040 0%, #333 100%); border: none; }

.label-filter.vod-canalplus.active:hover.opaque, div.search .vod-canalplus.active.filter:hover.opaque, .label-filter.vod-canalplus.opaque, div.search .vod-canalplus.opaque.filter { --opacity: .5; background: rgba(33, 33, 33, var(--opacity)); border-color: transparent; }

.label-filter.vod-canalplus.active:hover.opaque:hover, div.search .vod-canalplus.active.filter:hover.opaque:hover, .label-filter.vod-canalplus.opaque:hover, div.search .vod-canalplus.opaque.filter:hover { --opacity: .6; border-color: transparent; }

@media only screen { html[data-theme="dark"].enable-theme .label-filter.vod-canalplus.active:hover:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .vod-canalplus.active.filter:hover:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .vod-canalplus.active.filter:hover:not([class*="vod"]), html[data-theme="dark"].enable-theme .label-filter.vod-canalplus:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .vod-canalplus.filter:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .vod-canalplus.filter:not([class*="vod"]) { background: #fff; border-color: #fff; } }

@media (hover: hover) { .label-filter.vod-canalplus:not(.active):not(.static):not(.opaque):hover, div.search .vod-canalplus.filter:not(.active):not(.static):not(.opaque):hover { background: #2b2b2b; border-color: #2b2b2b; }
  .label-filter.vod-canalplus:not(.active):not(.static):not(.opaque):hover.gradient, div.search .vod-canalplus.filter:not(.active):not(.static):not(.opaque):hover.gradient { background: linear-gradient(10deg, #2e2e2e 0%, #2e2e2e 100%); } }

@media only screen and (hover: hover) { html[data-theme="dark"].enable-theme .label-filter.vod-canalplus:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .vod-canalplus.filter:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .vod-canalplus.filter:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]) { background: #f7f7f7; border-color: #f7f7f7; } }

.label-filter.vod-skyshowtime, div.search .vod-skyshowtime.filter { color: #fff !important; }

.label-filter.vod-skyshowtime.active:hover, div.search .vod-skyshowtime.active.filter:hover, .label-filter.vod-skyshowtime, div.search .vod-skyshowtime.filter { background: #5735dc; border-color: #5735dc; }

.label-filter.vod-skyshowtime.active:hover.gradient, div.search .vod-skyshowtime.active.filter:hover.gradient, .label-filter.vod-skyshowtime.gradient, div.search .vod-skyshowtime.gradient.filter { background: linear-gradient(10deg, #894be0 0%, #5735dc 100%); border: none; }

.label-filter.vod-skyshowtime.active:hover.opaque, div.search .vod-skyshowtime.active.filter:hover.opaque, .label-filter.vod-skyshowtime.opaque, div.search .vod-skyshowtime.opaque.filter { --opacity: .5; background: rgba(69, 35, 202, var(--opacity)); border-color: transparent; }

.label-filter.vod-skyshowtime.active:hover.opaque:hover, div.search .vod-skyshowtime.active.filter:hover.opaque:hover, .label-filter.vod-skyshowtime.opaque:hover, div.search .vod-skyshowtime.opaque.filter:hover { --opacity: .6; border-color: transparent; }

@media only screen { html[data-theme="dark"].enable-theme .label-filter.vod-skyshowtime.active:hover:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .vod-skyshowtime.active.filter:hover:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .vod-skyshowtime.active.filter:hover:not([class*="vod"]), html[data-theme="dark"].enable-theme .label-filter.vod-skyshowtime:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .vod-skyshowtime.filter:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .vod-skyshowtime.filter:not([class*="vod"]) { background: #7b60e4; border-color: #7b60e4; } }

@media (hover: hover) { .label-filter.vod-skyshowtime:not(.active):not(.static):not(.opaque):hover, div.search .vod-skyshowtime.filter:not(.active):not(.static):not(.opaque):hover { background: #4c28da; border-color: #4c28da; }
  .label-filter.vod-skyshowtime:not(.active):not(.static):not(.opaque):hover.gradient, div.search .vod-skyshowtime.filter:not(.active):not(.static):not(.opaque):hover.gradient { background: linear-gradient(10deg, #6d2cda 0%, #502cda 100%); } }

@media only screen and (hover: hover) { html[data-theme="dark"].enable-theme .label-filter.vod-skyshowtime:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), html[data-theme="dark"].enable-theme div.search .vod-skyshowtime.filter:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]), div.search html[data-theme="dark"].enable-theme .vod-skyshowtime.filter:not(.active):not(.static):not(.opaque):hover:not([class*="vod"]) { background: #7053e1; border-color: #7053e1; } }

.label-filter.vod-all, div.search .vod-all.filter { color: #fff !important; }

.label-filter.vod-all.active:hover, div.search .vod-all.active.filter:hover, .label-filter.vod-all, div.search .vod-all.filter { background: #4f37ff; border-color: #4f37ff; }

.label-filter.vod-all.active:hover.gradient, div.search .vod-all.active.filter:hover.gradient, .label-filter.vod-all.gradient, div.search .vod-all.gradient.filter { background: linear-gradient(10deg, #8c51ff 0%, #4f37ff 100%); border: none; }

.label-filter.vod-all.active:hover.opaque, div.search .vod-all.active.filter:hover.opaque, .label-filter.vod-all.opaque, div.search .vod-all.opaque.filter { --opacity: .5; background: rgba(47, 19, 255, var(--opacity)); border-color: transparent; }

.label-filter.vod-all.active:hover.opaque:hover, div.search .vod-all.active.filter:hover.opaque:hover, .label-filter.vod-all.opaque:hover, div.search .vod-all.opaque.filter:hover { --opacity: .6; border-color: transparent; }

@media (hover: hover) { .label-filter.vod-all:not(.active):not(.static):not(.opaque):hover, div.search .vod-all.filter:not(.active):not(.static):not(.opaque):hover { background: #4228ff; border-color: #4228ff; }
  .label-filter.vod-all:not(.active):not(.static):not(.opaque):hover.gradient, div.search .vod-all.filter:not(.active):not(.static):not(.opaque):hover.gradient { background: linear-gradient(10deg, #692dff 0%, #462dff 100%); } }

@media only screen { html[data-theme="dark"].enable-theme .label-filter.secondary, html[data-theme="dark"].enable-theme div.search .secondary.filter, div.search html[data-theme="dark"].enable-theme .secondary.filter { color: var(--label-color) !important; }
  html[data-theme="dark"].enable-theme .label-filter.secondary, html[data-theme="dark"].enable-theme div.search .secondary.filter, div.search html[data-theme="dark"].enable-theme .secondary.filter, html[data-theme="dark"].enable-theme .label-filter.secondary:hover, html[data-theme="dark"].enable-theme div.search .secondary.filter:hover, div.search html[data-theme="dark"].enable-theme .secondary.filter:hover { background: var(--label-bg) !important; border-color: var(--label-border-color) !important; } }

@media only screen { html[data-theme="dark"].enable-theme .label-filter.keep-white, html[data-theme="dark"].enable-theme div.search .keep-white.filter, div.search html[data-theme="dark"].enable-theme .keep-white.filter { color: var(--tone-300) !important; }
  html[data-theme="dark"].enable-theme .label-filter.keep-white, html[data-theme="dark"].enable-theme div.search .keep-white.filter, div.search html[data-theme="dark"].enable-theme .keep-white.filter, html[data-theme="dark"].enable-theme .label-filter.keep-white:hover, html[data-theme="dark"].enable-theme div.search .keep-white.filter:hover, div.search html[data-theme="dark"].enable-theme .keep-white.filter:hover { background: var(--tone-700); border-color: var(--tone-700); } }

.label-filter.select, div.search .select.filter { position: relative; max-width: 100%; }

.label-filter.select i, div.search .select.filter i { position: absolute; top: 8px; left: 16px; line-height: inherit; }

.label-filter.select i.icon-loader, div.search .select.filter i.icon-loader { margin-top: 2px; }

.label-filter.select i.icon-loader:before, div.search .select.filter i.icon-loader:before { border-top-color: #777; }

.label-filter.select select, div.search .select.filter select { -moz-appearance: none; -webkit-appearance: none; appearance: none; border: none; background: transparent; vertical-align: middle; font-size: inherit; color: inherit; font-weight: bold; padding: 0; margin: 0; outline: 0; padding-right: 20px; padding-left: 25px; line-height: 1.4; position: relative; margin-top: -2px; margin-bottom: 0; text-indent: 0; }

@-moz-document url-prefix() { .label-filter.select select, div.search .select.filter select { text-indent: -2px; } }

.label-filter.select select:hover, div.search .select.filter select:hover { cursor: pointer; }

.label-filter.select select:-moz-focusring, div.search .select.filter select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #666; }

.label-filter.select select option:not(:checked), div.search .select.filter select option:not(:checked) { color: initial; }

.label-filter.select select option:checked, div.search .select.filter select option:checked { color: initial !important; }

.label-filter.select.no-icon select, div.search .select.no-icon.filter select { padding-left: 5px; }

.label-filter.select.label-filter select, div.search .select.filter select { font-weight: normal; }

.label-filter.select:after, div.search .select.filter:after { font-family: FontAwesome; content: '\f0dc'; font-size: inherit; position: absolute; top: 8px; right: 20px; pointer-events: none; line-height: inherit; }

.label-filter.select.small i, div.search .select.small.filter i { top: 6px; left: 14px; }

.label-filter.select.small:after, div.search .select.small.filter:after { top: 6px; right: 12px; }

.label-filter.select.tiny select, div.search .select.tiny.filter select { margin-top: -1px; }

.label-filter.select.tiny i, div.search .select.tiny.filter i { top: 5px; }

.label-filter.select.tiny:after, div.search .select.tiny.filter:after { top: 7px; right: 12px; }

.label-filter.select.type, div.search .select.type.filter { font-weight: bold; }

.label-filter.select.type select, div.search .select.type.filter select { background: transparent; font-weight: normal; }

.label-filter, div.search .filter, .label-filter *, div.search .filter * { font-family: "Inter", sans-serif; }

.label-filter .badge, div.search .filter .badge { top: -.3rem; right: -.3rem; margin: 0 !important; }

.label-filter .badge.badge--empty, div.search .filter .badge.badge--empty { top: .2rem; right: .2rem; width: .7rem; height: .7rem; }

.label-filter.is-loading, div.search .is-loading.filter { display: inline-flex; align-items: center; }

.label-filter.is-loading:before, div.search .is-loading.filter:before { content: '\f021'; position: absolute; left: 50%; margin-left: -5px; }

.label-filter.is-loading img, div.search .is-loading.filter img { opacity: 0; }

.label-filter.is-loading > span, div.search .is-loading.filter > span { opacity: 0; }

.label-filter .ui, div.search .filter .ui { display: block; position: absolute; left: 8px; top: 6.5px; }

.label-filter.is-floating, div.search .is-floating.filter { position: fixed; bottom: 1rem; left: 15px; z-index: 1000; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3); }

.filter-container h4 { margin-bottom: .5em; }

.no-border { border: none !important; }

address { font-style: normal; }

h1, h2, h3 { margin: 0; font-weight: normal; line-height: inherit; }

h1, .h1 { font-size: 26px; font-family: "Inter", sans-serif; font-weight: var(--font-bold); color: var(--h1-color); line-height: 1.4; margin-top: .3em; }

h1.centered, .h1.centered { text-align: center; margin-left: auto; margin-right: auto; margin-top: 1em; margin-bottom: .5em; width: 90%; }

@media only screen and (min-width: 740px) { h1.centered, .h1.centered { width: 85%; } }

h2, .h2 { font-size: 22px; font-family: "Inter", sans-serif; color: var(--body-color); font-weight: var(--font-bold); }

h3, #container h3 a, .h3 { font-size: 19px; margin-bottom: .3em; margin-top: 1em; font-weight: normal; color: var(--body-color); font-family: "Inter", sans-serif; font-weight: bold; }

h4, .h4 { font-family: "Inter", sans-serif; font-size: 16px; margin-bottom: 0; margin-top: 1em; }

h1 a, h3 a { text-decoration: none !important; }

h1 a:hover, h3 a:hover { text-decoration: underline !important; }

h1.dark { color: #222; }

h1.subtitel { position: relative; top: 0; font-size: 18px; margin: .2em 0 .6em 0; }

h2.subtitel, .subtitel.h2 { position: relative; color: var(--tone-600); font-size: 18px; font-weight: normal; margin-top: .2em; margin-bottom: .5em; }

h2.subtitel.small, .subtitel.h2.small { font-size: 16px; line-height: 1.4; }

@media only screen and (max-width: 739px) { h2.subtitel.small, .subtitel.h2.small { font-size: .9em; } }

h2.subtitel.centered, .subtitel.h2.centered { width: 95%; text-align: center; margin: 0 auto .5em auto; }

h3.subtitel { font-family: "Inter", sans-serif; font-weight: bold; margin-top: 0em; margin-bottom: .2em; font-size: 1.2em; color: var(--tone-500); }

h3.subtitel a { font-size: inherit !important; color: inherit !important; }

h1.alternate, h2.alternate, #recensie-content h2, .article h2, h3.alternate, h4.alternate { color: var(--highlight-color) !important; }

.drop-cap { float: left; margin-top: .1em; font-size: 255%; line-height: 1; padding: 0 .1em 0 0; }

.vod-logo { margin-top: 5em; }

@media only screen and (max-width: 994px) { .vod-logo { margin-top: 2em; } }

.vod-logo img { max-width: 50%; }

.user-icon { width: 60px; height: 60px; border-radius: 100%; font-size: 1.7rem; display: inline-block; }

.user-icon.tall { height: 84.8px; }

.user-icon.micro { width: 22px; height: 22px; font-size: 10px; }

.user-icon.tiny { width: 32px; height: 32px; font-size: 14px; }

.user-icon.small { width: 40px; height: 40px; font-size: 1.13rem; }

.user-icon.small.autocomplete-img { font-size: .7rem; }

.user-icon.medium { width: 50px; height: 50px; font-size: 1.41rem; }

.user-icon.medium.tall { height: 70.6666666667px; }

.user-icon > span, .user-icon > span > img { width: 100%; height: 100%; border-radius: 100%; }

.user-icon.tall > span, .user-icon.tall > span > img { border-radius: 5px; }

.user-icon > span { text-transform: uppercase; display: block; position: relative; font-size: 1em; color: #fff; font-weight: normal; line-height: 1; }

.user-icon > span > span { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); font-family: "Inter", sans-serif; }

.user-icon > span > img { object-fit: cover; }

.user-icon > span.new { background: #1aa; border-color: #1aa; }

.user-icon > span i { padding-top: .1em; }

@media only screen and (max-width: 994px) { .user-icon > span i.fa, .user-icon > span i.label-filter.is-loading:before, .user-icon > span div.search i.is-loading.filter:before, div.search .user-icon > span i.is-loading.filter:before, .user-icon > span #container i.button.button--cta:after, #container .user-icon > span i.button.button--cta:after, .user-icon > span #header i.button.button--cta:after, #header .user-icon > span i.button.button--cta:after, .container .user-icon > span i.button.button--cta:after, .user-icon > span i.button.button--cta:after, .user-icon > span #container i.button.is-loading:after, #container .user-icon > span i.button.is-loading:after, .user-icon > span #container i.button.button--is-loading:after, #container .user-icon > span i.button.button--is-loading:after, .user-icon > span #header i.button.is-loading:after, #header .user-icon > span i.button.is-loading:after, .user-icon > span #header i.button.button--is-loading:after, #header .user-icon > span i.button.button--is-loading:after, .container .user-icon > span i.button.is-loading:after, .container .user-icon > span i.button.button--is-loading:after, .user-icon > span i.button.is-loading:after, .user-icon > span i.button.button--is-loading:after { padding-left: .1em; } }

.user-icon:not(.custom) > span { background: #38c97b; border-color: #38c97b; }

.user-icon:not(.custom).teal > span { background: #138ba5; border-color: #138ba5; }

.user-icon.sub { position: absolute; right: -5px; bottom: -5px; }

.user-icon span.emoji { font-size: 170%; text-shadow: 0 0 4px rgba(0, 0, 0, 0.3); }

@media only screen { html[data-theme="dark"].enable-theme .user-icon.default > span { filter: saturate(0.8) brightness(0.9); } }

.top-ui-icon { float: right; position: relative; z-index: 2; line-height: 1; margin-top: 2px; }

.intext-icon { position: relative; top: 3px; }

.cols-4 { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; -moz-column-gap: 40px; -webkit-column-gap: 40px; column-gap: 40px; padding: 0; list-style: none; }

.cols-4.with-bullets { list-style: initial; padding-left: 2em; }

.cols-3 { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; -moz-column-gap: 40px; -webkit-column-gap: 40px; column-gap: 40px; padding: 0; list-style: none; }

.cols-3.with-bullets { list-style: initial; padding-left: 2em; }

.cols-2 { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 40px; -webkit-column-gap: 40px; column-gap: 40px; padding: 0; list-style: none; }

.cols-2.with-bullets { list-style: initial; padding-left: 2em; }

.cols-1 { padding: 0; list-style: none; }

@media only screen and (min-width: 740px) and (max-width: 994px) { .tablet-cols-3 { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; -moz-column-gap: 40px; -webkit-column-gap: 40px; column-gap: 40px; padding: 0; list-style: none; }
  .tablet-cols-3.with-bullets { list-style: initial; padding-left: 2em; } }

@media only screen and (max-width: 739px) { .mobile-cols-2 { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 40px; -webkit-column-gap: 40px; column-gap: 40px; padding: 0; list-style: none; }
  .mobile-cols-2.with-bullets { list-style: initial; padding-left: 2em; } }

@media only screen and (max-width: 739px) { .mobile-cols-1 { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; -moz-column-gap: 40px; -webkit-column-gap: 40px; column-gap: 40px; padding: 0; list-style: none; }
  .mobile-cols-1.with-bullets { list-style: initial; padding-left: 2em; } }

.dark-links a { color: inherit !important; }

#container h2.subtitel a { color: inherit; text-decoration: underline; }

#container h2.subtitel a:hover { text-decoration: none; }

.subtitel-nav img { width: 17px; height: 17px; position: relative; top: 2px; }

.subtitel-nav img:active { top: 3px; }

.date-picker-label { display: inline-flex; align-items: center; justify-content: center; position: relative; cursor: pointer; margin: 0 0.25rem; padding: 0.25rem; color: var(--tone-600); border-radius: 4px; vertical-align: baseline; overflow: hidden; }

@media only screen and (min-width: 995px) { .date-picker-label { margin: 0 0 0 .25rem; } }

.date-picker-label:hover { color: var(--tone-700); }

.date-picker-label .fvi-calendar { display: block; font-size: 1em; line-height: 1; }

.date-picker-label .date-picker-tv { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; }

.date-picker-label .date-picker-tv::-webkit-calendar-picker-indicator { pointer-events: auto; position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; background: transparent; }

hr { border: 0; background: var(--hr-color); color: #eee; height: 1px; border-bottom: solid #fff 0px; margin: .5rem 0; }

@media only screen and (min-width: 995px) { html[data-theme="dark"].enable-theme hr { background: var(--content-border-color); } }

/* SIDEBAR */
#filmlijst-rechts { position: relative; z-index: 0; }

#filmlijst-rechts hr { border-bottom: solid #fff 1px; }

#filmlijst-rechts .filmlijst-rechts-item.winactie, #filmlijst-rechts .black-box { background: #425dd6; border: 0; color: #f7f7f7; }

#filmlijst-rechts .filmlijst-rechts-item.winactie h2, #filmlijst-rechts .filmlijst-rechts-item.winactie h2 a, #filmlijst-rechts .black-box h2, #filmlijst-rechts .black-box h2 a { color: #fff; }

#filmlijst-rechts .filmlijst-rechts-item.winactie p, #filmlijst-rechts .black-box p { margin-bottom: 0; font-size: 14px; line-height: 1.45; }

#filmlijst-rechts .filmlijst-rechts-item.winactie p a, #filmlijst-rechts .black-box p a { color: #fff; text-decoration: underline; font-weight: bold; }

#filmlijst-rechts .filmlijst-rechts-item.winactie p a:hover, #filmlijst-rechts .black-box p a:hover { text-decoration: none; }

#filmlijst-rechts .filmlijst-rechts-item.winactie p.time-left, #filmlijst-rechts .black-box p.time-left { color: #bbb; font-size: 1.05em; }

#filmlijst-rechts .filmlijst-rechts-item.winactie img, #filmlijst-rechts .black-box img { float: left; margin-right: 10px; width: 75px; height: auto; position: relative; top: 2px; border-radius: 4px; }

#filmlijst-rechts .filmlijst-rechts-item.winactie.black-box img, #filmlijst-rechts .black-box.black-box img { float: left; margin: 0 10px 0 0; height: 57px; width: auto; }

#filmlijst-rechts .filmlijst-rechts-item.winactie.kerst, #filmlijst-rechts .black-box.kerst { position: relative; background: linear-gradient(160deg, #0a6972 0%, #0a7261 100%); box-shadow: 0 5px 20px rgba(10, 114, 97, 0.3); }

#filmlijst-rechts .filmlijst-rechts-item.winactie.kerst > div:first-of-type, #filmlijst-rechts .black-box.kerst > div:first-of-type { position: relative; z-index: 1; }

#filmlijst-rechts .filmlijst-rechts-item.winactie.kerst > .snow, #filmlijst-rechts .black-box.kerst > .snow { z-index: 0; position: absolute; opacity: .15; width: 100%; height: 100%; top: 0; left: 0; background-image: url(/images/snow.png); background-size: 420px; }

#filmlijst-rechts .filmlijst-rechts-item.winactie.kerst h2, #filmlijst-rechts .filmlijst-rechts-item.winactie.kerst p, #filmlijst-rechts .filmlijst-rechts-item.winactie.kerst .links a, #filmlijst-rechts .black-box.kerst h2, #filmlijst-rechts .black-box.kerst p, #filmlijst-rechts .black-box.kerst .links a { color: #fff; }

#filmlijst-rechts .filmlijst-rechts-item.winactie.kerst .drop-cap, #filmlijst-rechts .black-box.kerst .drop-cap { font-size: 3.5em; float: right; }

#filmlijst-rechts .filmlijst-rechts-item.winactie.kerst ul.links, #filmlijst-rechts .black-box.kerst ul.links { margin-top: 1em; list-style: none; padding-left: 1.9em; font-size: 1.2em; }

#filmlijst-rechts .filmlijst-rechts-item.winactie.kerst ul.links a, #filmlijst-rechts .black-box.kerst ul.links a { text-decoration: none; font-weight: bold; }

#filmlijst-rechts .filmlijst-rechts-item.winactie.kerst ul.links a:before, #filmlijst-rechts .black-box.kerst ul.links a:before { font-family: 'FontAwesome'; content: "\f105"; margin: 0 8px 0 -24px; }

#filmlijst-rechts .filmlijst-rechts-item.winactie.kerst ul.links a:hover span, #filmlijst-rechts .black-box.kerst ul.links a:hover span { text-decoration: underline; }

#filmlijst-rechts .filmlijst-rechts-item.winactie.kerst img, #filmlijst-rechts .black-box.kerst img { border-radius: 3px; height: 75px; margin: 2px 10px 0px 0; }

.filmlijst-rechts-item .item-list { margin: 0 -20px; }

/* CONTENT */
.content { position: relative; padding: 15px 25px 20px 25px; line-height: 1.65; font-size: 1rem; min-height: 560px; z-index: 0; }

@media only screen and (max-width: 739px) { .content { padding: 15px 10px 5px 10px; } }

@media only screen and (max-width: 994px) { .content { min-height: 0; } }

.content.top, .content.search { min-height: 0; }

.content.empty { padding-bottom: 0; border: none; border-radius: 0; background: none; }

@media only screen and (min-width: 995px) { .content.empty { padding: 0; } }

.content.filmpagina, .content.has-tabs { min-height: 540px; }

.content.filmpagina.first-tab-selected, .content.has-tabs.first-tab-selected { border-top-left-radius: 0; }

@media only screen and (max-width: 739px) { .content.filmpagina, .content.has-tabs { min-height: 0; padding-top: 0; } }

@media only screen and (min-width: 740px) and (max-width: 994px) { .content.filmpagina, .content.has-tabs { min-height: 0; padding-top: 0; } }

.content, .filmlijst-rechts-item { background: var(--content-bg); border: solid var(--content-border-color) 1px; margin-top: 20px; }

@media only screen and (max-width: 994px) { .content, .filmlijst-rechts-item { margin-top: 5px; border: none; } }

@media only screen and (min-width: 995px) { .content, .filmlijst-rechts-item { border-radius: 8px; } }

.border-box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#container, #filmlijst-rechts, .container { color: var(--body-color); }

#filmlijst-rechts { color: var(--tone-600); }

#container .sidebar-leeg { border: 0; padding: 0; background: 0; }

#container .sidebar-leeg h2 { text-shadow: 0px 1px 0px #fff; }

body .width-880 { /*width:968px; float:left;*/ }

body .width-610 { /*width:648px; float:left;*/ margin-top: 0; }

@media only screen and (min-width: 995px) { body .width-610 { padding-left: 0; width: 660px; }
  body .width-610.hide-sidebar { float: initial; margin-left: auto; margin-right: auto; } }

body .width-610, body .width-880 { position: relative; z-index: 1; }

body #randomizer { width: 928px; float: left; }

.rss { position: absolute; right: 10px; margin-top: 1px; }

#filmlijst-rechts a, .content a, .container a { color: inherit; text-decoration: underline; outline: 0; }

#content-wrapper .zoektabel a:hover, #meertijdenlink:hover { color: #282828; }

#content-wrapper a:hover, #filmlijst-rechts a:hover, .container a:hover { text-decoration: none; }

#filmlijst-rechts a { text-decoration: none; }

#filmlijst-rechts a:hover { text-decoration: underline; }

a.herfstvakantie-wrapper:hover { text-decoration: none !important; }

#container a img { border: 0; }

.addthis { line-height: 1; }

.addthis a { border: 0; }

.share a { border: none !important; margin: .15rem 0; }

.share a:hover .a2a_svg { opacity: .9 !important; }

.share .a2a_svg { transition: all .1s ease; border-radius: 32px !important; width: 42px !important; height: 42px !important; }

.share .a2a_svg svg { transform: scale(0.7); }

.share .a2a_button_facebook .a2a_svg { background-color: #3b5998 !important; }

.share .a2a_button_twitter .a2a_svg { background-color: #1da1f2 !important; }

.share .a2a_button_whatsapp .a2a_svg { background-color: #25D366 !important; }

.share .a2a_dd .a2a_svg.a2a_s_a2a { background-color: #eee !important; }

.share .a2a_dd .a2a_svg.a2a_s_a2a path { fill: #999; }

.top-icon { position: absolute; top: 8px; right: 15px; font-size: 1.5em; z-index: 2; display: flex; align-items: center; column-gap: 8px; }

@media only screen and (min-width: 995px) { .top-icon { top: 3px; right: 10px; } }

/* BUTTONS - Moved to _buttons.scss */
#container a.button-widget { background: #636060; background: #f9f9f9; border-top: solid #eee 1px; color: #666; display: block; text-align: center; position: relative; padding: 8px 0; font-size: 14px; font-weight: normal; margin: 10px -20px -20px -20px; text-decoration: none; font-family: "Inter", sans-serif; }

#container a.button-widget:hover { color: #444; }

#container .sortfilms { position: relative; float: right; margin-left: 5px; margin-bottom: 0px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; z-index: 0; }

/* TABELLEN */
#release_overzicht a, #content-wrapper .zoektabel a { border: 0; text-decoration: none; }

#release_overzicht a:hover, #content-wrapper .zoektabel a:hover { text-decoration: underline; }

#release_overzicht h3 { font-size: 14px; font-weight: bold; border-bottom: solid #eee 0px; padding-bottom: 2px; margin-bottom: .5em; color: #333; }

/* OVERZICHTSTABEL (CAST) */
#content .tabel-overzicht { border-collapse: collapse; border: solid var(--tone-200) 1px; }

#content .tabel-overzicht.small { font-size: .9em; }

#content .tabel-overzicht.tiny { font-size: .8em; }

#content .tabel-overzicht a { text-decoration: none; }

#content .tabel-overzicht a:hover { text-decoration: underline; }

#container .tabel-overzicht a { color: inherit; font-weight: bold; }

.tabel-overzicht td, .tabel-overzicht th { padding: 5px; border-bottom: solid var(--tone-200) 1px; }

.tabel-overzicht th { background: var(--tone-100); border: none; }

.tabel-overzicht th:last-child { padding-right: 5px; }

/* MOVIELIST */
.movielist { font-size: 13px; margin: 0 -25px 0 -25px; list-style: none; }

.movielist.end { margin-bottom: -20px; }

@media only screen and (max-width: 739px) { .movielist { margin: 0 -10px 0 -10px; line-height: 1.48; } }

.movielist .results .num { margin: 2em auto; font-weight: bold; font-size: 1.2em; padding: 0 2em; }

.movielist .results .num .label { display: inline-block !important; font-weight: normal; margin-top: 1em; }

.movielist .results .num .label.delete { font-weight: bold; }

.movielist h3 { margin: 1.2em 0 .5em 25px; font-weight: bold; }

@media only screen and (max-width: 739px) { .movielist h3 { margin-left: 10px; } }

.movielist h4 { margin: -.5em 0 .5em 25px; font-weight: bold; font-size: 16px; color: #666; }

@media only screen and (max-width: 739px) { .movielist h4 { margin-left: 10px; } }

.movielist .dark { background: #4a4a4a; }

.movielist-item { position: relative; padding: 20px; color: #777; display: table; width: 100%; }

.movielist-item span.type { background: #888; color: #fff; display: inline; border-radius: 3px; font-size: .9em; padding: .2em .3em; margin-left: .5em; }

.movielist-item .movielist-content { margin-left: 52px; }

.movielist-item .movielist-content small { font-size: 11px; }

.movielist-item .movielist-content div.overview > div { display: none; }

.movielist-item.movielist-item-narrow { padding: 10px 15px; }

@media only screen and (max-width: 739px) { .movielist-item.movielist-item-narrow .movielist-titel { font-size: 14px; } }

.movielist-item.movielist-item-narrow .movielist-content { margin-left: 52px; }

@media only screen and (max-width: 739px) { .movielist-item.movielist-item-narrow .movielist-content { margin-left: 50px; }
  .movielist-item.movielist-item-narrow .movielist-content.top100 { margin-left: 75px; } }

.movielist-item.movielist-item-medium { padding: 18px 18px; font-size: 14px; }

.movielist-item.movielist-item-medium .movielist-content { line-height: 1.55; margin-left: 82px; }

@media only screen and (max-width: 739px) { .movielist-item.movielist-item-medium .movielist-content { margin-left: 65px; } }

@media only screen and (min-width: 740px) { .movielist-item.movielist-item-medium .movielist-content { margin-top: .2em; } }

.movielist-item.movielist-item-tiny { padding: 10px 15px; }

.movielist-item.movielist-item-tiny .movielist-titel, .movielist-item.movielist-item-tiny .movielist-content { display: block; margin-left: 38px; }

@media only screen and (max-width: 739px) { .movielist-item.movielist-item-tiny .movielist-titel, .movielist-item.movielist-item-tiny .movielist-content { margin-left: 41px; } }

.movielist-item.vertical-center .movielist-content { height: 100%; width: 100%; display: table-cell; vertical-align: middle; }

.movielist-cover, .movielist-cover-small { float: left; margin-right: 10px; }

.movielist-content-mobile { margin-left: 50px; }

.movielist-content-mobile.top100 { margin-left: 75px; }

img.movielist-cover { width: 42px; height: 60px; }

@media only screen and (max-width: 739px) { img.movielist-cover { /*width: 47px; height: 66px;*/ width: 40px; height: 56px; } }

img.movielist-cover.movielist-cover-small { width: 27px; height: 38px; }

@media only screen and (max-width: 739px) { img.movielist-cover.movielist-cover-small { width: 31px; height: 44px; } }

img.movielist-cover.movielist-cover-small.square { width: 38px; height: 38px; }

@media only screen and (max-width: 739px) { img.movielist-cover.movielist-cover-small.square { width: 37px; height: 37px; } }

img.movielist-cover.movielist-cover-filmlijst { width: 67.5px; height: 95px; margin-right: 15px; }

@media only screen and (max-width: 739px) { img.movielist-cover.movielist-cover-filmlijst { width: 50px; height: 70px; } }

#container .movielist-item a { color: #757575; text-decoration: none; }

#container .movielist-item a:hover { text-decoration: underline; }

#container .movielist-item a.movielist-titel { color: #444; font-weight: bold; }

#container .movielist-item a.movielist-titel.disabled { color: #888; }

.movielist-right { float: right; text-align: right; font-size: 11px; font-weight: bold; color: #333; position: relative; top: -5px; right: -3px; }

.movielist-right.large { font-size: 12px; top: -2px; }

.movielist-right img { position: relative; top: 4px; }

.movielist-right img.imdb-logo { width: 16px; height: 16px; }

.movielist-item.custom { padding-right: 50px; }

.movielist-item.custom .movielist-right { position: absolute; right: 10px; top: 5px; }

.movielist .tr1, .movielist .movielist-item.alternate:nth-of-type(odd), .movielist #recensie-content h2.movielist-item:nth-of-type(odd), #recensie-content .movielist h2.movielist-item:nth-of-type(odd), .movielist .article h2.movielist-item:nth-of-type(odd), .article .movielist h2.movielist-item:nth-of-type(odd) { background: #f5f5f5; }

.movielist .movielist-item.alternate-even:nth-of-type(even) { background: #f5f5f5; }

.movielist-nav { padding: 7px 0; position: relative; margin-top: 10px; }

.movielist-nav.dark { background: #666; color: #fff; padding: 7px 10px; }

.movielist-nav .movielist-nav-left { float: left; }

.movielist-nav .movielist-nav-sort { float: right; }

.movielist-nav .movielist-nav-sort .label { margin: .2em 0 !important; }

@media only screen and (max-width: 739px) { .movielist-nav .movielist-nav-sort.margin-top { margin-top: 1em; }
  .movielist-nav .movielist-nav-sort strong { display: block; margin: .5em 0 .7em 0; } }

.movielist-nav br.show-mobile { margin-top: .5em; }

.movielist-rank { height: 60px; width: 24px; text-align: center; margin-right: 6px; margin-left: -5px; float: left; font-weight: bold; color: #444; }

@media only screen and (max-width: 739px) { .movielist-rank { font-size: 14px; } }

#content-wrapper .darklink a, #content-wrapper .darklink { color: var(--body-color); text-decoration: none; }

#content-wrapper .redlink a, #content-wrapper .redlink { color: #e03d22 !important; }

#content-wrapper .redlink a:hover, #content-wrapper .redlink:hover { color: #c0280f !important; }

#content-wrapper .darklink a:hover, #content-wrapper a.darklink:hover { text-decoration: underline; }

.movielist .darklink { border-bottom: dotted #ccc 1px; }

.movielist .darklink:hover { text-decoration: none !important; border-bottom-color: #666; color: #666 !important; }

/* NAVIGATIE */
#content-wrapper .navigatie a { text-decoration: none; }

#content-wrapper .navigatie { font-size: 14px; }

.navdivider { position: relative; display: inline; top: -1px; }

/* REACTIES */
.show-comments a { font-weight: bold; }

@media only screen and (min-width: 740px) { .show-comments { margin-top: 2.5em; }
  .show-comments a { padding-left: 7em !important; padding-right: 7em !important; } }

.reactie-item { width: 100%; position: relative; color: #222; margin-top: 20px; font-family: "Inter", sans-serif; }

.reactie-hoek { position: absolute; background: url(/images/reacties-hoek.png) no-repeat; top: 20px; left: 77px; width: 8px; height: 13px; }

.reactie-form textarea, .reactie-item, .reactie-spoiler, .reactie-bbcode, .reactie-quote { /*border-radius:4px;*/ }

.reactie-reageren { margin-top: 1.5em; }

.reactie-reageren h3 { font-size: 18px; }

#filmlijst-reacties .reacties-heading { display: block; position: relative; margin: 20px 0 20px 0; }

#filmlijst-reacties.nieuws { margin-top: 2em; }

#filmlijst-reacties .reactie-reageren textarea { width: 578px; }

.movielist-bottom-navigation { margin-top: 1em; margin-bottom: 1em; }

.movielist-bottom-navigation .label, .movielist-bottom-navigation .label-filter, .movielist-bottom-navigation div.search .filter, div.search .movielist-bottom-navigation .filter { max-width: 48% !important; line-height: inherit; position: relative; overflow: hidden; }

.movielist-bottom-navigation .label span, .movielist-bottom-navigation .label-filter span, .movielist-bottom-navigation div.search .filter span, div.search .movielist-bottom-navigation .filter span { white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; }

.movielist-bottom-navigation .label .fa, .movielist-bottom-navigation .label .label-filter.is-loading:before, .movielist-bottom-navigation .label div.search .is-loading.filter:before, div.search .movielist-bottom-navigation .label .is-loading.filter:before, .movielist-bottom-navigation .label #container .button.button--cta:after, #container .movielist-bottom-navigation .label .button.button--cta:after, .movielist-bottom-navigation .label #header .button.button--cta:after, #header .movielist-bottom-navigation .label .button.button--cta:after, .movielist-bottom-navigation .label .button.button--cta:after, .movielist-bottom-navigation .label #container .button.is-loading:after, #container .movielist-bottom-navigation .label .button.is-loading:after, .movielist-bottom-navigation .label #container .button.button--is-loading:after, #container .movielist-bottom-navigation .label .button.button--is-loading:after, .movielist-bottom-navigation .label #header .button.is-loading:after, #header .movielist-bottom-navigation .label .button.is-loading:after, .movielist-bottom-navigation .label #header .button.button--is-loading:after, #header .movielist-bottom-navigation .label .button.button--is-loading:after, .movielist-bottom-navigation .label .button.is-loading:after, .movielist-bottom-navigation .label .button.button--is-loading:after, .movielist-bottom-navigation .label-filter .fa, .movielist-bottom-navigation div.search .filter .fa, div.search .movielist-bottom-navigation .filter .fa, .movielist-bottom-navigation .label-filter .label-filter.is-loading:before, .movielist-bottom-navigation div.search .filter .label-filter.is-loading:before, div.search .movielist-bottom-navigation .filter .label-filter.is-loading:before, .movielist-bottom-navigation .label-filter div.search .is-loading.filter:before, div.search .movielist-bottom-navigation .label-filter .is-loading.filter:before, .movielist-bottom-navigation div.search .filter .is-loading.filter:before, div.search .movielist-bottom-navigation .filter .is-loading.filter:before, .movielist-bottom-navigation .label-filter #container .button.button--cta:after, #container .movielist-bottom-navigation .label-filter .button.button--cta:after, .movielist-bottom-navigation div.search .filter #container .button.button--cta:after, #container .movielist-bottom-navigation div.search .filter .button.button--cta:after, div.search .movielist-bottom-navigation .filter #container .button.button--cta:after, #container div.search .movielist-bottom-navigation .filter .button.button--cta:after, .movielist-bottom-navigation .label-filter #header .button.button--cta:after, #header .movielist-bottom-navigation .label-filter .button.button--cta:after, .movielist-bottom-navigation div.search .filter #header .button.button--cta:after, #header .movielist-bottom-navigation div.search .filter .button.button--cta:after, div.search .movielist-bottom-navigation .filter #header .button.button--cta:after, #header div.search .movielist-bottom-navigation .filter .button.button--cta:after, .movielist-bottom-navigation .label-filter .button.button--cta:after, .movielist-bottom-navigation div.search .filter .button.button--cta:after, div.search .movielist-bottom-navigation .filter .button.button--cta:after, .movielist-bottom-navigation .label-filter #container .button.is-loading:after, #container .movielist-bottom-navigation .label-filter .button.is-loading:after, .movielist-bottom-navigation div.search .filter #container .button.is-loading:after, #container .movielist-bottom-navigation div.search .filter .button.is-loading:after, div.search .movielist-bottom-navigation .filter #container .button.is-loading:after, #container div.search .movielist-bottom-navigation .filter .button.is-loading:after, .movielist-bottom-navigation .label-filter #container .button.button--is-loading:after, #container .movielist-bottom-navigation .label-filter .button.button--is-loading:after, .movielist-bottom-navigation div.search .filter #container .button.button--is-loading:after, #container .movielist-bottom-navigation div.search .filter .button.button--is-loading:after, div.search .movielist-bottom-navigation .filter #container .button.button--is-loading:after, #container div.search .movielist-bottom-navigation .filter .button.button--is-loading:after, .movielist-bottom-navigation .label-filter #header .button.is-loading:after, #header .movielist-bottom-navigation .label-filter .button.is-loading:after, .movielist-bottom-navigation div.search .filter #header .button.is-loading:after, #header .movielist-bottom-navigation div.search .filter .button.is-loading:after, div.search .movielist-bottom-navigation .filter #header .button.is-loading:after, #header div.search .movielist-bottom-navigation .filter .button.is-loading:after, .movielist-bottom-navigation .label-filter #header .button.button--is-loading:after, #header .movielist-bottom-navigation .label-filter .button.button--is-loading:after, .movielist-bottom-navigation div.search .filter #header .button.button--is-loading:after, #header .movielist-bottom-navigation div.search .filter .button.button--is-loading:after, div.search .movielist-bottom-navigation .filter #header .button.button--is-loading:after, #header div.search .movielist-bottom-navigation .filter .button.button--is-loading:after, .movielist-bottom-navigation .label-filter .button.is-loading:after, .movielist-bottom-navigation div.search .filter .button.is-loading:after, div.search .movielist-bottom-navigation .filter .button.is-loading:after, .movielist-bottom-navigation .label-filter .button.button--is-loading:after, .movielist-bottom-navigation div.search .filter .button.button--is-loading:after, div.search .movielist-bottom-navigation .filter .button.button--is-loading:after { margin: 0 !important; position: absolute; top: 50%; transform: translateY(-50%); }

/* FOOTER */
#push { height: 320px; display: none !important; }

@media only screen and (max-width: 739px) { #push { display: none !important; } }

@media only screen and (min-width: 740px) and (max-width: 994px) { #push { height: 507px; } }

#footer { clear: both; min-height: 0; height: auto; width: 100%; background-color: var(--footer-bg); padding-bottom: 0; color: var(--footer-color); }

@media only screen and (max-width: 739px) { #footer { padding-bottom: 0; min-height: 0; } }

@media only screen and (min-width: 740px) and (max-width: 994px) { #footer { min-height: 515px; } }

#footer hr { border: 0; height: 1px; background: #192747; margin: 0; }

#footer .row, #footer #content-wrapper, #footer body #container, body #footer #container, #footer #header-container { max-width: 972px; }

#footer #footermenu { text-align: left; margin: 0 auto 0 auto; padding: 1em 10px; line-height: 1.5; }

@media only screen and (min-width: 740px) and (max-width: 994px) { #footer #footermenu { padding: 0 50px; } }

@media only screen and (min-width: 995px) { #footer #footermenu { padding: 1.5em 10px; } }

#footer #footermenu h3, #footer #footermenu h3 a { margin: 0; padding-bottom: 8px; margin-bottom: 8px; font-size: 16px; font-weight: var(--font-semibold); font-style: normal; line-height: 1.2; color: var(--footer-heading-color); }

@media only screen and (max-width: 739px) { #footer #footermenu h3, #footer #footermenu h3 a { display: inline-block; padding: 2px 6px; font-size: 14px; text-transform: uppercase; letter-spacing: .03rem; } }

#footer #footermenu h3 a { margin-bottom: 0; }

@media only screen and (max-width: 739px) { #footer #footermenu h3 a { padding: 0; } }

#footer #footermenu a { font-size: 14px; text-decoration: none; color: inherit; }

#footer #footermenu a:hover { color: var(--footer-color-hover); }

@media only screen and (max-width: 739px) { #footer #footermenu a { display: inline-block; padding: 2px 6px; font-size: 16px; margin: 5px 0; } }

#footer #footermenu #footertekst a { text-decoration: underline; }

#footer #footermenu #footertekst a:hover { text-decoration: none; }

#footer #footermenu ul { list-style: none; padding: 0; font-size: 14px; }

@media only screen and (min-width: 740px) and (max-width: 994px) { #footer #footermenu ul { min-height: 240px; }
  #footer #footermenu ul.stats { min-height: 0; height: auto; padding: 10px 0 20px 0; font-size: 11px; } }

@media only screen and (max-width: 739px) { #footer #footermenu ul { margin-bottom: 1em; } }

@media only screen and (max-width: 994px) { #footer #footermenu ul.stats { opacity: .8; } }

#footer #footermenu li { margin-left: 0; display: inline-block; }

#footer #footermenu li:first-of-type { display: list-item; }

@media only screen and (min-width: 740px) { #footer #footermenu li { margin: 7px 0; display: list-item; } }

#footer #footermenu .stats li { display: inline-block; }

#footer #footermenu .menu { margin: 0 -10px; display: flex; flex-direction: column; justify-content: space-between; flex-wrap: wrap; }

#footer #footermenu .menu:after { content: ''; flex: auto; }

@media only screen and (min-width: 740px) { #footer #footermenu .menu { flex-direction: row; } }

#footer #footermenu .menu ul { padding: 0 10px; flex-grow: 0; }

@media only screen and (min-width: 740px) and (max-width: 994px) { #footer #footermenu .menu ul { flex-basis: 33%; } }

@media only screen and (min-width: 995px) { #footer #footermenu .menu ul { flex-basis: 20%; } }

#footer .footer-bottom { color: inherit; text-align: center; }

#footer .footer-bottom ul { padding: 0; margin: 1em 0 0 0; position: relative; text-align: center; width: 100%; }

#footer .footer-bottom ul li { display: inline; border-right: solid rgba(255, 255, 255, 0.15) 1px; padding-right: 7px; margin-right: 4px !important; }

#footer .footer-bottom ul li:last-of-type { border: 0; padding-right: 0; margin-right: 0 !important; }

/** Ads */
.is-ad { text-align: center; }

.is-ad#div-gpt-ad-inpage-small { height: 100px; display: flex; align-items: center; overflow: hidden; }

.is-ad > div { margin: 0 auto; }

.is-ad > div:empty { height: 0 !important; }

.is-ad#div-gpt-ad-mobile-sticky { max-width: 320px; margin: 0 auto; }

.is-ad div { z-index: auto !important; }

.is-preload-ad[id^="preload-ad-inpage-"]:not(#preload-ad-inpage-small) { min-height: 345px; display: flex; align-items: center; justify-content: center; flex-direction: column; margin-top: 20px; margin-bottom: 20px; margin-left: auto; margin-right: auto; }

@media only screen and (min-width: 740px) { .is-preload-ad[id^="preload-ad-inpage-"]:not(#preload-ad-inpage-small) { max-width: 500px; max-height: 345px; overflow: hidden; } }

@media only screen and (max-width: 739px) { .is-preload-ad[id^="preload-ad-inpage-"]:not(#preload-ad-inpage-small) { width: 100vw; margin-left: -50vw; position: relative; left: 50%; }
  @supports (overflow: clip) { .is-preload-ad[id^="preload-ad-inpage-"]:not(#preload-ad-inpage-small).sticky { min-height: 600px; align-items: start; background: var(--tone-50); padding: 1.5rem 0; }
    .is-preload-ad[id^="preload-ad-inpage-"]:not(#preload-ad-inpage-small).sticky > div { position: sticky; top: 1rem; }
    .is-preload-ad[id^="preload-ad-inpage-"]:not(#preload-ad-inpage-small).sticky.sticky--padding > div { top: 4rem; } } }

.is-preload-ad[id^="preload-ad-inpage-"]:not(#preload-ad-inpage-small) > div { display: block; width: 100%; }

.is-preload-ad[id^="preload-ad-inpage-"]:not(#preload-ad-inpage-small) > .label-filter, div.search .is-preload-ad[id^="preload-ad-inpage-"]:not(#preload-ad-inpage-small) > .filter { margin-bottom: .5rem; }

@media only screen and (min-width: 740px) { .is-preload-ad[id^="preload-ad-inpage-"]:not(#preload-ad-inpage-small) > .label-filter, div.search .is-preload-ad[id^="preload-ad-inpage-"]:not(#preload-ad-inpage-small) > .filter { display: none; } }

.is-preload-ad#preload-ad-billboard { margin-top: 20px; display: flex; align-items: center; justify-content: center; }

.is-preload-ad#preload-ad-billboard > div { display: block; width: 100%; }

@media only screen and (min-width: 740px) and (max-width: 994px) { .is-preload-ad#preload-ad-billboard { min-height: 90px; } }

@media only screen and (min-width: 995px) { .is-preload-ad#preload-ad-billboard { min-height: 250px; } }

@media only screen and (max-width: 739px) { .is-preload-ad#preload-ad-billboard, .is-preload-ad#preload-ad-bottom { min-height: 345px; }
  .is-preload-ad.fix-on-scroll.is-fixed:not(.is-dummy-ad) > div { position: fixed; margin: 0; left: unset; top: .5rem; right: .5rem; z-index: 999; display: block; width: unset; min-height: 0; transform: scale(0.5); transform-origin: top right; }
  .is-preload-ad.fix-on-scroll.is-fixed:not(.is-dummy-ad).fix-on-scroll--padding > div { top: 4rem; } }

#vi-stories-top-div { z-index: 999; }

#googlead { position: relative; width: 100%; top: 15px; text-align: center; }

.googlead-links2 { width: 120px; height: 600px; position: absolute; left: -125px; top: 1142px; }

.googlead-filmpagina { margin-top: 2em; text-align: center; }

.ad-top { width: 970px; height: 250px; margin-top: 20px; }

.ad-top .GoogleActiveViewClass { margin-top: 20px; margin-bottom: -20px; }

#div-gpt-ad-showtimes-desktop, #div-gpt-ad-showtimes-mobile { margin: 0 auto; margin-top: 1.5em; text-align: center; }

#ad-skyscraper { position: relative; display: none; }

@media only screen and (min-width: 1040px) { #ad-skyscraper { display: block; } }

div#sticky-ad { position: absolute; height: calc(100% - 1000px); }

#div-gpt-ad-skys-left { width: 160px; height: 600px; position: absolute; margin-left: -180px; margin-top: 20px; }

#div-gpt-ad-skys-left iframe, #div-gpt-ad-skys-left div { float: right; }

#ad-billboard { margin: 0 auto; text-align: center; }

#ad-billboard div { margin: 0 auto; text-align: center; }

#ad-billboard #div-gpt-ad-billboard { max-width: 970px; max-height: 270px; overflow: hidden; }

#ad-billboard #div-gpt-ad-rectangle-mobile-top div { text-align: center; }

#div-gpt-ad-rectangle-mobile-bottom, #div-gpt-ad-leaderboard-tablet-bottom, #div-gpt-ad-inpage-filmpagina-mob { line-height: 1; margin: 20px auto; text-align: center; }

#div-gpt-ad-rectangle-mobile-bottom div, #div-gpt-ad-leaderboard-tablet-bottom div, #div-gpt-ad-inpage-filmpagina-mob div { text-align: center; }

#div-gpt-ad-inpage-1, #div-gpt-ad-inpage-2, #div-gpt-ad-inpage-3, #div-gpt-ad-inpage-4, #div-gpt-ad-inpage-5, #div-gpt-ad-inpage-6, #div-gpt-ad-inpage-7, #div-gpt-ad-inpage-1-mob, #div-gpt-ad-inpage-2-mob, #div-gpt-ad-inpage-3-mob, #div-gpt-ad-inpage-4-mob, #div-gpt-ad-inpage-5-mob, #div-gpt-ad-inpage-6-mob, #div-gpt-ad-inpage-7-mob { line-height: 0; text-align: center; }

#div-gpt-ad-inpage-1 > div, #div-gpt-ad-inpage-2 > div, #div-gpt-ad-inpage-3 > div, #div-gpt-ad-inpage-4 > div, #div-gpt-ad-inpage-5 > div, #div-gpt-ad-inpage-6 > div, #div-gpt-ad-inpage-7 > div, #div-gpt-ad-inpage-1-mob > div, #div-gpt-ad-inpage-2-mob > div, #div-gpt-ad-inpage-3-mob > div, #div-gpt-ad-inpage-4-mob > div, #div-gpt-ad-inpage-5-mob > div, #div-gpt-ad-inpage-6-mob > div, #div-gpt-ad-inpage-7-mob > div { text-align: center; line-height: 0; }

#div-gpt-ad-inpage-1 > div:empty, #div-gpt-ad-inpage-2 > div:empty, #div-gpt-ad-inpage-3 > div:empty, #div-gpt-ad-inpage-4 > div:empty, #div-gpt-ad-inpage-5 > div:empty, #div-gpt-ad-inpage-6 > div:empty, #div-gpt-ad-inpage-7 > div:empty, #div-gpt-ad-inpage-1-mob > div:empty, #div-gpt-ad-inpage-2-mob > div:empty, #div-gpt-ad-inpage-3-mob > div:empty, #div-gpt-ad-inpage-4-mob > div:empty, #div-gpt-ad-inpage-5-mob > div:empty, #div-gpt-ad-inpage-6-mob > div:empty, #div-gpt-ad-inpage-7-mob > div:empty { display: none !important; }

#div-gpt-ad-inpage-1 > div:only-child, #div-gpt-ad-inpage-1 > div.publisher-sh-spot-container, #div-gpt-ad-inpage-2 > div:only-child, #div-gpt-ad-inpage-2 > div.publisher-sh-spot-container, #div-gpt-ad-inpage-3 > div:only-child, #div-gpt-ad-inpage-3 > div.publisher-sh-spot-container, #div-gpt-ad-inpage-4 > div:only-child, #div-gpt-ad-inpage-4 > div.publisher-sh-spot-container, #div-gpt-ad-inpage-5 > div:only-child, #div-gpt-ad-inpage-5 > div.publisher-sh-spot-container, #div-gpt-ad-inpage-6 > div:only-child, #div-gpt-ad-inpage-6 > div.publisher-sh-spot-container, #div-gpt-ad-inpage-7 > div:only-child, #div-gpt-ad-inpage-7 > div.publisher-sh-spot-container, #div-gpt-ad-inpage-1-mob > div:only-child, #div-gpt-ad-inpage-1-mob > div.publisher-sh-spot-container, #div-gpt-ad-inpage-2-mob > div:only-child, #div-gpt-ad-inpage-2-mob > div.publisher-sh-spot-container, #div-gpt-ad-inpage-3-mob > div:only-child, #div-gpt-ad-inpage-3-mob > div.publisher-sh-spot-container, #div-gpt-ad-inpage-4-mob > div:only-child, #div-gpt-ad-inpage-4-mob > div.publisher-sh-spot-container, #div-gpt-ad-inpage-5-mob > div:only-child, #div-gpt-ad-inpage-5-mob > div.publisher-sh-spot-container, #div-gpt-ad-inpage-6-mob > div:only-child, #div-gpt-ad-inpage-6-mob > div.publisher-sh-spot-container, #div-gpt-ad-inpage-7-mob > div:only-child, #div-gpt-ad-inpage-7-mob > div.publisher-sh-spot-container { width: 100% !important; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; }

#div-gpt-ad-inpage-1 > div.teads-inread, #div-gpt-ad-inpage-2 > div.teads-inread, #div-gpt-ad-inpage-3 > div.teads-inread, #div-gpt-ad-inpage-4 > div.teads-inread, #div-gpt-ad-inpage-5 > div.teads-inread, #div-gpt-ad-inpage-6 > div.teads-inread, #div-gpt-ad-inpage-7 > div.teads-inread, #div-gpt-ad-inpage-1-mob > div.teads-inread, #div-gpt-ad-inpage-2-mob > div.teads-inread, #div-gpt-ad-inpage-3-mob > div.teads-inread, #div-gpt-ad-inpage-4-mob > div.teads-inread, #div-gpt-ad-inpage-5-mob > div.teads-inread, #div-gpt-ad-inpage-6-mob > div.teads-inread, #div-gpt-ad-inpage-7-mob > div.teads-inread { min-height: 100px; margin: 0 auto !important; }

@media only screen and (min-width: 995px) { #div-gpt-ad-inpage-1 > div.teads-inread, #div-gpt-ad-inpage-2 > div.teads-inread, #div-gpt-ad-inpage-3 > div.teads-inread, #div-gpt-ad-inpage-4 > div.teads-inread, #div-gpt-ad-inpage-5 > div.teads-inread, #div-gpt-ad-inpage-6 > div.teads-inread, #div-gpt-ad-inpage-7 > div.teads-inread, #div-gpt-ad-inpage-1-mob > div.teads-inread, #div-gpt-ad-inpage-2-mob > div.teads-inread, #div-gpt-ad-inpage-3-mob > div.teads-inread, #div-gpt-ad-inpage-4-mob > div.teads-inread, #div-gpt-ad-inpage-5-mob > div.teads-inread, #div-gpt-ad-inpage-6-mob > div.teads-inread, #div-gpt-ad-inpage-7-mob > div.teads-inread { min-height: 250px; } }

#div-gpt-ad-inpage-1, #div-gpt-ad-inpage-1-mob { z-index: 9; }

div[id*="-outstream-wrapper"][id^="vr-"] { max-width: 180px !important; max-height: 110px !important; width: 180px !important; }

@media only screen and (min-width: 995px) { div[id*="-outstream-wrapper"][id^="vr-"] { max-width: 220px !important; width: 220px !important; max-height: 124px !important; } }

.is-ad div[id*="viralize-native-wrapper-"][class*="-vip"] { max-width: 180px !important; max-height: 110px !important; width: 180px !important; }

.is-ad div[id*="viralize-native-wrapper-"][class*="-vip"].hide-animation { animation: hideAnimation 0s ease-in 2.5s; animation-fill-mode: forwards; }

@keyframes hideAnimation { to { visibility: hidden;
    width: 0;
    height: 0; } }

.jpx-is-wrapper { margin-top: 0 !important; margin-bottom: 0 !important; }

#ad-rechtsonder.is_stuck { z-index: 999; }

#ad-rechtsboven > div:empty, #ad-rechtsonder > div:empty { margin: 0; }

.ad-inpage-video { max-width: 500px; position: relative; margin: 0 auto; font-size: 0; line-height: 0; }

@media only screen and (max-width: 739px) { .ad-inpage-video { max-width: 70%; } }

.ad-inpage-video iframe { margin: 0 auto !important; }

.ad-inpage-video #vi-stories-top-div, .ad-inpage-video .VmgIframe:first-of-type, .ad-inpage-video .teads-inread { margin: 20px auto !important; }

#facebook-jssdk-iframe { display: none; }

/** PY Ads */
#PY728x90tab-bottom, #PY728x90header { text-align: center; }

.filmpagina-info-ad { margin-top: 1em; width: 100%; overflow: hidden; }

#ad-banner-filmpagina { width: 100%; height: 60px; display: block; }

@media only screen and (max-width: 739px) { #ad-banner-filmpagina { display: none; } }

#ad-leaderboard-filmpagina { text-align: center; /*iframe { position: relative !important; } div, iframe { margin: 0 auto !important; }*/ }

#ad-leaderboard-filmpagina > div { margin: .5em auto 1em auto; }

#ad-leaderboard-filmpagina > div:empty { margin: 0; }

#ad-left { overflow: hidden; }

@media only screen and (min-width: 740px) and (max-width: 994px) { .adsbygoogle.filmpagina-2 { position: relative; left: -10px; } }

.adsbygoogle.filmpagina-2_mobile { position: relative; left: -10px; }

/* AdLantic billboard fix */
#eAdLantic_TopStatic { margin-top: 20px !important; }

/* WebAds close button */
#close_wa_RectangleTop { z-index: 999 !important; }

/* Topmessage */
.filmlijst-topmessage { background: #eafcff; font-size: 16px; font-weight: bold; text-indent: 15px; position: relative; width: 638px; left: -25px; top: -14px; border-radius: 5px; height: 65px; border-bottom: solid #d0eff5 1px; }

/* Social icons */
.filmlijst-social-icons { position: absolute; right: 10px; top: 27px; }

@media only screen and (min-width: 740px) { .filmlijst-social-icons { right: 28px; top: 25px; } }

.filmlijst-social-icons img { width: 26px; height: 26px; }

@media only screen and (min-width: 740px) { .filmlijst-social-icons img { width: 32px; height: 32px; } }

.filmlijst-even, .tr1, .tabel-overzicht.alternate tr:nth-child(odd), #recensie-content h2.tabel-overzicht tr:nth-child(odd), .article h2.tabel-overzicht tr:nth-child(odd) { background: var(--list-odd-bg); }

.tabel-overzicht.alternate tr:nth-child(even), #recensie-content h2.tabel-overzicht tr:nth-child(even), .article h2.tabel-overzicht tr:nth-child(even) { background: var(--list-even-bg); }

#filmlijst { position: relative; margin: 0 -25px; transition: opacity 0.2s ease; }

#filmlijst.loading { opacity: 0.5; pointer-events: none; }

@media only screen and (max-width: 739px) { #filmlijst { margin: 0 -10px; } }

#filmlijst ul { padding: 0; margin: 0; list-style: none; line-height: 1.6; }

#filmlijst .filmlijst-item { margin-bottom: 0px; width: 100%; position: relative; left: 0; background: var(--list-even-bg); padding: 15px; }

@media only screen and (min-width: 740px) { #filmlijst .filmlijst-item { padding: 25px; } }

#filmlijst .filmlijst-item > .wrapper { display: flex; }

#filmlijst .filmlijst-item:nth-child(odd) { background: var(--list-odd-bg); }

#filmlijst .filmlijst-item:nth-child(odd) .tags .tag { --tag-background: var(--tone-50); }

#filmlijst .filmlijst-item .tags { --tag-margin: 3px; margin: 0.25rem 0 calc(.3rem - var(--tag-margin)) calc(-1 * var(--tag-margin)); }

#filmlijst .filmlijst-item .tags .tag { --tag-background: transparent; }

@media only screen and (min-width: 740px) { #filmlijst .filmlijst-item .tags { margin-bottom: calc(.2rem - var(--tag-margin)); } }

#filmlijst .filmlijst-item .filmlijst-item__filmtip { display: inline-block; }

#filmlijst .filmlijst-item .filmlijst-item__filmtip .tag { margin: 0 !important; }

#filmlijst h3, #filmlijst h3 a { text-decoration: none; line-height: 1.4; margin-top: 0; margin: 0; font-weight: bold; color: var(--tone-600); font-size: 1rem; }

#filmlijst h3 { position: relative; margin-bottom: 0px; margin-top: -.2rem; min-height: 1.8rem; display: flex; align-items: center; gap: 0.5rem; }

#filmlijst .filmlijst-container { flex-grow: 1; }

#filmlijst .filmtip { background: #444; color: #fff; font-size: .8rem; padding: 1px 8px; border-radius: 3px; display: inline-block; }

#filmlijst .filmlijst-cover { position: relative; padding: 0; margin-left: 12px; }

@media only screen and (min-width: 740px) { #filmlijst .filmlijst-cover { margin-left: 20px; } }

#filmlijst .filmlijst-cover a { display: block; position: relative; width: 71px; height: 100px; }

@media only screen and (min-width: 995px) { #filmlijst .filmlijst-cover a { width: 120px; height: 171px; } }

#filmlijst .filmlijst-cover a img { padding: 0px; width: 100%; height: 100%; border-radius: 8px; object-fit: cover; }

#filmlijst .filmlijst-cover .kijkwijzer-icons { position: absolute; left: .25rem; bottom: .25rem; line-height: 0; }

#filmlijst .filmlijst-cover .kijkwijzer-icons img { width: 18px; height: 18px; }

@media only screen and (min-width: 740px) { #filmlijst .filmlijst-cover .kijkwijzer-icons img { width: 22px; height: 22px; } }

#filmlijst .filmlijst-progress { width: 100%; height: 5px; border: 0px solid #111; background-color: #e5e5e5; border-radius: 3px; margin-top: 5px; }

#filmlijst .filmlijst-progress div { height: 100%; color: #fff; text-align: right; line-height: 5px; width: 0; background-color: #e60b0b; border-radius: 3px; }

#filmlijst .filmlijst-zender { color: #222; text-align: center; font-size: 18px; font-weight: bold; line-height: 1; margin-right: 15px; }

@media only screen and (min-width: 740px) { #filmlijst .filmlijst-zender { margin-right: 20px; } }

#filmlijst .filmlijst-zender .filmlijst-zender-zender img { height: auto; max-width: 50px; }

@media only screen and (min-width: 740px) { #filmlijst .filmlijst-zender .filmlijst-zender-zender img { max-width: 50px; } }

#filmlijst .filmlijst-zender .filmlijst-zender-tijd { margin-bottom: 10px; background: #0a4957; color: #fff; border-radius: 7px; padding: 5px 5px; font-size: 14px; }

#filmlijst .filmlijst-zender .filmlijst-zender-tijd .tijd-dash { height: 5px; margin-top: -5px; margin-bottom: 9px; font-weight: normal; color: rgba(255, 255, 255, 0.5); }

#filmlijst .filmlijst-zender .filmlijst-zender-tijd small { font-size: 11px; font-weight: normal; }

@media only screen { html[data-theme="dark"].enable-theme #filmlijst .filmlijst-zender .filmlijst-zender-tijd { background: var(--tone-100); } }

#filmlijst .filmlijst-info { line-height: 1.7; }

@media only screen and (min-width: 995px) { #filmlijst .filmlijst-info { margin-top: 4px; font-size: .85rem; } }

#filmlijst .filmlijst-info > div:nth-of-type(2) { display: none; }

@media only screen and (min-width: 995px) { #filmlijst .filmlijst-info > div:nth-of-type(2) { display: block; } }

#filmlijst .filmlijst-info > div.bottom { margin-top: .1em; font-weight: bold; font-size: .9em; }

#filmlijst .filmlijst-info > div.bottom img { position: relative; top: 3px; }

#filmlijst .filmlijst-info > div.bottom .watchlist-icons { display: inline; }

@media only screen and (min-width: 995px) { #filmlijst .filmlijst-info > div.bottom .watchlist-icons { display: block; margin-top: .5rem; } }

#filmlijst .filmlijst-info > div.bottom .watchlist-icons div { display: inline-block; }

#filmlijst .filmlijst-info > div.bottom .watchlist-icons .icon { padding: 2px 1px; }

#filmlijst .filmlijst-info .filmlijst-plot { margin-top: 10px; color: var(--tone-500); }

#filmlijst .filmlijst-imdb-container { position: absolute; right: -6px; bottom: 30px; z-index: 3; }

#filmlijst .filmlijst-imdb-container .filmlijst-imdb { position: relative; display: block; background: #222; color: #fff; padding: 3px 5px; border-radius: 4px; text-align: center; font-size: 13px; background: #222222; border-bottom-right-radius: 0; border-top-right-radius: 0; }

#filmlijst .filmlijst-imdb-container .filmlijst-imdb img { position: relative; top: 2px; }

@media only screen and (min-width: 995px) { #filmlijst.homepage .filmlijst-cover a { width: 71px; height: 100px; } }

/* SIDEBAR (filmlijst-rechts) */
#filmlijst-rechts { /*width:300px; float: left; margin-left: 20px;*/ width: 310px; float: right; }

@media only screen and (min-width: 995px) { #filmlijst-rechts { padding-right: 0; } }

#filmlijst-rechts p { margin-bottom: 0; }

.filmlijst-rechts-item { margin-bottom: 20px; padding: 20px; font-size: 12px; }

.filmlijst-rechts-item ul { list-style: none; padding: 0; margin: 10px 0 0 0; font-size: 12px; }

.filmlijst-rechts-item ul li { line-height: 1.6; }

.filmlijst-rechts-item hr { margin: 8px 0; }

#container .filmlijst-rechts-item h2 { font-size: 18px; margin-bottom: 15px; font-family: "Inter", sans-serif; }

.filmlijst-rechts-bios { padding: 0; margin: 1em 0 0 0; font-size: 12px; border-collapse: collapse; line-height: 1.2; }

.filmlijst-rechts-bios small { font-size: 11px; color: #555; }

#filmlijst-rechts .filmlijst-rechts-bios a { text-decoration: none; }

#filmlijst-rechts .filmlijst-rechts-bios a:hover { text-decoration: underline; }

.filmlijst-rechts-bios-cover { height: 30px; width: 22px; }

.filmlijst-rechts-bios-score span { background: #333; color: #fff; padding: 3px; font-weight: bold; font-size: 11px; border-radius: 2px; }

.filmlijst-rechts-bios td { padding: 5px 0; }

/* FILMPAGINA */
#filmlijst a { text-decoration: none; }

#filmlijst a:hover, #filmlijst h3 a:hover { text-decoration: underline; }

#filmpagina a:hover { text-decoration: none; }

@media only screen and (max-width: 739px) { #filmpagina .synopsis { margin-top: 1rem; } }

#filmpagina span.type-label { display: inline-block; padding: 2px 8px; color: #666; background: #f5f5f5; border-radius: 4px; font-size: .95em; text-transform: uppercase; font-weight: bold; }

/* FILMPAGINA-INFO */
.filmpagina-opties { float: right; position: absolute; right: -6px; top: 15px; background: #222; color: #fff; height: 35px; line-height: 35px; font-weight: bold; padding: 0 8px; }

.filmpagina-opties img { position: relative; top: 4px; }

#filmpagina h1 { font-size: 26px; margin-bottom: 10px; margin-top: 1px; padding-bottom: 0px; }

@media only screen and (max-width: 994px) { #filmpagina h1 { font-size: 22px; } }

.filmpagina-info h1 { margin-bottom: 12px; }

#filmpagina h2.subtitel { margin-top: -8px; max-width: 750px; }

#container .filmpagina-info { padding: 15px 0 0 0; line-height: 1.5; margin-bottom: 1.5em; }

@media only screen and (max-width: 994px) { #container .filmpagina-info { padding: 0; } }

#container .filmpagina-info .filmpagina-notifications { margin: -.2em 0 1em 0; }

#container .filmpagina-info .filmpagina-notifications > div { margin: .5em 0; }

#container .filmpagina-info .see-also { margin-left: -2px; margin-right: -2px; }

#container .filmpagina-info .see-also strong { display: block; margin-left: 2px; margin-bottom: .2em; }

@media only screen and (min-width: 740px) { #container .filmpagina-info .see-also strong { font-size: 11px; text-transform: uppercase; margin-bottom: .3em; } }

.filmpagina-info-mobile { /*table { //display: block; width: 100%; border: none; tr { //display: block; } td { //display: block; vertical-align: top; padding-bottom: .5em; } }*/ }

.filmpagina-info-mobile h4 { margin-bottom: 0; padding-bottom: 0; }

.filmpagina-info-mobile p { margin-top: 0; margin-bottom: .8em; }

.filmpagina-info-mobile .table-filmpagina { margin-bottom: 1em; line-height: 1.8; }

.filmpagina-info-mobile .table-filmpagina .row, .filmpagina-info-mobile .table-filmpagina #content-wrapper, .filmpagina-info-mobile .table-filmpagina body #container, body .filmpagina-info-mobile .table-filmpagina #container, .filmpagina-info-mobile .table-filmpagina #header-container { padding: 0; overflow: hidden; margin-bottom: 0em; }

.filmpagina-info-mobile .table-filmpagina .column { float: left; padding-bottom: 1000px; margin-bottom: -1000px; }

.filmpagina-info-mobile .table-filmpagina .column.has-icon { width: 28px; color: var(--tone-600); }

.filmpagina-info-mobile .table-filmpagina .column.has-content { width: 80%; }

.filmpagina-info-mobile .table-filmpagina span { display: inline-block; }

.filmpagina-info-mobile .cover { width: 40%; margin: 0 0 .3em .5em; }

.filmpagina-info-mobile .cover .cover-image { width: 100%; display: inline-block; position: relative; }

.filmpagina-info-mobile .cover .cover-image:after { padding-top: 141.333%; display: block; content: ''; }

.filmpagina-info-mobile .cover .cover-image > div { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; }

.filmpagina-info-mobile .cover .cover-image img { object-fit: cover; width: 100%; height: 100%; border-radius: 5px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); }

.filmpagina-info-mobile .table-filmpagina a:not(.label) { text-decoration: none !important; border-bottom: solid var(--tone-200) 1px; }

.filmpagina-info-mobile .kijkwijzer a { border: none; }

.filmpagina-info-mobile .kijkwijzer img { width: 25px; height: 25px; }

.filmpagina-info-mobile .watchlist br { display: none; }

ul.filmpagina-info-lijst { list-style: none; margin: 0; padding: 0; }

ul.filmpagina-info-lijst .label { white-space: normal !important; }

@media only screen and (min-width: 995px) { ul.filmpagina-info-lijst { width: 212px; padding-right: 10px; } }

ul.filmpagina-info-lijst li { display: block; margin-bottom: 1em; font-size: 13px; }

ul.filmpagina-info-lijst strong { display: block; text-transform: uppercase; font-size: 11px; color: var(--tone-600); margin-bottom: .1em; }

#container .filmpagina-knop { font-size: 12px; padding: 3px 5px; display: inline-block; margin-top: 5px; }

#container a.label, #container .label { text-decoration: none; color: var(--label-color); background: var(--tone-100); padding: 4px 11px; font-size: 14px; border-radius: 7px; line-height: 1.5; white-space: nowrap; display: inline-block; margin-bottom: 4px; max-width: 100%; text-overflow: ellipsis; }

#container a.label i, #container .label i { margin-right: 3px; }

@media only screen and (min-width: 995px) { #container a.label, #container .label { line-height: 1.7; font-size: 12px; } }

@media only screen and (max-width: 739px) { #container a.label, #container .label { white-space: normal; } }

#container a.label.nomargin, #container .label.nomargin { margin: 0; }

#container a.label.kerst, #container .label.kerst { text-shadow: none; background: #00a453; color: #fff; }

#container a.label.kerst:hover, #container .label.kerst:hover { background: #0b8649; }

#container a.label.active, #container .label.active { font-weight: normal; background: #555; color: #fff; text-shadow: none; border: solid #999 1px; }

#container a.label.active:hover, #container .label.active:hover { background: #666; }

#container a.label.truncate, #container .label.truncate { max-width: 48%; }

@media only screen and (min-width: 995px) { #container a.label.truncate, #container .label.truncate { max-width: 33%; } }

#container a.label.truncate span, #container .label.truncate span { display: inline-block; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; white-space: nowrap; max-width: 70%; /*@media only screen and (max-width: 739px) { max-width: 72%; }*/ }

@media only screen { #container a.label.truncate span, #container .label.truncate span { max-width: 75%; } }

@media screen and (max-width: 355px) { #container a.label.truncate span, #container .label.truncate span { max-width: 70%; } }

#container a.label.my-city i, #container .label.my-city i { color: #ed3415; }

#container a.label.outline, #container .label.outline { background: var(--label-bg); border: solid var(--label-border-color) 1px; }

#container a.label.outline:hover, #container .label.outline:hover { background: var(--label-bg); border-color: var(--label-border-color-hover); }

#container a.label:hover, #container .label:hover { background: var(--tone-200); }

#container a.label.label-selected, #container a.label.label-selected:hover, #container .label.label-selected, #container .label.label-selected:hover { text-decoration: none; background: #4f37ff; color: #fff; }

#container a.label-large, #container .label-large { padding: 7px 12px; font-size: 14px; }

#container a.label-medium, #container .label-medium { padding: 7px 11px; font-size: 13px; }

#container a.label-small, #container .label-small { padding: 2px 7px; font-size: 12px; margin-top: 3px; margin-bottom: 3px; }

#container a.label-tiny, #container .label-tiny { padding: 1px 6px; font-size: 10.5px; margin-top: 3px; margin-bottom: 3px; }

#container a.label-full, #container .label-full { width: 100%; text-align: left; }

@media only screen and (max-width: 739px) { a.label.extend-mobile { width: 100%; text-align: left; } }

#container .lh1 { line-height: 1; }

#container .mededeling a.label { text-decoration: none; background: #4079a1; color: #fff; }

#container .mededeling a.label:hover { background: #4284b3; }

#container .mededeling a.label:active { position: relative; top: 1px; background: #3d749a; }

.filmpagina-lijsten { font-size: .9em; font-weight: bold; text-align: center; margin: .75rem 0 .4rem 0; }

.filmpagina-lijsten a { text-decoration: none !important; color: var(--tone-600) !important; }

.filmpagina-lijsten a:hover span { text-decoration: underline; }

.filmpagina-lijsten.has-subtitel { margin-top: .5rem; }

@media only screen and (max-width: 739px) { .filmpagina-lijsten { font-size: .8em; } }

.filmpagina-info-synopsis { text-align: left; position: relative; }

.filmpagina-info-synopsis .label { margin-left: .2em; line-height: inherit !important; }

@media only screen and (min-width: 995px) { .filmpagina-info-synopsis { width: 488px; } }

.filmpagina-info-synopsis img.trailer { border-radius: 3px; }

.filmpagina-info-synopsis strong { color: var(--tone-600); }

.filmpagina-info-synopsis p { margin: 0; }

.filmpagina-info-bron { margin: .7em 0 0 0; font-size: 11px; text-align: right; }

.filmpagina-info-toplijsten strong { color: inherit; }

.filmpagina-info-bron, #container .filmpagina-info-bron a { color: var(--tone-400); text-decoration: none; }

/* COVER */
.filmpagina-info-cover { padding-right: 0; }

.filmpagina-info-cover .img { position: relative; top: 4px; line-height: 1.2; }

@media only screen and (min-width: 740px) and (max-width: 994px) { .filmpagina-info-cover { float: right; } }

@media only screen and (min-width: 995px) { .filmpagina-info-cover { float: right; width: 212px; } }

.filmpagina-info-cover img { background: var(--tone-100); border-radius: 5px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); /*width:200px; height:300px;*/ width: 100%; height: auto; }

/* IMDb-score */
.filmpagina-info-imdb { margin-top: 1em; height: auto; }

@media only screen and (max-width: 994px) { .filmpagina-info-imdb .col, .filmpagina-info-imdb body .width-880, body .filmpagina-info-imdb .width-880, .filmpagina-info-imdb body .width-610, body .filmpagina-info-imdb .width-610, .filmpagina-info-imdb #filmlijst-rechts, .filmpagina-info-imdb ul.filmpagina-info-lijst, .filmpagina-info-imdb .filmpagina-info-synopsis, .filmpagina-info-imdb .filmpagina-info-cover, .filmpagina-info-imdb div.search nav, div.search .filmpagina-info-imdb nav, .filmpagina-info-imdb div.search div.main, div.search .filmpagina-info-imdb div.main { margin-bottom: 1em; } }

.filmpagina-info-imdb h4 { margin: 0 0 5px 0; padding: 0; }

.filmpagina-info-kijkwijzer img { width: 28px; height: 28px; }

/* Gezien door */
.filmpagina-gezien-door { margin-top: -5px; margin-bottom: 1em; }

.filmpagina-gezien-door .more { display: none; }

.filmpagina-gezien-door .label { margin-top: .5em; }

.filmpagina-gezien-door ul, .user-list ul { list-style: none; padding: 0; margin: 0; }

#container .filmpagina-gezien-door li, .user-list ul li { display: inline-block; white-space: nowrap; margin-right: 10px; line-height: 1.9; font-family: "Inter", sans-serif; }

#container .filmpagina-gezien-door li a, .user-list ul li a { color: inherit; text-decoration: none; }

#container .filmpagina-gezien-door li a:hover, .user-list ul li a:hover { text-decoration: underline; }

#container .filmpagina-gezien-door .user-icon, .user-list .user-icon { display: inline-block; margin-right: 5px; position: relative; top: 5px; }

/* Trailer subpage */
.trailer-container, .responsive-video { position: relative; aspect-ratio: 16 / 9; }

.trailer-container iframe, .responsive-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Trailer */
.theater-toggle .tag__icon { transition: transform 100ms ease; }

.theater-toggle.theater-toggle-off { display: none; }

.theater-toggle.theater-toggle-on:hover .tag__icon { transform: scale(1.1); }

.theater.theater--on { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(var(--black), 0.9); opacity: 1; z-index: 9999999999; display: flex; justify-content: center; align-items: center; flex-direction: column; }

.theater.theater--on .responsive-video { width: 100%; max-width: 1800px; max-height: 87vh; }

@media (min-aspect-ratio: 16 / 9) { .theater.theater--on .responsive-video { width: auto; height: 87vh; } }

.theater.theater--on .theater-toggle.theater-toggle-on { display: none; }

.theater.theater--on .theater-toggle.theater-toggle-off { display: block; }

.filmpagina-info-trailer-container { position: relative; }

.filmpagina-info-trailer-container .responsive-video { margin: 0 45px; }

@media only screen and (max-width: 739px) { .filmpagina-info-trailer-container .responsive-video { margin: 0; } }

.filmpagina-info-trailer-container .unruly_in_article_placement, .filmpagina-info-trailer-container .VmgIframe:not(.VmgFloorAdRight) { left: 50% !important; transform: translateX(-50%); }

@media only screen and (max-width: 739px) { .filmpagina-info-trailer-container .unruly_in_article_placement, .filmpagina-info-trailer-container .VmgIframe:not(.VmgFloorAdRight) { width: 80% !important; } }

@media only screen and (min-width: 740px) { .filmpagina-info-trailer-container .unruly_in_article_placement, .filmpagina-info-trailer-container .VmgIframe:not(.VmgFloorAdRight) { width: 60% !important; } }

.filmpagina-info-trailer-container .VmgIframe.VmgFloorAd { z-index: 9999 !important; }

.filmpagina-info-trailer { position: relative; background: #000; margin-left: -35px; margin-right: -35px; text-align: center; padding: 50px 0 45px 0; }

@media only screen { html[data-theme="dark"].enable-theme .filmpagina-info-trailer { background: #272e3e; } }

@media only screen and (max-width: 739px) { .filmpagina-info-trailer { margin: 0 0 1em 0; padding: 0; background: none; } }

@media only screen and (min-width: 740px) and (max-width: 994px) { .filmpagina-info-trailer { margin-left: -25px; margin-right: -25px; } }

@media only screen and (min-width: 740px) { .filmpagina-info-trailer { margin-bottom: 1.5em; } }

@media only screen and (min-width: 995px) { .filmpagina-info-trailer { margin-left: -25px; margin-right: -25px; } }

@media only screen and (min-width: 1040px) { .filmpagina-info-trailer { margin-left: -35px; margin-right: -35px; } }

.trailer-responsive { width: 890px; height: 514px; max-width: 100%; }

@media only screen and (min-width: 740px) and (max-width: 994px) { .trailer-responsive { width: 700px; height: 404px; } }

@media only screen and (max-width: 739px) { .trailer-responsive { width: 400px; height: 231px; } }

.hgradient { position: absolute; width: 640px; height: 7px; background: url(/images/hoek-gradient.png) repeat-x; top: -7px; left: 5px; }

.filmpagina-trailer-hlinks { position: absolute; width: 9px; height: 7px; clip-path: polygon(100% 0, 100% 100%, 0 100%); background: inherit; left: 0px; top: -7px; }

.filmpagina-trailer-hrechts { position: absolute; width: 9px; height: 7px; clip-path: polygon(0 0, 100% 100%, 0 100%); background: inherit; right: 0; top: -7px; }

.hrechts-klein { position: absolute; width: 5px; height: 7px; background: url(/images/hoek-rechts-klein.png); right: 0px; top: -7px; }

.hlinks-klein { position: absolute; width: 5px; height: 7px; background: url(/images/hoek-links-klein.png); left: 0px; top: -7px; }

.filmpagina-bioscooptijden-container, .filmpagina-watchlist-container, .filmpagina-extrecensies-container { margin-bottom: 1.5em; }

.filmpagina-bioscooptijden-container ul { margin-top: 1em; margin-bottom: 2em; }

/* ADMIN */
.usermenu-mobile { margin-bottom: 1rem; }

.usermenu-mobile.user { padding-bottom: .5em; margin-bottom: 0; }

.usermenu-mobile.user ul li { display: inline-block; }

.usermenu-mobile.user ul li a { padding: .2rem .5rem .2rem 0em; }

.loginform-validate { font-weight: bold; display: inline; margin-left: 3px; }

textarea, input[type="text"], input[type="number"], input[type="url"], input[type="password"], input[type="email"], input[type="tel"], input[type="date"], input[type="datetime-local"], select { border: solid var(--input-border-color) 1px; background: var(--input-bg); color: var(--input-color); font-family: "Inter", sans-serif; font-size: 12px; margin: 1px; padding: 5px; border-radius: 3px; }

@media only screen and (max-width: 739px) { textarea, input[type="text"], input[type="number"], input[type="url"], input[type="password"], input[type="email"], input[type="tel"], input[type="date"], input[type="datetime-local"], select { font-size: 16px; } }

textarea::placeholder, input[type="text"]::placeholder, input[type="number"]::placeholder, input[type="url"]::placeholder, input[type="password"]::placeholder, input[type="email"]::placeholder, input[type="tel"]::placeholder, input[type="date"]::placeholder, input[type="datetime-local"]::placeholder, select::placeholder { color: var(--tone-400); }

textarea[disabled], input[type="text"][disabled], input[type="number"][disabled], input[type="url"][disabled], input[type="password"][disabled], input[type="email"][disabled], input[type="tel"][disabled], input[type="date"][disabled], input[type="datetime-local"][disabled], select[disabled] { background: var(--input-disabled-bg); border-color: var(--input-disabled-border-color); color: var(--input-disabled-color); }

textarea, input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="url"], input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; }

@media only screen and (max-width: 994px) { input[type="date"], input[type="datetime-local"] { min-height: 43.5px; } }

input[type="submit"] { padding: 5px; font-size: 14px; font-family: "Inter", sans-serif; }

select.select-large { position: relative; font-family: "Inter", sans-serif; font-size: 1.05em; }

@media only screen and (max-width: 739px) { select.select-large { height: 32px; font-size: 16px; } }

@media only screen and (min-width: 740px) { select.select-large { height: 30px; } }

select.select-medium { position: relative; height: 25px; font-family: "Inter", sans-serif; font-size: 1em; }

@media only screen and (max-width: 739px) { select.select-medium { height: 29px; font-size: 16px; } }

.filmlijst th { font-size: 14px; color: #000; background: #EEEEEE; }

#edit-form { position: relative; font-size: 13px; overflow: scroll; }

#edit-form input.large-on-focus:focus { width: 100%; }

#edit-form .cover { position: absolute; right: 0; top: 0; max-width: 190px; border: solid var(--tone-100) 1px; padding: 10px; }

#edit-form .cover img { height: auto; width: 100%; }

@media only screen and (max-width: 739px) { #edit-form .cover { position: relative; max-width: none; } }

@media only screen and (min-width: 995px) { #edit-form { overflow: visible; } }

#edit-form .form-input { margin: 0; }

#edit-form .form-input:not([type="checkbox"]) { font-size: 12px; }

#edit-form .form-input[type="checkbox"] { margin-left: .1em; }

#edit-form .form-input[type="checkbox"] + label { display: inline; }

#edit-form input, #edit-form select { max-width: 100%; }

#edit-form input:not([type="checkbox"]), #edit-form textarea, #edit-form .input { width: 280px; }

#edit-form input:not([type="checkbox"]).microinput, #edit-form textarea.microinput, #edit-form .input.microinput { width: 35px; }

#edit-form input:not([type="checkbox"]).tinyinput, #edit-form textarea.tinyinput, #edit-form .input.tinyinput { width: 87px; }

#edit-form input:not([type="checkbox"]).smallinput, #edit-form textarea.smallinput, #edit-form .input.smallinput { width: 130px; }

#edit-form input:not([type="checkbox"]).mediuminput, #edit-form textarea.mediuminput, #edit-form .input.mediuminput { width: 250px; }

#edit-form input:not([type="checkbox"]).largeinput, #edit-form textarea.largeinput, #edit-form .input.largeinput { width: 100%; }

#edit-form input:not([type="checkbox"]):is(textarea), #edit-form textarea:is(textarea), #edit-form .input:is(textarea) { height: 10em; }

#edit-form input:not([type="checkbox"]):is(textarea):focus, #edit-form textarea:is(textarea):focus, #edit-form .input:is(textarea):focus { height: 250px; }

#edit-form select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

#edit-form .add-item, #edit-form .delete-item { padding: 5px; }

#edit-form .add-item:hover, #edit-form .delete-item:hover { cursor: pointer; }

#edit-form .add-item.add-item, #edit-form .delete-item.add-item { color: #19c066; }

#edit-form .add-item.add-item:hover, #edit-form .delete-item.add-item:hover { color: #28e37f; }

#edit-form .add-item.delete-item, #edit-form .delete-item.delete-item { color: #aaa; }

#edit-form .add-item.delete-item:hover, #edit-form .delete-item.delete-item:hover { color: #ed3415; }

/* Admin Menu */
.filmpagina-info-admin { position: absolute; width: 100%; top: -43px; margin-left: -25px; z-index: 99; line-height: 1; }

@media only screen and (max-width: 994px) { .filmpagina-info-admin { position: relative; margin-left: 0; top: -5px; height: 50px; } }

.filmpagina-info-admin ul { position: absolute; text-align: left; right: 0; background: var(--body-bg); padding: 0; margin: 0; list-style: none; font-size: 11px; box-shadow: 0 0 3px var(--tone-300); border-radius: 999px; }

.filmpagina-info-admin ul li { float: left; }

.filmpagina-info-admin ul li:first-of-type a { padding-left: 15px; }

.filmpagina-info-admin ul li:last-of-type a { padding-right: 15px; }

.filmpagina-info-admin ul a { display: inline-block; padding: 7px 8px; }

.filmpagina-info-admin ul a i { font-size: 18px; color: var(--tone-600); }

.filmpagina-info-admin ul a:hover i { color: var(--tone-700); }

@media only screen and (max-width: 739px) { .filmpagina-info-admin ul { top: 0; height: auto; } }

.filmpagina-info-admin .notification { padding: 5px; }

.filmpagina-info-admin.is_stuck ul { opacity: .8; background: rgba(255, 255, 255, 0.8); right: 10px; }

.filmpagina-info-admin.is_stuck ul:hover { opacity: 1; }

@media only screen and (max-width: 739px) { .filmpagina-info-admin.is_stuck ul { opacity: 1; background: #fff; right: 0; } }

/* MEDEDELING */
#container .mededeling { position: relative; font-weight: normal; box-shadow: inset 0px 0px -1px #fff; background: #eff7ff; border: solid 1px; padding: 10px; margin: 1em 0 .5em 0; border-radius: 2px; text-align: left; border-radius: 5px; }

#container .mededeling, #container .mededeling .label-filter, #container .mededeling div.search .filter, div.search #container .mededeling .filter { border-color: #cedae5; }

#container .mededeling, #container .mededeling a { color: #39516a; }

#container .mededeling strong { color: inherit; }

#container .mededeling.top { font-size: 16px; margin-bottom: 0px; margin-top: 20px; }

@media only screen and (max-width: 739px) { #container .mededeling.top { margin-left: 10px; margin-right: 10px; } }

@media only screen and (min-width: 740px) and (max-width: 994px) { #container .mededeling.top { margin-left: 20px; margin-right: 20px; } }

#container .mededeling-strip { width: 100%; position: relative; left: 0; background: #4a4a4a; color: #fff; padding: 20px; }

.badge { position: absolute; display: inline-block; background: #ed3415; border-radius: 22px; width: 22px; height: 22px; line-height: 22px; text-align: center; font-weight: bold; font-family: "Inter", sans-serif; font-size: .7rem; color: #fff; }

.badge.green { background: #1ba98c; }

.badge.dark { background: var(--tone-700); color: var(--tone-100); }

a.badge { text-decoration: none; }

a.badge:hover { text-decoration: none !important; background: #d82d11; }

a.badge.green:hover { background: #18937a; }

a.badge.dark:hover { background: var(--tone-600); }

.box a, #container .mededeling a { text-decoration: underline; }

.box a:hover, #container .mededeling a:hover { text-decoration: none; }

.box a.has-icon, #container .mededeling a.has-icon { text-decoration: none; }

.box h3, #container .mededeling h3 { margin: 0 0 5px 0; color: inherit; }

.box, #container .mededeling.tv, #container .mededeling.winactie, #container .mededeling.notification, #container .mededeling.dvd, #container .mededeling.has-icon { background-repeat: no-repeat; background-position: 11px 11px; padding-left: 40px; }

.box .label, #container .mededeling.tv .label, #container .mededeling.winactie .label, #container .mededeling.notification .label, #container .mededeling.dvd .label, #container .mededeling.has-icon .label { display: inline; }

#container .mededeling.tv { background-image: url(/images/tv.png); }

#container .mededeling.winactie .icon, #container .mededeling.notification .icon, #container .mededeling.dvd .icon, #container .mededeling.has-icon .icon { position: absolute; margin-left: -26px; margin-top: 4px; line-height: 1; }

#container .mededeling.winactie { background-color: #f7f9f6; border-color: #dce5d7; }

#container .mededeling.winactie, #container .mededeling.winactie a { color: #35442d; }

#container .mededeling.notification { background-color: #fbedd8; border-color: #f6d8aa; }

#container .mededeling.notification, #container .mededeling.notification a { color: #84550e; }

.box { background: var(--box-bg); box-shadow: var(--box-shadow, none); position: relative; font-weight: normal; border: none; padding: 15px 15px; margin: 1em 0; border-radius: 8px; text-align: left; line-height: 1.5; font-size: 1rem; --box-color: #666; border: var(--box-border); --box-bg: #f9f9f9; --box-border: solid 2px #e0dfdf; }

.box.box--modern { border-radius: 10px; padding: 2rem; }

.box.box--small { font-size: .9rem; }

.box.box--compact { padding: 10px 12px; }

.box.no-border { padding: 17px; }

.box a { color: inherit; }

.box ul { padding-left: 1.2em; }

.box p { margin: 0; font-size: 1em; }

.box.has-icon { padding-left: 46px; }

.box.has-icon.no-border { padding-left: 48px; }

.box.cap-width { max-width: 530px; margin: 0 auto; }

.box .icon { position: absolute; margin-left: -30px; line-height: inherit; }

.box, .box h1, .box .h1, .box h2, .box .h2 { color: var(--box-color); }

.box strong { color: inherit; }

.box:not(.box--inherit-labels) .label-filter, .box:not(.box--inherit-labels) div.search .filter, div.search .box:not(.box--inherit-labels) .filter { color: #666 !important; background: var(--body-bg); border: solid 1px #dadada; }

.box:not(.box--inherit-labels) .label-filter:hover, .box:not(.box--inherit-labels) div.search .filter:hover, div.search .box:not(.box--inherit-labels) .filter:hover { border-color: #c6c6c6; }

@media only screen { html[data-theme="dark"].enable-theme .box { --box-color: #fff; border: var(--box-border); --box-bg: #252c3b; --box-border: none; }
  html[data-theme="dark"].enable-theme .box, html[data-theme="dark"].enable-theme .box h1, html[data-theme="dark"].enable-theme .box .h1, html[data-theme="dark"].enable-theme .box h2, html[data-theme="dark"].enable-theme .box .h2 { color: var(--box-color); }
  html[data-theme="dark"].enable-theme .box strong { color: inherit; }
  html[data-theme="dark"].enable-theme .box:not(.box--inherit-labels) .label-filter, html[data-theme="dark"].enable-theme .box:not(.box--inherit-labels) div.search .filter, div.search html[data-theme="dark"].enable-theme .box:not(.box--inherit-labels) .filter { border: none; color: black !important; background: rgba(255, 255, 255, 0.9); }
  html[data-theme="dark"].enable-theme .box:not(.box--inherit-labels) .label-filter:hover, html[data-theme="dark"].enable-theme .box:not(.box--inherit-labels) div.search .filter:hover, div.search html[data-theme="dark"].enable-theme .box:not(.box--inherit-labels) .filter:hover { background: rgba(255, 255, 255, 0.8); } }

.box-stack { margin: 1em 0; }

.box-stack .box { margin: .5em 0; }

.box-stack:empty { display: none; }

.box.ondemand, .box.notification { --box-color: #fff; border: var(--box-border); --box-bg: linear-gradient(45deg, #3268e2 0%, #48b9e5 100%); --box-border: none; }

.box.ondemand, .box.ondemand h1, .box.ondemand .h1, .box.ondemand h2, .box.ondemand .h2, .box.notification, .box.notification h1, .box.notification .h1, .box.notification h2, .box.notification .h2 { color: var(--box-color); }

.box.ondemand strong, .box.notification strong { color: inherit; }

.box.ondemand:not(.box--inherit-labels) .label-filter, .box.ondemand:not(.box--inherit-labels) div.search .filter, div.search .box.ondemand:not(.box--inherit-labels) .filter, .box.notification:not(.box--inherit-labels) .label-filter, .box.notification:not(.box--inherit-labels) div.search .filter, div.search .box.notification:not(.box--inherit-labels) .filter { border: none; color: #2380a4 !important; background: rgba(255, 255, 255, 0.9); }

.box.ondemand:not(.box--inherit-labels) .label-filter:hover, .box.ondemand:not(.box--inherit-labels) div.search .filter:hover, div.search .box.ondemand:not(.box--inherit-labels) .filter:hover, .box.notification:not(.box--inherit-labels) .label-filter:hover, .box.notification:not(.box--inherit-labels) div.search .filter:hover, div.search .box.notification:not(.box--inherit-labels) .filter:hover { background: rgba(255, 255, 255, 0.8); }

@media only screen { html[data-theme="dark"].enable-theme .box.ondemand, html[data-theme="dark"].enable-theme .box.notification { --box-color: #dfdaff; border: var(--box-border); --box-bg: rgba(83, 63, 221, 0.5); --box-border: none; }
  html[data-theme="dark"].enable-theme .box.ondemand, html[data-theme="dark"].enable-theme .box.ondemand h1, html[data-theme="dark"].enable-theme .box.ondemand .h1, html[data-theme="dark"].enable-theme .box.ondemand h2, html[data-theme="dark"].enable-theme .box.ondemand .h2, html[data-theme="dark"].enable-theme .box.notification, html[data-theme="dark"].enable-theme .box.notification h1, html[data-theme="dark"].enable-theme .box.notification .h1, html[data-theme="dark"].enable-theme .box.notification h2, html[data-theme="dark"].enable-theme .box.notification .h2 { color: var(--box-color); }
  html[data-theme="dark"].enable-theme .box.ondemand strong, html[data-theme="dark"].enable-theme .box.notification strong { color: inherit; }
  html[data-theme="dark"].enable-theme .box.ondemand:not(.box--inherit-labels) .label-filter, html[data-theme="dark"].enable-theme .box.ondemand:not(.box--inherit-labels) div.search .filter, div.search html[data-theme="dark"].enable-theme .box.ondemand:not(.box--inherit-labels) .filter, html[data-theme="dark"].enable-theme .box.notification:not(.box--inherit-labels) .label-filter, html[data-theme="dark"].enable-theme .box.notification:not(.box--inherit-labels) div.search .filter, div.search html[data-theme="dark"].enable-theme .box.notification:not(.box--inherit-labels) .filter { border: none; color: #322592 !important; background: rgba(255, 255, 255, 0.9); }
  html[data-theme="dark"].enable-theme .box.ondemand:not(.box--inherit-labels) .label-filter:hover, html[data-theme="dark"].enable-theme .box.ondemand:not(.box--inherit-labels) div.search .filter:hover, div.search html[data-theme="dark"].enable-theme .box.ondemand:not(.box--inherit-labels) .filter:hover, html[data-theme="dark"].enable-theme .box.notification:not(.box--inherit-labels) .label-filter:hover, html[data-theme="dark"].enable-theme .box.notification:not(.box--inherit-labels) div.search .filter:hover, div.search html[data-theme="dark"].enable-theme .box.notification:not(.box--inherit-labels) .filter:hover { background: rgba(255, 255, 255, 0.8); } }

.box.film { --box-color: #39516a; border: var(--box-border); --box-bg: #eff7ff; --box-border: solid 2px #bfdefc; }

.box.film, .box.film h1, .box.film .h1, .box.film h2, .box.film .h2 { color: var(--box-color); }

.box.film strong { color: inherit; }

.box.film:not(.box--inherit-labels) .label-filter, .box.film:not(.box--inherit-labels) div.search .filter, div.search .box.film:not(.box--inherit-labels) .filter { color: #39516a !important; background: var(--body-bg); border: solid 1px #c1d8f0; }

.box.film:not(.box--inherit-labels) .label-filter:hover, .box.film:not(.box--inherit-labels) div.search .filter:hover, div.search .box.film:not(.box--inherit-labels) .filter:hover { border-color: #95c4f3; }

@media only screen { html[data-theme="dark"].enable-theme .box.film { --box-color: #daeeff; border: var(--box-border); --box-bg: rgba(63, 149, 221, 0.5); --box-border: none; }
  html[data-theme="dark"].enable-theme .box.film, html[data-theme="dark"].enable-theme .box.film h1, html[data-theme="dark"].enable-theme .box.film .h1, html[data-theme="dark"].enable-theme .box.film h2, html[data-theme="dark"].enable-theme .box.film .h2 { color: var(--box-color); }
  html[data-theme="dark"].enable-theme .box.film strong { color: inherit; }
  html[data-theme="dark"].enable-theme .box.film:not(.box--inherit-labels) .label-filter, html[data-theme="dark"].enable-theme .box.film:not(.box--inherit-labels) div.search .filter, div.search html[data-theme="dark"].enable-theme .box.film:not(.box--inherit-labels) .filter { border: none; color: #256092 !important; background: rgba(255, 255, 255, 0.9); }
  html[data-theme="dark"].enable-theme .box.film:not(.box--inherit-labels) .label-filter:hover, html[data-theme="dark"].enable-theme .box.film:not(.box--inherit-labels) div.search .filter:hover, div.search html[data-theme="dark"].enable-theme .box.film:not(.box--inherit-labels) .filter:hover { background: rgba(255, 255, 255, 0.8); } }

.box.tv { --box-color: #39516a; border: var(--box-border); --box-bg: #eff7ff; --box-border: solid 2px #bfdefc; }

.box.tv, .box.tv h1, .box.tv .h1, .box.tv h2, .box.tv .h2 { color: var(--box-color); }

.box.tv strong { color: inherit; }

.box.tv:not(.box--inherit-labels) .label-filter, .box.tv:not(.box--inherit-labels) div.search .filter, div.search .box.tv:not(.box--inherit-labels) .filter { color: #39516a !important; background: var(--body-bg); border: solid 1px #c1d8f0; }

.box.tv:not(.box--inherit-labels) .label-filter:hover, .box.tv:not(.box--inherit-labels) div.search .filter:hover, div.search .box.tv:not(.box--inherit-labels) .filter:hover { border-color: #95c4f3; }

.box.ondemand .label-filter.opaque, .box.ondemand div.search .opaque.filter, div.search .box.ondemand .opaque.filter { background: rgba(255, 255, 255, 0.65); border-color: rgba(255, 255, 255, 0); }

@media only screen { html[data-theme="dark"].enable-theme .box.ondemand .label-filter.opaque, html[data-theme="dark"].enable-theme .box.ondemand div.search .opaque.filter, div.search html[data-theme="dark"].enable-theme .box.ondemand .opaque.filter, html[data-theme="dark"].enable-theme .box.ondemand .label-filter.opaque:hover, html[data-theme="dark"].enable-theme .box.ondemand div.search .opaque.filter:hover, div.search html[data-theme="dark"].enable-theme .box.ondemand .opaque.filter:hover { background: rgba(27, 32, 43, 0.5); border-color: white !important; color: inherit !important; } }

.box.success, .box.dvd { --box-color: #2e5c24; border: var(--box-border); --box-bg: #edfbeb; --box-border: solid 2px #cceec4; }

.box.success, .box.success h1, .box.success .h1, .box.success h2, .box.success .h2, .box.dvd, .box.dvd h1, .box.dvd .h1, .box.dvd h2, .box.dvd .h2 { color: var(--box-color); }

.box.success strong, .box.dvd strong { color: inherit; }

.box.success:not(.box--inherit-labels) .label-filter, .box.success:not(.box--inherit-labels) div.search .filter, div.search .box.success:not(.box--inherit-labels) .filter, .box.dvd:not(.box--inherit-labels) .label-filter, .box.dvd:not(.box--inherit-labels) div.search .filter, div.search .box.dvd:not(.box--inherit-labels) .filter { color: #2e5c24 !important; background: var(--body-bg); border: solid 1px #cddeca; }

.box.success:not(.box--inherit-labels) .label-filter:hover, .box.success:not(.box--inherit-labels) div.search .filter:hover, div.search .box.success:not(.box--inherit-labels) .filter:hover, .box.dvd:not(.box--inherit-labels) .label-filter:hover, .box.dvd:not(.box--inherit-labels) div.search .filter:hover, div.search .box.dvd:not(.box--inherit-labels) .filter:hover { border-color: #aedba4; }

@media only screen { html[data-theme="dark"].enable-theme .box.success, html[data-theme="dark"].enable-theme .box.dvd { --box-color: #dafff1; border: var(--box-border); --box-bg: rgba(33, 185, 128, 0.5); --box-border: none; }
  html[data-theme="dark"].enable-theme .box.success, html[data-theme="dark"].enable-theme .box.success h1, html[data-theme="dark"].enable-theme .box.success .h1, html[data-theme="dark"].enable-theme .box.success h2, html[data-theme="dark"].enable-theme .box.success .h2, html[data-theme="dark"].enable-theme .box.dvd, html[data-theme="dark"].enable-theme .box.dvd h1, html[data-theme="dark"].enable-theme .box.dvd .h1, html[data-theme="dark"].enable-theme .box.dvd h2, html[data-theme="dark"].enable-theme .box.dvd .h2 { color: var(--box-color); }
  html[data-theme="dark"].enable-theme .box.success strong, html[data-theme="dark"].enable-theme .box.dvd strong { color: inherit; }
  html[data-theme="dark"].enable-theme .box.success:not(.box--inherit-labels) .label-filter, html[data-theme="dark"].enable-theme .box.success:not(.box--inherit-labels) div.search .filter, div.search html[data-theme="dark"].enable-theme .box.success:not(.box--inherit-labels) .filter, html[data-theme="dark"].enable-theme .box.dvd:not(.box--inherit-labels) .label-filter, html[data-theme="dark"].enable-theme .box.dvd:not(.box--inherit-labels) div.search .filter, div.search html[data-theme="dark"].enable-theme .box.dvd:not(.box--inherit-labels) .filter { border: none; color: #175d43 !important; background: rgba(255, 255, 255, 0.9); }
  html[data-theme="dark"].enable-theme .box.success:not(.box--inherit-labels) .label-filter:hover, html[data-theme="dark"].enable-theme .box.success:not(.box--inherit-labels) div.search .filter:hover, div.search html[data-theme="dark"].enable-theme .box.success:not(.box--inherit-labels) .filter:hover, html[data-theme="dark"].enable-theme .box.dvd:not(.box--inherit-labels) .label-filter:hover, html[data-theme="dark"].enable-theme .box.dvd:not(.box--inherit-labels) div.search .filter:hover, div.search html[data-theme="dark"].enable-theme .box.dvd:not(.box--inherit-labels) .filter:hover { background: rgba(255, 255, 255, 0.8); } }

.box.error { --box-color: #af4a39; border: var(--box-border); --box-bg: #fdedea; --box-border: solid 2px #f6c6be; }

.box.error, .box.error h1, .box.error .h1, .box.error h2, .box.error .h2 { color: var(--box-color); }

.box.error strong { color: inherit; }

.box.error:not(.box--inherit-labels) .label-filter, .box.error:not(.box--inherit-labels) div.search .filter, div.search .box.error:not(.box--inherit-labels) .filter { color: #af4a39 !important; background: var(--body-bg); border: solid 1px #e8c8c2; }

.box.error:not(.box--inherit-labels) .label-filter:hover, .box.error:not(.box--inherit-labels) div.search .filter:hover, div.search .box.error:not(.box--inherit-labels) .filter:hover { border-color: #eaa498; }

@media only screen { html[data-theme="dark"].enable-theme .box.error { --box-color: #ffdadc; border: var(--box-border); --box-bg: rgba(221, 63, 70, 0.5); --box-border: none; }
  html[data-theme="dark"].enable-theme .box.error, html[data-theme="dark"].enable-theme .box.error h1, html[data-theme="dark"].enable-theme .box.error .h1, html[data-theme="dark"].enable-theme .box.error h2, html[data-theme="dark"].enable-theme .box.error .h2 { color: var(--box-color); }
  html[data-theme="dark"].enable-theme .box.error strong { color: inherit; }
  html[data-theme="dark"].enable-theme .box.error:not(.box--inherit-labels) .label-filter, html[data-theme="dark"].enable-theme .box.error:not(.box--inherit-labels) div.search .filter, div.search html[data-theme="dark"].enable-theme .box.error:not(.box--inherit-labels) .filter { border: none; color: #922529 !important; background: rgba(255, 255, 255, 0.9); }
  html[data-theme="dark"].enable-theme .box.error:not(.box--inherit-labels) .label-filter:hover, html[data-theme="dark"].enable-theme .box.error:not(.box--inherit-labels) div.search .filter:hover, div.search html[data-theme="dark"].enable-theme .box.error:not(.box--inherit-labels) .filter:hover { background: rgba(255, 255, 255, 0.8); } }

.box.info { --box-color: #3e2bc9; border: var(--box-border); --box-bg: #f5f4ff; --box-border: solid 2px #cbc4fc; }

.box.info, .box.info h1, .box.info .h1, .box.info h2, .box.info .h2 { color: var(--box-color); }

.box.info strong { color: inherit; }

.box.info:not(.box--inherit-labels) .label-filter, .box.info:not(.box--inherit-labels) div.search .filter, div.search .box.info:not(.box--inherit-labels) .filter { color: #3e2bc9 !important; background: var(--body-bg); border: solid 1px #cac5f1; }

.box.info:not(.box--inherit-labels) .label-filter:hover, .box.info:not(.box--inherit-labels) div.search .filter:hover, div.search .box.info:not(.box--inherit-labels) .filter:hover { border-color: #a499f4; }

@media only screen { html[data-theme="dark"].enable-theme .box.info { --box-color: #dfdaff; border: var(--box-border); --box-bg: rgba(83, 63, 221, 0.5); --box-border: none; }
  html[data-theme="dark"].enable-theme .box.info, html[data-theme="dark"].enable-theme .box.info h1, html[data-theme="dark"].enable-theme .box.info .h1, html[data-theme="dark"].enable-theme .box.info h2, html[data-theme="dark"].enable-theme .box.info .h2 { color: var(--box-color); }
  html[data-theme="dark"].enable-theme .box.info strong { color: inherit; }
  html[data-theme="dark"].enable-theme .box.info:not(.box--inherit-labels) .label-filter, html[data-theme="dark"].enable-theme .box.info:not(.box--inherit-labels) div.search .filter, div.search html[data-theme="dark"].enable-theme .box.info:not(.box--inherit-labels) .filter { border: none; color: #322592 !important; background: rgba(255, 255, 255, 0.9); }
  html[data-theme="dark"].enable-theme .box.info:not(.box--inherit-labels) .label-filter:hover, html[data-theme="dark"].enable-theme .box.info:not(.box--inherit-labels) div.search .filter:hover, div.search html[data-theme="dark"].enable-theme .box.info:not(.box--inherit-labels) .filter:hover { background: rgba(255, 255, 255, 0.8); } }

.box.box--comment { border-left: 3px solid currentColor; border-top: none; border-right: none; border-bottom: none; border-radius: 4px; padding: 10px 12px; }

.box.box--comment a { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; vertical-align: bottom; }

.box.warning { --box-color: #af6235; border: var(--box-border); --box-bg: #fdeee5; --box-border: solid 2px #f7d0b9; }

.box.warning, .box.warning h1, .box.warning .h1, .box.warning h2, .box.warning .h2 { color: var(--box-color); }

.box.warning strong { color: inherit; }

.box.warning:not(.box--inherit-labels) .label-filter, .box.warning:not(.box--inherit-labels) div.search .filter, div.search .box.warning:not(.box--inherit-labels) .filter { color: #af6235 !important; background: var(--body-bg); border: solid 1px #e8cdbd; }

.box.warning:not(.box--inherit-labels) .label-filter:hover, .box.warning:not(.box--inherit-labels) div.search .filter:hover, div.search .box.warning:not(.box--inherit-labels) .filter:hover { border-color: #ebb392; }

@media only screen { html[data-theme="dark"].enable-theme .box.warning { --box-color: #ffebda; border: var(--box-border); --box-bg: rgba(221, 135, 63, 0.5); --box-border: none; }
  html[data-theme="dark"].enable-theme .box.warning, html[data-theme="dark"].enable-theme .box.warning h1, html[data-theme="dark"].enable-theme .box.warning .h1, html[data-theme="dark"].enable-theme .box.warning h2, html[data-theme="dark"].enable-theme .box.warning .h2 { color: var(--box-color); }
  html[data-theme="dark"].enable-theme .box.warning strong { color: inherit; }
  html[data-theme="dark"].enable-theme .box.warning:not(.box--inherit-labels) .label-filter, html[data-theme="dark"].enable-theme .box.warning:not(.box--inherit-labels) div.search .filter, div.search html[data-theme="dark"].enable-theme .box.warning:not(.box--inherit-labels) .filter { border: none; color: #925625 !important; background: rgba(255, 255, 255, 0.9); }
  html[data-theme="dark"].enable-theme .box.warning:not(.box--inherit-labels) .label-filter:hover, html[data-theme="dark"].enable-theme .box.warning:not(.box--inherit-labels) div.search .filter:hover, div.search html[data-theme="dark"].enable-theme .box.warning:not(.box--inherit-labels) .filter:hover { background: rgba(255, 255, 255, 0.8); } }

.box.box--dark { --box-color: #fff; border: var(--box-border); --box-bg: linear-gradient(45deg, #9534e8 0%, #5e4beb 100%); --box-border: none; }

.box.box--dark, .box.box--dark h1, .box.box--dark .h1, .box.box--dark h2, .box.box--dark .h2 { color: var(--box-color); }

.box.box--dark strong { color: inherit; }

.box.box--dark:not(.box--inherit-labels) .label-filter, .box.box--dark:not(.box--inherit-labels) div.search .filter, div.search .box.box--dark:not(.box--inherit-labels) .filter { border: none; color: #311fb1 !important; background: rgba(255, 255, 255, 0.9); }

.box.box--dark:not(.box--inherit-labels) .label-filter:hover, .box.box--dark:not(.box--inherit-labels) div.search .filter:hover, div.search .box.box--dark:not(.box--inherit-labels) .filter:hover { background: rgba(255, 255, 255, 0.8); }

.box.christmas { --box-color: #fff; border: var(--box-border); --box-bg: linear-gradient(45deg, #08455a 0%, #0a7261 100%); --box-border: none; box-shadow: 0 5px 20px rgba(10, 114, 97, 0.4); }

.box.christmas, .box.christmas h1, .box.christmas .h1, .box.christmas h2, .box.christmas .h2 { color: var(--box-color); }

.box.christmas strong { color: inherit; }

.box.christmas:not(.box--inherit-labels) .label-filter, .box.christmas:not(.box--inherit-labels) div.search .filter, div.search .box.christmas:not(.box--inherit-labels) .filter { border: none; color: #031310 !important; background: rgba(255, 255, 255, 0.9); }

.box.christmas:not(.box--inherit-labels) .label-filter:hover, .box.christmas:not(.box--inherit-labels) div.search .filter:hover, div.search .box.christmas:not(.box--inherit-labels) .filter:hover { background: rgba(255, 255, 255, 0.8); }

@media only screen { html[data-theme="dark"].enable-theme .box.christmas { box-shadow: none; } }

.box.christmas > div:first-of-type { position: relative; z-index: 1; }

.box.christmas > .snow { z-index: 0; position: absolute; opacity: .15; width: 100%; height: 100%; top: 0; left: 0; background-image: url(/images/snow.png); background-size: 480px; background-position-y: -100px; background-position-x: 80px; }

#container .mededeling.red { background-color: #fbe6e8; border-color: #f5c3c6; }

#container .mededeling.red, #container .mededeling.red a { color: #971820; }

#container .mededeling.red a i:hover { color: #b61d27; }

#container .mededeling.red .label { background: #c03c44; text-shadow: none; color: #fff; }

#container .mededeling.red .label:hover { background: #ac363d; }

#container .mededeling.dvd { background-color: #b6f5de; border-color: #8adebf; }

#container .mededeling.dvd, #container .mededeling.dvd a { color: #128158; }

#container .mededeling.dvd a i:hover { color: #13934e; }

#container .mededeling.dvd .label { background: #16a06d; color: #fff; text-shadow: none; margin: 0; font-weight: normal; }

#container .mededeling.dvd .label:hover { background: #149364; }

@media only screen and (min-width: 740px) { #container .mededeling.dvd .label.large { font-size: 15px; display: block; width: 160px; margin: .3em 0 0 0; } }

@media only screen and (min-width: 740px) and (max-width: 994px) { #container .mededeling.dvd .label.large { width: 110px; } }

@media only screen and (max-width: 739px) { #container .mededeling.dvd .label.large { display: block; font-size: .9em; display: block; width: 135px; } }

#container .mededeling.dvd.blue { background: #eff7ff; border: solid #cedae5 1px; }

#container .mededeling.dvd.blue, #container .mededeling.dvd.blue a { color: #39516a; }

#container .mededeling.dvd.blue i:hover { color: #151e27; }

#container .mededeling.dvd.blue .label { background: #3366cc; text-shadow: none; color: #fff; }

#container .mededeling.dvd.blue .label:hover { background: #2c58af; color: #fff; }

@media only screen and (max-width: 739px) { #container .mededeling.dvd.blue .label { width: auto; font-weight: bold; font-size: .8em; display: block; width: 120px; } }

#container .mededeling.dvd.blue .logo-bol { display: block !important; }

#container .mededeling.dvd .logo-bol img { position: absolute; right: 10px; bottom: 10px; width: 80px; height: auto; opacity: .5; }

#container .mededeling small { font-size: 12px; }

#container .mededeling .textarea { width: 300px; height: 200px; }

#container .mededeling .menu { list-style: none; font-size: 12px; }

#container .mededeling .menu li { display: inline; margin-right: 8px; }

.filmlijst-filmtip { width: 63px; height: 63px; background: url(/images/hoekje-filmtip2.png) top left no-repeat; position: absolute; left: -5px; top: -6px; z-index: 999; }

.filmlijst-filmtip:hover { cursor: pointer; }

/* TRAILER */
#trailer-lijst ul { list-style: none; padding: 0; }

#trailer-lijst ul { width: 435px; }

@media only screen and (max-width: 994px) { #trailer-lijst ul { width: 100%; } }

#trailer-lijst li { margin-right: 2px; font-size: 11px; color: #555; }

#trailer-lijst li { min-height: 100px; }

#watchlist div { clear: both; height: 130px; width: 100%; position: relative; border: solid #333 0px; margin-bottom: 1em; border-radius: 5px; padding: 10px; }

#trailer-lijst li a, #watchlist a { color: #222; text-decoration: none; }

#trailer-lijst li a:hover, #watchlist a:hover { color: #222; text-decoration: underline; cursor: pointer; }

#trailer-lijst li strong { font-size: 12px; }

#trailer-lijst li.last-child { margin-right: 0; }

#trailer-lijst li img, #watchlist div img.watchlist-cover { border-radius: 4px; width: 100px; height: 76px; }

#trailer-lijst li img { float: left; margin-right: 8px; }

/* ADMIN */
#content .admin-tabel { width: 100%; border-collapse: collapse; font-size: 11px; }

#content .admin-tabel a { text-decoration: none; }

#content .admin-tabel a:hover { text-decoration: underline; }

.admin-tabel th { background: var(--tone-100); border-bottom: solid var(--tone-200) 2px; }

.admin-tabel td, .admin-tabel th { padding: 4px; }

.admin-tabel tr { border-bottom: solid var(--tone-200) 1px; }

/* WATCHLIST BUTTON */
.watchlist { width: 203px; position: relative; }

@media only screen and (max-width: 739px) { .watchlist { width: auto; } }

@media only screen and (min-width: 740px) and (max-width: 994px) { .watchlist { width: auto; } }

@media only screen and (min-width: 995px) { .watchlist .g-col-lg-4 button { padding: .3rem 0 .2rem; text-align: center; }
  .watchlist .g-col-lg-4 button span { font-size: 9px; }
  .watchlist .g-col-lg-4 button .fa, .watchlist .g-col-lg-4 button .label-filter.is-loading:before, .watchlist .g-col-lg-4 button div.search .is-loading.filter:before, div.search .watchlist .g-col-lg-4 button .is-loading.filter:before, .watchlist .g-col-lg-4 button #container .button.button--cta:after, #container .watchlist .g-col-lg-4 button .button.button--cta:after, .watchlist .g-col-lg-4 button #header .button.button--cta:after, #header .watchlist .g-col-lg-4 button .button.button--cta:after, .watchlist .g-col-lg-4 button .button.button--cta:after, .watchlist .g-col-lg-4 button #container .button.is-loading:after, #container .watchlist .g-col-lg-4 button .button.is-loading:after, .watchlist .g-col-lg-4 button #container .button.button--is-loading:after, #container .watchlist .g-col-lg-4 button .button.button--is-loading:after, .watchlist .g-col-lg-4 button #header .button.is-loading:after, #header .watchlist .g-col-lg-4 button .button.is-loading:after, .watchlist .g-col-lg-4 button #header .button.button--is-loading:after, #header .watchlist .g-col-lg-4 button .button.button--is-loading:after, .watchlist .g-col-lg-4 button .button.is-loading:after, .watchlist .g-col-lg-4 button .button.button--is-loading:after { display: block; } }

.watchlist button { font-weight: var(--font-semibold); }

.watchlist button .icon { margin-left: -.25rem; }

.watchlist button.gezien.active .icon { color: var(--color-green); }

.watchlist button.watchlist.active .icon { color: var(--color-red-light); }

.watchlist button.exclude.active .icon { color: var(--color-purple); }

.watchlist button.exclude { border-color: var(--tone-100); }

.watchlist button.exclude:hover { border-color: var(--tone-200) !important; }

.watchlist button.exclude.active .icon::before { content: "\f05d"; }

.watchlist button.exclude.active span { position: relative; visibility: hidden; }

.watchlist button.exclude.active span:after { visibility: visible; position: absolute; left: 0; content: 'Gemarkeerd'; }

.watchlist div { position: relative; }

.watchlist a { padding: .2rem .5rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: var(--tone-400); margin-top: -1px; }

#watchlist-status, .watchlist-status { position: absolute; font-size: .9em; font-weight: bold; text-align: center; width: 100%; margin-top: .5rem; background: #fff; }

#container .uitwatchlist, #container .inwatchlist { background-repeat: no-repeat; background-position: 8px; }

#container .uitwatchlist:before, #container .inwatchlist:before { font-family: 'FontAwesome'; display: inline-block; padding: 0; vertical-align: middle; content: '\f02e'; font-size: inherit; text-align: center; width: 1.28571429em; opacity: .6; margin-right: 5px; position: relative; }

@media only screen and (min-width: 995px) { #container .uitwatchlist:before, #container .inwatchlist:before { margin-right: 3px; top: -1px; } }

#container .uitwatchlist.gezien:before, #container .inwatchlist.gezien:before { content: '\f00c'; }

#container .uitwatchlist.active, #container .inwatchlist.active { font-weight: var(--font-semibold); }

#container .uitwatchlist.active:before, #container .inwatchlist.active:before { opacity: 1; }

@media only screen and (min-width: 995px) { #container .uitwatchlist, #container .inwatchlist { font-size: 12px; } }

#container .uitwatchlist:before { color: #ea7865; }

#container .uitwatchlist.gezien:before { color: #19c066; }

#overzicht-reacties { border: solid #ccc 0px; }

#overzicht-reacties .reactie { margin-bottom: 10px; border: solid #ccc 1px; border-radius: 4px; box-shadow: 0px 1px 1px #bbb; }

#overzicht-reacties .head, #overzicht-reacties .body { padding: 5px; }

#overzicht-reacties .head { background: #e1e1e1; font-size: 12px; border-bottom: solid #ccc 1px; border-top-left-radius: 4px; border-top-right-radius: 4px; text-shadow: 1px 1px 0px #e5e5e5; }

#overzicht-reacties .head a { text-decoration: underline; }

#overzicht-reacties .head a:hover { text-decoration: none; }

#overzicht-reacties .body { font-size: 12px; background: #f9f9f9; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

/* MINI INFO */
.miniinfo table { border-collapse: collapse; }

.miniinfo td { vertical-align: top; background: #ccc; padding: 10px; }

.miniinfo .cover { width: 50px; height: 75px; }

/* VOTE */
#vote-response { text-align: left; z-index: 999; position: absolute; background: #fff; height: 60px; }

.vote-bar { width: 98%; position: relative; margin: 0 auto 0 auto; margin-top: 3px; left: 0px; margin-bottom: 7px; }

.vote-bar-up, .vote-bar-down { height: 8px; }

.vote-bar-up { background: #3fe68c; position: absolute; left: 0; top: 0; border-radius: 2px; }

.vote-bar-down { background: #ed3415; position: absolute; right: 0; top: 0; border-radius: 2px; }

.vote { text-align: center; float: right; position: relative; margin-left: 1em; }

@media only screen and (max-width: 739px) { .vote { top: -2px; } }

@media only screen and (min-width: 995px) { .vote { margin-top: 0px; } }

.vote .vote-up, .vote .vote-down, .vote .comment, .vote .icon { display: inline-block; line-height: 1.2; position: relative; background: var(--body-bg); border: solid var(--tone-200) 1px; border-radius: 1.5em; color: var(--tone-600) !important; padding: 8px 15px 8px 35px; font-size: 14px; cursor: pointer; outline: 0; font-family: "Inter", sans-serif; font-weight: normal; text-decoration: none !important; }

.vote .vote-up:hover, .vote .vote-down:hover, .vote .comment:hover, .vote .icon:hover { border-color: var(--tone-300); }

.vote .vote-up i, .vote .vote-down i, .vote .comment i, .vote .icon i { margin-right: .2em; position: absolute; font-size: 16px; left: 11px; top: 7px; }

.vote .vote-up.vote-down, .vote .vote-up.comment, .vote .vote-up.icon, .vote .vote-down.vote-down, .vote .vote-down.comment, .vote .vote-down.icon, .vote .comment.vote-down, .vote .comment.comment, .vote .comment.icon, .vote .icon.vote-down, .vote .icon.comment, .vote .icon.icon { margin-left: 5px; }

.vote .vote-up.vote-up i, .vote .vote-down.vote-up i, .vote .comment.vote-up i, .vote .icon.vote-up i { color: #ef492d; }

.vote .vote-up.comment, .vote .vote-up.icon, .vote .vote-down.comment, .vote .vote-down.icon, .vote .comment.comment, .vote .comment.icon, .vote .icon.comment, .vote .icon.icon { padding-left: 15px; }

.vote .vote-up.comment i, .vote .vote-up.icon i, .vote .vote-down.comment i, .vote .vote-down.icon i, .vote .comment.comment i, .vote .comment.icon i, .vote .icon.comment i, .vote .icon.icon i { top: 0; left: 1px; position: relative; margin: 0; }

.vote .vote-up.comment i, .vote .vote-down.comment i, .vote .comment.comment i, .vote .icon.comment i { color: #2873e1; }

@media only screen { html[data-theme="dark"].enable-theme .vote .vote-up.comment i, html[data-theme="dark"].enable-theme .vote .vote-down.comment i, html[data-theme="dark"].enable-theme .vote .comment.comment i, html[data-theme="dark"].enable-theme .vote .icon.comment i { color: inherit; } }

.vote .vote-up.comment > span, .vote .vote-down.comment > span, .vote .comment.comment > span, .vote .icon.comment > span { position: absolute; z-index: 1; top: -8px; right: 18px; }

.vote .vote-up.comment > span > .badge, .vote .vote-down.comment > span > .badge, .vote .comment.comment > span > .badge, .vote .icon.comment > span > .badge { background: #2873e1; margin-left: 0 !important; }

.vote .vote-up.voted, .vote .vote-down.voted, .vote .comment.voted, .vote .icon.voted { color: var(--tone-600); background-color: var(--body-bg); border-color: var(--tone-100); }

.vote .vote-up.voted.vote-up i:before, .vote .vote-down.voted.vote-up i:before, .vote .comment.voted.vote-up i:before, .vote .icon.voted.vote-up i:before { content: '\f004'; }

@media only screen and (max-width: 994px) { .vote .vote-up.user-rating.has-rated > i, .vote .vote-down.user-rating.has-rated > i, .vote .comment.user-rating.has-rated > i, .vote .icon.user-rating.has-rated > i { font-size: 2.2rem !important; top: 5px !important; } }

@media only screen and (min-width: 995px) { .vote .vote-up.user-rating.has-rated > i, .vote .vote-down.user-rating.has-rated > i, .vote .comment.user-rating.has-rated > i, .vote .icon.user-rating.has-rated > i { color: #d92100; } }

.vote .vote-up.user-rating span.user-rating, .vote .vote-down.user-rating span.user-rating, .vote .comment.user-rating span.user-rating, .vote .icon.user-rating span.user-rating { font-weight: bold; }

.vote .vote-up.user-rating span.user-rating:empty, .vote .vote-down.user-rating span.user-rating:empty, .vote .comment.user-rating span.user-rating:empty, .vote .icon.user-rating span.user-rating:empty { display: none; }

@media only screen { html[data-theme="dark"].enable-theme .vote .vote-up.user-rating span.user-rating, html[data-theme="dark"].enable-theme .vote .vote-down.user-rating span.user-rating, html[data-theme="dark"].enable-theme .vote .comment.user-rating span.user-rating, html[data-theme="dark"].enable-theme .vote .icon.user-rating span.user-rating { color: inherit; } }

@media only screen and (max-width: 994px) { .vote .vote-up.user-rating span.user-rating, .vote .vote-down.user-rating span.user-rating, .vote .comment.user-rating span.user-rating, .vote .icon.user-rating span.user-rating { position: absolute; left: 0; right: 0; color: var(--tone-50); font-size: 14px; } }

@media only screen and (max-width: 994px) { html[data-theme="dark"].enable-theme .vote .vote-up.user-rating span.user-rating, html[data-theme="dark"].enable-theme .vote .vote-down.user-rating span.user-rating, html[data-theme="dark"].enable-theme .vote .comment.user-rating span.user-rating, html[data-theme="dark"].enable-theme .vote .icon.user-rating span.user-rating { color: var(--tone-50); } }

@media only screen and (min-width: 995px) { .vote .vote-up.user-rating span.user-rating, .vote .vote-down.user-rating span.user-rating, .vote .comment.user-rating span.user-rating, .vote .icon.user-rating span.user-rating { margin-left: .2rem; } }

@media only screen and (max-width: 739px) { .vote .vote-up, .vote .vote-down, .vote .comment, .vote .icon { font-size: 12px; padding: 6px 12px 6px 27px; margin-bottom: 5px; }
  .vote .vote-up i, .vote .vote-down i, .vote .comment i, .vote .icon i { font-size: 13px; left: 7px; top: 7px; } }

@media only screen and (max-width: 994px) { .vote.is-fixed { position: fixed; bottom: 20px; left: 15px; top: auto; z-index: 99999; margin-left: 0; }
  .vote.is-fixed .icon, .vote.is-fixed .comment { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); background: var(--tone-50); border: none; margin-bottom: 0; font-size: 22px; padding: 0; line-height: 50px; width: 50px; height: 50px; vertical-align: middle; }
  .vote.is-fixed .icon.admin, .vote.is-fixed .comment.admin { line-height: 30px; width: 30px; height: 30px; font-size: 14px; }
  .vote.is-fixed .icon.admin i, .vote.is-fixed .comment.admin i { color: var(--body-color); }
  .vote.is-fixed .icon i, .vote.is-fixed .comment i { font-size: inherit; top: 0px; left: 0px; position: relative; margin: 0; color: var(--color-blue); } }

@media only screen and (max-width: 994px) { html[data-theme="dark"].enable-theme .vote.is-fixed .icon i, html[data-theme="dark"].enable-theme .vote.is-fixed .comment i { color: var(--tone-600); } }

i.vote-up { color: #ef492d; }

#container .vote-up.filmlijst { padding-right: 4px; background-position-x: 6px; }

.vote-down.filmlijst { padding-right: 0px; }

.vote-count { clear: both; position: relative; top: 4px; font-size: 11px; color: #333; }

/* SUBPAGINA */
.subpagina-img { float: right; position: relative; top: 5px; width: 40px; height: 57px; margin-left: .5em; border-radius: 5px; }

@media only screen and (max-width: 739px) { .subpagina-img { top: 2px; } }

/* RECENSIES */
.tabel-recensies { border-collapse: collapse; margin-top: 1.5em; font-family: "Inter", sans-serif; }

.tabel-recensies td { vertical-align: top; padding-right: 10px; padding-bottom: 20px; font-size: 12px; width: 290px; }

#container .tabel-recensies img { border: solid #ccc 1px; padding: 1px; float: left; margin-right: 7px; width: 96px; height: 71px; }

#content-wrapper .tabel-recensies a.titel { font-size: 15px; font-weight: bold; }

#content-wrapper .tabel-recensies a { text-decoration: none; }

#content-wrapper .tabel-recensies a:hover { text-decoration: underline; }

.filmpagina-recensiefv { margin-bottom: 2em; }

.filmpagina-recensiefv h4 { margin-bottom: .5em; }

@media only screen and (max-width: 739px) { .filmpagina-recensiefv h4 { margin-top: .5em; } }

.filmpagina-recensiefv h4 a { font-size: 1rem !important; text-decoration: none !important; }

.filmpagina-recensiefv h4 a:hover { text-decoration: underline !important; }

.filmpagina-recensiefv .news-top span { display: inline-block; margin-right: 1.5em; }

.filmpagina-recensiefv .news-top span:last-child { margin-right: 0; }

@media only screen and (max-width: 739px) { .filmpagina-recensiefv .news-top span { margin-right: 1em; } }

@media only screen and (min-width: 740px) { .filmpagina-recensiefv > div { display: flex; } }

.filmpagina-recensiefv div.image { position: relative; margin: 0 0 1em 0; }

.filmpagina-recensiefv div.image img { border-radius: 7px; width: 100%; height: auto; }

.filmpagina-recensiefv div.image > a { display: block; line-height: 0; }

@media only screen and (min-width: 740px) { .filmpagina-recensiefv div.image { order: 2; flex: 0 0 250px; margin: 0 0 0 2em; padding: 0; } }

/* LAST LIST */
.lastlist { list-style: none; padding: 0; line-height: 1.5; margin-top: 0px; font-size: 12px; }

#container .lastlist li { clear: both; line-height: 45px; height: 45px; padding: 0px; /*border-radius:5px;*/ position: relative; border: 0; }

#container .lastlist li.hidden { opacity: .5; }

#container .lastlist li.hidden .watchlist-options { visibility: hidden; }

#container .lastlist .lastlist-content { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; float: left; width: 100%; }

#container .lastlist .lastlist-content.has-sub { margin-top: 5px; line-height: 1.4; }

#container .lastlist .lastlist-content.has-sub a.title { position: relative; margin-left: 37px; }

#container .lastlist .lastlist-content.has-sub a.title.square { margin-left: 47px; }

#container .lastlist .lastlist-content.has-sub a.title .type { background: #ddd; color: #555; display: inline-block; border-radius: 3px; font-size: 11px; font-weight: normal; padding: 0px .4em; letter-spacing: .5px; margin: 0 .5em; }

#container .lastlist .lastlist-content.has-sub a.title:hover .type { text-decoration: none; }

#container .lastlist .lastlist-content.has-sub .lastlist-sub { display: block; margin-left: 37px; overflow: hidden; text-overflow: ellipsis; }

#container .lastlist .lastlist-content.has-sub .lastlist-sub.square { margin-left: 47px; }

#container .lastlist .lastlist-content.has-sub .lastlist-cover { top: 0; position: absolute; }

#container .lastlist.widget-large li { line-height: 60px; height: 60px; }

#container .lastlist.widget-large .lastlist-cover { width: 31px; height: 44px; margin: 8px 8px 8px 8px; }

#container .lastlist.widget-large .lastlist-content.has-sub a.title, #container .lastlist.widget-large .lastlist-content.has-sub .lastlist-sub { margin-left: 48px; }

#container .lastlist.widget-large .lastlist-content.has-sub a.title { display: inline-block; font-size: 14px; margin-top: 3px; }

#container .lastlist.widget-large .lastlist-content.has-sub .lastlist-sub { font-size: 13px; margin-top: 3px; }

.lastlist-vote { float: right; position: relative; top: 0px; right: 8px; }

.lastlist-vote-imdb { font-weight: bold; position: absolute; float: right; top: 0px; right: 5px; }

.lastlist-vote-imdb img { position: relative; top: 3px; }

.lastlist-r1, #watchlist .r1 { background: var(--tone-50); }

.lastlist-r0, #watchlist .r0 { background: var(--body-bg); }

#container .lastlist-cover { display: block; width: 25px; height: 35px; float: left; margin: 5px 8px 5px 5px; border-radius: 3px; object-fit: cover; }

#container .lastlist-cover.square { width: 35px; }

#container .metsub { line-height: 1.4; }

#container .lastlist a { color: #333; text-decoration: underline; text-overflow: ellipsis; }

#container .lastlist a.title { text-decoration: none; font-weight: bold; color: var(--tone-600); }

#container .lastlist a.title:hover { text-decoration: underline; }

#container .lastlist a:hover { text-decoration: none; }

#container .lastlist-sub { color: var(--tone-500); font-size: 12px; display: inline-block; position: relative; margin-top: 1px; }

#container .lastlist-sub a { text-decoration: none; color: var(--tone-600); }

#container .lastlist-sub a:hover { color: var(--tone-500); }

.article figure { padding: 0; margin: 0; }

.article figure figcaption { font-size: .9em; color: var(--tone-500); line-height: 1.6; }

img.featured { float: left; margin: 0 .8em 0em 0; border-radius: 5px; width: 170px; height: auto; position: relative; top: 5px; }

img.featured.right, .filmpagina-info-mobile img.featured.cover { float: right; margin: 0 0 0 .8em; }

@media only screen and (max-width: 739px) { img.featured { width: 100%; float: none !important; margin: 0 0 .5em 0 !important; } }

@media only screen and (min-width: 740px) { img.featured { width: 180px; } }

.recensie-afbeelding, .article img.image, .article-image, img.embed.full, figure.embed.full img { overflow: hidden; line-height: 1; /*left: -25px; right: -25px;*/ }

.recensie-afbeelding iframe, .article img.image iframe, .article-image iframe, img.embed.full iframe, figure.embed.full img iframe { width: 100% !important; }

@media only screen and (max-width: 739px) { .recensie-afbeelding iframe, .article img.image iframe, .article-image iframe, img.embed.full iframe, figure.embed.full img iframe { margin-left: 0; height: 300px; } }

@media only screen and (min-width: 740px) and (max-width: 994px) { .recensie-afbeelding iframe, .article img.image iframe, .article-image iframe, img.embed.full iframe, figure.embed.full img iframe { height: 400px; } }

.remove-padding, .recensie-afbeelding, .article img.image, .article-image, img.embed.full, figure.embed.full img, article div.news-bottom { position: relative; width: calc(100% + 20px); left: -10px; height: auto; }

@media only screen and (min-width: 995px) { .remove-padding, .recensie-afbeelding, .article img.image, .article-image, img.embed.full, figure.embed.full img, article div.news-bottom { width: 648px; left: -25px; } }

.article-image { margin-top: .5em; }

.recensie-afbeelding iframe { /*width: 648px !important; height: 365px !important;*/ }

.embed.video { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; display: flex; align-items: center; justify-content: center; }

.embed.video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.embed.instagram { position: relative; margin: 0 auto; }

@media only screen and (min-width: 740px) { .embed.instagram { width: 500px; } }

p.news-top, div.news-to, div.byline { font-size: .85rem; color: var(--body-color); font-weight: bold; margin: 1em 0; }

div.byline { display: flex; align-items: center; column-gap: .4rem; line-height: 1.5; }

div.byline > a { line-height: 1; }

div.byline > div > div { white-space: nowrap; }

div.byline div.time { color: var(--tone-400); }

article div.in-article-box, article aside.in-article-box { padding: 1.5rem .5rem; text-align: center; border-radius: var(--border-radius); border: var(--embed-item-single-border); border-left-style: solid; border-left-width: .35rem; border-left-color: var(--accent) !important; background: var(--embed-item-single-bg); box-shadow: var(--embed-box-shadow); max-width: 650px; margin: 2rem auto !important; }

article div.in-article-box h4, article aside.in-article-box h4 { font-size: 1rem; margin: 0 0 .8rem 0; font-weight: var(--font-semibold); }

article div.in-article-box--similar-articles, article aside.in-article-box--similar-articles { --accent: var(--highlight-color); --embed-item-single-border: none; --embed-item-single-bg: var(--tone-50); text-align: left; padding: .75rem 1rem .75rem 1rem; box-shadow: none; }

article div.in-article-box--similar-articles > h4, article aside.in-article-box--similar-articles > h4 { margin: 0 0 0.25rem 0; text-transform: uppercase; font-size: .8rem; font-weight: var(--font-bold); color: var(--highlight-color); }

article div.in-article-box--similar-articles .article-list, article aside.in-article-box--similar-articles .article-list { margin: 0; font-size: .9rem; }

article div.in-article-box--similar-articles .article-list > li > a > div, article aside.in-article-box--similar-articles .article-list > li > a > div { flex: 0 0 4em; }

article div.in-article-box--similar-articles .article-list > li > a > div img, article aside.in-article-box--similar-articles .article-list > li > a > div img { height: 3em; }

article div.news-bottom { text-align: center; padding: 1.5em .5em 1.5em .5em; margin: 2em 0; background: #fafafa; border-top: solid #eaeaea 2px; border-bottom: solid #eaeaea 2px; }

@media only screen and (min-width: 740px) and (max-width: 994px) { article div.news-bottom { border-left: solid #eaeaea 2px; border-right: solid #eaeaea 2px; border-radius: 5px; } }

@media only screen and (min-width: 740px) { article div.news-bottom { padding: 1.6em 1em 1.8em 1em; } }

article div.news-bottom h3, article div.news-bottom h4 { margin-bottom: .5em; }

article div.news-bottom h3:first-of-type, article div.news-bottom h4:first-of-type { margin-top: 0; }

#recensie-content h2, .article h2 { font-family: inherit; font-size: 1.15rem; line-height: 1.5; font-weight: bold; margin-top: 1.5rem; margin-bottom: -.25rem; }

#recensie-content h3, .article h3 { font-family: inherit; font-size: 1.05rem; font-weight: var(--font-semibold); margin-bottom: .6rem; color: var(--tone-600); }

#recensie-content h3 + .embed.item-single, .article h3 + .embed.item-single { margin-top: 1rem; }

div.article.large > p:first-of-type { font-size: 105%; font-weight: 600; }

div.article h4 { font-size: 1.2em; margin-bottom: 0; }

div.article span.embed.rank { display: inline-block; position: relative; background: #138ba5; background: linear-gradient(30deg, #28c0e1 0%, #2873e1 75%); color: #fff; border-radius: 100px; width: 40px; height: 40px; margin-right: .2em; display: inline-flex; align-items: center; justify-content: center; }

div.article div.embed, div.article ul.embed, div.article ol.embed, div.article figure.embed { margin-top: 2rem; margin-bottom: 2rem; }

div.article div.embed.item-list, div.article ul.embed.item-list, div.article ol.embed.item-list, div.article figure.embed.item-list { margin-bottom: 2rem; }

div.article div.embed.item-single, div.article div.embed.video, div.article ul.embed.item-single, div.article ul.embed.video, div.article ol.embed.item-single, div.article ol.embed.video, div.article figure.embed.item-single, div.article figure.embed.video { border-radius: var(--border-radius); }

div.article div.embed.item-single, div.article ul.embed.item-single, div.article ol.embed.item-single, div.article figure.embed.item-single { padding: 1.5em; border: var(--embed-item-single-border); box-shadow: var(--embed-box-shadow); background-color: var(--embed-item-single-bg); }

div.article div.embed.item-single .item, div.article ul.embed.item-single .item, div.article ol.embed.item-single .item, div.article figure.embed.item-single .item { background: transparent; }

div.article div.embed.item-single h4, div.article ul.embed.item-single h4, div.article ol.embed.item-single h4, div.article figure.embed.item-single h4 { color: var(--h1-color); }

@media only screen and (min-width: 995px) { div.article div.embed.item-single .sub, div.article ul.embed.item-single .sub, div.article ol.embed.item-single .sub, div.article figure.embed.item-single .sub { max-height: 5.2rem; font-size: 1em; position: relative; } }

div.article div.embed.poll, div.article ul.embed.poll, div.article ol.embed.poll, div.article figure.embed.poll { margin-top: 2.5em; margin-bottom: 2.5em; }

div.article div.embed.vod-links, div.article ul.embed.vod-links, div.article ol.embed.vod-links, div.article figure.embed.vod-links { margin: 0; }

div.article figure.embed:not(.full) img { max-width: 100%; width: 100%; height: auto; border-radius: 5px; }

div.article figure.embed.portrait { margin-left: auto; margin-right: auto; }

@media only screen and (min-width: 740px) { div.article figure.embed.portrait { max-width: 50%; } }

div.article figure.embed.small img { width: 195px; max-width: 50%; height: auto; }

div.article a.embed.movie, div.article a.embed.show { background-color: rgba(var(--embed-anchor-bg), 0.08); color: var(--embed-anchor-color); border-radius: 5px; text-decoration: none; font-size: 97%; padding: 3px 4px; }

div.article a.embed.movie:hover, div.article a.embed.show:hover { background-color: rgba(var(--embed-anchor-bg), 0.13); }

@media only screen { html[data-theme="dark"].enable-theme div.article a.embed.movie, html[data-theme="dark"].enable-theme div.article a.embed.show { background-color: rgba(var(--embed-anchor-bg), 1); } }

div.article blockquote { position: relative; margin: 2.5rem 0 2.5rem .5em; }

@media only screen and (min-width: 740px) { div.article blockquote { margin-top: 3rem; margin-bottom: 3rem; } }

div.article blockquote p, div.article blockquote footer { padding: 0 1em 0 2em; font-weight: 600; font-size: 1.08em; }

@media only screen and (min-width: 740px) { div.article blockquote p, div.article blockquote footer { padding: 0 2em 0 3.5em; font-size: 1.15em; } }

div.article blockquote footer cite { font-size: 1rem; font-style: normal; }

div.article blockquote footer cite:before { content: "— "; }

div.article blockquote:after { font-family: 'FontAwesome'; content: '\f10d'; position: absolute; color: #eee; z-index: -1; left: 0px; top: -5px; font-size: 1.5em; }

@media only screen and (min-width: 740px) { div.article blockquote:after { left: 5px; top: -20px; font-size: 3em; } }

div.article-source { margin-top: 1.5em; font-size: .9em; color: var(--tone-500); }

.recensie-rating { margin-top: 1.5em; }

.recensie-rating .rating { display: inline; }

.recensie-rating .numeric { display: inline-block; position: relative; bottom: 5px; font-size: 1em; margin-left: 1em; font-weight: bold; }

@media only screen and (max-width: 739px) { .recensie-rating { font-size: 1em; } }

/* NIEUWS */
#content-wrapper .nieuwsbericht-img { float: left; margin: 4px 10px 0px 0; width: 93px; height: auto; }

@media only screen and (max-width: 739px) { #content-wrapper .nieuwsbericht-img { width: 101px; height: auto; } }

#content-wrapper .nieuwsbericht-inline-image { width: calc(100% + 52px); margin-left: -26px; border: none; }

@media only screen and (max-width: 739px) { #content-wrapper .nieuwsbericht-inline-image { width: calc(100% + 20px); margin-left: -10px; } }

/* FILMINFO SIDEBAR */
.filminfo-sidebar-cover { float: left; margin-right: 15px; padding: 1px; border: solid #ddd 1px !important; }

.filminfo-sidebar-tabel { margin-top: 0; border: 0; border-collapse: collapse; }

.filminfo-sidebar-tabel td { vertical-align: top; line-height: 1.7; padding: 0; }

/* SLIDER */
#slider { /*width:638px; height:340px;*/ width: 300px; height: 159px; margin-top: -5px; background-color: inherit; }

.nivoSlider { height: 159px; width: 300px; }

#slider-container { position: relative; background: none; }

.nivoSlider img { display: none; }

#container .nivoSlider a { border: 0; display: block; }

#container .nivoSlider a:hover { text-decoration: underline; color: #fff; }

#container .nivo-controlNav { padding: 5px 0 0 0; }

#container #slider h3 { font-size: 15px; color: #fff; padding-bottom: 3px; margin-top: 0px; line-height: 15px; font-weight: normal; font-family: "Inter", sans-serif; }

#container #slider h4 { font-size: 17px; color: #fff; margin-bottom: 3px; }

.nivoSlider-star { float: left; width: 16px; height: 16px; margin-right: 2px; }

.nivoSlider-rating { height: 16px; margin-bottom: 4px; margin-top: 3px; }

.wholestar, .halfstar, .offstar { width: 16px; height: 16px; margin-right: 2px; float: left; }

#container .wholestar { background-image: url(/images/rating/star-on.png); }

#container .halfstar { background-image: url(/images/rating/star-half.png); }

#container .offstar { background-image: url(/images/rating/star-off.png); }

.tick:hover, .eye:hover { cursor: pointer; }

.watchlist-icons { position: relative; line-height: 1.5; margin-top: 2px; }

.watchlist-icons .icon { font-size: 16px; position: relative; display: inline-block; line-height: 1; color: var(--tone-300); padding: 2px 0 2px 5px; cursor: pointer; }

@media only screen and (max-width: 739px) { .watchlist-icons .icon { padding: 4px 0 4px 12px; font-size: 18px; } }

.watchlist-icons .icon i { margin: 0; padding: 0; }

.watchlist-icons .icon:hover { color: var(--tone-400); }

.watchlist-icons .icon.active.seen { color: #19c066; }

@media not all and (pointer: coarse) { .watchlist-icons .icon.active.seen:hover { color: #16a95a; } }

.watchlist-icons .icon.active.watch { color: #ea7865; }

@media not all and (pointer: coarse) { .watchlist-icons .icon.active.watch:hover { color: #e86c57; } }

.watchlist-icons .icon.exclude { margin-top: 2px; }

.watchlist-icons .icon.exclude.active { color: var(--color-accent); }

.watchlist-icons .icon.exclude.active .fa::before { content: '\f05d'; }

/* BIOSINFO */
.biosinfo-googlemap { width: 200px; height: 200px; float: right; margin: 20px 0 10px 10px; border-radius: 5px; }

#mapbox .mapbox-marker { font-size: 26px; color: #ed3415; cursor: pointer; }

/* FILMLADDER */
div.filmladder-filter { margin-bottom: 0; }

div.filmladder-filter h4 { display: inline-block; margin-bottom: .2em; margin-top: 0; font-family: "Inter", sans-serif; }

div.filmladder-city-list { background: var(--tone-50); padding: 1rem 1.25rem; line-height: 1.8; border-radius: 10px; }

div.filmladder-city-list.filmladder-city-list--filmpagina { background: none; padding: 0; }

div.filmladder-city-list ul { margin: 0; font-size: .95rem; }

div.filmladder-city-list ul li:before { opacity: .4; }

form.filmladder-filter { margin-bottom: 1em; }

form.filmladder-filter select { width: 250px; }

@media only screen and (max-width: 739px) { form.filmladder-filter { float: none; margin-bottom: 1.5em; margin-top: 0em; }
  form.filmladder-filter select { width: 100% !important; } }

.filmladder.subtitel.left { width: 63%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

@media only screen and (max-width: 739px) { .filmladder.subtitel.left { width: 100%; } }

.filmladder-bioscooplijst { list-style: none; padding: 0; }

.filmladder-image { margin: .8em 0 .2em 0; }

@media only screen and (max-width: 739px) { .filmladder-image img { width: 100%; height: 100%; } }

.filmladder-image img { border-radius: 4px; }

.filmladder-image, .filmladder-info { color: var(--body-color); }

@media only screen and (max-width: 739px) { .filmladder-image, .filmladder-info { line-height: 1.45; float: left; margin: .4em 0 .2em 0; font-size: .9rem; } }

@media only screen and (max-width: 739px) { hr.filmladder-hr { margin: 1.3em 0 1em 0; } }

div.filmladder { margin-top: .5em; }

div.filmladder h4 { margin: 0em 0 0 0; font-size: 1.05em; }

.filmladder div.imdb { position: relative; top: -2px; font-size: 12px; margin-bottom: .2em; }

.filmladder div.imdb img { width: 16px; height: 16px; }

.filmladder div.imdb img { position: relative; top: 3px; }

.filmladder div.info { color: var(--tone-500); margin-bottom: .5em; position: relative; top: 0; font-size: 12px; width: 85%; line-height: 1.5; }

@media only screen and (max-width: 739px) { .filmladder div.info { font-size: .9rem; } }

.filmladder div.info a { color: inherit !important; }

#container .filmladder h4 a { color: var(--body-color); text-decoration: none; }

@media only screen and (max-width: 739px) { #container .filmladder h4 a { font-size: 1rem; } }

#container .filmladder h4 a:hover { text-decoration: underline; }

.filmladder-cover { float: left; width: 38px; height: 54px; border-radius: 3px; }

@media only screen and (max-width: 739px) { .filmladder-cover { width: 32px; height: 45px; } }

@media only screen and (min-width: 740px) { .filmladder-small .filmladder-cover { width: 32px; height: 45px; } }

.filmladder-tabel { overflow: hidden; padding-left: 10px; margin-bottom: 2em; margin-left: 0; }

.filmladder-tabel > .body { padding-left: 0; }

.filmladder-tabel table { font-family: "Inter", sans-serif; width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 15px; display: inline-table; }

@media only screen and (max-width: 739px) { .filmladder-tabel table { width: auto; min-width: 100%; font-size: 16px; } }

.filmladder-tabel table td, .filmladder-tabel table th { padding: 5px; vertical-align: top; line-height: 1.6; }

@media only screen and (max-width: 739px) { .filmladder-tabel table td, .filmladder-tabel table th { padding: 7px; } }

.filmladder-tabel table td:nth-child(odd), .filmladder-tabel table th:nth-child(odd) { background-color: var(--tone-100); }

th.filmladder-tabel table td:nth-child(odd), .filmladder-tabel table th:nth-child(odd) { background-color: var(--tone-200); }

.filmladder-tabel table td:nth-child(even), .filmladder-tabel table th:nth-child(even) { background-color: var(--tone-50); }

th.filmladder-tabel table td:nth-child(even), .filmladder-tabel table th:nth-child(even) { background-color: var(--tone-100); }

.filmladder-tabel table th { font-weight: bold; font-size: .75rem; overflow: hidden; color: var(--tone-600); padding-right: 15px; text-overflow: ellipsis; }

.filmladder-tabel table th:first-child { border-top-left-radius: 3px; }

.filmladder-tabel table th:last-child { border-top-right-radius: 3px; }

.filmladder-tabel table td { padding-top: 5px; padding-bottom: 5px; }

.filmladder-tabel table tr:last-child td:first-child { border-bottom-left-radius: 3px; }

.filmladder-tabel table tr:last-child td:last-child { border-bottom-right-radius: 3px; }

.filmladder-tabel table small { margin-left: 1px; font-size: .75em; display: block; }

.filmladder-tabel table small.tooltip { cursor: help; }

.filmladder-tabel table time.finished { color: var(--tone-400); }

.filmladder-tabel table td > div { font-size: 1em; color: var(--tone-600); }

.filmladder-tabel table td.has-meta div { margin-bottom: 1.2em; }

.filmladder-tabel table td.has-meta div:last-of-type { margin-bottom: 0; }

@media only screen and (min-width: 995px) { .filmladder-tabel.small th { font-size: 10.5px; padding: 5px 3px; } }

.filmladder-tabel th.hidden, .filmladder-tabel td.hidden { display: none; }

.filmladder-lijst { width: 100%; }

@media only screen and (max-width: 739px) { .filmladder-lijst { font-size: .8rem; } }

@media only screen and (max-width: 320px) { .filmladder-lijst { font-size: .7rem; } }

.filmladder-lijst .time { white-space: nowrap; }

.filmladder-lijst .date, .filmladder-lijst .time, .filmladder-lijst .score { width: 1px; }

.filmladder-lijst .past { opacity: .6; }

.filmladder-lijst .past.hidden { display: none; }

.filmladder-day .past.hidden, .filmladder-day h3.hidden { display: none; }

.filmladder-weergave h4, .filmladder-filter h4 { margin-bottom: .2em; font-family: "Inter", sans-serif; }

.filmladder-weergave { /*a:first-child { float: left; width: 49%; } a:last-child { float: right; width: 49%; }*/ margin-bottom: 1.5em; }

@media only screen and (max-width: 739px) { .filmladder-weergave .week .label-full { width: auto !important; } }

.filmladder-weergave .date { margin-bottom: 1em; }

@media only screen and (max-width: 739px) { .filmladder-weergave .date { margin-top: 1em; } }

@media only screen and (min-width: 995px) { .filmladder-weergave .date { margin-top: .8em; } }

@media only screen and (min-width: 740px) and (max-width: 994px) { .filmladder-weergave .week, .filmladder-weergave .date { float: left; }
  .filmladder-weergave .week { width: 12.5%; }
  .filmladder-weergave .date { width: 87.5%; padding-left: 1em; } }

.filmladder-small { width: 73%; float: right; }

@media only screen and (min-width: 740px) and (max-width: 994px) { .filmladder-small { width: 78%; } }

@media only screen and (max-width: 739px) { .filmladder-small { width: 100%; } }

.filmladder-overzicht-container { padding: 1rem; margin: .75rem 0; }

@media only screen and (min-width: 740px) { .filmladder-overzicht-container { padding: 1rem 1.25rem; margin: 1rem -.75rem; } }

.filmladder-overzicht-container.pathe { position: relative; border-radius: var(--border-radius); box-shadow: 0 0 0 3px rgba(255, 196, 38, 0.4); }

.filmladder-overzicht-container.pathe h3 a, .filmladder-overzicht-container.pathe h4 a { color: var(--color-vod-pathe-invert) !important; }

@media only screen { html[data-theme="dark"].enable-theme .filmladder-overzicht-container.pathe h3 a, html[data-theme="dark"].enable-theme .filmladder-overzicht-container.pathe h4 a { color: var(--color-vod-pathe) !important; } }

#content .filmladder-overzicht { float: left; width: 140px; font-size: 11px; }

#content .filmladder-overzicht h3 { margin-top: 8px; line-height: 1.3; }

@media only screen and (max-width: 739px) { #content .filmladder-overzicht h3 { text-align: center; }
  #content .filmladder-overzicht h3 a { font-size: 1.2rem !important; font-weight: bold !important; } }

@media only screen and (max-width: 739px) { #content .filmladder-overzicht { width: 100%; }
  #content .filmladder-overzicht .filmladder-info-container { display: table; width: auto; background: var(--tone-50); border: solid var(--tone-100) 1px; padding: 10px; border-radius: 10px; margin: 1.5em auto 1em auto; }
  #content .filmladder-overzicht .filmladder-info-container .filmladder-image, #content .filmladder-overzicht .filmladder-info-container .filmladder-info { margin: 0; }
  #content .filmladder-overzicht .filmladder-info-container .filmladder-image { display: table-cell; width: 80px; height: 80px; }
  #content .filmladder-overzicht .filmladder-info-container .filmladder-info { display: table-cell; width: 190px; padding-left: .5rem; color: var(--tone-600); font-size: .8rem; }
  #content .filmladder-overzicht .filmladder-info-container .filmladder-info a { color: inherit !important; } }

/** Belbios */
.credits-belbios { text-align: right; font-size: .8em; color: #999; }

@media only screen and (max-width: 739px) { .credits-belbios { font-size: .7em; text-align: left; } }

/* Films */
#films-blocks .col-1, #films-blocks .col-2, #films-blocks .col-3, #films-blocks .col-1-4, #films-blocks ul.filmpagina-info-lijst, #films-blocks .filmpagina-info-cover { float: left; margin-right: 30px; }

#films-blocks .nomargin { margin: 0 0 20px 0; }

.films-block { width: 278px; margin: 0 0 30px 0; padding: 10px; border: solid #ddd 1px; position: relative; }

.films-block p { margin: 1em 0; }

.films-block .lastlist { margin: 0; position: relative; left: -10px; width: 298px; margin-bottom: -10px; }

.films-block-ad { padding: 0; }

/* ToTop */
#toTop { -webkit-transition: background 200ms ease; -moz-transition: background 200ms ease; -ms-transition: background 200ms ease; -o-transition: background 200ms ease; transition: background 200ms ease; display: none; position: fixed; bottom: 20px; right: 30px; z-index: 9999999; border: none; outline: none; background: rgba(var(--black), 0.6); color: #fff; cursor: pointer; padding: 15px; border-radius: 60px; font-size: 22px; line-height: 1; -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); }

#toTop.hovered { background: rgba(var(--black), 0.9); }

#toTop i { position: relative; top: -1px; left: 1px; }

@media only screen and (max-width: 994px) { #toTop { right: 20px; font-size: 20px; }
  #toTop i { left: 0; } }

@media only screen and (min-width: 740px) and (max-width: 994px) { #toTop.has-overlay { right: 10px; } }

@media only screen and (max-width: 739px) { #toTop.has-overlay { z-index: -1; } }

/* Videostrip preroll */
.zoomVideo1, .zoomVideo1 .videoSize, .zoomVideo1 #videostrip1 iframe, #videostrip1 div { height: 514px !important; width: 890px !important; }

.zoomVideo2, .zoomVideo .videoSize, .zoomVideo2 #videostrip2 iframe, #videostrip2 div { height: 514px !important; width: 890px !important; }

.zoomVideo #preload1, .zoomVideo #preload2 { float: left; display: block; }

.zoomVideo #preload1 img, .zoomVideo #preload2 img { position: absolute; z-index: 20; }

.zoomVideo #preload1 > img, .zoomVideo #preload2 > img { z-index: 12; }

.zoomVideo #videostrip1, .zoomVideo #videostrip2 { float: left; display: block; height: auto; }

.zoomVideo #moviecontainer1 { display: none; }

.zoomVideo #mobilemoviecontainer1 { display: none; }

/* Homepage - top */
.homepage.top.is-super { background: transparent !important; box-shadow: none; }

@media only screen and (max-width: 994px) { .homepage.top.is-super { padding: .5em 5px 0 5px; } }

@media only screen and (min-width: 995px) { .homepage.top.is-super { background: none; border: none; margin-top: 0; padding: 20px 0 0 0; width: 900px; margin: 0 auto; } }

.homepage.top.is-super > div { text-align: center; }

.homepage.top .sidebar { background: #fff; margin-bottom: 2em; }

@media only screen and (min-width: 740px) and (max-width: 994px) { .homepage.top .sidebar { margin-bottom: 3em; } }

.homepage.top .sidebar a { text-decoration: underline !important; }

.homepage.top .sidebar a:hover { text-decoration: none !important; }

.homepage.top .sidebar a.title { text-decoration: none !important; }

.homepage.top .sidebar h2 { font-size: 1.1em; }

.homepage.top .sidebar p { margin-bottom: 0; margin-top: .8em; }

@media only screen and (max-width: 320px) { .homepage.top .sidebar p { width: 100%; margin-top: .7em; } }

.homepage.top .sidebar a.image { line-height: 1; float: left; margin-right: .8em; margin-bottom: 12px; position: relative; top: 15px; }

.homepage.top .sidebar a.image img { width: 109px; height: 109px; border-radius: 3px; }

@media only screen and (min-width: 740px) and (max-width: 994px) { .homepage.top .sidebar a.image { margin-left: 0; margin-bottom: 0; }
  .homepage.top .sidebar a.image img { width: 50px; height: 50px; } }

@media only screen and (max-width: 320px) { .homepage.top .sidebar a.image img { width: 80px; height: 80px; margin-bottom: 1em; } }

.homepage.top a.has-image { display: block; float: left; line-height: 1; margin-top: 1em; margin-right: 10px; }

.homepage.top a.has-image img { border-radius: 4px; width: 99px; height: 99px; }

.homepage-movies { margin: 0 auto 0em auto; line-height: 1.4; display: flex; }

.homepage-movies > a { min-width: 28%; border-radius: 5px; overflow: hidden; margin: 0 5px; line-height: 0; }

.homepage-movies > a:first-of-type { margin-left: 0; }

.homepage-movies > a:last-of-type { margin-right: 0; }

@media only screen and (min-width: 995px) { .homepage-movies > a { max-height: 300px; } }

.homepage-movies > a img.cover { border: solid #f5f5f5 0px !important; }

.homepage-movies > a > div { position: relative; padding: 0px; overflow: visible; width: 100%; height: auto; }

.homepage-movies > a > div > img { width: 100%; height: 100%; overflow: hidden; }

.homepage-movies > a:hover > div { border-color: #eee; }

.homepage-movies > a:hover > div > div.caption { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; visibility: visible; }

.homepage-movies div.caption { line-height: 1.3; -webkit-transition: visibility .4s linear, opacity .4s ease-in-out; -moz-transition: visibility .4s linear, opacity .4s ease-in-out; -o-transition: visibility .4s linear, opacity .4s ease-in-out; transition: visibility .4s linear, opacity .4s ease-in-out; font-weight: normal; position: absolute; /*bottom: -5em; height: 5em;*/ right: 0; left: 0; top: 0; bottom: 0; background: url(/images/opacity80.png); color: #eee; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; zoom: 1; visibility: hidden; transition-delay: 0s; }

.homepage-movies div.caption .bottom { position: absolute; max-height: 100%; overflow: hidden; bottom: 0px; padding: 8px 11px 8px 11px; }

.homepage-movies div.caption .bottom .title { max-height: 2.7em; overflow: hidden; display: block; }

.homepage-movies div.caption .bottom small { font-size: 100%; }

.homepage-movies div.caption .bottom small strong { text-transform: uppercase; font-size: 90%; }

.homepage-movies div.caption p { margin: .5em 0; max-height: 4em; overflow: hidden; font-size: 14px; }

.homepage-movies div.caption .info { display: block; border-top: solid #555 1px; margin-top: .6em; padding-top: .1em; }

.homepage-movies div.caption .rating img { position: relative; top: 3px; margin-right: 2px; }

/* Bol.com */
h3.found { margin-top: 1.5em; }

.bol-buy { margin-top: 1em; }

.bol-buy .product_details_mini, .bol-buy .js_pagination, .bol-buy .bol_pml_box { font-size: 13px !important; font-family: "Inter", sans-serif !important; }

.bol-buy .product_details_mini a, .bol-buy .js_pagination a, .bol-buy .bol_pml_box a { text-decoration: none !important; }

.bol-buy .bol_load_screen { background: var(--content-bg) !important; }

.bol-buy .bol_pml_box, .bol-buy .bol_pml_box_data { border: none !important; background: transparent !important; }

@media only screen and (max-width: 739px) { .bol-buy .bol_pml_box, .bol-buy .bol_pml_box_data { width: 100% !important; } }

@media only screen and (min-width: 740px) and (max-width: 994px) { .bol-buy .bol_pml_box, .bol-buy .bol_pml_box_data { width: 100% !important; } }

.bol-buy .bol_pml_box_inner { width: 100%; }

.bol-buy .bol_pml_box_inner .clearer { display: none !important; }

.bol-buy .bol_pml_box_inner .bol_pml_element { background: var(--content-bg); border-radius: 10px; display: flex; }

@media only screen and (max-width: 739px) { .bol-buy .bol_pml_box_inner .bol_pml_element { margin: .5rem 0; } }

.bol-buy .bol_pml_box_inner .bol_pml_element:hover { background: var(--tone-50) !important; }

.bol-buy .bol_pml_box_inner .bol_pml_element:after { content: ""; clear: both; display: table; }

.bol-buy .bol_pml_box_inner .bol_pml_element > div { clear: both; }

.bol-buy .bol_pml_box_inner .bol_pml_element:nth-child(3), .bol-buy .bol_pml_box_inner .bol_pml_element:nth-child(5), .bol-buy .bol_pml_box_inner .bol_pml_element:nth-child(8), .bol-buy .bol_pml_box_inner .bol_pml_element:nth-child(11), .bol-buy .bol_pml_box_inner .bol_pml_element:nth-child(13), .bol-buy .bol_pml_box_inner .bol_pml_element:nth-child(16), .bol-buy .bol_pml_box_inner .bol_pml_element:nth-child(19), .bol-buy .bol_pml_box_inner .bol_pml_element:nth-child(21), .bol-buy .bol_pml_box_inner .bol_pml_element:nth-child(24), .bol-buy .bol_pml_box_inner .bol_pml_element:nth-child(27) { background: var(--tone-100) !important; }

.bol-buy .bol_pml_box_inner .bol_pml_element:nth-child(3):hover, .bol-buy .bol_pml_box_inner .bol_pml_element:nth-child(5):hover, .bol-buy .bol_pml_box_inner .bol_pml_element:nth-child(8):hover, .bol-buy .bol_pml_box_inner .bol_pml_element:nth-child(11):hover, .bol-buy .bol_pml_box_inner .bol_pml_element:nth-child(13):hover, .bol-buy .bol_pml_box_inner .bol_pml_element:nth-child(16):hover, .bol-buy .bol_pml_box_inner .bol_pml_element:nth-child(19):hover, .bol-buy .bol_pml_box_inner .bol_pml_element:nth-child(21):hover, .bol-buy .bol_pml_box_inner .bol_pml_element:nth-child(24):hover, .bol-buy .bol_pml_box_inner .bol_pml_element:nth-child(27):hover { background: var(--tone-200) !important; }

@media only screen and (max-width: 739px) { .bol-buy .bol_pml_box_inner { width: 100%; }
  .bol-buy .bol_pml_box_inner * { font-size: 17px !important; }
  .bol-buy .bol_pml_box_inner .bol_pml_element { float: none !important; } }

@media only screen and (min-width: 740px) and (max-width: 994px) { .bol-buy .bol_pml_box_inner .bol_pml_element:nth-child(1n) { background: var(--content-bg) !important; }
  .bol-buy .bol_pml_box_inner .bol_pml_element:nth-child(1n):hover { background: var(--tone-100) !important; }
  .bol-buy .bol_pml_box_inner .bol_pml_element:nth-child(3), .bol-buy .bol_pml_box_inner .bol_pml_element:nth-child(7), .bol-buy .bol_pml_box_inner .bol_pml_element:nth-child(8), .bol-buy .bol_pml_box_inner .bol_pml_element:nth-child(12), .bol-buy .bol_pml_box_inner .bol_pml_element:nth-child(13), .bol-buy .bol_pml_box_inner .bol_pml_element:nth-child(17), .bol-buy .bol_pml_box_inner .bol_pml_element:nth-child(18), .bol-buy .bol_pml_box_inner .bol_pml_element:nth-child(22), .bol-buy .bol_pml_box_inner .bol_pml_element:nth-child(23), .bol-buy .bol_pml_box_inner .bol_pml_element:nth-child(27) { background: var(--tone-100) !important; }
  .bol-buy .bol_pml_box_inner .bol_pml_element:nth-child(3):hover, .bol-buy .bol_pml_box_inner .bol_pml_element:nth-child(7):hover, .bol-buy .bol_pml_box_inner .bol_pml_element:nth-child(8):hover, .bol-buy .bol_pml_box_inner .bol_pml_element:nth-child(12):hover, .bol-buy .bol_pml_box_inner .bol_pml_element:nth-child(13):hover, .bol-buy .bol_pml_box_inner .bol_pml_element:nth-child(17):hover, .bol-buy .bol_pml_box_inner .bol_pml_element:nth-child(18):hover, .bol-buy .bol_pml_box_inner .bol_pml_element:nth-child(22):hover, .bol-buy .bol_pml_box_inner .bol_pml_element:nth-child(23):hover, .bol-buy .bol_pml_box_inner .bol_pml_element:nth-child(27):hover { background: var(--tone-200) !important; } }

.bol-buy .bol_pml_box_inner > img { position: absolute !important; }

.bol-buy .bol_pml_box_inner img { border-radius: 5px !important; }

.bol-buy .bol_pml_box_inner.item-count-1 { float: none !important; }

.bol-buy .bol_pml_box_inner.item-count-1 .bol_pml_element { float: none !important; }

.bol-buy .bol_pml_box, .bol-buy .bol_pml_box_data { margin: 0 !important; padding: 0 !important; }

.bol-buy .bol_pml_box form { display: none; }

.bol-buy .bol_pml_element { padding: 10px; }

@media only screen and (max-width: 739px) { .bol-buy .bol_pml_element { clear: both; float: none !important; width: 100% !important; } }

@media only screen and (min-width: 740px) and (max-width: 994px) { .bol-buy .bol_pml_element { width: calc(50% - 20px) !important; } }

@media only screen and (min-width: 740px) { .bol-buy .bol_pml_element { height: 100px !important; } }

.bol-buy .bol_pml_element a { font-weight: bold; color: var(--body-color) !important; font-size: 1.1em; }

.bol-buy .bol_pml_element a:hover { text-decoration: none !important; }

.bol-buy .bol_pml_element .bol_pml_price { color: var(--tone-600) !important; background: var(--tone-400) !important; display: block !important; line-height: 1 !important; padding: 7px !important; float: left !important; border-radius: 3px !important; }

@media only screen and (max-width: 739px) { .bol-buy .bol_pml_element .bol_pml_price { font-size: 16px !important; } }

.bol-buy .bol_pml_element .product_details_mini { width: 75% !important; max-width: 300px !important; margin-left: .75rem !important; }

@media only screen and (min-width: 740px) { .bol-buy .bol_pml_element .product_details_mini { margin-left: 10px !important; max-width: 207px !important; } }

.bol-buy .bol_pml_element .imgwrap_mini img { height: auto !important; width: 100px !important; }

@media only screen and (min-width: 740px) { .bol-buy .bol_pml_element .imgwrap_mini img { width: 62px !important; } }

.bol-buy .bol_pml_box #bol_pagingbol_1410426629819 { color: transparent; font-size: 0; margin-top: .7rem; }

.bol-buy .bol_pml_box #bol_pagingbol_1410426629819 strong, .bol-buy .bol_pml_box #bol_pagingbol_1410426629819 a { font-size: 16px !important; font-family: "Inter", sans-serif !important; color: var(--tone-600); margin: .2em; background: var(--tone-200); padding: .3em .6em; border-radius: 3px; }

.bol-buy .bol_pml_box #bol_pagingbol_1410426629819 strong:hover, .bol-buy .bol_pml_box #bol_pagingbol_1410426629819 a:hover { background: var(--tone-300); }

.bol-buy.green .bol_pml_price, .bol-buy .bol_pml_price.green { color: #13934e !important; background: #c6f8dd !important; }

.bol-buy.blue .bol_pml_price, .bol-buy .bol_pml_price.blue { color: #fff !important; background: #3366CC !important; }

@media only screen and (min-width: 740px) { .bol-buy { margin-top: 1.5em; } }

.bol-banner { margin: 0 auto; text-align: center; margin-top: 2em; display: none; }

@media only screen and (min-width: 995px) { .bol-banner { display: block; } }

/* Accordion */
.accordion { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 1.5em 0; }

.accordion .transition { transition: all 0.25s ease-in-out; }

.accordion .flipIn { animation: flipdown 0.5s ease both; }

.accordion .no-select { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.accordion h2 { margin: 0; font-family: inherit; }

.accordion div.content { position: relative; overflow: hidden; opacity: 1; transform: translate(0, 0); -webkit-transform: translate(0, 0); margin-top: 20px; z-index: 2; padding: 0 0px; }

.accordion div.content p:nth-of-type(1) { margin-top: 0; }

.accordion div.content .filmpagina-gezien-door { margin-bottom: 0; }

.accordion ul.list { list-style: none; perspective: 900; padding: 0; margin: 0; }

.accordion ul.list li.item { position: relative; padding: 12px 10px 12px 10px; margin: 0 -10px; border-top: 1px solid var(--search-border-color); }

.accordion ul.list li.item:last-of-type { border-bottom: 1px solid var(--search-border-color); }

.accordion ul.list li.item i.i { position: absolute; transform: translate(-12px, 0); margin-top: 12px; right: 10px; }

.accordion ul.list li.item i.i:before, .accordion ul.list li.item i.i:after { content: ""; position: absolute; background-color: #555; width: 3px; height: 9px; }

.accordion ul.list li.item i.i:before { transform: translate(-2px, 0) rotate(45deg); -webkit-transform: translate(-2px, 0) rotate(45deg); }

.accordion ul.list li.item i.i:after { transform: translate(2px, 0) rotate(-45deg); -webkit-transform: translate(2px, 0) rotate(-45deg); }

.accordion ul.list li.item input[type="checkbox"] { margin: 0; position: absolute; cursor: pointer; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; opacity: 0; }

.accordion ul.list li.item input[type="checkbox"]:checked ~ div.content { margin-top: 0; max-height: 0; opacity: 0; }

.accordion ul.list li.item input[type="checkbox"]:checked ~ i:before { transform: translate(2px, 0) rotate(45deg); -webkit-transform: translate(2px, 0) rotate(45deg); }

.accordion ul.list li.item input[type="checkbox"]:checked ~ i:after { transform: translate(-2px, 0) rotate(-45deg); -webkit-transform: translate(-2px, 0) rotate(-45deg); }

@keyframes flipdown { 0% { opacity: 0;
    transform-origin: top center;
    transform: rotateX(-90deg); }
  5% { opacity: 1; }
  80% { transform: rotateX(8deg); }
  83% { transform: rotateX(6deg); }
  92% { transform: rotateX(-3deg); }
  100% { transform-origin: top center;
    transform: rotateX(0deg); } }

/* Cookiemelding (cookie consent - theme: dark-bottom) */
/*.cc_banner-wrapper { .cc_container { padding: 10px; } .cc_message { text-align: left; @media only screen and (min-width: 995px) { font-size: 15px !important; text-align: center; } @media only screen and (max-width: 994px) { margin-top: 0 !important; } } .cc_btn.cc_btn_accept_all { background-color: saturate(#6ac585, 10%); color: darken(#6ac585, 45%); border-radius: 3px; } .cc_more_info { color: #fff !important; text-decoration: underline; &:hover { text-decoration: none; } } }*/
/*.cc_banner-wrapper { //z-index: 999999999; z-index: 99999999999991 !important; // to overlap floorboard .cc_container { @media screen and (min-width: 500px) { padding-bottom: 55px; } @media screen and (min-width: 768px) { padding-bottom: 60px; } } .cc_message { text-align: left; line-height: 1.2 !important; font-size: 13px !important; @media only screen and (min-width: 740px) { font-size: 15px !important; //text-align: left; } @media only screen and (max-width: 994px) { margin-top: 0 !important; } } .cc_btn.cc_btn_accept_all { background-color: saturate(#6ac585, 10%); color: darken(#6ac585, 45%); border-radius: 3px; @media screen and (min-width: 500px) { bottom: 15px; } } .cc_more_info { color: #fff !important; text-decoration: underline; &:hover { text-decoration: none; } } .cc_logo { display: none !important; } }*/
.cc-window { padding: 1.5rem !important; text-align: left; z-index: 99999 !important; }

.cc-window a.cc-btn { text-decoration: none !important; }

.fc-header-image { overflow: auto !important; }

/** Collapse and expand long text */
.expand-collapsed { --expand-collapsed-max-height: 85px; position: relative; max-height: var(--expand-collapsed-max-height); overflow: hidden; }

@media only screen and (max-width: 739px) { .expand-collapsed { max-height: none; } }

.expand-collapsed.gradient > div { background: -webkit-linear-gradient(bottom, #fff, white, white, rgba(255, 255, 255, 0)); background: -moz-linear-gradient(bottom, #fff, white, white, rgba(255, 255, 255, 0)); background: -o-linear-gradient(bottom, #fff, white, white, rgba(255, 255, 255, 0)); background: linear-gradient(to top, #fff, white, white, rgba(255, 255, 255, 0)); position: absolute; width: 100%; height: 17px; bottom: 0; }

.expand-collapsed.small { max-height: 100px; }

.fv-expand-label { margin-top: 2px; }

img[src*="adnxs.com"] { position: absolute; height: 0; }

body .form-input { padding: 11px 12px; margin: 0 0 1em 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: var(--input-bg); color: var(--input-color); border-radius: 5px; font-size: 16px; }

@media only screen and (min-width: 995px) { body .form-input.desktop-no-margin-bottom { margin-bottom: 0; } }

body .form-input.no-margin-bottom { margin-bottom: 0; }

body .form-input[type="text"], body .form-input[type="email"], body .form-input[type="password"], body .form-input[type="tel"], body .form-input { border-color: var(--input-border-color); transition: var(--input-transition); }

body .form-input[type="text"]:focus, body .form-input[type="email"]:focus, body .form-input[type="password"]:focus, body .form-input[type="tel"]:focus, body .form-input:focus { outline: 0; border-color: var(--input-active-border-color); box-shadow: var(--input-active-box-shadow); }

body .form-input[type="text"][disabled], body .form-input[type="email"][disabled], body .form-input[type="password"][disabled], body .form-input[type="tel"][disabled], body .form-input[disabled] { background: var(--input-disabled-bg); border-color: var(--input-disabled-border-color); color: var(--input-disabled-color); }

body .form-input[type="text"]:read-only { background: var(--input-disabled-bg); border-color: var(--input-disabled-border-color); color: var(--input-disabled-color); }

body .form-input[type="range"] { background: transparent; padding-left: 0; padding-right: 0; -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; }

body .form-input.has-sub { margin-bottom: 0; }

body .form-input[type="checkbox"], body .form-input[type="radio"] { display: inline-block; position: relative; background-color: var(--input-bg); color: var(--input-accent-color); top: 5px; height: 20px; width: 20px; border: solid var(--input-border-color) 1px; border-radius: 3px; cursor: pointer; margin-right: 2px; outline: none; padding: 0; }

body .form-input[type="checkbox"]:checked:before, body .form-input[type="radio"]:checked:before { font-size: .85em; position: absolute; font-family: FontAwesome; left: 2px; top: 2px; content: '\f00c'; }

body .form-input[type="checkbox"]:checked ~ span.text, body .form-input[type="radio"]:checked ~ span.text { font-weight: bold; }

body .form-input[type="checkbox"][disabled], body .form-input[type="radio"][disabled] { background: var(--input-disabled-bg); border-color: var(--input-disabled-border-color); color: var(--input-disabled-color); cursor: default; }

body .form-input[type="checkbox"] + label, body .form-input[type="radio"] + label { display: none; }

body .form-input[type="checkbox"][type="radio"], body .form-input[type="radio"][type="radio"] { border-radius: 20px; }

body .form-input[type="checkbox"]:focus, body .form-input[type="radio"]:focus { border-color: var(--input-border-color); box-shadow: none; }

body .form-input::-ms-clear { display: none; }

body .form-input.full-width { width: 100%; }

.general-form, .form { background: var(--general-form-bg); border: solid var(--general-form-border-color) 1px; padding: 1.5em; margin: 2em 0 1em 0; border-radius: 5px; }

.general-form.form--modern, .form.form--modern { border-radius: 12px; box-shadow: 0 2px 50px rgba(0, 0, 0, 0.08); border-color: var(--label-border-color); background: var(--body-bg); padding: 1.75rem; }

@media only screen and (min-width: 740px) { .general-form.form--modern, .form.form--modern { padding: 2rem; } }

@media only screen { html[data-theme="dark"].enable-theme .general-form.form--modern, html[data-theme="dark"].enable-theme .form.form--modern { background: var(--general-form-bg); } }

.general-form.form--minimal, .form.form--minimal { box-shadow: none; border: none; padding: 0; background: transparent !important; }

@media only screen and (max-width: 739px) { .general-form.form--small-minimal, .form.form--small-minimal { box-shadow: none; border: none; padding: 0; background: transparent !important; } }

.general-form.filter-by-type, .form.filter-by-type { background: none; padding: 0; margin: 0; border: none; font-family: "Inter", sans-serif; }

.general-form.filter-by-type label, .form.filter-by-type label { margin: 0 .75em 0 0; }

.general-form.filter-by-type label.inactive, .general-form.filter-by-type label.inactive input, .form.filter-by-type label.inactive, .form.filter-by-type label.inactive input { color: #c1c1c1; }

.general-form.filter-by-type input, .form.filter-by-type input { margin-bottom: 0 !important; }

.general-form.filter-by-type h4, .form.filter-by-type h4 { margin: .75em 0 .25em 0; font-size: 1.05em; }

.general-form.filter-by-type h4 span, .form.filter-by-type h4 span { margin-left: 5px; font-size: .75rem; }

.general-form.filter-by-type h4 span a, .form.filter-by-type h4 span a { display: inline-block; text-decoration: none; border-radius: 5px; }

.general-form.filter-by-type h4 span a:hover, .form.filter-by-type h4 span a:hover { text-decoration: underline; }

.general-form.filter-by-type > div:first-of-type h4, .form.filter-by-type > div:first-of-type h4 { margin-top: 0; }

.general-form.filter-by-type > .box, .form.filter-by-type > .box { line-height: 1.25rem; padding: .75rem; font-size: .85rem; }

.general-form.filter-by-type > .box label, .form.filter-by-type > .box label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: inherit; }

@media only screen and (min-width: 740px) { .general-form.filter-by-type > .box, .form.filter-by-type > .box { font-size: .9rem; }
  .general-form.filter-by-type > .box > .grid, .form.filter-by-type > .box > .grid { max-width: 450px; } }

.general-form h3, .form h3 { margin: 0 0 1em 0; font-size: 1.1rem; }

.general-form:not(.form--no-form) input, .general-form:not(.form--no-form) textarea, .general-form:not(.form--no-form) select, .form:not(.form--no-form) input, .form:not(.form--no-form) textarea, .form:not(.form--no-form) select { padding: 11px 12px; margin: 0 0 1em 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: var(--input-bg); color: var(--input-color); border-radius: 5px; font-size: 16px; }

@media only screen and (min-width: 995px) { .general-form:not(.form--no-form) input.desktop-no-margin-bottom, .general-form:not(.form--no-form) textarea.desktop-no-margin-bottom, .general-form:not(.form--no-form) select.desktop-no-margin-bottom, .form:not(.form--no-form) input.desktop-no-margin-bottom, .form:not(.form--no-form) textarea.desktop-no-margin-bottom, .form:not(.form--no-form) select.desktop-no-margin-bottom { margin-bottom: 0; } }

.general-form:not(.form--no-form) input.no-margin-bottom, .general-form:not(.form--no-form) textarea.no-margin-bottom, .general-form:not(.form--no-form) select.no-margin-bottom, .form:not(.form--no-form) input.no-margin-bottom, .form:not(.form--no-form) textarea.no-margin-bottom, .form:not(.form--no-form) select.no-margin-bottom { margin-bottom: 0; }

.general-form:not(.form--no-form) input[type="text"], .general-form:not(.form--no-form) input[type="email"], .general-form:not(.form--no-form) input[type="password"], .general-form:not(.form--no-form) input[type="tel"], .general-form:not(.form--no-form) input, .general-form:not(.form--no-form) textarea[type="text"], .general-form:not(.form--no-form) textarea[type="email"], .general-form:not(.form--no-form) textarea[type="password"], .general-form:not(.form--no-form) textarea[type="tel"], .general-form:not(.form--no-form) textarea, .general-form:not(.form--no-form) select[type="text"], .general-form:not(.form--no-form) select[type="email"], .general-form:not(.form--no-form) select[type="password"], .general-form:not(.form--no-form) select[type="tel"], .general-form:not(.form--no-form) select, .form:not(.form--no-form) input[type="text"], .form:not(.form--no-form) input[type="email"], .form:not(.form--no-form) input[type="password"], .form:not(.form--no-form) input[type="tel"], .form:not(.form--no-form) input, .form:not(.form--no-form) textarea[type="text"], .form:not(.form--no-form) textarea[type="email"], .form:not(.form--no-form) textarea[type="password"], .form:not(.form--no-form) textarea[type="tel"], .form:not(.form--no-form) textarea, .form:not(.form--no-form) select[type="text"], .form:not(.form--no-form) select[type="email"], .form:not(.form--no-form) select[type="password"], .form:not(.form--no-form) select[type="tel"], .form:not(.form--no-form) select { border-color: var(--input-border-color); transition: var(--input-transition); }

.general-form:not(.form--no-form) input[type="text"]:focus, .general-form:not(.form--no-form) input[type="email"]:focus, .general-form:not(.form--no-form) input[type="password"]:focus, .general-form:not(.form--no-form) input[type="tel"]:focus, .general-form:not(.form--no-form) input:focus, .general-form:not(.form--no-form) textarea[type="text"]:focus, .general-form:not(.form--no-form) textarea[type="email"]:focus, .general-form:not(.form--no-form) textarea[type="password"]:focus, .general-form:not(.form--no-form) textarea[type="tel"]:focus, .general-form:not(.form--no-form) textarea:focus, .general-form:not(.form--no-form) select[type="text"]:focus, .general-form:not(.form--no-form) select[type="email"]:focus, .general-form:not(.form--no-form) select[type="password"]:focus, .general-form:not(.form--no-form) select[type="tel"]:focus, .general-form:not(.form--no-form) select:focus, .form:not(.form--no-form) input[type="text"]:focus, .form:not(.form--no-form) input[type="email"]:focus, .form:not(.form--no-form) input[type="password"]:focus, .form:not(.form--no-form) input[type="tel"]:focus, .form:not(.form--no-form) input:focus, .form:not(.form--no-form) textarea[type="text"]:focus, .form:not(.form--no-form) textarea[type="email"]:focus, .form:not(.form--no-form) textarea[type="password"]:focus, .form:not(.form--no-form) textarea[type="tel"]:focus, .form:not(.form--no-form) textarea:focus, .form:not(.form--no-form) select[type="text"]:focus, .form:not(.form--no-form) select[type="email"]:focus, .form:not(.form--no-form) select[type="password"]:focus, .form:not(.form--no-form) select[type="tel"]:focus, .form:not(.form--no-form) select:focus { outline: 0; border-color: var(--input-active-border-color); box-shadow: var(--input-active-box-shadow); }

.general-form:not(.form--no-form) input[type="text"][disabled], .general-form:not(.form--no-form) input[type="email"][disabled], .general-form:not(.form--no-form) input[type="password"][disabled], .general-form:not(.form--no-form) input[type="tel"][disabled], .general-form:not(.form--no-form) input[disabled], .general-form:not(.form--no-form) textarea[type="text"][disabled], .general-form:not(.form--no-form) textarea[type="email"][disabled], .general-form:not(.form--no-form) textarea[type="password"][disabled], .general-form:not(.form--no-form) textarea[type="tel"][disabled], .general-form:not(.form--no-form) textarea[disabled], .general-form:not(.form--no-form) select[type="text"][disabled], .general-form:not(.form--no-form) select[type="email"][disabled], .general-form:not(.form--no-form) select[type="password"][disabled], .general-form:not(.form--no-form) select[type="tel"][disabled], .general-form:not(.form--no-form) select[disabled], .form:not(.form--no-form) input[type="text"][disabled], .form:not(.form--no-form) input[type="email"][disabled], .form:not(.form--no-form) input[type="password"][disabled], .form:not(.form--no-form) input[type="tel"][disabled], .form:not(.form--no-form) input[disabled], .form:not(.form--no-form) textarea[type="text"][disabled], .form:not(.form--no-form) textarea[type="email"][disabled], .form:not(.form--no-form) textarea[type="password"][disabled], .form:not(.form--no-form) textarea[type="tel"][disabled], .form:not(.form--no-form) textarea[disabled], .form:not(.form--no-form) select[type="text"][disabled], .form:not(.form--no-form) select[type="email"][disabled], .form:not(.form--no-form) select[type="password"][disabled], .form:not(.form--no-form) select[type="tel"][disabled], .form:not(.form--no-form) select[disabled] { background: var(--input-disabled-bg); border-color: var(--input-disabled-border-color); color: var(--input-disabled-color); }

.general-form:not(.form--no-form) input[type="text"]:read-only, .general-form:not(.form--no-form) textarea[type="text"]:read-only, .general-form:not(.form--no-form) select[type="text"]:read-only, .form:not(.form--no-form) input[type="text"]:read-only, .form:not(.form--no-form) textarea[type="text"]:read-only, .form:not(.form--no-form) select[type="text"]:read-only { background: var(--input-disabled-bg); border-color: var(--input-disabled-border-color); color: var(--input-disabled-color); }

.general-form:not(.form--no-form) input[type="range"], .general-form:not(.form--no-form) textarea[type="range"], .general-form:not(.form--no-form) select[type="range"], .form:not(.form--no-form) input[type="range"], .form:not(.form--no-form) textarea[type="range"], .form:not(.form--no-form) select[type="range"] { background: transparent; padding-left: 0; padding-right: 0; -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; }

.general-form:not(.form--no-form) input.has-sub, .general-form:not(.form--no-form) textarea.has-sub, .general-form:not(.form--no-form) select.has-sub, .form:not(.form--no-form) input.has-sub, .form:not(.form--no-form) textarea.has-sub, .form:not(.form--no-form) select.has-sub { margin-bottom: 0; }

.general-form:not(.form--no-form) input[type="checkbox"], .general-form:not(.form--no-form) input[type="radio"], .general-form:not(.form--no-form) textarea[type="checkbox"], .general-form:not(.form--no-form) textarea[type="radio"], .general-form:not(.form--no-form) select[type="checkbox"], .general-form:not(.form--no-form) select[type="radio"], .form:not(.form--no-form) input[type="checkbox"], .form:not(.form--no-form) input[type="radio"], .form:not(.form--no-form) textarea[type="checkbox"], .form:not(.form--no-form) textarea[type="radio"], .form:not(.form--no-form) select[type="checkbox"], .form:not(.form--no-form) select[type="radio"] { display: inline-block; position: relative; background-color: var(--input-bg); color: var(--input-accent-color); top: 5px; height: 20px; width: 20px; border: solid var(--input-border-color) 1px; border-radius: 3px; cursor: pointer; margin-right: 2px; outline: none; padding: 0; }

.general-form:not(.form--no-form) input[type="checkbox"]:checked:before, .general-form:not(.form--no-form) input[type="radio"]:checked:before, .general-form:not(.form--no-form) textarea[type="checkbox"]:checked:before, .general-form:not(.form--no-form) textarea[type="radio"]:checked:before, .general-form:not(.form--no-form) select[type="checkbox"]:checked:before, .general-form:not(.form--no-form) select[type="radio"]:checked:before, .form:not(.form--no-form) input[type="checkbox"]:checked:before, .form:not(.form--no-form) input[type="radio"]:checked:before, .form:not(.form--no-form) textarea[type="checkbox"]:checked:before, .form:not(.form--no-form) textarea[type="radio"]:checked:before, .form:not(.form--no-form) select[type="checkbox"]:checked:before, .form:not(.form--no-form) select[type="radio"]:checked:before { font-size: .85em; position: absolute; font-family: FontAwesome; left: 2px; top: 2px; content: '\f00c'; }

.general-form:not(.form--no-form) input[type="checkbox"]:checked ~ span.text, .general-form:not(.form--no-form) input[type="radio"]:checked ~ span.text, .general-form:not(.form--no-form) textarea[type="checkbox"]:checked ~ span.text, .general-form:not(.form--no-form) textarea[type="radio"]:checked ~ span.text, .general-form:not(.form--no-form) select[type="checkbox"]:checked ~ span.text, .general-form:not(.form--no-form) select[type="radio"]:checked ~ span.text, .form:not(.form--no-form) input[type="checkbox"]:checked ~ span.text, .form:not(.form--no-form) input[type="radio"]:checked ~ span.text, .form:not(.form--no-form) textarea[type="checkbox"]:checked ~ span.text, .form:not(.form--no-form) textarea[type="radio"]:checked ~ span.text, .form:not(.form--no-form) select[type="checkbox"]:checked ~ span.text, .form:not(.form--no-form) select[type="radio"]:checked ~ span.text { font-weight: bold; }

.general-form:not(.form--no-form) input[type="checkbox"][disabled], .general-form:not(.form--no-form) input[type="radio"][disabled], .general-form:not(.form--no-form) textarea[type="checkbox"][disabled], .general-form:not(.form--no-form) textarea[type="radio"][disabled], .general-form:not(.form--no-form) select[type="checkbox"][disabled], .general-form:not(.form--no-form) select[type="radio"][disabled], .form:not(.form--no-form) input[type="checkbox"][disabled], .form:not(.form--no-form) input[type="radio"][disabled], .form:not(.form--no-form) textarea[type="checkbox"][disabled], .form:not(.form--no-form) textarea[type="radio"][disabled], .form:not(.form--no-form) select[type="checkbox"][disabled], .form:not(.form--no-form) select[type="radio"][disabled] { background: var(--input-disabled-bg); border-color: var(--input-disabled-border-color); color: var(--input-disabled-color); cursor: default; }

.general-form:not(.form--no-form) input[type="checkbox"] + label, .general-form:not(.form--no-form) input[type="radio"] + label, .general-form:not(.form--no-form) textarea[type="checkbox"] + label, .general-form:not(.form--no-form) textarea[type="radio"] + label, .general-form:not(.form--no-form) select[type="checkbox"] + label, .general-form:not(.form--no-form) select[type="radio"] + label, .form:not(.form--no-form) input[type="checkbox"] + label, .form:not(.form--no-form) input[type="radio"] + label, .form:not(.form--no-form) textarea[type="checkbox"] + label, .form:not(.form--no-form) textarea[type="radio"] + label, .form:not(.form--no-form) select[type="checkbox"] + label, .form:not(.form--no-form) select[type="radio"] + label { display: none; }

.general-form:not(.form--no-form) input[type="checkbox"][type="radio"], .general-form:not(.form--no-form) input[type="radio"][type="radio"], .general-form:not(.form--no-form) textarea[type="checkbox"][type="radio"], .general-form:not(.form--no-form) textarea[type="radio"][type="radio"], .general-form:not(.form--no-form) select[type="checkbox"][type="radio"], .general-form:not(.form--no-form) select[type="radio"][type="radio"], .form:not(.form--no-form) input[type="checkbox"][type="radio"], .form:not(.form--no-form) input[type="radio"][type="radio"], .form:not(.form--no-form) textarea[type="checkbox"][type="radio"], .form:not(.form--no-form) textarea[type="radio"][type="radio"], .form:not(.form--no-form) select[type="checkbox"][type="radio"], .form:not(.form--no-form) select[type="radio"][type="radio"] { border-radius: 20px; }

.general-form:not(.form--no-form) input[type="checkbox"]:focus, .general-form:not(.form--no-form) input[type="radio"]:focus, .general-form:not(.form--no-form) textarea[type="checkbox"]:focus, .general-form:not(.form--no-form) textarea[type="radio"]:focus, .general-form:not(.form--no-form) select[type="checkbox"]:focus, .general-form:not(.form--no-form) select[type="radio"]:focus, .form:not(.form--no-form) input[type="checkbox"]:focus, .form:not(.form--no-form) input[type="radio"]:focus, .form:not(.form--no-form) textarea[type="checkbox"]:focus, .form:not(.form--no-form) textarea[type="radio"]:focus, .form:not(.form--no-form) select[type="checkbox"]:focus, .form:not(.form--no-form) select[type="radio"]:focus { border-color: var(--input-border-color); box-shadow: none; }

.general-form:not(.form--no-form) input::-ms-clear, .general-form:not(.form--no-form) textarea::-ms-clear, .general-form:not(.form--no-form) select::-ms-clear, .form:not(.form--no-form) input::-ms-clear, .form:not(.form--no-form) textarea::-ms-clear, .form:not(.form--no-form) select::-ms-clear { display: none; }

.general-form:not(.form--no-form) input.full-width, .general-form:not(.form--no-form) textarea.full-width, .general-form:not(.form--no-form) select.full-width, .form:not(.form--no-form) input.full-width, .form:not(.form--no-form) textarea.full-width, .form:not(.form--no-form) select.full-width { width: 100%; }

.general-form:not(.form--no-form) .select, .form:not(.form--no-form) .select { position: relative; margin-bottom: 1em; }

.general-form:not(.form--no-form) .select select, .form:not(.form--no-form) .select select { margin-bottom: 0; }

.general-form:not(.form--no-form) .select:after, .form:not(.form--no-form) .select:after { right: 1.125em; z-index: 4; border: 3px solid #666; border-radius: 2px; border-right: 0; border-top: 0; content: " "; display: block; height: .625em; margin-top: -.4375em; pointer-events: none; position: absolute; top: 50%; transform: rotate(-45deg); transform-origin: center; width: .625em; }

.general-form:not(.form--no-form) label, .form:not(.form--no-form) label { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; display: inline-block; position: relative; margin-right: .2em; }

.general-form:not(.form--no-form) label.checkbox, .general-form:not(.form--no-form) label.checkbox span, .general-form:not(.form--no-form) label.radio, .general-form:not(.form--no-form) label.radio span, .general-form:not(.form--no-form) label.toggle, .general-form:not(.form--no-form) label.toggle span, .form:not(.form--no-form) label.checkbox, .form:not(.form--no-form) label.checkbox span, .form:not(.form--no-form) label.radio, .form:not(.form--no-form) label.radio span, .form:not(.form--no-form) label.toggle, .form:not(.form--no-form) label.toggle span { font-size: 16px; color: var(--tone-600); font-weight: normal; }

.general-form:not(.form--no-form) label.checkbox:hover, .general-form:not(.form--no-form) label.checkbox:hover span, .general-form:not(.form--no-form) label.radio:hover, .general-form:not(.form--no-form) label.radio:hover span, .general-form:not(.form--no-form) label.toggle:hover, .general-form:not(.form--no-form) label.toggle:hover span, .form:not(.form--no-form) label.checkbox:hover, .form:not(.form--no-form) label.checkbox:hover span, .form:not(.form--no-form) label.radio:hover, .form:not(.form--no-form) label.radio:hover span, .form:not(.form--no-form) label.toggle:hover, .form:not(.form--no-form) label.toggle:hover span { cursor: pointer; }

.general-form:not(.form--no-form) label.radio, .form:not(.form--no-form) label.radio { margin-right: .5em; }

.general-form:not(.form--no-form) label.no-wrap, .form:not(.form--no-form) label.no-wrap { white-space: nowrap; }

.general-form:not(.form--no-form) label.toggle, .form:not(.form--no-form) label.toggle { display: block; margin-right: 0 !important; position: relative; padding: .2em 0; }

.general-form:not(.form--no-form) label.toggle input, .form:not(.form--no-form) label.toggle input { display: none; }

.general-form:not(.form--no-form) label.toggle input, .general-form:not(.form--no-form) label.toggle input:after, .general-form:not(.form--no-form) label.toggle input:before, .general-form:not(.form--no-form) label.toggle input *, .general-form:not(.form--no-form) label.toggle input *:after, .general-form:not(.form--no-form) label.toggle input *:before, .general-form:not(.form--no-form) label.toggle input + span.slider, .form:not(.form--no-form) label.toggle input, .form:not(.form--no-form) label.toggle input:after, .form:not(.form--no-form) label.toggle input:before, .form:not(.form--no-form) label.toggle input *, .form:not(.form--no-form) label.toggle input *:after, .form:not(.form--no-form) label.toggle input *:before, .form:not(.form--no-form) label.toggle input + span.slider { box-sizing: border-box; }

.general-form:not(.form--no-form) label.toggle input::selection, .general-form:not(.form--no-form) label.toggle input:after::selection, .general-form:not(.form--no-form) label.toggle input:before::selection, .general-form:not(.form--no-form) label.toggle input *::selection, .general-form:not(.form--no-form) label.toggle input *:after::selection, .general-form:not(.form--no-form) label.toggle input *:before::selection, .general-form:not(.form--no-form) label.toggle input + span.slider::selection, .form:not(.form--no-form) label.toggle input::selection, .form:not(.form--no-form) label.toggle input:after::selection, .form:not(.form--no-form) label.toggle input:before::selection, .form:not(.form--no-form) label.toggle input *::selection, .form:not(.form--no-form) label.toggle input *:after::selection, .form:not(.form--no-form) label.toggle input *:before::selection, .form:not(.form--no-form) label.toggle input + span.slider::selection { background: none; }

.general-form:not(.form--no-form) label.toggle input + span.slider, .form:not(.form--no-form) label.toggle input + span.slider { margin: 0; outline: 0; display: block; width: 40px; height: 22px; position: relative; cursor: pointer; user-select: none; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background: var(--tone-300); border-radius: 2em; padding: 2px; transition: all .4s ease; }

.general-form:not(.form--no-form) label.toggle input + span.slider:after, .general-form:not(.form--no-form) label.toggle input + span.slider:before, .form:not(.form--no-form) label.toggle input + span.slider:after, .form:not(.form--no-form) label.toggle input + span.slider:before { position: relative; display: block; content: ""; width: 50%; height: 100%; }

.general-form:not(.form--no-form) label.toggle input + span.slider:after, .form:not(.form--no-form) label.toggle input + span.slider:after { left: 0; border-radius: 50%; background: var(--body-bg); transition: all .2s ease; }

.general-form:not(.form--no-form) label.toggle input + span.slider:before, .form:not(.form--no-form) label.toggle input + span.slider:before { display: none; }

@media only screen and (max-width: 994px) { .general-form:not(.form--no-form) label.toggle input + span.slider, .form:not(.form--no-form) label.toggle input + span.slider { width: 48px; height: 26px; } }

.general-form:not(.form--no-form) label.toggle input:checked + span.slider, .form:not(.form--no-form) label.toggle input:checked + span.slider { background: var(--input-accent-color); }

.general-form:not(.form--no-form) label.toggle input:checked + span.slider:after, .form:not(.form--no-form) label.toggle input:checked + span.slider:after { left: 50%; }

.general-form:not(.form--no-form) label.toggle.choice span.slider, .form:not(.form--no-form) label.toggle.choice span.slider { background: var(--input-accent-color); }

.general-form:not(.form--no-form) label.toggle.choice span.slider:after, .form:not(.form--no-form) label.toggle.choice span.slider:after { content: "EN"; font-weight: var(--font-semibold); line-height: 1; color: var(--input-accent-color); font-size: 13px; padding: 5px 0 0 2px; }

@media only screen and (min-width: 995px) { .general-form:not(.form--no-form) label.toggle.choice span.slider:after, .form:not(.form--no-form) label.toggle.choice span.slider:after { font-size: 10px; padding-top: 4px; } }

@media only screen { html[data-theme="dark"].enable-theme .general-form:not(.form--no-form) label.toggle.choice span.slider, html[data-theme="dark"].enable-theme .form:not(.form--no-form) label.toggle.choice span.slider { background: var(--tone-400); } }

.general-form:not(.form--no-form) label.toggle.choice input:checked + span.slider:after, .form:not(.form--no-form) label.toggle.choice input:checked + span.slider:after { content: "OF"; }

.general-form:not(.form--no-form) label span.tag, .form:not(.form--no-form) label span.tag { font-size: .8em; background: var(--input-accent-color); color: #fff; padding: 4px 6px; border-radius: 5px; font-family: "Inter", sans-serif; position: relative; top: -2px; margin-left: 0px; }

.general-form:not(.form--no-form) div.select-container, .form:not(.form--no-form) div.select-container { width: 100%; position: relative; }

.general-form:not(.form--no-form) div.select-container select, .form:not(.form--no-form) div.select-container select { padding-right: 30px; }

.general-form:not(.form--no-form) div.select-container:after, .form:not(.form--no-form) div.select-container:after { font-family: FontAwesome; content: '\f107'; font-size: inherit; position: absolute; top: 7px; right: 15px; pointer-events: none; line-height: inherit; }

.general-form:not(.form--no-form) div.body, .general-form:not(.form--no-form) div.item, .form:not(.form--no-form) div.body, .form:not(.form--no-form) div.item { line-height: 1.8; margin-bottom: 1em; }

.general-form:not(.form--no-form) div.body input, .general-form:not(.form--no-form) div.body textarea, .general-form:not(.form--no-form) div.body select, .general-form:not(.form--no-form) div.item input, .general-form:not(.form--no-form) div.item textarea, .general-form:not(.form--no-form) div.item select, .form:not(.form--no-form) div.body input, .form:not(.form--no-form) div.body textarea, .form:not(.form--no-form) div.body select, .form:not(.form--no-form) div.item input, .form:not(.form--no-form) div.item textarea, .form:not(.form--no-form) div.item select { margin-bottom: 0 !important; }

.general-form:not(.form--no-form) div.body .is-flex, .general-form:not(.form--no-form) div.item .is-flex, .form:not(.form--no-form) div.body .is-flex, .form:not(.form--no-form) div.item .is-flex { display: flex; justify-content: space-between; align-items: center; }

.general-form:not(.form--no-form) div.col input[type="text"], .general-form:not(.form--no-form) body div.width-880 input[type="text"], body .general-form:not(.form--no-form) div.width-880 input[type="text"], .general-form:not(.form--no-form) body div.width-610 input[type="text"], body .general-form:not(.form--no-form) div.width-610 input[type="text"], .general-form:not(.form--no-form) div#filmlijst-rechts input[type="text"], .general-form:not(.form--no-form) div.filmpagina-info-synopsis input[type="text"], .general-form:not(.form--no-form) div.filmpagina-info-cover input[type="text"], .general-form:not(.form--no-form) div.search div.main input[type="text"], div.search .general-form:not(.form--no-form) div.main input[type="text"], .general-form:not(.form--no-form) div.col input[type="password"], .general-form:not(.form--no-form) body div.width-880 input[type="password"], body .general-form:not(.form--no-form) div.width-880 input[type="password"], .general-form:not(.form--no-form) body div.width-610 input[type="password"], body .general-form:not(.form--no-form) div.width-610 input[type="password"], .general-form:not(.form--no-form) div#filmlijst-rechts input[type="password"], .general-form:not(.form--no-form) div.filmpagina-info-synopsis input[type="password"], .general-form:not(.form--no-form) div.filmpagina-info-cover input[type="password"], .general-form:not(.form--no-form) div.search div.main input[type="password"], div.search .general-form:not(.form--no-form) div.main input[type="password"], .general-form:not(.form--no-form) div.col input[type="email"], .general-form:not(.form--no-form) body div.width-880 input[type="email"], body .general-form:not(.form--no-form) div.width-880 input[type="email"], .general-form:not(.form--no-form) body div.width-610 input[type="email"], body .general-form:not(.form--no-form) div.width-610 input[type="email"], .general-form:not(.form--no-form) div#filmlijst-rechts input[type="email"], .general-form:not(.form--no-form) div.filmpagina-info-synopsis input[type="email"], .general-form:not(.form--no-form) div.filmpagina-info-cover input[type="email"], .general-form:not(.form--no-form) div.search div.main input[type="email"], div.search .general-form:not(.form--no-form) div.main input[type="email"], .general-form:not(.form--no-form) div.col input[type="url"], .general-form:not(.form--no-form) body div.width-880 input[type="url"], body .general-form:not(.form--no-form) div.width-880 input[type="url"], .general-form:not(.form--no-form) body div.width-610 input[type="url"], body .general-form:not(.form--no-form) div.width-610 input[type="url"], .general-form:not(.form--no-form) div#filmlijst-rechts input[type="url"], .general-form:not(.form--no-form) div.filmpagina-info-synopsis input[type="url"], .general-form:not(.form--no-form) div.filmpagina-info-cover input[type="url"], .general-form:not(.form--no-form) div.search div.main input[type="url"], div.search .general-form:not(.form--no-form) div.main input[type="url"], .general-form:not(.form--no-form) div.col input[type="file"], .general-form:not(.form--no-form) body div.width-880 input[type="file"], body .general-form:not(.form--no-form) div.width-880 input[type="file"], .general-form:not(.form--no-form) body div.width-610 input[type="file"], body .general-form:not(.form--no-form) div.width-610 input[type="file"], .general-form:not(.form--no-form) div#filmlijst-rechts input[type="file"], .general-form:not(.form--no-form) div.filmpagina-info-synopsis input[type="file"], .general-form:not(.form--no-form) div.filmpagina-info-cover input[type="file"], .general-form:not(.form--no-form) div.search div.main input[type="file"], div.search .general-form:not(.form--no-form) div.main input[type="file"], .general-form:not(.form--no-form) div.col input[type="number"], .general-form:not(.form--no-form) body div.width-880 input[type="number"], body .general-form:not(.form--no-form) div.width-880 input[type="number"], .general-form:not(.form--no-form) body div.width-610 input[type="number"], body .general-form:not(.form--no-form) div.width-610 input[type="number"], .general-form:not(.form--no-form) div#filmlijst-rechts input[type="number"], .general-form:not(.form--no-form) div.filmpagina-info-synopsis input[type="number"], .general-form:not(.form--no-form) div.filmpagina-info-cover input[type="number"], .general-form:not(.form--no-form) div.search div.main input[type="number"], div.search .general-form:not(.form--no-form) div.main input[type="number"], .general-form:not(.form--no-form) div.col input[type="tel"], .general-form:not(.form--no-form) body div.width-880 input[type="tel"], body .general-form:not(.form--no-form) div.width-880 input[type="tel"], .general-form:not(.form--no-form) body div.width-610 input[type="tel"], body .general-form:not(.form--no-form) div.width-610 input[type="tel"], .general-form:not(.form--no-form) div#filmlijst-rechts input[type="tel"], .general-form:not(.form--no-form) div.filmpagina-info-synopsis input[type="tel"], .general-form:not(.form--no-form) div.filmpagina-info-cover input[type="tel"], .general-form:not(.form--no-form) div.search div.main input[type="tel"], div.search .general-form:not(.form--no-form) div.main input[type="tel"], .general-form:not(.form--no-form) div.col input[type="date"], .general-form:not(.form--no-form) body div.width-880 input[type="date"], body .general-form:not(.form--no-form) div.width-880 input[type="date"], .general-form:not(.form--no-form) body div.width-610 input[type="date"], body .general-form:not(.form--no-form) div.width-610 input[type="date"], .general-form:not(.form--no-form) div#filmlijst-rechts input[type="date"], .general-form:not(.form--no-form) div.filmpagina-info-synopsis input[type="date"], .general-form:not(.form--no-form) div.filmpagina-info-cover input[type="date"], .general-form:not(.form--no-form) div.search div.main input[type="date"], div.search .general-form:not(.form--no-form) div.main input[type="date"], .general-form:not(.form--no-form) div.col input[type="datetime-local"], .general-form:not(.form--no-form) body div.width-880 input[type="datetime-local"], body .general-form:not(.form--no-form) div.width-880 input[type="datetime-local"], .general-form:not(.form--no-form) body div.width-610 input[type="datetime-local"], body .general-form:not(.form--no-form) div.width-610 input[type="datetime-local"], .general-form:not(.form--no-form) div#filmlijst-rechts input[type="datetime-local"], .general-form:not(.form--no-form) div.filmpagina-info-synopsis input[type="datetime-local"], .general-form:not(.form--no-form) div.filmpagina-info-cover input[type="datetime-local"], .general-form:not(.form--no-form) div.search div.main input[type="datetime-local"], div.search .general-form:not(.form--no-form) div.main input[type="datetime-local"], .general-form:not(.form--no-form) div.col textarea, .general-form:not(.form--no-form) body div.width-880 textarea, body .general-form:not(.form--no-form) div.width-880 textarea, .general-form:not(.form--no-form) body div.width-610 textarea, body .general-form:not(.form--no-form) div.width-610 textarea, .general-form:not(.form--no-form) div#filmlijst-rechts textarea, .general-form:not(.form--no-form) div.filmpagina-info-synopsis textarea, .general-form:not(.form--no-form) div.filmpagina-info-cover textarea, .general-form:not(.form--no-form) div.search div.main textarea, div.search .general-form:not(.form--no-form) div.main textarea, .general-form:not(.form--no-form) div.col .heading, .general-form:not(.form--no-form) body div.width-880 .heading, body .general-form:not(.form--no-form) div.width-880 .heading, .general-form:not(.form--no-form) body div.width-610 .heading, body .general-form:not(.form--no-form) div.width-610 .heading, .general-form:not(.form--no-form) div#filmlijst-rechts .heading, .general-form:not(.form--no-form) div.filmpagina-info-synopsis .heading, .general-form:not(.form--no-form) div.filmpagina-info-cover .heading, .general-form:not(.form--no-form) div.search div.main .heading, div.search .general-form:not(.form--no-form) div.main .heading, .general-form:not(.form--no-form) div.col label, .general-form:not(.form--no-form) body div.width-880 label, body .general-form:not(.form--no-form) div.width-880 label, .general-form:not(.form--no-form) body div.width-610 label, body .general-form:not(.form--no-form) div.width-610 label, .general-form:not(.form--no-form) div#filmlijst-rechts label, .general-form:not(.form--no-form) div.filmpagina-info-synopsis label, .general-form:not(.form--no-form) div.filmpagina-info-cover label, .general-form:not(.form--no-form) div.search div.main label, div.search .general-form:not(.form--no-form) div.main label, .general-form:not(.form--no-form) div.col select, .general-form:not(.form--no-form) body div.width-880 select, body .general-form:not(.form--no-form) div.width-880 select, .general-form:not(.form--no-form) body div.width-610 select, body .general-form:not(.form--no-form) div.width-610 select, .general-form:not(.form--no-form) div#filmlijst-rechts select, .general-form:not(.form--no-form) div.filmpagina-info-synopsis select, .general-form:not(.form--no-form) div.filmpagina-info-cover select, .general-form:not(.form--no-form) div.search div.main select, div.search .general-form:not(.form--no-form) div.main select, .general-form:not(.form--no-form) div.grid input[type="text"], .general-form:not(.form--no-form) div.grid input[type="password"], .general-form:not(.form--no-form) div.grid input[type="email"], .general-form:not(.form--no-form) div.grid input[type="url"], .general-form:not(.form--no-form) div.grid input[type="file"], .general-form:not(.form--no-form) div.grid input[type="number"], .general-form:not(.form--no-form) div.grid input[type="tel"], .general-form:not(.form--no-form) div.grid input[type="date"], .general-form:not(.form--no-form) div.grid input[type="datetime-local"], .general-form:not(.form--no-form) div.grid textarea, .general-form:not(.form--no-form) div.grid .heading, .general-form:not(.form--no-form) div.grid label, .general-form:not(.form--no-form) div.grid select, .form:not(.form--no-form) div.col input[type="text"], .form:not(.form--no-form) body div.width-880 input[type="text"], body .form:not(.form--no-form) div.width-880 input[type="text"], .form:not(.form--no-form) body div.width-610 input[type="text"], body .form:not(.form--no-form) div.width-610 input[type="text"], .form:not(.form--no-form) div#filmlijst-rechts input[type="text"], .form:not(.form--no-form) div.filmpagina-info-synopsis input[type="text"], .form:not(.form--no-form) div.filmpagina-info-cover input[type="text"], .form:not(.form--no-form) div.search div.main input[type="text"], div.search .form:not(.form--no-form) div.main input[type="text"], .form:not(.form--no-form) div.col input[type="password"], .form:not(.form--no-form) body div.width-880 input[type="password"], body .form:not(.form--no-form) div.width-880 input[type="password"], .form:not(.form--no-form) body div.width-610 input[type="password"], body .form:not(.form--no-form) div.width-610 input[type="password"], .form:not(.form--no-form) div#filmlijst-rechts input[type="password"], .form:not(.form--no-form) div.filmpagina-info-synopsis input[type="password"], .form:not(.form--no-form) div.filmpagina-info-cover input[type="password"], .form:not(.form--no-form) div.search div.main input[type="password"], div.search .form:not(.form--no-form) div.main input[type="password"], .form:not(.form--no-form) div.col input[type="email"], .form:not(.form--no-form) body div.width-880 input[type="email"], body .form:not(.form--no-form) div.width-880 input[type="email"], .form:not(.form--no-form) body div.width-610 input[type="email"], body .form:not(.form--no-form) div.width-610 input[type="email"], .form:not(.form--no-form) div#filmlijst-rechts input[type="email"], .form:not(.form--no-form) div.filmpagina-info-synopsis input[type="email"], .form:not(.form--no-form) div.filmpagina-info-cover input[type="email"], .form:not(.form--no-form) div.search div.main input[type="email"], div.search .form:not(.form--no-form) div.main input[type="email"], .form:not(.form--no-form) div.col input[type="url"], .form:not(.form--no-form) body div.width-880 input[type="url"], body .form:not(.form--no-form) div.width-880 input[type="url"], .form:not(.form--no-form) body div.width-610 input[type="url"], body .form:not(.form--no-form) div.width-610 input[type="url"], .form:not(.form--no-form) div#filmlijst-rechts input[type="url"], .form:not(.form--no-form) div.filmpagina-info-synopsis input[type="url"], .form:not(.form--no-form) div.filmpagina-info-cover input[type="url"], .form:not(.form--no-form) div.search div.main input[type="url"], div.search .form:not(.form--no-form) div.main input[type="url"], .form:not(.form--no-form) div.col input[type="file"], .form:not(.form--no-form) body div.width-880 input[type="file"], body .form:not(.form--no-form) div.width-880 input[type="file"], .form:not(.form--no-form) body div.width-610 input[type="file"], body .form:not(.form--no-form) div.width-610 input[type="file"], .form:not(.form--no-form) div#filmlijst-rechts input[type="file"], .form:not(.form--no-form) div.filmpagina-info-synopsis input[type="file"], .form:not(.form--no-form) div.filmpagina-info-cover input[type="file"], .form:not(.form--no-form) div.search div.main input[type="file"], div.search .form:not(.form--no-form) div.main input[type="file"], .form:not(.form--no-form) div.col input[type="number"], .form:not(.form--no-form) body div.width-880 input[type="number"], body .form:not(.form--no-form) div.width-880 input[type="number"], .form:not(.form--no-form) body div.width-610 input[type="number"], body .form:not(.form--no-form) div.width-610 input[type="number"], .form:not(.form--no-form) div#filmlijst-rechts input[type="number"], .form:not(.form--no-form) div.filmpagina-info-synopsis input[type="number"], .form:not(.form--no-form) div.filmpagina-info-cover input[type="number"], .form:not(.form--no-form) div.search div.main input[type="number"], div.search .form:not(.form--no-form) div.main input[type="number"], .form:not(.form--no-form) div.col input[type="tel"], .form:not(.form--no-form) body div.width-880 input[type="tel"], body .form:not(.form--no-form) div.width-880 input[type="tel"], .form:not(.form--no-form) body div.width-610 input[type="tel"], body .form:not(.form--no-form) div.width-610 input[type="tel"], .form:not(.form--no-form) div#filmlijst-rechts input[type="tel"], .form:not(.form--no-form) div.filmpagina-info-synopsis input[type="tel"], .form:not(.form--no-form) div.filmpagina-info-cover input[type="tel"], .form:not(.form--no-form) div.search div.main input[type="tel"], div.search .form:not(.form--no-form) div.main input[type="tel"], .form:not(.form--no-form) div.col input[type="date"], .form:not(.form--no-form) body div.width-880 input[type="date"], body .form:not(.form--no-form) div.width-880 input[type="date"], .form:not(.form--no-form) body div.width-610 input[type="date"], body .form:not(.form--no-form) div.width-610 input[type="date"], .form:not(.form--no-form) div#filmlijst-rechts input[type="date"], .form:not(.form--no-form) div.filmpagina-info-synopsis input[type="date"], .form:not(.form--no-form) div.filmpagina-info-cover input[type="date"], .form:not(.form--no-form) div.search div.main input[type="date"], div.search .form:not(.form--no-form) div.main input[type="date"], .form:not(.form--no-form) div.col input[type="datetime-local"], .form:not(.form--no-form) body div.width-880 input[type="datetime-local"], body .form:not(.form--no-form) div.width-880 input[type="datetime-local"], .form:not(.form--no-form) body div.width-610 input[type="datetime-local"], body .form:not(.form--no-form) div.width-610 input[type="datetime-local"], .form:not(.form--no-form) div#filmlijst-rechts input[type="datetime-local"], .form:not(.form--no-form) div.filmpagina-info-synopsis input[type="datetime-local"], .form:not(.form--no-form) div.filmpagina-info-cover input[type="datetime-local"], .form:not(.form--no-form) div.search div.main input[type="datetime-local"], div.search .form:not(.form--no-form) div.main input[type="datetime-local"], .form:not(.form--no-form) div.col textarea, .form:not(.form--no-form) body div.width-880 textarea, body .form:not(.form--no-form) div.width-880 textarea, .form:not(.form--no-form) body div.width-610 textarea, body .form:not(.form--no-form) div.width-610 textarea, .form:not(.form--no-form) div#filmlijst-rechts textarea, .form:not(.form--no-form) div.filmpagina-info-synopsis textarea, .form:not(.form--no-form) div.filmpagina-info-cover textarea, .form:not(.form--no-form) div.search div.main textarea, div.search .form:not(.form--no-form) div.main textarea, .form:not(.form--no-form) div.col .heading, .form:not(.form--no-form) body div.width-880 .heading, body .form:not(.form--no-form) div.width-880 .heading, .form:not(.form--no-form) body div.width-610 .heading, body .form:not(.form--no-form) div.width-610 .heading, .form:not(.form--no-form) div#filmlijst-rechts .heading, .form:not(.form--no-form) div.filmpagina-info-synopsis .heading, .form:not(.form--no-form) div.filmpagina-info-cover .heading, .form:not(.form--no-form) div.search div.main .heading, div.search .form:not(.form--no-form) div.main .heading, .form:not(.form--no-form) div.col label, .form:not(.form--no-form) body div.width-880 label, body .form:not(.form--no-form) div.width-880 label, .form:not(.form--no-form) body div.width-610 label, body .form:not(.form--no-form) div.width-610 label, .form:not(.form--no-form) div#filmlijst-rechts label, .form:not(.form--no-form) div.filmpagina-info-synopsis label, .form:not(.form--no-form) div.filmpagina-info-cover label, .form:not(.form--no-form) div.search div.main label, div.search .form:not(.form--no-form) div.main label, .form:not(.form--no-form) div.col select, .form:not(.form--no-form) body div.width-880 select, body .form:not(.form--no-form) div.width-880 select, .form:not(.form--no-form) body div.width-610 select, body .form:not(.form--no-form) div.width-610 select, .form:not(.form--no-form) div#filmlijst-rechts select, .form:not(.form--no-form) div.filmpagina-info-synopsis select, .form:not(.form--no-form) div.filmpagina-info-cover select, .form:not(.form--no-form) div.search div.main select, div.search .form:not(.form--no-form) div.main select, .form:not(.form--no-form) div.grid input[type="text"], .form:not(.form--no-form) div.grid input[type="password"], .form:not(.form--no-form) div.grid input[type="email"], .form:not(.form--no-form) div.grid input[type="url"], .form:not(.form--no-form) div.grid input[type="file"], .form:not(.form--no-form) div.grid input[type="number"], .form:not(.form--no-form) div.grid input[type="tel"], .form:not(.form--no-form) div.grid input[type="date"], .form:not(.form--no-form) div.grid input[type="datetime-local"], .form:not(.form--no-form) div.grid textarea, .form:not(.form--no-form) div.grid .heading, .form:not(.form--no-form) div.grid label, .form:not(.form--no-form) div.grid select { width: 100%; }

.general-form:not(.form--no-form) div.grid input, .general-form:not(.form--no-form) div.grid textarea, .general-form:not(.form--no-form) div.grid label, .general-form:not(.form--no-form) div.grid select, .general-form:not(.form--no-form) div.grid .select, .general-form:not(.form--no-form) div.grid div.sub, .form:not(.form--no-form) div.grid input, .form:not(.form--no-form) div.grid textarea, .form:not(.form--no-form) div.grid label, .form:not(.form--no-form) div.grid select, .form:not(.form--no-form) div.grid .select, .form:not(.form--no-form) div.grid div.sub { margin-bottom: 0; }

.general-form:not(.form--no-form) div.grid input.error, .general-form:not(.form--no-form) div.grid textarea.error, .general-form:not(.form--no-form) div.grid label.error, .general-form:not(.form--no-form) div.grid select.error, .general-form:not(.form--no-form) div.grid .select.error, .general-form:not(.form--no-form) div.grid div.sub.error, .form:not(.form--no-form) div.grid input.error, .form:not(.form--no-form) div.grid textarea.error, .form:not(.form--no-form) div.grid label.error, .form:not(.form--no-form) div.grid select.error, .form:not(.form--no-form) div.grid .select.error, .form:not(.form--no-form) div.grid div.sub.error { --input-border-color: var(--color-red-light); }

.general-form:not(.form--no-form) div.heading, .general-form:not(.form--no-form) label span, .form:not(.form--no-form) div.heading, .form:not(.form--no-form) label span { display: inline-block; font-weight: var(--font-semibold); color: var(--body-color); margin-bottom: .5em; }

.general-form:not(.form--no-form) div.sub, .form:not(.form--no-form) div.sub { margin-bottom: 1rem; margin-top: .4em; font-size: .9em; color: var(--tone-500); }

.general-form:not(.form--no-form) small, .form:not(.form--no-form) small { color: var(--tone-500); }

.general-form:not(.form--no-form) p.text input, .general-form:not(.form--no-form) ul input, .form:not(.form--no-form) p.text input, .form:not(.form--no-form) ul input { margin-bottom: 0 !important; }

.general-form:not(.form--no-form).small, .form:not(.form--no-form).small { font-size: .8rem; }

.general-form:not(.form--no-form) div.input, .form:not(.form--no-form) div.input { position: relative; margin-bottom: 1rem; }

.general-form:not(.form--no-form) div.input input, .form:not(.form--no-form) div.input input { margin-bottom: 0; }

.general-form:not(.form--no-form) div.input.has-sub, .form:not(.form--no-form) div.input.has-sub { margin-bottom: 0; }

.general-form:not(.form--no-form) input.has-icon, .form:not(.form--no-form) input.has-icon { padding-left: 2rem; }

.general-form:not(.form--no-form) input.has-icon:focus + .input-icon, .form:not(.form--no-form) input.has-icon:focus + .input-icon { opacity: 1; color: var(--input-accent-color); }

.general-form:not(.form--no-form) input + .input-icon, .form:not(.form--no-form) input + .input-icon { transition: opacity 300ms; position: absolute; left: .5rem; top: 50%; transform: translateY(-50%); opacity: .5; color: var(--input-accent-color); }

div#breadcrumbs { white-space: nowrap; position: relative; }

@media only screen and (max-width: 739px) { div#breadcrumbs { margin-left: -10px; } }

div#breadcrumbs:after { content: ''; width: 1.8rem; height: 100%; position: absolute; right: 0; top: 0; background: linear-gradient(90deg, rgba(var(--content-bg-rgb), 0) 0%, var(--content-bg) 100%); z-index: 1; }

@media only screen and (max-width: 739px) { div#breadcrumbs.no-gradient { margin-right: -10px; } }

div#breadcrumbs.no-gradient:after { background: none; content: none; }

div#breadcrumbs .body { overflow-x: scroll; -webkit-overflow-scrolling: touch; overflow-y: hidden; padding: 0 1.8rem .3rem 0; -ms-overflow-style: none; scrollbar-width: none; }

div#breadcrumbs .body::-webkit-scrollbar { display: none; }

@media only screen and (max-width: 739px) { div#breadcrumbs .body { padding-left: 10px; } }

div#breadcrumbs .body > table { display: inline-table; }

div#breadcrumbs.vertical .body { overflow-y: scroll; max-height: 75vh; }

div#breadcrumbs.has-dropdown .body { overflow-x: initial; overflow-y: visible; }

div#breadcrumbs.has-dropdown:after { content: none; }

div#breadcrumbs ul.body { padding-top: 0; padding-bottom: 0; padding-right: 0; margin: .5em 0 .5em 0; list-style: none; line-height: 1.5; overflow-x: auto; overflow-y: visible; }

@media only screen and (min-width: 995px) { div#breadcrumbs ul.body { overflow-x: hidden; margin-bottom: .3em; } }

div#breadcrumbs ul.body > li { display: inline-block; text-overflow: ellipsis; color: var(--highlight-color); font-size: .85rem; }

div#breadcrumbs ul.body > li + li:before { content: '\f105'; display: inline-block; font-family: 'fontAwesome'; padding: 0 7px; color: var(--tone-400); }

div#breadcrumbs ul.body > li.active { color: var(--tone-500); }

div#breadcrumbs ul.body > li:last-of-type { margin-right: 1.5rem; }

div#breadcrumbs ul.body > li a { text-decoration: none; }

div#breadcrumbs ul.body > li a:hover { text-decoration: underline; }

div#breadcrumbs ul.body > li .item { display: inline-block; padding: 0 0 5px 0; }

div#breadcrumbs ul.body > li:first-of-type > a:hover { text-decoration: none; }

div#breadcrumbs ul.body > li:first-of-type > a > span { font-size: .7rem; background: var(--color-accent); color: rgba(var(--white), 1); padding: 3px 5px; border-radius: 5px; font-weight: var(--font-semibold); margin-right: .1rem; }

div.collapsible .toggle { display: none; }

div.collapsible .toggle-label { display: inline-block; cursor: pointer; }

div.collapsible .toggle-label:hover { color: #333; }

div.collapsible .toggle-label:after { content: '\f054'; font-family: 'FontAwesome'; margin-left: .9em; display: inline-block; }

div.collapsible .collapsible-content { max-height: 0px; overflow: hidden; }

div.collapsible .collapsible-content .inner { margin: .5em 0; padding: 1em; background: #f9f9f9; }

div.collapsible .collapsible-content .inner p { font-size: 1.1em; margin: .5em 0; }

div.collapsible .toggle:checked + .toggle-label + .collapsible-content { max-height: none; }

div.collapsible .toggle:checked + .toggle-label:after { transform: rotate(90deg); transform-origin: center center; }

.ondemand-filter-top { list-style: none; margin: 0; padding: 0; position: relative; margin-top: 1.5em; top: 1px; z-index: 1; }

.ondemand-filter-top li { display: inline; }

.ondemand-filter-top li a { display: inline-block; text-decoration: none !important; background: transparent; padding: 12px 12px 11px 12px; line-height: 1; font-family: "Inter", sans-serif; }

.ondemand-filter-top li a.active { background: #f7f7f7; border: solid #eee 1px; border-bottom-color: #f7f7f7; border-top-left-radius: 3px; border-top-right-radius: 3px; font-weight: bold; color: #d92100 !important; }

.ondemand-filter-top li a:not(.active):hover { color: #666 !important; }

.dropdown { position: relative; display: inline-block; }

.dropdown:hover .dropdown-content { opacity: 1; transition-delay: .25s; }

.dropdown .dropdown-trigger { cursor: pointer; }

.dropdown .dropdown-trigger:hover { color: #222; }

.dropdown .dropdown-content { transition: .2s .2s; opacity: 0; position: absolute; background-color: #f9f9f9; min-width: 120px; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2); padding: 0; z-index: 1; border-radius: 5px; overflow: hidden; }

.dropdown .dropdown-content ul { list-style: none; padding: 0; margin: 0; }

.dropdown .dropdown-content ul a { display: block; padding: 5px 18px 5px 10px; font-size: .9em; text-decoration: none !important; }

.dropdown .dropdown-content ul a:hover { background: #eee; }

.dropdown .dropdown-content ul li.is-active { font-weight: bold; }

.dropdown .dropdown-content ul li:first-of-type a { padding-top: 8px; }

.dropdown .dropdown-content ul li:last-of-type a { padding-bottom: 8px; }

div.kijkwijzer-icons { position: relative; }

div.kijkwijzer-icons a { display: inline-block; line-height: 0; }

div.bio img.profile { float: right; width: 100px; height: 100px; object-fit: cover; border-radius: 80px; margin: 0 0 .5em 1em; }

@media only screen and (min-width: 740px) { div.bio img.profile { width: 90px; height: 90px; } }

div.bio img.social { width: 28px; height: 28px; }

div.cropper-js { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.5); z-index: 99999999999; }

div.cropper-js > div { z-index: 1; background: #333; position: fixed; top: 10%; right: 10%; bottom: 10%; left: 10%; }

div.cropper-js > div div.info { position: absolute; right: 10px; top: 10px; z-index: 1; }

div.cropper-js > div div.info div { display: inline-block; font-size: 12px; background: rgba(0, 0, 0, 0.8); color: #fff; padding: 5px 8px; border-radius: 4px; margin: 5px; }

div.cropper-js > div div.buttons { position: absolute; left: 10px; top: 10px; z-index: 1; }

div.cropper-js > div div.buttons button { display: inline-block; font-size: 12px; margin: 5px; border-radius: 4px; padding: 5px 8px; background: rgba(255, 255, 255, 0.9); }

div.cropper-js > div div.buttons button:hover { background: #fff; }

div.cropper-js > div div.buttons button.green { background: #199c81; font-weight: bold; color: #fff; }

div.dropzone { border: dashed var(--tone-200) 2px; background: var(--content-bg); border-radius: 12px; font-family: "Inter", sans-serif; }

div.dropzone:hover { border-color: var(--tone-300); }

div.loader .icon { display: inline-block; position: relative; width: 64px; height: 64px; }

div.loader .icon div { box-sizing: border-box; display: block; position: absolute; width: 51px; height: 51px; margin: 6px; border: 6px solid #fff; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #4f37ff transparent transparent transparent; }

div.loader .icon div:nth-child(1) { animation-delay: -0.45s; }

div.loader .icon div:nth-child(2) { animation-delay: -0.3s; }

div.loader .icon div:nth-child(3) { animation-delay: -0.15s; }

@keyframes lds-ring { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }

div.flash { --flash-background: var(--tone-200); --flash-border-color: var(--flash-background); --flash-color: var(--tone-600); position: fixed; width: calc(100% - 1rem); bottom: .5rem; right: .5rem; border-radius: 10px; overflow: hidden; text-align: center; font-size: 17px; line-height: 1.4; padding: 25px 40px; z-index: 99999999; font-weight: var(--font-semibold); color: rgba(var(--white), 1); animation: flashSlideIn 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; opacity: 0; transform: translateY(20px) scale(0.95); }

div.flash.flash--hide { animation: flashSlideOut 0.15s cubic-bezier(0.4, 0, 1, 1) forwards; pointer-events: none; }

@keyframes flashSlideIn { from { transform: translateY(20px) scale(0.95);
    opacity: 0; }
  to { transform: translateY(0) scale(1);
    opacity: 1; } }

@keyframes flashSlideOut { from { transform: translateY(0) scale(1);
    opacity: 1; }
  to { transform: translateY(10px) scale(0.95);
    opacity: 0; } }

@media only screen and (max-width: 739px) { div.flash { padding-bottom: 30px; } }

@media only screen and (min-width: 740px) { div.flash { width: 450px; right: 1rem; bottom: 1rem; } }

@media only screen and (min-width: 995px) { div.flash { box-shadow: none; } }

div.flash:not(.flash--inherit) { background: var(--flash-background); color: var(--flash-color); border: solid var(--flash-border-color) 1px; }

div.flash a { color: inherit; }

div.flash a:hover { text-decoration: none; }

div.flash:not(.flash--sticky):after { content: ''; position: absolute; bottom: 0; left: 0; height: 3px; border-radius: 3px; width: 100%; background: #000; opacity: .2; animation: progress linear var(--duration) forwards; transform-origin: left; }

@keyframes progress { from { transform: scaleX(1); }
  to { transform: scaleX(0); } }

div.flash.flash--active { display: block !important; }

div.flash.flash--active .flash__progress { width: 100%; }

div.flash.flash--success, div.flash.flash--warning, div.flash.flash--error { border: none; }

div.flash.flash--success { --flash-background: #38e4a5; --flash-color: #10734f; }

@media only screen { html[data-theme="dark"].enable-theme div.flash.flash--success { --flash-background: #2a7258; --flash-color: #a8f3d8; } }

div.flash.flash--warning { --flash-background: #ffdf85; --flash-color: #946d00; }

@media only screen { html[data-theme="dark"].enable-theme div.flash.flash--warning { --flash-background: #a17b12; --flash-color: #ffebb3; } }

div.flash.flash--error { --flash-background: #ef3b68; --flash-color: rgba(var(--white), 1); }

@media only screen { html[data-theme="dark"].enable-theme div.flash.flash--error { --flash-background: #911a38; --flash-color: #f9b1c3; } }

div.flash.flash--info { --flash-background: var(--table-head-bg); --flash-color: var(--table-head-color); --flash-border-color: transparent; backdrop-filter: blur(30px); }

div.flash > div:nth-of-type(2) { cursor: pointer; display: block; position: absolute; padding: 10px 10px 10px 0; right: 0px; top: 50%; transform: translateY(-50%); font-size: 16px; }

@media only screen and (min-width: 995px) { div.flash { padding: 25px 35px; } }

pre.debug { position: fixed; left: 0; padding: 1rem; background: #333; color: #fff; z-index: 999999999999; white-space: pre-wrap; width: calc(100vw); }

ul.faq { margin: 1rem 0 0 0; }

ul.faq li { background: var(--tone-50); margin: 0 0 .75rem 0; padding: .5rem 2.25rem .5rem 2.25rem !important; border-radius: .5rem; }

ul.faq li .icon { left: -1.75rem !important; }

ul.faq h3 { margin: 0; padding: 0; position: relative; font-weight: var(--font-semibold); }

ul.faq h3:after { position: absolute; margin: 0; right: -1.5rem; top: 50%; translate: 0 -50%; }

ul.faq h3.collapse-toggle--open:after { transform: rotate(180deg); }

ul.menu, #filmlijst-rechts ul.menu { list-style: none; padding: 0; margin: 0; font-size: .9rem; }

ul.menu li:first-of-type a, #filmlijst-rechts ul.menu li:first-of-type a { padding-top: 0; }

ul.menu li:last-of-type a, #filmlijst-rechts ul.menu li:last-of-type a { padding-bottom: 0; }

ul.menu li a, #filmlijst-rechts ul.menu li a { text-decoration: none; display: inline-block; padding: .15rem 0; font-variation-settings: "wght" 450; }

@media only screen { html[data-theme="dark"].enable-theme ul.menu li a, html[data-theme="dark"].enable-theme #filmlijst-rechts ul.menu li a { opacity: .8; } }

ul.menu li a:hover, ul.menu li a.selected, #filmlijst-rechts ul.menu li a:hover, #filmlijst-rechts ul.menu li a.selected { text-decoration: none; color: var(--color-accent); }

@media only screen { html[data-theme="dark"].enable-theme ul.menu li a:hover, html[data-theme="dark"].enable-theme ul.menu li a.selected, html[data-theme="dark"].enable-theme #filmlijst-rechts ul.menu li a:hover, html[data-theme="dark"].enable-theme #filmlijst-rechts ul.menu li a.selected { color: inherit; opacity: 1; } }

ul.menu li a:hover:not(.selected) > .icon, ul.menu li a.selected:not(.selected) > .icon, #filmlijst-rechts ul.menu li a:hover:not(.selected) > .icon, #filmlijst-rechts ul.menu li a.selected:not(.selected) > .icon { color: var(--body-color); }

ul.menu li a.selected, #filmlijst-rechts ul.menu li a.selected { font-variation-settings: "wght" 600; }

ul.menu li a > .icon, #filmlijst-rechts ul.menu li a > .icon { margin-right: .35rem; }

.inline-ui { position: relative; top: 4px; margin-right: .5rem; }

.preview-icons { display: inline-flex; align-items: center; }

.preview-icons i { display: flex; align-items: center; justify-content: center; width: 1.7em; height: 1.7em; font-size: 1em; background: var(--tone-100); border-radius: 50%; border: 3px solid var(--body-bg); outline: 1px solid var(--tone-200); margin-left: -0.35em; padding: 0.75em; }

@media only screen { html[data-theme="dark"].enable-theme .preview-icons i { color: var(--tone-500) !important; } }

.preview-icons i:first-child { margin-left: 0; z-index: 4; }

.preview-icons i:nth-child(2) { z-index: 3; }

.preview-icons i:nth-child(3) { z-index: 2; }

.preview-icons i:nth-child(4) { z-index: 1; }

.preview-icons__count { display: flex; align-items: center; justify-content: center; height: 2.1em; padding: 0 0.55em; font-size: 0.7em; font-weight: 700; color: color-mix(in srgb, var(--color-purple) 80%, var(--tone-400)); background: color-mix(in srgb, var(--color-purple) 8%, var(--body-bg)); border-radius: 1em; border: 3px solid var(--body-bg); margin-left: 0.4em; }

@media only screen { html[data-theme="dark"].enable-theme .preview-icons__count { color: var(--tone-600); background: var(--tone-300); } }

.item-list .preview-icons { margin-left: .1em; margin-top: .1em; }

.table { font-size: .9rem; border-collapse: collapse; border-radius: 5px; border: 0; }

.table.full { width: 100%; }

@media only screen and (max-width: 739px) { .table { font-size: .9em; } }

.table td, .table tr { border: 0; }

.table th, .table td { line-height: 1.5; padding: 12px; }

.table th { padding-top: 15px; padding-bottom: 15px; background: var(--table-head-bg); color: var(--table-head-color); font-family: "Inter", sans-serif; font-weight: var(--font-semibold); }

.table.narrow th, .table.narrow td { padding: 10px; }

.table.secondary th { background: #65eab9; color: #0e6a48; }

@media only screen { html[data-theme="dark"].enable-theme .table.secondary th { background: var(--tone-200); color: var(--body-color); } }

.table.light thead tr { background: transparent; }

.table.light th { background: transparent; color: var(--tone-600); }

.table tfoot th, .table.secondary tfoot th { background: var(--tone-300); color: var(--tone-700); }

.table.gray th { background: #e5e5e5; color: #727272; }

.table tr:nth-child(even) { background: var(--list-even-bg); }

.table tr:nth-child(odd) { background: var(--list-odd-bg); }

.table tr.hover { cursor: pointer; }

.table tr.hover:hover { background: #f1f1f1; }

.table tr.hidden { display: none; }

.table tr.expand { cursor: pointer; color: #0e6a48; background: #65eab9; }

.table tr.expand:hover { background: #7bedc3; }

.table.outlined tbody { background: transparent; border-radius: 8px; box-shadow: 0 0 0 1px var(--tone-200); overflow: hidden !important; }

.table.no-background tr { background: none; }

.table td a:not(.label-filter):not(.tag) { text-decoration: none !important; font-weight: bold !important; }

.table td a:not(.label-filter):not(.tag):hover { text-decoration: underline !important; }

.table:not(.has-footer) tr:last-child td:first-child { border-bottom-left-radius: 8px; }

.table:not(.has-footer) tr:last-child td:last-child { border-bottom-right-radius: 8px; }

.table thead tr:first-child th:first-child { border-top-left-radius: 8px; }

.table thead tr:first-child th:last-child { border-top-right-radius: 8px; }

.table.no-head tr:first-child td:first-child, .table.light tr:first-child td:first-child { border-top-left-radius: 8px; }

.table.no-head tr:first-child td:last-child, .table.light tr:first-child td:last-child { border-top-right-radius: 8px; }

.table img.inline { height: 2em; width: 50px; object-fit: scale-down; }

.table input[type="text"] { width: 100%; padding: 7px; }

.table.table--user-info tr > td:first-of-type { width: 55%; }

@media only screen and (min-width: 995px) { .table.table--user-info tr > td:first-of-type { width: 65%; } }

.table.edit { width: 100%; max-width: 100%; table-layout: fixed; }

.table.edit input, .table.edit textarea, .table.edit .tagify { border: solid var(--input-border-color) 1px; border-radius: 5px; }

.table.edit .tagify { padding: .32px; }

.table.edit input, .table.edit textarea { padding: 10px 8px; }

.table.edit input:disabled, .table.edit input:read-only, .table.edit textarea:disabled, .table.edit textarea:read-only { background: var(--input-disabled-bg); border-color: var(--input-disabled-border-color); color: var(--input-disabled-color); }

.table.edit input.micro { width: 35px; }

.table.edit input.tiny { width: 80px; }

.table.edit input.small { width: 130px; }

.table.edit input.medium { width: 230px; }

.table.edit input.large { width: 100%; }

.table.edit input.has-counter { padding-right: 75px; }

.table.edit .count-chars { position: absolute; right: 12px; top: 14px; bottom: 14px; width: 70px; border-top: none; border-right: none; border-bottom: none; text-align: center; }

.table.edit textarea { width: 100%; }

.table.edit td { position: relative; max-width: 100%; }

.table.edit tr td { width: 100%; }

.table.edit tr td:not([colspan]):first-of-type { font-weight: bold; white-space: nowrap; width: 120px; }

.table.edit .collapsible .inner > table.edit { table-layout: initial; }

.table.edit .collapsible .inner > table.edit > tbody > tr { background: none; }

.table.edit .collapsible .inner > table.edit > tbody > tr > td { border-radius: 0 !important; }

.table.edit .collapsible .inner { background: none; }

.table.legend, .table.legend th, .table.legend td { border: none; }

.table.legend dl { white-space: pre-wrap; max-width: 250px; word-wrap: break-word; }

.table.legend dd { margin-left: 2em; }

.table.legend tr td { white-space: pre-wrap; }

.table.legend pre { margin: 0; }

.table.legend pre[data-is-shortcode] { cursor: pointer; font-size: 115%; }

.table.legend pre[data-is-shortcode]:hover { color: #000; }

.table.legend tbody tr { border: solid #eee 1px; }

.table code { background-color: var(--tone-100); color: #f14668; font-size: .875em; font-weight: 400; padding: .25em .5em .25em; }

.table input.has-icon { padding-left: 2rem; }

.table input.has-icon:focus + .input-icon { opacity: 1; }

.table input + .input-icon { position: absolute; left: .5rem; top: 50%; transform: translateY(-50%); opacity: .5; }

table.data-table { background: var(--tone-50); border-collapse: collapse; border: solid var(--tone-100) 1px; }

table.data-table thead { background: var(--tone-200); font-size: .65rem; }

table.data-table th { padding: 5px; }

table.data-table td { padding: 3px 0; }

table.data-table td input, table.data-table td select { font-size: .65rem; }

table.data-table tr:nth-child(even) { background: var(--tone-100); }

table.data-table tr:nth-child(even) input { border-color: var(--input-border-color); }

table.data-table.large td input, table.data-table.large td select { font-size: .8rem; }

.card-container { display: flex; flex-wrap: wrap; padding: 0; margin: 0; }

.card-container > .card { width: 50%; padding: 1em .5em; width: 95%; margin: 0 auto; }

@media only screen and (min-width: 740px) { .card-container > .card { margin: 0; padding: .75em; max-width: none; width: 33.333%; } }

@media only screen and (min-width: 740px) { .card-container.card-count-1 > .card, .card-container.card-count-2 > .card { width: 40%; } }

.card-container.card-count-1, .card-container.card-count-2 { justify-content: center; }

.card { display: flex; padding: 0; font-size: .95rem; line-height: 1.4; z-index: 1; }

.card .card-content { box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05); border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; padding: 0; width: 100%; position: relative; }

.card .card-content:not([class*="background-vod-"]) { box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08); color: var(--tone-500); }

@media only screen { html[data-theme="dark"].enable-theme .card .card-content:not([class*="background-vod-"]) { background: var(--tone-100); } }

.card .card-content > div { z-index: 1; padding: 18px; }

@media only screen and (min-width: 740px) { .card .card-content > div { padding: 18px 12px; } }

.card .card-content .card-heading { z-index: 1; text-align: center; }

.card .card-content .card-heading h3 { margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.card .card-content .card-heading h3, .card .card-content .card-heading h3 a { font-size: 1.1em !important; }

@media only screen and (min-width: 740px) { .card .card-content .card-heading h3, .card .card-content .card-heading h3 a { font-size: 1.05em !important; } }

.card .card-content .card-status { text-align: center; padding-bottom: 0; font-size: .9rem; }

.card .card-content .card-status > span, .card .card-content .card-status > a { display: inline-block; border-radius: 15px; padding: 4px 10px; text-decoration: none; }

.card .card-content .card-status > a { transition: transform 200ms; }

.card .card-content .card-status > a:hover { transform: scale(1.03); }

.card .card-content .card-status.success > span, .card .card-content .card-status.success > a { color: #199c81 !important; }

.card .card-content .card-details { font-size: .95em; text-align: center; flex-grow: 1; height: 100%; padding-bottom: 0; }

.card .card-content .card-details:empty { padding: 0; display: none; }

.card .card-content .card-footer { text-align: center; }

.card .card-content .card-footer .cta { margin: .20rem 0 .75rem 0; line-height: 1; }

ul.articles { padding: 0; margin-top: 1em; margin-bottom: 1.5em; display: flex; flex-direction: column; }

@media only screen and (min-width: 740px) { ul.articles.vertical.columns-2 { margin: 0 -10px; flex-wrap: wrap; flex-direction: row; }
  ul.articles.vertical.columns-2 li { flex-basis: calc(50% - 20px); margin: 10px; }
  ul.articles.vertical.columns-2 li a { margin: 0; } }

@media only screen and (min-width: 740px) { ul.articles.horizontal { margin: 0 -5px; flex-wrap: wrap; flex-direction: row; }
  ul.articles.horizontal.columns-3 li { flex-basis: calc(33% - 8px); }
  ul.articles.horizontal.columns-4 li { flex-basis: calc(25% - 10px); }
  ul.articles.horizontal li { flex-grow: 1; flex-shrink: 1; padding-right: 0; margin: 5px; }
  ul.articles.horizontal li.no-grow { flex-grow: 0; }
  ul.articles.horizontal li.full-width.homepage { flex-basis: 100%; }
  ul.articles.horizontal li > a { flex-direction: column; padding: 2.5px; margin: 0; }
  ul.articles.horizontal li > a div:first-of-type { width: 100%; margin-right: 0; margin-bottom: .2em; }
  ul.articles.horizontal li > a div:first-of-type img { height: 140px; }
  ul.articles.horizontal li > a > div:nth-of-type(2) div.meta { margin-top: auto; } }

ul.articles li { list-style: none; overflow: hidden; word-break: break-word; }

ul.articles li:last-of-type a { margin-bottom: 0; }

ul.articles li > a > div > img { background: var(--tone-100); }

@media only screen and (min-width: 740px) { ul.articles li.full-width.homepage > a { position: relative; overflow: hidden; }
  ul.articles li.full-width.homepage > a > div:first-of-type { margin: 0; width: 100%; height: 100%; }
  ul.articles li.full-width.homepage > a > div:first-of-type img { height: 100%; aspect-ratio: 16/9; position: relative; z-index: 1; }
  ul.articles li.full-width.homepage > a > div:first-of-type:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(transparent, 50%, rgba(4, 0, 30, 0.8)); z-index: 2; border-radius: 5px; }
  ul.articles li.full-width.homepage > a > div:nth-of-type(2) { z-index: 3; position: absolute; padding: 1.25rem 2.5rem 1.25rem 1.25rem; bottom: 0; }
  ul.articles li.full-width.homepage > a > div:nth-of-type(2) h3 { font-size: 1.35rem; margin-bottom: .4rem; font-weight: var(--font-bold); }
  ul.articles li.full-width.homepage > a span, ul.articles li.full-width.homepage > a h3, ul.articles li.full-width.homepage > a div { color: #fff !important; }
  ul.articles li.full-width.homepage > a span.time, ul.articles li.full-width.homepage > a h3.time, ul.articles li.full-width.homepage > a div.time { opacity: .75; } }

@media only screen and (max-width: 739px) { ul.articles li.full-width > a { flex-direction: column; position: relative; margin-top: 0; background: #555; overflow: hidden; }
  ul.articles li.full-width > a > div:first-of-type { margin: 0; width: 100%; }
  ul.articles li.full-width > a > div:first-of-type img { height: 100%; min-height: 280px; aspect-ratio: 16/9; position: relative; z-index: 1; }
  ul.articles li.full-width > a > div:first-of-type:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(transparent, 50%, rgba(4, 0, 30, 0.8)); z-index: 2; }
  ul.articles li.full-width > a > div:nth-of-type(2) { z-index: 3; position: absolute; padding: .9rem; bottom: 0; }
  ul.articles li.full-width > a > div:nth-of-type(2) h3 { font-size: 1.2rem; font-weight: var(--font-bold); }
  ul.articles li.full-width > a span, ul.articles li.full-width > a h3, ul.articles li.full-width > a div { color: #fff !important; }
  ul.articles li.full-width > a span.time, ul.articles li.full-width > a h3.time, ul.articles li.full-width > a div.time { opacity: .75; } }

ul.articles li > a { display: flex; height: 100%; margin: .5rem 0; text-decoration: none !important; border-radius: 5px; transition: all .2s ease; }

@media only screen and (min-width: 995px) { ul.articles li > a:hover { opacity: .85; } }

ul.articles li > a > div:first-of-type { margin-right: .75em; width: 120px; align-self: center; position: relative; }

ul.articles li > a > div:first-of-type > span { position: absolute; line-height: 1; top: 4px; right: 4px; background: linear-gradient(90deg, rgba(200, 81, 12, 0.8), rgba(200, 50, 12, 0.8)); color: rgba(var(--white), 0.9); z-index: 2; font-size: 13px; font-weight: var(--font-semibold); border-radius: 5px; padding: 6px 8px; text-shadow: none; }

ul.articles li > a > div:first-of-type > span.featured { border-radius: 999px; }

ul.articles li > a > div:first-of-type > span.accent { font-size: 12px; background: linear-gradient(90deg, rgba(79, 55, 255, 0.8), rgba(55, 64, 255, 0.8)); }

ul.articles li > a > div:first-of-type > span.bottom { top: auto; bottom: 4px; }

ul.articles li > a > div:first-of-type img { display: block; border-radius: 5px; object-fit: cover; width: 100%; height: 110px; }

@media only screen and (min-width: 740px) { ul.articles li > a > div:first-of-type { width: 150px; margin-right: 1em; } }

ul.articles li > a > div:nth-of-type(2) { flex: 1; font-size: .9em; display: flex; flex-direction: column; }

@media only screen and (min-width: 740px) { ul.articles li > a > div:nth-of-type(2) { padding: .2em 0; } }

ul.articles li > a > div:nth-of-type(2) span.article-tag { display: block; line-height: 1.5; font-size: .85em; font-weight: var(--font-semibold); color: var(--highlight-color); margin-bottom: .23em; }

ul.articles li > a > div:nth-of-type(2) span.article-tag a { text-decoration: none !important; }

@media only screen and (min-width: 740px) { ul.articles li > a > div:nth-of-type(2) span.article-tag { font-size: .9em; } }

ul.articles li > a > div:nth-of-type(2) h3 { margin: 0 0 .23em 0; font-family: inherit; font-size: .9rem; line-height: 1.4; font-weight: var(--font-semibold); }

ul.articles li > a > div:nth-of-type(2) div.meta { color: var(--tone-400); font-size: .85em; margin-top: auto; line-height: 1.5; }

ul.articles li > a > div:nth-of-type(2) div.meta div { margin: .35em 0; }

@media only screen and (min-width: 740px) { ul.articles li > a > div:nth-of-type(2) div.meta div { margin: .8em 0; } }

ul.articles li > a > div:nth-of-type(2) div.meta div:only-child { margin: 0; }

ul.articles li > a > div:nth-of-type(2) div.meta div:last-child { margin-bottom: 0; }

ul.articles li > a > div:nth-of-type(2) div.meta div:first-child { margin-top: 0; }

ul.articles li > a > div:nth-of-type(2) div.meta .rating-stars { line-height: 1; font-size: .7em; }

.navbar { margin: 2em auto 1.5em auto; text-align: center; }

.navbar .nav { display: flex; justify-content: center; list-style: none; padding: 0; overflow: hidden; line-height: 1; }

.navbar .nav li:nth-child(1) .item { border-top-left-radius: 8px; border-bottom-left-radius: 8px; margin-left: 0; }

.navbar .nav li:last-child .item { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }

.navbar .nav .item { border: solid var(--tone-200) 1px; white-space: nowrap; margin-left: -1px; text-decoration: none !important; display: block; position: relative; text-align: center; font-weight: bold; color: var(--tone-500) !important; font-size: .8rem; padding: 10px; }

@media only screen and (min-width: 375px) { .navbar .nav .item { font-size: .85rem; } }

@media only screen and (min-width: 740px) { .navbar .nav .item { padding: 12px; font-size: .85rem; min-width: 40px; } }

.navbar .nav .item:not(.dots):hover { background: var(--tone-50); }

.navbar .nav .item.active { font-weight: bold; z-index: 1; border-color: #6ceca7; background: #6ceca7; color: #107c42 !important; }

.navbar .nav .item.active:hover { background: #6ceca7; }

.navbar .nav .item.prev, .navbar .nav .item.next { background: var(--tone-100); font-weight: var(--font-semibold); }

.navbar .nav .item.prev i, .navbar .nav .item.next i { font-size: .75em; position: relative; bottom: 0px; }

.navbar .nav .item.prev:hover, .navbar .nav .item.next:hover { background: var(--tone-200); }

.navbar .nav .item.prev span, .navbar .nav .item.next span { display: none; }

@media only screen and (max-width: 739px) { .navbar .nav .item.prev span, .navbar .nav .item.next span { display: none; } }

@media only screen and (max-width: 739px) { .navbar .nav .item.prev.has-next span { display: none; } }

.navbar .nav .dots { display: none; position: relative; }

@media only screen and (min-width: 320px) { .navbar .nav .dots { display: block; } }

.nav { font-size: 16px; --nav-font-size-small: 14px; --nav-font-size-tiny: 11px; --nav-gap: 0.625em; --nav-radius-large: 0.75em; --nav-radius-medium: 0.625em; --nav-radius-small: 0.5em; --nav-radius-tiny: 0.1875em; --nav-link-color: var(--tone-700); --nav-submenu-color: var(--tone-700); --nav-muted-color: var(--tone-400); --nav-muted-hover-color: var(--tone-500); --nav-arrow-color: var(--tone-500); --nav-mobile-font-size: 17px; --nav-mobile-font-size-submenu: 16px; --nav-mobile-padding: 0.75em 1.25em; --nav-mobile-padding-submenu: 0.625em 1.25em 0.625em 1.875em; --nav-mobile-indent-nested: 2.8125em; --nav-mobile-submenu-bg: var(--tone-50); --nav-mobile-submenu-bg-nested: var(--tone-100); --nav-mobile-tap-highlight: rgba(0, 0, 0, 0.08); --nav-desktop-font-size: 14px; --nav-desktop-font-size-submenu: 15px; --nav-desktop-padding-submenu: 0.4375em 1.25em 0.4375em 0.625em; --nav-desktop-submenu-hover-bg: var(--tone-50); --nav-desktop-border-color: var(--tone-200); position: relative; height: 51px; display: flex; align-items: center; }

@media only screen and (max-width: 994px) { .nav { position: static; height: auto; } }

@media only screen and (max-width: 994px) { body.search .nav { min-height: 0; } }

.nav__toggle { display: none; width: 2.75em; height: 2.75em; padding: 0; background: transparent; border: none; cursor: pointer; z-index: 1000000000; }

@media only screen and (max-width: 994px) { .nav__toggle { display: flex; align-items: center; justify-content: center; } }

.nav__toggle:focus { outline: none; }

.nav__toggle:focus-visible { outline: 2px solid var(--highlight-color); outline-offset: 2px; border-radius: 4px; }

.nav__toggle--active .nav__hamburger { background-color: transparent; }

.nav__toggle--active .nav__hamburger::before { background-color: var(--header-color); transform: translateY(7px) rotate(45deg); }

.nav__toggle--active .nav__hamburger::after { background-color: var(--header-color); transform: translateY(-7px) rotate(-45deg); }

.nav__hamburger { display: block; position: relative; width: 24px; height: 2px; background-color: var(--header-color); border-radius: 2px; transition: background-color 200ms ease; }

.nav__hamburger::before, .nav__hamburger::after { content: ''; position: absolute; left: 0; width: 100%; height: 2px; background-color: var(--header-color); border-radius: 2px; transition: transform 200ms ease, opacity 200ms ease, background-color 200ms ease; }

.nav__hamburger::before { top: -7px; }

.nav__hamburger::after { bottom: -7px; }

.nav__menu { display: flex; list-style: none; margin: 0; padding: 0; height: 51px; line-height: 51px; }

@media only screen and (max-width: 994px) { .nav__menu { flex-direction: column; position: absolute; top: 65px; left: 0; right: 0; max-height: calc(100vh - 70px - 1rem); max-height: calc(100dvh - 70px - 1rem); height: auto; line-height: 1; background: var(--content-bg); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); border-radius: var(--nav-radius-large); overflow-y: auto; overscroll-behavior: contain; z-index: 999999999; padding: 0.75rem 0 1.25em; padding-bottom: calc(1.25rem + env(safe-area-inset-bottom)); visibility: hidden; opacity: 0; transform: translateY(-8px) scale(0.98); pointer-events: none; } }

@media only screen and (max-width: 994px) { .nav__menu--open { visibility: visible; opacity: 1; transform: translateY(0) scale(1); pointer-events: auto; transition: opacity 220ms cubic-bezier(0.2, 0, 0, 1), transform 220ms cubic-bezier(0.2, 0, 0, 1), visibility 0ms; } }

@media only screen and (max-width: 994px) { .nav__menu--closing { transition: opacity 180ms ease-in, transform 180ms ease-in, visibility 0ms 180ms; } }

.nav__backdrop { position: fixed; top: 65px; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); z-index: 999999998; visibility: hidden; opacity: 0; pointer-events: none; }

.nav__backdrop--visible { visibility: visible; opacity: 1; pointer-events: auto; transition: opacity 250ms ease-out, visibility 0ms; }

.nav__backdrop--closing { transition: opacity 150ms ease-in, visibility 0ms 150ms; }

.nav__item { position: relative; display: block; float: left; }

@media only screen and (max-width: 994px) { .nav__item { float: none; width: 100%; } }

.nav__item > a { display: block; padding: 0 0.08em; line-height: 51px; text-decoration: none !important; font-weight: var(--font-semibold); font-size: var(--nav-desktop-font-size); color: var(--header-color); border-radius: 0; }

.nav__item > a:visited, .nav__item > a:hover, .nav__item > a:active { text-decoration: none !important; }

.nav__item > a > span { display: inline-block; padding: 5px 10px; line-height: 1.4; border-radius: var(--nav-radius-medium); transition: background-color 200ms ease; }

.nav__item > a img, .nav__item > a .ui, .nav__item > a .user-icon { vertical-align: middle; margin-right: 0.5em; display: inline-block; }

.nav__item > a > i, .nav__item > a > svg { margin-right: .25em; }

@media only screen and (max-width: 994px) { .nav__item > a { display: flex; align-items: center; padding: var(--nav-mobile-padding); line-height: 1.4; font-size: var(--nav-mobile-font-size); font-weight: 600; color: var(--nav-link-color); -webkit-tap-highlight-color: var(--nav-mobile-tap-highlight); }
  .nav__item > a > span { padding: 0; vertical-align: middle; }
  .nav__item > a:focus-visible { outline: 2px solid var(--highlight-color); outline-offset: -2px; } }

.nav__item .nav__preview { padding-left: 1.5em; display: inline-flex; align-items: center; transition: opacity 0.15s ease-out; }

@media (max-width: 330px) { .nav__item .nav__preview { padding-left: 0.5em; } }

.nav__item.nav__item--open .nav__preview { opacity: 0; }

@media only screen and (min-width: 995px) { .nav__item:hover > a > span, .nav__item:focus-within > a > span { background: rgba(255, 255, 255, 0.1); } }

@media only screen and (min-width: 995px) { html[data-theme="dark"].enable-theme .nav__item:hover > a > span, html[data-theme="dark"].enable-theme .nav__item:focus-within > a > span { background: var(--tone-100); } }

@media only screen and (min-width: 995px) { .nav__item--active > a > span { background: rgba(255, 255, 255, 0.1); } }

@media only screen and (min-width: 995px) { html[data-theme="dark"].enable-theme .nav__item--active > a > span { background: var(--tone-100); } }

@media only screen and (min-width: 995px) { .nav__item--theme-toggle { margin-left: .1em; } }

@media only screen and (max-width: 994px) { .nav__item--privacy { margin-top: 1rem !important; text-align: center; }
  .nav__item--privacy > a { display: inline-block !important; font-size: var(--nav-font-size-small) !important; font-weight: normal !important; color: var(--nav-muted-color) !important; padding: 0.5em 1em !important; }
  .nav__item--privacy > a i { opacity: 0.7; }
  .nav__item--privacy > a:hover { color: var(--nav-muted-hover-color) !important; } }

@media only screen and (max-width: 994px) { .nav__item--open > .nav__submenu { opacity: 1; pointer-events: auto; }
  .nav__item--open > .nav__submenu .nav__submenu { pointer-events: none; }
  .nav__item--open > .nav__submenu .nav__item--open > .nav__submenu { pointer-events: auto; } }

.nav__submenu { list-style: none; margin: 0; padding: 0; }

@media only screen and (min-width: 995px) { .nav__submenu { position: absolute; top: 100%; left: 0; margin-top: -5px; min-width: 15em; background: var(--content-bg); box-shadow: 0 0px 12px rgba(0, 0, 0, 0.1); border: solid var(--nav-desktop-border-color) 1px; border-radius: var(--nav-radius-medium); padding: var(--nav-radius-tiny); z-index: 999999999; opacity: 0; visibility: hidden; transition: opacity 0s linear 0.2s, visibility 0s linear 0.2s; }
  .nav__item:hover > .nav__submenu, .nav__item:focus-within > .nav__submenu { opacity: 1; visibility: visible; transition-delay: 0s, 0s; }
  :has(> .nav__item:hover) > .nav__item:not(:hover) > .nav__submenu { transition-delay: 0s, 0s; } }

@media only screen and (max-width: 994px) { .nav__submenu { display: block; max-height: 0; overflow: hidden; opacity: 0; pointer-events: none; background: var(--nav-mobile-submenu-bg); margin: 0; padding-left: 0; transition: max-height 0.15s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1); } }

.nav__submenu li { display: block; width: 100%; padding: 0 3px; position: relative; }

.nav__submenu li:first-of-type { padding-top: 3px; }

.nav__submenu li:last-of-type { padding-bottom: 3px; }

@media only screen and (max-width: 994px) { .nav__submenu li { padding: 0; } }

.nav__submenu a { display: block; padding: var(--nav-desktop-padding-submenu); font-size: var(--nav-desktop-font-size-submenu); color: var(--nav-submenu-color); text-decoration: none; font-weight: normal; line-height: 1.3; border-radius: var(--nav-radius-small); transition: background-color 200ms ease; }

@media only screen and (min-width: 995px) { .nav__submenu a:hover { background-color: var(--nav-desktop-submenu-hover-bg); } }

@media only screen and (max-width: 994px) { .nav__submenu a { padding: var(--nav-mobile-padding-submenu); font-size: var(--nav-mobile-font-size-submenu); color: var(--nav-submenu-color); border-radius: 0; -webkit-tap-highlight-color: var(--nav-mobile-tap-highlight); } }

.nav__submenu a:focus-visible { outline: 2px solid var(--highlight-color); outline-offset: -2px; border-radius: var(--nav-radius-small); }

@media only screen and (min-width: 995px) { .nav__submenu .nav__submenu { position: absolute; top: -3px; left: 100%; margin-left: -3%; margin-top: 0; max-height: 70vh; overflow-y: auto; }
  .nav__submenu .nav__submenu::-webkit-scrollbar { height: 18px; width: 18px; background: none; border-radius: 18px; }
  .nav__submenu .nav__submenu::-webkit-scrollbar-thumb { cursor: pointer; background: none; border-radius: 18px; box-shadow: inset 0 0 18px 18px var(--tone-400); border: solid 5px transparent; }
  .nav__submenu .nav__submenu::-webkit-scrollbar-thumb:hover { box-shadow: inset 0 0 18px 18px var(--tone-500); } }

@media only screen and (min-width: 995px) { html[data-theme="dark"].enable-theme .nav__submenu .nav__submenu::-webkit-scrollbar-thumb { box-shadow: inset 0 0 18px 18px var(--tone-300); }
  html[data-theme="dark"].enable-theme .nav__submenu .nav__submenu::-webkit-scrollbar-thumb:hover { box-shadow: inset 0 0 18px 18px var(--tone-400); } }

@media only screen and (min-width: 995px) { .nav__submenu .nav__submenu::-webkit-scrollbar-track { background: none; border-radius: 18px; box-shadow: inset 0 0 18px 18px var(--tone-200); border: solid 5px transparent; } }

@media only screen and (min-width: 995px) { html[data-theme="dark"].enable-theme .nav__submenu .nav__submenu::-webkit-scrollbar-track { box-shadow: inset 0 0 18px 18px var(--tone-100); } }

@media only screen and (max-width: 994px) { .nav__submenu .nav__submenu { background: var(--nav-mobile-submenu-bg-nested); }
  .nav__submenu .nav__submenu a { padding-left: var(--nav-mobile-indent-nested); } }

.nav__item--has-submenu { position: relative; }

@media only screen and (min-width: 995px) { .nav__submenu .nav__item--has-submenu > a::after { content: '\f105'; font-family: FontAwesome; position: absolute; right: 9px; opacity: 0.6; } }

@media only screen and (max-width: 994px) { .nav__item--has-submenu > a { position: relative; padding-right: 40px; cursor: pointer; }
  .nav__item--has-submenu > a::after { content: '\f107'; font-family: FontAwesome; font-size: var(--nav-mobile-font-size); color: var(--nav-arrow-color); transition: transform 200ms ease; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }
  .nav__item--has-submenu.nav__item--open > a::after { transform: translateY(-50%) rotate(180deg); } }

.nav__item a span.label, .nav__submenu a span.label { position: relative; top: -3px; margin-left: 5px; display: inline; line-height: 1; text-shadow: none; padding: var(--nav-radius-tiny); border-radius: var(--nav-radius-tiny); font-size: var(--nav-font-size-tiny); background: #ed3415; font-weight: normal; font-family: "Inter", sans-serif; color: #fff !important; }

@media only screen and (min-width: 995px) { .nav__item a span.label, .nav__submenu a span.label { position: absolute; display: inline-block; top: 3px; right: -25px; } }

.nav__menu a.nav__link--past { color: var(--nav-muted-color); }

.nav__item--kerst > a { color: #ffb7b7; }

@media only screen and (max-width: 994px) { .nav__item--account { background: var(--tone-100); border-radius: var(--nav-radius-large); margin: 0 0.75em 0.5em !important; width: calc(100% - 1.5em) !important; }
  .nav__item--account > a { border-radius: var(--nav-radius-large); display: flex !important; align-items: center; overflow: hidden; }
  .nav__item--account > a img, .nav__item--account > a .ui, .nav__item--account > a .user-icon { flex-shrink: 0; margin-right: 0.75em; }
  .nav__item--account > a > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .nav__item--account > .nav__submenu { background: var(--tone-100); border-radius: 0 0 var(--nav-radius-large) var(--nav-radius-large); }
  .nav__item--account.nav__item--open > .nav__submenu { padding-bottom: .5em; } }

@media only screen and (max-width: 994px) { .nav__item--search { padding: 0.5em 1.25rem !important; }
  .nav__item--search > a.tag.tag--full-width { line-height: normal !important; font-weight: var(--font-semibold) !important; justify-content: center; max-width: none; margin: 0; }
  .nav__item--search > a.tag.tag--full-width .emoj, .nav__item--search > a.tag.tag--full-width i { margin-right: 0.25em; } }

@media only screen and (max-width: 994px) { .nav__item--auth-buttons { padding: 0 1.25rem 0.75rem !important; } }

.nav__auth-buttons { display: flex; gap: var(--nav-gap); }

.nav__auth-buttons a { flex: 1; justify-content: center; text-decoration: none !important; font-weight: 600; margin: 0 !important; }

.skip-link { position: fixed !important; top: -100% !important; left: 50% !important; transform: translateX(-50%); z-index: 99999 !important; background: var(--color-purple) !important; color: #fff !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); }

.skip-link:focus { top: 1rem !important; }

@media (prefers-reduced-motion: reduce) { .nav__menu, .nav__submenu, .nav__hamburger, .nav__hamburger::before, .nav__hamburger::after, .nav__item--has-submenu > a::after { animation: none !important; transition: none !important; } }

@media only screen and (max-width: 739px) { .nav__menu .hide-mobile, .nav__menu #filmlijst-rechts, .nav__menu ul.filmpagina-info-lijst, .nav__menu .filmpagina-info-synopsis, .nav__menu .filmpagina-info-cover { display: none !important; } }

@media only screen and (min-width: 740px) and (max-width: 994px) { .nav__menu .hide-tablet, .nav__menu #filmlijst-rechts { display: none !important; } }

@media only screen and (min-width: 995px) { .nav__menu .hide-desktop { display: none !important; } }

@media only screen and (max-width: 994px) { body.nav-open div[id*="-outstream-wrapper"] { z-index: 0 !important; } }

div.debug-bar { position: fixed; bottom: 0; left: 0; right: 0; background: rgba(255, 255, 255, 0.8); z-index: 999999; border-top: solid #eee 1px; padding: .25rem 0; font-size: 90%; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; }

div.debug-bar > div { padding: .25rem 0; }

div.debug-bar > div code { font-weight: bold; font-family: inherit; }

/* FILMPAGINA CONTAINER */
#container .filmpagina, .content.has-tabs { position: relative; }

@media only screen and (min-width: 995px) { #container .filmpagina, .content.has-tabs { margin-top: 50px; } }

.filmpagina-tabs-mobile-container, .top-tabs-mobile-container { margin-top: -5px; }

@media only screen and (min-width: 995px) { .filmpagina-tabs-mobile-container, .top-tabs-mobile-container { display: none !important; } }

.filmpagina-tabs-mobile-container > div.icon.hidden, .top-tabs-mobile-container > div.icon.hidden { display: none; }

.filmpagina-tabs-mobile-container.is-fixed > div.icon, .top-tabs-mobile-container.is-fixed > div.icon { display: block; position: fixed; z-index: 1001; top: 0; left: 0; padding: 0 8px 0 10px; height: 50px; line-height: 50px; background: #fff; background: linear-gradient(90deg, var(--top-tabs-bg) 0%, var(--top-tabs-bg) 80%, rgba(255, 255, 255, 0) 100%); }

.filmpagina-tabs-mobile-container.is-fixed .filmpagina-tabs-mobile, .filmpagina-tabs-mobile-container.is-fixed .top-tabs-mobile, .top-tabs-mobile-container.is-fixed .filmpagina-tabs-mobile, .top-tabs-mobile-container.is-fixed .top-tabs-mobile { z-index: 1000; top: 0; left: 0; right: 0; position: fixed; margin-left: -10px; margin-right: 0; }

.filmpagina-tabs-mobile-container.is-fixed .filmpagina-tabs-mobile.hidden, .filmpagina-tabs-mobile-container.is-fixed .top-tabs-mobile.hidden, .top-tabs-mobile-container.is-fixed .filmpagina-tabs-mobile.hidden, .top-tabs-mobile-container.is-fixed .top-tabs-mobile.hidden { display: block; }

.filmpagina-tabs-mobile, .top-tabs-mobile { background: var(--top-tabs-bg); overflow: auto; overflow-x: scroll; -webkit-overflow-scrolling: touch; overflow-y: hidden; white-space: nowrap; padding-left: 15px; margin: 0 -20px 15px -20px; box-shadow: 0 0 7px rgba(0, 0, 0, 0.2); z-index: 999; transform: translateZ(0); -ms-overflow-style: none; scrollbar-width: none; }

@media only screen and (min-width: 995px) { .filmpagina-tabs-mobile, .top-tabs-mobile { display: none; } }

.filmpagina-tabs-mobile.hidden, .top-tabs-mobile.hidden { display: none; }

@media only screen and (min-width: 740px) and (max-width: 994px) { .filmpagina-tabs-mobile, .top-tabs-mobile { margin: 0 -25px 15px -35px; } }

.filmpagina-tabs-mobile::-webkit-scrollbar, .top-tabs-mobile::-webkit-scrollbar { display: none; }

.filmpagina-tabs-mobile.has-icon ul, .top-tabs-mobile.has-icon ul { margin-left: 1.65em; }

.filmpagina-tabs-mobile ul, .top-tabs-mobile ul { list-style: none; padding: 0; margin: 0; }

.filmpagina-tabs-mobile ul li, .top-tabs-mobile ul li { display: inline-block; }

.filmpagina-tabs-mobile ul li:last-child, .top-tabs-mobile ul li:last-child { margin-right: 1em; }

.filmpagina-tabs-mobile ul li a, .top-tabs-mobile ul li a { display: inline-block; color: var(--tone-500); padding: 0 4px; line-height: 50px; height: 50px; font-size: 16px; text-decoration: none !important; margin: 0 5px; }

.filmpagina-tabs-mobile ul li a:hover, .top-tabs-mobile ul li a:hover { text-decoration: none !important; color: var(--body-color); }

.filmpagina-tabs-mobile ul li a, .filmpagina-tabs-mobile ul li span, .top-tabs-mobile ul li a, .top-tabs-mobile ul li span { border-bottom: solid transparent 2px; }

.filmpagina-tabs-mobile ul li a.selected, .filmpagina-tabs-mobile ul li span.selected, .top-tabs-mobile ul li a.selected, .top-tabs-mobile ul li span.selected { font-weight: bold; color: var(--body-color); border-bottom: solid #4f37ff 2px; }

.filmpagina-tabs, .top-tabs { position: absolute; top: -37px; left: -1px; }

.filmpagina-tabs ul, .top-tabs ul { list-style: none; padding: 0; margin: 0; line-height: 0; }

.filmpagina-tabs ul li, .top-tabs ul li { display: inline-block; }

.filmpagina-tabs ul li.selected > a, .top-tabs ul li.selected > a { background: var(--content-bg); border-color: var(--content-border-color); border-bottom-color: transparent; font-weight: var(--font-semibold); color: var(--tone-700); padding: 0 11px 0 8px; margin-right: 3px; }

.filmpagina-tabs ul li:not(.selected):hover a, .top-tabs ul li:not(.selected):hover a { color: var(--tone-700) !important; }

.filmpagina-tabs ul li a, .top-tabs ul li a { display: block; float: left; line-height: 36px; color: var(--tone-500); border-top-left-radius: 8px; border-top-right-radius: 8px; background-repeat: no-repeat; background-color: transparent; border: solid transparent 1px; font-size: 14px; padding: 0 7px 0 7px; text-decoration: none !important; }

.filmpagina-tabs ul li a i, .top-tabs ul li a i { margin-right: 2px; }

.filmpagina-tabs ul li.icon-only i, .top-tabs ul li.icon-only i { margin-right: 0; }

.filmpagina-tabs.show-desktop ul li.has-sub, .top-tabs.show-desktop ul li.has-sub { position: relative; }

.filmpagina-tabs.show-desktop ul li.has-sub > ul, .top-tabs.show-desktop ul li.has-sub > ul { z-index: 1; background: #fff; border: solid #eaeaea 1px; border-radius: 7px; position: absolute; left: 0; margin-top: 32px; display: block; opacity: 0; visibility: hidden; white-space: nowrap; }

.filmpagina-tabs.show-desktop ul li.has-sub > ul li, .top-tabs.show-desktop ul li.has-sub > ul li { display: block; }

.filmpagina-tabs.show-desktop ul li.has-sub > ul li:first-of-type a, .top-tabs.show-desktop ul li.has-sub > ul li:first-of-type a { padding-top: 14px; }

.filmpagina-tabs.show-desktop ul li.has-sub > ul li:last-of-type a, .top-tabs.show-desktop ul li.has-sub > ul li:last-of-type a { padding-bottom: 14px; }

.filmpagina-tabs.show-desktop ul li.has-sub.selected > ul, .top-tabs.show-desktop ul li.has-sub.selected > ul { margin-top: 37px; border-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; }

.filmpagina-tabs.show-desktop ul li.has-sub:hover > ul, .filmpagina-tabs.show-desktop ul li.has-sub:focus-within > ul, .filmpagina-tabs.show-desktop ul li.has-sub ul:hover, .top-tabs.show-desktop ul li.has-sub:hover > ul, .top-tabs.show-desktop ul li.has-sub:focus-within > ul, .top-tabs.show-desktop ul li.has-sub ul:hover { visibility: visible; opacity: 1; display: block; }

.filmpagina-tabs.show-desktop ul li.has-sub ul a, .top-tabs.show-desktop ul li.has-sub ul a { border: none; background: none !important; border-radius: initial; float: initial; margin: 0; line-height: 1; padding: 10px 14px; }

.filmpagina-tabs.show-desktop ul li.has-sub ul a:hover, .top-tabs.show-desktop ul li.has-sub ul a:hover { color: #666 !important; }

#header .notifications { position: absolute; top: 65px; right: 0; display: block; width: 100%; z-index: 99999999999 !important; border: solid 1px var(--border-color); border-radius: 10px; box-shadow: 0 0px 12px rgba(0, 0, 0, 0.1); }

@media only screen and (min-width: 995px) { #header .notifications { width: 520px; top: 60px; } }

#header .notifications > div { padding: 10px; }

#header .notifications .notifications__head { height: 50px; display: flex; align-items: center; border-bottom: solid var(--tone-100) 1px; box-shadow: 0 0px 12px rgba(0, 0, 0, 0.1); }

#header .notifications .notifications__head h4 { margin: 0; }

#header .notifications .notifications__body { max-height: calc(100vh - 250px); overflow-y: scroll; padding: 0; }

#header .notifications .notifications__body::-webkit-scrollbar { height: 18px; width: 18px; background: none; border-radius: 18px; }

#header .notifications .notifications__body::-webkit-scrollbar-thumb { cursor: pointer; background: none; border-radius: 18px; box-shadow: inset 0 0 18px 18px var(--tone-400); border: solid 5px transparent; }

#header .notifications .notifications__body::-webkit-scrollbar-thumb:hover { box-shadow: inset 0 0 18px 18px var(--tone-500); }

@media only screen { html[data-theme="dark"].enable-theme #header .notifications .notifications__body::-webkit-scrollbar-thumb { box-shadow: inset 0 0 18px 18px var(--tone-300); }
  html[data-theme="dark"].enable-theme #header .notifications .notifications__body::-webkit-scrollbar-thumb:hover { box-shadow: inset 0 0 18px 18px var(--tone-400); } }

#header .notifications .notifications__body::-webkit-scrollbar-track { background: none; border-radius: 18px; box-shadow: inset 0 0 18px 18px var(--tone-200); border: solid 5px transparent; }

@media only screen { html[data-theme="dark"].enable-theme #header .notifications .notifications__body::-webkit-scrollbar-track { box-shadow: inset 0 0 18px 18px var(--tone-100); } }

@media only screen and (min-width: 740px) { #header .notifications .notifications__body { max-height: 480px !important; } }

#header .notifications .notifications__body > .box { margin: 10px; }

#header .notifications .notifications__body ul li a { border-radius: 0; padding: .65rem .5rem; border-bottom: solid var(--tone-100) 1px; }

#header .notifications .notifications__body ul li:last-of-type a { border-bottom: none; }

#header .notifications .notifications__footer { border-top: solid var(--tone-100) 1px; box-shadow: 0 0px 12px rgba(0, 0, 0, 0.1); }

#content .notifications { --notifications-bg: var(--content-bg); --notifications-bg-hover: var(--tone-50); }

div.notifications { background: var(--notifications-bg); color: var(--body-color); }

div.notifications.loading { font-size: 1.5em; text-align: center; padding: 1rem; }

div.notifications .buttons { position: absolute; top: 0; right: 7px; font-size: 1.2rem; }

div.notifications .buttons > a { display: inline-block; padding: 12px 2px 7px 2px; cursor: pointer; color: var(--tone-500); }

div.notifications .buttons > a:hover { color: var(--tone-600); }

div.notifications .buttons > .refresh { display: none; }

div.notifications h4 { margin: .3em 0 .8em .1em; }

div.notifications ul { padding: 0; margin: 0; list-style: none; overflow: hidden; }

div.notifications ul li a { text-decoration: none; color: inherit; display: flex; align-items: center; flex-direction: row; font-size: .9rem; border-radius: 7px; line-height: 1.5; padding: .65em .5em; }

@media (hover: hover) and (pointer: fine) { div.notifications ul li a:hover { background: var(--notifications-bg-hover); } }

div.notifications ul li a .icon { line-height: 0; position: relative; }

div.notifications ul li a > div:nth-of-type(2) { flex-grow: 1; margin: 0 .7em; }

div.notifications ul li a .icon { display: inline; }

div.notifications ul li a [data-star] { padding: 1rem; margin-right: -1rem; color: var(--tone-300); }

div.notifications ul li a [data-star].active { color: var(--color-accent); }

@media only screen { html[data-theme="dark"].enable-theme div.notifications ul li a [data-star].active { color: var(--tone-900); } }

.pop-up { position: fixed; bottom: 0; z-index: 99999; left: 0; width: 100%; }

@media only screen and (min-width: 995px) { .pop-up { left: initial; width: 648px; margin-left: -25px; } }

.pop-up:not(.has-sticky-ad) > .box { padding: 1.25rem; }

.pop-up:not(.has-sticky-ad) > .box > p { font-size: 1.05rem; font-weight: var(--font-semibold); text-align: center; }

.pop-up:not(.has-sticky-ad) > .box > i.icon { display: none; }

.pop-up .box { position: relative; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); width: calc(100vw - 20px); margin-left: 10px; }

@media only screen and (min-width: 740px) { .pop-up .box { margin-left: auto; margin-right: auto; width: 598px; } }

@media only screen and (min-width: 995px) { .pop-up .box { max-width: none; } }

.pop-up .box .pop-up--close { cursor: pointer; position: absolute; padding: 6px; top: 0; right: 6px; color: inherit; opacity: .5; }

.pop-up .box .pop-up--close.pop-up--close--large { top: -35px; opacity: 1; padding: 0; border-radius: 999px; width: 30px; height: 30px; color: #777; background: #fff; border: solid #eee 1px; font-size: 14px; }

.pop-up .box .pop-up--close.pop-up--close--large:before { position: relative; top: 6.5px; }

.pop-up .box.box--ad { padding-left: 0; padding-right: 0; padding-top: 5px; width: 100%; margin-left: 0; margin-bottom: 0; border-radius: 0; margin-top: 36px; border: none; background: #fff; }

/*! animate.css -https://daneden.github.io/animate.css/ Version - 3.7.2 Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2019 Daniel Eden */
@-webkit-keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

@keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; }

@-webkit-keyframes flash { 0%, 50%, to { opacity: 1; }
  25%, 75% { opacity: 0; } }

@keyframes flash { 0%, 50%, to { opacity: 1; }
  25%, 75% { opacity: 0; } }

.flash { -webkit-animation-name: flash; animation-name: flash; }

@-webkit-keyframes pulse { 0% { -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes pulse { 0% { -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

.pulse { -webkit-animation-name: pulse; animation-name: pulse; }

@-webkit-keyframes rubberBand { 0% { -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes rubberBand { 0% { -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; }

@-webkit-keyframes shake { 0%, to { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

@keyframes shake { 0%, to { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

.shake { -webkit-animation-name: shake; animation-name: shake; }

@-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% { -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% { -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% { -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes headShake { 0% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% { -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% { -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% { -webkit-transform: translateX(0);
    transform: translateX(0); } }

.headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; }

@-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% { -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% { -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% { -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes swing { 20% { -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% { -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% { -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% { -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

.swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }

@-webkit-keyframes tada { 0% { -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes tada { 0% { -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

.tada { -webkit-animation-name: tada; animation-name: tada; }

@-webkit-keyframes wobble { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes wobble { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.wobble { -webkit-animation-name: wobble; animation-name: wobble; }

@-webkit-keyframes jello { 0%, 11.1%, to { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }

@keyframes jello { 0%, 11.1%, to { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }

.jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; }

@-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1);
    transform: scale(1); }
  14% { -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  28% { -webkit-transform: scale(1);
    transform: scale(1); }
  42% { -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  70% { -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes heartBeat { 0% { -webkit-transform: scale(1);
    transform: scale(1); }
  14% { -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  28% { -webkit-transform: scale(1);
    transform: scale(1); }
  42% { -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  70% { -webkit-transform: scale(1);
    transform: scale(1); } }

.heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

@-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

.bounceIn { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; }

@-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }

@-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-name: bounceOut; animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft { 20% { opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes bounceOutLeft { 20% { opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight { 20% { opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes bounceOutRight { 20% { opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  to { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  to { opacity: 1; } }

.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeInDown { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInDown { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInDownBig { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig { 0% { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInLeftBig { 0% { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight { 0% { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInRight { 0% { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig { 0% { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInRightBig { 0% { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInUpBig { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  to { opacity: 0; } }

@keyframes fadeOut { 0% { opacity: 1; }
  to { opacity: 0; } }

.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes fadeOutDown { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes fadeOutDownBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes fadeOutLeft { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes fadeOutLeftBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes fadeOutRight { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes fadeOutRightBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes fadeOutUp { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes fadeOutUpBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; }

@-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip { 0% { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; }

@-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }

@-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; }

@-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

@keyframes flipOutX { 0% { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

.flipOutX { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }

@-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

@keyframes flipOutY { 0% { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% { -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% { -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% { -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% { -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut { 0% { opacity: 1; }
  to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

@keyframes lightSpeedOut { 0% { opacity: 1; }
  to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  to { -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

@keyframes rotateIn { 0% { -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  to { -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; }
  to { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

@keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; }
  to { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  to { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

@keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  to { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  to { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

@keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  to { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  to { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

@keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  to { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to { -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

@keyframes rotateOut { 0% { -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to { -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; } }

.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

@keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% { -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to { -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

@keyframes hinge { 0% { -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% { -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to { -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge; }

@-webkit-keyframes jackInTheBox { 0% { opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  50% { -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  70% { -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  to { opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes jackInTheBox { 0% { opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  50% { -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  70% { -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  to { opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

.jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; }

@-webkit-keyframes rollIn { 0% { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes rollIn { 0% { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; }

@-webkit-keyframes rollOut { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg); } }

@keyframes rollOut { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg); } }

.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }

@-webkit-keyframes zoomIn { 0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }

@keyframes zoomIn { 0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }

.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }

@-webkit-keyframes zoomInDown { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInDown { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInLeft { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInRight { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInUp { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; }

@-webkit-keyframes zoomOut { 0% { opacity: 1; }
  50% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to { opacity: 0; } }

@keyframes zoomOut { 0% { opacity: 1; }
  50% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to { opacity: 0; } }

.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutDown { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

@keyframes zoomOutLeft { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

@keyframes zoomOutRight { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutUp { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; }

@-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }

@-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }

@-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; }

@-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes slideOutDown { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes slideOutRight { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes slideOutUp { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; }

.animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; }

.animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; }

.animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; }

.animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; }

.animated.fast { -webkit-animation-duration: .8s; animation-duration: .8s; }

.animated.faster { -webkit-animation-duration: .5s; animation-duration: .5s; }

.animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; }

.animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; }

@media (prefers-reduced-motion: reduce), (print) { .animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; } }

/*! Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */
/* FONT PATH -------------------------- */
@font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome-webfont.eot?v=4.7.0"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; font-display: block; }

.fa, .label-filter.is-loading:before, div.search .is-loading.filter:before, #container .button.button--cta:after, #header .button.button--cta:after, .container .button.button--cta:after, .button.button--cta:after, #container .button.is-loading:after, #container .button.button--is-loading:after, #header .button.is-loading:after, #header .button.button--is-loading:after, .container .button.is-loading:after, .container .button.button--is-loading:after, .button.is-loading:after, .button.button--is-loading:after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; }

.fa-2x { font-size: 2em; }

.fa-3x { font-size: 3em; }

.fa-4x { font-size: 4em; }

.fa-5x { font-size: 5em; }

.fa-fw { width: 1.28571429em; text-align: center; }

.fa-ul { padding-left: 0; margin-left: 1.65em; list-style-type: none; }

.fa-ul > li { position: relative; }

.fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; }

.fa-li.fa-lg { left: -1.85714286em; }

.fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; }

.fa-pull-left { float: left; }

.fa-pull-right { float: right; }

.fa.fa-pull-left, .fa-pull-left.label-filter.is-loading:before, div.search .fa-pull-left.is-loading.filter:before, #container .fa-pull-left.button.button--cta:after, #header .fa-pull-left.button.button--cta:after, .fa-pull-left.button.button--cta:after, #container .fa-pull-left.button.is-loading:after, #container .fa-pull-left.button.button--is-loading:after, #header .fa-pull-left.button.is-loading:after, #header .fa-pull-left.button.button--is-loading:after, .fa-pull-left.button.is-loading:after, .fa-pull-left.button.button--is-loading:after { margin-right: .3em; }

.fa.fa-pull-right, .fa-pull-right.label-filter.is-loading:before, div.search .fa-pull-right.is-loading.filter:before, #container .fa-pull-right.button.button--cta:after, #header .fa-pull-right.button.button--cta:after, .fa-pull-right.button.button--cta:after, #container .fa-pull-right.button.is-loading:after, #container .fa-pull-right.button.button--is-loading:after, #header .fa-pull-right.button.is-loading:after, #header .fa-pull-right.button.button--is-loading:after, .fa-pull-right.button.is-loading:after, .fa-pull-right.button.button--is-loading:after { margin-left: .3em; }

/* Deprecated as of 4.4.0 */
.pull-right { float: right; }

.pull-left { float: left; }

.fa.pull-left, .pull-left.label-filter.is-loading:before, div.search .pull-left.is-loading.filter:before, #container .pull-left.button.button--cta:after, #header .pull-left.button.button--cta:after, .pull-left.button.button--cta:after, #container .pull-left.button.is-loading:after, #container .pull-left.button.button--is-loading:after, #header .pull-left.button.is-loading:after, #header .pull-left.button.button--is-loading:after, .pull-left.button.is-loading:after, .pull-left.button.button--is-loading:after { margin-right: .3em; }

.fa.pull-right, .pull-right.label-filter.is-loading:before, div.search .pull-right.is-loading.filter:before, #container .pull-right.button.button--cta:after, #header .pull-right.button.button--cta:after, .pull-right.button.button--cta:after, #container .pull-right.button.is-loading:after, #container .pull-right.button.button--is-loading:after, #header .pull-right.button.is-loading:after, #header .pull-right.button.button--is-loading:after, .pull-right.button.is-loading:after, .pull-right.button.button--is-loading:after { margin-left: .3em; }

.fa-spin, .label-filter.is-loading:before, div.search .is-loading.filter:before, #container .button.is-loading:after, #container .button.button--is-loading:after, #header .button.is-loading:after, #header .button.button--is-loading:after, .container .button.is-loading:after, .container .button.button--is-loading:after, .button.is-loading:after, .button.button--is-loading:after { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; }

.fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }

.fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); }

.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); }

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; }

.fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; }

.fa-stack-1x { line-height: inherit; }

.fa-stack-2x { font-size: 2em; }

.fa-inverse { color: #ffffff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */
.fa-glass:before { content: "\f000"; }

.fa-music:before { content: "\f001"; }

.fa-search:before { content: "\f002"; }

.fa-envelope-o:before { content: "\f003"; }

.fa-heart:before { content: "\f004"; }

.fa-star:before { content: "\f005"; }

.fa-star-o:before { content: "\f006"; }

.fa-user:before { content: "\f007"; }

.fa-film:before { content: "\f008"; }

.fa-th-large:before { content: "\f009"; }

.fa-th:before { content: "\f00a"; }

.fa-th-list:before { content: "\f00b"; }

.fa-check:before { content: "\f00c"; }

.fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; }

.fa-search-plus:before { content: "\f00e"; }

.fa-search-minus:before { content: "\f010"; }

.fa-power-off:before { content: "\f011"; }

.fa-signal:before { content: "\f012"; }

.fa-gear:before, .fa-cog:before { content: "\f013"; }

.fa-trash-o:before { content: "\f014"; }

.fa-home:before { content: "\f015"; }

.fa-file-o:before { content: "\f016"; }

.fa-clock-o:before { content: "\f017"; }

.fa-road:before { content: "\f018"; }

.fa-download:before { content: "\f019"; }

.fa-arrow-circle-o-down:before { content: "\f01a"; }

.fa-arrow-circle-o-up:before { content: "\f01b"; }

.fa-inbox:before { content: "\f01c"; }

.fa-play-circle-o:before { content: "\f01d"; }

.fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; }

.fa-refresh:before { content: "\f021"; }

.fa-list-alt:before { content: "\f022"; }

.fa-lock:before { content: "\f023"; }

.fa-flag:before { content: "\f024"; }

.fa-headphones:before { content: "\f025"; }

.fa-volume-off:before { content: "\f026"; }

.fa-volume-down:before { content: "\f027"; }

.fa-volume-up:before { content: "\f028"; }

.fa-qrcode:before { content: "\f029"; }

.fa-barcode:before { content: "\f02a"; }

.fa-tag:before { content: "\f02b"; }

.fa-tags:before { content: "\f02c"; }

.fa-book:before { content: "\f02d"; }

.fa-bookmark:before { content: "\f02e"; }

.fa-print:before { content: "\f02f"; }

.fa-camera:before { content: "\f030"; }

.fa-font:before { content: "\f031"; }

.fa-bold:before { content: "\f032"; }

.fa-italic:before { content: "\f033"; }

.fa-text-height:before { content: "\f034"; }

.fa-text-width:before { content: "\f035"; }

.fa-align-left:before { content: "\f036"; }

.fa-align-center:before { content: "\f037"; }

.fa-align-right:before { content: "\f038"; }

.fa-align-justify:before { content: "\f039"; }

.fa-list:before { content: "\f03a"; }

.fa-dedent:before, .fa-outdent:before { content: "\f03b"; }

.fa-indent:before { content: "\f03c"; }

.fa-video-camera:before { content: "\f03d"; }

.fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; }

.fa-pencil:before { content: "\f040"; }

.fa-map-marker:before { content: "\f041"; }

.fa-adjust:before { content: "\f042"; }

.fa-tint:before { content: "\f043"; }

.fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; }

.fa-share-square-o:before { content: "\f045"; }

.fa-check-square-o:before { content: "\f046"; }

.fa-arrows:before { content: "\f047"; }

.fa-step-backward:before { content: "\f048"; }

.fa-fast-backward:before { content: "\f049"; }

.fa-backward:before { content: "\f04a"; }

.fa-play:before { content: "\f04b"; }

.fa-pause:before { content: "\f04c"; }

.fa-stop:before { content: "\f04d"; }

.fa-forward:before { content: "\f04e"; }

.fa-fast-forward:before { content: "\f050"; }

.fa-step-forward:before { content: "\f051"; }

.fa-eject:before { content: "\f052"; }

.fa-chevron-left:before { content: "\f053"; }

.fa-chevron-right:before { content: "\f054"; }

.fa-plus-circle:before { content: "\f055"; }

.fa-minus-circle:before { content: "\f056"; }

.fa-times-circle:before { content: "\f057"; }

.fa-check-circle:before { content: "\f058"; }

.fa-question-circle:before { content: "\f059"; }

.fa-info-circle:before { content: "\f05a"; }

.fa-crosshairs:before { content: "\f05b"; }

.fa-times-circle-o:before { content: "\f05c"; }

.fa-check-circle-o:before { content: "\f05d"; }

.fa-ban:before { content: "\f05e"; }

.fa-arrow-left:before { content: "\f060"; }

.fa-arrow-right:before { content: "\f061"; }

.fa-arrow-up:before { content: "\f062"; }

.fa-arrow-down:before { content: "\f063"; }

.fa-mail-forward:before, .fa-share:before { content: "\f064"; }

.fa-expand:before { content: "\f065"; }

.fa-compress:before { content: "\f066"; }

.fa-plus:before { content: "\f067"; }

.fa-minus:before { content: "\f068"; }

.fa-asterisk:before { content: "\f069"; }

.fa-exclamation-circle:before { content: "\f06a"; }

.fa-gift:before { content: "\f06b"; }

.fa-leaf:before { content: "\f06c"; }

.fa-fire:before { content: "\f06d"; }

.fa-eye:before { content: "\f06e"; }

.fa-eye-slash:before { content: "\f070"; }

.fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; }

.fa-plane:before { content: "\f072"; }

.fa-calendar:before { content: "\f073"; }

.fa-random:before { content: "\f074"; }

.fa-comment:before { content: "\f075"; }

.fa-magnet:before { content: "\f076"; }

.fa-chevron-up:before { content: "\f077"; }

.fa-chevron-down:before { content: "\f078"; }

.fa-retweet:before { content: "\f079"; }

.fa-shopping-cart:before { content: "\f07a"; }

.fa-folder:before { content: "\f07b"; }

.fa-folder-open:before { content: "\f07c"; }

.fa-arrows-v:before { content: "\f07d"; }

.fa-arrows-h:before { content: "\f07e"; }

.fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; }

.fa-twitter-square:before { content: "\f081"; }

.fa-facebook-square:before { content: "\f082"; }

.fa-camera-retro:before { content: "\f083"; }

.fa-key:before { content: "\f084"; }

.fa-gears:before, .fa-cogs:before { content: "\f085"; }

.fa-comments:before { content: "\f086"; }

.fa-thumbs-o-up:before { content: "\f087"; }

.fa-thumbs-o-down:before { content: "\f088"; }

.fa-star-half:before { content: "\f089"; }

.fa-heart-o:before { content: "\f08a"; }

.fa-sign-out:before { content: "\f08b"; }

.fa-linkedin-square:before { content: "\f08c"; }

.fa-thumb-tack:before { content: "\f08d"; }

.fa-external-link:before { content: "\f08e"; }

.fa-sign-in:before { content: "\f090"; }

.fa-trophy:before { content: "\f091"; }

.fa-github-square:before { content: "\f092"; }

.fa-upload:before { content: "\f093"; }

.fa-lemon-o:before { content: "\f094"; }

.fa-phone:before { content: "\f095"; }

.fa-square-o:before { content: "\f096"; }

.fa-bookmark-o:before { content: "\f097"; }

.fa-phone-square:before { content: "\f098"; }

.fa-twitter:before { content: "\f099"; }

.fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; }

.fa-github:before { content: "\f09b"; }

.fa-unlock:before { content: "\f09c"; }

.fa-credit-card:before { content: "\f09d"; }

.fa-feed:before, .fa-rss:before { content: "\f09e"; }

.fa-hdd-o:before { content: "\f0a0"; }

.fa-bullhorn:before { content: "\f0a1"; }

.fa-bell:before { content: "\f0f3"; }

.fa-certificate:before { content: "\f0a3"; }

.fa-hand-o-right:before { content: "\f0a4"; }

.fa-hand-o-left:before { content: "\f0a5"; }

.fa-hand-o-up:before { content: "\f0a6"; }

.fa-hand-o-down:before { content: "\f0a7"; }

.fa-arrow-circle-left:before { content: "\f0a8"; }

.fa-arrow-circle-right:before { content: "\f0a9"; }

.fa-arrow-circle-up:before { content: "\f0aa"; }

.fa-arrow-circle-down:before { content: "\f0ab"; }

.fa-globe:before { content: "\f0ac"; }

.fa-wrench:before { content: "\f0ad"; }

.fa-tasks:before { content: "\f0ae"; }

.fa-filter:before { content: "\f0b0"; }

.fa-briefcase:before { content: "\f0b1"; }

.fa-arrows-alt:before { content: "\f0b2"; }

.fa-group:before, .fa-users:before { content: "\f0c0"; }

.fa-chain:before, .fa-link:before { content: "\f0c1"; }

.fa-cloud:before { content: "\f0c2"; }

.fa-flask:before { content: "\f0c3"; }

.fa-cut:before, .fa-scissors:before { content: "\f0c4"; }

.fa-copy:before, .fa-files-o:before { content: "\f0c5"; }

.fa-paperclip:before { content: "\f0c6"; }

.fa-save:before, .fa-floppy-o:before { content: "\f0c7"; }

.fa-square:before { content: "\f0c8"; }

.fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; }

.fa-list-ul:before { content: "\f0ca"; }

.fa-list-ol:before { content: "\f0cb"; }

.fa-strikethrough:before { content: "\f0cc"; }

.fa-underline:before { content: "\f0cd"; }

.fa-table:before { content: "\f0ce"; }

.fa-magic:before { content: "\f0d0"; }

.fa-truck:before { content: "\f0d1"; }

.fa-pinterest:before { content: "\f0d2"; }

.fa-pinterest-square:before { content: "\f0d3"; }

.fa-google-plus-square:before { content: "\f0d4"; }

.fa-google-plus:before { content: "\f0d5"; }

.fa-money:before { content: "\f0d6"; }

.fa-caret-down:before { content: "\f0d7"; }

.fa-caret-up:before { content: "\f0d8"; }

.fa-caret-left:before { content: "\f0d9"; }

.fa-caret-right:before { content: "\f0da"; }

.fa-columns:before { content: "\f0db"; }

.fa-unsorted:before, .fa-sort:before { content: "\f0dc"; }

.fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; }

.fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; }

.fa-envelope:before { content: "\f0e0"; }

.fa-linkedin:before { content: "\f0e1"; }

.fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; }

.fa-legal:before, .fa-gavel:before { content: "\f0e3"; }

.fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; }

.fa-comment-o:before { content: "\f0e5"; }

.fa-comments-o:before { content: "\f0e6"; }

.fa-flash:before, .fa-bolt:before { content: "\f0e7"; }

.fa-sitemap:before { content: "\f0e8"; }

.fa-umbrella:before { content: "\f0e9"; }

.fa-paste:before, .fa-clipboard:before { content: "\f0ea"; }

.fa-lightbulb-o:before { content: "\f0eb"; }

.fa-exchange:before { content: "\f0ec"; }

.fa-cloud-download:before { content: "\f0ed"; }

.fa-cloud-upload:before { content: "\f0ee"; }

.fa-user-md:before { content: "\f0f0"; }

.fa-stethoscope:before { content: "\f0f1"; }

.fa-suitcase:before { content: "\f0f2"; }

.fa-bell-o:before { content: "\f0a2"; }

.fa-coffee:before { content: "\f0f4"; }

.fa-cutlery:before { content: "\f0f5"; }

.fa-file-text-o:before { content: "\f0f6"; }

.fa-building-o:before { content: "\f0f7"; }

.fa-hospital-o:before { content: "\f0f8"; }

.fa-ambulance:before { content: "\f0f9"; }

.fa-medkit:before { content: "\f0fa"; }

.fa-fighter-jet:before { content: "\f0fb"; }

.fa-beer:before { content: "\f0fc"; }

.fa-h-square:before { content: "\f0fd"; }

.fa-plus-square:before { content: "\f0fe"; }

.fa-angle-double-left:before { content: "\f100"; }

.fa-angle-double-right:before { content: "\f101"; }

.fa-angle-double-up:before { content: "\f102"; }

.fa-angle-double-down:before { content: "\f103"; }

.fa-angle-left:before { content: "\f104"; }

.fa-angle-right:before { content: "\f105"; }

.fa-angle-up:before { content: "\f106"; }

.fa-angle-down:before { content: "\f107"; }

.fa-desktop:before { content: "\f108"; }

.fa-laptop:before { content: "\f109"; }

.fa-tablet:before { content: "\f10a"; }

.fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; }

.fa-circle-o:before { content: "\f10c"; }

.fa-quote-left:before { content: "\f10d"; }

.fa-quote-right:before { content: "\f10e"; }

.fa-spinner:before { content: "\f110"; }

.fa-circle:before { content: "\f111"; }

.fa-mail-reply:before, .fa-reply:before { content: "\f112"; }

.fa-github-alt:before { content: "\f113"; }

.fa-folder-o:before { content: "\f114"; }

.fa-folder-open-o:before { content: "\f115"; }

.fa-smile-o:before { content: "\f118"; }

.fa-frown-o:before { content: "\f119"; }

.fa-meh-o:before { content: "\f11a"; }

.fa-gamepad:before { content: "\f11b"; }

.fa-keyboard-o:before { content: "\f11c"; }

.fa-flag-o:before { content: "\f11d"; }

.fa-flag-checkered:before { content: "\f11e"; }

.fa-terminal:before { content: "\f120"; }

.fa-code:before { content: "\f121"; }

.fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; }

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; }

.fa-location-arrow:before { content: "\f124"; }

.fa-crop:before { content: "\f125"; }

.fa-code-fork:before { content: "\f126"; }

.fa-unlink:before, .fa-chain-broken:before { content: "\f127"; }

.fa-question:before { content: "\f128"; }

.fa-info:before { content: "\f129"; }

.fa-exclamation:before { content: "\f12a"; }

.fa-superscript:before { content: "\f12b"; }

.fa-subscript:before { content: "\f12c"; }

.fa-eraser:before { content: "\f12d"; }

.fa-puzzle-piece:before { content: "\f12e"; }

.fa-microphone:before { content: "\f130"; }

.fa-microphone-slash:before { content: "\f131"; }

.fa-shield:before { content: "\f132"; }

.fa-calendar-o:before { content: "\f133"; }

.fa-fire-extinguisher:before { content: "\f134"; }

.fa-rocket:before { content: "\f135"; }

.fa-maxcdn:before { content: "\f136"; }

.fa-chevron-circle-left:before { content: "\f137"; }

.fa-chevron-circle-right:before { content: "\f138"; }

.fa-chevron-circle-up:before { content: "\f139"; }

.fa-chevron-circle-down:before { content: "\f13a"; }

.fa-html5:before { content: "\f13b"; }

.fa-css3:before { content: "\f13c"; }

.fa-anchor:before { content: "\f13d"; }

.fa-unlock-alt:before { content: "\f13e"; }

.fa-bullseye:before { content: "\f140"; }

.fa-ellipsis-h:before { content: "\f141"; }

.fa-ellipsis-v:before { content: "\f142"; }

.fa-rss-square:before { content: "\f143"; }

.fa-play-circle:before { content: "\f144"; }

.fa-ticket:before { content: "\f145"; }

.fa-minus-square:before { content: "\f146"; }

.fa-minus-square-o:before { content: "\f147"; }

.fa-level-up:before { content: "\f148"; }

.fa-level-down:before { content: "\f149"; }

.fa-check-square:before { content: "\f14a"; }

.fa-pencil-square:before { content: "\f14b"; }

.fa-external-link-square:before { content: "\f14c"; }

.fa-share-square:before { content: "\f14d"; }

.fa-compass:before { content: "\f14e"; }

.fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; }

.fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; }

.fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; }

.fa-euro:before, .fa-eur:before { content: "\f153"; }

.fa-gbp:before { content: "\f154"; }

.fa-dollar:before, .fa-usd:before { content: "\f155"; }

.fa-rupee:before, .fa-inr:before { content: "\f156"; }

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; }

.fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; }

.fa-won:before, .fa-krw:before { content: "\f159"; }

.fa-bitcoin:before, .fa-btc:before { content: "\f15a"; }

.fa-file:before { content: "\f15b"; }

.fa-file-text:before { content: "\f15c"; }

.fa-sort-alpha-asc:before { content: "\f15d"; }

.fa-sort-alpha-desc:before { content: "\f15e"; }

.fa-sort-amount-asc:before { content: "\f160"; }

.fa-sort-amount-desc:before { content: "\f161"; }

.fa-sort-numeric-asc:before { content: "\f162"; }

.fa-sort-numeric-desc:before { content: "\f163"; }

.fa-thumbs-up:before { content: "\f164"; }

.fa-thumbs-down:before { content: "\f165"; }

.fa-youtube-square:before { content: "\f166"; }

.fa-youtube:before { content: "\f167"; }

.fa-xing:before { content: "\f168"; }

.fa-xing-square:before { content: "\f169"; }

.fa-youtube-play:before { content: "\f16a"; }

.fa-dropbox:before { content: "\f16b"; }

.fa-stack-overflow:before { content: "\f16c"; }

.fa-instagram:before { content: "\f16d"; }

.fa-flickr:before { content: "\f16e"; }

.fa-adn:before { content: "\f170"; }

.fa-bitbucket:before { content: "\f171"; }

.fa-bitbucket-square:before { content: "\f172"; }

.fa-tumblr:before { content: "\f173"; }

.fa-tumblr-square:before { content: "\f174"; }

.fa-long-arrow-down:before { content: "\f175"; }

.fa-long-arrow-up:before { content: "\f176"; }

.fa-long-arrow-left:before { content: "\f177"; }

.fa-long-arrow-right:before { content: "\f178"; }

.fa-apple:before { content: "\f179"; }

.fa-windows:before { content: "\f17a"; }

.fa-android:before { content: "\f17b"; }

.fa-linux:before { content: "\f17c"; }

.fa-dribbble:before { content: "\f17d"; }

.fa-skype:before { content: "\f17e"; }

.fa-foursquare:before { content: "\f180"; }

.fa-trello:before { content: "\f181"; }

.fa-female:before { content: "\f182"; }

.fa-male:before { content: "\f183"; }

.fa-gittip:before, .fa-gratipay:before { content: "\f184"; }

.fa-sun-o:before { content: "\f185"; }

.fa-moon-o:before { content: "\f186"; }

.fa-archive:before { content: "\f187"; }

.fa-bug:before { content: "\f188"; }

.fa-vk:before { content: "\f189"; }

.fa-weibo:before { content: "\f18a"; }

.fa-renren:before { content: "\f18b"; }

.fa-pagelines:before { content: "\f18c"; }

.fa-stack-exchange:before { content: "\f18d"; }

.fa-arrow-circle-o-right:before { content: "\f18e"; }

.fa-arrow-circle-o-left:before { content: "\f190"; }

.fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; }

.fa-dot-circle-o:before { content: "\f192"; }

.fa-wheelchair:before { content: "\f193"; }

.fa-vimeo-square:before { content: "\f194"; }

.fa-turkish-lira:before, .fa-try:before { content: "\f195"; }

.fa-plus-square-o:before { content: "\f196"; }

.fa-space-shuttle:before { content: "\f197"; }

.fa-slack:before { content: "\f198"; }

.fa-envelope-square:before { content: "\f199"; }

.fa-wordpress:before { content: "\f19a"; }

.fa-openid:before { content: "\f19b"; }

.fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; }

.fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; }

.fa-yahoo:before { content: "\f19e"; }

.fa-google:before { content: "\f1a0"; }

.fa-reddit:before { content: "\f1a1"; }

.fa-reddit-square:before { content: "\f1a2"; }

.fa-stumbleupon-circle:before { content: "\f1a3"; }

.fa-stumbleupon:before { content: "\f1a4"; }

.fa-delicious:before { content: "\f1a5"; }

.fa-digg:before { content: "\f1a6"; }

.fa-pied-piper-pp:before { content: "\f1a7"; }

.fa-pied-piper-alt:before { content: "\f1a8"; }

.fa-drupal:before { content: "\f1a9"; }

.fa-joomla:before { content: "\f1aa"; }

.fa-language:before { content: "\f1ab"; }

.fa-fax:before { content: "\f1ac"; }

.fa-building:before { content: "\f1ad"; }

.fa-child:before { content: "\f1ae"; }

.fa-paw:before { content: "\f1b0"; }

.fa-spoon:before { content: "\f1b1"; }

.fa-cube:before { content: "\f1b2"; }

.fa-cubes:before { content: "\f1b3"; }

.fa-behance:before { content: "\f1b4"; }

.fa-behance-square:before { content: "\f1b5"; }

.fa-steam:before { content: "\f1b6"; }

.fa-steam-square:before { content: "\f1b7"; }

.fa-recycle:before { content: "\f1b8"; }

.fa-automobile:before, .fa-car:before { content: "\f1b9"; }

.fa-cab:before, .fa-taxi:before { content: "\f1ba"; }

.fa-tree:before { content: "\f1bb"; }

.fa-spotify:before { content: "\f1bc"; }

.fa-deviantart:before { content: "\f1bd"; }

.fa-soundcloud:before { content: "\f1be"; }

.fa-database:before { content: "\f1c0"; }

.fa-file-pdf-o:before { content: "\f1c1"; }

.fa-file-word-o:before { content: "\f1c2"; }

.fa-file-excel-o:before { content: "\f1c3"; }

.fa-file-powerpoint-o:before { content: "\f1c4"; }

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; }

.fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; }

.fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; }

.fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; }

.fa-file-code-o:before { content: "\f1c9"; }

.fa-vine:before { content: "\f1ca"; }

.fa-codepen:before { content: "\f1cb"; }

.fa-jsfiddle:before { content: "\f1cc"; }

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; }

.fa-circle-o-notch:before { content: "\f1ce"; }

.fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0"; }

.fa-ge:before, .fa-empire:before { content: "\f1d1"; }

.fa-git-square:before { content: "\f1d2"; }

.fa-git:before { content: "\f1d3"; }

.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; }

.fa-tencent-weibo:before { content: "\f1d5"; }

.fa-qq:before { content: "\f1d6"; }

.fa-wechat:before, .fa-weixin:before { content: "\f1d7"; }

.fa-send:before, .fa-paper-plane:before { content: "\f1d8"; }

.fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; }

.fa-history:before { content: "\f1da"; }

.fa-circle-thin:before { content: "\f1db"; }

.fa-header:before { content: "\f1dc"; }

.fa-paragraph:before { content: "\f1dd"; }

.fa-sliders:before { content: "\f1de"; }

.fa-share-alt:before { content: "\f1e0"; }

.fa-share-alt-square:before { content: "\f1e1"; }

.fa-bomb:before { content: "\f1e2"; }

.fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; }

.fa-tty:before { content: "\f1e4"; }

.fa-binoculars:before { content: "\f1e5"; }

.fa-plug:before { content: "\f1e6"; }

.fa-slideshare:before { content: "\f1e7"; }

.fa-twitch:before { content: "\f1e8"; }

.fa-yelp:before { content: "\f1e9"; }

.fa-newspaper-o:before { content: "\f1ea"; }

.fa-wifi:before { content: "\f1eb"; }

.fa-calculator:before { content: "\f1ec"; }

.fa-paypal:before { content: "\f1ed"; }

.fa-google-wallet:before { content: "\f1ee"; }

.fa-cc-visa:before { content: "\f1f0"; }

.fa-cc-mastercard:before { content: "\f1f1"; }

.fa-cc-discover:before { content: "\f1f2"; }

.fa-cc-amex:before { content: "\f1f3"; }

.fa-cc-paypal:before { content: "\f1f4"; }

.fa-cc-stripe:before { content: "\f1f5"; }

.fa-bell-slash:before { content: "\f1f6"; }

.fa-bell-slash-o:before { content: "\f1f7"; }

.fa-trash:before { content: "\f1f8"; }

.fa-copyright:before { content: "\f1f9"; }

.fa-at:before { content: "\f1fa"; }

.fa-eyedropper:before { content: "\f1fb"; }

.fa-paint-brush:before { content: "\f1fc"; }

.fa-birthday-cake:before { content: "\f1fd"; }

.fa-area-chart:before { content: "\f1fe"; }

.fa-pie-chart:before { content: "\f200"; }

.fa-line-chart:before { content: "\f201"; }

.fa-lastfm:before { content: "\f202"; }

.fa-lastfm-square:before { content: "\f203"; }

.fa-toggle-off:before { content: "\f204"; }

.fa-toggle-on:before { content: "\f205"; }

.fa-bicycle:before { content: "\f206"; }

.fa-bus:before { content: "\f207"; }

.fa-ioxhost:before { content: "\f208"; }

.fa-angellist:before { content: "\f209"; }

.fa-cc:before { content: "\f20a"; }

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; }

.fa-meanpath:before { content: "\f20c"; }

.fa-buysellads:before { content: "\f20d"; }

.fa-connectdevelop:before { content: "\f20e"; }

.fa-dashcube:before { content: "\f210"; }

.fa-forumbee:before { content: "\f211"; }

.fa-leanpub:before { content: "\f212"; }

.fa-sellsy:before { content: "\f213"; }

.fa-shirtsinbulk:before { content: "\f214"; }

.fa-simplybuilt:before { content: "\f215"; }

.fa-skyatlas:before { content: "\f216"; }

.fa-cart-plus:before { content: "\f217"; }

.fa-cart-arrow-down:before { content: "\f218"; }

.fa-diamond:before { content: "\f219"; }

.fa-ship:before { content: "\f21a"; }

.fa-user-secret:before { content: "\f21b"; }

.fa-motorcycle:before { content: "\f21c"; }

.fa-street-view:before { content: "\f21d"; }

.fa-heartbeat:before { content: "\f21e"; }

.fa-venus:before { content: "\f221"; }

.fa-mars:before { content: "\f222"; }

.fa-mercury:before { content: "\f223"; }

.fa-intersex:before, .fa-transgender:before { content: "\f224"; }

.fa-transgender-alt:before { content: "\f225"; }

.fa-venus-double:before { content: "\f226"; }

.fa-mars-double:before { content: "\f227"; }

.fa-venus-mars:before { content: "\f228"; }

.fa-mars-stroke:before { content: "\f229"; }

.fa-mars-stroke-v:before { content: "\f22a"; }

.fa-mars-stroke-h:before { content: "\f22b"; }

.fa-neuter:before { content: "\f22c"; }

.fa-genderless:before { content: "\f22d"; }

.fa-facebook-official:before { content: "\f230"; }

.fa-pinterest-p:before { content: "\f231"; }

.fa-whatsapp:before { content: "\f232"; }

.fa-server:before { content: "\f233"; }

.fa-user-plus:before { content: "\f234"; }

.fa-user-times:before { content: "\f235"; }

.fa-hotel:before, .fa-bed:before { content: "\f236"; }

.fa-viacoin:before { content: "\f237"; }

.fa-train:before { content: "\f238"; }

.fa-subway:before { content: "\f239"; }

.fa-medium:before { content: "\f23a"; }

.fa-yc:before, .fa-y-combinator:before { content: "\f23b"; }

.fa-optin-monster:before { content: "\f23c"; }

.fa-opencart:before { content: "\f23d"; }

.fa-expeditedssl:before { content: "\f23e"; }

.fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240"; }

.fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; }

.fa-battery-2:before, .fa-battery-half:before { content: "\f242"; }

.fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; }

.fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; }

.fa-mouse-pointer:before { content: "\f245"; }

.fa-i-cursor:before { content: "\f246"; }

.fa-object-group:before { content: "\f247"; }

.fa-object-ungroup:before { content: "\f248"; }

.fa-sticky-note:before { content: "\f249"; }

.fa-sticky-note-o:before { content: "\f24a"; }

.fa-cc-jcb:before { content: "\f24b"; }

.fa-cc-diners-club:before { content: "\f24c"; }

.fa-clone:before { content: "\f24d"; }

.fa-balance-scale:before { content: "\f24e"; }

.fa-hourglass-o:before { content: "\f250"; }

.fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; }

.fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; }

.fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; }

.fa-hourglass:before { content: "\f254"; }

.fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; }

.fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; }

.fa-hand-scissors-o:before { content: "\f257"; }

.fa-hand-lizard-o:before { content: "\f258"; }

.fa-hand-spock-o:before { content: "\f259"; }

.fa-hand-pointer-o:before { content: "\f25a"; }

.fa-hand-peace-o:before { content: "\f25b"; }

.fa-trademark:before { content: "\f25c"; }

.fa-registered:before { content: "\f25d"; }

.fa-creative-commons:before { content: "\f25e"; }

.fa-gg:before { content: "\f260"; }

.fa-gg-circle:before { content: "\f261"; }

.fa-tripadvisor:before { content: "\f262"; }

.fa-odnoklassniki:before { content: "\f263"; }

.fa-odnoklassniki-square:before { content: "\f264"; }

.fa-get-pocket:before { content: "\f265"; }

.fa-wikipedia-w:before { content: "\f266"; }

.fa-safari:before { content: "\f267"; }

.fa-chrome:before { content: "\f268"; }

.fa-firefox:before { content: "\f269"; }

.fa-opera:before { content: "\f26a"; }

.fa-internet-explorer:before { content: "\f26b"; }

.fa-tv:before, .fa-television:before { content: "\f26c"; }

.fa-contao:before { content: "\f26d"; }

.fa-500px:before { content: "\f26e"; }

.fa-amazon:before { content: "\f270"; }

.fa-calendar-plus-o:before { content: "\f271"; }

.fa-calendar-minus-o:before { content: "\f272"; }

.fa-calendar-times-o:before { content: "\f273"; }

.fa-calendar-check-o:before { content: "\f274"; }

.fa-industry:before { content: "\f275"; }

.fa-map-pin:before { content: "\f276"; }

.fa-map-signs:before { content: "\f277"; }

.fa-map-o:before { content: "\f278"; }

.fa-map:before { content: "\f279"; }

.fa-commenting:before { content: "\f27a"; }

.fa-commenting-o:before { content: "\f27b"; }

.fa-houzz:before { content: "\f27c"; }

.fa-vimeo:before { content: "\f27d"; }

.fa-black-tie:before { content: "\f27e"; }

.fa-fonticons:before { content: "\f280"; }

.fa-reddit-alien:before { content: "\f281"; }

.fa-edge:before { content: "\f282"; }

.fa-credit-card-alt:before { content: "\f283"; }

.fa-codiepie:before { content: "\f284"; }

.fa-modx:before { content: "\f285"; }

.fa-fort-awesome:before { content: "\f286"; }

.fa-usb:before { content: "\f287"; }

.fa-product-hunt:before { content: "\f288"; }

.fa-mixcloud:before { content: "\f289"; }

.fa-scribd:before { content: "\f28a"; }

.fa-pause-circle:before { content: "\f28b"; }

.fa-pause-circle-o:before { content: "\f28c"; }

.fa-stop-circle:before { content: "\f28d"; }

.fa-stop-circle-o:before { content: "\f28e"; }

.fa-shopping-bag:before { content: "\f290"; }

.fa-shopping-basket:before { content: "\f291"; }

.fa-hashtag:before { content: "\f292"; }

.fa-bluetooth:before { content: "\f293"; }

.fa-bluetooth-b:before { content: "\f294"; }

.fa-percent:before { content: "\f295"; }

.fa-gitlab:before { content: "\f296"; }

.fa-wpbeginner:before { content: "\f297"; }

.fa-wpforms:before { content: "\f298"; }

.fa-envira:before { content: "\f299"; }

.fa-universal-access:before { content: "\f29a"; }

.fa-wheelchair-alt:before { content: "\f29b"; }

.fa-question-circle-o:before { content: "\f29c"; }

.fa-blind:before { content: "\f29d"; }

.fa-audio-description:before { content: "\f29e"; }

.fa-volume-control-phone:before { content: "\f2a0"; }

.fa-braille:before { content: "\f2a1"; }

.fa-assistive-listening-systems:before { content: "\f2a2"; }

.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; }

.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; }

.fa-glide:before { content: "\f2a5"; }

.fa-glide-g:before { content: "\f2a6"; }

.fa-signing:before, .fa-sign-language:before { content: "\f2a7"; }

.fa-low-vision:before { content: "\f2a8"; }

.fa-viadeo:before { content: "\f2a9"; }

.fa-viadeo-square:before { content: "\f2aa"; }

.fa-snapchat:before { content: "\f2ab"; }

.fa-snapchat-ghost:before { content: "\f2ac"; }

.fa-snapchat-square:before { content: "\f2ad"; }

.fa-pied-piper:before { content: "\f2ae"; }

.fa-first-order:before { content: "\f2b0"; }

.fa-yoast:before { content: "\f2b1"; }

.fa-themeisle:before { content: "\f2b2"; }

.fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; }

.fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; }

.fa-handshake-o:before { content: "\f2b5"; }

.fa-envelope-open:before { content: "\f2b6"; }

.fa-envelope-open-o:before { content: "\f2b7"; }

.fa-linode:before { content: "\f2b8"; }

.fa-address-book:before { content: "\f2b9"; }

.fa-address-book-o:before { content: "\f2ba"; }

.fa-vcard:before, .fa-address-card:before { content: "\f2bb"; }

.fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc"; }

.fa-user-circle:before { content: "\f2bd"; }

.fa-user-circle-o:before { content: "\f2be"; }

.fa-user-o:before { content: "\f2c0"; }

.fa-id-badge:before { content: "\f2c1"; }

.fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"; }

.fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3"; }

.fa-quora:before { content: "\f2c4"; }

.fa-free-code-camp:before { content: "\f2c5"; }

.fa-telegram:before { content: "\f2c6"; }

.fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7"; }

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"; }

.fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"; }

.fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"; }

.fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"; }

.fa-shower:before { content: "\f2cc"; }

.fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd"; }

.fa-podcast:before { content: "\f2ce"; }

.fa-window-maximize:before { content: "\f2d0"; }

.fa-window-minimize:before { content: "\f2d1"; }

.fa-window-restore:before { content: "\f2d2"; }

.fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"; }

.fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"; }

.fa-bandcamp:before { content: "\f2d5"; }

.fa-grav:before { content: "\f2d6"; }

.fa-etsy:before { content: "\f2d7"; }

.fa-imdb:before { content: "\f2d8"; }

.fa-ravelry:before { content: "\f2d9"; }

.fa-eercast:before { content: "\f2da"; }

.fa-microchip:before { content: "\f2db"; }

.fa-snowflake-o:before { content: "\f2dc"; }

.fa-superpowers:before { content: "\f2dd"; }

.fa-wpexplorer:before { content: "\f2de"; }

.fa-meetup:before { content: "\f2e0"; }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; }

div.search .toggle-sidebar.btn, div.search .close-sidebar { display: inline-block; padding: .9rem 1rem; line-height: 1; font-size: 1em; color: #374151; text-decoration: none !important; border-radius: 30px; }

@media only screen and (min-width: 995px) { div.search .toggle-sidebar.btn, div.search .close-sidebar { display: none; } }

div.search button.results-button-desktop { display: block; position: fixed; bottom: 1rem; z-index: 1; margin-left: 147.5px; left: 50%; transform: translate(-50%, 0); }

div.search button.results-button { visibility: hidden; position: fixed; transform: translate3d(0, 3.5rem, 0); -webkit-transform: translate3d(0, 3.5rem, 0); -webkit-transition: visibility 0s,-webkit-transform .3s ease; transition: visibility 0s,-webkit-transform .3s ease; transition: visibility 0s, transform .3s ease; transition: visibility 0s, transform .3s ease, -webkit-transform .3s ease; }

div.search button.results-button .icon-loader { width: 17px; height: 20px; margin-top: 3.5px; margin-bottom: 3.5px; }

div.search button.results-button .icon-loader:before { border-top-color: inherit; }

@media only screen and (min-width: 995px) { div.search button.results-button { display: none; } }

div.search a.close-sidebar { visibility: hidden; position: absolute; transform: translate3d(0, -3.5rem, 0); -webkit-transform: translate3d(0, -3.5rem, 0); -webkit-transition: visibility 0s, -webkit-transform .3s ease; transition: visibility 0s, -webkit-transform .3s ease; transition: visibility 0s, transform .3s ease; transition: visibility 0s, transform .3s ease, -webkit-transform .3s ease; }

@media only screen and (max-width: 994px) { div.search.sidebar-active button.results-button { display: block; visibility: visible; display: block; border-radius: 30px; left: 1rem; right: 1rem; bottom: .5rem; width: calc(100% - 2rem); z-index: 1000; font-size: 18px; font-family: "Inter", sans-serif; transform: translateZ(0); -webkit-transform: translateZ(0); transition-delay: .2s; -webkit-transition-delay: .2s; } }

@media only screen and (max-width: 994px) and (min-width: 740px) and (max-width: 994px) { div.search.sidebar-active button.results-button { width: calc(400px - 2rem); } }

@media only screen and (max-width: 994px) { div.search.sidebar-active a.close-sidebar { visibility: visible; z-index: 1000; right: 1rem; top: .5rem; background: var(--label-bg); color: var(--label-color) !important; border: solid var(--label-border-color) 1px; font-size: 1.1em; transform: translateZ(0); -webkit-transform: translateZ(0); transition-delay: .2s; -webkit-transition-delay: .2s; } }

div.search nav { position: fixed; margin: 0; background: var(--body-bg); left: -100%; top: 0; max-width: 400px; height: 100%; overflow-y: hidden; overflow-x: visible; z-index: 9999; outline: none; -webkit-overflow-scrolling: touch; transform: translate3d(0, 0, 0); display: flex; flex-direction: column; }

@media only screen and (min-width: 995px) { div.search nav { display: block; position: relative; left: auto; top: auto; width: 300px; max-width: none; height: auto; overflow: auto; transition: none; z-index: auto; background: transparent; } }

@media only screen and (max-width: 994px) { div.search nav { padding: 0; width: 100%; }
  div.search nav[data-open="true"] { left: 0; width: 90%; }
  div.search nav[data-open="true"] + .backdrop { position: fixed; display: block; content: ""; left: 0; top: 0; width: 100%; height: 100%; z-index: 9998; background: #000; background: rgba(0, 0, 0, 0.75); cursor: default; } }

@media only screen and (max-width: 994px) and (max-width: 739px) { div.search nav[data-open="true"] { max-width: none; } }

@media only screen and (max-width: 994px) and (min-width: 740px) and (max-width: 994px) { div.search nav[data-open="true"] { width: 400px; } }

div.search nav > button { position: absolute; }

div.search nav form.general-form { background: none; border: none; margin: 0 0; padding: 1rem 1rem 3rem 1rem; overflow-y: auto; }

@media only screen and (min-width: 995px) { div.search nav form.general-form { border-right: solid var(--search-border-color) 1px; padding: 0 1.5em 0 0; margin-top: 10px; overflow-y: initial; } }

div.search nav form.general-form label.hidden, div.search nav form.general-form div.hidden, div.search nav form.general-form span.hidden { display: none; }

div.search nav form.general-form label.display-block { display: block; }

div.search nav form.general-form label.disabled, div.search nav form.general-form label.disabled span.text { color: var(--tone-400); }

div.search nav form.general-form label.disabled.toggle span.slider, div.search nav form.general-form label.disabled span.text.toggle span.slider { background: #f1f1f1; }

div.search nav form.general-form label { margin-right: .4em; }

div.search nav form.general-form label span { margin-bottom: 0; }

div.search nav form.general-form div.range-slider { position: relative; width: calc(100% - 1.5rem); margin: 2rem 0 0 1rem; }

@media only screen and (max-width: 994px) { div.search nav form.general-form div.range-slider { margin-left: 1.25rem; width: calc(100% - 2.5rem); } }

div.search nav form.general-form input[type="checkbox"], div.search nav form.general-form input[type="radio"] { color: var(--input-accent-color); }

div.search nav form.general-form div.heading, div.search nav form.general-form div.sub-heading { position: relative; width: 100%; font-size: 1.1rem; margin-bottom: .5rem; color: var(--body-color); font-weight: bold; }

div.search nav form.general-form div.heading[data-toggle="collapse"], div.search nav form.general-form div.sub-heading[data-toggle="collapse"] { margin-bottom: 0; }

div.search nav form.general-form div.heading[data-toggle="collapse"]:first-of-type, div.search nav form.general-form div.sub-heading[data-toggle="collapse"]:first-of-type { margin-top: -1.75rem; }

div.search nav form.general-form div.heading[data-toggle="collapse"] + div.body > div, div.search nav form.general-form div.sub-heading[data-toggle="collapse"] + div.body > div { margin-top: .5rem; }

div.search nav form.general-form div.heading[data-toggle="collapse"] + div.body, div.search nav form.general-form div.sub-heading[data-toggle="collapse"] + div.body { padding-bottom: .75rem; margin-bottom: .75rem; }

div.search nav form.general-form div.heading[data-toggle="collapse"]:after, div.search nav form.general-form div.sub-heading[data-toggle="collapse"]:after { position: absolute; right: 0; }

div.search nav form.general-form div.body { margin-bottom: 1.5rem; padding-bottom: 1.5rem; border-bottom: solid var(--search-border-color) 1px; position: relative; font-size: 1.1rem; }

div.search nav form.general-form div.body.narrow { margin-bottom: .75rem; }

div.search nav form.general-form div.body.last { border-bottom: none; padding-bottom: 0; }

div.search nav form.general-form div.body span.input-clear { display: none; position: absolute; top: 0; right: 0; font-size: 1.1rem; line-height: 1; padding: 12px 8px; cursor: pointer; color: inherit; }

div.search nav form.general-form div.body fieldset { border: none; padding: 0; margin: .3em 0 0 0; }

div.search nav form.general-form div.body fieldset label { margin: 0 .4em; }

div.search nav form.general-form div.sidebar-results { white-space: nowrap; position: relative; margin: 2rem 0; padding: 0; padding-bottom: .5em; border-bottom: solid var(--search-border-color) 1px; }

@media only screen and (min-width: 995px) { div.search nav form.general-form div.sidebar-results { display: none !important; } }

div.search nav form.general-form div.sidebar-results:after { content: ''; width: 30px; height: 100%; position: absolute; right: 0; top: 0; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 100%); z-index: 1; }

div.search nav form.general-form div.sidebar-results div.body { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; padding: 0 1rem 0 0; border-bottom: 0; }

div.search .filter.toggle-sidebar { font-size: 18px; cursor: pointer; }

@media only screen and (max-width: 739px) { div.search .filter.toggle-sidebar { width: 100%; } }

@media only screen and (min-width: 995px) { div.search .filter.toggle-sidebar { display: none; } }

div.search .filter.toggle-sidebar.hidden { position: fixed; width: auto; z-index: 1; bottom: 1rem; left: 15px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); border: none; font-family: "Inter", sans-serif; }

@media only screen and (max-width: 994px) { div.search div.sidebar-results .filter, div.search div.sidebar-results .filter .remove, div.search div.head .filters .filter, div.search div.head .filters .filter .remove { font-size: .85rem; }
  div.search div.sidebar-results .filter .remove, div.search div.head .filters .filter .remove { top: 2px; }
  div.search div.sidebar-results .filter.icon-right, div.search div.head .filters .filter.icon-right { padding-right: 1.8rem; } }

@media only screen and (max-width: 994px) { div.search div.sidebar-results.sidebar-results .filter.category-select, div.search div.head .filters.sidebar-results .filter.category-select { display: none; } }

div.search div.head .filter.category-only { display: none; }

div.search.scroll .filter.toggle-sidebar.hidden { visibility: visible; transform: translateZ(0); -webkit-transform: translateZ(0); z-index: 999; }

@media only screen and (min-width: 995px) { div.search div.main div.search-results { margin-bottom: 1.5em; } }

div.search div.main div.search-results div.empty { height: 5000px; }

div.search div.main div.search-results div.loader, div.search div.main div.search-results div.quote, div.search div.main div.search-results div.no-results, div.search div.main div.search-results div.message { padding: 3rem; text-align: center; }

div.search div.main div.search-results div.loader { padding-top: 1em; padding-bottom: 0; }

div.search div.main div.search-results div.no-results, div.search div.main div.search-results div.message { text-align: center; margin: 0 auto; font-size: 1.2rem; }

@media only screen and (min-width: 740px) { div.search div.main div.search-results div.no-results, div.search div.main div.search-results div.message { max-width: 500px; } }

div.search div.main div.search-results div.no-results i, div.search div.main div.search-results div.no-results div.icon, div.search div.main div.search-results div.message i, div.search div.main div.search-results div.message div.icon { display: block; font-size: 1.8rem; color: var(--tone-400); margin-bottom: .8rem; }

div.search div.main div.search-results div.quote { padding-top: 0; margin: 0 2rem; }

div.search div.main div.search-results div.quote .text { display: block; }

div.search div.main div.search-results div.quote .text span.quote { display: block; font-size: 1.4rem; font-weight: bold; margin-bottom: .5rem; line-height: 1.3; }

div.search div.main div.search-results div.quote .text span.source { display: block; color: var(--tone-400); font-size: 1.05rem; }

div.search div.main div.search-results div.head { font-size: .9em; margin: .5em 0 1em 0; }

@media only screen and (max-width: 739px) { div.search div.main div.search-results div.head { margin: 1em 0 1em 0; } }

@media only screen and (min-width: 740px) { div.search div.main div.search-results div.head .top-bar { text-align: right; display: flex; align-items: start; } }

div.search div.main div.search-results div.head .top-bar > .left, div.search div.main div.search-results div.head .top-bar > .right, div.search div.main div.search-results div.head .filmpagina-info-mobile .top-bar > .cover, .filmpagina-info-mobile div.search div.main div.search-results div.head .top-bar > .cover { float: none; }

div.search div.main div.search-results div.head .top-bar > .left { text-align: left; }

@media only screen and (max-width: 739px) { div.search div.main div.search-results div.head .top-bar > .left { display: flex; justify-content: space-between; }
  div.search div.main div.search-results div.head .top-bar > .left.center { justify-content: center; } }

div.search div.main div.search-results div.head .top-bar > .right, div.search div.main div.search-results div.head .filmpagina-info-mobile .top-bar > .cover, .filmpagina-info-mobile div.search div.main div.search-results div.head .top-bar > .cover { align-self: flex-start; margin-left: auto; }

div.search div.main div.search-results div.head .top-bar > .right > div:first-of-type, div.search div.main div.search-results div.head .filmpagina-info-mobile .top-bar > .cover > div:first-of-type, .filmpagina-info-mobile div.search div.main div.search-results div.head .top-bar > .cover > div:first-of-type { white-space: nowrap; display: flex; justify-content: space-between; }

@media only screen and (min-width: 740px) { div.search div.main div.search-results div.head .filters { margin-top: .5rem; } }

div.search div.main div.search-results div.head .filters .heading { text-transform: uppercase; margin-top: 1rem; font-weight: bold; font-size: 12.5px; color: inherit; padding-left: .5rem; margin-bottom: .3rem; }

div.search div.main div.search-results .item-list { margin-top: 0; }

@media only screen and (min-width: 995px) { div.search div.main div.search-results .item-list { margin: 0; width: 100%; } }

div.search div.main div.search-results.truncated .results { max-height: 650px; min-height: 0; overflow: hidden; position: relative; }

div.search div.main div.search-results.truncated .results:after { content: ''; height: 200px; width: 100%; position: absolute; bottom: 0; background: linear-gradient(to bottom, rgba(var(--content-bg-rgb), 0) 0%, var(--content-bg) 100%); z-index: 1; }

.tribute-container { position: absolute; top: 0; left: 0; height: auto; max-height: 300px; max-width: 500px; overflow: auto; display: block; z-index: 999999; }

.tribute-container ul { margin: .4rem 0 0 .5rem; padding: 0; list-style: none; background: var(--tone-200); border-radius: var(--border-radius); overflow: hidden; font-size: .85rem; text-align: left; }

.tribute-container li { padding: 6px 10px; cursor: pointer; }

.tribute-container li.highlight { background: var(--color-accent); color: rgba(var(--white), 1); }

.tribute-container li span { font-weight: var(--font-semibold); }

.tribute-container li.no-match { cursor: default; }

.tribute-container .menu-highlighted { font-weight: var(--font-semibold); }

#comments { font-size: 1rem; margin: 0 auto 1rem 0; line-height: 1.5; }

#comments .thread .comment { display: flex; margin-top: 2rem; }

#comments .thread .comment.deleted > .body > .self .message-body > p { font-size: .9rem; color: var(--tone-500); }

#comments .thread .comment.deleted > .body > .self .footer { display: none; }

#comments .thread .comment .self { position: relative; }

#comments .thread .comment.removed { opacity: .5; }

#comments .thread .comment .header { font-size: .9rem; line-height: 1.5; margin-bottom: 1em; }

#comments .thread .comment .header:after { content: ""; display: table; clear: both; }

#comments .thread .comment .header .name { font-weight: var(--font-semibold); color: var(--tone-600); padding-top: .15em; font-size: 1.05em; }

#comments .thread .comment .header .name a { text-decoration: none; color: var(--highlight-color); }

#comments .thread .comment .header .name a:hover { text-decoration: underline; }

#comments .thread .comment .header .name.light { font-weight: normal; }

#comments .thread .comment .header .name.light a { color: inherit; font-weight: bold; }

#comments .thread .comment .header .name span.guest, #comments .thread .comment .header .name span.reply { font-weight: normal; }

#comments .thread .comment .header .name span.mod, #comments .thread .comment .header .name span.reply, #comments .thread .comment .header .name span.type { display: inline-block; margin-left: 4px; }

#comments .thread .comment .header .name span.mod, #comments .thread .comment .header .name span.type { background: transparent; border: solid var(--tone-300) 1px; color: var(--tone-500); padding: 2px 10px; font-weight: normal; font-size: .75em; border-radius: 20px; position: relative; top: -1px; }

#comments .thread .comment .header .name span.user-badge { background: #4f37ff; border-color: #4f37ff; color: #fff; font-weight: bold; }

#comments .thread .comment .header .sub { font-size: .9em; color: var(--body-color); }

#comments .thread .comment .header .options { display: none; float: right; font-size: 1.2em; }

#comments .thread .comment .header .options a { color: var(--tone-400); display: inline-block; }

#comments .thread .comment .header .options a:hover { color: var(--tone-500); }

#comments .thread .comment .header:hover > .options { display: block; }

#comments .thread .comment .message .message-body { line-height: 1.6; color: var(--tone-600); }

#comments .thread .comment .message .message-body h1, #comments .thread .comment .message .message-body h2, #comments .thread .comment .message .message-body h3, #comments .thread .comment .message .message-body h4, #comments .thread .comment .message .message-body h5, #comments .thread .comment .message .message-body h6 { margin: 0 0 1em 0; }

#comments .thread .comment .message .message-body p, #comments .thread .comment .message .message-body ul, #comments .thread .comment .message .message-body ol { margin-top: 0; }

#comments .thread .comment .message .message-body *:last-child { margin-bottom: 0; }

#comments .thread .comment .message .message-body details, #comments .thread .comment .message .message-body blockquote { background: var(--tone-100); padding: .5em; margin: 0 1em 0 0; }

#comments .thread .comment .message .message-body details { border-radius: 5px; overflow-x: auto; }

#comments .thread .comment .message .message-body details summary { cursor: pointer; font-weight: var(--font-semibold); }

#comments .thread .comment .message .message-body p, #comments .thread .comment .message .message-body blockquote, #comments .thread .comment .message .message-body ul, #comments .thread .comment .message .message-body details { margin-bottom: 1em; }

#comments .thread .comment .message .message-body a { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; text-decoration: none; color: var(--color-accent); }

@media only screen { html[data-theme="dark"].enable-theme #comments .thread .comment .message .message-body a { color: var(--highlight-color); } }

#comments .thread .comment .message .message-body a:hover { text-decoration: underline; }

#comments .thread .comment .footer > ul { padding: 0; margin: .5em 0 0 0; list-style: none; color: var(--tone-400); font-size: 1.2rem; }

#comments .thread .comment .footer > ul li { display: inline; }

#comments .thread .comment .footer > ul li a { text-decoration: none; font-weight: bold; color: inherit; }

#comments .thread .comment .footer > ul li a:hover { color: var(--tone-500); }

#comments .thread .comment .footer > ul li:before { content: '∙'; opacity: .5; margin: 0 .2rem; }

#comments .thread .comment .footer > ul li:first-child:before { content: ''; margin: 0; }

#comments .thread .comment .footer > ul li.like i:before { content: '\f08a'; }

#comments .thread .comment .footer > ul li.like i.liked { color: #ed2456; }

#comments .thread .comment .footer > ul li.like i.liked:before { content: '\f004'; }

#comments .thread .comment .footer > ul li.like .like-count { display: inline-block; text-indent: 5px; }

#comments .thread .comment .footer > ul li.like .like-count:empty { display: none; }

#comments > .loading { font-family: "Inter", sans-serif; text-align: center; margin: 2.5em 0 0 0; }

#comments > .loading i { font-size: 2rem; }

#comments .new-comment .fields, #comments .reply-comment .fields { padding-top: .4em; }

#comments .new-comment, #comments .edit-comment, #comments .reply-comment { padding-top: .5em; }

#comments .new-comment:after, #comments .edit-comment:after, #comments .reply-comment:after { content: ""; display: table; clear: both; }

#comments .new-comment div.icon, #comments .edit-comment div.icon, #comments .reply-comment div.icon { top: 5px; }

#comments .new-comment .toolbar .action-icon, #comments .edit-comment .toolbar .action-icon, #comments .reply-comment .toolbar .action-icon { padding: 3px 5px; border: solid var(--label-border-color) 1px; display: inline-block; border-radius: 5px; margin: 0 4px 4px 0; color: var(--label-color); background-color: var(--label-bg); }

#comments .new-comment .toolbar .action-icon:hover, #comments .edit-comment .toolbar .action-icon:hover, #comments .reply-comment .toolbar .action-icon:hover { border-color: var(--label-border-color-hover); cursor: pointer; }

#comments .new-comment input, #comments .new-comment textarea, #comments .new-comment button, #comments .edit-comment input, #comments .edit-comment textarea, #comments .edit-comment button, #comments .reply-comment input, #comments .reply-comment textarea, #comments .reply-comment button { font-size: 16px; border: solid var(--input-border-color) 1px; padding: .6em; border-radius: 4px; margin: 0; color: inherit; transition: var(--input-transition); }

#comments .new-comment input:focus, #comments .new-comment textarea:focus, #comments .new-comment button:focus, #comments .edit-comment input:focus, #comments .edit-comment textarea:focus, #comments .edit-comment button:focus, #comments .reply-comment input:focus, #comments .reply-comment textarea:focus, #comments .reply-comment button:focus { outline: none; border-color: var(--input-active-border-color); box-shadow: var(--input-active-box-shadow); }

#comments .new-comment input, #comments .edit-comment input, #comments .reply-comment input { width: 100%; }

#comments .new-comment textarea, #comments .edit-comment textarea, #comments .reply-comment textarea { width: 100%; max-width: 100%; min-width: 100%; min-height: 8em; height: 8em; line-height: 1.4; background: var(--input-bg); }

#comments .new-comment textarea:read-only, #comments .edit-comment textarea:read-only, #comments .reply-comment textarea:read-only { background: var(--tone-50); }

#comments .new-comment button.submit, #comments .edit-comment button.submit, #comments .reply-comment button.submit { float: right; background: #4f37ff; border: 0; color: #fff; padding: .7em 1em; }

#comments .new-comment button.submit:hover, #comments .edit-comment button.submit:hover, #comments .reply-comment button.submit:hover { background: #462dff; }

#comments .new-comment button.submit:disabled, #comments .edit-comment button.submit:disabled, #comments .reply-comment button.submit:disabled { background: #5e4beb; }

#comments .new-comment .col.name, #comments .new-comment body .name.width-880, body #comments .new-comment .name.width-880, #comments .new-comment body .name.width-610, body #comments .new-comment .name.width-610, #comments .new-comment .name#filmlijst-rechts, #comments .new-comment ul.name.filmpagina-info-lijst, #comments .new-comment .name.filmpagina-info-synopsis, #comments .new-comment .name.filmpagina-info-cover, #comments .new-comment div.search nav.name, div.search #comments .new-comment nav.name, #comments .new-comment div.search div.name.main, div.search #comments .new-comment div.name.main, #comments .edit-comment .col.name, #comments .edit-comment body .name.width-880, body #comments .edit-comment .name.width-880, #comments .edit-comment body .name.width-610, body #comments .edit-comment .name.width-610, #comments .edit-comment .name#filmlijst-rechts, #comments .edit-comment ul.name.filmpagina-info-lijst, #comments .edit-comment .name.filmpagina-info-synopsis, #comments .edit-comment .name.filmpagina-info-cover, #comments .edit-comment div.search nav.name, div.search #comments .edit-comment nav.name, #comments .edit-comment div.search div.name.main, div.search #comments .edit-comment div.name.main, #comments .reply-comment .col.name, #comments .reply-comment body .name.width-880, body #comments .reply-comment .name.width-880, #comments .reply-comment body .name.width-610, body #comments .reply-comment .name.width-610, #comments .reply-comment .name#filmlijst-rechts, #comments .reply-comment ul.name.filmpagina-info-lijst, #comments .reply-comment .name.filmpagina-info-synopsis, #comments .reply-comment .name.filmpagina-info-cover, #comments .reply-comment div.search nav.name, div.search #comments .reply-comment nav.name, #comments .reply-comment div.search div.name.main, div.search #comments .reply-comment div.name.main { padding: 0 .25em 0 0; margin-bottom: .5em; }

#comments .new-comment .col.email, #comments .new-comment body .email.width-880, body #comments .new-comment .email.width-880, #comments .new-comment body .email.width-610, body #comments .new-comment .email.width-610, #comments .new-comment .email#filmlijst-rechts, #comments .new-comment ul.email.filmpagina-info-lijst, #comments .new-comment .email.filmpagina-info-synopsis, #comments .new-comment .email.filmpagina-info-cover, #comments .new-comment div.search nav.email, div.search #comments .new-comment nav.email, #comments .new-comment div.search div.email.main, div.search #comments .new-comment div.email.main, #comments .edit-comment .col.email, #comments .edit-comment body .email.width-880, body #comments .edit-comment .email.width-880, #comments .edit-comment body .email.width-610, body #comments .edit-comment .email.width-610, #comments .edit-comment .email#filmlijst-rechts, #comments .edit-comment ul.email.filmpagina-info-lijst, #comments .edit-comment .email.filmpagina-info-synopsis, #comments .edit-comment .email.filmpagina-info-cover, #comments .edit-comment div.search nav.email, div.search #comments .edit-comment nav.email, #comments .edit-comment div.search div.email.main, div.search #comments .edit-comment div.email.main, #comments .reply-comment .col.email, #comments .reply-comment body .email.width-880, body #comments .reply-comment .email.width-880, #comments .reply-comment body .email.width-610, body #comments .reply-comment .email.width-610, #comments .reply-comment .email#filmlijst-rechts, #comments .reply-comment ul.email.filmpagina-info-lijst, #comments .reply-comment .email.filmpagina-info-synopsis, #comments .reply-comment .email.filmpagina-info-cover, #comments .reply-comment div.search nav.email, div.search #comments .reply-comment nav.email, #comments .reply-comment div.search div.email.main, div.search #comments .reply-comment div.email.main { padding: 0 0 0 .25em; margin-bottom: .5em; }

#comments .new-comment label.subscribe, #comments .edit-comment label.subscribe, #comments .reply-comment label.subscribe { font-size: .9em; }

#comments .new-comment label.subscribe input, #comments .edit-comment label.subscribe input, #comments .reply-comment label.subscribe input { width: auto; }

@media only screen and (max-width: 739px) { #comments .new-comment label.subscribe, #comments .edit-comment label.subscribe, #comments .reply-comment label.subscribe { display: block; margin-bottom: .5em; } }

#comments .new-comment.reply-comment, #comments .edit-comment.reply-comment, #comments .reply-comment.reply-comment { margin-top: 1em; }

#comments .new-comment.reply-comment > p, #comments .edit-comment.reply-comment > p, #comments .reply-comment.reply-comment > p { margin-top: 0; }

#comments .new-comment.new-comment, #comments .edit-comment.new-comment, #comments .reply-comment.new-comment { margin-bottom: 1em; }

#comments .new-comment.new-comment > p, #comments .edit-comment.new-comment > p, #comments .reply-comment.new-comment > p { margin-bottom: 1.5em; margin-top: 0; }

#comments .new-comment.new-comment div.logged-in, #comments .new-comment.reply-comment div.logged-in, #comments .edit-comment.new-comment div.logged-in, #comments .edit-comment.reply-comment div.logged-in, #comments .reply-comment.new-comment div.logged-in, #comments .reply-comment.reply-comment div.logged-in { color: inherit; margin-bottom: 1.2em; position: relative; padding-left: 50px; }

#comments .new-comment.new-comment div.logged-in .user-icon, #comments .new-comment.reply-comment div.logged-in .user-icon, #comments .edit-comment.new-comment div.logged-in .user-icon, #comments .edit-comment.reply-comment div.logged-in .user-icon, #comments .reply-comment.new-comment div.logged-in .user-icon, #comments .reply-comment.reply-comment div.logged-in .user-icon { position: absolute; left: 0; top: -.5em; }

#comments .comment div.icon { position: relative; width: 50px; height: 50px; margin-right: 12px; }

#comments .comment div.icon img { object-fit: cover; }

#comments .comment.has-button > div:first-child { height: 50px; display: flex; align-items: center; }

#comments .comment .body { min-width: 0; width: 100%; padding-right: 10px; }

#comments .comment.has-thread > .body > .self:before, #comments .comment.has-thread .comment:not(:last-of-type):not(.last) .self:before { content: ""; position: absolute; left: -37px; top: 55px; bottom: -2rem; width: 1px; background: var(--tone-200); }

#comments .comment.has-thread .comment:not(:last-of-type):not(.last) .self:before { top: 0; left: -99px; }

#comments .comment.has-thread .comment { position: relative; }

#comments .comment.has-thread .comment:before { content: ""; position: absolute; inset-inline-start: 15px; top: -9px; left: -37px; height: 37px; width: 32px; border-inline-start: 1px solid var(--tone-200); border-bottom: 1px solid var(--tone-200); border-end-start-radius: 15px; }

@media only screen and (min-width: 740px) { #comments .new-comment div.icon { width: 50px; left: 0px; }
  #comments .new-comment div.icon img, #comments .new-comment div.icon > span { font-size: 1.2rem; width: 50px; height: 50px; } }

div.list, ul.item-list, ol.item-list, div.item-single { padding: 0; margin: 2em -10px 1em -10px; color: var(--list-color); font-size: 14px; line-height: 22px; list-style: none; }

div.list.item-single, div.list.item-list-inline, ul.item-list.item-single, ul.item-list.item-list-inline, ol.item-list.item-single, ol.item-list.item-list-inline, div.item-single.item-single, div.item-single.item-list-inline { margin: 0; }

@media only screen and (min-width: 740px) { div.list, ul.item-list, ol.item-list, div.item-single { margin-left: -25px; margin-right: -25px; } }

div.list h3, div.list .h3, ul.item-list h3, ul.item-list .h3, ol.item-list h3, ol.item-list .h3, div.item-single h3, div.item-single .h3 { margin: 1.2em 0 1em 25px; font-weight: bold; }

@media only screen and (max-width: 739px) { div.list h3, div.list .h3, ul.item-list h3, ul.item-list .h3, ol.item-list h3, ol.item-list .h3, div.item-single h3, div.item-single .h3 { margin-left: 10px; } }

div.list .item, ul.item-list .item, ol.item-list .item, div.item-single .item { display: flex; flex-direction: row; flex-wrap: wrap; padding: 10px; }

@media only screen and (min-width: 740px) { div.list .item, ul.item-list .item, ol.item-list .item, div.item-single .item { padding: 15px; display: block; flex-direction: unset; flex-wrap: unset; }
  div.list .item:after, ul.item-list .item:after, ol.item-list .item:after, div.item-single .item:after { content: ""; clear: both; display: table; } }

div.list .item > div, ul.item-list .item > div, ol.item-list .item > div, div.item-single .item > div { flex: 0; }

div.list .item:nth-of-type(odd), ul.item-list .item:nth-of-type(odd), ol.item-list .item:nth-of-type(odd), div.item-single .item:nth-of-type(odd) { background: var(--list-odd-bg); }

div.list .item:nth-of-type(even), ul.item-list .item:nth-of-type(even), ol.item-list .item:nth-of-type(even), div.item-single .item:nth-of-type(even) { background: var(--list-even-bg); }

div.list .item.odd, ul.item-list .item.odd, ol.item-list .item.odd, div.item-single .item.odd { background: var(--list-odd-bg); }

div.list .item.even, ul.item-list .item.even, ol.item-list .item.even, div.item-single .item.even { background: var(--list-even-bg); }

div.list .item.alternate-even:nth-of-type(even), ul.item-list .item.alternate-even:nth-of-type(even), ol.item-list .item.alternate-even:nth-of-type(even), div.item-single .item.alternate-even:nth-of-type(even) { background: var(--list-odd-bg); }

div.list .item.alternate-even:nth-of-type(odd), ul.item-list .item.alternate-even:nth-of-type(odd), ol.item-list .item.alternate-even:nth-of-type(odd), div.item-single .item.alternate-even:nth-of-type(odd) { background: var(--list-even-bg); }

div.list .item a, ul.item-list .item a, ol.item-list .item a, div.item-single .item a { text-decoration: none !important; }

div.list .item a:hover, ul.item-list .item a:hover, ol.item-list .item a:hover, div.item-single .item a:hover { text-decoration: underline !important; }

div.list .item a.alternate:hover, ul.item-list .item a.alternate:hover, ol.item-list .item a.alternate:hover, div.item-single .item a.alternate:hover { text-decoration: none !important; color: #777 !important; }

div.list .item > .image, ul.item-list .item > .image, ol.item-list .item > .image, div.item-single .item > .image { margin-right: 12px; }

@media only screen and (min-width: 740px) { div.list .item > .image, ul.item-list .item > .image, ol.item-list .item > .image, div.item-single .item > .image { float: left; } }

div.list .item > .image a, ul.item-list .item > .image a, ol.item-list .item > .image a, div.item-single .item > .image a { position: relative; display: block; line-height: 1; border-radius: 4px; z-index: 1; overflow: hidden; height: 0; padding-top: 141.333333333%; width: 50px; }

@media only screen and (min-width: 740px) { div.list .item > .image a, ul.item-list .item > .image a, ol.item-list .item > .image a, div.item-single .item > .image a { width: 75px; } }

div.list .item > .image a img, ul.item-list .item > .image a img, ol.item-list .item > .image a img, div.item-single .item > .image a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

div.list .item > .image a .rank, div.list .item > .image a .type, ul.item-list .item > .image a .rank, ul.item-list .item > .image a .type, ol.item-list .item > .image a .rank, ol.item-list .item > .image a .type, div.item-single .item > .image a .rank, div.item-single .item > .image a .type { position: absolute; z-index: 1; left: 0; bottom: 0; font-weight: bold; background: rgba(79, 55, 255, 0.9); color: #fff; border-top-right-radius: 4px; padding: 6px 7px; line-height: 1; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5); }

div.list .item > .image a .rank:empty, div.list .item > .image a .type:empty, ul.item-list .item > .image a .rank:empty, ul.item-list .item > .image a .type:empty, ol.item-list .item > .image a .rank:empty, ol.item-list .item > .image a .type:empty, div.item-single .item > .image a .rank:empty, div.item-single .item > .image a .type:empty { display: none; }

div.list .item > .image a .type, ul.item-list .item > .image a .type, ol.item-list .item > .image a .type, div.item-single .item > .image a .type { font-size: .8em; padding: 4px 5px; }

div.list .item > .image a .type.orange, ul.item-list .item > .image a .type.orange, ol.item-list .item > .image a .type.orange, div.item-single .item > .image a .type.orange { background: rgba(200, 81, 12, 0.9); }

div.list .item > .image a .type.blue, ul.item-list .item > .image a .type.blue, ol.item-list .item > .image a .type.blue, div.item-single .item > .image a .type.blue { background: rgba(40, 115, 225, 0.9); }

div.list .item > .image.square a, ul.item-list .item > .image.square a, ol.item-list .item > .image.square a, div.item-single .item > .image.square a { padding-top: 100%; }

div.list .item > .image.landscape a, ul.item-list .item > .image.landscape a, ol.item-list .item > .image.landscape a, div.item-single .item > .image.landscape a { padding-top: 77%; }

div.list .item .rating, ul.item-list .item .rating, ol.item-list .item .rating, div.item-single .item .rating { width: 55px; text-align: right; font-weight: bold; white-space: nowrap; order: 1; margin-left: 10px; }

@media only screen and (min-width: 740px) { div.list .item .rating, ul.item-list .item .rating, ol.item-list .item .rating, div.item-single .item .rating { float: right; order: unset; } }

div.list .item .rating img, ul.item-list .item .rating img, ol.item-list .item .rating img, div.item-single .item .rating img { position: relative; top: 2px; width: 16px; height: 16px; }

div.list .item .item-content, ul.item-list .item .item-content, ol.item-list .item .item-content, div.item-single .item .item-content { overflow: hidden; flex-grow: 1; }

@media only screen and (min-width: 740px) { div.list .item .item-content, ul.item-list .item .item-content, ol.item-list .item .item-content, div.item-single .item .item-content { width: auto; flex-grow: unset; } }

div.list .item .item-content h4, ul.item-list .item .item-content h4, ol.item-list .item .item-content h4, div.item-single .item .item-content h4 { margin: 0; font-size: 1.2em; margin-bottom: .15em; font-family: inherit; line-height: 22px; color: var(--body-color); }

div.list .item .item-content h4, div.list .item .item-content div:nth-of-type(1), div.list .item .item-content div:nth-of-type(2), ul.item-list .item .item-content h4, ul.item-list .item .item-content div:nth-of-type(1), ul.item-list .item .item-content div:nth-of-type(2), ol.item-list .item .item-content h4, ol.item-list .item .item-content div:nth-of-type(1), ol.item-list .item .item-content div:nth-of-type(2), div.item-single .item .item-content h4, div.item-single .item .item-content div:nth-of-type(1), div.item-single .item .item-content div:nth-of-type(2) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

div.list .item .item-content div:nth-of-type(3), ul.item-list .item .item-content div:nth-of-type(3), ol.item-list .item .item-content div:nth-of-type(3), div.item-single .item .item-content div:nth-of-type(3) { color: #999; margin-top: .75em; line-height: 1.5; margin-bottom: .4em; }

div.list .item .item-content div:nth-of-type(3) > a, ul.item-list .item .item-content div:nth-of-type(3) > a, ol.item-list .item .item-content div:nth-of-type(3) > a, div.item-single .item .item-content div:nth-of-type(3) > a { color: var(--list-color) !important; }

div.list .item .item-content .type, ul.item-list .item .item-content .type, ol.item-list .item .item-content .type, div.item-single .item .item-content .type { background: #e5e5e5; color: #666; display: inline; border-radius: 3px; font-size: .9em; padding: .2em .3em; margin-right: .35em; }

div.list .item .item-content a.bold, ul.item-list .item .item-content a.bold, ol.item-list .item .item-content a.bold, div.item-single .item .item-content a.bold { font-weight: bold; }

div.list .item .item-content a.underline, ul.item-list .item .item-content a.underline, ol.item-list .item .item-content a.underline, div.item-single .item .item-content a.underline { text-decoration: underline !important; }

div.list .item .item-content a.underline:hover, ul.item-list .item .item-content a.underline:hover, ol.item-list .item .item-content a.underline:hover, div.item-single .item .item-content a.underline:hover { text-decoration: none !important; }

div.list .item div.sub, ul.item-list .item div.sub, ol.item-list .item div.sub, div.item-single .item div.sub { margin-top: 1em; font-size: 1.05em; line-height: 1.5; }

@media only screen and (max-width: 739px) { div.list .item div.sub, ul.item-list .item div.sub, ol.item-list .item div.sub, div.item-single .item div.sub { flex-basis: 100%; order: 9; } }

@media only screen and (min-width: 740px) { div.list .item div.sub, ul.item-list .item div.sub, ol.item-list .item div.sub, div.item-single .item div.sub { overflow: hidden; margin-top: .2em; } }

div.list .item div.sub:empty, ul.item-list .item div.sub:empty, ol.item-list .item div.sub:empty, div.item-single .item div.sub:empty { display: none; }

div.list.is-not-striped .item, ul.item-list.is-not-striped .item, ol.item-list.is-not-striped .item, div.item-single.is-not-striped .item { background: var(--list-even-bg); }

div.list.is-not-striped .item .item-content, ul.item-list.is-not-striped .item .item-content, ol.item-list.is-not-striped .item .item-content, div.item-single.is-not-striped .item .item-content { margin-top: -.15em; }

div.list.heading-wrap > .item > .item-content h4, ul.item-list.heading-wrap > .item > .item-content h4, ol.item-list.heading-wrap > .item > .item-content h4, div.item-single.heading-wrap > .item > .item-content h4 { white-space: normal; }

div.list.small .item, ul.item-list.small .item, ol.item-list.small .item, div.item-single.small .item { font-size: .7rem; padding: 8px; }

div.list.small .item > .image, ul.item-list.small .item > .image, ol.item-list.small .item > .image, div.item-single.small .item > .image { margin-right: 8px; }

div.list.small .item > .image > a, ul.item-list.small .item > .image > a, ol.item-list.small .item > .image > a, div.item-single.small .item > .image > a { width: 35px; }

div.list.small .item > .image.landscape, ul.item-list.small .item > .image.landscape, ol.item-list.small .item > .image.landscape, div.item-single.small .item > .image.landscape { margin-right: 10px; }

div.list.small .item > .image.landscape > a, ul.item-list.small .item > .image.landscape > a, ol.item-list.small .item > .image.landscape > a, div.item-single.small .item > .image.landscape > a { width: 50px; }

@media only screen and (min-width: 740px) { div.list.small .item .item-content, ul.item-list.small .item .item-content, ol.item-list.small .item .item-content, div.item-single.small .item .item-content { padding: 1px 0; } }

div.list.small .item .item-content h4, ul.item-list.small .item .item-content h4, ol.item-list.small .item .item-content h4, div.item-single.small .item .item-content h4 { margin-bottom: .2em; white-space: normal; line-height: 1.25; }

div.list.large .item, ul.item-list.large .item, ol.item-list.large .item, div.item-single.large .item { font-size: .85rem; padding: 15px; }

@media only screen and (min-width: 740px) { div.list.large .item, ul.item-list.large .item, ol.item-list.large .item, div.item-single.large .item { padding: 20px; } }

@media only screen and (min-width: 740px) { div.list.large .item > .image, ul.item-list.large .item > .image, ol.item-list.large .item > .image, div.item-single.large .item > .image { margin-right: 20px; } }

div.list.large .item > .image > a, ul.item-list.large .item > .image > a, ol.item-list.large .item > .image > a, div.item-single.large .item > .image > a { width: 75px; }

@media only screen and (min-width: 740px) { div.list.large .item > .image > a, ul.item-list.large .item > .image > a, ol.item-list.large .item > .image > a, div.item-single.large .item > .image > a { width: 120px; border-radius: 6px; } }

@media only screen and (min-width: 740px) { div.list.large .item .item-content, ul.item-list.large .item .item-content, ol.item-list.large .item .item-content, div.item-single.large .item .item-content { padding: 3px 0; } }

div.list.large .item .item-content h4, ul.item-list.large .item .item-content h4, ol.item-list.large .item .item-content h4, div.item-single.large .item .item-content h4 { margin-bottom: .2em; white-space: normal; font-size: 1.2em; }

div.list.large .item .item-content > div, ul.item-list.large .item .item-content > div, ol.item-list.large .item .item-content > div, div.item-single.large .item .item-content > div { font-size: 1em; line-height: 1.4; white-space: normal; margin: .2em 0; }

@media only screen and (min-width: 740px) { div.list.large .item .item-content > div, ul.item-list.large .item .item-content > div, ol.item-list.large .item .item-content > div, div.item-single.large .item .item-content > div { margin: .25em 0; } }

div.list.large .item .item-content > div:nth-of-type(3), ul.item-list.large .item .item-content > div:nth-of-type(3), ol.item-list.large .item .item-content > div:nth-of-type(3), div.item-single.large .item .item-content > div:nth-of-type(3) { font-size: 1.1em; margin-top: .8em; margin-bottom: 0; color: inherit; }

@media only screen and (min-width: 740px) { div.list.large .item .item-content > div:nth-of-type(3), ul.item-list.large .item .item-content > div:nth-of-type(3), ol.item-list.large .item .item-content > div:nth-of-type(3), div.item-single.large .item .item-content > div:nth-of-type(3) { font-size: 1.1em; } }

div.list.large .item > .image a .type, ul.item-list.large .item > .image a .type, ol.item-list.large .item > .image a .type, div.item-single.large .item > .image a .type { font-size: .9em; }

div.list.large .item > .image a .rank, ul.item-list.large .item > .image a .rank, ol.item-list.large .item > .image a .rank, div.item-single.large .item > .image a .rank { font-size: 1.1em; padding: 6px 9px; }

@media only screen and (max-width: 739px) { div.list.large-mobile .item, ul.item-list.large-mobile .item, ol.item-list.large-mobile .item, div.item-single.large-mobile .item { font-size: .85rem; padding: 15px; } }

@media only screen and (max-width: 739px) and (min-width: 740px) { div.list.large-mobile .item, ul.item-list.large-mobile .item, ol.item-list.large-mobile .item, div.item-single.large-mobile .item { padding: 20px; } }

@media only screen and (max-width: 739px) and (min-width: 740px) { div.list.large-mobile .item > .image, ul.item-list.large-mobile .item > .image, ol.item-list.large-mobile .item > .image, div.item-single.large-mobile .item > .image { margin-right: 20px; } }

@media only screen and (max-width: 739px) { div.list.large-mobile .item > .image > a, ul.item-list.large-mobile .item > .image > a, ol.item-list.large-mobile .item > .image > a, div.item-single.large-mobile .item > .image > a { width: 75px; } }

@media only screen and (max-width: 739px) and (min-width: 740px) { div.list.large-mobile .item > .image > a, ul.item-list.large-mobile .item > .image > a, ol.item-list.large-mobile .item > .image > a, div.item-single.large-mobile .item > .image > a { width: 120px; border-radius: 6px; } }

@media only screen and (max-width: 739px) and (min-width: 740px) { div.list.large-mobile .item .item-content, ul.item-list.large-mobile .item .item-content, ol.item-list.large-mobile .item .item-content, div.item-single.large-mobile .item .item-content { padding: 3px 0; } }

@media only screen and (max-width: 739px) { div.list.large-mobile .item .item-content h4, ul.item-list.large-mobile .item .item-content h4, ol.item-list.large-mobile .item .item-content h4, div.item-single.large-mobile .item .item-content h4 { margin-bottom: .2em; white-space: normal; font-size: 1.2em; }
  div.list.large-mobile .item .item-content > div, ul.item-list.large-mobile .item .item-content > div, ol.item-list.large-mobile .item .item-content > div, div.item-single.large-mobile .item .item-content > div { font-size: 1em; line-height: 1.4; white-space: normal; margin: .2em 0; } }

@media only screen and (max-width: 739px) and (min-width: 740px) { div.list.large-mobile .item .item-content > div, ul.item-list.large-mobile .item .item-content > div, ol.item-list.large-mobile .item .item-content > div, div.item-single.large-mobile .item .item-content > div { margin: .25em 0; } }

@media only screen and (max-width: 739px) { div.list.large-mobile .item .item-content > div:nth-of-type(3), ul.item-list.large-mobile .item .item-content > div:nth-of-type(3), ol.item-list.large-mobile .item .item-content > div:nth-of-type(3), div.item-single.large-mobile .item .item-content > div:nth-of-type(3) { font-size: 1.1em; margin-top: .8em; margin-bottom: 0; color: inherit; } }

@media only screen and (max-width: 739px) and (min-width: 740px) { div.list.large-mobile .item .item-content > div:nth-of-type(3), ul.item-list.large-mobile .item .item-content > div:nth-of-type(3), ol.item-list.large-mobile .item .item-content > div:nth-of-type(3), div.item-single.large-mobile .item .item-content > div:nth-of-type(3) { font-size: 1.1em; } }

@media only screen and (max-width: 739px) { div.list.large-mobile .item > .image a .type, ul.item-list.large-mobile .item > .image a .type, ol.item-list.large-mobile .item > .image a .type, div.item-single.large-mobile .item > .image a .type { font-size: .9em; }
  div.list.large-mobile .item > .image a .rank, ul.item-list.large-mobile .item > .image a .rank, ol.item-list.large-mobile .item > .image a .rank, div.item-single.large-mobile .item > .image a .rank { font-size: 1.1em; padding: 6px 9px; } }

div.list.item-single, ul.item-list.item-single, ol.item-list.item-single, div.item-single.item-single { border: solid var(--tone-100) 1px; border-left-width: 0; border-right-width: 0; padding: 1.5em 0; }

div.list.item-single .item, ul.item-list.item-single .item, ol.item-list.item-single .item, div.item-single.item-single .item { background: var(--list-even-bg); padding: 0; }

ul.article-list { list-style: none; padding: 0; }

@media only screen and (max-width: 739px) { ul.article-list { font-size: .95rem; } }

ul.article-list.sidebar { margin: 0 -20px; padding: 0 10px; font-size: .8rem; }

ul.article-list.sidebar > li > a { padding: 5px; }

ul.article-list.article-list--large > li > * > div.tall:first-of-type { flex-basis: calc(3rem * 1.4); }

ul.article-list.article-list--large > li > * > div.tall:first-of-type img { height: calc(4.24rem * 1.4); }

ul.article-list.article-list--large > li > * > div:nth-of-type(2) > * { margin: 0 0 .25rem 0; }

ul.article-list.article-list--small > li > * > div.tall:first-of-type { flex-basis: calc(3rem * .7); }

ul.article-list.article-list--small > li > * > div.tall:first-of-type img { height: calc(4.24rem * .7); }

ul.article-list.article-list--striped > li > * { padding: 0.5rem; border-radius: 5px; }

@media only screen and (min-width: 995px) { ul.article-list.article-list--striped > li > * { padding: 0.35rem; } }

ul.article-list.article-list--striped > li:nth-child(odd) > * { background-color: var(--tone-50); }

ul.article-list.article-list--striped > li:nth-child(even) > * { background-color: transparent; }

ul.article-list.article-list--align-top > li > * { align-items: normal; }

ul.article-list > li > * { display: flex; flex-direction: row; align-items: center; padding: 7px 0; }

@media only screen and (min-width: 995px) { ul.article-list > li > * { padding: 5px 0; } }

ul.article-list > li > *, ul.article-list > li > * a { text-decoration: none; }

ul.article-list > li > * a:hover { opacity: .9; }

ul.article-list > li > * > div:first-of-type { flex: 0 0 5em; }

ul.article-list > li > * > div:first-of-type img { display: flex; height: 4em; width: 100%; object-fit: cover; border-radius: 5px; background: var(--tone-100); }

ul.article-list > li > * > div:first-of-type.tall { flex-basis: 3rem; }

ul.article-list > li > * > div:first-of-type.tall img { height: 4.24rem; }

ul.article-list > li > * > h4, ul.article-list > li > * > div:nth-of-type(2) { margin: 0 0 0 .8em; flex: 1 1 auto; font-size: 1em; line-height: 1.3; font-weight: normal; overflow: hidden; font-family: "Inter", sans-serif; }

ul.article-list > li > * > h4 > h4, ul.article-list > li > * > div:nth-of-type(2) > h4 { margin: 0; font-size: 1em; font-family: "Inter", sans-serif; }

ul.article-list > li > * > div:nth-of-type(2) { line-height: 1.5; }

ul.article-list > li > a:hover { text-decoration: none !important; }

@media not all and (pointer: coarse) { ul.article-list > li > a:hover:hover h4 { color: var(--tone-600); } }

div.poll { font-family: "Inter", sans-serif; }

@media only screen and (min-width: 740px) { div.poll { width: 500px; margin: 0 auto; } }

div.poll h3 { text-align: center; max-width: 90%; margin: 0 auto; }

div.poll p.pre { text-align: center; }

div.poll ul, div.poll ol { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; }

div.poll ul li, div.poll ol li { display: flex; }

div.poll ul li label, div.poll ol li label { background: #a9e7f5; width: 100%; height: 100%; font-size: .9rem; color: #0b5160; border: solid #fff 2px; margin: .1em 0; border-radius: 7px; overflow: hidden; padding: .75em; position: relative; transition: all .15s ease; display: flex; align-items: center; }

div.poll ul li label span.rank, div.poll ol li label span.rank { font-size: 1.2rem; font-weight: bold; }

div.poll ul li label input, div.poll ol li label input { padding: 11px 12px; margin: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: var(--input-bg); color: var(--input-color); border-radius: 5px; font-size: 16px; color: #fff !important; top: 0 !important; }

@media only screen and (min-width: 995px) { div.poll ul li label input.desktop-no-margin-bottom, div.poll ol li label input.desktop-no-margin-bottom { margin-bottom: 0; } }

div.poll ul li label input.no-margin-bottom, div.poll ol li label input.no-margin-bottom { margin-bottom: 0; }

div.poll ul li label input[type="text"], div.poll ul li label input[type="email"], div.poll ul li label input[type="password"], div.poll ul li label input[type="tel"], div.poll ul li label input, div.poll ol li label input[type="text"], div.poll ol li label input[type="email"], div.poll ol li label input[type="password"], div.poll ol li label input[type="tel"], div.poll ol li label input { border-color: #138ba5; transition: var(--input-transition); }

div.poll ul li label input[type="text"]:focus, div.poll ul li label input[type="email"]:focus, div.poll ul li label input[type="password"]:focus, div.poll ul li label input[type="tel"]:focus, div.poll ul li label input:focus, div.poll ol li label input[type="text"]:focus, div.poll ol li label input[type="email"]:focus, div.poll ol li label input[type="password"]:focus, div.poll ol li label input[type="tel"]:focus, div.poll ol li label input:focus { outline: 0; border-color: var(--input-active-border-color); box-shadow: var(--input-active-box-shadow); }

div.poll ul li label input[type="text"][disabled], div.poll ul li label input[type="email"][disabled], div.poll ul li label input[type="password"][disabled], div.poll ul li label input[type="tel"][disabled], div.poll ul li label input[disabled], div.poll ol li label input[type="text"][disabled], div.poll ol li label input[type="email"][disabled], div.poll ol li label input[type="password"][disabled], div.poll ol li label input[type="tel"][disabled], div.poll ol li label input[disabled] { background: var(--input-disabled-bg); border-color: var(--input-disabled-border-color); color: var(--input-disabled-color); }

div.poll ul li label input[type="text"]:read-only, div.poll ol li label input[type="text"]:read-only { background: var(--input-disabled-bg); border-color: var(--input-disabled-border-color); color: var(--input-disabled-color); }

div.poll ul li label input[type="range"], div.poll ol li label input[type="range"] { background: transparent; padding-left: 0; padding-right: 0; -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; }

div.poll ul li label input.has-sub, div.poll ol li label input.has-sub { margin-bottom: 0; }

div.poll ul li label input[type="checkbox"], div.poll ul li label input[type="radio"], div.poll ol li label input[type="checkbox"], div.poll ol li label input[type="radio"] { display: inline-block; position: relative; background-color: var(--input-bg); color: var(--input-accent-color); top: 5px; height: 20px; width: 20px; border: solid #138ba5 1px; border-radius: 3px; cursor: pointer; margin-right: 2px; outline: none; padding: 0; }

div.poll ul li label input[type="checkbox"]:checked:before, div.poll ul li label input[type="radio"]:checked:before, div.poll ol li label input[type="checkbox"]:checked:before, div.poll ol li label input[type="radio"]:checked:before { font-size: .85em; position: absolute; font-family: FontAwesome; left: 2px; top: 2px; content: '\f00c'; }

div.poll ul li label input[type="checkbox"]:checked ~ span.text, div.poll ul li label input[type="radio"]:checked ~ span.text, div.poll ol li label input[type="checkbox"]:checked ~ span.text, div.poll ol li label input[type="radio"]:checked ~ span.text { font-weight: bold; }

div.poll ul li label input[type="checkbox"][disabled], div.poll ul li label input[type="radio"][disabled], div.poll ol li label input[type="checkbox"][disabled], div.poll ol li label input[type="radio"][disabled] { background: var(--input-disabled-bg); border-color: var(--input-disabled-border-color); color: var(--input-disabled-color); cursor: default; }

div.poll ul li label input[type="checkbox"] + label, div.poll ul li label input[type="radio"] + label, div.poll ol li label input[type="checkbox"] + label, div.poll ol li label input[type="radio"] + label { display: none; }

div.poll ul li label input[type="checkbox"][type="radio"], div.poll ul li label input[type="radio"][type="radio"], div.poll ol li label input[type="checkbox"][type="radio"], div.poll ol li label input[type="radio"][type="radio"] { border-radius: 20px; }

div.poll ul li label input[type="checkbox"]:focus, div.poll ul li label input[type="radio"]:focus, div.poll ol li label input[type="checkbox"]:focus, div.poll ol li label input[type="radio"]:focus { border-color: #138ba5; box-shadow: none; }

div.poll ul li label input::-ms-clear, div.poll ol li label input::-ms-clear { display: none; }

div.poll ul li label input.full-width, div.poll ol li label input.full-width { width: 100%; }

div.poll ul li label input:checked, div.poll ol li label input:checked { background-color: #138ba5 !important; }

div.poll ul li label input:hover:not(:checked), div.poll ol li label input:hover:not(:checked) { background-color: #fff !important; }

@media only screen and (min-width: 995px) { div.poll ul li label input:hover:not(:checked), div.poll ol li label input:hover:not(:checked) { background-color: #20c2e5 !important; border-color: #20c2e5 !important; } }

div.poll ul li label > span:first-of-type, div.poll ol li label > span:first-of-type { margin: 0 .75em 0 .25em !important; line-height: 1; }

div.poll ul li label span.answer, div.poll ol li label span.answer { flex-grow: 1; margin-right: .5em; }

div.poll ul li label span.votes, div.poll ol li label span.votes { text-align: right; line-height: 1.5; white-space: nowrap; }

div.poll ul li label span.votes small, div.poll ol li label span.votes small { display: block; }

div.poll ul li label span, div.poll ul li label input, div.poll ol li label span, div.poll ol li label input { z-index: 1; }

div.poll ul li label .perc, div.poll ol li label .perc { transition: width 1s ease; position: absolute; background: #53e0fe; left: 0; height: 100%; z-index: 0; }

div.poll ul li label.selected, div.poll ol li label.selected { border-color: #1ab9db; }

div.poll ul li label.selected span.answer, div.poll ol li label.selected span.answer { font-weight: bold; }

div.poll div.bottom { display: flex; justify-content: space-between; margin-top: .5em; }

div.poll div.bottom > p { margin: 0em .5em 0em auto; }

div.poll form label { cursor: pointer; }

@media only screen and (min-width: 995px) { div.poll form label:hover, div.poll form label.selected { background: #a0e5f4; } }

.covers { list-style: none; padding: 0; margin: 1em 0; display: grid; justify-content: space-between; grid-gap: .6em; row-gap: 1.5em; grid-template-columns: repeat(2, 1fr); }

@media only screen and (min-width: 500px) { .covers { grid-template-columns: repeat(3, 1fr); } }

@media only screen and (min-width: 740px) { .covers { grid-template-columns: repeat(5, 1fr); } }

@media only screen and (min-width: 995px) { .covers { grid-template-columns: repeat(4, 1fr); } }

.covers.covers--loading .covers__image { background: var(--tone-100); border-radius: 5px; }

.covers.covers--loading .covers__image img, .covers.covers--loading .covers__image div { opacity: 0; }

.covers.covers--loading .covers__text { opacity: 0; }

.covers.covers--scroll { overflow-x: scroll; overflow-y: hidden; margin-left: -10px; margin-right: -10px; padding: 0 10px .25em 10px; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 45%; scrollbar-width: auto; }

.covers.covers--scroll:after { content: ''; width: 1px; margin-right: -1px; }

.covers.covers--scroll::-webkit-scrollbar { height: 18px; width: 18px; background: none; border-radius: 18px; }

.covers.covers--scroll::-webkit-scrollbar-thumb { cursor: pointer; background: none; border-radius: 18px; box-shadow: inset 0 0 18px 18px var(--tone-400); border: solid 5px transparent; }

.covers.covers--scroll::-webkit-scrollbar-thumb:hover { box-shadow: inset 0 0 18px 18px var(--tone-500); }

@media only screen { html[data-theme="dark"].enable-theme .covers.covers--scroll::-webkit-scrollbar-thumb { box-shadow: inset 0 0 18px 18px var(--tone-300); }
  html[data-theme="dark"].enable-theme .covers.covers--scroll::-webkit-scrollbar-thumb:hover { box-shadow: inset 0 0 18px 18px var(--tone-400); } }

.covers.covers--scroll::-webkit-scrollbar-track { background: none; border-radius: 18px; box-shadow: inset 0 0 18px 18px var(--tone-200); border: solid 5px transparent; }

@media only screen { html[data-theme="dark"].enable-theme .covers.covers--scroll::-webkit-scrollbar-track { box-shadow: inset 0 0 18px 18px var(--tone-100); } }

@media (hover: none) and (pointer: coarse) { .covers.covers--scroll { -ms-overflow-style: none; scrollbar-width: none; }
  .covers.covers--scroll::-webkit-scrollbar { display: none; } }

@media only screen and (max-width: 739px) { .covers.covers--scroll { -ms-overflow-style: none; scrollbar-width: none; }
  .covers.covers--scroll::-webkit-scrollbar { display: none; } }

@media only screen and (min-width: 500px) { .covers.covers--scroll { grid-auto-columns: 31%; } }

@media only screen and (min-width: 740px) { .covers.covers--scroll { margin-left: -25px; margin-right: -25px; padding-left: 25px; padding-right: 25px; grid-auto-columns: 22.5%; } }

@media only screen and (min-width: 995px) { .covers.covers--scroll { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; grid-auto-columns: 23.5%; }
  .covers.covers--scroll:after { display: none; } }

.covers li { text-decoration: none; font-family: "Inter", sans-serif; font-weight: bold; font-size: .8rem; line-height: 1.5; }

.covers a { text-decoration: none; }

@media (hover: hover) and (pointer: fine) { .covers a { transition: opacity 300ms; }
  .covers a:hover { opacity: .85; } }

@media only screen and (min-width: 995px) { .covers.covers--large { grid-auto-columns: 15.6%; } }

.covers .covers__image { position: relative; }

.covers .covers__image:after { display: block; content: ""; padding-bottom: 141%; }

.covers .covers__image > img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 5px; z-index: 0; background: var(--tone-100); }

.covers .covers__image.covers__image--blank { background: var(--tone-100); border-radius: 5px; }

.covers .covers__image .covers__label { position: absolute; z-index: 1; }

.covers .covers__image .covers__label > span { display: inline-block; padding: .2rem .4rem; border-radius: 5px; margin-right: .2rem; }

.covers .covers__image .covers__label > span > img { vertical-align: text-top; }

.covers .covers__image .covers__label.top { top: .2rem; }

.covers .covers__image .covers__label.right, .covers .covers__image .filmpagina-info-mobile .covers__label.cover, .filmpagina-info-mobile .covers .covers__image .covers__label.cover { right: 0; }

.covers .covers__image .covers__label.bottom { bottom: .2rem; }

.covers .covers__image .covers__label.left { left: .2rem; }

.covers .covers__image .covers__label > .dark { background: rgba(var(--black), 0.6); color: #fff; }

.covers .covers__image .covers__label.circle > span { aspect-ratio: 1 / 1; border-radius: 100%; display: flex; align-items: center; }

.covers .covers__more { text-align: center; display: flex; justify-content: center; align-items: center; }

.covers .covers__more > div > .covers__more__icon { font-size: 2rem; display: inline-block; border-radius: 100%; width: 4rem; height: 4rem; position: relative; line-height: 1; }

.covers .covers__more > div > .covers__more__icon:not([class*="background-"]) { background-color: #4f37ff; }

.covers .covers__more > div > .covers__more__icon:not([class*="text-"]) { color: #fff; }

.covers .covers__more > div > .covers__more__icon > i { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); }

.covers .covers__text { margin-top: .5em; }

.covers .covers__text div { max-height: 3em; overflow: hidden; }

.covers .covers__text div.type.orange { color: #c8510c; }

.covers .covers__text div.type.blue { color: #2873e1; }

.collapse { --collapse-duration: 0.2s; --collapse-easing: ease-out; display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--collapse-duration) var(--collapse-easing); }

.collapse--open { grid-template-rows: 1fr; }

.collapse__inner { overflow: hidden; min-height: 0; }

[data-toggle="collapse"] { cursor: pointer; user-select: none; }

[data-toggle="collapse"]:not(.no-icon):after { font-family: 'FontAwesome'; content: '\f107'; margin-left: 5px; transition: transform var(--collapse-transition, 0.2s ease-out); }

[data-toggle="collapse"]:not(.no-icon).collapse-toggle--open:after { transform: rotate(180deg); }

[data-toggle="collapse"]:not(.no-icon).label-filter, div.search .filter[data-toggle="collapse"]:not(.no-icon) { padding-right: 1.8em; }

[data-toggle="collapse"]:not(.no-icon).label-filter:after, div.search .filter[data-toggle="collapse"]:not(.no-icon):after { position: absolute; }

body .tag, #container .tag { --tag-background: var(--tone-100); --tag-background-opacity: .1; --tag-color: var(--tone-700); --tag-font-color: var(--tag-color); --tag-font-weight: 500; --tag-font-size: .85rem; --tag-border-color: var(--tone-200); --tag-border-color-hover: var(--tone-300); --tag-margin: 4px; position: relative; overflow: hidden; line-height: 1; font-variation-settings: "wght" var(--tag-font-weight); list-style: none; outline: none; appearance: none; user-select: none; border: 0; font-size: var(--tag-font-size); vertical-align: baseline; padding: 0 16px; border-radius: 8px; margin: var(--tag-margin); display: inline-flex; align-items: center; transition: all 0.15s ease; height: 36px; white-space: nowrap; color: var(--tag-font-color); text-decoration: none; background: var(--tag-background); z-index: 0; }

body .tag:hover, #container .tag:hover { --tag-background: var(--tone-200); }

body .tag.tag--active, body .tag.tag--cta, body #container .tag.tag--cta, #container body .tag.tag--cta, body .tag.tag--secondary, body .tag.tag--social-facebook, body .tag.tag--social-google, body .tag.tag--success, body .tag.tag--warning, body .tag.tag--error, body .tag.tag--info, body .tag.tag--entity-show, body .tag.tag--entity-movie, #container .tag.tag--active, #container .tag.tag--cta, #container .tag.tag--secondary, #container .tag.tag--social-facebook, #container .tag.tag--social-google, #container .tag.tag--success, #container .tag.tag--warning, #container .tag.tag--error, #container .tag.tag--info, #container .tag.tag--entity-show, #container .tag.tag--entity-movie { --tag-background: transparent; --tag-border-color: var(--tag-color); --tag-border-color-hover: var(--tag-color); }

@media only screen { html[data-theme="dark"].enable-theme body .tag.tag--active, html[data-theme="dark"].enable-theme body .tag.tag--cta, html[data-theme="dark"].enable-theme body #container .tag.tag--cta, #container html[data-theme="dark"].enable-theme body .tag.tag--cta, html[data-theme="dark"].enable-theme body .tag.tag--secondary, html[data-theme="dark"].enable-theme body .tag.tag--social-facebook, html[data-theme="dark"].enable-theme body .tag.tag--social-google, html[data-theme="dark"].enable-theme body .tag.tag--success, html[data-theme="dark"].enable-theme body .tag.tag--warning, html[data-theme="dark"].enable-theme body .tag.tag--error, html[data-theme="dark"].enable-theme body .tag.tag--info, html[data-theme="dark"].enable-theme body .tag.tag--entity-show, html[data-theme="dark"].enable-theme body .tag.tag--entity-movie, html[data-theme="dark"].enable-theme #container .tag.tag--active, html[data-theme="dark"].enable-theme #container .tag.tag--cta, html[data-theme="dark"].enable-theme #container .tag.tag--secondary, html[data-theme="dark"].enable-theme #container .tag.tag--social-facebook, html[data-theme="dark"].enable-theme #container .tag.tag--social-google, html[data-theme="dark"].enable-theme #container .tag.tag--success, html[data-theme="dark"].enable-theme #container .tag.tag--warning, html[data-theme="dark"].enable-theme #container .tag.tag--error, html[data-theme="dark"].enable-theme #container .tag.tag--info, html[data-theme="dark"].enable-theme #container .tag.tag--entity-show, html[data-theme="dark"].enable-theme #container .tag.tag--entity-movie { --tag-font-color: var(--tone-700); } }

body .tag.tag--active:before, body .tag.tag--cta:before, body #container .tag.tag--cta:before, #container body .tag.tag--cta:before, body .tag.tag--secondary:before, body .tag.tag--social-facebook:before, body .tag.tag--social-google:before, body .tag.tag--success:before, body .tag.tag--warning:before, body .tag.tag--error:before, body .tag.tag--info:before, body .tag.tag--entity-show:before, body .tag.tag--entity-movie:before, #container .tag.tag--active:before, #container .tag.tag--cta:before, #container .tag.tag--secondary:before, #container .tag.tag--social-facebook:before, #container .tag.tag--social-google:before, #container .tag.tag--success:before, #container .tag.tag--warning:before, #container .tag.tag--error:before, #container .tag.tag--info:before, #container .tag.tag--entity-show:before, #container .tag.tag--entity-movie:before { transition: all .15s ease; content: ''; position: absolute; background: var(--tag-color); top: 0; right: 0; bottom: 0; left: 0; z-index: -1; opacity: var(--tag-background-opacity); }

@media only screen { html[data-theme="dark"].enable-theme body .tag.tag--active:before, html[data-theme="dark"].enable-theme body .tag.tag--cta:before, html[data-theme="dark"].enable-theme body #container .tag.tag--cta:before, #container html[data-theme="dark"].enable-theme body .tag.tag--cta:before, html[data-theme="dark"].enable-theme body .tag.tag--secondary:before, html[data-theme="dark"].enable-theme body .tag.tag--social-facebook:before, html[data-theme="dark"].enable-theme body .tag.tag--social-google:before, html[data-theme="dark"].enable-theme body .tag.tag--success:before, html[data-theme="dark"].enable-theme body .tag.tag--warning:before, html[data-theme="dark"].enable-theme body .tag.tag--error:before, html[data-theme="dark"].enable-theme body .tag.tag--info:before, html[data-theme="dark"].enable-theme body .tag.tag--entity-show:before, html[data-theme="dark"].enable-theme body .tag.tag--entity-movie:before, html[data-theme="dark"].enable-theme #container .tag.tag--active:before, html[data-theme="dark"].enable-theme #container .tag.tag--cta:before, html[data-theme="dark"].enable-theme #container .tag.tag--secondary:before, html[data-theme="dark"].enable-theme #container .tag.tag--social-facebook:before, html[data-theme="dark"].enable-theme #container .tag.tag--social-google:before, html[data-theme="dark"].enable-theme #container .tag.tag--success:before, html[data-theme="dark"].enable-theme #container .tag.tag--warning:before, html[data-theme="dark"].enable-theme #container .tag.tag--error:before, html[data-theme="dark"].enable-theme #container .tag.tag--info:before, html[data-theme="dark"].enable-theme #container .tag.tag--entity-show:before, html[data-theme="dark"].enable-theme #container .tag.tag--entity-movie:before { opacity: calc(var(--tag-background-opacity) + .3); } }

body .tag.tag--active:hover:not(.tag--no-hover):not(.tag--active):before, body .tag.tag--cta:hover:not(.tag--no-hover):not(.tag--active):before, body #container .tag.tag--cta:hover:not(.tag--no-hover):not(.tag--active):before, #container body .tag.tag--cta:hover:not(.tag--no-hover):not(.tag--active):before, body .tag.tag--secondary:hover:not(.tag--no-hover):not(.tag--active):before, body .tag.tag--social-facebook:hover:not(.tag--no-hover):not(.tag--active):before, body .tag.tag--social-google:hover:not(.tag--no-hover):not(.tag--active):before, body .tag.tag--success:hover:not(.tag--no-hover):not(.tag--active):before, body .tag.tag--warning:hover:not(.tag--no-hover):not(.tag--active):before, body .tag.tag--error:hover:not(.tag--no-hover):not(.tag--active):before, body .tag.tag--info:hover:not(.tag--no-hover):not(.tag--active):before, body .tag.tag--entity-show:hover:not(.tag--no-hover):not(.tag--active):before, body .tag.tag--entity-movie:hover:not(.tag--no-hover):not(.tag--active):before, #container .tag.tag--active:hover:not(.tag--no-hover):not(.tag--active):before, #container .tag.tag--cta:hover:not(.tag--no-hover):not(.tag--active):before, #container .tag.tag--secondary:hover:not(.tag--no-hover):not(.tag--active):before, #container .tag.tag--social-facebook:hover:not(.tag--no-hover):not(.tag--active):before, #container .tag.tag--social-google:hover:not(.tag--no-hover):not(.tag--active):before, #container .tag.tag--success:hover:not(.tag--no-hover):not(.tag--active):before, #container .tag.tag--warning:hover:not(.tag--no-hover):not(.tag--active):before, #container .tag.tag--error:hover:not(.tag--no-hover):not(.tag--active):before, #container .tag.tag--info:hover:not(.tag--no-hover):not(.tag--active):before, #container .tag.tag--entity-show:hover:not(.tag--no-hover):not(.tag--active):before, #container .tag.tag--entity-movie:hover:not(.tag--no-hover):not(.tag--active):before { opacity: calc(var(--tag-background-opacity) + .05); }

@media only screen { html[data-theme="dark"].enable-theme body .tag.tag--active:hover:not(.tag--no-hover):not(.tag--active):before, html[data-theme="dark"].enable-theme body .tag.tag--cta:hover:not(.tag--no-hover):not(.tag--active):before, html[data-theme="dark"].enable-theme body #container .tag.tag--cta:hover:not(.tag--no-hover):not(.tag--active):before, #container html[data-theme="dark"].enable-theme body .tag.tag--cta:hover:not(.tag--no-hover):not(.tag--active):before, html[data-theme="dark"].enable-theme body .tag.tag--secondary:hover:not(.tag--no-hover):not(.tag--active):before, html[data-theme="dark"].enable-theme body .tag.tag--social-facebook:hover:not(.tag--no-hover):not(.tag--active):before, html[data-theme="dark"].enable-theme body .tag.tag--social-google:hover:not(.tag--no-hover):not(.tag--active):before, html[data-theme="dark"].enable-theme body .tag.tag--success:hover:not(.tag--no-hover):not(.tag--active):before, html[data-theme="dark"].enable-theme body .tag.tag--warning:hover:not(.tag--no-hover):not(.tag--active):before, html[data-theme="dark"].enable-theme body .tag.tag--error:hover:not(.tag--no-hover):not(.tag--active):before, html[data-theme="dark"].enable-theme body .tag.tag--info:hover:not(.tag--no-hover):not(.tag--active):before, html[data-theme="dark"].enable-theme body .tag.tag--entity-show:hover:not(.tag--no-hover):not(.tag--active):before, html[data-theme="dark"].enable-theme body .tag.tag--entity-movie:hover:not(.tag--no-hover):not(.tag--active):before, html[data-theme="dark"].enable-theme #container .tag.tag--active:hover:not(.tag--no-hover):not(.tag--active):before, html[data-theme="dark"].enable-theme #container .tag.tag--cta:hover:not(.tag--no-hover):not(.tag--active):before, html[data-theme="dark"].enable-theme #container .tag.tag--secondary:hover:not(.tag--no-hover):not(.tag--active):before, html[data-theme="dark"].enable-theme #container .tag.tag--social-facebook:hover:not(.tag--no-hover):not(.tag--active):before, html[data-theme="dark"].enable-theme #container .tag.tag--social-google:hover:not(.tag--no-hover):not(.tag--active):before, html[data-theme="dark"].enable-theme #container .tag.tag--success:hover:not(.tag--no-hover):not(.tag--active):before, html[data-theme="dark"].enable-theme #container .tag.tag--warning:hover:not(.tag--no-hover):not(.tag--active):before, html[data-theme="dark"].enable-theme #container .tag.tag--error:hover:not(.tag--no-hover):not(.tag--active):before, html[data-theme="dark"].enable-theme #container .tag.tag--info:hover:not(.tag--no-hover):not(.tag--active):before, html[data-theme="dark"].enable-theme #container .tag.tag--entity-show:hover:not(.tag--no-hover):not(.tag--active):before, html[data-theme="dark"].enable-theme #container .tag.tag--entity-movie:hover:not(.tag--no-hover):not(.tag--active):before { opacity: calc(var(--tag-background-opacity) + .25); } }

body .tag.tag--full-width, #container .tag.tag--full-width { width: 100%; max-width: 250px; }

body .tag.tag--font-weight-normal, #container .tag.tag--font-weight-normal { --tag-font-weight: initial; }

body .tag.tag--strong, #container .tag.tag--strong { --tag-font-weight: 600; }

body .tag.tag--pathe, #container .tag.tag--pathe { --tag-background: #ffc426; border-color: #d99e00; color: #735300; }

body .tag.tag--active, body .tag.tag--cta, body #container .tag.tag--cta, #container body .tag.tag--cta, body .tag.tag--secondary, #container .tag.tag--active, #container .tag.tag--cta, #container .tag.tag--secondary { --tag-color: var(--color-accent); }

body .tag.tag--social-google, #container .tag.tag--social-google { --tag-color: var(--color-google); }

body .tag.tag--social-facebook, #container .tag.tag--social-facebook { --tag-color: var(--color-facebook); }

body .tag.tag--success, #container .tag.tag--success { --tag-color: var(--color-success); }

body .tag.tag--warning, body .tag.tag--entity-show, #container .tag.tag--warning, #container .tag.tag--entity-show { --tag-color: var(--color-warning); }

body .tag.tag--error, #container .tag.tag--error { --tag-color: var(--color-error); }

body .tag.tag--error.tag--full-color, #container .tag.tag--error.tag--full-color { --tag-font-color: white; }

body .tag.tag--info, body .tag.tag--entity-movie, #container .tag.tag--info, #container .tag.tag--entity-movie { --tag-color: var(--color-blue); }

body .tag.tag--large, #container .tag.tag--large { --tag-font-size: .9rem; height: 2.5rem; padding: 0 1.1rem; margin: 5px; }

body .tag.tag--large .tag__icon, #container .tag.tag--large .tag__icon { left: -2px; }

body .tag.tag--medium, #container .tag.tag--medium { --tag-font-size: .8rem; height: 1.8rem; padding: 0 .5rem; margin: 3px; }

body .tag.tag--medium .tag__icon, #container .tag.tag--medium .tag__icon { left: -2px; }

body .tag.tag--small, #container .tag.tag--small { --tag-margin: 3px; --tag-font-size: .7rem; height: 1.6rem; padding: 0 .5rem; }

body .tag.tag--small .tag__icon, #container .tag.tag--small .tag__icon { left: -1px; }

body .tag.tag--tiny, #container .tag.tag--tiny { --tag-font-size: .65rem; height: 1.4rem; padding: 0 .4rem; margin: 2px; }

body .tag.tag--tiny .tag__icon, #container .tag.tag--tiny .tag__icon { left: -1px; }

body .tag.tag--round, #container .tag.tag--round { border-radius: 999px; }

body .tag.tag--outline, #container .tag.tag--outline { --tag-background: transparent; border: solid var(--tag-border-color) 1px; }

body .tag.tag--outline:hover:not(.tag--no-hover), #container .tag.tag--outline:hover:not(.tag--no-hover) { border-color: var(--tag-border-color-hover); }

body .tag.tag--outline:before, #container .tag.tag--outline:before { display: none; }

body .tag.tag--cta, #container .tag.tag--cta { --color-accent: var(--color-green-dark); padding-right: 1.75rem; }

body .tag.tag--cta:after, #container .tag.tag--cta:after { content: '\f105'; font-family: 'FontAwesome'; position: absolute; right: .95rem; }

body .tag.tag--cta:hover:before, #container .tag.tag--cta:hover:before { opacity: .15; }

@media only screen { html[data-theme="dark"].enable-theme body .tag.tag--cta:hover:before, html[data-theme="dark"].enable-theme #container .tag.tag--cta:hover:before { opacity: .45; } }

body .tag.tag--is-loading, #container .tag.tag--is-loading { opacity: .5; }

body .tag.tag--badge, #container .tag.tag--badge { top: -.2rem; }

body .tag.tag--no-margin, #container .tag.tag--no-margin { margin: 0; }

body .tag.tag--full-color, #container .tag.tag--full-color { --tag-background-opacity: 1; }

@media only screen { html[data-theme="dark"].enable-theme body .tag.tag--full-color, html[data-theme="dark"].enable-theme #container .tag.tag--full-color { --tag-background-opacity: .3; } }

body .tag .tag__icon, body .tag .tag__icon--right, #container .tag .tag__icon, #container .tag .tag__icon--right { position: relative; }

@media only screen { html[data-theme="dark"].enable-theme body .tag .tag__icon, html[data-theme="dark"].enable-theme body .tag .tag__icon--right, html[data-theme="dark"].enable-theme #container .tag .tag__icon, html[data-theme="dark"].enable-theme #container .tag .tag__icon--right { color: inherit; } }

body .tag .tag__icon, #container .tag .tag__icon { left: -4px; }

body .tag .tag__icon--right, #container .tag .tag__icon--right { right: -4px; }

body .tag *, #container .tag * { font-variation-settings: normal; }

body a.tag:hover, #container a.tag:hover { text-decoration: none; }

#container .button, #header .button, .container .button, .button { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; position: relative; overflow: hidden; font-size: 16px; font-weight: 600; line-height: 1; text-decoration: none; font-family: inherit; padding: 14px 18px; margin: 5px 0 0 0; border-radius: 8px; border: none; background: transparent; cursor: pointer; appearance: none; user-select: none; z-index: 0; --button-color: var(--color-success); color: var(--button-color); }

@media only screen { html[data-theme="dark"].enable-theme #container .button, html[data-theme="dark"].enable-theme #header .button, html[data-theme="dark"].enable-theme .container .button, html[data-theme="dark"].enable-theme .button { color: inherit; } }

#container .button:before, #header .button:before, .container .button:before, .button:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: var(--button-color); z-index: -1; opacity: .15; transition: opacity 0.15s ease; }

@media only screen { html[data-theme="dark"].enable-theme #container .button:before, html[data-theme="dark"].enable-theme #header .button:before, html[data-theme="dark"].enable-theme .container .button:before, html[data-theme="dark"].enable-theme .button:before { opacity: .25; } }

#container .button:hover:not([disabled]):before, #header .button:hover:not([disabled]):before, .container .button:hover:not([disabled]):before, .button:hover:not([disabled]):before { opacity: .2; }

@media only screen { html[data-theme="dark"].enable-theme #container .button:hover:not([disabled]):before, html[data-theme="dark"].enable-theme #header .button:hover:not([disabled]):before, html[data-theme="dark"].enable-theme .container .button:hover:not([disabled]):before, html[data-theme="dark"].enable-theme .button:hover:not([disabled]):before { opacity: .3; } }

#container .button:active:not([disabled]):before, #header .button:active:not([disabled]):before, .container .button:active:not([disabled]):before, .button:active:not([disabled]):before { opacity: .25; }

@media only screen { html[data-theme="dark"].enable-theme #container .button:active:not([disabled]):before, html[data-theme="dark"].enable-theme #header .button:active:not([disabled]):before, html[data-theme="dark"].enable-theme .container .button:active:not([disabled]):before, html[data-theme="dark"].enable-theme .button:active:not([disabled]):before { opacity: .35; } }

#container .button:focus-visible, #header .button:focus-visible, .container .button:focus-visible, .button:focus-visible { outline: 2px solid var(--button-color); outline-offset: 2px; box-shadow: none; }

#container .button:focus, #header .button:focus, .container .button:focus, .button:focus { box-shadow: none; opacity: 0.5; transition: opacity 0.25s ease; }

#container .button.button--success, #header .button.button--success, .container .button.button--success, .button.button--success { --button-color: var(--color-success); }

#container .button.button--warning, #header .button.button--warning, .container .button.button--warning, .button.button--warning { --button-color: var(--color-warning); }

#container .button.button--secondary, #header .button.button--secondary, .container .button.button--secondary, .button.button--secondary { --button-color: var(--color-accent); }

#container .button.button--light, #header .button.button--light, .container .button.button--light, .button.button--light { --button-color: var(--tone-500); }

#container .button.button--error, #container .button.red, #header .button.button--error, #header .button.red, .container .button.button--error, .container .button.red, .button.button--error, .button.red { --button-color: var(--color-error); }

#container .button.button--cta:after, #header .button.button--cta:after, .container .button.button--cta:after, .button.button--cta:after { content: '\f00c'; order: -1; }

#container .button.blue, #header .button.blue, .container .button.blue, .button.blue { --button-color: #1f6de0; }

#container .button.teal, #header .button.teal, .container .button.teal, .button.teal { --button-color: #138ba5; }

#container .button.button--medium, #header .button.button--medium, .container .button.button--medium, .button.button--medium { font-size: 14px; padding: 10px 12px; }

#container .button.small, #container .button.button--small, #header .button.small, #header .button.button--small, .container .button.small, .container .button.button--small, .button.small, .button.button--small { font-size: 13px; padding: 7px 8px; }

#container .button.button--form, #header .button.button--form, .container .button.button--form, .button.button--form { padding: 12px 17px; margin: 0; }

#container .button[disabled], #container .button[disabled]:hover, #header .button[disabled], #header .button[disabled]:hover, .container .button[disabled], .container .button[disabled]:hover, .button[disabled], .button[disabled]:hover { opacity: 0.5; cursor: not-allowed; }

#container .button.is-loading, #container .button.button--is-loading, #header .button.is-loading, #header .button.button--is-loading, .container .button.is-loading, .container .button.button--is-loading, .button.is-loading, .button.button--is-loading { pointer-events: none; color: transparent !important; position: relative; }

#container .button.is-loading > *, #container .button.button--is-loading > *, #header .button.is-loading > *, #header .button.button--is-loading > *, .container .button.is-loading > *, .container .button.button--is-loading > *, .button.is-loading > *, .button.button--is-loading > * { opacity: 0; }

#container .button.is-loading:after, #container .button.button--is-loading:after, #header .button.is-loading:after, #header .button.button--is-loading:after, .container .button.is-loading:after, .container .button.button--is-loading:after, .button.is-loading:after, .button.button--is-loading:after { content: '\f021' !important; color: var(--button-color); position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; margin: 0 !important; order: initial !important; }

/* jQuery UI Autocomplete 1.8.18 Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) Dual licensed under the MIT or GPL Version 2 licenses. http://jquery.org/license http://docs.jquery.com/UI/Autocomplete#theming */
.ui-autocomplete { position: absolute; cursor: default; z-index: 99999999999 !important; overflow-y: auto; overflow-x: hidden; text-align: left; font-size: 12px; }

.ui-autocomplete a { color: var(--body-color); }

.ui-autocomplete::-webkit-scrollbar { height: 18px; width: 18px; background: none; border-radius: 18px; }

.ui-autocomplete::-webkit-scrollbar-thumb { cursor: pointer; background: none; border-radius: 18px; box-shadow: inset 0 0 18px 18px var(--tone-400); border: solid 5px transparent; }

.ui-autocomplete::-webkit-scrollbar-thumb:hover { box-shadow: inset 0 0 18px 18px var(--tone-500); }

@media only screen { html[data-theme="dark"].enable-theme .ui-autocomplete::-webkit-scrollbar-thumb { box-shadow: inset 0 0 18px 18px var(--tone-300); }
  html[data-theme="dark"].enable-theme .ui-autocomplete::-webkit-scrollbar-thumb:hover { box-shadow: inset 0 0 18px 18px var(--tone-400); } }

.ui-autocomplete::-webkit-scrollbar-track { background: none; border-radius: 18px; box-shadow: inset 0 0 18px 18px var(--tone-200); border: solid 5px transparent; }

@media only screen { html[data-theme="dark"].enable-theme .ui-autocomplete::-webkit-scrollbar-track { box-shadow: inset 0 0 18px 18px var(--tone-100); } }

/* workarounds */
* html .ui-autocomplete { width: 1px; }

/* without this, the menu expands to 100% in IE6 */
/* jQuery UI Menu 1.8.18 Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) Dual licensed under the MIT or GPL Version 2 licenses. http://jquery.org/license http://docs.jquery.com/UI/Menu#theming */
.ui-menu { list-style: none; padding: 2px; margin: 0; display: block; float: left; }

.ui-menu { padding: 0; background: var(--notifications-bg); margin-top: -2px; }

.ui-menu .ui-menu { margin-top: -3px; }

.ui-menu .ui-menu-item, .ui-menu .ui-autocomplete-category { zoom: 1; float: left; clear: left; width: 100%; position: relative; }

.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: .3em .4em; line-height: 1.5; zoom: 1; }

.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: 0px; }

/** Featherlight – ultra slim jQuery lightbox Version 1.7.0 - http://noelboss.github.io/featherlight/ Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com) MIT Licensed. */
.lightbox-container { display: none; }

html.with-featherlight { overflow: hidden; }

.featherlight { display: none; line-height: 1.5; /* dimensions: spanning the background from edge to edge */ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0.6); }

@media only screen { html[data-theme="dark"].enable-theme .featherlight { background: rgba(0, 0, 0, 0.7); } }

.featherlight h1, .featherlight h2, .featherlight h3, .featherlight h4 { font-family: "Inter", sans-serif; font-weight: var(--font-bold); }

.featherlight h2 { margin-right: 40px; }

/* support for nested featherlights. Does not work in IE8 (use JS to fix) */
.featherlight:last-of-type { background: rgba(0, 0, 0, 0.6); }

@media only screen { html[data-theme="dark"].enable-theme .featherlight:last-of-type { background: rgba(0, 0, 0, 0.7); } }

.featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 25px 25px 0; padding: 0; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: transparent; cursor: auto; /* reset white-space wrapping */ white-space: normal; border-radius: 20px; }

.featherlight .featherlight-content .container { padding: 20px; -webkit-overflow-scrolling: touch; }

/* contains the content */
.featherlight .featherlight-inner { /* make sure its visible */ display: block; background: var(--content-bg); }

.featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: .25rem; right: .25rem; /* styling */ cursor: pointer; text-align: center; /* Set the background in case it overlaps the content */ background: var(--tone-100); color: var(--tone-600); border: none; width: 40px; height: 40px; padding: 0; font-size: 1.1rem; line-height: 1; text-indent: 0; font-family: inherit; border-radius: 999px; }

/* See http://stackoverflow.com/questions/16077341/how-to-reset-all-default-styles-of-the-html5-button-element */
.featherlight .featherlight-close-icon::-moz-focus-inner { border: 0; padding: 0; }

.featherlight .featherlight-image { /* styling */ width: 100%; }

.featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; -webkit-overflow-scrolling: touch; overflow-y: scroll; }

.featherlight iframe { /* styling */ border: none; }

.featherlight * { /* See https://github.com/noelboss/featherlight/issues/42 */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* handling phones and small screens */
@media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 15px; margin-right: 15px; max-height: 97%; } }

.featherlight-content { -webkit-overflow-scrolling: touch; }

@media only screen and (min-width: 995px) { .featherlight-content { max-width: 60%; } }

/** Featherlight Loader Copyright 2015, WP Site Care http://www.wpsitecare.com MIT Licensed. */
@-webkit-keyframes featherlightLoader { 0% { -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes featherlightLoader { 0% { -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.featherlight-loading .featherlight-content { -webkit-animation: featherlightLoader 1s infinite linear; animation: featherlightLoader 1s infinite linear; background: transparent; border: 8px solid var(--tone-200); border-left-color: var(--tone-400); border-radius: 80px; width: 80px; height: 80px; min-width: 0; }

.featherlight-loading .featherlight-content > * { display: none !important; }

.featherlight-loading .featherlight-close, .featherlight-loading .featherlight-inner { display: none; }

/** TOOLTIPSTER */
/* This is the core CSS of Tooltipster */
/* GENERAL STRUCTURE RULES (do not edit this section) */
.tooltipster-base { /* this ensures that a constrained height set by functionPosition, if greater that the natural height of the tooltip, will be enforced in browsers that support display:flex */ display: flex; pointer-events: none; /* this may be overriden in JS for fixed position origins */ position: absolute; }

.tooltipster-box { /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10- and flex-basis auto for IE11- (at least) */ flex: 1 1 auto; }

.tooltipster-content { /* prevents an overflow if the user adds padding to the div */ box-sizing: border-box; /* these make sure we'll be able to detect any overflow */ max-height: 100%; max-width: 100%; overflow: auto; }

.tooltipster-ruler { /* these let us test the size of the tooltip without overflowing the window */ bottom: 0; left: 0; overflow: hidden; position: fixed; right: 0; top: 0; visibility: hidden; }

/* ANIMATIONS */
/* Open/close animations */
/* fade */
.tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; }

.tooltipster-fade.tooltipster-show { opacity: 1; }

/* grow */
.tooltipster-grow { -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -o-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-backface-visibility: hidden; }

.tooltipster-grow.tooltipster-show { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

/* swing */
.tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); -moz-transform: rotateZ(4deg); -o-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; }

.tooltipster-swing.tooltipster-show { opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1); -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); }

/* fall */
.tooltipster-fall { -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; -ms-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-fall.tooltipster-initial { top: 0 !important; }

.tooltipster-fall.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; top: 0 !important; opacity: 0; }

/* slide */
.tooltipster-slide { -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; -ms-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-slide.tooltipster-initial { left: -40px !important; }

.tooltipster-slide.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; left: 0 !important; opacity: 0; }

/* Update animations */
/* We use animations rather than transitions here because
transition durations may be specified in the style tag due to
animationDuration, and we try to avoid collisions and the use
of !important */
/* fade */
@keyframes tooltipster-fading { 0% { opacity: 0; }
  100% { opacity: 1; } }

.tooltipster-update-fade { animation: tooltipster-fading 400ms; }

/* rotate */
@keyframes tooltipster-rotating { 25% { transform: rotate(-2deg); }
  75% { transform: rotate(2deg); }
  100% { transform: rotate(0); } }

.tooltipster-update-rotate { animation: tooltipster-rotating 600ms; }

/* scale */
@keyframes tooltipster-scaling { 50% { transform: scale(1.1); }
  100% { transform: scale(1); } }

.tooltipster-update-scale { animation: tooltipster-scaling 600ms; }

/** DEFAULT STYLE OF THE SIDETIP PLUGIN All styles are "namespaced" with .tooltipster-sidetip to prevent conflicts between plugins. */
/* .tooltipster-box */
.tooltipster-sidetip .tooltipster-box { background: #565656; border: 2px solid black; border-radius: 4px; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box { margin-top: 8px; }

.tooltipster-sidetip.tooltipster-left .tooltipster-box { margin-right: 8px; }

.tooltipster-sidetip.tooltipster-right .tooltipster-box { margin-left: 8px; }

.tooltipster-sidetip.tooltipster-top .tooltipster-box { margin-bottom: 8px; }

/* .tooltipster-content */
.tooltipster-sidetip .tooltipster-content { color: var(--tooltip-color); padding: 6px 10px; font-size: .8rem; line-height: 1.4; }

/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */
.tooltipster-sidetip .tooltipster-arrow { overflow: hidden; position: absolute; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow { height: 10px; /* half the width, for centering */ margin-left: -10px; top: 0; width: 20px; }

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow { height: 20px; margin-top: -10px; right: 0; /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not been positioned yet */ top: 0; width: 10px; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow { height: 20px; margin-top: -10px; left: 0; /* same as .tooltipster-left .tooltipster-arrow */ top: 0; width: 10px; }

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow { bottom: 0; height: 10px; margin-left: -10px; width: 20px; }

/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border { height: 0; position: absolute; width: 0; }

/* .tooltipster-arrow-background */
.tooltipster-sidetip .tooltipster-arrow-background { border: 10px solid transparent; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background { border-bottom-color: #565656; left: 0px; top: 3px; }

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background { border-left-color: #565656; left: -3px; top: 0px; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background { border-right-color: #565656; left: 3px; top: 0px; }

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { border-top-color: #565656; left: 0px; top: -3px; }

/* .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-border { border: 10px solid transparent; left: 0; top: 0; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color: black; }

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border { border-left-color: black; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border { border-right-color: black; }

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border { border-top-color: black; }

/* tooltipster-arrow-uncropped */
.tooltipster-sidetip .tooltipster-arrow-uncropped { position: relative; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped { top: -10px; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped { left: -10px; }

.tooltipster-sidetip.tooltipster-borderless .tooltipster-box { border: none; background: var(--tooltip-bg); }

.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-box { margin-top: 8px; }

.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-box { margin-right: 8px; }

.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-box { margin-left: 8px; }

.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-box { margin-bottom: 8px; }

.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow { height: 8px; margin-left: -8px; width: 16px; }

.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow, .tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow { height: 16px; margin-left: 0; margin-top: -8px; width: 8px; }

.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-background { display: none; }

.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-border { border: 8px solid transparent; }

.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color: var(--tooltip-bg); }

.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow-border { border-left-color: var(--tooltip-bg); }

.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-border { border-right-color: var(--tooltip-bg); }

.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-arrow-border { border-top-color: var(--tooltip-bg); }

.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-uncropped { top: -8px; }

.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-uncropped { left: -8px; }

.tooltipster-custom .tooltipster-arrow { display: none; }

.tooltipster-custom .tooltipster-arrow .tooltipster-arrow-border { border-top-color: #fff !important; }

.tooltipster-custom .tooltipster-box { background: #fff !important; border: solid #ddd 1px !important; }

.tooltipster-custom .tooltipster-content { text-align: left; max-height: 150px; color: #555; }

/** Raty */
.cancel-on-png, .cancel-off-png, .star-on-png, .star-off-png, .star-half-png { font-size: 2em; }

.cancel-on-png, .cancel-off-png, .star-on-png, .star-off-png, .star-half-png { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: "FontAwesome"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-transform: none; color: var(--color-star); }

.cancel-on-png:before { content: "\e600"; }

.cancel-off-png:before { content: "\e601"; }

.star-on-png:before { content: "\f005"; }

.star-off-png { color: var(--tone-200); }

.star-off-png:before { content: "\f005"; }

.star-half-png { text-shadow: none; }

.star-half-png:before { position: absolute; content: "\f089"; }

.star-half-png:after { color: var(--tone-200); content: "\f005"; }

.qc-cmp2-container #qc-cmp2-ui { border-radius: 10px; }

.qc-cmp2-container #qc-cmp2-ui .logo-container { margin-top: 1rem; }

.qc-cmp2-container #qc-cmp2-ui .logo-container img { width: 100%; height: auto; }

.qc-cmp2-container #qc-cmp2-ui h2 { margin: 15px 0 20px 0; font-family: "Inter", sans-serif; }

.qc-cmp2-container #qc-cmp2-ui .qc-cmp2-summary-section { padding: 10px; }

.qc-cmp2-container #qc-cmp2-ui .qc-cmp2-summary-section .qc-cmp2-summary-info { padding-bottom: 80px; max-height: 50vh; }

@supports (display: grid) { .qc-cmp2-container #qc-cmp2-ui .qc-cmp2-summary-section .qc-cmp2-summary-info { max-height: 100%; } }

.qc-cmp2-container #qc-cmp2-ui button[size="large"] { transition: all .15s ease; border-radius: 30px; font-family: "Inter", sans-serif; box-shadow: none; letter-spacing: 0; text-transform: none; }

.qc-cmp2-container #qc-cmp2-ui button[size="large"][mode="primary"] { background-color: #1db193; border-color: #1db193; color: #fff; font-size: 16px; font-weight: bold; }

.qc-cmp2-container #qc-cmp2-ui button[size="large"][mode="primary"]:hover { background-color: #1ba488; border-color: #1ba488; color: #fff; }

.qc-cmp2-container #qc-cmp2-ui button[size="large"][mode="secondary"] { border-color: #ccc; }

.qc-cmp2-container #qc-cmp2-ui button[size="large"][mode="secondary"]:hover { color: #333; border-color: #999; background: #fff; }

/** Nouislider */
/*! nouislider - 14.6.4 - 3/18/2021 */
/* Functional styling; These styles are required for noUiSlider to function. You don't need to change these rules to apply your design. */
.noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; }

.noUi-target { position: relative; }

.noUi-base, .noUi-connects { width: 100%; height: 100%; position: relative; z-index: 1; }

/* Wrapper for all connect elements.
*/
.noUi-connects { overflow: hidden; z-index: 0; }

.noUi-connect, .noUi-origin { will-change: transform; position: absolute; z-index: 1; top: 0; right: 0; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; -webkit-transform-style: preserve-3d; transform-origin: 0 0; transform-style: flat; }

.noUi-connect { height: 100%; width: 100%; }

.noUi-origin { height: 10%; width: 10%; }

/* Offset direction
*/
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin { left: 0; right: auto; }

/* Give origins 0 height/width so they don't interfere with clicking the connect elements. */
.noUi-vertical .noUi-origin { width: 0; }

.noUi-horizontal .noUi-origin { height: 0; }

.noUi-handle { -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; outline: 0; }

.noUi-touch-area { height: 100%; width: 100%; }

.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { -webkit-transition: transform 0.3s; transition: transform 0.3s; }

.noUi-state-drag * { cursor: inherit !important; }

/* Slider size and handle placement;
*/
.noUi-horizontal { height: 26px; }

@media only screen and (min-width: 995px) { .noUi-horizontal { height: 22px; } }

.noUi-horizontal .noUi-handle { width: 26px; height: 26px; right: -13px; top: 0px; }

@media only screen and (min-width: 995px) { .noUi-horizontal .noUi-handle { width: 22px; height: 22px; right: -11px; } }

.noUi-vertical { width: 22px; }

.noUi-vertical .noUi-handle { width: 26px; height: 26px; border-radius: 100%; right: -6px; top: -17px; }

@media only screen and (min-width: 995px) { .noUi-vertical .noUi-handle { width: 22px; height: 22px; } }

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle { left: -17px; right: auto; }

/* Styling; Giving the connect element a border radius causes issues with using transform: scale */
.noUi-target { background: var(--tone-200); border-radius: 26px; }

.noUi-connects { border-radius: 3px; }

.noUi-connect { background: var(--input-accent-color); }

@media only screen { html[data-theme="dark"].enable-theme .noUi-connect { background: var(--tone-400); } }

/* Handles and cursors;
*/
.noUi-draggable { cursor: ew-resize; }

.noUi-vertical .noUi-draggable { cursor: ns-resize; }

.noUi-handle { border: solid var(--input-accent-color) 2px; border-radius: 100%; background: var(--body-bg); cursor: default; }

@media only screen { html[data-theme="dark"].enable-theme .noUi-handle { border-color: var(--tone-400); } }

/* Disabled state;
*/
[disabled] .noUi-connect { background: #B8B8B8; }

[disabled].noUi-target, [disabled].noUi-handle, [disabled] .noUi-handle { cursor: not-allowed; }

/* Base;
*
*/
.noUi-pips, .noUi-pips * { -moz-box-sizing: border-box; box-sizing: border-box; }

.noUi-pips { position: absolute; color: #999; }

/* Values;
*
*/
.noUi-value { position: absolute; white-space: nowrap; text-align: center; }

.noUi-value-sub { color: #ccc; font-size: 10px; }

/* Markings;
*
*/
.noUi-marker { position: absolute; background: #CCC; }

.noUi-marker-sub { background: #AAA; }

.noUi-marker-large { background: #AAA; }

/* Horizontal layout;
*
*/
.noUi-pips-horizontal { padding: 10px 0; height: 80px; top: 100%; left: 0; width: 100%; }

.noUi-value-horizontal { -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%); }

.noUi-rtl .noUi-value-horizontal { -webkit-transform: translate(50%, 50%); transform: translate(50%, 50%); }

.noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px; }

.noUi-marker-horizontal.noUi-marker-sub { height: 10px; }

.noUi-marker-horizontal.noUi-marker-large { height: 15px; }

/* Vertical layout;
*
*/
.noUi-pips-vertical { padding: 0 10px; height: 100%; top: 0; left: 100%; }

.noUi-value-vertical { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding-left: 25px; }

.noUi-rtl .noUi-value-vertical { -webkit-transform: translate(0, 50%); transform: translate(0, 50%); }

.noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; margin-top: -1px; }

.noUi-marker-vertical.noUi-marker-sub { width: 10px; }

.noUi-marker-vertical.noUi-marker-large { width: 15px; }

.noUi-tooltip { display: block; position: absolute; background: inherit; color: inherit; text-align: center; white-space: nowrap; font-size: .8rem; font-weight: bold; }

.noUi-horizontal .noUi-tooltip { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; bottom: 120%; }

.noUi-vertical .noUi-tooltip { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; right: 120%; }

.noUi-horizontal .noUi-origin > .noUi-tooltip { -webkit-transform: translate(50%, 0); transform: translate(50%, 0); left: auto; bottom: 10px; }

.noUi-vertical .noUi-origin > .noUi-tooltip { -webkit-transform: translate(0, -18px); transform: translate(0, -18px); top: auto; right: 28px; }

/** Autocomplete */
.easy-autocomplete.autocomplete .easy-autocomplete-container { position: absolute; right: 0; left: 0; background: #fff; z-index: 1; }

.easy-autocomplete.autocomplete ul { display: none; list-style: none; padding: 0; margin: 0; border: solid #ddd 1px; }

.easy-autocomplete.autocomplete ul li { padding: .2em .5em; cursor: pointer; }

.easy-autocomplete.autocomplete ul li:hover, .easy-autocomplete.autocomplete ul li.selected { cursor: pointer; background: #eee; }

.tagify__dropdown__wrapper { border-color: #ddd !important; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }

#content .tagify { --tags-border-color: var(--tone-200); --tag-bg: var(--tone-200); --tag-hover: var(--tone-200); --tag-text-color: var(--tone-600); --tag-text-color--edit: var(--tone-500); }

html div.tagify__dropdown__wrapper { --tagify-dd-bg-color: var(--notifications-bg); --tagify-dd-color-primary: var(--notifications-bg-hover); border-color: var(--border-color) !important; }

html div.tagify__dropdown__wrapper .tagify__dropdown__item--active { color: inherit; }

div.fv-rating { margin: .3em 0; min-height: 42px; }

@media only screen and (min-width: 995px) { div.fv-rating { min-height: 35px; } }

div.fv-rating > div:first-child { display: flex; align-items: center; }

div.fv-rating.center > div:first-child { justify-content: center; }

div.fv-rating .star { font-size: 1.1em; margin-right: 5px; color: #d92100; }

div.fv-rating .remove { font-size: 1rem; text-decoration: none !important; color: #666 !important; line-height: 1; margin-left: 7px; }

div.fv-rating .remove i { font-size: 1.3em; }

div.fv-rating .br-theme-fv .br-widget { height: 32px; white-space: nowrap; display: flex; align-items: center; }

div.fv-rating .br-theme-fv .br-widget a { display: block; width: 32px; background-color: var(--tone-100); margin: 1px; text-align: center; border-radius: 3px; font-size: .9em; text-decoration: none !important; color: var(--body-color) !important; height: 32px; line-height: 32px; }

@media only screen and (min-width: 995px) { div.fv-rating .br-theme-fv .br-widget a { width: 8px; height: 25.6px; } }

div.fv-rating .br-theme-fv .br-widget a.br-active, div.fv-rating .br-theme-fv .br-widget a.br-selected { background-color: #4f37ff; color: #fff !important; }

@media print { div.fv-rating .br-theme-fv .br-widget a.br-active, div.fv-rating .br-theme-fv .br-widget a.br-selected { border: solid #666 1px; } }

div.fv-rating .br-theme-fv .br-widget .br-current-rating { font-size: 1rem; line-height: 1; color: #4f37ff; display: none; font-weight: bold; font-family: "Inter", sans-serif; overflow: visible; }

@media only screen and (min-width: 995px) { div.fv-rating .br-theme-fv .br-widget .br-current-rating { font-size: 1rem; margin-left: 8px; display: inline-block; } }

div.fv-rating .br-theme-fv .br-readonly .br-current-rating { color: #4f37ff; display: inline-block; }

@media only screen { html[data-theme="dark"].enable-theme div.fv-rating .br-theme-fv .br-readonly .br-current-rating { color: var(--body-color); } }

div.fv-rating .br-theme-fv .br-readonly a { cursor: default; color: transparent !important; display: none; }

div.fv-rating .br-theme-fv .br-readonly a.br-active, div.fv-rating .br-theme-fv .br-readonly a.br-selected { background-color: #5d46ff; color: transparent !important; display: none; }

@media only screen and (min-width: 995px) { div.fv-rating .br-theme-fv .br-readonly a.br-active, div.fv-rating .br-theme-fv .br-readonly a.br-selected { display: inline-block; } }

div.fv-rating .br-theme-fv .br-readonly a.br-current { color: #fff !important; font-weight: bold; }

@media only screen and (min-width: 995px) { div.fv-rating .br-theme-fv .br-readonly a.br-current { color: transparent !important; } }

@media only screen and (min-width: 995px) { div.fv-rating .br-theme-fv .br-readonly a { display: inline-block; } }

div.fv-rating.large { font-size: 1em; }

div.fv-rating.large .br-theme-fv .br-widget, div.fv-rating.large .br-theme-fv .br-widget a { height: 42px; line-height: 42px; }

@media only screen and (min-width: 995px) { div.fv-rating.large .br-theme-fv .br-widget, div.fv-rating.large .br-theme-fv .br-widget a { height: 35px; line-height: 35px; } }

div.fv-rating.large .br-theme-fv .br-widget a { width: 24px; }

@media only screen and (min-width: 995px) { div.fv-rating.large .br-theme-fv .br-widget a { width: 10px; } }

div.fv-rating.large .br-theme-fv .br-current-rating { font-size: 1.2rem; }

@media only screen and (min-width: 995px) { div.fv-rating.large .br-theme-fv .br-current-rating { width: 1.2em; } }

div.fv-rating.large.lightbox-rating { min-height: 0; margin-bottom: 0; }

div.fv-rating.large.lightbox-rating .icon { display: none; }

div.fv-rating.large.lightbox-rating .br-theme-fv .br-widget { height: auto; line-height: 1; line-height: initial; justify-content: space-between; }

div.fv-rating.large.lightbox-rating .br-theme-fv .br-widget a { width: 28px; height: 28px; line-height: 28px; font-size: .7rem; margin: 0 1px; border-radius: 100%; }

@media only screen and (min-width: 740px) { div.fv-rating.large.lightbox-rating .br-theme-fv .br-widget a { width: 45px; height: 45px; line-height: 45px; margin: 0 7px; } }

@media only screen and (min-width: 995px) { div.fv-rating.large.lightbox-rating .br-theme-fv .br-widget a { margin: 0 3px; } }

div.fv-rating.large.lightbox-rating .br-theme-fv .br-widget a.br-active { color: #fff; }

div.fv-rating.large.lightbox-rating .br-theme-fv .br-widget:not(.br-readonly) .br-current-rating { display: none; }

div.fv-rating.large.lightbox-rating .br-theme-fv .br-widget.br-readonly a { display: none; }

div.fv-rating.large.lightbox-rating .br-current-rating { background: #4f37ff; color: #fff; width: 48px; height: 48px; line-height: 48px; border-radius: 100%; }

div.fv-rating.large > .remove { display: inline-block; margin-top: .5em; margin-left: 0; }

div.fv-rating.large > .remove span { margin-left: 2px; vertical-align: 1px; }

@media only screen and (max-width: 320px) { div.fv-rating.large .star { font-size: .8em; }
  div.fv-rating.large .br-theme-fv .br-widget a { width: 20px; } }

div.fv-rating.small .remove { font-size: 1.2em; line-height: 1.2em; }

div.fv-rating.small .br-theme-fv a { background: var(--tone-200); }

body .table .editor-toolbar { border-color: var(--tone-300) !important; }

body .table .editor-toolbar a { color: var(--body-color) !important; }

body .table .editor-toolbar a:hover { background: var(--tone-200); border-color: var(--tone-100); text-decoration: none !important; }

.toast { --toast-duration: 5s; --toast-bg: var(--tone-700); --toast-color: var(--tone-100); position: absolute; z-index: 10000; padding: 0.5em 0.75em; border-radius: 6px; font-size: 14px; font-weight: var(--font-semibold); line-height: 1.3; background: var(--toast-bg); color: var(--toast-color); pointer-events: none; white-space: nowrap; bottom: 1rem; left: 50%; transform: translateX(-50%); animation: toastAutoHide var(--toast-duration) ease-in-out forwards; }

@keyframes toastAutoHide { 0% { opacity: 0;
    transform: translateX(-50%) translateY(10px); }
  8%, 75% { opacity: 1;
    transform: translateX(-50%) translateY(0); }
  100% { opacity: 0;
    transform: translateX(-50%) translateY(-10px); } }

.toast i.fa, .toast i.label-filter.is-loading:before, .toast div.search i.is-loading.filter:before, div.search .toast i.is-loading.filter:before, .toast #container i.button.button--cta:after, #container .toast i.button.button--cta:after, .toast #header i.button.button--cta:after, #header .toast i.button.button--cta:after, .toast i.button.button--cta:after, .toast #container i.button.is-loading:after, #container .toast i.button.is-loading:after, .toast #container i.button.button--is-loading:after, #container .toast i.button.button--is-loading:after, .toast #header i.button.is-loading:after, #header .toast i.button.is-loading:after, .toast #header i.button.button--is-loading:after, #header .toast i.button.button--is-loading:after, .toast i.button.is-loading:after, .toast i.button.button--is-loading:after { margin-right: 0.4em; }

.toast--top { bottom: auto; top: 1rem; animation-name: toastAutoHideTop; }

@keyframes toastAutoHideTop { 0% { opacity: 0;
    transform: translateX(-50%) translateY(-10px); }
  8%, 75% { opacity: 1;
    transform: translateX(-50%) translateY(0); }
  100% { opacity: 0;
    transform: translateX(-50%) translateY(10px); } }

.toast--left { left: 1rem; transform: none; animation-name: toastAutoHideLeft; }

@keyframes toastAutoHideLeft { 0% { opacity: 0;
    transform: translateX(-10px); }
  8%, 75% { opacity: 1;
    transform: translateX(0); }
  100% { opacity: 0;
    transform: translateX(-10px); } }

.toast--right { left: auto; right: 1rem; transform: none; animation-name: toastAutoHideRight; }

@keyframes toastAutoHideRight { 0% { opacity: 0;
    transform: translateX(10px); }
  8%, 75% { opacity: 1;
    transform: translateX(0); }
  100% { opacity: 0;
    transform: translateX(10px); } }

.toast--page { position: fixed; top: 1rem; bottom: auto; z-index: 99999999; animation-name: toastAutoHideTop; }

.toast--success { --toast-bg: #65eab9; --toast-color: #0d5d3f; }

@media only screen { html[data-theme="dark"].enable-theme .toast--success { --toast-bg: #2a7258; --toast-color: #a8f3d8; } }

.toast--warning { --toast-bg: #ffe08a; --toast-color: #946d00; }

@media only screen { html[data-theme="dark"].enable-theme .toast--warning { --toast-bg: #a17b12; --toast-color: #ffebb3; } }

.toast--error { --toast-bg: #ed2456; --toast-color: #fff; }

@media only screen { html[data-theme="dark"].enable-theme .toast--error { --toast-bg: #911a38; --toast-color: #fbc9d5; } }

.toast--info { --toast-bg: #4f37ff; --toast-color: #fff; }

.save-bar { position: fixed; bottom: 0; left: 0; right: 0; z-index: 10000; background: rgba(255, 255, 255, 0.75); backdrop-filter: blur(12px); color: var(--color-accent); padding: 0.75rem 1rem; border-top: 1px solid rgba(0, 0, 0, 0.08); transform: translateY(100%); transition: transform 0.25s ease; }

.save-bar.is-visible { transform: translateY(0); }

@media only screen and (min-width: 995px) { .save-bar { width: fit-content; max-width: 700px; left: 50%; right: auto; transform: translateX(-50%) translateY(calc(100% + 1rem)); bottom: 1rem; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 12px; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1); }
  .save-bar.is-visible { transform: translateX(-50%) translateY(0); } }

@media only screen { html[data-theme="dark"].enable-theme .save-bar { background: rgba(30, 30, 30, 0.75); border-color: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.85); } }

@media only screen and (min-width: 995px) { html[data-theme="dark"].enable-theme .save-bar { box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3); } }

.save-bar__inner { max-width: 800px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 1rem; font-size: .85rem; font-weight: 600; }

.save-bar .button { flex-shrink: 0; margin: 0; }

.save-bar .button:only-child { margin: 0 auto; }

@media only screen and (max-width: 994px) { body:has(.save-bar) #toTop { transition: bottom 0.25s ease; }
  body:has(.save-bar.is-visible) #toTop { bottom: 80px; } }

#filmlijst-rechts .filmlijst-rechts-item ul.menu.menu--settings > li.menu-section { margin-bottom: 20px; }

#filmlijst-rechts .filmlijst-rechts-item ul.menu.menu--settings > li.menu-section:last-child { margin-bottom: 0; }

#filmlijst-rechts .filmlijst-rechts-item ul.menu.menu--settings .menu-section__title { display: block; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: var(--tone-400); padding: 0 0 8px 0; margin-bottom: 4px; border: none; }

#filmlijst-rechts .filmlijst-rechts-item ul.menu.menu--settings .menu-section__items { list-style: none; padding: 0; margin: 0 -8px; display: flex; flex-direction: column; gap: 2px; }

#filmlijst-rechts .filmlijst-rechts-item ul.menu.menu--settings .menu-section__items li a { display: flex; align-items: center; font-size: 13px; padding: 6px 8px; border-radius: 5px; color: var(--body-color); }

#filmlijst-rechts .filmlijst-rechts-item ul.menu.menu--settings .menu-section__items li a:hover { background-color: var(--tone-100); color: var(--body-color); text-decoration: none; }

#filmlijst-rechts .filmlijst-rechts-item ul.menu.menu--settings .menu-section__items li a.selected { background-color: var(--color-accent-light); color: var(--color-accent); }

#filmlijst-rechts .filmlijst-rechts-item ul.menu.menu--settings .menu-section__items li a.selected .icon { color: var(--color-accent); }

@media only screen { html[data-theme="dark"].enable-theme #filmlijst-rechts .filmlijst-rechts-item ul.menu.menu--settings .menu-section__items li a.selected { color: var(--body-color); }
  html[data-theme="dark"].enable-theme #filmlijst-rechts .filmlijst-rechts-item ul.menu.menu--settings .menu-section__items li a.selected .icon { color: var(--body-color); } }

#filmlijst-rechts .filmlijst-rechts-item ul.menu.menu--settings .menu-section__items li a .icon { color: var(--tone-500); }

@media only screen and (min-width: 995px) { body.sidebar-collapsed #filmlijst-rechts { width: 60px !important; min-width: 60px; overflow: hidden; }
  body.sidebar-collapsed #filmlijst-rechts .filmlijst-rechts-item { padding: 8px; }
  body.sidebar-collapsed .width-610 { width: calc(100% - 60px) !important; }
  body.sidebar-collapsed #filmlijst-rechts .filmlijst-rechts-item ul.menu.menu--settings .menu-section__title { display: none; }
  body.sidebar-collapsed #filmlijst-rechts .filmlijst-rechts-item ul.menu.menu--settings .menu-section__items { margin: 0; }
  body.sidebar-collapsed #filmlijst-rechts .filmlijst-rechts-item ul.menu.menu--settings .menu-section__items li a { justify-content: center; font-size: 0; padding: 10px 0; }
  body.sidebar-collapsed #filmlijst-rechts .filmlijst-rechts-item ul.menu.menu--settings .menu-section__items li a .icon { font-size: 16px; margin: 0; } }

.settings-menu-mobile { position: relative; margin-bottom: 1rem; }

.settings-menu-mobile__trigger { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 12px 16px; background: var(--tone-50); border: 1px solid var(--tone-200); border-radius: 8px; font-size: 14px; font-weight: 500; color: var(--body-color); cursor: pointer; transition: border-color 0.15s ease, background-color 0.15s ease; }

.settings-menu-mobile__trigger:hover { border-color: var(--tone-300); }

.is-open .settings-menu-mobile__trigger { border-color: var(--border-color); border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

@media only screen { html[data-theme="dark"].enable-theme .settings-menu-mobile__trigger { background: var(--tone-100); border-color: var(--tone-300); } }

.settings-menu-mobile__trigger-content { display: flex; align-items: center; gap: 8px; }

.settings-menu-mobile__trigger-content .icon { color: var(--tone-400); }

.settings-menu-mobile__trigger-chevron { color: var(--tone-400); transition: transform 0.2s ease; }

.is-open .settings-menu-mobile__trigger-chevron { transform: rotate(180deg); }

.settings-menu-mobile__dropdown { display: none; position: absolute; top: 100%; left: 0; right: 0; background: var(--body-bg); border: 1px solid var(--border-color); border-top: none; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); z-index: 100; max-height: 60vh; overflow-y: auto; }

.is-open .settings-menu-mobile__dropdown { display: block; }

@media only screen { html[data-theme="dark"].enable-theme .settings-menu-mobile__dropdown { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); } }

.settings-menu-mobile__section { padding: 8px 0; border-bottom: 1px solid var(--tone-100); }

.settings-menu-mobile__section:last-child { border-bottom: none; }

.settings-menu-mobile__section-title { display: block; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: var(--tone-400); padding: 4px 16px 8px; }

.settings-menu-mobile__section-items { list-style: none; padding: 0; margin: 0; }

.settings-menu-mobile__item a { display: flex; align-items: center; justify-content: space-between; padding: 10px 16px; font-size: 14px; color: var(--body-color); text-decoration: none; transition: background-color 0.15s ease; }

.settings-menu-mobile__item a:hover { background-color: var(--tone-50); text-decoration: none; }

.settings-menu-mobile__item a.selected { background-color: var(--color-accent-light); color: var(--color-accent); }

.settings-menu-mobile__item a.selected .icon { color: var(--color-accent); }

@media only screen { html[data-theme="dark"].enable-theme .settings-menu-mobile__item a.selected { color: var(--body-color); }
  html[data-theme="dark"].enable-theme .settings-menu-mobile__item a.selected .icon { color: var(--body-color); } }

.settings-menu-mobile__item-content { display: flex; align-items: center; gap: 10px; }

.settings-menu-mobile__item-content .icon { color: var(--tone-400); width: 20px; text-align: center; }

.settings-menu-mobile__item-check { color: var(--color-accent); opacity: 0; }

.selected .settings-menu-mobile__item-check { opacity: 1; }

.usermenu-mobile ul.menu.menu--settings .menu-section { margin-bottom: 16px; }

.usermenu-mobile ul.menu.menu--settings .menu-section__title { font-size: 13px; padding-left: 10px; }

.usermenu-mobile ul.menu.menu--settings .menu-section__items { display: flex; flex-wrap: wrap; gap: 4px; }

.usermenu-mobile ul.menu.menu--settings .menu-section__items li { display: inline-block; }

.usermenu-mobile ul.menu.menu--settings .menu-section__items li a { padding: 6px 10px; font-size: 13px; }

body:has(.cky-overlay:not(.cky-hide)) { overflow: hidden; }

body { --cmp-primary-color: #4f37ff; --cmp-anchor-color: var(--tone-500); --cmp-background-color: rgba(var(--white), 1); --cmp-title-color: var(--body-color); --cmp-text-color: var(--body-color); --cmp-border-color: var(--tone-300); --cmp-input-bg-color: var(--tone-400); --cmp-copyright-color: var(--tone-500); }

@media only screen { html[data-theme="dark"].enable-theme body { --cmp-background-color: var(--content-bg); --cmp-border-color: var(--tone-300); --cmp-input-bg-color: var(--tone-300); } }

.cky-consent-bar, .cky-modal { border: none !important; box-shadow: none !important; }

.cky-consent-bar, .cky-preference-center { border-radius: 15px !important; }

.cky-overlay, .cky-modal, .cky-consent-container { z-index: 999999999 !important; }

.cky-modal, .cky-consent-container { text-align: left; background: transparent !important; }

.cky-consent-container { border-radius: 15px !important; }

@media only screen and (min-width: 995px) { .cky-consent-container { width: 500px !important; } }

.cky-consent-container p { line-height: 1.6 !important; }

*[class*="cky-"] p:not([class*="cky-"]) { font-size: 14px !important; }

@media only screen and (min-width: 995px) { .cky-notice-content-wrapper { padding: 32px 32px 20px 32px !important; } }

.cky-notice-btn-wrapper { margin-top: 24px !important; }

.cky-btn { transition: opacity 100ms ease-in-out; border-radius: 8px !important; }

@supports (corner-shape: squircle) { .cky-btn { border-radius: 15px !important; corner-shape: squircle; } }

.cky-btn:hover { opacity: 0.9 !important; }

@media only screen { html[data-theme="dark"].enable-theme .cky-btn.cky-btn-reject, html[data-theme="dark"].enable-theme .cky-btn.cky-btn-customize { color: var(--cmp-text-color) !important; } }

.cky-title { font-size: 18px !important; text-align: center; margin-bottom: 16px !important; }

.cky-vendor-wrapper a { color: var(--cmp-anchor-color) !important; }

@media only screen { html[data-theme="dark"].enable-theme .cky-vendor-wrapper a img { filter: invert(1) !important; } }

button.cky-iab-nav-btn, button.cky-show-desc-btn, button.cky-child-accordion-btn, .cky-switch-label, .cky-iab-ad-settings-details, .cky-iab-ad-settings-details .cky-vendor-wrapper { color: var(--cmp-text-color) !important; }

button.cky-iab-dec-btn, a.cky-policy { color: var(--body-color) !important; font-weight: bold !important; text-decoration: none !important; border: none !important; }

.cky-custom-brand-logo-wrapper { text-align: center; }

[data-cky-tag="powered-by"], [data-cky-tag="detail-powered-by"] { display: none !important; }

.cky-iab-nav-item-active, .cky-horizontal-separator { border-color: var(--cmp-border-color) !important; }

.cky-modal.cky-modal-open { transition: none !important; }

.cky-audit-table { border: none !important; color: var(--cmp-text-color) !important; border-color: var(--cmp-border-color) !important; }

.cky-audit-table .cky-cookie-des-table div, .cky-audit-table .cky-cookie-des-table div p { font-size: 12px !important; }

.cky-child-accordion, .cky-audit-table { box-shadow: none !important; background: var(--tone-100) !important; }

@media only screen { html[data-theme="dark"].enable-theme .cky-child-accordion, html[data-theme="dark"].enable-theme .cky-audit-table { background: var(--tone-100) !important; } }

.cky-child-accordion .cky-child-accordion-chevron i:before { color: var(--cmp-text-color) !important; border-color: var(--cmp-text-color) !important; }

.cky-switch input[type="checkbox"], .cky-switch-wrapper input[type="checkbox"] { background: var(--cmp-input-bg-color) !important; }

.cky-switch input[type="checkbox"]:checked, .cky-switch-wrapper input[type="checkbox"]:checked { background: var(--cmp-primary-color) !important; }

.cky-iab-detail-sub-wrapper::-webkit-scrollbar { background: var(--tone-200) !important; border-radius: 8px !important; }

.cky-iab-detail-sub-wrapper::-webkit-scrollbar-track { background: var(--tone-200) !important; border-radius: 8px !important; }

.cky-iab-detail-sub-wrapper::-webkit-scrollbar-thumb { background: var(--tone-400) !important; border-radius: 8px !important; }

.cky-always-active { color: var(--color-green) !important; }

#CybotCookiebotDialog { background-color: var(--cmp-background-color) !important; color: var(--cmp-text-color) !important; }

#CybotCookiebotDialog .CybotCookiebotDialogContentWrapper button { transition: opacity 100ms ease-in-out; border-radius: 8px !important; }

@supports (corner-shape: squircle) { #CybotCookiebotDialog .CybotCookiebotDialogContentWrapper button { border-radius: 15px !important; corner-shape: squircle; } }

#CybotCookiebotDialog .CybotCookiebotDialogContentWrapper button#CybotCookiebotDialogBodyLevelButtonCustomize .CybotCookiebotDialogArrow { display: none !important; }

#CybotCookiebotDialog .CybotCookiebotScrollContainer { border-color: var(--cmp-background-color) !important; }

#CybotCookiebotDialog .CybotCookiebotFader { background-image: linear-gradient(to top, var(--cmp-background-color), transparent) !important; }

#CybotCookiebotDialog #CybotCookiebotDialogHeader { border: none !important; }

#CybotCookiebotDialog #CybotCookiebotDialogNav { border-bottom: none !important; }

#CybotCookiebotDialog #CybotCookiebotDialogNav a.CybotCookiebotDialogNavItemLink { color: var(--cmp-text-color) !important; border-bottom: solid 1px var(--cmp-border-color) !important; }

#CybotCookiebotDialog #CybotCookiebotDialogNav a.CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive { border-bottom: solid 2px var(--cmp-primary-color) !important; }

#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonCustomize, #CybotCookiebotDialog #CybotCookiebotDialogBodyButtonDecline, #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection, #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABHeaderButton.reject, #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABHeaderToggleDeselectVendorsLink { background: transparent !important; color: var(--cmp-primary-color) !important; border-color: var(--cmp-primary-color) !important; }

@media only screen { html[data-theme="dark"].enable-theme #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonCustomize, html[data-theme="dark"].enable-theme #CybotCookiebotDialog #CybotCookiebotDialogBodyButtonDecline, html[data-theme="dark"].enable-theme #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection, html[data-theme="dark"].enable-theme #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABHeaderButton.reject, html[data-theme="dark"].enable-theme #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABHeaderToggleDeselectVendorsLink { color: var(--cmp-text-color) !important; } }

#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll, #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABHeaderButton.select { color: rgba(var(--white), 1) !important; border-color: var(--cmp-primary-color) !important; background: var(--cmp-primary-color) !important; }

#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSlider { background: var(--cmp-input-bg-color) !important; }

#CybotCookiebotDialog input:checked + .CybotCookiebotDialogBodyLevelButtonSlider { background: var(--cmp-primary-color) !important; }

#CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentIABv2Tabs input[type=checkbox] { background-color: var(--cmp-input-bg-color) !important; border-color: var(--cmp-border-color) !important; }

#CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentIABv2Tabs input[type=checkbox]:checked { background-color: var(--cmp-primary-color) !important; border-color: var(--cmp-primary-color) !important; }

#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a, #CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a, #CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a, #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABDescription a, #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink, #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink, #CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentTextAbout a, #CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount) { color: var(--cmp-anchor-color) !important; }

#CybotCookiebotDialog .CybotCookiebotDialogDetailBulkConsentCount { background-color: var(--tone-300) !important; }

#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover, #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentIABv2Tab:hover, #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount):hover { color: var(--cmp-anchor-color) !important; }

#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover .CybotCookiebotDialogDetailBulkConsentCount, #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentIABv2Tab:hover .CybotCookiebotDialogDetailBulkConsentCount, #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount):hover .CybotCookiebotDialogDetailBulkConsentCount { color: var(--cmp-text-color) !important; }

#CybotCookiebotDialog button:before, #CybotCookiebotDialog button:after, #CybotCookiebotDialog a:before, #CybotCookiebotDialog a:after { border-color: var(--cmp-border-color) !important; }

#CybotCookiebotDialog button:hover:before, #CybotCookiebotDialog button:hover:after, #CybotCookiebotDialog a:hover:before, #CybotCookiebotDialog a:hover:after { border-color: var(--cmp-anchor-color) !important; }

#CybotCookiebotDialog .CookieCard, #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieGroup, #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyEmptyCategoryMessage, #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABWrapper, #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABContainer, #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABHeader, #CybotCookiebotDialog .CybotCookiebotScrollContainer, #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription, #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieInfo, #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieInfoWrapper:before, #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieInfoFooter, #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABContainerCollapsed { border-color: var(--cmp-border-color) !important; }

@media only screen { html[data-theme="dark"].enable-theme #CybotCookiebotDialog img.CybotExternalLinkArrow { filter: invert(1) !important; } }

#CybotCookiebotDialog #CybotCookiebotDialogPoweredbyCybot svg { fill: var(--cmp-copyright-color) !important; }

#CybotCookiebotDialog .CybotCookiebotScrollbarContainer { background-color: var(--cmp-background-color) !important; }

#CybotCookiebotDialog .CybotCookiebotScrollContainer > div:first-of-type::-webkit-scrollbar { background: var(--tone-300) !important; border-radius: 8px !important; }

#CybotCookiebotDialog .CybotCookiebotScrollContainer > div:first-of-type::-webkit-scrollbar-track { background: var(--tone-300) !important; }

#CybotCookiebotDialog .CybotCookiebotScrollContainer > div:first-of-type::-webkit-scrollbar-thumb { background: var(--tone-400) !important; border-radius: 8px !important; }

.embed-blocked { --embed-blocked-background: var(--tone-100); --embed-blocked-color: var(--tone-600); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 32px; background: var(--embed-blocked-background); border-radius: 8px; text-align: center; min-height: 200px; width: 100%; max-width: 100%; box-sizing: border-box; }

@media only screen and (min-width: 740px) { .embed-blocked { aspect-ratio: 16 / 9; } }

@media only screen { html[data-theme="dark"].enable-theme .embed-blocked { --embed-blocked-background: var(--tone-200); } }

.embed-blocked .embed-blocked-icon { font-size: 48px; line-height: 1; opacity: 0.6; }

.embed-blocked p { margin: 0; color: var(--embed-blocked-color); font-size: 14px; }

.embed-blocked .embed-blocked-buttons { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }

.filmpagina-info-trailer .embed-blocked { --embed-blocked-background: var(--tone-900) !important; --embed-blocked-color: rgba(var(--white), .9) !important; }

.filmpagina-info-trailer .embed-blocked .tag { --tag-color: rgba(var(--white), 1) !important; }

@media only screen { html[data-theme="dark"].enable-theme .filmpagina-info-trailer .embed-blocked { --embed-blocked-background: var(--tone-50) !important; }
  html[data-theme="dark"].enable-theme .filmpagina-info-trailer .embed-blocked .tag { --tag-color: rgba(var(--white), .3) !important; } }

.grid { display: grid; grid-template-rows: repeat(var(--grid-rows, 1), 1fr); grid-template-columns: repeat(var(--grid-columns, 12), 1fr); gap: var(--grid-gap, 1rem); }

.align-items-center { align-items: center; }

.justify-content-between { justify-content: space-between; }

.gap-0 { gap: 0; }

.gap-1 { gap: 0.25rem; }

.gap-2 { gap: 0.5rem; }

.gap-3 { gap: 0.75rem; }

.gap-4 { gap: 1rem; }

.gap-5 { gap: 1.5rem; }

.grid .g-col-1 { grid-column: auto/span 1; }

.grid .g-col-2 { grid-column: auto/span 2; }

.grid .g-col-3 { grid-column: auto/span 3; }

.grid .g-col-4 { grid-column: auto/span 4; }

.grid .g-col-5 { grid-column: auto/span 5; }

.grid .g-col-6 { grid-column: auto/span 6; }

.grid .g-col-7 { grid-column: auto/span 7; }

.grid .g-col-8 { grid-column: auto/span 8; }

.grid .g-col-9 { grid-column: auto/span 9; }

.grid .g-col-10 { grid-column: auto/span 10; }

.grid .g-col-11 { grid-column: auto/span 11; }

.grid .g-col-12 { grid-column: auto/span 12; }

.grid .g-start-1 { grid-column-start: 1; }

.grid .g-start-2 { grid-column-start: 2; }

.grid .g-start-3 { grid-column-start: 3; }

.grid .g-start-4 { grid-column-start: 4; }

.grid .g-start-5 { grid-column-start: 5; }

.grid .g-start-6 { grid-column-start: 6; }

.grid .g-start-7 { grid-column-start: 7; }

.grid .g-start-8 { grid-column-start: 8; }

.grid .g-start-9 { grid-column-start: 9; }

.grid .g-start-10 { grid-column-start: 10; }

.grid .g-start-11 { grid-column-start: 11; }

@media (min-width: 576px) { .grid .g-col-sm-1 { grid-column: auto/span 1; }
  .grid .g-col-sm-2 { grid-column: auto/span 2; }
  .grid .g-col-sm-3 { grid-column: auto/span 3; }
  .grid .g-col-sm-4 { grid-column: auto/span 4; }
  .grid .g-col-sm-5 { grid-column: auto/span 5; }
  .grid .g-col-sm-6 { grid-column: auto/span 6; }
  .grid .g-col-sm-7 { grid-column: auto/span 7; }
  .grid .g-col-sm-8 { grid-column: auto/span 8; }
  .grid .g-col-sm-9 { grid-column: auto/span 9; }
  .grid .g-col-sm-10 { grid-column: auto/span 10; }
  .grid .g-col-sm-11 { grid-column: auto/span 11; }
  .grid .g-col-sm-12 { grid-column: auto/span 12; }
  .grid .g-start-sm-1 { grid-column-start: 1; }
  .grid .g-start-sm-2 { grid-column-start: 2; }
  .grid .g-start-sm-3 { grid-column-start: 3; }
  .grid .g-start-sm-4 { grid-column-start: 4; }
  .grid .g-start-sm-5 { grid-column-start: 5; }
  .grid .g-start-sm-6 { grid-column-start: 6; }
  .grid .g-start-sm-7 { grid-column-start: 7; }
  .grid .g-start-sm-8 { grid-column-start: 8; }
  .grid .g-start-sm-9 { grid-column-start: 9; }
  .grid .g-start-sm-10 { grid-column-start: 10; }
  .grid .g-start-sm-11 { grid-column-start: 11; } }

@media (min-width: 740px) { .grid .g-col-md-1 { grid-column: auto/span 1; }
  .grid .g-col-md-2 { grid-column: auto/span 2; }
  .grid .g-col-md-3 { grid-column: auto/span 3; }
  .grid .g-col-md-4 { grid-column: auto/span 4; }
  .grid .g-col-md-5 { grid-column: auto/span 5; }
  .grid .g-col-md-6 { grid-column: auto/span 6; }
  .grid .g-col-md-7 { grid-column: auto/span 7; }
  .grid .g-col-md-8 { grid-column: auto/span 8; }
  .grid .g-col-md-9 { grid-column: auto/span 9; }
  .grid .g-col-md-10 { grid-column: auto/span 10; }
  .grid .g-col-md-11 { grid-column: auto/span 11; }
  .grid .g-col-md-12 { grid-column: auto/span 12; }
  .grid .g-start-md-1 { grid-column-start: 1; }
  .grid .g-start-md-2 { grid-column-start: 2; }
  .grid .g-start-md-3 { grid-column-start: 3; }
  .grid .g-start-md-4 { grid-column-start: 4; }
  .grid .g-start-md-5 { grid-column-start: 5; }
  .grid .g-start-md-6 { grid-column-start: 6; }
  .grid .g-start-md-7 { grid-column-start: 7; }
  .grid .g-start-md-8 { grid-column-start: 8; }
  .grid .g-start-md-9 { grid-column-start: 9; }
  .grid .g-start-md-10 { grid-column-start: 10; }
  .grid .g-start-md-11 { grid-column-start: 11; } }

@media (min-width: 995px) { .grid .g-col-lg-1 { grid-column: auto/span 1; }
  .grid .g-col-lg-2 { grid-column: auto/span 2; }
  .grid .g-col-lg-3 { grid-column: auto/span 3; }
  .grid .g-col-lg-4 { grid-column: auto/span 4; }
  .grid .g-col-lg-5 { grid-column: auto/span 5; }
  .grid .g-col-lg-6 { grid-column: auto/span 6; }
  .grid .g-col-lg-7 { grid-column: auto/span 7; }
  .grid .g-col-lg-8 { grid-column: auto/span 8; }
  .grid .g-col-lg-9 { grid-column: auto/span 9; }
  .grid .g-col-lg-10 { grid-column: auto/span 10; }
  .grid .g-col-lg-11 { grid-column: auto/span 11; }
  .grid .g-col-lg-12 { grid-column: auto/span 12; }
  .grid .g-start-lg-1 { grid-column-start: 1; }
  .grid .g-start-lg-2 { grid-column-start: 2; }
  .grid .g-start-lg-3 { grid-column-start: 3; }
  .grid .g-start-lg-4 { grid-column-start: 4; }
  .grid .g-start-lg-5 { grid-column-start: 5; }
  .grid .g-start-lg-6 { grid-column-start: 6; }
  .grid .g-start-lg-7 { grid-column-start: 7; }
  .grid .g-start-lg-8 { grid-column-start: 8; }
  .grid .g-start-lg-9 { grid-column-start: 9; }
  .grid .g-start-lg-10 { grid-column-start: 10; }
  .grid .g-start-lg-11 { grid-column-start: 11; } }

@media (min-width: 1200px) { .grid .g-col-xl-1 { grid-column: auto/span 1; }
  .grid .g-col-xl-2 { grid-column: auto/span 2; }
  .grid .g-col-xl-3 { grid-column: auto/span 3; }
  .grid .g-col-xl-4 { grid-column: auto/span 4; }
  .grid .g-col-xl-5 { grid-column: auto/span 5; }
  .grid .g-col-xl-6 { grid-column: auto/span 6; }
  .grid .g-col-xl-7 { grid-column: auto/span 7; }
  .grid .g-col-xl-8 { grid-column: auto/span 8; }
  .grid .g-col-xl-9 { grid-column: auto/span 9; }
  .grid .g-col-xl-10 { grid-column: auto/span 10; }
  .grid .g-col-xl-11 { grid-column: auto/span 11; }
  .grid .g-col-xl-12 { grid-column: auto/span 12; }
  .grid .g-start-xl-1 { grid-column-start: 1; }
  .grid .g-start-xl-2 { grid-column-start: 2; }
  .grid .g-start-xl-3 { grid-column-start: 3; }
  .grid .g-start-xl-4 { grid-column-start: 4; }
  .grid .g-start-xl-5 { grid-column-start: 5; }
  .grid .g-start-xl-6 { grid-column-start: 6; }
  .grid .g-start-xl-7 { grid-column-start: 7; }
  .grid .g-start-xl-8 { grid-column-start: 8; }
  .grid .g-start-xl-9 { grid-column-start: 9; }
  .grid .g-start-xl-10 { grid-column-start: 10; }
  .grid .g-start-xl-11 { grid-column-start: 11; } }

@media (min-width: 1400px) { .grid .g-col-xxl-1 { grid-column: auto/span 1; }
  .grid .g-col-xxl-2 { grid-column: auto/span 2; }
  .grid .g-col-xxl-3 { grid-column: auto/span 3; }
  .grid .g-col-xxl-4 { grid-column: auto/span 4; }
  .grid .g-col-xxl-5 { grid-column: auto/span 5; }
  .grid .g-col-xxl-6 { grid-column: auto/span 6; }
  .grid .g-col-xxl-7 { grid-column: auto/span 7; }
  .grid .g-col-xxl-8 { grid-column: auto/span 8; }
  .grid .g-col-xxl-9 { grid-column: auto/span 9; }
  .grid .g-col-xxl-10 { grid-column: auto/span 10; }
  .grid .g-col-xxl-11 { grid-column: auto/span 11; }
  .grid .g-col-xxl-12 { grid-column: auto/span 12; }
  .grid .g-start-xxl-1 { grid-column-start: 1; }
  .grid .g-start-xxl-2 { grid-column-start: 2; }
  .grid .g-start-xxl-3 { grid-column-start: 3; }
  .grid .g-start-xxl-4 { grid-column-start: 4; }
  .grid .g-start-xxl-5 { grid-column-start: 5; }
  .grid .g-start-xxl-6 { grid-column-start: 6; }
  .grid .g-start-xxl-7 { grid-column-start: 7; }
  .grid .g-start-xxl-8 { grid-column-start: 8; }
  .grid .g-start-xxl-9 { grid-column-start: 9; }
  .grid .g-start-xxl-10 { grid-column-start: 10; }
  .grid .g-start-xxl-11 { grid-column-start: 11; } }