@charset "UTF-8";
body {
  margin: 0;
  min-width: 320px;
}

h1, h2, h3, h4, p {
  text-rendering: optimizeLegibility;
}

figure {
  margin: 0;
}
figure > * {
  vertical-align: bottom;
}

.right {
  float: right;
}

.left {
  float: left;
}

hr {
  border: 0;
  border-bottom: none;
  height: 1px;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
  background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

body.localdev span.review {
  background-color: #fff0f0 !important;
  outline: 1px dotted hsl(349deg, 72%, 36%) !important;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Bitters 0.10.0
 * http://bitters.bourbon.io
 * Copyright 2013–2014 thoughtbot, inc.
 * MIT License */
button,
input[type=submit] {
  -webkit-font-smoothing: antialiased;
  background-color: black;
  border-radius: 3px;
  color: white;
  display: inline-block;
  font-size: 1em;
  font-weight: bold;
  line-height: 1;
  padding: 0.75em 1em;
  text-decoration: none;
}
button:hover,
input[type=submit]:hover {
  background-color: black;
  color: white;
}
button:disabled,
input[type=submit]:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

body {
  -webkit-font-smoothing: antialiased;
  background-color: white;
  color: hsl(0deg, 0%, 20%);
  font-family: Georgia, Cambria, "Times New Roman", Times, serif;
  font-size: 1em;
  line-height: 1.5;
}

h1, h2, h3,
h4, h5, h6 {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  line-height: 1.25;
  margin: 0;
  text-rendering: optimizeLegibility;
}
:lang(ru) h1, :lang(ru) h2, :lang(ru) h3,
:lang(ru) h4, :lang(ru) h5, :lang(ru) h6 {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

h1 {
  font-size: 2.4em;
}

h2 {
  font-size: 2.1em;
}

h3 {
  font-size: 1.75em;
}

h4 {
  font-size: 1.5em;
}

h5 {
  font-size: 1.25em;
}

h6 {
  font-size: 1em;
}

p {
  margin: 0 0 0.75em;
}

a {
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
  transition: color 0.1s linear;
  color: black;
  text-decoration: none;
}
a:hover {
  color: black;
}
a:active, a:focus {
  color: black;
  outline: none;
}

hr {
  border-bottom: 1px solid hsl(0deg, 0%, 87%);
  border-left: none;
  border-right: none;
  border-top: none;
  margin: 1.5em 0;
}

hr.split {
  width: 25%;
  margin: 1.875em auto;
}

img,
picture {
  margin: 0;
  max-width: 100%;
}

blockquote {
  border-left: 2px solid hsl(0deg, 0%, 87%);
  color: #595959;
  margin: 1.5em 0;
  padding-left: 0.75em;
}

cite {
  color: #737373;
  font-style: italic;
}
cite:before {
  content: "— ";
}

fieldset {
  background: #f7f7f7;
  border: 1px solid hsl(0deg, 0%, 87%);
  margin: 0 0 0.75em 0;
  padding: 1.5em;
}

input,
label,
select {
  display: block;
  font-family: Georgia, Cambria, "Times New Roman", Times, serif;
  font-size: 1em;
}

label {
  font-weight: bold;
  margin-bottom: 0.375em;
}
label.required:after {
  content: "*";
}
label abbr {
  display: none;
}

textarea,
input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=time], input[type=week],
select[multiple=multiple] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border-color;
  -moz-transition: border-color;
  transition: border-color;
  background-color: white;
  border-radius: 3px;
  border: 1px solid hsl(0deg, 0%, 87%);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  font-family: Georgia, Cambria, "Times New Roman", Times, serif;
  font-size: 1em;
  margin-bottom: 0.75em;
  padding: 0.5em 0.5em;
  width: 100%;
}
textarea:hover,
input[type=email]:hover, input[type=number]:hover, input[type=password]:hover, input[type=search]:hover, input[type=tel]:hover, input[type=text]:hover, input[type=url]:hover, input[type=color]:hover, input[type=date]:hover, input[type=datetime]:hover, input[type=datetime-local]:hover, input[type=month]:hover, input[type=time]:hover, input[type=week]:hover,
select[multiple=multiple]:hover {
  border-color: #c4c4c4;
}
textarea:focus,
input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus,
select[multiple=multiple]:focus {
  border-color: white;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(242, 242, 242, 0.7);
  outline: none;
}

textarea {
  resize: vertical;
}

input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

input[type=checkbox],
input[type=radio] {
  display: inline;
  margin-right: 0.375em;
}

input[type=file] {
  padding-bottom: 0.75em;
  width: 100%;
}

select {
  margin-bottom: 1.5em;
  max-width: 100%;
  width: auto;
}

table {
  border-collapse: collapse;
  margin: 0.75em 0;
  table-layout: fixed;
  width: 100%;
}

th {
  border-bottom: 1px solid #b8b8b8;
  font-weight: bold;
  padding: 0.75em 0;
  text-align: left;
}

td {
  border-bottom: 1px solid hsl(0deg, 0%, 87%);
  padding: 0.75em 0;
}

tr,
td,
th {
  vertical-align: middle;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
dl {
  margin-bottom: 0.75em;
}
dl dt {
  font-weight: bold;
  margin-top: 0.75em;
}
dl dd {
  margin: 0;
}

button,
input[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}

/* v1.0.5 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
  width: 600px;
  height: 400px;
  position: relative;
  direction: ltr;
}

.royalSlider > * {
  float: left;
}

.rsWebkit3d .rsSlide {
  -webkit-transform: translateZ(0);
}

.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {
  -webkit-backface-visibility: hidden;
}

.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
  -webkit-transform: none;
}

.rsOverflow {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  float: left;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rsVisibleNearbyWrap {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  left: 0;
  top: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rsVisibleNearbyWrap .rsOverflow {
  position: absolute;
  left: 0;
  top: 0;
}

.rsContainer {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rsArrow,
.rsThumbsArrow {
  cursor: pointer;
}

.rsThumb {
  float: left;
  position: relative;
}

.rsArrow,
.rsNav,
.rsThumbsArrow {
  opacity: 1;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}

.rsHidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
  -moz-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
  -o-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
  transition: visibility 0s linear 0.3s, opacity 0.3s linear;
}

.rsGCaption {
  width: 100%;
  float: left;
  text-align: center;
}

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
  position: fixed !important;
  height: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 2147483647 !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
}

.royalSlider .rsSlide.rsFakePreloader {
  opacity: 1 !important;
  -webkit-transition: 0s;
  -moz-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
  display: none;
}

.rsSlide {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
  height: auto;
}

.rsContent {
  width: 100%;
  height: 100%;
  position: relative;
}

.rsPreloader {
  position: absolute;
  z-index: 0;
}

.rsNav {
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  user-select: none;
}

.rsNavItem {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25);
}

.rsThumbs {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  float: left;
  z-index: 22;
}

.rsTabs {
  float: left;
  background: none !important;
}

.rsTabs,
.rsThumbs {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rsVideoContainer {
  /*left: 0;
  top: 0;
  position: absolute;*/
  /*width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  float: left;*/
  width: auto;
  height: auto;
  line-height: 0;
  position: relative;
}

.rsVideoFrameHolder {
  position: absolute;
  left: 0;
  top: 0;
  background: #141414;
  opacity: 0;
  -webkit-transition: 0.3s;
}

.rsVideoFrameHolder.rsVideoActive {
  opacity: 1;
}

.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
  position: absolute;
  z-index: 50;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 44px;
}

.rsABlock {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 15;
}

img.rsImg {
  max-width: none;
}

.grab-cursor {
  cursor: url(grab.png) 8 8, move;
}

.grabbing-cursor {
  cursor: url(grabbing.png) 8 8, move;
}

.rsNoDrag {
  cursor: auto;
}

.rsLink {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 20;
  background: url(blank.gif);
}

/******************************
*
*  RoyalSlider Default Inverted Skin
*
*    1. Arrows
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    8. Caption
*
*  Sprite: 'rs-default-inverted.png'
*  Feel free to edit anything
*  If you don't some part - just delete it
*
******************************/
/* Background */
.rsDefaultInv,
.rsDefaultInv .rsOverflow,
.rsDefaultInv .rsSlide,
.rsDefaultInv .rsVideoFrameHolder,
.rsDefaultInv .rsThumbs {
  background: #fff;
  color: #222;
}

/***************
*
*  1. Arrows
*
****************/
.rsDefaultInv .rsArrow {
  height: 100%;
  width: 44px;
  position: absolute;
  display: block;
  cursor: pointer;
  z-index: 21;
}

.rsDefaultInv.rsVer .rsArrow {
  width: 100%;
  height: 44px;
}

.rsDefaultInv.rsVer .rsArrowLeft {
  top: 0;
  left: 0;
}

.rsDefaultInv.rsVer .rsArrowRight {
  bottom: 0;
  left: 0;
}

.rsDefaultInv.rsHor .rsArrowLeft {
  left: 0;
  top: 0;
}

.rsDefaultInv.rsHor .rsArrowRight {
  right: 0;
  top: 0;
}

.rsDefaultInv .rsArrowIcn {
  width: 32px;
  height: 32px;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -16px;
  position: absolute;
  cursor: pointer;
  background: url("rs-default-inverted.png");
  background-color: #FFF;
  background-color: rgba(255, 255, 255, 0.75);
  *background-color: #FFF;
  border-radius: 2px;
}

.rsDefaultInv .rsArrowIcn:hover {
  background-color: rgba(255, 255, 255, 0.9);
}

.rsDefaultInv.rsHor .rsArrowLeft .rsArrowIcn {
  background-position: -64px -32px;
}

.rsDefaultInv.rsHor .rsArrowRight .rsArrowIcn {
  background-position: -64px -64px;
}

.rsDefaultInv.rsVer .rsArrowLeft .rsArrowIcn {
  background-position: -96px -32px;
}

.rsDefaultInv.rsVer .rsArrowRight .rsArrowIcn {
  background-position: -96px -64px;
}

.rsDefaultInv .rsArrowDisabled .rsArrowIcn {
  filter: alpha(opacity=20);
  opacity: 0.2;
  *display: none;
}

/***************
*
*  2. Bullets
*
****************/
.rsDefaultInv .rsBullets {
  position: relative;
  z-index: 35;
  padding-top: 4px;
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  line-height: 5px;
  overflow: hidden;
}

.rsDefaultInv .rsBullet {
  width: 5px;
  height: 5px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 6px;
}

.rsDefaultInv .rsBullet span {
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #BBB;
}

.rsDefaultInv .rsBullet.rsNavSelected span {
  background-color: #000;
}

/***************
*
*  3. Thumbnails
*
****************/
.rsDefaultInv .rsThumbsHor {
  width: 100%;
  height: 72px;
}

.rsDefaultInv .rsThumbsVer {
  width: 96px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.rsDefaultInv.rsWithThumbsHor .rsThumbsContainer {
  position: relative;
  height: 100%;
}

.rsDefaultInv.rsWithThumbsVer .rsThumbsContainer {
  position: relative;
  width: 100%;
}

.rsDefaultInv .rsThumb {
  float: left;
  overflow: hidden;
  width: 96px;
  height: 72px;
}

.rsDefaultInv .rsThumb img {
  width: 100%;
  height: 100%;
}

.rsDefaultInv .rsThumb.rsNavSelected {
  background: #FFF;
}

.rsDefaultInv .rsThumb.rsNavSelected img {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.rsDefaultInv .rsTmb {
  display: block;
}

/* Thumbnails with text */
.rsDefaultInv .rsTmb h5 {
  font-size: 16px;
  margin: 0;
  padding: 0;
  line-height: 20px;
}

.rsDefaultInv .rsTmb span {
  color: #DDD;
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 18px;
}

/* Thumbnails arrow icons */
.rsDefaultInv .rsThumbsArrow {
  height: 100%;
  width: 20px;
  position: absolute;
  display: block;
  cursor: pointer;
  z-index: 21;
  background: #FFF;
  background: rgba(255, 255, 255, 0.75);
}

.rsDefaultInv .rsThumbsArrow:hover {
  background: rgba(255, 255, 255, 0.9);
}

.rsDefaultInv.rsWithThumbsVer .rsThumbsArrow {
  width: 100%;
  height: 20px;
}

.rsDefaultInv.rsWithThumbsVer .rsThumbsArrowLeft {
  top: 0;
  left: 0;
}

.rsDefaultInv.rsWithThumbsVer .rsThumbsArrowRight {
  bottom: 0;
  left: 0;
}

.rsDefaultInv.rsWithThumbsHor .rsThumbsArrowLeft {
  left: 0;
  top: 0;
}

.rsDefaultInv.rsWithThumbsHor .rsThumbsArrowRight {
  right: 0;
  top: 0;
}

.rsDefaultInv .rsThumbsArrowIcn {
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
  position: absolute;
  cursor: pointer;
  background: url("rs-default-inverted.png");
}

.rsDefaultInv.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn {
  background-position: -128px -32px;
}

.rsDefaultInv.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn {
  background-position: -128px -48px;
}

.rsDefaultInv.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn {
  background-position: -144px -32px;
}

.rsDefaultInv.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn {
  background-position: -144px -48px;
}

.rsDefaultInv .rsThumbsArrowDisabled {
  display: none !important;
}

/* Thumbnails resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 800px) {
  .rsDefaultInv .rsThumb {
    width: 59px;
    height: 44px;
  }
  .rsDefaultInv .rsThumbsHor {
    height: 44px;
  }
  .rsDefaultInv .rsThumbsVer {
    width: 59px;
  }
}
/***************
*
*  4. Tabs
*
****************/
.rsDefaultInv .rsTabs {
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  padding-top: 12px;
  position: relative;
}

.rsDefaultInv .rsTab {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  height: auto;
  width: auto;
  color: #333;
  padding: 5px 13px 6px;
  min-width: 72px;
  border: 1px solid #D9D9DD;
  border-right: 1px solid #f5f5f5;
  text-decoration: none;
  background-color: #FFF;
  background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
  background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4);
  background-image: linear-gradient(to bottom, #fefefe, #f4f4f4);
  -webkit-box-shadow: inset 1px 0 0 #fff;
  box-shadow: inset 1px 0 0 #fff;
  *display: inline;
  *zoom: 1;
}

.rsDefaultInv .rsTab:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.rsDefaultInv .rsTab:last-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right: 1px solid #cfcfcf;
}

.rsDefaultInv .rsTab:active {
  border: 1px solid #D9D9DD;
  background-color: #f4f4f4;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;
}

.rsDefaultInv .rsTab.rsNavSelected {
  color: #FFF;
  border: 1px solid #999;
  text-shadow: 1px 1px #838383;
  box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;
  background: #ACACAC;
  background-image: -webkit-linear-gradient(top, #ACACAC, #BBB);
  background-image: -moz-llinear-gradient(top, #ACACAC, #BBB);
  background-image: linear-gradient(to bottom, #ACACAC, #BBB);
}

/***************
*
*  5. Fullscreen button
*
****************/
.rsDefaultInv .rsFullscreenBtn {
  right: 0;
  top: 0;
  width: 44px;
  height: 44px;
  z-index: 22;
  display: block;
  position: absolute;
  cursor: pointer;
}

.rsDefaultInv .rsFullscreenIcn {
  display: block;
  margin: 6px;
  width: 32px;
  height: 32px;
  background: url("rs-default-inverted.png") 0 0;
  background-color: #FFF;
  background-color: rgba(255, 255, 255, 0.75);
  *background-color: #FFF;
  border-radius: 2px;
}

.rsDefaultInv .rsFullscreenIcn:hover {
  background-color: rgba(255, 255, 255, 0.9);
}

.rsDefaultInv.rsFullscreen .rsFullscreenIcn {
  background-position: -32px 0;
}

/***************
*
*  6. Play/close video button
*
****************/
.rsDefaultInv .rsPlayBtn {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
  width: 64px;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  cursor: pointer;
}

.rsDefaultInv .rsPlayBtnIcon {
  width: 64px;
  display: block;
  height: 64px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  background: url(rs-default-inverted.png) no-repeat 0 -32px;
  background-color: #FFF;
  background-color: rgba(255, 255, 255, 0.75);
  *background-color: #FFF;
}

.rsDefaultInv .rsPlayBtn:hover .rsPlayBtnIcon {
  background-color: rgba(255, 255, 255, 0.9);
}

.rsDefaultInv .rsBtnCenterer {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
  height: 20px;
}

.rsDefaultInv .rsCloseVideoBtn {
  right: 0;
  top: 0;
  width: 44px;
  height: 44px;
  z-index: 500;
  position: absolute;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}

.rsDefaultInv .rsCloseVideoBtn.rsiOSBtn {
  top: -38px;
  right: -6px;
}

.rsDefaultInv .rsCloseVideoIcn {
  margin: 6px;
  width: 32px;
  height: 32px;
  background: url("rs-default-inverted.png") -64px 0;
  background-color: #FFF;
  background-color: rgba(255, 255, 255, 0.75);
  *background-color: #FFF;
}

.rsDefaultInv .rsCloseVideoIcn:hover {
  background-color: rgba(255, 255, 255, 0.9);
}

/***************
*
*  7. Preloader
*
****************/
.rsDefaultInv .rsPreloader {
  width: 20px;
  height: 20px;
  background-image: url(../preloaders/preloader.gif);
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
}

/***************
*
*  8. Global caption
*
****************/
.rsDefaultInv .rsGCaption {
  position: absolute;
  float: none;
  bottom: 6px;
  left: 6px;
  text-align: left;
  background: #FFF;
  background: rgba(255, 255, 255, 0.75);
  color: #000;
  padding: 2px 8px;
  width: auto;
  font-size: 12px;
  border-radius: 2px;
}

#header,
#infra,
#wrapper,
#ultra,
#footer {
  max-width: 67.8125em;
  margin-left: auto;
  margin-right: auto;
}
#header:after,
#infra:after,
#wrapper:after,
#ultra:after,
#footer:after {
  content: "";
  display: table;
  clear: both;
}

#wrapper, #ultra, #footer {
  padding: 0.85em 1em 0em;
}
@media screen and (min-width: 720px) {
  #wrapper, #ultra, #footer {
    padding: 0em 1em 0;
  }
}
@media screen and (min-width: 1100px) {
  #wrapper, #ultra, #footer {
    padding: 0em;
  }
}

#infra {
  padding: 0.85em 1em 0;
}
@media screen and (min-width: 720px) {
  #infra {
    padding: 0em 1em 1.5em;
  }
}
@media screen and (min-width: 1100px) {
  #infra {
    padding: 0em 0em 1.5em;
  }
}

#wrapper {
  max-width: 67.8125em;
  min-width: 320px;
  margin-bottom: 1.5em;
}

#left {
  float: left;
  display: block;
  margin-right: 2.3696682464%;
  width: 100%;
}
#left:last-child {
  margin-right: 0;
}

#content {
  float: left;
  display: block;
  margin-right: 2.3696682464%;
  width: 100%;
}
#content:last-child {
  margin-right: 0;
}

#right {
  float: left;
  display: block;
  margin-right: 2.3696682464%;
  width: 100%;
}
#right:last-child {
  margin-right: 0;
}

@media screen and (min-width: 720px) {
  #left {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 27.4881516588%;
  }
  #left:last-child {
    margin-right: 0;
  }
  #content {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 40.2843601896%;
  }
  #content:last-child {
    margin-right: 0;
  }
  #right {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 27.4881516588%;
  }
  #right:last-child {
    margin-right: 0;
  }
}
body.investigation-discovery.page #right,
body.investigation-discovery-links.page #right,
body.idtv-letters.page #right {
  width: 0;
  display: none;
}
@media screen and (min-width: 720px) {
  body.investigation-discovery.page #left,
  body.investigation-discovery-links.page #left,
  body.idtv-letters.page #left {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 27.4881516588%;
  }
  body.investigation-discovery.page #left:last-child,
  body.investigation-discovery-links.page #left:last-child,
  body.idtv-letters.page #left:last-child {
    margin-right: 0;
  }
  body.investigation-discovery.page #content,
  body.investigation-discovery-links.page #content,
  body.idtv-letters.page #content {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 70.1421800948%;
  }
  body.investigation-discovery.page #content:last-child,
  body.investigation-discovery-links.page #content:last-child,
  body.idtv-letters.page #content:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: print) {
  #footer-links {
    display: none;
  }
}
.table-wrap {
  display: table;
  width: 100%;
  table-layout: fixed;
  width: 100%;
}
.table-wrap:after {
  content: "";
  display: table;
  clear: both;
}
.table-wrap > *:last-child {
  margin-right: 0;
}
.table-wrap > *:first-child {
  margin-left: 0;
}

img {
  border-width: 0;
  border: none;
}

figure {
  margin: 0;
}

#content figure, #infra figure, #ultra figure {
  padding-top: 0.33em;
  padding-bottom: 0.33em;
}
#content figure img, #infra figure img, #ultra figure img {
  display: block;
}
#content .adjacent, #infra .adjacent, #ultra .adjacent {
  margin-right: 0;
  margin-left: 0;
  margin-right: 0;
}

#highlights figure {
  padding-top: 0em;
  max-width: 60px;
}

#features p {
  font-family: Georgia, Cambria, "Times New Roman", Times, serif;
}
#features figure {
  padding-bottom: 0.5em;
}
#features a.link {
  color: hsl(349deg, 72%, 36%);
  text-align: right;
  display: block;
}

#infra figure {
  padding-top: 0;
}

#breadcrumbs + figure {
  padding-top: 0;
}

figcaption {
  padding: 14px 16px 0px;
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3rem;
}
:lang(ru) figcaption {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
figcaption span.red {
  color: hsl(354deg, 89%, 41%);
  padding-right: 0.75em;
  text-transform: uppercase;
  font-size: 0.94em;
  font-weight: bold;
  -webkit-font-smoothing: auto;
}
figcaption span.white {
  color: #fff;
  padding-right: 0.75em;
  text-transform: uppercase;
  font-size: 0.94em;
  font-weight: bold;
  -webkit-font-smoothing: auto;
}
figcaption .courtesy,
figcaption .illustrations {
  margin-top: -10px;
  margin-bottom: 0px;
  width: 100%;
  display: block;
  text-align: right;
  text-transform: uppercase;
  font-family: "Jost", Roboto, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  font-size: 0.625em;
  line-height: 1.35em;
}
figcaption .courtesy span.red,
figcaption .illustrations span.red {
  padding-right: 0;
  padding-left: 0.15em;
}
figcaption:not(.transparent) {
  padding-bottom: 10px;
}
figcaption:not(.transparent) .courtesy,
figcaption:not(.transparent) .illustrations {
  margin-bottom: 4px;
}
figcaption:not(.transparent):not(.black) {
  background-color: hsl(0deg, 0%, 94%);
}
figcaption.black {
  background-color: #000;
}

span.percent-head {
  color: hsl(354deg, 89%, 41%);
  padding-right: 0.1em;
  text-transform: uppercase;
  font-size: 1.4em;
  font-weight: bold;
  -webkit-font-smoothing: auto;
}

.w1, .l1, .r1 {
  float: left;
  display: block;
  margin-right: 2.3696682464%;
  width: 10.4265402844%;
}
.w1:last-child, .l1:last-child, .r1:last-child {
  margin-right: 0;
}
@media screen and (min-width: 480px) and (max-width: 719px) {
  .w1, .l1, .r1 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 1.8957345972%;
  }
  .w1:last-child, .l1:last-child, .r1:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 720px) and (max-width: 959px) {
  .w1, .l1, .r1 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 14.691943128%;
  }
  .w1:last-child, .l1:last-child, .r1:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 960px) {
  .w1, .l1, .r1 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 1.8957345972%;
  }
  .w1:last-child, .l1:last-child, .r1:last-child {
    margin-right: 0;
  }
}

.w2, .l2, .r2 {
  float: left;
  display: block;
  margin-right: 2.3696682464%;
  width: 14.691943128%;
}
.w2:last-child, .l2:last-child, .r2:last-child {
  margin-right: 0;
}
@media screen and (min-width: 480px) and (max-width: 719px) {
  .w2, .l2, .r2 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 6.1611374408%;
  }
  .w2:last-child, .l2:last-child, .r2:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 720px) and (max-width: 959px) {
  .w2, .l2, .r2 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 14.691943128%;
  }
  .w2:last-child, .l2:last-child, .r2:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 960px) {
  .w2, .l2, .r2 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 6.1611374408%;
  }
  .w2:last-child, .l2:last-child, .r2:last-child {
    margin-right: 0;
  }
}

.w3, .l3, .r3 {
  float: left;
  display: block;
  margin-right: 2.3696682464%;
  width: 23.2227488152%;
}
.w3:last-child, .l3:last-child, .r3:last-child {
  margin-right: 0;
}
@media screen and (min-width: 480px) and (max-width: 719px) {
  .w3, .l3, .r3 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 14.691943128%;
  }
  .w3:last-child, .l3:last-child, .r3:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 720px) and (max-width: 959px) {
  .w3, .l3, .r3 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 23.2227488152%;
  }
  .w3:last-child, .l3:last-child, .r3:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 960px) {
  .w3, .l3, .r3 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 10.4265402844%;
  }
  .w3:last-child, .l3:last-child, .r3:last-child {
    margin-right: 0;
  }
}

.w4, .l4, .r4 {
  float: left;
  display: block;
  margin-right: 2.3696682464%;
  width: 36.018957346%;
}
.w4:last-child, .l4:last-child, .r4:last-child {
  margin-right: 0;
}
@media screen and (min-width: 480px) and (max-width: 719px) {
  .w4, .l4, .r4 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 18.9573459716%;
  }
  .w4:last-child, .l4:last-child, .r4:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 720px) and (max-width: 959px) {
  .w4, .l4, .r4 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 23.2227488152%;
  }
  .w4:last-child, .l4:last-child, .r4:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 960px) {
  .w4, .l4, .r4 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 14.691943128%;
  }
  .w4:last-child, .l4:last-child, .r4:last-child {
    margin-right: 0;
  }
}

.w5, .l5, .r5 {
  float: left;
  display: block;
  margin-right: 2.3696682464%;
  width: 40.2843601896%;
}
.w5:last-child, .l5:last-child, .r5:last-child {
  margin-right: 0;
}
@media screen and (min-width: 480px) and (max-width: 719px) {
  .w5, .l5, .r5 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 23.2227488152%;
  }
  .w5:last-child, .l5:last-child, .r5:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 720px) and (max-width: 959px) {
  .w5, .l5, .r5 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 27.4881516588%;
  }
  .w5:last-child, .l5:last-child, .r5:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 960px) {
  .w5, .l5, .r5 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 18.9573459716%;
  }
  .w5:last-child, .l5:last-child, .r5:last-child {
    margin-right: 0;
  }
}

.w6, .l6, .r6 {
  float: left;
  display: block;
  margin-right: 2.3696682464%;
  width: 40.2843601896%;
}
.w6:last-child, .l6:last-child, .r6:last-child {
  margin-right: 0;
}
@media screen and (min-width: 480px) and (max-width: 719px) {
  .w6, .l6, .r6 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 23.2227488152%;
  }
  .w6:last-child, .l6:last-child, .r6:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 720px) and (max-width: 959px) {
  .w6, .l6, .r6 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 31.7535545024%;
  }
  .w6:last-child, .l6:last-child, .r6:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 960px) {
  .w6, .l6, .r6 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 23.2227488152%;
  }
  .w6:last-child, .l6:last-child, .r6:last-child {
    margin-right: 0;
  }
}

.w7, .l7, .r7 {
  float: left;
  display: block;
  margin-right: 2.3696682464%;
  width: 40.2843601896%;
}
.w7:last-child, .l7:last-child, .r7:last-child {
  margin-right: 0;
}
@media screen and (min-width: 480px) and (max-width: 719px) {
  .w7, .l7, .r7 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 27.4881516588%;
  }
  .w7:last-child, .l7:last-child, .r7:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 720px) and (max-width: 959px) {
  .w7, .l7, .r7 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 36.018957346%;
  }
  .w7:last-child, .l7:last-child, .r7:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 960px) {
  .w7, .l7, .r7 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 27.4881516588%;
  }
  .w7:last-child, .l7:last-child, .r7:last-child {
    margin-right: 0;
  }
}

.w8, .l8, .r8 {
  float: left;
  display: block;
  margin-right: 2.3696682464%;
  width: 44.5497630332%;
}
.w8:last-child, .l8:last-child, .r8:last-child {
  margin-right: 0;
}
@media screen and (min-width: 480px) and (max-width: 719px) {
  .w8, .l8, .r8 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 31.7535545024%;
  }
  .w8:last-child, .l8:last-child, .r8:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 720px) and (max-width: 959px) {
  .w8, .l8, .r8 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 31.7535545024%;
  }
  .w8:last-child, .l8:last-child, .r8:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 960px) {
  .w8, .l8, .r8 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 31.7535545024%;
  }
  .w8:last-child, .l8:last-child, .r8:last-child {
    margin-right: 0;
  }
}

.w9, .l9, .r9 {
  float: left;
  display: block;
  margin-right: 2.3696682464%;
  width: 48.8151658768%;
}
.w9:last-child, .l9:last-child, .r9:last-child {
  margin-right: 0;
}
@media screen and (max-width: 479px) {
  .w9.mf, .l9.mf, .r9.mf {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 100%;
  }
  .w9.mf:last-child, .l9.mf:last-child, .r9.mf:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 480px) and (max-width: 719px) {
  .w9, .l9, .r9 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 36.018957346%;
  }
  .w9:last-child, .l9:last-child, .r9:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 720px) and (max-width: 959px) {
  .w9, .l9, .r9 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 48.8151658768%;
  }
  .w9:last-child, .l9:last-child, .r9:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 960px) {
  .w9, .l9, .r9 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 36.018957346%;
  }
  .w9:last-child, .l9:last-child, .r9:last-child {
    margin-right: 0;
  }
}

.w10, .l10, .r10 {
  float: left;
  display: block;
  margin-right: 2.3696682464%;
  width: 48.8151658768%;
}
.w10:last-child, .l10:last-child, .r10:last-child {
  margin-right: 0;
}
@media screen and (max-width: 479px) {
  .w10.mf, .l10.mf, .r10.mf {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 100%;
  }
  .w10.mf:last-child, .l10.mf:last-child, .r10.mf:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 480px) and (max-width: 719px) {
  .w10.mf, .l10.mf, .r10.mf {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 100%;
  }
  .w10.mf:last-child, .l10.mf:last-child, .r10.mf:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 480px) and (max-width: 719px) {
  .w10, .l10, .r10 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 40.2843601896%;
  }
  .w10:last-child, .l10:last-child, .r10:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 720px) and (max-width: 959px) {
  .w10, .l10, .r10 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 48.8151658768%;
  }
  .w10:last-child, .l10:last-child, .r10:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 960px) {
  .w10, .l10, .r10 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 40.2843601896%;
  }
  .w10:last-child, .l10:last-child, .r10:last-child {
    margin-right: 0;
  }
}

.w11, .l11, .r11 {
  float: left;
  display: block;
  margin-right: 2.3696682464%;
  width: 48.8151658768%;
}
.w11:last-child, .l11:last-child, .r11:last-child {
  margin-right: 0;
}
@media screen and (min-width: 480px) and (max-width: 719px) {
  .w11, .l11, .r11 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 44.5497630332%;
  }
  .w11:last-child, .l11:last-child, .r11:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 720px) and (max-width: 959px) {
  .w11, .l11, .r11 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 48.8151658768%;
  }
  .w11:last-child, .l11:last-child, .r11:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 960px) {
  .w11, .l11, .r11 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 44.5497630332%;
  }
  .w11:last-child, .l11:last-child, .r11:last-child {
    margin-right: 0;
  }
}

.w12, .l12, .r12, .half, .lhalf, .rhalf {
  float: left;
  display: block;
  margin-right: 2.3696682464%;
  width: 100%;
}
.w12:last-child, .l12:last-child, .r12:last-child, .half:last-child, .lhalf:last-child, .rhalf:last-child {
  margin-right: 0;
}
@media screen and (min-width: 480px) {
  .w12, .l12, .r12, .half, .lhalf, .rhalf {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 48.8151658768%;
  }
  .w12:last-child, .l12:last-child, .r12:last-child, .half:last-child, .lhalf:last-child, .rhalf:last-child {
    margin-right: 0;
  }
}

.w13, .l13, .r13 {
  float: left;
  display: block;
  margin-right: 2.3696682464%;
  width: 100%;
}
.w13:last-child, .l13:last-child, .r13:last-child {
  margin-right: 0;
}
@media screen and (min-width: 480px) {
  .w13, .l13, .r13 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 53.0805687204%;
  }
  .w13:last-child, .l13:last-child, .r13:last-child {
    margin-right: 0;
  }
}

.w14, .l14, .r14 {
  float: left;
  display: block;
  margin-right: 2.3696682464%;
  width: 100%;
}
.w14:last-child, .l14:last-child, .r14:last-child {
  margin-right: 0;
}
@media screen and (min-width: 480px) {
  .w14, .l14, .r14 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 57.345971564%;
  }
  .w14:last-child, .l14:last-child, .r14:last-child {
    margin-right: 0;
  }
}

.w15, .l15, .r15 {
  float: left;
  display: block;
  margin-right: 2.3696682464%;
  width: 100%;
}
.w15:last-child, .l15:last-child, .r15:last-child {
  margin-right: 0;
}
@media screen and (min-width: 480px) {
  .w15, .l15, .r15 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 61.6113744076%;
  }
  .w15:last-child, .l15:last-child, .r15:last-child {
    margin-right: 0;
  }
}

.w16, .l16, .r16 {
  float: left;
  display: block;
  margin-right: 2.3696682464%;
  width: 100%;
}
.w16:last-child, .l16:last-child, .r16:last-child {
  margin-right: 0;
}
@media screen and (min-width: 480px) {
  .w16, .l16, .r16 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 65.8767772512%;
  }
  .w16:last-child, .l16:last-child, .r16:last-child {
    margin-right: 0;
  }
}

.w17, .l17, .r17 {
  float: left;
  display: block;
  margin-right: 2.3696682464%;
  width: 100%;
}
.w17:last-child, .l17:last-child, .r17:last-child {
  margin-right: 0;
}
@media screen and (min-width: 480px) {
  .w17, .l17, .r17 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 70.1421800948%;
  }
  .w17:last-child, .l17:last-child, .r17:last-child {
    margin-right: 0;
  }
}

.w18, .l18, .r18 {
  float: left;
  display: block;
  margin-right: 2.3696682464%;
  width: 100%;
}
.w18:last-child, .l18:last-child, .r18:last-child {
  margin-right: 0;
}
@media screen and (min-width: 480px) {
  .w18, .l18, .r18 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 74.4075829384%;
  }
  .w18:last-child, .l18:last-child, .r18:last-child {
    margin-right: 0;
  }
}

.w19, .l19, .r19 {
  float: left;
  display: block;
  margin-right: 2.3696682464%;
  width: 100%;
}
.w19:last-child, .l19:last-child, .r19:last-child {
  margin-right: 0;
}
@media screen and (min-width: 480px) {
  .w19, .l19, .r19 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 78.672985782%;
  }
  .w19:last-child, .l19:last-child, .r19:last-child {
    margin-right: 0;
  }
}

.w20, .l20, .r20 {
  float: left;
  display: block;
  margin-right: 2.3696682464%;
  width: 100%;
}
.w20:last-child, .l20:last-child, .r20:last-child {
  margin-right: 0;
}
@media screen and (min-width: 480px) {
  .w20, .l20, .r20 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 82.9383886256%;
  }
  .w20:last-child, .l20:last-child, .r20:last-child {
    margin-right: 0;
  }
}

.w21, .l21, .r21 {
  float: left;
  display: block;
  margin-right: 2.3696682464%;
  width: 100%;
}
.w21:last-child, .l21:last-child, .r21:last-child {
  margin-right: 0;
}
@media screen and (min-width: 480px) {
  .w21, .l21, .r21 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 87.2037914692%;
  }
  .w21:last-child, .l21:last-child, .r21:last-child {
    margin-right: 0;
  }
}

.w22, .l22, .r22 {
  float: left;
  display: block;
  margin-right: 2.3696682464%;
  width: 100%;
}
.w22:last-child, .l22:last-child, .r22:last-child {
  margin-right: 0;
}
@media screen and (min-width: 480px) {
  .w22, .l22, .r22 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 91.4691943128%;
  }
  .w22:last-child, .l22:last-child, .r22:last-child {
    margin-right: 0;
  }
}

.w23, .l23, .r23 {
  float: left;
  display: block;
  margin-right: 2.3696682464%;
  width: 100%;
}
.w23:last-child, .l23:last-child, .r23:last-child {
  margin-right: 0;
}
@media screen and (min-width: 480px) {
  .w23, .l23, .r23 {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 95.7345971564%;
  }
  .w23:last-child, .l23:last-child, .r23:last-child {
    margin-right: 0;
  }
}

.w24, .l24, .r24, .full, .fill, .wide, .lfull, .rfull, .lwide, .rwide {
  float: left;
  display: block;
  margin-right: 2.3696682464%;
  width: 100%;
  margin-right: 0;
}
.w24:last-child, .l24:last-child, .r24:last-child, .full:last-child, .fill:last-child, .wide:last-child, .lfull:last-child, .rfull:last-child, .lwide:last-child, .rwide:last-child {
  margin-right: 0;
}

.w1, .w2, .w3,
.w4, .w5, .w6,
.w7, .w8, .w9,
.w10, .w11, .w12,
.whalf,
.w13, .w14, .w15,
.w16, .w17, .w18,
.w19, .w20, .w21,
.w22, .w23, .w24 {
  float: none;
}
.w1:last-child, .w2:last-child, .w3:last-child,
.w4:last-child, .w5:last-child, .w6:last-child,
.w7:last-child, .w8:last-child, .w9:last-child,
.w10:last-child, .w11:last-child, .w12:last-child,
.whalf:last-child,
.w13:last-child, .w14:last-child, .w15:last-child,
.w16:last-child, .w17:last-child, .w18:last-child,
.w19:last-child, .w20:last-child, .w21:last-child,
.w22:last-child, .w23:last-child, .w24:last-child {
  margin-right: 0;
}

.r1, .r2, .r3,
.r4, .r5, .r6,
.r7, .r8, .r9,
.r10, .r11, .r12,
.rhalf,
.r13, .r14, .r15,
.r16, .r17, .r18,
.r19, .r20, .r21,
.r22, .r23 {
  float: right;
  margin-right: 0 !important;
  margin-left: 2.3696682464%;
}

#content figure.r24, #content figure.full, #content figure.fill, #content figure.wide, #content figure.lfull, #content figure.rfull, #content figure.lwide, #content figure.rwide {
  margin-left: 0;
  margin-bottom: 1em;
}

.icon-triangle-right:before {
  top: 2px;
}

.icon {
  position: relative;
  padding-right: 1em;
  padding-left: 0.5em;
}

.icon:before {
  position: absolute;
}

#content .story p a {
  color: hsl(354deg, 67%, 41%);
}
#content .story p a:hover {
  text-decoration: underline !important;
}

#content div.pullquote {
  margin-top: 0.5rem;
  margin-bottom: 1.25rem;
  border-top: 6px groove hsl(0deg, 0%, 60%);
  padding-top: 1rem;
  border-bottom: 6px ridge hsl(0deg, 0%, 60%);
  padding-bottom: 1rem;
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.2em;
}
:lang(ru) #content div.pullquote {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
#content div.pullquote .red {
  color: hsl(354deg, 89%, 41%);
  padding-right: 0.75em;
  text-transform: uppercase;
  font-size: 0.94em;
  font-weight: bold;
  -webkit-font-smoothing: auto;
  display: block;
}
#content div.pullquote p {
  line-height: 1.5em;
  padding: 0.5em 1.25em 0;
  text-align: center;
  margin-bottom: 0.4em;
  font-weight: 500;
  font-size: 0.88rem;
}
@media screen and (min-width: 480px) {
  #content div.pullquote p {
    font-size: 1.28rem;
  }
}
#content div.pullquote p.quoted.red {
  background: url("opdq.jpg") left top no-repeat, url("cldq.jpg") 100% 100% no-repeat;
}
#content div.pullquote p.quoted.orange {
  background: url("opdqo.jpg") left top no-repeat, url("cldqo.jpg") 100% 100% no-repeat;
}
#content div.pullquote p.quoted {
  padding-left: 10%;
  padding-right: 10%;
}
#content div.pullquote p.quoted span.opq, #content div.pullquote p.quoted span.qop, #content div.pullquote p.quoted span.clq, #content div.pullquote p.quoted span.qcl {
  position: relative;
}
#content div.pullquote p.quoted span.opq:before, #content div.pullquote p.quoted span.opq:after, #content div.pullquote p.quoted span.qop:before, #content div.pullquote p.quoted span.qop:after, #content div.pullquote p.quoted span.clq:before, #content div.pullquote p.quoted span.clq:after, #content div.pullquote p.quoted span.qcl:before, #content div.pullquote p.quoted span.qcl:after {
  position: absolute;
  top: 0em;
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: bold;
  font-size: 3em;
}
:lang(ru) #content div.pullquote p.quoted span.opq:before, :lang(ru) #content div.pullquote p.quoted span.opq:after, :lang(ru) #content div.pullquote p.quoted span.qop:before, :lang(ru) #content div.pullquote p.quoted span.qop:after, :lang(ru) #content div.pullquote p.quoted span.clq:before, :lang(ru) #content div.pullquote p.quoted span.clq:after, :lang(ru) #content div.pullquote p.quoted span.qcl:before, :lang(ru) #content div.pullquote p.quoted span.qcl:after {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
#content div.pullquote p.quoted span.opq:before, #content div.pullquote p.quoted span.qop:before {
  content: "“";
  left: -0.67em;
}
#content div.pullquote p.quoted span.clq:after, #content div.pullquote p.quoted span.qcl:after {
  content: "”";
  top: 0.1em;
  right: -0.67em;
}
.listen-to-the-teacher #content div.pullquote p.quoted {
  background: url("opdqpp.jpg") left top no-repeat, url("cldqpp.jpg") 100% 100% no-repeat;
  padding: 1em 2.75em;
}
@media screen and (min-width: 480px) {
  .listen-to-the-teacher #content div.pullquote p.quoted {
    background: url("opdqp.jpg") left top no-repeat, url("cldqp.jpg") 100% 100% no-repeat;
  }
}
#content div.pullquote .source, #content div.pullquote .author {
  text-align: right;
  font-size: 0.75rem;
  padding-left: 27%;
  padding-right: 10%;
  padding-top: 0.75rem;
}
@media screen and (min-width: 480px) {
  #content div.pullquote .source, #content div.pullquote .author {
    font-size: 0.92rem;
  }
}

.i201408-military #content figure + div.pullquote, .i201410-created-equal #content figure + div.pullquote, .i201411-held-back #content figure + div.pullquote, .i201412-expansion #content figure + div.pullquote {
  border-top: none;
  border-bottom: none;
  margin-top: -0.5rem;
}

.sliderwrapper {
  margin-top: 0.5em;
}

#content .sliderwrapper {
  margin-bottom: 1em;
}

.rsContent {
  max-width: 100%;
}
.rsContent figure {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.content-slider .rsImg {
  margin-top: 0 !important;
}

@media screen and (max-width: 479px) {
  html {
    font-size: 14px;
  }
}

a.slink, span.slink {
  font-family: "Jost", Roboto, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 14px;
}

h1:not(:first-child), h2:not(:first-child) {
  padding-top: 0.5em;
  padding-bottom: 0.2em;
}

p.kicker + h1:not(:first-child), p.kicker + h2:not(:first-child) {
  padding-top: 0;
}

#breadcrumbs + .sharing + h1 {
  padding-top: 0;
}

#breadcrumbs + .sharing + h2 {
  padding-top: 0;
  padding-bottom: 0;
}

#breadcrumbs + .sharing + h2 + h1 {
  padding-top: 0;
}

#breadcrumbs + .sharing + h1 + h2 {
  padding-top: 0;
}

figure + h1 + h2.subheader:not(:first-child) {
  padding-top: 0;
  margin-top: -0.15em;
}

div.post > h1:first-child, div.story > h1:first-child, div.editorial > h1:first-child, article.post > h1:first-child {
  padding-top: 0.15em;
  padding-bottom: 0.25em;
}
div.post > h1:first-child + h2, div.post > h1:first-child + h3, div.post > h2:first-child + h1, div.post > h3:first-child + h1, div.post > figure:first-child + h1, div.post > .slogan:first-child + h1, div.story > h1:first-child + h2, div.story > h1:first-child + h3, div.story > h2:first-child + h1, div.story > h3:first-child + h1, div.story > figure:first-child + h1, div.story > .slogan:first-child + h1, div.editorial > h1:first-child + h2, div.editorial > h1:first-child + h3, div.editorial > h2:first-child + h1, div.editorial > h3:first-child + h1, div.editorial > figure:first-child + h1, div.editorial > .slogan:first-child + h1, article.post > h1:first-child + h2, article.post > h1:first-child + h3, article.post > h2:first-child + h1, article.post > h3:first-child + h1, article.post > figure:first-child + h1, article.post > .slogan:first-child + h1 {
  padding-top: 0.15em;
  padding-bottom: 0.25em;
}

div.interview > h1:first-child {
  padding-top: 0.15em;
}
div.interview > h1:first-child + h2, div.interview > h1:first-child + h3, div.interview > h2:first-child + h1, div.interview > h3:first-child + h1, div.interview > figure:first-child + h1, div.interview > .slogan:first-child + h1 {
  padding-top: 0.15em;
  padding-bottom: 0.5em;
}

div.story > figure:first-child {
  padding-bottom: 0.5em;
}

figcaption {
  -webkit-font-smoothing: subpixel-antialiased;
}

#external {
  -webkit-font-smoothing: inherit;
}

h1, h2, h3, h4, h5, h6 {
  -webkit-font-smoothing: subpixel-antialiased;
}

.search dt {
  margin: 0.75em 1em 0em;
  font-size: 1.25em;
}
.search dd {
  margin: 0px 2.5em 1.5em;
}
.search dd .hl {
  color: hsl(354deg, 89%, 41%);
}

p.red {
  color: hsl(354deg, 89%, 41%);
}

div.deck {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.5em;
  line-height: 1.5em;
  padding: 0 5% 0.5em;
}
:lang(ru) div.deck {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

p.kicker {
  -webkit-font-smoothing: subpixel-antialiased;
  font-family: "Jost", Roboto, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  color: hsl(354deg, 89%, 41%);
  text-transform: uppercase;
  font-size: 0.875em !important;
  margin-bottom: 0 !important;
}

.section-head, p.Common-Styles_Subhead-Metronic {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: 700;
  color: hsl(354deg, 89%, 41%);
  text-transform: uppercase;
  font-size: 1.125em;
}
.section-head:not(:first-child), p.Common-Styles_Subhead-Metronic:not(:first-child) {
  margin-top: 1.5em;
}

.section > .headline {
  font-size: 1em !important;
  display: block;
}

.section > .subheadline {
  font-size: 0.78125em !important;
  display: block;
  font-weight: normal;
}

h2 span.subheadline {
  font-weight: normal;
  font-size: 1.6667rem;
}

span.kicker, .section-kicker, .section .kicker, h4.cat {
  color: hsl(354deg, 89%, 41%);
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  text-transform: uppercase;
  display: block;
}
:lang(ru) span.kicker, :lang(ru) .section-kicker, :lang(ru) .section .kicker, :lang(ru) h4.cat {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

span.kicker, .section-kicker, .section .kicker {
  font-size: 0.45em;
}

h4.cat {
  font-size: 0.92em;
}

span.Dingbat {
  display: none;
}

.Caption-Header-Metronic {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
:lang(ru) .Caption-Header-Metronic {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

p.first::first-line {
  text-transform: uppercase;
}

.special-report #content a {
  color: hsl(354deg, 89%, 41%);
}

.play-button-overlay:after {
  content: url(/images/widgets/play-button.png);
  position: absolute;
  left: 50%;
  margin-left: -54px;
  top: 50%;
  margin-top: -54px;
  cursor: pointer;
  pointer-events: none;
  opacity: 0.5;
}
.play-button-overlay:hover:after {
  opacity: 0.9;
}
.play-button-overlay:after {
  transition: opacity 0.3s ease-out;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
}

.video-container {
  width: 100%;
  max-width: 864px;
  margin: 0 auto;
}

.video-aspect {
  position: relative;
  padding-bottom: 56.25%;
}

.video-inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media screen and (min-width: 480px) {
  .mobile-only {
    display: none;
  }
}

@media screen and (min-width: 960px) {
  .tablet-down {
    display: none;
  }
}

.tablet-up {
  display: none;
}
@media screen and (min-width: 480px) {
  .tablet-up {
    display: block;
  }
  .tablet-up.inline {
    display: inline;
  }
  .tablet-up.inline-block {
    display: inline-block;
  }
}

@media screen and (min-width: 1100px) {
  .notebook-down {
    display: none;
  }
}

.notebook-up {
  display: none;
}
@media screen and (min-width: 960px) {
  .notebook-up {
    display: block;
  }
  .notebook-up.inline {
    display: inline;
  }
  .notebook-up.inline-block {
    display: inline-block;
  }
}

@media screen and (min-width: 1400px) {
  .desktop-down {
    display: none;
  }
}

.desktop-up {
  display: none;
}
@media screen and (min-width: 1100px) {
  .desktop-up {
    display: block;
  }
  .desktop-up.inline {
    display: inline;
  }
  .desktop-up.inline-block {
    display: inline-block;
  }
}

body.stagingdev span.review, body.localdev span.review {
  background-color: #fff0f0 !important;
  outline: 1px dotted hsl(349deg, 72%, 36%) !important;
}

#top {
  background-color: hsl(0deg, 0%, 0%);
  border-bottom: 1px solid black;
  height: 48px;
  width: 100%;
  z-index: 999;
}
#top h1, #top h2, #top h3, #top h4, #top h5, #top h6, #top ul, #top p {
  -webkit-font-smoothing: subpixel-antialiased;
}
#top .wrapper {
  max-width: 67.8125em;
  margin-left: auto;
  margin-right: auto;
  z-index: 9999;
  min-width: 20em;
}
#top .wrapper:after {
  content: "";
  display: table;
  clear: both;
}
#top .wrapper:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (min-width: 480px) {
  #top .wrapper {
    overflow: hidden;
  }
}
@media screen and (min-width: 720px) {
  #top .wrapper {
    overflow: visible;
  }
}
#top .wrapper .logo {
  display: inline-block;
  max-width: 165px;
}
#top .wrapper .logo img {
  max-height: 38px;
  padding: 0;
  margin: 6px;
}
@media screen and (min-width: 720px) {
  #top .wrapper .logo {
    display: none;
  }
}

#top-links {
  display: inline-block;
  vertical-align: top;
  font-size: 0.75em;
  width: 150px;
}
@media screen and (max-width: 349px) {
  #top-links {
    display: none;
  }
}
@media screen and (min-width: 720px) {
  #top-links {
    display: block;
    font-size: 1em;
    width: auto;
  }
}
#top-links a {
  color: rgba(255, 255, 255, 0.75);
}
#top-links a.white {
  color: white;
}
#top-links a:hover {
  color: white;
}
#top-links li {
  vertical-align: top;
  background: hsl(0deg, 0%, 0%);
  display: inline-block;
  line-height: 48px;
  padding-bottom: 0;
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 0.85em;
  text-transform: uppercase;
  z-index: 9999;
  padding-left: 0.5em;
  padding-right: 0;
}
:lang(ru) #top-links li {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
#top-links li:last-of-type {
  padding-right: 0.5em;
}
#top-links li span {
  display: none;
}
@media screen and (min-width: 720px) {
  #top-links li {
    padding-left: 1.35em;
    padding-right: 0.15em;
  }
  #top-links li span {
    display: block;
  }
}
#top-links ul {
  margin: 0;
  padding: 0;
  display: inline;
}
#top-links ul.featured {
  display: none;
}
@media screen and (min-width: 720px) {
  #top-links ul.featured {
    display: inline;
    padding-right: 2em;
  }
}
@media screen and (min-width: 720px) {
  #top-links ul.editions {
    padding-right: 2em;
  }
}
#top-links ul.editions a {
  position: relative;
}
#top-links ul.editions a:hover > span {
  visibility: visible;
  z-index: 999;
  border-radius: 3px;
  left: 10%;
  top: 25px;
}
#top-links ul.editions a > span {
  visibility: hidden;
  position: absolute;
  width: 120px;
  height: 152px;
  padding: 5px;
  background: #fff;
  line-height: 30px;
  text-align: center;
  border: 1px outset #ccc;
}
#top-links ul.editions a > span:after {
  content: "";
  position: absolute;
  margin-top: 0px;
  width: 0;
  height: 0;
  top: 50%;
  right: 0%;
}
#top-links ul.contact {
  display: none;
}
@media screen and (min-width: 1100px) {
  #top-links ul.contact {
    display: inline;
  }
}

#top-tools {
  display: none;
}
#top-tools:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (min-width: 480px) {
  #top-tools {
    display: inline-block;
    padding-right: 1em;
    padding-left: 0.5em;
    clear: both;
    background: #505050 transparent;
    float: right;
    clear: none;
  }
}

#top-search-bar {
  z-index: 10;
  display: none;
  padding: 0.4em 0.6em;
  float: left;
}
#top-search-bar .search-and-submit {
  position: relative;
}
#top-search-bar .search-and-submit input[type=search] {
  background: #2b2b2b;
  color: #e6e6e6;
  border: 1px solid #404040;
  padding: 0.75em 0.75em 0.25em;
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 0.9em;
  border-radius: 6px;
  margin: 0;
}
#top-search-bar .search-and-submit input[type=search]:focus {
  background: #383838;
  color: #e6e6e6;
}
:lang(ru) #top-search-bar .search-and-submit input[type=search] {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
@media screen and (min-width: 720px) {
  #top-search-bar .search-and-submit input[type=search] {
    width: 100%;
  }
}
#top-search-bar .search-and-submit button[type=submit] {
  border: 1px solid #212121;
  border-radius: 3px;
  box-shadow: inset 0 1px 0 0 #6b6b6b;
  color: hsl(0deg, 0%, 100%);
  display: inline-block;
  font-size: inherit;
  font-weight: bold;
  background-color: #454545;
  background-image: -webkit-linear-gradient(#454545, #292929);
  background-image: linear-gradient(#454545, #292929);
  padding: 7px 18px;
  text-decoration: none;
  text-shadow: 0 1px 0 #171717;
  background-clip: padding-box;
  border: 1px solid #241e1e;
  border-radius: 3px;
  box-shadow: inset 0 1px 0 0 #6b6b6b;
  color: hsl(0deg, 0%, 100%);
  display: inline-block;
  font-size: inherit;
  font-weight: bold;
  background-color: #454545;
  background-image: -webkit-linear-gradient(#454545, #2c2525);
  background-image: linear-gradient(#454545, #2c2525);
  padding: 7px 18px;
  text-decoration: none;
  text-shadow: 0 1px 0 #1a1414;
  background-clip: padding-box;
  position: absolute;
  top: 0.3em;
  right: 0.3em;
  bottom: 0.3em;
  left: auto;
  outline: none;
  padding: 0 15px;
}
#top-search-bar .search-and-submit button[type=submit]:hover:not(:disabled) {
  box-shadow: inset 0 1px 0 0 #525252;
  cursor: pointer;
  background-color: #383838;
  background-image: -webkit-linear-gradient(#383838, #212121);
  background-image: linear-gradient(#383838, #212121);
}
#top-search-bar .search-and-submit button[type=submit]:active:not(:disabled), #top-search-bar .search-and-submit button[type=submit]:focus:not(:disabled) {
  border: 1px solid #212121;
  box-shadow: inset 0 0 8px 4px #1a1a1a, inset 0 0 8px 4px #1a1a1a;
}
#top-search-bar .search-and-submit button[type=submit]:hover:not(:disabled) {
  box-shadow: inset 0 1px 0 0 #525252;
  cursor: pointer;
  background-color: #383838;
  background-image: -webkit-linear-gradient(#383838, #241e1e);
  background-image: linear-gradient(#383838, #241e1e);
}
#top-search-bar .search-and-submit button[type=submit]:active:not(:disabled), #top-search-bar .search-and-submit button[type=submit]:focus:not(:disabled) {
  border: 1px solid #241e1e;
  box-shadow: inset 0 0 8px 4px #1b1818, inset 0 0 8px 4px #1b1818;
}
#top-search-bar .search-and-submit button[type=submit]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
#top-search-bar .search-and-submit button[type=submit] img {
  height: 12px;
  opacity: 0.7;
}
@media screen and (min-width: 720px) {
  #top-search-bar {
    width: 16em;
    position: relative;
    display: inline-block;
  }
  #top-search-bar input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
  }
}
@media screen and (min-width: 960px) {
  #top-search-bar {
    width: 20em;
  }
}

#header {
  display: none;
}
@media screen and (min-width: 720px) {
  #header {
    display: block;
    padding: 0.5em 0 1em;
  }
}

#logo {
  float: left;
  display: block;
  margin-right: 2.3696682464%;
  width: 27.4881516588%;
  margin-top: 0.25em;
  margin-bottom: 0.5em;
  padding-left: 0.5em;
  min-width: 180px;
  max-height: 72px;
}
#logo:last-child {
  margin-right: 0;
}
#logo:after {
  content: "";
  display: table;
  clear: both;
}
#logo figure {
  width: 300px;
  height: 72px;
}

#highlights {
  float: left;
  display: block;
  margin-right: 2.3696682464%;
  width: 70.1421800948%;
  margin-right: 0;
  max-height: 60px;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  overflow: hidden;
}
#highlights:last-child {
  margin-right: 0;
}
#highlights > div {
  float: left;
  display: block;
  margin-right: 2.3696682464%;
  width: 31.7535545024%;
  overflow: hidden;
  display: table;
}
#highlights > div:last-child {
  margin-right: 0;
}
#highlights > div figure {
  display: table-cell;
  min-width: 60px;
  min-height: 60px;
}
#highlights > div aside {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0.5em 0 1em;
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 0.8em;
  line-height: 1.2em;
  text-transform: uppercase;
}
:lang(ru) #highlights > div aside {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
@media screen and (min-width: 720px) and (max-width: 959px) {
  #highlights > div aside {
    font-size: 0.6667em;
  }
}
@media screen and (min-width: 960px) {
  #highlights > div aside {
    font-size: 0.83em;
  }
}

#external {
  float: left;
  display: block;
  margin-right: 2.3696682464%;
  width: 100%;
  border-top: 1px solid hsl(0deg, 0%, 75%);
  border-bottom: 1px solid hsl(0deg, 0%, 75%);
  margin: 0em 0em 0.5em;
  padding: 0.4em 1em;
  font-family: "Jost", Roboto, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  text-transform: uppercase;
  overflow: hidden;
}
#external:last-child {
  margin-right: 0;
}
#external ul {
  white-space: nowrap;
  text-align: center;
}
#external ul li {
  display: inline;
  padding: 0 2.5em 1.25em 1.25em;
  margin: 5px 0;
  background-image: url("/images/red8x8.png");
  background-position: 0px 6px;
  background-size: 8px 8px;
  background-repeat: no-repeat;
}

#tocm {
  margin: 0.85em 1em 0;
}
@media screen and (min-width: 720px) {
  #tocm {
    display: none;
  }
}

#tocd {
  display: none;
}
@media screen and (min-width: 720px) {
  #tocd {
    display: block;
  }
}

#tocd, #tocm, #toc {
  border: 1px solid hsl(0deg, 0%, 75%);
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
}
#tocd .body, #tocm .body, #toc .body {
  border-top: 1px solid hsl(0deg, 0%, 75%);
}
:lang(ru) #tocd, :lang(ru) #tocm, :lang(ru) #toc {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
#tocd ul, #tocd ol, #tocd dl, #tocm ul, #tocm ol, #tocm dl, #toc ul, #toc ol, #toc dl {
  font-size: 0.9rem;
}
#tocd ul li > a, #tocd ol li > a, #tocd dl li > a, #tocm ul li > a, #tocm ol li > a, #tocm dl li > a, #toc ul li > a, #toc ol li > a, #toc dl li > a {
  color: hsl(0deg, 0%, 20%);
}
#tocd ul li.active > a, #tocd ol li.active > a, #tocd dl li.active > a, #tocm ul li.active > a, #tocm ol li.active > a, #tocm dl li.active > a, #toc ul li.active > a, #toc ol li.active > a, #toc dl li.active > a {
  color: hsl(354deg, 89%, 41%);
}
#tocd .head, #tocm .head, #toc .head {
  width: 100%;
  height: 30px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
}
#tocd .head img, #tocd .head h4, #tocm .head img, #tocm .head h4, #toc .head img, #toc .head h4 {
  padding: 0;
  margin: 0;
}
#tocd .head img, #tocm .head img, #toc .head img {
  float: left;
}
#tocd .head h4, #tocm .head h4, #toc .head h4 {
  height: 35px;
  line-height: 34px;
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  color: hsl(0deg, 0%, 20%);
  text-align: left;
  padding-left: 60px;
  text-transform: uppercase;
}
:lang(ru) #tocd .head h4, :lang(ru) #tocm .head h4, :lang(ru) #toc .head h4 {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
#tocd .body, #tocm .body, #toc .body {
  padding: 1rem 0;
}
#tocd ul, #tocd ol, #tocd dl, #tocm ul, #tocm ol, #tocm dl, #toc ul, #toc ol, #toc dl {
  margin: 0;
  padding: 0 0.85rem;
  font-weight: 500;
  line-height: 1.15em;
}
#tocd ul ul, #tocd ul ol, #tocd ul dl, #tocd ol ul, #tocd ol ol, #tocd ol dl, #tocd dl ul, #tocd dl ol, #tocd dl dl, #tocm ul ul, #tocm ul ol, #tocm ul dl, #tocm ol ul, #tocm ol ol, #tocm ol dl, #tocm dl ul, #tocm dl ol, #tocm dl dl, #toc ul ul, #toc ul ol, #toc ul dl, #toc ol ul, #toc ol ol, #toc ol dl, #toc dl ul, #toc dl ol, #toc dl dl {
  margin-left: 0;
}
#tocd li.departments, #tocd li.section, #tocm li.departments, #tocm li.section, #toc li.departments, #toc li.section {
  padding-top: 1.4rem;
  color: black;
  font-size: 0.8rem;
  font-weight: bold;
  text-transform: uppercase;
}
#tocd .body > ul > li.article, #tocm .body > ul > li.article, #toc .body > ul > li.article {
  padding-top: 0.9rem;
}
#tocd .body > ul > li.article:first-of-type, #tocm .body > ul > li.article:first-of-type, #toc .body > ul > li.article:first-of-type {
  padding-top: 0.2rem;
}
#tocd li.article, #tocd li.feature, #tocm li.article, #tocm li.feature, #toc li.article, #toc li.feature {
  padding-top: 0.75rem;
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
}
#tocd li.article:first-of-type, #tocd li.feature:first-of-type, #tocm li.article:first-of-type, #tocm li.feature:first-of-type, #toc li.article:first-of-type, #toc li.feature:first-of-type {
  padding-top: 0.2rem;
}
:lang(ru) #tocd li.article, :lang(ru) #tocd li.feature, :lang(ru) #tocm li.article, :lang(ru) #tocm li.feature, :lang(ru) #toc li.article, :lang(ru) #toc li.feature {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
#tocd li.department::after, #tocm li.department::after, #toc li.department::after {
  content: ":";
}

#tocd2 {
  border: 1px solid #bfbfbf;
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  margin-bottom: 1em;
}
:lang(ru) #tocd2 {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
#tocd2 .head {
  text-transform: uppercase;
}
#tocd2 .head img {
  height: 30px;
  padding: 0;
}
#tocd2 .body {
  padding: 0.15em 0.7em;
}

#issues, #related-publications {
  display: none;
}
@media screen and (min-width: 720px) {
  #issues, #related-publications {
    width: 80%;
    margin: 2em auto 0;
    display: block;
    text-align: center;
  }
}
#issues h4, #related-publications h4 {
  text-transform: uppercase;
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
:lang(ru) #issues h4, :lang(ru) #related-publications h4 {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  weight: normal;
  size: 1.2em;
}

.issues-slider, #special-reports-slider {
  width: 100%;
  margin: 0 0 3em;
}
.issues-slider figure.full, #special-reports-slider figure.full {
  width: 100%;
  padding: 0 20%;
}
.issues-slider figcaption, #special-reports-slider figcaption {
  padding-top: 0.2em;
  background-color: white !important;
  text-transform: uppercase;
  font-weight: 400;
  font-family: "Jost", Roboto, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 0.8rem;
  line-height: 1rem;
}

#florida-issues-slider figcaption {
  padding-left: 4px;
  padding-right: 4px;
}

#published {
  margin: 6em 0 2em;
  font-family: "Jost", Roboto, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 0.85rem;
  color: hsl(0deg, 0%, 40%);
  text-align: left;
  padding: 0.5rem 0.25rem;
  line-height: 1.05rem;
}
#published > b {
  font-weight: normal;
  color: black;
}

#content {
  margin-top: 0em;
  margin-bottom: 2em;
}
#content figure img {
  width: 100%;
}
#content .story a, #content .bio a, #content .summary a, #content .info a {
  color: hsl(354deg, 89%, 41%);
}
#content p {
  font-size: 1.05em;
  line-height: 1.5em;
  text-rendering: optimizeLegibility;
}
#content p span.smallcaps {
  text-transform: uppercase;
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: bold;
  font-size: 0.9em;
}
:lang(ru) #content p span.smallcaps {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
#content h1.headline span, #content h1.title span {
  display: block;
  font-size: 1em;
}
#content h1 span.sub, #content h1 span.subhead, #content h1 span.subheadline, #content h1 span.subtitle {
  display: block;
  font-size: 0.75em;
  color: hsl(0deg, 0%, 30%);
  font-weight: normal;
}
.cover #content article {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.cover #content article:after {
  content: "";
  display: table;
  clear: both;
}
.cover #content article:not(:last-child) {
  padding-bottom: 1em;
  border-bottom: 1px solid hsl(0deg, 0%, 75%);
  margin-bottom: 1em;
}
.cover #content article h2 {
  font-size: 1.2em;
}
.cover #content article h4.cat {
  text-transform: uppercase;
  color: hsl(354deg, 89%, 41%);
  font-family: "Jost", Roboto, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 0.75em;
}
.cover #content article figure {
  display: table-cell;
  width: 33.3333333333%;
}
.cover #content article aside {
  display: table-cell;
  width: 66.6666666667%;
  vertical-align: middle;
  padding-left: 1em;
}
@media screen and (min-width: 720px) {
  .cover #content article h2 {
    font-size: 1.6em;
  }
  .cover #content article h4.cat {
    font-size: 0.875em;
  }
  .cover #content article figure {
    display: table-cell;
    width: 20.8333333333%;
  }
  .cover #content article aside {
    display: table-cell;
    width: 79.1666666667%;
    line-height: 1.4em;
    vertical-align: middle;
    padding-left: 1em;
  }
}

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

div.footnotes:before {
  content: "";
  border-top: 1px solid #ddd;
  display: block;
  width: 25%;
  padding: 0.5em 0 0;
  margin: 2.5em 0 0;
}

.story .footnotes {
  font-size: 0.85em;
  text-indent: 0;
}
.story .footnotes p.footnote {
  padding-left: 2.5em;
  padding-right: 2em;
  text-indent: -1.6em;
  font-size: 0.75em;
  font-style: italic;
}
.story .footnotes p.footnote span:first-child,
.story .footnotes p.footnote sup:first-child {
  width: 1.6em;
  display: inline-block;
  text-align: right;
}
.story .footnotes p > a.footnote {
  text-indent: 0;
}

#content .story aside {
  padding: 1.75em !important;
  border: 1px solid hsl(0deg, 0%, 75%);
  font-size: 0.9em;
  line-height: 1.5em;
}

.date {
  text-transform: uppercase;
  color: hsl(354deg, 89%, 41%);
  font-family: "Jost", Roboto, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 0.75em;
}

#infra figcaption {
  padding-bottom: 0;
}
#infra figcaption .courtesy {
  margin-bottom: 0;
}

#content h4 {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: bold;
  font-size: 1.33em;
  line-height: 1.5em;
  margin-bottom: 0.2em;
}
:lang(ru) #content h4 {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
#content h4:not(:first-of-type) {
  margin-top: 1.25em;
}
#content h4 span.red {
  color: hsl(354deg, 89%, 41%);
}
#content .author {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 0.8125em;
  font-weight: 500;
  line-height: 1.125em;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
:lang(ru) #content .author {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
#content .subheader {
  color: hsl(0deg, 0%, 30%);
}
#content h2.sectionhead {
  color: hsl(354deg, 89%, 41%);
  font-size: 1.0625em;
}
#content p.narrow {
  padding-left: 15%;
  padding-right: 15%;
  text-align: justify;
}
#content .deck {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 27px;
  font-style: normal;
  line-height: 1.25em;
  color: hsl(0deg, 0%, 30%);
}
:lang(ru) #content .deck {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
#content .lead {
  font-style: italic;
  font-size: 1.25em;
}
#content p.head {
  font-weight: bold;
  font-size: 1.05em;
  text-transform: uppercase;
}
#content p.intro {
  padding: 0.75em 4% 0.25em;
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.2em;
  font-weight: 500;
  line-height: 1.5rem;
}
:lang(ru) #content p.intro {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
#content .intro p {
  padding: 0.15em 4% 0;
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.2em;
  font-weight: 500;
  line-height: 1.5em;
}
:lang(ru) #content .intro p {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
#content .intro p:last-of-type {
  padding-bottom: 1.25em;
}
#content .summary, #content .conclusion, #content .bio {
  padding-top: 1em;
  margin: 1.5em 12%;
  border-top: 1px solid #ddd;
}
#content .summary p, #content .conclusion p, #content .bio p {
  font-style: italic;
  font-size: 1rem;
}
#content .summary p em, #content .conclusion p em, #content .bio p em {
  font-style: normal;
}
#content .note {
  padding-top: 1em;
  margin: 1.5em 3%;
}
#content .note p {
  font-style: italic;
  font-size: 1rem;
}

#breadcrumbs {
  text-transform: uppercase;
  font-family: "Jost", Roboto, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  font-size: 0.85em;
  margin-bottom: 0.5em;
}
#breadcrumbs span {
  font-style: normal;
  color: hsl(354deg, 89%, 41%);
}

#content .sharing {
  float: right;
  padding-left: 1em;
}

#content .facts p {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1em;
}
#content .facts:last-child {
  margin-bottom: 0;
}
#content .facts.right, #content .facts.r1, #content .facts.r2, #content .facts.r3, #content .facts.r4, #content .facts.r5, #content .facts.r6, #content .facts.r7, #content .facts.r8, #content .facts.r9, #content .facts.r10, #content .facts.r11, #content .facts.r12, #content .facts.r13, #content .facts.r14, #content .facts.r15, #content .facts.r16, #content .facts.r17, #content .facts.r18, #content .facts.r19, #content .facts.r20, #content .facts.r21, #content .facts.r22, #content .facts.r23 {
  padding: 0.5em 0 0.5em 1.5em;
  margin-left: 1.5em;
  margin-bottom: 1em;
  border-left: 1px solid #ddd;
  float: right;
}
#content .facts.left, #content .facts.l1, #content .facts.l2, #content .facts.l3, #content .facts.l4, #content .facts.l5, #content .facts.l6, #content .facts.l7, #content .facts.l8, #content .facts.l9, #content .facts.l10, #content .facts.l11, #content .facts.l12, #content .facts.l13, #content .facts.l14, #content .facts.l15, #content .facts.l16, #content .facts.l17, #content .facts.l18, #content .facts.l19, #content .facts.l20, #content .facts.l21, #content .facts.l22, #content .facts.l23 {
  padding: 0.5em 1.5em 0.5em 0;
  margin-right: 1.5em;
  margin-bottom: 1em;
  border-right: 1px solid #ddd;
}

#content .insert-rs {
  font-family: "Jost", Roboto, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 0.85em;
  padding: 1.2em 1.5em;
  border-left: 1px solid hsl(0deg, 0%, 30%);
  margin: 0 0 1.5em 1.5em;
  background-color: hsl(0deg, 0%, 94%);
}
#content .insert-rs h2 {
  padding-bottom: 0.25em;
  text-transform: uppercase;
  font-family: "Jost", Roboto, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

.controls {
  font-family: "Jost", Roboto, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  width: 100%;
  min-height: 80px;
  display: table;
  margin-top: 4em;
  margin-bottom: 1em;
  position: relative;
}
.controls div.prev, .controls div.next {
  width: 34%;
  display: table-cell;
  margin-top: 4px;
  clear: both;
  font-size: 14px;
}
.controls div.prev {
  padding-left: 4px;
}
.controls div.next {
  padding-right: 4px;
}
.controls .pad-control {
  display: table-cell;
  width: 25%;
}
.controls div.prev div {
  display: block;
  text-align: left;
  width: 100%;
}
.controls div.next div {
  display: block;
  text-align: right;
  width: 100%;
}
.controls .top {
  padding: 0 16px 4px;
  margin-bottom: 0;
  border-bottom: 1px solid #ccc;
  color: hsl(354deg, 89%, 41%);
}
.controls .bottom {
  color: #777;
  line-height: 1.15rem;
  padding-top: 0.4rem;
}
.controls .prev .top::before {
  position: absolute;
  content: "«";
  left: 4px;
  padding-left: 4px;
}
.controls .next .top::after {
  position: absolute;
  content: "»";
  right: 4px;
  padding-right: 4px;
}

@media screen and (max-width: 479px) {
  .controls div {
    width: 45%;
  }
  .controls .pad-control {
    width: 10%;
  }
}
#content .freedom-slider, #content .story-slider, #content .content-slider {
  width: 100%;
}
#content .freedom-slider .rsNav, #content .story-slider .rsNav, #content .content-slider .rsNav {
  padding-top: 10px;
  margin-bottom: 16px;
}

body.cover #content h2 {
  padding-bottom: 0.67em;
}
body.cover #infra {
  border-bottom: 1px solid hsl(0deg, 0%, 75%);
  margin-bottom: 1em;
}
body.cover #infra .cover-slider {
  width: 100%;
}
body.cover #infra .rsContent aside {
  display: none;
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 0.85em;
  line-height: 1.35em;
  vertical-align: middle;
  padding-left: 1em;
  padding-right: 0.5em;
}
:lang(ru) body.cover #infra .rsContent aside {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
body.cover #infra .rsContent aside h1 {
  font-size: 1.8em;
  margin-bottom: 0.15em;
}
body.cover #infra .rsContent aside *:first-child {
  margin-top: 0;
}
body.cover #infra .rsContent aside p.author {
  font-size: 0.75em;
  line-height: 1.4em;
  padding: 0.65em 0 0.35em;
  text-transform: uppercase;
}
body.cover #infra .rsContent aside p.teaser {
  padding-right: 1.75em;
}
body.cover #infra .rsContent aside p.teaser.smaller {
  font-size: 1em;
  line-height: 1.4em;
  font-weight: 500;
}
@media screen and (min-width: 480px) and (max-width: 719px) {
  body.cover #infra .rsContent {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  body.cover #infra .rsContent:after {
    content: "";
    display: table;
    clear: both;
  }
  body.cover #infra .rsContent figure {
    display: table-cell;
    width: 62.5%;
  }
  body.cover #infra .rsContent aside {
    display: table-cell;
    width: 37.5%;
  }
}
@media screen and (min-width: 720px) and (max-width: 959px) {
  body.cover #infra .rsContent figure {
    display: table-cell;
    width: 41.6666666667%;
  }
  body.cover #infra .rsContent aside {
    display: table-cell;
    width: 50%;
    font-size: 1em;
    line-height: 1.4em;
  }
}
@media screen and (min-width: 960px) {
  body.cover #infra .rsContent figure {
    text-align: center;
    display: table-cell;
    width: 58.3333333333%;
  }
  body.cover #infra .rsContent aside {
    display: table-cell;
    width: 41.6666666667%;
    font-size: 1.1em;
    line-height: 1.5em;
  }
  body.cover #infra .rsContent aside > div {
    padding-right: 1.5em;
  }
}
body.cover #infra #slider-text {
  padding-top: 2em;
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 0.9em;
  line-height: 1.55em;
}
body.cover #infra #slider-text h1 {
  margin-bottom: 0.3em;
}
:lang(ru) body.cover #infra #slider-text {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
body.cover #infra #slider-text p.author {
  font-size: 0.75em;
  line-height: 1.5em;
  text-transform: uppercase;
}

body.landing img.cover, body.index img.cover {
  box-shadow: 1px 1px 10px hsl(0deg, 0%, 87%);
}
body.landing #breadcrumbs, body.index #breadcrumbs {
  display: none;
}
body.landing .dive, body.index .dive {
  text-align: right;
  padding-right: 10%;
}
body.landing .dive a, body.index .dive a {
  color: hsl(354deg, 89%, 41%);
  font-style: normal;
  font-weight: normal;
  text-transform: uppercase;
}
body.landing .icon, body.index .icon {
  position: relative;
  padding-right: 25px;
}
body.landing .icon:before, body.index .icon:before {
  position: absolute;
}
body.landing .icon-go:before, body.index .icon-go:before {
  content: "\ea1c";
  top: 0.1em;
  left: 5px;
}

.i201408-military.a-new-look-at-freedom .side.rcover img {
  box-shadow: none;
}

.editorial .editor {
  text-align: right;
  margin-right: 20%;
  font-style: italic;
  padding-top: 1.25em;
}
.editorial .side.rcover {
  clear: both;
  float: right;
  display: table-cell;
  width: 50%;
  margin-right: 0;
  margin-left: 2.3696682464%;
}
.editorial .side.rcover img {
  width: 100%;
  box-shadow: 4px 4px 12px #aaa;
}
@media screen and (min-width: 480px) and (max-width: 719px) {
  .editorial .side.rcover {
    display: table-cell;
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 720px) and (max-width: 959px) {
  .editorial .side.rcover {
    display: table-cell;
    width: 50%;
  }
}
@media screen and (min-width: 960px) {
  .editorial .side.rcover {
    display: table-cell;
    width: 33.3333333333%;
  }
}
.editorial .side.rline, .editorial .side.lline {
  clear: both;
  border-right: 1px solid #ccc;
  min-height: 320px;
  min-width: 7%;
}
.editorial .side.rline:not(.force), .editorial .side.lline:not(.force) {
  display: none;
}
@media screen and (min-width: 480px) {
  .editorial .side.rline:not(.force), .editorial .side.lline:not(.force) {
    display: block;
  }
}
@media screen and (min-width: 480px) {
  .editorial .side.rline, .editorial .side.lline {
    display: block;
    min-height: 320px;
  }
}
.editorial .side.rline.split, .editorial .side.lline.split {
  min-height: 80px;
}
.editorial .side.rline {
  float: right;
  margin: 1% 25% 1.5% 2.3696682464%;
}
@media screen and (min-width: 480px) and (max-width: 719px) {
  .editorial .side.rline {
    margin: 1% 17% 1.5% 2.3696682464%;
  }
}
@media screen and (min-width: 720px) and (max-width: 959px) {
  .editorial .side.rline {
    margin: 1% 25% 1.5% 2.3696682464%;
  }
}
@media screen and (min-width: 960px) {
  .editorial .side.rline {
    margin: 1% 17% 1.5% 2.3696682464%;
  }
}
.editorial .side.lline {
  float: left;
  margin: 1% 2.3696682464% 1.5% 25%;
}
@media screen and (min-width: 480px) and (max-width: 719px) {
  .editorial .side.lline {
    margin: 1% 2.3696682464% 1.5% 17%;
  }
}
@media screen and (min-width: 720px) and (max-width: 959px) {
  .editorial .side.lline {
    margin: 1% 2.3696682464% 1.5% 25%;
  }
}
@media screen and (min-width: 960px) {
  .editorial .side.lline {
    margin: 1% 2.3696682464% 1.5% 17%;
  }
}
.editorial .side.rtext, .editorial .side.ltext {
  display: table-cell;
  width: 50%;
  clear: both;
  text-align: center;
}
.editorial .side.rtext h1, .editorial .side.rtext h2, .editorial .side.rtext h3, .editorial .side.rtext h4, .editorial .side.rtext h5, .editorial .side.rtext h6, .editorial .side.ltext h1, .editorial .side.ltext h2, .editorial .side.ltext h3, .editorial .side.ltext h4, .editorial .side.ltext h5, .editorial .side.ltext h6 {
  padding-top: 0;
  padding-bottom: 0;
}
@media screen and (min-width: 480px) and (max-width: 719px) {
  .editorial .side.rtext, .editorial .side.ltext {
    display: table-cell;
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 720px) and (max-width: 959px) {
  .editorial .side.rtext, .editorial .side.ltext {
    display: table-cell;
    width: 50%;
  }
}
@media screen and (min-width: 960px) {
  .editorial .side.rtext, .editorial .side.ltext {
    display: table-cell;
    width: 33.3333333333%;
  }
}
.editorial .side.rtext {
  float: right;
}
.editorial .side.ltext {
  float: left;
}

.post {
  padding-top: 1.25em;
  border-top: 1px solid #999;
  margin-top: 0.25em;
  padding-bottom: 1em;
}
.post:first-of-type {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.post a {
  color: hsl(354deg, 67%, 41%);
}
.post p > span.red {
  font-color: hsl(354deg, 89%, 41%);
  font-weight: bold;
}
.post p > span.black {
  font-color: black;
  font-weight: bold;
}
.post p.statement {
  font-weight: bold;
  margin-bottom: 0;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#content .profile h2.title + h1.person, #content h2.profile.title + h1.profile.person {
  padding-top: 0.15em;
}
#content header h1.headline span.title + span.person {
  padding-top: 0;
}
#content h1.profile.person, #content h2.profile.person {
  color: hsl(354deg, 89%, 41%);
  text-transform: uppercase;
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 2em;
  font-weight: normal;
  line-height: 1.5em;
  margin-top: 0;
  margin-bottom: 0.15em;
}
:lang(ru) #content h1.profile.person, :lang(ru) #content h2.profile.person {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
#content h1.headline > span.person {
  color: hsl(354deg, 89%, 41%);
  text-transform: uppercase;
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 2em;
  font-weight: normal;
  line-height: 1.5em;
  margin-top: 0;
  margin-bottom: 0.15em;
}
:lang(ru) #content h1.headline > span.person {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
#content h1.profile.title {
  color: black;
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  margin-bottom: 0;
  margin-top: 0.5em;
}
:lang(ru) #content h1.profile.title {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
#content h2.profile.title {
  color: black;
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  margin-bottom: 0;
  margin-top: 0.5em;
}
:lang(ru) #content h2.profile.title {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
#content h1.headline > span.title {
  color: black;
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  margin-bottom: 0;
  margin-top: 0.5em;
}
:lang(ru) #content h1.headline > span.title {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
#content h1.profile.title {
  font-size: 1.5em;
}
#content h2.profile.title {
  font-size: 1.5em;
}
#content h1.headline > span.title {
  font-size: 1em;
}
#content .profile h1 {
  color: black;
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  margin-bottom: 0;
  margin-top: 0.5em;
}
:lang(ru) #content .profile h1 {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
#content .profile h1 span.person {
  display: block;
  color: hsl(354deg, 89%, 41%);
  text-transform: uppercase;
  font-size: 1.33em;
  line-height: 1.5em;
  margin-top: 0;
  margin-bottom: 0.15em;
}

#content .perspective > h1 {
  margin-bottom: 0.25em;
  margin-top: 0;
}
#content .perspective > h1 span.person {
  display: block;
  font-weight: 500;
  color: gray;
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 0.65em;
  font-weight: normal;
  line-height: 1.5em;
  text-transform: uppercase;
}
:lang(ru) #content .perspective > h1 span.person {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
#content .interview .freedom,
#content .perspective .freedom {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: bold;
  font-size: 1.2em;
  color: hsl(0deg, 0%, 20%);
  margin: 1.25em 0 0.5em;
}
:lang(ru) #content .interview .freedom,
:lang(ru) #content .perspective .freedom {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
#content .interview .freedom:first-of-type,
#content .perspective .freedom:first-of-type {
  margin-top: 0em;
}

.orson-scott-card .interview .freedom .roof {
  display: block;
  border-top: 3px solid hsl(0deg, 0%, 87%);
}

.perspective h1.title + h2.person,
h1.perspective.title + h2.perspective.person,
.perspective > h1 .title + .person,
.perspective > h1 .person + .title {
  padding-top: 0.15em;
}

#sitemap .magazine-issue {
  padding-top: 1rem;
  padding-bottom: 1.5rem;
}
#sitemap .magazine-issue figure {
  clear: right;
}
#sitemap .magazine-issue li {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 1em;
}
#sitemap .magazine-issue > ul, #sitemap .magazine-issue > ol, #sitemap .magazine-issue > dl {
  padding-left: 1rem;
}
#sitemap .magazine-issue:not(:last-of-type) {
  border-bottom: 1px solid hsl(0deg, 0%, 87%);
  margin-bottom: 1rem;
}
#sitemap ul, #sitemap ol, #sitemap dl {
  font-family: Georgia, Cambria, "Times New Roman", Times, serif;
  font-weight: normal;
  font-size: 1rem;
}
#sitemap h1, #sitemap h2 {
  font-family: "Jost", Roboto, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  margin-bottom: 0.5em;
}
#sitemap h1 {
  padding: 0;
  text-transform: uppercase;
  font-size: 1.4rem;
}
#sitemap h1:first-of-type {
  margin-top: 0;
}
#sitemap h1 span {
  line-height: 1.6rem;
  font-style: normal;
  font-size: 1.1rem;
  color: hsl(354deg, 89%, 41%);
}
#sitemap h1 span.issue-number {
  line-height: 0.25rem;
  color: hsl(0deg, 0%, 20%);
  font-size: 0.75rem;
}
#sitemap h2 {
  font-size: 1rem;
  font-weight: normal;
}
#sitemap h2:not(:first-of-type) {
  padding-top: 1.5em;
  padding-bottom: 0;
}

.the-power-which-knowledge-gives .story .zero {
  float: right;
}
.the-power-which-knowledge-gives .story div.uno {
  float: right;
  clear: both;
  vertical-align: bottom;
  padding: 0 0.5em 0.5em;
  margin-bottom: 0;
  text-align: center;
}
@media screen and (min-width: 480px) {
  .the-power-which-knowledge-gives .story div.uno {
    padding: 0 3em 0.5em 2em;
  }
}
.the-power-which-knowledge-gives .story div.uno h4 {
  margin: 0;
  padding: 0;
  line-height: 1.25em;
  font-size: 1em;
}
@media screen and (min-width: 480px) {
  .the-power-which-knowledge-gives .story div.uno h4 {
    font-size: 1.2em;
  }
}
.the-power-which-knowledge-gives .story div.due {
  float: right;
  clear: both;
  vertical-align: top;
  padding: 0.5em 2.5em 0 2em;
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
}
.the-power-which-knowledge-gives .story div.due > h2 {
  margin: 0;
  padding: 0;
  color: #c60c1e;
  font-size: 2.5em !important;
}
@media screen and (min-width: 480px) {
  .the-power-which-knowledge-gives .story div.due > h2 {
    font-size: 3.5em;
  }
}
.the-power-which-knowledge-gives .story div.due h3 {
  margin: 0;
  padding: 0;
  line-height: 1.15em;
  font-size: 1.4em;
}
@media screen and (min-width: 480px) {
  .the-power-which-knowledge-gives .story div.due h3 {
    font-size: 1.75em;
    line-height: 0.75em;
  }
}
.the-power-which-knowledge-gives .story div.due h4 {
  margin: 0;
  padding: 0.4em 0 1rem;
  font-size: 0.9em;
  line-height: 1.25em;
}
@media screen and (min-width: 720px) {
  .the-power-which-knowledge-gives .story div.due h4 {
    padding: 0.4em 0 1rem;
    font-size: 1.2em;
    line-height: 1.75em;
  }
}
.the-power-which-knowledge-gives .story .rline {
  clear: both;
  float: right;
  min-height: 180px;
  border-right: 1px solid #ccc;
  min-width: 40%;
  padding-right: 2em;
  margin-right: 25%;
}
@media screen and (min-width: 720px) {
  .the-power-which-knowledge-gives .story .rline {
    min-width: 100px;
    padding-right: 2em;
    margin-right: 22%;
  }
}

li.tooltips, li.editions a {
  position: relative;
}

li.tooltips span, li.editions a span {
  position: absolute;
  padding: 5px;
  background: #fff;
  color: #000;
  line-height: 30px;
  text-align: center;
  visibility: hidden;
  border: 1px outset #ccc;
}

li.tooltips span {
  width: 120px;
  height: 120px;
}

li.editions a span {
  width: 120px;
  height: 154px;
}

li.tooltips span:after, li.editions a span:after {
  content: "";
  position: absolute;
  margin-top: 0px;
  width: 0;
  height: 0;
  top: 50%;
  right: 0%;
}

li.tooltips:hover span {
  visibility: visible;
  opacity: 1;
  margin-top: -15px;
  margin-left: 20px;
  z-index: 999;
  border-radius: 3px;
  left: 75%;
  top: 90%;
}

li.editions a:hover span {
  visibility: visible;
  opacity: 1;
  margin-top: -15px;
  margin-left: 20px;
  z-index: 999;
  border-radius: 3px;
  left: 20%;
  top: 36px;
}

li.sub a:hover.tooltips span {
  left: 100%;
  top: 25%;
}

.top-bar-section li.editions {
  padding-left: 1rem;
  padding-right: 2rem;
}

.mobile-edition-link {
  display: inline;
  font-size: 10px;
  color: white;
}
.mobile-edition-link a {
  line-height: 10px;
  padding: 0 0.4rem;
  margin: 0;
  color: white;
}
.mobile-edition-link a.darker {
  color: hsl(0deg, 0%, 75%);
}

.courage-betrayed .diagram {
  padding-top: 2em;
}
.courage-betrayed .diagram h3, .courage-betrayed .diagram h3 > span {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-size: 20px;
}
:lang(ru) .courage-betrayed .diagram h3, :lang(ru) .courage-betrayed .diagram h3 > span {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
.courage-betrayed .diagram span.freedom {
  color: hsl(0deg, 0%, 40%);
}
.courage-betrayed .diagram figure {
  display: table-cell;
  width: 50%;
}
.courage-betrayed .diagram figure + div {
  display: table-cell;
  width: 50%;
  margin-right: 0;
}
.courage-betrayed .diagram .info {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  line-height: 1.5em;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  padding: 8px 0px 8px 16px;
  margin-bottom: 1em;
}
:lang(ru) .courage-betrayed .diagram .info {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  size: 12px;
}
.courage-betrayed .diagram .courtesy {
  clear: both;
  text-align: right;
  text-transform: uppercase;
  font-family: "Jost", Roboto, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 0.625rem;
}
.courage-betrayed .diagram .courtesy::after {
  clear: both;
}
.courage-betrayed .cutscene, .courage-betrayed .cutscene {
  padding-bottom: 0.25em;
  margin-bottom: 1.5em !important;
}

.royalSlider.freedom-slider {
  width: 100%;
}
.royalSlider.freedom-slider .rsContent > aside {
  height: 100%;
  display: table !important;
}
.royalSlider.freedom-slider .rsContent > aside div {
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.royalSlider.freedom-slider p.teaser.smaller {
  font-size: 0.95em;
  line-height: 1.4em;
}

.royalSlider.infra-slider {
  width: 100%;
}
.royalSlider.infra-slider .rsOverflow {
  width: 100%;
}

.i201408-military .royalSlider.freedom-slider .rsContent > aside {
  display: table-cell !important;
}

@media (max-width: 40rem) and (orientation: portrait) {
  .royalSlider.freedom-slider {
    margin-bottom: 0.25rem;
  }
  .royalSlider.freedom-slider.with-captions.force .rsOverflow {
    height: 196px !important;
  }
  .royalSlider.freedom-slider .rsOverflow.force {
    height: 172px !important;
  }
  .royalSlider.freedom-slider h1 {
    font-size: 1.25rem;
  }
  .royalSlider.freedom-slider p.author {
    font-size: 0.65rem;
    margin-bottom: 0;
  }
  .royalSlider.freedom-slider p.teaser {
    font-size: 0.85rem;
  }
  .royalSlider.freedom-slider p.teaser.smaller {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}
@media (max-width: 40rem) and (orientation: landscape) {
  .royalSlider.freedom-slider {
    margin-bottom: 0.25rem;
  }
  .royalSlider.freedom-slider.with-captions.force .rsOverflow {
    height: 288px !important;
  }
  .royalSlider.freedom-slider .rsOverflow.force {
    height: 270px !important;
  }
  .royalSlider.freedom-slider h1 {
    font-size: 1.25rem;
  }
  .royalSlider.freedom-slider p.author {
    font-size: 0.65rem;
    margin-bottom: 0;
  }
  .royalSlider.freedom-slider p.teaser {
    font-size: 0.85rem;
  }
  .royalSlider.freedom-slider p.teaser.smaller {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}
@media (min-width: 40.063em) and (max-width: 64em) and (orientation: portrait) {
  .freedom-slider.royalSlider.with-captions.force .rsOverflow {
    height: 440px !important;
  }
  .freedom-slider.royalSlider .rsOverflow.force {
    height: 256px !important;
  }
  .freedom-slider.royalSlider h1 {
    font-size: 1.5rem;
  }
  .freedom-slider.royalSlider p.author {
    font-size: 0.75rem;
    margin-bottom: 0.4rem;
  }
  .freedom-slider.royalSlider p.teaser {
    font-size: 1rem;
    line-height: 1.3rem;
    padding-right: 2rem;
  }
  .freedom-slider.royalSlider p.teaser.smaller {
    font-size: 0.75rem;
    line-height: 0.96rem;
    padding-right: 1.25rem;
  }
}
@media (min-width: 40.063em) and (max-width: 64em) and (orientation: landscape) {
  .freedom-slider.royalSlider.with-captions.force .rsOverflow {
    height: 578px !important;
  }
  .freedom-slider.royalSlider .rsOverflow.force {
    height: 342px !important;
  }
}
@media (min-width: 64.063em) {
  #infra aside, #content aside {
    padding-top: 0;
    padding-bottom: 0;
  }
  .freedom-slider.royalSlider.with-captions.force .rsOverflow {
    height: 624px !important;
  }
  .freedom-slider.royalSlider .rsOverflow.force {
    height: 410px !important;
  }
  .freedom-slider.royalSlider h1 {
    font-size: 2rem;
  }
  .freedom-slider.royalSlider p.author {
    font-size: 0.85rem;
    margin-bottom: 1rem;
  }
  .freedom-slider.royalSlider p.teaser {
    font-size: 1.1rem;
    padding-right: 2.5rem;
  }
}
#mobile-slider-placeholder {
  padding-top: 1.5rem;
  font-family: "Jost", Roboto, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 0.9rem;
  line-height: 1.2rem;
}
#mobile-slider-placeholder p.teaser {
  font-size: 0.9rem;
}

html.no-js #other-issues-slider .rsContent {
  margin: 0.25rem 0 1.75rem;
  width: 213px;
  max-height: 175px;
}
html.no-js #published-by {
  clear: both;
  padding-top: 1rem;
}

.royalSlider.issues-slider {
  width: 100%;
  margin-bottom: 2.5rem;
}
.royalSlider.issues-slider .rsOverflow {
  margin-top: 12px;
}
.royalSlider.issues-slider .rsContent > aside {
  height: 100%;
  display: table !important;
}
.royalSlider.issues-slider .rsContent > aside div {
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

#sleeping-dog-title span {
  font-size: 1.4em;
  font-style: normal;
}

.diagram {
  padding-top: 1em;
}
.diagram h3, .diagram h3 > span {
  font-family: "Jost", Roboto, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-size: 20px;
}
.diagram .info {
  border-top: 1px solid hsl(0deg, 0%, 60%);
  border-left: 1px solid hsl(0deg, 0%, 60%);
  padding: 8px 0px 8px 16px;
  margin-bottom: 1em;
}

body.i201409-under-influence .lhalf .pullquote, body.i201409-under-influence .rhalf .pullquote {
  margin: 0 0 1rem;
}
body.i201409-under-influence .pullquote {
  border-top: 1rem solid black;
  margin: 0.35rem 1.5rem 1rem;
  padding: 0.7rem 1.1rem 0;
}
body.i201409-under-influence .pullquote.left {
  margin-left: 0;
}
body.i201409-under-influence .pullquote.right {
  margin-right: 0;
}

#swat-vs-mother-top {
  background-color: #000;
  display: table;
  width: 100%;
}
#swat-vs-mother-top h1 {
  color: white;
  text-transform: uppercase;
}
#swat-vs-mother-top span.plus {
  color: hsl(354deg, 89%, 41%);
  font-family: Arial;
  font-style: normal;
  font-weight: bold;
  font-size: 2em;
  position: relative;
  top: 0.16em;
}
#swat-vs-mother-top span.vs {
  text-transform: none;
  font-style: normal;
}

#swat-vs-mother-top figure {
  display: table-cell;
  width: 50%;
}

#swat-vs-mother-top aside {
  display: table-cell;
  width: 50%;
  padding-left: 2%;
  vertical-align: middle;
  text-align: center;
}
#swat-vs-mother-top aside p.author {
  font-size: 1em;
  padding-top: 2em;
  color: white;
}
#swat-vs-mother-top aside div.image-wrapper {
  padding-top: 1.4em;
}
#swat-vs-mother-top aside div.image-wrapper img {
  width: 30%;
  float: right;
  padding-left: 2%;
}
#swat-vs-mother-top aside div.image-wrapper h2 {
  font-size: 1.6em;
  line-height: 1.2em;
  color: #ccc;
  text-transform: uppercase;
}

@media (max-width: 40rem) {
  #swat-vs-mother-top > div {
    display: table-row;
    width: 100%;
  }
  #swat-vs-mother-top > div:after {
    clear: both;
  }
  #swat-vs-mother-top > div h1 {
    color: pink;
  }
  #swat-vs-mother-top figure {
    width: 100%;
  }
  #swat-vs-mother-top figure > img {
    width: 100%;
  }
  #swat-vs-mother-top aside {
    width: 100%;
    display: block;
  }
  #swat-vs-mother-top aside > h1 {
    size: 1.5em;
  }
  #swat-vs-mother-top aside div.image-wrapper img {
    width: 100%;
  }
  #swat-vs-mother-top aside div.image-wrapper h2 {
    font-size: 0.8em;
    line-height: 1.4em;
  }
  #swat-vs-mother-top aside p.author {
    font-size: 0.85em;
    padding-top: 2em;
  }
}
@media (min-width: 40.063em) and (max-width: 64em) {
  #swat-vs-mother-top aside > h1 {
    font-size: 2em;
  }
  #swat-vs-mother-top aside div.image-wrapper h2 {
    font-size: 1em;
    line-height: 1.4em;
  }
  #swat-vs-mother-top aside p.author {
    font-size: 0.85em;
    padding-top: 2em;
  }
}
#newsbriefs-gelateria {
  background-image: url(/images/201410-great-city/newsbriefs-gelateria.jpg);
  background-repeat: no-repeat;
  background-position: left 10%;
  background-size: 50%;
}
@media (min-width: 40.063rem) and (max-width: 64rem) {
  #newsbriefs-gelateria {
    background-size: 44%;
  }
}
@media (min-width: 64.063rem) {
  #newsbriefs-gelateria {
    background-size: 27%;
  }
}

#catalyst-fig1-bg {
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 320px 481px;
}
@media (min-width: 64.063rem) {
  #catalyst-fig1-bg {
    background-size: 400px 601px;
  }
}

#catalyst-fig1-wrapper {
  width: 160px;
  float: right;
  margin-left: 8px;
}

@media (min-width: 64.063rem) {
  #catalyst-fig1-wrapper {
    width: 272px;
    margin-left: 1rem;
  }
}
#catalyst-fig1-filler {
  position: relative;
  height: 481px;
}

@media (min-width: 64.063rem) {
  #catalyst-fig1-filler {
    height: 580px;
  }
}
#catalyst-fig1-income {
  width: 102px;
  height: 102px;
  position: absolute;
  right: 28px;
  top: 1px;
  background-image: url(/images/201410-great-city/catalyst-fig1-income-mobile.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 101px 101px;
}

@media (min-width: 64.063rem) {
  #catalyst-fig1-income {
    background-image: url(/images/201410-great-city/catalyst-fig1-income-desktop.png);
    width: 126px;
    height: 126px;
    background-size: 126px 126px;
    right: 37px;
    top: 16px;
  }
}
#catalyst-fig1-employment {
  width: 122px;
  height: 122px;
  position: absolute;
  right: 19px;
  top: 320px;
  background-image: url(/images/201410-great-city/catalyst-fig1-employment-mobile.png);
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 121px 121px;
}

@media (min-width: 64.063rem) {
  #catalyst-fig1-employment {
    background-image: url(/images/201410-great-city/catalyst-fig1-employment-desktop.png);
    width: 151px;
    height: 151px;
    right: 24px;
    top: 415px;
    background-size: 151px 151px;
  }
}
#catalyst-fig1-output {
  width: 144px;
  height: 144px;
  right: 8px;
  top: 138px;
  position: absolute;
  background-image: url(/images/201410-great-city/catalyst-fig1-output-mobile.png);
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 142px 142px;
}

@media (min-width: 64.063rem) {
  #catalyst-fig1-output {
    background-image: url(/images/201410-great-city/catalyst-fig1-output-desktop.png);
    width: 178px;
    height: 178px;
    right: 11px;
    top: 187px;
    background-size: 177px 177px;
  }
}
.fig-pulse {
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.fig-pulse:hover {
  transform: scale(1.15);
}

.numbering {
  font-family: "Jost", Roboto, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 0.95rem;
  background-size: 120px auto;
  background-repeat: no-repeat;
  background-position: 60px 40%;
  width: 400px;
  height: 200px;
  padding-left: 37%;
  padding-right: 2rem;
  display: table;
}
.numbering div, .numbering aside {
  display: table-cell;
  vertical-align: middle;
}

.top-bar-section li:not(.has-form).florida a:not(.button) {
  color: hsl(42deg, 49%, 66%);
}

.i201410-created-equal .facts p {
  font-family: "Jost", Roboto, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1rem;
}
.i201410-created-equal .facts p:last-child {
  margin-bottom: 0;
}
.i201410-created-equal .facts.right {
  padding: 0.5rem 0 0.5rem 1.5rem;
  margin-left: 1.5rem;
  margin-bottom: 1.5rem;
  border-left: 1px solid #ddd;
}
.i201410-created-equal .facts.left {
  padding: 0.5rem 1.5rem 0.5rem 0;
  margin-right: 1.5rem;
  margin-bottom: 1.5rem;
  border-right: 1px solid #ddd;
}

.i201410-created-equal.drug-education-kids-stop-mexico-drug-war .facts div {
  border: 2px solid hsl(187deg, 30%, 75%);
  background-color: hsl(187deg, 50%, 92%);
}
.i201410-created-equal.drug-education-kids-stop-mexico-drug-war .facts .source {
  font-family: "Jost", Roboto, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 0.75rem;
  margin: 0 1rem 0.25rem;
  padding: 0.5rem;
  border-top: 1px solid hsl(187deg, 30%, 75%);
}
.i201410-created-equal.drug-education-kids-stop-mexico-drug-war .facts ul {
  padding: 1rem 1rem 1rem 1.5rem;
  list-style-position: outside;
  margin: 0.25rem 0.25rem 0.25rem 0.5rem;
  font-family: "Jost", Roboto, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 0.9rem;
}
.i201410-created-equal.drug-education-kids-stop-mexico-drug-war .facts #fact1 {
  background-image: url(/images/201410-created-equal/poppy.png);
  background-position: 96% 50%;
  background-size: 18%;
  background-repeat: no-repeat;
  padding-right: 20%;
}
.i201410-created-equal.drug-education-kids-stop-mexico-drug-war .facts #fact2 {
  background-image: url(/images/201410-created-equal/syringe.png);
  background-position: 96% 50%;
  background-size: 22%;
  background-repeat: no-repeat;
  padding-right: 24%;
}
.i201410-created-equal.drug-education-kids-stop-mexico-drug-war .facts #fact3 {
  background-image: url(/images/201410-created-equal/cocaine.png);
  background-position: 96% 50%;
  background-size: 24%;
  background-repeat: no-repeat;
  padding-right: 26%;
}
.i201410-created-equal.drug-education-kids-stop-mexico-drug-war .facts #fact4 {
  background-image: url(/images/201410-created-equal/marijuana.png);
  background-position: 96% 40%;
  background-size: 26%;
  background-repeat: no-repeat;
  padding-right: 28%;
}

@media (max-width: 64em) {
  .i201410-created-equal.fighting-for-human-rights-timor-leste div.bottom {
    display: none;
  }
  .i201410-created-equal.fighting-for-human-rights-timor-leste div.top {
    display: inline-block;
    opacity: 1;
    margin-bottom: 1rem;
  }
}
@media (min-width: 64.063rem) {
  .i201410-created-equal.fighting-for-human-rights-timor-leste #content img {
    max-width: 1130px;
  }
  .i201410-created-equal.fighting-for-human-rights-timor-leste #zoom-out {
    margin-bottom: 1.5rem;
    height: 350px;
    width: 735px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
  }
  .i201410-created-equal.fighting-for-human-rights-timor-leste #zoom-out div {
    position: absolute;
    top: 0;
    right: 0;
  }
  .i201410-created-equal.fighting-for-human-rights-timor-leste #zoom-out div.top {
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .i201410-created-equal.fighting-for-human-rights-timor-leste #zoom-out div.top:hover {
    opacity: 1;
  }
  .i201410-created-equal.fighting-for-human-rights-timor-leste #zoom-out div.top img {
    height: 538px;
    width: 1130px;
    margin-top: -96px;
    transform: scale(0.67);
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
    -ms-transition: -ms-transform 1s;
    transition: transform 1s;
  }
  .i201410-created-equal.fighting-for-human-rights-timor-leste #zoom-out div.top img:hover {
    transform: scale(1);
  }
  .i201410-created-equal.fighting-for-human-rights-timor-leste #zoom-out div.bottom img {
    height: 350px;
    width: 735px;
  }
}
html.js .i201410-created-equal.how-easy-to-get-adhd-diagnosis #test .block.out:not(:first-of-type) {
  visibility: 0;
}
html.js .i201410-created-equal.how-easy-to-get-adhd-diagnosis #results {
  visibility: 0;
}
html.js .i201410-created-equal.how-easy-to-get-adhd-diagnosis .in {
  opacity: 1;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
}
html.js .i201410-created-equal.how-easy-to-get-adhd-diagnosis .out {
  opacity: 0;
}
html.js .i201410-created-equal.how-easy-to-get-adhd-diagnosis .out:not(.off) {
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
}
html.js .i201410-created-equal.how-easy-to-get-adhd-diagnosis .out.ignore {
  opacity: 1;
}
html.js .i201410-created-equal.how-easy-to-get-adhd-diagnosis .test-comment.in {
  transition: opacity 1.25s ease-in-out;
  -moz-transition: opacity 1.25s ease-in-out;
  -webkit-transition: opacity 1.25s ease-in-out;
}

.i201410-created-equal.how-easy-to-get-adhd-diagnosis #test .block {
  width: 100%;
  margin: 0 auto;
}
.i201410-created-equal.how-easy-to-get-adhd-diagnosis #test .block .test-question {
  padding: 0.25rem 0.75rem;
  border: 2px solid black;
  margin-bottom: 1rem;
}
.i201410-created-equal.how-easy-to-get-adhd-diagnosis #test .block .test-question p {
  font-family: AmericanTypewriter;
  font-size: 16px;
  margin-bottom: 0.5rem;
}
.i201410-created-equal.how-easy-to-get-adhd-diagnosis #test .block .test-fill {
  width: 100%;
  background-image: url(/images/201410-created-equal/test-bg.jpg);
  background-size: contain;
  margin-bottom: 1rem;
}
.i201410-created-equal.how-easy-to-get-adhd-diagnosis #test .block .test-fill img {
  vertical-align: top;
}
.i201410-created-equal.how-easy-to-get-adhd-diagnosis #test .block .test-comment {
  padding: 0.25rem 0.75rem;
  margin-bottom: 1rem;
}
.i201410-created-equal.how-easy-to-get-adhd-diagnosis #test .block .test-comment p {
  font-family: "Jost", Roboto, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 14px;
}

@media (min-width: 40.063rem) and (max-width: 64em) {
  .i201410-created-equal.how-easy-to-get-adhd-diagnosis #test .block {
    width: 100%;
  }
  .i201410-created-equal.how-easy-to-get-adhd-diagnosis #test .block .test-fill {
    min-height: 32px;
  }
}
@media (min-width: 64.063rem) {
  .i201410-created-equal.how-easy-to-get-adhd-diagnosis #test .block {
    width: 60%;
  }
  .i201410-created-equal.how-easy-to-get-adhd-diagnosis #test .block .test-fill {
    min-height: 32px;
  }
}
.i201410-created-equal.adhd-drug-statistics-hard-to-swallow #content, .i201410-created-equal.adhd-drug-statistics-hard-to-swallow #content h2, .i201410-created-equal.adhd-drug-statistics-hard-to-swallow #content h3, .i201410-created-equal.adhd-drug-statistics-hard-to-swallow #content p {
  font-family: "UnderwoodChampion";
}
.i201410-created-equal.adhd-drug-statistics-hard-to-swallow #content h2 {
  font-size: 2rem;
  padding-top: 2.5rem;
}
.i201410-created-equal.adhd-drug-statistics-hard-to-swallow #content h3, .i201410-created-equal.adhd-drug-statistics-hard-to-swallow #content h2 > span {
  font-size: 2rem;
  line-height: 2.5rem;
}
.i201410-created-equal.adhd-drug-statistics-hard-to-swallow #content p {
  font-size: 0.9rem;
  line-height: 1.2rem;
}
.i201410-created-equal.adhd-drug-statistics-hard-to-swallow #content p.source {
  font-size: 0.75rem;
}
html.js .i201410-created-equal.adhd-drug-statistics-hard-to-swallow #content .no-js {
  display: none;
}
.i201410-created-equal.adhd-drug-statistics-hard-to-swallow #content #circle {
  position: relative;
  height: 275px;
}
.i201410-created-equal.adhd-drug-statistics-hard-to-swallow #content #circle canvas {
  position: absolute;
  top: -1000px;
  left: 0;
}
.i201410-created-equal.adhd-drug-statistics-hard-to-swallow #content #circle #map {
  position: absolute;
  top: -1000px;
  left: 1000px;
  display: none;
}
.i201410-created-equal.adhd-drug-statistics-hard-to-swallow #content #img {
  position: absolute;
  top: 0;
  left: 0;
  width: 735px;
  height: 705px;
  background-image: url(/images/201410-created-equal/hard-to-swallow-sprite.png);
  background-position: 0 0;
}
.i201410-created-equal.adhd-drug-statistics-hard-to-swallow #content #img > div {
  position: absolute;
  top: 36%;
  height: 28%;
  left: 32%;
  width: 35%;
  border-radius: 22%;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
}
.i201410-created-equal.adhd-drug-statistics-hard-to-swallow #content #img > div > div {
  display: table;
  height: 100%;
  vertical-align: middle;
}
.i201410-created-equal.adhd-drug-statistics-hard-to-swallow #content #img > div > div > div {
  display: table-cell;
  vertical-align: middle;
}
.i201410-created-equal.adhd-drug-statistics-hard-to-swallow #content #img > div > div > div h2 {
  font-size: 1.05rem;
  margin: 0;
}
.i201410-created-equal.adhd-drug-statistics-hard-to-swallow #content #img > div > div > div p {
  font-size: 0.5rem;
  line-height: 1.15em;
  margin: 0rem;
}

@media (min-width: 40.063rem) and (max-width: 64rem) {
  .i201410-created-equal.adhd-drug-statistics-hard-to-swallow #content #circle {
    height: 580px;
  }
  .i201410-created-equal.adhd-drug-statistics-hard-to-swallow #content #img > div > div > div h2 {
    font-size: 2.75rem;
    margin: 0;
  }
  .i201410-created-equal.adhd-drug-statistics-hard-to-swallow #content #img > div > div > div p {
    font-size: 1.05rem;
    line-height: 1.2em;
    margin: 0rem;
  }
}
@media (min-width: 40.063rem) and (max-width: 64rem) and (orientation: portrait) {
  .i201410-created-equal.adhd-drug-statistics-hard-to-swallow #content #circle {
    height: 420px;
  }
}
@media (min-width: 64.063rem) {
  .i201410-created-equal.adhd-drug-statistics-hard-to-swallow #content #circle {
    height: 707px;
  }
  .i201410-created-equal.adhd-drug-statistics-hard-to-swallow #content h2 {
    font-size: 3rem;
  }
  .i201410-created-equal.adhd-drug-statistics-hard-to-swallow #content h2:not(:first-of-type) {
    padding-top: 2.5rem;
  }
  .i201410-created-equal.adhd-drug-statistics-hard-to-swallow #content h3, .i201410-created-equal.adhd-drug-statistics-hard-to-swallow #content h2 > span {
    font-size: 1.8rem;
  }
  .i201410-created-equal.adhd-drug-statistics-hard-to-swallow #content p.source {
    font-size: 0.85rem;
  }
  .i201410-created-equal.adhd-drug-statistics-hard-to-swallow #content #img > div > div > div h2 {
    font-size: 2.5rem;
    margin: 0;
  }
  .i201410-created-equal.adhd-drug-statistics-hard-to-swallow #content #img > div > div > div p {
    font-size: 0.9rem;
    line-height: 1.05em;
    margin: 0rem;
  }
  .i201410-created-equal.adhd-drug-statistics-hard-to-swallow #content #img > div > div > div p.source {
    font-size: 0.65rem;
  }
}
.i201410-created-equal .facts p {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1rem;
}
:lang(ru) .i201410-created-equal .facts p {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
.i201410-created-equal .facts p:last-child {
  margin-bottom: 0;
}
.i201410-created-equal .facts.r10, .i201410-created-equal .facts.r11, .i201410-created-equal .facts.r12, .i201410-created-equal .facts.r13, .i201410-created-equal .facts.r14, .i201410-created-equal .facts.r15 {
  padding: 0.5rem 0 0.5rem 1.5rem;
  margin-left: 1.5rem;
  margin-bottom: 1.5rem;
  border-left: 1px solid #ddd;
}
.i201410-created-equal .facts.l10, .i201410-created-equal .facts.r11, .i201410-created-equal .facts.l12, .i201410-created-equal .facts.l13, .i201410-created-equal .facts.l14, .i201410-created-equal .facts.l15 {
  padding: 0.5rem 1.5rem 0.5rem 0;
  margin-right: 1.5rem;
  margin-bottom: 1.5rem;
  border-right: 1px solid #ddd;
}

.i201410-created-equal.drug-education-kids-stop-mexico-drug-war .facts div {
  border: 2px solid hsl(187deg, 30%, 75%);
  background-color: hsl(187deg, 50%, 92%);
}
.i201410-created-equal.drug-education-kids-stop-mexico-drug-war .facts .source {
  font-family: "Jost", Roboto, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 0.75rem;
  margin: 0 1rem 0.25rem;
  padding: 0.5rem;
  border-top: 1px solid hsl(187deg, 30%, 75%);
}
.i201410-created-equal.drug-education-kids-stop-mexico-drug-war .facts ul {
  padding: 1rem 1rem 1rem 1.5rem;
  list-style-position: outside;
  margin: 0.25rem 0.25rem 0.25rem 0.5rem;
  font-family: "Jost", Roboto, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 0.9rem;
}
.i201410-created-equal.drug-education-kids-stop-mexico-drug-war .facts #fact1 {
  background-image: url(/images/201410-created-equal/poppy.png);
  background-position: 96% 50%;
  background-size: 18%;
  background-repeat: no-repeat;
  padding-right: 20%;
}
.i201410-created-equal.drug-education-kids-stop-mexico-drug-war .facts #fact2 {
  background-image: url(/images/201410-created-equal/syringe.png);
  background-position: 96% 50%;
  background-size: 22%;
  background-repeat: no-repeat;
  padding-right: 24%;
}
.i201410-created-equal.drug-education-kids-stop-mexico-drug-war .facts #fact3 {
  background-image: url(/images/201410-created-equal/cocaine.png);
  background-position: 96% 50%;
  background-size: 24%;
  background-repeat: no-repeat;
  padding-right: 26%;
}
.i201410-created-equal.drug-education-kids-stop-mexico-drug-war .facts #fact4 {
  background-image: url(/images/201410-created-equal/marijuana.png);
  background-position: 96% 40%;
  background-size: 26%;
  background-repeat: no-repeat;
  padding-right: 28%;
}

.story div.sidecaption aside {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.15em;
  vertical-align: middle;
}
:lang(ru) .story div.sidecaption aside {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
.story div.sidecaption + p {
  clear: both;
}

.the-letter-that-shocked-the-world #sketches-caption {
  background-color: hsl(0deg, 0%, 94%);
  padding: 1.25em 1.5em;
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 0.9rem;
  line-height: 1.3rem;
}
:lang(ru) .the-letter-that-shocked-the-world #sketches-caption {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

div.adjacent > figure:last-child {
  margin-right: 0;
}

#right {
  margin: 0.85em 0 2em;
}
@media screen and (min-width: 480px) {
  #right {
    margin-top: 0;
  }
}
#right h3 {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.2em;
  font-weight: normal;
}
:lang(ru) #right h3 {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

#right section > h4, #right section .show-on-mobile > h4, #right section .show-in-mobile > h4, #right section .hide-on-mobile > h4, #right section .hide-in-mobile > h4 {
  text-align: left;
  padding-bottom: 0.25em;
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.25em;
  text-transform: uppercase;
}
:lang(ru) #right section > h4, :lang(ru) #right section .show-on-mobile > h4, :lang(ru) #right section .show-in-mobile > h4, :lang(ru) #right section .hide-on-mobile > h4, :lang(ru) #right section .hide-in-mobile > h4 {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
#right section > a > h4, #right section .show-on-mobile > a > h4, #right section .show-in-mobile > a > h4, #right section .hide-on-mobile > a > h4, #right section .hide-in-mobile > a > h4 {
  font-weight: normal;
}
#right article:not(:last-of-type) {
  padding-bottom: 1.5em;
}
#right article h1, #right article h2, #right article h3 {
  font-size: 1.4em;
  line-height: 1.25em;
  margin: 0.3em 0em 0.15em;
  padding: 0;
  font-weight: 500;
}
#right article p {
  font-size: 1em;
  line-height: 1.4em;
}
#right article figure > img {
  width: 100%;
}
#right .body a:not(.combined-link):hover {
  text-decoration: underline;
}
#right .cutscene {
  border-bottom: 3px solid hsl(0deg, 0%, 75%);
  padding-bottom: 0.25em;
  margin-bottom: 1.5em !important;
}
#right .author {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 0.8125em;
  line-height: 1.5em;
  text-transform: uppercase;
  margin-top: 0.75em;
  margin-bottom: 1em;
}
:lang(ru) #right .author {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

#related-news {
  margin-bottom: 1em;
  margin-top: 1em;
}
#related-news a {
  text-decoration: none;
}
#related-news header {
  background-color: black;
  color: white;
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  padding: 0.25rem 1rem;
}
:lang(ru) #related-news header {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
#related-news header > * {
  margin: 0;
}
#related-news header > *:first-child {
  padding-top: 3px;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  text-align: center;
}
#related-news section {
  border: 1px solid #ddd;
  border-top: none;
  padding: 0.5em;
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
:lang(ru) #related-news section {
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
#related-news section p {
  font-size: 1.05em;
  line-height: 1.4em;
  margin-bottom: 0;
}
#related-news section .more-link {
  margin-top: 5px;
  text-align: right;
  color: hsl(349deg, 72%, 36%);
  font-style: normal;
}

.footer-share-floater {
  position: absolute;
  width: 100%;
  max-width: 67.8125em;
  left: 50%;
  top: 20px;
  text-align: right;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.footer-share-floater .link {
  font-size: 1.5625em;
  margin-right: 0.625em;
  color: #aaa;
}
.footer-share-floater .link .icon-facebook {
  font-size: 1.15em;
  position: relative;
  top: -6px;
}
.footer-share-floater .link .icon-google-plus {
  font-size: 1.15em;
  position: relative;
  padding-right: 0.9375em;
  top: 4px;
}
.footer-share-floater .link .icon-youtube {
  font-size: 1.15em;
  position: relative;
  padding-right: 1.15em;
  top: -3px;
}
.footer-share-floater .link .icon-youtube4 {
  position: relative;
  padding-right: 2.5em;
}
.footer-share-floater .link .icon-feed {
  font-size: 0.9em;
  position: relative;
  top: -2px;
}
.footer-share-floater .link:hover {
  color: #333;
}

#footer-band {
  background: #e6e6e6;
  clear: both;
  position: relative;
}

#footer {
  padding: 1.5em 2.5rem;
}
#footer h3 {
  color: black;
  font-size: 1.25em;
  font-weight: 800;
  margin-bottom: 0.4em;
}
#footer ul, #footer section {
  margin-bottom: 0.75em;
}
@media screen and (min-width: 480px) {
  #footer ul, #footer section {
    display: table-cell;
    width: 25%;
  }
  #footer ul:nth-child(6n), #footer section:nth-child(6n) {
    margin-right: 0;
  }
  #footer ul:nth-child(6n+1), #footer section:nth-child(6n+1) {
    clear: left;
  }
  #footer ul:after, #footer section:after {
    content: "";
    display: table;
    clear: both;
  }
}
@media screen and (min-width: 480px) {
  #footer li {
    text-align: left;
  }
}
#footer li a {
  color: rgba(0, 0, 0, 0.6);
  padding-left: 0.5em;
}
#footer li a:hover {
  color: black;
}
#footer hr {
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0 auto 1.5em;
  width: 12em;
}
#footer p {
  color: #4d4d4d;
  font-size: 0.9em;
  line-height: 1.5em;
  margin: auto;
  max-width: 35em;
}
#footer section p {
  margin-left: 1em;
  font-family: "Jost", Roboto, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 0.9em;
  font-weight: 400;
}

#our-mission p:not(:last-child) {
  padding-bottom: 0.5em;
}

#contact-links ul, #sites-that-matter ul {
  width: 100%;
}
#contact-links a, #sites-that-matter a {
  font-family: "Jost", Roboto, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 0.9em;
}

@media screen and (min-width: 480px) and (max-width: 719px) {
  #sites-that-matter {
    padding-left: 1em;
  }
}
@media screen and (min-width: 720px) {
  #sites-that-matter {
    padding-left: 3em;
  }
}

#footer-logo:after {
  content: "";
  display: table;
  clear: both;
}
#footer-logo figure {
  margin-bottom: 1em;
  float: left;
  display: block;
  margin-right: 2.3696682464%;
  width: 57.345971564%;
  margin-right: 0;
}
#footer-logo figure:last-child {
  margin-right: 0;
}
@media screen and (min-width: 480px) and (max-width: 719px) {
  #footer-logo figure {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 48.8151658768%;
  }
  #footer-logo figure:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 720px) {
  #footer-logo figure {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 31.7535545024%;
  }
  #footer-logo figure:last-child {
    margin-right: 0;
  }
}

#footer-links {
  margin-bottom: 1.5em;
}
@media screen and (min-width: 720px) {
  #footer-links {
    float: left;
    display: block;
    margin-right: 2.3696682464%;
    width: 100%;
  }
  #footer-links:last-child {
    margin-right: 0;
  }
}
#footer-links .subtitle {
  font-size: 0.9em;
}

#copyright {
  float: left;
  display: block;
  margin-right: 2.3696682464%;
  width: 91.4691943128%;
  margin-left: 4.2654028436%;
  text-align: center;
  font-family: "Jost", Roboto, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 10px;
}
#copyright:last-child {
  margin-right: 0;
}
#copyright span {
  font-size: 10px;
}

#footer-media-and-ethics div {
  font-family: "Jost", Roboto, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

body.idtv h1 {
  font-size: 2rem;
}
body.idtv h2 {
  font-size: 1.75rem;
}
body.idtv h1, body.idtv h2 {
  padding-bottom: 0.2em;
}
body.idtv h3 {
  font-size: 1.5rem;
}
body.idtv h4 {
  font-size: 1.33rem;
}
body.idtv h5 {
  font-size: 1.25rem;
  font-weight: 500;
}
body.idtv h6 {
  font-size: 1rem;
}
body.idtv #content p, body.idtv #content li {
  font-size: 1rem;
  line-height: 1.67rem;
}
body.idtv #content p.quote {
  padding-left: 6%;
  padding-right: 6%;
  font-style: italic;
}

body.idtv a:hover {
  text-decoration: underline;
}

body.idtv #wrapper .letter-body {
  padding: 40px 60px 60px 60px;
  border: 1px solid #eee;
  background: white;
}

body.idtv #toc ul, body.idtv #crime-feed ul, body.idtv #letters ul,
body.idtv li {
  padding-bottom: 0.5rem;
}
body.idtv #crime-feed, body.idtv #letters {
  border: 1px solid hsl(0deg, 0%, 75%);
  font-weight: 500;
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
body.idtv #crime-feed .body, body.idtv #letters .body {
  border-top: 1px solid hsl(0deg, 0%, 75%);
}
body.idtv #crime-feed ul, body.idtv #crime-feed ol, body.idtv #crime-feed dl, body.idtv #letters ul, body.idtv #letters ol, body.idtv #letters dl {
  font-size: 0.9rem;
  margin: 0;
  padding: 0 0.85rem;
}
body.idtv #crime-feed ul li > a, body.idtv #crime-feed ol li > a, body.idtv #crime-feed dl li > a, body.idtv #letters ul li > a, body.idtv #letters ol li > a, body.idtv #letters dl li > a {
  color: hsl(0deg, 0%, 20%);
}
body.idtv #crime-feed ul li.active > a, body.idtv #crime-feed ol li.active > a, body.idtv #crime-feed dl li.active > a, body.idtv #letters ul li.active > a, body.idtv #letters ol li.active > a, body.idtv #letters dl li.active > a {
  color: hsl(354deg, 89%, 41%);
}
body.idtv #crime-feed ul ul, body.idtv #crime-feed ul ol, body.idtv #crime-feed ul dl, body.idtv #crime-feed ol ul, body.idtv #crime-feed ol ol, body.idtv #crime-feed ol dl, body.idtv #crime-feed dl ul, body.idtv #crime-feed dl ol, body.idtv #crime-feed dl dl, body.idtv #letters ul ul, body.idtv #letters ul ol, body.idtv #letters ul dl, body.idtv #letters ol ul, body.idtv #letters ol ol, body.idtv #letters ol dl, body.idtv #letters dl ul, body.idtv #letters dl ol, body.idtv #letters dl dl {
  margin-left: 0;
}
body.idtv #crime-feed .head, body.idtv #letters .head {
  width: 100%;
  height: 30px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
}
body.idtv #crime-feed .head img, body.idtv #crime-feed .head h4, body.idtv #letters .head img, body.idtv #letters .head h4 {
  padding: 0;
  margin: 0;
}
body.idtv #crime-feed .head img, body.idtv #letters .head img {
  float: left;
}
body.idtv #crime-feed .head h4, body.idtv #letters .head h4 {
  height: 35px;
  line-height: 34px;
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  color: hsl(0deg, 0%, 20%);
  text-align: left;
  padding-left: 60px;
  text-transform: uppercase;
}
body.idtv #crime-feed .body, body.idtv #letters .body {
  padding: 1rem 0;
}
body.idtv #crime-feed li.departments, body.idtv #crime-feed li.section, body.idtv #letters li.departments, body.idtv #letters li.section {
  padding-top: 1.4rem;
  color: black;
  font-size: 0.8rem;
  text-transform: uppercase;
}
body.idtv #crime-feed .body > ul > li.article, body.idtv #letters .body > ul > li.article {
  padding-top: 0.9rem;
}
body.idtv #crime-feed .body > ul > li.article:first-of-type, body.idtv #letters .body > ul > li.article:first-of-type {
  padding-top: 0.2rem;
}
body.idtv #crime-feed li.article, body.idtv #crime-feed li.feature, body.idtv #letters li.article, body.idtv #letters li.feature {
  padding-top: 0.75rem;
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
}
body.idtv #crime-feed li.article:first-of-type, body.idtv #crime-feed li.feature:first-of-type, body.idtv #letters li.article:first-of-type, body.idtv #letters li.feature:first-of-type {
  padding-top: 0.2rem;
}
body.idtv #crime-feed li.department::after, body.idtv #letters li.department::after {
  content: ":";
}

body.idtv .hbo-reverse-callout-block {
  font-size: 1.1em;
  padding: 33px 80px 30px 80px;
  text-align: left;
  max-width: 1086px;
  width: 100%;
  margin: 0 auto 30px auto;
  font-family: "Zilla Slab", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  color: white;
  background-color: black;
  border-radius: 8px;
}
@media screen and (max-width: 959px) {
  body.idtv #wrapper {
    display: table;
    width: 100%;
    float: none;
  }
  body.idtv #content {
    display: table-header-group;
    float: none;
    margin-bottom: 1em;
  }
  body.idtv #right {
    display: table-footer-group;
    float: none;
  }
  body.idtv #left {
    display: table-row-group;
    float: none;
  }
}

article video {
  width: 100%;
}

.vjs-default-skin .vjs-volume-level,
.vjs-default-skin .vjs-play-progress {
  background: #9e1a33;
}

/*# sourceMappingURL=application-idtv.css.map */