/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

html, body {
  padding: 0;
  margin: 0;
  background: #000000;
  color: #e7f1ee;
  font-family: Arial, Helvetica, sans-serif !important; }

html, body, input, button, textarea {
  -webkit-font-smoothing: antialiased; }

li {
  list-style-type: none; }

a, a:hover {
  text-decoration: none; }

h1, h2, h3, h4, h5, h6,
ol, ul, li,
a, div, span, p,
td, table, tbody, hr, iframe,
button, input, textarea {
  background: transparent;
  font-weight: normal;
  border: 0 none;
  margin: 0;
  padding: 0;
  font-feature-settings: "kern";
  -moz-font-feature-settings: "kern=1";
  -ms-font-feature-settings: "kern";
  -o-font-feature-settings: "kern";
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  /* Webkit */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE 10  */
  -o-user-select: none;
  /* Currently not supported in Opera but will be soon */
  user-select: none; }

a, a:visited, a:focus, a:active, a:hover {
  outline: 0 none !important; }

button {
  cursor: pointer; }

figure svg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%; }

:focus {
  outline: none; }

::-moz-focus-inner {
  border: 0; }

.clearfix:after {
  content: "";
  display: table;
  clear: both; }

.absolute, #MainView #pages-container .page-container#about-page .inner-content .left-half, #MainView #pages-container .page-container#about-page .inner-content .left-half nav#section-nav button.section-button .arrow, #MainView #pages-container .page-container#about-page .inner-content .left-half nav#section-nav button.section-button .arrow figure, #MainView #pages-container .page-container#about-page .inner-content .left-half figure.bg, #MainView #pages-container .page-container#about-page .inner-content .left-half figure.bg img, #MainView #pages-container .page-container#about-page .inner-content .right-half, #MainView #pages-container .page-container#about-page .inner-content .right-half figure.bg, #MainView #pages-container .page-container#about-page .inner-content .right-half #cast-content .scrollbar, #MainView #pages-container .page-container#about-page .inner-content .right-half #cast-content .scrollbar .handle, #MainView #pages-container .page-container#about-page .inner-content .right-half #cast-content .scrollbar .track, #overlay-container .scrollbar, #overlay-container .scrollbar .handle, #overlay-container .scrollbar .track, #ui-container header #chrome figure.dvd, #ui-container header #chrome button.buy-button {
  position: absolute;
  top: 0px;
  left: 0px; }

.hidden {
  visibility: hidden !important;
  opacity: 0; }

.display-none {
  display: none !important; }

.coming-soon a, .disabled {
  cursor: default !important; }

#initial-preloader {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #eae8e5;
  opacity: 0; }
  #initial-preloader .centered {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -93px 0 0 -367px;
    width: 734px;
    height: 186px;
    color: #212121;
    text-align: center;
    text-transform: uppercase; }
    #initial-preloader .centered .logo {
      position: absolute;
      top: 0px;
      left: 0px;
      right: 0px;
      margin: 0 auto;
      width: 120px;
      height: 30px; }
      #initial-preloader .centered .logo svg path, #initial-preloader .centered .logo svg stroke, #initial-preloader .centered .logo svg polygon {
        fill: #1da8f2; }
    #initial-preloader .centered .questions {
      position: absolute;
      top: 40px;
      left: 0px;
      width: 100%;
      white-space: nowrap; }
      #initial-preloader .centered .questions .question {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        margin: 0 auto;
        font-family: "diy_thumbregular" !important;
        -webkit-text-stroke: 0.0px;
        font-size: 78px; }
    #initial-preloader .centered .progress-line {
      position: absolute;
      top: 130px;
      left: 0px;
      width: 734px;
      height: 2px; }
      #initial-preloader .centered .progress-line figure {
        position: absolute;
        top: 0px;
        left: 0px;
        width: inherit;
        height: inherit; }
      #initial-preloader .centered .progress-line .progress {
        background: #1da8f2;
        z-index: 2; }
      #initial-preloader .centered .progress-line .back {
        background: #212121;
        z-index: 1; }
    #initial-preloader .centered .progress-percent {
      position: absolute;
      top: 160px;
      left: 0px;
      width: 100%;
      white-space: nowrap;
      color: #212121;
      font-size: 38px;
      font-family: "diy_thumbregular" !important;
      -webkit-text-stroke: 0.0px; }
  #initial-preloader .legal-panel {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 175px;
    opacity: 0;
    z-index: 11; }
    #initial-preloader .legal-panel .legal-panel-content {
      position: absolute;
      bottom: 0px;
      left: 0px;
      width: inherit;
      height: 175px;
      font-family: "uglybrandonregular" !important;
      -webkit-text-stroke: 0px !important;
      padding: 30px 0;
      font-size: 10px;
      line-height: 16px;
      text-transform: uppercase;
      text-align: center;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: #000000;
      -webkit-text-stroke: 0.1px; }
      #initial-preloader .legal-panel .legal-panel-content a {
        color: #000000;
        -webkit-transition: color 120ms ease-out;
        -moz-transition: color 120ms ease-out;
        -o-transition: color 120ms ease-out;
        transition: color 120ms ease-out; }
        #initial-preloader .legal-panel .legal-panel-content a:hover {
          color: #f26040; }
      #initial-preloader .legal-panel .legal-panel-content .rating {
        height: 80px;
        background: url("../assets/img/ui/rating.png") no-repeat center top;
        background-size: auto 100%;
        margin-bottom: 10px; }

/* ----------------------------
	3.  slide 
----------------------------- */
#MainView #slides-overlays {
  position: absolute;
  top: 100px;
  left: 0px;
  height: inherit;
  z-index: 1000; }
  #MainView #slides-overlays #menu-button {
    position: absolute;
    top: 37px;
    left: 15px;
    font-size: 17px;
    color: #fff;
    z-index: 2; }
    #MainView #slides-overlays #menu-button .icon {
      position: absolute;
      top: 0px;
      left: 0px;
      font-size: 24px; }
    #MainView #slides-overlays #menu-button .label {
      position: absolute;
      top: 3px;
      left: 40px;
      font-family: "diy_thumb_sansregular" !important;
      -webkit-text-stroke: 0.35px;
      text-transform: uppercase;
      white-space: nowrap; }
  #MainView #slides-overlays #menu-container {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
    z-index: 1; }
    #MainView #slides-overlays #menu-container.open {
      display: block;
      width: 265px;
      height: 100%; }
    #MainView #slides-overlays #menu-container .nav-container {
      position: relative;
      top: 76px;
      left: 0px; }
      #MainView #slides-overlays #menu-container .nav-container .nav-item {
        position: relative;
        float: left;
        width: 265px;
        height: 90px;
        border-bottom: 1px solid #47545b;
        color: #fff;
        overflow: hidden;
        cursor: pointer; }
        #MainView #slides-overlays #menu-container .nav-container .nav-item.first {
          border-top: 1px solid #47545b; }
        #MainView #slides-overlays #menu-container .nav-container .nav-item .left-color {
          position: absolute;
          top: 0px;
          left: 0px;
          width: 0px;
          height: 100%;
          z-index: 1; }
        #MainView #slides-overlays #menu-container .nav-container .nav-item .label {
          position: absolute;
          top: 30px;
          left: 40px;
          z-index: 1;
          font-family: "diy_thumb_sansregular" !important;
          -webkit-text-stroke: 0.35px;
          -webkit-text-stroke: 0.5px;
          font-size: 17px;
          line-height: 17px;
          vertical-align: bottom;
          text-transform: uppercase;
          white-space: nowrap; }
          #MainView #slides-overlays #menu-container .nav-container .nav-item .label.sm {
            top: 31px;
            font-size: 15px; }
          #MainView #slides-overlays #menu-container .nav-container .nav-item .label.solo {
            top: 37px; }
        #MainView #slides-overlays #menu-container .nav-container .nav-item .subheader {
          position: absolute;
          top: 48px;
          left: 40px;
          z-index: 1;
          font-family: "diy_thumb_sansregular" !important;
          -webkit-text-stroke: 0.35px;
          font-size: 10px;
          text-transform: uppercase;
          white-space: nowrap; }
        #MainView #slides-overlays #menu-container .nav-container .nav-item .arrow {
          display: none;
          position: absolute;
          top: 50px;
          left: 105px;
          width: 61px;
          height: 8px;
          z-index: 1; }
          #MainView #slides-overlays #menu-container .nav-container .nav-item .arrow svg {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%; }
            #MainView #slides-overlays #menu-container .nav-container .nav-item .arrow svg path, #MainView #slides-overlays #menu-container .nav-container .nav-item .arrow svg stroke, #MainView #slides-overlays #menu-container .nav-container .nav-item .arrow svg polygon, #MainView #slides-overlays #menu-container .nav-container .nav-item .arrow svg polyline {
              fill: #f2ede1; }
        #MainView #slides-overlays #menu-container .nav-container .nav-item .bg {
          position: absolute;
          top: 0px;
          left: 0px;
          z-index: 0;
          opacity: 0;
          width: 265px;
          height: 105px;
          background: #142b39; }
    #MainView #slides-overlays #menu-container #menu-promo-container {
      position: absolute;
      top: 550px;
      left: 25px;
      opacity: 0; }
      #MainView #slides-overlays #menu-container #menu-promo-container .frame {
        position: absolute;
        top: 19px;
        left: 0px;
        z-index: 1;
        width: 201px;
        height: 96px;
        border: 3px solid #efefec; }
      #MainView #slides-overlays #menu-container #menu-promo-container #menu-promos {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 2; }
        #MainView #slides-overlays #menu-container #menu-promo-container #menu-promos .promo .label {
          position: absolute;
          top: 0px;
          left: 0px;
          white-space: nowrap;
          font-size: 15px;
          text-transform: uppercase;
          -webkit-text-stroke: 0.5px; }
        #MainView #slides-overlays #menu-container #menu-promo-container #menu-promos .promo .thumb-container {
          position: absolute;
          top: 22px;
          left: 3px;
          width: 195px;
          height: 90px;
          overflow: hidden;
          background: #000; }
          #MainView #slides-overlays #menu-container #menu-promo-container #menu-promos .promo .thumb-container .thumb {
            position: absolute;
            top: 0px;
            left: 0px;
            width: inherit;
            height: inherit;
            opacity: 0.69;
            -webkit-transition: opacity 200ms ease-out;
            -moz-transition: opacity 200ms ease-out;
            -o-transition: opacity 200ms ease-out;
            transition: opacity 200ms ease-out; }
            #MainView #slides-overlays #menu-container #menu-promo-container #menu-promos .promo .thumb-container .thumb:hover {
              opacity: 1; }
            #MainView #slides-overlays #menu-container #menu-promo-container #menu-promos .promo .thumb-container .thumb .play-icon {
              position: absolute;
              top: 29px;
              left: 75px;
              width: 35px;
              height: 35px;
              z-index: 1; }
            #MainView #slides-overlays #menu-container #menu-promo-container #menu-promos .promo .thumb-container .thumb img {
              position: absolute;
              top: 0px;
              left: 0px;
              z-index: 0; }
      #MainView #slides-overlays #menu-container #menu-promo-container nav.controls {
        position: absolute;
        top: 120px;
        left: 0px;
        white-space: nowrap; }
        #MainView #slides-overlays #menu-container #menu-promo-container nav.controls button {
          display: inline-block;
          font-size: 18px;
          line-height: 22px;
          vertical-align: middle;
          margin-right: 0px;
          color: rgba(255, 255, 255, 0.5);
          opacity: 0.75; }
  #MainView #slides-overlays #menu-bg {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
    z-index: 0; }
    #MainView #slides-overlays #menu-bg.open {
      display: block;
      width: 265px;
      height: 100%;
      background: #10212a; }
  #MainView #slides-overlays #progress-nav {
    position: absolute;
    width: 0px; }
    #MainView #slides-overlays #progress-nav .slide-nav-item {
      position: relative;
      width: auto;
      height: 20px;
      right: 0px; }
      #MainView #slides-overlays #progress-nav .slide-nav-item .hit-area {
        position: absolute;
        top: 0px;
        right: 0px;
        height: inherit;
        margin-top: -4px;
        width: 11px;
        cursor: pointer;
        z-index: 10;
        background: transparent; }
      #MainView #slides-overlays #progress-nav .slide-nav-item .label {
        position: absolute;
        top: 0px;
        right: 55px;
        margin-top: -1px;
        text-align: right;
        text-transform: uppercase;
        font-size: 14px;
        white-space: nowrap;
        visibility: hidden;
        opacity: 0; }
      #MainView #slides-overlays #progress-nav .slide-nav-item .line {
        position: absolute;
        top: 5px;
        right: 15px;
        width: 35px;
        height: 1px;
        background: rgba(255, 255, 255, 0.5);
        border: 0 none;
        margin: 0;
        padding: 0;
        visibility: hidden;
        opacity: 0; }
      #MainView #slides-overlays #progress-nav .slide-nav-item .circle {
        position: absolute;
        top: 2px;
        right: 2px;
        width: 7px;
        height: 7px; }
      #MainView #slides-overlays #progress-nav .slide-nav-item .ring {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 11px;
        height: 11px;
        visibility: hidden;
        opacity: 0; }
      #MainView #slides-overlays #progress-nav .slide-nav-item .circle svg, #MainView #slides-overlays #progress-nav .slide-nav-item .ring svg {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 100%;
        height: 100%; }
  #MainView #slides-overlays #scroll-down {
    position: absolute;
    bottom: 100px;
    left: 0px;
    width: 300px; }
    #MainView #slides-overlays #scroll-down .label {
      position: absolute;
      width: 100%;
      font-family: "diy_thumb_sansregular" !important;
      -webkit-text-stroke: 0.35px;
      font-size: 12px;
      text-align: center;
      text-transform: uppercase;
      white-space: nowrap;
      color: #fff; }
    #MainView #slides-overlays #scroll-down .arrow {
      position: absolute;
      top: 20px;
      left: 0px;
      right: 0px;
      margin: 0 auto;
      width: 10px;
      height: 16px; }
      #MainView #slides-overlays #scroll-down .arrow svg {
        width: 100%;
        height: 100%; }
        #MainView #slides-overlays #scroll-down .arrow svg path, #MainView #slides-overlays #scroll-down .arrow svg stroke, #MainView #slides-overlays #scroll-down .arrow svg polygon {
          fill: #fff; }
#MainView #slides-container {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1; }
  #MainView #slides-container .container {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%; }
    #MainView #slides-container .container #side-nav {
      position: absolute;
      bottom: 200px;
      right: 0px;
      z-index: 5; }
      #MainView #slides-container .container #side-nav ul {
        position: absolute;
        top: 50%;
        left: 0px; }
        #MainView #slides-container .container #side-nav ul .nav-item {
          font-family: "diy_thumb_sansregular" !important;
          -webkit-text-stroke: 0.35px;
          position: relative;
          width: 80px;
          height: 80px;
          text-align: center;
          overflow: hidden;
          cursor: pointer; }
          #MainView #slides-container .container #side-nav ul .nav-item .label {
            position: absolute;
            top: 0px;
            left: 0px;
            width: inherit;
            height: inherit;
            color: #efefef;
            font-size: 16px;
            line-height: 80px;
            letter-spacing: 0.05em;
            opacity: 0.15;
            z-index: 1; }
          #MainView #slides-container .container #side-nav ul .nav-item .bg {
            position: absolute;
            top: 0px;
            left: 0px;
            width: inherit;
            height: inherit;
            background: #1b1b1b;
            visibility: hidden;
            z-index: 0; }
          #MainView #slides-container .container #side-nav ul .nav-item.selected .bg {
            visibility: visible; }
          #MainView #slides-container .container #side-nav ul .nav-item.selected .label {
            opacity: 1; }
    #MainView #slides-container .container #slides {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 720px;
      height: 100%;
      z-index: 4;
      overflow: hidden; }
      #MainView #slides-container .container #slides .slide {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 100%;
        height: 100%;
        overflow: hidden;
        opacity: 0; }
        #MainView #slides-container .container #slides .slide .content-container {
          position: absolute;
          top: 100px;
          z-index: 1; }
          #MainView #slides-container .container #slides .slide .content-container .center {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 700px;
            text-align: center;
            visibility: hidden; }
            #MainView #slides-container .container #slides .slide .content-container .center figure {
              position: relative;
              display: inline-block;
              width: 75px;
              height: 75px; }
              #MainView #slides-container .container #slides .slide .content-container .center figure .ss {
                position: absolute;
                top: 0px;
                left: 0px; }
            #MainView #slides-container .container #slides .slide .content-container .center header {
              position: relative;
              display: inline-block;
              width: 100%;
              height: auto;
              font-family: "diy_thumbregular" !important;
              -webkit-text-stroke: 0.0px;
              color: #fff;
              font-size: 78px;
              line-height: 68px;
              letter-spacing: 0.1em;
              text-transform: uppercase;
              -webkit-font-feature-settings: "kern";
              -webkit-text-stroke: 1.3px; }
            #MainView #slides-container .container #slides .slide .content-container .center button {
              position: relative;
              display: inline-block;
              height: 40px;
              background: #2999d4;
              border: 0 none;
              margin: 25px 0 0 0;
              overflow: hidden;
              -moz-border-radius: 20px;
              -webkit-border-radius: 20px;
              border-radius: 20px;
              /* future proofing */
              -khtml-border-radius: 20px;
              /* for old Konqueror browsers */ }
              #MainView #slides-container .container #slides .slide .content-container .center button figcaption {
                position: relative;
                font-family: "diy_thumb_sansregular" !important;
                -webkit-text-stroke: 0.35px;
                letter-spacing: 0.06em;
                -webkit-text-stroke: 0.1px;
                height: inherit;
                color: #efefec;
                font-size: 20px;
                font-weight: normal;
                text-transform: uppercase;
                text-align: center;
                padding: 0 40px;
                line-height: 40px;
                vertical-align: middle;
                z-index: 1; }
              #MainView #slides-container .container #slides .slide .content-container .center button figure.new-bg {
                position: absolute;
                top: 0px;
                left: 0px;
                width: 100% !important;
                height: 60px !important;
                z-index: 3; }
                #MainView #slides-container .container #slides .slide .content-container .center button figure.new-bg figcaption {
                  line-height: 60px; }
        #MainView #slides-container .container #slides .slide > .bg {
          position: absolute;
          width: inherit;
          height: inherit;
          background: #1b1b1b top left no-repeat;
          z-index: 0; }
          #MainView #slides-container .container #slides .slide > .bg img {
            position: absolute;
            top: 0px;
            left: 0px;
            width: inherit;
            height: inherit; }
      #MainView #slides-container .container #slides #slide-home .left {
        text-transform: uppercase; }
        #MainView #slides-container .container #slides #slide-home .left #twitter-container {
          position: absolute;
          top: 90px;
          left: 10px;
          opacity: 0; }
          #MainView #slides-container .container #slides #slide-home .left #twitter-container .logo {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 36px;
            height: 36px; }
            #MainView #slides-container .container #slides #slide-home .left #twitter-container .logo svg {
              position: absolute;
              top: 0px;
              left: 0px;
              width: 100%;
              height: 100%;
              opacity: 0.75; }
              #MainView #slides-container .container #slides #slide-home .left #twitter-container .logo svg path, #MainView #slides-container .container #slides #slide-home .left #twitter-container .logo svg polygon, #MainView #slides-container .container #slides #slide-home .left #twitter-container .logo svg stroke {
                fill: #2999d4; }
          #MainView #slides-container .container #slides #slide-home .left #twitter-container #tweets {
            position: absolute;
            top: 0px;
            left: 45px;
            width: 180px;
            height: 50px; }
            #MainView #slides-container .container #slides #slide-home .left #twitter-container #tweets .tweet {
              position: absolute;
              top: 0px;
              left: 0px;
              width: inherit;
              height: inherit;
              font-family: "diy_thumb_sansregular" !important;
              -webkit-text-stroke: 0.35px;
              font-size: 11px; }
        #MainView #slides-container .container #slides #slide-home .left #quotes-container {
          position: absolute;
          top: 90px;
          left: 20px;
          width: 240px;
          margin: 0;
          text-transform: uppercase;
          text-align: left;
          opacity: 0; }
          #MainView #slides-container .container #slides #slide-home .left #quotes-container .quote {
            position: absolute;
            top: 0px;
            left: 0px; }
            #MainView #slides-container .container #slides #slide-home .left #quotes-container .quote .quote-blurb {
              font-family: "diy_thumb_sansregular" !important;
              -webkit-text-stroke: 0.35px;
              color: #2999d4;
              font-size: 18px;
              line-height: 18px;
              -webkit-text-stroke: 0.2px; }
            #MainView #slides-container .container #slides #slide-home .left #quotes-container .quote .quote-author {
              font-family: "diy_thumb_sansregular" !important;
              -webkit-text-stroke: 0.35px;
              color: #ffffff;
              font-size: 12px;
              margin-top: 1px;
              white-space: nowrap;
              -webkit-text-stroke: 0.1px; }
        #MainView #slides-container .container #slides #slide-home .left #promo-container {
          position: absolute;
          top: 380px;
          left: 20px;
          opacity: 0; }
          #MainView #slides-container .container #slides #slide-home .left #promo-container .frame {
            position: absolute;
            top: 19px;
            left: 0px;
            z-index: 1;
            width: 201px;
            height: 96px;
            border: 3px solid #efefec; }
          #MainView #slides-container .container #slides #slide-home .left #promo-container #promos {
            position: absolute;
            top: 0px;
            left: 0px;
            z-index: 2; }
            #MainView #slides-container .container #slides #slide-home .left #promo-container #promos .promo .label {
              position: absolute;
              top: 0px;
              left: 0px;
              white-space: nowrap;
              font-size: 15px;
              -webkit-text-stroke: 0.5px; }
            #MainView #slides-container .container #slides #slide-home .left #promo-container #promos .promo .thumb-container {
              position: absolute;
              top: 22px;
              left: 3px;
              width: 195px;
              height: 90px;
              overflow: hidden;
              background: #000; }
              #MainView #slides-container .container #slides #slide-home .left #promo-container #promos .promo .thumb-container .thumb {
                position: absolute;
                top: 0px;
                left: 0px;
                width: inherit;
                height: inherit;
                opacity: 0.69;
                -webkit-transition: opacity 200ms ease-out;
                -moz-transition: opacity 200ms ease-out;
                -o-transition: opacity 200ms ease-out;
                transition: opacity 200ms ease-out; }
                #MainView #slides-container .container #slides #slide-home .left #promo-container #promos .promo .thumb-container .thumb:hover {
                  opacity: 1; }
                #MainView #slides-container .container #slides #slide-home .left #promo-container #promos .promo .thumb-container .thumb .play-icon {
                  position: absolute;
                  top: 29px;
                  left: 75px;
                  width: 35px;
                  height: 35px;
                  z-index: 1; }
                #MainView #slides-container .container #slides #slide-home .left #promo-container #promos .promo .thumb-container .thumb img {
                  position: absolute;
                  top: 0px;
                  left: 0px;
                  z-index: 0; }
          #MainView #slides-container .container #slides #slide-home .left #promo-container nav.controls {
            position: absolute;
            top: 120px;
            left: 0px;
            white-space: nowrap; }
            #MainView #slides-container .container #slides #slide-home .left #promo-container nav.controls button {
              display: inline-block;
              font-size: 18px;
              line-height: 22px;
              vertical-align: middle;
              margin-right: 0px;
              color: rgba(255, 255, 255, 0.5);
              opacity: 0.75; }
      #MainView #slides-container .container #slides #slide-home .center {
        width: 700px;
        height: 180px;
        margin: -190px 0 0 -350px; }
        #MainView #slides-container .container #slides #slide-home .center #question-container {
          position: absolute;
          top: 0px;
          left: 0px;
          width: 100%; }
          #MainView #slides-container .container #slides #slide-home .center #question-container #answers {
            width: 700px;
            text-align: center;
            white-space: nowrap;
            margin-top: 13px; }
            #MainView #slides-container .container #slides #slide-home .center #question-container #answers .answer {
              position: relative;
              display: inline-block;
              height: 30px;
              padding: 0 17px;
              margin-right: 3px;
              cursor: pointer;
              background: #e85c41;
              -moz-border-radius: 20px;
              -webkit-border-radius: 20px;
              border-radius: 20px;
              /* future proofing */
              -khtml-border-radius: 20px;
              /* for old Konqueror browsers */ }
              #MainView #slides-container .container #slides #slide-home .center #question-container #answers .answer .check {
                position: absolute;
                top: 9px;
                left: 14px;
                width: 15px;
                height: 12px; }
                #MainView #slides-container .container #slides #slide-home .center #question-container #answers .answer .check svg {
                  position: absolute;
                  top: 0px;
                  left: 0px;
                  width: 100%;
                  height: 100%; }
              #MainView #slides-container .container #slides #slide-home .center #question-container #answers .answer .label {
                position: relative;
                padding-left: 20px;
                font-family: "diy_thumb_sansregular" !important;
                -webkit-text-stroke: 0.35px;
                line-height: 32px;
                vertical-align: middle;
                text-transform: uppercase;
                color: #efefec;
                font-size: 14px;
                white-space: nowrap;
                letter-spacing: 0.07em;
                -webkit-text-stroke: 0.5px; }
        #MainView #slides-container .container #slides #slide-home .center #answer-container {
          position: absolute;
          top: 0px;
          left: 0px;
          width: 100%;
          opacity: 0; }
          #MainView #slides-container .container #slides #slide-home .center #answer-container header.factoid {
            margin-bottom: -81px; }
          #MainView #slides-container .container #slides #slide-home .center #answer-container button.quiz-button figcaption {
            padding: 0 30px; }
      #MainView #slides-container .container #slides #slide-video .center {
        width: 700px;
        height: 150px;
        margin: -125px 0 0 -350px; }
        #MainView #slides-container .container #slides #slide-video .center figure {
          width: 75px;
          height: 100px; }
          #MainView #slides-container .container #slides #slide-video .center figure .ss {
            top: -78px;
            left: 8px; }
      #MainView #slides-container .container #slides #slide-quiz .center {
        width: 700px;
        height: 310px;
        margin: -255px 0 0 -350px; }
        #MainView #slides-container .container #slides #slide-quiz .center figure {
          width: 75px;
          height: 100px; }
          #MainView #slides-container .container #slides #slide-quiz .center figure .ss {
            top: -78px;
            left: 8px; }
        #MainView #slides-container .container #slides #slide-quiz .center header {
          height: auto; }
      #MainView #slides-container .container #slides #slide-about .center {
        width: 700px;
        height: 220px;
        margin: -160px 0 0 -350px; }
        #MainView #slides-container .container #slides #slide-about .center figure {
          width: 75px;
          height: 100px; }
          #MainView #slides-container .container #slides #slide-about .center figure .ss {
            top: -78px;
            left: 8px; }
      #MainView #slides-container .container #slides #slide-tumblr .inner-content {
        position: absolute;
        top: 0px;
        left: 0px; }
        #MainView #slides-container .container #slides #slide-tumblr .inner-content #tumblr-filters {
          position: absolute;
          top: 0px;
          left: 0px;
          width: 100%;
          height: 75px;
          background: #1c313a;
          padding-top: 24px;
          z-index: 1;
          opacity: 0; }
          #MainView #slides-container .container #slides #slide-tumblr .inner-content #tumblr-filters .options {
            text-transform: uppercase;
            font-size: 17px;
            text-align: center;
            white-space: no-wrap;
            line-height: 25px;
            height: 25px; }
            #MainView #slides-container .container #slides #slide-tumblr .inner-content #tumblr-filters .options .filter-label {
              display: inline-block;
              -webkit-text-stroke: 0.1px;
              color: #2999d4;
              line-height: 25px;
              height: 25px; }
            #MainView #slides-container .container #slides #slide-tumblr .inner-content #tumblr-filters .options .buttons-container {
              display: inline-block; }
              #MainView #slides-container .container #slides #slide-tumblr .inner-content #tumblr-filters .options .buttons-container button {
                font-family: "diy_thumb_sansregular" !important;
                -webkit-text-stroke: 0.35px;
                display: inline-block;
                padding: 0 16px;
                text-transform: uppercase;
                color: #fffcf2;
                cursor: pointer;
                line-height: 25px;
                height: 25px;
                -webkit-transition: color 100ms ease-out;
                -moz-transition: color 100ms ease-out;
                -o-transition: color 100ms ease-out;
                transition: color 100ms ease-out; }
                #MainView #slides-container .container #slides #slide-tumblr .inner-content #tumblr-filters .options .buttons-container button:hover {
                  color: #2999d4; }
                #MainView #slides-container .container #slides #slide-tumblr .inner-content #tumblr-filters .options .buttons-container button.selected {
                  color: #fffcf2;
                  background: #e85c41;
                  -moz-border-radius: 4px;
                  -webkit-border-radius: 4px;
                  border-radius: 4px;
                  /* future proofing */
                  -khtml-border-radius: 4px;
                  /* for old Konqueror browsers */ }
          #MainView #slides-container .container #slides #slide-tumblr .inner-content #tumblr-filters .white {
            position: absolute;
            top: 70px;
            left: 0px;
            width: 100%;
            height: 5px;
            z-index: 2;
            background: #fffcf2; }
        #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container {
          position: absolute;
          top: 110px;
          left: 0px;
          right: 0px;
          margin: 0 auto 0 auto;
          width: 1038px; }
          #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 330px;
            cursor: pointer;
            opacity: 0; }
            #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post {
              position: absolute;
              top: 0px;
              left: 0px;
              width: inherit;
              z-index: 2; }
              #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post.qa-post {
                position: relative; }
                #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post.qa-post .qa {
                  position: relative;
                  width: inherit;
                  height: 100%;
                  background: #e35b41;
                  padding: 43px 15px;
                  margin: 5px 5px 0 5px;
                  text-transform: uppercase !important;
                  text-align: center;
                  font-size: 14px;
                  font-family: "uglybrandonregular" !important;
                  -webkit-text-stroke: 0px !important; }
                  #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post.qa-post .qa .asking, #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post.qa-post .qa .asking a, #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post.qa-post .qa .asking a:hover {
                    font-family: "uglybrandonbold" !important;
                    -webkit-text-stroke: 0px !important;
                    color: #dee841; }
                    #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post.qa-post .qa .asking a:hover, #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post.qa-post .qa .asking a a:hover, #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post.qa-post .qa .asking a:hover a:hover {
                      text-decoration: underline; }
                  #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post.qa-post .qa .question {
                    margin-top: 0px;
                    line-height: 16px; }
                  #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post.qa-post .qa .answer {
                    margin-top: 15px;
                    line-height: 16px; }
                #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post.qa-post .rollover {
                  position: absolute;
                  top: 0px;
                  left: 5px; }
              #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post .spinner {
                position: absolute;
                z-index: 2; }
                #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post .spinner img {
                  position: absolute;
                  top: 0px;
                  left: 0px;
                  width: 34px;
                  height: 34px; }
              #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post .rollover {
                position: absolute;
                top: 5px;
                left: 5px;
                z-index: 3;
                background: rgba(0, 0, 0, 0.8);
                visibility: hidden; }
                #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post .rollover .rollover-content {
                  position: absolute;
                  top: 0px;
                  left: 0px;
                  width: 100%;
                  z-index: 2;
                  color: #cadeed;
                  text-align: center;
                  text-transform: uppercase; }
                  #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post .rollover .rollover-content a, #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post .rollover .rollover-content button, #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post .rollover .rollover-content .button {
                    color: #fff;
                    text-align: center;
                    text-transform: uppercase;
                    cursor: pointer; }
                  #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post .rollover .rollover-content .notes {
                    font-family: "uglybrandonbold" !important;
                    -webkit-text-stroke: 0px !important;
                    font-size: 12px;
                    width: 100%; }
                  #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post .rollover .rollover-content .post-date {
                    font-family: "uglybrandonregular" !important;
                    -webkit-text-stroke: 0px !important;
                    font-size: 12px;
                    width: 100%; }
                  #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post .rollover .rollover-content.small .like-reblog {
                    font-size: 24px !important;
                    margin-top: 12px !important; }
                    #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post .rollover .rollover-content.small .like-reblog .like, #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post .rollover .rollover-content.small .like-reblog .reblog {
                      width: 35px !important; }
                  #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post .rollover .rollover-content.small .share-icons {
                    margin-top: 8px !important;
                    font-size: 14px !important;
                    width-spacing: 10px !important; }
                  #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post .rollover .rollover-content.tiny .like-reblog {
                    font-size: 18px !important;
                    margin-top: 10px !important; }
                    #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post .rollover .rollover-content.tiny .like-reblog .like, #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post .rollover .rollover-content.tiny .like-reblog .reblog {
                      width: 24px !important; }
                  #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post .rollover .rollover-content.tiny .share-icons {
                    display: none; }
                  #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post .rollover .rollover-content .like-reblog {
                    font-size: 48px;
                    margin-top: 20px;
                    width: 100%; }
                    #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post .rollover .rollover-content .like-reblog .like, #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post .rollover .rollover-content .like-reblog .reblog {
                      display: inline-block;
                      width: 70px;
                      text-align: center;
                      color: rgba(250, 250, 250, 0.62);
                      cursor: pointer; }
                      #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post .rollover .rollover-content .like-reblog .like:hover, #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post .rollover .rollover-content .like-reblog .reblog:hover {
                        color: #fafafa; }
                  #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post .rollover .rollover-content .tags {
                    display: inline-block;
                    width: 244px;
                    margin-top: 13px; }
                    #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post .rollover .rollover-content .tags li {
                      display: inline-block;
                      font-size: 10px;
                      margin-right: 5px; }
                  #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post .rollover .rollover-content .share-icons {
                    font-size: 19px;
                    letter-spacing: 15px;
                    margin-top: 13px; }
                    #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post .rollover .rollover-content .share-icons .twitter, #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post .rollover .rollover-content .share-icons .facebook, #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post .rollover .rollover-content .share-icons .gplus {
                      display: inline-block;
                      text-align: center;
                      color: rgba(250, 250, 250, 0.62);
                      cursor: pointer; }
                      #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post .rollover .rollover-content .share-icons .twitter:hover, #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post .rollover .rollover-content .share-icons .facebook:hover, #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post .rollover .rollover-content .share-icons .gplus:hover {
                        color: #fafafa; }
                #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post .rollover .blue-rect {
                  position: absolute;
                  top: 20px;
                  left: 20px;
                  z-index: 1;
                  background: rgba(40, 142, 197, 0.8); }
              #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post figure.image {
                position: absolute;
                top: 5px;
                left: 5px;
                z-index: 1;
                background: #717f80; }
                #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .post figure.image img {
                  position: absolute;
                  top: 0px;
                  left: 0px; }
            #MainView #slides-container .container #slides #slide-tumblr .inner-content #posts-container .tumblr-post .bg {
              position: absolute;
              top: 0px;
              left: 0px;
              width: 100%;
              height: 100%;
              z-index: 1;
              background: #fafafa; }
        #MainView #slides-container .container #slides #slide-tumblr .inner-content #reblog-container {
          position: absolute;
          top: 0px;
          left: 0px;
          z-index: 10; }
          #MainView #slides-container .container #slides #slide-tumblr .inner-content #reblog-container #reblog {
            position: absolute;
            top: 0px;
            left: 0px;
            opacity: 0; }
            #MainView #slides-container .container #slides #slide-tumblr .inner-content #reblog-container #reblog .qa-reblog .qa-block {
              position: relative;
              height: 100%;
              background: #e35b41;
              padding: 43px 15px;
              margin: 0px 5px 0 5px;
              text-transform: uppercase !important;
              text-align: center;
              font-size: 24px;
              font-family: "uglybrandonregular" !important;
              -webkit-text-stroke: 0px !important; }
              #MainView #slides-container .container #slides #slide-tumblr .inner-content #reblog-container #reblog .qa-reblog .qa-block .asking, #MainView #slides-container .container #slides #slide-tumblr .inner-content #reblog-container #reblog .qa-reblog .qa-block .asking a, #MainView #slides-container .container #slides #slide-tumblr .inner-content #reblog-container #reblog .qa-reblog .qa-block .asking a:hover {
                font-family: "uglybrandonbold" !important;
                -webkit-text-stroke: 0px !important;
                color: #dee841; }
                #MainView #slides-container .container #slides #slide-tumblr .inner-content #reblog-container #reblog .qa-reblog .qa-block .asking a:hover, #MainView #slides-container .container #slides #slide-tumblr .inner-content #reblog-container #reblog .qa-reblog .qa-block .asking a a:hover, #MainView #slides-container .container #slides #slide-tumblr .inner-content #reblog-container #reblog .qa-reblog .qa-block .asking a:hover a:hover {
                  text-decoration: underline; }
              #MainView #slides-container .container #slides #slide-tumblr .inner-content #reblog-container #reblog .qa-reblog .qa-block .question {
                margin-top: 0px;
                line-height: 32px; }
              #MainView #slides-container .container #slides #slide-tumblr .inner-content #reblog-container #reblog .qa-reblog .qa-block .answer {
                margin-top: 30px;
                line-height: 32px; }
            #MainView #slides-container .container #slides #slide-tumblr .inner-content #reblog-container #reblog .qa-reblog .image-captions {
              position: relative;
              left: 0px;
              margin: 0px 20px 0 20px !important;
              min-height: 5px; }
            #MainView #slides-container .container #slides #slide-tumblr .inner-content #reblog-container #reblog .reblog-content .content-container {
              position: absolute;
              top: 82px;
              left: 0px;
              width: 654px; }
              #MainView #slides-container .container #slides #slide-tumblr .inner-content #reblog-container #reblog .reblog-content .content-container .share-block {
                position: absolute;
                top: 70px;
                left: 0px;
                width: 66px;
                height: 320px;
                margin-left: -60px;
                padding: 10px 0;
                background: #1f6c96;
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                border-radius: 4px;
                /* future proofing */
                -khtml-border-radius: 4px;
                /* for old Konqueror browsers */ }
                #MainView #slides-container .container #slides #slide-tumblr .inner-content #reblog-container #reblog .reblog-content .content-container .share-block .share-icons {
                  width: inherit;
                  height: inherit; }
                  #MainView #slides-container .container #slides #slide-tumblr .inner-content #reblog-container #reblog .reblog-content .content-container .share-block .share-icons li {
                    display: block;
                    float: left;
                    width: 60px;
                    height: 60px;
                    font-size: 30px;
                    line-height: 60px;
                    vertical-align: middle;
                    text-align: center;
                    color: rgba(250, 250, 250, 0.62);
                    cursor: pointer; }
                    #MainView #slides-container .container #slides #slide-tumblr .inner-content #reblog-container #reblog .reblog-content .content-container .share-block .share-icons li:hover {
                      color: #fafafa; }
              #MainView #slides-container .container #slides #slide-tumblr .inner-content #reblog-container #reblog .reblog-content .content-container .main-block {
                position: absolute;
                top: 0px;
                left: 0px;
                width: inherit; }
                #MainView #slides-container .container #slides #slide-tumblr .inner-content #reblog-container #reblog .reblog-content .content-container .main-block .top-details figcaption {
                  font-family: "diy_thumb_sansregular" !important;
                  -webkit-text-stroke: 0.35px;
                  font-size: 12px;
                  color: #f0efea;
                  text-transform: uppercase;
                  margin-left: 2px; }
                #MainView #slides-container .container #slides #slide-tumblr .inner-content #reblog-container #reblog .reblog-content .content-container .main-block .main-content {
                  position: relative;
                  margin-top: 11px;
                  width: inherit;
                  background: #ebeae5; }
                  #MainView #slides-container .container #slides #slide-tumblr .inner-content #reblog-container #reblog .reblog-content .content-container .main-block .main-content figure.top-rounded-rect {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: inherit;
                    height: 16px;
                    margin-top: -7px;
                    -moz-border-radius: 4px;
                    -webkit-border-radius: 4px;
                    border-radius: 4px;
                    /* future proofing */
                    -khtml-border-radius: 4px;
                    /* for old Konqueror browsers */
                    background: #ebeae5; }
                  #MainView #slides-container .container #slides #slide-tumblr .inner-content #reblog-container #reblog .reblog-content .content-container .main-block .main-content .image-block {
                    position: relative;
                    width: inherit;
                    text-transform: uppercase;
                    background: #ebeae5;
                    margin-top: 5px;
                    font-family: "diy_thumb_sansregular" !important;
                    -webkit-text-stroke: 0.35px; }
                    #MainView #slides-container .container #slides #slide-tumblr .inner-content #reblog-container #reblog .reblog-content .content-container .main-block .main-content .image-block figure.thumb {
                      position: relative;
                      width: 640px;
                      padding: 0px 7px 7px 7px; }
                    #MainView #slides-container .container #slides #slide-tumblr .inner-content #reblog-container #reblog .reblog-content .content-container .main-block .main-content .image-block .image-captions {
                      position: relative;
                      left: 0px;
                      margin: 10px 20px 0 20px; }
                      #MainView #slides-container .container #slides #slide-tumblr .inner-content #reblog-container #reblog .reblog-content .content-container .main-block .main-content .image-block .image-captions header.header {
                        position: relative;
                        font-size: 22px;
                        color: #27678c;
                        margin-bottom: 5px; }
                        #MainView #slides-container .container #slides #slide-tumblr .inner-content #reblog-container #reblog .reblog-content .content-container .main-block .main-content .image-block .image-captions header.header a {
                          color: #27678c; }
                      #MainView #slides-container .container #slides #slide-tumblr .inner-content #reblog-container #reblog .reblog-content .content-container .main-block .main-content .image-block .image-captions .subheader {
                        font-size: 13px;
                        color: #4e5151; }
                        #MainView #slides-container .container #slides #slide-tumblr .inner-content #reblog-container #reblog .reblog-content .content-container .main-block .main-content .image-block .image-captions .subheader a {
                          color: #4593bc; }
                      #MainView #slides-container .container #slides #slide-tumblr .inner-content #reblog-container #reblog .reblog-content .content-container .main-block .main-content .image-block .image-captions hr {
                        width: 614px;
                        height: 1px;
                        background: #d4d4d0;
                        margin: 10px 0; }
                      #MainView #slides-container .container #slides #slide-tumblr .inner-content #reblog-container #reblog .reblog-content .content-container .main-block .main-content .image-block .image-captions ul.tags {
                        position: relative;
                        padding-bottom: 26px; }
                        #MainView #slides-container .container #slides #slide-tumblr .inner-content #reblog-container #reblog .reblog-content .content-container .main-block .main-content .image-block .image-captions ul.tags li.tag {
                          display: inline-block;
                          font-size: 10px;
                          margin-right: 10px; }
                          #MainView #slides-container .container #slides #slide-tumblr .inner-content #reblog-container #reblog .reblog-content .content-container .main-block .main-content .image-block .image-captions ul.tags li.tag a {
                            color: #4e5151; }
                            #MainView #slides-container .container #slides #slide-tumblr .inner-content #reblog-container #reblog .reblog-content .content-container .main-block .main-content .image-block .image-captions ul.tags li.tag a:hover {
                              color: #4593bc; }
                  #MainView #slides-container .container #slides #slide-tumblr .inner-content #reblog-container #reblog .reblog-content .content-container .main-block .main-content .notes-block {
                    position: relative;
                    text-transform: uppercase;
                    background: #a7b4bc;
                    padding: 35px 20px;
                    display: none;
                    font-family: "diy_thumb_sansregular" !important;
                    -webkit-text-stroke: 0.35px; }
                    #MainView #slides-container .container #slides #slide-tumblr .inner-content #reblog-container #reblog .reblog-content .content-container .main-block .main-content .notes-block header {
                      position: relative;
                      color: #eeede9;
                      font-size: 22px; }
                    #MainView #slides-container .container #slides #slide-tumblr .inner-content #reblog-container #reblog .reblog-content .content-container .main-block .main-content .notes-block ul.notes li.note {
                      color: #f0efea; }
                      #MainView #slides-container .container #slides #slide-tumblr .inner-content #reblog-container #reblog .reblog-content .content-container .main-block .main-content .notes-block ul.notes li.note a {
                        color: #4c99c0; }
            #MainView #slides-container .container #slides #slide-tumblr .inner-content #reblog-container #reblog button.close-button {
              position: absolute;
              top: 15px;
              right: 20px;
              width: 45px;
              height: 45px;
              z-index: 1;
              cursor: pointer;
              opacity: 0;
              margin-left: 7px; }
              #MainView #slides-container .container #slides #slide-tumblr .inner-content #reblog-container #reblog button.close-button figure.outer-ring {
                position: absolute;
                top: 0px;
                left: 0px;
                width: 100%;
                height: 100%; }
              #MainView #slides-container .container #slides #slide-tumblr .inner-content #reblog-container #reblog button.close-button figure.x {
                position: absolute;
                top: 13px;
                left: 13px;
                width: 19px;
                height: 19px; }
            #MainView #slides-container .container #slides #slide-tumblr .inner-content #reblog-container #reblog figure.veil {
              position: absolute;
              top: 0px;
              left: 0px;
              width: 100%;
              height: 100%;
              background: rgba(0, 0, 0, 0.88);
              opacity: 0; }
#MainView #pages-container {
  position: absolute;
  top: 100px;
  left: 0px;
  z-index: 100; }
  #MainView #pages-container .page-container {
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden; }
    #MainView #pages-container .page-container#quiz-page .inner-content {
      position: absolute;
      top: 0px;
      left: 0px;
      width: inherit;
      opacity: 0; }
      #MainView #pages-container .page-container#quiz-page .inner-content header#question-instructions {
        position: absolute;
        top: 90px;
        left: 0px;
        width: 395px;
        height: 62px;
        z-index: 1;
        opacity: 0;
        font-family: "diy_thumb_sansregular" !important;
        -webkit-text-stroke: 0.35px;
        text-transform: uppercase;
        color: #f9f7f1;
        background: #349ed6;
        overflow: hidden; }
        #MainView #pages-container .page-container#quiz-page .inner-content header#question-instructions .animated-icon {
          position: absolute;
          top: 12px;
          left: 15px;
          width: 42px;
          height: 42px;
          margin-top: -5px; }
          #MainView #pages-container .page-container#quiz-page .inner-content header#question-instructions .animated-icon svg {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%; }
            #MainView #pages-container .page-container#quiz-page .inner-content header#question-instructions .animated-icon svg path, #MainView #pages-container .page-container#quiz-page .inner-content header#question-instructions .animated-icon svg stroke, #MainView #pages-container .page-container#quiz-page .inner-content header#question-instructions .animated-icon svg polygon {
              fill: #f9f7f1; }
        #MainView #pages-container .page-container#quiz-page .inner-content header#question-instructions .big-text {
          position: absolute;
          top: 12px;
          left: 65px;
          font-size: 20px;
          white-space: nowrap; }
        #MainView #pages-container .page-container#quiz-page .inner-content header#question-instructions .small-text {
          position: absolute;
          top: 35px;
          left: 65px;
          font-size: 12px;
          white-space: nowrap; }
      #MainView #pages-container .page-container#quiz-page .inner-content .question-half {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 1; }
        #MainView #pages-container .page-container#quiz-page .inner-content .question-half #questions-container {
          position: absolute;
          top: 0px;
          left: 0px;
          z-index: 2; }
          #MainView #pages-container .page-container#quiz-page .inner-content .question-half #questions-container #questions {
            text-transform: uppercase;
            color: #f9f7f1; }
            #MainView #pages-container .page-container#quiz-page .inner-content .question-half #questions-container #questions li {
              position: absolute;
              top: 0px;
              left: 80px; }
              #MainView #pages-container .page-container#quiz-page .inner-content .question-half #questions-container #questions li .number-and-label {
                position: absolute;
                top: 0px;
                left: 0px;
                opacity: 0; }
                #MainView #pages-container .page-container#quiz-page .inner-content .question-half #questions-container #questions li .number-and-label .question-label {
                  position: absolute;
                  top: 0px;
                  left: 0px;
                  font-family: "diy_thumb_sansregular" !important;
                  -webkit-text-stroke: 0.35px;
                  position: absolute;
                  display: inline-block;
                  font-size: 17px;
                  line-height: 17px;
                  vertical-align: top;
                  white-space: nowrap;
                  margin-left: -16px;
                  -webkit-text-stroke: 0.1px; }
                #MainView #pages-container .page-container#quiz-page .inner-content .question-half #questions-container #questions li .number-and-label .number-underline {
                  font-family: "diy_thumb_sansregular" !important;
                  -webkit-text-stroke: 0.35px;
                  position: absolute;
                  top: 13px;
                  left: 0px;
                  width: 89px;
                  height: 5px;
                  margin-left: -10px; }
                  #MainView #pages-container .page-container#quiz-page .inner-content .question-half #questions-container #questions li .number-and-label .number-underline svg path, #MainView #pages-container .page-container#quiz-page .inner-content .question-half #questions-container #questions li .number-and-label .number-underline svg polygon, #MainView #pages-container .page-container#quiz-page .inner-content .question-half #questions-container #questions li .number-and-label .number-underline svg stroke {
                    fill: #f9f7f1; }
              #MainView #pages-container .page-container#quiz-page .inner-content .question-half #questions-container #questions li .question-text {
                position: absolute;
                top: 35px;
                left: 0px;
                width: 450px;
                font-family: "diy_thumb_sansregular" !important;
                -webkit-text-stroke: 0.35px;
                color: #f9f7f1;
                font-size: 40px;
                line-height: 38px;
                letter-spacing: 0.05em;
                -webkit-font-feature-settings: "kern";
                -webkit-text-stroke: 0.3px; }
      #MainView #pages-container .page-container#quiz-page .inner-content .center {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 170px;
        height: 170px;
        z-index: 3;
        visibility: visible;
        margin: -85px 0 0 -85px; }
        #MainView #pages-container .page-container#quiz-page .inner-content .center nav {
          position: absolute;
          top: 0px;
          left: 0px;
          width: 100%;
          height: 100%;
          z-index: 3; }
        #MainView #pages-container .page-container#quiz-page .inner-content .center nav#question-intro {
          visibility: hidden;
          cursor: pointer;
          z-index: 4;
          text-transform: uppercase;
          opacity: 0; }
          #MainView #pages-container .page-container#quiz-page .inner-content .center nav#question-intro .question {
            font-family: "diy_thumb_sansregular" !important;
            -webkit-text-stroke: 0.35px;
            position: absolute;
            top: 48px;
            left: 0px;
            width: 100%;
            text-align: center;
            font-size: 12px;
            color: #2999d4; }
          #MainView #pages-container .page-container#quiz-page .inner-content .center nav#question-intro .question-number-mask {
            position: absolute;
            top: 50px;
            left: 0px;
            width: 100%;
            height: 70px;
            overflow: hidden; }
            #MainView #pages-container .page-container#quiz-page .inner-content .center nav#question-intro .question-number-mask .question-number {
              font-family: "uglybrandonregular" !important;
              -webkit-text-stroke: 0px !important;
              position: absolute;
              top: 00px;
              left: 0px;
              width: 100%;
              text-align: center;
              font-size: 65px;
              color: #2999d4; }
        #MainView #pages-container .page-container#quiz-page .inner-content .center nav#see-result {
          visibility: hidden;
          cursor: pointer;
          z-index: 4;
          opacity: 0; }
          #MainView #pages-container .page-container#quiz-page .inner-content .center nav#see-result figcaption.see-your-result {
            font-family: "diy_thumb_sansregular" !important;
            -webkit-text-stroke: 0.35px;
            position: absolute;
            top: 71px;
            left: 0px;
            width: 100%;
            text-align: center;
            font-size: 15px;
            text-transform: uppercase;
            line-height: 17px;
            color: #f9f7f1; }
            #MainView #pages-container .page-container#quiz-page .inner-content .center nav#see-result figcaption.see-your-result h2 {
              font-size: 20px;
              font-weight: normal; }
          #MainView #pages-container .page-container#quiz-page .inner-content .center nav#see-result figure.right-arrow {
            position: absolute;
            top: 54px;
            left: 67px;
            width: 29px;
            height: 9px; }
        #MainView #pages-container .page-container#quiz-page .inner-content .center nav#redo {
          visibility: hidden;
          cursor: pointer;
          z-index: 4;
          opacity: 0; }
          #MainView #pages-container .page-container#quiz-page .inner-content .center nav#redo figcaption.redo {
            font-family: "diy_thumb_sansregular" !important;
            -webkit-text-stroke: 0.35px;
            position: absolute;
            top: 78px;
            left: 0px;
            width: 100%;
            text-align: center;
            font-size: 25px;
            text-transform: uppercase;
            line-height: 17px;
            letter-spacing: 0.1em;
            color: #f9f7f1; }
            #MainView #pages-container .page-container#quiz-page .inner-content .center nav#redo figcaption.redo h2 {
              font-size: 20px;
              font-weight: normal; }
          #MainView #pages-container .page-container#quiz-page .inner-content .center nav#redo figure.left-arrow {
            position: absolute;
            top: 53px;
            left: 67px;
            width: 29px;
            height: 9px; }
        #MainView #pages-container .page-container#quiz-page .inner-content .center nav#missing-answers {
          visibility: hidden;
          cursor: pointer;
          z-index: 4;
          opacity: 0; }
          #MainView #pages-container .page-container#quiz-page .inner-content .center nav#missing-answers figcaption.missing-answers {
            font-family: "diy_thumb_sansregular" !important;
            -webkit-text-stroke: 0.35px;
            position: absolute;
            top: 78px;
            left: 0px;
            width: 100%;
            text-align: center;
            font-size: 15px;
            text-transform: uppercase;
            line-height: 17px;
            letter-spacing: 0.1em;
            color: #f9f7f1; }
            #MainView #pages-container .page-container#quiz-page .inner-content .center nav#missing-answers figcaption.missing-answers h2 {
              font-size: 20px;
              font-weight: normal; }
          #MainView #pages-container .page-container#quiz-page .inner-content .center nav#missing-answers figure.left-arrow {
            position: absolute;
            top: 53px;
            left: 67px;
            width: 29px;
            height: 9px; }
        #MainView #pages-container .page-container#quiz-page .inner-content .center nav#next {
          visibility: hidden;
          cursor: pointer;
          z-index: 4;
          opacity: 0; }
          #MainView #pages-container .page-container#quiz-page .inner-content .center nav#next figcaption.next {
            font-family: "diy_thumb_sansregular" !important;
            -webkit-text-stroke: 0.35px;
            position: absolute;
            top: 78px;
            left: 0px;
            width: 100%;
            text-align: center;
            font-size: 25px;
            text-transform: uppercase;
            line-height: 17px;
            color: #f9f7f1;
            letter-spacing: 0.1em; }
            #MainView #pages-container .page-container#quiz-page .inner-content .center nav#next figcaption.next h2 {
              font-size: 20px;
              font-weight: normal; }
          #MainView #pages-container .page-container#quiz-page .inner-content .center nav#next figure.right-arrow {
            position: absolute;
            top: 53px;
            left: 71px;
            width: 29px;
            height: 9px; }
        #MainView #pages-container .page-container#quiz-page .inner-content .center nav#back {
          position: absolute;
          top: 0px;
          left: 60px;
          width: 50px;
          height: 50px;
          opacity: 0;
          visibility: hidden;
          cursor: pointer;
          z-index: 4; }
          #MainView #pages-container .page-container#quiz-page .inner-content .center nav#back figure.left-arrow {
            position: absolute;
            top: 19px;
            left: 16px;
            width: 19px;
            height: 10px;
            z-index: 3; }
          #MainView #pages-container .page-container#quiz-page .inner-content .center nav#back figure.inner-circle {
            z-index: 2;
            top: 4px;
            left: 4px;
            width: 42px;
            height: 42px; }
            #MainView #pages-container .page-container#quiz-page .inner-content .center nav#back figure.inner-circle svg circle {
              fill: #e85c41; }
          #MainView #pages-container .page-container#quiz-page .inner-content .center nav#back figure.outer-circle {
            z-index: 1; }
            #MainView #pages-container .page-container#quiz-page .inner-content .center nav#back figure.outer-circle svg circle {
              fill: #fffcf2; }
        #MainView #pages-container .page-container#quiz-page .inner-content .center figure {
          position: absolute;
          top: 0px;
          left: 0px;
          width: 100%;
          height: 100%; }
          #MainView #pages-container .page-container#quiz-page .inner-content .center figure.blue-inner-circle, #MainView #pages-container .page-container#quiz-page .inner-content .center figure.inner-circle {
            top: 15px;
            left: 15px;
            width: 140px;
            height: 140px; }
        #MainView #pages-container .page-container#quiz-page .inner-content .center figure.blue-inner-circle {
          display: none;
          z-index: 2; }
          #MainView #pages-container .page-container#quiz-page .inner-content .center figure.blue-inner-circle svg circle {
            fill: #2999d4; }
        #MainView #pages-container .page-container#quiz-page .inner-content .center figure.inner-circle {
          z-index: 1; }
          #MainView #pages-container .page-container#quiz-page .inner-content .center figure.inner-circle svg circle {
            fill: #fffcf2; }
        #MainView #pages-container .page-container#quiz-page .inner-content .center figure.outer-ring svg path, #MainView #pages-container .page-container#quiz-page .inner-content .center figure.outer-ring svg stroke, #MainView #pages-container .page-container#quiz-page .inner-content .center figure.outer-ring svg circle {
          fill: rgba(249, 247, 241, 0.2); }
      #MainView #pages-container .page-container#quiz-page .inner-content .answers-half {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 2; }
        #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #reblog-toggle-button {
          position: absolute;
          width: 200px;
          height: 24px;
          background: transparent;
          cursor: pointer;
          opacity: 0;
          z-index: 2; }
          #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #reblog-toggle-button figcaption {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 163px;
            height: 24px;
            font-family: "diy_thumb_sansregular" !important;
            -webkit-text-stroke: 0.35px;
            font-size: 13px;
            line-height: 26px;
            vertical-align: middle;
            color: #f9f7f1;
            white-space: nowrap;
            text-transform: uppercase;
            text-align: right; }
            #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #reblog-toggle-button figcaption.disable-reblog {
              opacity: 0; }
          #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #reblog-toggle-button figure.check {
            position: absolute;
            top: 6px;
            left: 176px;
            width: 12px;
            height: 10px; }
            #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #reblog-toggle-button figure.check svg {
              opacity: 1; }
          #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #reblog-toggle-button figure.ring {
            position: absolute;
            top: 0px;
            left: 170px;
            width: 24px;
            height: 24px; }
            #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #reblog-toggle-button figure.ring svg {
              opacity: 0.75; }
        #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #answers-container {
          position: absolute;
          top: 220px;
          left: 145px;
          z-index: 2; }
          #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #answers-container ul {
            position: absolute;
            width: 490px;
            color: #f9f7f1;
            text-transform: uppercase; }
            #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #answers-container ul li {
              position: relative;
              width: 490px;
              height: 106px;
              float: left;
              margin-bottom: 6px;
              cursor: pointer; }
              #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #answers-container ul li .answer-number {
                position: absolute;
                top: 31px;
                left: 0px;
                width: 40px;
                height: 40px; }
                #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #answers-container ul li .answer-number figcaption.number {
                  font-family: "diy_thumb_sansregular" !important;
                  -webkit-text-stroke: 0.35px;
                  font-size: 26px;
                  line-height: 40px;
                  vertical-align: middle;
                  text-align: center;
                  width: 100%;
                  height: 100%; }
                #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #answers-container ul li .answer-number figure.ring svg {
                  position: absolute;
                  top: 0px;
                  left: 0px;
                  width: 100%;
                  height: 100%; }
                  #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #answers-container ul li .answer-number figure.ring svg path, #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #answers-container ul li .answer-number figure.ring svg stroke, #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #answers-container ul li .answer-number figure.ring svg polygon {
                    fill: #f9f7f1; }
                #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #answers-container ul li .answer-number figure.circle {
                  opacity: 0; }
                  #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #answers-container ul li .answer-number figure.circle svg {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 100%;
                    height: 100%; }
                    #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #answers-container ul li .answer-number figure.circle svg path, #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #answers-container ul li .answer-number figure.circle svg stroke, #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #answers-container ul li .answer-number figure.circle svg polygon {
                      fill: #f9f7f1; }
              #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #answers-container ul li .answer-contents {
                position: absolute;
                top: 0px;
                left: 0px;
                width: inherit;
                height: inherit;
                z-index: 1; }
                #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #answers-container ul li .answer-contents .answer-thumb {
                  position: absolute;
                  top: 3px;
                  left: 81px;
                  width: 208px;
                  height: 100px;
                  z-index: 1;
                  text-align: center; }
                  #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #answers-container ul li .answer-contents .answer-thumb .vote {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 100%;
                    height: 100%;
                    z-index: 1;
                    padding-top: 35px;
                    visibility: hidden; }
                    #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #answers-container ul li .answer-contents .answer-thumb .vote figure.reblog-icon {
                      position: absolute;
                      top: 32px;
                      left: 71px;
                      width: 65px;
                      height: 41px;
                      z-index: 3; }
                    #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #answers-container ul li .answer-contents .answer-thumb .vote figcaption {
                      position: absolute;
                      top: 43px;
                      width: 100%;
                      text-align: center;
                      font-size: 17px;
                      z-index: 2;
                      color: #f9f7f1;
                      text-transform: uppercase; }
                  #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #answers-container ul li .answer-contents .answer-thumb .results {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 100%;
                    height: 100%;
                    z-index: 1;
                    visibility: hidden;
                    padding-top: 20px;
                    background: rgba(0, 0, 0, 0.6); }
                    #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #answers-container ul li .answer-contents .answer-thumb .results .tumblr-buttons {
                      position: absolute;
                      top: 6px;
                      left: 8px;
                      white-space: nowrap;
                      z-index: 10; }
                      #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #answers-container ul li .answer-contents .answer-thumb .results .tumblr-buttons button {
                        display: inline-block;
                        color: #f9f7f1;
                        opacity: 0.4;
                        font-size: 10px; }
                    #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #answers-container ul li .answer-contents .answer-thumb .results .your-vote {
                      position: relative;
                      font-size: 18px;
                      z-index: 2;
                      opacity: 0; }
                    #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #answers-container ul li .answer-contents .answer-thumb .results .percent {
                      position: relative;
                      font-size: 25px;
                      z-index: 2; }
                    #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #answers-container ul li .answer-contents .answer-thumb .results .notes {
                      position: relative;
                      font-size: 10px;
                      z-index: 2;
                      font-family: "uglybrandonbold" !important;
                      -webkit-text-stroke: 0px !important; }
                    #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #answers-container ul li .answer-contents .answer-thumb .results .blue-rect {
                      visibility: hidden;
                      z-index: 1; }
                  #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #answers-container ul li .answer-contents .answer-thumb .blue-rect {
                    position: absolute;
                    top: 7px;
                    left: 7px;
                    width: 194px;
                    height: 86px;
                    z-index: 1;
                    background: rgba(40, 139, 185, 0.82); }
                  #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #answers-container ul li .answer-contents .answer-thumb img.thumb {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    z-index: 0; }
                #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #answers-container ul li .answer-contents .answer-blurb {
                  font-family: "diy_thumb_sansregular" !important;
                  -webkit-text-stroke: 0.35px;
                  position: absolute;
                  top: 0px;
                  left: 310px;
                  width: 165px;
                  font-size: 15px;
                  z-index: 1; }
              #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #answers-container ul li figure.bg-shape {
                position: absolute;
                top: 0px;
                left: 50px;
                width: 434px;
                height: 106px;
                overflow: hidden;
                z-index: 0; }
                #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #answers-container ul li figure.bg-shape svg {
                  position: absolute;
                  top: 0px;
                  left: 0px;
                  width: 434px;
                  height: 106px; }
                  #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #answers-container ul li figure.bg-shape svg path, #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #answers-container ul li figure.bg-shape svg stroke, #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #answers-container ul li figure.bg-shape svg polygon {
                    fill: #c74a3b; }
        #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #results-container {
          position: absolute;
          top: 220px;
          left: 50%;
          width: 508px;
          height: 500px;
          margin-left: -254px;
          display: none;
          z-index: 1; }
          #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #results-container .results {
            text-transform: uppercase;
            text-align: center;
            color: #f9f7f1;
            opacity: 0; }
            #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #results-container .results header {
              position: relative;
              margin: 0;
              padding: 0;
              top: 0px;
              left: 0px;
              height: auto; }
            #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #results-container .results .you-are-looking-for {
              font-family: "diy_thumbregular" !important;
              -webkit-text-stroke: 0.0px;
              position: relative;
              top: 0px;
              left: 0px;
              font-size: 48px;
              margin-bottom: 6px;
              height: auto;
              z-index: 1; }
            #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #results-container .results .result-thumbnail {
              position: relative;
              width: 508px;
              height: 270px;
              margin-bottom: 16px;
              z-index: 2;
              cursor: pointer; }
              #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #results-container .results .result-thumbnail .center {
                position: absolute;
                top: 98px;
                left: 0px;
                width: inherit;
                margin: 0;
                opacity: 0;
                z-index: 3; }
                #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #results-container .results .result-thumbnail .center .notes {
                  font-family: "diy_thumb_sansregular" !important;
                  -webkit-text-stroke: 0.35px;
                  color: #f9f7f1;
                  text-align: center;
                  font-size: 10px;
                  margin-bottom: 10px; }
                #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #results-container .results .result-thumbnail .center .tumblr-options {
                  font-size: 25px;
                  text-align: center; }
                  #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #results-container .results .result-thumbnail .center .tumblr-options button {
                    display: inline-block;
                    background: transparent;
                    color: #f9f7f1;
                    margin: 0; }
                  #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #results-container .results .result-thumbnail .center .tumblr-options button.like {
                    margin: 0 6px 0 0; }
              #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #results-container .results .result-thumbnail figure.blue-rect {
                position: absolute;
                top: 10px;
                left: 9px;
                width: 489px;
                height: 228px;
                z-index: 2;
                opacity: 0;
                background: rgba(41, 153, 212, 0.78); }
              #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #results-container .results .result-thumbnail figure.thumbnail {
                position: absolute;
                top: 4px;
                left: 4px;
                width: 440px;
                height: 210px;
                z-index: 1; }
              #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #results-container .results .result-thumbnail figure.vector-bg {
                position: absolute;
                top: 0px;
                left: 0px;
                width: inherit;
                height: inherit;
                z-index: 0; }
            #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #results-container .results header.result {
              font-family: "diy_thumb_sansregular" !important;
              -webkit-text-stroke: 0.35px;
              font-size: 25px;
              margin-bottom: 13px;
              padding: 0 35px; }
            #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #results-container .results hr {
              display: inline-block;
              width: 390px;
              height: 1px;
              background: #f3a991;
              margin-bottom: 8px; }
            #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #results-container .results article {
              font-family: "diy_thumb_sansregular" !important;
              -webkit-text-stroke: 0.35px;
              font-size: 13px;
              padding: 0 35px;
              margin-bottom: 25px; }
            #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #results-container .results .share-options span {
              font-family: "diy_thumb_sansregular" !important;
              -webkit-text-stroke: 0.35px;
              display: inline-block;
              font-size: 12px;
              margin-right: 30px;
              line-height: 20px;
              vertical-align: middle; }
            #MainView #pages-container .page-container#quiz-page .inner-content .answers-half #results-container .results .share-options button {
              display: inline-block;
              background: transparent;
              color: #f9f7f1;
              font-size: 20px;
              margin-right: 20px;
              line-height: 20px;
              vertical-align: middle; }
      #MainView #pages-container .page-container#quiz-page .inner-content .close-button {
        position: absolute;
        width: 40px;
        height: 40px;
        z-index: 10;
        cursor: pointer;
        opacity: 0; }
        #MainView #pages-container .page-container#quiz-page .inner-content .close-button figure {
          position: absolute;
          top: 0px;
          left: 0px;
          width: 100%;
          height: 100%; }
        #MainView #pages-container .page-container#quiz-page .inner-content .close-button figure.x {
          top: 13px;
          left: 13px;
          width: 14px;
          height: 14px; }
      #MainView #pages-container .page-container#quiz-page .inner-content .question-bgs-container {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: -1; }
        #MainView #pages-container .page-container#quiz-page .inner-content .question-bgs-container li {
          position: absolute;
          top: 0px;
          left: 0px;
          overflow: hidden; }
          #MainView #pages-container .page-container#quiz-page .inner-content .question-bgs-container li img {
            position: absolute;
            top: 0px;
            left: 0px; }
      #MainView #pages-container .page-container#quiz-page .inner-content .bg-mask {
        position: absolute;
        top: 0px;
        left: 0px;
        overflow: hidden;
        z-index: 0; }
        #MainView #pages-container .page-container#quiz-page .inner-content .bg-mask .bg {
          position: absolute;
          top: 0px;
          left: 0px;
          background: #e85c41;
          z-index: 0; }
    #MainView #pages-container .page-container#about-page .inner-content {
      font-family: "diy_thumb_sansregular" !important;
      -webkit-text-stroke: 0.35px; }
      #MainView #pages-container .page-container#about-page .inner-content .left-half {
        z-index: 1; }
        #MainView #pages-container .page-container#about-page .inner-content .left-half header#page-title {
          position: absolute;
          top: 70px;
          left: 0px;
          height: 60px;
          background: #349ed6;
          z-index: 1; }
          #MainView #pages-container .page-container#about-page .inner-content .left-half header#page-title .animated-icon {
            position: absolute;
            top: 20px;
            left: 20px;
            width: 33px;
            height: 28px; }
          #MainView #pages-container .page-container#about-page .inner-content .left-half header#page-title .big-text {
            position: relative;
            margin-left: 70px;
            padding-right: 24px;
            font-family: "diy_thumb_sansregular" !important;
            -webkit-text-stroke: 0.35px;
            color: #fff;
            font-size: 30px;
            text-transform: uppercase;
            letter-spacing: 0.06em;
            line-height: 64px;
            vertical-align: middle; }
        #MainView #pages-container .page-container#about-page .inner-content .left-half nav#section-nav {
          position: absolute;
          top: 50%;
          left: 70px;
          z-index: 1; }
          #MainView #pages-container .page-container#about-page .inner-content .left-half nav#section-nav button.section-button {
            position: relative;
            display: inline-block;
            margin-right: 15px;
            white-space: nowrap;
            opacity: 0; }
            #MainView #pages-container .page-container#about-page .inner-content .left-half nav#section-nav button.section-button .arrow {
              top: 4px;
              width: 31px;
              height: 31px; }
              #MainView #pages-container .page-container#about-page .inner-content .left-half nav#section-nav button.section-button .arrow .arrowSVG {
                top: 11px;
                left: 9px;
                width: 15px;
                height: 10px;
                opacity: 0.5;
                z-index: 2; }
              #MainView #pages-container .page-container#about-page .inner-content .left-half nav#section-nav button.section-button .arrow .ringSVG {
                width: 100%;
                height: 100%;
                opacity: 0.25;
                z-index: 3; }
              #MainView #pages-container .page-container#about-page .inner-content .left-half nav#section-nav button.section-button .arrow .circleSVG {
                top: 2px;
                left: 2px;
                width: 27px;
                height: 27px;
                z-index: 1;
                opacity: 0; }
                #MainView #pages-container .page-container#about-page .inner-content .left-half nav#section-nav button.section-button .arrow .circleSVG svg circle {
                  fill: #f2a12a; }
            #MainView #pages-container .page-container#about-page .inner-content .left-half nav#section-nav button.section-button figcaption {
              position: relative;
              margin-left: 42px;
              color: #fff;
              font-size: 36px;
              text-transform: uppercase;
              letter-spacing: 0.06em;
              padding-right: 10px; }
            #MainView #pages-container .page-container#about-page .inner-content .left-half nav#section-nav button.section-button figure.underline {
              position: absolute;
              top: 35px;
              left: 50px; }
        #MainView #pages-container .page-container#about-page .inner-content .left-half div#quotes-container {
          position: absolute;
          top: 90px;
          left: 70px;
          width: 250px;
          margin: 0;
          text-transform: uppercase;
          text-align: left;
          opacity: 0;
          z-index: 1; }
          #MainView #pages-container .page-container#about-page .inner-content .left-half div#quotes-container .quote {
            position: absolute;
            top: 0px;
            left: 0px; }
            #MainView #pages-container .page-container#about-page .inner-content .left-half div#quotes-container .quote .quote-blurb {
              color: #fff;
              font-size: 18px;
              line-height: 18px;
              -webkit-text-stroke: 0.2px; }
            #MainView #pages-container .page-container#about-page .inner-content .left-half div#quotes-container .quote .quote-author {
              color: #f2a12a;
              font-size: 12px;
              margin-top: 1px;
              white-space: nowrap;
              -webkit-text-stroke: 0.1px; }
        #MainView #pages-container .page-container#about-page .inner-content .left-half figure.bg {
          overflow: hidden;
          z-index: 0; }
      #MainView #pages-container .page-container#about-page .inner-content .right-half {
        z-index: 2; }
        #MainView #pages-container .page-container#about-page .inner-content .right-half figure.bg {
          width: 100%;
          height: 100%;
          background: #349ed6;
          z-index: -1; }
        #MainView #pages-container .page-container#about-page .inner-content .right-half #cast-content {
          position: relative;
          z-index: 1; }
          #MainView #pages-container .page-container#about-page .inner-content .right-half #cast-content .scrollbar {
            top: 92px;
            left: auto;
            right: 40px;
            width: 10px; }
            #MainView #pages-container .page-container#about-page .inner-content .right-half #cast-content .scrollbar .handle {
              width: inherit;
              height: 250px;
              background: rgba(255, 255, 255, 0.5);
              -moz-border-radius: 5px;
              -webkit-border-radius: 5px;
              border-radius: 5px;
              /* future proofing */
              -khtml-border-radius: 5px;
              /* for old Konqueror browsers */ }
            #MainView #pages-container .page-container#about-page .inner-content .right-half #cast-content .scrollbar .track {
              width: inherit;
              height: 100%; }
          #MainView #pages-container .page-container#about-page .inner-content .right-half #cast-content header {
            position: absolute;
            top: 90px;
            left: 35px;
            color: #fff;
            font-size: 50px;
            letter-spacing: 0.1em;
            text-transform: uppercase; }
          #MainView #pages-container .page-container#about-page .inner-content .right-half #cast-content nav#cast-subnav {
            position: absolute;
            top: 145px;
            left: 37px;
            width: 350px; }
            #MainView #pages-container .page-container#about-page .inner-content .right-half #cast-content nav#cast-subnav button {
              position: relative;
              height: 18px;
              display: inline-block;
              text-transform: uppercase;
              font-size: 12px;
              margin-right: 20px;
              white-space: nowrap;
              letter-spacing: 0.05em;
              color: #fff;
              -webkit-transition: color 100ms ease-out;
              -moz-transition: color 100ms ease-out;
              -o-transition: color 100ms ease-out;
              transition: color 100ms ease-out; }
              #MainView #pages-container .page-container#about-page .inner-content .right-half #cast-content nav#cast-subnav button.selected {
                color: #ffba54; }
              #MainView #pages-container .page-container#about-page .inner-content .right-half #cast-content nav#cast-subnav button:hover {
                color: #ffba54; }
          #MainView #pages-container .page-container#about-page .inner-content .right-half #cast-content ul#cast-text-container {
            position: absolute;
            top: 215px;
            left: 50px;
            width: 600px;
            overflow: hidden; }
            #MainView #pages-container .page-container#about-page .inner-content .right-half #cast-content ul#cast-text-container li.cast-item {
              position: absolute;
              top: 0px;
              left: 0px;
              background: #349ed6; }
              #MainView #pages-container .page-container#about-page .inner-content .right-half #cast-content ul#cast-text-container li.cast-item header.cast-member {
                position: relative;
                top: 0px;
                left: 0px;
                width: 350px;
                font-size: 30px;
                text-transform: uppercase;
                letter-spacing: 0.1em;
                color: #ffba54; }
              #MainView #pages-container .page-container#about-page .inner-content .right-half #cast-content ul#cast-text-container li.cast-item .text {
                position: relative;
                float: left;
                width: 330px;
                margin-top: 15px;
                font-size: 17px;
                text-transform: none;
                letter-spacing: 0.05em;
                color: #fff;
                -webkit-text-stroke: 0.15px; }
                #MainView #pages-container .page-container#about-page .inner-content .right-half #cast-content ul#cast-text-container li.cast-item .text p {
                  margin: 0 0 18px 0; }
              #MainView #pages-container .page-container#about-page .inner-content .right-half #cast-content ul#cast-text-container li.cast-item figure.portrait {
                position: relative;
                float: left;
                margin: 20px 0 0 40px; }
        #MainView #pages-container .page-container#about-page .inner-content .right-half #story-content {
          position: absolute;
          top: 0px;
          left: 50px;
          z-index: 1;
          width: 500px; }
          #MainView #pages-container .page-container#about-page .inner-content .right-half #story-content header {
            position: relative;
            height: 60px; }
            #MainView #pages-container .page-container#about-page .inner-content .right-half #story-content header .big-text {
              position: absolute;
              top: 0px;
              left: 0px;
              color: #fff;
              font-size: 50px;
              letter-spacing: 0.1em;
              text-transform: uppercase; }
            #MainView #pages-container .page-container#about-page .inner-content .right-half #story-content header .small-text {
              position: absolute;
              top: 50px;
              left: 0px;
              color: #67caff;
              font-size: 15px;
              letter-spacing: 0.1em;
              text-transform: uppercase; }
          #MainView #pages-container .page-container#about-page .inner-content .right-half #story-content article {
            position: relative;
            margin-top: 20px;
            width: 580px;
            color: #fff;
            font-size: 22px;
            letter-spacing: 0.06em;
            text-transform: none;
            -webkit-text-stroke: 0.15px; }
      #MainView #pages-container .page-container#about-page .inner-content .close-button {
        position: absolute;
        width: 40px;
        height: 40px;
        z-index: 10;
        cursor: pointer;
        opacity: 0; }
        #MainView #pages-container .page-container#about-page .inner-content .close-button figure {
          position: absolute;
          top: 0px;
          left: 0px;
          width: 100%;
          height: 100%; }
        #MainView #pages-container .page-container#about-page .inner-content .close-button figure.x {
          top: 13px;
          left: 13px;
          width: 14px;
          height: 14px; }
    #MainView #pages-container .page-container#video-page .inner-content {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      z-index: 101; }
      #MainView #pages-container .page-container#video-page .inner-content #video-thumb-bar {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 75px;
        background: #101214;
        z-index: 1;
        opacity: 0;
        text-align: center; }
        #MainView #pages-container .page-container#video-page .inner-content #video-thumb-bar .thumbs {
          position: relative;
          display: inline-block;
          white-space: nowrap;
          width: inherit;
          height: 75px;
          text-align: center; }
          #MainView #pages-container .page-container#video-page .inner-content #video-thumb-bar .thumbs button {
            position: relative;
            display: inline-block;
            width: 133px;
            height: 75px;
            margin-right: -5px; }
            #MainView #pages-container .page-container#video-page .inner-content #video-thumb-bar .thumbs button .thumb {
              position: relative;
              width: inherit;
              height: inherit;
              overflow: hidden;
              z-index: 2; }
              #MainView #pages-container .page-container#video-page .inner-content #video-thumb-bar .thumbs button .thumb figure {
                position: absolute;
                top: 0px;
                left: 0px;
                width: inherit;
                height: inherit;
                background-size: cover !important; }
                #MainView #pages-container .page-container#video-page .inner-content #video-thumb-bar .thumbs button .thumb figure.color-thumb {
                  z-index: 0;
                  opacity: 0; }
                #MainView #pages-container .page-container#video-page .inner-content #video-thumb-bar .thumbs button .thumb figure.bw-thumb {
                  z-index: -1; }
            #MainView #pages-container .page-container#video-page .inner-content #video-thumb-bar .thumbs button figure.label-tab {
              position: absolute;
              top: 72px;
              left: 50%;
              width: 11px;
              height: 9px;
              margin: 0 0 0 -7px;
              opacity: 0;
              z-index: 1; }
              #MainView #pages-container .page-container#video-page .inner-content #video-thumb-bar .thumbs button figure.label-tab svg polyline {
                fill: #2e3134; }
            #MainView #pages-container .page-container#video-page .inner-content #video-thumb-bar .thumbs button figcaption {
              position: absolute;
              top: 87px;
              left: 0px;
              width: inherit;
              z-index: 1;
              font-family: "diy_thumb_sansregular" !important;
              -webkit-text-stroke: 0.35px;
              color: #fff;
              font-size: 16px;
              text-transform: uppercase;
              text-align: center;
              line-height: 14px;
              white-space: normal;
              opacity: 0; }
        #MainView #pages-container .page-container#video-page .inner-content #video-thumb-bar .white {
          position: absolute;
          top: 70px;
          left: 0px;
          width: 100%;
          height: 5px;
          z-index: 2;
          background: #2e3134; }
      #MainView #pages-container .page-container#video-page .inner-content #video-content {
        position: absolute;
        width: 720px;
        height: 405px;
        top: 150px;
        left: 0px;
        opacity: 0; }
        #MainView #pages-container .page-container#video-page .inner-content #video-content .top-left {
          position: absolute;
          top: 0px;
          left: 0px;
          margin-top: -40px;
          font-size: 16px;
          text-transform: uppercase;
          color: #f9f7f1;
          z-index: 1; }
          #MainView #pages-container .page-container#video-page .inner-content #video-content .top-left div, #MainView #pages-container .page-container#video-page .inner-content #video-content .top-left ul, #MainView #pages-container .page-container#video-page .inner-content #video-content .top-left li {
            float: left;
            height: 40px;
            line-height: 40px;
            vertical-align: middle; }
          #MainView #pages-container .page-container#video-page .inner-content #video-content .top-left .label {
            font-family: "uglybrandonregular" !important;
            -webkit-text-stroke: 0px !important;
            font-size: 12px;
            background: #1a1a1a;
            padding: 0 20px;
            line-height: 44px; }
          #MainView #pages-container .page-container#video-page .inner-content #video-content .top-left .title {
            font-family: "diy_thumb_sansregular" !important;
            -webkit-text-stroke: 0.35px;
            color: #0d6485;
            padding: 0 20px;
            line-height: 44px; }
          #MainView #pages-container .page-container#video-page .inner-content #video-content .top-left .share-icons {
            text-align: center; }
            #MainView #pages-container .page-container#video-page .inner-content #video-content .top-left .share-icons li {
              margin: 0;
              border: 0 none;
              padding: 0;
              width: 40px;
              cursor: pointer;
              -webkit-transition: background 200ms ease-out;
              -moz-transition: background 200ms ease-out;
              -o-transition: background 200ms ease-out;
              transition: background 200ms ease-out; }
              #MainView #pages-container .page-container#video-page .inner-content #video-content .top-left .share-icons li.facebook {
                background: rgba(59, 89, 152, 0.6); }
                #MainView #pages-container .page-container#video-page .inner-content #video-content .top-left .share-icons li.facebook:hover {
                  background: #3b5998; }
              #MainView #pages-container .page-container#video-page .inner-content #video-content .top-left .share-icons li.twitter {
                background: rgba(0, 172, 237, 0.6); }
                #MainView #pages-container .page-container#video-page .inner-content #video-content .top-left .share-icons li.twitter:hover {
                  background: #00aced; }
              #MainView #pages-container .page-container#video-page .inner-content #video-content .top-left .share-icons li.gplus {
                background: rgba(221, 75, 57, 0.6); }
                #MainView #pages-container .page-container#video-page .inner-content #video-content .top-left .share-icons li.gplus:hover {
                  background: #dd4b39; }
        #MainView #pages-container .page-container#video-page .inner-content #video-content .video-container {
          position: absolute;
          top: 0px;
          left: 0px;
          width: inherit;
          height: inherit;
          background: #050000;
          z-index: 2; }
          #MainView #pages-container .page-container#video-page .inner-content #video-content .video-container iframe {
            position: absolute;
            top: 0px;
            left: 0px;
            width: inherit;
            height: inherit;
            background: #000; }
      #MainView #pages-container .page-container#video-page .inner-content .close-button {
        position: absolute;
        top: 13px;
        left: 100%;
        width: 45px;
        height: 45px;
        z-index: 1;
        cursor: pointer;
        opacity: 0;
        margin-left: 7px; }
        #MainView #pages-container .page-container#video-page .inner-content .close-button figure {
          position: absolute;
          top: 0px;
          left: 0px;
          width: 100%;
          height: 100%; }
        #MainView #pages-container .page-container#video-page .inner-content .close-button figure.x {
          position: absolute;
          top: 13px;
          left: 13px;
          width: 19px;
          height: 19px; }
      #MainView #pages-container .page-container#video-page .inner-content .veil {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: #000;
        z-index: -1; }
        #MainView #pages-container .page-container#video-page .inner-content .veil img {
          opacity: 0.22; }
  #MainView #pages-container .inner-content {
    position: absolute;
    top: 0px;
    left: 0px;
    width: inherit;
    opacity: 0; }
    #MainView #pages-container .inner-content header#question-instructions {
      position: absolute;
      top: 90px;
      left: 0px;
      width: 395px;
      height: 62px;
      z-index: 1;
      opacity: 0;
      font-family: "diy_thumb_sansregular" !important;
      -webkit-text-stroke: 0.35px;
      text-transform: uppercase;
      color: #f9f7f1;
      background: #349ed6;
      overflow: hidden; }
      #MainView #pages-container .inner-content header#question-instructions .animated-icon {
        position: absolute;
        top: 12px;
        left: 15px;
        width: 42px;
        height: 42px;
        margin-top: -5px; }
        #MainView #pages-container .inner-content header#question-instructions .animated-icon svg {
          position: absolute;
          top: 0px;
          left: 0px;
          width: 100%;
          height: 100%; }
          #MainView #pages-container .inner-content header#question-instructions .animated-icon svg path, #MainView #pages-container .inner-content header#question-instructions .animated-icon svg stroke, #MainView #pages-container .inner-content header#question-instructions .animated-icon svg polygon {
            fill: #f9f7f1; }
      #MainView #pages-container .inner-content header#question-instructions .big-text {
        position: absolute;
        top: 12px;
        left: 65px;
        font-size: 20px;
        white-space: nowrap; }
      #MainView #pages-container .inner-content header#question-instructions .small-text {
        position: absolute;
        top: 35px;
        left: 65px;
        font-size: 12px;
        white-space: nowrap; }
    #MainView #pages-container .inner-content .question-half {
      position: absolute;
      top: 0px;
      left: 0px;
      z-index: 1; }
      #MainView #pages-container .inner-content .question-half #questions-container {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 2; }
        #MainView #pages-container .inner-content .question-half #questions-container #questions {
          text-transform: uppercase;
          color: #f9f7f1; }
          #MainView #pages-container .inner-content .question-half #questions-container #questions li {
            position: absolute;
            top: 0px;
            left: 80px; }
            #MainView #pages-container .inner-content .question-half #questions-container #questions li .number-and-label {
              position: absolute;
              top: 0px;
              left: 0px;
              opacity: 0; }
              #MainView #pages-container .inner-content .question-half #questions-container #questions li .number-and-label .question-label {
                position: absolute;
                top: 0px;
                left: 0px;
                font-family: "diy_thumb_sansregular" !important;
                -webkit-text-stroke: 0.35px;
                position: absolute;
                display: inline-block;
                font-size: 17px;
                line-height: 17px;
                vertical-align: top;
                white-space: nowrap;
                margin-left: -16px;
                -webkit-text-stroke: 0.1px; }
              #MainView #pages-container .inner-content .question-half #questions-container #questions li .number-and-label .number-underline {
                font-family: "diy_thumb_sansregular" !important;
                -webkit-text-stroke: 0.35px;
                position: absolute;
                top: 13px;
                left: 0px;
                width: 89px;
                height: 5px;
                margin-left: -10px; }
                #MainView #pages-container .inner-content .question-half #questions-container #questions li .number-and-label .number-underline svg path, #MainView #pages-container .inner-content .question-half #questions-container #questions li .number-and-label .number-underline svg polygon, #MainView #pages-container .inner-content .question-half #questions-container #questions li .number-and-label .number-underline svg stroke {
                  fill: #f9f7f1; }
            #MainView #pages-container .inner-content .question-half #questions-container #questions li .question-text {
              position: absolute;
              top: 35px;
              left: 0px;
              width: 450px;
              font-family: "diy_thumb_sansregular" !important;
              -webkit-text-stroke: 0.35px;
              color: #f9f7f1;
              font-size: 40px;
              line-height: 38px;
              letter-spacing: 0.05em;
              -webkit-font-feature-settings: "kern";
              -webkit-text-stroke: 0.3px; }
    #MainView #pages-container .inner-content .center {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 170px;
      height: 170px;
      z-index: 3;
      visibility: visible;
      margin: -85px 0 0 -85px; }
      #MainView #pages-container .inner-content .center nav {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 3; }
      #MainView #pages-container .inner-content .center nav#question-intro {
        visibility: hidden;
        cursor: pointer;
        z-index: 4;
        text-transform: uppercase;
        opacity: 0; }
        #MainView #pages-container .inner-content .center nav#question-intro .question {
          font-family: "diy_thumb_sansregular" !important;
          -webkit-text-stroke: 0.35px;
          position: absolute;
          top: 48px;
          left: 0px;
          width: 100%;
          text-align: center;
          font-size: 12px;
          color: #2999d4; }
        #MainView #pages-container .inner-content .center nav#question-intro .question-number-mask {
          position: absolute;
          top: 50px;
          left: 0px;
          width: 100%;
          height: 70px;
          overflow: hidden; }
          #MainView #pages-container .inner-content .center nav#question-intro .question-number-mask .question-number {
            font-family: "uglybrandonregular" !important;
            -webkit-text-stroke: 0px !important;
            position: absolute;
            top: 00px;
            left: 0px;
            width: 100%;
            text-align: center;
            font-size: 65px;
            color: #2999d4; }
      #MainView #pages-container .inner-content .center nav#see-result {
        visibility: hidden;
        cursor: pointer;
        z-index: 4;
        opacity: 0; }
        #MainView #pages-container .inner-content .center nav#see-result figcaption.see-your-result {
          font-family: "diy_thumb_sansregular" !important;
          -webkit-text-stroke: 0.35px;
          position: absolute;
          top: 71px;
          left: 0px;
          width: 100%;
          text-align: center;
          font-size: 15px;
          text-transform: uppercase;
          line-height: 17px;
          color: #f9f7f1; }
          #MainView #pages-container .inner-content .center nav#see-result figcaption.see-your-result h2 {
            font-size: 20px;
            font-weight: normal; }
        #MainView #pages-container .inner-content .center nav#see-result figure.right-arrow {
          position: absolute;
          top: 54px;
          left: 67px;
          width: 29px;
          height: 9px; }
      #MainView #pages-container .inner-content .center nav#redo {
        visibility: hidden;
        cursor: pointer;
        z-index: 4;
        opacity: 0; }
        #MainView #pages-container .inner-content .center nav#redo figcaption.redo {
          font-family: "diy_thumb_sansregular" !important;
          -webkit-text-stroke: 0.35px;
          position: absolute;
          top: 78px;
          left: 0px;
          width: 100%;
          text-align: center;
          font-size: 25px;
          text-transform: uppercase;
          line-height: 17px;
          letter-spacing: 0.1em;
          color: #f9f7f1; }
          #MainView #pages-container .inner-content .center nav#redo figcaption.redo h2 {
            font-size: 20px;
            font-weight: normal; }
        #MainView #pages-container .inner-content .center nav#redo figure.left-arrow {
          position: absolute;
          top: 53px;
          left: 67px;
          width: 29px;
          height: 9px; }
      #MainView #pages-container .inner-content .center nav#missing-answers {
        visibility: hidden;
        cursor: pointer;
        z-index: 4;
        opacity: 0; }
        #MainView #pages-container .inner-content .center nav#missing-answers figcaption.missing-answers {
          font-family: "diy_thumb_sansregular" !important;
          -webkit-text-stroke: 0.35px;
          position: absolute;
          top: 78px;
          left: 0px;
          width: 100%;
          text-align: center;
          font-size: 15px;
          text-transform: uppercase;
          line-height: 17px;
          letter-spacing: 0.1em;
          color: #f9f7f1; }
          #MainView #pages-container .inner-content .center nav#missing-answers figcaption.missing-answers h2 {
            font-size: 20px;
            font-weight: normal; }
        #MainView #pages-container .inner-content .center nav#missing-answers figure.left-arrow {
          position: absolute;
          top: 53px;
          left: 67px;
          width: 29px;
          height: 9px; }
      #MainView #pages-container .inner-content .center nav#next {
        visibility: hidden;
        cursor: pointer;
        z-index: 4;
        opacity: 0; }
        #MainView #pages-container .inner-content .center nav#next figcaption.next {
          font-family: "diy_thumb_sansregular" !important;
          -webkit-text-stroke: 0.35px;
          position: absolute;
          top: 78px;
          left: 0px;
          width: 100%;
          text-align: center;
          font-size: 25px;
          text-transform: uppercase;
          line-height: 17px;
          color: #f9f7f1;
          letter-spacing: 0.1em; }
          #MainView #pages-container .inner-content .center nav#next figcaption.next h2 {
            font-size: 20px;
            font-weight: normal; }
        #MainView #pages-container .inner-content .center nav#next figure.right-arrow {
          position: absolute;
          top: 53px;
          left: 71px;
          width: 29px;
          height: 9px; }
      #MainView #pages-container .inner-content .center nav#back {
        position: absolute;
        top: 0px;
        left: 60px;
        width: 50px;
        height: 50px;
        opacity: 0;
        visibility: hidden;
        cursor: pointer;
        z-index: 4; }
        #MainView #pages-container .inner-content .center nav#back figure.left-arrow {
          position: absolute;
          top: 19px;
          left: 16px;
          width: 19px;
          height: 10px;
          z-index: 3; }
        #MainView #pages-container .inner-content .center nav#back figure.inner-circle {
          z-index: 2;
          top: 4px;
          left: 4px;
          width: 42px;
          height: 42px; }
          #MainView #pages-container .inner-content .center nav#back figure.inner-circle svg circle {
            fill: #e85c41; }
        #MainView #pages-container .inner-content .center nav#back figure.outer-circle {
          z-index: 1; }
          #MainView #pages-container .inner-content .center nav#back figure.outer-circle svg circle {
            fill: #fffcf2; }
      #MainView #pages-container .inner-content .center figure {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%; }
        #MainView #pages-container .inner-content .center figure.blue-inner-circle, #MainView #pages-container .inner-content .center figure.inner-circle {
          top: 15px;
          left: 15px;
          width: 140px;
          height: 140px; }
      #MainView #pages-container .inner-content .center figure.blue-inner-circle {
        display: none;
        z-index: 2; }
        #MainView #pages-container .inner-content .center figure.blue-inner-circle svg circle {
          fill: #2999d4; }
      #MainView #pages-container .inner-content .center figure.inner-circle {
        z-index: 1; }
        #MainView #pages-container .inner-content .center figure.inner-circle svg circle {
          fill: #fffcf2; }
      #MainView #pages-container .inner-content .center figure.outer-ring svg path, #MainView #pages-container .inner-content .center figure.outer-ring svg stroke, #MainView #pages-container .inner-content .center figure.outer-ring svg circle {
        fill: rgba(249, 247, 241, 0.2); }
    #MainView #pages-container .inner-content .answers-half {
      position: absolute;
      top: 0px;
      left: 0px;
      z-index: 2; }
      #MainView #pages-container .inner-content .answers-half #reblog-toggle-button {
        position: absolute;
        width: 200px;
        height: 24px;
        background: transparent;
        cursor: pointer;
        opacity: 0;
        z-index: 2; }
        #MainView #pages-container .inner-content .answers-half #reblog-toggle-button figcaption {
          position: absolute;
          top: 0px;
          left: 0px;
          width: 163px;
          height: 24px;
          font-family: "diy_thumb_sansregular" !important;
          -webkit-text-stroke: 0.35px;
          font-size: 13px;
          line-height: 26px;
          vertical-align: middle;
          color: #f9f7f1;
          white-space: nowrap;
          text-transform: uppercase;
          text-align: right; }
          #MainView #pages-container .inner-content .answers-half #reblog-toggle-button figcaption.disable-reblog {
            opacity: 0; }
        #MainView #pages-container .inner-content .answers-half #reblog-toggle-button figure.check {
          position: absolute;
          top: 6px;
          left: 176px;
          width: 12px;
          height: 10px; }
          #MainView #pages-container .inner-content .answers-half #reblog-toggle-button figure.check svg {
            opacity: 1; }
        #MainView #pages-container .inner-content .answers-half #reblog-toggle-button figure.ring {
          position: absolute;
          top: 0px;
          left: 170px;
          width: 24px;
          height: 24px; }
          #MainView #pages-container .inner-content .answers-half #reblog-toggle-button figure.ring svg {
            opacity: 0.75; }
      #MainView #pages-container .inner-content .answers-half #answers-container {
        position: absolute;
        top: 220px;
        left: 145px;
        z-index: 2; }
        #MainView #pages-container .inner-content .answers-half #answers-container ul {
          position: absolute;
          width: 490px;
          color: #f9f7f1;
          text-transform: uppercase; }
          #MainView #pages-container .inner-content .answers-half #answers-container ul li {
            position: relative;
            width: 490px;
            height: 106px;
            float: left;
            margin-bottom: 6px;
            cursor: pointer; }
            #MainView #pages-container .inner-content .answers-half #answers-container ul li .answer-number {
              position: absolute;
              top: 31px;
              left: 0px;
              width: 40px;
              height: 40px; }
              #MainView #pages-container .inner-content .answers-half #answers-container ul li .answer-number figcaption.number {
                font-family: "diy_thumb_sansregular" !important;
                -webkit-text-stroke: 0.35px;
                font-size: 26px;
                line-height: 40px;
                vertical-align: middle;
                text-align: center;
                width: 100%;
                height: 100%; }
              #MainView #pages-container .inner-content .answers-half #answers-container ul li .answer-number figure.ring svg {
                position: absolute;
                top: 0px;
                left: 0px;
                width: 100%;
                height: 100%; }
                #MainView #pages-container .inner-content .answers-half #answers-container ul li .answer-number figure.ring svg path, #MainView #pages-container .inner-content .answers-half #answers-container ul li .answer-number figure.ring svg stroke, #MainView #pages-container .inner-content .answers-half #answers-container ul li .answer-number figure.ring svg polygon {
                  fill: #f9f7f1; }
              #MainView #pages-container .inner-content .answers-half #answers-container ul li .answer-number figure.circle {
                opacity: 0; }
                #MainView #pages-container .inner-content .answers-half #answers-container ul li .answer-number figure.circle svg {
                  position: absolute;
                  top: 0px;
                  left: 0px;
                  width: 100%;
                  height: 100%; }
                  #MainView #pages-container .inner-content .answers-half #answers-container ul li .answer-number figure.circle svg path, #MainView #pages-container .inner-content .answers-half #answers-container ul li .answer-number figure.circle svg stroke, #MainView #pages-container .inner-content .answers-half #answers-container ul li .answer-number figure.circle svg polygon {
                    fill: #f9f7f1; }
            #MainView #pages-container .inner-content .answers-half #answers-container ul li .answer-contents {
              position: absolute;
              top: 0px;
              left: 0px;
              width: inherit;
              height: inherit;
              z-index: 1; }
              #MainView #pages-container .inner-content .answers-half #answers-container ul li .answer-contents .answer-thumb {
                position: absolute;
                top: 3px;
                left: 81px;
                width: 208px;
                height: 100px;
                z-index: 1;
                text-align: center; }
                #MainView #pages-container .inner-content .answers-half #answers-container ul li .answer-contents .answer-thumb .vote {
                  position: absolute;
                  top: 0px;
                  left: 0px;
                  width: 100%;
                  height: 100%;
                  z-index: 1;
                  padding-top: 35px;
                  visibility: hidden; }
                  #MainView #pages-container .inner-content .answers-half #answers-container ul li .answer-contents .answer-thumb .vote figure.reblog-icon {
                    position: absolute;
                    top: 32px;
                    left: 71px;
                    width: 65px;
                    height: 41px;
                    z-index: 3; }
                  #MainView #pages-container .inner-content .answers-half #answers-container ul li .answer-contents .answer-thumb .vote figcaption {
                    position: absolute;
                    top: 43px;
                    width: 100%;
                    text-align: center;
                    font-size: 17px;
                    z-index: 2;
                    color: #f9f7f1;
                    text-transform: uppercase; }
                #MainView #pages-container .inner-content .answers-half #answers-container ul li .answer-contents .answer-thumb .results {
                  position: absolute;
                  top: 0px;
                  left: 0px;
                  width: 100%;
                  height: 100%;
                  z-index: 1;
                  visibility: hidden;
                  padding-top: 20px;
                  background: rgba(0, 0, 0, 0.6); }
                  #MainView #pages-container .inner-content .answers-half #answers-container ul li .answer-contents .answer-thumb .results .tumblr-buttons {
                    position: absolute;
                    top: 6px;
                    left: 8px;
                    white-space: nowrap;
                    z-index: 10; }
                    #MainView #pages-container .inner-content .answers-half #answers-container ul li .answer-contents .answer-thumb .results .tumblr-buttons button {
                      display: inline-block;
                      color: #f9f7f1;
                      opacity: 0.4;
                      font-size: 10px; }
                  #MainView #pages-container .inner-content .answers-half #answers-container ul li .answer-contents .answer-thumb .results .your-vote {
                    position: relative;
                    font-size: 18px;
                    z-index: 2;
                    opacity: 0; }
                  #MainView #pages-container .inner-content .answers-half #answers-container ul li .answer-contents .answer-thumb .results .percent {
                    position: relative;
                    font-size: 25px;
                    z-index: 2; }
                  #MainView #pages-container .inner-content .answers-half #answers-container ul li .answer-contents .answer-thumb .results .notes {
                    position: relative;
                    font-size: 10px;
                    z-index: 2;
                    font-family: "uglybrandonbold" !important;
                    -webkit-text-stroke: 0px !important; }
                  #MainView #pages-container .inner-content .answers-half #answers-container ul li .answer-contents .answer-thumb .results .blue-rect {
                    visibility: hidden;
                    z-index: 1; }
                #MainView #pages-container .inner-content .answers-half #answers-container ul li .answer-contents .answer-thumb .blue-rect {
                  position: absolute;
                  top: 7px;
                  left: 7px;
                  width: 194px;
                  height: 86px;
                  z-index: 1;
                  background: rgba(40, 139, 185, 0.82); }
                #MainView #pages-container .inner-content .answers-half #answers-container ul li .answer-contents .answer-thumb img.thumb {
                  position: absolute;
                  top: 0px;
                  left: 0px;
                  z-index: 0; }
              #MainView #pages-container .inner-content .answers-half #answers-container ul li .answer-contents .answer-blurb {
                font-family: "diy_thumb_sansregular" !important;
                -webkit-text-stroke: 0.35px;
                position: absolute;
                top: 0px;
                left: 310px;
                width: 165px;
                font-size: 15px;
                z-index: 1; }
            #MainView #pages-container .inner-content .answers-half #answers-container ul li figure.bg-shape {
              position: absolute;
              top: 0px;
              left: 50px;
              width: 434px;
              height: 106px;
              overflow: hidden;
              z-index: 0; }
              #MainView #pages-container .inner-content .answers-half #answers-container ul li figure.bg-shape svg {
                position: absolute;
                top: 0px;
                left: 0px;
                width: 434px;
                height: 106px; }
                #MainView #pages-container .inner-content .answers-half #answers-container ul li figure.bg-shape svg path, #MainView #pages-container .inner-content .answers-half #answers-container ul li figure.bg-shape svg stroke, #MainView #pages-container .inner-content .answers-half #answers-container ul li figure.bg-shape svg polygon {
                  fill: #c74a3b; }
      #MainView #pages-container .inner-content .answers-half #results-container {
        position: absolute;
        top: 220px;
        left: 50%;
        width: 508px;
        height: 500px;
        margin-left: -254px;
        display: none;
        z-index: 1; }
        #MainView #pages-container .inner-content .answers-half #results-container .results {
          text-transform: uppercase;
          text-align: center;
          color: #f9f7f1;
          opacity: 0; }
          #MainView #pages-container .inner-content .answers-half #results-container .results header {
            position: relative;
            margin: 0;
            padding: 0;
            top: 0px;
            left: 0px;
            height: auto; }
          #MainView #pages-container .inner-content .answers-half #results-container .results .you-are-looking-for {
            font-family: "diy_thumbregular" !important;
            -webkit-text-stroke: 0.0px;
            position: relative;
            top: 0px;
            left: 0px;
            font-size: 48px;
            margin-bottom: 6px;
            height: auto;
            z-index: 1; }
          #MainView #pages-container .inner-content .answers-half #results-container .results .result-thumbnail {
            position: relative;
            width: 508px;
            height: 270px;
            margin-bottom: 16px;
            z-index: 2;
            cursor: pointer; }
            #MainView #pages-container .inner-content .answers-half #results-container .results .result-thumbnail .center {
              position: absolute;
              top: 98px;
              left: 0px;
              width: inherit;
              margin: 0;
              opacity: 0;
              z-index: 3; }
              #MainView #pages-container .inner-content .answers-half #results-container .results .result-thumbnail .center .notes {
                font-family: "diy_thumb_sansregular" !important;
                -webkit-text-stroke: 0.35px;
                color: #f9f7f1;
                text-align: center;
                font-size: 10px;
                margin-bottom: 10px; }
              #MainView #pages-container .inner-content .answers-half #results-container .results .result-thumbnail .center .tumblr-options {
                font-size: 25px;
                text-align: center; }
                #MainView #pages-container .inner-content .answers-half #results-container .results .result-thumbnail .center .tumblr-options button {
                  display: inline-block;
                  background: transparent;
                  color: #f9f7f1;
                  margin: 0; }
                #MainView #pages-container .inner-content .answers-half #results-container .results .result-thumbnail .center .tumblr-options button.like {
                  margin: 0 6px 0 0; }
            #MainView #pages-container .inner-content .answers-half #results-container .results .result-thumbnail figure.blue-rect {
              position: absolute;
              top: 10px;
              left: 9px;
              width: 489px;
              height: 228px;
              z-index: 2;
              opacity: 0;
              background: rgba(41, 153, 212, 0.78); }
            #MainView #pages-container .inner-content .answers-half #results-container .results .result-thumbnail figure.thumbnail {
              position: absolute;
              top: 4px;
              left: 4px;
              width: 440px;
              height: 210px;
              z-index: 1; }
            #MainView #pages-container .inner-content .answers-half #results-container .results .result-thumbnail figure.vector-bg {
              position: absolute;
              top: 0px;
              left: 0px;
              width: inherit;
              height: inherit;
              z-index: 0; }
          #MainView #pages-container .inner-content .answers-half #results-container .results header.result {
            font-family: "diy_thumb_sansregular" !important;
            -webkit-text-stroke: 0.35px;
            font-size: 25px;
            margin-bottom: 13px;
            padding: 0 35px; }
          #MainView #pages-container .inner-content .answers-half #results-container .results hr {
            display: inline-block;
            width: 390px;
            height: 1px;
            background: #f3a991;
            margin-bottom: 8px; }
          #MainView #pages-container .inner-content .answers-half #results-container .results article {
            font-family: "diy_thumb_sansregular" !important;
            -webkit-text-stroke: 0.35px;
            font-size: 13px;
            padding: 0 35px;
            margin-bottom: 25px; }
          #MainView #pages-container .inner-content .answers-half #results-container .results .share-options span {
            font-family: "diy_thumb_sansregular" !important;
            -webkit-text-stroke: 0.35px;
            display: inline-block;
            font-size: 12px;
            margin-right: 30px;
            line-height: 20px;
            vertical-align: middle; }
          #MainView #pages-container .inner-content .answers-half #results-container .results .share-options button {
            display: inline-block;
            background: transparent;
            color: #f9f7f1;
            font-size: 20px;
            margin-right: 20px;
            line-height: 20px;
            vertical-align: middle; }
    #MainView #pages-container .inner-content .close-button {
      position: absolute;
      width: 40px;
      height: 40px;
      z-index: 10;
      cursor: pointer;
      opacity: 0; }
      #MainView #pages-container .inner-content .close-button figure {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%; }
      #MainView #pages-container .inner-content .close-button figure.x {
        top: 13px;
        left: 13px;
        width: 14px;
        height: 14px; }
    #MainView #pages-container .inner-content .question-bgs-container {
      position: absolute;
      top: 0px;
      left: 0px;
      z-index: -1; }
      #MainView #pages-container .inner-content .question-bgs-container li {
        position: absolute;
        top: 0px;
        left: 0px;
        overflow: hidden; }
        #MainView #pages-container .inner-content .question-bgs-container li img {
          position: absolute;
          top: 0px;
          left: 0px; }
    #MainView #pages-container .inner-content .bg-mask {
      position: absolute;
      top: 0px;
      left: 0px;
      overflow: hidden;
      z-index: 0; }
      #MainView #pages-container .inner-content .bg-mask .bg {
        position: absolute;
        top: 0px;
        left: 0px;
        background: #e85c41;
        z-index: 0; }

/* ----------------------------

----------------------------- */
#overlay-container .overlay-view {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  margin-top: 100px;
  z-index: 101; }
#overlay-container .veil {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.88);
  margin-top: 100px;
  opacity: 0;
  z-index: 100; }
#overlay-container .scrollbar {
  top: 92px;
  left: auto;
  right: 40px;
  width: 10px; }
  #overlay-container .scrollbar .handle {
    width: inherit;
    height: 250px;
    background: rgba(255, 255, 255, 0.5);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /* future proofing */
    -khtml-border-radius: 5px;
    /* for old Konqueror browsers */ }
  #overlay-container .scrollbar .track {
    width: inherit;
    height: 100%; }
#overlay-container #ticketing-overlay {
  position: absolute;
  opacity: 0; }
  #overlay-container #ticketing-overlay .center-container {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 670px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden; }
    #overlay-container #ticketing-overlay .center-container .center {
      position: absolute;
      top: 0px;
      left: 0px;
      right: 0px;
      width: 670px;
      height: 100%;
      margin: 0 auto; }
      #overlay-container #ticketing-overlay .center-container .center .content {
        position: absolute;
        width: inherit;
        font-family: "diy_thumb_sansregular" !important;
        -webkit-text-stroke: 0.35px;
        text-transform: uppercase;
        text-align: center;
        color: #fff;
        z-index: 1;
        width: 586px;
        margin-left: 42px;
        margin-top: 50px; }
        #overlay-container #ticketing-overlay .center-container .center .content .main-header {
          font-size: 44px; }
        #overlay-container #ticketing-overlay .center-container .center .content .heading {
          font-size: 20px;
          margin-bottom: 40px;
          white-space: nowrap; }
        #overlay-container #ticketing-overlay .center-container .center .content ul.logos li.logo {
          display: inline-block;
          width: 100%;
          text-align: center;
          margin-top: 30px; }
      #overlay-container #ticketing-overlay .center-container .center .bg {
        position: absolute;
        width: inherit;
        height: 100%;
        background: #349ed6;
        z-index: 0; }
  #overlay-container #ticketing-overlay .close-button {
    position: absolute;
    top: 25px;
    left: 100%;
    width: 45px;
    height: 45px;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    margin-left: 7px; }
    #overlay-container #ticketing-overlay .close-button figure {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%; }
    #overlay-container #ticketing-overlay .close-button figure.x {
      position: absolute;
      top: 13px;
      left: 13px;
      width: 19px;
      height: 19px; }
#overlay-container #ask-overlay {
  position: absolute;
  opacity: 0; }
  #overlay-container #ask-overlay .center-container {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 670px;
    height: 100%;
    margin: 0 auto; }
    #overlay-container #ask-overlay .center-container .center {
      position: absolute;
      top: 50%;
      left: 0px;
      right: 0px;
      width: 670px;
      height: 280px;
      margin: -150px auto 0 auto; }
      #overlay-container #ask-overlay .center-container .center .content {
        position: absolute;
        width: inherit;
        font-family: "diy_thumb_sansregular" !important;
        -webkit-text-stroke: 0.35px;
        text-transform: uppercase;
        text-align: center;
        color: #fff;
        z-index: 1; }
        #overlay-container #ask-overlay .center-container .center .content .main-header {
          margin-top: 10px;
          font-size: 32px; }
        #overlay-container #ask-overlay .center-container .center .content iframe {
          width: 640px;
          height: 200px;
          margin: 15px; }
      #overlay-container #ask-overlay .center-container .center .bg {
        position: absolute;
        width: inherit;
        height: 280px;
        background: #e85c41;
        z-index: 0; }
  #overlay-container #ask-overlay .close-button {
    position: absolute;
    top: 25px;
    left: 100%;
    width: 45px;
    height: 45px;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    margin-left: 7px; }
    #overlay-container #ask-overlay .close-button figure {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%; }
    #overlay-container #ask-overlay .close-button figure.x {
      position: absolute;
      top: 13px;
      left: 13px;
      width: 19px;
      height: 19px; }
#overlay-container #partners-overlay {
  position: absolute;
  opacity: 0; }
  #overlay-container #partners-overlay .center-container {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 900px;
    margin: 0 auto;
    overflow: hidden; }
    #overlay-container #partners-overlay .center-container .center {
      position: absolute;
      top: 45px;
      left: 0px;
      right: 0px;
      width: 900px;
      margin: 0 auto; }
      #overlay-container #partners-overlay .center-container .center header.title {
        text-align: center;
        position: relative;
        display: inline-block;
        width: 100%;
        height: auto;
        font-family: "diy_thumbregular" !important;
        -webkit-text-stroke: 0.0px;
        color: #fff;
        font-size: 78px;
        line-height: 68px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        -webkit-font-feature-settings: "kern";
        -webkit-text-stroke: 1.3px; }
      #overlay-container #partners-overlay .center-container .center .logos-container {
        margin-top: 30px; }
        #overlay-container #partners-overlay .center-container .center .logos-container #partner-logos {
          width: inherit;
          text-align: center; }
          #overlay-container #partners-overlay .center-container .center .logos-container #partner-logos .partner-logo {
            position: relative;
            display: inline-block;
            vertical-align: top;
            width: 260px;
            height: 295px;
            text-align: center;
            margin: 0 20px 20px 0;
            padding: 0 15px; }
            #overlay-container #partners-overlay .center-container .center .logos-container #partner-logos .partner-logo .logo {
              display: inline-block;
              width: inherit;
              height: 90px;
              line-height: 90px;
              text-align: center;
              vertical-align: middle; }
              #overlay-container #partners-overlay .center-container .center .logos-container #partner-logos .partner-logo .logo img {
                display: inline-block;
                vertical-align: middle; }
            #overlay-container #partners-overlay .center-container .center .logos-container #partner-logos .partner-logo .blurb {
              display: inline-block;
              width: inherit;
              font-family: "diy_thumb_sansregular" !important;
              -webkit-text-stroke: 0.35px;
              color: #fff;
              font-size: 12px;
              text-transform: uppercase;
              margin: 15px 0 0 0; }
  #overlay-container #partners-overlay .close-button {
    position: absolute;
    top: 25px;
    left: 100%;
    width: 45px;
    height: 45px;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    margin-left: 7px; }
    #overlay-container #partners-overlay .close-button figure {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%; }
    #overlay-container #partners-overlay .close-button figure.x {
      position: absolute;
      top: 13px;
      left: 13px;
      width: 19px;
      height: 19px; }
#overlay-container #promo-video-overlay {
  position: absolute;
  width: 720px;
  height: 405px;
  top: 0px;
  left: 0px;
  opacity: 0; }
  #overlay-container #promo-video-overlay .overlay-content {
    position: absolute;
    width: inherit;
    height: inherit;
    top: 0px;
    left: 0px; }
    #overlay-container #promo-video-overlay .overlay-content .top-left {
      position: absolute;
      top: 0px;
      left: 0px;
      margin-top: -40px;
      font-size: 16px;
      text-transform: uppercase;
      color: #f9f7f1;
      z-index: 1; }
      #overlay-container #promo-video-overlay .overlay-content .top-left div, #overlay-container #promo-video-overlay .overlay-content .top-left ul, #overlay-container #promo-video-overlay .overlay-content .top-left li {
        float: left;
        height: 40px;
        line-height: 40px;
        vertical-align: middle; }
      #overlay-container #promo-video-overlay .overlay-content .top-left .label {
        font-family: "uglybrandonregular" !important;
        -webkit-text-stroke: 0px !important;
        font-size: 12px;
        background: #1a1a1a;
        padding: 0 20px;
        line-height: 44px; }
      #overlay-container #promo-video-overlay .overlay-content .top-left .title {
        font-family: "diy_thumb_sansregular" !important;
        -webkit-text-stroke: 0.35px;
        color: #0d6485;
        padding: 0 20px;
        line-height: 44px; }
      #overlay-container #promo-video-overlay .overlay-content .top-left .share-icons {
        text-align: center; }
        #overlay-container #promo-video-overlay .overlay-content .top-left .share-icons li {
          margin: 0;
          border: 0 none;
          padding: 0;
          width: 40px;
          cursor: pointer;
          -webkit-transition: background 200ms ease-out;
          -moz-transition: background 200ms ease-out;
          -o-transition: background 200ms ease-out;
          transition: background 200ms ease-out; }
          #overlay-container #promo-video-overlay .overlay-content .top-left .share-icons li.facebook {
            background: rgba(59, 89, 152, 0.6); }
            #overlay-container #promo-video-overlay .overlay-content .top-left .share-icons li.facebook:hover {
              background: #3b5998; }
          #overlay-container #promo-video-overlay .overlay-content .top-left .share-icons li.twitter {
            background: rgba(0, 172, 237, 0.6); }
            #overlay-container #promo-video-overlay .overlay-content .top-left .share-icons li.twitter:hover {
              background: #00aced; }
          #overlay-container #promo-video-overlay .overlay-content .top-left .share-icons li.gplus {
            background: rgba(221, 75, 57, 0.6); }
            #overlay-container #promo-video-overlay .overlay-content .top-left .share-icons li.gplus:hover {
              background: #dd4b39; }
    #overlay-container #promo-video-overlay .overlay-content .close-button {
      position: absolute;
      top: 5px;
      left: 100%;
      width: 45px;
      height: 45px;
      z-index: 1;
      cursor: pointer;
      opacity: 0;
      margin-left: 7px; }
      #overlay-container #promo-video-overlay .overlay-content .close-button figure {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%; }
      #overlay-container #promo-video-overlay .overlay-content .close-button figure.x {
        position: absolute;
        top: 13px;
        left: 13px;
        width: 19px;
        height: 19px; }
    #overlay-container #promo-video-overlay .overlay-content .video-container {
      position: absolute;
      top: 0px;
      left: 0px;
      width: inherit;
      height: inherit;
      background: #050000;
      z-index: 2; }
      #overlay-container #promo-video-overlay .overlay-content .video-container iframe {
        position: absolute;
        top: 0px;
        left: 0px;
        width: inherit;
        height: inherit; }

/* ----------------------------
	1.  Header 
----------------------------- */
#ui-container header {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100px;
  z-index: 1000; }
  #ui-container header #chrome {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: 90;
    line-height: 50px;
    text-transform: uppercase; }
    #ui-container header #chrome .left, #ui-container header #chrome .right {
      position: absolute;
      top: 0px;
      z-index: 100; }
    #ui-container header #chrome .left {
      left: 0px; }
    #ui-container header #chrome .right {
      right: 0px; }
    #ui-container header #chrome .release-date {
      font-size: 17px;
      font-weight: 800;
      letter-spacing: 0.4em; }
    #ui-container header #chrome .social-buttons {
      position: absolute;
      top: 0px;
      left: 110px;
      padding-left: 19px;
      width: 400px;
      height: 100%;
      opacity: 0; }
      #ui-container header #chrome .social-buttons .facebook {
        margin-left: 19px;
        float: left;
        display: block;
        height: 100%;
        width: 28px;
        background: url("../assets/img/ui/icon-fb.png") no-repeat center center;
        background-size: 28px auto; }
      #ui-container header #chrome .social-buttons .twitter {
        margin-left: 4px;
        margin-right: 5px;
        float: left;
        display: block;
        height: 100%;
        width: 32px;
        background: url("../assets/img/ui/icon-twitter.png") no-repeat center center;
        background-size: 32px auto; }
      #ui-container header #chrome .social-buttons .fb-like, #ui-container header #chrome .social-buttons .gplus, #ui-container header #chrome .social-buttons .twitter-share, #ui-container header #chrome .social-buttons .weheartit-button, #ui-container header #chrome .social-buttons .gplus-page {
        float: left;
        position: relative;
        overflow: hidden;
        margin-top: 10px;
        height: 21px;
        text-align: left; }
        #ui-container header #chrome .social-buttons .fb-like iframe, #ui-container header #chrome .social-buttons .gplus iframe, #ui-container header #chrome .social-buttons .twitter-share iframe, #ui-container header #chrome .social-buttons .weheartit-button iframe, #ui-container header #chrome .social-buttons .gplus-page iframe {
          vertical-align: top; }
      #ui-container header #chrome .social-buttons .fb-like {
        width: 92px; }
      #ui-container header #chrome .social-buttons .twitter-share {
        width: 112px; }
      #ui-container header #chrome .social-buttons .gplus {
        width: 38px; }
        #ui-container header #chrome .social-buttons .gplus > div {
          display: block !important; }
      #ui-container header #chrome .social-buttons .gplus-page {
        width: 27px;
        height: 21px; }
        #ui-container header #chrome .social-buttons .gplus-page a {
          position: absolute;
          top: 0px;
          left: 0px;
          width: inherit;
          height: inherit;
          background: url("../assets/img/ui/icon-gplus-page.png") no-repeat left center;
          background-size: contain; }
      #ui-container header #chrome .social-buttons .weheartit-button {
        width: 58px;
        height: 21px;
        margin-top: 10px; }
        #ui-container header #chrome .social-buttons .weheartit-button img {
          vertical-align: top;
          height: 100%;
          width: auto; }
    #ui-container header #chrome figure.dvd {
      top: 0px;
      left: 0px;
      width: 127px;
      height: 148px;
      background: url("../content/img/dvd.png") top left no-repeat;
      z-index: 10;
      pointer-events: none; }
    #ui-container header #chrome button.buy-button {
      top: 40px;
      z-index: 9; }
    #ui-container header #chrome button.amazon-button {
      left: 110px;
      width: 105px;
      height: 40px;
      background: url("../content/img/amazon.png") top left no-repeat; }
    #ui-container header #chrome button.itunes-button {
      left: 217px;
      width: 103px;
      height: 40px;
      background: url("../content/img/itunes.png") top left no-repeat; }
    #ui-container header #chrome .ticketing button.ticketing-button, #ui-container header #chrome .ticketing button.ask-button, #ui-container header #chrome .ask button.ticketing-button, #ui-container header #chrome .ask button.ask-button {
      position: absolute;
      top: 42px;
      left: 12px;
      font-family: "uglybrandonbold" !important;
      -webkit-text-stroke: 0px !important;
      background: #2999d4;
      height: 40px;
      -webkit-transition: background 50ms ease-out;
      -moz-transition: background 50ms ease-out;
      -o-transition: background 50ms ease-out;
      transition: background 50ms ease-out; }
      #ui-container header #chrome .ticketing button.ticketing-button:hover, #ui-container header #chrome .ticketing button.ask-button:hover, #ui-container header #chrome .ask button.ticketing-button:hover, #ui-container header #chrome .ask button.ask-button:hover {
        background: #e85c41; }
      #ui-container header #chrome .ticketing button.ticketing-button figure, #ui-container header #chrome .ticketing button.ask-button figure, #ui-container header #chrome .ask button.ticketing-button figure, #ui-container header #chrome .ask button.ask-button figure {
        position: absolute;
        top: 5px;
        left: 10px;
        width: 30px;
        height: 30px;
        background: url("../assets/img/ui/tickets.png") no-repeat left center;
        background-size: contain; }
      #ui-container header #chrome .ticketing button.ticketing-button figcaption, #ui-container header #chrome .ticketing button.ask-button figcaption, #ui-container header #chrome .ask button.ticketing-button figcaption, #ui-container header #chrome .ask button.ask-button figcaption {
        position: relative;
        margin-left: 38px;
        height: inherit;
        color: #fff;
        text-align: center;
        line-height: 40px;
        text-transform: uppercase;
        vertical-align: middle;
        padding: 0 15px;
        font-size: 18px;
        white-space: nowrap;
        -webkit-text-stroke: 0px !important; }
    #ui-container header #chrome .ask button.ask-button {
      left: auto;
      right: 12px;
      background: #e85c41 !important; }
      #ui-container header #chrome .ask button.ask-button:hover {
        background: #2999d4 !important; }
      #ui-container header #chrome .ask button.ask-button figcaption {
        position: relative;
        margin-left: 0px; }
    #ui-container header #chrome .tumblr-buttons {
      absolute: top right;
      font-size: 10px;
      font-family: "uglybrandonbold" !important;
      -webkit-text-stroke: 0px !important; }
      #ui-container header #chrome .tumblr-buttons .tumblr-button {
        display: inline-block;
        margin-right: 0px;
        background: #2999d4;
        line-height: 20px;
        height: 20px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        /* future proofing */
        -khtml-border-radius: 2px;
        /* for old Konqueror browsers */ }
        #ui-container header #chrome .tumblr-buttons .tumblr-button a {
          color: #fff;
          white-space: nowrap;
          text-align: center;
          padding: 0 20px; }
          #ui-container header #chrome .tumblr-buttons .tumblr-button a .icon, #ui-container header #chrome .tumblr-buttons .tumblr-button a .label {
            line-height: 20px;
            vertical-align: middle; }
          #ui-container header #chrome .tumblr-buttons .tumblr-button a .icon {
            font-size: 8px;
            padding-right: 4px; }
        #ui-container header #chrome .tumblr-buttons .tumblr-button.dashboard-button {
          margin-right: 15px; }
    @media only screen and (max-width: 1100px) {
      #ui-container header #chrome .release-date {
        letter-spacing: 0em; } }
    @media only screen and (max-width: 900px) {
      #ui-container header #chrome {
        line-height: 30px; }
        #ui-container header #chrome .social-buttons, #ui-container header #chrome .tumblr-buttons {
          position: relative;
          display: block; }
          #ui-container header #chrome .social-buttons:after, #ui-container header #chrome .tumblr-buttons:after {
            content: "";
            display: table;
            clear: both; }
        #ui-container header #chrome .social-buttons {
          width: 380px;
          height: 50px;
          margin: 0 auto; } }
  #ui-container header #header-content {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    width: 580px;
    height: 100%;
    z-index: 50;
    text-transform: uppercase;
    text-align: center; }
    #ui-container header #header-content .header-block {
      position: absolute;
      top: 49px;
      width: 170px;
      color: #349ed6;
      font-size: 13px; }
      #ui-container header #header-content .header-block hr {
        position: absolute;
        top: 17px;
        left: 0px;
        width: 100%;
        height: 1px;
        border: 0 none;
        padding: 0;
        margin: 0;
        background: #349ed6; }
      #ui-container header #header-content .header-block .line1 {
        position: absolute;
        width: 100%;
        left: 0px;
        top: 0px;
        font-size: 18px;
        line-height: 18px;
        margin-top: -7px; }
      #ui-container header #header-content .header-block.left {
        left: 0px; }
      #ui-container header #header-content .header-block.right {
        right: 0px; }
    #ui-container header #header-content .header-logo .release-date {
      position: absolute;
      top: 10px;
      left: 0px;
      width: 100%;
      font-size: 17px;
      color: #349ed6; }
    #ui-container header #header-content .header-logo .logo {
      position: absolute;
      top: 36px;
      left: 0px;
      right: 0px;
      width: 175px;
      height: 45px;
      margin: 0 auto; }
      #ui-container header #header-content .header-logo .logo svg {
        width: 100%;
        height: 100%; }
        #ui-container header #header-content .header-logo .logo svg path, #ui-container header #header-content .header-logo .logo svg polygon {
          fill: #0b0c09; }
    #ui-container header #header-content .header-logo .tagline {
      position: absolute;
      top: 120px;
      left: 0px;
      right: 0px;
      width: 100%;
      text-transform: uppercase;
      text-align: center;
      font-size: 15px; }
  #ui-container header .white-bg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 95px;
    background: #fff;
    z-index: 0; }
  #ui-container header .grey-bg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100px;
    background: #349ed6;
    z-index: -1; }

/* ----------------------------
	2.  Footer 
----------------------------- */
footer #legal-button {
  position: absolute;
  bottom: 15px;
  left: 15px;
  z-index: 10;
  cursor: pointer;
  font-family: "uglybrandonregular" !important;
  -webkit-text-stroke: 0px !important;
  font-size: 10px;
  text-transform: uppercase;
  white-space: nowrap;
  color: #fff; }
footer #legal-panel {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
  z-index: 11; }
  footer #legal-panel .legal-panel-content {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: inherit;
    height: 175px;
    font-family: "uglybrandonregular" !important;
    -webkit-text-stroke: 0px !important;
    padding: 30px 0;
    font-size: 10px;
    line-height: 16px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.06em;
    background: #ffffff;
    text-transform: uppercase;
    color: #000000;
    -webkit-text-stroke: 0.1px; }
    footer #legal-panel .legal-panel-content a {
      color: #000000;
      -webkit-transition: color 120ms ease-out;
      -moz-transition: color 120ms ease-out;
      -o-transition: color 120ms ease-out;
      transition: color 120ms ease-out; }
      footer #legal-panel .legal-panel-content a:hover {
        color: #f26040; }
    footer #legal-panel .legal-panel-content .rating {
      height: 80px;
      background: url("../assets/img/ui/rating.png") no-repeat center top;
      background-size: auto 100%;
      margin-bottom: 10px; }

html, body {
  background: #eae8e5;
  overflow: hidden;
  min-width: 1100px;
  min-height: 700px;
  font-family: "diy_thumb_sansregular" !important;
  -webkit-text-stroke: 0.35px;
  font-size: 12px;
  letter-spacing: 0.5px; }
  html .fixed, body .fixed {
    overflow: hidden !important; }
  html a, body a {
    text-decoration: none;
    color: #efefec; }

body, html, .wrapper, .main, .slider, .pages {
  height: 100%; }

.pc h1, .pc h2, .pc h3, .pc h4, .pc h5, .pc h6,
.pc ol, .pc ul, .pc li,
.pc a, .pc div, .pc span, .pc p,
.pc td, .pc table, .pc tbody, .pc hr, .pc iframe,
.pc button, .pc input, .pc textarea,
.pc figure, .pc figcaption, .pc nav, .PC h1, .PC h2, .PC h3, .PC h4, .PC h5, .PC h6,
.PC ol, .PC ul, .PC li,
.PC a, .PC div, .PC span, .PC p,
.PC td, .PC table, .PC tbody, .PC hr, .PC iframe,
.PC button, .PC input, .PC textarea,
.PC figure, .PC figcaption, .PC nav {
  -webkit-text-stroke: 0px !important; }

#tumblr_controls {
  display: none !important; }

#wrapper {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: inherit;
  z-index: 1; }
  #wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  #wrapper #overlay-container {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 400; }
  #wrapper #ui-container {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 300; }
  #wrapper #main-content-container {
    position: absolute;
    top: 0px;
    left: 0px;
    border: 0 none;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 200; }
    #wrapper #main-content-container #ui-container {
      overflow: hidden; }
  #wrapper .large-preloader {
    position: absolute;
    width: 75px;
    height: 75px;
    top: 40%;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    overflow: hidden; }
  #wrapper .lightbox-preloader {
    position: absolute;
    width: 75px;
    height: 75px;
    top: 40%;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    overflow: hidden; }
  #wrapper .icon {
    font-family: "whatdingsregular" !important;
    text-transform: none !important; }
  #wrapper .uninitialized {
    visibility: hidden; }

#tracking {
  display: none; }