@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=54141e38-a1fb-4116-b4fe-416d1d41e6cd");
@font-face{
font-family:"Diaconia Old Style";
src:url("http://www.cbc.ca/murdochmysteries/content/theinfernaldevice/fonts/b93d1fa0-4840-4b4c-9e17-a319f2cdbfc0.eot?#iefix");
src:url("http://www.cbc.ca/murdochmysteries/content/theinfernaldevice/fonts/b93d1fa0-4840-4b4c-9e17-a319f2cdbfc0.eot?#iefix") format("eot"),url("http://www.cbc.ca/murdochmysteries/content/theinfernaldevice/fonts/bd2c275d-7110-414c-92bb-1c966f6b6188.woff2") format("woff2"),url("http://www.cbc.ca/murdochmysteries/content/theinfernaldevice/fonts/a4b6b46a-d8d3-4641-becf-112bd14eefaa.woff") format("woff"),url("http://www.cbc.ca/murdochmysteries/content/theinfernaldevice/fonts/25e1dc61-ce2e-4dab-96c5-17f2b86eaab5.ttf") format("truetype"),url("http://www.cbc.ca/murdochmysteries/content/theinfernaldevice/fonts/d5f31bd3-048e-4044-bf71-ad9f3c68e617.svg#d5f31bd3-048e-4044-bf71-ad9f3c68e617") format("svg");
font-weight: 400;
font-style: normal;
letter-spacing: 0.09rem;
}
@font-face{
font-family:"Diaconia Old Style SmallCaps";
src:url("http://www.cbc.ca/murdochmysteries/content/theinfernaldevice/fonts/fd3acfb0-8d71-491f-94de-8d56a8f1e6f2.eot?#iefix");
src:url("http://www.cbc.ca/murdochmysteries/content/theinfernaldevice/fonts/fd3acfb0-8d71-491f-94de-8d56a8f1e6f2.eot?#iefix") format("eot"),url("http://www.cbc.ca/murdochmysteries/content/theinfernaldevice/fonts/215b7add-8735-4744-a355-4c573002dd4b.woff2") format("woff2"),url("http://www.cbc.ca/murdochmysteries/content/theinfernaldevice/fonts/16c1d092-f2f4-4845-8301-7b760e192e73.woff") format("woff"),url("http://www.cbc.ca/murdochmysteries/content/theinfernaldevice/fonts/c8332054-7bfc-4437-98e2-2986c5f22b10.ttf") format("truetype"),url("http://www.cbc.ca/murdochmysteries/content/theinfernaldevice/fonts/6189ec60-3aec-462c-a858-5df332113f4d.svg#6189ec60-3aec-462c-a858-5df332113f4d") format("svg");
font-weight: 500;
font-style: normal;
letter-spacing: 0.09rem;
}
@font-face{
font-family:"Diaconia Old Style";
src:url("http://www.cbc.ca/murdochmysteries/content/theinfernaldevice/fonts/b362f15a-d8c6-46c3-aa59-6ca495e307d3.eot?#iefix");
src:url("http://www.cbc.ca/murdochmysteries/content/theinfernaldevice/fonts/b362f15a-d8c6-46c3-aa59-6ca495e307d3.eot?#iefix") format("eot"),url("http://www.cbc.ca/murdochmysteries/content/theinfernaldevice/fonts/e279949a-8f89-4da4-a2c8-4de794285899.woff2") format("woff2"),url("http://www.cbc.ca/murdochmysteries/content/theinfernaldevice/fonts/7a919557-54e7-4165-bacd-45772b045cdd.woff") format("woff"),url("http://www.cbc.ca/murdochmysteries/content/theinfernaldevice/fonts/0e25aaf9-db46-4e97-9a61-3f6956588023.ttf") format("truetype"),url("http://www.cbc.ca/murdochmysteries/content/theinfernaldevice/fonts/a7499db2-9a25-41e0-8fc8-39aca1f31d38.svg#a7499db2-9a25-41e0-8fc8-39aca1f31d38") format("svg");
font-weight: 400;
font-style: italic;
letter-spacing: 0.09rem;
}
@font-face{
font-family:"Diaconia Old Style";
src:url("http://www.cbc.ca/murdochmysteries/content/theinfernaldevice/fonts/e6307cd6-1797-42d2-85d9-f6db24ea0098.eot?#iefix");
src:url("http://www.cbc.ca/murdochmysteries/content/theinfernaldevice/fonts/e6307cd6-1797-42d2-85d9-f6db24ea0098.eot?#iefix") format("eot"),url("http://www.cbc.ca/murdochmysteries/content/theinfernaldevice/fonts/85371711-17a8-42eb-b4fd-bbfbfb107cc4.woff2") format("woff2"),url("http://www.cbc.ca/murdochmysteries/content/theinfernaldevice/fonts/ecffc8ec-c237-444b-af37-019a1b7e7d86.woff") format("woff"),url("http://www.cbc.ca/murdochmysteries/content/theinfernaldevice/fonts/cff93103-f11b-4457-8771-e37344b70bc0.ttf") format("truetype"),url("http://www.cbc.ca/murdochmysteries/content/theinfernaldevice/fonts/041e5059-d444-4d42-94a0-df4c0b137580.svg#041e5059-d444-4d42-94a0-df4c0b137580") format("svg");
font-weight: 800;
font-style: normal;
letter-spacing: 0.09rem;
}
@font-face{
font-family:"Diaconia Old Style";
src:url("http://www.cbc.ca/murdochmysteries/content/theinfernaldevice/fonts/4faba6e7-5b9a-4620-aeb6-8c97641e3027.eot?#iefix");
src:url("http://www.cbc.ca/murdochmysteries/content/theinfernaldevice/fonts/4faba6e7-5b9a-4620-aeb6-8c97641e3027.eot?#iefix") format("eot"),url("http://www.cbc.ca/murdochmysteries/content/theinfernaldevice/fonts/73f8530b-c5d4-4f72-ac5a-e7a7fa24c10c.woff2") format("woff2"),url("http://www.cbc.ca/murdochmysteries/content/theinfernaldevice/fonts/8b2cac50-80b4-4946-adf3-cc08cfcf6f9d.woff") format("woff"),url("http://www.cbc.ca/murdochmysteries/content/theinfernaldevice/fonts/882b8bf8-c5a3-4cf5-bf14-acb5dc2371a4.ttf") format("truetype"),url("http://www.cbc.ca/murdochmysteries/content/theinfernaldevice/fonts/7739d171-db08-4899-bdb2-7c7ba4db1420.svg#7739d171-db08-4899-bdb2-7c7ba4db1420") format("svg");
font-weight: 800;
font-style: italic;
letter-spacing: 0.09rem;
}

@font-face {
  font-family: "Slabo";
  src: url("http://www.cbc.ca/murdochmysteries/content/theinfernaldevice/http://www.cbc.ca/murdochmysteries/content/theinfernaldevice/fonts/Slabo27px-Regular.ttf"); 
}
@font-face {
  font-family: "FontAwesome";
  src: url("http://www.cbc.ca/murdochmysteries/content/theinfernaldevice/fonts/fontawesome-webfont.eot") format("eot"), url("http://www.cbc.ca/murdochmysteries/content/theinfernaldevice/fonts/fontawesome-webfont.woff2") format("woff2"), url("http://www.cbc.ca/murdochmysteries/content/theinfernaldevice/fonts/fontawesome-webfont.woff") format("woff"), url("http://www.cbc.ca/murdochmysteries/content/theinfernaldevice/fonts/fontawesome-webfont.ttf") format("truetype"), url("http://www.cbc.ca/murdochmysteries/content/theinfernaldevice/fonts/fontawesome-webfont.svg") format("svg"); 
}

body.tid { 
  padding: 0;
  margin: 0;
  font-family: "Diaconia Old Style";
  background-color: black;
  color: white;
}

.loading-screen {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  color: #999;
  z-index: 999;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 420ms ease;
  transition: opacity 420ms ease;
}
.loading-screen span {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  height: 4rem;
  line-height: 4rem;
  font-size: 1.5rem;
  text-align: center;
  width: 360px;
  margin-left: -180px;
  margin-top: -2rem;
}
.loading-screen span i {
  color: #424242;
}

figure, figure img {
  padding: 0;
  margin: 0;
  width: 100%;
  height: auto;
}

.tid-header {
  display: block;
  position: fixed;
  width: 100%;
  height: 2.5rem;
  background-color: rgba(0,0,0,0.73);
  border-bottom: 1px solid #333;
  z-index: 99;
  top: 0;
  left: 0;
}
.tid-title {
  display: inline-block;
  position: relative;
  color: white;
  font-size: 0.875rem;
  line-height: 1rem;
  margin: 12px 0 0 12px;
}
.tid-episode-title {
  color: white;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-left: 10px;
  width: 320px;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 8px;
  left: 50%;
  margin-left: -160px;
  text-align: center;
  cursor: pointer;
}
.tid-episode-title i {
  margin: 0 0.25rem 0 0;
  color: goldenrod;
}
.tid-social {
  display: block;
  position: relative;
  width: auto;
  height: 2.5rem;
  font-size: 1.5rem;
  line-height: 2.5rem;
  float: right;
  margin-right: 1rem;
}
.tid-social i {
  font-size: inherit;
  margin: 0 0.5rem;
  line-height: inherit;
}
.tid-social a {
  color: #fff;
  text-decoration: none;
}
.tid-social a:hover {
  color: goldenrod;
}
.tid-chapters {
  display: block;
  position: absolute;
  padding: 0;
  margin: 0;
  width: 320px;
  height: auto;
  top: 2.5rem;
  left: 50%;
  margin-left: -160px;
  text-align: center;
  overflow: hidden;
  background-color: #000;
  -webkit-transition: -webkit-transform 420ms ease;
  transition: transform 420ms ease;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  -webkit-transform: scale3d(1,1,1);
  transform: scale3d(1,1,1);
}
.tid-chapters .tid-logo, .tid-chapters .tid-social {
  display: none;
}
.tid-chapters ul {
  display: block;
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  height: auto;
  text-align: center;
  overflow: hidden;
}
.tid-chapters ul li {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
}
.tid-chapters ul li a {
  display: block;
  position: relative;
  width: 100%;
  height: 2.5rem;
  line-height: 2.5rem;
  border-top: 1px solid #333;
  border-bottom: 1px solid #999;
  background-color: rgba(0,0,0,0.73);
  text-decoration: none;
  color: white;
  -webkit-transition: background-color 420ms ease;
  transition: background-color 420ms ease;
}
.tid-chapters ul li a:hover {
  background-color: rgba(255,255,255,0.26);
}

.tid-intro {
  display: block;
  position:relative;
  width: 100%;
  height: 100%;
}
.tid-background {
  display: block;
  position: absolute;
  z-index: 0;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background-color: black;
}
#tid-background-canvas {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

#landscape-warning {
  display: none;
}

.debug, .debug2 {
  float: right;
  color: white;
}


.tid-pane {
  display: block;
  position: absolute;
  height: auto;
  width: 100%;
  top: 0;
  left: 0;
  overflow-y: scroll;
  -webkit-transition: -webkit-transform 1s;
  transition: transform 1s;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.tid-container {
  display: block;
  position: relative;
  width: 1280px;
  height: auto;
  /* background-color: black; */
  color: white;
  margin: 0 auto;
  padding: 0;
  z-index: 1;
}
.tid-body {
  display: block;
  position: relative;
  width: 960px;
  height: auto;
  margin: 0 auto;
  padding: 50px 0;
  font-size: 1.25rem;
  line-height: 2rem;
}
.tid-body section {
  display: block;
  position: relative;
  height: auto;
  width: 100%;
  overflow: hidden;
  margin-bottom: 50px;
  -webkit-transition: height 1s ease;
  transition: height 1s ease;
}

.tid-pane.main {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-overflow-scrolling: touch;
}
.tid-pane.listing {
  background-color: transparent;
  -webkit-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);
  z-index: 7;
}
.tid-pane.closeup {
  background: url('http://www.cbc.ca/murdochmysteries/content/theinfernaldevice/images/dark_wood.jpg') top left repeat;
  -webkit-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);
  z-index: 17;
}


.sections-holder {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  -webkit-transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
}
section {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  -webkit-transition: opacity 730ms ease;
  transition: opacity 730ms ease;
}
section .section-content {
  display: block;
  position: relative;
  width: 960px;
  height: auto;
  margin: 0 auto;
  z-index: 2;
}
section .section-content p {
  width: auto;
  margin: 0 auto 30px auto;
  padding: 0 100px;
  font-size: 1.25rem;
  line-height: 2rem;
  letter-spacing: 0.09rem;
  text-shadow: 1px 1px 1px black;
}

section .section-label {
  display: block;
  position: relative;
  text-align: center;
  margin: 80px auto 30px auto;
  font-size: 1.25rem;
  font-style: italic;
}
section .section-background {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
section .section-background img {
  display: block;
  position: absolute;
  width: 1280px;
  height: auto;
  margin: 0;
  padding: 0;
  left: 50%;
  top: 0;
  margin-left: -640px;
}
section .section-advance {
  display: block;
  position: relative;
  margin-top: 50px;
  margin-bottom: 150px;
  width: 100%;
  height: 4rem;
  overflow: hidden;
  padding-bottom: 0rem;
  /*border-bottom: 1px solid goldenrod;*/
}
section .section-advance .examine-evidence, section .section-advance .proceed, section .section-advance .puzzle-fullstop {
  display: block;
  position: relative;
  width: 100%;
  height: 4rem;
  line-height: 2rem;
  font-size: 1.5rem;
  text-align: center;
}
section .section-advance a {
  text-decoration: none; 
  color: goldenrod;
}
section .section-advance a:hover {
  text-decoration: none; 
  color: white;
}

/* ************* */
/*     INTRO     */
/* ************* */
.scrollbar .track {
  overflow: hidden;
  width: 17px;
  display: block;
  position: relative;
}
.scrollbar .track .thumb {
  display: block;
  width: 17px;
  overflow: hidden;
  position: absolute;
  background-color: rgba(218, 165, 32, 1);
  cursor: pointer;
}

/* ************* */
/*     INTRO     */
/* ************* */

section.intro {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 170;
  overflow: hidden;
  -webkit-transition: opacity 730ms ease;
  transition: opacity 730ms ease;
}
section.intro .section-background {
  text-align: center;
  margin-left: 0;
  margin-top: 0;
  background-color: black;
  background-image: url("http://www.cbc.ca/murdochmysteries/content/theinfernaldevice/images/tid_bg_explode.jpg");
  background-position: center center;
  background-repeat:no-repeat;
  background-attachment: fixed;
  background-size:cover;
}
section.intro .section-content {
  height: 100%;
}
section.intro .intro-block {
  display: block;
  position: absolute;
  width: 660px;
  height: 620px;
  left: 50%;
  top: 50%;
  margin-left: -330px;
  margin-top: -310px;
  overflow: hidden;
}
section.intro .infernal-logo {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
section.intro .murdoch-logo {
  display: block;
  position: relative;
  width: 280px;
  margin: 0 auto 0 auto;
  padding-top: 100px;
}
section.intro .continue-prompt {
  display: block;
  position: relative;
  color: white;
  text-align: center;
  font-family: "Diaconia Old Style SmallCaps";
  font-size: 2rem;
  margin: 20px auto 0 auto;
  cursor: pointer;
  text-shadow: 0px 0px 15px rgba(0,0,0,0.7);
  text-decoration: none;
  -webkit-transition: -webkit-transform 730ms ease;
  transition: transform 730ms ease;
}
section.intro .continue-prompt:hover {
  text-shadow: 0px 0px 15px rgba(200,200,0,0.7);
  color: goldenrod;
  text-decoration: none;
}
section.intro .tagline {
  display: block;
  position: relative;
  color: rgba(255,255,255,0.7);
  z-index: 7;
  font-size: 1.25rem;
  margin-bottom: 20px;
}


/* ************* */
/*     TITLE     */
/* ************* */
section.chapter-title {
  height: 616px;
  -webkit-transition: margin-top 1s ease;
  transition: margin-top 1s ease;
}
section.chapter-title .title {
  display: block;
  position: relative;
  font-family: "Diaconia Old Style SmallCaps";
  font-size: 4rem;
  text-align: center;
  margin-top: 0px;
}
section.chapter-title .subtitle {
  display: block;
  position: relative;
  font-family: "Diaconia Old Style SmallCaps";
  font-size: 2rem;
  text-align: center;
  margin-top: 180px;
}


/* ************* */
/*    PUZZLES    */
/* ************* */
.chapter-puzzle {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  min-height: 398px;
  margin-bottom: 2rem;
}
.puzzle-frame {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
}


/* ************* */
/*    EVENTS     */
/* ************* */
.event-image {
  display: block;
  position: relative;
  margin-bottom: 2rem;
}


/* ************* */
/*     VIDEO     */
/* ************* */
.video-holder {
  display: block;
  position: relative;
  width: 960px;
  height: 540px;
  overflow: hidden;
  margin-bottom: 2rem;
}
.video-player {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  background-color: black;
  cursor: pointer;
}
.video-overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 960px;
  height: 540px;
}
.video-overlay span.play {
  z-index: 2;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 10rem;
  width: 10rem;
  height: 10rem;
  margin-left: -5rem;
  margin-top: -5rem;
  text-align: center;
  text-shadow: 0px 0px 2rem black;
  cursor: pointer;
}
.video-overlay span.play:hover {
  color: goldenrod;
}
.video-overlay span.fullscreen {
  z-index: 2;
  display: block;
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: 2.5rem;
  line-height: 5rem;
  width: 4rem;
  height: 5rem;
  text-align: center;
  text-shadow: 0px 0px 1rem black;
  padding: 0.25rem;
  cursor: pointer;
}
.video-overlay span.fullscreen:hover {
  color: goldenrod;
}


/* ************* */
/*   EVIDENCE    */
/* ************* */
.evidence-container {
  display: block;
  position: relative;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.tid-pane.listing .evidence-container {
  background: url('http://www.cbc.ca/murdochmysteries/content/theinfernaldevice/images/green_felt.jpg') top left repeat;
}
.tid-pane .evidence-body .overview {
  list-style: none;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}
.tid-pane .evidence-body .viewport {
  width: inherit;
  height: inherit;
  overflow: hidden;
  position: relative;
}
.tid-pane .evidence-body .scrollbar {
  background-color: rgba(255,255,255,0.5);
  position: relative;
  float: right;
  width: 17px;
}
.evidence-body {
  display: block;
  position: relative;
  padding: 50px 100px 150px 100px;
  overflow: hidden;
}
.evidence-body h3 {
  color: #999;
  font-size: 2rem;
  text-align: right;
  cursor: pointer;
  padding-right: 2rem;
}
.evidence-body h3 i {
  margin-left: 2rem;
}
.evidence-body h3:hover {
  color: #666;
}
.evidence-close {
  display: block;
  position: absolute;
  height: 40px;
  width: 36px;
  top:70px;
  right: 0;
  margin: 0;
  z-index: 26;
}
.evidence-toggle {
  display: block;
  position: absolute;
  height: 40px;
  width: 36px;
  top:70px;
  right: 0;
  margin: 0;
  z-index: 26;
  overflow: visible;
  -webkit-transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.evidence-toggle .new-flag {
  display: none;
}
.evidence-toggle.new .new-flag {
  display: block;
  position: absolute;
  top: -0.5rem;
  right: 0px;
  z-index: 7;
  color: goldenrod;
  text-shadow: 0px 0px 2px black;
}
.evidence-btn {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  cursor: pointer;
}

ul.evidence-list {
  list-style: none;
  overflow: hidden;
  display: block;
  position: relative;
  height: auto;
  width: auto;
  margin: 0;
  padding: 0;
}
ul.evidence-list li {
  display: block;
  position: relative;
  height: 350px;
  width: 300px;
  margin: 30px;
  float: left;
  cursor: pointer;
}
ul.evidence-list li .new-flag {
  display: none;
}
ul.evidence-list li.new .new-flag {
display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 4rem;
  width: 4rem;
  text-align: center;
  font-size: 3rem;
  line-height: 4rem;
  color: goldenrod;
  z-index: 7;
  text-shadow: 0px 0px 5px black;
}
ul.evidence-list li figure {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
ul.evidence-list li figure img {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
ul.evidence-list li figure figcaption {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  line-height: 2rem;
  font-size: 1.25rem;
  color: white;
  text-align: center;
  text-shadow: 1px 1px 3px black;
}

.listing-btn {
  display: block;
  position: absolute;
  height: 200px;
  width: 100px;
  background-color: #262626;
  z-index: 5;
  top: 0;
  left: 0;
  border-radius: 200px 0 0 200px;
  cursor: pointer;
}
.listing-btn:hover {
  background-color: #424242;
}
.listing-btn i {
  font-size: 6rem;
  top: 50%;
  left: 1rem;
  margin-top: -3rem;
  position: absolute;
  color: white;
}

.closeup-window {
  display: block;
  position: relative;
  padding: 0 100px;
}
.closeup-item {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
}
.closeup-item figure {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
.closeup-item figure figcaption {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  line-height: 2rem;
  text-shadow: 1px 1px 3px black;
}

ul.closeups {
  list-style: none;
  overflow: hidden;
  display: block;
  position: relative;
  height: auto;
  margin: 0;
  padding: 0;
}
ul.closeups li {
  display: block;
  position: relative;
  padding: 0;
  margin: 0;
}
ul.closeups li figure {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
ul.closeups li figure img {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}


/* ***************** */
/* COMMON OVERRIDES  */
/* ***************** */
.dropCaps {
  float: left;
  font-size: 6rem;
  vertical-align: text-top;
  padding: 0 0.5rem 0.25rem 0;
  line-height: 5.5rem;
}

.content-spacer {
  display: block;
  position: relative;
  width: 100%;
  height: 500px;
}

.noscroll {
  overflow: hidden;
}

.hidden {
  display: none !important;
}

.notransition {
  -webkit-transition: none;
  transition: none;
}

/* ***************** */
/* ANIMATED ELEMENTS */
/* ***************** */

/*
.gears {
  display: block;
  position: fixed;
  top: 470px;
  right: 12px;
  height: 120px;
  width: 120px;
  z-index: 4;
}
.gears.block2 {
  top: 565px;
  right: -25px;
  -moz-transform: scale3d(-1,1,1);
  -webkit-transform: scale3d(-1,1,1);
  transform: scale3d(-1,1,1);
}
.gears.block3 {
  top: 647px;
}
.gears .gear1 {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 50%;
}
.gears .gear2 {
  display: block;
  position: absolute;
  top: 41.57%;
  right: 33.72%;
  width: 27.33%;
  height: 27.33%;
}
.gears .gear3 {
  display: block;
  position: absolute;
  top: 56.98%;
  right: 12.79%;
  width: 27.33%;
  height: 27.33%;
}
.barometer {
  display: block;
  position: fixed;
  top: 50px;
  right: 10px;
  z-index: 3;
  height: 160px;
  width: 100px;
}
.barometer .dial {
  display: block;
  position: absolute;
  z-index: 0;
  height: auto;
  width: 100%;
  top: 0;
  left: 0;
}
.barometer .needle {
  display: block;
  position: absolute;
  z-index: 0;
  height: auto;
  width: 44.67%;
  top: 17.92%;
  left: 27.67%;
}

.glow-tube {
  display: block;
  position: fixed;
  top: 190px;
  right: 19px;
  z-index: 3;
  height: auto;
  width: 80px;
}
.glow-tube .tube {
  display: block;
  position: absolute;
  z-index: 0;
  height: auto;
  width: 100%;
  top: 0;
  left: 0;
}
.glow-tube .glow {
  display: block;
  position: absolute;
  z-index: 0;
  height: auto;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
*/