html, body { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: #000; cursor: none; }
body { font-family: Arial, "Arial Hebrew", "Noto Sans Hebrew", sans-serif; color: #fff; font-size: 16px; }
#stage { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 1; overflow: hidden;
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease; transition: opacity 1s ease, transform 1s ease; }
.layer.on { opacity: 1; z-index: 2; }
.t-zoom .layer { -webkit-transform: scale(1.08); transform: scale(1.08); }
.t-zoom .layer.on { -webkit-transform: scale(1); transform: scale(1); }
.t-none .layer { -webkit-transition: none; transition: none; }
.tbl { display: table; width: 100%; height: 100%; table-layout: fixed; position: relative; }
.tbl.half { position: absolute; top: 0; right: 0; width: 55%; }
.half .cell { padding: 0 3em; }
.img.side { width: 45%; }
.shade { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.45); }
.cell { display: table-cell; vertical-align: middle; text-align: center; padding: 0 6em; }
.title { font-size: 6em; font-weight: bold; line-height: 1.15; }
.body { font-size: 3.4em; line-height: 1.35; margin-top: 0.5em; }
.img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; }
.cap { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0.5em 0; font-size: 3em; text-align: center; background: rgba(0,0,0,0.55); color: #fff; }
video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; }
#msg { position: absolute; top: 45%; left: 0; width: 100%; text-align: center; color: #666; font-size: 2.5em; display: none; z-index: 3; }