/* line 9, ../sass/_global.scss */
.black {
  color: black; }

/* line 10, ../sass/_global.scss */
.white {
  color: white; }

/* line 11, ../sass/_global.scss */
.grey {
  color: #65625d; }

/* line 12, ../sass/_global.scss */
.tan {
  color: #d1c8bf; }

/* line 13, ../sass/_global.scss */
.red {
  color: #b70101; }

/* line 14, ../sass/_global.scss */
.lightred {
  color: #da4543; }

/* line 17, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

/* line 22, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1; }

/* line 24, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none; }

/* line 26, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 28, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

/* line 30, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none; }
  /* line 103, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

/* line 32, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none; }

/* line 116, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block; }

/* line 5, ../sass/styles.scss */
body, html {
  margin: 0;
  padding: 0; }

/* line 11, ../sass/styles.scss */
body {
  font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
  line-height: 130%;
  background-color: black;
  -webkit-font-smoothing: antialiased; }

/* line 17, ../sass/styles.scss */
a {
  outline: none;
  text-decoration: none; }

/* line 21, ../sass/styles.scss */
p {
  margin-bottom: 10px; }

/* line 22, ../sass/styles.scss */
em {
  font-style: italic; }

/* line 23, ../sass/styles.scss */
strong {
  font-weight: bold; }

/* line 27, ../sass/styles.scss */
.wrapper {
  position: relative; }

/* line 31, ../sass/styles.scss */
.elements {
  overflow: hidden;
  z-index: 100; }

/* line 39, ../sass/styles.scss */
#main-trailer {
  display: none;
  width: 640px;
  height: 355px;
  color: red;
  overflow: hidden; }

/* line 47, ../sass/styles.scss */
#hdr, #navigation {
  position: fixed;
  left: 50%;
  margin-left: -600px;
  width: 1200px; }

/* line 55, ../sass/styles.scss */
#hdr {
  z-index: 560;
  top: 20px; }
  /* line 59, ../sass/styles.scss */
  #hdr .wrapper {
    border-bottom: 3px #d1c8bf solid;
    padding-bottom: 10px;
    margin: 0 30px;
    height: 67px; }
  /* line 66, ../sass/styles.scss */
  #hdr img {
    margin-left: 0; }
  /* line 69, ../sass/styles.scss */
  #hdr header {
    position: absolute;
    top: -90px; }

/* line 75, ../sass/styles.scss */
#social {
  position: absolute;
  right: 0;
  bottom: 10px; }
  /* line 79, ../sass/styles.scss */
  #social img {
    margin-left: 10px; }

/* line 84, ../sass/styles.scss */
#ftr {
  position: fixed;
  bottom: 0;
  height: 30px;
  width: 100%;
  z-index: 550;
  background-color: #b70101;
  color: white;
  font-size: 10px; }
  /* line 95, ../sass/styles.scss */
  #ftr #film-rating img {
    width: 175px;
    top: -60px;
    left: 23px;
    position: absolute; }
  /* line 104, ../sass/styles.scss */
  #ftr #itunes img {
    width: 175px;
    top: -60px;
    right: 23px;
    position: absolute; }
  /* line 112, ../sass/styles.scss */
  #ftr #sharing {
    position: absolute;
    left: 1.5%;
    top: 4px;
    overflow: hidden; }
    /* line 118, ../sass/styles.scss */
    #ftr #sharing #facebook {
      float: left;
      width: 100px;
      height: 20px;
      overflow: hidden; }
    /* line 126, ../sass/styles.scss */
    #ftr #sharing #twitter {
      float: left;
      width: 100px;
      height: 30px; }
    /* line 132, ../sass/styles.scss */
    #ftr #sharing #sony-classic {
      margin-top: 6px; }
  /* line 136, ../sass/styles.scss */
  #ftr nav {
    position: absolute;
    right: 1.5%;
    top: 4px; }
    /* line 140, ../sass/styles.scss */
    #ftr nav a {
      color: white;
      text-transform: uppercase;
      font-weight: bold;
      text-shadow: 1px 1px 0 #ad0000, 1px 1px 0 0 #ad0000;
      text-shadow: 1px 1px 0 0 #ad0000, 1px 1px 0 0 #ad0000; }

/* line 149, ../sass/styles.scss */
.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {
  display: none !important; }

/* line 154, ../sass/styles.scss */
#navigation {
  top: 150px;
  width: 170px;
  margin-left: -570px;
  z-index: 100; }
  /* line 160, ../sass/styles.scss */
  #navigation ul li {
    margin-bottom: 5px;
    position: relative; }
    /* line 164, ../sass/styles.scss */
    #navigation ul li a {
      position: relative;
      z-index: 50;
      line-height: 100%;
      padding: 0 5px 0 0;
      color: #da4543;
      font-weight: bold;
      -webkit-transition: color 0.15s;
      -moz-transition: color 0.15s;
      -o-transition: color 0.15s;
      transition: color 0.15s; }
      /* line 172, ../sass/styles.scss */
      #navigation ul li a:hover {
        color: white; }
      /* line 175, ../sass/styles.scss */
      #navigation ul li a:active {
        color: #b70101; }
    /* line 179, ../sass/styles.scss */
    #navigation ul li span.bar {
      position: absolute;
      z-index: 40;
      top: 0;
      left: 0;
      width: 131px;
      height: 18px;
      background-color: #b70101; }
    /* line 188, ../sass/styles.scss */
    #navigation ul li span.hidebar {
      display: none; }
    /* line 192, ../sass/styles.scss */
    #navigation ul li #bar-about {
      width: 48px; }
    /* line 193, ../sass/styles.scss */
    #navigation ul li #bar-about-the-film {
      width: 106px; }
    /* line 194, ../sass/styles.scss */
    #navigation ul li #bar-directors-notes {
      width: 109px; }
    /* line 195, ../sass/styles.scss */
    #navigation ul li #bar-director {
      width: 90px; }
    /* line 196, ../sass/styles.scss */
    #navigation ul li #bar-producer {
      width: 98px; }
    /* line 197, ../sass/styles.scss */
    #navigation ul li #bar-gatekeepers {
      width: 130px; }
    /* line 198, ../sass/styles.scss */
    #navigation ul li #bar-ami {
      width: 74px; }
    /* line 199, ../sass/styles.scss */
    #navigation ul li #bar-avi {
      width: 80px; }
    /* line 200, ../sass/styles.scss */
    #navigation ul li #bar-avraham {
      width: 125px; }
    /* line 201, ../sass/styles.scss */
    #navigation ul li #bar-carmi {
      width: 88px; }
    /* line 202, ../sass/styles.scss */
    #navigation ul li #bar-yaakov {
      width: 85px; }
    /* line 203, ../sass/styles.scss */
    #navigation ul li #bar-yuval {
      width: 89px; }
    /* line 204, ../sass/styles.scss */
    #navigation ul li #bar-events {
      width: 53px; }
    /* line 205, ../sass/styles.scss */
    #navigation ul li #bar-trailer {
      width: 51px; }
    /* line 206, ../sass/styles.scss */
    #navigation ul li #bar-reviews {
      width: 125px; }
    /* line 207, ../sass/styles.scss */
    #navigation ul li #bar-showtimes {
      width: 85px; }
    /* line 209, ../sass/styles.scss */
    #navigation ul li ul {
      display: none;
      margin-top: 5px;
      margin-left: 30px; }
      /* line 214, ../sass/styles.scss */
      #navigation ul li ul li a {
        font-weight: normal; }
    /* line 220, ../sass/styles.scss */
    #navigation ul li ul.opened {
      display: block;
      overflow: hidden; }
  /* line 227, ../sass/styles.scss */
  #navigation ul li.cur a {
    background-color: transparent;
    color: white; }

/* line 236, ../sass/styles.scss */
.below1200 #hdr {
  left: 0;
  margin-left: 0; }
/* line 241, ../sass/styles.scss */
.below1200 #navigation {
  left: 30px;
  margin-left: 0; }

/* line 248, ../sass/styles.scss */
#jScrollContent {
  width: 1200px;
  min-height: 100%;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  position: relative;
  margin: 0 auto; }

/* line 257, ../sass/styles.scss */
#container {
  position: relative;
  width: 1200px;
  width: 100%;
  margin: 0 auto; }

/* line 264, ../sass/styles.scss */
.image {
  position: absolute;
  background-position: center top;
  width: 1200px;
  height: 900px;
  background-repeat: no-repeat;
  overflow: hidden; }

/* line 274, ../sass/styles.scss */
.txt-box {
  color: #d1c8bf;
  padding: 30px;
  z-index: 200; }
  /* line 279, ../sass/styles.scss */
  .txt-box header {
    padding-bottom: 0px;
    border-bottom: 3px #d1c8bf solid;
    margin-bottom: 10px; }
    /* line 284, ../sass/styles.scss */
    .txt-box header h2 {
      font-family: "din-condensed-web", "Helvetica Neue", Helvetica, Arial;
      text-transform: uppercase;
      font-size: 28px;
      line-height: 130%; }
  /* line 292, ../sass/styles.scss */
  .txt-box article {
    font-size: 14px;
    line-height: 130%;
    height: 445px; }
  /* line 298, ../sass/styles.scss */
  .txt-box ul {
    margin-bottom: 10px;
    list-style-type: disc; }
    /* line 301, ../sass/styles.scss */
    .txt-box ul li {
      margin-left: 30px; }

/* line 309, ../sass/styles.scss */
#panel-00 {
  top: 0px; }
  /* line 311, ../sass/styles.scss */
  #panel-00 img {
    position: absolute;
    top: 343px;
    left: 50%;
    margin-left: -213px; }
  /* line 318, ../sass/styles.scss */
  #panel-00 #fancybox {
    color: #fff; }

/* line 324, ../sass/styles.scss */
#panel-01 {
  top: 900px; }
  /* line 326, ../sass/styles.scss */
  #panel-01 .txt-box {
    position: absolute;
    top: 187px;
    left: 365px;
    width: 597px;
    background-color: transparent;
    background-color: rgba(0, 0, 0, 0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
    zoom: 1; }
    /* line 334, ../sass/styles.scss */
    #panel-01 .txt-box header, #panel-01 .txt-box article {
      width: 408px; }
    /* line 337, ../sass/styles.scss */
    #panel-01 .txt-box header {
      border-color: #65625d; }
    /* line 341, ../sass/styles.scss */
    #panel-01 .txt-box article {
      height: auto; }
  /* line 346, ../sass/styles.scss */
  #panel-01 #car-02, #panel-01 #shadow-02 {
    position: absolute; }
  /* line 350, ../sass/styles.scss */
  #panel-01 #car-02 {
    top: -110px;
    left: 170px; }
  /* line 354, ../sass/styles.scss */
  #panel-01 #shadow-02 {
    top: 0;
    left: 0; }

/* line 361, ../sass/styles.scss */
#panel-02 {
  top: 1800px; }
  /* line 363, ../sass/styles.scss */
  #panel-02 .txt-box {
    position: absolute;
    top: 152px;
    left: 185px;
    width: 597px; }
    /* line 369, ../sass/styles.scss */
    #panel-02 .txt-box header, #panel-02 .txt-box article {
      width: 408px; }
    /* line 372, ../sass/styles.scss */
    #panel-02 .txt-box header {
      border-color: #65625d; }
    /* line 376, ../sass/styles.scss */
    #panel-02 .txt-box article {
      height: 445px; }
  /* line 381, ../sass/styles.scss */
  #panel-02 #car-03, #panel-02 #shadow-03, #panel-02 #brackets-03 {
    position: absolute; }
  /* line 385, ../sass/styles.scss */
  #panel-02 #car-03 {
    top: -110px;
    left: 917px; }
  /* line 389, ../sass/styles.scss */
  #panel-02 #brackets-03 {
    top: -150px;
    left: 879px;
    z-index: 150; }
  /* line 394, ../sass/styles.scss */
  #panel-02 #shadow-03 {
    top: 0;
    left: 13px;
    width: 1200px;
    height: 900px; }

/* line 403, ../sass/styles.scss */
#panel-03 {
  top: 2700px; }
  /* line 405, ../sass/styles.scss */
  #panel-03 .txt-box {
    position: absolute;
    top: 152px;
    left: 185px;
    width: 597px; }
    /* line 411, ../sass/styles.scss */
    #panel-03 .txt-box header, #panel-03 .txt-box article {
      width: 408px; }
    /* line 414, ../sass/styles.scss */
    #panel-03 .txt-box header {
      border-color: #65625d; }
    /* line 418, ../sass/styles.scss */
    #panel-03 .txt-box article {
      height: 445px; }

/* line 425, ../sass/styles.scss */
#panel-04 {
  top: 3600px; }
  /* line 427, ../sass/styles.scss */
  #panel-04 .txt-box {
    position: absolute;
    top: 152px;
    left: 185px;
    width: 597px; }
    /* line 433, ../sass/styles.scss */
    #panel-04 .txt-box header, #panel-04 .txt-box article {
      width: 408px; }
    /* line 436, ../sass/styles.scss */
    #panel-04 .txt-box header {
      border-color: #65625d; }
  /* line 441, ../sass/styles.scss */
  #panel-04 .elements img {
    position: absolute;
    top: 0; }
  /* line 447, ../sass/styles.scss */
  #panel-04 #bkg-04 {
    z-index: 10;
    left: -269px; }
  /* line 448, ../sass/styles.scss */
  #panel-04 #overlay-04 {
    z-index: 20; }

/* line 453, ../sass/styles.scss */
#panel-05 .txt-box, #panel-06 .txt-box, #panel-07 .txt-box, #panel-08 .txt-box, #panel-09 .txt-box, #panel-10 .txt-box {
  position: absolute;
  top: 130px;
  left: 185px;
  width: 597px;
  overflow: hidden;
  background: url(../img/panels/05-the-gatekeepers/gatekeepers_image_frame.png) 30px 62px no-repeat; }
  /* line 461, ../sass/styles.scss */
  #panel-05 .txt-box header, #panel-06 .txt-box header, #panel-07 .txt-box header, #panel-08 .txt-box header, #panel-09 .txt-box header, #panel-10 .txt-box header {
    border-bottom: 0; }
  /* line 465, ../sass/styles.scss */
  #panel-05 .txt-box aside, #panel-06 .txt-box aside, #panel-07 .txt-box aside, #panel-08 .txt-box aside, #panel-09 .txt-box aside, #panel-10 .txt-box aside {
    float: left;
    width: 197px;
    position: relative; }
    /* line 469, ../sass/styles.scss */
    #panel-05 .txt-box aside .profile-pic, #panel-05 .txt-box aside .script, #panel-06 .txt-box aside .profile-pic, #panel-06 .txt-box aside .script, #panel-07 .txt-box aside .profile-pic, #panel-07 .txt-box aside .script, #panel-08 .txt-box aside .profile-pic, #panel-08 .txt-box aside .script, #panel-09 .txt-box aside .profile-pic, #panel-09 .txt-box aside .script, #panel-10 .txt-box aside .profile-pic, #panel-10 .txt-box aside .script {
      position: absolute; }
    /* line 473, ../sass/styles.scss */
    #panel-05 .txt-box aside .profile-pic, #panel-06 .txt-box aside .profile-pic, #panel-07 .txt-box aside .profile-pic, #panel-08 .txt-box aside .profile-pic, #panel-09 .txt-box aside .profile-pic, #panel-10 .txt-box aside .profile-pic {
      top: -7px;
      left: 22px; }
    /* line 478, ../sass/styles.scss */
    #panel-05 .txt-box aside .script, #panel-06 .txt-box aside .script, #panel-07 .txt-box aside .script, #panel-08 .txt-box aside .script, #panel-09 .txt-box aside .script, #panel-10 .txt-box aside .script {
      top: 15px;
      left: 140px; }
  /* line 484, ../sass/styles.scss */
  #panel-05 .txt-box article, #panel-06 .txt-box article, #panel-07 .txt-box article, #panel-08 .txt-box article, #panel-09 .txt-box article, #panel-10 .txt-box article {
    float: left;
    width: 300px;
    height: 445px;
    padding-top: 10px; }

/* line 494, ../sass/styles.scss */
#panel-05 {
  top: 4500px; }
  /* line 499, ../sass/styles.scss */
  #panel-05 .txt-box aside .script {
    top: 10px;
    left: 131px; }

/* line 508, ../sass/styles.scss */
#panel-06 {
  top: 5400px; }
  /* line 512, ../sass/styles.scss */
  #panel-06 .txt-box aside .script {
    top: 7px;
    left: 136px; }

/* line 521, ../sass/styles.scss */
#panel-07 {
  top: 6300px; }
  /* line 525, ../sass/styles.scss */
  #panel-07 .txt-box aside .script {
    top: -25px;
    left: 126px; }

/* line 534, ../sass/styles.scss */
#panel-08 {
  top: 7200px; }
  /* line 538, ../sass/styles.scss */
  #panel-08 .txt-box aside .script {
    top: -13px;
    left: 136px; }

/* line 547, ../sass/styles.scss */
#panel-09 {
  top: 8100px; }
  /* line 551, ../sass/styles.scss */
  #panel-09 .txt-box aside .script {
    top: -3px;
    left: 140px; }

/* line 560, ../sass/styles.scss */
#panel-10 {
  top: 9000px; }
  /* line 564, ../sass/styles.scss */
  #panel-10 .txt-box aside .script {
    top: -15px;
    left: 136px; }

/* line 573, ../sass/styles.scss */
#panel-11 {
  top: 9900px;
  color: white;
  font-size: 12px;
  line-height: 130%; }
  /* line 579, ../sass/styles.scss */
  #panel-11 #timeline {
    position: absolute;
    top: 175px;
    left: 245px;
    width: 925px;
    height: 600px;
    z-index: 375; }
    /* line 587, ../sass/styles.scss */
    #panel-11 #timeline #years, #panel-11 #timeline #prime-ministers {
      float: left;
      overflow: hidden; }
    /* line 592, ../sass/styles.scss */
    #panel-11 #timeline #years {
      width: 145px;
      color: #d1c8bf;
      font-weight: bold;
      position: relative;
      height: 590px;
      background: url(../img/panels/06-events/TimelineBar.png) 103px 8px no-repeat; }
      /* line 600, ../sass/styles.scss */
      #panel-11 #timeline #years #first-year, #panel-11 #timeline #years #current-year {
        position: absolute;
        right: 55px;
        font-size: 13px; }
      /* line 606, ../sass/styles.scss */
      #panel-11 #timeline #years #first-year {
        top: 0; }
      /* line 610, ../sass/styles.scss */
      #panel-11 #timeline #years #current-year {
        bottom: 0; }
      /* line 614, ../sass/styles.scss */
      #panel-11 #timeline #years #bar {
        background-color: #b70101;
        width: 2px;
        height: 600px;
        position: absolute;
        right: 20px;
        top: 0; }
      /* line 623, ../sass/styles.scss */
      #panel-11 #timeline #years #marker {
        position: relative;
        z-index: 40;
        top: 0; }
        /* line 627, ../sass/styles.scss */
        #panel-11 #timeline #years #marker #tag-mark {
          position: absolute;
          top: 8px;
          right: 13px; }
        /* line 633, ../sass/styles.scss */
        #panel-11 #timeline #years #marker #tag-year {
          position: absolute;
          top: 8px;
          right: 55px;
          font-size: 14px; }
    /* line 641, ../sass/styles.scss */
    #panel-11 #timeline #prime-ministers {
      width: 780px;
      height: 600px;
      overflow: hidden;
      outline: 0; }
      /* line 649, ../sass/styles.scss */
      #panel-11 #timeline #prime-ministers ul li header {
        overflow: hidden;
        border-bottom: 3px #d1c8bf solid;
        margin: 0 0 10px 0;
        padding: 10px 0 20px 0;
        position: relative; }
        /* line 656, ../sass/styles.scss */
        #panel-11 #timeline #prime-ministers ul li header h3, #panel-11 #timeline #prime-ministers ul li header h2, #panel-11 #timeline #prime-ministers ul li header a {
          position: absolute;
          text-transform: uppercase;
          font-weight: bold; }
        /* line 662, ../sass/styles.scss */
        #panel-11 #timeline #prime-ministers ul li header h3, #panel-11 #timeline #prime-ministers ul li header h2 {
          left: 155px; }
        /* line 666, ../sass/styles.scss */
        #panel-11 #timeline #prime-ministers ul li header h3 {
          top: 135px;
          color: #d1c8bf;
          font-size: 14px;
          line-height: 130%; }
        /* line 672, ../sass/styles.scss */
        #panel-11 #timeline #prime-ministers ul li header h2 {
          top: 148px;
          color: #b70101;
          font-size: 32px;
          font-family: "din-condensed-web", "Helvetica Neue", Helvetica, Arial;
          line-height: 130%;
          font-weight: normal; }
        /* line 681, ../sass/styles.scss */
        #panel-11 #timeline #prime-ministers ul li header a.events {
          right: 10px;
          bottom: 10px;
          padding-right: 18px;
          text-transform: uppercase;
          color: #d1c8bf;
          background: url(../img/panels/06-events/Triangles.gif) right -23px no-repeat; }
        /* line 689, ../sass/styles.scss */
        #panel-11 #timeline #prime-ministers ul li header a.events.triangle {
          background-position: right 5px; }
        /* line 694, ../sass/styles.scss */
        #panel-11 #timeline #prime-ministers ul li header img {
          float: left;
          border: 1px #d1c8bf solid; }
      /* line 699, ../sass/styles.scss */
      #panel-11 #timeline #prime-ministers ul li .event-list {
        display: none;
        overflow: hidden; }
        /* line 702, ../sass/styles.scss */
        #panel-11 #timeline #prime-ministers ul li .event-list ul {
          float: right;
          width: 545px; }
          /* line 705, ../sass/styles.scss */
          #panel-11 #timeline #prime-ministers ul li .event-list ul li {
            margin-bottom: 20px;
            color: #d1c8bf;
            font-size: 14px;
            font-weight: bold;
            line-height: 130%;
            padding-left: 5px;
            position: relative; }
            /* line 714, ../sass/styles.scss */
            #panel-11 #timeline #prime-ministers ul li .event-list ul li .event-year {
              color: #b70101;
              position: absolute;
              left: -60px; }
      /* line 723, ../sass/styles.scss */
      #panel-11 #timeline #prime-ministers ul li .shin-bet header, #panel-11 #timeline #prime-ministers ul li .shin-bet ul {
        width: 300px;
        border: 0;
        float: left; }
      /* line 729, ../sass/styles.scss */
      #panel-11 #timeline #prime-ministers ul li .shin-bet header {
        height: 100%;
        position: relative;
        width: 170px;
        padding: 40px 10px; }
        /* line 736, ../sass/styles.scss */
        #panel-11 #timeline #prime-ministers ul li .shin-bet header h3, #panel-11 #timeline #prime-ministers ul li .shin-bet header h2 {
          position: static;
          margin: 0;
          padding: 0;
          text-align: right; }
        /* line 743, ../sass/styles.scss */
        #panel-11 #timeline #prime-ministers ul li .shin-bet header h3 {
          font-size: 12px; }
        /* line 746, ../sass/styles.scss */
        #panel-11 #timeline #prime-ministers ul li .shin-bet header h2 {
          font-size: 21px; }
      /* line 751, ../sass/styles.scss */
      #panel-11 #timeline #prime-ministers ul li .shin-bet ul {
        border-left: 3px #d1c8bf solid;
        width: 400px;
        padding-left: 80px;
        margin-left: 10px; }

/* line 765, ../sass/styles.scss */
#panel-12 {
  top: 10800px; }
  /* line 767, ../sass/styles.scss */
  #panel-12 #video-player {
    position: absolute;
    top: 154px;
    left: 289px;
    width: 975px; }
    /* line 773, ../sass/styles.scss */
    #panel-12 #video-player #trailerHolder {
      position: relative;
      width: 640px;
      height: 355px;
      -webkit-box-shadow: 0 0 15px 8px black;
      -moz-box-shadow: 0 0 15px 8px black;
      box-shadow: 0 0 15px 8px black; }
      /* line 778, ../sass/styles.scss */
      #panel-12 #video-player #trailerHolder .close {
        position: absolute;
        right: -12px;
        top: -12px;
        color: white;
        display: block;
        width: 24px;
        height: 24px;
        text-indent: -9000px;
        background: url(../img/x.png) 0 0 no-repeat; }

/* line 794, ../sass/styles.scss */
#panel-13 {
  top: 11700px; }
  /* line 796, ../sass/styles.scss */
  #panel-13 .txt-box {
    position: absolute;
    top: 125px;
    left: 250px; }
    /* line 801, ../sass/styles.scss */
    #panel-13 .txt-box li {
      list-style-type: none;
      margin: 0; }
    /* line 806, ../sass/styles.scss */
    #panel-13 .txt-box header {
      width: 650px;
      border: 0;
      margin: 0; }
      /* line 810, ../sass/styles.scss */
      #panel-13 .txt-box header h1 {
        color: #b70101;
        font-size: 28px;
        line-height: 130%;
        font-family: "din-condensed-web", "Helvetica Neue", Helvetica, Arial;
        text-transform: uppercase; }
  /* line 820, ../sass/styles.scss */
  #panel-13 #list {
    margin-bottom: 50px; }
    /* line 822, ../sass/styles.scss */
    #panel-13 #list h1 {
      font-size: 38px;
      line-height: 130%;
      margin-bottom: 5px;
      font-family: "din-condensed-web", "Helvetica Neue", Helvetica, Arial; }
    /* line 829, ../sass/styles.scss */
    #panel-13 #list ul {
      overflow: hidden;
      width: 750px; }
      /* line 832, ../sass/styles.scss */
      #panel-13 #list ul li {
        float: left;
        width: 300px;
        margin-right: 25px;
        font-size: 12px; }
  /* line 841, ../sass/styles.scss */
  #panel-13 #reviews {
    width: 650px;
    font-size: 14px; }
    /* line 845, ../sass/styles.scss */
    #panel-13 #reviews .cite {
      display: block;
      text-align: right; }
  /* line 852, ../sass/styles.scss */
  #panel-13 .elements #bkg-08 {
    position: absolute;
    top: 0;
    left: -28px; }
  /* line 857, ../sass/styles.scss */
  #panel-13 .elements #overlay-08 {
    position: absolute;
    left: 20px;
    top: 20px; }

/* line 866, ../sass/styles.scss */
#panel-14 {
  top: 12600px; }
  /* line 868, ../sass/styles.scss */
  #panel-14 .txt-box {
    position: absolute;
    top: 235px;
    left: 310px; }
    /* line 872, ../sass/styles.scss */
    #panel-14 .txt-box header {
      padding-bottom: 10px;
      width: 460px;
      text-align: center; }
      /* line 876, ../sass/styles.scss */
      #panel-14 .txt-box header h2 {
        font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
        font-size: 18px;
        font-weight: bold; }
  /* line 884, ../sass/styles.scss */
  #panel-14 #logo-09 {
    position: absolute;
    top: 320px;
    left: 343px; }

/* iPads (Portrait & Landscape) */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  /* line 893, ../sass/styles.scss */
  #hdr, #navigation {
    width: 974px;
    left: 0;
    margin: 0; }

  /* line 898, ../sass/styles.scss */
  #navigation {
    left: 30px;
    width: 170px; }

  /* line 904, ../sass/styles.scss */
  #film-rating img {
    width: 175px; }

  /* line 909, ../sass/styles.scss */
  .image {
    position: absolute;
    background-position: center top;
    background-size: 1024px 768px;
    width: 1024px;
    height: 768px;
    background-repeat: no-repeat;
    overflow: hidden; }

  /* line 926, ../sass/styles.scss */
  #panel-00 {
    top: 0px; }
    /* line 928, ../sass/styles.scss */
    #panel-00 img {
      position: absolute;
      top: 343px;
      left: 50%;
      margin-left: -213px; }

  /* line 937, ../sass/styles.scss */
  #panel-01 {
    top: 900px; }
    /* line 939, ../sass/styles.scss */
    #panel-01 .txt-box {
      position: absolute;
      top: 187px;
      left: 365px;
      width: 507px; }
      /* line 945, ../sass/styles.scss */
      #panel-01 .txt-box header, #panel-01 .txt-box article {
        width: 408px; }

  /* line 952, ../sass/styles.scss */
  #panel-02 .txt-box, #panel-03 .txt-box, #panel-04 .txt-box, #panel-05 .txt-box, #panel-06 .txt-box, #panel-07 .txt-box, #panel-08 .txt-box, #panel-09 .txt-box, #panel-10 .txt-box {
    top: 122px; }
    /* line 955, ../sass/styles.scss */
    #panel-02 .txt-box article, #panel-03 .txt-box article, #panel-04 .txt-box article, #panel-05 .txt-box article, #panel-06 .txt-box article, #panel-07 .txt-box article, #panel-08 .txt-box article, #panel-09 .txt-box article, #panel-10 .txt-box article {
      height: 385px; }

  /* line 963, ../sass/styles.scss */
  #panel-13 .txt-box {
    position: absolute;
    top: 125px;
    left: 250px; }
    /* line 968, ../sass/styles.scss */
    #panel-13 .txt-box li {
      list-style-type: none;
      margin: 0; }
    /* line 973, ../sass/styles.scss */
    #panel-13 .txt-box header {
      width: 650px;
      border: 0;
      margin: 0; }
      /* line 977, ../sass/styles.scss */
      #panel-13 .txt-box header h1 {
        color: #b70101;
        font-size: 28px;
        line-height: 130%;
        font-family: "din-condensed-web", "Helvetica Neue", Helvetica, Arial;
        text-transform: uppercase; }
  /* line 987, ../sass/styles.scss */
  #panel-13 #list {
    margin-bottom: 50px; }
    /* line 989, ../sass/styles.scss */
    #panel-13 #list h1 {
      font-size: 38px;
      line-height: 130%;
      margin-bottom: 5px;
      font-family: "din-condensed-web", "Helvetica Neue", Helvetica, Arial; }
    /* line 996, ../sass/styles.scss */
    #panel-13 #list ul {
      overflow: hidden;
      width: 750px; }
      /* line 999, ../sass/styles.scss */
      #panel-13 #list ul li {
        float: left;
        width: 300px;
        margin-right: 25px;
        font-size: 12px; }
  /* line 1009, ../sass/styles.scss */
  #panel-13 .elements #bkg-08 {
    position: absolute;
    top: 0;
    left: -28px; }
  /* line 1014, ../sass/styles.scss */
  #panel-13 .elements #overlay-08 {
    position: absolute;
    left: 20px;
    top: 20px; } }
/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  /* line 1025, ../sass/styles.scss */
  .image {
    position: absolute;
    background-position: center top;
    background-size: auto 900px;
    width: 980px;
    height: 900px;
    background-repeat: no-repeat;
    overflow: hidden; } }
