/**
 * Reset
 *
 * @section reset
 * @see http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 * @see http://html5doctor.com/html-5-reset-stylesheet/
 * @version 1.6.1
 * @date 2010-09-17
 * @author Eric Meyer & Richard Clark
 * @updated by Lynn Maharas
 * @updated last 2013-01-09
 *
 */
html,
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,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  text-rendering: optimizeLegibility;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
/**
 * Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/
 */
/*body {*/
/*font: 14px/1.231 sans-serif;*/
/**font-size: small;*/
/*}*/
/* Hack retained to preserve specificity. */
select,
input,
textarea,
button {
  font: 99% sans-serif;
}
/* Normalize monospace sizing:
   en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}
/**
 * Minimal base styles.
 */
body,
select,
input,
textarea {
  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */

  color: #333;
  /* Set your base font here, to apply evenly. */

  font-family: Arial, sans-serif;
}
/* Headers (h1, h2, etc) have no default font-size or margin. Define those yourself. */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
}
/* Always force a scrollbar in non-IE: */
html {
  overflow-y: scroll;
}
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover,
a:active {
  outline: none;
}
a {
  cursor: pointer;
}
ul,
ol {
  margin-left: 0;
  list-style: none outside none;
}
/* ol { list-style-type: decimal; } */
/* Remove margins for navigation lists. */
nav ul,
nav li {
  margin: 0;
  list-style: none;
  list-style-image: none;
}
small {
  font-size: 11px;
}
strong,
th,
b {
  font-weight: bold;
}
em,
i {
  font-style: italic;
}
td {
  vertical-align: top;
}
/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
pre {
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */

  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  word-wrap: break-word;
  padding: 15px;
}
textarea {
  overflow: auto;
}
/* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
.ie6 legend,
.ie7 legend {
  margin-left: -7px;
}
/* thnx ivannikolic! */
/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] {
  vertical-align: text-bottom;
}
input[type="checkbox"] {
  vertical-align: bottom;
}
.ie7 input[type="checkbox"] {
  vertical-align: baseline;
}
.ie6 input {
  vertical-align: text-bottom;
}
/* Hand cursor on clickable input elements. */
input[type="button"],
input[type="submit"],
input[type="image"],
button {
  cursor: pointer;
}
/* Webkit browsers add a 2px margin outside the chrome of form elements. */
button,
input,
select,
textarea {
  margin: 0;
}
/* Colors for form validity. */
input:invalid,
textarea:invalid {
  border-radius: 1px;
  -moz-box-shadow: 0px 0px 5px red;
  -webkit-box-shadow: 0px 0px 5px red;
  box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
  background-color: #f0dddd;
}
/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301
   Also: hot pink. */
::-moz-selection {
  background: #ccc;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #ccc;
  color: #fff;
  text-shadow: none;
}
/* j.mp/webkit-tap-highlight-color */
/*a:link { -webkit-tap-highlight-color: #ee3224; }*/
/* Make buttons play nice in IE:
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {
  width: auto;
  overflow: visible;
}
/* Bicubic resizing for non-native sized IMG:
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img {
  -ms-interpolation-mode: bicubic;
}
a {
  text-decoration: none;
}
/**
 * Non-semantic helper classes: please define your styles before this section.
 */
/* For text alignment */
.tc {
  text-align: center;
}
.tl {
  text-align: left;
}
.tr {
  text-align: right;
}
/* For image replacement. */
.ir {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}
/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden {
  display: none;
  visibility: hidden;
}
/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* Hide visually and from screenreaders, but maintain layout. */
.invisible {
  visibility: hidden;
}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
  clear: both;
  content: ' ';
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clearfix {
  display: inline-block;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}

/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

/*! perfect-scrollbar - v0.4.4
* http://noraesae.github.com/perfect-scrollbar/
* Copyright (c) 2013 HyeonJe Jun; Licensed MIT */

.ps-container .ps-scrollbar-x{position:absolute;bottom:3px;height:8px;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;opacity:0;filter:alpha(opacity=0);-o-transition:opacity .2s linear;-webkit-transition:opacity.2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.ps-container.ie6 .ps-scrollbar-x{font-size:0}.ps-container:hover .ps-scrollbar-x,.ps-container.hover .ps-scrollbar-x{opacity:.6;filter:alpha(opacity=60)}.ps-container .ps-scrollbar-x:hover,.ps-container .ps-scrollbar-x.hover{opacity:.9;filter:alpha(opacity=90);cursor:default}.ps-container .ps-scrollbar-x.in-scrolling{opacity:.9;filter:alpha(opacity=90)}.ps-container .ps-scrollbar-y{position:absolute;right:3px;width:8px;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;opacity:0;filter:alpha(opacity=0);-o-transition:opacity .2s linear;-webkit-transition:opacity.2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.ps-container.ie .ps-scrollbar-y{font-size:0}.ps-container:hover .ps-scrollbar-y,.ps-container.hover .ps-scrollbar-y{opacity:.6;filter:alpha(opacity=60)}.ps-container .ps-scrollbar-y:hover,.ps-container .ps-scrollbar-y.hover{opacity:.9;filter:alpha(opacity=90);cursor:default}.ps-container .ps-scrollbar-y.in-scrolling{opacity:.9;filter:alpha(opacity=90)}
/* Compilation result of font on Wed May 04 20:15:03 UTC 2016 */

/**
 * The Daily Beast Type Faces
 *
 *
 *
 * This style has been crated by Mark Catalano
 *
 * @project     The Daily Beast
 * @version     1.0
 * @author      Mark Catalano
 * @copyright   2011 by The Newsweek Daily Beast Company
 *
 */
/*
This CSS resource incorporates links to font software which is
the valuable copyrighted property of WebType LLC, The Font Bureau,
and/or their suppliers. You may not
attempt to copy, install, redistribute, convert, modify or reverse
engineer this font software. Please contact WebType with any
questions: http://www.webtype.com
*/
/**
 * Titling Gothic
 *
 * @section titling
 */
@font-face {
  font-family: "TitlingGothicFBMediumComp";
  src: url("/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/font/Titling-Gothic-FB-Comp-Medium.eot");
  src: url("/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/font/Titling-Gothic-FB-Comp-Medium.eot#iefix") format("embedded-opentype"), url("/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/font/Titling-Gothic-FB-Comp-Medium.woff") format("woff"), url("/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/font/Titling-Gothic-FB-Comp-Medium.ttf") format("truetype"), url("/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/font/Titling-Gothic-FB-Comp-Medium.svg#web") format("svg");
  font-style: normal;
  font-weight: bold;
}
@font-face {
  font-family: "TitlingGothicFBStandCond";
  src: url("/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/font/Titling-Gothic-FB-Cond-Standard.eot");
  src: url("/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/font/Titling-Gothic-FB-Cond-Standard.eot#iefix") format("embedded-opentype"), url("/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/font/Titling-Gothic-FB-Cond-Standard.woff") format("woff"), url("/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/font/Titling-Gothic-FB-Cond-Standard.ttf") format("truetype"), url("/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/font/Titling-Gothic-FB-Cond-Standard.svg#web") format("svg");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: 'TitlingGothicFBCondLight';
  src: url('/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/font/Titling-Gothic-FB-Cond-Light.eot');
  src: url('/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/font/Titling-Gothic-FB-Cond-Light.eot#iefix') format('embedded-opentype'), url('/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/font/Titling-Gothic-FB-Cond-Light.woff') format('woff'), url('/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/font/Titling-Gothic-FB-Cond-Light.ttf') format('truetype'), url('/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/font/Titling-Gothic-FB-Cond-Light.svg#TitlingGothicFBCondLightLight') format('svg');
}
@font-face {
  font-family: 'TitlingGothicFBCondRegular';
  src: url('/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/font/Titling-Gothic-FB-Cond-Regular.eot');
  src: url('/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/font/Titling-Gothic-FB-Cond-Regular.eot#iefix') format('embedded-opentype'), url('/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/font/Titling-Gothic-FB-Cond-Regular.woff') format('woff'), url('/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/font/Titling-Gothic-FB-Cond-Regular.ttf') format('truetype'), url('/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/font/Titling-Gothic-FB-Cond-Regular.svg#TitlingGothicFBCondLightLight') format('svg');
}
@font-face {
  font-family: 'ScoutBold';
  src: url('/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/font/Scout-Bold.woff2') format('woff2'), url('/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/font/Scout-Bold.woff') format('woff'), url('/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/font/Scout-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'ScoutCondensedBold';
  src: url('/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/font/Scout-Condensed-Bold.woff2') format('woff2'), url('/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/font/Scout-Condensed-Bold.woff') format('woff'), url('/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/font/Scout-Condensed-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'ScoutCondensedRegular';
  src: url('/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/font/Scout-Condensed-Regular.woff2') format('woff2'), url('/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/font/Scout-Condensed-Regular.woff') format('woff'), url('/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/font/Scout-Condensed-Regular.ttf') format('truetype');
}

/* Compilation result of icon-font on Wed May 04 20:15:03 UTC 2016 */

@font-face {
  font-family: 'dailybeast-icon-font';
  src: url('/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/font/dailybeast-icon-font.eot');
  src: url('/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/font/dailybeast-icon-font.eot#iefix') format('embedded-opentype'), url('/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/font/dailybeast-icon-font.woff') format('woff'), url('/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/font/dailybeast-icon-font.ttf') format('truetype'), url('/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/font/dailybeast-icon-font.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'dailybeast-icon-font';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-twitter,
.icon-search,
.icon-email,
.icon-close,
.icon-facebook,
.icon-arrow-south,
.icon-arrow-east,
.icon-arrow-north,
.icon-arrow-west,
.icon-play,
.icon-arrow,
.icon-chevron-west,
.icon-chevron-east,
.icon-rightarrow,
.icon-leftarrow,
.icon-google-plus,
.icon-twitter-2,
.icon-chevron-down,
.icon-remove,
.icon-user-login,
.icon-down-arrow,
.icon-up-arrow,
.icon-facebook-2,
.icon-search-2,
.icon-goodburger,
.icon-camera {
  font-family: 'dailybeast-icon-font';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-twitter:before {
  content: "\e001";
}
.icon-search:before {
  content: "\e002";
}
.icon-email:before {
  content: "\e004";
}
.icon-close:before {
  content: "\e005";
}
.icon-facebook:before {
  content: "\e006";
}
.icon-arrow-south:before {
  content: "\e009";
}
.icon-arrow-east:before {
  content: "\e00a";
}
.icon-arrow-north:before {
  content: "\e00b";
}
.icon-arrow-west:before {
  content: "\e00c";
}
.icon-play:before {
  content: "\e003";
}
.icon-arrow:before {
  content: "\e00f";
}
.icon-chevron-west:before {
  content: "\e00d";
}
.icon-chevron-east:before {
  content: "\e00e";
}
.icon-rightarrow:before {
  content: "\e007";
}
.icon-leftarrow:before {
  content: "\e008";
}
.icon-google-plus:before {
  content: "\e010";
}
.icon-twitter-2:before {
  content: "\f099";
}
.icon-check:before {
  content: "\f078";
}
.icon-remove:before {
  content: "\f00d";
}
.icon-user-login:before {
  content: "\e000";
}
.icon-down-arrow:before {
  content: "\e012";
}
.icon-up-arrow:before {
  content: "\e011";
}
.icon-facebook-2:before {
  content: "\e014";
}
.icon-search-2:before {
  content: "\e015";
}
.icon-goodburger:before {
  content: "\e013";
}
.icon-camera:before {
  content: "\e600";
}
.icon-eww:before {
  content: "\e610";
}
.icon-fwc:before {
  content: "\e611";
}
.icon-gwc:before {
  content: "\e601";
}
.icon-twc:before {
  content: "\e613";
}
.icon-chevron-down:before {
  content: "\e602";
}

/*
 * qTip2 - Pretty powerful tooltips - v2.1.1
 * http://qtip2.com
 *
 * Copyright (c) 2013 Craig Michael Thompson
 * Released under the MIT, GPL licenses
 * http://jquery.org/license
 *
 * Date: Wed Oct 9 2013 10:21 UTC+0000
 * Plugins: tips
 * Styles: css3
 */
.qtip{
	position: absolute;
	left: -28000px;
	top: -28000px;
	display: none;

	max-width: 280px;
	min-width: 50px;
	
	font-size: 10.5px;
	line-height: 12px;

	direction: ltr;

	box-shadow: none;
	padding: 0;
}

	.qtip-content{
		position: relative;
		padding: 5px 9px;
		overflow: hidden;

		text-align: left;
		word-wrap: break-word;
	}

	.qtip-titlebar{
		position: relative;
		padding: 5px 35px 5px 10px;
		overflow: hidden;

		border-width: 0 0 1px;
		font-weight: bold;
	}

	.qtip-titlebar + .qtip-content{ border-top-width: 0 !important; }

	/* Default close button class */
	.qtip-close{
		position: absolute;
		right: -9px; top: -9px;

		cursor: pointer;
		outline: medium none;

		border-width: 1px;
		border-style: solid;
		border-color: transparent;
	}

		.qtip-titlebar .qtip-close{
			right: 4px; top: 50%;
			margin-top: -9px;
		}
	
		* html .qtip-titlebar .qtip-close{ top: 16px; } /* IE fix */

		.qtip-titlebar .ui-icon,
		.qtip-icon .ui-icon{
			display: block;
			text-indent: -1000em;
			direction: ltr;
		}

		.qtip-icon, .qtip-icon .ui-icon{
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			text-decoration: none;
		}

			.qtip-icon .ui-icon{
				width: 18px;
				height: 14px;

				line-height: 14px;
				text-align: center;
				text-indent: 0;
				font: normal bold 10px/13px Tahoma,sans-serif;

				color: inherit;
				background: transparent none no-repeat -100em -100em;
			}

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.qtip-focus{}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.qtip-hover{}

/* Default tooltip style */
.qtip-default{
	border-width: 1px;
	border-style: solid;
	border-color: #F1D031;

	background-color: #FFFFA3;
	color: #555;
}

	.qtip-default .qtip-titlebar{
		background-color: #FFEF93;
	}

	.qtip-default .qtip-icon{
		border-color: #CCC;
		background: #F1F1F1;
		color: #777;
	}
	
	.qtip-default .qtip-titlebar .qtip-close{
		border-color: #AAA;
		color: #111;
	}



.qtip-shadow{
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

/* Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.qtip-rounded,
.qtip-tipsy,
.qtip-bootstrap{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.qtip-rounded .qtip-titlebar{
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

/* Youtube tooltip style */
.qtip-youtube{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	
	-webkit-box-shadow: 0 0 3px #333;
	-moz-box-shadow: 0 0 3px #333;
	box-shadow: 0 0 3px #333;

	color: white;
	border-width: 0;

	background: #4A4A4A;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,black));
	background-image: -webkit-linear-gradient(top,#4A4A4A 0,black 100%);
	background-image: -moz-linear-gradient(top,#4A4A4A 0,black 100%);
	background-image: -ms-linear-gradient(top,#4A4A4A 0,black 100%);
	background-image: -o-linear-gradient(top,#4A4A4A 0,black 100%);
}

	.qtip-youtube .qtip-titlebar{
		background-color: #4A4A4A;
		background-color: rgba(0,0,0,0);
	}
	
	.qtip-youtube .qtip-content{
		padding: .75em;
		font: 12px arial,sans-serif;
		
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);
		-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);";
	}

	.qtip-youtube .qtip-icon{
		border-color: #222;
	}

	.qtip-youtube .qtip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/* jQuery TOOLS Tooltip style */
.qtip-jtools{
	background: #232323;
	background: rgba(0, 0, 0, 0.7);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
	background-image: -moz-linear-gradient(top, #717171, #232323);
	background-image: -webkit-linear-gradient(top, #717171, #232323);
	background-image: -ms-linear-gradient(top, #717171, #232323);
	background-image: -o-linear-gradient(top, #717171, #232323);

	border: 2px solid #ddd;
	border: 2px solid rgba(241,241,241,1);

	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;

	-webkit-box-shadow: 0 0 12px #333;
	-moz-box-shadow: 0 0 12px #333;
	box-shadow: 0 0 12px #333;
}

	/* IE Specific */
	.qtip-jtools .qtip-titlebar{
		background-color: transparent;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
	}
	.qtip-jtools .qtip-content{
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
	}

	.qtip-jtools .qtip-titlebar,
	.qtip-jtools .qtip-content{
		background: transparent;
		color: white;
		border: 0 dashed transparent;
	}

	.qtip-jtools .qtip-icon{
		border-color: #555;
	}

	.qtip-jtools .qtip-titlebar .ui-state-hover{
		border-color: #333;
	}


/* Cluetip style */
.qtip-cluetip{
	-webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
	box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);

	background-color: #D9D9C2;
	color: #111;
	border: 0 dashed transparent;
}

	.qtip-cluetip .qtip-titlebar{
		background-color: #87876A;
		color: white;
		border: 0 dashed transparent;
	}
	
	.qtip-cluetip .qtip-icon{
		border-color: #808064;
	}
	
	.qtip-cluetip .qtip-titlebar .ui-state-hover{
		border-color: #696952;
		color: #696952;
	}


/* Tipsy style */
.qtip-tipsy{
	background: black;
	background: rgba(0, 0, 0, .87);

	color: white;
	border: 0 solid transparent;

	font-size: 11px;
	font-family: 'Lucida Grande', sans-serif;
	font-weight: bold;
	line-height: 16px;
	text-shadow: 0 1px black;
}

	.qtip-tipsy .qtip-titlebar{
		padding: 6px 35px 0 10px;
		background-color: transparent;
	}

	.qtip-tipsy .qtip-content{
		padding: 6px 10px;
	}
	
	.qtip-tipsy .qtip-icon{
		border-color: #222;
		text-shadow: none;
	}

	.qtip-tipsy .qtip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/* Tipped style */
.qtip-tipped{
	border: 3px solid #959FA9;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	background-color: #F9F9F9;
	color: #454545;

	font-weight: normal;
	font-family: serif;
}

	.qtip-tipped .qtip-titlebar{
		border-bottom-width: 0;

		color: white;
		background: #3A79B8;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
		background-image: -webkit-linear-gradient(top, #3A79B8, #2E629D);
		background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
		background-image: -ms-linear-gradient(top, #3A79B8, #2E629D);
		background-image: -o-linear-gradient(top, #3A79B8, #2E629D);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
	}

	.qtip-tipped .qtip-icon{
		border: 2px solid #285589;
		background: #285589;
	}

		.qtip-tipped .qtip-icon .ui-icon{
			background-color: #FBFBFB;
			color: #555;
		}


/**
 * Twitter Bootstrap style.
 *
 * Tested with IE 8, IE 9, Chrome 18, Firefox 9, Opera 11.
 * Does not work with IE 7.
 */
.qtip-bootstrap{
	/** Taken from Bootstrap body */
	font-size: 14px;
	line-height: 20px;
	color: #333333;

	/** Taken from Bootstrap .popover */
	padding: 1px;
	background-color: #ffffff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}

	.qtip-bootstrap .qtip-titlebar{
		/** Taken from Bootstrap .popover-title */
		padding: 8px 14px;
		margin: 0;
		font-size: 14px;
		font-weight: normal;
		line-height: 18px;
		background-color: #f7f7f7;
		border-bottom: 1px solid #ebebeb;
		-webkit-border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
	}

		.qtip-bootstrap .qtip-titlebar .qtip-close{
			/**
			 * Overrides qTip2:
			 * .qtip-titlebar .qtip-close{
			 *   [...]
			 *   right: 4px;
			 *   top: 50%;
			 *   [...]
			 *   border-style: solid;
			 * }
			 */
			right: 11px;
			top: 45%;
			border-style: none;
		}

	.qtip-bootstrap .qtip-content{
		/** Taken from Bootstrap .popover-content */
		padding: 9px 14px;
	}

	.qtip-bootstrap .qtip-icon{
		/**
		 * Overrides qTip2:
		 * .qtip-default .qtip-icon {
		 *   border-color: #CCC;
		 *   background: #F1F1F1;
		 *   color: #777;
		 * }
		 */
		background: transparent;
	}

		.qtip-bootstrap .qtip-icon .ui-icon{
			/**
			 * Overrides qTip2:
			 * .qtip-icon .ui-icon{
			 *   width: 18px;
			 *   height: 14px;
			 * }
			 */
			width: auto;
			height: auto;

			/* Taken from Bootstrap .close */
			float: right;
			font-size: 20px;
			font-weight: bold;
			line-height: 18px;
			color: #000000;
			text-shadow: 0 1px 0 #ffffff;
			opacity: 0.2;
			filter: alpha(opacity=20);
		}

		.qtip-bootstrap .qtip-icon .ui-icon:hover{
			/* Taken from Bootstrap .close:hover */
			color: #000000;
			text-decoration: none;
			cursor: pointer;
			opacity: 0.4;
			filter: alpha(opacity=40);
		}


/* IE9 fix - removes all filters */
.qtip:not(.ie9haxors) div.qtip-content,
.qtip:not(.ie9haxors) div.qtip-titlebar{
	filter: none;
	-ms-filter: none;
}



.qtip .qtip-tip{
	margin: 0 auto;
	overflow: hidden;
	z-index: 10;
	
}

	/* Opera bug #357 - Incorrect tip position
	https://github.com/Craga89/qTip2/issues/367 */
	x:-o-prefocus, .qtip .qtip-tip{
		visibility: hidden;
	}

	.qtip .qtip-tip,
	.qtip .qtip-tip .qtip-vml,
	.qtip .qtip-tip canvas{
		position: absolute;

		color: #123456;
		background: transparent;
		border: 0 dashed transparent;
	}
	
	.qtip .qtip-tip canvas{ top: 0; left: 0; }

	.qtip .qtip-tip .qtip-vml{
		behavior: url(#default#VML);
		display: inline-block;
		visibility: visible;
	}
/* Compilation result of xtra-insights on Wed May 04 20:15:03 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.xtra-insights {
  position: relative;
  margin: 0 30px 41px 0;
  min-height: 65px;
  width: 100%;
  display: inline-block;
}
.xtra-insights .xtra-insights-container {
  display: table-row;
  width: 100%;
}
.xtra-insights .xtra-insights-container .heading-container {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  padding-right: 25px;
}
.xtra-insights .xtra-insights-container .heading-container .heading-inner {
  position: relative;
  background-color: #fcee21;
  display: inline-block;
  height: 66px;
  padding: 0 15px;
}
.xtra-insights .xtra-insights-container .heading-container .heading-inner:before {
  content: "";
  font-size: 0;
  line-height: 0;
  width: 0;
  display: block;
  border-style: solid;
  border-color: transparent #fcee21;
  border-width: 33px 0 33px 25px;
  position: absolute;
  top: 0;
  right: -25px;
}
.xtra-insights .xtra-insights-container .heading-container .heading-inner .heading-inner-container {
  display: table;
  height: 66px;
}
.xtra-insights .xtra-insights-container .heading-container .heading-inner .heading-inner-container .heading {
  color: #02141f;
  font-size: 30px;
  font-family: "ScoutCondensedBold", "Arial Narrow", Arial, sans-serif;
  line-height: 30px;
  letter-spacing: 0.5px;
  display: table-cell;
  vertical-align: middle;
  font-weight: normal;
  text-transform: uppercase;
  white-space: nowrap;
}
.xtra-insights .xtra-insights-container .insights-container {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
.xtra-insights .xtra-insights-container .insights-container ul {
  color: #02141f;
  font-size: 20px;
  font-family: "ScoutCondensedBold", "Arial Narrow", Arial, sans-serif;
  line-height: 22px;
  font-weight: normal;
  letter-spacing: 0.5px;
  display: table-cell;
  padding-left: 25px;
}
.xtra-insights .xtra-insights-container .insights-container ul .xtra-insight h3 {
  color: #02141f;
  font-size: 20px;
  font-family: "ScoutCondensedBold", "Arial Narrow", Arial, sans-serif;
  line-height: 22px;
  font-weight: normal;
  letter-spacing: 0.5px;
  display: inline;
  margin-right: 8px;
}
.xtra-insights .xtra-insights-container .insights-container ul .xtra-insight .byline {
  color: #a7afb3;
  font-size: 13px;
  font-family: "ScoutBold", "Arial Narrow", Arial, sans-serif;
  line-height: 15px;
  font-weight: normal;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

/* Compilation result of disclaimer on Wed May 04 20:15:03 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.disclaimer {
  color: #a7afb3;
  font-size: 13px;
  font-family: "ScoutBold", "Arial Narrow", Arial, sans-serif;
  line-height: 15px;
  font-weight: normal;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  background-color: #eee;
  padding: 20px 70px 20px;
  text-align: center;
  clear: both;
}

/* Compilation result of videoplayicons on Wed May 04 20:15:02 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
a[href^="/content/dailybeast/videos/"] div.media .center.icon-play,
a[href^="/videos/"] div.media .center.icon-play {
  z-index: 10;
  color: white;
  font-size: 65px;
  left: 50%;
  margin-left: -32px;
}
.cheatsheet .cheat .play-btn {
  z-index: 1;
  color: white;
  font-size: 48px;
  left: 50px;
}
.features .grid-18 a[href^="/content/dailybeast/videos/"] div.media,
.features .grid-18 a[href^="/videos/"] div.media,
.subfeature-topic a[href^="/content/dailybeast/videos/"] div.media,
.subfeature-topic a[href^="/videos/"] div.media {
  position: relative;
}

/* Compilation result of newsy on Wed May 04 20:15:02 UTC 2016 */

/** Newsy **/
.top-box .slider .slide .newsy object {
  height: 310px !important;
}

/* Compilation result of ndn on Wed May 04 20:15:02 UTC 2016 */

/** NDN **/
/* general */
.ndn_embed {
  width: 85% !important;
  margin: 0 auto;
}
.ndn_embed.with-margin:not(:empty) {
  margin-bottom: 19px;
}
.ndn_embed.with-margin:empty {
  display: none;
}
/* tablet */
#layout.tablet .ndn_embed {
  width: 100% !important;
  padding: 0 70px;
}
#layout.tablet .ndn_embed.with-margin:not(:empty) {
  margin-bottom: 30px;
}
/* mobile */
#layout.mobile .ndn_embed {
  width: 100% !important;
}
#layout.mobile .ndn_embed.with-margin:not(:empty) {
  margin-bottom: 18px;
}

/* Compilation result of jw on Wed May 04 20:15:02 UTC 2016 */

.video-wrapper .jwwrapper {
  height: 100%;
  width: 100%;
}

/* Compilation result of brightcove on Wed May 04 20:15:02 UTC 2016 */

.video-wrapper .brightcovewrapper {
  height: 100%;
  width: 100%;
}
.video-wrapper .brightcovewrapper span[id] {
  height: 100%;
  width: 100%;
}
.video-wrapper.no-native-play .vjs-big-play-button {
  display: none;
}
.brightcovewrapper.no-native-play .vjs-big-play-button {
  display: none;
}
.brightcovewrapper a {
  display: inherit !important;
  color: inherit !important;
}
.brightcovewrapper .vjs-big-play-button {
  top: 50% !important;
  left: 50% !important;
  margin-left: -77px;
  margin-top: -48px;
}
/***************************
 * Fullscreen display      *
 ***************************/
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
}
.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

/* Compilation result of topic on Wed May 04 20:15:02 UTC 2016 */


/* Compilation result of text on Wed May 04 20:15:02 UTC 2016 */

.article-body h2 {
  font-size: 26px;
}
.article-body h3 {
  font-size: 22px;
}

/* Compilation result of stickynav on Wed May 04 20:15:02 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.nav {
  font-size: 16px;
}
.nav .topic-nav {
  color: #fff;
  background-color: transparent;
  width: 100%;
  max-width: 1145px;
  margin: 0 auto;
  position: relative;
  /* Borrowed from foundation so that we can use this stickynav across 2 different grid implementations */

}
body.cheat .nav .topic-nav {
  max-width: 1118px;
  left: 13px;
}
.nav .topic-nav a {
  color: #a7afb3;
  font-size: 13px;
  font-family: "ScoutBold", "Arial Narrow", Arial, sans-serif;
  line-height: 15px;
  font-weight: normal;
  letter-spacing: 0.5px;
  display: inline-block;
  color: #02141f;
  line-height: 50px;
  text-transform: uppercase;
  white-space: nowrap;
}
.nav .topic-nav a:hover {
  color: #02141f;
}
.nav .topic-nav li {
  float: left;
  position: relative;
  padding: 0 9px;
  margin: 0 0 0 5px;
}
.nav .topic-nav li:nth-child(2) {
  margin-left: 15px;
}
.nav .topic-nav li:before {
  content: '';
  padding-right: 0;
}
.nav .topic-nav li.active {
  position: relative;
}
.nav .topic-nav li.active:after {
  content: "";
  font-size: 0;
  line-height: 0;
  width: 0;
  display: block;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-top: 8px solid #f00606;
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -8px;
}
.nav .topic-nav li.tdb-home {
  margin: 0;
  padding: 0;
}
.nav .topic-nav li.tdb-home a {
  display: block;
  width: 50px;
  height: 50px;
  background: url('/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/img/logo.svg') no-repeat;
  padding: 0;
  margin: 0;
  overflow: hidden;
  text-indent: -9999em;
}
.nav .topic-nav li.brandX a {
  color: #6182c2;
}
.nav .topic-nav li.active a,
.nav .topic-nav li:hover a {
  color: #f00606;
  transition: color 0.3s;
}
@media only screen and (max-width: 1144px) {
  .nav .topic-nav {
    max-width: 950px;
  }
}
.nav.nav-two {
  width: 100%;
  margin-top: 0;
  background-color: #fff;
  overflow: hidden;
  border-bottom: 1px solid #d9d9dd;
}
.nav.nav-two.sticky {
  position: fixed;
  top: 0;
  opacity: 1;
  left: 0;
  z-index: 10000;
}
.nav.nav-two.sticky-hidden {
  position: absolute;
  top: -33px;
  opacity: 0;
}

/* Compilation result of specialcontentbanner on Wed May 04 20:15:01 UTC 2016 */

.specialContentFlagBanner {
  position: absolute;
  top: 0;
  right: 0;
  width: 95px;
  height: 95px;
  display: block;
  z-index: 10;
}
.specialContentFlagBanner.exclusive {
  background: url('/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/img/exclusive.png') no-repeat transparent top right;
}
.specialContentFlagBanner.feature {
  background: url('/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/img/feature.png') no-repeat transparent top right;
}
.specialContentFlagBanner.opinion {
  background: url('/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/img/opinion.png') no-repeat transparent top right;
}

/* Compilation result of socialsearch on Wed May 04 20:15:01 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* BEGIN Social - Search */
.header .header-social-search {
  position: absolute;
  right: 0;
  max-width: 700px;
  width: auto;
  font-size: 16px;
  z-index: 100;
}
.header .header-social-search .header-search-form {
  float: left;
  margin: 3px 0 0 0;
  height: 36px;
}
.header .header-social-search .header-search-form input,
.header .header-social-search .header-search-form button {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}
.header .header-social-search .header-search-form button {
  float: right;
}
.header .header-social-search .header-search-form .search-input {
  width: 0px;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 2em;
  cursor: pointer;
  font-size: .7em;
  background-color: transparent;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #b4b4b4;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.header .header-social-search .header-search-form:hover .search-submit {
  color: #000000;
}
.header .header-social-search .header-search-form.active .search-input {
  width: 11em;
  padding: 0 .5em;
  cursor: text;
  background-color: transparent;
  border-color: #000000;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
.header .header-social-search .header-search-form.active .search-submit {
  color: #000000;
}
.header .header-social-search .header-search-form .search-submit {
  color: #b4b4b4;
  border: none;
  font-size: 1.5em;
  background: transparent;
  line-height: 1;
  margin: 0;
  padding: .2em;
  vertical-align: top;
}
.header .header-social-search .header-social {
  float: left;
  text-align: right;
  /*
            Because this is shared with the OLD dailybeast code, put this shim in place
            to use the right icon font
            */

}
.header .header-social-search .header-social li {
  display: inline-block;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0.1em;
}
.header .header-social-search .header-social li a {
  color: #b4b4b4;
}
.header .header-social-search .header-social li a:hover {
  color: #000000;
}
.header .header-social-search .header-social a.icon-twitter:before {
  font-family: 'dailybeast-icon-font';
  content: "\e001";
}
.header .header-social-search .header-social a.icon-search:before {
  font-family: 'dailybeast-icon-font';
  content: "\e002";
}
.header .header-social-search .header-social a.icon-facebook:before {
  font-family: 'dailybeast-icon-font';
  content: "\e006";
}
.header.header-1 .header-social-search .header-social {
  margin: 5px -3px 0 0;
  font-size: 1.8em;
}
.header.header-1 .header-social-search .header-search-form .search-input {
  margin-top: 5px;
}
.header.header-2 .header-social-search .header-social {
  margin: 0;
  font-size: 2em;
}
.header.header-2 .header-social-search .header-social li {
  line-height: 1.5;
  padding: 0;
}
.header.header-2 .header-social-search .search-submit {
  font-size: 1.3em;
  padding: .1em;
  color: #b2b2b2;
}
.header.homenav .header-social-search {
  top: 20px;
}
.header.homenav .header-social-search .header-social {
  margin: 0;
}
.header.homenav .header-social-search .header-social li {
  padding: 0;
  margin-left: 15px;
  float: left;
}
.header.homenav .header-social-search .header-social li.twitter {
  font-size: 1.4em;
  margin-top: 1px;
}
.header.homenav .header-social-search .header-social li.facebook {
  font-size: 1.2em;
  margin-top: 2px;
}
.header.homenav .header-social-search .header-social li a:hover {
  color: #ffffff;
}
.header.homenav .header-social-search .header-search-form {
  margin: 0 0 0 0;
}
.header.homenav .header-social-search .header-search-form.active .search-input {
  border-color: #ffffff;
}
.header.homenav .header-social-search .header-search-form.active .search-submit {
  color: #ffffff;
}
.header.homenav .header-social-search .header-search-form .search-input {
  border-bottom: 1px solid #b2b2b2;
  color: #ffffff;
}
.header.homenav .header-social-search .header-search-form .search-submit {
  font-size: 1.7em;
  padding: 0;
  color: #b2b2b2;
}
.header.homenav .header-social-search .header-search-form .search-submit:hover {
  color: #ffffff;
}
.header .social-search .header-search-form {
  margin: 10px 0 0;
  height: 40px;
}
.header .social-search .header-search-form .search-submit {
  height: 25px;
  width: 25px;
  background: url('/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/img/search.svg') no-repeat;
  padding: 0;
}
.header .social-search .header-social li {
  float: left;
  margin: 10px 0 0;
  height: 40px;
  width: 40px;
}
.header .social-search .header-social li:hover {
  background-color: transparent;
}
.header .social-search .header-social li a {
  float: right;
  width: 25px;
  height: 25px;
  display: block;
  margin: 0;
}
.header .social-search .header-social .facebook a {
  background: url('/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/img/facebook.svg') no-repeat;
}
.header .social-search .header-social .twitter a {
  background: url('/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/img/twitter.svg') no-repeat;
}
.header .social-search .header-social .search a {
  background: url('/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/img/search.svg') no-repeat;
}
/* END Social - Search */
/* Compilation result of snippet on Wed May 04 20:15:01 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* BEGIN snippet */
.snippet {
  width: auto;
  height: auto;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.snippet iframe,
.snippet * {
  max-width: 100%;
}
/* BEGIN snippet */
@media only screen and (min-width: 1145px) {
  .snippet {
    max-width: 610px;
  }
}

/* Compilation result of slider on Wed May 04 20:15:00 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* BEGIN topbox slider */
.top-box {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #000000;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  height: 532px;
}
.top-box .slider {
  height: 480px;
  width: 560px;
  position: relative;
}
.top-box .slider .slides {
  width: 99999em;
  position: absolute;
}
.top-box .slider .slides .slide {
  float: left;
  width: 560px;
}
.top-box .slider .slides .slide img {
  width: 100%;
}
.top-box .slider .slides .slide .screenshot {
  height: 310px;
}
.top-box .slider .slides .slide .has-video {
  height: 310px;
  margin: 0 auto;
}
.top-box .slider .slides .slide-ad {
  height: 560px;
  background-color: #000000;
}
.top-box .slider .slides .slide-topbox .screenshot {
  height: 310px;
}
.top-box .slider .slides .slide-topbox .has-video {
  height: 310px;
}
.top-box .slider .slides .slide-hidden {
  display: none;
}
.top-box .nav-prev,
.top-box .nav-next {
  position: absolute;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  top: 150px;
  width: 83px;
  height: 83px;
  font-size: 5.0em;
  color: #ffffff;
}
.top-box .nav-next {
  right: 0px;
  /*&:hover {
            .opacity(1)!important;
        }*/

}
.top-box .nav-next.opaque {
  -moz-opacity: 0.75 !important;
  -khtml-opacity: 0.75 !important;
  opacity: 0.75 !important;
  filter: alpha(opacity=75) !important;
}
.top-box .nav-prev {
  left: 0;
  /*&:hover {
            .opacity(1)!important;
        }*/

}
.top-box .nav-prev.opaque {
  -moz-opacity: 0.75 !important;
  -khtml-opacity: 0.75 !important;
  opacity: 0.75 !important;
  filter: alpha(opacity=75) !important;
}
.top-box .controls {
  position: absolute;
  z-index: 1;
  height: 6px;
  overflow: hidden;
  width: 100%;
  cursor: pointer;
  bottom: 0px;
  left: 0;
}
.top-box .controls li {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */

  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */

  box-sizing: border-box;
  /* Opera/IE 8+ */

  float: left;
  border-left: 1px solid #000000;
  height: 6px;
  width: 100%;
  background-color: #666;
}
.top-box .controls li.active {
  background-color: #f00606;
}
.top-box .controls li:first-child {
  border-left: none;
}
.top-box .bd {
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0px;
  padding-left: 20px;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 560px;
  background-color: #000000;
  border-top: 1px solid #333;
  min-height: 160px;
}
.top-box .bd.hidden-transparent {
  display: none !important;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  display: none;
}
.top-box .bd.shown-opaque {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  display: block;
}
.top-box .bd.bd-ad {
  display: none !important;
  height: 0;
  width: 0;
}
.top-box .bd.bd-topbox-video {
  min-height: 222px;
  border-top-color: #4d4d4f;
}
.top-box .bd.bd-topbox-video .comment-box-sm {
  top: 45px;
}
.top-box .bd.bd-topbox-video a {
  top: 78px;
}
.top-box .bd.bd-topbox-video .brand-image-area {
  top: 46px;
}
.top-box .bd .comment-box-sm {
  position: absolute;
  top: -17px;
  left: 20px;
}
.top-box .bd .comment-box-sm.active {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
.top-box .bd a {
  letter-spacing: 0.0625em;
  line-height: 1.2;
  position: absolute;
  color: #f4f2df;
  font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
  top: 24px;
  left: 20px;
  right: 20px;
}
.top-box .bd a.active {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  display: block;
}
.top-box .bd a .title {
  font-size: 1.8em;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 6px;
  margin-left: 0;
  color: #e7e5db;
}
.top-box .bd a .dek {
  line-height: 1.2;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 3px;
  margin-left: 0;
  font-family: "TitlingGothicFBCondRegular", "Arial Narrow", Arial, sans-serif;
  font-size: 15px;
  color: #e7e5db;
  letter-spacing: 1px;
}
.top-box .bd a .byline {
  font-style: italic;
  font-weight: 400;
  font-size: .687em;
  font-family: Georgia, Times, serif;
  color: #e7e5db;
  text-overflow: ellipsis;
  width: 520px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
}
.top-box .bd a .credits {
  position: absolute;
  top: -18px;
  right: -10px;
  font-style: italic;
  font-weight: 100;
  font-size: .6em;
  color: #999;
  font-family: Georgia, Times, serif;
}
.top-box .bd .brand-image-area {
  position: absolute;
  right: 20px;
  top: 4px;
  width: 88px;
  height: 31px;
}
.top-box .bd .brand-image-area img {
  position: absolute;
  max-width: 88px;
  max-height: 31px;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.top-box .bd .topbox-brand-logo-link {
  position: static;
}
/* END topbox slider */
.touch .video-wrapper {
  -webkit-transform: scale(0.75);
}

/* Compilation result of signup on Wed May 04 20:15:00 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/***
    PLACEHOLDER TEXT
***/
/***
    SUBMIT BUTTON
***/
/***
    CUSTOM RADIO BUTTONS
***/
/***
    CHECKBOXES
***/
/***
    FORM ERRORS
***/
.signup header {
  float: left;
  text-align: center;
  width: 100%;
  margin-bottom: 0px;
}
.signup h1 {
  font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
  font-size: 21px;
  color: #ffffff;
  text-transform: uppercase;
}
.signup h2 {
  text-transform: uppercase;
  padding-left: 29px;
  font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
  font-size: 23px;
  letter-spacing: 0px;
  color: #f00606;
  margin-bottom: 25px;
  font-weight: bold;
  line-height: 1;
}
.signup-close {
  font-family: Georgia, Times, serif;
  font-size: 14px;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  text-decoration: underline;
  font-style: italic;
  color: #7d7d7d;
  display: block;
  margin: 7px 10px 0 0;
  text-align: center;
}
.signup-form {
  margin: 60px 0 0 18px;
  /** SHIM: FOR BROWSERS THAT DO NOT SUPPORT :checked **/

}
.signup-form input[type=checkbox] {
  display: none;
}
.signup-form label {
  position: relative;
  padding-left: 25px;
  margin-right: 15px;
  cursor: pointer;
}
.signup-form label:before {
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  bottom: 1px;
  background-color: #fff;
  border: solid 1px #000;
}
.signup-form .checked-input {
  width: 11px;
  height: 11px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  bottom: 5px;
  background-color: #fff;
  border: solid 1px #000;
  line-height: 6px;
}
.signup-form input[type=checkbox]:checked + label:before {
  content: "\2713";
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  font-size: 18px;
  font-style: normal;
  color: #000;
  text-align: center;
  line-height: 6px;
  font-family: Arial, 'sans-serif';
}
.signup-form label {
  display: block;
  font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
  margin-bottom: 15px;
  font-size: 21px;
  line-height: 1;
}
.signup-form label:before {
  bottom: 5px;
}
.signup-form label.placeholder:before {
  content: none;
}
.signup-form label[for=tos] .checked-input,
.signup-form label[for=tos] {
  font-family: Georgia, Times, serif;
  font-size: 10px;
  font-style: italic;
  margin: 18px 0 0;
  padding-left: 17px;
  line-height: 10px;
  display: inline-block;
}
.signup-form label[for=tos] .checked-input {
  font-size: 18px;
  padding-left: 0;
}
.signup-form .tos-link,
.signup-form .privacy-link,
.signup-form .text {
  font-family: Georgia, Times, serif;
  font-size: 10px;
  font-style: italic;
}
.signup-form .text {
  margin: 0 6px;
}
.signup-form .tos-link,
.signup-form .privacy-link {
  text-decoration: underline;
}
.signup-form label[for=tos] .checked-input,
.signup-form label[for=tos]:before {
  bottom: 0px;
}
.signup-form input[name=email] {
  width: 265px;
  height: 32px;
  font-family: Georgia, Times, serif;
  font-size: 14px;
  margin-top: 15px;
  border: solid 2px #40403E;
  padding-left: 8px;
}
.signup-form ::-webkit-input-placeholder {
  color: #bbb;
}
.signup-form :-moz-placeholder {
  /* Firefox 18- */
  color: #bbb;
}
.signup-form ::-moz-placeholder {
  /* Firefox 19+ */
  color: #bbb;
}
.signup-form :-ms-input-placeholder {
  color: #bbb;
}
.signup-form input[type=submit] {
  background: #000 none;
  color: #fff;
  padding: 6px 10px;
  border: 0;
  font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
  text-transform: uppercase;
  min-width: 112px;
  font-weight: bold;
  letter-spacing: -1px;
  margin: 15px 77px 0;
  display: block;
  letter-spacing: 1px;
}
.ie8 .side.hide {
  display: none !important;
}
.signup-confirm {
  font-size: 54px;
  line-height: 105%;
  padding: 110px 23%;
  height: 110%;
  opacity: 1;
  background: #f00606;
  z-index: 1000;
  position: absolute;
  width: 100%;
  font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
  text-transform: uppercase;
  text-align: center;
}

/* Compilation result of sidebar on Wed May 04 20:15:00 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/***
    PLACEHOLDER TEXT
***/
/***
    SUBMIT BUTTON
***/
/***
    CUSTOM RADIO BUTTONS
***/
/***
    CHECKBOXES
***/
/***
    FORM ERRORS
***/
/**
 READ THIS CAR AND INNER READ THIS LIST (The box in the side bar of articles)
**/
.sidebar-wrapper .sidebar-car.readthis .readthis-car-container {
  height: 367px;
}
.sidebar-wrapper .sidebar-car.readthis header {
  background-color: #000000;
  line-height: 42px;
}
.sidebar-wrapper .sidebar-car.readthis header .sidebar-title {
  font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
  font-size: 24px;
  color: #ffffff;
  text-transform: uppercase;
}
.sidebar-wrapper .sidebar-car.readthis header .sidebar-title .italic {
  font-style: italic;
  font-family: Georgia, Times, serif;
  font-weight: normal;
  color: #808181;
  text-transform: none;
  font-size: 25px;
  letter-spacing: 0;
  margin-left: 3px;
}
.sidebar-wrapper .sidebar-car.readthis footer {
  background-color: #000000;
}
.sidebar-car-list.readthis-list li {
  height: 65px;
}
.sidebar-car-list.readthis-list li.current {
  border-left: solid 8px #f00606;
}
.sidebar-car-list.readthis-list li:before {
  font-size: 15px;
}
.sidebar-car-list.readthis-list li .author {
  line-height: 36px;
  margin-top: -9px;
}
.sidebar-car-list.readthis-list li .readthis-list-item-info {
  height: 40px;
}
.sidebar-car-list.readthis-list li .progress-bar {
  background-color: #e1e1e1;
  width: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  min-height: inherit;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.sidebar-car-list.readthis-list .title {
  font-size: 15px;
}

/* Compilation result of sidebar on Wed May 04 20:14:59 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/***
    PLACEHOLDER TEXT
***/
/***
    SUBMIT BUTTON
***/
/***
    CUSTOM RADIO BUTTONS
***/
/***
    CHECKBOXES
***/
/***
    FORM ERRORS
***/
/***
    SIDEBAR "CAR" (The structural template of a sidebar list. I call it the car, because it sits on the side rail, and chugs along. Hope you like.)
***/
.sidebar-wrapper {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  margin: 0;
  position: relative;
  top: 0;
  right: 0;
  -moz-transition: top 0.1s linear;
  -o-transition: top 0.1s linear;
  transition: top 0.1s linear;
}
.sidebar-wrapper.loading {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.sidebar-wrapper.no-transition {
  transition-property: none;
}
.sidebar-wrapper .hideAd {
  position: relative;
  left: -10000px;
}
.sidebar-wrapper .tower-ad-container {
  margin-bottom: 27px;
  width: 100%;
}
.sidebar-wrapper .box-ad-container {
  width: 300px;
  height: 300px;
  position: relative;
  top: 0px;
  left: auto;
}
.sidebar-wrapper .pending-in-page {
  position: absolute;
  top: 0px;
  left: 0px;
  background: #ffffff;
  -moz-opacity: 0.85;
  -khtml-opacity: 0.85;
  opacity: 0.85;
  filter: alpha(opacity=85);
  z-index: 10;
}
.sidebar-wrapper .pending-in-page .loader {
  top: 45%;
  left: 35%;
  position: absolute;
}
.sidebar-wrapper .sidebar-car {
  height: 390px;
  margin-bottom: 16px;
}
.sidebar-wrapper .sidebar-car header {
  float: left;
  text-align: center;
  width: 100%;
  margin-bottom: 0px;
}
.sidebar-wrapper .sidebar-car footer {
  float: left;
  position: relative;
  width: 100%;
  height: 23px;
  background-color: #000;
}
.sidebar-wrapper .sidebar-car footer .flip-this-signup {
  display: block;
}
.sidebar-wrapper .sidebar-car footer .bottom-ad .flip-this {
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: transparent;
  background: transparent 0 0 repeat scroll url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  z-index: 2000;
}
.sidebar-wrapper .sidebar-car .bottom-stripe-container {
  height: 23px;
}
.sidebar-wrapper .sidebar-car .high-z-index {
  z-index: 100;
}
.sidebar-wrapper .sidebar-car .back-ad .flip-this {
  background-color: #000;
  background-image: url('/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/components/sidebar/img/rtl_bottom_db.png');
  background-repeat: no-repeat;
  background-position: center;
  z-index: 200;
}
.sidebar-wrapper .sidebar-car .flip-this {
  position: absolute;
  width: 100%;
  height: 23px;
}
/**
 SIDE BAR LISTS
**/
.sidebar-car-list {
  float: left;
  font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
  background-color: #ffffff;
  width: 100%;
  position: relative;
}
.sidebar-car-list ol {
  margin: 0 0 0 0;
  padding-left: 0;
  counter-reset: read-this-list-counter;
  list-style-type: none;
}
.sidebar-car-list a:last-child li:after {
  height: 0;
}
.sidebar-car-list li {
  position: relative;
  counter-increment: read-this-list-counter;
  padding-top: 0px;
  padding-right: 15px;
  padding-bottom: 0px;
  padding-left: 40px;
  overflow: hidden;
  width: 100%;
}
.sidebar-car-list li:after {
  background: #c3c3c3;
  height: 1px;
  width: 100%;
  content: " ";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}
.sidebar-car-list li:before {
  position: absolute;
  content: counter(read-this-list-counter);
  left: 0;
  top: 12px;
  text-indent: 24px;
  height: 100%;
  z-index: 1;
}
.sidebar-car-list li:last-child {
  border-bottom: none;
}
.sidebar-car-list li.current:before {
  left: -8px;
}
.sidebar-car-list li.current .readthis-list-item-info {
  margin-left: -8px;
}
.sidebar-car-list li.current .bullet {
  background-color: #ee2e24;
}
.sidebar-car-list li .category {
  margin: 10px 0 0 0;
  text-transform: uppercase;
  color: #ee2e24;
  font-size: 12px;
  letter-spacing: 0em;
}
.sidebar-car-list li .author {
  color: #a7afb3;
  font-size: 13px;
  font-family: "ScoutBold", "Arial Narrow", Arial, sans-serif;
  line-height: 15px;
  font-weight: normal;
  letter-spacing: 0.5px;
}
.sidebar-car-list li .author .author-item {
  display: inline-block;
}
.sidebar-car-list li .title {
  margin: 0;
  text-transform: capitalize;
}
.sidebar-car-list li .title a {
  color: #231f20;
}
.sidebar-car-list li .item-info {
  position: relative;
  z-index: 999;
  display: block;
  overflow: hidden;
  margin-top: 12px;
}
.sidebar-car-list li .item-info h4 {
  font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
  font-weight: normal;
}
.sidebar-car-list li .item-info.sponsored h4 {
  color: #6182c2;
}

/* Compilation result of sidebar on Wed May 04 20:14:59 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/***
    PLACEHOLDER TEXT
***/
/***
    SUBMIT BUTTON
***/
/***
    CUSTOM RADIO BUTTONS
***/
/***
    CHECKBOXES
***/
/***
    FORM ERRORS
***/
/**
    SIDE BAR :: Side bar rail template
**/
.sidebar-wrapper .sidebar-car.cheat {
  height: 498px;
  margin-bottom: 50px;
}
.sidebar-wrapper .sidebar-car.cheat .cheat-car-container {
  height: 472px;
}
.sidebar-wrapper .sidebar-car.cheat header {
  text-align: center;
  background-color: #f00606;
  width: 100%;
  margin-bottom: 0;
  line-height: 35px;
}
.sidebar-wrapper .sidebar-car.cheat header .sidebar-title {
  color: #02141f;
  font-size: 30px;
  font-family: "ScoutCondensedBold", "Arial Narrow", Arial, sans-serif;
  line-height: 30px;
  font-weight: normal;
  letter-spacing: 0.5px;
  color: #fff;
  text-transform: uppercase;
  padding: 3px 0 6px;
}
.sidebar-wrapper .sidebar-car.cheat footer {
  background-color: transparent;
  text-align: center;
  height: 35px;
}
.sidebar-wrapper .sidebar-car.cheat footer .flip-content-description,
.sidebar-wrapper .sidebar-car.cheat footer .icon {
  display: table-cell;
  color: #fff;
  vertical-align: middle;
}
.sidebar-wrapper .sidebar-car.cheat footer .flip-content-description {
  color: #a7afb3;
  font-size: 13px;
  font-family: "ScoutBold", "Arial Narrow", Arial, sans-serif;
  line-height: 15px;
  font-weight: normal;
  letter-spacing: 0.5px;
  color: #fff;
  text-align: right;
  width: 30%;
  text-transform: uppercase;
  padding: 6px 0 7px;
}
.sidebar-wrapper .sidebar-car.cheat footer .icon {
  width: 7%;
  font-size: 1.4em;
  text-align: left;
  padding-left: 8px;
}
.sidebar-wrapper .sidebar-car.cheat footer .side {
  background-color: #f00606;
}
.sidebar-wrapper .sidebar-car.cheat #front-side,
.sidebar-wrapper .sidebar-car.cheat .back-side,
.sidebar-wrapper .sidebar-car.cheat .form-side {
  background: #e8e8df;
}
.sidebar-wrapper .sidebar-car.cheat .signup {
  /* force the errors to sit above the footer strip */

  bottom: -12px !important;
  z-index: 999;
}
.sidebar-wrapper .sidebar-car.cheat .input-error {
  color: #f00606;
  font-family: Arial, 'sans-serif';
  font-size: 9px;
  padding: 5px 40px 4px 30px;
  text-align: center;
}
.sidebar-car-list.cheat-list {
  background: #e8e8df;
}
.sidebar-car-list.cheat-list ol > a {
  float: left;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.sidebar-car-list.cheat-list li {
  height: 43px;
  padding: 0 10px 0 31px;
}
.sidebar-car-list.cheat-list li.current {
  border-left: solid 5px #000;
  background: #fff;
  padding: 0 15px 0 26px;
}
.sidebar-car-list.cheat-list li.current:before {
  left: -18px;
}
.sidebar-car-list.cheat-list li:before {
  color: #02141f;
  font-size: 20px;
  font-family: "ScoutCondensedBold", "Arial Narrow", Arial, sans-serif;
  line-height: 22px;
  font-weight: normal;
  letter-spacing: 0.5px;
  top: 9px;
  left: -13px;
}
.sidebar-car-list.cheat-list li .cheat-list-item-info {
  height: auto;
  margin-top: 9px;
}
.sidebar-car-list.cheat-list li .cheat-list-item-info.sponsored {
  margin: 3px 0;
}
.sidebar-car-list.cheat-list .title {
  color: #02141f;
  font-size: 20px;
  font-family: "ScoutCondensedBold", "Arial Narrow", Arial, sans-serif;
  line-height: 22px;
  font-weight: normal;
  letter-spacing: 0.5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Compilation result of sharetools on Wed May 04 20:14:59 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* BEGIN sharetools */
.floating-social {
  margin-top: 10px;
  position: relative;
  overflow: visible;
}
.floating-social .social-wrapper {
  position: relative;
  padding-top: 10px;
  padding-bottom: 100px;
}
.floating-social .social-wrapper.hidden-transparent {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  display: block;
}
.floating-social .social-wrapper.shown-opaque {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  display: block;
}
.floating-social .social-wrapper .social {
  position: absolute;
  top: 0px;
  margin-top: 100px;
  font-size: 40px;
}
.floating-social .social-wrapper .social li {
  margin-left: 15.5px;
}
.floating-social .social-wrapper .social a {
  display: inline;
  color: #c0c0c0;
  cursor: hand;
}
.floating-social .social-wrapper .social a.icon-facebook {
  color: #3a5a98;
}
.floating-social .social-wrapper .social a.icon-facebook:hover {
  color: #1b34ac;
}
.floating-social .social-wrapper .social a.icon-twitter {
  color: #5c8fcb;
}
.floating-social .social-wrapper .social a.icon-twitter:hover {
  color: #1771ff;
}
.floating-social .social-wrapper .social a.icon-google-plus {
  color: #d34836;
}
.floating-social .social-wrapper .social a.icon-google-plus:hover {
  color: #db291a;
}
.floating-social .social-wrapper .social a.icon-email {
  color: #000;
}
.floating-social .social-wrapper .social a.icon-email:hover {
  color: #b3b3b3;
}
.floating-social .article-info {
  margin-top: 70px;
  margin-right: 0;
  margin-bottom: 20px;
  margin-left: 0;
  text-align: center;
}
.floating-social .article-info .author-image-link {
  width: 60px;
  height: 60px;
  margin: 0 auto 5px;
  display: block;
}
.floating-social .article-info .author-image {
  max-width: 100%;
  background-color: #969696;
}
.floating-social .article-info .info .written-by {
  font-size: 9px;
  font-weight: 500;
  font-style: normal;
  font-family: Arial, 'sans-serif';
  text-transform: uppercase;
  color: #BCB7B1;
  display: inline-block;
  margin-bottom: 12px;
  padding: 0;
}
.floating-social .article-info .info .byline {
  margin: 0 auto 15px;
  display: block;
  font-style: italic;
  letter-spacing: 0;
  font-family: Georgia, Times, serif;
  color: #b4b4b4;
  font-size: 10px;
}
.floating-social .article-info .info .icon-twitter-2 {
  display: block;
  color: #2DA8E1;
  font-size: 20px;
  margin: 0 auto 12px;
}
.floating-social .article-info .info .more-by-author {
  color: #A3A3A3;
}
.social li a {
  text-decoration: none;
}
.social li a:hover,
.social li a:active,
.social li a:visited {
  text-decoration: none;
}
.social li a .label {
  color: #a7afb3;
  font-size: 13px;
  font-family: "ScoutBold", "Arial Narrow", Arial, sans-serif;
  line-height: 15px;
  font-weight: normal;
  letter-spacing: 0.5px;
  color: #02141f;
  vertical-align: 90%;
  text-transform: uppercase;
  letter-spacing: 0;
}
.social li a.icon-facebook {
  color: #3a5a98;
}
.social li a.icon-twitter {
  color: #5c8fcb;
}
.social li a.icon-google-plus {
  color: #d34836;
}
.social li a.icon-google-plus:before {
  font-size: 38px;
}
.social li a.icon-email {
  color: #02141f;
}
.social li a .social-share-image {
  display: inline-block;
  margin: 2px 0 0 2px;
  width: 38px;
  height: 38px;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  vertical-align: 3%;
}
.social li a .social-share-image .reddit {
  color: #ef4923;
}
.social li a .social-share-image + .label {
  vertical-align: 112%;
  padding-left: 1px;
}
/* END sharetools */
@media only screen and (min-width: 1145px) {
  .floating-social .social li {
    margin-left: 22.5px;
  }
  .floating-social .article-info .author-image-link {
    width: 70px;
    height: 70px;
  }
  .floating-social .article-info .info .written-by {
    font-size: 11px;
  }
}

/* Compilation result of sections on Wed May 04 20:14:58 UTC 2016 */


/* Compilation result of section on Wed May 04 20:14:58 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*
 * TOPIC SECTIONS
 * TODO: if this is one common re-usable component, then we should be able to tie scope to one root class on the component. It looks like maybe this can be further broken up to have the sections outer template structure in sections and the topics here
 *
 */
.bottom-section {
  min-width: 1145px;
}
.bottom-section .footer {
  margin-top: 0px;
  text-align: center;
}
.bottom-section .footer .feature-more-button {
  font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
  letter-spacing: 1px;
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
  top: -20px;
  position: relative;
  background-color: #ffffff;
  padding-left: 15px;
  vertical-align: middle;
}
.bottom-section .footer .feature-more-button:hover {
  color: #000000;
}
.bottom-section .footer .feature-more-button .icon {
  visibility: hidden;
  color: #f00606;
}
.bottom-section .footer .feature-more-button:hover .icon {
  visibility: visible;
  color: #f00606;
}
.bottom-section .feature-next-button {
  display: inline-block;
  color: #444444;
  background-color: #ffffff;
  width: 53px;
  height: 53px;
  margin: 0px;
  z-index: 0;
}
.bottom-section .feature-next-button .icon {
  font-size: 3.25em;
  display: block;
}
.bottom-section .feature-next-button:hover {
  color: #666666;
}
.topic-section {
  margin: 0 auto;
}
.topic-section .feature-slider-loading {
  max-height: 730px;
  overflow: hidden;
}
.topic-section .feature-slider-ad {
  position: absolute;
  top: 0px;
  right: 0px;
}
.topic-section .module {
  margin: 0 0 5px;
}
.topic-section .module.header {
  padding-bottom: 7px;
}
.topic-section .ad {
  display: inline-block;
  margin-left: 2.183406114%;
}
.topic-section .feature-topic.across3depend.adhere,
.topic-section .subfeature-topic.noad {
  display: none;
}
.topic-section .bx-wrapper .bx-viewport {
  background-color: #ffffff;
}
.topic-section .feature-slider-container {
  position: relative;
  height: 600px;
  overflow: hidden;
}
.topic-section .topic-closed {
  width: auto;
  margin-bottom: 25px;
}
/* feature-topic */
.topic-section .feature-topic {
  text-align: center;
}
.topic-section .feature-topic .title {
  font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
  letter-spacing: 1px;
  font-size: 23px;
  line-height: 33px;
}
.topic-section .feature-topic .bd,
.topic-section .feature-topic .bd-video {
  color: #fff;
  font-weight: normal;
  position: absolute;
  bottom: 10%;
  background-color: black;
  padding: 22px 20px 22px 20px;
  left: 0;
}
.topic-section .feature-topic .bd .dek {
  display: none;
}
.topic-section .feature-topic .byline {
  font-family: Georgia, Times, serif;
  text-transform: normal;
  font-style: italic;
  color: #e8e8e8;
}
.topic-section .feature-topic .rubric,
.topic-section .feature-topic .timeago,
.topic-section .feature-topic .timestamp {
  text-transform: uppercase;
  font-weight: normal;
  font-size: 14px;
  font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
  display: inline-block;
  letter-spacing: 2px;
}
.topic-section .feature-topic .timeago,
.topic-section .feature-topic .timestamp {
  margin-top: 24px;
  margin-right: 10px;
}
.topic-section .feature-topic .dek {
  margin-top: 23px;
  font-weight: normal;
  font-size: 18px;
  font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
}
.topic-section .feature-topic .rubric {
  color: #ee2e24;
  margin: 0 0 14px;
  font-size: 14px;
}
.topic-section .feature-topic .byline {
  /*color: #fff;*/

  margin: 15px 0 0;
  display: block;
  font-size: 15px;
}
.topic-section .features .feature-topic .media-block {
  padding: 0;
}
.topic-section .features .feature-topic .media-block .video-wrapper,
.topic-section .features .feature-topic .media-block .video-wrapper iframe {
  max-height: 555px;
}
.topic-section .feature-topic .image-max .inlinevideo,
.topic-section .feature-topic .image-max img,
.topic-section .feature-topic .image-max {
  height: 600px;
}
.topic-section .feature-topic .image-max {
  overflow-y: hidden;
}
.feature-topic .media-block:hover .bd {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.feature-topic .media-block:hover .bd-hover {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
.ie8 .feature-topic .media-block:hover .bd {
  display: none;
}
.ie8 .feature-topic .media-block:hover .bd-hover {
  filter: alpha(opacity=70);
}
.feature-topic .keep-reading {
  color: #EE2E24;
  display: block;
  float: left;
  font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
  letter-spacing: 0.1em;
  margin: 1.5em 0 0;
  text-align: left;
  text-transform: uppercase;
  font-size: 14px;
}
.feature-topic .keep-reading .icon-arrow {
  padding-left: 5px;
  font-size: 20px;
  position: relative;
  bottom: -2px;
}
.topic-section .subfeature-topic .has-image a {
  color: inherit;
}
.topic-section .subfeature-topic .has-image .image-max .inlinevideo,
.topic-section .subfeature-topic .has-image .image-max img,
.topic-section .subfeature-topic .has-image .image-max {
  height: 200px;
}
.topic-section .subfeature-topic .image-max {
  overflow-y: hidden;
}
.topic-section .feature-topic .media-block,
.topic-section .feature-topic.no-image .media-block .image-max a,
.topic-section .feature-topic.no-image .media-block .image-max .screenshot,
.topic-section .subfeature-topic .no-image .media-block .image-max .screenshot {
  height: 100%;
}
.topic-section .has-image .screenshot {
  text-align: start;
  height: 600px;
}
.topic-section .subfeature-topic .has-image .screenshot {
  height: 200px;
}
.feature-topic.has-image .media-block .bd {
  display: table;
  height: 180px;
  padding: 0px 20px 0px 20px;
}
.feature-topic.has-image .media-block .bd .bd-inner {
  display: table-cell;
  vertical-align: middle;
}
.feature-topic .image-max .has-video {
  max-height: 600px;
  position: inherit;
}
.topic-section .has-video {
  margin: 0px;
}
.topic-section .feature-topic .media-block .bd-hover .title {
  color: #EE2E24;
  float: left;
  font-size: 3.9em;
  line-height: 1.05;
  text-align: left;
}
.topic-section .feature-topic.grid-13 .dek,
.topic-section .feature-topic.grid-18 .dek {
  font-size: 24px;
}
.topic-section .feature-topic .bd {
  width: 200px;
  min-height: 180px;
}
.topic-section .feature-topic.grid-5 .media-block .bd-hover .inner {
  margin: 7em 1.875em 0;
}
.topic-section .feature-topic.grid-5 .media-block .bd-hover .title {
  font-size: 37px;
}
.topic-section .feature-topic.grid-8 .media-block .bd-hover .inner {
  margin: 7em 3em 0;
}
/* no-image */
.topic-section .feature-topic.no-image .media-block .image-max {
  background-color: black;
}
.topic-section .feature-topic.no-image .media-block .img {
  visibility: hidden;
}
.topic-section .feature-topic.no-image .bd,
.topic-section .feature-topic.no-image .bd-hover {
  height: 100%;
  width: 100%;
  bottom: 0;
}
.subfeature-topic .no-image .media-block:hover .bd.bd-video-hover {
  display: none;
}
.topic-section .feature-topic.no-image .rubric {
  color: #FFF;
}
.topic-section .feature-topic.no-image .bd .bd-inner,
.topic-section .feature-topic.no-image .media-block .bd-hover .inner {
  margin: 0;
  position: absolute;
  width: 80%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.topic-section .feature-topic.no-image .bd .title {
  color: #EE2E24;
}
.topic-section .feature-topic.no-image.grid-5 .bd .title {
  font-size: 45px;
  line-height: 1.05;
}
.topic-section .feature-topic.no-image.grid-8 .bd .title {
  font-size: 77px;
  line-height: 77px;
}
.topic-section .feature-topic.no-image .media-block .bd-hover .inner .dek {
  height: auto;
}
/* sub-feature */
.topic-section .subfeature-topic li {
  margin-bottom: 20px;
}
.topic-section .subfeature-topic li.bottom-child {
  margin-bottom: 0px;
}
.topic-section .subfeature-topic li {
  height: 290px;
  overflow: hidden;
}
.topic-section .subfeature-topic li:hover {
  background-color: #e7e5db;
}
.topic-section .subfeature-topic .media-block .play-btn {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.topic-section .subfeature-topic .media-block:hover .play-btn,
.topic-section .feature-topic .media-block:hover .play-btn {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 1;
}
.topic-section .subfeature-topic .rubric {
  color: #BD1007;
  font-weight: normal;
  padding: 4px 10px;
  text-transform: uppercase;
  font-size: 14px;
  font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
  letter-spacing: 1px;
  position: absolute;
  display: inline-block;
  top: 63%;
  left: 2%;
  white-space: nowrap;
  z-index: 10;
}
.topic-section .subfeature-topic .bd {
  margin-top: 10px;
  margin-left: 5px;
}
.topic-section .subfeature-topic .title {
  font-size: 24px;
  font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
  letter-spacing: 1px;
  line-height: 1;
  margin-bottom: 8px;
}
.topic-section .subfeature-topic .dek {
  font-size: 18px;
  font-family: "TitlingGothicFBCondLight", "Arial Narrow", Arial, sans-serif;
  line-height: 1.2;
  margin: 6px 0;
}
.topic-section .subfeature-topic .bd,
.topic-section .subfeature-topic .timeago,
.topic-section .subfeature-topic .timestamp {
  font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
  font-weight: normal;
}
.topic-section .subfeature-topic .byline {
  font-size: 14px;
  margin-right: 10px;
  font-family: Georgia, Times, serif;
  font-style: italic;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
  display: block;
}
.topic-section .subfeature-topic .byline .author {
  display: inline-block;
}
.topic-section .subfeature-topic .timeago,
.topic-section .subfeature-topic .timestamp {
  font-size: 12px;
  color: #93906F;
}
.topic-section .subfeature-topic .media-block.thb-left .media {
  width: 45%;
  margin-right: 3%;
}
.topic-section .subfeature-topic .media-block.thb-left .bd {
  width: 52%;
}
.topic-expand {
  display: none;
}
.topic-close {
  margin-bottom: 10px;
}
/* sub-feature no-image */
.topic-section .subfeature-topic .no-image .media-block {
  height: 290px;
}
.topic-section .subfeature-topic .no-image .bd {
  position: absolute;
  top: 0px;
  width: 300px;
  height: 290px;
  text-align: center;
  color: #fff;
  background-color: #000;
  margin: 0px;
  display: table;
}
.topic-section .subfeature-topic .no-image .bd .bd-inner {
  display: table-cell;
  vertical-align: middle;
  padding: 0px 30px;
}
.topic-section .lazy-container.no-image .has-image {
  display: none;
}
.topic-section .lazy-container.has-image .no-image {
  display: none;
}
.topic-section .no-image .bd:hover,
.topic-section .no-image .bd-hover:hover,
.topic-section .no-image .screenshot:hover {
  background-color: #1f1f1f;
}
.topic-section .subfeature-topic .no-image .bd .time {
  display: none;
}
.topic-section .subfeature-topic .no-image .media img {
  visibility: hidden;
}
.topic-section .subfeature-topic .no-image .title {
  font-size: 33px;
}
.topic-section .subfeature-topic .no-image .rubric {
  position: relative;
  top: 0;
  left: 0;
}
.topic-section .subfeature-topic .no-image .byline {
  margin-right: 0px;
}
.feature-separator {
  clear: both;
  float: left;
  margin: 0;
  margin-top: 20px;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
}
.topic-section .feature-topic .bd-video {
  bottom: 0;
  text-align: left;
  display: none;
}
.topic-section .feature-topic.grid-18 .bd-video {
  width: 20.7%;
  height: 100%;
}
.topic-section .feature-topic.grid-13 .bd-video,
.topic-section .feature-topic.grid-8 .bd-video {
  width: 100%;
  height: 20.5%;
  padding: 0 20px 20px 20px;
}
.topic-section .feature-topic .bd-video .rubric {
  font-weight: bold;
  font-size: 14px;
  letter-spacing: normal;
}
.topic-section .feature-topic .bd-video .social {
  margin: 24px 0 0 0;
  font-size: 1.3em;
}
.topic-section .feature-topic .bd-video .social li {
  display: inline-block;
}
.topic-section .feature-topic .bd-video .social a {
  color: #FFF;
  font-size: 28px;
}
.topic-section .feature-topic .bd-video .dek {
  font-size: 15px;
}
.topic-section .feature-topic .bd-video .timestamp {
  font-size: 10px;
  font-style: italic;
  text-transform: none;
  letter-spacing: normal;
}
.topic-section .feature-topic.grid-13 .bd-video .rubric,
.topic-section .feature-topic.grid-13 .bd-video .social,
.topic-section .feature-topic.grid-13 .bd-video .timestamp {
  display: none;
}
.topic-section .feature-topic.grid-13 .bd-video .dek {
  margin-top: 0;
}
.topic-section .feature-topic .has-video.swapped {
  padding: 5px;
}
.topic-section .feature-topic.grid-13 .has-video.swapped {
  height: 600px;
}
.topic-section .feature-topic.grid-13 .has-video.swapped .video-wrapper,
.topic-section .feature-topic.grid-13 .has-video.swapped .video-wrapper iframe {
  max-height: 465px;
}
.topic-section .feature-topic.grid-8 .has-video.swapped {
  height: 79.5%;
}
.topic-section .feature-topic.grid-18 .has-video.swapped {
  width: 79.3%;
  float: right;
  padding-bottom: 35px;
}
.features .media-block.has-video:hover,
.topic-section .feature-topic.grid-18 .media {
  background-color: #000;
}
.features .media-block .has-video {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.belt-ad-wrapper {
  background-color: #f6f5f0;
  position: relative;
  display: table;
  width: 100%;
  height: 250px;
  margin-top: 100px;
}
.belt-ad-wrapper .gallery {
  display: table;
  height: 250px;
}
.belt-ad-wrapper .gallery .ad {
  display: table-cell;
  vertical-align: middle;
}
.home-section {
  margin-bottom: 135px;
}
.home-section:first-child {
  margin-top: 0;
}
.feature-slider {
  position: relative;
  overflow: hidden;
  height: 600px;
}
.feature-slider .items {
  position: absolute;
  height: 20000em;
  width: 100%;
}
.feature-slider .items .icon-play {
  cursor: pointer;
}

/* Compilation result of screamer on Wed May 04 20:14:58 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* BEGIN screamer */
.header .primary-logo {
  display: inline-block;
  width: 10.13100437%;
  height: 12.13973799%;
  margin-top: 12px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  float: left;
}
.header .primary-logo img {
  max-width: 100%;
}
.header .nav-screamer {
  margin-top: -2px;
  width: 89.86899563%;
  padding-left: 1.3%;
  float: left;
  overflow: hidden;
}
.header .nav-screamer .nav {
  height: 30px;
  text-transform: uppercase;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.header .nav-screamer .screamer {
  padding-top: 22px;
  text-align: center;
  position: relative;
  height: 150px;
}
.header .nav-screamer .screamer .rubric {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  color: #f00606;
  text-transform: uppercase;
  font-size: 24px;
  font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
  letter-spacing: 1px;
  line-height: 1.2;
  position: absolute;
  width: 98%;
}
.header .nav-screamer .screamer .heading {
  display: block;
  font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
  font-weight: 300;
  padding: 0;
  text-transform: uppercase;
  width: 98%;
  max-width: 1000px;
  white-space: nowrap;
  position: absolute;
  bottom: 14px;
  font-size: 70px;
}
.header .nav-screamer .screamer .heading span {
  display: block;
  line-height: 90%;
}
.header .nav-screamer .screamer .heading:hover {
  color: #666666;
}
.js .nav-screamer .screamer .heading {
  display: none;
  color: #000000;
}
.js .nav-screamer .screamer .heading:hover {
  color: #666666;
}
/* END screamer */
/* Compilation result of rtlHeadAd on Wed May 04 20:14:57 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.rtl-head-ad {
  position: relative;
  padding: 15px 0;
  background: #f6f5f0;
  box-shadow: -1800px 0 #f6f5f0, -900px 0 #f6f5f0, 900px 0 #f6f5f0, 1800px 0 #f6f5f0;
}
.rtl-head-ad .ad {
  position: relative;
  width: 970px;
  margin: 0 auto;
  z-index: 1;
}

/* Compilation result of readitat on Wed May 04 20:14:57 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.readitat {
  color: #02141f;
  font-size: 30px;
  font-family: "ScoutCondensedBold", "Arial Narrow", Arial, sans-serif;
  line-height: 30px;
  font-weight: normal;
  letter-spacing: 0.5px;
  float: left;
  margin: 43px 0 44px 0;
  position: relative;
}
.readitat .inner-text:hover {
  text-decoration: underline;
}
.readitat a {
  color: #02141f !important;
}
.readitat .readitat-arrow {
  width: 50px;
  height: 50px;
  position: absolute;
  right: -41px;
  top: -6px;
  color: #f00606;
}

/* Compilation result of readitat.author on Wed May 04 20:14:57 UTC 2016 */

.readitat.editmode {
  width: 900px;
  margin-top: 30px;
}
.readitat.editmode:before {
  content: "Read it at";
}
.readitat.editmode a {
  display: inline-block;
}

/* Compilation result of pullquote on Wed May 04 20:14:57 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.blockquote {
  width: 248px;
  height: 409px;
  background-color: #000000;
  font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
  color: #FFFFFF;
  float: left;
  margin: 9px 31px 9px 0;
  display: table;
}
.blockquote .centerer {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.blockquote .safe-area {
  display: block;
  display: inline-block;
  max-width: 200px;
  max-height: 340px;
}
.blockquote .safe-area .content {
  display: inline-block;
  font-weight: normal;
  width: inherit;
  font-size: 30px;
  font-size: 26px;
  letter-spacing: 1.6px;
  text-rendering: auto;
  line-height: 115%;
}
@media only screen and (min-width: 1145px) {
  .blockquote {
    width: 235px;
    height: 350px;
    clear: left;
  }
}

/* Compilation result of partners on Wed May 04 20:14:56 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*
 * New Mix
*/
.partners {
  text-align: center;
  margin-bottom: 0;
}
.partners.module {
  margin-top: 0;
}
.partners .news-mix {
  text-align: left;
}
.partners .news-mix li {
  margin-top: 30px;
}
.partners .news-mix li:first-child {
  margin-top: 0;
}
.partners .news-mix li .partners-logo {
  height: 30px;
}
.partners .byline {
  margin: 0;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 22px;
  font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
  letter-spacing: 1px;
  display: block;
  height: 30px;
}
.partners .byline img {
  height: 100%;
}
.partners .title {
  margin-top: 6px;
  font-size: 17px;
  line-height: 21px;
  font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
  letter-spacing: 1px;
}
.partners .icon-arrow {
  color: #ee2e24;
  line-height: 21px;
}

/* Compilation result of wrap on Wed May 04 20:14:56 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body.wrap {
  margin-top: 65px;
}
body.wrap .homenav .navigation-wrapper .nav-toggle {
  display: none;
}
body.wrap .main-section {
  min-width: 1145px;
  padding: 35px 0 0;
}
body.wrap .main-section .stories-col {
  margin-top: -33px;
  min-height: 34px;
}
body.wrap .main-section .story {
  width: 234px;
  margin: 30px 25px 0 0;
}
body.wrap .main-section .story:hover article {
  background: #F5F4F1;
}
body.wrap .main-section .story.last-child {
  margin-right: 0;
}
body.wrap .main-section .story article {
  padding: 3px 3px 5px;
  height: 252px;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
}
body.wrap .main-section .story .thumbnail {
  position: absolute;
  font-size: 70px;
  width: 100%;
  height: 70px;
  left: 0;
  top: 43px;
  color: #fff;
  text-align: center;
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
  filter: alpha(opacity=75);
}
body.wrap .main-section .story a {
  display: block;
}
body.wrap .main-section .story img {
  max-width: 100%;
  height: auto;
}
body.wrap .main-section .story .title {
  margin-top: 8px;
  font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
  letter-spacing: 1px;
  font-size: 26px;
  line-height: 1.05;
  color: #000;
}
body.wrap .main-section .story .additional-info {
  margin-top: 5px;
  font-family: "Georgia", "Arial Narrow", Arial, sans-serif;
  font-size: 12px;
  font-style: italic;
  color: #000;
}
body.wrap .main-section .story .additional-info .dek {
  display: inline;
}
body.wrap .main-section .story .date {
  padding-left: 8px;
}
body.wrap .main-section .story .no-image {
  background-color: #000;
  margin: 3px;
  height: 249px;
}
body.wrap .main-section .story .no-image .thumbnail {
  display: none;
}
body.wrap .main-section .story .no-image .title {
  color: #fff;
  font-size: 32px;
  text-align: center;
  margin-top: 0;
  padding: 75px 5px 5px;
}
body.wrap .main-section .story .no-image .media {
  display: none;
}
body.wrap .main-section .story .no-image .date {
  display: none;
}
body.wrap .main-section .story .no-image .additional-info {
  margin-top: 14px;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  text-align: center;
}
body.wrap .main-section .story:hover .no-image {
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  filter: alpha(opacity=80);
  background-color: #000;
}
body.wrap .main-section .wrap-ad.show {
  margin: 30px 3px 0;
  padding: 18px 0;
  background-color: #F5F4EF;
}
body.wrap .main-section .load-more .column {
  margin: 30px 0 0 259px;
  width: 234px;
}
body.wrap .main-section .load-more .column a {
  display: block;
  background-color: #000;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
  letter-spacing: 1px;
  font-style: normal;
  padding: 8px 0 9px;
  text-align: center;
}
body.wrap .main-section .load-more .column a.loading {
  cursor: default;
  background-color: #808284;
}
body.wrap .main-section .top-right-col .pin {
  max-width: 300px;
}
/**
    SCREEN OVERRIDES for > 1144 window size
**/
@media only screen and (min-width: 1145px) {
  body.article {
    max-width: inherit;
    width: auto;
  }
}

/* Compilation result of topstory on Wed May 04 20:14:56 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.top-story {
  position: relative;
  background: none repeat scroll 0 0 #000000;
  width: 100%;
}
.top-story .top-story-info {
  margin: 0 auto;
  width: 1145px;
  position: relative;
}
.top-story .top-story-info .bd-hover {
  position: relative;
  width: 38%;
  color: #fff;
  background: none repeat scroll 0 0 #000000;
  height: 472px;
  opacity: 1;
  margin: 0;
  float: left;
  display: table;
}
.top-story .top-story-info .bd-hover .inner {
  display: table-cell;
  margin: auto;
  padding: 0 4em;
  vertical-align: middle;
}
.top-story .top-story-info .bd-hover .inner a {
  color: #fff;
}
.top-story .top-story-info .bd-hover .inner .byline {
  min-height: 25px;
  font-size: 15px;
  color: #C3C3C3;
  font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
  font-style: italic;
  margin-top: 12px;
}
.top-story .top-story-info .bd-hover .inner .title {
  font-family: TitlingGothicFBMediumComp;
  font-size: 40px;
  margin-bottom: 5px;
  line-height: 1.1;
}
.top-story .top-story-info .bd-hover .inner .dek {
  font-family: "TitlingGothicFBCondLight", "Arial Narrow", Arial, sans-serif;
  font-weight: 100;
  letter-spacing: 1px;
  line-height: 1.45;
  font-size: 18px;
  margin-top: 10px;
}
.top-story .top-story-info .bd-hover .inner .keep-reading {
  font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
  color: #EE2E24;
  letter-spacing: 0.1em;
  line-height: 60px;
  text-align: left;
  text-transform: uppercase;
  font-size: 14px;
}
.top-story .top-story-info .bd-hover .inner .social {
  margin-left: -2px;
}
.top-story .top-story-info .bd-hover .inner .social li {
  float: left;
  font-size: 32px;
  margin-right: 10px;
}
.top-story .top-story-info .bd-hover .inner .social li a {
  color: #fff;
}
.top-story .top-story-info .bd-hover .inner .social .icon-email:before {
  content: "\e610";
}
.top-story .top-story-info .bd-hover .inner .social .icon-facebook:before {
  content: "\e611";
}
.top-story .top-story-info .bd-hover .inner .social .icon-google-plus:before {
  content: "\e601";
  font-size: 32px;
}
.top-story .top-story-info .bd-hover .inner .social .icon-twitter:before {
  content: "\e613";
}
.top-story .top-story-info .bd-hover .inner.sponsored h3,
.top-story .top-story-info .bd-hover .inner.sponsored .keep-reading {
  color: #229CE9;
}
.top-story .top-story-info .top-story-image {
  position: relative;
  height: 472px;
  overflow: hidden;
  text-align: right;
}
.top-story .top-story-info .top-story-image .gradient {
  position: absolute;
  bottom: 0;
  height: 155px;
  width: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0));
}
.top-story .top-story-info .top-story-image .inner {
  position: absolute;
  bottom: 5px;
  right: 30px;
  left: 75px;
  max-height: 315px;
  overflow: hidden;
}
.top-story .top-story-info .top-story-image .inner .topstory-ad {
  display: inline-block;
}
.top-story .top-story-info .top-story-image .inner .wrap-name {
  text-align: right;
  text-transform: uppercase;
  color: #fff;
  font-family: TitlingGothicFBMediumComp;
  font-size: 104px;
  padding-bottom: 14px;
  line-height: 1;
}
.top-story .top-story-info .top-story-image img {
  width: 100%;
}
.top-story .top-story-info .top-story-image .credits {
  font-family: Georgia, Times, serif;
  font-style: italic;
  color: #ffffff;
  padding: 0;
  line-height: 12px;
  display: inline;
  position: absolute;
  bottom: 0;
  left: 0;
  clear: both;
}
.top-story .top-story-info .top-story-image .credits .icon-info {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  padding: 5px 9px;
  background: none repeat scroll 0 0 #000000;
  background-color: rgba(0, 0, 0, 0.5);
  position: relative;
  float: left;
  left: 5px;
  bottom: 5px;
}
.top-story .top-story-info .top-story-image .credits .author {
  font-family: Georgia, Times, serif;
  background: none repeat scroll 0 0 #000000;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 5px;
  position: relative;
  float: left;
  left: -1000px;
  font-size: 10px;
}
.top-story-carousel {
  position: relative;
}
.top-story-carousel .wrapper {
  overflow: hidden;
  position: relative;
  height: 472px;
}
.top-story-carousel .wrap-name-outer {
  position: absolute;
  bottom: 5px;
  right: 30px;
  left: 38%;
  margin-left: 75px;
  max-height: 315px;
  overflow: hidden;
  text-align: right;
}
.top-story-carousel .wrap-name-outer .topstory-ad {
  display: inline-block;
}
.top-story-carousel .wrap-name-outer .wrap-name {
  text-align: right;
  text-transform: uppercase;
  color: #fff;
  font-family: TitlingGothicFBMediumComp;
  font-size: 104px;
  padding-bottom: 14px;
  line-height: 1;
}
.top-story-carousel .slide {
  width: 1145px;
}
.top-story-carousel .nav-prev,
.top-story-carousel .nav-next {
  position: absolute;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  top: 197px;
  width: 83px;
  height: 83px;
  font-size: 5.0em;
  color: #ffffff;
}
.top-story-carousel .nav-prev .icon-leftarrow,
.top-story-carousel .nav-next .icon-leftarrow,
.top-story-carousel .nav-prev .icon-rightarrow,
.top-story-carousel .nav-next .icon-rightarrow {
  color: #ffffff;
}
.top-story-carousel .nav-next {
  right: 0px;
}
.top-story-carousel .nav-prev {
  left: -17px;
}
.top-story-carousel:hover .nav-prev,
.top-story-carousel:hover .nav-next {
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
  filter: alpha(opacity=75);
}

/* Compilation result of subnavigation on Wed May 04 20:14:56 UTC 2016 */

.subnavigation {
  margin: 0 auto;
  width: 1145px;
  position: relative;
}
.subnavigation .sub-nav {
  margin-top: 30px;
  height: 10px;
}
.subnavigation .sub-nav .more {
  font-weight: 400;
  font-size: 14px;
  color: #EE2E24;
}
.sub-nav li {
  float: left;
  margin-right: 30px;
  font-family: TitlingGothicFBMediumComp;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.sub-nav li h3 {
  line-height: 1.05;
  font-size: 20px;
  font-style: normal;
  color: #4B4B4B;
}

/* Compilation result of video on Wed May 04 20:14:55 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/**
    VIDEO PAGE OVERRIDES :: This file contains any video page specific style requirements.
    We should aim to have as little styles in here as possible, in the interest of more component driven rules
**/
body.article .body .content-wrapper .article .media .media-block.has-video {
  height: 461px;
}
body.article .body .content-wrapper .article .article-body figcaption.video p.caption {
  font-size: 1em;
  margin: 0;
  line-height: 1.3;
}

/* Compilation result of homenav on Wed May 04 20:14:54 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* BEGIN homenav */
.homenav {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  height: 65px;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
.homenav .navrow {
  display: table;
  width: 100%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.homenav .navrow .nav-body {
  width: 1145px;
  display: table-cell;
}
.homenav .navrow .nav-gutter-left,
.homenav .navrow .nav-gutter-right {
  display: table-cell;
  width: 50%;
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8000000,endColorstr=#D8000000)";
  zoom: 1;
  background-color: rgba(0, 0, 0, 0.85);
}
@media only screen and (max-width: 1158px) {
  .homenav .navrow .nav-gutter-left,
  .homenav .navrow .nav-gutter-right {
    width: 0;
  }
}
.homenav .global-logo .tdb-home {
  height: 65px;
  width: 256px;
  display: block;
  float: left;
}
.homenav .navigation-wrapper {
  position: relative;
  margin-left: 256px;
  height: 65px;
  width: 888px;
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8000000,endColorstr=#D8000000)";
  zoom: 1;
  background-color: rgba(0, 0, 0, 0.85);
}
.homenav .navigation-wrapper .screamer-wrapper {
  position: absolute;
  left: 50px;
  top: 18px;
  width: 710px;
}
.homenav .navigation-wrapper .screamer-wrapper .screamer {
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  -webkit-backface-visibility: hidden;
  text-transform: uppercase;
  text-align: center;
}
.homenav .navigation-wrapper .screamer-wrapper .screamer .read-more {
  color: #f00606;
  margin-left: 5px;
  position: relative;
  top: 3px;
  font-size: 25px;
  -webkit-backface-visibility: hidden;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}
.homenav .navigation-wrapper .screamer-wrapper .screamer a:hover .read-more {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.homenav .navigation-wrapper .screamer-wrapper .screamer.hidden {
  margin-left: 10px;
}
.homenav .navigation-wrapper .screamer-wrapper .screamer.transitioned {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-transform: translate(8px, 0);
  -o-transform: translate(8px, 0);
  -ms-transform: translate(8px, 0);
  -webkit-transform: translate(8px, 0);
  transform: translate(8px, 0);
}
.homenav .navigation-wrapper .screamer-wrapper .screamer .rubric,
.homenav .navigation-wrapper .screamer-wrapper .screamer .heading {
  font-size: 28px;
  letter-spacing: 1px;
  font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  font-style: italic;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline;
  -webkit-backface-visibility: hidden;
}
.homenav .navigation-wrapper .screamer-wrapper .screamer .heading {
  color: #fafafa;
  margin-left: 3px;
}
.homenav .navigation-wrapper .screamer-wrapper .screamer:hover .heading {
  color: #ffffff;
}
.homenav .navigation-wrapper .screamer-wrapper .screamer .rubric {
  color: #f00606;
}
.homenav .navigation-wrapper .screamer-wrapper .screamer .brandX .rubric {
  color: #0093df;
}
.homenav .navigation-wrapper .nav-toggle {
  position: absolute;
  left: 10px;
  top: 19px;
  display: block;
  font-size: 28px;
  width: 35px;
  cursor: pointer;
  height: 35px;
  color: #b2b2b2;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.homenav .navigation-wrapper .nav-toggle.clip {
  display: none;
}
.homenav .navigation-wrapper .nav-toggle:hover {
  color: #ffffff;
}
.homenav .navigation-wrapper .navigation {
  position: absolute;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  top: 0;
  left: 25px;
}
.homenav .navigation-wrapper .navigation ul {
  list-style-type: none;
  margin-top: 18px;
  padding-left: 0;
  margin-left: 0;
  float: left;
  height: 65px;
}
.homenav .navigation-wrapper .navigation ul li {
  display: inline-block;
  float: left;
  font-style: normal;
  font-weight: normal;
  text-align: center;
  letter-spacing: 1px;
  line-height: 2.4;
  font-size: 14px;
  font-family: "TitlingGothicFBCondRegular", "Arial Narrow", Arial, sans-serif;
  text-transform: uppercase;
  white-space: nowrap;
  padding: 0 6px;
}
.homenav .navigation-wrapper .navigation ul li.brandX a {
  color: #0093df;
}
.homenav .navigation-wrapper .navigation ul li.brandX a:hover {
  color: #0093df;
}
.homenav .navigation-wrapper .navigation ul li a {
  color: #fff;
}
.homenav .navigation-wrapper .navigation ul li a:hover {
  color: #ffffff;
}
.homenav .progressbar-wrapper {
  top: 65px;
  width: 100%;
  right: 0px;
  position: absolute;
}
@media only screen and (max-width: 1158px) {
  .homenav .progressbar-wrapper {
    left: 0px;
  }
}
.homenav .progressbar-wrapper .progressbar {
  position: relative;
  top: -5px;
  height: 5px;
  width: 0;
  background-color: #f00606;
}
/* END homenav  */
/* Compilation result of home on Wed May 04 20:14:54 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/**
    HOME PAGE OVERRIDES :: This file contains any home page specific style requirements.
    We should aim to have as little styles in here as possible, in the interest of more component driven rules
**/
.homepage .top-section {
  margin-bottom: 100px;
  min-width: 1145px;
  margin-top: 75px;
}
.homepage .header-ad.ad-container > * {
  max-width: 970px;
}
.homepage .header-ad.ad-container.header-1-ad-loaded {
  padding-bottom: 7px;
}
.homepage .header-ad.ad-container.header-1-ad-not-loaded {
  height: 0px;
}
.homepage .cheatsheet-container {
  min-height: 1px;
  width: 236px;
}
.homepage .cheatsheet-container .flip-this {
  background: #fff;
  opacity: 0.01;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.01)";
  position: absolute;
  height: 60px;
  width: 236px;
  display: block;
}
.homepage .cheatsheet-container .flip-this.top {
  top: 76px;
}
.homepage .cheatsheet-container .flip-this.ie8 {
  display: none;
  z-index: 10;
}
.homepage .cheatsheet-container #front-side.side {
  position: relative;
  z-index: 0 !important;
}
.homepage .cheatsheet-container .back-side .flip-this {
  height: 25px;
  width: 60px;
  top: 0px;
}
/*
IE magic spells
*/
.ie8 .flip-this.ie8 {
  display: block !important;
}
.ie8 .flip-this.regular,
.ie8 .flipad2 {
  display: none !important;
}
.ie9 .flippable .cheat a .social,
.ie8 .flippable .cheat a .social {
  display: none;
}
.ie9 .flippable .cheat,
.ie8 .flippable .cheat {
  padding-bottom: 11;
  padding-top: 11;
}

/* Compilation result of cheat on Wed May 04 20:14:53 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/**
   CHEAT PAGE OVERRIDES :: This file contains any cheat specific style requirements
   We should aim to have as little styles in here as possible, in the interest of more component driven rules
**/
body.cheat {
  width: 950px;
  min-width: inherit;
  font-family: "Times New Roman", Times, serif;
}
body.cheat .header-2 {
  position: fixed;
  width: 100%;
  z-index: 999;
  top: 0;
  left: 0;
}
body.cheat .body {
  margin-top: 51px;
}
body.cheat .cheats {
  list-style-type: none;
}
body.cheat .cheats li {
  position: relative;
}
body.cheat .cheats .cheat-count {
  margin-top: 45px;
  height: 200px;
}
body.cheat .cheats .counter {
  color: #02141f;
  font-size: 55px;
  font-family: "ScoutCondensedBold", "Arial Narrow", Arial, sans-serif;
  line-height: 50px;
  font-weight: normal;
  letter-spacing: 0.5px;
  color: #f00606;
  text-align: right;
  z-index: 1;
  display: block;
  margin-left: 10px;
  padding-top: 10px;
}
body.cheat .cheats .counter.sponsored {
  color: #6182c2;
}
body.cheat .cheats .row {
  clear: both;
}
body.cheat .cheat-body {
  margin: 31px 0 0 0;
  /* INDENTATION FROM WSYWIG */

}
body.cheat .cheat-body .hero-media {
  position: relative;
}
body.cheat .cheat-body .hero-media figcaption.image {
  width: 100%;
  margin: 7px 0 5px 0;
}
body.cheat .cheat-body .hero-media figcaption.image p {
  color: #a7afb3;
  font-size: 13px;
  font-family: "ScoutBold", "Arial Narrow", Arial, sans-serif;
  line-height: 15px;
  font-weight: normal;
  letter-spacing: 0.5px;
  font-style: normal;
}
body.cheat .cheat-body .indent1 {
  padding: 1em 0 1em 40px;
  font-size: 1em;
}
body.cheat .cheat-body .indent2 {
  padding: 1em 80px 1em 80px;
  font-size: 1em;
}
body.cheat .cheat-body .indent3 {
  padding: 1em 120px 1em 120px;
  font-size: 1em;
}
body.cheat .cheat-body .indent4 {
  padding: 1em 160px 1em 160px;
  font-size: 1em;
}
body.cheat .cheat-body .indent5 {
  padding: 1em 200px 1em 200px;
  font-size: 1em;
}
body.cheat .cheat-body .indent6 {
  padding: 1em 240px 1em 240px;
  font-size: 1em;
}
body.cheat .cheat-body .cheat-footer {
  margin: 0;
  top: -3px;
}
body.cheat .cheat-body .cheat-footer .footer-ad.ad-300x250 {
  margin-bottom: 13px;
}
body.cheat .cheat-body .cheat-footer .footer-ad.ad-728x90 {
  margin-bottom: 45px;
  padding-top: 10px;
}
body.cheat .cheat-body .cheat-footer .outbrain-placeholder {
  min-height: 384px;
}
body.cheat .newsletter {
  padding-top: 0;
}
body.cheat .newsletter .newsletter-header {
  padding-top: 25px;
  padding-bottom: 0;
}
body.cheat .newsletter .newsletter-body {
  position: inherit;
  overflow: inherit;
}
body.cheat .newsletter .newsletter-body .signup-close {
  display: block;
}
.cheat-body .content-body p {
  color: #02141f;
  font-size: 18px;
  font-family: "Georgia", "Arial Narrow", Arial, sans-serif;
  line-height: 30px;
}
.cheat-body .content-body p:last-child {
  margin-bottom: -10px;
}
.cheat-body .content-body figure.inlineimage {
  margin: 20px 0;
}
.cheat-body .content-body *:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
@media only screen and (min-width: 1145px) {
  body.cheat {
    max-width: inherit;
    width: auto;
  }
  body.cheat .content {
    width: 728px;
    margin-bottom: 50px;
  }
}

/* Compilation result of article on Wed May 04 20:14:53 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/**
    ARTICLE PAGE OVERRIDES :: This file contains any article page specific style requirements.
    We should aim to have as little styles in here as possible, in the interest of more component driven rules
**/
body.article {
  width: 950px;
  min-width: inherit;
}
body.article .row div.row {
  max-width: 100%;
}
body.article .header-2 {
  position: fixed;
  width: 100%;
  z-index: 999;
  top: 0;
  left: 0;
}
body.article .body {
  margin-top: 50px;
}
body.article .body .content-wrapper {
  font-family: Georgia, Times, serif;
  position: relative;
}
body.article .body .content-wrapper .article {
  margin-bottom: 5px;
}
body.article .body .content-wrapper .article .row {
  position: relative;
  float: left;
}
body.article .body .content-wrapper .article-body {
  margin: 30px 0 0 0;
  /* INDENTATION FROM WSYWIG */

}
body.article .body .content-wrapper .article-body .content-body .has-video .screenshot {
  min-height: 300px;
}
body.article .body .content-wrapper .article-body .indent1 {
  padding: 1em 0 1em 40px;
  font-size: 1em;
}
body.article .body .content-wrapper .article-body .indent2 {
  padding: 1em 80px 1em 80px;
  font-size: 1em;
}
body.article .body .content-wrapper .article-body .indent3 {
  padding: 1em 120px 1em 120px;
  font-size: 1em;
}
body.article .body .content-wrapper .article-body .indent4 {
  padding: 1em 160px 1em 160px;
  font-size: 1em;
}
body.article .body .content-wrapper .article-body .indent5 {
  padding: 1em 200px 1em 200px;
  font-size: 1em;
}
body.article .body .content-wrapper .article-body .indent6 {
  padding: 1em 240px 1em 240px;
  font-size: 1em;
}
/**
 END ARTICLE OVERRIDES
**/
/**
    SCREEN OVERRIDES for > 1144 window size
**/
@media only screen and (min-width: 1145px) {
  body.article {
    max-width: inherit;
    width: auto;
  }
}

/* Compilation result of openingcrawl on Wed May 04 20:14:52 UTC 2016 */

/*
    BEGIN  easter egg star wars styles
*/
.blackout {
  width: 100%;
  height: 100%;
  font: 700 1em "News Cycle", sans-serif;
  letter-spacing: .15em;
  color: #ff6;
  background: #000;
  overflow: hidden;
  margin: 0;
  z-index: 1000000;
  position: fixed;
  top: 0px;
  left: 0px;
}
.blackout .logo {
  position: absolute;
  left: 50%;
  top: 70%;
  width: 18em;
  margin: -9em;
  opacity: 0;
  -webkit-animation: logo 5s ease-out 2.5s;
  animation: logo 5s ease-out 2.5s;
  z-index: 1;
}
.blackout .titles {
  position: absolute;
  left: 50%;
  width: 20em;
  margin: 0 0 0 -7.325em;
  top: auto;
  bottom: 0;
  height: 50em;
  font-size: 350%;
  text-align: justify;
  overflow: hidden;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -moz-transform: perspective(300px) rotateX(25deg);
  -ms-transform: perspective(300px) rotateX(25deg);
  -webkit-transform: perspective(300px) rotateX(25deg);
  transform: perspective(300px) rotateX(25deg);
}
.blackout .titles > div {
  position: absolute;
  top: 100%;
  -webkit-animation: scroll 100s linear 4s infinite;
  color: #fff;
}
@keyframes intro {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* Logo animation */
@-webkit-keyframes logo {
  0% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.1);
    opacity: 0;
  }
}
@-moz-keyframes logo {
  0% {
    -moz-transform: scale(1);
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    -moz-transform: scale(0.1);
    opacity: 0;
  }
}
@-ms-keyframes logo {
  0% {
    -ms-transform: scale(1);
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    -ms-transform: scale(0.1);
    opacity: 0;
  }
}
@-o-keyframes logo {
  0% {
    -o-transform: scale(1);
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    -o-transform: scale(0.1);
    opacity: 0;
  }
}
@keyframes logo {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(0.1);
    opacity: 0;
  }
}
/* Scroll animation */
@-webkit-keyframes scroll {
  0% {
    top: 100%;
  }
  100% {
    top: -170%;
  }
}
@-moz-keyframes scroll {
  0% {
    top: 100%;
  }
  100% {
    top: -170%;
  }
}
@-ms-keyframes scroll {
  0% {
    top: 100%;
  }
  100% {
    top: -170%;
  }
}
@-o-keyframes scroll {
  0% {
    top: 100%;
  }
  100% {
    top: -170%;
  }
}
@keyframes scroll {
  0% {
    top: 100%;
  }
  100% {
    top: -170%;
  }
}

/* Compilation result of newsletter on Wed May 04 20:14:52 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/***
    PLACEHOLDER TEXT
***/
/***
    SUBMIT BUTTON
***/
/***
    CUSTOM RADIO BUTTONS
***/
/***
    CHECKBOXES
***/
/***
    FORM ERRORS
***/
/**
    WRAP NEWSLETTER OVERRIDES :: This file contains any wrap newsletter specific style requirements.
    We should aim to have as little styles in here as possible, in the interest of more component driven rules
**/
/* Local Vars */
/* WRAP PAGE NEWSLETTER */
.newsletter {
  color: #ffffff;
  padding: 20px 0;
}
.newsletter .newsletter-header {
  font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
  margin: 0;
  cursor: pointer;
  text-align: center;
  padding: 15px 30px 10px;
  background-color: #f00606;
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.newsletter .newsletter-header .title {
  font-size: 44px;
  text-transform: uppercase;
}
.newsletter .newsletter-header .subtitle {
  font-size: 14px;
  text-transform: uppercase;
  font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
}
.newsletter .newsletter-body {
  padding: 0 0 10px 0;
  position: relative;
  left: 0;
  right: 0;
  background-color: #f00606;
  z-index: 10;
  overflow: hidden;
}
.newsletter .newsletter-body ul li {
  list-style-type: none;
}
.newsletter .newsletter-form {
  text-align: center;
  /* Effect 2: Fill up from left */

}
.newsletter .newsletter-form .email-box {
  font-family: Georgia, Times, serif;
  font-style: italic;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 22px;
  line-height: 2.2rem;
  border: 0;
  padding: 0 10px;
  text-align: center;
  width: 270px;
  height: 40px;
  color: #ffffff;
  background-color: #de1e2b;
}
.newsletter .newsletter-form [placeholder]::-webkit-input-placeholder,
.newsletter .newsletter-form [placeholder]:-moz-placeholder,
.newsletter .newsletter-form .placeholder {
  text-align: center;
}
.newsletter .newsletter-form .newsletter-list {
  text-align: left;
  border-top: 1px solid #ba2100;
}
.newsletter .newsletter-form .newsletter-list li {
  border-bottom: 1px solid #ba2100;
  padding: 0 30px;
  cursor: pointer;
  margin: 0;
  width: 100%;
  height: 40px;
  line-height: 40px;
  color: #ffffff;
  position: relative;
}
.newsletter .newsletter-form .newsletter-list li.checked {
  background-color: #ba2100;
}
.newsletter .newsletter-form .newsletter-list li .icon-chevron-down {
  left: 15px;
  position: absolute;
  top: 10px;
}
.newsletter .newsletter-form .newsletter-list input[type='checkbox'] {
  left: -999999px;
  position: relative;
  vertical-align: middle;
}
.newsletter .newsletter-form .newsletter-list p {
  font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
  font-size: 19px;
  line-height: inherit;
  margin: 0;
  display: inline-block;
  color: #ffffff;
  min-width: 150px;
}
.newsletter .newsletter-form .newsletter-list .icon-check {
  margin-left: -19px;
  color: #f00606;
}
.newsletter .newsletter-form .terms,
.newsletter .newsletter-form .signup-close {
  color: #ffffff;
  font-family: Georgia, Times, serif;
  font-style: italic;
  font-size: 14px;
  line-height: 16px;
  line-height: 1.6rem;
  padding: 0 20px;
  padding: 0 2.0rem;
  margin-bottom: 14px;
}
.newsletter .newsletter-form .terms p,
.newsletter .newsletter-form .signup-close p {
  color: #ffffff;
  font-family: Georgia, Times, serif;
  font-style: italic;
  font-size: 14px;
  line-height: 19px;
  line-height: 1.2rem;
  margin-bottom: 9px;
  margin-bottom: 0.5625rem;
}
.newsletter .newsletter-form .terms a,
.newsletter .newsletter-form .signup-close a {
  color: #ffffff;
  text-decoration: underline;
}
.newsletter .newsletter-form .terms input[type='checkbox'],
.newsletter .newsletter-form .signup-close input[type='checkbox'] {
  vertical-align: middle;
  height: 1em;
  width: 4em;
  border: none;
  padding: 0;
  font-size: 150%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.newsletter .newsletter-form .submit {
  background-color: #000000;
  padding: 4px 40px;
  min-width: 80px;
  max-width: 200px;
  overflow: hidden;
  text-transform: uppercase;
  color: #ffffff;
  font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
  font-size: 16px;
  line-height: 30px;
  border: none;
  margin: 0 auto;
  display: inline-block;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.newsletter .newsletter-form .signup-close {
  display: none;
  margin-bottom: 0px;
}
.newsletter .newsletter-form .la-anim-2 {
  position: fixed;
  left: -100%;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  pointer-events: none;
}
.newsletter .newsletter-form .la-anim-2.la-animate {
  opacity: 0;
  -webkit-transition: -webkit-transform 5s ease-in, opacity 1s 5s;
  transition: transform 5s ease-in, opacity 1s 5s;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.newsletter .newsletter-form .message {
  text-align: center;
  color: white;
  font-size: 12px;
  line-height: 14px;
  line-height: 1.4rem;
  padding: 0 20px;
  padding: 0 2.0rem;
  font-family: sans-serif;
  margin-bottom: 10px;
  margin-bottom: 1.0rem;
}
/**
* iOS 6 style switch checkboxes
* by Lea Verou http://lea.verou.me
*/
:root .newsletter {
  /* :root here acting as a filter for older browsers */

}
:root .newsletter .terms input[type="checkbox"].ios-switch {
  position: absolute;
  opacity: 0;
  left: 50%;
  margin-left: -2em;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
:root .newsletter .terms input[type="checkbox"].ios-switch + .switch {
  display: inline-block;
  vertical-align: middle;
  width: 3em;
  height: 1em;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 999px;
  margin: 0 .5em;
  background: #f00606;
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), transparent), linear-gradient(90deg, #ba2100 50%, transparent 50%);
  background-size: 200% 100%;
  background-position: 100% 0;
  background-origin: border-box;
  background-clip: border-box;
  overflow: hidden;
  transition-duration: .4s;
  transition-property: padding, width, background-position, text-indent;
  box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.2) inset, 0 0.45em 0 0.1em rgba(0, 0, 0, 0.05) inset;
  font-size: 150%;
  /* change this and see how they adjust! */

  line-height: 1em;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
:root .newsletter .terms input[type="checkbox"].ios-switch + .switch:before {
  content: 'Yes';
  float: left;
  width: 1.65em;
  height: 1.65em;
  border: 1px solid rgba(0, 0, 0, 0.35);
  border-radius: inherit;
  background-color: #f00606;
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), transparent);
  box-shadow: 0 0.1em 0.1em 0.1em #f00606 inset, 0 0 0.5em rgba(0, 0, 0, 0.3);
  color: white;
  margin-top: 2px;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
  text-indent: -5em;
}
:root .newsletter .terms input[type="checkbox"].ios-switch + .switch:after {
  content: 'No';
  float: left;
  text-indent: 1.1em;
  margin-top: 3px;
  color: #ffffff;
  text-shadow: none;
}
:root .newsletter .terms input[type="checkbox"].ios-switch + .switch:before,
:root .newsletter .terms input[type="checkbox"].ios-switch + .switch:after {
  font: bold 50% sans-serif;
  letter-spacing: 1px;
}
:root .newsletter .terms input[type="checkbox"].ios-switch:checked + .switch {
  padding-left: 2em;
  background-position: 0 0;
}
:root .newsletter .terms input[type="checkbox"].ios-switch:focus + .switch {
  box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.2) inset, 0 0.45em 0 0.1em rgba(0, 0, 0, 0.05) inset, 0 0 0.4em 1px rgba(255, 0, 0, 0.5);
}
.icon-chevron-down:before {
  color: #f00606;
}
::-webkit-input-placeholder {
  color: #ffffff;
}
:-moz-placeholder {
  /* Firefox 18- */

  color: #ffffff;
}
::-moz-placeholder {
  /* Firefox 19+ */

  color: #ffffff;
}
:-ms-input-placeholder {
  color: #ffffff;
}
::-webkit-input-placeholder {
  color: #ffffff;
}
:-moz-placeholder {
  /* Firefox 18- */

  color: #ffffff;
}
::-moz-placeholder {
  /* Firefox 19+ */

  color: #ffffff;
}
:-ms-input-placeholder {
  color: #ffffff;
}

/* Compilation result of loader on Wed May 04 20:14:51 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body > .loader {
  position: fixed;
  bottom: 0%;
  right: 0%;
  z-index: 10001;
}
.loader {
  width: 25%;
  margin: 10px auto;
  text-align: center;
}
.loader .loading span {
  display: inline-block;
  padding: 8px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.loader .loading span.ball1 {
  background: #f00606;
  -webkit-animation: move-left 800ms ease-in-out infinite alternate;
  -moz-animation: move-left 800ms ease-in-out infinite alternate;
  -ms-animation: move-left 800ms ease-in-out infinite alternate;
  -animation: move-left 800ms ease-in-out infinite alternate;
}
.loader .loading span.ball2 {
  background: #000000;
  -webkit-animation: move-right 800ms ease-in-out infinite alternate;
  -moz-animation: move-right 800ms ease-in-out infinite alternate;
  -ms-animation: move-right 800ms ease-in-out infinite alternate;
  animation: move-right 800ms ease-in-out infinite alternate;
}
@-webkit-keyframes move-left {
  to {
    -webkit-transform: translate(20px, 0);
    -ms-transform: translate(20px, 0);
    -moz-transform: translate(20px, 0);
    transform: translate(20px, 0);
    background: #000000;
  }
}
@-moz-keyframes move-left {
  to {
    -webkit-transform: translate(20px, 0);
    -ms-transform: translate(20px, 0);
    -moz-transform: translate(20px, 0);
    transform: translate(20px, 0);
    background: #000000;
  }
}
@-ms-keyframes move-left {
  to {
    -webkit-transform: translate(20px, 0);
    -ms-transform: translate(20px, 0);
    -moz-transform: translate(20px, 0);
    transform: translate(20px, 0);
    background: #000000;
  }
}
@-o-keyframes move-left {
  to {
    -webkit-transform: translate(20px, 0);
    -ms-transform: translate(20px, 0);
    -moz-transform: translate(20px, 0);
    transform: translate(20px, 0);
    background: #000000;
  }
}
@keyframes move-left {
  to {
    -webkit-transform: translate(20px, 0);
    -ms-transform: translate(20px, 0);
    -moz-transform: translate(20px, 0);
    transform: translate(20px, 0);
    background: #000000;
  }
}
@-webkit-keyframes move-right {
  to {
    -webkit-transform: translate(-20px, 0);
    -ms-transform: translate(-20px, 0);
    -moz-transform: translate(-20px, 0);
    transform: translate(-20px, 0);
    background: #f00606;
  }
}
@-moz-keyframes move-right {
  to {
    -webkit-transform: translate(-20px, 0);
    -ms-transform: translate(-20px, 0);
    -moz-transform: translate(-20px, 0);
    transform: translate(-20px, 0);
    background: #f00606;
  }
}
@-ms-keyframes move-right {
  to {
    -webkit-transform: translate(-20px, 0);
    -ms-transform: translate(-20px, 0);
    -moz-transform: translate(-20px, 0);
    transform: translate(-20px, 0);
    background: #f00606;
  }
}
@-o-keyframes move-right {
  to {
    -webkit-transform: translate(-20px, 0);
    -ms-transform: translate(-20px, 0);
    -moz-transform: translate(-20px, 0);
    transform: translate(-20px, 0);
    background: #f00606;
  }
}
@keyframes move-right {
  to {
    -webkit-transform: translate(-20px, 0);
    -ms-transform: translate(-20px, 0);
    -moz-transform: translate(-20px, 0);
    transform: translate(-20px, 0);
    background: #f00606;
  }
}

/* Compilation result of inlinevideo on Wed May 04 20:14:51 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.inlinevideo figcaption.video {
  font-family: "TitlingGothicFBCondLight", "Arial Narrow", Arial, sans-serif;
  color: white;
  background-color: black;
  padding: 20px 20px 20px 20px;
  margin: 0 auto 10px auto;
  text-align: left;
}
.inlinevideo figcaption.video p.caption {
  font-style: normal;
  text-align: left;
  letter-spacing: 1px;
  width: inherit;
}
.has-video,
.has-video .video-wrapper {
  background-color: #000;
}
.has-video {
  height: inherit;
  margin: 10px auto 15px auto;
}
.has-video.has-caption {
  margin-bottom: 0px;
}
.has-video .play-btn:hover {
  color: #fff;
}
.has-video .media {
  display: inline;
}
.has-video .video-wrapper {
  display: none;
  vertical-align: middle;
  text-align: center;
}
.has-video .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  background: transparent;
  text-align: center;
  font-size: 100px;
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
  margin-top: -50px;
  margin-left: -50px;
  height: 100px;
  width: 100px;
  cursor: pointer;
}
.touch .article-body .video-wrapper {
  -webkit-transform: scale(1);
}
.has-video .screenshot {
  position: relative;
  height: 407px;
}
.has-video .screenshot img {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  height: auto;
}
.has-video .media .vimeowrapper {
  height: 100%;
}
.has-video .media .youtubewrapper {
  height: 100%;
}
.article .inlinevideo .screenshot {
  height: auto;
}
.article .inlinevideo .screenshot img {
  position: static;
  height: auto;
}

/* Compilation result of inlineimage on Wed May 04 20:14:51 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* BEGIN inlineimage */
.article-body .inline-image-box {
  text-align: center;
}
.article-body .inlineimage {
  text-align: center;
  margin-bottom: 15px;
  margin-top: 10px;
}
.article-body .inlineimage img {
  margin-bottom: 10px;
}
.article-body .inlineimage .photocredit {
  margin-bottom: 10px;
  float: none;
}
.article-body .align-center {
  text-align: center;
}
/* END inlineimage */
@media only screen and (min-width: 1145px) {
  .article .article-body .inlineimage {
    max-width: 610px;
    margin: 0 auto;
  }
}

/* Compilation result of inlineNewsletter on Wed May 04 20:14:51 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.inline-newsletter {
  display: none;
  clear: both;
  padding: 14px 0 20px;
  border-width: 1px 0;
  border-style: solid;
  border-color: #999999;
}
.inline-newsletter:before,
.inline-newsletter:after {
  content: '';
  display: table;
}
.inline-newsletter:after {
  clear: both;
}
.inline-newsletter_standard,
.inline-newsletter_social {
  display: block;
}
.inline-newsletter_margin_after {
  margin-bottom: 19px;
}
.inline-newsletter_social .inline-newsletter-main {
  float: left;
  width: 347px;
  border-right: 1px solid #999999;
}
.inline-newsletter-form {
  margin: 0 auto;
  width: 415px;
  text-align: center;
}
.inline-newsletter_social .inline-newsletter-form {
  width: 305px;
}
.inline-newsletter_final .inline-newsletter-form {
  display: none;
}
.inline-newsletter-title {
  color: #f00606;
  letter-spacing: 1px;
  font-size: 24px;
  font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
}
.inline-newsletter-input ::-webkit-input-placeholder {
  color: #999999;
}
.inline-newsletter-input :-moz-placeholder {
  /* Firefox 18- */

  color: #999999;
}
.inline-newsletter-input ::-moz-placeholder {
  /* Firefox 19+ */

  color: #999999;
}
.inline-newsletter-input :-ms-input-placeholder {
  color: #999999;
}
.inline-newsletter-input-element {
  margin-top: 16px;
  padding-right: 8px;
  padding-left: 8px;
  width: 100%;
  height: 34px;
  border: 1px solid #999999;
  border-radius: 4px;
  color: #000;
  letter-spacing: 1px;
  font-size: 15px;
  font-family: "TitlingGothicFBCondLight", "Arial Narrow", Arial, sans-serif;
  line-height: 32px;
}
.inline-newsletter-button {
  margin-top: 5px;
  max-width: 240px;
  width: 100%;
  height: 34px;
  border: none;
  border-radius: 4px;
  background-color: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 18px;
  font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
  line-height: 32px;
}
.inline-newsletter_social .inline-newsletter-button {
  max-width: 100%;
}
.inline-newsletter-content {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: 0.2s max-height ease-in-out, 0.2s opacity ease-in-out;
}
.inline-newsletter_open .inline-newsletter-content {
  display: block;
  max-height: 250px;
  opacity: 1;
}
.inline-newsletter-list {
  margin-bottom: 6px;
  text-align: left;
}
.inline-newsletter-item {
  margin: 0;
  color: #999999;
  font-size: 15px;
  font-family: "TitlingGothicFBCondLight", "Arial Narrow", Arial, sans-serif;
}
.inline-newsletter-label {
  position: relative;
  display: block;
  padding-right: 40px;
  cursor: pointer;
}
.inline-newsletter-label.inline-newsletter-label a {
  color: #999999;
  text-decoration: underline;
}
.inline-newsletter-label.inline-newsletter-label a:hover {
  text-decoration: none;
}
.inline-newsletter-checkbox {
  display: none;
}
.inline-newsletter-subtitle {
  display: block;
  margin-top: 8px;
  color: #000;
  letter-spacing: 1px;
  font-size: 17px;
  font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
}
.inline-newsletter-icon {
  position: absolute;
  top: 4px;
  right: 6px;
  width: 20px;
  height: 20px;
  border: 2px solid #999999;
  border-radius: 50%;
}
.inline-newsletter-icon .icon {
  display: none;
}
.inline-newsletter-checkbox:checked + .inline-newsletter-label .inline-newsletter-icon {
  border-color: #f00606;
}
.inline-newsletter-checkbox:checked + .inline-newsletter-label .inline-newsletter-icon .icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
}
.inline-newsletter-final {
  display: none;
  margin: 0 auto;
  width: 220px;
  text-align: center;
}
.inline-newsletter_final .inline-newsletter-final {
  display: block;
}
.inline-newsletter-final-description {
  display: none;
  margin-top: 20px;
  padding-bottom: 10px;
  color: #999999;
  font-size: 15px;
  font-family: "TitlingGothicFBCondLight", "Arial Narrow", Arial, sans-serif;
}
.inline-newsletter-final-description_shown {
  display: block;
}
.inline-newsletter-social {
  display: none;
  text-align: center;
}
.inline-newsletter_social .inline-newsletter-social {
  display: block;
}
.inline-newsletter-social-buttons {
  margin-top: 27px;
}
.inline-newsletter-social-button {
  position: relative;
  z-index: 1000;
  display: inline-block;
  margin: 0 10px 0 0;
}
.inline-newsletter-social-button:last-child {
  margin-right: 0;
}
.inline-newsletter-social-button_twitter {
  position: relative;
  top: 4px;
}
.inline-newsletter-message {
  display: none;
  clear: both;
  margin-bottom: -10px;
  padding-top: 10px;
  color: #000;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.inline-newsletter-message_shown {
  display: block;
}
.inline-newsletter_final .inline-newsletter-message {
  display: none;
}
.article .article-body .content-footer .inline-newsletter {
  display: none;
}
.inline-newsletter-terms {
  margin: 15px auto 8px;
  width: 65%;
  color: #000;
  font-size: 10px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

/* Compilation result of hero on Wed May 04 20:14:50 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/**
 HERO RULES (The rules for the topmost media object of a content page's stack).
 Rules specific to the media object should go in here, using its topmost class as the scope.
**/
.hero-media .hero {
  min-width: 100%;
  min-height: inherit;
}
.hero-media figcaption {
  font-size: 13px;
  margin-top: 7px;
  color: #7f7f7f;
  font-family: Georgia, Times, serif;
  font-style: italic;
  text-align: right;
  min-height: 15px;
}
.hero-media figcaption .caption {
  margin-right: 10px;
}
.hero-media figcaption .credits,
.hero-media figcaption .caption {
  width: auto;
  display: inline;
}
.hero-media figcaption.video {
  font-family: "TitlingGothicFBCondLight", "Arial Narrow", Arial, sans-serif;
  color: white;
  background-color: black;
  padding: 20px 20px 20px 20px;
  margin: 0 auto 10px auto;
  text-align: left;
}
.hero-media figcaption.video p.caption {
  font-style: normal;
  text-align: left;
  letter-spacing: 1px;
  width: inherit;
}
.hero-media figcaption.video {
  margin-bottom: 40px;
}
.video-hero .has-video {
  margin: 0 auto;
}
.video-hero .has-video object[height] {
  margin-bottom: 0;
}
.video-hero figcaption.video {
  text-rendering: optimizeLegibility;
  margin: 0;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  line-height: 1.4;
  background: #000000;
  font-family: "TitlingGothicFBCondLight", "Arial Narrow", Arial, sans-serif;
  font-size: 15px;
  letter-spacing: 1px;
  color: #ffffff;
  min-height: 61px;
}
.video-hero figcaption.video .show-on-play {
  display: none;
}
.video-hero .screenshot img.img {
  max-width: none;
  min-width: 100%;
  min-height: 407px;
  width: auto;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  margin-top: -1px;
}
.video-hero .screenshot img.img[src*=vimeocdn] {
  height: 100%;
}
.video-hero .inlinevideo {
  width: inherit;
}
.video-hero .screenshot {
  height: 380px !important;
}
@media only screen and (min-width: 1145px) {
  .hero-media .hero {
    max-height: inherit;
  }
  .hero-media figcaption {
    font-size: 0.8em;
  }
  .video-hero .screenshot {
    height: 513px !important;
  }
}

/* Compilation result of footer on Wed May 04 20:14:50 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*
 * Footer
*/
.footer {
  padding: 0;
  position: relative;
  width: 100%;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.footer .container {
  display: table;
  width: 100%;
}
.footer .footer-left {
  display: table-cell;
  height: 100%;
  background-color: #FF2E23;
}
.footer .footer-content {
  display: table-cell;
  width: 1145px;
  background-color: #000000;
  font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
  letter-spacing: 2px;
  padding: 50px;
}
.dailybeast1 .footer .footer-content {
  width: 1045px;
}
.footer .footer-content .first-column {
  display: inline-block;
  margin-right: 60px;
}
.footer .footer-content .second-column {
  display: inline-block;
  vertical-align: top;
}
.footer .footer-content .second-column li {
  line-height: 1.2;
}
.footer .footer-content .first-column a {
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  display: inline;
}
.footer .footer-content .second-column a {
  color: #7F878D;
  font-size: 14px;
  display: inline;
}
.footer .footer-right {
  display: table-cell;
  height: 100%;
  background-color: #000000;
}
.second-column .copyright {
  color: #7F878D;
  font-size: 09px;
  margin-top: 26px;
}
@media only screen and (max-width: 1145px) {
  footer.footer {
    position: absolute !important;
    left: 0px;
    min-width: 950px;
  }
  .collegerankings-page footer.footer {
    min-width: 996px;
  }
}

/* Compilation result of features on Wed May 04 20:14:50 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* BEGIN Featured Stories */
.features {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  /*
    * FEATURED STORY
    */

  /* third - width 30% */

  /* half - width 48% */

  /* center */

  /* text-only */

}
.features .featured-story .byline {
  font-size: 11px;
  font-family: Georgia, Times, serif;
  font-style: italic;
  font-weight: normal;
}
.features .featured-story {
  margin-top: 30px;
}
.features .featured-story .rubric {
  color: #ee2e24;
  text-transform: uppercase;
  font-size: 14px;
  font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
  letter-spacing: 1px;
  line-height: 1.2;
  margin-bottom: 4px;
}
.features .featured-story .title {
  text-transform: uppercase;
  font-size: 30px;
  font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
  letter-spacing: 1px;
  line-height: .95;
}
.features .featured-story .dek {
  font-size: 15px;
  font-family: Georgia, Times, serif;
  line-height: 1.2;
  margin-top: 4px;
}
.features .featured-story.third {
  width: 30%;
  margin-left: 4.89%;
  float: left;
}
.features .featured-story.half {
  width: 46%;
  margin-left: 4%;
  float: left;
}
.features .featured-story.third:first-child,
.features .featured-story.half:first-child {
  margin-left: 0;
}
.features .featured-story.center .title {
  text-transform: uppercase;
  font-size: 18px;
  font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
  letter-spacing: 1px;
  line-height: 1;
  margin-top: 4px;
}
.features .featured-story.center.text-only .bd {
  margin-top: -3px;
}
.features .featured-story.center.text-only .title {
  text-transform: uppercase;
  font-size: 40px;
  font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
  letter-spacing: 1px;
  line-height: .97;
  margin-top: 0;
}
.features .featured-story.center.title-img-only .title {
  text-transform: none;
  font-size: 24px;
  font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
  letter-spacing: 1px;
  line-height: .95;
}
.features .featured-story {
  margin-top: 30px;
  margin-bottom: auto;
}
.features .featured-story .media-block {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
}
.features .featured-story .media-block:hover {
  background-color: #eeede7;
  color: #000000;
}
.features .featured-story .media-block a:hover {
  color: #000000;
}
.features .featured-story .media-block a .rubric {
  text-transform: uppercase;
  letter-spacing: 0.0625em;
  line-height: 1.2;
  color: #f00606;
  font-size: .875em;
  font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
  margin-bottom: 4px;
  height: 1.15em;
}
.features .featured-story .media-block a .title {
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
  font-size: 1.875em;
}
.features .featured-story .media-block a .title:hover {
  color: #000000;
}
.features .featured-story .media-block a .dek {
  line-height: 1.2;
  font-size: .937em;
  font-family: Georgia, Times, serif;
  margin-top: 3px;
}
.features .featured-story .media-block a .byline {
  font-style: italic;
  font-size: .687em;
  font-family: Georgia, Times, serif;
  font-weight: 300;
}
.features .featured-story.one .media-block a .bd .title {
  font-size: 2em;
  height: 1.82em;
  font-size: 1.875em;
}
.features .featured-story.one .media-block a .bd .title.text-only {
  font-size: 45px;
  height: auto;
}
.features .featured-story.one .media-block a .bd .dek {
  height: auto;
}
.features .featured-story.one .media-block a .bd .dek.text-only {
  height: auto;
}
.features .featured-story.one .media-block a .bd.text-only {
  width: 100%;
}
.features .featured-story.two .media-block a .media {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 7px;
  margin-left: 0;
  position: relative;
}
.features .featured-story.two .media-block a .title {
  letter-spacing: 0.03em;
  line-height: 1;
  font-size: 1.3em;
}
.features .featured-story.two .media-block a .title.text-only {
  font-size: 45px;
}
.features .featured-story.two .media-block a .dek {
  line-height: 1.2;
  font-size: .937em;
  font-family: Georgia, Times, serif;
  margin-top: 3px;
  height: auto;
}
.features .featured-story.two .media-block a .byline {
  font-style: italic;
  font-size: .687em;
  font-family: Georgia, Times, serif;
  font-weight: 300;
}
.features .featured-story.three .media-block a .media {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0.5em;
  margin-left: 0;
  position: relative;
}
.features .featured-story.three .media-block a .title {
  letter-spacing: 0.03em;
  line-height: 1;
  font-size: 1.3em;
}
.features .featured-story.three .media-block a .title.text-only {
  font-size: 45px;
}
.features .featured-story.three .media-block a .dek {
  line-height: 1.2;
  font-size: .937em;
  font-family: Georgia, Times, serif;
  margin-top: 3px;
  height: auto;
}
.features .featured-story.three .media-block a .byline {
  font-style: italic;
  font-size: .687em;
  font-family: Georgia, Times, serif;
  font-weight: 300;
}
/* END Featured Stories */

/* Compilation result of dailysocial on Wed May 04 20:14:49 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* BEGIN Daily Social */
.dailysocial-section {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.dailysocial-section .dailysocial {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 40px;
  margin-left: 0;
}
.dailysocial-section .dailysocial li {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 20px;
  margin-left: 0;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  width: 100%;
}
.dailysocial-section .dailysocial li .media {
  position: relative;
  display: block;
}
.dailysocial-section .dailysocial li .media .image {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}
.dailysocial-section .dailysocial li .media .bd-hover {
  background: none repeat scroll 0 0 #000000;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.78);
  height: 100%;
  width: 300px;
  position: absolute;
  top: 0;
  transition: opacity 300ms ease-in-out 0s;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer;
}
.dailysocial-section .dailysocial li .media .bd-hover .inner {
  position: absolute;
  width: 80%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 1;
}
.dailysocial-section .dailysocial li .media .bd-hover .inner .dek {
  color: #ffffff;
  font-family: "TitlingGothicFBCondLight", "Arial Narrow", Arial, sans-serif;
  letter-spacing: 1px;
  line-height: 24px;
  font-size: 16px;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 20px;
  margin-left: 0;
}
.dailysocial-section .dailysocial li .media .bd-hover .inner .keep-reading {
  color: #EE2E24;
  display: block;
  font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 14px;
}
.dailysocial-section .dailysocial li .media .bd-hover .inner .keep-reading .icon-arrow {
  padding-left: 5px;
  font-size: 20px;
  bottom: -2px;
  position: relative;
}
.dailysocial-section .dailysocial li .media:hover .bd-hover {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dailysocial-section .dailysocial li .media .billboard {
  position: relative;
}
.dailysocial-section .dailysocial li .media .billboard .byline {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
  color: #eee;
  padding: 4px 4px 4px 8px;
  font-family: Georgia,Times, serif;
  font-size: 10px;
  line-height: 10px;
  font-style: italic;
}
.dailysocial-section .dailysocial li .title {
  font-size: 24px;
  font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
  line-height: 1;
  text-transform: uppercase;
  margin-top: 10px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}
.dailysocial-section .dailysocial li .author {
  margin-top: 2px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}
.dailysocial-section .dailysocial li .author .byline {
  font-size: 12px;
  font-family: Georgia, Times, serif;
  font-style: italic;
}
.dailysocial-section .dailysocial li:first-child .media .bd-hover .dek {
  line-height: 26px;
  font-size: 18px;
}
.dailysocial-section .dailysocial li:first-child .title {
  font-size: 31px;
}
.dailysocial-section .dailysocial li.item-1 .dek {
  max-height: 125px;
  overflow: hidden;
}
.dailysocial-section .dailysocial div.screenshot {
  height: auto;
}
.dailysocial-section .dailysocial div.screenshot img.img {
  max-width: none;
  width: auto;
  position: relative;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
}
.dailysocial-section .dailysocial .item-0 .screenshot img.img {
  height: 367px;
}
.dailysocial-section .dailysocial .item-1 .screenshot {
  height: 168px;
}
.dailysocial-section .dailysocial .item-1 .screenshot img.img {
  width: 300px;
  top: -16px;
}
.dailysocial-section .dailysocial .item-2 .screenshot img.img {
  height: 224px;
}
.dailysocial-section .dailysocial .screenshot.placeholder img.img {
  width: 300px;
}
.ie8 .dailysocial-section .dailysocial .media:hover .bd-hover {
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.ie8 .dailysocial-section .dailysocial .media:hover .bd-hover .inner {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
.ie8 .dailysocial-section .dailysocial .media .bd-hover .inner {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
/* END Daily Social */

/* Compilation result of contentheader on Wed May 04 20:14:49 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/***
    Header for Page Template / Publish DATE and TIME
***/
.content-header .title {
  color: #02141f;
  font-size: 55px;
  font-family: "ScoutCondensedBold", "Arial Narrow", Arial, sans-serif;
  line-height: 50px;
  font-weight: normal;
  letter-spacing: 0.5px;
  font-weight: 600;
  margin-top: 20px;
}
.content-header h3,
.content-header h4,
.content-header .section-url {
  display: inline-block;
  font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
}
.content-header .section {
  font-size: 1em;
}
.content-header h3.section {
  margin-right: 8px;
}
.content-header .section,
.content-header .rubric {
  text-transform: uppercase;
  line-height: 1;
  color: #f00606;
  letter-spacing: 1px;
}
.content-header .rubric {
  margin-right: 8px;
  font-size: .80em;
}
.content-header .publish-date-time {
  display: inline-block;
  color: #a7afb3;
  font-size: 13px;
  font-family: "ScoutBold", "Arial Narrow", Arial, sans-serif;
  line-height: 15px;
  font-weight: normal;
  letter-spacing: 0.5px;
  /** currently only shown on cheat page */

}
.content-header .publish-date-time .time {
  text-transform: uppercase;
  font-size: .80em;
  color: #7F7F7F;
}
.cheat .content-header .partnerad {
  color: #a7afb3;
  font-size: 13px;
  font-family: "ScoutBold", "Arial Narrow", Arial, sans-serif;
  line-height: 15px;
  font-weight: normal;
  letter-spacing: 0.5px;
  color: #6182c2;
  margin-top: 2px;
  padding-right: 10px;
}
.cheat .content-header .partnerad + .rubric {
  color: #6182c2;
}
.cheat .content-header .partnerad + .rubric + .publish-date-time {
  visibility: hidden;
}
.cheat .content-header .rubric {
  color: #a7afb3;
  font-size: 13px;
  font-family: "ScoutBold", "Arial Narrow", Arial, sans-serif;
  line-height: 15px;
  font-weight: normal;
  letter-spacing: 0.5px;
  white-space: nowrap;
  letter-spacing: inherit;
  color: #f00606;
}
.cheat .content-header .publish-date-time {
  display: inline-block;
  margin-left: 5px;
  color: #a7afb3;
  font-size: 13px;
  font-family: "ScoutBold", "Arial Narrow", Arial, sans-serif;
  line-height: 15px;
  font-weight: normal;
  letter-spacing: 0.5px;
}
.cheat .content-header .publish-date-time .time {
  text-transform: uppercase;
}
.cheat .content-header .title {
  color: #02141f;
  font-size: 55px;
  font-family: "ScoutCondensedBold", "Arial Narrow", Arial, sans-serif;
  line-height: 50px;
  font-weight: normal;
  letter-spacing: 0.5px;
  margin-bottom: 29px;
  margin-top: 0;
  padding-top: 5px;
}
@media only screen and (min-width: 1145px) {
  .content-header .title {
    font-weight: 400;
    font-size: 54px;
    letter-spacing: 1px;
    line-height: 56px;
  }
}

/* Compilation result of contentheader on Wed May 04 20:14:49 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/***
    Author DATE and TIME
***/
.article-header.editmode header {
  float: left;
  width: 100%;
}
.article-header.editmode header .section {
  text-transform: uppercase;
  line-height: 1.2;
  font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
  color: #f00606;
  font-size: 1em;
  letter-spacing: 1px;
  margin-bottom: 10px;
}
.article-header.editmode header .title {
  font-weight: 400;
  font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
  font-size: 54px;
  letter-spacing: 1px;
  line-height: 56px;
}
.article-header.editmode .publish-date-time {
  font-style: italic;
  letter-spacing: 0;
  font-size: 1.1em;
  font-family: Georgia, Times, serif;
  color: #000000;
  display: inline;
}
.article-header.editmode .publish-date-time .date {
  margin-right: 5px;
}

/* Compilation result of content on Wed May 04 20:14:48 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/**
 PAGE CONTENT RULES (Article, Cheat, Video pages etc.).
 Rules specific to the (SHARED) content structure of our page templates should go in here. Independent components rules such as inlinevideo, videooverlay, inlineimage, that can live on any page, should go in their own
 component file.
**/
.content {
  width: 560px;
}
.content a {
  display: inline;
  color: #6c899d;
  text-decoration: none;
}
.content a:hover,
.content a:focus {
  text-decoration: underline;
}
.content .dek {
  padding: 24px 0;
}
.content .dek,
.content .dek p {
  font-size: 19px;
  font-family: "TitlingGothicFBCondRegular", "Arial Narrow", Arial, sans-serif;
  line-height: 1.2em;
  letter-spacing: 1.2px;
  margin: 0;
}
.content p {
  line-height: 1.6;
  margin: 1em 0;
}
.content p a {
  display: inline;
}
.content p a,
.content h2 a,
.content h3 a {
  color: #6c899d;
  text-decoration: none;
}
.content p a:hover,
.content h2 a:hover,
.content h3 a:hover,
.content p a:focus,
.content h2 a:focus,
.content h3 a:focus {
  text-decoration: underline;
}
.content > ul,
.content > ol {
  margin-top: 30px;
  margin-right: 30px;
  margin-bottom: 30px;
  margin-left: 80px;
  letter-spacing: 1px;
  font-family: "TitlingGothicFBCondRegular", "Arial Narrow", Arial, sans-serif;
  font-size: 1.3em;
}
.content .content-body > ul,
.content .content-body > ol {
  margin-top: 30px;
  margin-right: 30px;
  margin-bottom: 30px;
  margin-left: 80px;
  letter-spacing: 1px;
  font-family: "TitlingGothicFBCondRegular", "Arial Narrow", Arial, sans-serif;
  font-size: 1.3em;
  display: block;
}
.content .content-body > ul {
  list-style-type: disc;
}
.content .content-body > ol {
  list-style-type: decimal;
}
.content > ul {
  list-style-type: disc;
  display: inline-block;
}
.content > ol {
  list-style-type: decimal;
  display: inline-block;
}
.content li {
  margin-bottom: .5em;
}
.content li:last-child {
  margin-bottom: 0;
}
.content .content-body p:first-of-type {
  margin-top: 0;
}
.content .content-body .ad {
  text-align: center;
}
.content .content-body .ad + .inline-image-box {
  margin-top: 1em;
}
.content object[height] {
  margin-bottom: 0;
}
.content .photocredit {
  color: #7f7f7f;
  font-family: Georgia, Times, serif;
  font-style: italic;
  float: right;
  text-align: right;
  width: 100%;
  font-size: 0.8em;
}
.content .oembed {
  margin: 0 auto;
  max-width: 100%;
  clear: both;
  text-align: center;
}
.content .oembed iframe {
  width: 100%;
}
.content .oembed + p {
  clear: both;
}
.content .multimedia,
.content .oembed {
  margin-bottom: 1em;
}
.content img {
  max-width: 100%;
}
.content-footer {
  /*min-height: 502px;*/

  margin: 30px 0 0 0;
  position: relative;
  width: 560px;
  clear: both;
}
.content-footer .ad.center {
  clear: both;
  text-align: right;
}
.content-footer .ad-300x250 {
  width: 300px;
  float: left;
  margin-left: 5px;
}
.content-footer .social {
  float: left;
  margin-bottom: 39px;
}
.content-footer .social li {
  float: left;
  display: inline-block;
  font-size: 2.5em;
  margin-right: 15px;
}
.content-footer .footer-ad-container {
  clear: both;
}
.content-footer.js-comment-panel-opened {
  min-height: 560px;
}
.content-footer a.comment-link {
  position: absolute;
  right: 0;
  font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
  font-size: 14px;
  text-transform: capitalize;
  top: 11px;
}
.content-footer.article-footer {
  overflow: hidden;
  margin-bottom: 65px;
}
.grid-12 .content-footer.article-footer {
  margin-bottom: 80px;
}
.content-footer.article-footer .outbrain-placeholder {
  min-height: 621px;
}
.content-footer.cheat-footer {
  min-height: 230px;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.content-footer.cheat-footer.js-comment-panel-opened {
  min-height: 560px;
}
.content-footer.cheat-footer .ad-300x250 {
  margin-right: auto;
  margin-left: auto;
  clear: both;
  float: none;
}
@media only screen and (min-width: 1145px) {
  .content {
    width: 690px;
  }
  .content p {
    font-size: 1.1875em;
  }
  .content .oembed {
    max-width: 610px;
  }
  .content-footer {
    /*min-height: 602px;*/
  
    width: 728px;
  }
  .content-footer.js-comment-panel-opened {
    min-height: 602px;
  }
  .content-footer.cheat-footer.js-comment-panel-opened {
    min-height: 560px;
  }
}

/* Compilation result of columnists on Wed May 04 20:14:48 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* BEGIN Columnists */
.columnists-section {
  text-align: center;
}
.columnists-section .columnists {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 40px;
  margin-left: 0;
}
.columnists-section .columnists li {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  width: 100%;
}
.columnists-section .columnists li:hover {
  background-color: #eeede7;
}
.columnists-section .columnists li:first-child {
  margin-top: 0;
}
.columnists-section .columnists li a.columtist-story {
  display: table;
  color: inherit;
}
.columnists-section .columnists li .col {
  display: table-cell;
}
.columnists-section .columnists li .col.title {
  vertical-align: middle;
  text-align: left;
}
.columnists-section .columnists li .col.title.no-image {
  width: 100%;
}
.columnists-section .columnists li .col.title h3 {
  font-weight: 400;
  font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
  font-size: 1.5em;
  display: block;
  margin-left: 15px;
  line-height: 1.1;
}
.columnists-section .columnists li .col.title:hover {
  color: #000000;
}
.columnists-section .columnists li .col.title .byline {
  margin-top: 7px;
  margin-right: 0;
  margin-bottom: 0.25em;
  margin-left: 0;
  line-height: 1.2;
  font-size: 12px;
  display: block;
  font-family: Georgia, Times, serif;
  font-style: italic;
  margin-left: 15px;
}
.columnists-section .columnists li .col.title .byline.no-image {
  width: 100%;
}
.columnists-section .columnists li .col.columnist-image {
  width: 100px;
}
.columnists-section .columnists li .col.columnist-image .author-image {
  background-color: #dcdcdc;
  display: block;
  width: 100px;
  height: 100px;
}
.columnists-section .columnists li .col.columnist-image .author-image.no-image {
  display: none;
}
/* END Columnists */
/* Compilation result of cheatsheet on Wed May 04 20:14:47 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* BEGIN cheatsheet */
.cheatsheet {
  width: 236px;
  margin-left: 0px !important;
  background-color: #f6f5f0;
  border: 3px solid #f00606;
}
.cheatsheet .comment-box,
.cheatsheet .comment-box-sm {
  position: relative;
  z-index: 100;
  width: 100%;
  text-align: center;
  color: #ffffff;
}
.cheatsheet .comment-box h3,
.cheatsheet .comment-box-sm h3 {
  padding: 20px;
  font-size: 1.8em;
}
.cheatsheet .comment-box {
  font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
}
.cheatsheet .comment-box h4 {
  color: #ffffff;
  letter-spacing: 1px;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 1em;
  padding-top: 15px;
}
.cheatsheet .comment-box ul li {
  display: inline;
  margin: 0 1px;
}
.cheatsheet footer.comment-box {
  position: relative;
}
.cheatsheet footer.comment-box:before {
  content: "";
  font-size: 0;
  line-height: 0;
  width: 0;
  display: block;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-bottom: 8px solid #ee2e24;
  position: absolute;
  top: -8px;
  left: 50%;
  margin-left: -8px;
}
.cheatsheet footer.comment-box h4 {
  font-size: 1.1em;
}
.cheatsheet footer.comment-box .social li {
  margin-top: 10px;
  margin-right: 0;
  margin-bottom: 10px;
  margin-left: 0;
  float: none;
  display: inline;
  font-size: 1.4em;
}
.cheatsheet footer.comment-box .social li a {
  color: #ffffff;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.cheatsheet footer.comment-box .social li a:hover {
  color: #000000;
}
.cheatsheet .cheats {
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 0;
  padding-left: 0px;
}
.cheatsheet .cheats ol {
  position: relative;
  top: -4px;
  z-index: 0;
  list-style-type: none;
  counter-reset: cheatsheet-counter;
}
.cheatsheet .cheats ol:hover .title {
  color: #000000;
}
.cheatsheet .cheats ol .cheat {
  position: relative;
  padding-top: 18px;
  padding-right: 10px;
  padding-bottom: 18px;
  padding-left: 10px;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
  font-size: 1.2em;
  text-align: center;
  color: #000000;
}
.cheatsheet .cheats ol .cheat a {
  display: inline;
}
.cheatsheet .cheats ol .cheat:first-child {
  padding-top: 26px;
}
.cheatsheet .cheats ol .cheat:hover {
  background-color: #ffffff;
  z-index: 999;
}
.cheatsheet .cheats ol .cheat:before {
  content: counter(cheatsheet-counter, decimal) ". ";
  counter-increment: cheatsheet-counter;
  font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
  font-size: 19px;
}
.cheatsheet .cheats ol .cheat:last-child:after {
  border-bottom: 0px;
}
.cheatsheet .cheats ol .cheat:last-child:hover:after {
  border-bottom: 0px;
}
.cheatsheet .cheats ol .cheat:after {
  content: "";
  font-size: 0;
  line-height: 0;
  width: 180px;
  float: left;
  margin-top: 19px;
  margin-right: 0;
  margin-bottom: 10px;
  margin-left: 15px;
  position: relative;
  display: block;
  border-bottom: 1px solid #ccc;
}
.cheatsheet .cheats ol .cheat:hover:after {
  border-bottom: 1px solid transparent;
}
.cheatsheet .cheats ol .cheat .rubric {
  font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
  color: #f00606;
  letter-spacing: 0.0625em;
  font-weight: 800;
  line-height: 1.2;
  display: inline;
  text-transform: uppercase;
  font-size: .75em;
}
.cheatsheet .cheats ol .cheat .media-block .cheat-number {
  white-space: nowrap;
}
.cheatsheet .cheats ol .cheat .media-block .title {
  font-size: .9em;
  font-family: Georgia, Times, serif;
  font-weight: 300;
  padding: 3px;
}
.cheatsheet .cheats ol .cheat .media-block .title:hover {
  color: #000;
}
.cheatsheet .cheats ol .cheat .media-block .title.sponsored {
  color: #008ddf;
}
.cheatsheet .cheats ol .cheat .media-block .dek {
  font-family: Arial, 'sans-serif';
  font-size: 0.7em;
  font-weight: normal;
  color: #666666;
  padding-top: 3px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
}
.cheatsheet .cheats ol .cheat .media {
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 2px;
  margin-left: auto;
  width: 150px;
  position: relative;
}
.cheatsheet .cheats .social {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: 0;
  height: 20px;
}
.cheatsheet .cheats .social li {
  float: none;
  display: inline-block;
  font-size: 1.0em;
}
.cheatsheet .cheats .social li a {
  color: #b4b4b4;
  -moz-transform: all 300ms ease;
  -o-transform: all 300ms ease;
  -ms-transform: all 300ms ease;
  -webkit-transform: all 300ms ease;
  transform: all 300ms ease;
}
.cheatsheet .cheats .social li a:hover {
  color: #000000;
}
.cheatsheet .flipad1,
.cheatsheet .flipad2 {
  overflow: hidden;
  width: 230px;
  bottom: 0px;
  height: 49px;
  background-color: #000000;
}
/* END cheatsheet */
/* Compilation result of belts on Wed May 04 20:14:47 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* BEGIN Belts */
.belt .row {
  width: 100%;
}
.belt.story {
  display: block;
  overflow: hidden;
  background-color: #eeede1;
  margin-top: 85px;
  width: 100%;
  min-width: 1145px;
  /* REGULAR STORY */

  /* GALLERY */

}
.belt.story.hide {
  display: none;
}
.belt.story a:hover {
  color: #000000;
}
.belt.story .rubric {
  text-transform: uppercase;
  color: #f00606;
  font-size: 14px;
  margin-bottom: 14px;
  font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
}
.belt.story .title {
  font-size: 30px;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 15px;
  margin-left: 0;
  line-height: 33px;
  letter-spacing: 1px;
  font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
}
.belt.story .byline {
  font-family: Georgia, Times, serif;
  text-transform: normal;
  font-size: 15px;
  font-style: italic;
}
.belt.story .story-right {
  display: table-cell;
  vertical-align: middle;
  float: none;
  width: 1000%;
  height: 250px;
  padding-left: 70px;
  padding-right: 30px;
  font-family: "TitlingGothicFBCondLight", "Arial Narrow", Arial, sans-serif;
  margin: 0;
}
.belt.story .story-link:hover .story-right {
  background-color: #e7e5d2;
}
.belt.story .story-right .pullquote {
  position: relative;
  display: inline;
  text-align: left;
  vertical-align: middle;
  left: 0;
  font-size: 32px;
  font-weight: 400;
}
.belt.story .story-right .pullquote p {
  display: inline;
}
.belt.story .story-left {
  display: table;
  text-align: center;
  padding: 30px;
  height: 250px;
  margin: 0;
  background-color: #e7e5d2;
  float: left;
  position: relative;
  width: 200px;
}
.belt.story .story-left .inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.belt.story .gallery {
  background-color: #000000;
  color: #ffffff;
  height: 229px;
  overflow: hidden;
}
.belt.story .gallery a {
  color: #ffffff;
}
.belt.story .gallery img:hover {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.belt.story .media {
  position: relative;
  float: left;
  text-align: center;
  display: table;
  overflow: hidden;
  width: 229px;
  height: 229px;
}
.belt.story .media .inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
}
.belt.story .media .inner .rubric {
  color: #ee2e24;
}
.belt.story .media .inner .byline {
  color: #e8e8e8;
}
.belt.story .media img {
  position: relative;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  max-width: 229px;
  z-index: 100;
}
.belt.story .media .image-title {
  display: table;
  position: relative;
  top: -237px;
  width: 229px;
  height: 229px;
}
.belt.story .media .image-title h3 {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
/* END Belts */

.content-ad {
    margin: 9px 31px 9px 0;
    float: left;
    clear: left;
}
/* Compilation result of brandbeastad on Wed May 04 20:14:46 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* BEGIN Brandbeastad */
.brandbeastad.row {
  margin: 100px auto;
}
.brandbeastad .brandbeast-ad {
  min-width: 300px;
  min-height: 600px;
  position: absolute;
  top: 0;
  right: 0;
}
.brandbeastad .presented-by {
  margin-left: 15px;
  font-family: "TitlingGothicFBCondLight", "Arial Narrow", Arial, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  color: #b4b4b4;
  letter-spacing: 1px;
  display: inline-block;
}
.brandbeastad .presented-by img {
  margin-left: 15px;
}
.brandbeastad .comment-box-bg .title {
  color: #fff;
}
.brandbeastad .topic-section .feature-topic.no-image .media-block .bd {
  background-color: #111;
}
.brandbeastad .topic-section .feature-topic.no-image .media-block .bd .title {
  color: #008ddf;
}
.brandbeastad .topic-section .feature-topic.grid-18 .has-video.swapped {
  width: 100%;
  padding-bottom: 0;
}
.brandbeastad .topic-section .feature-topic .media-block .bd {
  background-color: #008ddf;
}
.brandbeastad .topic-section .feature-topic .media-block .bd-hover .title,
.brandbeastad .topic-section .feature-topic .media-block .bd-hover .keep-reading {
  color: #008ddf;
}
.brandbeastad .topic-section .feature-topic .media-block.has-video .bd-hover {
  transition: opacity 300ms ease-in-out 0s;
  background: none repeat scroll 0 0 #000000;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
  cursor: auto;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
.brandbeastad .topic-section .feature-topic .media-block.has-video .bd-hover .inner {
  float: none;
}
.brandbeastad .topic-section .feature-topic .media-block.has-video .bd-hover .title {
  margin: 0 0 25px;
  text-align: center;
  float: none;
}
.brandbeastad .topic-section .feature-topic .media-block.has-video .bd-hover .byline {
  margin: 0 0 25px;
  text-align: center;
}
.brandbeastad .topic-section .feature-topic .media-block.has-video .bd-hover .dek {
  transition: opacity 300ms ease-in-out 0s;
  margin: 0 0 25px;
  text-align: center;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.brandbeastad .topic-section .feature-topic .media-block.has-video .bd-hover .play-btn {
  position: relative;
}
.brandbeastad .topic-section .feature-topic .media-block.has-video:hover .bd-hover {
  background: none repeat scroll 0 0 #000000;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
.brandbeastad .topic-section .feature-topic .media-block.has-video:hover .bd-hover .dek {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
.brandbeastad .topic-section .subfeature-topic .media-block .bd .title {
  color: #008ddf;
}
.brandbeastad .topic-section .feature-topic.grid-13 .has-video.swapped .video-wrapper,
.brandbeastad .topic-section .feature-topic.grid-13 .has-video.swapped .video-wrapper iframe {
  max-height: none;
}
.brandbeastad .topic-section .features .feature-topic .media-block .video-wrapper,
.brandbeastad .topic-section .features .feature-topic .media-block .video-wrapper iframe {
  max-height: none;
}
.ie8 .brandbeastad .topic-section .feature-topic .media-block:hover .bd-hover {
  filter: alpha(opacity=90);
}
.ie8 .brandbeastad .topic-section .feature-topic .media-block .bd-hover {
  filter: alpha(opacity=80);
}
.ie .brandbeastad .feature-topic .media-block.has-video .bd-hover .play-btn {
  left: 0%;
  margin-left: 0;
}
_:-ms-input-placeholder,
:root .brandbeastad .feature-topic .media-block.has-video .bd-hover .play-btn {
  left: 0%;
  margin-left: 0;
}
/* END Brandbeastad */

/* Compilation result of advertisement on Wed May 04 20:14:46 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*
  * ADS
*/
.ad.center > * {
  margin: auto;
}
.ad.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  clear: both;
}
.ad.right {
  text-align: right;
}
.ad.rising-star-sm,
.ad.rising-star-lg {
  padding-top: 20px;
  padding-bottom: 20px;
}
.brandedsection {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: 105px;
}
.partnerad {
  margin-top: 40px;
  position: relative;
  float: left;
  font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
  color: #6182c2;
}
.brandedcontent {
  display: inline-block;
  margin: 0 5px;
}
/**
 ADSENSE
**/
.adsense-container {
  float: left;
  clear: left;
  width: 235px;
  height: 350px;
  margin: 9px 31px 9px 0px;
  background: #555;
}
.adsense-container .adsense-inner {
  padding-top: 15px;
  padding-left: 15px;
}

/* Compilation result of 950 on Wed May 04 20:14:45 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (min-width: 950px) and (max-width: 1150px) {
  
}

/* Compilation result of common on Wed May 04 20:15:03 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*
 * The Daily Beast
 *
 * @project     The Daily Beast
 * @section     Homepage
 * @date        2013-07-01
 * @author      Lynn Maharas, Mani Nilchiani, Clarisa Diaz, Natalie Olivo, Matt Stowe, Vitaly Korenkov, Offshore guys, Snoopy, Cookie Monster
 * @copyright   2013 by The Daily Beast Company
 *
 */
/* font-sizes:
 *      px: 10, 12, 14, 16,  18, 26, 56
 */
/* font-family:
 *      TODO: this font should always have a letter-spacing: 1px;
 *      "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
 letter-spacing: 1px;
 *
 */
/* colors:
 *
 *      Daily Beast Red - #ee2e24;
 *
 */
/*
 * DEFAULT
 */
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body {
  font-size: 100%;
}
a:hover {
  cursor: pointer;
}
a:focus {
  outline: none;
}
img,
object,
embed {
  max-width: 100%;
}
object:not([height]) {
  height: auto;
}
object:not([height]) {
  height: 100%;
}
object[height] {
  float: left;
  clear: both;
  margin-bottom: 1em;
  width: 100%;
}
img {
  -ms-interpolation-mode: bicubic;
}
#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
  max-width: none !important;
}
.left {
  float: left !important;
}
.right {
  float: right !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-justify {
  text-align: justify !important;
}
.hide {
  display: none;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
}
img {
  display: inline-block;
  vertical-align: middle;
}
textarea {
  height: auto;
  min-height: 50px;
}
select {
  width: 100%;
}
* {
  outline: none;
}
body {
  margin: auto;
  color: #000;
}
a {
  color: #000;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
body {
  min-width: 1145px;
}
a:hover {
  color: #666;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.header,
.body {
  margin: 0 auto;
}
/*
 * Utility classes
*/
.disable-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  /* Webkit */

  -moz-user-select: none;
  /* Firefox */

  -ms-user-select: none;
  /* IE 10  */

  /* Currently not supported in Opera but will be soon */

  -o-user-select: none;
  user-select: none;
}
/*
 * COLORS
 */
.bkgd-yellow {
  background-color: #fef200;
}
.bkgd-red {
  background-color: #ee2e24;
}
.bkgd-black {
  background-color: #000;
}
.bkgd-blue {
  background-color: #008ddf;
}
/*
 * FONT COLORS
 *
 **/
.nw-red {
  color: #ed232a;
}
/* dark copy */
.grey-dk {
  color: #191919;
}
/* light copy */
.grey-lt {
  color: #ccc;
}
/* gold on white */
.gold-on-white {
  color: #9c6f11;
}
/* gold on black */
.gold-on-black {
  color: #e09602;
}
/* white */
.white {
  color: #fff;
}
/* black */
.black {
  color: #000;
}
/* blue for sponsored content */
.blue {
  color: #87CEEB;
}
/* convenience classes */
.noscroll {
  overflow: hidden;
}
/* borders */
.top-border {
  border-top: 1px solid #ccc;
}
/* img-round */
.img-round {
  -webkit-border-radius: 125px;
  -moz-border-radius: 125px;
  border-radius: 125px;
}
/* animations */
.rotate-cc-90deg {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
}
/*
 * COMMON MODULES
 */
/* module */
/*
.module {
    margin: -17px 0 50px;
}
*/
/* module + comment-box  + border */
.module + .comment-box-sm,
.module + .comment-box-bg {
  text-align: center;
  margin: 0 auto;
}
.module .comment-box-sm,
.module .comment-box-bg {
  position: relative;
  z-index: 10;
}
.module .comment-box-sm {
  bottom: -17px;
}
.module .comment-box-sm + .top-border,
.module .comment-box-bg + .top-border {
  border-top: 1px solid #ccc;
  padding-top: 42px;
}
/*
 *  Share - Trending
 */
.share-counter {
  margin-top: 10px;
  font-weight: 400;
  float: left;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  padding-top: 10px;
  padding-right: auto;
  padding-bottom: auto;
  padding-left: auto;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  text-transform: uppercase;
  background-color: #fef200;
  color: #000000;
  width: 60px;
  height: 60px;
  line-height: .9;
  font-size: 1em;
}
.share-number {
  display: block;
  float: left;
  text-align: center;
  color: #000000;
  font-size: 1.6em;
  width: 100%;
}
.default-badge {
  line-height: 2.5;
}
/*
 * SECTION LIST
 */
.section-list {
  height: 6px;
  overflow: hidden;
}
.section-list li {
  float: left;
  border-left: 1px solid #000;
}
.section-list li:first-child {
  border-left: none;
}
.section-list .fill {
  height: 6px;
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
/*
 * COMMENT BOX SM
 */
.comment-box-sm {
  padding: 2px 16px;
  font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
  line-height: 30px;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: relative;
}
h4.comment-box-sm,
.comment-box-sm h3,
.comment-box-sm h4 {
  font-weight: normal;
}
.comment-box-sm.bkgd-yellow,
a .comment-box-sm.bkgd-yellow {
  color: #000;
}
.comment-box-sm.bkgd-yellow:after {
  content: "";
  font-size: 0;
  line-height: 0;
  width: 0;
  display: block;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-top: 8px solid #fef200;
  color: #fef200;
  position: absolute;
  bottom: -7px;
  left: 50%;
  margin-left: -8px;
}
.comment-box-sm.bkgd-red,
a .comment-box-sm.bkgd-red,
.comment-box-sm.bkgd-blue,
a .comment-box-sm.bkgd-blue {
  color: #fff;
}
.comment-box-sm.bkgd-red:after {
  content: "";
  font-size: 0;
  line-height: 0;
  width: 0;
  display: block;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-top: 8px solid #ee2e24;
  color: #ee2e24;
  position: absolute;
  bottom: -7px;
  left: 50%;
  margin-left: -8px;
}
.comment-box-sm.bkgd-blue:after {
  content: "";
  font-size: 0;
  line-height: 0;
  width: 0;
  display: block;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-top: 8px solid #008ddf;
  color: #008ddf;
  position: absolute;
  bottom: -7px;
  left: 50%;
  margin-left: -8px;
}
/*
 * COMMENT BOX BG
 */
.comment-box-bg {
  padding: 12px;
  font-size: 25px;
  font-weight: normal;
  font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
  letter-spacing: 1px;
  line-height: 1;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 2px;
  height: 52px;
}
.comment-box-bg.bkgd-black {
  color: #fff;
  text-align: center;
}
.comment-box-bg.bkgd-black:after {
  content: "";
  font-size: 0;
  line-height: 0;
  width: 0;
  display: block;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  border-top: 12px solid #000;
  color: #000;
  position: relative;
  bottom: -12px;
  left: 50%;
  margin-left: -12px;
}
.comment-box-bg.bkgd-blue:after {
  content: "";
  font-size: 0;
  line-height: 0;
  width: 0;
  display: block;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  border-top: 12px solid #008ddf;
  color: #008ddf;
  position: relative;
  bottom: -12px;
  left: 50%;
  margin-left: -12px;
}
/*
 * ARROWS
 */
/* arrow-right */
.arrow-right-yellow,
.arrow-right-red {
  padding: 0 .9804071754% 0 1.373895976%;
  font-size: 18px;
  font-weight: normal;
  font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
  line-height: 30px;
  position: relative;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: inline-block;
}
.arrow-right-yellow {
  color: #000;
}
.arrow-right-red {
  color: #fff;
}
.arrow-right-black {
  color: #000;
}
.arrow-right-yellow:after {
  content: "";
  font-size: 0;
  line-height: 0;
  width: 0;
  display: block;
  border-top: 15px solid transparent;
  border-left: 10px solid #fef200;
  border-bottom: 15px solid transparent;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  right: -9px;
}
.arrow-right-red:after {
  content: "";
  font-size: 0;
  line-height: 0;
  width: 0;
  display: block;
  border-top: 15px solid transparent;
  border-left: 10px solid #ee2e24;
  border-bottom: 15px solid transparent;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  right: -9px;
}
.arrow-right-black {
  padding: 0 10px 0 20px;
  font-size: 12px;
  font-weight: normal;
  line-height: 30px;
  position: relative;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: inline-block;
}
.arrow-right-black:after {
  content: "";
  font-size: 0;
  line-height: 0;
  width: 0;
  display: block;
  border-top: 8px solid transparent;
  border-left: 8px solid #000;
  border-bottom: 8px solid transparent;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  right: -9px;
}
.arrow-circle {
  width: 50%;
  height: 50%;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -10;
  margin: 25%;
}
/*
 * MEDIA-BLOCK
 */
/* clearfix */
.media-block:after {
  clear: both;
  content: ' ';
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}
.media-block .bd {
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 300ms ease-in-out 0s;
}
* html .media-block {
  height: 1%;
}
.media-block {
  display: block;
}
.media-block .bd-hover .inner {
  background: none repeat scroll 0 0 transparent;
  float: left;
  height: auto;
  margin: 7em 4em 0;
}
/* display */
.media-block {
  overflow: hidden;
  _overflow: visible;
  zoom: 1;
  position: relative;
}
.media-block .media .img {
  width: 100%;
  clear: both;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.media-block .media .img.cdn-screenshot {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  max-width: 1000%;
  width: auto;
  height: auto;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/* thb-left */
.media-block.thb-left .hd,
.media-block.thb-left .bd {
  float: left;
  width: 54%;
  vertical-align: top;
}
.media-block.thb-left .media {
  float: left;
  margin-right: 4%;
  margin-top: 0;
  width: 42%;
  vertical-align: top;
}
/* thb-right */
.media-block.thb-right .hd,
.media-block.thb-right .bd {
  float: right;
  width: 54%;
  vertical-align: top;
  text-align: right;
}
.media-block.thb-right .media {
  float: right;
  margin-left: 4%;
  margin-top: 0;
  width: 42%;
  vertical-align: top;
}
.media-block .bd-hover .inner .byline {
  clear: both;
  display: block;
  float: left;
  text-align: left;
  width: 100%;
}
.media-block .bd-hover .inner .dek {
  color: #FFFFFF;
  float: left;
  font-family: "TitlingGothicFBCondLight", "Arial Narrow", Arial, sans-serif;
  font-weight: 100;
  letter-spacing: 1px;
  line-height: 1.45;
  text-align: left;
  width: 100%;
}
.media-block .bd-hover {
  background: none repeat scroll 0 0 #000000;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.78);
  bottom: 0;
  display: block;
  height: 100%;
  left: 0;
  margin: auto;
  cursor: pointer;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  padding: 0;
  position: absolute;
  right: 0;
  transition: opacity 300ms ease-in-out 0s;
  width: 100%;
  z-index: 11;
}
/* media-block absolute */
.media-block.absolute:hover,
.media-block.absolute a,
.media-block.absolute a:hover {
  color: #fff;
  cursor: pointer;
}
.media-block.absolute .bd {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background-color: #000;
  color: #f4f2df;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.media-block.absolute:hover .bd {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
.media-block.absolute .bd .bd-inner {
  padding: 0 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  margin: auto;
  display: table;
  z-index: 10;
}
/*
 * SOCIAL BAR
 */
.social-bar {
  display: block;
  margin: 14px 0;
}
.social-bar li {
  float: left;
  display: inline-block;
  margin-right: 10px;
}
.social-bar [class^="icon-"] {
  color: #fff;
  font-size: 30px;
}
.social-bar li span {
  vertical-align: middle;
  color: #fff;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 12px;
  font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
  letter-spacing: 2px;
  margin-left: 4px;
  display: inline-block;
  margin-bottom: 5px;
}
/* TODO: Find where articles page css goes  */
.header-wrapper {
  float: left;
  background-color: #000000;
  width: 100%;
}
.header-wrapper header {
  margin-left: auto;
  margin-right: auto;
  width: 1162px;
}
.header-wrapper header .main-navigation {
  float: left;
  clear: none;
}
.header-wrapper header .join-login {
  float: right;
  clear: none;
}
.header-wrapper header .join-login li {
  margin: 0;
}
.header-wrapper header .join-login li:last-child:before {
  content: '/';
  color: #ffffff;
  margin: 0 5px;
}
.header-wrapper header ul {
  float: left;
  font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
  letter-spacing: .1em;
  line-height: 1;
}
.header-wrapper header ul li {
  float: left;
  text-transform: uppercase;
  margin-right: 10px;
}
.header-wrapper header ul li a {
  color: #ffffff;
  letter-spacing: .1em;
}
.wrapper {
  width: 1162px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.wrapper .story-wrapper {
  margin-top: 20px;
  margin-bottom: 20px;
  float: left;
  width: 100%;
}
.wrapper .story-wrapper:first-child {
  margin-top: 0px;
  margin-bottom: 20px;
}
.wrapper .story-wrapper header .story-header-image {
  float: left;
  width: 100%;
  position: relative;
  background-color: #fff;
  z-index: 10;
  max-height: 600px;
  overflow-y: hidden;
}
.wrapper .story-wrapper header .story-header-image img {
  float: left;
  width: 100%;
}
.wrapper .story-wrapper header .story-header-image .has-ad {
  min-height: 600px;
}
.wrapper .story-wrapper header .story-header-image .top-ad {
  float: right;
  width: 300px;
  height: 600px;
}
.dynamic-commenting {
  float: left;
  width: 40px;
  left: -100px;
  position: relative;
  /*margin-top: 40px;*/

  /*margin-bottom: 0px;*/

  font-size: 14px;
  letter-spacing: 0.1em;
  font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
  text-transform: uppercase;
  background: #eee;
}
.dynamic-commenting .comment-bubble,
.dynamic-commenting .num-comments {
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  left: 0;
  color: #ffffff;
  line-height: 2.7;
  text-align: center;
}
.wrapper .story-wrapper .content {
  float: left;
  width: 700px;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 66px;
  margin-top: 40px;
  margin-bottom: 30px;
}
.wrapper .story-wrapper .content .story header {
  float: left;
  clear: both;
  width: 100%;
}
.wrapper .story-wrapper .content .story header .category {
  font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
  font-size: 18px;
  margin-top: 0px;
  margin-bottom: 0px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #ee2e24;
}
.wrapper .story-wrapper .content .story header .headline {
  font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
  font-size: 60px;
  letter-spacing: 0.03em;
  margin-top: 0px;
  margin-bottom: 10px;
  text-transform: capitalize;
  color: #231f20;
}
.wrapper .story-wrapper .content .story header .author {
  color: #231f20;
  position: relative;
  margin-top: 0px;
  margin-bottom: 0px;
}
.wrapper .story-wrapper .content .story header .author .avatar {
  float: left;
  width: 65px;
  height: 65px;
}
.wrapper .story-wrapper .content .story header .author .byline {
  color: #231f20;
  font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
  font-size: 15px;
  letter-spacing: 0.05em;
  position: absolute;
  top: 50px;
  left: 70px;
}
.wrapper .story-wrapper .content .story header .excerpt {
  color: #373637;
  float: left;
  clear: both;
}
.wrapper .story-wrapper .content .story header .excerpt p {
  font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
  font-size: 18px;
  letter-spacing: 0.1em;
  margin: 1em 0;
}
.wrapper .story-wrapper .content .story .social-media-header {
  float: left;
  clear: both;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
}
.wrapper .story-wrapper .content .story .social-media-header ul {
  font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
  font-size: 13px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.wrapper .story-wrapper .content .story .social-media-header ul li {
  position: relative;
  display: inline-block;
  margin-right: 14px;
}
.wrapper .story-wrapper .content .story .social-media-header ul li a {
  color: #000000;
  line-height: 2.5;
  margin: 0;
  float: left;
}
.wrapper .story-wrapper .content .story .social-media-header li .icon {
  float: left;
  font-size: 30px;
}
.wrapper .story-wrapper .content .story .body {
  float: left;
}
.wrapper .story-wrapper .content .story .body p {
  color: #373637;
  font-family: Georgia, Times, serif;
  font-size: 18px;
  line-height: 1.6;
}
.wrapper .story-wrapper .content .story .body .pull-quote {
  float: left;
  margin: 15px 20px 0 -40px;
}
.wrapper .story-wrapper .content .story .body p .underline {
  border-bottom: 2px dotted black;
  padding-bottom: 5px;
  color: #373637;
  display: inline;
}
.wrapper .story-wrapper .content .story footer {
  font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
  float: left;
  width: 100%;
}
.wrapper .story-wrapper .content .story footer .extras {
  margin-top: 20px;
  margin-bottom: 20px;
  float: left;
  width: 100%;
}
.wrapper .story-wrapper .content .story footer .extras a {
  float: left;
  font-size: 15px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  line-height: 2.2;
  margin-right: 30px;
}
.wrapper .story-wrapper .content .story footer .extras .reference {
  color: #00aeef;
}
.wrapper .story-wrapper .content .story footer .extras .action {
  background-color: #00aeef;
  color: #ffffff;
  padding: 0 10px;
  float: left;
  height: 30px;
  position: relative;
}
.wrapper .story-wrapper .content .story footer .extras .action:after {
  content: "";
  float: right;
  position: absolute;
  top: 0;
  right: -15px;
  width: 0;
  height: 0;
  border-color: transparent transparent transparent #00aeef;
  border-style: solid;
  border-width: 15px 0px 15px 15px;
}
.wrapper .story-wrapper .content .story footer .social-media-footer {
  font-size: 16px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  float: left;
  margin: 30px 0 0 0;
}
.wrapper .story-wrapper .content .story footer .social-media-footer li {
  position: relative;
  display: inline-block;
  margin-right: 10px;
}
.wrapper .story-wrapper .content .story footer .social-media-footer li .icon {
  float: left;
  font-size: 50px;
}
.wrapper .story-wrapper .content .story footer .social-media-footer li a {
  color: #000000;
  float: left;
  line-height: 3.2;
  margin: 0 0 0 5px;
}
.footer {
  margin-top: 80px;
}
.char-limit {
  white-space: nowrap;
  overflow: hidden;
}
.char-limit.multiline {
  white-space: normal;
}
/* CSS debug switch toggle
    TODO: Remove this in production
 */
.onoffswitch {
  position: fixed;
  font-size: .8em;
  top: 40px;
  left: 10px;
  opacity: .5;
  background-color: #db7093;
  padding: .2em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  cursor: pointer;
}
body.isDebug .css-debug {
  background-color: rgba(150, 150, 150, 0.5);
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
#grid-layer {
  width: 100%;
  height: 1000px;
  margin: 0 auto;
  top: 0;
  background: url(/National_Library/20160526010038oe_/http://www.thedailybeast.com/etc/clientlibs/dailybeast2/img/grid-1145.png) repeat-y;
  position: absolute;
  max-width: 73.49em;
  z-index: 999999;
}
#grid-enabler-handle {
  position: fixed;
  bottom: 0;
  left: 0;
  cursor: pointer;
  width: 75px;
  z-index: 9500;
  padding: 18px 18px 14px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.145s ease-out;
  -moz-transition: all 0.145s ease-out;
  -ms-transition: all 0.145s ease-out;
  transition: all 0.145s ease-out;
}
#grid-layer,
#grid-layer.not-shown {
  display: none;
}
#grid-layer.show {
  display: block;
}
#grid-enabler-handle .bar {
  height: 4px;
  background: #e11e2d;
  margin-bottom: 4px;
}
#grid-enabler-handle.show {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
/** GLOBAL VISIBILITY CLASSES */
.hidden-transparent {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  display: none;
}
.shown-opaque {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  display: block;
}

/*
*   The Daily Beast Grid
*   Rows : 96%
*   Grid Columns : 40px * 18 (columns) + 25px * 17 (Gutters) = 1145px
*   Inspired by foundation framework (http://foundation.zurb.com/)
*/
.row {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 1145px;
    *zoom: 1;
}
.row:before,
.row:after {
    content: " ";
    display: table;
}
.row:after {
    clear: both;
}
.row.collapse .column,
.row.collapse .columns {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    float: left;
}
.row .row {
    width: auto;
    /*margin-left: -0.8125em;
    margin-right: -0.8125em;*/

    margin-top: 0;
    margin-bottom: 0;
    max-width: none;
    *zoom: 1;
}
.row .row:before,
.row .row:after {
    content: " ";
    display: table;
}
.row .row:after {
    clear: both;
}
.row .row.collapse {
    width: auto;
    margin: 0;
    max-width: none;
    *zoom: 1;
}
.row .row.collapse:before,
.row .row.collapse:after {
    content: " ";
    display: table;
}
.row .row.collapse:after {
    clear: both;
}
.column,
.columns {
    position: relative;
    margin-right: 2.183406114%; /* 25 / 1145 */
    width: 100%;
    float: left;
}
/* IE8 doesn't support :last-child psuedo :( */
.last-child {
    margin-right: 0;
}

/* BEGIN grid */
.grid-1 {
    position: relative;
    width: 3.493449782%; /* 40 / 1145 */
}
.grid-2 {
    position: relative;
    width: 9.170305677%; /* 105 / 1145 */
}
.grid-3 {
    position: relative;
    width: 14.84716157%; /* 170 / 1145 */
}
.grid-4 {
    position: relative;
    width: 20.52401747%; /* 235 / 1145 */
}
.grid-5 {
    position: relative;
    width: 26.20087336%; /* 300 / 1145 */
}
.grid-6 {
    position: relative;
    width: 31.87772926%; /* 365 / 1145 */
}
.grid-7 {
    position: relative;
    width: 37.55458515%; /* 430 / 1145 */
}
.grid-8 {
    position: relative;
    width: 43.23144105%; /* 495 / 1145 */
}
.grid-9 {
    position: relative;
    width: 48.90829694%; /* 560 / 1145 */
}
.grid-10 {
    position: relative;
    width: 54.58515284%; /* 625 / 11425 */
}
.grid-11 {
    position: relative;
    width: 60.26200873%; /* 690 / 1145 */
}
.grid-12 {
    position: relative;
    width: 65.93886463%; /* 755px / 1145 */
}
.grid-13 {
    position: relative;
    width: 71.61572052%; /* 820 / 1145 */
}
.grid-14 {
    position: relative;
    width: 77.29257642%; /* 885 / 1145 */
}
.grid-15 {
    position: relative;
    width: 82.96943231%; /* 950 / 1145  */
}
.grid-16 {
    position: relative;
    width: 88.6462882%; /* 1015 / 1145  */
}
.grid-17 {
    position: relative;
    width: 94.3231441%; /* 1080 / 1145 */
}
.grid-18 {
    position: relative;
    width: 100%; /* 1145 / 1145 */
}
/* END grids  */


.push-1 {
    left: 3.493449782%; /* 40 / 1145 */
}

.push-2 {
    left: 9.170305677%; /* 105 / 1145 */
}

.push-3 {
    left: 14.84716157%; /* 170 / 1145 */
}

.push-4 {
    left: 20.52401747%; /* 235 / 1145 */
}

.push-5 {
    left: 26.20087336%; /* 300 / 1145 */
}
.push-6 {
    left: 31.87772926%; /* 365 / 1145 */
}
.push-7 {
    left: 37.55458515%; /* 430 / 1145 */
}
.push-8 {
    left: 43.23144105%; /* 495 / 1145 */
}
.push-9 {
    left: 48.90829694%; /* 560 / 1145 */
}
.push-10 {
    left: 54.58515284%; /* 625 / 11425 */
}
.push-11 {
    left: 60.26200873%; /* 690 / 1145 */
}
.push-12 {
    left: 65.93886463%; /* 755px / 1145 */
}
.push-13 {
    left: 71.61572052%; /* 820 / 1145 */
}
.push-14 {
    left: 77.29257642%; /* 885 / 1145 */
}
.push-15 {
    left: 82.96943231%; /* 950 / 1145  */
}
.push-16 {
    left: 88.6462882%; /* 1015 / 1145  */
}
.push-17 {
    left: 94.3231441%; /* 1080 / 1145 */
}
.push-18 {
    left: 100%; /* 1145 / 1145 */
}


.pull-1 {
    right: 3.493449782%; /* 40 / 1145 */
}

.pull-2 {
    right: 9.170305677%; /* 105 / 1145 */
}

.pull-3 {
    right: 14.84716157%; /* 170 / 1145 */
}

.pull-4 {
    right: 20.52401747%; /* 235 / 1145 */
}

.pull-5 {
    right: 26.20087336%; /* 300 / 1145 */
}
.pull-6 {
    right: 31.87772926%; /* 365 / 1145 */
}
.pull-7 {
    right: 37.55458515%; /* 430 / 1145 */
}
.pull-8 {
    right: 43.23144105%; /* 495 / 1145 */
}
.pull-9 {
    right: 48.90829694%; /* 560 / 1145 */
}
.pull-10 {
    right: 54.58515284%; /* 625 / 11425 */
}
.pull-11 {
    right: 60.26200873%; /* 690 / 1145 */
}
.pull-12 {
    right: 65.93886463%; /* 755px / 1145 */
}
.pull-13 {
    right: 71.61572052%; /* 820 / 1145 */
}
.pull-14 {
    right: 77.29257642%; /* 885 / 1145 */
}
.pull-15 {
    right: 82.96943231%; /* 950 / 1145  */
}
.pull-16 {
    right: 88.6462882%; /* 1015 / 1145  */
}
.pull-17 {
    right: 94.3231441%; /* 1080 / 1145 */
}
.pull-18 {
    right: 100%; /* 1145 / 1145 */
}


/* Compilation result of touch on Wed May 04 20:15:03 UTC 2016 */

/* keep nav bar at the top of the page*/
.touch nav.nav.sticky,
.touch nav.nav.sticky-hidden {
  position: absolute;
  opacity: 1;
  top: 0;
  width: auto;
}
.touch body:not(.homepage) nav.nav .topic-nav {
  width: auto;
}
.touch .header .header-social-search .header-search-form.active .search-input {
  width: 8em;
}
.touch .header-1 {
  margin-top: 40px;
}
.touch .grid-18 .header-social-search {
  display: none;
}
.touch body {
  border-top: none;
}

/* Compilation result of fixes on Wed May 04 20:15:03 UTC 2016 */

/* removing this, couse it looks fine after we replaced the topbox slider*/
/*
fixes transition jumping on webkit devices
should not be used on mobile safari
*/