@font-face {
  font-family: "univers-bd";
  font-style: normal;
  font-weight: normal;
  src: url("http://d8tlip7dlom6h.cloudfront.net/fonts/univers_lt_std/UniversLTStd-BoldCnObl.eot?#iefix") format("embedded-opentype"), url("http://d8tlip7dlom6h.cloudfront.net/fonts/univers_lt_std/UniversLTStd-BoldCnObl.woff") format("woff"), url("http://d8tlip7dlom6h.cloudfront.net/fonts/univers_lt_std/UniversLTStd-BoldCnObl.svg#univers-bd") format("svg"); }
@font-face {
  font-family: "univers";
  font-style: normal;
  font-weight: normal;
  src: url("http://d8tlip7dlom6h.cloudfront.net/fonts/univers_lt_std/UniversLTStd-CnObl.eot?#iefix") format("embedded-opentype"), url("http://d8tlip7dlom6h.cloudfront.net/fonts/univers_lt_std/UniversLTStd-CnObl.woff") format("woff"), url("http://d8tlip7dlom6h.cloudfront.net/fonts/univers_lt_std/UniversLTStd-CnObl.svg#univers") format("svg"); }
.hide-item, #locked-sections-slots-container #slot1-view.the-truth {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute; }

.btn {
  color: white;
  text-decoration: none;
  padding: 5px 10px;
  border-radius: 3px;
  font-size: 1em; }

.btn-blue {
  background: #3498db; }
  .btn-blue:hover {
    background: #2383c4;
    transition: all 0.3s ease; }
  .btn-blue:active {
    background: #16527a; }

#locked-sections-slots-container #slot0-view .video-btn {
  position: absolute;
  bottom: 30%;
  left: 50%;
  transform: translateX(-50%);
  font-family: univers, Helvetica, Arial, sans-serif; }
#locked-sections-slots-container #slot2-view .video-btn {
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  bottom: initial;
  margin-top: 100px;
  position: absolute; }

#locked-sections-slots-container .slot .video-btn {
  position: relative;
  width: 100px;
  height: 100px;
  text-align: center;
  opacity: 0; }
  #locked-sections-slots-container .slot .video-btn h5 {
    position: relative;
    width: 90%;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
    color: #fff;
    opacity: .5;
    margin: 5px 0 0 0;
    font-family: univers, Helvetica, Arial, sans-serif;
    font-size: 14px;
    transition: all .4s ease; }
  #locked-sections-slots-container .slot .video-btn .lock-icon {
    fill: #fff;
    opacity: 0; }
  #locked-sections-slots-container .slot .video-btn.locked {
    pointer-events: none; }
    #locked-sections-slots-container .slot .video-btn.locked rect {
      fill: #fff;
      fill-opacity: 0;
      stroke: rgba(255, 255, 255, 0.2);
      stroke-width: 2px;
      opacity: 1; }
    #locked-sections-slots-container .slot .video-btn.locked .btn-svg-triangle {
      opacity: 0; }
    #locked-sections-slots-container .slot .video-btn.locked .lock-icon {
      opacity: 1; }
    #locked-sections-slots-container .slot .video-btn.locked:hover svg {
      animation: lockedAnimation linear 1s;
      animation-iteration-count: 1;
      transform-origin: 50% 50%;
      -webkit-animation: lockedAnimation linear 1s;
      -webkit-animation-iteration-count: 1;
      -webkit-transform-origin: 50% 50%;
      -moz-animation: lockedAnimation linear 1s;
      -moz-animation-iteration-count: 1;
      -moz-transform-origin: 50% 50%;
      -o-animation: lockedAnimation linear 1s;
      -o-animation-iteration-count: 1;
      -o-transform-origin: 50% 50%;
      -ms-animation: lockedAnimation linear 1s;
      -ms-animation-iteration-count: 1;
      -ms-transform-origin: 50% 50%; }
    #locked-sections-slots-container .slot .video-btn.locked:hover h5 {
      opacity: 1; }
  #locked-sections-slots-container .slot .video-btn.unlocked {
    pointer-events: all;
    cursor: pointer;
    transition: all .25s ease;
    fill: #fff;
    fill-opacity: 0; }
    #locked-sections-slots-container .slot .video-btn.unlocked #border-fill {
      fill: #fff;
      fill-opacity: 0;
      width: 0px;
      transition: all .25s ease; }
    #locked-sections-slots-container .slot .video-btn.unlocked #border {
      stroke: rgba(255, 255, 255, 0.2);
      stroke-width: 2px;
      opacity: 1; }
    #locked-sections-slots-container .slot .video-btn.unlocked #triangle {
      fill-opacity: 1;
      fill: #fff;
      transition: all .5s ease; }
    #locked-sections-slots-container .slot .video-btn.unlocked .btn-svg-border1 {
      transition: all .5s ease;
      opacity: 1; }
    #locked-sections-slots-container .slot .video-btn.unlocked:hover {
      transition: all .5s ease;
      width: 120px;
      height: 120px; }
      #locked-sections-slots-container .slot .video-btn.unlocked:hover svg {
        width: 100% !important;
        height: 100% !important; }
      #locked-sections-slots-container .slot .video-btn.unlocked:hover #triangle {
        fill: #2e1b18;
        transition: all .5s ease; }
      #locked-sections-slots-container .slot .video-btn.unlocked:hover .btn-svg-border123 {
        transition: all .5s ease;
        opacity: 1; }
      #locked-sections-slots-container .slot .video-btn.unlocked:hover #border-fill {
        width: 100px;
        fill-opacity: 1;
        transition: all .5s ease; }

.btn-svg-border11 {
  fill: #fff;
  fill-opacity: 0;
  stroke: rgba(255, 255, 255, 0.2);
  stroke-width: 2px;
  opacity: 1; }

@keyframes lockedAnimation {
  0% {
    transform: translate(0px, 0px) rotate(0deg); }
  15% {
    transform: translate(-25px, 0px) rotate(-5deg); }
  30% {
    transform: translate(20px, 0px) rotate(3deg); }
  45% {
    transform: translate(-15px, 0px) rotate(-3deg); }
  60% {
    transform: translate(10px, 0px) rotate(2deg); }
  75% {
    transform: translate(-5px, 0px) rotate(-1deg); }
  100% {
    transform: translate(0px, 0px) rotate(0deg); } }
@-moz-keyframes lockedAnimation {
  0% {
    -moz-transform: translate(0px, 0px) rotate(0deg); }
  15% {
    -moz-transform: translate(-25px, 0px) rotate(-5deg); }
  30% {
    -moz-transform: translate(20px, 0px) rotate(3deg); }
  45% {
    -moz-transform: translate(-15px, 0px) rotate(-3deg); }
  60% {
    -moz-transform: translate(10px, 0px) rotate(2deg); }
  75% {
    -moz-transform: translate(-5px, 0px) rotate(-1deg); }
  100% {
    -moz-transform: translate(0px, 0px) rotate(0deg); } }
@-webkit-keyframes lockedAnimation {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg); }
  15% {
    -webkit-transform: translate(-25px, 0px) rotate(-5deg); }
  30% {
    -webkit-transform: translate(20px, 0px) rotate(3deg); }
  45% {
    -webkit-transform: translate(-15px, 0px) rotate(-3deg); }
  60% {
    -webkit-transform: translate(10px, 0px) rotate(2deg); }
  75% {
    -webkit-transform: translate(-5px, 0px) rotate(-1deg); }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg); } }
@-o-keyframes lockedAnimation {
  0% {
    -o-transform: translate(0px, 0px) rotate(0deg); }
  15% {
    -o-transform: translate(-25px, 0px) rotate(-5deg); }
  30% {
    -o-transform: translate(20px, 0px) rotate(3deg); }
  45% {
    -o-transform: translate(-15px, 0px) rotate(-3deg); }
  60% {
    -o-transform: translate(10px, 0px) rotate(2deg); }
  75% {
    -o-transform: translate(-5px, 0px) rotate(-1deg); }
  100% {
    -o-transform: translate(0px, 0px) rotate(0deg); } }
@-ms-keyframes lockedAnimation {
  0% {
    -ms-transform: translate(0px, 0px) rotate(0deg); }
  15% {
    -ms-transform: translate(-25px, 0px) rotate(-5deg); }
  30% {
    -ms-transform: translate(20px, 0px) rotate(3deg); }
  45% {
    -ms-transform: translate(-15px, 0px) rotate(-3deg); }
  60% {
    -ms-transform: translate(10px, 0px) rotate(2deg); }
  75% {
    -ms-transform: translate(-5px, 0px) rotate(-1deg); }
  100% {
    -ms-transform: translate(0px, 0px) rotate(0deg); } }
#intro-holder #intro-view {
  position: absolute;
  width: 100%;
  height: 100%; }
  #intro-holder #intro-view #intro-background-view {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/placeholders/intro-background.jpg");
    background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/placeholders/intro-background.jpg");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    opacity: 0;
    z-index: 1; }
  #intro-holder #intro-view #intro-noise-view {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    opacity: 0;
    z-index: 100; }
  #intro-holder #intro-view #toyota-logo {
    position: absolute;
    max-width: 20vw;
    width: 216px;
    height: 42px;
    bottom: 50px;
    right: 50px;
    opacity: 0;
    z-index: 100; }
  #intro-holder #intro-view .content {
    z-index: 100; }
    #intro-holder #intro-view .content #intro-copy-holder {
      text-align: center;
      position: relative;
      left: 50%;
      transform: translateX(-50%); }
      #intro-holder #intro-view .content #intro-copy-holder h3, #intro-holder #intro-view .content #intro-copy-holder h5 {
        position: relative;
        text-align: center;
        margin: 0;
        padding: 0;
        left: 50%;
        transform: translateX(-50%);
        opacity: 0;
        color: #fff; }
      #intro-holder #intro-view .content #intro-copy-holder h3 {
        font-size: 22px;
        font-family: univers-bd, Helvetica, Arial, sans-serif; }
      #intro-holder #intro-view .content #intro-copy-holder h5 {
        font-size: 16px;
        margin: 10px 0 0 0;
        line-height: 120%; }
  #intro-holder #intro-view h5 {
    font-family: univers, Helvetica, Arial, sans-serif;
    font-weight: 100;
    font-size: 16px;
    opacity: .8;
    line-height: 160%;
    height: 60px;
    width: 400px;
    text-align: left;
    margin-bottom: 20px; }
  #intro-holder #intro-view #the-satchel-lockup {
    position: relative;
    width: 457px;
    height: 281px;
    left: 50%;
    transform: translateX(-50%) scale(0.75); }
  #intro-holder #intro-view #circles-holder {
    position: absolute;
    width: 900px;
    height: 900px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  #intro-holder #intro-view #circles {
    position: absolute;
    width: 900px;
    height: 900px;
    opacity: 0;
    background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/intro-circles.png");
    background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/intro-circles.png");
    -webkit-animation-name: spinnerRotate;
    -webkit-animation-duration: 16s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spinnerRotate;
    -moz-animation-duration: 16s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spinnerRotate;
    -ms-animation-duration: 16s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear; }
  #intro-holder #intro-view .btn.intro {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 220px;
    height: 20px;
    border-radius: 0;
    padding: 16px 30px;
    opacity: 0;
    pointer-events: none; }
    #intro-holder #intro-view .btn.intro.active {
      pointer-events: all;
      cursor: pointer; }
      #intro-holder #intro-view .btn.intro.active .intro-btn-text {
        transition: all .5s ease; }
      #intro-holder #intro-view .btn.intro.active svg #arrow-adjust {
        transition: all .25s ease; }
        #intro-holder #intro-view .btn.intro.active svg #arrow-adjust polygon {
          transition: all .5s ease; }
      #intro-holder #intro-view .btn.intro.active:hover .intro-btn-text {
        fill: white;
        letter-spacing: 3px;
        transition: all .5s ease; }
      #intro-holder #intro-view .btn.intro.active:hover svg #arrow-adjust {
        transition: all .5s ease; }
        #intro-holder #intro-view .btn.intro.active:hover svg #arrow-adjust polygon {
          transform: translate(30px, 0px);
          transition: all .5s ease;
          opacity: 0;
          fill: rgba(255, 255, 255, 0); }
    #intro-holder #intro-view .btn.intro .intro-btn-arrow {
      fill: #fff;
      opacity: 0; }
      #intro-holder #intro-view .btn.intro .intro-btn-arrow.active {
        opacity: 1; }
    #intro-holder #intro-view .btn.intro .intro-btn-text {
      font-family: univers-bd, Helvetica, Arial, sans-serif;
      fill: rgba(255, 255, 255, 0.8);
      font-size: 20px;
      opacity: 0; }
    #intro-holder #intro-view .btn.intro .intro-btn-border {
      fill: none;
      stroke: #FFFFFF;
      stroke-miterlimit: 10;
      height: 40px; }
    #intro-holder #intro-view .btn.intro h6 {
      position: relative;
      float: left;
      margin: 0;
      font-size: 16px; }
    #intro-holder #intro-view .btn.intro span {
      position: relative;
      background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/svgs/down_arrow.svg");
      background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/svgs/down_arrow.svg");
      display: block;
      float: right;
      width: 16px;
      height: 16px;
      margin: 0px 0 0 14px;
      background-image: url("../images/svgs/down_arrow.svg");
      transform: rotate(-90deg);
      background-repeat: no-repeat; }
@media (min-width: 321px) and (max-width: 768px) {
  #intro-holder #intro-view .content {
    top: 40%; }
  #intro-holder #intro-view h5 {
    position: relative;
    margin: 0;
    top: -50px;
    height: initial;
    width: initial; }
  #intro-holder #intro-view #toyota-logo {
    right: initial;
    left: 50%;
    bottom: 20px;
    transform: translate(-50%);
    max-width: 45vw; }
  #intro-holder #intro-view #intro-copy-holder h3 {
    top: -50px;
    width: 100%;
    transform: translateX(-50%) !important;
    line-height: initial;
    font-size: 14px !important; }
  #intro-holder #intro-view #intro-copy-holder h5 {
    top: -50px !important;
    font-size: 10px !important;
    width: 100%;
    line-height: initial;
    transform: translateX(-50%) !important; }
  #intro-holder #intro-view #the-satchel-lockup {
    transform: translateX(-50%) scale(0.5); }
  #intro-holder #intro-view #intro-animation-view {
    transform: scale(0.4) translate(-50%, -50%);
    margin: -200px 0 0 -208px; }
  #intro-holder #intro-view .btn.intro {
    position: relative;
    top: -40px; }
    #intro-holder #intro-view .btn.intro .intro-btn-border {
      width: 150px;
      x: 40px; }
    #intro-holder #intro-view .btn.intro h6 {
      font-size: 14px; }
    #intro-holder #intro-view .btn.intro span {
      margin: 0px 0 0 8px; } }

@-webkit-keyframes spinnerRotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
@-moz-keyframes spinnerRotate {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(360deg); } }
@-ms-keyframes spinnerRotate {
  from {
    -ms-transform: rotate(0deg); }
  to {
    -ms-transform: rotate(360deg); } }
#locked-sections-holder {
  z-index: 300; }
  #locked-sections-holder #locked-sections-view {
    min-width: 100%;
    min-height: 100%;
    background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/placeholders/interrogation_room.jpg");
    background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/placeholders/interrogation_room.jpg");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }

#locked-sections-slots-container {
  position: absolute;
  pointer-events: all;
  overflow: hidden;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 300%;
  color: #fff; }
  #locked-sections-slots-container #slot0-view {
    top: 0%;
    height: calc(33.333% - 50px);
    left: 50%;
    transform: translateX(-50%); }
    #locked-sections-slots-container #slot0-view #suspect-content {
      position: absolute;
      top: 0; }
  #locked-sections-slots-container #slot1-view {
    top: calc(33.333% - 50px);
    min-height: 33%;
    color: #fff; }
    #locked-sections-slots-container #slot1-view .content {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    #locked-sections-slots-container #slot1-view.jim {
      min-width: 100%;
      min-height: 100%;
      background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/bio-jim.jpg");
      background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/bio-jim.jpg");
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      min-height: calc(33.333% - 50px); }
    #locked-sections-slots-container #slot1-view.sarah {
      min-width: 100%;
      min-height: 100%;
      background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/bio-sarah.jpg");
      background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/bio-sarah.jpg");
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      min-height: calc(33.333% - 50px); }
    #locked-sections-slots-container #slot1-view.crimmons {
      min-width: 100%;
      min-height: 100%;
      background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/bio-crimmons.jpg");
      background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/bio-crimmons.jpg");
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      min-height: calc(33.333% - 50px); }
    #locked-sections-slots-container #slot1-view.the-truth {
      min-width: 100%;
      min-height: 100%;
      background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/bio-the-truth.jpg");
      background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/bio-the-truth.jpg");
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      min-height: calc(33.333% - 50px); }
  #locked-sections-slots-container #slot2-view {
    top: calc(66.666% - 100px); }
    #locked-sections-slots-container #slot2-view .content {
      position: absolute;
      top: 40%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #fff; }
    #locked-sections-slots-container #slot2-view.jim {
      min-width: 100%;
      min-height: 100%;
      background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/unlocked-jim.jpg");
      background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/unlocked-jim.jpg");
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      min-height: calc(33.333% + 50px); }
    #locked-sections-slots-container #slot2-view.sarah {
      min-width: 100%;
      min-height: 100%;
      background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/unlocked-sarah.jpg");
      background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/unlocked-sarah.jpg");
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      min-height: calc(33.333% + 50px); }
    #locked-sections-slots-container #slot2-view.crimmons {
      min-width: 100%;
      min-height: 100%;
      background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/unlocked-crimmons.jpg");
      background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/unlocked-crimmons.jpg");
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      min-height: calc(33.333% + 50px); }
    #locked-sections-slots-container #slot2-view.the-truth {
      min-width: 100%;
      min-height: 100%;
      background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/unlocked-the-truth.jpg");
      background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/unlocked-the-truth.jpg");
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      min-height: calc(33.333% + 50px); }
    #locked-sections-slots-container #slot2-view.the-truth {
      top: calc(33.333% - 50px); }
  #locked-sections-slots-container #slot1-view .content, #locked-sections-slots-container #slot2-view .content {
    text-align: left; }
    #locked-sections-slots-container #slot1-view .content h1, #locked-sections-slots-container #slot2-view .content h1 {
      font-family: univers-bd, Helvetica, Arial, sans-serif;
      font-size: 48px;
      color: #fff; }
    #locked-sections-slots-container #slot1-view .content p, #locked-sections-slots-container #slot2-view .content p {
      font-family: univers, Helvetica, Arial, sans-serif;
      font-size: 19px;
      opacity: .7;
      line-height: 180%;
      color: #fff; }
  #locked-sections-slots-container #slot2-view .content {
    text-align: center;
    width: 100%; }
  #locked-sections-slots-container .slot {
    position: absolute;
    pointer-events: all;
    width: 100%;
    max-height: 33.333%;
    overflow: hidden; }

#locked-sections-intro-text {
  position: absolute;
  z-index: 100;
  left: 50%;
  transform: translateX(-50%);
  top: 30px;
  min-width: 600px;
  font-size: 2vh;
  opacity: 0;
  color: #fff !important;
  text-align: center;
  font-family: univers, Helvetica, Arial, sans-serif; }

#locked-noise-layer {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/noise.png");
  background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/noise.png");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  z-index: 1000;
  pointer-events: none; }

.grad {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none; }

.suspect-gradient-1 {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1b1413+0,1b1413+100&1+0,1+8,0+60,0+100 */
  background: -moz-linear-gradient(top, #1b1413 0%, #1b1413 8%, rgba(27, 20, 19, 0) 60%, rgba(27, 20, 19, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #1b1413 0%, #1b1413 8%, rgba(27, 20, 19, 0) 60%, rgba(27, 20, 19, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #1b1413 0%, #1b1413 8%, rgba(27, 20, 19, 0) 60%, rgba(27, 20, 19, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b1413', endColorstr='#001b1413',GradientType=0 );
  /* IE6-9 */ }

#gradient-2-final {
  opacity: 0; }

#gradient-2-intro, #gradient-1 {
  opacity: 0; }

.suspect-gradient-2 {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1b1413+0,1b1413+100&0+0,0+40,1+92,1+100 */
  background: -moz-linear-gradient(top, rgba(27, 20, 19, 0) 0%, rgba(27, 20, 19, 0) 40%, #1b1413 92%, #1b1413 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(27, 20, 19, 0) 0%, rgba(27, 20, 19, 0) 40%, #1b1413 92%, #1b1413 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(27, 20, 19, 0) 0%, rgba(27, 20, 19, 0) 40%, #1b1413 92%, #1b1413 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001b1413', endColorstr='#1b1413',GradientType=0 );
  /* IE6-9 */
  transition: all 1s ease; }
  .suspect-gradient-2.intro {
    transition: all 1s ease;
    background: -moz-linear-gradient(top, rgba(27, 20, 19, 0) 0%, rgba(27, 20, 19, 0) 70%, #1b1413 92%, #1b1413 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(27, 20, 19, 0) 0%, rgba(27, 20, 19, 0) 70%, #1b1413 92%, #1b1413 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(27, 20, 19, 0) 0%, rgba(27, 20, 19, 0) 70%, #1b1413 92%, #1b1413 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001b1413', endColorstr='#1b1413',GradientType=0 );
    /* IE6-9 */ }

video#bgvid {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/satchel-panorama.jpg") no-repeat;
  background-size: cover; }

#locked-sections-slots-container #slot1-view .content {
  min-width: 50%;
  min-height: 280px; }
@media (min-width: 321px) and (max-width: 768px) {
  #locked-sections-slots-container #slot1-view div.content {
    width: 80%; }
    #locked-sections-slots-container #slot1-view div.content h1 {
      font-size: 34px;
      color: #fff; }
    #locked-sections-slots-container #slot1-view div.content p {
      font-size: 17px;
      color: #fff; } }

@media (min-width: 321px) and (max-width: 768px) {
  #locked-sections-slots-container #slot2-view div.content {
    width: 80%; }
    #locked-sections-slots-container #slot2-view div.content h1 {
      font-size: 34px; }
    #locked-sections-slots-container #slot2-view div.content p {
      font-size: 17px; } }

#slot2-view #the-truth-view {
  position: absolute;
  width: 100%;
  top: 45%;
  transform: translateY(-50%); }
  #slot2-view #the-truth-view h1 {
    position: relative;
    font-family: univers-bd, Helvetica, Arial, sans-serif;
    text-align: center;
    margin: 26px 0;
    color: #fff; }
  #slot2-view #the-truth-view .thumbs-holder {
    position: relative;
    width: 100%;
    height: calc(100% - 160px); }
  #slot2-view #the-truth-view section {
    position: relative;
    width: 100%;
    height: 260px;
    background-color: #000; }
    #slot2-view #the-truth-view section h1 {
      position: relative;
      font-family: univers-bd, Helvetica, Arial, sans-serif;
      text-align: center;
      margin: 26px 0;
      color: #fff; }
    #slot2-view #the-truth-view section ul {
      position: relative;
      height: 100%; }
      #slot2-view #the-truth-view section ul.ul-2 {
        width: 62%;
        left: 50%;
        transform: translateX(-50%); }
      #slot2-view #the-truth-view section ul li:first-child:nth-last-child(2), #slot2-view #the-truth-view section ul li:first-child:nth-last-child(2) ~ li {
        width: 47.4%;
        margin: 0px 8px 0 8px; }
      #slot2-view #the-truth-view section ul li:first-child:nth-last-child(3), #slot2-view #the-truth-view section ul li:first-child:nth-last-child(3) ~ li {
        width: 30%; }
      #slot2-view #the-truth-view section ul li {
        position: relative;
        float: left;
        width: 30%;
        heght: 280px;
        height: 90%;
        margin: 0 10px;
        top: 50%;
        transform: translateY(-50%);
        background-color: orange; }
        #slot2-view #the-truth-view section ul li dl.the-truth-thumb {
          position: absolute;
          width: 100%;
          height: 100%;
          margin: 0;
          padding: 0;
          background-position: center right; }
          #slot2-view #the-truth-view section ul li dl.the-truth-thumb dd {
            position: absolute;
            bottom: 12px; }
            #slot2-view #the-truth-view section ul li dl.the-truth-thumb dd h3, #slot2-view #the-truth-view section ul li dl.the-truth-thumb dd h6 {
              position: relative;
              margin: 0;
              padding: 0;
              color: #fff;
              font-family: univers, Helvetica, Arial, sans-serif;
              text-align: left;
              left: 18px;
              bottom: 0px; }
          #slot2-view #the-truth-view section ul li dl.the-truth-thumb.martinez {
            min-width: 100%;
            min-height: 100%;
            background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/extras-thumb-martinez.jpg");
            background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/extras-thumb-martinez.jpg");
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            min-height: 33%; }
          #slot2-view #the-truth-view section ul li dl.the-truth-thumb.tonya {
            min-width: 100%;
            min-height: 100%;
            background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/extras-thumb-tonya.jpg");
            background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/extras-thumb-tonya.jpg");
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            min-height: 33%; }
          #slot2-view #the-truth-view section ul li dl.the-truth-thumb.messner {
            min-width: 100%;
            min-height: 100%;
            background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/extras-thumb-messner.jpg");
            background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/extras-thumb-messner.jpg");
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            min-height: 33%; }
          #slot2-view #the-truth-view section ul li dl.the-truth-thumb.camera {
            min-width: 100%;
            min-height: 100%;
            background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/extras-thumb-camera.jpg");
            background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/extras-thumb-camera.jpg");
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            min-height: 33%; }
          #slot2-view #the-truth-view section ul li dl.the-truth-thumb.directors {
            min-width: 100%;
            min-height: 100%;
            background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/extras-thumb-directors.jpg");
            background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/extras-thumb-directors.jpg");
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            min-height: 33%; }
        #slot2-view #the-truth-view section ul li .video-btn {
          margin: 0; }
          #slot2-view #the-truth-view section ul li .video-btn h5 {
            opacity: 0; }
@media (min-width: 769px) and (max-width: 1024px) {
  #slot2-view .content {
    width: 80%; }
    #slot2-view .content h1 {
      font-size: 40px !important; }
  #slot2-view div#the-truth-view {
    top: 30px;
    left: 0;
    transform: initial;
    height: 100%; }
    #slot2-view div#the-truth-view section ul.ul-2 li:first-child:nth-last-child(2), #slot2-view div#the-truth-view section ul.ul-2 li:first-child:nth-last-child(2) ~ li {
      width: 44%; } }

@media (max-width: 768px) {
  #slot2-view div#the-truth-view {
    top: 30px;
    left: 0;
    transform: initial;
    height: 100%; }
    #slot2-view div#the-truth-view h1 {
      font-size: 28px !important; }
    #slot2-view div#the-truth-view .video-btn svg {
      width: 60px; }
    #slot2-view div#the-truth-view section {
      background-color: orange;
      width: auto;
      height: auto;
      position: relative; }
      #slot2-view div#the-truth-view section ul.ul-1, #slot2-view div#the-truth-view section ul.ul-2 {
        position: relative;
        height: initial;
        width: initial; }
      #slot2-view div#the-truth-view section ul.ul-1 li:first-child:nth-last-child(2), #slot2-view div#the-truth-view section ul.ul-1 li:first-child:nth-last-child(2) ~ li, #slot2-view div#the-truth-view section ul.ul-2 li:first-child:nth-last-child(2), #slot2-view div#the-truth-view section ul.ul-2 li:first-child:nth-last-child(2) ~ li {
        width: 72%;
        height: 160px;
        margin: 12px 0;
        left: 50%;
        transform: translateX(-50%);
        border: 12px solid #000; }
      #slot2-view div#the-truth-view section ul.ul-1 li:first-child:nth-last-child(3), #slot2-view div#the-truth-view section ul.ul-1 li:first-child:nth-last-child(3) ~ li, #slot2-view div#the-truth-view section ul.ul-2 li:first-child:nth-last-child(3), #slot2-view div#the-truth-view section ul.ul-2 li:first-child:nth-last-child(3) ~ li {
        width: 72%;
        margin: 12px 0;
        height: 160px;
        left: 50%;
        transform: translateX(-50%);
        border: 12px solid #000; } }

#overlay-holder {
  position: absolute;
  opacity: 0;
  height: 100%;
  width: 100%;
  border: 0;
  margin: 0;
  padding: 0;
  background-color: rgba(0, 0, 0, 0.9);
  transition: top .75s ease;
  pointer-events: none;
  z-index: 3000;
  opacity: 1;
  top: 100%;
  /*iframe {
    //opacity:0;
    transition-delay:.75s;
    opacity:1;

    transition: opacity .75s ease;

  }*/ }
  #overlay-holder div#unlocked-content div.content {
    width: 700px;
    text-align: center; }
    #overlay-holder div#unlocked-content div.content h1 {
      color: #fff; }
    #overlay-holder div#unlocked-content div.content .unlocked-content-btn {
      float: left;
      margin: 12px 20px !important;
      padding: 13px 2px;
      left: initial;
      transform: initial;
      color: #fff;
      transition: all .4s ease; }
      #overlay-holder div#unlocked-content div.content .unlocked-content-btn::before {
        content: "";
        width: 0;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background-color: white;
        transition: all .4s ease;
        opacity: .2; }
      #overlay-holder div#unlocked-content div.content .unlocked-content-btn svg {
        top: 10px;
        opacity: .2;
        transition: all .4s ease; }
      #overlay-holder div#unlocked-content div.content .unlocked-content-btn h3 {
        font-family: univers, Helvetica, Arial, sans-serif;
        font-size: 16px;
        top: 1px;
        color: #ffffff;
        transition: all .4s ease; }
      #overlay-holder div#unlocked-content div.content .unlocked-content-btn:hover {
        opacity: .5;
        transition: all .4s ease;
        border: 2px solid white; }
        #overlay-holder div#unlocked-content div.content .unlocked-content-btn:hover::before {
          width: 100%; }
        #overlay-holder div#unlocked-content div.content .unlocked-content-btn:hover svg {
          transition: all .4s ease;
          opacity: .9; }
          #overlay-holder div#unlocked-content div.content .unlocked-content-btn:hover svg .lock-unlocked {
            opacity: 1; }
        #overlay-holder div#unlocked-content div.content .unlocked-content-btn:hover h3 {
          transition: all .4s ease; }
  @media (max-width: 768px) {
    #overlay-holder div.close-btn {
      right: 0 !important;
      top: 0 !important;
      transform: initial;
      transition: all .3s ease;
      border: none !important; }
      #overlay-holder div.close-btn svg rect.close-btn-border {
        opacity: 0 !important; }
    #overlay-holder div#unlocked-content {
      position: absolute;
      width: 100%;
      top: 50px;
      height: 100%;
      overflow: hidden; }
      #overlay-holder div#unlocked-content div.content {
        width: 300px;
        text-align: center;
        height: 90%;
        top: initial;
        transform: initial;
        overflow: hidden;
        margin-left: 0px;
        position: relative;
        z-index: 100;
        left: 50%;
        transform: translateX(-50%); }
        #overlay-holder div#unlocked-content div.content h1 {
          font-size: 22px;
          margin: 0; }
        #overlay-holder div#unlocked-content div.content .unlocked-content-btn {
          padding: 12px 4px !important;
          margin: 6px 20px !important; }
          #overlay-holder div#unlocked-content div.content .unlocked-content-btn svg {
            top: 10px; }
    #overlay-holder div#completed-content div.content {
      z-index: 100; }
      #overlay-holder div#completed-content div.content h1 {
        font-size: 34px; }
      #overlay-holder div#completed-content div.content h4 {
        font-size: 16px; }
        #overlay-holder div#completed-content div.content h4.watch-all {
          text-transform: uppercase; }
      #overlay-holder div#completed-content div.content #buttons .unlocked-content-btn {
        padding: 12px 4px; } }
  #overlay-holder #unlocked-content, #overlay-holder #completed-content {
    position: absolute;
    width: 100%;
    height: 100%;
    font-family: univers, Helvetica, Arial, sans-serif; }
    #overlay-holder #unlocked-content h1, #overlay-holder #completed-content h1 {
      font-family: univers-bd, Helvetica, Arial, sans-serif;
      font-size: 48px;
      color: #fff; }
    #overlay-holder #unlocked-content h4, #overlay-holder #completed-content h4 {
      font-family: univers, Helvetica, Arial, sans-serif;
      font-size: 20px;
      margin: 30px 0;
      color: #fff; }
      #overlay-holder #unlocked-content h4.watch-all, #overlay-holder #completed-content h4.watch-all {
        text-transform: uppercase; }
    #overlay-holder #unlocked-content .content, #overlay-holder #completed-content .content {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 100; }
      #overlay-holder #unlocked-content .content #buttons .unlocked-content-btn svg, #overlay-holder #completed-content .content #buttons .unlocked-content-btn svg {
        top: 8px; }
  #overlay-holder #completed-content {
    background-color: rgba(0, 0, 0, 0.75);
    text-align: center; }
    #overlay-holder #completed-content .content .unlocked-content-btn {
      left: 50%;
      transform: translateX(-50%); }
    #overlay-holder #completed-content aside {
      position: absolute;
      opacity: 0;
      transition: all 2s ease; }
      #overlay-holder #completed-content aside.jim {
        min-width: 100%;
        min-height: 100%;
        background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/end-vidframe-jim.jpg");
        background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/end-vidframe-jim.jpg");
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        opacity: 1;
        transition: all 2s ease; }
      #overlay-holder #completed-content aside.sarah {
        min-width: 100%;
        min-height: 100%;
        background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/end-vidframe-sarah.jpg");
        background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/end-vidframe-sarah.jpg");
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        opacity: 1;
        transition: all 2s ease; }
      #overlay-holder #completed-content aside.crimmons {
        min-width: 100%;
        min-height: 100%;
        background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/end-vidframe-crimmons.jpg");
        background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/end-vidframe-crimmons.jpg");
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        opacity: 1;
        transition: all 2s ease; }
      #overlay-holder #completed-content aside.the-truth {
        min-width: 100%;
        min-height: 100%;
        background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/end-vidframe-the-truth.jpg");
        background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/end-vidframe-the-truth.jpg");
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        opacity: 1;
        transition: all 2s ease; }
  #overlay-holder .youtube {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 1; }
    #overlay-holder .youtube.blur {
      opacity: 0;
      transition-delay: .5s;
      transition: all .5s ease; }
    #overlay-holder .youtube.hide {
      opacity: 0;
      pointer-events: none;
      display: none;
      transition: opacity .75s ease; }
  #overlay-holder div.close-btn {
    position: absolute;
    right: 20px;
    top: 30px;
    width: 73px;
    height: 73px;
    z-index: 3000;
    cursor: pointer;
    transition: all .25s ease;
    border: 2px solid rgba(255, 255, 255, 0.2);
    cursor: pointer; }
    #overlay-holder div.close-btn:hover {
      opacity: 1;
      border: 2px solid white; }
      #overlay-holder div.close-btn:hover svg .close-x-icon {
        opacity: 1;
        transition: all .3s ease; }
      #overlay-holder div.close-btn:hover svg .close-btn-border {
        opacity: 1;
        transition: all .3s ease;
        width: 100%; }
    #overlay-holder div.close-btn svg {
      width: 100%;
      height: 100%; }
      #overlay-holder div.close-btn svg .close-x-icon {
        fill: #fff;
        opacity: 0.5;
        transition: all .25s ease; }
      #overlay-holder div.close-btn svg .close-btn-border {
        fill: rgba(255, 255, 255, 0.25);
        transition: all .25s ease;
        x: 0;
        y: 0;
        width: 0;
        height: 100%; }
  #overlay-holder.show {
    opacity: 1;
    pointer-events: all;
    top: 0;
    transition: top .75s ease;
    z-index: 3000; }

.brightcove #brightcove-player {
  opacity: 1;
  pointer-events: all;
  display: block; }

#brightcove-player {
  position: absolute;
  height: 100%;
  width: 100%;
  border: 0;
  margin: 0;
  padding: 0;
  background-color: #000;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity .75s ease; }
  #brightcove-player.hide {
    opacity: 0;
    pointer-events: none;
    display: none;
    transition: opacity .75s ease; }

.unlocked-content-btn {
  position: relative;
  width: 260px;
  text-align: center;
  padding: 12px 4px !important;
  border: 2px solid rgba(255, 255, 255, 0.2);
  margin: 12px 0 !important;
  opacity: 1;
  left: 4%;
  color: #fff !important;
  cursor: pointer;
  font-family: univers, Helvetica, Arial, sans-serif;
  transition: all .25s ease;
  cursor: pointer; }
  .unlocked-content-btn h3 {
    position: relative;
    display: inline-block;
    font-family: univers, Helvetica, Arial, sans-serif;
    font-size: 16px;
    text-align: center;
    color: #fff !important;
    top: 0px; }
  .unlocked-content-btn.locked {
    opacity: 1 !important;
    background-color: #1f1c1c;
    border: 2px solid rgba(255, 255, 255, 0);
    pointer-events: none; }
    .unlocked-content-btn.locked h3 {
      opacity: .2; }
  .unlocked-content-btn svg {
    position: absolute;
    left: 8px;
    max-height: 16px;
    max-width: 16px;
    top: 18px; }

#suspect-content {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none; }
  #suspect-content #suspect-view {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: all .3s ease; }
    #suspect-content #suspect-view header.suspect-text {
      position: absolute;
      top: 16%;
      right: 63%;
      width: 30vh;
      text-align: left;
      opacity: 0;
      z-index: 1; }
@media (min-width: 769px) and (max-width: 1024) {
  #suspect-content #suspect-view header.suspect-text {
    transform: scale(0.8); } }

      #suspect-content #suspect-view header.suspect-text svg {
        width: 30vh;
        height: 22vh; }
      #suspect-content #suspect-view header.suspect-text.the-truth {
        top: 18%;
        right: initial;
        text-align: center;
        z-index: 1;
        left: 50%;
        transform: translateX(-50%); }
        #suspect-content #suspect-view header.suspect-text.the-truth svg {
          height: 17vh; }
        #suspect-content #suspect-view header.suspect-text.the-truth h5 {
          display: none; }
      #suspect-content #suspect-view header.suspect-text h5 {
        position: relative;
        margin: 4px 0 0 0;
        font-family: univers, Helvetica, Arial, sans-serif;
        text-align: left;
        font-size: 16px;
        line-height: 160%;
        color: #fff;
        width: 34vh; }
      #suspect-content #suspect-view header.suspect-text img.lockup {
        position: relative; }
    #suspect-content #suspect-view img {
      position: absolute; }
      #suspect-content #suspect-view img.portrait {
        transform: translateX(-50%);
        left: 50%;
        bottom: 0;
        opacity: 0;
        width: auto;
        height: 100%; }
  @media (max-width: 768px) {
    #suspect-content #suspect-view img.portrait {
      height: 90%; }
    #suspect-content #suspect-view header.suspect-text {
      right: initial;
      left: 20px;
      top: 110px;
      color: rgba(255, 255, 255, 0.9); }
      #suspect-content #suspect-view header.suspect-text svg, #suspect-content #suspect-view header.suspect-text h5 {
        visibility: hidden;
        display: none; }
      #suspect-content #suspect-view header.suspect-text.the-truth {
        top: 20%; }
        #suspect-content #suspect-view header.suspect-text.the-truth:before {
          display: none;
          visibility: hidden; }
        #suspect-content #suspect-view header.suspect-text.the-truth svg {
          display: block;
          visibility: initial; }
        #suspect-content #suspect-view header.suspect-text.the-truth:after {
          display: none; }
      #suspect-content #suspect-view header.suspect-text:before {
        position: relative;
        font-size: 20px;
        margin: 0 0 3px 0;
        display: block; }
      #suspect-content #suspect-view header.suspect-text:after {
        position: relative;
        display: block;
        font-family: univers-bd, Helvetica, Arial, sans-serif;
        font-size: 5vw;
        line-height: 100%;
        text-transform: uppercase; }
      #suspect-content #suspect-view header.suspect-text.jim:before {
        content: "Ep.1"; }
      #suspect-content #suspect-view header.suspect-text.jim:after {
        content: "jim"; }
      #suspect-content #suspect-view header.suspect-text.sarah:before {
        content: "Ep.2"; }
      #suspect-content #suspect-view header.suspect-text.sarah:after {
        content: "sarah"; }
      #suspect-content #suspect-view header.suspect-text.crimmons:before {
        content: "Ep.3"; }
      #suspect-content #suspect-view header.suspect-text.crimmons:after {
        content: "crimmons"; }
      #suspect-content #suspect-view header.suspect-text.the-truth:before {
        content: "Ep.4"; }
      #suspect-content #suspect-view header.suspect-text.the-truth:after {
        content: "the truth"; } }

#suspect-content #suspect-view .suspect-box {
  position: absolute;
  top: 10%;
  width: 39.8%;
  height: 58%;
  left: 50%;
  transform: translateX(-50%); }
  #suspect-content #suspect-view .suspect-box .suspect-rect {
    fill: transparent;
    stroke: rgba(255, 255, 255, 0);
    stroke-width: 2px; }
  #suspect-content #suspect-view .suspect-box .s-txt {
    position: absolute;
    bottom: 12px;
    fill: #fff;
    margin: 0;
    padding: 0; }
  #suspect-content #suspect-view .suspect-box #s-txt-1 {
    font-size: 40px;
    font-family: univers-bd, Helvetica, Arial, sans-serif; }
  #suspect-content #suspect-view .suspect-box #s-txt-2 {
    font-size: 24px;
    left: 28px;
    font-family: univers, Helvetica, Arial, sans-serif; }
  #suspect-content #suspect-view .suspect-box svg {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%); }
#suspect-content #suspect-view #mask-end {
  visibility: hidden; }

#locked-sections-menu-view h4 {
  position: absolute;
  opacity: .2;
  left: 1.5%;
  bottom: 120px;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  font-family: univers, Helvetica, Arial, sans-serif; }
#locked-sections-menu-view #main-menu {
  position: absolute;
  width: 96%;
  bottom: 45px;
  margin-left: 4px;
  list-style-type: none;
  left: 50%;
  transform: translateX(-50%); }
  #locked-sections-menu-view #main-menu li {
    position: relative;
    width: 25%;
    float: left;
    pointer-events: none; }
    #locked-sections-menu-view #main-menu li dl.menu-item {
      pointer-events: all;
      cursor: pointer;
      font-family: univers-bd, Helvetica, Arial, sans-serif;
      transition: all .25s ease;
      opacity: .2; }
      #locked-sections-menu-view #main-menu li dl.menu-item.unlocked {
        transition: all .5s ease; }
      #locked-sections-menu-view #main-menu li dl.menu-item.selected {
        opacity: 1;
        transition: all .25s ease;
        pointer-events: none; }
      #locked-sections-menu-view #main-menu li dl.menu-item:hover {
        opacity: .8;
        transition: all .25s ease; }
      #locked-sections-menu-view #main-menu li dl.menu-item dt {
        position: absolute;
        float: left;
        width: 18px;
        height: 18px;
        bottom: 16px;
        pointer-events: none;
        background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/svgs/lock_locked.svg");
        background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/svgs/lock_locked.svg");
        background-repeat: no-repeat; }
        #locked-sections-menu-view #main-menu li dl.menu-item dt.unlocked {
          background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/svgs/lock_unlocked.svg");
          background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/svgs/lock_unlocked.svg"); }
      #locked-sections-menu-view #main-menu li dl.menu-item dd {
        position: relative;
        margin: 0 0 11px 25px;
        top: 10px;
        width: 226px;
        font-size: 12px;
        text-align: left;
        color: #fff; }
        #locked-sections-menu-view #main-menu li dl.menu-item dd h3 {
          position: relative;
          top: -10px;
          font-family: univers-bd, Helvetica, Arial, sans-serif;
          font-size: 16px;
          letter-spacing: .75px;
          color: #fff; }
@media (max-width: 768px) {
  #locked-sections-menu-view h4 {
    visibility: hidden;
    display: none; }
  #locked-sections-menu-view #progress-bar {
    bottom: 10px; }
  #locked-sections-menu-view ul#main-menu {
    bottom: 50px;
    margin-left: -3.125%; }
    #locked-sections-menu-view ul#main-menu li dl.menu-item dt {
      float: initial;
      width: 12px;
      height: 12px;
      left: 50%;
      transform: translateX(-50%);
      margin: 0;
      bottom: -4px; }
    #locked-sections-menu-view ul#main-menu li dl.menu-item dd {
      margin: 6px 0 6px 0;
      width: auto;
      text-align: center;
      top: 0px; }
      #locked-sections-menu-view ul#main-menu li dl.menu-item dd h3 {
        font-size: 13px;
        color: #fff; } }

#progress-bar {
  position: absolute;
  width: 96.5%;
  height: 30px;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  opacity: 1; }

#locked-sections-footer {
  position: fixed;
  width: 100%;
  height: 50px;
  bottom: 0px;
  pointer-events: none;
  opacity: 0;
  z-index: 300;
  transition: opacity .25s ease; }
  #locked-sections-footer.reveal {
    opacity: 1;
    transition: opacity .25s ease; }
    #locked-sections-footer.reveal #scroll-down-arrow {
      pointer-events: all;
      opacity: 1; }
  #locked-sections-footer #scroll-down-arrow {
    position: absolute;
    top: 15px;
    width: 50px;
    height: 50px;
    left: 50%;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
    cursor: pointer;
    background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/svgs/down_arrow.svg");
    background-image: url("http://s3.amazonaws.com/discovery_digitalmedia/temp/satchel/assets/images/svgs/down_arrow.svg");
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: top center;
    -webkit-animation-name: goingDown;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: goingDown;
    -moz-animation-duration: 2s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
    -ms-animation-name: goingDown;
    -ms-animation-duration: 2s;
    -ms-animation-timing-function: ease-in-out;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: normal;
    -ms-animation-delay: 0;
    -ms-animation-play-state: running;
    -ms-animation-fill-mode: forwards;
    animation-name: goingDown;
    animation-duration: 2s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-delay: 0;
    animation-play-state: running;
    animation-fill-mode: forwards; }

@-webkit-keyframes goingDown {
  0% {
    top: 25px; }
  50% {
    top: 15px; }
  100% {
    top: 25px; } }
@-moz-keyframes goingDown {
  0% {
    top: 25px; }
  50% {
    top: 15px; }
  100% {
    top: 25px; } }
@-ms-keyframes goingDown {
  0% {
    top: 25px; }
  50% {
    top: 15px; }
  100% {
    top: 25px; } }
@keyframes goingDown {
  0% {
    top: 25px; }
  50% {
    top: 15px; }
  100% {
    top: 25px; } }
#prev-next-nav {
  position: absolute;
  pointer-events: none;
  top: 50%;
  transform: translateY(-50%);
  width: 100%; }
  #prev-next-nav article.nav {
    position: absolute;
    width: 120px;
    height: 40px;
    pointer-events: all;
    cursor: pointer;
    font-family: univers, Helvetica, Arial, sans-serif; }
    #prev-next-nav article.nav #prev-btn {
      transform: rotate(180deg);
      left: -35px;
      float: left; }
    #prev-next-nav article.nav #next-btn {
      float: right;
      left: 35px; }
    #prev-next-nav article.nav div.prev-next-btn {
      position: relative;
      width: 100px;
      height: 20px;
      overflow: hidden;
      cursor: pointer; }
      #prev-next-nav article.nav div.prev-next-btn svg {
        width: 100px;
        height: 20px;
        pointer-events: none; }
      #prev-next-nav article.nav div.prev-next-btn .prev-next-path {
        fill: none;
        stroke: #fff;
        stroke-miterlimit: 10; }
        #prev-next-nav article.nav div.prev-next-btn .prev-next-path.hidden {
          visibility: hidden; }
    #prev-next-nav article.nav #div1 {
      position: relative;
      float: left;
      width: 60px;
      height: 100%; }
    #prev-next-nav article.nav p {
      position: relative;
      left: 4px;
      color: #fff;
      pointer-events: none;
      width: 4px;
      float: left;
      padding: 0;
      margin: 0;
      top: 0; }
      #prev-next-nav article.nav p:after {
        content: "Ep.3";
        position: relative;
        width: 45px;
        font-family: univers, Helvetica, Arial, sans-serif; }
@media (min-width: 321px) and (max-width: 768px) {
  #prev-next-nav article.nav div {
    width: 40px; } }

    #prev-next-nav article.nav.prev p {
      left: -24px; }
    #prev-next-nav article.nav.prev.jim {
      visibility: hidden;
      display: none; }
    #prev-next-nav article.nav.prev.sarah p:after {
      content: "Ep.1"; }
    #prev-next-nav article.nav.prev.crimmons p:after {
      content: "Ep.2"; }
    #prev-next-nav article.nav.prev.the-truth p:after {
      content: "Ep.3"; }
    #prev-next-nav article.nav.next {
      right: 0px; }
      #prev-next-nav article.nav.next div.line {
        float: right;
        left: iniitial; }
      #prev-next-nav article.nav.next p {
        float: right;
        left: initial;
        right: 6px; }
      #prev-next-nav article.nav.next.jim p:after {
        content: "Ep.2"; }
      #prev-next-nav article.nav.next.sarah p:after {
        content: "Ep.3"; }
      #prev-next-nav article.nav.next.crimmons p:after {
        content: "Ep.4"; }
      #prev-next-nav article.nav.next.the-truth {
        visibility: hidden;
        display: none; }

#satchel-header {
  position: absolute;
  width: 100%;
  height: 100px; }
  #satchel-header #logo-lockup {
    position: relative;
    left: 20px;
    top: 20px;
    width: 30vw;
    margin-left: -500px;
    height: 100%;
    cursor: pointer; }
    #satchel-header #logo-lockup svg {
      position: relative;
      float: left; }
    #satchel-header #logo-lockup #toyota-logo {
      position: relative;
      width: 110px;
      top: 20px;
      left: 12px; }
  #satchel-header #header-right {
    position: absolute;
    top: 17px;
    right: 30px;
    width: 300px;
    height: 100px;
    font-family: univers;
    color: #fff; }
    #satchel-header #header-right li {
      position: relative;
      float: right;
      width: 16px;
      height: 16px;
      margin-left: 15px;
      cursor: pointer; }
      #satchel-header #header-right li.social {
        position: relative;
        top: 10px;
        visibility: hidden;
        display: none; }
        #satchel-header #header-right li.social:hover {
          opacity: .7; }
      #satchel-header #header-right li#unlocked-content-btn {
        position: relative;
        width: auto;
        text-align: center;
        padding: 12px 15px 8px 30px;
        border: 2px solid rgba(255, 255, 255, 0.2);
        transition: all .4s ease; }
        #satchel-header #header-right li#unlocked-content-btn::before {
          content: "";
          width: 0;
          height: 100%;
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          background-color: white;
          transition: all .4s ease;
          opacity: .2; }
        #satchel-header #header-right li#unlocked-content-btn svg {
          top: 8px; }
        #satchel-header #header-right li#unlocked-content-btn h6 {
          margin: 0;
          font-size: 15px;
          font-family: univers, Helvetica, Arial, sans-serif;
          left: 3px;
          top: 2px;
          color: #fff; }
        #satchel-header #header-right li#unlocked-content-btn:hover {
          border: 2px solid white; }
          #satchel-header #header-right li#unlocked-content-btn:hover::before {
            width: 100%; }
    #satchel-header #header-right svg {
      position: absolute;
      height: 16px;
      width: 16px;
      left: 10px; }
  @media (max-width: 768px) {
    #satchel-header {
      background-color: #000;
      height: 80px; }
      #satchel-header #logo-lockup {
        left: 20px !important;
        top: 4px;
        width: 215px; }
        #satchel-header #logo-lockup svg {
          width: 74px; }
        #satchel-header #logo-lockup #toyota-logo {
          left: 4px;
          width: 82px; }
      #satchel-header ul#header-right li {
        margin: 0 0 0 15px; }
      #satchel-header ul#header-right li#unlocked-content-btn {
        padding: 10px 4px;
        width: 28px;
        left: 5px; }
        #satchel-header ul#header-right li#unlocked-content-btn h6 {
          visibility: hidden; } }

#audio-bars {
  position: absolute;
  width: 36px;
  height: 38px;
  cursor: pointer;
  right: 2%;
  bottom: 60px; }
  #audio-bars #bar-1 {
    left: 0px; }
  #audio-bars #bar-2 {
    left: 6px; }
  #audio-bars #bar-3 {
    left: 12px; }
  #audio-bars #bar-4 {
    left: 18px; }
  #audio-bars .bar {
    position: absolute;
    margin-left: 16px;
    width: 2px;
    bottom: 0px;
    background-color: #fff; }

#intro-animation-view {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: scale(0.6) translate(-50%, -50%);
  margin: -150px 0 0 -150px; }

#intro-preloader-view {
  position: absolute;
  pointer-events: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  top: calc(50% - 70px);
  left: calc(50% - 10px);
  z-index: 100; }
  #intro-preloader-view div {
    opacity: .3; }
  #intro-preloader-view h3 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: univers, Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    text-align: center;
    opacity: .7;
    color: #fff; }

@-webkit-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0; }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1; }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0; } }
@-webkit-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0; }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1; }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0; } }
@-moz-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0; }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1; }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0; } }
@-ms-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0; }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1; }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0; } }
@-moz-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0; }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1; }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0; } }
@-webkit-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0; }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1; }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0; } }
@-o-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0; }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1; }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0; } }
@keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0; }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1; }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0; } }
.uil-ripple-css {
  background: none;
  position: relative;
  width: 200px;
  height: 200px; }

.uil-ripple-css div {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  width: 0;
  height: 0;
  opacity: 0;
  border-radius: 50%;
  border-width: 4px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.3);
  -ms-animation: uil-ripple 1s ease-in-out infinite;
  -moz-animation: uil-ripple 1s ease-in-out infinite;
  -webkit-animation: uil-ripple 1s ease-in-out infinite;
  -o-animation: uil-ripple 1s ease-in-out infinite;
  animation: uil-ripple 1s ease-in-out infinite; }

.uil-ripple-css div:nth-of-type(1) {
  border-color: rgba(255, 255, 255, 0.3); }

.uil-ripple-css div:nth-of-type(2) {
  border-color: rgba(255, 255, 255, 0.3);
  -ms-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -webkit-animation-delay: 2s;
  -o-animation-delay: 2s;
  animation-delay: 2s; }

#panorama-holder {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none; }
  #panorama-holder #panorama-intro {
    position: absolute;
    width: 100vw;
    min-height: 100vh; }
    #panorama-holder #panorama-intro svg {
      min-width: 100vw;
      min-height: 100vh; }
  #panorama-holder #panorama {
    position: absolute;
    top: 0;
    width: 100%;
    height: 94%; }
    #panorama-holder #panorama article {
      position: fixed;
      bottom: 10px;
      width: 100%;
      height: 5%; }
      #panorama-holder #panorama article #pano-btn {
        position: relative;
        left: 20px;
        width: 80px;
        height: 30px;
        background-color: green;
        cursor: pointer;
        content: "animate";
        color: #1a1a1a; }
        #panorama-holder #panorama article #pano-btn p {
          position: relative;
          text-align: center;
          top: 4px; }
        #panorama-holder #panorama article #pano-btn:hover {
          background-color: #009a00;
          color: #000; }
  #panorama-holder #mask-end {
    visibility: hidden; }

#pano {
  position: absolute;
  width: 100%;
  height: 100%; }

body {
  background-color: #2e1b18;
  color: #fff;
  position: absolute;
  font-family: univers, Helvetica, Arial, sans-serif;
  width: 100%;
  height: 100%;
  overflow: hidden; }

main#satchel {
  background-color: #2e1b18;
  color: #fff;
  position: absolute;
  font-family: univers, Helvetica, Arial, sans-serif;
  width: 100%;
  height: 100%;
  top: 0px;
  color: #fff;
  overflow: hidden; }

ul {
  list-style-type: none; }

section.module {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none; }
  section.module div.module-view {
    position: absolute; }
    section.module div.module-view .content {
      position: absolute;
      pointer-events: all;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
@media (min-width: 321px) and (max-width: 768px) {
  section.module div.module-view .content {
    width: 90%; } }