/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden], template {
  display: none;
}

a {
  background-color: transparent;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

/* 
 * Font Custom: bare CSS
 */
@font-face {
  font-family: "iconfont";
  src: url("//web-archive.nli.org.il/National_Library/oe_///st-static-stage.s3.amazonaws.com/fonts/iconfont.eot?0");
  src: url("//web-archive.nli.org.il/National_Library/oe_///st-static-stage.s3.amazonaws.com/fonts/iconfont.eot?#iefix") format("embedded-opentype"), url("data:application/x-font-woff;base64,d09GRgABAAAAABBEAA0AAAAAGmQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAQKAAAABoAAAAcbT21kk9TLzIAAAGgAAAASgAAAGBBOV2kY21hcAAAAjgAAABCAAABQgAP9MdjdnQgAAACfAAAAAQAAAAEABEBRGdhc3AAABAgAAAACAAAAAj//wADZ2x5ZgAAAsQAAAt3AAASpFCA+FxoZWFkAAABMAAAAC4AAAA2AcNTFmhoZWEAAAFgAAAAHQAAACQDawGFaG10eAAAAewAAABMAAAAgCerABFsb2NhAAACgAAAAEIAAABCWuxUsm1heHAAAAGAAAAAIAAAACAAkgImbmFtZQAADjwAAAFcAAACi3nud91wb3N0AAAPmAAAAIgAAAFKFTXayXjaY2BkYGAA4nS/B9/j+W2+MnAzMYDAhQbORAT9/wDjEsbpQC4HA1gaADQqCrUAAHjaY2BkYGCc/v8Agx7jEgYgAJKMDKhAAQBnuwPyAAAAAAEAAAAgAfUAMAAAAAAAAgAAAAEAAQAAAEAALgAAAAB42mNgYQxk/MLAysDA6MOYxsDA4A6lvzJIMrQwMDAxsDEzwIEAgskQkOaawnDgI8NHGcYD/w8w6DFOZ3AACjMiKVFgYAQAUO8McgAAeNpj2M0gyAACqxgYGDWhuA6Iq6EYKMWYDsTGQBwDxLOAeAIQJ0LZIDE1qDyQz3AWKh4ExIVA3A81cwmEz7AOiL9B1T5kYAAAUrcO1njaY2BgYGaAYBkGRgYQsAHyGMF8FgYFIM0ChED+R5n//4Ekw////MxQlQyMbAwwJgMjE5BgYkAFjAzDHgAAWtgGyAAAABEBRAAAACoAKgAqAIAArANeA8QEPASMBLIE2gUABRYFjgXmBhwGNgZ0BpIGsga+BugHWAdkB5YHpggMCEQIVgieCLYJUgAAeNq9F2uMXFX5fOc+ztzHuXfmPndnZ+fuzOzeu6+ZLXNn5ha2uy2YQovQ0pXSUpcfIm4tJkU0ltqiYKUEEs0WQzStmmgwJmqoUo2AGkM08MO4pokxoDG+iK+IMQRBYmTwO3d2Cz6Ibyd37vnOd75z7ne+90coKRFCTsNeIhFGWg8Bmdtyjsnkt+2HVOWHW85JFEHykCTQikCfYyr8acs5EPi0lJaStNQo3XPbygrs7X+uBCmeRvFfgSm4icyQeUJclfme2qgn7SBtZ+tDC7pBGnc7WRDiu5e2w16msl5SV/2SF8xDu9ctdeLGcwVjoV0rUxVG/BENZKqollPQS0q1DWGxZFiGzI1vm8Wi+ax4AeEFZXaHA04FqBTYihkY+qQkqaUhLjGrAIccs/9703FMME0H2SSA/zjnNcJJrY5fn4duo5sOmPIb9VFIWcNP28gPDPf/UCyuJklUHikMBbNqfFURbnL6v3CObxqv1uhMGG067kAZT96E507Be+EAcUlMWuRiso1cRa4jN5K3kSPkDnIvuY98jDxAPk8eJY+T75Dvk5+RZ8hz5GXQwIcqctSGLXA5LMEbYQVugXfDCfggfBg+AZ+BL8ITcB6egp/Ab+D3KN8WNFjd98IgAmSzk8xAnPhVwFnge2ISL+CCorJapwXJRC30kLKW9TKmskYnFpicOluEjFkUcUiWNXKyAVKor9tBeaBK8EuowF62gQsETvU9VOr/4wv/1eP+g73JP/mJv0VBTi/0FebqarRAqVVpWFukrFaFMF0E1hCLOL5ydjAA03aVapJsLkk6PFW04FtXFq2Mw3lF+Z4KS1SD62Xa/5UkAXT7X6dMojABTBqT6e8UCkb/lxQYpX+ikkJrQCk8gZRPPysh3XcBcV+1Cr4fGK4VFW3TX7UKnhfojsVLVWPn/+jc7n9+xNi/Rr762kvGqyf956nJlhTlScP4trEZru6vgSRTtDtJdvsvUAYvSIrzU1mS1iTl80WzbJmae7poDA9rsEeRwXPPFWQoauoXTBh7fyRRSWVw1tFblgpMkwwGwyqVQtbDOVd1VfEVWVJ9uUcLTIaCJukMhlRJoN5V4GifllM1A5frRuiNV5yiVX/xv3bS4//2zg/905Rjr4F+BYRYMSl4ZwuSocrlu5nEdRn/c8iV4rc4V5TgnaY9bDglOmQPjxI5j93HYTexMXrPka0YweO6DaoXQdDeCr1OwjBQIKI+By1ARJv9g3W43ut5h1yPe5kYKtwC65A1YVn5GN84QFsDoso61lqngnnPPYRLfDCAxRN+iFuDoTlAWmLILqxxPokD3kPHP8e7vBOzsE1CvE+CN8rIpWQn2U1Ir9NrB55aj72g3evEdXV9fC08fTW+m4ee9ZUs4ZAlXiUeGYk3JZvjePNovVWrtX40IjBz8eYk2Vypter1ljNUHxqqzzY64+Pl4XJ1OoqmK7z/DHjWDx4UtCNXCtpkVuyuxa9g4hmxu9Y/L7YPva7TGB8uj09NV6vT1U9X7rhr5JDIu3J+X4L31TBDNjA/ijumgulGPb4AZTiOgqfOQB2TWEfUBzgNUpZmaZgm7R4i48YDtqHbtm7cg38bYfY+MX2fjqI3LMuYmo1ujmanBHgssO2N50eWPo4k4jXN9Wd1fkWnc0UOIG8SIS+/BAcxf2tYIfmEdAfyQ0EG67INs4Rdd/u+fYsL+6a27t+2bf+vg+Xg8YV9+47t33ezmG+9ARGDs9BOU6wx1Fy3JEu7qZ+yrIZJIA16XcAio9btNFaiqSg93V+LnreL/WcwH0XvX17unH1klELJhihK02hDdvOwDNvzmo2j/AgeVUv8Wnei5je6CClh2tVhqv+kDguosim//4wOnh49d/rs2lp19daFHfrxtY36pwBn4CN4T+Ji3mFZiOlwLT1zMj1+vHM3rpxZPr2ycnqZIPeEjMMpOJzbaA/9bQe5BvVWV6tYr7WgXUVPakGGQmIWoGf5oUhdWbwFXa0r8mwvq+YlinC3YLAtwX1BGOBGum6ht1zWopsua9KbpqsUbYY+KJsGNbcC1kI60xiAP6JUTM8KZ62mWj21rUnntjUB3jw9CjA6PUovKZUdp/z15rZmc5tTnRwdnXxYpmwbdyeV7YpmDTUcTQbN5nJFb5gmU7TC9JHmYnM2GnNGfa8yOvlkuVQSNZyS6+1N8B60gBqZIheRBZRRakPiRxLLkmwOuok68LCkIQwUbx78lUeGWEw2mJ/6WEO+61Je7iTlbnKonPAk4Z1rj+xVLkOWyvOHiseKxWPl4duHh29/g6Hjbxxmyh1eLnNe3j0pqMtl9cjevfMlh2tXa285USqdKN1/V7l8V/l+/VbdWNZzu7gIdbkdNVUiQ6KinRAOkjAlSGttNNeEzYFwIDTdOgtRUXBK14/0/8gdSF1+2wLIl91p6LftcsxHH+bOdrt4tmgfuRNJFkG69E7Lwelt92qPPKwLu3n5MbTBjxAr940IFuWuCEAHmk0WXNIcXzm18suZ+zudQmX35W8Y2Xnw4MB+moASRcly4uUcNta9obEhrzRchCRWQ2RPagFT8WSM0tcteHt27Dq8a9fhOxZM4HbNYCl7itdtDuY0go+tHFt6x54979iTmrFpFF5AFIxYBQNnX0N40JMMfLBAiiiXv3Y9SF/tdi/9hcvRC3KlBM3CDdlGGKqtB6Azq6sHg9HRACvuajWAwo6lJ6v+Wb+av3If203W4CJxUsnPEPrZrYM+6eXn8NwPYvT3hfeFvTwdhVtpoiYiISXs/PnYq3JZkSfOO2mSg0rchh3n46DCh1UWI3oDTNdjQ4yecgAlHKLVXiP4bQfoiY2k3s06vVDYpy8MNLkAhUL2okfoIUU8AwleSXRiLH+JdgwL19zMe93QUw+/V+ea93FLsz5hexY+P7c9js/TlmczzQKuWQbXH9Vt19K4xNFluWfDlwEWJIy2gRyO6+YHdDsP2qX18W1GsagPc/0G3dqvWwrX90E+KThG0Taoo8jyRr+GcflW1CNGVbQb95tnP/kpOJjLmMEqxqYxIUnRcoYi1mTCN7FBqou0goC4Qic+MDMjl2Y/uf11VUOW9hS0qBC+GSPW5AQcVqNaxJvXHG0WfSZLSWdnIFVUaErynvwbF2FntltEhlLoZ93sZHQSdp88PfX2k+L7yNuL8Clc19C6RcSYJm0RMyALLRpRDBwZ2o4IeSzJXYbmLiOhO6Jzhpm8HjvyxV6+BldhrwpAbcN9q/H68SsNVcUad7pdHjai7sVLF3+UfuXq++DBXV/q3+eUXbe8pVFyrp5ZnIYat0HSQLKsijW/6RKLFbB2HQl3V0bM+Now6fX6v9Zrc74+vOnH14p46UTO8sTEqcnqzAxZz1kHUM7zxEA7Qi91RQUhDB5tQ3kNODJd14RUvPtrfx+GeXfIxWfJHXKcC8PAP28iZyHOcxp6SZ4iu1PLUxB/A38bPDnkBThKTOSohTwJY7WA9QKWoWG3YA47JqFsXwiwCqOw3kLlfVfvEdflyvWuO8lW9MXyiOvdAJYdaejlC8P7j/u6VYp0H67jvrI3YEF5RX/AmBhxnaWi7Y1JNoxFl+u6u3xLYSbSp9y/8F8q6jeMCxtBbPXMmdWjnz169LNQuGLnxwVwdJ3+JfJTOIG+eTPSY5oUXWCaV2isRdU8b6LtWhgERO/Yy3pbxf0GD15KEIsetSdeVZFi17djbhVmnghkToUoSSCw+f9oIdCo7nKXBzLDtpGr5qSiATUVxdIl6lNuyUMSqLLaUAyJKnZRMiUPKKNSQ1F1SS5qvKBLUmFKs6iD2RdkDjLVqGxLKozBiaEilV3X1tyrVOzkFG1cxnagZnJb1+eYLpV2FOVYs1OMBQZAWQmUmLKxglw1+aJucR2iWbNA9SlzUSlBWARblhWKDY1NZUDnIX8GxW6tOQB42n2QT2rCQBTGv/EfFkrxCG/RhYUkTkQ32QZCF5bu3EdNdEATmYyIF+iqtDcp9Ao9Q3uGbnuC0pdxLLQL88i8X758+d5MAFzhBQLHK8GTY4EuPh030MG34yauxb3jFrriwXEbPfHquMP6OztF64KfHu1XNQv08OG4gUt8OW7iVrQdtzjHOG6DxLPjDutviKGRIYXhdQHCDAdeY1Y01kwTSxVKFPBsEfZQ7F8xJVY3tmssOYMwRADJvc8Ow7VFhAFX7rz5rzfg3JzXgtngBoh1lppsQbMDxale0yTVVVl4nkd7ZVaUlIVJSr3MaBhI6q+M2UaDQc5qXqtBlQdFZjhHYW6HnUZCzcui9gF39pwKO2z4IVuo3QZnjxHx/T/vqI7hI+Ty2Su5jzjozw4jOs1lHPth6A9lODq7vSnPrn+3sq+Ic+vkwPZ6N5hmulJlQVKGgZSSzqX9AJ5NcWN42m3NNw7CUAAE0T8mmJxzEkfwkinB4LvQ0HE/bgYItmSl1SsnROG71zOMw78tPydEROTIU6BITIkyFarUqNOgSYs2Hbr06DNgyIgxE6bMmLOIH/dbpiSxsiu7thu7tTu7twd7tCd7tqm92KvNfsp9uS/35b7cl/tyX+7Lfbkv9+W+0jdoh0O/AAAAAf//AAJ42mNgYGBkAIIztovOg+gLDZyJMBoARgUF8AAA") format("woff"), url("//web-archive.nli.org.il/National_Library/oe_///st-static-stage.s3.amazonaws.com/fonts/iconfont.ttf?0") format("truetype"), url("//web-archive.nli.org.il/National_Library/oe_///st-static-stage.s3.amazonaws.com/fonts/iconfont.svg#iconfont") format("svg");
  font-weight: normal;
  font-style: normal;
}
.icon-twitter:before,
.icon-fb:before,
.icon-cart:before,
.icon-link:before,
.icon-share:before,
.icon-transit:before,
.icon-search:before,
.icon-ical:before,
.icon-gallery:before,
.icon-star:before,
.icon-cycling:before,
.icon-notification:before,
.icon-mail:before,
.icon-map:before,
.icon-remindme:before,
.icon-event:before,
.icon-trailer:before,
.icon-play:before,
.icon-ticket:before,
.icon-car:before,
.icon-geo:before,
.icon-call:before,
.icon-filter:before,
.icon-directions:before,
.icon-more:before,
.icon-pause:before,
.icon-synopsis:before,
.icon-vod:before,
.icon-walking:before {
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-decoration: inherit;
}

.icon-twitter:before {
  content: "\f100";
}

.icon-fb:before {
  content: "\f101";
}

.icon-cart:before {
  content: "\f102";
}

.icon-link:before {
  content: "\f103";
}

.icon-share:before {
  content: "\f104";
}

.icon-transit:before {
  content: "\f105";
}

.icon-search:before {
  content: "\f106";
}

.icon-ical:before {
  content: "\f107";
}

.icon-gallery:before {
  content: "\f108";
}

.icon-star:before {
  content: "\f109";
}

.icon-cycling:before {
  content: "\f10a";
}

.icon-notification:before {
  content: "\f10b";
}

.icon-mail:before {
  content: "\f10c";
}

.icon-map:before {
  content: "\f10d";
}

.icon-remindme:before {
  content: "\f10e";
}

.icon-event:before {
  content: "\f10f";
}

.icon-trailer:before {
  content: "\f110";
}

.icon-play:before {
  content: "\f111";
}

.icon-ticket:before {
  content: "\f112";
}

.icon-car:before {
  content: "\f113";
}

.icon-geo:before {
  content: "\f114";
}

.icon-call:before {
  content: "\f115";
}

.icon-filter:before {
  content: "\f116";
}

.icon-directions:before {
  content: "\f117";
}

.icon-more:before {
  content: "\f118";
}

.icon-pause:before {
  content: "\f119";
}

.icon-synopsis:before {
  content: "\f11a";
}

.icon-vod:before {
  content: "\f11b";
}

.icon-walking:before {
  content: "\f11c";
}

.spinner {
  width: 200px;
  height: 200px;
  position: relative;
  margin: 100px auto;
}

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

.double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

@-webkit-keyframes bounce {
  0%, 100% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
}
* {
  box-sizing: border-box;
}

a {
  text-decoration: none;
  color: inherit;
}

ul, li {
  margin: 0;
  padding: 0;
}

li {
  list-style-type: none;
}

html {
  overflow-x: hidden;
  font-family: "acumin-pro-wide", sans-serif;
  font-size: 16px;
}

html, body, h1, h2, h3, h4, p, a span, li {
  font-family: "acumin-pro-wide", sans-serif;
}

html, body, #app, .page, .content, .app-menu {
  height: 100%;
}

.button {
  cursor: pointer;
}
.button:before {
  line-height: inherit;
}

#main-header {
  position: fixed;
  top: 96px;
  width: 100%;
  text-align: center;
  z-index: 2;
  color: white;
  height: 50px;
  line-height: 50px;
}
#main-header > .button, #main-header > .region {
  z-index: 3;
  top: 0;
}
#main-header > .link {
  display: inline-block;
  width: 12px;
  margin-left: 0.5rem;
  background: no-repeat center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAZ0lEQVQY052PsQ2AMAwEH4YCIVGlyq4MkIqKij2QUrABzdE4EomSFHz1tk/2e1BHAMmP6muWdEt6BOzkOm3bBETAA8iGrjiZIFfN8YEuYG0GtnoDFvNHE/z7tTIQ8JVtvmwE2gqJewGe4YQyDqGhsQAAAABJRU5ErkJggg==");
}
#main-header > .link::after {
  content: " ";
  white-space: pre;
}
#main-header > .page-title {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  margin: 0;
  background-color: #34DC86;
  font-weight: 300;
}
#main-header > .page-title h1 {
  display: block;
  float: left;
  padding: 0px;
  margin: 0px;
  color: #000;
  font-weight: 300;
}
#main-header > .page-title .link {
  float: left;
  display: inline-block;
  width: 12px;
  margin-left: 0.5rem;
  background: no-repeat center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAZ0lEQVQY052PsQ2AMAwEH4YCIVGlyq4MkIqKij2QUrABzdE4EomSFHz1tk/2e1BHAMmP6muWdEt6BOzkOm3bBETAA8iGrjiZIFfN8YEuYG0GtnoDFvNHE/z7tTIQ8JVtvmwE2gqJewGe4YQyDqGhsQAAAABJRU5ErkJggg==");
  filter: invert(100%);
}
#main-header > .page-title .link::after {
  content: " ";
  white-space: pre;
}
#main-header > .page-title .logo {
  width: 108px;
  margin-left: 30px;
  display: block;
  float: left;
}
#main-header > .page-title .logo svg {
  position: relative;
  top: -3px;
  width: 100%;
  height: 100%;
  fill: #fff;
}
#main-header > .page-title span {
  font-family: "acumin-pro-wide", sans-serif;
  float: left;
  font-size: 18px;
  color: #000;
  padding-left: 15px;
  margin-top: 15px;
  border-left: 1px solid #54754e;
  margin-left: 30px;
  display: block;
  height: 24px;
  line-height: 22px;
}
#main-header.regionsopen > .region-selector > .region:after {
  transform: rotate(180deg);
}
#main-header.regionsopen > .region-selector > .regions {
  transform: translateY(0);
}
#main-header > .button {
  position: absolute;
}
#main-header > .button.back {
  left: 10px;
  font-size: 10px;
  line-height: 10px;
  font-weight: 300;
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.4s;
  background-image: url(//web-archive.nli.org.il/National_Library/oe_///dx35vtwkllhj9.cloudfront.net/images/powster_movies/back_icon.png);
  height: 10px;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 10px;
  margin-top: 20px;
}
#main-header > .button.back.hide {
  opacity: 0;
  display: none;
}
#main-header > .button.menu {
  color: #000;
  right: 30px;
  font-size: 30px;
}
#main-header > .button.menu.hide {
  opacity: 0;
  display: none;
}

.region-selector {
  margin-top: 50px;
}
.region-selector .region .flag {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.75rem;
  display: inline-block;
  overflow: hidden;
}
.region-selector .region .flag > .flag-img {
  display: block;
  height: 100%;
  margin-left: -17.5%;
}
.region-selector > .region.current {
  position: absolute;
  right: 0px;
  margin-right: 80px;
  top: 0px;
  cursor: pointer;
  text-align: right;
  z-index: 2;
}
.region-selector > .region.current .flag {
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-top: -2px;
  border-radius: 5px;
}
.region-selector > .region.current:after {
  display: inline-block;
  content: " ";
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-top: 4px solid #000;
  margin-left: 6px;
  vertical-align: middle;
  transform: rotate(0deg);
  transition: transform 0.2s cubic-bezier(0.315, 0.025, 0.42, 0.96);
}
.region-selector > .regions {
  width: 200px;
  padding-top: 8px;
  position: absolute;
  top: 50px;
  min-height: 50px;
  right: 0;
  z-index: -1;
  transform: translateY(-100%);
  transition: transform 0.2s cubic-bezier(0.315, 0.025, 0.42, 0.96);
  background: #34DC86;
}
.region-selector > .regions .region {
  float: left;
  display: block;
  margin-left: 8px;
  margin-bottom: 8px;
  line-height: 1.5rem;
}
.region-selector > .regions .region .flag {
  cursor: pointer;
}
.region-selector > .regions:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.text-input-container {
  position: relative;
  line-height: 50px;
  font-size: 1.5rem;
  font-weight: 300;
  background-color: white;
  white-space: nowrap;
}
.text-input-container .placeholder {
  position: absolute;
  text-align: center;
  color: #999;
  left: 50%;
  font-size: 20px;
  transform: translateX(-50%);
  transition: left 0.25s, transform 0.25s, font-size 0.25s;
}
.text-input-container .placeholder .label {
  color: black;
}
.text-input-container .placeholder .label:before {
  font-size: 20px;
  vertical-align: middle;
  margin-right: 6px;
  transition: font-size 0.5s;
  margin-bottom: 0.3rem;
}
.text-input-container .placeholder .message {
  opacity: 1;
  transition: opacity 0.3s;
}
.text-input-container.focused .placeholder, .text-input-container.filtered .placeholder {
  font-size: 20px;
  left: 30px;
  transform: translateX(0);
}
.text-input-container.focused .placeholder .label:before, .text-input-container.filtered .placeholder .label:before {
  font-size: 20px;
  line-height: inherit;
}
.text-input-container.focused .placeholder .message, .text-input-container.filtered .placeholder .message {
  opacity: 0;
}
.text-input-container.focused #filter, .text-input-container.filtered #filter {
  text-align: left;
  color: black;
}
.text-input-container #filter {
  position: relative;
  width: 100%;
  border: 0;
  text-align: center;
  padding: 0 140px;
  font-size: 20px;
  outline: none;
  background-color: transparent;
  color: transparent;
  transition: color 1s cubic-bezier(0.315, 0.025, 0.42, 0.96);
}
.text-input-container > .button.clear {
  position: absolute;
  right: 0rem;
  font-size: 15px;
  font-weight: normal;
  padding: 0 30px;
  opacity: 1;
  transition: opacity 0.4s;
}
.text-input-container > .button.clear:before {
  content: "x";
}
.text-input-container > .button.clear.hide {
  opacity: 0;
  display: none;
}

.movie-picker {
  background-color: #000;
  min-height: 100%;
  transition: padding-top 0.4s cubic-bezier(0.315, 0.025, 0.42, 0.96);
}

.movie-stages > .stage {
  max-height: 150px;
  overflow: hidden;
  display: block;
  position: relative;
  background-color: #000;
  padding-bottom: 1rem;
  filter: grayscale(100%);
  transition: filter 0.4s cubic-bezier(0.315, 0.025, 0.42, 0.96), background-color 0.4s, max-height 0.4s;
}
.movie-stages > .stage:hover {
  filter: grayscale(0%);
}
.movie-stages > .stage:hover:before {
  opacity: 0.1;
}
.movie-stages > .stage.hide {
  display: none;
}
.movie-stages > .stage > h3 {
  margin: 0;
  padding: 30px 30px 15px 30px;
  font-weight: 300;
  color: white;
  font-size: 20px;
  cursor: pointer;
  text-transform: capitalize;
}
.movie-stages > .stage > h3:after {
  display: inline-block;
  content: " ";
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-bottom: 6px solid white;
  margin-left: 10px;
  vertical-align: middle;
  transition: transform 0.4s cubic-bezier(0.315, 0.025, 0.42, 0.96);
}
.movie-stages > .stage.open {
  filter: grayscale(0%);
  background-color: #fff;
  max-height: none;
}
.movie-stages > .stage.open > h3 {
  color: #000;
}
.movie-stages > .stage.open > h3:after {
  border-bottom: 6px solid black;
}
.movie-stages > .stage.open > h3:after {
  transform: rotate(180deg);
  color: #000;
}
.movie-stages > .stage.open:before {
  opacity: 0;
}
.movie-stages > .stage > .cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.movie-stages > .stage:before {
  content: "";
  background: url(https://web-archive.nli.org.il/National_Library/oe_/https://dx35vtwkllhj9.cloudfront.net/powster/powster/images/pattern-tile.svg) repeat;
  background-size: 400px 400px;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  transition: opacity 0.4s cubic-bezier(0.315, 0.025, 0.42, 0.96);
  pointer-events: none;
}

.movie-list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  display: grid;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  margin: 0 20px;
}
.movie-list .movie {
  position: relative;
  display: block;
  float: left;
  flex-grow: 1;
  min-width: 150px;
  max-width: 250px;
  margin: 10px;
  text-align: center;
  transition: transform 0.2s cubic-bezier(0.315, 0.025, 0.42, 0.96);
}
.movie-list .movie.hide {
  display: none;
}
.movie-list .movie:after {
  display: block;
  content: " ";
  padding-top: 148%;
}
.movie-list .movie > .movie-link {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #ddd;
  overflow: hidden;
}
.movie-list .movie:hover .movie-outside-link {
  opacity: 1 !important;
}
.movie-list .movie .movie-outside-link {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0.01;
  width: 30px;
  height: 30px;
  transition: opacity 0.5s;
  display: block;
  z-index: 2;
  background-position: center;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.5);
  background-size: 12px;
  border-radius: 0px 0px 0px 3px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAZ0lEQVQY052PsQ2AMAwEH4YCIVGlyq4MkIqKij2QUrABzdE4EomSFHz1tk/2e1BHAMmP6muWdEt6BOzkOm3bBETAA8iGrjiZIFfN8YEuYG0GtnoDFvNHE/z7tTIQ8JVtvmwE2gqJewGe4YQyDqGhsQAAAABJRU5ErkJggg==");
}
.movie-list .movie .title,
.movie-list .movie .date {
  margin: 0;
}
.movie-list .movie .title {
  color: white;
}
.movie-list .movie .date {
  color: #777;
}
.movie-list .movie .lazy-load {
  height: 100%;
}
.movie-list .movie .onesheet,
.movie-list .movie .fallback {
  width: 100%;
  height: 100%;
}
.movie-list .movie .fallback {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  padding: 8px;
}
.movie-list .movie .fallback .title {
  font-size: 1.2rem;
  line-height: 1.2;
  color: #111;
}
.movie-list .movie .fallback .date {
  font-size: 0.8rem;
  color: #666;
  text-transform: uppercase;
  margin-top: 1rem;
}
.movie-list .movie .fallback .date:empty {
  display: none;
}
.movie-list .movie .reveal {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: opacity 0.4s;
  overflow: hidden;
}
.movie-list .movie .reveal .title {
  height: 11%;
  background-color: #222;
  padding: 0.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.movie-list .movie .reveal .date {
  height: 9%;
  background-color: #222;
  font-size: 0.9rem;
}
.movie-list .movie .reveal a {
  display: block;
  color: #222;
  font-weight: bold;
  padding: 12% 5%;
  background-color: rgba(255, 255, 255, 0.75);
  transition: background-color 0.4s;
}
.movie-list .movie .reveal a:hover {
  background-color: white;
}
.movie-list .movie .reveal a.trailer {
  height: 80%;
}
.movie-list .movie .reveal a.tickets {
  height: 40%;
}
.movie-list .movie *[class*=icon-]:before {
  display: block;
  font-size: 3rem;
}
.movie-list .movie.ticketing a.trailer {
  height: 40%;
}
.movie-list .movie:hover .reveal {
  opacity: 1;
}
.movie-list:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

#movie-container {
  position: absolute;
  top: 50px;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: black;
}
#movie-container.loaded iframe {
  opacity: 1;
}
#movie-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.4s;
  border: none;
  width: 100%;
  height: 100%;
  -webkit-overflow-scrolling: touch;
}
#movie-container.native .onesheet {
  height: 100%;
  position: relative;
  z-index: 2;
}

#movie-map {
  position: absolute;
  top: 0;
  right: 50%;
  bottom: 0;
  left: 0;
}

.app-menu {
  position: fixed;
  top: 96px;
  right: 0;
  width: 400px;
  background-color: #000;
  color: white;
  padding-top: 30px;
}
.app-menu header h2 {
  text-align: center;
  margin: 0;
  line-height: 3rem;
  display: none;
}
.app-menu li {
  padding: 10px 30px;
  color: #fff;
}
.app-menu li a {
  color: #fff;
  display: block;
}
.app-menu .primary li {
  cursor: pointer;
  text-transform: capitalize;
  font-size: 16px;
}
.app-menu .secondary {
  position: absolute;
  bottom: 120px;
  width: 100%;
  color: #777;
  font-size: 12px;
}
.app-menu .secondary li {
  padding: 5px 30px;
}

.page {
  position: relative;
}
.page #main-header {
  transition: transform 0.3s cubic-bezier(0.315, 0.025, 0.23, 1);
}
.page .content {
  padding-top: 50px;
  position: relative;
  z-index: 1;
  margin-top: 96px;
  transition: transform 0.3s cubic-bezier(0.315, 0.025, 0.23, 1);
}
.page.menuopen .button.menu {
  width: 30px;
  height: 100%;
}
.page.menuopen .button.menu:before, .page.menuopen .button.menu:after {
  content: "";
  display: block;
  width: 2px;
  height: 22px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.page.menuopen .button.menu:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.page.menuopen #main-header,
.page.menuopen .content {
  transition: transform 0.5s cubic-bezier(0.315, 0.025, 0.23, 1);
  transform: translateX(-400px);
}
.trailered-banner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 96px;
  padding: 0px 30px;
  background: #1A1621;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  z-index: 10;
}
.trailered-banner .inner {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  width: auto;
  height: 100%;
  max-width: 800px;
}
.trailered-banner .logo {
  margin: auto;
  width: 150px;
}
.trailered-banner .title {
  font-size: 18px;
  margin: auto;
}
.trailered-banner .button {
  margin: auto;
  background: #6F44BC;
  color: #fff;
  padding: 8px 15px;
  border-radius: 3px;
}
.trailered-banner .close {
  position: relative;
  background: none;
  color: currentColor;
  padding: 0;
  border: none;
  height: 24px;
  width: 24px;
  cursor: pointer;
}
.trailered-banner .close::before, .trailered-banner .close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 1px;
  width: 16px;
  background: currentColor;
  transform: translate(-50%, -50%) rotate(45deg);
}
.trailered-banner .close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.hide-banner .trailered-banner {
  display: none;
}
.hide-banner .content {
  margin-top: 0;
}
.hide-banner #main-header, .hide-banner .app-menu {
  top: 0;
}

@media only screen and (max-width: 800px) {
  .traileredBanner .traileredLogo {
    width: 120px;
  }

  .traileredTitle {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .page-title span {
    display: none !important;
  }

  #main-header > .button.back > .copy {
    display: none;
  }

  #main-header {
    height: 50px;
  }

  .region-selector > .regions {
    top: 50px;
  }

  .text-input-container {
    line-height: 50px;
  }

  .app-menu {
    width: 80%;
  }
  .app-menu header h2 {
    line-height: 50px;
    font-size: 2.5rem;
  }

  #movie-container {
    top: 50px;
  }

  .page .content {
    padding-top: 50px;
  }
  .page.menuopen #main-header,
.page.menuopen .content {
    transform: translateX(-80%);
  }
}
.burger {
  position: absolute;
  right: 30px;
  top: 15px;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  color: currentColor;
  width: 24px;
  height: 24px;
  z-index: 5;
  opacity: 1;
  cursor: pointer;
}

.burger:focus {
  outline: none;
}

.burger .line {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 85%;
  height: 2px;
  font-size: 5px;
  background-color: #000;
  transform: translate(-50%, -50%);
  -webkit-animation: deactivate-line-mid 0.5s both;
          animation: deactivate-line-mid 0.5s both;
}

.burger .line-top {
  -webkit-animation-name: deactivate-line-top;
          animation-name: deactivate-line-top;
}

.burger .line-bottom {
  -webkit-animation-name: deactivate-line-bottom;
          animation-name: deactivate-line-bottom;
}

.menuopen .burger .line-top {
  -webkit-animation-name: activate-line-top;
          animation-name: activate-line-top;
}
.menuopen .line-mid {
  -webkit-animation-name: activate-line-mid;
          animation-name: activate-line-mid;
}
.menuopen .line-bottom {
  -webkit-animation-name: activate-line-bottom;
          animation-name: activate-line-bottom;
}

@-webkit-keyframes deactivate-line-bottom {
  0% {
    transform: translate(-50%, -50%) translateY(0) rotate(-45deg);
  }
  50% {
    transform: translate(-50%, -50%) translateY(0) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) translateY(1em) rotate(0deg);
  }
}

@keyframes deactivate-line-bottom {
  0% {
    transform: translate(-50%, -50%) translateY(0) rotate(-45deg);
  }
  50% {
    transform: translate(-50%, -50%) translateY(0) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) translateY(1em) rotate(0deg);
  }
}
@-webkit-keyframes deactivate-line-top {
  0% {
    transform: translate(-50%, -50%) translateY(0) rotate(45deg);
  }
  50% {
    transform: translate(-50%, -50%) translateY(0) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) translateY(-1em) rotate(0deg);
  }
}
@keyframes deactivate-line-top {
  0% {
    transform: translate(-50%, -50%) translateY(0) rotate(45deg);
  }
  50% {
    transform: translate(-50%, -50%) translateY(0) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) translateY(-1em) rotate(0deg);
  }
}
@-webkit-keyframes deactivate-line-mid {
  0%, 50% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes deactivate-line-mid {
  0%, 50% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes activate-line-mid {
  0%, 50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes activate-line-mid {
  0%, 50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes activate-line-bottom {
  0% {
    transform: translate(-50%, -50%) translateY(1em) rotate(0deg);
  }
  50% {
    transform: translate(-50%, -50%) translateY(0) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) translateY(0) rotate(-45deg);
  }
}
@keyframes activate-line-bottom {
  0% {
    transform: translate(-50%, -50%) translateY(1em) rotate(0deg);
  }
  50% {
    transform: translate(-50%, -50%) translateY(0) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) translateY(0) rotate(-45deg);
  }
}
@-webkit-keyframes activate-line-top {
  0% {
    transform: translate(-50%, -50%) translateY(-1em) rotate(0deg);
  }
  50% {
    transform: translate(-50%, -50%) translateY(0) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) translateY(0) rotate(45deg);
  }
}
@keyframes activate-line-top {
  0% {
    transform: translate(-50%, -50%) translateY(-1em) rotate(0deg);
  }
  50% {
    transform: translate(-50%, -50%) translateY(0) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) translateY(0) rotate(45deg);
  }
}