@charset "UTF-8";
/* Responsive */
/* Device Width */
/* Responsive */
/* Device Width */
/* Up to 374px */
/* 768px and up */
/* 480px and up */
/* 768px and up */
/* 768px to 1024px */
/* 768px to 1023px */
/* 1024px and up */
/* 1024px to 1239px */
/* up tp 1024px */
/* 1240px and up */
/* 1590px and up */
/* 2300px and up */
/* up to 767px */
/* up tp 1023px */
/*
 * [Color Vars]
 */
/* Social Plateform Colors */
/*
 * [Spacing Vars]
 */
/*5px*/
/*8px*/
/*16px*/
/*24px*/
/*40px*/
/*48px*/
/* Global */
/* "R" logo - Loading Animation */
/* "R" logo - Loading Animation */
/* Button Mixins */
/* Line Clampin' - cut text that is on multiple lines */
/* Truncate String - cut text that is on 1 line */
/* fixed aspect ratio */
/* Flex container */
/* Flex item */
/* Transform */
/* Prefix */
/* New Gradient Mixin */
/*
 * [z-index layer based on IAB's z-index guideline]
 */
/*Fixes*/
/* fixed aspect ratio */
/*
 * [Color Vars]
 */
/* Vibrant Green */
/*
 * [header spec]
 */
/*
 * [Page Header spec]
 */
/*
 * [footer spec]
 */
/*
 * [Nav spec]
 */
/*
 * [Main Sidebar]
 */
/*
 * [Article]
 */
/*
 * [Next Button]
 */
/*
 * [Page Auto Load]
 */
/*
 * [Video Side Bar]
 */
/*
 * [Tab]
 */
/*
 * [Social]
 */
/*
 * [Ads]
 */
/* Advertising Label With Close Button */
/*
 * [Button Modules spec]
 */
/*
 *  [Thumbs]
 */
/* Dash between info details */
/*
 * [List Module]
 */
/*
 * [Search overlay]
 */
/*
 * [AJAX loader]
 */
/*
 * [Contact page]
 */
/*
 * [pagination spec]
 */
/*
 * [Quiz]
 */
/*
 * [Typography Specs]
 */
/* Fonts */
/*
 * [Button]
 */
/*
 * [Thumb]
 */
/*
 * [Form]
 */
/*
 * [Tabs]
 */
/*
 * [Thumb]
 */
/*
 * [List]
 */
/*
 * [Social]
 */
/*
 * [Global Vars]
 */
/*
 * [Settings]
 */
/*
 * [Mixins]
 */
/*
 * [Layout]
 */
.page-wrapper {
  background-color: #f2f2f2; }
  @media (min-width: 1024px) {
    .page-wrapper {
      padding-bottom: 2.5rem; } }
  .page-wrapper .page-content {
    max-width: 137.5em; }
    @media (min-width: 1024px) {
      .page-wrapper .page-content {
        margin: 1.5rem 1.5rem 0;
        padding: 1.5rem;
        overflow: visible !important;
        -webkit-transform: none !important;
            -ms-transform: none !important;
                transform: none !important; } }
    @media (min-width: 1490px) {
      .page-wrapper .page-content {
        margin: 1.5rem auto 0; } }
    @media (min-width: 1024px) {
      .page-wrapper .page-content.is-pushed {
        left: 34em; } }

/*
 * [Typo]
 */
.main-title {
  margin-bottom: 0.5rem; }
  @media (min-width: 1024px) {
    .main-title {
      max-width: 86%;
      margin-bottom: 1rem;
      max-width: none; } }

.page-title {
  /* static page */
  margin-bottom: 1.5rem; }

.secondary-title,
.main-title.page-2 {
  text-transform: uppercase;
  border: 2px solid #e61c21;
  color: #000000;
  margin-bottom: 0.5rem;
  font-size: 1.9em;
  text-align: left;
  display: inline-block;
  position: relative;
  padding: 0 0.5rem 0 0; }
  @media (min-width: 768px) {
    .secondary-title,
    .main-title.page-2 {
      font-size: 2.1em; } }
  @media (min-width: 1024px) {
    .secondary-title,
    .main-title.page-2 {
      margin-bottom: 1rem; } }
  .secondary-title span,
  .main-title.page-2 span {
    display: inline-block;
    background: #e61c21;
    color: #ffffff;
    padding: 0 0.5rem; }
  .secondary-title a,
  .main-title.page-2 a {
    color: #e61c21; }
    .secondary-title a:hover,
    .main-title.page-2 a:hover {
      color: #eb4a4e; }
  .secondary-title.with-tab,
  .main-title.page-2.with-tab {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .secondary-title.with-tab button,
    .main-title.page-2.with-tab button {
      width: 100%;
      font-family: 'Merriweather', 'Times New Roman', Times, serif;
      font-size: 1.5em;
      text-transform: uppercase;
      font-weight: bold;
      font-size: 1em;
      color: #555555; }
      .secondary-title.with-tab button.is-selected,
      .main-title.page-2.with-tab button.is-selected {
        color: #e61c21;
        cursor: default; }

.small-label {
  text-transform: uppercase;
  color: #ffffff;
  font-size: 1.2em;
  font-family: Arial, sans-serif; }
  .small-label span {
    color: #e61c21; }

/*
 * [Search overlay]
 */
/*
 * [Video Side Bar]
 */
.valnet_stickyFooter_closeButton {
  display: none; }

/*
 * [Nav spec]
 */
.btn.i-menu {
  border: 1px solid rgba(255, 255, 255, 0.2); }

.link, .main-nav-item:last-of-type .btn-sub-nav {
  font-family: Arial, sans-serif;
  line-height: 1.5;
  font-size: 1.7em;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1.5em; }
  @media (min-width: 768px) {
    .link, .main-nav-item:last-of-type .btn-sub-nav {
      font-size: 1.8em; } }
  @media (min-width: 1024px) {
    .link, .main-nav-item:last-of-type .btn-sub-nav {
      font-size: 1.2em !important; } }

.main-nav-list .main-nav-item:last-child {
  position: relative; }

@media (min-width: 1024px) {
  .page-nav.page-nav {
    position: fixed;
    z-index: 5000052;
    top: 13px;
    left: 0;
    width: 100%;
    height: 30px;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    display: block;
    background: none;
    border: 0;
    overflow: visible;
    pointer-events: none; }
    .logged-in .page-nav.page-nav {
      top: 4.5em; } }
@media (min-width: 1024px) {
  .page-nav.page-nav .main-nav-wrap {
    height: auto;
    overflow: visible;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 62em;
    margin: 0 auto; } }
@media (min-width: 1240px) {
  .page-nav.page-nav .main-nav-wrap {
    max-width: 81em; } }
@media (min-width: 1590px) {
  .page-nav.page-nav .main-nav-wrap {
    max-width: 97em; } }
.page-nav.page-nav .main-nav-wrap .filler {
  display: none; }
  @media (min-width: 1590px) {
    .page-nav.page-nav .main-nav-wrap .filler {
      display: block;
      width: 350px;
      height: 10px; } }
@media (min-width: 1024px) {
  .page-nav.page-nav .main-nav-footer, .page-nav.page-nav .nav-social-links, .page-nav.page-nav .header-feature-wrapper {
    display: none; } }

@media (min-width: 1024px) {
  .main-nav-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    pointer-events: auto; } }
@media (min-width: 1590px) {
  .main-nav-list {
    width: 70%; } }
@media (min-width: 1024px) {
  .main-nav-list .link.link {
    padding: .75em .4em; } }
@media (min-width: 1240px) {
  .main-nav-list .link.link {
    padding: .75em; } }

.main-nav-item, .main-nav-item:last-of-type {
  position: relative !important;
  height: auto; }
  @media (min-width: 1024px) {
    .main-nav-item, .main-nav-item:last-of-type {
      border-bottom: 0 !important;
      width: auto !important;
      margin-right: 1em; } }
  @media (min-width: 1024px) {
    .main-nav-item:last-child, .main-nav-item:last-of-type:last-child {
      margin-right: 0;
      position: relative !important; } }
  .main-nav-item:last-child .btn-sub-nav.btn-sub-nav, .main-nav-item:last-of-type:last-child .btn-sub-nav.btn-sub-nav {
    width: 3em; }
  @media (min-width: 1024px) {
    .main-nav-item .link.link, .main-nav-item:last-of-type .link.link {
      background: none !important;
      color: #b7b7b7 !important; }
      .main-nav-item .link.link:hover, .main-nav-item:last-of-type .link.link:hover {
        background: unset;
        opacity: .8; } }
  @media (min-width: 1024px) {
    .main-nav-item .btn-sub-nav.btn-sub-nav, .main-nav-item:last-of-type .btn-sub-nav.btn-sub-nav {
      background: none;
      color: #ffffff;
      border-left: 0;
      top: 12px;
      right: -8px;
      width: 3em !important; } }
  .main-nav-item .btn-sub-nav.btn-sub-nav::after, .main-nav-item:last-of-type .btn-sub-nav.btn-sub-nav::after {
    position: absolute;
    right: 0 !important;
    top: 0;
    color: #ffffff;
    display: block;
    font-family: 'icomoon';
    width: 3rem;
    height: 3rem;
    font-size: 7px;
    box-sizing: border-box;
    padding-top: 1.25rem;
    text-align: center; }
    @media (min-width: 1024px) {
      .main-nav-item .btn-sub-nav.btn-sub-nav::after, .main-nav-item:last-of-type .btn-sub-nav.btn-sub-nav::after {
        color: #ffffff;
        padding-top: 1em;
        height: 3em;
        width: 3em !important;
        font-size: 5px; } }
  .main-nav-item .btn-sub-nav.btn-sub-nav:hover, .main-nav-item:last-of-type .btn-sub-nav.btn-sub-nav:hover {
    color: #ffffff;
    background: none; }
    .main-nav-item .btn-sub-nav.btn-sub-nav:hover::after, .main-nav-item:last-of-type .btn-sub-nav.btn-sub-nav:hover::after {
      color: #4f7fcf; }
      @media (min-width: 1024px) {
        .main-nav-item .btn-sub-nav.btn-sub-nav:hover::after, .main-nav-item:last-of-type .btn-sub-nav.btn-sub-nav:hover::after {
          color: #4f7fcf;
          opacity: 1; } }
  .main-nav-item .btn-sub-nav.btn-sub-nav.is-open-btn, .main-nav-item:last-of-type .btn-sub-nav.btn-sub-nav.is-open-btn {
    background: none;
    border-left: 0; }
    .main-nav-item .btn-sub-nav.btn-sub-nav.is-open-btn::after, .main-nav-item:last-of-type .btn-sub-nav.btn-sub-nav.is-open-btn::after {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }

.sub-nav-list.sub-nav-list {
  overflow: hidden; }
  @media (min-width: 1024px) {
    .sub-nav-list.sub-nav-list {
      position: absolute;
      top: 40px;
      left: 0; } }
  @media (min-width: 1024px) {
    .sub-nav-list.sub-nav-list .sub-nav-item.sub-nav-item {
      border-bottom: 0; } }
  .sub-nav-list.sub-nav-list .sub-nav-item.sub-nav-item .link.link {
    background: #474747;
    padding-left: 2em; }
    .sub-nav-list.sub-nav-list .sub-nav-item.sub-nav-item .link.link:hover {
      background: #4d4d4d; }
    @media (min-width: 1024px) {
      .sub-nav-list.sub-nav-list .sub-nav-item.sub-nav-item .link.link {
        color: #ffffff;
        background: #c8161a !important;
        padding-left: 1em; }
        .sub-nav-list.sub-nav-list .sub-nav-item.sub-nav-item .link.link:hover {
          color: rgba(255, 255, 255, 0.8) !important;
          background: #c8161a !important;
          opacity: 1; } }
  .sub-nav-list.sub-nav-list .sub-nav-item.sub-nav-item:last-of-type {
    border-bottom: 0; }
  @media (min-width: 1024px) {
    .sub-nav-list.sub-nav-list .sub-nav-item.sub-nav-item:first-of-type {
      border-top: 0; } }

/*
 * [header spec]
 */
@media (min-width: 1024px) {
  .main-header-wrap {
    position: fixed;
    left: 0;
    height: 6em;
    background: #000000;
    width: 100%;
    z-index: 10000; } }

.main-header {
  box-sizing: border-box;
  z-index: 5000001; }
  @media (min-width: 1024px) {
    .main-header {
      max-width: 145em;
      margin: 0 auto; } }
  @media (min-width: 1024px) {
    .main-header .header-feature-wrapper .btn.btn-search {
      display: block;
      margin-bottom: 0;
      border-right: none;
      border-bottom: none;
      border-top: none;
      margin-left: 1rem;
      padding-left: 1rem; } }

/*.site-logo {
    position: relative;
    background: url(img/site-logo-text.svg) no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    @include transition(.35s, ease-out);
    font-size: 100%;
    @include size(190px, 39px);
    a {
        position: absolute;
        @include size(190px, 39px);
        display: block;
    }
    .hide {
        display: none;
    }
}*/
/* Header Ad Unit */
.ad-zone-container.ad-zone-container.ad-zone-container-header-header {
  background: #e6e6e6;
  border-bottom: none; }

/*
 * [footer spec]
 */
.icon.i-tc-logo-icon:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  background: url("img/site-logo-icon.svg") no-repeat;
  margin: 0 6px; }

.footer-content.footer-content .link {
  font-size: 1.2em !important; }
  @media (min-width: 1024px) {
    .footer-content.footer-content .link {
      font-size: 1.3em !important; } }
.footer-content.footer-content .promo-contributor {
  margin-bottom: 1em; }

.ad-zone-container.ad-zone-container.ad-zone-container-footer, .ad-zone-container.ad-zone-container.ad-zone-container-footer-footer {
  background: #e6e6e6;
  border-top: none; }

@media (min-width: 1024px) {
  .page-tabs.page-tabs .page-tabs-button:first-of-type {
    margin-left: 0; } }

/*
 * [Button Spec]
 */
.btn-ajax-home {
  font-family: 'Merriweather', 'Times New Roman', Times, serif;
  font-size: 1.5em;
  text-transform: uppercase; }

/*
* [SPEC FILE]
* [Social]
*
*/
/* FB like button - change size when value increases*/
.btn-facebook-like iframe {
  height: 21px;
  width: 91px !important;
  min-width: 91px !important; }

/* Social buttons text font */
.sharing-option .text,
.sharing-option .text-2 {
  font-family: 'Merriweather', 'Times New Roman', Times, serif;
  font-size: 1.5em;
  font-size: 1em; }

/* Social share count */
@media (min-width: 1024px) {
  .nbr-share.nbr-share {
    margin-right: 0.5rem; } }
@media (min-width: 1590px) {
  .nbr-share.nbr-share {
    margin-right: 0;
    width: 2.4rem; } }
.nbr-share.nbr-share .nbr {
  font-family: 'Merriweather', 'Times New Roman', Times, serif;
  font-size: 1.5em;
  color: #555555;
  margin-bottom: 2px;
  font-size: 2em; }
  @media (min-width: 1024px) {
    .nbr-share.nbr-share .nbr {
      margin-bottom: 3px; } }
.nbr-share.nbr-share .text {
  font-size: 0.8em !important;
  font-weight: bold;
  text-transform: uppercase;
  color: #b7b7b7; }

/* Header social links / Off Canvas */
.social-account-links .social-title {
  font-family: 'Merriweather', 'Times New Roman', Times, serif;
  letter-spacing: .125em;
  font-weight: 300 !important; }
  @media (min-width: 1024px) {
    .social-account-links .social-title {
      display: none; } }
.main-header .social-account-links .list-social li {
  margin-right: 0; }
.main-header .social-account-links .list-social a {
  background: none !important;
  color: rgba(255, 255, 255, 0.8); }
  .main-header .social-account-links .list-social a:hover {
    color: white;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out; }
.nav-social-links .social-account-links .list-social a {
  background: none !important;
  border: 1px solid rgba(255, 255, 255, 0.25); }
  .nav-social-links .social-account-links .list-social a:hover {
    border-color: white;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out; }
@media (max-width: 1023px) {
  .nav-social-links .social-account-links .list-social .btn-search {
    display: none; } }

@media (min-width: 1024px) {
  .share-top.share-top.sharing-option {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; } }
@media (min-width: 1590px) {
  .share-top.share-top.sharing-option {
    display: none; } }
@media (min-width: 1024px) {
  .page-content-article.page-content-article .share-top.share-top.sharing-option {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; } }
@media (min-width: 1590px) {
  .page-content-article.page-content-article .share-top.share-top.sharing-option {
    display: none; } }
@media (min-width: 1024px) {
  .share-top.share-top.sharing-option .w-btn:not(.btn-facebook):hover .btn .text {
    display: none; } }

/* Left side Sticky social links on desktop */
.sharing-option.share-side {
  position: fixed;
  top: 26.4em;
  margin-left: -7.5em;
  z-index: 3;
  display: none; }
  @media (min-width: 1590px) {
    .sharing-option.share-side {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }
  .single-video .sharing-option.share-side {
    margin-left: -5.5em; }
  .sharing-option.share-side .w-btn.w-btn {
    margin-bottom: .3rem; }
    .sharing-option.share-side .w-btn.w-btn .btn.btn {
      border-radius: 2px; }
      .sharing-option.share-side .w-btn.w-btn .btn.btn::before {
        font-size: 16px; }
      .sharing-option.share-side .w-btn.w-btn .btn.btn.i-facebook::before {
        font-size: 20px; }

/*
 * [Facebook comment side]
 */
@media (min-width: 1024px) {
  .page-wrapper .fb-comment.fb-comment {
    -webkit-transform: translateX(-40em);
    -ms-transform: translateX(-40em);
    transform: translateX(-40em); } }
.page-wrapper .fb-comment.fb-comment .title {
  font-family: 'Merriweather', 'Times New Roman', Times, serif;
  font-size: 1.5em;
  font-weight: 500;
  text-transform: uppercase; }

.btn.btn-close-panel {
  display: none; }
  @media (min-width: 1024px) {
    .btn.btn-close-panel {
      display: block;
      background: #e61c21;
      right: 0;
      font-size: 16px;
      position: absolute; } }

/***********************************************************
THUMBS - MIXINS
***********************************************************/
/***********************************************************
THUMBS - General Styles Accross Site
***********************************************************/
.img-wrapper .category-links {
  position: absolute;
  right: 5px;
  bottom: 5px;
  z-index: 1; }
  .img-wrapper .category-links a {
    border: 1px solid #ffffff;
    text-transform: uppercase;
    color: #ffffff;
    padding: 2px 4px 3px;
    font-size: 9px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    background: rgba(0, 0, 0, 0.25); }
    @media (min-width: 1024px) {
      .img-wrapper .category-links a {
        padding: 3px 4px 2px; } }
    .img-wrapper .category-links a:hover {
      border-color: #e61c21;
      text-decoration: none; }

.info-wrapper {
  box-sizing: border-box; }
  .info-wrapper .title a {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }
  .info-wrapper .details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-ordinal-group: order;
    -webkit-order: order;
    -ms-flex-order: order;
    order: order; }
    .info-wrapper .details .author {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1;
      margin-right: 5px; }
      .info-wrapper .details .author::after {
        color: #aaaaaa;
        content: '|';
        display: inline-block;
        padding-left: 5px; }
      .info-wrapper .details .author::after {
        content: '•'; }
    .info-wrapper .details time {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2; }
      .info-wrapper .details time::after {
        display: none; }
    .info-wrapper .details .views {
      -webkit-box-ordinal-group: 4;
      -webkit-order: 3;
          -ms-flex-order: 3;
              order: 3;
      margin-left: 5px; }
      .info-wrapper .details .views::before {
        content: '•';
        padding-right: 5px; }
    .info-wrapper .details .excerpt {
      -webkit-box-ordinal-group: 4;
      -webkit-order: 3;
          -ms-flex-order: 3;
              order: 3;
      width: 100%; }

/***********************************************************
THUMBS - General Styles For Home Latest / Search / Author Pages
***********************************************************/
@media (max-width: 767px) {
  .half-thumb-common.half-thumb-common .thumb-wrap {
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem; } }
.half-thumb-common.half-thumb-common .half-thumb .img-wrapper {
  width: 40%; }
  .half-thumb-common.half-thumb-common .half-thumb .img-wrapper .category-links {
    right: auto;
    left: 5px; }
    @media (max-width: 767px) {
      .half-thumb-common.half-thumb-common .half-thumb .img-wrapper .category-links a {
        font-size: 8px; } }
.half-thumb-common.half-thumb-common .half-thumb .info-wrapper {
  border-left: 5px solid #d9d9d9;
  padding-left: 1em;
  margin-left: 1em; }
  @media (min-width: 768px) {
    .half-thumb-common.half-thumb-common .half-thumb .info-wrapper {
      width: 50%;
      border-width: 10px;
      padding-left: 1.6em;
      margin-left: 1.6em; }
      .home-section-latest .half-thumb-common.half-thumb-common .half-thumb .info-wrapper {
        width: 45%; } }
  .half-thumb-common.half-thumb-common .half-thumb .info-wrapper .title {
    font-size: 1.6em;
    margin-bottom: 0.5rem; }
    @media (min-width: 768px) {
      .half-thumb-common.half-thumb-common .half-thumb .info-wrapper .title {
        font-size: 2.5em; } }
    @media (min-width: 1024px) {
      .half-thumb-common.half-thumb-common .half-thumb .info-wrapper .title {
        margin-bottom: 1rem; } }
    @media (min-width: 1240px) {
      .half-thumb-common.half-thumb-common .half-thumb .info-wrapper .title {
        font-size: 3.3em; } }
  .half-thumb-common.half-thumb-common .half-thumb .info-wrapper .details .excerpt {
    display: none; }
    @media (min-width: 768px) {
      .half-thumb-common.half-thumb-common .half-thumb .info-wrapper .details .excerpt {
        display: none;
        font-size: 1.2em; } }
    @media (min-width: 1240px) {
      .half-thumb-common.half-thumb-common .half-thumb .info-wrapper .details .excerpt {
        display: block; } }

/***********************************************************
THUMBS - Quiz 
***********************************************************/
.thumb-wrap.thumb-wrap.quiz .title a::before {
  background: #ffffff;
  color: #959595;
  border: 1px solid #959595;
  margin-right: .46em;
  position: relative;
  top: -1px; }
  @media (min-width: 1024px) {
    .thumb-wrap.thumb-wrap.quiz .title a::before {
      font-size: .6em;
      top: -4px; } }
  .home .thumb-wrap.thumb-wrap.quiz .title a::before {
    background: transparent; }

/* sidebar */
@media (min-width: 1024px) {
  .main-sidebar.main-sidebar {
    padding: 0 0 1.5rem 1.5rem; } }
.main-sidebar.main-sidebar .thumb-wrap {
  margin-bottom: 1rem; }
.main-sidebar.main-sidebar .title {
  text-align: left;
  font-size: 1.8em;
  line-height: 1.3; }
  @media (min-width: 768px) {
    .main-sidebar.main-sidebar .title {
      font-size: 2.8em; } }
  @media (min-width: 1024px) {
    .main-sidebar.main-sidebar .title {
      font-size: 1.6em; } }
.main-sidebar.main-sidebar .secondary-title {
  font-family: 'Merriweather', 'Times New Roman', Times, serif; }
.main-sidebar.main-sidebar .fixed-trending .half-thumb .img-wrapper {
  width: 51%; }

/* Trending/ Latest in sidebar tabs */
.aside-articles {
  text-align: center;
  margin-bottom: 0.5rem; }
  .aside-articles .label {
    font-family: 'Merriweather', 'Times New Roman', Times, serif;
    display: block;
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: 100;
    color: #a2a2a2;
    margin-bottom: 1rem; }

.border-tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem; }
  .border-tabs .aside-tabs-button {
    font-family: 'Merriweather', 'Times New Roman', Times, serif;
    font-size: 1.5em;
    width: 50%;
    text-transform: uppercase;
    font-size: 2.5em;
    font-weight: 300;
    color: #a2a2a2;
    border-bottom: 5px solid #e6e6e6;
    letter-spacing: -.03em;
    box-sizing: border-box;
    text-align: center;
    padding: 0; }
    .border-tabs .aside-tabs-button.is-selected {
      font-weight: bold;
      border-color: #e61c21;
      color: #000000;
      cursor: default; }

/*
 * [List Module]
 */
.video-block .video-block-title {
  font-family: 'Merriweather', 'Times New Roman', Times, serif;
  font-size: 1.5em; }
  @media (min-width: 768px) {
    .video-block .video-block-title {
      font-family: 'Merriweather', 'Times New Roman', Times, serif; } }
.video-block .video-title {
  font-family: 'Merriweather', 'Times New Roman', Times, serif;
  font-size: 2em;
  line-height: 1.25em !important; }
  @media (min-width: 768px) {
    .video-block .video-title {
      font-size: 2em; } }
  @media (min-width: 1024px) {
    .video-block .video-title {
      font-size: 3em; } }
  @media (min-width: 1240px) {
    .video-block .video-title {
      font-size: 3.5em; } }
  @media (min-width: 1590px) {
    .video-block .video-title {
      font-size: 4em; } }
.video-block .video-block-link {
  font-family: 'Merriweather', 'Times New Roman', Times, serif;
  font-size: 1.5em; }
.video-block .thumb-wrap .title button, .video-block .thumb-wrap .title a {
  font-family: 'Merriweather', 'Times New Roman', Times, serif;
  color: #ffffff;
  font-size: .9em; }
  @media (min-width: 1024px) {
    .video-block .thumb-wrap .title button, .video-block .thumb-wrap .title a {
      font-size: .5em; } }

/* Desktop related block */
.video-block-related-article .video-block-link {
  font-family: 'Merriweather', 'Times New Roman', Times, serif; }
@media (min-width: 1024px) {
  .video-block-related-article .video-title {
    font-size: 2.1em; } }
@media (min-width: 1240px) {
  .video-block-related-article .video-title {
    font-size: 3.5em; } }
@media (min-width: 1590px) {
  .video-block-related-article .video-title {
    font-size: 4em; } }

/* Mobile related block */
.video-block-related-player .video-block-link {
  font-family: 'Merriweather', 'Times New Roman', Times, serif;
  font-size: 1.25em; }
.video-block-related-player .video-title {
  font-size: 2em; }

/* With Ads */
.video-block-ads .video-block-title {
  font-family: 'Merriweather', 'Times New Roman', Times, serif;
  font-size: 2.5em;
  border-bottom: 0 !important; }
.video-block-ads .thumb-wrap .title {
  line-height: .75em; }
  .video-block-ads .thumb-wrap .title a {
    font-size: .65em; }

/* Comming Next */
.player-block .up-next-overlay-title {
  font-family: 'Merriweather', 'Times New Roman', Times, serif; }
.player-block .time-remaining {
  font-family: 'Merriweather', 'Times New Roman', Times, serif; }
.player-block .up-next-video-title {
  color: #ffffff;
  font-family: 'Merriweather', 'Times New Roman', Times, serif; }

/* Adding special background for video thumb */
.home-section-trending .thumb-wrap.video, .home-section-feature .thumb-wrap.video, .home-section-more-trending .thumb-wrap.video, .aside-articles .thumb-wrap.video {
  background-color: #333333;
  color: #ffffff;
  padding: 1em; }
  .home-section-trending .thumb-wrap.video .title a, .home-section-feature .thumb-wrap.video .title a, .home-section-more-trending .thumb-wrap.video .title a, .aside-articles .thumb-wrap.video .title a {
    color: #ffffff; }
  .home-section-trending .thumb-wrap.video .excerpt, .home-section-feature .thumb-wrap.video .excerpt, .home-section-more-trending .thumb-wrap.video .excerpt, .aside-articles .thumb-wrap.video .excerpt {
    color: #ffffff; }
  .home-section-trending .thumb-wrap.video .img-wrapper, .home-section-feature .thumb-wrap.video .img-wrapper, .home-section-more-trending .thumb-wrap.video .img-wrapper, .aside-articles .thumb-wrap.video .img-wrapper {
    vertical-align: middle; }

/* Video block with Playlist */
@media (min-width: 1240px) {
  .infinite-scroll .video-block-with-playlist {
    background: url(../assets/images/debut_light.png) repeat; } }

/* Variables for Premium Promo */
/*
LIGHTBOX COMMENTS

TO USE BLACK OR WHITE THEME
Use class 'black-theme' for white overlay and black content block
Use class 'white-theme' for black overlay and white content block

TO USE LIGHT OR DARK THEME - Uses the primary colors of the site
Use class 'dark-theme' for light overlay and dark content block
Use class 'light-theme' for dark overlay and light content block

*/
/************************************************************
LIGHTBOX VARIABLES FOR LIGHT/DARK THEME
************************************************************/
/* Lightbox Dark Theme (Light overlay w/ dark content block) */
/* Lightbox Light Theme (Dark overlay w/ light content block) */
/************************************************************
TP PROMO LIGHTBOX
************************************************************/
/* Lightbox TP Promo Variables */
html {
  color: #000; }

a {
  color: #000;
  text-decoration: none; }

big {
  font-size: 100%; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

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

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, th, var {
  font-style: normal;
  font-weight: normal; }

li {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

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

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

input, textarea, select {
  font-size: 100%; }

legend {
  color: #000; }

body {
  font: 13px/1.231 arial,helvetica,clean,sans-serif;
  font-size: small;
  font: x-small; }

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

pre, code, kbd, samp, tt {
  font-family: monospace;
  font-size: 108%;
  line-height: 100%; }

button {
  border: 0;
  border-radius: 0;
  background: none;
  cursor: pointer;
  outline: 0; }

input {
  outline: 0; }

body.is-fixed {
  overflow-x: hidden; }
  @media (min-width: 1024px) {
    body.is-fixed {
      position: static; } }
body.is-body-fixed {
  position: fixed; }

a, button {
  outline: none; }

.main-content {
  width: 100%;
  position: relative; }

iframe {
  border: 0; }

.page-wrapper {
  padding-top: 6em;
  width: 100%;
  box-sizing: border-box; }
  @media (min-width: 1024px) {
    .page-wrapper {
      padding-top: 6em; } }
  .page-wrapper .page-header {
    display: none; }
    @media (min-width: 1024px) {
      .page-wrapper .page-header {
        display: block;
        width: 6em;
        height: 100%;
        text-align: center;
        top: 6em;
        bottom: 0;
        left: 0;
        padding: 1em;
        padding-top: 1.5em;
        background: #333333;
        position: fixed;
        z-index: 22;
        box-sizing: border-box; } }
  .page-wrapper .page-content {
    background: #ffffff;
    position: relative;
    z-index: 19;
    overflow: hidden; }
    @media (min-width: 1024px) {
      .page-wrapper .page-content {
        -webkit-transition: all 0.35s ease;
        transition: all 0.35s ease;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0); }
        .page-wrapper .page-content.is-pushed {
          -webkit-transform: translateX(34em);
          -ms-transform: translateX(34em);
          transform: translateX(34em); } }
  .page-wrapper .fb-comment {
    width: 100%;
    height: 100%;
    background: #ffffff;
    position: fixed;
    top: 6em;
    z-index: 10000000;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    padding: 0;
    box-shadow: inset -10px 0px 11px -9px rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    -webkit-transform: translateY(-150em);
    -ms-transform: translateY(-150em);
    transform: translateY(-150em); }
    @media (min-width: 1024px) {
      .page-wrapper .fb-comment {
        -webkit-transform: translateX(250em);
        -ms-transform: translateX(250em);
        transform: translateX(250em);
        z-index: 18;
        width: 34em;
        height: 100%;
        top: 6em; } }
    .page-wrapper .fb-comment.is-visible {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
      @media (min-width: 1024px) {
        .page-wrapper .fb-comment.is-visible {
          -webkit-transform: translateX(0);
          -ms-transform: translateX(0);
          transform: translateX(0); } }
    .page-wrapper .fb-comment .title {
      margin: 0.5rem 0 1rem 0.5rem;
      display: block; }

/*
 * [Add class to .page-content]
 */
.layout-no-sidebar {
  padding: 1rem 10px; }
  @media (min-width: 1024px) {
    .layout-no-sidebar .content-wrap {
      margin: 0 auto;
      max-width: 105em; } }

.layout-w-sidebar {
  padding-top: 0.5rem; }
  @media (min-width: 1024px) {
    .layout-w-sidebar {
      padding-top: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
      align-content: stretch; } }
  @media (min-width: 1024px) {
    .layout-w-sidebar .content-wrap {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      width: 40%;
      box-sizing: border-box; } }
  .layout-w-sidebar .content-wrap .content {
    max-width: 100em;
    margin: 0.5rem auto 1rem;
    padding: 0 10px; }
    @media (min-width: 1024px) {
      .layout-w-sidebar .content-wrap .content {
        padding: 0 1.5rem;
        margin-top: 1rem; } }

@media (min-width: 1024px) {
  .layout-w-tabs {
    padding-top: 5.2em; } }

/* For page tabs */
.section-category.section-page-category {
  display: none; }
  .section-category.section-page-category.is-showing {
    display: block; }

/* Search */
.overlay-search {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 15000000;
  top: 0;
  left: 0;
  opacity: 0;
  background-color: #000000;
  padding: 6em 1em 0;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  -webkit-transform: translateY(-150em);
  -ms-transform: translateY(-150em);
  transform: translateY(-150em); }
  @media (min-width: 1024px) {
    .overlay-search {
      padding: 8em 2em 0;
      background-color: rgba(0, 0, 0, 0.8); } }
  .overlay-search.is-visible {
    -webkit-transform: translateY(0em);
    -ms-transform: translateY(0em);
    transform: translateY(0em);
    opacity: 1; }
  .overlay-search .form-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .overlay-search .input-text {
    box-sizing: border-box;
    border: 0;
    font-size: 2em;
    padding-left: .5em;
    background-color: #ffffff;
    color: #000000;
    width: 100%;
    height: 2.5em; }
    @media (min-width: 1024px) {
      .overlay-search .input-text {
        font-size: 3em; } }
  .overlay-search .btn-close {
    font-size: 3.5em;
    position: fixed;
    top: .25em;
    right: .25em;
    color: #b7b7b7;
    -webkit-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out; }
    .overlay-search .btn-close:hover {
      color: #eaeaea; }
    @media (min-width: 1024px) {
      .overlay-search .btn-close {
        font-size: 6em;
        top: .125em;
        right: .35em; } }
  .overlay-search .screen-reader-text {
    display: none; }
  .overlay-search .search-btn {
    display: none; }
  .overlay-search .ui-helper-hidden-accessible {
    display: none; }

/* Search Autocomplete */
.ui-autocomplete {
  background: #ffffff;
  width: 80%;
  box-shadow: 1px 1px 2px #333333;
  z-index: 15000001; }
  @media (min-width: 768px) {
    .ui-autocomplete {
      width: 50%; } }
  .ui-autocomplete a {
    display: block;
    padding: 1rem;
    border-bottom: 1px solid rgba(183, 183, 183, 0.2);
    cursor: pointer;
    font-size: 1.3em; }
    @media (min-width: 768px) {
      .ui-autocomplete a {
        font-size: 1.6em; } }
    .ui-autocomplete a:hover {
      color: #4f7fcf;
      background-color: rgba(79, 127, 207, 0.1); }

/* Main Sidebar */
.main-sidebar {
  margin: 0 auto;
  padding: 1rem 10px;
  padding-top: 0; }
  @media (min-width: 1024px) {
    .main-sidebar {
      padding: 1rem;
      background-color: transparent;
      -webkit-box-flex: auto;
      -webkit-flex-grow: auto;
      -ms-flex-positive: auto;
      flex-grow: auto;
      width: 350px;
      box-sizing: border-box; } }

/* Video Player Page Sidebar */
.aside-tabs-bar {
  width: 100%;
  z-index: 20;
  padding-bottom: 1rem;
  background: #ffffff; }
  @media (min-width: 1024px) {
    .aside-tabs-bar {
      -webkit-box-flex: auto;
      -webkit-flex-grow: auto;
      -ms-flex-positive: auto;
      flex-grow: auto;
      width: 350px;
      min-width: 350px;
      box-sizing: border-box;
      background: #333333; } }
  .aside-tabs-bar .wrapper {
    position: relative; }
  .aside-tabs-bar .section-wrapper {
    padding: 0 1rem 0;
    display: none;
    z-index: 20; }
    .aside-tabs-bar .section-wrapper.is-showing {
      display: block; }
    @media (min-width: 1024px) {
      .aside-tabs-bar .section-wrapper {
        margin-bottom: 1rem; } }
  .aside-tabs-bar .aside-tabs {
    width: 100%;
    height: 4.2em;
    z-index: 10;
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    @media (min-width: 1024px) {
      .aside-tabs-bar .aside-tabs {
        width: 350px; } }
    .aside-tabs-bar .aside-tabs .aside-tabs-button {
      width: 33.333%;
      background-color: white;
      text-transform: uppercase;
      border-bottom: 2px solid transparent;
      -webkit-transition: all 0.35s ease;
      transition: all 0.35s ease; }
      @media (min-width: 1024px) {
        .aside-tabs-bar .aside-tabs .aside-tabs-button {
          border-bottom: 0;
          background: #8d0f13; } }
      .aside-tabs-bar .aside-tabs .aside-tabs-button:hover {
        background-color: white; }
        @media (min-width: 1024px) {
          .aside-tabs-bar .aside-tabs .aside-tabs-button:hover {
            background: #ba1519; } }
      .aside-tabs-bar .aside-tabs .aside-tabs-button.is-selected {
        color: #e61c21;
        border-bottom: 2px solid #e61c21;
        pointer-events: none; }
        @media (min-width: 1024px) {
          .aside-tabs-bar .aside-tabs .aside-tabs-button.is-selected {
            color: #e61c21;
            border-bottom: 0;
            background: #e61c21; } }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  to {
    -webkit-transform: rotate(720deg);
            transform: rotate(720deg); } }

@keyframes rotate {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  to {
    -webkit-transform: rotate(720deg);
            transform: rotate(720deg); } }
.ajaxLoader {
  display: block;
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  background: #fff;
  margin: 2rem auto;
  border-radius: 50%;
  border-top: 4px solid #e61c21;
  border-right: 4px solid #f4f4f4;
  border-bottom: 4px solid #e61c21;
  border-left: 4px solid #f4f4f4;
  -webkit-animation: rotate 2s infinite;
          animation: rotate 2s infinite; }

/* Logged In */
.logged-in .main-header {
  top: 31px; }
.logged-in .page-header {
  top: 9.5em; }
.logged-in .page-nav {
  top: 9em; }

/* Hides H1 in header. Website name */
.hide-text {
  display: none;
  text-indent: -9999999px;
  white-space: nowrap;
  overflow: hidden;
  font-size: 1px;
  position: absolute; }

@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?-bzg9gb");
  src: url("fonts/icomoon.eot?#iefix-bzg9gb") format("embedded-opentype"), url("fonts/icomoon.woff?-bzg9gb") format("woff"), url("fonts/icomoon.ttf?-bzg9gb") format("truetype"), url("fonts/icomoon.svg?-bzg9gb#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'icon-video-block';
  src: url("../widget-lib/video-blocks/fonts/icon-video-block.eot?uh8e93");
  src: url("../widget-lib/video-blocks/fonts/icon-video-block.eot?uh8e93#iefix") format("embedded-opentype"), url("../widget-lib/video-blocks/fonts/icon-video-block.woff2?uh8e93") format("woff2"), url("../widget-lib/video-blocks/fonts/icon-video-block.ttf?uh8e93") format("truetype"), url("../widget-lib/video-blocks/fonts/icon-video-block.woff?uh8e93") format("woff"), url("../widget-lib/video-blocks/fonts/icon-video-block.svg?uh8e93#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
.icon-v::after, .icon-v::before {
  font-family: 'icon-video-block';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.icon-v.i-arrow-bold:after {
  content: "\e900"; }
.icon-v.i-tv-icon:before {
  content: "\e901"; }

.icon:before, .icon:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.icon.i-site-icon-white:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  background: url("img/site-icon-white.svg") no-repeat; }
.icon.i-mail:before {
  content: "\e902"; }
.icon.i-comment:before {
  content: "\e900"; }
.icon.i-cross:before {
  content: "\e805"; }
.icon.i-menu:before {
  content: "\e803"; }
.icon.i-close:before {
  content: '\e805'; }
.icon.i-search:before {
  content: "\e804"; }
.icon.i-controller-play:before {
  content: "\e801"; }
.icon.i-arrow:after {
  content: "\e800"; }
.icon.i-pinterest:before {
  content: "\e90c"; }
.icon.i-twitter:before {
  content: "\e808"; }
.icon.i-youtube:before {
  content: "\e807"; }
.icon.i-youtube2:before {
  content: "\e906"; }
.icon.i-youtube3:before {
  content: "\e907"; }
.icon.i-twitter:before {
  content: "\e808"; }
.icon.i-facebook:before {
  content: "\e91f"; }
.icon.i-instagram:before {
  content: "\e809"; }
.icon.i-google-plus:before {
  content: "\e802"; }
.icon.i-list:before {
  content: "\e905"; }
.icon.i-full:before {
  content: "\e904"; }
.icon.i-arrow-right:after {
  content: "\e903"; }
.icon.i-arrow-down:after {
  content: "\e800"; }
.icon.i-play:before {
  content: "\e908"; }
.icon.i-edit:before {
  content: "\e909"; }
.icon.i-reload:before {
  content: "\e080"; }
.icon.i-more-share:before {
  content: "\e919"; }

/*
 * [Typography Modules]
 */
html {
  font-size: 16px;
  -webkit-font-smoothing: subpixel-antialiased; }
  @media (max-width: 1024px) {
    html {
      -webkit-text-size-adjust: none; } }

body {
  font-size: 62.5%; }

.level1, h1 {
  font-size: 3.375em; }
  @media (min-width: 1024px) {
    .level1, h1 {
      font-size: 4.5em; } }

.level2, h2 {
  font-size: 3em; }
  @media (min-width: 1024px) {
    .level2, h2 {
      font-size: 4em; } }

.level3, h3 {
  font-size: 2.25em; }
  @media (min-width: 1024px) {
    .level3, h3 {
      font-size: 3em; } }

.level4, h4 {
  font-size: 1.875em; }
  @media (min-width: 1024px) {
    .level4, h4 {
      font-size: 2.5em; } }

.level5, h5 {
  font-size: 1.5em; }
  @media (min-width: 1024px) {
    .level5, h5 {
      font-size: 2em; } }

.level6, h6, p {
  font-size: 1.125em; }
  @media (min-width: 1024px) {
    .level6, h6, p {
      font-size: 1.5em; } }

/*
 * [Heading Group]
 */
.heading-weight, h1, h2, h3, h4, h5, h6 {
  font-weight: bold; }

.content-weight {
  font-weight: normal; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Merriweather', 'Times New Roman', Times, serif; }

p {
  font-family: Arial, sans-serif;
  line-height: 1.5;
  font-size: 1.7em;
  margin-bottom: 1.5rem; }
  @media (min-width: 768px) {
    p {
      font-size: 1.8em; } }

/*
 * [Form Modules]
 */
.default-form .field {
  margin-bottom: 1rem; }
.default-form .input-text {
  padding: 0.5rem;
  box-sizing: border-box; }
.default-form .action {
  text-align: right; }

.btn-default {
  text-transform: uppercase;
  background: #e61c21;
  border: none;
  padding: 0.5rem 1rem;
  cursor: pointer;
  margin: 0 auto 1rem 1rem;
  width: 100%;
  box-sizing: border-box; }
  .btn-default:hover {
    background: #8d0f13; }
  @media (min-width: 768px) {
    .btn-default {
      max-width: 15em;
      padding: 0.65rem 1rem; } }

.form-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

/*
 * [Button Modules core]
 */
.btn {
  background: #333333;
  color: #ffffff;
  width: 2.4rem;
  height: 2.4rem;
  padding: 0;
  -webkit-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
  overflow: hidden; }
  .btn:hover {
    background: #4d4d4d; }
  @media (min-width: 1024px) {
    .btn {
      width: 2.4rem;
      height: 2.4rem; } }
  @media (min-width: 1024px) {
    .main-header .btn {
      display: none; } }
  .page-header .btn {
    margin-bottom: 1em;
    background: #333333; }
    .page-header .btn:hover {
      background: #4d4d4d; }
  .btn.i-menu {
    background: transparent;
    color: #ffffff; }
    .btn.i-menu:hover {
      background: rgba(26, 26, 26, 0); }
  .btn.i-menu, .btn.i-comment {
    overflow: hidden; }
    .btn.i-menu::before, .btn.i-comment::before {
      display: inline-block;
      width: 30%;
      font-size: 22px;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
      -webkit-transition: all 0.35s ease-out;
      transition: all 0.35s ease-out; }
      @media (min-width: 1024px) {
        .btn.i-menu::before, .btn.i-comment::before {
          -webkit-transform: translateX(0em);
          -ms-transform: translateX(0em);
          transform: translateX(0em); } }
    .btn.i-menu::after, .btn.i-comment::after {
      display: inline-block;
      width: 30%;
      content: '\e805';
      font-size: 22px;
      -webkit-transform: translateX(2em);
      -ms-transform: translateX(2em);
      transform: translateX(2em);
      -webkit-transition: all 0.35s ease-out;
      transition: all 0.35s ease-out; }
    .btn.i-menu.is-activated, .btn.i-comment.is-activated {
      background: #e61c21; }
      .btn.i-menu.is-activated::before, .btn.i-comment.is-activated::before {
        -webkit-transform: translateX(-2em);
        -ms-transform: translateX(-2em);
        transform: translateX(-2em); }
      .btn.i-menu.is-activated::after, .btn.i-comment.is-activated::after {
        -webkit-transform: translateX(-0.5em);
        -ms-transform: translateX(-0.5em);
        transform: translateX(-0.5em); }
  .btn.i-search::before {
    font-size: 18px; }
  .btn.btn-search {
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: transparent;
    color: #ffffff; }
    .btn.btn-search:hover {
      border: 1px solid lighter(rgba(255, 255, 255, 0.2), 10%); }
    @media (min-width: 1024px) {
      .btn.btn-search {
        margin-bottom: 1.5rem; } }
  .btn.btn-ajax {
    width: 100%;
    background: #555555;
    text-transform: uppercase;
    color: #ffffff; }
    .aside-tabs-bar .btn.btn-ajax {
      margin-bottom: 0; }
    @media (min-width: 768px) {
      .btn.btn-ajax {
        width: 50%; } }
    @media (min-width: 1024px) {
      .btn.btn-ajax {
        width: 25%;
        margin: 0 auto;
        background: #b7b7b7;
        color: #ffffff; }
        .aside-tabs-bar .btn.btn-ajax {
          background: #555555; } }
    .btn.btn-ajax:hover {
      background: #6f6f6f; }
      @media (min-width: 1024px) {
        .btn.btn-ajax:hover {
          background: #d1d1d1;
          color: #ffffff; } }
  .btn.btn-ajax-home {
    background: #555555;
    color: #ffffff;
    display: block;
    width: 100%; }
    .btn.btn-ajax-home:hover {
      background: #686868; }

.btn-wrapper {
  padding: 0 10px; }
  @media (min-width: 768px) {
    .btn-wrapper {
      padding: 0 1.5rem; } }
  @media (min-width: 1024px) {
    .btn-wrapper {
      padding: 0; } }
  .section-block .btn-wrapper {
    padding: 0; }
  .aside-tabs-bar .btn-wrapper {
    padding: 0;
    margin-bottom: 0; }
    @media (min-width: 768px) {
      .aside-tabs-bar .btn-wrapper {
        margin-bottom: 1.5rem; } }
    .aside-tabs-bar .btn-wrapper .btn-ajax {
      width: 100%; }

.wp-pagenavi {
  float: none; }
  .wp-pagenavi .page, .wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink, .wp-pagenavi .current, .wp-pagenavi .pages, .wp-pagenavi .extend, .wp-pagenavi .last, .wp-pagenavi .first {
    display: inline-block;
    vertical-align: top;
    background: #b7b7b7;
    padding: .9em 0;
    width: 2.59em;
    font-family: 'Merriweather', 'Times New Roman', Times, serif;
    font-size: 1.5em;
    color: #ffffff;
    font-weight: 400;
    border: 0;
    text-align: center; }
    .wp-pagenavi .page:hover, .wp-pagenavi .nextpostslink:hover, .wp-pagenavi .previouspostslink:hover, .wp-pagenavi .current:hover, .wp-pagenavi .pages:hover, .wp-pagenavi .extend:hover, .wp-pagenavi .last:hover, .wp-pagenavi .first:hover {
      background: #cacaca; }
    @media (min-width: 768px) {
      .wp-pagenavi .page, .wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink, .wp-pagenavi .current, .wp-pagenavi .pages, .wp-pagenavi .extend, .wp-pagenavi .last, .wp-pagenavi .first {
        padding: .5em .75em;
        width: auto; } }
  .wp-pagenavi .current {
    background: #000000;
    color: #ffffff;
    pointer-events: none; }
  .wp-pagenavi .pages {
    background: #ffffff;
    color: #000000;
    pointer-events: none;
    box-shadow: inset 0px 0px 0px 1px #000000;
    display: none;
    width: auto; }
    @media (min-width: 768px) {
      .wp-pagenavi .pages {
        display: inline-block; } }
  .wp-pagenavi .extend {
    display: none; }
    @media (min-width: 768px) {
      .wp-pagenavi .extend {
        display: inline-block; } }

.main-header {
  height: 6em;
  position: fixed;
  left: 0;
  right: 0;
  z-index: 5000051;
  background: #000000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  @media (min-width: 1024px) {
    .main-header {
      height: 6em;
      top: 0;
      /* temp value */
      left: 0;
      /* temp value */
      right: 0;
      padding: 0 1em; } }
  .main-header .header-feature-wrapper {
    display: none; }
    @media (min-width: 1024px) {
      .main-header .header-feature-wrapper {
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-left: auto; } }
  .main-header .watch-our-video {
    display: inline-block;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 100;
    font-family: 'Merriweather', 'Times New Roman', Times, serif;
    font-size: 1.5em;
    font-size: 1.2em;
    letter-spacing: .125em;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    padding-right: 2em;
    margin-right: 2em; }
    .main-header .watch-our-video::before {
      margin-right: .5em;
      font-size: 14px; }
  .main-header .btn-main-nav {
    height: 5.5em;
    width: 3.5em;
    background: none;
    border: none; }
    .main-header .btn-main-nav:before {
      color: #ffffff;
      font-size: 30px; }
    .main-header .btn-main-nav:after {
      color: #e61c21;
      font-size: 25px;
      font-weight: bold; }
    .main-header .btn-main-nav:hover, .main-header .btn-main-nav.is-activated {
      background: none; }

.page-nav .watch-our-video {
  display: none; }

.site-logo {
  background: url(../css/img/site-logo-icon.svg) no-repeat;
  background-size: 100% 100%;
  display: block;
  width: 40px;
  height: 40px;
  /* LOGGED INTO TP */ }
  @media (min-width: 768px) {
    .site-logo {
      background: url(../css/img/site-logo-text.svg) no-repeat;
      width: 180px;
      height: 40px; } }
  .tp-logged-in .site-logo {
    background: url(../css/img/site-logo-text.svg) no-repeat;
    width: 180px;
    height: 40px; }
  .site-logo a {
    width: 100%;
    height: 100%;
    display: block; }

/************************************************************
HEADER - Premium Zone 
************************************************************/
.header-premium-zone {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: auto;
  margin-right: 1em;
  /* LOGGED INTO TP */ }
  @media (min-width: 1024px) {
    .header-premium-zone {
      margin-right: 0; } }
  .tp-logged-in .header-premium-zone {
    width: 40px;
    height: 40px;
    background: #000000;
    border: 1px solid #b7b7b7;
    border-radius: 2px;
    box-shadow: 0 2px 2px 2px rgba(15, 15, 15, 0.15);
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
    @media (min-width: 1024px) {
      .tp-logged-in .header-premium-zone:hover {
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        background: black; } }
  .header-premium-zone .img-go-premium {
    width: 114px;
    height: 14px;
    /* LOGGED INTO TP */ }
    @media (min-width: 1024px) {
      .header-premium-zone .img-go-premium {
        display: none; } }
    .tp-logged-in .header-premium-zone .img-go-premium {
      display: none !important; }
  .header-premium-zone .img-part-of {
    display: none;
    /* LOGGED INTO TP */ }
    @media (min-width: 1024px) {
      .header-premium-zone .img-part-of {
        display: block;
        height: 24px;
        width: 214px; } }
    .tp-logged-in .header-premium-zone .img-part-of {
      display: none !important; }
  .header-premium-zone .img-icon-light {
    display: block;
    width: 25px;
    height: 30px;
    margin-left: .5em;
    /* LOGGED INTO TP */ }
    .tp-logged-in .header-premium-zone .img-icon-light {
      margin: 0;
      width: 25px;
      height: 30px;
      position: relative;
      bottom: -1px; }

/*
 * [Navigation Module]
 */
.page-nav {
  overflow: auto; }
  @media (min-width: 768px) {
    .page-nav {
      overflow: visible; } }

@media (min-width: 768px) {
  .main-nav-wrap {
    height: 92%;
    overflow: auto; } }

.page-nav {
  width: 100%;
  height: 100%;
  background: #4d4d4d;
  position: fixed;
  top: 6em;
  z-index: 5000050;
  color: #ffffff;
  height: 100%;
  padding-bottom: 8em;
  box-shadow: inset 0px 10px 11px -9px rgba(0, 0, 0, 0.75);
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  -webkit-transform: translateY(-150em);
  -ms-transform: translateY(-150em);
  transform: translateY(-150em);
  box-sizing: border-box; }
  @media (min-width: 1024px) {
    .page-nav {
      -webkit-transform: translateX(250em);
      -ms-transform: translateX(250em);
      transform: translateX(250em);
      z-index: 18;
      width: 34em;
      height: 100%;
      box-shadow: none;
      top: 6em;
      display: none; } }
  .page-nav.is-visible {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
    @media (min-width: 1024px) {
      .page-nav.is-visible {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        display: block; } }

.main-nav-list .main-nav-item {
  border-bottom: 1px solid #333333;
  position: relative;
  width: 100%; }
  .main-nav-list .main-nav-item:last-child {
    position: static; }
    .main-nav-list .main-nav-item:last-child a {
      position: relative; }
.main-nav-list .link {
  display: block;
  background: #474747;
  width: 100%;
  color: #ffffff;
  padding: .75em;
  box-sizing: border-box; }
  .main-nav-list .link:hover {
    background: #525252; }
.main-nav-list .btn-sub-nav {
  position: absolute;
  right: 0;
  top: 0;
  background: #474747;
  color: #ffffff;
  width: 3rem;
  height: 100%;
  padding: 1em;
  border-left: 1px solid #474747; }
  .main-nav-list .btn-sub-nav:hover {
    color: #ffffff;
    background: #888888; }
  .main-nav-list .btn-sub-nav::after {
    font-size: 7px;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    display: block;
    color: #ffffff; }
  .main-nav-list .btn-sub-nav.is-open-btn::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }

.sub-nav-list {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease; }
  .sub-nav-list.is-open {
    max-height: 800px; }
  .sub-nav-list .sub-nav-item {
    border-bottom: 1px solid #404040; }
    .sub-nav-list .sub-nav-item:first-of-type {
      border-top: 1px solid #404040; }
    .sub-nav-list .sub-nav-item .link {
      background: #535353; }
      .sub-nav-list .sub-nav-item .link:hover {
        background: #595959; }

/* specific to the More section in navigation */
.main-nav-item:last-of-type .btn-sub-nav {
  display: block;
  width: 100%;
  padding: .75em;
  box-sizing: border-box; }
  .main-nav-item:last-of-type .btn-sub-nav:hover {
    background: #535353; }
  .main-nav-item:last-of-type .btn-sub-nav::after {
    position: absolute;
    right: 0;
    top: 0;
    color: #ffffff;
    display: block;
    font-family: 'icomoon';
    width: 3rem;
    height: 3rem;
    font-size: 7px;
    box-sizing: border-box;
    padding-top: 1.25rem;
    text-align: center; }

/* thumnails for video section in navigation */
.main-nav-item:first-of-type .sub-nav-list {
  margin: 0 1em 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .main-nav-item:first-of-type .sub-nav-list .thumb-wrap {
    width: 48.5%;
    margin-right: 3%;
    margin-bottom: 1em;
    position: relative; }
    .main-nav-item:first-of-type .sub-nav-list .thumb-wrap:nth-child(2n) {
      margin-right: 0; }
    .main-nav-item:first-of-type .sub-nav-list .thumb-wrap:nth-child(-n+2) {
      margin-top: .5em; }
    .main-nav-item:first-of-type .sub-nav-list .thumb-wrap:hover .link {
      background: rgba(0, 0, 0, 0.85); }
  .main-nav-item:first-of-type .sub-nav-list .info-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: left;
    z-index: 2;
    pointer-events: none; }
    .main-nav-item:first-of-type .sub-nav-list .info-wrapper .link {
      display: block;
      background: rgba(0, 0, 0, 0.5);
      text-align: left;
      bottom: 0;
      position: absolute;
      height: 2em;
      padding-top: .5em; }
  .main-nav-item:first-of-type .sub-nav-list .img-wrapper {
    margin: 0; }
    .main-nav-item:first-of-type .sub-nav-list .img-wrapper a::before {
      left: auto;
      bottom: auto;
      margin: 20% 0 0 44%;
      width: 20%;
      height: 20%; }

/* Navigation Social Links - In Flyout Menu  */
.nav-social-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 1rem;
  height: 5em;
  background-color: #333333; }
  @media (min-width: 768px) {
    .nav-social-links {
      margin-bottom: 7.7em; } }

/* Footer Links to info Pages */
.main-nav-footer {
  padding: 0 3em;
  background-color: #333333; }
  @media (min-width: 768px) {
    .main-nav-footer {
      position: absolute;
      bottom: 6em;
      width: 100%;
      box-sizing: border-box; } }
  .main-nav-footer .details {
    text-align: center;
    color: rgba(255, 255, 255, 0.8);
    font-size: 1.275em;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding: 1em 0; }

.footer-info-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.footer-info-item a {
  color: rgba(255, 255, 255, 0.8);
  font-family: Arial, sans-serif;
  font-size: 1.275em;
  padding: 1em 0;
  display: inline-block; }
  .footer-info-item a:hover {
    color: #ffffff; }

/*
 * [Next Button Module]
 */
.next-btn {
  margin: 0.5rem 0 1.5rem;
  box-sizing: border-box;
  width: 100%;
  -webkit-transition: .3s ease;
  transition: .3s ease;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  text-align: center;
  height: 90px; }
  @media (min-width: 1024px) {
    .next-btn {
      margin: .5em 0; } }
  .next-btn a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    text-align: center;
    height: 90px;
    width: 100%; }
    @media (min-width: 768px) {
      .next-btn a {
        width: 88%; } }
    .next-btn a.first-page {
      width: 100%; }
    .next-btn a:nth-child(1) {
      background: #000000;
      min-width: 80px; }
      .next-btn a:nth-child(1):hover {
        background: #1a1a1a; }
        .next-btn a:nth-child(1):hover.i-arrow-right::after {
          margin-left: .5rem; }
    .next-btn a:nth-child(2) {
      background: #000000; }
      .next-btn a:nth-child(2):hover {
        background: #1a1a1a; }
        .next-btn a:nth-child(2):hover .i-arrow-right::after {
          margin-right: -.5rem; }
    .next-btn a.last-page {
      background: #a31216;
      width: 100%; }
      .next-btn a.last-page:hover {
        background: #ba1519;
        -webkit-transition: .2s ease;
        transition: .2s ease; }
  .next-btn.a1 {
    width: 100%;
    height: 70px;
    position: relative; }
    .next-btn.a1 a {
      height: 70px; }
      @media (min-width: 768px) {
        .next-btn.a1 a {
          height: 90px; } }
    @media (min-width: 768px) {
      .next-btn.a1 {
        height: 90px; } }
    .next-btn.a1:hover {
      width: 100%; }
    .next-btn.a1 .thumb {
      width: 10%;
      min-width: 70px; }
      @media (min-width: 768px) {
        .next-btn.a1 .thumb {
          min-width: 90px;
          width: auto;
          max-width: 175px; } }
      @media (min-width: 768px) {
        .next-btn.a1 .thumb .responsiveImg {
          width: 175px; } }
      @media (min-width: 1024px) {
        .next-btn.a1 .thumb .responsiveImg {
          width: 90px; } }
      @media (min-width: 1240px) {
        .next-btn.a1 .thumb .responsiveImg {
          width: 175px; } }
      .next-btn.a1 .thumb img {
        width: 100%;
        height: 70px;
        vertical-align: middle; }
        @media (min-width: 768px) {
          .next-btn.a1 .thumb img {
            height: 90px; } }
    .next-btn.a1 .title {
      text-align: center;
      font-size: 1.7rem;
      font-weight: bold;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      color: #ffffff;
      position: relative;
      width: 60%;
      font-family: 'Roboto Condensed'; }
      @media (min-width: 768px) {
        .next-btn.a1 .title {
          font-size: 2rem; } }
      @media (min-width: 1024px) {
        .next-btn.a1 .title {
          font-size: 1.7rem; } }
      @media (min-width: 1240px) {
        .next-btn.a1 .title {
          font-size: 2rem; } }
      .next-btn.a1 .title .text span {
        width: 87%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        padding-left: .5rem;
        box-sizing: border-box; }
        @media (min-width: 768px) {
          .next-btn.a1 .title .text span {
            width: 100%; } }
      .next-btn.a1 .title .text span:nth-child(1) {
        display: block; }
        @media (min-width: 350px) {
          .next-btn.a1 .title .text span:nth-child(1) {
            display: none; } }
      .next-btn.a1 .title .text span:nth-child(2) {
        display: none; }
        @media (min-width: 350px) {
          .next-btn.a1 .title .text span:nth-child(2) {
            display: block; } }
    .next-btn.a1 .i-arrow-right {
      font-size: 2rem;
      color: #ffffff;
      width: 10%;
      margin-right: .4rem;
      color: #ffffff; }
      .next-btn.a1 .i-arrow-right.prev {
        margin-right: 1rem;
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        display: none; }
        @media (min-width: 768px) {
          .next-btn.a1 .i-arrow-right.prev {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex; } }

/* Next Article Auto load */
#countdown_wrapper {
  background-color: #ffffff;
  position: absolute;
  right: 5px;
  bottom: 5px;
  top: 5px;
  width: 60px;
  height: 60px;
  display: table;
  opacity: 0;
  -webkit-transition: opacity .75s;
  transition: opacity .75s;
  -webkit-transition-delay: .25s;
          transition-delay: .25s; }
  @media (min-width: 768px) {
    #countdown_wrapper {
      width: 80px;
      height: 80px; } }
  #countdown_wrapper .seconds {
    display: table-cell;
    vertical-align: middle;
    font-family: 'Roboto Condensed';
    font-size: 3em;
    color: #a31216;
    font-weight: 700; }
    @media (min-width: 768px) {
      #countdown_wrapper .seconds {
        font-size: 4em; } }
  #countdown_wrapper.is-canceled {
    opacity: 0; }
  #countdown_wrapper.is-active {
    opacity: 1; }

.loading {
  position: absolute;
  left: 45px;
  top: 20px;
  font-size: 3em;
  z-index: 10;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-family: Roboto,helvetica,arial,tahoma,sans-serif;
  display: block;
  opacity: 0;
  -webkit-transition: opacity .75s;
  transition: opacity .75s;
  -webkit-transition-delay: .25s;
          transition-delay: .25s;
  cursor: pointer; }
  @media (min-width: 768px) {
    .loading {
      font-size: 4em;
      left: 75px; } }
  @media (min-width: 1024px) {
    .loading {
      left: 48px; } }
  @media (min-width: 1240px) {
    .loading {
      left: 90px; } }
  .loading::before {
    content: ' ';
    position: absolute;
    z-index: -1;
    left: -40px;
    top: -13px;
    display: inline-block;
    border-radius: 50%;
    width: 46px;
    height: 46px;
    border: 5px solid rgba(255, 255, 255, 0.5);
    background-color: rgba(0, 0, 0, 0.5);
    border-right-color: #FFF;
    -webkit-animation: spin 1s infinite linear;
            animation: spin 1s infinite linear; }
    @media (min-width: 768px) {
      .loading::before {
        width: 64px;
        height: 64px; } }
  .loading::after {
    content: 'II';
    margin-left: -24px; }
    @media (min-width: 768px) {
      .loading::after {
        margin-left: -14px; } }
  .loading:hover:before {
    background-color: black; }
  .loading.is-canceled {
    opacity: 0; }
  .loading.is-active {
    opacity: 1; }

/* spin animation */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
/*
 * [Tabs Modules]
 */
[data-tab-switch] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  [data-tab-switch] button {
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
        -ms-flex: 1 auto;
            flex: 1 auto;
    background: #555; }
    [data-tab-switch] button.is-selected {
      background: #f4f4f4; }

[data-tab-content] section {
  padding: 2em;
  background: #f4f4f4;
  height: 10em; }

.tab-switch {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem; }
  .tab-switch button {
    font-family: 'Merriweather', 'Times New Roman', Times, serif;
    font-size: 1.5em;
    font-size: 2em;
    background: #f4f4f4;
    width: 100%;
    color: #555555;
    padding: 1rem;
    border-bottom: 4px solid #e61c21; }
    .tab-switch button.is-selected {
      background: #e61c21;
      color: #fff;
      border-bottom: 4px solid transparent; }

.page-tabs {
  height: 4.8em;
  background-color: #f7f7f7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 6em;
  z-index: 20;
  width: 100%;
  overflow: hidden;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); }
  .page-tabs.is-pushed {
    -webkit-transform: translateX(34em);
    -ms-transform: translateX(34em);
    transform: translateX(34em); }
  @media (min-width: 1024px) {
    .page-tabs {
      height: 4.8em;
      top: 6em;
      position: fixed; } }
  .page-tabs h1 {
    display: none; }
  .page-tabs .page-tabs-button {
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    display: block;
    font-family: 'Merriweather', 'Times New Roman', Times, serif;
    font-size: 1.5em;
    text-transform: uppercase;
    color: #555555;
    border-bottom: 3px solid transparent;
    padding: 0 1em;
    width: 50%; }
    @media (min-width: 1024px) {
      .page-tabs .page-tabs-button {
        width: 200px; } }
    .page-tabs .page-tabs-button:hover {
      background-color: white; }
    @media (min-width: 1024px) {
      .page-tabs .page-tabs-button:first-of-type {
        margin-left: -7%; } }
    .page-tabs .page-tabs-button.is-selected {
      border-bottom: 3px solid #e61c21;
      color: #e61c21;
      background-color: white; }
      .page-tabs .page-tabs-button.is-selected.youtube-button {
        border-color: #e61c21; }
  .page-tabs a.page-tabs-button {
    text-align: center;
    padding-top: 1em; }

/*
 * [Thumb Modules]
 */
/*
 * [Article Clip]
 *
 * Code Example/Explained:
 *
 * <article class="full-thumb [$optional]">
 *     <div class="img-wrapper">img</div>
 *     <div class="info-wrapper">info</div>
 * </article>
 *
 * note : [$optional] is param for extra viewport condition for tablet and desktop.
 *
 * class="mobile tablet-desktop"
 *
 *                   |----["f" represent full-thumb]
 *                   | |--["h" represent half-thumb]
 * class="full-thumb h-f"
 *            |      | |--[param for tablet]
 *            |      |----[param for desktop]
 *            |-----------[param for mobile, default thumb style]
 */
/* thumb unit default outter spacing */
.thumb-wrap {
  position: relative;
  margin-bottom: 1rem;
  cursor: pointer; }
  @media (min-width: 768px) {
    .thumb-wrap {
      margin-bottom: 1.5rem; } }

.full-thumb, .half-thumb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.full-thumb {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.half-thumb.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; }

/* preset size for side/side[half-thumb] and top/bottom[full-thumb] */
/* basic thumb layout rule */
.full-thumb {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  .full-thumb .img-wrapper, .full-thumb .info-wrapper {
    width: 100%; }
  .full-thumb .img-wrapper {
    margin-bottom: 0.5rem; }
  .full-thumb .info-wrapper {
    position: relative;
    padding-left: 0; }

.half-thumb {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row; }
  .half-thumb .img-wrapper {
    width: 40%;
    margin-bottom: 0; }
  .half-thumb .info-wrapper {
    width: 60%;
    padding-left: 2%; }

/* preset for tablet-desktop variation */
@media (min-width: 768px) {
  .h-f {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
    .h-f .img-wrapper {
      width: 40%;
      margin-bottom: 0; }
    .h-f .info-wrapper {
      width: 60%;
      padding-left: 2%; } }
@media (min-width: 1024px) {
  .h-f {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
    .h-f .img-wrapper, .h-f .info-wrapper {
      width: 100%; }
    .h-f .img-wrapper {
      margin-bottom: 0.5rem; }
    .h-f .info-wrapper {
      position: relative;
      padding-left: 0; } }

@media (min-width: 768px) {
  .hr-f {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
    .hr-f .img-wrapper {
      width: 40%;
      margin-bottom: 0; }
    .hr-f .info-wrapper {
      width: 60%;
      padding-left: 2%; } }
@media (min-width: 1024px) {
  .hr-f {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
    .hr-f .img-wrapper, .hr-f .info-wrapper {
      width: 100%; }
    .hr-f .img-wrapper {
      margin-bottom: 0.5rem; }
    .hr-f .info-wrapper {
      position: relative;
      padding-left: 0; } }

@media (min-width: 768px) {
  .f-h {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
    .f-h .img-wrapper, .f-h .info-wrapper {
      width: 100%; }
    .f-h .img-wrapper {
      margin-bottom: 0.5rem; }
    .f-h .info-wrapper {
      position: relative;
      padding-left: 0; } }
@media (min-width: 1024px) {
  .f-h {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
    .f-h .img-wrapper {
      width: 40%;
      margin-bottom: 0; }
    .f-h .info-wrapper {
      width: 60%;
      padding-left: 2%; } }

@media (min-width: 768px) {
  .f-hr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
    .f-hr .img-wrapper, .f-hr .info-wrapper {
      width: 100%; }
    .f-hr .img-wrapper {
      margin-bottom: 0.5rem; }
    .f-hr .info-wrapper {
      position: relative;
      padding-left: 0; } }
@media (min-width: 1024px) {
  .f-hr {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
    .f-hr .img-wrapper {
      width: 40%;
      margin-bottom: 0; }
    .f-hr .info-wrapper {
      width: 60%;
      padding-left: 2%; } }

@media (min-width: 768px) {
  .h-h {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
    .h-h .img-wrapper {
      width: 40%;
      margin-bottom: 0; }
    .h-h .info-wrapper {
      width: 60%;
      padding-left: 2%; } }

@media (min-width: 768px) {
  .hr-hr {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
    .hr-hr .img-wrapper {
      width: 40%;
      margin-bottom: 0; }
    .hr-hr .info-wrapper {
      width: 60%;
      padding-left: 2%; } }

@media (min-width: 768px) {
  .f-f {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
    .f-f .img-wrapper, .f-f .info-wrapper {
      width: 100%; }
    .f-f .img-wrapper {
      margin-bottom: 0.5rem; }
    .f-f .info-wrapper {
      position: relative;
      padding-left: 0; } }

/* basic thumb content rule */
.img-wrapper {
  position: relative; }
  .img-wrapper a {
    display: block; }
  .img-wrapper img {
    width: 100%;
    vertical-align: middle; }

.info-wrapper .title {
  display: block;
  margin-bottom: 0.25rem; }
  .info-wrapper .title .link {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.1em;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease; }
    @media (min-width: 480px) {
      .info-wrapper .title .link {
        font-size: 1em; } }
    @media (min-width: 768px) {
      .info-wrapper .title .link {
        font-size: 1em; } }
    @media (min-width: 1024px) {
      .info-wrapper .title .link {
        font-size: 1em; } }
.info-wrapper .details {
  color: #919191; }
  @media (min-width: 480px) {
    .info-wrapper .details {
      font-size: 1.1em; } }
  @media (min-width: 768px) {
    .info-wrapper .details {
      font-size: 1.2em; } }
  @media (min-width: 1024px) {
    .info-wrapper .details {
      font-size: 1.2em; } }
  .info-wrapper .details a {
    color: #919191; }
    .info-wrapper .details a:hover {
      text-decoration: underline; }
.info-wrapper time {
  display: inline-block; }
  .info-wrapper time::after {
    color: #aaaaaa;
    content: '|';
    display: inline-block;
    padding-left: 5px; }
.info-wrapper .category-links {
  display: inline-block; }
  .info-wrapper .category-links::after {
    color: #aaaaaa;
    content: '|';
    display: inline-block;
    padding-left: 5px; }
.info-wrapper .excerpt {
  margin-top: 1em;
  color: #888888;
  font-size: 1.4em; }

.info-wrapper .title > a, .info-wrapper .title > .link {
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  color: #000000; }

.thumb-wrap:hover .title > a, .thumb-wrap:hover .title > .link {
  color: #e61c21; }

/* add the class .vid-thumb when the play button icon is needed */
.thumb-wrap.video .img-wrapper, .thumb-wrap.video-summary .img-wrapper {
  position: relative;
  text-align: center; }
  .thumb-wrap.video .img-wrapper a::before, .thumb-wrap.video-summary .img-wrapper a::before {
    content: ' ';
    display: block;
    width: 18%;
    height: 18%;
    z-index: 2;
    position: absolute;
    left: .5rem;
    bottom: .5rem;
    background-color: #e61c21;
    background-image: url(../widget-lib/video-blocks/images/icon-play.svg);
    background-size: 100% 100%; }
    .category-header .thumb-wrap.video .img-wrapper a::before, .category-header .thumb-wrap.video-summary .img-wrapper a::before {
      left: -webkit-calc(50% - .75em);
      left: calc(50% - .75em);
      bottom: -webkit-calc(50% - .5em);
      bottom: calc(50% - .5em);
      width: 1.5em;
      height: 1.5em;
      font-size: 6em; }
      @media (min-width: 480px) {
        .category-header .thumb-wrap.video .img-wrapper a::before, .category-header .thumb-wrap.video-summary .img-wrapper a::before {
          left: auto;
          font-size: 5em;
          right: -webkit-calc(40% - 1.5em);
          right: calc(40% - 1.5em);
          bottom: 2em; } }
      @media (min-width: 768px) {
        .category-header .thumb-wrap.video .img-wrapper a::before, .category-header .thumb-wrap.video-summary .img-wrapper a::before {
          ont-size: 6em;
          right: -webkit-calc(35% - 1.5em);
          right: calc(35% - 1.5em); } }
      @media (min-width: 1024px) {
        .category-header .thumb-wrap.video .img-wrapper a::before, .category-header .thumb-wrap.video-summary .img-wrapper a::before {
          left: auto;
          right: -webkit-calc(30% - 1.5em);
          right: calc(30% - 1.5em); } }
.thumb-wrap.video:hover .img-wrapper::before, .thumb-wrap.video-summary:hover .img-wrapper::before {
  background-color: #b11417; }
.thumb-wrap.video:hover .info-wrapper .title a, .thumb-wrap.video-summary:hover .info-wrapper .title a {
  color: #e61c21; }
.thumb-wrap.video .vid-time, .thumb-wrap.video-summary .vid-time {
  display: block;
  padding: 2% 4%;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.85);
  font-size: 1em;
  text-transform: uppercase;
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0; }

.thumb-wrap.quiz .title a::before {
  content: 'QUIZ';
  background-color: #0067b8;
  color: #ffffff;
  padding: .0625em .25em;
  font-size: .75em;
  margin-right: .25em;
  display: inline; }

/* add the class .vid-thumb when the play button icon is needed */
.thumb-wrap.vid-thumb .img-wrapper a {
  position: relative;
  text-align: center; }
  .thumb-wrap.vid-thumb .img-wrapper a::before {
    content: ' ';
    display: block;
    width: 22%;
    height: 22%;
    z-index: 2;
    position: absolute;
    left: .5rem;
    bottom: .5rem;
    background: url(../assets/images/icon-play.svg);
    background-size: 100% 100%; }
  .thumb-wrap.vid-thumb .img-wrapper a .vid-time {
    display: block;
    padding: 2% 4%;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.85);
    font-size: 1em;
    text-transform: uppercase;
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0; }
.thumb-wrap.vid-thumb:hover .img-wrapper a::before {
  background-image: url(../assets/images/icon-play-hover.svg); }

/* add the class .vid-youtube when the video is a Youtube video */
.thumb-wrap.vid-youtube .img-wrapper a {
  position: relative; }
  .thumb-wrap.vid-youtube .img-wrapper a::after {
    content: ' ';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    background-image: url(../assets/images/tr-logo-icon-no-border.svg), url(../assets/images/youtube/youtube-white-txt.svg);
    background-position: -51% 49%, 98% 49%;
    background-repeat: no-repeat, no-repeat;
    background-size: 70% 70%, 70% 70%;
    background-color: rgba(0, 0, 0, 0.4);
    width: 44%;
    height: 29%; }
    @media (min-width: 768px) {
      .thumb-wrap.vid-youtube .img-wrapper a::after {
        width: 22%;
        height: 15%; } }

/*
 * [List Module]
 */
.author-profile .thumb-wrap, .search-list .thumb-wrap, .col-list .thumb-wrap {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 1.5rem; }
  .author-profile .thumb-wrap .img-wrapper, .search-list .thumb-wrap .img-wrapper, .col-list .thumb-wrap .img-wrapper {
    width: 36%; }
  .author-profile .thumb-wrap .info-wrapper, .search-list .thumb-wrap .info-wrapper, .col-list .thumb-wrap .info-wrapper {
    width: 60%; }
    .author-profile .thumb-wrap .info-wrapper .title, .search-list .thumb-wrap .info-wrapper .title, .col-list .thumb-wrap .info-wrapper .title {
      font-size: 2em; }
      @media (min-width: 768px) {
        .author-profile .thumb-wrap .info-wrapper .title, .search-list .thumb-wrap .info-wrapper .title, .col-list .thumb-wrap .info-wrapper .title {
          font-size: 2.5em; } }
      @media (min-width: 1024px) {
        .author-profile .thumb-wrap .info-wrapper .title, .search-list .thumb-wrap .info-wrapper .title, .col-list .thumb-wrap .info-wrapper .title {
          font-size: 3em; } }
    .author-profile .thumb-wrap .info-wrapper .details time, .author-profile .thumb-wrap .info-wrapper .details .author, .search-list .thumb-wrap .info-wrapper .details time, .search-list .thumb-wrap .info-wrapper .details .author, .col-list .thumb-wrap .info-wrapper .details time, .col-list .thumb-wrap .info-wrapper .details .author {
      margin-bottom: 0.5rem; }
    .author-profile .thumb-wrap .info-wrapper .details .excerpt, .search-list .thumb-wrap .info-wrapper .details .excerpt, .col-list .thumb-wrap .info-wrapper .details .excerpt {
      line-height: 1.5;
      display: none; }
      @media (min-width: 768px) {
        .author-profile .thumb-wrap .info-wrapper .details .excerpt, .search-list .thumb-wrap .info-wrapper .details .excerpt, .col-list .thumb-wrap .info-wrapper .details .excerpt {
          display: block; } }
  .author-profile .thumb-wrap:last-of-type, .search-list .thumb-wrap:last-of-type, .col-list .thumb-wrap:last-of-type {
    border-bottom: none;
    padding-bottom: 0.5rem; }

.related .thumb-wrap {
  width: 100%;
  vertical-align: top;
  display: inline-block;
  margin-right: 1rem; }
  @media (min-width: 768px) {
    .related .thumb-wrap {
      width: 48.5%; }
      .infinite-scroll-wrap .related .thumb-wrap {
        width: 31.75%; } }
  @media (min-width: 1024px) {
    .infinite-scroll-wrap .related .thumb-wrap {
      width: 31.5%; } }
  @media (min-width: 1240px) {
    .infinite-scroll-wrap .related .thumb-wrap {
      width: 31.8%; } }
  .related .thumb-wrap:nth-child(2n+2) {
    margin-right: 0; }
    .infinite-scroll-wrap .related .thumb-wrap:nth-child(2n+2) {
      margin-right: 1em; }
  .infinite-scroll-wrap .related .thumb-wrap:nth-child(3n+3) {
    margin-right: 0; }
  .infinite-scroll-wrap .related .thumb-wrap .title {
    line-height: .9em; }
  @media (min-width: 1024px) {
    .related .thumb-wrap .title a {
      font-size: .9em; }
      .infinite-scroll-wrap .related .thumb-wrap .title a {
        font-size: .75em; } }

/*
* [SOURCE FILE]
* [Social]
*
*/
/*************************************************
SOCIAL - General CSS
*************************************************/
.text-2 {
  display: none; }

.btn-hide {
  display: none; }

/*************************************************
SOCIAL - Button Sizes
*************************************************/
/*************************************************
SOCIAL - General CSS
*************************************************/
.sharing-option {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .sharing-option .w-btn {
    padding: 0;
    margin: 0;
    margin-right: .4em;
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    width: 2.4rem;
    height: 2.4rem; }
    @media (min-width: 768px) {
      .sharing-option .w-btn {
        width: 2.8rem;
        height: 2.8rem; } }
    @media (min-width: 1024px) {
      .sharing-option .w-btn {
        width: 2.4rem;
        height: 2.4rem; } }
    .sharing-option .w-btn.btn-more {
      margin-right: 0; }
    @media (min-width: 1024px) {
      .sharing-option .w-btn:hover .btn .text {
        display: inline-block; } }
  .sharing-option .btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    color: #ffffff; }
    .sharing-option .btn .text,
    .sharing-option .btn .text-2 {
      font-weight: bold;
      text-transform: uppercase;
      display: none; }
      @media (min-width: 768px) {
        .sharing-option .btn .text,
        .sharing-option .btn .text-2 {
          font-size: 1.1em; } }
    .sharing-option .btn::before {
      width: auto;
      font-family: icomoon;
      font-size: 20px; }
      @media (min-width: 768px) {
        .sharing-option .btn::before {
          font-size: 23px; } }
      @media (min-width: 1024px) {
        .sharing-option .btn::before {
          font-size: 21px; } }
    .sharing-option .btn.i-facebook {
      background: #3b5998; }
      .sharing-option .btn.i-facebook:hover {
        background-color: #4264aa; }
    .sharing-option .btn.i-twitter {
      background-color: #00aced; }
      .sharing-option .btn.i-twitter:hover {
        background-color: #08bbff; }
    .sharing-option .btn.i-google-plus {
      background-color: #dd4b39; }
      .sharing-option .btn.i-google-plus:hover {
        background-color: #e15f4f; }
    .sharing-option .btn.i-pinterest {
      background-color: #cb2027; }
      .sharing-option .btn.i-pinterest:hover {
        background-color: #dd272f; }
    .sharing-option .btn.i-mail {
      background-color: #666; }
      .sharing-option .btn.i-mail:hover {
        background-color: #737373; }
    .sharing-option .btn.i-comment {
      background-color: #2fcd60; }
      .sharing-option .btn.i-comment:before {
        width: auto; }
      .sharing-option .btn.i-comment::after {
        display: none;
        width: auto; }
      .sharing-option .btn.i-comment:hover {
        background-color: #42d46f; }
      .sharing-option .btn.i-comment.is-activated {
        background-color: #e61c21; }
        .sharing-option .btn.i-comment.is-activated::before {
          display: none; }
        .sharing-option .btn.i-comment.is-activated::after {
          display: block;
          -webkit-transform: translateX(0);
          -ms-transform: translateX(0);
          transform: translateX(0); }
        @media (min-width: 1024px) {
          .sharing-option .btn.i-comment.is-activated .text {
            display: none; } }
    .sharing-option .btn.i-more-share {
      background: none;
      border: 2px solid #bfc2c7;
      color: #bfc2c7;
      font-size: 22px;
      font-weight: bold;
      margin-right: 0; }
      .sharing-option .btn.i-more-share:hover {
        background: #bfc2c7;
        color: #ffffff; }

/*************************************************
SOCIAL - Social share count
*************************************************/
.nbr-share {
  width: auto;
  margin-right: 0.5rem;
  margin-top: .7em;
  text-align: center; }
  @media (min-width: 1024px) {
    .nbr-share {
      margin-right: 0;
      margin-bottom: 0.5rem;
      color: #b7b7b7; } }
  .nbr-share .nbr {
    font-size: 2.2em;
    font-weight: bold;
    display: block;
    line-height: .8em; }
  .nbr-share .text {
    font-size: 1em;
    text-transform: uppercase; }

/*************************************************
SOCIAL - Buttons - Left Sidebar (Desktop)
*************************************************/
.share-side.sharing-option {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media (min-width: 1024px) {
    .share-side.sharing-option .w-btn {
      width: 2.4rem;
      height: 2.4rem;
      margin-bottom: 0.5rem;
      margin-right: 0; }
      .share-side.sharing-option .w-btn:hover {
        width: 13em; }
        .share-side.sharing-option .w-btn:hover .btn {
          padding-left: 1em;
          padding-right: 1em; }
          .share-side.sharing-option .w-btn:hover .btn::before {
            margin-right: 0.5rem; }
      .share-side.sharing-option .w-btn.btn-comment .i-comment.is-activated {
        width: 2.4rem;
        height: 2.4rem; }
    .share-side.sharing-option .btn.i-comment.is-activated:hover {
      width: 2.4rem;
      height: 2.4rem; }
    .share-side.sharing-option .nbr-share {
      margin-bottom: 0.5rem; } }
  .share-side.sharing-option .btn-facebook-like {
    display: none; }
  .share-side.sharing-option .btn-more {
    display: none; }

/*************************************************
SOCIAL - Buttons - Top of article
*************************************************/
.share-top.paged-2 {
  display: none; }
.share-top.sharing-option {
  margin: 0 0 0.5rem; }
  .share-top.sharing-option .w-btn,
  .share-top.sharing-option .btn {
    border-radius: 2px; }
  .share-top.sharing-option .btn {
    width: 100%; }
  @media (min-width: 1024px) {
    .share-top.sharing-option {
      display: none; } }
  .share-top.sharing-option .btn-facebook-like,
  .share-top.sharing-option .btn-twitter,
  .share-top.sharing-option .btn-google-plus,
  .share-top.sharing-option .btn-pinterest,
  .share-top.sharing-option .btn-mail,
  .share-top.sharing-option .btn-more.bottom,
  .share-top.sharing-option .btn-more.is-active {
    display: none; }
  .share-top.sharing-option .btn-twitter.is-active,
  .share-top.sharing-option .btn-google-plus.is-active,
  .share-top.sharing-option .btn-mail.is-active,
  .share-top.sharing-option .btn-pinterest.is-active {
    display: block; }
  .share-top.sharing-option .btn-facebook {
    width: 15.5em; }
    @media (min-width: 768px) {
      .share-top.sharing-option .btn-facebook {
        width: 19em; } }
    .share-top.sharing-option .btn-facebook .i-facebook .text {
      display: inline-block; }
    .share-top.sharing-option .btn-facebook .i-facebook .text-2 {
      display: inline-block;
      padding-left: .3em; }
    .share-top.sharing-option .btn-facebook.is-active {
      width: auto; }
      @media (max-width: 400px) {
        .share-top.sharing-option .btn-facebook.is-active .text-2 {
          display: none; } }
      .share-top.sharing-option .btn-facebook.is-active .btn {
        padding: 0 0.9rem 0 0.5rem; }

/*************************************************
SOCIAL - Buttons - Bottom of article
*************************************************/
.share-bottom.sharing-option {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  padding: 0.5rem 0;
  margin: 0.5rem 0; }
  .share-bottom.sharing-option .w-btn,
  .share-bottom.sharing-option .btn {
    border-radius: 2px; }
  .share-bottom.sharing-option .btn {
    width: 100%; }
  .share-bottom.sharing-option .w-btn {
    margin-right: 0; }
    @media (min-width: 1024px) {
      .share-bottom.sharing-option .w-btn {
        height: 2.8rem; } }
    .share-bottom.sharing-option .w-btn:hover {
      padding: 0; }
  .share-bottom.sharing-option .btn-twitter,
  .share-bottom.sharing-option .btn-google-plus,
  .share-bottom.sharing-option .btn-mail,
  .share-bottom.sharing-option .btn-more.top,
  .share-bottom.sharing-option .btn-pinterest,
  .share-bottom.sharing-option .nbr-share {
    display: none; }
  .share-bottom.sharing-option .btn-facebook {
    width: 34%; }
    .share-bottom.sharing-option .btn-facebook .text {
      display: inline-block; }
    .share-bottom.sharing-option .btn-facebook .text-2 {
      padding-left: .4em; }
    .share-bottom.sharing-option .btn-facebook.is-active {
      width: 49%; }
      @media (min-width: 768px) {
        .share-bottom.sharing-option .btn-facebook.is-active {
          width: 30%; } }
    @media (min-width: 768px) {
      .share-bottom.sharing-option .btn-facebook {
        width: 29.5%; }
        .share-bottom.sharing-option .btn-facebook .text-2 {
          display: inline-block; } }
  .share-bottom.sharing-option .btn-facebook-like {
    width: 34%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-sizing: border-box;
    border: 4px solid #3b5998; }
    .share-bottom.sharing-option .btn-facebook-like.is-active {
      width: 49%; }
      @media (min-width: 768px) {
        .share-bottom.sharing-option .btn-facebook-like.is-active {
          width: 30%; } }
    .share-bottom.sharing-option .btn-facebook-like .btn {
      background: #ffffff; }
    @media (min-width: 768px) {
      .share-bottom.sharing-option .btn-facebook-like {
        width: 29.5%; } }
  .share-bottom.sharing-option .btn-comment {
    width: 14%; }
    .share-bottom.sharing-option .btn-comment.is-active {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2;
      width: 24%;
      margin-top: 0.5rem; }
      @media (min-width: 768px) {
        .share-bottom.sharing-option .btn-comment.is-active {
          width: 9%;
          margin-top: 0; }
          .share-bottom.sharing-option .btn-comment.is-active .text {
            display: none; }
          .share-bottom.sharing-option .btn-comment.is-active .btn::before {
            margin-right: 0; } }
    @media (min-width: 768px) {
      .share-bottom.sharing-option .btn-comment {
        width: 29%; }
        .share-bottom.sharing-option .btn-comment .text {
          display: inline-block; }
        .share-bottom.sharing-option .btn-comment .btn::before {
          margin-right: 0.5rem; } }
  .share-bottom.sharing-option .btn-more {
    width: 14%; }
    .share-bottom.sharing-option .btn-more.is-active {
      display: none; }
    @media (min-width: 768px) {
      .share-bottom.sharing-option .btn-more {
        width: 10%; } }
  .share-bottom.sharing-option .btn-twitter.is-active,
  .share-bottom.sharing-option .btn-google-plus.is-active,
  .share-bottom.sharing-option .btn-pinterest.is-active,
  .share-bottom.sharing-option .btn-mail.is-active {
    display: block;
    width: 24%;
    margin-top: 0.5rem; }
    @media (min-width: 768px) {
      .share-bottom.sharing-option .btn-twitter.is-active,
      .share-bottom.sharing-option .btn-google-plus.is-active,
      .share-bottom.sharing-option .btn-pinterest.is-active,
      .share-bottom.sharing-option .btn-mail.is-active {
        width: 9%;
        margin-top: 0; } }
  .share-bottom.sharing-option .btn-twitter:hover .text,
  .share-bottom.sharing-option .btn-google-plus:hover .text,
  .share-bottom.sharing-option .btn-pinterest:hover .text,
  .share-bottom.sharing-option .btn-mail:hover .text {
    display: none; }
.share-bottom.bot-1 {
  display: none; }
@media (min-width: 1024px) {
  .share-bottom.bot-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .share-bottom.bot-2 {
    display: none; } }

/*************************************************
SOCIAL - Header social / Off Canvas Menu Social
*************************************************/
.social-account-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  /* Footer Social Links */ }
  .social-account-links .social-title {
    font-size: 1.2em;
    font-weight: 400;
    color: #ffffff;
    margin-right: 1rem;
    text-transform: uppercase; }
  .social-account-links .list-social {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .social-account-links .list-social li {
      box-sizing: border-box;
      margin-right: 0.3215rem; }
    .social-account-links .list-social a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 2.4rem;
      height: 2.4rem;
      box-sizing: border-box;
      color: #ffffff;
      background: #000000; }
      .social-account-links .list-social a::before {
        font-size: 18px; }
      .social-account-links .list-social a.i-facebook::before {
        font-size: 23px; }
  .social-account-links.footer-social {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: .5rem; }
    @media (min-width: 1024px) {
      .social-account-links.footer-social {
        -webkit-box-pack: left;
        -webkit-justify-content: left;
            -ms-flex-pack: left;
                justify-content: left;
        margin-bottom: 0; } }
    .social-account-links.footer-social .social-title {
      display: none; }
      @media (min-width: 1024px) {
        .social-account-links.footer-social .social-title {
          display: block; } }
    .social-account-links.footer-social .list-social .link {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }

/*************************************************
SOCIAL - Video page
*************************************************/
.video-header .nbr-share {
  display: none; }

/*
 * [State Module]
 */
.is-visible {
  display: block !important; }

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

.ad-zone-container {
  padding: .5em 0;
  text-align: center;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 1rem;
  overflow: hidden;
  background: #f7f7f7;
  /* Body Injected ad, interstitial putting to position fixed because adding extra white space in header/footer */
  /* Float ads left & right in content */ }
  .main-sidebar .ad-zone-container {
    background: transparent; }
  @media (min-width: 768px) {
    .ad-zone-container {
      margin-bottom: 1.5rem;
      margin-left: 0;
      margin-right: 0;
      padding: .5em; } }
  .ad-zone-container.ad-zone-container-content-above-next-button {
    margin-bottom: 1rem; }
  .infinite-scroll .ad-zone-container.ad-zone-container-content-below-next-button {
    margin-bottom: 0.5rem; }
  .ad-zone-container.ad-zone-container-content-below-widget-1, .ad-zone-container.ad-zone-container-content-below-widget-2 {
    padding: .5em 0; }
    .infinite-scroll .ad-zone-container.ad-zone-container-content-below-widget-1, .infinite-scroll .ad-zone-container.ad-zone-container-content-below-widget-2 {
      margin-top: 2.5rem; }
      @media (min-width: 768px) {
        .infinite-scroll .ad-zone-container.ad-zone-container-content-below-widget-1, .infinite-scroll .ad-zone-container.ad-zone-container-content-below-widget-2 {
          margin-bottom: 3.75rem;
          margin-top: 3.75rem; } }
  .ad-zone-container.ad-zone-container-header, .ad-zone-container.ad-zone-container-header-header {
    margin-bottom: 0;
    padding: .5em 0;
    border: 0;
    background: #f7f7f7;
    border-bottom: 1px solid #dddddd; }
  .ad-zone-container.ad-zone-container-content-widget {
    background: none; }
  .ad-zone-container.ad-zone-container-footer, .ad-zone-container.ad-zone-container-footer-footer {
    margin-bottom: 0;
    padding: .5em 0;
    border: 0;
    background: #f7f7f7;
    border-top: 1px solid #dddddd; }
    @media (min-width: 1024px) {
      .ad-zone-container.ad-zone-container-footer, .ad-zone-container.ad-zone-container-footer-footer {
        margin-left: 0; } }
  .ad-zone-container.ad-zone-container-body-injected, .ad-zone-container.ad-zone-container-content-body-injected-top, .ad-zone-container.ad-zone-container-content-body-injected, .ad-zone-container.ad-zone-container-content-body-injected-every-five {
    margin-bottom: 0;
    padding: 0;
    position: fixed; }
  @media (min-width: 768px) {
    .ad-zone-container.ad-zone-container-content-below-main-pic {
      background: #f7f7f7;
      padding: .5em 0; } }
  @media (min-width: 768px) {
    .infinite-scroll .ad-zone-container.ad-zone-container-content-below-main-pic {
      float: left;
      margin-right: 1rem;
      margin-top: .5rem;
      padding: .5rem; } }
  @media (min-width: 768px) {
    .infinite-scroll .ad-zone-container.ad-zone-container-content-below-second-pic, .infinite-scroll .ad-zone-container.ad-zone-container-content-below-third-pic {
      float: left;
      margin-right: 1rem;
      margin-top: 1rem;
      padding: .5rem; } }
  .ad-zone-container.ad-zone-container-content-native-in-content {
    float: none;
    margin-bottom: 1.5rem; }
    @media (min-width: 1024px) {
      .ad-zone-container.ad-zone-container-content-native-in-content {
        margin-bottom: 1rem;
        margin-right: 1em;
        padding: .5em;
        float: left; } }
    @media (min-width: 768px) {
      .infinite-scroll .ad-zone-container.ad-zone-container-content-native-in-content {
        float: left;
        margin-right: 1rem;
        margin-top: .5rem;
        background: none; } }
  .ad-zone-container.ad-zone-container-sidebar-first, .ad-zone-container.ad-zone-container-sidebar-second, .ad-zone-container.ad-zone-container-sidebar-third, .ad-zone-container.ad-zone-container-sidebar-trending {
    background: #f7f7f7;
    margin: 0 0 1rem; }
    @media (min-width: 1024px) {
      .ad-zone-container.ad-zone-container-sidebar-first, .ad-zone-container.ad-zone-container-sidebar-second, .ad-zone-container.ad-zone-container-sidebar-third, .ad-zone-container.ad-zone-container-sidebar-trending {
        background: none; } }
  @media (min-width: 768px) {
    .ad-even .ad-zone-container {
      float: left;
      margin-right: 1rem;
      margin-top: .5rem; } }
  @media (min-width: 768px) {
    .ad-odd .ad-zone-container {
      float: right;
      margin-left: 1rem;
      margin-top: .5rem; } }
  .ad-zone-container.ad-zone-container-content-sticky-footer, .ad-zone-container.ad-zone-container-footer-sticky-footer {
    margin-bottom: 0; }
  .ad-zone-container.ad-zone-container-content-below-image {
    margin-bottom: 0;
    padding: .5em 0 0 0;
    background-color: #333333; }
  .ad-zone-container .ad-zone {
    margin: 0 auto;
    /* Removing this for now because we are trying the new advertising label that links to TP
    &.place-holder-bg {
        background: $place-holder-bg-background-color url(img/advertising.png) center center no-repeat;
        background-size: 70px 10px;
    }
    */ }
    @media (min-width: 768px) {
      .ad-zone-container .ad-zone.ad-zone-above-articles, .ad-zone-container .ad-zone.ad-zone-below-articles {
        margin: .5em auto; } }
    .ad-zone-container .ad-zone div {
      margin: 0 auto; }
  @media (min-width: 1024px) {
    .aside-tabs-bar .ad-zone-container {
      background: transparent; } }

.ad-zone-advertising-tag {
  text-transform: uppercase;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #9e9e9e;
  font-weight: normal;
  margin-bottom: .5em;
  display: block;
  font-size: 10px; }
  .ad-zone-container-content-above-next-button .ad-zone-advertising-tag, .ad-zone-container-content-below-next-button .ad-zone-advertising-tag {
    font-size: 8px;
    margin-bottom: .25em; }

@media (min-width: 1024px) {
  .sticky-featured {
    position: fixed;
    top: 6em;
    padding-top: 1em;
    max-width: 40em; } }
/* sidebar scroll fixed unit */
@media (min-width: 1024px) {
  .sidebar-fixed-unit {
    position: fixed;
    top: 7em;
    left: auto;
    width: 31.8em; } }

@media (min-width: 1024px) {
  .sidebar-unfixed-unit {
    position: absolute;
    top: auto;
    bottom: 0; } }

@media (min-width: 1024px) {
  #leaderboard {
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    z-index: 21;
    position: relative; }
    #leaderboard.is-pushed {
      -webkit-transform: translateX(34em);
      -ms-transform: translateX(34em);
      transform: translateX(34em); } }
.ad-zone-blank {
  display: none !important; }

#pageStickyFooterAd .ad-zone-container {
  background: transparent !important; }
  #pageStickyFooterAd .ad-zone-container .place-holder-bg {
    background: transparent !important; }
  #pageStickyFooterAd .ad-zone-container.ad-zone-container-content-sticky-footer, #pageStickyFooterAd .ad-zone-container.ad-zone-container-footer-sticky-footer {
    padding: 0 !important; }

.valnet_stickyFooter_container {
  -ms-transform: none !important;
  -webkit-transform: none !important;
  transform: none !important; }

#body-injected-distance-delayed {
  height: 1px;
  width: 1px;
  position: absolute;
  opacity: 0; }

.ad-zone-container-header-header-injected {
  display: none; }

/*third party style - revContent*/
.rc-belowarticle {
  margin-top: 0px !important; }

.rc-belowarticle .rc-description {
  margin-bottom: 5px !important; }

.rc-baheadline {
  overflow: hidden !important;
  color: #000000 !important;
  text-align: right !important;
  font-size: 24px !important;
  font-family: "Roboto Condensed", helvetica, arial, tahoma, sans-serif !important;
  text-transform: uppercase !important;
  font-weight: bold !important;
  border-bottom: 3px solid #000000 !important;
  padding: 0 0 5px 0 !important;
  margin-bottom: 17px !important;
  line-height: 1.2em !important; }

.rc-belowarticle .rc-bl-sponsored-by-revcontent div {
  font-size: 12px !important;
  margin: 0px -10px 0px 0 !important;
  padding: 0 0 5px 0 !important;
  border-bottom: 1px solid black;
  width: 100%; }

hr.clear-rev {
  clear: both;
  visibility: hidden;
  height: 0px;
  display: none; }

.rc-belowarticle .rc-bl-sponsored-by-revcontent div {
  border: 0; }

/* Taboola Ad Override */
@media (min-width: 405px) {
  #taboola-below-article-thumbnails.trc_elastic .trc_rbox_outer {
    margin-left: -2%; }
  #taboola-below-article-thumbnails.trc_elastic .videoCube {
    margin: 0 0 2% 2%; } }
/** REVCONTENT AD - Above next btn (List View - UTM) **/
.ad-zone-container .rc-item-wrapper .rc-photo-container {
  box-sizing: border-box;
  position: relative; }
  .ad-zone-container .rc-item-wrapper .rc-photo-container:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(40%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.8)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); }
.ad-zone-container .rc-item-wrapper .rc-content {
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0 !important;
  padding: 5px !important; }
  .ad-zone-container .rc-item-wrapper .rc-content .rc-headline {
    font-family: Arial, sans-serif;
    font-size: 16px !important;
    font-weight: bold !important;
    line-height: 1.1 !important;
    text-align: left;
    color: white !important;
    text-shadow: 1px 1px 1px #171717;
    width: 100% !important;
    margin: 0 !important; }

.remove-ads {
  height: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center; }
  .remove-ads .text-wrap {
    height: 100%;
    cursor: pointer; }
  .remove-ads > img {
    position: fixed; }
  .remove-ads strong {
    font-size: 1em;
    display: block;
    text-transform: uppercase;
    box-sizing: border-box;
    padding: 5px; }
  .remove-ads.full-width {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background-color: #dddddd;
    cursor: pointer; }
    .remove-ads.full-width .text-wrap {
      background-color: none;
      display: block;
      width: 100%; }
      .remove-ads.full-width .text-wrap a {
        display: block;
        width: 100%;
        text-align: left; }
    .remove-ads.full-width strong {
      color: #333333;
      font-weight: bold; }
      .remove-ads.full-width strong::before {
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        margin-right: 10px;
        content: '\1F6AB'; }
  .remove-ads.short {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    background-color: #f7f7f7; }
    .main-sidebar .remove-ads.short {
      background-color: white; }
      @media (min-width: 768px) {
        .main-sidebar .remove-ads.short {
          background-color: #b7b7b7; } }
    .remove-ads.short .text-wrap {
      background-color: #dddddd;
      height: 100%; }
    .remove-ads.short strong {
      color: black;
      font-weight: 400; }
    .ad-contentBlock-position-top .remove-ads.short {
      margin-top: -.5rem;
      margin-bottom: .5rem; }
  .remove-ads .close-btn {
    background-color: #333333;
    color: white;
    width: 20px;
    height: 20px;
    font-size: 17px;
    border: 0;
    cursor: pointer;
    outline: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center; }
    .remove-ads .close-btn::after {
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      display: block;
      margin: 0 auto;
      box-sizing: border-box;
      content: '\00d7'; }
    .remove-ads .close-btn:hover {
      background-color: #e22929; }

/* Fine tunning */
.ad-contentBlock-position-top + .ad-zone-advertising-tag {
  margin-top: .5rem;
  margin-bottom: .5rem; }

.main-sidebar .ad-contentBlock-position-top .remove-ads.full-width {
  margin-top: -.5rem;
  margin-bottom: .5rem; }
.article-body .ad-contentBlock-position-top .remove-ads.full-width {
  margin-top: -.25rem; }
.article-body .ad-contentBlock-position-top .remove-ads.short {
  margin-top: -.25em; }

.main-sidebar .ad-contentBlock-position-bottom .remove-ads.full-width {
  margin-bottom: -.5rem;
  margin-top: .5rem; }
@media (max-width: 768px) {
  .article-body .ad-contentBlock-position-bottom .remove-ads.full-width {
    margin-bottom: -.5em; } }
@media (max-width: 768px) {
  .article-body .ad-contentBlock-position-bottom .remove-ads.short {
    margin-bottom: -.5em; } }

/* Advertising Label With Close Button (link sends to ThePremium) */
.ad-contentBlock-position-top .ad-label-with-close-btn {
  margin-bottom: .5rem; }
.ad-contentBlock-position-bottom .ad-label-with-close-btn {
  margin-top: .5rem; }

.ad-label-with-close-btn-link {
  padding: 0;
  font-family: helvetica, arial, tahoma, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  color: #333333;
  cursor: pointer; }
  .ad-label-with-close-btn-link .close {
    margin-left: .1rem;
    color: #d20000;
    letter-spacing: .1rem; }
  .ad-label-with-close-btn-link:hover {
    color: black; }

/*
 * [footer core]
 */
.main-footer-wrapper {
  background: #000000;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  position: relative;
  z-index: 18;
  text-align: center; }
  .main-footer-wrapper.is-pushed {
    -webkit-transform: translateX(34em);
    -ms-transform: translateX(34em);
    transform: translateX(34em); }
  @media (min-width: 1024px) {
    .main-footer-wrapper {
      padding: 0; } }

.main-footer {
  color: #b7b7b7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 1rem 10px; }
  @media (min-width: 1024px) {
    .main-footer {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      padding: 1rem 0.5em;
      margin: 0 auto;
      max-width: 107em; } }
  .main-footer .footer-content .list {
    margin-bottom: 1em;
    padding-bottom: 1em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media (min-width: 1024px) {
      .main-footer .footer-content .list {
        display: block;
        border-bottom: 1px solid #333333; } }
  .main-footer .footer-content .link {
    color: #b7b7b7;
    padding: .0 1em .5em 0;
    display: block; }
    .main-footer .footer-content .link:hover {
      color: #cacaca; }
  .main-footer .footer-content .details {
    font-size: 1em;
    margin-left: -1em;
    margin-bottom: 0; }
    .main-footer .footer-content .details::before {
      font-size: 2.5em;
      display: inline-block;
      vertical-align: middle; }
  .main-footer .left-content {
    padding-left: 0.5rem;
    display: block;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; }
    @media (min-width: 1024px) {
      .main-footer .left-content {
        margin-left: 0;
        text-align: left;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; } }
  .main-footer .promo-contributor {
    color: #b7b7b7;
    font-size: 1.5em;
    text-align: center;
    display: block;
    margin: 0 auto 2em;
    border: 1px solid rgba(183, 183, 183, 0.4);
    width: 100%;
    box-sizing: border-box;
    padding: 1em;
    padding-bottom: 0;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease; }
    .main-footer .promo-contributor::after {
      content: '\0027a0';
      color: #e61c21;
      font-size: 3em; }
    .main-footer .promo-contributor:hover {
      background-color: #0d0d0d; }
    @media (min-width: 1024px) {
      .main-footer .promo-contributor {
        margin: 0 1rem 2.5em 0;
        width: 350px; } }
    .main-footer .promo-contributor strong {
      margin-bottom: .75em;
      display: block; }
    .main-footer .promo-contributor blockquote {
      font-style: italic;
      font-weight: 100;
      margin-bottom: 0; }

/************************************************************
STICKY HEADER - Variables
************************************************************/
/* Primary header variables */
/* Social and "go premium" buttons */
/* Title and Sub Title */
/************************************************************
STICKY HEADER - Wordpress logged in
************************************************************/
.logged-in .w-sticky-header {
  display: none; }

/************************************************************
STICKY HEADER - Primary CSS
************************************************************/
.w-sticky-header {
  box-sizing: border-box;
  z-index: 9999999;
  position: fixed;
  width: 100%;
  height: 6em;
  background: #ffffff;
  box-shadow: 0 2px 2px 2px rgba(25, 25, 25, 0.4);
  -webkit-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
  -webkit-transform: translateY(-6.6em);
  -ms-transform: translateY(-6.6em);
  transform: translateY(-6.6em); }
  @media (min-width: 1024px) {
    .w-sticky-header {
      height: 6em;
      -webkit-transform: translateY(-6.6em);
      -ms-transform: translateY(-6.6em);
      transform: translateY(-6.6em); } }
  .w-sticky-header.is-visible {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

.sticky-header {
  font-size: 10px;
  /*RESET*/
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 1em; }

/************************************************************
STICKY HEADER - Logo
************************************************************/
.sticky-logo {
  display: none; }
  @media (min-width: 1024px) {
    .sticky-logo {
      display: block;
      height: 40px;
      width: 40px;
      margin-right: 1em; } }
  .sticky-logo img {
    height: 100%;
    width: 100%; }

/************************************************************
STICKY HEADER - Title / Sub Title
************************************************************/
.sticky-title {
  display: none;
  font-family: "Merriweather", "Times New Roman", Times, serif;
  margin-right: 1.5em;
  max-width: 45em;
  /* LOGGED INTO TP */ }
  @media (min-width: 1240px) {
    .sticky-title {
      display: block; } }
  @media (min-width: 1024px) {
    .tp-logged-in .sticky-title {
      display: block; } }
  .sticky-title span {
    display: block;
    font-size: 1.2em;
    font-weight: 400;
    color: #555555; }
  .sticky-title strong {
    display: block;
    font-size: 1.6em;
    font-weight: 700;
    color: #333333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

/************************************************************
STICKY HEADER - Buttons
************************************************************/
.sticky-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .sticky-buttons .w-btn {
    margin-right: .75em;
    padding: 0; }
    .sticky-buttons .w-btn:last-of-type {
      margin: 0; }
  .sticky-buttons .btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 38px;
    width: auto;
    padding: 0 1em;
    background: none;
    border-radius: 2px;
    border: 1px solid #555555;
    /*Facebook btn*/
    /*Twitter btn*/ }
    .sticky-buttons .btn .text {
      font-size: 1em;
      font-weight: 400;
      color: #555555;
      font-family: "Merriweather", "Times New Roman", Times, serif;
      text-transform: uppercase; }
    .sticky-buttons .btn:before {
      color: #555555; }
    .sticky-buttons .btn.btn-facebook:before {
      font-size: 21px;
      margin-right: 0; }
    @media (min-width: 1024px) {
      .sticky-buttons .btn.btn-facebook:hover {
        -webkit-transition: all 0.15s ease-out;
        transition: all 0.15s ease-out;
        background: #3b5998;
        border-color: #3b5998; }
        .sticky-buttons .btn.btn-facebook:hover .text, .sticky-buttons .btn.btn-facebook:hover:before {
          color: #ffffff; } }
    .sticky-buttons .btn.btn-twitter .text {
      display: none;
      margin-left: .4em;
      /* LOGGED INTO TP */ }
      @media (min-width: 768px) {
        .sticky-buttons .btn.btn-twitter .text {
          display: block; } }
      .tp-logged-in .sticky-buttons .btn.btn-twitter .text {
        display: block; }
    .sticky-buttons .btn.btn-twitter:before {
      font-size: 17px; }
    @media (min-width: 1024px) {
      .sticky-buttons .btn.btn-twitter:hover {
        -webkit-transition: all 0.15s ease-out;
        transition: all 0.15s ease-out;
        background: #00aced;
        border-color: #00aced; }
        .sticky-buttons .btn.btn-twitter:hover .text, .sticky-buttons .btn.btn-twitter:hover:before {
          color: #ffffff; } }

/************************************************************
STICKY HEADER - Premium Zone
************************************************************/
.sticky-premium-zone {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: auto;
  cursor: pointer; }
  .sticky-premium-zone img {
    display: block; }

/** "Part of The Premium Network" text **/
.sticky-zone-ad {
  display: none;
  /* LOGGED INTO TP */ }
  @media (min-width: 768px) {
    .sticky-zone-ad {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  .sticky-zone-ad .img-part-of {
    height: 24px;
    width: 214px;
    margin-right: 1em; }
  .sticky-zone-ad .img-icon-light {
    width: 28px;
    height: 34px;
    margin-right: 1em; }
  .tp-logged-in .sticky-zone-ad {
    display: none; }

/** "Go Premium" button **/
.sticky-zone-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  height: 38px;
  width: auto;
  padding: 0 2em;
  border-radius: 2px;
  border: 1px solid #e93337;
  background: #e61c21;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  /* LOGGED INTO TP */ }
  @media (min-width: 768px) {
    .sticky-zone-btn {
      padding: 0 3.5em; } }
  .sticky-zone-btn:after {
    font-family: 'icomoon';
    content: "\e800";
    font-size: 6px;
    color: #ffffff;
    position: absolute;
    right: 10px;
    top: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out; }
  @media (min-width: 1024px) {
    .sticky-zone-btn:hover {
      background: #e93337; } }
  @media (min-width: 1024px) {
    .sticky-zone-btn:hover:after {
      -webkit-transition: all 0.15s ease-out;
      transition: all 0.15s ease-out;
      top: 16px;
      opacity: 1;
      /* LOGGED INTO TP */ }
      .tp-logged-in .sticky-zone-btn:hover:after {
        opacity: 0; } }
  .tp-logged-in .sticky-zone-btn {
    width: 40px;
    height: 40px;
    border: 1px solid #b7b7b7;
    border-radius: 2px;
    background: none;
    margin: 0;
    padding: 0; }
    @media (min-width: 1024px) {
      .tp-logged-in .sticky-zone-btn:hover {
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        background: #f2f2f2; } }
  .sticky-zone-btn .img-go-premium {
    width: 100px;
    height: 13px;
    /* LOGGED INTO TP */ }
    .tp-logged-in .sticky-zone-btn .img-go-premium {
      display: none; }
  .sticky-zone-btn .img-icon-light {
    width: 19px;
    height: 22px;
    margin-right: .5em;
    /* LOGGED INTO TP */ }
    @media (min-width: 768px) {
      .sticky-zone-btn .img-icon-light {
        display: none; } }
    .tp-logged-in .sticky-zone-btn .img-icon-light {
      margin: 0;
      width: 25px;
      height: 30px;
      position: relative;
      bottom: -1px; }
      @media (min-width: 768px) {
        .tp-logged-in .sticky-zone-btn .img-icon-light {
          display: block; } }

/* General Rules */
.video-block {
  background-color: #262626;
  color: #ffffff;
  margin-bottom: 1.5rem;
  padding: 1em;
  box-sizing: border-box;
  position: relative; }
  .video-block .video-block-title {
    font-weight: 100;
    display: block;
    text-transform: uppercase;
    margin-bottom: 0.5rem; }
    @media (min-width: 768px) {
      .video-block .video-block-title {
        margin-bottom: 1rem; } }
  .video-block .video-title {
    display: block;
    text-transform: uppercase;
    line-height: 1.1;
    word-wrap: break-word; }
  .video-block .video-block-link {
    color: #ffffff;
    text-transform: uppercase;
    vertical-align: bottom; }
    .video-block .video-block-link::after {
      font-size: .6em;
      margin-left: .5em;
      vertical-align: middle;
      display: inline-block; }
      @media (min-width: 768px) {
        .video-block .video-block-link::after {
          font-size: .9em;
          -webkit-transition: all .3s;
          transition: all .3s;
          vertical-align: baseline; } }
  .video-block .wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; }
    @media (min-width: 768px) {
      .video-block .wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row; } }
    .video-block .wrapper.wrapper-bottom {
      padding-top: 1rem; }
      @media (min-width: 768px) {
        .video-block .wrapper.wrapper-bottom {
          width: 100%;
          padding-top: 0; } }
  .video-block .wrapper-right {
    width: 100%; }
    @media (min-width: 768px) {
      .video-block .wrapper-right {
        width: 70%; } }
  .video-block .wrapper-left {
    width: 100%; }
    @media (min-width: 768px) {
      .video-block .wrapper-left {
        width: 30%;
        padding-right: 1em;
        position: relative; } }
    @media (min-width: 768px) {
      .video-block .wrapper-left .video-block-link {
        position: absolute;
        bottom: .35em; } }
  .video-block .thumb-wrap {
    margin-bottom: 0;
    border-bottom: 0 !important; }
    .video-block .thumb-wrap .half-thumb, .video-block .thumb-wrap .full-thumb {
      padding: 0; }
    .video-block .thumb-wrap .title button, .video-block .thumb-wrap .title a {
      padding: 0;
      text-align: left; }

/* Home page block */
@media (min-width: 768px) {
  .video-block-main {
    background-image: url("../widget-lib/video-blocks/images/bg-video-block.png");
    background-position: 0 0;
    background-repeat: no-repeat; } }
.video-block-main .video_player {
  margin-bottom: 0.5rem;
  position: relative; }
  .video-block-main .video_player:before {
    display: block;
    content: " ";
    width: 100%;
    padding-top: 56.25%; }
  .video-block-main .video_player > .ration-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
.video-block-main .video-thumb-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: 1px solid rgba(255, 255, 255, 0.35);
  padding-top: 0.5rem; }
  @media (min-width: 768px) {
    .video-block-main .video-thumb-list {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      border-top: 0;
      padding-top: 0; } }
  .video-block-main .video-thumb-list .thumb-wrap {
    cursor: pointer;
    margin-bottom: 0.5rem; }
    .video-block-main .video-thumb-list .thumb-wrap:last-of-type {
      margin-bottom: 0; }
    @media (min-width: 768px) {
      .video-block-main .video-thumb-list .thumb-wrap {
        margin-bottom: 0;
        width: 32%; } }
.video-block-main .video-block-link {
  display: none; }
  @media (min-width: 768px) {
    .video-block-main .video-block-link {
      display: block; }
      .video-block-main .video-block-link:hover::after {
        margin-left: 1em; } }
.video-block-main .video-title {
  font-weight: normal; }
  .video-block-main .video-title strong {
    margin-bottom: 0.5rem;
    -webkit-animation-duration: .5s;
            animation-duration: .5s;
    -webkit-animation-name: fade-in;
            animation-name: fade-in;
    font-weight: normal; }
    @media (min-width: 768px) {
      .video-block-main .video-title strong {
        margin-bottom: 0; } }

@-webkit-keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/* Desktop related block inside article */
.video-block-related-article {
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #333333;
  display: none; }
  @media (min-width: 768px) {
    .video-block-related-article {
      display: block; } }
  .video-block-related-article .wrapper-right {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .video-block-related-article .wrapper-left {
    width: 49%;
    position: relative;
    margin-right: 1%; }
    .video-block-related-article .wrapper-left:before {
      display: block;
      content: " ";
      width: 100%;
      padding-top: 57.3248407643%; }
    .video-block-related-article .wrapper-left > .ration-content {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
  .video-block-related-article .video-block-link {
    background-color: #333333;
    color: #ffffff;
    padding: .5em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s; }
    .video-block-related-article .video-block-link::before {
      margin-right: .5em; }
    .video-block-related-article .video-block-link::after {
      position: absolute;
      right: .5em;
      top: .75em; }
    .video-block-related-article .video-block-link:hover {
      background-color: #e61c21; }
  .video-block-related-article .video-block-title {
    color: #333333; }
  .video-block-related-article .video-title {
    text-transform: uppercase;
    color: #333333;
    margin-top: -1em;
    cursor: pointer;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }

/* Mobile related block */
.video-block-related-player {
  display: block;
  margin-bottom: 1rem; }
  @media (min-width: 768px) {
    .video-block-related-player {
      display: none; } }
  .video-block-related-player .wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .video-block-related-player .wrapper-left {
    margin-bottom: 0.5rem;
    position: relative; }
    .video-block-related-player .wrapper-left:before {
      display: block;
      content: " ";
      width: 100%;
      padding-top: 56.25%; }
    .video-block-related-player .wrapper-left > .ration-content {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
  .video-block-related-player .video-block-link {
    text-align: right;
    display: block; }
    .video-block-related-player .video-block-link::after {
      font-size: .9em;
      margin-top: -.25em; }
  .video-block-related-player .video-title {
    margin-bottom: .5em;
    cursor: pointer; }

/* With Ads */
.video-block-ads {
  background-color: transparent;
  width: 100%;
  padding: 0.5rem 0;
  padding: 0;
  display: none; }
  @media (min-width: 768px) {
    .video-block-ads {
      display: block; } }
  .video-block-ads .video-thumb-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .video-block-ads .video-block-title {
    color: #ffffff;
    margin-bottom: 0.5rem;
    background: #e61c21;
    padding-left: 5px;
    border-bottom: 1px solid #333333; }
  .video-block-ads .thumb-wrap.video {
    background-color: transparent;
    padding: 0;
    margin-right: 1em;
    width: 25%; }
    .video-block-ads .thumb-wrap.video:last-of-type {
      margin-right: 0; }
    .video-block-ads .thumb-wrap.video .title a {
      color: #333333; }

.video-block-related-article .up-next-overlay, .video-block-related-player .up-next-overlay {
  display: none; }

iframe {
  border: 0; }

.video-summary .main-pic.main-pic {
  position: relative;
  background-color: #262626;
  overflow: hidden; }

/* Injected Video block with Playlist */
.video-block-with-playlist {
  clear: both;
  margin: 1rem 0; }
  @media (min-width: 1024px) {
    .video-block-with-playlist {
      margin: 0.5rem 0; } }
  .infinite-scroll .video-block-with-playlist {
    margin: 1.5rem 0; }
    @media (min-width: 1240px) {
      .infinite-scroll .video-block-with-playlist {
        margin: 3rem 0;
        padding: 0.5rem 0; } }
    .infinite-scroll .video-block-with-playlist::before {
      display: block;
      content: 'Article Continues Below';
      text-transform: uppercase;
      color: rgba(51, 51, 51, 0.6);
      padding-bottom: .3rem;
      font-size: 1.2em;
      font-weight: 500;
      max-width: 720px;
      margin: 0 auto; }
      @media (min-width: 1240px) {
        .infinite-scroll .video-block-with-playlist::before {
          text-align: center;
          text-shadow: -1px -1px 2px #ffffff; } }
  .video-block-with-playlist .video-block {
    padding: 0;
    margin: 0;
    overflow: hidden;
    border: 1px solid #333333; }
    .infinite-scroll .video-block-with-playlist .video-block {
      max-width: 720px;
      margin: 0 auto 0.5rem; }

/* Video blocks with playlist aspect ratio & padding to fit playlist on the bottom */
.video-summary .main-pic,
.video-block-with-playlist .video-block {
  position: relative; }
  .video-summary .main-pic:before,
  .video-block-with-playlist .video-block:before {
    display: block;
    content: " ";
    width: 100%;
    padding-top: 56.25%; }
  .video-summary .main-pic > .ration-content,
  .video-block-with-playlist .video-block > .ration-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .video-summary .main-pic iframe,
  .video-block-with-playlist .video-block iframe {
    width: 100%;
    height: 100%; }

.video-summary .main-pic {
  -webkit-transition: .5s;
  transition: .5s; }
  @media (min-width: 1024px) {
    .video-summary .main-pic {
      padding-bottom: 143px; } }

/* Show the playlist for the injected video blocks / Show the playlist when someones presses play below desktop for the summary video */
.video-block-with-playlist .video-block,
.video-summary .main-pic.pressed_play {
  padding-bottom: 118px; }
  @media (min-width: 560px) {
    .video-block-with-playlist .video-block,
    .video-summary .main-pic.pressed_play {
      padding-bottom: 143px; } }

/* Padding right for playlists that are on the right for desktop */
.desktop-vertical.video-block-with-playlist {
  /* Height fix class is applied with javascript & is mostly used for that gray zone where the window widths defer from PC to MAC */
  /* Make it work right away for screens 1420px and up, so there isn't a flash because of the javascript which is longer to load */ }
  .desktop-vertical.video-block-with-playlist .height-fix.video-block {
    padding-bottom: 0;
    padding-right: 27%; }
  @media (min-width: 1590px) {
    .desktop-vertical.video-block-with-playlist .video-block {
      padding-bottom: 0;
      padding-right: 27%; } }

/* ThePremium Promo Zone */
.premium-promo {
  background: #000000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem;
  margin: 1rem 0;
  position: relative;
  /* Don't display Promo when logged in */ }
  @media (min-width: 480px) {
    .premium-promo {
      background: url(img/pr-promo-bg.jpg) repeat left top; } }
  .tp-logged-in .premium-promo {
    display: none; }
  .premium-promo .premium-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #ffffff;
    font-family: helvetica, arial, tahoma, sans-serif; }
  .premium-promo .wrap-logo {
    width: 43%; }
    @media (max-width: 374px) {
      .premium-promo .wrap-logo {
        width: 38%; } }
    @media (min-width: 768px) {
      .premium-promo .wrap-logo {
        width: 30%; } }
  .premium-promo .premium-logo {
    background: url(img/pr-logo-network.svg) no-repeat center center;
    background-size: 100% auto;
    position: relative;
    text-indent: -2000px;
    margin-bottom: 1rem;
    width: 100%; }
    .premium-promo .premium-logo:before {
      display: block;
      content: " ";
      width: 100%;
      padding-top: 68.75%; }
    .premium-promo .premium-logo > .ration-content {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    @media (min-width: 480px) {
      .premium-promo .premium-logo {
        max-width: 17em; } }
    @media (min-width: 768px) {
      .premium-promo .premium-logo {
        margin-bottom: 0; } }
    @media (min-width: 1240px) {
      .premium-promo .premium-logo {
        max-width: none;
        width: 64%; } }
  .premium-promo .wrap-benefits {
    width: 51%;
    margin: 0 0 1rem 0.5rem;
    padding-left: 0.5rem;
    border-left: 1px solid #595959; }
    @media (max-width: 374px) {
      .premium-promo .wrap-benefits {
        width: 55%; } }
    @media (min-width: 768px) {
      .premium-promo .wrap-benefits {
        width: 30%;
        margin: 0 2.25%;
        padding-left: 2.25%;
        padding-right: 2.25%;
        border-right: 1px solid #595959; } }
    .premium-promo .wrap-benefits .item {
      margin-bottom: .4rem;
      font-weight: bold;
      font-size: 1.4em; }
      @media (max-width: 374px) {
        .premium-promo .wrap-benefits .item {
          font-size: 1.3em; } }
      @media (min-width: 480px) {
        .premium-promo .wrap-benefits .item {
          font-size: 1.8em; } }
      @media (min-width: 1024px) {
        .premium-promo .wrap-benefits .item {
          font-size: 1.4em; } }
      @media (min-width: 1240px) {
        .premium-promo .wrap-benefits .item {
          font-size: 2em;
          margin-bottom: 0.5rem; } }
      .premium-promo .wrap-benefits .item:last-child {
        margin-bottom: 0; }
      .premium-promo .wrap-benefits .item .css-checkmark {
        display: inline-block;
        margin-right: 0.5rem; }
        .premium-promo .wrap-benefits .item .css-checkmark:after {
          content: '';
          display: block;
          width: 6px;
          height: 12px;
          border: solid #07AD67;
          border-width: 0 2px 2px 0;
          -webkit-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
                  transform: rotate(45deg); }
          @media (min-width: 480px) {
            .premium-promo .wrap-benefits .item .css-checkmark:after {
              width: 8px;
              height: 16px; } }
  .premium-promo .wrap-btn {
    width: 100%; }
    @media (min-width: 768px) {
      .premium-promo .wrap-btn {
        width: 30%; } }
    .premium-promo .wrap-btn .premium-btn {
      background: #e61c21;
      background: -webkit-gradient(left top, left bottom, color-stop(0%, #e61c21), color-stop(100%, #c4161a));
      background: -webkit-linear-gradient(top, #e61c21 0%, #c4161a 100%);
      background: linear-gradient(to bottom, #e61c21 0%, #c4161a 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$startColor', endColorstr='$endColor', GradientType=0 );
      padding: 0.5rem;
      border-top: 1px solid #ea4145;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100%;
      font-size: 1.4em; }
      @media (max-width: 374px) {
        .premium-promo .wrap-btn .premium-btn {
          font-size: 1.3em; } }
      @media (min-width: 480px) {
        .premium-promo .wrap-btn .premium-btn {
          font-size: 1.8em; } }
      @media (min-width: 768px) {
        .premium-promo .wrap-btn .premium-btn {
          padding: 1rem;
          max-width: 14em;
          font-size: 1.4em; } }
      @media (min-width: 1024px) {
        .premium-promo .wrap-btn .premium-btn {
          font-size: 1em; } }
      @media (min-width: 1240px) {
        .premium-promo .wrap-btn .premium-btn {
          font-size: 1.4em; } }
      .premium-promo .wrap-btn .premium-btn::before {
        width: 30px;
        height: 30px;
        margin: 0 0.5rem 0 0; }
        @media (min-width: 768px) {
          .premium-promo .wrap-btn .premium-btn::before {
            min-height: 35px;
            width: 22%;
            height: 100%; } }
      @media (min-width: 768px) {
        .premium-promo .wrap-btn .premium-btn .text {
          width: 71%; } }
    @media (min-width: 768px) {
      .premium-promo .wrap-btn strong {
        font-weight: 300; } }
    @media (min-width: 768px) {
      .premium-promo .wrap-btn .brand {
        font-weight: bold;
        font-size: 1.55em; } }
  .premium-promo .promo-link {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-indent: -2000px; }
  .premium-promo:hover .premium-btn {
    background: #c4161a;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #c4161a), color-stop(100%, #e61c21));
    background: -webkit-linear-gradient(top, #c4161a 0%, #e61c21 100%);
    background: linear-gradient(to bottom, #c4161a 0%, #e61c21 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$startColor', endColorstr='$endColor', GradientType=0 ); }

/*
LIGHTBOX COMMENTS

TO USE BLACK OR WHITE THEME
Use class 'black-theme' for white overlay and black content block
Use class 'white-theme' for black overlay and white content block

TO USE LIGHT OR DARK THEME - Uses the primary colors of the site
Use class 'dark-theme' for light overlay and dark content block
Use class 'light-theme' for dark overlay and light content block

*/
/************************************************************
LIGHTBOX - Default Styles For All Lightboxes
************************************************************/
/* Background Overlay */
.w-lightbox {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999999;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  /* Show the Lightbox */
  /* Dark Theme (Light overlay w/ dark content */
  /* Light Theme (Dark overlay w/ light content */
  /* Black Theme (White overlay w/ black content */
  /* White Theme (Black overlay w/ white content */ }
  .w-lightbox.is-visible {
    opacity: 1;
    visibility: visible; }
  .w-lightbox.dark-theme {
    background: rgba(255, 255, 255, 0.9); }
  .w-lightbox.light-theme {
    background: rgba(0, 0, 0, 0.9); }
  .w-lightbox.black-theme {
    background: rgba(255, 255, 255, 0.9); }
  .w-lightbox.white-theme {
    background: rgba(0, 0, 0, 0.9); }

/* Lightbox Content Area */
.lightbox-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  /* Dark Theme */
  /* Light Theme */
  /* Black Theme */
  /* White Theme */ }
  .dark-theme .lightbox-content {
    background: #000000;
    color: #ffffff; }
  .light-theme .lightbox-content {
    background: #ffffff;
    color: #000000; }
  .black-theme .lightbox-content {
    background: black;
    color: white; }
  .white-theme .lightbox-content {
    background: white;
    color: black; }

.lb-btn-close {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  padding: 0;
  font-size: 16px;
  /* Dark Theme */
  /* Light Theme */
  /* Black Theme */
  /* White Theme */ }
  .lb-btn-close::before {
    display: block;
    padding: .5rem; }
  .dark-theme .lb-btn-close {
    color: #ffffff; }
  .light-theme .lb-btn-close {
    color: #000000; }
  .black-theme .lb-btn-close {
    color: white; }
  .white-theme .lb-btn-close {
    color: black; }

/************************************************************
AD BLOCKER LIGHTBOX
************************************************************/
.lb-ad-blocker {
  opacity: 1 !important;
  visibility: visible !important;
  font-family: helvetica, arial, tahoma, sans-serif;
  text-align: center;
  padding-bottom: 2rem; }
  .lb-ad-blocker .lightbox-content {
    padding-bottom: 0;
    width: 36rem; }
  .lb-ad-blocker .lb-btn-close {
    color: white;
    font-size: 30px;
    top: 1rem;
    right: 1rem; }
  .lb-ad-blocker .lb-header {
    background-color: black;
    height: 5rem;
    box-sizing: border-box;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 1rem; }
    .lb-ad-blocker .lb-header svg {
      width: 30%; }
  .lb-ad-blocker .lb-header-label {
    color: white; }
  .lb-ad-blocker .lb-zone {
    text-align: left;
    margin: 0 1rem 1rem;
    background-color: #f5f5f5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 1rem;
    min-height: 6rem; }
    .lb-ad-blocker .lb-zone.lb-zone-1 {
      padding-bottom: 0; }
  .lb-ad-blocker .lb-title {
    font-size: 1.6em; }
  .lb-ad-blocker .lb-desc {
    font-size: 1.4em;
    line-height: 18px;
    margin-bottom: 1rem; }
    .lb-ad-blocker .lb-desc small {
      color: #6a6a6a; }
  .lb-ad-blocker .lb-link {
    font-weight: bold;
    color: #000000;
    text-decoration: underline; }
    .lb-ad-blocker .lb-link:hover {
      text-decoration: none; }
  .lb-ad-blocker .lb-btn {
    display: inline-block;
    padding: 0.8rem 1rem;
    background-color: #09d57f;
    background: -webkit-linear-gradient(top, #09d57f 0%, #07a462);
    background: linear-gradient(to bottom, #09d57f 0%, #07a462);
    border: 1px solid #09d57f;
    border-radius: 3px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    font-size: .8rem; }
    .lb-ad-blocker .lb-btn:hover {
      background-color: #07a462;
      background: -webkit-linear-gradient(top, #07a462 0%, #09d57f);
      background: linear-gradient(to bottom, #07a462 0%, #09d57f); }
    @media (max-width: 374px) {
      .lb-ad-blocker .lb-btn {
        font-size: .7rem; } }
  .lb-ad-blocker .lb-content-wrap {
    margin-left: 2rem;
    width: 75%; }
  .lb-ad-blocker .lb-img-wrap {
    width: 15rem;
    text-align: center; }
    .lb-ad-blocker .lb-img-wrap img {
      width: 80%; }
    .lb-ad-blocker .lb-img-wrap.ad-blocker-img img {
      width: 35%;
      margin-bottom: 1rem; }
  .lb-ad-blocker .lb-count-down {
    font-size: 3em;
    z-index: 10;
    color: #fff;
    text-align: center;
    font-weight: bold;
    display: block;
    position: relative;
    width: 6rem;
    margin: -24px  auto 0; }
    .lb-ad-blocker .lb-count-down::before {
      content: ' ';
      position: absolute;
      z-index: -1;
      display: inline-block;
      box-sizing: content-box;
      border-radius: 50%;
      width: 64px;
      height: 64px;
      border: 5px solid rgba(255, 255, 255, 0.5);
      background-color: rgba(0, 0, 0, 0.3);
      border-right-color: #FFF;
      -webkit-animation: spin 1s infinite linear;
              animation: spin 1s infinite linear;
      top: -20px;
      left: -webkit-calc(50% - 37px);
      left: calc(50% - 37px); }
    .lb-ad-blocker .lb-count-down.is-stop::before {
      -webkit-animation-name: none;
              animation-name: none; }
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
/************************************************************
TP PROMO LIGHTBOX
************************************************************/
.lb-tp-promo * {
  box-sizing: content-box; }
.lb-tp-promo .lightbox-content {
  width: 75%;
  max-width: 20rem;
  padding: 2rem 1rem 1rem;
  font-family: helvetica, arial, tahoma, sans-serif;
  text-align: center; }
.lb-tp-promo p {
  font-family: helvetica, arial, tahoma, sans-serif;
  font-size: inherit;
  line-height: inherit; }
.lb-tp-promo .svg {
  display: block; }
.lb-tp-promo .lb-border {
  margin-bottom: 1rem;
  padding: 1rem;
  overflow: hidden;
  border: 1px solid #4d4d4d; }
.lb-tp-promo .lb-header-label {
  position: absolute;
  top: 1.5rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: black;
  width: 9rem;
  text-transform: uppercase;
  font-size: .8rem;
  font-weight: normal; }
.lb-tp-promo .svg-full-logo {
  margin: 0 auto 1.5rem;
  width: 10rem;
  height: 2.4rem; }
.lb-tp-promo .lb-title {
  display: inline-block;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #09d57f;
  font-size: 1.4rem; }
.lb-tp-promo .lb-desc {
  margin-bottom: 1.5rem;
  font-size: 1rem; }
  @media (max-width: 374px) {
    .lb-tp-promo .lb-desc {
      font-size: .9rem; } }
.lb-tp-promo .lb-network {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  margin-bottom: 1.5rem;
  overflow-x: scroll; }
  @media (min-width: 1024px) {
    .lb-tp-promo .lb-network {
      overflow: visible;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin-bottom: 1rem; } }
.lb-tp-promo .site-icon {
  margin-right: .5rem;
  padding: .25rem;
  border: 1px solid #4d4d4d; }
  @media (min-width: 1024px) {
    .lb-tp-promo .site-icon {
      margin-right: 0;
      margin-bottom: .5rem;
      padding: .5rem; } }
.lb-tp-promo .svg-site-icon {
  width: 1.8rem;
  height: 1.8rem; }
  @media (min-width: 1024px) {
    .lb-tp-promo .svg-site-icon {
      width: 2rem;
      height: 2rem; } }
.lb-tp-promo .lb-btn {
  display: block;
  padding: 0.8rem 0.5rem;
  background-color: #09d57f;
  background: -webkit-linear-gradient(top, #09d57f 0%, #07a462);
  background: linear-gradient(to bottom, #09d57f 0%, #07a462);
  border: 1px solid #09d57f;
  border-radius: 3px;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  font-size: .8rem; }
  .lb-tp-promo .lb-btn:hover {
    background-color: #07a462;
    background: -webkit-linear-gradient(top, #07a462 0%, #09d57f);
    background: linear-gradient(to bottom, #07a462 0%, #09d57f); }
  @media (max-width: 374px) {
    .lb-tp-promo .lb-btn {
      font-size: .7rem; } }
.lb-tp-promo .lb-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: .75rem; }
  .lb-tp-promo .lb-footer p {
    margin-bottom: 0;
    color: #999999; }
  .lb-tp-promo .lb-footer a {
    color: white; }
    .lb-tp-promo .lb-footer a:hover {
      text-decoration: underline; }

/*
 * [Article Page]
 */
.page-content-article {
  /* see also .page-content */
  padding-top: 0.5rem;
  overflow: hidden;
  /* For gifs to be responsive */ }
  @media (min-width: 1024px) {
    .page-content-article {
      padding-top: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
      align-content: stretch; } }
  @media (min-width: 1024px) {
    .page-content-article .article {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      width: 40%;
      box-sizing: border-box; } }
  .page-content-article .article .article-wrapper {
    max-width: 100em;
    margin: 0.5rem auto 1rem;
    padding: 0 10px; }
    @media (min-width: 1024px) {
      .page-content-article .article .article-wrapper {
        padding: 0 1.5rem;
        margin-top: 1rem; } }
  .page-content-article .article .header-article .info-article-wrapper {
    margin-bottom: 1rem; }
    @media (min-width: 1024px) {
      .page-content-article .article .header-article .info-article-wrapper {
        padding: 0.5rem 0; } }
  @media (min-width: 1024px) {
    .page-content-article .article .header-article .sharing-option {
      display: none; } }
  .page-content-article .article .main-pic {
    margin-bottom: 0.5rem; }
  .page-content-article .article .article-body h2 {
    margin-bottom: 1rem;
    clear: both; }
  .page-content-article .article .article-body p {
    margin-bottom: 1.5rem; }
    .page-content-article .article .article-body p a {
      color: #919191; }
      .page-content-article .article .article-body p a:hover {
        text-decoration: underline; }
    .page-content-article .article .article-body p:first-child {
      margin-top: 0.5rem; }
    .page-content-article .article .article-body p:empty {
      display: none; }
  .page-content-article .article .article-body .wp-caption ~ p {
    margin-top: 0.5rem; }
  .page-content-article .article .article-body .img_article_content_new:not(:first-of-type) {
    margin-bottom: 0.5rem; }
  .page-content-article .article .article-body .img_article_content {
    margin-bottom: .5rem; }
  .page-content-article .article .article-body .sharing-option {
    /*margin-bottom: $margin-small;*/
    /*tk*/ }
    @media (min-width: 1024px) {
      .page-content-article .article .article-body .sharing-option.page-2 {
        display: none; } }
  .page-content-article .article .article-body br {
    display: none; }
  .page-content-article .wp-caption {
    line-height: 1.125em;
    /* 18 / 16 */
    max-width: 100% !important;
    /* prevent too-wide images from breaking layout */
    text-align: center;
    position: relative; }
  .page-content-article .wp-caption p.wp-caption-text {
    font-size: 1em !important;
    /* 12 / 16 */
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    padding: 0 7px;
    background-color: rgba(0, 0, 0, 0.5);
    margin: 0 !important;
    color: #bbbcbe;
    z-index: 2; }
  .page-content-article .inArtPic img {
    width: 100%; }

.header-info-wrap,
.top-info-wrap {
  border-left: 10px solid #d9d9d9;
  padding-left: 1rem; }

/* Next button */
.nextPage {
  overflow: hidden;
  clear: both; }
  .nextPage .grayBtn {
    padding: 0;
    position: relative;
    display: block;
    border: 1px solid #eaeaea;
    text-align: center;
    text-shadow: 1px 1px 0 #ffffff;
    background: #f7f7f7;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #e8e8e8));
    background: -webkit-linear-gradient(top, #f7f7f7 0%, #e8e8e8 100%);
    background: linear-gradient(to bottom, #f7f7f7 0%, #e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$startColor', endColorstr='$endColor', GradientType=0 );
    box-shadow: inset 1px 1px 1px 0px rgba(255, 255, 255, 0.61);
    text-transform: none;
    cursor: pointer;
    font-family: 'Merriweather', 'Times New Roman', Times, serif;
    font-size: 1.5em;
    font-size: 2em;
    color: #000000; }
    @media (min-width: 1240px) {
      .nextPage .grayBtn {
        font-size: 2.9em; } }
    .nextPage .grayBtn:hover {
      border-color: #d1d1d1;
      background: #f7f7f7;
      background: -webkit-gradient(left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #e8e8e8));
      background: -webkit-linear-gradient(top, #f7f7f7 0%, #e8e8e8 100%);
      background: linear-gradient(to bottom, #f7f7f7 0%, #e8e8e8 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$startColor', endColorstr='$endColor', GradientType=0 ); }
    .nextPage .grayBtn::after {
      color: #4888ef;
      position: absolute;
      right: 10px;
      top: 24px;
      padding: 0;
      font-family: 'icomoon'; }
    .nextPage .grayBtn strong {
      color: #4888ef;
      text-transform: uppercase; }
    .nextPage .grayBtn span {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding: 20px 40px 20px 10px; }

/* Styles for summary video page */
/*.video-summary {
    .infinite-scroll-wrap & {
        .header-info-wrap {
            @include tablet {
                min-height: auto;
            }
        }
    }
    .main-pic.main-pic {
        margin-bottom: $margin-tiny;
        @include desktop {
            margin-bottom: $margin-small;
        }
    }
}*/
/* Related Articles at bottom - Temporary style before creating article clip */
/*.relatedBtm {
    margin-bottom: 20px;
    .thumb-wrapper {
        @include flex();
        @include justify-content-space-between();
        @include flex-wrap(wrap);
    }
    article {
        width: 100%;
        margin-bottom: 18px;
        @include tablet {
            width: 49%;
        }
        h4 {
            margin-bottom: 0;
        }
        a {

        }
    }
    .articleImg {
        margin-bottom: 10px;
        display: block;
        position: relative;
        @include tablet {
            margin-bottom: 5px;
        }
    }
    .labelVid {
        background: #bd3134;
        padding: 4px 5px 5px;
        color: white;
        font-size: 12px;
        text-transform: uppercase;
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 3;
        font-weight: 300;
    }
    .artInfo {
        display: none;
        a {

        }
        .views {
            display: none;
        }
    }
}*/
/* Like Us on FB */
/*.like-us-fb {
    border-top: solid 1px lighten($primary-color-4, 30%);
    border-bottom: solid 1px lighten($primary-color-4, 30%);
    margin-bottom: $margin-normal;
    padding: $margin-tiny 0;
    position: relative;
    min-height: 20px;
    strong {
        padding-right: 8px;
        text-transform: uppercase;
        position: relative;
        top: 2px;
        float: left;
    }
}*/
/* Single View All - Infinite Scroll */
/*.infinite-scroll {
    padding-top: 0;
}*/
/*.infinite-scroll-wrap {
    @include desktop {
        @include flex-grow(1);
        width: 40%;
        box-sizing: border-box;
        margin: $margin-small;
    }
    .article {
        position: relative;
        padding-top: 39.5%;
        @include tablet-small {
            padding-top: 43.5%;
        }
        @include tablet {
            padding-top: 45.5%;
        }
        @include desktop {
            width: auto;
            padding-top: 41.5%;
        }
        @include full-screen {
            padding-top: 44%;
        }
        @include wide-width {
            padding-top: 52.5em;
        }
        .article-wrapper {
            margin-bottom: $margin-double;
            max-width: 114em;
        }
    }
    .header-article {
        .sharing-option {
            @include tablet {
                margin: 0 $margin-small $margin-small;
            }
        }
    }
    .header-info-wrap {
        background: $primary-color-5;
        padding: 1em 1.5em 0;
        min-height: 7.4em;
        position: relative;
        z-index: 2;
        @include wide-width {
            padding: 1.5em 3em 0;
            margin: 0 $margin-double $margin-normal;
        }

    }
    .main-pic {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        width: 100%;
        @include desktop {
            max-width: 114em;
            right: 0;
            margin: 0 auto;
        }
        .wp-caption {
            position: static;
            max-width: 10em;
            p.wp-caption-text {
                bottom: auto;
                left: auto;
                right: 0;
                top: 0;
                max-width: 10em;
                @include truncate-string();
                @include tablet {
                    max-width: 15em;
                }
            }
        }
    }
    .info-article-wrapper {
        border: none;
        padding: 0;
    }
    .article-body {
        @include tablet {
            margin: 0 $margin-small;
        }
        @include wide-width {
            margin: 0 7em;
        }
    }
    #fbLikesRate {
        border-width: 3px;
        border-color: lighten($facebook,40%);
        padding: 9px 0 10px;
    }
}*/
/* Infinite Scroll - Common Promo Block Styles */
/*.infinite-scroll-wrap {
    .section-block {
        @include tablet {
            max-width: 30em;
            display: inline-block;
            float: left;
            margin: $margin-normal $margin-normal $margin-normal 0;

        }
    }
}*/
/* Infinite Scroll - Promo Block for TR content - Block with border  */
/*.block-w-border {
    border: 1px solid $primary-color-1;
    padding: $margin-small $margin-small 0;
    position: relative;
    @include tablet {
        max-width: 30em;
    }
    .section-title {
        position: absolute;
        top: -.65em;
        left: 0;
        right: 0;
        margin: 0 auto;
        background: white;
        padding: 0 .5em;
        max-width: 14em;
        text-align: center;
        @include truncate-string();
        a {
            color: $accent-color-2;
            &:hover {
                text-decoration: underline;
            }
        }
    }
    .img-wrapper {
        width: 56%;
    }
    .info-wrapper {
        width: 43%;
    }
    .thumb-wrap {
        margin-bottom: $margin-small;
    }
    .title {
        .link {

        }
    }
}

.img_article_content {
    clear: both;
}*/
/*************************************************************
ARTICLE - Punch Line
*************************************************************/
/** variables **/
.punchline-small,
.punchline-large {
  font-weight: 700;
  font-style: italic;
  line-height: 1.4; }

.punchline-small {
  font-size: 22px; }
  @media (min-width: 1024px) {
    .punchline-small {
      font-size: 26px; } }

.punchline-large {
  font-size: 26px; }
  @media (min-width: 1024px) {
    .punchline-large {
      font-size: 30px; } }

.punchline-small,
.punchline-large {
  display: table-cell;
  color: #1a1a1a;
  padding: 4%;
  border-top: 4px solid rgba(230, 28, 33, 0.5);
  border-bottom: 4px solid rgba(230, 28, 33, 0.5); }
  @media (min-width: 1024px) {
    .punchline-small,
    .punchline-large {
      padding: 3%;
      border: none;
      border-left: 8px solid rgba(230, 28, 33, 0.5); } }

@media (min-width: 1024px) {
  .page-content-article {
    padding-top: 1.5rem; } }
@media (min-width: 1024px) {
  .page-content-article .article {
    border-right: 1px solid #dddddd;
    padding-right: 1.5rem;
    max-width: 103em; } }
@media (min-width: 1024px) {
  .page-content-article .article .article-wrapper {
    padding: 0;
    margin-top: 0; } }
.page-content-article .main-title {
  font-size: 2.2em; }
  @media (min-width: 768px) {
    .page-content-article .main-title {
      font-size: 3.8em; } }
  @media (min-width: 1024px) {
    .page-content-article .main-title {
      font-size: 4.5em;
      margin-bottom: 0.5rem; } }
@media (min-width: 1024px) {
  .page-content-article .main-pic {
    margin-bottom: 1rem; } }

.info-article-wrapper {
  margin-bottom: 1rem;
  font-size: 1.2em;
  color: #b7b7b7;
  font-family: 'Merriweather', 'Times New Roman', Times, serif; }
  @media (min-width: 1024px) {
    .info-article-wrapper {
      padding: 0.5rem 0 0 !important; } }
  .info-article-wrapper a {
    color: #919191;
    font-style: normal; }
    .info-article-wrapper a:hover {
      text-decoration: underline; }
  .info-article-wrapper time,
  .info-article-wrapper .view-counts,
  .info-article-wrapper .category,
  .info-article-wrapper .nbr-share {
    padding-left: .5em;
    vertical-align: top; }
    .info-article-wrapper time::before,
    .info-article-wrapper .view-counts::before,
    .info-article-wrapper .category::before,
    .info-article-wrapper .nbr-share::before {
      color: #d1d1d1;
      content: '•';
      margin-right: .5em;
      display: inline-block; }

/* titles */
.article-body {
  /* fullview button */ }
  .article-body .main-title {
    margin-bottom: 0.5rem;
    border: none; }
    @media (min-width: 1024px) {
      .article-body .main-title {
        max-width: 86%;
        margin-bottom: 1rem;
        max-width: none; } }
  .article-body p:empty {
    display: none; }
  .article-body .list-view {
    margin: 0 auto 1.5rem;
    text-align: center;
    display: block;
    font-family: 'Merriweather', 'Times New Roman', Times, serif;
    font-size: 1.5em;
    color: #888888; }
    @media (min-width: 1024px) {
      .article-body .list-view {
        text-align: left;
        margin-bottom: 2.5rem; } }
    .article-body .list-view:hover {
      text-decoration: underline; }
  .article-body h2.secondary-title,
  .article-body .main-title.page-2 {
    border: none;
    border-top: 1px solid #e61c21;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    padding: 0;
    font-size: 2.1em; }
    @media (min-width: 768px) {
      .article-body h2.secondary-title,
      .article-body .main-title.page-2 {
        font-size: 2.4em; } }
    .article-body h2.secondary-title .position,
    .article-body .main-title.page-2 .position {
      padding: 0.5rem;
      min-width: 1.3em;
      text-align: center; }
    .article-body h2.secondary-title .title,
    .article-body .main-title.page-2 .title {
      padding: 0.5rem 0 0 0.5rem;
      -webkit-hyphens: auto;
          -ms-hyphens: auto;
              hyphens: auto; }

/* page 2 fade titte*/
.fadedTitle {
  color: #000000;
  margin-bottom: 1rem;
  display: block;
  font-family: 'Merriweather', 'Times New Roman', Times, serif;
  font-size: 1.5em;
  font-size: 1.25em;
  font-weight: 400; }
  @media (min-width: 1024px) {
    .fadedTitle {
      font-size: 1.35em; } }
  .fadedTitle a {
    color: #b7b7b7;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block; }

.article-body .ad-zone-container-content-below-next-button {
  margin-bottom: 0.5rem; }

/* Next Button */
.next-btn a:nth-child(1):hover,
.next-btn a:nth-child(2):hover {
  background: #333333; }

#switchView {
  clear: both; }

/* Related Thumbs */
@media (min-width: 768px) {
  .related .thumb-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%; } }
@media (min-width: 768px) {
  .related .thumb-wrapper .thumb-wrap {
    width: 49%;
    margin-right: 0; } }
@media (min-width: 1024px) {
  .related .thumb-wrapper .thumb-wrap {
    width: 32.5%; } }
.related .thumb-wrapper .thumb-wrap .title {
  font-size: 1.8em;
  margin-bottom: 0.5rem; }
  @media (min-width: 768px) {
    .related .thumb-wrapper .thumb-wrap .title {
      font-size: 2.1em; } }
  @media (min-width: 1024px) {
    .related .thumb-wrapper .thumb-wrap .title {
      font-size: 2em; } }

/* Sticky Sidebar Unit */
@media (min-width: 1024px) {
  .sidebar-fixed-unit {
    width: 32.6em; } }

/* Revcontent unit */
.rc-wc.rc-wc {
  padding-bottom: 20px; }
  .rc-wc.rc-wc .row-item h3 {
    font-family: 'Merriweather', 'Times New Roman', Times, serif;
    text-transform: uppercase;
    font-size: 1.9em;
    text-align: left;
    margin: 9px 0 0 9px; }
    @media (min-width: 768px) {
      .rc-wc.rc-wc .row-item h3 {
        font-size: 2em; } }
  .rc-wc.rc-wc .rc-headline {
    font-family: 'Merriweather', 'Times New Roman', Times, serif;
    text-align: left;
    font-size: 1.6em;
    margin: 0; }
    @media (min-width: 768px) {
      .rc-wc.rc-wc .rc-headline {
        font-size: 1.9em; } }
    @media (min-width: 1024px) {
      .rc-wc.rc-wc .rc-headline {
        font-size: 1.8em; } }
  .rc-wc.rc-wc .rc-branding {
    position: static;
    height: 0; }
  .rc-wc.rc-wc .rc-branding-label {
    margin: 0 !important;
    padding: 0 10px 0 0 !important;
    font-size: 11px !important;
    width: 99%; }
  .rc-wc.rc-wc .rc-content {
    margin-left: 0 !important; }
  .rc-wc.rc-wc .rc-item-wrapper {
    margin: 7px !important; }

/* Single View All - Infinite Scroll */
/*.infinite-scroll-wrap {
    @include desktop {
        @include flex-grow(1);
        width: 40%;
        box-sizing: border-box;
        margin: 0;
    }
    .article {
        position: relative;
        padding-top: 39.5%;
        @include tablet-small {
            padding-top: 43.5%;
        }
        @include tablet {
            padding-top: 45.5%;
        }
        @include desktop {
            width: auto;
            padding-top: 0;
        }
    }
    .video-summary {
        padding-top: 0;
        .header-article {
            @include tablet {
                margin: $margin-normal 1.7em 0;
            }
            @include desktop {
                margin: 0;
            }
        }
        .header-info-wrap {
            padding: 0;
            margin: 0;
            @include border-left(10px, $margin-small);
            .main-title {
                @include tablet {
                    font-size: 3.8em;
                }
                @include desktop {
                    font-size: 4.5em;
                }
            }
        }
    }
    .header-article {
        .sharing-option {
            @include tablet {
                margin: 0 $margin-small $margin-small;
            }
        }
    }
    .header-info-wrap {
        background: $primary-color-5;
        padding: 1em 1.5em 0;
        min-height: 7.4em;
        position: relative;
        z-index: 2;
        @include desktop {
            padding: 0;
            margin: 0;
            min-height: 0;
            @include border-left(10px, $margin-small);  
        }
        .main-title {
            @include tablet-small {
                font-size: 3.2em;
            }
            @include tablet {
                font-size:  4.2em;
            }
        }
    }
    .main-pic {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        width: 100%;
        @include desktop {
            max-width: 114em;
            position: relative;
        }
        .wp-caption {
            position: static;
            p.wp-caption-text {
                bottom: auto;
                left: auto;
                right: 0;
                top: 0;
                max-width: 10em;
                @include truncate-string();
                @include tablet {
                    max-width: 15em;
                }
            }
        }
    }
    .article-body {
        @include tablet {
            margin: 0 $margin-small;
        }
        @include desktop {
            margin: 0;
        }
    }
}*/
/***********************************************************
VIEW ALL B - NEW Injected block
***********************************************************/
.main-pic {
  margin-bottom: 0.5rem; }

.injected-block {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 95%;
  margin: 0 auto 1rem;
  padding: 0.5rem 0.5rem 0;
  background: #ffffff;
  border: 4px solid #e61c21;
  box-shadow: 0 0 6px 2px rgba(15, 15, 15, 0.15);
  /** specific - 1st / left article **/
  /** specific - 2nd, 3rd / right articles **/ }
  @media (min-width: 768px) {
    .injected-block {
      width: 90%;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 1rem; } }
  @media (min-width: 1240px) {
    .injected-block {
      margin-bottom: 2.5rem; } }
  .injected-block .injected-title {
    position: relative;
    box-sizing: border-box;
    display: block;
    font-size: 2em;
    font-weight: 900;
    color: auto;
    font-family: 'Merriweather', 'Times New Roman', Times, serif;
    color: #ffffff;
    background: #333333;
    border-left: 4px solid #b7b7b7;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0.5rem;
    width: 100%;
    margin-bottom: 0.5rem;
    box-shadow: 0 0 6px 2px rgba(15, 15, 15, 0.15); }
    @media (min-width: 768px) {
      .injected-block .injected-title {
        margin-bottom: 1rem; } }
  .injected-block .thumb-wrap {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border: none !important; }
    .injected-block .thumb-wrap:hover .title a {
      color: #e61c21; }
  .injected-block .full-thumb {
    position: relative;
    margin-bottom: 0.5rem; }
    @media (min-width: 768px) {
      .injected-block .full-thumb {
        margin-bottom: 0; } }
  .injected-block .img-wrapper {
    margin-bottom: 0;
    background: #b7b7b7; }
  .injected-block .info-wrapper {
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0.5rem;
    z-index: 2;
    background: rgba(0, 0, 0, 0.75);
    width: 85%; }
  .injected-block .title {
    font-size: 10px;
    /*RESET*/
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: 1px 1px 1px #000000; }
    .injected-block .title a {
      font-size: 2em;
      font-weight: 700;
      color: auto;
      color: #ffffff; }
  .injected-block .details {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    marign-bottom: 0.3215rem; }
    .injected-block .details .category-links {
      text-transform: uppercase; }
      .injected-block .details .category-links:after {
        display: none; }
  .injected-block .col-left {
    box-sizing: border-box;
    width: 100%; }
    @media (min-width: 768px) {
      .injected-block .col-left {
        width: 60%; } }
    @media (min-width: 768px) {
      .injected-block .col-left .title a {
        font-size: 3em; } }
    @media (min-width: 1240px) {
      .injected-block .col-left .title a {
        font-size: 3.6em; } }
  .injected-block .col-right {
    width: 100%; }
    @media (min-width: 768px) {
      .injected-block .col-right {
        width: 38%; } }
    .injected-block .col-right .thumb-wrap {
      position: relative; }
      @media (min-width: 768px) {
        .injected-block .col-right .thumb-wrap:first-of-type {
          margin-bottom: 1rem !important; } }

/***********************************************************
VIEW ALL - Bottom video block
***********************************************************/
.related-section.video .video-block-with-playlist {
  margin: 0;
  padding: 0; }
  .related-section.video .video-block-with-playlist:before {
    display: none; }
  .related-section.video .video-block-with-playlist .video-block {
    max-width: 100%; }