@charset "UTF-8";
/**
 * Mixin Library
 */
@-webkit-keyframes animateLoader {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(220deg); } }

@keyframes animateLoader {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(220deg);
            transform: rotate(220deg); } }

@-webkit-keyframes animateLoader2 {
  0% {
    webkit-transform: rotate(-140deg); }
  100% {
    webkit-transform: rotate(140deg); } }

@keyframes animateLoader2 {
  0% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(140deg);
            transform: rotate(140deg); } }

/*------------------------------------------------------------------------------
	Content Columns
------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
	Bourbon Mixins
------------------------------------------------------------------------------*/
/**
 * Fonts & Typography
 *
 * Font related variables, mixins and CSS used throughout
 */
@font-face {
  font-family: "MillerDisplay";
  src: url("https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-roman.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-roman.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "MillerDisplay";
  src: url("https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-italic.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: "MillerDisplay";
  src: url("https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-lightitalic.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-lightitalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic; }

@font-face {
  font-family: "MillerDisplay";
  src: url("https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-light.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-light.ttf") format("truetype");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: "MillerDisplay";
  src: url("https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-bold.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "MillerDisplay";
  src: url("https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-semibold.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "MillerDisplay";
  src: url("https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-semibolditalic.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-semibolditalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "MillerText";
  src: url("https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-roman.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-roman.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "MillerText";
  src: url("https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-italic.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: "MillerText";
  src: url("https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-bold.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: "MillerText";
  src: url("https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-bolditalic.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-bolditalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: "NeueHaas";
  src: url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-15ultth.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-15ultth.ttf") format("truetype");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: "NeueHaas";
  src: url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-25th.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-25th.ttf") format("truetype");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: "NeueHaas";
  src: url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-35xlt.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-35xlt.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: "NeueHaas";
  src: url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-45lt.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-45lt.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "NeueHaas";
  src: url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-55rg.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-55rg.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "NeueHaas";
  src: url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-65md.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-65md.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "NeueHaas";
  src: url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-75bd.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-75bd.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "NeueHaas";
  src: url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-95blk.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-95blk.ttf") format("truetype");
  font-weight: 900;
  font-style: normal; }

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-overflow-scrolling: touch;
  color: #444;
  font: 13px/1.231 sans-serif; }

::-moz-selection {
  background: #888;
  color: #FFF;
  text-shadow: none; }

::selection {
  background: #888;
  color: #FFF;
  text-shadow: none; }

body,
select,
input,
textarea {
  color: #111; }

a {
  text-decoration: none;
  color: inherit;
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }
  a:focus {
    outline: 0; }

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

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

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

img {
  line-height: 0;
  vertical-align: middle; }

nav ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

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

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

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

del {
  text-decoration: line-through; }

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

table {
  border-collapse: collapse;
  border-spacing: 0; }

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

input,
select {
  vertical-align: middle; }

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

pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif; }

select,
input,
textarea {
  color: #111; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold; }

html {
  overflow-y: scroll; }

a:hover,
a:active {
  outline: none; }

ul,
ol {
  list-style: none; }

ol {
  list-style-type: decimal; }

nav ul,
nav li {
  margin: 0; }

small {
  font-size: 85%; }

strong,
th {
  font-weight: bold; }

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

sub {
  vertical-align: sub;
  font-size: smaller; }

sup {
  vertical-align: super;
  font-size: smaller; }

textarea {
  overflow: auto; }

.ie6 legend,
.ie7 legend {
  margin-left: -7px; }

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

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

.ie7 input[type="checkbox"] {
  vertical-align: baseline; }

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

label,
input[type=button],
input[type=submit],
button {
  cursor: pointer; }

button,
input,
select,
textarea {
  margin: 0; }

.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
  background-color: #f0dddd; }

button {
  width: auto;
  overflow: visible; }

.ie7 img {
  -ms-interpolation-mode: bicubic; }

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  height: 0;
  visibility: hidden; }

.clearfix:after {
  clear: both; }

.clearfix {
  zoom: 1; }

.a11y-only {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px); }

/**
 * Debug Mode
 *
 * Overlays handy debug info when client-side JS sets
 * a body class
 */
body.debug-mode details {
  display: block;
  font-family: monospace; }
  body.debug-mode details summary {
    background-color: rgba(255, 0, 0, 0.75);
    padding: 5px 9px;
    display: block; }
  body.debug-mode details pre {
    padding: 5px 9px;
    background-color: rgba(255, 0, 0, 0.45);
    display: block; }

body.debug-mode details + details {
  margin-top: 1px; }

body.debug-mode .debug-notice {
  line-height: 1.5em;
  background-color: rgba(255, 0, 0, 0.65);
  color: #fff;
  line-height: normal;
  font-family: "NeueHaas", sans-serif;
  font-size: 12px;
  font-weight: 600;
  z-index: 500;
  width: 100%; }
  body.debug-mode .debug-notice td, body.debug-mode .debug-notice th {
    padding: 5px 10px;
    text-align: left;
    border: none; }
  body.debug-mode .debug-notice th {
    font-weight: bold;
    padding-right: 20px; }

body.debug-mode [data-widget-layout] .debug-notice,
body.debug-mode [data-widget-type] .debug-notice,
body.debug-mode [data-topper-type] .debug-notice {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }

body.debug-mode [data-widget-layout],
body.debug-mode [data-widget-type],
body.debug-mode [data-topper-type],
body.debug-mode [data-adunit] {
  border: 2px solid rgba(255, 0, 0, 0.65);
  position: relative;
  background-color: rgba(255, 0, 0, 0.25); }
  body.debug-mode [data-widget-layout][style],
  body.debug-mode [data-widget-type][style],
  body.debug-mode [data-topper-type][style],
  body.debug-mode [data-adunit][style] {
    border: 2px solid rgba(255, 0, 0, 0.65) !important; }

/**
 * Navbar CSS
 */
@media (max-width: 749px) {
  body.js-mobile-nav-is-open {
    background: #000; } }

.site-content {
  background-color: #fff;
  overflow: hidden; }
  @media (max-width: 749px) {
    .site-content {
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease; }
      .js-mobile-nav-is-open .site-content {
        opacity: .2; }
        .js-mobile-nav-is-open .site-content * {
          cursor: default; } }

.navbar {
  background-color: #fff;
  z-index: 4;
  text-align: center;
  padding: 0 15px;
  position: relative;
  top: 0;
  left: 0;
  right: 0; }
  .navbar:after {
    content: " ";
    display: table;
    clear: both; }
  @media (min-width: 750px) {
    .navbar {
      position: relative;
      padding: 0 30px; } }

@media (min-width: 750px) {
  .navbar__width {
    margin: 0 auto;
    max-width: 1180px;
    position: relative;
    height: 130px;
    display: inline-block;
    width: 100%;
    text-align: left;
    padding-top: 23px;
    padding-bottom: 20px; } }

@media (min-width: 1024px) {
  .navbar__width {
    padding-top: 20px; } }

@media (min-width: 750px) {
  .homepage .navbar {
    padding: 0 20px; } }

@media (min-width: 1250px) {
  .homepage .navbar {
    padding: 0 60px; } }

.homepage .navbar__width {
  max-width: 1380px; }

.navbar__logo-mod {
  height: 50px;
  width: 100px;
  background-repeat: no-repeat;
  display: block;
  float: left;
  margin: 10px 0;
  position: relative;
  z-index: 4; }
  @media (min-width: 750px) {
    .navbar__logo-mod {
      margin: 15px;
      height: 90px;
      width: 175px;
      margin: 0; } }
  @media (min-width: 1024px) {
    .navbar__logo-mod {
      width: 184px; } }

.navbar__logo {
  width: 100%; }

.navbar__mobile-menu {
  border: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  -webkit-appearance: none;
  font-family: "NeueHaas", sans-serif;
  font-size: 15px;
  font-weight: 600;
  position: absolute;
  top: 0;
  right: 0;
  width: 85px;
  height: 73px; }
  .navbar__mobile-menu:focus {
    outline: 0; }
  @media (max-width: 749px) {
    .js-mobile-nav-is-open .navbar__mobile-menu {
      display: block; } }
  @media (min-width: 750px) {
    .navbar__mobile-menu {
      display: none; } }

.navbar__navigation {
  text-align: right;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  max-height: calc(100vh - 75px); }
  .navbar__navigation.navbar__navigation--no-tertiary {
    margin-right: 0; }
  @media (min-width: 750px) {
    .navbar__navigation {
      background: #fff;
      overflow: visible;
      display: block;
      width: auto;
      position: static;
      margin-right: 115px;
      margin-left: 175px; }
      .navbar__navigation.navbar__navigation--no-tertiary {
        margin-right: 0; } }
  @media (min-width: 1024px) {
    .navbar__navigation {
      margin-right: 160px;
      margin-left: 200px; }
      .navbar__navigation.navbar__navigation--no-tertiary {
        margin-right: 0; } }

.navbar__item--primary,
.navbar__item--secondary {
  display: list-item;
  text-align: left;
  vertical-align: middle;
  font-family: "NeueHaas", sans-serif;
  font-size: 16px; }
  @media (min-width: 750px) {
    .navbar__item--primary,
    .navbar__item--secondary {
      display: inline-block;
      text-align: inherit;
      border-bottom: 0;
      font-size: 14px; }
      .js-mobile-nav-is-open .navbar__item--primary, .js-mobile-nav-is-open
      .navbar__item--secondary {
        background-color: black; } }
  @media (min-width: 1024px) {
    .navbar__item--primary,
    .navbar__item--secondary {
      font-family: "NeueHaas", sans-serif;
      font-size: 16px;
      margin: 0 15px; } }

@media (max-width: 749px) {
  .navbar--primary,
  .navbar--secondary,
  .navbar--tertiary {
    display: none;
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.1s ease-out;
    transition: opacity 0.1s ease-out; }
    .js-mobile-nav-is-open .navbar--primary, .js-mobile-nav-is-open
    .navbar--secondary, .js-mobile-nav-is-open
    .navbar--tertiary {
      display: block;
      opacity: 1; } }

@media (min-width: 750px) {
  .navbar--primary,
  .navbar--secondary,
  .navbar--tertiary {
    display: block; } }

@media (min-width: 750px) {
  .navbar__item--primary.navbar__item--phone,
  .navbar__item--secondary.navbar__item--phone,
  .navbar__item--tertiary.navbar__item--phone,
  .navbar__item--search.navbar__item--phone {
    display: none; } }

.navbar--search {
  background-color: white;
  padding: 0 15px; }

.navbar--secondary {
  z-index: 2; }
  .navbar--secondary .dropdown-nav__dropdown {
    border: none !important;
    margin-left: -8px;
    text-align: left;
    width: 140px; }
  .navbar--secondary .dropdown-nav__dropdown__list {
    padding-bottom: 12px; }
  .navbar--secondary .dropdown-nav__dropdown__item {
    padding: 0; }
  .navbar--secondary .dropdown-nav__dropdown__item + .dropdown-nav__dropdown__item {
    border: none;
    margin-top: 5px; }
  .navbar--secondary .search-form .dropdown-nav__item:hover {
    color: #ffffff; }
  .js-search-is-open .navbar--secondary {
    display: block; }
  .navbar--secondary .navbar__item--secondary {
    display: none; }
    .js-dropdown-nav-item-is-open .navbar--secondary .navbar__item--secondary,
    .dropdown-nav__item:hover .navbar--secondary .navbar__item--secondary {
      display: list-item; }
      @media (min-width: 750px) {
        .js-dropdown-nav-item-is-open .navbar--secondary .navbar__item--secondary,
        .dropdown-nav__item:hover .navbar--secondary .navbar__item--secondary {
          display: inline-block; } }
    .navbar--secondary .navbar__item--secondary.navbar__item--search {
      display: list-item; }
      @media (min-width: 750px) {
        .navbar--secondary .navbar__item--secondary.navbar__item--search {
          display: inline-block;
          float: right; } }
    @media (min-width: 750px) {
      .navbar--secondary .navbar__item--secondary {
        display: inline-block; } }

.navbar--primary {
  margin: 0;
  padding: 1px 15px;
  background-color: #000;
  color: white;
  z-index: 1; }
  @media (min-width: 750px) {
    .navbar--primary {
      background-color: #fff;
      position: relative;
      margin: 56px -15px 0 0;
      font-weight: 600; } }
  @media (min-width: 1024px) {
    .navbar--primary {
      margin-top: 60px; } }

.navbar--secondary {
  padding: 0 15px;
  background-color: #fff;
  float: right;
  z-index: 4; }
  @media (max-width: 749px) {
    .navbar--secondary {
      display: none !important; } }
  @media (min-width: 750px) {
    .navbar--secondary {
      display: block;
      padding: 0;
      background-color: transparent;
      position: absolute;
      top: 10px;
      right: 115px;
      left: 155px; }
      .navbar__navigation--no-tertiary .navbar--secondary {
        right: 0; } }
  @media (min-width: 1024px) {
    .navbar--secondary {
      position: absolute;
      top: 10px;
      right: 160px;
      left: 200px; }
      .navbar__navigation--no-tertiary .navbar--secondary {
        right: 0; } }

.navbar--tertiary {
  margin: 0;
  padding: 16px;
  background-color: #fff;
  z-index: 4; }
  @media (min-width: 750px) {
    .navbar--tertiary {
      width: 100px;
      position: absolute;
      top: 20px;
      right: 0;
      padding: 0; } }
  @media (min-width: 1024px) {
    .navbar--tertiary {
      width: 140px;
      padding: 0; } }
  .navbar--tertiary .btn {
    display: block;
    margin: 0;
    height: 90px;
    padding: 0;
    border-color: #F90E1E;
    color: #F90E1E;
    font-weight: bold;
    font-size: 16px; }
    @media (min-width: 750px) {
      .navbar--tertiary .btn {
        font-size: 13px; } }
    @media (min-width: 1024px) {
      .navbar--tertiary .btn {
        font-family: "NeueHaas", sans-serif;
        font-size: 16px; } }
    .navbar--tertiary .btn::before {
      content: none; }
    .navbar--tertiary .btn:hover {
      background-color: #F90E1E;
      border-color: #F90E1E;
      color: #ffffff; }
    .navbar--tertiary .btn:active, .navbar--tertiary .btn:focus {
      background-color: #000;
      border-color: #000;
      color: #ffffff; }
    .navbar--tertiary .btn .txt {
      position: absolute;
      bottom: 0;
      margin: 10px; }
    .navbar--tertiary .btn .btn--primary__icon {
      width: 11px;
      height: 11px;
      background-image: url("https://cdn.technologyreview.com/_/img/angle-arrow--red.svg");
      position: absolute;
      top: 9px;
      right: 9px; }
    .navbar--tertiary .btn:hover .btn--primary__icon {
      background-image: url("https://cdn.technologyreview.com/_/img/angle-arrow--white.svg"); }

.navbar__item--primary {
  padding: 0;
  margin: 0;
  background-color: #000;
  border-bottom: 1px solid #666; }
  .navbar__item--primary:last-child {
    border-bottom: 0; }
  .navbar__item--primary.js-navbar-item-is-open {
    border-bottom: 0; }
  @media (min-width: 750px) {
    .navbar__item--primary {
      background-color: transparent;
      position: relative;
      margin: 0;
      border-bottom: 0; } }

.navbar__item--secondary {
  font-family: "NeueHaas", sans-serif;
  font-weight: 400;
  background-color: transparent; }
  .navbar__item--secondary:last-child {
    margin-bottom: 0; }
  @media (min-width: 750px) {
    .navbar__item--secondary {
      border-bottom: 0;
      margin: 0; } }

.navbar__item--secondary--login {
  padding: 12px 15px; }
  @media (max-width: 749px) {
    .navbar__item--secondary--login {
      border-bottom: 1px solid rgba(0, 0, 0, 0.3); } }

.navbar__item__link--expandable {
  cursor: default;
  position: relative; }
  @media (min-width: 750px) {
    .navbar__item__link--expandable:after {
      content: '+'; } }

@media (max-width: 749px) {
  .navbar__item__link--expandable__plus {
    position: absolute;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 8px;
    top: 16px;
    background-image: url("https://cdn.technologyreview.com/_/img/plus--white.svg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease; }
    .js-navbar-item-is-open .navbar__item__link--expandable__plus {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); } }

@media (min-width: 750px) {
  .navbar__item__link--expandable__plus {
    display: none; } }

.navbar__item__link,
.navbar__item__link--expandable {
  cursor: pointer;
  padding: 14px 0 13px 3px;
  line-height: 1;
  text-decoration: none;
  background-color: #000;
  display: block; }
  .navbar__item__link:active, .navbar__item__link:focus,
  .navbar__item__link--expandable:active,
  .navbar__item__link--expandable:focus {
    outline: 0; }
  @media (min-width: 750px) {
    .navbar__item__link,
    .navbar__item__link--expandable {
      padding: 12px;
      z-index: 1; }
      .navbar__item--primary.js-navbar-item-is-open .navbar__item__link,
      .navbar__item--primary:hover .navbar__item__link, .navbar__item--primary.js-navbar-item-is-open
      .navbar__item__link--expandable,
      .navbar__item--primary:hover
      .navbar__item__link--expandable {
        background-color: #000;
        color: #ffffff; } }
  @media (min-width: 1024px) {
    .navbar__item__link,
    .navbar__item__link--expandable {
      padding: 12px 15px; } }

.navbar__item__link--primary {
  background-color: #000;
  color: #fff; }
  @media (min-width: 750px) {
    .navbar__item__link--primary {
      position: relative;
      color: #000;
      background-color: transparent;
      padding: 12px 6px; } }
  @media (min-width: 1024px) {
    .navbar__item__link--primary {
      padding: 12px 15px; } }

.navbar__item__link--secondary {
  background-color: #ffffff;
  color: #000;
  padding: 0px;
  display: inline-block; }
  .navbar__item__link--secondary:hover {
    text-decoration: underline; }
  @media (min-width: 750px) {
    .navbar__item__link--secondary {
      background-color: transparent;
      color: #000; } }

.footer--main,
.site-content {
  -webkit-transition: -webkit-transform 0.1s ease-out;
  transition: -webkit-transform 0.1s ease-out;
  transition: transform 0.1s ease-out;
  transition: transform 0.1s ease-out, -webkit-transform 0.1s ease-out; }

.navbar__item--expandable .navbar__dropdown {
  max-height: 0;
  -webkit-transition: max-height 0.1s ease-in;
  transition: max-height 0.1s ease-in; }

@media (min-width: 0) and (max-width: 749px) {
  .navbar__item--expandable.js-navbar-item-is-open .navbar__dropdown {
    max-height: 2000px;
    -webkit-transition: max-height 0.1s ease-out;
    transition: max-height 0.1s ease-out; } }

@media (min-width: 0) and (max-width: 749px) {
  .navbar__item--primary--topics.js-navbar-item-is-open .navbar__dropdown {
    border-bottom: solid #ffffff 2px; } }

.navbar__dropdown {
  overflow: hidden; }
  @media (min-width: 750px) {
    .navbar__dropdown {
      width: 310px;
      text-align: left;
      background-color: #000;
      color: #ffffff;
      list-style: none;
      padding: 21px 20px 0;
      border-bottom: solid #ffffff 2px;
      border-left: solid #ffffff 2px;
      border-right: solid #ffffff 2px;
      display: none; }
      .navbar__item--primary .navbar__dropdown.js-navbar-item-is-open,
      .navbar__item--primary:hover .navbar__dropdown {
        display: block;
        max-height: 2000px;
        -webkit-transition: max-height 0.1s ease-out;
        transition: max-height 0.1s ease-out; }
      .navbar__item--primary--topics .navbar__dropdown {
        position: absolute;
        top: 100%;
        left: -2px; }
      .navbar__item--primary--more .navbar__dropdown {
        position: absolute;
        top: 100%;
        right: -2px; } }

.navbar__dropdown__item-link {
  display: block;
  padding: 14px 0 13px 3px;
  border-bottom: 1px solid #666;
  color: #ffffff;
  font-weight: 400; }
  @media (min-width: 750px) {
    .navbar__dropdown__item-link {
      font-weight: 600;
      -webkit-transition: all 0.1s ease-out;
      transition: all 0.1s ease-out;
      padding: 7px 0 15px; }
      .navbar__dropdown__item-link:hover {
        color: #ddd; } }
  @media (min-width: 0) and (max-width: 749px) {
    .navbar__dropdown__item:first-child .navbar__dropdown__item-link {
      border-top: none; } }
  @media (min-width: 0) and (max-width: 749px) {
    .navbar__dropdown__item:last-child .navbar__dropdown__item-link {
      border-bottom: none;
      margin-bottom: -2px; } }

/*------------------------------------------------------------------------------
  Account Nav
------------------------------------------------------------------------------*/
.account-nav {
  display: inline-block; }
  .account-nav:after {
    content: " ";
    display: table;
    clear: both; }

.account-nav__item {
  float: left;
  padding: 6px 10px 5px;
  margin: 0 5px;
  cursor: pointer;
  line-height: normal;
  overflow: hidden; }
  .account-nav__item.js-account-nav-item-is-open {
    background-color: black;
    color: white; }

.account-nav__label {
  font-size: 15px;
  display: block;
  line-height: normal; }

.account-nav__dropdown {
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-transform: translate3d(0, 0, 0);
  width: 220px;
  position: absolute;
  margin: 5px 0 0 -10px;
  opacity: 0;
  z-index: -1;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  max-height: 0;
  overflow: hidden; }
  .js-account-nav-item-is-open .account-nav__dropdown {
    opacity: 1;
    max-height: 1000px; }

.account-nav__dropdown__list {
  padding: 12px 10px 1px;
  background-color: #000; }

.navbar__item--primary--more .navbar__dropdown__item:first-child,
.navbar__topics__section-container {
  border-top: solid #ffffff 2px; }
  .navbar__item--primary--more .navbar__dropdown__item:first-child:after,
  .navbar__topics__section-container:after {
    content: " ";
    display: table;
    clear: both; }

.navbar__item--primary--more .navbar__dropdown {
  display: none; }
  @media (max-width: 749px) {
    .navbar__item--primary--more .navbar__dropdown {
      display: block;
      max-height: 0;
      -webkit-transition: max-height 0.1s ease-out;
      transition: max-height 0.1s ease-out; }
      .navbar__item--primary--more .navbar__dropdown.js-navbar-item-is-open {
        max-height: 2000px;
        border-bottom: solid #ffffff 2px; } }

.navbar__topics__section--lists {
  border-bottom: solid #ffffff 2px; }

@media (max-width: 749px) {
  .js-navbar-item-is-open .navbar__item__link {
    border-bottom: 1px solid #666; } }

.navbar__item--primary--account .navbar__dropdown__item:first-child {
  border-top: solid #ffffff 2px; }
  .navbar__item--primary--account .navbar__dropdown__item:first-child:after {
    content: " ";
    display: table;
    clear: both; }

.navbar__item--primary--account .navbar__dropdown {
  display: none; }
  @media (max-width: 749px) {
    .navbar__item--primary--account .navbar__dropdown {
      display: block;
      max-height: 0;
      -webkit-transition: max-height 0.1s ease-out;
      transition: max-height 0.1s ease-out; }
      .navbar__item--primary--account .navbar__dropdown.js-navbar-item-is-open {
        max-height: 2000px; } }

.navbar--secondary .dropdown-nav__item {
  float: none;
  padding: 11px 8px 9px;
  margin: 0; }
  .navbar--secondary .dropdown-nav__item .search-icon {
    background-image: url("https://cdn.technologyreview.com/_/img/mag-small.svg"); }
    .js-search-is-open .navbar--secondary .dropdown-nav__item .search-icon {
      background-image: url("https://cdn.technologyreview.com/_/img/x-small.svg");
      background-size: 90%; }

.navbar--secondary .dropdown-nav__item:hover .notification-icon--black {
  background-image: url("https://cdn.technologyreview.com/_/img/bell--white.svg"); }

.notification-icon {
  background-image: url("https://cdn.technologyreview.com/_/img/bell.svg");
  height: 16px;
  width: 14px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat; }

.notification-icon--black {
  background-image: url("https://cdn.technologyreview.com/_/img/bell--black.svg");
  height: 16px;
  width: 14px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat; }

.search-icon {
  height: 14px;
  width: 12px;
  fill: currentColor;
  stroke: currentColor;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat; }

.dropdown-nav__dropdown__item .notification-count,
.navbar__dropdown__item .notification-count {
  margin-bottom: -1px;
  float: right; }

.navbar__item--search {
  color: #000 !important;
  background-color: #ffffff !important; }

/**
 * Search form(s)
 */
.navbar__desktop-search {
  display: none; }
  @media (min-width: 750px) {
    .navbar__desktop-search {
      cursor: pointer;
      font-size: 1em;
      border: 0;
      display: block;
      text-align: right; } }

.navbar__desktop-search--icon {
  width: 12px;
  height: 14px;
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  background-image: url("https://cdn.technologyreview.com/_/img/mag-small.svg");
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat; }
  .js-search-is-open .navbar__desktop-search--icon {
    background-image: url("https://cdn.technologyreview.com/_/img/x-small.svg");
    background-size: 90%; }
  @media (min-width: 1024px) {
    .navbar__desktop-search--icon {
      height: 16px; } }

.navbar__desktop-search--text {
  margin-right: 3px; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.feed-tz__mod--noresults {
  opacity: 1 !important;
  border-bottom: none !important; }

.navbar__mobile-search {
  display: none;
  position: relative;
  padding-right: 90px; }
  .js-mobile-nav-is-open .navbar__mobile-search {
    display: block; }
  .js-search-is-open .navbar__mobile-search {
    padding: 0 15px;
    height: 120px;
    background-color: #000;
    display: block;
    text-align: center;
    position: absolute;
    top: 10px;
    left: 50%;
    width: 100vw;
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
    margin-left: -50vw; }
    .article-page .js-search-is-open .navbar__mobile-search {
      top: 119px; }
    .js-search-is-open .js-search-is-open .navbar__mobile-search {
      display: block;
      -webkit-animation-name: fade-in;
      animation-name: fade-in;
      -webkit-animation-duration: .2s;
      animation-duration: .2s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards; }
    @media (min-width: 550px) {
      .js-search-is-open .navbar__mobile-search {
        padding: 0 30px; } }
    @media (min-width: 750px) {
      .js-search-is-open .navbar__mobile-search {
        height: 200px;
        position: absolute;
        top: 130px;
        left: 50%; } }
    .js-search-is-open .navbar__mobile-search.leaderboard-exists {
      position: absolute;
      top: 124px;
      left: 50%; }
      @media (min-width: 750px) {
        .js-search-is-open .navbar__mobile-search.leaderboard-exists {
          height: 200px;
          position: absolute;
          top: 260px;
          left: 50%; } }

.navbar__mobile-search__close {
  display: none; }
  .js-search-is-open .navbar__mobile-search__close {
    border: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    -webkit-appearance: none;
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%; }
    .js-search-is-open .navbar__mobile-search__close:focus {
      outline: 0; }
    .js-search-is-open .navbar__mobile-search__close:after, .js-search-is-open .navbar__mobile-search__close:before {
      width: 2px;
      background: #000;
      -webkit-transform-origin: center center;
              transform-origin: center center;
      content: " ";
      display: block;
      position: absolute;
      top: 21%;
      right: 50%;
      bottom: 20%;
      margin-right: -1px; }
    .js-search-is-open .navbar__mobile-search__close:before {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }
    .js-search-is-open .navbar__mobile-search__close:after {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
  .js-search-prevent-close .navbar__mobile-search__close {
    display: none; }

.navbar__mobile-search__input {
  border: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  -webkit-appearance: none;
  width: 100%;
  padding: 14px 0 13px 3px;
  font-family: "NeueHaas", sans-serif;
  font-size: 16px;
  font-weight: 400; }
  .navbar__mobile-search__input:focus {
    outline: 0; }
  .navbar__mobile-search__input::-webkit-input-placeholder {
    color: #000; }
  .navbar__mobile-search__input:-moz-placeholder {
    color: #000; }
  .navbar__mobile-search__input:hover::-webkit-input-placeholder {
    color: #222; }
  .navbar__mobile-search__input:hover:-moz-placeholder {
    color: #222; }
  .navbar__mobile-search__input:focus::-webkit-input-placeholder {
    color: #999; }
  .navbar__mobile-search__input:focus:-moz-placeholder {
    color: #999; }
  .navbar__mobile-search__input:focus {
    outline: 0; }
  .js-search-is-open .navbar__mobile-search__input {
    max-width: 1180px;
    margin: 20px auto 0;
    background-color: #000;
    padding: 20px 35px 0 0;
    border: 0;
    border-bottom: solid #ffffff 1px;
    font-family: "NeueHaas", sans-serif;
    font-size: 25px;
    font-weight: 300;
    letter-spacing: 1px;
    color: #ffffff;
    -webkit-transition-delay: .1s;
            transition-delay: .1s; }
    .js-search-is-open .navbar__mobile-search__input::-webkit-input-placeholder {
      color: #fff; }
    .js-search-is-open .navbar__mobile-search__input:-moz-placeholder {
      color: #fff; }
    .js-search-is-open .navbar__mobile-search__input:hover::-webkit-input-placeholder {
      color: #ddd; }
    .js-search-is-open .navbar__mobile-search__input:hover:-moz-placeholder {
      color: #ddd; }
    .js-search-is-open .navbar__mobile-search__input:focus::-webkit-input-placeholder {
      color: #999; }
    .js-search-is-open .navbar__mobile-search__input:focus:-moz-placeholder {
      color: #999; }
    .js-search-is-open .navbar__mobile-search__input:focus, .js-search-is-open .navbar__mobile-search__input:active {
      outline: none; }
    @media (min-width: 750px) {
      .js-search-is-open .navbar__mobile-search__input {
        margin: 45px auto 0;
        padding: 20px 60px 0 0;
        font-family: "NeueHaas", sans-serif;
        font-size: 55px;
        text-rendering: optimizeLegibility;
        font-weight: 300; } }
  .navbar__mobile-search__input ::-moz-selection {
    background: rgba(255, 255, 255, 0.8);
    color: #000;
    text-shadow: none; }
  .navbar__mobile-search__input ::selection {
    background: rgba(255, 255, 255, 0.8);
    color: #000;
    text-shadow: none; }

.navbar__mobile-search__button {
  border: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  -webkit-appearance: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 45px;
  background-size: 16px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("https://cdn.technologyreview.com/_/img/mag-small.svg"); }
  .navbar__mobile-search__button:focus {
    outline: 0; }
  .js-search-is-open .navbar__mobile-search__button {
    height: 20px;
    background-image: url("https://cdn.technologyreview.com/_/img/mag-big--white.svg");
    background-size: contain;
    right: 10px;
    top: 45px; }
    @media (min-width: 550px) {
      .js-search-is-open .navbar__mobile-search__button {
        right: 25px; } }
    @media (min-width: 750px) {
      .js-search-is-open .navbar__mobile-search__button {
        height: 45px;
        right: 40px;
        top: 70px; } }
  @media (min-width: 1250px) {
    .navbar__mobile-search__button {
      right: auto;
      left: 50%;
      margin-left: 540px; } }

/**
 * Swiper 3.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/swiper/
 *
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under MIT
 *
 * Released on: February 17, 2016
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1; }

.swiper-container-no-flexbox .swiper-slide {
  float: left; }

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative; }

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto; }

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform; }

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x; }

/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat; }

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none; }

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto; }

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto; }

/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%; }

/* Bullets */
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2; }

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff; }

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff; }

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000; }

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px; }

/* Progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute; }

.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0; }

.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0; }

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5); }

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff; }

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000; }

/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px; }

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */ }

.swiper-container-3d .swiper-slide-shadow-right {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */ }

.swiper-container-3d .swiper-slide-shadow-top {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */ }

.swiper-container-3d .swiper-slide-shadow-bottom {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */ }

/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px; }

/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
  overflow: visible; }

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1; }

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* Cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%; }

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible; }

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0; }

/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

/**
 * Site Footer
 */
.footer {
  text-align: left;
  width: 100%;
  background-color: #fff;
  position: relative;
  padding-top: 20px; }
  @media (min-width: 550px) {
    .footer {
      padding-top: 30px; } }
  body.homepage .footer {
    padding-top: 0; }

.footer__wrapper {
  background-color: black;
  color: #ffffff; }

.footer-width {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 10px; }
  .footer-width:after {
    content: " ";
    display: table;
    clear: both; }
  @media (min-width: 550px) {
    .footer-width {
      padding: 0 15px; } }
  @media (min-width: 750px) {
    .footer-width {
      padding: 0 30px; } }

.footer__social {
  height: 100px;
  border-top: 4px solid #000; }
  @media (min-width: 550px) {
    .footer__social {
      float: left;
      width: 25%;
      padding-right: 20px; } }
  @media (min-width: 1250px) {
    .footer__social {
      width: 16.66667%; } }

.footer__social-icons {
  float: left;
  margin-top: 20px; }

.footer__social__text {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }

.footer__social--twitter,
.footer__social--facebook,
.footer__social--rss {
  width: 27px;
  height: 22px;
  background-repeat: no-repeat;
  background-size: 80%;
  display: inline-block; }

.footer__social--twitter {
  background-image: url("https://cdn.technologyreview.com/_/img/social-icon--twitter.svg");
  vertical-align: bottom; }

.footer__social--facebook {
  background-image: url("https://cdn.technologyreview.com/_/img/social-icon--facebook.svg");
  vertical-align: baseline; }

.footer__social--rss {
  background-image: url("https://cdn.technologyreview.com/_/img/social-icon--rss.svg");
  vertical-align: baseline; }

.footer__newsletter-form {
  border-top: 4px solid #000;
  position: relative; }
  .footer__newsletter-form input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    -webkit-text-fill-color: black !important; }
  @media (min-width: 550px) {
    .footer__newsletter-form {
      width: 75%;
      float: right; } }
  @media (min-width: 1250px) {
    .footer__newsletter-form {
      width: 83.33333%; } }

.footer__newsletter-input {
  font-family: "NeueHaas", sans-serif;
  font-size: 18px;
  font-weight: 300;
  padding: 16px 0;
  display: block;
  border: 0;
  background-color: transparent; }
  .footer__newsletter-input:focus {
    outline: 0;
    margin-right: 100px; }
  .footer__newsletter-input:invalid {
    -webkit-box-shadow: none;
            box-shadow: none; }
  @media (min-width: 550px) {
    .footer__newsletter-input {
      padding: 20px 0;
      width: 100%;
      font-size: 30px; } }

.footer__newsletter-input__submit {
  position: absolute;
  top: 35px;
  right: 0;
  bottom: 10px;
  padding: 9px 0 10px 7px;
  width: 90px;
  border: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  -webkit-appearance: none;
  font-family: "NeueHaas", sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  color: #000;
  background-color: transparent;
  border: 2px solid #000;
  opacity: 0;
  -webkit-transition: background-color .2s ease, color .2s ease;
  transition: background-color .2s ease, color .2s ease;
  pointer-events: none;
  background-image: url("https://cdn.technologyreview.com/_/img/angle-arrow.svg");
  background-size: 11px;
  background-repeat: no-repeat;
  background-position: 70px 5px; }
  .footer__newsletter-input__submit:focus {
    outline: 0; }
  @media (min-width: 550px) {
    .footer__newsletter-input__submit {
      background-position: 96px 9px;
      padding-top: 27px;
      width: 120px;
      font-size: 18px; } }
  .footer__newsletter-input__submit:focus, .footer__newsletter-input__submit:active,
  .footer__newsletter-input:focus + .footer__newsletter-input__submit {
    pointer-events: auto;
    opacity: 1; }
  .footer__newsletter-input__submit:focus, .footer__newsletter-input__submit:active, .footer__newsletter-input__submit:hover {
    background-image: url("https://cdn.technologyreview.com/_/img/angle-arrow--white.svg");
    background-color: #000;
    color: #ffffff; }
  .footer__newsletter-input__submit:disabled {
    opacity: 1;
    color: #666;
    background-color: #000;
    background-image: url("https://cdn.technologyreview.com/_/img/angle-arrow--gray.svg"); }

.footer__newsletter-success {
  padding: 20px 0; }
  @media (min-width: 401px) {
    .footer__newsletter-success {
      font-size: 18px; } }
  @media (min-width: 1024px) {
    .footer__newsletter-success {
      font-size: 30px; } }

.footer__newsletter-form-error {
  display: none;
  color: #f79c31;
  margin-bottom: 10px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  @media (min-width: 550px) {
    .footer__newsletter-form-error {
      margin-left: 25%; } }
  @media (min-width: 1250px) {
    .footer__newsletter-form-error {
      margin-left: 16.66667%; } }

.footer__newsletter-bar-text {
  color: #222;
  font-family: "NeueHaas", sans-serif;
  font-size: 14px;
  font-weight: 400;
  margin-top: 5px;
  border-bottom: solid black 1px;
  display: block;
  padding-bottom: 5px; }

.footer__newsletter-bar-text__download {
  margin-right: 10px; }

.footer__header {
  padding-top: 30px; }
  .footer__header:after {
    content: " ";
    display: table;
    clear: both; }
  @media (min-width: 1024px) {
    .footer__header {
      padding-top: 50px; } }

.footer__icon {
  display: none; }
  @media (min-width: 1250px) {
    .footer__icon {
      display: block;
      float: left;
      width: 16.66667%;
      height: 45px;
      background-size: contain;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-image: url("https://cdn.technologyreview.com/_/img/tr-glyph.svg"); } }

.alert {
  width: 100%;
  padding: 30px 10px 8px;
  font-weight: 700; }

.alert--success {
  color: #7a8f43;
  border: 2px solid #7a8f43; }

.alert--error {
  color: #f79c31;
  border: 1px solid #f79c31; }

.footer__intro {
  margin-bottom: 20px;
  max-width: 580px; }
  @media (min-width: 850px) {
    .footer__intro {
      float: left;
      width: 75%;
      margin-bottom: 0; } }
  @media (min-width: 1250px) {
    .footer__intro {
      width: 60%; } }

.footer__intro__text {
  width: 100%;
  line-height: 1.35;
  font-family: "NeueHaas", sans-serif;
  font-size: 16px;
  font-weight: 400; }
  @media (min-width: 850px) {
    .footer__intro__text {
      font-size: 18px; } }

.footer__international-editions {
  margin-bottom: 20px;
  position: relative;
  display: block; }
  @media (min-width: 850px) {
    .footer__international-editions {
      padding-left: 20px;
      width: 20%;
      float: right;
      margin-bottom: 15px; } }
  @media (min-width: 1250px) {
    .footer__international-editions {
      width: 16.66667%; } }

.footer__international-editions__icon {
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 10px;
  right: 10px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("https://cdn.technologyreview.com/_/img/plus--white.svg"); }
  .footer__international-editions:hover .footer__international-editions__icon {
    background-image: url("https://cdn.technologyreview.com/_/img/plus.svg"); }

.footer__international-editions__text {
  font-family: "NeueHaas", sans-serif;
  font-size: 18px;
  font-weight: 700;
  border: solid #ffffff 1px;
  line-height: 1.25;
  width: 100%;
  padding: 8px 0 8px 11px;
  -webkit-transition: .2s ease;
  transition: .2s ease; }
  @media (min-width: 850px) {
    .footer__international-editions__text {
      padding: 30px 50px 8px 10px;
      float: right; } }
  .footer__international-editions:hover .footer__international-editions__text {
    background-color: #fff;
    color: #000; }

.footer__logo-mod {
  max-width: 450px;
  width: 80%;
  background-repeat: no-repeat;
  display: block;
  margin-bottom: 10px; }
  @media (min-width: 850px) {
    .footer__logo-mod {
      margin-bottom: 20px; } }

.footer__logo {
  width: 100%; }

.footer__subnav {
  list-style: none; }
  @media (min-width: 850px) {
    .footer__subnav {
      display: block;
      margin-top: 50px;
      padding-bottom: 50px;
      margin-left: -20px;
      overflow: hidden; } }
  @media (min-width: 1250px) {
    .footer__subnav {
      padding-left: 16.66667%; } }

.footer__subnav__list-title {
  font-family: "NeueHaas", sans-serif;
  font-size: 16px;
  font-weight: 700; }
  @media (min-width: 850px) {
    .footer__subnav__list-title {
      display: block;
      float: left;
      position: relative;
      width: 20%;
      padding-left: 20px;
      vertical-align: top; } }

.footer__subnav__list-title-span {
  border-bottom: solid #ffffff 1px;
  display: inline-block;
  width: 100%;
  padding: 12px 0 12px 3px;
  position: relative;
  font-size: 17px; }
  @media (max-width: 849px) {
    .footer__subnav__list-title-span {
      cursor: pointer; }
      .footer__subnav__list-title-span:after {
        content: " ";
        display: block;
        position: absolute;
        top: 15px;
        right: 3px;
        bottom: 0;
        width: 12px;
        height: 12px;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-image: url("https://cdn.technologyreview.com/_/img/plus--white.svg");
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease; }
        .js-footer-list-is-visible .footer__subnav__list-title-span:after {
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg); } }
  @media (min-width: 850px) {
    .footer__subnav__list-title-span {
      border-bottom: 1px solid #666;
      display: inline-block;
      width: 100%;
      padding: 8px 0 2px 3px;
      margin-bottom: 2px; } }

.footer__subnav__list {
  display: none;
  padding: 0; }
  .js-footer-list-is-visible .footer__subnav__list {
    display: block; }
  @media (min-width: 850px) {
    .footer__subnav__list {
      padding: 5px 0 0;
      display: block; } }

.footer__subnav__list-item {
  font-family: "NeueHaas", sans-serif;
  font-size: 16px;
  font-weight: 400;
  list-style: none;
  border-top: 1px solid #666; }
  .footer__subnav__list-item:before {
    content: '-  '; }
  .footer__subnav__list-item:first-child {
    border-top: 0; }
  @media (min-width: 850px) {
    .footer__subnav__list-item {
      width: 100%;
      list-style: none;
      margin-bottom: 5px;
      border-top: 0;
      padding: 3px 0;
      margin-left: 3px; }
      .footer__subnav__list-item:before {
        content: ''; } }

.footer__subnav__list-item__link {
  padding: 10px 0 10px 3px;
  display: inline-block; }
  .footer__subnav__list-item__link:hover {
    text-decoration: underline; }
  @media (min-width: 850px) {
    .footer__subnav__list-item__link {
      padding-left: 0;
      display: inline; } }

.footer-copyright {
  font-family: "NeueHaas", sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding-bottom: 20px;
  padding-top: 30px; }
  @media (min-width: 850px) {
    .footer-copyright {
      border-top: 1px solid #666;
      padding-top: 10px;
      font-size: 16px; } }
  @media (min-width: 1250px) {
    .footer-copyright {
      border-top: 0;
      margin-left: 16.66667%; } }

.footer-copyright--main {
  margin-right: 5px; }
  @media (min-width: 550px) {
    .footer-copyright--main {
      margin-right: 20px; } }

/**
 * Icons
 */
.custom-mit {
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%; }

/**
 * Ionicons, v2.0.1
 * http://ionicons.com/
 */
@font-face {
  font-family: "Ionicons";
  src: url("https://cdn.technologyreview.com/_/fonts/ionicons.eot?v=3.0.5");
  src: url("https://cdn.technologyreview.com/_/fonts/ionicons.eot?v=3.0.5#iefix") format("embedded-opentype"), url("https://cdn.technologyreview.com/_/fonts/ionicons.ttf?v=3.0.5") format("truetype"), url("https://cdn.technologyreview.com/_/fonts/ionicons.woff?v=3.0.5") format("woff"), url("https://cdn.technologyreview.com/_/fonts/ionicons.svg?v=3.0.5#Ionicons") format("svg");
  font-weight: 400;
  font-style: normal; }

.ion, .ionicons, .ion-alert:before, .ion-alert-circled:before, .ion-android-add:before, .ion-android-add-circle:before, .ion-android-alarm-clock:before, .ion-android-alert:before, .ion-android-apps:before, .ion-android-archive:before, .ion-android-arrow-back:before, .ion-android-arrow-down:before, .ion-android-arrow-dropdown:before, .ion-android-arrow-dropdown-circle:before, .ion-android-arrow-dropleft:before, .ion-android-arrow-dropleft-circle:before, .ion-android-arrow-dropright:before, .ion-android-arrow-dropright-circle:before, .ion-android-arrow-dropup:before, .ion-android-arrow-dropup-circle:before, .ion-android-arrow-forward:before, .ion-android-arrow-up:before, .ion-android-attach:before, .ion-android-bar:before, .ion-android-bicycle:before, .ion-android-boat:before, .ion-android-bookmark:before, .ion-android-bulb:before, .ion-android-bus:before, .ion-android-calendar:before, .ion-android-call:before, .ion-android-camera:before, .ion-android-cancel:before, .ion-android-car:before, .ion-android-cart:before, .ion-android-chat:before, .ion-android-checkbox:before, .ion-android-checkbox-blank:before, .ion-android-checkbox-outline:before, .ion-android-checkbox-outline-blank:before, .ion-android-checkmark-circle:before, .ion-android-clipboard:before, .ion-android-close:before, .ion-android-cloud:before, .ion-android-cloud-circle:before, .ion-android-cloud-done:before, .ion-android-cloud-outline:before, .ion-android-color-palette:before, .ion-android-compass:before, .ion-android-contact:before, .ion-android-contacts:before, .ion-android-contract:before, .ion-android-create:before, .ion-android-delete:before, .ion-android-desktop:before, .ion-android-document:before, .ion-android-done:before, .ion-android-done-all:before, .ion-android-download:before, .ion-android-drafts:before, .ion-android-exit:before, .ion-android-expand:before, .ion-android-favorite:before, .ion-android-favorite-outline:before, .ion-android-film:before, .ion-android-folder:before, .ion-android-folder-open:before, .ion-android-funnel:before, .ion-android-globe:before, .ion-android-hand:before, .ion-android-hangout:before, .ion-android-happy:before, .ion-android-home:before, .ion-android-image:before, .ion-android-laptop:before, .ion-android-list:before, .ion-android-locate:before, .ion-android-lock:before, .ion-android-mail:before, .ion-android-map:before, .ion-android-menu:before, .ion-android-microphone:before, .ion-android-microphone-off:before, .ion-android-more-horizontal:before, .ion-android-more-vertical:before, .ion-android-navigate:before, .ion-android-notifications:before, .ion-android-notifications-none:before, .ion-android-notifications-off:before, .ion-android-open:before, .ion-android-options:before, .ion-android-people:before, .ion-android-person:before, .ion-android-person-add:before, .ion-android-phone-landscape:before, .ion-android-phone-portrait:before, .ion-android-pin:before, .ion-android-plane:before, .ion-android-playstore:before, .ion-android-print:before, .ion-android-radio-button-off:before, .ion-android-radio-button-on:before, .ion-android-refresh:before, .ion-android-remove:before, .ion-android-remove-circle:before, .ion-android-restaurant:before, .ion-android-sad:before, .ion-android-search:before, .ion-android-send:before, .ion-android-settings:before, .ion-android-share:before, .ion-android-share-alt:before, .ion-android-star:before, .ion-android-star-half:before, .ion-android-star-outline:before, .ion-android-stopwatch:before, .ion-android-subway:before, .ion-android-sunny:before, .ion-android-sync:before, .ion-android-textsms:before, .ion-android-time:before, .ion-android-train:before, .ion-android-unlock:before, .ion-android-upload:before, .ion-android-volume-down:before, .ion-android-volume-mute:before, .ion-android-volume-off:before, .ion-android-volume-up:before, .ion-android-walk:before, .ion-android-warning:before, .ion-android-watch:before, .ion-android-wifi:before, .ion-aperture:before, .ion-archive:before, .ion-arrow-down-a:before, .ion-arrow-down-b:before, .ion-arrow-down-c:before, .ion-arrow-expand:before, .ion-arrow-graph-down-left:before, .ion-arrow-graph-down-right:before, .ion-arrow-graph-up-left:before, .ion-arrow-graph-up-right:before, .ion-arrow-left-a:before, .ion-arrow-left-b:before, .ion-arrow-left-c:before, .ion-arrow-move:before, .ion-arrow-resize:before, .ion-arrow-return-left:before, .ion-arrow-return-right:before, .ion-arrow-right-a:before, .ion-arrow-right-b:before, .ion-arrow-right-c:before, .ion-arrow-shrink:before, .ion-arrow-swap:before, .ion-arrow-up-a:before, .ion-arrow-up-b:before, .ion-arrow-up-c:before, .ion-asterisk:before, .ion-at:before, .ion-backspace:before, .ion-backspace-outline:before, .ion-bag:before, .ion-battery-charging:before, .ion-battery-empty:before, .ion-battery-full:before, .ion-battery-half:before, .ion-battery-low:before, .ion-beaker:before, .ion-beer:before, .ion-bluetooth:before, .ion-bonfire:before, .ion-bookmark:before, .ion-bowtie:before, .ion-briefcase:before, .ion-bug:before, .ion-calculator:before, .ion-calendar:before, .ion-camera:before, .ion-card:before, .ion-cash:before, .ion-chatbox:before, .ion-chatbox-working:before, .ion-chatboxes:before, .ion-chatbubble:before, .ion-chatbubble-working:before, .ion-chatbubbles:before, .ion-checkmark:before, .ion-checkmark-circled:before, .ion-checkmark-round:before, .ion-chevron-down:before, .ion-chevron-left:before, .ion-chevron-right:before, .ion-chevron-up:before, .ion-clipboard:before, .ion-clock:before, .ion-close:before, .ion-close-circled:before, .ion-close-round:before, .ion-closed-captioning:before, .ion-cloud:before, .ion-code:before, .ion-code-download:before, .ion-code-working:before, .ion-coffee:before, .ion-compass:before, .ion-compose:before, .ion-connection-bars:before, .ion-contrast:before, .ion-crop:before, .ion-cube:before, .ion-disc:before, .ion-document:before, .ion-document-text:before, .ion-drag:before, .ion-earth:before, .ion-easel:before, .ion-edit:before, .ion-egg:before, .ion-eject:before, .ion-email:before, .ion-email-unread:before, .ion-erlenmeyer-flask:before, .ion-erlenmeyer-flask-bubbles:before, .ion-eye:before, .ion-eye-disabled:before, .ion-female:before, .ion-filing:before, .ion-film-marker:before, .ion-fireball:before, .ion-flag:before, .ion-flame:before, .ion-flash:before, .ion-flash-off:before, .ion-folder:before, .ion-fork:before, .ion-fork-repo:before, .ion-forward:before, .ion-funnel:before, .ion-gear-a:before, .ion-gear-b:before, .ion-grid:before, .ion-hammer:before, .ion-happy:before, .ion-happy-outline:before, .ion-headphone:before, .ion-heart:before, .ion-heart-broken:before, .ion-help:before, .ion-help-buoy:before, .ion-help-circled:before, .ion-home:before, .ion-icecream:before, .ion-image:before, .ion-images:before, .ion-information:before, .ion-information-circled:before, .ion-ionic:before, .ion-ios-alarm:before, .ion-ios-alarm-outline:before, .ion-ios-albums:before, .ion-ios-albums-outline:before, .ion-ios-americanfootball:before, .ion-ios-americanfootball-outline:before, .ion-ios-analytics:before, .ion-ios-analytics-outline:before, .ion-ios-arrow-back:before, .ion-ios-arrow-down:before, .ion-ios-arrow-forward:before, .ion-ios-arrow-left:before, .ion-ios-arrow-right:before, .ion-ios-arrow-thin-down:before, .ion-ios-arrow-thin-left:before, .ion-ios-arrow-thin-right:before, .ion-ios-arrow-thin-up:before, .ion-ios-arrow-up:before, .ion-ios-at:before, .ion-ios-at-outline:before, .ion-ios-barcode:before, .ion-ios-barcode-outline:before, .ion-ios-baseball:before, .ion-ios-baseball-outline:before, .ion-ios-basketball:before, .ion-ios-basketball-outline:before, .ion-ios-bell:before, .ion-ios-bell-outline:before, .ion-ios-body:before, .ion-ios-body-outline:before, .ion-ios-bolt:before, .ion-ios-bolt-outline:before, .ion-ios-book:before, .ion-ios-book-outline:before, .ion-ios-bookmarks:before, .ion-ios-bookmarks-outline:before, .ion-ios-box:before, .ion-ios-box-outline:before, .ion-ios-briefcase:before, .ion-ios-briefcase-outline:before, .ion-ios-browsers:before, .ion-ios-browsers-outline:before, .ion-ios-calculator:before, .ion-ios-calculator-outline:before, .ion-ios-calendar:before, .ion-ios-calendar-outline:before, .ion-ios-camera:before, .ion-ios-camera-outline:before, .ion-ios-cart:before, .ion-ios-cart-outline:before, .ion-ios-chatboxes:before, .ion-ios-chatboxes-outline:before, .ion-ios-chatbubble:before, .ion-ios-chatbubble-outline:before, .ion-ios-checkmark:before, .ion-ios-checkmark-empty:before, .ion-ios-checkmark-outline:before, .ion-ios-circle-filled:before, .ion-ios-circle-outline:before, .ion-ios-clock:before, .ion-ios-clock-outline:before, .ion-ios-close:before, .ion-ios-close-empty:before, .ion-ios-close-outline:before, .ion-ios-cloud:before, .ion-ios-cloud-download:before, .ion-ios-cloud-download-outline:before, .ion-ios-cloud-outline:before, .ion-ios-cloud-upload:before, .ion-ios-cloud-upload-outline:before, .ion-ios-cloudy:before, .ion-ios-cloudy-night:before, .ion-ios-cloudy-night-outline:before, .ion-ios-cloudy-outline:before, .ion-ios-cog:before, .ion-ios-cog-outline:before, .ion-ios-color-filter:before, .ion-ios-color-filter-outline:before, .ion-ios-color-wand:before, .ion-ios-color-wand-outline:before, .ion-ios-compose:before, .ion-ios-compose-outline:before, .ion-ios-contact:before, .ion-ios-contact-outline:before, .ion-ios-copy:before, .ion-ios-copy-outline:before, .ion-ios-crop:before, .ion-ios-crop-strong:before, .ion-ios-download:before, .ion-ios-download-outline:before, .ion-ios-drag:before, .ion-ios-email:before, .ion-ios-email-outline:before, .ion-ios-eye:before, .ion-ios-eye-outline:before, .ion-ios-fastforward:before, .ion-ios-fastforward-outline:before, .ion-ios-filing:before, .ion-ios-filing-outline:before, .ion-ios-film:before, .ion-ios-film-outline:before, .ion-ios-flag:before, .ion-ios-flag-outline:before, .ion-ios-flame:before, .ion-ios-flame-outline:before, .ion-ios-flask:before, .ion-ios-flask-outline:before, .ion-ios-flower:before, .ion-ios-flower-outline:before, .ion-ios-folder:before, .ion-ios-folder-outline:before, .ion-ios-football:before, .ion-ios-football-outline:before, .ion-ios-game-controller-a:before, .ion-ios-game-controller-a-outline:before, .ion-ios-game-controller-b:before, .ion-ios-game-controller-b-outline:before, .ion-ios-gear:before, .ion-ios-gear-outline:before, .ion-ios-glasses:before, .ion-ios-glasses-outline:before, .ion-ios-grid-view:before, .ion-ios-grid-view-outline:before, .ion-ios-heart:before, .ion-ios-heart-outline:before, .ion-ios-help:before, .ion-ios-help-empty:before, .ion-ios-help-outline:before, .ion-ios-home:before, .ion-ios-home-outline:before, .ion-ios-infinite:before, .ion-ios-infinite-outline:before, .ion-ios-information:before, .ion-ios-information-empty:before, .ion-ios-information-outline:before, .ion-ios-ionic-outline:before, .ion-ios-keypad:before, .ion-ios-keypad-outline:before, .ion-ios-lightbulb:before, .ion-ios-lightbulb-outline:before, .ion-ios-list:before, .ion-ios-list-outline:before, .ion-ios-location:before, .ion-ios-location-outline:before, .ion-ios-locked:before, .ion-ios-locked-outline:before, .ion-ios-loop:before, .ion-ios-loop-strong:before, .ion-ios-medical:before, .ion-ios-medical-outline:before, .ion-ios-medkit:before, .ion-ios-medkit-outline:before, .ion-ios-mic:before, .ion-ios-mic-off:before, .ion-ios-mic-outline:before, .ion-ios-minus:before, .ion-ios-minus-empty:before, .ion-ios-minus-outline:before, .ion-ios-monitor:before, .ion-ios-monitor-outline:before, .ion-ios-moon:before, .ion-ios-moon-outline:before, .ion-ios-more:before, .ion-ios-more-outline:before, .ion-ios-musical-note:before, .ion-ios-musical-notes:before, .ion-ios-navigate:before, .ion-ios-navigate-outline:before, .ion-ios-nutrition:before, .ion-ios-nutrition-outline:before, .ion-ios-paper:before, .ion-ios-paper-outline:before, .ion-ios-paperplane:before, .ion-ios-paperplane-outline:before, .ion-ios-partlysunny:before, .ion-ios-partlysunny-outline:before, .ion-ios-pause:before, .ion-ios-pause-outline:before, .ion-ios-paw:before, .ion-ios-paw-outline:before, .ion-ios-people:before, .ion-ios-people-outline:before, .ion-ios-person:before, .ion-ios-person-outline:before, .ion-ios-personadd:before, .ion-ios-personadd-outline:before, .ion-ios-photos:before, .ion-ios-photos-outline:before, .ion-ios-pie:before, .ion-ios-pie-outline:before, .ion-ios-pint:before, .ion-ios-pint-outline:before, .ion-ios-play:before, .ion-ios-play-outline:before, .ion-ios-plus:before, .ion-ios-plus-empty:before, .ion-ios-plus-outline:before, .ion-ios-pricetag:before, .ion-ios-pricetag-outline:before, .ion-ios-pricetags:before, .ion-ios-pricetags-outline:before, .ion-ios-printer:before, .ion-ios-printer-outline:before, .ion-ios-pulse:before, .ion-ios-pulse-strong:before, .ion-ios-rainy:before, .ion-ios-rainy-outline:before, .ion-ios-recording:before, .ion-ios-recording-outline:before, .ion-ios-redo:before, .ion-ios-redo-outline:before, .ion-ios-refresh:before, .ion-ios-refresh-empty:before, .ion-ios-refresh-outline:before, .ion-ios-reload:before, .ion-ios-reverse-camera:before, .ion-ios-reverse-camera-outline:before, .ion-ios-rewind:before, .ion-ios-rewind-outline:before, .ion-ios-rose:before, .ion-ios-rose-outline:before, .ion-ios-search:before, .ion-ios-search-strong:before, .ion-ios-settings:before, .ion-ios-settings-strong:before, .ion-ios-shuffle:before, .ion-ios-shuffle-strong:before, .ion-ios-skipbackward:before, .ion-ios-skipbackward-outline:before, .ion-ios-skipforward:before, .ion-ios-skipforward-outline:before, .ion-ios-snowy:before, .ion-ios-speedometer:before, .ion-ios-speedometer-outline:before, .ion-ios-star:before, .ion-ios-star-half:before, .ion-ios-star-outline:before, .ion-ios-stopwatch:before, .ion-ios-stopwatch-outline:before, .ion-ios-sunny:before, .ion-ios-sunny-outline:before, .ion-ios-telephone:before, .ion-ios-telephone-outline:before, .ion-ios-tennisball:before, .ion-ios-tennisball-outline:before, .ion-ios-thunderstorm:before, .ion-ios-thunderstorm-outline:before, .ion-ios-time:before, .ion-ios-time-outline:before, .ion-ios-timer:before, .ion-ios-timer-outline:before, .ion-ios-toggle:before, .ion-ios-toggle-outline:before, .ion-ios-trash:before, .ion-ios-trash-outline:before, .ion-ios-undo:before, .ion-ios-undo-outline:before, .ion-ios-unlocked:before, .ion-ios-unlocked-outline:before, .ion-ios-upload:before, .ion-ios-upload-outline:before, .ion-ios-videocam:before, .ion-ios-videocam-outline:before, .ion-ios-volume-high:before, .ion-ios-volume-low:before, .ion-ios-wineglass:before, .ion-ios-wineglass-outline:before, .ion-ios-world:before, .ion-ios-world-outline:before, .ion-ipad:before, .ion-iphone:before, .ion-ipod:before, .ion-jet:before, .ion-key:before, .ion-knife:before, .ion-laptop:before, .ion-leaf:before, .ion-levels:before, .ion-lightbulb:before, .ion-link:before, .ion-load-a:before, .ion-load-b:before, .ion-load-c:before, .ion-load-d:before, .ion-location:before, .ion-lock-combination:before, .ion-locked:before, .ion-log-in:before, .ion-log-out:before, .ion-loop:before, .ion-magnet:before, .ion-male:before, .ion-man:before, .ion-map:before, .ion-medkit:before, .ion-merge:before, .ion-mic-a:before, .ion-mic-b:before, .ion-mic-c:before, .ion-minus:before, .ion-minus-circled:before, .ion-minus-round:before, .ion-model-s:before, .ion-monitor:before, .ion-more:before, .ion-mouse:before, .ion-music-note:before, .ion-navicon:before, .ion-navicon-round:before, .ion-navigate:before, .ion-network:before, .ion-no-smoking:before, .ion-nuclear:before, .ion-outlet:before, .ion-paintbrush:before, .ion-paintbucket:before, .ion-paper-airplane:before, .ion-paperclip:before, .ion-pause:before, .ion-person:before, .ion-person-add:before, .ion-person-stalker:before, .ion-pie-graph:before, .ion-pin:before, .ion-pinpoint:before, .ion-pizza:before, .ion-plane:before, .ion-planet:before, .ion-play:before, .ion-playstation:before, .ion-plus:before, .ion-plus-circled:before, .ion-plus-round:before, .ion-podium:before, .ion-pound:before, .ion-power:before, .ion-pricetag:before, .ion-pricetags:before, .ion-printer:before, .ion-pull-request:before, .ion-qr-scanner:before, .ion-quote:before, .ion-radio-waves:before, .ion-record:before, .ion-refresh:before, .ion-reply:before, .ion-reply-all:before, .ion-ribbon-a:before, .ion-ribbon-b:before, .ion-sad:before, .ion-sad-outline:before, .ion-scissors:before, .ion-search:before, .ion-settings:before, .ion-share:before, .ion-shuffle:before, .ion-skip-backward:before, .ion-skip-forward:before, .ion-social-android:before, .ion-social-android-outline:before, .ion-social-angular:before, .ion-social-angular-outline:before, .ion-social-apple:before, .ion-social-apple-outline:before, .ion-social-bitcoin:before, .ion-social-bitcoin-outline:before, .ion-social-buffer:before, .ion-social-buffer-outline:before, .ion-social-chrome:before, .ion-social-chrome-outline:before, .ion-social-codepen:before, .ion-social-codepen-outline:before, .ion-social-css3:before, .ion-social-css3-outline:before, .ion-social-designernews:before, .ion-social-designernews-outline:before, .ion-social-dribbble:before, .ion-social-dribbble-outline:before, .ion-social-dropbox:before, .ion-social-dropbox-outline:before, .ion-social-euro:before, .ion-social-euro-outline:before, .ion-social-facebook:before, .ion-social-facebook-outline:before, .ion-social-foursquare:before, .ion-social-foursquare-outline:before, .ion-social-freebsd-devil:before, .ion-social-github:before, .ion-social-github-outline:before, .ion-social-google:before, .ion-social-google-outline:before, .ion-social-googleplus:before, .ion-social-googleplus-outline:before, .ion-social-hackernews:before, .ion-social-hackernews-outline:before, .ion-social-html5:before, .ion-social-html5-outline:before, .ion-social-instagram:before, .ion-social-instagram-outline:before, .ion-social-javascript:before, .ion-social-javascript-outline:before, .ion-social-linkedin:before, .ion-social-linkedin-outline:before, .ion-social-markdown:before, .ion-social-nodejs:before, .ion-social-octocat:before, .ion-social-pinterest:before, .ion-social-pinterest-outline:before, .ion-social-python:before, .ion-social-reddit:before, .ion-social-reddit-outline:before, .ion-social-rss:before, .ion-social-rss-outline:before, .ion-social-sass:before, .ion-social-skype:before, .ion-social-skype-outline:before, .ion-social-snapchat:before, .ion-social-snapchat-outline:before, .ion-social-tumblr:before, .ion-social-tumblr-outline:before, .ion-social-tux:before, .ion-social-twitch:before, .ion-social-twitch-outline:before, .ion-social-twitter:before, .ion-social-twitter-outline:before, .ion-social-usd:before, .ion-social-usd-outline:before, .ion-social-vimeo:before, .ion-social-vimeo-outline:before, .ion-social-whatsapp:before, .ion-social-whatsapp-outline:before, .ion-social-windows:before, .ion-social-windows-outline:before, .ion-social-wordpress:before, .ion-social-wordpress-outline:before, .ion-social-yahoo:before, .ion-social-yahoo-outline:before, .ion-social-yen:before, .ion-social-yen-outline:before, .ion-social-youtube:before, .ion-social-youtube-outline:before, .ion-soup-can:before, .ion-soup-can-outline:before, .ion-speakerphone:before, .ion-speedometer:before, .ion-spoon:before, .ion-star:before, .ion-stats-bars:before, .ion-steam:before, .ion-stop:before, .ion-thermometer:before, .ion-thumbsdown:before, .ion-thumbsup:before, .ion-toggle:before, .ion-toggle-filled:before, .ion-transgender:before, .ion-trash-a:before, .ion-trash-b:before, .ion-trophy:before, .ion-tshirt:before, .ion-tshirt-outline:before, .ion-umbrella:before, .ion-university:before, .ion-unlocked:before, .ion-upload:before, .ion-usb:before, .ion-videocamera:before, .ion-volume-high:before, .ion-volume-low:before, .ion-volume-medium:before, .ion-volume-mute:before, .ion-wand:before, .ion-waterdrop:before, .ion-wifi:before, .ion-wineglass:before, .ion-woman:before, .ion-wrench:before, .ion-xbox:before {
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ion-alert:before {
  content: "\f101"; }

.ion-alert-circled:before {
  content: "\f100"; }

.ion-android-add:before {
  content: "\f2c7"; }

.ion-android-add-circle:before {
  content: "\f359"; }

.ion-android-alarm-clock:before {
  content: "\f35a"; }

.ion-android-alert:before {
  content: "\f35b"; }

.ion-android-apps:before {
  content: "\f35c"; }

.ion-android-archive:before {
  content: "\f2c9"; }

.ion-android-arrow-back:before {
  content: "\f2ca"; }

.ion-android-arrow-down:before {
  content: "\f35d"; }

.ion-android-arrow-dropdown:before {
  content: "\f35f"; }

.ion-android-arrow-dropdown-circle:before {
  content: "\f35e"; }

.ion-android-arrow-dropleft:before {
  content: "\f361"; }

.ion-android-arrow-dropleft-circle:before {
  content: "\f360"; }

.ion-android-arrow-dropright:before {
  content: "\f363"; }

.ion-android-arrow-dropright-circle:before {
  content: "\f362"; }

.ion-android-arrow-dropup:before {
  content: "\f365"; }

.ion-android-arrow-dropup-circle:before {
  content: "\f364"; }

.ion-android-arrow-forward:before {
  content: "\f30f"; }

.ion-android-arrow-up:before {
  content: "\f366"; }

.ion-android-attach:before {
  content: "\f367"; }

.ion-android-bar:before {
  content: "\f368"; }

.ion-android-bicycle:before {
  content: "\f369"; }

.ion-android-boat:before {
  content: "\f36a"; }

.ion-android-bookmark:before {
  content: "\f36b"; }

.ion-android-bulb:before {
  content: "\f36c"; }

.ion-android-bus:before {
  content: "\f36d"; }

.ion-android-calendar:before {
  content: "\f2d1"; }

.ion-android-call:before {
  content: "\f2d2"; }

.ion-android-camera:before {
  content: "\f2d3"; }

.ion-android-cancel:before {
  content: "\f36e"; }

.ion-android-car:before {
  content: "\f36f"; }

.ion-android-cart:before {
  content: "\f370"; }

.ion-android-chat:before {
  content: "\f2d4"; }

.ion-android-checkbox:before {
  content: "\f374"; }

.ion-android-checkbox-blank:before {
  content: "\f371"; }

.ion-android-checkbox-outline:before {
  content: "\f373"; }

.ion-android-checkbox-outline-blank:before {
  content: "\f372"; }

.ion-android-checkmark-circle:before {
  content: "\f375"; }

.ion-android-clipboard:before {
  content: "\f376"; }

.ion-android-close:before {
  content: "\f2d7"; }

.ion-android-cloud:before {
  content: "\f37a"; }

.ion-android-cloud-circle:before {
  content: "\f377"; }

.ion-android-cloud-done:before {
  content: "\f378"; }

.ion-android-cloud-outline:before {
  content: "\f379"; }

.ion-android-color-palette:before {
  content: "\f37b"; }

.ion-android-compass:before {
  content: "\f37c"; }

.ion-android-contact:before {
  content: "\f2d8"; }

.ion-android-contacts:before {
  content: "\f2d9"; }

.ion-android-contract:before {
  content: "\f37d"; }

.ion-android-create:before {
  content: "\f37e"; }

.ion-android-delete:before {
  content: "\f37f"; }

.ion-android-desktop:before {
  content: "\f380"; }

.ion-android-document:before {
  content: "\f381"; }

.ion-android-done:before {
  content: "\f383"; }

.ion-android-done-all:before {
  content: "\f382"; }

.ion-android-download:before {
  content: "\f2dd"; }

.ion-android-drafts:before {
  content: "\f384"; }

.ion-android-exit:before {
  content: "\f385"; }

.ion-android-expand:before {
  content: "\f386"; }

.ion-android-favorite:before {
  content: "\f388"; }

.ion-android-favorite-outline:before {
  content: "\f387"; }

.ion-android-film:before {
  content: "\f389"; }

.ion-android-folder:before {
  content: "\f2e0"; }

.ion-android-folder-open:before {
  content: "\f38a"; }

.ion-android-funnel:before {
  content: "\f38b"; }

.ion-android-globe:before {
  content: "\f38c"; }

.ion-android-hand:before {
  content: "\f2e3"; }

.ion-android-hangout:before {
  content: "\f38d"; }

.ion-android-happy:before {
  content: "\f38e"; }

.ion-android-home:before {
  content: "\f38f"; }

.ion-android-image:before {
  content: "\f2e4"; }

.ion-android-laptop:before {
  content: "\f390"; }

.ion-android-list:before {
  content: "\f391"; }

.ion-android-locate:before {
  content: "\f2e9"; }

.ion-android-lock:before {
  content: "\f392"; }

.ion-android-mail:before {
  content: "\f2eb"; }

.ion-android-map:before {
  content: "\f393"; }

.ion-android-menu:before {
  content: "\f394"; }

.ion-android-microphone:before {
  content: "\f2ec"; }

.ion-android-microphone-off:before {
  content: "\f395"; }

.ion-android-more-horizontal:before {
  content: "\f396"; }

.ion-android-more-vertical:before {
  content: "\f397"; }

.ion-android-navigate:before {
  content: "\f398"; }

.ion-android-notifications:before {
  content: "\f39b"; }

.ion-android-notifications-none:before {
  content: "\f399"; }

.ion-android-notifications-off:before {
  content: "\f39a"; }

.ion-android-open:before {
  content: "\f39c"; }

.ion-android-options:before {
  content: "\f39d"; }

.ion-android-people:before {
  content: "\f39e"; }

.ion-android-person:before {
  content: "\f3a0"; }

.ion-android-person-add:before {
  content: "\f39f"; }

.ion-android-phone-landscape:before {
  content: "\f3a1"; }

.ion-android-phone-portrait:before {
  content: "\f3a2"; }

.ion-android-pin:before {
  content: "\f3a3"; }

.ion-android-plane:before {
  content: "\f3a4"; }

.ion-android-playstore:before {
  content: "\f2f0"; }

.ion-android-print:before {
  content: "\f3a5"; }

.ion-android-radio-button-off:before {
  content: "\f3a6"; }

.ion-android-radio-button-on:before {
  content: "\f3a7"; }

.ion-android-refresh:before {
  content: "\f3a8"; }

.ion-android-remove:before {
  content: "\f2f4"; }

.ion-android-remove-circle:before {
  content: "\f3a9"; }

.ion-android-restaurant:before {
  content: "\f3aa"; }

.ion-android-sad:before {
  content: "\f3ab"; }

.ion-android-search:before {
  content: "\f2f5"; }

.ion-android-send:before {
  content: "\f2f6"; }

.ion-android-settings:before {
  content: "\f2f7"; }

.ion-android-share:before {
  content: "\f2f8"; }

.ion-android-share-alt:before {
  content: "\f3ac"; }

.ion-android-star:before {
  content: "\f2fc"; }

.ion-android-star-half:before {
  content: "\f3ad"; }

.ion-android-star-outline:before {
  content: "\f3ae"; }

.ion-android-stopwatch:before {
  content: "\f2fd"; }

.ion-android-subway:before {
  content: "\f3af"; }

.ion-android-sunny:before {
  content: "\f3b0"; }

.ion-android-sync:before {
  content: "\f3b1"; }

.ion-android-textsms:before {
  content: "\f3b2"; }

.ion-android-time:before {
  content: "\f3b3"; }

.ion-android-train:before {
  content: "\f3b4"; }

.ion-android-unlock:before {
  content: "\f3b5"; }

.ion-android-upload:before {
  content: "\f3b6"; }

.ion-android-volume-down:before {
  content: "\f3b7"; }

.ion-android-volume-mute:before {
  content: "\f3b8"; }

.ion-android-volume-off:before {
  content: "\f3b9"; }

.ion-android-volume-up:before {
  content: "\f3ba"; }

.ion-android-walk:before {
  content: "\f3bb"; }

.ion-android-warning:before {
  content: "\f3bc"; }

.ion-android-watch:before {
  content: "\f3bd"; }

.ion-android-wifi:before {
  content: "\f305"; }

.ion-aperture:before {
  content: "\f313"; }

.ion-archive:before {
  content: "\f102"; }

.ion-arrow-down-a:before {
  content: "\f103"; }

.ion-arrow-down-b:before {
  content: "\f104"; }

.ion-arrow-down-c:before {
  content: "\f105"; }

.ion-arrow-expand:before {
  content: "\f25e"; }

.ion-arrow-graph-down-left:before {
  content: "\f25f"; }

.ion-arrow-graph-down-right:before {
  content: "\f260"; }

.ion-arrow-graph-up-left:before {
  content: "\f261"; }

.ion-arrow-graph-up-right:before {
  content: "\f262"; }

.ion-arrow-left-a:before {
  content: "\f106"; }

.ion-arrow-left-b:before {
  content: "\f107"; }

.ion-arrow-left-c:before {
  content: "\f108"; }

.ion-arrow-move:before {
  content: "\f263"; }

.ion-arrow-resize:before {
  content: "\f264"; }

.ion-arrow-return-left:before {
  content: "\f265"; }

.ion-arrow-return-right:before {
  content: "\f266"; }

.ion-arrow-right-a:before {
  content: "\f109"; }

.ion-arrow-right-b:before {
  content: "\f10a"; }

.ion-arrow-right-c:before {
  content: "\f10b"; }

.ion-arrow-shrink:before {
  content: "\f267"; }

.ion-arrow-swap:before {
  content: "\f268"; }

.ion-arrow-up-a:before {
  content: "\f10c"; }

.ion-arrow-up-b:before {
  content: "\f10d"; }

.ion-arrow-up-c:before {
  content: "\f10e"; }

.ion-asterisk:before {
  content: "\f314"; }

.ion-at:before {
  content: "\f10f"; }

.ion-backspace:before {
  content: "\f3bf"; }

.ion-backspace-outline:before {
  content: "\f3be"; }

.ion-bag:before {
  content: "\f110"; }

.ion-battery-charging:before {
  content: "\f111"; }

.ion-battery-empty:before {
  content: "\f112"; }

.ion-battery-full:before {
  content: "\f113"; }

.ion-battery-half:before {
  content: "\f114"; }

.ion-battery-low:before {
  content: "\f115"; }

.ion-beaker:before {
  content: "\f269"; }

.ion-beer:before {
  content: "\f26a"; }

.ion-bluetooth:before {
  content: "\f116"; }

.ion-bonfire:before {
  content: "\f315"; }

.ion-bookmark:before {
  content: "\f26b"; }

.ion-bowtie:before {
  content: "\f3c0"; }

.ion-briefcase:before {
  content: "\f26c"; }

.ion-bug:before {
  content: "\f2be"; }

.ion-calculator:before {
  content: "\f26d"; }

.ion-calendar:before {
  content: "\f117"; }

.ion-camera:before {
  content: "\f118"; }

.ion-card:before {
  content: "\f119"; }

.ion-cash:before {
  content: "\f316"; }

.ion-chatbox:before {
  content: "\f11b"; }

.ion-chatbox-working:before {
  content: "\f11a"; }

.ion-chatboxes:before {
  content: "\f11c"; }

.ion-chatbubble:before {
  content: "\f11e"; }

.ion-chatbubble-working:before {
  content: "\f11d"; }

.ion-chatbubbles:before {
  content: "\f11f"; }

.ion-checkmark:before {
  content: "\f122"; }

.ion-checkmark-circled:before {
  content: "\f120"; }

.ion-checkmark-round:before {
  content: "\f121"; }

.ion-chevron-down:before {
  content: "\f123"; }

.ion-chevron-left:before {
  content: "\f124"; }

.ion-chevron-right:before {
  content: "\f125"; }

.ion-chevron-up:before {
  content: "\f126"; }

.ion-clipboard:before {
  content: "\f127"; }

.ion-clock:before {
  content: "\f26e"; }

.ion-close:before {
  content: "\f12a"; }

.ion-close-circled:before {
  content: "\f128"; }

.ion-close-round:before {
  content: "\f129"; }

.ion-closed-captioning:before {
  content: "\f317"; }

.ion-cloud:before {
  content: "\f12b"; }

.ion-code:before {
  content: "\f271"; }

.ion-code-download:before {
  content: "\f26f"; }

.ion-code-working:before {
  content: "\f270"; }

.ion-coffee:before {
  content: "\f272"; }

.ion-compass:before {
  content: "\f273"; }

.ion-compose:before {
  content: "\f12c"; }

.ion-connection-bars:before {
  content: "\f274"; }

.ion-contrast:before {
  content: "\f275"; }

.ion-crop:before {
  content: "\f3c1"; }

.ion-cube:before {
  content: "\f318"; }

.ion-disc:before {
  content: "\f12d"; }

.ion-document:before {
  content: "\f12f"; }

.ion-document-text:before {
  content: "\f12e"; }

.ion-drag:before {
  content: "\f130"; }

.ion-earth:before {
  content: "\f276"; }

.ion-easel:before {
  content: "\f3c2"; }

.ion-edit:before {
  content: "\f2bf"; }

.ion-egg:before {
  content: "\f277"; }

.ion-eject:before {
  content: "\f131"; }

.ion-email:before {
  content: "\f132"; }

.ion-email-unread:before {
  content: "\f3c3"; }

.ion-erlenmeyer-flask:before {
  content: "\f3c5"; }

.ion-erlenmeyer-flask-bubbles:before {
  content: "\f3c4"; }

.ion-eye:before {
  content: "\f133"; }

.ion-eye-disabled:before {
  content: "\f306"; }

.ion-female:before {
  content: "\f278"; }

.ion-filing:before {
  content: "\f134"; }

.ion-film-marker:before {
  content: "\f135"; }

.ion-fireball:before {
  content: "\f319"; }

.ion-flag:before {
  content: "\f279"; }

.ion-flame:before {
  content: "\f31a"; }

.ion-flash:before {
  content: "\f137"; }

.ion-flash-off:before {
  content: "\f136"; }

.ion-folder:before {
  content: "\f139"; }

.ion-fork:before {
  content: "\f27a"; }

.ion-fork-repo:before {
  content: "\f2c0"; }

.ion-forward:before {
  content: "\f13a"; }

.ion-funnel:before {
  content: "\f31b"; }

.ion-gear-a:before {
  content: "\f13d"; }

.ion-gear-b:before {
  content: "\f13e"; }

.ion-grid:before {
  content: "\f13f"; }

.ion-hammer:before {
  content: "\f27b"; }

.ion-happy:before {
  content: "\f31c"; }

.ion-happy-outline:before {
  content: "\f3c6"; }

.ion-headphone:before {
  content: "\f140"; }

.ion-heart:before {
  content: "\f141"; }

.ion-heart-broken:before {
  content: "\f31d"; }

.ion-help:before {
  content: "\f143"; }

.ion-help-buoy:before {
  content: "\f27c"; }

.ion-help-circled:before {
  content: "\f142"; }

.ion-home:before {
  content: "\f144"; }

.ion-icecream:before {
  content: "\f27d"; }

.ion-image:before {
  content: "\f147"; }

.ion-images:before {
  content: "\f148"; }

.ion-information:before {
  content: "\f14a"; }

.ion-information-circled:before {
  content: "\f149"; }

.ion-ionic:before {
  content: "\f14b"; }

.ion-ios-alarm:before {
  content: "\f3c8"; }

.ion-ios-alarm-outline:before {
  content: "\f3c7"; }

.ion-ios-albums:before {
  content: "\f3ca"; }

.ion-ios-albums-outline:before {
  content: "\f3c9"; }

.ion-ios-americanfootball:before {
  content: "\f3cc"; }

.ion-ios-americanfootball-outline:before {
  content: "\f3cb"; }

.ion-ios-analytics:before {
  content: "\f3ce"; }

.ion-ios-analytics-outline:before {
  content: "\f3cd"; }

.ion-ios-arrow-back:before {
  content: "\f3cf"; }

.ion-ios-arrow-down:before {
  content: "\f3d0"; }

.ion-ios-arrow-forward:before {
  content: "\f3d1"; }

.ion-ios-arrow-left:before {
  content: "\f3d2"; }

.ion-ios-arrow-right:before {
  content: "\f3d3"; }

.ion-ios-arrow-thin-down:before {
  content: "\f3d4"; }

.ion-ios-arrow-thin-left:before {
  content: "\f3d5"; }

.ion-ios-arrow-thin-right:before {
  content: "\f3d6"; }

.ion-ios-arrow-thin-up:before {
  content: "\f3d7"; }

.ion-ios-arrow-up:before {
  content: "\f3d8"; }

.ion-ios-at:before {
  content: "\f3da"; }

.ion-ios-at-outline:before {
  content: "\f3d9"; }

.ion-ios-barcode:before {
  content: "\f3dc"; }

.ion-ios-barcode-outline:before {
  content: "\f3db"; }

.ion-ios-baseball:before {
  content: "\f3de"; }

.ion-ios-baseball-outline:before {
  content: "\f3dd"; }

.ion-ios-basketball:before {
  content: "\f3e0"; }

.ion-ios-basketball-outline:before {
  content: "\f3df"; }

.ion-ios-bell:before {
  content: "\f3e2"; }

.ion-ios-bell-outline:before {
  content: "\f3e1"; }

.ion-ios-body:before {
  content: "\f3e4"; }

.ion-ios-body-outline:before {
  content: "\f3e3"; }

.ion-ios-bolt:before {
  content: "\f3e6"; }

.ion-ios-bolt-outline:before {
  content: "\f3e5"; }

.ion-ios-book:before {
  content: "\f3e8"; }

.ion-ios-book-outline:before {
  content: "\f3e7"; }

.ion-ios-bookmarks:before {
  content: "\f3ea"; }

.ion-ios-bookmarks-outline:before {
  content: "\f3e9"; }

.ion-ios-box:before {
  content: "\f3ec"; }

.ion-ios-box-outline:before {
  content: "\f3eb"; }

.ion-ios-briefcase:before {
  content: "\f3ee"; }

.ion-ios-briefcase-outline:before {
  content: "\f3ed"; }

.ion-ios-browsers:before {
  content: "\f3f0"; }

.ion-ios-browsers-outline:before {
  content: "\f3ef"; }

.ion-ios-calculator:before {
  content: "\f3f2"; }

.ion-ios-calculator-outline:before {
  content: "\f3f1"; }

.ion-ios-calendar:before {
  content: "\f3f4"; }

.ion-ios-calendar-outline:before {
  content: "\f3f3"; }

.ion-ios-camera:before {
  content: "\f3f6"; }

.ion-ios-camera-outline:before {
  content: "\f3f5"; }

.ion-ios-cart:before {
  content: "\f3f8"; }

.ion-ios-cart-outline:before {
  content: "\f3f7"; }

.ion-ios-chatboxes:before {
  content: "\f3fa"; }

.ion-ios-chatboxes-outline:before {
  content: "\f3f9"; }

.ion-ios-chatbubble:before {
  content: "\f3fc"; }

.ion-ios-chatbubble-outline:before {
  content: "\f3fb"; }

.ion-ios-checkmark:before {
  content: "\f3ff"; }

.ion-ios-checkmark-empty:before {
  content: "\f3fd"; }

.ion-ios-checkmark-outline:before {
  content: "\f3fe"; }

.ion-ios-circle-filled:before {
  content: "\f400"; }

.ion-ios-circle-outline:before {
  content: "\f401"; }

.ion-ios-clock:before {
  content: "\f403"; }

.ion-ios-clock-outline:before {
  content: "\f402"; }

.ion-ios-close:before {
  content: "\f406"; }

.ion-ios-close-empty:before {
  content: "\f404"; }

.ion-ios-close-outline:before {
  content: "\f405"; }

.ion-ios-cloud:before {
  content: "\f40c"; }

.ion-ios-cloud-download:before {
  content: "\f408"; }

.ion-ios-cloud-download-outline:before {
  content: "\f407"; }

.ion-ios-cloud-outline:before {
  content: "\f409"; }

.ion-ios-cloud-upload:before {
  content: "\f40b"; }

.ion-ios-cloud-upload-outline:before {
  content: "\f40a"; }

.ion-ios-cloudy:before {
  content: "\f410"; }

.ion-ios-cloudy-night:before {
  content: "\f40e"; }

.ion-ios-cloudy-night-outline:before {
  content: "\f40d"; }

.ion-ios-cloudy-outline:before {
  content: "\f40f"; }

.ion-ios-cog:before {
  content: "\f412"; }

.ion-ios-cog-outline:before {
  content: "\f411"; }

.ion-ios-color-filter:before {
  content: "\f414"; }

.ion-ios-color-filter-outline:before {
  content: "\f413"; }

.ion-ios-color-wand:before {
  content: "\f416"; }

.ion-ios-color-wand-outline:before {
  content: "\f415"; }

.ion-ios-compose:before {
  content: "\f418"; }

.ion-ios-compose-outline:before {
  content: "\f417"; }

.ion-ios-contact:before {
  content: "\f41a"; }

.ion-ios-contact-outline:before {
  content: "\f419"; }

.ion-ios-copy:before {
  content: "\f41c"; }

.ion-ios-copy-outline:before {
  content: "\f41b"; }

.ion-ios-crop:before {
  content: "\f41e"; }

.ion-ios-crop-strong:before {
  content: "\f41d"; }

.ion-ios-download:before {
  content: "\f420"; }

.ion-ios-download-outline:before {
  content: "\f41f"; }

.ion-ios-drag:before {
  content: "\f421"; }

.ion-ios-email:before {
  content: "\f423"; }

.ion-ios-email-outline:before {
  content: "\f422"; }

.ion-ios-eye:before {
  content: "\f425"; }

.ion-ios-eye-outline:before {
  content: "\f424"; }

.ion-ios-fastforward:before {
  content: "\f427"; }

.ion-ios-fastforward-outline:before {
  content: "\f426"; }

.ion-ios-filing:before {
  content: "\f429"; }

.ion-ios-filing-outline:before {
  content: "\f428"; }

.ion-ios-film:before {
  content: "\f42b"; }

.ion-ios-film-outline:before {
  content: "\f42a"; }

.ion-ios-flag:before {
  content: "\f42d"; }

.ion-ios-flag-outline:before {
  content: "\f42c"; }

.ion-ios-flame:before {
  content: "\f42f"; }

.ion-ios-flame-outline:before {
  content: "\f42e"; }

.ion-ios-flask:before {
  content: "\f431"; }

.ion-ios-flask-outline:before {
  content: "\f430"; }

.ion-ios-flower:before {
  content: "\f433"; }

.ion-ios-flower-outline:before {
  content: "\f432"; }

.ion-ios-folder:before {
  content: "\f435"; }

.ion-ios-folder-outline:before {
  content: "\f434"; }

.ion-ios-football:before {
  content: "\f437"; }

.ion-ios-football-outline:before {
  content: "\f436"; }

.ion-ios-game-controller-a:before {
  content: "\f439"; }

.ion-ios-game-controller-a-outline:before {
  content: "\f438"; }

.ion-ios-game-controller-b:before {
  content: "\f43b"; }

.ion-ios-game-controller-b-outline:before {
  content: "\f43a"; }

.ion-ios-gear:before {
  content: "\f43d"; }

.ion-ios-gear-outline:before {
  content: "\f43c"; }

.ion-ios-glasses:before {
  content: "\f43f"; }

.ion-ios-glasses-outline:before {
  content: "\f43e"; }

.ion-ios-grid-view:before {
  content: "\f441"; }

.ion-ios-grid-view-outline:before {
  content: "\f440"; }

.ion-ios-heart:before {
  content: "\f443"; }

.ion-ios-heart-outline:before {
  content: "\f442"; }

.ion-ios-help:before {
  content: "\f446"; }

.ion-ios-help-empty:before {
  content: "\f444"; }

.ion-ios-help-outline:before {
  content: "\f445"; }

.ion-ios-home:before {
  content: "\f448"; }

.ion-ios-home-outline:before {
  content: "\f447"; }

.ion-ios-infinite:before {
  content: "\f44a"; }

.ion-ios-infinite-outline:before {
  content: "\f449"; }

.ion-ios-information:before {
  content: "\f44d"; }

.ion-ios-information-empty:before {
  content: "\f44b"; }

.ion-ios-information-outline:before {
  content: "\f44c"; }

.ion-ios-ionic-outline:before {
  content: "\f44e"; }

.ion-ios-keypad:before {
  content: "\f450"; }

.ion-ios-keypad-outline:before {
  content: "\f44f"; }

.ion-ios-lightbulb:before {
  content: "\f452"; }

.ion-ios-lightbulb-outline:before {
  content: "\f451"; }

.ion-ios-list:before {
  content: "\f454"; }

.ion-ios-list-outline:before {
  content: "\f453"; }

.ion-ios-location:before {
  content: "\f456"; }

.ion-ios-location-outline:before {
  content: "\f455"; }

.ion-ios-locked:before {
  content: "\f458"; }

.ion-ios-locked-outline:before {
  content: "\f457"; }

.ion-ios-loop:before {
  content: "\f45a"; }

.ion-ios-loop-strong:before {
  content: "\f459"; }

.ion-ios-medical:before {
  content: "\f45c"; }

.ion-ios-medical-outline:before {
  content: "\f45b"; }

.ion-ios-medkit:before {
  content: "\f45e"; }

.ion-ios-medkit-outline:before {
  content: "\f45d"; }

.ion-ios-mic:before {
  content: "\f461"; }

.ion-ios-mic-off:before {
  content: "\f45f"; }

.ion-ios-mic-outline:before {
  content: "\f460"; }

.ion-ios-minus:before {
  content: "\f464"; }

.ion-ios-minus-empty:before {
  content: "\f462"; }

.ion-ios-minus-outline:before {
  content: "\f463"; }

.ion-ios-monitor:before {
  content: "\f466"; }

.ion-ios-monitor-outline:before {
  content: "\f465"; }

.ion-ios-moon:before {
  content: "\f468"; }

.ion-ios-moon-outline:before {
  content: "\f467"; }

.ion-ios-more:before {
  content: "\f46a"; }

.ion-ios-more-outline:before {
  content: "\f469"; }

.ion-ios-musical-note:before {
  content: "\f46b"; }

.ion-ios-musical-notes:before {
  content: "\f46c"; }

.ion-ios-navigate:before {
  content: "\f46e"; }

.ion-ios-navigate-outline:before {
  content: "\f46d"; }

.ion-ios-nutrition:before {
  content: "\f470"; }

.ion-ios-nutrition-outline:before {
  content: "\f46f"; }

.ion-ios-paper:before {
  content: "\f472"; }

.ion-ios-paper-outline:before {
  content: "\f471"; }

.ion-ios-paperplane:before {
  content: "\f474"; }

.ion-ios-paperplane-outline:before {
  content: "\f473"; }

.ion-ios-partlysunny:before {
  content: "\f476"; }

.ion-ios-partlysunny-outline:before {
  content: "\f475"; }

.ion-ios-pause:before {
  content: "\f478"; }

.ion-ios-pause-outline:before {
  content: "\f477"; }

.ion-ios-paw:before {
  content: "\f47a"; }

.ion-ios-paw-outline:before {
  content: "\f479"; }

.ion-ios-people:before {
  content: "\f47c"; }

.ion-ios-people-outline:before {
  content: "\f47b"; }

.ion-ios-person:before {
  content: "\f47e"; }

.ion-ios-person-outline:before {
  content: "\f47d"; }

.ion-ios-personadd:before {
  content: "\f480"; }

.ion-ios-personadd-outline:before {
  content: "\f47f"; }

.ion-ios-photos:before {
  content: "\f482"; }

.ion-ios-photos-outline:before {
  content: "\f481"; }

.ion-ios-pie:before {
  content: "\f484"; }

.ion-ios-pie-outline:before {
  content: "\f483"; }

.ion-ios-pint:before {
  content: "\f486"; }

.ion-ios-pint-outline:before {
  content: "\f485"; }

.ion-ios-play:before {
  content: "\f488"; }

.ion-ios-play-outline:before {
  content: "\f487"; }

.ion-ios-plus:before {
  content: "\f48b"; }

.ion-ios-plus-empty:before {
  content: "\f489"; }

.ion-ios-plus-outline:before {
  content: "\f48a"; }

.ion-ios-pricetag:before {
  content: "\f48d"; }

.ion-ios-pricetag-outline:before {
  content: "\f48c"; }

.ion-ios-pricetags:before {
  content: "\f48f"; }

.ion-ios-pricetags-outline:before {
  content: "\f48e"; }

.ion-ios-printer:before {
  content: "\f491"; }

.ion-ios-printer-outline:before {
  content: "\f490"; }

.ion-ios-pulse:before {
  content: "\f493"; }

.ion-ios-pulse-strong:before {
  content: "\f492"; }

.ion-ios-rainy:before {
  content: "\f495"; }

.ion-ios-rainy-outline:before {
  content: "\f494"; }

.ion-ios-recording:before {
  content: "\f497"; }

.ion-ios-recording-outline:before {
  content: "\f496"; }

.ion-ios-redo:before {
  content: "\f499"; }

.ion-ios-redo-outline:before {
  content: "\f498"; }

.ion-ios-refresh:before {
  content: "\f49c"; }

.ion-ios-refresh-empty:before {
  content: "\f49a"; }

.ion-ios-refresh-outline:before {
  content: "\f49b"; }

.ion-ios-reload:before {
  content: "\f49d"; }

.ion-ios-reverse-camera:before {
  content: "\f49f"; }

.ion-ios-reverse-camera-outline:before {
  content: "\f49e"; }

.ion-ios-rewind:before {
  content: "\f4a1"; }

.ion-ios-rewind-outline:before {
  content: "\f4a0"; }

.ion-ios-rose:before {
  content: "\f4a3"; }

.ion-ios-rose-outline:before {
  content: "\f4a2"; }

.ion-ios-search:before {
  content: "\f4a5"; }

.ion-ios-search-strong:before {
  content: "\f4a4"; }

.ion-ios-settings:before {
  content: "\f4a7"; }

.ion-ios-settings-strong:before {
  content: "\f4a6"; }

.ion-ios-shuffle:before {
  content: "\f4a9"; }

.ion-ios-shuffle-strong:before {
  content: "\f4a8"; }

.ion-ios-skipbackward:before {
  content: "\f4ab"; }

.ion-ios-skipbackward-outline:before {
  content: "\f4aa"; }

.ion-ios-skipforward:before {
  content: "\f4ad"; }

.ion-ios-skipforward-outline:before {
  content: "\f4ac"; }

.ion-ios-snowy:before {
  content: "\f4ae"; }

.ion-ios-speedometer:before {
  content: "\f4b0"; }

.ion-ios-speedometer-outline:before {
  content: "\f4af"; }

.ion-ios-star:before {
  content: "\f4b3"; }

.ion-ios-star-half:before {
  content: "\f4b1"; }

.ion-ios-star-outline:before {
  content: "\f4b2"; }

.ion-ios-stopwatch:before {
  content: "\f4b5"; }

.ion-ios-stopwatch-outline:before {
  content: "\f4b4"; }

.ion-ios-sunny:before {
  content: "\f4b7"; }

.ion-ios-sunny-outline:before {
  content: "\f4b6"; }

.ion-ios-telephone:before {
  content: "\f4b9"; }

.ion-ios-telephone-outline:before {
  content: "\f4b8"; }

.ion-ios-tennisball:before {
  content: "\f4bb"; }

.ion-ios-tennisball-outline:before {
  content: "\f4ba"; }

.ion-ios-thunderstorm:before {
  content: "\f4bd"; }

.ion-ios-thunderstorm-outline:before {
  content: "\f4bc"; }

.ion-ios-time:before {
  content: "\f4bf"; }

.ion-ios-time-outline:before {
  content: "\f4be"; }

.ion-ios-timer:before {
  content: "\f4c1"; }

.ion-ios-timer-outline:before {
  content: "\f4c0"; }

.ion-ios-toggle:before {
  content: "\f4c3"; }

.ion-ios-toggle-outline:before {
  content: "\f4c2"; }

.ion-ios-trash:before {
  content: "\f4c5"; }

.ion-ios-trash-outline:before {
  content: "\f4c4"; }

.ion-ios-undo:before {
  content: "\f4c7"; }

.ion-ios-undo-outline:before {
  content: "\f4c6"; }

.ion-ios-unlocked:before {
  content: "\f4c9"; }

.ion-ios-unlocked-outline:before {
  content: "\f4c8"; }

.ion-ios-upload:before {
  content: "\f4cb"; }

.ion-ios-upload-outline:before {
  content: "\f4ca"; }

.ion-ios-videocam:before {
  content: "\f4cd"; }

.ion-ios-videocam-outline:before {
  content: "\f4cc"; }

.ion-ios-volume-high:before {
  content: "\f4ce"; }

.ion-ios-volume-low:before {
  content: "\f4cf"; }

.ion-ios-wineglass:before {
  content: "\f4d1"; }

.ion-ios-wineglass-outline:before {
  content: "\f4d0"; }

.ion-ios-world:before {
  content: "\f4d3"; }

.ion-ios-world-outline:before {
  content: "\f4d2"; }

.ion-ipad:before {
  content: "\f1f9"; }

.ion-iphone:before {
  content: "\f1fa"; }

.ion-ipod:before {
  content: "\f1fb"; }

.ion-jet:before {
  content: "\f295"; }

.ion-key:before {
  content: "\f296"; }

.ion-knife:before {
  content: "\f297"; }

.ion-laptop:before {
  content: "\f1fc"; }

.ion-leaf:before {
  content: "\f1fd"; }

.ion-levels:before {
  content: "\f298"; }

.ion-lightbulb:before {
  content: "\f299"; }

.ion-link:before {
  content: "\f1fe"; }

.ion-load-a:before {
  content: "\f29a"; }

.ion-load-b:before {
  content: "\f29b"; }

.ion-load-c:before {
  content: "\f29c"; }

.ion-load-d:before {
  content: "\f29d"; }

.ion-location:before {
  content: "\f1ff"; }

.ion-lock-combination:before {
  content: "\f4d4"; }

.ion-locked:before {
  content: "\f200"; }

.ion-log-in:before {
  content: "\f29e"; }

.ion-log-out:before {
  content: "\f29f"; }

.ion-loop:before {
  content: "\f201"; }

.ion-magnet:before {
  content: "\f2a0"; }

.ion-male:before {
  content: "\f2a1"; }

.ion-man:before {
  content: "\f202"; }

.ion-map:before {
  content: "\f203"; }

.ion-medkit:before {
  content: "\f2a2"; }

.ion-merge:before {
  content: "\f33f"; }

.ion-mic-a:before {
  content: "\f204"; }

.ion-mic-b:before {
  content: "\f205"; }

.ion-mic-c:before {
  content: "\f206"; }

.ion-minus:before {
  content: "\f209"; }

.ion-minus-circled:before {
  content: "\f207"; }

.ion-minus-round:before {
  content: "\f208"; }

.ion-model-s:before {
  content: "\f2c1"; }

.ion-monitor:before {
  content: "\f20a"; }

.ion-more:before {
  content: "\f20b"; }

.ion-mouse:before {
  content: "\f340"; }

.ion-music-note:before {
  content: "\f20c"; }

.ion-navicon:before {
  content: "\f20e"; }

.ion-navicon-round:before {
  content: "\f20d"; }

.ion-navigate:before {
  content: "\f2a3"; }

.ion-network:before {
  content: "\f341"; }

.ion-no-smoking:before {
  content: "\f2c2"; }

.ion-nuclear:before {
  content: "\f2a4"; }

.ion-outlet:before {
  content: "\f342"; }

.ion-paintbrush:before {
  content: "\f4d5"; }

.ion-paintbucket:before {
  content: "\f4d6"; }

.ion-paper-airplane:before {
  content: "\f2c3"; }

.ion-paperclip:before {
  content: "\f20f"; }

.ion-pause:before {
  content: "\f210"; }

.ion-person:before {
  content: "\f213"; }

.ion-person-add:before {
  content: "\f211"; }

.ion-person-stalker:before {
  content: "\f212"; }

.ion-pie-graph:before {
  content: "\f2a5"; }

.ion-pin:before {
  content: "\f2a6"; }

.ion-pinpoint:before {
  content: "\f2a7"; }

.ion-pizza:before {
  content: "\f2a8"; }

.ion-plane:before {
  content: "\f214"; }

.ion-planet:before {
  content: "\f343"; }

.ion-play:before {
  content: "\f215"; }

.ion-playstation:before {
  content: "\f30a"; }

.ion-plus:before {
  content: "\f218"; }

.ion-plus-circled:before {
  content: "\f216"; }

.ion-plus-round:before {
  content: "\f217"; }

.ion-podium:before {
  content: "\f344"; }

.ion-pound:before {
  content: "\f219"; }

.ion-power:before {
  content: "\f2a9"; }

.ion-pricetag:before {
  content: "\f2aa"; }

.ion-pricetags:before {
  content: "\f2ab"; }

.ion-printer:before {
  content: "\f21a"; }

.ion-pull-request:before {
  content: "\f345"; }

.ion-qr-scanner:before {
  content: "\f346"; }

.ion-quote:before {
  content: "\f347"; }

.ion-radio-waves:before {
  content: "\f2ac"; }

.ion-record:before {
  content: "\f21b"; }

.ion-refresh:before {
  content: "\f21c"; }

.ion-reply:before {
  content: "\f21e"; }

.ion-reply-all:before {
  content: "\f21d"; }

.ion-ribbon-a:before {
  content: "\f348"; }

.ion-ribbon-b:before {
  content: "\f349"; }

.ion-sad:before {
  content: "\f34a"; }

.ion-sad-outline:before {
  content: "\f4d7"; }

.ion-scissors:before {
  content: "\f34b"; }

.ion-search:before {
  content: "\f21f"; }

.ion-settings:before {
  content: "\f2ad"; }

.ion-share:before {
  content: "\f220"; }

.ion-shuffle:before {
  content: "\f221"; }

.ion-skip-backward:before {
  content: "\f222"; }

.ion-skip-forward:before {
  content: "\f223"; }

.ion-social-android:before {
  content: "\f225"; }

.ion-social-android-outline:before {
  content: "\f224"; }

.ion-social-angular:before {
  content: "\f4d9"; }

.ion-social-angular-outline:before {
  content: "\f4d8"; }

.ion-social-apple:before {
  content: "\f227"; }

.ion-social-apple-outline:before {
  content: "\f226"; }

.ion-social-bitcoin:before {
  content: "\f2af"; }

.ion-social-bitcoin-outline:before {
  content: "\f2ae"; }

.ion-social-buffer:before {
  content: "\f229"; }

.ion-social-buffer-outline:before {
  content: "\f228"; }

.ion-social-chrome:before {
  content: "\f4db"; }

.ion-social-chrome-outline:before {
  content: "\f4da"; }

.ion-social-codepen:before {
  content: "\f4dd"; }

.ion-social-codepen-outline:before {
  content: "\f4dc"; }

.ion-social-css3:before {
  content: "\f4df"; }

.ion-social-css3-outline:before {
  content: "\f4de"; }

.ion-social-designernews:before {
  content: "\f22b"; }

.ion-social-designernews-outline:before {
  content: "\f22a"; }

.ion-social-dribbble:before {
  content: "\f22d"; }

.ion-social-dribbble-outline:before {
  content: "\f22c"; }

.ion-social-dropbox:before {
  content: "\f22f"; }

.ion-social-dropbox-outline:before {
  content: "\f22e"; }

.ion-social-euro:before {
  content: "\f4e1"; }

.ion-social-euro-outline:before {
  content: "\f4e0"; }

.ion-social-facebook:before {
  content: "\f231"; }

.ion-social-facebook-outline:before {
  content: "\f230"; }

.ion-social-foursquare:before {
  content: "\f34d"; }

.ion-social-foursquare-outline:before {
  content: "\f34c"; }

.ion-social-freebsd-devil:before {
  content: "\f2c4"; }

.ion-social-github:before {
  content: "\f233"; }

.ion-social-github-outline:before {
  content: "\f232"; }

.ion-social-google:before {
  content: "\f34f"; }

.ion-social-google-outline:before {
  content: "\f34e"; }

.ion-social-googleplus:before {
  content: "\f235"; }

.ion-social-googleplus-outline:before {
  content: "\f234"; }

.ion-social-hackernews:before {
  content: "\f237"; }

.ion-social-hackernews-outline:before {
  content: "\f236"; }

.ion-social-html5:before {
  content: "\f4e3"; }

.ion-social-html5-outline:before {
  content: "\f4e2"; }

.ion-social-instagram:before {
  content: "\f351"; }

.ion-social-instagram-outline:before {
  content: "\f350"; }

.ion-social-javascript:before {
  content: "\f4e5"; }

.ion-social-javascript-outline:before {
  content: "\f4e4"; }

.ion-social-linkedin:before {
  content: "\f239"; }

.ion-social-linkedin-outline:before {
  content: "\f238"; }

.ion-social-markdown:before {
  content: "\f4e6"; }

.ion-social-nodejs:before {
  content: "\f4e7"; }

.ion-social-octocat:before {
  content: "\f4e8"; }

.ion-social-pinterest:before {
  content: "\f2b1"; }

.ion-social-pinterest-outline:before {
  content: "\f2b0"; }

.ion-social-python:before {
  content: "\f4e9"; }

.ion-social-reddit:before {
  content: "\f23b"; }

.ion-social-reddit-outline:before {
  content: "\f23a"; }

.ion-social-rss:before {
  content: "\f23d"; }

.ion-social-rss-outline:before {
  content: "\f23c"; }

.ion-social-sass:before {
  content: "\f4ea"; }

.ion-social-skype:before {
  content: "\f23f"; }

.ion-social-skype-outline:before {
  content: "\f23e"; }

.ion-social-snapchat:before {
  content: "\f4ec"; }

.ion-social-snapchat-outline:before {
  content: "\f4eb"; }

.ion-social-tumblr:before {
  content: "\f241"; }

.ion-social-tumblr-outline:before {
  content: "\f240"; }

.ion-social-tux:before {
  content: "\f2c5"; }

.ion-social-twitch:before {
  content: "\f4ee"; }

.ion-social-twitch-outline:before {
  content: "\f4ed"; }

.ion-social-twitter:before {
  content: "\f243"; }

.ion-social-twitter-outline:before {
  content: "\f242"; }

.ion-social-usd:before {
  content: "\f353"; }

.ion-social-usd-outline:before {
  content: "\f352"; }

.ion-social-vimeo:before {
  content: "\f245"; }

.ion-social-vimeo-outline:before {
  content: "\f244"; }

.ion-social-whatsapp:before {
  content: "\f4f0"; }

.ion-social-whatsapp-outline:before {
  content: "\f4ef"; }

.ion-social-windows:before {
  content: "\f247"; }

.ion-social-windows-outline:before {
  content: "\f246"; }

.ion-social-wordpress:before {
  content: "\f249"; }

.ion-social-wordpress-outline:before {
  content: "\f248"; }

.ion-social-yahoo:before {
  content: "\f24b"; }

.ion-social-yahoo-outline:before {
  content: "\f24a"; }

.ion-social-yen:before {
  content: "\f4f2"; }

.ion-social-yen-outline:before {
  content: "\f4f1"; }

.ion-social-youtube:before {
  content: "\f24d"; }

.ion-social-youtube-outline:before {
  content: "\f24c"; }

.ion-soup-can:before {
  content: "\f4f4"; }

.ion-soup-can-outline:before {
  content: "\f4f3"; }

.ion-speakerphone:before {
  content: "\f2b2"; }

.ion-speedometer:before {
  content: "\f2b3"; }

.ion-spoon:before {
  content: "\f2b4"; }

.ion-star:before {
  content: "\f24e"; }

.ion-stats-bars:before {
  content: "\f2b5"; }

.ion-steam:before {
  content: "\f30b"; }

.ion-stop:before {
  content: "\f24f"; }

.ion-thermometer:before {
  content: "\f2b6"; }

.ion-thumbsdown:before {
  content: "\f250"; }

.ion-thumbsup:before {
  content: "\f251"; }

.ion-toggle:before {
  content: "\f355"; }

.ion-toggle-filled:before {
  content: "\f354"; }

.ion-transgender:before {
  content: "\f4f5"; }

.ion-trash-a:before {
  content: "\f252"; }

.ion-trash-b:before {
  content: "\f253"; }

.ion-trophy:before {
  content: "\f356"; }

.ion-tshirt:before {
  content: "\f4f7"; }

.ion-tshirt-outline:before {
  content: "\f4f6"; }

.ion-umbrella:before {
  content: "\f2b7"; }

.ion-university:before {
  content: "\f357"; }

.ion-unlocked:before {
  content: "\f254"; }

.ion-upload:before {
  content: "\f255"; }

.ion-usb:before {
  content: "\f2b8"; }

.ion-videocamera:before {
  content: "\f256"; }

.ion-volume-high:before {
  content: "\f257"; }

.ion-volume-low:before {
  content: "\f258"; }

.ion-volume-medium:before {
  content: "\f259"; }

.ion-volume-mute:before {
  content: "\f25a"; }

.ion-wand:before {
  content: "\f358"; }

.ion-waterdrop:before {
  content: "\f25b"; }

.ion-wifi:before {
  content: "\f25c"; }

.ion-wineglass:before {
  content: "\f2b9"; }

.ion-woman:before {
  content: "\f25d"; }

.ion-wrench:before {
  content: "\f2ba"; }

.ion-xbox:before {
  content: "\f30c"; }

/**
 * Buttons
 */
.btn {
  background-color: transparent;
  text-align: left;
  border: 2px solid #000;
  padding: 30px 10px 8px;
  font-family: NeueHaas;
  font-size: 18px;
  font-weight: 700;
  -webkit-transition: .2s ease;
  transition: .2s ease;
  width: 100%;
  position: relative;
  outline: none;
  display: block; }
  @media (min-width: 850px) {
    .btn {
      display: inline-block;
      padding: 30px 100px 8px 10px;
      width: auto; } }
  .btn:hover {
    background-color: #000;
    border-color: #000;
    color: #ffffff; }
  .btn:active {
    background-color: transparent;
    background-color: #000;
    color: white; }

.btn--block {
  display: block;
  width: 100%; }

.btn--add:hover {
  background-color: initial;
  border-color: initial;
  color: initial; }

.btn--add:active {
  background-color: initial;
  background-color: initial;
  color: initial; }

.btn--add__icon {
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 10px;
  right: 10px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("https://cdn.technologyreview.com/_/img/plus.svg"); }
  .btn--add:hover .btn--add__icon {
    background-image: url("https://cdn.technologyreview.com/_/img/plus--white.svg"); }
  .btn--add:active .btn--add__icon {
    background-image: url("https://cdn.technologyreview.com/_/img/plus--white.svg"); }

@media (min-width: 850px) {
  .btn--lock {
    width: 175px;
    padding-right: 50px;
    padding-top: 20px; } }

.btn--lock:before {
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  position: absolute;
  top: 9px;
  right: 9px;
  font-size: 16px; }

.btn--primary:before {
  content: '';
  width: 11px;
  height: 11px;
  position: absolute;
  top: 9px;
  right: 9px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("https://cdn.technologyreview.com/_/img/angle-arrow.svg"); }

.btn--primary:hover:before {
  background-image: url("https://cdn.technologyreview.com/_/img/angle-arrow--white.svg"); }

.btn--primary--blackbg:before {
  content: '';
  width: 11px;
  height: 11px;
  position: absolute;
  top: 9px;
  right: 9px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("https://cdn.technologyreview.com/_/img/angle-arrow--white.svg"); }

.btn--primary--blackbg:hover:before {
  background-image: url("https://cdn.technologyreview.com/_/img/angle-arrow.svg"); }

.btn--primary--transparent .btn__icon--angle-arrow {
  display: block; }

.btn--primary--transparent__icon {
  width: 11px;
  height: 11px;
  position: absolute;
  top: 9px;
  right: 9px; }
  .btn--primary--transparent .btn--primary--transparent__icon .btn__icon--angle-arrow polygon {
    fill: currentColor; }
  .btn--primary--transparent:hover .btn--primary--transparent__icon .btn__icon--angle-arrow polygon {
    fill: currentColor; }

.l-promo {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 10px;
  overflow: hidden;
  color: #fff;
  margin-bottom: 20px; }
  @media (min-width: 550px) {
    .l-promo {
      padding: 0 15px; } }
  @media (min-width: 750px) {
    .l-promo {
      padding: 0 30px; } }
  @media (min-width: 550px) {
    .l-promo {
      margin-top: 30px;
      margin-bottom: 30px; } }
  @media (min-width: 1024px) {
    .l-promo {
      margin-top: 50px;
      margin-bottom: 50px; } }

/*------------------------------------------------------------------------------
  CTA
------------------------------------------------------------------------------*/
.promo__cta {
  position: relative;
  display: block;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  margin-top: 45px;
  clear: both; }
  @media (min-width: 550px) {
    .promo__cta {
      clear: none;
      margin-top: 0;
      padding: 30px 30px 7px 9px;
      width: 172px;
      border: 2px solid #fff; }
      .promo__cta:hover {
        background-color: #fff; }
        .pub-promo--darktext .promo__cta:hover {
          background-color: #000; }
      .pub-promo--darktext .promo__cta {
        border-color: #000; } }
  @media (min-width: 850px) {
    .promo__cta {
      margin: 0;
      position: absolute;
      top: 25px;
      right: 25px; } }
  @media (min-width: 1024px) {
    .promo__cta {
      top: 35px;
      right: 35px; } }

.promo__cta--event {
  margin: 45px 15px 15px; }
  @media (min-width: 550px) {
    .promo__cta--event {
      margin: 0 25px 0 20px; } }
  @media (min-width: 850px) {
    .promo__cta--event {
      margin: 0; } }

.promo__cta__text {
  display: inline-block;
  font-family: "NeueHaas", sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.1;
  color: #fff; }
  @media (min-width: 550px) {
    .promo__cta__text {
      font-size: 18px;
      font-weight: 700; }
      .promo__cta:hover .promo__cta__text {
        color: #000; } }
  .pub-promo--darktext .promo__cta__text {
    color: #222; }

@media (min-width: 550px) {
  .promo__cta--pub .promo__cta__text {
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff; }
    .pub-promo--darktext .promo__cta--pub .promo__cta__text {
      -webkit-text-fill-color: #222; }
  .promo__cta--pub .promo__cta__icon {
    background: transparent; }
  .promo__cta--pub .btn__icon--angle-arrow {
    display: block; }
  .pub-promo--darktext .promo__cta--pub polygon {
    fill: #000; }
  .promo__cta--pub:hover .promo__cta__text {
    -webkit-text-fill-color: transparent; }
  .promo__cta--pub:hover .btn__icon--angle-arrow polygon {
    fill: currentColor; }
  .promo__cta--pub:hover .promo__cta__icon {
    background: transparent; } }

@media (min-width: 550px) {
  .promo__cta--pub {
    position: relative;
    top: auto;
    right: auto;
    margin-top: 30px; } }

@media (min-width: 550px) and (max-width: 849px) {
  .promo__cta--pub {
    width: 230px;
    margin-top: 20px; } }

@media (min-width: 850px) {
  .promo__cta--pub {
    margin: 0;
    position: absolute;
    top: 35px;
    right: 35px; } }

.promo__cta__icon {
  display: inline-block;
  width: 25px;
  height: 12px;
  background-image: url("https://cdn.technologyreview.com/_/img/arrow--white.svg");
  background-size: contain;
  margin-left: 3px;
  background-position: center center;
  background-repeat: no-repeat; }
  @media (min-width: 550px) {
    .promo__cta__icon {
      width: 11px;
      height: 11px;
      background-image: url("https://cdn.technologyreview.com/_/img/angle-arrow--white.svg");
      position: absolute;
      top: 22px;
      right: 9px; }
      .promo__cta:hover .promo__cta__icon {
        background-image: url("https://cdn.technologyreview.com/_/img/angle-arrow.svg"); }
        .pub-promo .promo__cta:hover .promo__cta__icon {
          background: transparent; } }
  .pub-promo--darktext .promo__cta__icon {
    background-image: url("https://cdn.technologyreview.com/_/img/arrow.svg"); }
  @media (min-width: 550px) {
    .promo__cta__icon {
      top: 9px; } }

.btn__icon--angle-arrow {
  display: none; }

/*------------------------------------------------------------------------------
  Publication
------------------------------------------------------------------------------*/
.pub-promo {
  overflow: hidden;
  position: relative;
  padding: 15px;
  color: #fff; }
  @media (min-width: 550px) {
    .pub-promo {
      padding: 20px; } }
  @media (min-width: 850px) {
    .pub-promo {
      padding: 25px; } }
  @media (min-width: 1024px) {
    .pub-promo {
      padding: 35px; } }

.pub-promo--darktext {
  color: #222; }

@media (min-width: 550px) {
  .pub-promo__text-mod {
    overflow: hidden; } }

@media (min-width: 850px) {
  .pub-promo__text-mod {
    overflow: auto; } }

@media (min-width: 550px) {
  .pub-promo__hgroup {
    width: 100%; } }

@media (min-width: 850px) {
  .pub-promo__hgroup {
    padding-top: 10px; } }

.pub-promo__hgroup + .pub-promo__contents-mod {
  margin-top: 10px; }
  @media (min-width: 550px) {
    .pub-promo__hgroup + .pub-promo__contents-mod {
      margin-top: 25px; } }
  @media (min-width: 850px) {
    .pub-promo__hgroup + .pub-promo__contents-mod {
      margin-top: 50px; } }

.pub-promo__price {
  font-family: "NeueHaas", sans-serif;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 6px; }
  @media (min-width: 550px) {
    .pub-promo__price {
      margin-bottom: 0;
      float: right;
      font-size: 23px; } }
  @media (min-width: 850px) {
    .pub-promo__price {
      margin-bottom: 7px;
      float: none;
      font-size: 18px; } }
  @media (min-width: 1024px) {
    .pub-promo__price {
      margin-bottom: 0;
      line-height: .85;
      position: absolute;
      bottom: 35px;
      left: 35px;
      font-size: 65px;
      text-rendering: optimizeLegibility;
      font-weight: 300; } }

.pub-promo__date {
  font-family: "NeueHaas", sans-serif;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 6px; }
  @media (min-width: 550px) {
    .pub-promo__date {
      margin-bottom: 0;
      float: right;
      font-size: 23px; } }
  @media (min-width: 850px) {
    .pub-promo__date {
      margin-bottom: 7px;
      float: none;
      font-size: 18px; } }
  @media (min-width: 1024px) {
    .pub-promo__date {
      margin-bottom: 0;
      line-height: .85;
      position: absolute;
      bottom: 35px;
      left: 35px;
      font-size: 65px;
      text-rendering: optimizeLegibility;
      font-weight: 300; } }

@media (min-width: 1024px) {
  .pub-promo__date__year {
    display: block; } }

.pub-promo__overline {
  font-family: "NeueHaas", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 13px; }
  @media (min-width: 550px) {
    .pub-promo__overline {
      font-family: "NeueHaas", sans-serif;
      font-size: 15px;
      font-weight: 600;
      margin-bottom: 20px; } }
  .pub-promo--purchase--magazine .pub-promo__overline {
    margin-bottom: .5rem; }

.pub-promo__title {
  font-family: "NeueHaas", sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1; }
  @media (min-width: 550px) {
    .pub-promo__title {
      font-size: 24px; } }
  @media (min-width: 850px) {
    .pub-promo__title {
      width: 60%; } }
  .pub-promo--business-reports .pub-promo__title {
    font-family: "MillerDisplay", serif;
    font-size: 28px;
    font-weight: 700;
    line-height: .85; }
    @media (min-width: 550px) {
      .pub-promo--business-reports .pub-promo__title {
        font-size: 49px;
        text-rendering: optimizeLegibility; } }
  .pub-promo--purchase--magazine .pub-promo__title {
    line-height: 1.3; }

.pub-promo__subtitle {
  font-family: "NeueHaas", sans-serif;
  font-size: 17px;
  font-weight: 400;
  max-width: 500px;
  margin-top: 10px; }
  @media (min-width: 550px) {
    .pub-promo__subtitle {
      font-size: 19px; } }
  .pub-promo--purchase--magazine .pub-promo__subtitle {
    margin-top: 24px; }

.pub-promo__cover-mod {
  width: 33.33333%;
  float: left;
  margin-bottom: 10px; }
  @media (min-width: 401px) {
    .pub-promo__cover-mod {
      width: 235px;
      margin-bottom: 0; } }
  @media (min-width: 1024px) {
    .pub-promo__cover-mod {
      margin-left: 215px;
      width: 25%; } }

.pub-promo__cover {
  width: 100%;
  -webkit-box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.2); }
  @media (min-width: 550px) {
    .pub-promo__cover {
      -webkit-box-shadow: 20px 20px 30px rgba(0, 0, 0, 0.2);
              box-shadow: 20px 20px 30px rgba(0, 0, 0, 0.2); } }
  @media (min-width: 850px) {
    .pub-promo__cover {
      margin-bottom: -18px; } }
  @media (min-width: 1024px) {
    .pub-promo__cover {
      margin-bottom: -30px; } }

.pub-promo__cover--noshadow {
  -webkit-box-shadow: none;
          box-shadow: none; }

.pub-promo__contents-mod {
  clear: both; }
  @media (min-width: 550px) {
    .pub-promo__contents-mod {
      clear: none;
      overflow: hidden;
      width: 100%; } }

.pub-promo__contents__title {
  font-family: "NeueHaas", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 10px; }
  @media (min-width: 550px) {
    .pub-promo__contents__title {
      font-size: 15px;
      font-weight: 600; } }

.pub-promo__contents__list {
  border-top: 3px solid #fff; }
  .pub-promo--darktext .pub-promo__contents__list {
    border-top-color: #000; }

.pub-promo__contents__item {
  font-family: "NeueHaas", sans-serif;
  font-size: 18px;
  font-weight: 600; }
  @media (max-width: 849px) {
    .pub-promo__contents__item {
      display: none; }
      .pub-promo__contents__item:nth-of-type(1), .pub-promo__contents__item:nth-of-type(2), .pub-promo__contents__item:nth-of-type(3) {
        display: block; } }
  @media (min-width: 850px) {
    .pub-promo__contents__item {
      display: block;
      width: 50%;
      float: left; }
      .pub-promo__contents__item:nth-of-type(2n+3) {
        clear: left; }
      .pub-promo__contents__item:nth-child(odd) {
        padding-right: 10px; }
        .pub-promo__contents__item:nth-child(odd):nth-last-of-type(2) .pub-promo__contents__link {
          border-bottom: 0; }
      .pub-promo__contents__item:nth-child(even) {
        padding-left: 10px; }
      .pub-promo__contents__item:last-of-type .pub-promo__contents__link {
        border-bottom: 0; } }

.pub-promo__contents__link {
  display: block;
  padding: 10px 0;
  border-bottom: 1px solid #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 30px;
  position: relative; }
  .pub-promo__contents__link:after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 26px;
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("https://cdn.technologyreview.com/_/img/arrow--white.svg");
    opacity: 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px); }
    .pub-promo--darktext .pub-promo__contents__link:after {
      background-image: url("https://cdn.technologyreview.com/_/img/arrow.svg"); }
  .pub-promo__contents__link:hover:after {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  .pub-promo--darktext .pub-promo__contents__link {
    border-bottom-color: #000; }

.pub-promo__sponsor {
  margin-top: 30px;
  font-family: "NeueHaas", sans-serif;
  font-size: 14px;
  font-weight: 400;
  position: relative;
  float: right; }

.pub-promo__sponsor__logo {
  width: 125px;
  margin-left: 5px; }

/*------------------------------------------------------------------------------
  Busness Report Premium Account Promo
------------------------------------------------------------------------------*/
.br-promo {
  position: relative;
  width: 100%;
  padding: 10px 0;
  font-size: 20px;
  font-weight: 400;
  color: #ffffff;
  padding: 18px 15px;
  background-color: #85939b;
  margin-bottom: 30px;
  display: block; }
  .br-promo:after {
    content: " ";
    display: table;
    clear: both; }
  .br-promo:hover em:after {
    -webkit-transform: translate(8px);
            transform: translate(8px); }
  .br-promo em {
    font-style: normal;
    font-weight: 700; }
  .br-promo em:after {
    content: ' ';
    display: inline-block;
    width: 30px;
    height: 12px;
    margin-left: 10px;
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("https://cdn.technologyreview.com/_/img/arrow--white.svg");
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease; }
    @media (min-width: 850px) {
      .br-promo em:after {
        width: 60px;
        height: 25px; } }
  @media (min-width: 850px) {
    .br-promo {
      font-size: 42px;
      padding: 25px 25px; } }

.br-promo__box {
  overflow: auto;
  display: none;
  position: relative;
  font-size: 19px;
  width: 245px;
  height: 245px;
  border: 1px solid white; }
  .br-promo__box p {
    font-weight: 600;
    font-size: 20px;
    position: absolute;
    bottom: 10px;
    left: 11px; }
  @media (min-width: 850px) {
    .br-promo__box {
      display: inline-block; } }

.br-promo__tz {
  position: relative;
  margin-left: 25px;
  width: 65%;
  display: inline-block; }
  .br-promo__tz p {
    padding: 5px 0 0 5px; }
  @media (min-width: 850px) {
    .br-promo__tz {
      position: absolute; } }

/*------------------------------------------------------------------------------
  Event
------------------------------------------------------------------------------*/
.event-promo {
  position: relative;
  overflow: hidden;
  background: #000; }
  @media (min-width: 550px) {
    .event-promo {
      padding-bottom: 20px; } }
  @media (min-width: 850px) {
    .event-promo {
      padding-bottom: 0;
      min-height: 290px; } }

.event-promo__color-block {
  overflow: hidden;
  display: block;
  padding: 10px 15px; }
  @media (min-width: 550px) {
    .event-promo__color-block {
      padding: 12px 20px; } }
  @media (min-width: 850px) {
    .event-promo__color-block {
      padding: 20px;
      width: 270px;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0; } }

.event-promo__color-block__hgroup {
  width: 50%;
  float: right;
  text-align: right; }
  @media (min-width: 850px) {
    .event-promo__color-block__hgroup {
      margin-bottom: 50px;
      width: 100%;
      float: none;
      text-align: left; } }

.event-promo__date,
.event-promo__location {
  font-family: "NeueHaas", sans-serif;
  font-size: 16px;
  font-weight: 600; }
  @media (min-width: 850px) {
    .event-promo__date,
    .event-promo__location {
      font-size: 24px; } }

.event-promo__logo-mod {
  max-width: 90px;
  width: 50%;
  float: left;
  margin-top: 8px; }
  @media (min-width: 550px) {
    .event-promo__logo-mod {
      max-width: 100px; } }
  @media (min-width: 850px) {
    .event-promo__logo-mod {
      margin-top: 0;
      max-width: 180px;
      position: absolute;
      bottom: 20px;
      left: 20px;
      float: none; } }

.event-promo__logo {
  width: 100%; }

.event-promo__hgroup {
  padding: 20px 15px 0; }
  @media (min-width: 550px) {
    .event-promo__hgroup {
      padding: 20px; } }
  @media (min-width: 850px) {
    .event-promo__hgroup {
      margin-left: 270px;
      padding: 35px; } }

.event-promo__title {
  font-family: "NeueHaas", sans-serif;
  font-size: 27px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 8px; }
  @media (min-width: 550px) and (max-width: 849px) {
    .event-promo__title {
      font-size: 36px;
      text-rendering: optimizeLegibility; } }
  @media (min-width: 850px) {
    .event-promo__title {
      font-size: 44px;
      text-rendering: optimizeLegibility;
      margin-bottom: 20px;
      padding-right: 190px; } }

@media (min-width: 850px) {
  .event-promo__title--no-cta {
    padding-right: 0; } }

.event-promo__desc {
  font-family: "NeueHaas", sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.4;
  max-width: 750px; }
  @media (min-width: 850px) {
    .event-promo__desc {
      font-size: 20px; } }
  @media (min-width: 1024px) {
    .event-promo__desc {
      max-width: none;
      padding-right: 190px; } }

.event-promo__secondary-ctas {
  padding: 20px 15px 15px 15px; }
  @media (min-width: 550px) {
    .event-promo__secondary-ctas {
      padding: 20px; } }
  @media (min-width: 850px) {
    .event-promo__secondary-ctas {
      margin-left: 270px;
      padding: 5px 35px 35px 35px; } }

.event-promo__secondary-cta {
  padding-bottom: 5px;
  font-weight: 700;
  display: block; }
  .event-promo__secondary-cta:hover:after {
    -webkit-transform: translateX(4px);
            transform: translateX(4px); }
  .event-promo__secondary-cta:after {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: inline-block;
    content: '';
    width: 33px;
    height: 11px;
    background-image: url("https://cdn.technologyreview.com/_/img/arrow--white.svg");
    background-size: 100%;
    margin-left: 5px;
    background-position: center center;
    background-repeat: no-repeat; }
  .event-promo__secondary-cta:last-child {
    padding-bottom: 0; }

/*------------------------------------------------------------------------------
  Conversation
------------------------------------------------------------------------------*/
.conversation-promo {
  background-color: #000;
  color: #fff;
  position: relative;
  padding: 0 15px 15px; }
  @media (min-width: 550px) {
    .conversation-promo {
      padding: 0 20px 20px; } }
  @media (min-width: 850px) {
    .conversation-promo {
      display: -webkit-box;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: horizontal;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: start;
      -ms-flex-align: start;
      -moz-align-items: flex-start;
      align-items: flex-start;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -moz-align-items: center;
      align-items: center;
      min-height: 290px; } }

.conversation-promo__logo-block {
  display: none; }
  @media (min-width: 850px) {
    .conversation-promo__logo-block {
      width: 25%;
      margin-left: 13px;
      padding: 30px 30px;
      display: block;
      float: left; } }

.conversation-promo__logo {
  width: 100%; }

.conversation-promo__overline {
  font-family: "NeueHaas", sans-serif;
  font-size: 18px;
  font-weight: 600;
  padding: 13px 0 11px;
  margin-bottom: 20px;
  border-bottom: 1px solid #fff; }
  @media (min-width: 850px) {
    .conversation-promo__overline {
      display: none; } }

.conversations-promo__overline__link {
  display: block; }
  @media (min-width: 850px) {
    .conversations-promo__overline__link {
      display: none; } }

@media (min-width: 850px) {
  .conversation-promo__hgroup {
    width: 75%;
    padding: 35px 30px 35px 22px; } }

@media (min-width: 1024px) {
  .conversation-promo__hgroup {
    padding: 35px 60px 35px 22px; } }

.conversation-promo__title {
  font-family: "NeueHaas", sans-serif;
  font-size: 27px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 20px; }
  @media (min-width: 550px) and (max-width: 849px) {
    .conversation-promo__title {
      font-size: 36px;
      text-rendering: optimizeLegibility; } }
  @media (min-width: 850px) {
    .conversation-promo__title {
      font-size: 42px;
      text-rendering: optimizeLegibility;
      margin-bottom: 20px; } }

.conversation-promo__dek {
  max-width: 750px;
  margin-bottom: 24px;
  font-family: "NeueHaas", sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.23; }
  @media (min-width: 401px) {
    .conversation-promo__dek {
      margin-bottom: 32px; } }
  @media (min-width: 850px) {
    .conversation-promo__dek {
      margin-bottom: 40px;
      font-size: 22px; } }
  @media (min-width: 1024px) {
    .conversation-promo__dek {
      max-width: none;
      margin-bottom: 54px; } }

.conversation-promo__link {
  font-weight: bold; }

.conversation-promo__cta {
  font-weight: 700;
  display: inline-block; }
  .conversation-promo__cta:hover:after {
    -webkit-transform: translateX(4px);
            transform: translateX(4px); }
  .conversation-promo__cta:after {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: inline-block;
    content: '';
    width: 33px;
    height: 11px;
    background-image: url("https://cdn.technologyreview.com/_/img/arrow--white.svg");
    background-size: 100%;
    margin-left: 5px;
    background-position: center center;
    background-repeat: no-repeat; }

.article-promo {
  background-color: #000;
  color: #fff;
  position: relative;
  padding: 0 15px 15px; }
  @media (min-width: 550px) {
    .article-promo {
      padding: 0 20px 20px; } }
  @media (min-width: 850px) {
    .article-promo {
      padding: 25px;
      min-height: 290px;
      padding: 0; } }

.article-promo__subtopic-mod {
  display: block; }
  @media (min-width: 850px) {
    .article-promo__subtopic-mod {
      position: absolute;
      top: 25px;
      bottom: 25px;
      left: 25px;
      border: 1px solid #fff;
      padding: 15px;
      width: 245px; } }

.article-promo__subtopic {
  font-family: "NeueHaas", sans-serif;
  font-size: 18px;
  font-weight: 600;
  padding: 13px 0 11px;
  margin-bottom: 20px;
  border-bottom: 1px solid #fff; }
  @media (min-width: 850px) {
    .article-promo__subtopic {
      font-family: "NeueHaas", sans-serif;
      font-size: 21px;
      font-weight: 600;
      position: absolute;
      bottom: 11px;
      border-bottom: 0;
      margin-bottom: 0;
      padding: 0; } }

@media (min-width: 850px) {
  .article-promo__hgroup {
    margin-left: 265px;
    padding: 35px; } }

.article-promo__title {
  font-family: "NeueHaas", sans-serif;
  font-size: 27px;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 11px; }
  @media (min-width: 550px) and (max-width: 849px) {
    .article-promo__title {
      font-size: 36px;
      text-rendering: optimizeLegibility; } }
  @media (min-width: 850px) {
    .article-promo__title {
      font-size: 44px;
      text-rendering: optimizeLegibility;
      margin-bottom: 20px; } }

.article-promo__subtitle {
  font-family: "NeueHaas", sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 40px;
  max-width: 750px; }
  @media (min-width: 850px) {
    .article-promo__subtitle {
      font-size: 19px;
      margin-bottom: 20px; } }

.article-promo__byline {
  font-family: "NeueHaas", sans-serif;
  font-size: 17px;
  font-weight: 400; }
  @media (min-width: 850px) {
    .article-promo__byline {
      font-size: 18px; } }

.article-promo__byline-link:hover {
  text-decoration: underline; }

.article-promo__byline-link-arrow {
  font-weight: bold; }
  .article-promo__byline-link-arrow:after {
    display: inline-block;
    content: '';
    width: 24px;
    height: 10px;
    background-image: url("https://cdn.technologyreview.com/_/img/arrow--white.svg");
    background-size: 100%;
    margin-left: 8px;
    background-position: center center;
    background-repeat: no-repeat; }

.article-promo--br {
  background: #E4EFF9;
  color: #000; }
  @media (min-width: 850px) {
    .article-promo--br .article-promo__subtopic-mod {
      border-color: #000; } }
  .article-promo--br .article-promo__subtopic {
    border-bottom: 1px solid #000; }
    @media (min-width: 850px) {
      .article-promo--br .article-promo__subtopic {
        border-bottom: 0; } }
  .article-promo--br .article-promo__title {
    font-family: "MillerDisplay", serif;
    font-size: 28px;
    font-weight: 700; }
    @media (min-width: 550px) {
      .article-promo--br .article-promo__title {
        font-size: 32px;
        text-rendering: optimizeLegibility; } }
    @media (min-width: 850px) {
      .article-promo--br .article-promo__title {
        font-size: 38px;
        text-rendering: optimizeLegibility; } }
    @media (min-width: 1024px) {
      .article-promo--br .article-promo__title {
        font-size: 46px;
        text-rendering: optimizeLegibility; } }

.channel-promo {
  background-color: #000;
  color: #fff;
  position: relative;
  padding: 0 15px 15px; }
  @media (min-width: 550px) {
    .channel-promo {
      padding: 0 20px 20px; } }
  @media (min-width: 850px) {
    .channel-promo {
      padding: 25px;
      min-height: 290px; } }

.channel-promo__label {
  display: block;
  padding: 10px 0; }
  @media (min-width: 850px) {
    .channel-promo__label {
      position: absolute;
      top: 25px;
      bottom: 25px;
      left: 25px;
      border: 1px solid #fff;
      padding: 15px;
      width: 245px; } }

.channel-promo__label {
  font-family: "NeueHaas", sans-serif;
  font-size: 24px;
  font-weight: 300; }

.channel-promo__label__channel-name {
  font-weight: 600; }
  @media (min-width: 850px) {
    .channel-promo__label__channel-name {
      display: inline-block;
      width: 100%; } }

@media (min-width: 850px) {
  .l-channel-promo__inner {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 296px; } }

.channel-promo__themes__list {
  border-top: 3px solid #fff;
  overflow: hidden;
  position: relative; }
  @media (min-width: 850px) {
    .channel-promo__themes__list {
      width: 100%;
      position: absolute;
      bottom: 0; } }

.channel-promo__themes__item {
  font-family: "NeueHaas", sans-serif;
  font-size: 18px;
  font-weight: 300; }
  @media (min-width: 850px) {
    .channel-promo__themes__item {
      display: block;
      width: 33.33%;
      float: left; }
      .channel-promo__themes__item:nth-of-type(3n+1) {
        clear: left;
        padding-right: 10px; }
      .channel-promo__themes__item:nth-of-type(3n+2) {
        padding: 0 10px; }
      .channel-promo__themes__item:nth-of-type(3n) {
        padding-left: 10px; }
      .channel-promo__themes__item:nth-last-of-type(3) .channel-promo__themes__link,
      .channel-promo__themes__item:nth-last-of-type(2) .channel-promo__themes__link,
      .channel-promo__themes__item:nth-last-of-type(1) .channel-promo__themes__link {
        border-bottom: 0; } }

.channel-promo__themes__link {
  display: block;
  padding: 15px 0;
  border-bottom: 1px solid #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 30px;
  position: relative; }
  .channel-promo__themes__link:after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 26px;
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("https://cdn.technologyreview.com/_/img/arrow--white.svg");
    opacity: 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px); }
  .channel-promo__themes__link:hover:after {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); }

.br-archive-promo {
  overflow: hidden;
  position: relative;
  padding: 15px;
  color: #fff;
  background-color: #B2C2CB; }
  @media (min-width: 550px) {
    .br-archive-promo {
      padding: 20px; } }
  @media (min-width: 850px) {
    .br-archive-promo {
      padding: 25px; } }
  @media (min-width: 1024px) {
    .br-archive-promo {
      padding: 35px 210px; } }
  @media (min-width: 550px) {
    .br-archive-promo .promo__cta .promo__cta__icon {
      background: transparent;
      color: #B2C2CB; }
      .br-archive-promo .promo__cta .promo__cta__icon .btn__icon--angle-arrow {
        display: block; }
    .br-archive-promo .promo__cta:hover .promo__cta__text {
      color: #B2C2CB; }
    .br-archive-promo .promo__cta:hover .btn__icon--angle-arrow polygon {
      fill: currentColor; } }
  @media (min-width: 550px) and (max-width: 849px) {
    .br-archive-promo .promo__cta {
      margin-top: 20px; } }
  @media (min-width: 1024px) {
    .br-archive-promo .promo__cta {
      top: 35px;
      right: 210px;
      margin-top: 0; } }

.br-archive-promo__overline {
  font-family: "NeueHaas", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 13px; }
  @media (min-width: 550px) {
    .br-archive-promo__overline {
      font-family: "NeueHaas", sans-serif;
      font-size: 15px;
      font-weight: 600;
      margin-bottom: 20px; } }

.br-archive-promo__title {
  font-family: "MillerDisplay", serif;
  font-size: 28px;
  font-weight: 700;
  line-height: .85; }
  @media (min-width: 550px) {
    .br-archive-promo__title {
      font-size: 49px;
      text-rendering: optimizeLegibility; } }
  @media (min-width: 850px) {
    .br-archive-promo__title {
      width: 60%; } }

.br-archive-promo__subtitle {
  font-family: "NeueHaas", sans-serif;
  font-size: 17px;
  font-weight: 400;
  max-width: 500px;
  margin-top: 24px; }
  @media (min-width: 550px) {
    .br-archive-promo__subtitle {
      font-size: 19px; } }

.br-archive-promo__list {
  margin-top: 20px;
  border-top: 3px solid #fff; }

.br-archive-promo__list__item {
  font-family: "NeueHaas", sans-serif;
  font-size: 18px;
  font-weight: 600; }
  @media (max-width: 849px) {
    .br-archive-promo__list__item {
      display: none; }
      .br-archive-promo__list__item:nth-of-type(1), .br-archive-promo__list__item:nth-of-type(2), .br-archive-promo__list__item:nth-of-type(3) {
        display: block; } }
  @media (min-width: 850px) {
    .br-archive-promo__list__item {
      display: block;
      width: 50%;
      float: left; }
      .br-archive-promo__list__item:nth-of-type(2n+3) {
        clear: left; }
      .br-archive-promo__list__item:nth-child(odd) {
        padding-right: 10px; }
        .br-archive-promo__list__item:nth-child(odd):nth-last-of-type(2) .br-archive-promo__list__item__link {
          border-bottom: 0; }
      .br-archive-promo__list__item:nth-child(even) {
        padding-left: 10px; }
      .br-archive-promo__list__item:last-of-type .br-archive-promo__list__item__link {
        border-bottom: 0; } }

.br-archive-promo__list__item__link {
  display: block;
  padding: 10px 0;
  border-bottom: 1px solid #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 30px;
  position: relative; }
  .br-archive-promo__list__item__link:after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 26px;
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("https://cdn.technologyreview.com/_/img/arrow--white.svg");
    opacity: 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px); }
  .br-archive-promo__list__item__link:hover:after {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); }

.list-promo {
  padding: 20px 15px 15px;
  color: #000; }
  .list-promo:after {
    content: " ";
    display: table;
    clear: both; }
  @media (min-width: 550px) {
    .list-promo {
      padding: 25px 20px 20px; } }
  @media (min-width: 850px) {
    .list-promo {
      padding: 40px 30px 30px; } }

.list-promo__logo {
  display: none; }
  @media (min-width: 850px) {
    .list-promo__logo {
      display: inline;
      width: 280px;
      height: auto;
      float: left; } }

@media (min-width: 850px) {
  .list-promo__hgroup {
    margin-left: 370px; } }

.list-promo__title {
  font-family: "NeueHaas", sans-serif;
  font-size: 27px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 11px; }
  @media (min-width: 550px) and (max-width: 849px) {
    .list-promo__title {
      font-size: 36px;
      text-rendering: optimizeLegibility; } }
  @media (min-width: 850px) {
    .list-promo__title {
      font-size: 44px;
      text-rendering: optimizeLegibility;
      margin-bottom: 20px; } }

.list-promo__subtitle {
  font-family: "NeueHaas", sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 40px;
  max-width: 750px; }
  @media (min-width: 850px) {
    .list-promo__subtitle {
      font-size: 23px;
      margin-bottom: 45px; } }

.list-promo__cta {
  font-weight: bold; }
  .list-promo__cta:hover:after {
    -webkit-transform: translateX(4px);
            transform: translateX(4px); }
  .list-promo__cta:after {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: inline-block;
    content: '';
    width: 33px;
    height: 11px;
    background-image: url("https://cdn.technologyreview.com/_/img/arrow.svg");
    background-size: 100%;
    margin-left: 5px;
    background-position: center center;
    background-repeat: no-repeat; }

@media (min-width: 750px) {
  .l-list-promo__sponsor-container {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center; } }

@media (min-width: 850px) {
  .l-list-promo__sponsor-container {
    display: block; } }

@media (min-width: 1024px) {
  .l-list-promo__sponsor-container {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center; } }

.list-promo__sponsor {
  margin-top: 20px; }
  @media (min-width: 750px) {
    .list-promo__sponsor {
      margin-top: 0; } }
  @media (min-width: 850px) {
    .list-promo__sponsor {
      margin-top: 30px; } }
  @media (min-width: 1024px) {
    .list-promo__sponsor {
      margin-top: 0; } }

/*------------------------------------------------------------------------------
  Insider Subs
------------------------------------------------------------------------------*/
.insider-subs-promo {
  position: relative;
  overflow: hidden;
  background: #000; }
  @media (min-width: 550px) {
    .insider-subs-promo {
      padding-bottom: 20px; } }
  @media (min-width: 850px) {
    .insider-subs-promo {
      padding-bottom: 0;
      min-height: 290px; } }

.insider-subs-promo__color-block {
  overflow: hidden;
  display: block;
  padding: 10px 15px; }
  @media (min-width: 550px) {
    .insider-subs-promo__color-block {
      padding: 12px 20px; } }
  @media (min-width: 850px) {
    .insider-subs-promo__color-block {
      padding: 20px;
      width: 270px;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0; } }

.insider-subs-promo__color-block__top-group {
  max-width: 90px;
  width: 50%;
  float: left;
  margin-top: 8px; }
  @media (min-width: 550px) {
    .insider-subs-promo__color-block__top-group {
      max-width: 100px; } }
  @media (min-width: 850px) {
    .insider-subs-promo__color-block__top-group {
      margin-top: 0;
      max-width: 180px;
      position: absolute;
      top: 20px;
      left: 20px;
      float: none; } }

.insider-subs-promo__color-block__bottom-group {
  display: none; }
  @media (min-width: 850px) {
    .insider-subs-promo__color-block__bottom-group {
      width: calc(100% - 40px);
      display: block;
      position: absolute;
      bottom: 20px;
      left: 20px; }
      .insider-subs-promo__color-block__bottom-group:after {
        content: " ";
        display: table;
        clear: both; } }

.insider-subs-promo__logo {
  width: 100%; }

.insider-subs-promo__icon {
  width: 46%;
  border: 1px solid #fff;
  float: left; }

.insider-subs-promo__icon--wrapped {
  width: 46%;
  padding: 1px;
  background-color: #ffffff;
  float: right; }

.insider-subs-promo__hgroup {
  padding: 20px 15px 0; }
  @media (min-width: 550px) {
    .insider-subs-promo__hgroup {
      padding: 20px; } }
  @media (min-width: 850px) {
    .insider-subs-promo__hgroup {
      margin-left: 270px;
      padding: 35px; } }

.insider-subs-promo__title {
  font-family: "NeueHaas", sans-serif;
  font-size: 27px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 8px; }
  @media (min-width: 550px) and (max-width: 849px) {
    .insider-subs-promo__title {
      font-size: 36px;
      text-rendering: optimizeLegibility; } }
  @media (min-width: 850px) {
    .insider-subs-promo__title {
      font-size: 44px;
      text-rendering: optimizeLegibility;
      margin-bottom: 20px;
      padding-right: 190px; } }

@media (min-width: 850px) {
  .insider-subs-promo__title--no-cta {
    padding-right: 0; } }

.insider-subs-promo__desc {
  font-family: "NeueHaas", sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.4;
  max-width: 750px; }
  @media (min-width: 850px) {
    .insider-subs-promo__desc {
      font-size: 20px; } }
  @media (min-width: 1024px) {
    .insider-subs-promo__desc {
      max-width: none;
      padding-right: 190px; } }

.insider-subs-promo__secondary-ctas {
  padding: 20px 15px 15px 15px; }
  @media (min-width: 550px) {
    .insider-subs-promo__secondary-ctas {
      padding: 20px; } }
  @media (min-width: 850px) {
    .insider-subs-promo__secondary-ctas {
      margin-left: 270px;
      padding: 5px 35px 35px 35px; } }

.insider-subs-promo__secondary-cta {
  padding-bottom: 5px;
  font-weight: 700;
  display: block; }
  .insider-subs-promo__secondary-cta:hover:after {
    -webkit-transform: translateX(4px);
            transform: translateX(4px); }
  .insider-subs-promo__secondary-cta:after {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: inline-block;
    content: '';
    width: 33px;
    height: 11px;
    background-image: url("https://cdn.technologyreview.com/_/img/arrow.svg");
    background-size: 100%;
    margin-left: 5px;
    background-position: center center;
    background-repeat: no-repeat; }
  .insider-subs-promo__secondary-cta:last-child {
    padding-bottom: 0; }

/*------------------------------------------------------------------------------
  Premium Features
------------------------------------------------------------------------------*/
.premium-features-promo {
  position: relative;
  overflow: hidden;
  background: #000; }
  @media (min-width: 550px) {
    .premium-features-promo {
      padding-bottom: 20px; } }
  @media (min-width: 850px) {
    .premium-features-promo {
      padding-bottom: 0;
      min-height: 290px; } }

.premium-features-promo__color-block {
  overflow: hidden;
  display: block;
  padding: 10px 15px; }
  @media (min-width: 550px) {
    .premium-features-promo__color-block {
      padding: 12px 20px; } }
  @media (min-width: 850px) {
    .premium-features-promo__color-block {
      padding: 20px;
      width: 270px;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0; } }

.premium-features-promo__logo {
  max-width: 90px;
  width: 50%;
  float: left;
  margin-top: 8px; }
  @media (min-width: 550px) {
    .premium-features-promo__logo {
      max-width: 100px; } }
  @media (min-width: 850px) {
    .premium-features-promo__logo {
      display: none; } }

.premium-features-promo__icon {
  display: none; }
  @media (min-width: 850px) {
    .premium-features-promo__icon {
      width: 100%;
      background-color: #ffffff;
      display: block; } }

.premium-features-promo__hgroup {
  padding: 20px 15px 0; }
  @media (min-width: 550px) {
    .premium-features-promo__hgroup {
      padding: 20px; } }
  @media (min-width: 850px) {
    .premium-features-promo__hgroup {
      margin-left: 270px;
      padding: 35px; } }

.premium-features-promo__title {
  font-family: "NeueHaas", sans-serif;
  font-size: 27px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 8px; }
  @media (min-width: 550px) and (max-width: 849px) {
    .premium-features-promo__title {
      font-size: 36px;
      text-rendering: optimizeLegibility; } }
  @media (min-width: 850px) {
    .premium-features-promo__title {
      font-size: 44px;
      text-rendering: optimizeLegibility;
      margin-bottom: 20px;
      padding-right: 190px; } }

@media (min-width: 850px) {
  .premium-features-promo__title--no-cta {
    padding-right: 0; } }

.premium-features-promo__desc {
  font-family: "NeueHaas", sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.4;
  max-width: 750px; }
  @media (min-width: 850px) {
    .premium-features-promo__desc {
      font-size: 20px; } }
  @media (min-width: 1024px) {
    .premium-features-promo__desc {
      max-width: none;
      padding-right: 190px; } }

.premium-features-promo__secondary-ctas {
  padding: 20px 15px 15px 15px; }
  @media (min-width: 550px) {
    .premium-features-promo__secondary-ctas {
      padding: 20px; } }
  @media (min-width: 850px) {
    .premium-features-promo__secondary-ctas {
      margin-left: 270px;
      padding: 5px 35px 35px 35px; } }

.premium-features-promo__secondary-cta {
  padding-bottom: 5px;
  font-weight: 700;
  display: block; }
  .premium-features-promo__secondary-cta:hover:after {
    -webkit-transform: translateX(4px);
            transform: translateX(4px); }
  .premium-features-promo__secondary-cta:after {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: inline-block;
    content: '';
    width: 33px;
    height: 11px;
    background-image: url("https://cdn.technologyreview.com/_/img/arrow.svg");
    background-size: 100%;
    margin-left: 5px;
    background-position: center center;
    background-repeat: no-repeat; }
  .premium-features-promo__secondary-cta:last-child {
    padding-bottom: 0; }

/**
 * Slideshow Widget Styles
 *
 * Extends Swiper CSS
 */
.article-img-full-gallery-wrapper {
  position: relative; }
  .article-img-full-gallery-wrapper .article-cap {
    max-width: none;
    width: auto; }
  .article-img-full-gallery-wrapper .l-article-img {
    margin-bottom: 0; }
  .article-img-full-gallery-wrapper .l-article-img picture {
    display: block; }
  .article-img-full-gallery-wrapper .l-article-img img,
  .article-img-full-gallery-wrapper .l-article-img source {
    display: block; }

.gallery-swiper-button {
  border: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  -webkit-appearance: none;
  background-color: transparent;
  -webkit-transition: opacity 100ms linear, background-color 100ms linear;
  transition: opacity 100ms linear, background-color 100ms linear;
  opacity: 1.0;
  padding: 0px;
  position: absolute;
  z-index: 500; }
  .gallery-swiper-button:focus {
    outline: 0; }
  .gallery-swiper-button:hover {
    opacity: 0.6; }
  @media (min-width: 850px) {
    .gallery-swiper-button {
      width: 80px;
      background-size: 20px; } }

.gallery-swiper-button-next {
  width: 0;
  height: 0;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 25px solid black;
  margin-left: 9px !important;
  left: 117px; }
  @media (max-width: 550px) {
    .gallery-swiper-button-next {
      margin-left: 0px;
      left: calc(50% + 38px); } }

.gallery-swiper-button-prev {
  width: 0;
  height: 0;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-right: 25px solid black;
  left: 0px; }
  @media (max-width: 550px) {
    .gallery-swiper-button-prev {
      left: calc(50% - 78px); } }

.swiper-pagination-fraction {
  font-family: "NeueHaas", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 38px;
  text-align: center; }

.swiper-pagination-current {
  font-family: "NeueHaas", sans-serif;
  font-size: 15px;
  font-weight: 700;
  padding-right: 2px; }

.swiper-pagination-total {
  font-family: "NeueHaas", sans-serif;
  font-size: 15px;
  font-weight: 700;
  padding-left: 2px; }

.enlarge-gallery-swiper-button-next {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 18px solid black;
  margin-left: 6px !important;
  border-right: 0px;
  background-color: transparent; }

.enlarge-gallery-swiper-button-prev {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 18px solid black;
  border-left: 0px;
  background-color: transparent; }

.enlarge-swiper-pagination-fraction {
  font-family: "NeueHaas", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 38px;
  text-align: center; }

.adunit {
  visibility: hidden; }

.ad--large {
  width: 100%;
  overflow: hidden;
  margin: 20px 0;
  background: #eee; }
  @media (min-width: 550px) {
    .ad--large {
      margin: 30px 0;
      min-height: 90px; } }
  @media (min-width: 850px) {
    .ad--large {
      margin: 60px 0;
      padding: 20px 0; } }
  .article + .ad--large {
    margin-top: 0; }
  .ad--large iframe, .ad--large img {
    margin: 0 auto;
    display: block; }
  .ad--large > div[style*=width] {
    margin: 0 auto !important;
    display: block !important; }
  .ad--large.ad--full {
    padding: 0; }
  .ad--large.ad--full img {
    width: 100%; }
  .ad--large .l-promo {
    margin: 0 auto; }
  .list-companies .ad--large {
    background-color: transparent;
    padding: 0; }

.article-footer__ad {
  max-width: 600px; }
  @media (min-width: 850px) {
    .article-footer__ad {
      position: relative;
      float: right;
      margin-top: -20px;
      margin-left: 0;
      margin-right: 0; } }

.ad--right-rail {
  display: none;
  float: right;
  margin: 0 auto 30px;
  width: 300px;
  height: 270px; }
  @media (min-width: 850px) {
    .ad--right-rail {
      display: inline-block; } }

.ad--square-rectangle {
  margin: 0 auto 30px;
  width: 300px; }
  @media (min-width: 850px) {
    .ad--square-rectangle {
      float: right;
      clear: right;
      margin-right: 20px; } }

.ad--square-only {
  margin: 0 0 30px;
  width: 300px; }

@media (min-width: 850px) {
  .ad--article-body {
    display: none; } }

.ad--removed {
  height: 5px;
  padding: 0;
  min-height: 0; }

.ad--leaderboard {
  z-index: 0;
  text-align: center;
  width: 100%;
  min-height: 50px;
  margin: 0;
  background: #eee;
  position: relative;
  overflow: hidden; }
  @media (min-width: 321px) {
    .ad--leaderboard {
      padding: 20px; } }
  @media (min-width: 375px) {
    .ad--leaderboard {
      min-height: 90px; } }
  @media (min-width: 786px) {
    .ad--leaderboard {
      min-height: 130px; } }
  .article + .ad--leaderboard {
    margin-top: 0; }
  .ad--leaderboard iframe, .ad--leaderboard img {
    margin: 0 auto;
    display: block; }
  .ad--leaderboard > div[style*=width] {
    margin: 0 auto !important;
    display: block !important; }
  .ad--leaderboard + #header {
    background-color: white; }
    @media (min-width: 850px) {
      .ad--leaderboard + #header {
        padding-top: 30px; } }

.ad--hp-top-leaderboard {
  text-align: center; }
  @media (min-width: 850px) {
    .ad--hp-top-leaderboard {
      min-height: 290px; } }

.ad--bottom-leaderboard {
  margin-top: 20px;
  padding: 0; }
  @media (min-width: 550px) {
    .ad--bottom-leaderboard {
      margin-top: 30px;
      padding: 20px 0; } }

.ad--tr50-leaderboard {
  margin-top: 0;
  margin-bottom: 0;
  background-color: #eee;
  padding-top: 20px;
  padding-bottom: 20px; }
  @media (min-width: 550px) {
    .ad--tr50-leaderboard {
      padding-top: 30px;
      padding-bottom: 30px; } }

[data-adunit="__site/__square-rectangle"]:before,
[data-adunit="__site/__square-only"]:before,
[data-adunit="__site/__right-rail"]:before {
  content: "Advertisement";
  display: block;
  line-height: normal;
  padding-bottom: 5px;
  color: #999;
  color: rgba(150, 150, 150, 0.8);
  font-size: 13px !important;
  font-weight: bold !important;
  text-align: center; }
  .article-body__content [data-adunit="__site/__square-rectangle"]:before, .article-body__content
  [data-adunit="__site/__square-only"]:before, .article-body__content
  [data-adunit="__site/__right-rail"]:before {
    zoom: 80%; }

body.in-business-report .ad--top-leaderboard, body.in-business-report .ad--large, body.business-report .ad--top-leaderboard, body.business-report .ad--large {
  background-color: #f1f6fc; }

.ad_feed--topic-list {
  margin: 60px auto 0;
  max-width: 300px;
  display: block; }
  @media (min-width: 550px) {
    .ad_feed--topic-list {
      display: block; } }
  @media (min-width: 1024px) {
    .ad_feed--topic-list {
      margin: 60px -300px 0 0;
      display: inline;
      float: left;
      clear: left; } }

.ad_feed--other {
  width: 300px; }
  @media (min-width: 550px) {
    .ad_feed--other {
      margin: 0 auto;
      display: block; } }
  @media (min-width: 1024px) {
    .ad_feed--other {
      float: right;
      margin-top: 30px;
      margin-left: -300px; } }

/*
 * Slider Ad
 */
.l-adunit {
  position: fixed;
  z-index: 10;
  visibility: visible;
  right: 0;
  bottom: 70px;
  height: 187px; }
  @media (min-width: 750px) {
    .l-adunit {
      right: 20px;
      bottom: 95px; } }

#slider-close {
  visibility: hidden;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  z-index: 1000;
  background-color: black;
  padding: 10px; }
  #slider-close .slider-close-icon {
    position: relative;
    width: 100%;
    height: 100%;
    background-image: url("https://cdn.technologyreview.com/_/img/x-small--white.svg"); }

.l-adunit [data-adunit="__site/__slider"] {
  max-width: 100%; }

.l-adunit [data-adunit="__site/__slider"][data-active="true"],
.l-adunit [data-adunit="__site/__slider"][data-active="true"] + #slider-close {
  -webkit-transform: translateX(500px);
          transform: translateX(500px);
  opacity: 0; }

.l-adunit [data-adunit="__site/__slider"][data-loaded="true"] {
  visibility: visible;
  -webkit-animation: slidein 0.4s ease;
          animation: slidein 0.4s ease;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  opacity: 1; }
  @media (min-width: 850px) {
    .l-adunit [data-adunit="__site/__slider"][data-loaded="true"] {
      bottom: 10px;
      right: 10px;
      width: 320px;
      height: 187px; } }

.l-adunit [data-adunit="__site/__slider"][data-loaded="true"] + #slider-close {
  visibility: visible;
  -webkit-animation: slidein 0.4s ease;
          animation: slidein 0.4s ease;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  opacity: 1; }

@-webkit-keyframes slidein {
  0% {
    opacity: 0;
    -webkit-transform: translateX(300px);
            transform: translateX(300px); }
  80% {
    opacity: .3; }
  60%, 80%, 100% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px); }
  70%, 90% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@keyframes slidein {
  0% {
    opacity: 0;
    -webkit-transform: translateX(300px);
            transform: translateX(300px); }
  80% {
    opacity: .3; }
  60%, 80%, 100% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px); }
  70%, 90% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

/**
 * Fullpage Interstitial
 */
html.noscroll {
  height: auto;
  overflow: hidden; }
  html.noscroll body {
    overflow: hidden;
    min-height: 100%; }

#fullpage-interstitial-overlay {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 11; }

#fullpage-interstitial-container {
  position: relative; }

#fullpage-interstitial-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  cursor: pointer;
  z-index: 11;
  background-color: black;
  padding: 10px; }
  #fullpage-interstitial-close .icon {
    position: relative;
    width: 100%;
    height: 100%;
    background-image: url("https://cdn.technologyreview.com/_/img/x-small--white.svg"); }

/**
 * 	Sponsored content list.
 */
.article-sponsored-content-list {
  max-width: 600px;
  margin-bottom: 15px; }
  @media (min-width: 0) and (max-width: 849px) {
    .article-sponsored-content-list {
      max-width: 1240px;
      margin: 0 auto;
      padding: 0 10px;
      margin-top: 30px; } }
  @media (min-width: 0) and (max-width: 849px) and (min-width: 550px) {
    .article-sponsored-content-list {
      padding: 0 15px; } }
  @media (min-width: 0) and (max-width: 849px) and (min-width: 750px) {
    .article-sponsored-content-list {
      padding: 0 30px; } }
  @media (min-width: 850px) {
    .article-sponsored-content-list {
      position: relative;
      float: right; } }

@media (min-width: 850px) {
  .article-sponsored-content-list__wrapper {
    position: absolute;
    width: 300px;
    bottom: 180px;
    right: 0;
    visibility: hidden; } }

.article-sponsored-content-list__title {
  padding: 0 5px;
  font-size: 12px;
  font-weight: 600px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-weight: bold; }

.article-sponsored-content-list__list {
  border-top: 4px solid #000; }
  @media (min-width: 850px) {
    .article-sponsored-content-list__list {
      border-bottom: 1px solid #000; } }

.article-sponsored-content-list__item__sponsor {
  font-size: 12px;
  font-weight: 300;
  padding-bottom: 10px; }

.article-sponsored-content-list__item__link {
  display: block;
  padding: 12px 5px;
  -webkit-transition: background-color 0.25s;
  transition: background-color 0.25s; }
  .article-sponsored-content-list__item__link:hover {
    background-color: #eee; }

.article-sponsored-content-list__item__sponsor__name {
  font-weight: 600; }

.article-sponsored-content-list__item__hed {
  font-size: 16px;
  font-weight: 600; }

/**
 * CTAs & Sponsorships
 */
.cta--article {
  display: inline-block;
  padding-top: 20px;
  margin-top: 20px;
  width: 100%; }
  @media (min-width: 550px) {
    .cta--article {
      background-color: white;
      width: 200px; } }
  .in-business-report .cta--article {
    background-color: #E4EFF9; }
    @media (min-width: 550px) {
      .in-business-report .cta--article {
        margin-top: 0;
        float: right; } }
  .in-business-report .l-article-topper--horizontal .article-topper__header-wrap .cta--article {
    width: 100%;
    padding: 20px 0 0 0; }
    @media (min-width: 1024px) {
      .in-business-report .l-article-topper--horizontal .article-topper__header-wrap .cta--article {
        width: 50%;
        padding: 30px 0; } }
  .article-topper__header-wrap .cta--article {
    border-top: 1px solid #000; }
  @media (min-width: 550px) {
    .in-business-report .cta--article {
      border-top: none;
      padding-top: 0; } }
  .article-topper__hgroup .cta--article {
    margin-top: 25px;
    border-top: 1px solid #000; }

.cta--topper {
  margin: 20px 0 0; }
  @media (min-width: 1024px) {
    .cta--topper {
      margin: 30px 0;
      width: 50%; } }

.sponsor .sponsor__leadin {
  padding-right: 70px;
  font-family: "NeueHaas", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.45em;
  margin-bottom: 10px; }
  @media (min-width: 550px) {
    .sponsor .sponsor__leadin {
      margin-bottom: 15px; } }
  .sponsor .sponsor__leadin:first-of-type::first-line {
    font-family: "NeueHaas", sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: normal; }

.sponsor .sponsor__logo {
  display: inline-block;
  margin-bottom: 20px; }
  .sponsor .sponsor__logo img {
    display: block;
    max-height: 65px; }

.rm .sponsor {
  border-top: none; }

.sponsor-companies .sponsor__leadin {
  padding-right: 70px;
  font-family: "NeueHaas", sans-serif;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 6px; }

.sponsor-companies .sponsor__logo {
  display: inline-block;
  margin-bottom: 20px; }
  .sponsor-companies .sponsor__logo:hover {
    background: none; }
  .sponsor-companies .sponsor__logo img {
    display: block;
    max-height: 55px;
    max-width: 160px; }

.dropdown-nav__item {
  float: left;
  padding: 6px 10px 5px;
  margin: 0 5px;
  cursor: pointer;
  line-height: normal;
  overflow: hidden;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  cursor: pointer; }
  .dropdown-nav__item.js-dropdown-nav-item-is-open, .dropdown-nav__item:hover {
    background-color: black;
    color: white; }

.dropdown-nav__item--account .dropdown-nav__dropdown {
  margin-top: 9px; }

.dropdown-nav__item--account .dropdown-nav__dropdown__list {
  padding-top: 5px; }

.dropdown-nav__label {
  font-size: 15px;
  display: block;
  line-height: normal; }

.dropdown-nav__dropdown {
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-transform: translate3d(0, 0, 0);
  width: 220px;
  position: absolute;
  margin: 5px 0 0 -10px;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  max-height: 0;
  overflow: hidden; }
  .js-dropdown-nav-item-is-open .dropdown-nav__dropdown,
  .dropdown-nav__item:hover .dropdown-nav__dropdown {
    opacity: 1;
    max-height: 1000px;
    border: 2px solid #000; }

.dropdown-nav__dropdown__list {
  padding: 12px 10px 1px;
  background-color: #000; }

/*------------------------------------------------------------------------------
	Globals
------------------------------------------------------------------------------*/
html {
  height: 100%;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

body {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -moz-font-feature-settings: "liga" on;
  font-family: "NeueHaas", sans-serif; }

.visibility--desktop-x1 {
  display: none; }
  @media (min-width: 1250px) {
    .visibility--desktop-x1 {
      display: inline-block; } }

.visibility--not-desktop-x1 {
  display: none; }
  @media (min-width: 0) and (max-width: 1249px) {
    .visibility--not-desktop-x1 {
      display: inline-block; } }

.visibility--desktop {
  display: none; }
  @media (min-width: 1024px) {
    .visibility--desktop {
      display: inline-block; } }

.visibility--not-desktop {
  display: none; }
  @media (min-width: 0) and (max-width: 1023px) {
    .visibility--not-desktop {
      display: inline-block; } }

.visibility--tablet {
  display: none; }
  @media (min-width: 850px) {
    .visibility--tablet {
      display: inline-block; } }

.visibility--not-tablet {
  display: none; }
  @media (min-width: 0) and (max-width: 849px) {
    .visibility--not-tablet {
      display: inline-block; } }

.visibility--breakpoint-nav {
  display: none; }
  @media (min-width: 750px) {
    .visibility--breakpoint-nav {
      display: inline-block; } }

.visibility--not-breakpoint-nav {
  display: none; }
  @media (min-width: 0) and (max-width: 749px) {
    .visibility--not-breakpoint-nav {
      display: inline-block; } }

.visibility--phablet {
  display: none; }
  @media (min-width: 550px) {
    .visibility--phablet {
      display: inline-block; } }

.visibility--not-phablet {
  display: none; }
  @media (min-width: 0) and (max-width: 549px) {
    .visibility--not-phablet {
      display: inline-block; } }

.visibility--phone {
  display: none; }
  @media (min-width: 401px) {
    .visibility--phone {
      display: inline-block; } }

.visibility--not-phone {
  display: none; }
  @media (min-width: 0) and (max-width: 400px) {
    .visibility--not-phone {
      display: inline-block; } }

/*------------------------------------------------------------------------------
  Header
------------------------------------------------------------------------------*/
#header {
  position: relative;
  z-index: 4; }

/*------------------------------------------------------------------------------
  CMS Toolbox
------------------------------------------------------------------------------*/
.cms-toolbox {
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 4; }

.cms-toolbox__link {
  display: inline-block;
  line-height: 19px;
  outline: none;
  cursor: pointer;
  padding: 5px 8px 5px 10px;
  line-height: normal;
  background-color: #F90E1E;
  color: white;
  font-weight: bold;
  font-size: 13px;
  border-radius: 3px; }

.cms-toolbox__link:hover,
.cms-toolbox__link:active {
  background-color: black; }

.cms-toolbox__link + .cms-toolbox__link {
  margin-left: 10px; }

.cms-toolbox__icon {
  margin-left: 5px;
  font-size: 1.1em; }

/*------------------------------------------------------------------------------
	Data binding
------------------------------------------------------------------------------*/
[data-onload="fadein"] {
  opacity: 0;
  -webkit-transition: all 150ms ease-out-in;
  transition: all 150ms ease-out-in; }
  body.window-load [data-onload="fadein"] {
    opacity: 1; }

[data-onload="hidden"] {
  display: none; }
  body.window-load [data-onload="hidden"] {
    display: inherit; }

.container {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 10px; }
  @media (min-width: 550px) {
    .container {
      padding: 0 15px; } }
  @media (min-width: 750px) {
    .container {
      padding: 0 30px; } }

/*------------------------------------------------------------------------------
  Truncated Strings
------------------------------------------------------------------------------*/
.truncate__trigger a {
  margin-left: 5px;
  font-weight: bold; }
  .truncate__trigger a:hover {
    text-decoration: underline; }

.truncate__trigger--active {
  display: none; }

.truncate__extended {
  opacity: 0;
  display: none;
  -webkit-transition: all opacity ease;
  transition: all opacity ease; }

.truncate__extended--active {
  display: inline;
  opacity: 1; }

/*------------------------------------------------------------------------------
	Content area
------------------------------------------------------------------------------*/
.site-content {
  margin-top: 20px;
  position: relative;
  display: block;
  z-index: 2; }

section.content-head {
  position: relative; }
  section.content-head > .container {
    position: relative;
    z-index: 2; }

.article-body__content:after,
.content-body:after {
  content: " ";
  display: table;
  clear: both; }

.article-body__content .breadcrumb,
.content-body .breadcrumb {
  font-family: "NeueHaas", sans-serif;
  font-size: 14px;
  font-weight: 700; }

.article-body__content a,
.content-body a {
  color: #F90E1E; }
  .article-body__content a:hover,
  .content-body a:hover {
    background-image: linear-gradient(to top, transparent, transparent 2px, #F90E1E 2px, #F90E1E 3px, transparent 3px);
    text-shadow: -1px 1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }

.article-body__content p,
.content-body p {
  font-family: "MillerText", serif;
  font-size: 19px;
  line-height: 1.63;
  margin-bottom: 25px; }

.page-h1 {
  border-top: 4px solid #000;
  border-bottom: 1px solid #000;
  font-family: "NeueHaas";
  font-size: 40px;
  text-rendering: optimizeLegibility;
  font-weight: 900;
  margin-bottom: 20px;
  padding: 10px 0;
  line-height: normal; }
  @media (min-width: 550px) {
    .page-h1 {
      padding-top: 20px;
      margin-bottom: 30px; } }
  @media (min-width: 800px) {
    .page-h1 {
      padding-bottom: 50px;
      font-size: 50px;
      text-rendering: optimizeLegibility; } }

.section-h1-mod {
  border-top: 1px solid #000;
  margin-bottom: 20px;
  margin-right: 8.33333%; }
  * + .section-h1-mod {
    margin-top: 45px; }

.section-h1 {
  border-bottom: 2px solid #000;
  font-family: "NeueHaas", sans-serif;
  font-size: 36px;
  text-rendering: optimizeLegibility;
  font-weight: 300;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 25px; }
  * + .section-h1 {
    margin-top: 45px; }
  @media (min-width: 850px) {
    .section-h1 {
      font-size: 52px;
      text-rendering: optimizeLegibility;
      margin-bottom: 45px; }
      * + .section-h1 {
        margin-top: 65px; } }

.section-h2 {
  font-family: "NeueHaas", sans-serif;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 15px; }
  * + .section-h2 {
    margin-top: 45px; }
  @media (min-width: 850px) {
    .section-h2 {
      font-size: 36px;
      text-rendering: optimizeLegibility; } }

.section-h3 {
  font-family: "NeueHaas", sans-serif;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px; }
  * + .section-h3 {
    margin-top: 45px; }
  @media (min-width: 850px) {
    .section-h3 {
      font-size: 24px; } }

.section-h4 {
  font-family: "NeueHaas", sans-serif;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 15px;
  text-transform: uppercase;
  letter-spacing: 1px; }
  * + .section-h4 {
    margin-top: 45px; }

.section-h5 {
  font-family: "NeueHaas", sans-serif;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 15px; }
  * + .section-h5 {
    margin-top: 45px; }

.section-h4--underline {
  border-top: 1px solid black;
  padding-top: 5px; }

body,
select,
input,
textarea {
  color: #222; }

a {
  text-decoration: none;
  color: inherit; }
  a:focus {
    outline: 0; }

input:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset !important; }

body.in-business-report input:-webkit-autofill,
body.in-business-report select:-webkit-autofill,
body.in-business-report textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #E4EFF9 inset !important; }

.brightcove-video-container {
  width: 100%; }

.brightcove-video {
  position: relative;
  height: 0;
  padding-bottom: 56.25%; }

.BrightcoveExperience {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/*------------------------------------------------------------------------------
	Intake Forms
------------------------------------------------------------------------------*/
.feedback {
  margin: 0 0 20px; }
  .feedback p {
    margin: 0;
    background: #eee;
    padding: 10px 15px; }
    .feedback p + p {
      margin-top: 5px; }
    .feedback p.success {
      background-color: green;
      color: white; }
    .feedback p.error {
      background-color: red;
      color: white; }

/*------------------------------------------------------------------------------
	Globals
------------------------------------------------------------------------------*/
.article {
  background-color: white; }

/*------------------------------------------------------------------------------
	Entry Login (for meter)
------------------------------------------------------------------------------*/
.entry-login .login-form__tabs {
  display: none; }

/*------------------------------------------------------------------------------
	Body
------------------------------------------------------------------------------*/
.article-body {
  overflow: inherit;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 10px;
  margin-top: 6px;
  position: relative; }
  .article-body:after {
    content: " ";
    display: table;
    clear: both; }
  @media (min-width: 550px) {
    .article-body {
      padding: 0 15px; } }
  @media (min-width: 750px) {
    .article-body {
      padding: 0 30px; } }

[data-entry-parent] > .article:last-child .ad--large {
  margin-bottom: 0; }

.article-body__content {
  margin-bottom: 20px; }
  .article-body__content:after {
    content: " ";
    display: table;
    clear: both; }
  @media (min-width: 550px) {
    .article-body__content {
      margin-bottom: 30px; } }
  @media (min-width: 1024px) {
    .article-body__content {
      margin-left: 100px; } }
  .article-body__content > h2, .article-body__content > h3, .article-body__content > h4, .article-body__content > h5, .article-body__content > h6, .article-body__content > p, .article-body__content > ul, .article-body__content > ol, .article-body__content > blockquote,
  .article-body__content .section-h1,
  .article-body__content .section-h2,
  .article-body__content .section-h3,
  .article-body__content .section-h4,
  .article-body__content .section-h5,
  .article-body__content .text-col {
    max-width: 600px; }
    @media (min-width: 850px) {
      .article-body__content > h2, .article-body__content > h3, .article-body__content > h4, .article-body__content > h5, .article-body__content > h6, .article-body__content > p, .article-body__content > ul, .article-body__content > ol, .article-body__content > blockquote,
      .article-body__content .section-h1,
      .article-body__content .section-h2,
      .article-body__content .section-h3,
      .article-body__content .section-h4,
      .article-body__content .section-h5,
      .article-body__content .text-col {
        width: calc(100% - 320px); } }
    @media (min-width: 1024px) {
      .article-body__content > h2, .article-body__content > h3, .article-body__content > h4, .article-body__content > h5, .article-body__content > h6, .article-body__content > p, .article-body__content > ul, .article-body__content > ol, .article-body__content > blockquote,
      .article-body__content .section-h1,
      .article-body__content .section-h2,
      .article-body__content .section-h3,
      .article-body__content .section-h4,
      .article-body__content .section-h5,
      .article-body__content .text-col {
        width: 58.33333%; } }
  .article-body__content .brightcove-video-container,
  .article-body__content .ooyala-player-container,
  .article-body__content .vimeo-video-container {
    max-width: 600px;
    margin-bottom: 30px; }
    @media (min-width: 850px) {
      .article-body__content .brightcove-video-container,
      .article-body__content .ooyala-player-container,
      .article-body__content .vimeo-video-container {
        width: calc(100% - 320px); } }
    @media (min-width: 1024px) {
      .article-body__content .brightcove-video-container,
      .article-body__content .ooyala-player-container,
      .article-body__content .vimeo-video-container {
        width: 58.33333%; } }
  .article-body__content .video-wrapper {
    width: 100%;
    position: relative;
    padding: 0; }
    .article-body__content .video-wrapper iframe, .article-body__content .video-wrapper object, .article-body__content .video-wrapper embed {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .article-body__content .vimeo-video-container {
    max-width: 600px;
    width: 100%; }
    @media (min-width: 850px) {
      .article-body__content .vimeo-video-container {
        width: calc(100% - 320px); } }
    @media (min-width: 1024px) {
      .article-body__content .vimeo-video-container {
        width: 58.33333%; } }
  .article-body__content .vimeo-video {
    position: relative;
    height: 0;
    padding-bottom: 56.25%; }
  .article-body__content .youtube-video-container {
    max-width: 600px;
    width: 100%;
    margin-bottom: 30px; }
    @media (min-width: 850px) {
      .article-body__content .youtube-video-container {
        width: calc(100% - 320px); } }
    @media (min-width: 1024px) {
      .article-body__content .youtube-video-container {
        width: 58.33333%; } }
  .article-body__content .youtube-video {
    position: relative;
    height: 0;
    padding-bottom: 56.25%; }
  .article-body__content .vimeo-video, .article-body__content .youtube-video {
    position: relative !important;
    padding-bottom: 56.25% !important;
    /* 16:9 */
    height: 0 !important; }
  .article-body__content .vimeo-video iframe, .article-body__content .youtube-video iframe {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important; }
  .article-body__content ul, .article-body__content ol {
    margin-top: 35px;
    margin-bottom: 35px;
    padding-left: 0.9em;
    font-family: "MillerText", serif;
    font-size: 18px;
    line-height: 1.63; }
    @media (min-width: 550px) {
      .article-body__content ul, .article-body__content ol {
        font-family: "MillerText", serif;
        font-size: 19px; } }
    .article-body__content ul li + li, .article-body__content ol li + li {
      margin-top: 15px; }
    .article-body__content ul br, .article-body__content ol br {
      display: block;
      line-height: 1.6em; }
    .article-body__content ul > li, .article-body__content ol > li {
      padding-left: 0.6em; }
  .article-body__content ol {
    padding-left: 1.8em; }
  .article-body__content ul {
    list-style: square outside; }
  .article-body__content > h2 {
    font-family: "NeueHaas", sans-serif;
    font-size: 36px;
    text-rendering: optimizeLegibility;
    font-weight: 600;
    margin-bottom: 15px; }
    * + .article-body__content > h2 {
      margin-top: 45px; }
  .article-body__content > h3 {
    font-family: "NeueHaas", sans-serif;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px; }
    * + .article-body__content > h3 {
      margin-top: 45px; }
  .article-body__content > h4 {
    font-family: "NeueHaas", sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 1px; }
    * + .article-body__content > h4 {
      margin-top: 45px; }
  .article-body__content > h5, .article-body__content > h6 {
    font-family: "NeueHaas", sans-serif;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px; }
    * + .article-body__content > h5, * + .article-body__content > h6 {
      margin-top: 45px; }
  .article-body__content > p {
    font-family: "MillerText", serif;
    font-size: 18px;
    line-height: 1.63;
    margin-bottom: 20px; }
    @media (min-width: 550px) {
      .article-body__content > p {
        font-family: "MillerText", serif;
        font-size: 19px;
        margin-bottom: 30px; } }
    .article-body__content > p:first-of-type::first-line {
      font-family: "NeueHaas", sans-serif;
      font-size: 18px;
      font-weight: 700;
      letter-spacing: .1px; }
  @media (min-width: 550px) {
    .article-body__content > p {
      margin-top: -6px; } }
  .article-body__content > p:first-child,
  .article-body__content > p:first-of-type {
    margin-top: 0; }
  .article-body__content strong {
    font-family: "NeueHaas", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4; }
  .article-body__content blockquote {
    font-style: italic; }
  .article-body__content span.dropcap {
    background-color: black;
    color: #ffffff;
    display: block;
    float: left;
    margin: 5px 13px 0 0;
    padding: 15px 0 13px;
    font-family: "NeueHaas", sans-serif;
    font-size: 19px;
    font-weight: 700;
    text-align: center;
    line-height: 1;
    width: 51px; }
    @media (min-width: 550px) {
      .article-body__content span.dropcap {
        padding: 23px 0;
        width: 80px;
        margin: 6px 13px 0 0;
        font-family: "NeueHaas", sans-serif;
        font-size: 28px;
        font-weight: 600; } }
  .article-body__content > *:last-child {
    margin-bottom: 0; }
  .article-body__content .l-pullquote--text-col {
    border-top: 4px solid #000;
    padding-top: 20px; }
    .article-body__content .l-pullquote--text-col.pullquote-style--default .pullquote__text {
      font-family: "NeueHaas", sans-serif;
      font-size: 40px;
      text-rendering: optimizeLegibility;
      font-weight: 600;
      line-height: 1.2; }
      @media (min-width: 850px) {
        .article-body__content .l-pullquote--text-col.pullquote-style--default .pullquote__text {
          font-size: 45px;
          text-rendering: optimizeLegibility; } }
    .article-body__content .l-pullquote--text-col.pullquote-style--alternate .pullquote__text {
      font-family: "MillerDisplay", serif;
      font-size: 40px;
      text-rendering: optimizeLegibility;
      font-weight: 600;
      line-height: 1.2; }
      @media (min-width: 850px) {
        .article-body__content .l-pullquote--text-col.pullquote-style--alternate .pullquote__text {
          font-size: 45px;
          text-rendering: optimizeLegibility; } }
    @media (min-width: 550px) {
      .article-body__content .l-pullquote--text-col {
        max-width: 600px;
        border-top: 0;
        margin: 10px 0 20px 0;
        padding: 20px 0;
        position: relative; } }
  @media (min-width: 550px) and (min-width: 850px) {
    .article-body__content .l-pullquote--text-col {
      width: calc(100% - 320px); } }
  @media (min-width: 550px) and (min-width: 1024px) {
    .article-body__content .l-pullquote--text-col {
      width: 58.33333%; } }
    @media (min-width: 850px) {
      .article-body__content .l-pullquote--text-col {
        max-width: 600px; } }
  @media (min-width: 850px) and (min-width: 850px) {
    .article-body__content .l-pullquote--text-col {
      width: calc(100% - 320px); } }
  @media (min-width: 850px) and (min-width: 1024px) {
    .article-body__content .l-pullquote--text-col {
      width: 58.33333%; } }
    @media (min-width: 1024px) {
      .article-body__content .l-pullquote--text-col {
        max-width: 600px; } }
  @media (min-width: 1024px) and (min-width: 850px) {
    .article-body__content .l-pullquote--text-col {
      width: calc(100% - 320px); } }
  @media (min-width: 1024px) and (min-width: 1024px) {
    .article-body__content .l-pullquote--text-col {
      width: 58.33333%; } }
    .article-body__content .l-pullquote--text-col .pullquote__text--quote {
      text-indent: 0; }
      .article-body__content .l-pullquote--text-col .pullquote__text--quote:before {
        content: '';
        margin-right: 0; }
      .article-body__content .l-pullquote--text-col .pullquote__text--quote:after {
        content: ''; }
    .article-body__content .l-pullquote--text-col .pullquote__attr {
      font-family: "NeueHaas", sans-serif;
      font-size: 17px;
      font-weight: 300;
      line-height: 1.4;
      position: relative;
      margin-top: 20px;
      padding-top: 20px;
      max-width: 300px; }
      .article-body__content .l-pullquote--text-col .pullquote__attr:after {
        content: " ";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 50px;
        border-bottom: 1px solid #000; }
  .article-body__content .l-pullquote--3col {
    border-top: 4px solid #000;
    padding-top: 20px; }
    .article-body__content .l-pullquote--3col.pullquote-style--default.pullquote-size--default .pullquote__text {
      font-family: "NeueHaas", sans-serif;
      font-size: 24px;
      font-weight: 600;
      line-height: 1.2; }
      @media (min-width: 850px) {
        .article-body__content .l-pullquote--3col.pullquote-style--default.pullquote-size--default .pullquote__text {
          font-size: 26px; } }
    .article-body__content .l-pullquote--3col.pullquote-style--default.pullquote-size--large .pullquote__text {
      font-family: "NeueHaas", sans-serif;
      font-size: 40px;
      text-rendering: optimizeLegibility;
      font-weight: 600;
      line-height: 1.2; }
      @media (min-width: 850px) {
        .article-body__content .l-pullquote--3col.pullquote-style--default.pullquote-size--large .pullquote__text {
          font-size: 45px;
          text-rendering: optimizeLegibility; } }
    .article-body__content .l-pullquote--3col.pullquote-style--alternate.pullquote-size--default .pullquote__text {
      font-family: "MillerDisplay", serif;
      font-size: 24px;
      font-weight: 600;
      line-height: 1.2; }
      @media (min-width: 850px) {
        .article-body__content .l-pullquote--3col.pullquote-style--alternate.pullquote-size--default .pullquote__text {
          font-size: 26px; } }
    .article-body__content .l-pullquote--3col.pullquote-style--alternate.pullquote-size--large .pullquote__text {
      font-family: "MillerDisplay", serif;
      font-size: 40px;
      text-rendering: optimizeLegibility;
      font-weight: 600;
      line-height: 1.2; }
      @media (min-width: 850px) {
        .article-body__content .l-pullquote--3col.pullquote-style--alternate.pullquote-size--large .pullquote__text {
          font-size: 45px;
          text-rendering: optimizeLegibility; } }
    @media (min-width: 550px) {
      .article-body__content .l-pullquote--3col {
        float: right;
        clear: right;
        width: 50%;
        border-top: 0;
        margin: 10px 0 20px 20px;
        padding: 20px 20px 0;
        position: relative; } }
    @media (min-width: 850px) {
      .article-body__content .l-pullquote--3col {
        width: 33.33333%;
        margin-right: 33%; } }
    @media (min-width: 1024px) {
      .article-body__content .l-pullquote--3col {
        float: right;
        clear: right; } }
    .article-body__content .l-pullquote--3col .pullquote__text {
      font-family: "NeueHaas", sans-serif;
      font-size: 24px;
      font-weight: 600;
      line-height: 1.2; }
      @media (min-width: 850px) {
        .article-body__content .l-pullquote--3col .pullquote__text {
          font-size: 26px; } }
    .article-body__content .l-pullquote--3col .pullquote__text--quote {
      text-indent: 0; }
      .article-body__content .l-pullquote--3col .pullquote__text--quote:before {
        content: '';
        margin-right: 0; }
      .article-body__content .l-pullquote--3col .pullquote__text--quote:after {
        content: ''; }
    .article-body__content .l-pullquote--3col .pullquote__attr {
      font-family: "NeueHaas", sans-serif;
      font-size: 17px;
      font-weight: 300;
      line-height: 1.4;
      position: relative;
      margin-top: 20px;
      padding-top: 20px;
      max-width: 300px; }
      .article-body__content .l-pullquote--3col .pullquote__attr:after {
        content: " ";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 50px;
        border-bottom: 1px solid #000; }
  .article-body__content .l-pullquote--left-col {
    border-top: 4px solid #000;
    padding-top: 20px; }
    .article-body__content .l-pullquote--left-col.pullquote-style--default.pullquote-size--default .pullquote__text {
      font-family: "NeueHaas", sans-serif;
      font-size: 40px;
      text-rendering: optimizeLegibility;
      font-weight: 600;
      line-height: 1.2; }
      @media (min-width: 850px) {
        .article-body__content .l-pullquote--left-col.pullquote-style--default.pullquote-size--default .pullquote__text {
          font-size: 45px;
          text-rendering: optimizeLegibility; } }
    .article-body__content .l-pullquote--left-col.pullquote-style--alternate.pullquote-size--default .pullquote__text {
      font-family: "MillerDisplay", serif;
      font-size: 40px;
      text-rendering: optimizeLegibility;
      font-weight: 600;
      line-height: 1.2; }
      @media (min-width: 850px) {
        .article-body__content .l-pullquote--left-col.pullquote-style--alternate.pullquote-size--default .pullquote__text {
          font-size: 45px;
          text-rendering: optimizeLegibility; } }
    @media (min-width: 550px) {
      .article-body__content .l-pullquote--left-col {
        width: 50%;
        float: right;
        clear: right;
        padding-left: 20px;
        border-top: 0;
        margin: 10px 0 20px 20px;
        padding: 20px 20px 0; } }
    @media (min-width: 850px) {
      .article-body__content .l-pullquote--left-col {
        width: 33.33333%; } }
    .article-body__content .l-pullquote--left-col .pullquote__text--quote {
      text-indent: 0; }
      .article-body__content .l-pullquote--left-col .pullquote__text--quote:before {
        content: '';
        margin-right: 0; }
      .article-body__content .l-pullquote--left-col .pullquote__text--quote:after {
        content: ''; }
    .article-body__content .l-pullquote--left-col .pullquote__attr {
      font-family: "NeueHaas", sans-serif;
      font-size: 17px;
      font-weight: 300;
      line-height: 1.4;
      position: relative;
      margin-top: 20px;
      padding-top: 20px;
      max-width: 300px; }
      .article-body__content .l-pullquote--left-col .pullquote__attr:after {
        content: " ";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 50px;
        border-bottom: 1px solid #000; }
  .article-body__content span.l-article-annotation {
    font-style: italic;
    color: #f90e1e;
    position: relative;
    cursor: pointer; }
  .article-body__content span.l-article-annotation:hover,
  .article-body__content span.l-article-annotation.active {
    background-color: #f90e1e;
    color: #ffffff; }
  .article-body__content span.l-article-annotation > sup {
    vertical-align: super;
    font-size: 67%;
    font-style: normal;
    padding-left: 3px; }
  .article-body__content .l-article-annotation-container {
    border-style: solid;
    border-width: 2px 0px 0px 0px;
    border-color: #f90e1e;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 6px 14px 1px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 6px 14px 1px rgba(0, 0, 0, 0.24);
    padding: 20px 0px 16px 0px;
    position: absolute;
    min-height: 100px;
    z-index: 1;
    cursor: default; }
  .article-body__content .l-article-annotation-container > .close-annotation {
    font-family: NeueHaas,sans-serif;
    font-weight: 600;
    font-size: 28px;
    font-style: normal;
    cursor: pointer;
    position: absolute;
    cursor: pointer;
    right: 2px;
    top: 3px;
    color: #000;
    padding: 0px 12px; }
  .article-body__content .l-article-annotation-container > .annotation-icon {
    position: absolute;
    left: 6%;
    top: 20px;
    width: 6%; }
  .article-body__content .l-article-annotation-container > .annotation-text {
    margin-left: 19%;
    margin-right: 7%;
    font-family: NeueHaas,sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: 24px;
    color: #000;
    font-weight: normal; }

/*------------------------------------------------------------------------------
	Individual Entry
------------------------------------------------------------------------------*/
[class*="entry__taxonomy"] > .entry__term:after {
  content: ", "; }

[class*="entry__taxonomy"] > .entry__term:last-child:after {
  content: ""; }

/*------------------------------------------------------------------------------
	Loading
------------------------------------------------------------------------------*/
.article-loading {
  display: none; }
  .article-loading span {
    height: 50px;
    width: 50px;
    display: block;
    margin: 0 auto 30px; }

/*------------------------------------------------------------------------------
Print Styles
------------------------------------------------------------------------------*/
@media print {
  #header,
  .footer,
  .meter,
  .article-footer,
  .reading-list,
  .l-article-topper__social-list,
  [data-adunit="__site/__leaderboard"],
  [data-adunit="__site/__square-rectangle"],
  [data-adunit="__site/__square-only"],
  [data-adunit="__site/__fullwidth-interstitial"] {
    display: none; } }

.l-load-comments-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 20px 0;
  padding-top: 30px;
  border-top: 1px solid black;
  font-family: NeueHaas;
  font-size: 14px;
  font-weight: 600; }

.load-comments-btn {
  width: 100%;
  height: 50px;
  color: white;
  background-color: black;
  text-align: center;
  line-height: 50px;
  letter-spacing: 1px;
  overflow: hidden; }

.commenting-guidelines {
  display: none;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-family: NeueHaas, sans-serif;
  font-weight: 400;
  font-size: 16px; }
  @media (min-width: 850px) {
    .commenting-guidelines {
      text-align: right; } }

.load-comments-btn.open + .commenting-guidelines {
  width: 100%;
  display: inline-block; }
  @media (min-width: 850px) {
    .load-comments-btn.open + .commenting-guidelines {
      width: calc(100% - 175px); } }

.commenting-guidelines a {
  color: #F90E1E; }

#disqus_thread {
  overflow: hidden;
  max-height: 0; }

#disqus_thread.open {
  max-height: 200%; }

/**
 * Reading Meter
 */
.meter {
  height: 64px;
  background-color: #4A4A4A;
  font-family: "NeueHaas", sans-serif;
  font-size: 18px;
  font-weight: 300;
  color: #ffffff;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: translateY(53px);
          transform: translateY(53px);
  -webkit-transition: all .4s ease;
  transition: all .4s ease; }
  .meter:after {
    content: " ";
    display: table;
    clear: both; }
  .js-meter-is-active .meter {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    z-index: 4; }
  @media (min-width: 750px) {
    .meter {
      height: 90px;
      font-size: 28px; } }

.meter__numbers {
  width: 64px;
  height: 64px;
  line-height: 64px;
  float: left;
  background-color: #F90E1E;
  font-family: "NeueHaas", sans-serif;
  font-size: 28px;
  font-weight: 600;
  text-align: center;
  margin-right: 14px; }
  @media (min-width: 750px) {
    .meter__numbers {
      width: 90px;
      height: 90px;
      line-height: 90px;
      font-size: 36px;
      margin-right: 20px; } }

.meter__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 64px; }
  @media (min-width: 750px) {
    .meter__inner {
      height: 90px; } }

.meter__copy {
  padding-right: 40px; }

.meter__copy__line {
  display: inline; }
  @media (min-width: 401px) {
    .meter__copy__line {
      display: inline-block; } }

.js-meter-is-active .js-meter-hide {
  background-color: #ddd;
  -webkit-transform: translateY(25px);
          transform: translateY(25px); }
  @media (min-width: 750px) {
    .js-meter-is-active .js-meter-hide {
      -webkit-transform: translateY(33px);
              transform: translateY(33px); } }

.js-meter-is-active .js-meter-hide {
  background-color: #ddd;
  -webkit-transform: translateY(50px);
          transform: translateY(50px); }

.meter__toggle {
  border: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  display: block;
  position: relative;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 40px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  text-align: center; }
  .meter__toggle:focus {
    outline: 0; }

.meter__close {
  width: 18px;
  height: 18px;
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  margin: -10px 0 0 0;
  background-color: #fff;
  border-radius: 50%;
  vertical-align: middle; }
  .js-meter-is-active .js-meter-hide .meter__close {
    background-color: #ddd; }
  @media (min-width: 750px) {
    .meter__close {
      width: 20px;
      height: 20px; } }
  .meter__close:after, .meter__close:before {
    width: 2px;
    background: #4A4A4A;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    content: " ";
    display: block;
    position: absolute;
    top: 21%;
    right: 50%;
    bottom: 20%;
    margin-right: -1px; }
  .meter__close:before {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  .meter__close:after {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }

.meter__subscribe__link {
  font-weight: 600;
  text-decoration: underline; }

.first-look-alert-bar {
  background-color: #ffee37;
  font-family: "NeueHaas", sans-serif;
  font-size: 13px;
  color: #000;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: translateY(53px);
          transform: translateY(53px);
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  padding: 0 10px; }
  .first-look-alert-bar:after {
    content: " ";
    display: table;
    clear: both; }
  .js-alert-bar-is-active .first-look-alert-bar {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    z-index: 10000; }
  @media (min-width: 550px) {
    .first-look-alert-bar {
      padding: 0 15px;
      font-size: 16px; } }
  @media (min-width: 750px) {
    .first-look-alert-bar {
      padding: 0 30px;
      font-size: 16px; } }

.first-look-alert-bar__inner {
  overflow: hidden;
  padding: 7px 40px 7px 0;
  max-width: 1180px;
  margin: 0 auto; }
  @media (min-width: 750px) {
    .first-look-alert-bar__inner {
      padding: 13px 40px 13px 0; } }
  @media (min-width: 1024px) {
    .first-look-alert-bar__inner {
      padding: 12px 0; } }

.first-look-alert-bar__toggle {
  border: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  display: block;
  position: relative;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 32px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  text-align: center; }
  .first-look-alert-bar__toggle:focus {
    outline: 0; }
  @media (min-width: 750px) {
    .first-look-alert-bar__toggle {
      width: 50px; } }
  @media (min-width: 1024px) {
    .first-look-alert-bar__toggle {
      margin-left: 20px; } }
  @media (min-width: 1250px) {
    .first-look-alert-bar__toggle {
      margin-left: 50px; } }

.first-look-alert-bar__close {
  width: 18px;
  height: 18px;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -10px;
  background-color: #000;
  border-radius: 50%;
  vertical-align: middle; }
  @media (min-width: 750px) {
    .first-look-alert-bar__close {
      width: 20px;
      height: 20px; } }
  .first-look-alert-bar__close:after, .first-look-alert-bar__close:before {
    width: 2px;
    background: #ffee37;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    content: " ";
    display: block;
    position: absolute;
    top: 21%;
    right: 50%;
    bottom: 20%;
    margin-right: -1px; }
  .first-look-alert-bar__close:before {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  .first-look-alert-bar__close:after {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }

/**
 * Group subscription bar
 */
.group-subscription-bar {
  height: 64px;
  background-color: #4A4A4A;
  font-family: "NeueHaas", sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #ffffff;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: translateY(64px);
          transform: translateY(64px);
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  z-index: 4; }
  .group-subscription-bar:after {
    content: " ";
    display: table;
    clear: both; }
  .js-group-subscription-bar-is-active .group-subscription-bar {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  @media (min-width: 550px) {
    .group-subscription-bar {
      font-size: 18px; } }
  @media (min-width: 850px) {
    .group-subscription-bar {
      height: 90px;
      font-size: 28px;
      -webkit-transform: translateY(90px);
              transform: translateY(90px); } }

.group-subscription-bar__icon {
  width: 64px;
  height: 64px;
  line-height: 64px;
  float: left;
  background-color: #F90E1E;
  font-family: "NeueHaas", sans-serif;
  font-size: 28px;
  font-weight: 600;
  text-align: center;
  margin-right: 14px;
  background-image: url("https://cdn.technologyreview.com/_/img/bell--white.svg");
  background-position: 50% 50%;
  background-size: 50% 50%;
  background-repeat: no-repeat; }
  @media (min-width: 850px) {
    .group-subscription-bar__icon {
      width: 90px;
      height: 90px;
      line-height: 90px;
      font-size: 36px;
      margin-right: 20px; } }

.group-subscription-bar__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 64px; }
  @media (min-width: 850px) {
    .group-subscription-bar__inner {
      height: 90px; } }

.group-subscription-bar__copy {
  padding-right: 120px; }
  @media (min-width: 550px) {
    .group-subscription-bar__copy {
      padding-right: 180px; } }
  @media (min-width: 850px) {
    .group-subscription-bar__copy {
      padding-right: 200px; } }
  .group-subscription-bar__copy a {
    font-weight: 600; }

.group-subscription-bar__dont-show-again {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 50px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "NeueHaas", sans-serif;
  font-size: 12px;
  font-weight: 300;
  width: 60px; }
  @media (min-width: 550px) {
    .group-subscription-bar__dont-show-again {
      font-size: 14px;
      width: auto; } }
  @media (min-width: 850px) {
    .group-subscription-bar__dont-show-again {
      font-size: 16px; } }

.group-subscription-bar__toggle {
  border: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  display: block;
  position: relative;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 40px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  text-align: center; }
  .group-subscription-bar__toggle:focus {
    outline: 0; }

.group-subscription-bar__close {
  width: 18px;
  height: 18px;
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  margin: -10px 0 0 0;
  background-color: #fff;
  border-radius: 50%;
  vertical-align: middle; }
  .js-meter-is-active .js-meter-hide .group-subscription-bar__close {
    background-color: #ddd; }
  @media (min-width: 850px) {
    .group-subscription-bar__close {
      width: 20px;
      height: 20px; } }
  .group-subscription-bar__close:after, .group-subscription-bar__close:before {
    width: 2px;
    background: #4A4A4A;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    content: " ";
    display: block;
    position: absolute;
    top: 21%;
    right: 50%;
    bottom: 20%;
    margin-right: -1px; }
  .group-subscription-bar__close:before {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  .group-subscription-bar__close:after {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }

/***
 * @TODO: Refactor this whole thing.
 *
 * With the viewability updates, there's a lot more consistency in the
 * toppers, especially with the width. But there's still a lot of
 * duplication broken out by topper type.
 */
.l-article-topper {
  padding-top: 15px; }

.article-topper {
  width: 100%;
  height: 100%; }

.article-topper__media-wrap picture {
  position: relative;
  display: inline-block;
  width: 100%; }

.article-topper__image {
  width: 100%;
  display: block; }

.article-topper__header-wrap {
  position: relative; }

.vimeo-video, .youtube-video {
  position: relative !important;
  padding-bottom: 56.25% !important;
  /* 16:9 */
  height: 0 !important; }

.vimeo-video iframe, .youtube-video iframe {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important; }

.article-topper__topic {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: solid #000 3px;
  border-bottom: solid #000 1px; }

.article-topper__topic {
  font-family: "NeueHaas", sans-serif;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 15px; }
  @media (min-width: 850px) {
    .article-topper__topic {
      margin-bottom: 25px;
      max-width: 600px;
      font-size: 20px; } }

.article-topper__hr {
  border-top: solid #000 3px;
  margin-bottom: 15px; }
  @media (min-width: 850px) {
    .article-topper__hr {
      margin-bottom: 25px; } }

.article-topper__title {
  font-family: "NeueHaas", sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.15;
  margin-bottom: 10px; }
  @media (min-width: 550px) {
    .article-topper__title {
      font-size: 36px;
      text-rendering: optimizeLegibility;
      margin-bottom: 20px; } }
  @media (min-width: 850px) {
    .article-topper__title {
      font-size: 40px;
      text-rendering: optimizeLegibility;
      max-width: 600px; } }
  @media (min-width: 1024px) {
    .article-topper__title {
      font-size: 44px;
      text-rendering: optimizeLegibility;
      margin-bottom: 30px; } }
  @media (min-width: 1250px) {
    .article-topper__title {
      font-size: 56px;
      text-rendering: optimizeLegibility; } }

.article-topper__subtitle {
  font-family: "NeueHaas", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 20px; }
  @media (min-width: 550px) {
    .article-topper__subtitle {
      margin-bottom: 30px; } }
  @media (min-width: 850px) {
    .article-topper__subtitle {
      font-size: 21px;
      max-width: 600px;
      padding-right: 50px; } }
  @media (min-width: 1024px) {
    .article-topper__subtitle {
      margin-bottom: 50px; } }

@media (min-width: 550px) {
  .article-topper__meta-info {
    max-width: 600px; } }

.article-topper__meta-info + .br-access {
  margin-top: .5em; }

.article-topper__meta-info--underline:after {
  position: relative;
  display: block;
  content: "";
  margin-top: 20px;
  width: 100px;
  border-bottom: 1px solid #000; }

@media (min-width: 550px) {
  .article-topper__meta-info--underline:after {
    margin-top: 30px; } }

@media (min-width: 1024px) {
  .article-topper__meta-info--underline:after {
    margin-top: 50px; } }

.article-topper__meta-item {
  max-width: 600px;
  font-family: "NeueHaas", sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
  display: inline-block;
  margin-right: 20px; }
  @media (min-width: 850px) {
    .article-topper__meta-item {
      font-size: 19px; } }
  .article-topper__meta-item:last-of-type {
    margin-right: 0; }

.article-topper__meta-item--caption {
  max-width: 600px;
  font-family: "NeueHaas", sans-serif;
  font-size: 15px;
  font-weight: 300;
  margin-top: 60px;
  margin-bottom: 6px;
  display: block;
  margin-right: 20px; }
  @media (min-width: 850px) {
    .article-topper__meta-item--caption {
      font-size: 15px; } }
  .article-topper__meta-item--caption:last-of-type {
    margin-right: 0; }

.article-topper__meta-item--illustration {
  color: #7f7f7f;
  max-width: 600px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: "NeueHaas", sans-serif;
  font-size: 11px;
  font-weight: 500;
  margin-bottom: 0;
  display: block;
  margin-right: 20px; }
  @media (min-width: 850px) {
    .article-topper__meta-item--illustration {
      font-size: 11px; } }
  .article-topper__meta-item--illustration:last-of-type {
    margin-right: 0; }

.article-topper__editors-note {
  width: 50%;
  margin-top: 20px;
  font-family: "NeueHaas", sans-serif;
  font-size: 14px;
  font-weight: 400; }
  @media (min-width: 550px) {
    .article-topper__editors-note {
      margin-top: 30px; } }
  @media (min-width: 850px) {
    .article-topper__editors-note {
      font-size: 16px; } }
  @media (min-width: 1024px) {
    .article-topper__editors-note {
      margin-top: 50px; } }

.article-topper__horizontal--caption {
  max-width: 600px;
  font-family: "NeueHaas", sans-serif;
  font-size: 15px;
  font-weight: 300;
  margin-top: 10px;
  margin-bottom: 6px;
  display: block;
  margin-right: 20px; }
  @media (min-width: 850px) {
    .article-topper__horizontal--caption {
      font-size: 15px; } }
  .article-topper__horizontal--caption:last-of-type {
    margin-right: 0; }

.article-topper__horizontal--illustration {
  margin-top: 10px;
  color: #7f7f7f;
  letter-spacing: 0.5px;
  max-width: 600px;
  text-transform: uppercase;
  font-family: "NeueHaas", sans-serif;
  font-size: 11px;
  font-weight: 300;
  margin-bottom: 0;
  display: block;
  margin-right: 20px; }
  @media (min-width: 850px) {
    .article-topper__horizontal--illustration {
      font-size: 11px; } }
  .article-topper__horizontal--illustration:last-of-type {
    margin-right: 0; }

.article-topper__vertical--illustration {
  color: #7f7f7f;
  max-width: 600px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: "NeueHaas", sans-serif;
  font-size: 11px;
  font-weight: 500;
  margin-top: 13px;
  margin-bottom: 0;
  display: block;
  margin-right: 20px; }
  @media (min-width: 850px) {
    .article-topper__vertical--illustration {
      font-size: 11px; } }
  .article-topper__vertical--illustration:last-of-type {
    margin-right: 0; }

/*------------------------------------------------------------------------------
  Standard
------------------------------------------------------------------------------*/
.article-topper__topic__help-icon {
  display: inline;
  float: right; }
  .article-topper__topic__help-icon:hover {
    cursor: pointer; }

.article-topper__topic__help-desc {
  display: none; }

.article-body .article-topper__topic-help-wrapper--expanded .article-topper__topic {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 15px; }

.article-body .article-topper__topic-help-wrapper--expanded .article-topper__topic__help-desc {
  display: block;
  padding-bottom: 15px;
  border-bottom: 1px solid #000;
  margin-bottom: 25px;
  font-size: 14px;
  font-weight: 400; }

.l-article-topper--standard {
  padding: 0 0 15px 0;
  margin-bottom: 5px; }
  @media (min-width: 550px) {
    .l-article-topper--standard {
      padding: 20px 0 25px 0; } }
  .l-article-topper--standard .article-topper__header-wrap {
    display: inline-block;
    max-width: 600px;
    width: 100%; }
    @media (min-width: 850px) {
      .l-article-topper--standard .article-topper__header-wrap {
        width: calc(100% - 320px); } }
    @media (min-width: 1024px) {
      .l-article-topper--standard .article-topper__header-wrap {
        width: 58.33333%; } }
    @media (min-width: 1024px) {
      .l-article-topper--standard .article-topper__header-wrap {
        border-bottom: 1px solid #000; } }
  @media (min-width: 1024px) {
    .l-article-topper--standard {
      margin-left: 100px;
      padding-right: 20px;
      margin-top: 6px; } }
  .l-article-topper--standard .article-topper__hgroup {
    display: inline-block;
    color: #000;
    width: 100%;
    padding-bottom: 20px; }
    @media (min-width: 550px) {
      .l-article-topper--standard .article-topper__hgroup {
        font-size: 20px;
        padding-bottom: 25px; } }
  .l-article-topper--standard .article-topper__topic {
    padding-top: 10px;
    padding-bottom: 0;
    border-top: solid #000 3px;
    border-bottom: 0;
    margin-bottom: 10px; }
  @media (min-width: 550px) {
    .l-article-topper--standard .article-topper__title {
      font-size: 32px;
      text-rendering: optimizeLegibility;
      margin-bottom: 25px; } }
  @media (min-width: 850px) {
    .l-article-topper--standard .article-topper__title {
      font-size: 40px;
      text-rendering: optimizeLegibility; } }
  @media (min-width: 1024px) {
    .l-article-topper--standard .article-topper__title {
      margin-bottom: 25px; } }
  .l-article-topper--standard .article-topper__subtitle {
    margin-bottom: 20px; }
    @media (min-width: 1024px) {
      .l-article-topper--standard .article-topper__subtitle {
        margin-bottom: 30px; } }
  .l-article-topper--standard .article-topper__editors-note {
    color: #000; }

/*------------------------------------------------------------------------------
  Horizontal
------------------------------------------------------------------------------*/
.l-article-topper--horizontal .article-topper__media-wrap, .l-article-topper--media .article-topper__media-wrap {
  width: 100%;
  padding-bottom: 20px; }
  @media (min-width: 550px) {
    .l-article-topper--horizontal .article-topper__media-wrap, .l-article-topper--media .article-topper__media-wrap {
      padding-bottom: 30px; } }

.l-article-topper--horizontal .article-topper__hgroup, .l-article-topper--media .article-topper__hgroup {
  padding-bottom: 25px; }
  @media (min-width: 1024px) {
    .l-article-topper--horizontal .article-topper__hgroup, .l-article-topper--media .article-topper__hgroup {
      margin-top: 6px;
      border-top: 0;
      border-bottom: 0;
      padding: 0 0 30px 0;
      width: 50%; } }

.l-article-topper--horizontal .article-topper__header-wrap,
.l-article-topper--media .article-topper__header-wrap {
  margin-bottom: 20px; }
  @media (min-width: 850px) {
    .l-article-topper--horizontal .article-topper__header-wrap,
    .l-article-topper--media .article-topper__header-wrap {
      display: inline-block;
      max-width: 600px; } }
  @media (min-width: 850px) and (min-width: 850px) {
    .l-article-topper--horizontal .article-topper__header-wrap,
    .l-article-topper--media .article-topper__header-wrap {
      width: calc(100% - 320px); } }
  @media (min-width: 850px) and (min-width: 1024px) {
    .l-article-topper--horizontal .article-topper__header-wrap,
    .l-article-topper--media .article-topper__header-wrap {
      width: 58.33333%; } }
  @media (min-width: 1024px) {
    .l-article-topper--horizontal .article-topper__header-wrap .article-topper__hgroup,
    .l-article-topper--media .article-topper__header-wrap .article-topper__hgroup {
      width: 100%; } }
  @media (min-width: 1024px) {
    .l-article-topper--horizontal .article-topper__header-wrap,
    .l-article-topper--media .article-topper__header-wrap {
      margin-left: 100px; } }

/*------------------------------------------------------------------------------
  Views
------------------------------------------------------------------------------*/
.l-article-topper--views {
  margin-bottom: 30px; }
  @media (min-width: 1024px) {
    .l-article-topper--views {
      margin-left: 100px; } }
  .l-article-topper--views .article-topper__hgroup {
    display: inline-block;
    padding: 0;
    background-color: transparent;
    color: #000;
    max-width: 600px; }
    @media (min-width: 850px) {
      .l-article-topper--views .article-topper__hgroup {
        width: calc(100% - 320px); } }
    @media (min-width: 1024px) {
      .l-article-topper--views .article-topper__hgroup {
        width: 58.33333%; } }
  .l-article-topper--views .article-topper__image {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 15px; }
    .l-article-topper--views .article-topper__image img {
      display: block; }
    @media (min-width: 550px) {
      .l-article-topper--views .article-topper__image {
        margin-bottom: 25px;
        width: 150px;
        height: 150px; } }
  .l-article-topper--views .article-topper__topic {
    font-weight: normal;
    border-bottom: 1px solid #000;
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-size: 16px; }
    @media (min-width: 550px) {
      .l-article-topper--views .article-topper__topic {
        font-size: 19px;
        padding-bottom: 20px;
        margin-bottom: 20px; } }
  @media (min-width: 550px) {
    .l-article-topper--views .article-topper__title {
      font-size: 30px; } }
  .l-article-topper--views .article-topper__subtitle {
    margin: 16px 0; }
    @media (min-width: 550px) {
      .l-article-topper--views .article-topper__subtitle {
        margin: 24px 0; } }
  .l-article-topper--views .article-topper__meta-info {
    padding-bottom: 16px; }
    @media (min-width: 550px) {
      .l-article-topper--views .article-topper__meta-info {
        padding-bottom: 24px; } }
    @media (min-width: 1024px) {
      .l-article-topper--views .article-topper__meta-info {
        border-bottom: 1px solid #000; } }

/*------------------------------------------------------------------------------
  Vertical
------------------------------------------------------------------------------*/
.l-article-topper--vertical {
  overflow: hidden;
  margin-bottom: 20px; }
  @media (min-width: 550px) {
    .l-article-topper--vertical {
      display: -webkit-box;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      -moz-align-items: stretch;
      align-items: stretch;
      padding-bottom: 10px;
      margin-bottom: 0; } }
  @media (min-width: 1024px) {
    .l-article-topper--vertical {
      padding-bottom: 30px;
      margin-left: 100px; } }
  .l-article-topper--vertical .article-topper__media-wrap {
    margin-bottom: 20px;
    -webkit-box-ordinal-group: 2;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1; }
    @media (min-width: 550px) {
      .l-article-topper--vertical .article-topper__media-wrap {
        width: 50%;
        padding-left: 20px;
        margin-bottom: 0; } }
    @media (min-width: 1024px) and (max-width: 1249px) {
      .l-article-topper--vertical .article-topper__media-wrap {
        width: calc( 100% * (5/12) + 80px);
        padding-right: 0px; } }
  @media (min-width: 550px) {
    .l-article-topper--vertical .article-topper__hgroup {
      width: 50%;
      display: -webkit-box;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -moz-justify-content: space-between;
      justify-content: space-between; } }
  @media (min-width: 1024px) {
    .l-article-topper--vertical .article-topper__hgroup--bottom {
      padding-bottom: 20px; } }
  .l-article-topper--vertical .article-topper__title {
    margin-bottom: 20px; }
    @media (min-width: 550px) {
      .l-article-topper--vertical .article-topper__title {
        margin-bottom: 20px; } }
    @media (min-width: 1024px) {
      .l-article-topper--vertical .article-topper__title {
        margin-bottom: 30px; } }
  .l-article-topper--vertical .article-topper__subtitle {
    margin-bottom: 20px; }
    @media (min-width: 550px) {
      .l-article-topper--vertical .article-topper__subtitle {
        margin-bottom: 30px; } }
    @media (min-width: 1024px) {
      .l-article-topper--vertical .article-topper__subtitle {
        margin-bottom: 48.75px; } }

/*------------------------------------------------------------------------------
  Graphiti
------------------------------------------------------------------------------*/
.l-article-topper--media .article-topper__media-wrap {
  padding-bottom: 20px; }
  .l-article-topper--media .article-topper__media-wrap object {
    display: block; }
  @media (min-width: 550px) {
    .l-article-topper--media .article-topper__media-wrap {
      padding-bottom: 30px; } }

.l-article-topper--media .article-topper__meta-info {
  margin-top: 20px; }
  @media (min-width: 550px) {
    .l-article-topper--media .article-topper__meta-info {
      margin-top: 30px; } }

.l-article-topper--media .article-topper__meta-item > a {
  /*font-weight: bold;*/ }

@media (min-width: 550px) {
  .article-footer__credits {
    width: 40%;
    float: left; } }

.article-footer__credits .article-footer__credits__title {
  margin: 0 0 10px;
  font-weight: bold; }

.article-footer__credits .article-footer__credits__txt {
  font-family: "NeueHaas", sans-serif; }

/*------------------------------------------------------------------------------
  Lists: Innovators & Technologies
------------------------------------------------------------------------------*/
[data-topper-entry-type="innovator"].l-article-topper--horizontal {
  max-width: 600px;
  border-bottom: 0; }
  @media (min-width: 850px) {
    [data-topper-entry-type="innovator"].l-article-topper--horizontal {
      width: calc(100% - 320px); } }
  @media (min-width: 1024px) {
    [data-topper-entry-type="innovator"].l-article-topper--horizontal {
      width: 58.33333%; } }
  @media (min-width: 1024px) {
    [data-topper-entry-type="innovator"].l-article-topper--horizontal {
      margin-left: 100px; } }
  [data-topper-entry-type="innovator"].l-article-topper--horizontal .article-topper__hgroup {
    width: auto; }

[data-topper-entry-type="innovator"] .article-topper__title {
  margin-bottom: 10px;
  display: block; }
  @media (min-width: 550px) {
    [data-topper-entry-type="innovator"] .article-topper__title {
      font-size: 36px; } }

[data-topper-entry-type="innovator"] .article-topper__affiliation {
  font-size: 17px;
  margin-bottom: 7px; }

[data-topper-entry-type="innovator"] .article-topper__subtitle {
  font-weight: 600;
  font-size: 21px;
  line-height: 1.15em;
  margin: 0;
  padding: 0;
  display: block; }
  @media (min-width: 550px) {
    [data-topper-entry-type="innovator"] .article-topper__subtitle {
      font-size: 36px; } }

[data-topper-entry-type="innovator"] .article-topper__availability {
  font-weight: 600;
  font-size: 17px;
  line-height: 1.15em;
  margin: 25px 0px 0px 0px;
  padding: 0;
  display: block; }
  @media (min-width: 550px) {
    [data-topper-entry-type="innovator"] .article-topper__availability {
      font-size: 28px; } }

[data-topper-entry-type="innovator"] .article-topper__meta-item {
  margin-top: 20px; }

[data-topper-entry-type="innovator"].l-article-topper--vertical {
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-left: 0;
  max-width: 700px;
  padding-top: 20px; }
  [data-topper-entry-type="innovator"].l-article-topper--vertical .article-topper__hgroup {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -moz-justify-content: flex-end;
    justify-content: flex-end; }
    @media (min-width: 1024px) {
      [data-topper-entry-type="innovator"].l-article-topper--vertical .article-topper__hgroup {
        -webkit-box-flex: 1;
        -moz-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto; } }
  @media (min-width: 850px) {
    [data-topper-entry-type="innovator"].l-article-topper--vertical {
      padding-top: 0; } }
  [data-topper-entry-type="innovator"].l-article-topper--vertical .article-topper__media-wrap {
    margin: 0 0 10px 0;
    padding-left: 0;
    width: auto; }
    @media (min-width: 850px) {
      [data-topper-entry-type="innovator"].l-article-topper--vertical .article-topper__media-wrap {
        width: auto;
        text-align: right; } }
    @media (min-width: 1024px) {
      [data-topper-entry-type="innovator"].l-article-topper--vertical .article-topper__media-wrap {
        padding-right: 30px; } }
  [data-topper-entry-type="innovator"].l-article-topper--vertical .article-topper__image {
    width: 160px;
    height: 160px;
    float: right; }
    @media (min-width: 850px) {
      [data-topper-entry-type="innovator"].l-article-topper--vertical .article-topper__image {
        width: 220px;
        height: auto; } }
    @media (max-width: 400px) {
      [data-topper-entry-type="innovator"].l-article-topper--vertical .article-topper__image {
        width: 100%;
        height: auto; } }
  [data-topper-entry-type="innovator"].l-article-topper--vertical .article-topper__hgroup {
    width: auto;
    float: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center; }
    @media (min-width: 1024px) {
      [data-topper-entry-type="innovator"].l-article-topper--vertical .article-topper__hgroup {
        -webkit-box-flex: 1;
        -moz-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto; } }

[data-topper-entry-type="technology"] .article-topper__title {
  margin-bottom: 10px;
  display: block; }
  @media (min-width: 550px) {
    [data-topper-entry-type="technology"] .article-topper__title {
      font-size: 36px; } }

[data-topper-entry-type="technology"] .article-topper__subtitle {
  font-weight: 600;
  font-size: 21px;
  line-height: 1.15em;
  padding: 0;
  display: block; }
  @media (min-width: 550px) {
    [data-topper-entry-type="technology"] .article-topper__subtitle {
      font-size: 36px; } }

[data-topper-entry-type="technology"] .article-topper__availability {
  font-weight: 600;
  font-size: 17px;
  line-height: 1.15em;
  margin: 25px 0px 0px 0px;
  padding: 0;
  display: block; }
  @media (min-width: 550px) {
    [data-topper-entry-type="technology"] .article-topper__availability {
      font-size: 28px; } }

[data-topper-entry-type="technology"] .article-topper__meta-item {
  margin: 24px 0px 0px 0px; }

[data-topper-entry-type="technology"].l-article-topper--standard .article-topper__hgroup {
  background-color: transparent;
  padding: 0; }
  @media (min-width: 1024px) {
    [data-topper-entry-type="technology"].l-article-topper--standard .article-topper__hgroup {
      padding-right: 20px; } }

[data-topper-entry-type="technology"].l-article-topper--standard .article-topper__subtitle {
  color: #000000; }

[data-topper-entry-type="technology"].l-article-topper--standard .article-topper__availability {
  color: #000000; }

[data-topper-entry-type="technology"].l-article-topper--vertical .article-topper__hgroup {
  padding-bottom: 15px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -moz-justify-content: flex-end;
  justify-content: flex-end; }
  @media (min-width: 1024px) {
    [data-topper-entry-type="technology"].l-article-topper--vertical .article-topper__hgroup {
      -webkit-box-flex: 1;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto; } }

/**
 * Insider Product Description CSS
 *
 * Styles used for the page region that describes what is included
 * in Insider subscriptions.  Can be found in activate, renew, and other similar pages.
 *
 */
/**
 * Buttons
 */
.btn {
  background-color: transparent;
  text-align: left;
  border: 2px solid #000;
  padding: 30px 10px 8px;
  font-family: NeueHaas;
  font-size: 18px;
  font-weight: 700;
  -webkit-transition: .2s ease;
  transition: .2s ease;
  width: 100%;
  position: relative;
  outline: none;
  display: block; }
  @media (min-width: 850px) {
    .btn {
      display: inline-block;
      padding: 30px 100px 8px 10px;
      width: auto; } }
  .btn:hover {
    background-color: #000;
    border-color: #000;
    color: #ffffff; }
  .btn:active {
    background-color: transparent;
    background-color: #000;
    color: white; }

.btn--block {
  display: block;
  width: 100%; }

.touch .btn--add:hover {
  background-color: initial;
  border-color: initial;
  color: initial; }

.touch .btn--add:active {
  background-color: initial;
  background-color: initial;
  color: initial; }

.btn--add__icon {
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 10px;
  right: 10px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("https://cdn.technologyreview.com/_/img/plus.svg"); }
  .btn--add:hover .btn--add__icon {
    background-image: url("https://cdn.technologyreview.com/_/img/plus--white.svg"); }
    .touch .btn--add:hover .btn--add__icon {
      background-image: url("https://cdn.technologyreview.com/_/img/plus.svg"); }
  .btn--add:active .btn--add__icon {
    background-image: url("https://cdn.technologyreview.com/_/img/plus--white.svg"); }
    .touch .btn--add:active .btn--add__icon {
      background-image: url("https://cdn.technologyreview.com/_/img/plus.svg"); }

@media (min-width: 850px) {
  .btn--lock {
    width: 175px;
    padding-right: 50px;
    padding-top: 20px; } }

.btn--lock:before {
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  position: absolute;
  top: 9px;
  right: 9px;
  font-size: 16px; }

.btn--primary:before {
  content: '';
  width: 11px;
  height: 11px;
  position: absolute;
  top: 9px;
  right: 9px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("https://cdn.technologyreview.com/_/img/angle-arrow.svg"); }

.btn--primary:hover:before {
  background-image: url("https://cdn.technologyreview.com/_/img/angle-arrow--white.svg"); }

.btn--primary--blackbg {
  border: 2px solid #fff; }
  .btn--primary--blackbg:before {
    content: '';
    width: 11px;
    height: 11px;
    position: absolute;
    top: 9px;
    right: 9px;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url("https://cdn.technologyreview.com/_/img/angle-arrow--white.svg"); }
  .btn--primary--blackbg:hover {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #000; }
    .btn--primary--blackbg:hover:before {
      background-image: url("https://cdn.technologyreview.com/_/img/angle-arrow.svg"); }
  .btn--primary--blackbg:active {
    background-color: transparent;
    background-color: #ffffff;
    color: #000; }

.btn--primary--transparent .btn__icon--angle-arrow {
  display: block; }

.btn--primary--transparent__icon {
  width: 11px;
  height: 11px;
  position: absolute;
  top: 9px;
  right: 9px; }
  .btn--primary--transparent .btn--primary--transparent__icon .btn__icon--angle-arrow polygon {
    fill: currentColor; }
  .btn--primary--transparent:hover .btn--primary--transparent__icon .btn__icon--angle-arrow polygon {
    fill: currentColor; }

.l-product-description {
  width: 100%;
  padding: 40px 9% 20px 9%;
  clear: both;
  display: block;
  position: relative; }

.l-product-description--static {
  margin: 20px 0;
  padding: 40px 30px 30px 30px; }
  @media (min-width: 850px) {
    .l-product-description--static {
      margin: 50px 0; } }

.product-description {
  background: #027298;
  color: #ffffff; }
  .product-description .btn {
    border-color: #ffffff; }
    .product-description .btn:hover {
      color: #027298;
      background-color: white; }
    .product-description .btn .btn--primary__icon {
      width: 11px;
      height: 11px;
      background-image: url("https://cdn.technologyreview.com/_/img/angle-arrow--white.svg");
      position: absolute;
      top: 9px;
      right: 9px; }
    .product-description .btn:hover .btn--primary__icon {
      background-image: url("https://cdn.technologyreview.com/_/img/angle-arrow--insider-blue.svg"); }
  .product-description .btn--activated {
    opacity: .4;
    cursor: text; }
    .product-description .btn--activated:hover {
      color: white;
      background-color: transparent; }
      .product-description .btn--activated:hover .btn--primary__icon {
        background-image: url("https://cdn.technologyreview.com/_/img/angle-arrow--white.svg"); }
  .insider-pricing-alum .product-description {
    background: #A31F34; }
    .insider-pricing-alum .product-description .btn:hover {
      color: #A31F34; }
      .insider-pricing-alum .product-description .btn:hover .btn--primary__icon {
        background-image: url("https://cdn.technologyreview.com/_/img/angle-arrow--alumni-red.svg"); }
    .insider-pricing-alum .product-description .btn--activated {
      opacity: .4;
      cursor: text; }
      .insider-pricing-alum .product-description .btn--activated:hover {
        color: white;
        background-color: transparent; }
        .insider-pricing-alum .product-description .btn--activated:hover .btn--primary__icon {
          background-image: url("https://cdn.technologyreview.com/_/img/angle-arrow--white.svg"); }

.product-description__level {
  font-family: "NeueHaas", sans-serif;
  font-size: 30px;
  font-weight: 900;
  margin-bottom: 0; }
  @media (min-width: 750px) {
    .product-description__level {
      margin-right: 10px;
      margin-bottom: 40px;
      display: inline-block;
      position: relative;
      float: left; } }
  .product-description__level .product-description__level__gift {
    font-weight: 300; }

.product-description__level--static {
  margin-bottom: 0; }
  @media (min-width: 850px) {
    .product-description__level--static {
      font-family: "NeueHaas", sans-serif;
      font-size: 48px;
      text-rendering: optimizeLegibility;
      font-weight: 700;
      margin-bottom: 40px; } }

.product-description__price {
  font-family: "NeueHaas", sans-serif;
  font-size: 30px;
  font-weight: 200;
  margin-bottom: 20px; }
  @media (min-width: 750px) {
    .product-description__price {
      display: inline-block;
      position: relative;
      float: left; } }

.product-description__price--static {
  margin-bottom: 30px;
  display: block;
  float: none;
  clear: left; }
  @media (min-width: 850px) {
    .product-description__price--static {
      font-family: "NeueHaas", sans-serif;
      font-size: 64px;
      text-rendering: optimizeLegibility;
      font-weight: 200;
      margin-bottom: 0;
      position: absolute;
      bottom: 50px;
      right: 30px; } }
  @media (min-width: 850px) {
    .insider-pricing-alum .product-description__price--static {
      bottom: 50px;
      right: 0;
      width: 33.33333%;
      font-size: 50px; } }
  @media (min-width: 1024px) {
    .insider-pricing-alum .product-description__price--static {
      font-size: 64px; } }

.product-description__price__note {
  display: none; }
  .insider-pricing-alum.insider-tier-basic .product-description__price--static .product-description__price__note {
    font-family: "NeueHaas", sans-serif;
    font-size: 14px;
    font-weight: 400;
    width: 70%;
    display: block;
    clear: left; }

.product-description__cta {
  margin-bottom: 20px; }
  @media (min-width: 750px) {
    .product-description__cta {
      width: 145px;
      float: right; } }

@media (min-width: 850px) {
  .product-description__list {
    width: 50%; } }

@media (min-width: 850px) {
  .insider-tier-plus .product-description__list,
  .insider-tier-premium .product-description__list {
    width: 58.33333%; } }

.product-description__list-heading {
  font-family: "NeueHaas", sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-bottom: 5px;
  border-bottom: 4px solid #fff;
  clear: left; }

.product-description__benefits {
  margin-bottom: 20px; }
  .product-description__benefits:after {
    content: " ";
    display: table;
    clear: both; }

.product-description__benefit {
  font-family: "NeueHaas", sans-serif;
  font-size: 16px;
  font-weight: 400;
  padding: 10px 0;
  border-bottom: 2px solid #fff; }

.product-description__benefit-conjunction {
  display: inline; }
  .insider-tier-plus .product-description__benefit-conjunction,
  .insider-tier-premium .product-description__benefit-conjunction {
    display: none; }

.product-description__benefit-conjunction--plus {
  display: inline; }
  .insider-tier-basic .product-description__benefit-conjunction--plus {
    display: none; }

.product-description__benefit--basic {
  display: none; }
  .insider-tier-basic .product-description__benefit--basic,
  .insider-tier-plus .product-description__benefit--basic,
  .insider-tier-premium .product-description__benefit--basic {
    display: block; }

.product-description__benefit--plus {
  display: none; }
  .insider-tier-plus .product-description__benefit--plus,
  .insider-tier-premium .product-description__benefit--plus {
    display: block; }

.product-description__benefit--premium {
  display: none; }
  .insider-tier-premium .product-description__benefit--premium {
    display: block; }

.insider-edition-digital .product-description__benefit__edition--print {
  display: none; }

.product-description__benefit__edition--digital {
  display: none; }
  .insider-edition-digital .product-description__benefit__edition--digital {
    display: inline; }

.product-description__gift-cta__text {
  font-family: "NeueHaas", sans-serif;
  font-size: 14px;
  font-weight: 900;
  margin-right: 10px;
  display: inline-block; }

.product-description__gift-cta__icon {
  width: 27px;
  height: 10px;
  display: inline-block;
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("https://cdn.technologyreview.com/_/img/arrow--white.svg");
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  .product-description__gift-cta:hover .product-description__gift-cta__icon {
    -webkit-transform: translateX(4px);
            transform: translateX(4px); }

.l-product-description {
  padding: 0; }
  @media (min-width: 850px) {
    .l-product-description {
      width: 56%; } }

.product-description {
  background: none;
  color: #000; }

.product-description__level,
.product-description__price {
  font-size: 24px; }

/**
 * Fix things screwed up by _insider__product-description.scss
 */
@media (min-width: 750px) {
  .product-description__level {
    float: none;
    position: static;
    display: block;
    margin-bottom: 0; } }

@media (min-width: 750px) {
  .product-description__price {
    float: none;
    position: static;
    display: block; } }

.product-description__list-heading,
.product-description__benefit {
  border-color: #000; }

@media (min-width: 850px) {
  .product-description__level,
  .product-description__price {
    font-size: 30px; } }

.product-description__price__note {
  font-size: 0.75em;
  display: inline;
  color: #888; }

.paywall {
  display: none; }

.paywall--visible {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
  max-width: 1240px;
  margin: 50px auto;
  padding: 0 10px; }
  @media (min-width: 550px) {
    .paywall--visible {
      padding: 0 15px; } }
  @media (min-width: 750px) {
    .paywall--visible {
      padding: 0 30px; } }

.paywall__subscribe-alert {
  color: #F90E1E;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  margin-top: 20px;
  width: 100%; }
  .paywall__subscribe-alert:before {
    content: "";
    display: block;
    height: 4px;
    position: absolute;
    right: 0;
    left: 0;
    top: 50%;
    z-index: 1;
    margin-top: -3px;
    background-color: #F90E1E; }
  .paywall__subscribe-alert span {
    display: inline-block;
    background-color: white;
    padding: 0 10px;
    position: relative;
    z-index: 2; }

.paywall__aside {
  margin-bottom: 20px; }
  @media (min-width: 850px) {
    .paywall__aside {
      margin-bottom: 25px;
      width: 41.66667%; } }

.paywalL__aside__heading {
  font-size: 24px;
  line-height: 1.15em;
  font-weight: 700; }
  @media (min-width: 850px) {
    .paywalL__aside__heading {
      margin-bottom: 40px;
      font-size: 48px;
      margin-right: 30px; } }

.paywall_heading {
  line-height: 120%;
  font-weight: 200;
  font-size: 48px;
  margin: 20px 0 20px; }
  @media (min-width: 850px) {
    .paywall_heading {
      font-size: 90px;
      margin: 50px 0; } }

.paywall__subscribe-btn {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  clear: both;
  height: 69px;
  width: 100%; }
  .paywall__subscribe-btn:hover {
    color: #ffffff;
    background-color: #000; }
    .paywall__subscribe-btn:hover span {
      background-image: url("https://cdn.technologyreview.com/_/img/angle-arrow--white.svg"); }
  .paywall__subscribe-btn p {
    font-family: NeueHaas;
    font-size: 17px;
    font-weight: 600;
    cursor: pointer;
    padding: 23px 10px 10px;
    line-height: 1;
    position: relative;
    border: 2px solid #000; }
  .paywall__subscribe-btn span {
    position: absolute;
    width: 10px;
    height: 10px;
    top: 9px;
    right: 10px;
    background-image: url("https://cdn.technologyreview.com/_/img/angle-arrow.svg"); }
  .paywall__subscribe-btn p {
    padding-top: 37px; }
  @media (min-width: 850px) {
    .paywall__subscribe-btn {
      width: 150px; } }

.paywall__subscribe-btn--mobile {
  margin-bottom: 20px; }
  @media (min-width: 850px) {
    .paywall__subscribe-btn--mobile {
      display: none; } }

.paywall__subscribe-btn--desktop {
  margin-top: 40px; }
  @media (min-width: 0) and (max-width: 849px) {
    .paywall__subscribe-btn--desktop {
      display: none; } }

.paywall__link {
  margin-top: 1em;
  width: 50%; }
  .paywall__link a {
    font-weight: 700; }

.paywall__link--pricing {
  font-weight: 700; }
  .paywall__link--pricing:hover:after {
    -webkit-transform: translateX(4px);
            transform: translateX(4px); }
  .paywall__link--pricing:after {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: inline-block;
    content: '';
    width: 33px;
    height: 11px;
    background-image: url("https://cdn.technologyreview.com/_/img/arrow.svg");
    background-size: 100%;
    margin-left: 5px;
    background-position: center center;
    background-repeat: no-repeat; }

@media (min-width: 850px) {
  .paywall__link:first-child {
    margin-top: 40px; } }

.article.ko {
  overflow: hidden; }
  .article.ko .l-article-topper {
    position: relative;
    z-index: 4; }
  .article.ko .article-body {
    height: 100%; }
  .article.ko .article-body__content {
    position: relative;
    height: 100%;
    padding: 1px 0; }
    .article.ko .article-body__content:before {
      content: "";
      /* FF3.6+ */
      /* Chrome,Safari4+ */
      /* Chrome10+,Safari5.1+ */
      /* Opera 11.10+ */
      /* IE10+ */
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(36%, rgba(255, 255, 255, 0.78)), to(white));
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.78) 36%, white 100%);
      /* W3C */
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 50%;
      width: 100%;
      z-index: 2; }
  .article.ko .article-footer__main {
    display: none; }

.subscriber-only {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
  max-width: 1240px;
  margin: 50px auto;
  padding: 0 10px;
  margin-top: 0px; }
  @media (min-width: 550px) {
    .subscriber-only {
      padding: 0 15px; } }
  @media (min-width: 750px) {
    .subscriber-only {
      padding: 0 30px; } }

.subscriber-only__subscribe-alert {
  color: #F90E1E;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  margin-top: 20px;
  width: 100%; }
  .subscriber-only__subscribe-alert:before {
    content: "";
    display: block;
    height: 4px;
    position: absolute;
    right: 0;
    left: 0;
    top: 50%;
    z-index: 1;
    margin-top: -3px;
    background-color: #F90E1E; }
  .subscriber-only__subscribe-alert span {
    display: inline-block;
    background-color: white;
    padding: 0 10px;
    position: relative;
    z-index: 2; }

.subscriber-only__heading {
  line-height: 120%;
  font-weight: 200;
  font-size: 48px;
  margin: 20px 0 20px;
  text-align: center; }
  @media (min-width: 850px) {
    .subscriber-only__heading {
      font-size: 90px;
      margin: 50px 0; } }

.subscriber-only__dek {
  font-size: 24px;
  line-height: 1.15em;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center; }
  @media (min-width: 850px) {
    .subscriber-only__dek {
      margin-bottom: 40px;
      font-size: 48px; } }

.subscriber-only__action-container {
  max-width: 580px;
  margin: 0px auto; }

.subscriber-only__subscribe-input {
  height: 72px;
  border: 1px solid #979797;
  -webkit-box-shadow: inset 2px 2px 5px 0 rgba(0, 0, 0, 0.19);
          box-shadow: inset 2px 2px 5px 0 rgba(0, 0, 0, 0.19);
  line-height: 72px;
  padding: 0px 15px;
  font-size: 27px;
  font-weight: 300; }

.subscriber-only__subscribe-btn {
  width: 100%;
  background: #fc2517;
  height: 66px;
  margin-top: 10px;
  margin-bottom: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-width: 2px;
  border-color: #fc2517;
  border-style: solid; }
  .subscriber-only__subscribe-btn:hover {
    -webkit-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
    background: #ffffff; }
    .subscriber-only__subscribe-btn:hover .subscriber-only__subscribe-btn--text {
      -webkit-transition: color 0.2s ease;
      transition: color 0.2s ease;
      color: #fc2517; }

.subscriber-only__subscribe-btn--text {
  text-align: center;
  line-height: 66px;
  color: #ffffff;
  font-size: 27px;
  font-weight: 700; }

.subscriber-only__login-text {
  font-size: 20px; }

.subscriber-only__login-link {
  font-weight: 700;
  color: #000;
  text-decoration: underline; }

.paywall > form {
  width: 100%; }

.react-container {
  min-height: 600px; }

.stump {
  max-width: 1240px;
  margin: 50px auto;
  padding: 0 10px;
  margin-top: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column; }
  @media (min-width: 550px) {
    .stump {
      padding: 0 15px; } }
  @media (min-width: 750px) {
    .stump {
      padding: 0 30px; } }

.stump__subscribe-alert {
  color: #F90E1E;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  margin-top: 20px;
  width: 100%; }
  .stump__subscribe-alert:before {
    content: "";
    display: block;
    height: 4px;
    position: absolute;
    right: 0;
    left: 0;
    top: 50%;
    z-index: 1;
    margin-top: -3px;
    background-color: #F90E1E; }
  .stump__subscribe-alert span {
    display: inline-block;
    background-color: white;
    padding: 0 10px;
    position: relative;
    z-index: 2; }

.stump__heading {
  line-height: 120%;
  font-weight: 200;
  font-size: 48px;
  margin: 20px 0 20px;
  text-align: center; }
  @media (min-width: 850px) {
    .stump__heading {
      font-size: 90px;
      margin: 50px 0; } }

.stump__dek {
  font-size: 24px;
  line-height: 1.15em;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center; }
  @media (min-width: 850px) {
    .stump__dek {
      margin-bottom: 40px;
      font-size: 48px; } }

.stump__action-container {
  max-width: 580px;
  margin: 0px auto; }

.stump__subscribe-input-group .stump__subscribe-input:first-child {
  width: 47%;
  margin-right: 6%; }

.stump__subscribe-input-group .stump__subscribe-input:last-child {
  width: 47%; }

.stump__subscribe-input {
  height: 72px;
  border: 1px solid #979797;
  -webkit-box-shadow: inset 2px 2px 5px 0 rgba(0, 0, 0, 0.19);
          box-shadow: inset 2px 2px 5px 0 rgba(0, 0, 0, 0.19);
  line-height: 72px;
  padding: 0px 20px;
  font-size: 23px;
  font-weight: 300;
  width: 100%;
  margin-bottom: 20px; }

.stump__subscribe-checkbox {
  line-height: 30px;
  font-size: 18px;
  width: 100%;
  margin-bottom: 20px;
  margin-left: 10px;
  display: block; }
  .stump__subscribe-checkbox > .stump__subscribe-checkbox-button {
    vertical-align: middle;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    margin-right: 10px; }
  .stump__subscribe-checkbox > a {
    text-decoration: underline; }

.stump__subscribe-btn {
  width: 100%;
  background: #fc2517;
  height: 66px;
  margin-top: 0px;
  margin-bottom: 13px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-width: 2px;
  border-color: #fc2517;
  border-style: solid;
  border-radius: 0px;
  text-align: center;
  line-height: 66px;
  color: #ffffff;
  font-size: 27px;
  font-weight: 700; }
  .stump__subscribe-btn:hover:not([disabled]) {
    -webkit-transition: background-color 0.2s ease, color 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease;
    background-color: #ffffff;
    color: #fc2517; }
  .stump__subscribe-btn[disabled] {
    opacity: .6; }
  @media only screen and (max-width: 500px) {
    .stump__subscribe-btn.small {
      font-size: 20px; } }

.stump__login-text {
  font-size: 17px;
  max-width: 580px;
  margin: 0px auto;
  position: relative;
  line-height: 30px;
  margin-bottom: 10px; }
  @media only screen and (min-width: 1024px) {
    .stump__login-text {
      white-space: nowrap;
      font-size: 16px; } }
  .stump__login-text .stump__login-text-block {
    display: inline; }
    @media only screen and (max-width: 1024px) {
      .stump__login-text .stump__login-text-block {
        display: block; } }

.stump__login-link {
  font-weight: 700;
  color: #000;
  text-decoration: underline;
  cursor: pointer; }

.stump__error {
  color: #fc2517;
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 3px; }

.field-captcha {
  margin-bottom: 15px; }

.stump-form__loading {
  fill: red;
  max-height: 32px;
  max-width: 32px;
  margin: 0px auto 10px auto;
  display: block; }
  .stump-form__loading.hidden {
    visibility: hidden; }

/**
 * Article incognito wall
 */
/**
 * Buttons
 */
.btn {
  background-color: transparent;
  text-align: left;
  border: 2px solid #000;
  padding: 30px 10px 8px;
  font-family: NeueHaas;
  font-size: 18px;
  font-weight: 700;
  -webkit-transition: .2s ease;
  transition: .2s ease;
  width: 100%;
  position: relative;
  outline: none;
  display: block; }
  @media (min-width: 850px) {
    .btn {
      display: inline-block;
      padding: 30px 100px 8px 10px;
      width: auto; } }
  .btn:hover {
    background-color: #000;
    border-color: #000;
    color: #ffffff; }
  .btn:active {
    background-color: transparent;
    background-color: #000;
    color: white; }

.btn--block {
  display: block;
  width: 100%; }

.touch .btn--add:hover {
  background-color: initial;
  border-color: initial;
  color: initial; }

.touch .btn--add:active {
  background-color: initial;
  background-color: initial;
  color: initial; }

.btn--add__icon {
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 10px;
  right: 10px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("https://cdn.technologyreview.com/_/img/plus.svg"); }
  .btn--add:hover .btn--add__icon {
    background-image: url("https://cdn.technologyreview.com/_/img/plus--white.svg"); }
    .touch .btn--add:hover .btn--add__icon {
      background-image: url("https://cdn.technologyreview.com/_/img/plus.svg"); }
  .btn--add:active .btn--add__icon {
    background-image: url("https://cdn.technologyreview.com/_/img/plus--white.svg"); }
    .touch .btn--add:active .btn--add__icon {
      background-image: url("https://cdn.technologyreview.com/_/img/plus.svg"); }

@media (min-width: 850px) {
  .btn--lock {
    width: 175px;
    padding-right: 50px;
    padding-top: 20px; } }

.btn--lock:before {
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  position: absolute;
  top: 9px;
  right: 9px;
  font-size: 16px; }

.btn--primary:before {
  content: '';
  width: 11px;
  height: 11px;
  position: absolute;
  top: 9px;
  right: 9px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("https://cdn.technologyreview.com/_/img/angle-arrow.svg"); }

.btn--primary:hover:before {
  background-image: url("https://cdn.technologyreview.com/_/img/angle-arrow--white.svg"); }

.btn--primary--blackbg {
  border: 2px solid #fff; }
  .btn--primary--blackbg:before {
    content: '';
    width: 11px;
    height: 11px;
    position: absolute;
    top: 9px;
    right: 9px;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url("https://cdn.technologyreview.com/_/img/angle-arrow--white.svg"); }
  .btn--primary--blackbg:hover {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #000; }
    .btn--primary--blackbg:hover:before {
      background-image: url("https://cdn.technologyreview.com/_/img/angle-arrow.svg"); }
  .btn--primary--blackbg:active {
    background-color: transparent;
    background-color: #ffffff;
    color: #000; }

.btn--primary--transparent .btn__icon--angle-arrow {
  display: block; }

.btn--primary--transparent__icon {
  width: 11px;
  height: 11px;
  position: absolute;
  top: 9px;
  right: 9px; }
  .btn--primary--transparent .btn--primary--transparent__icon .btn__icon--angle-arrow polygon {
    fill: currentColor; }
  .btn--primary--transparent:hover .btn--primary--transparent__icon .btn__icon--angle-arrow polygon {
    fill: currentColor; }

.incognito-wall {
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
  height: 100%;
  z-index: 100;
  opacity: 0;
  -webkit-transition: all 0.33s linear;
  transition: all 0.33s linear;
  overflow-y: scroll; }
  html.incognito-wall-shown .incognito-wall {
    visibility: visible;
    opacity: 1; }

html.incognito-wall-shown {
  overflow: hidden; }
  html.incognito-wall-shown body {
    overflow: hidden; }

.incognito-wall__wrapper {
  margin: 60px auto;
  max-width: 580px;
  padding: 0 10px; }

.incognito-wall__logo {
  width: 100px;
  margin-bottom: 60px; }

.incognito-wall__intro {
  padding-bottom: 20px;
  border-bottom: 4px solid #000;
  margin-bottom: 55px; }
  .incognito-wall__intro p {
    font-family: "NeueHaas", sans-serif;
    font-size: 47px;
    text-rendering: optimizeLegibility;
    font-weight: 200;
    line-height: 58px;
    margin-bottom: 30px; }

.incognito-wall__body {
  margin-bottom: 60px; }
  .incognito-wall__body p {
    font-family: "NeueHaas", sans-serif;
    font-size: 18px;
    font-weight: 400;
    margin-top: 30px;
    margin-bottom: 20px; }
    .incognito-wall__body p a {
      text-decoration: underline; }
      .incognito-wall__body p a:hover {
        text-decoration: none; }
  .incognito-wall__body .incognito-wall__subscribe-btn {
    display: inline-block;
    padding: 30px 35px 10px 10px;
    width: auto;
    background-color: #F90E1E;
    border-color: #F90E1E;
    color: #ffffff; }
    .incognito-wall__body .incognito-wall__subscribe-btn:hover {
      background-color: #ffffff;
      border-color: #F90E1E;
      color: #F90E1E; }
    .incognito-wall__body .incognito-wall__subscribe-btn:active {
      background-color: #000;
      border-color: #000;
      color: #ffffff; }

.incognito-wall__footer {
  font-family: "NeueHaas", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px; }
  .incognito-wall__footer h4 {
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 7px; }
  .incognito-wall__footer p {
    line-height: 1.5;
    margin-bottom: 1em; }
  .incognito-wall__footer a {
    text-decoration: underline; }
    .incognito-wall__footer a:hover {
      text-decoration: none; }

/**
 * Hero Header
 */
@media (min-width: 850px) {
  .hero {
    margin-bottom: 60px; } }

.hero.dark-text .hero__subhead,
.hero.dark-text .hero__title,
.hero.dark-text .hero__lead,
.hero.dark-text .hero__sponsor {
  color: #000; }

.hero__container {
  padding: 30px 0;
  color: white;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media (min-width: 850px) {
    .hero__container {
      padding: 60px 0;
      -ms-flex-wrap: none;
      flex-wrap: nowrap; } }

.hero__subhead {
  font-size: 24px; }
  @media (min-width: 850px) {
    .hero__subhead {
      font-size: 28px;
      margin-top: 30px; } }

.hero__title {
  font-size: 40px;
  margin: 20px 0; }
  @media (min-width: 850px) {
    .hero__title {
      font-size: 60px;
      margin: 30px 0; } }

.hero__lead {
  font-size: 24px; }
  @media (min-width: 850px) {
    .hero__lead {
      font-size: 28px;
      max-width: 550px; } }

.hero__sponsor {
  margin-top: 30px;
  font-size: 14px;
  line-height: 1.5; }

.hero__sponsor-logo {
  margin-top: 5px;
  margin-bottom: 20px; }
  @media (min-width: 850px) {
    .hero__sponsor-logo {
      margin-bottom: 0; } }

.hero__image {
  display: block;
  -webkit-box-flex: 1;
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  -webkit-box-ordinal-group: 3;
  -moz-order: 2;
  -ms-flex-order: 2;
  order: 2;
  max-width: 400px; }
  .hero__image img {
    max-width: 100%; }
  @media (min-width: 850px) {
    .hero__image {
      -webkit-box-ordinal-group: 1;
      -moz-order: 0;
      -ms-flex-order: 0;
      order: 0;
      -webkit-box-flex: 0;
      -moz-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto; } }

.hero__image-illustration {
  color: #ffffff;
  max-width: 600px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: "NeueHaas", sans-serif;
  font-size: 11px;
  font-weight: 500;
  margin-bottom: 0;
  display: block;
  margin-right: 20px; }
  @media (min-width: 850px) {
    .hero__image-illustration {
      font-size: 11px; } }
  .hero__image-illustration:last-of-type {
    margin-right: 0; }

.hero__content {
  padding: 0 30px;
  -webkit-box-flex: 1;
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  -webkit-box-ordinal-group: 2;
  -moz-order: 1;
  -ms-flex-order: 1;
  order: 1; }
  @media (min-width: 850px) {
    .hero__content {
      padding: 0 0 0 50px;
      -webkit-box-ordinal-group: 1;
      -moz-order: 0;
      -ms-flex-order: 0;
      order: 0;
      -webkit-box-flex: 1;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto; } }

/**
 * Article Footer
 */
.article-footer {
  width: 100%; }
  .article-footer:after {
    content: " ";
    display: table;
    clear: both; }
  @media (min-width: 1024px) {
    .article-footer {
      padding-left: 100px; } }

@media (min-width: 1024px) {
  .l-article-topper--media + .article-footer {
    padding-left: 0; } }

.article-footer__main {
  padding-bottom: 20px;
  float: left;
  max-width: 600px; }
  @media (min-width: 850px) {
    .article-footer__main {
      width: calc(100% - 320px); } }
  @media (min-width: 1024px) {
    .article-footer__main {
      width: 58.33333%; } }

.article-footer__group {
  padding-top: 20px;
  border-top: solid black 1px; }
  @media (min-width: 550px) {
    .article-footer__group {
      padding-top: 30px; }
      .article-footer__group > .article-footer__taxonomy,
      .article-footer__group > .sharing--footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
      .article-footer__group h3 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 95px; } }

.article-footer__group + .article-footer__group {
  margin-top: 15px; }
  @media (min-width: 550px) {
    .article-footer__group + .article-footer__group {
      margin-top: 30px; } }

.article-footer__taxonomy + .article-footer__taxonomy {
  margin-top: 20px; }

.article-footer__terms {
  font-family: "NeueHaas", sans-serif;
  font-size: 15px;
  font-weight: 400; }

.article-footer__term-title {
  font-size: 17px;
  font-weight: 700;
  line-height: 18px;
  margin-bottom: 10px; }

.article-footer__term-text {
  line-height: 20px; }

.article-footer__term-link:hover {
  text-decoration: underline; }

.article-footer__author__portrait-mod {
  float: left;
  border-radius: 100%;
  margin-right: 0;
  overflow: hidden;
  margin-right: 15px;
  width: 60px;
  height: 60px; }
  @media (min-width: 550px) {
    .article-footer__author__portrait-mod {
      width: 75px;
      height: 75px; } }

.article-footer__author__portrait {
  width: 100%;
  height: 100%; }

.article-footer__author__text {
  font-family: "NeueHaas", sans-serif;
  font-size: 17px;
  font-weight: 400; }
  .article-footer__author__text.article-footer__author__text-with-avatar {
    margin-left: 75px; }
    @media (min-width: 550px) {
      .article-footer__author__text.article-footer__author__text-with-avatar {
        margin-left: 90px; } }

.article-footer__author__portrait + .article-footer__author__text,
.article-footer__author__portrait + .article-footer__author__text {
  margin-left: 20px;
  float: left;
  width: 70%; }

.article-footer__author__name {
  margin-bottom: 20px;
  font-weight: 700; }
  @media (min-width: 550px) {
    .article-footer__author__name {
      margin-bottom: 10px; } }

.article-footer__author__title {
  font-weight: 400;
  display: block;
  margin-top: 5px;
  font-size: 15px; }
  @media (min-width: 550px) {
    .article-footer__author__title {
      font-size: 17px;
      display: inline;
      margin-left: 20px;
      margin-top: 0; } }

.article-footer__author_bio {
  font-family: "NeueHaas", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5; }

/**
 * Business Blue for BR's
 *
 * Entries that are part of a business report
 */
body.in-business-report {
  background: #E4EFF9; }
  body.in-business-report #header {
    background-color: #E4EFF9; }
  body.in-business-report .swiper-button-prev, body.in-business-report .swiper-button-next {
    background-color: #E4EFF9; }
  body.in-business-report .swiper-button-prev:after {
    background: -webkit-gradient(linear, left top, right top, from(#e4ecf7), to(rgba(228, 236, 247, 0)));
    background: linear-gradient(90deg, #e4ecf7, rgba(228, 236, 247, 0)); }
  body.in-business-report .swiper-button-next:after {
    background: -webkit-gradient(linear, left top, right top, from(rgba(228, 236, 247, 0)), to(#e4ecf7));
    background: linear-gradient(90deg, rgba(228, 236, 247, 0), #e4ecf7); }
  body.in-business-report .navbar {
    background: #E4EFF9; }
    @media (min-width: 750px) {
      body.in-business-report .navbar .navbar__navigation,
      body.in-business-report .navbar .navbar--primary,
      body.in-business-report .navbar .navbar--tertiary {
        background-color: transparent; }
      body.in-business-report .navbar .navbar--tertiary {
        background-color: transparent; }
        body.in-business-report .navbar .navbar--tertiary:hover {
          background-color: #F90E1E; } }
  body.in-business-report .site-content {
    background: #E4EFF9; }
  body.in-business-report .l-article-topper {
    background: #E4EFF9; }
  body.in-business-report .l-article-topper .article-topper__title {
    font-family: "MillerText", serif;
    font-weight: 600;
    letter-spacing: -2px; }
    @media (min-width: 550px) {
      body.in-business-report .l-article-topper .article-topper__title {
        font-size: 32px;
        text-rendering: optimizeLegibility;
        margin-bottom: 50px; } }
    @media (min-width: 850px) {
      body.in-business-report .l-article-topper .article-topper__title {
        font-size: 60px;
        text-rendering: optimizeLegibility; } }
  body.in-business-report .l-article-topper .article-topper__hgroup {
    background-color: transparent;
    font-size: 20px;
    color: #000; }
  body.in-business-report .l-article-topper > .article-topper__topic {
    border-color: black;
    margin-top: 5px;
    padding-bottom: 20px;
    border-top: 4px solid black; }
  body.in-business-report .l-article-topper .article-topper__title {
    padding-top: 15px; }
  body.in-business-report .l-article-topper .article-topper__subtitle {
    margin-bottom: 15px; }
    @media (min-width: 550px) {
      body.in-business-report .l-article-topper .article-topper__subtitle {
        padding-bottom: 30px; } }
  body.in-business-report .l-article-topper .btn {
    background-color: transparent; }
    body.in-business-report .l-article-topper .btn:hover {
      background-color: black;
      color: #E4EFF9; }
  body.in-business-report .l-article-topper--vertical {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  body.in-business-report .l-article-topper--standard {
    margin-bottom: 20px; }
    @media (min-width: 1024px) {
      body.in-business-report .l-article-topper--standard {
        margin-bottom: 30px; } }
    body.in-business-report .l-article-topper--standard .article-topper__header-wrap {
      border-bottom: 0; }
  body.in-business-report .l-article-topper--horizontal .article-topper__hgroup,
  body.in-business-report .l-article-topper--standard .article-topper__hgroup {
    padding-top: 1px;
    padding-bottom: 0;
    margin-bottom: 20px; }
    @media (max-width: 1023px) {
      body.in-business-report .l-article-topper--horizontal .article-topper__hgroup,
      body.in-business-report .l-article-topper--standard .article-topper__hgroup {
        padding: 1px 0 0 0; } }
    @media (min-width: 550px) {
      body.in-business-report .l-article-topper--horizontal .article-topper__hgroup,
      body.in-business-report .l-article-topper--standard .article-topper__hgroup {
        margin-bottom: 40px; } }
  body.in-business-report .l-article-topper--horizontal .article-topper__topic,
  body.in-business-report .l-article-topper--standard .article-topper__topic {
    max-width: 100%;
    border-top: 4px solid #000;
    padding-bottom: 20px;
    border-bottom: 1px solid #000;
    margin-bottom: 0;
    padding-top: 5px; }
    @media (min-width: 550px) {
      body.in-business-report .l-article-topper--horizontal .article-topper__topic,
      body.in-business-report .l-article-topper--standard .article-topper__topic {
        padding-bottom: 10px; } }
  body.in-business-report .l-article-topper--horizontal .article-topper__meta-info,
  body.in-business-report .l-article-topper--standard .article-topper__meta-info {
    padding-bottom: 20px;
    border-bottom: 1px solid #000; }
    @media (min-width: 550px) {
      body.in-business-report .l-article-topper--horizontal .article-topper__meta-info,
      body.in-business-report .l-article-topper--standard .article-topper__meta-info {
        padding-bottom: 40px; } }
  body.in-business-report .l-article-topper--horizontal .article-topper__header-wrap .article-topper__hgroup {
    border: 0; }
  body.in-business-report .l-article-topper--standard .article-topper__hgroup {
    padding: 1px 0 0; }
  body.in-business-report .reading-list__top,
  body.in-business-report .reading-list__bottom {
    background-color: #E4EFF9; }
  body.in-business-report .article.ko .article-body__content:before {
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(228, 236, 247, 0)), color-stop(34%, rgba(228, 236, 247, 0.52)), color-stop(70%, rgba(228, 236, 247, 0.84)), color-stop(99%, #e4ecf7), to(#e4ecf7));
    background: linear-gradient(to bottom, rgba(228, 236, 247, 0) 0%, rgba(228, 236, 247, 0.52) 34%, rgba(228, 236, 247, 0.84) 70%, #e4ecf7 99%, #e4ecf7 100%);
    /* W3C */ }
  body.in-business-report .login-form .login-form__subscribe-alert span {
    background-color: #E4EFF9; }
  body.in-business-report .article {
    background-color: #E4EFF9; }
  body.in-business-report .article-body__content span.dropcap {
    color: #E4EFF9; }
  body.in-business-report .l-article-img img {
    display: block; }
  body.in-business-report .br-access {
    width: 100%;
    float: left; }
    @media (min-width: 550px) {
      body.in-business-report .br-access {
        width: 50%; } }
  body.in-business-report .l-article-topper .issue-info {
    width: 100%;
    margin: 20px 0 0 0;
    font-family: "NeueHaas", sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.4; }
    @media (min-width: 850px) {
      body.in-business-report .l-article-topper .issue-info {
        width: 100%; } }
  body.in-business-report .issue-info__cta {
    display: block;
    font-family: "NeueHaas", sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    color: #000; }
    body.in-business-report .issue-info__cta:hover:after {
      -webkit-transform: translateX(4px);
              transform: translateX(4px); }
    body.in-business-report .issue-info__cta:after {
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease;
      display: inline-block;
      content: '';
      width: 22px;
      height: 10px;
      background-image: url("https://cdn.technologyreview.com/_/img/arrow.svg");
      background-size: 100%;
      margin-left: 8px;
      background-position: center center;
      background-repeat: no-repeat; }
    body.in-business-report .issue-info__cta:hover {
      background-image: none;
      text-shadow: none;
      text-decoration: none; }
  body.in-business-report .footer {
    background-color: transparent; }

/**
 * Article Widgets
 *
 * Many of these are formatted and created in Rhino, some
 * that aren't found in Rhino are legacy HTML from Drupal
 * prior to the 2015/16 re-design.
 */
.article-body__content {
  /*------------------------------------------------------------------------------
  All Images
------------------------------------------------------------------------------*/
  /*------------------------------------------------------------------------------
  3x4 Images
------------------------------------------------------------------------------*/
  /*------------------------------------------------------------------------------
  2x4 Images
------------------------------------------------------------------------------*/
  /*------------------------------------------------------------------------------
  Text Column Images
------------------------------------------------------------------------------*/
  /*------------------------------------------------------------------------------
  Left Column Images
------------------------------------------------------------------------------*/
  /*------------------------------------------------------------------------------
  6 Column Images
------------------------------------------------------------------------------*/
  /*------------------------------------------------------------------------------
  8 Column Images
------------------------------------------------------------------------------*/
  /*------------------------------------------------------------------------------
  3 Column Images
------------------------------------------------------------------------------*/
  /*------------------------------------------------------------------------------
  Full-width Images
------------------------------------------------------------------------------*/
  /*------------------------------------------------------------------------------
  Slideshows
------------------------------------------------------------------------------*/
  /*------------------------------------------------------------------------------
  Audio
------------------------------------------------------------------------------*/
  /*------------------------------------------------------------------------------
  Iframe
------------------------------------------------------------------------------*/
  /*------------------------------------------------------------------------------
  Twitter
------------------------------------------------------------------------------*/
  /*------------------------------------------------------------------------------
  Rule
------------------------------------------------------------------------------*/
  /*------------------------------------------------------------------------------
  CTA
------------------------------------------------------------------------------*/
  /*------------------------------------------------------------------------------
  Automated Trending Unordered
------------------------------------------------------------------------------*/
  /*------------------------------------------------------------------------------
  Automated Trending Ordered
------------------------------------------------------------------------------*/
  /*------------------------------------------------------------------------------
  Automated Related Single
------------------------------------------------------------------------------*/
  /*------------------------------------------------------------------------------
  Magazine Promo
------------------------------------------------------------------------------*/
  /*------------------------------------------------------------------------------
  TR50 Feature Promo
------------------------------------------------------------------------------*/
  /*------------------------------------------------------------------------------
  Lists
------------------------------------------------------------------------------*/ }
  .article-body__content picture {
    display: inline-block;
    width: 100%;
    position: relative; }
  .article-body__content .l-article-img {
    clear: both;
    margin-bottom: 20px; }
    @media (min-width: 0) and (max-width: 549px) {
      .article-body__content .l-article-img picture + picture > .article-img {
        margin-top: 20px; } }
    @media (min-width: 850px) {
      .article-body__content .l-article-img {
        margin-bottom: 30px; } }
  .article-body__content .article-img {
    display: block;
    width: 100%; }
    @media (min-width: 550px) {
      .article-body__content .article-img {
        max-width: 100%; } }
  .article-body__content .article-cap {
    font-family: "NeueHaas", sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.4;
    padding-top: 10px; }
    @media (min-width: 850px) {
      .article-body__content .article-cap {
        width: 75%; } }
  .article-body__content .article-illustration {
    color: #7f7f7f;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: "NeueHaas", sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.4;
    padding-top: 3px; }
    @media (min-width: 850px) {
      .article-body__content .article-illustration {
        width: 75%; } }
  .article-body__content .article-title {
    font-family: "NeueHaas", sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    padding-bottom: 15px;
    text-align: left; }
    @media (min-width: 850px) {
      .article-body__content .article-title {
        width: 75%; } }
  .article-body__content .l-article-img--3x4:after {
    content: " ";
    display: table;
    clear: both; }
  .article-body__content .l-article-img--3x4 picture {
    margin-bottom: 10px; }
    @media (min-width: 550px) {
      .article-body__content .l-article-img--3x4 picture {
        float: left;
        width: 33.33333%;
        padding-right: 20px; } }
  @media (min-width: 550px) {
    .article-body__content .l-article-img--3x4 {
      margin-left: -10px;
      margin-right: -10px; } }
  @media (min-width: 850px) {
    .article-body__content .l-article-img--3x4 {
      margin-left: -100px;
      margin-bottom: 30px; } }
  @media (min-width: 1024px) {
    .article-body__content .l-article-img--3x4 {
      margin-bottom: 50px; } }
  @media (min-width: 550px) {
    .article-body__content .article-img--3x4 {
      width: 100%; } }
  .article-body__content .article-cap--3x4 {
    clear: both;
    margin-top: 0; }
    @media (min-width: 550px) {
      .article-body__content .article-cap--3x4 {
        padding-top: 10px; } }
    @media (min-width: 850px) {
      .article-body__content .article-cap--3x4 {
        width: 25%;
        float: left; } }
  .article-body__content .l-article-img--2x4--right,
  .article-body__content .l-article-img--2x4--left {
    position: relative;
    overflow: auto;
    display: block;
    margin-bottom: 20px; }
    @media (min-width: 550px) {
      .article-body__content .l-article-img--2x4--right,
      .article-body__content .l-article-img--2x4--left {
        margin-left: -10px;
        margin-bottom: 30px; } }
    @media (min-width: 1024px) {
      .article-body__content .l-article-img--2x4--right,
      .article-body__content .l-article-img--2x4--left {
        margin-bottom: 50px; } }
    .article-body__content .l-article-img--2x4--right picture,
    .article-body__content .l-article-img--2x4--left picture {
      margin-top: 10px; }
      @media (min-width: 550px) {
        .article-body__content .l-article-img--2x4--right picture,
        .article-body__content .l-article-img--2x4--left picture {
          width: 50%;
          padding-top: 10px;
          padding-right: 20px; } }
      @media (min-width: 1024px) {
        .article-body__content .l-article-img--2x4--right picture,
        .article-body__content .l-article-img--2x4--left picture {
          width: 33.33333%; } }
  .article-body__content .article-img--2x4--right,
  .article-body__content .article-img--2x4--left {
    width: 100%; }
  .article-body__content .article-cap--2x4--left,
  .article-body__content .article-cap--2x4--right {
    display: inline-block;
    clear: both;
    max-width: 100%; }
    @media (min-width: 550px) {
      .article-body__content .article-cap--2x4--left,
      .article-body__content .article-cap--2x4--right {
        margin-left: 10px; } }
    @media (min-width: 1024px) {
      .article-body__content .article-cap--2x4--left,
      .article-body__content .article-cap--2x4--right {
        position: absolute;
        bottom: 0;
        width: 30%; } }
  @media (min-width: 1024px) {
    .article-body__content .l-article-img--2x4--left {
      margin-left: -100px; } }
  @media (min-width: 550px) {
    .article-body__content .l-article-img--2x4--left picture {
      float: left; } }
  .article-body__content .l-article-img--2x4--right:after {
    content: " ";
    display: table;
    clear: both; }
  @media (min-width: 550px) {
    .article-body__content .l-article-img--2x4--right picture {
      float: left; } }
  @media (min-width: 1024px) {
    .article-body__content .article-img--2x4--right {
      padding-right: 20px; } }
  @media (min-width: 1024px) {
    .article-body__content .article-cap--2x4--right {
      text-align: left;
      float: left;
      padding-right: 20px; } }
  .article-body__content .l-article-img--text-col {
    max-width: 600px;
    clear: none; }
    @media (min-width: 850px) {
      .article-body__content .l-article-img--text-col {
        width: calc(100% - 320px); } }
    @media (min-width: 1024px) {
      .article-body__content .l-article-img--text-col {
        width: 58.33333%; } }
    .article-body__content .l-article-img--text-col .article-cap {
      width: 100%; }
  .article-body__content .article-cap--text-col {
    width: 100%; }
    @media (min-width: 1024px) {
      .article-body__content .article-cap--text-col {
        width: 33.33333%; } }
  @media (min-width: 550px) {
    .article-body__content .l-article-img--left-col {
      width: 50%;
      float: right;
      clear: right;
      padding-left: 20px; } }
  @media (min-width: 850px) {
    .article-body__content .l-article-img--left-col {
      width: 33.33333%; } }
  .article-body__content .l-article-img--left-col picture {
    float: right;
    width: 100%; }
  .article-body__content .article-img--left-col {
    width: 100%; }
  @media (min-width: 550px) {
    .article-body__content .article-cap--left-col {
      text-align: left;
      float: left; } }
  @media (min-width: 850px) {
    .article-body__content .l-article-img--6col {
      width: 50%;
      float: right;
      text-align: right; } }
  .article-body__content .l-article-img--6col > picture,
  .article-body__content .l-article-img--6col > video {
    display: block; }
  @media (min-width: 850px) {
    .article-body__content .l-article-img--6col {
      margin-left: 20px; } }
  @media (min-width: 850px) {
    .article-body__content .article-cap--6col {
      width: 50%;
      float: left;
      text-align: left; } }
  @media (min-width: 850px) {
    .article-body__content .l-article-img--8col {
      padding-right: 7px;
      width: 66.66667%;
      float: left; }
      .article-body__content .l-article-img--8col + p {
        overflow: hidden; } }
  @media (min-width: 1024px) {
    .article-body__content .l-article-img--8col {
      padding-right: 0;
      width: 100%;
      margin-left: -100px; } }
  .article-body__content .article-cap--8col {
    width: 100%; }
    @media (min-width: 1024px) {
      .article-body__content .article-cap--8col {
        width: 25%; } }
  .article-body__content .l-article-img--3col {
    clear: right;
    margin-top: 6px; }
    .article-body__content .l-article-img--3col .article-cap {
      width: auto; }
      .article-body__content .l-article-img--3col .article-cap > * {
        margin: 0; }
    @media (min-width: 550px) {
      .article-body__content .l-article-img--3col {
        width: 50%;
        max-width: 400px;
        float: right;
        padding-left: 20px; } }
    @media (min-width: 850px) {
      .article-body__content .l-article-img--3col {
        width: 33.33333%;
        margin-right: 31%; } }
    @media (min-width: 1024px) {
      .article-body__content .l-article-img--3col {
        width: 300px; } }
  .article-body__content .l-article-img--full {
    clear: both;
    margin-bottom: 20px; }
    @media (min-width: 550px) {
      .article-body__content .l-article-img--full {
        margin-bottom: 30px; } }
    @media (min-width: 1024px) {
      .article-body__content .l-article-img--full {
        margin-left: -100px; } }
  .article-body__content .article-img--full {
    width: 100%;
    display: block; }
  @media (min-width: 1024px) {
    .article-body__content .article-cap--full {
      width: 100%;
      margin-right: 75%;
      margin-bottom: 30px;
      float: left; } }
  .article-body__content .article-img-text-col-gallery-container {
    position: relative;
    clear: both;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    overflow: visible;
    max-width: 600px; }
    @media (min-width: 850px) {
      .article-body__content .article-img-text-col-gallery-container {
        width: calc(100% - 320px); } }
    @media (min-width: 1024px) {
      .article-body__content .article-img-text-col-gallery-container {
        width: 58.33333%; } }
    @media (min-width: 550px) {
      .article-body__content .article-img-text-col-gallery-container {
        margin-bottom: 30px; } }
    @media (min-width: 1024px) {
      .article-body__content .article-img-text-col-gallery-container {
        clear: right;
        margin-bottom: 50px; } }
    .article-body__content .article-img-text-col-gallery-container .swiper-wrapper-outer {
      overflow: hidden; }
    .article-body__content .article-img-text-col-gallery-container .gallery-swiper-button {
      float: right;
      height: 20px;
      width: 20px; }
    .article-body__content .article-img-text-col-gallery-container .l-article-img {
      margin-bottom: 0; }
    .article-body__content .article-img-text-col-gallery-container .article-cap {
      width: auto;
      padding-left: 174px;
      padding-top: 17px;
      font-size: 15px;
      padding-bottom: 0px;
      min-height: 102px; }
      .article-body__content .article-img-text-col-gallery-container .article-cap > * {
        margin: 0; }
      .article-body__content .article-img-text-col-gallery-container .article-cap strong {
        font-size: 15px; }
      @media (max-width: 550px) {
        .article-body__content .article-img-text-col-gallery-container .article-cap {
          padding-top: 75px;
          padding-left: 0px;
          padding-bottom: 30px; } }
    .article-body__content .article-img-text-col-gallery-container .gallery-swiper-index-back {
      width: 60px;
      height: 40px;
      border-style: solid;
      border-width: 1px;
      border-color: #000;
      margin-left: 9px !important;
      position: absolute;
      left: 39px;
      float: left;
      background-color: #ffffff;
      z-index: 10000; }
      .article-body__content .article-img-text-col-gallery-container .gallery-swiper-index-back .gallery-swiper-index-front {
        width: 60px;
        height: 40px;
        border-style: solid;
        border-width: 1px;
        border-color: #000;
        position: relative;
        left: -5px;
        top: 3px;
        background-color: #ffffff; }
      @media (max-width: 550px) {
        .article-body__content .article-img-text-col-gallery-container .gallery-swiper-index-back {
          margin-left: 0px;
          left: calc(50% - 39px); } }
  .article-body__content .article-img-full-gallery-container {
    overflow: visible;
    width: calc(100% + 0px);
    position: relative;
    clear: both;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0; }
    @media (min-width: 550px) {
      .article-body__content .article-img-full-gallery-container {
        width: calc(100% + 0px); } }
    @media (min-width: 1024px) {
      .article-body__content .article-img-full-gallery-container {
        margin-left: -100px;
        width: calc(100% + 100px); } }
    @media (min-width: 550px) {
      .article-body__content .article-img-full-gallery-container {
        margin-bottom: 30px; } }
    @media (min-width: 1024px) {
      .article-body__content .article-img-full-gallery-container {
        clear: right;
        margin-bottom: 50px; } }
    .article-body__content .article-img-full-gallery-container .swiper-wrapper-outer {
      overflow: hidden; }
    .article-body__content .article-img-full-gallery-container .gallery-swiper-button {
      float: left;
      height: 20px;
      width: 20px; }
    .article-body__content .article-img-full-gallery-container .l-article-img {
      margin-bottom: 0; }
    .article-body__content .article-img-full-gallery-container .article-cap {
      width: auto;
      padding-left: 174px;
      font-size: 15px;
      padding-top: 17px;
      padding-bottom: 0px;
      min-height: 102px; }
      .article-body__content .article-img-full-gallery-container .article-cap > * {
        margin: 0; }
      .article-body__content .article-img-full-gallery-container .article-cap strong {
        font-size: 15px; }
      @media (max-width: 550px) {
        .article-body__content .article-img-full-gallery-container .article-cap {
          padding-top: 75px;
          padding-left: 0px;
          padding-bottom: 30px; } }
    .article-body__content .article-img-full-gallery-container .gallery-swiper-index-back {
      width: 60px;
      height: 40px;
      border-style: solid;
      border-width: 1px;
      border-color: #000;
      margin-left: 9px !important;
      position: absolute;
      left: 39px;
      float: left;
      background-color: #ffffff;
      z-index: 10000; }
      .article-body__content .article-img-full-gallery-container .gallery-swiper-index-back .gallery-swiper-index-front {
        width: 60px;
        height: 40px;
        border-style: solid;
        border-width: 1px;
        border-color: #000;
        position: relative;
        left: -5px;
        top: 3px;
        background-color: #ffffff; }
      @media (max-width: 550px) {
        .article-body__content .article-img-full-gallery-container .gallery-swiper-index-back {
          margin-left: 0px;
          left: calc(50% - 39px); } }
  .article-body__content .l-article-audio {
    max-width: 600px;
    clear: none;
    padding-bottom: 30px; }
    @media (min-width: 850px) {
      .article-body__content .l-article-audio {
        width: calc(100% - 320px); } }
    @media (min-width: 1024px) {
      .article-body__content .l-article-audio {
        width: 58.33333%; } }
  .article-body__content .article-audio {
    width: 100%; }
  .article-body__content .article-audio__caption {
    display: block;
    font-family: "NeueHaas", sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.4; }
  .article-body__content .l-locked-article-audio {
    max-width: 600px;
    clear: none;
    background-color: #fbfbfb;
    padding: 15px 15px 15px 75px;
    position: relative;
    margin-bottom: 20px; }
    @media (min-width: 850px) {
      .article-body__content .l-locked-article-audio {
        width: calc(100% - 320px); } }
    @media (min-width: 1024px) {
      .article-body__content .l-locked-article-audio {
        width: 58.33333%; } }
  .article-body__content .locked-article-audio-play {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 30px solid #646464;
    float: left;
    padding-right: 25px;
    position: absolute;
    left: 23px;
    top: 28%; }
  .article-body__content .l-article-iframe {
    margin-bottom: 20px; }
    .article-body__content .l-article-iframe .highcharts-button {
      display: none; }
    .article-body__content .l-article-iframe:not(.l-article-iframe--full) {
      max-width: 600px; }
      @media (min-width: 850px) {
        .article-body__content .l-article-iframe:not(.l-article-iframe--full) {
          width: calc(100% - 320px); } }
      @media (min-width: 1024px) {
        .article-body__content .l-article-iframe:not(.l-article-iframe--full) {
          width: 58.33333%; } }
    .article-body__content .l-article-iframe.l-article-iframe--full {
      width: calc(100% + 0px); }
      @media (min-width: 550px) {
        .article-body__content .l-article-iframe.l-article-iframe--full {
          width: calc(100% + 0px); } }
      @media (min-width: 1024px) {
        .article-body__content .l-article-iframe.l-article-iframe--full {
          margin-left: -100px;
          width: calc(100% + 100px); } }
  .article-body__content .l-article-tweet {
    max-width: 600px;
    margin-bottom: 20px; }
    @media (min-width: 850px) {
      .article-body__content .l-article-tweet {
        width: calc(100% - 320px); } }
    @media (min-width: 1024px) {
      .article-body__content .l-article-tweet {
        width: 58.33333%; } }
    @media (min-width: 850px) {
      .article-body__content .l-article-tweet {
        margin-bottom: 30px; } }
  .article-body__content .l-article-horizontal-rule {
    margin-top: 20px;
    margin-bottom: 34px;
    border-style: solid;
    border-color: #000000; }
    .article-body__content .l-article-horizontal-rule.l-article-horizontal-rule--thin {
      border-width: 1px 0px 0px 0px; }
    .article-body__content .l-article-horizontal-rule.l-article-horizontal-rule--thick {
      border-width: 3px 0px 0px 0px; }
    @media (min-width: 850px) {
      .article-body__content .l-article-horizontal-rule {
        max-width: 600px; } }
  @media (min-width: 850px) and (min-width: 850px) {
    .article-body__content .l-article-horizontal-rule {
      width: calc(100% - 320px); } }
  @media (min-width: 850px) and (min-width: 1024px) {
    .article-body__content .l-article-horizontal-rule {
      width: 58.33333%; } }
    @media (min-width: 1024px) {
      .article-body__content .l-article-horizontal-rule {
        width: 53.3%; } }
  .article-body__content .l-cta--left {
    max-width: 600px;
    margin: 10px 0 40px;
    padding: 10px 0 0; }
    @media (min-width: 850px) {
      .article-body__content .l-cta--left {
        width: calc(100% - 320px); } }
    @media (min-width: 1024px) {
      .article-body__content .l-cta--left {
        width: 58.33333%; } }
    @media (max-width: 1024px) {
      .article-body__content .l-cta--left {
        max-width: 600px;
        display: inline-block; } }
  @media (max-width: 1024px) and (min-width: 850px) {
    .article-body__content .l-cta--left {
      width: calc(100% - 320px); } }
  @media (max-width: 1024px) and (min-width: 1024px) {
    .article-body__content .l-cta--left {
      width: 58.33333%; } }
    @media (min-width: 1024px) {
      .article-body__content .l-cta--left {
        margin-left: -100px;
        float: left;
        margin-right: 45px;
        max-width: 330px; } }
    .article-body__content .l-cta--left .cta--left .cta__box {
      border-top: 4px;
      border-color: black;
      border-style: solid;
      padding: 18px 12px 24px 12px;
      background-color: #E2E2E2; }
      .article-body__content .l-cta--left .cta--left .cta__box .cta__title {
        font-family: "NeueHaas", sans-serif;
        font-size: 21px;
        font-weight: 400;
        padding-bottom: 0px; }
      .article-body__content .l-cta--left .cta--left .cta__box .cta__dek {
        font-family: "NeueHaas", sans-serif;
        font-size: 18px;
        font-weight: 300;
        font-style: italic;
        padding-bottom: 20px;
        line-height: 21px; }
      .article-body__content .l-cta--left .cta--left .cta__box .cta__email {
        font-family: "NeueHaas", sans-serif;
        font-size: 24px;
        font-weight: 300;
        height: 48px;
        width: calc(100% - 105px);
        border-width: 0px;
        padding: 10px 10px 0px 10px; }
        .article-body__content .l-cta--left .cta--left .cta__box .cta__email::-webkit-input-placeholder {
          color: #bebebe; }
        .article-body__content .l-cta--left .cta--left .cta__box .cta__email::-moz-placeholder {
          color: #bebebe; }
        .article-body__content .l-cta--left .cta--left .cta__box .cta__email:-ms-input-placeholder {
          color: #bebebe; }
        .article-body__content .l-cta--left .cta--left .cta__box .cta__email:-moz-placeholder {
          color: #bebebe; }
        @media (min-width: 850px) {
          .article-body__content .l-cta--left .cta--left .cta__box .cta__email {
            width: calc(100% - 127px);
            height: 55px;
            font-family: "NeueHaas", sans-serif;
            font-size: 30px;
            font-weight: 300; } }
      .article-body__content .l-cta--left .cta--left .cta__box .cta__button {
        cursor: pointer;
        float: right;
        width: 95px; }
        .article-body__content .l-cta--left .cta--left .cta__box .cta__button .btn {
          font-size: 13px;
          padding: 23px 10px 6px 10px;
          width: 100%;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          background-color: white; }
          .article-body__content .l-cta--left .cta--left .cta__box .cta__button .btn:hover {
            background-color: black; }
          @media (min-width: 850px) {
            .article-body__content .l-cta--left .cta--left .cta__box .cta__button .btn {
              font-size: 18px; } }
        @media (min-width: 850px) {
          .article-body__content .l-cta--left .cta--left .cta__box .cta__button {
            width: 117px; } }
      .article-body__content .l-cta--left .cta--left .cta__box .cta__thanks {
        background-color: black;
        color: white;
        font-family: "NeueHaas", sans-serif;
        font-size: 17px;
        font-weight: 700;
        padding: 5px 13px;
        line-height: 22px;
        display: none; }
      .article-body__content .l-cta--left .cta--left .cta__box .cta__error {
        color: #F90E1E;
        display: none;
        font-family: "NeueHaas", sans-serif;
        font-size: 14px;
        font-weight: 400; }
    .article-body__content .l-cta--left .cta--left .cta__manage {
      font-family: "NeueHaas", sans-serif;
      font-size: 11px;
      font-weight: 300;
      color: black !important;
      background: none;
      padding-left: 13px;
      position: relative;
      top: -4px; }
      .article-body__content .l-cta--left .cta--left .cta__manage:hover {
        text-decoration: underline; }
  .article-body__content .l-automated-trending--unordered {
    margin: 10px 0 40px;
    padding: 20px 0 0;
    border-top: 1px solid #000; }
    @media (min-width: 550px) {
      .article-body__content .l-automated-trending--unordered {
        width: 50%;
        float: right;
        border-top: 0;
        clear: right;
        margin: 10px 0 20px 20px;
        padding: 20px 20px 0;
        position: relative; }
        .article-body__content .l-automated-trending--unordered:before {
          content: " ";
          display: block;
          position: absolute;
          top: 0;
          right: 20px;
          left: 20px;
          border-top: 1px solid #000; } }
    @media (min-width: 850px) {
      .article-body__content .l-automated-trending--unordered {
        width: 255px;
        margin-right: 35%; } }
    .article-body__content .l-automated-trending--unordered .automated-trending {
      list-style: none;
      margin: 20px 0 0;
      padding-left: 0; }
    .article-body__content .l-automated-trending--unordered .automated-trending__h {
      font-family: "NeueHaas", sans-serif;
      font-size: 20px;
      font-weight: 700;
      margin-bottom: 20px;
      margin-top: 0; }
    .article-body__content .l-automated-trending--unordered .automated-trending__item {
      display: block;
      font-family: "NeueHaas", sans-serif;
      font-size: 15px;
      font-weight: 700;
      line-height: 1.3;
      padding-left: 0;
      margin-bottom: 20px; }
    .article-body__content .l-automated-trending--unordered .automated-trending__item__h {
      margin-bottom: 3px; }
  .article-body__content .l-automated-trending--ordered {
    margin: 10px 0 40px;
    padding: 20px 0 0; }
    @media (max-width: 850px) {
      .article-body__content .l-automated-trending--ordered {
        display: none; } }
    @media (min-width: 550px) {
      .article-body__content .l-automated-trending--ordered {
        width: 50%;
        float: right;
        clear: right;
        padding-left: 20px;
        border-top: 0;
        position: relative; }
        .article-body__content .l-automated-trending--ordered:before {
          content: " ";
          display: block;
          position: absolute;
          top: 0;
          right: 20px;
          left: 20px; } }
    @media (min-width: 850px) {
      .article-body__content .l-automated-trending--ordered {
        /*width: 255px;
		margin-right: 35%;*/
        width: 33.33333%; } }
    .article-body__content .l-automated-trending--ordered .automated-trending__h {
      font-family: "NeueHaas", sans-serif;
      font-size: 20px;
      font-weight: 700;
      margin-bottom: 0px;
      margin-top: 0; }
    .article-body__content .l-automated-trending--ordered .automated-trending__tz-list {
      width: 100%;
      padding: 0;
      margin: 0;
      counter-reset: ind-counter 0;
      list-style: none; }
      .article-body__content .l-automated-trending--ordered .automated-trending__tz-list .automated-trending--ordered__tz:first-child .automated-trending--ordered__tz__hgroup {
        border-top: 0; }
    .article-body__content .l-automated-trending--ordered .automated-trending--ordered {
      width: 100%;
      padding: 0;
      margin: 0;
      counter-reset: ind-counter 0;
      list-style: none; }
    .article-body__content .l-automated-trending--ordered .automated-trending--ordered__tz {
      position: relative;
      counter-increment: ind-counter 1;
      margin-top: 4px; }
      .article-body__content .l-automated-trending--ordered .automated-trending--ordered__tz:after {
        content: " ";
        display: table;
        clear: both; }
      .article-body__content .l-automated-trending--ordered .automated-trending--ordered__tz::before {
        content: counter(ind-counter, decimal-leading-zero);
        position: absolute;
        left: 0;
        top: 11px;
        color: #939598;
        font-family: "NeueHaas", sans-serif;
        font-size: 30px;
        font-weight: 200;
        line-height: 1;
        visibility: visible; }
        @media (min-width: 1024px) {
          .article-body__content .l-automated-trending--ordered .automated-trending--ordered__tz::before {
            top: 11px;
            font-size: 30px; } }
    .article-body__content .l-automated-trending--ordered .automated-trending--ordered__tz__hgroup {
      padding-top: 2px;
      margin-left: 40px;
      padding: 7px 5px 0px 0;
      width: calc(100% - 40px);
      display: inline-block;
      min-height: 46px;
      border-top: 1px solid #000; }
    .article-body__content .l-automated-trending--ordered .automated-trending--ordered__tz__story-link {
      color: #000;
      font-family: "NeueHaas", sans-serif;
      font-size: 15px;
      font-weight: 400;
      display: inline-block;
      line-height: 19px;
      vertical-align: sub; }
      .article-body__content .l-automated-trending--ordered .automated-trending--ordered__tz__story-link:hover {
        background-image: none !important;
        text-decoration: underline !important;
        textdecoration-color: #000 !important; }
  .article-body__content .l-automated-related--single {
    max-width: 600px;
    margin: 10px 0 40px;
    padding: 10px 0 0;
    border-top: 1px solid #000; }
    @media (min-width: 850px) {
      .article-body__content .l-automated-related--single {
        width: calc(100% - 320px); } }
    @media (min-width: 1024px) {
      .article-body__content .l-automated-related--single {
        width: 58.33333%; } }
    @media (max-width: 1024px) {
      .article-body__content .l-automated-related--single {
        max-width: 600px;
        display: inline-block; } }
  @media (max-width: 1024px) and (min-width: 850px) {
    .article-body__content .l-automated-related--single {
      width: calc(100% - 320px); } }
  @media (max-width: 1024px) and (min-width: 1024px) {
    .article-body__content .l-automated-related--single {
      width: 58.33333%; } }
    @media (min-width: 1024px) {
      .article-body__content .l-automated-related--single {
        margin-left: -100px;
        float: left;
        margin-right: 45px;
        max-width: 180px; } }
    .article-body__content .l-automated-related--single .automated-related-heading {
      font-family: NeueHaas;
      font-style: normal;
      position: relative;
      margin-bottom: 0px;
      width: 100%; }
      @media (max-width: 1024px) {
        .article-body__content .l-automated-related--single .automated-related-heading {
          display: inline-block;
          width: auto;
          font-size: 17px; } }
    .article-body__content .l-automated-related--single .automated-related-label {
      padding: 0 0 10px;
      font-size: 15px;
      font-weight: 700;
      display: block; }
      @media (max-width: 1024px) {
        .article-body__content .l-automated-related--single .automated-related-label {
          font-size: 17px;
          padding: 0 0 5px; } }
    .article-body__content .l-automated-related--single .automated-related-picture {
      display: block;
      /*max-width: 100%;
		margin-top: 15px;
		position: relative;
		overflow: hidden;*/ }
      .article-body__content .l-automated-related--single .automated-related-picture:hover {
        background: none;
        text-decoration: none; }
      @media (max-width: 1024px) {
        .article-body__content .l-automated-related--single .automated-related-picture {
          float: left;
          margin-right: 20px;
          margin-top: 8px;
          width: 45%; } }
    .article-body__content .l-automated-related--single .automated-related-picture-img {
      display: block;
      width: 100%; }
    .article-body__content .l-automated-related--single .automated-related-link {
      font-family: "NeueHaas", sans-serif;
      font-size: 13px;
      font-weight: 700;
      display: block;
      line-height: 17px;
      padding-top: 9px; }
      .article-body__content .l-automated-related--single .automated-related-link:hover {
        background: none;
        text-decoration: underline; }
    .article-body__content .l-automated-related--single .automated-related-dek {
      display: block;
      font-family: "NeueHaas", sans-serif;
      font-size: 13px;
      font-weight: 500;
      display: inline-block;
      line-height: 17px; }
      @media (max-width: 1024px) {
        .article-body__content .l-automated-related--single .automated-related-dek {
          display: block;
          width: auto; } }
  .article-body__content .l-magazine-promo {
    clear: both;
    margin-bottom: 20px; }
    @media (min-width: 0) and (max-width: 549px) {
      .article-body__content .l-magazine-promo picture + picture > .article-img {
        margin-top: 20px; } }
    @media (min-width: 850px) {
      .article-body__content .l-magazine-promo {
        margin-bottom: 30px;
        clear: none; } }
    @media (min-width: 1480px) {
      .article-body__content .l-magazine-promo {
        width: 210px;
        position: absolute;
        left: -100px; } }
    @media (max-width: 1479px) {
      .article-body__content .l-magazine-promo {
        max-width: 600px;
        border-top: 4px solid #000;
        padding-top: 30px;
        float: none;
        margin-top: 20px; } }
  @media (max-width: 1479px) and (min-width: 850px) {
    .article-body__content .l-magazine-promo {
      width: calc(100% - 320px); } }
  @media (max-width: 1479px) and (min-width: 1024px) {
    .article-body__content .l-magazine-promo {
      width: 58.33333%; } }
    @media (max-width: 549px) {
      .article-body__content .l-magazine-promo {
        width: 100%; } }
    .article-body__content .l-magazine-promo .magazine-promo-picture {
      display: inline-block; }
      .article-body__content .l-magazine-promo .magazine-promo-picture:hover {
        text-decoration: none !important;
        background-image: none !important; }
  .article-body__content img.magazine-promo,
  .article-body__content video.magazine-promo {
    display: block;
    width: 180px;
    margin-bottom: 10px;
    -webkit-box-shadow: 4px 4px 10px 1px rgba(0, 0, 0, 0.27);
    box-shadow: 4px 4px 10px 1px rgba(0, 0, 0, 0.27); }
    @media (min-width: 550px) {
      .article-body__content img.magazine-promo,
      .article-body__content video.magazine-promo {
        display: inline-block;
        max-width: 100%; } }
    @media (max-width: 549px) {
      .article-body__content img.magazine-promo,
      .article-body__content video.magazine-promo {
        width: 160px; } }
    @media (max-width: 483px) {
      .article-body__content img.magazine-promo,
      .article-body__content video.magazine-promo {
        width: 120px; } }
  .article-body__content .magazine-promo-cap {
    font-family: "NeueHaas", sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.4;
    padding-top: 10px; }
    @media (max-width: 1479px) {
      .article-body__content .magazine-promo-cap {
        float: right;
        width: calc(100% - 210px);
        padding-top: 0px; } }
    @media (max-width: 483px) {
      .article-body__content .magazine-promo-cap {
        float: right;
        width: calc(100% - 150px);
        padding-top: 0px; } }
    .article-body__content .magazine-promo-cap .magazine-promo-cap__heading {
      font-family: "NeueHaas", sans-serif;
      font-size: 15px;
      font-weight: 700;
      width: 180px; }
      @media (max-width: 1479px) {
        .article-body__content .magazine-promo-cap .magazine-promo-cap__heading {
          font-family: "NeueHaas", sans-serif;
          font-size: 19px;
          font-weight: 700;
          width: 100%;
          padding-bottom: 13px; } }
      @media (max-width: 483px) {
        .article-body__content .magazine-promo-cap .magazine-promo-cap__heading {
          font-size: 15px; } }
    .article-body__content .magazine-promo-cap .magazine-promo-cap__bar {
      border-bottom: 3px solid #000;
      margin: 17px 0px 14px 0px;
      width: 90px; }
      @media (max-width: 1479px) {
        .article-body__content .magazine-promo-cap .magazine-promo-cap__bar {
          display: none; } }
    .article-body__content .magazine-promo-cap .magazine-promo-cap__cta {
      display: block;
      font-family: "NeueHaas", sans-serif;
      font-size: 14px;
      font-weight: 700;
      position: relative;
      color: #F90E1E;
      width: 210px; }
      @media (max-width: 1479px) {
        .article-body__content .magazine-promo-cap .magazine-promo-cap__cta {
          font-family: "NeueHaas", sans-serif;
          font-size: 18px;
          font-weight: 700;
          width: auto; } }
      @media (max-width: 483px) {
        .article-body__content .magazine-promo-cap .magazine-promo-cap__cta {
          font-size: 12px; } }
      .article-body__content .magazine-promo-cap .magazine-promo-cap__cta:after {
        content: ' ';
        display: inline-block;
        height: 9px;
        width: 26px;
        margin-left: 10px;
        background-position: 50% 50%;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("https://cdn.technologyreview.com/_/img/arrow--red.svg");
        opacity: 1;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
        -webkit-transform: translateX(-5px);
                transform: translateX(-5px); }
      .article-body__content .magazine-promo-cap .magazine-promo-cap__cta:hover {
        text-decoration: none;
        background-image: none; }
        .article-body__content .magazine-promo-cap .magazine-promo-cap__cta:hover:after {
          opacity: 1;
          -webkit-transform: translateX(0);
                  transform: translateX(0); }
  .article-body__content .l-article-tr50-feature-promo {
    margin-bottom: 20px;
    max-width: 600px; }
    @media (min-width: 850px) {
      .article-body__content .l-article-tr50-feature-promo {
        width: calc(100% - 320px); } }
    @media (min-width: 1024px) {
      .article-body__content .l-article-tr50-feature-promo {
        width: 58.33333%; } }
    @media (min-width: 850px) {
      .article-body__content .l-article-tr50-feature-promo {
        margin-bottom: 30px; } }
    .article-body__content .l-article-tr50-feature-promo .article-tr50-feature-promo {
      width: 100%;
      padding: 20px; }
      .article-body__content .l-article-tr50-feature-promo .article-tr50-feature-promo .article-tr50-feature-promo__title {
        font-family: NeueHaas;
        font-size: 23px;
        font-weight: 600;
        margin-bottom: 7px; }
        @media (min-width: 850px) {
          .article-body__content .l-article-tr50-feature-promo .article-tr50-feature-promo .article-tr50-feature-promo__title {
            font-size: 31px; } }
      .article-body__content .l-article-tr50-feature-promo .article-tr50-feature-promo .article-tr50-feature-promo__link {
        font-family: NeueHaas;
        font-size: 14px;
        font-weight: 600;
        color: #FFFFFF;
        text-decoration: none; }
        .article-body__content .l-article-tr50-feature-promo .article-tr50-feature-promo .article-tr50-feature-promo__link:hover:after {
          -webkit-transform: translateX(4px);
                  transform: translateX(4px); }
        .article-body__content .l-article-tr50-feature-promo .article-tr50-feature-promo .article-tr50-feature-promo__link:after {
          -webkit-transition: all 0.2s ease;
          transition: all 0.2s ease;
          display: inline-block;
          content: '';
          width: 33px;
          height: 11px;
          background-image: url("https://cdn.technologyreview.com/_/img/arrow.svg");
          background-size: 100%;
          margin-left: 5px;
          background-position: center center;
          background-repeat: no-repeat; }
        @media (min-width: 850px) {
          .article-body__content .l-article-tr50-feature-promo .article-tr50-feature-promo .article-tr50-feature-promo__link {
            font-size: 18px; } }
        .article-body__content .l-article-tr50-feature-promo .article-tr50-feature-promo .article-tr50-feature-promo__link:hover {
          text-decoration: none;
          background: none;
          text-shadow: initial; }
        .article-body__content .l-article-tr50-feature-promo .article-tr50-feature-promo .article-tr50-feature-promo__link:after {
          background-image: url("https://cdn.technologyreview.com/_/img/arrow--white.svg");
          margin-left: 10px; }
  .article-body__content .article-img--left-col {
    width: 100%; }
  @media (min-width: 550px) {
    .article-body__content .article-cap--left-col {
      text-align: left;
      float: left; } }
  .article-body__content .article-list {
    list-style: none;
    margin: 30px 0 0;
    padding-left: 0; }
  .article-body__content .article-list--reverse {
    border-top: 0;
    background-color: #000;
    color: #fff; }
    .article-body__content .article-list--reverse .article-list__h {
      margin-top: -2px;
      margin-bottom: 20px;
      padding-bottom: 15px;
      border-bottom: 2px solid; }
  .article-body__content .l-article-big-num,
  .article-body__content .l-article-list {
    margin: 10px 0 40px;
    padding: 20px 0 0;
    border-top: 1px solid #000; }
    @media (min-width: 550px) {
      .article-body__content .l-article-big-num,
      .article-body__content .l-article-list {
        width: 50%;
        float: right;
        border-top: 0;
        clear: right;
        margin: 10px 0 20px 20px;
        padding: 20px 20px 0;
        position: relative; }
        .article-body__content .l-article-big-num:before,
        .article-body__content .l-article-list:before {
          content: " ";
          display: block;
          position: absolute;
          top: 0;
          right: 20px;
          left: 20px;
          border-top: 1px solid #000; } }
    @media (min-width: 850px) {
      .article-body__content .l-article-big-num,
      .article-body__content .l-article-list {
        width: 255px;
        margin-right: 35%; } }
  .article-body__content .article-list__h {
    font-family: "NeueHaas", sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 0; }
  .article-body__content .article-list__item {
    display: block;
    font-family: "NeueHaas", sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
    padding-left: 0;
    margin-bottom: 20px; }
  .article-body__content .article-list__item__h {
    margin-bottom: 3px; }
  .article-body__content .article-list__item__deck {
    display: block;
    font-weight: 300; }
  .article-body__content .article-list__link {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease; }
    .article-body__content .article-list__link:hover {
      color: #F90E1E; }
  .article-body__content .article-big-num__head {
    font-family: "NeueHaas", sans-serif;
    font-size: 39px;
    text-rendering: optimizeLegibility;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 5px; }
  .article-body__content .article-big-num__deck {
    font-family: "NeueHaas", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
    max-width: auto;
    width: 100%;
    margin: 0; }
  .article-body__content .article-link {
    color: #F90E1E; }
    .article-body__content .article-link:hover {
      background-image: linear-gradient(to top, transparent, transparent 2px, #F90E1E 2px, #F90E1E 3px, transparent 3px);
      text-shadow: -1px 1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }
  .article-body__content .l-reader-comment {
    position: relative;
    margin-bottom: 0;
    font-size: 19px; }
  .article-body__content .l-reader-comment.left {
    max-width: 600px; }
    @media (min-width: 850px) {
      .article-body__content .l-reader-comment.left {
        width: calc(100% - 320px); } }
    @media (min-width: 1024px) {
      .article-body__content .l-reader-comment.left {
        width: 58.33333%; } }
    @media (min-width: 550px) {
      .article-body__content .l-reader-comment.left {
        max-width: 350px;
        margin-left: 20px; } }
    @media (min-width: 1024px) {
      .article-body__content .l-reader-comment.left {
        padding-right: 30px;
        margin-left: -100px;
        float: left; } }
  .article-body__content .l-reader-comment.right {
    max-width: 600px; }
    @media (min-width: 850px) {
      .article-body__content .l-reader-comment.right {
        width: calc(100% - 320px); } }
    @media (min-width: 1024px) {
      .article-body__content .l-reader-comment.right {
        width: 58.33333%; } }
    @media (min-width: 550px) {
      .article-body__content .l-reader-comment.right {
        float: right;
        padding-left: 20px;
        width: 50%;
        max-width: 50%; } }
    @media (min-width: 850px) {
      .article-body__content .l-reader-comment.right {
        float: right;
        margin-right: 31%;
        width: 33%;
        max-width: 450px; } }
  .article-body__content .l-reader-comment.three-by-one {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0;
    max-width: 400px;
    margin: 0 auto; }
    .article-body__content .l-reader-comment.three-by-one .reader-comment-caption {
      font-family: NeueHaas, Arial, Helvetica, sans-serif;
      font-size: 14px;
      margin-bottom: 20px; }
    @media (min-width: 850px) {
      .article-body__content .l-reader-comment.three-by-one {
        clear: both;
        max-width: calc(100% + 100px);
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        .article-body__content .l-reader-comment.three-by-one .reader-comment-heading {
          width: 100%;
          margin-right: calc(100% - 359px); }
        .article-body__content .l-reader-comment.three-by-one .reader-comment {
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          width: 33%; }
          .article-body__content .l-reader-comment.three-by-one .reader-comment:not(:last-child) {
            padding-right: 30px; } }
    @media (min-width: 1024px) {
      .article-body__content .l-reader-comment.three-by-one {
        width: calc(100% + 100px);
        margin-left: -100px; } }
  .article-body__content .reader-comment,
  .article-body__content .reader-comment-heading {
    font-family: NeueHaas;
    font-style: normal;
    position: relative;
    margin-bottom: 0px;
    width: 100%; }
  .article-body__content .reader-comment-heading {
    height: 1.2em; }
  .article-body__content .reader-comment-view-all {
    float: right;
    margin-right: 10px;
    font-size: 14px; }
  .article-body__content .reader-comment-label {
    float: left;
    margin-left: 10px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase; }
  .article-body__content .speech-bubble {
    position: relative;
    width: 100%;
    border: 2px solid black;
    margin: 0 0 60px 0;
    padding: 20px 10px; }
    .article-body__content .speech-bubble::after {
      bottom: -46px;
      content: "";
      position: absolute;
      right: 102px;
      border-width: 50px 0px 0px 70px;
      border-style: solid;
      border-color: white transparent;
      display: block;
      width: 0; }
    .article-body__content .speech-bubble::before {
      bottom: -50px;
      content: "";
      position: absolute;
      right: 100px;
      border-width: 50px 0px 0px 70px;
      border-style: solid;
      border-color: black transparent;
      display: block;
      width: 0; }
    .article-body__content .speech-bubble.cta {
      padding: 20px 20px; }
      .article-body__content .speech-bubble.cta h2 {
        font-size: 26px;
        line-height: 1.1em; }
      .article-body__content .speech-bubble.cta a {
        color: #F90E1E;
        margin-top: 1em;
        line-height: 1.1em;
        font-weight: 600;
        font-size: 20px; }
  .article-body__content .l-reader-comment.left .speech-bubble::after {
    left: 102px;
    border-width: 50px 70px 0px 0px; }
  .article-body__content .l-reader-comment.left .speech-bubble::before {
    left: 100px;
    border-width: 50px 70px 0px 0px; }
  .article-body__content .reader-comment__author {
    font-family: NeueHaas;
    font-size: 13px;
    margin-top: 1em;
    margin-bottom: 0; }
    .article-body__content .reader-comment__author .avatar {
      border-radius: 50%;
      margin-left: 10px;
      width: 75px;
      height: 75px; }

/*------------------------------------------------------------------------------
  Automated Trending Ordered Mobile
------------------------------------------------------------------------------*/
.l-automated-trending-mobile--ordered {
  margin: 10px 0 40px;
  padding: 20px 10px 0; }
  @media (min-width: 550px) {
    .l-automated-trending-mobile--ordered {
      display: none; } }
  @media (min-width: 550px) {
    .l-automated-trending-mobile--ordered {
      width: 50%;
      float: right;
      clear: right;
      padding-left: 20px;
      border-top: 0;
      position: relative; }
      .l-automated-trending-mobile--ordered:before {
        content: " ";
        display: block;
        position: absolute;
        top: 0;
        right: 20px;
        left: 20px; } }
  @media (min-width: 850px) {
    .l-automated-trending-mobile--ordered {
      /*width: 255px;
		margin-right: 35%;*/
      width: 33.33333%; } }
  .l-automated-trending-mobile--ordered .automated-trending__h {
    font-family: "NeueHaas", sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0px;
    margin-top: 0; }
  .l-automated-trending-mobile--ordered .automated-trending__tz-list {
    width: 100%;
    padding: 0;
    margin: 0;
    counter-reset: ind-counter 0;
    list-style: none; }
    .l-automated-trending-mobile--ordered .automated-trending__tz-list .automated-trending--ordered__tz:first-child .automated-trending--ordered__tz__hgroup {
      border-top: 0; }
  .l-automated-trending-mobile--ordered .automated-trending--ordered {
    width: 100%;
    padding: 0;
    margin: 0;
    counter-reset: ind-counter 0;
    list-style: none; }
  .l-automated-trending-mobile--ordered .automated-trending--ordered__tz {
    position: relative;
    counter-increment: ind-counter 1;
    margin-top: 4px; }
    .l-automated-trending-mobile--ordered .automated-trending--ordered__tz:after {
      content: " ";
      display: table;
      clear: both; }
    .l-automated-trending-mobile--ordered .automated-trending--ordered__tz::before {
      content: counter(ind-counter, decimal-leading-zero);
      position: absolute;
      left: 0;
      top: 11px;
      color: #939598;
      font-family: "NeueHaas", sans-serif;
      font-size: 30px;
      font-weight: 200;
      line-height: 1;
      visibility: visible; }
      @media (min-width: 1024px) {
        .l-automated-trending-mobile--ordered .automated-trending--ordered__tz::before {
          top: 11px;
          font-size: 30px; } }
  .l-automated-trending-mobile--ordered .automated-trending--ordered__tz__hgroup {
    padding-top: 2px;
    margin-left: 40px;
    padding: 7px 5px 0px 0;
    width: calc(100% - 40px);
    display: inline-block;
    min-height: 46px;
    border-top: 1px solid #000; }
  .l-automated-trending-mobile--ordered .automated-trending--ordered__tz__story-link {
    color: #000;
    font-family: "NeueHaas", sans-serif;
    font-size: 15px;
    font-weight: 400;
    display: inline-block;
    line-height: 19px;
    vertical-align: sub; }
    .l-automated-trending-mobile--ordered .automated-trending--ordered__tz__story-link:hover {
      background-image: none !important;
      text-decoration: underline !important;
      textdecoration-color: #000 !important; }

/*------------------------------------------------------------------------------
  Click to Enlarge Modal
------------------------------------------------------------------------------*/
.article-enlarge__modal {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 10;
  background-color: white;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out; }
  .article-enlarge__modal.open {
    opacity: 1.0;
    visibility: visible; }

.enlarge-modal--open {
  overflow: hidden; }

.article-img-enlarge-gallery-container {
  height: 97%;
  width: calc(100% - 296px);
  margin: 2vh 103px 1vh 148px;
  position: initial; }
  .article-img-enlarge-gallery-container .swiper-wrapper-outer {
    height: 100% !important; }
    .article-img-enlarge-gallery-container .swiper-wrapper-outer .article-img-enlarge-gallery-wrapper {
      height: 100% !important; }
      .article-img-enlarge-gallery-container .swiper-wrapper-outer .article-img-enlarge-gallery-wrapper .swiper-slide {
        height: 100% !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .article-img-enlarge-gallery-container .swiper-wrapper-outer .article-img-enlarge-gallery-wrapper .swiper-slide > .swiper-slide__wrapper {
          max-width: 100%;
          max-height: 86vh;
          margin-left: auto;
          margin-right: auto;
          padding-right: 45px; }
          .article-img-enlarge-gallery-container .swiper-wrapper-outer .article-img-enlarge-gallery-wrapper .swiper-slide > .swiper-slide__wrapper > picture {
            display: block;
            position: relative; }
            .article-img-enlarge-gallery-container .swiper-wrapper-outer .article-img-enlarge-gallery-wrapper .swiper-slide > .swiper-slide__wrapper > picture > img {
              max-width: 100%;
              max-height: 80vh;
              margin-left: auto;
              margin-right: auto; }
          .article-img-enlarge-gallery-container .swiper-wrapper-outer .article-img-enlarge-gallery-wrapper .swiper-slide > .swiper-slide__wrapper > .video-wrapper {
            display: block;
            position: relative;
            max-width: 100%;
            max-height: 86vh;
            margin-left: auto;
            margin-right: auto; }
            .article-img-enlarge-gallery-container .swiper-wrapper-outer .article-img-enlarge-gallery-wrapper .swiper-slide > .swiper-slide__wrapper > .video-wrapper > video {
              max-width: 100%;
              max-height: 80vh;
              margin-left: auto;
              margin-right: auto; }
  .article-img-enlarge-gallery-container .enlarge-gallery-controls__container {
    position: absolute;
    top: calc(50% - 46px);
    left: 0px;
    padding: 15px 15px 15px 12px; }
    .article-img-enlarge-gallery-container .enlarge-gallery-controls__container .enlarge-gallery-swiper-button {
      height: 20px;
      width: 20px;
      display: inline-block;
      padding: 0px; }
    .article-img-enlarge-gallery-container .enlarge-gallery-controls__container .enlarge-gallery-swiper-index-back {
      width: 60px;
      height: 40px;
      border-style: solid;
      border-width: 1px;
      border-color: #000;
      margin-left: 10px !important;
      background-color: #ffffff;
      z-index: 10000;
      display: inline-block;
      position: relative;
      top: 2px; }
      .article-img-enlarge-gallery-container .enlarge-gallery-controls__container .enlarge-gallery-swiper-index-back .enlarge-gallery-swiper-index-front {
        width: 60px;
        height: 40px;
        border-style: solid;
        border-width: 1px;
        border-color: #000;
        position: relative;
        left: -5px;
        top: 3px;
        background-color: #ffffff; }
  .article-img-enlarge-gallery-container .article-cap {
    font-family: "NeueHaas", sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.4;
    padding-top: 10px;
    width: 450px; }
  .article-img-enlarge-gallery-container .article-illustration {
    color: #7f7f7f;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: "NeueHaas", sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.4;
    padding-top: 3px; }
    @media (min-width: 850px) {
      .article-img-enlarge-gallery-container .article-illustration {
        width: 75%; } }
  .article-img-enlarge-gallery-container .article-title {
    font-family: "NeueHaas", sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    padding-bottom: 15px;
    text-align: left; }
    @media (min-width: 850px) {
      .article-img-enlarge-gallery-container .article-title {
        width: 75%; } }
  .article-img-enlarge-gallery-container .swiper-slide-active .enlarge-close {
    position: absolute;
    top: 0px;
    right: -45px;
    height: 40px;
    width: 40px;
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("https://cdn.technologyreview.com/_/img/close-icon.png");
    opacity: 1;
    cursor: pointer; }
    @media (min-width: 550px) {
      .article-img-enlarge-gallery-container .swiper-slide-active .enlarge-close {
        display: block; } }

picture:hover .article-enlarge,
.video-wrapper:hover .article-enlarge {
  position: absolute;
  bottom: 8px;
  left: 8px;
  height: 30px;
  width: 30px;
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("https://cdn.technologyreview.com/_/img/enlarge-art-hover-icon.png");
  opacity: 1;
  cursor: pointer;
  display: none;
  top: auto; }
  @media (min-width: 850px) {
    picture:hover .article-enlarge,
    .video-wrapper:hover .article-enlarge {
      display: block; } }

.video-wrapper {
  position: relative; }

.article-body__content .callout--tagged-event-promo {
  max-width: 600px;
  border-top: 1px solid #000;
  padding-top: 20px; }
  @media (min-width: 850px) {
    .article-body__content .callout--tagged-event-promo {
      width: calc(100% - 320px); } }
  @media (min-width: 1024px) {
    .article-body__content .callout--tagged-event-promo {
      width: 58.33333%; } }
  @media (min-width: 550px) {
    .article-body__content .callout--tagged-event-promo {
      border-top: 0; } }
  @media (min-width: 1024px) {
    .article-body__content .callout--tagged-event-promo {
      border-top: 4px solid #000;
      border-bottom: 4px solid #000;
      padding-bottom: 20px; } }

.article-body__content p.callout__copy {
  margin-bottom: 0;
  font-family: "NeueHaas", sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2; }
  @media (min-width: 550px) {
    .article-body__content p.callout__copy {
      font-family: "NeueHaas", sans-serif;
      font-size: 26px;
      font-weight: 700; } }
  .article-body__content p.callout__copy a {
    color: #000;
    text-decoration: underline; }

.article-body__content a.callout__link {
  font-family: "NeueHaas", sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
  color: #F90E1E; }
  .article-body__content a.callout__link:hover {
    background-image: none;
    text-shadow: none; }
    .article-body__content a.callout__link:hover .callout__cta-icon {
      -webkit-transform: translateX(4px);
              transform: translateX(4px); }

.article-body__content .callout__cta-icon {
  width: 27px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  background-position: 50% 35%;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("https://cdn.technologyreview.com/_/img/arrow--red.svg");
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.rm {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 10px;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media (min-width: 550px) {
    .rm {
      padding: 0 15px; } }
  @media (min-width: 750px) {
    .rm {
      padding: 0 30px; } }
  @media (min-width: 1024px) {
    .rm .rm__header {
      padding-right: 2em;
      margin-right: 1em;
      width: 25%; }
    .rm .rm__articles-list {
      width: calc( 75% - 1em); }
    .rm .rm__article:first-child {
      border-top: 4px solid #000; }
    .rm .rm__article:last-child {
      border-bottom: 1px solid #000; }
    .rm .rm__footer {
      margin-left: calc( 25% + 1em); } }

.rm__article {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.rm__article__text {
  -webkit-box-ordinal-group: 2;
  -moz-order: 1;
  -ms-flex-order: 1;
  order: 1; }
  @media (min-width: 550px) {
    .rm__article__text {
      -webkit-box-ordinal-group: 2;
      -moz-order: 1;
      -ms-flex-order: 1;
      order: 1; } }
  @media (min-width: 1024px) {
    .rm__article__text {
      -webkit-box-ordinal-group: 3;
      -moz-order: 2;
      -ms-flex-order: 2;
      order: 2; } }

.l-rm__article__thumbnail,
.l-rm__article__thumbnail--faux-crop {
  -webkit-box-ordinal-group: 3;
  -moz-order: 2;
  -ms-flex-order: 2;
  order: 2; }
  @media (min-width: 550px) {
    .l-rm__article__thumbnail,
    .l-rm__article__thumbnail--faux-crop {
      -webkit-box-ordinal-group: 2;
      -moz-order: 1;
      -ms-flex-order: 1;
      order: 1; } }
  @media (min-width: 1024px) {
    .l-rm__article__thumbnail,
    .l-rm__article__thumbnail--faux-crop {
      -webkit-box-ordinal-group: 2;
      -moz-order: 1;
      -ms-flex-order: 1;
      order: 1; } }

.l-rm__article__thumbnail--faux-crop {
  position: relative;
  width: 300px;
  height: 180px;
  overflow: hidden; }
  .l-rm__article__thumbnail--faux-crop img {
    margin-top: -20%;
    width: 100%; }

.rm__header {
  border-top: 4px solid #000;
  width: 100%; }

.rm__header__heading {
  margin-top: 18px;
  font-family: NeueHaas;
  font-size: 26px;
  font-weight: bold; }

.rm__header__subheading {
  font-family: NeueHaas;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.63;
  margin-top: 10px;
  margin-bottom: 20px; }

.rm__articles-list {
  width: 100%;
  position: relative;
  counter-reset: article; }

.rm__article::before {
  font-family: NeueHaas;
  font-size: 36px;
  text-rendering: optimizeLegibility;
  font-weight: 200;
  line-height: 1em;
  counter-increment: article;
  content: "0" counter(article);
  position: absolute;
  left: 0px; }
  @media (min-width: 1024px) {
    .rm__article::before {
      font-size: 40px;
      left: 40px;
      top: 25px; } }

.rm__article {
  position: relative;
  border-top: 1px solid #000;
  padding: 20px 0 20px 48px;
  overflow: auto; }
  @media (min-width: 1024px) {
    .rm__article {
      min-height: 230px;
      padding-left: 100px; } }

.rm__article__text {
  display: block; }
  @media (min-width: 550px) {
    .rm__article__text {
      margin-left: 20px;
      padding-right: 20px;
      width: calc(100% - 320px);
      display: inline-block; } }
  @media (min-width: 1024px) {
    .rm__article__text {
      margin-left: 0px;
      padding-right: 0px;
      width: 90%; } }
  @media (min-width: 1024px) {
    .rm__article--img .rm__article__text {
      margin-left: 20px;
      padding-right: 20px;
      width: calc(100% - 320px); } }

.rm__article__text__title {
  font-family: NeueHaas;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.1em; }
  @media (min-width: 550px) {
    .rm__article__text__title {
      font-size: 23px; } }
  @media (min-width: 1024px) {
    .rm__article__text__title {
      font-size: 26px; } }

.rm__article__text__dek,
.rm__article__text__byline {
  font-family: NeueHaas;
  font-size: 17px;
  font-weight: 300;
  margin-top: 10px; }

.l-rm__article__thumbnail {
  width: 100%;
  display: inline-block;
  margin-top: 20px; }
  @media (min-width: 550px) {
    .l-rm__article__thumbnail {
      margin-top: 0;
      width: 300px; } }

.rm__article__thumbnail {
  position: relative;
  width: 100%;
  margin: 0 0 20px 0; }
  @media (min-width: 550px) {
    .rm__article__thumbnail {
      margin: 0; } }

.rm__footer {
  width: 100%;
  font-weight: bold;
  padding: 10px 0 0 50px; }

.rm__footer__link:hover:after {
  -webkit-transform: translateX(4px);
          transform: translateX(4px); }

.rm__footer__link:after {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  display: inline-block;
  content: '';
  width: 33px;
  height: 11px;
  background-image: url("https://cdn.technologyreview.com/_/img/arrow.svg");
  background-size: 100%;
  margin-left: 5px;
  background-position: center center;
  background-repeat: no-repeat; }

.l-related-videos {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 10px;
  margin-bottom: 30px; }
  @media (min-width: 550px) {
    .l-related-videos {
      padding: 0 15px; } }
  @media (min-width: 750px) {
    .l-related-videos {
      padding: 0 30px; } }
  .l-related-videos:after {
    content: " ";
    display: table;
    clear: both; }
  @media (min-width: 550px) {
    .l-related-videos {
      margin-bottom: 40px; } }

.related-videos__header {
  width: 100%;
  margin-bottom: 13px;
  padding: 10px 0 0;
  border-top: 4px solid #000;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -moz-align-items: baseline;
  align-items: baseline; }
  @media (min-width: 550px) {
    .related-videos__header {
      margin-bottom: 20px; } }

.related-videos__header__title {
  width: 50%;
  font-family: "NeueHaas", sans-serif;
  font-size: 26px;
  font-weight: bold; }

.related-videos__header__link {
  width: 50%;
  font-family: "NeueHaas", sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-align: right; }
  .related-videos__header__link:hover:after {
    -webkit-transform: translateX(4px);
            transform: translateX(4px); }
  .related-videos__header__link:after {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: inline-block;
    content: '';
    width: 33px;
    height: 11px;
    background-image: url("https://cdn.technologyreview.com/_/img/arrow.svg");
    background-size: 100%;
    margin-left: 5px;
    background-position: center center;
    background-repeat: no-repeat; }

.l-related-videos__container {
  width: 100%; }
  .l-related-videos__container:after {
    content: " ";
    display: table;
    clear: both; }

.related-video {
  width: 100%;
  position: relative; }
  .related-video:nth-child(2) {
    display: none; }
    @media (min-width: 550px) {
      .related-video:nth-child(2) {
        display: block; } }
  .related-video:nth-child(3) {
    display: none; }
    @media (min-width: 550px) {
      .related-video:nth-child(3) {
        display: block; } }
    @media (max-width: 849px) {
      .related-video:nth-child(3) {
        margin-right: 0; } }
  .related-video:last-child {
    display: none; }
    @media (min-width: 850px) {
      .related-video:last-child {
        margin-right: 0;
        display: block; } }
  @media (min-width: 550px) and (max-width: 849px) {
    .related-video {
      width: 32%;
      margin-right: 1.5%;
      position: relative;
      float: left; } }
  @media (min-width: 850px) {
    .related-video {
      width: 24%;
      margin-right: 1.333333%;
      position: relative;
      float: left; } }

.related-video__image-wrapper {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  overflow: hidden; }

.related-video__play-border {
  border: 3px solid #FFFFFF;
  border-radius: 100%;
  -webkit-box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.1), 0px 0px 50px 0px rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.1), 0px 0px 50px 0px rgba(0, 0, 0, 0.1) inset;
  width: 56px;
  height: 56px;
  position: absolute;
  top: calc(50% - 28px);
  left: calc(50% - 28px);
  z-index: 2; }

.related-video__play-button {
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 21px solid #FFFFFF;
  border-right: 0;
  position: absolute;
  top: 21%;
  left: 38%; }

.related-video__image {
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.related-video__topic {
  margin-top: 10px;
  font-family: "NeueHaas", sans-serif;
  font-size: 16px;
  font-weight: 300;
  display: none; }
  @media (min-width: 550px) {
    .related-video__topic {
      margin-bottom: 6px;
      display: block; } }
  .sponsored .related-video__topic .sponsor-attribution {
    font-weight: 400; }
    @media (max-width: 549px) {
      .sponsored .related-video__topic .sponsor-attribution {
        display: none; } }
  .sponsored .related-video__topic .sponsor-name {
    font-weight: 600; }

.related-video__title {
  font-family: "NeueHaas", sans-serif;
  font-size: 20px;
  font-weight: 600; }
  @media (max-width: 549px) {
    .related-video__title {
      width: 100%;
      padding: 0 30px;
      font-family: "NeueHaas", sans-serif;
      font-size: 16px;
      font-weight: 600;
      text-align: center;
      text-shadow: 1px 1px 10px #000000;
      color: white;
      position: absolute;
      left: 0;
      bottom: 20px; }
      .sponsored .related-video__title:before {
        content: "Sponsored: ";
        font-family: "NeueHaas", sans-serif;
        font-size: 16px;
        font-weight: 400; } }
  @media (min-width: 850px) {
    .related-video__title {
      font-family: "NeueHaas", sans-serif;
      font-size: 24px;
      font-weight: 600; } }

.related-video__duration {
  font-weight: 300; }

/**
 * Mixin Library
 */
@-webkit-keyframes animateLoader {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(220deg); } }

@keyframes animateLoader {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(220deg);
            transform: rotate(220deg); } }

@-webkit-keyframes animateLoader2 {
  0% {
    webkit-transform: rotate(-140deg); }
  100% {
    webkit-transform: rotate(140deg); } }

@keyframes animateLoader2 {
  0% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(140deg);
            transform: rotate(140deg); } }

/*------------------------------------------------------------------------------
	Content Columns
------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
	Bourbon Mixins
------------------------------------------------------------------------------*/
/**
 * Fonts & Typography
 *
 * Font related variables, mixins and CSS used throughout
 */
@font-face {
  font-family: "MillerDisplay";
  src: url("https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-roman.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-roman.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "MillerDisplay";
  src: url("https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-italic.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: "MillerDisplay";
  src: url("https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-lightitalic.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-lightitalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic; }

@font-face {
  font-family: "MillerDisplay";
  src: url("https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-light.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-light.ttf") format("truetype");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: "MillerDisplay";
  src: url("https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-bold.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "MillerDisplay";
  src: url("https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-semibold.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "MillerDisplay";
  src: url("https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-semibolditalic.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-semibolditalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "MillerText";
  src: url("https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-roman.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-roman.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "MillerText";
  src: url("https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-italic.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: "MillerText";
  src: url("https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-bold.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: "MillerText";
  src: url("https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-bolditalic.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-bolditalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: "NeueHaas";
  src: url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-15ultth.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-15ultth.ttf") format("truetype");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: "NeueHaas";
  src: url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-25th.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-25th.ttf") format("truetype");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: "NeueHaas";
  src: url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-35xlt.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-35xlt.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: "NeueHaas";
  src: url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-45lt.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-45lt.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "NeueHaas";
  src: url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-55rg.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-55rg.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "NeueHaas";
  src: url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-65md.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-65md.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "NeueHaas";
  src: url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-75bd.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-75bd.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "NeueHaas";
  src: url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-95blk.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-95blk.ttf") format("truetype");
  font-weight: 900;
  font-style: normal; }

.l-nav {
  counter-reset: dropdown;
  z-index: 1;
  font-family: NeueHaas;
  font-size: 16px;
  font-weight: 600; }
  @media (min-width: 550px) {
    .l-nav {
      font-size: 21px; } }
  @media (min-width: 0) and (max-width: 849px) {
    .l-nav {
      display: none; } }

.nav {
  overflow: visible;
  position: relative;
  border-top: 1px solid #000;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -moz-justify-content: flex-start;
  justify-content: flex-start; }
  @media (min-width: 850px) {
    .nav {
      padding: 20px 0; } }

.nav-li {
  cursor: pointer; }

@media (min-width: 850px) {
  .nav-li--with-dropdown:hover,
  .nav-li--with-big-dropdown:hover {
    background-color: #000;
    color: #ffffff; }
    .nav-li--with-dropdown:hover .nav-li__dropdown,
    .nav-li--with-big-dropdown:hover .nav-li__dropdown {
      display: -webkit-box;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex; }
    .nav-li--with-dropdown:hover .nav-li__icon,
    .nav-li--with-big-dropdown:hover .nav-li__icon {
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease;
      background-image: url("https://cdn.technologyreview.com/_/img/plus--white.svg");
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); } }

.nav-li--active {
  background-color: #000;
  color: #ffffff; }
  .nav-li--active .nav-li__dropdown {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; }
  .nav-li--active .nav-li__icon {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background-image: url("https://cdn.technologyreview.com/_/img/plus--white.svg");
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }

.nav-li--with-big-dropdown {
  display: none; }
  @media (min-width: 1024px) {
    .nav-li--with-big-dropdown {
      display: inline-block; } }

.nav-li__text {
  display: inline-block;
  margin: 12px 15px; }

.nav-li__text--title {
  display: none; }
  @media (min-width: 850px) {
    .nav-li__text--title {
      display: inline-block;
      margin-left: 0;
      font-weight: 700; } }

.nav-li__icon {
  background-image: url("https://cdn.technologyreview.com/_/img/plus.svg");
  width: 10px;
  height: 10px;
  display: inline-block; }

.nav-li__dropdown {
  font-family: NeueHaas;
  font-weight: 700;
  background-color: #000;
  color: #ffffff;
  display: none;
  z-index: 2;
  display: none;
  -ms-flex-flow: column wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column wrap;
  list-style-type: none;
  overflow: auto;
  padding: 20px;
  line-height: 1.5em;
  width: 100%;
  position: absolute;
  left: 0; }
  @media (min-width: 850px) {
    .nav-li__dropdown {
      left: auto;
      width: 350px; } }

.nav-li__dropdown-li {
  border-top: 1px solid #fff;
  padding: 5px 0 10px; }

.nav-li__dropdown-li--active {
  color: rgba(255, 255, 255, 0.5); }

.nav-li__dropdown--big {
  display: none;
  left: 0;
  width: 100%;
  height: 400px;
  padding: 40px 20px; }

.nav-li__dropdown-li--big {
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-top: none;
  padding: 0; }

.nav-li__dropdown-ol--big:before {
  counter-increment: dropdown;
  content: counter(dropdown) " ";
  color: #666; }

.article-social-list.article-social-list--topper, .article-social-list.article-social-list--body {
  display: none; }
  @media (min-width: 1024px) {
    .article-social-list.article-social-list--topper, .article-social-list.article-social-list--body {
      display: block; } }

.article-social-list.article-social-list--mobile {
  margin-bottom: 20px; }
  .l-article-topper .article-social-list.article-social-list--mobile {
    margin-bottom: 0; }
  @media (min-width: 1024px) {
    .article-social-list.article-social-list--mobile {
      display: none; } }

.article-social-list .social-list {
  position: relative; }
  @media (max-width: 1023px) {
    .article-social-list .social-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      border-top: 1px solid #000;
      border-bottom: 1px solid #000;
      padding: 15px 0; } }
  @media (min-width: 1024px) {
    .article-social-list .social-list {
      float: left;
      margin: 5px 0 0 0; } }

.l-article-topper .article-social-list--topper .social-list {
  margin-right: -50px; }

footer .social-list {
  position: relative; }

.social-list__item {
  display: block; }

.social-list__comment-link {
  width: 50px;
  height: 55px;
  display: block;
  border-top: 1px solid #000;
  text-align: center;
  position: relative;
  cursor: pointer;
  margin-bottom: 15px; }

.addthis_toolbox a.social-list__comment-link {
  margin-bottom: 15px; }

.social-list__link {
  width: 30px;
  height: 30px;
  display: block;
  background-color: #000;
  border-radius: 50%;
  color: white;
  text-align: center;
  position: relative;
  cursor: pointer;
  margin: 0 auto; }
  @media (min-width: 1024px) {
    .social-list__link {
      margin-bottom: 25px; } }
  .social-list__link.addthis_button_facebook {
    background-color: #3B5998; }
    .social-list__link.addthis_button_facebook i {
      font-size: 21px; }
  .social-list__link.addthis_button_twitter {
    background-color: #1DA1F2; }
    .social-list__link.addthis_button_twitter i {
      font-size: 16px; }
  .social-list__link.addthis_button_reddit {
    background-color: #FF4500; }
    .social-list__link.addthis_button_reddit i {
      font-size: 21px; }
  .social-list__link.addthis_button_linkedin {
    background-color: #0077B5; }
  .social-list__link.addthis_button_whatsapp {
    background-color: transparent; }
    .social-list__link.addthis_button_whatsapp i {
      color: #25D366;
      font-size: 34px; }
  .social-list__link.saved .ion-bookmark {
    color: #e50000; }
  .social-list__link.saved .ion-android-star {
    color: #e5e500; }
  .social-list__link i {
    height: 30px;
    font-size: 18px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

.addthis_toolbox a.social-list__link,
.addthis_toolbox a.social-list__link.at300b,
.addthis_toolbox a.social-list__link.at300m {
  width: 30px;
  margin: 0 auto; }
  @media (min-width: 1024px) {
    .addthis_toolbox a.social-list__link,
    .addthis_toolbox a.social-list__link.at300b,
    .addthis_toolbox a.social-list__link.at300m {
      margin-bottom: 25px; } }

.addthis_toolbox div.atclear {
  display: none; }

.sharing--footer {
  position: relative;
  margin: 0 0 20px; }
  .sharing--footer:last-child {
    margin-bottom: 0; }
  .sharing--footer .social-list__item {
    display: inline-block;
    vertical-align: top; }
  .sharing--footer .social-list__link {
    margin-bottom: 0;
    margin-right: 5px; }
  .sharing--footer .addthis_toolbox a.social-list__link,
  .sharing--footer .addthis_toolbox a.social-list__link.at300b,
  .sharing--footer .addthis_toolbox a.social-list__link.at300m {
    margin-bottom: 0;
    margin-right: 5px; }

.disqus-container {
  position: relative;
  display: none; }
  @media (min-width: 1024px) {
    .disqus-container {
      display: block; } }

.disqus-container {
  background-image: url("https://cdn.technologyreview.com/_/img/speech-bubble.svg");
  background-position: center center;
  background-repeat: no-repeat; }

.social-list__item.disqus-container {
  font-family: NeueHaas;
  font-size: 16px;
  padding-top: 18px;
  font-weight: 600; }
  @media (min-width: 1024px) {
    .social-list__item.disqus-container {
      font-family: NeueHaas;
      font-size: 16px;
      padding-top: 22px; } }
  .social-list__item.disqus-container a {
    border-top: 0; }

.sharing--footer .disqus-container {
  display: none; }

/**
 * Loading
 */
.loading--sm {
  height: 24px;
  width: 24px;
  position: relative; }
  .loading--sm .loading__anim {
    position: absolute;
    height: 24px;
    width: 24px;
    clip: rect(0, 24px, 24px, 15px);
    -webkit-animation: animateLoader .5s linear infinite;
    animation: animateLoader .5s linear infinite; }
    .loading--sm .loading__anim:after {
      content: '';
      position: absolute;
      height: 24px;
      width: 24px;
      clip: rect(0, 24px, 24px, 15px);
      border-radius: 50%;
      -webkit-box-shadow: inset black 0 0 0 2px;
              box-shadow: inset black 0 0 0 2px;
      -webkit-animation: animateLoader2 .5s linear infinite;
      animation: animateLoader2 .5s linear infinite; }
  .article-footer__comments .loading--sm {
    margin-bottom: 20px; }

.loading--large {
  height: 50px;
  position: relative;
  position: absolute;
  height: 50px;
  width: 50px;
  clip: rect(0, 50px, 50px, 31.25px);
  -webkit-animation: animateLoader .5s linear infinite;
  animation: animateLoader .5s linear infinite; }
  .loading--large:after {
    content: '';
    position: absolute;
    height: 50px;
    width: 50px;
    clip: rect(0, 50px, 50px, 31.25px);
    border-radius: 50%;
    -webkit-box-shadow: inset black 0 0 0 2px;
            box-shadow: inset black 0 0 0 2px;
    -webkit-animation: animateLoader2 .5s linear infinite;
    animation: animateLoader2 .5s linear infinite; }

.loading-more {
  height: 50px;
  position: relative; }
  .loading-more [class*="loading--"] {
    position: absolute;
    bottom: 0;
    color: #666; }
  .loading-more .loading__msg {
    line-height: 50px;
    margin: 0;
    position: absolute;
    left: 70px;
    height: 50px;
    right: 0;
    bottom: 0;
    font-size: 21px;
    color: #000;
    font-weight: 600; }

/**
 * Insider Product Description CSS
 *
 * Styles used for the page region that describes what is included
 * in Insider subscriptions.  Can be found in activate, renew, and other similar pages.
 *
 */
/**
 * Buttons
 */
.btn {
  background-color: transparent;
  text-align: left;
  border: 2px solid #000;
  padding: 30px 10px 8px;
  font-family: NeueHaas;
  font-size: 18px;
  font-weight: 700;
  -webkit-transition: .2s ease;
  transition: .2s ease;
  width: 100%;
  position: relative;
  outline: none;
  display: block; }
  @media (min-width: 850px) {
    .btn {
      display: inline-block;
      padding: 30px 100px 8px 10px;
      width: auto; } }
  .btn:hover {
    background-color: #000;
    border-color: #000;
    color: #ffffff; }
  .btn:active {
    background-color: transparent;
    background-color: #000;
    color: white; }

.btn--block {
  display: block;
  width: 100%; }

.touch .btn--add:hover {
  background-color: initial;
  border-color: initial;
  color: initial; }

.touch .btn--add:active {
  background-color: initial;
  background-color: initial;
  color: initial; }

.btn--add__icon {
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 10px;
  right: 10px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("https://cdn.technologyreview.com/_/img/plus.svg"); }
  .btn--add:hover .btn--add__icon {
    background-image: url("https://cdn.technologyreview.com/_/img/plus--white.svg"); }
    .touch .btn--add:hover .btn--add__icon {
      background-image: url("https://cdn.technologyreview.com/_/img/plus.svg"); }
  .btn--add:active .btn--add__icon {
    background-image: url("https://cdn.technologyreview.com/_/img/plus--white.svg"); }
    .touch .btn--add:active .btn--add__icon {
      background-image: url("https://cdn.technologyreview.com/_/img/plus.svg"); }

@media (min-width: 850px) {
  .btn--lock {
    width: 175px;
    padding-right: 50px;
    padding-top: 20px; } }

.btn--lock:before {
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  position: absolute;
  top: 9px;
  right: 9px;
  font-size: 16px; }

.btn--primary:before {
  content: '';
  width: 11px;
  height: 11px;
  position: absolute;
  top: 9px;
  right: 9px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("https://cdn.technologyreview.com/_/img/angle-arrow.svg"); }

.btn--primary:hover:before {
  background-image: url("https://cdn.technologyreview.com/_/img/angle-arrow--white.svg"); }

.btn--primary--blackbg {
  border: 2px solid #fff; }
  .btn--primary--blackbg:before {
    content: '';
    width: 11px;
    height: 11px;
    position: absolute;
    top: 9px;
    right: 9px;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url("https://cdn.technologyreview.com/_/img/angle-arrow--white.svg"); }
  .btn--primary--blackbg:hover {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #000; }
    .btn--primary--blackbg:hover:before {
      background-image: url("https://cdn.technologyreview.com/_/img/angle-arrow.svg"); }
  .btn--primary--blackbg:active {
    background-color: transparent;
    background-color: #ffffff;
    color: #000; }

.btn--primary--transparent .btn__icon--angle-arrow {
  display: block; }

.btn--primary--transparent__icon {
  width: 11px;
  height: 11px;
  position: absolute;
  top: 9px;
  right: 9px; }
  .btn--primary--transparent .btn--primary--transparent__icon .btn__icon--angle-arrow polygon {
    fill: currentColor; }
  .btn--primary--transparent:hover .btn--primary--transparent__icon .btn__icon--angle-arrow polygon {
    fill: currentColor; }

.l-product-description {
  width: 100%;
  padding: 40px 9% 20px 9%;
  clear: both;
  display: block;
  position: relative; }

.l-product-description--static {
  margin: 20px 0;
  padding: 40px 30px 30px 30px; }
  @media (min-width: 850px) {
    .l-product-description--static {
      margin: 50px 0; } }

.product-description {
  background: #027298;
  color: #ffffff; }
  .product-description .btn {
    border-color: #ffffff; }
    .product-description .btn:hover {
      color: #027298;
      background-color: white; }
    .product-description .btn .btn--primary__icon {
      width: 11px;
      height: 11px;
      background-image: url("https://cdn.technologyreview.com/_/img/angle-arrow--white.svg");
      position: absolute;
      top: 9px;
      right: 9px; }
    .product-description .btn:hover .btn--primary__icon {
      background-image: url("https://cdn.technologyreview.com/_/img/angle-arrow--insider-blue.svg"); }
  .product-description .btn--activated {
    opacity: .4;
    cursor: text; }
    .product-description .btn--activated:hover {
      color: white;
      background-color: transparent; }
      .product-description .btn--activated:hover .btn--primary__icon {
        background-image: url("https://cdn.technologyreview.com/_/img/angle-arrow--white.svg"); }
  .insider-pricing-alum .product-description {
    background: #A31F34; }
    .insider-pricing-alum .product-description .btn:hover {
      color: #A31F34; }
      .insider-pricing-alum .product-description .btn:hover .btn--primary__icon {
        background-image: url("https://cdn.technologyreview.com/_/img/angle-arrow--alumni-red.svg"); }
    .insider-pricing-alum .product-description .btn--activated {
      opacity: .4;
      cursor: text; }
      .insider-pricing-alum .product-description .btn--activated:hover {
        color: white;
        background-color: transparent; }
        .insider-pricing-alum .product-description .btn--activated:hover .btn--primary__icon {
          background-image: url("https://cdn.technologyreview.com/_/img/angle-arrow--white.svg"); }

.product-description__level {
  font-family: "NeueHaas", sans-serif;
  font-size: 30px;
  font-weight: 900;
  margin-bottom: 0; }
  @media (min-width: 750px) {
    .product-description__level {
      margin-right: 10px;
      margin-bottom: 40px;
      display: inline-block;
      position: relative;
      float: left; } }
  .product-description__level .product-description__level__gift {
    font-weight: 300; }

.product-description__level--static {
  margin-bottom: 0; }
  @media (min-width: 850px) {
    .product-description__level--static {
      font-family: "NeueHaas", sans-serif;
      font-size: 48px;
      text-rendering: optimizeLegibility;
      font-weight: 700;
      margin-bottom: 40px; } }

.product-description__price {
  font-family: "NeueHaas", sans-serif;
  font-size: 30px;
  font-weight: 200;
  margin-bottom: 20px; }
  @media (min-width: 750px) {
    .product-description__price {
      display: inline-block;
      position: relative;
      float: left; } }

.product-description__price--static {
  margin-bottom: 30px;
  display: block;
  float: none;
  clear: left; }
  @media (min-width: 850px) {
    .product-description__price--static {
      font-family: "NeueHaas", sans-serif;
      font-size: 64px;
      text-rendering: optimizeLegibility;
      font-weight: 200;
      margin-bottom: 0;
      position: absolute;
      bottom: 50px;
      right: 30px; } }
  @media (min-width: 850px) {
    .insider-pricing-alum .product-description__price--static {
      bottom: 50px;
      right: 0;
      width: 33.33333%;
      font-size: 50px; } }
  @media (min-width: 1024px) {
    .insider-pricing-alum .product-description__price--static {
      font-size: 64px; } }

.product-description__price__note {
  display: none; }
  .insider-pricing-alum.insider-tier-basic .product-description__price--static .product-description__price__note {
    font-family: "NeueHaas", sans-serif;
    font-size: 14px;
    font-weight: 400;
    width: 70%;
    display: block;
    clear: left; }

.product-description__cta {
  margin-bottom: 20px; }
  @media (min-width: 750px) {
    .product-description__cta {
      width: 145px;
      float: right; } }

@media (min-width: 850px) {
  .product-description__list {
    width: 50%; } }

@media (min-width: 850px) {
  .insider-tier-plus .product-description__list,
  .insider-tier-premium .product-description__list {
    width: 58.33333%; } }

.product-description__list-heading {
  font-family: "NeueHaas", sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-bottom: 5px;
  border-bottom: 4px solid #fff;
  clear: left; }

.product-description__benefits {
  margin-bottom: 20px; }
  .product-description__benefits:after {
    content: " ";
    display: table;
    clear: both; }

.product-description__benefit {
  font-family: "NeueHaas", sans-serif;
  font-size: 16px;
  font-weight: 400;
  padding: 10px 0;
  border-bottom: 2px solid #fff; }

.product-description__benefit-conjunction {
  display: inline; }
  .insider-tier-plus .product-description__benefit-conjunction,
  .insider-tier-premium .product-description__benefit-conjunction {
    display: none; }

.product-description__benefit-conjunction--plus {
  display: inline; }
  .insider-tier-basic .product-description__benefit-conjunction--plus {
    display: none; }

.product-description__benefit--basic {
  display: none; }
  .insider-tier-basic .product-description__benefit--basic,
  .insider-tier-plus .product-description__benefit--basic,
  .insider-tier-premium .product-description__benefit--basic {
    display: block; }

.product-description__benefit--plus {
  display: none; }
  .insider-tier-plus .product-description__benefit--plus,
  .insider-tier-premium .product-description__benefit--plus {
    display: block; }

.product-description__benefit--premium {
  display: none; }
  .insider-tier-premium .product-description__benefit--premium {
    display: block; }

.insider-edition-digital .product-description__benefit__edition--print {
  display: none; }

.product-description__benefit__edition--digital {
  display: none; }
  .insider-edition-digital .product-description__benefit__edition--digital {
    display: inline; }

.product-description__gift-cta__text {
  font-family: "NeueHaas", sans-serif;
  font-size: 14px;
  font-weight: 900;
  margin-right: 10px;
  display: inline-block; }

.product-description__gift-cta__icon {
  width: 27px;
  height: 10px;
  display: inline-block;
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("https://cdn.technologyreview.com/_/img/arrow--white.svg");
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  .product-description__gift-cta:hover .product-description__gift-cta__icon {
    -webkit-transform: translateX(4px);
            transform: translateX(4px); }

.l-product-description {
  padding: 0; }
  @media (min-width: 850px) {
    .l-product-description {
      width: 56%; } }

.product-description {
  background: none;
  color: #000; }

.product-description__level,
.product-description__price {
  font-size: 24px; }

/**
 * Fix things screwed up by _insider__product-description.scss
 */
@media (min-width: 750px) {
  .product-description__level {
    float: none;
    position: static;
    display: block;
    margin-bottom: 0; } }

@media (min-width: 750px) {
  .product-description__price {
    float: none;
    position: static;
    display: block; } }

.product-description__list-heading,
.product-description__benefit {
  border-color: #000; }

@media (min-width: 850px) {
  .product-description__level,
  .product-description__price {
    font-size: 30px; } }

.product-description__price__note {
  font-size: 0.75em;
  display: inline;
  color: #888; }

.paywall {
  display: none; }

.paywall--visible {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
  max-width: 1240px;
  margin: 50px auto;
  padding: 0 10px; }
  @media (min-width: 550px) {
    .paywall--visible {
      padding: 0 15px; } }
  @media (min-width: 750px) {
    .paywall--visible {
      padding: 0 30px; } }

.paywall__subscribe-alert {
  color: #F90E1E;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  margin-top: 20px;
  width: 100%; }
  .paywall__subscribe-alert:before {
    content: "";
    display: block;
    height: 4px;
    position: absolute;
    right: 0;
    left: 0;
    top: 50%;
    z-index: 1;
    margin-top: -3px;
    background-color: #F90E1E; }
  .paywall__subscribe-alert span {
    display: inline-block;
    background-color: white;
    padding: 0 10px;
    position: relative;
    z-index: 2; }

.paywall__aside {
  margin-bottom: 20px; }
  @media (min-width: 850px) {
    .paywall__aside {
      margin-bottom: 25px;
      width: 41.66667%; } }

.paywalL__aside__heading {
  font-size: 24px;
  line-height: 1.15em;
  font-weight: 700; }
  @media (min-width: 850px) {
    .paywalL__aside__heading {
      margin-bottom: 40px;
      font-size: 48px;
      margin-right: 30px; } }

.paywall_heading {
  line-height: 120%;
  font-weight: 200;
  font-size: 48px;
  margin: 20px 0 20px; }
  @media (min-width: 850px) {
    .paywall_heading {
      font-size: 90px;
      margin: 50px 0; } }

.paywall__subscribe-btn {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  clear: both;
  height: 69px;
  width: 100%; }
  .paywall__subscribe-btn:hover {
    color: #ffffff;
    background-color: #000; }
    .paywall__subscribe-btn:hover span {
      background-image: url("https://cdn.technologyreview.com/_/img/angle-arrow--white.svg"); }
  .paywall__subscribe-btn p {
    font-family: NeueHaas;
    font-size: 17px;
    font-weight: 600;
    cursor: pointer;
    padding: 23px 10px 10px;
    line-height: 1;
    position: relative;
    border: 2px solid #000; }
  .paywall__subscribe-btn span {
    position: absolute;
    width: 10px;
    height: 10px;
    top: 9px;
    right: 10px;
    background-image: url("https://cdn.technologyreview.com/_/img/angle-arrow.svg"); }
  .paywall__subscribe-btn p {
    padding-top: 37px; }
  @media (min-width: 850px) {
    .paywall__subscribe-btn {
      width: 150px; } }

.paywall__subscribe-btn--mobile {
  margin-bottom: 20px; }
  @media (min-width: 850px) {
    .paywall__subscribe-btn--mobile {
      display: none; } }

.paywall__subscribe-btn--desktop {
  margin-top: 40px; }
  @media (min-width: 0) and (max-width: 849px) {
    .paywall__subscribe-btn--desktop {
      display: none; } }

.paywall__link {
  margin-top: 1em;
  width: 50%; }
  .paywall__link a {
    font-weight: 700; }

.paywall__link--pricing {
  font-weight: 700; }
  .paywall__link--pricing:hover:after {
    -webkit-transform: translateX(4px);
            transform: translateX(4px); }
  .paywall__link--pricing:after {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: inline-block;
    content: '';
    width: 33px;
    height: 11px;
    background-image: url("https://cdn.technologyreview.com/_/img/arrow.svg");
    background-size: 100%;
    margin-left: 5px;
    background-position: center center;
    background-repeat: no-repeat; }

@media (min-width: 850px) {
  .paywall__link:first-child {
    margin-top: 40px; } }

.article.ko {
  overflow: hidden; }
  .article.ko .l-article-topper {
    position: relative;
    z-index: 4; }
  .article.ko .article-body {
    height: 100%; }
  .article.ko .article-body__content {
    position: relative;
    height: 100%;
    padding: 1px 0; }
    .article.ko .article-body__content:before {
      content: "";
      /* FF3.6+ */
      /* Chrome,Safari4+ */
      /* Chrome10+,Safari5.1+ */
      /* Opera 11.10+ */
      /* IE10+ */
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(36%, rgba(255, 255, 255, 0.78)), to(white));
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.78) 36%, white 100%);
      /* W3C */
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 50%;
      width: 100%;
      z-index: 2; }
  .article.ko .article-footer__main {
    display: none; }

.paywall--visible {
  margin-top: 0; }

.paywalL__aside__heading a {
  color: #F90E1E; }

.l-article-locked-audio {
  max-width: 600px;
  padding-top: 10px;
  padding-bottom: 10px;
  background: #F5F5F5; }
  @media (min-width: 850px) {
    .l-article-locked-audio {
      width: calc(100% - 320px); } }
  @media (min-width: 1024px) {
    .l-article-locked-audio {
      width: 58.33333%; } }

.article-body__content .article-locked-audio {
  margin-bottom: 0;
  padding-right: 10px;
  padding-left: 60px;
  font-family: "NeueHaas", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  position: relative; }
  @media (min-width: 550px) {
    .article-body__content .article-locked-audio {
      padding-left: 70px;
      font-family: "NeueHaas", sans-serif;
      font-size: 17px;
      font-weight: 400; } }

.article-locked-audio:before {
  content: '';
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-left: 24px solid #666;
  border-bottom: 15px solid transparent;
  display: block;
  position: absolute;
  top: calc( 50% - 15px);
  left: 20px; }
  @media (min-width: 550px) {
    .article-locked-audio:before {
      left: 30px; } }

.article-locked-audio__subscribe {
  font-weight: 700; }

.article-locked-audio__login {
  font-weight: 700; }
  .article-body__content .article-locked-audio__login {
    color: #000; }
    .article-body__content .article-locked-audio__login:hover {
      background-image: linear-gradient(to top, transparent, transparent 2px, #000000 2px, #000000 3px, transparent 3px); }

.ribbon {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 3em;
  margin: 0; }

.ribbon__headline {
  max-width: 1240px;
  margin: 50px auto;
  padding: 0 10px;
  margin: 1em auto;
  padding: 0 20px;
  font-size: 14px;
  font-family: "NeueHaas",sans-serif;
  font-weight: normal; }
  @media (min-width: 550px) {
    .ribbon__headline {
      padding: 0 15px; } }
  @media (min-width: 750px) {
    .ribbon__headline {
      padding: 0 30px; } }
  @media (min-width: 1024px) {
    .ribbon__headline {
      font-size: 16px; } }
  @media (min-width: 1024px) {
    .ribbon__headline {
      font-size: 20px; } }

.ribbon__logo {
  margin-top: .5em;
  margin-bottom: .5em;
  margin-right: -10px; }
  @media (min-width: 550px) {
    .ribbon__logo {
      margin-right: -5px; } }
  @media (min-width: 750px) {
    .ribbon__logo {
      margin-right: -20px; } }

/* specific ribbon styles */
.ribbon--early-access {
  background-color: #ffee37; }
  .ribbon--early-access > div {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 10px;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center; }
    @media (min-width: 550px) {
      .ribbon--early-access > div {
        padding: 0 15px; } }
    @media (min-width: 750px) {
      .ribbon--early-access > div {
        padding: 0 30px; } }
  .ribbon--early-access .ribbon__headline {
    margin: 1em 0;
    color: #000; }
  .ribbon--early-access .ribbon__logo {
    width: 50px;
    height: 50px; }

.ribbon--conversations {
  background-color: #000; }
  .ribbon--conversations > div {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 10px;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center; }
    @media (min-width: 550px) {
      .ribbon--conversations > div {
        padding: 0 15px; } }
    @media (min-width: 750px) {
      .ribbon--conversations > div {
        padding: 0 30px; } }
  .ribbon--conversations .ribbon__logo {
    width: 50px;
    height: 50px; }
  .ribbon--conversations .ribbon__headline {
    margin: 1em 0;
    color: #FFF; }
  .ribbon--conversations .cta {
    font-weight: 600; }
    .ribbon--conversations .cta:hover:after {
      -webkit-transform: translateX(4px);
              transform: translateX(4px); }
    .ribbon--conversations .cta:after {
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease;
      display: inline-block;
      content: '';
      width: 33px;
      height: 11px;
      background-image: url("https://cdn.technologyreview.com/_/img/arrow--white.svg");
      background-size: 100%;
      margin-left: 5px;
      background-position: center center;
      background-repeat: no-repeat; }

.ribbon .insider-level {
  font-weight: bold; }

/**
 * Insider Pricing CSS
 *
 * Styles used for the Insider pricing page
 */
/**
 * Mixin Library
 */
@-webkit-keyframes animateLoader {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(220deg); } }

@keyframes animateLoader {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(220deg);
            transform: rotate(220deg); } }

@-webkit-keyframes animateLoader2 {
  0% {
    webkit-transform: rotate(-140deg); }
  100% {
    webkit-transform: rotate(140deg); } }

@keyframes animateLoader2 {
  0% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(140deg);
            transform: rotate(140deg); } }

/*------------------------------------------------------------------------------
	Content Columns
------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
	Bourbon Mixins
------------------------------------------------------------------------------*/
/**
 * Fonts & Typography
 *
 * Font related variables, mixins and CSS used throughout
 */
@font-face {
  font-family: "MillerDisplay";
  src: url("https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-roman.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-roman.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "MillerDisplay";
  src: url("https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-italic.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: "MillerDisplay";
  src: url("https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-lightitalic.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-lightitalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic; }

@font-face {
  font-family: "MillerDisplay";
  src: url("https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-light.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-light.ttf") format("truetype");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: "MillerDisplay";
  src: url("https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-bold.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "MillerDisplay";
  src: url("https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-semibold.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "MillerDisplay";
  src: url("https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-semibolditalic.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/font-bureau-millerdisplay-semibolditalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "MillerText";
  src: url("https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-roman.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-roman.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "MillerText";
  src: url("https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-italic.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: "MillerText";
  src: url("https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-bold.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: "MillerText";
  src: url("https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-bolditalic.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/font-bureau-millertext-bolditalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: "NeueHaas";
  src: url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-15ultth.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-15ultth.ttf") format("truetype");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: "NeueHaas";
  src: url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-25th.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-25th.ttf") format("truetype");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: "NeueHaas";
  src: url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-35xlt.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-35xlt.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: "NeueHaas";
  src: url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-45lt.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-45lt.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "NeueHaas";
  src: url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-55rg.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-55rg.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "NeueHaas";
  src: url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-65md.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-65md.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "NeueHaas";
  src: url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-75bd.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-75bd.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "NeueHaas";
  src: url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-95blk.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/nhaasgroteskdsstd-95blk.ttf") format("truetype");
  font-weight: 900;
  font-style: normal; }

/**
 * Buttons
 */
.btn {
  background-color: transparent;
  text-align: left;
  border: 2px solid #000;
  padding: 30px 10px 8px;
  font-family: NeueHaas;
  font-size: 18px;
  font-weight: 700;
  -webkit-transition: .2s ease;
  transition: .2s ease;
  width: 100%;
  position: relative;
  outline: none;
  display: block; }
  @media (min-width: 850px) {
    .btn {
      display: inline-block;
      padding: 30px 100px 8px 10px;
      width: auto; } }
  .btn:hover {
    background-color: #000;
    border-color: #000;
    color: #ffffff; }
  .btn:active {
    background-color: transparent;
    background-color: #000;
    color: white; }

.btn--block {
  display: block;
  width: 100%; }

.touch .btn--add:hover {
  background-color: initial;
  border-color: initial;
  color: initial; }

.touch .btn--add:active {
  background-color: initial;
  background-color: initial;
  color: initial; }

.btn--add__icon {
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 10px;
  right: 10px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("https://cdn.technologyreview.com/_/img/plus.svg"); }
  .btn--add:hover .btn--add__icon {
    background-image: url("https://cdn.technologyreview.com/_/img/plus--white.svg"); }
    .touch .btn--add:hover .btn--add__icon {
      background-image: url("https://cdn.technologyreview.com/_/img/plus.svg"); }
  .btn--add:active .btn--add__icon {
    background-image: url("https://cdn.technologyreview.com/_/img/plus--white.svg"); }
    .touch .btn--add:active .btn--add__icon {
      background-image: url("https://cdn.technologyreview.com/_/img/plus.svg"); }

@media (min-width: 850px) {
  .btn--lock {
    width: 175px;
    padding-right: 50px;
    padding-top: 20px; } }

.btn--lock:before {
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  position: absolute;
  top: 9px;
  right: 9px;
  font-size: 16px; }

.btn--primary:before {
  content: '';
  width: 11px;
  height: 11px;
  position: absolute;
  top: 9px;
  right: 9px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("https://cdn.technologyreview.com/_/img/angle-arrow.svg"); }

.btn--primary:hover:before {
  background-image: url("https://cdn.technologyreview.com/_/img/angle-arrow--white.svg"); }

.btn--primary--blackbg {
  border: 2px solid #fff; }
  .btn--primary--blackbg:before {
    content: '';
    width: 11px;
    height: 11px;
    position: absolute;
    top: 9px;
    right: 9px;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url("https://cdn.technologyreview.com/_/img/angle-arrow--white.svg"); }
  .btn--primary--blackbg:hover {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #000; }
    .btn--primary--blackbg:hover:before {
      background-image: url("https://cdn.technologyreview.com/_/img/angle-arrow.svg"); }
  .btn--primary--blackbg:active {
    background-color: transparent;
    background-color: #ffffff;
    color: #000; }

.btn--primary--transparent .btn__icon--angle-arrow {
  display: block; }

.btn--primary--transparent__icon {
  width: 11px;
  height: 11px;
  position: absolute;
  top: 9px;
  right: 9px; }
  .btn--primary--transparent .btn--primary--transparent__icon .btn__icon--angle-arrow polygon {
    fill: currentColor; }
  .btn--primary--transparent:hover .btn--primary--transparent__icon .btn__icon--angle-arrow polygon {
    fill: currentColor; }

/**
 * Pricing page layout
 */
.l-pricing {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 10px; }
  @media (min-width: 550px) {
    .l-pricing {
      padding: 0 15px; } }
  @media (min-width: 750px) {
    .l-pricing {
      padding: 0 30px; } }

.l-pricing--menu-only {
  margin-top: 40px; }

.pricing__divider {
  border-bottom: 4px solid #000;
  margin-bottom: 55px; }
  .pricing__divider:after {
    content: " ";
    display: table;
    clear: both; }

.pricing__selections {
  float: left;
  border-top: 1px solid #000;
  border-right: 1px solid #000; }
  @media (min-width: 750px) {
    .pricing__selections {
      float: right; } }

.pricing__selections__section {
  display: inline-block;
  border-left: 1px solid #000;
  padding: 10px 10px 6px 10px; }

.pricing__selections__option {
  position: relative;
  display: inline-block; }
  .pricing__selections__option input {
    display: none; }
    .pricing__selections__option input + .checkbox-support {
      position: absolute;
      top: 2px;
      background-color: transparent;
      border: 1px solid black;
      -webkit-box-shadow: none;
              box-shadow: none;
      padding: 6px;
      display: inline-block;
      margin-right: 10px;
      width: 10px;
      height: 10px; }
      .pricing__selections__option input + .checkbox-support:active {
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
                box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1); }
    .pricing__selections__option input:checked + .checkbox-support:after {
      position: absolute;
      width: 100%;
      text-align: center;
      margin: 0 0 0 0;
      vertical-align: text-top; }
    .pricing__selections__option input[type="radio"] + .checkbox-support {
      border-radius: 10px;
      background-color: white;
      color: black; }
    .pricing__selections__option input[type="radio"]:checked + .checkbox-support:after {
      content: ' ';
      display: block;
      width: 6px;
      height: 6px;
      border-radius: 6px;
      top: 3px;
      left: 3px;
      background-color: black; }
    .pricing__selections__option input[type="checkbox"]:checked + .checkbox-support {
      background-color: black;
      color: white; }
    .pricing__selections__option input[type="checkbox"]:checked + .checkbox-support:after {
      font-size: 12px;
      content: '\2715';
      top: -1px;
      left: 0px;
      color: white; }
  .pricing__selections__option .label-after {
    display: inline-block;
    color: black;
    line-height: 1.2em;
    margin: -1px 0 0 0;
    padding-left: 22px;
    font-size: 18px;
    font-weight: bold; }
  .pricing__selections__option + .pricing__selections__option {
    margin-left: 10px; }

.l-pricing__grid {
  display: none;
  margin-bottom: 40px; }
  @media (min-width: 750px) {
    .l-pricing__grid {
      display: block; } }

.l-pricing__grid__header {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between; }

.l-pricing__grid__footer {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -moz-align-items: flex-start;
  align-items: flex-start; }

.l-pricing__menu {
  width: 100%;
  margin-top: 30px;
  display: block;
  position: relative;
  margin-bottom: 30px; }
  @media (min-width: 750px) {
    .l-pricing__menu {
      display: none; }
      .l-pricing__menu.l-pricing__menu--menu-only {
        display: block; } }

.l-pricing__info-blocks {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -moz-align-items: stretch;
  align-items: stretch; }
  @media (min-width: 1024px) {
    .l-pricing__info-blocks {
      -ms-flex-wrap: none;
      flex-wrap: nowrap; } }

.l-pricing__info-block {
  width: 100%; }
  @media (min-width: 750px) {
    .l-pricing__info-block {
      width: 49%;
      display: -webkit-box;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      -moz-justify-content: flex-start;
      justify-content: flex-start; } }
  @media (min-width: 1024px) {
    .l-pricing__info-block {
      width: 32%;
      margin-top: 70px; } }

.l-pricing__info-block--short {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start; }

.l-pricing__options {
  margin-top: 30px;
  width: 100%;
  padding: 20px;
  margin-bottom: 10px;
  background-color: #F5F5F5;
  display: block;
  clear: left; }
  @media (min-width: 750px) {
    .l-pricing__options {
      margin-top: 70px; } }

.l-pricing__options-sections {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -moz-align-items: flex-start;
  align-items: flex-start; }
  @media (min-width: 1024px) {
    .l-pricing__options-sections {
      -ms-flex-wrap: none;
      flex-wrap: nowrap; } }

.l-pricing__options-section {
  width: 48%;
  border-top: 1px solid #000;
  border-color: #B4B4B4;
  padding-top: 20px;
  padding-bottom: 30px; }
  .l-pricing__options-section:nth-child(n+3) {
    padding-bottom: 10px; }
  @media (min-width: 1024px) {
    .l-pricing__options-section {
      width: 23%;
      padding-bottom: 0; } }

/**
 * Pricing page details
 */
.pricing__heading {
  font-family: "NeueHaas", sans-serif;
  font-size: 42px;
  text-rendering: optimizeLegibility;
  font-weight: 200;
  padding-bottom: 18px;
  border-bottom: none; }
  @media (min-width: 750px) {
    .pricing__heading {
      font-family: "NeueHaas", sans-serif;
      font-size: 64px;
      text-rendering: optimizeLegibility;
      font-weight: 200; } }
  @media (min-width: 1250px) {
    .pricing__heading {
      font-family: "NeueHaas", sans-serif;
      font-size: 90px;
      text-rendering: optimizeLegibility;
      font-weight: 200;
      padding-bottom: 35px; } }
  .l-pricing--menu-only .pricing__heading {
    border-top: 4px solid #000;
    border-bottom: 4px solid #000;
    text-align: center;
    padding: 30px 0;
    font-size: 35px;
    margin-bottom: 0; }
    @media (min-width: 750px) {
      .l-pricing--menu-only .pricing__heading {
        padding: 40px 0;
        font-size: 45px; } }
    @media (min-width: 850px) {
      .l-pricing--menu-only .pricing__heading {
        font-size: 50px; } }
    @media (min-width: 1024px) {
      .l-pricing--menu-only .pricing__heading {
        font-size: 62px; } }
    @media (min-width: 1250px) {
      .l-pricing--menu-only .pricing__heading {
        padding: 50px 0;
        font-size: 78px; } }

.pricing__heading--group {
  border-bottom: 4px solid currentColor;
  margin-bottom: 0; }

/**
 * "The Grid"
 * visible at widths >= $desktop
 */
.pricing__grid__header__cell {
  width: 23%;
  border-bottom: 3px solid #000;
  padding-bottom: 10px;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -moz-justify-content: flex-end;
  justify-content: flex-end; }
  .pricing__grid__header__cell:first-child {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%; }

.pricing__grid__label {
  font-family: "NeueHaas", sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 23px;
  padding: 5px 10px 5px 10px;
  font-family: "NeueHaas", sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 1.2;
  background-color: #F5F5F5; }
  @media (min-width: 1250px) {
    .pricing__grid__label {
      line-height: 29px; } }
  @media (min-width: 1024px) {
    .pricing__grid__label {
      padding-top: 0;
      padding-bottom: 0;
      font-family: "NeueHaas", sans-serif;
      font-size: 11px;
      font-weight: 600;
      line-height: 23px; } }
  @media (min-width: 1250px) {
    .pricing__grid__label {
      font-family: "NeueHaas", sans-serif;
      font-size: 13px;
      font-weight: 600;
      line-height: 29px; } }

.pricing__grid__tier {
  font-family: "NeueHaas", sans-serif;
  font-size: 24px;
  font-weight: 700;
  text-align: center; }
  @media (min-width: 1250px) {
    .pricing__grid__tier {
      font-family: "NeueHaas", sans-serif;
      font-size: 36px;
      text-rendering: optimizeLegibility;
      font-weight: 700; } }

.pricing__grid__tier__aside {
  font-family: "NeueHaas", sans-serif;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: block; }
  .pricing__grid__tier__aside span {
    padding: 0 6px;
    color: #F90E1E; }

.pricing__grid__price {
  font-family: "NeueHaas", sans-serif;
  font-size: 19px;
  font-weight: 300;
  text-align: center; }
  @media (min-width: 1250px) {
    .pricing__grid__price {
      font-family: "NeueHaas", sans-serif;
      font-size: 24px;
      font-weight: 300; } }

.pricing__grid__benefit {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  min-height: 4em; }

.pricing__grid__cell {
  width: 23%;
  padding: 10px 0;
  border-bottom: 1px solid #000;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center; }
  .pricing__grid__benefit--featured .pricing__grid__cell {
    border-bottom: 2px solid #fff;
    border-color: #ffffff;
    background-color: #F5F5F5; }

.pricing__grid__cell--label {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%; }
  @media (min-width: 1250px) {
    .pricing__grid__cell--label {
      font-family: "NeueHaas", sans-serif;
      font-size: 18px;
      font-weight: 400; } }
  .pricing__grid__benefit--featured .pricing__grid__cell--label {
    padding: 10px;
    font-weight: 600; }

.pricing__grid__cell__subtitle {
  font-weight: 400;
  font-style: italic; }

.pricing__grid__cell--value {
  font-family: "NeueHaas", sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center; }

.pricing__grid__cell--novalue {
  font-family: "NeueHaas", sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #B4B4B4; }

.pricing__grid__footer__cell {
  width: 23%;
  min-height: 120px;
  padding-top: 10px;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -moz-justify-content: flex-start;
  justify-content: flex-start; }
  .pricing__grid__footer__cell:first-child {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%; }

.pricing__grid__footer__more {
  font-size: 18px;
  font-weight: bold;
  text-decoration: underline;
  margin-bottom: 5px; }

.pricing__grid__footer__label {
  font-family: "NeueHaas", sans-serif;
  font-size: 13px;
  font-weight: 400;
  text-align: right; }

.pricing__grid__footer__btn {
  padding-top: 12px;
  margin-bottom: 10px;
  background-color: #F90E1E;
  border-color: #F90E1E;
  color: #ffffff; }
  .pricing__grid__footer__btn:hover {
    background-color: #ffffff;
    border-color: #F90E1E;
    color: #F90E1E; }
  .pricing__grid__footer__btn:active {
    background-color: #000;
    border-color: #000;
    color: #ffffff; }
  .pricing__grid__footer__btn.btn--activated {
    background-color: #ffffff;
    color: #B4B4B4;
    border-color: #B4B4B4; }
    .pricing__grid__footer__btn.btn--activated:hover {
      color: #B4B4B4;
      border-color: #B4B4B4;
      background: white;
      cursor: default; }
    .pricing__grid__footer__btn.btn--activated.btn--group-activated {
      padding: 12px 10px 9px 10px; }
      .pricing__grid__footer__btn.btn--activated.btn--group-activated .btn--primary--transparent__icon {
        display: none; }
      .pricing__grid__footer__btn.btn--activated.btn--group-activated .btn__price {
        display: none; }

.btn__price {
  font-family: "NeueHaas", sans-serif;
  font-size: 18px;
  font-weight: 300; }
  .btn--activated .btn__price {
    color: #ffffff; }

.pricing__grid__footer__cta {
  text-align: right; }

.pricing__grid__footer__cta--shipping--us {
  display: block; }
  .insider-shipping-intl .pricing__grid__footer__cta--shipping--us {
    display: none; }

.pricing__grid__footer__cta--shipping--intl {
  display: none; }
  .insider-shipping-intl .pricing__grid__footer__cta--shipping--intl {
    display: block; }

.pricing__grid__footer__cta--pricing--mitef {
  display: none; }
  .insider-pricing-mitef.insider-pricing-alum .pricing__grid__footer__cta--pricing--mitef {
    display: block; }

.pricing__grid__footer__cta--pricing--alum {
  display: none; }
  .insider-pricing-alt .pricing__grid__footer__cta--pricing--alum {
    display: block; }
  .insider-pricing-alt.insider-pricing-mitef .pricing__grid__footer__cta--pricing--alum,
  .insider-pricing-alt.insider-pricing-alum .pricing__grid__footer__cta--pricing--alum {
    display: none; }

.pricing__grid__footer__cta--pricing {
  display: none; }
  .insider-pricing-alt.insider-pricing-alum .pricing__grid__footer__cta--pricing {
    display: block; }
  .insider-pricing-mitef.insider-pricing-alum .pricing__grid__footer__cta--pricing {
    display: none; }

.pricing__grid__footer__cta__link {
  font-family: "NeueHaas", sans-serif;
  font-size: 13px;
  font-weight: 400;
  text-decoration: underline; }

/**
 * "The Menu" of insider levels
 * visible at widths < $desktop
 */
.pricing__menu__tier {
  margin-bottom: 30px;
  display: block;
  position: relative;
  border-bottom: 2px solid #000; }

.pricing__menu__tier__heading {
  font-family: "NeueHaas", sans-serif;
  font-size: 36px;
  text-rendering: optimizeLegibility;
  font-weight: 700;
  padding-bottom: 10px; }

.pricing__menu__tier__price {
  font-family: "NeueHaas", sans-serif;
  font-size: 24px;
  font-weight: 400; }

.pricing__menu__tier__aside {
  font-family: "NeueHaas", sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #B4B4B4;
  margin-left: 10px; }

.pricing__menu__tier__aside {
  font-family: "NeueHaas", sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-left: 10px;
  background-color: #F90E1E;
  color: #ffffff;
  padding: 0 6px; }

.pricing__menu__tier__pricing-label {
  padding-bottom: 10px;
  font-family: "NeueHaas", sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase; }

.pricing__menu__tier__description {
  width: 100%;
  padding-top: 10px;
  font-family: "NeueHaas", sans-serif;
  font-size: 18px;
  font-weight: 500; }
  @media (min-width: 750px) {
    .pricing__menu__tier__description {
      width: 45%; } }

.pricing__menu__tier__cta-block {
  width: 100%;
  padding-top: 20px;
  position: relative; }
  @media (min-width: 750px) {
    .pricing__menu__tier__cta-block {
      width: 40%;
      padding-top: 0;
      padding-left: 10%;
      position: absolute;
      top: 0;
      right: 0;
      max-width: calc(300px + 10%); } }

.pricing__menu__tier__cta.btn {
  background-color: #F90E1E;
  border-color: #F90E1E;
  color: #ffffff;
  max-width: 300px; }
  .pricing__menu__tier__cta.btn:hover {
    background-color: #ffffff;
    border-color: #F90E1E;
    color: #F90E1E; }
  .pricing__menu__tier__cta.btn:active {
    background-color: #000;
    border-color: #000;
    color: #ffffff; }
  .pricing__menu__tier__cta.btn.btn--activated {
    background-color: #ffffff;
    color: #B4B4B4;
    border-color: #B4B4B4; }
    .pricing__menu__tier__cta.btn.btn--activated:hover {
      color: #B4B4B4;
      border-color: #B4B4B4;
      background: white;
      cursor: default; }
    .pricing__menu__tier__cta.btn.btn--activated.btn--group-activated {
      padding: 12px 10px 9px 10px; }
      .pricing__menu__tier__cta.btn.btn--activated.btn--group-activated .btn--primary--transparent__icon {
        display: none; }
      .pricing__menu__tier__cta.btn.btn--activated.btn--group-activated:hover {
        background: #ffffff; }
  @media (min-width: 850px) {
    .pricing__menu__tier__cta.btn {
      width: 100%; } }

.pricing__menu__tier__detail-toggle {
  margin-top: 16px;
  margin-bottom: 30px;
  font-family: "NeueHaas", sans-serif;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer; }

.pricing__menu__tier__benefits {
  display: none; }
  .pricing__menu__tier__benefits.reveal-benefits {
    display: block;
    background-color: #F5F5F5;
    padding: 15px;
    margin-bottom: 30px; }
    @media (min-width: 750px) {
      .pricing__menu__tier__benefits.reveal-benefits {
        padding: 30px; } }

.pricing__menu__tier__benefit {
  font-family: "NeueHaas", sans-serif;
  font-size: 18px;
  font-weight: 400;
  padding: 15px 0;
  border-bottom: 2px solid #666; }

.pricing__menu__tier__benefit__heading {
  font-family: "NeueHaas", sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  padding-bottom: 15px;
  border-bottom: 2px solid #666; }

.pricing__menu__tier__benefit__gift {
  margin-top: 30px;
  font-family: "NeueHaas", sans-serif;
  font-size: 14px;
  font-weight: 700;
  display: inline-block; }

.pricing__menu__tier__benefit__gift-icon {
  margin-left: 5px;
  width: 27px;
  height: 10px;
  display: inline-block;
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("https://cdn.technologyreview.com/_/img/arrow--white.svg");
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  .pricing__menu__tier__benefit__gift:hover .pricing__menu__tier__benefit__gift-icon {
    -webkit-transform: translateX(4px);
            transform: translateX(4px); }

.pricing__menu__options__label {
  font-family: "NeueHaas", sans-serif;
  font-size: 14px;
  font-weight: 400;
  position: relative; }
  .pricing__menu__options__label .asterisk {
    position: absolute;
    left: -5px; }

.pricing__menu__option {
  margin-bottom: 5px; }

.pricing__menu__option--shipping--us {
  display: block; }
  .insider-shipping-intl .pricing__menu__option--shipping--us {
    display: none; }

.pricing__menu__option--shipping--intl {
  display: none; }
  .insider-shipping-intl .pricing__menu__option--shipping--intl {
    display: block; }

.pricing__menu__option--pricing--mitef {
  display: none; }
  .insider-pricing-mitef.insider-pricing-alum .pricing__menu__option--pricing--mitef {
    display: block; }

.pricing__menu__option--pricing--alum {
  display: none; }
  .insider-pricing-alt .pricing__menu__option--pricing--alum {
    display: block; }
  .insider-pricing-alt.insider-pricing-mitef .pricing__menu__option--pricing--alum,
  .insider-pricing-alt.insider-pricing-alum .pricing__menu__option--pricing--alum {
    display: none; }

.pricing__menu__option--pricing {
  display: none; }
  .insider-pricing-alt.insider-pricing-alum .pricing__menu__option--pricing {
    display: block; }
  .insider-pricing-mitef.insider-pricing-alum .pricing__menu__option--pricing {
    display: none; }

.pricing__menu__option__link {
  font-family: "NeueHaas", sans-serif;
  font-size: 14px;
  text-decoration: underline; }

/**
 * more subscription options
 */
.pricing__info-block__content {
  width: 100%;
  margin-top: 20px;
  padding: 20px;
  background-color: #F5F5F5;
  -webkit-box-flex: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.pricing__info-block__heading {
  font-family: "NeueHaas", sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-bottom: 20px;
  border-bottom: 1px solid #000;
  border-color: #B4B4B4;
  margin-bottom: 20px; }

.pricing__info-block__information {
  font-family: "NeueHaas", sans-serif;
  font-size: 14px;
  font-weight: 400; }
  .pricing__info-block__information a {
    font-weight: 600; }
  .pricing__info-block__information + .pricing__info-block__information {
    margin-top: 20px; }

.pricing__info-block__cta {
  margin-top: 20px;
  border: 1px solid #000;
  border-color: #F90E1E;
  padding: 20px;
  color: #F90E1E;
  background: #ffffff;
  display: block; }

.pricing__info-block__cta-icon {
  margin-left: 5px;
  width: 27px;
  height: 10px;
  display: inline-block;
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("https://cdn.technologyreview.com/_/img/arrow--red.svg");
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  .pricing__info-block__cta:hover .pricing__info-block__cta-icon {
    -webkit-transform: translateX(4px);
            transform: translateX(4px); }

.l-pricing__more-info {
  border-top: 4px solid #000;
  padding-top: 20px; }
  @media (min-width: 750px) {
    .l-pricing__more-info {
      padding-top: 40px; } }

.l-pricing__more-info__heading {
  font-family: "NeueHaas", sans-serif;
  font-size: 30px;
  font-weight: 200;
  margin-bottom: 20px; }
  @media (min-width: 750px) {
    .l-pricing__more-info__heading {
      font-size: 50px;
      margin-bottom: 30px; } }

.l-pricing__more-info__subhead {
  font-family: "NeueHaas", sans-serif;
  font-size: 16px;
  font-weight: 700; }
  @media (min-width: 750px) {
    .l-pricing__more-info__subhead {
      font-size: 18px; } }
  .l-pricing__more-info--faq .l-pricing__more-info__subhead {
    margin-bottom: 20px; }
    @media (min-width: 750px) {
      .l-pricing__more-info--faq .l-pricing__more-info__subhead {
        margin-bottom: 30px; } }

.l-pricing__more-info__information {
  font-family: "NeueHaas", sans-serif;
  font-size: 16px;
  margin-bottom: 20px; }
  @media (min-width: 750px) {
    .l-pricing__more-info__information {
      font-size: 18px;
      margin-bottom: 30px; } }
  .l-pricing__more-info__information a {
    text-decoration: underline; }

/* Corporate Subscriptons Page */
.pricing-description {
  padding: 0 0 20px 0;
  font-size: 24px; }

.pricing-description--cta {
  padding-bottom: 30px;
  font-weight: 700; }

.corporate-subscriptions {
  padding-bottom: 20px; }

.corporate-subscriptions a {
  color: #F90E1E; }

.products {
  display: -webkit-inline-box;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 16px;
  margin: 20px 0 50px; }
  @media (min-width: 850px) {
    .products {
      -ms-flex-wrap: none;
      flex-wrap: nowrap; } }

.l-corpsubs-img {
  border-bottom: 1px solid black;
  margin-bottom: 55px; }

.corpsubs-img {
  max-width: 100%; }

.product {
  width: 100%; }
  @media (min-width: 850px) {
    .product {
      margin-right: 5px;
      padding-right: 20px;
      width: 33%; } }

.product-header {
  display: -webkit-inline-box;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -moz-align-items: flex-end;
  align-items: flex-end;
  width: 100%;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 0;
  border-bottom: 2px solid #000; }

.product-header__img {
  width: 50px;
  height: 50px;
  margin-right: 10px; }

.product-description {
  padding: 0.5em 0;
  font-size: 18px; }

@media (min-width: 850px) {
  .product-description + .product-description {
    border-top: 1px solid #000; } }

.pricing-shell__footer {
  border-top: 4px solid #000;
  border-bottom: 1px solid #000;
  padding: 8px 0;
  margin-bottom: 10px;
  font-family: "NeueHaas", sans-serif;
  font-size: 16px;
  font-weight: 700; }

/**
 * Multiple Articles Reading List
 */
@media (max-width: 750px) {
  .js-reading-list-is-compact .ad--leaderboard {
    display: none !important; } }

.reading-list {
  display: block;
  position: fixed;
  top: 0;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  width: 100%;
  z-index: 3; }
  @media (min-width: 750px) {
    .reading-list {
      -webkit-transform: translateY(-100%);
              transform: translateY(-100%); }
      .js-reading-list-is-active .reading-list {
        -webkit-transform: translateY(0);
                transform: translateY(0); } }

.reading-list-width {
  max-width: 1180px;
  margin: 0 auto;
  position: relative; }
  .reading-list-width:after {
    content: " ";
    display: table;
    clear: both; }

.reading-list__top {
  background-color: #fff;
  position: relative;
  z-index: 2;
  padding: 0 15px; }
  @media (min-width: 750px) {
    .reading-list__top {
      padding: 0 30px; } }

@-webkit-keyframes current-article-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-15px);
            transform: translateX(-15px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes current-article-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-15px);
            transform: translateX(-15px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@-webkit-keyframes current-article-out {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(15px);
            transform: translateX(15px); } }

@keyframes current-article-out {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(15px);
            transform: translateX(15px); } }

@-webkit-keyframes article-count-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(15px);
            transform: translateX(15px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes article-count-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(15px);
            transform: translateX(15px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

.reading-list__up-next {
  font-family: "NeueHaas", sans-serif;
  font-size: 16px;
  font-weight: 300;
  padding: 10px 0;
  margin-right: 60px;
  position: relative;
  padding-right: 25px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }
  @media (min-width: 750px) {
    .reading-list__up-next {
      padding: 0; } }

.reading-list__dropdown {
  font-family: "NeueHaas", sans-serif;
  font-size: 16px;
  font-weight: 300;
  padding: 10px 0;
  position: relative;
  padding-right: 25px;
  white-space: nowrap; }
  @media (min-width: 750px) {
    .reading-list__dropdown {
      padding: 0;
      display: block; } }

.reading-list__collection {
  font-weight: 600;
  display: block;
  margin-bottom: 1px;
  line-height: normal; }
  @media (min-width: 750px) {
    .reading-list__collection {
      margin: 5px 0;
      float: left; } }

.reading-list__collection-title {
  text-transform: capitalize; }

.reading-list__category {
  display: none; }
  @media (min-width: 750px) {
    .reading-list__category {
      float: left;
      line-height: normal;
      display: block;
      margin: 5px 0 5px 10px;
      font-weight: 600; }
      .reading-list__category i {
        font-size: 12px;
        line-height: normal;
        color: rgba(0, 0, 0, 0.5);
        margin-right: 7px; } }

.reading-list__current {
  display: block;
  margin: 5px 0 5px 10px; }
  @media (max-width: 749px) {
    .reading-list__current {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      margin: 5px 0 0; } }
  @media (min-width: 750px) {
    .reading-list__current {
      display: none;
      float: left;
      opacity: 0;
      padding-left: 7px;
      -webkit-animation-name: current-article-in;
              animation-name: current-article-in;
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
      -webkit-animation-duration: .2s;
              animation-duration: .2s;
      -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards; }
      .js-reading-list-is-active .reading-list__current {
        display: block; }
      .reading-list__current.js-is-changing {
        opacity: 0;
        -webkit-animation-name: current-article-out;
                animation-name: current-article-out;
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in; } }

.reading-list__count {
  display: none; }
  @media (min-width: 750px) {
    .reading-list__count {
      display: inline;
      -webkit-animation-name: article-count-in;
              animation-name: article-count-in;
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
      -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards;
      -webkit-animation-duration: .2s;
              animation-duration: .2s;
      position: absolute;
      padding-left: 7px; }
      .js-reading-list-is-active .reading-list__count {
        -webkit-animation-name: current-article-out;
                animation-name: current-article-out; } }

.reading-list__mobile-trigger {
  border: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
  margin: 0 0 -2px 5px;
  background-color: #000;
  display: inline-block;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-radius: 50%;
  background-image: url("https://cdn.technologyreview.com/_/img/plus--white.svg");
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  cursor: pointer; }
  .reading-list__mobile-trigger:focus {
    outline: 0; }
  .js-reading-list-is-active .reading-list__mobile-trigger {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  @media (min-width: 750px) {
    .reading-list__mobile-trigger {
      display: none; } }

.reading-list__menu-trigger {
  border: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  -webkit-appearance: none;
  float: right;
  cursor: pointer;
  font-family: "NeueHaas", sans-serif;
  font-size: 15px;
  font-weight: 600;
  padding: 0 8px;
  position: absolute;
  top: 2px;
  right: -15px;
  bottom: 0;
  width: 60px;
  text-align: center;
  z-index: 2; }
  .reading-list__menu-trigger:focus {
    outline: 0; }
  @media (min-width: 750px) {
    .reading-list__menu-trigger {
      right: 0; } }

.navbar {
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  background: #fff; }
  .article-page .navbar {
    position: relative; }
  .js-nav-is-fixed .navbar {
    position: fixed;
    top: -70px; }
    @media (min-width: 750px) {
      .js-nav-is-fixed .navbar {
        top: -130px;
        right: 0;
        left: 0;
        -webkit-transition: -webkit-transform 0.5s ease;
        transition: -webkit-transform 0.5s ease;
        transition: transform 0.5s ease;
        transition: transform 0.5s ease, -webkit-transform 0.5s ease;
        padding-bottom: 0; } }
  @media (min-width: 750px) {
    .js-nav-is-fixed.js-nav-is-open .navbar {
      -webkit-transform: translateY(100%);
              transform: translateY(100%);
      -webkit-transition: -webkit-transform 0.3s ease;
      transition: -webkit-transform 0.3s ease;
      transition: transform 0.3s ease;
      transition: transform 0.3s ease, -webkit-transform 0.3s ease; } }

.article-page .site-content {
  padding-top: 0; }

@media (min-width: 750px) {
  .site-content {
    padding-top: 0; }
    .js-nav-is-fixed.article-page .site-content {
      padding-top: 130px; } }

.js-reading-list-is-active.js-nav-is-fixed.js-nav-is-open .reading-list {
  -webkit-transform: translateY(130px);
          transform: translateY(130px);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease; }

@media (max-width: 749px) {
  .js-nav-is-open .navbar {
    position: fixed;
    top: 0; }
  .js-nav-is-open .site-content {
    padding-top: 75px; } }

.reading-list__bottom {
  background-color: #fff;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  padding: 0 15px; }
  .reading-list__bottom .reading-list-width {
    border-top: 1px solid #000; }
  @media (min-width: 750px) {
    .reading-list__bottom {
      padding: 0 30px;
      -webkit-transition: -webkit-transform 0.5s ease;
      transition: -webkit-transform 0.5s ease;
      transition: transform 0.5s ease;
      transition: transform 0.5s ease, -webkit-transform 0.5s ease; } }
  .js-reading-list-is-compact .reading-list__bottom {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
    .js-reading-list-is-compact .reading-list__bottom .reading-list__progress {
      -webkit-transform: translateY(100%);
              transform: translateY(100%); }

.reading-list__list-container {
  position: relative;
  width: 100%; }

.reading-list__list {
  padding: 0;
  width: 100%;
  counter-reset: reading-list-counter 0;
  margin: 0 auto; }

.reading-list__item {
  width: 200px;
  font-family: "NeueHaas", sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  height: 64px;
  overflow: hidden;
  counter-increment: reading-list-counter 1;
  vertical-align: top;
  position: relative; }
  @media (min-width: 750px) {
    .reading-list__item {
      width: 295px; } }
  .reading-list__item:hover {
    opacity: .7; }
  .reading-list__item.js-is-active-item .reading-list__item-title {
    font-weight: 600; }
  .reading-list__item.js-is-active-item:hover {
    opacity: 1; }
  .reading-list__item.js-is-previous-slide:before {
    color: #777; }
  .reading-list__item.js-is-previous-slide .reading-list__item-link {
    color: #777; }

.reading-list--counter .reading-list__item:before {
  content: counter(reading-list-counter, decimal-leading-zero);
  font-size: 35px;
  font-weight: 200;
  float: left;
  margin-top: 10px;
  margin-right: 15px;
  color: #F90E1E;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.reading-list--companies .reading-list__item {
  width: 168.5px; }
  .reading-list--companies .reading-list__item.js-is-active-item .reading-list__item-title,
  .reading-list--companies .reading-list__item.js-is-active-item .reading-list__item-dek {
    font-weight: bold; }
  @media (min-width: 750px) {
    .reading-list--companies .reading-list__item {
      width: 168.5px; } }
  .reading-list--companies .reading-list__item:before {
    content: counter(reading-list-counter, decimal-leading-zero);
    font-size: 35px;
    font-weight: 200;
    float: left;
    margin-top: 10px;
    margin-right: 15px;
    color: #F90E1E;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease; }

.reading-list--innovators .reading-list__item-link {
  padding: 8px 0;
  height: auto; }

.reading-list--innovators .reading-list__item-title,
.reading-list--innovators .reading-list__item-dek {
  position: absolute;
  right: 20px; }

.reading-list--innovators .reading-list__item-title {
  left: 70px;
  display: block;
  font-weight: 600;
  top: 7px; }

.reading-list--innovators .reading-list__item-dek {
  margin: 0;
  top: 25px;
  left: 70px;
  font-size: 13px;
  height: 34px;
  overflow: hidden; }

.reading-list__item-img-container-tr10 {
  width: 48px;
  height: 48px;
  overflow: hidden;
  margin: 2px 3px 3px 3px;
  position: relative;
  border-radius: 50%; }

.reading-list__item-img-tr10 {
  position: absolute;
  margin: auto;
  min-height: 100%;
  min-width: 100%;
  left: -100%;
  right: -100%;
  top: -100%;
  bottom: -100%; }

.reading-list__item-img {
  position: absolute;
  top: 8px;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border-radius: 50%;
  overflow: hidden;
  display: block;
  height: 48px;
  width: 48px; }

.reading-list__item-title {
  max-height: 64px;
  display: block;
  overflow: hidden;
  font-weight: normal; }

.reading-list__item-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  padding: 15px 20px 15px 50px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-decoration: none;
  outline: none;
  overflow: hidden;
  height: 3.6em; }

.reading-list__progress {
  display: none; }
  .no-touch .reading-list__progress {
    display: block;
    border-top: solid #000 3px;
    width: 0;
    max-width: 100%; }
  .js-nav-is-open .reading-list__progress {
    width: 100% !important; }

.swiper-button-prev,
.swiper-button-next {
  top: 0;
  height: auto;
  margin-top: 0;
  bottom: 0;
  background-color: white; }
  .swiper-button-prev:before,
  .swiper-button-next:before {
    position: absolute;
    top: 50%;
    margin: -15px 0 0 0; }
  .swiper-button-prev.swiper-button-disabled,
  .swiper-button-next.swiper-button-disabled {
    opacity: 0; }

.swiper-button-prev {
  display: none;
  left: 0;
  opacity: 0;
  -webkit-transform: translateX(-10px);
          transform: translateX(-10px);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  .swiper-button-prev:before {
    display: inline-block;
    font-family: "Ionicons";
    speak: none;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 30px;
    left: 0; }
  .swiper-button-prev:after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    width: 50px;
    background: -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(90deg, white, rgba(255, 255, 255, 0)); }
  @media (min-width: 750px) {
    .swiper-button-prev {
      display: block; } }
  .reading-list:hover .swiper-button-prev:not(.swiper-button-disabled) {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); }

.swiper-button-next {
  right: 0; }
  .swiper-button-next:before {
    display: inline-block;
    font-family: "Ionicons";
    speak: none;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    right: 0;
    font-size: 30px; }
  .swiper-button-next:after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    width: 50px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), white); }

/**
 * Dropdown Navs (outside of primary menu)
 */
/*------------------------------------------------------------------------------
  Kevin's Dropdown Nav Styles
------------------------------------------------------------------------------*/
.dropdown-nav-container {
  max-width: 1180px;
  padding-top: 20px;
  border-top: 1px solid black;
  margin: 0 auto 17px;
  position: relative;
  z-index: 2; }
  @media (min-width: 0) and (max-width: 849px) {
    .dropdown-nav-container {
      display: none; } }

.dropdown-nav--article .dropdown-nav__item {
  margin: 0 10px 0 0; }

.dropdown-nav--article .dropdown-nav__item + .dropdown-nav__item {
  margin-left: 0; }

.dropdown-nav--article .dropdown-nav__label {
  font-size: 18px;
  font-weight: 700; }

.dropdown-nav {
  display: inline-block; }
  .dropdown-nav:after {
    content: " ";
    display: table;
    clear: both; }

.dropdown-nav__item {
  float: left;
  padding: 6px 10px 5px;
  margin: 0 5px;
  cursor: pointer;
  line-height: normal;
  overflow: hidden;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  cursor: pointer; }
  .dropdown-nav__item.js-dropdown-nav-item-is-open, .dropdown-nav__item:hover {
    background-color: black;
    color: white; }

.dropdown-nav__item--account .dropdown-nav__dropdown {
  margin-top: 9px; }

.dropdown-nav__item--account .dropdown-nav__dropdown__list {
  padding-top: 5px; }

.dropdown-nav__label {
  font-size: 15px;
  display: block;
  line-height: normal; }

.dropdown-nav__dropdown {
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-transform: translate3d(0, 0, 0);
  width: 220px;
  position: absolute;
  margin: 5px 0 0 -10px;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  max-height: 0;
  overflow: hidden; }
  .js-dropdown-nav-item-is-open .dropdown-nav__dropdown,
  .dropdown-nav__item:hover .dropdown-nav__dropdown {
    opacity: 1;
    max-height: 1000px;
    border: 2px solid #000; }

.dropdown-nav__dropdown__list {
  padding: 12px 10px 1px;
  background-color: #000; }

.dropdown-nav__dropdown--col2flex {
  width: auto;
  display: inline-block; }
  .dropdown-nav__dropdown--col2flex .dropdown-nav__dropdown__list {
    width: auto;
    display: block;
    -webkit-columns: 2 10px;
    columns: 2 10px;
    -webkit-column-width: auto;
    column-width: auto; }
  .dropdown-nav__dropdown--col2flex .dropdown-nav__dropdown__item {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-top: 1px solid rgba(100, 100, 100, 0.5); }
    .dropdown-nav__dropdown--col2flex .dropdown-nav__dropdown__item:nth-child(1), .dropdown-nav__dropdown--col2flex .dropdown-nav__dropdown__item:nth-child(6) {
      border-top: none;
      padding-top: 5px; }

.dropdown-nav__dropdown--col2 {
  margin-left: -10px; }
  .dropdown-nav__dropdown--col2 .dropdown-nav__dropdown__list {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .dropdown-nav__dropdown--col2 .dropdown-nav__dropdown__item {
    width: 50%;
    -webkit-box-flex: 1;
    -moz-flex: 1 0 50%;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-top: 1px solid rgba(100, 100, 100, 0.5); }
    .dropdown-nav__dropdown--col2 .dropdown-nav__dropdown__item:nth-child(1), .dropdown-nav__dropdown--col2 .dropdown-nav__dropdown__item:nth-child(2) {
      border-top: none; }

.dropdown-nav__dropdown--colx {
  width: 100%;
  left: 0;
  right: 0;
  margin-left: 0; }
  .dropdown-nav__dropdown--colx .dropdown-nav__dropdown__list {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px 20px 10px; }
  .dropdown-nav__dropdown--colx .dropdown-nav__dropdown__item {
    width: 49%; }
    @media screen and (max-width: 450px) {
      .dropdown-nav__dropdown--colx .dropdown-nav__dropdown__item {
        width: 100%; } }
  .dropdown-nav__dropdown--colx .dropdown-nav__dropdown__item + .dropdown-nav__dropdown__item {
    border-top: none; }

.dropdown-nav__dropdown__item {
  padding: 5px 0 15px;
  line-height: 1;
  text-decoration: none;
  display: block;
  outline: 0;
  font-size: 15px;
  font-weight: 600;
  color: #ffffff; }
  @media (min-width: 750px) {
    .dropdown-nav__dropdown__item {
      z-index: 1; } }

.dropdown-nav__dropdown__item + .dropdown-nav__dropdown__item {
  border-top: 1px solid rgba(100, 100, 100, 0.5); }

.dropdown-nav__dropdown__link:hover {
  color: #ddd; }

.dropdown-nav__dropdown__link em {
  font-style: normal;
  display: inline-block;
  color: rgba(255, 255, 255, 0.5);
  margin-right: 3px; }

.dropdown-nav__expandable__plus {
  font-style: normal;
  font-weight: 600;
  margin-left: 4px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  .js-dropdown-nav-item-is-open .dropdown-nav__expandable__plus {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }

.dropdown-nav--reading-list {
  display: none; }
  @media (min-width: 750px) {
    .dropdown-nav--reading-list {
      display: inline-block;
      margin: 0 0 -6px 20px; } }
  .dropdown-nav-container .dropdown-nav--reading-list {
    margin: 0; }

/*------------------------------------------------------------------------------
  DJ's Lists Nav Styles
------------------------------------------------------------------------------*/
.l-nav {
  counter-reset: dropdown;
  z-index: 1;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 10px;
  font-family: NeueHaas;
  font-size: 16px;
  font-weight: 600;
  padding: 0; }
  @media (min-width: 550px) {
    .l-nav {
      padding: 0 15px; } }
  @media (min-width: 750px) {
    .l-nav {
      padding: 0 30px; } }
  @media (min-width: 550px) {
    .l-nav {
      font-size: 21px;
      padding: 0; } }
  @media (min-width: 750px) {
    .l-nav {
      padding: 0; } }

.nav {
  overflow: visible;
  position: relative;
  border-bottom: 1px solid #000;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -moz-justify-content: flex-start;
  justify-content: flex-start; }
  @media (min-width: 850px) {
    .nav {
      padding: 20px 0; } }

.nav-li {
  cursor: pointer; }

@media (min-width: 850px) {
  .nav-li--with-dropdown:hover,
  .nav-li--with-big-dropdown:hover {
    background-color: #000;
    color: #ffffff; }
    .nav-li--with-dropdown:hover .nav-li__dropdown,
    .nav-li--with-big-dropdown:hover .nav-li__dropdown {
      display: -webkit-box;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex; }
    .nav-li--with-dropdown:hover .nav-li__icon,
    .nav-li--with-big-dropdown:hover .nav-li__icon {
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease;
      background-image: url("https://cdn.technologyreview.com/_/img/plus--white.svg");
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); } }

.nav-li--active {
  background-color: #000;
  color: #ffffff; }
  .nav-li--active .nav-li__dropdown {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; }
  .nav-li--active .nav-li__icon {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background-image: url("https://cdn.technologyreview.com/_/img/plus--white.svg");
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }

.nav-li--with-big-dropdown {
  display: none; }
  @media (min-width: 1024px) {
    .nav-li--with-big-dropdown {
      display: inline-block; } }

.nav-li--ancillary {
  display: none; }
  @media (min-width: 850px) {
    .nav-li--ancillary {
      display: inline-block; } }

.nav-li__text {
  display: inline-block;
  margin: 12px 15px; }

.nav-li__text--title {
  display: none; }
  @media (min-width: 850px) {
    .nav-li__text--title {
      display: inline-block;
      margin-left: 0;
      font-weight: 700; } }

.nav-li__icon {
  background-image: url("https://cdn.technologyreview.com/_/img/plus.svg");
  width: 10px;
  height: 10px;
  display: inline-block; }

.nav-li__dropdown {
  font-family: NeueHaas;
  font-weight: 700;
  background-color: #000;
  color: #ffffff;
  display: none;
  z-index: 2;
  display: none;
  -ms-flex-flow: column wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column wrap;
  list-style-type: none;
  overflow: auto;
  padding: 20px;
  line-height: 1.5em;
  width: 100%;
  position: absolute;
  left: 0; }
  @media (min-width: 850px) {
    .nav-li__dropdown {
      left: auto;
      width: 350px; } }

.nav-li__dropdown-li {
  border-top: 1px solid #fff;
  padding: 5px 0 10px; }

.nav-li__dropdown-li--active {
  color: rgba(255, 255, 255, 0.5); }

.nav-li__dropdown--big {
  display: none;
  left: 0;
  width: 100%;
  height: 400px;
  padding: 40px 20px; }

.nav-li__dropdown-li--big {
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-top: none;
  padding: 0; }

.nav-li__dropdown-ol--big:before {
  counter-increment: dropdown;
  content: counter(dropdown) " ";
  color: #666; }

.article-body .l-podcast-cta {
  max-width: 600px;
  margin-bottom: 40px !important; }
  @media (min-width: 850px) {
    .article-body .l-podcast-cta {
      width: calc(100% - 320px); } }
  @media (min-width: 1024px) {
    .article-body .l-podcast-cta {
      width: 58.33333%; } }
  @media (min-width: 550px) {
    .article-body .l-podcast-cta .podcast-cta__hed {
      font-family: "NeueHaas", sans-serif;
      font-size: 23px;
      font-weight: 600;
      line-height: 31px; }
    .article-body .l-podcast-cta .podcast-cta__button {
      padding: 8px 49px !important;
      font-family: "NeueHaas", sans-serif;
      font-size: 17px;
      font-weight: 300; } }

.l-podcast-cta {
  display: none;
  margin: 20px 0px;
  padding: 0px 25px; }
  .l-podcast-cta .podcast-cta__hed {
    margin: 0px auto 10px;
    max-width: 500px;
    font-family: "NeueHaas", sans-serif;
    font-size: 23px;
    font-weight: 600;
    line-height: 31px;
    text-align: center; }
    @media (min-width: 550px) {
      .l-podcast-cta .podcast-cta__hed {
        font-size: 41px;
        line-height: 49px;
        margin: 0px auto 20px; } }
  .l-podcast-cta .podcast-cta__button_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0px 10px 0px 0px; }
    .l-podcast-cta .podcast-cta__button_container .podcast-cta__button {
      display: block;
      cursor: pointer;
      color: #FFFFFF;
      background-color: #00a1ef;
      text-align: center;
      padding: 8px 49px;
      font-family: "NeueHaas", sans-serif;
      font-size: 17px;
      font-weight: 300;
      margin: 0px 0px 0px 10px;
      -webkit-transition: background-color 0.2s ease;
      transition: background-color 0.2s ease;
      border-style: solid;
      border-width: 2px;
      border-color: #00a1ef; }
      @media (min-width: 550px) {
        .l-podcast-cta .podcast-cta__button_container .podcast-cta__button {
          padding: 16px 81px;
          font-size: 20px; } }
      .l-podcast-cta .podcast-cta__button_container .podcast-cta__button:hover {
        color: #00a1ef;
        background-color: #FFFFFF; }
  .l-podcast-cta .podcast-cta__success {
    font-family: "NeueHaas", sans-serif;
    font-size: 26px;
    font-weight: 200;
    text-align: center;
    display: none; }
    .l-podcast-cta .podcast-cta__success a {
      color: #F90E1E; }

.oo-player-container .oo-clearfix::after {
  content: "";
  display: table;
  clear: both; }

.oo-player-container .oo-center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.oo-player-container .oo-pull-right {
  float: right !important; }

.oo-player-container .oo-pull-left {
  float: left !important; }

.oo-player-container [hidden], .oo-player-container .oo-hidden {
  display: none !important; }

.oo-player-container .oo-invisible {
  visibility: hidden; }

.oo-player-container .oo-text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.oo-player-container .oo-text-lowercase {
  text-transform: lowercase; }

.oo-player-container .oo-text-uppercase {
  text-transform: uppercase; }

.oo-player-container .oo-text-capitalize {
  text-transform: capitalize; }

.oo-player-container .oo-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.oo-player-container .oo-expand, .oo-player-container .oo-state-screen, .oo-player-container .oo-spinner-screen, .oo-player-container .oo-state-screen .oo-fading-underlay, .oo-player-container .oo-spinner-screen .oo-fading-underlay, .oo-player-container .oo-state-screen .oo-fading-underlay-active, .oo-player-container .oo-spinner-screen .oo-fading-underlay-active, .oo-player-container .oo-state-screen .oo-underlay-gradient, .oo-player-container .oo-spinner-screen .oo-underlay-gradient, .oo-player-container .oo-state-screen .oo-state-screen-selectable, .oo-player-container .oo-spinner-screen .oo-state-screen-selectable, .oo-player-container .oo-switch-container .oo-switch-container-selectable, .oo-player-container .oo-plugins, .oo-player-container .oo-player > div, .oo-player-container .oo-player > embed, .oo-player-container .oo-player > figure, .oo-player-container .oo-player > object, .oo-player-container .oo-player-skin, .oo-player-container video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.oo-player-container .oo-center-vertical-horizontal, .oo-player-container .oo-state-screen .oo-action-icon, .oo-player-container .oo-spinner-screen .oo-action-icon, .oo-player-container .oo-action-icon-pause, .oo-player-container .oo-action-icon-pause.oo-animate-pause, .oo-player-container .oo-spinner-wrapper, .oo-player-container .oo-slider {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.oo-player-container {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  margin: 0;
  padding: 0; }

.oo-player-container figure, .oo-player-container menu, .oo-player-container section {
  display: block; }

.oo-player-container video {
  display: block;
  vertical-align: baseline; }

.oo-player-container [hidden], .oo-player-container template {
  display: none; }

.oo-player-container a {
  background-color: transparent; }

.oo-player-container a:active {
  outline: 0; }

.oo-player-container a:hover {
  outline: 0; }

.oo-player-container b, .oo-player-container strong {
  font-weight: bold; }

.oo-player-container h1 {
  font-size: 2em;
  margin: 0.67em 0; }

.oo-player-container img {
  border: 0; }

.oo-player-container svg:not(:root) {
  overflow: hidden; }

.oo-player-container figure {
  margin: 1em 40px; }

.oo-player-container hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0; }

.oo-player-container button, .oo-player-container input, .oo-player-container optgroup, .oo-player-container select, .oo-player-container textarea {
  color: #55595c;
  font: inherit;
  margin: 0; }

.oo-player-container button {
  overflow: visible; }

.oo-player-container button, .oo-player-container select {
  text-transform: none; }

.oo-player-container button, .oo-player-container html input[type="button"], .oo-player-container input[type="reset"], .oo-player-container input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

.oo-player-container button[disabled], .oo-player-container html input[disabled] {
  cursor: default; }

.oo-player-container button::-moz-focus-inner, .oo-player-container input::-moz-focus-inner {
  border: 0;
  padding: 0; }

.oo-player-container input {
  line-height: normal; }

.oo-player-container input[type="checkbox"], .oo-player-container input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0; }

.oo-player-container input[type="number"]::-webkit-inner-spin-button, .oo-player-container input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

.oo-player-container input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
          box-sizing: content-box; }

.oo-player-container input[type="search"]::-webkit-search-cancel-button, .oo-player-container input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

.oo-player-container textarea {
  overflow: auto; }

.oo-player-container table {
  border-collapse: collapse;
  border-spacing: 0; }

.oo-player-container td, .oo-player-container th {
  padding: 0; }

.oo-player-container *, .oo-player-container *::before, .oo-player-container *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.oo-player-container h1, .oo-player-container h2, .oo-player-container h3, .oo-player-container h4, .oo-player-container h5, .oo-player-container h6 {
  margin-top: 0;
  margin-bottom: .5rem; }

.oo-player-container p {
  margin-top: 0;
  margin-bottom: 1rem; }

.oo-player-container ol, .oo-player-container ul, .oo-player-container dl {
  margin-top: 0;
  margin-bottom: 1rem; }

.oo-player-container ol ol, .oo-player-container ul ul, .oo-player-container ol ul, .oo-player-container ul ol {
  margin-bottom: 0; }

.oo-player-container figure {
  margin: 0 0 1rem; }

.oo-player-container img {
  vertical-align: middle; }

.oo-player-container [role="button"] {
  cursor: pointer; }

.oo-player-container th {
  text-align: left; }

.oo-player-container label {
  display: inline-block;
  margin-bottom: .5rem; }

.oo-player-container input, .oo-player-container button, .oo-player-container select, .oo-player-container textarea {
  margin: 0;
  line-height: inherit;
  border-radius: 0; }

.oo-player-container textarea {
  resize: vertical; }

.oo-player-container {
  font-size: 16px;
  font-size: 1em;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  line-height: 1.5;
  color: #fff;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  -webkit-tap-highlight-color: transparent;
  min-width: 320px; }

.oo-player-container a {
  color: #448aff;
  text-decoration: none;
  cursor: pointer; }

.oo-player-container a:focus {
  color: #005cf7;
  text-decoration: none; }

.oo-player-container a:hover {
  color: #005cf7;
  text-decoration: none; }

.oo-player-container a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

.oo-player-container .oo-col-sm-2 {
  width: 16.66667%; }

.oo-player-container .oo-col-sm-10 {
  width: 83.33333%; }

.oo-player-container .oo-col-sm-offset-2 {
  margin-left: 16.66667%; }

@font-face {
  font-family: "ooyala-slick-type";
  src: url("https://cdn.technologyreview.com/_/fonts/ooyala/ooyala-slick-type.eot");
  src: url("https://cdn.technologyreview.com/_/fonts/ooyala/ooyala-slick-type.eot?#iefix") format("embedded-opentype"), url("https://cdn.technologyreview.com/_/fonts/ooyala/ooyala-slick-type.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/ooyala/ooyala-slick-type.ttf") format("truetype"), url("https://cdn.technologyreview.com/_/fonts/ooyala/ooyala-slick-type.svg#alice") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url("https://cdn.technologyreview.com/_/fonts/ooyala/RobotoCondensed-Regular.woff2") format("woff2"), url("https://cdn.technologyreview.com/_/fonts/ooyala/RobotoCondensed-Regular.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/ooyala/RobotoCondensed-Regular.ttf") format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }

@font-face {
  font-family: 'Roboto Condensed Bold';
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url("https://cdn.technologyreview.com/_/fonts/ooyala/RobotoCondensed-Bold.woff2") format("woff2"), url("https://cdn.technologyreview.com/_/fonts/ooyala/RobotoCondensed-Bold.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/ooyala/RobotoCondensed-Bold.ttf") format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url("https://cdn.technologyreview.com/_/fonts/ooyala/Roboto-Regular.woff2") format("woff2"), url("https://cdn.technologyreview.com/_/fonts/ooyala/Roboto-Regular.ttf") format("truetype"), url("https://cdn.technologyreview.com/_/fonts/ooyala/Roboto-Regular.woff") format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }

@font-face {
  font-family: 'Roboto Bold';
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url("https://cdn.technologyreview.com/_/fonts/ooyala/Roboto-Bold.woff2") format("woff2"), url("https://cdn.technologyreview.com/_/fonts/ooyala/Roboto-Bold.ttf") format("truetype"), url("https://cdn.technologyreview.com/_/fonts/ooyala/Roboto-Bold.woff") format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url("https://cdn.technologyreview.com/_/fonts/ooyala/OpenSans.woff2") format("woff2"), url("https://cdn.technologyreview.com/_/fonts/ooyala/OpenSans.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/ooyala/OpenSans.ttf") format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url("https://cdn.technologyreview.com/_/fonts/ooyala/OpenSans.woff2") format("woff2"), url("https://cdn.technologyreview.com/_/fonts/ooyala/OpenSans.woff") format("woff"), url("https://cdn.technologyreview.com/_/fonts/ooyala/OpenSans.ttf") format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }

.oo-player-container [data-icon] {
  font-family: "ooyala-slick-type" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.oo-player-container [class^="oo-icon-"], .oo-player-container [class*=" oo-icon-"] {
  font-family: "ooyala-slick-type" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.oo-player-container .oo-content-screen {
  padding: 24.5px;
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.oo-player-container .oo-content-screen-title-bar {
  position: relative; }

.oo-player-container .oo-content-screen-title {
  display: inline;
  line-height: 1;
  font-weight: bold;
  font-size: 1.6em;
  font-family: "Roboto Condensed",sans-serif;
  color: #fff; }

.oo-player-container .oo-content-screen-title span.oo-icon {
  top: 1px;
  position: relative;
  margin-left: 12px;
  font-size: 0.8em; }

.oo-player-container .oo-content-panel {
  height: 100%;
  overflow: hidden; }

.oo-player-container .oo-state-screen, .oo-player-container .oo-spinner-screen {
  overflow: hidden;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }

.oo-player-container .oo-state-screen .oo-fading-underlay, .oo-player-container .oo-spinner-screen .oo-fading-underlay {
  background-color: #1a1a1a;
  opacity: 0; }

.oo-player-container .oo-state-screen .oo-fading-underlay-active, .oo-player-container .oo-spinner-screen .oo-fading-underlay-active {
  background-color: #1a1a1a;
  opacity: 0.5; }

.oo-player-container .oo-state-screen .oo-fading-underlay.oo-animate-fade, .oo-player-container .oo-spinner-screen .oo-fading-underlay.oo-animate-fade {
  opacity: 0.5;
  -webkit-transition: all 1s ease;
  transition: all 1s ease; }

.oo-player-container .oo-state-screen .oo-underlay-gradient, .oo-player-container .oo-spinner-screen .oo-underlay-gradient {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.3)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.3) 100%); }

.oo-player-container .oo-state-screen .oo-state-screen-selectable, .oo-player-container .oo-spinner-screen .oo-state-screen-selectable {
  text-decoration: none;
  cursor: default;
  background-color: white;
  opacity: 0;
  filter: alpha(opacity=1); }

.oo-player-container .oo-state-screen .oo-state-screen-poster, .oo-player-container .oo-spinner-screen .oo-state-screen-poster {
  width: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%; }

.oo-player-container .oo-state-screen .oo-state-screen-poster img, .oo-player-container .oo-spinner-screen .oo-state-screen-poster img {
  visibility: hidden;
  width: 100%; }

.oo-player-container .oo-state-screen .oo-state-screen-poster-small, .oo-player-container .oo-spinner-screen .oo-state-screen-poster-small {
  position: relative;
  width: 75%;
  height: 200px;
  top: 5%;
  left: 5%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.oo-player-container .oo-state-screen .oo-state-screen-poster-small img, .oo-player-container .oo-spinner-screen .oo-state-screen-poster-small img {
  visibility: hidden;
  width: 0; }

.oo-player-container .oo-state-screen .oo-state-screen-info, .oo-player-container .oo-spinner-screen .oo-state-screen-info {
  pointer-events: none;
  position: absolute;
  width: 100%;
  top: 5%;
  left: 5%; }

.oo-player-container .oo-state-screen .oo-state-screen-info .oo-state-screen-title, .oo-player-container .oo-spinner-screen .oo-state-screen-info .oo-state-screen-title {
  font-size: 1.6em;
  font-family: "Roboto Condensed",sans-serif;
  font-weight: bold;
  max-width: 70%;
  resize: none;
  margin-bottom: 15px; }

.oo-player-container .oo-state-screen .oo-state-screen-info .oo-state-screen-description, .oo-player-container .oo-spinner-screen .oo-state-screen-info .oo-state-screen-description {
  font-size: 1.1em;
  font-family: "Roboto Condensed",sans-serif;
  max-width: 70%;
  clear: both; }

.oo-player-container .oo-state-screen .oo-info-panel-top, .oo-player-container .oo-spinner-screen .oo-info-panel-top {
  top: 5%; }

.oo-player-container .oo-state-screen .oo-info-panel-bottom, .oo-player-container .oo-spinner-screen .oo-info-panel-bottom {
  top: 66%; }

.oo-player-container .oo-state-screen .oo-info-panel-left, .oo-player-container .oo-spinner-screen .oo-info-panel-left {
  left: 5%; }

.oo-player-container .oo-state-screen .oo-info-panel-right, .oo-player-container .oo-spinner-screen .oo-info-panel-right {
  left: -3%; }

.oo-player-container .oo-state-screen .oo-action-icon, .oo-player-container .oo-spinner-screen .oo-action-icon {
  cursor: pointer; }

.oo-player-container .oo-state-screen .oo-action-icon span.oo-icon, .oo-player-container .oo-spinner-screen .oo-action-icon span.oo-icon {
  font-size: 150px;
  opacity: 1;
  color: white; }

.oo-player-container .oo-state-screen .oo-action-icon-top, .oo-player-container .oo-spinner-screen .oo-action-icon-top {
  top: 15% !important; }

.oo-player-container .oo-state-screen .oo-action-icon-bottom, .oo-player-container .oo-spinner-screen .oo-action-icon-bottom {
  top: 80% !important; }

.oo-player-container .oo-state-screen .oo-action-icon-left, .oo-player-container .oo-spinner-screen .oo-action-icon-left {
  left: 10% !important; }

.oo-player-container .oo-state-screen .oo-action-icon-right, .oo-player-container .oo-spinner-screen .oo-action-icon-right {
  left: 90% !important; }

.oo-player-container .oo-state-screen .oo-interactive-container, .oo-player-container .oo-spinner-screen .oo-interactive-container {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  pointer-events: none; }

.oo-player-container .oo-start-screen {
  z-index: 12005; }

.oo-player-container .oo-start-screen .oo-start-screen-linear-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.3)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.3) 100%);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.oo-player-container .oo-action-icon-pause {
  opacity: 1;
  font-size: 24px; }

.oo-player-container .oo-action-icon-pause span.oo-icon {
  color: #FFF;
  opacity: 1; }

.oo-player-container .oo-action-icon-pause.oo-animate-pause {
  opacity: 0;
  font-size: 72px;
  -webkit-transition: all 1s ease;
  transition: all 1s ease; }

.oo-player-container .oo-error-screen {
  background-color: #000; }

.oo-player-container .oo-error-screen .oo-error-content {
  width: 80%;
  position: relative;
  top: 50%;
  text-align: left;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  word-wrap: break-word; }

.oo-player-container .oo-error-screen .oo-error-content .oo-error-title {
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  margin-bottom: 30px;
  font-size: 1.7em; }

.oo-player-container .oo-error-screen .oo-error-content .oo-error-description {
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 30px;
  font-size: 1em; }

.oo-player-container .oo-error-screen .oo-error-content .oo-error-action {
  color: #4389FF;
  font-family: 'Open Sans', sans-serif;
  font-size: 1em; }

.oo-player-container .oo-ad-screen {
  cursor: default; }

.oo-player-container .oo-ad-screen .oo-action-icon span.oo-icon {
  opacity: 0; }

.oo-player-container .oo-ad-screen .oo-action-icon.oo-icon-hidden {
  z-index: 11990;
  visibility: hidden; }

.oo-player-container .oo-ad-screen .oo-action-icon-pause.oo-animate-pause {
  z-index: 12600;
  cursor: default;
  pointer-events: none; }

.oo-player-container .oo-ad-screen.oo-hidden {
  cursor: none; }

.oo-player-container .oo-popover {
  position: absolute;
  background-color: rgba(26, 26, 26, 0.8);
  bottom: 80px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 5px 10px;
          box-shadow: rgba(0, 0, 0, 0.2) 0 5px 10px;
  border: 0;
  border-radius: 4px;
  z-index: 12600;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.oo-player-container .oo-popover.oo-popover-pull-right {
  left: auto;
  right: 0;
  -webkit-transform: none;
  transform: none; }

.oo-player-container .oo-popover ul.oo-popover-horizontal {
  display: inline-block;
  padding: 0;
  margin: 13px;
  list-style: none;
  white-space: nowrap;
  position: relative; }

.oo-player-container .oo-popover ul.oo-popover-horizontal li {
  float: none;
  position: relative;
  display: inline-block;
  margin: 0 12.5px;
  vertical-align: middle; }

.oo-player-container .oo-popover ul.oo-popover-horizontal li:first-child {
  margin-left: 0 !important; }

.oo-player-container .oo-popover ul.oo-popover-horizontal li:last-child {
  margin-right: 0 !important; }

.oo-player-container .oo-popover ul.oo-popover-horizontal li .oo-switch-container {
  margin-left: 0;
  display: block; }

.oo-player-container .oo-popover ul.oo-popover-horizontal li a.oo-more-captions {
  border: 1px solid grey;
  border-radius: 4px;
  padding: 4px 10px;
  color: #fff;
  background-color: #333;
  text-transform: capitalize;
  font-size: 12px;
  font-weight: bold; }

.oo-player-container .oo-discovery-toaster-container-style {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: relative;
  background-color: transparent;
  height: auto;
  max-height: 370px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  margin: auto; }

.oo-player-container _::-webkit-full-page-media, .oo-player-container _:future, .oo-player-container :root .oo-discovery-toaster-container-style {
  min-height: 270px; }

@supports (overflow: -webkit-marquee) and (justify-content: inherit) {
  .oo-player-container .oo-discovery-toaster-container-style {
    min-height: 270px; } }

@media all and (-ms-high-contrast: none) {
  .oo-player-container *::-ms-backdrop, .oo-player-container .oo-discovery-toaster-container-style {
    position: absolute;
    height: 100%;
    left: 50%;
    top: 62.5%;
    -webkit-transform: translate(none, -25%);
    transform: translate(none, -25%); } }

.oo-player-container .oo-flexcontainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  overflow: visible; }

.oo-player-container .oo-discovery-image-wrapper-style {
  position: relative;
  width: 150px;
  height: auto;
  margin: 0 42px 42px 0;
  -ms-flex-negative: 0;
      flex-shrink: 0; }

.oo-player-container .oo-discovery-image-wrapper-style:nth-of-type(even) {
  margin-bottom: 0; }

.oo-player-container .oo-discovery-image-wrapper-style:last-child, .oo-player-container .oo-discovery-image-wrapper-style:nth-last-child(2):nth-of-type(odd) {
  margin-right: 0; }

.oo-player-container .oo-discovery-image-wrapper-style .oo-discovery-wrapper {
  position: relative; }

.oo-player-container .oo-image-style {
  width: auto;
  height: 84px;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.oo-player-container .oo-discovery-content-name {
  color: #fff;
  font-size: 1em;
  font-family: "Roboto Condensed",sans-serif;
  width: 100%;
  display: inline-block;
  text-transform: capitalize;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.oo-player-container .oo-discover-btn, .oo-player-container a.oo-left-button, .oo-player-container a.oo-right-button, .oo-player-container .oo-data-selector .oo-left-button, .oo-player-container .oo-data-selector .oo-right-button {
  position: absolute;
  top: 50%;
  background-color: transparent;
  height: 10%;
  width: 25px;
  color: white; }

.oo-player-container a.oo-left-button {
  left: 0;
  text-align: right; }

.oo-player-container a.oo-right-button {
  right: 0;
  text-align: left; }

.oo-player-container .oo-discovery-count-down-wrapper-style {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  line-height: 1; }

.oo-player-container .oo-discovery-count-down-wrapper-style a.oo-discovery-count-down-icon-style span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  line-height: 40px;
  z-index: 10005;
  color: #fff;
  font-size: 25px;
  cursor: pointer; }

.oo-player-container .oo-scale-size {
  max-height: 250px; }

.oo-player-container .oo-scale-size .oo-discovery-image-wrapper-style {
  width: 105px;
  margin: 0 29.4px 21px 0; }

.oo-player-container .oo-scale-size .oo-discovery-image-wrapper-style:nth-of-type(even) {
  margin-bottom: 0; }

.oo-player-container .oo-scale-size .oo-discovery-image-wrapper-style:last-child, .oo-player-container .oo-scale-size .oo-discovery-image-wrapper-style:nth-last-child(2):nth-of-type(odd) {
  margin-right: 0; }

.oo-player-container .oo-scale-size .oo-discovery-image-wrapper-style .oo-image-style {
  height: 58.8px; }

.oo-player-container .oo-share-panel {
  font-size: .875em; }

.oo-player-container .oo-share-panel .oo-tab-row {
  line-height: 1; }

.oo-player-container .oo-share-panel .oo-tab-row .oo-tab, .oo-player-container .oo-share-panel .oo-tab-row .oo-share-tab, .oo-player-container .oo-share-panel .oo-tab-row .oo-embed-tab {
  display: inline-block;
  color: #afafaf;
  font-weight: bold;
  padding-right: 25px; }

.oo-player-container .oo-share-panel .oo-tab-row .oo-tab:last-child, .oo-player-container .oo-share-panel .oo-tab-row .oo-share-tab:last-child, .oo-player-container .oo-share-panel .oo-tab-row .oo-embed-tab:last-child {
  padding-left: 0; }

.oo-player-container .oo-share-panel .oo-tab-row .oo-active {
  color: #fff; }

.oo-player-container .oo-share-tab-panel {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
  width: 90%;
  margin-top: 10px; }

.oo-player-container .oo-share-tab-panel a {
  color: inherit; }

.oo-player-container .oo-share-tab-panel a:hover {
  color: #fff; }

.oo-player-container .oo-share-tab-panel .oo-social-action-text {
  font-family: "Roboto Condensed",sans-serif;
  font-size: 1.25em;
  font-weight: bold;
  margin-bottom: 15px; }

.oo-player-container .oo-share-tab-panel .oo-social-icon, .oo-player-container .oo-share-tab-panel .oo-facebook, .oo-player-container .oo-share-tab-panel .oo-twitter, .oo-player-container .oo-share-tab-panel .oo-google-plus, .oo-player-container .oo-share-tab-panel .oo-email-share {
  display: inline-block;
  height: 38px;
  width: 38px;
  margin-bottom: 12.25px;
  margin-right: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 6px; }

.oo-player-container .oo-share-tab-panel .oo-social-icon:last-child, .oo-player-container .oo-share-tab-panel .oo-facebook:last-child, .oo-player-container .oo-share-tab-panel .oo-twitter:last-child, .oo-player-container .oo-share-tab-panel .oo-google-plus:last-child, .oo-player-container .oo-share-tab-panel .oo-email-share:last-child {
  margin-right: 0; }

.oo-player-container .oo-share-tab-panel .oo-facebook {
  background-image: url("//player.ooyala.com/static/v4/stable/4.13.4/skin-plugin/assets/images/social-facebook.svg"); }

.oo-player-container .oo-share-tab-panel .oo-twitter {
  background-image: url("//player.ooyala.com/static/v4/stable/4.13.4/skin-plugin/assets/images/social-twitter.svg"); }

.oo-player-container .oo-share-tab-panel .oo-google-plus {
  background-image: url("//player.ooyala.com/static/v4/stable/4.13.4/skin-plugin/assets/images/social-google.svg"); }

.oo-player-container .oo-share-tab-panel .oo-email-share {
  background-image: url("//player.ooyala.com/static/v4/stable/4.13.4/skin-plugin/assets/images/social-email.svg");
  background-size: cover; }

.oo-player-container .oo-share-tab-panel .oo-embed-form {
  resize: none;
  height: calc(15vh); }

.oo-player-container .oo-content-screen.oo-content-screen-closed-captions {
  background-color: transparent; }

.oo-player-container .oo-content-screen.oo-content-screen-closed-captions .oo-closed-caption-overlay {
  position: absolute;
  left: 0px;
  top: 0px;
  width: inherit;
  height: 80%;
  z-index: -1;
  background: rgba(10, 10, 10, 0.8);
  background: -webkit-gradient(linear, left top, left bottom, from(#0a0a0a), color-stop(70%, rgba(10, 10, 10, 0.6)), to(rgba(20, 20, 20, 0)));
  background: linear-gradient(#0a0a0a, rgba(10, 10, 10, 0.6) 70%, rgba(20, 20, 20, 0)); }

.oo-player-container .captions-navbar {
  height: calc(100% - 26px);
  margin-top: 26px; }

.oo-player-container .tabs-menu-item {
  margin: 0; }

.oo-player-container .tabs-menu-item-5 {
  margin-right: 0 !important; }

.oo-player-container .oo-left-tab-button-active {
  position: absolute;
  display: block !important;
  background-color: transparent;
  height: 25px;
  width: 25px;
  color: white;
  top: 81px;
  text-align: right;
  left: -5px; }

.oo-player-container .oo-right-tab-button-active {
  position: absolute;
  display: block !important;
  background-color: transparent;
  height: 25px;
  width: 25px;
  color: white;
  top: 81px;
  text-align: left;
  right: -5px; }

.oo-player-container .oo-switch-container {
  cursor: pointer;
  height: 21px;
  width: 105px;
  position: relative;
  display: inline-block;
  margin-left: 30px;
  font-size: initial;
  font-weight: normal;
  line-height: 1.5; }

.oo-player-container .oo-switch-container .oo-switch-container-selectable {
  text-decoration: none;
  cursor: pointer;
  background-color: #fff;
  opacity: 0;
  filter: alpha(opacity=1); }

.oo-player-container .oo-switch-container .oo-switch-captions {
  position: absolute;
  display: inline-block;
  color: #55595c;
  font-size: 1em;
  font-family: "Roboto Condensed",sans-serif; }

.oo-player-container .oo-switch-container .oo-switch-captions-on {
  right: 0; }

.oo-player-container .oo-switch-container .oo-switch-captions-off {
  left: 0; }

.oo-player-container .oo-switch-container .oo-switch-captions-active {
  color: #fff;
  font-family: "Roboto Condensed Bold",sans-serif; }

.oo-player-container .oo-switch-container .oo-switch-element {
  display: inline-block;
  width: 33%;
  height: 100%;
  position: relative;
  margin-left: 33%;
  border-radius: 100%; }

.oo-player-container .oo-switch-container .oo-switch-thumb {
  display: block;
  width: 60%;
  height: 100%;
  position: absolute;
  top: 0;
  background: #fff;
  border-radius: 100%;
  -webkit-transition: all 0.1s ease-in 0s;
  transition: all 0.1s ease-in 0s; }

.oo-player-container .oo-switch-container .oo-switch-thumb-on {
  right: 0; }

.oo-player-container .oo-switch-container .oo-switch-thumb-off {
  left: 0; }

.oo-player-container .oo-switch-container .oo-switch-body {
  display: block;
  width: 100%;
  height: 75%;
  position: absolute;
  right: 0;
  top: 12.5%;
  border-radius: 40px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  background: #448aff; }

.oo-player-container .oo-switch-container .oo-switch-body-off {
  background: #55595c; }

.oo-player-container .oo-data-selector {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0; }

.oo-player-container .oo-data-selector .oo-data-panel {
  background-color: transparent;
  min-height: 54%;
  height: 84%;
  width: 800px;
  overflow: auto;
  white-space: nowrap; }

.oo-player-container .oo-data-selector .oo-data-panel a.oo-item {
  width: 144px;
  height: 36px;
  line-height: 27px;
  min-width: 140px;
  font-size: 0.9em;
  font-family: "Roboto Condensed",sans-serif;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
  margin: 14px 28px;
  padding: 3px;
  color: #fff;
  -webkit-transition: all 0.0s ease;
  transition: all 0.0s ease;
  cursor: pointer;
  border-radius: 2px;
  border: 1px solid #55595c;
  outline: none; }

.oo-player-container .oo-data-selector .oo-data-panel a.oo-item-selected {
  background-color: #448aff;
  border-radius: 4px; }

.oo-player-container .oo-data-selector .oo-flexcontainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  overflow: visible;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center; }

.oo-player-container .oo-data-selector .oo-discover-btn, .oo-player-container .oo-data-selector .oo-left-button, .oo-player-container .oo-data-selector .oo-right-button {
  position: absolute;
  top: 48%;
  background-color: transparent;
  height: 10%;
  width: 30px;
  color: white; }

.oo-player-container .oo-data-selector .oo-left-button {
  left: 0;
  text-align: right; }

.oo-player-container .oo-data-selector .oo-right-button {
  right: 0;
  text-align: left; }

.oo-player-container .oo-color-selection-tab .oo-color-selection-inner-wrapper {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  top: 52%; }

.oo-player-container .oo-color-selection-tab .oo-color-selection-inner-wrapper .oo-selection-container {
  position: relative;
  float: left;
  background-color: transparent;
  width: 33%;
  min-width: 245px; }

.oo-player-container .oo-color-selection-tab .oo-color-selection-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper {
  width: 245px; }

.oo-player-container .oo-color-selection-tab .oo-color-selection-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-selection-container-title {
  font-family: "Roboto Condensed",sans-serif;
  font-size: 16px;
  color: #fff;
  margin-bottom: 26px; }

.oo-player-container .oo-color-selection-tab .oo-color-selection-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-selection-container-title .oo-selection-container-selection-text {
  font-family: "Roboto Condensed Bold",sans-serif; }

.oo-player-container .oo-color-selection-tab .oo-color-selection-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-text-color-items-container {
  max-width: 200px; }

.oo-player-container .oo-color-selection-tab .oo-color-selection-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-selection-items-container {
  max-width: 245px; }

.oo-player-container .oo-color-selection-tab .oo-color-selection-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-item {
  position: relative;
  float: left;
  width: 30px;
  height: 30px;
  margin-right: 19px;
  margin-bottom: 26px; }

.oo-player-container .oo-color-selection-tab .oo-color-selection-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-item-selected {
  border: solid #247dff 3px;
  border-radius: 50%; }

.oo-player-container .oo-color-selection-tab .oo-color-selection-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-color-item {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.oo-player-container .oo-color-selection-tab .oo-color-selection-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-color-item-White {
  background-color: white; }

.oo-player-container .oo-color-selection-tab .oo-color-selection-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-color-item-Blue {
  background-color: blue; }

.oo-player-container .oo-color-selection-tab .oo-color-selection-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-color-item-Magenta {
  background-color: magenta; }

.oo-player-container .oo-color-selection-tab .oo-color-selection-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-color-item-Green {
  background-color: green; }

.oo-player-container .oo-color-selection-tab .oo-color-selection-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-color-item-Yellow {
  background-color: yellow; }

.oo-player-container .oo-color-selection-tab .oo-color-selection-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-color-item-Red {
  background-color: red; }

.oo-player-container .oo-color-selection-tab .oo-color-selection-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-color-item-Cyan {
  background-color: cyan; }

.oo-player-container .oo-color-selection-tab .oo-color-selection-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-color-item-Black {
  background-color: black;
  border-style: solid;
  border-width: 1px;
  border-color: white; }

.oo-player-container .oo-color-selection-tab .oo-color-selection-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-color-item-Transparent {
  background-image: url("assets/images/transparent.svg");
  background-position: center; }

.oo-player-container .oo-color-selection-tab .oo-color-selection-inner-wrapper .oo-text-color-selection-container {
  padding-left: 24.5px; }

.oo-player-container .oo-caption-opacity-tab .oo-caption-opacity-inner-wrapper {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  padding-left: 24.5px; }

.oo-player-container .oo-caption-opacity-tab .oo-caption-opacity-inner-wrapper .oo-selection-container {
  position: relative;
  float: left;
  background-color: transparent;
  width: 33%;
  min-width: 175px; }

.oo-player-container .oo-caption-opacity-tab .oo-caption-opacity-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper {
  width: 75%; }

.oo-player-container .oo-caption-opacity-tab .oo-caption-opacity-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-selection-container-title {
  font-family: "Roboto Condensed",sans-serif;
  font-size: 16px;
  color: #fff;
  margin-bottom: 30px;
  height: 30px; }

.oo-player-container .oo-caption-opacity-tab .oo-caption-opacity-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-selection-container-title .oo-selection-container-selection-text {
  font-family: "Roboto Condensed Bold",sans-serif; }

.oo-player-container .oo-caption-opacity-tab .oo-caption-opacity-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-selection-items-container {
  position: relative;
  height: 30px;
  width: 100%; }

.oo-player-container .oo-caption-opacity-tab .oo-caption-opacity-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-slider-caption-opacity {
  width: 100%;
  cursor: pointer; }

.oo-player-container .oo-caption-opacity-tab .oo-caption-opacity-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-slider-caption-opacity[type=range] {
  border-right-color: #999;
  border-left-color: #fff;
  width: 100%; }

.oo-player-container .oo-caption-opacity-tab .oo-caption-opacity-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-slider-caption-opacity[type=range]::-webkit-slider-runnable-track {
  height: 3px; }

.oo-player-container .oo-caption-opacity-tab .oo-caption-opacity-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-slider-caption-opacity[type=range]::-webkit-slider-thumb {
  height: 15px;
  width: 15px;
  background: #fff;
  margin-top: -6px; }

@supports (-ms-accelerator: true) {
  .oo-player-container .oo-caption-opacity-tab .oo-caption-opacity-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-slider-caption-opacity[type=range]::-webkit-slider-thumb {
    margin-top: 0; } }

.oo-player-container .oo-caption-opacity-tab .oo-caption-opacity-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-slider-caption-opacity[type=range]::-moz-range-track {
  width: 100%;
  height: 3px;
  background: #999; }

.oo-player-container .oo-caption-opacity-tab .oo-caption-opacity-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-slider-caption-opacity[type=range]::-moz-range-thumb {
  height: 15px;
  width: 15px;
  background: #fff; }

.oo-player-container .oo-caption-opacity-tab .oo-caption-opacity-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-slider-caption-opacity[type=range]:focus::-moz-range-track {
  background: #999; }

.oo-player-container .oo-caption-opacity-tab .oo-caption-opacity-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-slider-caption-opacity[type=range]::-ms-track {
  width: 100%;
  height: 3px;
  border-width: 7.5px 0; }

.oo-player-container .oo-caption-opacity-tab .oo-caption-opacity-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-slider-caption-opacity[type=range]::-ms-fill-lower {
  background: #fff; }

.oo-player-container .oo-caption-opacity-tab .oo-caption-opacity-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-slider-caption-opacity[type=range]::-ms-fill-upper {
  background: #999; }

.oo-player-container .oo-caption-opacity-tab .oo-caption-opacity-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-slider-caption-opacity[type=range]::-ms-thumb {
  height: 15px;
  width: 15px;
  background: #fff; }

.oo-player-container .oo-caption-opacity-tab .oo-caption-opacity-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-slider-caption-opacity[type=range]:focus::-ms-fill-lower {
  background: #fff; }

.oo-player-container .oo-caption-opacity-tab .oo-caption-opacity-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-slider-caption-opacity[type=range]:focus::-ms-fill-upper {
  background: #999; }

.oo-player-container .oo-font-size-tab .oo-font-size-inner-wrapper {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  padding-left: 24.5px; }

.oo-player-container .oo-font-size-tab .oo-font-size-inner-wrapper .oo-selection-container {
  position: relative;
  float: left;
  background-color: transparent;
  width: 100%;
  height: 100%; }

.oo-player-container .oo-font-size-tab .oo-font-size-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper {
  width: 90%; }

.oo-player-container .oo-font-size-tab .oo-font-size-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-selection-container-title {
  font-family: "Roboto Condensed",sans-serif;
  font-size: 16px;
  color: #fff;
  margin-bottom: 0px; }

.oo-player-container .oo-font-size-tab .oo-font-size-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-selection-container-title .oo-selection-container-selection-text {
  font-family: "Roboto Condensed Bold",sans-serif; }

.oo-player-container .oo-font-size-tab .oo-font-size-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-selection-items-container {
  height: 100%; }

.oo-player-container .oo-font-size-tab .oo-font-size-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-selection-items-container .oo-font-size-container {
  position: relative;
  float: left;
  background-color: transparent;
  width: 25%;
  height: 110px;
  min-width: 120px;
  margin-bottom: 30px;
  cursor: pointer; }

.oo-player-container .oo-font-size-tab .oo-font-size-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-selection-items-container .oo-font-size-container .oo-font-size-letter {
  color: #fff;
  height: 100%;
  text-align: center;
  font-family: "Roboto Condensed Bold",sans-serif; }

.oo-player-container .oo-font-size-tab .oo-font-size-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-selection-items-container .oo-font-size-container .oo-font-size-letter-Small {
  font-size: 50px;
  line-height: 157px; }

.oo-player-container .oo-font-size-tab .oo-font-size-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-selection-items-container .oo-font-size-container .oo-font-size-letter-Medium {
  font-size: 75px;
  line-height: 138px; }

.oo-player-container .oo-font-size-tab .oo-font-size-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-selection-items-container .oo-font-size-container .oo-font-size-letter-Large {
  font-size: 100px;
  line-height: 120px; }

.oo-player-container .oo-font-size-tab .oo-font-size-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-selection-items-container .oo-font-size-container .oo-font-size-letter-Extra-Large {
  font-size: 125px;
  line-height: 102px; }

.oo-player-container .oo-font-size-tab .oo-font-size-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-selection-items-container .oo-font-size-container .oo-font-size-label {
  font-family: "Roboto Condensed",sans-serif;
  font-size: 16px;
  color: #b3b3b3;
  width: 100%;
  text-align: center;
  white-space: nowrap;
  text-shadow: 1px 1px 2px black; }

.oo-player-container .oo-font-size-tab .oo-font-size-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-selection-items-container .oo-font-size-container .oo-font-size-selected {
  color: #448AFF; }

.oo-player-container .oo-font-size-tab .oo-font-size-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-selection-items-container .oo-font-size-container .oo-font-size-label-selected {
  font-family: "Roboto Condensed Bold",sans-serif; }

.oo-player-container .oo-text-enhancements-tab .oo-text-enhancements-inner-wrapper {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  padding-left: 24.5px; }

.oo-player-container .oo-text-enhancements-tab .oo-text-enhancements-inner-wrapper .oo-selection-container {
  position: relative;
  float: left;
  background-color: transparent;
  width: 100%;
  height: 100%; }

.oo-player-container .oo-text-enhancements-tab .oo-text-enhancements-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper {
  width: 90%; }

.oo-player-container .oo-text-enhancements-tab .oo-text-enhancements-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-selection-container-title {
  font-family: "Roboto Condensed",sans-serif;
  font-size: 16px;
  color: #fff;
  margin-bottom: 0px; }

.oo-player-container .oo-text-enhancements-tab .oo-text-enhancements-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-selection-container-title .oo-selection-container-selection-text {
  font-family: "Roboto Condensed Bold",sans-serif; }

.oo-player-container .oo-text-enhancements-tab .oo-text-enhancements-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-selection-items-container {
  height: 100%; }

.oo-player-container .oo-text-enhancements-tab .oo-text-enhancements-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-selection-items-container .oo-text-enhancements-container {
  position: relative;
  float: left;
  background-color: transparent;
  width: 25%;
  height: 110px;
  min-width: 120px;
  margin-bottom: 30px;
  cursor: pointer; }

.oo-player-container .oo-text-enhancements-tab .oo-text-enhancements-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-selection-items-container .oo-text-enhancements-container .oo-text-enhancement-letter {
  color: #fff;
  height: 100%;
  text-align: center;
  font-size: 100px;
  line-height: 120px;
  font-family: "Roboto Condensed Bold",sans-serif; }

.oo-player-container .oo-text-enhancements-tab .oo-text-enhancements-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-selection-items-container .oo-text-enhancements-container .oo-text-enhancement-letter-Uniform {
  text-shadow: none; }

.oo-player-container .oo-text-enhancements-tab .oo-text-enhancements-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-selection-items-container .oo-text-enhancements-container .oo-text-enhancement-letter-Depressed {
  color: gray;
  text-shadow: 1px 1px white; }

.oo-player-container .oo-text-enhancements-tab .oo-text-enhancements-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-selection-items-container .oo-text-enhancements-container .oo-text-enhancement-letter-Raised {
  color: gray;
  text-shadow: -1px -1px white, -3px 0px 5px black; }

.oo-player-container .oo-text-enhancements-tab .oo-text-enhancements-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-selection-items-container .oo-text-enhancements-container .oo-text-enhancement-letter-Shadow {
  text-shadow: 2px 2px 2px #1a1a1a; }

.oo-player-container .oo-text-enhancements-tab .oo-text-enhancements-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-selection-items-container .oo-text-enhancements-container .oo-text-enhancement-label {
  font-family: "Roboto Condensed",sans-serif;
  font-size: 16px;
  color: #b3b3b3;
  width: 100%;
  text-align: center;
  white-space: nowrap;
  text-shadow: 1px 1px 2px black; }

.oo-player-container .oo-text-enhancements-tab .oo-text-enhancements-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-selection-items-container .oo-text-enhancements-container .oo-text-enhancement-selected {
  color: #448AFF; }

.oo-player-container .oo-text-enhancements-tab .oo-text-enhancements-inner-wrapper .oo-selection-container .oo-selection-inner-wrapper .oo-selection-items-container .oo-text-enhancements-container .oo-text-enhancement-label-selected {
  font-family: "Roboto Condensed Bold",sans-serif; }

.oo-player-container .oo-preview-panel {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0px 24.5px; }

.oo-player-container .oo-preview-panel .oo-preview-caption {
  font-size: 16px;
  line-height: 0em;
  font-family: "Roboto Condensed",sans-serif;
  color: white;
  text-shadow: 1px 1px 2px black; }

.oo-player-container .scrollarea-content {
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative; }

.oo-player-container .scrollarea {
  position: relative;
  overflow: hidden; }

.oo-player-container .scrollarea .scrollbar-container {
  position: absolute;
  background: none;
  opacity: .4;
  z-index: 9999;
  -webkit-transition: all .4s;
  transition: all .4s; }

.oo-player-container .scrollarea .scrollbar-container.horizontal {
  width: 100%;
  height: 10px;
  left: 0;
  bottom: 0; }

.oo-player-container .scrollarea .scrollbar-container.horizontal .scrollbar {
  width: 20px;
  height: 2px;
  background: #545456;
  margin-top: 4px;
  border-radius: 10px; }

.oo-player-container .scrollarea .scrollbar-container.vertical {
  width: 10px;
  height: 100%;
  right: 0;
  top: 0; }

.oo-player-container .scrollarea .scrollbar-container.vertical .scrollbar {
  width: 2px;
  height: 20px;
  background: #545456;
  margin-left: 4px;
  border-radius: 10px; }

.oo-player-container .scrollarea .scrollbar-container:hover {
  opacity: 1 !important; }

.oo-player-container .scrollarea .scrollbar-container.active {
  opacity: 1 !important; }

.oo-player-container .scrollarea:hover .scrollbar-container {
  opacity: 0.8; }

.oo-player-container video::cue {
  font: 16px/8px Arial, Helvetica, sans-serif;
  color: #fff !important;
  background: #000;
  white-space: normal;
  text-shadow: 1px 1px 2px black; }

.oo-player-container video::-webkit-media-text-track-container {
  margin-bottom: 60px !important; }

.oo-player-container video::-webkit-media-text-track-container {
  margin-bottom: 60px !important;
  font-size: 16px !important;
  background-color: transparent !important; }

.oo-player-container video::-webkit-media-text-track-background {
  background-color: transparent !important;
  padding: 0 !important;
  margin: 0 !important; }

.oo-player-container video::-webkit-media-text-track-display {
  position: relative;
  top: auto !important;
  bottom: 20px;
  width: 100% !important;
  background-color: transparent !important;
  padding: 1px !important;
  margin: 0 !important;
  font: 16px Arial, Helvetica, sans-serif;
  color: #fff !important;
  text-shadow: 1px 1px 2px black !important; }

.oo-player-container video::-webkit-media-controls-panel {
  display: none !important;
  -webkit-appearance: none; }

.oo-player-container video::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none; }

.oo-player-container button.oo-close-button {
  position: absolute;
  color: #fff;
  opacity: 0.6;
  line-height: 1;
  padding: 0;
  border: 0;
  outline: none;
  background: transparent;
  -webkit-appearance: none;
  position: relative;
  float: right; }

.oo-player-container button.oo-close-button:hover {
  opacity: 1.0;
  filter: drop-shadow(0px 0px 3px rgba(255, 255, 255, 0.8));
  -webkit-filter: drop-shadow(0px 0px 3px rgba(255, 255, 255, 0.8));
  -ms-filter: progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#fff'); }

.oo-player-container button.oo-close-button:before {
  position: absolute;
  content: '';
  right: -18px;
  left: -18px;
  top: -18px;
  bottom: -18px; }

.oo-player-container button.oo-close-btn {
  top: 24.5px;
  right: 24.5px;
  position: absolute;
  color: #fff;
  opacity: 0.6;
  line-height: 1;
  padding: 0;
  border: 0;
  outline: none;
  background: transparent;
  -webkit-appearance: none; }

.oo-player-container button.oo-close-btn:hover {
  opacity: 1.0;
  filter: drop-shadow(0px 0px 3px rgba(255, 255, 255, 0.8));
  -webkit-filter: drop-shadow(0px 0px 3px rgba(255, 255, 255, 0.8));
  -ms-filter: progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#fff'); }

.oo-player-container button.oo-close-btn:before {
  position: absolute;
  content: '';
  right: -18px;
  left: -18px;
  top: -18px;
  bottom: -18px; }

.oo-player-container button.oo-up-next-close-btn {
  top: 10px;
  right: 10px;
  position: absolute;
  color: #fff;
  opacity: 0.6;
  line-height: 1;
  padding: 0;
  border: 0;
  outline: none;
  background: transparent;
  -webkit-appearance: none; }

.oo-player-container button.oo-up-next-close-btn:hover {
  opacity: 1.0;
  filter: drop-shadow(0px 0px 3px rgba(255, 255, 255, 0.8));
  -webkit-filter: drop-shadow(0px 0px 3px rgba(255, 255, 255, 0.8));
  -ms-filter: progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#fff'); }

.oo-player-container button.oo-up-next-close-btn:before {
  position: absolute;
  content: '';
  right: -10px;
  left: -10px;
  top: -10px;
  bottom: -10px; }

.oo-player-container .oo-form-control {
  display: block;
  width: 100%;
  padding: .375em .75em;
  font-size: 1em;
  line-height: 1.5;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: .25em;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,-webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s,-webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s,-webkit-box-shadow ease-in-out 0.15s; }

.oo-player-container .oo-form-control::-webkit-input-placeholder {
  color: #999;
  opacity: 1; }

.oo-player-container .oo-form-control:-ms-input-placeholder {
  color: #999;
  opacity: 1; }

.oo-player-container .oo-form-control::-ms-input-placeholder {
  color: #999;
  opacity: 1; }

.oo-player-container .oo-form-control::placeholder {
  color: #999;
  opacity: 1; }

.oo-player-container .oo-form-control:disabled, .oo-player-container .oo-form-control[readonly] {
  background-color: #afafaf;
  opacity: 1; }

.oo-player-container .oo-form-control:disabled {
  cursor: not-allowed; }

.oo-player-container .oo-form-control-label {
  padding: .375em .75em;
  margin-bottom: 0; }

.oo-player-container .oo-form-inline .oo-form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle; }

.oo-player-container .oo-form-inline .oo-form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle; }

.oo-player-container .oo-form-inline .oo-form-control-label {
  margin-bottom: 0;
  vertical-align: middle; }

.oo-player-container .oo-form-inline label.oo-checkbox-inline {
  padding-left: 10px;
  padding-right: 10px; }

.oo-player-container .oo-form-inline label.oo-checkbox-inline > span {
  margin-left: 6px; }

.oo-player-container .oo-form-inline .radio, .oo-player-container .oo-form-inline .checkbox {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: middle; }

.oo-player-container .oo-form-inline .radio label, .oo-player-container .oo-form-inline .checkbox label {
  padding-left: 0; }

.oo-player-container .oo-form-inline .radio input[type="radio"], .oo-player-container .oo-form-inline input[type="checkbox"] {
  position: relative;
  margin-left: 0; }

.oo-player-container .oo-form-horizontal label {
  float: left;
  padding-top: 7px;
  margin-bottom: 0;
  text-align: right; }

.oo-player-container .oo-form-horizontal .oo-form-group {
  margin-bottom: 15px; }

.oo-player-container .oo-form-horizontal .oo-form-group div.oo-col-sm-10 {
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.oo-player-container .oo-has-error .oo-form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.oo-player-container .oo-has-error .oo-form-control-label {
  color: #a94442; }

.oo-player-container .oo-scrubber-bar-container {
  padding: 0;
  margin: 0;
  position: relative;
  width: 100%;
  height: 34px;
  z-index: 12600;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }

.oo-player-container .oo-scrubber-bar-container .oo-scrubber-bar-padding {
  height: 100%;
  left: 0;
  right: 0;
  position: absolute; }

.oo-player-container .oo-scrubber-bar-container .oo-scrubber-bar-padding .oo-scrubber-bar {
  background-color: #afafaf;
  height: 6px;
  width: 100%;
  margin: 0;
  position: absolute;
  cursor: pointer;
  padding: 0;
  bottom: 50%;
  border-radius: 3px;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  -webkit-transition: all 0.15s;
  transition: all 0.15s; }

.oo-player-container .oo-scrubber-bar-container .oo-scrubber-bar-padding .oo-scrubber-bar-hover {
  height: 6px;
  border-radius: 6px; }

.oo-player-container .oo-scrubber-bar-container .oo-scrubber-bar-padding .oo-hovered-indicator {
  background-color: #448aff;
  opacity: 0.6;
  height: 100%;
  position: absolute;
  border-radius: 3px; }

.oo-player-container .oo-scrubber-bar-container .oo-scrubber-bar-padding .oo-buffered-indicator {
  background-color: #818a91;
  height: 100%;
  position: absolute;
  border-radius: 3px;
  -webkit-transition: all 0.1s;
  transition: all 0.1s; }

.oo-player-container .oo-scrubber-bar-container .oo-scrubber-bar-padding .oo-played-indicator {
  background: #448aff;
  height: 100%;
  position: absolute;
  border-radius: 3px; }

.oo-player-container .oo-scrubber-bar-container .oo-scrubber-bar-padding .oo-played-ad-indicator {
  background: #FF3F80; }

.oo-player-container .oo-scrubber-bar-container .oo-scrubber-bar-padding .oo-playhead-padding {
  width: 25px;
  height: 25px;
  position: absolute;
  z-index: 1;
  top: 100%;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%); }

.oo-player-container .oo-scrubber-bar-container .oo-scrubber-bar-padding .oo-playhead-padding .oo-playhead {
  background: #448aff;
  width: 13px;
  height: 13px;
  border: 2px solid #fff;
  border-radius: 10px;
  position: absolute;
  top: 40%;
  cursor: pointer;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  -webkit-transition: all 0.1s;
  transition: all 0.1s; }

.oo-player-container .oo-scrubber-bar-container .oo-scrubber-bar-padding .oo-playhead-padding .oo-playhead-scrubbing {
  width: 20px;
  height: 20px;
  border: 3px solid #448aff;
  background: #fff;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 6px 18px;
          box-shadow: rgba(0, 0, 0, 0.5) 0 6px 18px; }

.oo-player-container .oo-scrubber-bar-container .oo-scrubber-bar-padding .oo-playhead-padding .oo-playhead-hovering {
  top: 40%; }

.oo-player-container .oo-scrubber-bar-container .oo-scrubber-bar-padding .oo-playhead-padding .oo-ad-playhead {
  visibility: hidden; }

.oo-player-container .oo-control-bar {
  background: rgba(0, 0, 0, 0.3);
  -webkit-background: -webkit-gradient(linear, left top, left bottom, color-stop(23%, transparent), color-stop(90%, rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.69)));
  -webkit-background: linear-gradient(to bottom, transparent 23%, rgba(0, 0, 0, 0.6) 90%, rgba(0, 0, 0, 0.69) 100%);
  -moz-background: linear-gradient(to bottom, transparent 23%, rgba(0, 0, 0, 0.6) 90%, rgba(0, 0, 0, 0.69) 100%);
  -ms-background: linear-gradient(to bottom, transparent 23%, rgba(0, 0, 0, 0.6) 90%, rgba(0, 0, 0, 0.69) 100%);
  -o-background: linear-gradient(to bottom, transparent 23%, rgba(0, 0, 0, 0.6) 90%, rgba(0, 0, 0, 0.69) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(23%, transparent), color-stop(90%, rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.69)));
  background: linear-gradient(to bottom, transparent 23%, rgba(0, 0, 0, 0.6) 90%, rgba(0, 0, 0, 0.69) 100%);
  -webkit-transition: transition,opacity 0.2s ease-in-out,height 0.3s ease-in-out;
  -webkit-transition: opacity 0.2s ease-in-out,height 0.3s ease-in-out,-webkit-transition;
  transition: opacity 0.2s ease-in-out,height 0.3s ease-in-out,-webkit-transition;
  transition: transition,opacity 0.2s ease-in-out,height 0.3s ease-in-out;
  transition: transition,opacity 0.2s ease-in-out,height 0.3s ease-in-out,-webkit-transition;
  width: 100%;
  height: 90px;
  position: relative;
  margin: 0;
  padding: 0 15px;
  list-style: none;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 12500;
  pointer-events: auto; }

.oo-player-container .oo-control-bar .oo-control-bar-items-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  white-space: nowrap;
  margin-top: 10px; }

.oo-player-container .oo-control-bar .oo-control-bar-items-wrapper > * {
  line-height: 1 !important; }

.oo-player-container .oo-control-bar .oo-control-bar-items-wrapper .oo-popover-button-container {
  position: relative;
  height: 100%;
  border: 0;
  margin: 0;
  padding: 0; }

.oo-player-container .oo-control-bar .oo-control-bar-items-wrapper .oo-control-bar-item {
  height: 100%;
  font-weight: bold;
  font-size: 23px;
  text-align: center;
  padding: 0 12.5px;
  cursor: pointer;
  opacity: 1; }

.oo-player-container .oo-control-bar .oo-control-bar-items-wrapper > .oo-control-bar-item:first-child {
  padding-left: 0 !important; }

.oo-player-container .oo-control-bar .oo-control-bar-items-wrapper > .oo-control-bar-item:last-child {
  padding-right: 0 !important; }

.oo-player-container .oo-control-bar .oo-control-bar-items-wrapper a.oo-control-bar-item {
  background-color: transparent;
  border: 0;
  outline: none; }

.oo-player-container .oo-control-bar .oo-control-bar-items-wrapper .oo-control-bar-item.oo-selected > span {
  color: #448aff !important;
  color: inherit !important;
  opacity: 1 !important; }

.oo-player-container .oo-control-bar .oo-control-bar-items-wrapper .oo-control-bar-item.oo-logo {
  cursor: auto; }

.oo-player-container .oo-control-bar .oo-control-bar-items-wrapper .oo-control-bar-duration {
  height: 100%;
  color: #fff;
  opacity: 1;
  font-family: "Roboto",sans-serif;
  font-size: 14px;
  padding-left: 7.5px;
  padding-right: 7.5px;
  text-align: left;
  position: relative;
  top: -2px;
  cursor: auto;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text; }

.oo-player-container .oo-control-bar .oo-control-bar-items-wrapper .oo-control-bar-duration .oo-total-time {
  color: #fff; }

.oo-player-container .oo-control-bar .oo-control-bar-items-wrapper .oo-control-bar-duration .oo-total-time:before {
  content: " - ";
  color: #fff; }

.oo-player-container .oo-control-bar .oo-control-bar-items-wrapper .oo-control-bar-flex-space {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.oo-player-container .oo-control-bar .oo-control-bar-items-wrapper .oo-live-indicator {
  top: -5px;
  position: relative; }

.oo-player-container .oo-control-bar .oo-control-bar-items-wrapper .oo-live-circle {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #E83F3F;
  margin-right: 4px;
  vertical-align: middle; }

.oo-player-container .oo-control-bar .oo-control-bar-items-wrapper .oo-live-text {
  font-size: 14px;
  color: #fff;
  vertical-align: middle; }

.oo-player-container .oo-control-bar .oo-control-bar-items-wrapper .oo-logo img {
  position: relative;
  max-height: 24px;
  vertical-align: baseline;
  opacity: 0.9; }

.oo-player-container .oo-control-bar .oo-control-bar-items-wrapper .oo-live-nonclickable {
  cursor: default; }

.oo-player-container a.oo-volume-bar {
  border: 0;
  outline: none; }

.oo-player-container .oo-volume-bar {
  margin-bottom: 4px;
  display: inline-block;
  background-clip: content-box;
  position: relative;
  width: 9px;
  height: 8px;
  padding-left: 7px;
  background-color: rgba(255, 255, 255, 0.6);
  -webkit-transition: all 0.18s ease-in-out;
  transition: all 0.18s ease-in-out; }

.oo-player-container .oo-volume-bar:hover {
  height: 17px; }

.oo-player-container .oo-on {
  background-color: #448aff;
  height: 17px;
  padding-bottom: 0px;
  margin-bottom: 4px; }

.oo-player-container .oo-volume:hover .oo-volume-bar {
  background-color: rgba(255, 255, 255, 0.7); }

.oo-player-container .oo-volume:hover .oo-volume-bar.oo-on {
  background-color: #448aff; }

.oo-player-container .oo-volume-slider {
  display: inline-block;
  position: relative;
  margin-left: 6px;
  height: 20px;
  width: 200px; }

@media all and (-ms-high-contrast: none) {
  .oo-player-container *::-ms-backdrop, .oo-player-container .oo-volume-slider {
    height: auto; } }

.oo-player-container .oo-interactive-container .oo-control-bar.oo-control-bar-hidden {
  height: 0 !important;
  opacity: 0; }

.oo-player-container .oo-up-next-panel {
  pointer-events: auto;
  position: relative;
  width: 100%;
  height: 80px;
  right: 0;
  background-color: rgba(22, 22, 22, 0.9);
  -webkit-transition: bottom 0.5s;
  transition: bottom 0.5s; }

.oo-player-container .oo-up-next-panel a.oo-up-next-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 140px;
  height: 100%;
  cursor: pointer;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.oo-player-container .oo-up-next-panel a.oo-up-next-content img.oo-content-image {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto; }

.oo-player-container .oo-up-next-panel a.oo-up-next-content span.oo-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 25px;
  opacity: 1;
  color: white;
  -webkit-transition: opacity .25s ease-in-out;
  transition: opacity .25s ease-in-out; }

.oo-player-container .oo-content-metadata {
  position: absolute;
  top: 0;
  left: 140px;
  width: 78%;
  height: 100%; }

.oo-player-container .oo-content-metadata .oo-up-next-title {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 3px;
  left: 15px;
  width: 100%;
  color: #fff; }

.oo-player-container .oo-content-metadata .oo-up-next-title .oo-up-next-count-down {
  width: 36px;
  height: 36px;
  float: left; }

.oo-player-container .oo-content-metadata .oo-up-next-title .oo-up-next-title-text {
  font-size: 18pt;
  font-family: "Roboto Condensed",sans-serif;
  font-weight: bold;
  max-width: 70%;
  color: inherit;
  resize: none;
  display: inline-block;
  float: left; }

.oo-player-container .oo-content-metadata .oo-content-description {
  position: absolute;
  bottom: 5px;
  left: 15px;
  width: 70%;
  margin-top: 10px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 12pt;
  font-family: 'Open Sans', sans-serif;
  font-weight: normal; }

.oo-player-container .oo-up-next-count-down {
  margin-right: 10px; }

.oo-player-container .oo-spinner-screen {
  pointer-events: none; }

.oo-player-container .oo-spinner-wrapper .oo-spinner {
  width: 70px;
  height: 70px;
  opacity: 1;
  color: white;
  -webkit-transition: opacity .25s ease-in-out;
  transition: opacity .25s ease-in-out;
  cursor: pointer;
  -webkit-animation: spin 0.6s linear infinite;
  animation: spin 0.6s linear infinite; }

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.oo-player-container .oo-slider {
  width: 10px; }

.oo-player-container .oo-slider[type=range] {
  -webkit-appearance: none;
  border-top: solid 20px transparent;
  border-bottom: solid 20px transparent;
  background-clip: content-box;
  border-right-color: red;
  border-left-color: green;
  border-left-style: hidden;
  width: 10px; }

.oo-player-container .oo-slider[type=range]::-webkit-slider-runnable-track {
  height: 1px;
  border: none; }

.oo-player-container .oo-slider[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 3px;
  width: 3px;
  border-radius: 50%;
  background: #ff0;
  margin-top: -1px; }

@supports (-ms-accelerator: true) {
  .oo-player-container .oo-slider[type=range]::-webkit-slider-thumb {
    margin-top: 0; } }

.oo-player-container .oo-slider[type=range]:focus {
  outline: none; }

.oo-player-container .oo-slider[type=range]::-moz-range-track {
  width: 10px;
  height: 1px;
  background: red; }

.oo-player-container .oo-slider[type=range]::-moz-range-thumb {
  border: none;
  height: 3px;
  width: 3px;
  border-radius: 50%;
  background: #ff0; }

.oo-player-container .oo-slider[type=range]:focus::-moz-range-track {
  background: red; }

.oo-player-container .oo-slider[type=range]::-moz-range-progress {
  background: green; }

.oo-player-container .oo-slider-volume[type=range]::-moz-range-progress {
  background: #fff; }

.oo-player-container .oo-slider[type=range]::-ms-track {
  width: 10px;
  height: 1px;
  background: transparent;
  border-color: transparent;
  border-width: 1.5px 0;
  color: transparent; }

.oo-player-container .oo-slider[type=range]::-ms-fill-lower {
  background: green; }

.oo-player-container .oo-slider[type=range]::-ms-fill-upper {
  background: red; }

.oo-player-container .oo-slider[type=range]::-ms-thumb {
  border: none;
  height: 3px;
  width: 3px;
  border-radius: 50%;
  background: #ff0; }

.oo-player-container .oo-slider[type=range]:focus::-ms-fill-lower {
  background: green; }

.oo-player-container .oo-slider[type=range]:focus::-ms-fill-upper {
  background: red; }

.oo-player-container .oo-slider[type=range]::-ms-tooltip {
  display: none; }

.oo-player-container .oo-slider-volume {
  width: 200px; }

.oo-player-container .oo-slider-volume[type=range] {
  border-right-color: #999;
  border-left-color: #fff;
  width: 200px; }

.oo-player-container .oo-slider-volume[type=range]::-webkit-slider-runnable-track {
  height: 3px; }

.oo-player-container .oo-slider-volume[type=range]::-webkit-slider-thumb {
  height: 15px;
  width: 15px;
  background: #fff;
  margin-top: -6px; }

@supports (-ms-accelerator: true) {
  .oo-player-container .oo-slider-volume[type=range]::-webkit-slider-thumb {
    margin-top: 0; } }

.oo-player-container .oo-slider-volume[type=range]::-moz-range-track {
  width: 200px;
  height: 3px;
  background: #999; }

.oo-player-container .oo-slider-volume[type=range]::-moz-range-thumb {
  height: 15px;
  width: 15px;
  background: #fff; }

.oo-player-container .oo-slider-volume[type=range]:focus::-moz-range-track {
  background: #999; }

.oo-player-container .oo-slider-volume[type=range]::-ms-track {
  width: 200px;
  height: 3px;
  border-width: 7.5px 0; }

.oo-player-container .oo-slider-volume[type=range]::-ms-fill-lower {
  background: #fff; }

.oo-player-container .oo-slider-volume[type=range]::-ms-fill-upper {
  background: #999; }

.oo-player-container .oo-slider-volume[type=range]::-ms-thumb {
  height: 15px;
  width: 15px;
  background: #fff; }

.oo-player-container .oo-slider-volume[type=range]:focus::-ms-fill-lower {
  background: #fff; }

.oo-player-container .oo-slider-volume[type=range]:focus::-ms-fill-upper {
  background: #999; }

.oo-player-container .oo-ad-overlay {
  display: table;
  position: relative;
  -webkit-transition: bottom 0.5s, height 0.25s;
  transition: bottom 0.5s, height 0.25s;
  margin: 0;
  padding: 0;
  overflow: hidden;
  pointer-events: auto; }

.oo-player-container .oo-ad-overlay .oo-ad-overlay-close-button {
  display: inline-block;
  position: absolute;
  cursor: pointer;
  height: 28px;
  width: 28px;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.3);
  border: 0;
  outline: none; }

.oo-player-container .oo-ad-overlay .oo-ad-overlay-close-button.oo-hidden {
  display: none; }

.oo-player-container .oo-ad-overlay .oo-ad-overlay-close-button-icon {
  position: absolute;
  font-size: 8px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #ffffff;
  opacity: 0.6; }

.oo-player-container .oo-ad-overlay.oo-hidden {
  display: none; }

.oo-player-container .oo-ad-screen-panel {
  position: absolute;
  top: 0;
  bottom: 64px;
  width: 100%; }

.oo-player-container .oo-ad-screen-panel .oo-ad-screen-panel-click-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 12005; }

.oo-player-container .oo-ad-screen-panel .oo-ad-top-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  height: 25px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  margin: 0;
  font-size: 1em;
  list-style: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: bottom 0.5s, height 0.5s;
  transition: bottom 0.5s, height 0.5s;
  z-index: 12600; }

.oo-player-container .oo-ad-screen-panel .oo-ad-top-bar .oo-ad-title, .oo-player-container .oo-ad-screen-panel .oo-ad-top-bar .oo-ad-playback-info {
  font-size: 0.9em;
  color: #fff;
  font-family: "Roboto",sans-serif;
  margin: auto;
  text-align: center;
  padding-left: 7.5px;
  padding-right: 7.5px;
  white-space: pre; }

.oo-player-container .oo-ad-screen-panel .oo-ad-top-bar .oo-flexible-space {
  -moz-flex: 1;
  -ms-flex: 1;
  -o-flex: 1;
  -webkit-box-flex: 1;
          flex: 1; }

.oo-player-container .oo-ad-screen-panel .oo-ad-top-bar .oo-learn-more {
  font-size: 0.9em;
  font-family: "Roboto",sans-serif;
  color: #fff;
  margin: auto 15px auto auto;
  text-align: center;
  cursor: pointer; }

.oo-player-container .oo-ad-screen-panel .oo-ad-top-bar .oo-learn-more .oo-button-icon {
  font-size: 0.7em;
  margin-right: 5px; }

.oo-player-container .oo-ad-screen-panel .oo-ad-top-bar .oo-learn-more.oo-hidden {
  visibility: hidden; }

.oo-player-container .oo-ad-screen-panel .oo-ad-top-bar .oo-skip-button {
  font-size: 0.9em;
  font-family: "Roboto",sans-serif;
  color: #fff;
  visibility: hidden;
  width: 0;
  margin: auto auto auto 0;
  opacity: 0.3;
  cursor: default; }

.oo-player-container .oo-ad-screen-panel .oo-ad-top-bar .oo-skip-button .oo-button-icon {
  font-size: 0.7em;
  margin-right: 5px; }

.oo-player-container .oo-ad-screen-panel .oo-ad-top-bar .oo-skip-button.oo-visible {
  visibility: visible;
  width: auto;
  margin: auto 15px;
  text-align: center;
  cursor: pointer; }

.oo-player-container .oo-ad-screen-panel .oo-ad-top-bar .oo-skip-button.oo-visible .oo-skip-icon {
  font-size: 0.7em;
  margin-right: 5px; }

.oo-player-container .oo-ad-screen-panel .oo-ad-top-bar .oo-skip-button.oo-enabled {
  opacity: 1;
  cursor: pointer; }

.oo-player-container .oo-player-skin-plugins {
  z-index: 12000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 90px;
  position: absolute;
  overflow: hidden;
  display: none; }

.oo-player-container .oo-player-skin-plugins.oo-showing:not(:empty) {
  display: block; }

.oo-player-container .oo-player-skin-plugins.oo-overlay-showing:not(:empty) {
  display: block; }

.oo-player-container .oo-player-skin-plugins.oo-overlay-blur:not(:empty) {
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  filter: blur(3px);
  z-index: -10000;
  position: absolute; }

.oo-player-container .oo-player-skin-plugins-click-layer {
  z-index: 12005;
  top: 0;
  left: 0;
  right: 0;
  bottom: 90px;
  position: absolute;
  display: none; }

.oo-player-container .oo-player-skin-plugins.oo-full:not(.oo-overlay-showing), .oo-player-container .oo-player-skin-plugins-click-layer.oo-full {
  bottom: 0; }

.oo-player-container .oo-player-skin-plugins-click-layer.oo-showing {
  display: block; }

.oo-player-container .oo-text-track-container {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  position: relative;
  display: inline-block;
  max-width: 80%;
  margin: 0 auto 12px auto; }

.oo-player-container .oo-text-track-container .oo-text-track-window {
  padding: 10px;
  border-radius: 8px; }

.oo-player-container .oo-text-track-container .oo-text-track-window .oo-text-track-background {
  padding: 4px 16px;
  border-radius: 8px; }

.oo-player-container .oo-text-track-container .oo-text-track-window .oo-text-track-background .oo-text-track {
  text-align: center;
  white-space: pre-wrap; }

.oo-player-container .oo-more-options-items {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 100%;
  opacity: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-size: 30px; }

.oo-player-container .oo-more-options-items a.oo-control-bar-item {
  background-color: transparent;
  border: 0;
  outline: none; }

.oo-player-container .oo-more-options-items .oo-control-bar-item {
  height: 100%;
  font-weight: bold;
  text-align: center;
  padding-left: 13px;
  padding-right: 13px;
  margin: 0 auto;
  opacity: 1;
  cursor: pointer; }

.oo-player-container .oo-more-options-items.oo-animate-more-options {
  top: 50%;
  opacity: 1;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease; }

.oo-player-container .oo-quality-panel {
  position: relative;
  top: 46%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 100px;
  text-align: center; }

.oo-player-container .oo-quality-panel .scrollarea-content {
  display: inline-block; }

.oo-player-container .oo-quality-panel .scrollbar-container.horizontal {
  display: none; }

.oo-player-container .oo-quality-panel .oo-quality-screen-content ul {
  display: inline-block;
  padding: 0;
  margin: 0 auto;
  list-style: none;
  white-space: nowrap;
  position: relative;
  height: 90px; }

.oo-player-container .oo-quality-panel .oo-quality-screen-content ul li {
  float: none;
  position: relative;
  display: inline-block;
  margin: 0 24px; }

.oo-player-container .oo-quality-panel .oo-quality-screen-content ul li:first-child {
  margin-left: 0 !important; }

.oo-player-container .oo-quality-panel .oo-quality-screen-content ul li a.oo-quality-btn {
  padding: 10px 8px;
  background-color: transparent;
  color: #fff;
  font-size: 1.1em;
  font-family: "Roboto",sans-serif;
  line-height: 1em;
  border-radius: 2px;
  border: 1px solid #55595c;
  outline: none;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }

.oo-player-container .oo-quality-panel .oo-quality-screen-content ul li a.oo-quality-btn:hover {
  opacity: 0.6; }

.oo-player-container .oo-quality-panel .oo-quality-screen-content ul li a.oo-quality-btn.oo-selected {
  color: #448aff;
  border-color: #448aff;
  font-weight: bold; }

.oo-player-container .oo-quality-panel .oo-quality-screen-content ul li a.oo-quality-auto-btn {
  background-color: transparent;
  font-family: "Roboto",sans-serif;
  line-height: 1;
  outline: none; }

.oo-player-container .oo-quality-panel .oo-quality-screen-content ul li a.oo-quality-auto-btn:hover .oo-quality-auto-icon, .oo-player-container .oo-quality-panel .oo-quality-screen-content ul li a.oo-quality-auto-btn:hover .oo-quality-auto-label {
  opacity: 0.6;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }

.oo-player-container .oo-quality-panel .oo-quality-screen-content ul li a.oo-quality-auto-btn.oo-selected .oo-quality-auto-icon, .oo-player-container .oo-quality-panel .oo-quality-screen-content ul li a.oo-quality-auto-btn.oo-selected .oo-quality-auto-label {
  color: #448aff;
  font-weight: bold; }

.oo-player-container .oo-quality-panel .oo-quality-screen-content ul li a.oo-quality-auto-btn .oo-quality-auto-icon {
  font-size: 2.1em;
  font-weight: bold;
  color: #55595c;
  margin-bottom: 6px;
  opacity: 1; }

.oo-player-container .oo-quality-panel .oo-quality-screen-content ul li a.oo-quality-auto-btn .oo-quality-auto-label {
  color: #fff;
  font-size: 0.9em;
  text-transform: capitalize;
  text-align: center;
  opacity: 1; }

.oo-player-container .oo-quality-panel .oo-quality-screen-content ul li.oo-auto-li {
  top: 20px; }

.oo-player-container .oo-popover .oo-quality-popover {
  margin: 10px 0; }

.oo-player-container .oo-popover .oo-quality-screen-content {
  max-height: 150px;
  width: 80px;
  text-align: center; }

.oo-player-container .oo-popover .oo-quality-screen-content ul {
  padding: 0;
  margin: 0;
  list-style: none; }

.oo-player-container .oo-popover .oo-quality-screen-content ul li {
  display: block;
  margin: 0 0 6px 0;
  padding: 0; }

.oo-player-container .oo-popover .oo-quality-screen-content ul li a.oo-quality-btn {
  background-color: transparent;
  color: #fff;
  font-size: 0.6em;
  font-family: "Roboto",sans-serif;
  line-height: 1;
  outline: none;
  opacity: 1;
  white-space: nowrap;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }

.oo-player-container .oo-popover .oo-quality-screen-content ul li a.oo-quality-btn:hover {
  opacity: 0.6; }

.oo-player-container .oo-popover .oo-quality-screen-content ul li a.oo-quality-btn.oo-selected {
  color: #448aff;
  font-weight: bold;
  font-size: 0.725em; }

.oo-player-container .oo-popover .oo-quality-screen-content ul li a.oo-quality-auto-btn {
  background-color: transparent;
  font-family: "Roboto",sans-serif;
  line-height: 1;
  outline: none;
  white-space: nowrap; }

.oo-player-container .oo-popover .oo-quality-screen-content ul li a.oo-quality-auto-btn:hover .oo-quality-auto-icon, .oo-player-container .oo-popover .oo-quality-screen-content ul li a.oo-quality-auto-btn:hover .oo-quality-auto-label {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 0.6; }

.oo-player-container .oo-popover .oo-quality-screen-content ul li a.oo-quality-auto-btn.oo-selected .oo-quality-auto-icon, .oo-player-container .oo-popover .oo-quality-screen-content ul li a.oo-quality-auto-btn.oo-selected .oo-quality-auto-label {
  color: #448aff;
  font-weight: bold; }

.oo-player-container .oo-popover .oo-quality-screen-content ul li a.oo-quality-auto-btn.oo-selected .oo-quality-auto-icon {
  font-size: 1.125em; }

.oo-player-container .oo-popover .oo-quality-screen-content ul li a.oo-quality-auto-btn.oo-selected .oo-quality-auto-label {
  font-size: 0.625em; }

.oo-player-container .oo-popover .oo-quality-screen-content ul li a.oo-quality-auto-btn .oo-quality-auto-icon {
  font-size: 1em;
  font-weight: bold;
  color: #55595c;
  margin-bottom: 2px;
  opacity: 1; }

.oo-player-container .oo-popover .oo-quality-screen-content ul li a.oo-quality-auto-btn .oo-quality-auto-label {
  color: #fff;
  font-size: 0.5em;
  text-transform: capitalize;
  text-align: center;
  opacity: 1; }

.oo-player-container .tabs-menu {
  white-space: nowrap;
  list-style: none;
  padding: 0;
  width: 815px; }

.oo-player-container .tabs-menu-item {
  display: inline-block;
  float: none;
  margin-right: 40px; }

.oo-player-container .tabs-menu-item a {
  border-bottom: 2px solid transparent;
  cursor: pointer;
  display: block;
  color: #fff;
  font-family: "Roboto Condensed Bold",sans-serif;
  font-size: 18px;
  -webkit-transition: .3s;
  transition: .3s; }

.oo-player-container .tabs-menu-item.is-active a {
  border-bottom: 2px solid #448aff; }

.oo-player-container .tabs-menu-item:not(.is-active) a:hover {
  color: #448aff;
  opacity: 0.7; }

.oo-player-container .tab-panel {
  height: 100%;
  padding: 10px 0; }

.oo-player-container .tabs-navigation {
  width: 100%;
  margin: 0 auto;
  overflow-x: scroll;
  padding-bottom: 1000%; }

.oo-player-container .tabs-navigation .scrollarea-content {
  display: inline-block; }

.oo-player-container .tabs-navigation .scrollbar-container.horizontal {
  display: none; }

.oo-player-container .tabs-navigation .oo-scrollarea-tabs ul {
  display: inline-block;
  padding: 0;
  margin: 0 auto;
  list-style: none;
  white-space: nowrap;
  position: relative; }

.oo-player-container .tabs-navigation .oo-scrollarea-tabs ul li {
  float: none;
  position: relative;
  display: inline-block;
  margin: 0 24px; }

.oo-player-container .tabs-navigation .oo-scrollarea-tabs ul li:first-child {
  margin-left: 0 !important; }

.oo-player-container .tabs-navigation .oo-scrollarea-tabs ul li.oo-auto-li {
  top: 20px; }

.oo-player-container .oo-left-tab-button {
  display: none; }

.oo-player-container .oo-right-tab-button {
  display: none; }

.oo-player-container .oo-scrubber-thumbnail-container {
  position: absolute;
  bottom: 112px; }

.oo-player-container .oo-scrubber-carousel-container {
  position: absolute;
  bottom: 138px; }

.oo-player-container .oo-thumbnail-carousel-center-image {
  position: absolute;
  width: 154px;
  height: 102px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 33px 7px rgba(0, 0, 0, 0.54);
          box-shadow: 0px 0px 33px 7px rgba(0, 0, 0, 0.54);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%; }

.oo-player-container .oo-thumbnail-carousel-image {
  position: absolute;
  width: 93px;
  height: 63px;
  padding: 6px;
  border-radius: 2px;
  -webkit-box-shadow: 0px 0px 39px -4px rgba(0, 0, 0, 0.26);
          box-shadow: 0px 0px 39px -4px rgba(0, 0, 0, 0.26);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%; }

.oo-player-container .oo-thumbnail-carousel-time {
  position: absolute;
  bottom: 10%;
  background-color: rgba(26, 26, 26, 0.8);
  border-radius: 12px;
  color: white;
  padding-left: 8%;
  padding-right: 8%;
  font-size: 16px;
  font-family: "Roboto Condensed",sans-serif;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.oo-player-container .oo-thumbnail {
  position: absolute;
  width: 119px;
  height: 74px;
  border-radius: 4px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 6px 18px;
          box-shadow: rgba(0, 0, 0, 0.5) 0 6px 18px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.oo-player-container .oo-thumbnail-time {
  position: absolute;
  bottom: 7%;
  background-color: rgba(26, 26, 26, 0.8);
  border-radius: 10px;
  color: white;
  padding-left: 8%;
  padding-right: 8%;
  font-size: 14px;
  font-family: "Roboto Condensed",sans-serif;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.oo-player-container .oo-watermark-container {
  position: absolute;
  max-height: 100%;
  max-width: 100%;
  pointer-events: auto;
  outline: none !important;
  -webkit-transition: bottom 0.3s ease-in-out;
  transition: bottom 0.3s ease-in-out; }

.oo-player-container .oo-watermark-no-clickURL {
  pointer-events: none; }

.oo-player-container .oo-watermark {
  width: auto;
  height: auto; }

.oo-player-container .oo-watermark-top {
  top: 15px; }

.oo-player-container .oo-watermark-bottom {
  bottom: 15px; }

.oo-player-container .oo-watermark-center-horizontal {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.oo-player-container .oo-watermark-center-vertical {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.oo-player-container .oo-watermark-left {
  left: 15px; }

.oo-player-container .oo-watermark-left img {
  float: left; }

.oo-player-container .oo-watermark-right {
  right: 15px; }

.oo-player-container .oo-watermark-right img {
  float: right; }

.oo-player-container .oo-watermark-bottom.oo-watermark-bottom-cb {
  bottom: 90px; }

.oo-player-container .oo-xsmall .oo-content-screen {
  padding: 17.15px; }

.oo-player-container .oo-xsmall .oo-content-screen-title {
  font-size: 1.1em; }

.oo-player-container .oo-xsmall .oo-content-screen-title span.oo-icon {
  font-size: 0.7em; }

.oo-player-container .oo-xsmall .oo-state-screen .oo-state-screen-info .oo-state-screen-title, .oo-player-container .oo-xsmall .oo-spinner-screen .oo-state-screen-info .oo-state-screen-title {
  font-size: 1em; }

.oo-player-container .oo-xsmall .oo-state-screen .oo-state-screen-info .oo-state-screen-description, .oo-player-container .oo-xsmall .oo-spinner-screen .oo-state-screen-info .oo-state-screen-description {
  font-size: 0.6em; }

.oo-player-container .oo-xsmall .oo-discovery-panel .oo-discovery-toaster-container-style {
  max-height: 200px; }

.oo-player-container .oo-xsmall .oo-discovery-panel _::-webkit-full-page-media, .oo-player-container .oo-xsmall .oo-discovery-panel _:future, .oo-player-container .oo-xsmall .oo-discovery-panel :root .oo-discovery-toaster-container-style {
  min-height: 100px; }

@supports (overflow: -webkit-marquee) and (justify-content: inherit) {
  .oo-player-container .oo-xsmall .oo-discovery-panel .oo-discovery-toaster-container-style {
    min-height: 100px; } }

.oo-player-container .oo-xsmall .oo-discovery-panel .oo-discovery-image-wrapper-style {
  margin-bottom: 0; }

.oo-player-container .oo-xsmall .oo-discovery-panel .oo-discovery-image-wrapper-style:nth-last-child(2) {
  margin-right: 42px !important; }

.oo-player-container .oo-xsmall .oo-discovery-panel .oo-discovery-image-wrapper-style:last-child {
  margin-right: 0; }

.oo-player-container .oo-xsmall .oo-discovery-panel .oo-scale-size {
  max-height: 150px; }

.oo-player-container .oo-xsmall .oo-discovery-panel _::-webkit-full-page-media, .oo-player-container .oo-xsmall .oo-discovery-panel _:future, .oo-player-container .oo-xsmall .oo-discovery-panel :root .oo-scale-size {
  min-height: 80px !important; }

@supports (overflow: -webkit-marquee) and (justify-content: inherit) {
  .oo-player-container .oo-xsmall .oo-discovery-panel .oo-scale-size {
    min-height: 80px !important; } }

.oo-player-container .oo-xsmall .oo-content-screen-closed-captions .oo-switch-container {
  height: 15px;
  width: 74px;
  margin-left: 18px;
  top: 4px; }

.oo-player-container .oo-xsmall .oo-content-screen-closed-captions .oo-switch-container .oo-switch-captions {
  font-size: .7em; }

.oo-player-container .oo-xsmall .oo-content-screen-closed-captions .oo-switch-container .oo-switch-element {
  top: -3px; }

.oo-player-container .oo-xsmall .oo-content-screen-closed-captions .captions-navbar {
  margin-top: 10px; }

.oo-player-container .oo-xsmall .oo-content-screen-closed-captions .tabs-menu {
  width: 775px; }

.oo-player-container .oo-xsmall .oo-content-screen-closed-captions .oo-left-tab-button-active {
  position: absolute;
  display: block !important;
  background-color: transparent;
  height: 25px;
  width: 25px;
  color: white;
  top: 55px;
  text-align: right;
  left: -10px; }

.oo-player-container .oo-xsmall .oo-content-screen-closed-captions .oo-right-tab-button-active {
  position: absolute;
  display: block !important;
  background-color: transparent;
  height: 25px;
  width: 25px;
  color: white;
  top: 55px;
  text-align: left;
  right: -10px; }

.oo-player-container .oo-xsmall .oo-content-screen-closed-captions .oo-data-selector {
  top: 60%;
  margin-top: 30px; }

.oo-player-container .oo-xsmall .oo-content-screen-closed-captions .oo-data-panel {
  width: 80%;
  margin: auto; }

.oo-player-container .oo-xsmall .oo-content-screen-closed-captions .oo-flexcontainer {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.oo-player-container .oo-xsmall .oo-content-screen-closed-captions .oo-color-selection-tab .oo-color-selection-inner-wrapper {
  position: absolute;
  top: 100px;
  left: 0;
  height: calc(100% - 103px);
  width: 100%;
  overflow-y: scroll;
  -webkit-transform: none;
  transform: none; }

.oo-player-container .oo-xsmall .oo-content-screen-closed-captions .oo-color-selection-tab .oo-selection-container {
  width: 100%;
  padding-left: 30px;
  margin-bottom: 20px; }

.oo-player-container .oo-xsmall .oo-content-screen-closed-captions .oo-color-selection-tab .oo-selection-inner-wrapper {
  width: 80%;
  margin: 0 auto; }

.oo-player-container .oo-xsmall .oo-content-screen-closed-captions .oo-color-selection-tab .oo-text-color-items-container {
  max-width: none !important; }

.oo-player-container .oo-xsmall .oo-content-screen-closed-captions .oo-color-selection-tab .oo-selection-items-container {
  max-width: none !important; }

.oo-player-container .oo-xsmall .oo-content-screen-closed-captions .oo-caption-opacity-tab .oo-caption-opacity-inner-wrapper {
  position: absolute;
  top: 100px;
  left: 0;
  height: calc(100% - 103px);
  width: 100%;
  overflow-y: scroll;
  -webkit-transform: none;
  transform: none;
  padding-left: 0; }

.oo-player-container .oo-xsmall .oo-content-screen-closed-captions .oo-caption-opacity-tab .oo-selection-container {
  width: 100%;
  padding-left: 30px; }

.oo-player-container .oo-xsmall .oo-content-screen-closed-captions .oo-caption-opacity-tab .oo-selection-inner-wrapper {
  width: 80%;
  margin: 0 auto; }

.oo-player-container .oo-xsmall .oo-content-screen-closed-captions .oo-caption-opacity-tab .oo-selection-container-title {
  margin-bottom: 10px; }

.oo-player-container .oo-xsmall .oo-content-screen-closed-captions .oo-caption-opacity-tab .oo-selection-items-container {
  margin-bottom: 30px; }

.oo-player-container .oo-xsmall .oo-content-screen-closed-captions .oo-font-size-tab .oo-font-size-inner-wrapper {
  position: absolute;
  top: 100px;
  left: 0;
  height: calc(100% - 103px);
  width: 100%;
  overflow-y: scroll;
  -webkit-transform: none;
  transform: none;
  padding-left: 0; }

.oo-player-container .oo-xsmall .oo-content-screen-closed-captions .oo-font-size-tab .oo-selection-inner-wrapper {
  width: 80%;
  margin: 0 auto; }

.oo-player-container .oo-xsmall .oo-content-screen-closed-captions .oo-font-size-tab .oo-selection-container-title {
  margin-bottom: 0px !important; }

.oo-player-container .oo-xsmall .oo-content-screen-closed-captions .oo-font-size-tab .oo-font-size-container {
  width: 100% !important; }

.oo-player-container .oo-xsmall .oo-content-screen-closed-captions .oo-font-size-tab .oo-font-size-letter-Large {
  line-height: 160px !important;
  margin-bottom: 20px !important; }

.oo-player-container .oo-xsmall .oo-content-screen-closed-captions .oo-font-size-tab .oo-font-size-letter-Extra-Large {
  line-height: 220px !important;
  margin-bottom: 60px !important; }

.oo-player-container .oo-xsmall .oo-content-screen-closed-captions .oo-font-size-tab .oo-font-size-label {
  margin-bottom: 20px; }

.oo-player-container .oo-xsmall .oo-content-screen-closed-captions .oo-text-enhancements-tab .oo-text-enhancements-inner-wrapper {
  position: absolute;
  top: 100px;
  left: 0;
  height: calc(100% - 103px);
  width: 100%;
  overflow-y: scroll;
  -webkit-transform: none;
  transform: none;
  padding-left: 0; }

.oo-player-container .oo-xsmall .oo-content-screen-closed-captions .oo-text-enhancements-tab .oo-selection-inner-wrapper {
  width: 80%;
  margin: 0 auto; }

.oo-player-container .oo-xsmall .oo-content-screen-closed-captions .oo-text-enhancements-tab .oo-selection-container-title {
  margin-bottom: 10px !important; }

.oo-player-container .oo-xsmall .oo-content-screen-closed-captions .oo-text-enhancements-tab .oo-text-enhancements-container {
  width: 100% !important;
  margin-bottom: 40px !important; }

.oo-player-container .oo-xsmall .oo-content-screen-closed-captions .oo-text-enhancements-tab .oo-text-enhancements-label {
  margin-bottom: 20px; }

.oo-player-container .oo-xsmall .oo-preview-panel {
  display: none; }

.oo-player-container .oo-xsmall .oo-error-screen .oo-error-title {
  font-size: 1em;
  margin-bottom: 10px; }

.oo-player-container .oo-xsmall .oo-error-screen .oo-error-description {
  font-size: 0.7em;
  margin-bottom: 10px; }

.oo-player-container .oo-xsmall .oo-error-screen .oo-error-action {
  font-size: 0.7em; }

.oo-player-container .oo-xsmall .oo-action-icon-pause {
  font-size: 12px; }

.oo-player-container .oo-xsmall .oo-action-icon span.oo-icon, .oo-player-container .oo-xsmall .oo-action-icon-pause.oo-animate-pause {
  font-size: 50px; }

.oo-player-container .oo-xsmall .oo-ad-screen .oo-action-icon-pause {
  display: none; }

.oo-player-container .oo-xsmall .oo-share-panel .oo-embed-form {
  height: calc(8vh);
  margin: 12px 0px; }

.oo-player-container .oo-xsmall .oo-ad-top-bar {
  height: 17px; }

.oo-player-container .oo-xsmall .oo-ad-top-bar .oo-ad-title, .oo-player-container .oo-xsmall .oo-ad-top-bar .oo-ad-playback-info {
  font-size: 0.7em;
  padding-left: 4px;
  padding-right: 4px; }

.oo-player-container .oo-xsmall .oo-ad-top-bar .oo-learn-more {
  font-size: 0.7em;
  margin-right: 7px; }

.oo-player-container .oo-xsmall .oo-ad-top-bar .oo-learn-more .oo-button-icon {
  font-size: 0.7em;
  margin-right: 3px; }

.oo-player-container .oo-xsmall .oo-ad-top-bar .oo-skip-button {
  font-size: 0.7em; }

.oo-player-container .oo-xsmall .oo-ad-top-bar .oo-skip-button .oo-skip-icon {
  font-size: 0.7em;
  margin-right: 3px; }

.oo-player-container .oo-xsmall .oo-ad-top-bar .oo-skip-button.oo-visible {
  margin-right: 7px;
  margin-left: 7px; }

.oo-player-container .oo-xsmall .oo-ad-top-bar .oo-skip-button.oo-visible .oo-skip-icon {
  font-size: 0.7em;
  margin-right: 3px; }

.oo-player-container .oo-xsmall .oo-quality-panel {
  height: 75px; }

.oo-player-container .oo-xsmall .oo-quality-panel .oo-quality-screen-content ul {
  height: 70px; }

.oo-player-container .oo-xsmall .oo-quality-panel .oo-quality-screen-content ul li {
  margin: 0 14px; }

.oo-player-container .oo-xsmall .oo-quality-panel .oo-quality-screen-content ul li a.oo-quality-btn {
  padding: 8px 6px;
  font-size: 0.8em; }

.oo-player-container .oo-xsmall .oo-quality-panel .oo-quality-screen-content ul li a.oo-quality-auto-btn .oo-quality-auto-icon {
  font-size: 1.4em;
  padding: 4px;
  margin-bottom: 0; }

.oo-player-container .oo-xsmall .oo-quality-panel .oo-quality-screen-content ul li a.oo-quality-auto-btn .oo-quality-auto-label {
  font-size: 0.8em; }

.oo-player-container .oo-xsmall .oo-quality-panel .oo-quality-screen-content ul li.oo-auto-li {
  top: 14px; }

.oo-player-container .oo-xsmall .oo-control-bar {
  height: 57px !important;
  font-size: 17.5px; }

.oo-player-container .oo-xsmall .oo-control-bar .oo-control-bar-items-wrapper .oo-control-bar-item {
  font-size: 17.5px;
  padding: 0 5.95px; }

.oo-player-container .oo-xsmall .oo-control-bar .oo-control-bar-items-wrapper .oo-control-bar-duration {
  font-size: 9.8px;
  padding-left: 5.25px;
  padding-right: 5.25px;
  top: -1px; }

.oo-player-container .oo-xsmall .oo-control-bar .oo-control-bar-items-wrapper .oo-live-indicator {
  top: -3px; }

.oo-player-container .oo-xsmall .oo-control-bar .oo-control-bar-items-wrapper .oo-live-circle {
  width: 4.9px;
  height: 4.9px; }

.oo-player-container .oo-xsmall .oo-control-bar .oo-control-bar-items-wrapper .oo-live-text {
  font-size: 10.5px; }

.oo-player-container .oo-xsmall .oo-control-bar .oo-control-bar-items-wrapper .oo-logo img {
  max-height: 16.8px; }

.oo-player-container .oo-xsmall .oo-volume-bar {
  width: 4.9px;
  height: 9.8px;
  padding-left: 2.8px;
  margin-bottom: 4px; }

.oo-player-container .oo-xsmall .oo-volume-bar.oo-on {
  background-color: #448aff;
  height: 9.8px;
  padding-bottom: 0; }

.oo-player-container .oo-xsmall .oo-volume-slider {
  height: 14px;
  width: 140px;
  margin-left: 4.2px; }

@media all and (-ms-high-contrast: none) {
  .oo-player-container .oo-xsmall *::-ms-backdrop, .oo-player-container .oo-xsmall .oo-volume-slider {
    height: 0; } }

.oo-player-container .oo-xsmall .oo-scrubber-bar-container {
  height: 14px; }

.oo-player-container .oo-xsmall .oo-scrubber-bar-container .oo-scrubber-bar-padding .oo-scrubber-bar {
  height: 4.2px; }

.oo-player-container .oo-xsmall .oo-scrubber-bar-container .oo-scrubber-bar-padding .oo-playhead-padding {
  width: 17.5px;
  height: 17.5px; }

.oo-player-container .oo-xsmall .oo-scrubber-bar-container .oo-scrubber-bar-padding .oo-playhead-padding .oo-playhead {
  width: 9px;
  height: 9px;
  border-width: 1.4px;
  border-radius: 7px; }

.oo-player-container .oo-xsmall .oo-scrubber-bar-container .oo-scrubber-bar-padding .oo-playhead-padding .oo-playhead-scrubbing {
  width: 9.8px;
  height: 9.8px; }

.oo-player-container .oo-xsmall .oo-scrubber-bar-container .oo-scrubber-bar-padding .oo-playhead-padding .oo-playhead-hovering {
  top: 39%; }

.oo-player-container .oo-xsmall button.oo-close-btn, .oo-player-container .oo-xsmall button.oo-close-button {
  font-size: 10px; }

.oo-player-container .oo-xsmall button.oo-up-next-close-btn {
  top: 7px;
  right: 7px;
  font-size: 10px;
  position: absolute;
  color: #fff;
  opacity: 0.6;
  line-height: 1;
  padding: 0;
  border: 0;
  outline: none;
  background: transparent;
  -webkit-appearance: none; }

.oo-player-container .oo-xsmall button.oo-up-next-close-btn:hover {
  opacity: 1.0;
  filter: drop-shadow(0px 0px 3px rgba(255, 255, 255, 0.8));
  -webkit-filter: drop-shadow(0px 0px 3px rgba(255, 255, 255, 0.8));
  -ms-filter: progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#fff'); }

.oo-player-container .oo-xsmall button.oo-up-next-close-btn:before {
  position: absolute;
  content: '';
  right: -7px;
  left: -7px;
  top: -7px;
  bottom: -7px; }

.oo-player-container .oo-xsmall .oo-up-next-panel {
  height: 56px; }

.oo-player-container .oo-xsmall .oo-up-next-panel a.oo-up-next-content {
  width: 98px; }

.oo-player-container .oo-xsmall .oo-up-next-panel a.oo-up-next-content span.oo-icon {
  font-size: 17.5px; }

.oo-player-container .oo-xsmall .oo-content-metadata {
  left: 98px; }

.oo-player-container .oo-xsmall .oo-content-metadata .oo-up-next-title {
  top: 2.1px;
  left: 10.5px; }

.oo-player-container .oo-xsmall .oo-content-metadata .oo-up-next-title .oo-up-next-count-down {
  width: 25.2px;
  height: 25.2px; }

.oo-player-container .oo-xsmall .oo-content-metadata .oo-up-next-title .oo-up-next-title-text {
  font-size: 12.6pt; }

.oo-player-container .oo-xsmall .oo-content-metadata .oo-content-description {
  bottom: 3.5px;
  left: 10.5px;
  margin-top: 7px;
  font-size: 8.4pt; }

.oo-player-container .oo-xsmall .oo-up-next-count-down {
  margin-right: 7px; }

.oo-player-container .oo-xsmall .oo-ad-overlay.oo-control-bar-visible {
  bottom: 63px !important; }

.oo-player-container .oo-xsmall .oo-up-next-panel-bottom {
  bottom: 63px; }

.oo-player-container .oo-xsmall .oo-player-skin-plugins {
  bottom: 63px; }

.oo-player-container .oo-xsmall .oo-player-skin-plugins-click-layer {
  bottom: 63px; }

.oo-player-container .oo-xsmall .oo-slider-volume {
  width: 140px; }

.oo-player-container .oo-xsmall .oo-slider-volume[type=range] {
  width: 140px; }

.oo-player-container .oo-xsmall .oo-slider-volume[type=range]::-webkit-slider-runnable-track {
  height: 2.1px; }

.oo-player-container .oo-xsmall .oo-slider-volume[type=range]::-webkit-slider-thumb {
  height: 10.5px;
  width: 10.5px;
  margin-top: -4.2px; }

@supports (-ms-accelerator: true) {
  .oo-player-container .oo-xsmall .oo-slider-volume[type=range]::-webkit-slider-thumb {
    margin-top: 1px; } }

.oo-player-container .oo-xsmall .oo-slider-volume[type=range]::-moz-range-track {
  width: 140px;
  height: 2.1px; }

.oo-player-container .oo-xsmall .oo-slider-volume[type=range]::-moz-range-thumb {
  height: 10.5px;
  width: 10.5px; }

.oo-player-container .oo-xsmall .oo-slider-volume[type=range]::-ms-track {
  width: 140px;
  height: 2.1px;
  border-width: 5.25px 0; }

.oo-player-container .oo-xsmall .oo-slider-volume[type=range]::-ms-thumb {
  height: 10.5px;
  width: 10.5px; }

.oo-player-container .oo-xsmall .oo-text-track-container {
  max-width: 96%;
  margin-bottom: 4px; }

.oo-player-container .oo-xsmall .oo-text-track-container .oo-text-track-window {
  padding: 4px; }

.oo-player-container .oo-xsmall .oo-text-track-container .oo-text-track-window .oo-text-track-background {
  padding: 2px 6px; }

.oo-player-container .oo-xsmall .oo-scrubber-thumbnail-container {
  bottom: 80.5px; }

.oo-player-container .oo-xsmall .oo-thumbnail {
  width: 79.1px;
  height: 53.9px;
  border-radius: 2.8px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 4.2px 12.6px;
          box-shadow: rgba(0, 0, 0, 0.5) 0 4.2px 12.6px; }

.oo-player-container .oo-xsmall .oo-thumbnail-time {
  border-radius: 9.1px;
  font-size: 8.4px;
  padding-left: 7%;
  padding-right: 7%;
  font-size: 12.6px; }

.oo-player-container .oo-xsmall .oo-thumbnail-carousel-center-image {
  width: 124px;
  height: 72px;
  border-radius: 4px; }

.oo-player-container .oo-xsmall .oo-thumbnail-carousel-image {
  position: absolute;
  width: 73px;
  height: 43px;
  border-radius: 2px; }

.oo-player-container .oo-xsmall .oo-scrubber-thumbnail-container {
  bottom: 70px; }

.oo-player-container .oo-xsmall .oo-scrubber-carousel-container {
  bottom: 88px; }

.oo-player-container .oo-xsmall .oo-watermark-bottom.oo-watermark-bottom-cb {
  bottom: 57px; }

.oo-player-container .oo-small .oo-control-bar-items-wrapper .oo-control-bar-item {
  padding: 0 10.15px;
  font-size: 23px; }

.oo-player-container .oo-small .oo-action-icon span.oo-icon, .oo-player-container .oo-small .oo-action-icon-pause.oo-animate-pause {
  font-size: 86px; }

.oo-player-container .oo-small .oo-discovery-panel _::-webkit-full-page-media, .oo-player-container .oo-small .oo-discovery-panel _:future, .oo-player-container .oo-small .oo-discovery-panel :root .oo-scale-size {
  min-height: 190px !important; }

@supports (overflow: -webkit-marquee) and (justify-content: inherit) {
  .oo-player-container .oo-small .oo-discovery-panel .oo-scale-size {
    min-height: 190px !important; } }

.oo-player-container .oo-small .captions-navbar {
  margin-top: 10px; }

.oo-player-container .oo-small .tabs-menu {
  width: 685px; }

.oo-player-container .oo-small .tabs-menu-item a {
  font-size: 15px; }

.oo-player-container .oo-small .oo-left-tab-button-active {
  position: absolute;
  display: block !important;
  background-color: transparent;
  height: 25px;
  width: 25px;
  color: white;
  top: 65px;
  text-align: right;
  left: -5px; }

.oo-player-container .oo-small .oo-right-tab-button-active {
  position: absolute;
  display: block !important;
  background-color: transparent;
  height: 25px;
  width: 25px;
  color: white;
  top: 65px;
  text-align: left;
  right: -5px; }

.oo-player-container .oo-small .oo-data-panel {
  width: 400px;
  margin: auto; }

.oo-player-container .oo-small .oo-closed-captions-panel .oo-data-selector {
  top: 60%; }

.oo-player-container .oo-small .oo-closed-captions-panel .oo-color-selection-tab .oo-color-selection-inner-wrapper {
  top: calc(50% + 42px); }

.oo-player-container .oo-small .oo-closed-captions-panel .oo-color-selection-tab .oo-selection-container {
  min-width: 185px; }

.oo-player-container .oo-small .oo-closed-captions-panel .oo-color-selection-tab .oo-selection-container .oo-selection-inner-wrapper {
  width: 190px;
  margin: 0 auto; }

.oo-player-container .oo-small .oo-closed-captions-panel .oo-color-selection-tab .oo-selection-container .oo-selection-inner-wrapper .oo-selection-container-title {
  font-size: 15px;
  margin-bottom: 20px; }

.oo-player-container .oo-small .oo-closed-captions-panel .oo-color-selection-tab .oo-selection-container .oo-selection-inner-wrapper .oo-text-color-items-container {
  width: 180px; }

.oo-player-container .oo-small .oo-closed-captions-panel .oo-color-selection-tab .oo-selection-container .oo-selection-inner-wrapper .oo-selection-items-container {
  width: 190px; }

.oo-player-container .oo-small .oo-closed-captions-panel .oo-color-selection-tab .oo-selection-container .oo-selection-inner-wrapper .oo-item {
  width: 23px;
  height: 23px;
  margin-right: 15px;
  margin-bottom: 20px; }

.oo-player-container .oo-small .oo-closed-captions-panel .oo-color-selection-tab .oo-selection-container .oo-selection-inner-wrapper .oo-item-selected {
  border: solid #247dff 3px;
  border-radius: 50%; }

.oo-player-container .oo-small .oo-closed-captions-panel .oo-color-selection-tab .oo-selection-container .oo-selection-inner-wrapper .oo-color-item {
  width: 15px;
  height: 15px; }

.oo-player-container .oo-small .oo-closed-captions-panel .oo-color-selection-tab .oo-text-color-selection-container {
  min-width: 160px;
  padding-left: 24.5px; }

.oo-player-container .oo-small .oo-closed-captions-panel .oo-caption-opacity-inner-wrapper {
  top: 60%;
  padding-left: 0; }

.oo-player-container .oo-small .oo-closed-captions-panel .oo-font-size-tab .oo-font-size-inner-wrapper {
  top: calc(50% + 42px);
  padding-left: 0; }

.oo-player-container .oo-small .oo-closed-captions-panel .oo-font-size-tab .oo-selection-container-title {
  margin-bottom: 0px !important; }

.oo-player-container .oo-small .oo-closed-captions-panel .oo-text-enhancements-tab .oo-text-enhancements-inner-wrapper {
  top: calc(50% + 42px);
  padding-left: 0; }

.oo-player-container .oo-small .oo-closed-captions-panel .oo-text-enhancements-tab .oo-selection-container-title {
  margin-bottom: 0px !important; }

.oo-player-container .oo-small .oo-closed-captions-panel .oo-selection-inner-wrapper {
  margin: 0 auto; }

.oo-player-container .oo-small .oo-preview-panel {
  display: none; }

.oo-player-container .oo-small .oo-text-track-container .oo-text-track-window {
  padding: 8px; }

.oo-player-container .oo-small .oo-text-track-container .oo-text-track-window .oo-text-track-background {
  padding: 2px 12px; }

.oo-player-container .oo-small .oo-thumbnail-carousel-center-image {
  width: 124px;
  height: 72px;
  border-radius: 4px; }

.oo-player-container .oo-small .oo-thumbnail-carousel-image {
  position: absolute;
  width: 73px;
  height: 43px;
  border-radius: 2px; }

.oo-player-container .oo-small .oo-scrubber-thumbnail-container {
  bottom: 105px; }

.oo-player-container .oo-small .oo-scrubber-carousel-container {
  bottom: 103px; }

.oo-player-container .oo-large .oo-content-screen {
  padding: 35px; }

.oo-player-container .oo-large .oo-content-screen-title {
  font-size: 1.9em; }

.oo-player-container .oo-large .oo-content-screen-title span.oo-icon {
  top: 4px;
  font-size: 1em; }

.oo-player-container .oo-large .oo-state-screen .oo-state-screen-info .oo-state-screen-title, .oo-player-container .oo-large .oo-spinner-screen .oo-state-screen-info .oo-state-screen-title {
  font-size: 3.0em; }

.oo-player-container .oo-large .oo-state-screen .oo-state-screen-info .oo-state-screen-description, .oo-player-container .oo-large .oo-spinner-screen .oo-state-screen-info .oo-state-screen-description {
  font-size: 1.8em; }

.oo-player-container .oo-large .oo-discovery-panel {
  padding: 35px;
  margin-top: auto;
  margin-bottom: auto; }

.oo-player-container .oo-large .oo-discovery-panel .oo-discovery-panel-title {
  position: absolute; }

.oo-player-container .oo-large .oo-discovery-panel .oo-discovery-toaster-container-style {
  max-height: 460px; }

.oo-player-container .oo-large .oo-discovery-panel _::-webkit-full-page-media, .oo-player-container .oo-large .oo-discovery-panel _:future, .oo-player-container .oo-large .oo-discovery-panel :root .oo-discovery-toaster-container-style {
  min-height: 360px; }

@supports (overflow: -webkit-marquee) and (justify-content: inherit) {
  .oo-player-container .oo-large .oo-discovery-panel .oo-discovery-toaster-container-style {
    min-height: 360px; } }

.oo-player-container .oo-large .oo-discovery-panel .oo-discovery-image-wrapper-style {
  width: 214px;
  height: auto;
  margin: 0 60px 60px 0; }

.oo-player-container .oo-large .oo-discovery-panel .oo-discovery-image-wrapper-style:nth-of-type(even) {
  margin-bottom: 0; }

.oo-player-container .oo-large .oo-discovery-panel .oo-discovery-image-wrapper-style:last-child, .oo-player-container .oo-large .oo-discovery-panel .oo-discovery-image-wrapper-style:nth-last-child(2):nth-of-type(odd) {
  margin-right: 0; }

.oo-player-container .oo-large .oo-discovery-panel .oo-image-style {
  height: 120px; }

.oo-player-container .oo-large .oo-content-screen-closed-captions .oo-switch-container {
  height: 26px;
  width: 126px;
  margin-left: 34px; }

.oo-player-container .oo-large .oo-content-screen-closed-captions .oo-switch-container .oo-switch-captions {
  font-size: 1.2em; }

.oo-player-container .oo-large .oo-content-screen-closed-captions .oo-data-panel {
  padding-left: 7px;
  width: 850px; }

.oo-player-container .oo-large .oo-content-screen-closed-captions .oo-text-color-selection-container {
  padding-left: 35px; }

.oo-player-container .oo-large .oo-content-screen-closed-captions .oo-caption-opacity-inner-wrapper {
  padding-left: 35px; }

.oo-player-container .oo-large .oo-content-screen-closed-captions .oo-font-size-inner-wrapper {
  padding-left: 35px; }

.oo-player-container .oo-large .oo-content-screen-closed-captions .oo-text-enhancements-inner-wrapper {
  padding-left: 35px; }

.oo-player-container .oo-large .oo-error-screen .oo-error-title {
  font-size: 2em; }

.oo-player-container .oo-large .oo-error-screen .oo-error-description {
  font-size: 1.4em; }

.oo-player-container .oo-large .oo-error-screen .oo-error-action {
  font-size: 1.4em; }

.oo-player-container .oo-large .oo-action-icon-pause {
  font-size: 32px; }

.oo-player-container .oo-large .oo-action-icon span.oo-icon, .oo-player-container .oo-large .oo-action-icon-pause.oo-animate-pause {
  font-size: 150px; }

.oo-player-container .oo-large .oo-ad-top-bar {
  height: 34px; }

.oo-player-container .oo-large .oo-ad-top-bar .oo-ad-title, .oo-player-container .oo-large .oo-ad-top-bar .oo-ad-playback-info {
  font-size: 1em;
  padding-left: 7.5px;
  padding-right: 7.5px; }

.oo-player-container .oo-large .oo-ad-top-bar .oo-learn-more {
  font-size: 1em;
  margin-right: 10px; }

.oo-player-container .oo-large .oo-ad-top-bar .oo-learn-more .oo-button-icon {
  font-size: 0.8em;
  margin-right: 5px; }

.oo-player-container .oo-large .oo-ad-top-bar .oo-skip-button {
  font-size: 1em; }

.oo-player-container .oo-large .oo-ad-top-bar .oo-skip-button .oo-skip-icon {
  font-size: 0.8em;
  margin-right: 5px; }

.oo-player-container .oo-large .oo-ad-top-bar .oo-skip-button.oo-visible {
  margin-right: 15px;
  margin-left: 15px; }

.oo-player-container .oo-large .oo-ad-top-bar .oo-skip-button.oo-visible .oo-skip-icon {
  font-size: 0.8em;
  margin-right: 5px; }

.oo-player-container .oo-large button.oo-close-btn {
  top: 35px;
  right: 35px; }

@media (orientation: portrait) {
  .oo-player-container .oo-mobile-fullscreen.oo-quality-panel {
    height: 80% !important;
    width: 100px !important; }
  .oo-player-container .oo-mobile-fullscreen.oo-quality-panel .scrollbar-container.vertical {
    display: none; }
  .oo-player-container .oo-mobile-fullscreen.oo-quality-panel .oo-quality-screen-content {
    position: relative;
    height: 100%;
    text-align: center; }
  .oo-player-container .oo-mobile-fullscreen.oo-quality-panel .oo-quality-screen-content ul {
    padding: 0;
    margin: 0;
    list-style: none;
    height: 75% !important;
    white-space: normal; }
  .oo-player-container .oo-mobile-fullscreen.oo-quality-panel .oo-quality-screen-content ul li {
    display: block;
    margin: 0 0 30px 0 !important;
    padding: 0;
    list-style: none; }
  .oo-player-container .oo-mobile-fullscreen.oo-quality-panel .oo-quality-screen-content ul li:last-child {
    margin-bottom: 10px; }
  .oo-player-container .oo-mobile-fullscreen.oo-quality-panel .oo-quality-screen-content ul li.oo-auto-li {
    top: 4px !important; } }

.oo-player-container .oo-player {
  display: block;
  position: relative;
  overflow: hidden;
  vertical-align: top;
  background-color: #000 !important;
  padding: 0;
  width: 100%;
  height: 0;
  padding-top: 56.25%; }

.oo-player-container .oo-player:-moz-full-screen {
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important; }

.oo-player-container .oo-player:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important; }

.oo-player-container .oo-player:-ms-fullscreen {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important; }

.oo-player-container .oo-player.oo-fullscreen {
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.oo-player-container .oo-player-skin {
  overflow: hidden;
  z-index: 11000; }

@-moz-document url-prefix() {
  .oo-player-container .oo-anamorphic video {
    object-fit: fill !important; } }

.oo-player-container .oo-blur {
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  filter: blur(3px); }

.oo-player-container .oo-z-index-auto {
  z-index: auto !important; }

#video_container {
  display: inline !important;
  margin: 0 !important; }

#ooplayer {
  width: auto !important;
  height: auto !important; }
.oo-player-container a:hover {
  background-image: none;
  text-shadow: none; }

.oo-player-container .oo-start-screen .oo-start-screen-linear-gradient {
  background: rgba(0, 0, 0, 0.1) !important; }

.oo-player-container .oo-blur {
  -webkit-filter: initial !important;
  -moz-filter: initial !important;
  filter: initial !important; }

.oo-player-container .oo-state-screen .oo-fading-underlay.oo-animate-fade,
.oo-player-container .oo-spinner-screen .oo-fading-underlay.oo-animate-fade {
  opacity: 0 !important; }

.oo-player-container {
  min-width: 300px; }