@charset "UTF-8";
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT
Copyright (c) 2015 Daniel Eden
*/
body {
  -webkit-backface-visibility: hidden; }

.animated, .form--error-list, body.nav-down:not(.nav-top) .oc-lev-2-nav-wrapper.sticky, .oc-header .oc-main-nav__quicklinks-placeholder, .mosaic .newslist .newslist--item, .modal, .modal__gallery, .modal__mvpd, .section-page__olimpic-games.winter-season, .section-page__olimpic-games.summer-season, .player-minimized .player-position {
  -webkit-animation-duration: calc( 0.3s);
  animation-duration: calc( 0.3s);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }
  .animated.infinite, .infinite.form--error-list, body.nav-down:not(.nav-top) .infinite.oc-lev-2-nav-wrapper.sticky, .oc-header .infinite.oc-main-nav__quicklinks-placeholder, .mosaic .newslist .infinite.newslist--item, .infinite.modal, .infinite.modal__gallery, .infinite.modal__mvpd, .infinite.section-page__olimpic-games.winter-season, .infinite.section-page__olimpic-games.summer-season, .player-minimized .infinite.player-position {
    animation-iteration-count: infinite; }
  .animated.hinge, .hinge.form--error-list, body.nav-down:not(.nav-top) .hinge.oc-lev-2-nav-wrapper.sticky, .oc-header .hinge.oc-main-nav__quicklinks-placeholder, .mosaic .newslist .hinge.newslist--item, .hinge.modal, .hinge.modal__gallery, .hinge.modal__mvpd, .hinge.section-page__olimpic-games.winter-season, .hinge.section-page__olimpic-games.summer-season, .player-minimized .hinge.player-position {
    -webkit-animation-duration: calc( 0.3s * 2);
    animation-duration: calc( 0.3s * 2); }
  .animated.bounceIn, .bounceIn.form--error-list, body.nav-down:not(.nav-top) .bounceIn.oc-lev-2-nav-wrapper.sticky, .oc-header .bounceIn.oc-main-nav__quicklinks-placeholder, .mosaic .newslist .bounceIn.newslist--item, .bounceIn.modal, .bounceIn.modal__gallery, .bounceIn.modal__mvpd, .bounceIn.section-page__olimpic-games.winter-season, .bounceIn.section-page__olimpic-games.summer-season, .player-minimized .bounceIn.player-position, .animated.bounceOut, .bounceOut.form--error-list, body.nav-down:not(.nav-top) .bounceOut.oc-lev-2-nav-wrapper.sticky, .oc-header .bounceOut.oc-main-nav__quicklinks-placeholder, .mosaic .newslist .bounceOut.newslist--item, .bounceOut.modal, .bounceOut.modal__gallery, .bounceOut.modal__mvpd, .bounceOut.section-page__olimpic-games.winter-season, .bounceOut.section-page__olimpic-games.summer-season, .player-minimized .bounceOut.player-position {
    -webkit-animation-duration: calc( 0.3s * 0.75);
    animation-duration: calc( 0.3s * 0.75); }
  .animated.flipOutX, .flipOutX.form--error-list, body.nav-down:not(.nav-top) .flipOutX.oc-lev-2-nav-wrapper.sticky, .oc-header .flipOutX.oc-main-nav__quicklinks-placeholder, .mosaic .newslist .flipOutX.newslist--item, .flipOutX.modal, .flipOutX.modal__gallery, .flipOutX.modal__mvpd, .flipOutX.section-page__olimpic-games.winter-season, .flipOutX.section-page__olimpic-games.summer-season, .player-minimized .flipOutX.player-position, .animated.flipOutY, .flipOutY.form--error-list, body.nav-down:not(.nav-top) .flipOutY.oc-lev-2-nav-wrapper.sticky, .oc-header .flipOutY.oc-main-nav__quicklinks-placeholder, .mosaic .newslist .flipOutY.newslist--item, .flipOutY.modal, .flipOutY.modal__gallery, .flipOutY.modal__mvpd, .flipOutY.section-page__olimpic-games.winter-season, .flipOutY.section-page__olimpic-games.summer-season, .player-minimized .flipOutY.player-position {
    -webkit-animation-duration: calc( 0.3s * 0.75);
    animation-duration: calc( 0.3s * 0.75); }

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

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fadeIn, .rsDefault.show-info .gallery--caption, body.nav-down:not(.nav-top) .oc-lev-2-nav-wrapper.sticky, .section-page__olimpic-games.winter-season, .section-page__olimpic-games.summer-season {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(0, 0, 0); } }

@keyframes slideInLeft {
  0% {
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  100% {
    transform: translate3d(0, 0, 0); } }

.slideInLeft, .form--error-list, .oc-header--body.open .oc-header--body__col-2 .animated, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .animated, .oc-header--body.open .oc-header--body__col-2 .form--error-list, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .form--error-list, .oc-header--body.open .oc-header--body__col-2 body.nav-down:not(.nav-top) .oc-lev-2-nav-wrapper.sticky, body.nav-down:not(.nav-top) .oc-header--body.open .oc-header--body__col-2 .oc-lev-2-nav-wrapper.sticky, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 body.nav-down:not(.nav-top) .oc-lev-2-nav-wrapper.sticky, body.nav-down:not(.nav-top) .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .oc-lev-2-nav-wrapper.sticky, .oc-header--body.open .oc-header--body__col-2 .oc-header .oc-main-nav__quicklinks-placeholder, .oc-header .oc-header--body.open .oc-header--body__col-2 .oc-main-nav__quicklinks-placeholder, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .oc-main-nav__quicklinks-placeholder, .oc-header--body.open .oc-header--body__col-2 .mosaic .newslist .newslist--item, .mosaic .newslist .oc-header--body.open .oc-header--body__col-2 .newslist--item, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .mosaic .newslist .newslist--item, .mosaic .newslist .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .newslist--item, .oc-header--body.open .oc-header--body__col-2 .modal, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .modal, .oc-header--body.open .oc-header--body__col-2 .modal__gallery, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .modal__gallery, .oc-header--body.open .oc-header--body__col-2 .modal__mvpd, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .modal__mvpd, .oc-header--body.open .oc-header--body__col-2 .section-page__olimpic-games.winter-season, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .section-page__olimpic-games.winter-season, .oc-header--body.open .oc-header--body__col-2 .section-page__olimpic-games.summer-season, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .section-page__olimpic-games.summer-season, .oc-header--body.open .oc-header--body__col-2 .player-minimized .player-position, .player-minimized .oc-header--body.open .oc-header--body__col-2 .player-position, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .player-minimized .player-position, .player-minimized .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .player-position {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(0, 0, 0); } }

@keyframes slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  100% {
    transform: translate3d(0, 0, 0); } }

.slideInUp, .modal, .modal__gallery, .modal__mvpd {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp; }

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(0, 100%, 0); } }

@keyframes slideOutDown {
  0% {
    transform: translate3d(0, 0, 0);
    visibility: visible; }
  100% {
    transform: translate3d(0, 100%, 0); } }

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown; }

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

.zoomIn, .oc-header--body.open .oc-header--body__col-2 .animated:first-child, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .animated:first-child, .oc-header--body.open .oc-header--body__col-2 .form--error-list:first-child, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .form--error-list:first-child, .oc-header--body.open .oc-header--body__col-2 body.nav-down:not(.nav-top) .oc-lev-2-nav-wrapper.sticky:first-child, body.nav-down:not(.nav-top) .oc-header--body.open .oc-header--body__col-2 .oc-lev-2-nav-wrapper.sticky:first-child, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 body.nav-down:not(.nav-top) .oc-lev-2-nav-wrapper.sticky:first-child, body.nav-down:not(.nav-top) .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .oc-lev-2-nav-wrapper.sticky:first-child, .oc-header--body.open .oc-header--body__col-2 .oc-header .oc-main-nav__quicklinks-placeholder:first-child, .oc-header .oc-header--body.open .oc-header--body__col-2 .oc-main-nav__quicklinks-placeholder:first-child, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .oc-main-nav__quicklinks-placeholder:first-child, .oc-header--body.open .oc-header--body__col-2 .mosaic .newslist .newslist--item:first-child, .mosaic .newslist .oc-header--body.open .oc-header--body__col-2 .newslist--item:first-child, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .mosaic .newslist .newslist--item:first-child, .mosaic .newslist .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .newslist--item:first-child, .oc-header--body.open .oc-header--body__col-2 .modal:first-child, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .modal:first-child, .oc-header--body.open .oc-header--body__col-2 .modal__gallery:first-child, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .modal__gallery:first-child, .oc-header--body.open .oc-header--body__col-2 .modal__mvpd:first-child, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .modal__mvpd:first-child, .oc-header--body.open .oc-header--body__col-2 .section-page__olimpic-games.winter-season:first-child, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .section-page__olimpic-games.winter-season:first-child, .oc-header--body.open .oc-header--body__col-2 .section-page__olimpic-games.summer-season:first-child, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .section-page__olimpic-games.summer-season:first-child, .oc-header--body.open .oc-header--body__col-2 .player-minimized .player-position:first-child, .player-minimized .oc-header--body.open .oc-header--body__col-2 .player-position:first-child, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .player-minimized .player-position:first-child, .player-minimized .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .player-position:first-child, .mosaic .newslist .newslist--item, .player-minimized .player-position {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn; }

/*!
 * Bootstrap v4.0.0-beta (https://getbootstrap.com)
 * Copyright 2011-2017 The Bootstrap Authors
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
  --blue: #0081C8;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #EE334E;
  --orange: #fd7e14;
  --yellow: #FCB131;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #868e96;
  --gray-dark: #343a40;
  --primary: #0081C8;
  --secondary: #868e96;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #FCB131;
  --danger: #EE334E;
  --light: #F0F0F0;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 568px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: "AktivGrotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family-monospace: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

*,
*::before,
*::after {
  box-sizing: border-box; }

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

@-ms-viewport {
  width: device-width; }

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

body {
  margin: 0;
  font-family: "AktivGrotesk", Arial, Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #F0F0F0; }

[tabindex="-1"]:focus {
  outline: 0 !important; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0; }

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

dt {
  font-weight: 700; }

dd {
  margin-bottom: .5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

dfn {
  font-style: italic; }

b,
strong {
  font-weight: bolder; }

small {
  font-size: 80%; }

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

a {
  color: #0081C8;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }
  a:hover {
    color: #00507c;
    text-decoration: underline; }

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none; }
  a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none; }
  a:not([href]):not([tabindex]):focus {
    outline: 0; }

pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar; }

figure {
  margin: 0 0 1rem; }

img {
  vertical-align: middle;
  border-style: none; }

svg:not(:root) {
  overflow: hidden; }

table {
  border-collapse: collapse; }

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #868e96;
  text-align: left;
  caption-side: bottom; }

th {
  text-align: inherit; }

label {
  display: inline-block;
  margin-bottom: .5rem; }

button {
  border-radius: 0; }

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none; }

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0; }

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox; }

textarea {
  overflow: auto;
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal; }

progress {
  vertical-align: baseline; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none; }

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button; }

output {
  display: inline-block; }

summary {
  display: list-item;
  cursor: pointer; }

template {
  display: none; }

[hidden] {
  display: none !important; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
  line-height: 1.1;
  color: inherit; }

h1, .h1 {
  font-size: 2.5rem; }

h2, .h2 {
  font-size: 2rem; }

h3, .h3 {
  font-size: 1.75rem; }

h4, .h4 {
  font-size: 1.5rem; }

h5, .h5 {
  font-size: 1.25rem; }

h6, .h6 {
  font-size: 1rem; }

.lead {
  font-size: 1.25rem;
  font-weight: 300; }

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.1; }

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.1; }

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.1; }

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.1; }

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

small,
.small {
  font-size: 80%;
  font-weight: 400; }

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3; }

.list-unstyled, .section__athlete--info ul, .section__athlete--stats ul, .events-list, .epg-list, .search--list, .newslist, .onboarding__register .article ul, .onboarding__pickfavorite .article ul, .onboarding__newsletter .article ul, .onboarding__notification .article ul, .onboarding__register .article-page ul, .onboarding__pickfavorite .article-page ul, .onboarding__newsletter .article-page ul, .onboarding__notification .article-page ul, .onboarding__register .article-page__video ul, .onboarding__pickfavorite .article-page__video ul, .onboarding__newsletter .article-page__video ul, .onboarding__notification .article-page__video ul, .onboarding__register .article-page__story ul, .onboarding__pickfavorite .article-page__story ul, .onboarding__newsletter .article-page__story ul, .onboarding__notification .article-page__story ul, .onboarding__register .event ul, .onboarding__pickfavorite .event ul, .onboarding__newsletter .event ul, .onboarding__notification .event ul, .onboarding__register .epg ul, .onboarding__pickfavorite .epg ul, .onboarding__newsletter .epg ul, .onboarding__notification .epg ul {
  padding-left: 0;
  list-style: none; }

.list-inline {
  padding-left: 0;
  list-style: none; }

.list-inline-item {
  display: inline-block; }
  .list-inline-item:not(:last-child) {
    margin-right: 5px; }

.initialism {
  font-size: 90%;
  text-transform: uppercase; }

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem; }

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #868e96; }
  .blockquote-footer::before {
    content: "\2014 \00A0"; }

.img-fluid, article img, .section__athlete--stats .olympic-games--img img {
  max-width: 100%;
  height: auto; }

.img-thumbnail {
  padding: 0.25rem;
  background-color: #F0F0F0;
  border: 1px solid #ddd;
  border-radius: 0;
  max-width: 100%;
  height: auto; }

.figure {
  display: inline-block; }

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1; }

.figure-caption {
  font-size: 90%;
  color: #868e96; }

.container, .section__mosaic-originals .section--header {
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 568px) {
    .container, .section__mosaic-originals .section--header {
      max-width: 540px; } }
  @media (min-width: 768px) {
    .container, .section__mosaic-originals .section--header {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .container, .section__mosaic-originals .section--header {
      max-width: 980px; } }
  @media (min-width: 1200px) {
    .container, .section__mosaic-originals .section--header {
      max-width: 1240px; } }

.container-fluid {
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto; }

.row, .account .profile--data.active {
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .article-page .article--content .article--content__left-col, .article-page__video .article--content .article--content__left-col, .article-page__story .article--content .article--content__left-col, .article-page .article--content .article--content__right-col, .article-page__video .article--content .article--content__right-col, .article-page__story .article--content .article--content__right-col, .article-page .article--content .article--content__single-col, .article-page__video .article--content .article--content__single-col, .article-page__story .article--content .article--content__single-col, .oc-header--body .oc-header--body__col-2 .col__content, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .col__content, .oc-header--body .oc-header--body__col-2 .col__user, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .col__user, .newslist.newslist__3x .newslist--item, .newslist.newslist__4x .newslist--item, .newslist__2vod .newslist--item, .newslist__3vod .newslist--item, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; }

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%; }

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none; }

.col-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%; }

.col-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.col-3 {
  flex: 0 0 25%;
  max-width: 25%; }

.col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.col-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%; }

.col-6 {
  flex: 0 0 50%;
  max-width: 50%; }

.col-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%; }

.col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%; }

.col-9 {
  flex: 0 0 75%;
  max-width: 75%; }

.col-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%; }

.col-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%; }

.col-12, .article-page .article--content .article--content__left-col, .article-page__video .article--content .article--content__left-col, .article-page__story .article--content .article--content__left-col, .article-page .article--content .article--content__right-col, .article-page__video .article--content .article--content__right-col, .article-page__story .article--content .article--content__right-col, .article-page .article--content .article--content__single-col, .article-page__video .article--content .article--content__single-col, .article-page__story .article--content .article--content__single-col, .oc-header--body .oc-header--body__col-2 .col__content, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .col__content, .oc-header--body .oc-header--body__col-2 .col__user, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .col__user, .newslist.newslist__3x .newslist--item, .newslist.newslist__4x .newslist--item, .newslist__2vod .newslist--item, .newslist__3vod .newslist--item {
  flex: 0 0 100%;
  max-width: 100%; }

.order-first {
  order: -1; }

.order-last {
  order: 13; }

.order-0 {
  order: 0; }

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.order-3 {
  order: 3; }

.order-4 {
  order: 4; }

.order-5 {
  order: 5; }

.order-6 {
  order: 6; }

.order-7 {
  order: 7; }

.order-8 {
  order: 8; }

.order-9 {
  order: 9; }

.order-10 {
  order: 10; }

.order-11 {
  order: 11; }

.order-12 {
  order: 12; }

.offset-1 {
  margin-left: 8.33333%; }

.offset-2 {
  margin-left: 16.66667%; }

.offset-3 {
  margin-left: 25%; }

.offset-4 {
  margin-left: 33.33333%; }

.offset-5 {
  margin-left: 41.66667%; }

.offset-6 {
  margin-left: 50%; }

.offset-7 {
  margin-left: 58.33333%; }

.offset-8 {
  margin-left: 66.66667%; }

.offset-9 {
  margin-left: 75%; }

.offset-10 {
  margin-left: 83.33333%; }

.offset-11 {
  margin-left: 91.66667%; }

@media (min-width: 568px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-sm-6, .newslist.newslist__3x .newslist--item, .newslist.newslist__4x .newslist--item, .newslist__2vod .newslist--item, .newslist__3vod .newslist--item {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-sm-11, .article-page .article--content .article--content__left-col, .article-page__video .article--content .article--content__left-col, .article-page__story .article--content .article--content__left-col, .article-page .article--content .article--content__right-col, .article-page__video .article--content .article--content__right-col, .article-page__story .article--content .article--content__right-col {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-sm-first {
    order: -1; }
  .order-sm-last {
    order: 13; }
  .order-sm-0 {
    order: 0; }
  .order-sm-1 {
    order: 1; }
  .order-sm-2 {
    order: 2; }
  .order-sm-3 {
    order: 3; }
  .order-sm-4 {
    order: 4; }
  .order-sm-5 {
    order: 5; }
  .order-sm-6 {
    order: 6; }
  .order-sm-7 {
    order: 7; }
  .order-sm-8 {
    order: 8; }
  .order-sm-9 {
    order: 9; }
  .order-sm-10 {
    order: 10; }
  .order-sm-11 {
    order: 11; }
  .order-sm-12 {
    order: 12; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.33333%; }
  .offset-sm-2 {
    margin-left: 16.66667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.33333%; }
  .offset-sm-5 {
    margin-left: 41.66667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.33333%; }
  .offset-sm-8 {
    margin-left: 66.66667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.33333%; }
  .offset-sm-11 {
    margin-left: 91.66667%; } }

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4, .newslist.newslist__4x .newslist--item {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-md-first {
    order: -1; }
  .order-md-last {
    order: 13; }
  .order-md-0 {
    order: 0; }
  .order-md-1 {
    order: 1; }
  .order-md-2 {
    order: 2; }
  .order-md-3 {
    order: 3; }
  .order-md-4 {
    order: 4; }
  .order-md-5 {
    order: 5; }
  .order-md-6 {
    order: 6; }
  .order-md-7 {
    order: 7; }
  .order-md-8 {
    order: 8; }
  .order-md-9 {
    order: 9; }
  .order-md-10 {
    order: 10; }
  .order-md-11 {
    order: 11; }
  .order-md-12 {
    order: 12; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.33333%; }
  .offset-md-2 {
    margin-left: 16.66667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.33333%; }
  .offset-md-5 {
    margin-left: 41.66667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.33333%; }
  .offset-md-8 {
    margin-left: 66.66667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.33333%; }
  .offset-md-11 {
    margin-left: 91.66667%; } }

@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-4, .article-page .article--content .article--content__right-col, .article-page__video .article--content .article--content__right-col, .article-page__story .article--content .article--content__right-col {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-lg-8, .article-page .article--content .article--content__left-col, .article-page__video .article--content .article--content__left-col, .article-page__story .article--content .article--content__left-col {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-lg-first {
    order: -1; }
  .order-lg-last {
    order: 13; }
  .order-lg-0 {
    order: 0; }
  .order-lg-1 {
    order: 1; }
  .order-lg-2 {
    order: 2; }
  .order-lg-3 {
    order: 3; }
  .order-lg-4 {
    order: 4; }
  .order-lg-5 {
    order: 5; }
  .order-lg-6 {
    order: 6; }
  .order-lg-7 {
    order: 7; }
  .order-lg-8 {
    order: 8; }
  .order-lg-9 {
    order: 9; }
  .order-lg-10 {
    order: 10; }
  .order-lg-11 {
    order: 11; }
  .order-lg-12 {
    order: 12; }
  .offset-lg-0 {
    margin-left: 0; }
  .offset-lg-1 {
    margin-left: 8.33333%; }
  .offset-lg-2 {
    margin-left: 16.66667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.33333%; }
  .offset-lg-5 {
    margin-left: 41.66667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.33333%; }
  .offset-lg-8 {
    margin-left: 66.66667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.33333%; }
  .offset-lg-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-xl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-3, .article-page .article--content .article--content__right-col, .article-page__video .article--content .article--content__right-col, .article-page__story .article--content .article--content__right-col, .newslist.newslist__4x .newslist--item {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4, .newslist.newslist__3x .newslist--item, .newslist__3vod .newslist--item {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xl-5, .oc-header--body .oc-header--body__col-2 .col__content, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .col__content {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xl-6, .oc-header--body .oc-header--body__col-2 .col__user, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .col__user {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xl-9, .article-page .article--content .article--content__left-col, .article-page__video .article--content .article--content__left-col, .article-page__story .article--content .article--content__left-col {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xl-first {
    order: -1; }
  .order-xl-last {
    order: 13; }
  .order-xl-0 {
    order: 0; }
  .order-xl-1 {
    order: 1; }
  .order-xl-2 {
    order: 2; }
  .order-xl-3 {
    order: 3; }
  .order-xl-4 {
    order: 4; }
  .order-xl-5 {
    order: 5; }
  .order-xl-6 {
    order: 6; }
  .order-xl-7 {
    order: 7; }
  .order-xl-8 {
    order: 8; }
  .order-xl-9 {
    order: 9; }
  .order-xl-10 {
    order: 10; }
  .order-xl-11 {
    order: 11; }
  .order-xl-12 {
    order: 12; }
  .offset-xl-0 {
    margin-left: 0; }
  .offset-xl-1 {
    margin-left: 8.33333%; }
  .offset-xl-2 {
    margin-left: 16.66667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.33333%; }
  .offset-xl-5 {
    margin-left: 41.66667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.33333%; }
  .offset-xl-8 {
    margin-left: 66.66667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.33333%; }
  .offset-xl-11 {
    margin-left: 91.66667%; } }

.form-control {
  display: block;
  width: 100%;
  padding: 0.5rem 2rem;
  font-size: 1rem;
  line-height: 1;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  .form-control::-ms-expand {
    background-color: transparent;
    border: 0; }
  .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #49beff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 129, 200, 0.25); }
  .form-control::placeholder {
    color: #868e96;
    opacity: 1; }
  .form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1; }

select.form-control:not([size]):not([multiple]) {
  height: calc(2rem + 2px); }

select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff; }

.form-control-file,
.form-control-range {
  display: block;
  width: 100%; }

.col-form-label {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1; }

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5; }

.col-form-label-sm {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 0.875rem;
  line-height: 1; }

.form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0;
  line-height: 1;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0; }
  .form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control,
  .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text,
  .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text,
  .input-group-sm > .input-group-prepend > .form-control-plaintext.btn,
  .input-group-sm > .input-group-append > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control,
  .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text,
  .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text,
  .input-group-lg > .input-group-prepend > .form-control-plaintext.btn,
  .input-group-lg > .input-group-append > .form-control-plaintext.btn {
    padding-right: 0;
    padding-left: 0; }

.form-control-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.5rem 2.5rem;
  font-size: 0.875rem;
  line-height: 1;
  border-radius: 0; }

select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) {
  height: calc(1.875rem + 2px); }

.form-control-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 2.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0; }

select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) {
  height: calc(2.875rem + 2px); }

.form-group {
  margin-bottom: 1rem; }

.form-text {
  display: block;
  margin-top: 0.25rem; }

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px; }
  .form-row > .col,
  .form-row > [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px; }

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem; }

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem; }
  .form-check-input:disabled ~ .form-check-label {
    color: #868e96; }

.form-check-label {
  margin-bottom: 0; }

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem; }
  .form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: 0.3125rem;
    margin-left: 0; }

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #28a745; }

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.8);
  border-radius: .2rem; }

.was-validated .form-control:valid, .form-control.is-valid, .was-validated
.custom-select:valid,
.custom-select.is-valid {
  border-color: #28a745; }
  .was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated
  .custom-select:valid:focus,
  .custom-select.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }
  .was-validated .form-control:valid ~ .valid-feedback,
  .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
  .form-control.is-valid ~ .valid-tooltip, .was-validated
  .custom-select:valid ~ .valid-feedback,
  .was-validated
  .custom-select:valid ~ .valid-tooltip,
  .custom-select.is-valid ~ .valid-feedback,
  .custom-select.is-valid ~ .valid-tooltip {
    display: block; }

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #28a745; }

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745; }
  .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
    background-color: #71dd8a; }

.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  background-color: #34ce57; }

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #F0F0F0, 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745; }
  .was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before {
    border-color: inherit; }

.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #EE334E; }

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(238, 51, 78, 0.8);
  border-radius: .2rem; }

.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated
.custom-select:invalid,
.custom-select.is-invalid {
  border-color: #EE334E; }
  .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated
  .custom-select:invalid:focus,
  .custom-select.is-invalid:focus {
    border-color: #EE334E;
    box-shadow: 0 0 0 0.2rem rgba(238, 51, 78, 0.25); }
  .was-validated .form-control:invalid ~ .invalid-feedback,
  .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
  .form-control.is-invalid ~ .invalid-tooltip, .was-validated
  .custom-select:invalid ~ .invalid-feedback,
  .was-validated
  .custom-select:invalid ~ .invalid-tooltip,
  .custom-select.is-invalid ~ .invalid-feedback,
  .custom-select.is-invalid ~ .invalid-tooltip {
    display: block; }

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #EE334E; }

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #EE334E; }
  .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
    background-color: #f8a9b4; }

.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  background-color: #f26277; }

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #F0F0F0, 0 0 0 0.2rem rgba(238, 51, 78, 0.25); }

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #EE334E; }
  .was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before {
    border-color: inherit; }

.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  box-shadow: 0 0 0 0.2rem rgba(238, 51, 78, 0.25); }

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center; }
  .form-inline .form-check {
    width: 100%; }
  @media (min-width: 568px) {
    .form-inline label {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 0; }
    .form-inline .form-group {
      display: flex;
      flex: 0 0 auto;
      flex-flow: row wrap;
      align-items: center;
      margin-bottom: 0; }
    .form-inline .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle; }
    .form-inline .form-control-plaintext {
      display: inline-block; }
    .form-inline .input-group {
      width: auto; }
    .form-inline .form-check {
      display: flex;
      align-items: center;
      justify-content: center;
      width: auto;
      padding-left: 0; }
    .form-inline .form-check-input {
      position: relative;
      margin-top: 0;
      margin-right: 0.25rem;
      margin-left: 0; }
    .form-inline .custom-control {
      align-items: center;
      justify-content: center; }
    .form-inline .custom-control-label {
      margin-bottom: 0; } }

.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.5rem 2rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  .btn:hover, .btn:focus {
    text-decoration: none; }
  .btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 129, 200, 0.25); }
  .btn.disabled, .btn:disabled {
    opacity: 0.65; }
  .btn:not(:disabled):not(.disabled) {
    cursor: pointer; }
  .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
    background-image: none; }

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none; }

.btn-primary, .oc-header--body .oc-header--body__col-2 .section-sign-in .btn-login, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .btn-login, .account .profile--data .btn-save {
  color: #fff;
  background-color: #0081C8;
  border-color: #0081C8; }
  .btn-primary:hover, .oc-header--body .oc-header--body__col-2 .section-sign-in .btn-login:hover, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .btn-login:hover, .account .profile--data .btn-save:hover {
    color: #fff;
    background-color: #0068a2;
    border-color: #006095; }
  .btn-primary:focus, .oc-header--body .oc-header--body__col-2 .section-sign-in .btn-login:focus, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .btn-login:focus, .account .profile--data .btn-save:focus, .btn-primary.focus, .oc-header--body .oc-header--body__col-2 .section-sign-in .focus.btn-login, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .focus.btn-login, .account .profile--data .focus.btn-save {
    box-shadow: 0 0 0 0.2rem rgba(0, 129, 200, 0.5); }
  .btn-primary.disabled, .oc-header--body .oc-header--body__col-2 .section-sign-in .disabled.btn-login, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .disabled.btn-login, .account .profile--data .disabled.btn-save, .btn-primary:disabled, .oc-header--body .oc-header--body__col-2 .section-sign-in .btn-login:disabled, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .btn-login:disabled, .account .profile--data .btn-save:disabled {
    color: #fff;
    background-color: #0081C8;
    border-color: #0081C8; }
  .btn-primary:not(:disabled):not(.disabled):active, .oc-header--body .oc-header--body__col-2 .section-sign-in .btn-login:not(:disabled):not(.disabled):active, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .btn-login:not(:disabled):not(.disabled):active, .account .profile--data .btn-save:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .oc-header--body .oc-header--body__col-2 .section-sign-in .btn-login:not(:disabled):not(.disabled).active, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .btn-login:not(:disabled):not(.disabled).active, .account .profile--data .btn-save:not(:disabled):not(.disabled).active,
  .show > .btn-primary.dropdown-toggle,
  .oc-header--body .oc-header--body__col-2 .section-sign-in .show > .dropdown-toggle.btn-login,
  .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .show > .dropdown-toggle.btn-login,
  .account .profile--data .show > .dropdown-toggle.btn-save {
    color: #fff;
    background-color: #006095;
    border-color: #005888; }
    .btn-primary:not(:disabled):not(.disabled):active:focus, .oc-header--body .oc-header--body__col-2 .section-sign-in .btn-login:not(:disabled):not(.disabled):active:focus, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .btn-login:not(:disabled):not(.disabled):active:focus, .account .profile--data .btn-save:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .oc-header--body .oc-header--body__col-2 .section-sign-in .btn-login:not(:disabled):not(.disabled).active:focus, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .btn-login:not(:disabled):not(.disabled).active:focus, .account .profile--data .btn-save:not(:disabled):not(.disabled).active:focus,
    .show > .btn-primary.dropdown-toggle:focus,
    .oc-header--body .oc-header--body__col-2 .section-sign-in .show > .dropdown-toggle.btn-login:focus,
    .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .show > .dropdown-toggle.btn-login:focus,
    .account .profile--data .show > .dropdown-toggle.btn-save:focus {
      box-shadow: 0 0 0 0.2rem rgba(0, 129, 200, 0.5); }

.btn-secondary {
  color: #fff;
  background-color: #868e96;
  border-color: #868e96; }
  .btn-secondary:hover {
    color: #fff;
    background-color: #727b84;
    border-color: #6c757d; }
  .btn-secondary:focus, .btn-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    color: #fff;
    background-color: #868e96;
    border-color: #868e96; }
  .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
  .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #666e76; }
    .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-secondary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); }

.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745; }
  .btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34; }
  .btn-success:focus, .btn-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
  .btn-success.disabled, .btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745; }
  .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
  .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430; }
    .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
    .show > .btn-success.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8; }
  .btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b; }
  .btn-info:focus, .btn-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
  .btn-info.disabled, .btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8; }
  .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
  .show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f; }
    .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
    .show > .btn-info.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }

.btn-warning {
  color: #212529;
  background-color: #FCB131;
  border-color: #FCB131; }
  .btn-warning:hover {
    color: #212529;
    background-color: #fba30b;
    border-color: #f69d04; }
  .btn-warning:focus, .btn-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(252, 177, 49, 0.5); }
  .btn-warning.disabled, .btn-warning:disabled {
    color: #212529;
    background-color: #FCB131;
    border-color: #FCB131; }
  .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
  .show > .btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #f69d04;
    border-color: #ea9503; }
    .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
    .show > .btn-warning.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(252, 177, 49, 0.5); }

.btn-danger {
  color: #fff;
  background-color: #EE334E;
  border-color: #EE334E; }
  .btn-danger:hover {
    color: #fff;
    background-color: #e71332;
    border-color: #dc122f; }
  .btn-danger:focus, .btn-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(238, 51, 78, 0.5); }
  .btn-danger.disabled, .btn-danger:disabled {
    color: #fff;
    background-color: #EE334E;
    border-color: #EE334E; }
  .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
  .show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc122f;
    border-color: #d0112d; }
    .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
    .show > .btn-danger.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(238, 51, 78, 0.5); }

.btn-light {
  color: #212529;
  background-color: #F0F0F0;
  border-color: #F0F0F0; }
  .btn-light:hover {
    color: #212529;
    background-color: #dddddd;
    border-color: #d7d7d7; }
  .btn-light:focus, .btn-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(240, 240, 240, 0.5); }
  .btn-light.disabled, .btn-light:disabled {
    color: #212529;
    background-color: #F0F0F0;
    border-color: #F0F0F0; }
  .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
  .show > .btn-light.dropdown-toggle {
    color: #212529;
    background-color: #d7d7d7;
    border-color: #d0d0d0; }
    .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
    .show > .btn-light.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(240, 240, 240, 0.5); }

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40; }
  .btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124; }
  .btn-dark:focus, .btn-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
  .btn-dark.disabled, .btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40; }
  .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
  .show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d; }
    .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
    .show > .btn-dark.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }

.btn-outline-primary {
  color: #0081C8;
  background-color: transparent;
  background-image: none;
  border-color: #0081C8; }
  .btn-outline-primary:hover {
    color: #fff;
    background-color: #0081C8;
    border-color: #0081C8; }
  .btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 129, 200, 0.5); }
  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #0081C8;
    background-color: transparent; }
  .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
  .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #0081C8;
    border-color: #0081C8; }
    .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-primary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(0, 129, 200, 0.5); }

.btn-outline-secondary {
  color: #868e96;
  background-color: transparent;
  background-image: none;
  border-color: #868e96; }
  .btn-outline-secondary:hover {
    color: #fff;
    background-color: #868e96;
    border-color: #868e96; }
  .btn-outline-secondary:focus, .btn-outline-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); }
  .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #868e96;
    background-color: transparent; }
  .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
  .show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #868e96;
    border-color: #868e96; }
    .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-secondary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); }

.btn-outline-success {
  color: #28a745;
  background-color: transparent;
  background-image: none;
  border-color: #28a745; }
  .btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745; }
  .btn-outline-success:focus, .btn-outline-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
  .btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent; }
  .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
  .show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745; }
    .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-success.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }

.btn-outline-info {
  color: #17a2b8;
  background-color: transparent;
  background-image: none;
  border-color: #17a2b8; }
  .btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8; }
  .btn-outline-info:focus, .btn-outline-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
  .btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent; }
  .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
  .show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8; }
    .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-info.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }

.btn-outline-warning {
  color: #FCB131;
  background-color: transparent;
  background-image: none;
  border-color: #FCB131; }
  .btn-outline-warning:hover {
    color: #212529;
    background-color: #FCB131;
    border-color: #FCB131; }
  .btn-outline-warning:focus, .btn-outline-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(252, 177, 49, 0.5); }
  .btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #FCB131;
    background-color: transparent; }
  .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
  .show > .btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #FCB131;
    border-color: #FCB131; }
    .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-warning.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(252, 177, 49, 0.5); }

.btn-outline-danger {
  color: #EE334E;
  background-color: transparent;
  background-image: none;
  border-color: #EE334E; }
  .btn-outline-danger:hover {
    color: #fff;
    background-color: #EE334E;
    border-color: #EE334E; }
  .btn-outline-danger:focus, .btn-outline-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(238, 51, 78, 0.5); }
  .btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #EE334E;
    background-color: transparent; }
  .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
  .show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #EE334E;
    border-color: #EE334E; }
    .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-danger.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(238, 51, 78, 0.5); }

.btn-outline-light {
  color: #F0F0F0;
  background-color: transparent;
  background-image: none;
  border-color: #F0F0F0; }
  .btn-outline-light:hover {
    color: #212529;
    background-color: #F0F0F0;
    border-color: #F0F0F0; }
  .btn-outline-light:focus, .btn-outline-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(240, 240, 240, 0.5); }
  .btn-outline-light.disabled, .btn-outline-light:disabled {
    color: #F0F0F0;
    background-color: transparent; }
  .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
  .show > .btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #F0F0F0;
    border-color: #F0F0F0; }
    .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-light.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(240, 240, 240, 0.5); }

.btn-outline-dark {
  color: #343a40;
  background-color: transparent;
  background-image: none;
  border-color: #343a40; }
  .btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40; }
  .btn-outline-dark:focus, .btn-outline-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
  .btn-outline-dark.disabled, .btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent; }
  .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
  .show > .btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40; }
    .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-dark.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }

.btn-link, .account .profile--data .btn-edit {
  font-weight: 400;
  color: #0081C8;
  background-color: transparent; }
  .btn-link:hover, .account .profile--data .btn-edit:hover {
    color: #00507c;
    text-decoration: underline;
    background-color: transparent;
    border-color: transparent; }
  .btn-link:focus, .account .profile--data .btn-edit:focus, .btn-link.focus, .account .profile--data .focus.btn-edit {
    text-decoration: underline;
    border-color: transparent;
    box-shadow: none; }
  .btn-link:disabled, .account .profile--data .btn-edit:disabled, .btn-link.disabled, .account .profile--data .disabled.btn-edit {
    color: #868e96; }

.btn-lg, .btn-group-lg > .btn, .btn.btn-play, .oc-header--body .oc-header--body__col-2 .section-sign-in .btn-login, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .btn-login, .hero .btn, .hero__originals .btn, .modal .btn, .modal__gallery .btn, .account__delete .btn, .onboarding .btn, .onboarding__register .btn, .onboarding__pickfavorite .btn, .onboarding__newsletter .btn, .onboarding__notification .btn {
  padding: 0.5rem 2.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0; }

.btn-sm, .btn-group-sm > .btn {
  padding: 0.5rem 2.5rem;
  font-size: 0.875rem;
  line-height: 1;
  border-radius: 0; }

.btn-block, .account__delete .btn, .onboarding .btn, .onboarding__register .btn, .onboarding__pickfavorite .btn, .onboarding__newsletter .btn, .onboarding__notification .btn {
  display: block;
  width: 100%; }
  .btn-block + .btn-block, .account__delete .btn + .btn-block, .onboarding .btn + .btn-block, .onboarding__register .btn + .btn-block, .onboarding__pickfavorite .btn + .btn-block, .onboarding__newsletter .btn + .btn-block, .onboarding__notification .btn + .btn-block, .account__delete .btn-block + .btn, .account__delete .btn + .btn, .onboarding .btn-block + .btn, .onboarding .btn + .btn, .onboarding__register .btn-block + .btn, .onboarding__register .btn + .btn, .onboarding__pickfavorite .btn-block + .btn, .onboarding__pickfavorite .btn + .btn, .onboarding__newsletter .btn-block + .btn, .onboarding__newsletter .btn + .btn, .onboarding__notification .btn-block + .btn, .onboarding__notification .btn + .btn {
    margin-top: 0.5rem; }

input[type="submit"].btn-block, .account__delete input.btn[type="submit"], .onboarding input.btn[type="submit"], .onboarding__register input.btn[type="submit"], .onboarding__pickfavorite input.btn[type="submit"], .onboarding__newsletter input.btn[type="submit"], .onboarding__notification input.btn[type="submit"],
input[type="reset"].btn-block,
.account__delete input.btn[type="reset"],
.onboarding input.btn[type="reset"],
.onboarding__register input.btn[type="reset"],
.onboarding__pickfavorite input.btn[type="reset"],
.onboarding__newsletter input.btn[type="reset"],
.onboarding__notification input.btn[type="reset"],
input[type="button"].btn-block,
.account__delete input.btn[type="button"],
.onboarding input.btn[type="button"],
.onboarding__register input.btn[type="button"],
.onboarding__pickfavorite input.btn[type="button"],
.onboarding__newsletter input.btn[type="button"],
.onboarding__notification input.btn[type="button"] {
  width: 100%; }

.fade {
  opacity: 0;
  transition: opacity 0.15s linear; }
  .fade.show {
    opacity: 1; }

.collapse {
  display: none; }
  .collapse.show {
    display: block; }

tr.collapse.show {
  display: table-row; }

tbody.collapse.show {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease; }

.dropup,
.dropdown {
  position: relative; }

.dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent; }

.dropdown-toggle:empty::after {
  margin-left: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0; }

.dropup .dropdown-menu {
  margin-top: 0;
  margin-bottom: 0.125rem; }

.dropup .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent; }

.dropup .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropright .dropdown-menu {
  margin-top: 0;
  margin-left: 0.125rem; }

.dropright .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid; }

.dropright .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropright .dropdown-toggle::after {
  vertical-align: 0; }

.dropleft .dropdown-menu {
  margin-top: 0;
  margin-right: 0.125rem; }

.dropleft .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: ""; }

.dropleft .dropdown-toggle::after {
  display: none; }

.dropleft .dropdown-toggle::before {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent; }

.dropleft .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropleft .dropdown-toggle::before {
  vertical-align: 0; }

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef; }

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0; }
  .dropdown-item:hover, .dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #F0F0F0; }
  .dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #0081C8; }
  .dropdown-item.disabled, .dropdown-item:disabled {
    color: #868e96;
    background-color: transparent; }

.dropdown-menu.show {
  display: block; }

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #868e96;
  white-space: nowrap; }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle; }
  .btn-group > .btn,
  .btn-group-vertical > .btn {
    position: relative;
    flex: 0 1 auto; }
    .btn-group > .btn:hover,
    .btn-group-vertical > .btn:hover {
      z-index: 1; }
    .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
    .btn-group-vertical > .btn:focus,
    .btn-group-vertical > .btn:active,
    .btn-group-vertical > .btn.active {
      z-index: 1; }
  .btn-group .btn + .btn,
  .btn-group .btn + .btn-group,
  .btn-group .btn-group + .btn,
  .btn-group .btn-group + .btn-group,
  .btn-group-vertical .btn + .btn,
  .btn-group-vertical .btn + .btn-group,
  .btn-group-vertical .btn-group + .btn,
  .btn-group-vertical .btn-group + .btn-group {
    margin-left: -1px; }

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  .btn-toolbar .input-group {
    width: auto; }

.btn-group > .btn:first-child {
  margin-left: 0; }

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.dropdown-toggle-split {
  padding-right: 1.5rem;
  padding-left: 1.5rem; }
  .dropdown-toggle-split::after {
    margin-left: 0; }

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 1.875rem;
  padding-left: 1.875rem; }

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split, .btn.btn-play + .dropdown-toggle-split, .oc-header--body .oc-header--body__col-2 .section-sign-in .btn-login + .dropdown-toggle-split, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .btn-login + .dropdown-toggle-split, .hero .btn + .dropdown-toggle-split, .hero__originals .btn + .dropdown-toggle-split, .modal .btn + .dropdown-toggle-split, .modal__gallery .btn + .dropdown-toggle-split, .account__delete .btn + .dropdown-toggle-split, .onboarding .btn + .dropdown-toggle-split, .onboarding__register .btn + .dropdown-toggle-split, .onboarding__pickfavorite .btn + .dropdown-toggle-split, .onboarding__newsletter .btn + .dropdown-toggle-split, .onboarding__notification .btn + .dropdown-toggle-split {
  padding-right: 1.875rem;
  padding-left: 1.875rem; }

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center; }
  .btn-group-vertical .btn,
  .btn-group-vertical .btn-group {
    width: 100%; }
  .btn-group-vertical > .btn + .btn,
  .btn-group-vertical > .btn + .btn-group,
  .btn-group-vertical > .btn-group + .btn,
  .btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0; }
  .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
  .btn-group-vertical > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .btn-group-vertical > .btn:not(:first-child),
  .btn-group-vertical > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0; }
  .btn-group-toggle > .btn input[type="radio"],
  .btn-group-toggle > .btn input[type="checkbox"],
  .btn-group-toggle > .btn-group > .btn input[type="radio"],
  .btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none; }

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%; }
  .input-group > .form-control,
  .input-group > .custom-select,
  .input-group > .custom-file {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0; }
    .input-group > .form-control:focus,
    .input-group > .custom-select:focus,
    .input-group > .custom-file:focus {
      z-index: 3; }
    .input-group > .form-control + .form-control,
    .input-group > .form-control + .custom-select,
    .input-group > .form-control + .custom-file,
    .input-group > .custom-select + .form-control,
    .input-group > .custom-select + .custom-select,
    .input-group > .custom-select + .custom-file,
    .input-group > .custom-file + .form-control,
    .input-group > .custom-file + .custom-select,
    .input-group > .custom-file + .custom-file {
      margin-left: -1px; }
  .input-group > .form-control:not(:last-child),
  .input-group > .custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .input-group > .form-control:not(:first-child),
  .input-group > .custom-select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .input-group > .custom-file {
    display: flex;
    align-items: center; }
    .input-group > .custom-file:not(:last-child) .custom-file-label,
    .input-group > .custom-file:not(:last-child) .custom-file-label::before {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    .input-group > .custom-file:not(:first-child) .custom-file-label,
    .input-group > .custom-file:not(:first-child) .custom-file-label::before {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }

.input-group-prepend,
.input-group-append {
  display: flex; }
  .input-group-prepend .btn,
  .input-group-append .btn {
    position: relative;
    z-index: 2; }
  .input-group-prepend .btn + .btn,
  .input-group-prepend .btn + .input-group-text,
  .input-group-prepend .input-group-text + .input-group-text,
  .input-group-prepend .input-group-text + .btn,
  .input-group-append .btn + .btn,
  .input-group-append .btn + .input-group-text,
  .input-group-append .input-group-text + .input-group-text,
  .input-group-append .input-group-text + .btn {
    margin-left: -1px; }

.input-group-prepend {
  margin-right: -1px; }

.input-group-append {
  margin-left: -1px; }

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.5rem 2rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0; }
  .input-group-text input[type="radio"],
  .input-group-text input[type="checkbox"] {
    margin-top: 0; }

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }

.nav-link {
  display: block;
  padding: 0.5rem 1rem; }
  .nav-link:hover, .nav-link:focus {
    text-decoration: none; }
  .nav-link.disabled {
    color: #868e96; }

.nav-tabs {
  border-bottom: 1px solid #ddd; }
  .nav-tabs .nav-item {
    margin-bottom: -1px; }
  .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
    .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
      border-color: #e9ecef; }
    .nav-tabs .nav-link.disabled {
      color: #868e96;
      background-color: transparent;
      border-color: transparent; }
  .nav-tabs .nav-link.active,
  .nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #F0F0F0;
    border-color: #ddd; }
  .nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.nav-pills .nav-link {
  border-radius: 0; }

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #0081C8; }

.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center; }

.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center; }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem; }
  .navbar > .container, .section__mosaic-originals .navbar > .section--header,
  .navbar > .container-fluid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; }

.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap; }
  .navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none; }

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }
  .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0; }
  .navbar-nav .dropdown-menu {
    position: static;
    float: none; }

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center; }

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0; }
  .navbar-toggler:hover, .navbar-toggler:focus {
    text-decoration: none; }
  .navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer; }

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%; }

@media (max-width: 567.98px) {
  .navbar-expand-sm > .container, .section__mosaic-originals .navbar-expand-sm > .section--header,
  .navbar-expand-sm > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 568px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-sm .navbar-nav {
      flex-direction: row; }
      .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-sm .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto; }
      .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-sm > .container, .section__mosaic-originals .navbar-expand-sm > .section--header,
    .navbar-expand-sm > .container-fluid {
      flex-wrap: nowrap; }
    .navbar-expand-sm .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-sm .navbar-toggler {
      display: none; }
    .navbar-expand-sm .dropup .dropdown-menu {
      top: auto;
      bottom: 100%; } }

@media (max-width: 767.98px) {
  .navbar-expand-md > .container, .section__mosaic-originals .navbar-expand-md > .section--header,
  .navbar-expand-md > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 768px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-md .navbar-nav {
      flex-direction: row; }
      .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-md .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto; }
      .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-md > .container, .section__mosaic-originals .navbar-expand-md > .section--header,
    .navbar-expand-md > .container-fluid {
      flex-wrap: nowrap; }
    .navbar-expand-md .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-md .navbar-toggler {
      display: none; }
    .navbar-expand-md .dropup .dropdown-menu {
      top: auto;
      bottom: 100%; } }

@media (max-width: 991.98px) {
  .navbar-expand-lg > .container, .section__mosaic-originals .navbar-expand-lg > .section--header,
  .navbar-expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-lg .navbar-nav {
      flex-direction: row; }
      .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-lg .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto; }
      .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-lg > .container, .section__mosaic-originals .navbar-expand-lg > .section--header,
    .navbar-expand-lg > .container-fluid {
      flex-wrap: nowrap; }
    .navbar-expand-lg .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-lg .navbar-toggler {
      display: none; }
    .navbar-expand-lg .dropup .dropdown-menu {
      top: auto;
      bottom: 100%; } }

@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container, .section__mosaic-originals .navbar-expand-xl > .section--header,
  .navbar-expand-xl > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-xl .navbar-nav {
      flex-direction: row; }
      .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-xl .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto; }
      .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-xl > .container, .section__mosaic-originals .navbar-expand-xl > .section--header,
    .navbar-expand-xl > .container-fluid {
      flex-wrap: nowrap; }
    .navbar-expand-xl .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-xl .navbar-toggler {
      display: none; }
    .navbar-expand-xl .dropup .dropdown-menu {
      top: auto;
      bottom: 100%; } }

.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start; }
  .navbar-expand > .container, .section__mosaic-originals .navbar-expand > .section--header,
  .navbar-expand > .container-fluid {
    padding-right: 0;
    padding-left: 0; }
  .navbar-expand .navbar-nav {
    flex-direction: row; }
    .navbar-expand .navbar-nav .dropdown-menu {
      position: absolute; }
    .navbar-expand .navbar-nav .dropdown-menu-right {
      right: 0;
      left: auto; }
    .navbar-expand .navbar-nav .nav-link {
      padding-right: 0.5rem;
      padding-left: 0.5rem; }
  .navbar-expand > .container, .section__mosaic-originals .navbar-expand > .section--header,
  .navbar-expand > .container-fluid {
    flex-wrap: nowrap; }
  .navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto; }
  .navbar-expand .navbar-toggler {
    display: none; }
  .navbar-expand .dropup .dropdown-menu {
    top: auto;
    bottom: 100%; }

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9); }
  .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
    color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5); }
  .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: rgba(0, 0, 0, 0.7); }
  .navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.3); }

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1); }

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5); }
  .navbar-light .navbar-text a {
    color: rgba(0, 0, 0, 0.9); }
    .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
      color: rgba(0, 0, 0, 0.9); }

.navbar-dark .navbar-brand {
  color: #fff; }
  .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
    color: #fff; }

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5); }
  .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.75); }
  .navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25); }

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff; }

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1); }

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5); }
  .navbar-dark .navbar-text a {
    color: #fff; }
    .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
      color: #fff; }

.media {
  display: flex;
  align-items: flex-start; }

.media-body {
  flex: 1; }

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0; }

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit; }
  .list-group-item-action:hover, .list-group-item-action:focus {
    color: #495057;
    text-decoration: none;
    background-color: #F0F0F0; }
  .list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef; }

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125); }
  .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .list-group-item:hover, .list-group-item:focus {
    z-index: 1;
    text-decoration: none; }
  .list-group-item.disabled, .list-group-item:disabled {
    color: #868e96;
    background-color: #fff; }
  .list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #0081C8;
    border-color: #0081C8; }

.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0; }

.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0; }

.list-group-flush:last-child .list-group-item:last-child {
  border-bottom: 0; }

.list-group-item-primary {
  color: #004368;
  background-color: #b8dcf0; }
  .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
    color: #004368;
    background-color: #a3d2ec; }
  .list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004368;
    border-color: #004368; }

.list-group-item-secondary {
  color: #464a4e;
  background-color: #dddfe2; }
  .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
    color: #464a4e;
    background-color: #cfd2d6; }
  .list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #464a4e;
    border-color: #464a4e; }

.list-group-item-success {
  color: #155724;
  background-color: #c3e6cb; }
  .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
    color: #155724;
    background-color: #b1dfbb; }
  .list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724; }

.list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb; }
  .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
    color: #0c5460;
    background-color: #abdde5; }
  .list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460; }

.list-group-item-warning {
  color: #835c19;
  background-color: #fee9c5; }
  .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
    color: #835c19;
    background-color: #fedfac; }
  .list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #835c19;
    border-color: #835c19; }

.list-group-item-danger {
  color: #7c1b29;
  background-color: #fac6cd; }
  .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
    color: #7c1b29;
    background-color: #f8afb8; }
  .list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #7c1b29;
    border-color: #7c1b29; }

.list-group-item-light {
  color: #7d7d7d;
  background-color: #fbfbfb; }
  .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
    color: #7d7d7d;
    background-color: #eeeeee; }
  .list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #7d7d7d;
    border-color: #7d7d7d; }

.list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca; }
  .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
    color: #1b1e21;
    background-color: #b9bbbe; }
  .list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21; }

.modal-open {
  overflow: hidden; }

.modal, .modal__gallery {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0; }
  .modal-open .modal, .modal-open .modal__gallery {
    overflow-x: hidden;
    overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none; }
  .modal.fade .modal-dialog, .fade.modal__gallery .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -25%); }
  .modal.show .modal-dialog, .show.modal__gallery .modal-dialog {
    transform: translate(0, 0); }

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - (0.5rem * 2)); }

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }
  .modal-backdrop.fade {
    opacity: 0; }
  .modal-backdrop.show {
    opacity: 0.5; }

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }
  .modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto; }

.modal-title {
  margin-bottom: 0;
  line-height: 1.5; }

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem; }

.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #e9ecef; }
  .modal-footer > :not(:first-child) {
    margin-left: .25rem; }
  .modal-footer > :not(:last-child) {
    margin-right: .25rem; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 568px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto; }
  .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2)); }
  .modal-sm {
    max-width: 300px; } }

@media (min-width: 992px) {
  .modal-lg {
    max-width: 800px; } }

.align-baseline {
  vertical-align: baseline !important; }

.align-top {
  vertical-align: top !important; }

.align-middle {
  vertical-align: middle !important; }

.align-bottom {
  vertical-align: bottom !important; }

.align-text-bottom {
  vertical-align: text-bottom !important; }

.align-text-top {
  vertical-align: text-top !important; }

.bg-primary {
  background-color: #0081C8 !important; }

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #006095 !important; }

.bg-secondary {
  background-color: #868e96 !important; }

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #6c757d !important; }

.bg-success {
  background-color: #28a745 !important; }

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #1e7e34 !important; }

.bg-info {
  background-color: #17a2b8 !important; }

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important; }

.bg-warning {
  background-color: #FCB131 !important; }

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #f69d04 !important; }

.bg-danger {
  background-color: #EE334E !important; }

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #dc122f !important; }

.bg-light, .athlete--img__fallback:before, .date-picker select, .oc-header--body .oc-header--body__col-2, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2, .oc-header--body.v2#nav-body, .oc-header .header-container .right-panel .v2#nav-body.nav-item-container, .onboarding, .onboarding__register, .onboarding__pickfavorite, .onboarding__newsletter, .onboarding__notification {
  background-color: #F0F0F0 !important; }

a.bg-light:hover, a.athlete--img__fallback:hover:before, .oc-header--body a.oc-header--body__col-2:hover, .oc-header .header-container .right-panel .nav-item-container a.oc-header--body__col-2:hover, a.oc-header--body.v2#nav-body:hover, .oc-header .header-container .right-panel a.v2#nav-body.nav-item-container:hover, a.onboarding:hover, a.onboarding__register:hover, a.onboarding__pickfavorite:hover, a.onboarding__newsletter:hover, a.onboarding__notification:hover, a.bg-light:focus, a.athlete--img__fallback:focus:before, .oc-header--body a.oc-header--body__col-2:focus, .oc-header .header-container .right-panel .nav-item-container a.oc-header--body__col-2:focus, a.oc-header--body.v2#nav-body:focus, .oc-header .header-container .right-panel a.v2#nav-body.nav-item-container:focus, a.onboarding:focus, a.onboarding__register:focus, a.onboarding__pickfavorite:focus, a.onboarding__newsletter:focus, a.onboarding__notification:focus,
button.bg-light:hover,
button.athlete--img__fallback:hover:before,
.oc-header--body button.oc-header--body__col-2:hover,
.oc-header .header-container .right-panel .nav-item-container button.oc-header--body__col-2:hover,
button.oc-header--body.v2#nav-body:hover,
.oc-header .header-container .right-panel button.v2#nav-body.nav-item-container:hover,
button.onboarding:hover,
button.onboarding__register:hover,
button.onboarding__pickfavorite:hover,
button.onboarding__newsletter:hover,
button.onboarding__notification:hover,
button.bg-light:focus,
button.athlete--img__fallback:focus:before,
.oc-header--body button.oc-header--body__col-2:focus,
.oc-header .header-container .right-panel .nav-item-container button.oc-header--body__col-2:focus,
button.oc-header--body.v2#nav-body:focus,
.oc-header .header-container .right-panel button.v2#nav-body.nav-item-container:focus,
button.onboarding:focus,
button.onboarding__register:focus,
button.onboarding__pickfavorite:focus,
button.onboarding__newsletter:focus,
button.onboarding__notification:focus {
  background-color: #d7d7d7 !important; }

.bg-dark {
  background-color: #343a40 !important; }

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important; }

.bg-white, .card-mvpd .article--img, .section__favorited, .section-page__athletes .section__see-also, .section-page__hp .section__featured-athletes, .article-page__error, .article-page__error .article--content {
  background-color: #fff !important; }

.bg-transparent {
  background-color: transparent !important; }

.border {
  border: 1px solid #e9ecef !important; }

.border-top {
  border-top: 1px solid #e9ecef !important; }

.border-right {
  border-right: 1px solid #e9ecef !important; }

.border-bottom {
  border-bottom: 1px solid #e9ecef !important; }

.border-left {
  border-left: 1px solid #e9ecef !important; }

.border-0 {
  border: 0 !important; }

.border-top-0 {
  border-top: 0 !important; }

.border-right-0 {
  border-right: 0 !important; }

.border-bottom-0 {
  border-bottom: 0 !important; }

.border-left-0 {
  border-left: 0 !important; }

.border-primary {
  border-color: #0081C8 !important; }

.border-secondary {
  border-color: #868e96 !important; }

.border-success {
  border-color: #28a745 !important; }

.border-info {
  border-color: #17a2b8 !important; }

.border-warning {
  border-color: #FCB131 !important; }

.border-danger {
  border-color: #EE334E !important; }

.border-light {
  border-color: #F0F0F0 !important; }

.border-dark {
  border-color: #343a40 !important; }

.border-white {
  border-color: #fff !important; }

.rounded {
  border-radius: 0 !important; }

.rounded-top {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important; }

.rounded-right {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.rounded-bottom {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

.rounded-left {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

.rounded-circle, .icon, .oc-header #nav-icon {
  border-radius: 50% !important; }

.rounded-0 {
  border-radius: 0 !important; }

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

.d-none, .section__athlete--stats .olympic-games--discipline, .oc-header .user--label, .oc-header .search--label, .modal, .modal__gallery, .modal__mvpd, .account .profile--data.active .profile--data__inactive, .player-minimized .player-position .jwplayer.jw-skin-ocs-prod .jw-display-container,
.player-minimized .player-position .jwplayer.jw-skin-ocs-prod .jw-settings-menu, .player-minimized .player-position .jwplayer.jw-skin-ocs-prod .jw-controlbar .jw-icon-cast,
.player-minimized .player-position .jwplayer.jw-skin-ocs-prod .jw-controlbar .jw-tooltip-fullscreen,
.player-minimized .player-position .jwplayer.jw-skin-ocs-prod .jw-controlbar .jw-tooltip-icon,
.player-minimized .player-position .jwplayer.jw-skin-ocs-prod .jw-controlbar .jw-overlay,
.player-minimized .player-position .jwplayer.jw-skin-ocs-prod .jw-controlbar .jw-settings-sharing,
.player-minimized .player-position .jwplayer.jw-skin-ocs-prod .jw-controlbar .jw-settings-submenu-button,
.player-minimized .player-position .jwplayer.jw-skin-ocs-prod .jw-controlbar .jw-text {
  display: none !important; }

.d-inline {
  display: inline !important; }

.d-inline-block {
  display: inline-block !important; }

.d-block {
  display: block !important; }

.d-table {
  display: table !important; }

.d-table-row {
  display: table-row !important; }

.d-table-cell {
  display: table-cell !important; }

.d-flex, .oc-header--body, .oc-header .header-container .right-panel .nav-item-container, .account .profile--data.inactive .profile--data__inactive {
  display: flex !important; }

.d-inline-flex, .account .account--sign-out {
  display: inline-flex !important; }

@media (min-width: 568px) {
  .d-sm-none {
    display: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block, .section__athlete--stats .olympic-games--discipline {
    display: block !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-row {
    display: table-row !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: flex !important; }
  .d-sm-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 768px) {
  .d-md-none {
    display: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block, .onboarding .btn, .onboarding__register .btn, .onboarding__pickfavorite .btn, .onboarding__newsletter .btn, .onboarding__notification .btn {
    display: inline-block !important; }
  .d-md-block, .owl-carousel .owl-dots {
    display: block !important; }
  .d-md-table {
    display: table !important; }
  .d-md-table-row {
    display: table-row !important; }
  .d-md-table-cell {
    display: table-cell !important; }
  .d-md-flex {
    display: flex !important; }
  .d-md-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block, .oc-header .user--label, .oc-header .search--label, .oc-header.open.open__nav .oc-main-nav__quicklinks-placeholder {
    display: inline-block !important; }
  .d-lg-block, .owl-carousel .owl-prev, .owl-carousel .owl-next {
    display: block !important; }
  .d-lg-table {
    display: table !important; }
  .d-lg-table-row {
    display: table-row !important; }
  .d-lg-table-cell {
    display: table-cell !important; }
  .d-lg-flex {
    display: flex !important; }
  .d-lg-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-table {
    display: table !important; }
  .d-xl-table-row {
    display: table-row !important; }
  .d-xl-table-cell {
    display: table-cell !important; }
  .d-xl-flex {
    display: flex !important; }
  .d-xl-inline-flex {
    display: inline-flex !important; } }

@media print {
  .d-print-none {
    display: none !important; }
  .d-print-inline {
    display: inline !important; }
  .d-print-inline-block {
    display: inline-block !important; }
  .d-print-block {
    display: block !important; }
  .d-print-table {
    display: table !important; }
  .d-print-table-row {
    display: table-row !important; }
  .d-print-table-cell {
    display: table-cell !important; }
  .d-print-flex {
    display: flex !important; }
  .d-print-inline-flex {
    display: inline-flex !important; } }

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden; }
  .embed-responsive::before {
    display: block;
    content: ""; }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

.embed-responsive-21by9::before {
  padding-top: 42.85714%; }

.embed-responsive-16by9::before {
  padding-top: 56.25%; }

.embed-responsive-4by3::before {
  padding-top: 75%; }

.embed-responsive-1by1::before {
  padding-top: 100%; }

.flex-row {
  flex-direction: row !important; }

.flex-column {
  flex-direction: column !important; }

.flex-row-reverse {
  flex-direction: row-reverse !important; }

.flex-column-reverse {
  flex-direction: column-reverse !important; }

.flex-wrap {
  flex-wrap: wrap !important; }

.flex-nowrap {
  flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.justify-content-end {
  justify-content: flex-end !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-between {
  justify-content: space-between !important; }

.justify-content-around {
  justify-content: space-around !important; }

.align-items-start {
  align-items: flex-start !important; }

.align-items-end {
  align-items: flex-end !important; }

.align-items-center, .account .profile--data.inactive .profile--data__inactive {
  align-items: center !important; }

.align-items-baseline {
  align-items: baseline !important; }

.align-items-stretch {
  align-items: stretch !important; }

.align-content-start {
  align-content: flex-start !important; }

.align-content-end {
  align-content: flex-end !important; }

.align-content-center {
  align-content: center !important; }

.align-content-between {
  align-content: space-between !important; }

.align-content-around {
  align-content: space-around !important; }

.align-content-stretch {
  align-content: stretch !important; }

.align-self-auto {
  align-self: auto !important; }

.align-self-start {
  align-self: flex-start !important; }

.align-self-end {
  align-self: flex-end !important; }

.align-self-center {
  align-self: center !important; }

.align-self-baseline {
  align-self: baseline !important; }

.align-self-stretch {
  align-self: stretch !important; }

@media (min-width: 568px) {
  .flex-sm-row {
    flex-direction: row !important; }
  .flex-sm-column {
    flex-direction: column !important; }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-sm-wrap {
    flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-sm-start {
    justify-content: flex-start !important; }
  .justify-content-sm-end {
    justify-content: flex-end !important; }
  .justify-content-sm-center {
    justify-content: center !important; }
  .justify-content-sm-between {
    justify-content: space-between !important; }
  .justify-content-sm-around {
    justify-content: space-around !important; }
  .align-items-sm-start {
    align-items: flex-start !important; }
  .align-items-sm-end {
    align-items: flex-end !important; }
  .align-items-sm-center {
    align-items: center !important; }
  .align-items-sm-baseline {
    align-items: baseline !important; }
  .align-items-sm-stretch {
    align-items: stretch !important; }
  .align-content-sm-start {
    align-content: flex-start !important; }
  .align-content-sm-end {
    align-content: flex-end !important; }
  .align-content-sm-center {
    align-content: center !important; }
  .align-content-sm-between {
    align-content: space-between !important; }
  .align-content-sm-around {
    align-content: space-around !important; }
  .align-content-sm-stretch {
    align-content: stretch !important; }
  .align-self-sm-auto {
    align-self: auto !important; }
  .align-self-sm-start {
    align-self: flex-start !important; }
  .align-self-sm-end {
    align-self: flex-end !important; }
  .align-self-sm-center {
    align-self: center !important; }
  .align-self-sm-baseline {
    align-self: baseline !important; }
  .align-self-sm-stretch {
    align-self: stretch !important; } }

@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important; }
  .flex-md-column {
    flex-direction: column !important; }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-md-wrap {
    flex-wrap: wrap !important; }
  .flex-md-nowrap {
    flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-md-start {
    justify-content: flex-start !important; }
  .justify-content-md-end {
    justify-content: flex-end !important; }
  .justify-content-md-center {
    justify-content: center !important; }
  .justify-content-md-between {
    justify-content: space-between !important; }
  .justify-content-md-around {
    justify-content: space-around !important; }
  .align-items-md-start {
    align-items: flex-start !important; }
  .align-items-md-end {
    align-items: flex-end !important; }
  .align-items-md-center {
    align-items: center !important; }
  .align-items-md-baseline {
    align-items: baseline !important; }
  .align-items-md-stretch {
    align-items: stretch !important; }
  .align-content-md-start {
    align-content: flex-start !important; }
  .align-content-md-end {
    align-content: flex-end !important; }
  .align-content-md-center {
    align-content: center !important; }
  .align-content-md-between {
    align-content: space-between !important; }
  .align-content-md-around {
    align-content: space-around !important; }
  .align-content-md-stretch {
    align-content: stretch !important; }
  .align-self-md-auto {
    align-self: auto !important; }
  .align-self-md-start {
    align-self: flex-start !important; }
  .align-self-md-end {
    align-self: flex-end !important; }
  .align-self-md-center {
    align-self: center !important; }
  .align-self-md-baseline {
    align-self: baseline !important; }
  .align-self-md-stretch {
    align-self: stretch !important; } }

@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important; }
  .flex-lg-column {
    flex-direction: column !important; }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-lg-wrap {
    flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-lg-start {
    justify-content: flex-start !important; }
  .justify-content-lg-end {
    justify-content: flex-end !important; }
  .justify-content-lg-center {
    justify-content: center !important; }
  .justify-content-lg-between {
    justify-content: space-between !important; }
  .justify-content-lg-around {
    justify-content: space-around !important; }
  .align-items-lg-start {
    align-items: flex-start !important; }
  .align-items-lg-end {
    align-items: flex-end !important; }
  .align-items-lg-center {
    align-items: center !important; }
  .align-items-lg-baseline {
    align-items: baseline !important; }
  .align-items-lg-stretch {
    align-items: stretch !important; }
  .align-content-lg-start {
    align-content: flex-start !important; }
  .align-content-lg-end {
    align-content: flex-end !important; }
  .align-content-lg-center {
    align-content: center !important; }
  .align-content-lg-between {
    align-content: space-between !important; }
  .align-content-lg-around {
    align-content: space-around !important; }
  .align-content-lg-stretch {
    align-content: stretch !important; }
  .align-self-lg-auto {
    align-self: auto !important; }
  .align-self-lg-start {
    align-self: flex-start !important; }
  .align-self-lg-end {
    align-self: flex-end !important; }
  .align-self-lg-center {
    align-self: center !important; }
  .align-self-lg-baseline {
    align-self: baseline !important; }
  .align-self-lg-stretch {
    align-self: stretch !important; } }

@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important; }
  .flex-xl-column {
    flex-direction: column !important; }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-xl-wrap {
    flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-xl-start {
    justify-content: flex-start !important; }
  .justify-content-xl-end {
    justify-content: flex-end !important; }
  .justify-content-xl-center {
    justify-content: center !important; }
  .justify-content-xl-between {
    justify-content: space-between !important; }
  .justify-content-xl-around {
    justify-content: space-around !important; }
  .align-items-xl-start {
    align-items: flex-start !important; }
  .align-items-xl-end {
    align-items: flex-end !important; }
  .align-items-xl-center {
    align-items: center !important; }
  .align-items-xl-baseline {
    align-items: baseline !important; }
  .align-items-xl-stretch {
    align-items: stretch !important; }
  .align-content-xl-start {
    align-content: flex-start !important; }
  .align-content-xl-end {
    align-content: flex-end !important; }
  .align-content-xl-center {
    align-content: center !important; }
  .align-content-xl-between {
    align-content: space-between !important; }
  .align-content-xl-around {
    align-content: space-around !important; }
  .align-content-xl-stretch {
    align-content: stretch !important; }
  .align-self-xl-auto {
    align-self: auto !important; }
  .align-self-xl-start {
    align-self: flex-start !important; }
  .align-self-xl-end {
    align-self: flex-end !important; }
  .align-self-xl-center {
    align-self: center !important; }
  .align-self-xl-baseline {
    align-self: baseline !important; }
  .align-self-xl-stretch {
    align-self: stretch !important; } }

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.float-none {
  float: none !important; }

@media (min-width: 568px) {
  .float-sm-left {
    float: left !important; }
  .float-sm-right {
    float: right !important; }
  .float-sm-none {
    float: none !important; } }

@media (min-width: 768px) {
  .float-md-left {
    float: left !important; }
  .float-md-right {
    float: right !important; }
  .float-md-none {
    float: none !important; } }

@media (min-width: 992px) {
  .float-lg-left {
    float: left !important; }
  .float-lg-right {
    float: right !important; }
  .float-lg-none {
    float: none !important; } }

@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important; }
  .float-xl-right {
    float: right !important; }
  .float-xl-none {
    float: none !important; } }

.position-static {
  position: static !important; }

.position-relative {
  position: relative !important; }

.position-absolute {
  position: absolute !important; }

.position-fixed {
  position: fixed !important; }

.position-sticky {
  position: sticky !important; }

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030; }

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030; }

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020; } }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  clip-path: inset(50%);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
  clip-path: none; }

.w-25 {
  width: 25% !important; }

.w-50 {
  width: 50% !important; }

.w-75 {
  width: 75% !important; }

.w-100 {
  width: 100% !important; }

.h-25 {
  height: 25% !important; }

.h-50 {
  height: 50% !important; }

.h-75 {
  height: 75% !important; }

.h-100 {
  height: 100% !important; }

.mw-100 {
  max-width: 100% !important; }

.mh-100 {
  max-height: 100% !important; }

.m-0, .section__athlete--stats .athlete-stats--summary .athlete--data--label, .newslist__3vod .article--embed,
.newslist__2vod .article--embed, .section-page__olimpic-games .newslist .newslist--item {
  margin: 0 !important; }

.mt-0, .oc-section:first-child, .section-page__live .section__linear-channel:first-child,
.my-0,
.article__small .article--title,
.article__event-small .article--title,
.article__event-live-schedule-upcoming-carousel-small .article--title,
.playlist .series .article--title,
.playlist .episodes .episodes-wrapper .episode .article--title,
.card-disc .article--title,
.card-disc__horizontal .article--title,
.card-disc__horizontal .country,
.card-athlete .article--title,
.card-athlete__horizontal .article--title,
.card-athlete__horizontal .country,
.card-athlete__featured .article--title,
.card-athlete__featured-horizontal .article--title,
.card-athlete__featured-horizontal .country,
.card-country .article--title,
.card-country__horizontal .article--title,
.card-country__horizontal .country,
.mvpd__all .card-mvpd .article--title,
.mvpd__main .card-mvpd .article--title {
  margin-top: 0 !important; }

.mr-0,
.mx-0 {
  margin-right: 0 !important; }

.mb-0, .banner__athlete .socialbar .socialbar--label,
.banner__athlete .socialbar .socialbar--list, .card-disc__horizontal .article--img, .card-athlete__horizontal .article--img, .card-athlete__featured-horizontal .article--img, .card-country__horizontal .article--img, .calendar-nav .owl-carousel, .mosaic .promo__squared .article--title, .newslist__2vod .newslist--item, .newslist__3vod .newslist--item, .oc-section .section--title, .section-page__live .section__linear-channel .section--title, .section-page__live .section__calendar .calendar-nav .owl-carousel,
.my-0,
.article__small .article--title,
.article__event-small .article--title,
.article__event-live-schedule-upcoming-carousel-small .article--title,
.playlist .series .article--title,
.playlist .episodes .episodes-wrapper .episode .article--title,
.card-disc .article--title,
.card-disc__horizontal .article--title,
.card-disc__horizontal .country,
.card-athlete .article--title,
.card-athlete__horizontal .article--title,
.card-athlete__horizontal .country,
.card-athlete__featured .article--title,
.card-athlete__featured-horizontal .article--title,
.card-athlete__featured-horizontal .country,
.card-country .article--title,
.card-country__horizontal .article--title,
.card-country__horizontal .country,
.mvpd__all .card-mvpd .article--title,
.mvpd__main .card-mvpd .article--title {
  margin-bottom: 0 !important; }

.ml-0, .oc-header--body .oc-header--body__col-2 .section__favorite .article--img, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .article--img,
.mx-0 {
  margin-left: 0 !important; }

.m-1, .modal .btn, .modal__gallery .btn {
  margin: 0.25rem !important; }

.mt-1,
.my-1,
.article__vertical .article--date,
.banner__athlete .banner--info {
  margin-top: 0.25rem !important; }

.mr-1, .country--flag, .spinner,
.mx-1,
.card-athlete__featured-horizontal .article--img {
  margin-right: 0.25rem !important; }

.mb-1, .banner__discipline .banner--description, .banner__discipline .banner--info, .banner__athlete .banner--description, .banner__athlete .banner--info, .banner__event .banner--description, .banner__event .banner--info, .banner__series .banner--description, .banner__series .banner--info, .banner__story .banner--description, .banner__story .banner--info, .banner__play .banner--description, .banner__play .banner--info, .banner__story-list .banner--description, .banner__story-list .banner--info,
.my-1,
.article__vertical .article--date,
.banner__athlete .banner--info {
  margin-bottom: 0.25rem !important; }

.ml-1, .article-page .article--content .article--options .icon-favorite, .article-page__video .article--content .article--options .icon-favorite, .article-page__story .article--content .article--options .icon-favorite, .article-page__video .ocs-share .icon-favorite, .banner__discipline .banner--options .icon-favorite, .banner__discipline .discipline--info, .banner__athlete .banner--options .icon-favorite, .banner__event .banner--options .icon-favorite, .banner__series .banner--options .icon-favorite, .banner__story .banner--options .icon-favorite, .banner__play .banner--options .icon-favorite, .banner__story-list .banner--options .icon-favorite, .banner-series-cocktail__options .icon-favorite, .btn.btn-more .icon-arrow-right, .btn.btn-more .rsDefault.rsHor .rsArrowRight .rsArrowIcn, .rsDefault.rsHor .rsArrowRight .btn.btn-more .rsArrowIcn, .btn.btn-more .ar .icon-arrow-left, .ar .btn.btn-more .icon-arrow-left, .btn.btn-more .ar .rsDefault.rsHor .rsArrowLeft .rsArrowIcn, .ar .rsDefault.rsHor .rsArrowLeft .btn.btn-more .rsArrowIcn, .btn.btn-more .rsDefault.rsHor .rsArrowLeft .ar .rsArrowIcn, .rsDefault.rsHor .rsArrowLeft .ar .btn.btn-more .rsArrowIcn, .btn.btn-more .ar .calendar-nav .owl-carousel .owl-prev, .ar .calendar-nav .owl-carousel .btn.btn-more .owl-prev, .btn.btn-more .calendar-nav .owl-carousel .ar .owl-prev, .calendar-nav .owl-carousel .ar .btn.btn-more .owl-prev, .btn.btn-more .ar .hero .owl-carousel .owl-prev, .ar .hero .owl-carousel .btn.btn-more .owl-prev, .btn.btn-more .hero .owl-carousel .ar .owl-prev, .hero .owl-carousel .ar .btn.btn-more .owl-prev, .btn.btn-more .ar .hero__originals .owl-carousel .owl-prev, .ar .hero__originals .owl-carousel .btn.btn-more .owl-prev, .btn.btn-more .hero__originals .owl-carousel .ar .owl-prev, .hero__originals .owl-carousel .ar .btn.btn-more .owl-prev, .btn.btn-more .calendar-nav .owl-carousel .owl-next, .calendar-nav .owl-carousel .btn.btn-more .owl-next, .btn.btn-more .hero .owl-carousel .owl-next, .hero .owl-carousel .btn.btn-more .owl-next, .btn.btn-more .hero__originals .owl-carousel .owl-next, .hero__originals .owl-carousel .btn.btn-more .owl-next, .btn.btn-more .hero .owl-carousel.owl-rtl .owl-prev, .hero .owl-carousel.owl-rtl .btn.btn-more .owl-prev, .btn.btn-more .hero__originals .owl-carousel.owl-rtl .owl-prev, .hero__originals .owl-carousel.owl-rtl .btn.btn-more .owl-prev, .btn.btn-more .hero .owl-carousel.owl-rtl .owl-prev:before, .hero .owl-carousel.owl-rtl .btn.btn-more .owl-prev:before, .btn.btn-more .hero__originals .owl-carousel.owl-rtl .owl-prev:before, .hero__originals .owl-carousel.owl-rtl .btn.btn-more .owl-prev:before, .photogallery--header .icon-favorite, .video-detail-v2 .playlist-container .banner--options .icon-favorite, .ocs-share .icon-favorite, .ms-header #topheader .banner--options .icon-favorite,
.mx-1,
.card-athlete__featured-horizontal .article--img {
  margin-left: 0.25rem !important; }

.m-2 {
  margin: 0.5rem !important; }

.mt-2, .hero .btn, .hero__originals .btn,
.my-2,
.banner__discipline .banner--info,
.card-disc .article--favorite,
.card-disc__horizontal .article--favorite,
.card-athlete .article--favorite,
.card-athlete .article--title,
.card-athlete__horizontal .article--favorite,
.card-athlete__featured .article--favorite,
.card-athlete__featured-horizontal .article--favorite,
.card-country .article--favorite,
.card-country__horizontal .article--favorite,
.mvpd__all .card-mvpd .article--favorite,
.mvpd__main .card-mvpd .article--favorite,
section[class^='section-page'].section-page__header-dark > .section--header .section--title,
section[class*=' section-page'].section-page__header-dark > .section--header .section--title,
.account__delete .btn {
  margin-top: 0.5rem !important; }

.mr-2, .athlete .country--flag, .banner__athlete .socialbar .socialbar--label,
.banner__athlete .socialbar .socialbar--list, .card-disc__horizontal .article--img, .card-athlete__horizontal .article--img, .card-athlete__featured-horizontal .article--img, .card-country__horizontal .article--img, .event .article--partnership-label, .epg .article--partnership-label, .oc-header .user--label, .oc-header .search--label,
.mx-2,
.oc-header .oc-main-nav__quicklinks-placeholder {
  margin-right: 0.5rem !important; }

.mb-2, blockquote > p, .article__small .article--info, .article__event-small .article--info, .article__event-live-schedule-upcoming-carousel-small .article--info, .playlist .series .article--info, .playlist .episodes .episodes-wrapper .episode .article--info, .section__athlete--info .section--title, .section__athlete--stats .section--title, .section__athlete--stats .athlete-stats--summary .athlete--data--label, .banner__event .event--date, .event .event--date, .oc-header--body .oc-header--body__col-2 .section__favorite .section--title .icon-favorite, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .section--title .icon-favorite,
.my-2,
.banner__discipline .banner--info,
.card-disc .article--favorite,
.card-disc__horizontal .article--favorite,
.card-athlete .article--favorite,
.card-athlete .article--title,
.card-athlete__horizontal .article--favorite,
.card-athlete__featured .article--favorite,
.card-athlete__featured-horizontal .article--favorite,
.card-country .article--favorite,
.card-country__horizontal .article--favorite,
.mvpd__all .card-mvpd .article--favorite,
.mvpd__main .card-mvpd .article--favorite,
section[class^='section-page'].section-page__header-dark > .section--header .section--title,
section[class*=' section-page'].section-page__header-dark > .section--header .section--title,
.account__delete .btn {
  margin-bottom: 0.5rem !important; }

.ml-2,
.mx-2,
.oc-header .oc-main-nav__quicklinks-placeholder {
  margin-left: 0.5rem !important; }

.m-3 {
  margin: 1rem !important; }

.mt-3, .section-page__search .search-bar,
.section__search .search-bar,
#nav-body-search .search-bar, section[class^='section-page']:not(.section-page__header-dark) > .section--header .section--title,
section[class*=' section-page']:not(.section-page__header-dark) > .section--header .section--title,
.my-3,
.article-page .article--content .article--options,
.article-page__video .article--content .article--options,
.article-page__story .article--content .article--options,
.article-page .article--content .article--options .article--options-label,
.article-page__video .article--content .article--options .article--options-label,
.article-page__story .article--content .article--options .article--options-label,
.section__athlete--info .athlete--data--label,
.oc-header--body .oc-header--body__col-2 .section__favorite .no-favorite .article--title,
.oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article--title,
.hero__originals .article--content .btn-white,
.modal .btn-group,
.modal__gallery .btn-group,
.section .section--title,
.spinner-wrap {
  margin-top: 1rem !important; }

.mr-3, .oc-header--body .oc-header--body__col-2 .section-sign-in .account--img, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .account--img, .modal .icon-close-button, .modal__gallery .icon-close-button,
.mx-3 {
  margin-right: 1rem !important; }

.mb-3, .newslist .newslist--item, .article__featured-disc .article--title, .card-disc__horizontal, .card-athlete__horizontal, .card-athlete__featured-horizontal, .card-country__horizontal, .oc-footer .oc-main-nav__quicklinks .quicklinks-secondary, .oc-footer .oc-main-nav__quicklinks .quicklinks-utilities, .oc-lev-2-nav-wrapper, .section__favorited,
.my-3,
.article-page .article--content .article--options,
.article-page__video .article--content .article--options,
.article-page__story .article--content .article--options,
.article-page .article--content .article--options .article--options-label,
.article-page__video .article--content .article--options .article--options-label,
.article-page__story .article--content .article--options .article--options-label,
.section__athlete--info .athlete--data--label,
.oc-header--body .oc-header--body__col-2 .section__favorite .no-favorite .article--title,
.oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article--title,
.hero__originals .article--content .btn-white,
.modal .btn-group,
.modal__gallery .btn-group,
.section .section--title,
.spinner-wrap {
  margin-bottom: 1rem !important; }

.ml-3, .oc-header--body .oc-main-nav, .oc-header .header-container .right-panel .nav-item-container .oc-main-nav, .oc-header--body .oc-main-nav__bottom-links, .oc-header .header-container .right-panel .nav-item-container .oc-main-nav__bottom-links, .oc-header--body .oc-lev-2-nav, .oc-header .header-container .right-panel .nav-item-container .oc-lev-2-nav, .oc-header--body .oc-header .oc-main-nav__quicklinks, .oc-header .oc-header--body .oc-main-nav__quicklinks, .oc-header .header-container .right-panel .nav-item-container .oc-main-nav__quicklinks, .oc-header--body .oc-socials, .oc-header .header-container .right-panel .nav-item-container .oc-socials, .oc-header--body .oc-header--body__col-1 .oc-language-selection, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-1 .oc-language-selection,
.mx-3 {
  margin-left: 1rem !important; }

.m-4 {
  margin: 1.5rem !important; }

.mt-4, .oc-header--body .oc-header--body__col-1 .oc-language-selection, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-1 .oc-language-selection,
.my-4,
blockquote,
.section {
  margin-top: 1.5rem !important; }

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important; }

.mb-4, .oc-header--body .oc-header--body__col-2 .section-sign-in .btn-login, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .btn-login, .modal .section--title, .modal__gallery .section--title, .oc-section .section--header, .section-page__live .section__linear-channel .section--header,
.my-4,
blockquote,
.section {
  margin-bottom: 1.5rem !important; }

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important; }

.m-5 {
  margin: 3rem !important; }

.mt-5, .oc-header--body .oc-socials, .oc-header .header-container .right-panel .nav-item-container .oc-socials,
.my-5,
.article-page .section__related,
.article-page__video .section__related,
.article-page__story .section__related {
  margin-top: 3rem !important; }

.mr-5,
.mx-5 {
  margin-right: 3rem !important; }

.mb-5, .search--list .list--item, .oc-header--body .oc-header--body__col-1 .oc-language-selection, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-1 .oc-language-selection,
.my-5,
.article-page .section__related,
.article-page__video .section__related,
.article-page__story .section__related {
  margin-bottom: 3rem !important; }

.ml-5,
.mx-5 {
  margin-left: 3rem !important; }

.p-0, .search--list, .mosaic .newslist__mosaic .article, .mosaic .newslist__mosaic .article-page, .mosaic .newslist__mosaic .article-page__video, .mosaic .newslist__mosaic .article-page__story, .mosaic .newslist__mosaic .event, .mosaic .newslist__mosaic .epg,
.mosaic .newslist__mosaic-5x .article, .mosaic .newslist__mosaic-5x .article-page, .mosaic .newslist__mosaic-5x .article-page__video, .mosaic .newslist__mosaic-5x .article-page__story, .mosaic .newslist__mosaic-5x .event, .mosaic .newslist__mosaic-5x .epg,
.mosaic .newslist__mosaic-3x .article, .mosaic .newslist__mosaic-3x .article-page, .mosaic .newslist__mosaic-3x .article-page__video, .mosaic .newslist__mosaic-3x .article-page__story, .mosaic .newslist__mosaic-3x .event, .mosaic .newslist__mosaic-3x .epg, .newslist__3vod .article--embed,
.newslist__2vod .article--embed, .newslist__2vod .newslist--item, .newslist__3vod .newslist--item {
  padding: 0 !important; }

.pt-0, .account .profile--data .btn-edit,
.py-0,
.search-bar .form-control {
  padding-top: 0 !important; }

.pr-0, .btn.btn-more, .btn.btn-more .icon-arrow-right, .btn.btn-more .rsDefault.rsHor .rsArrowRight .rsArrowIcn, .rsDefault.rsHor .rsArrowRight .btn.btn-more .rsArrowIcn, .btn.btn-more .ar .icon-arrow-left, .ar .btn.btn-more .icon-arrow-left, .btn.btn-more .ar .rsDefault.rsHor .rsArrowLeft .rsArrowIcn, .ar .rsDefault.rsHor .rsArrowLeft .btn.btn-more .rsArrowIcn, .btn.btn-more .rsDefault.rsHor .rsArrowLeft .ar .rsArrowIcn, .rsDefault.rsHor .rsArrowLeft .ar .btn.btn-more .rsArrowIcn, .btn.btn-more .ar .calendar-nav .owl-carousel .owl-prev, .ar .calendar-nav .owl-carousel .btn.btn-more .owl-prev, .btn.btn-more .calendar-nav .owl-carousel .ar .owl-prev, .calendar-nav .owl-carousel .ar .btn.btn-more .owl-prev, .btn.btn-more .ar .hero .owl-carousel .owl-prev, .ar .hero .owl-carousel .btn.btn-more .owl-prev, .btn.btn-more .hero .owl-carousel .ar .owl-prev, .hero .owl-carousel .ar .btn.btn-more .owl-prev, .btn.btn-more .ar .hero__originals .owl-carousel .owl-prev, .ar .hero__originals .owl-carousel .btn.btn-more .owl-prev, .btn.btn-more .hero__originals .owl-carousel .ar .owl-prev, .hero__originals .owl-carousel .ar .btn.btn-more .owl-prev, .btn.btn-more .calendar-nav .owl-carousel .owl-next, .calendar-nav .owl-carousel .btn.btn-more .owl-next, .btn.btn-more .hero .owl-carousel .owl-next, .hero .owl-carousel .btn.btn-more .owl-next, .btn.btn-more .hero__originals .owl-carousel .owl-next, .hero__originals .owl-carousel .btn.btn-more .owl-next, .btn.btn-more .hero .owl-carousel.owl-rtl .owl-prev, .hero .owl-carousel.owl-rtl .btn.btn-more .owl-prev, .btn.btn-more .hero__originals .owl-carousel.owl-rtl .owl-prev, .hero__originals .owl-carousel.owl-rtl .btn.btn-more .owl-prev, .btn.btn-more .hero .owl-carousel.owl-rtl .owl-prev:before, .hero .owl-carousel.owl-rtl .btn.btn-more .owl-prev:before, .btn.btn-more .hero__originals .owl-carousel.owl-rtl .owl-prev:before, .hero__originals .owl-carousel.owl-rtl .btn.btn-more .owl-prev:before, .account .profile--data .btn-edit,
.px-0,
.section__athlete--stats .olympic-games--discipline,
.oc-lev-2-nav .nav-item .nav-link {
  padding-right: 0 !important; }

.pb-0,
.py-0,
.search-bar .form-control {
  padding-bottom: 0 !important; }

.pl-0, .section__athlete--stats .olympic-games--rank, .section__athlete--stats .olympic-games--name, .filters-nav .btn, .account .form-check--label,
.px-0,
.section__athlete--stats .olympic-games--discipline,
.oc-lev-2-nav .nav-item .nav-link {
  padding-left: 0 !important; }

.p-1, .icon-more, .icon-less, .owl-carousel .owl-prev, .owl-carousel .owl-next {
  padding: 0.25rem !important; }

.pt-1,
.py-1,
.section__athlete--stats .athlete-stats--results li,
.banner__athlete .banner--info,
.event .event--date,
.oc-main-nav .nav-link,
.oc-header--body .oc-main-nav__bottom-links .nav-link,
.oc-header .header-container .right-panel .nav-item-container .oc-main-nav__bottom-links .nav-link,
.oc-lev-2-nav .nav-link,
.oc-header .oc-main-nav__quicklinks .nav-link {
  padding-top: 0.25rem !important; }

.pr-1, .section__athlete--stats .olympic-games--rank-value,
.px-1,
.oc-header--body .oc-socials .list-inline-item,
.oc-header .header-container .right-panel .nav-item-container .oc-socials .list-inline-item,
.oc-lev-2-nav .nav-item,
.oc-header--body .oc-header--body__col-2 .section-sign-in .account__logged > .btn-link,
.oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .account__logged > .btn-link,
.oc-header--body .oc-header--body__col-2 .section-sign-in .account .profile--data .account__logged > .btn-edit,
.account .profile--data .oc-header--body .oc-header--body__col-2 .section-sign-in .account__logged > .btn-edit,
.oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .account .profile--data .account__logged > .btn-edit,
.account .profile--data .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .account__logged > .btn-edit,
.account .account--sign-out .btn {
  padding-right: 0.25rem !important; }

.pb-1,
.py-1,
.section__athlete--stats .athlete-stats--results li,
.banner__athlete .banner--info,
.event .event--date,
.oc-main-nav .nav-link,
.oc-header--body .oc-main-nav__bottom-links .nav-link,
.oc-header .header-container .right-panel .nav-item-container .oc-main-nav__bottom-links .nav-link,
.oc-lev-2-nav .nav-link,
.oc-header .oc-main-nav__quicklinks .nav-link {
  padding-bottom: 0.25rem !important; }

.pl-1,
.px-1,
.oc-header--body .oc-socials .list-inline-item,
.oc-header .header-container .right-panel .nav-item-container .oc-socials .list-inline-item,
.oc-lev-2-nav .nav-item,
.oc-header--body .oc-header--body__col-2 .section-sign-in .account__logged > .btn-link,
.oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .account__logged > .btn-link,
.oc-header--body .oc-header--body__col-2 .section-sign-in .account .profile--data .account__logged > .btn-edit,
.account .profile--data .oc-header--body .oc-header--body__col-2 .section-sign-in .account__logged > .btn-edit,
.oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .account .profile--data .account__logged > .btn-edit,
.account .profile--data .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .account__logged > .btn-edit,
.account .account--sign-out .btn {
  padding-left: 0.25rem !important; }

.p-2, .mosaic .newslist .article__base .article--content, .mosaic .newslist__mosaic .article--content,
.mosaic .newslist__mosaic-5x .article--content,
.mosaic .newslist__mosaic-3x .article--content {
  padding: 0.5rem !important; }

.pt-2, .account .form-check--label,
.py-2,
.section__athlete--info .athlete--data,
.section__athlete--stats .athlete-stats--results-header > div,
.banner__series .banner--partnership,
.epg-list > .list-item,
.epg .article--tags,
.epg .epg--show-more,
.epg .article--summary,
.search-bar,
.oc-header--body .oc-header--body__col-2 .section__favorite .favorite-list .list--item,
.oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .favorite-list .list--item,
section[class^='section-page'].section-page__header-dark > .section--header,
section[class*=' section-page'].section-page__header-dark > .section--header,
.onboarding__register .article li,
.onboarding__pickfavorite .article li,
.onboarding__newsletter .article li,
.onboarding__notification .article li,
.onboarding__register .article-page li,
.onboarding__pickfavorite .article-page li,
.onboarding__newsletter .article-page li,
.onboarding__notification .article-page li,
.onboarding__register .article-page__video li,
.onboarding__pickfavorite .article-page__video li,
.onboarding__newsletter .article-page__video li,
.onboarding__notification .article-page__video li,
.onboarding__register .article-page__story li,
.onboarding__pickfavorite .article-page__story li,
.onboarding__newsletter .article-page__story li,
.onboarding__notification .article-page__story li,
.onboarding__register .event li,
.onboarding__pickfavorite .event li,
.onboarding__newsletter .event li,
.onboarding__notification .event li,
.onboarding__register .epg li,
.onboarding__pickfavorite .epg li,
.onboarding__newsletter .epg li,
.onboarding__notification .epg li {
  padding-top: 0.5rem !important; }

.pr-2,
.px-2,
.article--label,
.article--label__current,
.article--label__upcoming,
.article--label__highlight,
.article--label__duration,
.article--label__breaking,
.article--label__live,
.banner__discipline .banner--info,
.banner__athlete .banner--info,
.banner__event .banner--info,
.banner__event .event--date,
.banner__series .banner--info,
.banner__story .banner--info,
.banner__play .banner--info,
.banner__story-list .banner--info,
.event .event--date,
.account .form-control {
  padding-right: 0.5rem !important; }

.pb-2, .card-disc .article--footer, .card-athlete .article--footer, .card-athlete__featured .article--footer, .card-country .article--footer, .mvpd__all .card-mvpd .article--footer, .mvpd__main .card-mvpd .article--footer, .oc-footer, .onboarding__register .input-group, .onboarding__pickfavorite .input-group, .onboarding__newsletter .input-group, .onboarding__notification .input-group,
.py-2,
.section__athlete--info .athlete--data,
.section__athlete--stats .athlete-stats--results-header > div,
.banner__series .banner--partnership,
.epg-list > .list-item,
.epg .article--tags,
.epg .epg--show-more,
.epg .article--summary,
.search-bar,
.oc-header--body .oc-header--body__col-2 .section__favorite .favorite-list .list--item,
.oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .favorite-list .list--item,
section[class^='section-page'].section-page__header-dark > .section--header,
section[class*=' section-page'].section-page__header-dark > .section--header,
.onboarding__register .article li,
.onboarding__pickfavorite .article li,
.onboarding__newsletter .article li,
.onboarding__notification .article li,
.onboarding__register .article-page li,
.onboarding__pickfavorite .article-page li,
.onboarding__newsletter .article-page li,
.onboarding__notification .article-page li,
.onboarding__register .article-page__video li,
.onboarding__pickfavorite .article-page__video li,
.onboarding__newsletter .article-page__video li,
.onboarding__notification .article-page__video li,
.onboarding__register .article-page__story li,
.onboarding__pickfavorite .article-page__story li,
.onboarding__newsletter .article-page__story li,
.onboarding__notification .article-page__story li,
.onboarding__register .event li,
.onboarding__pickfavorite .event li,
.onboarding__newsletter .event li,
.onboarding__notification .event li,
.onboarding__register .epg li,
.onboarding__pickfavorite .epg li,
.onboarding__newsletter .epg li,
.onboarding__notification .epg li {
  padding-bottom: 0.5rem !important; }

.pl-2,
.px-2,
.article--label,
.article--label__current,
.article--label__upcoming,
.article--label__highlight,
.article--label__duration,
.article--label__breaking,
.article--label__live,
.banner__discipline .banner--info,
.banner__athlete .banner--info,
.banner__event .banner--info,
.banner__event .event--date,
.banner__series .banner--info,
.banner__story .banner--info,
.banner__play .banner--info,
.banner__story-list .banner--info,
.event .event--date,
.account .form-control {
  padding-left: 0.5rem !important; }

.p-3, .article__vertical .article--summary {
  padding: 1rem !important; }

.pt-3, .calendar-nav, .section-page__live .section__calendar .calendar-nav,
.py-3,
.adv__300x300,
.article-page .article--content .article--options,
.article-page__video .article--content .article--options,
.article-page__story .article--content .article--options,
.oc-footer .oc-main-nav__quicklinks .quicklinks-secondary,
.oc-footer .oc-main-nav__quicklinks .quicklinks-utilities,
.oc-lev-2-nav-wrapper,
.mosaic .promo__squared {
  padding-top: 1rem !important; }

.pr-3,
.px-3,
.rsDefault .rsABlock .gallery--title > span,
.article__vertical .article--info,
.article__vertical .article--date,
.article__vertical .article--title > span,
.article__featured-disc .article--title > span,
.section__athlete--stats .olympic-games--title,
.banner__discipline .banner--title > span,
.banner__discipline.color__blue .banner--title > span,
.banner__discipline.color__green .banner--title > span,
.banner__discipline.color__red .banner--title > span,
.banner__discipline.color__yellow .banner--title > span,
.banner__athlete .banner--title > span,
.banner__event .banner--title > span,
.banner__series .banner--title > span,
.banner__story .banner--title > span,
.banner__play .banner--title > span,
.banner__story-list .banner--title > span,
.search-bar .icon-search,
.search-bar .icon-close-button,
.hero .article--title > a > span,
.hero__originals .article--title > a > span,
.hero .article--info,
.hero__originals .article--info,
.section__carousel--disc .article__vertical .article--title > span > span,
.countdown--overlay .countdown--title > span {
  padding-right: 1rem !important; }

.pb-3, .article-page__video .article--body .article--info, .section__athlete--info .section--title, .section__athlete--stats .section--title, .oc-header--body .oc-header--body__col-2 .section-sign-in .account__logged, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .account__logged, .newslist.newslist__2x .newslist--item, .newslist.newslist__3x .newslist--item, .newslist.newslist__4x .newslist--item, section[class^='section-page'].section-page__header-dark .oc-lev-2-nav,
section[class*=' section-page'].section-page__header-dark .oc-lev-2-nav, .section-page__events-calendar .section-events__current,
.section-page__events-calendar .section-events__upcoming,
.section-page__events-calendar .section-events__replay,
.py-3,
.adv__300x300,
.article-page .article--content .article--options,
.article-page__video .article--content .article--options,
.article-page__story .article--content .article--options,
.oc-footer .oc-main-nav__quicklinks .quicklinks-secondary,
.oc-footer .oc-main-nav__quicklinks .quicklinks-utilities,
.oc-lev-2-nav-wrapper,
.mosaic .promo__squared {
  padding-bottom: 1rem !important; }

.pl-3, .oc-header--body .oc-main-nav, .oc-header .header-container .right-panel .nav-item-container .oc-main-nav, .oc-header--body .oc-main-nav__bottom-links, .oc-header .header-container .right-panel .nav-item-container .oc-main-nav__bottom-links, .oc-header--body .oc-lev-2-nav, .oc-header .header-container .right-panel .nav-item-container .oc-lev-2-nav, .oc-header--body .oc-header .oc-main-nav__quicklinks, .oc-header .oc-header--body .oc-main-nav__quicklinks, .oc-header .header-container .right-panel .nav-item-container .oc-main-nav__quicklinks, .oc-header--body .oc-socials, .oc-header .header-container .right-panel .nav-item-container .oc-socials, .oc-header--body .oc-header--body__col-1 .oc-language-selection, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-1 .oc-language-selection,
.px-3,
.rsDefault .rsABlock .gallery--title > span,
.article__vertical .article--info,
.article__vertical .article--date,
.article__vertical .article--title > span,
.article__featured-disc .article--title > span,
.section__athlete--stats .olympic-games--title,
.banner__discipline .banner--title > span,
.banner__discipline.color__blue .banner--title > span,
.banner__discipline.color__green .banner--title > span,
.banner__discipline.color__red .banner--title > span,
.banner__discipline.color__yellow .banner--title > span,
.banner__athlete .banner--title > span,
.banner__event .banner--title > span,
.banner__series .banner--title > span,
.banner__story .banner--title > span,
.banner__play .banner--title > span,
.banner__story-list .banner--title > span,
.search-bar .icon-search,
.search-bar .icon-close-button,
.hero .article--title > a > span,
.hero__originals .article--title > a > span,
.hero .article--info,
.hero__originals .article--info,
.section__carousel--disc .article__vertical .article--title > span > span,
.countdown--overlay .countdown--title > span {
  padding-left: 1rem !important; }

.p-4 {
  padding: 1.5rem !important; }

.pt-4,
.py-4,
.section__athlete--stats .athlete-stats--summary .athlete--data,
.events-list,
.oc-header--body .oc-header--body__col-1,
.oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-1,
.oc-header--body .oc-header--body__col-2 .section__favorite,
.oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite,
section[class^='section-page']:not(.section-page__header-dark) > .section--header,
section[class*=' section-page']:not(.section-page__header-dark) > .section--header {
  padding-top: 1.5rem !important; }

.pr-4, .filters-nav .btn,
.px-4,
.banner__discipline .btn-back,
.banner__athlete .btn-back,
.banner__event .btn-back,
.banner__series .btn-back,
.banner__story .btn-back,
.banner__play .btn-back,
.banner__story-list .btn-back {
  padding-right: 1.5rem !important; }

.pb-4,
.py-4,
.section__athlete--stats .athlete-stats--summary .athlete--data,
.events-list,
.oc-header--body .oc-header--body__col-1,
.oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-1,
.oc-header--body .oc-header--body__col-2 .section__favorite,
.oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite,
section[class^='section-page']:not(.section-page__header-dark) > .section--header,
section[class*=' section-page']:not(.section-page__header-dark) > .section--header {
  padding-bottom: 1.5rem !important; }

.pl-4,
.px-4,
.banner__discipline .btn-back,
.banner__athlete .btn-back,
.banner__event .btn-back,
.banner__series .btn-back,
.banner__story .btn-back,
.banner__play .btn-back,
.banner__story-list .btn-back {
  padding-left: 1.5rem !important; }

.p-5 {
  padding: 3rem !important; }

.pt-5,
.py-5,
.oc-footer .section--partners,
.oc-header--body .oc-header--body__col-2,
.oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2,
.modal,
.modal__gallery,
.modal__mvpd,
.oc-section,
.section-page__live .section__linear-channel,
.section__did-u-know {
  padding-top: 3rem !important; }

.pr-5,
.px-5 {
  padding-right: 3rem !important; }

.pb-5,
.py-5,
.oc-footer .section--partners,
.oc-header--body .oc-header--body__col-2,
.oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2,
.modal,
.modal__gallery,
.modal__mvpd,
.oc-section,
.section-page__live .section__linear-channel,
.section__did-u-know {
  padding-bottom: 3rem !important; }

.pl-5,
.px-5 {
  padding-left: 3rem !important; }

.m-auto, .adv__leaderboard, .account__delete .icon-danger {
  margin: auto !important; }

.mt-auto,
.my-auto {
  margin-top: auto !important; }

.mr-auto, .account .profile--data .btn-undo,
.mx-auto,
.hero__originals .article--content .btn-white {
  margin-right: auto !important; }

.mb-auto,
.my-auto {
  margin-bottom: auto !important; }

.ml-auto, .account .profile--data .btn-edit, .account .profile--data .btn-save,
.mx-auto,
.hero__originals .article--content .btn-white {
  margin-left: auto !important; }

@media (min-width: 568px) {
  .m-sm-0 {
    margin: 0 !important; }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important; }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important; }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important; }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important; }
  .m-sm-1 {
    margin: 0.25rem !important; }
  .mt-sm-1,
  .my-sm-1,
  .card-disc__horizontal .country,
  .card-athlete__horizontal .country,
  .card-athlete__featured-horizontal .country,
  .card-country__horizontal .country {
    margin-top: 0.25rem !important; }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important; }
  .mb-sm-1,
  .my-sm-1,
  .card-disc__horizontal .country,
  .card-athlete__horizontal .country,
  .card-athlete__featured-horizontal .country,
  .card-country__horizontal .country {
    margin-bottom: 0.25rem !important; }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important; }
  .m-sm-2 {
    margin: 0.5rem !important; }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important; }
  .mr-sm-2, .country--flag,
  .mx-sm-2 {
    margin-right: 0.5rem !important; }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important; }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important; }
  .m-sm-3 {
    margin: 1rem !important; }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important; }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important; }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important; }
  .ml-sm-3, .banner__discipline .discipline--info,
  .mx-sm-3 {
    margin-left: 1rem !important; }
  .m-sm-4 {
    margin: 1.5rem !important; }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important; }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important; }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important; }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important; }
  .m-sm-5 {
    margin: 3rem !important; }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important; }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important; }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important; }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important; }
  .p-sm-0 {
    padding: 0 !important; }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important; }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important; }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important; }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important; }
  .p-sm-1 {
    padding: 0.25rem !important; }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important; }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important; }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important; }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important; }
  .p-sm-2 {
    padding: 0.5rem !important; }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important; }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important; }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important; }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important; }
  .p-sm-3 {
    padding: 1rem !important; }
  .pt-sm-3,
  .py-sm-3,
  .search-bar {
    padding-top: 1rem !important; }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important; }
  .pb-sm-3,
  .py-sm-3,
  .search-bar {
    padding-bottom: 1rem !important; }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important; }
  .p-sm-4 {
    padding: 1.5rem !important; }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important; }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important; }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important; }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important; }
  .p-sm-5 {
    padding: 3rem !important; }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important; }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important; }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important; }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important; }
  .m-sm-auto {
    margin: auto !important; }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important; }
  .mr-sm-auto,
  .mx-sm-auto,
  .article-page .article--content .article--content__left-col,
  .article-page__video .article--content .article--content__left-col,
  .article-page__story .article--content .article--content__left-col,
  .article-page .article--content .article--content__right-col,
  .article-page__video .article--content .article--content__right-col,
  .article-page__story .article--content .article--content__right-col {
    margin-right: auto !important; }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important; }
  .ml-sm-auto,
  .mx-sm-auto,
  .article-page .article--content .article--content__left-col,
  .article-page__video .article--content .article--content__left-col,
  .article-page__story .article--content .article--content__left-col,
  .article-page .article--content .article--content__right-col,
  .article-page__video .article--content .article--content__right-col,
  .article-page__story .article--content .article--content__right-col {
    margin-left: auto !important; } }

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important; }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important; }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important; }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important; }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important; }
  .m-md-1 {
    margin: 0.25rem !important; }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important; }
  .mr-md-1, .banner__event .event--date,
  .mx-md-1 {
    margin-right: 0.25rem !important; }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important; }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important; }
  .m-md-2 {
    margin: 0.5rem !important; }
  .mt-md-2,
  .my-md-2,
  .card-disc__horizontal .country,
  .card-athlete__horizontal .country,
  .card-athlete__featured-horizontal .country,
  .card-country__horizontal .country {
    margin-top: 0.5rem !important; }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important; }
  .mb-md-2,
  .my-md-2,
  .card-disc__horizontal .country,
  .card-athlete__horizontal .country,
  .card-athlete__featured-horizontal .country,
  .card-country__horizontal .country {
    margin-bottom: 0.5rem !important; }
  .ml-md-2, .article-page .article--content .article--options .icon-favorite, .article-page__video .article--content .article--options .icon-favorite, .article-page__story .article--content .article--options .icon-favorite, .article-page__video .ocs-share .icon-favorite, .banner__discipline .banner--options .icon-favorite, .banner__athlete .banner--options .icon-favorite, .banner__event .banner--options .icon-favorite, .banner__series .banner--options .icon-favorite, .banner__story .banner--options .icon-favorite, .banner__play .banner--options .icon-favorite, .banner__story-list .banner--options .icon-favorite, .banner-series-cocktail__options .icon-favorite, .photogallery--header .icon-favorite, .video-detail-v2 .playlist-container .banner--options .icon-favorite, .ocs-share .icon-favorite, .ms-header #topheader .banner--options .icon-favorite,
  .mx-md-2 {
    margin-left: 0.5rem !important; }
  .m-md-3 {
    margin: 1rem !important; }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important; }
  .mr-md-3,
  .mx-md-3,
  .card-athlete__featured-horizontal .article--img {
    margin-right: 1rem !important; }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important; }
  .ml-md-3,
  .mx-md-3,
  .card-athlete__featured-horizontal .article--img {
    margin-left: 1rem !important; }
  .m-md-4 {
    margin: 1.5rem !important; }
  .mt-md-4,
  .my-md-4,
  .hero__originals .article--content .btn-white {
    margin-top: 1.5rem !important; }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important; }
  .mb-md-4,
  .my-md-4,
  .hero__originals .article--content .btn-white {
    margin-bottom: 1.5rem !important; }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important; }
  .m-md-5 {
    margin: 3rem !important; }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important; }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important; }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important; }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important; }
  .p-md-0 {
    padding: 0 !important; }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important; }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important; }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important; }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important; }
  .p-md-1 {
    padding: 0.25rem !important; }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important; }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important; }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important; }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important; }
  .p-md-2 {
    padding: 0.5rem !important; }
  .pt-md-2,
  .py-md-2,
  .epg-list {
    padding-top: 0.5rem !important; }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important; }
  .pb-md-2,
  .py-md-2,
  .epg-list {
    padding-bottom: 0.5rem !important; }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important; }
  .p-md-3 {
    padding: 1rem !important; }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important; }
  .pr-md-3,
  .px-md-3,
  .banner__discipline .banner--info,
  .banner__athlete .banner--info,
  .banner__event .banner--info,
  .banner__series .banner--info,
  .banner__story .banner--info,
  .banner__play .banner--info,
  .banner__story-list .banner--info,
  .account .account--sign-out .btn {
    padding-right: 1rem !important; }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important; }
  .pl-md-3,
  .px-md-3,
  .banner__discipline .banner--info,
  .banner__athlete .banner--info,
  .banner__event .banner--info,
  .banner__series .banner--info,
  .banner__story .banner--info,
  .banner__play .banner--info,
  .banner__story-list .banner--info,
  .account .account--sign-out .btn {
    padding-left: 1rem !important; }
  .p-md-4 {
    padding: 1.5rem !important; }
  .pt-md-4,
  .py-md-4,
  .section__athlete--info .athlete--data,
  .epg-list > .list-item {
    padding-top: 1.5rem !important; }
  .pr-md-4,
  .px-md-4,
  .filters-nav .btn,
  .oc-lev-2-nav .nav-item {
    padding-right: 1.5rem !important; }
  .pb-md-4,
  .py-md-4,
  .section__athlete--info .athlete--data,
  .epg-list > .list-item {
    padding-bottom: 1.5rem !important; }
  .pl-md-4,
  .px-md-4,
  .filters-nav .btn,
  .oc-lev-2-nav .nav-item {
    padding-left: 1.5rem !important; }
  .p-md-5 {
    padding: 3rem !important; }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important; }
  .pr-md-5,
  .px-md-5,
  .oc-header--body .oc-header--body__col-2 .col__content,
  .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .col__content,
  .oc-header--body .oc-header--body__col-2 .col__user,
  .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .col__user {
    padding-right: 3rem !important; }
  .pb-md-5, .section-page__events-calendar .section-events__current,
  .section-page__events-calendar .section-events__upcoming,
  .section-page__events-calendar .section-events__replay,
  .py-md-5 {
    padding-bottom: 3rem !important; }
  .pl-md-5,
  .px-md-5,
  .oc-header--body .oc-header--body__col-2 .col__content,
  .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .col__content,
  .oc-header--body .oc-header--body__col-2 .col__user,
  .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .col__user {
    padding-left: 3rem !important; }
  .m-md-auto {
    margin: auto !important; }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important; }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important; }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important; }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important; } }

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important; }
  .mt-lg-0, .article-page .section__related, .article-page__video .section__related, .article-page__story .section__related,
  .my-lg-0 {
    margin-top: 0 !important; }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important; }
  .mb-lg-0, .newslist .newslist--item,
  .my-lg-0 {
    margin-bottom: 0 !important; }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important; }
  .m-lg-1 {
    margin: 0.25rem !important; }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important; }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important; }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important; }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important; }
  .m-lg-2 {
    margin: 0.5rem !important; }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important; }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important; }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important; }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important; }
  .m-lg-3 {
    margin: 1rem !important; }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important; }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important; }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important; }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important; }
  .m-lg-4 {
    margin: 1.5rem !important; }
  .mt-lg-4,
  .my-lg-4,
  .section__favorited {
    margin-top: 1.5rem !important; }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important; }
  .mb-lg-4,
  .my-lg-4,
  .section__favorited {
    margin-bottom: 1.5rem !important; }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important; }
  .m-lg-5 {
    margin: 3rem !important; }
  .mt-lg-5,
  .my-lg-5,
  blockquote {
    margin-top: 3rem !important; }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important; }
  .mb-lg-5,
  .my-lg-5,
  blockquote {
    margin-bottom: 3rem !important; }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important; }
  .p-lg-0 {
    padding: 0 !important; }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important; }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important; }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important; }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important; }
  .p-lg-1 {
    padding: 0.25rem !important; }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important; }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important; }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important; }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important; }
  .p-lg-2 {
    padding: 0.5rem !important; }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important; }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important; }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important; }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important; }
  .p-lg-3 {
    padding: 1rem !important; }
  .pt-lg-3, .mosaic .newslist .article__base .article--content, .mosaic .newslist__mosaic .article--content,
  .mosaic .newslist__mosaic-5x .article--content,
  .mosaic .newslist__mosaic-3x .article--content,
  .py-lg-3 {
    padding-top: 1rem !important; }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important; }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important; }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important; }
  .p-lg-4 {
    padding: 1.5rem !important; }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important; }
  .pr-lg-4,
  .px-lg-4,
  .mosaic .newslist .article__base .article--content,
  .mosaic .newslist__mosaic .article--content,
  .mosaic .newslist__mosaic-5x .article--content,
  .mosaic .newslist__mosaic-3x .article--content {
    padding-right: 1.5rem !important; }
  .pb-lg-4, .mosaic .newslist .article__base .article--content, .mosaic .newslist__mosaic .article--content,
  .mosaic .newslist__mosaic-5x .article--content,
  .mosaic .newslist__mosaic-3x .article--content,
  .py-lg-4 {
    padding-bottom: 1.5rem !important; }
  .pl-lg-4,
  .px-lg-4,
  .mosaic .newslist .article__base .article--content,
  .mosaic .newslist__mosaic .article--content,
  .mosaic .newslist__mosaic-5x .article--content,
  .mosaic .newslist__mosaic-3x .article--content {
    padding-left: 1.5rem !important; }
  .p-lg-5 {
    padding: 3rem !important; }
  .pt-lg-5,
  .py-lg-5,
  .article-page .article--content .article--options,
  .article-page__video .article--content .article--options,
  .article-page__story .article--content .article--options {
    padding-top: 3rem !important; }
  .pr-lg-5, .article-page .article--content .article--content__left-col, .article-page__video .article--content .article--content__left-col, .article-page__story .article--content .article--content__left-col,
  .px-lg-5 {
    padding-right: 3rem !important; }
  .pb-lg-5,
  .py-lg-5,
  .article-page .article--content .article--options,
  .article-page__video .article--content .article--options,
  .article-page__story .article--content .article--options {
    padding-bottom: 3rem !important; }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important; }
  .m-lg-auto {
    margin: auto !important; }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important; }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important; }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important; }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important; } }

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important; }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important; }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important; }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important; }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important; }
  .m-xl-1 {
    margin: 0.25rem !important; }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important; }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important; }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important; }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important; }
  .m-xl-2 {
    margin: 0.5rem !important; }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important; }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important; }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important; }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important; }
  .m-xl-3 {
    margin: 1rem !important; }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important; }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important; }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important; }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important; }
  .m-xl-4 {
    margin: 1.5rem !important; }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important; }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important; }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important; }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important; }
  .m-xl-5 {
    margin: 3rem !important; }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important; }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important; }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important; }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important; }
  .p-xl-0 {
    padding: 0 !important; }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important; }
  .pr-xl-0,
  .px-xl-0,
  .oc-header--body .oc-header--body__col-2 .col__content,
  .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .col__content {
    padding-right: 0 !important; }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important; }
  .pl-xl-0,
  .px-xl-0,
  .oc-header--body .oc-header--body__col-2 .col__content,
  .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .col__content {
    padding-left: 0 !important; }
  .p-xl-1 {
    padding: 0.25rem !important; }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important; }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important; }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important; }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important; }
  .p-xl-2 {
    padding: 0.5rem !important; }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important; }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important; }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important; }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important; }
  .p-xl-3 {
    padding: 1rem !important; }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important; }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important; }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important; }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important; }
  .p-xl-4 {
    padding: 1.5rem !important; }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important; }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important; }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important; }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important; }
  .p-xl-5 {
    padding: 3rem !important; }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important; }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important; }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important; }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important; }
  .m-xl-auto {
    margin: auto !important; }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important; }
  .mr-xl-auto,
  .mx-xl-auto,
  .oc-header--body .oc-header--body__col-2 .col__content,
  .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .col__content {
    margin-right: auto !important; }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important; }
  .ml-xl-auto,
  .mx-xl-auto,
  .oc-header--body .oc-header--body__col-2 .col__content,
  .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .col__content {
    margin-left: auto !important; } }

.text-justify {
  text-align: justify !important; }

.text-nowrap {
  white-space: nowrap !important; }

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.text-left, .dropdown .dropdown-toggle {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-center, .medal, .medal__gold, .medal__bronze, .medal__silver, .adv__leaderboard, .article-page .article--content .article--options, .article-page__video .article--content .article--options, .article-page__story .article--content .article--options, .card-disc, .card-athlete, .card-athlete__featured, .card-country, .mvpd__all .card-mvpd, .mvpd__main .card-mvpd, .card-sport, .card-unicorn, .oc-header--body .oc-header--body__col-2 .section__favorite .section--title, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .section--title, .oc-header--body .oc-header--body__col-2 .section__favorite .no-favorite .article, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article, .oc-header--body .oc-header--body__col-2 .section__favorite .no-favorite .article-page, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article-page, .oc-header--body .oc-header--body__col-2 .section__favorite .no-favorite .article-page__video, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article-page__video, .oc-header--body .oc-header--body__col-2 .section__favorite .no-favorite .article-page__story, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article-page__story, .oc-header--body .oc-header--body__col-2 .section__favorite .no-favorite .event, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .event, .oc-header--body .oc-header--body__col-2 .section__favorite .no-favorite .epg, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .epg, .mosaic .promo__squared, section[class^='section-page']:not(.section-page__header-dark) > .section--header,
section[class*=' section-page']:not(.section-page__header-dark) > .section--header, .section__did-u-know, .spinner-wrap, .account__delete {
  text-align: center !important; }

@media (min-width: 568px) {
  .text-sm-left {
    text-align: left !important; }
  .text-sm-right {
    text-align: right !important; }
  .text-sm-center {
    text-align: center !important; } }

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important; }
  .text-md-right {
    text-align: right !important; }
  .text-md-center, .oc-lev-2-nav-wrapper {
    text-align: center !important; } }

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important; }
  .text-lg-right {
    text-align: right !important; }
  .text-lg-center {
    text-align: center !important; } }

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important; }
  .text-xl-right {
    text-align: right !important; }
  .text-xl-center {
    text-align: center !important; } }

.text-lowercase {
  text-transform: lowercase !important; }

.text-uppercase, .card-disc, .card-disc__horizontal, .card-athlete, .card-athlete__horizontal, .card-athlete__featured, .card-athlete__featured-horizontal, .card-country, .card-country__horizontal, .mvpd__all .card-mvpd, .mvpd__main .card-mvpd {
  text-transform: uppercase !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.font-weight-light {
  font-weight: 300 !important; }

.font-weight-normal {
  font-weight: 400 !important; }

.font-weight-bold {
  font-weight: 700 !important; }

.font-italic {
  font-style: italic !important; }

.text-white {
  color: #fff !important; }

.text-primary {
  color: #0081C8 !important; }

a.text-primary:hover, a.text-primary:focus {
  color: #006095 !important; }

.text-secondary {
  color: #868e96 !important; }

a.text-secondary:hover, a.text-secondary:focus {
  color: #6c757d !important; }

.text-success {
  color: #28a745 !important; }

a.text-success:hover, a.text-success:focus {
  color: #1e7e34 !important; }

.text-info {
  color: #17a2b8 !important; }

a.text-info:hover, a.text-info:focus {
  color: #117a8b !important; }

.text-warning {
  color: #FCB131 !important; }

a.text-warning:hover, a.text-warning:focus {
  color: #f69d04 !important; }

.text-danger {
  color: #EE334E !important; }

a.text-danger:hover, a.text-danger:focus {
  color: #dc122f !important; }

.text-light {
  color: #F0F0F0 !important; }

a.text-light:hover, a.text-light:focus {
  color: #d7d7d7 !important; }

.text-dark {
  color: #343a40 !important; }

a.text-dark:hover, a.text-dark:focus {
  color: #1d2124 !important; }

.text-muted, .btn.btn-email, .btn.btn-clean {
  color: #868e96 !important; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.visible {
  visibility: visible !important; }

.invisible {
  visibility: hidden !important; }

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important; }
  a:not(.btn) {
    text-decoration: underline; }
  abbr[title]::after {
    content: " (" attr(title) ")"; }
  pre {
    white-space: pre-wrap !important; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  @page {
    size: a3; }
  body {
    min-width: 992px !important; }
  .container, .section__mosaic-originals .section--header {
    min-width: 992px !important; }
  .navbar {
    display: none; }
  .badge {
    border: 1px solid #000; }
  .table {
    border-collapse: collapse !important; }
    .table td,
    .table th {
      background-color: #fff !important; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important; } }

.hero-highlight {
  color: #000000;
  font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 2.5rem;
  line-height: 1.1;
  font-weight: bold;
  text-transform: uppercase; }
  @media (min-width: 768px) {
    .hero-highlight {
      font-size: 4rem; } }

.module-title {
  color: #000000;
  font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1.75rem;
  line-height: 1.1;
  font-weight: bold;
  text-transform: none; }
  @media (min-width: 768px) {
    .module-title {
      font-size: 2.125rem; } }

.module-subtitle-big {
  color: #000000;
  font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1.25rem;
  line-height: 1.15;
  font-weight: normal;
  text-transform: none; }
  @media (min-width: 768px) {
    .module-subtitle-big {
      font-size: 1.625rem; } }

.module-subtitle, .button-primary, .button-secondary, .button-secondary-transparent,
.button-primary input,
.button-secondary input,
.button-secondary-transparent input {
  color: #000000;
  font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: normal;
  text-transform: none; }
  @media (min-width: 768px) {
    .module-subtitle, .button-primary, .button-secondary, .button-secondary-transparent,
    .button-primary input,
    .button-secondary input,
    .button-secondary-transparent input {
      font-size: 1.125rem;
      line-height: 1.1; } }

@media (max-width: 767.98px) {
  .text-body {
    font-family: "AktivGrotesk", Arial, Helvetica, sans-serif;
    color: #2d2d2d;
    font-size: 0.9375rem;
    line-height: 1.45; } }

@media (min-width: 768px) {
  .text-body {
    font-family: "AktivGrotesk", Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.45; } }

.text-body-sm, .oc-checkbox input + label, .oc-checkbox input + label span {
  font-family: "AktivGrotesk", Arial, Helvetica, sans-serif;
  color: #666666;
  font-size: 0.8125rem;
  line-height: 1.375;
  font-weight: normal; }

.text-note, .link, .link-discover {
  font-family: "AktivGrotesk", Arial, Helvetica, sans-serif;
  color: #666666;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.75rem;
  line-height: 1.25; }
  @media (min-width: 768px) {
    .text-note, .link, .link-discover {
      font-size: 0.8125rem;
      letter-spacing: 0.5px; } }

.link {
  color: #818181; }
  .link:hover {
    color: #666666; }

.link-discover,
.white-text .link-discover {
  color: #0081C8; }
  .link-discover:hover,
  .white-text .link-discover:hover {
    color: #00507C;
    text-decoration: underline; }

.white-text * {
  color: #FFFFFF; }

.white-text option {
  background-color: #2D2D2D; }

.white-text a:hover {
  color: #CFCFCF; }

.oc-checkbox input {
  position: absolute;
  left: -1000vw; }

.oc-checkbox input + label {
  display: flex;
  align-items: center;
  margin: 0; }
  .oc-checkbox input + label:before {
    content: '';
    flex-shrink: 0;
    display: block;
    width: 23px;
    height: 23px;
    margin-right: 0.5rem;
    border-radius: 1px;
    border: 2px solid #979797; }
  .white-text .oc-checkbox input + label, .white-text .oc-checkbox input + label span {
    color: #FFFFFF; }

.oc-checkbox input:checked + label:before {
  box-shadow: inset 0 0 0 3px #F0F0F0;
  background-color: #2D2D2D; }
  .white-text .oc-checkbox input:checked + label:before {
    background-color: #DDDDDD;
    box-shadow: inset 0 0 0 2px #2D2D2D; }

.oc-checkbox input:not([disabled]) + label {
  cursor: pointer; }

button {
  cursor: pointer; }

.button-no-styles {
  border: none;
  background: none; }

.button-primary, .button-secondary, .button-secondary-transparent {
  padding: 0 1rem;
  background-color: #0081C8; }
  .button-primary, .button-secondary, .button-secondary-transparent,
  .button-primary input,
  .button-secondary input,
  .button-secondary-transparent input {
    width: 265px;
    height: 45px;
    line-height: 45px;
    border: none;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    color: white;
    transition: background-color 100ms ease;
    cursor: pointer; }
  
  .button-primary input,
  .button-secondary input,
  .button-secondary-transparent input {
    background-color: transparent;
    outline: none; }
  .button-primary:hover, .button-secondary:hover, .button-secondary-transparent:hover {
    color: white;
    background-color: #00507C;
    text-decoration: none; }
  .button-primary[disabled], .button-secondary[disabled], .button-secondary-transparent[disabled] {
    opacity: 0.5;
    pointer-events: none; }

.button-secondary {
  background-color: white;
  border: 2px solid white; }
  .button-secondary,
  .button-secondary input {
    color: #0081C8; }
  .button-secondary:hover {
    color: #00507C;
    background-color: rgba(255, 255, 255, 0.7);
    text-decoration: none; }

.button-secondary-transparent {
  background-color: transparent;
  border: 1px solid #0081C8; }
  .button-secondary-transparent,
  .button-secondary-transparent input {
    color: #0081C8; }
  .button-secondary-transparent:hover {
    color: #00507C;
    border-color: #00507C;
    background-color: rgba(255, 255, 255, 0.3);
    text-decoration: none; }

@font-face {
  font-family: "font-icons";
  src: url("/components/fonts/font-icons.eot");
  src: url("/components/fonts/font-icons.eot?#iefix") format("eot"), url("/components/fonts/font-icons.woff2") format("woff2"), url("/components/fonts/font-icons.woff") format("woff"), url("/components/fonts/font-icons.ttf") format("truetype"), url("/components/fonts/font-icons.svg#font-icons") format("svg"); }

.icon-arrow-down:before, .icon-arrow-left:before, .rsDefault.rsHor .rsArrowLeft .rsArrowIcn:before, .ar .btn.btn-more .icon-arrow-right:before, .ar .btn.btn-more .icon-arrow-left:before, .ar .icon-arrow-right:before, .ar .icon-arrow-left:before, .ar .calendar-nav .owl-carousel .owl-next:before, .calendar-nav .owl-carousel .ar .owl-next:before, .ar .calendar-nav .owl-carousel .owl-prev:before, .ar .hero .owl-carousel .owl-next:before, .hero .owl-carousel .ar .owl-next:before, .ar .hero__originals .owl-carousel .owl-next:before, .hero__originals .owl-carousel .ar .owl-next:before, .ar .section-page__live .section__calendar .calendar-nav .owl-carousel .owl-prev:before, .calendar-nav .owl-carousel .owl-prev:before, .hero .owl-carousel .owl-prev:before, .hero__originals .owl-carousel .owl-prev:before, .hero .owl-carousel.owl-rtl .owl-next:before, .hero__originals .owl-carousel.owl-rtl .owl-next:before, .section-page__live .section__calendar .calendar-nav .owl-carousel .owl-prev:before, .icon-arrow-right:before, .rsDefault.rsHor .rsArrowRight .rsArrowIcn:before, .calendar-nav .owl-carousel .owl-next:before, .hero .owl-carousel .owl-next:before, .hero__originals .owl-carousel .owl-next:before, .hero .owl-carousel.owl-rtl .owl-prev:before, .hero__originals .owl-carousel.owl-rtl .owl-prev:before, .section-page__live .section__calendar .calendar-nav .owl-carousel .owl-next:before, .icon-arrow-up:before, .icon-athletes_placeholder:before, .athlete--img__fallback:before, .icon-avatar:before, .icon-caret-down:before, .icon-caret-up:before, .icon-chevron-down:before, .icon-chevron-left-solid:before, .calendar-container .owl-carousel .owl-prev:before, .icon-chevron-right-solid:before, .calendar-container .owl-carousel .owl-next:before, .icon-circle-arrow-down:before, .icon-more:before, .icon-less:before, .icon-circle-arrow-left:before, .owl-carousel .owl-prev:before, .owl-carousel.owl-rtl .owl-next:before, .icon-circle-arrow-right:before, .owl-carousel .owl-next:before, .owl-carousel.owl-rtl .owl-prev:before, .icon-circle-arrow-up:before, .icon-close-button:before, .icon-danger:before, .icon-email:before, .icon-epg:before, .icon-facebook:before, .icon-favorite:before, .icon-featured-circle:before, .icon-file-generic:before, .icon-file-pdf:before, .icon-fullscreen:before, .icon-google:before, .icon-instagram:before, .icon-photogallery-icon:before, .icon-play-button:before, .countdown--overlay .countdown--icon .icon-play:before, .icon-quotes:before, blockquote:before, .icon-search:before, .icon-share:before, .icon-summer:before, .icon-thumbnails:before, .icon-twitter:before, .icon-wechat:before, .icon-winter:before, .icon-yog:before, .icon-z-podcast-icon:before, .icon-zz-account-bell:before, .icon-zz-account-tv:before, .icon-zz-logout:before, .card-athlete__featured .article--img:before, #video-player-container.player-container .vjs-big-play-button:before {
  font-family: "font-icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none; }

.icon-arrow-down:before {
  content: ""; }

.icon-arrow-left:before, .rsDefault.rsHor .rsArrowLeft .rsArrowIcn:before, .ar .btn.btn-more .icon-arrow-right:before, .ar .btn.btn-more .icon-arrow-left:before, .ar .icon-arrow-right:before, .ar .rsDefault.rsHor .rsArrowRight .rsArrowIcn:before, .rsDefault.rsHor .rsArrowRight .ar .rsArrowIcn:before, .ar .icon-arrow-left:before, .ar .calendar-nav .owl-carousel .owl-next:before, .calendar-nav .owl-carousel .ar .owl-next:before, .ar .calendar-nav .owl-carousel .owl-prev:before, .ar .hero .owl-carousel .owl-next:before, .hero .owl-carousel .ar .owl-next:before, .ar .hero__originals .owl-carousel .owl-next:before, .hero__originals .owl-carousel .ar .owl-next:before, .ar .hero .owl-carousel.owl-rtl .owl-prev:before, .hero .owl-carousel.owl-rtl .ar .owl-prev:before, .ar .hero__originals .owl-carousel.owl-rtl .owl-prev:before, .hero__originals .owl-carousel.owl-rtl .ar .owl-prev:before, .ar .section-page__live .section__calendar .calendar-nav .owl-carousel .owl-next:before, .section-page__live .section__calendar .calendar-nav .owl-carousel .ar .owl-next:before, .ar .section-page__live .section__calendar .calendar-nav .owl-carousel .owl-prev:before, .calendar-nav .owl-carousel .owl-prev:before, .hero .owl-carousel .owl-prev:before, .hero__originals .owl-carousel .owl-prev:before, .hero .owl-carousel.owl-rtl .owl-next:before, .hero__originals .owl-carousel.owl-rtl .owl-next:before, .section-page__live .section__calendar .calendar-nav .owl-carousel .owl-prev:before {
  content: ""; }

.icon-arrow-right:before, .rsDefault.rsHor .rsArrowRight .rsArrowIcn:before, .ar .icon-arrow-left:before, .calendar-nav .owl-carousel .owl-next:before, .ar .calendar-nav .owl-carousel .owl-prev:before, .hero .owl-carousel .owl-next:before, .hero__originals .owl-carousel .owl-next:before, .hero .owl-carousel.owl-rtl .owl-prev:before, .hero__originals .owl-carousel.owl-rtl .owl-prev:before, .section-page__live .section__calendar .calendar-nav .owl-carousel .owl-next:before, .ar .section-page__live .section__calendar .calendar-nav .owl-carousel .owl-prev:before {
  content: ""; }

.icon-arrow-up:before {
  content: ""; }

.icon-athletes_placeholder:before, .athlete--img__fallback:before {
  content: ""; }

.icon-avatar:before {
  content: ""; }

.icon-caret-down:before {
  content: ""; }

.icon-caret-up:before {
  content: ""; }

.icon-chevron-down:before {
  content: ""; }

.icon-chevron-left-solid:before, .calendar-container .owl-carousel .owl-prev:before {
  content: ""; }

.icon-chevron-right-solid:before, .calendar-container .owl-carousel .owl-next:before {
  content: ""; }

.icon-circle-arrow-down:before, .icon-more:before, .icon-less:before {
  content: ""; }

.icon-circle-arrow-left:before, .owl-carousel .owl-prev:before, .owl-carousel.owl-rtl .owl-next:before {
  content: ""; }

.icon-circle-arrow-right:before, .owl-carousel .owl-next:before, .owl-carousel.owl-rtl .owl-prev:before {
  content: ""; }

.icon-circle-arrow-up:before, .icon-less:before {
  content: ""; }

.icon-close-button:before {
  content: ""; }

.icon-danger:before {
  content: ""; }

.icon-email:before {
  content: ""; }

.icon-epg:before {
  content: ""; }

.icon-facebook:before {
  content: ""; }

.icon-favorite:before {
  content: ""; }

.icon-featured-circle:before {
  content: ""; }

.icon-file-generic:before {
  content: ""; }

.icon-file-pdf:before {
  content: ""; }

.icon-fullscreen:before {
  content: ""; }

.icon-google:before {
  content: ""; }

.icon-instagram:before {
  content: ""; }

.icon-photogallery-icon:before {
  content: ""; }

.icon-play-button:before, .countdown--overlay .countdown--icon .icon-play:before {
  content: ""; }

.icon-quotes:before, blockquote:before {
  content: ""; }

.icon-search:before {
  content: ""; }

.icon-share:before {
  content: ""; }

.icon-summer:before {
  content: ""; }

.icon-thumbnails:before {
  content: ""; }

.icon-twitter:before {
  content: ""; }

.icon-wechat:before {
  content: ""; }

.icon-winter:before {
  content: ""; }

.icon-yog:before {
  content: ""; }

.icon-z-podcast-icon:before {
  content: ""; }

.icon-zz-account-bell:before {
  content: ""; }

.icon-zz-account-tv:before {
  content: ""; }

.icon-zz-logout:before {
  content: ""; }

@font-face {
  font-family: jw-icofont;
  src: local("jw-icofont"), url("/components/fonts/jwplayer/iconfont.eot?font_ver=1591789418045#iefix") format("eot"), url("/components/fonts/jwplayer/iconfont.woff?font_ver=1591789418045") format("woff"), url("/components/fonts/jwplayer/iconfont.ttf?font_ver=1591789418045") format("truetype"); }

@font-face {
  font-family: "Cervo-Light";
  font-weight: normal;
  font-style: normal;
  src: local("Cervo-Light"), url("/components/fonts/cervo-light-webfont.woff2?font_ver=1591789418045") format("woff2"), url("/components/fonts/cervo-light-webfont.woff?font_ver=1591789418045") format("woff"), url("/components/fonts/cervo-light-webfont.ttf?font_ver=1591789418045") format("truetype"); }

@font-face {
  font-family: "Cervo-Light";
  font-weight: bold;
  font-style: normal;
  src: local("Cervo-Light"), url("/components/fonts/cervo-medium-webfont.woff2?font_ver=1591789418045") format("woff2"), url("/components/fonts/cervo-medium-webfont.woff?font_ver=1591789418045") format("woff"), url("/components/fonts/cervo-medium-webfont.ttf?font_ver=1591789418045") format("truetype"); }

@font-face {
  font-family: "AktivGrotesk";
  font-weight: 400;
  font-style: normal;
  src: local("AktivGrotesk"), url("/components/fonts/AktivGrotesk_Lt.woff2?font_ver=1591789418045") format("woff2"), url("/components/fonts/AktivGrotesk_Lt.woff?font_ver=1591789418045") format("woff"), url("/components/fonts/AktivGrotesk_Lt.ttf?font_ver=1591789418045") format("truetype"); }

@font-face {
  font-family: "AktivGrotesk";
  font-weight: bold;
  font-style: normal;
  src: local("AktivGrotesk"), url("/components/fonts/AktivGrotesk_Bd.woff2?font_ver=1591789418045") format("woff2"), url("/components/fonts/AktivGrotesk_Bd.woff?font_ver=1591789418045") format("woff"), url("/components/fonts/AktivGrotesk_Bd.ttf?font_ver=1591789418045") format("truetype"); }

label {
  font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase; }

.f-gray, .section__athlete--stats .athlete-stats--summary .athlete--data--label, .section__athlete--stats .athlete-stats--results-header, .card-disc__horizontal .discipline--name, .card-athlete__horizontal .discipline--name, .card-athlete__featured-horizontal .discipline--name, .card-athlete__featured-horizontal .country--name:before, .card-country__horizontal .discipline--name, .event .article--partnership, .epg .article--partnership, .epg .epg--show-more, .epg .article--summary, .search-bar .icon-search,
.search-bar .icon-close-button, .oc-header .user--label, .oc-header .search--label, .oc-header--body .oc-header--body__col-2 .section__favorite .section--title, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .section--title, .oc-header--body .oc-header--body__col-2 .section__favorite .section--title .icon-favorite:hover, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .section--title .icon-favorite:hover, .oc-header--body .oc-header--body__col-2 .section__favorite .no-favorite .article, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article, .oc-header--body .oc-header--body__col-2 .section__favorite .no-favorite .article-page, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article-page, .oc-header--body .oc-header--body__col-2 .section__favorite .no-favorite .article-page__video, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article-page__video, .oc-header--body .oc-header--body__col-2 .section__favorite .no-favorite .article-page__story, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article-page__story, .oc-header--body .oc-header--body__col-2 .section__favorite .no-favorite .event, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .event, .oc-header--body .oc-header--body__col-2 .section__favorite .no-favorite .epg, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .epg, section[class^='section-page'].section-page__header-dark .oc-lev-2-nav .nav .nav-item .nav-link,
section[class*=' section-page'].section-page__header-dark .oc-lev-2-nav .nav .nav-item .nav-link, section[class^='section-page'].section-page__header-dark > .section--header .oc-lev-2-nav .nav .nav-item .nav-link,
section[class*=' section-page'].section-page__header-dark > .section--header .oc-lev-2-nav .nav .nav-item .nav-link, .account .profile--label, .account .form-check--label, .section-page__events .oc-lev-2-nav .nav .nav-item .nav-link, .onboarding__newsletter .container .legal, .onboarding__newsletter .section__mosaic-originals .section--header .legal, .section__mosaic-originals .onboarding__newsletter .section--header .legal, .playlist.playlist__live .playlist--series-info {
  color: #878787; }

iframe {
  border: 0;
  margin-bottom: 20px; }

/*@mixin f-article-title__mosaic {
  text-transform: uppercase;
  @extend .my-2, .my-lg-3;
  @include font-size(24px);

  @include media-breakpoint-up(md) {
    @include font-size(30px);
  }

  @include media-breakpoint-up(lg) {
    @include font-size(36px);
  }
}*/
/*@mixin f-article-page-title {
  font-family: $font-headings;
  font-weight: normal;
  text-transform: none;
  @extend .mb-2, .mb-md-3;
  @include font-size(26px);

  @include media-breakpoint-up(sm) {
    @include font-size(28px);
  }

  @include media-breakpoint-up(lg) {
    @include font-size(32px);
  }
}*/
.icon {
  width: 26px;
  height: 26px;
  font-size: 14px;
  padding: 0;
  background: transparent;
  color: #878787;
  border: 2px solid #878787;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  box-sizing: content-box;
  cursor: pointer;
  line-height: 1; }
  .icon:before {
    display: table;
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 50% /*rtl:ignore*/;
    -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
    transform: translate(-50%, -50%) /*rtl:ignore*/;
    vertical-align: top; }
  .icon:hover, .icon:focus {
    border-color: #495057;
    color: #495057; }

.logged .icon-avatar {
  background: #495057;
  color: #fff;
  border-color: #495057; }

.icon-more, .icon-less {
  border-radius: 100%;
  font-size: 50px;
  font-size: 3.125rem;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 54px;
  line-height: 1;
  color: #2d2d2d;
  background: transparent;
  border: none !important;
  cursor: pointer; }
  .ko .icon-more, .ko .icon-less {
    font-size: 48px;
    font-size: 3rem; }
  .ko .icon-more, .ko .icon-less,
  .zh .icon-more,
  .zh .icon-less {
    line-height: 56px; }
  .icon-more:focus, .icon-less:focus, .icon-more:hover, .icon-less:hover {
    color: #0081C8;
    text-decoration: none; }
  .icon-more:before, .icon-less:before {
    vertical-align: top; }

.icon__noborder {
  border: none !important; }

.icon-epg {
  font-size: 54px;
  font-size: 3.375rem;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 1;
  color: #000;
  display: block;
  margin-left: 15px;
  height: 46px; }
  .ko .icon-epg {
    font-size: 52px;
    font-size: 3.25rem; }
  .ko .icon-epg,
  .zh .icon-epg {
    line-height: 3px; }

.icon-favorite {
  font-size: 17px;
  font-size: 1.0625rem;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 21px;
  width: 32px;
  height: 32px;
  border-width: 2px;
  box-sizing: border-box;
  opacity: .5; }
  .ko .icon-favorite {
    font-size: 15px;
    font-size: 0.9375rem; }
  .ko .icon-favorite,
  .zh .icon-favorite {
    line-height: 23px; }
  .icon-favorite.active {
    background-color: #EE334E;
    border-color: #EE334E;
    color: #fff;
    opacity: 1; }
  .icon-favorite.disabled {
    opacity: .4;
    cursor: default; }

.medal, .medal__gold, .medal__bronze, .medal__silver {
  width: 25px;
  height: 25px;
  border: 1px solid #adb5bd;
  color: #000;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  border-radius: 100%;
  font-size: 14px;
  font-size: 0.875rem;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 25px; }
  .ko .medal, .ko .medal__gold, .ko .medal__bronze, .ko .medal__silver {
    font-size: 12px;
    font-size: 0.75rem; }
  .ko .medal, .ko .medal__gold, .ko .medal__bronze, .ko .medal__silver,
  .zh .medal,
  .zh .medal__gold,
  .zh .medal__bronze,
  .zh .medal__silver {
    line-height: 27px; }
  .medal.disabled, .disabled.medal__gold, .disabled.medal__bronze, .disabled.medal__silver {
    opacity: .4; }

.medal__gold {
  background-color: #FFCE00; }

.medal__bronze {
  background-color: #CC8251; }

.medal__silver {
  background-color: #D8D8D8; }

.country {
  display: inline-flex;
  align-items: center; }
  .country > span {
    display: inline-flex;
    align-items: center; }

.country--flag {
  width: 22px;
  height: 22px;
  border-radius: 100%;
  overflow: hidden; }
  .country--flag img {
    width: 100%; }

reactor {
  display: block; }

main {
  min-height: 100vh; }

.no-scroll {
  overflow: hidden !important; }

.full-screen-modal {
  overflow: hidden !important;
  position: fixed !important; }

body {
  text-align: start;
  direction: ltr; }
  body:not(.full-screen-modal) {
    overflow: visible !important; }

@media (max-width: 567.98px) {
  .row, .account .profile--data.active {
    margin-right: -10px;
    margin-left: -10px; } }

@media (max-width: 567.98px) {
  .container, .section__mosaic-originals .section--header {
    max-width: 100%; } }

@media (max-width: 1199.98px) {
  .container, .section__mosaic-originals .section--header {
    max-width: 100%; } }

@media (min-width: 992px) {
  .container, .section__mosaic-originals .section--header {
    width: calc(100% - 150px);
    box-sizing: content-box; } }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: absolute;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
  clip-path: none;
  z-index: 3999999;
  color: white;
  padding: 10px 20px;
  text-transform: uppercase;
  background: #1f87cb;
  font-weight: bold; }

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

.rsContainer, .rsOverflow, .rsVisibleNearbyWrap {
  height: 100%; }

.royalSlider {
  width: 100%;
  height: 100%;
  direction: ltr;
  /*> * {
    float: left;
  }*/ }
  .royalSlider.rsFullscreen {
    position: fixed !important;
    height: auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 2147483647 !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    background-color: #000; }
  .royalSlider.rsAutoHeight {
    height: auto; }
  .royalSlider .rsSlide.rsFakePreloader {
    opacity: 1 !important;
    transition: 0s;
    display: none; }

.rsOverflow {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  float: left; }

.rsVisibleNearbyWrap {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  left: 0;
  top: 0; }
  .rsVisibleNearbyWrap .rsOverflow {
    position: absolute;
    left: 0;
    top: 0; }

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

.rsArrow {
  cursor: pointer;
  opacity: 1;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  -ms-transition: opacity 0.3s linear;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear; }

.rsThumbsArrow {
  cursor: pointer;
  opacity: 1;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  -ms-transition: opacity 0.3s linear;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear; }

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

.rsNav {
  opacity: 1;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  -ms-transition: opacity 0.3s linear;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  user-select: none; }

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

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

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

.rsContent {
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0;
  display: flex;
  align-items: center; }
  .rsContent picture,
  .rsContent img {
    width: 100%;
    max-height: 100%; }

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

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

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

.rsVideoContainer {
  width: auto;
  height: auto;
  line-height: 0;
  position: relative; }
  .rsVideoContainer.rsIOSVideo iframe {
    box-sizing: border-box;
    padding-right: 44px; }
  .rsVideoContainer.rsIOSVideo video {
    box-sizing: border-box;
    padding-right: 44px; }
  .rsVideoContainer.rsIOSVideo embed {
    box-sizing: border-box;
    padding-right: 44px; }

.rsVideoFrameHolder {
  position: absolute;
  left: 0;
  top: 0;
  background: #141414;
  opacity: 0; }
  .rsVideoFrameHolder.rsVideoActive {
    opacity: 1; }

.rsABlock {
  left: 5%;
  bottom: 0;
  position: absolute;
  z-index: 15;
  background: fade(#000, 40%); }

.grab-cursor {
  cursor: url(/Images/Static/royalslider/grab.png) 8 8, move; }

.grabbing-cursor {
  cursor: url(/Images/Static/royalslider/grabbing.png) 8 8, move; }

.rsNoDrag {
  cursor: auto; }

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

.rsAutoHeight .rsSlide {
  height: auto; }

img.rsImg {
  max-width: none; }

.rsDefault {
  background: transparent;
  color: #fff;
  position: relative;
  /*.rsThumbsHor {
    width: 100%;
    height: 72px;
  }

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

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

    .rsThumbsArrowLeft {
      left: 0;
      top: 0;

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

    .rsThumbsArrowRight {
      right: 0;
      top: 0;

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

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

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

    .rsThumbsArrowLeft {
      top: 0;
      left: 0;

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

    .rsThumbsArrowRight {
      bottom: 0;
      left: 0;

      .rsThumbsArrowIcn {
        background-position: -144px -48px;
      }
    }
  }*/
  /*.rsBtnCenterer {
    position: absolute;
    left: 50%;
    top: 50%;
  }

  .rsCloseVideoBtn {
    right: 0;
    top: 0;
    width: 44px;
    height: 44px;
    z-index: 500;
    position: absolute;
    cursor: pointer;

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

  .rsCloseVideoIcn {
    margin: 6px;
    width: 32px;
    height: 32px;
    background: $url_0 -64px 0;
    background-color: $black;
    background-color: fade($black, 75%);
    *background-color: $black;

    &:hover {
      background-color: fade($black, 90%);
    }
  }*/
  /*.rsGCaption {
    position: absolute;
    float: none;
    bottom: 6px;
    left: 6px;
    text-align: left;
    background: $black;
    background: fade($black, 75%);
    color: $white;
    padding: 2px 8px;
    width: auto;
    font-size: 12px;
    //Instead of the line below you could use @include border-radius($radius, $vertical-radius)
    border-radius: 2px;
  }*/ }
  .rsDefault .rsOverflow {
    background: transparent;
    color: #fff; }
  .rsDefault .rsSlide {
    background: transparent;
    color: #fff; }
  .rsDefault .rsVideoFrameHolder {
    background: transparent;
    color: #fff; }
  .rsDefault .gallery--caption {
    opacity: 0; }
  .rsDefault.show-info .gallery--caption {
    opacity: 1; }
  @media (max-width: 991.98px) {
    .rsDefault .rsABlock {
      display: none !important; } }
  .rsDefault .rsABlock .gallery--counter {
    color: #fff;
    background-color: #06466D;
    display: inline;
    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
    padding: 6px 15px;
    height: 40px;
    font-weight: bold; }
  .rsDefault .rsABlock .gallery--title {
    margin-top: 3px; }
    .rsDefault .rsABlock .gallery--title > span {
      -webkit-box-decoration-break: clone;
      -ms-box-decoration-break: clone;
      -o-box-decoration-break: clone;
      box-decoration-break: clone;
      display: inline;
      background: #EE334E;
      color: #fff; }
    @media all and (-ms-high-contrast: none) {
      .rsDefault .rsABlock .gallery--title {
        /* IE10 */
        /* IE11 */ }
        .rsDefault .rsABlock .gallery--title span {
          background-color: #EE334E;
          background-image: linear-gradient(to right, #EE334E 0%, #EE334E 100%); }
        .rsDefault .rsABlock .gallery--title *::-ms-backdrop, .rsDefault .rsABlock .gallery--title span {
          background-color: #EE334E;
          background-image: linear-gradient(to right, #EE334E 0%, #EE334E 100%); } }
  .rsDefault .rsArrow {
    background: #fff;
    color: #2d2d2d;
    font-size: 20px;
    border-radius: 0;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    transition: opacity .3s ease-in-out;
    cursor: pointer;
    z-index: 21; }
    @media (min-width: 992px) {
      .rsDefault .rsArrow {
        width: 70px;
        line-height: 120px;
        height: 120px; } }
    @media (max-width: 991.98px) {
      .rsDefault .rsArrow {
        display: none !important; } }
    @media (min-width: 768px) {
      .rsDefault .rsArrow {
        display: block; } }
  .rsDefault.rsHor .rsArrowLeft {
    left: 0; }
  .rsDefault.rsHor .rsArrowRight {
    right: 0; }
  .rsDefault .rsArrowIcn:hover {
    opacity: .8; }
  .rsDefault .rsBullets {
    position: absolute;
    z-index: 35;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: #000;
    background: fade(#000, 75%);
    text-align: center;
    line-height: 8px;
    overflow: hidden; }
  .rsDefault .rsBullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 6px 5px; }
    .rsDefault .rsBullet span {
      display: block;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #777;
      background: fade(#fff, 50%);
      border: 1px solid #ddd; }
    .rsDefault .rsBullet.rsNavSelected span {
      background-color: #ddd; }
  .rsDefault .rsThumb {
    float: left;
    overflow: hidden;
    width: 96px;
    height: 72px; }
    .rsDefault .rsThumb img {
      width: 100%;
      height: 100%; }
    .rsDefault .rsThumb.rsNavSelected {
      background: #02874a; }
      .rsDefault .rsThumb.rsNavSelected img {
        opacity: 0.3;
        filter: alpha(opacity=30); }
  .rsDefault .rsTmb {
    display: block; }
    .rsDefault .rsTmb h5 {
      font-size: 16px;
      margin: 0;
      padding: 0;
      line-height: 20px;
      color: #fff; }
    .rsDefault .rsTmb span {
      color: #ddd;
      margin: 0;
      padding: 0;
      font-size: 13px;
      line-height: 18px; }
  .rsDefault .rsThumbsArrow {
    height: 100%;
    width: 20px;
    position: absolute;
    display: block;
    cursor: pointer;
    z-index: 21;
    background: #000;
    background: fade(#000, 75%); }
    .rsDefault .rsThumbsArrow:hover {
      background: fade(#000, 90%); }
  .rsDefault .rsThumbsArrowIcn {
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
    position: absolute;
    cursor: pointer; }
  .rsDefault .rsThumbsArrowDisabled {
    display: none !important; }
  .rsDefault .rsTabs {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    padding-top: 12px;
    position: relative; }
  .rsDefault .rsTab {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    height: auto;
    width: auto;
    color: #333;
    padding: 5px 13px 6px;
    min-width: 72px;
    border: 1px solid #ddd;
    border-right: 1px solid #f5f5f5;
    text-decoration: none;
    background-color: #fff;
    background-image: linear-gradient(to bottom, #fefefe, #f4f4f4);
    box-shadow: inset 1px 0 0 #fff;
    *display: inline;
    *zoom: 1; }
    .rsDefault .rsTab:first-child {
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }
    .rsDefault .rsTab:last-child {
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      border-right: 1px solid #cfcfcf; }
    .rsDefault .rsTab:active {
      border: 1px solid #ddd;
      background-color: #f4f4f4;
      box-shadow: 0 1px 4px fade(#000, 20%) inset; }
    .rsDefault .rsTab.rsNavSelected {
      color: #fff;
      border: 1px solid #999;
      text-shadow: 1px 1px #838383;
      box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;
      background: #acacac;
      background-image: linear-gradient(to bottom, #acacac, #bbb); }
  .rsDefault .rsFullscreenBtn {
    right: 0;
    bottom: 0;
    width: 32px;
    height: 32px;
    z-index: 22;
    display: block;
    position: absolute;
    cursor: pointer;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease; }
    .rsDefault .rsFullscreenBtn:hover {
      color: #EE334E; }
  .rsDefault .rsFullscreenIcn {
    font-size: 26px;
    font-size: 1.625rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 32px; }
    .rsDefault .rsFullscreenIcn:before {
      font-size: 32px;
      font-family: jw-icofont;
      content: "\EA45"; }
    .ko .rsDefault .rsFullscreenIcn {
      font-size: 24px;
      font-size: 1.5rem; }
    .ko .rsDefault .rsFullscreenIcn,
    .zh .rsDefault .rsFullscreenIcn {
      line-height: 34px; }
  .rsDefault.rsFullscreen .rsFullscreenIcn {
    content: "\EA46"; }
  .rsDefault .icon-info {
    display: none;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    width: 32px;
    height: 32px;
    right: 32px;
    line-height: 32px;
    text-align: center;
    position: absolute;
    bottom: 0px;
    cursor: pointer;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease; }
    @media (min-width: 768px) {
      .rsDefault .icon-info {
        display: block; } }
    .rsDefault .icon-info:hover {
      color: #EE334E; }
    .rsDefault .icon-info:before {
      font-size: 32px;
      font-family: jw-icofont;
      content: "\EA50"; }
  .rsDefault .icon-thumbs {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    display: block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0;
    cursor: pointer;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease; }
    .rsDefault .icon-thumbs:hover {
      color: #EE334E; }
    .rsDefault .icon-thumbs:before {
      font-size: 20px;
      font-family: jw-icofont;
      content: "\EA71"; }
  .rsDefault .rsPlayBtn {
    width: 64px;
    height: 64px;
    cursor: pointer; }
    .rsDefault .rsPlayBtn:hover .rsPlayBtnIcon {
      background: black; }
  .rsDefault .rsPlayBtnIcon {
    width: 64px;
    display: block;
    height: 64px;
    font-size: 46px;
    font-size: 2.875rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 50px;
    border-radius: 100%;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: #EE334E; }
    .ko .rsDefault .rsPlayBtnIcon {
      font-size: 44px;
      font-size: 2.75rem; }
    .ko .rsDefault .rsPlayBtnIcon,
    .zh .rsDefault .rsPlayBtnIcon {
      line-height: 52px; }
    .rsDefault .rsPlayBtnIcon:before {
      content: "\EA40";
      font-family: jw-icofont; }
  .rsDefault .rsPreloader {
    width: 20px;
    height: 20px; }
    .rsDefault .rsPreloader:before {
      font-family: jw-icofont;
      content: "\EA47"; }
  .rsDefault .rsArrowDisabled {
    opacity: .2;
    filter: alpha(opacity=20);
    *display: none; }

/******************************
*
*  RoyalSlider Default Inverted Skin 
*
*    1. Arrows 
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    8. Caption
*    
*  Sprite: 'rs-default-inverted.png'
*  Feel free to edit anything
*  If you don't some part - just delete it
* 
******************************/
.royalSlider.rsDefaultInvD3 {
  width: 100%; }

.royalSlider.rsFullscreen {
  background-color: white; }

/* Background */
.rsDefaultInvD3,
.rsDefaultInvD3 .rsOverflow,
.rsDefaultInvD3 .rsSlide,
.rsDefaultInvD3 .rsVideoFrameHolder,
.rsDefaultInvD3 .rsThumbs {
  /*background: #fff;*/
  color: #000; }

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

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

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

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

.rsDefaultInvD3.rsHor .rsArrowLeft {
  left: 0;
  border-radius: 0 3px 3px 0;
  top: 40%;
  height: 20%;
  background-color: white;
  background-color: rgba(255, 255, 255, 0.75);
  -moz-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  -o-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  -ms-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  -webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  border: 1px solid #CFCFCF;
  border-left: 0; }
  .rsDefaultInvD3.rsHor .rsArrowLeft:hover {
    background-color: white; }

.rsDefaultInvD3.rsHor .rsArrowRight {
  right: 0;
  border-radius: 3px 0 0 3px;
  top: 40%;
  height: 20%;
  background-color: white;
  background-color: rgba(255, 255, 255, 0.75);
  -moz-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  -o-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  -ms-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  -webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  border: 1px solid #CFCFCF;
  border-right: 0; }
  .rsDefaultInvD3.rsHor .rsArrowRight:hover {
    background-color: white; }

.rsDefaultInvD3 .rsArrowIcn {
  width: 32px;
  height: 32px;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -16px;
  position: absolute;
  cursor: pointer;
  background: url(/Images/Static/royalslider/rs-default-inverted.png);
  border-radius: 2px; }

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

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

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

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

.rsDefaultInvD3 .rsArrowDisabled {
  filter: alpha(opacity=30);
  opacity: .3; }

@media screen and (min-width: 0px) and (max-width: 800px) {
  .rsDefaultInvD3.rsHor .rsArrowLeft,
  .rsDefaultInvD3.rsHor .rsArrowRight {
    background-color: transparent;
    border: 0; }
    .rsDefaultInvD3.rsHor .rsArrowLeft:hover,
    .rsDefaultInvD3.rsHor .rsArrowRight:hover {
      background-color: transparent; }
  .rsDefaultInvD3 .rsArrowIcn {
    background-color: #FFF;
    background-color: rgba(255, 255, 255, 0.75);
    *background-color: #FFF;
    border: 1px solid #CFCFCF;
    -moz-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
    -o-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
    -ms-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
    -webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease; }
    .rsDefaultInvD3 .rsArrowIcn:hover {
      background-color: rgba(255, 255, 255, 0.9); } }

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

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

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

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

/***************
*
*  3. Thumbnails
*
****************/
.rsDefaultInvD3 .rsThumbsHor {
  width: 100%;
  height: 90px; }

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

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

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

.rsDefaultInvD3 .rsThumb {
  float: left;
  overflow: hidden;
  width: 160px;
  height: 90px; }

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

.rsDefaultInvD3 .rsThumb.rsNavSelected {
  border: 3px solid #0081C8; }

.rsDefaultInvD3 .rsTmb {
  display: block; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Thumbnails resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 800px) {
  .rsDefaultInvD3 .rsThumb {
    /*width: 59px;
        height: 44px;*/
    width: 128px;
    height: 72px; }
  .rsDefaultInvD3 .rsThumbsHor {
    height: 72px; }
  .rsDefaultInvD3 .rsThumbsVer {
    width: 128px; } }

/***************
*
*  4. Tabs
*
****************/
.rsDefaultInvD3 .rsTabs {
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  padding-top: 12px;
  position: relative; }

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

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

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

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

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

/***************
*
*  5. Buttons
*
****************/
.rsDefaultInvD3 .icon {
  width: 2.1rem;
  height: 2.1rem; }

.rsDefaultInvD3 .rsThumbnailsBtn,
.rsDefaultInvD3 .rsCloseBtn,
.rsDefaultInvD3 .rsAutoPlayBtn,
.rsDefaultInvD3 .rsOpenBtn {
  width: 2.1rem;
  height: 2.1rem;
  z-index: 22;
  position: relative;
  cursor: pointer;
  display: none; }
  .rsDefaultInvD3 .rsThumbnailsBtn .icon,
  .rsDefaultInvD3 .rsCloseBtn .icon,
  .rsDefaultInvD3 .rsAutoPlayBtn .icon,
  .rsDefaultInvD3 .rsOpenBtn .icon {
    background-color: rgba(255, 255, 255, 0.75);
    -moz-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
    -o-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
    -ms-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
    -webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease; }
    .rsDefaultInvD3 .rsThumbnailsBtn .icon:hover,
    .rsDefaultInvD3 .rsCloseBtn .icon:hover,
    .rsDefaultInvD3 .rsAutoPlayBtn .icon:hover,
    .rsDefaultInvD3 .rsOpenBtn .icon:hover {
      background-color: rgba(255, 255, 255, 0.9); }

.rsDefaultInvD3 .rsOpenBtn {
  position: absolute;
  top: initial;
  right: 1em;
  bottom: 1em; }

.rsDefaultInvD3.rsFullscreen .rsThumbnailsBtn,
.rsDefaultInvD3.rsFullscreen .rsCloseBtn,
.rsDefaultInvD3.rsFullscreen .rsAutoPlayBtn {
  display: inline-block;
  margin: 0.5em;
  /*&:hover {
            opacity: 0.7;
        }*/ }

.rsDefaultInvD3.rsFullscreen .rsCloseBtn {
  margin-right: 1em; }

.rsDefaultInvD3 .rsOpenBtn {
  display: block; }

.rsDefaultInvD3.rsFullscreen .rsOpenBtn {
  display: none; }

.rsDefaultInvD3 .rsButton__active .icon {
  color: #0081C8;
  border-color: #0081C8; }

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

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

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

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

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

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

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

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

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

/***************
*
*  8. Global caption
*
****************/
.rsDefaultInvD3 .rsGCaption {
  float: none;
  left: 0px;
  text-align: left;
  background: #FFF;
  background-color: #F0F0F0;
  color: #000;
  font-size: 12px;
  border-radius: 0px; }

.rsDefaultInvD3.rsFullscreen .rsGCaption {
  bottom: 0px;
  padding-left: 1em;
  position: absolute;
  bottom: 0px;
  background-color: white; }

/* Thumbnails resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 800px) {
  .rsDefaultInvD3.rsFullscreen .rsGCaption {
    bottom: 0px; } }

.rsDefaultInvD3.rsFullscreen .rsThumbs {
  position: absolute;
  top: 70px;
  background-color: rgba(255, 255, 255, 0.3); }
  .rsDefaultInvD3.rsFullscreen .rsThumbs.rsThumbs__hidden {
    height: 0px; }

.rsDefaultInvD3 .rsOverflow {
  float: none; }

.rsDefaultInvD3.rsFullscreen .rsOverflow {
  /*height: 100% !important;*/ }

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

.col-adv {
  width: 300px;
  box-sizing: content-box;
  margin: 0 auto 40px; }
  @media (min-width: 768px) {
    .col-adv {
      min-height: 250px; } }

.oopadv .playlist {
  padding-left: 10px;
  padding-right: 10px;
  background-color: #F0F0F0; }

.oopadv .jw-overlays .playlist {
  background-color: transparent; }

.oopadv .section__mosaic.bg-light, .oopadv .section__mosaic.athlete--img__fallback:before, .oopadv .date-picker select.section__mosaic, .date-picker .oopadv select.section__mosaic, .oopadv .oc-header--body .section__mosaic.oc-header--body__col-2, .oc-header--body .oopadv .section__mosaic.oc-header--body__col-2, .oopadv .oc-header .header-container .right-panel .nav-item-container .section__mosaic.oc-header--body__col-2, .oc-header .header-container .right-panel .nav-item-container .oopadv .section__mosaic.oc-header--body__col-2, .oopadv .section__mosaic.oc-header--body.v2#nav-body, .oopadv .oc-header .header-container .right-panel .section__mosaic.v2#nav-body.nav-item-container, .oc-header .header-container .right-panel .oopadv .section__mosaic.v2#nav-body.nav-item-container, .oopadv .section__mosaic.onboarding, .oopadv .section__mosaic.onboarding__register, .oopadv .section__mosaic.onboarding__pickfavorite, .oopadv .section__mosaic.onboarding__newsletter, .oopadv .section__mosaic.onboarding__notification, .oopadv .section__mosaic.bg-white, .oopadv .card-mvpd .section__mosaic.article--img, .card-mvpd .oopadv .section__mosaic.article--img, .oopadv .section__mosaic.section__favorited, .oopadv .section-page__athletes .section__mosaic.section__see-also, .section-page__athletes .oopadv .section__mosaic.section__see-also, .oopadv .section-page__hp .section__mosaic.section__featured-athletes, .section-page__hp .oopadv .section__mosaic.section__featured-athletes, .oopadv .section__mosaic.article-page__error, .oopadv .article-page__error .section__mosaic.article--content, .article-page__error .oopadv .section__mosaic.article--content {
  background: transparent !important; }

.oopadv .oc-section, .oopadv .section-page__live .section__linear-channel, .section-page__live .oopadv .section__linear-channel {
  background: transparent !important; }
  .oopadv .oc-section.bg-light, .oopadv .oc-section.athlete--img__fallback:before, .oopadv .section-page__live .athlete--img__fallback.section__linear-channel:before, .section-page__live .oopadv .athlete--img__fallback.section__linear-channel:before, .oopadv .date-picker select.oc-section, .date-picker .oopadv select.oc-section, .oopadv .date-picker .section-page__live select.section__linear-channel, .date-picker .section-page__live .oopadv select.section__linear-channel, .oopadv .section-page__live .date-picker select.section__linear-channel, .section-page__live .date-picker .oopadv select.section__linear-channel, .oopadv .oc-header--body .oc-section.oc-header--body__col-2, .oc-header--body .oopadv .oc-section.oc-header--body__col-2, .oopadv .oc-header .header-container .right-panel .nav-item-container .oc-section.oc-header--body__col-2, .oc-header .header-container .right-panel .nav-item-container .oopadv .oc-section.oc-header--body__col-2, .oopadv .oc-header--body .section-page__live .oc-header--body__col-2.section__linear-channel, .oc-header--body .section-page__live .oopadv .oc-header--body__col-2.section__linear-channel, .oopadv .section-page__live .oc-header--body .oc-header--body__col-2.section__linear-channel, .section-page__live .oc-header--body .oopadv .oc-header--body__col-2.section__linear-channel, .oopadv .oc-header .header-container .right-panel .nav-item-container .section-page__live .oc-header--body__col-2.section__linear-channel, .oc-header .header-container .right-panel .nav-item-container .section-page__live .oopadv .oc-header--body__col-2.section__linear-channel, .oopadv .section-page__live .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2.section__linear-channel, .section-page__live .oc-header .header-container .right-panel .nav-item-container .oopadv .oc-header--body__col-2.section__linear-channel, .oopadv .oc-section.oc-header--body.v2#nav-body, .oopadv .oc-header .header-container .right-panel .oc-section.v2#nav-body.nav-item-container, .oc-header .header-container .right-panel .oopadv .oc-section.v2#nav-body.nav-item-container, .oopadv .oc-header .header-container .right-panel .section-page__live .v2#nav-body.nav-item-container.section__linear-channel, .oc-header .header-container .right-panel .section-page__live .oopadv .v2#nav-body.nav-item-container.section__linear-channel, .oopadv .section-page__live .oc-header .header-container .right-panel .v2#nav-body.nav-item-container.section__linear-channel, .section-page__live .oc-header .header-container .right-panel .oopadv .v2#nav-body.nav-item-container.section__linear-channel, .oopadv .section-page__live .oc-header--body.v2#nav-body.section__linear-channel, .section-page__live .oopadv .oc-header--body.v2#nav-body.section__linear-channel, .oopadv .section-page__live .bg-light.section__linear-channel, .section-page__live .oopadv .bg-light.section__linear-channel, .oopadv .section-page__live .section__linear-channel.onboarding, .section-page__live .oopadv .section__linear-channel.onboarding, .oopadv .section-page__live .section__linear-channel.onboarding__register, .section-page__live .oopadv .section__linear-channel.onboarding__register, .oopadv .section-page__live .section__linear-channel.onboarding__pickfavorite, .section-page__live .oopadv .section__linear-channel.onboarding__pickfavorite, .oopadv .section-page__live .section__linear-channel.onboarding__newsletter, .section-page__live .oopadv .section__linear-channel.onboarding__newsletter, .oopadv .section-page__live .section__linear-channel.onboarding__notification, .section-page__live .oopadv .section__linear-channel.onboarding__notification, .oopadv .oc-section.onboarding, .oopadv .oc-section.onboarding__register, .oopadv .oc-section.onboarding__pickfavorite, .oopadv .oc-section.onboarding__newsletter, .oopadv .oc-section.onboarding__notification, .oopadv .oc-section.bg-white, .oopadv .card-mvpd .oc-section.article--img, .card-mvpd .oopadv .oc-section.article--img, .oopadv .card-mvpd .section-page__live .article--img.section__linear-channel, .card-mvpd .section-page__live .oopadv .article--img.section__linear-channel, .oopadv .section-page__live .card-mvpd .article--img.section__linear-channel, .section-page__live .card-mvpd .oopadv .article--img.section__linear-channel, .oopadv .oc-section.section__favorited, .oopadv .section-page__live .section__favorited.section__linear-channel, .section-page__live .oopadv .section__favorited.section__linear-channel, .oopadv .section-page__athletes .oc-section.section__see-also, .section-page__athletes .oopadv .oc-section.section__see-also, .oopadv .section-page__athletes .section-page__live .section__see-also.section__linear-channel, .section-page__athletes .section-page__live .oopadv .section__see-also.section__linear-channel, .oopadv .section-page__live .section-page__athletes .section__see-also.section__linear-channel, .section-page__live .section-page__athletes .oopadv .section__see-also.section__linear-channel, .oopadv .section-page__hp .oc-section.section__featured-athletes, .section-page__hp .oopadv .oc-section.section__featured-athletes, .oopadv .section-page__hp .section-page__live .section__featured-athletes.section__linear-channel, .section-page__hp .section-page__live .oopadv .section__featured-athletes.section__linear-channel, .oopadv .section-page__live .section-page__hp .section__featured-athletes.section__linear-channel, .section-page__live .section-page__hp .oopadv .section__featured-athletes.section__linear-channel, .oopadv .oc-section.article-page__error, .oopadv .section-page__live .article-page__error.section__linear-channel, .section-page__live .oopadv .article-page__error.section__linear-channel, .oopadv .article-page__error .oc-section.article--content, .article-page__error .oopadv .oc-section.article--content, .oopadv .article-page__error .section-page__live .article--content.section__linear-channel, .article-page__error .section-page__live .oopadv .article--content.section__linear-channel, .oopadv .section-page__live .article-page__error .article--content.section__linear-channel, .section-page__live .article-page__error .oopadv .article--content.section__linear-channel, .oopadv .section-page__live .bg-white.section__linear-channel, .section-page__live .oopadv .bg-white.section__linear-channel {
    background: transparent !important; }
  .oopadv .oc-section .container, .oopadv .section-page__live .section__linear-channel .container, .section-page__live .oopadv .section__linear-channel .container, .oopadv .oc-section .section__mosaic-originals .section--header, .section__mosaic-originals .oopadv .oc-section .section--header, .oopadv .section-page__live .section__linear-channel .section__mosaic-originals .section--header, .section__mosaic-originals .oopadv .section-page__live .section__linear-channel .section--header, .section-page__live .oopadv .section__linear-channel .section__mosaic-originals .section--header, .section__mosaic-originals .section-page__live .oopadv .section__linear-channel .section--header {
    background: white !important;
    box-sizing: border-box;
    padding-top: 10px;
    padding-bottom: 10px; }

@media (min-width: 992px) {
  .sticky-adv {
    position: absolute; }
    .sticky-adv.sticky-adv--fixed {
      position: fixed;
      top: 100px; } }

.adv, .adv__leaderboard, .adv__300x300, .adv__300x600,
.adv__skyscraper {
  position: relative;
  z-index: 4 !important;
  overflow: hidden;
  min-width: 300px; }

div[class^="adv__"] iframe, div[class^="js-advert"] iframe {
  margin-bottom: 0; }

.adv--clear {
  clear: both; }

.adv__leaderboard {
  padding-top: 1rem;
  padding-bottom: 1rem; }
  @media (min-width: 768px) {
    .adv__leaderboard {
      min-height: 90px; } }
  @media (max-width: 567.98px) {
    .adv__leaderboard {
      min-height: 100px; } }
  .adv__leaderboard.white-bg {
    background: white !important;
    margin-top: 0 !important; }

.adv-embedded-item, .adv__300x300 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%; }

@media (max-width: 767.98px) {
  .adv-extra-carousel::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; } }

.adv-embedded-item-grey-bg {
  background: #E7E7E7; }

.adv__300x300 {
  min-height: 300px; }
  .adv__300x300.adv__300x100 {
    min-height: 100px; }

.adv__300x600,
.adv__skyscraper {
  margin: auto;
  text-align: center; }
  @media (min-width: 768px) {
    .adv__300x600,
    .adv__skyscraper {
      /*height: 600px; // Needed bc of sticky behavior*/ } }

.sponsor-logo-label {
  font-size: 13px;
  color: #878787; }
  .sponsor-logo-label.white {
    color: white; }

.js-advert-label-autoload {
  /*visibility: hidden;*/
  display: none !important; }

.js-advert-pdmasthead {
  text-align: center; }

.adv--event-mob {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0.5rem 0 0.5rem; }
  @media (min-width: 992px) {
    .adv--event-mob {
      display: none; } }

.adv--event {
  display: none; }
  @media (min-width: 992px) {
    .adv--event {
      display: block;
      padding-bottom: 1rem; } }

.default--time {
  height: 100%;
  position: relative;
  color: #2d2d2d;
  font-size: 14px;
  font-size: 0.875rem;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 17px;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center; }
  .ko .default--time {
    font-size: 12px;
    font-size: 0.75rem; }
  .ko .default--time,
  .zh .default--time {
    line-height: 19px; }

.fiftypercentwidth {
  display: block;
  width: 50% !important;
  max-width: 50% !important; }

.spacerdivider {
  margin-bottom: 1rem; }

.icon-play-button, .countdown--overlay .countdown--icon .icon-play {
  cursor: pointer !important; }

.default--time_container {
  width: 100%; }

.default-play-button {
  position: absolute;
  top: 50%;
  left: 50% /*rtl:ignore*/;
  -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
  -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
  -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
  -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
  transform: translate(-50%, -50%) /*rtl:ignore*/;
  border-radius: 100%;
  -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
  line-height: 1;
  background-color: transparent;
  border: 5px solid #fff;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  z-index: 1;
  font-size: 45px;
  width: 45px;
  height: 45px;
  color: #fff;
  border-width: 3px; }
  @media (min-width: 768px) {
    .default-play-button {
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      border-radius: 100%;
      -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      line-height: 1;
      background-color: transparent;
      border: 5px solid #fff;
      -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      z-index: 1;
      font-size: 68px;
      width: 68px;
      height: 68px;
      color: #fff; }
      .default-play-button:before {
        position: absolute;
        top: 50%;
        left: 50% /*rtl:ignore*/;
        -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
        transform: translate(-50%, -50%) /*rtl:ignore*/;
        margin-left: 2px /*rtl:ignore*/; }
      .default-play-button:hover, .default-play-button:focus {
        border-color: #EE334E;
        background-color: #EE334E;
        color: #fff; }
      .default-play-button:before {
        font-size: 28.33333px; } }
  .default-play-button:before {
    position: absolute;
    top: 50%;
    left: 50% /*rtl:ignore*/;
    -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
    transform: translate(-50%, -50%) /*rtl:ignore*/;
    margin-left: 2px /*rtl:ignore*/; }
  .default-play-button:hover, .default-play-button:focus {
    border-color: #EE334E;
    background-color: #EE334E;
    color: #fff; }
  .default-play-button:before {
    font-size: 18.75px; }
  .default-play-button:hover, .default-play-button:focus {
    border-color: #EE334E;
    background-color: #EE334E; }

.article, .article-page, .article-page__video, .article-page__story, .event, .epg {
  position: relative; }
  .article .article--img, .article-page .article--img, .article-page__video .article--img, .article-page__story .article--img, .event .article--img, .epg .article--img {
    margin: 0;
    position: relative; }
    .article .article--img > picture, .article-page .article--img > picture, .article-page__video .article--img > picture, .article-page__story .article--img > picture, .event .article--img > picture, .epg .article--img > picture {
      line-height: 0;
      display: block; }
      .article .article--img > picture img, .article-page .article--img > picture img, .article-page__video .article--img > picture img, .article-page__story .article--img > picture img, .event .article--img > picture img, .epg .article--img > picture img {
        width: 100%;
        object-fit: cover; }
  .article .article--title, .article-page .article--title, .article-page__video .article--title, .article-page__story .article--title, .event .article--title, .epg .article--title {
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    color: #2d2d2d;
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
    .article .article--title > a, .article-page .article--title > a, .article-page__video .article--title > a, .article-page__story .article--title > a, .event .article--title > a, .epg .article--title > a {
      color: #2d2d2d;
      display: block;
      text-decoration: none; }
  .article .article--summary, .article-page .article--summary, .article-page__video .article--summary, .article-page__story .article--summary, .event .article--summary, .epg .article--summary {
    color: #2d2d2d;
    display: block; }
  .article .article--kind, .article-page .article--kind, .article-page__video .article--kind, .article-page__story .article--kind, .event .article--kind, .epg .article--kind {
    text-transform: uppercase;
    padding-right: 3px; }
    .article .article--kind + .article--kind__info, .article-page .article--kind + .article--kind__info, .article-page__video .article--kind + .article--kind__info, .article-page__story .article--kind + .article--kind__info, .event .article--kind + .article--kind__info, .epg .article--kind + .article--kind__info {
      position: relative;
      padding-left: 5px;
      display: inline-block; }
      .article .article--kind + .article--kind__info:before, .article-page .article--kind + .article--kind__info:before, .article-page__video .article--kind + .article--kind__info:before, .article-page__story .article--kind + .article--kind__info:before, .event .article--kind + .article--kind__info:before, .epg .article--kind + .article--kind__info:before {
        content: "";
        display: block;
        position: absolute;
        width: 1px;
        top: 0;
        left: 0;
        height: 100%;
        background-color: #0081C8; }
  .article .article--tags, .article-page .article--tags, .article-page__video .article--tags, .article-page__story .article--tags, .event .article--tags, .epg .article--tags {
    text-transform: uppercase; }
    .article .article--tags .article--info, .article-page .article--tags .article--info, .article-page__video .article--tags .article--info, .article-page__story .article--tags .article--info, .event .article--tags .article--info, .epg .article--tags .article--info {
      color: #878787; }
    .article .article--tags .list-item, .article-page .article--tags .list-item, .article-page__video .article--tags .list-item, .article-page__story .article--tags .list-item, .event .article--tags .list-item, .epg .article--tags .list-item {
      display: inline-flex;
      color: #fff;
      display: block;
      background-color: #000;
      font-weight: bold;
      font-size: 12px;
      font-size: 0.75rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 16px;
      -moz-transition: background-color 0.3s ease;
      -o-transition: background-color 0.3s ease;
      -ms-transition: background-color 0.3s ease;
      -webkit-transition: background-color 0.3s ease;
      transition: background-color 0.3s ease;
      padding: .25rem .5rem; }
      .ko .article .article--tags .list-item, .ko .article-page .article--tags .list-item, .ko .article-page__video .article--tags .list-item, .ko .article-page__story .article--tags .list-item, .ko .event .article--tags .list-item, .ko .epg .article--tags .list-item {
        font-size: 10px;
        font-size: 0.625rem; }
      .ko .article .article--tags .list-item, .ko .article-page .article--tags .list-item, .ko .article-page__video .article--tags .list-item, .ko .article-page__story .article--tags .list-item, .ko .event .article--tags .list-item, .ko .epg .article--tags .list-item,
      .zh .article .article--tags .list-item,
      .zh .article-page .article--tags .list-item,
      .zh .article-page__video .article--tags .list-item,
      .zh .article-page__story .article--tags .list-item,
      .zh .event .article--tags .list-item,
      .zh .epg .article--tags .list-item {
        line-height: 18px; }
      .article .article--tags .list-item:hover, .article-page .article--tags .list-item:hover, .article-page__video .article--tags .list-item:hover, .article-page__story .article--tags .list-item:hover, .event .article--tags .list-item:hover, .epg .article--tags .list-item:hover, .article .article--tags .list-item:focus, .article-page .article--tags .list-item:focus, .article-page__video .article--tags .list-item:focus, .article-page__story .article--tags .list-item:focus, .event .article--tags .list-item:focus, .epg .article--tags .list-item:focus {
        color: #fff;
        background-color: #0081C8; }
      .article .article--tags .list-item > a, .article-page .article--tags .list-item > a, .article-page__video .article--tags .list-item > a, .article-page__story .article--tags .list-item > a, .event .article--tags .list-item > a, .epg .article--tags .list-item > a, .article .article--tags .list-item span, .article-page .article--tags .list-item span, .article-page__video .article--tags .list-item span, .article-page__story .article--tags .list-item span, .event .article--tags .list-item span, .epg .article--tags .list-item span {
        color: #fff; }
  .article .icon-photogallery-icon, .article-page .icon-photogallery-icon, .article-page__video .icon-photogallery-icon, .article-page__story .icon-photogallery-icon, .event .icon-photogallery-icon, .epg .icon-photogallery-icon {
    position: absolute;
    top: 50%;
    left: 50% /*rtl:ignore*/;
    -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
    transform: translate(-50%, -50%) /*rtl:ignore*/;
    border-radius: 100%;
    -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    line-height: 1;
    background-color: transparent;
    border: 5px solid #fff;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    z-index: 1;
    font-size: 45px;
    width: 45px;
    height: 45px;
    color: #fff;
    border-width: 3px; }
    .article .icon-photogallery-icon:before, .article-page .icon-photogallery-icon:before, .article-page__video .icon-photogallery-icon:before, .article-page__story .icon-photogallery-icon:before, .event .icon-photogallery-icon:before, .epg .icon-photogallery-icon:before {
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      margin-left: 0 /*rtl:ignore*/; }
    .article .icon-photogallery-icon:hover, .article-page .icon-photogallery-icon:hover, .article-page__video .icon-photogallery-icon:hover, .article-page__story .icon-photogallery-icon:hover, .event .icon-photogallery-icon:hover, .epg .icon-photogallery-icon:hover, .article .icon-photogallery-icon:focus, .article-page .icon-photogallery-icon:focus, .article-page__video .icon-photogallery-icon:focus, .article-page__story .icon-photogallery-icon:focus, .event .icon-photogallery-icon:focus, .epg .icon-photogallery-icon:focus {
      border-color: #EE334E;
      background-color: #EE334E;
      color: #fff; }
    .article .icon-photogallery-icon:before, .article-page .icon-photogallery-icon:before, .article-page__video .icon-photogallery-icon:before, .article-page__story .icon-photogallery-icon:before, .event .icon-photogallery-icon:before, .epg .icon-photogallery-icon:before {
      font-size: 18.75px; }
  .article .icon-play-button, .article-page .icon-play-button, .article-page__video .icon-play-button, .article-page__story .icon-play-button, .event .icon-play-button, .epg .icon-play-button, .article .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .article .icon-play, .article-page .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .article-page .icon-play, .article-page__video .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .article-page__video .icon-play, .article-page__story .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .article-page__story .icon-play, .event .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .event .icon-play, .epg .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .epg .icon-play {
    position: absolute;
    top: 50%;
    left: 50% /*rtl:ignore*/;
    -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
    transform: translate(-50%, -50%) /*rtl:ignore*/;
    border-radius: 100%;
    -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    line-height: 1;
    background-color: transparent;
    border: 5px solid #fff;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    z-index: 1;
    font-size: 45px;
    width: 45px;
    height: 45px;
    color: #fff;
    border-width: 3px; }
    .article .icon-play-button:before, .article-page .icon-play-button:before, .article-page__video .icon-play-button:before, .article-page__story .icon-play-button:before, .event .icon-play-button:before, .epg .icon-play-button:before, .article .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .article .icon-play:before, .article-page .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .article-page .icon-play:before, .article-page__video .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .article-page__video .icon-play:before, .article-page__story .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .article-page__story .icon-play:before, .event .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .event .icon-play:before, .epg .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .epg .icon-play:before {
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      margin-left: 2px /*rtl:ignore*/; }
    .article .icon-play-button:hover, .article-page .icon-play-button:hover, .article-page__video .icon-play-button:hover, .article-page__story .icon-play-button:hover, .event .icon-play-button:hover, .epg .icon-play-button:hover, .article .countdown--overlay .countdown--icon .icon-play:hover, .countdown--overlay .countdown--icon .article .icon-play:hover, .article-page .countdown--overlay .countdown--icon .icon-play:hover, .countdown--overlay .countdown--icon .article-page .icon-play:hover, .article-page__video .countdown--overlay .countdown--icon .icon-play:hover, .countdown--overlay .countdown--icon .article-page__video .icon-play:hover, .article-page__story .countdown--overlay .countdown--icon .icon-play:hover, .countdown--overlay .countdown--icon .article-page__story .icon-play:hover, .event .countdown--overlay .countdown--icon .icon-play:hover, .countdown--overlay .countdown--icon .event .icon-play:hover, .epg .countdown--overlay .countdown--icon .icon-play:hover, .countdown--overlay .countdown--icon .epg .icon-play:hover, .article .icon-play-button:focus, .article-page .icon-play-button:focus, .article-page__video .icon-play-button:focus, .article-page__story .icon-play-button:focus, .event .icon-play-button:focus, .epg .icon-play-button:focus, .article .countdown--overlay .countdown--icon .icon-play:focus, .countdown--overlay .countdown--icon .article .icon-play:focus, .article-page .countdown--overlay .countdown--icon .icon-play:focus, .countdown--overlay .countdown--icon .article-page .icon-play:focus, .article-page__video .countdown--overlay .countdown--icon .icon-play:focus, .countdown--overlay .countdown--icon .article-page__video .icon-play:focus, .article-page__story .countdown--overlay .countdown--icon .icon-play:focus, .countdown--overlay .countdown--icon .article-page__story .icon-play:focus, .event .countdown--overlay .countdown--icon .icon-play:focus, .countdown--overlay .countdown--icon .event .icon-play:focus, .epg .countdown--overlay .countdown--icon .icon-play:focus, .countdown--overlay .countdown--icon .epg .icon-play:focus {
      border-color: #EE334E;
      background-color: #EE334E;
      color: #fff; }
    .article .icon-play-button:before, .article-page .icon-play-button:before, .article-page__video .icon-play-button:before, .article-page__story .icon-play-button:before, .event .icon-play-button:before, .epg .icon-play-button:before, .article .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .article .icon-play:before, .article-page .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .article-page .icon-play:before, .article-page__video .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .article-page__video .icon-play:before, .article-page__story .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .article-page__story .icon-play:before, .event .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .event .icon-play:before, .epg .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .epg .icon-play:before {
      font-size: 18.75px; }
  .article .icon-z-podcast-icon, .article-page .icon-z-podcast-icon, .article-page__video .icon-z-podcast-icon, .article-page__story .icon-z-podcast-icon, .event .icon-z-podcast-icon, .epg .icon-z-podcast-icon {
    position: absolute;
    top: 50%;
    left: 50% /*rtl:ignore*/;
    -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
    transform: translate(-50%, -50%) /*rtl:ignore*/;
    border-radius: 100%;
    -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    line-height: 1;
    background-color: transparent;
    border: 5px solid #fff;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    z-index: 1;
    font-size: 45px;
    width: 45px;
    height: 45px;
    color: #fff;
    border-width: 3px; }
    .article .icon-z-podcast-icon:before, .article-page .icon-z-podcast-icon:before, .article-page__video .icon-z-podcast-icon:before, .article-page__story .icon-z-podcast-icon:before, .event .icon-z-podcast-icon:before, .epg .icon-z-podcast-icon:before {
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      margin-left: 2px /*rtl:ignore*/; }
    .article .icon-z-podcast-icon:hover, .article-page .icon-z-podcast-icon:hover, .article-page__video .icon-z-podcast-icon:hover, .article-page__story .icon-z-podcast-icon:hover, .event .icon-z-podcast-icon:hover, .epg .icon-z-podcast-icon:hover, .article .icon-z-podcast-icon:focus, .article-page .icon-z-podcast-icon:focus, .article-page__video .icon-z-podcast-icon:focus, .article-page__story .icon-z-podcast-icon:focus, .event .icon-z-podcast-icon:focus, .epg .icon-z-podcast-icon:focus {
      border-color: #EE334E;
      background-color: #EE334E;
      color: #fff; }
    .article .icon-z-podcast-icon:before, .article-page .icon-z-podcast-icon:before, .article-page__video .icon-z-podcast-icon:before, .article-page__story .icon-z-podcast-icon:before, .event .icon-z-podcast-icon:before, .epg .icon-z-podcast-icon:before {
      font-size: 18.75px; }
  .article .article--info, .article-page .article--info, .article-page__video .article--info, .article-page__story .article--info, .event .article--info, .epg .article--info {
    font-weight: bold;
    font-size: 13px;
    font-size: 0.8125rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 15px;
    margin: 5px 0; }
    .ko .article .article--info, .ko .article-page .article--info, .ko .article-page__video .article--info, .ko .article-page__story .article--info, .ko .event .article--info, .ko .epg .article--info {
      font-size: 11px;
      font-size: 0.6875rem; }
    .ko .article .article--info, .ko .article-page .article--info, .ko .article-page__video .article--info, .ko .article-page__story .article--info, .ko .event .article--info, .ko .epg .article--info,
    .zh .article .article--info,
    .zh .article-page .article--info,
    .zh .article-page__video .article--info,
    .zh .article-page__story .article--info,
    .zh .event .article--info,
    .zh .epg .article--info {
      line-height: 17px; }

.article--title .authenticated-content--label {
  background-color: #FCB131;
  color: #000;
  font-family: "AktivGrotesk", Arial, Helvetica, sans-serif;
  font-size: 0.7rem;
  padding: 5px 5px 2px;
  vertical-align: middle;
  font-weight: bold;
  text-transform: uppercase; }

blockquote {
  padding: 1rem 1rem 1rem 3.5rem;
  border-top: 3px solid #adb5bd;
  border-bottom: 1px solid #adb5bd;
  position: relative;
  font-size: 26px;
  font-size: 1.625rem;
  font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 28px;
  color: #000; }
  .ko blockquote {
    font-size: 24px;
    font-size: 1.5rem; }
  .ko blockquote,
  .zh blockquote {
    line-height: 30px; }
  @media (min-width: 568px) {
    blockquote {
      font-size: 28px;
      font-size: 1.75rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 30px; }
      .ko blockquote {
        font-size: 26px;
        font-size: 1.625rem; }
      .ko blockquote,
      .zh blockquote {
        line-height: 32px; } }
  blockquote:before {
    color: #0081C8;
    position: absolute;
    top: 20px;
    left: 0;
    font-size: 46px; }
  blockquote strong {
    display: block;
    font-family: "AktivGrotesk", Arial, Helvetica, sans-serif;
    opacity: .7;
    font-size: 13px;
    font-size: 0.8125rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 30px; }
    .ko blockquote strong {
      font-size: 11px;
      font-size: 0.6875rem; }
    .ko blockquote strong,
    .zh blockquote strong {
      line-height: 32px; }
  blockquote > p:last-child {
    margin-bottom: 0 !important; }

.article--label, .article--label__current,
.article--label__upcoming, .article--label__highlight, .article--label__duration, .article--label__breaking, .article--label__live {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  display: table;
  font-size: 12px;
  font-size: 0.75rem;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 14px;
  padding-top: 6px;
  padding-bottom: 6px; }
  .ko .article--label, .ko .article--label__current,
  .ko .article--label__upcoming, .ko .article--label__highlight, .ko .article--label__duration, .ko .article--label__breaking, .ko .article--label__live {
    font-size: 10px;
    font-size: 0.625rem; }
  .ko .article--label, .ko .article--label__current,
  .ko .article--label__upcoming, .ko .article--label__highlight, .ko .article--label__duration, .ko .article--label__breaking, .ko .article--label__live,
  .zh .article--label,
  .zh .article--label__current,
  .zh .article--label__upcoming,
  .zh .article--label__highlight,
  .zh .article--label__duration,
  .zh .article--label__breaking,
  .zh .article--label__live {
    line-height: 16px; }
  .ar .article--label, .ar .article--label__current,
  .ar .article--label__upcoming, .ar .article--label__highlight, .ar .article--label__duration, .ar .article--label__breaking, .ar .article--label__live {
    font-size: 16px;
    font-size: 1rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 18px; }
    .ko .ar .article--label, .ko .ar .article--label__current,
    .ko .ar .article--label__upcoming, .ko .ar .article--label__highlight, .ko .ar .article--label__duration, .ko .ar .article--label__breaking, .ko .ar .article--label__live {
      font-size: 14px;
      font-size: 0.875rem; }
    .ko .ar .article--label, .ko .ar .article--label__current,
    .ko .ar .article--label__upcoming, .ko .ar .article--label__highlight, .ko .ar .article--label__duration, .ko .ar .article--label__breaking, .ko .ar .article--label__live,
    .zh .ar .article--label,
    .zh .ar .article--label__current,
    .zh .ar .article--label__upcoming,
    .zh .ar .article--label__highlight,
    .zh .ar .article--label__duration,
    .zh .ar .article--label__breaking,
    .zh .ar .article--label__live {
      line-height: 20px; }

.article--label__current,
.article--label__upcoming {
  background: #0081C8; }

.article--label__highlight {
  background: #FCB131;
  color: #2d2d2d; }

.article--label__duration {
  background-color: #444;
  top: initial;
  bottom: 0; }

.article--label__breaking {
  background: #FCB131;
  color: #2d2d2d;
  right: 0;
  display: block; }

.article--label__live {
  background: #EE334E; }
  .article--label__live .animated.infinite, .article--label__live .infinite.form--error-list, .article--label__live body.nav-down:not(.nav-top) .infinite.oc-lev-2-nav-wrapper.sticky, body.nav-down:not(.nav-top) .article--label__live .infinite.oc-lev-2-nav-wrapper.sticky, .article--label__live .oc-header .infinite.oc-main-nav__quicklinks-placeholder, .oc-header .article--label__live .infinite.oc-main-nav__quicklinks-placeholder, .article--label__live .mosaic .newslist .infinite.newslist--item, .mosaic .newslist .article--label__live .infinite.newslist--item, .article--label__live .infinite.modal, .article--label__live .infinite.modal__gallery, .article--label__live .infinite.modal__mvpd, .article--label__live .infinite.section-page__olimpic-games.winter-season, .article--label__live .infinite.section-page__olimpic-games.summer-season, .article--label__live .player-minimized .infinite.player-position, .player-minimized .article--label__live .infinite.player-position {
    position: relative;
    top: 2px;
    float: left; }
  .article--label__live > span {
    font-size: 20px;
    font-size: 1.25rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 13px;
    display: inline-block;
    vertical-align: bottom /*rtl: initial*/;
    margin-right: 5px;
    -webkit-animation-duration: 3000ms !important;
    animation-duration: 3000ms !important;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
    .ko .article--label__live > span {
      font-size: 18px;
      font-size: 1.125rem; }
    .ko .article--label__live > span,
    .zh .article--label__live > span {
      line-height: 15px; }

.article--progress-bar {
  position: absolute;
  bottom: 0;
  width: 0%;
  height: 4px;
  background: rgba(0, 0, 0, 0.3); }
  .article--progress-bar.article--progress-bar-live {
    width: 100%; }

.article--progress {
  background: #EE334E;
  height: 4px;
  display: block; }

.article__base {
  position: relative;
  -moz-transition: border 0.3s ease;
  -o-transition: border 0.3s ease;
  -ms-transition: border 0.3s ease;
  -webkit-transition: border 0.3s ease;
  transition: border 0.3s ease;
  height: 100%; }
  .article__base .article--img {
    margin: 0;
    position: relative; }
    .article__base .article--img > picture {
      line-height: 0;
      display: block; }
      .article__base .article--img > picture img {
        width: 100%;
        object-fit: cover; }
  .article__base .article--title {
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    color: #2d2d2d;
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
    .article__base .article--title > a {
      color: #2d2d2d;
      display: block;
      text-decoration: none; }
  .article__base .article--summary {
    color: #2d2d2d;
    display: block; }
  .article__base .article--kind {
    text-transform: uppercase;
    padding-right: 3px; }
    .article__base .article--kind + .article--kind__info {
      position: relative;
      padding-left: 5px;
      display: inline-block; }
      .article__base .article--kind + .article--kind__info:before {
        content: "";
        display: block;
        position: absolute;
        width: 1px;
        top: 0;
        left: 0;
        height: 100%;
        background-color: #0081C8; }
  .article__base .article--tags {
    text-transform: uppercase; }
    .article__base .article--tags .article--info {
      color: #878787; }
    .article__base .article--tags .list-item {
      display: inline-flex;
      color: #fff;
      display: block;
      background-color: #000;
      font-weight: bold;
      font-size: 12px;
      font-size: 0.75rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 16px;
      -moz-transition: background-color 0.3s ease;
      -o-transition: background-color 0.3s ease;
      -ms-transition: background-color 0.3s ease;
      -webkit-transition: background-color 0.3s ease;
      transition: background-color 0.3s ease;
      padding: .25rem .5rem; }
      .ko .article__base .article--tags .list-item {
        font-size: 10px;
        font-size: 0.625rem; }
      .ko .article__base .article--tags .list-item,
      .zh .article__base .article--tags .list-item {
        line-height: 18px; }
      .article__base .article--tags .list-item:hover, .article__base .article--tags .list-item:focus {
        color: #fff;
        background-color: #0081C8; }
      .article__base .article--tags .list-item > a, .article__base .article--tags .list-item span {
        color: #fff; }
  .article__base .icon-photogallery-icon {
    position: absolute;
    top: 50%;
    left: 50% /*rtl:ignore*/;
    -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
    transform: translate(-50%, -50%) /*rtl:ignore*/;
    border-radius: 100%;
    -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    line-height: 1;
    background-color: transparent;
    border: 5px solid #fff;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    z-index: 1;
    font-size: 45px;
    width: 45px;
    height: 45px;
    color: #fff;
    border-width: 3px; }
    .article__base .icon-photogallery-icon:before {
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      margin-left: 0 /*rtl:ignore*/; }
    .article__base .icon-photogallery-icon:hover, .article__base .icon-photogallery-icon:focus {
      border-color: #EE334E;
      background-color: #EE334E;
      color: #fff; }
    .article__base .icon-photogallery-icon:before {
      font-size: 18.75px; }
  .article__base .icon-play-button, .article__base .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .article__base .icon-play {
    position: absolute;
    top: 50%;
    left: 50% /*rtl:ignore*/;
    -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
    transform: translate(-50%, -50%) /*rtl:ignore*/;
    border-radius: 100%;
    -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    line-height: 1;
    background-color: transparent;
    border: 5px solid #fff;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    z-index: 1;
    font-size: 45px;
    width: 45px;
    height: 45px;
    color: #fff;
    border-width: 3px; }
    .article__base .icon-play-button:before, .article__base .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .article__base .icon-play:before {
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      margin-left: 2px /*rtl:ignore*/; }
    .article__base .icon-play-button:hover, .article__base .countdown--overlay .countdown--icon .icon-play:hover, .countdown--overlay .countdown--icon .article__base .icon-play:hover, .article__base .icon-play-button:focus, .article__base .countdown--overlay .countdown--icon .icon-play:focus, .countdown--overlay .countdown--icon .article__base .icon-play:focus {
      border-color: #EE334E;
      background-color: #EE334E;
      color: #fff; }
    .article__base .icon-play-button:before, .article__base .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .article__base .icon-play:before {
      font-size: 18.75px; }
  .article__base .icon-z-podcast-icon {
    position: absolute;
    top: 50%;
    left: 50% /*rtl:ignore*/;
    -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
    transform: translate(-50%, -50%) /*rtl:ignore*/;
    border-radius: 100%;
    -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    line-height: 1;
    background-color: transparent;
    border: 5px solid #fff;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    z-index: 1;
    font-size: 45px;
    width: 45px;
    height: 45px;
    color: #fff;
    border-width: 3px; }
    .article__base .icon-z-podcast-icon:before {
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      margin-left: 2px /*rtl:ignore*/; }
    .article__base .icon-z-podcast-icon:hover, .article__base .icon-z-podcast-icon:focus {
      border-color: #EE334E;
      background-color: #EE334E;
      color: #fff; }
    .article__base .icon-z-podcast-icon:before {
      font-size: 18.75px; }
  .article__base .article--info {
    font-weight: bold;
    font-size: 13px;
    font-size: 0.8125rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 15px;
    margin: 5px 0; }
    .ko .article__base .article--info {
      font-size: 11px;
      font-size: 0.6875rem; }
    .ko .article__base .article--info,
    .zh .article__base .article--info {
      line-height: 17px; }
  .article__base:hover .article--img, .article__base:focus .article--img {
    position: relative; }
    .article__base:hover .article--img > picture img, .article__base:focus .article--img > picture img {
      -moz-transform: scale(1.1);
      -o-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
      -moz-transition: transform 0.3s ease-in-out;
      -o-transition: transform 0.3s ease-in-out;
      -ms-transition: transform 0.3s ease-in-out;
      -webkit-transition: transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out; }
  .article__base .article--img {
    overflow: hidden; }
    .article__base .article--img > picture img {
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1);
      -moz-transition: transform 0.3s ease-in-out;
      -o-transition: transform 0.3s ease-in-out;
      -ms-transition: transform 0.3s ease-in-out;
      -webkit-transition: transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .article__base .article--img > picture img {
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; } }
  .article__base:before {
    border: 1px solid transparent; }
  .article__base:hover:before, .article__base:focus:before {
    border: 1px solid #adb5bd; }
  .article__base:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: -1px;
    right: -1px;
    top: -1px;
    border: 1px solid rgba(173, 181, 189, 0.5);
    display: block; }
  .article__base:hover .icon-photogallery-icon, .article__base:focus .icon-photogallery-icon {
    border-color: #EE334E;
    background-color: #EE334E; }
  .article__base:hover .icon-play-button, .article__base:hover .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .article__base:hover .icon-play, .article__base:focus .icon-play-button, .article__base:focus .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .article__base:focus .icon-play {
    border-color: #EE334E;
    background-color: #EE334E; }
  .article__base:hover .icon-z-podcast-icon, .article__base:focus .icon-z-podcast-icon {
    border-color: #EE334E;
    background-color: #EE334E; }
  .article__base:hover .article--title > a, .article__base:focus .article--title > a {
    color: #0081C8; }
  .article__base .article--title {
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
    text-transform: uppercase;
    font-size: 20px;
    font-size: 1.25rem;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 20px;
    margin: 0; }
    .ko .article__base .article--title {
      font-size: 18px;
      font-size: 1.125rem; }
    .ko .article__base .article--title,
    .zh .article__base .article--title {
      line-height: 22px; }
    @media (min-width: 568px) {
      .article__base .article--title {
        font-size: 20px;
        font-size: 1.25rem;
        font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 20px; }
        .ko .article__base .article--title {
          font-size: 18px;
          font-size: 1.125rem; }
        .ko .article__base .article--title,
        .zh .article__base .article--title {
          line-height: 22px; } }
  .article__base .article--info__wrap {
    width: 100%; }
  .article__base .article--info {
    color: #0081C8;
    width: 100%;
    margin: 5px 0; }
  .article__base .article--img {
    flex: 0 0 auto; }
  .article__base .article--date {
    font-weight: bold;
    display: block;
    margin-top: .25rem;
    margin-bottom: .25rem;
    color: #878787;
    font-size: 13px;
    font-size: 0.8125rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 15px; }
    .ko .article__base .article--date {
      font-size: 11px;
      font-size: 0.6875rem; }
    .ko .article__base .article--date,
    .zh .article__base .article--date {
      line-height: 17px; }
  .article__base .article--content {
    min-height: 105px;
    color: rgba(45, 45, 45, 0.5);
    padding: 20px 10px;
    position: relative; }
    @media (min-width: 768px) {
      .article__base .article--content {
        padding: 20px; } }
    @media (min-width: 992px) {
      .article__base .article--content {
        padding: 20px 25px; } }
  .article__base .article--summary {
    color: #2d2d2d;
    font-size: 16px;
    font-size: 1rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 21px; }
    .ko .article__base .article--summary {
      font-size: 14px;
      font-size: 0.875rem; }
    .ko .article__base .article--summary,
    .zh .article__base .article--summary {
      line-height: 23px; }
  .article__base .article--decoration {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    height: 28px;
    background-image: url(/Images/Static/decoration/latest-news.jpg);
    background-position: 50% 50%;
    background-size: cover; }
  .article__base .article--partnership {
    text-align: center;
    margin-top: .25rem;
    margin-bottom: .25rem;
    position: absolute;
    bottom: 0;
    background: #2d2d2d;
    color: #fff;
    display: block;
    width: 100%; }
    .article__base .article--partnership > span {
      display: inline-block;
      vertical-align: middle;
      width: 46%;
      line-height: 16px; }
    .article__base .article--partnership .article--partnership-label {
      text-align: end;
      font-size: 11px;
      font-size: 0.6875rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 15px; }
      .ko .article__base .article--partnership .article--partnership-label {
        font-size: 9px;
        font-size: 0.5625rem; }
      .ko .article__base .article--partnership .article--partnership-label,
      .zh .article__base .article--partnership .article--partnership-label {
        line-height: 17px; }
    .article__base .article--partnership .article--partnership-logo {
      text-align: start;
      margin-left: 10px; }
      .article__base .article--partnership .article--partnership-logo > img {
        max-width: 80%;
        line-height: 1; }
  .article__base .btn-play {
    position: absolute;
    top: 50%;
    left: 50% /*rtl:ignore*/;
    -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
    transform: translate(-50%, -50%) /*rtl:ignore*/; }

.article__photo:hover .article--img, .article__photo:focus .article--img {
  position: relative; }
  .article__photo:hover .article--img > picture img, .article__photo:focus .article--img > picture img {
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -moz-transition: transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    -ms-transition: transform 0.3s ease-in-out;
    -webkit-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out; }

.article__photo .article--img {
  overflow: hidden; }
  .article__photo .article--img > picture img {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transition: transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    -ms-transition: transform 0.3s ease-in-out;
    -webkit-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .article__photo .article--img > picture img {
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s; } }

.article__photo .article--title {
  color: #fff; }

@media (max-width: 1199.98px) {
  .article__squared-lg, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared {
    position: relative;
    -moz-transition: border 0.3s ease;
    -o-transition: border 0.3s ease;
    -ms-transition: border 0.3s ease;
    -webkit-transition: border 0.3s ease;
    transition: border 0.3s ease;
    height: 100%; }
    .article__squared-lg .article--img, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--img {
      margin: 0;
      position: relative; }
      .article__squared-lg .article--img > picture, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--img > picture {
        line-height: 0;
        display: block; }
        .article__squared-lg .article--img > picture img, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--img > picture img {
          width: 100%;
          object-fit: cover; }
    .article__squared-lg .article--title, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--title {
      font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
      font-weight: normal;
      text-transform: uppercase;
      color: #2d2d2d;
      padding-top: 0 !important;
      padding-bottom: 0 !important; }
      .article__squared-lg .article--title > a, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--title > a {
        color: #2d2d2d;
        display: block;
        text-decoration: none; }
    .article__squared-lg .article--summary, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--summary {
      color: #2d2d2d;
      display: block; }
    .article__squared-lg .article--kind, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--kind {
      text-transform: uppercase;
      padding-right: 3px; }
      .article__squared-lg .article--kind + .article--kind__info, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--kind + .article--kind__info {
        position: relative;
        padding-left: 5px;
        display: inline-block; }
        .article__squared-lg .article--kind + .article--kind__info:before, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--kind + .article--kind__info:before {
          content: "";
          display: block;
          position: absolute;
          width: 1px;
          top: 0;
          left: 0;
          height: 100%;
          background-color: #0081C8; }
    .article__squared-lg .article--tags, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--tags {
      text-transform: uppercase; }
      .article__squared-lg .article--tags .article--info, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--tags .article--info {
        color: #878787; }
      .article__squared-lg .article--tags .list-item, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--tags .list-item {
        display: inline-flex;
        color: #fff;
        display: block;
        background-color: #000;
        font-weight: bold;
        font-size: 12px;
        font-size: 0.75rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 16px;
        -moz-transition: background-color 0.3s ease;
        -o-transition: background-color 0.3s ease;
        -ms-transition: background-color 0.3s ease;
        -webkit-transition: background-color 0.3s ease;
        transition: background-color 0.3s ease;
        padding: .25rem .5rem; }
        .ko .article__squared-lg .article--tags .list-item, .ko .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--tags .list-item, .mosaic .newslist__mosaic-5x > .newslist--item .ko .article__squared .article--tags .list-item {
          font-size: 10px;
          font-size: 0.625rem; }
        .ko .article__squared-lg .article--tags .list-item, .ko .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--tags .list-item, .mosaic .newslist__mosaic-5x > .newslist--item .ko .article__squared .article--tags .list-item,
        .zh .article__squared-lg .article--tags .list-item,
        .zh .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--tags .list-item,
        .mosaic .newslist__mosaic-5x > .newslist--item .zh .article__squared .article--tags .list-item {
          line-height: 18px; }
        .article__squared-lg .article--tags .list-item:hover, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--tags .list-item:hover, .article__squared-lg .article--tags .list-item:focus, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--tags .list-item:focus {
          color: #fff;
          background-color: #0081C8; }
        .article__squared-lg .article--tags .list-item > a, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--tags .list-item > a, .article__squared-lg .article--tags .list-item span, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--tags .list-item span {
          color: #fff; }
    .article__squared-lg .icon-photogallery-icon, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .icon-photogallery-icon {
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      border-radius: 100%;
      -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      line-height: 1;
      background-color: transparent;
      border: 5px solid #fff;
      -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      z-index: 1;
      font-size: 45px;
      width: 45px;
      height: 45px;
      color: #fff;
      border-width: 3px; }
      .article__squared-lg .icon-photogallery-icon:before, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .icon-photogallery-icon:before {
        position: absolute;
        top: 50%;
        left: 50% /*rtl:ignore*/;
        -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
        transform: translate(-50%, -50%) /*rtl:ignore*/;
        margin-left: 0 /*rtl:ignore*/; }
      .article__squared-lg .icon-photogallery-icon:hover, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .icon-photogallery-icon:hover, .article__squared-lg .icon-photogallery-icon:focus, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .icon-photogallery-icon:focus {
        border-color: #EE334E;
        background-color: #EE334E;
        color: #fff; }
      .article__squared-lg .icon-photogallery-icon:before, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .icon-photogallery-icon:before {
        font-size: 18.75px; }
    .article__squared-lg .icon-play-button, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .icon-play-button, .article__squared-lg .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .article__squared-lg .icon-play, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .icon-play {
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      border-radius: 100%;
      -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      line-height: 1;
      background-color: transparent;
      border: 5px solid #fff;
      -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      z-index: 1;
      font-size: 45px;
      width: 45px;
      height: 45px;
      color: #fff;
      border-width: 3px; }
      .article__squared-lg .icon-play-button:before, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .icon-play-button:before, .article__squared-lg .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .article__squared-lg .icon-play:before, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .icon-play:before {
        position: absolute;
        top: 50%;
        left: 50% /*rtl:ignore*/;
        -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
        transform: translate(-50%, -50%) /*rtl:ignore*/;
        margin-left: 2px /*rtl:ignore*/; }
      .article__squared-lg .icon-play-button:hover, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .icon-play-button:hover, .article__squared-lg .countdown--overlay .countdown--icon .icon-play:hover, .countdown--overlay .countdown--icon .article__squared-lg .icon-play:hover, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .countdown--overlay .countdown--icon .icon-play:hover, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .icon-play:hover, .article__squared-lg .icon-play-button:focus, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .icon-play-button:focus, .article__squared-lg .countdown--overlay .countdown--icon .icon-play:focus, .countdown--overlay .countdown--icon .article__squared-lg .icon-play:focus, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .countdown--overlay .countdown--icon .icon-play:focus, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .icon-play:focus {
        border-color: #EE334E;
        background-color: #EE334E;
        color: #fff; }
      .article__squared-lg .icon-play-button:before, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .icon-play-button:before, .article__squared-lg .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .article__squared-lg .icon-play:before, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .icon-play:before {
        font-size: 18.75px; }
    .article__squared-lg .icon-z-podcast-icon, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .icon-z-podcast-icon {
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      border-radius: 100%;
      -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      line-height: 1;
      background-color: transparent;
      border: 5px solid #fff;
      -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      z-index: 1;
      font-size: 45px;
      width: 45px;
      height: 45px;
      color: #fff;
      border-width: 3px; }
      .article__squared-lg .icon-z-podcast-icon:before, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .icon-z-podcast-icon:before {
        position: absolute;
        top: 50%;
        left: 50% /*rtl:ignore*/;
        -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
        transform: translate(-50%, -50%) /*rtl:ignore*/;
        margin-left: 2px /*rtl:ignore*/; }
      .article__squared-lg .icon-z-podcast-icon:hover, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .icon-z-podcast-icon:hover, .article__squared-lg .icon-z-podcast-icon:focus, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .icon-z-podcast-icon:focus {
        border-color: #EE334E;
        background-color: #EE334E;
        color: #fff; }
      .article__squared-lg .icon-z-podcast-icon:before, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .icon-z-podcast-icon:before {
        font-size: 18.75px; }
    .article__squared-lg .article--info, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--info {
      font-weight: bold;
      font-size: 13px;
      font-size: 0.8125rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 15px;
      margin: 5px 0; }
      .ko .article__squared-lg .article--info, .ko .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--info, .mosaic .newslist__mosaic-5x > .newslist--item .ko .article__squared .article--info {
        font-size: 11px;
        font-size: 0.6875rem; }
      .ko .article__squared-lg .article--info, .ko .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--info, .mosaic .newslist__mosaic-5x > .newslist--item .ko .article__squared .article--info,
      .zh .article__squared-lg .article--info,
      .zh .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--info,
      .mosaic .newslist__mosaic-5x > .newslist--item .zh .article__squared .article--info {
        line-height: 17px; }
    .article__squared-lg:hover .article--img, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared:hover .article--img, .article__squared-lg:focus .article--img, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared:focus .article--img {
      position: relative; }
      .article__squared-lg:hover .article--img > picture img, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared:hover .article--img > picture img, .article__squared-lg:focus .article--img > picture img, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared:focus .article--img > picture img {
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -moz-transition: transform 0.3s ease-in-out;
        -o-transition: transform 0.3s ease-in-out;
        -ms-transition: transform 0.3s ease-in-out;
        -webkit-transition: transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out; }
    .article__squared-lg .article--img, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--img {
      overflow: hidden; }
      .article__squared-lg .article--img > picture img, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--img > picture img {
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        -moz-transition: transform 0.3s ease-in-out;
        -o-transition: transform 0.3s ease-in-out;
        -ms-transition: transform 0.3s ease-in-out;
        -webkit-transition: transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden; } }
      @media all and (max-width: 1199.98px) and (-ms-high-contrast: none), (max-width: 1199.98px) and (-ms-high-contrast: active) {
        .article__squared-lg .article--img > picture img, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--img > picture img {
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; } }

@media (max-width: 1199.98px) {
    .article__squared-lg:before, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared:before {
      border: 1px solid transparent; }
    .article__squared-lg:hover:before, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared:hover:before, .article__squared-lg:focus:before, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared:focus:before {
      border: 1px solid #adb5bd; }
    .article__squared-lg:before, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared:before {
      content: "";
      display: block;
      position: absolute;
      bottom: -1px;
      left: -1px;
      right: -1px;
      top: -1px;
      border: 1px solid rgba(173, 181, 189, 0.5);
      display: block; }
    .article__squared-lg:hover .icon-photogallery-icon, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared:hover .icon-photogallery-icon, .article__squared-lg:focus .icon-photogallery-icon, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared:focus .icon-photogallery-icon {
      border-color: #EE334E;
      background-color: #EE334E; }
    .article__squared-lg:hover .icon-play-button, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared:hover .icon-play-button, .article__squared-lg:hover .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .article__squared-lg:hover .icon-play, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared:hover .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-5x > .newslist--item .article__squared:hover .icon-play, .article__squared-lg:focus .icon-play-button, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared:focus .icon-play-button, .article__squared-lg:focus .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .article__squared-lg:focus .icon-play, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared:focus .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-5x > .newslist--item .article__squared:focus .icon-play {
      border-color: #EE334E;
      background-color: #EE334E; }
    .article__squared-lg:hover .icon-z-podcast-icon, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared:hover .icon-z-podcast-icon, .article__squared-lg:focus .icon-z-podcast-icon, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared:focus .icon-z-podcast-icon {
      border-color: #EE334E;
      background-color: #EE334E; }
    .article__squared-lg:hover .article--title > a, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared:hover .article--title > a, .article__squared-lg:focus .article--title > a, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared:focus .article--title > a {
      color: #0081C8; }
    .article__squared-lg .article--title, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--title {
      -moz-transition: color 0.3s ease;
      -o-transition: color 0.3s ease;
      -ms-transition: color 0.3s ease;
      -webkit-transition: color 0.3s ease;
      transition: color 0.3s ease;
      text-transform: uppercase;
      font-size: 20px;
      font-size: 1.25rem;
      font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 20px;
      margin: 0; }
      .ko .article__squared-lg .article--title, .ko .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--title, .mosaic .newslist__mosaic-5x > .newslist--item .ko .article__squared .article--title {
        font-size: 18px;
        font-size: 1.125rem; }
      .ko .article__squared-lg .article--title, .ko .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--title, .mosaic .newslist__mosaic-5x > .newslist--item .ko .article__squared .article--title,
      .zh .article__squared-lg .article--title,
      .zh .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--title,
      .mosaic .newslist__mosaic-5x > .newslist--item .zh .article__squared .article--title {
        line-height: 22px; } }
    @media (max-width: 1199.98px) and (min-width: 568px) {
      .article__squared-lg .article--title, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--title {
        font-size: 20px;
        font-size: 1.25rem;
        font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 20px; }
        .ko .article__squared-lg .article--title, .ko .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--title, .mosaic .newslist__mosaic-5x > .newslist--item .ko .article__squared .article--title {
          font-size: 18px;
          font-size: 1.125rem; }
        .ko .article__squared-lg .article--title, .ko .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--title, .mosaic .newslist__mosaic-5x > .newslist--item .ko .article__squared .article--title,
        .zh .article__squared-lg .article--title,
        .zh .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--title,
        .mosaic .newslist__mosaic-5x > .newslist--item .zh .article__squared .article--title {
          line-height: 22px; } }

@media (max-width: 1199.98px) {
    .article__squared-lg .article--info__wrap, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--info__wrap {
      width: 100%; }
    .article__squared-lg .article--info, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--info {
      color: #0081C8;
      width: 100%;
      margin: 5px 0; }
    .article__squared-lg .article--img, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--img {
      flex: 0 0 auto; }
    .article__squared-lg .article--date, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--date {
      font-weight: bold;
      display: block;
      margin-top: .25rem;
      margin-bottom: .25rem;
      color: #878787;
      font-size: 13px;
      font-size: 0.8125rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 15px; }
      .ko .article__squared-lg .article--date, .ko .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--date, .mosaic .newslist__mosaic-5x > .newslist--item .ko .article__squared .article--date {
        font-size: 11px;
        font-size: 0.6875rem; }
      .ko .article__squared-lg .article--date, .ko .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--date, .mosaic .newslist__mosaic-5x > .newslist--item .ko .article__squared .article--date,
      .zh .article__squared-lg .article--date,
      .zh .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--date,
      .mosaic .newslist__mosaic-5x > .newslist--item .zh .article__squared .article--date {
        line-height: 17px; }
    .article__squared-lg .article--content, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--content {
      min-height: 105px;
      color: rgba(45, 45, 45, 0.5);
      padding: 20px 10px;
      position: relative; } }
    @media (max-width: 1199.98px) and (min-width: 768px) {
      .article__squared-lg .article--content, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--content {
        padding: 20px; } }
    @media (max-width: 1199.98px) and (min-width: 992px) {
      .article__squared-lg .article--content, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--content {
        padding: 20px 25px; } }

@media (max-width: 1199.98px) {
    .article__squared-lg .article--summary, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--summary {
      color: #2d2d2d;
      font-size: 16px;
      font-size: 1rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 21px; }
      .ko .article__squared-lg .article--summary, .ko .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--summary, .mosaic .newslist__mosaic-5x > .newslist--item .ko .article__squared .article--summary {
        font-size: 14px;
        font-size: 0.875rem; }
      .ko .article__squared-lg .article--summary, .ko .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--summary, .mosaic .newslist__mosaic-5x > .newslist--item .ko .article__squared .article--summary,
      .zh .article__squared-lg .article--summary,
      .zh .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--summary,
      .mosaic .newslist__mosaic-5x > .newslist--item .zh .article__squared .article--summary {
        line-height: 23px; }
    .article__squared-lg .article--decoration, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--decoration {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      display: block;
      height: 28px;
      background-image: url(/Images/Static/decoration/latest-news.jpg);
      background-position: 50% 50%;
      background-size: cover; }
    .article__squared-lg .article--partnership, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--partnership {
      text-align: center;
      margin-top: .25rem;
      margin-bottom: .25rem;
      position: absolute;
      bottom: 0;
      background: #2d2d2d;
      color: #fff;
      display: block;
      width: 100%; }
      .article__squared-lg .article--partnership > span, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--partnership > span {
        display: inline-block;
        vertical-align: middle;
        width: 46%;
        line-height: 16px; }
      .article__squared-lg .article--partnership .article--partnership-label, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--partnership .article--partnership-label {
        text-align: end;
        font-size: 11px;
        font-size: 0.6875rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 15px; }
        .ko .article__squared-lg .article--partnership .article--partnership-label, .ko .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--partnership .article--partnership-label, .mosaic .newslist__mosaic-5x > .newslist--item .ko .article__squared .article--partnership .article--partnership-label {
          font-size: 9px;
          font-size: 0.5625rem; }
        .ko .article__squared-lg .article--partnership .article--partnership-label, .ko .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--partnership .article--partnership-label, .mosaic .newslist__mosaic-5x > .newslist--item .ko .article__squared .article--partnership .article--partnership-label,
        .zh .article__squared-lg .article--partnership .article--partnership-label,
        .zh .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--partnership .article--partnership-label,
        .mosaic .newslist__mosaic-5x > .newslist--item .zh .article__squared .article--partnership .article--partnership-label {
          line-height: 17px; }
      .article__squared-lg .article--partnership .article--partnership-logo, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--partnership .article--partnership-logo {
        text-align: start;
        margin-left: 10px; }
        .article__squared-lg .article--partnership .article--partnership-logo > img, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--partnership .article--partnership-logo > img {
          max-width: 80%;
          line-height: 1; }
    .article__squared-lg .btn-play, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .btn-play {
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/; } }

@media (min-width: 992px) {
  .article__squared-lg, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared {
    height: 100%; }
    .article__squared-lg:hover .article--img, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared:hover .article--img, .article__squared-lg:focus .article--img, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared:focus .article--img {
      position: relative; }
      .article__squared-lg:hover .article--img > picture img, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared:hover .article--img > picture img, .article__squared-lg:focus .article--img > picture img, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared:focus .article--img > picture img {
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -moz-transition: transform 0.3s ease-in-out;
        -o-transition: transform 0.3s ease-in-out;
        -ms-transition: transform 0.3s ease-in-out;
        -webkit-transition: transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out; }
    .article__squared-lg .article--img, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--img {
      overflow: hidden; }
      .article__squared-lg .article--img > picture img, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--img > picture img {
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        -moz-transition: transform 0.3s ease-in-out;
        -o-transition: transform 0.3s ease-in-out;
        -ms-transition: transform 0.3s ease-in-out;
        -webkit-transition: transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden; } }
      @media all and (min-width: 992px) and (-ms-high-contrast: none), (min-width: 992px) and (-ms-high-contrast: active) {
        .article__squared-lg .article--img > picture img, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--img > picture img {
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; } }

@media (min-width: 992px) {
    .article__squared-lg .article--img, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--img {
      height: 100%; }
    .article__squared-lg .article--content, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--content {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      color: #fff;
      flex-direction: column;
      background-image: linear-gradient(to bottom, transparent 0%, #000 100%);
      background-repeat: repeat-x;
      min-height: auto !important;
      z-index: 4; }
    .article__squared-lg .article--title, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--title {
      color: #fff; }
      .article__squared-lg .article--title > a, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--title > a {
        color: #fff !important;
        width: 100%; }
    .article__squared-lg .article--kind + .article--kind__info:before, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--kind + .article--kind__info:before {
      background-color: #fff; }
    .article__squared-lg .article--date, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--date {
      display: none; }
    .article__squared-lg .article--date, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--date, .article__squared-lg .article--kind, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--kind, .article__squared-lg .article--kind__info, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .article--kind__info {
      color: #fff; }
    .article__squared-lg .icon-photogallery-icon, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .icon-photogallery-icon {
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      border-radius: 100%;
      -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      line-height: 1;
      background-color: transparent;
      border: 5px solid #fff;
      -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      z-index: 1;
      font-size: 68px;
      width: 68px;
      height: 68px;
      color: #fff; }
      .article__squared-lg .icon-photogallery-icon:before, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .icon-photogallery-icon:before {
        position: absolute;
        top: 50%;
        left: 50% /*rtl:ignore*/;
        -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
        transform: translate(-50%, -50%) /*rtl:ignore*/;
        margin-left: 0 /*rtl:ignore*/; }
      .article__squared-lg .icon-photogallery-icon:hover, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .icon-photogallery-icon:hover, .article__squared-lg .icon-photogallery-icon:focus, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .icon-photogallery-icon:focus {
        border-color: #EE334E;
        background-color: #EE334E;
        color: #fff; }
      .article__squared-lg .icon-photogallery-icon:before, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .icon-photogallery-icon:before {
        font-size: 28.33333px; }
    .article__squared-lg .icon-play-button, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .icon-play-button, .article__squared-lg .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .article__squared-lg .icon-play, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .icon-play {
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      border-radius: 100%;
      -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      line-height: 1;
      background-color: transparent;
      border: 5px solid #fff;
      -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      z-index: 1;
      font-size: 68px;
      width: 68px;
      height: 68px;
      color: #fff; }
      .article__squared-lg .icon-play-button:before, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .icon-play-button:before, .article__squared-lg .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .article__squared-lg .icon-play:before, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .icon-play:before {
        position: absolute;
        top: 50%;
        left: 50% /*rtl:ignore*/;
        -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
        transform: translate(-50%, -50%) /*rtl:ignore*/;
        margin-left: 2px /*rtl:ignore*/; }
      .article__squared-lg .icon-play-button:hover, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .icon-play-button:hover, .article__squared-lg .countdown--overlay .countdown--icon .icon-play:hover, .countdown--overlay .countdown--icon .article__squared-lg .icon-play:hover, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .countdown--overlay .countdown--icon .icon-play:hover, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .icon-play:hover, .article__squared-lg .icon-play-button:focus, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .icon-play-button:focus, .article__squared-lg .countdown--overlay .countdown--icon .icon-play:focus, .countdown--overlay .countdown--icon .article__squared-lg .icon-play:focus, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .countdown--overlay .countdown--icon .icon-play:focus, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .icon-play:focus {
        border-color: #EE334E;
        background-color: #EE334E;
        color: #fff; }
      .article__squared-lg .icon-play-button:before, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .icon-play-button:before, .article__squared-lg .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .article__squared-lg .icon-play:before, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .icon-play:before {
        font-size: 28.33333px; }
    .article__squared-lg .icon-z-podcast-icon, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .icon-z-podcast-icon {
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      border-radius: 100%;
      -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      line-height: 1;
      background-color: transparent;
      border: 5px solid #fff;
      -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      z-index: 1;
      font-size: 68px;
      width: 68px;
      height: 68px;
      color: #fff; }
      .article__squared-lg .icon-z-podcast-icon:before, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .icon-z-podcast-icon:before {
        position: absolute;
        top: 50%;
        left: 50% /*rtl:ignore*/;
        -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
        transform: translate(-50%, -50%) /*rtl:ignore*/;
        margin-left: 2px /*rtl:ignore*/; }
      .article__squared-lg .icon-z-podcast-icon:hover, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .icon-z-podcast-icon:hover, .article__squared-lg .icon-z-podcast-icon:focus, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .icon-z-podcast-icon:focus {
        border-color: #EE334E;
        background-color: #EE334E;
        color: #fff; }
      .article__squared-lg .icon-z-podcast-icon:before, .mosaic .newslist__mosaic-5x > .newslist--item .article__squared .icon-z-podcast-icon:before {
        font-size: 28.33333px; } }

@media (max-width: 991.98px) {
  .article__squared-md {
    position: relative;
    -moz-transition: border 0.3s ease;
    -o-transition: border 0.3s ease;
    -ms-transition: border 0.3s ease;
    -webkit-transition: border 0.3s ease;
    transition: border 0.3s ease;
    height: 100%; }
    .article__squared-md .article--img {
      margin: 0;
      position: relative; }
      .article__squared-md .article--img > picture {
        line-height: 0;
        display: block; }
        .article__squared-md .article--img > picture img {
          width: 100%;
          object-fit: cover; }
    .article__squared-md .article--title {
      font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
      font-weight: normal;
      text-transform: uppercase;
      color: #2d2d2d;
      padding-top: 0 !important;
      padding-bottom: 0 !important; }
      .article__squared-md .article--title > a {
        color: #2d2d2d;
        display: block;
        text-decoration: none; }
    .article__squared-md .article--summary {
      color: #2d2d2d;
      display: block; }
    .article__squared-md .article--kind {
      text-transform: uppercase;
      padding-right: 3px; }
      .article__squared-md .article--kind + .article--kind__info {
        position: relative;
        padding-left: 5px;
        display: inline-block; }
        .article__squared-md .article--kind + .article--kind__info:before {
          content: "";
          display: block;
          position: absolute;
          width: 1px;
          top: 0;
          left: 0;
          height: 100%;
          background-color: #0081C8; }
    .article__squared-md .article--tags {
      text-transform: uppercase; }
      .article__squared-md .article--tags .article--info {
        color: #878787; }
      .article__squared-md .article--tags .list-item {
        display: inline-flex;
        color: #fff;
        display: block;
        background-color: #000;
        font-weight: bold;
        font-size: 12px;
        font-size: 0.75rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 16px;
        -moz-transition: background-color 0.3s ease;
        -o-transition: background-color 0.3s ease;
        -ms-transition: background-color 0.3s ease;
        -webkit-transition: background-color 0.3s ease;
        transition: background-color 0.3s ease;
        padding: .25rem .5rem; }
        .ko .article__squared-md .article--tags .list-item {
          font-size: 10px;
          font-size: 0.625rem; }
        .ko .article__squared-md .article--tags .list-item,
        .zh .article__squared-md .article--tags .list-item {
          line-height: 18px; }
        .article__squared-md .article--tags .list-item:hover, .article__squared-md .article--tags .list-item:focus {
          color: #fff;
          background-color: #0081C8; }
        .article__squared-md .article--tags .list-item > a, .article__squared-md .article--tags .list-item span {
          color: #fff; }
    .article__squared-md .icon-photogallery-icon {
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      border-radius: 100%;
      -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      line-height: 1;
      background-color: transparent;
      border: 5px solid #fff;
      -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      z-index: 1;
      font-size: 45px;
      width: 45px;
      height: 45px;
      color: #fff;
      border-width: 3px; }
      .article__squared-md .icon-photogallery-icon:before {
        position: absolute;
        top: 50%;
        left: 50% /*rtl:ignore*/;
        -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
        transform: translate(-50%, -50%) /*rtl:ignore*/;
        margin-left: 0 /*rtl:ignore*/; }
      .article__squared-md .icon-photogallery-icon:hover, .article__squared-md .icon-photogallery-icon:focus {
        border-color: #EE334E;
        background-color: #EE334E;
        color: #fff; }
      .article__squared-md .icon-photogallery-icon:before {
        font-size: 18.75px; }
    .article__squared-md .icon-play-button, .article__squared-md .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .article__squared-md .icon-play {
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      border-radius: 100%;
      -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      line-height: 1;
      background-color: transparent;
      border: 5px solid #fff;
      -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      z-index: 1;
      font-size: 45px;
      width: 45px;
      height: 45px;
      color: #fff;
      border-width: 3px; }
      .article__squared-md .icon-play-button:before, .article__squared-md .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .article__squared-md .icon-play:before {
        position: absolute;
        top: 50%;
        left: 50% /*rtl:ignore*/;
        -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
        transform: translate(-50%, -50%) /*rtl:ignore*/;
        margin-left: 2px /*rtl:ignore*/; }
      .article__squared-md .icon-play-button:hover, .article__squared-md .countdown--overlay .countdown--icon .icon-play:hover, .countdown--overlay .countdown--icon .article__squared-md .icon-play:hover, .article__squared-md .icon-play-button:focus, .article__squared-md .countdown--overlay .countdown--icon .icon-play:focus, .countdown--overlay .countdown--icon .article__squared-md .icon-play:focus {
        border-color: #EE334E;
        background-color: #EE334E;
        color: #fff; }
      .article__squared-md .icon-play-button:before, .article__squared-md .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .article__squared-md .icon-play:before {
        font-size: 18.75px; }
    .article__squared-md .icon-z-podcast-icon {
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      border-radius: 100%;
      -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      line-height: 1;
      background-color: transparent;
      border: 5px solid #fff;
      -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      z-index: 1;
      font-size: 45px;
      width: 45px;
      height: 45px;
      color: #fff;
      border-width: 3px; }
      .article__squared-md .icon-z-podcast-icon:before {
        position: absolute;
        top: 50%;
        left: 50% /*rtl:ignore*/;
        -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
        transform: translate(-50%, -50%) /*rtl:ignore*/;
        margin-left: 2px /*rtl:ignore*/; }
      .article__squared-md .icon-z-podcast-icon:hover, .article__squared-md .icon-z-podcast-icon:focus {
        border-color: #EE334E;
        background-color: #EE334E;
        color: #fff; }
      .article__squared-md .icon-z-podcast-icon:before {
        font-size: 18.75px; }
    .article__squared-md .article--info {
      font-weight: bold;
      font-size: 13px;
      font-size: 0.8125rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 15px;
      margin: 5px 0; }
      .ko .article__squared-md .article--info {
        font-size: 11px;
        font-size: 0.6875rem; }
      .ko .article__squared-md .article--info,
      .zh .article__squared-md .article--info {
        line-height: 17px; }
    .article__squared-md:hover .article--img, .article__squared-md:focus .article--img {
      position: relative; }
      .article__squared-md:hover .article--img > picture img, .article__squared-md:focus .article--img > picture img {
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -moz-transition: transform 0.3s ease-in-out;
        -o-transition: transform 0.3s ease-in-out;
        -ms-transition: transform 0.3s ease-in-out;
        -webkit-transition: transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out; }
    .article__squared-md .article--img {
      overflow: hidden; }
      .article__squared-md .article--img > picture img {
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        -moz-transition: transform 0.3s ease-in-out;
        -o-transition: transform 0.3s ease-in-out;
        -ms-transition: transform 0.3s ease-in-out;
        -webkit-transition: transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden; } }
      @media all and (max-width: 991.98px) and (-ms-high-contrast: none), (max-width: 991.98px) and (-ms-high-contrast: active) {
        .article__squared-md .article--img > picture img {
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; } }

@media (max-width: 991.98px) {
    .article__squared-md:before {
      border: 1px solid transparent; }
    .article__squared-md:hover:before, .article__squared-md:focus:before {
      border: 1px solid #adb5bd; }
    .article__squared-md:before {
      content: "";
      display: block;
      position: absolute;
      bottom: -1px;
      left: -1px;
      right: -1px;
      top: -1px;
      border: 1px solid rgba(173, 181, 189, 0.5);
      display: block; }
    .article__squared-md:hover .icon-photogallery-icon, .article__squared-md:focus .icon-photogallery-icon {
      border-color: #EE334E;
      background-color: #EE334E; }
    .article__squared-md:hover .icon-play-button, .article__squared-md:hover .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .article__squared-md:hover .icon-play, .article__squared-md:focus .icon-play-button, .article__squared-md:focus .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .article__squared-md:focus .icon-play {
      border-color: #EE334E;
      background-color: #EE334E; }
    .article__squared-md:hover .icon-z-podcast-icon, .article__squared-md:focus .icon-z-podcast-icon {
      border-color: #EE334E;
      background-color: #EE334E; }
    .article__squared-md:hover .article--title > a, .article__squared-md:focus .article--title > a {
      color: #0081C8; }
    .article__squared-md .article--title {
      -moz-transition: color 0.3s ease;
      -o-transition: color 0.3s ease;
      -ms-transition: color 0.3s ease;
      -webkit-transition: color 0.3s ease;
      transition: color 0.3s ease;
      text-transform: uppercase;
      font-size: 20px;
      font-size: 1.25rem;
      font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 20px;
      margin: 0; }
      .ko .article__squared-md .article--title {
        font-size: 18px;
        font-size: 1.125rem; }
      .ko .article__squared-md .article--title,
      .zh .article__squared-md .article--title {
        line-height: 22px; } }
    @media (max-width: 991.98px) and (min-width: 568px) {
      .article__squared-md .article--title {
        font-size: 20px;
        font-size: 1.25rem;
        font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 20px; }
        .ko .article__squared-md .article--title {
          font-size: 18px;
          font-size: 1.125rem; }
        .ko .article__squared-md .article--title,
        .zh .article__squared-md .article--title {
          line-height: 22px; } }

@media (max-width: 991.98px) {
    .article__squared-md .article--info__wrap {
      width: 100%; }
    .article__squared-md .article--info {
      color: #0081C8;
      width: 100%;
      margin: 5px 0; }
    .article__squared-md .article--img {
      flex: 0 0 auto; }
    .article__squared-md .article--date {
      font-weight: bold;
      display: block;
      margin-top: .25rem;
      margin-bottom: .25rem;
      color: #878787;
      font-size: 13px;
      font-size: 0.8125rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 15px; }
      .ko .article__squared-md .article--date {
        font-size: 11px;
        font-size: 0.6875rem; }
      .ko .article__squared-md .article--date,
      .zh .article__squared-md .article--date {
        line-height: 17px; }
    .article__squared-md .article--content {
      min-height: 105px;
      color: rgba(45, 45, 45, 0.5);
      padding: 20px 10px;
      position: relative; } }
    @media (max-width: 991.98px) and (min-width: 768px) {
      .article__squared-md .article--content {
        padding: 20px; } }
    @media (max-width: 991.98px) and (min-width: 992px) {
      .article__squared-md .article--content {
        padding: 20px 25px; } }

@media (max-width: 991.98px) {
    .article__squared-md .article--summary {
      color: #2d2d2d;
      font-size: 16px;
      font-size: 1rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 21px; }
      .ko .article__squared-md .article--summary {
        font-size: 14px;
        font-size: 0.875rem; }
      .ko .article__squared-md .article--summary,
      .zh .article__squared-md .article--summary {
        line-height: 23px; }
    .article__squared-md .article--decoration {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      display: block;
      height: 28px;
      background-image: url(/Images/Static/decoration/latest-news.jpg);
      background-position: 50% 50%;
      background-size: cover; }
    .article__squared-md .article--partnership {
      text-align: center;
      margin-top: .25rem;
      margin-bottom: .25rem;
      position: absolute;
      bottom: 0;
      background: #2d2d2d;
      color: #fff;
      display: block;
      width: 100%; }
      .article__squared-md .article--partnership > span {
        display: inline-block;
        vertical-align: middle;
        width: 46%;
        line-height: 16px; }
      .article__squared-md .article--partnership .article--partnership-label {
        text-align: end;
        font-size: 11px;
        font-size: 0.6875rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 15px; }
        .ko .article__squared-md .article--partnership .article--partnership-label {
          font-size: 9px;
          font-size: 0.5625rem; }
        .ko .article__squared-md .article--partnership .article--partnership-label,
        .zh .article__squared-md .article--partnership .article--partnership-label {
          line-height: 17px; }
      .article__squared-md .article--partnership .article--partnership-logo {
        text-align: start;
        margin-left: 10px; }
        .article__squared-md .article--partnership .article--partnership-logo > img {
          max-width: 80%;
          line-height: 1; }
    .article__squared-md .btn-play {
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/; } }

@media (min-width: 768px) {
  .article__squared-md {
    height: 100%; }
    .article__squared-md:hover .article--img, .article__squared-md:focus .article--img {
      position: relative; }
      .article__squared-md:hover .article--img > picture img, .article__squared-md:focus .article--img > picture img {
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -moz-transition: transform 0.3s ease-in-out;
        -o-transition: transform 0.3s ease-in-out;
        -ms-transition: transform 0.3s ease-in-out;
        -webkit-transition: transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out; }
    .article__squared-md .article--img {
      overflow: hidden; }
      .article__squared-md .article--img > picture img {
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        -moz-transition: transform 0.3s ease-in-out;
        -o-transition: transform 0.3s ease-in-out;
        -ms-transition: transform 0.3s ease-in-out;
        -webkit-transition: transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden; } }
      @media all and (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) {
        .article__squared-md .article--img > picture img {
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; } }

@media (min-width: 768px) {
    .article__squared-md .article--img {
      height: 100%; }
    .article__squared-md .article--content {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      color: #fff;
      flex-direction: column;
      background-image: linear-gradient(to bottom, transparent 0%, #000 100%);
      background-repeat: repeat-x;
      min-height: auto !important;
      z-index: 4; }
    .article__squared-md .article--title {
      color: #fff; }
      .article__squared-md .article--title > a {
        color: #fff !important;
        width: 100%; }
    .article__squared-md .article--kind + .article--kind__info:before {
      background-color: #fff; }
    .article__squared-md .article--date {
      display: none; }
    .article__squared-md .article--date, .article__squared-md .article--kind, .article__squared-md .article--kind__info {
      color: #fff; }
    .article__squared-md .icon-photogallery-icon {
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      border-radius: 100%;
      -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      line-height: 1;
      background-color: transparent;
      border: 5px solid #fff;
      -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      z-index: 1;
      font-size: 68px;
      width: 68px;
      height: 68px;
      color: #fff; }
      .article__squared-md .icon-photogallery-icon:before {
        position: absolute;
        top: 50%;
        left: 50% /*rtl:ignore*/;
        -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
        transform: translate(-50%, -50%) /*rtl:ignore*/;
        margin-left: 0 /*rtl:ignore*/; }
      .article__squared-md .icon-photogallery-icon:hover, .article__squared-md .icon-photogallery-icon:focus {
        border-color: #EE334E;
        background-color: #EE334E;
        color: #fff; }
      .article__squared-md .icon-photogallery-icon:before {
        font-size: 28.33333px; }
    .article__squared-md .icon-play-button, .article__squared-md .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .article__squared-md .icon-play {
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      border-radius: 100%;
      -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      line-height: 1;
      background-color: transparent;
      border: 5px solid #fff;
      -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      z-index: 1;
      font-size: 68px;
      width: 68px;
      height: 68px;
      color: #fff; }
      .article__squared-md .icon-play-button:before, .article__squared-md .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .article__squared-md .icon-play:before {
        position: absolute;
        top: 50%;
        left: 50% /*rtl:ignore*/;
        -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
        transform: translate(-50%, -50%) /*rtl:ignore*/;
        margin-left: 2px /*rtl:ignore*/; }
      .article__squared-md .icon-play-button:hover, .article__squared-md .countdown--overlay .countdown--icon .icon-play:hover, .countdown--overlay .countdown--icon .article__squared-md .icon-play:hover, .article__squared-md .icon-play-button:focus, .article__squared-md .countdown--overlay .countdown--icon .icon-play:focus, .countdown--overlay .countdown--icon .article__squared-md .icon-play:focus {
        border-color: #EE334E;
        background-color: #EE334E;
        color: #fff; }
      .article__squared-md .icon-play-button:before, .article__squared-md .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .article__squared-md .icon-play:before {
        font-size: 28.33333px; }
    .article__squared-md .icon-z-podcast-icon {
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      border-radius: 100%;
      -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      line-height: 1;
      background-color: transparent;
      border: 5px solid #fff;
      -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      z-index: 1;
      font-size: 68px;
      width: 68px;
      height: 68px;
      color: #fff; }
      .article__squared-md .icon-z-podcast-icon:before {
        position: absolute;
        top: 50%;
        left: 50% /*rtl:ignore*/;
        -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
        transform: translate(-50%, -50%) /*rtl:ignore*/;
        margin-left: 2px /*rtl:ignore*/; }
      .article__squared-md .icon-z-podcast-icon:hover, .article__squared-md .icon-z-podcast-icon:focus {
        border-color: #EE334E;
        background-color: #EE334E;
        color: #fff; }
      .article__squared-md .icon-z-podcast-icon:before {
        font-size: 28.33333px; } }

/*.article__xl-md {
  @include media-breakpoint-up(md) {
    @include article__xl();
  }
}*/
/*.article__xl-lg {
  @include media-breakpoint-up(lg) {
    @include article__xl();
  }
}*/
.article__small, .article__event-small, .article__event-live-schedule-upcoming-carousel-small, .playlist .series, .playlist .episodes .episodes-wrapper .episode {
  position: relative;
  -moz-transition: border 0.3s ease;
  -o-transition: border 0.3s ease;
  -ms-transition: border 0.3s ease;
  -webkit-transition: border 0.3s ease;
  transition: border 0.3s ease;
  height: 100%;
  height: auto; }
  .article__small .article--img, .article__event-small .article--img, .article__event-live-schedule-upcoming-carousel-small .article--img, .playlist .series .article--img, .playlist .episodes .episodes-wrapper .episode .article--img {
    margin: 0;
    position: relative; }
    .article__small .article--img > picture, .article__event-small .article--img > picture, .article__event-live-schedule-upcoming-carousel-small .article--img > picture, .playlist .series .article--img > picture, .playlist .episodes .episodes-wrapper .episode .article--img > picture {
      line-height: 0;
      display: block; }
      .article__small .article--img > picture img, .article__event-small .article--img > picture img, .article__event-live-schedule-upcoming-carousel-small .article--img > picture img, .playlist .series .article--img > picture img, .playlist .episodes .episodes-wrapper .episode .article--img > picture img {
        width: 100%;
        object-fit: cover; }
  .article__small .article--title, .article__event-small .article--title, .article__event-live-schedule-upcoming-carousel-small .article--title, .playlist .series .article--title, .playlist .episodes .episodes-wrapper .episode .article--title {
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    color: #2d2d2d;
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
    .article__small .article--title > a, .article__event-small .article--title > a, .article__event-live-schedule-upcoming-carousel-small .article--title > a, .playlist .series .article--title > a, .playlist .episodes .episodes-wrapper .episode .article--title > a {
      color: #2d2d2d;
      display: block;
      text-decoration: none; }
  .article__small .article--summary, .article__event-small .article--summary, .article__event-live-schedule-upcoming-carousel-small .article--summary, .playlist .series .article--summary, .playlist .episodes .episodes-wrapper .episode .article--summary {
    color: #2d2d2d;
    display: block; }
  .article__small .article--kind, .article__event-small .article--kind, .article__event-live-schedule-upcoming-carousel-small .article--kind, .playlist .series .article--kind, .playlist .episodes .episodes-wrapper .episode .article--kind {
    text-transform: uppercase;
    padding-right: 3px; }
    .article__small .article--kind + .article--kind__info, .article__event-small .article--kind + .article--kind__info, .article__event-live-schedule-upcoming-carousel-small .article--kind + .article--kind__info, .playlist .series .article--kind + .article--kind__info, .playlist .episodes .episodes-wrapper .episode .article--kind + .article--kind__info {
      position: relative;
      padding-left: 5px;
      display: inline-block; }
      .article__small .article--kind + .article--kind__info:before, .article__event-small .article--kind + .article--kind__info:before, .article__event-live-schedule-upcoming-carousel-small .article--kind + .article--kind__info:before, .playlist .series .article--kind + .article--kind__info:before, .playlist .episodes .episodes-wrapper .episode .article--kind + .article--kind__info:before {
        content: "";
        display: block;
        position: absolute;
        width: 1px;
        top: 0;
        left: 0;
        height: 100%;
        background-color: #0081C8; }
  .article__small .article--tags, .article__event-small .article--tags, .article__event-live-schedule-upcoming-carousel-small .article--tags, .playlist .series .article--tags, .playlist .episodes .episodes-wrapper .episode .article--tags {
    text-transform: uppercase; }
    .article__small .article--tags .article--info, .article__event-small .article--tags .article--info, .article__event-live-schedule-upcoming-carousel-small .article--tags .article--info, .playlist .series .article--tags .article--info, .playlist .episodes .episodes-wrapper .episode .article--tags .article--info {
      color: #878787; }
    .article__small .article--tags .list-item, .article__event-small .article--tags .list-item, .article__event-live-schedule-upcoming-carousel-small .article--tags .list-item, .playlist .series .article--tags .list-item, .playlist .episodes .episodes-wrapper .episode .article--tags .list-item {
      display: inline-flex;
      color: #fff;
      display: block;
      background-color: #000;
      font-weight: bold;
      font-size: 12px;
      font-size: 0.75rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 16px;
      -moz-transition: background-color 0.3s ease;
      -o-transition: background-color 0.3s ease;
      -ms-transition: background-color 0.3s ease;
      -webkit-transition: background-color 0.3s ease;
      transition: background-color 0.3s ease;
      padding: .25rem .5rem; }
      .ko .article__small .article--tags .list-item, .ko .article__event-small .article--tags .list-item, .ko .article__event-live-schedule-upcoming-carousel-small .article--tags .list-item, .ko .playlist .series .article--tags .list-item, .playlist .ko .series .article--tags .list-item, .ko .playlist .episodes .episodes-wrapper .episode .article--tags .list-item, .playlist .episodes .episodes-wrapper .ko .episode .article--tags .list-item {
        font-size: 10px;
        font-size: 0.625rem; }
      .ko .article__small .article--tags .list-item, .ko .article__event-small .article--tags .list-item, .ko .article__event-live-schedule-upcoming-carousel-small .article--tags .list-item, .ko .playlist .series .article--tags .list-item, .playlist .ko .series .article--tags .list-item, .ko .playlist .episodes .episodes-wrapper .episode .article--tags .list-item, .playlist .episodes .episodes-wrapper .ko .episode .article--tags .list-item,
      .zh .article__small .article--tags .list-item,
      .zh .article__event-small .article--tags .list-item,
      .zh .article__event-live-schedule-upcoming-carousel-small .article--tags .list-item,
      .zh .playlist .series .article--tags .list-item,
      .playlist .zh .series .article--tags .list-item,
      .zh .playlist .episodes .episodes-wrapper .episode .article--tags .list-item,
      .playlist .episodes .episodes-wrapper .zh .episode .article--tags .list-item {
        line-height: 18px; }
      .article__small .article--tags .list-item:hover, .article__event-small .article--tags .list-item:hover, .article__event-live-schedule-upcoming-carousel-small .article--tags .list-item:hover, .playlist .series .article--tags .list-item:hover, .playlist .episodes .episodes-wrapper .episode .article--tags .list-item:hover, .article__small .article--tags .list-item:focus, .article__event-small .article--tags .list-item:focus, .article__event-live-schedule-upcoming-carousel-small .article--tags .list-item:focus, .playlist .series .article--tags .list-item:focus, .playlist .episodes .episodes-wrapper .episode .article--tags .list-item:focus {
        color: #fff;
        background-color: #0081C8; }
      .article__small .article--tags .list-item > a, .article__event-small .article--tags .list-item > a, .article__event-live-schedule-upcoming-carousel-small .article--tags .list-item > a, .playlist .series .article--tags .list-item > a, .playlist .episodes .episodes-wrapper .episode .article--tags .list-item > a, .article__small .article--tags .list-item span, .article__event-small .article--tags .list-item span, .article__event-live-schedule-upcoming-carousel-small .article--tags .list-item span, .playlist .series .article--tags .list-item span, .playlist .episodes .episodes-wrapper .episode .article--tags .list-item span {
        color: #fff; }
  .article__small .icon-photogallery-icon, .article__event-small .icon-photogallery-icon, .article__event-live-schedule-upcoming-carousel-small .icon-photogallery-icon, .playlist .series .icon-photogallery-icon, .playlist .episodes .episodes-wrapper .episode .icon-photogallery-icon {
    position: absolute;
    top: 50%;
    left: 50% /*rtl:ignore*/;
    -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
    transform: translate(-50%, -50%) /*rtl:ignore*/;
    border-radius: 100%;
    -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    line-height: 1;
    background-color: transparent;
    border: 5px solid #fff;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    z-index: 1;
    font-size: 45px;
    width: 45px;
    height: 45px;
    color: #fff;
    border-width: 3px; }
    .article__small .icon-photogallery-icon:before, .article__event-small .icon-photogallery-icon:before, .article__event-live-schedule-upcoming-carousel-small .icon-photogallery-icon:before, .playlist .series .icon-photogallery-icon:before, .playlist .episodes .episodes-wrapper .episode .icon-photogallery-icon:before {
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      margin-left: 0 /*rtl:ignore*/; }
    .article__small .icon-photogallery-icon:hover, .article__event-small .icon-photogallery-icon:hover, .article__event-live-schedule-upcoming-carousel-small .icon-photogallery-icon:hover, .playlist .series .icon-photogallery-icon:hover, .playlist .episodes .episodes-wrapper .episode .icon-photogallery-icon:hover, .article__small .icon-photogallery-icon:focus, .article__event-small .icon-photogallery-icon:focus, .article__event-live-schedule-upcoming-carousel-small .icon-photogallery-icon:focus, .playlist .series .icon-photogallery-icon:focus, .playlist .episodes .episodes-wrapper .episode .icon-photogallery-icon:focus {
      border-color: #EE334E;
      background-color: #EE334E;
      color: #fff; }
    .article__small .icon-photogallery-icon:before, .article__event-small .icon-photogallery-icon:before, .article__event-live-schedule-upcoming-carousel-small .icon-photogallery-icon:before, .playlist .series .icon-photogallery-icon:before, .playlist .episodes .episodes-wrapper .episode .icon-photogallery-icon:before {
      font-size: 18.75px; }
  .article__small .icon-play-button, .article__event-small .icon-play-button, .article__event-live-schedule-upcoming-carousel-small .icon-play-button, .playlist .series .icon-play-button, .playlist .episodes .episodes-wrapper .episode .icon-play-button, .article__small .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .article__small .icon-play, .article__event-small .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .article__event-small .icon-play, .article__event-live-schedule-upcoming-carousel-small .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .article__event-live-schedule-upcoming-carousel-small .icon-play, .playlist .series .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .playlist .series .icon-play, .playlist .episodes .episodes-wrapper .episode .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .playlist .episodes .episodes-wrapper .episode .icon-play {
    position: absolute;
    top: 50%;
    left: 50% /*rtl:ignore*/;
    -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
    transform: translate(-50%, -50%) /*rtl:ignore*/;
    border-radius: 100%;
    -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    line-height: 1;
    background-color: transparent;
    border: 5px solid #fff;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    z-index: 1;
    font-size: 45px;
    width: 45px;
    height: 45px;
    color: #fff;
    border-width: 3px; }
    .article__small .icon-play-button:before, .article__event-small .icon-play-button:before, .article__event-live-schedule-upcoming-carousel-small .icon-play-button:before, .playlist .series .icon-play-button:before, .playlist .episodes .episodes-wrapper .episode .icon-play-button:before, .article__small .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .article__small .icon-play:before, .article__event-small .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .article__event-small .icon-play:before, .article__event-live-schedule-upcoming-carousel-small .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .article__event-live-schedule-upcoming-carousel-small .icon-play:before, .playlist .series .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .playlist .series .icon-play:before, .playlist .episodes .episodes-wrapper .episode .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .playlist .episodes .episodes-wrapper .episode .icon-play:before {
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      margin-left: 2px /*rtl:ignore*/; }
    .article__small .icon-play-button:hover, .article__event-small .icon-play-button:hover, .article__event-live-schedule-upcoming-carousel-small .icon-play-button:hover, .playlist .series .icon-play-button:hover, .playlist .episodes .episodes-wrapper .episode .icon-play-button:hover, .article__small .countdown--overlay .countdown--icon .icon-play:hover, .countdown--overlay .countdown--icon .article__small .icon-play:hover, .article__event-small .countdown--overlay .countdown--icon .icon-play:hover, .countdown--overlay .countdown--icon .article__event-small .icon-play:hover, .article__event-live-schedule-upcoming-carousel-small .countdown--overlay .countdown--icon .icon-play:hover, .countdown--overlay .countdown--icon .article__event-live-schedule-upcoming-carousel-small .icon-play:hover, .playlist .series .countdown--overlay .countdown--icon .icon-play:hover, .countdown--overlay .countdown--icon .playlist .series .icon-play:hover, .playlist .episodes .episodes-wrapper .episode .countdown--overlay .countdown--icon .icon-play:hover, .countdown--overlay .countdown--icon .playlist .episodes .episodes-wrapper .episode .icon-play:hover, .article__small .icon-play-button:focus, .article__event-small .icon-play-button:focus, .article__event-live-schedule-upcoming-carousel-small .icon-play-button:focus, .playlist .series .icon-play-button:focus, .playlist .episodes .episodes-wrapper .episode .icon-play-button:focus, .article__small .countdown--overlay .countdown--icon .icon-play:focus, .countdown--overlay .countdown--icon .article__small .icon-play:focus, .article__event-small .countdown--overlay .countdown--icon .icon-play:focus, .countdown--overlay .countdown--icon .article__event-small .icon-play:focus, .article__event-live-schedule-upcoming-carousel-small .countdown--overlay .countdown--icon .icon-play:focus, .countdown--overlay .countdown--icon .article__event-live-schedule-upcoming-carousel-small .icon-play:focus, .playlist .series .countdown--overlay .countdown--icon .icon-play:focus, .countdown--overlay .countdown--icon .playlist .series .icon-play:focus, .playlist .episodes .episodes-wrapper .episode .countdown--overlay .countdown--icon .icon-play:focus, .countdown--overlay .countdown--icon .playlist .episodes .episodes-wrapper .episode .icon-play:focus {
      border-color: #EE334E;
      background-color: #EE334E;
      color: #fff; }
    .article__small .icon-play-button:before, .article__event-small .icon-play-button:before, .article__event-live-schedule-upcoming-carousel-small .icon-play-button:before, .playlist .series .icon-play-button:before, .playlist .episodes .episodes-wrapper .episode .icon-play-button:before, .article__small .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .article__small .icon-play:before, .article__event-small .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .article__event-small .icon-play:before, .article__event-live-schedule-upcoming-carousel-small .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .article__event-live-schedule-upcoming-carousel-small .icon-play:before, .playlist .series .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .playlist .series .icon-play:before, .playlist .episodes .episodes-wrapper .episode .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .playlist .episodes .episodes-wrapper .episode .icon-play:before {
      font-size: 18.75px; }
  .article__small .icon-z-podcast-icon, .article__event-small .icon-z-podcast-icon, .article__event-live-schedule-upcoming-carousel-small .icon-z-podcast-icon, .playlist .series .icon-z-podcast-icon, .playlist .episodes .episodes-wrapper .episode .icon-z-podcast-icon {
    position: absolute;
    top: 50%;
    left: 50% /*rtl:ignore*/;
    -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
    transform: translate(-50%, -50%) /*rtl:ignore*/;
    border-radius: 100%;
    -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    line-height: 1;
    background-color: transparent;
    border: 5px solid #fff;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    z-index: 1;
    font-size: 45px;
    width: 45px;
    height: 45px;
    color: #fff;
    border-width: 3px; }
    .article__small .icon-z-podcast-icon:before, .article__event-small .icon-z-podcast-icon:before, .article__event-live-schedule-upcoming-carousel-small .icon-z-podcast-icon:before, .playlist .series .icon-z-podcast-icon:before, .playlist .episodes .episodes-wrapper .episode .icon-z-podcast-icon:before {
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      margin-left: 2px /*rtl:ignore*/; }
    .article__small .icon-z-podcast-icon:hover, .article__event-small .icon-z-podcast-icon:hover, .article__event-live-schedule-upcoming-carousel-small .icon-z-podcast-icon:hover, .playlist .series .icon-z-podcast-icon:hover, .playlist .episodes .episodes-wrapper .episode .icon-z-podcast-icon:hover, .article__small .icon-z-podcast-icon:focus, .article__event-small .icon-z-podcast-icon:focus, .article__event-live-schedule-upcoming-carousel-small .icon-z-podcast-icon:focus, .playlist .series .icon-z-podcast-icon:focus, .playlist .episodes .episodes-wrapper .episode .icon-z-podcast-icon:focus {
      border-color: #EE334E;
      background-color: #EE334E;
      color: #fff; }
    .article__small .icon-z-podcast-icon:before, .article__event-small .icon-z-podcast-icon:before, .article__event-live-schedule-upcoming-carousel-small .icon-z-podcast-icon:before, .playlist .series .icon-z-podcast-icon:before, .playlist .episodes .episodes-wrapper .episode .icon-z-podcast-icon:before {
      font-size: 18.75px; }
  .article__small .article--info, .article__event-small .article--info, .article__event-live-schedule-upcoming-carousel-small .article--info, .playlist .series .article--info, .playlist .episodes .episodes-wrapper .episode .article--info {
    font-weight: bold;
    font-size: 13px;
    font-size: 0.8125rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 15px;
    margin: 5px 0; }
    .ko .article__small .article--info, .ko .article__event-small .article--info, .ko .article__event-live-schedule-upcoming-carousel-small .article--info, .ko .playlist .series .article--info, .playlist .ko .series .article--info, .ko .playlist .episodes .episodes-wrapper .episode .article--info, .playlist .episodes .episodes-wrapper .ko .episode .article--info {
      font-size: 11px;
      font-size: 0.6875rem; }
    .ko .article__small .article--info, .ko .article__event-small .article--info, .ko .article__event-live-schedule-upcoming-carousel-small .article--info, .ko .playlist .series .article--info, .playlist .ko .series .article--info, .ko .playlist .episodes .episodes-wrapper .episode .article--info, .playlist .episodes .episodes-wrapper .ko .episode .article--info,
    .zh .article__small .article--info,
    .zh .article__event-small .article--info,
    .zh .article__event-live-schedule-upcoming-carousel-small .article--info,
    .zh .playlist .series .article--info,
    .playlist .zh .series .article--info,
    .zh .playlist .episodes .episodes-wrapper .episode .article--info,
    .playlist .episodes .episodes-wrapper .zh .episode .article--info {
      line-height: 17px; }
  .article__small:hover .article--img, .article__event-small:hover .article--img, .article__event-live-schedule-upcoming-carousel-small:hover .article--img, .playlist .series:hover .article--img, .playlist .episodes .episodes-wrapper .episode:hover .article--img, .article__small:focus .article--img, .article__event-small:focus .article--img, .article__event-live-schedule-upcoming-carousel-small:focus .article--img, .playlist .series:focus .article--img, .playlist .episodes .episodes-wrapper .episode:focus .article--img {
    position: relative; }
    .article__small:hover .article--img > picture img, .article__event-small:hover .article--img > picture img, .article__event-live-schedule-upcoming-carousel-small:hover .article--img > picture img, .playlist .series:hover .article--img > picture img, .playlist .episodes .episodes-wrapper .episode:hover .article--img > picture img, .article__small:focus .article--img > picture img, .article__event-small:focus .article--img > picture img, .article__event-live-schedule-upcoming-carousel-small:focus .article--img > picture img, .playlist .series:focus .article--img > picture img, .playlist .episodes .episodes-wrapper .episode:focus .article--img > picture img {
      -moz-transform: scale(1.1);
      -o-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
      -moz-transition: transform 0.3s ease-in-out;
      -o-transition: transform 0.3s ease-in-out;
      -ms-transition: transform 0.3s ease-in-out;
      -webkit-transition: transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out; }
  .article__small .article--img, .article__event-small .article--img, .article__event-live-schedule-upcoming-carousel-small .article--img, .playlist .series .article--img, .playlist .episodes .episodes-wrapper .episode .article--img {
    overflow: hidden; }
    .article__small .article--img > picture img, .article__event-small .article--img > picture img, .article__event-live-schedule-upcoming-carousel-small .article--img > picture img, .playlist .series .article--img > picture img, .playlist .episodes .episodes-wrapper .episode .article--img > picture img {
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1);
      -moz-transition: transform 0.3s ease-in-out;
      -o-transition: transform 0.3s ease-in-out;
      -ms-transition: transform 0.3s ease-in-out;
      -webkit-transition: transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .article__small .article--img > picture img, .article__event-small .article--img > picture img, .article__event-live-schedule-upcoming-carousel-small .article--img > picture img, .playlist .series .article--img > picture img, .playlist .episodes .episodes-wrapper .episode .article--img > picture img {
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; } }
  .article__small:before, .article__event-small:before, .article__event-live-schedule-upcoming-carousel-small:before, .playlist .series:before, .playlist .episodes .episodes-wrapper .episode:before {
    border: 1px solid transparent; }
  .article__small:hover:before, .article__event-small:hover:before, .article__event-live-schedule-upcoming-carousel-small:hover:before, .playlist .series:hover:before, .playlist .episodes .episodes-wrapper .episode:hover:before, .article__small:focus:before, .article__event-small:focus:before, .article__event-live-schedule-upcoming-carousel-small:focus:before, .playlist .series:focus:before, .playlist .episodes .episodes-wrapper .episode:focus:before {
    border: 1px solid #adb5bd; }
  .article__small:before, .article__event-small:before, .article__event-live-schedule-upcoming-carousel-small:before, .playlist .series:before, .playlist .episodes .episodes-wrapper .episode:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: -1px;
    right: -1px;
    top: -1px;
    border: 1px solid rgba(173, 181, 189, 0.5);
    display: block; }
  .article__small:hover .icon-photogallery-icon, .article__event-small:hover .icon-photogallery-icon, .article__event-live-schedule-upcoming-carousel-small:hover .icon-photogallery-icon, .playlist .series:hover .icon-photogallery-icon, .playlist .episodes .episodes-wrapper .episode:hover .icon-photogallery-icon, .article__small:focus .icon-photogallery-icon, .article__event-small:focus .icon-photogallery-icon, .article__event-live-schedule-upcoming-carousel-small:focus .icon-photogallery-icon, .playlist .series:focus .icon-photogallery-icon, .playlist .episodes .episodes-wrapper .episode:focus .icon-photogallery-icon {
    border-color: #EE334E;
    background-color: #EE334E; }
  .article__small:hover .icon-play-button, .article__event-small:hover .icon-play-button, .article__event-live-schedule-upcoming-carousel-small:hover .icon-play-button, .playlist .series:hover .icon-play-button, .playlist .episodes .episodes-wrapper .episode:hover .icon-play-button, .article__small:hover .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .article__small:hover .icon-play, .article__event-small:hover .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .article__event-small:hover .icon-play, .article__event-live-schedule-upcoming-carousel-small:hover .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .article__event-live-schedule-upcoming-carousel-small:hover .icon-play, .playlist .series:hover .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .playlist .series:hover .icon-play, .playlist .episodes .episodes-wrapper .episode:hover .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .playlist .episodes .episodes-wrapper .episode:hover .icon-play, .article__small:focus .icon-play-button, .article__event-small:focus .icon-play-button, .article__event-live-schedule-upcoming-carousel-small:focus .icon-play-button, .playlist .series:focus .icon-play-button, .playlist .episodes .episodes-wrapper .episode:focus .icon-play-button, .article__small:focus .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .article__small:focus .icon-play, .article__event-small:focus .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .article__event-small:focus .icon-play, .article__event-live-schedule-upcoming-carousel-small:focus .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .article__event-live-schedule-upcoming-carousel-small:focus .icon-play, .playlist .series:focus .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .playlist .series:focus .icon-play, .playlist .episodes .episodes-wrapper .episode:focus .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .playlist .episodes .episodes-wrapper .episode:focus .icon-play {
    border-color: #EE334E;
    background-color: #EE334E; }
  .article__small:hover .icon-z-podcast-icon, .article__event-small:hover .icon-z-podcast-icon, .article__event-live-schedule-upcoming-carousel-small:hover .icon-z-podcast-icon, .playlist .series:hover .icon-z-podcast-icon, .playlist .episodes .episodes-wrapper .episode:hover .icon-z-podcast-icon, .article__small:focus .icon-z-podcast-icon, .article__event-small:focus .icon-z-podcast-icon, .article__event-live-schedule-upcoming-carousel-small:focus .icon-z-podcast-icon, .playlist .series:focus .icon-z-podcast-icon, .playlist .episodes .episodes-wrapper .episode:focus .icon-z-podcast-icon {
    border-color: #EE334E;
    background-color: #EE334E; }
  .article__small:hover .article--title > a, .article__event-small:hover .article--title > a, .article__event-live-schedule-upcoming-carousel-small:hover .article--title > a, .playlist .series:hover .article--title > a, .playlist .episodes .episodes-wrapper .episode:hover .article--title > a, .article__small:focus .article--title > a, .article__event-small:focus .article--title > a, .article__event-live-schedule-upcoming-carousel-small:focus .article--title > a, .playlist .series:focus .article--title > a, .playlist .episodes .episodes-wrapper .episode:focus .article--title > a {
    color: #0081C8; }
  .article__small .article--title, .article__event-small .article--title, .article__event-live-schedule-upcoming-carousel-small .article--title, .playlist .series .article--title, .playlist .episodes .episodes-wrapper .episode .article--title {
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
    text-transform: uppercase;
    font-size: 20px;
    font-size: 1.25rem;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 20px;
    margin: 0; }
    .ko .article__small .article--title, .ko .article__event-small .article--title, .ko .article__event-live-schedule-upcoming-carousel-small .article--title, .ko .playlist .series .article--title, .playlist .ko .series .article--title, .ko .playlist .episodes .episodes-wrapper .episode .article--title, .playlist .episodes .episodes-wrapper .ko .episode .article--title {
      font-size: 18px;
      font-size: 1.125rem; }
    .ko .article__small .article--title, .ko .article__event-small .article--title, .ko .article__event-live-schedule-upcoming-carousel-small .article--title, .ko .playlist .series .article--title, .playlist .ko .series .article--title, .ko .playlist .episodes .episodes-wrapper .episode .article--title, .playlist .episodes .episodes-wrapper .ko .episode .article--title,
    .zh .article__small .article--title,
    .zh .article__event-small .article--title,
    .zh .article__event-live-schedule-upcoming-carousel-small .article--title,
    .zh .playlist .series .article--title,
    .playlist .zh .series .article--title,
    .zh .playlist .episodes .episodes-wrapper .episode .article--title,
    .playlist .episodes .episodes-wrapper .zh .episode .article--title {
      line-height: 22px; }
    @media (min-width: 568px) {
      .article__small .article--title, .article__event-small .article--title, .article__event-live-schedule-upcoming-carousel-small .article--title, .playlist .series .article--title, .playlist .episodes .episodes-wrapper .episode .article--title {
        font-size: 20px;
        font-size: 1.25rem;
        font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 20px; }
        .ko .article__small .article--title, .ko .article__event-small .article--title, .ko .article__event-live-schedule-upcoming-carousel-small .article--title, .ko .playlist .series .article--title, .playlist .ko .series .article--title, .ko .playlist .episodes .episodes-wrapper .episode .article--title, .playlist .episodes .episodes-wrapper .ko .episode .article--title {
          font-size: 18px;
          font-size: 1.125rem; }
        .ko .article__small .article--title, .ko .article__event-small .article--title, .ko .article__event-live-schedule-upcoming-carousel-small .article--title, .ko .playlist .series .article--title, .playlist .ko .series .article--title, .ko .playlist .episodes .episodes-wrapper .episode .article--title, .playlist .episodes .episodes-wrapper .ko .episode .article--title,
        .zh .article__small .article--title,
        .zh .article__event-small .article--title,
        .zh .article__event-live-schedule-upcoming-carousel-small .article--title,
        .zh .playlist .series .article--title,
        .playlist .zh .series .article--title,
        .zh .playlist .episodes .episodes-wrapper .episode .article--title,
        .playlist .episodes .episodes-wrapper .zh .episode .article--title {
          line-height: 22px; } }
  .article__small .article--info__wrap, .article__event-small .article--info__wrap, .article__event-live-schedule-upcoming-carousel-small .article--info__wrap, .playlist .series .article--info__wrap, .playlist .episodes .episodes-wrapper .episode .article--info__wrap {
    width: 100%; }
  .article__small .article--info, .article__event-small .article--info, .article__event-live-schedule-upcoming-carousel-small .article--info, .playlist .series .article--info, .playlist .episodes .episodes-wrapper .episode .article--info {
    color: #0081C8;
    width: 100%;
    margin: 5px 0; }
  .article__small .article--img, .article__event-small .article--img, .article__event-live-schedule-upcoming-carousel-small .article--img, .playlist .series .article--img, .playlist .episodes .episodes-wrapper .episode .article--img {
    flex: 0 0 auto; }
  .article__small .article--date, .article__event-small .article--date, .article__event-live-schedule-upcoming-carousel-small .article--date, .playlist .series .article--date, .playlist .episodes .episodes-wrapper .episode .article--date {
    font-weight: bold;
    display: block;
    margin-top: .25rem;
    margin-bottom: .25rem;
    color: #878787;
    font-size: 13px;
    font-size: 0.8125rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 15px; }
    .ko .article__small .article--date, .ko .article__event-small .article--date, .ko .article__event-live-schedule-upcoming-carousel-small .article--date, .ko .playlist .series .article--date, .playlist .ko .series .article--date, .ko .playlist .episodes .episodes-wrapper .episode .article--date, .playlist .episodes .episodes-wrapper .ko .episode .article--date {
      font-size: 11px;
      font-size: 0.6875rem; }
    .ko .article__small .article--date, .ko .article__event-small .article--date, .ko .article__event-live-schedule-upcoming-carousel-small .article--date, .ko .playlist .series .article--date, .playlist .ko .series .article--date, .ko .playlist .episodes .episodes-wrapper .episode .article--date, .playlist .episodes .episodes-wrapper .ko .episode .article--date,
    .zh .article__small .article--date,
    .zh .article__event-small .article--date,
    .zh .article__event-live-schedule-upcoming-carousel-small .article--date,
    .zh .playlist .series .article--date,
    .playlist .zh .series .article--date,
    .zh .playlist .episodes .episodes-wrapper .episode .article--date,
    .playlist .episodes .episodes-wrapper .zh .episode .article--date {
      line-height: 17px; }
  .article__small .article--content, .article__event-small .article--content, .article__event-live-schedule-upcoming-carousel-small .article--content, .playlist .series .article--content, .playlist .episodes .episodes-wrapper .episode .article--content {
    min-height: 105px;
    color: rgba(45, 45, 45, 0.5);
    padding: 20px 10px;
    position: relative; }
    @media (min-width: 768px) {
      .article__small .article--content, .article__event-small .article--content, .article__event-live-schedule-upcoming-carousel-small .article--content, .playlist .series .article--content, .playlist .episodes .episodes-wrapper .episode .article--content {
        padding: 20px; } }
    @media (min-width: 992px) {
      .article__small .article--content, .article__event-small .article--content, .article__event-live-schedule-upcoming-carousel-small .article--content, .playlist .series .article--content, .playlist .episodes .episodes-wrapper .episode .article--content {
        padding: 20px 25px; } }
  .article__small .article--summary, .article__event-small .article--summary, .article__event-live-schedule-upcoming-carousel-small .article--summary, .playlist .series .article--summary, .playlist .episodes .episodes-wrapper .episode .article--summary {
    color: #2d2d2d;
    font-size: 16px;
    font-size: 1rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 21px; }
    .ko .article__small .article--summary, .ko .article__event-small .article--summary, .ko .article__event-live-schedule-upcoming-carousel-small .article--summary, .ko .playlist .series .article--summary, .playlist .ko .series .article--summary, .ko .playlist .episodes .episodes-wrapper .episode .article--summary, .playlist .episodes .episodes-wrapper .ko .episode .article--summary {
      font-size: 14px;
      font-size: 0.875rem; }
    .ko .article__small .article--summary, .ko .article__event-small .article--summary, .ko .article__event-live-schedule-upcoming-carousel-small .article--summary, .ko .playlist .series .article--summary, .playlist .ko .series .article--summary, .ko .playlist .episodes .episodes-wrapper .episode .article--summary, .playlist .episodes .episodes-wrapper .ko .episode .article--summary,
    .zh .article__small .article--summary,
    .zh .article__event-small .article--summary,
    .zh .article__event-live-schedule-upcoming-carousel-small .article--summary,
    .zh .playlist .series .article--summary,
    .playlist .zh .series .article--summary,
    .zh .playlist .episodes .episodes-wrapper .episode .article--summary,
    .playlist .episodes .episodes-wrapper .zh .episode .article--summary {
      line-height: 23px; }
  .article__small .article--decoration, .article__event-small .article--decoration, .article__event-live-schedule-upcoming-carousel-small .article--decoration, .playlist .series .article--decoration, .playlist .episodes .episodes-wrapper .episode .article--decoration {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    height: 28px;
    background-image: url(/Images/Static/decoration/latest-news.jpg);
    background-position: 50% 50%;
    background-size: cover; }
  .article__small .article--partnership, .article__event-small .article--partnership, .article__event-live-schedule-upcoming-carousel-small .article--partnership, .playlist .series .article--partnership, .playlist .episodes .episodes-wrapper .episode .article--partnership {
    text-align: center;
    margin-top: .25rem;
    margin-bottom: .25rem;
    position: absolute;
    bottom: 0;
    background: #2d2d2d;
    color: #fff;
    display: block;
    width: 100%; }
    .article__small .article--partnership > span, .article__event-small .article--partnership > span, .article__event-live-schedule-upcoming-carousel-small .article--partnership > span, .playlist .series .article--partnership > span, .playlist .episodes .episodes-wrapper .episode .article--partnership > span {
      display: inline-block;
      vertical-align: middle;
      width: 46%;
      line-height: 16px; }
    .article__small .article--partnership .article--partnership-label, .article__event-small .article--partnership .article--partnership-label, .article__event-live-schedule-upcoming-carousel-small .article--partnership .article--partnership-label, .playlist .series .article--partnership .article--partnership-label, .playlist .episodes .episodes-wrapper .episode .article--partnership .article--partnership-label {
      text-align: end;
      font-size: 11px;
      font-size: 0.6875rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 15px; }
      .ko .article__small .article--partnership .article--partnership-label, .ko .article__event-small .article--partnership .article--partnership-label, .ko .article__event-live-schedule-upcoming-carousel-small .article--partnership .article--partnership-label, .ko .playlist .series .article--partnership .article--partnership-label, .playlist .ko .series .article--partnership .article--partnership-label, .ko .playlist .episodes .episodes-wrapper .episode .article--partnership .article--partnership-label, .playlist .episodes .episodes-wrapper .ko .episode .article--partnership .article--partnership-label {
        font-size: 9px;
        font-size: 0.5625rem; }
      .ko .article__small .article--partnership .article--partnership-label, .ko .article__event-small .article--partnership .article--partnership-label, .ko .article__event-live-schedule-upcoming-carousel-small .article--partnership .article--partnership-label, .ko .playlist .series .article--partnership .article--partnership-label, .playlist .ko .series .article--partnership .article--partnership-label, .ko .playlist .episodes .episodes-wrapper .episode .article--partnership .article--partnership-label, .playlist .episodes .episodes-wrapper .ko .episode .article--partnership .article--partnership-label,
      .zh .article__small .article--partnership .article--partnership-label,
      .zh .article__event-small .article--partnership .article--partnership-label,
      .zh .article__event-live-schedule-upcoming-carousel-small .article--partnership .article--partnership-label,
      .zh .playlist .series .article--partnership .article--partnership-label,
      .playlist .zh .series .article--partnership .article--partnership-label,
      .zh .playlist .episodes .episodes-wrapper .episode .article--partnership .article--partnership-label,
      .playlist .episodes .episodes-wrapper .zh .episode .article--partnership .article--partnership-label {
        line-height: 17px; }
    .article__small .article--partnership .article--partnership-logo, .article__event-small .article--partnership .article--partnership-logo, .article__event-live-schedule-upcoming-carousel-small .article--partnership .article--partnership-logo, .playlist .series .article--partnership .article--partnership-logo, .playlist .episodes .episodes-wrapper .episode .article--partnership .article--partnership-logo {
      text-align: start;
      margin-left: 10px; }
      .article__small .article--partnership .article--partnership-logo > img, .article__event-small .article--partnership .article--partnership-logo > img, .article__event-live-schedule-upcoming-carousel-small .article--partnership .article--partnership-logo > img, .playlist .series .article--partnership .article--partnership-logo > img, .playlist .episodes .episodes-wrapper .episode .article--partnership .article--partnership-logo > img {
        max-width: 80%;
        line-height: 1; }
  .article__small .btn-play, .article__event-small .btn-play, .article__event-live-schedule-upcoming-carousel-small .btn-play, .playlist .series .btn-play, .playlist .episodes .episodes-wrapper .episode .btn-play {
    position: absolute;
    top: 50%;
    left: 50% /*rtl:ignore*/;
    -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
    transform: translate(-50%, -50%) /*rtl:ignore*/; }
  .article__small .article--title, .article__event-small .article--title, .article__event-live-schedule-upcoming-carousel-small .article--title, .playlist .series .article--title, .playlist .episodes .episodes-wrapper .episode .article--title {
    font-size: 18px;
    font-size: 1.125rem;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 18px;
    max-height: 36px;
    overflow: hidden; }
    .ko .article__small .article--title, .ko .article__event-small .article--title, .ko .article__event-live-schedule-upcoming-carousel-small .article--title, .ko .playlist .series .article--title, .playlist .ko .series .article--title, .ko .playlist .episodes .episodes-wrapper .episode .article--title, .playlist .episodes .episodes-wrapper .ko .episode .article--title {
      font-size: 16px;
      font-size: 1rem; }
    .ko .article__small .article--title, .ko .article__event-small .article--title, .ko .article__event-live-schedule-upcoming-carousel-small .article--title, .ko .playlist .series .article--title, .playlist .ko .series .article--title, .ko .playlist .episodes .episodes-wrapper .episode .article--title, .playlist .episodes .episodes-wrapper .ko .episode .article--title,
    .zh .article__small .article--title,
    .zh .article__event-small .article--title,
    .zh .article__event-live-schedule-upcoming-carousel-small .article--title,
    .zh .playlist .series .article--title,
    .playlist .zh .series .article--title,
    .zh .playlist .episodes .episodes-wrapper .episode .article--title,
    .playlist .episodes .episodes-wrapper .zh .episode .article--title {
      line-height: 20px; }
    @media (min-width: 568px) {
      .article__small .article--title, .article__event-small .article--title, .article__event-live-schedule-upcoming-carousel-small .article--title, .playlist .series .article--title, .playlist .episodes .episodes-wrapper .episode .article--title {
        font-size: 20px;
        font-size: 1.25rem;
        font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 20px; }
        .ko .article__small .article--title, .ko .article__event-small .article--title, .ko .article__event-live-schedule-upcoming-carousel-small .article--title, .ko .playlist .series .article--title, .playlist .ko .series .article--title, .ko .playlist .episodes .episodes-wrapper .episode .article--title, .playlist .episodes .episodes-wrapper .ko .episode .article--title {
          font-size: 18px;
          font-size: 1.125rem; }
        .ko .article__small .article--title, .ko .article__event-small .article--title, .ko .article__event-live-schedule-upcoming-carousel-small .article--title, .ko .playlist .series .article--title, .playlist .ko .series .article--title, .ko .playlist .episodes .episodes-wrapper .episode .article--title, .playlist .episodes .episodes-wrapper .ko .episode .article--title,
        .zh .article__small .article--title,
        .zh .article__event-small .article--title,
        .zh .article__event-live-schedule-upcoming-carousel-small .article--title,
        .zh .playlist .series .article--title,
        .playlist .zh .series .article--title,
        .zh .playlist .episodes .episodes-wrapper .episode .article--title,
        .playlist .episodes .episodes-wrapper .zh .episode .article--title {
          line-height: 22px; } }
  .article__small .article--img, .article__event-small .article--img, .article__event-live-schedule-upcoming-carousel-small .article--img, .playlist .series .article--img, .playlist .episodes .episodes-wrapper .episode .article--img {
    width: 110px; }
    @media (min-width: 992px) {
      .article__small .article--img, .article__event-small .article--img, .article__event-live-schedule-upcoming-carousel-small .article--img, .playlist .series .article--img, .playlist .episodes .episodes-wrapper .episode .article--img {
        width: 116px; } }
  .article__small .article--wrapper, .article__event-small .article--wrapper, .article__event-live-schedule-upcoming-carousel-small .article--wrapper, .playlist .series .article--wrapper, .playlist .episodes .episodes-wrapper .episode .article--wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center; }
  .article__small .article--content, .article__event-small .article--content, .article__event-live-schedule-upcoming-carousel-small .article--content, .playlist .series .article--content, .playlist .episodes .episodes-wrapper .episode .article--content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
    min-height: auto !important;
    min-height: initial !important;
    padding: 0 .5rem; }
    @media (min-width: 768px) {
      .article__small .article--content, .article__event-small .article--content, .article__event-live-schedule-upcoming-carousel-small .article--content, .playlist .series .article--content, .playlist .episodes .episodes-wrapper .episode .article--content {
        padding: 0 1rem; } }

.article__event-small {
  background-color: #fff; }
  .article__event-small .article--img {
    width: 120px; }
    @media (min-width: 768px) {
      .article__event-small .article--img {
        width: 140px; } }
  .article__event-small .article--content {
    height: 120px;
    width: 100%; }
    @media (min-width: 768px) {
      .article__event-small .article--content {
        height: 140px; } }
  .article__event-small .article--partnership-logo img {
    width: 40px !important;
    height: 40px; }
    @media (min-width: 568px) {
      .article__event-small .article--partnership-logo img {
        width: 50px !important;
        height: 50px; } }
  .article__event-small .article--info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
  .article__event-small .article--kind {
    position: relative;
    padding-bottom: 8px; }
    .article__event-small .article--kind:after {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      width: 22px;
      height: 2px;
      background-color: #0081C8; }
    .article__event-small .article--kind + .article--kind__info {
      padding: 5px 0 0 0; }
      .article__event-small .article--kind + .article--kind__info:before {
        display: none; }

.article__vertical {
  text-transform: uppercase;
  overflow: hidden;
  width: 240px;
  height: 100%;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .article__vertical:hover, .article__vertical:focus {
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .article__vertical:hover .article--date, .article__vertical:focus .article--date {
      background: transparent; }
    .article__vertical:hover .article--content, .article__vertical:focus .article--content {
      padding: 0; }
      .article__vertical:hover .article--content:before, .article__vertical:focus .article--content:before {
        top: 0; }
      .article__vertical:hover .article--content:after, .article__vertical:focus .article--content:after {
        -moz-transition: opacity 0.3s ease;
        -o-transition: opacity 0.3s ease;
        -ms-transition: opacity 0.3s ease;
        -webkit-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease;
        transition-delay: .2s;
        opacity: .1; }
    .article__vertical:hover .article--summary, .article__vertical:focus .article--summary {
      opacity: 1;
      -moz-transform: scale3d(1, 1, 1);
      -o-transform: scale3d(1, 1, 1);
      -ms-transform: scale3d(1, 1, 1);
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
      position: relative;
      top: 0;
      bottom: 0; }
    .article__vertical:hover .article--title, .article__vertical:focus .article--title {
      color: #fff !important; }
  .article__vertical .article--content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 0 5px 0; }
    .article__vertical .article--content:after {
      content: "";
      display: block;
      position: absolute;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      background-image: url(/images/static/decoration/Circle_2.png);
      background-repeat: no-repeat;
      background-size: 250%;
      background-position: 10% 50%;
      width: 100%;
      height: 100%;
      z-index: 1; }
    .article__vertical .article--content:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 100%;
      background: #EE334E;
      z-index: 1;
      -moz-transition: top 0.3s ease;
      -o-transition: top 0.3s ease;
      -ms-transition: top 0.3s ease;
      -webkit-transition: top 0.3s ease;
      transition: top 0.3s ease; }
  .article__vertical .article--summary {
    position: absolute;
    bottom: -100%;
    left: 0;
    right: 0;
    color: #fff;
    text-transform: none;
    font-size: 15px;
    font-size: 0.9375rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 20px;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(0.9, 0.9, 1);
    transform: scale3d(0.9, 0.9, 1);
    z-index: 2; }
    .ko .article__vertical .article--summary {
      font-size: 13px;
      font-size: 0.8125rem; }
    .ko .article__vertical .article--summary,
    .zh .article__vertical .article--summary {
      line-height: 22px; }
  .article__vertical .article--kind__info:before {
    background-color: #fff; }
  .article__vertical .article--info {
    display: table;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    font-size: 0.75rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 23px;
    z-index: 2;
    position: relative;
    color: #000;
    background-color: #fff;
    width: auto;
    padding: 4px 0 0; }
    .ko .article__vertical .article--info {
      font-size: 10px;
      font-size: 0.625rem; }
    .ko .article__vertical .article--info,
    .zh .article__vertical .article--info {
      line-height: 25px; }
  .article__vertical .article--date {
    color: #fff;
    background-color: #EE334E;
    display: table;
    z-index: 2;
    padding-top: 3px;
    position: relative;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 38px;
    font-size: 2.375rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 36px; }
    .ko .article__vertical .article--date {
      font-size: 36px;
      font-size: 2.25rem; }
    .ko .article__vertical .article--date,
    .zh .article__vertical .article--date {
      line-height: 38px; }
    .ja .article__vertical .article--date,
    .zh .article__vertical .article--date,
    .ko .article__vertical .article--date {
      font-size: 24px;
      font-size: 1.5rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 26px;
      padding-top: 6px; }
      .ko .ja .article__vertical .article--date, .ko
      .zh .article__vertical .article--date, .ko
      .ko .article__vertical .article--date {
        font-size: 22px;
        font-size: 1.375rem; }
      .ko .ja .article__vertical .article--date,
      .zh .ja .article__vertical .article--date, .ko
      .zh .article__vertical .article--date,
      .zh
      .zh .article__vertical .article--date, .ko
      .ko .article__vertical .article--date,
      .zh
      .ko .article__vertical .article--date {
        line-height: 28px; }
  .article__vertical .article--title {
    z-index: 2;
    position: relative;
    width: calc(100% - 1rem);
    font-size: 12px;
    font-size: 0.75rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 23px;
    font-weight: bold;
    font-family: "AktivGrotesk", Arial, Helvetica, sans-serif;
    margin-bottom: 0; }
    .article__vertical .article--title > span {
      -webkit-box-decoration-break: clone;
      -ms-box-decoration-break: clone;
      -o-box-decoration-break: clone;
      box-decoration-break: clone;
      display: inline;
      background: #000;
      color: #fff; }
    @media all and (-ms-high-contrast: none) {
      .article__vertical .article--title {
        /* IE10 */
        /* IE11 */ }
        .article__vertical .article--title span {
          background-color: #000;
          background-image: linear-gradient(to right, #000 0%, #000 100%); }
        .article__vertical .article--title *::-ms-backdrop, .article__vertical .article--title span {
          background-color: #000;
          background-image: linear-gradient(to right, #000 0%, #000 100%); } }
    .ko .article__vertical .article--title {
      font-size: 10px;
      font-size: 0.625rem; }
    .ko .article__vertical .article--title,
    .zh .article__vertical .article--title {
      line-height: 25px; }
    .article__vertical .article--title > span {
      padding: 7px 0 3px; }
  .article__vertical .article--partnership {
    background: #fff;
    color: #000;
    margin-left: -1rem;
    bottom: 5px;
    display: table;
    margin-top: .5rem;
    padding: 0 1rem; }
  .article__vertical .article--partnership-label {
    display: inline-block;
    vertical-align: middle;
    line-height: 40px; }
  .article__vertical .article--partnership-logo {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    margin-left: .5rem; }

.article__series {
  position: relative;
  text-transform: uppercase;
  width: 240px;
  height: 406px; }
  .article__series .article--img {
    margin: 0;
    position: relative; }
    .article__series .article--img > picture {
      line-height: 0;
      display: block; }
      .article__series .article--img > picture img {
        width: 100%;
        object-fit: cover; }
  .article__series .article--title {
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    color: #2d2d2d;
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
    .article__series .article--title > a {
      color: #2d2d2d;
      display: block;
      text-decoration: none; }
  .article__series .article--summary {
    color: #2d2d2d;
    display: block; }
  .article__series .article--kind {
    text-transform: uppercase;
    padding-right: 3px; }
    .article__series .article--kind + .article--kind__info {
      position: relative;
      padding-left: 5px;
      display: inline-block; }
      .article__series .article--kind + .article--kind__info:before {
        content: "";
        display: block;
        position: absolute;
        width: 1px;
        top: 0;
        left: 0;
        height: 100%;
        background-color: #0081C8; }
  .article__series .article--tags {
    text-transform: uppercase; }
    .article__series .article--tags .article--info {
      color: #878787; }
    .article__series .article--tags .list-item {
      display: inline-flex;
      color: #fff;
      display: block;
      background-color: #000;
      font-weight: bold;
      font-size: 12px;
      font-size: 0.75rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 16px;
      -moz-transition: background-color 0.3s ease;
      -o-transition: background-color 0.3s ease;
      -ms-transition: background-color 0.3s ease;
      -webkit-transition: background-color 0.3s ease;
      transition: background-color 0.3s ease;
      padding: .25rem .5rem; }
      .ko .article__series .article--tags .list-item {
        font-size: 10px;
        font-size: 0.625rem; }
      .ko .article__series .article--tags .list-item,
      .zh .article__series .article--tags .list-item {
        line-height: 18px; }
      .article__series .article--tags .list-item:hover, .article__series .article--tags .list-item:focus {
        color: #fff;
        background-color: #0081C8; }
      .article__series .article--tags .list-item > a, .article__series .article--tags .list-item span {
        color: #fff; }
  .article__series .icon-photogallery-icon {
    position: absolute;
    top: 50%;
    left: 50% /*rtl:ignore*/;
    -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
    transform: translate(-50%, -50%) /*rtl:ignore*/;
    border-radius: 100%;
    -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    line-height: 1;
    background-color: transparent;
    border: 5px solid #fff;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    z-index: 1;
    font-size: 45px;
    width: 45px;
    height: 45px;
    color: #fff;
    border-width: 3px; }
    .article__series .icon-photogallery-icon:before {
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      margin-left: 0 /*rtl:ignore*/; }
    .article__series .icon-photogallery-icon:hover, .article__series .icon-photogallery-icon:focus {
      border-color: #EE334E;
      background-color: #EE334E;
      color: #fff; }
    .article__series .icon-photogallery-icon:before {
      font-size: 18.75px; }
  .article__series .icon-play-button, .article__series .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .article__series .icon-play {
    position: absolute;
    top: 50%;
    left: 50% /*rtl:ignore*/;
    -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
    transform: translate(-50%, -50%) /*rtl:ignore*/;
    border-radius: 100%;
    -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    line-height: 1;
    background-color: transparent;
    border: 5px solid #fff;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    z-index: 1;
    font-size: 45px;
    width: 45px;
    height: 45px;
    color: #fff;
    border-width: 3px; }
    .article__series .icon-play-button:before, .article__series .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .article__series .icon-play:before {
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      margin-left: 2px /*rtl:ignore*/; }
    .article__series .icon-play-button:hover, .article__series .countdown--overlay .countdown--icon .icon-play:hover, .countdown--overlay .countdown--icon .article__series .icon-play:hover, .article__series .icon-play-button:focus, .article__series .countdown--overlay .countdown--icon .icon-play:focus, .countdown--overlay .countdown--icon .article__series .icon-play:focus {
      border-color: #EE334E;
      background-color: #EE334E;
      color: #fff; }
    .article__series .icon-play-button:before, .article__series .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .article__series .icon-play:before {
      font-size: 18.75px; }
  .article__series .icon-z-podcast-icon {
    position: absolute;
    top: 50%;
    left: 50% /*rtl:ignore*/;
    -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
    transform: translate(-50%, -50%) /*rtl:ignore*/;
    border-radius: 100%;
    -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    line-height: 1;
    background-color: transparent;
    border: 5px solid #fff;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    z-index: 1;
    font-size: 45px;
    width: 45px;
    height: 45px;
    color: #fff;
    border-width: 3px; }
    .article__series .icon-z-podcast-icon:before {
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      margin-left: 2px /*rtl:ignore*/; }
    .article__series .icon-z-podcast-icon:hover, .article__series .icon-z-podcast-icon:focus {
      border-color: #EE334E;
      background-color: #EE334E;
      color: #fff; }
    .article__series .icon-z-podcast-icon:before {
      font-size: 18.75px; }
  .article__series .article--info {
    font-weight: bold;
    font-size: 13px;
    font-size: 0.8125rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 15px;
    margin: 5px 0; }
    .ko .article__series .article--info {
      font-size: 11px;
      font-size: 0.6875rem; }
    .ko .article__series .article--info,
    .zh .article__series .article--info {
      line-height: 17px; }
  .article__series:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: linear-gradient(to bottom, transparent 80%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    -moz-transition: background 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out;
    -webkit-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
    border: none !important; }
  .article__series:hover, .article__series:focus {
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .article__series:hover .article--content, .article__series:focus .article--content {
      padding-bottom: 1rem;
      bottom: 0; }
      .article__series:hover .article--content:before, .article__series:focus .article--content:before {
        -moz-transition: top 0.2s ease-in-out;
        -o-transition: top 0.2s ease-in-out;
        -ms-transition: top 0.2s ease-in-out;
        -webkit-transition: top 0.2s ease-in-out;
        transition: top 0.2s ease-in-out;
        top: 0; }
      .article__series:hover .article--content:after, .article__series:focus .article--content:after {
        -moz-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        -ms-transition: opacity 0.3s ease-in-out;
        -webkit-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
        transition-delay: .2s;
        opacity: .1; }
    .article__series:hover .article--title,
    .article__series:hover .article--summary, .article__series:focus .article--title,
    .article__series:focus .article--summary {
      opacity: 1;
      -moz-transform: scale3d(1, 1, 1);
      -o-transform: scale3d(1, 1, 1);
      -ms-transform: scale3d(1, 1, 1);
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
      position: relative;
      top: 0;
      bottom: 0;
      color: #fff !important;
      text-decoration: none; }
  .article__series .icon-favorite {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 5; }
    .article__series .icon-favorite:not(.active) {
      opacity: .85; }
    .article__series .icon-favorite:not(.active) {
      background-color: #fff; }
  .article__series .article--content {
    position: absolute;
    color: #fff;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    -moz-transition: top 0.3s ease-in-out;
    -o-transition: top 0.3s ease-in-out;
    -ms-transition: top 0.3s ease-in-out;
    -webkit-transition: top 0.3s ease-in-out;
    transition: top 0.3s ease-in-out; }
    .article__series .article--content a {
      text-decoration: none; }
    .article__series .article--content:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 100%;
      background: #0081C8;
      z-index: 1;
      -moz-transition: top 0.3s ease-in-out;
      -o-transition: top 0.3s ease-in-out;
      -ms-transition: top 0.3s ease-in-out;
      -webkit-transition: top 0.3s ease-in-out;
      transition: top 0.3s ease-in-out; }
    .article__series .article--content:after {
      content: "";
      display: block;
      position: absolute;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      background-image: url(/images/static/decoration/Circle_2.png);
      background-repeat: no-repeat;
      background-size: 250%;
      background-position: 90% 50%;
      width: 100%;
      height: 100%;
      z-index: 1;
      -moz-transition: opacity 0.3s ease-in-out;
      -o-transition: opacity 0.3s ease-in-out;
      -ms-transition: opacity 0.3s ease-in-out;
      -webkit-transition: opacity 0.3s ease-in-out;
      transition: opacity 0.3s ease-in-out; }
  .article__series .article--summary {
    position: absolute;
    bottom: -100%;
    left: 0;
    right: 0;
    color: #fff;
    text-transform: none;
    font-size: 15px;
    font-size: 0.9375rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 20px;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;
    -moz-transform: scale3d(0.9, 0.9, 1);
    -o-transform: scale3d(0.9, 0.9, 1);
    -ms-transform: scale3d(0.9, 0.9, 1);
    -webkit-transform: scale3d(0.9, 0.9, 1);
    transform: scale3d(0.9, 0.9, 1);
    z-index: 2; }
    .ko .article__series .article--summary {
      font-size: 13px;
      font-size: 0.8125rem; }
    .ko .article__series .article--summary,
    .zh .article__series .article--summary {
      line-height: 22px; }
  .article__series .article--title {
    color: #fff;
    font-weight: bold;
    font-size: 36px;
    font-size: 2.25rem;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 36px;
    position: absolute;
    bottom: -100%;
    margin: 0 0 .25rem 0;
    z-index: 2;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;
    -moz-transform: scale3d(0.9, 0.9, 1);
    -o-transform: scale3d(0.9, 0.9, 1);
    -ms-transform: scale3d(0.9, 0.9, 1);
    -webkit-transform: scale3d(0.9, 0.9, 1);
    transform: scale3d(0.9, 0.9, 1); }
    .ko .article__series .article--title {
      font-size: 34px;
      font-size: 2.125rem; }
    .ko .article__series .article--title,
    .zh .article__series .article--title {
      line-height: 38px; }
  .article__series .article--info {
    color: #fff;
    font-weight: normal;
    font-size: 20px;
    font-size: 1.25rem;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 25px;
    position: relative;
    z-index: 2; }
    .ko .article__series .article--info {
      font-size: 18px;
      font-size: 1.125rem; }
    .ko .article__series .article--info,
    .zh .article__series .article--info {
      line-height: 27px; }

.article__series-small {
  background-color: #fff; }
  .article__series-small .article--wrapper {
    text-decoration: none; }
  @media (min-width: 1200px) {
    .article__series-small .article--title {
      font-size: 24px;
      font-size: 1.5rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 28px;
      max-height: 56px; }
      .ko .article__series-small .article--title {
        font-size: 22px;
        font-size: 1.375rem; }
      .ko .article__series-small .article--title,
      .zh .article__series-small .article--title {
        line-height: 30px; } }
  @media (min-width: 1200px) {
    .article__series-small .article--content {
      margin: 0 5px; } }
  .article__series-small .article--img {
    width: 120px; }
    @media (min-width: 1200px) {
      .article__series-small .article--img {
        width: 140px; } }

.article__breaking:before {
  border: 3px solid #FCB131 !important;
  z-index: 1 !important; }

.article__featured-disc .article--img__disc {
  width: 63px;
  height: 63px;
  background: #fff;
  position: absolute;
  display: block;
  top: 0;
  left: 0; }

.article__featured-disc .article--content {
  position: relative;
  margin-top: -50px; }
  @media (min-width: 768px) {
    .article__featured-disc .article--content {
      position: absolute;
      top: 50%;
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      left: 10%;
      margin: 0; } }

.article__featured-disc .btn {
  width: 100%; }
  @media (min-width: 768px) {
    .article__featured-disc .btn {
      width: auto; } }

.article__featured-disc .article--title {
  font-size: 34px;
  font-size: 2.125rem;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 36px;
  text-transform: uppercase;
  font-weight: bold; }
  .article__featured-disc .article--title > span {
    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
    display: inline;
    background: #06466D;
    color: #fff; }
  @media all and (-ms-high-contrast: none) {
    .article__featured-disc .article--title {
      /* IE10 */
      /* IE11 */ }
      .article__featured-disc .article--title span {
        background-color: #06466D;
        background-image: linear-gradient(to right, #06466D 0%, #06466D 100%); }
      .article__featured-disc .article--title *::-ms-backdrop, .article__featured-disc .article--title span {
        background-color: #06466D;
        background-image: linear-gradient(to right, #06466D 0%, #06466D 100%); } }
  .ko .article__featured-disc .article--title {
    font-size: 32px;
    font-size: 2rem; }
  .ko .article__featured-disc .article--title,
  .zh .article__featured-disc .article--title {
    line-height: 38px; }
  @media (min-width: 768px) {
    .article__featured-disc .article--title {
      font-size: 54px;
      font-size: 3.375rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 56px; }
      .ko .article__featured-disc .article--title {
        font-size: 52px;
        font-size: 3.25rem; }
      .ko .article__featured-disc .article--title,
      .zh .article__featured-disc .article--title {
        line-height: 58px; } }

.article-page .article--content .article--options-wrap, .article-page__video .article--content .article--options-wrap, .article-page__story .article--content .article--options-wrap {
  clear: both; }
  .article-page .article--content .article--options-wrap reactor, .article-page__video .article--content .article--options-wrap reactor, .article-page__story .article--content .article--options-wrap reactor {
    display: inline-block; }
  .article-page .article--content .article--options-wrap .icon:not(.active), .article-page__video .article--content .article--options-wrap .icon:not(.active), .article-page__story .article--content .article--options-wrap .icon:not(.active) {
    background-color: rgba(0, 0, 0, 0.5);
    border-color: #fff; }

.article-page .article--content .article--options, .article-page__video .article--content .article--options, .article-page__story .article--content .article--options {
  position: relative; }
  .article-page .article--content .article--options > div, .article-page__video .article--content .article--options > div, .article-page__story .article--content .article--options > div {
    position: absolute;
    left: 50% /*rtl:ignore*/;
    -moz-transform: translateX(-50%) /*rtl:ignore*/;
    -o-transform: translateX(-50%) /*rtl:ignore*/;
    -ms-transform: translateX(-50%) /*rtl:ignore*/;
    -webkit-transform: translateX(-50%) /*rtl:ignore*/;
    transform: translateX(-50%) /*rtl:ignore*/; }
  .article-page .article--content .article--options .icon, .article-page__video .article--content .article--options .icon, .article-page__story .article--content .article--options .icon {
    width: 40px;
    height: 40px;
    color: #fff;
    box-sizing: border-box;
    opacity: 1; }
    .article-page .article--content .article--options .icon.icon-share, .article-page__video .article--content .article--options .icon.icon-share, .article-page__story .article--content .article--options .icon.icon-share {
      font-size: 27px;
      font-size: 1.6875rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 31px;
      -moz-transition: border-color, background-color 0.3s ease-in-out;
      -o-transition: border-color, background-color 0.3s ease-in-out;
      -ms-transition: border-color, background-color 0.3s ease-in-out;
      -webkit-transition: border-color, background-color 0.3s ease-in-out;
      transition: border-color, background-color 0.3s ease-in-out;
      outline: none; }
      .ko .article-page .article--content .article--options .icon.icon-share, .ko .article-page__video .article--content .article--options .icon.icon-share, .ko .article-page__story .article--content .article--options .icon.icon-share {
        font-size: 25px;
        font-size: 1.5625rem; }
      .ko .article-page .article--content .article--options .icon.icon-share, .ko .article-page__video .article--content .article--options .icon.icon-share, .ko .article-page__story .article--content .article--options .icon.icon-share,
      .zh .article-page .article--content .article--options .icon.icon-share,
      .zh .article-page__video .article--content .article--options .icon.icon-share,
      .zh .article-page__story .article--content .article--options .icon.icon-share {
        line-height: 33px; }
    @media (min-width: 768px) {
      .article-page .article--content .article--options .icon, .article-page__video .article--content .article--options .icon, .article-page__story .article--content .article--options .icon {
        font-size: 23px;
        font-size: 1.4375rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 27px;
        width: 50px;
        height: 50px;
        border-width: 3px; }
        .ko .article-page .article--content .article--options .icon, .ko .article-page__video .article--content .article--options .icon, .ko .article-page__story .article--content .article--options .icon {
          font-size: 21px;
          font-size: 1.3125rem; }
        .ko .article-page .article--content .article--options .icon, .ko .article-page__video .article--content .article--options .icon, .ko .article-page__story .article--content .article--options .icon,
        .zh .article-page .article--content .article--options .icon,
        .zh .article-page__video .article--content .article--options .icon,
        .zh .article-page__story .article--content .article--options .icon {
          line-height: 29px; }
        .article-page .article--content .article--options .icon.icon-share, .article-page__video .article--content .article--options .icon.icon-share, .article-page__story .article--content .article--options .icon.icon-share {
          font-size: 31px;
          font-size: 1.9375rem;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 35px; }
          .ko .article-page .article--content .article--options .icon.icon-share, .ko .article-page__video .article--content .article--options .icon.icon-share, .ko .article-page__story .article--content .article--options .icon.icon-share {
            font-size: 29px;
            font-size: 1.8125rem; }
          .ko .article-page .article--content .article--options .icon.icon-share, .ko .article-page__video .article--content .article--options .icon.icon-share, .ko .article-page__story .article--content .article--options .icon.icon-share,
          .zh .article-page .article--content .article--options .icon.icon-share,
          .zh .article-page__video .article--content .article--options .icon.icon-share,
          .zh .article-page__story .article--content .article--options .icon.icon-share {
            line-height: 37px; } }
  .article-page .article--content .article--options .icon-favorite, .article-page__video .article--content .article--options .icon-favorite, .article-page__story .article--content .article--options .icon-favorite {
    -moz-transition: border-color, background-color 0.3s ease-in-out;
    -o-transition: border-color, background-color 0.3s ease-in-out;
    -ms-transition: border-color, background-color 0.3s ease-in-out;
    -webkit-transition: border-color, background-color 0.3s ease-in-out;
    transition: border-color, background-color 0.3s ease-in-out;
    outline: none; }
    .article-page .article--content .article--options .icon-favorite.active, .article-page__video .article--content .article--options .icon-favorite.active, .article-page__story .article--content .article--options .icon-favorite.active {
      background-color: #EE334E;
      border-color: #EE334E; }
  .article-page .article--content .article--options .social-icons-container, .article-page__video .article--content .article--options .social-icons-container, .article-page__story .article--content .article--options .social-icons-container {
    vertical-align: top;
    margin: 0 5px;
    background-color: #fff;
    height: 40px;
    display: inline-block;
    border-radius: 20px;
    padding: 2px;
    position: absolute;
    width: 196px;
    right: calc(50% + 44px);
    z-index: 20; }
    @media (min-width: 768px) {
      .article-page .article--content .article--options .social-icons-container, .article-page__video .article--content .article--options .social-icons-container, .article-page__story .article--content .article--options .social-icons-container {
        border-radius: 25px;
        padding: 5px;
        height: 50px;
        right: calc(50% + 60px);
        width: 222px; } }
    .article-page .article--content .article--options .social-icons-container .social-button, .article-page__video .article--content .article--options .social-icons-container .social-button, .article-page__story .article--content .article--options .social-icons-container .social-button {
      display: inline-block;
      padding: 0;
      margin: 0;
      height: 36px;
      width: 36px; }
      @media (min-width: 768px) {
        .article-page .article--content .article--options .social-icons-container .social-button, .article-page__video .article--content .article--options .social-icons-container .social-button, .article-page__story .article--content .article--options .social-icons-container .social-button {
          height: 40px;
          width: 40px; } }
      .article-page .article--content .article--options .social-icons-container .social-button:not(:first-child), .article-page__video .article--content .article--options .social-icons-container .social-button:not(:first-child), .article-page__story .article--content .article--options .social-icons-container .social-button:not(:first-child) {
        margin-left: 3px; }
      .article-page .article--content .article--options .social-icons-container .social-button svg, .article-page__video .article--content .article--options .social-icons-container .social-button svg, .article-page__story .article--content .article--options .social-icons-container .social-button svg {
        height: 36px;
        width: 36px; }
        .article-page .article--content .article--options .social-icons-container .social-button svg path, .article-page__video .article--content .article--options .social-icons-container .social-button svg path, .article-page__story .article--content .article--options .social-icons-container .social-button svg path {
          -moz-transition: fill 0.3s ease-in-out;
          -o-transition: fill 0.3s ease-in-out;
          -ms-transition: fill 0.3s ease-in-out;
          -webkit-transition: fill 0.3s ease-in-out;
          transition: fill 0.3s ease-in-out; }
        .article-page .article--content .article--options .social-icons-container .social-button svg:hover path:not(:first-child), .article-page__video .article--content .article--options .social-icons-container .social-button svg:hover path:not(:first-child), .article-page__story .article--content .article--options .social-icons-container .social-button svg:hover path:not(:first-child), .article-page .article--content .article--options .social-icons-container .social-button svg:focus path:not(:first-child), .article-page__video .article--content .article--options .social-icons-container .social-button svg:focus path:not(:first-child), .article-page__story .article--content .article--options .social-icons-container .social-button svg:focus path:not(:first-child) {
          fill: #fff !important; }
        .article-page .article--content .article--options .social-icons-container .social-button svg:hover path:first-child, .article-page__video .article--content .article--options .social-icons-container .social-button svg:hover path:first-child, .article-page__story .article--content .article--options .social-icons-container .social-button svg:hover path:first-child, .article-page .article--content .article--options .social-icons-container .social-button svg:focus path:first-child, .article-page__video .article--content .article--options .social-icons-container .social-button svg:focus path:first-child, .article-page__story .article--content .article--options .social-icons-container .social-button svg:focus path:first-child {
          fill: #2d2d2d;
          stroke: #2d2d2d; }
        @media (min-width: 768px) {
          .article-page .article--content .article--options .social-icons-container .social-button svg, .article-page__video .article--content .article--options .social-icons-container .social-button svg, .article-page__story .article--content .article--options .social-icons-container .social-button svg {
            height: auto;
            width: auto; } }
        .article-page .article--content .article--options .social-icons-container .social-button svg.sharing-panel--icon__facebook path:not(:first-child), .article-page__video .article--content .article--options .social-icons-container .social-button svg.sharing-panel--icon__facebook path:not(:first-child), .article-page__story .article--content .article--options .social-icons-container .social-button svg.sharing-panel--icon__facebook path:not(:first-child) {
          fill: #3b5998; }
        .article-page .article--content .article--options .social-icons-container .social-button svg.sharing-panel--icon__facebook:hover path:first-child, .article-page__video .article--content .article--options .social-icons-container .social-button svg.sharing-panel--icon__facebook:hover path:first-child, .article-page__story .article--content .article--options .social-icons-container .social-button svg.sharing-panel--icon__facebook:hover path:first-child, .article-page .article--content .article--options .social-icons-container .social-button svg.sharing-panel--icon__facebook:focus path:first-child, .article-page__video .article--content .article--options .social-icons-container .social-button svg.sharing-panel--icon__facebook:focus path:first-child, .article-page__story .article--content .article--options .social-icons-container .social-button svg.sharing-panel--icon__facebook:focus path:first-child {
          fill: #3b5998;
          stroke: #3b5998; }
        .article-page .article--content .article--options .social-icons-container .social-button svg.sharing-panel--icon__twitter:hover path:first-child, .article-page__video .article--content .article--options .social-icons-container .social-button svg.sharing-panel--icon__twitter:hover path:first-child, .article-page__story .article--content .article--options .social-icons-container .social-button svg.sharing-panel--icon__twitter:hover path:first-child, .article-page .article--content .article--options .social-icons-container .social-button svg.sharing-panel--icon__twitter:focus path:first-child, .article-page__video .article--content .article--options .social-icons-container .social-button svg.sharing-panel--icon__twitter:focus path:first-child, .article-page__story .article--content .article--options .social-icons-container .social-button svg.sharing-panel--icon__twitter:focus path:first-child {
          fill: #1da1f2;
          stroke: #1da1f2; }
        .article-page .article--content .article--options .social-icons-container .social-button svg.sharing-panel--icon__twitter path:not(:first-child), .article-page__video .article--content .article--options .social-icons-container .social-button svg.sharing-panel--icon__twitter path:not(:first-child), .article-page__story .article--content .article--options .social-icons-container .social-button svg.sharing-panel--icon__twitter path:not(:first-child) {
          fill: #1da1f2; }
        .article-page .article--content .article--options .social-icons-container .social-button svg.sharing-panel--icon__vk path:not(:first-child), .article-page__video .article--content .article--options .social-icons-container .social-button svg.sharing-panel--icon__vk path:not(:first-child), .article-page__story .article--content .article--options .social-icons-container .social-button svg.sharing-panel--icon__vk path:not(:first-child) {
          fill: #6383a8; }
        .article-page .article--content .article--options .social-icons-container .social-button svg.sharing-panel--icon__vk:hover path:first-child, .article-page__video .article--content .article--options .social-icons-container .social-button svg.sharing-panel--icon__vk:hover path:first-child, .article-page__story .article--content .article--options .social-icons-container .social-button svg.sharing-panel--icon__vk:hover path:first-child, .article-page .article--content .article--options .social-icons-container .social-button svg.sharing-panel--icon__vk:focus path:first-child, .article-page__video .article--content .article--options .social-icons-container .social-button svg.sharing-panel--icon__vk:focus path:first-child, .article-page__story .article--content .article--options .social-icons-container .social-button svg.sharing-panel--icon__vk:focus path:first-child {
          fill: #6383a8;
          stroke: #6383a8; }
        .article-page .article--content .article--options .social-icons-container .social-button svg.sharing-panel--icon__wechat path:not(:first-child), .article-page__video .article--content .article--options .social-icons-container .social-button svg.sharing-panel--icon__wechat path:not(:first-child), .article-page__story .article--content .article--options .social-icons-container .social-button svg.sharing-panel--icon__wechat path:not(:first-child) {
          fill: #2dc100; }
        .article-page .article--content .article--options .social-icons-container .social-button svg.sharing-panel--icon__wechat:hover path:first-child, .article-page__video .article--content .article--options .social-icons-container .social-button svg.sharing-panel--icon__wechat:hover path:first-child, .article-page__story .article--content .article--options .social-icons-container .social-button svg.sharing-panel--icon__wechat:hover path:first-child, .article-page .article--content .article--options .social-icons-container .social-button svg.sharing-panel--icon__wechat:focus path:first-child, .article-page__video .article--content .article--options .social-icons-container .social-button svg.sharing-panel--icon__wechat:focus path:first-child, .article-page__story .article--content .article--options .social-icons-container .social-button svg.sharing-panel--icon__wechat:focus path:first-child {
          fill: #2dc100;
          stroke: #2dc100; }
  .article-page .article--content .article--options .social-icons-container, .article-page__video .article--content .article--options .social-icons-container, .article-page__story .article--content .article--options .social-icons-container {
    position: absolute;
    left: 50% /*rtl:ignore*/;
    -moz-transform: translateX(-50%) /*rtl:ignore*/;
    -o-transform: translateX(-50%) /*rtl:ignore*/;
    -ms-transform: translateX(-50%) /*rtl:ignore*/;
    -webkit-transform: translateX(-50%) /*rtl:ignore*/;
    transform: translateX(-50%) /*rtl:ignore*/;
    bottom: -40px; }
    @media (min-width: 992px) {
      .article-page .article--content .article--options .social-icons-container, .article-page__video .article--content .article--options .social-icons-container, .article-page__story .article--content .article--options .social-icons-container {
        bottom: -5px; }
        .article-page .article--content .article--options .social-icons-container .social-button, .article-page__video .article--content .article--options .social-icons-container .social-button, .article-page__story .article--content .article--options .social-icons-container .social-button {
          width: 40px; } }
  .article-page .article--content .article--options .article--options-label, .article-page__video .article--content .article--options .article--options-label, .article-page__story .article--content .article--options .article--options-label {
    font-size: 28px;
    font-size: 1.75rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 30px; }
    .ko .article-page .article--content .article--options .article--options-label, .ko .article-page__video .article--content .article--options .article--options-label, .ko .article-page__story .article--content .article--options .article--options-label {
      font-size: 26px;
      font-size: 1.625rem; }
    .ko .article-page .article--content .article--options .article--options-label, .ko .article-page__video .article--content .article--options .article--options-label, .ko .article-page__story .article--content .article--options .article--options-label,
    .zh .article-page .article--content .article--options .article--options-label,
    .zh .article-page__video .article--content .article--options .article--options-label,
    .zh .article-page__story .article--content .article--options .article--options-label {
      line-height: 32px; }

.oopadv .article-page .article--content .article--body, .oopadv .article-page__video .article--content .article--body, .oopadv .article-page__story .article--content .article--body {
  background: #fff;
  padding: 10px; }

.article-page .article--content .article--body h3, .article-page__video .article--content .article--body h3, .article-page__story .article--content .article--body h3, .article-page .article--content .article--body h4, .article-page__video .article--content .article--body h4, .article-page__story .article--content .article--body h4, .article-page .article--content .article--body h5, .article-page__video .article--content .article--body h5, .article-page__story .article--content .article--body h5 {
  color: #000;
  font-weight: bold;
  margin-top: 2rem; }

.article-page .article--content .article--body h2, .article-page__video .article--content .article--body h2, .article-page__story .article--content .article--body h2 {
  font-size: 36px;
  font-size: 2.25rem;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 40px;
  color: #000;
  font-weight: normal;
  margin-top: 2rem; }
  .ko .article-page .article--content .article--body h2, .ko .article-page__video .article--content .article--body h2, .ko .article-page__story .article--content .article--body h2 {
    font-size: 34px;
    font-size: 2.125rem; }
  .ko .article-page .article--content .article--body h2, .ko .article-page__video .article--content .article--body h2, .ko .article-page__story .article--content .article--body h2,
  .zh .article-page .article--content .article--body h2,
  .zh .article-page__video .article--content .article--body h2,
  .zh .article-page__story .article--content .article--body h2 {
    line-height: 42px; }
  @media (min-width: 568px) {
    .article-page .article--content .article--body h2, .article-page__video .article--content .article--body h2, .article-page__story .article--content .article--body h2 {
      font-size: 38px;
      font-size: 2.375rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 44px;
      margin-top: 3rem; }
      .ko .article-page .article--content .article--body h2, .ko .article-page__video .article--content .article--body h2, .ko .article-page__story .article--content .article--body h2 {
        font-size: 36px;
        font-size: 2.25rem; }
      .ko .article-page .article--content .article--body h2, .ko .article-page__video .article--content .article--body h2, .ko .article-page__story .article--content .article--body h2,
      .zh .article-page .article--content .article--body h2,
      .zh .article-page__video .article--content .article--body h2,
      .zh .article-page__story .article--content .article--body h2 {
        line-height: 46px; } }

.article-page .article--content .article--body h3, .article-page__video .article--content .article--body h3, .article-page__story .article--content .article--body h3 {
  font-size: 26px;
  font-size: 1.625rem;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 32px; }
  .ko .article-page .article--content .article--body h3, .ko .article-page__video .article--content .article--body h3, .ko .article-page__story .article--content .article--body h3 {
    font-size: 24px;
    font-size: 1.5rem; }
  .ko .article-page .article--content .article--body h3, .ko .article-page__video .article--content .article--body h3, .ko .article-page__story .article--content .article--body h3,
  .zh .article-page .article--content .article--body h3,
  .zh .article-page__video .article--content .article--body h3,
  .zh .article-page__story .article--content .article--body h3 {
    line-height: 34px; }
  @media (min-width: 568px) {
    .article-page .article--content .article--body h3, .article-page__video .article--content .article--body h3, .article-page__story .article--content .article--body h3 {
      font-size: 28px;
      font-size: 1.75rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 34px; }
      .ko .article-page .article--content .article--body h3, .ko .article-page__video .article--content .article--body h3, .ko .article-page__story .article--content .article--body h3 {
        font-size: 26px;
        font-size: 1.625rem; }
      .ko .article-page .article--content .article--body h3, .ko .article-page__video .article--content .article--body h3, .ko .article-page__story .article--content .article--body h3,
      .zh .article-page .article--content .article--body h3,
      .zh .article-page__video .article--content .article--body h3,
      .zh .article-page__story .article--content .article--body h3 {
        line-height: 36px; } }

.article-page .article--content .article--body h4, .article-page__video .article--content .article--body h4, .article-page__story .article--content .article--body h4, .article-page .article--content .article--body h5, .article-page__video .article--content .article--body h5, .article-page__story .article--content .article--body h5 {
  font-size: 20px;
  font-size: 1.25rem;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 22px; }
  .ko .article-page .article--content .article--body h4, .ko .article-page__video .article--content .article--body h4, .ko .article-page__story .article--content .article--body h4, .ko .article-page .article--content .article--body h5, .ko .article-page__video .article--content .article--body h5, .ko .article-page__story .article--content .article--body h5 {
    font-size: 18px;
    font-size: 1.125rem; }
  .ko .article-page .article--content .article--body h4, .ko .article-page__video .article--content .article--body h4, .ko .article-page__story .article--content .article--body h4,
  .zh .article-page .article--content .article--body h4,
  .zh .article-page__video .article--content .article--body h4,
  .zh .article-page__story .article--content .article--body h4, .ko .article-page .article--content .article--body h5, .ko .article-page__video .article--content .article--body h5, .ko .article-page__story .article--content .article--body h5,
  .zh .article-page .article--content .article--body h5,
  .zh .article-page__video .article--content .article--body h5,
  .zh .article-page__story .article--content .article--body h5 {
    line-height: 24px; }

.article-page .article--content .article--body p, .article-page__video .article--content .article--body p, .article-page__story .article--content .article--body p {
  margin-bottom: .5rem;
  text-align: justify; }
  .article-page .article--content .article--body p a, .article-page__video .article--content .article--body p a, .article-page__story .article--content .article--body p a {
    text-decoration: underline; }

.article-page .article--content .article--body ul, .article-page__video .article--content .article--body ul, .article-page__story .article--content .article--body ul, .article-page .article--content .article--body ol, .article-page__video .article--content .article--body ol, .article-page__story .article--content .article--body ol {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.article-page .article--content .article--body .article--embed, .article-page__video .article--content .article--body .article--embed, .article-page__story .article--content .article--body .article--embed {
  margin: 20px 0;
  clear: both;
  min-width: 300px; }
  .article-page .article--content .article--body .article--embed .article__base > a, .article-page__video .article--content .article--body .article--embed .article__base > a, .article-page__story .article--content .article--body .article--embed .article__base > a {
    text-decoration: none; }
  @media (min-width: 768px) {
    .article-page .article--content .article--body .article--embed, .article-page__video .article--content .article--body .article--embed, .article-page__story .article--content .article--body .article--embed {
      margin: 30px 0; } }
  .article-page .article--content .article--body .article--embed.embed__right, .article-page__video .article--content .article--body .article--embed.embed__right, .article-page__story .article--content .article--body .article--embed.embed__right {
    clear: right;
    margin-top: 0; }
    @media (min-width: 768px) {
      .article-page .article--content .article--body .article--embed.embed__right, .article-page__video .article--content .article--body .article--embed.embed__right, .article-page__story .article--content .article--body .article--embed.embed__right {
        width: 50%;
        float: right;
        margin: 10px 0 10px 20px; } }
  .article-page .article--content .article--body .article--embed.embed__left, .article-page__video .article--content .article--body .article--embed.embed__left, .article-page__story .article--content .article--body .article--embed.embed__left {
    clear: left;
    margin-top: 0; }
    @media (min-width: 768px) {
      .article-page .article--content .article--body .article--embed.embed__left, .article-page__video .article--content .article--body .article--embed.embed__left, .article-page__story .article--content .article--body .article--embed.embed__left {
        width: 50%;
        margin-right: 20px;
        float: left; } }
  .article-page .article--content .article--body .article--embed.article--embed__photo, .article-page__video .article--content .article--body .article--embed.article--embed__photo, .article-page__story .article--content .article--body .article--embed.article--embed__photo {
    position: relative; }
    .article-page .article--content .article--body .article--embed.article--embed__photo:before, .article-page__video .article--content .article--body .article--embed.article--embed__photo:before, .article-page__story .article--content .article--body .article--embed.article--embed__photo:before {
      content: "";
      display: block;
      position: absolute;
      bottom: -1px;
      left: -1px;
      right: -1px;
      top: -1px;
      border: 1px solid rgba(173, 181, 189, 0.5);
      display: block; }
    .article-page .article--content .article--body .article--embed.article--embed__photo .photo--title, .article-page__video .article--content .article--body .article--embed.article--embed__photo .photo--title, .article-page__story .article--content .article--body .article--embed.article--embed__photo .photo--title {
      padding: 20px 10px;
      text-transform: uppercase;
      font-size: 20px;
      font-size: 1.25rem;
      font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 20px; }
      .ko .article-page .article--content .article--body .article--embed.article--embed__photo .photo--title, .ko .article-page__video .article--content .article--body .article--embed.article--embed__photo .photo--title, .ko .article-page__story .article--content .article--body .article--embed.article--embed__photo .photo--title {
        font-size: 18px;
        font-size: 1.125rem; }
      .ko .article-page .article--content .article--body .article--embed.article--embed__photo .photo--title, .ko .article-page__video .article--content .article--body .article--embed.article--embed__photo .photo--title, .ko .article-page__story .article--content .article--body .article--embed.article--embed__photo .photo--title,
      .zh .article-page .article--content .article--body .article--embed.article--embed__photo .photo--title,
      .zh .article-page__video .article--content .article--body .article--embed.article--embed__photo .photo--title,
      .zh .article-page__story .article--content .article--body .article--embed.article--embed__photo .photo--title {
        line-height: 22px; }
      @media (min-width: 568px) {
        .article-page .article--content .article--body .article--embed.article--embed__photo .photo--title, .article-page__video .article--content .article--body .article--embed.article--embed__photo .photo--title, .article-page__story .article--content .article--body .article--embed.article--embed__photo .photo--title {
          font-size: 20px;
          font-size: 1.25rem;
          font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 20px; }
          .ko .article-page .article--content .article--body .article--embed.article--embed__photo .photo--title, .ko .article-page__video .article--content .article--body .article--embed.article--embed__photo .photo--title, .ko .article-page__story .article--content .article--body .article--embed.article--embed__photo .photo--title {
            font-size: 18px;
            font-size: 1.125rem; }
          .ko .article-page .article--content .article--body .article--embed.article--embed__photo .photo--title, .ko .article-page__video .article--content .article--body .article--embed.article--embed__photo .photo--title, .ko .article-page__story .article--content .article--body .article--embed.article--embed__photo .photo--title,
          .zh .article-page .article--content .article--body .article--embed.article--embed__photo .photo--title,
          .zh .article-page__video .article--content .article--body .article--embed.article--embed__photo .photo--title,
          .zh .article-page__story .article--content .article--body .article--embed.article--embed__photo .photo--title {
            line-height: 22px; } }
      @media (min-width: 768px) {
        .article-page .article--content .article--body .article--embed.article--embed__photo .photo--title, .article-page__video .article--content .article--body .article--embed.article--embed__photo .photo--title, .article-page__story .article--content .article--body .article--embed.article--embed__photo .photo--title {
          padding: 20px; } }
      @media (min-width: 992px) {
        .article-page .article--content .article--body .article--embed.article--embed__photo .photo--title, .article-page__video .article--content .article--body .article--embed.article--embed__photo .photo--title, .article-page__story .article--content .article--body .article--embed.article--embed__photo .photo--title {
          padding: 20px 25px; } }
    .article-page .article--content .article--body .article--embed.article--embed__photo .photo--desc, .article-page__video .article--content .article--body .article--embed.article--embed__photo .photo--desc, .article-page__story .article--content .article--body .article--embed.article--embed__photo .photo--desc {
      display: none;
      text-transform: none;
      margin-top: 3px; }
  .article-page .article--content .article--body .article--embed.article--embed__photogallery, .article-page__video .article--content .article--body .article--embed.article--embed__photogallery, .article-page__story .article--content .article--body .article--embed.article--embed__photogallery {
    width: 100%;
    display: inline-block;
    margin: 25px 0; }
  .article-page .article--content .article--body .article--embed.article--embed__athlete .medal-bar, .article-page__video .article--content .article--body .article--embed.article--embed__athlete .medal-bar, .article-page__story .article--content .article--body .article--embed.article--embed__athlete .medal-bar {
    width: 30px;
    margin-left: 10px; }
  .article-page .article--content .article--body .article--embed.article--embed__oembed.youtube .article--embed__oembed--wrap, .article-page__video .article--content .article--body .article--embed.article--embed__oembed.youtube .article--embed__oembed--wrap, .article-page__story .article--content .article--body .article--embed.article--embed__oembed.youtube .article--embed__oembed--wrap {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    position: relative; }
    .article-page .article--content .article--body .article--embed.article--embed__oembed.youtube .article--embed__oembed--wrap > iframe, .article-page__video .article--content .article--body .article--embed.article--embed__oembed.youtube .article--embed__oembed--wrap > iframe, .article-page__story .article--content .article--body .article--embed.article--embed__oembed.youtube .article--embed__oembed--wrap > iframe {
      width: 100% !important;
      height: 100% !important;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0; }
  @media (min-width: 768px) {
    .article-page .article--content .article--body .article--embed.article--embed__event .article, .article-page__video .article--content .article--body .article--embed.article--embed__event .article, .article-page__story .article--content .article--body .article--embed.article--embed__event .article, .article-page .article--content .article--body .article--embed.article--embed__event .article-page, .article-page__video .article--content .article--body .article--embed.article--embed__event .article-page, .article-page__story .article--content .article--body .article--embed.article--embed__event .article-page, .article-page .article--content .article--body .article--embed.article--embed__event .article-page__video, .article-page__video .article--content .article--body .article--embed.article--embed__event .article-page__video, .article-page__story .article--content .article--body .article--embed.article--embed__event .article-page__video, .article-page .article--content .article--body .article--embed.article--embed__event .article-page__story, .article-page__video .article--content .article--body .article--embed.article--embed__event .article-page__story, .article-page__story .article--content .article--body .article--embed.article--embed__event .article-page__story, .article-page .article--content .article--body .article--embed.article--embed__event .event, .article-page__video .article--content .article--body .article--embed.article--embed__event .event, .article-page__story .article--content .article--body .article--embed.article--embed__event .event, .article-page .article--content .article--body .article--embed.article--embed__event .epg, .article-page__video .article--content .article--body .article--embed.article--embed__event .epg, .article-page__story .article--content .article--body .article--embed.article--embed__event .epg {
      max-width: 430px;
      margin: auto; } }
  .article-page .article--content .article--body .article--embed.article--embed__event .article .article--content, .article-page__video .article--content .article--body .article--embed.article--embed__event .article .article--content, .article-page__story .article--content .article--body .article--embed.article--embed__event .article .article--content, .article-page .article--content .article--body .article--embed.article--embed__event .article-page .article--content, .article-page__video .article--content .article--body .article--embed.article--embed__event .article-page .article--content, .article-page__story .article--content .article--body .article--embed.article--embed__event .article-page .article--content, .article-page .article--content .article--body .article--embed.article--embed__event .article-page__video .article--content, .article-page__video .article--content .article--body .article--embed.article--embed__event .article-page__video .article--content, .article-page__story .article--content .article--body .article--embed.article--embed__event .article-page__video .article--content, .article-page .article--content .article--body .article--embed.article--embed__event .article-page__story .article--content, .article-page__video .article--content .article--body .article--embed.article--embed__event .article-page__story .article--content, .article-page__story .article--content .article--body .article--embed.article--embed__event .article-page__story .article--content, .article-page .article--content .article--body .article--embed.article--embed__event .event .article--content, .article-page__video .article--content .article--body .article--embed.article--embed__event .event .article--content, .article-page__story .article--content .article--body .article--embed.article--embed__event .event .article--content, .article-page .article--content .article--body .article--embed.article--embed__event .epg .article--content, .article-page__video .article--content .article--body .article--embed.article--embed__event .epg .article--content, .article-page__story .article--content .article--body .article--embed.article--embed__event .epg .article--content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; }
    .article-page .article--content .article--body .article--embed.article--embed__event .article .article--content > div:first-child, .article-page__video .article--content .article--body .article--embed.article--embed__event .article .article--content > div:first-child, .article-page__story .article--content .article--body .article--embed.article--embed__event .article .article--content > div:first-child, .article-page .article--content .article--body .article--embed.article--embed__event .article-page .article--content > div:first-child, .article-page__video .article--content .article--body .article--embed.article--embed__event .article-page .article--content > div:first-child, .article-page__story .article--content .article--body .article--embed.article--embed__event .article-page .article--content > div:first-child, .article-page .article--content .article--body .article--embed.article--embed__event .article-page__video .article--content > div:first-child, .article-page__video .article--content .article--body .article--embed.article--embed__event .article-page__video .article--content > div:first-child, .article-page__story .article--content .article--body .article--embed.article--embed__event .article-page__video .article--content > div:first-child, .article-page .article--content .article--body .article--embed.article--embed__event .article-page__story .article--content > div:first-child, .article-page__video .article--content .article--body .article--embed.article--embed__event .article-page__story .article--content > div:first-child, .article-page__story .article--content .article--body .article--embed.article--embed__event .article-page__story .article--content > div:first-child, .article-page .article--content .article--body .article--embed.article--embed__event .event .article--content > div:first-child, .article-page__video .article--content .article--body .article--embed.article--embed__event .event .article--content > div:first-child, .article-page__story .article--content .article--body .article--embed.article--embed__event .event .article--content > div:first-child, .article-page .article--content .article--body .article--embed.article--embed__event .epg .article--content > div:first-child, .article-page__video .article--content .article--body .article--embed.article--embed__event .epg .article--content > div:first-child, .article-page__story .article--content .article--body .article--embed.article--embed__event .epg .article--content > div:first-child {
      -ms-flex: 2;
      -webkit-box-flex: 2;
      -webkit-flex: 2;
      flex: 2; }
  .article-page .article--content .article--body .article--embed.article--embed__event .article .event--venue, .article-page__video .article--content .article--body .article--embed.article--embed__event .article .event--venue, .article-page__story .article--content .article--body .article--embed.article--embed__event .article .event--venue, .article-page .article--content .article--body .article--embed.article--embed__event .article-page .event--venue, .article-page__video .article--content .article--body .article--embed.article--embed__event .article-page .event--venue, .article-page__story .article--content .article--body .article--embed.article--embed__event .article-page .event--venue, .article-page .article--content .article--body .article--embed.article--embed__event .article-page__video .event--venue, .article-page__video .article--content .article--body .article--embed.article--embed__event .article-page__video .event--venue, .article-page__story .article--content .article--body .article--embed.article--embed__event .article-page__video .event--venue, .article-page .article--content .article--body .article--embed.article--embed__event .article-page__story .event--venue, .article-page__video .article--content .article--body .article--embed.article--embed__event .article-page__story .event--venue, .article-page__story .article--content .article--body .article--embed.article--embed__event .article-page__story .event--venue, .article-page .article--content .article--body .article--embed.article--embed__event .event .event--venue, .article-page__video .article--content .article--body .article--embed.article--embed__event .event .event--venue, .article-page__story .article--content .article--body .article--embed.article--embed__event .event .event--venue, .article-page .article--content .article--body .article--embed.article--embed__event .epg .event--venue, .article-page__video .article--content .article--body .article--embed.article--embed__event .epg .event--venue, .article-page__story .article--content .article--body .article--embed.article--embed__event .epg .event--venue {
    display: inline-block; }
  .article-page .article--content .article--body .article--embed.article--embed__event .article .article--association, .article-page__video .article--content .article--body .article--embed.article--embed__event .article .article--association, .article-page__story .article--content .article--body .article--embed.article--embed__event .article .article--association, .article-page .article--content .article--body .article--embed.article--embed__event .article-page .article--association, .article-page__video .article--content .article--body .article--embed.article--embed__event .article-page .article--association, .article-page__story .article--content .article--body .article--embed.article--embed__event .article-page .article--association, .article-page .article--content .article--body .article--embed.article--embed__event .article-page__video .article--association, .article-page__video .article--content .article--body .article--embed.article--embed__event .article-page__video .article--association, .article-page__story .article--content .article--body .article--embed.article--embed__event .article-page__video .article--association, .article-page .article--content .article--body .article--embed.article--embed__event .article-page__story .article--association, .article-page__video .article--content .article--body .article--embed.article--embed__event .article-page__story .article--association, .article-page__story .article--content .article--body .article--embed.article--embed__event .article-page__story .article--association, .article-page .article--content .article--body .article--embed.article--embed__event .event .article--association, .article-page__video .article--content .article--body .article--embed.article--embed__event .event .article--association, .article-page__story .article--content .article--body .article--embed.article--embed__event .event .article--association, .article-page .article--content .article--body .article--embed.article--embed__event .epg .article--association, .article-page__video .article--content .article--body .article--embed.article--embed__event .epg .article--association, .article-page__story .article--content .article--body .article--embed.article--embed__event .epg .article--association {
    height: 60px;
    width: 60px;
    text-align: right; }

.article-page .faq-group, .article-page__video .faq-group, .article-page__story .faq-group {
  margin: 2rem 0; }
  .article-page .faq-group .faq-group-header, .article-page__video .faq-group .faq-group-header, .article-page__story .faq-group .faq-group-header {
    padding: 0 0 0 1rem;
    margin: 0 0 1rem 0;
    color: #2694D1;
    border-left: 5px solid #0081C8; }
  .article-page .faq-group .accordion, .article-page__video .faq-group .accordion, .article-page__story .faq-group .accordion {
    padding: 1rem 0;
    border-bottom: 1px solid #C0C0C0 !important; }
    .article-page .faq-group .accordion a, .article-page__video .faq-group .accordion a, .article-page__story .faq-group .accordion a {
      cursor: pointer;
      font-size: 16px;
      font-weight: bold;
      outline: none;
      text-decoration: none;
      user-select: none;
      color: #2d2d2d;
      display: block; }
      .article-page .faq-group .accordion a:before, .article-page__video .faq-group .accordion a:before, .article-page__story .faq-group .accordion a:before {
        content: "\25B2";
        float: right;
        transition: all 0.5s; }
      .article-page .faq-group .accordion a:hover:before, .article-page__video .faq-group .accordion a:hover:before, .article-page__story .faq-group .accordion a:hover:before {
        color: #2694D1; }
      .article-page .faq-group .accordion a.collapsed:before, .article-page__video .faq-group .accordion a.collapsed:before, .article-page__story .faq-group .accordion a.collapsed:before {
        transform: rotate(-180deg); }
  .article-page .faq-group .accordion--teaser, .article-page__video .faq-group .accordion--teaser, .article-page__story .faq-group .accordion--teaser {
    margin-bottom: 2rem; }
    .article-page .faq-group .accordion--teaser h2, .article-page__video .faq-group .accordion--teaser h2, .article-page__story .faq-group .accordion--teaser h2 {
      font-family: cervo-light;
      font-size: 26px;
      font-size: 1.625rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 30px;
      font-weight: bold;
      display: block;
      margin: 0 0 1rem 0; }
      .ko .article-page .faq-group .accordion--teaser h2, .ko .article-page__video .faq-group .accordion--teaser h2, .ko .article-page__story .faq-group .accordion--teaser h2 {
        font-size: 24px;
        font-size: 1.5rem; }
      .ko .article-page .faq-group .accordion--teaser h2, .ko .article-page__video .faq-group .accordion--teaser h2, .ko .article-page__story .faq-group .accordion--teaser h2,
      .zh .article-page .faq-group .accordion--teaser h2,
      .zh .article-page__video .faq-group .accordion--teaser h2,
      .zh .article-page__story .faq-group .accordion--teaser h2 {
        line-height: 32px; }
    .article-page .faq-group .accordion--teaser p, .article-page__video .faq-group .accordion--teaser p, .article-page__story .faq-group .accordion--teaser p {
      text-align: left; }
    .article-page .faq-group .accordion--teaser span.show, .article-page__video .faq-group .accordion--teaser span.show, .article-page__story .faq-group .accordion--teaser span.show {
      display: inline; }
    .article-page .faq-group .accordion--teaser a, .article-page__video .faq-group .accordion--teaser a, .article-page__story .faq-group .accordion--teaser a {
      outline: none;
      text-decoration: none !important;
      user-select: none;
      display: block;
      color: #666;
      margin-top: .5rem;
      font-size: 13px;
      font-size: 0.8125rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 17px; }
      .ko .article-page .faq-group .accordion--teaser a, .ko .article-page__video .faq-group .accordion--teaser a, .ko .article-page__story .faq-group .accordion--teaser a {
        font-size: 11px;
        font-size: 0.6875rem; }
      .ko .article-page .faq-group .accordion--teaser a, .ko .article-page__video .faq-group .accordion--teaser a, .ko .article-page__story .faq-group .accordion--teaser a,
      .zh .article-page .faq-group .accordion--teaser a,
      .zh .article-page__video .faq-group .accordion--teaser a,
      .zh .article-page__story .faq-group .accordion--teaser a {
        line-height: 19px; }
      .article-page .faq-group .accordion--teaser a:after, .article-page__video .faq-group .accordion--teaser a:after, .article-page__story .faq-group .accordion--teaser a:after {
        font-family: font-icons;
        content: "\E008";
        transition: all 0.5s;
        color: #0081C8;
        margin-left: 0.5rem;
        display: inline-block;
        position: relative;
        top: 1px; }
      .article-page .faq-group .accordion--teaser a:hover:after, .article-page__video .faq-group .accordion--teaser a:hover:after, .article-page__story .faq-group .accordion--teaser a:hover:after {
        color: #0081C8; }
      .article-page .faq-group .accordion--teaser a.collapsed:after, .article-page__video .faq-group .accordion--teaser a.collapsed:after, .article-page__story .faq-group .accordion--teaser a.collapsed:after {
        transform: rotate(-180deg); }

.article-page .article--tags .list-item, .article-page__video .article--tags .list-item, .article-page__story .article--tags .list-item {
  margin-bottom: 5px;
  max-width: 300px; }
  @media (min-width: 992px) {
    .article-page .article--tags .list-item, .article-page__video .article--tags .list-item, .article-page__story .article--tags .list-item {
      display: block; } }

.article-page .sponsorship + .article--video-wrap, .article-page__video .sponsorship + .article--video-wrap, .article-page__story .sponsorship + .article--video-wrap {
  padding-top: 5px; }

.article-page .article--video-wrap, .article-page__video .article--video-wrap, .article-page__story .article--video-wrap {
  clear: both; }
  @media (max-width: 991.98px) {
    .article-page .article--video-wrap, .article-page__video .article--video-wrap, .article-page__story .article--video-wrap {
      margin-left: -10px;
      margin-right: -10px; } }
  @media (min-width: 992px) {
    .article-page .article--video-wrap, .article-page__video .article--video-wrap, .article-page__story .article--video-wrap {
      padding-top: 2rem; } }

.article-page .section__related .section--title, .article-page__video .section__related .section--title, .article-page__story .section__related .section--title {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 36px;
  font-size: 2.25rem;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 300;
  font-size: 30px;
  font-size: 1.875rem;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 34px;
  margin-bottom: 15px; }
  .ko .article-page .section__related .section--title, .ko .article-page__video .section__related .section--title, .ko .article-page__story .section__related .section--title {
    font-size: 34px;
    font-size: 2.125rem; }
  .ko .article-page .section__related .section--title, .ko .article-page__video .section__related .section--title, .ko .article-page__story .section__related .section--title,
  .zh .article-page .section__related .section--title,
  .zh .article-page__video .section__related .section--title,
  .zh .article-page__story .section__related .section--title {
    line-height: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif2px; }
  @media (min-width: 568px) {
    .article-page .section__related .section--title, .article-page__video .section__related .section--title, .article-page__story .section__related .section--title {
      font-size: 38px;
      font-size: 2.375rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 42px; }
      .ko .article-page .section__related .section--title, .ko .article-page__video .section__related .section--title, .ko .article-page__story .section__related .section--title {
        font-size: 36px;
        font-size: 2.25rem; }
      .ko .article-page .section__related .section--title, .ko .article-page__video .section__related .section--title, .ko .article-page__story .section__related .section--title,
      .zh .article-page .section__related .section--title,
      .zh .article-page__video .section__related .section--title,
      .zh .article-page__story .section__related .section--title {
        line-height: 44px; } }
  @media (min-width: 992px) {
    .article-page .section__related .section--title, .article-page__video .section__related .section--title, .article-page__story .section__related .section--title {
      font-size: 40px;
      font-size: 2.5rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 44px; }
      .ko .article-page .section__related .section--title, .ko .article-page__video .section__related .section--title, .ko .article-page__story .section__related .section--title {
        font-size: 38px;
        font-size: 2.375rem; }
      .ko .article-page .section__related .section--title, .ko .article-page__video .section__related .section--title, .ko .article-page__story .section__related .section--title,
      .zh .article-page .section__related .section--title,
      .zh .article-page__video .section__related .section--title,
      .zh .article-page__story .section__related .section--title {
        line-height: 46px; } }
  @media (min-width: 1200px) {
    .article-page .section__related .section--title, .article-page__video .section__related .section--title, .article-page__story .section__related .section--title {
      font-size: 42px;
      font-size: 2.625rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 46px; }
      .ko .article-page .section__related .section--title, .ko .article-page__video .section__related .section--title, .ko .article-page__story .section__related .section--title {
        font-size: 40px;
        font-size: 2.5rem; }
      .ko .article-page .section__related .section--title, .ko .article-page__video .section__related .section--title, .ko .article-page__story .section__related .section--title,
      .zh .article-page .section__related .section--title,
      .zh .article-page__video .section__related .section--title,
      .zh .article-page__story .section__related .section--title {
        line-height: 48px; } }
  .ko .article-page .section__related .section--title, .ko .article-page__video .section__related .section--title, .ko .article-page__story .section__related .section--title {
    font-size: 28px;
    font-size: 1.75rem; }
  .ko .article-page .section__related .section--title, .ko .article-page__video .section__related .section--title, .ko .article-page__story .section__related .section--title,
  .zh .article-page .section__related .section--title,
  .zh .article-page__video .section__related .section--title,
  .zh .article-page__story .section__related .section--title {
    line-height: 36px; }

.article-page .section__related .newslist, .article-page__video .section__related .newslist, .article-page__story .section__related .newslist {
  padding-left: 10px; }
  .article-page .section__related .newslist .newslist--item, .article-page__video .section__related .newslist .newslist--item, .article-page__story .section__related .newslist .newslist--item {
    margin-bottom: 20px !important; }

.article-page .section__related .article__small:before, .article-page__video .section__related .article__small:before, .article-page__story .section__related .article__small:before, .article-page .section__related .article__event-small:before, .article-page__video .section__related .article__event-small:before, .article-page__story .section__related .article__event-small:before, .article-page .section__related .article__event-live-schedule-upcoming-carousel-small:before, .article-page__video .section__related .article__event-live-schedule-upcoming-carousel-small:before, .article-page__story .section__related .article__event-live-schedule-upcoming-carousel-small:before, .article-page .section__related .playlist .series:before, .playlist .article-page .section__related .series:before, .article-page__video .section__related .playlist .series:before, .playlist .article-page__video .section__related .series:before, .article-page__story .section__related .playlist .series:before, .playlist .article-page__story .section__related .series:before, .article-page .section__related .playlist .episodes .episodes-wrapper .episode:before, .playlist .episodes .episodes-wrapper .article-page .section__related .episode:before, .article-page__video .section__related .playlist .episodes .episodes-wrapper .episode:before, .playlist .episodes .episodes-wrapper .article-page__video .section__related .episode:before, .article-page__story .section__related .playlist .episodes .episodes-wrapper .episode:before, .playlist .episodes .episodes-wrapper .article-page__story .section__related .episode:before {
  opacity: 0; }

.article-page .section__related .article--title, .article-page__video .section__related .article--title, .article-page__story .section__related .article--title {
  position: relative; }
  .article-page .section__related .article--title:before, .article-page__video .section__related .article--title:before, .article-page__story .section__related .article--title:before {
    content: '';
    width: 4px;
    height: 4px;
    background: #000;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: -20px;
    top: 7px; }

.article-page .sponsorship, .article-page__video .sponsorship, .article-page__story .sponsorship {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #2d2d2d;
  float: right; }

.article-page .sponsorship--title, .article-page__video .sponsorship--title, .article-page__story .sponsorship--title {
  font-family: "AktivGrotesk", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  text-align: right;
  line-height: 1; }
  .article-page .sponsorship--title a, .article-page__video .sponsorship--title a, .article-page__story .sponsorship--title a {
    color: #2d2d2d;
    text-decoration: underline;
    font-size: 11px;
    font-size: 0.6875rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 14px; }
    .ko .article-page .sponsorship--title a, .ko .article-page__video .sponsorship--title a, .ko .article-page__story .sponsorship--title a {
      font-size: 9px;
      font-size: 0.5625rem; }
    .ko .article-page .sponsorship--title a, .ko .article-page__video .sponsorship--title a, .ko .article-page__story .sponsorship--title a,
    .zh .article-page .sponsorship--title a,
    .zh .article-page__video .sponsorship--title a,
    .zh .article-page__story .sponsorship--title a {
      line-height: 16px; }

.article-page .sponsorship--label, .article-page__video .sponsorship--label, .article-page__story .sponsorship--label {
  font-size: 12px;
  font-size: 0.75rem;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 14px;
  font-family: "AktivGrotesk", Arial, Helvetica, sans-serif;
  display: block;
  text-align: end;
  text-transform: none;
  font-weight: normal; }
  .ko .article-page .sponsorship--label, .ko .article-page__video .sponsorship--label, .ko .article-page__story .sponsorship--label {
    font-size: 10px;
    font-size: 0.625rem; }
  .ko .article-page .sponsorship--label, .ko .article-page__video .sponsorship--label, .ko .article-page__story .sponsorship--label,
  .zh .article-page .sponsorship--label,
  .zh .article-page__video .sponsorship--label,
  .zh .article-page__story .sponsorship--label {
    line-height: 16px; }

@media (min-width: 568px) {
  .article-page .sponsorship--logo, .article-page__video .sponsorship--logo, .article-page__story .sponsorship--logo {
    display: block;
    margin-left: 1rem; } }

.article-page .sponsorship, .article-page__video .sponsorship, .article-page__story .sponsorship {
  margin: 5px 0; }
  .article-page .sponsorship .sponsorship--label, .article-page__video .sponsorship .sponsorship--label, .article-page__story .sponsorship .sponsorship--label {
    margin-right: 5px; }
  .article-page .sponsorship .sponsorship--logo, .article-page__video .sponsorship .sponsorship--logo, .article-page__story .sponsorship .sponsorship--logo {
    width: 150px;
    height: 32px; }

.article-page__video .ocs-share .icon {
  width: 40px;
  height: 40px;
  color: #fff;
  box-sizing: border-box;
  opacity: 1; }
  .article-page__video .ocs-share .icon.icon-share {
    font-size: 27px;
    font-size: 1.6875rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 31px;
    -moz-transition: border-color, background-color 0.3s ease-in-out;
    -o-transition: border-color, background-color 0.3s ease-in-out;
    -ms-transition: border-color, background-color 0.3s ease-in-out;
    -webkit-transition: border-color, background-color 0.3s ease-in-out;
    transition: border-color, background-color 0.3s ease-in-out;
    outline: none; }
    .ko .article-page__video .ocs-share .icon.icon-share {
      font-size: 25px;
      font-size: 1.5625rem; }
    .ko .article-page__video .ocs-share .icon.icon-share,
    .zh .article-page__video .ocs-share .icon.icon-share {
      line-height: 33px; }
  @media (min-width: 768px) {
    .article-page__video .ocs-share .icon {
      font-size: 23px;
      font-size: 1.4375rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 27px;
      width: 50px;
      height: 50px;
      border-width: 3px; }
      .ko .article-page__video .ocs-share .icon {
        font-size: 21px;
        font-size: 1.3125rem; }
      .ko .article-page__video .ocs-share .icon,
      .zh .article-page__video .ocs-share .icon {
        line-height: 29px; }
      .article-page__video .ocs-share .icon.icon-share {
        font-size: 31px;
        font-size: 1.9375rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 35px; }
        .ko .article-page__video .ocs-share .icon.icon-share {
          font-size: 29px;
          font-size: 1.8125rem; }
        .ko .article-page__video .ocs-share .icon.icon-share,
        .zh .article-page__video .ocs-share .icon.icon-share {
          line-height: 37px; } }

.article-page__video .ocs-share .icon-favorite {
  -moz-transition: border-color, background-color 0.3s ease-in-out;
  -o-transition: border-color, background-color 0.3s ease-in-out;
  -ms-transition: border-color, background-color 0.3s ease-in-out;
  -webkit-transition: border-color, background-color 0.3s ease-in-out;
  transition: border-color, background-color 0.3s ease-in-out;
  outline: none; }
  .article-page__video .ocs-share .icon-favorite.active {
    background-color: #EE334E;
    border-color: #EE334E; }

.article-page__video .ocs-share .social-icons-container {
  vertical-align: top;
  margin: 0 5px;
  background-color: #fff;
  height: 40px;
  display: inline-block;
  border-radius: 20px;
  padding: 2px;
  position: absolute;
  width: 196px;
  right: calc(50% + 44px);
  z-index: 20; }
  @media (min-width: 768px) {
    .article-page__video .ocs-share .social-icons-container {
      border-radius: 25px;
      padding: 5px;
      height: 50px;
      right: calc(50% + 60px);
      width: 222px; } }
  .article-page__video .ocs-share .social-icons-container .social-button {
    display: inline-block;
    padding: 0;
    margin: 0;
    height: 36px;
    width: 36px; }
    @media (min-width: 768px) {
      .article-page__video .ocs-share .social-icons-container .social-button {
        height: 40px;
        width: 40px; } }
    .article-page__video .ocs-share .social-icons-container .social-button:not(:first-child) {
      margin-left: 3px; }
    .article-page__video .ocs-share .social-icons-container .social-button svg {
      height: 36px;
      width: 36px; }
      .article-page__video .ocs-share .social-icons-container .social-button svg path {
        -moz-transition: fill 0.3s ease-in-out;
        -o-transition: fill 0.3s ease-in-out;
        -ms-transition: fill 0.3s ease-in-out;
        -webkit-transition: fill 0.3s ease-in-out;
        transition: fill 0.3s ease-in-out; }
      .article-page__video .ocs-share .social-icons-container .social-button svg:hover path:not(:first-child), .article-page__video .ocs-share .social-icons-container .social-button svg:focus path:not(:first-child) {
        fill: #fff !important; }
      .article-page__video .ocs-share .social-icons-container .social-button svg:hover path:first-child, .article-page__video .ocs-share .social-icons-container .social-button svg:focus path:first-child {
        fill: #2d2d2d;
        stroke: #2d2d2d; }
      @media (min-width: 768px) {
        .article-page__video .ocs-share .social-icons-container .social-button svg {
          height: auto;
          width: auto; } }
      .article-page__video .ocs-share .social-icons-container .social-button svg.sharing-panel--icon__facebook path:not(:first-child) {
        fill: #3b5998; }
      .article-page__video .ocs-share .social-icons-container .social-button svg.sharing-panel--icon__facebook:hover path:first-child, .article-page__video .ocs-share .social-icons-container .social-button svg.sharing-panel--icon__facebook:focus path:first-child {
        fill: #3b5998;
        stroke: #3b5998; }
      .article-page__video .ocs-share .social-icons-container .social-button svg.sharing-panel--icon__twitter:hover path:first-child, .article-page__video .ocs-share .social-icons-container .social-button svg.sharing-panel--icon__twitter:focus path:first-child {
        fill: #1da1f2;
        stroke: #1da1f2; }
      .article-page__video .ocs-share .social-icons-container .social-button svg.sharing-panel--icon__twitter path:not(:first-child) {
        fill: #1da1f2; }
      .article-page__video .ocs-share .social-icons-container .social-button svg.sharing-panel--icon__vk path:not(:first-child) {
        fill: #6383a8; }
      .article-page__video .ocs-share .social-icons-container .social-button svg.sharing-panel--icon__vk:hover path:first-child, .article-page__video .ocs-share .social-icons-container .social-button svg.sharing-panel--icon__vk:focus path:first-child {
        fill: #6383a8;
        stroke: #6383a8; }
      .article-page__video .ocs-share .social-icons-container .social-button svg.sharing-panel--icon__wechat path:not(:first-child) {
        fill: #2dc100; }
      .article-page__video .ocs-share .social-icons-container .social-button svg.sharing-panel--icon__wechat:hover path:first-child, .article-page__video .ocs-share .social-icons-container .social-button svg.sharing-panel--icon__wechat:focus path:first-child {
        fill: #2dc100;
        stroke: #2dc100; }

.article-page__video .ocs-share .icon.icon-share {
  border-color: #fff; }

.article-page__video .ocs-share .social-icons-container {
  right: calc(50% + 23px); }
  @media (min-width: 992px) {
    .article-page__video .ocs-share .social-icons-container {
      right: calc(50% + 23px); } }

.oopadv .article-page__video .article--body {
  margin: 0;
  background-color: #fff; }

.article-page__video .article--body .article--title {
  text-transform: none; }

.article-page__video .article--body .article--info {
  font-size: 14px;
  font-size: 0.875rem;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 18px; }
  .ko .article-page__video .article--body .article--info {
    font-size: 12px;
    font-size: 0.75rem; }
  .ko .article-page__video .article--body .article--info,
  .zh .article-page__video .article--body .article--info {
    line-height: 20px; }
  .article-page__video .article--body .article--info .article--kind + .article--kind__info:before {
    background-color: #2d2d2d; }

.article-page__video .primetime__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: end;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
  justify-content: end;
  height: 50px;
  float: right; }
  .article-page__video .primetime__box + .sponsorship {
    float: left; }
  .article-page__video .primetime__box + .article--video-wrap {
    padding-top: 0; }

.article-page__video .primetime--label {
  opacity: .8;
  margin-right: 10px; }

.article-page__video .primetime--logo {
  width: auto; }
  .article-page__video .primetime--logo img {
    vertical-align: middle;
    max-width: 100%;
    max-height: 30px; }

@media (min-width: 768px) {
  .article-page__video .mvpd .icon-photogallery-icon {
    position: absolute;
    top: 50%;
    left: 50% /*rtl:ignore*/;
    -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
    transform: translate(-50%, -50%) /*rtl:ignore*/;
    border-radius: 100%;
    -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    line-height: 1;
    background-color: transparent;
    border: 5px solid #fff;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    z-index: 1;
    font-size: 68px;
    width: 68px;
    height: 68px;
    color: #fff; }
    .article-page__video .mvpd .icon-photogallery-icon:before {
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      margin-left: 0 /*rtl:ignore*/; }
    .article-page__video .mvpd .icon-photogallery-icon:hover, .article-page__video .mvpd .icon-photogallery-icon:focus {
      border-color: #EE334E;
      background-color: #EE334E;
      color: #fff; }
    .article-page__video .mvpd .icon-photogallery-icon:before {
      font-size: 28.33333px; } }

@media (min-width: 768px) {
  .article-page__video .mvpd .icon-play-button, .article-page__video .mvpd .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .article-page__video .mvpd .icon-play {
    position: absolute;
    top: 50%;
    left: 50% /*rtl:ignore*/;
    -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
    transform: translate(-50%, -50%) /*rtl:ignore*/;
    border-radius: 100%;
    -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    line-height: 1;
    background-color: transparent;
    border: 5px solid #fff;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    z-index: 1;
    font-size: 68px;
    width: 68px;
    height: 68px;
    color: #fff; }
    .article-page__video .mvpd .icon-play-button:before, .article-page__video .mvpd .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .article-page__video .mvpd .icon-play:before {
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      margin-left: 2px /*rtl:ignore*/; }
    .article-page__video .mvpd .icon-play-button:hover, .article-page__video .mvpd .countdown--overlay .countdown--icon .icon-play:hover, .countdown--overlay .countdown--icon .article-page__video .mvpd .icon-play:hover, .article-page__video .mvpd .icon-play-button:focus, .article-page__video .mvpd .countdown--overlay .countdown--icon .icon-play:focus, .countdown--overlay .countdown--icon .article-page__video .mvpd .icon-play:focus {
      border-color: #EE334E;
      background-color: #EE334E;
      color: #fff; }
    .article-page__video .mvpd .icon-play-button:before, .article-page__video .mvpd .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .article-page__video .mvpd .icon-play:before {
      font-size: 28.33333px; } }

@media (min-width: 768px) {
  .article-page__video .mvpd .icon-z-podcast-icon {
    position: absolute;
    top: 50%;
    left: 50% /*rtl:ignore*/;
    -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
    transform: translate(-50%, -50%) /*rtl:ignore*/;
    border-radius: 100%;
    -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    line-height: 1;
    background-color: transparent;
    border: 5px solid #fff;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    z-index: 1;
    font-size: 68px;
    width: 68px;
    height: 68px;
    color: #fff; }
    .article-page__video .mvpd .icon-z-podcast-icon:before {
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      margin-left: 2px /*rtl:ignore*/; }
    .article-page__video .mvpd .icon-z-podcast-icon:hover, .article-page__video .mvpd .icon-z-podcast-icon:focus {
      border-color: #EE334E;
      background-color: #EE334E;
      color: #fff; }
    .article-page__video .mvpd .icon-z-podcast-icon:before {
      font-size: 28.33333px; } }

.article-page__story {
  background: #fff; }
  .oopadv .article-page__story {
    background: transparent; }
    .oopadv .article-page__story .article--content .container, .oopadv .article-page__story .article--content .section__mosaic-originals .section--header, .section__mosaic-originals .oopadv .article-page__story .article--content .section--header {
      background: #fff; }
  .article-page__story .sponsorship {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fff; }
  .article-page__story .article--title h1 {
    font-size: 2.2rem; }
  .article-page__story .article--summary,
  .article-page__story .article_author {
    font-size: 22px;
    font-size: 1.375rem;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 26px;
    margin-bottom: 1rem; }
    .ko .article-page__story .article--summary, .ko
    .article-page__story .article_author {
      font-size: 20px;
      font-size: 1.25rem; }
    .ko .article-page__story .article--summary,
    .zh .article-page__story .article--summary, .ko
    .article-page__story .article_author,
    .zh
    .article-page__story .article_author {
      line-height: 28px; }
    @media (min-width: 568px) {
      .article-page__story .article--summary,
      .article-page__story .article_author {
        font-size: 24px;
        font-size: 1.5rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 28px;
        margin-bottom: 2rem; }
        .ko .article-page__story .article--summary, .ko
        .article-page__story .article_author {
          font-size: 22px;
          font-size: 1.375rem; }
        .ko .article-page__story .article--summary,
        .zh .article-page__story .article--summary, .ko
        .article-page__story .article_author,
        .zh
        .article-page__story .article_author {
          line-height: 30px; } }
  @media (min-width: 568px) {
    .article-page__story .article--summary {
      padding: .5rem 0 .5rem 0; } }
  .article-page__story .article_author {
    font-size: 1.1rem !important;
    margin-bottom: 1.1rem !important;
    border-left: 5px solid #0081C8;
    padding: .5rem 0 .5rem 1rem; }
  .article-page__story.article-page__story--reduced .article--title {
    margin-bottom: 3rem; }
    .article-page__story.article-page__story--reduced .article--title h1 {
      text-transform: none; }
  .article-page__story.article-page__story--reduced .article--content .article--body .article--embed.article--embed__photo .photo--title {
    color: #666;
    text-transform: none;
    font-size: 0.8125rem !important; }
  .article-page__story.article-page__story--originals-faq .article--title h1 {
    text-transform: none; }
  .article-page__story.article-page__story--originals-faq .article--content .article--body .article--embed.article--embed__photo .photo--title {
    color: #666;
    text-transform: none;
    font-size: 0.8125rem !important; }
  @media (max-width: 991.98px) {
    .article-page__story.article-page__story--originals-faq .article--content .row, .article-page__story.article-page__story--originals-faq .article--content .account .profile--data.active, .account .article-page__story.article-page__story--originals-faq .article--content .profile--data.active {
      padding-top: 2rem !important; } }
  .article-page__story.article-page__story--originals-faq .article--content .article--content__left-col {
    margin-left: 0 !important;
    padding-right: 0 !important;
    display: flex;
    flex: 0 0 100%;
    max-width: 100%; }
    @media (max-width: 991.98px) {
      .article-page__story.article-page__story--originals-faq .article--content .article--content__left-col {
        flex-direction: column; } }
    .article-page__story.article-page__story--originals-faq .article--content .article--content__left-col .article--title__wrapper {
      min-width: 274px;
      width: 274px;
      margin-right: 131px; }
      @media (max-width: 991.98px) {
        .article-page__story.article-page__story--originals-faq .article--content .article--content__left-col .article--title__wrapper {
          width: auto;
          margin-right: 0;
          margin-bottom: 1rem; } }
      .article-page__story.article-page__story--originals-faq .article--content .article--content__left-col .article--title__wrapper .article--title h1 {
        font-size: 4rem;
        line-height: 66px;
        margin-bottom: 1rem; }
        @media (max-width: 991.98px) {
          .article-page__story.article-page__story--originals-faq .article--content .article--content__left-col .article--title__wrapper .article--title h1 {
            font-size: 2.5rem;
            line-height: 2.5rem;
            margin-bottom: 0; } }
      .article-page__story.article-page__story--originals-faq .article--content .article--content__left-col .article--title__wrapper .article--summary {
        font-size: 18px;
        line-height: 20px;
        color: #000000;
        padding: .5rem 0; }
        @media (max-width: 991.98px) {
          .article-page__story.article-page__story--originals-faq .article--content .article--content__left-col .article--title__wrapper .article--summary {
            font-size: 16px;
            margin-bottom: 0; } }
    .article-page__story.article-page__story--originals-faq .article--content .article--content__left-col .article--body .faq-group:nth-child(2) {
      margin-top: 0; }
    @media (max-width: 991.98px) {
      .article-page__story.article-page__story--originals-faq .article--content .article--content__left-col .article--body .faq-group {
        margin: 1rem 0; } }
    .article-page__story.article-page__story--originals-faq .article--content .article--content__left-col .article--body .faq-group .faq-group-header {
      margin: 0; }
    .article-page__story.article-page__story--originals-faq .article--content .article--content__left-col .article--body .faq-group .accordion--teaser {
      margin-top: 0px; }
      @media (max-width: 991.98px) {
        .article-page__story.article-page__story--originals-faq .article--content .article--content__left-col .article--body .faq-group .accordion--teaser {
          margin-bottom: 1rem; } }
      .article-page__story.article-page__story--originals-faq .article--content .article--content__left-col .article--body .faq-group .accordion--teaser h2 {
        font-size: 1.5rem;
        margin-top: 0;
        margin-bottom: 0.5rem; }
        @media (max-width: 991.98px) {
          .article-page__story.article-page__story--originals-faq .article--content .article--content__left-col .article--body .faq-group .accordion--teaser h2 {
            font-size: 20px; } }
      @media (max-width: 991.98px) {
        .article-page__story.article-page__story--originals-faq .article--content .article--content__left-col .article--body .faq-group .accordion--teaser p {
          font-size: 15px; } }

.document-link {
  margin: 15px 0 30px 0; }
  .document-link a {
    font-size: 22px;
    font-size: 1.375rem;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 26px;
    border-bottom: 1px solid rgba(173, 181, 189, 0.5);
    padding-bottom: 8px;
    color: #2d2d2d;
    position: relative; }
    .ko .document-link a {
      font-size: 20px;
      font-size: 1.25rem; }
    .ko .document-link a,
    .zh .document-link a {
      line-height: 28px; }
    .document-link a .document-link--icon {
      color: #0081C8;
      font-size: 26px;
      position: absolute; }
    .document-link a .document-link--name {
      display: inline-block;
      padding-left: 40px;
      text-decoration: underline;
      text-decoration-color: #0081C8; }
    .document-link a:hover {
      text-decoration: none; }

.content-bio--expand.hidden {
  display: none; }

.content-bio--expand.visible {
  display: inline-block; }

.more-bio-ellipsis.show {
  display: inline; }

.more-bio-ellipsis.hidden {
  display: none; }

.article__event-live-schedule-upcoming-carousel-small .row, .article__event-live-schedule-upcoming-carousel-small .account .profile--data.active, .account .article__event-live-schedule-upcoming-carousel-small .profile--data.active {
  display: block; }

.article__event-live-schedule-upcoming-carousel-small .article--event-time {
  color: #2d2d2d;
  font-size: 14px;
  font-size: 0.875rem;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 17px;
  font-weight: bold;
  /*@include flexbox();
        @include align-items(center);*/ }
  .ko .article__event-live-schedule-upcoming-carousel-small .article--event-time {
    font-size: 12px;
    font-size: 0.75rem; }
  .ko .article__event-live-schedule-upcoming-carousel-small .article--event-time,
  .zh .article__event-live-schedule-upcoming-carousel-small .article--event-time {
    line-height: 19px; }

.cocktail-news .article--embed__oembed .article--embed__oembed--wrap {
  display: flex;
  justify-content: center; }
  .cocktail-news .article--embed__oembed .article--embed__oembed--wrap iframe {
    margin-bottom: 0 !important; }

@media (min-width: 568px) {
  .cocktail-news .article--content .container .article--content__left-col, .cocktail-news .article--content .section__mosaic-originals .section--header .article--content__left-col, .section__mosaic-originals .cocktail-news .article--content .section--header .article--content__left-col {
    padding-right: 4.5rem !important; } }

.cocktail-news .article--content .container .article--content__left-col .share-icon, .cocktail-news .article--content .section__mosaic-originals .section--header .article--content__left-col .share-icon, .section__mosaic-originals .cocktail-news .article--content .section--header .article--content__left-col .share-icon {
  position: absolute;
  right: 10px;
  top: 17px;
  max-width: 50px; }
  @media (max-width: 767.98px) {
    .cocktail-news .article--content .container .article--content__left-col .share-icon, .cocktail-news .article--content .section__mosaic-originals .section--header .article--content__left-col .share-icon, .section__mosaic-originals .cocktail-news .article--content .section--header .article--content__left-col .share-icon {
      display: none; } }
  .cocktail-news .article--content .container .article--content__left-col .share-icon .icon, .cocktail-news .article--content .section__mosaic-originals .section--header .article--content__left-col .share-icon .icon, .section__mosaic-originals .cocktail-news .article--content .section--header .article--content__left-col .share-icon .icon {
    color: #000000;
    border-color: #000000;
    width: 46px;
    height: 46px;
    font-size: 26px; }

.cocktail-news .article--content .container .article--content__right-col .js-advert-box-active, .cocktail-news .article--content .section__mosaic-originals .section--header .article--content__right-col .js-advert-box-active, .section__mosaic-originals .cocktail-news .article--content .section--header .article--content__right-col .js-advert-box-active {
  padding-top: 15px; }

.cocktail-news .article--title {
  text-transform: none;
  color: black; }
  .cocktail-news .article--title h1 {
    font-size: 4rem;
    line-height: 1; }
    @media (max-width: 767.98px) {
      .cocktail-news .article--title h1 {
        font-size: 2.8rem; } }

.cocktail-news .article--summary {
  font-size: 1.6rem;
  color: black;
  margin-bottom: 1rem !important;
  padding: 0 !important; }

.cocktail-news .third-row {
  position: relative;
  color: #666666; }
  .cocktail-news .third-row .article_author {
    border: none;
    display: flex;
    padding: 0px;
    font-family: "AktivGrotesk", Arial, Helvetica, sans-serif;
    font-size: 0.8rem !important;
    margin-bottom: 2.5rem !important; }
    .cocktail-news .third-row .article_author div {
      margin-right: 12px; }
  .cocktail-news .third-row .sponsorship {
    position: absolute;
    right: 0;
    left: unset;
    color: #666666; }
    @media (max-width: 767.98px) {
      .cocktail-news .third-row .sponsorship {
        right: unset;
        left: 0;
        top: 30px; } }

.cocktail-news .hero-img-container {
  margin-bottom: 3rem !important; }
  .cocktail-news .hero-img-container .title {
    font-family: "AktivGrotesk", Arial, Helvetica, sans-serif;
    font-size: 0.8rem !important;
    color: #666666; }

.cocktail-news .article--body {
  font-size: 1.12rem;
  color: black; }
  @media (max-width: 767.98px) {
    .cocktail-news .article--body {
      font-size: 1rem !important; } }
  .cocktail-news .article--body h2, .cocktail-news .article--body h3, .cocktail-news .article--body h4 {
    margin-bottom: 1rem !important; }
  .cocktail-news .article--body blockquote {
    border: none;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important; }
    .cocktail-news .article--body blockquote:before {
      color: #000000; }
  .cocktail-news .article--body p {
    margin-bottom: 2rem !important; }
    .cocktail-news .article--body p a {
      text-decoration: none !important;
      border-bottom: 2px solid #0081C8;
      color: #000000; }
      .cocktail-news .article--body p a:hover {
        color: #0081C8; }
  .cocktail-news .article--body ul, .cocktail-news .article--body ol {
    margin-top: 0 !important;
    margin-bottom: 2rem !important; }
  .cocktail-news .article--body .article--embed {
    margin-top: 0 !important;
    margin-bottom: 3rem !important; }
    .cocktail-news .article--body .article--embed.article--embed__photogallery {
      display: block !important; }
    .cocktail-news .article--body .article--embed .article--video-wrap {
      padding-top: 0 !important; }
  .cocktail-news .article--body .document-link, .cocktail-news .article--body .newslist, .cocktail-news .article--body .table-responsive, .cocktail-news .article--body .faq-group {
    margin-top: 0 !important;
    margin-bottom: 3rem !important; }
  .cocktail-news .article--body .adv, .cocktail-news .article--body .adv__leaderboard, .cocktail-news .article--body .adv__300x300, .cocktail-news .article--body .adv__300x600,
  .cocktail-news .article--body .adv__skyscraper {
    text-align: center;
    padding: 0 !important;
    margin-bottom: 3rem !important;
    margin-top: 3rem !important; }

.cocktail-news .section__related {
  border-left: solid 1px #E3E3E3; }
  @media (max-width: 767.98px) {
    .cocktail-news .section__related {
      border-left: none;
      border-top: solid 1px #E3E3E3;
      padding-top: 2rem; } }
  .cocktail-news .section__related .section--title {
    padding-left: 1.5rem;
    font-size: 2.12rem;
    text-transform: none;
    color: #000000; }
    @media (max-width: 767.98px) {
      .cocktail-news .section__related .section--title {
        padding-left: 1rem; } }
  .cocktail-news .section__related .newslist .newslist--item .article__small .article--content .article--info .article--kind__info:before, .cocktail-news .section__related .newslist .newslist--item .article__event-small .article--content .article--info .article--kind__info:before, .cocktail-news .section__related .newslist .newslist--item .article__event-live-schedule-upcoming-carousel-small .article--content .article--info .article--kind__info:before, .cocktail-news .section__related .newslist .newslist--item .playlist .series .article--content .article--info .article--kind__info:before, .playlist .cocktail-news .section__related .newslist .newslist--item .series .article--content .article--info .article--kind__info:before, .cocktail-news .section__related .newslist .newslist--item .playlist .episodes .episodes-wrapper .episode .article--content .article--info .article--kind__info:before, .playlist .episodes .episodes-wrapper .cocktail-news .section__related .newslist .newslist--item .episode .article--content .article--info .article--kind__info:before {
    background-color: #CFCFCF; }

.cocktail-feature .article--embed__oembed .article--embed__oembed--wrap {
  display: flex;
  justify-content: center; }

.cocktail-feature .article--embed__oembed iframe {
  margin-bottom: 0 !important; }

.cocktail-feature .article--content .container .py-lg-5, .cocktail-feature .article--content .section__mosaic-originals .section--header .py-lg-5, .section__mosaic-originals .cocktail-feature .article--content .section--header .py-lg-5, .cocktail-feature .article-page .article--content .container .article--options, .article-page .cocktail-feature .article--content .container .article--options, .cocktail-feature .article-page .article--content .section__mosaic-originals .section--header .article--options, .article-page .cocktail-feature .article--content .section__mosaic-originals .section--header .article--options, .section__mosaic-originals .cocktail-feature .article-page .article--content .section--header .article--options, .article-page .section__mosaic-originals .cocktail-feature .article--content .section--header .article--options, .cocktail-feature .article-page__video .article--content .container .article--options, .article-page__video .cocktail-feature .article--content .container .article--options, .cocktail-feature .article-page__video .article--content .section__mosaic-originals .section--header .article--options, .article-page__video .cocktail-feature .article--content .section__mosaic-originals .section--header .article--options, .section__mosaic-originals .cocktail-feature .article-page__video .article--content .section--header .article--options, .article-page__video .section__mosaic-originals .cocktail-feature .article--content .section--header .article--options, .cocktail-feature .article-page__story .article--content .container .article--options, .article-page__story .cocktail-feature .article--content .container .article--options, .cocktail-feature .article-page__story .article--content .section__mosaic-originals .section--header .article--options, .article-page__story .cocktail-feature .article--content .section__mosaic-originals .section--header .article--options, .section__mosaic-originals .cocktail-feature .article-page__story .article--content .section--header .article--options, .article-page__story .section__mosaic-originals .cocktail-feature .article--content .section--header .article--options {
  padding-bottom: 1rem !important;
  padding-top: 1rem !important; }

.cocktail-feature .article--content .container .article--content__single-col, .cocktail-feature .article--content .section__mosaic-originals .section--header .article--content__single-col, .section__mosaic-originals .cocktail-feature .article--content .section--header .article--content__single-col {
  flex: 0 0 75%;
  max-width: 75%;
  margin: 0 auto; }
  @media (max-width: 767.98px) {
    .cocktail-feature .article--content .container .article--content__single-col, .cocktail-feature .article--content .section__mosaic-originals .section--header .article--content__single-col, .section__mosaic-originals .cocktail-feature .article--content .section--header .article--content__single-col {
      flex: 0 0 90%;
      max-width: 90%; } }
  .cocktail-feature .article--content .container .article--content__single-col .share-icon, .cocktail-feature .article--content .section__mosaic-originals .section--header .article--content__single-col .share-icon, .section__mosaic-originals .cocktail-feature .article--content .section--header .article--content__single-col .share-icon {
    position: absolute;
    right: -125px;
    top: 17px;
    max-width: 50px; }
    @media (max-width: 767.98px) {
      .cocktail-feature .article--content .container .article--content__single-col .share-icon, .cocktail-feature .article--content .section__mosaic-originals .section--header .article--content__single-col .share-icon, .section__mosaic-originals .cocktail-feature .article--content .section--header .article--content__single-col .share-icon {
        display: none; } }
    .cocktail-feature .article--content .container .article--content__single-col .share-icon .icon, .cocktail-feature .article--content .section__mosaic-originals .section--header .article--content__single-col .share-icon .icon, .section__mosaic-originals .cocktail-feature .article--content .section--header .article--content__single-col .share-icon .icon {
      color: #000000;
      border-color: #000000;
      width: 46px;
      height: 46px;
      font-size: 26px; }
  .cocktail-feature .article--content .container .article--content__single-col .img-scale, .cocktail-feature .article--content .section__mosaic-originals .section--header .article--content__single-col .img-scale, .section__mosaic-originals .cocktail-feature .article--content .section--header .article--content__single-col .img-scale {
    margin: 2rem -10rem !important; }
    @media (max-width: 991.98px) {
      .cocktail-feature .article--content .container .article--content__single-col .img-scale, .cocktail-feature .article--content .section__mosaic-originals .section--header .article--content__single-col .img-scale, .section__mosaic-originals .cocktail-feature .article--content .section--header .article--content__single-col .img-scale {
        transform: unset;
        margin: 20px 0 !important; } }
  .cocktail-feature .article--content .container .article--content__single-col .article--options-wrap .icon, .cocktail-feature .article--content .section__mosaic-originals .section--header .article--content__single-col .article--options-wrap .icon, .section__mosaic-originals .cocktail-feature .article--content .section--header .article--content__single-col .article--options-wrap .icon {
    color: #000000;
    border-color: #000000;
    background: #ffffff; }

.cocktail-feature .article--title {
  text-transform: none;
  color: black; }
  .cocktail-feature .article--title h1 {
    font-size: 4rem;
    line-height: 1; }
    @media (max-width: 767.98px) {
      .cocktail-feature .article--title h1 {
        font-size: 2.8rem; } }

.cocktail-feature .article--body {
  font-size: 1.12rem;
  color: black; }
  .cocktail-feature .article--body h2, .cocktail-feature .article--body h3, .cocktail-feature .article--body h4 {
    margin-bottom: 1rem !important; }
  @media (max-width: 767.98px) {
    .cocktail-feature .article--body {
      font-size: 1rem !important; } }
  .cocktail-feature .article--body blockquote {
    border: none;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important; }
    .cocktail-feature .article--body blockquote:before {
      color: #000000; }
  .cocktail-feature .article--body p {
    margin-bottom: 2rem !important; }
    .cocktail-feature .article--body p a {
      text-decoration: none !important;
      border-bottom: 2px solid #0081C8;
      color: #000000; }
      .cocktail-feature .article--body p a:hover {
        color: #0081C8; }
  .cocktail-feature .article--body ul, .cocktail-feature .article--body ol {
    margin-top: 0 !important;
    margin-bottom: 2rem !important; }
  .cocktail-feature .article--body .article--embed {
    margin-top: 0 !important;
    margin-bottom: 3rem !important; }
    .cocktail-feature .article--body .article--embed.article--embed__photo:before {
      border: none !important; }
    .cocktail-feature .article--body .article--embed.article--embed__photo figure figcaption {
      text-transform: none !important;
      font-size: 0.9rem !important;
      font-family: "AktivGrotesk", Arial, Helvetica, sans-serif !important;
      opacity: 0.7 !important;
      padding: 10px 0 !important; }
    .cocktail-feature .article--body .article--embed.article--embed__photogallery {
      display: block !important; }
    .cocktail-feature .article--body .article--embed .article--video-wrap {
      padding-top: 0 !important; }
  .cocktail-feature .article--body .document-link, .cocktail-feature .article--body .newslist, .cocktail-feature .article--body .table-responsive, .cocktail-feature .article--body .faq-group {
    margin-top: 0 !important;
    margin-bottom: 3rem !important; }
  .cocktail-feature .article--body .adv, .cocktail-feature .article--body .adv__leaderboard, .cocktail-feature .article--body .adv__300x300, .cocktail-feature .article--body .adv__300x600,
  .cocktail-feature .article--body .adv__skyscraper {
    text-align: center;
    padding: 0 !important;
    margin-bottom: 3rem !important;
    margin-top: 3rem !important; }

.cocktail-feature .article--summary {
  font-size: 1.6rem;
  color: black;
  margin-bottom: 1rem !important;
  padding: 0 !important; }

.cocktail-feature .third-row {
  position: relative;
  color: #666666; }
  .cocktail-feature .third-row .article_author {
    border: none;
    display: flex;
    padding: 0px;
    font-family: "AktivGrotesk", Arial, Helvetica, sans-serif;
    font-size: 0.8rem !important;
    margin-bottom: 2.5rem !important; }
    .cocktail-feature .third-row .article_author div {
      margin-right: 12px; }
  .cocktail-feature .third-row .sponsorship {
    position: absolute;
    right: 0;
    left: unset;
    color: #666666; }
    @media (max-width: 767.98px) {
      .cocktail-feature .third-row .sponsorship {
        right: unset;
        left: 0;
        top: 30px; } }

.cocktail-feature .hero-img-container {
  margin-bottom: 3rem !important; }

.cocktail-feature .wide-mode {
  margin: 2rem -10rem !important; }
  @media (max-width: 991.98px) {
    .cocktail-feature .wide-mode {
      margin: 20px 0 !important; } }

.cocktail-feature .section__related .section--title {
  padding-left: 1.5rem;
  font-size: 2.12rem;
  text-transform: none;
  color: #000000; }
  @media (max-width: 767.98px) {
    .cocktail-feature .section__related .section--title {
      padding-left: 1rem; } }

.cocktail-feature .section__related .newslist {
  padding-left: 0; }
  .cocktail-feature .section__related .newslist .newslist--item .article__small .article--content .article--info .article--kind__info:before, .cocktail-feature .section__related .newslist .newslist--item .article__event-small .article--content .article--info .article--kind__info:before, .cocktail-feature .section__related .newslist .newslist--item .article__event-live-schedule-upcoming-carousel-small .article--content .article--info .article--kind__info:before, .cocktail-feature .section__related .newslist .newslist--item .playlist .series .article--content .article--info .article--kind__info:before, .playlist .cocktail-feature .section__related .newslist .newslist--item .series .article--content .article--info .article--kind__info:before, .cocktail-feature .section__related .newslist .newslist--item .playlist .episodes .episodes-wrapper .episode .article--content .article--info .article--kind__info:before, .playlist .episodes .episodes-wrapper .cocktail-feature .section__related .newslist .newslist--item .episode .article--content .article--info .article--kind__info:before {
    background-color: #CFCFCF; }

.cocktail-feature.related {
  background: #F0F0F0; }
  .cocktail-feature.related .section--title {
    margin: 2.5rem 0 2rem 0; }
  .cocktail-feature.related [class^="article--kind"] {
    font-weight: bold; }
  .cocktail-feature.related .article--title:before {
    display: none; }

/*LOAD ATLETAZZO*/
.section__athlete--info .section--title, .section__athlete--stats .section--title {
  border-bottom: 1px solid #adb5bd; }

@media (min-width: 768px) {
  .section__athlete--info .athlete--data {
    border-left: 1px dashed #adb5bd;
    text-align: center; }
    .section__athlete--info .athlete--data:first-of-type {
      border-left: none; } }

.section__athlete--info .athlete--data--label {
  color: #0081C8;
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 22px; }
  .ko .section__athlete--info .athlete--data--label {
    font-size: 18px;
    font-size: 1.125rem; }
  .ko .section__athlete--info .athlete--data--label,
  .zh .section__athlete--info .athlete--data--label {
    line-height: 24px; }

.section__athlete--info .athlete--data--value {
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 21px;
  text-transform: uppercase; }
  .ko .section__athlete--info .athlete--data--value {
    font-size: 18px;
    font-size: 1.125rem; }
  .ko .section__athlete--info .athlete--data--value,
  .zh .section__athlete--info .athlete--data--value {
    line-height: 23px; }
  @media (min-width: 768px) {
    .section__athlete--info .athlete--data--value {
      font-size: 24px;
      font-size: 1.5rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 25px; }
      .ko .section__athlete--info .athlete--data--value {
        font-size: 22px;
        font-size: 1.375rem; }
      .ko .section__athlete--info .athlete--data--value,
      .zh .section__athlete--info .athlete--data--value {
        line-height: 27px; } }
  @media (min-width: 992px) {
    .section__athlete--info .athlete--data--value {
      font-size: 30px;
      font-size: 1.875rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 31px; }
      .ko .section__athlete--info .athlete--data--value {
        font-size: 28px;
        font-size: 1.75rem; }
      .ko .section__athlete--info .athlete--data--value,
      .zh .section__athlete--info .athlete--data--value {
        line-height: 33px; } }
  .section__athlete--info .athlete--data--value > span {
    display: block; }

.section__athlete--info .athlete--bio {
  font-size: 15px;
  font-size: 0.9375rem;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 22px; }
  .ko .section__athlete--info .athlete--bio {
    font-size: 13px;
    font-size: 0.8125rem; }
  .ko .section__athlete--info .athlete--bio,
  .zh .section__athlete--info .athlete--bio {
    line-height: 24px; }

.section__athlete--stats .athlete-stats--summary .athlete--data--label {
  text-transform: uppercase;
  font-size: 26px;
  font-size: 1.625rem;
  font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 28px; }
  .ko .section__athlete--stats .athlete-stats--summary .athlete--data--label {
    font-size: 24px;
    font-size: 1.5rem; }
  .ko .section__athlete--stats .athlete-stats--summary .athlete--data--label,
  .zh .section__athlete--stats .athlete-stats--summary .athlete--data--label {
    line-height: 30px; }

.section__athlete--stats .athlete-stats--summary .athlete--data--value {
  font-size: 100px;
  font-size: 6.25rem;
  font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 80px;
  height: 80px; }
  .ko .section__athlete--stats .athlete-stats--summary .athlete--data--value {
    font-size: 98px;
    font-size: 6.125rem; }
  .ko .section__athlete--stats .athlete-stats--summary .athlete--data--value,
  .zh .section__athlete--stats .athlete-stats--summary .athlete--data--value {
    line-height: 82px; }

.section__athlete--stats .athlete-stats--summary .athlete--data--img {
  width: 58px; }

.section__athlete--stats .athlete-stats--results-header {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  font-size: 0.875rem;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 17px; }
  .ko .section__athlete--stats .athlete-stats--results-header {
    font-size: 12px;
    font-size: 0.75rem; }
  .ko .section__athlete--stats .athlete-stats--results-header,
  .zh .section__athlete--stats .athlete-stats--results-header {
    line-height: 19px; }
  .section__athlete--stats .athlete-stats--results-header > div {
    border-bottom: 1px solid #adb5bd; }

.section__athlete--stats .athlete-stats--results-body {
  font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif; }
  .section__athlete--stats .athlete-stats--results-body .olympic-games--results {
    font-size: 20px;
    font-size: 1.25rem;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 25px; }
    .ko .section__athlete--stats .athlete-stats--results-body .olympic-games--results {
      font-size: 18px;
      font-size: 1.125rem; }
    .ko .section__athlete--stats .athlete-stats--results-body .olympic-games--results,
    .zh .section__athlete--stats .athlete-stats--results-body .olympic-games--results {
      line-height: 27px; }

.section__athlete--stats .olympic-games--rank {
  min-width: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between; }
  .section__athlete--stats .olympic-games--rank > span:nth-child(2) {
    margin-right: 20px; }

@media (max-width: 767.98px) {
  .section__athlete--stats .olympic-games--name {
    display: none; } }

.section__athlete--stats .olympic-games--title {
  text-transform: uppercase;
  width: calc(100% - 90px);
  display: inline-block;
  vertical-align: middle;
  font-size: 26px;
  font-size: 1.625rem;
  font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 32px; }
  .ko .section__athlete--stats .olympic-games--title {
    font-size: 24px;
    font-size: 1.5rem; }
  .ko .section__athlete--stats .olympic-games--title,
  .zh .section__athlete--stats .olympic-games--title {
    line-height: 34px; }
  @media (min-width: 768px) and (max-width: 1199.98px) {
    .section__athlete--stats .olympic-games--title {
      display: block;
      text-align: center;
      width: 100%; } }

.section__athlete--stats .olympic-games--img {
  width: 80px;
  display: inline-block;
  vertical-align: middle;
  background-image: url(/images/static/logo-oc__squared.svg);
  height: 80px;
  background-repeat: no-repeat;
  background-size: 90%,90%;
  background-position: 50%;
  background-color: #fff; }
  @media (min-width: 768px) and (max-width: 1199.98px) {
    .section__athlete--stats .olympic-games--img {
      display: block;
      margin: auto; } }
  .section__athlete--stats .olympic-games--img img {
    background-color: #fff; }

.section__athlete--stats .olympic-games--rank-value {
  display: inline-block;
  vertical-align: middle;
  font-size: 26px;
  font-size: 1.625rem;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 32px; }
  .ko .section__athlete--stats .olympic-games--rank-value {
    font-size: 24px;
    font-size: 1.5rem; }
  .ko .section__athlete--stats .olympic-games--rank-value,
  .zh .section__athlete--stats .olympic-games--rank-value {
    line-height: 34px; }
  .section__athlete--stats .olympic-games--rank-value:before {
    content: '#';
    font-size: 80%; }

.athlete--img__fallback:before {
  display: block;
  color: #adb5bd;
  font-size: 80px;
  line-height: 78px;
  border-radius: 100%; }
  @media (min-width: 992px) {
    .athlete--img__fallback:before {
      font-size: 100px;
      line-height: 99px; } }

.athlete .country--flag {
  width: 22px !important;
  height: 22px !important;
  border-radius: 100%;
  display: inline-flex; }

.banner__discipline {
  position: relative;
  height: 202px;
  z-index: 0; }
  @media (min-width: 568px) {
    .banner__discipline {
      height: 266px; } }
  .banner__discipline:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.7) 100%);
    background-repeat: repeat-x; }
  .banner__discipline > .container, .section__mosaic-originals .banner__discipline > .section--header {
    position: relative;
    height: 100%; }
  .banner__discipline .btn-back {
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1; }
  .banner__discipline .banner--img {
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 202px;
    width: auto;
    height: 202px;
    z-index: -100;
    position: absolute;
    overflow: hidden;
    margin: 0;
    background: #EE334E; }
    @media (min-width: 568px) {
      .banner__discipline .banner--img {
        min-height: 100%;
        height: auto; } }
    .banner__discipline .banner--img + .responsive-desktop {
      display: none; }
      @media (min-width: 568px) {
        .banner__discipline .banner--img + .responsive-desktop {
          display: block; } }
    .banner__discipline .banner--img + .responsive-mobile {
      display: block;
      min-height: 202px;
      height: 202px; }
      @media (min-width: 568px) {
        .banner__discipline .banner--img + .responsive-mobile {
          display: none; } }
    .banner__discipline .banner--img img {
      max-width: inherit;
      height: 100%;
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      width: auto;
      height: auto;
      max-height: none;
      max-width: none;
      min-height: 100%;
      min-width: 100%; }
  .banner__discipline .banner--content {
    color: #fff;
    max-width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column nowrap; }
    @media (min-width: 568px) {
      .banner__discipline .banner--content {
        max-width: 85%; } }
    @media (min-width: 768px) {
      .banner__discipline .banner--content {
        max-width: 70%; } }
  .banner__discipline .banner--title {
    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
    line-height: 0; }
    .banner__discipline .banner--title > span {
      -webkit-box-decoration-break: clone;
      -ms-box-decoration-break: clone;
      -o-box-decoration-break: clone;
      box-decoration-break: clone;
      display: inline;
      background: #06466D;
      color: #fff; }
    @media all and (-ms-high-contrast: none) {
      .banner__discipline .banner--title {
        /* IE10 */
        /* IE11 */ }
        .banner__discipline .banner--title span {
          background-color: #06466D;
          background-image: linear-gradient(to right, #06466D 0%, #06466D 100%); }
        .banner__discipline .banner--title *::-ms-backdrop, .banner__discipline .banner--title span {
          background-color: #06466D;
          background-image: linear-gradient(to right, #06466D 0%, #06466D 100%); } }
    .banner__discipline .banner--title > span {
      font-size: 32px;
      font-size: 2rem;
      font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 34px;
      font-weight: bold;
      text-transform: uppercase; }
      .ko .banner__discipline .banner--title > span {
        font-size: 30px;
        font-size: 1.875rem; }
      .ko .banner__discipline .banner--title > span,
      .zh .banner__discipline .banner--title > span {
        line-height: 36px; }
      @media (min-width: 568px) {
        .banner__discipline .banner--title > span {
          font-size: 36px;
          font-size: 2.25rem;
          font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 38px; }
          .ko .banner__discipline .banner--title > span {
            font-size: 34px;
            font-size: 2.125rem; }
          .ko .banner__discipline .banner--title > span,
          .zh .banner__discipline .banner--title > span {
            line-height: 40px; } }
      @media (min-width: 992px) {
        .banner__discipline .banner--title > span {
          font-size: 44px;
          font-size: 2.75rem;
          font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 46px; }
          .ko .banner__discipline .banner--title > span {
            font-size: 42px;
            font-size: 2.625rem; }
          .ko .banner__discipline .banner--title > span,
          .zh .banner__discipline .banner--title > span {
            line-height: 48px; } }
      @media (min-width: 1200px) {
        .banner__discipline .banner--title > span {
          font-size: 50px;
          font-size: 3.125rem;
          font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 52px; }
          .ko .banner__discipline .banner--title > span {
            font-size: 48px;
            font-size: 3rem; }
          .ko .banner__discipline .banner--title > span,
          .zh .banner__discipline .banner--title > span {
            line-height: 54px; } }
  .banner__discipline .banner--description {
    font-weight: normal;
    font-size: 18px;
    font-size: 1.125rem;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 20px; }
    .ko .banner__discipline .banner--description {
      font-size: 16px;
      font-size: 1rem; }
    .ko .banner__discipline .banner--description,
    .zh .banner__discipline .banner--description {
      line-height: 22px; }
    @media (min-width: 768px) {
      .banner__discipline .banner--description {
        font-size: 21px;
        font-size: 1.3125rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 23px; }
        .ko .banner__discipline .banner--description {
          font-size: 19px;
          font-size: 1.1875rem; }
        .ko .banner__discipline .banner--description,
        .zh .banner__discipline .banner--description {
          line-height: 25px; } }
  .banner__discipline .banner--info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: fit-content;
    width: -moz-fit-content;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    background-color: #fff;
    color: #2d2d2d; }
  .banner__discipline .banner--date > span {
    display: inline-block;
    line-height: 1; }
  .banner__discipline .btn {
    display: table;
    margin-top: .5rem; }
    @media (min-width: 768px) {
      .banner__discipline .btn {
        padding: 0.5rem 2.5rem;
        font-size: 1.25rem;
        line-height: 1.5;
        border-radius: 0;
        min-width: 140px;
        margin-top: 1rem; } }
  .banner__discipline .banner--options {
    position: absolute;
    right: 10px;
    top: 10px; }
    .banner__discipline .banner--options > reactor {
      display: inline-block; }
    .banner__discipline .banner--options .icon {
      width: 40px;
      height: 40px;
      color: #fff;
      box-sizing: border-box;
      opacity: 1; }
      .banner__discipline .banner--options .icon.icon-share {
        font-size: 27px;
        font-size: 1.6875rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 31px;
        -moz-transition: border-color, background-color 0.3s ease-in-out;
        -o-transition: border-color, background-color 0.3s ease-in-out;
        -ms-transition: border-color, background-color 0.3s ease-in-out;
        -webkit-transition: border-color, background-color 0.3s ease-in-out;
        transition: border-color, background-color 0.3s ease-in-out;
        outline: none; }
        .ko .banner__discipline .banner--options .icon.icon-share {
          font-size: 25px;
          font-size: 1.5625rem; }
        .ko .banner__discipline .banner--options .icon.icon-share,
        .zh .banner__discipline .banner--options .icon.icon-share {
          line-height: 33px; }
      @media (min-width: 768px) {
        .banner__discipline .banner--options .icon {
          font-size: 23px;
          font-size: 1.4375rem;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 27px;
          width: 50px;
          height: 50px;
          border-width: 3px; }
          .ko .banner__discipline .banner--options .icon {
            font-size: 21px;
            font-size: 1.3125rem; }
          .ko .banner__discipline .banner--options .icon,
          .zh .banner__discipline .banner--options .icon {
            line-height: 29px; }
          .banner__discipline .banner--options .icon.icon-share {
            font-size: 31px;
            font-size: 1.9375rem;
            /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
            line-height: 35px; }
            .ko .banner__discipline .banner--options .icon.icon-share {
              font-size: 29px;
              font-size: 1.8125rem; }
            .ko .banner__discipline .banner--options .icon.icon-share,
            .zh .banner__discipline .banner--options .icon.icon-share {
              line-height: 37px; } }
    .banner__discipline .banner--options .icon-favorite {
      -moz-transition: border-color, background-color 0.3s ease-in-out;
      -o-transition: border-color, background-color 0.3s ease-in-out;
      -ms-transition: border-color, background-color 0.3s ease-in-out;
      -webkit-transition: border-color, background-color 0.3s ease-in-out;
      transition: border-color, background-color 0.3s ease-in-out;
      outline: none; }
      .banner__discipline .banner--options .icon-favorite.active {
        background-color: #EE334E;
        border-color: #EE334E; }
    .banner__discipline .banner--options .social-icons-container {
      vertical-align: top;
      margin: 0 5px;
      background-color: #fff;
      height: 40px;
      display: inline-block;
      border-radius: 20px;
      padding: 2px;
      position: absolute;
      width: 196px;
      right: calc(50% + 44px);
      z-index: 20; }
      @media (min-width: 768px) {
        .banner__discipline .banner--options .social-icons-container {
          border-radius: 25px;
          padding: 5px;
          height: 50px;
          right: calc(50% + 60px);
          width: 222px; } }
      .banner__discipline .banner--options .social-icons-container .social-button {
        display: inline-block;
        padding: 0;
        margin: 0;
        height: 36px;
        width: 36px; }
        @media (min-width: 768px) {
          .banner__discipline .banner--options .social-icons-container .social-button {
            height: 40px;
            width: 40px; } }
        .banner__discipline .banner--options .social-icons-container .social-button:not(:first-child) {
          margin-left: 3px; }
        .banner__discipline .banner--options .social-icons-container .social-button svg {
          height: 36px;
          width: 36px; }
          .banner__discipline .banner--options .social-icons-container .social-button svg path {
            -moz-transition: fill 0.3s ease-in-out;
            -o-transition: fill 0.3s ease-in-out;
            -ms-transition: fill 0.3s ease-in-out;
            -webkit-transition: fill 0.3s ease-in-out;
            transition: fill 0.3s ease-in-out; }
          .banner__discipline .banner--options .social-icons-container .social-button svg:hover path:not(:first-child), .banner__discipline .banner--options .social-icons-container .social-button svg:focus path:not(:first-child) {
            fill: #fff !important; }
          .banner__discipline .banner--options .social-icons-container .social-button svg:hover path:first-child, .banner__discipline .banner--options .social-icons-container .social-button svg:focus path:first-child {
            fill: #2d2d2d;
            stroke: #2d2d2d; }
          @media (min-width: 768px) {
            .banner__discipline .banner--options .social-icons-container .social-button svg {
              height: auto;
              width: auto; } }
          .banner__discipline .banner--options .social-icons-container .social-button svg.sharing-panel--icon__facebook path:not(:first-child) {
            fill: #3b5998; }
          .banner__discipline .banner--options .social-icons-container .social-button svg.sharing-panel--icon__facebook:hover path:first-child, .banner__discipline .banner--options .social-icons-container .social-button svg.sharing-panel--icon__facebook:focus path:first-child {
            fill: #3b5998;
            stroke: #3b5998; }
          .banner__discipline .banner--options .social-icons-container .social-button svg.sharing-panel--icon__twitter:hover path:first-child, .banner__discipline .banner--options .social-icons-container .social-button svg.sharing-panel--icon__twitter:focus path:first-child {
            fill: #1da1f2;
            stroke: #1da1f2; }
          .banner__discipline .banner--options .social-icons-container .social-button svg.sharing-panel--icon__twitter path:not(:first-child) {
            fill: #1da1f2; }
          .banner__discipline .banner--options .social-icons-container .social-button svg.sharing-panel--icon__vk path:not(:first-child) {
            fill: #6383a8; }
          .banner__discipline .banner--options .social-icons-container .social-button svg.sharing-panel--icon__vk:hover path:first-child, .banner__discipline .banner--options .social-icons-container .social-button svg.sharing-panel--icon__vk:focus path:first-child {
            fill: #6383a8;
            stroke: #6383a8; }
          .banner__discipline .banner--options .social-icons-container .social-button svg.sharing-panel--icon__wechat path:not(:first-child) {
            fill: #2dc100; }
          .banner__discipline .banner--options .social-icons-container .social-button svg.sharing-panel--icon__wechat:hover path:first-child, .banner__discipline .banner--options .social-icons-container .social-button svg.sharing-panel--icon__wechat:focus path:first-child {
            fill: #2dc100;
            stroke: #2dc100; }
    .banner__discipline .banner--options .icon:not(.active) {
      background-color: rgba(0, 0, 0, 0.5);
      border-color: #fff; }
    @media (min-width: 768px) {
      .banner__discipline .banner--options {
        top: auto;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        position: absolute;
        top: 50%;
        transform: translateY(-50%); } }
  .banner__discipline:before {
    opacity: .3; }
  .banner__discipline.color__blue .banner--title > span {
    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
    display: inline;
    background: #0081C8;
    color: #fff; }
  @media all and (-ms-high-contrast: none) {
    .banner__discipline.color__blue .banner--title {
      /* IE10 */
      /* IE11 */ }
      .banner__discipline.color__blue .banner--title span {
        background-color: #0081C8;
        background-image: linear-gradient(to right, #0081C8 0%, #0081C8 100%); }
      .banner__discipline.color__blue .banner--title *::-ms-backdrop, .banner__discipline.color__blue .banner--title span {
        background-color: #0081C8;
        background-image: linear-gradient(to right, #0081C8 0%, #0081C8 100%); } }
  .banner__discipline.color__green .banner--title > span {
    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
    display: inline;
    background: #28a745;
    color: #fff; }
  @media all and (-ms-high-contrast: none) {
    .banner__discipline.color__green .banner--title {
      /* IE10 */
      /* IE11 */ }
      .banner__discipline.color__green .banner--title span {
        background-color: #28a745;
        background-image: linear-gradient(to right, #28a745 0%, #28a745 100%); }
      .banner__discipline.color__green .banner--title *::-ms-backdrop, .banner__discipline.color__green .banner--title span {
        background-color: #28a745;
        background-image: linear-gradient(to right, #28a745 0%, #28a745 100%); } }
  .banner__discipline.color__red .banner--title > span {
    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
    display: inline;
    background: #EE334E;
    color: #fff; }
  @media all and (-ms-high-contrast: none) {
    .banner__discipline.color__red .banner--title {
      /* IE10 */
      /* IE11 */ }
      .banner__discipline.color__red .banner--title span {
        background-color: #EE334E;
        background-image: linear-gradient(to right, #EE334E 0%, #EE334E 100%); }
      .banner__discipline.color__red .banner--title *::-ms-backdrop, .banner__discipline.color__red .banner--title span {
        background-color: #EE334E;
        background-image: linear-gradient(to right, #EE334E 0%, #EE334E 100%); } }
  .banner__discipline.color__yellow .banner--title > span {
    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
    display: inline;
    background: #FCB131;
    color: #2d2d2d; }
  @media all and (-ms-high-contrast: none) {
    .banner__discipline.color__yellow .banner--title {
      /* IE10 */
      /* IE11 */ }
      .banner__discipline.color__yellow .banner--title span {
        background-color: #FCB131;
        background-image: linear-gradient(to right, #FCB131 0%, #FCB131 100%); }
      .banner__discipline.color__yellow .banner--title *::-ms-backdrop, .banner__discipline.color__yellow .banner--title span {
        background-color: #FCB131;
        background-image: linear-gradient(to right, #FCB131 0%, #FCB131 100%); } }
  .banner__discipline .banner--title {
    margin-bottom: 0; }
  .banner__discipline .banner--content {
    -ms-flex-flow: row nowrap;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center; }
  .banner__discipline .sponsorship {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #2d2d2d;
    float: right; }
  .banner__discipline .sponsorship--title {
    font-family: "AktivGrotesk", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    text-align: right;
    line-height: 1; }
    .banner__discipline .sponsorship--title a {
      color: #2d2d2d;
      text-decoration: underline;
      font-size: 11px;
      font-size: 0.6875rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 14px; }
      .ko .banner__discipline .sponsorship--title a {
        font-size: 9px;
        font-size: 0.5625rem; }
      .ko .banner__discipline .sponsorship--title a,
      .zh .banner__discipline .sponsorship--title a {
        line-height: 16px; }
  .banner__discipline .sponsorship--label {
    font-size: 12px;
    font-size: 0.75rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 14px;
    font-family: "AktivGrotesk", Arial, Helvetica, sans-serif;
    display: block;
    text-align: end;
    text-transform: none;
    font-weight: normal; }
    .ko .banner__discipline .sponsorship--label {
      font-size: 10px;
      font-size: 0.625rem; }
    .ko .banner__discipline .sponsorship--label,
    .zh .banner__discipline .sponsorship--label {
      line-height: 16px; }
  @media (min-width: 568px) {
    .banner__discipline .sponsorship--logo {
      display: block;
      margin-left: 1rem; } }
  .banner__discipline .sponsorship {
    margin: 5px 0;
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fff; }
    .banner__discipline .sponsorship .sponsorship--label {
      margin-right: 5px; }
  .banner__discipline .association {
    position: static;
    right: 15px;
    bottom: 10px;
    color: #2d2d2d;
    display: flex;
    align-items: center; }
    @media (min-width: 568px) {
      .banner__discipline .association {
        bottom: 0; } }
  .banner__discipline .association--title {
    font-family: "AktivGrotesk", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    text-align: right;
    line-height: 1; }
    .banner__discipline .association--title a {
      color: #2d2d2d;
      text-decoration: underline;
      font-size: 11px;
      font-size: 0.6875rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 14px; }
      .ko .banner__discipline .association--title a {
        font-size: 9px;
        font-size: 0.5625rem; }
      .ko .banner__discipline .association--title a,
      .zh .banner__discipline .association--title a {
        line-height: 16px; }
  .banner__discipline .association--label {
    font-size: 12px;
    font-size: 0.75rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 14px;
    font-family: "AktivGrotesk", Arial, Helvetica, sans-serif;
    display: block;
    text-align: end;
    text-transform: none;
    font-weight: normal; }
    .ko .banner__discipline .association--label {
      font-size: 10px;
      font-size: 0.625rem; }
    .ko .banner__discipline .association--label,
    .zh .banner__discipline .association--label {
      line-height: 16px; }
  .banner__discipline .association--logo {
    display: none;
    width: 40px;
    height: 40px; }
    @media (min-width: 568px) {
      .banner__discipline .association--logo {
        display: block;
        margin-left: 1rem; } }
  .banner__discipline .association {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%; }
  .banner__discipline .association--logo {
    display: block !important;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 5px; }

.banner__athlete {
  position: relative;
  height: 202px;
  z-index: 0; }
  @media (min-width: 568px) {
    .banner__athlete {
      height: 266px; } }
  .banner__athlete:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.7) 100%);
    background-repeat: repeat-x; }
  .banner__athlete > .container, .section__mosaic-originals .banner__athlete > .section--header {
    position: relative;
    height: 100%; }
  .banner__athlete .btn-back {
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1; }
  .banner__athlete .banner--img {
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 202px;
    width: auto;
    height: 202px;
    z-index: -100;
    position: absolute;
    overflow: hidden;
    margin: 0;
    background: #EE334E; }
    @media (min-width: 568px) {
      .banner__athlete .banner--img {
        min-height: 100%;
        height: auto; } }
    .banner__athlete .banner--img + .responsive-desktop {
      display: none; }
      @media (min-width: 568px) {
        .banner__athlete .banner--img + .responsive-desktop {
          display: block; } }
    .banner__athlete .banner--img + .responsive-mobile {
      display: block;
      min-height: 202px;
      height: 202px; }
      @media (min-width: 568px) {
        .banner__athlete .banner--img + .responsive-mobile {
          display: none; } }
    .banner__athlete .banner--img img {
      max-width: inherit;
      height: 100%;
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      width: auto;
      height: auto;
      max-height: none;
      max-width: none;
      min-height: 100%;
      min-width: 100%; }
  .banner__athlete .banner--content {
    color: #fff;
    max-width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column nowrap; }
    @media (min-width: 568px) {
      .banner__athlete .banner--content {
        max-width: 85%; } }
    @media (min-width: 768px) {
      .banner__athlete .banner--content {
        max-width: 70%; } }
  .banner__athlete .banner--title {
    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
    line-height: 0; }
    .banner__athlete .banner--title > span {
      -webkit-box-decoration-break: clone;
      -ms-box-decoration-break: clone;
      -o-box-decoration-break: clone;
      box-decoration-break: clone;
      display: inline;
      background: #06466D;
      color: #fff; }
    @media all and (-ms-high-contrast: none) {
      .banner__athlete .banner--title {
        /* IE10 */
        /* IE11 */ }
        .banner__athlete .banner--title span {
          background-color: #06466D;
          background-image: linear-gradient(to right, #06466D 0%, #06466D 100%); }
        .banner__athlete .banner--title *::-ms-backdrop, .banner__athlete .banner--title span {
          background-color: #06466D;
          background-image: linear-gradient(to right, #06466D 0%, #06466D 100%); } }
    .banner__athlete .banner--title > span {
      font-size: 32px;
      font-size: 2rem;
      font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 34px;
      font-weight: bold;
      text-transform: uppercase; }
      .ko .banner__athlete .banner--title > span {
        font-size: 30px;
        font-size: 1.875rem; }
      .ko .banner__athlete .banner--title > span,
      .zh .banner__athlete .banner--title > span {
        line-height: 36px; }
      @media (min-width: 568px) {
        .banner__athlete .banner--title > span {
          font-size: 36px;
          font-size: 2.25rem;
          font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 38px; }
          .ko .banner__athlete .banner--title > span {
            font-size: 34px;
            font-size: 2.125rem; }
          .ko .banner__athlete .banner--title > span,
          .zh .banner__athlete .banner--title > span {
            line-height: 40px; } }
      @media (min-width: 992px) {
        .banner__athlete .banner--title > span {
          font-size: 44px;
          font-size: 2.75rem;
          font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 46px; }
          .ko .banner__athlete .banner--title > span {
            font-size: 42px;
            font-size: 2.625rem; }
          .ko .banner__athlete .banner--title > span,
          .zh .banner__athlete .banner--title > span {
            line-height: 48px; } }
      @media (min-width: 1200px) {
        .banner__athlete .banner--title > span {
          font-size: 50px;
          font-size: 3.125rem;
          font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 52px; }
          .ko .banner__athlete .banner--title > span {
            font-size: 48px;
            font-size: 3rem; }
          .ko .banner__athlete .banner--title > span,
          .zh .banner__athlete .banner--title > span {
            line-height: 54px; } }
  .banner__athlete .banner--description {
    font-weight: normal;
    font-size: 18px;
    font-size: 1.125rem;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 20px; }
    .ko .banner__athlete .banner--description {
      font-size: 16px;
      font-size: 1rem; }
    .ko .banner__athlete .banner--description,
    .zh .banner__athlete .banner--description {
      line-height: 22px; }
    @media (min-width: 768px) {
      .banner__athlete .banner--description {
        font-size: 21px;
        font-size: 1.3125rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 23px; }
        .ko .banner__athlete .banner--description {
          font-size: 19px;
          font-size: 1.1875rem; }
        .ko .banner__athlete .banner--description,
        .zh .banner__athlete .banner--description {
          line-height: 25px; } }
  .banner__athlete .banner--info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: fit-content;
    width: -moz-fit-content;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    background-color: #fff;
    color: #2d2d2d; }
  .banner__athlete .banner--date > span {
    display: inline-block;
    line-height: 1; }
  .banner__athlete .btn {
    display: table;
    margin-top: .5rem; }
    @media (min-width: 768px) {
      .banner__athlete .btn {
        padding: 0.5rem 2.5rem;
        font-size: 1.25rem;
        line-height: 1.5;
        border-radius: 0;
        min-width: 140px;
        margin-top: 1rem; } }
  .banner__athlete .banner--options {
    position: absolute;
    right: 10px;
    top: 10px; }
    .banner__athlete .banner--options > reactor {
      display: inline-block; }
    .banner__athlete .banner--options .icon {
      width: 40px;
      height: 40px;
      color: #fff;
      box-sizing: border-box;
      opacity: 1; }
      .banner__athlete .banner--options .icon.icon-share {
        font-size: 27px;
        font-size: 1.6875rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 31px;
        -moz-transition: border-color, background-color 0.3s ease-in-out;
        -o-transition: border-color, background-color 0.3s ease-in-out;
        -ms-transition: border-color, background-color 0.3s ease-in-out;
        -webkit-transition: border-color, background-color 0.3s ease-in-out;
        transition: border-color, background-color 0.3s ease-in-out;
        outline: none; }
        .ko .banner__athlete .banner--options .icon.icon-share {
          font-size: 25px;
          font-size: 1.5625rem; }
        .ko .banner__athlete .banner--options .icon.icon-share,
        .zh .banner__athlete .banner--options .icon.icon-share {
          line-height: 33px; }
      @media (min-width: 768px) {
        .banner__athlete .banner--options .icon {
          font-size: 23px;
          font-size: 1.4375rem;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 27px;
          width: 50px;
          height: 50px;
          border-width: 3px; }
          .ko .banner__athlete .banner--options .icon {
            font-size: 21px;
            font-size: 1.3125rem; }
          .ko .banner__athlete .banner--options .icon,
          .zh .banner__athlete .banner--options .icon {
            line-height: 29px; }
          .banner__athlete .banner--options .icon.icon-share {
            font-size: 31px;
            font-size: 1.9375rem;
            /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
            line-height: 35px; }
            .ko .banner__athlete .banner--options .icon.icon-share {
              font-size: 29px;
              font-size: 1.8125rem; }
            .ko .banner__athlete .banner--options .icon.icon-share,
            .zh .banner__athlete .banner--options .icon.icon-share {
              line-height: 37px; } }
    .banner__athlete .banner--options .icon-favorite {
      -moz-transition: border-color, background-color 0.3s ease-in-out;
      -o-transition: border-color, background-color 0.3s ease-in-out;
      -ms-transition: border-color, background-color 0.3s ease-in-out;
      -webkit-transition: border-color, background-color 0.3s ease-in-out;
      transition: border-color, background-color 0.3s ease-in-out;
      outline: none; }
      .banner__athlete .banner--options .icon-favorite.active {
        background-color: #EE334E;
        border-color: #EE334E; }
    .banner__athlete .banner--options .social-icons-container {
      vertical-align: top;
      margin: 0 5px;
      background-color: #fff;
      height: 40px;
      display: inline-block;
      border-radius: 20px;
      padding: 2px;
      position: absolute;
      width: 196px;
      right: calc(50% + 44px);
      z-index: 20; }
      @media (min-width: 768px) {
        .banner__athlete .banner--options .social-icons-container {
          border-radius: 25px;
          padding: 5px;
          height: 50px;
          right: calc(50% + 60px);
          width: 222px; } }
      .banner__athlete .banner--options .social-icons-container .social-button {
        display: inline-block;
        padding: 0;
        margin: 0;
        height: 36px;
        width: 36px; }
        @media (min-width: 768px) {
          .banner__athlete .banner--options .social-icons-container .social-button {
            height: 40px;
            width: 40px; } }
        .banner__athlete .banner--options .social-icons-container .social-button:not(:first-child) {
          margin-left: 3px; }
        .banner__athlete .banner--options .social-icons-container .social-button svg {
          height: 36px;
          width: 36px; }
          .banner__athlete .banner--options .social-icons-container .social-button svg path {
            -moz-transition: fill 0.3s ease-in-out;
            -o-transition: fill 0.3s ease-in-out;
            -ms-transition: fill 0.3s ease-in-out;
            -webkit-transition: fill 0.3s ease-in-out;
            transition: fill 0.3s ease-in-out; }
          .banner__athlete .banner--options .social-icons-container .social-button svg:hover path:not(:first-child), .banner__athlete .banner--options .social-icons-container .social-button svg:focus path:not(:first-child) {
            fill: #fff !important; }
          .banner__athlete .banner--options .social-icons-container .social-button svg:hover path:first-child, .banner__athlete .banner--options .social-icons-container .social-button svg:focus path:first-child {
            fill: #2d2d2d;
            stroke: #2d2d2d; }
          @media (min-width: 768px) {
            .banner__athlete .banner--options .social-icons-container .social-button svg {
              height: auto;
              width: auto; } }
          .banner__athlete .banner--options .social-icons-container .social-button svg.sharing-panel--icon__facebook path:not(:first-child) {
            fill: #3b5998; }
          .banner__athlete .banner--options .social-icons-container .social-button svg.sharing-panel--icon__facebook:hover path:first-child, .banner__athlete .banner--options .social-icons-container .social-button svg.sharing-panel--icon__facebook:focus path:first-child {
            fill: #3b5998;
            stroke: #3b5998; }
          .banner__athlete .banner--options .social-icons-container .social-button svg.sharing-panel--icon__twitter:hover path:first-child, .banner__athlete .banner--options .social-icons-container .social-button svg.sharing-panel--icon__twitter:focus path:first-child {
            fill: #1da1f2;
            stroke: #1da1f2; }
          .banner__athlete .banner--options .social-icons-container .social-button svg.sharing-panel--icon__twitter path:not(:first-child) {
            fill: #1da1f2; }
          .banner__athlete .banner--options .social-icons-container .social-button svg.sharing-panel--icon__vk path:not(:first-child) {
            fill: #6383a8; }
          .banner__athlete .banner--options .social-icons-container .social-button svg.sharing-panel--icon__vk:hover path:first-child, .banner__athlete .banner--options .social-icons-container .social-button svg.sharing-panel--icon__vk:focus path:first-child {
            fill: #6383a8;
            stroke: #6383a8; }
          .banner__athlete .banner--options .social-icons-container .social-button svg.sharing-panel--icon__wechat path:not(:first-child) {
            fill: #2dc100; }
          .banner__athlete .banner--options .social-icons-container .social-button svg.sharing-panel--icon__wechat:hover path:first-child, .banner__athlete .banner--options .social-icons-container .social-button svg.sharing-panel--icon__wechat:focus path:first-child {
            fill: #2dc100;
            stroke: #2dc100; }
    .banner__athlete .banner--options .icon:not(.active) {
      background-color: rgba(0, 0, 0, 0.5);
      border-color: #fff; }
    @media (min-width: 768px) {
      .banner__athlete .banner--options {
        top: auto;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        position: absolute;
        top: 50%;
        transform: translateY(-50%); } }
  .banner__athlete .banner--title {
    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone; }
    .banner__athlete .banner--title > span {
      -webkit-box-decoration-break: clone;
      -ms-box-decoration-break: clone;
      -o-box-decoration-break: clone;
      box-decoration-break: clone;
      display: inline;
      background: #06466D;
      color: #fff; }
    @media all and (-ms-high-contrast: none) {
      .banner__athlete .banner--title {
        /* IE10 */
        /* IE11 */ }
        .banner__athlete .banner--title span {
          background-color: #06466D;
          background-image: linear-gradient(to right, #06466D 0%, #06466D 100%); }
        .banner__athlete .banner--title *::-ms-backdrop, .banner__athlete .banner--title span {
          background-color: #06466D;
          background-image: linear-gradient(to right, #06466D 0%, #06466D 100%); } }
  .banner__athlete .banner--content {
    -ms-flex-flow: row nowrap;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center; }
  .banner__athlete .banner--info {
    text-transform: uppercase;
    font-size: 17px;
    font-size: 1.0625rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 20px; }
    .ko .banner__athlete .banner--info {
      font-size: 15px;
      font-size: 0.9375rem; }
    .ko .banner__athlete .banner--info,
    .zh .banner__athlete .banner--info {
      line-height: 22px; }
  .banner__athlete .sponsorship {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #2d2d2d;
    float: right; }
  .banner__athlete .sponsorship--title {
    font-family: "AktivGrotesk", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    text-align: right;
    line-height: 1; }
    .banner__athlete .sponsorship--title a {
      color: #2d2d2d;
      text-decoration: underline;
      font-size: 11px;
      font-size: 0.6875rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 14px; }
      .ko .banner__athlete .sponsorship--title a {
        font-size: 9px;
        font-size: 0.5625rem; }
      .ko .banner__athlete .sponsorship--title a,
      .zh .banner__athlete .sponsorship--title a {
        line-height: 16px; }
  .banner__athlete .sponsorship--label {
    font-size: 12px;
    font-size: 0.75rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 14px;
    font-family: "AktivGrotesk", Arial, Helvetica, sans-serif;
    display: block;
    text-align: end;
    text-transform: none;
    font-weight: normal; }
    .ko .banner__athlete .sponsorship--label {
      font-size: 10px;
      font-size: 0.625rem; }
    .ko .banner__athlete .sponsorship--label,
    .zh .banner__athlete .sponsorship--label {
      line-height: 16px; }
  @media (min-width: 568px) {
    .banner__athlete .sponsorship--logo {
      display: block;
      margin-left: 1rem; } }
  .banner__athlete .sponsorship {
    margin: 5px 0;
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fff; }
    .banner__athlete .sponsorship .sponsorship--label {
      margin-right: 5px; }
  .banner__athlete .athlete--info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    width: calc(100% - 110px);
    margin-left: .25rem; }
    @media (min-width: 568px) {
      .banner__athlete .athlete--info {
        margin-left: 1rem; } }
    @media (min-width: 768px) {
      .banner__athlete .athlete--info {
        width: calc(100% - 150px); } }
  .banner__athlete .athlete--img {
    width: 100px;
    height: 100px;
    border: 3px solid #fff;
    overflow: hidden;
    margin: 0;
    border-radius: 100%; }
    @media (min-width: 768px) {
      .banner__athlete .athlete--img {
        width: 153px;
        height: 153px; } }
    .banner__athlete .athlete--img img {
      width: 100%;
      height: 100%; }
  .banner__athlete .socialbar {
    position: absolute;
    bottom: 10px;
    left: 10px;
    color: #fff; }
    @media (min-width: 568px) {
      .banner__athlete .socialbar {
        left: 125px; } }
    @media (min-width: 768px) {
      .banner__athlete .socialbar {
        left: 180px; } }
    .banner__athlete .socialbar .socialbar--label,
    .banner__athlete .socialbar .socialbar--list {
      display: inline-block;
      vertical-align: middle; }
    .banner__athlete .socialbar .socialbar--label {
      font-size: 14px;
      font-size: 0.875rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 18px; }
      .ko .banner__athlete .socialbar .socialbar--label {
        font-size: 12px;
        font-size: 0.75rem; }
      .ko .banner__athlete .socialbar .socialbar--label,
      .zh .banner__athlete .socialbar .socialbar--label {
        line-height: 20px; }
    .banner__athlete .socialbar .icon {
      color: #fff;
      border-color: transparent;
      font-size: 18px;
      font-size: 1.125rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 22px; }
      .ko .banner__athlete .socialbar .icon {
        font-size: 16px;
        font-size: 1rem; }
      .ko .banner__athlete .socialbar .icon,
      .zh .banner__athlete .socialbar .icon {
        line-height: 24px; }

.banner__event {
  position: relative;
  height: 202px;
  z-index: 0; }
  @media (min-width: 568px) {
    .banner__event {
      height: 266px; } }
  .banner__event:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.7) 100%);
    background-repeat: repeat-x; }
  .banner__event > .container, .section__mosaic-originals .banner__event > .section--header {
    position: relative;
    height: 100%; }
  .banner__event .btn-back {
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1; }
  .banner__event .banner--img {
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 202px;
    width: auto;
    height: 202px;
    z-index: -100;
    position: absolute;
    overflow: hidden;
    margin: 0;
    background: #EE334E; }
    @media (min-width: 568px) {
      .banner__event .banner--img {
        min-height: 100%;
        height: auto; } }
    .banner__event .banner--img + .responsive-desktop {
      display: none; }
      @media (min-width: 568px) {
        .banner__event .banner--img + .responsive-desktop {
          display: block; } }
    .banner__event .banner--img + .responsive-mobile {
      display: block;
      min-height: 202px;
      height: 202px; }
      @media (min-width: 568px) {
        .banner__event .banner--img + .responsive-mobile {
          display: none; } }
    .banner__event .banner--img img {
      max-width: inherit;
      height: 100%;
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      width: auto;
      height: auto;
      max-height: none;
      max-width: none;
      min-height: 100%;
      min-width: 100%; }
  .banner__event .banner--content {
    color: #fff;
    max-width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column nowrap; }
    @media (min-width: 568px) {
      .banner__event .banner--content {
        max-width: 85%; } }
    @media (min-width: 768px) {
      .banner__event .banner--content {
        max-width: 70%; } }
  .banner__event .banner--title {
    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
    line-height: 0; }
    .banner__event .banner--title > span {
      -webkit-box-decoration-break: clone;
      -ms-box-decoration-break: clone;
      -o-box-decoration-break: clone;
      box-decoration-break: clone;
      display: inline;
      background: #06466D;
      color: #fff; }
    @media all and (-ms-high-contrast: none) {
      .banner__event .banner--title {
        /* IE10 */
        /* IE11 */ }
        .banner__event .banner--title span {
          background-color: #06466D;
          background-image: linear-gradient(to right, #06466D 0%, #06466D 100%); }
        .banner__event .banner--title *::-ms-backdrop, .banner__event .banner--title span {
          background-color: #06466D;
          background-image: linear-gradient(to right, #06466D 0%, #06466D 100%); } }
    .banner__event .banner--title > span {
      font-size: 32px;
      font-size: 2rem;
      font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 34px;
      font-weight: bold;
      text-transform: uppercase; }
      .ko .banner__event .banner--title > span {
        font-size: 30px;
        font-size: 1.875rem; }
      .ko .banner__event .banner--title > span,
      .zh .banner__event .banner--title > span {
        line-height: 36px; }
      @media (min-width: 568px) {
        .banner__event .banner--title > span {
          font-size: 36px;
          font-size: 2.25rem;
          font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 38px; }
          .ko .banner__event .banner--title > span {
            font-size: 34px;
            font-size: 2.125rem; }
          .ko .banner__event .banner--title > span,
          .zh .banner__event .banner--title > span {
            line-height: 40px; } }
      @media (min-width: 992px) {
        .banner__event .banner--title > span {
          font-size: 44px;
          font-size: 2.75rem;
          font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 46px; }
          .ko .banner__event .banner--title > span {
            font-size: 42px;
            font-size: 2.625rem; }
          .ko .banner__event .banner--title > span,
          .zh .banner__event .banner--title > span {
            line-height: 48px; } }
      @media (min-width: 1200px) {
        .banner__event .banner--title > span {
          font-size: 50px;
          font-size: 3.125rem;
          font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 52px; }
          .ko .banner__event .banner--title > span {
            font-size: 48px;
            font-size: 3rem; }
          .ko .banner__event .banner--title > span,
          .zh .banner__event .banner--title > span {
            line-height: 54px; } }
  .banner__event .banner--description {
    font-weight: normal;
    font-size: 18px;
    font-size: 1.125rem;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 20px; }
    .ko .banner__event .banner--description {
      font-size: 16px;
      font-size: 1rem; }
    .ko .banner__event .banner--description,
    .zh .banner__event .banner--description {
      line-height: 22px; }
    @media (min-width: 768px) {
      .banner__event .banner--description {
        font-size: 21px;
        font-size: 1.3125rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 23px; }
        .ko .banner__event .banner--description {
          font-size: 19px;
          font-size: 1.1875rem; }
        .ko .banner__event .banner--description,
        .zh .banner__event .banner--description {
          line-height: 25px; } }
  .banner__event .banner--info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: fit-content;
    width: -moz-fit-content;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    background-color: #fff;
    color: #2d2d2d; }
  .banner__event .banner--date > span {
    display: inline-block;
    line-height: 1; }
  .banner__event .btn {
    display: table;
    margin-top: .5rem; }
    @media (min-width: 768px) {
      .banner__event .btn {
        padding: 0.5rem 2.5rem;
        font-size: 1.25rem;
        line-height: 1.5;
        border-radius: 0;
        min-width: 140px;
        margin-top: 1rem; } }
  .banner__event .banner--options {
    position: absolute;
    right: 10px;
    top: 10px; }
    .banner__event .banner--options > reactor {
      display: inline-block; }
    .banner__event .banner--options .icon {
      width: 40px;
      height: 40px;
      color: #fff;
      box-sizing: border-box;
      opacity: 1; }
      .banner__event .banner--options .icon.icon-share {
        font-size: 27px;
        font-size: 1.6875rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 31px;
        -moz-transition: border-color, background-color 0.3s ease-in-out;
        -o-transition: border-color, background-color 0.3s ease-in-out;
        -ms-transition: border-color, background-color 0.3s ease-in-out;
        -webkit-transition: border-color, background-color 0.3s ease-in-out;
        transition: border-color, background-color 0.3s ease-in-out;
        outline: none; }
        .ko .banner__event .banner--options .icon.icon-share {
          font-size: 25px;
          font-size: 1.5625rem; }
        .ko .banner__event .banner--options .icon.icon-share,
        .zh .banner__event .banner--options .icon.icon-share {
          line-height: 33px; }
      @media (min-width: 768px) {
        .banner__event .banner--options .icon {
          font-size: 23px;
          font-size: 1.4375rem;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 27px;
          width: 50px;
          height: 50px;
          border-width: 3px; }
          .ko .banner__event .banner--options .icon {
            font-size: 21px;
            font-size: 1.3125rem; }
          .ko .banner__event .banner--options .icon,
          .zh .banner__event .banner--options .icon {
            line-height: 29px; }
          .banner__event .banner--options .icon.icon-share {
            font-size: 31px;
            font-size: 1.9375rem;
            /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
            line-height: 35px; }
            .ko .banner__event .banner--options .icon.icon-share {
              font-size: 29px;
              font-size: 1.8125rem; }
            .ko .banner__event .banner--options .icon.icon-share,
            .zh .banner__event .banner--options .icon.icon-share {
              line-height: 37px; } }
    .banner__event .banner--options .icon-favorite {
      -moz-transition: border-color, background-color 0.3s ease-in-out;
      -o-transition: border-color, background-color 0.3s ease-in-out;
      -ms-transition: border-color, background-color 0.3s ease-in-out;
      -webkit-transition: border-color, background-color 0.3s ease-in-out;
      transition: border-color, background-color 0.3s ease-in-out;
      outline: none; }
      .banner__event .banner--options .icon-favorite.active {
        background-color: #EE334E;
        border-color: #EE334E; }
    .banner__event .banner--options .social-icons-container {
      vertical-align: top;
      margin: 0 5px;
      background-color: #fff;
      height: 40px;
      display: inline-block;
      border-radius: 20px;
      padding: 2px;
      position: absolute;
      width: 196px;
      right: calc(50% + 44px);
      z-index: 20; }
      @media (min-width: 768px) {
        .banner__event .banner--options .social-icons-container {
          border-radius: 25px;
          padding: 5px;
          height: 50px;
          right: calc(50% + 60px);
          width: 222px; } }
      .banner__event .banner--options .social-icons-container .social-button {
        display: inline-block;
        padding: 0;
        margin: 0;
        height: 36px;
        width: 36px; }
        @media (min-width: 768px) {
          .banner__event .banner--options .social-icons-container .social-button {
            height: 40px;
            width: 40px; } }
        .banner__event .banner--options .social-icons-container .social-button:not(:first-child) {
          margin-left: 3px; }
        .banner__event .banner--options .social-icons-container .social-button svg {
          height: 36px;
          width: 36px; }
          .banner__event .banner--options .social-icons-container .social-button svg path {
            -moz-transition: fill 0.3s ease-in-out;
            -o-transition: fill 0.3s ease-in-out;
            -ms-transition: fill 0.3s ease-in-out;
            -webkit-transition: fill 0.3s ease-in-out;
            transition: fill 0.3s ease-in-out; }
          .banner__event .banner--options .social-icons-container .social-button svg:hover path:not(:first-child), .banner__event .banner--options .social-icons-container .social-button svg:focus path:not(:first-child) {
            fill: #fff !important; }
          .banner__event .banner--options .social-icons-container .social-button svg:hover path:first-child, .banner__event .banner--options .social-icons-container .social-button svg:focus path:first-child {
            fill: #2d2d2d;
            stroke: #2d2d2d; }
          @media (min-width: 768px) {
            .banner__event .banner--options .social-icons-container .social-button svg {
              height: auto;
              width: auto; } }
          .banner__event .banner--options .social-icons-container .social-button svg.sharing-panel--icon__facebook path:not(:first-child) {
            fill: #3b5998; }
          .banner__event .banner--options .social-icons-container .social-button svg.sharing-panel--icon__facebook:hover path:first-child, .banner__event .banner--options .social-icons-container .social-button svg.sharing-panel--icon__facebook:focus path:first-child {
            fill: #3b5998;
            stroke: #3b5998; }
          .banner__event .banner--options .social-icons-container .social-button svg.sharing-panel--icon__twitter:hover path:first-child, .banner__event .banner--options .social-icons-container .social-button svg.sharing-panel--icon__twitter:focus path:first-child {
            fill: #1da1f2;
            stroke: #1da1f2; }
          .banner__event .banner--options .social-icons-container .social-button svg.sharing-panel--icon__twitter path:not(:first-child) {
            fill: #1da1f2; }
          .banner__event .banner--options .social-icons-container .social-button svg.sharing-panel--icon__vk path:not(:first-child) {
            fill: #6383a8; }
          .banner__event .banner--options .social-icons-container .social-button svg.sharing-panel--icon__vk:hover path:first-child, .banner__event .banner--options .social-icons-container .social-button svg.sharing-panel--icon__vk:focus path:first-child {
            fill: #6383a8;
            stroke: #6383a8; }
          .banner__event .banner--options .social-icons-container .social-button svg.sharing-panel--icon__wechat path:not(:first-child) {
            fill: #2dc100; }
          .banner__event .banner--options .social-icons-container .social-button svg.sharing-panel--icon__wechat:hover path:first-child, .banner__event .banner--options .social-icons-container .social-button svg.sharing-panel--icon__wechat:focus path:first-child {
            fill: #2dc100;
            stroke: #2dc100; }
    .banner__event .banner--options .icon:not(.active) {
      background-color: rgba(0, 0, 0, 0.5);
      border-color: #fff; }
    @media (min-width: 768px) {
      .banner__event .banner--options {
        top: auto;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        position: absolute;
        top: 50%;
        transform: translateY(-50%); } }
  .banner__event .association {
    position: absolute;
    right: 15px;
    bottom: 10px;
    color: #fff;
    display: flex;
    align-items: center; }
    @media (min-width: 568px) {
      .banner__event .association {
        bottom: 0; } }
  .banner__event .association--title {
    font-family: "AktivGrotesk", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    text-align: right;
    line-height: 1; }
    .banner__event .association--title a {
      color: #fff;
      text-decoration: underline;
      font-size: 11px;
      font-size: 0.6875rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 14px; }
      .ko .banner__event .association--title a {
        font-size: 9px;
        font-size: 0.5625rem; }
      .ko .banner__event .association--title a,
      .zh .banner__event .association--title a {
        line-height: 16px; }
  .banner__event .association--label {
    font-size: 12px;
    font-size: 0.75rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 14px;
    font-family: "AktivGrotesk", Arial, Helvetica, sans-serif;
    display: block;
    text-align: end;
    text-transform: none;
    font-weight: normal; }
    .ko .banner__event .association--label {
      font-size: 10px;
      font-size: 0.625rem; }
    .ko .banner__event .association--label,
    .zh .banner__event .association--label {
      line-height: 16px; }
  .banner__event .association--logo {
    display: none;
    width: 64px;
    height: 64px; }
    @media (min-width: 568px) {
      .banner__event .association--logo {
        display: block;
        margin-left: 1rem; } }
  .banner__event .sponsorship {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #2d2d2d;
    float: right; }
  .banner__event .sponsorship--title {
    font-family: "AktivGrotesk", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    text-align: right;
    line-height: 1; }
    .banner__event .sponsorship--title a {
      color: #2d2d2d;
      text-decoration: underline;
      font-size: 11px;
      font-size: 0.6875rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 14px; }
      .ko .banner__event .sponsorship--title a {
        font-size: 9px;
        font-size: 0.5625rem; }
      .ko .banner__event .sponsorship--title a,
      .zh .banner__event .sponsorship--title a {
        line-height: 16px; }
  .banner__event .sponsorship--label {
    font-size: 12px;
    font-size: 0.75rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 14px;
    font-family: "AktivGrotesk", Arial, Helvetica, sans-serif;
    display: block;
    text-align: end;
    text-transform: none;
    font-weight: normal; }
    .ko .banner__event .sponsorship--label {
      font-size: 10px;
      font-size: 0.625rem; }
    .ko .banner__event .sponsorship--label,
    .zh .banner__event .sponsorship--label {
      line-height: 16px; }
  @media (min-width: 568px) {
    .banner__event .sponsorship--logo {
      display: block;
      margin-left: 1rem; } }
  .banner__event .sponsorship {
    margin: 5px 0;
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fff; }
    .banner__event .sponsorship .sponsorship--label {
      margin-right: 5px; }
  .banner__event .banner--content {
    justify-content: center; }
  .banner__event .event--venue {
    display: inline-block; }
  .banner__event .event--date {
    display: table;
    font-size: 26px;
    font-size: 1.625rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 28px;
    font-weight: bold;
    background-color: #fff;
    color: #2d2d2d; }
    .ko .banner__event .event--date {
      font-size: 24px;
      font-size: 1.5rem; }
    .ko .banner__event .event--date,
    .zh .banner__event .event--date {
      line-height: 30px; }
    @media (min-width: 768px) {
      .banner__event .event--date {
        align-self: start;
        font-size: 30px;
        font-size: 1.875rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 40px;
        display: flex;
        flex-wrap: wrap;
        max-width: 150px; }
        .ko .banner__event .event--date {
          font-size: 28px;
          font-size: 1.75rem; }
        .ko .banner__event .event--date,
        .zh .banner__event .event--date {
          line-height: 42px; } }
    @media (min-width: 768px) {
      .banner__event .event--date > span {
        width: 100%;
        display: flex;
        justify-content: space-between; }
        .banner__event .event--date > span + span {
          border-top: 1px solid #adb5bd; } }
    .banner__event .event--date small {
      font-size: 12px;
      font-size: 0.75rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 20px;
      font-weight: bold;
      align-self: flex-end;
      line-height: 30px;
      max-width: 80px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      .ko .banner__event .event--date small {
        font-size: 10px;
        font-size: 0.625rem; }
      .ko .banner__event .event--date small,
      .zh .banner__event .event--date small {
        line-height: 22px; }

.banner__series {
  position: relative;
  height: 202px;
  z-index: 0; }
  @media (min-width: 568px) {
    .banner__series {
      height: 266px; } }
  .banner__series:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.7) 100%);
    background-repeat: repeat-x; }
  .banner__series > .container, .section__mosaic-originals .banner__series > .section--header {
    position: relative;
    height: 100%; }
  .banner__series .btn-back {
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1; }
  .banner__series .banner--img {
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 202px;
    width: auto;
    height: 202px;
    z-index: -100;
    position: absolute;
    overflow: hidden;
    margin: 0;
    background: #EE334E; }
    @media (min-width: 568px) {
      .banner__series .banner--img {
        min-height: 100%;
        height: auto; } }
    .banner__series .banner--img + .responsive-desktop {
      display: none; }
      @media (min-width: 568px) {
        .banner__series .banner--img + .responsive-desktop {
          display: block; } }
    .banner__series .banner--img + .responsive-mobile {
      display: block;
      min-height: 202px;
      height: 202px; }
      @media (min-width: 568px) {
        .banner__series .banner--img + .responsive-mobile {
          display: none; } }
    .banner__series .banner--img img {
      max-width: inherit;
      height: 100%;
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      width: auto;
      height: auto;
      max-height: none;
      max-width: none;
      min-height: 100%;
      min-width: 100%; }
  .banner__series .banner--content {
    color: #fff;
    max-width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column nowrap; }
    @media (min-width: 568px) {
      .banner__series .banner--content {
        max-width: 85%; } }
    @media (min-width: 768px) {
      .banner__series .banner--content {
        max-width: 70%; } }
  .banner__series .banner--title {
    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
    line-height: 0; }
    .banner__series .banner--title > span {
      -webkit-box-decoration-break: clone;
      -ms-box-decoration-break: clone;
      -o-box-decoration-break: clone;
      box-decoration-break: clone;
      display: inline;
      background: #06466D;
      color: #fff; }
    @media all and (-ms-high-contrast: none) {
      .banner__series .banner--title {
        /* IE10 */
        /* IE11 */ }
        .banner__series .banner--title span {
          background-color: #06466D;
          background-image: linear-gradient(to right, #06466D 0%, #06466D 100%); }
        .banner__series .banner--title *::-ms-backdrop, .banner__series .banner--title span {
          background-color: #06466D;
          background-image: linear-gradient(to right, #06466D 0%, #06466D 100%); } }
    .banner__series .banner--title > span {
      font-size: 32px;
      font-size: 2rem;
      font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 34px;
      font-weight: bold;
      text-transform: uppercase; }
      .ko .banner__series .banner--title > span {
        font-size: 30px;
        font-size: 1.875rem; }
      .ko .banner__series .banner--title > span,
      .zh .banner__series .banner--title > span {
        line-height: 36px; }
      @media (min-width: 568px) {
        .banner__series .banner--title > span {
          font-size: 36px;
          font-size: 2.25rem;
          font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 38px; }
          .ko .banner__series .banner--title > span {
            font-size: 34px;
            font-size: 2.125rem; }
          .ko .banner__series .banner--title > span,
          .zh .banner__series .banner--title > span {
            line-height: 40px; } }
      @media (min-width: 992px) {
        .banner__series .banner--title > span {
          font-size: 44px;
          font-size: 2.75rem;
          font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 46px; }
          .ko .banner__series .banner--title > span {
            font-size: 42px;
            font-size: 2.625rem; }
          .ko .banner__series .banner--title > span,
          .zh .banner__series .banner--title > span {
            line-height: 48px; } }
      @media (min-width: 1200px) {
        .banner__series .banner--title > span {
          font-size: 50px;
          font-size: 3.125rem;
          font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 52px; }
          .ko .banner__series .banner--title > span {
            font-size: 48px;
            font-size: 3rem; }
          .ko .banner__series .banner--title > span,
          .zh .banner__series .banner--title > span {
            line-height: 54px; } }
  .banner__series .banner--description {
    font-weight: normal;
    font-size: 18px;
    font-size: 1.125rem;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 20px; }
    .ko .banner__series .banner--description {
      font-size: 16px;
      font-size: 1rem; }
    .ko .banner__series .banner--description,
    .zh .banner__series .banner--description {
      line-height: 22px; }
    @media (min-width: 768px) {
      .banner__series .banner--description {
        font-size: 21px;
        font-size: 1.3125rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 23px; }
        .ko .banner__series .banner--description {
          font-size: 19px;
          font-size: 1.1875rem; }
        .ko .banner__series .banner--description,
        .zh .banner__series .banner--description {
          line-height: 25px; } }
  .banner__series .banner--info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: fit-content;
    width: -moz-fit-content;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    background-color: #fff;
    color: #2d2d2d; }
  .banner__series .banner--date > span {
    display: inline-block;
    line-height: 1; }
  .banner__series .btn {
    display: table;
    margin-top: .5rem; }
    @media (min-width: 768px) {
      .banner__series .btn {
        padding: 0.5rem 2.5rem;
        font-size: 1.25rem;
        line-height: 1.5;
        border-radius: 0;
        min-width: 140px;
        margin-top: 1rem; } }
  .banner__series .banner--options {
    position: absolute;
    right: 10px;
    top: 10px; }
    .banner__series .banner--options > reactor {
      display: inline-block; }
    .banner__series .banner--options .icon {
      width: 40px;
      height: 40px;
      color: #fff;
      box-sizing: border-box;
      opacity: 1; }
      .banner__series .banner--options .icon.icon-share {
        font-size: 27px;
        font-size: 1.6875rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 31px;
        -moz-transition: border-color, background-color 0.3s ease-in-out;
        -o-transition: border-color, background-color 0.3s ease-in-out;
        -ms-transition: border-color, background-color 0.3s ease-in-out;
        -webkit-transition: border-color, background-color 0.3s ease-in-out;
        transition: border-color, background-color 0.3s ease-in-out;
        outline: none; }
        .ko .banner__series .banner--options .icon.icon-share {
          font-size: 25px;
          font-size: 1.5625rem; }
        .ko .banner__series .banner--options .icon.icon-share,
        .zh .banner__series .banner--options .icon.icon-share {
          line-height: 33px; }
      @media (min-width: 768px) {
        .banner__series .banner--options .icon {
          font-size: 23px;
          font-size: 1.4375rem;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 27px;
          width: 50px;
          height: 50px;
          border-width: 3px; }
          .ko .banner__series .banner--options .icon {
            font-size: 21px;
            font-size: 1.3125rem; }
          .ko .banner__series .banner--options .icon,
          .zh .banner__series .banner--options .icon {
            line-height: 29px; }
          .banner__series .banner--options .icon.icon-share {
            font-size: 31px;
            font-size: 1.9375rem;
            /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
            line-height: 35px; }
            .ko .banner__series .banner--options .icon.icon-share {
              font-size: 29px;
              font-size: 1.8125rem; }
            .ko .banner__series .banner--options .icon.icon-share,
            .zh .banner__series .banner--options .icon.icon-share {
              line-height: 37px; } }
    .banner__series .banner--options .icon-favorite {
      -moz-transition: border-color, background-color 0.3s ease-in-out;
      -o-transition: border-color, background-color 0.3s ease-in-out;
      -ms-transition: border-color, background-color 0.3s ease-in-out;
      -webkit-transition: border-color, background-color 0.3s ease-in-out;
      transition: border-color, background-color 0.3s ease-in-out;
      outline: none; }
      .banner__series .banner--options .icon-favorite.active {
        background-color: #EE334E;
        border-color: #EE334E; }
    .banner__series .banner--options .social-icons-container {
      vertical-align: top;
      margin: 0 5px;
      background-color: #fff;
      height: 40px;
      display: inline-block;
      border-radius: 20px;
      padding: 2px;
      position: absolute;
      width: 196px;
      right: calc(50% + 44px);
      z-index: 20; }
      @media (min-width: 768px) {
        .banner__series .banner--options .social-icons-container {
          border-radius: 25px;
          padding: 5px;
          height: 50px;
          right: calc(50% + 60px);
          width: 222px; } }
      .banner__series .banner--options .social-icons-container .social-button {
        display: inline-block;
        padding: 0;
        margin: 0;
        height: 36px;
        width: 36px; }
        @media (min-width: 768px) {
          .banner__series .banner--options .social-icons-container .social-button {
            height: 40px;
            width: 40px; } }
        .banner__series .banner--options .social-icons-container .social-button:not(:first-child) {
          margin-left: 3px; }
        .banner__series .banner--options .social-icons-container .social-button svg {
          height: 36px;
          width: 36px; }
          .banner__series .banner--options .social-icons-container .social-button svg path {
            -moz-transition: fill 0.3s ease-in-out;
            -o-transition: fill 0.3s ease-in-out;
            -ms-transition: fill 0.3s ease-in-out;
            -webkit-transition: fill 0.3s ease-in-out;
            transition: fill 0.3s ease-in-out; }
          .banner__series .banner--options .social-icons-container .social-button svg:hover path:not(:first-child), .banner__series .banner--options .social-icons-container .social-button svg:focus path:not(:first-child) {
            fill: #fff !important; }
          .banner__series .banner--options .social-icons-container .social-button svg:hover path:first-child, .banner__series .banner--options .social-icons-container .social-button svg:focus path:first-child {
            fill: #2d2d2d;
            stroke: #2d2d2d; }
          @media (min-width: 768px) {
            .banner__series .banner--options .social-icons-container .social-button svg {
              height: auto;
              width: auto; } }
          .banner__series .banner--options .social-icons-container .social-button svg.sharing-panel--icon__facebook path:not(:first-child) {
            fill: #3b5998; }
          .banner__series .banner--options .social-icons-container .social-button svg.sharing-panel--icon__facebook:hover path:first-child, .banner__series .banner--options .social-icons-container .social-button svg.sharing-panel--icon__facebook:focus path:first-child {
            fill: #3b5998;
            stroke: #3b5998; }
          .banner__series .banner--options .social-icons-container .social-button svg.sharing-panel--icon__twitter:hover path:first-child, .banner__series .banner--options .social-icons-container .social-button svg.sharing-panel--icon__twitter:focus path:first-child {
            fill: #1da1f2;
            stroke: #1da1f2; }
          .banner__series .banner--options .social-icons-container .social-button svg.sharing-panel--icon__twitter path:not(:first-child) {
            fill: #1da1f2; }
          .banner__series .banner--options .social-icons-container .social-button svg.sharing-panel--icon__vk path:not(:first-child) {
            fill: #6383a8; }
          .banner__series .banner--options .social-icons-container .social-button svg.sharing-panel--icon__vk:hover path:first-child, .banner__series .banner--options .social-icons-container .social-button svg.sharing-panel--icon__vk:focus path:first-child {
            fill: #6383a8;
            stroke: #6383a8; }
          .banner__series .banner--options .social-icons-container .social-button svg.sharing-panel--icon__wechat path:not(:first-child) {
            fill: #2dc100; }
          .banner__series .banner--options .social-icons-container .social-button svg.sharing-panel--icon__wechat:hover path:first-child, .banner__series .banner--options .social-icons-container .social-button svg.sharing-panel--icon__wechat:focus path:first-child {
            fill: #2dc100;
            stroke: #2dc100; }
    .banner__series .banner--options .icon:not(.active) {
      background-color: rgba(0, 0, 0, 0.5);
      border-color: #fff; }
    @media (min-width: 768px) {
      .banner__series .banner--options {
        top: auto;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        position: absolute;
        top: 50%;
        transform: translateY(-50%); } }
  .banner__series:before {
    background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
    background-repeat: repeat-x; }
  .banner__series .banner--content {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center; }
  .banner__series .banner--img-title {
    margin-bottom: 0; }
    @media (max-width: 767.98px) {
      .banner__series .banner--img-title {
        width: 170px; } }
  @media (max-width: 567.98px) {
    .banner__series .btn-group {
      margin: 0 auto; } }
  .banner__series .btn + .btn {
    margin-left: 10px; }
  .banner__series .sponsorship {
    background: #2d2d2d;
    justify-content: center;
    color: #fff;
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    overflow: hidden; }
    @media (min-width: 568px) {
      .banner__series .sponsorship {
        background: transparent;
        bottom: 0;
        right: 10px;
        left: auto; } }
  .banner__series .sponsorship--title {
    font-family: "AktivGrotesk", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    text-align: right;
    line-height: 1; }
    .banner__series .sponsorship--title a {
      color: #fff;
      text-decoration: underline;
      font-size: 11px;
      font-size: 0.6875rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 14px; }
      .ko .banner__series .sponsorship--title a {
        font-size: 9px;
        font-size: 0.5625rem; }
      .ko .banner__series .sponsorship--title a,
      .zh .banner__series .sponsorship--title a {
        line-height: 16px; }
  .banner__series .sponsorship--label {
    font-size: 12px;
    font-size: 0.75rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 14px;
    font-family: "AktivGrotesk", Arial, Helvetica, sans-serif;
    display: block;
    text-align: end;
    text-transform: none;
    font-weight: normal; }
    .ko .banner__series .sponsorship--label {
      font-size: 10px;
      font-size: 0.625rem; }
    .ko .banner__series .sponsorship--label,
    .zh .banner__series .sponsorship--label {
      line-height: 16px; }
  .banner__series .sponsorship--logo {
    width: auto;
    height: auto; }
    @media (min-width: 568px) {
      .banner__series .sponsorship--logo {
        display: block;
        margin-left: 1rem; } }
  @media (max-width: 567.98px) {
    .banner__series .sponsorship {
      bottom: -30px; }
      .banner__series .sponsorship .sponsorship--label {
        margin: 0 10px; } }
  @media (min-width: 568px) {
    .banner__series .banner--partnership {
      background: transparent;
      position: absolute;
      bottom: 10px;
      right: 10px;
      margin: 0; } }
  .banner__series .banner--partnership-label {
    font-size: 12px;
    font-size: 0.75rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 32px;
    color: #fff; }
    .ko .banner__series .banner--partnership-label {
      font-size: 10px;
      font-size: 0.625rem; }
    .ko .banner__series .banner--partnership-label,
    .zh .banner__series .banner--partnership-label {
      line-height: 34px; }
  .banner__series .banner--partnership-logo {
    height: 32px;
    max-width: 100%;
    overflow: hidden; }

.banner__story {
  position: relative;
  height: 202px;
  z-index: 0; }
  @media (min-width: 568px) {
    .banner__story {
      height: 266px; } }
  .banner__story:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.7) 100%);
    background-repeat: repeat-x; }
  .banner__story > .container, .section__mosaic-originals .banner__story > .section--header {
    position: relative;
    height: 100%; }
  .banner__story .btn-back {
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1; }
  .banner__story .banner--img {
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 202px;
    width: auto;
    height: 202px;
    z-index: -100;
    position: absolute;
    overflow: hidden;
    margin: 0;
    background: #EE334E; }
    @media (min-width: 568px) {
      .banner__story .banner--img {
        min-height: 100%;
        height: auto; } }
    .banner__story .banner--img + .responsive-desktop {
      display: none; }
      @media (min-width: 568px) {
        .banner__story .banner--img + .responsive-desktop {
          display: block; } }
    .banner__story .banner--img + .responsive-mobile {
      display: block;
      min-height: 202px;
      height: 202px; }
      @media (min-width: 568px) {
        .banner__story .banner--img + .responsive-mobile {
          display: none; } }
    .banner__story .banner--img img {
      max-width: inherit;
      height: 100%;
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      width: auto;
      height: auto;
      max-height: none;
      max-width: none;
      min-height: 100%;
      min-width: 100%; }
  .banner__story .banner--content {
    color: #fff;
    max-width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column nowrap; }
    @media (min-width: 568px) {
      .banner__story .banner--content {
        max-width: 85%; } }
    @media (min-width: 768px) {
      .banner__story .banner--content {
        max-width: 70%; } }
  .banner__story .banner--title {
    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
    line-height: 0; }
    .banner__story .banner--title > span {
      -webkit-box-decoration-break: clone;
      -ms-box-decoration-break: clone;
      -o-box-decoration-break: clone;
      box-decoration-break: clone;
      display: inline;
      background: #06466D;
      color: #fff; }
    @media all and (-ms-high-contrast: none) {
      .banner__story .banner--title {
        /* IE10 */
        /* IE11 */ }
        .banner__story .banner--title span {
          background-color: #06466D;
          background-image: linear-gradient(to right, #06466D 0%, #06466D 100%); }
        .banner__story .banner--title *::-ms-backdrop, .banner__story .banner--title span {
          background-color: #06466D;
          background-image: linear-gradient(to right, #06466D 0%, #06466D 100%); } }
    .banner__story .banner--title > span {
      font-size: 32px;
      font-size: 2rem;
      font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 34px;
      font-weight: bold;
      text-transform: uppercase; }
      .ko .banner__story .banner--title > span {
        font-size: 30px;
        font-size: 1.875rem; }
      .ko .banner__story .banner--title > span,
      .zh .banner__story .banner--title > span {
        line-height: 36px; }
      @media (min-width: 568px) {
        .banner__story .banner--title > span {
          font-size: 36px;
          font-size: 2.25rem;
          font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 38px; }
          .ko .banner__story .banner--title > span {
            font-size: 34px;
            font-size: 2.125rem; }
          .ko .banner__story .banner--title > span,
          .zh .banner__story .banner--title > span {
            line-height: 40px; } }
      @media (min-width: 992px) {
        .banner__story .banner--title > span {
          font-size: 44px;
          font-size: 2.75rem;
          font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 46px; }
          .ko .banner__story .banner--title > span {
            font-size: 42px;
            font-size: 2.625rem; }
          .ko .banner__story .banner--title > span,
          .zh .banner__story .banner--title > span {
            line-height: 48px; } }
      @media (min-width: 1200px) {
        .banner__story .banner--title > span {
          font-size: 50px;
          font-size: 3.125rem;
          font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 52px; }
          .ko .banner__story .banner--title > span {
            font-size: 48px;
            font-size: 3rem; }
          .ko .banner__story .banner--title > span,
          .zh .banner__story .banner--title > span {
            line-height: 54px; } }
  .banner__story .banner--description {
    font-weight: normal;
    font-size: 18px;
    font-size: 1.125rem;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 20px; }
    .ko .banner__story .banner--description {
      font-size: 16px;
      font-size: 1rem; }
    .ko .banner__story .banner--description,
    .zh .banner__story .banner--description {
      line-height: 22px; }
    @media (min-width: 768px) {
      .banner__story .banner--description {
        font-size: 21px;
        font-size: 1.3125rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 23px; }
        .ko .banner__story .banner--description {
          font-size: 19px;
          font-size: 1.1875rem; }
        .ko .banner__story .banner--description,
        .zh .banner__story .banner--description {
          line-height: 25px; } }
  .banner__story .banner--info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: fit-content;
    width: -moz-fit-content;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    background-color: #fff;
    color: #2d2d2d; }
  .banner__story .banner--date > span {
    display: inline-block;
    line-height: 1; }
  .banner__story .btn {
    display: table;
    margin-top: .5rem; }
    @media (min-width: 768px) {
      .banner__story .btn {
        padding: 0.5rem 2.5rem;
        font-size: 1.25rem;
        line-height: 1.5;
        border-radius: 0;
        min-width: 140px;
        margin-top: 1rem; } }
  .banner__story .banner--options {
    position: absolute;
    right: 10px;
    top: 10px; }
    .banner__story .banner--options > reactor {
      display: inline-block; }
    .banner__story .banner--options .icon {
      width: 40px;
      height: 40px;
      color: #fff;
      box-sizing: border-box;
      opacity: 1; }
      .banner__story .banner--options .icon.icon-share {
        font-size: 27px;
        font-size: 1.6875rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 31px;
        -moz-transition: border-color, background-color 0.3s ease-in-out;
        -o-transition: border-color, background-color 0.3s ease-in-out;
        -ms-transition: border-color, background-color 0.3s ease-in-out;
        -webkit-transition: border-color, background-color 0.3s ease-in-out;
        transition: border-color, background-color 0.3s ease-in-out;
        outline: none; }
        .ko .banner__story .banner--options .icon.icon-share {
          font-size: 25px;
          font-size: 1.5625rem; }
        .ko .banner__story .banner--options .icon.icon-share,
        .zh .banner__story .banner--options .icon.icon-share {
          line-height: 33px; }
      @media (min-width: 768px) {
        .banner__story .banner--options .icon {
          font-size: 23px;
          font-size: 1.4375rem;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 27px;
          width: 50px;
          height: 50px;
          border-width: 3px; }
          .ko .banner__story .banner--options .icon {
            font-size: 21px;
            font-size: 1.3125rem; }
          .ko .banner__story .banner--options .icon,
          .zh .banner__story .banner--options .icon {
            line-height: 29px; }
          .banner__story .banner--options .icon.icon-share {
            font-size: 31px;
            font-size: 1.9375rem;
            /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
            line-height: 35px; }
            .ko .banner__story .banner--options .icon.icon-share {
              font-size: 29px;
              font-size: 1.8125rem; }
            .ko .banner__story .banner--options .icon.icon-share,
            .zh .banner__story .banner--options .icon.icon-share {
              line-height: 37px; } }
    .banner__story .banner--options .icon-favorite {
      -moz-transition: border-color, background-color 0.3s ease-in-out;
      -o-transition: border-color, background-color 0.3s ease-in-out;
      -ms-transition: border-color, background-color 0.3s ease-in-out;
      -webkit-transition: border-color, background-color 0.3s ease-in-out;
      transition: border-color, background-color 0.3s ease-in-out;
      outline: none; }
      .banner__story .banner--options .icon-favorite.active {
        background-color: #EE334E;
        border-color: #EE334E; }
    .banner__story .banner--options .social-icons-container {
      vertical-align: top;
      margin: 0 5px;
      background-color: #fff;
      height: 40px;
      display: inline-block;
      border-radius: 20px;
      padding: 2px;
      position: absolute;
      width: 196px;
      right: calc(50% + 44px);
      z-index: 20; }
      @media (min-width: 768px) {
        .banner__story .banner--options .social-icons-container {
          border-radius: 25px;
          padding: 5px;
          height: 50px;
          right: calc(50% + 60px);
          width: 222px; } }
      .banner__story .banner--options .social-icons-container .social-button {
        display: inline-block;
        padding: 0;
        margin: 0;
        height: 36px;
        width: 36px; }
        @media (min-width: 768px) {
          .banner__story .banner--options .social-icons-container .social-button {
            height: 40px;
            width: 40px; } }
        .banner__story .banner--options .social-icons-container .social-button:not(:first-child) {
          margin-left: 3px; }
        .banner__story .banner--options .social-icons-container .social-button svg {
          height: 36px;
          width: 36px; }
          .banner__story .banner--options .social-icons-container .social-button svg path {
            -moz-transition: fill 0.3s ease-in-out;
            -o-transition: fill 0.3s ease-in-out;
            -ms-transition: fill 0.3s ease-in-out;
            -webkit-transition: fill 0.3s ease-in-out;
            transition: fill 0.3s ease-in-out; }
          .banner__story .banner--options .social-icons-container .social-button svg:hover path:not(:first-child), .banner__story .banner--options .social-icons-container .social-button svg:focus path:not(:first-child) {
            fill: #fff !important; }
          .banner__story .banner--options .social-icons-container .social-button svg:hover path:first-child, .banner__story .banner--options .social-icons-container .social-button svg:focus path:first-child {
            fill: #2d2d2d;
            stroke: #2d2d2d; }
          @media (min-width: 768px) {
            .banner__story .banner--options .social-icons-container .social-button svg {
              height: auto;
              width: auto; } }
          .banner__story .banner--options .social-icons-container .social-button svg.sharing-panel--icon__facebook path:not(:first-child) {
            fill: #3b5998; }
          .banner__story .banner--options .social-icons-container .social-button svg.sharing-panel--icon__facebook:hover path:first-child, .banner__story .banner--options .social-icons-container .social-button svg.sharing-panel--icon__facebook:focus path:first-child {
            fill: #3b5998;
            stroke: #3b5998; }
          .banner__story .banner--options .social-icons-container .social-button svg.sharing-panel--icon__twitter:hover path:first-child, .banner__story .banner--options .social-icons-container .social-button svg.sharing-panel--icon__twitter:focus path:first-child {
            fill: #1da1f2;
            stroke: #1da1f2; }
          .banner__story .banner--options .social-icons-container .social-button svg.sharing-panel--icon__twitter path:not(:first-child) {
            fill: #1da1f2; }
          .banner__story .banner--options .social-icons-container .social-button svg.sharing-panel--icon__vk path:not(:first-child) {
            fill: #6383a8; }
          .banner__story .banner--options .social-icons-container .social-button svg.sharing-panel--icon__vk:hover path:first-child, .banner__story .banner--options .social-icons-container .social-button svg.sharing-panel--icon__vk:focus path:first-child {
            fill: #6383a8;
            stroke: #6383a8; }
          .banner__story .banner--options .social-icons-container .social-button svg.sharing-panel--icon__wechat path:not(:first-child) {
            fill: #2dc100; }
          .banner__story .banner--options .social-icons-container .social-button svg.sharing-panel--icon__wechat:hover path:first-child, .banner__story .banner--options .social-icons-container .social-button svg.sharing-panel--icon__wechat:focus path:first-child {
            fill: #2dc100;
            stroke: #2dc100; }
    .banner__story .banner--options .icon:not(.active) {
      background-color: rgba(0, 0, 0, 0.5);
      border-color: #fff; }
    @media (min-width: 768px) {
      .banner__story .banner--options {
        top: auto;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        position: absolute;
        top: 50%;
        transform: translateY(-50%); } }
  .banner__story .banner--content {
    -ms-flex-align: start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center; }

.banner__play {
  position: relative;
  height: 202px;
  z-index: 0; }
  @media (min-width: 568px) {
    .banner__play {
      height: 266px; } }
  .banner__play:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.7) 100%);
    background-repeat: repeat-x; }
  .banner__play > .container, .section__mosaic-originals .banner__play > .section--header {
    position: relative;
    height: 100%; }
  .banner__play .btn-back {
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1; }
  .banner__play .banner--img {
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 202px;
    width: auto;
    height: 202px;
    z-index: -100;
    position: absolute;
    overflow: hidden;
    margin: 0;
    background: #EE334E; }
    @media (min-width: 568px) {
      .banner__play .banner--img {
        min-height: 100%;
        height: auto; } }
    .banner__play .banner--img + .responsive-desktop {
      display: none; }
      @media (min-width: 568px) {
        .banner__play .banner--img + .responsive-desktop {
          display: block; } }
    .banner__play .banner--img + .responsive-mobile {
      display: block;
      min-height: 202px;
      height: 202px; }
      @media (min-width: 568px) {
        .banner__play .banner--img + .responsive-mobile {
          display: none; } }
    .banner__play .banner--img img {
      max-width: inherit;
      height: 100%;
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      width: auto;
      height: auto;
      max-height: none;
      max-width: none;
      min-height: 100%;
      min-width: 100%; }
  .banner__play .banner--content {
    color: #fff;
    max-width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column nowrap; }
    @media (min-width: 568px) {
      .banner__play .banner--content {
        max-width: 85%; } }
    @media (min-width: 768px) {
      .banner__play .banner--content {
        max-width: 70%; } }
  .banner__play .banner--title {
    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
    line-height: 0; }
    .banner__play .banner--title > span {
      -webkit-box-decoration-break: clone;
      -ms-box-decoration-break: clone;
      -o-box-decoration-break: clone;
      box-decoration-break: clone;
      display: inline;
      background: #06466D;
      color: #fff; }
    @media all and (-ms-high-contrast: none) {
      .banner__play .banner--title {
        /* IE10 */
        /* IE11 */ }
        .banner__play .banner--title span {
          background-color: #06466D;
          background-image: linear-gradient(to right, #06466D 0%, #06466D 100%); }
        .banner__play .banner--title *::-ms-backdrop, .banner__play .banner--title span {
          background-color: #06466D;
          background-image: linear-gradient(to right, #06466D 0%, #06466D 100%); } }
    .banner__play .banner--title > span {
      font-size: 32px;
      font-size: 2rem;
      font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 34px;
      font-weight: bold;
      text-transform: uppercase; }
      .ko .banner__play .banner--title > span {
        font-size: 30px;
        font-size: 1.875rem; }
      .ko .banner__play .banner--title > span,
      .zh .banner__play .banner--title > span {
        line-height: 36px; }
      @media (min-width: 568px) {
        .banner__play .banner--title > span {
          font-size: 36px;
          font-size: 2.25rem;
          font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 38px; }
          .ko .banner__play .banner--title > span {
            font-size: 34px;
            font-size: 2.125rem; }
          .ko .banner__play .banner--title > span,
          .zh .banner__play .banner--title > span {
            line-height: 40px; } }
      @media (min-width: 992px) {
        .banner__play .banner--title > span {
          font-size: 44px;
          font-size: 2.75rem;
          font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 46px; }
          .ko .banner__play .banner--title > span {
            font-size: 42px;
            font-size: 2.625rem; }
          .ko .banner__play .banner--title > span,
          .zh .banner__play .banner--title > span {
            line-height: 48px; } }
      @media (min-width: 1200px) {
        .banner__play .banner--title > span {
          font-size: 50px;
          font-size: 3.125rem;
          font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 52px; }
          .ko .banner__play .banner--title > span {
            font-size: 48px;
            font-size: 3rem; }
          .ko .banner__play .banner--title > span,
          .zh .banner__play .banner--title > span {
            line-height: 54px; } }
  .banner__play .banner--description {
    font-weight: normal;
    font-size: 18px;
    font-size: 1.125rem;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 20px; }
    .ko .banner__play .banner--description {
      font-size: 16px;
      font-size: 1rem; }
    .ko .banner__play .banner--description,
    .zh .banner__play .banner--description {
      line-height: 22px; }
    @media (min-width: 768px) {
      .banner__play .banner--description {
        font-size: 21px;
        font-size: 1.3125rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 23px; }
        .ko .banner__play .banner--description {
          font-size: 19px;
          font-size: 1.1875rem; }
        .ko .banner__play .banner--description,
        .zh .banner__play .banner--description {
          line-height: 25px; } }
  .banner__play .banner--info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: fit-content;
    width: -moz-fit-content;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    background-color: #fff;
    color: #2d2d2d; }
  .banner__play .banner--date > span {
    display: inline-block;
    line-height: 1; }
  .banner__play .btn {
    display: table;
    margin-top: .5rem; }
    @media (min-width: 768px) {
      .banner__play .btn {
        padding: 0.5rem 2.5rem;
        font-size: 1.25rem;
        line-height: 1.5;
        border-radius: 0;
        min-width: 140px;
        margin-top: 1rem; } }
  .banner__play .banner--options {
    position: absolute;
    right: 10px;
    top: 10px; }
    .banner__play .banner--options > reactor {
      display: inline-block; }
    .banner__play .banner--options .icon {
      width: 40px;
      height: 40px;
      color: #fff;
      box-sizing: border-box;
      opacity: 1; }
      .banner__play .banner--options .icon.icon-share {
        font-size: 27px;
        font-size: 1.6875rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 31px;
        -moz-transition: border-color, background-color 0.3s ease-in-out;
        -o-transition: border-color, background-color 0.3s ease-in-out;
        -ms-transition: border-color, background-color 0.3s ease-in-out;
        -webkit-transition: border-color, background-color 0.3s ease-in-out;
        transition: border-color, background-color 0.3s ease-in-out;
        outline: none; }
        .ko .banner__play .banner--options .icon.icon-share {
          font-size: 25px;
          font-size: 1.5625rem; }
        .ko .banner__play .banner--options .icon.icon-share,
        .zh .banner__play .banner--options .icon.icon-share {
          line-height: 33px; }
      @media (min-width: 768px) {
        .banner__play .banner--options .icon {
          font-size: 23px;
          font-size: 1.4375rem;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 27px;
          width: 50px;
          height: 50px;
          border-width: 3px; }
          .ko .banner__play .banner--options .icon {
            font-size: 21px;
            font-size: 1.3125rem; }
          .ko .banner__play .banner--options .icon,
          .zh .banner__play .banner--options .icon {
            line-height: 29px; }
          .banner__play .banner--options .icon.icon-share {
            font-size: 31px;
            font-size: 1.9375rem;
            /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
            line-height: 35px; }
            .ko .banner__play .banner--options .icon.icon-share {
              font-size: 29px;
              font-size: 1.8125rem; }
            .ko .banner__play .banner--options .icon.icon-share,
            .zh .banner__play .banner--options .icon.icon-share {
              line-height: 37px; } }
    .banner__play .banner--options .icon-favorite {
      -moz-transition: border-color, background-color 0.3s ease-in-out;
      -o-transition: border-color, background-color 0.3s ease-in-out;
      -ms-transition: border-color, background-color 0.3s ease-in-out;
      -webkit-transition: border-color, background-color 0.3s ease-in-out;
      transition: border-color, background-color 0.3s ease-in-out;
      outline: none; }
      .banner__play .banner--options .icon-favorite.active {
        background-color: #EE334E;
        border-color: #EE334E; }
    .banner__play .banner--options .social-icons-container {
      vertical-align: top;
      margin: 0 5px;
      background-color: #fff;
      height: 40px;
      display: inline-block;
      border-radius: 20px;
      padding: 2px;
      position: absolute;
      width: 196px;
      right: calc(50% + 44px);
      z-index: 20; }
      @media (min-width: 768px) {
        .banner__play .banner--options .social-icons-container {
          border-radius: 25px;
          padding: 5px;
          height: 50px;
          right: calc(50% + 60px);
          width: 222px; } }
      .banner__play .banner--options .social-icons-container .social-button {
        display: inline-block;
        padding: 0;
        margin: 0;
        height: 36px;
        width: 36px; }
        @media (min-width: 768px) {
          .banner__play .banner--options .social-icons-container .social-button {
            height: 40px;
            width: 40px; } }
        .banner__play .banner--options .social-icons-container .social-button:not(:first-child) {
          margin-left: 3px; }
        .banner__play .banner--options .social-icons-container .social-button svg {
          height: 36px;
          width: 36px; }
          .banner__play .banner--options .social-icons-container .social-button svg path {
            -moz-transition: fill 0.3s ease-in-out;
            -o-transition: fill 0.3s ease-in-out;
            -ms-transition: fill 0.3s ease-in-out;
            -webkit-transition: fill 0.3s ease-in-out;
            transition: fill 0.3s ease-in-out; }
          .banner__play .banner--options .social-icons-container .social-button svg:hover path:not(:first-child), .banner__play .banner--options .social-icons-container .social-button svg:focus path:not(:first-child) {
            fill: #fff !important; }
          .banner__play .banner--options .social-icons-container .social-button svg:hover path:first-child, .banner__play .banner--options .social-icons-container .social-button svg:focus path:first-child {
            fill: #2d2d2d;
            stroke: #2d2d2d; }
          @media (min-width: 768px) {
            .banner__play .banner--options .social-icons-container .social-button svg {
              height: auto;
              width: auto; } }
          .banner__play .banner--options .social-icons-container .social-button svg.sharing-panel--icon__facebook path:not(:first-child) {
            fill: #3b5998; }
          .banner__play .banner--options .social-icons-container .social-button svg.sharing-panel--icon__facebook:hover path:first-child, .banner__play .banner--options .social-icons-container .social-button svg.sharing-panel--icon__facebook:focus path:first-child {
            fill: #3b5998;
            stroke: #3b5998; }
          .banner__play .banner--options .social-icons-container .social-button svg.sharing-panel--icon__twitter:hover path:first-child, .banner__play .banner--options .social-icons-container .social-button svg.sharing-panel--icon__twitter:focus path:first-child {
            fill: #1da1f2;
            stroke: #1da1f2; }
          .banner__play .banner--options .social-icons-container .social-button svg.sharing-panel--icon__twitter path:not(:first-child) {
            fill: #1da1f2; }
          .banner__play .banner--options .social-icons-container .social-button svg.sharing-panel--icon__vk path:not(:first-child) {
            fill: #6383a8; }
          .banner__play .banner--options .social-icons-container .social-button svg.sharing-panel--icon__vk:hover path:first-child, .banner__play .banner--options .social-icons-container .social-button svg.sharing-panel--icon__vk:focus path:first-child {
            fill: #6383a8;
            stroke: #6383a8; }
          .banner__play .banner--options .social-icons-container .social-button svg.sharing-panel--icon__wechat path:not(:first-child) {
            fill: #2dc100; }
          .banner__play .banner--options .social-icons-container .social-button svg.sharing-panel--icon__wechat:hover path:first-child, .banner__play .banner--options .social-icons-container .social-button svg.sharing-panel--icon__wechat:focus path:first-child {
            fill: #2dc100;
            stroke: #2dc100; }
    .banner__play .banner--options .icon:not(.active) {
      background-color: rgba(0, 0, 0, 0.5);
      border-color: #fff; }
    @media (min-width: 768px) {
      .banner__play .banner--options {
        top: auto;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        position: absolute;
        top: 50%;
        transform: translateY(-50%); } }
  .banner__play:before {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%);
    background-repeat: repeat-x; }
  .banner__play .banner--title {
    font-size: 30px;
    font-size: 1.875rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 28px; }
    .ko .banner__play .banner--title {
      font-size: 28px;
      font-size: 1.75rem; }
    .ko .banner__play .banner--title,
    .zh .banner__play .banner--title {
      line-height: 30px; }
  .banner__play .banner--roofline {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    font-size: 0.875rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 22px; }
    .ko .banner__play .banner--roofline {
      font-size: 12px;
      font-size: 0.75rem; }
    .ko .banner__play .banner--roofline,
    .zh .banner__play .banner--roofline {
      line-height: 24px; }
  .banner__play .banner--content {
    -ms-flex-align: start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center; }

.banner__story-list {
  position: relative;
  height: 202px;
  z-index: 0; }
  @media (min-width: 568px) {
    .banner__story-list {
      height: 266px; } }
  .banner__story-list:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.7) 100%);
    background-repeat: repeat-x; }
  .banner__story-list > .container, .section__mosaic-originals .banner__story-list > .section--header {
    position: relative;
    height: 100%; }
  .banner__story-list .btn-back {
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1; }
  .banner__story-list .banner--img {
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 202px;
    width: auto;
    height: 202px;
    z-index: -100;
    position: absolute;
    overflow: hidden;
    margin: 0;
    background: #EE334E; }
    @media (min-width: 568px) {
      .banner__story-list .banner--img {
        min-height: 100%;
        height: auto; } }
    .banner__story-list .banner--img + .responsive-desktop {
      display: none; }
      @media (min-width: 568px) {
        .banner__story-list .banner--img + .responsive-desktop {
          display: block; } }
    .banner__story-list .banner--img + .responsive-mobile {
      display: block;
      min-height: 202px;
      height: 202px; }
      @media (min-width: 568px) {
        .banner__story-list .banner--img + .responsive-mobile {
          display: none; } }
    .banner__story-list .banner--img img {
      max-width: inherit;
      height: 100%;
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      width: auto;
      height: auto;
      max-height: none;
      max-width: none;
      min-height: 100%;
      min-width: 100%; }
  .banner__story-list .banner--content {
    color: #fff;
    max-width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column nowrap; }
    @media (min-width: 568px) {
      .banner__story-list .banner--content {
        max-width: 85%; } }
    @media (min-width: 768px) {
      .banner__story-list .banner--content {
        max-width: 70%; } }
  .banner__story-list .banner--title {
    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
    line-height: 0; }
    .banner__story-list .banner--title > span {
      -webkit-box-decoration-break: clone;
      -ms-box-decoration-break: clone;
      -o-box-decoration-break: clone;
      box-decoration-break: clone;
      display: inline;
      background: #06466D;
      color: #fff; }
    @media all and (-ms-high-contrast: none) {
      .banner__story-list .banner--title {
        /* IE10 */
        /* IE11 */ }
        .banner__story-list .banner--title span {
          background-color: #06466D;
          background-image: linear-gradient(to right, #06466D 0%, #06466D 100%); }
        .banner__story-list .banner--title *::-ms-backdrop, .banner__story-list .banner--title span {
          background-color: #06466D;
          background-image: linear-gradient(to right, #06466D 0%, #06466D 100%); } }
    .banner__story-list .banner--title > span {
      font-size: 32px;
      font-size: 2rem;
      font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 34px;
      font-weight: bold;
      text-transform: uppercase; }
      .ko .banner__story-list .banner--title > span {
        font-size: 30px;
        font-size: 1.875rem; }
      .ko .banner__story-list .banner--title > span,
      .zh .banner__story-list .banner--title > span {
        line-height: 36px; }
      @media (min-width: 568px) {
        .banner__story-list .banner--title > span {
          font-size: 36px;
          font-size: 2.25rem;
          font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 38px; }
          .ko .banner__story-list .banner--title > span {
            font-size: 34px;
            font-size: 2.125rem; }
          .ko .banner__story-list .banner--title > span,
          .zh .banner__story-list .banner--title > span {
            line-height: 40px; } }
      @media (min-width: 992px) {
        .banner__story-list .banner--title > span {
          font-size: 44px;
          font-size: 2.75rem;
          font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 46px; }
          .ko .banner__story-list .banner--title > span {
            font-size: 42px;
            font-size: 2.625rem; }
          .ko .banner__story-list .banner--title > span,
          .zh .banner__story-list .banner--title > span {
            line-height: 48px; } }
      @media (min-width: 1200px) {
        .banner__story-list .banner--title > span {
          font-size: 50px;
          font-size: 3.125rem;
          font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 52px; }
          .ko .banner__story-list .banner--title > span {
            font-size: 48px;
            font-size: 3rem; }
          .ko .banner__story-list .banner--title > span,
          .zh .banner__story-list .banner--title > span {
            line-height: 54px; } }
  .banner__story-list .banner--description {
    font-weight: normal;
    font-size: 18px;
    font-size: 1.125rem;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 20px; }
    .ko .banner__story-list .banner--description {
      font-size: 16px;
      font-size: 1rem; }
    .ko .banner__story-list .banner--description,
    .zh .banner__story-list .banner--description {
      line-height: 22px; }
    @media (min-width: 768px) {
      .banner__story-list .banner--description {
        font-size: 21px;
        font-size: 1.3125rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 23px; }
        .ko .banner__story-list .banner--description {
          font-size: 19px;
          font-size: 1.1875rem; }
        .ko .banner__story-list .banner--description,
        .zh .banner__story-list .banner--description {
          line-height: 25px; } }
  .banner__story-list .banner--info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: fit-content;
    width: -moz-fit-content;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    background-color: #fff;
    color: #2d2d2d; }
  .banner__story-list .banner--date > span {
    display: inline-block;
    line-height: 1; }
  .banner__story-list .btn {
    display: table;
    margin-top: .5rem; }
    @media (min-width: 768px) {
      .banner__story-list .btn {
        padding: 0.5rem 2.5rem;
        font-size: 1.25rem;
        line-height: 1.5;
        border-radius: 0;
        min-width: 140px;
        margin-top: 1rem; } }
  .banner__story-list .banner--options {
    position: absolute;
    right: 10px;
    top: 10px; }
    .banner__story-list .banner--options > reactor {
      display: inline-block; }
    .banner__story-list .banner--options .icon {
      width: 40px;
      height: 40px;
      color: #fff;
      box-sizing: border-box;
      opacity: 1; }
      .banner__story-list .banner--options .icon.icon-share {
        font-size: 27px;
        font-size: 1.6875rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 31px;
        -moz-transition: border-color, background-color 0.3s ease-in-out;
        -o-transition: border-color, background-color 0.3s ease-in-out;
        -ms-transition: border-color, background-color 0.3s ease-in-out;
        -webkit-transition: border-color, background-color 0.3s ease-in-out;
        transition: border-color, background-color 0.3s ease-in-out;
        outline: none; }
        .ko .banner__story-list .banner--options .icon.icon-share {
          font-size: 25px;
          font-size: 1.5625rem; }
        .ko .banner__story-list .banner--options .icon.icon-share,
        .zh .banner__story-list .banner--options .icon.icon-share {
          line-height: 33px; }
      @media (min-width: 768px) {
        .banner__story-list .banner--options .icon {
          font-size: 23px;
          font-size: 1.4375rem;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 27px;
          width: 50px;
          height: 50px;
          border-width: 3px; }
          .ko .banner__story-list .banner--options .icon {
            font-size: 21px;
            font-size: 1.3125rem; }
          .ko .banner__story-list .banner--options .icon,
          .zh .banner__story-list .banner--options .icon {
            line-height: 29px; }
          .banner__story-list .banner--options .icon.icon-share {
            font-size: 31px;
            font-size: 1.9375rem;
            /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
            line-height: 35px; }
            .ko .banner__story-list .banner--options .icon.icon-share {
              font-size: 29px;
              font-size: 1.8125rem; }
            .ko .banner__story-list .banner--options .icon.icon-share,
            .zh .banner__story-list .banner--options .icon.icon-share {
              line-height: 37px; } }
    .banner__story-list .banner--options .icon-favorite {
      -moz-transition: border-color, background-color 0.3s ease-in-out;
      -o-transition: border-color, background-color 0.3s ease-in-out;
      -ms-transition: border-color, background-color 0.3s ease-in-out;
      -webkit-transition: border-color, background-color 0.3s ease-in-out;
      transition: border-color, background-color 0.3s ease-in-out;
      outline: none; }
      .banner__story-list .banner--options .icon-favorite.active {
        background-color: #EE334E;
        border-color: #EE334E; }
    .banner__story-list .banner--options .social-icons-container {
      vertical-align: top;
      margin: 0 5px;
      background-color: #fff;
      height: 40px;
      display: inline-block;
      border-radius: 20px;
      padding: 2px;
      position: absolute;
      width: 196px;
      right: calc(50% + 44px);
      z-index: 20; }
      @media (min-width: 768px) {
        .banner__story-list .banner--options .social-icons-container {
          border-radius: 25px;
          padding: 5px;
          height: 50px;
          right: calc(50% + 60px);
          width: 222px; } }
      .banner__story-list .banner--options .social-icons-container .social-button {
        display: inline-block;
        padding: 0;
        margin: 0;
        height: 36px;
        width: 36px; }
        @media (min-width: 768px) {
          .banner__story-list .banner--options .social-icons-container .social-button {
            height: 40px;
            width: 40px; } }
        .banner__story-list .banner--options .social-icons-container .social-button:not(:first-child) {
          margin-left: 3px; }
        .banner__story-list .banner--options .social-icons-container .social-button svg {
          height: 36px;
          width: 36px; }
          .banner__story-list .banner--options .social-icons-container .social-button svg path {
            -moz-transition: fill 0.3s ease-in-out;
            -o-transition: fill 0.3s ease-in-out;
            -ms-transition: fill 0.3s ease-in-out;
            -webkit-transition: fill 0.3s ease-in-out;
            transition: fill 0.3s ease-in-out; }
          .banner__story-list .banner--options .social-icons-container .social-button svg:hover path:not(:first-child), .banner__story-list .banner--options .social-icons-container .social-button svg:focus path:not(:first-child) {
            fill: #fff !important; }
          .banner__story-list .banner--options .social-icons-container .social-button svg:hover path:first-child, .banner__story-list .banner--options .social-icons-container .social-button svg:focus path:first-child {
            fill: #2d2d2d;
            stroke: #2d2d2d; }
          @media (min-width: 768px) {
            .banner__story-list .banner--options .social-icons-container .social-button svg {
              height: auto;
              width: auto; } }
          .banner__story-list .banner--options .social-icons-container .social-button svg.sharing-panel--icon__facebook path:not(:first-child) {
            fill: #3b5998; }
          .banner__story-list .banner--options .social-icons-container .social-button svg.sharing-panel--icon__facebook:hover path:first-child, .banner__story-list .banner--options .social-icons-container .social-button svg.sharing-panel--icon__facebook:focus path:first-child {
            fill: #3b5998;
            stroke: #3b5998; }
          .banner__story-list .banner--options .social-icons-container .social-button svg.sharing-panel--icon__twitter:hover path:first-child, .banner__story-list .banner--options .social-icons-container .social-button svg.sharing-panel--icon__twitter:focus path:first-child {
            fill: #1da1f2;
            stroke: #1da1f2; }
          .banner__story-list .banner--options .social-icons-container .social-button svg.sharing-panel--icon__twitter path:not(:first-child) {
            fill: #1da1f2; }
          .banner__story-list .banner--options .social-icons-container .social-button svg.sharing-panel--icon__vk path:not(:first-child) {
            fill: #6383a8; }
          .banner__story-list .banner--options .social-icons-container .social-button svg.sharing-panel--icon__vk:hover path:first-child, .banner__story-list .banner--options .social-icons-container .social-button svg.sharing-panel--icon__vk:focus path:first-child {
            fill: #6383a8;
            stroke: #6383a8; }
          .banner__story-list .banner--options .social-icons-container .social-button svg.sharing-panel--icon__wechat path:not(:first-child) {
            fill: #2dc100; }
          .banner__story-list .banner--options .social-icons-container .social-button svg.sharing-panel--icon__wechat:hover path:first-child, .banner__story-list .banner--options .social-icons-container .social-button svg.sharing-panel--icon__wechat:focus path:first-child {
            fill: #2dc100;
            stroke: #2dc100; }
    .banner__story-list .banner--options .icon:not(.active) {
      background-color: rgba(0, 0, 0, 0.5);
      border-color: #fff; }
    @media (min-width: 768px) {
      .banner__story-list .banner--options {
        top: auto;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        position: absolute;
        top: 50%;
        transform: translateY(-50%); } }
  .banner__story-list:before {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%);
    background-repeat: repeat-x; }
  .banner__story-list .banner--title {
    font-size: 30px;
    font-size: 1.875rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 28px;
    text-transform: uppercase; }
    .ko .banner__story-list .banner--title {
      font-size: 28px;
      font-size: 1.75rem; }
    .ko .banner__story-list .banner--title,
    .zh .banner__story-list .banner--title {
      line-height: 30px; }
  .banner__story-list .banner--roofline {
    font-size: 14px;
    font-size: 0.875rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 22px;
    margin-bottom: 5px; }
    .ko .banner__story-list .banner--roofline {
      font-size: 12px;
      font-size: 0.75rem; }
    .ko .banner__story-list .banner--roofline,
    .zh .banner__story-list .banner--roofline {
      line-height: 24px; }
  .banner__story-list .banner--roofline-link {
    color: #fff;
    text-transform: uppercase;
    padding-right: 3px;
    text-decoration: none; }
    .banner__story-list .banner--roofline-link.banner-roofline-link__info {
      text-transform: none; }
    .banner__story-list .banner--roofline-link + .banner--roofline-link {
      position: relative;
      padding-left: 5px; }
      .banner__story-list .banner--roofline-link + .banner--roofline-link:before {
        content: "";
        display: block;
        position: absolute;
        width: 1px;
        top: -2px;
        left: 0;
        height: 100%;
        background-color: #fff; }
  .banner__story-list .banner--content {
    -ms-flex-align: start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center; }

.banner-series-cocktail {
  background: #2D2D2D; }
  .banner-series-cocktail__body {
    padding-top: 39px; }
    @media (max-width: 767.98px) {
      .banner-series-cocktail__body {
        padding-top: 24px; } }
  .banner-series-cocktail__row {
    display: flex;
    padding-bottom: 40px; }
    @media (max-width: 767.98px) {
      .banner-series-cocktail__row {
        padding-bottom: 28px; } }
  @media (max-width: 767.98px) {
    .banner-series-cocktail__col-left {
      width: 100%; } }
  .banner-series-cocktail__title {
    max-height: 198px;
    width: 325px;
    color: #FFFFFF;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 64px;
    font-weight: 500;
    line-height: 66px;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis; }
    @media (max-width: 767.98px) {
      .banner-series-cocktail__title {
        width: auto;
        max-height: 60px;
        font-size: 28px;
        line-height: 30px; } }
  .banner-series-cocktail__description {
    max-height: 160px;
    width: 325px;
    color: #FFFFFF;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 11px;
    overflow: hidden;
    text-overflow: ellipsis; }
    @media (max-width: 767.98px) {
      .banner-series-cocktail__description {
        width: auto;
        font-size: 16px;
        line-height: 18px;
        max-height: 144px;
        margin-bottom: 14px; } }
  .banner-series-cocktail__sponsorship {
    margin-bottom: 44px; }
    @media (max-width: 767.98px) {
      .banner-series-cocktail__sponsorship {
        margin-bottom: 16px; } }
  .banner-series-cocktail__options {
    display: flex;
    position: relative;
    height: 50px;
    margin-top: 44px;
    margin-bottom: 26px; }
    @media (max-width: 767.98px) {
      .banner-series-cocktail__options {
        height: 40px;
        margin-top: 16px;
        margin-bottom: 24px; } }
    .banner-series-cocktail__options reactor:first-child {
      margin-right: 10px; }
    .banner-series-cocktail__options .icon {
      width: 40px;
      height: 40px;
      color: #fff;
      box-sizing: border-box;
      opacity: 1; }
      .banner-series-cocktail__options .icon.icon-share {
        font-size: 27px;
        font-size: 1.6875rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 31px;
        -moz-transition: border-color, background-color 0.3s ease-in-out;
        -o-transition: border-color, background-color 0.3s ease-in-out;
        -ms-transition: border-color, background-color 0.3s ease-in-out;
        -webkit-transition: border-color, background-color 0.3s ease-in-out;
        transition: border-color, background-color 0.3s ease-in-out;
        outline: none; }
        .ko .banner-series-cocktail__options .icon.icon-share {
          font-size: 25px;
          font-size: 1.5625rem; }
        .ko .banner-series-cocktail__options .icon.icon-share,
        .zh .banner-series-cocktail__options .icon.icon-share {
          line-height: 33px; }
      @media (min-width: 768px) {
        .banner-series-cocktail__options .icon {
          font-size: 23px;
          font-size: 1.4375rem;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 27px;
          width: 50px;
          height: 50px;
          border-width: 3px; }
          .ko .banner-series-cocktail__options .icon {
            font-size: 21px;
            font-size: 1.3125rem; }
          .ko .banner-series-cocktail__options .icon,
          .zh .banner-series-cocktail__options .icon {
            line-height: 29px; }
          .banner-series-cocktail__options .icon.icon-share {
            font-size: 31px;
            font-size: 1.9375rem;
            /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
            line-height: 35px; }
            .ko .banner-series-cocktail__options .icon.icon-share {
              font-size: 29px;
              font-size: 1.8125rem; }
            .ko .banner-series-cocktail__options .icon.icon-share,
            .zh .banner-series-cocktail__options .icon.icon-share {
              line-height: 37px; } }
    .banner-series-cocktail__options .icon-favorite {
      -moz-transition: border-color, background-color 0.3s ease-in-out;
      -o-transition: border-color, background-color 0.3s ease-in-out;
      -ms-transition: border-color, background-color 0.3s ease-in-out;
      -webkit-transition: border-color, background-color 0.3s ease-in-out;
      transition: border-color, background-color 0.3s ease-in-out;
      outline: none; }
      .banner-series-cocktail__options .icon-favorite.active {
        background-color: #EE334E;
        border-color: #EE334E; }
    .banner-series-cocktail__options .social-icons-container {
      vertical-align: top;
      margin: 0 5px;
      background-color: #fff;
      height: 40px;
      display: inline-block;
      border-radius: 20px;
      padding: 2px;
      position: absolute;
      width: 196px;
      right: calc(50% + 44px);
      z-index: 20; }
      @media (min-width: 768px) {
        .banner-series-cocktail__options .social-icons-container {
          border-radius: 25px;
          padding: 5px;
          height: 50px;
          right: calc(50% + 60px);
          width: 222px; } }
      .banner-series-cocktail__options .social-icons-container .social-button {
        display: inline-block;
        padding: 0;
        margin: 0;
        height: 36px;
        width: 36px; }
        @media (min-width: 768px) {
          .banner-series-cocktail__options .social-icons-container .social-button {
            height: 40px;
            width: 40px; } }
        .banner-series-cocktail__options .social-icons-container .social-button:not(:first-child) {
          margin-left: 3px; }
        .banner-series-cocktail__options .social-icons-container .social-button svg {
          height: 36px;
          width: 36px; }
          .banner-series-cocktail__options .social-icons-container .social-button svg path {
            -moz-transition: fill 0.3s ease-in-out;
            -o-transition: fill 0.3s ease-in-out;
            -ms-transition: fill 0.3s ease-in-out;
            -webkit-transition: fill 0.3s ease-in-out;
            transition: fill 0.3s ease-in-out; }
          .banner-series-cocktail__options .social-icons-container .social-button svg:hover path:not(:first-child), .banner-series-cocktail__options .social-icons-container .social-button svg:focus path:not(:first-child) {
            fill: #fff !important; }
          .banner-series-cocktail__options .social-icons-container .social-button svg:hover path:first-child, .banner-series-cocktail__options .social-icons-container .social-button svg:focus path:first-child {
            fill: #2d2d2d;
            stroke: #2d2d2d; }
          @media (min-width: 768px) {
            .banner-series-cocktail__options .social-icons-container .social-button svg {
              height: auto;
              width: auto; } }
          .banner-series-cocktail__options .social-icons-container .social-button svg.sharing-panel--icon__facebook path:not(:first-child) {
            fill: #3b5998; }
          .banner-series-cocktail__options .social-icons-container .social-button svg.sharing-panel--icon__facebook:hover path:first-child, .banner-series-cocktail__options .social-icons-container .social-button svg.sharing-panel--icon__facebook:focus path:first-child {
            fill: #3b5998;
            stroke: #3b5998; }
          .banner-series-cocktail__options .social-icons-container .social-button svg.sharing-panel--icon__twitter:hover path:first-child, .banner-series-cocktail__options .social-icons-container .social-button svg.sharing-panel--icon__twitter:focus path:first-child {
            fill: #1da1f2;
            stroke: #1da1f2; }
          .banner-series-cocktail__options .social-icons-container .social-button svg.sharing-panel--icon__twitter path:not(:first-child) {
            fill: #1da1f2; }
          .banner-series-cocktail__options .social-icons-container .social-button svg.sharing-panel--icon__vk path:not(:first-child) {
            fill: #6383a8; }
          .banner-series-cocktail__options .social-icons-container .social-button svg.sharing-panel--icon__vk:hover path:first-child, .banner-series-cocktail__options .social-icons-container .social-button svg.sharing-panel--icon__vk:focus path:first-child {
            fill: #6383a8;
            stroke: #6383a8; }
          .banner-series-cocktail__options .social-icons-container .social-button svg.sharing-panel--icon__wechat path:not(:first-child) {
            fill: #2dc100; }
          .banner-series-cocktail__options .social-icons-container .social-button svg.sharing-panel--icon__wechat:hover path:first-child, .banner-series-cocktail__options .social-icons-container .social-button svg.sharing-panel--icon__wechat:focus path:first-child {
            fill: #2dc100;
            stroke: #2dc100; }
    .banner-series-cocktail__options .icon:not(.active) {
      background-color: rgba(0, 0, 0, 0.5);
      border-color: #fff; }
    .banner-series-cocktail__options .icon-favorite {
      margin-left: 0 !important; }
    .banner-series-cocktail__options .social-icons-container {
      left: 40%; }
      @media (max-width: 767.98px) {
        .banner-series-cocktail__options .social-icons-container {
          left: 100px; } }
  .banner-series-cocktail__buttons {
    display: flex; }
    .banner-series-cocktail__buttons .button-primary, .banner-series-cocktail__buttons .button-secondary, .banner-series-cocktail__buttons .button-secondary-transparent {
      display: block;
      width: 178px; }
      @media (max-width: 767.98px) {
        .banner-series-cocktail__buttons .button-primary, .banner-series-cocktail__buttons .button-secondary, .banner-series-cocktail__buttons .button-secondary-transparent {
          width: 100%; }
          .banner-series-cocktail__buttons .button-primary + .button-secondary-transparent, .banner-series-cocktail__buttons .button-secondary + .button-secondary-transparent, .banner-series-cocktail__buttons .button-secondary-transparent + .button-secondary-transparent {
            margin-left: 10px; } }
    .banner-series-cocktail__buttons .button-secondary-transparent {
      color: white;
      border-color: white; }
    .banner-series-cocktail__buttons .button-watch-trailer {
      display: none; }
      @media (max-width: 767.98px) {
        .banner-series-cocktail__buttons .button-watch-trailer {
          display: block; } }
  .banner-series-cocktail__col-right {
    height: auto;
    width: 789px;
    margin-left: auto; }
    .banner-series-cocktail__col-right:after {
      background: linear-gradient(90deg, #2D2D2D 0%, rgba(45, 45, 45, 0.87) 18.02%, rgba(45, 45, 45, 0) 100%);
      display: block;
      position: relative;
      margin-top: -446px;
      height: 446px;
      width: 46%;
      margin-left: -1px;
      content: ''; }
      @media (max-width: 1199.98px) {
        .banner-series-cocktail__col-right:after {
          width: 82%; } }
    .banner-series-cocktail__col-right img {
      width: 100%;
      height: auto; }
    .banner-series-cocktail__col-right .video-player-container {
      margin-bottom: 0; }
      .banner-series-cocktail__col-right .video-player-container .vjs-control-bar {
        visibility: visible !important;
        opacity: 1 !important;
        display: flex !important; }
        .banner-series-cocktail__col-right .video-player-container .vjs-control-bar .vjs-play-control,
        .banner-series-cocktail__col-right .video-player-container .vjs-control-bar .vjs-progress-control,
        .banner-series-cocktail__col-right .video-player-container .vjs-control-bar .vjs-current-time,
        .banner-series-cocktail__col-right .video-player-container .vjs-control-bar .vjs-time-divider,
        .banner-series-cocktail__col-right .video-player-container .vjs-control-bar .vjs-duration,
        .banner-series-cocktail__col-right .video-player-container .vjs-control-bar .vjs-icon-subtitles,
        .banner-series-cocktail__col-right .video-player-container .vjs-control-bar .theo-quality-label,
        .banner-series-cocktail__col-right .video-player-container .vjs-control-bar .vjs-icon-audio,
        .banner-series-cocktail__col-right .video-player-container .vjs-control-bar .vjs-icon-cog,
        .banner-series-cocktail__col-right .video-player-container .vjs-control-bar .theo-cast-button,
        .banner-series-cocktail__col-right .video-player-container .vjs-control-bar .vjs-volume-control,
        .banner-series-cocktail__col-right .video-player-container .vjs-control-bar .theoplayer-poster,
        .banner-series-cocktail__col-right .video-player-container .vjs-control-bar .song-info,
        .banner-series-cocktail__col-right .video-player-container .vjs-control-bar .vjs-time-divider {
          display: none !important; }
      .banner-series-cocktail__col-right .video-player-container .vjs-fluid .theoplayer-poster,
      .banner-series-cocktail__col-right .video-player-container .vjs-fluid .theoplayer-ima-wrapper {
        display: none !important; }
      .banner-series-cocktail__col-right .video-player-container .vjs-fluid .theo-control-bar-shadow {
        color: transparent !important;
        background: transparent !important; }
      .banner-series-cocktail__col-right .video-player-container .vjs-fluid .d3vp-theo-error {
        text-align: center; }
      .banner-series-cocktail__col-right .video-player-container .vjs-fluid:not(.vjs-has-started) .vjs-big-play-button,
      .banner-series-cocktail__col-right .video-player-container .vjs-fluid:not(.vjs-has-started) .vjs-current-time,
      .banner-series-cocktail__col-right .video-player-container .vjs-fluid:not(.vjs-has-started) .vjs-time-divider,
      .banner-series-cocktail__col-right .video-player-container .vjs-fluid:not(.vjs-has-started) .vjs-duration,
      .banner-series-cocktail__col-right .video-player-container .vjs-fluid:not(.vjs-has-started) .vjs-time-tooltip {
        display: none !important; }
      .banner-series-cocktail__col-right .video-player-container .vjs-fluid:not(.vjs-fullscreen) .vjs-control-bar .vjs-mute-control {
        right: 55px;
        position: absolute; }
      .banner-series-cocktail__col-right .video-player-container .vjs-fluid:not(.vjs-fullscreen) .vjs-control-bar .vjs-fullscreen-control {
        right: 6px; }
      .banner-series-cocktail__col-right .video-player-container .vjs-fluid:not(.vjs-fullscreen) .vjs-control-bar .theo-button-tooltip {
        bottom: 170%; }
      .banner-series-cocktail__col-right .video-player-container .vjs-fluid:not(.vjs-fullscreen) .vjs-control-bar :before {
        font-size: 3.2em;
        top: -37px; }
    @media (max-width: 767.98px) {
      .banner-series-cocktail__col-right {
        display: none; } }
  .banner-series-cocktail .sponsorship {
    display: flex;
    align-items: center;
    color: #fff; }
    .banner-series-cocktail .sponsorship .sponsorship--label {
      font-size: 12px;
      font-size: 0.75rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 14px;
      font-family: "AktivGrotesk", Arial, Helvetica, sans-serif; }
      .ko .banner-series-cocktail .sponsorship .sponsorship--label {
        font-size: 10px;
        font-size: 0.625rem; }
      .ko .banner-series-cocktail .sponsorship .sponsorship--label,
      .zh .banner-series-cocktail .sponsorship .sponsorship--label {
        line-height: 16px; }
    .banner-series-cocktail .sponsorship .sponsorship--logo {
      width: auto;
      height: auto;
      margin-left: 1rem; }

.btn {
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 23px;
  cursor: pointer;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
  .ko .btn {
    font-size: 18px;
    font-size: 1.125rem; }
  .ko .btn,
  .zh .btn {
    line-height: 25px; }
  .btn > span {
    display: inline-flex;
    vertical-align: middle; }
    .btn > span + span {
      margin-left: 5px; }
  .btn.btn-sm, .btn-group-sm > .btn {
    font-size: 20px;
    font-size: 1.25rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 23px; }
    .ko .btn.btn-sm, .ko .btn-group-sm > .btn {
      font-size: 18px;
      font-size: 1.125rem; }
    .ko .btn.btn-sm, .ko .btn-group-sm > .btn,
    .zh .btn.btn-sm,
    .zh .btn-group-sm > .btn {
      line-height: 25px; }
  .btn.btn-lg, .btn-group-lg > .btn, .btn.btn-play, .oc-header--body .oc-header--body__col-2 .section-sign-in .btn.btn-login, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .btn.btn-login, .hero .btn, .hero__originals .btn, .modal .btn, .modal__gallery .btn, .account__delete .btn, .onboarding .btn, .onboarding__register .btn, .onboarding__pickfavorite .btn, .onboarding__newsletter .btn, .onboarding__notification .btn {
    font-size: 20px;
    font-size: 1.25rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 32px; }
    .ko .btn.btn-lg, .ko .btn-group-lg > .btn, .ko .btn.btn-play, .ko .oc-header--body .oc-header--body__col-2 .section-sign-in .btn.btn-login, .oc-header--body .oc-header--body__col-2 .section-sign-in .ko .btn.btn-login, .ko .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .btn.btn-login, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .ko .btn.btn-login, .ko .hero .btn, .hero .ko .btn, .ko .hero__originals .btn, .hero__originals .ko .btn, .ko .modal .btn, .modal .ko .btn, .ko .modal__gallery .btn, .modal__gallery .ko .btn, .ko .account__delete .btn, .account__delete .ko .btn, .ko .onboarding .btn, .onboarding .ko .btn, .ko .onboarding__register .btn, .onboarding__register .ko .btn, .ko .onboarding__pickfavorite .btn, .onboarding__pickfavorite .ko .btn, .ko .onboarding__newsletter .btn, .onboarding__newsletter .ko .btn, .ko .onboarding__notification .btn, .onboarding__notification .ko .btn {
      font-size: 18px;
      font-size: 1.125rem; }
    .ko .btn.btn-lg, .ko .btn-group-lg > .btn, .ko .btn.btn-play, .ko .oc-header--body .oc-header--body__col-2 .section-sign-in .btn.btn-login, .oc-header--body .oc-header--body__col-2 .section-sign-in .ko .btn.btn-login, .ko .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .btn.btn-login, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .ko .btn.btn-login, .ko .hero .btn, .hero .ko .btn, .ko .hero__originals .btn, .hero__originals .ko .btn, .ko .modal .btn, .modal .ko .btn, .ko .modal__gallery .btn, .modal__gallery .ko .btn, .ko .account__delete .btn, .account__delete .ko .btn, .ko .onboarding .btn, .onboarding .ko .btn, .ko .onboarding__register .btn, .onboarding__register .ko .btn, .ko .onboarding__pickfavorite .btn, .onboarding__pickfavorite .ko .btn, .ko .onboarding__newsletter .btn, .onboarding__newsletter .ko .btn, .ko .onboarding__notification .btn, .onboarding__notification .ko .btn,
    .zh .btn.btn-lg,
    .zh .btn-group-lg > .btn,
    .zh .btn.btn-play,
    .zh .oc-header--body .oc-header--body__col-2 .section-sign-in .btn.btn-login,
    .oc-header--body .oc-header--body__col-2 .section-sign-in .zh .btn.btn-login,
    .zh .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .btn.btn-login,
    .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .zh .btn.btn-login,
    .zh .hero .btn,
    .hero .zh .btn,
    .zh .hero__originals .btn,
    .hero__originals .zh .btn,
    .zh .modal .btn,
    .modal .zh .btn,
    .zh .modal__gallery .btn,
    .modal__gallery .zh .btn,
    .zh .account__delete .btn,
    .account__delete .zh .btn,
    .zh .onboarding .btn,
    .onboarding .zh .btn,
    .zh .onboarding__register .btn,
    .onboarding__register .zh .btn,
    .zh .onboarding__pickfavorite .btn,
    .onboarding__pickfavorite .zh .btn,
    .zh .onboarding__newsletter .btn,
    .onboarding__newsletter .zh .btn,
    .zh .onboarding__notification .btn,
    .onboarding__notification .zh .btn {
      line-height: 34px; }
  .btn:disabled {
    cursor: not-allowed; }
  .btn.btn-outline-default, .btn.btn-email, .btn.btn-clean, .account .profile--data .btn.btn-undo {
    text-transform: uppercase;
    color: #2d2d2d;
    background-color: transparent;
    background-image: none;
    border-color: #2d2d2d;
    border-color: #adb5bd; }
    .btn.btn-outline-default:hover, .btn.btn-email:hover, .btn.btn-clean:hover, .account .profile--data .btn.btn-undo:hover {
      color: #fff;
      background-color: #2d2d2d;
      border-color: #2d2d2d; }
    .btn.btn-outline-default:focus, .btn.btn-email:focus, .btn.btn-clean:focus, .account .profile--data .btn.btn-undo:focus, .btn.btn-outline-default.focus, .btn.focus.btn-email, .btn.focus.btn-clean, .account .profile--data .btn.focus.btn-undo {
      box-shadow: 0 0 0 0.2rem rgba(45, 45, 45, 0.5); }
    .btn.btn-outline-default.disabled, .btn.disabled.btn-email, .btn.disabled.btn-clean, .account .profile--data .btn.disabled.btn-undo, .btn.btn-outline-default:disabled, .btn.btn-email:disabled, .btn.btn-clean:disabled, .account .profile--data .btn.btn-undo:disabled {
      color: #2d2d2d;
      background-color: transparent; }
    .btn.btn-outline-default:not(:disabled):not(.disabled):active, .btn.btn-email:not(:disabled):not(.disabled):active, .btn.btn-clean:not(:disabled):not(.disabled):active, .account .profile--data .btn.btn-undo:not(:disabled):not(.disabled):active, .btn.btn-outline-default:not(:disabled):not(.disabled).active, .btn.btn-email:not(:disabled):not(.disabled).active, .btn.btn-clean:not(:disabled):not(.disabled).active, .account .profile--data .btn.btn-undo:not(:disabled):not(.disabled).active,
    .show > .btn.btn-outline-default.dropdown-toggle,
    .show > .btn.dropdown-toggle.btn-email,
    .show > .btn.dropdown-toggle.btn-clean,
    .account .profile--data .show > .btn.dropdown-toggle.btn-undo {
      color: #fff;
      background-color: #2d2d2d;
      border-color: #2d2d2d; }
      .btn.btn-outline-default:not(:disabled):not(.disabled):active:focus, .btn.btn-email:not(:disabled):not(.disabled):active:focus, .btn.btn-clean:not(:disabled):not(.disabled):active:focus, .account .profile--data .btn.btn-undo:not(:disabled):not(.disabled):active:focus, .btn.btn-outline-default:not(:disabled):not(.disabled).active:focus, .btn.btn-email:not(:disabled):not(.disabled).active:focus, .btn.btn-clean:not(:disabled):not(.disabled).active:focus, .account .profile--data .btn.btn-undo:not(:disabled):not(.disabled).active:focus,
      .show > .btn.btn-outline-default.dropdown-toggle:focus,
      .show > .btn.dropdown-toggle.btn-email:focus,
      .show > .btn.dropdown-toggle.btn-clean:focus,
      .account .profile--data .show > .btn.dropdown-toggle.btn-undo:focus {
        box-shadow: 0 0 0 0.2rem rgba(45, 45, 45, 0.5); }
  .btn.btn-primary, .oc-header--body .oc-header--body__col-2 .section-sign-in .btn.btn-login, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .btn.btn-login, .account .profile--data .btn.btn-save {
    text-transform: uppercase; }
  .btn.btn-secundary {
    text-transform: uppercase; }
  .btn.btn-more {
    color: #2d2d2d;
    line-height: 1; }
    .btn.btn-more:hover, .btn.btn-more:focus {
      color: #0081C8; }
  .btn.btn-white {
    color: #212529;
    background-color: #fff;
    border-color: #fff;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
    .btn.btn-white:hover {
      color: #212529;
      background-color: #ececec;
      border-color: #e6e6e6; }
    .btn.btn-white:focus, .btn.btn-white.focus {
      box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
    .btn.btn-white.disabled, .btn.btn-white:disabled {
      color: #212529;
      background-color: #fff;
      border-color: #fff; }
    .btn.btn-white:not(:disabled):not(.disabled):active, .btn.btn-white:not(:disabled):not(.disabled).active,
    .show > .btn.btn-white.dropdown-toggle {
      color: #212529;
      background-color: #e6e6e6;
      border-color: #dfdfdf; }
      .btn.btn-white:not(:disabled):not(.disabled):active:focus, .btn.btn-white:not(:disabled):not(.disabled).active:focus,
      .show > .btn.btn-white.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
  .btn.btn-live {
    color: #fff;
    background-color: #EE334E;
    border-color: #EE334E;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-transform: uppercase; }
    .btn.btn-live:hover {
      color: #fff;
      background-color: #e71332;
      border-color: #dc122f; }
    .btn.btn-live:focus, .btn.btn-live.focus {
      box-shadow: 0 0 0 0.2rem rgba(238, 51, 78, 0.5); }
    .btn.btn-live.disabled, .btn.btn-live:disabled {
      color: #fff;
      background-color: #EE334E;
      border-color: #EE334E; }
    .btn.btn-live:not(:disabled):not(.disabled):active, .btn.btn-live:not(:disabled):not(.disabled).active,
    .show > .btn.btn-live.dropdown-toggle {
      color: #fff;
      background-color: #dc122f;
      border-color: #d0112d; }
      .btn.btn-live:not(:disabled):not(.disabled):active:focus, .btn.btn-live:not(:disabled):not(.disabled).active:focus,
      .show > .btn.btn-live.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(238, 51, 78, 0.5); }
    .btn.btn-live .animated, .btn.btn-live .form--error-list, .btn.btn-live body.nav-down:not(.nav-top) .oc-lev-2-nav-wrapper.sticky, body.nav-down:not(.nav-top) .btn.btn-live .oc-lev-2-nav-wrapper.sticky, .btn.btn-live .oc-header .oc-main-nav__quicklinks-placeholder, .oc-header .btn.btn-live .oc-main-nav__quicklinks-placeholder, .btn.btn-live .mosaic .newslist .newslist--item, .mosaic .newslist .btn.btn-live .newslist--item, .btn.btn-live .modal, .btn.btn-live .modal__gallery, .btn.btn-live .modal__mvpd, .btn.btn-live .section-page__olimpic-games.winter-season, .btn.btn-live .section-page__olimpic-games.summer-season, .btn.btn-live .player-minimized .player-position, .player-minimized .btn.btn-live .player-position {
      display: inline-block;
      vertical-align: middle;
      -webkit-animation-duration: 3000ms;
      animation-duration: 3000ms;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      font-size: 30px;
      font-size: 1.875rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 15px; }
      .ko .btn.btn-live .animated, .ko .btn.btn-live .form--error-list, .ko .btn.btn-live body.nav-down:not(.nav-top) .oc-lev-2-nav-wrapper.sticky, body.nav-down:not(.nav-top) .ko .btn.btn-live .oc-lev-2-nav-wrapper.sticky, .ko .btn.btn-live .oc-header .oc-main-nav__quicklinks-placeholder, .oc-header .ko .btn.btn-live .oc-main-nav__quicklinks-placeholder, .ko .btn.btn-live .mosaic .newslist .newslist--item, .mosaic .newslist .ko .btn.btn-live .newslist--item, .ko .btn.btn-live .modal, .ko .btn.btn-live .modal__gallery, .ko .btn.btn-live .modal__mvpd, .ko .btn.btn-live .section-page__olimpic-games.winter-season, .ko .btn.btn-live .section-page__olimpic-games.summer-season, .ko .btn.btn-live .player-minimized .player-position, .player-minimized .ko .btn.btn-live .player-position {
        font-size: 28px;
        font-size: 1.75rem; }
      .ko .btn.btn-live .animated, .ko .btn.btn-live .form--error-list, .ko .btn.btn-live body.nav-down:not(.nav-top) .oc-lev-2-nav-wrapper.sticky, body.nav-down:not(.nav-top) .ko .btn.btn-live .oc-lev-2-nav-wrapper.sticky, .ko .btn.btn-live .oc-header .oc-main-nav__quicklinks-placeholder, .oc-header .ko .btn.btn-live .oc-main-nav__quicklinks-placeholder, .ko .btn.btn-live .mosaic .newslist .newslist--item, .mosaic .newslist .ko .btn.btn-live .newslist--item, .ko .btn.btn-live .modal, .ko .btn.btn-live .modal__gallery, .ko .btn.btn-live .modal__mvpd, .ko .btn.btn-live .section-page__olimpic-games.winter-season, .ko .btn.btn-live .section-page__olimpic-games.summer-season, .ko .btn.btn-live .player-minimized .player-position, .player-minimized .ko .btn.btn-live .player-position,
      .zh .btn.btn-live .animated,
      .zh .btn.btn-live .form--error-list,
      .zh .btn.btn-live body.nav-down:not(.nav-top) .oc-lev-2-nav-wrapper.sticky,
      body.nav-down:not(.nav-top) .zh .btn.btn-live .oc-lev-2-nav-wrapper.sticky,
      .zh .btn.btn-live .oc-header .oc-main-nav__quicklinks-placeholder,
      .oc-header .zh .btn.btn-live .oc-main-nav__quicklinks-placeholder,
      .zh .btn.btn-live .mosaic .newslist .newslist--item,
      .mosaic .newslist .zh .btn.btn-live .newslist--item,
      .zh .btn.btn-live .modal,
      .zh .btn.btn-live .modal__gallery,
      .zh .btn.btn-live .modal__mvpd,
      .zh .btn.btn-live .section-page__olimpic-games.winter-season,
      .zh .btn.btn-live .section-page__olimpic-games.summer-season,
      .zh .btn.btn-live .player-minimized .player-position,
      .player-minimized .zh .btn.btn-live .player-position {
        line-height: 17px; }
  .btn.btn-email span, .btn.btn-facebook span, .btn.btn-google span {
    display: inline-block;
    vertical-align: middle; }
    .btn.btn-email span:first-child, .btn.btn-facebook span:first-child, .btn.btn-google span:first-child {
      min-width: 30px; }
  .btn.btn-email {
    border-color: #adb5bd;
    text-transform: none; }
  .btn.btn-clean {
    border-color: #adb5bd;
    text-transform: uppercase;
    color: #2D2D2D; }
  .btn.btn-facebook {
    color: #fff;
    background-color: #39579A;
    border-color: #39579A;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
    .btn.btn-facebook:hover {
      color: #fff;
      background-color: #2f477e;
      border-color: #2b4275; }
    .btn.btn-facebook:focus, .btn.btn-facebook.focus {
      box-shadow: 0 0 0 0.2rem rgba(57, 87, 154, 0.5); }
    .btn.btn-facebook.disabled, .btn.btn-facebook:disabled {
      color: #fff;
      background-color: #39579A;
      border-color: #39579A; }
    .btn.btn-facebook:not(:disabled):not(.disabled):active, .btn.btn-facebook:not(:disabled):not(.disabled).active,
    .show > .btn.btn-facebook.dropdown-toggle {
      color: #fff;
      background-color: #2b4275;
      border-color: #283d6b; }
      .btn.btn-facebook:not(:disabled):not(.disabled):active:focus, .btn.btn-facebook:not(:disabled):not(.disabled).active:focus,
      .show > .btn.btn-facebook.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(57, 87, 154, 0.5); }
  .btn.btn-google {
    color: #fff;
    background-color: #DE4D3B;
    border-color: #DE4D3B;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
    .btn.btn-google:hover {
      color: #fff;
      background-color: #d03623;
      border-color: #c53321; }
    .btn.btn-google:focus, .btn.btn-google.focus {
      box-shadow: 0 0 0 0.2rem rgba(222, 77, 59, 0.5); }
    .btn.btn-google.disabled, .btn.btn-google:disabled {
      color: #fff;
      background-color: #DE4D3B;
      border-color: #DE4D3B; }
    .btn.btn-google:not(:disabled):not(.disabled):active, .btn.btn-google:not(:disabled):not(.disabled).active,
    .show > .btn.btn-google.dropdown-toggle {
      color: #fff;
      background-color: #c53321;
      border-color: #ba301f; }
      .btn.btn-google:not(:disabled):not(.disabled):active:focus, .btn.btn-google:not(:disabled):not(.disabled).active:focus,
      .show > .btn.btn-google.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(222, 77, 59, 0.5); }
  .btn.btn-play {
    text-transform: uppercase;
    color: #FCB131;
    background-color: transparent;
    background-image: none;
    border-color: #FCB131;
    background-color: rgba(0, 0, 0, 0.75);
    border-color: #FCB131;
    border-width: 2px;
    padding-top: 3px;
    padding-bottom: 3px; }
    .btn.btn-play:hover {
      color: #fff;
      background-color: #FCB131;
      border-color: #FCB131; }
    .btn.btn-play:focus, .btn.btn-play.focus {
      box-shadow: 0 0 0 0.2rem rgba(252, 177, 49, 0.5); }
    .btn.btn-play.disabled, .btn.btn-play:disabled {
      color: #FCB131;
      background-color: transparent; }
    .btn.btn-play:not(:disabled):not(.disabled):active, .btn.btn-play:not(:disabled):not(.disabled).active,
    .show > .btn.btn-play.dropdown-toggle {
      color: #212529;
      background-color: #FCB131;
      border-color: #FCB131; }
      .btn.btn-play:not(:disabled):not(.disabled):active:focus, .btn.btn-play:not(:disabled):not(.disabled).active:focus,
      .show > .btn.btn-play.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(252, 177, 49, 0.5); }
    .btn.btn-play:hover, .btn.btn-play:focus {
      background: #000; }

.dropdown.show .dropdown-toggle:after {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.dropdown .dropdown-toggle {
  position: relative;
  text-transform: none; }
  .dropdown .dropdown-toggle:after {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px; }

.card-disc {
  position: relative;
  font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
  padding-top: 10px;
  width: 100px;
  margin: 10px auto;
  font-size: 16px;
  font-size: 1rem;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 18px; }
  @media (min-width: 768px) {
    .card-disc:hover .article--img, .card-disc:focus .article--img {
      -moz-transform: scale(1.1);
      -o-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1); } }
  .card-disc > .article--wrapper {
    display: block;
    height: 100%;
    width: 100%;
    color: #2d2d2d; }
    .card-disc > .article--wrapper:hover, .card-disc > .article--wrapper:focus {
      text-decoration: none; }
  .card-disc .article--title {
    text-transform: uppercase;
    color: #2d2d2d;
    font-weight: normal; }
  .card-disc .article--img {
    vertical-align: middle;
    overflow: hidden;
    border-radius: 100%;
    margin: 0 auto 5px;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -ms-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -webkit-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 80px;
    height: 80px; }
    .card-disc .article--img img {
      width: 100%; }
  .card-disc .article--favorite {
    position: relative;
    text-align: center; }
  .card-disc .article--title {
    font-size: 16px;
    font-size: 1rem;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 16px; }
    .ko .card-disc .article--title {
      font-size: 14px;
      font-size: 0.875rem; }
    .ko .card-disc .article--title,
    .zh .card-disc .article--title {
      line-height: 18px; }
  @media (min-width: 568px) {
    .card-disc {
      width: 130px; } }
  .ko .card-disc {
    font-size: 14px;
    font-size: 0.875rem; }
  .ko .card-disc,
  .zh .card-disc {
    line-height: 20px; }
  .card-disc .article--title {
    min-height: 35px; }
  .card-disc .article--footer,
  .card-disc .discipline--name {
    max-width: 99%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .card-disc .article--img {
    border-radius: 0; }

.card-disc__horizontal {
  position: relative;
  font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
  padding-top: 10px;
  display: flex;
  align-items: center;
  width: 100%; }
  @media (min-width: 768px) {
    .card-disc__horizontal:hover .article--img, .card-disc__horizontal:focus .article--img {
      -moz-transform: scale(1.1);
      -o-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1); } }
  .card-disc__horizontal > .article--wrapper {
    display: block;
    height: 100%;
    width: 100%;
    color: #2d2d2d; }
    .card-disc__horizontal > .article--wrapper:hover, .card-disc__horizontal > .article--wrapper:focus {
      text-decoration: none; }
  .card-disc__horizontal .article--title {
    text-transform: uppercase;
    color: #2d2d2d;
    font-weight: normal; }
  .card-disc__horizontal .article--img {
    vertical-align: middle;
    overflow: hidden;
    border-radius: 100%;
    margin: 0 auto 5px;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -ms-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -webkit-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 60px;
    height: 60px; }
    .card-disc__horizontal .article--img img {
      width: 100%; }
  .card-disc__horizontal .article--favorite {
    position: relative;
    text-align: center; }
  .card-disc__horizontal .article--title {
    font-size: 16px;
    font-size: 1rem;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 16px; }
    .ko .card-disc__horizontal .article--title {
      font-size: 14px;
      font-size: 0.875rem; }
    .ko .card-disc__horizontal .article--title,
    .zh .card-disc__horizontal .article--title {
      line-height: 18px; }
  .card-disc__horizontal > .article--wrapper {
    width: calc(100% - 32px); }
  .card-disc__horizontal .article--content {
    display: flex;
    align-items: center; }
  .card-disc__horizontal .article--title {
    font-size: 22px;
    font-size: 1.375rem;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 24px; }
    .ko .card-disc__horizontal .article--title {
      font-size: 20px;
      font-size: 1.25rem; }
    .ko .card-disc__horizontal .article--title,
    .zh .card-disc__horizontal .article--title {
      line-height: 26px; }
  .card-disc__horizontal .article--img {
    flex: 0 0 auto;
    max-width: none;
    /*@include media-breakpoint-down(xs) {
                width: 80px;
                height: 80px;
            }*/ }
  .card-disc__horizontal .article--info {
    width: calc(100% - 90px); }
  .card-disc__horizontal .country--name {
    font-size: 22px;
    font-size: 1.375rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 15px; }
    .ko .card-disc__horizontal .country--name {
      font-size: 20px;
      font-size: 1.25rem; }
    .ko .card-disc__horizontal .country--name,
    .zh .card-disc__horizontal .country--name {
      line-height: 17px; }
  .card-disc__horizontal .discipline--name {
    font-weight: bold;
    font-family: "AktivGrotesk", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-size: 0.75rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 15px;
    display: block; }
    .ko .card-disc__horizontal .discipline--name {
      font-size: 10px;
      font-size: 0.625rem; }
    .ko .card-disc__horizontal .discipline--name,
    .zh .card-disc__horizontal .discipline--name {
      line-height: 17px; }
    @media (max-width: 567.98px) {
      .card-disc__horizontal .discipline--name {
        display: inline-block;
        width: calc(100% - 30px);
        vertical-align: middle; } }
  .card-disc__horizontal .article--img {
    border-radius: 0; }

.card-athlete {
  position: relative;
  font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
  padding-top: 10px;
  margin: 10px auto;
  font-size: 16px;
  font-size: 1rem;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 18px;
  width: 130px; }
  @media (min-width: 768px) {
    .card-athlete:hover .article--img, .card-athlete:focus .article--img {
      -moz-transform: scale(1.1);
      -o-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1); } }
  .card-athlete > .article--wrapper {
    display: block;
    height: 100%;
    width: 100%;
    color: #2d2d2d; }
    .card-athlete > .article--wrapper:hover, .card-athlete > .article--wrapper:focus {
      text-decoration: none; }
  .card-athlete .article--title {
    text-transform: uppercase;
    color: #2d2d2d;
    font-weight: normal; }
  .card-athlete .article--img {
    vertical-align: middle;
    overflow: hidden;
    border-radius: 100%;
    margin: 0 auto 5px;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -ms-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -webkit-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 80px;
    height: 80px; }
    .card-athlete .article--img img {
      width: 100%; }
  .card-athlete .article--favorite {
    position: relative;
    text-align: center; }
  .ko .card-athlete {
    font-size: 14px;
    font-size: 0.875rem; }
  .ko .card-athlete,
  .zh .card-athlete {
    line-height: 20px; }
  .card-athlete .article--title {
    min-height: 35px; }
  .card-athlete .article--footer,
  .card-athlete .discipline--name {
    max-width: 99%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .card-athlete .article--title {
    font-size: 20px;
    font-size: 1.25rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 20px; }
    .ko .card-athlete .article--title {
      font-size: 18px;
      font-size: 1.125rem; }
    .ko .card-athlete .article--title,
    .zh .card-athlete .article--title {
      line-height: 22px; }
    .card-athlete .article--title > span.no-trunc {
      max-height: 35px;
      overflow: hidden;
      display: block; }
    .card-athlete .article--title > span:not(.no-trunc) {
      display: block;
      max-width: 99%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  @media (min-width: 992px) {
    .card-athlete .article--img {
      width: 100px;
      height: 100px; } }

.card-athlete__horizontal {
  position: relative;
  font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
  padding-top: 10px;
  display: flex;
  align-items: center;
  width: 100%; }
  @media (min-width: 768px) {
    .card-athlete__horizontal:hover .article--img, .card-athlete__horizontal:focus .article--img {
      -moz-transform: scale(1.1);
      -o-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1); } }
  .card-athlete__horizontal > .article--wrapper {
    display: block;
    height: 100%;
    width: 100%;
    color: #2d2d2d; }
    .card-athlete__horizontal > .article--wrapper:hover, .card-athlete__horizontal > .article--wrapper:focus {
      text-decoration: none; }
  .card-athlete__horizontal .article--title {
    text-transform: uppercase;
    color: #2d2d2d;
    font-weight: normal; }
  .card-athlete__horizontal .article--img {
    vertical-align: middle;
    overflow: hidden;
    border-radius: 100%;
    margin: 0 auto 5px;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -ms-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -webkit-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 60px;
    height: 60px; }
    .card-athlete__horizontal .article--img img {
      width: 100%; }
  .card-athlete__horizontal .article--favorite {
    position: relative;
    text-align: center; }
  .card-athlete__horizontal > .article--wrapper {
    width: calc(100% - 32px); }
  .card-athlete__horizontal .article--content {
    display: flex;
    align-items: center; }
  .card-athlete__horizontal .article--title {
    font-size: 22px;
    font-size: 1.375rem;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 24px; }
    .ko .card-athlete__horizontal .article--title {
      font-size: 20px;
      font-size: 1.25rem; }
    .ko .card-athlete__horizontal .article--title,
    .zh .card-athlete__horizontal .article--title {
      line-height: 26px; }
  .card-athlete__horizontal .article--img {
    flex: 0 0 auto;
    max-width: none;
    /*@include media-breakpoint-down(xs) {
                width: 80px;
                height: 80px;
            }*/ }
  .card-athlete__horizontal .article--info {
    width: calc(100% - 90px); }
  .card-athlete__horizontal .country--name {
    font-size: 22px;
    font-size: 1.375rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 15px; }
    .ko .card-athlete__horizontal .country--name {
      font-size: 20px;
      font-size: 1.25rem; }
    .ko .card-athlete__horizontal .country--name,
    .zh .card-athlete__horizontal .country--name {
      line-height: 17px; }
  .card-athlete__horizontal .discipline--name {
    font-weight: bold;
    font-family: "AktivGrotesk", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-size: 0.75rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 15px;
    display: block; }
    .ko .card-athlete__horizontal .discipline--name {
      font-size: 10px;
      font-size: 0.625rem; }
    .ko .card-athlete__horizontal .discipline--name,
    .zh .card-athlete__horizontal .discipline--name {
      line-height: 17px; }
    @media (max-width: 567.98px) {
      .card-athlete__horizontal .discipline--name {
        display: inline-block;
        width: calc(100% - 30px);
        vertical-align: middle; } }
  .card-athlete__horizontal .athlete--img__fallback:before {
    font-size: 60px;
    line-height: 60px; }

.card-athlete__featured {
  position: relative;
  font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
  padding-top: 10px;
  margin: 10px auto;
  font-size: 16px;
  font-size: 1rem;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 18px;
  width: auto; }
  @media (min-width: 768px) {
    .card-athlete__featured:hover .article--img, .card-athlete__featured:focus .article--img {
      -moz-transform: scale(1.1);
      -o-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1); } }
  .card-athlete__featured > .article--wrapper {
    display: block;
    height: 100%;
    width: 100%;
    color: #2d2d2d; }
    .card-athlete__featured > .article--wrapper:hover, .card-athlete__featured > .article--wrapper:focus {
      text-decoration: none; }
  .card-athlete__featured .article--title {
    text-transform: uppercase;
    color: #2d2d2d;
    font-weight: normal; }
  .card-athlete__featured .article--img {
    vertical-align: middle;
    overflow: hidden;
    border-radius: 100%;
    margin: 0 auto 5px;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -ms-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -webkit-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 80px;
    height: 80px; }
    .card-athlete__featured .article--img img {
      width: 100%; }
  .card-athlete__featured .article--favorite {
    position: relative;
    text-align: center; }
  .ko .card-athlete__featured {
    font-size: 14px;
    font-size: 0.875rem; }
  .ko .card-athlete__featured,
  .zh .card-athlete__featured {
    line-height: 20px; }
  .card-athlete__featured .article--title {
    min-height: 35px; }
  .card-athlete__featured .article--footer,
  .card-athlete__featured .discipline--name {
    max-width: 99%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  @media (min-width: 568px) {
    .card-athlete__featured {
      width: auto; } }
  .card-athlete__featured .article--content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 1em; }
  .card-athlete__featured .article--title {
    font-size: 32px;
    font-size: 2rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 34px;
    text-align: left;
    height: 70px; }
    .ko .card-athlete__featured .article--title {
      font-size: 30px;
      font-size: 1.875rem; }
    .ko .card-athlete__featured .article--title,
    .zh .card-athlete__featured .article--title {
      line-height: 36px; }
  .card-athlete__featured .discipline--img {
    width: 80px;
    height: 80px;
    margin: 10px auto 0; }
  .card-athlete__featured .article--img {
    width: 195px;
    height: 195px; }
    .card-athlete__featured .article--img:before {
      content: ""; }
    .card-athlete__featured .article--img:before {
      position: absolute;
      top: 50%;
      left: 50%;
      font-size: 195px;
      -moz-transform: translate(-50%);
      -o-transform: translate(-50%);
      -ms-transform: translate(-50%);
      -webkit-transform: translate(-50%);
      transform: translate(-50%); }
    .card-athlete__featured .article--img img {
      border-radius: 100%;
      max-width: 140px;
      margin: 37px auto; }
  .card-athlete__featured .athlete--img__fallback {
    margin: 37px auto;
    display: block; }
    .card-athlete__featured .athlete--img__fallback:before {
      font-size: 140px;
      line-height: 138px;
      max-width: 140px;
      margin: auto; }
      @media (min-width: 992px) {
        .card-athlete__featured .athlete--img__fallback:before {
          font-size: 140px;
          line-height: 138px; } }
  .card-athlete__featured .discipline--name {
    font-family: "AktivGrotesk", Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 15px;
    font-size: 0.9375rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 19px;
    display: block; }
    .ko .card-athlete__featured .discipline--name {
      font-size: 13px;
      font-size: 0.8125rem; }
    .ko .card-athlete__featured .discipline--name,
    .zh .card-athlete__featured .discipline--name {
      line-height: 21px; }
    .ar .card-athlete__featured .discipline--name {
      font-size: 17px;
      font-size: 1.0625rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 21px; }
      .ko .ar .card-athlete__featured .discipline--name {
        font-size: 15px;
        font-size: 0.9375rem; }
      .ko .ar .card-athlete__featured .discipline--name,
      .zh .ar .card-athlete__featured .discipline--name {
        line-height: 23px; }
  .card-athlete__featured .country--flag {
    width: 28px;
    height: 28px; }
  .card-athlete__featured .country {
    -ms-flex-align: start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start; }
  .card-athlete__featured.color__red .discipline--name,
  .card-athlete__featured.color__red .article--img:before {
    color: #EE334E; }
  .card-athlete__featured.color__yellow .discipline--name,
  .card-athlete__featured.color__yellow .article--img:before {
    color: #FCB131; }
  .card-athlete__featured.color__green .discipline--name,
  .card-athlete__featured.color__green .article--img:before {
    color: #28a745; }
  .card-athlete__featured.color__blue .discipline--name,
  .card-athlete__featured.color__blue .article--img:before {
    color: #0081C8; }

.card-athlete__featured-horizontal {
  position: relative;
  font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
  padding-top: 10px;
  display: flex;
  align-items: center;
  width: 100%; }
  @media (min-width: 768px) {
    .card-athlete__featured-horizontal:hover .article--img, .card-athlete__featured-horizontal:focus .article--img {
      -moz-transform: scale(1.1);
      -o-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1); } }
  .card-athlete__featured-horizontal > .article--wrapper {
    display: block;
    height: 100%;
    width: 100%;
    color: #2d2d2d; }
    .card-athlete__featured-horizontal > .article--wrapper:hover, .card-athlete__featured-horizontal > .article--wrapper:focus {
      text-decoration: none; }
  .card-athlete__featured-horizontal .article--title {
    text-transform: uppercase;
    color: #2d2d2d;
    font-weight: normal; }
  .card-athlete__featured-horizontal .article--img {
    vertical-align: middle;
    overflow: hidden;
    border-radius: 100%;
    margin: 0 auto 5px;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -ms-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -webkit-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 80px;
    height: 80px; }
    .card-athlete__featured-horizontal .article--img img {
      width: 100%; }
  .card-athlete__featured-horizontal .article--favorite {
    position: relative;
    text-align: center; }
  .card-athlete__featured-horizontal > .article--wrapper {
    width: calc(100% - 32px); }
  .card-athlete__featured-horizontal .article--content {
    display: flex;
    align-items: center; }
  .card-athlete__featured-horizontal .article--title {
    font-size: 22px;
    font-size: 1.375rem;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 24px; }
    .ko .card-athlete__featured-horizontal .article--title {
      font-size: 20px;
      font-size: 1.25rem; }
    .ko .card-athlete__featured-horizontal .article--title,
    .zh .card-athlete__featured-horizontal .article--title {
      line-height: 26px; }
  .card-athlete__featured-horizontal .article--img {
    flex: 0 0 auto;
    max-width: none;
    /*@include media-breakpoint-down(xs) {
                width: 80px;
                height: 80px;
            }*/ }
  .card-athlete__featured-horizontal .article--info {
    width: calc(100% - 90px); }
  .card-athlete__featured-horizontal .country--name {
    font-size: 22px;
    font-size: 1.375rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 15px; }
    .ko .card-athlete__featured-horizontal .country--name {
      font-size: 20px;
      font-size: 1.25rem; }
    .ko .card-athlete__featured-horizontal .country--name,
    .zh .card-athlete__featured-horizontal .country--name {
      line-height: 17px; }
  .card-athlete__featured-horizontal .discipline--name {
    font-weight: bold;
    font-family: "AktivGrotesk", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-size: 0.75rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 15px;
    display: block; }
    .ko .card-athlete__featured-horizontal .discipline--name {
      font-size: 10px;
      font-size: 0.625rem; }
    .ko .card-athlete__featured-horizontal .discipline--name,
    .zh .card-athlete__featured-horizontal .discipline--name {
      line-height: 17px; }
    @media (max-width: 567.98px) {
      .card-athlete__featured-horizontal .discipline--name {
        display: inline-block;
        width: calc(100% - 30px);
        vertical-align: middle; } }
  .card-athlete__featured-horizontal .article--title {
    color: #0081C8;
    font-weight: bold;
    font-size: 42px;
    font-size: 2.625rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 38px; }
    .ko .card-athlete__featured-horizontal .article--title {
      font-size: 40px;
      font-size: 2.5rem; }
    .ko .card-athlete__featured-horizontal .article--title,
    .zh .card-athlete__featured-horizontal .article--title {
      line-height: 40px; }
    @media (max-width: 567.98px) {
      .card-athlete__featured-horizontal .article--title {
        font-size: 28px;
        font-size: 1.75rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 26px; }
        .ko .card-athlete__featured-horizontal .article--title {
          font-size: 26px;
          font-size: 1.625rem; }
        .ko .card-athlete__featured-horizontal .article--title,
        .zh .card-athlete__featured-horizontal .article--title {
          line-height: 28px; }
        .card-athlete__featured-horizontal .article--title > span {
          display: block;
          max-width: 99%;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; } }
  .card-athlete__featured-horizontal .discipline--name {
    vertical-align: top; }
  @media (max-width: 567.98px) {
    .card-athlete__featured-horizontal .country--flag {
      display: none; } }
  @media (max-width: 567.98px) {
    .card-athlete__featured-horizontal .country {
      display: inline-block;
      vertical-align: top;
      font-size: 12px;
      font-size: 0.75rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 15px; }
      .ko .card-athlete__featured-horizontal .country {
        font-size: 10px;
        font-size: 0.625rem; }
      .ko .card-athlete__featured-horizontal .country,
      .zh .card-athlete__featured-horizontal .country {
        line-height: 17px; } }
  @media (max-width: 567.98px) {
    .card-athlete__featured-horizontal .country--name {
      font-size: 0; } }
  .card-athlete__featured-horizontal .country--name:before {
    font-size: 12px;
    font-size: 0.75rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 15px;
    display: inline-block;
    vertical-align: top; }
    .ko .card-athlete__featured-horizontal .country--name:before {
      font-size: 10px;
      font-size: 0.625rem; }
    .ko .card-athlete__featured-horizontal .country--name:before,
    .zh .card-athlete__featured-horizontal .country--name:before {
      line-height: 17px; }
    @media (max-width: 567.98px) {
      .card-athlete__featured-horizontal .country--name:before {
        content: attr(data-abbr) ", ";
        font-weight: bold;
        font-family: "AktivGrotesk", Arial, Helvetica, sans-serif; } }
  @media (min-width: 992px) {
    .card-athlete__featured-horizontal .article--img {
      width: 100px;
      height: 100px; } }

.card-country {
  position: relative;
  font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
  padding-top: 10px;
  width: 100px;
  margin: 10px auto;
  font-size: 16px;
  font-size: 1rem;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 18px; }
  @media (min-width: 768px) {
    .card-country:hover .article--img, .card-country:focus .article--img {
      -moz-transform: scale(1.1);
      -o-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1); } }
  .card-country > .article--wrapper {
    display: block;
    height: 100%;
    width: 100%;
    color: #2d2d2d; }
    .card-country > .article--wrapper:hover, .card-country > .article--wrapper:focus {
      text-decoration: none; }
  .card-country .article--title {
    text-transform: uppercase;
    color: #2d2d2d;
    font-weight: normal; }
  .card-country .article--img {
    vertical-align: middle;
    overflow: hidden;
    border-radius: 100%;
    margin: 0 auto 5px;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -ms-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -webkit-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 80px;
    height: 80px; }
    .card-country .article--img img {
      width: 100%; }
  .card-country .article--favorite {
    position: relative;
    text-align: center; }
  .card-country .article--title {
    font-size: 16px;
    font-size: 1rem;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 16px; }
    .ko .card-country .article--title {
      font-size: 14px;
      font-size: 0.875rem; }
    .ko .card-country .article--title,
    .zh .card-country .article--title {
      line-height: 18px; }
  @media (min-width: 568px) {
    .card-country {
      width: 130px; } }
  .ko .card-country {
    font-size: 14px;
    font-size: 0.875rem; }
  .ko .card-country,
  .zh .card-country {
    line-height: 20px; }
  .card-country .article--title {
    min-height: 35px; }
  .card-country .article--footer,
  .card-country .discipline--name {
    max-width: 99%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.card-country__horizontal {
  position: relative;
  font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
  padding-top: 10px;
  display: flex;
  align-items: center;
  width: 100%; }
  @media (min-width: 768px) {
    .card-country__horizontal:hover .article--img, .card-country__horizontal:focus .article--img {
      -moz-transform: scale(1.1);
      -o-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1); } }
  .card-country__horizontal > .article--wrapper {
    display: block;
    height: 100%;
    width: 100%;
    color: #2d2d2d; }
    .card-country__horizontal > .article--wrapper:hover, .card-country__horizontal > .article--wrapper:focus {
      text-decoration: none; }
  .card-country__horizontal .article--title {
    text-transform: uppercase;
    color: #2d2d2d;
    font-weight: normal; }
  .card-country__horizontal .article--img {
    vertical-align: middle;
    overflow: hidden;
    border-radius: 100%;
    margin: 0 auto 5px;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -ms-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -webkit-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 60px;
    height: 60px; }
    .card-country__horizontal .article--img img {
      width: 100%; }
  .card-country__horizontal .article--favorite {
    position: relative;
    text-align: center; }
  .card-country__horizontal .article--title {
    font-size: 16px;
    font-size: 1rem;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 16px; }
    .ko .card-country__horizontal .article--title {
      font-size: 14px;
      font-size: 0.875rem; }
    .ko .card-country__horizontal .article--title,
    .zh .card-country__horizontal .article--title {
      line-height: 18px; }
  .card-country__horizontal > .article--wrapper {
    width: calc(100% - 32px); }
  .card-country__horizontal .article--content {
    display: flex;
    align-items: center; }
  .card-country__horizontal .article--title {
    font-size: 22px;
    font-size: 1.375rem;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 24px; }
    .ko .card-country__horizontal .article--title {
      font-size: 20px;
      font-size: 1.25rem; }
    .ko .card-country__horizontal .article--title,
    .zh .card-country__horizontal .article--title {
      line-height: 26px; }
  .card-country__horizontal .article--img {
    flex: 0 0 auto;
    max-width: none;
    /*@include media-breakpoint-down(xs) {
                width: 80px;
                height: 80px;
            }*/ }
  .card-country__horizontal .article--info {
    width: calc(100% - 90px); }
  .card-country__horizontal .country--name {
    font-size: 22px;
    font-size: 1.375rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 15px; }
    .ko .card-country__horizontal .country--name {
      font-size: 20px;
      font-size: 1.25rem; }
    .ko .card-country__horizontal .country--name,
    .zh .card-country__horizontal .country--name {
      line-height: 17px; }
  .card-country__horizontal .discipline--name {
    font-weight: bold;
    font-family: "AktivGrotesk", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-size: 0.75rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 15px;
    display: block; }
    .ko .card-country__horizontal .discipline--name {
      font-size: 10px;
      font-size: 0.625rem; }
    .ko .card-country__horizontal .discipline--name,
    .zh .card-country__horizontal .discipline--name {
      line-height: 17px; }
    @media (max-width: 567.98px) {
      .card-country__horizontal .discipline--name {
        display: inline-block;
        width: calc(100% - 30px);
        vertical-align: middle; } }

.card-mvpd, .mvpd__all .card-mvpd, .mvpd__main .card-mvpd {
  width: auto !important; }
  @media (min-width: 568px) {
    .card-mvpd, .mvpd__all .card-mvpd, .mvpd__main .card-mvpd {
      width: auto !important; } }
  .card-mvpd .article--img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center; }

.mvpd__all .card-mvpd {
  position: relative;
  font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
  padding-top: 10px;
  width: 100px;
  margin: 10px auto;
  font-size: 16px;
  font-size: 1rem;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 18px; }
  @media (min-width: 768px) {
    .mvpd__all .card-mvpd:hover .article--img, .mvpd__all .card-mvpd:focus .article--img {
      -moz-transform: scale(1.1);
      -o-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1); } }
  .mvpd__all .card-mvpd > .article--wrapper, .mvpd__all .mvpd__main .card-mvpd > .article--wrapper {
    display: block;
    height: 100%;
    width: 100%;
    color: #2d2d2d; }
    .mvpd__all .card-mvpd > .article--wrapper:hover, .mvpd__all .mvpd__main .card-mvpd > .article--wrapper:hover, .mvpd__all .card-mvpd > .article--wrapper:focus, .mvpd__all .mvpd__main .card-mvpd > .article--wrapper:focus {
      text-decoration: none; }
  .mvpd__all .card-mvpd .article--title {
    text-transform: uppercase;
    color: #2d2d2d;
    font-weight: normal; }
  .mvpd__all .card-mvpd .article--img {
    vertical-align: middle;
    overflow: hidden;
    border-radius: 100%;
    margin: 0 auto 5px;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -ms-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -webkit-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 90px;
    height: 90px; }
    .mvpd__all .card-mvpd .article--img img {
      width: 100%; }
  .mvpd__all .card-mvpd .article--favorite {
    position: relative;
    text-align: center; }
  .mvpd__all .card-mvpd .article--title {
    font-size: 16px;
    font-size: 1rem;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 16px; }
    .ko .mvpd__all .card-mvpd .article--title {
      font-size: 14px;
      font-size: 0.875rem; }
    .ko .mvpd__all .card-mvpd .article--title,
    .zh .mvpd__all .card-mvpd .article--title {
      line-height: 18px; }
  @media (min-width: 568px) {
    .mvpd__all .card-mvpd {
      width: 130px; } }
  .ko .mvpd__all .card-mvpd {
    font-size: 14px;
    font-size: 0.875rem; }
  .ko .mvpd__all .card-mvpd,
  .zh .mvpd__all .card-mvpd {
    line-height: 20px; }
  .mvpd__all .card-mvpd .article--title {
    min-height: 35px; }
  .mvpd__all .card-mvpd .article--footer,
  .mvpd__all .card-mvpd .discipline--name {
    max-width: 99%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .ar .mvpd__all .card-mvpd .article--img {
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    -webkit-transition: none;
    transition: none;
    backface-visibility: visible;
    -webkit-backface-visibility: visible; }
  .mvpd__all .card-mvpd .article--img img {
    width: 95%; }

.mvpd__main .card-mvpd {
  position: relative;
  font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
  padding-top: 10px;
  width: 100px;
  margin: 10px auto;
  font-size: 16px;
  font-size: 1rem;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 18px; }
  @media (min-width: 768px) {
    .mvpd__main .card-mvpd:hover .article--img, .mvpd__main .card-mvpd:focus .article--img {
      -moz-transform: scale(1.1);
      -o-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1); } }
  .mvpd__main .mvpd__all .card-mvpd > .article--wrapper, .mvpd__main .card-mvpd > .article--wrapper {
    display: block;
    height: 100%;
    width: 100%;
    color: #2d2d2d; }
    .mvpd__main .mvpd__all .card-mvpd > .article--wrapper:hover, .mvpd__main .card-mvpd > .article--wrapper:hover, .mvpd__main .mvpd__all .card-mvpd > .article--wrapper:focus, .mvpd__main .card-mvpd > .article--wrapper:focus {
      text-decoration: none; }
  .mvpd__main .card-mvpd .article--title {
    text-transform: uppercase;
    color: #2d2d2d;
    font-weight: normal; }
  .mvpd__main .card-mvpd .article--img {
    vertical-align: middle;
    overflow: hidden;
    border-radius: 100%;
    margin: 0 auto 5px;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -ms-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -webkit-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 150px;
    height: 150px; }
    .mvpd__main .card-mvpd .article--img img {
      width: 100%; }
  .mvpd__main .card-mvpd .article--favorite {
    position: relative;
    text-align: center; }
  .mvpd__main .card-mvpd .article--title {
    font-size: 16px;
    font-size: 1rem;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 16px; }
    .ko .mvpd__main .card-mvpd .article--title {
      font-size: 14px;
      font-size: 0.875rem; }
    .ko .mvpd__main .card-mvpd .article--title,
    .zh .mvpd__main .card-mvpd .article--title {
      line-height: 18px; }
  @media (min-width: 568px) {
    .mvpd__main .card-mvpd {
      width: 130px; } }
  .ko .mvpd__main .card-mvpd {
    font-size: 14px;
    font-size: 0.875rem; }
  .ko .mvpd__main .card-mvpd,
  .zh .mvpd__main .card-mvpd {
    line-height: 20px; }
  .mvpd__main .card-mvpd .article--title {
    min-height: 35px; }
  .mvpd__main .card-mvpd .article--footer,
  .mvpd__main .card-mvpd .discipline--name {
    max-width: 99%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .mvpd__main .card-mvpd .article--img img {
    width: 85%; }

.card-sport {
  position: relative;
  font-weight: normal;
  width: 100px;
  box-sizing: border-box;
  border: 1px solid #CFCFCF;
  background-color: white;
  margin-right: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  font-size: 16px;
  font-size: 1rem;
  font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 18px;
  -moz-transition: border 0.2s ease;
  -o-transition: border 0.2s ease;
  -ms-transition: border 0.2s ease;
  -webkit-transition: border 0.2s ease;
  transition: border 0.2s ease; }
  .ko .card-sport {
    font-size: 14px;
    font-size: 0.875rem; }
  .ko .card-sport,
  .zh .card-sport {
    line-height: 20px; }
  @media (min-width: 1407px) {
    .card-sport {
      margin-right: 14px; }
      .card-sport:nth-child(11n) {
        margin-right: 0; } }
  @media (min-width: 768px) {
    .card-sport:hover, .card-sport:focus {
      border-color: #EE334E; }
      .card-sport:hover .article--img, .card-sport:focus .article--img {
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1); }
      .card-sport:hover .article--favorite .icon-favorite, .card-sport:focus .article--favorite .icon-favorite {
        background-color: #EE334E;
        border-color: #EE334E;
        color: white;
        opacity: 1; }
        .card-sport:hover .article--favorite .icon-favorite:before, .card-sport:focus .article--favorite .icon-favorite:before {
          color: white; } }
  .card-sport .article--content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    height: 2.5rem; }
  .card-sport .article--title {
    color: #2d2d2d;
    font-weight: normal;
    font-size: 16px;
    font-size: 1rem;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 20px; }
    .ko .card-sport .article--title {
      font-size: 14px;
      font-size: 0.875rem; }
    .ko .card-sport .article--title,
    .zh .card-sport .article--title {
      line-height: 22px; }
  .card-sport .article--img {
    vertical-align: middle;
    overflow: hidden;
    margin: 0.75rem auto;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -ms-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -webkit-transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, ms-transform 0.2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 64px;
    height: 64px; }
    .card-sport .article--img img {
      width: 100%; }
  .card-sport .article--favorite {
    position: absolute;
    top: -0.3rem;
    left: -0.3rem;
    text-align: center;
    margin-bottom: 10px; }
    .card-sport .article--favorite .icon-favorite {
      width: 24px;
      height: 24px;
      opacity: unset;
      background: white;
      border-color: #CFCFCF;
      border-width: 1.5px;
      -moz-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease; }
      .card-sport .article--favorite .icon-favorite:before {
        color: #CFCFCF;
        font-size: 12px; }
  .card-sport.active {
    border-color: #EE334E;
    border-width: 1.5px; }
    .card-sport.active .icon-favorite {
      background-color: #EE334E;
      border-color: #EE334E;
      color: white;
      opacity: 1; }
      .card-sport.active .icon-favorite:before {
        color: white; }

.card-unicorn {
  position: relative;
  font-weight: normal;
  width: 90px;
  box-sizing: border-box;
  border: 1px solid #CFCFCF;
  border-radius: 45px 45px 15px 45px;
  background-color: white;
  margin-right: 45px;
  margin-bottom: 60px;
  cursor: pointer;
  font-size: 16px;
  font-size: 1rem;
  font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 18px;
  -moz-transition: border 0.2s ease;
  -o-transition: border 0.2s ease;
  -ms-transition: border 0.2s ease;
  -webkit-transition: border 0.2s ease;
  transition: border 0.2s ease; }
  .ko .card-unicorn {
    font-size: 14px;
    font-size: 0.875rem; }
  .ko .card-unicorn,
  .zh .card-unicorn {
    line-height: 20px; }
  @media (min-width: 1402px) {
    .card-unicorn {
      margin-right: 53px; }
      .card-unicorn:nth-child(9n) {
        margin-right: 0; } }
  @media (min-width: 768px) {
    .card-unicorn:hover, .card-unicorn:focus {
      border-color: #EE334E; }
      .card-unicorn:hover .article--favorite .icon-favorite, .card-unicorn:focus .article--favorite .icon-favorite {
        background-color: #EE334E;
        border-color: #EE334E;
        color: white;
        opacity: 1; }
        .card-unicorn:hover .article--favorite .icon-favorite:before, .card-unicorn:focus .article--favorite .icon-favorite:before {
          color: white; } }
  .card-unicorn.athlete {
    margin-bottom: 90px;
    margin-right: 35px; }
    @media (max-width: 767.98px) {
      .card-unicorn.athlete {
        margin-right: 24px; } }
    .card-unicorn.athlete .article--content {
      bottom: -60px; }
    @media (min-width: 1402px) {
      .card-unicorn.athlete {
        margin-right: 53px; }
        .card-unicorn.athlete:nth-child(9n) {
          margin-right: 0; } }
    .card-unicorn.athlete .article--img.athlete--img__fallback:before {
      font-size: 80px;
      line-height: 78px; }
    @media (max-width: 767.98px) {
      .card-unicorn.athlete .article--footer {
        width: 110px;
        left: -10px;
        right: 0px; } }
  @media (max-width: 767.98px) {
    .card-unicorn {
      margin-right: 28px; } }
  @media (min-width: 768px) {
    .card-unicorn:hover .article--title, .card-unicorn:focus .article--title {
      text-decoration: underline; } }
  .card-unicorn .article--content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    bottom: -40px;
    position: absolute;
    left: -20px;
    right: -20px; }
  .card-unicorn .article--title {
    color: #2d2d2d;
    font-weight: normal;
    font-size: 16px;
    font-size: 1rem;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 20px;
    text-transform: uppercase;
    width: 128px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .ko .card-unicorn .article--title {
      font-size: 14px;
      font-size: 0.875rem; }
    .ko .card-unicorn .article--title,
    .zh .card-unicorn .article--title {
      line-height: 22px; }
  .card-unicorn .article--img {
    vertical-align: middle;
    overflow: hidden;
    margin: 5px auto;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    border-radius: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 80px;
    height: 80px; }
    .card-unicorn .article--img img {
      width: 100%; }
  .card-unicorn .article--footer {
    bottom: -70px;
    position: absolute;
    left: -20px;
    right: -20px;
    width: 128px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .card-unicorn .article--favorite {
    position: absolute;
    right: 4px;
    bottom: -6px;
    text-align: center;
    margin-bottom: 10px; }
    .card-unicorn .article--favorite .icon-favorite {
      width: 24px;
      height: 24px;
      opacity: unset;
      background: white;
      border-color: #CFCFCF;
      border-width: 1.5px;
      -moz-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease; }
      .card-unicorn .article--favorite .icon-favorite:before {
        color: #CFCFCF;
        font-size: 12px; }
  .card-unicorn.active {
    border-color: #EE334E;
    border-width: 1.5px; }
    .card-unicorn.active .icon-favorite {
      background-color: #EE334E;
      border-color: #EE334E;
      color: white;
      opacity: 1; }
      .card-unicorn.active .icon-favorite:before {
        color: white; }

.owl-carousel.owl-rtl {
  direction: ltr; }

.owl-carousel {
  position: relative;
  height: 100%; }
  .owl-carousel#hero-hp:not(.owl-loaded) {
    display: block; }
    .owl-carousel#hero-hp:not(.owl-loaded) .item:not(:first-child) {
      display: none; }
  @media (min-width: 568px) {
    .owl-carousel {
      margin-bottom: 50px; } }
  .owl-carousel .owl-stage,
  .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: auto !important;
    touch-action: auto !important; }
  .owl-carousel.off {
    display: block; }
  .owl-carousel .owl-stage-outer {
    padding: 1px; }
  .owl-carousel .owl-stage-outer,
  .owl-carousel .owl-stage {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap; }
  .owl-carousel .owl-item {
    height: 100%;
    float: none !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0; }
  .owl-carousel.owl-carousel__editorial:not(.off) .item {
    width: 290px;
    margin-right: 20px; }
    @media (min-width: 568px) {
      .owl-carousel.owl-carousel__editorial:not(.off) .item {
        width: 320px; } }
    @media (min-width: 768px) {
      .owl-carousel.owl-carousel__editorial:not(.off) .item {
        width: 360px; } }
  .owl-carousel.owl-carousel__editorial:not(.off) .article__small .article--info, .owl-carousel.owl-carousel__editorial:not(.off) .article__event-small .article--info, .owl-carousel.owl-carousel__editorial:not(.off) .article__event-live-schedule-upcoming-carousel-small .article--info, .owl-carousel.owl-carousel__editorial:not(.off) .playlist .series .article--info, .playlist .owl-carousel.owl-carousel__editorial:not(.off) .series .article--info, .owl-carousel.owl-carousel__editorial:not(.off) .playlist .episodes .episodes-wrapper .episode .article--info, .playlist .episodes .episodes-wrapper .owl-carousel.owl-carousel__editorial:not(.off) .episode .article--info {
    display: flex;
    align-items: center; }
  .owl-carousel.owl-carousel__editorial:not(.off) .article__small .article--img, .owl-carousel.owl-carousel__editorial:not(.off) .article__event-small .article--img, .owl-carousel.owl-carousel__editorial:not(.off) .article__event-live-schedule-upcoming-carousel-small .article--img, .owl-carousel.owl-carousel__editorial:not(.off) .playlist .series .article--img, .playlist .owl-carousel.owl-carousel__editorial:not(.off) .series .article--img, .owl-carousel.owl-carousel__editorial:not(.off) .playlist .episodes .episodes-wrapper .episode .article--img, .playlist .episodes .episodes-wrapper .owl-carousel.owl-carousel__editorial:not(.off) .episode .article--img {
    width: 100px; }
    @media (min-width: 568px) {
      .owl-carousel.owl-carousel__editorial:not(.off) .article__small .article--img, .owl-carousel.owl-carousel__editorial:not(.off) .article__event-small .article--img, .owl-carousel.owl-carousel__editorial:not(.off) .article__event-live-schedule-upcoming-carousel-small .article--img, .owl-carousel.owl-carousel__editorial:not(.off) .playlist .series .article--img, .playlist .owl-carousel.owl-carousel__editorial:not(.off) .series .article--img, .owl-carousel.owl-carousel__editorial:not(.off) .playlist .episodes .episodes-wrapper .episode .article--img, .playlist .episodes .episodes-wrapper .owl-carousel.owl-carousel__editorial:not(.off) .episode .article--img {
        width: 120px; } }
    @media (min-width: 768px) {
      .owl-carousel.owl-carousel__editorial:not(.off) .article__small .article--img, .owl-carousel.owl-carousel__editorial:not(.off) .article__event-small .article--img, .owl-carousel.owl-carousel__editorial:not(.off) .article__event-live-schedule-upcoming-carousel-small .article--img, .owl-carousel.owl-carousel__editorial:not(.off) .playlist .series .article--img, .playlist .owl-carousel.owl-carousel__editorial:not(.off) .series .article--img, .owl-carousel.owl-carousel__editorial:not(.off) .playlist .episodes .episodes-wrapper .episode .article--img, .playlist .episodes .episodes-wrapper .owl-carousel.owl-carousel__editorial:not(.off) .episode .article--img {
        width: 140px; } }
  .owl-carousel .owl-prev, .owl-carousel .owl-next {
    display: none;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 100%;
    font-size: 50px;
    font-size: 3.125rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 54px;
    line-height: 1;
    color: #2d2d2d;
    background: transparent;
    border: none !important;
    cursor: pointer; }
    .ko .owl-carousel .owl-prev, .ko .owl-carousel .owl-next {
      font-size: 48px;
      font-size: 3rem; }
    .ko .owl-carousel .owl-prev,
    .zh .owl-carousel .owl-prev, .ko .owl-carousel .owl-next,
    .zh .owl-carousel .owl-next {
      line-height: 56px; }
    .owl-carousel .owl-prev:focus, .owl-carousel .owl-prev:hover, .owl-carousel .owl-next:focus, .owl-carousel .owl-next:hover {
      color: #0081C8;
      text-decoration: none; }
    .owl-carousel .owl-prev:before, .owl-carousel .owl-next:before {
      vertical-align: top; }
    .owl-carousel .owl-prev.disabled, .owl-carousel .owl-next.disabled {
      color: rgba(45, 45, 45, 0.5); }
      .owl-carousel .owl-prev.disabled:hover, .owl-carousel .owl-prev.disabled:focus, .owl-carousel .owl-next.disabled:hover, .owl-carousel .owl-next.disabled:focus {
        color: #2d2d2d;
        cursor: default;
        color: rgba(45, 45, 45, 0.5); }
    .owl-carousel .owl-prev:hover, .owl-carousel .owl-prev:focus, .owl-carousel .owl-next:hover, .owl-carousel .owl-next:focus {
      color: #0081C8; }
  .owl-carousel .owl-prev {
    left: -70px;
    right: auto; }
  .owl-carousel .owl-next {
    right: -70px;
    left: auto; }
  .owl-carousel .owl-dots {
    margin: 10px auto 10px;
    text-align: center;
    position: absolute;
    left: 50% /*rtl:ignore*/;
    -moz-transform: translateX(-50%) /*rtl:ignore*/;
    -o-transform: translateX(-50%) /*rtl:ignore*/;
    -ms-transform: translateX(-50%) /*rtl:ignore*/;
    -webkit-transform: translateX(-50%) /*rtl:ignore*/;
    transform: translateX(-50%) /*rtl:ignore*/;
    display: none;
    white-space: nowrap; }
  .owl-carousel .owl-dot {
    display: inline-block;
    margin: 3px 5px;
    padding: 4px;
    border-radius: 100%;
    border: 2px solid transparent; }
    .owl-carousel .owl-dot.active {
      border-color: #0081C8; }
    .owl-carousel .owl-dot > span {
      width: 8px;
      height: 8px;
      display: block;
      background: rgba(0, 0, 0, 0.2);
      border-radius: 100%; }

#owl-carousel-series .owl-stage-outer {
  max-height: 406px; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .owl-carousel .owl-item .article--img > picture img {
    -moz-transition: all 0s;
    -o-transition: all 0s;
    -ms-transition: all 0s;
    -webkit-transition: all 0s;
    transition: all 0s; } }

@media (min-width: 568px) {
  #continue-watching-carousel-v2 .owl-stage-outer {
    height: 325px;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    padding-left: calc(50vw - 50%); } }

#continue-watching-carousel-v2 .article__base::before {
  border: 0; }

#continue-watching-carousel-v2 .article__base .article--content {
  padding: 16px 32px 0 0; }
  #continue-watching-carousel-v2 .article__base .article--content .article--title {
    font-family: cervo-light;
    font-size: 16px;
    font-size: 1rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 20px;
    text-transform: none; }
    .ko #continue-watching-carousel-v2 .article__base .article--content .article--title {
      font-size: 14px;
      font-size: 0.875rem; }
    .ko #continue-watching-carousel-v2 .article__base .article--content .article--title,
    .zh #continue-watching-carousel-v2 .article__base .article--content .article--title {
      line-height: 22px; }
    @media (min-width: 568px) {
      #continue-watching-carousel-v2 .article__base .article--content .article--title {
        font-size: 26px;
        font-size: 1.625rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 30px; }
        .ko #continue-watching-carousel-v2 .article__base .article--content .article--title {
          font-size: 24px;
          font-size: 1.5rem; }
        .ko #continue-watching-carousel-v2 .article__base .article--content .article--title,
        .zh #continue-watching-carousel-v2 .article__base .article--content .article--title {
          line-height: 32px; } }

#continue-watching-carousel-v2 .article__base .article--img .article--duration {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #ffffff;
  background: #2d2d2d;
  z-index: 2;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  display: table;
  font-size: 0.75rem;
  line-height: 14px;
  padding: 5px 0.5rem; }

#continue-watching-carousel-v2 .item {
  width: 290px; }
  @media (min-width: 568px) {
    #continue-watching-carousel-v2 .item {
      width: 320px; } }
  @media (min-width: 768px) {
    #continue-watching-carousel-v2 .item {
      width: 360px; } }

#continue-watching-carousel-v2 .owl-prev {
  left: calc(-50vw + 50%);
  display: none !important; }
  #continue-watching-carousel-v2 .owl-prev:before {
    width: 100%;
    background: -moz-linear-gradient(right, rgba(240, 240, 240, 0) 0, #f0f0f0 100%);
    background: -webkit-linear-gradient(right, rgba(240, 240, 240, 0) 0, #f0f0f0 100%);
    background: linear-gradient(to left, rgba(240, 240, 240, 0) 0, #f0f0f0 100%);
    padding-top: 263px;
    padding-bottom: 263px;
    margin-left: -29px;
    padding-left: 42px;
    padding-right: 20px; }

#continue-watching-carousel-v2 .owl-next {
  right: calc(-50vw + 50%);
  display: none !important; }
  #continue-watching-carousel-v2 .owl-next:before {
    width: 100%;
    background: -moz-linear-gradient(left, rgba(240, 240, 240, 0) 0, #f0f0f0 100%);
    background: -webkit-linear-gradient(left, rgba(240, 240, 240, 0) 0, #f0f0f0 100%);
    background: linear-gradient(to right, rgba(240, 240, 240, 0) 0, #f0f0f0 100%);
    padding-top: 263px;
    padding-bottom: 263px;
    margin-right: -5px;
    padding-right: 18px;
    padding-left: 20px; }

@media (min-width: 568px) {
  #continue-watching-carousel-v2:hover .owl-prev:not(.disabled) {
    display: block !important; }
  #continue-watching-carousel-v2:hover .owl-next:not(.disabled) {
    display: block !important; } }

@media (min-width: 568px) {
  div[id^="owl-carousel-seriesv2-"] {
    margin-top: -29px;
    margin-bottom: -33px; } }

div[id^="owl-carousel-seriesv2-"]:last-of-type {
  margin-bottom: 50px; }

@media (min-width: 568px) {
  div[id^="owl-carousel-seriesv2-"] .owl-stage-outer {
    height: 465px;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    padding-left: calc(50vw - 50% - 24px); } }

div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item {
  flex-direction: column;
  display: flex;
  justify-content: center; }
  @media (min-width: 568px) {
    div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item {
      -moz-transition: all 0s ease-in-out;
      -o-transition: all 0s ease-in-out;
      -ms-transition: all 0s ease-in-out;
      -webkit-transition: all 0s ease-in-out;
      transition: all 0s ease-in-out; }
      div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item:nth-child(1) {
        margin-left: 24px; } }
  div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item .item {
    height: 274px;
    width: 162px; }
    @media (max-width: 767.98px) {
      div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item .item.carousel_adv::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0; } }
    div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item .item .icon-favorite {
      position: absolute;
      top: 35%;
      left: 20px;
      z-index: 1;
      opacity: 0;
      height: 45px;
      width: 45px;
      font-size: 24px; }
      @media (max-width: 767.98px) {
        div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item .item .icon-favorite {
          height: 30px;
          width: 30px;
          font-size: 16px;
          top: 5%; } }
      div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item .item .icon-favorite:not(.active) {
        background: rgba(0, 0, 0, 0);
        color: #ffffff;
        border-color: #ffffff; }
    div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item .item .icon-share {
      position: absolute;
      top: 35%;
      left: 70px;
      z-index: 1;
      opacity: 0;
      height: 45px;
      width: 45px;
      font-size: 32px;
      background: rgba(0, 0, 0, 0);
      color: #ffffff;
      border-color: #ffffff; }
    div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item .item .social-icons-container {
      position: absolute;
      top: calc(35% + 2.5px);
      left: 70px;
      z-index: 2;
      opacity: 0;
      height: 40px;
      font-size: 24px;
      background: #2d2d2d;
      border-radius: 20px;
      padding: 4px; }
      @media (max-width: 767.98px) {
        div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item .item .social-icons-container {
          height: 30px;
          font-size: 16px;
          top: 5%; } }
    @media (min-width: 568px) {
      div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item .item {
        height: 378px;
        width: 223px; } }
    div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item .item .article__series {
      -moz-transition: all 0s ease-in-out;
      -o-transition: all 0s ease-in-out;
      -ms-transition: all 0s ease-in-out;
      -webkit-transition: all 0s ease-in-out;
      transition: all 0s ease-in-out;
      height: 100%;
      width: 100%; }
      div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item .item .article__series .article--content {
        bottom: 0;
        height: 65%; }
        @media (max-width: 767.98px) {
          div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item .item .article__series .article--content {
            height: 100%; } }
        div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item .item .article__series .article--content .article--title {
          margin-top: 30px; }
          @media (max-width: 767.98px) {
            div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item .item .article__series .article--content .article--title {
              font-size: 20px;
              font-size: 1.25rem;
              /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
              line-height: 24px; }
              .ko div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item .item .article__series .article--content .article--title {
                font-size: 18px;
                font-size: 1.125rem; }
              .ko div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item .item .article__series .article--content .article--title,
              .zh div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item .item .article__series .article--content .article--title {
                line-height: 26px; } }
        div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item .item .article__series .article--content:before {
          display: none; }
        div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item .item .article__series .article--content:after {
          display: none; }
        div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item .item .article__series .article--content .article--info {
          opacity: 0; }
          @media (max-width: 767.98px) {
            div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item .item .article__series .article--content .article--info {
              font-size: 16px;
              font-size: 1rem;
              /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
              line-height: 20px; }
              .ko div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item .item .article__series .article--content .article--info {
                font-size: 14px;
                font-size: 0.875rem; }
              .ko div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item .item .article__series .article--content .article--info,
              .zh div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item .item .article__series .article--content .article--info {
                line-height: 22px; } }
        @media (max-width: 767.98px) {
          div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item .item .article__series .article--content .article--summary {
            font-size: 13px;
            font-size: 0.8125rem;
            /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
            line-height: 17px; }
            .ko div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item .item .article__series .article--content .article--summary {
              font-size: 11px;
              font-size: 0.6875rem; }
            .ko div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item .item .article__series .article--content .article--summary,
            .zh div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item .item .article__series .article--content .article--summary {
              line-height: 19px; } }
  @media (min-width: 568px) {
    div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item:hover .item {
      height: 458px;
      width: 271px; } }
  div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item:hover .article__series .article--content .article--title,
  div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item:hover .article__series .article--content .article--summary {
    opacity: 0;
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    position: relative;
    top: 0;
    bottom: 0;
    color: #fff !important;
    text-decoration: none; }
    @media (min-width: 568px) {
      div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item:hover .article__series .article--content .article--title,
      div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item:hover .article__series .article--content .article--summary {
        opacity: 1; } }
  div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item:hover .article__series .article--content .article--info {
    opacity: 0; }
    @media (min-width: 568px) {
      div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item:hover .article__series .article--content .article--info {
        opacity: 1; } }
  @media (min-width: 568px) {
    div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item:hover .article__series:after {
      background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 100%);
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 100%);
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 100%); } }
  @media (min-width: 568px) {
    div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item:hover .icon-favorite {
      opacity: 1; } }
  @media (min-width: 568px) {
    div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item:hover .icon-share,
    div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item:hover .social-icons-container {
      opacity: 1; } }
  @media (min-width: 568px) {
    div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item:hover {
      margin-right: 9px !important; }
      div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item:hover:nth-child(1) {
        margin-left: 0px; }
      div[id^="owl-carousel-seriesv2-"] .owl-stage-outer .owl-item:hover:not(:nth-child(1)) {
        margin-left: -24px; } }

div[id^="owl-carousel-seriesv2-"] .owl-prev {
  left: calc(-50vw + 50%);
  display: none !important; }
  div[id^="owl-carousel-seriesv2-"] .owl-prev:before {
    width: 100%;
    background: -moz-linear-gradient(right, rgba(240, 240, 240, 0) 0, #f0f0f0 100%);
    background: -webkit-linear-gradient(right, rgba(240, 240, 240, 0) 0, #f0f0f0 100%);
    background: linear-gradient(to left, rgba(240, 240, 240, 0) 0, #f0f0f0 100%);
    padding-top: 223px;
    padding-bottom: 223px;
    margin-left: -29px;
    padding-left: 42px;
    padding-right: 20px; }

div[id^="owl-carousel-seriesv2-"] .owl-next {
  right: calc(-50vw + 50%);
  display: none !important; }
  div[id^="owl-carousel-seriesv2-"] .owl-next:before {
    width: 100%;
    background: -moz-linear-gradient(left, rgba(240, 240, 240, 0) 0, #f0f0f0 100%);
    background: -webkit-linear-gradient(left, rgba(240, 240, 240, 0) 0, #f0f0f0 100%);
    background: linear-gradient(to right, rgba(240, 240, 240, 0) 0, #f0f0f0 100%);
    padding-top: 223px;
    padding-bottom: 223px;
    margin-right: -5px;
    padding-right: 18px;
    padding-left: 20px; }

@media (min-width: 568px) {
  div[id^="owl-carousel-seriesv2-"]:hover .owl-prev:not(.disabled) {
    display: block !important; }
  div[id^="owl-carousel-seriesv2-"]:hover .owl-next:not(.disabled) {
    display: block !important; } }

.article__series_adv {
  -moz-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  -ms-transition: all 0s ease-in-out;
  -webkit-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
  height: 100%;
  width: 100%; }
  .article__series_adv .article--img {
    /*height: 378px;
        width: 223px;*/
    height: 100%;
    width: 100%;
    margin-top: -17px; }
  .article__series_adv .article--content {
    bottom: 0;
    height: 65%; }
    .article__series_adv .article--content .article--title {
      margin-top: 30px; }
    .article__series_adv .article--content:before {
      display: none; }
    .article__series_adv .article--content:after {
      display: none; }
    .article__series_adv .article--content .article--info {
      opacity: 0; }
  .article__series_adv:hover .article--img {
    height: 458px;
    width: 271px;
    margin-top: -17px; }
  .article__series_adv:hover .article--content .article--title,
  .article__series_adv:hover .article--content .article--summary {
    opacity: 1;
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    position: relative;
    top: 0;
    bottom: 0;
    color: #fff !important;
    text-decoration: none; }
  .article__series_adv:hover .article--content .article--info {
    opacity: 1; }
  .article__series_adv:hover:after {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 100%); }

.owl-carousel--top-episodes {
  margin-bottom: 50px; }
  .owl-carousel--top-episodes .owl-prev {
    left: calc(-50vw + 50%);
    display: none !important;
    transition: opacity .3s linear;
    opacity: 1; }
    .owl-carousel--top-episodes .owl-prev.disabled {
      opacity: 0; }
    .owl-carousel--top-episodes .owl-prev:before {
      width: 100%;
      background: -moz-linear-gradient(right, rgba(240, 240, 240, 0) 0, #f0f0f0 100%);
      background: -webkit-linear-gradient(right, rgba(240, 240, 240, 0) 0, #f0f0f0 100%);
      background: linear-gradient(to left, rgba(240, 240, 240, 0) 0, #f0f0f0 100%);
      padding-top: 105px;
      padding-bottom: 105px;
      margin-left: -29px;
      padding-left: 42px;
      padding-right: 20px; }
  .owl-carousel--top-episodes .owl-next {
    right: calc(-50vw + 50%);
    display: none !important;
    transition: opacity .3s linear;
    opacity: 1; }
    .owl-carousel--top-episodes .owl-next.disabled {
      opacity: 0; }
    .owl-carousel--top-episodes .owl-next:before {
      width: 100%;
      background: -moz-linear-gradient(left, rgba(240, 240, 240, 0) 0, #f0f0f0 100%);
      background: -webkit-linear-gradient(left, rgba(240, 240, 240, 0) 0, #f0f0f0 100%);
      background: linear-gradient(to right, rgba(240, 240, 240, 0) 0, #f0f0f0 100%);
      padding-top: 105px;
      padding-bottom: 105px;
      margin-right: -5px;
      padding-right: 18px;
      padding-left: 20px; }
  @media (min-width: 568px) {
    .owl-carousel--top-episodes:hover .owl-prev:not(.disabled) {
      display: block !important; }
    .owl-carousel--top-episodes:hover .owl-next:not(.disabled) {
      display: block !important; } }

.decorated, .decorated__1, .decorated__2, .decorated__3, .section-page__hp .section__see-also .owl-carousel, .decorated__4, .decorated__5, .decorated__6, .decorated__7 {
  padding-bottom: 35px;
  position: relative; }
  .decorated:after, .decorated__1:after, .decorated__2:after, .decorated__3:after, .section-page__hp .section__see-also .owl-carousel:after, .decorated__4:after, .decorated__5:after, .decorated__6:after, .decorated__7:after {
    content: '';
    display: block;
    width: 100%;
    height: 22px;
    background-image: url("/Images/static/decoration/gfx_01.jpg");
    background-position: 50% 50%;
    position: absolute;
    bottom: 0; }
  .decorated .owl-dots, .decorated__1 .owl-dots, .decorated__2 .owl-dots, .decorated__3 .owl-dots, .section-page__hp .section__see-also .owl-carousel .owl-dots, .decorated__4 .owl-dots, .decorated__5 .owl-dots, .decorated__6 .owl-dots, .decorated__7 .owl-dots {
    margin: 60px auto 10px !important; }

.decorated__2:after {
  background-image: url("/Images/static/decoration/gfx_02.jpg"); }

.decorated__3:after, .section-page__hp .section__see-also .owl-carousel:after {
  background-image: url("/Images/static/decoration/gfx_03.jpg"); }

.decorated__4:after {
  background-image: url("/Images/static/decoration/gfx_04.jpg"); }

.decorated__5:after {
  background-image: url("/Images/static/decoration/gfx_05.jpg"); }

.decorated__6:after {
  background-image: url("/Images/static/decoration/gfx_06.jpg"); }

.decorated__7:after {
  background-image: url("/Images/static/decoration/gfx_07.jpg"); }

.event--alert {
  font-size: 28px;
  font-size: 1.75rem;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 30px;
  font-weight: normal;
  margin-bottom: 0;
  padding: 25px 0; }
  .ko .event--alert {
    font-size: 26px;
    font-size: 1.625rem; }
  .ko .event--alert,
  .zh .event--alert {
    line-height: 32px; }

.events-list {
  border-top: 1px solid #adb5bd; }

@media (min-width: 768px) {
  .epg-list > .list-item {
    border-top: 1px solid #adb5bd; }
    .epg-list > .list-item:first-child {
      border: none; } }

.event .article--content {
  max-width: 98%; }
  @media (min-width: 992px) {
    .event .article--content {
      max-width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      align-items: center;
      -ms-flex-pack: justify;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between; }
      .event .article--content .col-lg-4, .event .article-page .article--content .article--content__right-col, .article-page .event .article--content .article--content__right-col, .event .article-page__video .article--content .article--content__right-col, .article-page__video .event .article--content .article--content__right-col, .event .article-page__story .article--content .article--content__right-col, .article-page__story .event .article--content .article--content__right-col {
        text-align: right; } }

.event .article--title {
  color: #fff;
  background-color: #06466D;
  display: inline;
  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
  padding-left: 10px;
  padding-right: 10px;
  height: fit-content;
  height: -moz-fit-content;
  -moz-transition: left 0.3s ease-in-out;
  -o-transition: left 0.3s ease-in-out;
  -ms-transition: left 0.3s ease-in-out;
  -webkit-transition: left 0.3s ease-in-out;
  transition: left 0.3s ease-in-out;
  left: 0;
  position: relative; }
  .event .article--title > a {
    color: #fff;
    text-decoration: none; }

.event .article--partnership {
  display: inline-flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center; }

@media (min-width: 992px) {
  .event .article--partnership-logo {
    width: 88px;
    height: 88px;
    display: block; } }

.event .event--date {
  font-size: 20px;
  font-size: 1.25rem;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 24px;
  font-weight: bold;
  background-color: #0081C8;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  width: fit-content;
  width: -moz-fit-content;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  min-width: 200px;
  max-width: 300px; }
  .ko .event .event--date {
    font-size: 18px;
    font-size: 1.125rem; }
  .ko .event .event--date,
  .zh .event .event--date {
    line-height: 26px; }
  .event .event--date .event--date__end {
    margin-left: 5%; }
  .event .event--date small {
    font-size: 12px;
    font-size: 0.75rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 20px;
    font-weight: bold;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    max-width: 80px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .ko .event .event--date small {
      font-size: 10px;
      font-size: 0.625rem; }
    .ko .event .event--date small,
    .zh .event .event--date small {
      line-height: 22px; }

@media (max-width: 767.98px) {
  .epg {
    border: 1px solid #adb5bd; } }

.epg > a:link {
  text-decoration: none; }

@media (min-width: 768px) {
  .epg .article--wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start; } }

.epg .article--label, .epg .article--label__current,
.epg .article--label__upcoming, .epg .article--label__highlight, .epg .article--label__duration, .epg .article--label__breaking, .epg .article--label__live {
  position: static; }

.epg .article--img {
  flex: 0 0 auto; }
  @media (min-width: 768px) {
    .epg .article--img {
      width: 300px; } }

.epg .article--partnership {
  display: inline-flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center; }
  @media (max-width: 767.98px) {
    .epg .article--partnership {
      width: 100%;
      -ms-flex-pack: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      background-color: #2d2d2d; } }

.epg .article--partnership-label {
  display: block; }
  @media (min-width: 768px) {
    .epg .article--partnership-label {
      display: none; } }

.epg .article--partnership-logo .article--img {
  width: 38px;
  height: 38px; }
  .epg .article--partnership-logo .article--img img {
    -moz-transform: none !important;
    -o-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important; }
  @media (min-width: 992px) {
    .epg .article--partnership-logo .article--img {
      width: 88px;
      height: 88px;
      display: block; } }

.epg .article--content {
  padding: 1.5rem 1rem; }
  @media (min-width: 768px) {
    .epg .article--content {
      flex: 10;
      padding: 0 1rem 0 1rem; } }
  @media (min-width: 992px) {
    .epg .article--content {
      padding: 0 1rem 0 1rem; } }

.epg .article--title {
  text-transform: uppercase;
  font-size: 20px;
  font-size: 1.25rem;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 24px;
  width: 100%; }
  .ko .epg .article--title {
    font-size: 18px;
    font-size: 1.125rem; }
  .ko .epg .article--title,
  .zh .epg .article--title {
    line-height: 26px; }

.epg .epg--date {
  text-transform: uppercase; }

.epg .epg--time {
  height: 100%;
  position: relative;
  color: #2d2d2d;
  font-size: 14px;
  font-size: 0.875rem;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 17px;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center; }
  .ko .epg .epg--time {
    font-size: 12px;
    font-size: 0.75rem; }
  .ko .epg .epg--time,
  .zh .epg .epg--time {
    line-height: 19px; }

.epg .epg--progress-bar {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 160px;
  background-color: rgba(0, 0, 0, 0.1); }

.epg .article--info {
  color: #0081C8; }

.epg .article--tags .list-item {
  display: inline-block;
  width: auto;
  margin: 0 1em .5em 0; }

.epg .epg--show-more {
  text-decoration: none;
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 22px; }
  .ko .epg .epg--show-more {
    font-size: 18px;
    font-size: 1.125rem; }
  .ko .epg .epg--show-more,
  .zh .epg .epg--show-more {
    line-height: 24px; }
  .epg .epg--show-more .icon-caret-up,
  .epg .epg--show-more .icon-caret-down {
    font-size: 11px;
    margin: 0 3px;
    display: inline-block; }
  .epg .epg--show-more .epg--show-less-label {
    display: inline-block; }
  .epg .epg--show-more:not(.collapsed) .epg--show-more-label,
  .epg .epg--show-more:not(.collapsed) .icon-caret-down {
    display: none; }
  .epg .epg--show-more.collapsed .epg--show-less-label,
  .epg .epg--show-more.collapsed .icon-caret-up {
    display: none; }

.epg .article--summary {
  font-size: 14px;
  font-size: 0.875rem;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 20px; }
  .ko .epg .article--summary {
    font-size: 12px;
    font-size: 0.75rem; }
  .ko .epg .article--summary,
  .zh .epg .article--summary {
    line-height: 22px; }

.epg__live:hover .article--img, .epg__live:focus .article--img {
  position: relative; }
  .epg__live:hover .article--img > picture img, .epg__live:focus .article--img > picture img {
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -moz-transition: transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    -ms-transition: transform 0.3s ease-in-out;
    -webkit-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out; }

.epg__live .article--img {
  overflow: hidden; }
  .epg__live .article--img > picture img {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transition: transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    -ms-transition: transform 0.3s ease-in-out;
    -webkit-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .epg__live .article--img > picture img {
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s; } }

.epg__live a:hover,
.epg__live a:focus {
  color: #2d2d2d; }

.epg__live .epg--time {
  -ms-flex-align: start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start; }

.owl-carousel .owl-item:first-child .epg .article--content {
  border-left: none;
  margin-left: 0;
  padding-left: 0 !important; }

.owl-carousel .epg {
  border: none;
  max-width: 320px;
  width: 100%;
  position: relative;
  overflow: hidden; }
  .owl-carousel .epg .article--title {
    border-bottom: 1px solid #adb5bd;
    min-height: 50px;
    padding-bottom: 10px; }
  .owl-carousel .epg .article--wrapper {
    height: 100%; }
  .owl-carousel .epg .article--content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    height: 100%;
    padding-right: 0 !important;
    margin-left: 1rem;
    border-left: 1px dashed #adb5bd; }
  .owl-carousel .epg .article--summary {
    margin-bottom: 1rem; }

.has-error {
  border: 1px solid #EE334E; }

.success {
  color: #28a745 !important; }

.form--error-list {
  list-style: disc;
  padding-left: 20px;
  color: #EE334E; }

.dropdown-menu {
  left: 0 /*rtl:ignore*/;
  right: auto /*rtl:ignore*/; }

input {
  box-shadow: none; }

.input-group .form-control {
  background: #fff;
  height: 50px;
  color: #2d2d2d;
  font-size: 16px;
  font-size: 1rem;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 20px; }
  .ko .input-group .form-control {
    font-size: 14px;
    font-size: 0.875rem; }
  .ko .input-group .form-control,
  .zh .input-group .form-control {
    line-height: 22px; }
  .input-group .form-control::-ms-clear {
    width: 0;
    height: 0;
    display: none; }
  .input-group .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    line-height: inherit;
    font-size: inherit; }
  .input-group .form-control::-moz-placeholder {
    /* Firefox 19+ */
    line-height: inherit; }
  .input-group .form-control:-ms-input-placeholder {
    /* IE 10+ */
    line-height: inherit; }
  .input-group .form-control:-moz-placeholder {
    /* Firefox 18- */
    line-height: inherit; }

.form-check--label .css-checkbox {
  display: none; }
  .form-check--label .css-checkbox:checked + i {
    background: #0081C8;
    border-color: #0081C8; }
    .form-check--label .css-checkbox:checked + i:hover:after {
      opacity: 1; }
    .form-check--label .css-checkbox:checked + i:after {
      opacity: 1;
      border-color: #fff; }
  .form-check--label .css-checkbox + i {
    box-sizing: border-box; }
    .form-check--label .css-checkbox + i:before, .form-check--label .css-checkbox + i:after {
      box-sizing: border-box; }
  .form-check--label .css-checkbox + i {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: top;
    border: 1px solid #adb5bd;
    transition: background 200ms ease;
    border-radius: 0;
    background: transparent;
    font-size: 20px;
    cursor: pointer; }
    .form-check--label .css-checkbox + i:hover:after {
      opacity: .2; }
    .form-check--label .css-checkbox + i:after {
      content: '';
      opacity: 0;
      transform: translateZ(1px) rotate(-45deg) /*rtl:ignore*/;
      outline: 1px solid transparent;
      position: absolute;
      top: 18%;
      left: 14% /*rtl:ignore*/;
      width: .68em;
      height: .4em;
      border: .1em solid #222;
      border-top: none;
      border-right: none /*rtl:ignore*/;
      background: rgba(0, 0, 0, 0); }

.form-check--label .css-checkbox--label {
  display: inline-block;
  width: calc(100% - 30px);
  vertical-align: top;
  font-family: "AktivGrotesk", Arial, Helvetica, sans-serif;
  text-transform: none;
  line-height: 1.2; }

.filters-nav {
  padding-top: 1rem;
  margin: 1rem 0;
  border-top: 1px solid #adb5bd; }
  @media (min-width: 768px) {
    .filters-nav {
      margin: 1.5rem 0; } }
  .filters-nav > .nav {
    flex-wrap: nowrap;
    overflow: auto; }
    .filters-nav > .nav:not(.justify-content-center) li:first-child .btn-link, .filters-nav > .nav:not(.justify-content-center) li:first-child .account .profile--data .btn-edit, .account .profile--data .filters-nav > .nav:not(.justify-content-center) li:first-child .btn-edit {
      padding-left: 0 !important; }
  .filters-nav .btn-link, .filters-nav .account .profile--data .btn-edit, .account .profile--data .filters-nav .btn-edit {
    color: #2d2d2d;
    text-transform: uppercase; }
    .filters-nav .btn-link:hover, .filters-nav .account .profile--data .btn-edit:hover, .account .profile--data .filters-nav .btn-edit:hover, .filters-nav .btn-link:focus, .filters-nav .account .profile--data .btn-edit:focus, .account .profile--data .filters-nav .btn-edit:focus, .filters-nav .btn-link.active, .filters-nav .account .profile--data .active.btn-edit, .account .profile--data .filters-nav .active.btn-edit {
      color: #0081C8; }
      .filters-nav .btn-link:hover small, .filters-nav .account .profile--data .btn-edit:hover small, .account .profile--data .filters-nav .btn-edit:hover small, .filters-nav .btn-link:focus small, .filters-nav .account .profile--data .btn-edit:focus small, .account .profile--data .filters-nav .btn-edit:focus small, .filters-nav .btn-link.active small, .filters-nav .account .profile--data .active.btn-edit small, .account .profile--data .filters-nav .active.btn-edit small {
        text-decoration: none !important; }
    .filters-nav .btn-link:focus, .filters-nav .account .profile--data .btn-edit:focus, .account .profile--data .filters-nav .btn-edit:focus, .filters-nav .btn-link.active, .filters-nav .account .profile--data .active.btn-edit, .account .profile--data .filters-nav .active.btn-edit {
      font-weight: bold; }
    .filters-nav .btn-link > small, .filters-nav .account .profile--data .btn-edit > small, .account .profile--data .filters-nav .btn-edit > small {
      display: inline-block;
      color: #2d2d2d;
      margin-left: 5px;
      font-weight: inherit; }

.search-bar {
  max-width: 960px;
  width: 100%;
  margin: auto;
  position: relative; }
  .search-bar .form-control {
    height: 50px;
    font-size: 20px;
    font-size: 1.25rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 50px; }
    .ko .search-bar .form-control {
      font-size: 18px;
      font-size: 1.125rem; }
    .ko .search-bar .form-control,
    .zh .search-bar .form-control {
      line-height: 52px; }
    @media (min-width: 768px) {
      .search-bar .form-control {
        font-size: 20px;
        font-size: 1.25rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 80px;
        height: 80px; }
        .ko .search-bar .form-control {
          font-size: 18px;
          font-size: 1.125rem; }
        .ko .search-bar .form-control,
        .zh .search-bar .form-control {
          line-height: 82px; } }
  .search-bar .icon-search,
  .search-bar .icon-close-button {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    z-index: 3;
    background: transparent;
    font-size: 25px;
    font-size: 1.5625rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 29px; }
    .ko .search-bar .icon-search, .ko
    .search-bar .icon-close-button {
      font-size: 23px;
      font-size: 1.4375rem; }
    .ko .search-bar .icon-search,
    .zh .search-bar .icon-search, .ko
    .search-bar .icon-close-button,
    .zh
    .search-bar .icon-close-button {
      line-height: 31px; }
  .search-bar .icon-close-button {
    cursor: pointer;
    font-size: 20px;
    font-size: 1.25rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 24px; }
    .ko .search-bar .icon-close-button {
      font-size: 18px;
      font-size: 1.125rem; }
    .ko .search-bar .icon-close-button,
    .zh .search-bar .icon-close-button {
      line-height: 26px; }
    .search-bar .icon-close-button:hover, .search-bar .icon-close-button:focus {
      color: #EE334E; }
  .search-bar .dropdown-menu {
    width: 100%;
    z-index: 999; }

.search--list {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center; }
  @media (min-width: 992px) {
    .search--list {
      -ms-flex-pack: start;
      -webkit-box-pack: start;
      -webkit-justify-content: start;
      justify-content: start; } }
  .search--list .list--item {
    width: 33.33333%; }
    @media (min-width: 568px) {
      .search--list .list--item {
        width: 20%; } }
    @media (min-width: 768px) {
      .search--list .list--item {
        width: 20%; } }
    @media (min-width: 992px) {
      .search--list .list--item {
        width: 16.6666%; } }
    @media (min-width: 1200px) {
      .search--list .list--item {
        width: 12.5%; } }

.section-page__search .search-bar,
.section__search .search-bar,
#nav-body-search .search-bar {
  max-width: 100%;
  width: 100%; }

.section-page__search .input-group .form-control,
.section__search .input-group .form-control,
#nav-body-search .input-group .form-control {
  background: transparent;
  border-width: 0 0 1px 0; }

.section-page__search .filters-nav,
.section__search .filters-nav,
#nav-body-search .filters-nav {
  border: none;
  padding-top: 0;
  margin-top: 0; }
  .section-page__search .filters-nav > .nav,
  .section__search .filters-nav > .nav,
  #nav-body-search .filters-nav > .nav {
    padding-left: .75rem; }

.section-page__search .search--list .list--item__editorial,
.section__search .search--list .list--item__editorial,
#nav-body-search .search--list .list--item__editorial {
  margin-bottom: 1.5rem; }

.section-page__search .msg_no-results,
.section__search .msg_no-results,
#nav-body-search .msg_no-results {
  font-size: 24px;
  font-size: 1.5rem;
  font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 26px;
  padding: 1rem; }
  .ko .section-page__search .msg_no-results, .ko
  .section__search .msg_no-results, .ko
  #nav-body-search .msg_no-results {
    font-size: 22px;
    font-size: 1.375rem; }
  .ko .section-page__search .msg_no-results,
  .zh .section-page__search .msg_no-results, .ko
  .section__search .msg_no-results,
  .zh
  .section__search .msg_no-results, .ko
  #nav-body-search .msg_no-results,
  .zh
  #nav-body-search .msg_no-results {
    line-height: 28px; }
  .section-page__search .msg_no-results.inline,
  .section__search .msg_no-results.inline,
  #nav-body-search .msg_no-results.inline {
    padding-left: 0; }

.date-picker label {
  opacity: .5; }

.date-picker label,
.date-picker > div {
  display: block;
  width: 100%; }

.date-picker select {
  height: 50px;
  color: #2d2d2d;
  font-size: 16px;
  font-size: 1rem;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 20px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  width: 33.333%;
  padding-left: .5em; }
  .ko .date-picker select {
    font-size: 14px;
    font-size: 0.875rem; }
  .ko .date-picker select,
  .zh .date-picker select {
    line-height: 22px; }
  .date-picker select:nth-child(2) {
    border-left: none;
    border-right: none; }

.oc-footer {
  background-color: transparent;
  color: #999999;
  position: relative;
  /*z-index: -1;*/ }
  .oc-footer:before {
    background-color: #27313A;
    color: #999999;
    background-image: url(/images/static/decoration/Circle_2.png);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 13%;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    opacity: 0.2; }
  .oc-footer:after {
    background-color: #27313A;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -2;
    opacity: 1; }
  .oc-footer.oc-footer--nobg:before {
    background-image: none; }
  .oc-footer .navbar-brand {
    position: relative; }
    .oc-footer .navbar-brand img {
      display: inline-block;
      margin: 2rem 0; }
  .oc-footer .section--partners .section--title {
    margin-bottom: 1rem;
    font-size: 12px;
    font-size: 0.75rem;
    font-family: "AktivGrotesk", Arial, Helvetica, sans-serif;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 13px;
    font-weight: normal;
    text-transform: uppercase; }
    .ko .oc-footer .section--partners .section--title {
      font-size: 10px;
      font-size: 0.625rem; }
    .ko .oc-footer .section--partners .section--title,
    .zh .oc-footer .section--partners .section--title {
      line-height: 15px; }
  .oc-footer .section--partners .partner--list {
    position: relative; }
    .oc-footer .section--partners .partner--list-item {
      text-align: center; }
      .oc-footer .section--partners .partner--list-item a {
        display: block;
        -moz-transition: opacity 0.3s ease;
        -o-transition: opacity 0.3s ease;
        -ms-transition: opacity 0.3s ease;
        -webkit-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease; }
        .oc-footer .section--partners .partner--list-item a:hover {
          opacity: .5; }
      .oc-footer .section--partners .partner--list-item img {
        max-height: 3.5rem; }
    @media (min-width: 568px) {
      .oc-footer .section--partners .partner--list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .oc-footer .section--partners .partner--list-item {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
          -ms-flex-pack: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          justify-content: center; } }
    @media (min-width: 768px) {
      .oc-footer .section--partners .partner--list-item img {
        max-height: 4.5rem; } }
  .oc-footer .oc-main-nav__quicklinks .nav-item {
    position: relative;
    font-size: 14px;
    font-size: 0.875rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 16px; }
    .ko .oc-footer .oc-main-nav__quicklinks .nav-item {
      font-size: 12px;
      font-size: 0.75rem; }
    .ko .oc-footer .oc-main-nav__quicklinks .nav-item,
    .zh .oc-footer .oc-main-nav__quicklinks .nav-item {
      line-height: 18px; }
  .oc-footer .oc-main-nav__quicklinks .quicklinks-primary .nav-item {
    text-transform: uppercase;
    width: 50%;
    text-align: left; }
    @media (min-width: 768px) {
      .oc-footer .oc-main-nav__quicklinks .quicklinks-primary .nav-item {
        width: auto; } }
    .oc-footer .oc-main-nav__quicklinks .quicklinks-primary .nav-item:nth-child(odd) {
      text-align: right; }
    .oc-footer .oc-main-nav__quicklinks .quicklinks-primary .nav-item:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 43%;
      height: 15px;
      background: #999999;
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
      @media (min-width: 768px) {
        .oc-footer .oc-main-nav__quicklinks .quicklinks-primary .nav-item:before {
          width: 2px; } }
    .oc-footer .oc-main-nav__quicklinks .quicklinks-primary .nav-item:first-child:before {
      display: none; }
  .oc-footer .oc-main-nav__quicklinks .quicklinks-primary .nav-link {
    color: #fff; }
    .oc-footer .oc-main-nav__quicklinks .quicklinks-primary .nav-link:focus, .oc-footer .oc-main-nav__quicklinks .quicklinks-primary .nav-link:hover {
      color: #999999; }
  .oc-footer .oc-main-nav__quicklinks .quicklinks-secondary {
    position: relative;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important; }
    .oc-footer .oc-main-nav__quicklinks .quicklinks-secondary .nav-item {
      text-transform: uppercase; }
    .oc-footer .oc-main-nav__quicklinks .quicklinks-secondary .nav-link {
      color: #CFCFCF;
      font-family: "AktivGrotesk";
      font-weight: bold;
      font-size: 13px; }
      .oc-footer .oc-main-nav__quicklinks .quicklinks-secondary .nav-link:focus, .oc-footer .oc-main-nav__quicklinks .quicklinks-secondary .nav-link:hover {
        color: dimgray; }
    @media (max-width: 991.98px) {
      .oc-footer .oc-main-nav__quicklinks .quicklinks-secondary {
        justify-content: center !important;
        flex-direction: column;
        padding-top: 60px !important; }
        .oc-footer .oc-main-nav__quicklinks .quicklinks-secondary .nav-item {
          text-align: center; } }
  .oc-footer .oc-main-nav__quicklinks .quicklinks-utilities {
    position: relative;
    margin-bottom: 1.5em; }
    .oc-footer .oc-main-nav__quicklinks .quicklinks-utilities:after {
      content: '';
      width: 40px;
      height: 3px;
      background: white;
      position: absolute;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translateX(-50%) /*rtl:ignore*/;
      -o-transform: translateX(-50%) /*rtl:ignore*/;
      -ms-transform: translateX(-50%) /*rtl:ignore*/;
      -webkit-transform: translateX(-50%) /*rtl:ignore*/;
      transform: translateX(-50%) /*rtl:ignore*/;
      bottom: 0; }
    .oc-footer .oc-main-nav__quicklinks .quicklinks-utilities .nav-link {
      color: #999999;
      text-transform: none; }
      .oc-footer .oc-main-nav__quicklinks .quicklinks-utilities .nav-link:focus, .oc-footer .oc-main-nav__quicklinks .quicklinks-utilities .nav-link:hover {
        color: #fff; }
  @media (min-width: 768px) {
    .oc-footer .quicklinks-primary {
      justify-content: center; } }
  .oc-footer .oc-socials {
    display: flex;
    flex-wrap: wrap; }
    @media (min-width: 768px) {
      .oc-footer .oc-socials .list-inline-item {
        margin-right: 5px; } }
  .oc-footer .oc-footer-v2 {
    padding-bottom: 2em !important; }
    .oc-footer .oc-footer-v2 .section--partners {
      padding-left: 1em;
      padding-right: 1em;
      margin-top: 0;
      margin-bottom: 3em;
      background-color: #2d2d2d; }
      @media (min-width: 568px) {
        .oc-footer .oc-footer-v2 .section--partners .partner--list-item:not(:last-child) {
          border-right: 2px solid; }
        .oc-footer .oc-footer-v2 .section--partners .partner--list-item:not(:only-child):first-child, .oc-footer .oc-footer-v2 .section--partners .partner--list-item:not(:only-child):last-child {
          flex: 1; }
        .oc-footer .oc-footer-v2 .section--partners .partner--list-item:not(:only-child):first-child:not(:last-child) {
          -ms-flex-pack: end;
          -webkit-box-pack: end;
          -webkit-justify-content: flex-end;
          justify-content: flex-end; }
        .oc-footer .oc-footer-v2 .section--partners .partner--list-item:not(:only-child):last-child {
          -ms-flex-pack: start;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
          justify-content: flex-start; } }
    .oc-footer .oc-footer-v2 .quicklinks-primary {
      justify-content: start; }
      @media (max-width: 991.98px) {
        .oc-footer .oc-footer-v2 .quicklinks-primary {
          justify-content: center !important;
          flex-direction: column;
          width: 100vw; }
          .oc-footer .oc-footer-v2 .quicklinks-primary .nav-item {
            text-align: center !important;
            width: unset; }
            .oc-footer .oc-footer-v2 .quicklinks-primary .nav-item:before {
              display: none; } }
    .oc-footer .oc-footer-v2 .quicklinks-utilities {
      margin-bottom: 0 !important;
      padding-bottom: 0 !important;
      justify-content: unset !important; }
      .oc-footer .oc-footer-v2 .quicklinks-utilities:after {
        display: none !important; }
      @media (max-width: 991.98px) {
        .oc-footer .oc-footer-v2 .quicklinks-utilities {
          justify-content: center !important; } }
    .oc-footer .oc-footer-v2 .oc-socials {
      margin-top: 1.5em; }
      @media (min-width: 768px) {
        .oc-footer .oc-footer-v2 .oc-socials {
          display: flex;
          align-items: center;
          justify-content: center;
          margin: 0; } }
      @media (max-width: 991.98px) {
        .oc-footer .oc-footer-v2 .oc-socials {
          display: flex;
          justify-content: center;
          padding: 32px; }
          .oc-footer .oc-footer-v2 .oc-socials .list-inline-item {
            margin-right: 16px;
            margin-left: 16px; }
            .oc-footer .oc-footer-v2 .oc-socials .list-inline-item .icon {
              margin-right: unset !important; } }
      .oc-footer .oc-footer-v2 .oc-socials .icon {
        background-color: #FFF;
        color: #27313a;
        border: 0;
        font-size: 18px;
        height: 36px;
        width: 36px;
        margin-right: 20px; }

body {
  padding-top: 60px; }
  body > img {
    display: none; }
  @media (min-width: 768px) {
    body {
      padding-top: 90px; } }
  body.nav-down:not(.nav-top) .oc-lev-2-nav-wrapper.sticky {
    position: fixed;
    width: 100%;
    top: 60px;
    z-index: 9;
    background-color: #fff !important;
    padding: 0 !important;
    border-bottom: 1px solid #adb5bd !important;
    -moz-transition: top 0.3s ease-in-out;
    -o-transition: top 0.3s ease-in-out;
    -ms-transition: top 0.3s ease-in-out;
    -webkit-transition: top 0.3s ease-in-out;
    transition: top 0.3s ease-in-out;
    transition-delay: .1s;
    animation-delay: .1s; }
    @media (min-width: 768px) {
      body.nav-down:not(.nav-top) .oc-lev-2-nav-wrapper.sticky {
        top: 90px; } }
    body.nav-down:not(.nav-top) .oc-lev-2-nav-wrapper.sticky .oc-lev-2-nav {
      padding: .35rem 0;
      border-bottom: none !important; }
      body.nav-down:not(.nav-top) .oc-lev-2-nav-wrapper.sticky .oc-lev-2-nav .nav .nav-item .nav-link:before {
        bottom: 0; }
  body.nav-up .oc-header {
    top: -60px;
    border-bottom: none;
    -moz-transition: top 0.3s ease-in;
    -o-transition: top 0.3s ease-in;
    -ms-transition: top 0.3s ease-in;
    -webkit-transition: top 0.3s ease-in;
    transition: top 0.3s ease-in; }
    @media (min-width: 768px) {
      body.nav-up .oc-header {
        top: -90px; } }
  body.nav-down .oc-header {
    -moz-transition: top 0.3s ease-in;
    -o-transition: top 0.3s ease-in;
    -ms-transition: top 0.3s ease-in;
    -webkit-transition: top 0.3s ease-in;
    transition: top 0.3s ease-in; }
  body.with-live-now {
    padding-top: 150px; }
    @media (max-width: 567.98px) {
      body.with-live-now.full-screen-modal {
        padding-top: 60px; }
        body.with-live-now.full-screen-modal .oc-header {
          height: 60px; }
        body.with-live-now.full-screen-modal .oc-header-body {
          top: 60px; } }
    @media (min-width: 768px) {
      body.with-live-now {
        padding-top: 180px; } }
    body.with-live-now.nav-up .oc-header {
      top: -150px;
      border-bottom: none;
      -moz-transition: top 0.3s ease-in;
      -o-transition: top 0.3s ease-in;
      -ms-transition: top 0.3s ease-in;
      -webkit-transition: top 0.3s ease-in;
      transition: top 0.3s ease-in; }
      @media (min-width: 768px) {
        body.with-live-now.nav-up .oc-header {
          top: -180px; } }
    body.with-live-now .oc-header {
      height: 150px; }
      @media (min-width: 768px) {
        body.with-live-now .oc-header {
          height: 180px; } }
    body.with-live-now .oc-header--body, body.with-live-now .oc-header .header-container .right-panel .nav-item-container, .oc-header .header-container .right-panel body.with-live-now .nav-item-container {
      top: 150px; }
      @media (min-width: 768px) {
        body.with-live-now .oc-header--body, body.with-live-now .oc-header .header-container .right-panel .nav-item-container, .oc-header .header-container .right-panel body.with-live-now .nav-item-container {
          top: 180px; } }
      body.with-live-now .oc-header--body.open, body.with-live-now .oc-header .header-container .right-panel .open.nav-item-container, .oc-header .header-container .right-panel body.with-live-now .open.nav-item-container {
        position: fixed; }
    body.with-live-now.with-mobile-quicklinks {
      padding-top: 185px; }
      @media (max-width: 567.98px) {
        body.with-live-now.with-mobile-quicklinks.full-screen-modal {
          padding-top: 95px; }
          body.with-live-now.with-mobile-quicklinks.full-screen-modal .oc-header {
            height: 95px; }
          body.with-live-now.with-mobile-quicklinks.full-screen-modal .oc-header--body, body.with-live-now.with-mobile-quicklinks.full-screen-modal .oc-header .header-container .right-panel .nav-item-container, .oc-header .header-container .right-panel body.with-live-now.with-mobile-quicklinks.full-screen-modal .nav-item-container {
            top: 95px; } }
      @media (min-width: 768px) {
        body.with-live-now.with-mobile-quicklinks {
          padding-top: 180px; } }
      body.with-live-now.with-mobile-quicklinks.nav-up .oc-header {
        top: -185px;
        border-bottom: none;
        -moz-transition: top 0.3s ease-in;
        -o-transition: top 0.3s ease-in;
        -ms-transition: top 0.3s ease-in;
        -webkit-transition: top 0.3s ease-in;
        transition: top 0.3s ease-in; }
        @media (min-width: 768px) {
          body.with-live-now.with-mobile-quicklinks.nav-up .oc-header {
            top: -180px; } }
      body.with-live-now.with-mobile-quicklinks .oc-header {
        height: 185px; }
        @media (min-width: 768px) {
          body.with-live-now.with-mobile-quicklinks .oc-header {
            height: 180px; } }
      body.with-live-now.with-mobile-quicklinks .oc-header--body, body.with-live-now.with-mobile-quicklinks .oc-header .header-container .right-panel .nav-item-container, .oc-header .header-container .right-panel body.with-live-now.with-mobile-quicklinks .nav-item-container {
        top: 185px; }
        @media (min-width: 768px) {
          body.with-live-now.with-mobile-quicklinks .oc-header--body, body.with-live-now.with-mobile-quicklinks .oc-header .header-container .right-panel .nav-item-container, .oc-header .header-container .right-panel body.with-live-now.with-mobile-quicklinks .nav-item-container {
            top: 180px; } }
        body.with-live-now.with-mobile-quicklinks .oc-header--body.open, body.with-live-now.with-mobile-quicklinks .oc-header .header-container .right-panel .open.nav-item-container, .oc-header .header-container .right-panel body.with-live-now.with-mobile-quicklinks .open.nav-item-container {
          position: fixed; }
      body.with-live-now.with-mobile-quicklinks.with-tokyo-links {
        padding-top: 217px; }
        @media (max-width: 567.98px) {
          body.with-live-now.with-mobile-quicklinks.with-tokyo-links.full-screen-modal {
            padding-top: 127px; }
            body.with-live-now.with-mobile-quicklinks.with-tokyo-links.full-screen-modal .oc-header {
              height: 127px; }
            body.with-live-now.with-mobile-quicklinks.with-tokyo-links.full-screen-modal .oc-header--body, body.with-live-now.with-mobile-quicklinks.with-tokyo-links.full-screen-modal .oc-header .header-container .right-panel .nav-item-container, .oc-header .header-container .right-panel body.with-live-now.with-mobile-quicklinks.with-tokyo-links.full-screen-modal .nav-item-container {
              top: 127px; } }
        @media (min-width: 768px) {
          body.with-live-now.with-mobile-quicklinks.with-tokyo-links {
            padding-top: 180px; } }
        body.with-live-now.with-mobile-quicklinks.with-tokyo-links.nav-up .oc-header {
          top: -217px; }
          @media (min-width: 768px) {
            body.with-live-now.with-mobile-quicklinks.with-tokyo-links.nav-up .oc-header {
              top: -180px; } }
        body.with-live-now.with-mobile-quicklinks.with-tokyo-links .oc-header {
          height: 217px; }
          @media (min-width: 768px) {
            body.with-live-now.with-mobile-quicklinks.with-tokyo-links .oc-header {
              height: 180px; } }
        body.with-live-now.with-mobile-quicklinks.with-tokyo-links .oc-header--body, body.with-live-now.with-mobile-quicklinks.with-tokyo-links .oc-header .header-container .right-panel .nav-item-container, .oc-header .header-container .right-panel body.with-live-now.with-mobile-quicklinks.with-tokyo-links .nav-item-container {
          top: 217px; }
          @media (min-width: 768px) {
            body.with-live-now.with-mobile-quicklinks.with-tokyo-links .oc-header--body, body.with-live-now.with-mobile-quicklinks.with-tokyo-links .oc-header .header-container .right-panel .nav-item-container, .oc-header .header-container .right-panel body.with-live-now.with-mobile-quicklinks.with-tokyo-links .nav-item-container {
              top: 180px; } }
  body.with-mobile-quicklinks {
    padding-top: 95px; }
    @media (min-width: 768px) {
      body.with-mobile-quicklinks {
        padding-top: 90px; } }
    body.with-mobile-quicklinks.nav-up .oc-header {
      top: -95px;
      border-bottom: none;
      -moz-transition: top 0.3s ease-in;
      -o-transition: top 0.3s ease-in;
      -ms-transition: top 0.3s ease-in;
      -webkit-transition: top 0.3s ease-in;
      transition: top 0.3s ease-in; }
      @media (min-width: 768px) {
        body.with-mobile-quicklinks.nav-up .oc-header {
          top: -90px; } }
    body.with-mobile-quicklinks .oc-header {
      height: 95px; }
      @media (min-width: 768px) {
        body.with-mobile-quicklinks .oc-header {
          height: 90px; } }
    body.with-mobile-quicklinks .oc-header--body, body.with-mobile-quicklinks .oc-header .header-container .right-panel .nav-item-container, .oc-header .header-container .right-panel body.with-mobile-quicklinks .nav-item-container {
      top: 95px; }
      @media (min-width: 768px) {
        body.with-mobile-quicklinks .oc-header--body, body.with-mobile-quicklinks .oc-header .header-container .right-panel .nav-item-container, .oc-header .header-container .right-panel body.with-mobile-quicklinks .nav-item-container {
          top: 90px; } }
      body.with-mobile-quicklinks .oc-header--body.open, body.with-mobile-quicklinks .oc-header .header-container .right-panel .open.nav-item-container, .oc-header .header-container .right-panel body.with-mobile-quicklinks .open.nav-item-container {
        position: fixed; }
    body.with-mobile-quicklinks.with-tokyo-links {
      padding-top: 127px; }
      @media (min-width: 768px) {
        body.with-mobile-quicklinks.with-tokyo-links {
          padding-top: 90px; } }
      body.with-mobile-quicklinks.with-tokyo-links.nav-up .oc-header {
        top: -127px; }
        @media (min-width: 768px) {
          body.with-mobile-quicklinks.with-tokyo-links.nav-up .oc-header {
            top: -90px; } }
      body.with-mobile-quicklinks.with-tokyo-links .oc-header {
        height: 127px; }
        @media (min-width: 768px) {
          body.with-mobile-quicklinks.with-tokyo-links .oc-header {
            height: 90px; } }
      body.with-mobile-quicklinks.with-tokyo-links .oc-header--body, body.with-mobile-quicklinks.with-tokyo-links .oc-header .header-container .right-panel .nav-item-container, .oc-header .header-container .right-panel body.with-mobile-quicklinks.with-tokyo-links .nav-item-container {
        top: 127px; }
        @media (min-width: 768px) {
          body.with-mobile-quicklinks.with-tokyo-links .oc-header--body, body.with-mobile-quicklinks.with-tokyo-links .oc-header .header-container .right-panel .nav-item-container, .oc-header .header-container .right-panel body.with-mobile-quicklinks.with-tokyo-links .nav-item-container {
            top: 90px; } }
  body.full-screen-modal {
    position: unset !important; }
    @media (max-width: 567.98px) {
      body.full-screen-modal .section__epg-live-now {
        display: none; } }

.oc-main-nav .nav-item.active .nav-link, .oc-header--body .oc-main-nav__bottom-links .nav-item.active .nav-link, .oc-header .header-container .right-panel .nav-item-container .oc-main-nav__bottom-links .nav-item.active .nav-link, .oc-lev-2-nav .nav-item.active .nav-link, .oc-header .oc-main-nav__quicklinks .nav-item.active .nav-link {
  color: #0081C8; }

.oc-main-nav .nav-link, .oc-header--body .oc-main-nav__bottom-links .nav-link, .oc-header .header-container .right-panel .nav-item-container .oc-main-nav__bottom-links .nav-link, .oc-lev-2-nav .nav-link, .oc-header .oc-main-nav__quicklinks .nav-link {
  color: #2d2d2d;
  font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
  line-height: 1;
  text-transform: uppercase;
  -moz-transition: color 0.2s ease-in;
  -o-transition: color 0.2s ease-in;
  -ms-transition: color 0.2s ease-in;
  -webkit-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in; }
  @media (max-width: 991.98px) {
    .oc-main-nav .nav-link:first-child, .oc-header--body .oc-main-nav__bottom-links .nav-link:first-child, .oc-header .header-container .right-panel .nav-item-container .oc-main-nav__bottom-links .nav-link:first-child, .oc-lev-2-nav .nav-link:first-child, .oc-header .oc-main-nav__quicklinks .nav-link:first-child {
      padding-left: 0; } }
  .oc-main-nav .nav-link:hover, .oc-header--body .oc-main-nav__bottom-links .nav-link:hover, .oc-header .header-container .right-panel .nav-item-container .oc-main-nav__bottom-links .nav-link:hover, .oc-lev-2-nav .nav-link:hover, .oc-header .oc-main-nav__quicklinks .nav-link:hover, .oc-main-nav .nav-link:focus, .oc-header--body .oc-main-nav__bottom-links .nav-link:focus, .oc-header .header-container .right-panel .nav-item-container .oc-main-nav__bottom-links .nav-link:focus, .oc-lev-2-nav .nav-link:focus, .oc-header .oc-main-nav__quicklinks .nav-link:focus {
    color: #0081C8; }

.wrapper {
  overflow: hidden; }

.oc-header--body .oc-main-nav, .oc-header .header-container .right-panel .nav-item-container .oc-main-nav, .oc-header--body .oc-main-nav__bottom-links, .oc-header .header-container .right-panel .nav-item-container .oc-main-nav__bottom-links, .oc-header--body .oc-lev-2-nav, .oc-header .header-container .right-panel .nav-item-container .oc-lev-2-nav, .oc-header--body .oc-header .oc-main-nav__quicklinks, .oc-header .oc-header--body .oc-main-nav__quicklinks, .oc-header .header-container .right-panel .nav-item-container .oc-main-nav__quicklinks {
  border-left: 1px solid #adb5bd; }
  .oc-header--body .oc-main-nav .nav-item, .oc-header .header-container .right-panel .nav-item-container .oc-main-nav .nav-item, .oc-header--body .oc-main-nav__bottom-links .nav-item, .oc-header .header-container .right-panel .nav-item-container .oc-main-nav__bottom-links .nav-item, .oc-header--body .oc-lev-2-nav .nav-item, .oc-header .header-container .right-panel .nav-item-container .oc-lev-2-nav .nav-item, .oc-header--body .oc-header .oc-main-nav__quicklinks .nav-item, .oc-header .oc-header--body .oc-main-nav__quicklinks .nav-item, .oc-header .header-container .right-panel .nav-item-container .oc-main-nav__quicklinks .nav-item {
    font-size: 32px;
    font-size: 2rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 36px;
    position: relative;
    line-height: 1; }
    .ko .oc-header--body .oc-main-nav .nav-item, .ko .oc-header .header-container .right-panel .nav-item-container .oc-main-nav .nav-item, .oc-header .header-container .right-panel .ko .nav-item-container .oc-main-nav .nav-item, .ko .oc-header--body .oc-main-nav__bottom-links .nav-item, .ko .oc-header .header-container .right-panel .nav-item-container .oc-main-nav__bottom-links .nav-item, .oc-header .header-container .right-panel .ko .nav-item-container .oc-main-nav__bottom-links .nav-item, .ko .oc-header--body .oc-lev-2-nav .nav-item, .ko .oc-header .header-container .right-panel .nav-item-container .oc-lev-2-nav .nav-item, .oc-header .header-container .right-panel .ko .nav-item-container .oc-lev-2-nav .nav-item, .ko .oc-header--body .oc-header .oc-main-nav__quicklinks .nav-item, .oc-header .ko .oc-header--body .oc-main-nav__quicklinks .nav-item, .ko .oc-header .header-container .right-panel .nav-item-container .oc-main-nav__quicklinks .nav-item, .oc-header .header-container .right-panel .ko .nav-item-container .oc-main-nav__quicklinks .nav-item {
      font-size: 30px;
      font-size: 1.875rem; }
    .ko .oc-header--body .oc-main-nav .nav-item, .ko .oc-header .header-container .right-panel .nav-item-container .oc-main-nav .nav-item, .oc-header .header-container .right-panel .ko .nav-item-container .oc-main-nav .nav-item, .ko .oc-header--body .oc-main-nav__bottom-links .nav-item, .ko .oc-header .header-container .right-panel .nav-item-container .oc-main-nav__bottom-links .nav-item, .oc-header .header-container .right-panel .ko .nav-item-container .oc-main-nav__bottom-links .nav-item, .ko .oc-header--body .oc-lev-2-nav .nav-item, .ko .oc-header .header-container .right-panel .nav-item-container .oc-lev-2-nav .nav-item, .oc-header .header-container .right-panel .ko .nav-item-container .oc-lev-2-nav .nav-item, .ko .oc-header--body .oc-header .oc-main-nav__quicklinks .nav-item, .oc-header .ko .oc-header--body .oc-main-nav__quicklinks .nav-item, .ko .oc-header .header-container .right-panel .nav-item-container .oc-main-nav__quicklinks .nav-item, .oc-header .header-container .right-panel .ko .nav-item-container .oc-main-nav__quicklinks .nav-item,
    .zh .oc-header--body .oc-main-nav .nav-item,
    .zh .oc-header .header-container .right-panel .nav-item-container .oc-main-nav .nav-item,
    .oc-header .header-container .right-panel .zh .nav-item-container .oc-main-nav .nav-item,
    .zh .oc-header--body .oc-main-nav__bottom-links .nav-item,
    .zh .oc-header .header-container .right-panel .nav-item-container .oc-main-nav__bottom-links .nav-item,
    .oc-header .header-container .right-panel .zh .nav-item-container .oc-main-nav__bottom-links .nav-item,
    .zh .oc-header--body .oc-lev-2-nav .nav-item,
    .zh .oc-header .header-container .right-panel .nav-item-container .oc-lev-2-nav .nav-item,
    .oc-header .header-container .right-panel .zh .nav-item-container .oc-lev-2-nav .nav-item,
    .zh .oc-header--body .oc-header .oc-main-nav__quicklinks .nav-item,
    .oc-header .zh .oc-header--body .oc-main-nav__quicklinks .nav-item,
    .zh .oc-header .header-container .right-panel .nav-item-container .oc-main-nav__quicklinks .nav-item,
    .oc-header .header-container .right-panel .zh .nav-item-container .oc-main-nav__quicklinks .nav-item {
      line-height: 38px; }
    @media (min-width: 568px) {
      .oc-header--body .oc-main-nav .nav-item, .oc-header .header-container .right-panel .nav-item-container .oc-main-nav .nav-item, .oc-header--body .oc-main-nav__bottom-links .nav-item, .oc-header .header-container .right-panel .nav-item-container .oc-main-nav__bottom-links .nav-item, .oc-header--body .oc-lev-2-nav .nav-item, .oc-header .header-container .right-panel .nav-item-container .oc-lev-2-nav .nav-item, .oc-header--body .oc-header .oc-main-nav__quicklinks .nav-item, .oc-header .oc-header--body .oc-main-nav__quicklinks .nav-item, .oc-header .header-container .right-panel .nav-item-container .oc-main-nav__quicklinks .nav-item {
        font-size: 36px;
        font-size: 2.25rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 40px; }
        .ko .oc-header--body .oc-main-nav .nav-item, .ko .oc-header .header-container .right-panel .nav-item-container .oc-main-nav .nav-item, .oc-header .header-container .right-panel .ko .nav-item-container .oc-main-nav .nav-item, .ko .oc-header--body .oc-main-nav__bottom-links .nav-item, .ko .oc-header .header-container .right-panel .nav-item-container .oc-main-nav__bottom-links .nav-item, .oc-header .header-container .right-panel .ko .nav-item-container .oc-main-nav__bottom-links .nav-item, .ko .oc-header--body .oc-lev-2-nav .nav-item, .ko .oc-header .header-container .right-panel .nav-item-container .oc-lev-2-nav .nav-item, .oc-header .header-container .right-panel .ko .nav-item-container .oc-lev-2-nav .nav-item, .ko .oc-header--body .oc-header .oc-main-nav__quicklinks .nav-item, .oc-header .ko .oc-header--body .oc-main-nav__quicklinks .nav-item, .ko .oc-header .header-container .right-panel .nav-item-container .oc-main-nav__quicklinks .nav-item, .oc-header .header-container .right-panel .ko .nav-item-container .oc-main-nav__quicklinks .nav-item {
          font-size: 34px;
          font-size: 2.125rem; }
        .ko .oc-header--body .oc-main-nav .nav-item, .ko .oc-header .header-container .right-panel .nav-item-container .oc-main-nav .nav-item, .oc-header .header-container .right-panel .ko .nav-item-container .oc-main-nav .nav-item, .ko .oc-header--body .oc-main-nav__bottom-links .nav-item, .ko .oc-header .header-container .right-panel .nav-item-container .oc-main-nav__bottom-links .nav-item, .oc-header .header-container .right-panel .ko .nav-item-container .oc-main-nav__bottom-links .nav-item, .ko .oc-header--body .oc-lev-2-nav .nav-item, .ko .oc-header .header-container .right-panel .nav-item-container .oc-lev-2-nav .nav-item, .oc-header .header-container .right-panel .ko .nav-item-container .oc-lev-2-nav .nav-item, .ko .oc-header--body .oc-header .oc-main-nav__quicklinks .nav-item, .oc-header .ko .oc-header--body .oc-main-nav__quicklinks .nav-item, .ko .oc-header .header-container .right-panel .nav-item-container .oc-main-nav__quicklinks .nav-item, .oc-header .header-container .right-panel .ko .nav-item-container .oc-main-nav__quicklinks .nav-item,
        .zh .oc-header--body .oc-main-nav .nav-item,
        .zh .oc-header .header-container .right-panel .nav-item-container .oc-main-nav .nav-item,
        .oc-header .header-container .right-panel .zh .nav-item-container .oc-main-nav .nav-item,
        .zh .oc-header--body .oc-main-nav__bottom-links .nav-item,
        .zh .oc-header .header-container .right-panel .nav-item-container .oc-main-nav__bottom-links .nav-item,
        .oc-header .header-container .right-panel .zh .nav-item-container .oc-main-nav__bottom-links .nav-item,
        .zh .oc-header--body .oc-lev-2-nav .nav-item,
        .zh .oc-header .header-container .right-panel .nav-item-container .oc-lev-2-nav .nav-item,
        .oc-header .header-container .right-panel .zh .nav-item-container .oc-lev-2-nav .nav-item,
        .zh .oc-header--body .oc-header .oc-main-nav__quicklinks .nav-item,
        .oc-header .zh .oc-header--body .oc-main-nav__quicklinks .nav-item,
        .zh .oc-header .header-container .right-panel .nav-item-container .oc-main-nav__quicklinks .nav-item,
        .oc-header .header-container .right-panel .zh .nav-item-container .oc-main-nav__quicklinks .nav-item {
          line-height: 42px; } }
    .oc-header--body .oc-main-nav .nav-item:before, .oc-header .header-container .right-panel .nav-item-container .oc-main-nav .nav-item:before, .oc-header--body .oc-main-nav__bottom-links .nav-item:before, .oc-header .header-container .right-panel .nav-item-container .oc-main-nav__bottom-links .nav-item:before, .oc-header--body .oc-lev-2-nav .nav-item:before, .oc-header .header-container .right-panel .nav-item-container .oc-lev-2-nav .nav-item:before, .oc-header--body .oc-header .oc-main-nav__quicklinks .nav-item:before, .oc-header .oc-header--body .oc-main-nav__quicklinks .nav-item:before, .oc-header .header-container .right-panel .nav-item-container .oc-main-nav__quicklinks .nav-item:before {
      content: "";
      display: block;
      position: absolute;
      -moz-transition: width 0.2s ease-in, top 0.2s ease-in, bottom 0.2s ease-in;
      -o-transition: width 0.2s ease-in, top 0.2s ease-in, bottom 0.2s ease-in;
      -ms-transition: width 0.2s ease-in, top 0.2s ease-in, bottom 0.2s ease-in;
      -webkit-transition: width 0.2s ease-in, top 0.2s ease-in, bottom 0.2s ease-in;
      transition: width 0.2s ease-in, top 0.2s ease-in, bottom 0.2s ease-in;
      width: 0px;
      background: #0081C8;
      left: -18px;
      top: 50%;
      bottom: 50%; }
    .oc-header--body .oc-main-nav .nav-item:focus:before, .oc-header .header-container .right-panel .nav-item-container .oc-main-nav .nav-item:focus:before, .oc-header--body .oc-main-nav__bottom-links .nav-item:focus:before, .oc-header .header-container .right-panel .nav-item-container .oc-main-nav__bottom-links .nav-item:focus:before, .oc-header--body .oc-lev-2-nav .nav-item:focus:before, .oc-header .header-container .right-panel .nav-item-container .oc-lev-2-nav .nav-item:focus:before, .oc-header--body .oc-header .oc-main-nav__quicklinks .nav-item:focus:before, .oc-header .oc-header--body .oc-main-nav__quicklinks .nav-item:focus:before, .oc-header .header-container .right-panel .nav-item-container .oc-main-nav__quicklinks .nav-item:focus:before, .oc-header--body .oc-main-nav .nav-item:hover:before, .oc-header .header-container .right-panel .nav-item-container .oc-main-nav .nav-item:hover:before, .oc-header--body .oc-main-nav__bottom-links .nav-item:hover:before, .oc-header .header-container .right-panel .nav-item-container .oc-main-nav__bottom-links .nav-item:hover:before, .oc-header--body .oc-lev-2-nav .nav-item:hover:before, .oc-header .header-container .right-panel .nav-item-container .oc-lev-2-nav .nav-item:hover:before, .oc-header--body .oc-header .oc-main-nav__quicklinks .nav-item:hover:before, .oc-header .oc-header--body .oc-main-nav__quicklinks .nav-item:hover:before, .oc-header .header-container .right-panel .nav-item-container .oc-main-nav__quicklinks .nav-item:hover:before, .oc-header--body .oc-main-nav .nav-item.active:before, .oc-header .header-container .right-panel .nav-item-container .oc-main-nav .nav-item.active:before, .oc-header--body .oc-main-nav__bottom-links .nav-item.active:before, .oc-header .header-container .right-panel .nav-item-container .oc-main-nav__bottom-links .nav-item.active:before, .oc-header--body .oc-lev-2-nav .nav-item.active:before, .oc-header .header-container .right-panel .nav-item-container .oc-lev-2-nav .nav-item.active:before, .oc-header--body .oc-header .oc-main-nav__quicklinks .nav-item.active:before, .oc-header .oc-header--body .oc-main-nav__quicklinks .nav-item.active:before, .oc-header .header-container .right-panel .nav-item-container .oc-main-nav__quicklinks .nav-item.active:before {
      top: 0;
      bottom: 0;
      width: 3px; }

.oc-header--body .oc-socials .icon, .oc-header .header-container .right-panel .nav-item-container .oc-socials .icon {
  width: 32px;
  height: 32px;
  font-size: 18px;
  font-size: 1.125rem;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 22px;
  opacity: .7; }
  .ko .oc-header--body .oc-socials .icon, .ko .oc-header .header-container .right-panel .nav-item-container .oc-socials .icon, .oc-header .header-container .right-panel .ko .nav-item-container .oc-socials .icon {
    font-size: 16px;
    font-size: 1rem; }
  .ko .oc-header--body .oc-socials .icon, .ko .oc-header .header-container .right-panel .nav-item-container .oc-socials .icon, .oc-header .header-container .right-panel .ko .nav-item-container .oc-socials .icon,
  .zh .oc-header--body .oc-socials .icon,
  .zh .oc-header .header-container .right-panel .nav-item-container .oc-socials .icon,
  .oc-header .header-container .right-panel .zh .nav-item-container .oc-socials .icon {
    line-height: 24px; }
  @media (min-width: 568px) {
    .oc-header--body .oc-socials .icon, .oc-header .header-container .right-panel .nav-item-container .oc-socials .icon {
      width: 40px;
      height: 40px;
      font-size: 23px;
      font-size: 1.4375rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 27px; }
      .ko .oc-header--body .oc-socials .icon, .ko .oc-header .header-container .right-panel .nav-item-container .oc-socials .icon, .oc-header .header-container .right-panel .ko .nav-item-container .oc-socials .icon {
        font-size: 21px;
        font-size: 1.3125rem; }
      .ko .oc-header--body .oc-socials .icon, .ko .oc-header .header-container .right-panel .nav-item-container .oc-socials .icon, .oc-header .header-container .right-panel .ko .nav-item-container .oc-socials .icon,
      .zh .oc-header--body .oc-socials .icon,
      .zh .oc-header .header-container .right-panel .nav-item-container .oc-socials .icon,
      .oc-header .header-container .right-panel .zh .nav-item-container .oc-socials .icon {
        line-height: 29px; } }

.oc-header--body .oc-main-nav__bottom-links .nav-item, .oc-header .header-container .right-panel .nav-item-container .oc-main-nav__bottom-links .nav-item {
  font-size: 22px;
  font-size: 1.375rem;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 26px; }
  .ko .oc-header--body .oc-main-nav__bottom-links .nav-item, .ko .oc-header .header-container .right-panel .nav-item-container .oc-main-nav__bottom-links .nav-item, .oc-header .header-container .right-panel .ko .nav-item-container .oc-main-nav__bottom-links .nav-item {
    font-size: 20px;
    font-size: 1.25rem; }
  .ko .oc-header--body .oc-main-nav__bottom-links .nav-item, .ko .oc-header .header-container .right-panel .nav-item-container .oc-main-nav__bottom-links .nav-item, .oc-header .header-container .right-panel .ko .nav-item-container .oc-main-nav__bottom-links .nav-item,
  .zh .oc-header--body .oc-main-nav__bottom-links .nav-item,
  .zh .oc-header .header-container .right-panel .nav-item-container .oc-main-nav__bottom-links .nav-item,
  .oc-header .header-container .right-panel .zh .nav-item-container .oc-main-nav__bottom-links .nav-item {
    line-height: 28px; }

.oc-lev-2-nav-wrapper {
  background-color: #fff;
  border-bottom: 1px solid #adb5bd;
  overflow: auto;
  top: 0; }

.oc-lev-2-nav {
  background-color: #fff; }
  .oc-lev-2-nav .nav {
    flex-wrap: nowrap; }
    @media (min-width: 992px) {
      .oc-lev-2-nav .nav {
        justify-content: center; } }
  .oc-lev-2-nav .nav-item {
    font-size: 20px;
    font-size: 1.25rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 22px;
    white-space: nowrap; }
    .ko .oc-lev-2-nav .nav-item {
      font-size: 18px;
      font-size: 1.125rem; }
    .ko .oc-lev-2-nav .nav-item,
    .zh .oc-lev-2-nav .nav-item {
      line-height: 24px; }
    .oc-lev-2-nav .nav-item:first-child {
      padding-left: 0 !important; }
    .oc-lev-2-nav .nav-item .nav-link {
      position: relative; }

.calendar-nav .owl-carousel {
  padding: 0;
  height: 60px; }
  @media (min-width: 768px) {
    .calendar-nav .owl-carousel {
      height: 70px;
      padding: 0 25px; } }
  .calendar-nav .owl-carousel:after, .calendar-nav .owl-carousel:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 100%;
    z-index: 2;
    top: 0;
    -moz-transition: z-index 0.5s ease-in-out;
    -o-transition: z-index 0.5s ease-in-out;
    -ms-transition: z-index 0.5s ease-in-out;
    -webkit-transition: z-index 0.5s ease-in-out;
    transition: z-index 0.5s ease-in-out;
    background: #f0f0f0;
    background: linear-gradient(90deg, rgba(240, 240, 240, 0) 0%, #F0F0F0 50%, #F0F0F0 100%); }
    @media (min-width: 768px) {
      .calendar-nav .owl-carousel:after, .calendar-nav .owl-carousel:before {
        width: 10%; } }
  @media (min-width: 768px) {
    .calendar-nav .owl-carousel:after {
      right: 25px; } }
  .calendar-nav .owl-carousel:before {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
    @media (min-width: 768px) {
      .calendar-nav .owl-carousel:before {
        left: 25px; } }
  .calendar-nav .owl-carousel .owl-next,
  .calendar-nav .owl-carousel .owl-prev {
    font-size: 16px;
    z-index: 4; }
  .calendar-nav .owl-carousel .owl-next {
    right: 0; }
  .calendar-nav .owl-carousel .owl-prev {
    left: 0; }
  .calendar-nav .owl-carousel .owl-dots {
    display: none !important; }

.calendar-nav .item {
  text-align: center;
  text-transform: uppercase;
  line-height: 60px;
  margin: 0;
  width: 100%;
  -moz-transition: font-size 0.3s ease-in-out;
  -o-transition: font-size 0.3s ease-in-out;
  -ms-transition: font-size 0.3s ease-in-out;
  -webkit-transition: font-size 0.3s ease-in-out;
  transition: font-size 0.3s ease-in-out; }
  @media (min-width: 768px) {
    .calendar-nav .item {
      line-height: 70px; } }
  .calendar-nav .item .btn {
    font-size: 20px;
    font-size: 1.25rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 25px;
    -moz-transition: font-size 0.3s ease-in-out;
    -o-transition: font-size 0.3s ease-in-out;
    -ms-transition: font-size 0.3s ease-in-out;
    -webkit-transition: font-size 0.3s ease-in-out;
    transition: font-size 0.3s ease-in-out;
    color: #2d2d2d;
    height: 60px;
    padding: 0.5rem 1rem;
    width: 100%;
    background-color: transparent;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    /*@include media-breakpoint-down(sm) {
        > span {
          @include truncate();
          display: inline-block;
        }
      }*/ }
    .ko .calendar-nav .item .btn {
      font-size: 18px;
      font-size: 1.125rem; }
    .ko .calendar-nav .item .btn,
    .zh .calendar-nav .item .btn {
      line-height: 27px; }
    @media (min-width: 768px) {
      .calendar-nav .item .btn {
        height: 70px;
        padding: 0.5rem 2rem; } }
    .calendar-nav .item .btn:hover {
      text-decoration: none;
      color: #0081C8; }

.calendar-nav .current.item {
  color: #0081C8; }

.oc-header {
  z-index: 1001;
  border-bottom: 1px solid #adb5bd;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 60px; }
  @media (min-width: 768px) {
    .oc-header {
      height: 90px; } }
  .oc-header .oc-header--top {
    flex-wrap: nowrap; }
    @media (min-width: 768px) {
      .oc-header .oc-header--top {
        flex-wrap: wrap; } }
    @media (min-width: 992px) {
      .oc-header .oc-header--top {
        height: 90px; } }
  .oc-header .btn-login {
    background: none;
    border: none;
    padding: 0; }
    .oc-header .btn-login .icon {
      transition: 200ms ease all; }
    .oc-header .btn-login:hover .icon, .oc-header .btn-login.active .icon {
      color: #2d2d2d;
      background-color: #fff;
      box-shadow: inset 0 0 0 2px #CFCFCF; }
  .oc-header .user--label, .oc-header .search--label {
    font-size: 18px;
    font-size: 1.125rem;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 22px;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle; }
    .ko .oc-header .user--label, .ko .oc-header .search--label {
      font-size: 16px;
      font-size: 1rem; }
    .ko .oc-header .user--label,
    .zh .oc-header .user--label, .ko .oc-header .search--label,
    .zh .oc-header .search--label {
      line-height: 24px; }
    .oc-header .user--label:hover, .oc-header .user--label:focus, .oc-header .search--label:hover, .oc-header .search--label:focus {
      color: #2d2d2d; }
  .oc-header.open {
    top: 0;
    width: 100%;
    height: 100%; }
    .oc-header.open.open__nav .oc-main-nav__quicklinks {
      display: none; }
    .oc-header.open .quicklinks__mobile .oc-main-nav__quicklinks {
      display: block; }
  .oc-header .top-logo-wrap.ocs_sized .navbar-brand img {
    width: 142px; }
    @media (min-width: 768px) {
      .oc-header .top-logo-wrap.ocs_sized .navbar-brand img {
        width: 196px; } }
  .oc-header .top-logo-wrap {
    max-height: 35px; }
    .oc-header .top-logo-wrap.custom_sized {
      max-height: 50px; }
    @media (min-width: 768px) {
      .oc-header .top-logo-wrap {
        max-height: 50px; } }
  .oc-header #nav-icon {
    width: 25px;
    height: 25px;
    padding: 0;
    background: transparent;
    position: relative;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    border: 2px solid transparent;
    box-sizing: content-box; }
    .oc-header #nav-icon:hover span, .oc-header #nav-icon:focus span {
      background: #495057; }
    .oc-header #nav-icon span {
      display: block;
      position: absolute;
      height: 2px;
      width: 100%;
      background: #868e96;
      opacity: 1;
      left: 0;
      border-radius: 9px;
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
      -moz-transition: 0.25s ease-in-out;
      -o-transition: 0.25s ease-in-out;
      -ms-transition: 0.25s ease-in-out;
      -webkit-transition: 0.25s ease-in-out;
      transition: 0.25s ease-in-out;
      moz-transform-origin: left center;
      -o-transform-origin: left center;
      -ms-transform-origin: left center;
      -webkit-transform-origin: left center;
      transform-origin: left center; }
      .oc-header #nav-icon span:nth-child(1) {
        top: 6px; }
      .oc-header #nav-icon span:nth-child(2) {
        top: 12px; }
      .oc-header #nav-icon span:nth-child(3) {
        top: 18px; }
  .oc-header #nav-icon.open {
    border: 2px solid #495057; }
    .oc-header #nav-icon.open span {
      width: 60%;
      background: #495057; }
      .oc-header #nav-icon.open span:nth-child(1) {
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 6px;
        left: 7px; }
      .oc-header #nav-icon.open span:nth-child(2) {
        width: 0%;
        opacity: 0; }
      .oc-header #nav-icon.open span:nth-child(3) {
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 17px;
        left: 7px; }
  .oc-header .oc-main-nav__quicklinks-placeholder {
    display: none !important;
    font-size: 13px;
    font-size: 0.8125rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 15px; }
    .ko .oc-header .oc-main-nav__quicklinks-placeholder {
      font-size: 11px;
      font-size: 0.6875rem; }
    .ko .oc-header .oc-main-nav__quicklinks-placeholder,
    .zh .oc-header .oc-main-nav__quicklinks-placeholder {
      line-height: 17px; }
  .oc-header .quicklinks__mobile {
    display: none;
    white-space: nowrap;
    overflow: auto;
    padding-top: .3em; }
    @media (min-width: 768px) {
      .oc-header .quicklinks__mobile {
        padding-top: .7em; } }
    .oc-header .quicklinks__mobile .oc-main-nav__quicklinks .nav {
      -ms-flex-pack: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      justify-content: center; }
  .oc-header .quicklinks-wrapper {
    width: calc(100% - 35px); }
  @media (min-width: 1200px) {
    .oc-header .oc-main-nav__quicklinks {
      vertical-align: middle;
      display: inline-block;
      margin-top: 2px; } }
  .oc-header .oc-main-nav__quicklinks .nav {
    flex-wrap: nowrap; }
  .oc-header .oc-main-nav__quicklinks .nav-item {
    font-size: 18px;
    font-size: 1.125rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 22px; }
    .ko .oc-header .oc-main-nav__quicklinks .nav-item {
      font-size: 16px;
      font-size: 1rem; }
    .ko .oc-header .oc-main-nav__quicklinks .nav-item,
    .zh .oc-header .oc-main-nav__quicklinks .nav-item {
      line-height: 24px; }
    @media (min-width: 992px) {
      .oc-header .oc-main-nav__quicklinks .nav-item {
        font-size: 16px;
        font-size: 1rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 20px; }
        .ko .oc-header .oc-main-nav__quicklinks .nav-item {
          font-size: 14px;
          font-size: 0.875rem; }
        .ko .oc-header .oc-main-nav__quicklinks .nav-item,
        .zh .oc-header .oc-main-nav__quicklinks .nav-item {
          line-height: 22px; } }
    @media (min-width: 1200px) {
      .oc-header .oc-main-nav__quicklinks .nav-item {
        font-size: 19px;
        font-size: 1.1875rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 23px; }
        .ko .oc-header .oc-main-nav__quicklinks .nav-item {
          font-size: 17px;
          font-size: 1.0625rem; }
        .ko .oc-header .oc-main-nav__quicklinks .nav-item,
        .zh .oc-header .oc-main-nav__quicklinks .nav-item {
          line-height: 25px; } }
  @media (min-width: 992px) {
    .oc-header .oc-main-nav__quicklinks .nav-link {
      padding-left: .4rem;
      padding-right: 0;
      top: 1px;
      position: relative; } }
  @media (min-width: 1200px) {
    .oc-header .oc-main-nav__quicklinks .nav-link {
      padding-left: .75rem;
      top: 0; } }
  .oc-header .oc-main-nav__quicklinks.oc-main-nav__quicklinks-ar .nav-item {
    font-size: 18px;
    font-size: 1.125rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 22px; }
    .ko .oc-header .oc-main-nav__quicklinks.oc-main-nav__quicklinks-ar .nav-item {
      font-size: 16px;
      font-size: 1rem; }
    .ko .oc-header .oc-main-nav__quicklinks.oc-main-nav__quicklinks-ar .nav-item,
    .zh .oc-header .oc-main-nav__quicklinks.oc-main-nav__quicklinks-ar .nav-item {
      line-height: 24px; }
  .oc-header .oc-main-nav__quicklinks.oc-main-nav__quicklinks-de .nav-item {
    font-size: 16px;
    font-size: 1rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 20px; }
    .ko .oc-header .oc-main-nav__quicklinks.oc-main-nav__quicklinks-de .nav-item {
      font-size: 14px;
      font-size: 0.875rem; }
    .ko .oc-header .oc-main-nav__quicklinks.oc-main-nav__quicklinks-de .nav-item,
    .zh .oc-header .oc-main-nav__quicklinks.oc-main-nav__quicklinks-de .nav-item {
      line-height: 22px; }
  .oc-header .oc-main-nav__quicklinks.oc-main-nav__quicklinks-ja .nav-item {
    font-size: 12px;
    font-size: 0.75rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 16px; }
    .ko .oc-header .oc-main-nav__quicklinks.oc-main-nav__quicklinks-ja .nav-item {
      font-size: 10px;
      font-size: 0.625rem; }
    .ko .oc-header .oc-main-nav__quicklinks.oc-main-nav__quicklinks-ja .nav-item,
    .zh .oc-header .oc-main-nav__quicklinks.oc-main-nav__quicklinks-ja .nav-item {
      line-height: 18px; }

.oc-header--body, .oc-header .header-container .right-panel .nav-item-container {
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -moz-transition: transform 0.5s ease-in-out;
  -o-transition: transform 0.5s ease-in-out;
  -ms-transition: transform 0.5s ease-in-out;
  -webkit-transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  border-top: 1px solid #adb5bd;
  position: fixed;
  top: 60px;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  overflow: auto;
  width: 100%; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .oc-header--body, .oc-header .header-container .right-panel .nav-item-container {
      position: absolute;
      height: calc(100vh - 90px);
      width: 100vw; } }
  @media all and (-ms-high-contrast: none) and (min-width: 992px), (-ms-high-contrast: active) and (min-width: 992px) {
    .oc-header--body > .container, .oc-header .header-container .right-panel .nav-item-container > .container, .section__mosaic-originals .oc-header--body > .section--header, .oc-header .header-container .right-panel .section__mosaic-originals .nav-item-container > .section--header, .section__mosaic-originals .oc-header .header-container .right-panel .nav-item-container > .section--header {
      min-width: 1200px; } }
  .open .oc-header--body, .open .oc-header .header-container .right-panel .nav-item-container, .oc-header .header-container .right-panel .open .nav-item-container {
    position: absolute; }
  @media (min-width: 768px) {
    .oc-header--body, .oc-header .header-container .right-panel .nav-item-container {
      top: 90px; }
      .oc-header--body > .container > .row, .oc-header .header-container .right-panel .nav-item-container > .container > .row, .section__mosaic-originals .oc-header--body > .section--header > .row, .oc-header .header-container .right-panel .section__mosaic-originals .nav-item-container > .section--header > .row, .section__mosaic-originals .oc-header .header-container .right-panel .nav-item-container > .section--header > .row, .account .oc-header--body > .container > .profile--data.active, .oc-header .header-container .right-panel .account .nav-item-container > .container > .profile--data.active, .account .oc-header .header-container .right-panel .nav-item-container > .container > .profile--data.active, .section__mosaic-originals .account .oc-header--body > .section--header > .profile--data.active, .account .section__mosaic-originals .oc-header--body > .section--header > .profile--data.active, .oc-header .header-container .right-panel .section__mosaic-originals .account .nav-item-container > .section--header > .profile--data.active, .account .oc-header .header-container .right-panel .section__mosaic-originals .nav-item-container > .section--header > .profile--data.active, .section__mosaic-originals .oc-header .header-container .right-panel .account .nav-item-container > .section--header > .profile--data.active, .account .section__mosaic-originals .oc-header .header-container .right-panel .nav-item-container > .section--header > .profile--data.active {
        min-height: 100%; } }
  .oc-header--body#nav-body, .oc-header .header-container .right-panel #nav-body.nav-item-container {
    background-image: linear-gradient(to right, #fff 50%, #F0F0F0 80%);
    background-repeat: repeat-x; }
  .oc-header--body.open, .oc-header .header-container .right-panel .open.nav-item-container {
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    background: #fff;
    overflow-y: auto;
    overflow-x: hidden; }
    .oc-header--body.open .oc-header--body__col-1, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-1 {
      -moz-transform: translateX(0);
      -o-transform: translateX(0);
      -ms-transform: translateX(0);
      -webkit-transform: translateX(0);
      transform: translateX(0); }
    .oc-header--body.open .oc-header--body__col-2, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 {
      -moz-transform: translateX(0);
      -o-transform: translateX(0);
      -ms-transform: translateX(0);
      -webkit-transform: translateX(0);
      transform: translateX(0); }
      .oc-header--body.open .oc-header--body__col-2 .animated, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .animated, .oc-header--body.open .oc-header--body__col-2 .form--error-list, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .form--error-list, .oc-header--body.open .oc-header--body__col-2 body.nav-down:not(.nav-top) .oc-lev-2-nav-wrapper.sticky, body.nav-down:not(.nav-top) .oc-header--body.open .oc-header--body__col-2 .oc-lev-2-nav-wrapper.sticky, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 body.nav-down:not(.nav-top) .oc-lev-2-nav-wrapper.sticky, body.nav-down:not(.nav-top) .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .oc-lev-2-nav-wrapper.sticky, .oc-header--body.open .oc-header--body__col-2 .oc-header .oc-main-nav__quicklinks-placeholder, .oc-header .oc-header--body.open .oc-header--body__col-2 .oc-main-nav__quicklinks-placeholder, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .oc-main-nav__quicklinks-placeholder, .oc-header--body.open .oc-header--body__col-2 .mosaic .newslist .newslist--item, .mosaic .newslist .oc-header--body.open .oc-header--body__col-2 .newslist--item, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .mosaic .newslist .newslist--item, .mosaic .newslist .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .newslist--item, .oc-header--body.open .oc-header--body__col-2 .modal, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .modal, .oc-header--body.open .oc-header--body__col-2 .modal__gallery, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .modal__gallery, .oc-header--body.open .oc-header--body__col-2 .modal__mvpd, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .modal__mvpd, .oc-header--body.open .oc-header--body__col-2 .section-page__olimpic-games.winter-season, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .section-page__olimpic-games.winter-season, .oc-header--body.open .oc-header--body__col-2 .section-page__olimpic-games.summer-season, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .section-page__olimpic-games.summer-season, .oc-header--body.open .oc-header--body__col-2 .player-minimized .player-position, .player-minimized .oc-header--body.open .oc-header--body__col-2 .player-position, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .player-minimized .player-position, .player-minimized .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .player-position {
        animation-delay: .3s;
        animation-duration: .3s;
        z-index: 1; }
        .oc-header--body.open .oc-header--body__col-2 .animated:first-child, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .animated:first-child, .oc-header--body.open .oc-header--body__col-2 .form--error-list:first-child, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .form--error-list:first-child, .oc-header--body.open .oc-header--body__col-2 body.nav-down:not(.nav-top) .oc-lev-2-nav-wrapper.sticky:first-child, body.nav-down:not(.nav-top) .oc-header--body.open .oc-header--body__col-2 .oc-lev-2-nav-wrapper.sticky:first-child, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 body.nav-down:not(.nav-top) .oc-lev-2-nav-wrapper.sticky:first-child, body.nav-down:not(.nav-top) .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .oc-lev-2-nav-wrapper.sticky:first-child, .oc-header--body.open .oc-header--body__col-2 .oc-header .oc-main-nav__quicklinks-placeholder:first-child, .oc-header .oc-header--body.open .oc-header--body__col-2 .oc-main-nav__quicklinks-placeholder:first-child, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .oc-main-nav__quicklinks-placeholder:first-child, .oc-header--body.open .oc-header--body__col-2 .mosaic .newslist .newslist--item:first-child, .mosaic .newslist .oc-header--body.open .oc-header--body__col-2 .newslist--item:first-child, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .mosaic .newslist .newslist--item:first-child, .mosaic .newslist .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .newslist--item:first-child, .oc-header--body.open .oc-header--body__col-2 .modal:first-child, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .modal:first-child, .oc-header--body.open .oc-header--body__col-2 .modal__gallery:first-child, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .modal__gallery:first-child, .oc-header--body.open .oc-header--body__col-2 .modal__mvpd:first-child, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .modal__mvpd:first-child, .oc-header--body.open .oc-header--body__col-2 .section-page__olimpic-games.winter-season:first-child, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .section-page__olimpic-games.winter-season:first-child, .oc-header--body.open .oc-header--body__col-2 .section-page__olimpic-games.summer-season:first-child, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .section-page__olimpic-games.summer-season:first-child, .oc-header--body.open .oc-header--body__col-2 .player-minimized .player-position:first-child, .player-minimized .oc-header--body.open .oc-header--body__col-2 .player-position:first-child, .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .player-minimized .player-position:first-child, .player-minimized .oc-header .header-container .right-panel .open.nav-item-container .oc-header--body__col-2 .player-position:first-child {
          animation-delay: .5s;
          z-index: 2; }
  .oc-header--body .oc-header--body__col-1, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-1 {
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -moz-transition: transform 0.7s ease-in-out;
    -o-transition: transform 0.7s ease-in-out;
    -ms-transition: transform 0.7s ease-in-out;
    -webkit-transition: transform 0.7s ease-in-out;
    transition: transform 0.7s ease-in-out;
    background: #fff;
    z-index: 2; }
    .oc-header--body .oc-header--body__col-1 .oc-language-selection .dropdown-toggle, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-1 .oc-language-selection .dropdown-toggle {
      min-width: 220px; }
  .oc-header--body .oc-header--body__col-2, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 {
    -moz-transform: translateX(-150%);
    -o-transform: translateX(-150%);
    -ms-transform: translateX(-150%);
    -webkit-transform: translateX(-150%);
    transform: translateX(-150%);
    -moz-transition: transform 0.85s ease-in-out;
    -o-transition: transform 0.85s ease-in-out;
    -ms-transition: transform 0.85s ease-in-out;
    -webkit-transition: transform 0.85s ease-in-out;
    transition: transform 0.85s ease-in-out;
    animation-delay: .3s;
    z-index: 1; }
    .oc-header--body .oc-header--body__col-2 .animated, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .animated, .oc-header--body .oc-header--body__col-2 .form--error-list, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .form--error-list, .oc-header--body .oc-header--body__col-2 body.nav-down:not(.nav-top) .oc-lev-2-nav-wrapper.sticky, body.nav-down:not(.nav-top) .oc-header--body .oc-header--body__col-2 .oc-lev-2-nav-wrapper.sticky, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 body.nav-down:not(.nav-top) .oc-lev-2-nav-wrapper.sticky, body.nav-down:not(.nav-top) .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .oc-lev-2-nav-wrapper.sticky, .oc-header--body .oc-header--body__col-2 .oc-header .oc-main-nav__quicklinks-placeholder, .oc-header .oc-header--body .oc-header--body__col-2 .oc-main-nav__quicklinks-placeholder, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .oc-main-nav__quicklinks-placeholder, .oc-header--body .oc-header--body__col-2 .mosaic .newslist .newslist--item, .mosaic .newslist .oc-header--body .oc-header--body__col-2 .newslist--item, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .mosaic .newslist .newslist--item, .mosaic .newslist .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .newslist--item, .oc-header--body .oc-header--body__col-2 .modal, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .modal, .oc-header--body .oc-header--body__col-2 .modal__gallery, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .modal__gallery, .oc-header--body .oc-header--body__col-2 .modal__mvpd, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .modal__mvpd, .oc-header--body .oc-header--body__col-2 .section-page__olimpic-games.winter-season, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-page__olimpic-games.winter-season, .oc-header--body .oc-header--body__col-2 .section-page__olimpic-games.summer-season, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-page__olimpic-games.summer-season, .oc-header--body .oc-header--body__col-2 .player-minimized .player-position, .player-minimized .oc-header--body .oc-header--body__col-2 .player-position, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .player-minimized .player-position, .player-minimized .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .player-position {
      animation-delay: 1s; }
    .oc-header--body .oc-header--body__col-2 .section-sign-in .account__logged, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .account__logged {
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 1px solid #adb5bd; }
    .oc-header--body .oc-header--body__col-2 .section-sign-in .account, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .account {
      display: flex;
      align-items: center; }
    .oc-header--body .oc-header--body__col-2 .section-sign-in .account--name, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .account--name {
      font-size: 30px;
      font-size: 1.875rem;
      font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 32px;
      text-transform: uppercase;
      font-weight: normal;
      display: block;
      display: block;
      max-width: 100%;
      word-break: break-word; }
      .ko .oc-header--body .oc-header--body__col-2 .section-sign-in .account--name, .ko .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .account--name, .oc-header .header-container .right-panel .ko .nav-item-container .oc-header--body__col-2 .section-sign-in .account--name {
        font-size: 28px;
        font-size: 1.75rem; }
      .ko .oc-header--body .oc-header--body__col-2 .section-sign-in .account--name, .ko .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .account--name, .oc-header .header-container .right-panel .ko .nav-item-container .oc-header--body__col-2 .section-sign-in .account--name,
      .zh .oc-header--body .oc-header--body__col-2 .section-sign-in .account--name,
      .zh .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .account--name,
      .oc-header .header-container .right-panel .zh .nav-item-container .oc-header--body__col-2 .section-sign-in .account--name {
        line-height: 34px; }
    .oc-header--body .oc-header--body__col-2 .section-sign-in .account--img, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .account--img {
      font-size: 26px;
      font-size: 1.625rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 26px;
      height: 26px; }
      .ko .oc-header--body .oc-header--body__col-2 .section-sign-in .account--img, .ko .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .account--img, .oc-header .header-container .right-panel .ko .nav-item-container .oc-header--body__col-2 .section-sign-in .account--img {
        font-size: 24px;
        font-size: 1.5rem; }
      .ko .oc-header--body .oc-header--body__col-2 .section-sign-in .account--img, .ko .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .account--img, .oc-header .header-container .right-panel .ko .nav-item-container .oc-header--body__col-2 .section-sign-in .account--img,
      .zh .oc-header--body .oc-header--body__col-2 .section-sign-in .account--img,
      .zh .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .account--img,
      .oc-header .header-container .right-panel .zh .nav-item-container .oc-header--body__col-2 .section-sign-in .account--img {
        line-height: 28px; }
    .oc-header--body .oc-header--body__col-2 .section__favorite .section--title, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .section--title {
      font-size: 20px;
      font-size: 1.25rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 24px;
      text-transform: uppercase;
      font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
      font-weight: normal; }
      .ko .oc-header--body .oc-header--body__col-2 .section__favorite .section--title, .ko .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .section--title, .oc-header .header-container .right-panel .ko .nav-item-container .oc-header--body__col-2 .section__favorite .section--title {
        font-size: 18px;
        font-size: 1.125rem; }
      .ko .oc-header--body .oc-header--body__col-2 .section__favorite .section--title, .ko .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .section--title, .oc-header .header-container .right-panel .ko .nav-item-container .oc-header--body__col-2 .section__favorite .section--title,
      .zh .oc-header--body .oc-header--body__col-2 .section__favorite .section--title,
      .zh .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .section--title,
      .oc-header .header-container .right-panel .zh .nav-item-container .oc-header--body__col-2 .section__favorite .section--title {
        line-height: 26px; }
      .oc-header--body .oc-header--body__col-2 .section__favorite .section--title .icon-favorite, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .section--title .icon-favorite {
        display: block;
        box-sizing: content-box;
        margin: auto;
        font-size: 21px;
        font-size: 1.3125rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 40px;
        height: 40px;
        width: 40px;
        cursor: default;
        border: 3px solid #adb5bd;
        border-radius: 100%; }
        .ko .oc-header--body .oc-header--body__col-2 .section__favorite .section--title .icon-favorite, .ko .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .section--title .icon-favorite, .oc-header .header-container .right-panel .ko .nav-item-container .oc-header--body__col-2 .section__favorite .section--title .icon-favorite {
          font-size: 19px;
          font-size: 1.1875rem; }
        .ko .oc-header--body .oc-header--body__col-2 .section__favorite .section--title .icon-favorite, .ko .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .section--title .icon-favorite, .oc-header .header-container .right-panel .ko .nav-item-container .oc-header--body__col-2 .section__favorite .section--title .icon-favorite,
        .zh .oc-header--body .oc-header--body__col-2 .section__favorite .section--title .icon-favorite,
        .zh .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .section--title .icon-favorite,
        .oc-header .header-container .right-panel .zh .nav-item-container .oc-header--body__col-2 .section__favorite .section--title .icon-favorite {
          line-height: 42px; }
    .oc-header--body .oc-header--body__col-2 .section__favorite .no-favorite .article, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article, .oc-header--body .oc-header--body__col-2 .section__favorite .no-favorite .article-page, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article-page, .oc-header--body .oc-header--body__col-2 .section__favorite .no-favorite .article-page__video, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article-page__video, .oc-header--body .oc-header--body__col-2 .section__favorite .no-favorite .article-page__story, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article-page__story, .oc-header--body .oc-header--body__col-2 .section__favorite .no-favorite .event, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .event, .oc-header--body .oc-header--body__col-2 .section__favorite .no-favorite .epg, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .epg {
      margin: auto;
      font-family: "AktivGrotesk", Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-size: 0.875rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 19px; }
      .ko .oc-header--body .oc-header--body__col-2 .section__favorite .no-favorite .article, .ko .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article, .oc-header .header-container .right-panel .ko .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article, .ko .oc-header--body .oc-header--body__col-2 .section__favorite .no-favorite .article-page, .ko .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article-page, .oc-header .header-container .right-panel .ko .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article-page, .ko .oc-header--body .oc-header--body__col-2 .section__favorite .no-favorite .article-page__video, .ko .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article-page__video, .oc-header .header-container .right-panel .ko .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article-page__video, .ko .oc-header--body .oc-header--body__col-2 .section__favorite .no-favorite .article-page__story, .ko .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article-page__story, .oc-header .header-container .right-panel .ko .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article-page__story, .ko .oc-header--body .oc-header--body__col-2 .section__favorite .no-favorite .event, .ko .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .event, .oc-header .header-container .right-panel .ko .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .event, .ko .oc-header--body .oc-header--body__col-2 .section__favorite .no-favorite .epg, .ko .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .epg, .oc-header .header-container .right-panel .ko .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .epg {
        font-size: 12px;
        font-size: 0.75rem; }
      .ko .oc-header--body .oc-header--body__col-2 .section__favorite .no-favorite .article, .ko .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article, .oc-header .header-container .right-panel .ko .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article, .ko .oc-header--body .oc-header--body__col-2 .section__favorite .no-favorite .article-page, .ko .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article-page, .oc-header .header-container .right-panel .ko .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article-page, .ko .oc-header--body .oc-header--body__col-2 .section__favorite .no-favorite .article-page__video, .ko .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article-page__video, .oc-header .header-container .right-panel .ko .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article-page__video, .ko .oc-header--body .oc-header--body__col-2 .section__favorite .no-favorite .article-page__story, .ko .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article-page__story, .oc-header .header-container .right-panel .ko .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article-page__story, .ko .oc-header--body .oc-header--body__col-2 .section__favorite .no-favorite .event, .ko .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .event, .oc-header .header-container .right-panel .ko .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .event, .ko .oc-header--body .oc-header--body__col-2 .section__favorite .no-favorite .epg, .ko .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .epg, .oc-header .header-container .right-panel .ko .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .epg,
      .zh .oc-header--body .oc-header--body__col-2 .section__favorite .no-favorite .article,
      .zh .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article,
      .oc-header .header-container .right-panel .zh .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article,
      .zh .oc-header--body .oc-header--body__col-2 .section__favorite .no-favorite .article-page,
      .zh .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article-page,
      .oc-header .header-container .right-panel .zh .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article-page,
      .zh .oc-header--body .oc-header--body__col-2 .section__favorite .no-favorite .article-page__video,
      .zh .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article-page__video,
      .oc-header .header-container .right-panel .zh .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article-page__video,
      .zh .oc-header--body .oc-header--body__col-2 .section__favorite .no-favorite .article-page__story,
      .zh .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article-page__story,
      .oc-header .header-container .right-panel .zh .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article-page__story,
      .zh .oc-header--body .oc-header--body__col-2 .section__favorite .no-favorite .event,
      .zh .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .event,
      .oc-header .header-container .right-panel .zh .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .event,
      .zh .oc-header--body .oc-header--body__col-2 .section__favorite .no-favorite .epg,
      .zh .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .epg,
      .oc-header .header-container .right-panel .zh .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .epg {
        line-height: 21px; }
    .oc-header--body .oc-header--body__col-2 .section__favorite .no-favorite .article--title, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article--title {
      font-size: 24px;
      font-size: 1.5rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 28px;
      font-family: "AktivGrotesk", Arial, Helvetica, sans-serif;
      font-weight: bold;
      text-transform: none; }
      .ko .oc-header--body .oc-header--body__col-2 .section__favorite .no-favorite .article--title, .ko .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article--title, .oc-header .header-container .right-panel .ko .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article--title {
        font-size: 22px;
        font-size: 1.375rem; }
      .ko .oc-header--body .oc-header--body__col-2 .section__favorite .no-favorite .article--title, .ko .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article--title, .oc-header .header-container .right-panel .ko .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article--title,
      .zh .oc-header--body .oc-header--body__col-2 .section__favorite .no-favorite .article--title,
      .zh .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article--title,
      .oc-header .header-container .right-panel .zh .nav-item-container .oc-header--body__col-2 .section__favorite .no-favorite .article--title {
        line-height: 30px; }
    .oc-header--body .oc-header--body__col-2 .section__favorite .favorite-list .list--item, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .favorite-list .list--item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      min-height: 60px;
      -ms-flex-align: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      align-items: center;
      border-top: 1px solid #adb5bd; }
      .oc-header--body .oc-header--body__col-2 .section__favorite .favorite-list .list--item:first-child, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .favorite-list .list--item:first-child {
        border: none; }
    .oc-header--body .oc-header--body__col-2 .section__favorite .card-disc__horizontal, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .card-disc__horizontal {
      justify-content: space-between; }
    .oc-header--body .oc-header--body__col-2 .section__favorite .discipline--name, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .discipline--name {
      font-size: 18px;
      font-size: 1.125rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 22px;
      text-transform: uppercase;
      font-weight: normal; }
      .ko .oc-header--body .oc-header--body__col-2 .section__favorite .discipline--name, .ko .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .discipline--name, .oc-header .header-container .right-panel .ko .nav-item-container .oc-header--body__col-2 .section__favorite .discipline--name {
        font-size: 16px;
        font-size: 1rem; }
      .ko .oc-header--body .oc-header--body__col-2 .section__favorite .discipline--name, .ko .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .discipline--name, .oc-header .header-container .right-panel .ko .nav-item-container .oc-header--body__col-2 .section__favorite .discipline--name,
      .zh .oc-header--body .oc-header--body__col-2 .section__favorite .discipline--name,
      .zh .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__favorite .discipline--name,
      .oc-header .header-container .right-panel .zh .nav-item-container .oc-header--body__col-2 .section__favorite .discipline--name {
        line-height: 24px; }
    .oc-header--body .oc-header--body__col-2 .section__latest .section--title, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__latest .section--title {
      font-weight: bold;
      text-transform: uppercase;
      font-size: 36px;
      font-size: 2.25rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
      font-size: 30px;
      font-size: 1.875rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 34px; }
      .ko .oc-header--body .oc-header--body__col-2 .section__latest .section--title, .ko .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__latest .section--title, .oc-header .header-container .right-panel .ko .nav-item-container .oc-header--body__col-2 .section__latest .section--title {
        font-size: 34px;
        font-size: 2.125rem; }
      .ko .oc-header--body .oc-header--body__col-2 .section__latest .section--title, .ko .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__latest .section--title, .oc-header .header-container .right-panel .ko .nav-item-container .oc-header--body__col-2 .section__latest .section--title,
      .zh .oc-header--body .oc-header--body__col-2 .section__latest .section--title,
      .zh .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__latest .section--title,
      .oc-header .header-container .right-panel .zh .nav-item-container .oc-header--body__col-2 .section__latest .section--title {
        line-height: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif2px; }
      @media (min-width: 568px) {
        .oc-header--body .oc-header--body__col-2 .section__latest .section--title, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__latest .section--title {
          font-size: 38px;
          font-size: 2.375rem;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 42px; }
          .ko .oc-header--body .oc-header--body__col-2 .section__latest .section--title, .ko .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__latest .section--title, .oc-header .header-container .right-panel .ko .nav-item-container .oc-header--body__col-2 .section__latest .section--title {
            font-size: 36px;
            font-size: 2.25rem; }
          .ko .oc-header--body .oc-header--body__col-2 .section__latest .section--title, .ko .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__latest .section--title, .oc-header .header-container .right-panel .ko .nav-item-container .oc-header--body__col-2 .section__latest .section--title,
          .zh .oc-header--body .oc-header--body__col-2 .section__latest .section--title,
          .zh .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__latest .section--title,
          .oc-header .header-container .right-panel .zh .nav-item-container .oc-header--body__col-2 .section__latest .section--title {
            line-height: 44px; } }
      @media (min-width: 992px) {
        .oc-header--body .oc-header--body__col-2 .section__latest .section--title, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__latest .section--title {
          font-size: 40px;
          font-size: 2.5rem;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 44px; }
          .ko .oc-header--body .oc-header--body__col-2 .section__latest .section--title, .ko .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__latest .section--title, .oc-header .header-container .right-panel .ko .nav-item-container .oc-header--body__col-2 .section__latest .section--title {
            font-size: 38px;
            font-size: 2.375rem; }
          .ko .oc-header--body .oc-header--body__col-2 .section__latest .section--title, .ko .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__latest .section--title, .oc-header .header-container .right-panel .ko .nav-item-container .oc-header--body__col-2 .section__latest .section--title,
          .zh .oc-header--body .oc-header--body__col-2 .section__latest .section--title,
          .zh .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__latest .section--title,
          .oc-header .header-container .right-panel .zh .nav-item-container .oc-header--body__col-2 .section__latest .section--title {
            line-height: 46px; } }
      @media (min-width: 1200px) {
        .oc-header--body .oc-header--body__col-2 .section__latest .section--title, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__latest .section--title {
          font-size: 42px;
          font-size: 2.625rem;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 46px; }
          .ko .oc-header--body .oc-header--body__col-2 .section__latest .section--title, .ko .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__latest .section--title, .oc-header .header-container .right-panel .ko .nav-item-container .oc-header--body__col-2 .section__latest .section--title {
            font-size: 40px;
            font-size: 2.5rem; }
          .ko .oc-header--body .oc-header--body__col-2 .section__latest .section--title, .ko .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__latest .section--title, .oc-header .header-container .right-panel .ko .nav-item-container .oc-header--body__col-2 .section__latest .section--title,
          .zh .oc-header--body .oc-header--body__col-2 .section__latest .section--title,
          .zh .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__latest .section--title,
          .oc-header .header-container .right-panel .zh .nav-item-container .oc-header--body__col-2 .section__latest .section--title {
            line-height: 48px; } }
      .ko .oc-header--body .oc-header--body__col-2 .section__latest .section--title, .ko .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__latest .section--title, .oc-header .header-container .right-panel .ko .nav-item-container .oc-header--body__col-2 .section__latest .section--title {
        font-size: 28px;
        font-size: 1.75rem; }
      .ko .oc-header--body .oc-header--body__col-2 .section__latest .section--title, .ko .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__latest .section--title, .oc-header .header-container .right-panel .ko .nav-item-container .oc-header--body__col-2 .section__latest .section--title,
      .zh .oc-header--body .oc-header--body__col-2 .section__latest .section--title,
      .zh .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section__latest .section--title,
      .oc-header .header-container .right-panel .zh .nav-item-container .oc-header--body__col-2 .section__latest .section--title {
        line-height: 36px; }

.oc-header__live {
  background-color: #27313a !important;
  height: 90px; }
  .oc-header__live .items.live-now {
    display: flex;
    align-items: center;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none; }
    .oc-header__live .items.live-now.active {
      cursor: grabbing;
      cursor: -webkit-grabbing;
      -webkit-touch-callout: none;
      /* iOS Safari */
      -webkit-user-select: none;
      /* Safari */
      -moz-user-select: none;
      /* Firefox */
      -ms-user-select: none;
      /* Internet Explorer/Edge */
      user-select: none; }
    .oc-header__live .items.live-now::-webkit-scrollbar {
      display: none; }
    .oc-header__live .items.live-now .items-container .item {
      width: 300px;
      min-width: 300px; }
      @media (max-width: 567.98px) {
        .oc-header__live .items.live-now .items-container .item {
          width: 250px;
          min-width: 250px; } }
      .oc-header__live .items.live-now .items-container .item:not(:last-child) {
        margin-right: 20px; }
        @media (max-width: 567.98px) {
          .oc-header__live .items.live-now .items-container .item:not(:last-child) {
            margin-right: 10px; } }
      .oc-header__live .items.live-now .items-container .item .article__small:before, .oc-header__live .items.live-now .items-container .item .article__event-small:before, .oc-header__live .items.live-now .items-container .item .article__event-live-schedule-upcoming-carousel-small:before, .oc-header__live .items.live-now .items-container .item .playlist .series:before, .playlist .oc-header__live .items.live-now .items-container .item .series:before, .oc-header__live .items.live-now .items-container .item .playlist .episodes .episodes-wrapper .episode:before, .playlist .episodes .episodes-wrapper .oc-header__live .items.live-now .items-container .item .episode:before {
        border: 0; }
      .oc-header__live .items.live-now .items-container .item .article__small .article--wrapper, .oc-header__live .items.live-now .items-container .item .article__event-small .article--wrapper, .oc-header__live .items.live-now .items-container .item .article__event-live-schedule-upcoming-carousel-small .article--wrapper, .oc-header__live .items.live-now .items-container .item .playlist .series .article--wrapper, .playlist .oc-header__live .items.live-now .items-container .item .series .article--wrapper, .oc-header__live .items.live-now .items-container .item .playlist .episodes .episodes-wrapper .episode .article--wrapper, .playlist .episodes .episodes-wrapper .oc-header__live .items.live-now .items-container .item .episode .article--wrapper {
        background-color: #425361; }
        .oc-header__live .items.live-now .items-container .item .article__small .article--wrapper a:link, .oc-header__live .items.live-now .items-container .item .article__event-small .article--wrapper a:link, .oc-header__live .items.live-now .items-container .item .article__event-live-schedule-upcoming-carousel-small .article--wrapper a:link, .oc-header__live .items.live-now .items-container .item .playlist .series .article--wrapper a:link, .playlist .oc-header__live .items.live-now .items-container .item .series .article--wrapper a:link, .oc-header__live .items.live-now .items-container .item .playlist .episodes .episodes-wrapper .episode .article--wrapper a:link, .playlist .episodes .episodes-wrapper .oc-header__live .items.live-now .items-container .item .episode .article--wrapper a:link {
          color: unset;
          text-decoration: none; }
        .oc-header__live .items.live-now .items-container .item .article__small .article--wrapper .article--img, .oc-header__live .items.live-now .items-container .item .article__event-small .article--wrapper .article--img, .oc-header__live .items.live-now .items-container .item .article__event-live-schedule-upcoming-carousel-small .article--wrapper .article--img, .oc-header__live .items.live-now .items-container .item .playlist .series .article--wrapper .article--img, .playlist .oc-header__live .items.live-now .items-container .item .series .article--wrapper .article--img, .oc-header__live .items.live-now .items-container .item .playlist .episodes .episodes-wrapper .episode .article--wrapper .article--img, .playlist .episodes .episodes-wrapper .oc-header__live .items.live-now .items-container .item .episode .article--wrapper .article--img {
          width: 80px; }
          @media (min-width: 568px) {
            .oc-header__live .items.live-now .items-container .item .article__small .article--wrapper .article--img, .oc-header__live .items.live-now .items-container .item .article__event-small .article--wrapper .article--img, .oc-header__live .items.live-now .items-container .item .article__event-live-schedule-upcoming-carousel-small .article--wrapper .article--img, .oc-header__live .items.live-now .items-container .item .playlist .series .article--wrapper .article--img, .playlist .oc-header__live .items.live-now .items-container .item .series .article--wrapper .article--img, .oc-header__live .items.live-now .items-container .item .playlist .episodes .episodes-wrapper .episode .article--wrapper .article--img, .playlist .episodes .episodes-wrapper .oc-header__live .items.live-now .items-container .item .episode .article--wrapper .article--img {
              width: 90px; } }
          @media (min-width: 768px) {
            .oc-header__live .items.live-now .items-container .item .article__small .article--wrapper .article--img, .oc-header__live .items.live-now .items-container .item .article__event-small .article--wrapper .article--img, .oc-header__live .items.live-now .items-container .item .article__event-live-schedule-upcoming-carousel-small .article--wrapper .article--img, .oc-header__live .items.live-now .items-container .item .playlist .series .article--wrapper .article--img, .playlist .oc-header__live .items.live-now .items-container .item .series .article--wrapper .article--img, .oc-header__live .items.live-now .items-container .item .playlist .episodes .episodes-wrapper .episode .article--wrapper .article--img, .playlist .episodes .episodes-wrapper .oc-header__live .items.live-now .items-container .item .episode .article--wrapper .article--img {
              width: 116px; } }
          .oc-header__live .items.live-now .items-container .item .article__small .article--wrapper .article--img img, .oc-header__live .items.live-now .items-container .item .article__event-small .article--wrapper .article--img img, .oc-header__live .items.live-now .items-container .item .article__event-live-schedule-upcoming-carousel-small .article--wrapper .article--img img, .oc-header__live .items.live-now .items-container .item .playlist .series .article--wrapper .article--img img, .playlist .oc-header__live .items.live-now .items-container .item .series .article--wrapper .article--img img, .oc-header__live .items.live-now .items-container .item .playlist .episodes .episodes-wrapper .episode .article--wrapper .article--img img, .playlist .episodes .episodes-wrapper .oc-header__live .items.live-now .items-container .item .episode .article--wrapper .article--img img {
            height: auto; }
          .oc-header__live .items.live-now .items-container .item .article__small .article--wrapper .article--img .article--label, .oc-header__live .items.live-now .items-container .item .article__event-small .article--wrapper .article--img .article--label, .oc-header__live .items.live-now .items-container .item .article__event-live-schedule-upcoming-carousel-small .article--wrapper .article--img .article--label, .oc-header__live .items.live-now .items-container .item .playlist .series .article--wrapper .article--img .article--label, .playlist .oc-header__live .items.live-now .items-container .item .series .article--wrapper .article--img .article--label, .oc-header__live .items.live-now .items-container .item .playlist .episodes .episodes-wrapper .episode .article--wrapper .article--img .article--label, .playlist .episodes .episodes-wrapper .oc-header__live .items.live-now .items-container .item .episode .article--wrapper .article--img .article--label, .oc-header__live .items.live-now .items-container .item .article__small .article--wrapper .article--img .article--label__current, .oc-header__live .items.live-now .items-container .item .article__event-small .article--wrapper .article--img .article--label__current, .oc-header__live .items.live-now .items-container .item .article__event-live-schedule-upcoming-carousel-small .article--wrapper .article--img .article--label__current, .oc-header__live .items.live-now .items-container .item .playlist .series .article--wrapper .article--img .article--label__current, .playlist .oc-header__live .items.live-now .items-container .item .series .article--wrapper .article--img .article--label__current, .oc-header__live .items.live-now .items-container .item .playlist .episodes .episodes-wrapper .episode .article--wrapper .article--img .article--label__current, .playlist .episodes .episodes-wrapper .oc-header__live .items.live-now .items-container .item .episode .article--wrapper .article--img .article--label__current,
          .oc-header__live .items.live-now .items-container .item .article__small .article--wrapper .article--img .article--label__upcoming,
          .oc-header__live .items.live-now .items-container .item .article__event-small .article--wrapper .article--img .article--label__upcoming,
          .oc-header__live .items.live-now .items-container .item .article__event-live-schedule-upcoming-carousel-small .article--wrapper .article--img .article--label__upcoming,
          .oc-header__live .items.live-now .items-container .item .playlist .series .article--wrapper .article--img .article--label__upcoming, .playlist .oc-header__live .items.live-now .items-container .item .series .article--wrapper .article--img .article--label__upcoming,
          .oc-header__live .items.live-now .items-container .item .playlist .episodes .episodes-wrapper .episode .article--wrapper .article--img .article--label__upcoming, .playlist .episodes .episodes-wrapper .oc-header__live .items.live-now .items-container .item .episode .article--wrapper .article--img .article--label__upcoming, .oc-header__live .items.live-now .items-container .item .article__small .article--wrapper .article--img .article--label__highlight, .oc-header__live .items.live-now .items-container .item .article__event-small .article--wrapper .article--img .article--label__highlight, .oc-header__live .items.live-now .items-container .item .article__event-live-schedule-upcoming-carousel-small .article--wrapper .article--img .article--label__highlight, .oc-header__live .items.live-now .items-container .item .playlist .series .article--wrapper .article--img .article--label__highlight, .playlist .oc-header__live .items.live-now .items-container .item .series .article--wrapper .article--img .article--label__highlight, .oc-header__live .items.live-now .items-container .item .playlist .episodes .episodes-wrapper .episode .article--wrapper .article--img .article--label__highlight, .playlist .episodes .episodes-wrapper .oc-header__live .items.live-now .items-container .item .episode .article--wrapper .article--img .article--label__highlight, .oc-header__live .items.live-now .items-container .item .article__small .article--wrapper .article--img .article--label__duration, .oc-header__live .items.live-now .items-container .item .article__event-small .article--wrapper .article--img .article--label__duration, .oc-header__live .items.live-now .items-container .item .article__event-live-schedule-upcoming-carousel-small .article--wrapper .article--img .article--label__duration, .oc-header__live .items.live-now .items-container .item .playlist .series .article--wrapper .article--img .article--label__duration, .playlist .oc-header__live .items.live-now .items-container .item .series .article--wrapper .article--img .article--label__duration, .oc-header__live .items.live-now .items-container .item .playlist .episodes .episodes-wrapper .episode .article--wrapper .article--img .article--label__duration, .playlist .episodes .episodes-wrapper .oc-header__live .items.live-now .items-container .item .episode .article--wrapper .article--img .article--label__duration, .oc-header__live .items.live-now .items-container .item .article__small .article--wrapper .article--img .article--label__breaking, .oc-header__live .items.live-now .items-container .item .article__event-small .article--wrapper .article--img .article--label__breaking, .oc-header__live .items.live-now .items-container .item .article__event-live-schedule-upcoming-carousel-small .article--wrapper .article--img .article--label__breaking, .oc-header__live .items.live-now .items-container .item .playlist .series .article--wrapper .article--img .article--label__breaking, .playlist .oc-header__live .items.live-now .items-container .item .series .article--wrapper .article--img .article--label__breaking, .oc-header__live .items.live-now .items-container .item .playlist .episodes .episodes-wrapper .episode .article--wrapper .article--img .article--label__breaking, .playlist .episodes .episodes-wrapper .oc-header__live .items.live-now .items-container .item .episode .article--wrapper .article--img .article--label__breaking, .oc-header__live .items.live-now .items-container .item .article__small .article--wrapper .article--img .article--label__live, .oc-header__live .items.live-now .items-container .item .article__event-small .article--wrapper .article--img .article--label__live, .oc-header__live .items.live-now .items-container .item .article__event-live-schedule-upcoming-carousel-small .article--wrapper .article--img .article--label__live, .oc-header__live .items.live-now .items-container .item .playlist .series .article--wrapper .article--img .article--label__live, .playlist .oc-header__live .items.live-now .items-container .item .series .article--wrapper .article--img .article--label__live, .oc-header__live .items.live-now .items-container .item .playlist .episodes .episodes-wrapper .episode .article--wrapper .article--img .article--label__live, .playlist .episodes .episodes-wrapper .oc-header__live .items.live-now .items-container .item .episode .article--wrapper .article--img .article--label__live {
            background-color: #000;
            top: unset;
            bottom: 0;
            padding-bottom: 1px;
            padding-top: 4px; }
        .oc-header__live .items.live-now .items-container .item .article__small .article--wrapper .article--content, .oc-header__live .items.live-now .items-container .item .article__event-small .article--wrapper .article--content, .oc-header__live .items.live-now .items-container .item .article__event-live-schedule-upcoming-carousel-small .article--wrapper .article--content, .oc-header__live .items.live-now .items-container .item .playlist .series .article--wrapper .article--content, .playlist .oc-header__live .items.live-now .items-container .item .series .article--wrapper .article--content, .oc-header__live .items.live-now .items-container .item .playlist .episodes .episodes-wrapper .episode .article--wrapper .article--content, .playlist .episodes .episodes-wrapper .oc-header__live .items.live-now .items-container .item .episode .article--wrapper .article--content {
          font-size: 12px;
          color: #fff;
          padding: 0 0.5rem;
          font-family: "AktivGrotesk";
          font-size: 13px; }
          .oc-header__live .items.live-now .items-container .item .article__small .article--wrapper .article--content .article--title, .oc-header__live .items.live-now .items-container .item .article__event-small .article--wrapper .article--content .article--title, .oc-header__live .items.live-now .items-container .item .article__event-live-schedule-upcoming-carousel-small .article--wrapper .article--content .article--title, .oc-header__live .items.live-now .items-container .item .playlist .series .article--wrapper .article--content .article--title, .playlist .oc-header__live .items.live-now .items-container .item .series .article--wrapper .article--content .article--title, .oc-header__live .items.live-now .items-container .item .playlist .episodes .episodes-wrapper .episode .article--wrapper .article--content .article--title, .playlist .episodes .episodes-wrapper .oc-header__live .items.live-now .items-container .item .episode .article--wrapper .article--content .article--title {
            text-transform: unset;
            color: inherit;
            font-weight: bold; }
          @media (max-width: 567.98px) {
            .oc-header__live .items.live-now .items-container .item .article__small .article--wrapper .article--content .not-xs-title, .oc-header__live .items.live-now .items-container .item .article__event-small .article--wrapper .article--content .not-xs-title, .oc-header__live .items.live-now .items-container .item .article__event-live-schedule-upcoming-carousel-small .article--wrapper .article--content .not-xs-title, .oc-header__live .items.live-now .items-container .item .playlist .series .article--wrapper .article--content .not-xs-title, .playlist .oc-header__live .items.live-now .items-container .item .series .article--wrapper .article--content .not-xs-title, .oc-header__live .items.live-now .items-container .item .playlist .episodes .episodes-wrapper .episode .article--wrapper .article--content .not-xs-title, .playlist .episodes .episodes-wrapper .oc-header__live .items.live-now .items-container .item .episode .article--wrapper .article--content .not-xs-title {
              display: none; } }
          @media (min-width: 568px) {
            .oc-header__live .items.live-now .items-container .item .article__small .article--wrapper .article--content .xs-only-title, .oc-header__live .items.live-now .items-container .item .article__event-small .article--wrapper .article--content .xs-only-title, .oc-header__live .items.live-now .items-container .item .article__event-live-schedule-upcoming-carousel-small .article--wrapper .article--content .xs-only-title, .oc-header__live .items.live-now .items-container .item .playlist .series .article--wrapper .article--content .xs-only-title, .playlist .oc-header__live .items.live-now .items-container .item .series .article--wrapper .article--content .xs-only-title, .oc-header__live .items.live-now .items-container .item .playlist .episodes .episodes-wrapper .episode .article--wrapper .article--content .xs-only-title, .playlist .episodes .episodes-wrapper .oc-header__live .items.live-now .items-container .item .episode .article--wrapper .article--content .xs-only-title {
              display: none; } }
    .oc-header__live .items.live-now .side-column {
      min-width: 80px;
      color: #fff;
      padding: 5px 0 0 0;
      display: flex;
      justify-content: center; }
      .oc-header__live .items.live-now .side-column:first-child {
        margin-right: 20px;
        width: 85px; }
        @media (max-width: 567.98px) {
          .oc-header__live .items.live-now .side-column:first-child {
            margin-right: 10px; } }
      .oc-header__live .items.live-now .side-column:last-child {
        margin-left: 20px;
        width: 120px; }
        @media (max-width: 567.98px) {
          .oc-header__live .items.live-now .side-column:last-child {
            margin-left: 10px; } }
      .oc-header__live .items.live-now .side-column .side-column-icon.circle {
        position: relative;
        width: 10px;
        height: 10px;
        background-color: #d40031;
        border-radius: 50%;
        margin: 2px 7px 0 7px; }
        .oc-header__live .items.live-now .side-column .side-column-icon.circle.pulse:before {
          content: "";
          display: block;
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          background-color: inherit;
          border-radius: inherit;
          -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
          transition: opacity 0.3s, -webkit-transform 0.3s;
          transition: opacity 0.3s, transform 0.3s;
          transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
          -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
          animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite; }

@-webkit-keyframes pulse-animation {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2); }
  100% {
    opacity: 0;
    -webkit-transform: scale(3);
    transform: scale(3); } }

@keyframes pulse-animation {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2); }
  100% {
    opacity: 0;
    -webkit-transform: scale(3);
    transform: scale(3); } }
      .oc-header__live .items.live-now .side-column .side-column-text {
        font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
        line-height: 1;
        text-transform: uppercase;
        -moz-transition: color 0.2s ease-in;
        -o-transition: color 0.2s ease-in;
        -ms-transition: color 0.2s ease-in;
        -webkit-transition: color 0.2s ease-in;
        transition: color 0.2s ease-in; }

.oc-header .header-container .nav-item-content .flex-grid .col ul li .info .info-links a,
.oc-header .header-container .nav-item-content .flex-grid .col ul li .info .info-links span, .oc-header .header-container .nav-item-content .flex-grid .col ul li .event-link .event-box .title, .oc-header .header-container .nav-item-content .flex-grid .col .seemore {
  color: #0081c8;
  font-weight: bold;
  text-transform: uppercase; }

.oc-header .header-container .right-panel .search.expanded {
  width: 200px;
  box-shadow: 0 0 5px rgba(109, 207, 246, 0.5);
  background-color: #fff;
  border-color: #a6c7ff; }

.oc-header .header-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 90px; }
  @media (max-width: 767.98px) {
    .oc-header .header-container {
      height: 60px; }
      .oc-header .header-container .logo {
        padding-left: 15%; }
        .oc-header .header-container .logo .img-fluid, .oc-header .header-container .logo article img, article .oc-header .header-container .logo img, .oc-header .header-container .logo .section__athlete--stats .olympic-games--img img, .section__athlete--stats .olympic-games--img .oc-header .header-container .logo img {
          width: 150px; } }
  .oc-header .header-container .nav-icon {
    display: none !important;
    width: 25px;
    height: 25px;
    background: transparent;
    position: relative;
    cursor: pointer;
    border: 2px solid transparent;
    box-sizing: content-box;
    vertical-align: middle;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -ms-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }
    @media (max-width: 767.98px) {
      .oc-header .header-container .nav-icon {
        display: inline-block !important;
        margin-right: auto; } }
    .oc-header .header-container .nav-icon:hover span {
      background: #495057; }
    .oc-header .header-container .nav-icon span {
      display: block;
      position: absolute;
      height: 2px;
      width: 100%;
      background: #868e96;
      opacity: 1;
      left: 0;
      border-radius: 9px;
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
      -ms-transition: 0.25s ease-in-out;
      transition: 0.25s ease-in-out;
      transform-origin: left center; }
      .oc-header .header-container .nav-icon span:nth-child(1) {
        top: 6px; }
      .oc-header .header-container .nav-icon span:nth-child(2) {
        top: 12px; }
      .oc-header .header-container .nav-icon span:nth-child(3) {
        top: 18px; }
    .oc-header .header-container .nav-icon .circle {
      position: relative;
      width: 10px;
      height: 10px;
      background-color: #d40031;
      border-radius: 50%;
      margin: 2px 7px 0 7px;
      margin-left: 35px; }
      .oc-header .header-container .nav-icon .circle.pulse:before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: inherit;
        border-radius: inherit;
        -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
        transition: opacity 0.3s, -webkit-transform 0.3s;
        transition: opacity 0.3s, transform 0.3s;
        transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
        -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
        animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite; }

@-webkit-keyframes pulse-animation {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2); }
  100% {
    opacity: 0;
    -webkit-transform: scale(3);
    transform: scale(3); } }

@keyframes pulse-animation {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2); }
  100% {
    opacity: 0;
    -webkit-transform: scale(3);
    transform: scale(3); } }
    .oc-header .header-container .nav-icon.open {
      border-radius: 50%;
      border: 2px solid #495057; }
      .oc-header .header-container .nav-icon.open span {
        width: 60%;
        background: #495057; }
        .oc-header .header-container .nav-icon.open span:nth-child(1) {
          -ms-transform: rotate(45deg);
          transform: rotate(45deg);
          top: 6px;
          left: 7px; }
        .oc-header .header-container .nav-icon.open span:nth-child(2) {
          width: 0%;
          opacity: 0; }
        .oc-header .header-container .nav-icon.open span:nth-child(3) {
          -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
          top: 17px;
          left: 7px; }
      .oc-header .header-container .nav-icon.open .circle {
        display: none; }
  .oc-header .header-container nav {
    display: flex;
    padding: 0 40px; }
    @media (max-width: 767.98px) {
      .oc-header .header-container nav {
        display: none; } }
  .oc-header .header-container .nav-item {
    font-size: 1rem;
    line-height: 1.25; }
    @media (min-width: 1200px) {
      .oc-header .header-container .nav-item {
        font-size: 1.25rem; } }
    @media (min-width: 992px) {
      .oc-header .header-container .nav-item.mega-menu:hover .nav-link::after, .oc-header .header-container .nav-item.mega-menu:focus-within .nav-link::after {
        display: block; }
        body.error-page .oc-header .header-container .nav-item.mega-menu:hover .nav-link::after, body.error-page .oc-header .header-container .nav-item.mega-menu:focus-within .nav-link::after {
          display: none !important; }
      .oc-header .header-container .nav-item.mega-menu:hover .nav-item-container, .oc-header .header-container .nav-item.mega-menu:focus-within .nav-item-container {
        display: flex;
        visibility: visible;
        opacity: 1; }
        body.error-page .oc-header .header-container .nav-item.mega-menu:hover .nav-item-container, body.error-page .oc-header .header-container .nav-item.mega-menu:focus-within .nav-item-container {
          display: none !important; } }
    .oc-header .header-container .nav-item.active:after {
      content: "";
      display: block;
      width: calc(100% - 2rem);
      height: 1px;
      background-color: #0081c8;
      margin-left: 1rem; }
    .oc-header .header-container .nav-item.live-indicator.active:after {
      width: calc(100% - 2rem - 20px);
      margin-left: calc(1rem + 20px); }
    .oc-header .header-container .nav-item:hover .nav-link, .oc-header .header-container .nav-item:focus-within .nav-link {
      color: #0081c8; }
    .oc-header .header-container .nav-item.live-indicator .circle {
      position: relative;
      width: 10px;
      height: 10px;
      background-color: #d40031;
      border-radius: 50%;
      margin: 2px 7px 0 7px;
      margin: 0 10px 2px 0; }
      .oc-header .header-container .nav-item.live-indicator .circle.pulse:before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: inherit;
        border-radius: inherit;
        -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
        transition: opacity 0.3s, -webkit-transform 0.3s;
        transition: opacity 0.3s, transform 0.3s;
        transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
        -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
        animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite; }

@-webkit-keyframes pulse-animation {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2); }
  100% {
    opacity: 0;
    -webkit-transform: scale(3);
    transform: scale(3); } }

@keyframes pulse-animation {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2); }
  100% {
    opacity: 0;
    -webkit-transform: scale(3);
    transform: scale(3); } }
      @media (max-width: 1199.98px) {
        .oc-header .header-container .nav-item.live-indicator .circle {
          margin-bottom: 3px; } }
    .oc-header .header-container .nav-item.live-indicator .nav-link {
      display: flex;
      align-items: center;
      flex-direction: row-reverse; }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
  .oc-header .header-container .nav-link {
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #2d2d2d;
    text-decoration: none;
    line-height: 1;
    text-transform: uppercase;
    position: relative;
    transition: color 0.2s ease-in; }
    @media (min-width: 992px) {
      .oc-header .header-container .nav-link {
        padding-top: 11px;
        padding-bottom: 12px; } }
    .oc-header .header-container .nav-link::after {
      display: none;
      content: "";
      position: absolute;
      left: 50%;
      top: calc(100% + 8px);
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 15px solid #ebebeb;
      transform: rotate(180deg) translateX(50%);
      margin-top: 6px;
      clear: both;
      animation: 200ms ease fadeIn; }
  .oc-header .header-container .nav-item-container {
    display: none;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    width: 80%;
    height: 512px;
    left: 10%;
    z-index: 10000;
    color: #2d2d2d;
    text-transform: none;
    justify-content: center;
    animation: fadeIn 200ms ease; }
  .oc-header .header-container .nav-item-content {
    margin-top: 23px;
    width: 100%;
    background: #ebebeb;
    padding: 1.5rem 0; }
    .oc-header .header-container .nav-item-content .spinner-wrap {
      padding-top: 150px; }
    .oc-header .header-container .nav-item-content .flex-grid {
      display: flex; }
      .oc-header .header-container .nav-item-content .flex-grid .col {
        flex: 1;
        padding: 0 1.5rem; }
        .oc-header .header-container .nav-item-content .flex-grid .col:not(:last-child) {
          border-right: 2px solid #cfcfcf; }
        .oc-header .header-container .nav-item-content .flex-grid .col .title {
          font-size: 13px;
          font-size: 0.8125rem;
          line-height: 15px;
          font-weight: bold;
          text-transform: uppercase; }
        .oc-header .header-container .nav-item-content .flex-grid .col ul {
          list-style: none;
          margin: 10px 0 0 0;
          padding: 0;
          min-height: 410px; }
          .oc-header .header-container .nav-item-content .flex-grid .col ul li {
            padding: 5px 0;
            display: flex;
            align-items: center; }
            .oc-header .header-container .nav-item-content .flex-grid .col ul li .image-link {
              object-fit: contain;
              align-self: flex-start;
              text-decoration: none;
              display: flex;
              align-items: center; }
              .oc-header .header-container .nav-item-content .flex-grid .col ul li .image-link:hover .article--img picture img:not(.continue-watching) {
                transform: scale(1.1); }
              .oc-header .header-container .nav-item-content .flex-grid .col ul li .image-link.dontmiss {
                position: relative; }
                .oc-header .header-container .nav-item-content .flex-grid .col ul li .image-link.dontmiss .article--label, .oc-header .header-container .nav-item-content .flex-grid .col ul li .image-link.dontmiss .article--label__current,
                .oc-header .header-container .nav-item-content .flex-grid .col ul li .image-link.dontmiss .article--label__upcoming, .oc-header .header-container .nav-item-content .flex-grid .col ul li .image-link.dontmiss .article--label__highlight, .oc-header .header-container .nav-item-content .flex-grid .col ul li .image-link.dontmiss .article--label__duration, .oc-header .header-container .nav-item-content .flex-grid .col ul li .image-link.dontmiss .article--label__breaking, .oc-header .header-container .nav-item-content .flex-grid .col ul li .image-link.dontmiss .article--label__live {
                  background: #2d2d2d;
                  margin-top: 10px; }
              .oc-header .header-container .nav-item-content .flex-grid .col ul li .image-link .article--img {
                margin: 0;
                overflow: hidden;
                min-width: 115px;
                min-height: 115px; }
                .oc-header .header-container .nav-item-content .flex-grid .col ul li .image-link .article--img picture img {
                  width: 115px;
                  height: 115px;
                  object-fit: cover;
                  transition: 0.3s ease-in-out; }
                .oc-header .header-container .nav-item-content .flex-grid .col ul li .image-link .article--img .article--progress-bar {
                  left: 0; }
                .oc-header .header-container .nav-item-content .flex-grid .col ul li .image-link .article--img .article--duration {
                  position: absolute;
                  bottom: 0;
                  left: 0;
                  background: #2d2d2d;
                  text-transform: uppercase;
                  font-weight: bold;
                  color: #fff;
                  font-size: 0.75rem;
                  line-height: 14px;
                  padding: 4px 0.5rem; }
              .oc-header .header-container .nav-item-content .flex-grid .col ul li .image-link .article--label, .oc-header .header-container .nav-item-content .flex-grid .col ul li .image-link .article--label__current,
              .oc-header .header-container .nav-item-content .flex-grid .col ul li .image-link .article--label__upcoming, .oc-header .header-container .nav-item-content .flex-grid .col ul li .image-link .article--label__highlight, .oc-header .header-container .nav-item-content .flex-grid .col ul li .image-link .article--label__duration, .oc-header .header-container .nav-item-content .flex-grid .col ul li .image-link .article--label__breaking, .oc-header .header-container .nav-item-content .flex-grid .col ul li .image-link .article--label__live {
                padding-top: 4px;
                padding-bottom: 4px; }
            .oc-header .header-container .nav-item-content .flex-grid .col ul li .image-link:not(.dontmiss) {
              width: 100%; }
            .oc-header .header-container .nav-item-content .flex-grid .col ul li .info {
              flex: 1 1 auto;
              font-size: 14px;
              padding-left: 10px; }
              .oc-header .header-container .nav-item-content .flex-grid .col ul li .info .info-links a,
              .oc-header .header-container .nav-item-content .flex-grid .col ul li .info .info-links span {
                padding: 0; }
                .oc-header .header-container .nav-item-content .flex-grid .col ul li .info .info-links a:not(:first-child),
                .oc-header .header-container .nav-item-content .flex-grid .col ul li .info .info-links span:not(:first-child) {
                  border-left: 2px solid #cfcfcf;
                  margin-left: 3px;
                  padding-left: 5px; }
              .oc-header .header-container .nav-item-content .flex-grid .col ul li .info .info-title {
                font-weight: bold;
                color: #2d2d2d; }
              .oc-header .header-container .nav-item-content .flex-grid .col ul li .info .description {
                font-size: 13px;
                color: #2d2d2d; }
            .oc-header .header-container .nav-item-content .flex-grid .col ul li .event-link {
              text-decoration: none;
              color: unset;
              width: 100%; }
              .oc-header .header-container .nav-item-content .flex-grid .col ul li .event-link .event-box {
                display: flex;
                flex-direction: column;
                justify-content: center;
                min-height: 115px;
                border: 1px solid #cfcfcf;
                padding: 10px;
                font-size: 14px;
                font-weight: bold; }
                .oc-header .header-container .nav-item-content .flex-grid .col ul li .event-link .event-box:hover {
                  border-color: #adb5bd; }
                .oc-header .header-container .nav-item-content .flex-grid .col ul li .event-link .event-box .title {
                  padding-bottom: 5px; }
                .oc-header .header-container .nav-item-content .flex-grid .col ul li .event-link .event-box .duration {
                  text-transform: uppercase; }
        .oc-header .header-container .nav-item-content .flex-grid .col ul.continue-watching li .image-link .article--img .article--duration.alternative {
          bottom: 4px; }
        .oc-header .header-container .nav-item-content .flex-grid .col ul.latest-replays li .image-link {
          position: relative; }
          .oc-header .header-container .nav-item-content .flex-grid .col ul.latest-replays li .image-link:hover {
            border-color: #adb5bd; }
        .oc-header .header-container .nav-item-content .flex-grid .col .no-data {
          font-size: 14px;
          margin: 10px 0 0 0; }
        .oc-header .header-container .nav-item-content .flex-grid .col .seemore {
          position: absolute;
          bottom: 0;
          font-size: 14px; }
  .oc-header .header-container .right-panel {
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
    display: flex; }
    body.error-page .oc-header .header-container .right-panel {
      visibility: hidden !important; }
    @media (max-width: 767.98px) {
      .oc-header .header-container .right-panel {
        margin-left: auto; } }
    @media (max-width: 1199.98px) {
      .oc-header .header-container .right-panel #btn-login .user--label {
        display: none !important; } }
    .oc-header .header-container .right-panel .btn-register {
      all: unset;
      border: none;
      background: none; }
      .oc-header .header-container .right-panel .btn-register .register {
        padding: 0 5px;
        color: #878787;
        font-size: 16px;
        font-weight: 400; }
        @media (max-width: 1199.98px) {
          .oc-header .header-container .right-panel .btn-register .register {
            display: none; } }
    .oc-header .header-container .right-panel .btn-search {
      all: unset;
      border: none;
      background: none;
      display: none;
      margin-left: 0.75rem; }
      @media (max-width: 1199.98px) {
        .oc-header .header-container .right-panel .btn-search {
          display: inline;
          margin-left: 0.25rem; } }
    .oc-header .header-container .right-panel .search {
      outline: none;
      box-sizing: border-box;
      margin-left: 0.5rem;
      background-color: #ebebeb;
      width: 100px;
      border: solid 1px transparent;
      padding: 8px 13px;
      border-radius: 10rem 0 0 10rem;
      transition: all 0.5s;
      font-size: 16px; }
      @media (max-width: 1199.98px) {
        .oc-header .header-container .right-panel .search {
          display: none; } }
    .oc-header .header-container .right-panel .btn-search-input {
      padding: 0.5rem;
      border-radius: 0 10rem 10rem 0;
      background-color: #ebebeb; }
      @media (max-width: 1199.98px) {
        .oc-header .header-container .right-panel .btn-search-input {
          display: none; } }
    @media (max-width: 767.98px) {
      .oc-header .header-container .right-panel .language-dropdown {
        display: none !important; } }
    .oc-header .header-container .right-panel .language-dropdown.show .dropdown-toggle:after {
      -moz-transform: rotate(225deg);
      -o-transform: rotate(225deg);
      -ms-transform: rotate(225deg);
      -webkit-transform: rotate(225deg);
      transform: rotate(225deg);
      top: calc(50% - 4px); }
    .oc-header .header-container .right-panel .language-dropdown.show .dropdown-menu {
      z-index: 10000; }
    .oc-header .header-container .right-panel .language-dropdown .dropdown-toggle {
      background: none;
      padding: 0.5rem 2rem 0.5rem 0.5rem;
      color: #878787; }
      .oc-header .header-container .right-panel .language-dropdown .dropdown-toggle:after {
        /*@include center(y);*/
        position: absolute;
        top: calc(50% - 8px);
        right: 10px;
        width: 8px;
        height: 8px;
        border-top: 0px transparent;
        border-right: 1px solid #000;
        border-bottom: 1px solid #000;
        border-left: 0px transparent;
        transform: rotate(45deg);
        margin-left: 0px;
        margin-right: 0px; }
  .oc-header .header-container .nav-item .nav-link.hover {
    color: #0081c8 !important; }
  .oc-header .header-container .nav-item .nav-item-container.visible {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #2d2d2d;
    text-transform: none;
    justify-content: center; }
  body.error-page .oc-header .header-container .nav-item .nav-item-container {
    display: none !important; }
  @media (max-width: 1199.98px) {
    .oc-header .header-container.tokyo {
      height: 63px;
      padding-right: 0; }
      .oc-header .header-container.tokyo .logo {
        margin-right: -15%; }
        .oc-header .header-container.tokyo .logo .img-fluid, .oc-header .header-container.tokyo .logo article img, article .oc-header .header-container.tokyo .logo img, .oc-header .header-container.tokyo .logo .section__athlete--stats .olympic-games--img img, .section__athlete--stats .olympic-games--img .oc-header .header-container.tokyo .logo img {
          width: 150px; } }
    @media (max-width: 1199.98px) and (max-width: 767.98px) {
      .oc-header .header-container.tokyo .logo {
        padding-left: 0; } }
  @media (max-width: 1199.98px) {
    .oc-header .header-container.tokyo .nav-icon {
      display: inline-block !important;
      margin-right: auto; } }
  @media (max-width: 1199.98px) {
    .oc-header .header-container.tokyo nav {
      display: none; } }
  @media (max-width: 1199.98px) {
    .oc-header .header-container.tokyo .right-panel {
      margin-left: auto;
      margin-right: 10px; } }
  .oc-header .header-container.tokyo .right-panel #btn-login .user--label {
    display: none !important; }
  .oc-header .header-container.tokyo .right-panel .btn-register .register {
    display: none; }
  .oc-header .header-container.tokyo .right-panel .btn-search {
    display: inline;
    margin-left: 0.25rem; }
  .oc-header .header-container.tokyo .right-panel .search {
    display: none; }
  .oc-header .header-container.tokyo .right-panel .btn-search-input {
    display: none; }
  @media (max-width: 1199.98px) {
    .oc-header .header-container.tokyo .right-panel .language-dropdown {
      display: none !important; } }
  .oc-header .header-container.tokyo .tokyo_link {
    background-color: #0078C5;
    padding-right: 12px;
    padding-left: 28px;
    padding-top: 11px;
    height: 90px;
    width: 100px; }
    @media (max-width: 1199.98px) {
      .oc-header .header-container.tokyo .tokyo_link {
        height: 63px;
        width: 74px;
        padding-left: 22px;
        padding-top: 8px; }
        .oc-header .header-container.tokyo .tokyo_link img {
          width: 32px;
          height: 48px; } }
    .oc-header .header-container.tokyo .tokyo_link .a {
      padding: 0; }
    @media (max-width: 767.98px) {
      .oc-header .header-container.tokyo .tokyo_link {
        display: none; } }

.oc-header .btn-login .icon,
.oc-header .btn-register .icon,
.oc-header .btn-search .icon {
  width: 26px;
  height: 26px;
  padding: 8px;
  color: #878787;
  background: #ebebeb;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  box-sizing: content-box;
  cursor: pointer;
  line-height: 1;
  border-radius: 50%;
  border: none; }

#user-btn-register {
  cursor: pointer; }

.oc-header--body.v2#nav-body, .oc-header .header-container .right-panel .v2#nav-body.nav-item-container {
  background: none; }

.oc-header--body.v2 .oc-header--body__col-1, .oc-header .header-container .right-panel .v2.nav-item-container .oc-header--body__col-1 {
  background: none;
  padding-top: 0 !important; }

.oc-header--body.v2 .oc-main-nav, .oc-header .header-container .right-panel .v2.nav-item-container .oc-main-nav, .oc-header--body.v2 .oc-main-nav__bottom-links, .oc-header--body.v2 .oc-header .header-container .right-panel .nav-item-container .oc-main-nav__bottom-links, .oc-header .header-container .right-panel .nav-item-container .oc-header--body.v2 .oc-main-nav__bottom-links, .oc-header .header-container .right-panel .v2.nav-item-container .oc-main-nav__bottom-links, .oc-header--body.v2 .oc-lev-2-nav, .oc-header .header-container .right-panel .v2.nav-item-container .oc-lev-2-nav, .oc-header--body.v2 .oc-header .oc-main-nav__quicklinks, .oc-header .oc-header--body.v2 .oc-main-nav__quicklinks, .oc-header .header-container .right-panel .v2.nav-item-container .oc-main-nav__quicklinks {
  border-left: none;
  padding-left: 0 !important;
  margin-left: 0 !important; }
  .oc-header--body.v2 .oc-main-nav .nav-item, .oc-header .header-container .right-panel .v2.nav-item-container .oc-main-nav .nav-item, .oc-header--body.v2 .oc-main-nav__bottom-links .nav-item, .oc-header .header-container .right-panel .v2.nav-item-container .oc-main-nav__bottom-links .nav-item, .oc-header--body.v2 .oc-lev-2-nav .nav-item, .oc-header .header-container .right-panel .v2.nav-item-container .oc-lev-2-nav .nav-item, .oc-header--body.v2 .oc-header .oc-main-nav__quicklinks .nav-item, .oc-header .oc-header--body.v2 .oc-main-nav__quicklinks .nav-item, .oc-header .header-container .right-panel .v2.nav-item-container .oc-main-nav__quicklinks .nav-item {
    border-bottom: 1px solid #cfcfcf;
    padding: 0.5rem; }
    .oc-header--body.v2 .oc-main-nav .nav-item .nav-link, .oc-header .header-container .right-panel .v2.nav-item-container .oc-main-nav .nav-item .nav-link, .oc-header--body.v2 .oc-main-nav__bottom-links .nav-item .nav-link, .oc-header .header-container .right-panel .v2.nav-item-container .oc-main-nav__bottom-links .nav-item .nav-link, .oc-header--body.v2 .oc-lev-2-nav .nav-item .nav-link, .oc-header .header-container .right-panel .v2.nav-item-container .oc-lev-2-nav .nav-item .nav-link, .oc-header--body.v2 .oc-header .oc-main-nav__quicklinks .nav-item .nav-link, .oc-header .oc-header--body.v2 .oc-main-nav__quicklinks .nav-item .nav-link, .oc-header .header-container .right-panel .v2.nav-item-container .oc-main-nav__quicklinks .nav-item .nav-link {
      font-size: 22px;
      padding: 0; }
    .oc-header--body.v2 .oc-main-nav .nav-item.live-indicator .nav-link, .oc-header .header-container .right-panel .v2.nav-item-container .oc-main-nav .nav-item.live-indicator .nav-link, .oc-header--body.v2 .oc-main-nav__bottom-links .nav-item.live-indicator .nav-link, .oc-header .header-container .right-panel .v2.nav-item-container .oc-main-nav__bottom-links .nav-item.live-indicator .nav-link, .oc-header--body.v2 .oc-lev-2-nav .nav-item.live-indicator .nav-link, .oc-header .header-container .right-panel .v2.nav-item-container .oc-lev-2-nav .nav-item.live-indicator .nav-link, .oc-header--body.v2 .oc-header .oc-main-nav__quicklinks .nav-item.live-indicator .nav-link, .oc-header .oc-header--body.v2 .oc-main-nav__quicklinks .nav-item.live-indicator .nav-link, .oc-header .header-container .right-panel .v2.nav-item-container .oc-main-nav__quicklinks .nav-item.live-indicator .nav-link {
      display: flex;
      align-items: center; }
    .oc-header--body.v2 .oc-main-nav .nav-item.live-indicator .circle, .oc-header .header-container .right-panel .v2.nav-item-container .oc-main-nav .nav-item.live-indicator .circle, .oc-header--body.v2 .oc-main-nav__bottom-links .nav-item.live-indicator .circle, .oc-header .header-container .right-panel .v2.nav-item-container .oc-main-nav__bottom-links .nav-item.live-indicator .circle, .oc-header--body.v2 .oc-lev-2-nav .nav-item.live-indicator .circle, .oc-header .header-container .right-panel .v2.nav-item-container .oc-lev-2-nav .nav-item.live-indicator .circle, .oc-header--body.v2 .oc-header .oc-main-nav__quicklinks .nav-item.live-indicator .circle, .oc-header .oc-header--body.v2 .oc-main-nav__quicklinks .nav-item.live-indicator .circle, .oc-header .header-container .right-panel .v2.nav-item-container .oc-main-nav__quicklinks .nav-item.live-indicator .circle {
      position: relative;
      width: 10px;
      height: 10px;
      background-color: #d40031;
      border-radius: 50%;
      margin: 2px 7px 0 7px;
      margin: 0 0 5px 10px; }
      .oc-header--body.v2 .oc-main-nav .nav-item.live-indicator .circle.pulse:before, .oc-header .header-container .right-panel .v2.nav-item-container .oc-main-nav .nav-item.live-indicator .circle.pulse:before, .oc-header--body.v2 .oc-main-nav__bottom-links .nav-item.live-indicator .circle.pulse:before, .oc-header .header-container .right-panel .v2.nav-item-container .oc-main-nav__bottom-links .nav-item.live-indicator .circle.pulse:before, .oc-header--body.v2 .oc-lev-2-nav .nav-item.live-indicator .circle.pulse:before, .oc-header .header-container .right-panel .v2.nav-item-container .oc-lev-2-nav .nav-item.live-indicator .circle.pulse:before, .oc-header--body.v2 .oc-header .oc-main-nav__quicklinks .nav-item.live-indicator .circle.pulse:before, .oc-header .oc-header--body.v2 .oc-main-nav__quicklinks .nav-item.live-indicator .circle.pulse:before, .oc-header .header-container .right-panel .v2.nav-item-container .oc-main-nav__quicklinks .nav-item.live-indicator .circle.pulse:before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: inherit;
        border-radius: inherit;
        -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
        transition: opacity 0.3s, -webkit-transform 0.3s;
        transition: opacity 0.3s, transform 0.3s;
        transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
        -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
        animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite; }

@-webkit-keyframes pulse-animation {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2); }
  100% {
    opacity: 0;
    -webkit-transform: scale(3);
    transform: scale(3); } }

@keyframes pulse-animation {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2); }
  100% {
    opacity: 0;
    -webkit-transform: scale(3);
    transform: scale(3); } }

.oc-header--body.v2 .oc-language-selection, .oc-header .header-container .right-panel .v2.nav-item-container .oc-language-selection {
  padding-left: 0 !important;
  margin-left: 0 !important;
  border-bottom: 1px solid #cfcfcf;
  padding-bottom: 1rem;
  margin-bottom: 1rem !important; }
  .oc-header--body.v2 .oc-language-selection .dropdown-toggle, .oc-header .header-container .right-panel .v2.nav-item-container .oc-language-selection .dropdown-toggle {
    padding: 0.5rem; }

.oc-header--body.v2 .oc-main-nav__bottom-links, .oc-header .header-container .right-panel .v2.nav-item-container .oc-main-nav__bottom-links {
  border-bottom: 1px solid #cfcfcf;
  padding-bottom: 1rem !important; }
  .oc-header--body.v2 .oc-main-nav__bottom-links .nav-item, .oc-header .header-container .right-panel .v2.nav-item-container .oc-main-nav__bottom-links .nav-item {
    border-bottom: none; }
    .oc-header--body.v2 .oc-main-nav__bottom-links .nav-item .nav-link, .oc-header .header-container .right-panel .v2.nav-item-container .oc-main-nav__bottom-links .nav-item .nav-link {
      color: #0081c8;
      font-family: "AktivGrotesk";
      font-weight: bold;
      font-size: 16px !important; }

.oc-header--body.v2 .quicklinks-utilities, .oc-header .header-container .right-panel .v2.nav-item-container .quicklinks-utilities {
  justify-content: space-between !important;
  margin-top: 1rem !important;
  border-bottom: 1px solid #cfcfcf;
  padding-bottom: 1rem !important; }
  .oc-header--body.v2 .quicklinks-utilities .nav-link, .oc-header .header-container .right-panel .v2.nav-item-container .quicklinks-utilities .nav-link {
    color: #2d2d2d;
    font-size: 16px !important; }

.oc-header--body.v2 .oc-socials, .oc-header .header-container .right-panel .v2.nav-item-container .oc-socials {
  padding-left: 0 !important;
  margin-left: 0 !important;
  margin-top: 1.5rem !important; }
  .oc-header--body.v2 .oc-socials .list-inline, .oc-header .header-container .right-panel .v2.nav-item-container .oc-socials .list-inline {
    justify-content: space-around !important;
    display: inline-flex;
    width: 49%; }
    .oc-header--body.v2 .oc-socials .list-inline .icon, .oc-header .header-container .right-panel .v2.nav-item-container .oc-socials .list-inline .icon {
      border: 0;
      background: #cfcfcf;
      color: #2d2d2d;
      font-size: 28px;
      padding: 0.75rem; }

#quicklinksmenu-mobile {
  height: 35px;
  padding: 0 !important;
  justify-content: center; }
  @media (min-width: 768px) {
    #quicklinksmenu-mobile {
      display: none; } }
  #quicklinksmenu-mobile nav {
    display: inline-flex;
    padding: 0;
    display: flex;
    align-items: center;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none; }
    #quicklinksmenu-mobile nav.active {
      cursor: grabbing;
      cursor: -webkit-grabbing;
      -webkit-touch-callout: none;
      /* iOS Safari */
      -webkit-user-select: none;
      /* Safari */
      -moz-user-select: none;
      /* Firefox */
      -ms-user-select: none;
      /* Internet Explorer/Edge */
      user-select: none; }
    #quicklinksmenu-mobile nav::-webkit-scrollbar {
      display: none; }
    #quicklinksmenu-mobile nav .nav-link {
      padding-left: 13px !important;
      padding-right: 13px !important; }
  #quicklinksmenu-mobile.tokyo {
    margin-top: -10px; }
    @media (max-width: 1199.98px) {
      #quicklinksmenu-mobile.tokyo {
        display: flex; } }
    @media (max-width: 767.98px) {
      #quicklinksmenu-mobile.tokyo {
        display: none; } }

.tokyo_link-mobile {
  background-color: #0078C5;
  height: 67px;
  padding: 0 !important; }
  @media (min-width: 768px) {
    .tokyo_link-mobile {
      display: none; } }
  .tokyo_link-mobile a:hover {
    text-decoration: none; }
  .tokyo_link-mobile a .link-box {
    display: flex;
    justify-content: space-between;
    margin-right: 42px;
    margin-left: 30px;
    color: white; }
    .tokyo_link-mobile a .link-box img {
      margin-top: 11px; }
    .tokyo_link-mobile a .link-box span {
      margin-top: 23px; }
      .tokyo_link-mobile a .link-box span.link-text {
        font-size: 19px;
        font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
        text-transform: uppercase; }

.hero, .hero__originals {
  position: relative;
  z-index: 0;
  min-height: 380px; }
  @media (min-width: 768px) {
    .hero, .hero__originals {
      min-height: 530px; } }
  .hero .spinner-wrapper, .hero__originals .spinner-wrapper {
    position: absolute;
    top: 50%;
    left: 50% /*rtl:ignore*/;
    -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
    transform: translate(-50%, -50%) /*rtl:ignore*/;
    position: absolute;
    width: 100%; }
  .hero .owl-carousel, .hero__originals .owl-carousel {
    top: -1px;
    margin-bottom: 0; }
    .hero .owl-carousel:hover .owl-prev, .hero__originals .owl-carousel:hover .owl-prev, .hero .owl-carousel:hover .owl-next, .hero__originals .owl-carousel:hover .owl-next, .hero .owl-carousel:focus .owl-prev, .hero__originals .owl-carousel:focus .owl-prev, .hero .owl-carousel:focus .owl-next, .hero__originals .owl-carousel:focus .owl-next {
      opacity: 1; }
    .hero .owl-carousel .item, .hero__originals .owl-carousel .item {
      width: 100%; }
    .hero .owl-carousel .owl-prev, .hero__originals .owl-carousel .owl-prev, .hero .owl-carousel .owl-next, .hero__originals .owl-carousel .owl-next {
      background-color: #fff !important;
      font-size: 20px !important;
      border-radius: 0;
      min-width: 50px;
      line-height: 70px !important;
      text-align: center;
      opacity: 0;
      transition: opacity .3s ease-in-out; }
      @media (min-width: 992px) {
        .hero .owl-carousel .owl-prev, .hero__originals .owl-carousel .owl-prev, .hero .owl-carousel .owl-next, .hero__originals .owl-carousel .owl-next {
          min-width: 70px;
          line-height: 120px !important; } }
    .hero .owl-carousel .owl-prev, .hero__originals .owl-carousel .owl-prev {
      left: 0; }
    .hero .owl-carousel .owl-next, .hero__originals .owl-carousel .owl-next {
      right: 0; }
    .hero .owl-carousel.owl-rtl .owl-prev:before, .hero__originals .owl-carousel.owl-rtl .owl-prev:before {
      display: block; }
  .hero .container, .hero__originals .container, .hero .section__mosaic-originals .section--header, .section__mosaic-originals .hero .section--header, .hero__originals .section__mosaic-originals .section--header, .section__mosaic-originals .hero__originals .section--header {
    position: relative;
    height: 100%; }
  .hero .article__hero, .hero__originals .article__hero {
    height: 380px;
    width: 100%;
    position: relative; }
    .hero .article__hero .article--img, .hero__originals .article__hero .article--img {
      margin: 0;
      position: relative; }
      .hero .article__hero .article--img > picture, .hero__originals .article__hero .article--img > picture {
        line-height: 0;
        display: block; }
        .hero .article__hero .article--img > picture img, .hero__originals .article__hero .article--img > picture img {
          width: 100%;
          object-fit: cover; }
    .hero .article__hero .article--title, .hero__originals .article__hero .article--title {
      font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
      font-weight: normal;
      text-transform: uppercase;
      color: #2d2d2d;
      padding-top: 0 !important;
      padding-bottom: 0 !important; }
      .hero .article__hero .article--title > a, .hero__originals .article__hero .article--title > a {
        color: #2d2d2d;
        display: block;
        text-decoration: none; }
    .hero .article__hero .article--summary, .hero__originals .article__hero .article--summary {
      color: #2d2d2d;
      display: block; }
    .hero .article__hero .article--kind, .hero__originals .article__hero .article--kind {
      text-transform: uppercase;
      padding-right: 3px; }
      .hero .article__hero .article--kind + .article--kind__info, .hero__originals .article__hero .article--kind + .article--kind__info {
        position: relative;
        padding-left: 5px;
        display: inline-block; }
        .hero .article__hero .article--kind + .article--kind__info:before, .hero__originals .article__hero .article--kind + .article--kind__info:before {
          content: "";
          display: block;
          position: absolute;
          width: 1px;
          top: 0;
          left: 0;
          height: 100%;
          background-color: #0081C8; }
    .hero .article__hero .article--tags, .hero__originals .article__hero .article--tags {
      text-transform: uppercase; }
      .hero .article__hero .article--tags .article--info, .hero__originals .article__hero .article--tags .article--info {
        color: #878787; }
      .hero .article__hero .article--tags .list-item, .hero__originals .article__hero .article--tags .list-item {
        display: inline-flex;
        color: #fff;
        display: block;
        background-color: #000;
        font-weight: bold;
        font-size: 12px;
        font-size: 0.75rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 16px;
        -moz-transition: background-color 0.3s ease;
        -o-transition: background-color 0.3s ease;
        -ms-transition: background-color 0.3s ease;
        -webkit-transition: background-color 0.3s ease;
        transition: background-color 0.3s ease;
        padding: .25rem .5rem; }
        .ko .hero .article__hero .article--tags .list-item, .ko .hero__originals .article__hero .article--tags .list-item {
          font-size: 10px;
          font-size: 0.625rem; }
        .ko .hero .article__hero .article--tags .list-item, .ko .hero__originals .article__hero .article--tags .list-item,
        .zh .hero .article__hero .article--tags .list-item,
        .zh .hero__originals .article__hero .article--tags .list-item {
          line-height: 18px; }
        .hero .article__hero .article--tags .list-item:hover, .hero__originals .article__hero .article--tags .list-item:hover, .hero .article__hero .article--tags .list-item:focus, .hero__originals .article__hero .article--tags .list-item:focus {
          color: #fff;
          background-color: #0081C8; }
        .hero .article__hero .article--tags .list-item > a, .hero__originals .article__hero .article--tags .list-item > a, .hero .article__hero .article--tags .list-item span, .hero__originals .article__hero .article--tags .list-item span {
          color: #fff; }
    .hero .article__hero .icon-photogallery-icon, .hero__originals .article__hero .icon-photogallery-icon {
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      border-radius: 100%;
      -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      line-height: 1;
      background-color: transparent;
      border: 5px solid #fff;
      -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      z-index: 1;
      font-size: 45px;
      width: 45px;
      height: 45px;
      color: #fff;
      border-width: 3px; }
      .hero .article__hero .icon-photogallery-icon:before, .hero__originals .article__hero .icon-photogallery-icon:before {
        position: absolute;
        top: 50%;
        left: 50% /*rtl:ignore*/;
        -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
        transform: translate(-50%, -50%) /*rtl:ignore*/;
        margin-left: 0 /*rtl:ignore*/; }
      .hero .article__hero .icon-photogallery-icon:hover, .hero__originals .article__hero .icon-photogallery-icon:hover, .hero .article__hero .icon-photogallery-icon:focus, .hero__originals .article__hero .icon-photogallery-icon:focus {
        border-color: #EE334E;
        background-color: #EE334E;
        color: #fff; }
      .hero .article__hero .icon-photogallery-icon:before, .hero__originals .article__hero .icon-photogallery-icon:before {
        font-size: 18.75px; }
    .hero .article__hero .icon-play-button, .hero__originals .article__hero .icon-play-button, .hero .article__hero .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .hero .article__hero .icon-play, .hero__originals .article__hero .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .hero__originals .article__hero .icon-play {
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      border-radius: 100%;
      -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      line-height: 1;
      background-color: transparent;
      border: 5px solid #fff;
      -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      z-index: 1;
      font-size: 45px;
      width: 45px;
      height: 45px;
      color: #fff;
      border-width: 3px; }
      .hero .article__hero .icon-play-button:before, .hero__originals .article__hero .icon-play-button:before, .hero .article__hero .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .hero .article__hero .icon-play:before, .hero__originals .article__hero .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .hero__originals .article__hero .icon-play:before {
        position: absolute;
        top: 50%;
        left: 50% /*rtl:ignore*/;
        -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
        transform: translate(-50%, -50%) /*rtl:ignore*/;
        margin-left: 2px /*rtl:ignore*/; }
      .hero .article__hero .icon-play-button:hover, .hero__originals .article__hero .icon-play-button:hover, .hero .article__hero .countdown--overlay .countdown--icon .icon-play:hover, .countdown--overlay .countdown--icon .hero .article__hero .icon-play:hover, .hero__originals .article__hero .countdown--overlay .countdown--icon .icon-play:hover, .countdown--overlay .countdown--icon .hero__originals .article__hero .icon-play:hover, .hero .article__hero .icon-play-button:focus, .hero__originals .article__hero .icon-play-button:focus, .hero .article__hero .countdown--overlay .countdown--icon .icon-play:focus, .countdown--overlay .countdown--icon .hero .article__hero .icon-play:focus, .hero__originals .article__hero .countdown--overlay .countdown--icon .icon-play:focus, .countdown--overlay .countdown--icon .hero__originals .article__hero .icon-play:focus {
        border-color: #EE334E;
        background-color: #EE334E;
        color: #fff; }
      .hero .article__hero .icon-play-button:before, .hero__originals .article__hero .icon-play-button:before, .hero .article__hero .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .hero .article__hero .icon-play:before, .hero__originals .article__hero .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .hero__originals .article__hero .icon-play:before {
        font-size: 18.75px; }
    .hero .article__hero .icon-z-podcast-icon, .hero__originals .article__hero .icon-z-podcast-icon {
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      border-radius: 100%;
      -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      line-height: 1;
      background-color: transparent;
      border: 5px solid #fff;
      -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      z-index: 1;
      font-size: 45px;
      width: 45px;
      height: 45px;
      color: #fff;
      border-width: 3px; }
      .hero .article__hero .icon-z-podcast-icon:before, .hero__originals .article__hero .icon-z-podcast-icon:before {
        position: absolute;
        top: 50%;
        left: 50% /*rtl:ignore*/;
        -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
        transform: translate(-50%, -50%) /*rtl:ignore*/;
        margin-left: 2px /*rtl:ignore*/; }
      .hero .article__hero .icon-z-podcast-icon:hover, .hero__originals .article__hero .icon-z-podcast-icon:hover, .hero .article__hero .icon-z-podcast-icon:focus, .hero__originals .article__hero .icon-z-podcast-icon:focus {
        border-color: #EE334E;
        background-color: #EE334E;
        color: #fff; }
      .hero .article__hero .icon-z-podcast-icon:before, .hero__originals .article__hero .icon-z-podcast-icon:before {
        font-size: 18.75px; }
    .hero .article__hero .article--info, .hero__originals .article__hero .article--info {
      font-weight: bold;
      font-size: 13px;
      font-size: 0.8125rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 15px;
      margin: 5px 0; }
      .ko .hero .article__hero .article--info, .ko .hero__originals .article__hero .article--info {
        font-size: 11px;
        font-size: 0.6875rem; }
      .ko .hero .article__hero .article--info, .ko .hero__originals .article__hero .article--info,
      .zh .hero .article__hero .article--info,
      .zh .hero__originals .article__hero .article--info {
        line-height: 17px; }
    @media (min-width: 768px) {
      .hero .article__hero, .hero__originals .article__hero {
        min-height: 530px; } }
    .hero .article__hero .article--img, .hero__originals .article__hero .article--img {
      right: 0;
      bottom: 0;
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: auto;
      z-index: -100;
      position: absolute;
      overflow: hidden;
      margin: 0; }
      .hero .article__hero .article--img img, .hero__originals .article__hero .article--img img {
        max-width: inherit;
        height: 100%;
        width: auto;
        height: auto;
        max-height: none;
        max-width: none;
        min-height: 100%;
        min-width: 100%;
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform-origin: 0;
        left: 50%;
        top: 50%;
        position: absolute; }
    .hero .article__hero .article--summary, .hero__originals .article__hero .article--summary {
      color: #fff;
      font-size: 16px;
      font-size: 1rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 21px; }
      .ko .hero .article__hero .article--summary, .ko .hero__originals .article__hero .article--summary {
        font-size: 14px;
        font-size: 0.875rem; }
      .ko .hero .article__hero .article--summary, .ko .hero__originals .article__hero .article--summary,
      .zh .hero .article__hero .article--summary,
      .zh .hero__originals .article__hero .article--summary {
        line-height: 23px; }
      @media (min-width: 992px) {
        .hero .article__hero .article--summary, .hero__originals .article__hero .article--summary {
          margin-top: 5px; } }
  .hero .article--content, .hero__originals .article--content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: right;
    color: #fff;
    max-width: 100%;
    height: 100%;
    padding-bottom: 65px; }
    @media (min-width: 568px) {
      .hero .article--content, .hero__originals .article--content {
        margin-left: 15%; } }
    @media (min-width: 768px) {
      .hero .article--content, .hero__originals .article--content {
        margin-left: 30%;
        padding-bottom: 125px; } }
  .hero .article--title, .hero__originals .article--title {
    font-size: 38px;
    font-size: 2.375rem;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 40px;
    font-weight: bold !important;
    text-transform: uppercase;
    margin: 5px 0;
    width: 100%; }
    .ko .hero .article--title, .ko .hero__originals .article--title {
      font-size: 36px;
      font-size: 2.25rem; }
    .ko .hero .article--title, .ko .hero__originals .article--title,
    .zh .hero .article--title,
    .zh .hero__originals .article--title {
      line-height: 42px; }
    @media (min-width: 568px) {
      .hero .article--title, .hero__originals .article--title {
        font-size: 48px;
        font-size: 3rem;
        font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 48px; }
        .ko .hero .article--title, .ko .hero__originals .article--title {
          font-size: 46px;
          font-size: 2.875rem; }
        .ko .hero .article--title, .ko .hero__originals .article--title,
        .zh .hero .article--title,
        .zh .hero__originals .article--title {
          line-height: 50px; } }
    @media (min-width: 992px) {
      .hero .article--title, .hero__originals .article--title {
        font-size: 54px;
        font-size: 3.375rem;
        font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 58px; }
        .ko .hero .article--title, .ko .hero__originals .article--title {
          font-size: 52px;
          font-size: 3.25rem; }
        .ko .hero .article--title, .ko .hero__originals .article--title,
        .zh .hero .article--title,
        .zh .hero__originals .article--title {
          line-height: 60px; } }
    @media (min-width: 1200px) {
      .hero .article--title, .hero__originals .article--title {
        font-size: 64px;
        font-size: 4rem;
        font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 66px; }
        .ko .hero .article--title, .ko .hero__originals .article--title {
          font-size: 62px;
          font-size: 3.875rem; }
        .ko .hero .article--title, .ko .hero__originals .article--title,
        .zh .hero .article--title,
        .zh .hero__originals .article--title {
          line-height: 68px; } }
    .hero .article--title > a, .hero__originals .article--title > a {
      text-decoration: none !important;
      position: relative; }
      .hero .article--title > a > span, .hero__originals .article--title > a > span {
        -webkit-box-decoration-break: clone;
        -ms-box-decoration-break: clone;
        -o-box-decoration-break: clone;
        box-decoration-break: clone;
        display: inline;
        background: #06466D;
        color: #fff; }
      @media all and (-ms-high-contrast: none) {
        .hero .article--title > a, .hero__originals .article--title > a {
          /* IE10 */
          /* IE11 */ }
          .hero .article--title > a span, .hero__originals .article--title > a span {
            background-color: #06466D;
            background-image: linear-gradient(to right, #06466D 0%, #06466D 100%); }
          .hero .article--title > a *::-ms-backdrop, .hero__originals .article--title > a *::-ms-backdrop, .hero .article--title > a span, .hero__originals .article--title > a span {
            background-color: #06466D;
            background-image: linear-gradient(to right, #06466D 0%, #06466D 100%); } }
  .hero .article--info, .hero__originals .article--info {
    display: flex;
    background-color: #fff;
    color: #0081C8;
    font-size: 13px;
    font-size: 0.8125rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 5px;
    margin-bottom: 8px; }
    .ko .hero .article--info, .ko .hero__originals .article--info {
      font-size: 11px;
      font-size: 0.6875rem; }
    .ko .hero .article--info, .ko .hero__originals .article--info,
    .zh .hero .article--info,
    .zh .hero__originals .article--info {
      line-height: 18px; }
    @media (min-width: 768px) {
      .hero .article--info, .hero__originals .article--info {
        font-size: 14px;
        font-size: 0.875rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 17px; }
        .ko .hero .article--info, .ko .hero__originals .article--info {
          font-size: 12px;
          font-size: 0.75rem; }
        .ko .hero .article--info, .ko .hero__originals .article--info,
        .zh .hero .article--info,
        .zh .hero__originals .article--info {
          line-height: 19px; } }
  .hero .btn, .hero__originals .btn {
    display: table;
    min-width: 150px; }

.hero__originals:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.3); }

.hero__originals .article--content {
  text-align: center;
  justify-content: center;
  flex-direction: column;
  margin: 20px auto 0;
  align-items: center; }
  .hero__originals .article--content .article--title-img {
    width: 281px;
    margin: 20px auto; }

.hero_v2, .hero__originals_v2 {
  position: relative;
  z-index: 0;
  min-height: 331px; }
  .hero_v2 .article__hero, .hero__originals_v2 .article__hero {
    height: 331px;
    width: 100%;
    position: relative; }
    .hero_v2 .article__hero .article--img, .hero__originals_v2 .article__hero .article--img {
      margin: 0;
      position: relative; }
      .hero_v2 .article__hero .article--img > picture, .hero__originals_v2 .article__hero .article--img > picture {
        line-height: 0;
        display: block; }
        .hero_v2 .article__hero .article--img > picture img, .hero__originals_v2 .article__hero .article--img > picture img {
          width: 100%;
          object-fit: cover; }
    .hero_v2 .article__hero .article--title, .hero__originals_v2 .article__hero .article--title {
      font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
      font-weight: normal;
      text-transform: uppercase;
      color: #2d2d2d;
      padding-top: 0 !important;
      padding-bottom: 0 !important; }
      .hero_v2 .article__hero .article--title > a, .hero__originals_v2 .article__hero .article--title > a {
        color: #2d2d2d;
        display: block;
        text-decoration: none; }
    .hero_v2 .article__hero .article--summary, .hero__originals_v2 .article__hero .article--summary {
      color: #2d2d2d;
      display: block; }
    .hero_v2 .article__hero .article--kind, .hero__originals_v2 .article__hero .article--kind {
      text-transform: uppercase;
      padding-right: 3px; }
      .hero_v2 .article__hero .article--kind + .article--kind__info, .hero__originals_v2 .article__hero .article--kind + .article--kind__info {
        position: relative;
        padding-left: 5px;
        display: inline-block; }
        .hero_v2 .article__hero .article--kind + .article--kind__info:before, .hero__originals_v2 .article__hero .article--kind + .article--kind__info:before {
          content: "";
          display: block;
          position: absolute;
          width: 1px;
          top: 0;
          left: 0;
          height: 100%;
          background-color: #0081C8; }
    .hero_v2 .article__hero .article--tags, .hero__originals_v2 .article__hero .article--tags {
      text-transform: uppercase; }
      .hero_v2 .article__hero .article--tags .article--info, .hero__originals_v2 .article__hero .article--tags .article--info {
        color: #878787; }
      .hero_v2 .article__hero .article--tags .list-item, .hero__originals_v2 .article__hero .article--tags .list-item {
        display: inline-flex;
        color: #fff;
        display: block;
        background-color: #000;
        font-weight: bold;
        font-size: 12px;
        font-size: 0.75rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 16px;
        -moz-transition: background-color 0.3s ease;
        -o-transition: background-color 0.3s ease;
        -ms-transition: background-color 0.3s ease;
        -webkit-transition: background-color 0.3s ease;
        transition: background-color 0.3s ease;
        padding: .25rem .5rem; }
        .ko .hero_v2 .article__hero .article--tags .list-item, .ko .hero__originals_v2 .article__hero .article--tags .list-item {
          font-size: 10px;
          font-size: 0.625rem; }
        .ko .hero_v2 .article__hero .article--tags .list-item, .ko .hero__originals_v2 .article__hero .article--tags .list-item,
        .zh .hero_v2 .article__hero .article--tags .list-item,
        .zh .hero__originals_v2 .article__hero .article--tags .list-item {
          line-height: 18px; }
        .hero_v2 .article__hero .article--tags .list-item:hover, .hero__originals_v2 .article__hero .article--tags .list-item:hover, .hero_v2 .article__hero .article--tags .list-item:focus, .hero__originals_v2 .article__hero .article--tags .list-item:focus {
          color: #fff;
          background-color: #0081C8; }
        .hero_v2 .article__hero .article--tags .list-item > a, .hero__originals_v2 .article__hero .article--tags .list-item > a, .hero_v2 .article__hero .article--tags .list-item span, .hero__originals_v2 .article__hero .article--tags .list-item span {
          color: #fff; }
    .hero_v2 .article__hero .icon-photogallery-icon, .hero__originals_v2 .article__hero .icon-photogallery-icon {
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      border-radius: 100%;
      -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      line-height: 1;
      background-color: transparent;
      border: 5px solid #fff;
      -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      z-index: 1;
      font-size: 45px;
      width: 45px;
      height: 45px;
      color: #fff;
      border-width: 3px; }
      .hero_v2 .article__hero .icon-photogallery-icon:before, .hero__originals_v2 .article__hero .icon-photogallery-icon:before {
        position: absolute;
        top: 50%;
        left: 50% /*rtl:ignore*/;
        -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
        transform: translate(-50%, -50%) /*rtl:ignore*/;
        margin-left: 0 /*rtl:ignore*/; }
      .hero_v2 .article__hero .icon-photogallery-icon:hover, .hero__originals_v2 .article__hero .icon-photogallery-icon:hover, .hero_v2 .article__hero .icon-photogallery-icon:focus, .hero__originals_v2 .article__hero .icon-photogallery-icon:focus {
        border-color: #EE334E;
        background-color: #EE334E;
        color: #fff; }
      .hero_v2 .article__hero .icon-photogallery-icon:before, .hero__originals_v2 .article__hero .icon-photogallery-icon:before {
        font-size: 18.75px; }
    .hero_v2 .article__hero .icon-play-button, .hero__originals_v2 .article__hero .icon-play-button, .hero_v2 .article__hero .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .hero_v2 .article__hero .icon-play, .hero__originals_v2 .article__hero .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .hero__originals_v2 .article__hero .icon-play {
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      border-radius: 100%;
      -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      line-height: 1;
      background-color: transparent;
      border: 5px solid #fff;
      -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      z-index: 1;
      font-size: 45px;
      width: 45px;
      height: 45px;
      color: #fff;
      border-width: 3px; }
      .hero_v2 .article__hero .icon-play-button:before, .hero__originals_v2 .article__hero .icon-play-button:before, .hero_v2 .article__hero .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .hero_v2 .article__hero .icon-play:before, .hero__originals_v2 .article__hero .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .hero__originals_v2 .article__hero .icon-play:before {
        position: absolute;
        top: 50%;
        left: 50% /*rtl:ignore*/;
        -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
        transform: translate(-50%, -50%) /*rtl:ignore*/;
        margin-left: 2px /*rtl:ignore*/; }
      .hero_v2 .article__hero .icon-play-button:hover, .hero__originals_v2 .article__hero .icon-play-button:hover, .hero_v2 .article__hero .countdown--overlay .countdown--icon .icon-play:hover, .countdown--overlay .countdown--icon .hero_v2 .article__hero .icon-play:hover, .hero__originals_v2 .article__hero .countdown--overlay .countdown--icon .icon-play:hover, .countdown--overlay .countdown--icon .hero__originals_v2 .article__hero .icon-play:hover, .hero_v2 .article__hero .icon-play-button:focus, .hero__originals_v2 .article__hero .icon-play-button:focus, .hero_v2 .article__hero .countdown--overlay .countdown--icon .icon-play:focus, .countdown--overlay .countdown--icon .hero_v2 .article__hero .icon-play:focus, .hero__originals_v2 .article__hero .countdown--overlay .countdown--icon .icon-play:focus, .countdown--overlay .countdown--icon .hero__originals_v2 .article__hero .icon-play:focus {
        border-color: #EE334E;
        background-color: #EE334E;
        color: #fff; }
      .hero_v2 .article__hero .icon-play-button:before, .hero__originals_v2 .article__hero .icon-play-button:before, .hero_v2 .article__hero .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .hero_v2 .article__hero .icon-play:before, .hero__originals_v2 .article__hero .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .hero__originals_v2 .article__hero .icon-play:before {
        font-size: 18.75px; }
    .hero_v2 .article__hero .icon-z-podcast-icon, .hero__originals_v2 .article__hero .icon-z-podcast-icon {
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      border-radius: 100%;
      -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      line-height: 1;
      background-color: transparent;
      border: 5px solid #fff;
      -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      z-index: 1;
      font-size: 45px;
      width: 45px;
      height: 45px;
      color: #fff;
      border-width: 3px; }
      .hero_v2 .article__hero .icon-z-podcast-icon:before, .hero__originals_v2 .article__hero .icon-z-podcast-icon:before {
        position: absolute;
        top: 50%;
        left: 50% /*rtl:ignore*/;
        -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
        transform: translate(-50%, -50%) /*rtl:ignore*/;
        margin-left: 2px /*rtl:ignore*/; }
      .hero_v2 .article__hero .icon-z-podcast-icon:hover, .hero__originals_v2 .article__hero .icon-z-podcast-icon:hover, .hero_v2 .article__hero .icon-z-podcast-icon:focus, .hero__originals_v2 .article__hero .icon-z-podcast-icon:focus {
        border-color: #EE334E;
        background-color: #EE334E;
        color: #fff; }
      .hero_v2 .article__hero .icon-z-podcast-icon:before, .hero__originals_v2 .article__hero .icon-z-podcast-icon:before {
        font-size: 18.75px; }
    .hero_v2 .article__hero .article--info, .hero__originals_v2 .article__hero .article--info {
      font-weight: bold;
      font-size: 13px;
      font-size: 0.8125rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 15px;
      margin: 5px 0; }
      .ko .hero_v2 .article__hero .article--info, .ko .hero__originals_v2 .article__hero .article--info {
        font-size: 11px;
        font-size: 0.6875rem; }
      .ko .hero_v2 .article__hero .article--info, .ko .hero__originals_v2 .article__hero .article--info,
      .zh .hero_v2 .article__hero .article--info,
      .zh .hero__originals_v2 .article__hero .article--info {
        line-height: 17px; }
    @media (min-width: 768px) {
      .hero_v2 .article__hero, .hero__originals_v2 .article__hero {
        min-height: 450px; } }
    .hero_v2 .article__hero a:hover, .hero__originals_v2 .article__hero a:hover {
      text-decoration: none; }
    .hero_v2 .article__hero .hero-mask, .hero__originals_v2 .article__hero .hero-mask {
      margin: 0 !important;
      background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 100%);
      background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 100%);
      background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 100%); }
    .hero_v2 .article__hero .article--img, .hero__originals_v2 .article__hero .article--img {
      right: 0;
      bottom: 0;
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: auto;
      z-index: -100;
      position: absolute;
      overflow: hidden;
      margin: 0; }
      .hero_v2 .article__hero .article--img img, .hero__originals_v2 .article__hero .article--img img {
        max-width: inherit;
        height: 100%;
        width: auto;
        height: auto;
        max-height: none;
        max-width: none;
        min-height: 100%;
        min-width: 100%;
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform-origin: 0;
        left: 50%;
        top: 50%;
        position: absolute; }
    .hero_v2 .article__hero .article--content .article--summary, .hero__originals_v2 .article__hero .article--content .article--summary {
      color: #fff;
      font-family: cervo-light;
      font-size: 20px;
      font-size: 1.25rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 24px; }
      .ko .hero_v2 .article__hero .article--content .article--summary, .ko .hero__originals_v2 .article__hero .article--content .article--summary {
        font-size: 18px;
        font-size: 1.125rem; }
      .ko .hero_v2 .article__hero .article--content .article--summary, .ko .hero__originals_v2 .article__hero .article--content .article--summary,
      .zh .hero_v2 .article__hero .article--content .article--summary,
      .zh .hero__originals_v2 .article__hero .article--content .article--summary {
        line-height: 26px; }
      @media (min-width: 768px) {
        .hero_v2 .article__hero .article--content .article--summary, .hero__originals_v2 .article__hero .article--content .article--summary {
          margin-top: 5px;
          line-height: 30px;
          font-size: 26px;
          font-size: 1.625rem;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 30px; }
          .ko .hero_v2 .article__hero .article--content .article--summary, .ko .hero__originals_v2 .article__hero .article--content .article--summary {
            font-size: 24px;
            font-size: 1.5rem; }
          .ko .hero_v2 .article__hero .article--content .article--summary, .ko .hero__originals_v2 .article__hero .article--content .article--summary,
          .zh .hero_v2 .article__hero .article--content .article--summary,
          .zh .hero__originals_v2 .article__hero .article--content .article--summary {
            line-height: 32px; } }
    .hero_v2 .article__hero .article--content .btn, .hero__originals_v2 .article__hero .article--content .btn {
      padding: 16px 45px 13px 45px;
      font-size: 13px;
      font-size: 0.8125rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 17px;
      font-family: "AktivGrotesk";
      font-weight: bold; }
      .ko .hero_v2 .article__hero .article--content .btn, .ko .hero__originals_v2 .article__hero .article--content .btn {
        font-size: 11px;
        font-size: 0.6875rem; }
      .ko .hero_v2 .article__hero .article--content .btn, .ko .hero__originals_v2 .article__hero .article--content .btn,
      .zh .hero_v2 .article__hero .article--content .btn,
      .zh .hero__originals_v2 .article__hero .article--content .btn {
        line-height: 19px; }

.mosaic {
  margin-bottom: 3rem;
  padding-top: 1rem; }
  @media (min-width: 768px) {
    .mosaic {
      padding-top: 0; } }
  .mosaic #hidden-element .article__base .vilynx_registered .supra-wrapper {
    width: 100% !important;
    height: auto !important; }
  .mosaic .vilynx_registered {
    width: 100%; }
  .mosaic .newslist .article--content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .mosaic .newslist .article--content {
        display: block; } }
  @media (min-width: 992px) {
    .mosaic .newslist .article__base .article--title,
    .mosaic .newslist .article__squared .article--title {
      font-size: 26px;
      font-size: 1.625rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 24px;
      margin-top: 0 !important; }
      .ko .mosaic .newslist .article__base .article--title, .ko
      .mosaic .newslist .article__squared .article--title {
        font-size: 24px;
        font-size: 1.5rem; }
      .ko .mosaic .newslist .article__base .article--title,
      .zh .mosaic .newslist .article__base .article--title, .ko
      .mosaic .newslist .article__squared .article--title,
      .zh
      .mosaic .newslist .article__squared .article--title {
        line-height: 26px; } }
  @media (min-width: 1200px) {
    .mosaic .newslist .article__base .article--title,
    .mosaic .newslist .article__squared .article--title {
      font-size: 36px;
      font-size: 2.25rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 34px; }
      .ko .mosaic .newslist .article__base .article--title, .ko
      .mosaic .newslist .article__squared .article--title {
        font-size: 34px;
        font-size: 2.125rem; }
      .ko .mosaic .newslist .article__base .article--title,
      .zh .mosaic .newslist .article__base .article--title, .ko
      .mosaic .newslist .article__squared .article--title,
      .zh
      .mosaic .newslist .article__squared .article--title {
        line-height: 36px; } }
  @media (min-width: 992px) {
    .ja .mosaic .newslist .article__base .article--title, .ja
    .mosaic .newslist .article__squared .article--title {
      font-size: 24px;
      font-size: 1.5rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 27px; }
      .ko .ja .mosaic .newslist .article__base .article--title, .ko .ja
      .mosaic .newslist .article__squared .article--title {
        font-size: 22px;
        font-size: 1.375rem; }
      .ko .ja .mosaic .newslist .article__base .article--title,
      .zh .ja .mosaic .newslist .article__base .article--title, .ko .ja
      .mosaic .newslist .article__squared .article--title,
      .zh .ja
      .mosaic .newslist .article__squared .article--title {
        line-height: 29px; } }
  @media (min-width: 1200px) {
    .ja .mosaic .newslist .article__base .article--title, .ja
    .mosaic .newslist .article__squared .article--title {
      font-size: 26px;
      font-size: 1.625rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 30px; }
      .ko .ja .mosaic .newslist .article__base .article--title, .ko .ja
      .mosaic .newslist .article__squared .article--title {
        font-size: 24px;
        font-size: 1.5rem; }
      .ko .ja .mosaic .newslist .article__base .article--title,
      .zh .ja .mosaic .newslist .article__base .article--title, .ko .ja
      .mosaic .newslist .article__squared .article--title,
      .zh .ja
      .mosaic .newslist .article__squared .article--title {
        line-height: 32px; } }
  .mosaic .newslist .article__base {
    background: #fff; }
    .mosaic .newslist .article__base:before {
      display: none; }
    .mosaic .newslist .article__base .article--content {
      background: #fff; }
  .mosaic .newslist .newslist--item {
    animation-timing-function: cubic-bezier(0, 1, 1, 1);
    animation-duration: 200ms; }
    @media (max-width: 767.98px) {
      .mosaic .newslist .newslist--item:nth-child(1) {
        order: -1; } }
    .mosaic .newslist .newslist--item.newslist--item__adv {
      overflow: hidden; }
      @media (max-width: 767.98px) {
        .mosaic .newslist .newslist--item.newslist--item__adv {
          order: -1; } }
      @media (min-width: 992px) {
        .mosaic .newslist .newslist--item.newslist--item__adv {
          background-color: #fff; } }
  @media (max-width: 991.98px) {
    .mosaic .newslist .article__xl .icon-photogallery-icon {
      top: calc(50% - 50px) !important; } }
  @media (max-width: 991.98px) {
    .mosaic .newslist .article__xl .icon-play-button, .mosaic .newslist .article__xl .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .mosaic .newslist .article__xl .icon-play {
      top: calc(50% - 50px) !important; } }
  @media (max-width: 991.98px) {
    .mosaic .newslist .article__xl .icon-z-podcast-icon {
      top: calc(50% - 50px) !important; } }
  .mosaic .newslist .article__xl .vilynx_registered {
    position: static !important;
    display: table !important; }
    .mosaic .newslist .article__xl .vilynx_registered .supra-wrapper {
      left: auto;
      right: 0;
      z-index: -1; }
    .mosaic .newslist .article__xl .vilynx_registered .redirectWrapper {
      text-align: right;
      padding-right: 15px; }
  .mosaic .newslist__mosaic,
  .mosaic .newslist__mosaic-5x,
  .mosaic .newslist__mosaic-3x {
    display: flex;
    flex-wrap: wrap; }
    .mosaic .newslist__mosaic .article, .mosaic .newslist__mosaic .article-page, .mosaic .newslist__mosaic .article-page__video, .mosaic .newslist__mosaic .article-page__story, .mosaic .newslist__mosaic .event, .mosaic .newslist__mosaic .epg,
    .mosaic .newslist__mosaic-5x .article,
    .mosaic .newslist__mosaic-5x .article-page,
    .mosaic .newslist__mosaic-5x .article-page__video,
    .mosaic .newslist__mosaic-5x .article-page__story,
    .mosaic .newslist__mosaic-5x .event,
    .mosaic .newslist__mosaic-5x .epg,
    .mosaic .newslist__mosaic-3x .article,
    .mosaic .newslist__mosaic-3x .article-page,
    .mosaic .newslist__mosaic-3x .article-page__video,
    .mosaic .newslist__mosaic-3x .article-page__story,
    .mosaic .newslist__mosaic-3x .event,
    .mosaic .newslist__mosaic-3x .epg {
      z-index: 1;
      background-color: #fff; }
      @media (min-width: 992px) {
        .mosaic .newslist__mosaic .article:before, .mosaic .newslist__mosaic .article-page:before, .mosaic .newslist__mosaic .article-page__video:before, .mosaic .newslist__mosaic .article-page__story:before, .mosaic .newslist__mosaic .event:before, .mosaic .newslist__mosaic .epg:before,
        .mosaic .newslist__mosaic-5x .article:before,
        .mosaic .newslist__mosaic-5x .article-page:before,
        .mosaic .newslist__mosaic-5x .article-page__video:before,
        .mosaic .newslist__mosaic-5x .article-page__story:before,
        .mosaic .newslist__mosaic-5x .event:before,
        .mosaic .newslist__mosaic-5x .epg:before,
        .mosaic .newslist__mosaic-3x .article:before,
        .mosaic .newslist__mosaic-3x .article-page:before,
        .mosaic .newslist__mosaic-3x .article-page__video:before,
        .mosaic .newslist__mosaic-3x .article-page__story:before,
        .mosaic .newslist__mosaic-3x .event:before,
        .mosaic .newslist__mosaic-3x .epg:before {
          display: none; } }
    .mosaic .newslist__mosaic > .newslist--item,
    .mosaic .newslist__mosaic-5x > .newslist--item,
    .mosaic .newslist__mosaic-3x > .newslist--item {
      order: 1; }
  @media (max-width: 991.98px) {
    .mosaic .newslist__mosaic-5x > .newslist--item .article__xl {
      position: relative;
      -moz-transition: border 0.3s ease;
      -o-transition: border 0.3s ease;
      -ms-transition: border 0.3s ease;
      -webkit-transition: border 0.3s ease;
      transition: border 0.3s ease;
      height: 100%; }
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--img {
        margin: 0;
        position: relative; }
        .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--img > picture {
          line-height: 0;
          display: block; }
          .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--img > picture img {
            width: 100%;
            object-fit: cover; }
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--title {
        font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-weight: normal;
        text-transform: uppercase;
        color: #2d2d2d;
        padding-top: 0 !important;
        padding-bottom: 0 !important; }
        .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--title > a {
          color: #2d2d2d;
          display: block;
          text-decoration: none; }
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--summary {
        color: #2d2d2d;
        display: block; }
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--kind {
        text-transform: uppercase;
        padding-right: 3px; }
        .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--kind + .article--kind__info {
          position: relative;
          padding-left: 5px;
          display: inline-block; }
          .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--kind + .article--kind__info:before {
            content: "";
            display: block;
            position: absolute;
            width: 1px;
            top: 0;
            left: 0;
            height: 100%;
            background-color: #0081C8; }
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--tags {
        text-transform: uppercase; }
        .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--tags .article--info {
          color: #878787; }
        .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--tags .list-item {
          display: inline-flex;
          color: #fff;
          display: block;
          background-color: #000;
          font-weight: bold;
          font-size: 12px;
          font-size: 0.75rem;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 16px;
          -moz-transition: background-color 0.3s ease;
          -o-transition: background-color 0.3s ease;
          -ms-transition: background-color 0.3s ease;
          -webkit-transition: background-color 0.3s ease;
          transition: background-color 0.3s ease;
          padding: .25rem .5rem; }
          .ko .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--tags .list-item {
            font-size: 10px;
            font-size: 0.625rem; }
          .ko .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--tags .list-item,
          .zh .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--tags .list-item {
            line-height: 18px; }
          .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--tags .list-item:hover, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--tags .list-item:focus {
            color: #fff;
            background-color: #0081C8; }
          .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--tags .list-item > a, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--tags .list-item span {
            color: #fff; }
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .icon-photogallery-icon {
        position: absolute;
        top: 50%;
        left: 50% /*rtl:ignore*/;
        -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
        transform: translate(-50%, -50%) /*rtl:ignore*/;
        border-radius: 100%;
        -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        line-height: 1;
        background-color: transparent;
        border: 5px solid #fff;
        -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
        z-index: 1;
        font-size: 45px;
        width: 45px;
        height: 45px;
        color: #fff;
        border-width: 3px; }
        .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .icon-photogallery-icon:before {
          position: absolute;
          top: 50%;
          left: 50% /*rtl:ignore*/;
          -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
          transform: translate(-50%, -50%) /*rtl:ignore*/;
          margin-left: 0 /*rtl:ignore*/; }
        .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .icon-photogallery-icon:hover, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .icon-photogallery-icon:focus {
          border-color: #EE334E;
          background-color: #EE334E;
          color: #fff; }
        .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .icon-photogallery-icon:before {
          font-size: 18.75px; }
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .icon-play-button, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .icon-play {
        position: absolute;
        top: 50%;
        left: 50% /*rtl:ignore*/;
        -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
        transform: translate(-50%, -50%) /*rtl:ignore*/;
        border-radius: 100%;
        -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        line-height: 1;
        background-color: transparent;
        border: 5px solid #fff;
        -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
        z-index: 1;
        font-size: 45px;
        width: 45px;
        height: 45px;
        color: #fff;
        border-width: 3px; }
        .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .icon-play-button:before, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .icon-play:before {
          position: absolute;
          top: 50%;
          left: 50% /*rtl:ignore*/;
          -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
          transform: translate(-50%, -50%) /*rtl:ignore*/;
          margin-left: 2px /*rtl:ignore*/; }
        .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .icon-play-button:hover, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .countdown--overlay .countdown--icon .icon-play:hover, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .icon-play:hover, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .icon-play-button:focus, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .countdown--overlay .countdown--icon .icon-play:focus, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .icon-play:focus {
          border-color: #EE334E;
          background-color: #EE334E;
          color: #fff; }
        .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .icon-play-button:before, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .icon-play:before {
          font-size: 18.75px; }
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .icon-z-podcast-icon {
        position: absolute;
        top: 50%;
        left: 50% /*rtl:ignore*/;
        -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
        transform: translate(-50%, -50%) /*rtl:ignore*/;
        border-radius: 100%;
        -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        line-height: 1;
        background-color: transparent;
        border: 5px solid #fff;
        -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
        z-index: 1;
        font-size: 45px;
        width: 45px;
        height: 45px;
        color: #fff;
        border-width: 3px; }
        .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .icon-z-podcast-icon:before {
          position: absolute;
          top: 50%;
          left: 50% /*rtl:ignore*/;
          -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
          transform: translate(-50%, -50%) /*rtl:ignore*/;
          margin-left: 2px /*rtl:ignore*/; }
        .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .icon-z-podcast-icon:hover, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .icon-z-podcast-icon:focus {
          border-color: #EE334E;
          background-color: #EE334E;
          color: #fff; }
        .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .icon-z-podcast-icon:before {
          font-size: 18.75px; }
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--info {
        font-weight: bold;
        font-size: 13px;
        font-size: 0.8125rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 15px;
        margin: 5px 0; }
        .ko .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--info {
          font-size: 11px;
          font-size: 0.6875rem; }
        .ko .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--info,
        .zh .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--info {
          line-height: 17px; }
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:hover .article--img, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:focus .article--img {
        position: relative; }
        .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:hover .article--img > picture img, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:focus .article--img > picture img {
          -moz-transform: scale(1.1);
          -o-transform: scale(1.1);
          -ms-transform: scale(1.1);
          -webkit-transform: scale(1.1);
          transform: scale(1.1);
          -moz-transition: transform 0.3s ease-in-out;
          -o-transition: transform 0.3s ease-in-out;
          -ms-transition: transform 0.3s ease-in-out;
          -webkit-transition: transform 0.3s ease-in-out;
          transition: transform 0.3s ease-in-out; }
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--img {
        overflow: hidden; }
        .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--img > picture img {
          -moz-transform: scale(1);
          -o-transform: scale(1);
          -ms-transform: scale(1);
          -webkit-transform: scale(1);
          transform: scale(1);
          -moz-transition: transform 0.3s ease-in-out;
          -o-transition: transform 0.3s ease-in-out;
          -ms-transition: transform 0.3s ease-in-out;
          -webkit-transition: transform 0.3s ease-in-out;
          transition: transform 0.3s ease-in-out;
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden; } }
      @media all and (max-width: 991.98px) and (-ms-high-contrast: none), (max-width: 991.98px) and (-ms-high-contrast: active) {
        .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--img > picture img {
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; } }
  @media (max-width: 991.98px) {
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:before {
        border: 1px solid transparent; }
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:hover:before, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:focus:before {
        border: 1px solid #adb5bd; }
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:before {
        content: "";
        display: block;
        position: absolute;
        bottom: -1px;
        left: -1px;
        right: -1px;
        top: -1px;
        border: 1px solid rgba(173, 181, 189, 0.5);
        display: block; }
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:hover .icon-photogallery-icon, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:focus .icon-photogallery-icon {
        border-color: #EE334E;
        background-color: #EE334E; }
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:hover .icon-play-button, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:hover .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:hover .icon-play, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:focus .icon-play-button, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:focus .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:focus .icon-play {
        border-color: #EE334E;
        background-color: #EE334E; }
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:hover .icon-z-podcast-icon, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:focus .icon-z-podcast-icon {
        border-color: #EE334E;
        background-color: #EE334E; }
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:hover .article--title > a, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:focus .article--title > a {
        color: #0081C8; }
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--title {
        -moz-transition: color 0.3s ease;
        -o-transition: color 0.3s ease;
        -ms-transition: color 0.3s ease;
        -webkit-transition: color 0.3s ease;
        transition: color 0.3s ease;
        text-transform: uppercase;
        font-size: 20px;
        font-size: 1.25rem;
        font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 20px;
        margin: 0; }
        .ko .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--title {
          font-size: 18px;
          font-size: 1.125rem; }
        .ko .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--title,
        .zh .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--title {
          line-height: 22px; } }
    @media (max-width: 991.98px) and (min-width: 568px) {
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--title {
        font-size: 20px;
        font-size: 1.25rem;
        font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 20px; }
        .ko .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--title {
          font-size: 18px;
          font-size: 1.125rem; }
        .ko .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--title,
        .zh .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--title {
          line-height: 22px; } }
  @media (max-width: 991.98px) {
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--info__wrap {
        width: 100%; }
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--info {
        color: #0081C8;
        width: 100%;
        margin: 5px 0; }
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--img {
        flex: 0 0 auto; }
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--date {
        font-weight: bold;
        display: block;
        margin-top: .25rem;
        margin-bottom: .25rem;
        color: #878787;
        font-size: 13px;
        font-size: 0.8125rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 15px; }
        .ko .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--date {
          font-size: 11px;
          font-size: 0.6875rem; }
        .ko .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--date,
        .zh .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--date {
          line-height: 17px; }
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--content {
        min-height: 105px;
        color: rgba(45, 45, 45, 0.5);
        padding: 20px 10px;
        position: relative; } }
    @media (max-width: 991.98px) and (min-width: 768px) {
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--content {
        padding: 20px; } }
    @media (max-width: 991.98px) and (min-width: 992px) {
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--content {
        padding: 20px 25px; } }
  @media (max-width: 991.98px) {
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--summary {
        color: #2d2d2d;
        font-size: 16px;
        font-size: 1rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 21px; }
        .ko .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--summary {
          font-size: 14px;
          font-size: 0.875rem; }
        .ko .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--summary,
        .zh .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--summary {
          line-height: 23px; }
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--decoration {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        display: block;
        height: 28px;
        background-image: url(/Images/Static/decoration/latest-news.jpg);
        background-position: 50% 50%;
        background-size: cover; }
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--partnership {
        text-align: center;
        margin-top: .25rem;
        margin-bottom: .25rem;
        position: absolute;
        bottom: 0;
        background: #2d2d2d;
        color: #fff;
        display: block;
        width: 100%; }
        .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--partnership > span {
          display: inline-block;
          vertical-align: middle;
          width: 46%;
          line-height: 16px; }
        .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--partnership .article--partnership-label {
          text-align: end;
          font-size: 11px;
          font-size: 0.6875rem;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 15px; }
          .ko .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--partnership .article--partnership-label {
            font-size: 9px;
            font-size: 0.5625rem; }
          .ko .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--partnership .article--partnership-label,
          .zh .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--partnership .article--partnership-label {
            line-height: 17px; }
        .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--partnership .article--partnership-logo {
          text-align: start;
          margin-left: 10px; }
          .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--partnership .article--partnership-logo > img {
            max-width: 80%;
            line-height: 1; }
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .btn-play {
        position: absolute;
        top: 50%;
        left: 50% /*rtl:ignore*/;
        -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
        transform: translate(-50%, -50%) /*rtl:ignore*/; } }
  @media (min-width: 992px) {
    .mosaic .newslist__mosaic-5x > .newslist--item .article__xl {
      background: #fff;
      overflow: hidden; }
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:hover .article--img, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:focus .article--img {
        position: relative; }
        .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:hover .article--img > picture img, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:focus .article--img > picture img {
          -moz-transform: scale(1.1);
          -o-transform: scale(1.1);
          -ms-transform: scale(1.1);
          -webkit-transform: scale(1.1);
          transform: scale(1.1);
          -moz-transition: transform 0.3s ease-in-out;
          -o-transition: transform 0.3s ease-in-out;
          -ms-transition: transform 0.3s ease-in-out;
          -webkit-transition: transform 0.3s ease-in-out;
          transition: transform 0.3s ease-in-out; }
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--img {
        overflow: hidden; }
        .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--img > picture img {
          -moz-transform: scale(1);
          -o-transform: scale(1);
          -ms-transform: scale(1);
          -webkit-transform: scale(1);
          transform: scale(1);
          -moz-transition: transform 0.3s ease-in-out;
          -o-transition: transform 0.3s ease-in-out;
          -ms-transition: transform 0.3s ease-in-out;
          -webkit-transition: transform 0.3s ease-in-out;
          transition: transform 0.3s ease-in-out;
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden; } }
      @media all and (min-width: 992px) and (-ms-high-contrast: none), (min-width: 992px) and (-ms-high-contrast: active) {
        .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--img > picture img {
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; } }
  @media (min-width: 992px) {
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:hover .icon-photogallery-icon, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:focus .icon-photogallery-icon {
        position: absolute;
        top: 50%;
        left: 50% /*rtl:ignore*/;
        -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
        transform: translate(-50%, -50%) /*rtl:ignore*/;
        border-radius: 100%;
        -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        line-height: 1;
        background-color: #EE334E;
        border: 5px solid white;
        -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
        z-index: 1;
        font-size: 68px;
        width: 68px;
        height: 68px;
        color: white;
        border-color: #EE334E;
        left: 53% /*rtl:48%*/; }
        .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:hover .icon-photogallery-icon:before, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:focus .icon-photogallery-icon:before {
          position: absolute;
          top: 50%;
          left: 50% /*rtl:ignore*/;
          -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
          transform: translate(-50%, -50%) /*rtl:ignore*/;
          margin-left: 0 /*rtl:ignore*/; }
        .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:hover .icon-photogallery-icon:hover, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:hover .icon-photogallery-icon:focus, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:focus .icon-photogallery-icon:hover, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:focus .icon-photogallery-icon:focus {
          border-color: #EE334E;
          background-color: #EE334E;
          color: #fff; }
        .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:hover .icon-photogallery-icon:before, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:focus .icon-photogallery-icon:before {
          font-size: 28.33333px; }
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:hover .icon-play-button, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:hover .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:hover .icon-play, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:focus .icon-play-button, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:focus .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:focus .icon-play {
        position: absolute;
        top: 50%;
        left: 50% /*rtl:ignore*/;
        -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
        transform: translate(-50%, -50%) /*rtl:ignore*/;
        border-radius: 100%;
        -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        line-height: 1;
        background-color: #EE334E;
        border: 5px solid white;
        -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
        z-index: 1;
        font-size: 68px;
        width: 68px;
        height: 68px;
        color: white;
        border-color: #EE334E;
        left: 53% /*rtl:48%*/; }
        .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:hover .icon-play-button:before, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:hover .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:hover .icon-play:before, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:focus .icon-play-button:before, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:focus .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:focus .icon-play:before {
          position: absolute;
          top: 50%;
          left: 50% /*rtl:ignore*/;
          -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
          transform: translate(-50%, -50%) /*rtl:ignore*/;
          margin-left: 2px /*rtl:ignore*/; }
        .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:hover .icon-play-button:hover, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:hover .countdown--overlay .countdown--icon .icon-play:hover, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:hover .icon-play:hover, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:hover .icon-play-button:focus, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:hover .countdown--overlay .countdown--icon .icon-play:focus, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:hover .icon-play:focus, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:focus .icon-play-button:hover, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:focus .countdown--overlay .countdown--icon .icon-play:hover, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:focus .icon-play:hover, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:focus .icon-play-button:focus, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:focus .countdown--overlay .countdown--icon .icon-play:focus, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:focus .icon-play:focus {
          border-color: #EE334E;
          background-color: #EE334E;
          color: #fff; }
        .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:hover .icon-play-button:before, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:hover .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:hover .icon-play:before, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:focus .icon-play-button:before, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:focus .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:focus .icon-play:before {
          font-size: 28.33333px; }
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:hover .icon-z-podcast-icon, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:focus .icon-z-podcast-icon {
        position: absolute;
        top: 50%;
        left: 50% /*rtl:ignore*/;
        -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
        transform: translate(-50%, -50%) /*rtl:ignore*/;
        border-radius: 100%;
        -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        line-height: 1;
        background-color: #EE334E;
        border: 5px solid white;
        -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
        z-index: 1;
        font-size: 68px;
        width: 68px;
        height: 68px;
        color: white;
        border-color: #EE334E;
        left: 53% /*rtl:48%*/; }
        .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:hover .icon-z-podcast-icon:before, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:focus .icon-z-podcast-icon:before {
          position: absolute;
          top: 50%;
          left: 50% /*rtl:ignore*/;
          -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
          transform: translate(-50%, -50%) /*rtl:ignore*/;
          margin-left: 2px /*rtl:ignore*/; }
        .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:hover .icon-z-podcast-icon:hover, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:hover .icon-z-podcast-icon:focus, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:focus .icon-z-podcast-icon:hover, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:focus .icon-z-podcast-icon:focus {
          border-color: #EE334E;
          background-color: #EE334E;
          color: #fff; }
        .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:hover .icon-z-podcast-icon:before, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl:focus .icon-z-podcast-icon:before {
          font-size: 28.33333px; }
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--content {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 55%;
        padding: 20px !important;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: none;
        flex-wrap: nowrap;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        z-index: 3; }
        .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--content:before {
          content: "";
          display: block;
          position: absolute;
          top: 0px;
          bottom: 0;
          left: 5%;
          background: url(/images/static/decoration/mosaic_circle.png);
          background-repeat: no-repeat;
          width: 100%;
          z-index: -1;
          background-size: 100% 100%;
          background-position: 0 0;
          -moz-transform: scaleX(1) /*rtl:scaleX(-1)*/;
          -o-transform: scaleX(1) /*rtl:scaleX(-1)*/;
          -ms-transform: scaleX(1) /*rtl:scaleX(-1)*/;
          -webkit-transform: scaleX(1) /*rtl:scaleX(-1)*/;
          transform: scaleX(1) /*rtl:scaleX(-1)*/; }
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--title {
        font-size: 36px;
        font-size: 2.25rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 34px;
        font-weight: bold;
        width: 90%; }
        .ko .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--title {
          font-size: 34px;
          font-size: 2.125rem; }
        .ko .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--title,
        .zh .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--title {
          line-height: 36px; } }
    @media (min-width: 992px) and (min-width: 1200px) {
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--title {
        font-size: 46px;
        font-size: 2.875rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 44px;
        margin-top: 1rem;
        margin-bottom: 1rem; }
        .ko .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--title {
          font-size: 44px;
          font-size: 2.75rem; }
        .ko .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--title,
        .zh .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--title {
          line-height: 46px; } }
  @media (min-width: 992px) {
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--summary {
        max-width: 75%; } }
    @media (min-width: 992px) and (min-width: 1200px) {
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--summary {
        display: block; } }
  @media (min-width: 992px) {
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .icon-photogallery-icon {
        position: absolute;
        top: 50%;
        left: 50% /*rtl:ignore*/;
        -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
        transform: translate(-50%, -50%) /*rtl:ignore*/;
        border-radius: 100%;
        -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        line-height: 1;
        background-color: #fff;
        border: 5px solid #cfcfcf;
        -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
        z-index: 1;
        font-size: 68px;
        width: 68px;
        height: 68px;
        color: #cfcfcf;
        left: 53% /*rtl:48%*/;
        z-index: 4 !important; }
        .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .icon-photogallery-icon:before {
          position: absolute;
          top: 50%;
          left: 50% /*rtl:ignore*/;
          -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
          transform: translate(-50%, -50%) /*rtl:ignore*/;
          margin-left: 0 /*rtl:ignore*/; }
        .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .icon-photogallery-icon:hover, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .icon-photogallery-icon:focus {
          border-color: #EE334E;
          background-color: #EE334E;
          color: #fff; }
        .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .icon-photogallery-icon:before {
          font-size: 28.33333px; }
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .icon-play-button, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .icon-play {
        position: absolute;
        top: 50%;
        left: 50% /*rtl:ignore*/;
        -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
        transform: translate(-50%, -50%) /*rtl:ignore*/;
        border-radius: 100%;
        -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        line-height: 1;
        background-color: #fff;
        border: 5px solid #cfcfcf;
        -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
        z-index: 1;
        font-size: 68px;
        width: 68px;
        height: 68px;
        color: #cfcfcf;
        left: 53% /*rtl:48%*/;
        z-index: 4 !important; }
        .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .icon-play-button:before, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .icon-play:before {
          position: absolute;
          top: 50%;
          left: 50% /*rtl:ignore*/;
          -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
          transform: translate(-50%, -50%) /*rtl:ignore*/;
          margin-left: 2px /*rtl:ignore*/; }
        .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .icon-play-button:hover, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .countdown--overlay .countdown--icon .icon-play:hover, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .icon-play:hover, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .icon-play-button:focus, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .countdown--overlay .countdown--icon .icon-play:focus, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .icon-play:focus {
          border-color: #EE334E;
          background-color: #EE334E;
          color: #fff; }
        .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .icon-play-button:before, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .icon-play:before {
          font-size: 28.33333px; }
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .icon-z-podcast-icon {
        position: absolute;
        top: 50%;
        left: 50% /*rtl:ignore*/;
        -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
        transform: translate(-50%, -50%) /*rtl:ignore*/;
        border-radius: 100%;
        -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
        line-height: 1;
        background-color: #fff;
        border: 5px solid #cfcfcf;
        -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
        z-index: 1;
        font-size: 68px;
        width: 68px;
        height: 68px;
        color: #cfcfcf;
        left: 53% /*rtl:48%*/;
        z-index: 4 !important; }
        .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .icon-z-podcast-icon:before {
          position: absolute;
          top: 50%;
          left: 50% /*rtl:ignore*/;
          -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
          transform: translate(-50%, -50%) /*rtl:ignore*/;
          margin-left: 2px /*rtl:ignore*/; }
        .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .icon-z-podcast-icon:hover, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .icon-z-podcast-icon:focus {
          border-color: #EE334E;
          background-color: #EE334E;
          color: #fff; }
        .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .icon-z-podcast-icon:before {
          font-size: 28.33333px; }
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--label__live, .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--label__upcoming {
        font-family: "AktivGrotesk", Arial, Helvetica, sans-serif !important;
        left: auto;
        right: 0; }
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--img {
        z-index: -2;
        width: 68%;
        margin-right: 0;
        float: right;
        height: fit-content;
        height: -moz-fit-content; }
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--partnership-logo {
        display: block; } }
    @media (min-width: 992px) and (min-width: 992px) {
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--partnership-logo {
        max-width: 80px; } }
    @media (min-width: 992px) and (min-width: 1200px) {
      .mosaic .newslist__mosaic-5x > .newslist--item .article__xl .article--partnership-logo {
        max-width: 100px; } }
  @media (min-width: 992px) {
    .mosaic .newslist__mosaic-5x > .newslist--item:nth-child(2) {
      overflow: hidden;
      position: relative; } }
  @media (min-width: 992px) {
    .mosaic .newslist__mosaic-5x > .newslist--item:nth-child(4) {
      overflow: hidden;
      position: relative; }
      .mosaic .newslist__mosaic-5x > .newslist--item:nth-child(4) .article--img:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
        background: url(/images/static/decoration/mosaic_transparent.png);
        background-repeat: no-repeat;
        width: 100%;
        background-size: 107%;
        background-position: 0 0;
        -moz-transform: scaleX(1) /*rtl: scaleX(-1)*/;
        -o-transform: scaleX(1) /*rtl: scaleX(-1)*/;
        -ms-transform: scaleX(1) /*rtl: scaleX(-1)*/;
        -webkit-transform: scaleX(1) /*rtl: scaleX(-1)*/;
        transform: scaleX(1) /*rtl: scaleX(-1)*/; } }
  .mosaic .newslist__mosaic-3x .article__xl {
    background: #fff; }
    @media (max-width: 767.98px) {
      .mosaic .newslist__mosaic-3x .article__xl {
        position: relative;
        -moz-transition: border 0.3s ease;
        -o-transition: border 0.3s ease;
        -ms-transition: border 0.3s ease;
        -webkit-transition: border 0.3s ease;
        transition: border 0.3s ease;
        height: 100%; }
        .mosaic .newslist__mosaic-3x .article__xl .article--img {
          margin: 0;
          position: relative; }
          .mosaic .newslist__mosaic-3x .article__xl .article--img > picture {
            line-height: 0;
            display: block; }
            .mosaic .newslist__mosaic-3x .article__xl .article--img > picture img {
              width: 100%;
              object-fit: cover; }
        .mosaic .newslist__mosaic-3x .article__xl .article--title {
          font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
          font-weight: normal;
          text-transform: uppercase;
          color: #2d2d2d;
          padding-top: 0 !important;
          padding-bottom: 0 !important; }
          .mosaic .newslist__mosaic-3x .article__xl .article--title > a {
            color: #2d2d2d;
            display: block;
            text-decoration: none; }
        .mosaic .newslist__mosaic-3x .article__xl .article--summary {
          color: #2d2d2d;
          display: block; }
        .mosaic .newslist__mosaic-3x .article__xl .article--kind {
          text-transform: uppercase;
          padding-right: 3px; }
          .mosaic .newslist__mosaic-3x .article__xl .article--kind + .article--kind__info {
            position: relative;
            padding-left: 5px;
            display: inline-block; }
            .mosaic .newslist__mosaic-3x .article__xl .article--kind + .article--kind__info:before {
              content: "";
              display: block;
              position: absolute;
              width: 1px;
              top: 0;
              left: 0;
              height: 100%;
              background-color: #0081C8; }
        .mosaic .newslist__mosaic-3x .article__xl .article--tags {
          text-transform: uppercase; }
          .mosaic .newslist__mosaic-3x .article__xl .article--tags .article--info {
            color: #878787; }
          .mosaic .newslist__mosaic-3x .article__xl .article--tags .list-item {
            display: inline-flex;
            color: #fff;
            display: block;
            background-color: #000;
            font-weight: bold;
            font-size: 12px;
            font-size: 0.75rem;
            /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
            line-height: 16px;
            -moz-transition: background-color 0.3s ease;
            -o-transition: background-color 0.3s ease;
            -ms-transition: background-color 0.3s ease;
            -webkit-transition: background-color 0.3s ease;
            transition: background-color 0.3s ease;
            padding: .25rem .5rem; }
            .ko .mosaic .newslist__mosaic-3x .article__xl .article--tags .list-item {
              font-size: 10px;
              font-size: 0.625rem; }
            .ko .mosaic .newslist__mosaic-3x .article__xl .article--tags .list-item,
            .zh .mosaic .newslist__mosaic-3x .article__xl .article--tags .list-item {
              line-height: 18px; }
            .mosaic .newslist__mosaic-3x .article__xl .article--tags .list-item:hover, .mosaic .newslist__mosaic-3x .article__xl .article--tags .list-item:focus {
              color: #fff;
              background-color: #0081C8; }
            .mosaic .newslist__mosaic-3x .article__xl .article--tags .list-item > a, .mosaic .newslist__mosaic-3x .article__xl .article--tags .list-item span {
              color: #fff; }
        .mosaic .newslist__mosaic-3x .article__xl .icon-photogallery-icon {
          position: absolute;
          top: 50%;
          left: 50% /*rtl:ignore*/;
          -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
          transform: translate(-50%, -50%) /*rtl:ignore*/;
          border-radius: 100%;
          -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          line-height: 1;
          background-color: transparent;
          border: 5px solid #fff;
          -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
          -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
          z-index: 1;
          font-size: 45px;
          width: 45px;
          height: 45px;
          color: #fff;
          border-width: 3px; }
          .mosaic .newslist__mosaic-3x .article__xl .icon-photogallery-icon:before {
            position: absolute;
            top: 50%;
            left: 50% /*rtl:ignore*/;
            -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
            -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
            -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
            -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
            transform: translate(-50%, -50%) /*rtl:ignore*/;
            margin-left: 0 /*rtl:ignore*/; }
          .mosaic .newslist__mosaic-3x .article__xl .icon-photogallery-icon:hover, .mosaic .newslist__mosaic-3x .article__xl .icon-photogallery-icon:focus {
            border-color: #EE334E;
            background-color: #EE334E;
            color: #fff; }
          .mosaic .newslist__mosaic-3x .article__xl .icon-photogallery-icon:before {
            font-size: 18.75px; }
        .mosaic .newslist__mosaic-3x .article__xl .icon-play-button, .mosaic .newslist__mosaic-3x .article__xl .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-3x .article__xl .icon-play {
          position: absolute;
          top: 50%;
          left: 50% /*rtl:ignore*/;
          -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
          transform: translate(-50%, -50%) /*rtl:ignore*/;
          border-radius: 100%;
          -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          line-height: 1;
          background-color: transparent;
          border: 5px solid #fff;
          -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
          -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
          z-index: 1;
          font-size: 45px;
          width: 45px;
          height: 45px;
          color: #fff;
          border-width: 3px; }
          .mosaic .newslist__mosaic-3x .article__xl .icon-play-button:before, .mosaic .newslist__mosaic-3x .article__xl .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-3x .article__xl .icon-play:before {
            position: absolute;
            top: 50%;
            left: 50% /*rtl:ignore*/;
            -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
            -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
            -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
            -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
            transform: translate(-50%, -50%) /*rtl:ignore*/;
            margin-left: 2px /*rtl:ignore*/; }
          .mosaic .newslist__mosaic-3x .article__xl .icon-play-button:hover, .mosaic .newslist__mosaic-3x .article__xl .countdown--overlay .countdown--icon .icon-play:hover, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-3x .article__xl .icon-play:hover, .mosaic .newslist__mosaic-3x .article__xl .icon-play-button:focus, .mosaic .newslist__mosaic-3x .article__xl .countdown--overlay .countdown--icon .icon-play:focus, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-3x .article__xl .icon-play:focus {
            border-color: #EE334E;
            background-color: #EE334E;
            color: #fff; }
          .mosaic .newslist__mosaic-3x .article__xl .icon-play-button:before, .mosaic .newslist__mosaic-3x .article__xl .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-3x .article__xl .icon-play:before {
            font-size: 18.75px; }
        .mosaic .newslist__mosaic-3x .article__xl .icon-z-podcast-icon {
          position: absolute;
          top: 50%;
          left: 50% /*rtl:ignore*/;
          -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
          transform: translate(-50%, -50%) /*rtl:ignore*/;
          border-radius: 100%;
          -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          line-height: 1;
          background-color: transparent;
          border: 5px solid #fff;
          -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
          -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
          z-index: 1;
          font-size: 45px;
          width: 45px;
          height: 45px;
          color: #fff;
          border-width: 3px; }
          .mosaic .newslist__mosaic-3x .article__xl .icon-z-podcast-icon:before {
            position: absolute;
            top: 50%;
            left: 50% /*rtl:ignore*/;
            -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
            -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
            -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
            -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
            transform: translate(-50%, -50%) /*rtl:ignore*/;
            margin-left: 2px /*rtl:ignore*/; }
          .mosaic .newslist__mosaic-3x .article__xl .icon-z-podcast-icon:hover, .mosaic .newslist__mosaic-3x .article__xl .icon-z-podcast-icon:focus {
            border-color: #EE334E;
            background-color: #EE334E;
            color: #fff; }
          .mosaic .newslist__mosaic-3x .article__xl .icon-z-podcast-icon:before {
            font-size: 18.75px; }
        .mosaic .newslist__mosaic-3x .article__xl .article--info {
          font-weight: bold;
          font-size: 13px;
          font-size: 0.8125rem;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 15px;
          margin: 5px 0; }
          .ko .mosaic .newslist__mosaic-3x .article__xl .article--info {
            font-size: 11px;
            font-size: 0.6875rem; }
          .ko .mosaic .newslist__mosaic-3x .article__xl .article--info,
          .zh .mosaic .newslist__mosaic-3x .article__xl .article--info {
            line-height: 17px; }
        .mosaic .newslist__mosaic-3x .article__xl:hover .article--img, .mosaic .newslist__mosaic-3x .article__xl:focus .article--img {
          position: relative; }
          .mosaic .newslist__mosaic-3x .article__xl:hover .article--img > picture img, .mosaic .newslist__mosaic-3x .article__xl:focus .article--img > picture img {
            -moz-transform: scale(1.1);
            -o-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
            -moz-transition: transform 0.3s ease-in-out;
            -o-transition: transform 0.3s ease-in-out;
            -ms-transition: transform 0.3s ease-in-out;
            -webkit-transition: transform 0.3s ease-in-out;
            transition: transform 0.3s ease-in-out; }
        .mosaic .newslist__mosaic-3x .article__xl .article--img {
          overflow: hidden; }
          .mosaic .newslist__mosaic-3x .article__xl .article--img > picture img {
            -moz-transform: scale(1);
            -o-transform: scale(1);
            -ms-transform: scale(1);
            -webkit-transform: scale(1);
            transform: scale(1);
            -moz-transition: transform 0.3s ease-in-out;
            -o-transition: transform 0.3s ease-in-out;
            -ms-transition: transform 0.3s ease-in-out;
            -webkit-transition: transform 0.3s ease-in-out;
            transition: transform 0.3s ease-in-out;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden; } }
      @media all and (max-width: 767.98px) and (-ms-high-contrast: none), (max-width: 767.98px) and (-ms-high-contrast: active) {
        .mosaic .newslist__mosaic-3x .article__xl .article--img > picture img {
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; } }
    @media (max-width: 767.98px) {
        .mosaic .newslist__mosaic-3x .article__xl:before {
          border: 1px solid transparent; }
        .mosaic .newslist__mosaic-3x .article__xl:hover:before, .mosaic .newslist__mosaic-3x .article__xl:focus:before {
          border: 1px solid #adb5bd; }
        .mosaic .newslist__mosaic-3x .article__xl:before {
          content: "";
          display: block;
          position: absolute;
          bottom: -1px;
          left: -1px;
          right: -1px;
          top: -1px;
          border: 1px solid rgba(173, 181, 189, 0.5);
          display: block; }
        .mosaic .newslist__mosaic-3x .article__xl:hover .icon-photogallery-icon, .mosaic .newslist__mosaic-3x .article__xl:focus .icon-photogallery-icon {
          border-color: #EE334E;
          background-color: #EE334E; }
        .mosaic .newslist__mosaic-3x .article__xl:hover .icon-play-button, .mosaic .newslist__mosaic-3x .article__xl:hover .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-3x .article__xl:hover .icon-play, .mosaic .newslist__mosaic-3x .article__xl:focus .icon-play-button, .mosaic .newslist__mosaic-3x .article__xl:focus .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-3x .article__xl:focus .icon-play {
          border-color: #EE334E;
          background-color: #EE334E; }
        .mosaic .newslist__mosaic-3x .article__xl:hover .icon-z-podcast-icon, .mosaic .newslist__mosaic-3x .article__xl:focus .icon-z-podcast-icon {
          border-color: #EE334E;
          background-color: #EE334E; }
        .mosaic .newslist__mosaic-3x .article__xl:hover .article--title > a, .mosaic .newslist__mosaic-3x .article__xl:focus .article--title > a {
          color: #0081C8; }
        .mosaic .newslist__mosaic-3x .article__xl .article--title {
          -moz-transition: color 0.3s ease;
          -o-transition: color 0.3s ease;
          -ms-transition: color 0.3s ease;
          -webkit-transition: color 0.3s ease;
          transition: color 0.3s ease;
          text-transform: uppercase;
          font-size: 20px;
          font-size: 1.25rem;
          font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 20px;
          margin: 0; }
          .ko .mosaic .newslist__mosaic-3x .article__xl .article--title {
            font-size: 18px;
            font-size: 1.125rem; }
          .ko .mosaic .newslist__mosaic-3x .article__xl .article--title,
          .zh .mosaic .newslist__mosaic-3x .article__xl .article--title {
            line-height: 22px; } }
    @media (max-width: 767.98px) and (min-width: 568px) {
      .mosaic .newslist__mosaic-3x .article__xl .article--title {
        font-size: 20px;
        font-size: 1.25rem;
        font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 20px; }
        .ko .mosaic .newslist__mosaic-3x .article__xl .article--title {
          font-size: 18px;
          font-size: 1.125rem; }
        .ko .mosaic .newslist__mosaic-3x .article__xl .article--title,
        .zh .mosaic .newslist__mosaic-3x .article__xl .article--title {
          line-height: 22px; } }
    @media (max-width: 767.98px) {
        .mosaic .newslist__mosaic-3x .article__xl .article--info__wrap {
          width: 100%; }
        .mosaic .newslist__mosaic-3x .article__xl .article--info {
          color: #0081C8;
          width: 100%;
          margin: 5px 0; }
        .mosaic .newslist__mosaic-3x .article__xl .article--img {
          flex: 0 0 auto; }
        .mosaic .newslist__mosaic-3x .article__xl .article--date {
          font-weight: bold;
          display: block;
          margin-top: .25rem;
          margin-bottom: .25rem;
          color: #878787;
          font-size: 13px;
          font-size: 0.8125rem;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 15px; }
          .ko .mosaic .newslist__mosaic-3x .article__xl .article--date {
            font-size: 11px;
            font-size: 0.6875rem; }
          .ko .mosaic .newslist__mosaic-3x .article__xl .article--date,
          .zh .mosaic .newslist__mosaic-3x .article__xl .article--date {
            line-height: 17px; }
        .mosaic .newslist__mosaic-3x .article__xl .article--content {
          min-height: 105px;
          color: rgba(45, 45, 45, 0.5);
          padding: 20px 10px;
          position: relative; } }
    @media (max-width: 767.98px) and (min-width: 768px) {
      .mosaic .newslist__mosaic-3x .article__xl .article--content {
        padding: 20px; } }
    @media (max-width: 767.98px) and (min-width: 992px) {
      .mosaic .newslist__mosaic-3x .article__xl .article--content {
        padding: 20px 25px; } }
    @media (max-width: 767.98px) {
        .mosaic .newslist__mosaic-3x .article__xl .article--summary {
          color: #2d2d2d;
          font-size: 16px;
          font-size: 1rem;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 21px; }
          .ko .mosaic .newslist__mosaic-3x .article__xl .article--summary {
            font-size: 14px;
            font-size: 0.875rem; }
          .ko .mosaic .newslist__mosaic-3x .article__xl .article--summary,
          .zh .mosaic .newslist__mosaic-3x .article__xl .article--summary {
            line-height: 23px; }
        .mosaic .newslist__mosaic-3x .article__xl .article--decoration {
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          display: block;
          height: 28px;
          background-image: url(/Images/Static/decoration/latest-news.jpg);
          background-position: 50% 50%;
          background-size: cover; }
        .mosaic .newslist__mosaic-3x .article__xl .article--partnership {
          text-align: center;
          margin-top: .25rem;
          margin-bottom: .25rem;
          position: absolute;
          bottom: 0;
          background: #2d2d2d;
          color: #fff;
          display: block;
          width: 100%; }
          .mosaic .newslist__mosaic-3x .article__xl .article--partnership > span {
            display: inline-block;
            vertical-align: middle;
            width: 46%;
            line-height: 16px; }
          .mosaic .newslist__mosaic-3x .article__xl .article--partnership .article--partnership-label {
            text-align: end;
            font-size: 11px;
            font-size: 0.6875rem;
            /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
            line-height: 15px; }
            .ko .mosaic .newslist__mosaic-3x .article__xl .article--partnership .article--partnership-label {
              font-size: 9px;
              font-size: 0.5625rem; }
            .ko .mosaic .newslist__mosaic-3x .article__xl .article--partnership .article--partnership-label,
            .zh .mosaic .newslist__mosaic-3x .article__xl .article--partnership .article--partnership-label {
              line-height: 17px; }
          .mosaic .newslist__mosaic-3x .article__xl .article--partnership .article--partnership-logo {
            text-align: start;
            margin-left: 10px; }
            .mosaic .newslist__mosaic-3x .article__xl .article--partnership .article--partnership-logo > img {
              max-width: 80%;
              line-height: 1; }
        .mosaic .newslist__mosaic-3x .article__xl .btn-play {
          position: absolute;
          top: 50%;
          left: 50% /*rtl:ignore*/;
          -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
          transform: translate(-50%, -50%) /*rtl:ignore*/; } }
    @media (min-width: 768px) {
      .mosaic .newslist__mosaic-3x .article__xl {
        background: #fff;
        overflow: hidden; }
        .mosaic .newslist__mosaic-3x .article__xl:hover .article--img, .mosaic .newslist__mosaic-3x .article__xl:focus .article--img {
          position: relative; }
          .mosaic .newslist__mosaic-3x .article__xl:hover .article--img > picture img, .mosaic .newslist__mosaic-3x .article__xl:focus .article--img > picture img {
            -moz-transform: scale(1.1);
            -o-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
            -moz-transition: transform 0.3s ease-in-out;
            -o-transition: transform 0.3s ease-in-out;
            -ms-transition: transform 0.3s ease-in-out;
            -webkit-transition: transform 0.3s ease-in-out;
            transition: transform 0.3s ease-in-out; }
        .mosaic .newslist__mosaic-3x .article__xl .article--img {
          overflow: hidden; }
          .mosaic .newslist__mosaic-3x .article__xl .article--img > picture img {
            -moz-transform: scale(1);
            -o-transform: scale(1);
            -ms-transform: scale(1);
            -webkit-transform: scale(1);
            transform: scale(1);
            -moz-transition: transform 0.3s ease-in-out;
            -o-transition: transform 0.3s ease-in-out;
            -ms-transition: transform 0.3s ease-in-out;
            -webkit-transition: transform 0.3s ease-in-out;
            transition: transform 0.3s ease-in-out;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden; } }
      @media all and (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) {
        .mosaic .newslist__mosaic-3x .article__xl .article--img > picture img {
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; } }
    @media (min-width: 768px) {
        .mosaic .newslist__mosaic-3x .article__xl:hover .icon-photogallery-icon, .mosaic .newslist__mosaic-3x .article__xl:focus .icon-photogallery-icon {
          position: absolute;
          top: 50%;
          left: 50% /*rtl:ignore*/;
          -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
          transform: translate(-50%, -50%) /*rtl:ignore*/;
          border-radius: 100%;
          -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          line-height: 1;
          background-color: #EE334E;
          border: 5px solid white;
          -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
          -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
          z-index: 1;
          font-size: 68px;
          width: 68px;
          height: 68px;
          color: white;
          border-color: #EE334E;
          left: 53% /*rtl:48%*/; }
          .mosaic .newslist__mosaic-3x .article__xl:hover .icon-photogallery-icon:before, .mosaic .newslist__mosaic-3x .article__xl:focus .icon-photogallery-icon:before {
            position: absolute;
            top: 50%;
            left: 50% /*rtl:ignore*/;
            -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
            -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
            -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
            -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
            transform: translate(-50%, -50%) /*rtl:ignore*/;
            margin-left: 0 /*rtl:ignore*/; }
          .mosaic .newslist__mosaic-3x .article__xl:hover .icon-photogallery-icon:hover, .mosaic .newslist__mosaic-3x .article__xl:hover .icon-photogallery-icon:focus, .mosaic .newslist__mosaic-3x .article__xl:focus .icon-photogallery-icon:hover, .mosaic .newslist__mosaic-3x .article__xl:focus .icon-photogallery-icon:focus {
            border-color: #EE334E;
            background-color: #EE334E;
            color: #fff; }
          .mosaic .newslist__mosaic-3x .article__xl:hover .icon-photogallery-icon:before, .mosaic .newslist__mosaic-3x .article__xl:focus .icon-photogallery-icon:before {
            font-size: 28.33333px; }
        .mosaic .newslist__mosaic-3x .article__xl:hover .icon-play-button, .mosaic .newslist__mosaic-3x .article__xl:hover .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-3x .article__xl:hover .icon-play, .mosaic .newslist__mosaic-3x .article__xl:focus .icon-play-button, .mosaic .newslist__mosaic-3x .article__xl:focus .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-3x .article__xl:focus .icon-play {
          position: absolute;
          top: 50%;
          left: 50% /*rtl:ignore*/;
          -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
          transform: translate(-50%, -50%) /*rtl:ignore*/;
          border-radius: 100%;
          -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          line-height: 1;
          background-color: #EE334E;
          border: 5px solid white;
          -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
          -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
          z-index: 1;
          font-size: 68px;
          width: 68px;
          height: 68px;
          color: white;
          border-color: #EE334E;
          left: 53% /*rtl:48%*/; }
          .mosaic .newslist__mosaic-3x .article__xl:hover .icon-play-button:before, .mosaic .newslist__mosaic-3x .article__xl:hover .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-3x .article__xl:hover .icon-play:before, .mosaic .newslist__mosaic-3x .article__xl:focus .icon-play-button:before, .mosaic .newslist__mosaic-3x .article__xl:focus .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-3x .article__xl:focus .icon-play:before {
            position: absolute;
            top: 50%;
            left: 50% /*rtl:ignore*/;
            -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
            -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
            -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
            -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
            transform: translate(-50%, -50%) /*rtl:ignore*/;
            margin-left: 2px /*rtl:ignore*/; }
          .mosaic .newslist__mosaic-3x .article__xl:hover .icon-play-button:hover, .mosaic .newslist__mosaic-3x .article__xl:hover .countdown--overlay .countdown--icon .icon-play:hover, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-3x .article__xl:hover .icon-play:hover, .mosaic .newslist__mosaic-3x .article__xl:hover .icon-play-button:focus, .mosaic .newslist__mosaic-3x .article__xl:hover .countdown--overlay .countdown--icon .icon-play:focus, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-3x .article__xl:hover .icon-play:focus, .mosaic .newslist__mosaic-3x .article__xl:focus .icon-play-button:hover, .mosaic .newslist__mosaic-3x .article__xl:focus .countdown--overlay .countdown--icon .icon-play:hover, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-3x .article__xl:focus .icon-play:hover, .mosaic .newslist__mosaic-3x .article__xl:focus .icon-play-button:focus, .mosaic .newslist__mosaic-3x .article__xl:focus .countdown--overlay .countdown--icon .icon-play:focus, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-3x .article__xl:focus .icon-play:focus {
            border-color: #EE334E;
            background-color: #EE334E;
            color: #fff; }
          .mosaic .newslist__mosaic-3x .article__xl:hover .icon-play-button:before, .mosaic .newslist__mosaic-3x .article__xl:hover .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-3x .article__xl:hover .icon-play:before, .mosaic .newslist__mosaic-3x .article__xl:focus .icon-play-button:before, .mosaic .newslist__mosaic-3x .article__xl:focus .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-3x .article__xl:focus .icon-play:before {
            font-size: 28.33333px; }
        .mosaic .newslist__mosaic-3x .article__xl:hover .icon-z-podcast-icon, .mosaic .newslist__mosaic-3x .article__xl:focus .icon-z-podcast-icon {
          position: absolute;
          top: 50%;
          left: 50% /*rtl:ignore*/;
          -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
          transform: translate(-50%, -50%) /*rtl:ignore*/;
          border-radius: 100%;
          -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          line-height: 1;
          background-color: #EE334E;
          border: 5px solid white;
          -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
          -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
          z-index: 1;
          font-size: 68px;
          width: 68px;
          height: 68px;
          color: white;
          border-color: #EE334E;
          left: 53% /*rtl:48%*/; }
          .mosaic .newslist__mosaic-3x .article__xl:hover .icon-z-podcast-icon:before, .mosaic .newslist__mosaic-3x .article__xl:focus .icon-z-podcast-icon:before {
            position: absolute;
            top: 50%;
            left: 50% /*rtl:ignore*/;
            -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
            -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
            -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
            -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
            transform: translate(-50%, -50%) /*rtl:ignore*/;
            margin-left: 2px /*rtl:ignore*/; }
          .mosaic .newslist__mosaic-3x .article__xl:hover .icon-z-podcast-icon:hover, .mosaic .newslist__mosaic-3x .article__xl:hover .icon-z-podcast-icon:focus, .mosaic .newslist__mosaic-3x .article__xl:focus .icon-z-podcast-icon:hover, .mosaic .newslist__mosaic-3x .article__xl:focus .icon-z-podcast-icon:focus {
            border-color: #EE334E;
            background-color: #EE334E;
            color: #fff; }
          .mosaic .newslist__mosaic-3x .article__xl:hover .icon-z-podcast-icon:before, .mosaic .newslist__mosaic-3x .article__xl:focus .icon-z-podcast-icon:before {
            font-size: 28.33333px; }
        .mosaic .newslist__mosaic-3x .article__xl .article--content {
          position: absolute;
          top: 0;
          bottom: 0;
          width: 55%;
          padding: 20px !important;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: none;
          flex-wrap: nowrap;
          -webkit-align-content: center;
          -ms-flex-line-pack: center;
          align-content: center;
          -webkit-box-direction: normal;
          -webkit-box-orient: vertical;
          -ms-flex-direction: column;
          -webkit-flex-direction: column;
          flex-direction: column;
          z-index: 3; }
          .mosaic .newslist__mosaic-3x .article__xl .article--content:before {
            content: "";
            display: block;
            position: absolute;
            top: 0px;
            bottom: 0;
            left: 5%;
            background: url(/images/static/decoration/mosaic_circle.png);
            background-repeat: no-repeat;
            width: 100%;
            z-index: -1;
            background-size: 100% 100%;
            background-position: 0 0;
            -moz-transform: scaleX(1) /*rtl:scaleX(-1)*/;
            -o-transform: scaleX(1) /*rtl:scaleX(-1)*/;
            -ms-transform: scaleX(1) /*rtl:scaleX(-1)*/;
            -webkit-transform: scaleX(1) /*rtl:scaleX(-1)*/;
            transform: scaleX(1) /*rtl:scaleX(-1)*/; }
        .mosaic .newslist__mosaic-3x .article__xl .article--title {
          font-size: 36px;
          font-size: 2.25rem;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 34px;
          font-weight: bold;
          width: 90%; }
          .ko .mosaic .newslist__mosaic-3x .article__xl .article--title {
            font-size: 34px;
            font-size: 2.125rem; }
          .ko .mosaic .newslist__mosaic-3x .article__xl .article--title,
          .zh .mosaic .newslist__mosaic-3x .article__xl .article--title {
            line-height: 36px; } }
    @media (min-width: 768px) and (min-width: 1200px) {
      .mosaic .newslist__mosaic-3x .article__xl .article--title {
        font-size: 46px;
        font-size: 2.875rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 44px;
        margin-top: 1rem;
        margin-bottom: 1rem; }
        .ko .mosaic .newslist__mosaic-3x .article__xl .article--title {
          font-size: 44px;
          font-size: 2.75rem; }
        .ko .mosaic .newslist__mosaic-3x .article__xl .article--title,
        .zh .mosaic .newslist__mosaic-3x .article__xl .article--title {
          line-height: 46px; } }
    @media (min-width: 768px) {
        .mosaic .newslist__mosaic-3x .article__xl .article--summary {
          max-width: 75%; } }
    @media (min-width: 768px) and (min-width: 1200px) {
      .mosaic .newslist__mosaic-3x .article__xl .article--summary {
        display: block; } }
    @media (min-width: 768px) {
        .mosaic .newslist__mosaic-3x .article__xl .icon-photogallery-icon {
          position: absolute;
          top: 50%;
          left: 50% /*rtl:ignore*/;
          -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
          transform: translate(-50%, -50%) /*rtl:ignore*/;
          border-radius: 100%;
          -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          line-height: 1;
          background-color: #fff;
          border: 5px solid #cfcfcf;
          -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
          -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
          z-index: 1;
          font-size: 68px;
          width: 68px;
          height: 68px;
          color: #cfcfcf;
          left: 53% /*rtl:48%*/;
          z-index: 4 !important; }
          .mosaic .newslist__mosaic-3x .article__xl .icon-photogallery-icon:before {
            position: absolute;
            top: 50%;
            left: 50% /*rtl:ignore*/;
            -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
            -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
            -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
            -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
            transform: translate(-50%, -50%) /*rtl:ignore*/;
            margin-left: 0 /*rtl:ignore*/; }
          .mosaic .newslist__mosaic-3x .article__xl .icon-photogallery-icon:hover, .mosaic .newslist__mosaic-3x .article__xl .icon-photogallery-icon:focus {
            border-color: #EE334E;
            background-color: #EE334E;
            color: #fff; }
          .mosaic .newslist__mosaic-3x .article__xl .icon-photogallery-icon:before {
            font-size: 28.33333px; }
        .mosaic .newslist__mosaic-3x .article__xl .icon-play-button, .mosaic .newslist__mosaic-3x .article__xl .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-3x .article__xl .icon-play {
          position: absolute;
          top: 50%;
          left: 50% /*rtl:ignore*/;
          -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
          transform: translate(-50%, -50%) /*rtl:ignore*/;
          border-radius: 100%;
          -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          line-height: 1;
          background-color: #fff;
          border: 5px solid #cfcfcf;
          -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
          -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
          z-index: 1;
          font-size: 68px;
          width: 68px;
          height: 68px;
          color: #cfcfcf;
          left: 53% /*rtl:48%*/;
          z-index: 4 !important; }
          .mosaic .newslist__mosaic-3x .article__xl .icon-play-button:before, .mosaic .newslist__mosaic-3x .article__xl .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-3x .article__xl .icon-play:before {
            position: absolute;
            top: 50%;
            left: 50% /*rtl:ignore*/;
            -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
            -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
            -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
            -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
            transform: translate(-50%, -50%) /*rtl:ignore*/;
            margin-left: 2px /*rtl:ignore*/; }
          .mosaic .newslist__mosaic-3x .article__xl .icon-play-button:hover, .mosaic .newslist__mosaic-3x .article__xl .countdown--overlay .countdown--icon .icon-play:hover, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-3x .article__xl .icon-play:hover, .mosaic .newslist__mosaic-3x .article__xl .icon-play-button:focus, .mosaic .newslist__mosaic-3x .article__xl .countdown--overlay .countdown--icon .icon-play:focus, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-3x .article__xl .icon-play:focus {
            border-color: #EE334E;
            background-color: #EE334E;
            color: #fff; }
          .mosaic .newslist__mosaic-3x .article__xl .icon-play-button:before, .mosaic .newslist__mosaic-3x .article__xl .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .mosaic .newslist__mosaic-3x .article__xl .icon-play:before {
            font-size: 28.33333px; }
        .mosaic .newslist__mosaic-3x .article__xl .icon-z-podcast-icon {
          position: absolute;
          top: 50%;
          left: 50% /*rtl:ignore*/;
          -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
          -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
          transform: translate(-50%, -50%) /*rtl:ignore*/;
          border-radius: 100%;
          -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
          line-height: 1;
          background-color: #fff;
          border: 5px solid #cfcfcf;
          -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
          -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
          z-index: 1;
          font-size: 68px;
          width: 68px;
          height: 68px;
          color: #cfcfcf;
          left: 53% /*rtl:48%*/;
          z-index: 4 !important; }
          .mosaic .newslist__mosaic-3x .article__xl .icon-z-podcast-icon:before {
            position: absolute;
            top: 50%;
            left: 50% /*rtl:ignore*/;
            -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
            -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
            -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
            -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
            transform: translate(-50%, -50%) /*rtl:ignore*/;
            margin-left: 2px /*rtl:ignore*/; }
          .mosaic .newslist__mosaic-3x .article__xl .icon-z-podcast-icon:hover, .mosaic .newslist__mosaic-3x .article__xl .icon-z-podcast-icon:focus {
            border-color: #EE334E;
            background-color: #EE334E;
            color: #fff; }
          .mosaic .newslist__mosaic-3x .article__xl .icon-z-podcast-icon:before {
            font-size: 28.33333px; }
        .mosaic .newslist__mosaic-3x .article__xl .article--label__live, .mosaic .newslist__mosaic-3x .article__xl .article--label__upcoming {
          font-family: "AktivGrotesk", Arial, Helvetica, sans-serif !important;
          left: auto;
          right: 0; }
        .mosaic .newslist__mosaic-3x .article__xl .article--img {
          z-index: -2;
          width: 68%;
          margin-right: 0;
          float: right;
          height: fit-content;
          height: -moz-fit-content; }
        .mosaic .newslist__mosaic-3x .article__xl .article--partnership-logo {
          display: block; } }
    @media (min-width: 768px) and (min-width: 992px) {
      .mosaic .newslist__mosaic-3x .article__xl .article--partnership-logo {
        max-width: 80px; } }
    @media (min-width: 768px) and (min-width: 1200px) {
      .mosaic .newslist__mosaic-3x .article__xl .article--partnership-logo {
        max-width: 100px; } }
  @media (min-width: 768px) and (max-width: 1199.98px) {
    .mosaic .newslist__mosaic-3x .article__xl .article--summary {
      display: none; } }
  .mosaic .promo__squared {
    background: #EE334E;
    color: #fff;
    height: 100%;
    position: relative;
    overflow: hidden;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    text-transform: uppercase;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center; }
    .mosaic .promo__squared:before {
      background-image: url(/images/static/decoration/Circle_2.png);
      background-repeat: no-repeat;
      background-size: 150%;
      background-position: 50% 50%;
      content: '';
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 0;
      opacity: 0.1;
      -moz-transition: transform 2s ease-in-out;
      -o-transition: transform 2s ease-in-out;
      -ms-transition: transform 2s ease-in-out;
      -webkit-transition: transform 2s ease-in-out;
      transition: transform 2s ease-in-out; }
    .mosaic .promo__squared .article--content {
      -webkit-align-content: center;
      -ms-flex-line-pack: center;
      align-content: center;
      -ms-flex-align: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      align-items: center;
      -ms-flex-pack: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      width: 100%; }
    .mosaic .promo__squared .article--title {
      font-size: 34px;
      font-size: 2.125rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 32px;
      color: #fff;
      padding: 0 15%;
      z-index: 1;
      margin: 0 auto;
      max-width: 100%;
      position: relative; }
      .ko .mosaic .promo__squared .article--title {
        font-size: 32px;
        font-size: 2rem; }
      .ko .mosaic .promo__squared .article--title,
      .zh .mosaic .promo__squared .article--title {
        line-height: 34px; }
      @media (min-width: 568px) {
        .mosaic .promo__squared .article--title {
          font-size: 64px;
          font-size: 4rem;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 56px;
          padding: 0 23%; }
          .ko .mosaic .promo__squared .article--title {
            font-size: 62px;
            font-size: 3.875rem; }
          .ko .mosaic .promo__squared .article--title,
          .zh .mosaic .promo__squared .article--title {
            line-height: 58px; } }
      .ko .mosaic .promo__squared .article--title,
      .ru .mosaic .promo__squared .article--title,
      .ja .mosaic .promo__squared .article--title {
        padding: 0 2%; }
        @media (min-width: 568px) {
          .ko .mosaic .promo__squared .article--title,
          .ru .mosaic .promo__squared .article--title,
          .ja .mosaic .promo__squared .article--title {
            padding: 0 8%; } }
        @media (min-width: 768px) {
          .ko .mosaic .promo__squared .article--title,
          .ru .mosaic .promo__squared .article--title,
          .ja .mosaic .promo__squared .article--title {
            padding: 0 15%; } }
        @media (min-width: 992px) {
          .ko .mosaic .promo__squared .article--title,
          .ru .mosaic .promo__squared .article--title,
          .ja .mosaic .promo__squared .article--title {
            padding: 0 2%; } }
        @media (min-width: 1200px) {
          .ko .mosaic .promo__squared .article--title,
          .ru .mosaic .promo__squared .article--title,
          .ja .mosaic .promo__squared .article--title {
            padding: 0 12%; } }
      .mosaic .promo__squared .article--title a {
        color: #fff;
        text-decoration: none; }

@media (min-width: 568px) {
  .section__mosaic-originals {
    margin-top: -90px; } }

@media (min-width: 768px) {
  .section__mosaic-originals {
    margin-top: -160px; } }

.section__mosaic-originals .section--header {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  color: #fff;
  background-color: #2d2d2d; }
  @media (min-width: 568px) {
    .section__mosaic-originals .section--header {
      background-color: transparent; } }
  .section__mosaic-originals .section--header .section--title {
    font-size: 24px;
    font-size: 1.5rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 28px;
    margin: 5px 0; }
    .ko .section__mosaic-originals .section--header .section--title {
      font-size: 22px;
      font-size: 1.375rem; }
    .ko .section__mosaic-originals .section--header .section--title,
    .zh .section__mosaic-originals .section--header .section--title {
      line-height: 30px; }

.section__mosaic-originals .sponsorship .sponsorship--label {
  font-size: 12px;
  font-size: 0.75rem;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 16px;
  margin-right: 10px; }
  .ko .section__mosaic-originals .sponsorship .sponsorship--label {
    font-size: 10px;
    font-size: 0.625rem; }
  .ko .section__mosaic-originals .sponsorship .sponsorship--label,
  .zh .section__mosaic-originals .sponsorship .sponsorship--label {
    line-height: 18px; }

.section__mosaic-originals .sponsorship .sponsorship--logo {
  display: inline-block;
  vertical-align: middle; }

.modal, .modal__gallery {
  background-color: #2d2d2d;
  color: #fff;
  position: fixed;
  z-index: 1030;
  right: 0;
  bottom: 0;
  left: 0;
  top: auto; }
  .modal .section--title, .modal__gallery .section--title {
    width: calc(100% - 50px);
    font-size: 29px;
    font-size: 1.8125rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 36px; }
    .ko .modal .section--title, .ko .modal__gallery .section--title {
      font-size: 27px;
      font-size: 1.6875rem; }
    .ko .modal .section--title, .ko .modal__gallery .section--title,
    .zh .modal .section--title,
    .zh .modal__gallery .section--title {
      line-height: 38px; }
    .modal .section--title:after, .modal__gallery .section--title:after {
      content: "";
      display: block;
      position: absolute;
      bottom: 15px;
      width: 32px;
      height: 2px;
      background-color: #fff; }
  .modal .icon-close-button, .modal__gallery .icon-close-button {
    color: #fff; }
  .modal .icon-close-button, .modal__gallery .icon-close-button {
    position: absolute;
    top: 0;
    right: 0; }
  .modal .btn-group, .modal__gallery .btn-group {
    display: inline-grid; }
    @media (min-width: 768px) {
      .modal .btn-group, .modal__gallery .btn-group {
        margin-top: 0 !important; } }
    @media (min-width: 992px) {
      .modal .btn-group, .modal__gallery .btn-group {
        display: inline-block; } }
  .modal .btn, .modal__gallery .btn {
    min-width: 200px;
    display: block; }
    @media (min-width: 768px) {
      .modal .btn, .modal__gallery .btn {
        display: inline-block; } }
  .modal .btn-primary, .modal__gallery .btn-primary, .modal .oc-header--body .oc-header--body__col-2 .section-sign-in .btn-login, .oc-header--body .oc-header--body__col-2 .section-sign-in .modal .btn-login, .modal__gallery .oc-header--body .oc-header--body__col-2 .section-sign-in .btn-login, .oc-header--body .oc-header--body__col-2 .section-sign-in .modal__gallery .btn-login, .modal .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .btn-login, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .modal .btn-login, .modal__gallery .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .btn-login, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .modal__gallery .btn-login, .modal .account .profile--data .btn-save, .account .profile--data .modal .btn-save, .modal__gallery .account .profile--data .btn-save, .account .profile--data .modal__gallery .btn-save {
    color: #212529;
    background-color: #fff;
    border-color: #fff;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
    .modal .btn-primary:hover, .modal__gallery .btn-primary:hover, .modal .oc-header--body .oc-header--body__col-2 .section-sign-in .btn-login:hover, .oc-header--body .oc-header--body__col-2 .section-sign-in .modal .btn-login:hover, .modal__gallery .oc-header--body .oc-header--body__col-2 .section-sign-in .btn-login:hover, .oc-header--body .oc-header--body__col-2 .section-sign-in .modal__gallery .btn-login:hover, .modal .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .btn-login:hover, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .modal .btn-login:hover, .modal__gallery .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .btn-login:hover, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .modal__gallery .btn-login:hover, .modal .account .profile--data .btn-save:hover, .account .profile--data .modal .btn-save:hover, .modal__gallery .account .profile--data .btn-save:hover, .account .profile--data .modal__gallery .btn-save:hover {
      color: #212529;
      background-color: #ececec;
      border-color: #e6e6e6; }
    .modal .btn-primary:focus, .modal__gallery .btn-primary:focus, .modal .oc-header--body .oc-header--body__col-2 .section-sign-in .btn-login:focus, .oc-header--body .oc-header--body__col-2 .section-sign-in .modal .btn-login:focus, .modal__gallery .oc-header--body .oc-header--body__col-2 .section-sign-in .btn-login:focus, .oc-header--body .oc-header--body__col-2 .section-sign-in .modal__gallery .btn-login:focus, .modal .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .btn-login:focus, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .modal .btn-login:focus, .modal__gallery .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .btn-login:focus, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .modal__gallery .btn-login:focus, .modal .account .profile--data .btn-save:focus, .account .profile--data .modal .btn-save:focus, .modal__gallery .account .profile--data .btn-save:focus, .account .profile--data .modal__gallery .btn-save:focus, .modal .btn-primary.focus, .modal__gallery .btn-primary.focus, .modal .oc-header--body .oc-header--body__col-2 .section-sign-in .focus.btn-login, .oc-header--body .oc-header--body__col-2 .section-sign-in .modal .focus.btn-login, .modal__gallery .oc-header--body .oc-header--body__col-2 .section-sign-in .focus.btn-login, .oc-header--body .oc-header--body__col-2 .section-sign-in .modal__gallery .focus.btn-login, .modal .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .focus.btn-login, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .modal .focus.btn-login, .modal__gallery .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .focus.btn-login, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .modal__gallery .focus.btn-login, .modal .account .profile--data .focus.btn-save, .account .profile--data .modal .focus.btn-save, .modal__gallery .account .profile--data .focus.btn-save, .account .profile--data .modal__gallery .focus.btn-save {
      box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
    .modal .btn-primary.disabled, .modal__gallery .btn-primary.disabled, .modal .oc-header--body .oc-header--body__col-2 .section-sign-in .disabled.btn-login, .oc-header--body .oc-header--body__col-2 .section-sign-in .modal .disabled.btn-login, .modal__gallery .oc-header--body .oc-header--body__col-2 .section-sign-in .disabled.btn-login, .oc-header--body .oc-header--body__col-2 .section-sign-in .modal__gallery .disabled.btn-login, .modal .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .disabled.btn-login, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .modal .disabled.btn-login, .modal__gallery .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .disabled.btn-login, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .modal__gallery .disabled.btn-login, .modal .account .profile--data .disabled.btn-save, .account .profile--data .modal .disabled.btn-save, .modal__gallery .account .profile--data .disabled.btn-save, .account .profile--data .modal__gallery .disabled.btn-save, .modal .btn-primary:disabled, .modal__gallery .btn-primary:disabled, .modal .oc-header--body .oc-header--body__col-2 .section-sign-in .btn-login:disabled, .oc-header--body .oc-header--body__col-2 .section-sign-in .modal .btn-login:disabled, .modal__gallery .oc-header--body .oc-header--body__col-2 .section-sign-in .btn-login:disabled, .oc-header--body .oc-header--body__col-2 .section-sign-in .modal__gallery .btn-login:disabled, .modal .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .btn-login:disabled, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .modal .btn-login:disabled, .modal__gallery .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .btn-login:disabled, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .modal__gallery .btn-login:disabled, .modal .account .profile--data .btn-save:disabled, .account .profile--data .modal .btn-save:disabled, .modal__gallery .account .profile--data .btn-save:disabled, .account .profile--data .modal__gallery .btn-save:disabled {
      color: #212529;
      background-color: #fff;
      border-color: #fff; }
    .modal .btn-primary:not(:disabled):not(.disabled):active, .modal__gallery .btn-primary:not(:disabled):not(.disabled):active, .modal .oc-header--body .oc-header--body__col-2 .section-sign-in .btn-login:not(:disabled):not(.disabled):active, .oc-header--body .oc-header--body__col-2 .section-sign-in .modal .btn-login:not(:disabled):not(.disabled):active, .modal__gallery .oc-header--body .oc-header--body__col-2 .section-sign-in .btn-login:not(:disabled):not(.disabled):active, .oc-header--body .oc-header--body__col-2 .section-sign-in .modal__gallery .btn-login:not(:disabled):not(.disabled):active, .modal .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .btn-login:not(:disabled):not(.disabled):active, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .modal .btn-login:not(:disabled):not(.disabled):active, .modal__gallery .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .btn-login:not(:disabled):not(.disabled):active, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .modal__gallery .btn-login:not(:disabled):not(.disabled):active, .modal .account .profile--data .btn-save:not(:disabled):not(.disabled):active, .account .profile--data .modal .btn-save:not(:disabled):not(.disabled):active, .modal__gallery .account .profile--data .btn-save:not(:disabled):not(.disabled):active, .account .profile--data .modal__gallery .btn-save:not(:disabled):not(.disabled):active, .modal .btn-primary:not(:disabled):not(.disabled).active, .modal__gallery .btn-primary:not(:disabled):not(.disabled).active, .modal .oc-header--body .oc-header--body__col-2 .section-sign-in .btn-login:not(:disabled):not(.disabled).active, .oc-header--body .oc-header--body__col-2 .section-sign-in .modal .btn-login:not(:disabled):not(.disabled).active, .modal__gallery .oc-header--body .oc-header--body__col-2 .section-sign-in .btn-login:not(:disabled):not(.disabled).active, .oc-header--body .oc-header--body__col-2 .section-sign-in .modal__gallery .btn-login:not(:disabled):not(.disabled).active, .modal .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .btn-login:not(:disabled):not(.disabled).active, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .modal .btn-login:not(:disabled):not(.disabled).active, .modal__gallery .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .btn-login:not(:disabled):not(.disabled).active, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .modal__gallery .btn-login:not(:disabled):not(.disabled).active, .modal .account .profile--data .btn-save:not(:disabled):not(.disabled).active, .account .profile--data .modal .btn-save:not(:disabled):not(.disabled).active, .modal__gallery .account .profile--data .btn-save:not(:disabled):not(.disabled).active, .account .profile--data .modal__gallery .btn-save:not(:disabled):not(.disabled).active,
    .show > .modal .btn-primary.dropdown-toggle,
    .show > .modal__gallery .btn-primary.dropdown-toggle,
    .show > .modal .oc-header--body .oc-header--body__col-2 .section-sign-in .dropdown-toggle.btn-login,
    .oc-header--body .oc-header--body__col-2 .section-sign-in .show > .modal .dropdown-toggle.btn-login,
    .show > .modal__gallery .oc-header--body .oc-header--body__col-2 .section-sign-in .dropdown-toggle.btn-login,
    .oc-header--body .oc-header--body__col-2 .section-sign-in .show > .modal__gallery .dropdown-toggle.btn-login,
    .show > .modal .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .dropdown-toggle.btn-login,
    .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .show > .modal .dropdown-toggle.btn-login,
    .show > .modal__gallery .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .dropdown-toggle.btn-login,
    .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .show > .modal__gallery .dropdown-toggle.btn-login,
    .show > .modal .account .profile--data .dropdown-toggle.btn-save,
    .account .profile--data .show > .modal .dropdown-toggle.btn-save,
    .show > .modal__gallery .account .profile--data .dropdown-toggle.btn-save,
    .account .profile--data .show > .modal__gallery .dropdown-toggle.btn-save {
      color: #212529;
      background-color: #d9d9d9;
      border-color: #e6e6e6; }
      .modal .btn-primary:not(:disabled):not(.disabled):active:focus, .modal__gallery .btn-primary:not(:disabled):not(.disabled):active:focus, .modal .oc-header--body .oc-header--body__col-2 .section-sign-in .btn-login:not(:disabled):not(.disabled):active:focus, .oc-header--body .oc-header--body__col-2 .section-sign-in .modal .btn-login:not(:disabled):not(.disabled):active:focus, .modal__gallery .oc-header--body .oc-header--body__col-2 .section-sign-in .btn-login:not(:disabled):not(.disabled):active:focus, .oc-header--body .oc-header--body__col-2 .section-sign-in .modal__gallery .btn-login:not(:disabled):not(.disabled):active:focus, .modal .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .btn-login:not(:disabled):not(.disabled):active:focus, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .modal .btn-login:not(:disabled):not(.disabled):active:focus, .modal__gallery .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .btn-login:not(:disabled):not(.disabled):active:focus, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .modal__gallery .btn-login:not(:disabled):not(.disabled):active:focus, .modal .account .profile--data .btn-save:not(:disabled):not(.disabled):active:focus, .account .profile--data .modal .btn-save:not(:disabled):not(.disabled):active:focus, .modal__gallery .account .profile--data .btn-save:not(:disabled):not(.disabled):active:focus, .account .profile--data .modal__gallery .btn-save:not(:disabled):not(.disabled):active:focus, .modal .btn-primary:not(:disabled):not(.disabled).active:focus, .modal__gallery .btn-primary:not(:disabled):not(.disabled).active:focus, .modal .oc-header--body .oc-header--body__col-2 .section-sign-in .btn-login:not(:disabled):not(.disabled).active:focus, .oc-header--body .oc-header--body__col-2 .section-sign-in .modal .btn-login:not(:disabled):not(.disabled).active:focus, .modal__gallery .oc-header--body .oc-header--body__col-2 .section-sign-in .btn-login:not(:disabled):not(.disabled).active:focus, .oc-header--body .oc-header--body__col-2 .section-sign-in .modal__gallery .btn-login:not(:disabled):not(.disabled).active:focus, .modal .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .btn-login:not(:disabled):not(.disabled).active:focus, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .modal .btn-login:not(:disabled):not(.disabled).active:focus, .modal__gallery .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .btn-login:not(:disabled):not(.disabled).active:focus, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .modal__gallery .btn-login:not(:disabled):not(.disabled).active:focus, .modal .account .profile--data .btn-save:not(:disabled):not(.disabled).active:focus, .account .profile--data .modal .btn-save:not(:disabled):not(.disabled).active:focus, .modal__gallery .account .profile--data .btn-save:not(:disabled):not(.disabled).active:focus, .account .profile--data .modal__gallery .btn-save:not(:disabled):not(.disabled).active:focus,
      .show > .modal .btn-primary.dropdown-toggle:focus,
      .show > .modal__gallery .btn-primary.dropdown-toggle:focus,
      .show > .modal .oc-header--body .oc-header--body__col-2 .section-sign-in .dropdown-toggle.btn-login:focus,
      .oc-header--body .oc-header--body__col-2 .section-sign-in .show > .modal .dropdown-toggle.btn-login:focus,
      .show > .modal__gallery .oc-header--body .oc-header--body__col-2 .section-sign-in .dropdown-toggle.btn-login:focus,
      .oc-header--body .oc-header--body__col-2 .section-sign-in .show > .modal__gallery .dropdown-toggle.btn-login:focus,
      .show > .modal .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .dropdown-toggle.btn-login:focus,
      .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .show > .modal .dropdown-toggle.btn-login:focus,
      .show > .modal__gallery .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .dropdown-toggle.btn-login:focus,
      .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .show > .modal__gallery .dropdown-toggle.btn-login:focus,
      .show > .modal .account .profile--data .dropdown-toggle.btn-save:focus,
      .account .profile--data .show > .modal .dropdown-toggle.btn-save:focus,
      .show > .modal__gallery .account .profile--data .dropdown-toggle.btn-save:focus,
      .account .profile--data .show > .modal__gallery .dropdown-toggle.btn-save:focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
  .modal .btn-secundary, .modal__gallery .btn-secundary {
    color: #fff;
    background-color: transparent;
    background-image: none;
    border-color: #fff; }
    .modal .btn-secundary:hover, .modal__gallery .btn-secundary:hover {
      color: #2d2d2d;
      background-color: #fff;
      border-color: #fff; }
    .modal .btn-secundary:focus, .modal__gallery .btn-secundary:focus, .modal .btn-secundary.focus, .modal__gallery .btn-secundary.focus {
      box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
    .modal .btn-secundary.disabled, .modal__gallery .btn-secundary.disabled, .modal .btn-secundary:disabled, .modal__gallery .btn-secundary:disabled {
      color: #fff;
      background-color: transparent; }
    .modal .btn-secundary:not(:disabled):not(.disabled):active, .modal__gallery .btn-secundary:not(:disabled):not(.disabled):active, .modal .btn-secundary:not(:disabled):not(.disabled).active, .modal__gallery .btn-secundary:not(:disabled):not(.disabled).active,
    .show > .modal .btn-secundary.dropdown-toggle,
    .show > .modal__gallery .btn-secundary.dropdown-toggle {
      color: #212529;
      background-color: #fff;
      border-color: #fff; }
      .modal .btn-secundary:not(:disabled):not(.disabled):active:focus, .modal__gallery .btn-secundary:not(:disabled):not(.disabled):active:focus, .modal .btn-secundary:not(:disabled):not(.disabled).active:focus, .modal__gallery .btn-secundary:not(:disabled):not(.disabled).active:focus,
      .show > .modal .btn-secundary.dropdown-toggle:focus,
      .show > .modal__gallery .btn-secundary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
  .modal .section--title, .modal__gallery .section--title {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 36px;
    font-size: 2.25rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif; }
    .ko .modal .section--title, .ko .modal__gallery .section--title {
      font-size: 34px;
      font-size: 2.125rem; }
    .ko .modal .section--title, .ko .modal__gallery .section--title,
    .zh .modal .section--title,
    .zh .modal__gallery .section--title {
      line-height: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif2px; }
    @media (min-width: 568px) {
      .modal .section--title, .modal__gallery .section--title {
        font-size: 38px;
        font-size: 2.375rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 42px; }
        .ko .modal .section--title, .ko .modal__gallery .section--title {
          font-size: 36px;
          font-size: 2.25rem; }
        .ko .modal .section--title, .ko .modal__gallery .section--title,
        .zh .modal .section--title,
        .zh .modal__gallery .section--title {
          line-height: 44px; } }
    @media (min-width: 992px) {
      .modal .section--title, .modal__gallery .section--title {
        font-size: 40px;
        font-size: 2.5rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 44px; }
        .ko .modal .section--title, .ko .modal__gallery .section--title {
          font-size: 38px;
          font-size: 2.375rem; }
        .ko .modal .section--title, .ko .modal__gallery .section--title,
        .zh .modal .section--title,
        .zh .modal__gallery .section--title {
          line-height: 46px; } }
    @media (min-width: 1200px) {
      .modal .section--title, .modal__gallery .section--title {
        font-size: 42px;
        font-size: 2.625rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 46px; }
        .ko .modal .section--title, .ko .modal__gallery .section--title {
          font-size: 40px;
          font-size: 2.5rem; }
        .ko .modal .section--title, .ko .modal__gallery .section--title,
        .zh .modal .section--title,
        .zh .modal__gallery .section--title {
          line-height: 48px; } }

.modal__mvpd {
  overflow: auto;
  background-color: #fff;
  color: #2d2d2d;
  position: fixed;
  z-index: 1030;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0; }
  .modal__mvpd .section--title {
    width: calc(100% - 50px);
    font-size: 29px;
    font-size: 1.8125rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 36px; }
    .ko .modal__mvpd .section--title {
      font-size: 27px;
      font-size: 1.6875rem; }
    .ko .modal__mvpd .section--title,
    .zh .modal__mvpd .section--title {
      line-height: 38px; }
    .modal__mvpd .section--title:after {
      content: "";
      display: block;
      position: absolute;
      bottom: 15px;
      width: 32px;
      height: 2px;
      background-color: #2d2d2d; }
  .modal__mvpd .icon-close-button {
    color: #2d2d2d; }
  .modal__mvpd .mvpd__all {
    display: none; }
    .modal__mvpd .mvpd__all .mvpd--list .list--item {
      -ms-flex-preferred-size: 100px;
      -webkit-flex-basis: 100px;
      flex-basis: 100px; }
  .modal__mvpd .mvpd--list .list--item {
    -ms-flex-preferred-size: 150px;
    -webkit-flex-basis: 150px;
    flex-basis: 150px; }
  .modal__mvpd .mvpd--frame-wrap {
    max-width: 600px;
    background: #fff;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50% /*rtl:ignore*/;
    -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
    transform: translate(-50%, -50%) /*rtl:ignore*/; }
    .modal__mvpd .mvpd--frame-wrap .icon-close-button {
      top: 15px; }
  .modal__mvpd .mvpd--frame {
    border: none;
    width: 100% !important;
    height: 100vh !important;
    padding: 15px 10px;
    margin: 0;
    position: relative;
    top: 30px; }
    @media (min-width: 768px) {
      .modal__mvpd .mvpd--frame {
        height: 74vh !important;
        padding: 30px; } }

.modal__gallery {
  overflow: auto;
  background-color: #fff;
  color: #2d2d2d;
  position: fixed;
  z-index: 1030;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0; }
  .modal__gallery .section--title {
    width: calc(100% - 50px);
    font-size: 29px;
    font-size: 1.8125rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 36px; }
    .ko .modal__gallery .section--title {
      font-size: 27px;
      font-size: 1.6875rem; }
    .ko .modal__gallery .section--title,
    .zh .modal__gallery .section--title {
      line-height: 38px; }
    .modal__gallery .section--title:after {
      content: "";
      display: block;
      position: absolute;
      bottom: 15px;
      width: 32px;
      height: 2px;
      background-color: #2d2d2d; }
  .modal__gallery .icon-close-button {
    color: #2d2d2d; }

@media (max-width: 767.98px) {
  .modal__cookieStickyPanel {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; } }

.modal__cookieStickyPanel .section--content {
  color: #878787; }
  .modal__cookieStickyPanel .section--content p {
    margin-bottom: .5rem;
    font-size: 14px;
    font-size: 0.875rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 16px; }
    .ko .modal__cookieStickyPanel .section--content p {
      font-size: 12px;
      font-size: 0.75rem; }
    .ko .modal__cookieStickyPanel .section--content p,
    .zh .modal__cookieStickyPanel .section--content p {
      line-height: 18px; }
    @media (min-width: 568px) {
      .modal__cookieStickyPanel .section--content p {
        font-size: 16px;
        font-size: 1rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 18px; }
        .ko .modal__cookieStickyPanel .section--content p {
          font-size: 14px;
          font-size: 0.875rem; }
        .ko .modal__cookieStickyPanel .section--content p,
        .zh .modal__cookieStickyPanel .section--content p {
          line-height: 20px; } }

.modal__cookieStickyPanel a {
  color: #fff;
  text-decoration: underline; }

.modal__cookieStickyPanel button {
  max-height: 50px; }

.series-navigation {
  height: 29px; }
  @media (max-width: 767.98px) {
    .series-navigation {
      height: 51px; } }
  .series-navigation .series-navigation__body {
    text-transform: uppercase;
    font-size: 13px;
    font-family: "AktivGrotesk", Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-bottom: 0;
    padding-bottom: 10px; }
    .series-navigation .series-navigation__body .series-navigation__item {
      color: #fff;
      margin-right: 2rem;
      margin-top: 18px;
      border-bottom: solid 2px transparent;
      opacity: 0.6;
      cursor: pointer;
      transition: border-color ease-out 300ms; }
      .series-navigation .series-navigation__body .series-navigation__item.active {
        opacity: 1;
        border-bottom: solid 2px #0081C8; }
        .series-navigation .series-navigation__body .series-navigation__item.active:hover {
          opacity: 1;
          color: #fff; }
      .series-navigation .series-navigation__body .series-navigation__item:hover {
        text-decoration: none;
        border-color: #0081C8; }

.newslist .newslist--item {
  margin-bottom: 1rem; }
  .newslist .newslist--item .vilynx_registered .redirectWrapper .redirectCenter {
    vertical-align: top;
    text-transform: uppercase;
    top: 10px;
    position: relative; }
    .newslist .newslist--item .vilynx_registered .redirectWrapper .redirectCenter .counter,
    .newslist .newslist--item .vilynx_registered .redirectWrapper .redirectCenter .text {
      display: inline-flex;
      font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif; }
    .newslist .newslist--item .vilynx_registered .redirectWrapper .redirectCenter .counter {
      padding-left: 5px; }

.newslist > .newslist--adv > div {
  background: #E7E7E7; }

.newslist.newslist__2x, .newslist.newslist__3x, .newslist.newslist__4x {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-preferred-size: 100%;
  -webkit-flex-basis: 100%;
  flex-basis: 100%; }

@media (min-width: 568px) {
  .newslist.newslist__2x .newslist--item {
    width: 49%;
    margin-left: 2%; }
    .newslist.newslist__2x .newslist--item:nth-child(2n + 1) {
      margin-left: 0; } }

.newslist__small .article, .newslist__small .article-page, .newslist__small .article-page__video, .newslist__small .article-page__story, .newslist__small .event, .newslist__small .epg,
.newslist__latest .article,
.newslist__latest .article-page,
.newslist__latest .article-page__video,
.newslist__latest .article-page__story,
.newslist__latest .event,
.newslist__latest .epg {
  -moz-transition: border 0.3s ease;
  -o-transition: border 0.3s ease;
  -ms-transition: border 0.3s ease;
  -webkit-transition: border 0.3s ease;
  transition: border 0.3s ease; }
  .newslist__small .article:before, .newslist__small .article-page:before, .newslist__small .article-page__video:before, .newslist__small .article-page__story:before, .newslist__small .event:before, .newslist__small .epg:before,
  .newslist__latest .article:before,
  .newslist__latest .article-page:before,
  .newslist__latest .article-page__video:before,
  .newslist__latest .article-page__story:before,
  .newslist__latest .event:before,
  .newslist__latest .epg:before {
    border: 1px solid transparent; }
  .newslist__small .article:hover:before, .newslist__small .article-page:hover:before, .newslist__small .article-page__video:hover:before, .newslist__small .article-page__story:hover:before, .newslist__small .event:hover:before, .newslist__small .epg:hover:before, .newslist__small .article:focus:before, .newslist__small .article-page:focus:before, .newslist__small .article-page__video:focus:before, .newslist__small .article-page__story:focus:before, .newslist__small .event:focus:before, .newslist__small .epg:focus:before,
  .newslist__latest .article:hover:before,
  .newslist__latest .article-page:hover:before,
  .newslist__latest .article-page__video:hover:before,
  .newslist__latest .article-page__story:hover:before,
  .newslist__latest .event:hover:before,
  .newslist__latest .epg:hover:before,
  .newslist__latest .article:focus:before,
  .newslist__latest .article-page:focus:before,
  .newslist__latest .article-page__video:focus:before,
  .newslist__latest .article-page__story:focus:before,
  .newslist__latest .event:focus:before,
  .newslist__latest .epg:focus:before {
    border: 1px solid #adb5bd; }

@media (min-width: 568px) and (max-width: 1199.98px) {
  .newslist__small .article__small .article--content, .newslist__small .article__event-small .article--content, .newslist__small .article__event-live-schedule-upcoming-carousel-small .article--content, .newslist__small .playlist .series .article--content, .playlist .newslist__small .series .article--content, .newslist__small .playlist .episodes .episodes-wrapper .episode .article--content, .playlist .episodes .episodes-wrapper .newslist__small .episode .article--content,
  .newslist__latest .article__small .article--content,
  .newslist__latest .article__event-small .article--content,
  .newslist__latest .article__event-live-schedule-upcoming-carousel-small .article--content,
  .newslist__latest .playlist .series .article--content,
  .playlist .newslist__latest .series .article--content,
  .newslist__latest .playlist .episodes .episodes-wrapper .episode .article--content,
  .playlist .episodes .episodes-wrapper .newslist__latest .episode .article--content {
    zoom: .85; } }

.newslist__3vod,
.newslist__2vod {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-preferred-size: 100%;
  -webkit-flex-basis: 100%;
  flex-basis: 100%; }
  .newslist__3vod .article--embed,
  .newslist__2vod .article--embed {
    min-width: 240px !important;
    height: 100%; }
  .newslist__3vod .article__base,
  .newslist__2vod .article__base {
    margin-right: 1px; }
  .newslist__3vod .article--video-wrap,
  .newslist__2vod .article--video-wrap {
    padding-top: 0;
    height: inherit; }
    .newslist__3vod .article--video-wrap .item,
    .newslist__3vod .article--video-wrap > div,
    .newslist__2vod .article--video-wrap .item,
    .newslist__2vod .article--video-wrap > div {
      height: inherit; }

.section .section--title {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 36px;
  font-size: 2.25rem;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
  text-transform: uppercase; }
  .ko .section .section--title {
    font-size: 34px;
    font-size: 2.125rem; }
  .ko .section .section--title,
  .zh .section .section--title {
    line-height: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif2px; }
  @media (min-width: 568px) {
    .section .section--title {
      font-size: 38px;
      font-size: 2.375rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 42px; }
      .ko .section .section--title {
        font-size: 36px;
        font-size: 2.25rem; }
      .ko .section .section--title,
      .zh .section .section--title {
        line-height: 44px; } }
  @media (min-width: 992px) {
    .section .section--title {
      font-size: 40px;
      font-size: 2.5rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 44px; }
      .ko .section .section--title {
        font-size: 38px;
        font-size: 2.375rem; }
      .ko .section .section--title,
      .zh .section .section--title {
        line-height: 46px; } }
  @media (min-width: 1200px) {
    .section .section--title {
      font-size: 42px;
      font-size: 2.625rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 46px; }
      .ko .section .section--title {
        font-size: 40px;
        font-size: 2.5rem; }
      .ko .section .section--title,
      .zh .section .section--title {
        line-height: 48px; } }

.oc-section, .section-page__live .section__linear-channel {
  display: inline-block;
  width: 100%; }
  .oc-section:before, .section-page__live .section__linear-channel:before, .oc-section:after, .section-page__live .section__linear-channel:after {
    content: " ";
    display: table; }
  .oc-section:after, .section-page__live .section__linear-channel:after {
    clear: both; }
  .oc-section:nth-child(even), .section-page__live .section__linear-channel:nth-child(even) {
    background-color: #fff;
    color: #2d2d2d; }
  .oc-section:nth-child(odd), .section-page__live .section__linear-channel:nth-child(odd) {
    background-color: #F0F0F0;
    color: #2d2d2d; }
  .oc-section .section--header, .section-page__live .section__linear-channel .section--header {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
    justify-content: space-between; }
  .oc-section .section--title, .section-page__live .section__linear-channel .section--title {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 36px;
    font-size: 2.25rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif; }
    .ko .oc-section .section--title, .ko .section-page__live .section__linear-channel .section--title, .section-page__live .ko .section__linear-channel .section--title {
      font-size: 34px;
      font-size: 2.125rem; }
    .ko .oc-section .section--title, .ko .section-page__live .section__linear-channel .section--title, .section-page__live .ko .section__linear-channel .section--title,
    .zh .oc-section .section--title,
    .zh .section-page__live .section__linear-channel .section--title,
    .section-page__live .zh .section__linear-channel .section--title {
      line-height: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif2px; }
    @media (min-width: 568px) {
      .oc-section .section--title, .section-page__live .section__linear-channel .section--title {
        font-size: 38px;
        font-size: 2.375rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 42px; }
        .ko .oc-section .section--title, .ko .section-page__live .section__linear-channel .section--title, .section-page__live .ko .section__linear-channel .section--title {
          font-size: 36px;
          font-size: 2.25rem; }
        .ko .oc-section .section--title, .ko .section-page__live .section__linear-channel .section--title, .section-page__live .ko .section__linear-channel .section--title,
        .zh .oc-section .section--title,
        .zh .section-page__live .section__linear-channel .section--title,
        .section-page__live .zh .section__linear-channel .section--title {
          line-height: 44px; } }
    @media (min-width: 992px) {
      .oc-section .section--title, .section-page__live .section__linear-channel .section--title {
        font-size: 40px;
        font-size: 2.5rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 44px; }
        .ko .oc-section .section--title, .ko .section-page__live .section__linear-channel .section--title, .section-page__live .ko .section__linear-channel .section--title {
          font-size: 38px;
          font-size: 2.375rem; }
        .ko .oc-section .section--title, .ko .section-page__live .section__linear-channel .section--title, .section-page__live .ko .section__linear-channel .section--title,
        .zh .oc-section .section--title,
        .zh .section-page__live .section__linear-channel .section--title,
        .section-page__live .zh .section__linear-channel .section--title {
          line-height: 46px; } }
    @media (min-width: 1200px) {
      .oc-section .section--title, .section-page__live .section__linear-channel .section--title {
        font-size: 42px;
        font-size: 2.625rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 46px; }
        .ko .oc-section .section--title, .ko .section-page__live .section__linear-channel .section--title, .section-page__live .ko .section__linear-channel .section--title {
          font-size: 40px;
          font-size: 2.5rem; }
        .ko .oc-section .section--title, .ko .section-page__live .section__linear-channel .section--title, .section-page__live .ko .section__linear-channel .section--title,
        .zh .oc-section .section--title,
        .zh .section-page__live .section__linear-channel .section--title,
        .section-page__live .zh .section__linear-channel .section--title {
          line-height: 48px; } }

section[class^='section-page'],
section[class*=' section-page'] {
  padding-bottom: 1rem; }
  @media (min-width: 992px) {
    section[class^='section-page'],
    section[class*=' section-page'] {
      padding-bottom: 3rem; } }
  section[class^='section-page'].section-page__header-dark .oc-lev-2-nav-wrapper,
  section[class*=' section-page'].section-page__header-dark .oc-lev-2-nav-wrapper {
    border-bottom: none;
    background-color: #F0F0F0; }
  section[class^='section-page'].section-page__header-dark .oc-lev-2-nav,
  section[class*=' section-page'].section-page__header-dark .oc-lev-2-nav {
    background-color: transparent;
    border-bottom: 1px solid #adb5bd; }
    @media (min-width: 992px) {
      section[class^='section-page'].section-page__header-dark .oc-lev-2-nav .nav,
      section[class*=' section-page'].section-page__header-dark .oc-lev-2-nav .nav {
        justify-content: flex-start; } }
    section[class^='section-page'].section-page__header-dark .oc-lev-2-nav .nav .nav-link:first-child,
    section[class*=' section-page'].section-page__header-dark .oc-lev-2-nav .nav .nav-link:first-child {
      padding-left: 0; }
    section[class^='section-page'].section-page__header-dark .oc-lev-2-nav .nav .nav-item.active .nav-link, section[class^='section-page'].section-page__header-dark .oc-lev-2-nav .nav .nav-item:focus .nav-link, section[class^='section-page'].section-page__header-dark .oc-lev-2-nav .nav .nav-item:hover .nav-link,
    section[class*=' section-page'].section-page__header-dark .oc-lev-2-nav .nav .nav-item.active .nav-link,
    section[class*=' section-page'].section-page__header-dark .oc-lev-2-nav .nav .nav-item:focus .nav-link,
    section[class*=' section-page'].section-page__header-dark .oc-lev-2-nav .nav .nav-item:hover .nav-link {
      color: #2d2d2d; }
      section[class^='section-page'].section-page__header-dark .oc-lev-2-nav .nav .nav-item.active .nav-link:before, section[class^='section-page'].section-page__header-dark .oc-lev-2-nav .nav .nav-item:focus .nav-link:before, section[class^='section-page'].section-page__header-dark .oc-lev-2-nav .nav .nav-item:hover .nav-link:before,
      section[class*=' section-page'].section-page__header-dark .oc-lev-2-nav .nav .nav-item.active .nav-link:before,
      section[class*=' section-page'].section-page__header-dark .oc-lev-2-nav .nav .nav-item:focus .nav-link:before,
      section[class*=' section-page'].section-page__header-dark .oc-lev-2-nav .nav .nav-item:hover .nav-link:before {
        opacity: 1;
        width: 100%; }
    section[class^='section-page'].section-page__header-dark .oc-lev-2-nav .nav .nav-item.active .nav-link,
    section[class*=' section-page'].section-page__header-dark .oc-lev-2-nav .nav .nav-item.active .nav-link {
      font-weight: bold; }
    section[class^='section-page'].section-page__header-dark .oc-lev-2-nav .nav .nav-item .nav-link,
    section[class*=' section-page'].section-page__header-dark .oc-lev-2-nav .nav .nav-item .nav-link {
      font-weight: 300; }
      section[class^='section-page'].section-page__header-dark .oc-lev-2-nav .nav .nav-item .nav-link:before,
      section[class*=' section-page'].section-page__header-dark .oc-lev-2-nav .nav .nav-item .nav-link:before {
        content: "";
        display: block;
        position: absolute;
        -moz-transition: width 0.2s ease-in-out;
        -o-transition: width 0.2s ease-in-out;
        -ms-transition: width 0.2s ease-in-out;
        -webkit-transition: width 0.2s ease-in-out;
        transition: width 0.2s ease-in-out;
        position: absolute;
        bottom: -16px;
        width: 0%;
        height: 3px;
        background-color: #0081C8;
        opacity: 0; }
  section[class^='section-page'].section-page__header-dark > .section--header,
  section[class*=' section-page'].section-page__header-dark > .section--header {
    background: #2d2d2d;
    color: #fff; }
    section[class^='section-page'].section-page__header-dark > .section--header .oc-lev-2-nav,
    section[class*=' section-page'].section-page__header-dark > .section--header .oc-lev-2-nav {
      background-color: transparent; }
      @media (min-width: 992px) {
        section[class^='section-page'].section-page__header-dark > .section--header .oc-lev-2-nav .nav,
        section[class*=' section-page'].section-page__header-dark > .section--header .oc-lev-2-nav .nav {
          justify-content: flex-start; } }
      section[class^='section-page'].section-page__header-dark > .section--header .oc-lev-2-nav .nav .nav-link:first-child,
      section[class*=' section-page'].section-page__header-dark > .section--header .oc-lev-2-nav .nav .nav-link:first-child {
        padding-left: 0; }
      section[class^='section-page'].section-page__header-dark > .section--header .oc-lev-2-nav .nav .nav-item.active .nav-link, section[class^='section-page'].section-page__header-dark > .section--header .oc-lev-2-nav .nav .nav-item:focus .nav-link, section[class^='section-page'].section-page__header-dark > .section--header .oc-lev-2-nav .nav .nav-item:hover .nav-link,
      section[class*=' section-page'].section-page__header-dark > .section--header .oc-lev-2-nav .nav .nav-item.active .nav-link,
      section[class*=' section-page'].section-page__header-dark > .section--header .oc-lev-2-nav .nav .nav-item:focus .nav-link,
      section[class*=' section-page'].section-page__header-dark > .section--header .oc-lev-2-nav .nav .nav-item:hover .nav-link {
        color: #2d2d2d; }
        section[class^='section-page'].section-page__header-dark > .section--header .oc-lev-2-nav .nav .nav-item.active .nav-link:before, section[class^='section-page'].section-page__header-dark > .section--header .oc-lev-2-nav .nav .nav-item:focus .nav-link:before, section[class^='section-page'].section-page__header-dark > .section--header .oc-lev-2-nav .nav .nav-item:hover .nav-link:before,
        section[class*=' section-page'].section-page__header-dark > .section--header .oc-lev-2-nav .nav .nav-item.active .nav-link:before,
        section[class*=' section-page'].section-page__header-dark > .section--header .oc-lev-2-nav .nav .nav-item:focus .nav-link:before,
        section[class*=' section-page'].section-page__header-dark > .section--header .oc-lev-2-nav .nav .nav-item:hover .nav-link:before {
          opacity: 1; }
      section[class^='section-page'].section-page__header-dark > .section--header .oc-lev-2-nav .nav .nav-item.active .nav-link,
      section[class*=' section-page'].section-page__header-dark > .section--header .oc-lev-2-nav .nav .nav-item.active .nav-link {
        font-weight: bold; }
      section[class^='section-page'].section-page__header-dark > .section--header .oc-lev-2-nav .nav .nav-item .nav-link:before,
      section[class*=' section-page'].section-page__header-dark > .section--header .oc-lev-2-nav .nav .nav-item .nav-link:before {
        content: "";
        display: block;
        position: absolute;
        position: absolute;
        bottom: -16px;
        width: 100%;
        height: 3px;
        background-color: #0081C8;
        opacity: 0; }
  section[class^='section-page'] .section--title,
  section[class*=' section-page'] .section--title {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 36px;
    font-size: 2.25rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif; }
    .ko section[class^='section-page'] .section--title, .ko
    section[class*=' section-page'] .section--title {
      font-size: 34px;
      font-size: 2.125rem; }
    .ko section[class^='section-page'] .section--title,
    .zh section[class^='section-page'] .section--title, .ko
    section[class*=' section-page'] .section--title,
    .zh
    section[class*=' section-page'] .section--title {
      line-height: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif2px; }
    @media (min-width: 568px) {
      section[class^='section-page'] .section--title,
      section[class*=' section-page'] .section--title {
        font-size: 38px;
        font-size: 2.375rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 42px; }
        .ko section[class^='section-page'] .section--title, .ko
        section[class*=' section-page'] .section--title {
          font-size: 36px;
          font-size: 2.25rem; }
        .ko section[class^='section-page'] .section--title,
        .zh section[class^='section-page'] .section--title, .ko
        section[class*=' section-page'] .section--title,
        .zh
        section[class*=' section-page'] .section--title {
          line-height: 44px; } }
    @media (min-width: 992px) {
      section[class^='section-page'] .section--title,
      section[class*=' section-page'] .section--title {
        font-size: 40px;
        font-size: 2.5rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 44px; }
        .ko section[class^='section-page'] .section--title, .ko
        section[class*=' section-page'] .section--title {
          font-size: 38px;
          font-size: 2.375rem; }
        .ko section[class^='section-page'] .section--title,
        .zh section[class^='section-page'] .section--title, .ko
        section[class*=' section-page'] .section--title,
        .zh
        section[class*=' section-page'] .section--title {
          line-height: 46px; } }
    @media (min-width: 1200px) {
      section[class^='section-page'] .section--title,
      section[class*=' section-page'] .section--title {
        font-size: 42px;
        font-size: 2.625rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 46px; }
        .ko section[class^='section-page'] .section--title, .ko
        section[class*=' section-page'] .section--title {
          font-size: 40px;
          font-size: 2.5rem; }
        .ko section[class^='section-page'] .section--title,
        .zh section[class^='section-page'] .section--title, .ko
        section[class*=' section-page'] .section--title,
        .zh
        section[class*=' section-page'] .section--title {
          line-height: 48px; } }

.oopadv .section-page__static .section--content {
  background: #fff;
  padding: 10px; }

.section-page__static .section--content h3, .section-page__static .section--content h4, .section-page__static .section--content h5 {
  color: #000;
  font-weight: bold;
  margin-top: 2rem; }

.section-page__static .section--content h2 {
  font-size: 36px;
  font-size: 2.25rem;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 40px;
  color: #000;
  font-weight: normal;
  margin-top: 2rem; }
  .ko .section-page__static .section--content h2 {
    font-size: 34px;
    font-size: 2.125rem; }
  .ko .section-page__static .section--content h2,
  .zh .section-page__static .section--content h2 {
    line-height: 42px; }
  @media (min-width: 568px) {
    .section-page__static .section--content h2 {
      font-size: 38px;
      font-size: 2.375rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 44px;
      margin-top: 3rem; }
      .ko .section-page__static .section--content h2 {
        font-size: 36px;
        font-size: 2.25rem; }
      .ko .section-page__static .section--content h2,
      .zh .section-page__static .section--content h2 {
        line-height: 46px; } }

.section-page__static .section--content h3 {
  font-size: 26px;
  font-size: 1.625rem;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 32px; }
  .ko .section-page__static .section--content h3 {
    font-size: 24px;
    font-size: 1.5rem; }
  .ko .section-page__static .section--content h3,
  .zh .section-page__static .section--content h3 {
    line-height: 34px; }
  @media (min-width: 568px) {
    .section-page__static .section--content h3 {
      font-size: 28px;
      font-size: 1.75rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 34px; }
      .ko .section-page__static .section--content h3 {
        font-size: 26px;
        font-size: 1.625rem; }
      .ko .section-page__static .section--content h3,
      .zh .section-page__static .section--content h3 {
        line-height: 36px; } }

.section-page__static .section--content h4, .section-page__static .section--content h5 {
  font-size: 20px;
  font-size: 1.25rem;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 22px; }
  .ko .section-page__static .section--content h4, .ko .section-page__static .section--content h5 {
    font-size: 18px;
    font-size: 1.125rem; }
  .ko .section-page__static .section--content h4,
  .zh .section-page__static .section--content h4, .ko .section-page__static .section--content h5,
  .zh .section-page__static .section--content h5 {
    line-height: 24px; }

.section-page__static .section--content p {
  margin-bottom: .5rem;
  text-align: justify; }
  .section-page__static .section--content p a {
    text-decoration: underline; }

.section-page__static .section--content ul, .section-page__static .section--content ol {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.section-page__static .section--content .article--embed {
  margin: 20px 0;
  clear: both;
  min-width: 300px; }
  .section-page__static .section--content .article--embed .article__base > a {
    text-decoration: none; }
  @media (min-width: 768px) {
    .section-page__static .section--content .article--embed {
      margin: 30px 0; } }
  .section-page__static .section--content .article--embed.embed__right {
    clear: right;
    margin-top: 0; }
    @media (min-width: 768px) {
      .section-page__static .section--content .article--embed.embed__right {
        width: 50%;
        float: right;
        margin: 10px 0 10px 20px; } }
  .section-page__static .section--content .article--embed.embed__left {
    clear: left;
    margin-top: 0; }
    @media (min-width: 768px) {
      .section-page__static .section--content .article--embed.embed__left {
        width: 50%;
        margin-right: 20px;
        float: left; } }
  .section-page__static .section--content .article--embed.article--embed__photo {
    position: relative; }
    .section-page__static .section--content .article--embed.article--embed__photo:before {
      content: "";
      display: block;
      position: absolute;
      bottom: -1px;
      left: -1px;
      right: -1px;
      top: -1px;
      border: 1px solid rgba(173, 181, 189, 0.5);
      display: block; }
    .section-page__static .section--content .article--embed.article--embed__photo .photo--title {
      padding: 20px 10px;
      text-transform: uppercase;
      font-size: 20px;
      font-size: 1.25rem;
      font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 20px; }
      .ko .section-page__static .section--content .article--embed.article--embed__photo .photo--title {
        font-size: 18px;
        font-size: 1.125rem; }
      .ko .section-page__static .section--content .article--embed.article--embed__photo .photo--title,
      .zh .section-page__static .section--content .article--embed.article--embed__photo .photo--title {
        line-height: 22px; }
      @media (min-width: 568px) {
        .section-page__static .section--content .article--embed.article--embed__photo .photo--title {
          font-size: 20px;
          font-size: 1.25rem;
          font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 20px; }
          .ko .section-page__static .section--content .article--embed.article--embed__photo .photo--title {
            font-size: 18px;
            font-size: 1.125rem; }
          .ko .section-page__static .section--content .article--embed.article--embed__photo .photo--title,
          .zh .section-page__static .section--content .article--embed.article--embed__photo .photo--title {
            line-height: 22px; } }
      @media (min-width: 768px) {
        .section-page__static .section--content .article--embed.article--embed__photo .photo--title {
          padding: 20px; } }
      @media (min-width: 992px) {
        .section-page__static .section--content .article--embed.article--embed__photo .photo--title {
          padding: 20px 25px; } }
    .section-page__static .section--content .article--embed.article--embed__photo .photo--desc {
      display: none;
      text-transform: none;
      margin-top: 3px; }
  .section-page__static .section--content .article--embed.article--embed__photogallery {
    width: 100%;
    display: inline-block;
    margin: 25px 0; }
  .section-page__static .section--content .article--embed.article--embed__athlete .medal-bar {
    width: 30px;
    margin-left: 10px; }
  .section-page__static .section--content .article--embed.article--embed__oembed.youtube .article--embed__oembed--wrap {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    position: relative; }
    .section-page__static .section--content .article--embed.article--embed__oembed.youtube .article--embed__oembed--wrap > iframe {
      width: 100% !important;
      height: 100% !important;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0; }
  @media (min-width: 768px) {
    .section-page__static .section--content .article--embed.article--embed__event .article, .section-page__static .section--content .article--embed.article--embed__event .article-page, .section-page__static .section--content .article--embed.article--embed__event .article-page__video, .section-page__static .section--content .article--embed.article--embed__event .article-page__story, .section-page__static .section--content .article--embed.article--embed__event .event, .section-page__static .section--content .article--embed.article--embed__event .epg {
      max-width: 430px;
      margin: auto; } }
  .section-page__static .section--content .article--embed.article--embed__event .article .article--content, .section-page__static .section--content .article--embed.article--embed__event .article-page .article--content, .section-page__static .section--content .article--embed.article--embed__event .article-page__video .article--content, .section-page__static .section--content .article--embed.article--embed__event .article-page__story .article--content, .section-page__static .section--content .article--embed.article--embed__event .event .article--content, .section-page__static .section--content .article--embed.article--embed__event .epg .article--content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; }
    .section-page__static .section--content .article--embed.article--embed__event .article .article--content > div:first-child, .section-page__static .section--content .article--embed.article--embed__event .article-page .article--content > div:first-child, .section-page__static .section--content .article--embed.article--embed__event .article-page__video .article--content > div:first-child, .section-page__static .section--content .article--embed.article--embed__event .article-page__story .article--content > div:first-child, .section-page__static .section--content .article--embed.article--embed__event .event .article--content > div:first-child, .section-page__static .section--content .article--embed.article--embed__event .epg .article--content > div:first-child {
      -ms-flex: 2;
      -webkit-box-flex: 2;
      -webkit-flex: 2;
      flex: 2; }
  .section-page__static .section--content .article--embed.article--embed__event .article .event--venue, .section-page__static .section--content .article--embed.article--embed__event .article-page .event--venue, .section-page__static .section--content .article--embed.article--embed__event .article-page__video .event--venue, .section-page__static .section--content .article--embed.article--embed__event .article-page__story .event--venue, .section-page__static .section--content .article--embed.article--embed__event .event .event--venue, .section-page__static .section--content .article--embed.article--embed__event .epg .event--venue {
    display: inline-block; }
  .section-page__static .section--content .article--embed.article--embed__event .article .article--association, .section-page__static .section--content .article--embed.article--embed__event .article-page .article--association, .section-page__static .section--content .article--embed.article--embed__event .article-page__video .article--association, .section-page__static .section--content .article--embed.article--embed__event .article-page__story .article--association, .section-page__static .section--content .article--embed.article--embed__event .event .article--association, .section-page__static .section--content .article--embed.article--embed__event .epg .article--association {
    height: 60px;
    width: 60px;
    text-align: right; }

.section__did-u-know {
  margin: 0 !important;
  background-color: #0081C8;
  color: #fff;
  position: relative;
  overflow: hidden;
  font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif; }
  .section__did-u-know:before {
    background-image: url(/images/static/decoration/Circle_1.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: fixed;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    opacity: 0.1;
    -moz-transition: transform 2s ease-in-out;
    -o-transition: transform 2s ease-in-out;
    -ms-transition: transform 2s ease-in-out;
    -webkit-transition: transform 2s ease-in-out;
    transition: transform 2s ease-in-out; }
  .section__did-u-know .section--title {
    position: relative;
    z-index: 2;
    font-size: 44px;
    font-size: 2.75rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 44px; }
    .ko .section__did-u-know .section--title {
      font-size: 42px;
      font-size: 2.625rem; }
    .ko .section__did-u-know .section--title,
    .zh .section__did-u-know .section--title {
      line-height: 46px; }
  .section__did-u-know .section--content {
    position: relative;
    z-index: 2;
    max-width: 80%;
    margin: auto;
    font-size: 24px;
    font-size: 1.5rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 26px; }
    .ko .section__did-u-know .section--content {
      font-size: 22px;
      font-size: 1.375rem; }
    .ko .section__did-u-know .section--content,
    .zh .section__did-u-know .section--content {
      line-height: 28px; }
    @media (min-width: 768px) {
      .section__did-u-know .section--content {
        font-size: 30px;
        font-size: 1.875rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 32px; }
        .ko .section__did-u-know .section--content {
          font-size: 28px;
          font-size: 1.75rem; }
        .ko .section__did-u-know .section--content,
        .zh .section__did-u-know .section--content {
          line-height: 34px; } }
    .section__did-u-know .section--content:after {
      content: "";
      width: 50px;
      height: 3px;
      display: table;
      background: #fff;
      margin: 30px auto 0; }

.section__featured-athlete .section--header {
  margin-bottom: 0 !important; }

.section__latest .newslist__2x .newslist--item:nth-child(2) .article--decoration,
.section__latest .newslist__2x .owl-item:nth-child(2) .article--decoration {
  background-image: url(/Images/Static/decoration/latest-news_2.jpg); }

.section__latest .newslist__2x .newslist--item:nth-child(3) .article--decoration,
.section__latest .newslist__2x .owl-item:nth-child(3) .article--decoration {
  background-image: url(/Images/Static/decoration/latest-news_3.jpg); }

.section__latest .newslist__2x .newslist--item:nth-child(4) .article--decoration,
.section__latest .newslist__2x .owl-item:nth-child(4) .article--decoration {
  background-image: url(/Images/Static/decoration/latest-news_4.jpg); }

.section__latest .article:before, .section__latest .article-page:before, .section__latest .article-page__video:before, .section__latest .article-page__story:before, .section__latest .event:before, .section__latest .epg:before {
  border-color: transparent; }

.section__latest .icon-photogallery-icon {
  position: absolute;
  top: 50%;
  left: 50% /*rtl:ignore*/;
  -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
  -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
  -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
  -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
  transform: translate(-50%, -50%) /*rtl:ignore*/;
  border-radius: 100%;
  -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
  line-height: 1;
  background-color: transparent;
  border: 5px solid #fff;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  z-index: 1;
  font-size: 45px;
  width: 45px;
  height: 45px;
  color: #fff;
  border-width: 3px; }
  .section__latest .icon-photogallery-icon:before {
    position: absolute;
    top: 50%;
    left: 50% /*rtl:ignore*/;
    -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
    transform: translate(-50%, -50%) /*rtl:ignore*/;
    margin-left: 0 /*rtl:ignore*/; }
  .section__latest .icon-photogallery-icon:hover, .section__latest .icon-photogallery-icon:focus {
    border-color: #EE334E;
    background-color: #EE334E;
    color: #fff; }
  .section__latest .icon-photogallery-icon:before {
    font-size: 18.75px; }

.section__latest .icon-play-button, .section__latest .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .section__latest .icon-play {
  position: absolute;
  top: 50%;
  left: 50% /*rtl:ignore*/;
  -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
  -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
  -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
  -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
  transform: translate(-50%, -50%) /*rtl:ignore*/;
  border-radius: 100%;
  -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
  line-height: 1;
  background-color: transparent;
  border: 5px solid #fff;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  z-index: 1;
  font-size: 45px;
  width: 45px;
  height: 45px;
  color: #fff;
  border-width: 3px; }
  .section__latest .icon-play-button:before, .section__latest .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .section__latest .icon-play:before {
    position: absolute;
    top: 50%;
    left: 50% /*rtl:ignore*/;
    -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
    transform: translate(-50%, -50%) /*rtl:ignore*/;
    margin-left: 2px /*rtl:ignore*/; }
  .section__latest .icon-play-button:hover, .section__latest .countdown--overlay .countdown--icon .icon-play:hover, .countdown--overlay .countdown--icon .section__latest .icon-play:hover, .section__latest .icon-play-button:focus, .section__latest .countdown--overlay .countdown--icon .icon-play:focus, .countdown--overlay .countdown--icon .section__latest .icon-play:focus {
    border-color: #EE334E;
    background-color: #EE334E;
    color: #fff; }
  .section__latest .icon-play-button:before, .section__latest .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .section__latest .icon-play:before {
    font-size: 18.75px; }

.section__latest .icon-z-podcast-icon {
  position: absolute;
  top: 50%;
  left: 50% /*rtl:ignore*/;
  -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
  -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
  -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
  -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
  transform: translate(-50%, -50%) /*rtl:ignore*/;
  border-radius: 100%;
  -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
  line-height: 1;
  background-color: transparent;
  border: 5px solid #fff;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  z-index: 1;
  font-size: 45px;
  width: 45px;
  height: 45px;
  color: #fff;
  border-width: 3px; }
  .section__latest .icon-z-podcast-icon:before {
    position: absolute;
    top: 50%;
    left: 50% /*rtl:ignore*/;
    -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
    transform: translate(-50%, -50%) /*rtl:ignore*/;
    margin-left: 2px /*rtl:ignore*/; }
  .section__latest .icon-z-podcast-icon:hover, .section__latest .icon-z-podcast-icon:focus {
    border-color: #EE334E;
    background-color: #EE334E;
    color: #fff; }
  .section__latest .icon-z-podcast-icon:before {
    font-size: 18.75px; }

.section__gallery .newslist {
  display: flex;
  flex-flow: row wrap; }

.section__gallery .article--counter-wrap {
  display: block;
  height: 0;
  padding-top: 100%;
  background-color: #009640;
  color: #fff;
  overflow: hidden;
  position: relative; }
  @media (min-width: 768px) {
    .section__gallery .article--counter-wrap {
      padding-top: 56.25%; }
      .section__gallery .article--counter-wrap:hover:after {
        bottom: 5%; }
      .section__gallery .article--counter-wrap:after {
        content: attr(title);
        display: block;
        text-transform: uppercase;
        bottom: -50%;
        -moz-transition: bottom 0.3s ease;
        -o-transition: bottom 0.3s ease;
        -ms-transition: bottom 0.3s ease;
        -webkit-transition: bottom 0.3s ease;
        transition: bottom 0.3s ease;
        position: absolute;
        left: 50% /*rtl:ignore*/;
        -moz-transform: translateX(-50%) /*rtl:ignore*/;
        -o-transform: translateX(-50%) /*rtl:ignore*/;
        -ms-transform: translateX(-50%) /*rtl:ignore*/;
        -webkit-transform: translateX(-50%) /*rtl:ignore*/;
        transform: translateX(-50%) /*rtl:ignore*/;
        font-size: 20px;
        font-size: 1.25rem;
        font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 20px; }
        .ko .section__gallery .article--counter-wrap:after {
          font-size: 18px;
          font-size: 1.125rem; }
        .ko .section__gallery .article--counter-wrap:after,
        .zh .section__gallery .article--counter-wrap:after {
          line-height: 22px; } }
  .section__gallery .article--counter-wrap .article--counter {
    position: absolute;
    top: 50%;
    left: 50% /*rtl:ignore*/;
    -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
    transform: translate(-50%, -50%) /*rtl:ignore*/;
    border-radius: 100%;
    font-size: 35px;
    font-size: 2.1875rem;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 92px;
    position: absolute;
    border: 1px solid #fff;
    width: 92px;
    height: 92px; }
    .ko .section__gallery .article--counter-wrap .article--counter {
      font-size: 33px;
      font-size: 2.0625rem; }
    .ko .section__gallery .article--counter-wrap .article--counter,
    .zh .section__gallery .article--counter-wrap .article--counter {
      line-height: 94px; }

.section__see-also .owl-carousel {
  min-height: 276px; }
  .section__see-also .owl-carousel .item {
    min-height: 276px; }
  .section__see-also .owl-carousel .adv-fluid {
    width: inherit;
    height: 100%; }
    .section__see-also .owl-carousel .adv-fluid > div {
      height: 100% !important; }
      .section__see-also .owl-carousel .adv-fluid > div > div {
        height: 100% !important; }
    @media (max-width: 767.98px) {
      .section__see-also .owl-carousel .adv-fluid:before {
        content: '';
        display: block;
        position: absolute;
        z-index: 99999;
        top: 0;
        left: 0;
        right: 0;
        height: 0;
        padding-bottom: 56.25%; } }
    .section__see-also .owl-carousel .adv-fluid iframe {
      position: relative;
      height: 100%;
      width: 100%; }

.section__my-channel .tag-list {
  display: none; }
  @media (min-width: 992px) {
    .section__my-channel .tag-list {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      width: calc(100% - 216px);
      margin: 0;
      white-space: nowrap;
      overflow: auto; } }
  .section__my-channel .tag-list li {
    margin: 15px 25px 15px 0; }
    .section__my-channel .tag-list li a {
      color: #2d2d2d;
      font-size: 20px;
      font-size: 1.25rem;
      font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 22px; }
      .ko .section__my-channel .tag-list li a {
        font-size: 18px;
        font-size: 1.125rem; }
      .ko .section__my-channel .tag-list li a,
      .zh .section__my-channel .tag-list li a {
        line-height: 24px; }
      .section__my-channel .tag-list li a:hover, .section__my-channel .tag-list li a:focus {
        color: #0081C8; }

.section__carousel--disc .article__vertical:hover .article--content, .section__carousel--disc .article__vertical:focus .article--content {
  padding: 10px 0; }

.section__carousel--disc .article__vertical:hover .article--title, .section__carousel--disc .article__vertical:focus .article--title {
  top: 0; }

.section__carousel--disc .article__vertical .article--title {
  top: -20px; }
  .section__carousel--disc .article__vertical .article--title > span {
    font-size: 38px;
    font-size: 2.375rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 52px;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    background-color: #EE334E;
    color: #fff;
    padding: 3px 0 0px;
    font-weight: normal; }
    .section__carousel--disc .article__vertical .article--title > span > span {
      -webkit-box-decoration-break: clone;
      -ms-box-decoration-break: clone;
      -o-box-decoration-break: clone;
      box-decoration-break: clone;
      display: inline;
      background: #000;
      color: #fff; }
    @media all and (-ms-high-contrast: none) {
      .section__carousel--disc .article__vertical .article--title > span {
        /* IE10 */
        /* IE11 */ }
        .section__carousel--disc .article__vertical .article--title > span span {
          background-color: #000;
          background-image: linear-gradient(to right, #000 0%, #000 100%); }
        .section__carousel--disc .article__vertical .article--title > span *::-ms-backdrop, .section__carousel--disc .article__vertical .article--title > span span {
          background-color: #000;
          background-image: linear-gradient(to right, #000 0%, #000 100%); } }
    .ko .section__carousel--disc .article__vertical .article--title > span {
      font-size: 36px;
      font-size: 2.25rem; }
    .ko .section__carousel--disc .article__vertical .article--title > span,
    .zh .section__carousel--disc .article__vertical .article--title > span {
      line-height: 54px; }

.section__favorited {
  padding: 2rem 0;
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%;
  height: 100%; }

.section__new-app {
  height: 100vh;
  padding: 0 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center; }
  .section__new-app:before {
    background-image: url(/images/static/decoration/Circle_2.svg);
    background-repeat: no-repeat;
    background-size: 250%;
    background-position: 50% 50%;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    opacity: 0.05; }
  .section__new-app .section--content {
    padding-bottom: 50px; }
  .section__new-app .section--footer {
    position: relative;
    width: 100%; }
    .section__new-app .section--footer .btn {
      width: 100%;
      max-width: 320px; }

@keyframes spinner-rotate {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transform-origin: 50% 50%; }
  100% {
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    transform-origin: 50% 50%; } }

.spinner {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  border: 0.25rem solid rgba(88, 157, 236, 0.2);
  border-top-color: #589dec;
  animation: spinner-rotate 1s infinite linear;
  border-style: double;
  display: inline-block;
  vertical-align: middle; }

.spinner-txt {
  position: relative;
  margin: 10px auto;
  width: 140px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  color: #9c9c9c;
  text-align: center; }

.ticker {
  background: #EE334E;
  color: #fff;
  border-color: #fff;
  min-height: 32px; }
  .ticker * {
    color: inherit !important;
    border-color: inherit !important;
    background-color: inherit !important; }
  .ticker .row, .ticker .account .profile--data.active, .account .ticker .profile--data.active {
    min-height: 38px; }
  .ticker .ticker--roofline,
  .ticker .ticker--title {
    text-transform: uppercase;
    font-weight: normal;
    margin: 0;
    font-size: 16px;
    font-size: 1rem;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 22px; }
    .ko .ticker .ticker--roofline, .ko
    .ticker .ticker--title {
      font-size: 14px;
      font-size: 0.875rem; }
    .ko .ticker .ticker--roofline,
    .zh .ticker .ticker--roofline, .ko
    .ticker .ticker--title,
    .zh
    .ticker .ticker--title {
      line-height: 24px; }
    @media (min-width: 768px) {
      .ticker .ticker--roofline,
      .ticker .ticker--title {
        font-size: 20px;
        font-size: 1.25rem;
        font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 23px; }
        .ko .ticker .ticker--roofline, .ko
        .ticker .ticker--title {
          font-size: 18px;
          font-size: 1.125rem; }
        .ko .ticker .ticker--roofline,
        .zh .ticker .ticker--roofline, .ko
        .ticker .ticker--title,
        .zh
        .ticker .ticker--title {
          line-height: 25px; } }
  .ticker .icon {
    transition: 100ms ease opacity; }
    .ticker .icon:hover, .ticker .icon:focus {
      opacity: 0.5; }
  @media (max-width: 767.98px) {
    .ticker .btn {
      font-size: 16px;
      font-size: 1rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 23px;
      padding: 0 .5rem; }
      .ko .ticker .btn {
        font-size: 14px;
        font-size: 0.875rem; }
      .ko .ticker .btn,
      .zh .ticker .btn {
        line-height: 25px; } }

.photogallery {
  margin-bottom: 200px; }
  .photogallery--wrap {
    position: relative; }
  .photogallery--header .icon {
    width: 40px;
    height: 40px;
    color: #fff;
    box-sizing: border-box;
    opacity: 1; }
    .photogallery--header .icon.icon-share {
      font-size: 27px;
      font-size: 1.6875rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 31px;
      -moz-transition: border-color, background-color 0.3s ease-in-out;
      -o-transition: border-color, background-color 0.3s ease-in-out;
      -ms-transition: border-color, background-color 0.3s ease-in-out;
      -webkit-transition: border-color, background-color 0.3s ease-in-out;
      transition: border-color, background-color 0.3s ease-in-out;
      outline: none; }
      .ko .photogallery--header .icon.icon-share {
        font-size: 25px;
        font-size: 1.5625rem; }
      .ko .photogallery--header .icon.icon-share,
      .zh .photogallery--header .icon.icon-share {
        line-height: 33px; }
    @media (min-width: 768px) {
      .photogallery--header .icon {
        font-size: 23px;
        font-size: 1.4375rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 27px;
        width: 50px;
        height: 50px;
        border-width: 3px; }
        .ko .photogallery--header .icon {
          font-size: 21px;
          font-size: 1.3125rem; }
        .ko .photogallery--header .icon,
        .zh .photogallery--header .icon {
          line-height: 29px; }
        .photogallery--header .icon.icon-share {
          font-size: 31px;
          font-size: 1.9375rem;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 35px; }
          .ko .photogallery--header .icon.icon-share {
            font-size: 29px;
            font-size: 1.8125rem; }
          .ko .photogallery--header .icon.icon-share,
          .zh .photogallery--header .icon.icon-share {
            line-height: 37px; } }
  .photogallery--header .icon-favorite {
    -moz-transition: border-color, background-color 0.3s ease-in-out;
    -o-transition: border-color, background-color 0.3s ease-in-out;
    -ms-transition: border-color, background-color 0.3s ease-in-out;
    -webkit-transition: border-color, background-color 0.3s ease-in-out;
    transition: border-color, background-color 0.3s ease-in-out;
    outline: none; }
    .photogallery--header .icon-favorite.active {
      background-color: #EE334E;
      border-color: #EE334E; }
  .photogallery--header .social-icons-container {
    vertical-align: top;
    margin: 0 5px;
    background-color: #fff;
    height: 40px;
    display: inline-block;
    border-radius: 20px;
    padding: 2px;
    position: absolute;
    width: 196px;
    right: calc(50% + 44px);
    z-index: 20; }
    @media (min-width: 768px) {
      .photogallery--header .social-icons-container {
        border-radius: 25px;
        padding: 5px;
        height: 50px;
        right: calc(50% + 60px);
        width: 222px; } }
    .photogallery--header .social-icons-container .social-button {
      display: inline-block;
      padding: 0;
      margin: 0;
      height: 36px;
      width: 36px; }
      @media (min-width: 768px) {
        .photogallery--header .social-icons-container .social-button {
          height: 40px;
          width: 40px; } }
      .photogallery--header .social-icons-container .social-button:not(:first-child) {
        margin-left: 3px; }
      .photogallery--header .social-icons-container .social-button svg {
        height: 36px;
        width: 36px; }
        .photogallery--header .social-icons-container .social-button svg path {
          -moz-transition: fill 0.3s ease-in-out;
          -o-transition: fill 0.3s ease-in-out;
          -ms-transition: fill 0.3s ease-in-out;
          -webkit-transition: fill 0.3s ease-in-out;
          transition: fill 0.3s ease-in-out; }
        .photogallery--header .social-icons-container .social-button svg:hover path:not(:first-child), .photogallery--header .social-icons-container .social-button svg:focus path:not(:first-child) {
          fill: #fff !important; }
        .photogallery--header .social-icons-container .social-button svg:hover path:first-child, .photogallery--header .social-icons-container .social-button svg:focus path:first-child {
          fill: #2d2d2d;
          stroke: #2d2d2d; }
        @media (min-width: 768px) {
          .photogallery--header .social-icons-container .social-button svg {
            height: auto;
            width: auto; } }
        .photogallery--header .social-icons-container .social-button svg.sharing-panel--icon__facebook path:not(:first-child) {
          fill: #3b5998; }
        .photogallery--header .social-icons-container .social-button svg.sharing-panel--icon__facebook:hover path:first-child, .photogallery--header .social-icons-container .social-button svg.sharing-panel--icon__facebook:focus path:first-child {
          fill: #3b5998;
          stroke: #3b5998; }
        .photogallery--header .social-icons-container .social-button svg.sharing-panel--icon__twitter:hover path:first-child, .photogallery--header .social-icons-container .social-button svg.sharing-panel--icon__twitter:focus path:first-child {
          fill: #1da1f2;
          stroke: #1da1f2; }
        .photogallery--header .social-icons-container .social-button svg.sharing-panel--icon__twitter path:not(:first-child) {
          fill: #1da1f2; }
        .photogallery--header .social-icons-container .social-button svg.sharing-panel--icon__vk path:not(:first-child) {
          fill: #6383a8; }
        .photogallery--header .social-icons-container .social-button svg.sharing-panel--icon__vk:hover path:first-child, .photogallery--header .social-icons-container .social-button svg.sharing-panel--icon__vk:focus path:first-child {
          fill: #6383a8;
          stroke: #6383a8; }
        .photogallery--header .social-icons-container .social-button svg.sharing-panel--icon__wechat path:not(:first-child) {
          fill: #2dc100; }
        .photogallery--header .social-icons-container .social-button svg.sharing-panel--icon__wechat:hover path:first-child, .photogallery--header .social-icons-container .social-button svg.sharing-panel--icon__wechat:focus path:first-child {
          fill: #2dc100;
          stroke: #2dc100; }
  .photogallery--header .social-icons-container {
    background-color: transparent; }
  .photogallery--header reactor {
    position: absolute;
    top: 0;
    right: 0; }
    .photogallery--header reactor .icon-share {
      outline: none; }
  .photogallery--header .icon-share {
    border-color: white;
    background-color: rgba(0, 0, 0, 0.5); }
  .photogallery--title {
    font-size: 26px;
    font-size: 1.625rem;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 28px;
    width: 85%;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 0.5em; }
    .ko .photogallery--title {
      font-size: 24px;
      font-size: 1.5rem; }
    .ko .photogallery--title,
    .zh .photogallery--title {
      line-height: 30px; }
  .photogallery--roofline {
    font-size: 12px;
    font-size: 0.75rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 13px;
    font-weight: bold; }
    .ko .photogallery--roofline {
      font-size: 10px;
      font-size: 0.625rem; }
    .ko .photogallery--roofline,
    .zh .photogallery--roofline {
      line-height: 15px; }
  .photogallery--roofline-title {
    text-transform: uppercase;
    padding-right: 3px;
    color: #0081C8; }
  .photogallery--roofline-title + .photogallery--roofline-sport {
    position: relative;
    padding-left: 5px;
    display: inline-block; }
    .photogallery--roofline-title + .photogallery--roofline-sport:before {
      content: "";
      display: block;
      position: absolute;
      width: 1px;
      top: 0;
      left: 0;
      height: 100%;
      background-color: #0081C8; }
  .photogallery--slider {
    position: relative; }
  .photogallery--caption {
    padding: 1em 0;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 18px; }
    .ko .photogallery--caption {
      font-size: 14px;
      font-size: 0.875rem; }
    .ko .photogallery--caption,
    .zh .photogallery--caption {
      line-height: 20px; }
  .photogallery--caption-album-title {
    font-size: 26px;
    font-size: 1.625rem;
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 28px;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 0.5em;
    position: absolute;
    top: 0;
    width: 100%;
    background-color: white;
    padding: 1em 0 0.3em 0.5em;
    display: none; }
    .ko .photogallery--caption-album-title {
      font-size: 24px;
      font-size: 1.5rem; }
    .ko .photogallery--caption-album-title,
    .zh .photogallery--caption-album-title {
      line-height: 30px; }
  .photogallery__fullscreen .photogallery--caption-album-title {
    display: none; }
  .photogallery--photo-title {
    font-size: 16px;
    font-size: 1rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 22px;
    font-weight: 700;
    text-transform: uppercase; }
    .ko .photogallery--photo-title {
      font-size: 14px;
      font-size: 0.875rem; }
    .ko .photogallery--photo-title,
    .zh .photogallery--photo-title {
      line-height: 24px; }
  .photogallery--photo-caption {
    font-size: 1em; }
  .photogallery__fullscreen .photogallery--photo-caption {
    margin-bottom: 1.5em; }
  .photogallery__fullscreen .photogallery__info-hidden .photogallery--caption-album-title,
  .photogallery__fullscreen .photogallery__info-hidden .photogallery--photo-title,
  .photogallery__fullscreen .photogallery__info-hidden .photogallery--photo-caption {
    display: none; }
  .photogallery--info-button {
    cursor: pointer;
    display: none;
    outline: none;
    padding: 0.5em 1.5em 0.5em 1em;
    border-radius: 3px;
    border: 2px solid #0081C8;
    color: #0081C8;
    font-weight: 700;
    background-color: rgba(255, 255, 255, 0.75);
    -moz-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
    -o-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
    -ms-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
    -webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
    position: absolute;
    left: 0.75em;
    bottom: 0.75em; }
    .photogallery--info-button:after {
      content: " -";
      position: absolute;
      padding-left: 0.4em; }
    .photogallery--info-button:hover {
      color: #06466D;
      border-color: #06466D;
      background-color: rgba(255, 255, 255, 0.9); }
    .photogallery--info-button:focus {
      outline: 0; }
  .photogallery__fullscreen .photogallery__info-hidden .photogallery--info-button {
    border: 2px solid grey;
    color: grey; }
    .photogallery__fullscreen .photogallery__info-hidden .photogallery--info-button:after {
      content: " +";
      bottom: 6px; }
    .photogallery__fullscreen .photogallery__info-hidden .photogallery--info-button:hover {
      border-color: #CFCFCF;
      color: #CFCFCF;
      border-color: #06466D;
      color: #06466D; }
  .photogallery__fullscreen .photogallery__info-hidden .rsGCaption {
    background-color: transparent; }
  .photogallery--photo-footer {
    text-align: center; }
  .photogallery--photo-counter-current {
    font-weight: bold; }
  .photogallery__fullscreen .photogallery__info-hidden .photogallery--photo-counter {
    display: none; }
  .photogallery--icon-container {
    position: absolute;
    top: 0;
    right: 0; }

.article--kind {
  text-transform: uppercase;
  padding-right: 3px; }

.rsFullscreen .photogallery--info-button {
  display: inline-block; }

.video-item-container {
  /*width: 70%;

    @include media-breakpoint-down(lg) {
        width: 60%;
    }*/
  width: calc(100% - 340px); }
  @media (max-width: 991.98px) {
    .video-item-container {
      width: 100%; } }

.video-detail-v2 {
  padding-top: 1rem; }
  @media (min-width: 992px) {
    .video-detail-v2 .playlist-container .playlist-inner-box .playlist-inner-box-y-overflow {
      overflow-x: hidden !important;
      overflow-y: auto !important;
      height: 505px; } }
  .video-detail-v2 .playlist-container .banner--options .icon {
    width: 40px;
    height: 40px;
    color: #fff;
    box-sizing: border-box;
    opacity: 1; }
    .video-detail-v2 .playlist-container .banner--options .icon.icon-share {
      font-size: 27px;
      font-size: 1.6875rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 31px;
      -moz-transition: border-color, background-color 0.3s ease-in-out;
      -o-transition: border-color, background-color 0.3s ease-in-out;
      -ms-transition: border-color, background-color 0.3s ease-in-out;
      -webkit-transition: border-color, background-color 0.3s ease-in-out;
      transition: border-color, background-color 0.3s ease-in-out;
      outline: none; }
      .ko .video-detail-v2 .playlist-container .banner--options .icon.icon-share {
        font-size: 25px;
        font-size: 1.5625rem; }
      .ko .video-detail-v2 .playlist-container .banner--options .icon.icon-share,
      .zh .video-detail-v2 .playlist-container .banner--options .icon.icon-share {
        line-height: 33px; }
    @media (min-width: 768px) {
      .video-detail-v2 .playlist-container .banner--options .icon {
        font-size: 23px;
        font-size: 1.4375rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 27px;
        width: 50px;
        height: 50px;
        border-width: 3px; }
        .ko .video-detail-v2 .playlist-container .banner--options .icon {
          font-size: 21px;
          font-size: 1.3125rem; }
        .ko .video-detail-v2 .playlist-container .banner--options .icon,
        .zh .video-detail-v2 .playlist-container .banner--options .icon {
          line-height: 29px; }
        .video-detail-v2 .playlist-container .banner--options .icon.icon-share {
          font-size: 31px;
          font-size: 1.9375rem;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 35px; }
          .ko .video-detail-v2 .playlist-container .banner--options .icon.icon-share {
            font-size: 29px;
            font-size: 1.8125rem; }
          .ko .video-detail-v2 .playlist-container .banner--options .icon.icon-share,
          .zh .video-detail-v2 .playlist-container .banner--options .icon.icon-share {
            line-height: 37px; } }
  .video-detail-v2 .playlist-container .banner--options .icon-favorite {
    -moz-transition: border-color, background-color 0.3s ease-in-out;
    -o-transition: border-color, background-color 0.3s ease-in-out;
    -ms-transition: border-color, background-color 0.3s ease-in-out;
    -webkit-transition: border-color, background-color 0.3s ease-in-out;
    transition: border-color, background-color 0.3s ease-in-out;
    outline: none; }
    .video-detail-v2 .playlist-container .banner--options .icon-favorite.active {
      background-color: #EE334E;
      border-color: #EE334E; }
  .video-detail-v2 .playlist-container .banner--options .social-icons-container {
    vertical-align: top;
    margin: 0 5px;
    background-color: #fff;
    height: 40px;
    display: inline-block;
    border-radius: 20px;
    padding: 2px;
    position: absolute;
    width: 196px;
    right: calc(50% + 44px);
    z-index: 20; }
    @media (min-width: 768px) {
      .video-detail-v2 .playlist-container .banner--options .social-icons-container {
        border-radius: 25px;
        padding: 5px;
        height: 50px;
        right: calc(50% + 60px);
        width: 222px; } }
    .video-detail-v2 .playlist-container .banner--options .social-icons-container .social-button {
      display: inline-block;
      padding: 0;
      margin: 0;
      height: 36px;
      width: 36px; }
      @media (min-width: 768px) {
        .video-detail-v2 .playlist-container .banner--options .social-icons-container .social-button {
          height: 40px;
          width: 40px; } }
      .video-detail-v2 .playlist-container .banner--options .social-icons-container .social-button:not(:first-child) {
        margin-left: 3px; }
      .video-detail-v2 .playlist-container .banner--options .social-icons-container .social-button svg {
        height: 36px;
        width: 36px; }
        .video-detail-v2 .playlist-container .banner--options .social-icons-container .social-button svg path {
          -moz-transition: fill 0.3s ease-in-out;
          -o-transition: fill 0.3s ease-in-out;
          -ms-transition: fill 0.3s ease-in-out;
          -webkit-transition: fill 0.3s ease-in-out;
          transition: fill 0.3s ease-in-out; }
        .video-detail-v2 .playlist-container .banner--options .social-icons-container .social-button svg:hover path:not(:first-child), .video-detail-v2 .playlist-container .banner--options .social-icons-container .social-button svg:focus path:not(:first-child) {
          fill: #fff !important; }
        .video-detail-v2 .playlist-container .banner--options .social-icons-container .social-button svg:hover path:first-child, .video-detail-v2 .playlist-container .banner--options .social-icons-container .social-button svg:focus path:first-child {
          fill: #2d2d2d;
          stroke: #2d2d2d; }
        @media (min-width: 768px) {
          .video-detail-v2 .playlist-container .banner--options .social-icons-container .social-button svg {
            height: auto;
            width: auto; } }
        .video-detail-v2 .playlist-container .banner--options .social-icons-container .social-button svg.sharing-panel--icon__facebook path:not(:first-child) {
          fill: #3b5998; }
        .video-detail-v2 .playlist-container .banner--options .social-icons-container .social-button svg.sharing-panel--icon__facebook:hover path:first-child, .video-detail-v2 .playlist-container .banner--options .social-icons-container .social-button svg.sharing-panel--icon__facebook:focus path:first-child {
          fill: #3b5998;
          stroke: #3b5998; }
        .video-detail-v2 .playlist-container .banner--options .social-icons-container .social-button svg.sharing-panel--icon__twitter:hover path:first-child, .video-detail-v2 .playlist-container .banner--options .social-icons-container .social-button svg.sharing-panel--icon__twitter:focus path:first-child {
          fill: #1da1f2;
          stroke: #1da1f2; }
        .video-detail-v2 .playlist-container .banner--options .social-icons-container .social-button svg.sharing-panel--icon__twitter path:not(:first-child) {
          fill: #1da1f2; }
        .video-detail-v2 .playlist-container .banner--options .social-icons-container .social-button svg.sharing-panel--icon__vk path:not(:first-child) {
          fill: #6383a8; }
        .video-detail-v2 .playlist-container .banner--options .social-icons-container .social-button svg.sharing-panel--icon__vk:hover path:first-child, .video-detail-v2 .playlist-container .banner--options .social-icons-container .social-button svg.sharing-panel--icon__vk:focus path:first-child {
          fill: #6383a8;
          stroke: #6383a8; }
        .video-detail-v2 .playlist-container .banner--options .social-icons-container .social-button svg.sharing-panel--icon__wechat path:not(:first-child) {
          fill: #2dc100; }
        .video-detail-v2 .playlist-container .banner--options .social-icons-container .social-button svg.sharing-panel--icon__wechat:hover path:first-child, .video-detail-v2 .playlist-container .banner--options .social-icons-container .social-button svg.sharing-panel--icon__wechat:focus path:first-child {
          fill: #2dc100;
          stroke: #2dc100; }
  .video-detail-v2 .playlist-container .banner--options .social-icons-container {
    position: relative;
    right: 0; }

@media (min-width: 992px) {
  .video-detail-v2 .playlist .episodes .episodes-wrapper .episode {
    width: 300px; } }

.playlist-container {
  width: 340px;
  padding: 0 1rem;
  /*width: 100%;
    padding: 0 1rem;

    @include media-breakpoint-up(lg) {
        width: 340px;
    }*/ }
  @media (max-width: 991.98px) {
    .playlist-container {
      width: 100%; } }
  .playlist-container .playlist-inner-box {
    background: #ffffff;
    position: relative; }
    .playlist-container .playlist-inner-box .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption.current {
      border: 3px solid #EE334E; }
    .playlist-container .playlist-inner-box .current .article--label, .playlist-container .playlist-inner-box .current .article--label__current,
    .playlist-container .playlist-inner-box .current .article--label__upcoming, .playlist-container .playlist-inner-box .current .article--label__highlight, .playlist-container .playlist-inner-box .current .article--label__duration, .playlist-container .playlist-inner-box .current .article--label__breaking, .playlist-container .playlist-inner-box .current .article--label__live {
      display: none; }
    .playlist-container .playlist-inner-box .mask {
      width: 100%;
      height: 10%;
      background: -moz-linear-gradient(top, rgba(240, 240, 240, 0) 0%, #f0f0f0 100%);
      background: -webkit-linear-gradient(top, rgba(240, 240, 240, 0) 0%, #f0f0f0 100%);
      background: linear-gradient(to bottom, rgba(240, 240, 240, 0) 0%, #f0f0f0 100%);
      position: absolute;
      bottom: 0px;
      z-index: 5; }
      @media (max-width: 991.98px) {
        .playlist-container .playlist-inner-box .mask {
          width: 50px;
          height: 100%;
          right: 0;
          background: -moz-linear-gradient(left, rgba(240, 240, 240, 0) 0%, #f0f0f0 100%);
          background: -webkit-linear-gradient(left, rgba(240, 240, 240, 0) 0%, #f0f0f0 100%);
          background: linear-gradient(to right, rgba(240, 240, 240, 0) 0%, #f0f0f0 100%); } }

.extras .playlist-container .playlist--main .roofline-container {
  display: none; }

.extras .playlist-container .playlist--episodes .episode--number {
  display: none; }

.sponsor-container {
  display: block; }
  @media (min-width: 992px) {
    .sponsor-container {
      display: none; } }

.sponsor-container-right-column {
  display: none; }
  @media (min-width: 992px) {
    .sponsor-container-right-column {
      display: block; } }

.sponsor-wrapper {
  display: inline-flex;
  padding: .5rem 0; }

.sponsor-label {
  display: flex;
  align-items: center;
  margin-right: 0.8rem;
  font-size: 0.75rem;
  line-height: 14px; }

.sponsor-logo {
  display: inline;
  width: 150px;
  height: 32px; }
  .sponsor-logo div {
    display: inline; }

.video-v2-advert-container {
  background: #dedede;
  padding-top: 15px; }

.video-player-container {
  margin-bottom: 1rem; }
  .video-player-container img {
    max-width: 100%; }

.roofline-container {
  font-size: 0.875rem;
  line-height: 18px;
  font-weight: bold;
  color: #0081C8;
  margin-bottom: 1rem; }

.roofline-kind,
a.roofline-kind {
  text-transform: uppercase;
  padding-right: 0.6rem;
  text-decoration: none;
  margin-bottom: 0.5rem; }
  .roofline-kind + .roofline-info,
  .roofline-kind + a.roofline-info,
  a.roofline-kind + .roofline-info,
  a.roofline-kind + a.roofline-info {
    position: relative;
    padding-left: 0.6rem;
    display: inline-block; }
    .roofline-kind + .roofline-info:before,
    .roofline-kind + a.roofline-info:before,
    a.roofline-kind + .roofline-info:before,
    a.roofline-kind + a.roofline-info:before {
      content: "";
      display: block;
      position: absolute;
      width: 1px;
      top: 0;
      left: 0;
      height: 100%;
      background-color: #0081C8; }

#article-body-description {
  margin-bottom: 1rem; }

.video-item-thumb {
  height: 143px;
  width: 85px;
  flex-basis: 85px;
  box-sizing: content-box; }
  .video-item-thumb img {
    width: 100%; }
  @media (max-width: 991.98px) {
    .video-item-thumb {
      display: none; } }
  @media (max-width: 1199.98px) {
    .video-item-thumb {
      margin-right: 0; } }

.caret-text {
  font-size: .8rem;
  line-height: 2rem; }

.leftside-text-caret {
  vertical-align: middle;
  margin-left: 0.5rem;
  display: inline-flex;
  width: 90px;
  justify-content: space-between; }
  .leftside-text-caret:hover {
    text-decoration: none; }

.video-tags {
  text-transform: uppercase;
  width: 100%; }
  .video-tags .list-item {
    display: inline-flex;
    color: #fff;
    background-color: #000;
    font-weight: bold;
    font-size: 12px;
    font-size: 0.75rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 16px;
    -moz-transition: background-color 0.2s ease;
    -o-transition: background-color 0.2s ease;
    -ms-transition: background-color 0.2s ease;
    -webkit-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
    padding: .5rem .5rem .25rem;
    margin-bottom: .5rem;
    margin-right: .5rem; }
    .ko .video-tags .list-item {
      font-size: 10px;
      font-size: 0.625rem; }
    .ko .video-tags .list-item,
    .zh .video-tags .list-item {
      line-height: 18px; }
    .video-tags .list-item:hover, .video-tags .list-item:focus {
      color: #fff;
      background-color: #0081C8; }
    .video-tags .list-item > a, .video-tags .list-item span {
      color: #fff; }

.icon-play {
  background: none !important;
  border: 0 !important;
  cursor: pointer !important; }

.playlist-inner-box {
  height: auto;
  overflow-x: auto;
  overflow-y: auto;
  margin-bottom: 0; }
  @media (min-width: 992px) {
    .playlist-inner-box {
      height: 505px;
      margin-bottom: 1rem;
      overflow-x: hidden;
      overflow-y: auto; } }
  .playlist-inner-box div {
    overflow: hidden !important; }

.playlist-carousel {
  border-bottom: 0 !important; }
  .playlist-carousel .playlist--main + .playlist--episodes {
    border-left: 0 !important;
    margin-bottom: 1rem; }
  .playlist-carousel .owl-item {
    display: inline-flex;
    max-width: 260px !important;
    max-height: 120px !important; }
    .playlist-carousel .owl-item .episode {
      width: 260px !important; }
  @media (min-width: 992px) {
    .playlist-carousel {
      display: block !important; }
      .playlist-carousel .episodes-wrapper,
      .playlist-carousel .playlist--episodes {
        display: block !important;
        width: 320px !important; }
      .playlist-carousel .playlist--episodes {
        padding-left: 0 !important; }
      .playlist-carousel .episode {
        margin-bottom: 1rem !important; } }
  .playlist-carousel .roofline-kind {
    color: #000000; }
  .playlist-carousel .roofline-info {
    color: #878787; }

.syndicated.row, .account .syndicated.profile--data.active {
  margin-right: 0;
  margin-left: 0; }

.syndicated .player-container {
  width: 100%; }
  @media screen and (min-width: 960px) {
    .syndicated .player-container {
      width: calc(100vw - 310px); } }

.syndicated .playlist:not(.playlist-container) {
  border: 0 !important; }

.syndicated .playlist {
  padding-top: 15px;
  padding-bottom: 15px; }

.syndicated .playlist-container {
  width: 100%;
  padding: 0 15px; }
  @media screen and (min-width: 960px) {
    .syndicated .playlist-container {
      width: 310px;
      height: calc((100vw - 310px) * 0.5625);
      flex-flow: row nowrap; }
      .syndicated .playlist-container #syndicated-playlist-vertical {
        display: block !important;
        height: 100%; }
      .syndicated .playlist-container #syndicated-playlist-horizontal {
        display: none; } }
  @media screen and (max-width: 959.9px) {
    .syndicated .playlist-container {
      width: 100%;
      height: auto; }
      .syndicated .playlist-container #syndicated-playlist-vertical {
        display: none; }
      .syndicated .playlist-container #syndicated-playlist-horizontal {
        display: block !important;
        margin-bottom: 0;
        padding: 10px 20px; }
        .syndicated .playlist-container #syndicated-playlist-horizontal .episode {
          width: 300px;
          margin-bottom: 0; }
          .syndicated .playlist-container #syndicated-playlist-horizontal .episode .article--content {
            width: 60%; }
        .syndicated .playlist-container #syndicated-playlist-horizontal .owl-next {
          display: block !important;
          right: 0;
          z-index: 6;
          font-size: 50px !important;
          font-size: 3.125rem !important; }
          .syndicated .playlist-container #syndicated-playlist-horizontal .owl-next.disabled {
            display: none !important; }
        .syndicated .playlist-container #syndicated-playlist-horizontal .owl-prev {
          display: block !important;
          left: 0;
          z-index: 6;
          font-size: 50px !important;
          font-size: 3.125rem !important; }
          .syndicated .playlist-container #syndicated-playlist-horizontal .owl-prev.disabled {
            display: none !important; } }
  .syndicated .playlist-container .playlist--episodes {
    height: 100%; }
    .syndicated .playlist-container .playlist--episodes .episodes {
      overflow-y: auto;
      height: 100%;
      z-index: 1; }
      @media screen and (max-width: 959.9px) {
        .syndicated .playlist-container .playlist--episodes .episodes {
          overflow-y: hidden; } }
      .syndicated .playlist-container .playlist--episodes .episodes .episodes-wrapper .episode--link .episode {
        min-width: unset;
        width: 100%;
        margin-bottom: 10px; }
        .syndicated .playlist-container .playlist--episodes .episodes .episodes-wrapper .episode--link .episode .article--duration {
          position: absolute;
          bottom: 0;
          left: 0;
          background: #2d2d2d;
          font-weight: bold;
          color: #fff;
          font-size: 0.75rem;
          line-height: 14px;
          padding: 4px 0.5rem; }
        .syndicated .playlist-container .playlist--episodes .episodes .episodes-wrapper .episode--link .episode .article--content {
          -webkit-box-align: start;
          -webkit-align-items: start;
          align-items: start;
          padding-top: 10px; }
          .syndicated .playlist-container .playlist--episodes .episodes .episodes-wrapper .episode--link .episode .article--content .info-links {
            color: #0081C8;
            font-weight: bold;
            text-transform: uppercase; }
          .syndicated .playlist-container .playlist--episodes .episodes .episodes-wrapper .episode--link .episode .article--content .info-title {
            font-weight: bold;
            color: #2d2d2d;
            font-size: 14px; }
    .syndicated .playlist-container .playlist--episodes .mask {
      width: calc(100% - 17px);
      height: 10%;
      background: -moz-linear-gradient(top, rgba(240, 240, 240, 0) 0, #f0f0f0 100%);
      background: -webkit-linear-gradient(top, rgba(240, 240, 240, 0) 0, #f0f0f0 100%);
      background: linear-gradient(to bottom, rgba(240, 240, 240, 0) 0, #f0f0f0 100%);
      position: absolute;
      bottom: 0;
      z-index: 5; }
      @media screen and (max-width: 959.9px) {
        .syndicated .playlist-container .playlist--episodes .mask {
          display: block !important;
          height: 100%;
          width: 50px; }
          .syndicated .playlist-container .playlist--episodes .mask.hidden-mask {
            display: none !important; }
          .syndicated .playlist-container .playlist--episodes .mask.right-mask {
            right: 0;
            background: -moz-linear-gradient(left, rgba(240, 240, 240, 0) 0, #f0f0f0 100%);
            background: -webkit-linear-gradient(left, rgba(240, 240, 240, 0) 0, #f0f0f0 100%);
            background: linear-gradient(to right, rgba(240, 240, 240, 0) 0, #f0f0f0 100%); }
          .syndicated .playlist-container .playlist--episodes .mask.left-mask {
            left: 0;
            background: -moz-linear-gradient(right, rgba(240, 240, 240, 0) 0, #f0f0f0 100%);
            background: -webkit-linear-gradient(right, rgba(240, 240, 240, 0) 0, #f0f0f0 100%);
            background: linear-gradient(to left, rgba(240, 240, 240, 0) 0, #f0f0f0 100%); } }

.radio-button.radio-button--container {
  display: inline-block;
  position: relative;
  padding-left: 1.75rem;
  cursor: pointer;
  user-select: none;
  margin-right: 1.5rem; }

label.radio-button {
  font-size: 0.85rem;
  color: #868e96;
  vertical-align: top;
  font-family: Arial;
  text-transform: none;
  font-weight: normal; }

/* Hide the browser's default radio button */
.radio-button--container input {
  position: absolute;
  opacity: 0;
  cursor: pointer; }

/* Create a custom radio button */
.radio-button--checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #868e96; }

/* On mouse-over, add a grey background color */
.radio-button--container:hover input ~ .radio-button--checkmark {
  background-color: #F0F0F0; }

/* When the radio button is checked, add a blue background */
.radio-button--container input:checked ~ .radio-button--checkmark {
  background-color: #fff; }

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio-button--checkmark:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the indicator (dot/circle) when checked */
.radio-button--container input:checked ~ .radio-button--checkmark:after {
  display: block; }

/* Style the indicator (dot/circle) */
.radio-button--container .radio-button--checkmark:after {
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #343a40; }

.account {
  font-size: 16px;
  font-size: 1rem;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 20px; }
  .ko .account {
    font-size: 14px;
    font-size: 0.875rem; }
  .ko .account,
  .zh .account {
    line-height: 22px; }
  .account section .section--title {
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 28px;
    font-size: 1.75rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 32px;
    /*@include media-breakpoint-up(sm) {
        @include font-size($font-sm);
    }

    @include media-breakpoint-up(md) {
        @include font-size($font-md);
    }

    @include media-breakpoint-up(lg) {
        @include font-size($font-lg);
    }*/ }
    .ko .account section .section--title {
      font-size: 26px;
      font-size: 1.625rem; }
    .ko .account section .section--title,
    .zh .account section .section--title {
      line-height: 34px; }
  .account .account--sign-out {
    -ms-flex-align: baseline;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
    padding: 10px; }
    @media (max-width: 767.98px) {
      .account .account--sign-out {
        width: 100%;
        text-align: center;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between; } }
    @media (min-width: 568px) {
      .account .account--sign-out {
        max-width: 500px; } }
  .account .account--name {
    font-size: 22px;
    font-size: 1.375rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 24px;
    word-break: break-word; }
    .ko .account .account--name {
      font-size: 20px;
      font-size: 1.25rem; }
    .ko .account .account--name,
    .zh .account .account--name {
      line-height: 26px; }
    @media (min-width: 568px) {
      .account .account--name {
        font-size: 30px;
        font-size: 1.875rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 32px; }
        .ko .account .account--name {
          font-size: 28px;
          font-size: 1.75rem; }
        .ko .account .account--name,
        .zh .account .account--name {
          line-height: 34px; } }
  .account .profile--label {
    font-size: 17px;
    font-size: 1.0625rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 21px;
    font-family: "AktivGrotesk", Arial, Helvetica, sans-serif; }
    .ko .account .profile--label {
      font-size: 15px;
      font-size: 0.9375rem; }
    .ko .account .profile--label,
    .zh .account .profile--label {
      line-height: 23px; }
  .account .profile--data {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap; }
    .account .profile--data .btn-undo {
      font-size: 16px;
      font-size: 1rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 18px;
      text-transform: none !important; }
      .ko .account .profile--data .btn-undo {
        font-size: 14px;
        font-size: 0.875rem; }
      .ko .account .profile--data .btn-undo,
      .zh .account .profile--data .btn-undo {
        line-height: 20px; }
    .account .profile--data .btn-save {
      font-size: 16px;
      font-size: 1rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 18px;
      text-transform: none !important; }
      .ko .account .profile--data .btn-save {
        font-size: 14px;
        font-size: 0.875rem; }
      .ko .account .profile--data .btn-save,
      .zh .account .profile--data .btn-save {
        line-height: 20px; }
    .account .profile--data .btn {
      display: block;
      max-width: 100%; }
    .account .profile--data.inactive .profile--data__active {
      display: none; }
    .account .profile--data.inactive .profile--data__inactive {
      border-bottom: 1px solid #adb5bd;
      width: 100%;
      word-break: break-all; }
    .account .profile--data.active .profile--data__active {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      align-items: center;
      -ms-flex-flow: row wrap;
      -webkit-flex-flow: row wrap;
      flex-flow: row wrap;
      width: 100%; }
  .account .form-check--label .css-checkbox {
    display: none; }
    .account .form-check--label .css-checkbox:checked + i {
      background: #fff;
      border-color: #fff; }
      .account .form-check--label .css-checkbox:checked + i:hover:after {
        opacity: 1; }
      .account .form-check--label .css-checkbox:checked + i:after {
        opacity: 1;
        border-color: #0081C8; }
    .account .form-check--label .css-checkbox + i {
      box-sizing: border-box; }
      .account .form-check--label .css-checkbox + i:before, .account .form-check--label .css-checkbox + i:after {
        box-sizing: border-box; }
    .account .form-check--label .css-checkbox + i {
      position: relative;
      display: inline-block;
      width: 16px;
      height: 16px;
      margin-right: 10px;
      vertical-align: top;
      border: 1px solid #adb5bd;
      transition: background 200ms ease;
      border-radius: 0;
      background: transparent;
      font-size: 16px;
      cursor: pointer; }
      .account .form-check--label .css-checkbox + i:hover:after {
        opacity: .2; }
      .account .form-check--label .css-checkbox + i:after {
        content: '';
        opacity: 0;
        transform: translateZ(1px) rotate(-45deg) /*rtl:ignore*/;
        outline: 1px solid transparent;
        position: absolute;
        top: 18%;
        left: 14% /*rtl:ignore*/;
        width: .68em;
        height: .4em;
        border: .1em solid #222;
        border-top: none;
        border-right: none /*rtl:ignore*/;
        background: rgba(0, 0, 0, 0); }

.account__delete .icon-danger {
  display: block;
  font-size: 46px;
  line-height: 1;
  height: 46px; }

.account__delete label {
  font-size: 36px;
  font-size: 2.25rem;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 40px; }
  .ko .account__delete label {
    font-size: 34px;
    font-size: 2.125rem; }
  .ko .account__delete label,
  .zh .account__delete label {
    line-height: 42px; }

.account__delete .section--footer {
  max-width: 580px;
  margin: auto; }

.section-page__athletes .section__see-also {
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%;
  height: 100%; }

.section-page__hp .section__mosaic {
  margin-top: -60px; }
  @media (min-width: 568px) {
    .section-page__hp .section__mosaic {
      margin-top: -100px; } }
  @media (min-width: 992px) {
    .section-page__hp .section__mosaic {
      margin-top: -200px; } }
  @media (min-width: 768px) {
    .section-page__hp .section__mosaic .mosaic .newslist > .newslist--item:nth-child(2) {
      margin-top: 70px; } }

.section-page__hp .section__featured-disc {
  padding-bottom: 20px !important; }
  .section-page__hp .section__featured-disc .row, .section-page__hp .section__featured-disc .account .profile--data.active, .account .section-page__hp .section__featured-disc .profile--data.active {
    /*@include media-breakpoint-down(lg){
        margin-left: 0;
        margin-right: 0; 
      }*/ }

.article-page__error {
  text-align: center; }
  .article-page__error .article--content {
    top: -80px; }
  .article-page__error .article--error {
    text-align: center;
    position: relative; }
    .article-page__error .article--error .article--img {
      margin: 0;
      position: relative; }
      .article-page__error .article--error .article--img > picture {
        line-height: 0;
        display: block; }
        .article-page__error .article--error .article--img > picture img {
          width: 100%;
          object-fit: cover; }
    .article-page__error .article--error .article--title {
      font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
      font-weight: normal;
      text-transform: uppercase;
      color: #2d2d2d;
      padding-top: 0 !important;
      padding-bottom: 0 !important; }
      .article-page__error .article--error .article--title > a {
        color: #2d2d2d;
        display: block;
        text-decoration: none; }
    .article-page__error .article--error .article--summary {
      color: #2d2d2d;
      display: block; }
    .article-page__error .article--error .article--kind {
      text-transform: uppercase;
      padding-right: 3px; }
      .article-page__error .article--error .article--kind + .article--kind__info {
        position: relative;
        padding-left: 5px;
        display: inline-block; }
        .article-page__error .article--error .article--kind + .article--kind__info:before {
          content: "";
          display: block;
          position: absolute;
          width: 1px;
          top: 0;
          left: 0;
          height: 100%;
          background-color: #0081C8; }
    .article-page__error .article--error .article--tags {
      text-transform: uppercase; }
      .article-page__error .article--error .article--tags .article--info {
        color: #878787; }
      .article-page__error .article--error .article--tags .list-item {
        display: inline-flex;
        color: #fff;
        display: block;
        background-color: #000;
        font-weight: bold;
        font-size: 12px;
        font-size: 0.75rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 16px;
        -moz-transition: background-color 0.3s ease;
        -o-transition: background-color 0.3s ease;
        -ms-transition: background-color 0.3s ease;
        -webkit-transition: background-color 0.3s ease;
        transition: background-color 0.3s ease;
        padding: .25rem .5rem; }
        .ko .article-page__error .article--error .article--tags .list-item {
          font-size: 10px;
          font-size: 0.625rem; }
        .ko .article-page__error .article--error .article--tags .list-item,
        .zh .article-page__error .article--error .article--tags .list-item {
          line-height: 18px; }
        .article-page__error .article--error .article--tags .list-item:hover, .article-page__error .article--error .article--tags .list-item:focus {
          color: #fff;
          background-color: #0081C8; }
        .article-page__error .article--error .article--tags .list-item > a, .article-page__error .article--error .article--tags .list-item span {
          color: #fff; }
    .article-page__error .article--error .icon-photogallery-icon {
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      border-radius: 100%;
      -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      line-height: 1;
      background-color: transparent;
      border: 5px solid #fff;
      -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      z-index: 1;
      font-size: 45px;
      width: 45px;
      height: 45px;
      color: #fff;
      border-width: 3px; }
      .article-page__error .article--error .icon-photogallery-icon:before {
        position: absolute;
        top: 50%;
        left: 50% /*rtl:ignore*/;
        -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
        transform: translate(-50%, -50%) /*rtl:ignore*/;
        margin-left: 0 /*rtl:ignore*/; }
      .article-page__error .article--error .icon-photogallery-icon:hover, .article-page__error .article--error .icon-photogallery-icon:focus {
        border-color: #EE334E;
        background-color: #EE334E;
        color: #fff; }
      .article-page__error .article--error .icon-photogallery-icon:before {
        font-size: 18.75px; }
    .article-page__error .article--error .icon-play-button, .article-page__error .article--error .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .article-page__error .article--error .icon-play {
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      border-radius: 100%;
      -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      line-height: 1;
      background-color: transparent;
      border: 5px solid #fff;
      -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      z-index: 1;
      font-size: 45px;
      width: 45px;
      height: 45px;
      color: #fff;
      border-width: 3px; }
      .article-page__error .article--error .icon-play-button:before, .article-page__error .article--error .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .article-page__error .article--error .icon-play:before {
        position: absolute;
        top: 50%;
        left: 50% /*rtl:ignore*/;
        -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
        transform: translate(-50%, -50%) /*rtl:ignore*/;
        margin-left: 2px /*rtl:ignore*/; }
      .article-page__error .article--error .icon-play-button:hover, .article-page__error .article--error .countdown--overlay .countdown--icon .icon-play:hover, .countdown--overlay .countdown--icon .article-page__error .article--error .icon-play:hover, .article-page__error .article--error .icon-play-button:focus, .article-page__error .article--error .countdown--overlay .countdown--icon .icon-play:focus, .countdown--overlay .countdown--icon .article-page__error .article--error .icon-play:focus {
        border-color: #EE334E;
        background-color: #EE334E;
        color: #fff; }
      .article-page__error .article--error .icon-play-button:before, .article-page__error .article--error .countdown--overlay .countdown--icon .icon-play:before, .countdown--overlay .countdown--icon .article-page__error .article--error .icon-play:before {
        font-size: 18.75px; }
    .article-page__error .article--error .icon-z-podcast-icon {
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      border-radius: 100%;
      -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
      line-height: 1;
      background-color: transparent;
      border: 5px solid #fff;
      -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      z-index: 1;
      font-size: 45px;
      width: 45px;
      height: 45px;
      color: #fff;
      border-width: 3px; }
      .article-page__error .article--error .icon-z-podcast-icon:before {
        position: absolute;
        top: 50%;
        left: 50% /*rtl:ignore*/;
        -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
        -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
        transform: translate(-50%, -50%) /*rtl:ignore*/;
        margin-left: 2px /*rtl:ignore*/; }
      .article-page__error .article--error .icon-z-podcast-icon:hover, .article-page__error .article--error .icon-z-podcast-icon:focus {
        border-color: #EE334E;
        background-color: #EE334E;
        color: #fff; }
      .article-page__error .article--error .icon-z-podcast-icon:before {
        font-size: 18.75px; }
    .article-page__error .article--error .article--info {
      font-weight: bold;
      font-size: 13px;
      font-size: 0.8125rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 15px;
      margin: 5px 0; }
      .ko .article-page__error .article--error .article--info {
        font-size: 11px;
        font-size: 0.6875rem; }
      .ko .article-page__error .article--error .article--info,
      .zh .article-page__error .article--error .article--info {
        line-height: 17px; }
    .article-page__error .article--error span {
      font-size: 95px;
      font-size: 5.9375rem;
      font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 97px;
      font-weight: bold;
      letter-spacing: -3px; }
      .ko .article-page__error .article--error span {
        font-size: 93px;
        font-size: 5.8125rem; }
      .ko .article-page__error .article--error span,
      .zh .article-page__error .article--error span {
        line-height: 99px; }
      .article-page__error .article--error span:nth-child(1), .article-page__error .article--error span:nth-child(7) {
        font-size: 48px;
        font-size: 3rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 95px;
        color: #000;
        display: inline-block;
        vertical-align: top;
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        font-weight: normal;
        margin: 0 10px; }
        .ko .article-page__error .article--error span:nth-child(1), .ko .article-page__error .article--error span:nth-child(7) {
          font-size: 46px;
          font-size: 2.875rem; }
        .ko .article-page__error .article--error span:nth-child(1),
        .zh .article-page__error .article--error span:nth-child(1), .ko .article-page__error .article--error span:nth-child(7),
        .zh .article-page__error .article--error span:nth-child(7) {
          line-height: 97px; }
      .article-page__error .article--error span:nth-child(2) {
        color: #0081C8; }
      .article-page__error .article--error span:nth-child(3) {
        color: #000; }
      .article-page__error .article--error span:nth-child(4) {
        color: #EE334E; }
      .article-page__error .article--error span:nth-child(5) {
        color: #FCB131; }
      .article-page__error .article--error span:nth-child(6) {
        color: #28a745; }
  .article-page__error .article--summary {
    font-weight: normal;
    text-transform: uppercase;
    line-height: 28px;
    font-size: 25px;
    font-size: 1.5625rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 29px;
    max-width: 600px;
    margin: 0 auto 3rem; }
    .ko .article-page__error .article--summary {
      font-size: 23px;
      font-size: 1.4375rem; }
    .ko .article-page__error .article--summary,
    .zh .article-page__error .article--summary {
      line-height: 31px; }
  .article-page__error .article--body ul {
    padding: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center; }
    @media (min-width: 568px) {
      .article-page__error .article--body ul {
        -ms-flex-flow: row nowrap;
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap; } }
    .article-page__error .article--body ul li {
      padding: 1rem;
      position: relative;
      font-size: 16px;
      font-size: 1rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 18px;
      -ms-flex-preferred-size: 70%;
      -webkit-flex-basis: 70%;
      flex-basis: 70%; }
      .ko .article-page__error .article--body ul li {
        font-size: 14px;
        font-size: 0.875rem; }
      .ko .article-page__error .article--body ul li,
      .zh .article-page__error .article--body ul li {
        line-height: 20px; }
      @media (min-width: 768px) {
        .article-page__error .article--body ul li {
          padding: .5rem 2rem 1rem;
          font-size: 18px;
          font-size: 1.125rem;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 20px; }
          .ko .article-page__error .article--body ul li {
            font-size: 16px;
            font-size: 1rem; }
          .ko .article-page__error .article--body ul li,
          .zh .article-page__error .article--body ul li {
            line-height: 22px; } }
      .article-page__error .article--body ul li:after {
        content: "";
        display: block;
        position: absolute;
        width: 40px;
        height: 3px;
        bottom: 0;
        background-color: #0081C8;
        position: absolute;
        left: 50% /*rtl:ignore*/;
        -moz-transform: translateX(-50%) /*rtl:ignore*/;
        -o-transform: translateX(-50%) /*rtl:ignore*/;
        -ms-transform: translateX(-50%) /*rtl:ignore*/;
        -webkit-transform: translateX(-50%) /*rtl:ignore*/;
        transform: translateX(-50%) /*rtl:ignore*/; }

.banner__error {
  position: relative;
  height: 432px;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: white; }
  .banner__error:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.7) 100%);
    background-repeat: repeat-x; }
  .banner__error .banner--img {
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    position: absolute;
    overflow: hidden;
    margin: 0; }
    .banner__error .banner--img img {
      max-width: inherit;
      height: 100%;
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      width: auto;
      height: auto;
      max-height: none;
      max-width: none;
      min-height: 100%;
      min-width: 100%; }
  .banner__error .banner--title {
    font-size: 200px;
    font-size: 12.5rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 204px;
    font-weight: normal;
    color: #fff; }
    .ko .banner__error .banner--title {
      font-size: 198px;
      font-size: 12.375rem; }
    .ko .banner__error .banner--title,
    .zh .banner__error .banner--title {
      line-height: 206px; }

.section-page__events .oc-lev-2-nav {
  background-color: transparent; }
  @media (min-width: 992px) {
    .section-page__events .oc-lev-2-nav .nav {
      justify-content: flex-start; } }
  .section-page__events .oc-lev-2-nav .nav .nav-link:first-child {
    padding-left: 0; }
  .section-page__events .oc-lev-2-nav .nav .nav-item.active .nav-link, .section-page__events .oc-lev-2-nav .nav .nav-item:focus .nav-link, .section-page__events .oc-lev-2-nav .nav .nav-item:hover .nav-link {
    color: #2d2d2d; }
    .section-page__events .oc-lev-2-nav .nav .nav-item.active .nav-link:before, .section-page__events .oc-lev-2-nav .nav .nav-item:focus .nav-link:before, .section-page__events .oc-lev-2-nav .nav .nav-item:hover .nav-link:before {
      opacity: 1;
      width: 100%; }
  .section-page__events .oc-lev-2-nav .nav .nav-item.active .nav-link {
    font-weight: bold; }
  .section-page__events .oc-lev-2-nav .nav .nav-item .nav-link {
    font-weight: 300; }
    .section-page__events .oc-lev-2-nav .nav .nav-item .nav-link:before {
      content: "";
      display: block;
      position: absolute;
      -moz-transition: width 0.2s ease-in-out;
      -o-transition: width 0.2s ease-in-out;
      -ms-transition: width 0.2s ease-in-out;
      -webkit-transition: width 0.2s ease-in-out;
      transition: width 0.2s ease-in-out;
      position: absolute;
      bottom: -16px;
      width: 0%;
      height: 3px;
      background-color: #0081C8;
      opacity: 0; }

.section-page__events .mosaic .article--partnership-logo {
  width: 40px;
  display: flex;
  float: right; }

.section-page__events .mosaic .article__xl .article--partnership-logo {
  width: 90px;
  float: none; }

.section-page__events-calendar .calendar-nav .current.current {
  background: #fff; }
  .section-page__events-calendar .calendar-nav .current.current .btn {
    font-size: 21px;
    font-size: 1.3125rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 25px;
    color: #0081C8; }
    .ko .section-page__events-calendar .calendar-nav .current.current .btn {
      font-size: 19px;
      font-size: 1.1875rem; }
    .ko .section-page__events-calendar .calendar-nav .current.current .btn,
    .zh .section-page__events-calendar .calendar-nav .current.current .btn {
      line-height: 27px; }
    @media (min-width: 568px) {
      .section-page__events-calendar .calendar-nav .current.current .btn {
        font-size: 30px;
        font-size: 1.875rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 37px; }
        .ko .section-page__events-calendar .calendar-nav .current.current .btn {
          font-size: 28px;
          font-size: 1.75rem; }
        .ko .section-page__events-calendar .calendar-nav .current.current .btn,
        .zh .section-page__events-calendar .calendar-nav .current.current .btn {
          line-height: 39px; } }
    @media (min-width: 768px) {
      .section-page__events-calendar .calendar-nav .current.current .btn {
        font-size: 40px;
        font-size: 2.5rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 45px; }
        .ko .section-page__events-calendar .calendar-nav .current.current .btn {
          font-size: 38px;
          font-size: 2.375rem; }
        .ko .section-page__events-calendar .calendar-nav .current.current .btn,
        .zh .section-page__events-calendar .calendar-nav .current.current .btn {
          line-height: 47px; } }

.section-page__events-calendar .section-events__current,
.section-page__events-calendar .section-events__upcoming,
.section-page__events-calendar .section-events__replay {
  overflow: hidden; }
  .section-page__events-calendar .section-events__current .section--title,
  .section-page__events-calendar .section-events__upcoming .section--title,
  .section-page__events-calendar .section-events__replay .section--title {
    font-size: 24px;
    font-size: 1.5rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 28px;
    border-bottom: 1px solid #adb5bd;
    margin-bottom: 30px;
    padding: 5px 0; }
    .ko .section-page__events-calendar .section-events__current .section--title, .ko
    .section-page__events-calendar .section-events__upcoming .section--title, .ko
    .section-page__events-calendar .section-events__replay .section--title {
      font-size: 22px;
      font-size: 1.375rem; }
    .ko .section-page__events-calendar .section-events__current .section--title,
    .zh .section-page__events-calendar .section-events__current .section--title, .ko
    .section-page__events-calendar .section-events__upcoming .section--title,
    .zh
    .section-page__events-calendar .section-events__upcoming .section--title, .ko
    .section-page__events-calendar .section-events__replay .section--title,
    .zh
    .section-page__events-calendar .section-events__replay .section--title {
      line-height: 30px; }

.section-page__live .section__epg .section--header {
  -ms-flex-pack: start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center; }

.section-page__live .section__calendar .calendar-nav .owl-carousel {
  padding: 0;
  height: 60px; }
  @media (min-width: 768px) {
    .section-page__live .section__calendar .calendar-nav .owl-carousel {
      height: 70px;
      padding: 0 25px; } }
  .section-page__live .section__calendar .calendar-nav .owl-carousel:after, .section-page__live .section__calendar .calendar-nav .owl-carousel:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 100%;
    z-index: 2;
    top: 0;
    -moz-transition: z-index 0.5s ease-in-out;
    -o-transition: z-index 0.5s ease-in-out;
    -ms-transition: z-index 0.5s ease-in-out;
    -webkit-transition: z-index 0.5s ease-in-out;
    transition: z-index 0.5s ease-in-out;
    background: #f0f0f0;
    background: linear-gradient(90deg, rgba(240, 240, 240, 0) 0%, #F0F0F0 50%, #F0F0F0 100%); }
    @media (min-width: 768px) {
      .section-page__live .section__calendar .calendar-nav .owl-carousel:after, .section-page__live .section__calendar .calendar-nav .owl-carousel:before {
        width: 10%; } }
  @media (min-width: 768px) {
    .section-page__live .section__calendar .calendar-nav .owl-carousel:after {
      right: 25px; } }
  .section-page__live .section__calendar .calendar-nav .owl-carousel:before {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
    @media (min-width: 768px) {
      .section-page__live .section__calendar .calendar-nav .owl-carousel:before {
        left: 25px; } }
  .section-page__live .section__calendar .calendar-nav .owl-carousel .owl-next,
  .section-page__live .section__calendar .calendar-nav .owl-carousel .owl-prev {
    font-size: 16px;
    z-index: 4; }
  .section-page__live .section__calendar .calendar-nav .owl-carousel .owl-next {
    right: 0; }
  .section-page__live .section__calendar .calendar-nav .owl-carousel .owl-prev {
    left: 0; }
  .section-page__live .section__calendar .calendar-nav .owl-carousel .owl-dots {
    display: none !important; }

.section-page__live .section__calendar .calendar-nav .item {
  text-align: center;
  text-transform: uppercase;
  line-height: 60px;
  margin: 0;
  width: 100%;
  -moz-transition: font-size 0.3s ease-in-out;
  -o-transition: font-size 0.3s ease-in-out;
  -ms-transition: font-size 0.3s ease-in-out;
  -webkit-transition: font-size 0.3s ease-in-out;
  transition: font-size 0.3s ease-in-out; }
  @media (min-width: 768px) {
    .section-page__live .section__calendar .calendar-nav .item {
      line-height: 70px; } }
  .section-page__live .section__calendar .calendar-nav .item .btn {
    font-size: 20px;
    font-size: 1.25rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 25px;
    -moz-transition: font-size 0.3s ease-in-out;
    -o-transition: font-size 0.3s ease-in-out;
    -ms-transition: font-size 0.3s ease-in-out;
    -webkit-transition: font-size 0.3s ease-in-out;
    transition: font-size 0.3s ease-in-out;
    color: #2d2d2d;
    height: 60px;
    padding: 0.5rem 1rem;
    width: 100%;
    background-color: transparent;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    /*@include media-breakpoint-down(sm) {
        > span {
          @include truncate();
          display: inline-block;
        }
      }*/ }
    .ko .section-page__live .section__calendar .calendar-nav .item .btn {
      font-size: 18px;
      font-size: 1.125rem; }
    .ko .section-page__live .section__calendar .calendar-nav .item .btn,
    .zh .section-page__live .section__calendar .calendar-nav .item .btn {
      line-height: 27px; }
    @media (min-width: 768px) {
      .section-page__live .section__calendar .calendar-nav .item .btn {
        height: 70px;
        padding: 0.5rem 2rem; } }
    .section-page__live .section__calendar .calendar-nav .item .btn:hover {
      text-decoration: none;
      color: #0081C8; }

.section-page__live .section__calendar .calendar-nav .current.item {
  color: #0081C8; }

.section-page__live .section__calendar .calendar-nav .center {
  background: #fff; }
  .section-page__live .section__calendar .calendar-nav .center .btn {
    font-size: 21px;
    font-size: 1.3125rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 25px;
    color: #0081C8; }
    .ko .section-page__live .section__calendar .calendar-nav .center .btn {
      font-size: 19px;
      font-size: 1.1875rem; }
    .ko .section-page__live .section__calendar .calendar-nav .center .btn,
    .zh .section-page__live .section__calendar .calendar-nav .center .btn {
      line-height: 27px; }
    @media (min-width: 568px) {
      .section-page__live .section__calendar .calendar-nav .center .btn {
        font-size: 30px;
        font-size: 1.875rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 37px; }
        .ko .section-page__live .section__calendar .calendar-nav .center .btn {
          font-size: 28px;
          font-size: 1.75rem; }
        .ko .section-page__live .section__calendar .calendar-nav .center .btn,
        .zh .section-page__live .section__calendar .calendar-nav .center .btn {
          line-height: 39px; } }
    @media (min-width: 768px) {
      .section-page__live .section__calendar .calendar-nav .center .btn {
        font-size: 40px;
        font-size: 2.5rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 45px; }
        .ko .section-page__live .section__calendar .calendar-nav .center .btn {
          font-size: 38px;
          font-size: 2.375rem; }
        .ko .section-page__live .section__calendar .calendar-nav .center .btn,
        .zh .section-page__live .section__calendar .calendar-nav .center .btn {
          line-height: 47px; } }

.section-page__live .section-events__current {
  border-top: 1px solid #adb5bd;
  padding-top: 1.5rem; }

.section-page__live .section__linear-channel .epg .epg--time,
.section-page__live .section__linear-channel .epg .article--label__upcoming {
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center; }
  .section-page__live .section__linear-channel .epg .epg--time .epg--progress-bar,
  .section-page__live .section__linear-channel .epg .epg--time span span:not(:first-child),
  .section-page__live .section__linear-channel .epg .article--label__upcoming .epg--progress-bar,
  .section-page__live .section__linear-channel .epg .article--label__upcoming span span:not(:first-child) {
    display: none; }

.section-page__olimpic-games {
  background-image: url(/images/static/placeholders/olympic-flag.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 50%;
  background-size: cover;
  padding-bottom: 0 !important;
  /* entire container, keeps perspective */
  /* flip the pane when hovered */
  /* flip speed goes here */
  /* hide back of pane during swap */
  /* front pane, placed above back */
  /* back, initially hidden pane */ }
  .section-page__olimpic-games.winter-season {
    background-image: url(/images/static/placeholders/winter-games.jpg); }
  .section-page__olimpic-games.summer-season {
    background-image: url(/images/static/placeholders/summer-games.jpg); }
  .section-page__olimpic-games.yog-season {
    background-image: url(/images/static/placeholders/yog-games.jpg); }
  .section-page__olimpic-games .section--header {
    background: rgba(0, 0, 0, 0.6); }
    .section-page__olimpic-games .section--header .section--title {
      color: #fff;
      text-align: left;
      padding-bottom: 1rem;
      border-bottom: 1px solid rgba(173, 181, 189, 0.3); }
    .section-page__olimpic-games .section--header .filters-nav {
      border: none;
      padding-top: 0;
      margin-top: 0; }
      .section-page__olimpic-games .section--header .filters-nav .nav-item:not(.active) .btn-link, .section-page__olimpic-games .section--header .filters-nav .nav-item:not(.active) .account .profile--data .btn-edit, .account .profile--data .section-page__olimpic-games .section--header .filters-nav .nav-item:not(.active) .btn-edit {
        color: #fff; }
      .section-page__olimpic-games .section--header .filters-nav .nav-item.active .btn-link, .section-page__olimpic-games .section--header .filters-nav .nav-item.active .account .profile--data .btn-edit, .account .profile--data .section-page__olimpic-games .section--header .filters-nav .nav-item.active .btn-edit {
        color: #0081C8; }
  .section-page__olimpic-games .section--content {
    background: rgba(0, 0, 0, 0.4);
    display: inline-block;
    width: 100%; }
    .section-page__olimpic-games .section--content .olympic-games--list {
      margin-top: 2rem;
      padding-bottom: 5rem;
      min-height: 700px; }
  .section-page__olimpic-games .newslist {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap; }
    @media (max-width: 991.98px) {
      .section-page__olimpic-games .newslist {
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center; } }
    .section-page__olimpic-games .newslist .newslist--item {
      -ms-flex-preferred-size: 140px;
      -webkit-flex-basis: 140px;
      flex-basis: 140px; }
      @media (min-width: 568px) {
        .section-page__olimpic-games .newslist .newslist--item {
          -ms-flex-preferred-size: 170px;
          -webkit-flex-basis: 170px;
          flex-basis: 170px; } }
  .section-page__olimpic-games .olympic-games {
    perspective: 500px;
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    border: 1px inset rgba(173, 181, 189, 0.3); }
    .section-page__olimpic-games .olympic-games:hover .olympic-games--flipper {
      display: block; }
    .section-page__olimpic-games .olympic-games:hover .olympic-games__front {
      backface-visibility: hidden;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      -moz-transform: rotateY(-180deg);
      -o-transform: rotateY(-180deg);
      -ms-transform: rotateY(-180deg);
      -webkit-transform: rotateY(-180deg);
      transform: rotateY(-180deg); }
    .section-page__olimpic-games .olympic-games:hover .olympic-games__back {
      backface-visibility: hidden;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      -moz-transform: rotateY(0deg);
      -o-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
      -webkit-transform: rotateY(0deg);
      transform: rotateY(0deg); }
    .section-page__olimpic-games .olympic-games .olympic-games--img {
      margin: 0;
      padding: 20px; }
  .section-page__olimpic-games .olympic-games,
  .section-page__olimpic-games .olympic-games__front,
  .section-page__olimpic-games .olympic-games__back {
    width: 140px;
    height: 140px; }
    @media (min-width: 568px) {
      .section-page__olimpic-games .olympic-games,
      .section-page__olimpic-games .olympic-games__front,
      .section-page__olimpic-games .olympic-games__back {
        width: 170px;
        height: 170px; } }
  .section-page__olimpic-games .olympic-games--flipper {
    transition: 0.4s;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    transition: 0.4s;
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
    display: block; }
  .section-page__olimpic-games .olympic-games__front, .section-page__olimpic-games .olympic-games__back {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    transition: 0.4s;
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .section-page__olimpic-games .olympic-games__front {
    z-index: 2;
    /* for firefox 31 */
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    text-align: center; }
    .section-page__olimpic-games .olympic-games__front .olympic-games--year {
      color: #fff;
      font-weight: normal;
      font-size: 46px;
      font-size: 2.875rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 40px; }
      .ko .section-page__olimpic-games .olympic-games__front .olympic-games--year {
        font-size: 44px;
        font-size: 2.75rem; }
      .ko .section-page__olimpic-games .olympic-games__front .olympic-games--year,
      .zh .section-page__olimpic-games .olympic-games__front .olympic-games--year {
        line-height: 42px; }
    .section-page__olimpic-games .olympic-games__front .olympic-games--title {
      color: #fff;
      font-weight: normal;
      font-size: 20px;
      font-size: 1.25rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 20px;
      text-transform: uppercase; }
      .ko .section-page__olimpic-games .olympic-games__front .olympic-games--title {
        font-size: 18px;
        font-size: 1.125rem; }
      .ko .section-page__olimpic-games .olympic-games__front .olympic-games--title,
      .zh .section-page__olimpic-games .olympic-games__front .olympic-games--title {
        line-height: 22px; }
    .section-page__olimpic-games .olympic-games__front .icon {
      color: #fff;
      font-size: 26px;
      font-size: 1.625rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 30px;
      border: none;
      margin: 1rem auto 0; }
      .ko .section-page__olimpic-games .olympic-games__front .icon {
        font-size: 24px;
        font-size: 1.5rem; }
      .ko .section-page__olimpic-games .olympic-games__front .icon,
      .zh .section-page__olimpic-games .olympic-games__front .icon {
        line-height: 32px; }
  .section-page__olimpic-games .olympic-games__back {
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    background-color: #fff;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden; }

.onboarding .input-group .form-control, .onboarding__register .input-group .form-control, .onboarding__pickfavorite .input-group .form-control, .onboarding__newsletter .input-group .form-control, .onboarding__notification .input-group .form-control {
  background: transparent; }

.primetime--sign-out {
  background: #fff;
  border: 1px solid #adb5bd;
  margin: 3rem 0 2rem;
  padding: 1.5rem 1.5rem 1rem;
  text-align: center; }

.onboarding__register .section-page, .onboarding__pickfavorite .section-page, .onboarding__newsletter .section-page, .onboarding__notification .section-page {
  width: 100%; }

.onboarding__register .article .article--title, .onboarding__pickfavorite .article .article--title, .onboarding__newsletter .article .article--title, .onboarding__notification .article .article--title, .onboarding__register .article-page .article--title, .onboarding__pickfavorite .article-page .article--title, .onboarding__newsletter .article-page .article--title, .onboarding__notification .article-page .article--title, .onboarding__register .article-page__video .article--title, .onboarding__pickfavorite .article-page__video .article--title, .onboarding__newsletter .article-page__video .article--title, .onboarding__notification .article-page__video .article--title, .onboarding__register .article-page__story .article--title, .onboarding__pickfavorite .article-page__story .article--title, .onboarding__newsletter .article-page__story .article--title, .onboarding__notification .article-page__story .article--title, .onboarding__register .event .article--title, .onboarding__pickfavorite .event .article--title, .onboarding__newsletter .event .article--title, .onboarding__notification .event .article--title, .onboarding__register .epg .article--title, .onboarding__pickfavorite .epg .article--title, .onboarding__newsletter .epg .article--title, .onboarding__notification .epg .article--title {
  font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 28px;
  font-size: 1.75rem;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 32px;
  /*@include media-breakpoint-up(sm) {
        @include font-size($font-sm);
    }

    @include media-breakpoint-up(md) {
        @include font-size($font-md);
    }

    @include media-breakpoint-up(lg) {
        @include font-size($font-lg);
    }*/ }
  .ko .onboarding__register .article .article--title, .ko .onboarding__pickfavorite .article .article--title, .ko .onboarding__newsletter .article .article--title, .ko .onboarding__notification .article .article--title, .ko .onboarding__register .article-page .article--title, .ko .onboarding__pickfavorite .article-page .article--title, .ko .onboarding__newsletter .article-page .article--title, .ko .onboarding__notification .article-page .article--title, .ko .onboarding__register .article-page__video .article--title, .ko .onboarding__pickfavorite .article-page__video .article--title, .ko .onboarding__newsletter .article-page__video .article--title, .ko .onboarding__notification .article-page__video .article--title, .ko .onboarding__register .article-page__story .article--title, .ko .onboarding__pickfavorite .article-page__story .article--title, .ko .onboarding__newsletter .article-page__story .article--title, .ko .onboarding__notification .article-page__story .article--title, .ko .onboarding__register .event .article--title, .ko .onboarding__pickfavorite .event .article--title, .ko .onboarding__newsletter .event .article--title, .ko .onboarding__notification .event .article--title, .ko .onboarding__register .epg .article--title, .ko .onboarding__pickfavorite .epg .article--title, .ko .onboarding__newsletter .epg .article--title, .ko .onboarding__notification .epg .article--title {
    font-size: 26px;
    font-size: 1.625rem; }
  .ko .onboarding__register .article .article--title, .ko .onboarding__pickfavorite .article .article--title, .ko .onboarding__newsletter .article .article--title, .ko .onboarding__notification .article .article--title, .ko .onboarding__register .article-page .article--title, .ko .onboarding__pickfavorite .article-page .article--title, .ko .onboarding__newsletter .article-page .article--title, .ko .onboarding__notification .article-page .article--title, .ko .onboarding__register .article-page__video .article--title, .ko .onboarding__pickfavorite .article-page__video .article--title, .ko .onboarding__newsletter .article-page__video .article--title, .ko .onboarding__notification .article-page__video .article--title, .ko .onboarding__register .article-page__story .article--title, .ko .onboarding__pickfavorite .article-page__story .article--title, .ko .onboarding__newsletter .article-page__story .article--title, .ko .onboarding__notification .article-page__story .article--title, .ko .onboarding__register .event .article--title, .ko .onboarding__pickfavorite .event .article--title, .ko .onboarding__newsletter .event .article--title, .ko .onboarding__notification .event .article--title, .ko .onboarding__register .epg .article--title, .ko .onboarding__pickfavorite .epg .article--title, .ko .onboarding__newsletter .epg .article--title, .ko .onboarding__notification .epg .article--title,
  .zh .onboarding__register .article .article--title,
  .zh .onboarding__pickfavorite .article .article--title,
  .zh .onboarding__newsletter .article .article--title,
  .zh .onboarding__notification .article .article--title,
  .zh .onboarding__register .article-page .article--title,
  .zh .onboarding__pickfavorite .article-page .article--title,
  .zh .onboarding__newsletter .article-page .article--title,
  .zh .onboarding__notification .article-page .article--title,
  .zh .onboarding__register .article-page__video .article--title,
  .zh .onboarding__pickfavorite .article-page__video .article--title,
  .zh .onboarding__newsletter .article-page__video .article--title,
  .zh .onboarding__notification .article-page__video .article--title,
  .zh .onboarding__register .article-page__story .article--title,
  .zh .onboarding__pickfavorite .article-page__story .article--title,
  .zh .onboarding__newsletter .article-page__story .article--title,
  .zh .onboarding__notification .article-page__story .article--title,
  .zh .onboarding__register .event .article--title,
  .zh .onboarding__pickfavorite .event .article--title,
  .zh .onboarding__newsletter .event .article--title,
  .zh .onboarding__notification .event .article--title,
  .zh .onboarding__register .epg .article--title,
  .zh .onboarding__pickfavorite .epg .article--title,
  .zh .onboarding__newsletter .epg .article--title,
  .zh .onboarding__notification .epg .article--title {
    line-height: 34px; }

.onboarding__register .article li, .onboarding__pickfavorite .article li, .onboarding__newsletter .article li, .onboarding__notification .article li, .onboarding__register .article-page li, .onboarding__pickfavorite .article-page li, .onboarding__newsletter .article-page li, .onboarding__notification .article-page li, .onboarding__register .article-page__video li, .onboarding__pickfavorite .article-page__video li, .onboarding__newsletter .article-page__video li, .onboarding__notification .article-page__video li, .onboarding__register .article-page__story li, .onboarding__pickfavorite .article-page__story li, .onboarding__newsletter .article-page__story li, .onboarding__notification .article-page__story li, .onboarding__register .event li, .onboarding__pickfavorite .event li, .onboarding__newsletter .event li, .onboarding__notification .event li, .onboarding__register .epg li, .onboarding__pickfavorite .epg li, .onboarding__newsletter .epg li, .onboarding__notification .epg li {
  position: relative;
  padding-left: 15px;
  border-top: 1px solid #adb5bd; }
  .onboarding__register .article li:before, .onboarding__pickfavorite .article li:before, .onboarding__newsletter .article li:before, .onboarding__notification .article li:before, .onboarding__register .article-page li:before, .onboarding__pickfavorite .article-page li:before, .onboarding__newsletter .article-page li:before, .onboarding__notification .article-page li:before, .onboarding__register .article-page__video li:before, .onboarding__pickfavorite .article-page__video li:before, .onboarding__newsletter .article-page__video li:before, .onboarding__notification .article-page__video li:before, .onboarding__register .article-page__story li:before, .onboarding__pickfavorite .article-page__story li:before, .onboarding__newsletter .article-page__story li:before, .onboarding__notification .article-page__story li:before, .onboarding__register .event li:before, .onboarding__pickfavorite .event li:before, .onboarding__newsletter .event li:before, .onboarding__notification .event li:before, .onboarding__register .epg li:before, .onboarding__pickfavorite .epg li:before, .onboarding__newsletter .epg li:before, .onboarding__notification .epg li:before {
    content: "";
    width: 5px;
    height: 5px;
    display: inline-block;
    border-radius: 100%;
    top: 15px;
    background: #2d2d2d;
    position: absolute;
    left: 0; }
  .onboarding__register .article li:first-child, .onboarding__pickfavorite .article li:first-child, .onboarding__newsletter .article li:first-child, .onboarding__notification .article li:first-child, .onboarding__register .article-page li:first-child, .onboarding__pickfavorite .article-page li:first-child, .onboarding__newsletter .article-page li:first-child, .onboarding__notification .article-page li:first-child, .onboarding__register .article-page__video li:first-child, .onboarding__pickfavorite .article-page__video li:first-child, .onboarding__newsletter .article-page__video li:first-child, .onboarding__notification .article-page__video li:first-child, .onboarding__register .article-page__story li:first-child, .onboarding__pickfavorite .article-page__story li:first-child, .onboarding__newsletter .article-page__story li:first-child, .onboarding__notification .article-page__story li:first-child, .onboarding__register .event li:first-child, .onboarding__pickfavorite .event li:first-child, .onboarding__newsletter .event li:first-child, .onboarding__notification .event li:first-child, .onboarding__register .epg li:first-child, .onboarding__pickfavorite .epg li:first-child, .onboarding__newsletter .epg li:first-child, .onboarding__notification .epg li:first-child {
    border: none; }
  .onboarding__register .article li p, .onboarding__pickfavorite .article li p, .onboarding__newsletter .article li p, .onboarding__notification .article li p, .onboarding__register .article-page li p, .onboarding__pickfavorite .article-page li p, .onboarding__newsletter .article-page li p, .onboarding__notification .article-page li p, .onboarding__register .article-page__video li p, .onboarding__pickfavorite .article-page__video li p, .onboarding__newsletter .article-page__video li p, .onboarding__notification .article-page__video li p, .onboarding__register .article-page__story li p, .onboarding__pickfavorite .article-page__story li p, .onboarding__newsletter .article-page__story li p, .onboarding__notification .article-page__story li p, .onboarding__register .event li p, .onboarding__pickfavorite .event li p, .onboarding__newsletter .event li p, .onboarding__notification .event li p, .onboarding__register .epg li p, .onboarding__pickfavorite .epg li p, .onboarding__newsletter .epg li p, .onboarding__notification .epg li p {
    margin: 0; }

.onboarding__pickfavorite .section--footer {
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: 100%; }
  @media (max-width: 1199.98px) {
    .onboarding__pickfavorite .section--footer {
      bottom: -60px;
      z-index: 100; } }
  .onboarding__pickfavorite .section--footer > .row, .onboarding__pickfavorite .account .section--footer > .profile--data.active, .account .onboarding__pickfavorite .section--footer > .profile--data.active {
    padding: 10px 0;
    background: #fff; }
  .onboarding__pickfavorite .section--footer .btn-primary, .onboarding__pickfavorite .section--footer .oc-header--body .oc-header--body__col-2 .section-sign-in .btn-login, .oc-header--body .oc-header--body__col-2 .section-sign-in .onboarding__pickfavorite .section--footer .btn-login, .onboarding__pickfavorite .section--footer .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .btn-login, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .section-sign-in .onboarding__pickfavorite .section--footer .btn-login, .onboarding__pickfavorite .section--footer .account .profile--data .btn-save, .account .profile--data .onboarding__pickfavorite .section--footer .btn-save {
    padding-left: 0;
    padding-right: 0; }

.onboarding__newsletter .container .mainpicture, .onboarding__newsletter .section__mosaic-originals .section--header .mainpicture, .section__mosaic-originals .onboarding__newsletter .section--header .mainpicture {
  margin-bottom: 10rem; }
  .onboarding__newsletter .container .mainpicture img, .onboarding__newsletter .section__mosaic-originals .section--header .mainpicture img, .section__mosaic-originals .onboarding__newsletter .section--header .mainpicture img {
    width: 100%; }

.onboarding__newsletter .section--footer {
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: 100%; }
  .onboarding__newsletter .section--footer > .row, .onboarding__newsletter .account .section--footer > .profile--data.active, .account .onboarding__newsletter .section--footer > .profile--data.active {
    padding: 10px 0;
    background: #fff; }

.onboarding__notification .section--footer {
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: 100%; }

.section-page__originals .article__base > a {
  text-decoration: none; }

.section-page__originals_v2 .oc-section_v2 {
  margin-top: 48px; }
  .section-page__originals_v2 .oc-section_v2 .section--title {
    font-family: cervo-light;
    font-size: 30px;
    font-size: 1.875rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 34px;
    text-transform: none; }
    .ko .section-page__originals_v2 .oc-section_v2 .section--title {
      font-size: 28px;
      font-size: 1.75rem; }
    .ko .section-page__originals_v2 .oc-section_v2 .section--title,
    .zh .section-page__originals_v2 .oc-section_v2 .section--title {
      line-height: 36px; }
    .section-page__originals_v2 .oc-section_v2 .section--title .icon-favorite {
      display: none; }
    @media (min-width: 568px) {
      .section-page__originals_v2 .oc-section_v2 .section--title {
        font-size: 34px;
        font-size: 2.125rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 38px; }
        .ko .section-page__originals_v2 .oc-section_v2 .section--title {
          font-size: 32px;
          font-size: 2rem; }
        .ko .section-page__originals_v2 .oc-section_v2 .section--title,
        .zh .section-page__originals_v2 .oc-section_v2 .section--title {
          line-height: 40px; }
        .section-page__originals_v2 .oc-section_v2 .section--title .icon-favorite {
          cursor: default;
          height: 45px;
          width: 45px;
          display: inline-block;
          font-size: 25px; } }
    .section-page__originals_v2 .oc-section_v2 .section--title .icon-favorite {
      cursor: default;
      height: 45px;
      width: 45px; }

.section-page__originals_v2 .adv__leaderboard {
  min-height: unset; }

.jw-skin-ocs-prod {
  /* Slider colors */
  /* Styles for menu elements, volume, slider thumbnail */
  /*
        Chromecast
        */
  /* Next up display */ }
  .jw-skin-ocs-prod .jw-background-color {
    background: transparent; }
  .jw-skin-ocs-prod:not(.jw-flag-touch) .jw-button-color:not(.jw-logo-button) {
    -moz-transition: color 0.4s ease;
    -o-transition: color 0.4s ease;
    -ms-transition: color 0.4s ease;
    -webkit-transition: color 0.4s ease;
    transition: color 0.4s ease; }
    .jw-skin-ocs-prod:not(.jw-flag-touch) .jw-button-color:not(.jw-logo-button):focus, .jw-skin-ocs-prod:not(.jw-flag-touch) .jw-button-color:not(.jw-logo-button):hover {
      outline: none;
      color: #EE334E; }
  .jw-skin-ocs-prod .jw-toggle {
    color: #EE334E; }
    .jw-skin-ocs-prod .jw-toggle.jw-off {
      color: rgba(255, 255, 255, 0.6); }
      .jw-skin-ocs-prod .jw-toggle.jw-off:focus {
        color: #EE334E; }
    .jw-skin-ocs-prod .jw-toggle:focus {
      outline: none; }
  .jw-skin-ocs-prod:not(.jw-flag-touch) .jw-toggle.jw-off:hover {
    color: #EE334E; }
  .jw-skin-ocs-prod .jw-rail {
    background: rgba(255, 255, 255, 0.4); }
  .jw-skin-ocs-prod .jw-buffer {
    background: rgba(255, 255, 255, 0.3); }
  .jw-skin-ocs-prod .jw-progress {
    background: #EE334E; }
  .jw-skin-ocs-prod .jw-time-tip,
  .jw-skin-ocs-prod .jw-volume-tip {
    border: 0; }
  .jw-skin-ocs-prod .jw-slider-volume.jw-volume-tip.jw-background-color.jw-slider-vertical {
    background: none; }
  .jw-skin-ocs-prod .jw-skip {
    padding: 0.5em;
    outline: none; }
    .jw-skin-ocs-prod .jw-skip .jw-skiptext,
    .jw-skin-ocs-prod .jw-skip .jw-skip-icon {
      color: rgba(255, 255, 255, 0.6); }
    .jw-skin-ocs-prod .jw-skip.jw-skippable:hover .jw-skip-icon, .jw-skin-ocs-prod .jw-skip.jw-skippable:focus .jw-skip-icon {
      color: #fff; }
  .jw-skin-ocs-prod .jw-icon-cast button {
    --connected-color: $active-color;
    --disconnected-color: $inactive-color; }
    .jw-skin-ocs-prod .jw-icon-cast button:focus {
      outline: none; }
    .jw-skin-ocs-prod .jw-icon-cast button.jw-off {
      --connected-color: $inactive-color; }
  .jw-skin-ocs-prod .jw-icon-cast:focus button {
    --connected-color: $active-color;
    --disconnected-color: $hover-color; }
  .jw-skin-ocs-prod .jw-icon-cast:hover button {
    --connected-color: $hover-color;
    --disconnected-color: $hover-color; }
  .jw-skin-ocs-prod .jw-nextup-container {
    bottom: 40px;
    padding: 5px 0.5em; }
  .jw-skin-ocs-prod .jw-nextup {
    border-radius: 0; }

.jw-skin-ocs-prod {
  /*&:not(.jw-ie) { 
        .jw-controlbar .jw-text-alt {
            top: 50%;
            transform: translateY(-50%);
            margin: auto;
            bottom: auto;
        }
    }*/ }
  .jw-skin-ocs-prod .jw-display-icon-container {
    border-radius: 0.5px; }
  .jw-skin-ocs-prod.jw-flag-ads-googleima .jw-controlbar {
    height: 40px; }
    .jw-skin-ocs-prod.jw-flag-ads-googleima .jw-controlbar .jw-overlay {
      bottom: 40px; }
  .jw-skin-ocs-prod.jw-flag-ads-googleima .jw-icon-inline,
  .jw-skin-ocs-prod.jw-flag-ads-googleima .jw-icon-tooltip,
  .jw-skin-ocs-prod.jw-flag-ads-googleima .jw-text-elapsed,
  .jw-skin-ocs-prod.jw-flag-ads-googleima .jw-text-duration,
  .jw-skin-ocs-prod.jw-flag-ads-googleima .jw-text-countdown {
    height: 40px; }
  .jw-skin-ocs-prod.jw-flag-ads.jw-ie .jw-text-alt,
  .jw-skin-ocs-prod.jw-flag-live.jw-ie .jw-text-alt {
    top: 1px;
    margin: 0; }
  .jw-skin-ocs-prod:not(.jw-flag-small-player) .jw-captions {
    max-height: calc(100% - 38px); }
  .jw-skin-ocs-prod:not(.jw-flag-small-player) .jwplayer {
    /* captions styles code specific to native text track rendering */ }
    .jw-skin-ocs-prod:not(.jw-flag-small-player) .jwplayer video::-webkit-media-text-track-container {
      max-height: calc(100% - 38px); }

.jw-skin-ocs-prod {
  /* Color for list item text in menu lists */ }
  .jw-skin-ocs-prod .jw-color-active {
    color: #fff;
    stroke: #fff;
    border-color: #fff; }
  .jw-skin-ocs-prod:not(.jw-flag-touch) .jw-color-active-hover:hover {
    color: #fff;
    stroke: #fff;
    border-color: #fff; }
  .jw-skin-ocs-prod .jw-color-inactive {
    color: rgba(255, 255, 255, 0.6);
    stroke: rgba(255, 255, 255, 0.6);
    border-color: rgba(255, 255, 255, 0.6); }
  .jw-skin-ocs-prod:not(.jw-flag-touch) .jw-color-inactive-hover:hover {
    color: rgba(255, 255, 255, 0.6);
    stroke: rgba(255, 255, 255, 0.6);
    border-color: rgba(255, 255, 255, 0.6); }
  .jw-skin-ocs-prod .jw-option {
    color: rgba(255, 255, 255, 0.6); }
    .jw-skin-ocs-prod .jw-option.jw-active-option {
      color: #fff;
      background-color: rgba(255, 255, 255, 0.1); }
  .jw-skin-ocs-prod:not(.jw-flag-touch) .jw-option:hover {
    color: #EE334E; }

@font-face {
  font-family: "font-icons";
  src: url("/components/fonts/font-icons.eot");
  src: url("/components/fonts/font-icons.eot?#iefix") format("eot"), url("/components/fonts/font-icons.woff2") format("woff2"), url("/components/fonts/font-icons.woff") format("woff"), url("/components/fonts/font-icons.ttf") format("truetype"), url("/components/fonts/font-icons.svg#font-icons") format("svg"); }

.icon-arrow-down:before, .icon-arrow-left:before, .rsDefault.rsHor .rsArrowLeft .rsArrowIcn:before, .ar .btn.btn-more .icon-arrow-right:before, .ar .btn.btn-more .icon-arrow-left:before, .ar .icon-arrow-right:before, .ar .icon-arrow-left:before, .ar .calendar-nav .owl-carousel .owl-next:before, .calendar-nav .owl-carousel .ar .owl-next:before, .ar .calendar-nav .owl-carousel .owl-prev:before, .ar .hero .owl-carousel .owl-next:before, .hero .owl-carousel .ar .owl-next:before, .ar .hero__originals .owl-carousel .owl-next:before, .hero__originals .owl-carousel .ar .owl-next:before, .ar .section-page__live .section__calendar .calendar-nav .owl-carousel .owl-prev:before, .calendar-nav .owl-carousel .owl-prev:before, .hero .owl-carousel .owl-prev:before, .hero__originals .owl-carousel .owl-prev:before, .hero .owl-carousel.owl-rtl .owl-next:before, .hero__originals .owl-carousel.owl-rtl .owl-next:before, .section-page__live .section__calendar .calendar-nav .owl-carousel .owl-prev:before, .icon-arrow-right:before, .rsDefault.rsHor .rsArrowRight .rsArrowIcn:before, .calendar-nav .owl-carousel .owl-next:before, .hero .owl-carousel .owl-next:before, .hero__originals .owl-carousel .owl-next:before, .hero .owl-carousel.owl-rtl .owl-prev:before, .hero__originals .owl-carousel.owl-rtl .owl-prev:before, .section-page__live .section__calendar .calendar-nav .owl-carousel .owl-next:before, .icon-arrow-up:before, .icon-athletes_placeholder:before, .athlete--img__fallback:before, .icon-avatar:before, .icon-caret-down:before, .icon-caret-up:before, .icon-chevron-down:before, .icon-chevron-left-solid:before, .calendar-container .owl-carousel .owl-prev:before, .icon-chevron-right-solid:before, .calendar-container .owl-carousel .owl-next:before, .icon-circle-arrow-down:before, .icon-more:before, .icon-less:before, .icon-circle-arrow-left:before, .owl-carousel .owl-prev:before, .owl-carousel.owl-rtl .owl-next:before, .icon-circle-arrow-right:before, .owl-carousel .owl-next:before, .owl-carousel.owl-rtl .owl-prev:before, .icon-circle-arrow-up:before, .icon-close-button:before, .icon-danger:before, .icon-email:before, .icon-epg:before, .icon-facebook:before, .icon-favorite:before, .icon-featured-circle:before, .icon-file-generic:before, .icon-file-pdf:before, .icon-fullscreen:before, .icon-google:before, .icon-instagram:before, .icon-photogallery-icon:before, .icon-play-button:before, .countdown--overlay .countdown--icon .icon-play:before, .icon-quotes:before, blockquote:before, .icon-search:before, .icon-share:before, .icon-summer:before, .icon-thumbnails:before, .icon-twitter:before, .icon-wechat:before, .icon-winter:before, .icon-yog:before, .icon-z-podcast-icon:before, .icon-zz-account-bell:before, .icon-zz-account-tv:before, .icon-zz-logout:before, .card-athlete__featured .article--img:before, #video-player-container.player-container .vjs-big-play-button:before {
  font-family: "font-icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none; }

.icon-arrow-down:before {
  content: ""; }

.icon-arrow-left:before, .rsDefault.rsHor .rsArrowLeft .rsArrowIcn:before, .ar .btn.btn-more .icon-arrow-right:before, .ar .btn.btn-more .icon-arrow-left:before, .ar .icon-arrow-right:before, .ar .rsDefault.rsHor .rsArrowRight .rsArrowIcn:before, .rsDefault.rsHor .rsArrowRight .ar .rsArrowIcn:before, .ar .icon-arrow-left:before, .ar .calendar-nav .owl-carousel .owl-next:before, .calendar-nav .owl-carousel .ar .owl-next:before, .ar .calendar-nav .owl-carousel .owl-prev:before, .ar .hero .owl-carousel .owl-next:before, .hero .owl-carousel .ar .owl-next:before, .ar .hero__originals .owl-carousel .owl-next:before, .hero__originals .owl-carousel .ar .owl-next:before, .ar .hero .owl-carousel.owl-rtl .owl-prev:before, .hero .owl-carousel.owl-rtl .ar .owl-prev:before, .ar .hero__originals .owl-carousel.owl-rtl .owl-prev:before, .hero__originals .owl-carousel.owl-rtl .ar .owl-prev:before, .ar .section-page__live .section__calendar .calendar-nav .owl-carousel .owl-next:before, .section-page__live .section__calendar .calendar-nav .owl-carousel .ar .owl-next:before, .ar .section-page__live .section__calendar .calendar-nav .owl-carousel .owl-prev:before, .calendar-nav .owl-carousel .owl-prev:before, .hero .owl-carousel .owl-prev:before, .hero__originals .owl-carousel .owl-prev:before, .hero .owl-carousel.owl-rtl .owl-next:before, .hero__originals .owl-carousel.owl-rtl .owl-next:before, .section-page__live .section__calendar .calendar-nav .owl-carousel .owl-prev:before {
  content: ""; }

.icon-arrow-right:before, .rsDefault.rsHor .rsArrowRight .rsArrowIcn:before, .ar .icon-arrow-left:before, .calendar-nav .owl-carousel .owl-next:before, .ar .calendar-nav .owl-carousel .owl-prev:before, .hero .owl-carousel .owl-next:before, .hero__originals .owl-carousel .owl-next:before, .hero .owl-carousel.owl-rtl .owl-prev:before, .hero__originals .owl-carousel.owl-rtl .owl-prev:before, .section-page__live .section__calendar .calendar-nav .owl-carousel .owl-next:before, .ar .section-page__live .section__calendar .calendar-nav .owl-carousel .owl-prev:before {
  content: ""; }

.icon-arrow-up:before {
  content: ""; }

.icon-athletes_placeholder:before, .athlete--img__fallback:before {
  content: ""; }

.icon-avatar:before {
  content: ""; }

.icon-caret-down:before {
  content: ""; }

.icon-caret-up:before {
  content: ""; }

.icon-chevron-down:before {
  content: ""; }

.icon-chevron-left-solid:before, .calendar-container .owl-carousel .owl-prev:before {
  content: ""; }

.icon-chevron-right-solid:before, .calendar-container .owl-carousel .owl-next:before {
  content: ""; }

.icon-circle-arrow-down:before, .icon-more:before, .icon-less:before {
  content: ""; }

.icon-circle-arrow-left:before, .owl-carousel .owl-prev:before, .owl-carousel.owl-rtl .owl-next:before {
  content: ""; }

.icon-circle-arrow-right:before, .owl-carousel .owl-next:before, .owl-carousel.owl-rtl .owl-prev:before {
  content: ""; }

.icon-circle-arrow-up:before, .icon-less:before {
  content: ""; }

.icon-close-button:before {
  content: ""; }

.icon-danger:before {
  content: ""; }

.icon-email:before {
  content: ""; }

.icon-epg:before {
  content: ""; }

.icon-facebook:before {
  content: ""; }

.icon-favorite:before {
  content: ""; }

.icon-featured-circle:before {
  content: ""; }

.icon-file-generic:before {
  content: ""; }

.icon-file-pdf:before {
  content: ""; }

.icon-fullscreen:before {
  content: ""; }

.icon-google:before {
  content: ""; }

.icon-instagram:before {
  content: ""; }

.icon-photogallery-icon:before {
  content: ""; }

.icon-play-button:before, .countdown--overlay .countdown--icon .icon-play:before {
  content: ""; }

.icon-quotes:before, blockquote:before {
  content: ""; }

.icon-search:before {
  content: ""; }

.icon-share:before {
  content: ""; }

.icon-summer:before {
  content: ""; }

.icon-thumbnails:before {
  content: ""; }

.icon-twitter:before {
  content: ""; }

.icon-wechat:before {
  content: ""; }

.icon-winter:before {
  content: ""; }

.icon-yog:before {
  content: ""; }

.icon-z-podcast-icon:before {
  content: ""; }

.icon-zz-account-bell:before {
  content: ""; }

.icon-zz-account-tv:before {
  content: ""; }

.icon-zz-logout:before {
  content: ""; }

.jw-skin-ocs-prod .jw-icon-inline:hover, .jw-skin-ocs-prod .jw-icon-inline:focus,
.jw-skin-ocs-prod .jw-icon:hover,
.jw-skin-ocs-prod .jw-icon:focus {
  -moz-transition: border-color 0.4s ease, background 0.4s ease;
  -o-transition: border-color 0.4s ease, background 0.4s ease;
  -ms-transition: border-color 0.4s ease, background 0.4s ease;
  -webkit-transition: border-color 0.4s ease, background 0.4s ease;
  transition: border-color 0.4s ease, background 0.4s ease; }

.jw-skin-ocs-prod .jw-icon-inline:before,
.jw-skin-ocs-prod .jw-icon:before {
  font-size: 32px;
  font-family: jw-icofont; }

.jw-skin-ocs-prod .jw-display-icon-container .jw-svg-icon,
.jw-skin-ocs-prod .jw-icon-live .jw-svg-icon,
.jw-skin-ocs-prod .jw-sharing-dock-btn .jw-svg-icon,
.jw-skin-ocs-prod .jw-active-option .jw-svg-icon,
.jw-skin-ocs-prod .jw-icon-audio-tracks .jw-svg-icon,
.jw-skin-ocs-prod .jw-settings-captions .jw-svg-icon,
.jw-skin-ocs-prod .jw-icon-cc .jw-svg-icon,
.jw-skin-ocs-prod .jw-icon-fullscreen .jw-svg-icon,
.jw-skin-ocs-prod .jw-icon-more .jw-svg-icon,
.jw-skin-ocs-prod .jw-icon-volume .jw-svg-icon,
.jw-skin-ocs-prod .jw-icon-play .jw-svg-icon,
.jw-skin-ocs-prod .jw-icon-playback .jw-svg-icon {
  display: none !important; }

.jw-skin-ocs-prod .jw-display-icon-display .jw-svg-icon-replay,
.jw-skin-ocs-prod .jw-display-icon-next, .jw-skin-ocs-prod .jw-icon-next,
.jw-skin-ocs-prod .jw-display-icon-rewind, .jw-skin-ocs-prod .jw-icon-rewind {
  display: none !important; }

.jw-skin-ocs-prod .jw-icon-settings {
  padding-left: 5px; }

.jw-skin-ocs-prod .jw-settings-menu .jw-icon::after, .jw-skin-ocs-prod .jw-icon-settings::after, .jw-skin-ocs-prod .jw-icon-volume::after, .jw-skin-ocs-prod .jw-time-tip::after, .jw-skin-ocs-prod .jw-settings-menu .jw-icon.jw-button-color::after, .jw-skin-ocs-prod .jw-controlbar .jw-tooltip::after, .jw-skin-ocs-prod .jw-settings-menu .jw-tooltip::after {
  display: none; }

.jw-skin-ocs-prod .jw-icon, .jw-skin-ocs-prod .jw-sharing-icon-facebook, .jw-skin-ocs-prod .jw-sharing-icon-twitter, .jw-skin-ocs-prod .jw-sharing-icon-email, .jw-skin-ocs-prod .jw-icon-display::before, .jw-skin-ocs-prod .jw-active-option::after, .jw-skin-ocs-prod .jw-icon-cast {
  color: #fff; }

.jw-skin-ocs-prod .jw-icon-cast [type="button"] {
  -webkit-appearance: none !important; }

.jw-skin-ocs-prod .jw-icon-playback::before {
  content: "\EA40";
  position: relative;
  left: 2px; }

.jw-skin-ocs-prod.jw-state-playing .jw-icon-display::before {
  content: "\EA41"; }

.jw-skin-ocs-prod .jw-icon-fullscreen::before {
  content: "\EA45"; }

.jw-skin-ocs-prod .jw-icon-more::before {
  content: "\EA50" !important; }

.jw-skin-ocs-prod .jw-settings-captions::before, .jw-skin-ocs-prod .jw-icon-cc::before {
  content: "\EA51"; }

.jw-skin-ocs-prod .jw-icon-audio-tracks::before {
  content: "\EA52"; }

.jw-skin-ocs-prod .jw-icon-volume::before {
  content: "\EA43"; }

.jw-skin-ocs-prod .jw-icon-volume.jw-off::before {
  content: "\EA44"; }

.jw-skin-ocs-prod .jw-active-option::after {
  content: "\EA20"; }

.jw-skin-ocs-prod .jw-icon-cast button {
  fill: #fff; }
  .jw-skin-ocs-prod .jw-icon-cast button:hover {
    fill: #EE334E; }

.jw-skin-ocs-prod .jw-sharing-dock-btn .jw-dock-image::before {
  content: "\EA14"; }

.jw-skin-ocs-prod .jw-sharing-content .jw-sharing-icon-facebook::before {
  content: "\EA90"; }

.jw-skin-ocs-prod .jw-sharing-content .jw-sharing-icon-twitter::before {
  content: "\EA92"; }

.jw-skin-ocs-prod .jw-sharing-content .jw-sharing-icon-email::before {
  content: "\EA21"; }

.jw-skin-ocs-prod .jw-sharing-close-icon::before {
  content: "\EA03"; }

.jw-skin-ocs-prod .jw-icon-hd,
.jw-skin-ocs-prod .jw-icon-rewind,
.jw-skin-ocs-prod .jw-display-icon-rewind,
.jw-skin-ocs-prod .jw-rightclick-logo,
.jw-skin-ocs-prod .jw-controlbar-left-group .icon-player-playlist {
  display: none; }

.jw-skin-ocs-prod .jw-controlbar-left-group .jw-icon-playback {
  display: inline-block !important; }

.jw-skin-ocs-prod.jw-state-playing {
  /*.jw-display-icon-container {
        display: none;
    }*/ }
  .jw-skin-ocs-prod.jw-state-playing .jw-icon-playback::before {
    content: "\EA41"; }

.jw-skin-ocs-prod.jw-state-paused .jw-icon-playback::before {
  content: "\EA40";
  position: relative;
  left: 2px; }

.jw-skin-ocs-prod.jw-state-paused .jw-icon-display:before {
  content: "\EA40";
  position: relative;
  left: 2px; }

.jw-skin-ocs-prod.jw-state-complete .jw-icon-playback::before {
  content: "\EA49"; }

.jw-skin-ocs-prod.jw-state-buffering .jw-icon-playback::before {
  content: "\EA41"; }

.jw-skin-ocs-prod.jw-state-buffering .jw-icon-display::before {
  content: "\EA47" !important; }

.jw-skin-ocs-prod.jw-state-idle .jw-icon-display::before {
  content: "\EA40";
  position: relative;
  left: 2px; }

.jw-skin-ocs-prod.jw-flag-fullscreen .jw-icon-fullscreen::before {
  content: "\EA46"; }

.jw-skin-ocs-prod.jw-state-error .jw-icon-display::before {
  content: "\EA53"; }

.jw-skin-ocs-prod .jw-button-container {
  padding: 0; }

.jw-skin-ocs-prod .jw-controls {
  background-image: linear-gradient(to bottom, transparent 66%, #000 100%);
  background-repeat: repeat-x; }

.jw-skin-ocs-prod .jw-controlbar {
  bottom: 10px;
  padding: 0 10px; }
  @media (min-width: 768px) {
    .jw-skin-ocs-prod .jw-controlbar {
      bottom: 26px;
      padding: 0 30px; } }
  .jw-skin-ocs-prod .jw-controlbar .jw-text {
    color: rgba(255, 255, 255, 0.6); }
  .jw-skin-ocs-prod .jw-controlbar .jw-text-duration:before {
    display: none; }
  .jw-skin-ocs-prod .jw-controlbar .jw-text-duration {
    margin-right: 10px; }
    @media (max-width: 767.98px) {
      .jw-skin-ocs-prod .jw-controlbar .jw-text-duration {
        display: none; } }
  .jw-skin-ocs-prod .jw-controlbar .jw-text-elapsed {
    margin-left: 10px; }
    @media (max-width: 767.98px) {
      .jw-skin-ocs-prod .jw-controlbar .jw-text-elapsed {
        display: none; } }
  @media (max-width: 767.98px) {
    .jw-skin-ocs-prod .jw-controlbar .jw-text-countdown {
      display: none; } }
  @media (min-width: 768px) {
    .jw-skin-ocs-prod .jw-controlbar .jw-slider-time {
      padding: 0 20px; } }
  .jw-skin-ocs-prod .jw-controlbar .jw-icon-fullscreen {
    order: 4; }
  .jw-skin-ocs-prod .jw-controlbar .jw-icon-volume {
    order: 3; }
  .jw-skin-ocs-prod .jw-controlbar .jw-text-duration {
    order: 1; }
  .jw-skin-ocs-prod .jw-controlbar .jw-icon-cast, .jw-skin-ocs-prod .jw-controlbar .jw-icon-airplay, .jw-skin-ocs-prod .jw-controlbar .jw-icon-settings, .jw-skin-ocs-prod .jw-controlbar .jw-settings-sharing, .jw-skin-ocs-prod .jw-controlbar .jw-icon-cc {
    order: 2; }

.jw-skin-ocs-prod .jw-volume-tip {
  padding: 10px 0 10px; }

.jw-skin-ocs-prod .jw-slider-horizontal .jw-rail {
  background: rgba(255, 255, 255, 0.4);
  border-radius: 3px;
  height: 8px; }
  @media (min-width: 568px) {
    .jw-skin-ocs-prod .jw-slider-horizontal .jw-rail {
      height: 8px; } }

.jw-skin-ocs-prod .jw-slider-horizontal .jw-buffer {
  background: rgba(0, 0, 0, 0.4);
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  height: 8px; }

.jw-skin-ocs-prod .jw-slider-horizontal .jw-progress {
  background: #EE334E;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  height: 7px; }

.jw-skin-ocs-prod .jw-slider-horizontal .jw-time-tip {
  border: none;
  box-shadow: none;
  background: rgba(0, 0, 0, 0.6);
  padding: 2px 3px;
  border-radius: 3px; }
  .jw-skin-ocs-prod .jw-slider-horizontal .jw-time-tip:after {
    display: none; }
  .jw-skin-ocs-prod .jw-slider-horizontal .jw-time-tip .jw-text {
    font-size: 12px;
    font-size: 0.75rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 16px;
    background-color: transparent;
    color: rgba(255, 255, 255, 0.6);
    padding: 3px 10px; }
    .ko .jw-skin-ocs-prod .jw-slider-horizontal .jw-time-tip .jw-text {
      font-size: 10px;
      font-size: 0.625rem; }
    .ko .jw-skin-ocs-prod .jw-slider-horizontal .jw-time-tip .jw-text,
    .zh .jw-skin-ocs-prod .jw-slider-horizontal .jw-time-tip .jw-text {
      line-height: 18px; }

.jw-skin-ocs-prod .jw-slider-horizontal .jw-cue {
  display: none; }

.jw-skin-ocs-prod .jw-knob {
  background-color: #EE334E;
  width: 20px;
  height: 20px;
  border: 6px solid #fff;
  border-radius: 10px;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05);
  -moz-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1); }

.jw-skin-ocs-prod.jwplayer.jw-state-paused .jw-display-icon-display {
  display: block !important; }

.countdown--overlay {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  background-repeat: repeat-x;
  z-index: 20;
  pointer-events: all; }
  .countdown--overlay .countdown {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    height: 100%;
    width: 90%;
    margin: auto; }
  .countdown--overlay .countdown--content {
    color: #fff;
    margin-left: 10px; }
  .countdown--overlay .countdown--label {
    font-weight: bold;
    font-size: 14px;
    font-size: 0.875rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 18px; }
    .ko .countdown--overlay .countdown--label {
      font-size: 12px;
      font-size: 0.75rem; }
    .ko .countdown--overlay .countdown--label,
    .zh .countdown--overlay .countdown--label {
      line-height: 20px; }
  .countdown--overlay .countdown--title {
    font-size: 18px;
    font-size: 1.125rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 20px;
    text-transform: uppercase;
    margin: 5px 0; }
    .countdown--overlay .countdown--title > span {
      -webkit-box-decoration-break: clone;
      -ms-box-decoration-break: clone;
      -o-box-decoration-break: clone;
      box-decoration-break: clone;
      display: inline;
      background: #0081C8;
      color: #fff; }
    @media all and (-ms-high-contrast: none) {
      .countdown--overlay .countdown--title {
        /* IE10 */
        /* IE11 */ }
        .countdown--overlay .countdown--title span {
          background-color: #0081C8;
          background-image: linear-gradient(to right, #0081C8 0%, #0081C8 100%); }
        .countdown--overlay .countdown--title *::-ms-backdrop, .countdown--overlay .countdown--title span {
          background-color: #0081C8;
          background-image: linear-gradient(to right, #0081C8 0%, #0081C8 100%); } }
    .ko .countdown--overlay .countdown--title {
      font-size: 16px;
      font-size: 1rem; }
    .ko .countdown--overlay .countdown--title,
    .zh .countdown--overlay .countdown--title {
      line-height: 22px; }
  .countdown--overlay .countdown--info {
    font-weight: bold;
    font-size: 12px;
    font-size: 0.75rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 14px; }
    .ko .countdown--overlay .countdown--info {
      font-size: 10px;
      font-size: 0.625rem; }
    .ko .countdown--overlay .countdown--info,
    .zh .countdown--overlay .countdown--info {
      line-height: 16px; }
  .countdown--overlay .btn-stop {
    text-decoration: underline !important;
    margin-left: 5px; }
  .countdown--overlay .countdown--icon {
    position: relative;
    display: flex;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 100%;
    width: 52px;
    height: 52px;
    cursor: pointer; }
    .countdown--overlay .countdown--icon.active circle {
      animation: countdown linear infinite forwards; }
    .countdown--overlay .countdown--icon .icon-play {
      font-family: "font-icons";
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      color: #fff;
      margin-left: 1px;
      width: 52px !important;
      height: 52px !important; }
    .countdown--overlay .countdown--icon svg {
      width: 52px;
      height: 52px; }
      .countdown--overlay .countdown--icon svg circle {
        stroke-dasharray: 113px;
        stroke-dashoffset: 0px;
        stroke-linecap: round;
        stroke-width: 2px;
        stroke: white;
        fill: none; }

@media (min-width: 568px) {
  .player-container:not(.player-minimized) .countdown {
    width: 70%; } }

@media (min-width: 992px) {
  .player-container:not(.player-minimized) .countdown {
    width: 50%; } }

@media (min-width: 768px) {
  .player-container:not(.player-minimized) .countdown--content {
    margin-left: 50px; } }

@media (min-width: 768px) {
  .player-container:not(.player-minimized) .countdown--label {
    font-size: 16px;
    font-size: 1rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 21px; }
    .ko .player-container:not(.player-minimized) .countdown--label {
      font-size: 14px;
      font-size: 0.875rem; }
    .ko .player-container:not(.player-minimized) .countdown--label,
    .zh .player-container:not(.player-minimized) .countdown--label {
      line-height: 23px; } }

@media (min-width: 768px) {
  .player-container:not(.player-minimized) .countdown--title {
    font-size: 24px;
    font-size: 1.5rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 28px;
    margin: 10px 0; }
    .ko .player-container:not(.player-minimized) .countdown--title {
      font-size: 22px;
      font-size: 1.375rem; }
    .ko .player-container:not(.player-minimized) .countdown--title,
    .zh .player-container:not(.player-minimized) .countdown--title {
      line-height: 30px; } }

@media (min-width: 768px) {
  .player-container:not(.player-minimized) .countdown--info {
    font-size: 14px;
    font-size: 0.875rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 17px; }
    .ko .player-container:not(.player-minimized) .countdown--info {
      font-size: 12px;
      font-size: 0.75rem; }
    .ko .player-container:not(.player-minimized) .countdown--info,
    .zh .player-container:not(.player-minimized) .countdown--info {
      line-height: 19px; } }

@media (min-width: 768px) {
  .player-container:not(.player-minimized) .countdown--icon .icon-play {
    font-size: 25px;
    font-size: 1.5625rem;
    /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
    line-height: 1; }
    .ko .player-container:not(.player-minimized) .countdown--icon .icon-play {
      font-size: 23px;
      font-size: 1.4375rem; }
    .ko .player-container:not(.player-minimized) .countdown--icon .icon-play,
    .zh .player-container:not(.player-minimized) .countdown--icon .icon-play {
      line-height: 3px; } }

@media (min-width: 768px) {
  .player-container:not(.player-minimized) .countdown--icon svg {
    transform: scale(1.8); } }

@keyframes countdown {
  from {
    stroke-dashoffset: 0px; }
  to {
    stroke-dashoffset: 113px; } }

.player-minimized .playlist {
  display: none; }

.jw-overlays .playlist .playlist--episodes:after {
  display: none; }

.playlist {
  padding-top: 1rem;
  padding-bottom: 1.5rem;
  position: relative;
  border-bottom: 1px solid #adb5bd;
  display: flex;
  flex-flow: row wrap; }
  .countdown--overlay .playlist {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    border: none;
    display: none; }
    @media (min-width: 768px) {
      .countdown--overlay .playlist {
        display: block; } }
    .countdown--overlay .playlist .playlist--main {
      display: none; }
    .countdown--overlay .playlist .playlist--main + .playlist--episodes {
      border-left: none;
      padding-left: 10px;
      padding-right: 10px;
      width: 100%; }
    .countdown--overlay .playlist .series .article--title .episode--title,
    .countdown--overlay .playlist .series .article--title .episode--number,
    .countdown--overlay .playlist .series .article--title .article--title,
    .countdown--overlay .playlist .episodes .episodes-wrapper .episode .episode--title,
    .countdown--overlay .playlist .episodes .episodes-wrapper .episode .episode--number,
    .countdown--overlay .playlist .episodes .episodes-wrapper .episode .article--title {
      color: #fff; }
  @media (min-width: 992px) {
    .playlist {
      flex-flow: row nowrap; } }
  .playlist .playlist--main {
    flex-basis: 100%; }
    @media (min-width: 992px) {
      .playlist .playlist--main {
        flex-basis: 320px; } }
  .playlist .playlist--main + .playlist--episodes {
    width: 100%; }
    @media (min-width: 992px) {
      .playlist .playlist--main + .playlist--episodes {
        padding-left: 1rem;
        border-left: 1px dashed #adb5bd;
        width: calc(100% - 320px); } }
  .playlist .playlist--episodes {
    overflow: hidden;
    align-self: flex-end;
    position: relative;
    width: 100%; }
    .playlist .playlist--episodes:after {
      content: "";
      display: block;
      position: absolute;
      width: 0;
      height: 100%;
      top: 0;
      right: 0;
      -moz-transition: z-index 0.5s ease-in-out;
      -o-transition: z-index 0.5s ease-in-out;
      -ms-transition: z-index 0.5s ease-in-out;
      -webkit-transition: z-index 0.5s ease-in-out;
      transition: z-index 0.5s ease-in-out;
      background: #f0f0f0;
      background: linear-gradient(90deg, rgba(240, 240, 240, 0) 0%, #F0F0F0 50%, #F0F0F0 100%); }
      @media (min-width: 768px) {
        .playlist .playlist--episodes:after {
          width: 7%; } }
  .playlist .playlist--episodes {
    overflow: hidden;
    align-self: flex-end;
    position: relative;
    width: 100%; }
    .playlist .playlist--episodes:after {
      content: "";
      display: block;
      position: absolute;
      width: 0;
      height: 100%;
      top: 0;
      right: 0;
      -moz-transition: z-index 0.5s ease-in-out;
      -o-transition: z-index 0.5s ease-in-out;
      -ms-transition: z-index 0.5s ease-in-out;
      -webkit-transition: z-index 0.5s ease-in-out;
      transition: z-index 0.5s ease-in-out;
      background: none; }
      @media (min-width: 768px) {
        .playlist .playlist--episodes:after {
          width: 7%; } }
  .playlist .series {
    width: 290px;
    min-width: 290px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap; }
    .playlist .series:before {
      display: none !important; }
    @media (min-width: 768px) {
      .playlist .series {
        width: 300px; } }
    @media (min-width: 992px) {
      .playlist .series {
        width: 320px; } }
    .playlist .series .article--img {
      width: 116px; }
    .playlist .series .article--content {
      height: auto !important;
      width: 100%; }
    @media (max-width: 991.98px) {
      .playlist .series {
        width: 100%; } }
    .playlist .series:hover .article--img > picture img {
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1); }
    .playlist .series:hover .article--title {
      color: #2d2d2d; }
    .playlist .series .article--content {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: column wrap;
      -webkit-flex-flow: column wrap;
      flex-flow: column wrap;
      -ms-flex-align: start;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      -ms-flex-pack: justify;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      color: rgba(45, 45, 45, 0.75); }
      @media (max-width: 991.98px) {
        .playlist .series .article--content {
          -ms-flex-pack: justify;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
          justify-content: space-between;
          -ms-flex-flow: row nowrap;
          -webkit-flex-flow: row nowrap;
          flex-flow: row nowrap;
          padding: 0 0 20px !important;
          margin: 0 0 20px;
          border-bottom: 1px solid #adb5bd; } }
    .playlist .series .article--img {
      display: none;
      height: 143px;
      width: 85px; }
      .playlist .series .article--img img {
        height: 143px;
        width: 85px; }
      @media (min-width: 992px) {
        .playlist .series .article--img {
          display: block; } }
    .playlist .series .series--info {
      font-size: 15px;
      font-size: 0.9375rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 20px;
      min-width: 82px; }
      .ko .playlist .series .series--info {
        font-size: 13px;
        font-size: 0.8125rem; }
      .ko .playlist .series .series--info,
      .zh .playlist .series .series--info {
        line-height: 22px; }
    .playlist .series .series--season {
      text-transform: uppercase;
      font-weight: bold;
      color: #2d2d2d;
      font-size: 15px;
      font-size: 0.9375rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 20px; }
      .ko .playlist .series .series--season {
        font-size: 13px;
        font-size: 0.8125rem; }
      .ko .playlist .series .series--season,
      .zh .playlist .series .series--season {
        line-height: 22px; }
  .playlist .episodes {
    overflow: hidden;
    position: relative;
    direction: ltr; }
    .playlist .episodes:hover .controls {
      opacity: 1; }
    .playlist .episodes .controls {
      display: none; }
      @media (min-width: 768px) {
        .playlist .episodes .controls {
          display: block;
          background-color: #818181;
          cursor: pointer;
          height: 100%;
          position: absolute;
          width: 2.5rem;
          z-index: 3;
          color: #fff;
          opacity: 0;
          -moz-transition: opacity 0.3s ease-in;
          -o-transition: opacity 0.3s ease-in;
          -ms-transition: opacity 0.3s ease-in;
          -webkit-transition: opacity 0.3s ease-in;
          transition: opacity 0.3s ease-in; }
          .playlist .episodes .controls:before {
            position: absolute;
            top: 50%;
            left: 50% /*rtl:ignore*/;
            -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
            -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
            -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
            -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
            transform: translate(-50%, -50%) /*rtl:ignore*/;
            font-family: "font-icons"; }
          .playlist .episodes .controls.controls-left {
            left: 0;
            right: auto; }
            .playlist .episodes .controls.controls-left:before {
              content: "\E002"; }
          .playlist .episodes .controls.controls-right {
            right: 0;
            left: auto; }
            .playlist .episodes .controls.controls-right:before {
              content: "\E003"; }
          .ar .playlist .episodes .controls.controls-left:before {
            content: "\E003"; }
          .ar .playlist .episodes .controls.controls-right:before {
            content: "\E002"; }
          .playlist .episodes .controls.hidden {
            display: none; } }
    .playlist .episodes .episodes--alert {
      font-size: 28px;
      font-size: 1.75rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 110px;
      font-weight: normal; }
      .ko .playlist .episodes .episodes--alert {
        font-size: 26px;
        font-size: 1.625rem; }
      .ko .playlist .episodes .episodes--alert,
      .zh .playlist .episodes .episodes--alert {
        line-height: 112px; }
    .playlist .episodes .episodes-wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: horizontal;
      -ms-flex-direction: row;
      -webkit-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: none;
      flex-wrap: nowrap; }
      .playlist .episodes .episodes-wrapper .episode--link {
        text-decoration: none; }
        .playlist .episodes .episodes-wrapper .episode--link:hover .article--title, .playlist .episodes .episodes-wrapper .episode--link:focus .article--title {
          color: #0081C8; }
      .playlist .episodes .episodes-wrapper .cursor-default {
        cursor: default !important; }
        .playlist .episodes .episodes-wrapper .cursor-default:hover .article--title, .playlist .episodes .episodes-wrapper .cursor-default:focus .article--title {
          color: #2d2d2d; }
      .playlist .episodes .episodes-wrapper.animate {
        transition: all cubic-bezier(0, 0.86, 0.65, 1.1) 0.7s; }
      .playlist .episodes .episodes-wrapper .episode {
        width: 290px;
        min-width: 290px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: none;
        flex-wrap: nowrap; }
        .playlist .episodes .episodes-wrapper .episode:before {
          display: none !important; }
        @media (min-width: 768px) {
          .playlist .episodes .episodes-wrapper .episode {
            width: 300px; } }
        @media (min-width: 992px) {
          .playlist .episodes .episodes-wrapper .episode {
            width: 320px; } }
        .playlist .episodes .episodes-wrapper .episode .article--img {
          width: 116px; }
        .playlist .episodes .episodes-wrapper .episode .article--content {
          height: auto !important;
          width: 100%; }
        .playlist .episodes .episodes-wrapper .episode .episode-wrapper {
          width: inherit;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-direction: normal;
          -webkit-box-orient: horizontal;
          -ms-flex-direction: row;
          -webkit-flex-direction: row;
          flex-direction: row;
          -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: none;
          flex-wrap: nowrap; }
        .playlist .episodes .episodes-wrapper .episode .article--img {
          position: relative;
          width: 90px;
          height: 90px; }
          @media (min-width: 568px) {
            .playlist .episodes .episodes-wrapper .episode .article--img {
              width: 116px;
              height: 116px; } }
          .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption {
            background-color: rgba(0, 0, 0, 0.5);
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            color: #fff;
            font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
            text-transform: uppercase;
            font-weight: bold;
            z-index: 1;
            text-align: center; }
            .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption .article--label, .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption .article--label__current,
            .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption .article--label__upcoming, .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption .article--label__highlight, .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption .article--label__duration, .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption .article--label__breaking, .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption .article--label__live {
              position: absolute;
              top: 50%;
              left: 50% /*rtl:ignore*/;
              -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
              -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
              -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
              -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
              transform: translate(-50%, -50%) /*rtl:ignore*/;
              font-size: 26px;
              font-size: 1.625rem;
              font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
              /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
              line-height: 22px;
              font-weight: normal; }
              .ko .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption .article--label, .ko .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption .article--label__current,
              .ko .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption .article--label__upcoming, .ko .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption .article--label__highlight, .ko .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption .article--label__duration, .ko .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption .article--label__breaking, .ko .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption .article--label__live {
                font-size: 24px;
                font-size: 1.5rem; }
              .ko .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption .article--label, .ko .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption .article--label__current,
              .ko .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption .article--label__upcoming, .ko .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption .article--label__highlight, .ko .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption .article--label__duration, .ko .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption .article--label__breaking, .ko .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption .article--label__live,
              .zh .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption .article--label,
              .zh .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption .article--label__current,
              .zh .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption .article--label__upcoming,
              .zh .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption .article--label__highlight,
              .zh .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption .article--label__duration,
              .zh .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption .article--label__breaking,
              .zh .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption .article--label__live {
                line-height: 24px; }
            .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption .authenticated-content--label {
              position: relative;
              top: 0;
              float: right;
              background-color: #FCB131;
              color: #000;
              font-family: AktivGrotesk, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
              font-size: 0.7rem;
              padding: 5px 5px 2px;
              font-weight: bold;
              text-transform: uppercase; }
            .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption.current {
              border: 5px solid #EE334E; }
              .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption.current.plus {
                border: 5px solid #FCB131; }
              .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption.current .article--label, .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption.current .article--label__current,
              .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption.current .article--label__upcoming, .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption.current .article--label__highlight, .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption.current .article--label__duration, .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption.current .article--label__breaking, .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption.current .article--label__live {
                color: #EE334E;
                font-weight: bold; }
                .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption.current .article--label.plus, .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption.current .plus.article--label__current,
                .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption.current .plus.article--label__upcoming, .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption.current .plus.article--label__highlight, .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption.current .plus.article--label__duration, .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption.current .plus.article--label__breaking, .playlist .episodes .episodes-wrapper .episode .article--img .article--img-caption.current .plus.article--label__live {
                  color: #FCB131; }
        .playlist .episodes .episodes-wrapper .episode .episode--info {
          font-size: 15px;
          font-size: 0.9375rem;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 20px;
          color: rgba(45, 45, 45, 0.75); }
          .ko .playlist .episodes .episodes-wrapper .episode .episode--info {
            font-size: 13px;
            font-size: 0.8125rem; }
          .ko .playlist .episodes .episodes-wrapper .episode .episode--info,
          .zh .playlist .episodes .episodes-wrapper .episode .episode--info {
            line-height: 22px; }
        .playlist .episodes .episodes-wrapper .episode .episode--title {
          color: rgba(45, 45, 45, 0.75); }
        .playlist .episodes .episodes-wrapper .episode .episode--number {
          text-transform: uppercase;
          font-weight: bold;
          color: #2d2d2d; }
  .playlist.playlist__live {
    /* Text inside the control */
    /* when p>50, don't clip left half*/
    /* Progress bar filling the whole right half for values above 50% */ }
    .playlist.playlist__live .playlist--series-live-wrapper {
      display: table; }
      @media (max-width: 1199.98px) {
        .playlist.playlist__live .playlist--series-live-wrapper {
          position: relative;
          width: 100%;
          padding: 0 0 10px 0; } }
    .playlist.playlist__live .live-now-circle-wrapper {
      display: table-cell; }
      @media (max-width: 1199.98px) {
        .playlist.playlist__live .live-now-circle-wrapper {
          vertical-align: middle;
          text-transform: uppercase; } }
    .playlist.playlist__live .playlist--series-info {
      display: table-cell;
      vertical-align: middle;
      text-align: right;
      text-transform: uppercase;
      font-weight: bold;
      font-size: 15px;
      font-size: 0.9375rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 20px; }
      .ko .playlist.playlist__live .playlist--series-info {
        font-size: 13px;
        font-size: 0.8125rem; }
      .ko .playlist.playlist__live .playlist--series-info,
      .zh .playlist.playlist__live .playlist--series-info {
        line-height: 22px; }
      @media (min-width: 992px) {
        .playlist.playlist__live .playlist--series-info {
          text-align: center;
          width: 100%; } }
    @media (max-width: 1199.98px) {
      .playlist.playlist__live .playlist--episodes {
        position: relative;
        width: 100%; } }
    .playlist.playlist__live .progress-circle {
      display: block;
      overflow: hidden;
      font-size: 20px;
      position: relative;
      padding: 0;
      width: 7.25rem;
      height: 7.25rem;
      background-color: #F2E9E1;
      border-radius: 50%;
      line-height: 7.25rem; }
      @media (max-width: 991.98px) {
        .playlist.playlist__live .progress-circle {
          display: none; } }
    .playlist.playlist__live .progress-circle:after {
      border: none;
      position: absolute;
      top: 0.25rem;
      left: 0.25rem;
      text-align: center;
      display: block;
      border-radius: 50%;
      width: 6.75rem;
      height: 6.75rem;
      background-color: white;
      content: " "; }
    .playlist.playlist__live .progress-circle span {
      position: absolute;
      position: absolute;
      top: 50%;
      left: 50% /*rtl:ignore*/;
      -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
      -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
      transform: translate(-50%, -50%) /*rtl:ignore*/;
      display: block;
      color: #EE334E;
      z-index: 2;
      font-weight: 700;
      font-size: 26px;
      font-size: 1.625rem;
      font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 26px;
      text-align: center;
      text-transform: uppercase;
      width: 60%; }
      .ko .playlist.playlist__live .progress-circle span {
        font-size: 24px;
        font-size: 1.5rem; }
      .ko .playlist.playlist__live .progress-circle span,
      .zh .playlist.playlist__live .progress-circle span {
        line-height: 28px; }
    .playlist.playlist__live .left-half-clipper {
      /* a round circle */
      border-radius: 50%;
      width: 7.25rem;
      height: 7.25rem;
      position: absolute;
      /* needed for clipping */
      clip: rect(0, 7.25rem, 7.25rem, 2.5em);
      /* clips the whole left half*/ }
    .playlist.playlist__live .progress-circle.over50 .left-half-clipper {
      clip: rect(auto, auto, auto, auto); }
    .playlist.playlist__live .value-bar {
      /*This is an overlayed square, that is made round with the border radius,
		then it is cut to display only the left half, then rotated clockwise
		to escape the outer clipping path.*/
      position: absolute;
      /*needed for clipping*/
      clip: rect(0, 2.5em, 7.25rem, 0);
      width: 7.25rem;
      height: 7.25rem;
      border-radius: 50%;
      border: 0.45em solid #ee334e;
      /*The border is 0.35 but making it larger removes visual artifacts */
      /*background-color: #4D642D;*/
      /* for debug */
      box-sizing: border-box; }
    .playlist.playlist__live .progress-circle.over50 .first50-bar {
      /*Progress bar for the first 50%, filling the whole right half*/
      position: absolute;
      /*needed for clipping*/
      clip: rect(0, 7.25rem, 7.25rem, 2.2rem);
      background-color: #ee334e;
      border-radius: 50%;
      width: 7.25rem;
      height: 7.25rem; }
    .playlist.playlist__live .progress-circle:not(.over50) .first50-bar {
      display: none; }
    .playlist.playlist__live .progress-circle.p100 .value-bar {
      transform: rotate(360deg); }
    .playlist.playlist__live .live-now-mobile-title {
      display: none; }
      @media (max-width: 991.98px) {
        .playlist.playlist__live .live-now-mobile-title {
          display: block;
          color: #EE334E;
          font-weight: bold;
          font-size: 15px;
          font-size: 0.9375rem;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 20px; }
          .ko .playlist.playlist__live .live-now-mobile-title {
            font-size: 13px;
            font-size: 0.8125rem; }
          .ko .playlist.playlist__live .live-now-mobile-title,
          .zh .playlist.playlist__live .live-now-mobile-title {
            line-height: 22px; } }

.jwplayer.jw-skin-ocs-prod .jw-settings-menu {
  background-color: rgba(0, 0, 0, 0.5);
  color: rgba(255, 255, 255, 0.6); }
  .jwplayer.jw-skin-ocs-prod .jw-settings-menu .jw-settings-content-item {
    color: rgba(255, 255, 255, 0.6); }
    .jwplayer.jw-skin-ocs-prod .jw-settings-menu .jw-settings-content-item.jw-settings-item-active, .jwplayer.jw-skin-ocs-prod .jw-settings-menu .jw-settings-content-item:hover, .jwplayer.jw-skin-ocs-prod .jw-settings-menu .jw-settings-content-item:focus {
      color: #fff; }

.jwplayer.jw-skin-ocs-prod .jw-settings-submenu {
  padding-bottom: 25px; }

.jwplayer.jw-skin-ocs-prod .jw-display-icon-container .jw-icon {
  width: 50px;
  height: 50px;
  line-height: 50px;
  border: 3px solid #fff;
  border-radius: 100%;
  -moz-transition: border-color 0.4s ease, background 0.4s ease;
  -o-transition: border-color 0.4s ease, background 0.4s ease;
  -ms-transition: border-color 0.4s ease, background 0.4s ease;
  -webkit-transition: border-color 0.4s ease, background 0.4s ease;
  transition: border-color 0.4s ease, background 0.4s ease; }
  .jwplayer.jw-skin-ocs-prod .jw-display-icon-container .jw-icon::before {
    font-size: 32px;
    width: auto;
    height: auto; }
  @media (min-width: 992px) {
    .jwplayer.jw-skin-ocs-prod .jw-display-icon-container .jw-icon {
      border-width: 4px;
      width: 64px;
      height: 64px;
      line-height: 64px; }
      .jwplayer.jw-skin-ocs-prod .jw-display-icon-container .jw-icon::before {
        font-size: 52px; } }

.jwplayer.jw-skin-ocs-prod.jw-state-paused .jw-display {
  display: table !important; }

.jwplayer.jw-skin-ocs-prod.jw-state-paused .jw-display-icon-display {
  display: block !important; }

.jwplayer.jw-skin-ocs-prod.jw-state-paused .jw-display-icon-rewind,
.jwplayer.jw-skin-ocs-prod.jw-state-paused .jw-display-icon-next {
  display: none; }

.jwplayer.jw-skin-ocs-prod.jw-state-complete .jw-display-icon-container {
  display: none; }

.jwplayer.jw-skin-ocs-prod.jw-state-paused:hover .jw-display-icon-container .jw-icon, .jwplayer.jw-skin-ocs-prod.jw-state-idle:hover .jw-display-icon-container .jw-icon {
  color: #fff;
  background: #EE334E !important;
  border-color: #EE334E; }

.jwplayer.jw-skin-ocs-prod.jw-flag-user-inactive.jw-state-playing .jw-controls,
.jwplayer.jw-skin-ocs-prod.jw-state-idle .jw-controls {
  background: 0 0; }

.jwplayer.jw-skin-ocs-prod.jw-flag-live .jw-controlbar .jw-text-elapsed,
.jwplayer.jw-skin-ocs-prod.jw-flag-live .jw-controlbar .jw-text-duration,
.jwplayer.jw-skin-ocs-prod.jw-flag-live .jw-controlbar .jw-text-countdown,
.jwplayer.jw-skin-ocs-prod.jw-flag-live .jw-controlbar .jw-slider-time {
  display: block;
  opacity: 0; }

.jwplayer.jw-skin-ocs-prod.jw-state-error .jw-error-msg {
  max-width: 500px;
  width: 80%; }

.jwplayer.jw-skin-ocs-prod.jw-flag-small-player:not(.jw-flag-audio-player):not(.jw-flag-ads) .jw-controlbar .jw-button-container > .jw-icon-playback {
  display: inline-flex; }

.player-container.player-minimized {
  padding-top: 56.25%;
  height: 0 !important;
  background: black; }
  .player-container.player-minimized .playlist {
    display: none; }
  .player-container.player-minimized .jw-icon-settings {
    display: none; }

.player-minimized .player-position {
  top: 20px;
  position: fixed;
  width: 22%;
  min-width: 280px;
  z-index: 10;
  left: 10px;
  -moz-transition: top 0.3s ease-in-out;
  -o-transition: top 0.3s ease-in-out;
  -ms-transition: top 0.3s ease-in-out;
  -webkit-transition: top 0.3s ease-in-out;
  transition: top 0.3s ease-in-out; }
  .player-minimized .player-position:hover .icon-close-button {
    opacity: 1; }
  .player-minimized .player-position .icon-close-button {
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    transform: scale(0.8);
    z-index: 23;
    color: #fff;
    border-color: #fff;
    font-size: 12px;
    opacity: 0; }
  .player-minimized .player-position .jwplayer.jw-skin-ocs-prod {
    padding-top: 56.25%;
    height: 0 !important; }
    .player-minimized .player-position .jwplayer.jw-skin-ocs-prod .jw-controlbar {
      bottom: 0;
      padding: 0; }
      .player-minimized .player-position .jwplayer.jw-skin-ocs-prod .jw-controlbar .jw-slider-time {
        padding: 0 10px; }

.nav-down .player-minimized .player-position {
  top: 110px; }

.player__message {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.47);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center; }

.ocs-share {
  display: none;
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 1;
  pointer-events: all; }
  .ocs-share .icon {
    width: 40px;
    height: 40px;
    color: #fff;
    box-sizing: border-box;
    opacity: 1; }
    .ocs-share .icon.icon-share {
      font-size: 27px;
      font-size: 1.6875rem;
      /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
      line-height: 31px;
      -moz-transition: border-color, background-color 0.3s ease-in-out;
      -o-transition: border-color, background-color 0.3s ease-in-out;
      -ms-transition: border-color, background-color 0.3s ease-in-out;
      -webkit-transition: border-color, background-color 0.3s ease-in-out;
      transition: border-color, background-color 0.3s ease-in-out;
      outline: none; }
      .ko .ocs-share .icon.icon-share {
        font-size: 25px;
        font-size: 1.5625rem; }
      .ko .ocs-share .icon.icon-share,
      .zh .ocs-share .icon.icon-share {
        line-height: 33px; }
    @media (min-width: 768px) {
      .ocs-share .icon {
        font-size: 23px;
        font-size: 1.4375rem;
        /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
        line-height: 27px;
        width: 50px;
        height: 50px;
        border-width: 3px; }
        .ko .ocs-share .icon {
          font-size: 21px;
          font-size: 1.3125rem; }
        .ko .ocs-share .icon,
        .zh .ocs-share .icon {
          line-height: 29px; }
        .ocs-share .icon.icon-share {
          font-size: 31px;
          font-size: 1.9375rem;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 35px; }
          .ko .ocs-share .icon.icon-share {
            font-size: 29px;
            font-size: 1.8125rem; }
          .ko .ocs-share .icon.icon-share,
          .zh .ocs-share .icon.icon-share {
            line-height: 37px; } }
  .ocs-share .icon-favorite {
    -moz-transition: border-color, background-color 0.3s ease-in-out;
    -o-transition: border-color, background-color 0.3s ease-in-out;
    -ms-transition: border-color, background-color 0.3s ease-in-out;
    -webkit-transition: border-color, background-color 0.3s ease-in-out;
    transition: border-color, background-color 0.3s ease-in-out;
    outline: none; }
    .ocs-share .icon-favorite.active {
      background-color: #EE334E;
      border-color: #EE334E; }
  .ocs-share .social-icons-container {
    vertical-align: top;
    margin: 0 5px;
    background-color: #fff;
    height: 40px;
    display: inline-block;
    border-radius: 20px;
    padding: 2px;
    position: absolute;
    width: 196px;
    right: calc(50% + 44px);
    z-index: 20; }
    @media (min-width: 768px) {
      .ocs-share .social-icons-container {
        border-radius: 25px;
        padding: 5px;
        height: 50px;
        right: calc(50% + 60px);
        width: 222px; } }
    .ocs-share .social-icons-container .social-button {
      display: inline-block;
      padding: 0;
      margin: 0;
      height: 36px;
      width: 36px; }
      @media (min-width: 768px) {
        .ocs-share .social-icons-container .social-button {
          height: 40px;
          width: 40px; } }
      .ocs-share .social-icons-container .social-button:not(:first-child) {
        margin-left: 3px; }
      .ocs-share .social-icons-container .social-button svg {
        height: 36px;
        width: 36px; }
        .ocs-share .social-icons-container .social-button svg path {
          -moz-transition: fill 0.3s ease-in-out;
          -o-transition: fill 0.3s ease-in-out;
          -ms-transition: fill 0.3s ease-in-out;
          -webkit-transition: fill 0.3s ease-in-out;
          transition: fill 0.3s ease-in-out; }
        .ocs-share .social-icons-container .social-button svg:hover path:not(:first-child), .ocs-share .social-icons-container .social-button svg:focus path:not(:first-child) {
          fill: #fff !important; }
        .ocs-share .social-icons-container .social-button svg:hover path:first-child, .ocs-share .social-icons-container .social-button svg:focus path:first-child {
          fill: #2d2d2d;
          stroke: #2d2d2d; }
        @media (min-width: 768px) {
          .ocs-share .social-icons-container .social-button svg {
            height: auto;
            width: auto; } }
        .ocs-share .social-icons-container .social-button svg.sharing-panel--icon__facebook path:not(:first-child) {
          fill: #3b5998; }
        .ocs-share .social-icons-container .social-button svg.sharing-panel--icon__facebook:hover path:first-child, .ocs-share .social-icons-container .social-button svg.sharing-panel--icon__facebook:focus path:first-child {
          fill: #3b5998;
          stroke: #3b5998; }
        .ocs-share .social-icons-container .social-button svg.sharing-panel--icon__twitter:hover path:first-child, .ocs-share .social-icons-container .social-button svg.sharing-panel--icon__twitter:focus path:first-child {
          fill: #1da1f2;
          stroke: #1da1f2; }
        .ocs-share .social-icons-container .social-button svg.sharing-panel--icon__twitter path:not(:first-child) {
          fill: #1da1f2; }
        .ocs-share .social-icons-container .social-button svg.sharing-panel--icon__vk path:not(:first-child) {
          fill: #6383a8; }
        .ocs-share .social-icons-container .social-button svg.sharing-panel--icon__vk:hover path:first-child, .ocs-share .social-icons-container .social-button svg.sharing-panel--icon__vk:focus path:first-child {
          fill: #6383a8;
          stroke: #6383a8; }
        .ocs-share .social-icons-container .social-button svg.sharing-panel--icon__wechat path:not(:first-child) {
          fill: #2dc100; }
        .ocs-share .social-icons-container .social-button svg.sharing-panel--icon__wechat:hover path:first-child, .ocs-share .social-icons-container .social-button svg.sharing-panel--icon__wechat:focus path:first-child {
          fill: #2dc100;
          stroke: #2dc100; }
  @media (min-width: 768px) {
    .ocs-share {
      top: 1.5rem;
      right: 1.5rem; } }

.player-container {
  position: relative; }
  .player-container .player-position .ocs-share {
    display: none; }
  .player-container .player-position:hover .ocs-share {
    display: block; }
  .use-touch .player-container.fade-social .player-position .ocs-share {
    display: block;
    -moz-transition: opacity 0.7s ease-in 0;
    -o-transition: opacity 0.7s ease-in 0;
    -ms-transition: opacity 0.7s ease-in 0;
    -webkit-transition: opacity 0.7s ease-in 0;
    transition: opacity 0.7s ease-in 0;
    opacity: 0; }
  .use-touch .player-container.show-social .player-position .ocs-share {
    display: block; }
  .player-container.player-minimized .player-position .ocs-share {
    display: none; }

.jw-skin-ocs-prod .jw-title {
  width: auto;
  max-width: 100%; }

.jw-skin-ocs-prod .jw-title-primary.jw-reset {
  text-transform: uppercase;
  font-size: 22px;
  font-size: 1.375rem;
  font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 26px;
  background: #EE334E;
  width: auto;
  display: block;
  padding: 0 10px;
  font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif !important;
  margin: 5px 30px; }
  .ko .jw-skin-ocs-prod .jw-title-primary.jw-reset {
    font-size: 20px;
    font-size: 1.25rem; }
  .ko .jw-skin-ocs-prod .jw-title-primary.jw-reset,
  .zh .jw-skin-ocs-prod .jw-title-primary.jw-reset {
    line-height: 28px; }

.jw-skin-ocs-prod .jw-title-secondary.jw-reset {
  display: none !important; }

.player-container {
  background: #000; }

.article--video-wrap .player-container:not(.player-minimized) .jwplayer.jw-skin-ocs-prod:not(.jw-flag-fullscreen), .article--video-wrap .player-container:not(.player-minimized)
.jwplayer:not(.jw-flag-fullscreen), .article--video-wrap .player-container:not(.player-minimized)
.ocs-videos:not(.jw-flag-fullscreen) {
  margin: auto;
  position: relative; }
  @media (max-width: 480px) {
    .article--video-wrap .player-container:not(.player-minimized) .jwplayer.jw-skin-ocs-prod:not(.jw-flag-fullscreen), .article--video-wrap .player-container:not(.player-minimized)
    .jwplayer:not(.jw-flag-fullscreen), .article--video-wrap .player-container:not(.player-minimized)
    .ocs-videos:not(.jw-flag-fullscreen) {
      width: 100vw !important;
      height: 56.25vw !important;
      max-height: 100vh;
      max-width: 177.77777vh;
      padding: 0 !important; } }
  @media (min-width: 480px) {
    .article--video-wrap .player-container:not(.player-minimized) .jwplayer.jw-skin-ocs-prod:not(.jw-flag-fullscreen), .article--video-wrap .player-container:not(.player-minimized)
    .jwplayer:not(.jw-flag-fullscreen), .article--video-wrap .player-container:not(.player-minimized)
    .ocs-videos:not(.jw-flag-fullscreen) {
      padding-top: 56.25%;
      height: 0 !important; } }
  @media (max-height: 500px) and (min-width: 480px) {
    .article--video-wrap .player-container:not(.player-minimized) .jwplayer.jw-skin-ocs-prod:not(.jw-flag-fullscreen), .article--video-wrap .player-container:not(.player-minimized)
    .jwplayer:not(.jw-flag-fullscreen), .article--video-wrap .player-container:not(.player-minimized)
    .ocs-videos:not(.jw-flag-fullscreen) {
      width: 70vw !important;
      height: 39.375vw !important;
      max-height: 70vh;
      max-width: 124.4444vh;
      padding: 0 !important; } }
  @media (min-width: 1024px) and (max-height: 760px) {
    .article--video-wrap .player-container:not(.player-minimized) .jwplayer.jw-skin-ocs-prod:not(.jw-flag-fullscreen), .article--video-wrap .player-container:not(.player-minimized)
    .jwplayer:not(.jw-flag-fullscreen), .article--video-wrap .player-container:not(.player-minimized)
    .ocs-videos:not(.jw-flag-fullscreen) {
      width: 70vw !important;
      height: 39.375vw !important;
      max-height: 70vh;
      max-width: 124.4444vh;
      padding: 0 !important; } }

.jwplayer.jw-skin-ocs-prod:not(.jw-flag-fullscreen) .jw-reset,
.jwplayer.jw-skin-ocs-prod:not(.jw-flag-fullscreen) .jw-text,
.jwplayer:not(.jw-flag-fullscreen) .jw-reset,
.jwplayer:not(.jw-flag-fullscreen) .jw-text,
.ocs-videos:not(.jw-flag-fullscreen) .jw-reset,
.ocs-videos:not(.jw-flag-fullscreen) .jw-text {
  font-family: "AktivGrotesk", Arial, Helvetica, sans-serif; }

.ocs-videos {
  background: black;
  position: relative; }
  .ocs-videos .spinner-wrap {
    position: absolute;
    top: 50%;
    left: 50% /*rtl:ignore*/;
    -moz-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -o-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -ms-transform: translate(-50%, -50%) /*rtl:ignore*/;
    -webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
    transform: translate(-50%, -50%) /*rtl:ignore*/; }

#ocs-video_ad > div {
  height: 100% !important;
  width: 100% !important; }

.theo-primary-color,
.vjs-selected {
  color: #ee334e !important; }

.theo-primary-background {
  color: #ffffff !important;
  background-color: #ee334e !important; }

.theo-secondary-color {
  color: #ffffff !important; }

.theo-secondary-background {
  color: #000000 !important;
  background-color: #ffffff !important; }

.theo-tertiary-color {
  color: #000000 !important; }

.theo-tertiary-background {
  color: #ffffff !important;
  background-color: #000000 !important;
  opacity: 0.75; }

.theoplayer-skin .d3vp-theo-error {
  background: #ee334e; }

.theo-pip .theo-settings-control-menu {
  display: none; }

@media (max-width: 767.98px) {
  #video-player-container .theo-pip:not(.vjs-fullscreen) .theo-player-wrapper,
  #video-player-container .theo-pip:not(.vjs-fullscreen).theo-pip-bottom-right .theo-player-wrapper {
    display: none !important; } }

#video-player-container .theo-pip:not(.vjs-fullscreen) .theo-player-wrapper .vjs-big-play-button,
#video-player-container .theo-pip:not(.vjs-fullscreen).theo-pip-bottom-right .theo-player-wrapper .vjs-big-play-button {
  display: none; }

#video-player-container.persist-hide-pip .theo-pip:not(.vjs-fullscreen) .theo-player-wrapper {
  display: none; }

#video-player-container.player-container:hover .vjs-big-play-button {
  background: #EE334E;
  border-color: #EE334E; }

#video-player-container.player-container .vjs-big-play-button {
  border: 5px solid #fff;
  padding-bottom: 0;
  height: 20%;
  width: 11%; }
  #video-player-container.player-container .vjs-big-play-button:before {
    content: ""; }
  #video-player-container.player-container .vjs-big-play-button:before {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    padding-left: 5px; }
    @media (max-width: 767.98px) {
      #video-player-container.player-container .vjs-big-play-button:before {
        font-size: 80%; } }
    @media (max-width: 567.98px) {
      #video-player-container.player-container .vjs-big-play-button:before {
        font-size: 70%; } }
  #video-player-container.player-container .vjs-big-play-button:after {
    display: none; }
  #video-player-container.player-container .vjs-big-play-button .theo-big-play-button-svg-container {
    display: none; }

#prime-video-player-container .icon-play-button, #prime-video-player-container .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon #prime-video-player-container .icon-play, #prime-playlist-item-container .icon-play-button, #prime-playlist-item-container .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon #prime-playlist-item-container .icon-play {
  position: absolute;
  color: #ffffff;
  border-radius: 50%;
  border: 5px solid #fff;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  text-decoration: none;
  padding: 5px 15px;
  line-height: 1.5;
  font-size: 1rem; }
  #prime-video-player-container .icon-play-button::before, #prime-video-player-container .countdown--overlay .countdown--icon .icon-play::before, .countdown--overlay .countdown--icon #prime-video-player-container .icon-play::before, #prime-playlist-item-container .icon-play-button::before, #prime-playlist-item-container .countdown--overlay .countdown--icon .icon-play::before, .countdown--overlay .countdown--icon #prime-playlist-item-container .icon-play::before {
    position: relative;
    left: 2px;
    top: 1px;
    font-size: 2em; }
  #prime-video-player-container .icon-play-button:hover, #prime-video-player-container .countdown--overlay .countdown--icon .icon-play:hover, .countdown--overlay .countdown--icon #prime-video-player-container .icon-play:hover, #prime-playlist-item-container .icon-play-button:hover, #prime-playlist-item-container .countdown--overlay .countdown--icon .icon-play:hover, .countdown--overlay .countdown--icon #prime-playlist-item-container .icon-play:hover {
    background: #EE334E;
    border-color: #EE334E; }

.article-page__video_v2 #prime-video-player-container .icon-play-button, .article-page__video_v2 #prime-video-player-container .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .article-page__video_v2 #prime-video-player-container .icon-play, .article-page__video_v2 #prime-playlist-item-container .icon-play-button, .article-page__video_v2 #prime-playlist-item-container .countdown--overlay .countdown--icon .icon-play, .countdown--overlay .countdown--icon .article-page__video_v2 #prime-playlist-item-container .icon-play {
  top: calc(50% - 33px);
  left: calc(50% - 28px); }

.unsubscribe--message {
  font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 24px;
  font-weight: 400; }

.no-padding, #ms-event-replay .col-md-4, #ms-event-replay .newslist.newslist__4x .newslist--item, .newslist.newslist__4x #ms-event-replay .newslist--item,
#ms-event-replay .col-sm-12 {
  padding: 0px; }

.events-sticky-nav {
  position: fixed;
  top: 0;
  width: 100vw;
  /* margin: 0 auto; */
  background: #27313a;
  z-index: 20; }

.box-text, #ms-event-replay .article__small .article--content .article-title, #ms-event-replay .article__event-small .article--content .article-title, #ms-event-replay .article__event-live-schedule-upcoming-carousel-small .article--content .article-title, #ms-event-replay .playlist .series .article--content .article-title, .playlist #ms-event-replay .series .article--content .article-title, #ms-event-replay .playlist .episodes .episodes-wrapper .episode .article--content .article-title, .playlist .episodes .episodes-wrapper #ms-event-replay .episode .article--content .article-title, #ms-upcoming-events .article__small .article-title, #ms-upcoming-events .article__event-small .article-title, #ms-upcoming-events .article__event-live-schedule-upcoming-carousel-small .article-title, #ms-upcoming-events .playlist .series .article-title, .playlist #ms-upcoming-events .series .article-title, #ms-upcoming-events .playlist .episodes .episodes-wrapper .episode .article-title, .playlist .episodes .episodes-wrapper #ms-upcoming-events .episode .article-title, #ms-events-news .article__small .article--wrapper a .article--content .article-title, #ms-events-news .article__event-small .article--wrapper a .article--content .article-title, #ms-events-news .article__event-live-schedule-upcoming-carousel-small .article--wrapper a .article--content .article-title, #ms-events-news .playlist .series .article--wrapper a .article--content .article-title, .playlist #ms-events-news .series .article--wrapper a .article--content .article-title, #ms-events-news .playlist .episodes .episodes-wrapper .episode .article--wrapper a .article--content .article-title, .playlist .episodes .episodes-wrapper #ms-events-news .episode .article--wrapper a .article--content .article-title {
  font-size: 1.2rem;
  font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000;
  line-height: 1.2;
  font-weight: bold; }

.ms-section--header {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
  justify-content: space-between; }
  @media (max-width: 567.98px) {
    .ms-section--header.row .col-4, .account .ms-section--header.profile--data.active .col-4,
    .ms-section--header.row .col-8,
    .account .ms-section--header.profile--data.active .col-8 {
      flex: 0 0 100%;
      max-width: 100%; } }
  @media (min-width: 568px) {
    .ms-section--header.row .col-4, .account .ms-section--header.profile--data.active .col-4,
    .ms-section--header.row .col-8,
    .account .ms-section--header.profile--data.active .col-8 {
      flex: 0 0 50%;
      max-width: 50%; } }
  @media (min-width: 1200px) {
    .ms-section--header.row .col-4, .account .ms-section--header.profile--data.active .col-4 {
      flex: 0 0 33.33333%;
      max-width: 33.33333%; }
    
    .ms-section--header.row .col-8,
    .account .ms-section--header.profile--data.active .col-8 {
      flex: 0 0 66.66666%;
      max-width: 66.66666%; } }
  .ms-section--header .ms-more {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.8rem; }

.ms-header {
  background: #27313a; }
  .ms-header #topheader {
    color: #ffffff;
    padding-top: 1.5rem; }
    .ms-header #topheader .banner--title {
      margin: 0px; }
    .ms-header #topheader .banner--description {
      font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif; }
      .ms-header #topheader .banner--description .event--date__start > span {
        display: inline-block;
        margin: 0 1rem; }
        .ms-header #topheader .banner--description .event--date__start > span.event--time {
          display: inline;
          margin: 0; }
      .ms-header #topheader .banner--description #discover-more-button {
        float: right;
        font-family: "AktivGrotesk", Arial, Helvetica, sans-serif;
        font-size: 11px;
        margin-top: 5px;
        margin-right: 15px; }
        @media (min-width: 768px) {
          .ms-header #topheader .banner--description #discover-more-button {
            display: none; } }
        .ms-header #topheader .banner--description #discover-more-button:before {
          margin-right: 5px; }
    .ms-header #topheader .banner--options {
      display: flex; }
      .ms-header #topheader .banner--options .icon {
        width: 40px;
        height: 40px;
        color: #fff;
        box-sizing: border-box;
        opacity: 1; }
        .ms-header #topheader .banner--options .icon.icon-share {
          font-size: 27px;
          font-size: 1.6875rem;
          /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
          line-height: 31px;
          -moz-transition: border-color, background-color 0.3s ease-in-out;
          -o-transition: border-color, background-color 0.3s ease-in-out;
          -ms-transition: border-color, background-color 0.3s ease-in-out;
          -webkit-transition: border-color, background-color 0.3s ease-in-out;
          transition: border-color, background-color 0.3s ease-in-out;
          outline: none; }
          .ko .ms-header #topheader .banner--options .icon.icon-share {
            font-size: 25px;
            font-size: 1.5625rem; }
          .ko .ms-header #topheader .banner--options .icon.icon-share,
          .zh .ms-header #topheader .banner--options .icon.icon-share {
            line-height: 33px; }
        @media (min-width: 768px) {
          .ms-header #topheader .banner--options .icon {
            font-size: 23px;
            font-size: 1.4375rem;
            /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
            line-height: 27px;
            width: 50px;
            height: 50px;
            border-width: 3px; }
            .ko .ms-header #topheader .banner--options .icon {
              font-size: 21px;
              font-size: 1.3125rem; }
            .ko .ms-header #topheader .banner--options .icon,
            .zh .ms-header #topheader .banner--options .icon {
              line-height: 29px; }
            .ms-header #topheader .banner--options .icon.icon-share {
              font-size: 31px;
              font-size: 1.9375rem;
              /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
              line-height: 35px; }
              .ko .ms-header #topheader .banner--options .icon.icon-share {
                font-size: 29px;
                font-size: 1.8125rem; }
              .ko .ms-header #topheader .banner--options .icon.icon-share,
              .zh .ms-header #topheader .banner--options .icon.icon-share {
                line-height: 37px; } }
      .ms-header #topheader .banner--options .icon-favorite {
        -moz-transition: border-color, background-color 0.3s ease-in-out;
        -o-transition: border-color, background-color 0.3s ease-in-out;
        -ms-transition: border-color, background-color 0.3s ease-in-out;
        -webkit-transition: border-color, background-color 0.3s ease-in-out;
        transition: border-color, background-color 0.3s ease-in-out;
        outline: none; }
        .ms-header #topheader .banner--options .icon-favorite.active {
          background-color: #EE334E;
          border-color: #EE334E; }
      .ms-header #topheader .banner--options .social-icons-container {
        vertical-align: top;
        margin: 0 5px;
        background-color: #fff;
        height: 40px;
        display: inline-block;
        border-radius: 20px;
        padding: 2px;
        position: absolute;
        width: 196px;
        right: calc(50% + 44px);
        z-index: 20; }
        @media (min-width: 768px) {
          .ms-header #topheader .banner--options .social-icons-container {
            border-radius: 25px;
            padding: 5px;
            height: 50px;
            right: calc(50% + 60px);
            width: 222px; } }
        .ms-header #topheader .banner--options .social-icons-container .social-button {
          display: inline-block;
          padding: 0;
          margin: 0;
          height: 36px;
          width: 36px; }
          @media (min-width: 768px) {
            .ms-header #topheader .banner--options .social-icons-container .social-button {
              height: 40px;
              width: 40px; } }
          .ms-header #topheader .banner--options .social-icons-container .social-button:not(:first-child) {
            margin-left: 3px; }
          .ms-header #topheader .banner--options .social-icons-container .social-button svg {
            height: 36px;
            width: 36px; }
            .ms-header #topheader .banner--options .social-icons-container .social-button svg path {
              -moz-transition: fill 0.3s ease-in-out;
              -o-transition: fill 0.3s ease-in-out;
              -ms-transition: fill 0.3s ease-in-out;
              -webkit-transition: fill 0.3s ease-in-out;
              transition: fill 0.3s ease-in-out; }
            .ms-header #topheader .banner--options .social-icons-container .social-button svg:hover path:not(:first-child), .ms-header #topheader .banner--options .social-icons-container .social-button svg:focus path:not(:first-child) {
              fill: #fff !important; }
            .ms-header #topheader .banner--options .social-icons-container .social-button svg:hover path:first-child, .ms-header #topheader .banner--options .social-icons-container .social-button svg:focus path:first-child {
              fill: #2d2d2d;
              stroke: #2d2d2d; }
            @media (min-width: 768px) {
              .ms-header #topheader .banner--options .social-icons-container .social-button svg {
                height: auto;
                width: auto; } }
            .ms-header #topheader .banner--options .social-icons-container .social-button svg.sharing-panel--icon__facebook path:not(:first-child) {
              fill: #3b5998; }
            .ms-header #topheader .banner--options .social-icons-container .social-button svg.sharing-panel--icon__facebook:hover path:first-child, .ms-header #topheader .banner--options .social-icons-container .social-button svg.sharing-panel--icon__facebook:focus path:first-child {
              fill: #3b5998;
              stroke: #3b5998; }
            .ms-header #topheader .banner--options .social-icons-container .social-button svg.sharing-panel--icon__twitter:hover path:first-child, .ms-header #topheader .banner--options .social-icons-container .social-button svg.sharing-panel--icon__twitter:focus path:first-child {
              fill: #1da1f2;
              stroke: #1da1f2; }
            .ms-header #topheader .banner--options .social-icons-container .social-button svg.sharing-panel--icon__twitter path:not(:first-child) {
              fill: #1da1f2; }
            .ms-header #topheader .banner--options .social-icons-container .social-button svg.sharing-panel--icon__vk path:not(:first-child) {
              fill: #6383a8; }
            .ms-header #topheader .banner--options .social-icons-container .social-button svg.sharing-panel--icon__vk:hover path:first-child, .ms-header #topheader .banner--options .social-icons-container .social-button svg.sharing-panel--icon__vk:focus path:first-child {
              fill: #6383a8;
              stroke: #6383a8; }
            .ms-header #topheader .banner--options .social-icons-container .social-button svg.sharing-panel--icon__wechat path:not(:first-child) {
              fill: #2dc100; }
            .ms-header #topheader .banner--options .social-icons-container .social-button svg.sharing-panel--icon__wechat:hover path:first-child, .ms-header #topheader .banner--options .social-icons-container .social-button svg.sharing-panel--icon__wechat:focus path:first-child {
              fill: #2dc100;
              stroke: #2dc100; }
      .ms-header #topheader .banner--options .social-icons-container {
        right: calc(10vw + 60px); }
      .ms-header #topheader .banner--options .icon {
        border-color: white;
        background-color: rgba(0, 0, 0, 0.5); }
      @media (max-width: 991.98px) {
        .ms-header #topheader .banner--options {
          display: none; } }
  .ms-header #ms-header-menu {
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: bold;
    margin-bottom: 0; }
    .ms-header #ms-header-menu .ms-header-menu--item {
      color: #fff;
      margin-right: 2rem;
      margin-top: 18px;
      border-bottom: solid 2px transparent;
      opacity: 0.6;
      cursor: pointer; }
      .ms-header #ms-header-menu .ms-header-menu--item.active {
        opacity: 1;
        border-bottom: solid 2px #0081c8; }
      .ms-header #ms-header-menu .ms-header-menu--item:hover {
        text-decoration: none; }

#ms-partial-view-id {
  position: relative; }
  #ms-partial-view-id .ms-spa {
    color: #0081C8; }
    #ms-partial-view-id .ms-spa:hover {
      color: #00507c;
      text-decoration: underline;
      cursor: pointer; }
  #ms-partial-view-id .spinner-overlay {
    position: absolute;
    top: 0;
    z-index: 10;
    height: 100%;
    width: 100%;
    background-color: #202020;
    opacity: 0.5; }
  #ms-partial-view-id .spinner-wrap {
    position: absolute;
    top: 0;
    z-index: 10;
    width: 100%; }
    #ms-partial-view-id .spinner-wrap .spinner {
      border: 0.25rem solid white;
      border-top-color: #589dec;
      border-style: double; }
    #ms-partial-view-id .spinner-wrap .spinner-txt {
      color: #fff; }

#ms-events-news,
#ms-events-calendar,
#ms-events-replays,
#ms-events-editorial-results {
  padding-bottom: 1.5rem;
  padding-top: 3rem; }
  #ms-events-news.embed-widget,
  #ms-events-calendar.embed-widget,
  #ms-events-replays.embed-widget,
  #ms-events-editorial-results.embed-widget {
    padding-top: 0; }
  @media (max-width: 567.98px) {
    #ms-events-news,
    #ms-events-calendar,
    #ms-events-replays,
    #ms-events-editorial-results {
      padding-top: 1rem; } }

#ms-event-replay {
  margin-bottom: 1.5rem; }
  #ms-event-replay .article__small, #ms-event-replay .article__event-small, #ms-event-replay .article__event-live-schedule-upcoming-carousel-small, #ms-event-replay .playlist .series, .playlist #ms-event-replay .series, #ms-event-replay .playlist .episodes .episodes-wrapper .episode, .playlist .episodes .episodes-wrapper #ms-event-replay .episode {
    margin: 0 10px 10px; }
    #ms-event-replay .article__small .article--wrapper a, #ms-event-replay .article__event-small .article--wrapper a, #ms-event-replay .article__event-live-schedule-upcoming-carousel-small .article--wrapper a, #ms-event-replay .playlist .series .article--wrapper a, .playlist #ms-event-replay .series .article--wrapper a, #ms-event-replay .playlist .episodes .episodes-wrapper .episode .article--wrapper a, .playlist .episodes .episodes-wrapper #ms-event-replay .episode .article--wrapper a {
      display: flex;
      align-items: center; }
      #ms-event-replay .article__small .article--wrapper a .article--img .article--duration, #ms-event-replay .article__event-small .article--wrapper a .article--img .article--duration, #ms-event-replay .article__event-live-schedule-upcoming-carousel-small .article--wrapper a .article--img .article--duration, #ms-event-replay .playlist .series .article--wrapper a .article--img .article--duration, .playlist #ms-event-replay .series .article--wrapper a .article--img .article--duration, #ms-event-replay .playlist .episodes .episodes-wrapper .episode .article--wrapper a .article--img .article--duration, .playlist .episodes .episodes-wrapper #ms-event-replay .episode .article--wrapper a .article--img .article--duration {
        position: absolute;
        bottom: 0;
        left: 0;
        color: #ffffff;
        background: #2d2d2d;
        z-index: 2;
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        display: table;
        font-size: 0.75rem;
        line-height: 14px;
        padding: 5px 0.5rem; }
    #ms-event-replay .article__small .article--content .article-roofline, #ms-event-replay .article__event-small .article--content .article-roofline, #ms-event-replay .article__event-live-schedule-upcoming-carousel-small .article--content .article-roofline, #ms-event-replay .playlist .series .article--content .article-roofline, .playlist #ms-event-replay .series .article--content .article-roofline, #ms-event-replay .playlist .episodes .episodes-wrapper .episode .article--content .article-roofline, .playlist .episodes .episodes-wrapper #ms-event-replay .episode .article--content .article-roofline {
      width: 100%; }
  @media (max-width: 767.98px) {
    #ms-event-replay .article__small.collapse-in-mobile, #ms-event-replay .collapse-in-mobile.article__event-small, #ms-event-replay .collapse-in-mobile.article__event-live-schedule-upcoming-carousel-small, #ms-event-replay .playlist .collapse-in-mobile.series, .playlist #ms-event-replay .collapse-in-mobile.series, #ms-event-replay .playlist .episodes .episodes-wrapper .collapse-in-mobile.episode, .playlist .episodes .episodes-wrapper #ms-event-replay .collapse-in-mobile.episode {
      display: none; } }

#ms-upcoming-events {
  margin-bottom: 1.5rem; }
  @media (max-width: 767.98px) {
    #ms-upcoming-events .collapse-in-mobile {
      display: none; } }
  #ms-upcoming-events .article__small, #ms-upcoming-events .article__event-small, #ms-upcoming-events .article__event-live-schedule-upcoming-carousel-small, #ms-upcoming-events .playlist .series, .playlist #ms-upcoming-events .series, #ms-upcoming-events .playlist .episodes .episodes-wrapper .episode, .playlist .episodes .episodes-wrapper #ms-upcoming-events .episode {
    padding: 2rem 1rem;
    margin-bottom: 10px;
    min-height: 155px; }
    #ms-upcoming-events .article__small .article--info__wrap, #ms-upcoming-events .article__event-small .article--info__wrap, #ms-upcoming-events .article__event-live-schedule-upcoming-carousel-small .article--info__wrap, #ms-upcoming-events .playlist .series .article--info__wrap, .playlist #ms-upcoming-events .series .article--info__wrap, #ms-upcoming-events .playlist .episodes .episodes-wrapper .episode .article--info__wrap, .playlist .episodes .episodes-wrapper #ms-upcoming-events .episode .article--info__wrap {
      height: 15px;
      margin-bottom: 5px; }
    #ms-upcoming-events .article__small .article-title, #ms-upcoming-events .article__event-small .article-title, #ms-upcoming-events .article__event-live-schedule-upcoming-carousel-small .article-title, #ms-upcoming-events .playlist .series .article-title, .playlist #ms-upcoming-events .series .article-title, #ms-upcoming-events .playlist .episodes .episodes-wrapper .episode .article-title, .playlist .episodes .episodes-wrapper #ms-upcoming-events .episode .article-title {
      min-height: 32px;
      display: inline-block; }
    #ms-upcoming-events .article__small .epg--time, #ms-upcoming-events .article__event-small .epg--time, #ms-upcoming-events .article__event-live-schedule-upcoming-carousel-small .epg--time, #ms-upcoming-events .playlist .series .epg--time, .playlist #ms-upcoming-events .series .epg--time, #ms-upcoming-events .playlist .episodes .episodes-wrapper .episode .epg--time, .playlist .episodes .episodes-wrapper #ms-upcoming-events .episode .epg--time {
      padding-top: 0.5rem; }
      #ms-upcoming-events .article__small .epg--time .js-epgeventschedule-date, #ms-upcoming-events .article__event-small .epg--time .js-epgeventschedule-date, #ms-upcoming-events .article__event-live-schedule-upcoming-carousel-small .epg--time .js-epgeventschedule-date, #ms-upcoming-events .playlist .series .epg--time .js-epgeventschedule-date, .playlist #ms-upcoming-events .series .epg--time .js-epgeventschedule-date, #ms-upcoming-events .playlist .episodes .episodes-wrapper .episode .epg--time .js-epgeventschedule-date, .playlist .episodes .episodes-wrapper #ms-upcoming-events .episode .epg--time .js-epgeventschedule-date {
        font-size: 0.77rem;
        color: #000000;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 1.5rem; }

@media (max-width: 567.98px) {
  #ms-events-news .row div:nth-child(3) ~ div, #ms-events-news .account .profile--data.active div:nth-child(3) ~ div, .account #ms-events-news .profile--data.active div:nth-child(3) ~ div {
    display: none; } }

#ms-events-news .article__small, #ms-events-news .article__event-small, #ms-events-news .article__event-live-schedule-upcoming-carousel-small, #ms-events-news .playlist .series, .playlist #ms-events-news .series, #ms-events-news .playlist .episodes .episodes-wrapper .episode, .playlist .episodes .episodes-wrapper #ms-events-news .episode {
  margin-bottom: 20px; }
  #ms-events-news .article__small .article--wrapper a, #ms-events-news .article__event-small .article--wrapper a, #ms-events-news .article__event-live-schedule-upcoming-carousel-small .article--wrapper a, #ms-events-news .playlist .series .article--wrapper a, .playlist #ms-events-news .series .article--wrapper a, #ms-events-news .playlist .episodes .episodes-wrapper .episode .article--wrapper a, .playlist .episodes .episodes-wrapper #ms-events-news .episode .article--wrapper a {
    display: flex;
    align-items: center; }
    #ms-events-news .article__small .article--wrapper a .article--img, #ms-events-news .article__event-small .article--wrapper a .article--img, #ms-events-news .article__event-live-schedule-upcoming-carousel-small .article--wrapper a .article--img, #ms-events-news .playlist .series .article--wrapper a .article--img, .playlist #ms-events-news .series .article--wrapper a .article--img, #ms-events-news .playlist .episodes .episodes-wrapper .episode .article--wrapper a .article--img, .playlist .episodes .episodes-wrapper #ms-events-news .episode .article--wrapper a .article--img {
      width: 140px; }
      #ms-events-news .article__small .article--wrapper a .article--img .article--duration, #ms-events-news .article__event-small .article--wrapper a .article--img .article--duration, #ms-events-news .article__event-live-schedule-upcoming-carousel-small .article--wrapper a .article--img .article--duration, #ms-events-news .playlist .series .article--wrapper a .article--img .article--duration, .playlist #ms-events-news .series .article--wrapper a .article--img .article--duration, #ms-events-news .playlist .episodes .episodes-wrapper .episode .article--wrapper a .article--img .article--duration, .playlist .episodes .episodes-wrapper #ms-events-news .episode .article--wrapper a .article--img .article--duration {
        position: absolute;
        bottom: 0;
        right: 0;
        color: #ffffff;
        background: #2d2d2d;
        z-index: 2;
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        display: table;
        font-size: 0.75rem;
        line-height: 14px;
        padding: 5px 0.5rem; }
    #ms-events-news .article__small .article--wrapper a .article--content .article-title, #ms-events-news .article__event-small .article--wrapper a .article--content .article-title, #ms-events-news .article__event-live-schedule-upcoming-carousel-small .article--wrapper a .article--content .article-title, #ms-events-news .playlist .series .article--wrapper a .article--content .article-title, .playlist #ms-events-news .series .article--wrapper a .article--content .article-title, #ms-events-news .playlist .episodes .episodes-wrapper .episode .article--wrapper a .article--content .article-title, .playlist .episodes .episodes-wrapper #ms-events-news .episode .article--wrapper a .article--content .article-title {
      color: #000000; }

#ms-events-news .article__base .article--wrapper a .article--img .article--duration {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #ffffff;
  background: #2d2d2d;
  z-index: 2;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  display: table;
  font-size: 0.75rem;
  line-height: 14px;
  padding: 5px 0.5rem; }

#ms-events-news .article__base--adv {
  display: flex; }
  #ms-events-news .article__base--adv .article--wrapper {
    flex: 1; }
    #ms-events-news .article__base--adv .article--wrapper:first-child {
      flex: 1; }

/* ===== multisport events bootstrap form field style ===== */
.ms-events {
  /* colours*/
  /* dropdown */ }
  .ms-events .btn-secondary {
    color: #000000;
    background-color: #ffffff;
    border: 1px solid rgba(173, 181, 189, 0.5); }
  .ms-events .dropdown.hide-dd {
    display: none; }
  .ms-events .dropdown.show-dd {
    display: block; }
  .ms-events .dropdown .dropdown-menu.show {
    width: 100%; }

#ms-events-related {
  padding-top: 3rem;
  background-color: #f0f0f0; }
  #ms-events-related .article__base .article--wrapper a .article--img .article--duration {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #ffffff;
    background: #2d2d2d;
    z-index: 2;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    display: table;
    font-size: 0.75rem;
    line-height: 14px;
    padding: 5px 0.5rem; }

#ms-featured-news {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem; }
  #ms-featured-news .ms-featured-news--meta {
    display: flex;
    flex-direction: column; }
    #ms-featured-news .ms-featured-news--meta .ms-section--header {
      height: 2.5rem;
      margin-bottom: 0.5rem; }
  #ms-featured-news .section--details {
    color: #000000;
    margin-bottom: 2em; }
  #ms-featured-news .association {
    margin-bottom: 2rem;
    flex: 1; }
    #ms-featured-news .association .association--title {
      font-size: 0.85rem;
      opacity: 0.6; }
    #ms-featured-news .association .association--url {
      font-size: 0.9rem;
      text-transform: uppercase;
      font-weight: bold; }
    #ms-featured-news .association .association--img img {
      height: 4rem; }
  #ms-featured-news .js-advert-box-active {
    background: #ececec;
    padding: 11px 0;
    margin-bottom: 1.5rem;
    text-align: center; }
  @media (min-width: 768px) {
    #ms-featured-news .js-advert-box-active {
      background: #e3e3e3;
      text-align: center;
      padding: 11px 0;
      margin: 0; } }
  #ms-featured-news .newslist--item .article--content {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 5;
    background: linear-gradient(0deg, #000000, transparent);
    padding: 1rem 1.25rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; }
    #ms-featured-news .newslist--item .article--content .article--info {
      color: #ffffff; }
      #ms-featured-news .newslist--item .article--content .article--info a {
        color: #ffffff; }
      #ms-featured-news .newslist--item .article--content .article--info .article--kind__info {
        text-transform: uppercase; }
    #ms-featured-news .newslist--item .article--content .article--title {
      text-transform: unset; }
      #ms-featured-news .newslist--item .article--content .article--title a {
        font-weight: bold;
        font-size: 2.5rem;
        color: #ffffff;
        line-height: 0.9em; }

#ms-events-calendar {
  /*.ms-discipline-filter--select {
    font-size: 0.9rem;
  }*/ }
  #ms-events-calendar .ms-discipline-filter.ms-discipline-filter__full-screen {
    position: static;
    padding: 0; }
    @media (min-width: 768px) {
      #ms-events-calendar .ms-discipline-filter.ms-discipline-filter__full-screen {
        padding: 1rem; } }
  #ms-events-calendar .calendar-container {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10; }

.calendar-container {
  background-color: #f3f3f3;
  display: block;
  margin-bottom: 1rem; }
  @media (min-width: 768px) {
    .calendar-container {
      margin-bottom: 0; } }
  .calendar-container .btn {
    color: #878787;
    text-align: left !important;
    font-size: 1.4rem;
    outline-color: #f3f3f3;
    background-color: #f3f3f3;
    padding-left: 0 !important; }
    .calendar-container .btn.active, .calendar-container .btn:hover, .calendar-container .btn:focus {
      color: #2d2d2d;
      outline-color: #DDDDDD; }
  .calendar-container .owl-carousel {
    margin-bottom: 0 !important;
    margin-left: 10px; }
    @media (min-width: 768px) {
      .calendar-container .owl-carousel {
        margin-left: 0; } }
    .calendar-container .owl-carousel .owl-item {
      justify-content: left !important; }
    .calendar-container .owl-carousel .owl-prev,
    .calendar-container .owl-carousel .owl-next {
      display: block;
      color: #0081C8; }
      .calendar-container .owl-carousel .owl-prev.disabled,
      .calendar-container .owl-carousel .owl-next.disabled {
        display: none !important; }
    .calendar-container .owl-carousel .owl-prev {
      font-size: 1rem;
      left: -20px; }
      @media (min-width: 768px) {
        .calendar-container .owl-carousel .owl-prev {
          left: -30px; } }
    .calendar-container .owl-carousel .owl-next {
      font-size: 1rem;
      right: 0; }

.calendar-container.sticky {
  width: 100%;
  position: fixed !important;
  top: 0;
  height: 51px;
  z-index: 100;
  right: 10px;
  /*@include transition(top .3s ease-in-out);
    @extend .animated, .fadeIn;
    transition-delay: .1s;
    animation-delay: .1s;*/ }

.calendar-adv-col {
  display: none;
  padding-top: 20px; }
  @media (min-width: 992px) {
    .calendar-adv-col {
      display: block; } }
  .calendar-adv-col .sticky-adv {
    min-width: 300px; }

.mobile-adv-container {
  width: 300px;
  height: 100px;
  margin: 2rem auto;
  /*border: 1px solid red;*/ }

.calendar-itemlist-container {
  padding-right: 10px;
  padding-left: 10px; }
  .calendar-itemlist-container h1 {
    margin-top: 1rem;
    font-size: 26px; }
  .calendar-itemlist-container .schedule-time-label {
    color: #7f7f7f; }
  @media screen and (max-width: 480px) {
    .calendar-itemlist-container .calendar-item-element.has-thumbnail:not(.spacer) {
      height: 122px; }
      .calendar-itemlist-container .calendar-item-element.has-thumbnail:not(.spacer) .calendar-item-content {
        width: calc(100% - 120px);
        flex-basis: auto;
        min-height: 0;
        font-size: 1rem;
        line-height: 1.1; }
      .calendar-itemlist-container .calendar-item-element.has-thumbnail:not(.spacer) .calendar-item-thumb .article--img {
        height: 120px;
        width: 120px; } }

.calendar-item-container {
  font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1.2rem;
  font-weight: bold; }
  .calendar-item-container:not(.hidden-element) {
    min-height: 20px; }

.calendar-item-time {
  padding: 0;
  color: #CFCFCF;
  border-left: 2px solid #DDDDDD;
  display: none; }
  @media (min-width: 768px) {
    .calendar-item-time {
      display: block; } }
  .calendar-item-time.last {
    border-left: 0; }
  .calendar-item-time.last:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 15px;
    background: #DDDDDD; }

.calendar-item-element {
  border: 1px solid #DDDDDD;
  font-size: 1.3rem;
  padding: 0; }
  .calendar-item-element.spacer {
    min-height: 20px; }

.calendar-item-content {
  padding: 0.6rem;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  max-height: 140px;
  min-height: 138px; }
  @media (min-width: 992px) {
    .calendar-item-content {
      width: 580px !important;
      max-width: 580px !important; } }
  @media (min-width: 768px) {
    .calendar-item-content {
      font-size: inherit;
      font-size: 1.2rem; } }
  .calendar-item-content .article--kind__info {
    text-transform: uppercase; }
  .calendar-item-content .col-12, .calendar-item-content .article-page .article--content .article--content__left-col, .article-page .article--content .calendar-item-content .article--content__left-col, .calendar-item-content .article-page__video .article--content .article--content__left-col, .article-page__video .article--content .calendar-item-content .article--content__left-col, .calendar-item-content .article-page__story .article--content .article--content__left-col, .article-page__story .article--content .calendar-item-content .article--content__left-col, .calendar-item-content .article-page .article--content .article--content__right-col, .article-page .article--content .calendar-item-content .article--content__right-col, .calendar-item-content .article-page__video .article--content .article--content__right-col, .article-page__video .article--content .calendar-item-content .article--content__right-col, .calendar-item-content .article-page__story .article--content .article--content__right-col, .article-page__story .article--content .calendar-item-content .article--content__right-col, .calendar-item-content .article-page .article--content .article--content__single-col, .article-page .article--content .calendar-item-content .article--content__single-col, .calendar-item-content .article-page__video .article--content .article--content__single-col, .article-page__video .article--content .calendar-item-content .article--content__single-col, .calendar-item-content .article-page__story .article--content .article--content__single-col, .article-page__story .article--content .calendar-item-content .article--content__single-col, .calendar-item-content .oc-header--body .oc-header--body__col-2 .col__content, .oc-header--body .oc-header--body__col-2 .calendar-item-content .col__content, .calendar-item-content .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .col__content, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .calendar-item-content .col__content, .calendar-item-content .oc-header--body .oc-header--body__col-2 .col__user, .oc-header--body .oc-header--body__col-2 .calendar-item-content .col__user, .calendar-item-content .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .col__user, .oc-header .header-container .right-panel .nav-item-container .oc-header--body__col-2 .calendar-item-content .col__user, .calendar-item-content .newslist.newslist__3x .newslist--item, .newslist.newslist__3x .calendar-item-content .newslist--item, .calendar-item-content .newslist.newslist__4x .newslist--item, .newslist.newslist__4x .calendar-item-content .newslist--item, .calendar-item-content .newslist__2vod .newslist--item, .newslist__2vod .calendar-item-content .newslist--item, .calendar-item-content .newslist__3vod .newslist--item, .newslist__3vod .calendar-item-content .newslist--item {
    flex-basis: auto; }

.calendar-item-title {
  color: #2d2d2d;
  text-decoration: none; }

.calendar-item-thumb {
  padding: 0;
  max-width: 140px !important; }
  .calendar-item-thumb .article--img {
    width: 140px;
    height: 138px;
    flex: 0 0 auto;
    overflow: hidden;
    margin: 0;
    position: relative; }
    .calendar-item-thumb .article--img .article--label__live {
      font-size: 1rem; }
    .calendar-item-thumb .article--img picture {
      line-height: 0;
      display: block; }
      .calendar-item-thumb .article--img picture img {
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        -moz-transition: transform 0.3s ease-in-out;
        -o-transition: transform 0.3s ease-in-out;
        -ms-transition: transform 0.3s ease-in-out;
        -webkit-transition: transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        width: 100%;
        object-fit: cover;
        max-width: 100%;
        height: auto;
        vertical-align: middle;
        border-style: none; }
        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
          .calendar-item-thumb .article--img picture img {
            -moz-transition: all 0.3s;
            -o-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -webkit-transition: all 0.3s;
            transition: all 0.3s; } }
        .calendar-item-thumb .article--img picture img:hover, .calendar-item-thumb .article--img picture img:focus {
          -moz-transform: scale(1.1);
          -o-transform: scale(1.1);
          -ms-transform: scale(1.1);
          -webkit-transform: scale(1.1);
          transform: scale(1.1);
          -moz-transition: transform 0.3s ease-in-out;
          -o-transition: transform 0.3s ease-in-out;
          -ms-transition: transform 0.3s ease-in-out;
          -webkit-transition: transform 0.3s ease-in-out;
          transition: transform 0.3s ease-in-out; }

.calendar-item.today {
  text-transform: uppercase !important; }

.calendar-item.current {
  color: #2d2d2d !important; }

.hidden-element {
  height: 0;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  /* Opacity for Modern Browsers */
  filter: alpha(opacity=0);
  /* Opacity for IE8 and lower */
  zoom: 1;
  /* Fix for IE7 */
  margin: 0 !important; }

.custom-select {
  position: relative;
  font-family: "AktivGrotesk", Arial, Helvetica, sans-serif; }

.custom-select select {
  display: none;
  /*hide original SELECT element:*/ }

.select-selected {
  background-color: #ffffff; }

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: calc(50% - 6px);
  right: 1.5rem;
  width: 8px;
  height: 8px;
  border: 1px solid transparent;
  border-color: transparent #000 #000 transparent;
  transform: rotate(45deg); }

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  top: calc(50% - 2px);
  transform: rotate(225deg); }

/*style the items (options), including the selected item:*/
.select-selected {
  color: #000000;
  padding: 8px 16px;
  border: 1px solid #adb5bd;
  /*border-radius: 50rem;*/
  cursor: pointer;
  user-select: none; }

.select-items div {
  color: #000000;
  padding: 8px 16px;
  border: 1px solid #ffffff;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none; }

/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #ffffff;
  border: 1px solid #adb5bd;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  max-height: 350px;
  overflow-y: auto; }

/*hide the items when the select box is closed:*/
.select-hide {
  display: none; }

.select-items div:hover,
.same-as-selected {
  background-color: rgba(0, 0, 0, 0.1); }

@media only screen and (max-width: 1024px) {
  #ms-featured-news .newslist--item .article--content .article--title a {
    font-size: 1.25rem; } }

#ms-events-replays .article--content {
  width: 100%; }
  #ms-events-replays .article--content .article--title {
    max-height: inherit; }

@media (min-width: 768px) {
  #ms-events-replays .ms-discipline-filter {
    margin-bottom: 3rem; } }

.ms-event-replays-page .ms-event-replays-page--items-group .js-advert-box-active {
  background: #ececec;
  padding: 11px 0;
  margin-bottom: 1.5rem;
  text-align: center; }

.ms-event-replays-page .ms-event-replays-page--items-group div:last-child .newslist--item {
  padding-bottom: 0 !important; }

@media (min-width: 992px) {
  .ms-event-replays-page .ms-event-replays-page--items-group {
    width: 80%; } }

.ms-event-replays-page.ms-event-replays-page--show-filter {
  color: #0081C8 !important;
  text-transform: uppercase;
  font-family: "AktivGrotesk", Arial, Helvetica, sans-serif;
  font-size: 0.85rem;
  font-weight: bold;
  cursor: pointer; }

.ms-event-replays-page--items-group-header {
  font-family: cervo-light;
  font-size: 26px;
  font-size: 1.625rem;
  /*//TODO: calculate Hindi line-height
    .hi & {
        font-size: ($size - 4px);
        font-size: calculateRem($size - 4px);
        line-height: calculateLineHeight($size + 33px);
    }*/
  line-height: 30px;
  font-weight: bold;
  display: block;
  margin: 27px 0 8px 0; }
  .ko .ms-event-replays-page--items-group-header {
    font-size: 24px;
    font-size: 1.5rem; }
  .ko .ms-event-replays-page--items-group-header,
  .zh .ms-event-replays-page--items-group-header {
    line-height: 32px; }

.ms-discipline-filter--button-container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 1rem;
  display: none;
  margin-bottom: 1rem; }

.ms-discipline-filter--close-button {
  justify-content: flex-end;
  margin-bottom: 1rem;
  display: none; }

.ms-discipline-filter--apply-filter-button,
.ms-discipline-filter--reset-filter-button {
  width: 100%;
  border: none;
  outline: none;
  text-transform: uppercase;
  font-family: "AktivGrotesk", Arial, Helvetica, sans-serif;
  font-size: 0.75rem;
  display: none;
  padding: 0.5rem;
  cursor: pointer;
  font-weight: bold; }

.ms-discipline-filter--apply-filter-button {
  color: #fff;
  background-color: #0081C8; }

.ms-discipline-filter--reset-filter-button {
  color: #0081C8;
  background-color: #fff; }

.ms-discipline-filter.ms-discipline-filter__full-screen {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: white;
  z-index: 1002;
  padding: 1rem;
  display: block !important; }
  .ms-discipline-filter.ms-discipline-filter__full-screen .ms-discipline-filter--close-button {
    display: flex; }
  .ms-discipline-filter.ms-discipline-filter__full-screen .ms-discipline-filter--apply-filter-button,
  .ms-discipline-filter.ms-discipline-filter__full-screen .ms-discipline-filter--reset-filter-button {
    display: block; }
  .ms-discipline-filter.ms-discipline-filter__full-screen .ms-discipline-filter--button-container {
    display: block; }

.ms-discipline-filter--element {
  margin-bottom: 1rem; }

.ms-discipline-filter--radio-label {
  font-weight: normal;
  text-transform: none;
  padding: 0 1.5rem 0 0.5rem;
  margin: 0;
  font-size: 0.85rem;
  color: #868e96;
  vertical-align: top;
  font-family: Arial; }

.ms-discipline-filter--label {
  text-transform: none;
  font-family: cervo-light;
  display: block;
  font-size: 1.15em;
  font-weight: bold;
  margin-bottom: 0;
  padding-bottom: 0.2rem; }

.ms-discipline-filter--select {
  width: 100%;
  padding: 0.8rem 0.4rem;
  font-size: 0.75rem;
  font-weight: bold;
  border: 1px solid #dee2e6;
  color: #495057; }

.ms-discipline-filter-dropdown-toggle {
  text-align: start;
  position: relative;
  text-transform: unset;
  font-size: 1rem;
  font-weight: bold;
  line-height: 2rem;
  font-family: "AktivGrotesk", Arial, Helvetica, sans-serif;
  border-color: #cfcfcf; }
  .ms-discipline-filter-dropdown-toggle:after {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 0.255em;
    /* vertical-align: 0.255em; */
    content: "";
    border-top: 0 transparent;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-left: 0 transparent;
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 8px);
    right: 20px; }
  .ms-discipline-filter-dropdown-toggle:focus {
    box-shadow: none; }
  .ms-discipline-filter-dropdown-toggle:hover {
    background-color: #ffffff;
    color: #000000; }

.primetime--logo-white-bg, .article-page__video_v2 .primetime--logo {
  background-color: #fff;
  padding: 0.5rem; }
  .primetime--logo-white-bg img, .article-page__video_v2 .primetime--logo img {
    vertical-align: middle; }

.article-page__video_v2 .playlist {
  background-color: #1c2329;
  border: none;
  padding: 10px 0px 10px 15px; }
  .article-page__video_v2 .playlist reactor {
    display: block;
    overflow: hidden;
    height: 100%; }
    .article-page__video_v2 .playlist reactor > div {
      display: block;
      height: 90%; }
      .article-page__video_v2 .playlist reactor > div .playlist--main .playlist--series-live-wrapper {
        display: flex;
        padding: 0; }
        .article-page__video_v2 .playlist reactor > div .playlist--main .playlist--series-live-wrapper .playlist--series-live-now {
          float: none; }
        .article-page__video_v2 .playlist reactor > div .playlist--main .playlist--series-live-wrapper .live-series-info {
          float: none; }
      .article-page__video_v2 .playlist reactor > div .episode:hover .article--img, .article-page__video_v2 .playlist reactor > div .episode:focus .article--img {
        position: relative; }
        .article-page__video_v2 .playlist reactor > div .episode:hover .article--img > div picture img, .article-page__video_v2 .playlist reactor > div .episode:focus .article--img > div picture img {
          -moz-transform: scale(1.1);
          -o-transform: scale(1.1);
          -ms-transform: scale(1.1);
          -webkit-transform: scale(1.1);
          transform: scale(1.1);
          -moz-transition: transform 0.3s ease-in-out;
          -o-transition: transform 0.3s ease-in-out;
          -ms-transition: transform 0.3s ease-in-out;
          -webkit-transition: transform 0.3s ease-in-out;
          transition: transform 0.3s ease-in-out; }
      .article-page__video_v2 .playlist reactor > div .episode iframe {
        margin: 0; }
  @media (min-width: 992px) {
    .article-page__video_v2 .playlist {
      flex-flow: column nowrap; } }
  .article-page__video_v2 .playlist .playlist--main {
    margin-bottom: 10px;
    flex-basis: auto; }
    @media (min-width: 768px) and (max-width: 991.98px) {
      .article-page__video_v2 .playlist .playlist--main {
        width: 100%; } }
    .article-page__video_v2 .playlist .playlist--main .playlist--series-live-wrapper {
      display: block; }
      .article-page__video_v2 .playlist .playlist--main .playlist--series-live-wrapper .playlist--series-live-now {
        float: left;
        background: #ee334e;
        padding: 5px 10px 0px 8px; }
        .article-page__video_v2 .playlist .playlist--main .playlist--series-live-wrapper .playlist--series-live-now .live-circle {
          width: 6px;
          height: 6px;
          background: #ffffff;
          border-radius: 3px;
          float: left;
          margin: 4px 8px 5px 0; }
        .article-page__video_v2 .playlist .playlist--main .playlist--series-live-wrapper .playlist--series-live-now .live-text {
          float: left;
          color: #ffffff;
          text-transform: uppercase;
          font-size: 0.78rem;
          font-family: "AktivGrotesk", Arial, Helvetica, sans-serif;
          font-weight: bold; }
      .article-page__video_v2 .playlist .playlist--main .playlist--series-live-wrapper .live-series-info {
        float: left;
        padding: 5px 10px 0px 8px; }
        .article-page__video_v2 .playlist .playlist--main .playlist--series-live-wrapper .live-series-info .playlist--episodes-info {
          color: #ffffff;
          font-size: 0.75rem;
          font-family: "AktivGrotesk", Arial, Helvetica, sans-serif; }
  .article-page__video_v2 .playlist .playlist--episodes {
    height: 100%;
    width: 100%;
    border: none;
    padding: unset; }
    @media (min-width: 768px) {
      .article-page__video_v2 .playlist .playlist--episodes::after {
        display: none; } }
    .article-page__video_v2 .playlist .playlist--episodes .episodes {
      height: 100%; }
      .article-page__video_v2 .playlist .playlist--episodes .episodes .episodes-wrapper {
        overflow-y: auto;
        overflow-x: hidden; }
        @media (min-width: 992px) {
          .article-page__video_v2 .playlist .playlist--episodes .episodes .episodes-wrapper {
            flex-direction: column; } }
        .article-page__video_v2 .playlist .playlist--episodes .episodes .episodes-wrapper .episode--link {
          margin-bottom: 10px;
          cursor: pointer; }
          .article-page__video_v2 .playlist .playlist--episodes .episodes .episodes-wrapper .episode--link .episode {
            width: 100%; }
            .article-page__video_v2 .playlist .playlist--episodes .episodes .episodes-wrapper .episode--link .episode .article--img .article--img-caption {
              background-color: inherit; }
              .article-page__video_v2 .playlist .playlist--episodes .episodes .episodes-wrapper .episode--link .episode .article--img .article--img-caption.current {
                border: 3px solid #ee334e; }
                .article-page__video_v2 .playlist .playlist--episodes .episodes .episodes-wrapper .episode--link .episode .article--img .article--img-caption.current .article--label, .article-page__video_v2 .playlist .playlist--episodes .episodes .episodes-wrapper .episode--link .episode .article--img .article--img-caption.current .article--label__current,
                .article-page__video_v2 .playlist .playlist--episodes .episodes .episodes-wrapper .episode--link .episode .article--img .article--img-caption.current .article--label__upcoming, .article-page__video_v2 .playlist .playlist--episodes .episodes .episodes-wrapper .episode--link .episode .article--img .article--img-caption.current .article--label__highlight, .article-page__video_v2 .playlist .playlist--episodes .episodes .episodes-wrapper .episode--link .episode .article--img .article--img-caption.current .article--label__duration, .article-page__video_v2 .playlist .playlist--episodes .episodes .episodes-wrapper .episode--link .episode .article--img .article--img-caption.current .article--label__breaking, .article-page__video_v2 .playlist .playlist--episodes .episodes .episodes-wrapper .episode--link .episode .article--img .article--img-caption.current .article--label__live {
                  display: none; }
            .article-page__video_v2 .playlist .playlist--episodes .episodes .episodes-wrapper .episode--link .episode .article--content .article--info {
              display: none; }
            .article-page__video_v2 .playlist .playlist--episodes .episodes .episodes-wrapper .episode--link .episode .article--content .article--title {
              color: #ffffff;
              font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
              font-size: 1.125rem;
              overflow: inherit;
              max-height: 100%;
              text-transform: none; }
    .article-page__video_v2 .playlist .playlist--episodes .mask {
      width: calc(100% - 17px);
      height: 10%;
      background: -moz-linear-gradient(top, rgba(28, 35, 41, 0) 0, #1c2329 100%);
      background: -webkit-linear-gradient(top, rgba(28, 35, 41, 0) 0, #1c2329 100%);
      background: linear-gradient(to bottom, rgba(28, 35, 41, 0) 0, #1c2329 100%);
      position: absolute;
      bottom: 0;
      z-index: 5; }

.article-page__video_v2 .ms-row .article--video-wrap {
  width: calc(100% - 340px); }
  .article-page__video_v2 .ms-row .article--video-wrap .player-container .video-title {
    font-family: "Cervo-Light", Arial, "Helvetica Neue", Helvetica, sans-serif;
    position: absolute;
    color: #fff;
    top: 0;
    padding: 20px;
    font-size: 18px;
    opacity: 0;
    transition: 0.6s;
    width: 100%;
    background: -moz-linear-gradient(bottom, rgba(240, 240, 240, 0) 0, #000 100%);
    background: -webkit-linear-gradient(bottom, rgba(240, 240, 240, 0) 0, #000 100%);
    background: linear-gradient(to top, rgba(240, 240, 240, 0) 0, #000 100%); }
  .article-page__video_v2 .ms-row .article--video-wrap .player-container:hover .video-title {
    opacity: 1; }
  .article-page__video_v2 .ms-row .article--video-wrap .ocs-share {
    top: 0.75rem; }
    @media (min-width: 768px) {
      .article-page__video_v2 .ms-row .article--video-wrap .ocs-share {
        top: 0.5rem; } }

@media (min-width: 992px) {
  .article-page__video_v2 .ms-row .playlist-items--container {
    height: calc(((100vw - 340px) * 0.5625) - 82.5px);
    max-height: 517.5px; }
    .article-page__video_v2 .ms-row .playlist-items--container #embedded-epg-playlist-vertical {
      height: 100%;
      scrollbar-track-color: #1c2329;
      scrollbar-face-color: #555;
      scrollbar-color: #1c2329 #555; }
      .article-page__video_v2 .ms-row .playlist-items--container #embedded-epg-playlist-vertical::-webkit-scrollbar-track {
        background-color: #1c2329; }
      .article-page__video_v2 .ms-row .playlist-items--container #embedded-epg-playlist-vertical::-webkit-scrollbar {
        background-color: #1c2329; }
      .article-page__video_v2 .ms-row .playlist-items--container #embedded-epg-playlist-vertical::-webkit-scrollbar-thumb {
        background-color: #555; }
    .article-page__video_v2 .ms-row .playlist-items--container #embedded-epg-playlist-horizontal {
      display: none; } }

@media (max-width: 991.98px) {
  .article-page__video_v2 .ms-row .playlist-items--container {
    margin-left: 10px;
    width: calc(100% - 20px) !important; }
    .article-page__video_v2 .ms-row .playlist-items--container #embedded-epg-playlist-horizontal .episode--link {
      width: 300px; }
    .article-page__video_v2 .ms-row .playlist-items--container #embedded-epg-playlist-vertical {
      display: none; }
    .article-page__video_v2 .ms-row .playlist-items--container .mask {
      display: block !important;
      height: 100%;
      width: 15%;
      right: 0;
      background: -moz-linear-gradient(left, rgba(28, 35, 41, 0) 0, #1c2329 100%);
      background: -webkit-linear-gradient(left, rgba(28, 35, 41, 0) 0, #1c2329 100%);
      background: linear-gradient(to right, rgba(28, 35, 41, 0) 0, #1c2329 100%); } }

.article-page__video_v2 .ms-row .playlist {
  width: 340px; }

@media (max-width: 991.98px) {
  .article-page__video_v2 .ms-row {
    flex-direction: column-reverse; }
    .article-page__video_v2 .ms-row .article--video-wrap,
    .article-page__video_v2 .ms-row .playlist {
      width: 100%; }
    .article-page__video_v2 .ms-row .article--video-wrap,
    .article-page__video_v2 .ms-row .playlist {
      padding: 10px;
      width: 100%; }
      .article-page__video_v2 .ms-row .article--video-wrap .playlist--episodes .episodes .episodes-wrapper,
      .article-page__video_v2 .ms-row .playlist .playlist--episodes .episodes .episodes-wrapper {
        height: 100% !important;
        overflow-y: hidden !important;
        overflow-x: auto !important;
        margin-bottom: 0 !important; }
      .article-page__video_v2 .ms-row .article--video-wrap .playlist--episodes .mask,
      .article-page__video_v2 .ms-row .playlist .playlist--episodes .mask {
        display: none; } }

.article-page__video_v2 .primetime__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: end;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin-bottom: 1rem;
  margin-right: 1.5rem;
  float: right; }
  @media (max-width: 991.98px) {
    .article-page__video_v2 .primetime__box {
      -ms-flex-pack: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      margin-right: 0;
      width: 100%; } }
  .article-page__video_v2 .primetime__box + .sponsorship {
    float: left; }
  .article-page__video_v2 .primetime__box + .article--video-wrap {
    padding-top: 0; }

.article-page__video_v2 .primetime--label {
  opacity: .8;
  margin-right: 0.5rem;
  color: #fff; }

.article-page__video_v2 .primetime--logo {
  -ms-flex-negative: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: auto;
  display: inline-block; }

.ocs-dropdown {
  position: relative; }
  .ocs-dropdown.show .dropdown-toggle::after {
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    top: calc(50% - 2px); }
  .ocs-dropdown .dropdown-menu {
    margin: 0.125rem 0;
    width: 100%;
    z-index: 1002; }
    .ocs-dropdown .dropdown-menu.show {
      max-height: 35vh;
      overflow-y: auto; }
  .ocs-dropdown .dropdown-toggle {
    width: 100%;
    color: #2d2d2d !important;
    border-color: #cfcfcf !important;
    background-color: #fff !important;
    position: relative;
    padding: 0.6rem 2.5rem 0.6rem 1rem;
    text-align: left;
    text-transform: none;
    font-family: "AktivGrotesk", Arial, Helvetica, sans-serif;
    font-size: 0.95rem; }
    .ocs-dropdown .dropdown-toggle:hover, .ocs-dropdown .dropdown-toggle:active, .ocs-dropdown .dropdown-toggle:focus {
      outline: none !important;
      box-shadow: none !important; }
    .ocs-dropdown .dropdown-toggle::after {
      position: absolute;
      top: calc(50% - 6px);
      right: 15px;
      width: 8px;
      height: 8px;
      border-top: 0px transparent;
      border-right: 1px solid #000;
      border-bottom: 1px solid #000;
      border-left: 0px transparent;
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */ }

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.owl-carousel .owl-item img {
  display: block;
  width: 100%; }

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none; }

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit; }

.owl-carousel.owl-loaded {
  display: block; }

.owl-carousel.owl-loading {
  opacity: 0;
  display: block; }

.owl-carousel.owl-hidden {
  opacity: 0; }

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden; }

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab; }

.owl-carousel.owl-rtl {
  direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
  float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

.ocs-accordion {
  border-bottom: 1px solid #cfcfcf; }

@media (min-width: 992px) {
  .ocs-accordion {
    margin-left: 5rem; } }

@media (max-width: 991.98px) {
  .ocs-accordion {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw); } }

.ocs-accordion:last-child {
  border-bottom: none;
  margin-bottom: 4rem; }

.ocs-accordion__title {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: 0;
  padding: 1.5rem 1.5rem 1.5rem 0; }

@media (max-width: 991.98px) {
  .ocs-accordion__title {
    padding-left: 10px; } }

@media (max-width: 567.98px) {
  .ocs-accordion__title {
    padding-top: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    font-size: 1.25rem; } }

.ocs-accordion__title:after {
  content: "\E008";
  font-family: font-icons;
  margin-left: auto;
  padding-left: 1rem;
  color: #cfcfcf;
  font-size: 14px;
  line-height: 14px;
  font-weight: bolder;
  transition: all .1s ease; }

.ocs-accordion__title:hover:after {
  color: #0081c8; }

.ocs-accordion__title.collapsed:after {
  transform: scaleY(-1); }

.ocs-accordion__content {
  position: relative;
  background-color: #f5f5f5;
  padding: 20px 24px;
  border-top: 1px solid #cfcfcf; }

.pvp-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4); }

@media (max-width: 567.98px) {
  .pvp-modal {
    padding-top: 0; } }

.pvp-modal .pvp-modal__media {
  display: flex;
  background-color: #fff;
  margin: auto;
  padding: 0;
  border: 0 solid #888;
  width: 70%; }

@media (max-width: 567.98px) {
  .pvp-modal .pvp-modal__media {
    width: 100%;
    height: 100%; } }

.pvp-modal .pvp-modal__media .pvp-modal__column {
  flex: 1 1; }

.pvp-modal .pvp-modal__media .pvp-modal__column.pvp-modal__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover; }

@media (max-width: 567.98px) {
  .pvp-modal .pvp-modal__media .pvp-modal__column.pvp-modal__image {
    display: none; } }

.pvp-modal .pvp-modal__media .pvp-modal__body {
  position: relative; }

.pvp-modal .pvp-modal__media .pvp-modal__body h2 {
  font-size: 2rem;
  margin: 2rem 1.5rem 1.5rem; }

.pvp-modal .pvp-modal__media .pvp-modal__body p {
  margin: 2rem 1.5rem 1.5rem;
  font-size: 1rem; }

.pvp-modal .pvp-modal__media .pvp-modal__body a {
  margin: 2rem 1.5rem 1.5rem;
  width: 100%;
  text-align: center; }

.pvp-modal .pvp-modal__close {
  color: #aaa;
  float: right;
  margin-right: 10px;
  font-size: 32px;
  font-weight: 700; }

.pvp-modal .pvp-modal__close:focus, .pvp-modal .pvp-modal__close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer; }

#ms-events-editorial-results caption, #ms-events-editorial-results h1, #ms-events-editorial-results h2 {
  font-weight: 400; }

#ms-events-editorial-results img {
  max-width: 100%; }

#ms-events-editorial-results figcaption {
  margin-top: .75rem;
  font-size: .85em;
  font-style: italic; }

#ms-events-editorial-results figcaption span {
  display: none; }

#ms-events-editorial-results .table-responsive {
  padding: 20px 20px 1.5rem;
  background-color: #fff;
  max-width: 675px; }

@media (min-width: 992px) {
  #ms-events-editorial-results .table-responsive {
    box-sizing: content-box; } }

@media (max-width: 567.98px) {
  #ms-events-editorial-results .table-responsive {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: 100vw; } }

#ms-events-editorial-results .table-responsive:first-child {
  margin-top: 0; }

#ms-events-editorial-results .table-responsive caption {
  font-size: 1rem;
  line-height: 1.2; }

#ms-events-editorial-results .table-responsive td, #ms-events-editorial-results .table-responsive th {
  background-color: #fff;
  white-space: normal; }

@media (max-width: 567.98px) {
  #ms-events-editorial-results .table-responsive td, #ms-events-editorial-results .table-responsive th {
    font-size: .8rem;
    padding-top: 5px;
    padding-bottom: 5px; } }

#ms-events-editorial-results .table-responsive tr > :first-child {
  text-align: right; }

#ms-events-editorial-results .table-responsive tr > :nth-child(2) {
  width: 10%;
  text-align: center; }

#ms-events-editorial-results .table-responsive tr > :first-child, #ms-events-editorial-results .table-responsive tr > :last-child {
  width: 40%; }

@media (min-width: 568px) {
  #ms-events-editorial-results .table-responsive tr > :first-child, #ms-events-editorial-results .table-responsive tr > :last-child {
    padding-left: 24px;
    padding-right: 24px; } }

#ms-events-editorial-results .spinner-overlay {
  -webkit-animation: fadeIn .3s ease forwards;
  animation: fadeIn .3s ease forwards;
  background-color: rgba(0, 0, 0, 0.2);
  left: 0;
  top: 0; }

#ms-events-editorial-results .spinner-wrap {
  top: 200px;
  left: 0; }

.bq-story-picker {
  position: relative;
  margin-bottom: 2rem;
  font-family: inherit; }

.bq-story-picker * {
  color: #878787; }

.bq-story-picker__dropdown {
  margin-left: .5rem;
  padding-right: 2rem;
  padding-top: 8px;
  padding-bottom: 8px;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  cursor: pointer; }

.bq-story-picker:after {
  content: "\E008";
  font-family: font-icons;
  color: #878787;
  position: absolute;
  right: .5rem;
  top: 45%;
  transform: translateY(-50%) rotate(180deg);
  font-size: 12px;
  pointer-events: none; }

.bq-story-picker--opened:after {
  transform: translateY(-50%); }

.pvp-component ::-webkit-input-placeholder {
  color: #ddd; }

.pvp-component ::-moz-placeholder {
  color: #ddd; }

.pvp-component :-ms-input-placeholder {
  color: #ddd; }

.pvp-component ::-ms-input-placeholder {
  color: #ddd; }

.pvp-component ::placeholder {
  color: #ddd; }

.pvp-component__background {
  position: absolute;
  width: 100%;
  height: 50vw;
  top: 70px;
  left: 0; }

@media (min-width: 768px) {
  .pvp-component__background {
    top: 0;
    height: 100%; } }

.pvp-component__background:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(0deg, #000, rgba(0, 0, 0, 0.3) 25%, transparent);
  background-size: cover; }

@media (min-width: 768px) {
  .pvp-component__background:after {
    background-image: linear-gradient(90deg, #000 20%, rgba(0, 0, 0, 0.8) 30%, transparent); } }

.pvp-component__background picture {
  position: relative; }

.pvp-component__background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top; }

@media (min-width: 768px) {
  .pvp-component__background img {
    -o-object-position: 25%;
    object-position: 25%; }
  .ar .pvp-component__background img {
    -o-object-position: 75%;
    object-position: 75%; } }

@media (min-width: 1200px) {
  .pvp-component__background img {
    -o-object-position: 10vw;
    object-position: 10vw; }
  .ar .pvp-component__background img {
    -o-object-position: calc(100% - 10vw);
    object-position: calc(100% - 10vw); } }

.pvp-component__title {
  font-weight: 400;
  text-transform: none; }

@media (max-width: 767.98px) {
  .pvp-component__title {
    margin-top: 45vw;
    text-align: center !important;
    text-shadow: 0 0 12px #000; } }

@media (min-width: 1200px) {
  .pvp-component__title {
    font-size: 2.5rem; } }

.pvp-component__text {
  display: block;
  text-transform: none;
  font-weight: 400;
  text-align: left;
  font-family: AktivGrotesk,Arial,Helvetica,sans-serif; }

@media (max-width: 767.98px) {
  .pvp-component__text {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-size: 14px; } }

.pvp-component--with-icons .pvp-component__text {
  display: flex;
  align-items: flex-start; }

.pvp-component--with-icons .pvp-component__text:before {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  content: "\E006";
  font-family: font-icons;
  width: 40px;
  height: 40px;
  margin-right: 1rem;
  font-size: 22px;
  border-radius: 50%;
  background-color: #ee334e;
  color: #000; }

.pvp-component--with-icons .pvp-component__text:first-of-type:before {
  content: "\E015"; }

.pvp-component--with-icons .pvp-component__text:nth-of-type(2):before {
  content: "\E029"; }

.pvp-component--with-icons .pvp-component__text:nth-of-type(3):before {
  content: "\E028";
  font-weight: 700; }

.pvp-component__register-socials {
  float: left;
  margin-right: 5px; }

.pvp-component__register-socials .gigya-login-provider-row {
  display: flex;
  align-items: center;
  justify-content: center; }

.pvp-component__register-socials .gigya-login-provider button {
  height: 45px;
  width: 117px;
  background-color: #fff;
  font-size: 14px;
  font-family: AktivGrotesk,Arial,Helvetica,sans-serif;
  display: flex;
  align-items: center;
  justify-content: center; }

.pvp-component__register-socials .gigya-login-provider button:before {
  content: "";
  margin-right: 8px;
  width: 20px;
  height: 20px; }

.pvp-component__register-socials .gigya-login-provider button:after {
  content: "";
  display: inline-block;
  margin-top: 5px; }

.pvp-component__register-socials .gigya-login-provider button div, .pvp-component__register-socials .gigya-login-provider button img {
  display: none; }

.pvp-component__register-socials [gigid=googleplus] button:before {
  background-image: url(/Images/Static/account/google-plus.svg); }

.pvp-component__register-socials [gigid=googleplus] button:after {
  content: "Google"; }

.pvp-component__register-socials [gigid=facebook] button:before {
  content: "\E014";
  font-family: font-icons;
  background-image: url(/Images/Static/account/facebook-login.svg);
  color: #fff;
  padding-top: 2px;
  border-radius: 2px;
  padding-left: 4px;
  font-size: 13px; }

.pvp-component__register-socials [gigid=facebook] button:after {
  content: "Facebook"; }

.pvp-component [gigid=apple] button:before {
  background-image: url(/Images/Static/account/apple.svg); }

.pvp-component [gigid=apple] button:after {
  content: "Login"; }

.pvp-component__separator {
  clear: both;
  padding-top: 40px;
  padding-bottom: 40px; }

.pvp-component__separator:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  top: 50%;
  background-color: #cfcfcf; }

.pvp-component__forgot-password {
  display: block;
  text-align: right;
  line-height: 23px; }

.pvp-component__back-button {
  display: block;
  margin-bottom: 6rem; }

@media (max-width: 767.98px) {
  .pvp-component__back-button {
    position: relative;
    height: 0;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-left: 10px;
    z-index: 1;
    line-height: 2rem; }
  .pvp-component__back-button:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50px;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.75), transparent);
    z-index: -1; } }

@media (min-width: 568px) {
  .pvp-component__back-button {
    margin-bottom: 3rem; } }

.pvp-component__back-button:hover {
  text-decoration: none; }

.pvp-component__back-button:before {
  content: "\E002";
  font-family: font-icons;
  margin-right: .5rem; }

.pvp-component__email-register {
  float: left;
  height: 45px;
  width: 117px;
  margin-top: 4px;
  margin-right: -20px;
  background-color: #fff;
  text-align: center;
  color: #000 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 6px;
  font-size: 14px; }

.pvp-component__email-register:before {
  content: "\E012";
  font-family: font-icons;
  margin-right: 8px;
  padding-bottom: 4px;
  font-size: 19px; }

.pvp-component__email-register:hover {
  text-decoration: none; }

.pvp-component .button-primary, .pvp-component .button-primary input[type=submit] {
  width: 100%; }

.pvp-component .oc-checkbox[class*=error] input + label, .pvp-component .oc-checkbox[class*=error] input + label * {
  transition: color .1s ease;
  color: #ee334e; }

.pvp-component .oc-checkbox[class*=error] input + label:before {
  transition: border-color .1s ease;
  border-color: #ee334e; }

.pvp-component [class*=error]::-webkit-input-placeholder, .pvp-component [class*=error] ::-webkit-input-placeholder {
  color: #ee334e; }

.pvp-component [class*=error]::-moz-placeholder, .pvp-component [class*=error] ::-moz-placeholder {
  color: #ee334e; }

.pvp-component [class*=error]:-ms-input-placeholder, .pvp-component [class*=error] :-ms-input-placeholder {
  color: #ee334e; }

.pvp-component [class*=error]::-ms-input-placeholder, .pvp-component [class*=error] ::-ms-input-placeholder {
  color: #ee334e; }

.pvp-component [class*=error]::placeholder, .pvp-component [class*=error] ::placeholder {
  color: #ee334e; }

.pvp-component .gigya-social-login-container, .pvp-component .gigya-social-login-container > * {
  height: auto !important; }

.pvp-component .gigya-d3-country {
  position: relative; }

.pvp-component .gigya-d3-country:before {
  font-family: font-icons;
  content: "\E007";
  position: absolute;
  bottom: 24px;
  right: 10px;
  font-size: 12px; }

@media (min-width: 568px) {
  .pvp-component .gigya-d3-country:before {
    bottom: 28px; } }

.pvp-component .gigya-d3-country select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

@-webkit-keyframes formAppear {
  0% {
    opacity: 0;
    transform: translateY(-10px); }
  to {
    opacity: 1;
    transform: none; } }

@keyframes formAppear {
  0% {
    opacity: 0;
    transform: translateY(-10px); }
  to {
    opacity: 1;
    transform: none; } }

.pvp-component form[class*=gigya] {
  -webkit-animation: formAppear .5s ease;
  animation: formAppear .5s ease; }

#account-page {
  padding: 0; }

#account-page .oc-header {
  position: absolute;
  background-color: transparent;
  border: none; }

#account-page .oc-header .header-container > :not(.logo) {
  visibility: hidden; }

#account-page .oc-header .logo {
  order: -1; }

@media (max-width: 991.98px) {
  #account-page .oc-header .logo {
    padding-left: 12px;
    padding-top: 8px; } }

#account-page .main-container {
  padding-top: 70px;
  min-height: 100vh;
  display: flex;
  position: relative;
  flex-direction: column;
  padding-bottom: 3rem; }

@media (max-width: 767.98px) {
  #account-page .main-container {
    background-color: #000; } }

@media (min-width: 768px) {
  #account-page .main-container {
    padding-top: 90px;
    justify-content: center; } }

#account-page .main-container:after, #account-page .main-container:before {
  content: "";
  display: block;
  width: 100%; }

@media (min-width: 568px) {
  #account-page .main-container:before {
    flex-grow: 1; } }

#account-page .main-container:after {
  flex-grow: 1; }

@media (min-width: 568px) {
  #account-page .main-container:after {
    flex-grow: 2; } }

#account-page .main-container > * {
  flex-shrink: 0; }

#account-page .oc-footer {
  display: none; }

#gigya-screenset-container_bubble {
  margin-left: 16px; }

#gigya-screenset-container_bubble * {
  font-size: 13px; }

#gigya-screenset-container_bubble :not(.gigya-passwordStrength-scoreText) {
  color: #fff; }

#gigya-screenset-container_bubble .gig-balloon-nub {
  background-image: none;
  border: 10px solid transparent;
  border-right-color: #2d2d2d; }

#gigya-screenset-container_bubble .gig-balloon-frame {
  background-color: #2d2d2d;
  border: none;
  border-radius: 5px;
  padding: 24px; }

#gigya-screenset-container_bubble .gigya-passwordStrength-bar {
  margin: 24px 0; }

#gigya-screenset-container_bubble .gigya-passwordStrength-bar-too_weak {
  background-color: #ee334e; }

#gigya-screenset-container_bubble .gigya-passwordStrength-too_weak .gigya-passwordStrength-scoreText {
  color: #ee334e; }

.section-personalization .section--header {
  background-color: #2d2d2d;
  height: 111px; }

.section-personalization .section--header .section--title {
  padding-top: 20px;
  font-family: Cervo-Light,Arial,Helvetica Neue,Helvetica,sans-serif;
  color: #fff;
  line-height: 34px;
  font-weight: 500;
  font-size: 34px;
  margin: 0 !important;
  text-align: center;
  text-transform: uppercase; }

.section-personalization .section--header .section--statement {
  display: block;
  color: #fff;
  font-family: Cervo-Light,Arial,Helvetica Neue,Helvetica,sans-serif;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 20px;
  text-align: center; }

.section-personalization .section--header .filters-nav {
  padding: 15px 0 0;
  margin: 0;
  border: none; }

.section-personalization .section--header .filters-nav > ul > li {
  padding-left: 24px;
  padding-right: 24px; }

.section-personalization .section--header .filters-nav .btn-link {
  font-family: AktivGrotesk,Arial,Helvetica,sans-serif;
  letter-spacing: .5px;
  line-height: 15px;
  color: #fff;
  opacity: .5;
  font-size: 13px;
  font-weight: 700;
  padding-bottom: 2px;
  text-decoration: none;
  padding-left: 0 !important;
  padding-right: 0 !important; }

.section-personalization .section--header .filters-nav .btn-link.active {
  opacity: 1;
  border-bottom: 2px solid #0081c8; }

.section-personalization .section--header .filters-nav .btn-link:hover {
  border-bottom: 2px solid #0081c8; }

.section-personalization .filter-row {
  margin-bottom: 36px; }

@media (max-width: 767.98px) {
  .section-personalization .filter-row {
    margin-bottom: 23px;
    flex-direction: column-reverse; } }

.section-personalization .filter-row--col {
  display: flex;
  padding-top: 57px; }

@media (max-width: 767.98px) {
  .section-personalization .filter-row--col {
    display: block;
    padding-top: 23px; } }

@media (max-width: 767.98px) {
  .section-personalization .filter-row--col.country {
    padding-top: 0; } }

.section-personalization .filter-row--featured-athlete {
  color: #2d2d2d;
  font-family: Cervo-Light,Arial,Helvetica Neue,Helvetica,sans-serif;
  font-size: 34px;
  font-weight: 500;
  height: 45px; }

@media (max-width: 767.98px) {
  .section-personalization .filter-row--featured-athlete {
    color: #000;
    font-size: 26px;
    height: 26px;
    line-height: normal; } }

.section-personalization .search-bar-wrapper {
  margin-left: auto; }

.section-personalization .search-bar {
  padding: 0 !important; }

.section-personalization .search-bar .input-group {
  padding-bottom: 0 !important;
  width: 351px; }

@media (max-width: 767.98px) {
  .section-personalization .search-bar .input-group {
    width: 100%; } }

.section-personalization .search-bar .input-group .search-bar--input {
  width: 100%;
  border: 1px solid #d8d8d8;
  padding: 12.5px 62px 12.5px 18px;
  line-height: 18px;
  font-size: 13px;
  font-family: AktivGrotesk,Arial,Helvetica,sans-serif;
  color: #666;
  background-color: transparent; }

@media (max-width: 767.98px) {
  .section-personalization .search-bar .input-group .search-bar--input {
    padding-right: 46px; } }

.section-personalization .search-bar .input-group .icon-search:before {
  color: #cfcfcf;
  font-size: 16px; }

.section-personalization .search-bar .input-group .icon-close-button:before {
  color: #cfcfcf;
  font-size: 12px; }

.section-personalization .search-bar .input-group-line {
  padding-bottom: 0 !important;
  display: flex; }

@media (max-width: 767.98px) {
  .section-personalization .search-bar .input-group-line {
    width: 100%; } }

.section-personalization .search-bar .input-group-line .input-group-line--inner {
  position: relative; }

@media (max-width: 767.98px) {
  .section-personalization .search-bar .input-group-line .input-group-line--inner {
    margin-right: 5px;
    width: 100%; } }

.section-personalization .search-bar .input-group-line .search-bar--input {
  width: 351px;
  margin-right: 30px;
  border: 1px solid #d8d8d8;
  padding: 12.5px 62px 12.5px 18px;
  line-height: 18px;
  font-size: 13px;
  font-family: AktivGrotesk,Arial,Helvetica,sans-serif;
  color: #666;
  background-color: transparent; }

@media (max-width: 1199.98px) {
  .section-personalization .search-bar .input-group-line .search-bar--input {
    width: 260px;
    margin-right: 10px; } }

@media (max-width: 767.98px) {
  .section-personalization .search-bar .input-group-line .search-bar--input {
    width: 100%;
    margin-right: 0;
    padding-right: 52px; } }

.section-personalization .search-bar .input-group-line .icon-search:before {
  color: #cfcfcf;
  font-size: 16px; }

.section-personalization .search-bar .input-group-line .icon-close-button {
  right: 30px; }

@media (max-width: 1199.98px) {
  .section-personalization .search-bar .input-group-line .icon-close-button {
    right: 10px; } }

.section-personalization .search-bar .input-group-line .icon-close-button:before {
  color: #cfcfcf;
  font-size: 12px; }

.section-personalization .search-bar .input-group-line .button-secondary-transparent {
  display: block !important;
  width: 117px;
  font-size: 13px;
  font-family: AktivGrotesk,Arial,Helvetica,sans-serif;
  font-weight: 700; }

@media (max-width: 1199.98px) {
  .section-personalization .search-bar .input-group-line .button-secondary-transparent {
    width: 89px; } }

.section-personalization .search-bar .dropdown-menu {
  width: 351px; }

@media (max-width: 1199.98px) {
  .section-personalization .search-bar .dropdown-menu {
    width: 260px; } }

@media (max-width: 767.98px) {
  .section-personalization .search-bar .dropdown-menu {
    width: calc(100% - 92px); } }

.section-personalization .skip-personalization {
  font-family: AktivGrotesk,Arial,Helvetica,sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .6px;
  line-height: 60px;
  padding-left: 122px; }

@media (max-width: 767.98px) {
  .section-personalization .skip-personalization {
    display: none; } }

@media (min-width: 568px) {
  .section-personalization .skip-personalization {
    display: block; } }

@media (max-width: 767.98px) {
  .section-personalization .skip-personalization__mobile {
    padding-left: 74px;
    display: block; } }

@media (min-width: 568px) {
  .section-personalization .skip-personalization__mobile {
    display: none; } }

.section-personalization .skip-personalization__hidden, .section-personalization .skip-personalization__mobile__hidden {
  visibility: hidden; }

.section-personalization .btn.btn-continue {
  width: 230px;
  margin: 0 122px 0 0; }

@media (max-width: 767.98px) {
  .section-personalization .btn.btn-continue {
    width: 164px;
    margin: 0 12px 0 0; } }

.section-personalization .dd-sport-wrapper {
  position: relative; }

@media (max-width: 767.98px) {
  .section-personalization .dd-sport-wrapper {
    margin-top: 22px; } }

.section-personalization .dd-sport--title {
  position: absolute;
  top: -26px;
  color: #000;
  font-family: Cervo-Light,Arial,Helvetica Neue,Helvetica,sans-serif;
  font-size: 18px; }

@media (max-width: 767.98px) {
  .section-personalization .dd-sport--component {
    width: 100%; } }

.section-personalization .dd-sport--component .dd-header {
  cursor: pointer; }

.section-personalization .dd-sport--component .dd-list {
  max-height: 230px;
  overflow: unset; }

.section-personalization .dd-sport--component .dd-list-item {
  cursor: pointer; }

.user-preferences .oc-footer, .user-preferences.use-pointer.nav-up .oc-footer {
  display: none; }

.user-preferences .oc-header {
  background: #000;
  border: none; }

.user-preferences .oc-header .tokyo_link {
  display: none; }

.user-preferences .main-container {
  padding-bottom: 85px; }

.user-preferences-bottom-panel {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #f0f0f0;
  height: 82px;
  box-shadow: 0 -2px 15px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-between;
  align-items: center; }

.notification_wrapper {
  padding-top: 50px; }

@media (max-width: 767.98px) {
  .notification_wrapper {
    padding-top: 32px; } }

@media (min-width: 768px) {
  .notification-box--mr {
    margin-right: 55px; }
  .notification-box--ml {
    margin-left: 55px; } }

.notification-box__form {
  margin-bottom: 20px; }

.notification-box__form .form-check {
  padding-left: 0; }

.notification-box__form .form-check--label {
  display: flex;
  align-items: center; }

.notification-box__form .css-checkbox--label {
  color: #666; }

.notification-box__title {
  height: 20px;
  line-height: 20px;
  color: #000;
  font-family: Cervo-Light,Arial,Helvetica Neue,Helvetica,sans-serif;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 14px; }

.notification-box__img img {
  width: 100%; }

@media (max-width: 767.98px) {
  .notification-box__img {
    display: none; } }

.notification_agreement {
  height: 18px;
  color: #666;
  font-family: AktivGrotesk,Arial,Helvetica,sans-serif;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
  margin-top: 20px; }

.user-box .nav-item-container {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  background-color: transparent !important; }

.user-box__body {
  width: 100%;
  align-self: flex-start; }

@media (max-width: 991.98px) {
  .user-box__body {
    height: 100%;
    background-color: #f0f0f0; } }

@media (min-width: 992px) {
  .user-box__body {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); } }

.user-box__title {
  flex-shrink: 0; }

.user-box__content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  background: #f0f0f0; }

.user-box__col {
  flex: 1 0 33%;
  padding-top: 1.5em;
  padding-bottom: 1.5rem; }

@media (min-width: 992px) {
  .user-box__col {
    padding-top: .5em;
    padding-right: 1.5rem; } }

.user-box__col p {
  margin: 0; }

.user-box__columns-container {
  flex-grow: 1; }

@media (max-width: 991.98px) {
  .user-box__columns-container > * + * {
    border-top: 1px solid #cfcfcf;
    padding-top: 1.5rem; } }

@media (min-width: 992px) {
  .user-box__columns-container > * + * {
    border-left: 1px solid #cfcfcf;
    padding-left: 1.5rem; } }

.user-box__manage-profile-container {
  padding: 2.5rem 1rem 2rem; }

@media (min-width: 992px) {
  .user-box__manage-profile-container {
    width: 400px;
    min-height: 510px;
    padding: 2.5rem; } }

.manage-profile-box {
  position: relative;
  z-index: 1;
  background-color: #fcb131;
  text-align: center; }

@media (min-width: 568px) {
  .manage-profile-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; } }

.manage-profile-box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(/images/static/decoration/Circle_2.png);
  background-position: 50%;
  opacity: .05;
  pointer-events: none;
  z-index: -1; }

.manage-profile-box .link {
  color: #000; }

@media (max-width: 567.98px) {
  .manage-profile-box__logout {
    float: right;
    padding-top: 10px; } }

@media (min-width: 568px) {
  .manage-profile-box__logout {
    order: 10; } }

@media (max-width: 567.98px) {
  .manage-profile-box__description {
    display: none; } }

@media (max-width: 567.98px) {
  .manage-profile-box__button {
    width: 100%; } }

.user-box-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start; }

.user-box-column__cards-container {
  padding: 0;
  list-style: none; }

@media (min-width: 992px) {
  .user-box-column__cards-container {
    margin-bottom: 1.5rem; } }

.user-box-column__cards-container:empty {
  display: none; }

.user-box-column__cards-container a, .user-box-column__cards-container a:hover {
  color: inherit;
  text-decoration: none; }

.user-box-column__cards-container > :not(:last-child) {
  margin-bottom: 1rem; }

@media (max-width: 991.98px) {
  .user-box-column__see-all {
    order: -1;
    align-self: flex-end;
    position: absolute; } }

@media (min-width: 992px) {
  .user-box-column__see-all {
    margin-top: auto; } }

.column-list {
  list-style: none;
  padding: 0;
  margin: 0; }

.column-list__item {
  width: 100%; }

.column-list__item:not(:last-child) {
  margin-bottom: 1.5rem; }

@media (min-width: 768px) {
  .column-list__item:not(:last-child) {
    margin-bottom: 1rem; } }

.spacer-separator-top:not(:first-child) {
  padding-top: 2.5rem;
  margin-top: 2.5rem;
  border-top: 1px solid #cfcfcf; }

@media (min-width: 992px) {
  .spacer-separator-top:not(:first-child) {
    padding-top: 4rem;
    margin-top: 4rem; } }

.section-podcast__aside > :not(:last-child):not([class*=js-advert]), .spacer-separator-bottom:not(:last-child) {
  padding-bottom: 2.5rem;
  margin-bottom: 2.5rem;
  border-bottom: 1px solid #cfcfcf; }

@media (min-width: 992px) {
  .section-podcast__aside > :not(:last-child):not([class*=js-advert]), .spacer-separator-bottom:not(:last-child) {
    padding-bottom: 4rem;
    margin-bottom: 4rem; } }

.grid {
  list-style: none;
  padding: 0; }

.grid__item > * {
  height: 100%; }

@media (max-width: 567.98px) {
  .grid > :not(:first-child) {
    margin-top: 20px; } }

@media (min-width: 568px) {
  .grid--sm-col-2 > :nth-of-type(n+3) {
    margin-top: 20px; } }

@media (min-width: 992px) {
  .grid--lg-col-3 > :nth-of-type(n) {
    margin-top: 0; }
  .grid--lg-col-3 > :nth-of-type(n+4) {
    margin-top: 20px; }
  .grid--lg-col-4 > :nth-of-type(n) {
    margin-top: 0; }
  .grid--lg-col-4 > :nth-of-type(n+5) {
    margin-top: 20px; } }

.dd-wrapper {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  width: 381px; }

.dd-wrapper .dd-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 38px;
  border: 1px solid #d8d8d8;
  cursor: default;
  position: relative; }

.dd-wrapper .dd-header-title {
  font-size: 13px;
  font-family: AktivGrotesk,Arial,Helvetica,sans-serif;
  margin-left: 12px;
  color: #000; }

.dd-wrapper .icon-caret-down, .dd-wrapper .icon-caret-up {
  color: #000;
  margin-right: 18px; }

.dd-wrapper .dd-list {
  z-index: 10;
  position: absolute;
  width: 100%;
  border: 1px solid #d8d8d8;
  border-top: none;
  background-color: #fff;
  box-shadow: 0 2px 5px -1px #e8e8e8;
  padding: 15px 0;
  max-height: 230px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }

.dd-wrapper .dd-list-item {
  width: 100%;
  font-size: 1rem;
  padding: 8px 10px;
  cursor: default;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis; }

.dd-wrapper .dd-list-item.selected, .dd-wrapper .dd-list-item:hover {
  color: #16181b;
  background-color: #f0f0f0; }

.owl-carousel--overflow .owl-stage-outer.owl-stage-outer, .podcast-playlist__carousel .owl-stage-outer.owl-stage-outer {
  overflow: visible; }

.owl-carousel--overflow .owl-next, .owl-carousel--overflow .owl-prev, .podcast-playlist__carousel .owl-next, .podcast-playlist__carousel .owl-prev {
  -webkit-animation: fadeIn .3s ease forwards;
  animation: fadeIn .3s ease forwards;
  height: 100%;
  width: 120px;
  border-radius: 0;
  transition: color .1s ease; }

.owl-carousel--overflow .owl-next:before, .owl-carousel--overflow .owl-prev:before, .podcast-playlist__carousel .owl-next:before, .podcast-playlist__carousel .owl-prev:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

.owl-carousel--overflow .owl-next.disabled, .owl-carousel--overflow .owl-prev.disabled, .podcast-playlist__carousel .owl-next.disabled, .podcast-playlist__carousel .owl-prev.disabled {
  display: none !important; }

.owl-carousel--overflow .owl-next, .podcast-playlist__carousel .owl-next {
  background-image: linear-gradient(90deg, rgba(240, 240, 240, 0), #f0f0f0);
  right: calc(50% - 50vw); }

.owl-carousel--overflow .owl-next:before, .podcast-playlist__carousel .owl-next:before {
  left: auto;
  right: 1rem; }

.owl-carousel--overflow .owl-prev, .podcast-playlist__carousel .owl-prev {
  left: calc(50% - 50vw);
  background-image: linear-gradient(270deg, rgba(240, 240, 240, 0), #f0f0f0); }

.owl-carousel--overflow .owl-prev:before, .podcast-playlist__carousel .owl-prev:before {
  left: 1rem;
  right: auto; }

.owl-carousel--disable-inactive .owl-item, .podcast-playlist__carousel .owl-item {
  transition: opacity .3s ease; }

.owl-carousel--disable-inactive .owl-item:not(.active), .podcast-playlist__carousel .owl-item:not(.active) {
  pointer-events: none;
  opacity: .3; }

.owl-carousel--fixed-cards .owl-item {
  width: 380px !important; }

@media (max-width: 567.98px) {
  .owl-carousel--fixed-cards .owl-item {
    width: 300px !important; } }

.card:hover .card__image img {
  transform: scale(1.08); }

.card__image-container {
  position: relative;
  display: block; }

.card__image {
  padding: 0;
  margin: 0;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center; }

.card__image img {
  transition: transform .4s ease;
  width: 100%; }

.card__roofline {
  margin-bottom: .25rem;
  line-height: 1; }

.card__roofline > * + * {
  text-transform: none; }

.card__roofline > * + :before {
  content: "|";
  padding-right: 5px;
  margin-left: 5px; }

.card__body > :last-child {
  margin-bottom: 0; }

.card__body > :not(:last-child) {
  margin-bottom: .5rem; }

.card .article--icon {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 52px;
  height: 52px;
  transform: translate(-50%, -50%);
  border: 3px solid #fff;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  font-size: 24px;
  transition: .3s ease;
  transition-property: background-color,border-color; }

.card .article--icon:after, .card .article--icon:before {
  line-height: 46px;
  color: currentColor; }

.card:hover .article--icon {
  background-color: #ee334e;
  border-color: #ee334e; }

.card--closed {
  border: 1px solid #cfcfcf;
  transition: border-color .2s ease; }

.card--closed:hover {
  border-color: #a9a9a9; }

.card--closed .card__body {
  padding: 16px 12px; }

.card--horizontal {
  display: flex; }

.card--horizontal .card__body {
  padding-left: 1rem; }

.card--article .card__body {
  padding-top: 1rem;
  min-height: 140px; }

.card--video-description {
  display: flex; }

.card--video-description .card__image {
  height: 143px;
  width: 85px;
  flex-basis: 85px;
  margin-right: 1rem;
  box-sizing: content-box; }

@media (max-width: 991.98px) {
  .card--video-description .card__image {
    display: none; } }

.card--video-description .card__image img {
  transform: none !important; }

.card--video-description .card__body {
  max-width: 600px; }

.card__image--round {
  border-radius: 50%; }

.card__image--white-border {
  box-shadow: 0 0 0 2px #fff; }

.card__image--grey-border {
  box-shadow: 0 0 0 1px #cfcfcf; }

.card__image--40 {
  width: 40px;
  height: 40px; }

.card__image--40 img {
  transform: none !important; }

.card__image--50 {
  width: 50px;
  height: 50px; }

.card__image--50 img {
  transform: none !important; }

.card__image--50.athlete--img__fallback:before {
  font-size: 50px;
  line-height: 1em; }

.card__image--100 {
  width: 100px;
  height: 100px; }

.card__image--100 img {
  transition-duration: .3s; }

.card--podcast-list .card__image {
  height: 40px;
  width: 40px; }

@media (min-width: 568px) {
  .card--podcast-list .card__image {
    height: 100px;
    width: 100px; } }

@media (max-width: 567.98px) {
  .card--podcast-list .card__description {
    font-family: AktivGrotesk,Arial,Helvetica,sans-serif;
    color: #666;
    font-size: .8125rem;
    line-height: 1.375;
    font-weight: 400; } }

@media (min-width: 992px) {
  .card--podcast-playlist {
    width: 292px; } }

.card--podcast-playlist .card__image {
  flex-shrink: 0;
  height: 90px;
  width: 90px; }

@media (min-width: 568px) {
  .card--podcast-playlist .card__image {
    height: 100px;
    width: 100px; } }

.card--podcast-playlist .card__body {
  flex-grow: 1;
  width: 170px;
  box-sizing: content-box; }

@media (max-width: 567.98px) {
  .card--podcast-playlist .card__body {
    padding-left: 8px; } }

.card--podcast-playlist .card__image-container:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  transition: box-shadow .3s ease; }

.card--podcast-playlist.current .card__image-container:after {
  box-shadow: inset 0 0 0 2px #ee334e; }

.section-podcast h1, .section-podcast h2, .section-podcast h3, .section-podcast h4, .section-podcast h5, .section-podcast h6 {
  margin-bottom: 1rem; }

.section-podcast__content {
  padding-top: 2.5rem;
  padding-bottom: 3rem; }

@media (max-width: 767.98px) {
  .section-podcast__content p {
    font-family: AktivGrotesk,Arial,Helvetica,sans-serif;
    color: #2d2d2d;
    font-size: .9375rem;
    line-height: 1.45; } }

.section-podcast__content--detail {
  background-color: #fff; }

@media (min-width: 992px) {
  .section-podcast__col > :not(:last-child) {
    margin-bottom: 4rem; } }

@media (max-width: 1199.98px) {
  .section-podcast__col:not(:last-child), .section-podcast__col > :not(:last-child) {
    margin-bottom: 2.5rem; } }

.section-podcast__aside > :empty {
  display: none; }

.section-podcast__aside [class*=js-advert] {
  margin-bottom: 2.5rem; }

@media (max-width: 767.98px) {
  .section-podcast__aside [class*=js-advert] {
    text-align: center; } }

.podcast-header {
  position: relative;
  background-image: url(/images/static/podcast/podcast-header-bg-center.png), linear-gradient(90deg, #2494c6, #2494c6);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%; }

.podcast-header:after, .podcast-header:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain; }

@media (max-width: 1199.98px) {
  .podcast-header:after, .podcast-header:before {
    opacity: .5; } }

@media (max-width: 991.98px) {
  .podcast-header:after, .podcast-header:before {
    opacity: .2; } }

.podcast-header:before {
  background-position: 0;
  background-image: url(/images/static/podcast/podcast-header-bg-left.png); }

@media (max-width: 991.98px) {
  .podcast-header:before {
    background-position: calc(-250px + 25vw); } }

.podcast-header:after {
  background-position: 100%;
  background-image: url(/images/static/podcast/podcast-header-bg-right.png); }

@media (max-width: 991.98px) {
  .podcast-header:after {
    background-position: 75vw; } }

.podcast-header a:hover {
  text-decoration: none; }

.podcast-header__description {
  width: 300px; }

@media (min-width: 568px) {
  .podcast-header__description {
    width: 435px; } }

.podcast-header .podcast-audio-detail, .podcast-header__title {
  max-width: 700px;
  width: 100%; }

.podcast-header__description--detail-page {
  max-width: 500px;
  width: 80%; }

@media (min-width: 1200px) {
  .podcast-header__description--detail-page {
    max-width: 700px; } }

.podcast-header__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 2.5rem;
  padding-bottom: 2rem;
  background-image: linear-gradient(90deg, transparent, rgba(36, 148, 198, 0.2) 10%, rgba(36, 148, 198, 0.2) 90%, transparent);
  background-size: cover;
  background-position: 50%; }

@media (max-width: 991.98px) {
  .podcast-header__content {
    background-color: rgba(36, 148, 198, 0.2); } }

@media (min-width: 568px) {
  .podcast-header__content--detail-page {
    padding-top: 6.5rem;
    padding-bottom: 1.5rem; } }

.podcast-header__platforms:not(:last-child) {
  margin-bottom: 2rem; }

.podcast-header__transcript-link:after {
  content: "\E007";
  font-family: font-icons;
  font-size: .75em;
  padding-left: .75rem; }

.podcast-header .ocs-share .icon, .podcast-header .vjs-play-control {
  background-color: rgba(36, 148, 198, 0.8);
  box-shadow: 0 0 0 10px rgba(36, 148, 198, 0.8); }

.podcast-list__header {
  border-bottom: 1px solid #cfcfcf; }

.podcast-playlist {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  overflow: hidden; }

.podcast-playlist__item {
  cursor: pointer; }

.podcast-playlist__carousel {
  padding-right: 24px; }

.podcast-playlist__carousel .owl-stage-outer {
  padding: 0; }

.podcast-playlist__carousel .owl-next, .podcast-playlist__carousel .owl-prev {
  width: calc(50vw - 50%);
  transition: color .1s ease; }

.podcast-playlist__carousel .owl-next {
  right: auto;
  left: 100%;
  background-image: linear-gradient(90deg, rgba(240, 240, 240, 0), #f0f0f0 75%); }

.podcast-playlist__carousel .owl-next:before {
  left: 1rem; }

.podcast-playlist__carousel .owl-prev {
  left: auto;
  right: 100%;
  background-image: linear-gradient(270deg, rgba(240, 240, 240, 0), #f0f0f0 75%); }

.podcast-playlist__carousel .owl-prev:before {
  right: 1rem; }

.audio-player .vjs-control-bar .song-info, .audio-player .vjs-control-bar .theo-cast-button, .audio-player .vjs-control-bar .theo-quality-label, .audio-player .vjs-control-bar .theoplayer-poster, .audio-player .vjs-control-bar .vjs-fullscreen-control, .audio-player .vjs-control-bar .vjs-icon-audio, .audio-player .vjs-control-bar .vjs-icon-cog, .audio-player .vjs-control-bar .vjs-icon-subtitles, .audio-player .vjs-control-bar .vjs-mute-control, .audio-player .vjs-control-bar .vjs-time-divider, .audio-player .vjs-control-bar .vjs-volume-control, .audio-player .vjs-fluid .theoplayer-ima-wrapper, .audio-player .vjs-fluid .theoplayer-poster, .audio-player .vjs-fluid:not(.vjs-has-started) .vjs-big-play-button, .audio-player .vjs-fluid:not(.vjs-has-started) .vjs-current-time, .audio-player .vjs-fluid:not(.vjs-has-started) .vjs-duration, .audio-player .vjs-fluid:not(.vjs-has-started) .vjs-time-divider, .audio-player .vjs-fluid:not(.vjs-has-started) .vjs-time-tooltip, .audio-player .vjs-fluid video, .podcast-header .podcast-audio-detail .vjs-control-bar .song-info, .podcast-header .podcast-audio-detail .vjs-control-bar .theo-cast-button, .podcast-header .podcast-audio-detail .vjs-control-bar .theo-quality-label, .podcast-header .podcast-audio-detail .vjs-control-bar .theoplayer-poster, .podcast-header .podcast-audio-detail .vjs-control-bar .vjs-fullscreen-control, .podcast-header .podcast-audio-detail .vjs-control-bar .vjs-icon-audio, .podcast-header .podcast-audio-detail .vjs-control-bar .vjs-icon-cog, .podcast-header .podcast-audio-detail .vjs-control-bar .vjs-icon-subtitles, .podcast-header .podcast-audio-detail .vjs-control-bar .vjs-mute-control, .podcast-header .podcast-audio-detail .vjs-control-bar .vjs-time-divider, .podcast-header .podcast-audio-detail .vjs-control-bar .vjs-volume-control, .podcast-header .podcast-audio-detail .vjs-fluid .theoplayer-ima-wrapper, .podcast-header .podcast-audio-detail .vjs-fluid .theoplayer-poster, .podcast-header .podcast-audio-detail .vjs-fluid:not(.vjs-has-started) .vjs-big-play-button, .podcast-header .podcast-audio-detail .vjs-fluid:not(.vjs-has-started) .vjs-current-time, .podcast-header .podcast-audio-detail .vjs-fluid:not(.vjs-has-started) .vjs-duration, .podcast-header .podcast-audio-detail .vjs-fluid:not(.vjs-has-started) .vjs-time-divider, .podcast-header .podcast-audio-detail .vjs-fluid:not(.vjs-has-started) .vjs-time-tooltip, .podcast-header .podcast-audio-detail .vjs-fluid video, .podcast-syndicated .vjs-control-bar .song-info, .podcast-syndicated .vjs-control-bar .theo-cast-button, .podcast-syndicated .vjs-control-bar .theo-quality-label, .podcast-syndicated .vjs-control-bar .theoplayer-poster, .podcast-syndicated .vjs-control-bar .vjs-fullscreen-control, .podcast-syndicated .vjs-control-bar .vjs-icon-audio, .podcast-syndicated .vjs-control-bar .vjs-icon-cog, .podcast-syndicated .vjs-control-bar .vjs-icon-subtitles, .podcast-syndicated .vjs-control-bar .vjs-mute-control, .podcast-syndicated .vjs-control-bar .vjs-time-divider, .podcast-syndicated .vjs-control-bar .vjs-volume-control, .podcast-syndicated .vjs-fluid .theoplayer-ima-wrapper, .podcast-syndicated .vjs-fluid .theoplayer-poster, .podcast-syndicated .vjs-fluid:not(.vjs-has-started) .vjs-big-play-button, .podcast-syndicated .vjs-fluid:not(.vjs-has-started) .vjs-current-time, .podcast-syndicated .vjs-fluid:not(.vjs-has-started) .vjs-duration, .podcast-syndicated .vjs-fluid:not(.vjs-has-started) .vjs-time-divider, .podcast-syndicated .vjs-fluid:not(.vjs-has-started) .vjs-time-tooltip, .podcast-syndicated .vjs-fluid video {
  display: none !important; }

.audio-player .vjs-has-started .vjs-current-time, .audio-player .vjs-has-started .vjs-duration, .podcast-header .podcast-audio-detail .vjs-has-started .vjs-current-time, .podcast-header .podcast-audio-detail .vjs-has-started .vjs-duration, .podcast-syndicated .vjs-has-started .vjs-current-time, .podcast-syndicated .vjs-has-started .vjs-duration {
  display: flex !important; }

.audio-player .vjs-fluid, .podcast-header .podcast-audio-detail .vjs-fluid, .podcast-syndicated .vjs-fluid {
  background-color: transparent !important;
  padding: 3.5rem 0 0 !important;
  margin-bottom: 2rem; }

@media (max-width: 767.98px) {
  .audio-player .vjs-fluid, .podcast-header .podcast-audio-detail .vjs-fluid, .podcast-syndicated .vjs-fluid {
    margin-bottom: 4rem; } }

.audio-player .vjs-fluid .theo-player-wrapper, .podcast-header .podcast-audio-detail .vjs-fluid .theo-player-wrapper, .podcast-syndicated .vjs-fluid .theo-player-wrapper {
  background-color: transparent !important; }

.audio-player .vjs-fluid .theo-control-bar-shadow, .podcast-header .podcast-audio-detail .vjs-fluid .theo-control-bar-shadow, .podcast-syndicated .vjs-fluid .theo-control-bar-shadow {
  color: transparent !important;
  background: transparent !important; }

.audio-player .vjs-fluid .vjs-loading-spinner, .podcast-header .podcast-audio-detail .vjs-fluid .vjs-loading-spinner, .podcast-syndicated .vjs-fluid .vjs-loading-spinner {
  transform: scale(0.3) !important;
  margin-top: -35px; }

.audio-player .vjs-fluid.theo-pip .theo-player-wrapper, .podcast-header .podcast-audio-detail .vjs-fluid.theo-pip .theo-player-wrapper, .podcast-syndicated .vjs-fluid.theo-pip .theo-player-wrapper {
  background: #2494c6 !important;
  top: 100% !important;
  right: 0 !important;
  width: 100% !important;
  height: 75px !important;
  z-index: 1000000000 !important;
  -webkit-animation: theo-pip-audio .3s forwards;
  animation: theo-pip-audio .3s forwards; }

@media (max-width: 767.98px) {
  .audio-player .vjs-fluid.theo-pip .theo-player-wrapper, .podcast-header .podcast-audio-detail .vjs-fluid.theo-pip .theo-player-wrapper, .podcast-syndicated .vjs-fluid.theo-pip .theo-player-wrapper {
    display: block !important; } }

@media (min-width: 992px) {
  .audio-player .vjs-fluid.theo-pip .vjs-control-bar, .podcast-header .podcast-audio-detail .vjs-fluid.theo-pip .vjs-control-bar, .podcast-syndicated .vjs-fluid.theo-pip .vjs-control-bar {
    width: calc(100% - 200px);
    max-width: 1200px;
    box-sizing: content-box;
    margin: 0 auto; } }

.audio-player .vjs-fluid.theo-pip .vjs-progress-control, .podcast-header .podcast-audio-detail .vjs-fluid.theo-pip .vjs-progress-control, .podcast-syndicated .vjs-fluid.theo-pip .vjs-progress-control {
  display: flex !important;
  left: 4rem; }

.audio-player .vjs-fluid.theo-pip .vjs-play-control, .podcast-header .podcast-audio-detail .vjs-fluid.theo-pip .vjs-play-control, .podcast-syndicated .vjs-fluid.theo-pip .vjs-play-control {
  left: .5rem; }

.audio-player .vjs-fluid.theo-pip .vjs-play-control:before, .podcast-header .podcast-audio-detail .vjs-fluid.theo-pip .vjs-play-control:before, .podcast-syndicated .vjs-fluid.theo-pip .vjs-play-control:before {
  text-shadow: none; }

.audio-player .vjs-fluid.theo-pip .vjs-play-control .theo-button-tooltip, .podcast-header .podcast-audio-detail .vjs-fluid.theo-pip .vjs-play-control .theo-button-tooltip, .podcast-syndicated .vjs-fluid.theo-pip .vjs-play-control .theo-button-tooltip {
  margin-bottom: 10px !important; }

.audio-player .vjs-fluid.theo-pip .vjs-current-time, .podcast-header .podcast-audio-detail .vjs-fluid.theo-pip .vjs-current-time, .podcast-syndicated .vjs-fluid.theo-pip .vjs-current-time {
  left: 3.8rem; }

.audio-player .vjs-fluid.theo-pip .vjs-loading-spinner, .podcast-header .podcast-audio-detail .vjs-fluid.theo-pip .vjs-loading-spinner, .podcast-syndicated .vjs-fluid.theo-pip .vjs-loading-spinner {
  margin-top: -1.6rem; }

@media (min-width: 992px) {
  .audio-player .vjs-fluid.theo-pip ~ .ocs-share, .podcast-header .podcast-audio-detail .vjs-fluid.theo-pip ~ .ocs-share, .podcast-syndicated .vjs-fluid.theo-pip ~ .ocs-share {
    position: fixed;
    -webkit-animation: icon-share-audio .3s ease forwards;
    animation: icon-share-audio .3s ease forwards;
    width: calc(100% - 200px);
    max-width: 1200px;
    box-sizing: content-box;
    margin: 0 auto;
    top: auto !important;
    left: 0 !important;
    right: 0 !important;
    text-align: right; } }

@media (min-width: 992px) {
  .audio-player .vjs-fluid.theo-pip ~ .ocs-share .share, .podcast-header .podcast-audio-detail .vjs-fluid.theo-pip ~ .ocs-share .share, .podcast-syndicated .vjs-fluid.theo-pip ~ .ocs-share .share {
    position: absolute;
    bottom: 0;
    right: -4rem; } }

.audio-player .vjs-control-bar, .podcast-header .podcast-audio-detail .vjs-control-bar, .podcast-syndicated .vjs-control-bar {
  visibility: visible !important;
  opacity: 1 !important;
  display: flex !important; }

.audio-player .vjs-control-bar .vjs-play-control, .podcast-header .podcast-audio-detail .vjs-control-bar .vjs-play-control, .podcast-syndicated .vjs-control-bar .vjs-play-control {
  position: absolute;
  top: -1.35rem;
  left: -58px;
  pointer-events: all !important;
  border: 3px solid #fff;
  border-radius: 50%;
  box-sizing: content-box; }

@media (min-width: 992px) {
  .audio-player .vjs-control-bar .vjs-play-control, .podcast-header .podcast-audio-detail .vjs-control-bar .vjs-play-control, .podcast-syndicated .vjs-control-bar .vjs-play-control {
    top: -25px;
    width: 50px !important;
    height: 50px !important;
    border: 3px solid #fff;
    box-sizing: border-box; }
  .audio-player .vjs-control-bar .vjs-play-control:before, .podcast-header .podcast-audio-detail .vjs-control-bar .vjs-play-control:before, .podcast-syndicated .vjs-control-bar .vjs-play-control:before {
    font-size: 2rem !important;
    line-height: 44px !important; } }

.audio-player .vjs-control-bar .vjs-play-control .theo-button-tooltip, .audio-player .vjs-control-bar .vjs-play-control .vjs-control-text, .podcast-header .podcast-audio-detail .vjs-control-bar .vjs-play-control .theo-button-tooltip, .podcast-header .podcast-audio-detail .vjs-control-bar .vjs-play-control .vjs-control-text, .podcast-syndicated .vjs-control-bar .vjs-play-control .theo-button-tooltip, .podcast-syndicated .vjs-control-bar .vjs-play-control .vjs-control-text {
  left: 0 !important; }

.audio-player .vjs-control-bar .vjs-duration, .podcast-header .podcast-audio-detail .vjs-control-bar .vjs-duration, .podcast-syndicated .vjs-control-bar .vjs-duration {
  position: absolute !important;
  right: 10px !important;
  top: 0 !important;
  font-size: 1em !important; }

.audio-player .vjs-control-bar .vjs-current-time-display, .audio-player .vjs-control-bar .vjs-duration-display, .podcast-header .podcast-audio-detail .vjs-control-bar .vjs-current-time-display, .podcast-header .podcast-audio-detail .vjs-control-bar .vjs-duration-display, .podcast-syndicated .vjs-control-bar .vjs-current-time-display, .podcast-syndicated .vjs-control-bar .vjs-duration-display {
  font-size: 14px;
  font-family: AktivGrotesk,Arial,Helvetica,sans-serif; }

.audio-player .vjs-control-bar .vjs-current-time, .podcast-header .podcast-audio-detail .vjs-control-bar .vjs-current-time, .podcast-syndicated .vjs-control-bar .vjs-current-time {
  position: absolute !important;
  left: .5rem; }

.podcast-header .podcast-audio-detail .player-container {
  background-color: transparent !important; }

@media (max-width: 991.98px) {
  .podcast-header .podcast-audio-detail .player-container {
    margin-right: 6rem;
    margin-left: 82px; } }

@media (max-width: 767.98px) {
  .podcast-header .podcast-audio-detail .player-container {
    margin-right: 0 !important;
    margin-left: 66px !important; } }

.podcast-header .podcast-audio-detail .player-container .ocs-share {
  display: block;
  right: -4rem;
  top: -.3rem; }

@media (max-width: 767.98px) {
  .podcast-header .podcast-audio-detail .player-container .ocs-share {
    right: 50%;
    top: 3.5rem;
    transform: translateX(-12px); } }

.podcast-header .podcast-audio-detail .player-container .ocs-share .icon {
  border-color: #fff; }

.podcast-header .podcast-audio-detail .player-container .ocs-share .social-icons-container {
  bottom: 2.5rem;
  right: 3.5rem; }

@media (max-width: 767.98px) {
  .podcast-header .podcast-audio-detail .player-container .ocs-share .social-icons-container {
    right: -5.5rem; } }

.podcast-syndicated-body {
  padding-top: 0;
  background: #fff;
  width: 100%;
  height: 100vh; }

.podcast-syndicated, .podcast-syndicated-body {
  display: flex;
  flex-direction: column;
  justify-content: center; }

.podcast-syndicated {
  background: #2494c6;
  height: 133px;
  padding-left: 172px; }

@media (max-width: 567.98px) {
  .podcast-syndicated {
    padding-left: 50px;
    padding-top: 16px;
    height: 146px; } }

.podcast-syndicated .podcast-syndicated__title {
  color: #fff;
  margin-top: 24px;
  margin-bottom: 12px;
  position: relative;
  left: -33px; }

@media (max-width: 567.98px) {
  .podcast-syndicated .podcast-syndicated__title {
    margin-top: 0;
    margin-bottom: 0;
    left: 0;
    padding-left: 12px; } }

.podcast-syndicated .card__image-container {
  display: flex;
  align-items: flex-end; }

.podcast-syndicated .card__image-container:hover {
  text-decoration: none; }

@media (max-width: 567.98px) {
  .podcast-syndicated .card__image-container {
    left: -33px;
    margin-bottom: 12px; } }

.podcast-syndicated .card__image-container .card__image {
  height: 60px;
  width: 60px; }

@media (min-width: 568px) {
  .podcast-syndicated .card__image-container .card__image {
    height: 100px;
    width: 100px;
    position: absolute;
    left: -158px;
    top: 10px; } }

.podcast-syndicated .player-container {
  background-color: transparent !important; }

.podcast-syndicated .vjs-fluid {
  margin-bottom: 0; }

.podcast-syndicated .vjs-control-bar .vjs-play-control {
  width: 2rem !important;
  height: 2rem !important;
  top: -17px;
  left: -33px;
  box-sizing: border-box; }

.podcast-syndicated .vjs-control-bar .vjs-play-control:before {
  font-size: 1.5rem !important;
  line-height: 26px !important; }

.podcast-syndicated .vjs-control-bar .vjs-play-control .theo-button-tooltip {
  left: -10px !important; }

@-webkit-keyframes theo-pip-audio {
  0% {
    opacity: 0; }
  to {
    transform: translateY(-100%);
    opacity: 1; } }

@keyframes theo-pip-audio {
  0% {
    opacity: 0; }
  to {
    transform: translateY(-100%);
    opacity: 1; } }

@-webkit-keyframes icon-share-audio {
  to {
    z-index: 1000000001;
    right: 0;
    bottom: .625rem; } }

@keyframes icon-share-audio {
  to {
    z-index: 1000000001;
    right: 0;
    bottom: .625rem; } }

.podcast-platforms {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: -1.5rem; }

.podcast-platforms > * {
  margin-bottom: 1.5rem; }

.podcast-platforms > :not(:last-child) {
  margin-right: 1.5rem; }

.podcast-platforms img {
  height: 32px;
  max-width: 250px; }

.order-by-dropdown {
  position: relative; }

.order-by-dropdown span:after {
  content: "\E008";
  display: inline-block;
  font-family: font-icons;
  color: #878787;
  transform: rotate(180deg);
  font-weight: bolder;
  font-size: 12px;
  pointer-events: none;
  margin-left: 8px; }

.order-by-dropdown select {
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  min-width: 100px;
  padding: 4px; }

.load-more-button {
  display: none; }

.video-detail--dark {
  background-color: #2d2d2d; }

.video-detail--dark .video-tags .list-item {
  color: #000;
  background-color: #fff; }

.video-detail--dark .video-tags .list-item:focus, .video-detail--dark .video-tags .list-item:hover {
  color: #000;
  background-color: #cfcfcf; }

.video-detail--dark .video-tags .list-item > a, .video-detail--dark .video-tags .list-item span {
  color: #000; }

.video-detail--dark .playlist-inner-box *, .video-detail--dark .playlist-inner-box :after, .video-detail--dark .playlist-inner-box :before {
  color: #fff !important; }

.video-detail--dark .playlist-inner-box .roofline-info:before {
  background-color: #fff; }

.video-detail--dark .playlist-inner-box .mask {
  background-image: linear-gradient(90deg, rgba(28, 35, 41, 0), #1c2329); }

@media (min-width: 992px) {
  .video-detail--dark .playlist-inner-box .mask {
    background-image: linear-gradient(180deg, rgba(28, 35, 41, 0), #1c2329); } }

.video-detail--dark .playlist-container {
  padding-left: 10px;
  padding-right: 10px; }

.video-detail--dark .playlist, .video-detail--dark .playlist-inner-box {
  background-color: #1c2329; }

.video-detail--dark .share .icon {
  border-color: #fff;
  color: #fff;
  width: 40px;
  height: 40px;
  font-size: 30px;
  border-width: 3px; }

.section-page-content {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem; }

.section-page-content > :not(:last-child) {
  margin-bottom: 1.5rem; }