/* compiling */
/* vendor */
/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

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

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * 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 font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}

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

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

blockquote {
  margin: 1em 40px;
}

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

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

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

/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0;
}

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

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

/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none;
}

/**
 * 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;
}

/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

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

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

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}

/**
 * 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 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}

/**
 * Address Firefox 3+ 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 6+.
 * 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.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}

/**
 * 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.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

/**
 * 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 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/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;
}

/*
  HTML5 Reset :: style.css
  ----------------------------------------------------------
  We have learned much from/been inspired by/taken code where offered from:
  
  Eric Meyer          :: http://ericmeyer.com
  HTML5 Doctor        :: http://html5doctor.com
  and the HTML5 Boilerplate :: http://html5boilerplate.com
  
-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

article, aside, figure, footer, header, hgroup, nav, section {
  display: block;
}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {
  max-width: 100%;
}

/* force a vertical scrollbar to prevent a jumpy page */
html {
  overflow-y: scroll;
}

/* we use a lot of ULs that aren't bulleted. 
  don't forget to restore the bullets within content. */
ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}

/* tables still need cellspacing="0" in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

th {
  font-weight: bold;
  vertical-align: bottom;
}

td {
  font-weight: normal;
  vertical-align: top;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

pre {
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */
}

input[type="radio"] {
  vertical-align: text-bottom;
}

input[type="checkbox"] {
  vertical-align: bottom;
  *vertical-align: baseline;
}

.ie6 input {
  vertical-align: text-bottom;
}

select, input, textarea {
  font: 99% sans-serif;
}

table {
  font-size: inherit;
  font: 100%;
}

/* Accessible focus treatment
  people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {
  outline: none;
}

small {
  font-size: 85%;
}

strong, th {
  font-weight: bold;
}

td, td img {
  vertical-align: top;
}

/* Make sure sup and sub don't screw with your line-heights
  gist.github.com/413930 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* standardize any monospaced elements */
pre, code, kbd, samp {
  font-family: monospace, sans-serif;
}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
button {
  cursor: pointer;
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
  margin: 0;
}

/* make buttons play nice in IE */
button {
  width: auto;
  overflow: visible;
}

/* scale images in IE7 more attractively */
.ie7 img {
  -ms-interpolation-mode: bicubic;
}

/* prevent BG image flicker upon hover */
.ie6 html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

/* let's clear some floats */
.clearfix:before, .clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/
/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
body {
  font: 13px Helmet, Freesans, sans-serif;
}

/* using local fonts? make sure to read up on Paul Irish's 
  Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */
/* we like off-black for text */
body, select, input, textarea {
  color: #333;
}

a {
  color: #03f;
}

a:hover {
  color: #69f;
}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection {
  background: #fcd700;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #0A89C0;
  color: #fff;
  text-shadow: none;
}

/*  j.mp/webkit-tap-highlight-color */
a:link {
  -webkit-tap-highlight-color: #fcd700;
}

ins {
  background-color: #fcd700;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #fcd700;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

/*!
 * jQuery ClassyLoupe
 * http://www.class.pm/projects/jquery/classyloupe
 *
 * Written by Marius Stanciu - Sergiu <marius@picozu.com>
 * Licensed under the GPL Version 3 license.
 * Version 1.1.1
 *
 */
.classyloupe {
  position: absolute;
  display: none;
  border: 1px solid #000;
  background-color: transparent;
  z-index: 1000;
  cursor: url("data:image/gif;base64,R0lGODlhAQABAPcAAAAAAIAAAACAAICAAAAAgIAAgACAgMDAwMDcwKbK8EAgAGAgAIAgAKAgAMAgAOAgAABAACBAAEBAAGBAAIBAAKBAAMBAAOBAAABgACBgAEBgAGBgAIBgAKBgAMBgAOBgAACAACCAAECAAGCAAICAAKCAAMCAAOCAAACgACCgAECgAGCgAICgAKCgAMCgAOCgAADAACDAAEDAAGDAAIDAAKDAAMDAAODAAADgACDgAEDgAGDgAIDgAKDgAMDgAODgAAAAQCAAQEAAQGAAQIAAQKAAQMAAQOAAQAAgQCAgQEAgQGAgQIAgQKAgQMAgQOAgQABAQCBAQEBAQGBAQIBAQKBAQMBAQOBAQABgQCBgQEBgQGBgQIBgQKBgQMBgQOBgQACAQCCAQECAQGCAQICAQKCAQMCAQOCAQACgQCCgQECgQGCgQICgQKCgQMCgQOCgQADAQCDAQEDAQGDAQIDAQKDAQMDAQODAQADgQCDgQEDgQGDgQIDgQKDgQMDgQODgQAAAgCAAgEAAgGAAgIAAgKAAgMAAgOAAgAAggCAggEAggGAggIAggKAggMAggOAggABAgCBAgEBAgGBAgIBAgKBAgMBAgOBAgABggCBggEBggGBggIBggKBggMBggOBggACAgCCAgECAgGCAgICAgKCAgMCAgOCAgACggCCggECggGCggICggKCggMCggOCggADAgCDAgEDAgGDAgIDAgKDAgMDAgODAgADggCDggEDggGDggIDggKDggMDggODggAAAwCAAwEAAwGAAwIAAwKAAwMAAwOAAwAAgwCAgwEAgwGAgwIAgwKAgwMAgwOAgwABAwCBAwEBAwGBAwIBAwKBAwMBAwOBAwABgwCBgwEBgwGBgwIBgwKBgwMBgwOBgwACAwCCAwECAwGCAwICAwKCAwMCAwOCAwACgwCCgwECgwGCgwICgwKCgwMCgwOCgwADAwCDAwEDAwGDAwIDAwKDAwP/78KCgpICAgP8AAAD/AP//AAAA//8A/wD//////yH5BAEAAPkALAAAAAABAAEAAAgEAPMFBAA7"), none;
  margin: 0px;
  padding: 0px;
  background-repeat: no-repeat;
  background-position: center;
}

.overlay {
  position: absolute;
  display: none;
  z-index: 999;
  background-color: #000;
}

.overlay_img {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAwklEQVRYhe3XXQqDMBhE0dtsIKvNwrOC+mIhTfNrlAzlm0eR4ShomFcI4U2WGGN+6Sfe++49d/S5O8tKWe37AqrhIAEq4uAEquIAnDIOCh/JStkTD9sE7sZB4w0q4KACVMFBAaiEgwyohoMEqIiDE6iKA3DKOBj4Uc+UPfGwQ8Cdx2EXuPusbgJ346ABVMBBBaiCA9sktknmyj6xTXK1zDbJalkrtklGykqxTTJTlsY2yZUysE2yVjYa2yS1sl7+cpMcegPyrqBRcaoAAAAASUVORK5CYII=");
}

.overlay_white {
  background-color: #fff;
}

.shadow {
  -webkit-box-shadow: 5px 5px 10px #000;
  -moz-box-shadow: 5px 5px 10px #000;
  box-shadow: 5px 5px 10px #000;
}

.glossy {
  display: block;
  margin: 0px;
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.6)), color-stop(100%, rgba(255, 255, 255, 0)));
}

/*! yourlogicalfallacyis.com | CC BY-NC 3.0 | v1.1 */
@font-face {
  font-family: 'YLF';
  src: url("../fonts/icons/YLF.eot");
  src: url("../fonts/icons/YLF.eot?#iefix") format("embedded-opentype"), url("../fonts/icons/YLF.ttf") format("truetype"), url("../fonts/icons/YLF.woff") format("woff"), url("../fonts/icons/YLF.svg#YLF") format("svg");
  font-weight: normal;
  font-style: normal;
}

.font-icon, .home a.poster-link figure, .fallacy .inter-fallacy .arrows .left a, .fallacy .inter-fallacy .arrows .right a, .content > footer nav.major a[href="strawman"], .content > footer nav.major a[href="false-cause"], .content > footer nav.major a[href="appeal-to-emotion"], .content > footer nav.major a[href="the-fallacy-fallacy"], .content > footer nav.major a[href="slippery-slope"], .content > footer nav.major a[href="ad-hominem"], .content > footer nav.major a[href="tu-quoque"], .content > footer nav.major a[href="personal-incredulity"], .content > footer nav.major a[href="special-pleading"], .content > footer nav.major a[href="loaded-question"], .content > footer nav.major a[href="burden-of-proof"], .content > footer nav.major a[href="ambiguity"], .content > footer nav.major a[href="the-gamblers-fallacy"], .content > footer nav.major a[href="bandwagon"], .content > footer nav.major a[href="appeal-to-authority"], .content > footer nav.major a[href="composition-division"], .content > footer nav.major a[href="no-true-scotsman"], .content > footer nav.major a[href="genetic"], .content > footer nav.major a[href="black-or-white"], .content > footer nav.major a[href="begging-the-question"], .content > footer nav.major a[href="appeal-to-nature"], .content > footer nav.major a[href="anecdotal"], .content > footer nav.major a[href="the-texas-sharpshooter"], .content > footer nav.major a[href="middle-ground"], .content > footer .cc, .content > footer .by, .content > footer .nc {
  font-family: 'YLF';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-strawman:before, .content > footer nav.major a[href="strawman"]:before {
  content: "\e600";
}

.icon-false-cause:before, .content > footer nav.major a[href="false-cause"]:before {
  content: "\e601";
}

.icon-appeal-to-emotion:before, .content > footer nav.major a[href="appeal-to-emotion"]:before {
  content: "\e602";
}

.icon-the-fallacy-fallacy:before, .content > footer nav.major a[href="the-fallacy-fallacy"]:before {
  content: "\e603";
}

.icon-slippery-slope:before, .content > footer nav.major a[href="slippery-slope"]:before {
  content: "\e604";
}

.icon-ad-hominem:before, .content > footer nav.major a[href="ad-hominem"]:before {
  content: "\e605";
}

.icon-tu-quoque:before, .content > footer nav.major a[href="tu-quoque"]:before {
  content: "\e606";
}

.icon-personal-incredulity:before, .content > footer nav.major a[href="personal-incredulity"]:before {
  content: "\e607";
}

.icon-special-pleading:before, .content > footer nav.major a[href="special-pleading"]:before {
  content: "\e608";
}

.icon-loaded-question:before, .content > footer nav.major a[href="loaded-question"]:before {
  content: "\e609";
}

.icon-burden-of-proof:before, .content > footer nav.major a[href="burden-of-proof"]:before {
  content: "\e614";
}

.icon-ambiguity:before, .content > footer nav.major a[href="ambiguity"]:before {
  content: "\e615";
}

.icon-the-gamblers-fallacy:before, .content > footer nav.major a[href="the-gamblers-fallacy"]:before {
  content: "\e616";
}

.icon-bandwagon:before, .content > footer nav.major a[href="bandwagon"]:before {
  content: "\e617";
}

.icon-appeal-to-authority:before, .content > footer nav.major a[href="appeal-to-authority"]:before {
  content: "\e60a";
}

.icon-composition-division:before, .content > footer nav.major a[href="composition-division"]:before {
  content: "\e60b";
}

.icon-no-true-scotsman:before, .content > footer nav.major a[href="no-true-scotsman"]:before {
  content: "\e60c";
}

.icon-genetic:before, .content > footer nav.major a[href="genetic"]:before {
  content: "\e60d";
}

.icon-black-or-white:before, .content > footer nav.major a[href="black-or-white"]:before {
  content: "\e60e";
}

.icon-begging-the-question:before, .content > footer nav.major a[href="begging-the-question"]:before {
  content: "\e60f";
}

.icon-appeal-to-nature:before, .content > footer nav.major a[href="appeal-to-nature"]:before {
  content: "\e610";
}

.icon-anecdotal:before, .content > footer nav.major a[href="anecdotal"]:before {
  content: "\e611";
}

.icon-the-texas-sharpshooter:before, .content > footer nav.major a[href="the-texas-sharpshooter"]:before {
  content: "\e612";
}

.icon-middle-ground:before, .content > footer nav.major a[href="middle-ground"]:before {
  content: "\e613";
}

.icon-cc:before, .content > footer .cc:before {
  content: "\e61a";
}

.icon-by:before, .content > footer .by:before {
  content: "\e619";
}

.icon-nc:before, .content > footer .nc:before {
  content: "\e618";
}

.icon-down:before, .home a.poster-link figure:before {
  content: "\e61b";
}

.icon-prev:before, .fallacy .inter-fallacy .arrows .left a:before {
  content: "\e61c";
}

.icon-next:before, .fallacy .inter-fallacy .arrows .right a:before {
  content: "\e61d";
}

/* Breakpoints */
/* Colours */
/* Transitions */
html {
  font-size: 10px;
  text-align: center;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td, button, a, form p, input {
  font-family: 'MuseoSans', Georgia, "Times New Roman", Times, serif;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
}

a {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
}

h1, h2, h3, h4, h5, h6 {
  color: #232323;
  letter-spacing: -0.04em;
}

h1, h4 {
  font-weight: 700;
}

h2, h3, h5, h6 {
  font-weight: 600;
}

h1 {
  font-size: 4.4em;
  margin-bottom: 0.1em;
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
  h1 {
    font-size: 3.6em;
  }
}
@media only screen and (max-width: 480px) {
  h1 {
    font-size: 2.4em;
  }
}

h2 {
  font-size: 1.7em;
  width: 90%;
  margin: 0 auto;
  line-height: 1.4em;
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
  h2 {
    font-size: 1.5em;
  }
}
@media only screen and (max-width: 480px) {
  h2 {
    font-size: 1.4em;
  }
}

h3 {
  font-size: 1.8em;
  color: #444444;
}

p {
  font-size: 1.5em;
  line-height: 1.6em;
}
p a, p a:hover {
  color: inherit;
  font-weight: 600;
}

a {
  color: inherit;
  font-weight: inherit;
  text-decoration: none;
  display:inline-block;
}
a:hover {
  color: #15b3ff;
  text-decoration: underline;
}

ol {
  counter-reset: li;
  font-size: 1.5em;
  line-height: 1.6em;
}
ol > li {
  position: relative;
  margin-left: 1.4em;
  padding: 4px 0;
  list-style: none;
}
ol > li:before, ol > li:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  content: counter(li) ":";
  counter-increment: li;
  position: absolute;
  font-weight: 700;
  left: -1.4em;
}

/* list of fallacies for use in loops */
body > .bg {
  position: absolute;
  width: 100%;
}
body > .bg .top {
  background: #232323;
  height: 100px;
}
body > .bg .bottom {
  background: #161616;
  height: 9px;
}

.content > header {
  background: url("../assets/header.png") no-repeat center top;
  background-size: auto 100%;
  height: 116px;
  padding: 0 5%;
  text-align: center;
  /*
    Drop shadow version of title
  */
}
@media only screen and (max-width: 480px) {
  .content > header {
    height: 80px;
  }
}
.content > header .title {
  display: block;
  max-width: 730px;
  height: 100%;
  margin: 0 auto;
  text-decoration: none;
  background: url("../assets/title.png") no-repeat center center;
  background-size: 100% auto;
}
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120ddpx) {
  .textstroke .content > header {
    padding: 0;
  }
  .textstroke .content > header .title {
    background: none !important;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
    position: relative;
    top: -0.9em;
    font-size: 5.1em;
    letter-spacing: -0.04em;
    font-weight: 700;
    color: #afafaf;
  }
  .textstroke .content > header .title:before, .textstroke .content > header .title:after {
    content: "your logical fallacy is";
  }
  .textstroke .content > header .title:before {
    -webkit-text-stroke: 1px #000;
  }
  .textstroke .content > header .title:after {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    color: rgba(0, 0, 0, 0);
    -webkit-text-stroke: 2px rgba(0, 0, 0, 0.3);
    -webkit-transform: translate3d(0.75px, 0.75px, 0);
    -moz-transform: translate3d(0.75px, 0.75px, 0);
    -ms-transform: translate3d(0.75px, 0.75px, 0);
    -o-transform: translate3d(0.75px, 0.75px, 0);
    transform: translate3d(0.75px, 0.75px, 0);
  }
  .textstroke .content > header .title span:before {
    content: " .com";
    font-size: 0.45em;
    letter-spacing: -0.03em;
    font-weight: 600;
  }
  .textstroke .content > header .title:after {
    left: -0.55em;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 481px) and (max-width: 767px), only screen and (min-resolution: 120ddpx) and (min-width: 481px) and (max-width: 767px) {
  .textstroke .content > header .title {
    font-size: 4.1em;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 480px), only screen and (min-resolution: 120ddpx) and (max-width: 480px) {
  .textstroke .content > header .title {
    font-size: 2.6em;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 480px), only screen and (min-resolution: 120ddpx) and (max-width: 480px) {
  .textstroke .content > header .title:after {
    -webkit-transform: translate3d(0.25px, 0.5px, 0);
    -moz-transform: translate3d(0.25px, 0.5px, 0);
    -ms-transform: translate3d(0.25px, 0.5px, 0);
    -o-transform: translate3d(0.25px, 0.5px, 0);
    transform: translate3d(0.25px, 0.5px, 0);
  }
}

.content {
  -webkit-transition: background-position 0.3s;
  -moz-transition: background-position 0.3s;
  -o-transition: background-position 0.3s;
  transition: background-position 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  position: relative;
  background: url("../assets/skyline.jpg") no-repeat center 15px;
  background-size: 960px auto;
}
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120ddpx) {
  .content {
    background-image: url("../assets/skyline@2.jpg");
  }
}
.content #content-inner {
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.content #content-inner .share-note {
  font-weight: 600;
  font-size: 1.4em;
  text-align: center;
}
.content #content-inner .share-note > p {
  font-size: inherit;
  font-weight: inherit;
  margin-bottom: 1em;
}
.content #content-inner .fb-like {
  margin-bottom: 2.5em;
  height: 20px !important;
}
@media only screen and (max-width: 480px) {
  .content #content-inner .fb-like {
    margin-bottom: 1.5em;
  }
}

.home {
  background-position: center 100px;
}
@media only screen and (max-width: 480px) {
  .home {
    background-position: center 65px;
  }
}
.home > header .title {
  background-image: url("../assets/title-home.png");
}
@media only screen and (max-width: 480px) {
  .home > header .title {
    background-image: url("../assets/title.png");
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 768px), only screen and (min-resolution: 120ddpx) and (min-width: 768px) {
  .textstroke .home > header .title {
    font-size: 4.1em;
  }
  .textstroke .home > header .title:before, .textstroke .home > header .title:after {
    left: 0;
    content: "thou shalt not commit logical fallacies";
  }
  .textstroke .home > header .title span:before {
    display: none;
  }
}
.home #content-inner nav.major {
  overflow: hidden;
}
@media only screen and (max-width: 480px) {
  .home #content-inner nav.major {
    margin-bottom: 1em;
  }
  .home #content-inner nav.major:before {
    content: "select a fallacy:";
    font-weight: bold;
    color: #161616;
    font-size: 1.7em;
    font-weight: 600;
    margin: 0.5em 0 0.25em;
    display: block;
  }
}
.home #content-inner nav.major > ul {
  width: 198px;
  margin-bottom: 2em;
}
.home #content-inner nav.major > ul.left {
  float: left;
}
.home #content-inner nav.major > ul.right {
  float: right;
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
  .home #content-inner nav.major > ul {
    width: 174px;
    margin-bottom: 0.5em;
  }
}
@media only screen and (max-width: 480px) {
  .home #content-inner nav.major > ul {
    width: 312px;
    margin: 0 auto;
  }
  .home #content-inner nav.major > ul.left, .home #content-inner nav.major > ul.right {
    float: none;
  }
}
.home #content-inner nav.major li {
  float: left;
  display: block;
  margin: 9px;
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
  .home #content-inner nav.major li {
    margin: 5px;
  }
}
@media only screen and (max-width: 480px) {
  .home #content-inner nav.major li {
    margin: 4px;
  }
}
.svg .home #content-inner nav.major li {
  font-size: 4.4em;
  border-radius: 0.25em;
  border: 2px solid transparent;
}
.svg .home #content-inner nav.major li.active {
  background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #15b3ff), color-stop(100%, #098bff));
  background-image: -webkit-linear-gradient(left top, #15b3ff 0%, #098bff 100%);
  background-image: -moz-linear-gradient(left top, #15b3ff 0%, #098bff 100%);
  background-image: -o-linear-gradient(left top, #15b3ff 0%, #098bff 100%);
  background-image: linear-gradient(left top, #15b3ff 0%, #098bff 100%);
}
.svg .home #content-inner nav.major li a {
  display: block;
  width: 1em;
  height: 1em;
  background: no-repeat 0 0;
  background-size: 100% auto;
  /* fallacy-list defined in base.scss */
}
.svg .home #content-inner nav.major li a[href="strawman"] {
  background-image: url("../assets/fallacies/strawman.svgz");
}
.svg .home #content-inner nav.major li a[href="false-cause"] {
  background-image: url("../assets/fallacies/false-cause.svgz");
}
.svg .home #content-inner nav.major li a[href="appeal-to-emotion"] {
  background-image: url("../assets/fallacies/appeal-to-emotion.svgz");
}
.svg .home #content-inner nav.major li a[href="the-fallacy-fallacy"] {
  background-image: url("../assets/fallacies/the-fallacy-fallacy.svgz");
}
.svg .home #content-inner nav.major li a[href="slippery-slope"] {
  background-image: url("../assets/fallacies/slippery-slope.svgz");
}
.svg .home #content-inner nav.major li a[href="ad-hominem"] {
  background-image: url("../assets/fallacies/ad-hominem.svgz");
}
.svg .home #content-inner nav.major li a[href="tu-quoque"] {
  background-image: url("../assets/fallacies/tu-quoque.svgz");
}
.svg .home #content-inner nav.major li a[href="personal-incredulity"] {
  background-image: url("../assets/fallacies/personal-incredulity.svgz");
}
.svg .home #content-inner nav.major li a[href="special-pleading"] {
  background-image: url("../assets/fallacies/special-pleading.svgz");
}
.svg .home #content-inner nav.major li a[href="loaded-question"] {
  background-image: url("../assets/fallacies/loaded-question.svgz");
}
.svg .home #content-inner nav.major li a[href="burden-of-proof"] {
  background-image: url("../assets/fallacies/burden-of-proof.svgz");
}
.svg .home #content-inner nav.major li a[href="ambiguity"] {
  background-image: url("../assets/fallacies/ambiguity.svgz");
}
.svg .home #content-inner nav.major li a[href="the-gamblers-fallacy"] {
  background-image: url("../assets/fallacies/the-gamblers-fallacy.svgz");
}
.svg .home #content-inner nav.major li a[href="bandwagon"] {
  background-image: url("../assets/fallacies/bandwagon.svgz");
}
.svg .home #content-inner nav.major li a[href="appeal-to-authority"] {
  background-image: url("../assets/fallacies/appeal-to-authority.svgz");
}
.svg .home #content-inner nav.major li a[href="composition-division"] {
  background-image: url("../assets/fallacies/composition-division.svgz");
}
.svg .home #content-inner nav.major li a[href="no-true-scotsman"] {
  background-image: url("../assets/fallacies/no-true-scotsman.svgz");
}
.svg .home #content-inner nav.major li a[href="genetic"] {
  background-image: url("../assets/fallacies/genetic.svgz");
}
.svg .home #content-inner nav.major li a[href="black-or-white"] {
  background-image: url("../assets/fallacies/black-or-white.svgz");
}
.svg .home #content-inner nav.major li a[href="begging-the-question"] {
  background-image: url("../assets/fallacies/begging-the-question.svgz");
}
.svg .home #content-inner nav.major li a[href="appeal-to-nature"] {
  background-image: url("../assets/fallacies/appeal-to-nature.svgz");
}
.svg .home #content-inner nav.major li a[href="anecdotal"] {
  background-image: url("../assets/fallacies/anecdotal.svgz");
}
.svg .home #content-inner nav.major li a[href="the-texas-sharpshooter"] {
  background-image: url("../assets/fallacies/the-texas-sharpshooter.svgz");
}
.svg .home #content-inner nav.major li a[href="middle-ground"] {
  background-image: url("../assets/fallacies/middle-ground.svgz");
}
@media only screen and (max-width: 480px) {
  .svg .home #content-inner nav.major li {
    font-size: 4em;
  }
}
.no-svg .home #content-inner nav.major li a {
  display: block;
  font-size: 4.8em;
  width: 1em;
  /* fallacy-list defined in base.scss */
}
.no-svg .home #content-inner nav.major li a:before {
  display: block;
  content: "";
  height: 1em;
  background: url(../assets/icons.png) 0 center no-repeat;
  background-size: auto 100%;
}
.no-svg .home #content-inner nav.major li a[href="false-cause"]:before {
  background-position: -1em center;
}
.no-svg .home #content-inner nav.major li a[href="appeal-to-emotion"]:before {
  background-position: -2em center;
}
.no-svg .home #content-inner nav.major li a[href="the-fallacy-fallacy"]:before {
  background-position: -3em center;
}
.no-svg .home #content-inner nav.major li a[href="slippery-slope"]:before {
  background-position: -4em center;
}
.no-svg .home #content-inner nav.major li a[href="ad-hominem"]:before {
  background-position: -5em center;
}
.no-svg .home #content-inner nav.major li a[href="tu-quoque"]:before {
  background-position: -6em center;
}
.no-svg .home #content-inner nav.major li a[href="personal-incredulity"]:before {
  background-position: -7em center;
}
.no-svg .home #content-inner nav.major li a[href="special-pleading"]:before {
  background-position: -8em center;
}
.no-svg .home #content-inner nav.major li a[href="loaded-question"]:before {
  background-position: -9em center;
}
.no-svg .home #content-inner nav.major li a[href="burden-of-proof"]:before {
  background-position: -10em center;
}
.no-svg .home #content-inner nav.major li a[href="ambiguity"]:before {
  background-position: -11em center;
}
.no-svg .home #content-inner nav.major li a[href="the-gamblers-fallacy"]:before {
  background-position: -12em center;
}
.no-svg .home #content-inner nav.major li a[href="bandwagon"]:before {
  background-position: -13em center;
}
.no-svg .home #content-inner nav.major li a[href="appeal-to-authority"]:before {
  background-position: -14em center;
}
.no-svg .home #content-inner nav.major li a[href="composition-division"]:before {
  background-position: -15em center;
}
.no-svg .home #content-inner nav.major li a[href="no-true-scotsman"]:before {
  background-position: -16em center;
}
.no-svg .home #content-inner nav.major li a[href="genetic"]:before {
  background-position: -17em center;
}
.no-svg .home #content-inner nav.major li a[href="black-or-white"]:before {
  background-position: -18em center;
}
.no-svg .home #content-inner nav.major li a[href="begging-the-question"]:before {
  background-position: -19em center;
}
.no-svg .home #content-inner nav.major li a[href="appeal-to-nature"]:before {
  background-position: -20em center;
}
.no-svg .home #content-inner nav.major li a[href="anecdotal"]:before {
  background-position: -21em center;
}
.no-svg .home #content-inner nav.major li a[href="the-texas-sharpshooter"]:before {
  background-position: -22em center;
}
.no-svg .home #content-inner nav.major li a[href="middle-ground"]:before {
  background-position: -23em center;
}
.no-svg .home #content-inner nav.major li a:hover {
  background: url(../assets/icon-hover.png) 0 0 no-repeat;
}
@media only screen and (max-width: 480px) {
  .no-svg .home #content-inner nav.major li a {
    font-size: 4.4em;
  }
}
.home #content-inner {
  background: url("../assets/hero.png") no-repeat center 18px;
}
.svg .home #content-inner {
  background-image: url("../assets/hero.svgz");
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
  .home #content-inner {
    background-size: 40% auto;
  }
}
@media only screen and (max-width: 480px) {
  .home #content-inner {
    background-image: none !important;
  }
}
.home hr {
  width: 80%;
  margin: 0 auto;
}
.home h2 {
  height: 3em;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .home h2 {
    height: 4em;
  }
}
.home article {
  padding: 2em 2em 0;
}
.home p {
  margin-bottom: 1em;
}
.home a.poster-link h1 {
  text-decoration: underline;
  font-size: 2.6em;
  font-weight: 600;
  color: #444444;
  margin-bottom: 0.58em;
  line-height: 1.2em;
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
  .home a.poster-link h1 {
    font-size: 2.2em;
  }
}
@media only screen and (max-width: 480px) {
  .home a.poster-link h1 {
    font-size: 1.8em;
  }
}
.home a.poster-link:hover {
  text-decoration: none;
}
.no-touch .home a.poster-link:hover figure {
  background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #15b3ff), color-stop(100%, #098bff));
  background-image: -webkit-linear-gradient(left top, #15b3ff 0%, #098bff 100%);
  background-image: -moz-linear-gradient(left top, #15b3ff 0%, #098bff 100%);
  background-image: -o-linear-gradient(left top, #15b3ff 0%, #098bff 100%);
  background-image: linear-gradient(left top, #15b3ff 0%, #098bff 100%);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
}
.no-touch .home a.poster-link:hover figure:before {
  -webkit-transition: opacity 0.2s, top 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: opacity 0.2s, top 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: opacity 0.2s, top 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: opacity 0.2s, top 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  top: 50%;
  opacity: 1;
}
.no-touch .home a.poster-link:hover img {
  opacity: 0.8;
  border-radius: 4px;
}
.home a.poster-link figure {
  padding: 5px;
  margin: 0;
  position: relative;
  overflow: hidden;
  border-radius: 6px;
}
.home a.poster-link figure:before {
  position: absolute;
  font-size: 9em;
  color: white;
  width: 100%;
  top: 40%;
  left: 0;
  margin-top: -0.5em;
  z-index: 1;
  opacity: 0;
  text-shadow: 0 0 10px rgba(21, 179, 255, 0.25);
}
.home a.poster-link figure img {
  display: block;
}

.reasons {
  text-align: left;
  margin: 2.5em 0 0 2.5em;
}
.reasons ol {
  padding: 0.5em 3em 1em 0;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .reasons {
    margin: 1.5em 0 0 0.5em;
  }
  .reasons ol {
    padding-right: 0;
  }
}

.fallacy {
  /* fallacy-list defined in base.scss */
}
.fallacy > header .title {
  background-image: url("../assets/title-fallacy.png");
}
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120ddpx) {
  .textstroke .fallacy > header .title:before, .textstroke .fallacy > header .title:after {
    left: 0;
  }
  .textstroke .fallacy > header .title span:before {
    display: none;
  }
}
.fallacy .inter-fallacy {
  -webkit-transition: background-size 0.3s;
  -moz-transition: background-size 0.3s;
  -o-transition: background-size 0.3s;
  transition: background-size 0.3s;
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  background: no-repeat center center;
  background-size: 0;
  height: 100px;
  display: block;
  margin: 0 10%;
  position: absolute;
  top: 25px;
  width: 80%;
}
.fallacy .inter-fallacy.active {
  background-size: 100px;
}
.fallacy .inter-fallacy .arrows {
  overflow: hidden;
  margin: 40px 0;
}
.fallacy .inter-fallacy .arrows a {
  font-size: 2em;
}
.fallacy .inter-fallacy .arrows a:hover {
  text-decoration: none;
}
.fallacy .inter-fallacy .arrows .left {
  float: left;
}
.fallacy .inter-fallacy .arrows .right {
  float: right;
}
.fallacy .strawman .inter-fallacy {
  background-image: url("../assets/fallacies/icons/strawman.png");
}
.svg .fallacy .strawman .inter-fallacy {
  background-image: url("../assets/fallacies/strawman.svgz");
}
.fallacy .false-cause .inter-fallacy {
  background-image: url("../assets/fallacies/icons/false-cause.png");
}
.svg .fallacy .false-cause .inter-fallacy {
  background-image: url("../assets/fallacies/false-cause.svgz");
}
.fallacy .appeal-to-emotion .inter-fallacy {
  background-image: url("../assets/fallacies/icons/appeal-to-emotion.png");
}
.svg .fallacy .appeal-to-emotion .inter-fallacy {
  background-image: url("../assets/fallacies/appeal-to-emotion.svgz");
}
.fallacy .the-fallacy-fallacy .inter-fallacy {
  background-image: url("../assets/fallacies/icons/the-fallacy-fallacy.png");
}
.svg .fallacy .the-fallacy-fallacy .inter-fallacy {
  background-image: url("../assets/fallacies/the-fallacy-fallacy.svgz");
}
.fallacy .slippery-slope .inter-fallacy {
  background-image: url("../assets/fallacies/icons/slippery-slope.png");
}
.svg .fallacy .slippery-slope .inter-fallacy {
  background-image: url("../assets/fallacies/slippery-slope.svgz");
}
.fallacy .ad-hominem .inter-fallacy {
  background-image: url("../assets/fallacies/icons/ad-hominem.png");
}
.svg .fallacy .ad-hominem .inter-fallacy {
  background-image: url("../assets/fallacies/ad-hominem.svgz");
}
.fallacy .tu-quoque .inter-fallacy {
  background-image: url("../assets/fallacies/icons/tu-quoque.png");
}
.svg .fallacy .tu-quoque .inter-fallacy {
  background-image: url("../assets/fallacies/tu-quoque.svgz");
}
.fallacy .personal-incredulity .inter-fallacy {
  background-image: url("../assets/fallacies/icons/personal-incredulity.png");
}
.svg .fallacy .personal-incredulity .inter-fallacy {
  background-image: url("../assets/fallacies/personal-incredulity.svgz");
}
.fallacy .special-pleading .inter-fallacy {
  background-image: url("../assets/fallacies/icons/special-pleading.png");
}
.svg .fallacy .special-pleading .inter-fallacy {
  background-image: url("../assets/fallacies/special-pleading.svgz");
}
.fallacy .loaded-question .inter-fallacy {
  background-image: url("../assets/fallacies/icons/loaded-question.png");
}
.svg .fallacy .loaded-question .inter-fallacy {
  background-image: url("../assets/fallacies/loaded-question.svgz");
}
.fallacy .burden-of-proof .inter-fallacy {
  background-image: url("../assets/fallacies/icons/burden-of-proof.png");
}
.svg .fallacy .burden-of-proof .inter-fallacy {
  background-image: url("../assets/fallacies/burden-of-proof.svgz");
}
.fallacy .ambiguity .inter-fallacy {
  background-image: url("../assets/fallacies/icons/ambiguity.png");
}
.svg .fallacy .ambiguity .inter-fallacy {
  background-image: url("../assets/fallacies/ambiguity.svgz");
}
.fallacy .the-gamblers-fallacy .inter-fallacy {
  background-image: url("../assets/fallacies/icons/the-gamblers-fallacy.png");
}
.svg .fallacy .the-gamblers-fallacy .inter-fallacy {
  background-image: url("../assets/fallacies/the-gamblers-fallacy.svgz");
}
.fallacy .bandwagon .inter-fallacy {
  background-image: url("../assets/fallacies/icons/bandwagon.png");
}
.svg .fallacy .bandwagon .inter-fallacy {
  background-image: url("../assets/fallacies/bandwagon.svgz");
}
.fallacy .appeal-to-authority .inter-fallacy {
  background-image: url("../assets/fallacies/icons/appeal-to-authority.png");
}
.svg .fallacy .appeal-to-authority .inter-fallacy {
  background-image: url("../assets/fallacies/appeal-to-authority.svgz");
}
.fallacy .composition-division .inter-fallacy {
  background-image: url("../assets/fallacies/icons/composition-division.png");
}
.svg .fallacy .composition-division .inter-fallacy {
  background-image: url("../assets/fallacies/composition-division.svgz");
}
.fallacy .no-true-scotsman .inter-fallacy {
  background-image: url("../assets/fallacies/icons/no-true-scotsman.png");
}
.svg .fallacy .no-true-scotsman .inter-fallacy {
  background-image: url("../assets/fallacies/no-true-scotsman.svgz");
}
.fallacy .genetic .inter-fallacy {
  background-image: url("../assets/fallacies/icons/genetic.png");
}
.svg .fallacy .genetic .inter-fallacy {
  background-image: url("../assets/fallacies/genetic.svgz");
}
.fallacy .black-or-white .inter-fallacy {
  background-image: url("../assets/fallacies/icons/black-or-white.png");
}
.svg .fallacy .black-or-white .inter-fallacy {
  background-image: url("../assets/fallacies/black-or-white.svgz");
}
.fallacy .begging-the-question .inter-fallacy {
  background-image: url("../assets/fallacies/icons/begging-the-question.png");
}
.svg .fallacy .begging-the-question .inter-fallacy {
  background-image: url("../assets/fallacies/begging-the-question.svgz");
}
.fallacy .appeal-to-nature .inter-fallacy {
  background-image: url("../assets/fallacies/icons/appeal-to-nature.png");
}
.svg .fallacy .appeal-to-nature .inter-fallacy {
  background-image: url("../assets/fallacies/appeal-to-nature.svgz");
}
.fallacy .anecdotal .inter-fallacy {
  background-image: url("../assets/fallacies/icons/anecdotal.png");
}
.svg .fallacy .anecdotal .inter-fallacy {
  background-image: url("../assets/fallacies/anecdotal.svgz");
}
.fallacy .the-texas-sharpshooter .inter-fallacy {
  background-image: url("../assets/fallacies/icons/the-texas-sharpshooter.png");
}
.svg .fallacy .the-texas-sharpshooter .inter-fallacy {
  background-image: url("../assets/fallacies/the-texas-sharpshooter.svgz");
}
.fallacy .middle-ground .inter-fallacy {
  background-image: url("../assets/fallacies/icons/middle-ground.png");
}
.svg .fallacy .middle-ground .inter-fallacy {
  background-image: url("../assets/fallacies/middle-ground.svgz");
}
.fallacy h1 a, .fallacy h1 a:hover {
  font-weight: inherit;
  color: inherit;
  text-decoration: none;
}
.fallacy h2 {
  font-size: 2.1em;
  width: 90%;
  margin: 0 auto 1em;
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
  .fallacy h2 {
    font-size: 1.8em;
  }
}
@media only screen and (max-width: 480px) {
  .fallacy h2 {
    font-size: 1.6em;
  }
}
.fallacy #content-inner {
  background: none;
  padding-top: 136px;
}
.fallacy #content-inner article {
  margin: 0 5%;
}
.fallacy #content-inner article p {
  margin-bottom: 0.75em;
}
.fallacy #content-inner article p.example {
  font-weight: 600;
}

.poster .paypal-sml, .poster-accordion .continue, .poster-accordion h2 .step-no, .poster-accordion h2 .step-complete, .content-box .hide-box {
  background: url("../assets/poster-sprite.png") no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120ddpx) {
  .poster .paypal-sml, .poster-accordion .continue, .poster-accordion h2 .step-no, .poster-accordion h2 .step-complete, .content-box .hide-box {
    background-image: url("../assets/poster-sprite@2.png");
    background-size: 261px auto;
  }
}

.poster h2 {
  padding: 1em 5%;
  padding-top: 1em;
  font-size: 2.6em;
  width: auto;
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
  .poster h2 {
    font-size: 2.2em;
  }
}
@media only screen and (max-width: 480px) {
  .poster h2 {
    font-size: 1.8em;
  }
}
.poster h2 a {
  text-decoration: underline;
}
.poster .pdfs li {
  float: left;
  display: block;
  width: 29%;
  margin: 0 1.33% 0 3%;
}
.poster .pdfs li a {
  display: block;
  font-weight: 700;
  font-size: 2.2em;
  text-align: left;
  padding: 6px 0 25px 55px;
  box-sizing: border-box;
  margin: 0 auto;
  background: url("../assets/pdf.svgz") no-repeat 0 0;
  background-size: 48px auto;
}
.no-svg .poster .pdfs li a {
  background: url("../assets/pdf.png") no-repeat 0 0;
}
.poster .pdfs li a:hover {
  text-decoration: none;
}
.poster .pdfs li a span {
  font-weight: 600;
  padding-top: 3px;
  font-size: 0.55em;
  display: block;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .poster .pdfs li {
    float: none;
    width: 210px;
    margin: 0 auto;
  }
}
.poster .sep {
  text-align: center;
  color: #6d6e71;
  margin: 0 auto;
  border-bottom: 1px solid #ccc;
  clear: both;
  width: 60%;
}
.poster .sub-head {
  padding: 0.6em 5% 1em;
}
.poster .paypal-sml {
  background-position: 0 -387px;
  width: 261px;
  height: 30px;
  display: block;
  margin: 20px auto 0;
}
.poster .poster-icon {
  background: url("../assets/poster-icon.svgz") no-repeat 0 5px;
  background-size: 157px auto;
  padding-left: 162px;
  margin: -13px auto 3.7em;
  max-width: 460px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .poster .poster-icon {
    max-width: 290px;
    margin-bottom: 2em;
  }
}
@media only screen and (max-width: 480px) {
  .poster .poster-icon {
    max-width: 300px;
    padding-left: 0;
  }
}
.no-svg .poster .poster-icon {
  background-image: url("../assets/poster-icon.png");
}
.poster .poster-icon h1 {
  margin-bottom: 0;
  float: left;
  padding: 0 8px 3px;
  font-size: 6em;
}
.poster .poster-icon h1 span {
  font-size: 0.65em;
  top: 0.15em;
  position: relative;
  vertical-align: top;
}
@media only screen and (max-width: 480px) {
  .poster .poster-icon h1 {
    padding: 0 0 0 180px;
  }
}
.poster .poster-icon h2 {
  float: left;
  line-height: 1.5em;
  text-align: left;
  font-size: 2.1em;
  padding: 6px 0 0;
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
  .poster .poster-icon h2 {
    line-height: 1.3em;
    width: 60%;
  }
}
@media only screen and (max-width: 480px) {
  .poster .poster-icon h2 {
    display: none;
  }
}
.poster .poster-icon .icon-info {
  float: left;
  font-size: 1.4em;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .poster .poster-icon .icon-info {
    display: none;
  }
}
.poster .poster-icon .buy {
  overflow: hidden;
  clear: both;
  text-align: center;
}
.poster .poster-icon .buy a {
  background: #f49303;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0OTMwMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2Y0OTMwMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #f49303 0%, #f49303 70%, white 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f49303), color-stop(70%, #f49303), color-stop(100%, white));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f49303 0%, #f49303 70%, white 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f49303 0%, #f49303 70%, white 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f49303 0%, #f49303 70%, white 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f49303 0%, #f49303 70%, #ffffff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f49303', endColorstr='#ffffff',GradientType=0 );
  /* IE6-8 */
  float: left;
  display: block;
  width: 128px;
  margin: 0 10px 0 5px;
  border-radius: 15px;
  color: #152e63;
  font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
  font-weight: 600;
  font-style: italic;
  font-size: 1.5em;
  line-height: 1em;
  padding: 0.27em 0 0.4em;
  border: 1px solid #fd9a3a;
  position: relative;
  z-index: 0;
  box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.8);
  overflow: hidden;
}
.poster .poster-icon .buy a:before {
  box-shadow: inset 0 -2px 5px rgba(255, 255, 255, 0.6);
  position: absolute;
  top: -19px;
  content: "";
  display: block;
  background: #ffd494;
  border-radius: 15px;
  height: 30px;
  width: 104%;
  left: -2%;
  z-index: -1;
  border: 1px solid #f49303;
}
.poster .poster-icon .buy a:hover {
  background: #fba603;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiYTYwMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2ZiYTYwMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #fba603 0%, #fba603 70%, white 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fba603), color-stop(70%, #fba603), color-stop(100%, white));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fba603 0%, #fba603 70%, white 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fba603 0%, #fba603 70%, white 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fba603 0%, #fba603 70%, white 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fba603 0%, #fba603 70%, #ffffff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fba603', endColorstr='#ffffff',GradientType=0 );
  /* IE6-8 */
  text-decoration: none;
  text-shadow: 0 0 10px white, 0 0 10px white, 0 0 10px white;
  color: #2f85d5;
}
.poster .poster-icon .buy a:hover:before {
  border-color: #fba603;
  background: #ffe8af;
}
@media only screen and (max-width: 480px) {
  .poster .poster-icon .buy a {
    float: right;
    margin-right: 0;
  }
}
.poster .poster-icon .buy .paypal-sml {
  float: left;
  display: inline-block;
  margin: 0;
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
  .poster .poster-icon .buy .paypal-sml {
    background-position: right -388px;
    width: 140px;
  }
}
@media only screen and (max-width: 480px) {
  .poster .poster-icon .buy .paypal-sml {
    float: none;
    clear: both;
    margin-top: 1em;
  }
}
.poster .infographic {
  padding: 0;
  margin: 0;
  text-align: center;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .poster .infographic {
    margin: 0 2.5%;
  }
}

.select2-results {
  text-align: left;
}
.select2-results li.select2-result-with-children > .select2-result-label {
  color: #cccccc;
}
.select2-results ul.select2-result-sub > li .select2-result-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.poster-accordion {
  padding: 0;
  margin-top: 20px;
  text-align: left;
}
.poster-accordion label {
  cursor: default;
  color: #444444;
}
.poster-accordion .size-holder {
  display: block;
  position: relative;
  margin-bottom: 15px;
}
.poster-accordion .continue {
  display: block;
  background-position: 0 -96px;
  clear: both;
  left: -50px;
  margin: 0 auto;
  position: relative;
  width: 130px;
  height: 30px;
  border: 1px solid #cccccc;
  border-bottom: none;
  cursor: default;
  -webkit-transition: 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.poster-accordion .valid .continue {
  cursor: pointer;
  border-color: #afafaf;
  background-position: 0 -126px;
}
.poster-accordion .valid .continue:hover {
  border-color: #cccccc;
  background-position: 0 -156px;
}
.poster-accordion .valid .continue:active {
  border-color: #afafaf;
}
.poster-accordion .valid.no-anim .continue {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.poster-accordion .size .continue {
  left: -15px;
}
.poster-accordion h2 {
  position: relative;
  font-size: 2.4em;
  height: 46px;
  margin: 0;
  padding: 0 10px 0 62px;
  text-align: left;
  color: #6d6e71;
  cursor: default;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  letter-spacing: 0;
  background: url("../assets/poster-bar.png") repeat-x 0 -1px;
}
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120ddpx) {
  .poster-accordion h2 {
    background-image: url("../assets/poster-bar@2.png");
    background-size: 1px 98px;
  }
}
@media only screen and (max-width: 480px) {
  .poster-accordion h2 {
    font-size: 1.7em;
  }
}
.poster-accordion h2.ui-state-active {
  background-position: 0 -50px;
  border-left: 1px solid #afafaf;
  border-right: 1px solid #afafaf;
}
.poster-accordion h2.ui-state-active .step-title {
  color: #6d6e71;
  border-left: 1px solid #cccccc;
}
.poster-accordion h2 span {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  -webkit-transition: opacity 0.4s ease-in-out, color 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out, color 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out, color 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, color 0.4s ease-in-out;
}
.poster-accordion h2.valid span, .poster-accordion h2.active span {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.poster-accordion h2 .step-no {
  background-position: 9px -196px;
  border-right: 1px solid #F2F2F2;
  position: absolute;
  display: block;
  height: 45px;
  left: 0;
  top: 1px;
  width: 61px;
}
.poster-accordion h2 .step-title {
  border-left: 1px solid #cccccc;
  height: 46px;
  padding: 9px 0 9px 20px;
  position: relative;
  top: 7px;
}
@media only screen and (max-width: 480px) {
  .poster-accordion h2 .step-title {
    padding: 14px 0 9px 20px;
    top: 12px;
  }
}
.poster-accordion h2.three .step-no {
  background-position: -55px -196px;
}
.poster-accordion h2.four .step-no {
  background-position: -120px -196px;
}
.poster-accordion h2 .step-info {
  color: #6d6e71;
  margin: 10px;
  position: relative;
  top: 7px;
  font-weight: 600;
  font-size: 0.65em;
}
@media only screen and (max-width: 480px) {
  .poster-accordion h2 .step-info {
    display: none;
  }
}
.poster-accordion h2 .step-complete {
  background-position: -130px -126px;
  float: right;
  margin-top: 6px;
  width: 30px;
  height: 30px;
}
.poster-accordion h2.valid .step-no {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.poster-accordion h2.valid .step-complete {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  background-position: -130px -96px;
}
.poster-accordion h3 {
  font-size: 1.7em;
  text-align: left;
  color: #444444;
  font-weight: 700;
  padding: 20px 0 5px;
  line-height: 1.41em;
}
.poster-accordion p {
  font-size: 1.5em;
}
.poster-accordion strong {
  font-weight: 700;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .poster-accordion .step {
    box-sizing: border-box;
    margin: 0 2.5%;
  }
}
.poster-accordion .quantity li.medium {
  position: relative;
  top: -1px;
}
.poster-accordion .quantity select {
  width: 60px;
}
.poster-accordion .quantity .select2-container {
  clear: both;
  float: left;
  font-size: 1.5em;
}
.poster-accordion .quantity label.info {
  display: block;
  width: auto;
  margin: 0 112px 6px 65px;
}
@media only screen and (max-width: 540px) {
  .poster-accordion .quantity label.info span:first-child {
    display: none;
  }
}
@media only screen and (max-width: 380px) {
  .poster-accordion .quantity label.info span {
    display: none;
  }
}
.poster-accordion .info {
  font-weight: 600;
  font-size: 1.8em;
  border: 1px solid #cccccc;
  padding: 1px 15px;
  display: inline-block;
  margin-left: 4px;
  line-height: 1.35em;
}
.poster-accordion .cost {
  float: right;
  margin-left: 5px;
  padding-right: 25px;
  text-align: right;
  width: 65px;
}
.poster-accordion .total {
  text-align: right;
  font-weight: 700;
  font-size: 1.8em;
  padding: 10px 25px;
}
.poster-accordion .total .cost {
  display: inline-block;
  padding: 0 0 0 20px;
}
.poster-accordion .total sub {
  font-size: 0.6em;
  position: relative;
  top: -8px;
}

.content-box {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.4s ease-in-out;
  -moz-transition: height 0.4s ease-in-out;
  -o-transition: height 0.4s ease-in-out;
  transition: height 0.4s ease-in-out;
}
.content-box .content-box-inner {
  background: #afafaf;
  border-radius: 10px;
  padding: 10px !important;
  text-align: center;
}
.content-box .hide-box {
  display: block;
  cursor: pointer;
  font-weight: 700;
  margin: 9px auto -30px;
  color: #afafaf;
  content: "hide";
  text-align: center;
  width: 60px;
  height: 20px;
  position: relative;
  border: 1px solid #DDD;
  border-top: none;
  background-position: -190px -104px;
  background-color: #EEE;
  padding-left: 20px;
  line-height: 0.8em;
  user-select: none;
}
.content-box .showing .hide-box {
  color: #afafaf;
}
.content-box .showing .hide-box:hover {
  color: #15b3ff;
  background-position: -190px -134px;
}

.success h1, .error h1 {
  padding: 1em 0 0.25em;
}
.success article, .error article {
  box-sizing: border-box;
  margin: 0 5%;
}
.success .share-note, .error .share-note {
  padding: 25px 0 30px;
}

.faq #content-inner {
  padding: 0 5%;
  text-align: left;
  box-sizing: border-box;
}
.faq #content-inner h2 {
  font-size: 3.4em;
  margin-bottom: 0.75em;
  width: auto;
  padding-top: 2.2em;
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
  .faq #content-inner h2 {
    font-size: 2.6em;
  }
}
@media only screen and (max-width: 480px) {
  .faq #content-inner h2 {
    font-size: 2.2em;
  }
}
.faq #content-inner article {
  margin: 0 0 30px;
}
.faq #content-inner .question {
  margin-bottom: 0.7em;
}
.faq #content-inner .question p {
  font-weight: 600;
}
.faq #content-inner .question-answer p:first-child:before {
  font-weight: 700;
  font-size: 1.467em;
  line-height: 1.2em;
}
.faq #content-inner .question > p:first-child:before {
  content: "Q: ";
}
.faq #content-inner .answer > p:first-child:before {
  content: "A: ";
}

.missing #content-inner {
  margin: 80px auto 40px;
}
.missing #content-inner h2 {
  margin-bottom: 1em;
}

.content > footer nav.major {
  clear: both;
  margin: 0 auto;
}
.content > footer nav.major ul {
  display: inline-block;
}
.content > footer nav.major li {
  width: 3em;
  float: left;
  display: block;
  text-align: center;
}
.content > footer nav.major a {
  font-size: 1.8em;
  color: #afafaf;
  /* fallacy-list defined in base.scss */
}
.content > footer nav.major a:hover {
  color: #15b3ff;
}
@media only screen and (max-width: 480px) {
  .content > footer nav.major {
    display: none;
  }
}
.content > footer nav.minor ul {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 0;
  line-height: 1.2em;
}
.content > footer nav.minor li {
  font-size: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 0 solid #cccccc;
  width: 33.333%;
  max-width: 300px;
  padding: 0 4%;
  display: inline-block;
  margin-bottom: 2.5em;
}
.content > footer nav.minor li h4 {
  font-size: 1.8em;
  color: #6d6e71;
  margin-bottom: 0.8em;
  padding-top: 90px;
}
.content > footer nav.minor li > a:hover h4 {
  color: inherit;
}
.content > footer nav.minor li.contact {
  background: url(../assets/footer/contact.png) no-repeat center top;
}
.svg .content > footer nav.minor li.contact {
  background: url(../assets/footer/contact.svgz) no-repeat center 2.3em;
}
.content > footer nav.minor li.poster {
  background: url(../assets/footer/poster.png) no-repeat center top;
  border-width: 0 1px;
  height: 13em;
}
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120ddpx) {
  .content > footer nav.minor li.poster {
    background: url(../assets/footer/poster@2.png) no-repeat center top;
    background-size: auto 70px;
  }
}
@media only screen and (max-width: 480px) {
  .content > footer nav.minor li.poster {
    margin: 3em auto 0.5em;
  }
}
.content > footer nav.minor li.donate {
  background: url(../assets/footer/donate.png) no-repeat center top;
}
.svg .content > footer nav.minor li.donate {
  background: url(../assets/footer/donate.svgz) no-repeat center 3.2em;
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
  .content > footer nav.minor li {
    padding: 0 2%;
  }
}
@media only screen and (max-width: 480px) {
  .content > footer nav.minor li {
    display: block;
    border: none;
    width: auto;
    float: none;
    margin: 0 auto 2.5em;
  }
}
.content > footer nav.minor li p {
  color: #afafaf;
  font-size: 1.2em;
  line-height: 1.2em;
  max-width: 170px;
  margin: 0 auto;
}
.content > footer nav.minor li p a {
  font-weight: 600;
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
  .content > footer nav.minor li p {
    font-size: 1.1em;
  }
}
@media only screen and (max-width: 480px) {
  .content > footer nav.minor li p {
    max-width: 190px;
  }
}
.content > footer a:hover {
  text-decoration: none;
}
.content > footer .credits {
  display: block;
  margin: 0.5em 1em;
  color: #afafaf;
  line-height: 1.3em;
  clear: both;
}
/*.content > footer .credits br {
  display: none;
}*/
@media only screen and (max-width: 480px) {
  .content > footer .credits br {
    display: block;
  }
}
.content > footer .cc, .content > footer .by, .content > footer .nc {
  position: relative;
  top: 0.1em;
}
.content > footer .cc, .content > footer .by {
  letter-spacing: -0.1em;
}

#social {
  margin: 1em 0;
  padding: 1em;
}
.no-touch #social {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
}
.no-touch #social:hover {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  filter: grayscale(0%);
}
#social li {
  display: inline-block;
  margin: 0 0 0 3em;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  #social li {
    margin: 0.5em 0 0;
    display: block;
  }
}
#social li:first-child {
  margin: 0;
}
#social li .twitter-share-button {
  width: 10em !important;
}
#social li.gp > div {
  width: 75px !important;
}

#poster-accordion h2.three .step-no {
  /*background-position: -120px -196px;*/
}

#poster-accordion h2.four .step-no {
  /*background-position: -184px -196px;*/
}

#poster-accordion .step.email {
  padding: 28px 0 0 70px;
}

#poster-accordion .step.email label {
  float: left;
  position: relative;
  display: block;
  font-size: 17px;
  padding-right: 30px;
}

#poster-accordion .step input {
  display: block;
  height: 34px;
  line-height: 1em;
  padding: 1px 5px;
  width: 260px;
}

#poster-accordion .step.email .match {
  display: block;
  float: left;
  height: 30px;
  width: 30px;
  background: url("../assets/cartsprite.png") no-repeat -160px -126px;
  margin-top: 28px;
}

#poster-accordion .step.email.matching .match {
  background-position: -160px -156px;
}

#poster-accordion .step.email.matching.valid .match {
  background-position: -160px -96px;
}

#poster-accordion .step.email sub {
  clear: both;
  display: block;
  font-size: 0.87em;
  height: 1em;
  padding: 17px 90px 17px 0;
  text-align: center;
}

#poster-accordion .step.email.invalid sub .valid-email {
  display: none;
}

#poster-accordion .step.email sub .invalid-email {
  display: none;
  font-family: 'M700';
  color: #e30613;
}

#poster-accordion .step.email.invalid sub .invalid-email {
  display: block;
}

#poster-accordion .step.shipping {
  padding: 40px 0 0 70px;
  width: auto;
}

#poster-accordion .step.shipping .country span {
  padding-right: 5px;
}

#poster-accordion .step.shipping .required span:after {
  font-size: 75%;
  left: 0.2em;
  top: -0.3em;
  content: '*';
  position: relative;
}

#poster-accordion #country, #poster-accordion #us-state {
  width: 248px;
}

#poster-accordion .step.shipping .firstname input, #poster-accordion .step.shipping .surname input {
  width: 311px;
}

#poster-accordion .step.shipping .firstname {
  padding-right: 26px;
}

#poster-accordion .step.shipping .firstname,
#poster-accordion .step.shipping .surname,
#poster-accordion .step.shipping .state,
#poster-accordion .step.shipping .zip {
  display: inline-block;
}

#poster-accordion .step.shipping .address {
  display: block;
  margin: 10px 0;
}

#poster-accordion .step.shipping .address input {
  width: 664px;
  margin-bottom: 6px;
}

#poster-accordion .step.shipping .state {
  padding-right: 26px;
  height: 62px;
  float: left;
}

#poster-accordion .step.shipping .state input {
  width: 452px;
}

#s2id_us-state {
  margin-top: 5px;
}

#s2id_us-state, #poster-accordion .step.shipping.us .state input {
  display: none;
}

.poster-accordion .step.shipping.us #s2id_us-state, #poster-accordion .step.shipping .state input {
  display: block;
}

#poster-accordion .step.shipping .zip {
  float: left;
}

#poster-accordion .step.shipping .zip input {
  width: 170px;
}

#poster-accordion .step.shipping .total {
  clear: both;
  margin-bottom: 30px;
}

/* !!! COUNTRY-ONLY VERSION !!! */
#poster-accordion .step.shipping .total {
  float: right;
  display: inline;
  padding-top: 0;
}

/* END COUNTRY-ONLY */
#poster-accordion .step.payment {
  height: 215px;
}

#poster-accordion .step.payment aside {
  float: left;
  height: 215px;
}

#content-inner #poster-accordion .step.payment aside h3 {
  font-size: 18px;
  padding-bottom: 33px;
}

#poster-accordion .step.payment aside .paypal {
  display: block;
  width: 230px;
  height: 135px;
  background: url("../assets/cartsprite.png") no-repeat 0 -252px;
}

#poster-accordion .step.payment .right {
  float: right;
  text-align: right;
  width: 345px;
}

#poster-accordion .step.payment label {
  display: block;
  padding-top: 107px;
}

.poster-accordion #checkout {
  margin-top: 20px;
  display: inline-block;
  width: 256px;
  height: 48px;
  border: 1px solid #BBB;
  background: url("../assets/cartsprite.png") no-repeat 0 0;
}

.poster-accordion #checkout:hover {
  border-color: #CCC;
  background-position: 0 -48px;
}

.poster-accordion #checkout:active {
  border-color: #999;
}

.store-footer, .store footer .share, .poster footer .share {
  display: none;
}

.poster .store-footer, .store .store-footer {
  display: block;
}

.store-footer-nav {
  font-family: 'm700';
  clear: both;
  margin: 0 auto;
  color: #999;
  font-size: 13px;
  height: 34px;
  line-height: 1em;
  margin-bottom: -20px;
  padding-top: 10px;
  text-align: center;
}

.store-footer-nav li {
  display: inline-block;
  width: 130px;
}

.store-footer-nav li span {
  text-decoration: underline;
  cursor: pointer;
}

.store-footer-nav li span:hover {
  text-decoration: none;
}

.store-footer-box {
  margin: 10px auto;
  background: #EEE;
  border-radius: 10px;
  max-height: 400px;
  height: 0;
  font-size: 15px;
  color: #585951;
  text-align: center;
  max-width: 730px;
}

.store-footer-box .hide-box {
  width: 150px;
}

.store-footer-box .content-box-inner {
  background: #FFF;
  height: 340px;
  margin: 10px;
  outline: 1px solid #DDD;
  overflow: auto;
  border-radius: 0;
  -webkit-transition: height 0.4s ease-in-out;
  -moz-transition: height 0.4s ease-in-out;
  -ms-transition: height 0.4s ease-in-out;
  -o-transition: height 0.4s ease-in-out;
  transition: height 0.4s ease-in-out;
}

.store-footer-box .content-box-inner[data-type=contact],
.store-footer-box .content-box-inner[data-type=refund-policy] {
  overflow: hidden;
}

#content .store-footer-box .content-box-inner article {
  display: none;
  padding: 30px 20px 20px !important;
  width: auto;
}

#content .store-footer-box .content-box-inner article.showing {
  display: block;
}

.store-footer-box .content-box-inner article.terms-of-service {
  font-size: 0.9em;
  text-align: left;
}

.store-footer-box .content-box-inner article.terms-of-service h3 {
  width: inherit;
}

.sep {
  border-bottom: 1px solid #C3C3C3;
  margin-bottom: -20px;
  padding-top: 0;
  display: block;
}

/*@media (max-width: 1640px){*/
@media only screen and (min-width: 320px) and (max-width: 767px) {
  #content-inner article.store-header, #content-inner .store-accordian article, .store-footer-box article {
    padding-top: 0;
  }

  #content-inner .store-header h1, #content-inner .store-header h2 {
    width: auto;
    margin: 0 auto;
  }

  #content-inner .store-header h1 {
    font-size: 28px;
  }

  #content-inner .store-header h2 {
    font-size: 20px;
  }

  .store-header p {
    padding: 20px 0 40px;
  }

  .store-header p a {
    font-size: 16px;
  }

  .poster-accordion .continue {
    left: 0 !important;
  }

  #poster-accordion h2 .step-title {
    font-size: 20px;
    top: 10px;
  }

  #poster-accordion h2 .step-info {
    top: 10px;
  }

  .poster-accordion .poster-examples {
    margin: 20px 0 0;
  }

  .poster-accordion .poster-examples li {
    width: 207px;
  }

  .poster-accordion .poster-examples li span {
    display: block;
  }

  .poster-accordion .poster-preview {
    width: inherit;
  }

  .poster-accordion .poster-preview.showing {
    height: 318px;
  }

  .poster-accordion .size-holder {
    font-size: 13px;
  }

  #poster-accordion .quantity label.info {
    width: 208px;
  }

  #poster-accordion .quantity label.info span {
    display: none;
  }

  #poster-accordion .total .cost {
    width: 75px;
  }

  #poster-accordion .step.email {
    padding-left: 0;
  }

  #poster-accordion .step input {
    width: 408px;
    margin-bottom: 10px;
  }

  #poster-accordion .step.email .match {
    clear: both;
    float: none;
    margin: 0 auto;
  }

  #poster-accordion .step.email sub {
    line-height: 1.2em;
    padding: 10px 30px 20px;
    text-align: center;
    height: inherit;
  }

  #poster-accordion .step.shipping {
    padding: 20px 0 0;
  }

  #poster-accordion .step.shipping input {
    width: 408px !important;
  }

  #poster-accordion .step.shipping .zip input {
    width: 132px !important;
  }

  #poster-accordion .step.shipping .state input, #poster-accordion .step.shipping .state select {
    width: 234px !important;
  }

  #poster-accordion .step.shipping .total {
    text-align: center;
  }

  #poster-accordion .step.shipping .cost {
    padding: 0;
  }
  #poster-accordion .step.payment{
    height:auto;
  }
  #poster-accordion .step.payment aside {
    float: none !important;
    margin: 0 auto;
    padding: 0;
    width: 230px;
  }

  #poster-accordion .step.payment aside h3 {
    font-size: 18px;
    padding: 30px 0 12px;
    text-align: center;
  }

  #poster-accordion .step.payment .right {
    height: inherit;
    text-align: center;
    width: 260px;
  }

  #poster-accordion .step.payment label {
    padding: 35px 0 0;
  }

  .store-footer-nav li {
    width: 130px;
  }

  .store-footer-nav {
    padding-top: 15px;
    margin: 0 auto;
    height: 15px;
  }

  .store-footer-box {
    margin: 10px 0;
  }

  .sep {
    margin-bottom: 5px;
  }
}
html.touch .select2-container, select#us-state {
  display: none !important;
}

html.touch select {
  display: inline-block !important;
}

html.touch .us select#us-state {
  display: block !important;
}
#acq h2 {
  color: #CC6D62;
  background: -webkit-linear-gradient(#CC6D62, #EEA373);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 3.5em;
  line-height: 1em;
  height: auto;
  margin-bottom: 0.5em;
}
#acq a {
  text-decoration: underline;
}
#acq h3 {
  font-family: 'noto_serifitalic';
  margin-top: 30px;
  line-height: 1.3em;
  font-size: 2.2em;
}

.has-ellipsis {
  white-space: nowrap;
}

.ellipsis {
  position: relative;
  text-indent: -100%;
  overflow: hidden;
}
.ellipsis:after {
  content: " ";
  position: absolute;
  bottom: 8px;
  left: 3px;
  height: 4px;
  width: 4px;
}
.ellipsis.blue-ellipsis:after {
  background: #3a919d;
  background: -moz-linear-gradient(left, #8dcdc1 0%, #3a919d 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #8dcdc1), color-stop(100%, #3a919d));
  background: -webkit-linear-gradient(left, #8dcdc1 0%, #3a919d 100%);
  background: -o-linear-gradient(left, #8dcdc1 0%, #3a919d 100%);
  background: -ms-linear-gradient(left, #8dcdc1 0%, #3a919d 100%);
  background: linear-gradient(to right, #8dcdc1 0%, #3a919d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dcdc1', endColorstr='#3a919d',GradientType=1 );
}
.ellipsis.cream-ellipsis:after {
  background-color: #F5DBC6;
}
.ellipsis.red-ellipsis:after {
  background: #CC6D62;
  background: -moz-linear-gradient(left, #eea373 0%, #cc6d62 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #eea373), color-stop(100%, #cc6d62));
  background: -webkit-linear-gradient(left, #eea373 0%, #cc6d62 100%);
  background: -o-linear-gradient(left, #eea373 0%, #cc6d62 100%);
  background: -ms-linear-gradient(left, #eea373 0%, #cc6d62 100%);
  background: linear-gradient(to right, #eea373 0%, #cc6d62 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eea373', endColorstr='#cc6d62',GradientType=1 );
}

#vidcont {
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 56.25%;
}
#sot #vidcont{
  width: 90%;
  margin:20px auto;
}
#sot h2{
  font-size:2.5em;
  height:auto;
}
#sot a{
  text-decoration: underline;
  font-weight: normal;
}
#sot a:hover,
#sot a:active,
#sot a:focus{
  text-decoration: none;
}
.abs-inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.table-center {
  height: 100%;
  width: 100%;
  display: table;
  vertical-align: middle;
}

.cell-center {
  display: table-cell;
  vertical-align: middle;
}

.text-center {
  text-align: center;
}
#sotvid{
  z-index: 50;
  position: absolute;
  top:0;
  right:0;
  left:0;
  bottom:0;
}
#sotvid iframe{
  position: absolute;
  width: 100%;
  height:100%;
  top:0;
  left:0;
}
#acqvid {
  z-index: 50;
  position: absolute;
  top: 0;
  left: 0;
}

#vidreplay {
  color: #f7e2d3;
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("../assets/replay.jpg") no-repeat center center/cover transparent;
}
#vidreplay p {
  font-family: 'noto_serifitalic';
  margin-bottom: 10px;
  font-size: 2.2em;
}
#vidreplay span {
  cursor: pointer;
  font-size: 1.8em;
  font-family: 'noto_serifitalic';
}

#replaybuy {
  list-style: none;
  margin: 0 0 10px;
}
#replaybuy li {
  display: inline-block;
}
#replaybuy li a {
  display: inline-block;
  text-indent: -9999px;
  overflow: hidden;
  text-align: left;
  margin: 0 8px;
}
#replaybuy li a#appstorebig {
  background: url("../assets/sprites.png") no-repeat -80px -3px transparent;
  height: 42px;
  width: 137px;
}
#replaybuy li a#playstorebig {
  background: url("../assets/sprites.png") no-repeat -80px -46px transparent;
  height: 42px;
  width: 117px;
}

.replay {
  font-size: 18px;
  opacity: 0.5;
}

.jwelapsed,
.jwduration,
.jwfullscreen,
.jwlogo,
#vid_controlbar_volumeoverlay,
#vid_controlbar_timetooltip {
  display: none !important;
}

#buy {
  list-style: none;
  margin: 0;
  padding: 20px 0;
}
#buy li {
  display: inline-block;
}
#buy li a {
  display: inline-block;
  text-indent: -9999px;
  overflow: hidden;
  text-align: left;
  margin: 0 8px;
}
#buy li a#appstore {
  background: url("../assets/sprites.png") no-repeat -80px -3px transparent;
  height: 42px;
  width: 137px;
}
#buy li a#playstore {
  background: url("../assets/sprites.png") no-repeat -80px -46px transparent;
  height: 42px;
  width: 117px;
}

.loading {
  position: relative;
}

.loading_back {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -12px 0 0 -10px;
  width: 20px;
  height: 25px;
  display: block;
}

.blockG {
  position: absolute;
  background-color: #F7E2D3;
  width: 3px;
  height: 8px;
  -moz-border-radius: 3px;
  -moz-transform: scale(0.4);
  -moz-animation-name: fadeG;
  -moz-animation-duration: 0.5599999999999999s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: linear;
  -webkit-border-radius: 3px;
  -webkit-transform: scale(0.4);
  -webkit-animation-name: fadeG;
  -webkit-animation-duration: 0.5599999999999999s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: linear;
  -ms-border-radius: 3px;
  -ms-transform: scale(0.4);
  -ms-animation-name: fadeG;
  -ms-animation-duration: 0.5599999999999999s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-direction: linear;
  -o-border-radius: 3px;
  -o-transform: scale(0.4);
  -o-animation-name: fadeG;
  -o-animation-duration: 0.5599999999999999s;
  -o-animation-iteration-count: infinite;
  -o-animation-direction: linear;
  border-radius: 3px;
  transform: scale(0.4);
  animation-name: fadeG;
  animation-duration: 0.5599999999999999s;
  animation-iteration-count: infinite;
  animation-direction: linear;
}

.blockG:nth-child(1) {
  left: 0;
  top: 9px;
  -moz-animation-delay: 0.63s;
  -moz-transform: rotate(-90deg);
  -webkit-animation-delay: 0.63s;
  -webkit-transform: rotate(-90deg);
  -ms-animation-delay: 0.63s;
  -ms-transform: rotate(-90deg);
  -o-animation-delay: 0.63s;
  -o-transform: rotate(-90deg);
  animation-delay: 0.63s;
  transform: rotate(-90deg);
}

.blockG:nth-child(2) {
  left: 3px;
  top: 3px;
  -moz-animation-delay: 0.5599999999999999s;
  -moz-transform: rotate(-45deg);
  -webkit-animation-delay: 0.5599999999999999s;
  -webkit-transform: rotate(-45deg);
  -ms-animation-delay: 0.5599999999999999s;
  -ms-transform: rotate(-45deg);
  -o-animation-delay: 0.5599999999999999s;
  -o-transform: rotate(-45deg);
  animation-delay: 0.5599999999999999s;
  transform: rotate(-45deg);
}

.blockG:nth-child(3) {
  left: 8px;
  top: 1px;
  -moz-animation-delay: 0.48999999999999994s;
  -moz-transform: rotate(0deg);
  -webkit-animation-delay: 0.48999999999999994s;
  -webkit-transform: rotate(0deg);
  -ms-animation-delay: 0.48999999999999994s;
  -ms-transform: rotate(0deg);
  -o-animation-delay: 0.48999999999999994s;
  -o-transform: rotate(0deg);
  animation-delay: 0.48999999999999994s;
  transform: rotate(0deg);
}

.blockG:nth-child(4) {
  right: 3px;
  top: 3px;
  -moz-animation-delay: 0.41999999999999993s;
  -moz-transform: rotate(45deg);
  -webkit-animation-delay: 0.41999999999999993s;
  -webkit-transform: rotate(45deg);
  -ms-animation-delay: 0.41999999999999993s;
  -ms-transform: rotate(45deg);
  -o-animation-delay: 0.41999999999999993s;
  -o-transform: rotate(45deg);
  animation-delay: 0.41999999999999993s;
  transform: rotate(45deg);
}

.blockG:nth-child(5) {
  right: 0;
  top: 9px;
  -moz-animation-delay: 0.35s;
  -moz-transform: rotate(90deg);
  -webkit-animation-delay: 0.35s;
  -webkit-transform: rotate(90deg);
  -ms-animation-delay: 0.35s;
  -ms-transform: rotate(90deg);
  -o-animation-delay: 0.35s;
  -o-transform: rotate(90deg);
  animation-delay: 0.35s;
  transform: rotate(90deg);
}

.blockG:nth-child(6) {
  right: 3px;
  bottom: 2px;
  -moz-animation-delay: 0.27999999999999997s;
  -moz-transform: rotate(135deg);
  -webkit-animation-delay: 0.27999999999999997s;
  -webkit-transform: rotate(135deg);
  -ms-animation-delay: 0.27999999999999997s;
  -ms-transform: rotate(135deg);
  -o-animation-delay: 0.27999999999999997s;
  -o-transform: rotate(135deg);
  animation-delay: 0.27999999999999997s;
  transform: rotate(135deg);
}

.blockG:nth-child(7) {
  bottom: 0;
  left: 8px;
  -moz-animation-delay: 0.20999999999999996s;
  -moz-transform: rotate(180deg);
  -webkit-animation-delay: 0.20999999999999996s;
  -webkit-transform: rotate(180deg);
  -ms-animation-delay: 0.20999999999999996s;
  -ms-transform: rotate(180deg);
  -o-animation-delay: 0.20999999999999996s;
  -o-transform: rotate(180deg);
  animation-delay: 0.20999999999999996s;
  transform: rotate(180deg);
}

.blockG:nth-child(8) {
  left: 3px;
  bottom: 2px;
  -moz-animation-delay: 0.7s;
  -moz-transform: rotate(-135deg);
  -webkit-animation-delay: 0.7s;
  -webkit-transform: rotate(-135deg);
  -ms-animation-delay: 0.7s;
  -ms-transform: rotate(-135deg);
  -o-animation-delay: 0.7s;
  -o-transform: rotate(-135deg);
  animation-delay: 0.7s;
  transform: rotate(-135deg);
}

@-moz-keyframes fadeG {
  0% {
    background-color: #291511;
  }
  100% {
    background-color: #F7E2D3;
  }
}
@-webkit-keyframes fadeG {
  0% {
    background-color: #291511;
  }
  100% {
    background-color: #F7E2D3;
  }
}
@-ms-keyframes fadeG {
  0% {
    background-color: #291511;
  }
  100% {
    background-color: #F7E2D3;
  }
}
@-o-keyframes fadeG {
  0% {
    background-color: #291511;
  }
  100% {
    background-color: #F7E2D3;
  }
}
@keyframes fadeG {
  0% {
    background-color: #291511;
  }
  100% {
    background-color: #F7E2D3;
  }
}