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

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

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

body {
  margin: 0;
  font-family: "Roboto", "Roboto-fallback", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #3D4248;
  text-align: left;
  background-color: #FFF;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  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;
  text-decoration-skip-ink: none;
}

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: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: #0056b3;
  text-decoration: underline;
}

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", 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 {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

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

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

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

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

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;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

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

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

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;
}

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: 0.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-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;
}

/* latin-ext */
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Raleway"), local("Raleway-Regular"), url(/media/Raleway-Regular-latin-ext.bf7d4b9b.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Raleway"), local("Raleway-Regular"), url(/media/Raleway-Regular-latin.87382137.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Raleway Medium"), local("Raleway-Medium"), url(/media/Raleway-Medium-latin-ext.1467230c.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Raleway Medium"), local("Raleway-Medium"), url(/media/Raleway-Medium-latin.def53b33.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("Raleway Bold"), local("Raleway-Bold"), url(/media/Raleway-Bold-latin-ext.aeb4e5b6.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("Raleway Bold"), local("Raleway-Bold"), url(/media/Raleway-Bold-latin-ext.aeb4e5b6.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Raleway Bold"), local("Raleway-Bold"), url(/media/Raleway-Bold-latin-ext.aeb4e5b6.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Raleway Bold"), local("Raleway-Bold"), url(/media/Raleway-Bold-latin-ext.aeb4e5b6.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Rubik Light"), local("Rubik-Light"), url(/media/Rubik-VariableFont_wght.0dfbb61b.ttf) format("truetype");
}
.badge_actu {
  font-size: 10px;
  background-color: #EA1E2E;
  border-radius: 2px;
  padding: 1px 6px;
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
}

.badge_live {
  font-size: 14px;
  display: inline-block;
  top: 1em;
  left: 1em;
  background-color: #EA1E2E;
  border-radius: 2px;
  padding: 1px 6px;
  vertical-align: middle;
  text-transform: uppercase;
}

.badge_channel {
  display: inline-block;
  width: 13px;
  height: 4px;
  border-radius: 5px;
  vertical-align: middle;
  margin-top: -2px;
}

.badge_price {
  background-color: #2A502B;
  top: 1em;
  right: 1em;
  display: inline-block;
  border-radius: 2px;
  padding: 1px 6px;
  vertical-align: middle;
  text-transform: uppercase;
}

.tags {
  border: 1px solid #2A502B;
  padding-left: 8px;
  font-size: 12px;
  padding-right: 8px;
  margin-right: 3px;
  background-color: #2A502B;
  color: white;
  cursor: pointer;
  border-radius: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-decoration: none;
}
.tags:hover {
  color: white;
  text-decoration: none;
  background-color: rgba(42, 80, 43, 0.9);
}

svg.icon {
  height: 1em;
  width: 1em;
}

body {
  overflow-x: hidden;
}

.Page__content {
  display: block;
  width: 100%;
}
.Page__spacer {
  display: block;
  clear: both;
  height: 1px;
  padding: 0;
  border: 0;
  margin: 28px 18px;
}

@media screen and (min-width: 426px) {
  .Page__spacer {
    margin: 28px 26px;
  }
}
@media screen and (min-width: 769px) {
  .Page__spacer {
    margin: 28px 56px;
  }
}
.PageMyVideos__content > .AreaGrid > .Grid > .Grid__container > .Grid__container__item {
  width: 1020px;
}

.PageMyVideos__content > .AreaGrid > .Grid > .Grid__container {
  gap: 10px;
}

.PageGroup__main__content > .AreaGrid > .Grid > .Grid__container > .Grid__container__item {
  max-width: fit-content;
  width: auto;
}

@media screen and (min-width: 1380px) {
  .PageMyVideos__content > .AreaGrid > .Grid > .Grid__container > .Grid__container__item {
    max-width: 22%;
  }
}
.PageMyVideos__content > .AreaGrid > .Grid {
  padding: 0px;
}

.PageMyOrders__content li {
  list-style: none;
}

.PageMyOrders__content ul {
  padding-left: 0;
}

.PageMyOrders__content > ul > li {
  background-color: #252525;
  border-radius: 5px;
  margin: 1em 1em 1em 0;
  padding: 0.2em 0 0.2em 0;
}

.PageMyOrders__content > ul > li > div {
  display: flex;
  justify-content: space-between;
  margin: 0.3em;
  padding: 0.5em;
  vertical-align: middle;
}

.PageMyOrders__content > ul > li > div > p {
  margin: auto 0 auto 0;
  text-align: center;
  vertical-align: middle;
}

.pagination {
  margin: 0 1em 0 0;
  display: flex;
  justify-content: end;
}

.pagination > button {
  padding: 5px 0.5em 5px 0.5em;
  margin: 10px;
  font-size: 1em;
  letter-spacing: 0.3px;
  vertical-align: middle;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 5px;
  text-decoration: none;
  color: #FFFFFF;
  align-self: start;
  border: 0;
}

.paginator_pageNumber {
  padding: 5px 0.2em 5px 0.2em;
  margin: 10px;
  font-size: 1em;
  letter-spacing: 0.3px;
  vertical-align: middle;
  border-radius: 5px;
  text-decoration: none;
  color: #FFFFFF;
  align-self: start;
  border: 0;
}

.pagination > button:disabled,
.pagination > button[disabled] {
  background-color: rgba(255, 255, 255, 0.06);
  color: #777777;
}

.PageHeader {
  height: 66px;
  padding: 22px 10px 16px;
  display: flex;
  align-items: center;
  background-color: #2A502B;
}
.PageHeader__left {
  flex-shrink: 0;
  flex-grow: 1;
  height: 100%;
  align-items: center;
  display: flex;
}
.PageHeader__right {
  display: flex;
  align-items: center;
}
.PageHeader__logo {
  transition: all linear 200ms;
  display: inline-block;
  height: 100%;
  margin-right: 1.9em;
  flex-shrink: 0;
  background-image: url(/media/logo.ce364c2a.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
}
.PageHeader__logo img {
  height: 100%;
  visibility: hidden;
}
.PageHeader__nav {
  transition: all linear 200ms;
  position: relative;
  font-size: 18px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.75);
  overflow: visible;
  z-index: 1;
}
.PageHeader__nav button {
  display: inline-block;
  background: transparent;
  border: none;
  color: #FFF;
  white-space: nowrap;
  padding: 0;
  margin: 0 1em;
  outline: none;
}
.PageHeader__nav button svg {
  margin: 0 0.5em;
  vertical-align: text-bottom;
}
.PageHeader__nav__menu {
  max-width: 600px;
  display: flex;
  vertical-align: middle;
  justify-content: space-evenly;
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.PageHeader__nav__menu li {
  margin-right: 1em;
}
.PageHeader__nav__menu a {
  display: inline-block;
  line-height: 4em;
  white-space: nowrap;
  color: inherit;
  transition: color ease-out 300ms;
  font-weight: 500;
}
.PageHeader__nav__menu a svg {
  margin-right: 0.5em;
  vertical-align: text-bottom;
}
.PageHeader__nav__menu a:hover, .PageHeader__nav__menu a:active, .PageHeader__nav__menu a.active, .PageHeader__nav__menu a:focus {
  color: #FFF;
  text-decoration: none;
  outline: none;
}
.PageHeader__nav__menu__sub {
  flex-direction: column;
  justify-items: stretch;
  position: absolute;
  top: 140%;
  background: #2A502B;
  border-radius: 5px;
  box-shadow: 0 1.5em 3em 3em rgba(0, 0, 0, 0.15);
  border: 1px solid #2A502B;
  padding: 0 1em;
}
.PageHeader__nav__menu__sub li {
  margin: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.75);
}
.PageHeader__nav__menu__sub li:last-child {
  border: 0;
}
.PageHeader__nav__menu__sub li a {
  line-height: 3em;
  display: block;
}
.PageHeader__search {
  display: flex;
  flex-grow: 0;
  align-items: center;
  font-size: 14px;
  transition: all linear 500ms;
}
.PageHeader__search__input {
  display: flex;
  padding: 0.5em 1em;
  border-radius: 2em;
  color: rgba(255, 255, 255, 0.75);
  background-color: #19301A;
  flex-grow: 1;
  align-items: center;
}
.PageHeader__search__input input {
  display: none;
  flex-grow: 1;
  border: 0;
  background: transparent;
  margin: 0 1em 0 0;
  outline-style: none;
  box-shadow: none;
  color: inherit;
  border-color: transparent;
}
.PageHeader__search__input input::placeholder {
  color: rgba(255, 255, 255, 0.75);
}
.PageHeader__search__close {
  color: #FFF;
  background: transparent;
  border: none;
  display: none;
  padding: 0;
  margin-left: 1em;
  margin-right: 1em;
  align-items: center;
  outline: none;
}
.PageHeader__search__close:active, .PageHeader__search__close:focus {
  outline: none;
}
.PageHeader__search__close svg {
  outline: none;
  margin-right: 0.2em;
}
.PageHeader__social {
  transition: all linear 200ms;
  display: none;
  min-width: 4.5em;
  justify-content: space-between;
  font-size: 1.1em;
  column-gap: 0.5em;
}
.PageHeader__social a {
  opacity: 0.5;
  transition: opacity ease-out 300ms;
  color: rgba(255, 255, 255, 0.75);
}
.PageHeader__social a span {
  margin-left: 0.5em;
}
.PageHeader__social a svg {
  vertical-align: text-bottom;
}
.PageHeader__social a:hover, .PageHeader__social a:active, .PageHeader__social a:focus {
  color: #FFF;
  text-decoration: none;
  outline: none;
  opacity: 1;
}
.PageHeader.searching .PageHeader__right,
.PageHeader.searching .PageHeader__left {
  overflow: hidden;
  font-size: 0;
}
.PageHeader.searching .PageHeader__right .PageHeader__logo,
.PageHeader.searching .PageHeader__left .PageHeader__logo {
  height: 0;
}
.PageHeader.searching .PageHeader__search {
  max-width: none;
  flex-grow: 100;
}
.PageHeader.searching .PageHeader__search__input {
  background: #19301A;
  flex-direction: row-reverse;
}
.PageHeader.searching .PageHeader__search__input input {
  display: inline-block;
  margin: 0 0 0 1em;
}
.PageHeader.searching .PageHeader__search__close {
  display: flex;
}

@media screen and (min-width: 426px) {
  .PageHeader {
    height: 83px;
    padding: 18px;
  }
  .PageHeader__logo {
    margin-right: 2.9em;
    background-image: url(/media/logo@2x.ce364c2a.png);
  }
  .PageHeader__search {
    max-width: 205px;
    margin-left: 2em;
    margin-right: 2.5em;
    flex-grow: 1;
  }
  .PageHeader__search__input {
    padding: 0.5em 1em;
    border: 1px solid #19301A;
  }
  .PageHeader__search__close {
    margin-left: 2em;
    margin-right: 0;
  }
  .PageHeader__search input {
    display: inline-block;
  }
  .PageHeader__social {
    display: flex;
  }
}
@media screen and (min-width: 769px) {
  .PageHeader {
    height: 111px;
    padding: 24px;
  }
  .PageHeader__logo {
    background-image: url(/media/logo@3x.ce364c2a.png);
  }
  .PageHeader__search {
    max-width: 309px;
  }
}
.FooterPage {
  padding: 28px;
  background-color: #262626;
}
.FooterPage .Page__spacer {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}
.FooterPage__wrapper__container {
  display: flex;
  margin: 0 auto;
  flex-direction: row;
  flex-wrap: wrap;
}
.FooterPage__wrapper__container__item {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.FooterPage__wrapper__container__item h4 {
  font-size: 28px;
  letter-spacing: 0.4px;
  display: block;
  color: rgba(237, 237, 237, 0.6);
}
.FooterPage__wrapper__container__item ul {
  list-style: none outside none;
  padding: 0;
  margin: 0.5em 0 0 0;
  line-height: 30px;
}
.FooterPage__wrapper__container__item ul li {
  color: #EDEDED;
  font-size: 13px;
}
.FooterPage__wrapper__container__item ul li a {
  color: inherit;
  display: block;
  margin-bottom: 0.5em;
  transition: color ease-out 300ms;
}
.FooterPage__wrapper__container__item ul li a:hover, .FooterPage__wrapper__container__item ul li a:active, .FooterPage__wrapper__container__item ul li a.active, .FooterPage__wrapper__container__item ul li a:focus {
  color: rgba(237, 237, 237, 0.6);
  text-decoration: none;
}
.FooterPage__wrapper__container__item_spacer {
  flex-basis: 100%;
  margin-top: 45px;
}
.FooterPage__wrapper__spacer {
  margin: 51px 0 28px;
}
.FooterPage__wrapper__copyright {
  text-align: center;
  font-size: 13px;
  margin: 0;
  color: #EDEDED;
}
.FooterPage__wrapper__copyright a {
  color: inherit;
  text-decoration: underline;
}

@media screen and (min-width: 426px) {
  .FooterPage {
    padding: 36px;
  }
}
@media screen and (min-width: 769px) {
  .FooterPage {
    padding: 56px;
  }
  .FooterPage__wrapper__container {
    max-width: 842px;
  }
  .FooterPage__wrapper__container__item_spacer {
    flex-basis: auto;
    margin-top: 0;
  }
}
@media screen and (min-width: 1380px) {
  .player_wrapper {
    position: relative;
    max-height: 360px;
    box-sizing: border-box;
    width: 100%;
  }
  .player_wrapper.fullscreen .player {
    display: flex;
    justify-content: center;
    max-width: 100%;
    max-height: 100%;
  }
  .player_wrapper:not(.fullscreen) .player {
    position: absolute;
    top: 0;
    left: 0;
  }
  .player_wrapper:not(.fullscreen) video {
    object-fit: cover !important;
  }
}
.player_wrapper {
  position: relative;
  padding-top: 56.25%;
  max-height: 360px;
  box-sizing: border-box;
  width: 100%;
}
.player_wrapper.fullscreen {
  padding-top: 0;
}
.player_wrapper.fullscreen .player {
  display: flex;
  justify-content: center;
  max-width: 100%;
  max-height: 100%;
}
.player_wrapper:not(.fullscreen) .player {
  position: absolute;
  top: 0;
  left: 0;
}

.player_controls {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  color: #FFF;
  opacity: 0;
  transition: opacity 200ms ease-out;
  cursor: pointer;
}
.player_controls.hover {
  opacity: 1;
}
.player_controls.stopped {
  opacity: 1;
}
.player_controls.stopped .player_controls_bar_primary,
.player_controls.stopped .player_controls_bar_secondary {
  opacity: 0;
}
.player_controls * {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently */
}
.player_controls .player_controls_overlay {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 0;
  text-align: center;
  justify-content: space-evenly;
}
.player_controls .player_controls_overlay.active {
  background: center 60%/5% auto no-repeat url(/media/PauseCircleFilled.a9a8ebca.svg);
}
.player_controls .player_controls_overlay.inactive {
  background: center 60%/5% auto no-repeat url(/media/PlayCircleFilled.8c645363.svg);
}
.player_controls .player_controls_overlay.maintenance {
  background: none;
}
.player_controls .player_controls_overlay .playpause_button_video {
  font-size: 10em;
  transform: scale(1, 1);
  opacity: 0;
  transition: opacity, transform 300ms ease-out;
}
.player_controls .player_controls_overlay p {
  font-size: 2em;
}
.player_controls .player_controls_bar_spacer {
  flex-grow: 1;
}
.player_controls .darken {
  background: rgba(0, 0, 0, 0.2);
}
.player_controls .player_controls_bar_primary,
.player_controls .player_controls_bar_secondary {
  flex-grow: 0;
  flex-shrink: 0;
  will-change: opacity;
  transition: opacity 0.1s linear;
  display: flex;
  width: 100%;
  font-size: 13px;
}
.player_controls .player_controls_bar_primary button,
.player_controls .player_controls_bar_secondary button {
  display: inline-block;
  background: transparent;
  border: none;
  color: inherit;
  padding: 0;
  outline: none;
}
.player_controls .player_controls_bar_primary > div,
.player_controls .player_controls_bar_secondary > div {
  margin: 0.5em;
  flex-shrink: 0;
}
.player_controls .player_controls_bar_primary .time_rail,
.player_controls .player_controls_bar_secondary .time_rail {
  position: relative;
  flex-grow: 1;
  cursor: pointer;
  overflow: visible;
}
.player_controls .player_controls_bar_primary .time_rail .time_total,
.player_controls .player_controls_bar_primary .time_rail .time_loaded,
.player_controls .player_controls_bar_primary .time_rail .time_current,
.player_controls .player_controls_bar_primary .time_rail .time_hovered,
.player_controls .player_controls_bar_secondary .time_rail .time_total,
.player_controls .player_controls_bar_secondary .time_rail .time_loaded,
.player_controls .player_controls_bar_secondary .time_rail .time_current,
.player_controls .player_controls_bar_secondary .time_rail .time_hovered {
  display: block;
  width: 100%;
  background: rgba(255, 255, 255, 0.2);
  height: 0.4em;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.2em;
  transform-origin: left center;
  outline: none;
}
.player_controls .player_controls_bar_primary .time_rail .time_total,
.player_controls .player_controls_bar_secondary .time_rail .time_total {
  transition: transform 1s linear;
  border-radius: 0.5em;
  overflow: hidden;
}
.player_controls .player_controls_bar_primary .time_rail .time_hovered,
.player_controls .player_controls_bar_secondary .time_rail .time_hovered {
  display: none;
}
.player_controls .player_controls_bar_primary .time_rail .time_handle,
.player_controls .player_controls_bar_secondary .time_rail .time_handle {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.25em;
  transform-origin: left center;
  width: 100%;
}
.player_controls .player_controls_bar_primary .time_rail .time_handle .time_handle_content,
.player_controls .player_controls_bar_secondary .time_rail .time_handle .time_handle_content {
  display: block;
  position: absolute;
  background: rgb(255, 255, 255);
  border-radius: 50%;
  height: 0.75em;
  width: 0.75em;
  left: -0.125em;
  top: -0.125em;
}
.player_controls .player_controls_bar_primary .time_rail .time_float,
.player_controls .player_controls_bar_secondary .time_rail .time_float {
  position: absolute;
  transform-origin: left center;
  width: 100%;
  top: -0.1em;
  left: 0;
}
.player_controls .player_controls_bar_primary .time_rail .time_float .time_float_current,
.player_controls .player_controls_bar_secondary .time_rail .time_float .time_float_current {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  font-size: 0.6em;
  line-height: 0.6em;
  width: 0;
  height: 1em;
  left: 0;
  top: 0;
  display: none;
}
.player_controls .player_controls_bar_primary .time_rail:hover .time_float_current,
.player_controls .player_controls_bar_secondary .time_rail:hover .time_float_current {
  display: block;
}
.player_controls .player_controls_bar_primary .time_rail:hover .time_hovered,
.player_controls .player_controls_bar_secondary .time_rail:hover .time_hovered {
  display: block;
}
.player_controls .player_controls_bar_primary .settings_button,
.player_controls .player_controls_bar_secondary .settings_button {
  position: relative;
  display: flex;
  flex-direction: row;
}
.player_controls .player_controls_bar_primary .settings_button button,
.player_controls .player_controls_bar_secondary .settings_button button {
  position: relative;
}
.player_controls .player_controls_bar_primary .settings_button .settings_menu,
.player_controls .player_controls_bar_secondary .settings_button .settings_menu {
  flex-direction: row;
  padding: 0;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 2em;
}
.player_controls .player_controls_bar_primary .settings_button .settings_menu .settings_menu_title,
.player_controls .player_controls_bar_secondary .settings_button .settings_menu .settings_menu_title {
  padding: 0.1em 0.5em;
  white-space: nowrap;
}
.player_controls .player_controls_bar_primary .settings_button .settings_menu .settings_menu_list,
.player_controls .player_controls_bar_secondary .settings_button .settings_menu .settings_menu_list {
  padding: 0;
  margin: 0;
  white-space: nowrap;
}
.player_controls .player_controls_bar_primary .settings_button .settings_menu .settings_menu_list .settings_menu_link,
.player_controls .player_controls_bar_secondary .settings_button .settings_menu .settings_menu_list .settings_menu_link {
  list-style: none outside none;
  padding: 0.1em 0.5em;
  color: rgba(255, 255, 255, 0.5);
}
.player_controls .player_controls_bar_primary .settings_button .settings_menu .settings_menu_list .settings_menu_link.selected,
.player_controls .player_controls_bar_secondary .settings_button .settings_menu .settings_menu_list .settings_menu_link.selected {
  color: #FFFFFF;
}
.player_controls .player_controls_bar_primary .settings_button .settings_menu .settings_menu_list .settings_menu_link:hover,
.player_controls .player_controls_bar_secondary .settings_button .settings_menu .settings_menu_list .settings_menu_link:hover {
  background: rgba(0, 0, 0, 0.5);
}
.player_controls .player_controls_bar_primary .volume_button,
.player_controls .player_controls_bar_secondary .volume_button {
  position: relative;
  display: flex;
  flex-direction: row;
}
.player_controls .player_controls_bar_primary .volume_button button,
.player_controls .player_controls_bar_secondary .volume_button button {
  position: relative;
}
.player_controls .player_controls_bar_primary .volume_button .volume_rail,
.player_controls .player_controls_bar_secondary .volume_button .volume_rail {
  display: none;
  flex-direction: row;
  padding: 0.5em 1em;
  width: 10em;
  border-radius: 5em;
  background: rgba(0, 0, 0, 0.5);
}
.player_controls .player_controls_bar_primary .volume_button .volume_rail .volume_slider,
.player_controls .player_controls_bar_secondary .volume_button .volume_rail .volume_slider {
  position: relative;
  height: 100%;
  top: 0;
  bottom: 0;
  cursor: pointer;
  width: 100%;
}
.player_controls .player_controls_bar_primary .volume_button .volume_rail .volume_slider .volume_total,
.player_controls .player_controls_bar_primary .volume_button .volume_rail .volume_slider .volume_current,
.player_controls .player_controls_bar_primary .volume_button .volume_rail .volume_slider .volume_handle,
.player_controls .player_controls_bar_secondary .volume_button .volume_rail .volume_slider .volume_total,
.player_controls .player_controls_bar_secondary .volume_button .volume_rail .volume_slider .volume_current,
.player_controls .player_controls_bar_secondary .volume_button .volume_rail .volume_slider .volume_handle {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin-top: -0.1em;
  width: 100%;
  height: 0.3em;
  transform-origin: left center;
  background: rgba(255, 255, 255, 0.3);
}
.player_controls .player_controls_bar_primary .volume_button .volume_rail .volume_slider .volume_handle,
.player_controls .player_controls_bar_secondary .volume_button .volume_rail .volume_slider .volume_handle {
  background: none;
}
.player_controls .player_controls_bar_primary .volume_button .volume_rail .volume_slider .volume_handle .volume_handle_content,
.player_controls .player_controls_bar_secondary .volume_button .volume_rail .volume_slider .volume_handle .volume_handle_content {
  display: block;
  position: absolute;
  background: rgb(255, 255, 255);
  border-radius: 50%;
  height: 0.75em;
  width: 0.75em;
  left: -0.375em;
  top: -0.235em;
}
.player_controls .player_controls_bar_primary .volume_button:hover .volume_rail,
.player_controls .player_controls_bar_secondary .volume_button:hover .volume_rail {
  display: flex;
}

.Video__share__copyTitle {
  margin: 10px 0;
  font-size: 14px;
  font-weight: 400;
}
.Video__share__wrapperSocialButton {
  display: flex;
  margin-bottom: 20px;
  justify-content: center;
  width: 330px;
}
.Video__share__wrapperSocialButton__socialButton {
  border: none;
  color: white;
  padding: 10px;
  margin-right: 4px;
  border-radius: 6px;
  background: #2A502B;
  border: 1px solid #FFF;
}
.Video__share__wrapperSocialButton__socialButton:hover {
  background: rgba(42, 80, 43, 0.9);
  border: 1px solid #4d4d4d;
}
.Video__share__wrapperSocialButton__socialButton__icon {
  height: 1.5em !important;
  width: 1.5em !important;
}
.Video__share__button {
  padding: 2px 9px 2px 6px;
  border-radius: 6px;
  letter-spacing: 0.3px;
  color: white;
  font-size: 14px;
  display: flex;
  align-items: center;
  background: #2A502B;
  border: none;
  outline: none;
  border: 1px solid #2A502B;
}
.Video__share__button:hover {
  background: rgba(42, 80, 43, 0.9);
  border: 1px solid #4d4d4d;
}
.Video__share__wrapperInput {
  display: flex;
  width: 330px;
  justify-content: space-between;
  align-items: center;
  border: 1px solid gray;
  border-radius: 8px;
  padding: 12px 8px;
}
.Video__share__wrapperInput__input {
  height: 25px;
  width: 237px;
  font-size: 12px;
  background: none;
  border: none;
  color: #3D4248;
}
.Video__share__wrapperInput__copyButton {
  padding: 5px 10px;
  font-size: 12px;
  background: #2A502B;
  color: white;
  border-radius: 6px;
  letter-spacing: 0.3px;
  border: 1px solid #2A502B;
  cursor: pointer;
}
.Video__share__wrapperInput__copyButton:hover {
  background: rgba(42, 80, 43, 0.9);
  border: 1px solid rgba(42, 80, 43, 0.9);
}
.Video__share__close {
  display: block;
  float: right;
  top: 0.5em;
  right: 0.5em;
  background-color: transparent;
  color: #71CADF;
  border: 0;
  padding: 0;
}
.Video__share__close:focus, .Video__share__close:active {
  outline: none;
}
.Video__placeholder {
  position: relative;
}
.Video__placeholder > img {
  aspect-ratio: 16/9;
  object-fit: contain;
}
.Video__placeholder__description {
  position: absolute;
  right: 20px;
  bottom: 20px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: center;
  font-size: 1em;
}
.Video__placeholder__description .Checkout__btn {
  padding: 0.5em;
  margin: 1em auto 0;
  font-size: 0.8em;
  display: inline-block;
  letter-spacing: 0.3px;
  vertical-align: middle;
  background-color: #3D4248;
  border-radius: 5px;
  text-decoration: none;
  color: #123239;
  border: 0;
}
.Video__description {
  background-color: #FFF;
  padding: 1em;
}
.Video__description__title {
  font-size: 1.5em;
  margin: 0;
}
.Video__description__title__channel {
  margin-right: 0.333em;
}
.Video__description__date {
  display: inline-block;
  font-size: 0.9em;
  color: #B6D4DB;
  margin: 0.5em 0;
}
.Video__description__text {
  font-size: 0.9em;
  color: #3D4248;
  margin: 0.5em 0;
}
.Video__description__spacer {
  display: block;
  clear: both;
  height: 1px;
  padding: 0;
  border: 0;
  margin: 28px 0;
}
.Video__description__footer {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.Video__description__footer__link {
  padding: 1em;
  font-size: 0.75em;
  letter-spacing: 0.3px;
  vertical-align: middle;
  background-color: #848484;
  border-radius: 5px;
  text-decoration: none;
  color: rgba(61, 66, 72, 0.7);
  align-self: start;
  white-space: nowrap;
  margin-bottom: 25px;
  margin-left: 2px;
}
.Video__description__footer__link svg {
  vertical-align: sub;
  margin-right: 0.2em;
  font-size: 1.2em;
}
.Video__description__footer__link:hover {
  text-decoration: none;
  color: #3D4248;
}
.Video__description__footer__rating {
  background-color: #1B1B1B;
  display: flex;
  align-items: center;
  font-size: 1.4em;
  width: fit-content;
  position: relative;
  z-index: 1;
  padding-left: 0.5em;
  padding-right: 0.5em;
  border-radius: 15px;
}
.Video__description__footer__rating__label {
  display: block;
  clear: both;
  font-size: 0.6em;
}
.Video__description__footer__rating__loading {
  z-index: 1;
}
.Video__description__footer__social {
  display: flex;
  flex-direction: row;
}
.Video__description__footer__social__spacer {
  margin: 0 0.25em;
}
.Video__description__footer__social__link {
  padding: 1em;
  font-size: 0.75em;
  letter-spacing: 0.3px;
  vertical-align: middle;
  background-color: rgba(61, 66, 72, 0.5);
  border-radius: 5px;
  text-decoration: none;
  color: #3D4248;
  align-self: start;
  white-space: nowrap;
  cursor: pointer;
}
.Video__description__footer__social__link svg {
  vertical-align: sub;
  margin-right: 0.5em;
  font-size: 1.2em;
}
.Video__description__footer__social__link:hover {
  color: #3D4248;
  text-decoration: none;
  background-color: #3D4248;
}

.Sponso {
  background: #FFF;
}
.Sponso__figure {
  position: relative;
  text-align: center;
  width: 100%;
}
.Sponso__figure img {
  width: 100%;
}
.Sponso__description {
  padding: 2.5em;
}
.Sponso__description__title {
  font-size: 1.5em;
  margin: 0;
}
.Sponso__description__title__channel {
  margin-right: 0.333em;
}
.Sponso__description__date {
  display: inline-block;
  font-size: 0.9em;
  color: #B6D4DB;
  margin: 0.5em 0;
}
.Sponso__description__text {
  font-size: 0.9em;
  color: #848484;
  margin: 0.5em 0;
}
.Sponso__description__spacer {
  display: block;
  clear: both;
  height: 1px;
  padding: 0;
  border: 0;
  background: #272727;
  margin: 28px 0;
}
.Sponso__description__footer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.Sponso__description__footer__link {
  padding: 1em;
  font-size: 0.75em;
  letter-spacing: 0.3px;
  vertical-align: middle;
  background-color: rgba(194, 189, 183, 0.08);
  border-radius: 5px;
  text-decoration: none;
  color: #3D4248;
  align-self: start;
  white-space: nowrap;
  cursor: pointer;
}
.Sponso__description__footer__link svg {
  vertical-align: sub;
  margin-right: 0.5em;
  font-size: 1.2em;
}
.Sponso__description__footer__link:hover {
  color: #3D4248;
  text-decoration: none;
  background-color: rgba(194, 189, 183, 0.1);
}

.News {
  background-color: #FFF;
}
.News__figure {
  position: relative;
  padding-top: 56.25%;
  max-height: 360px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  text-align: center;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.News__figure img {
  position: absolute;
  height: 100%;
  width: auto;
  margin-left: -25%;
  top: 0;
}
.News__description {
  padding: 2.5em;
}
.News__description__title {
  font-size: 1.5em;
  margin: 0;
}
.News__description__date {
  display: inline-block;
  font-size: 0.9em;
  color: #B6D4DB;
  margin: 0.5em 0;
}
.News__description__text {
  font-size: 0.9em;
  color: #3D4248;
  margin: 0.5em 0;
}
.News__description__spacer {
  display: block;
  clear: both;
  height: 1px;
  padding: 0;
  border: 0;
  background: #272727;
  margin: 28px 0;
}
.News__description__footer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.News__description__footer__link {
  padding: 1em;
  font-size: 0.75em;
  letter-spacing: 0.3px;
  vertical-align: middle;
  background-color: #848484;
  border-radius: 5px;
  text-decoration: none;
  color: rgba(61, 66, 72, 0.7);
  align-self: start;
  white-space: nowrap;
}
.News__description__footer__link svg {
  vertical-align: sub;
  margin-right: 0.2em;
  font-size: 1.2em;
}
.News__description__footer__link:hover {
  text-decoration: none;
  color: #3D4248;
}

.Slider {
  display: block;
  position: relative;
  overflow: hidden;
  clear: both;
}
.Slider .slider_item_animated-enter {
  opacity: 0.01;
}
.Slider .slider_item_animated-enter-active {
  opacity: 1;
  transition: opacity 500ms ease-in;
}
.Slider .slider_item_animated-exit {
  opacity: 1;
}
.Slider .slider_item_animated-exit-active {
  opacity: 0.01;
  transition: opacity 500ms ease-in;
}
.Slider__wrapper {
  position: relative;
  display: block;
}
.Slider__wrapper__container {
  display: flex;
  position: relative;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: flex-start;
  will-change: transform;
}
.Slider__wrapper__container__item {
  display: flex;
  flex-shrink: 0;
  flex-grow: 0;
  align-items: stretch;
  justify-content: space-between;
  max-width: 100vw;
  max-height: 100vh;
  overflow: visible;
}
.Slider__wrapper__container__item__preloader {
  vertical-align: middle;
  text-align: center;
}
.AreaVideo .Slider__wrapper__container__item:not(.placeholder) {
  margin-bottom: 5px;
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.14);
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.14);
}
.Slider__wrapper__prev {
  z-index: 999;
  display: flex;
  position: absolute;
  line-height: 100%;
  background-color: rgba(12, 18, 21, 0.5);
  color: rgba(255, 255, 255, 0.7);
  font-size: 38px;
  align-items: center;
  justify-content: space-around;
  opacity: 0;
  cursor: pointer;
}
.Slider__wrapper__next {
  z-index: 999;
  display: flex;
  position: absolute;
  line-height: 100%;
  background-color: rgba(12, 18, 21, 0.5);
  color: rgba(255, 255, 255, 0.7);
  font-size: 38px;
  align-items: center;
  justify-content: space-around;
  opacity: 0;
  cursor: pointer;
}
.Slider:hover .Slider__wrapper__prev {
  opacity: 1;
}
.Slider:hover .Slider__wrapper__next {
  opacity: 1;
}
.Slider--horizontal {
  max-width: 100%;
}
.Slider--horizontal .Slider__wrapper {
  margin-left: 18px;
}
.Slider--horizontal .Slider__wrapper__container {
  flex-direction: row;
}
.Slider--horizontal .Slider__wrapper__container__item {
  flex-direction: row;
}
.Slider--horizontal .Slider__wrapper__container__item__preloader {
  height: 100%;
  margin: 0 18px;
}
.Slider--horizontal .Slider__wrapper__container__item:first-child {
  margin-left: 0;
}
.Slider--horizontal .Slider__wrapper__container__item:last-child {
  margin-right: 0;
}
.Slider--horizontal .Slider__wrapper__container__item_spacer {
  width: 0px;
  flex-shrink: 0;
  margin: 0 0.5em;
}
.Slider--horizontal .Slider__wrapper__prev {
  left: -18px;
  top: 0;
  bottom: 0;
  width: 56px;
}
.Slider--horizontal .Slider__wrapper__next {
  right: 0;
  top: 0;
  bottom: 0;
  width: 56px;
}
.Slider--vertical {
  max-height: 100%;
  display: flex;
  touch-action: none;
}
.Slider--vertical .Slider__wrapper__container {
  flex-direction: column;
}
.Slider--vertical .Slider__wrapper__container__item {
  flex-direction: column;
}
.Slider--vertical .Slider__wrapper__container__item__preloader {
  width: 100%;
}
.Slider--vertical .Slider__wrapper__container__item:first-child {
  margin-top: 0;
}
.Slider--vertical .Slider__wrapper__container__item:last-child {
  margin-bottom: 0;
}
.Slider--vertical .Slider__wrapper__container__item_spacer {
  height: 0;
  flex-shrink: 0;
  margin: 0.5em 0;
}
.Slider--vertical .Slider__wrapper__prev {
  top: 0;
  left: 0;
  right: 0;
  height: 51px;
}
.Slider--vertical .Slider__wrapper__next {
  bottom: 0;
  left: 0;
  right: 0;
  height: 51px;
}

@media screen and (min-width: 426px) {
  .Slider--horizontal .Slider__wrapper {
    margin-left: 26px;
  }
  .Slider--horizontal .Slider__wrapper__container__item__preloader {
    margin: 0 26px;
  }
  .Slider--horizontal .Slider__wrapper__prev {
    left: -26px;
  }
}
@media screen and (min-width: 769px) {
  .Slider--horizontal .Slider__wrapper {
    margin-left: 56px;
  }
  .Slider--horizontal .Slider__wrapper__container__item__preloader {
    margin: 0 56px;
  }
  .Slider--horizontal .Slider__wrapper__prev {
    left: -56px;
  }
}
.full-width {
  width: 100% !important;
}

.Grid {
  display: flex;
  overflow: visible;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  flex-grow: 1;
  padding: 0 18px;
}
.Grid__container {
  display: flex;
  overflow: visible;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: left;
  align-items: stretch;
  flex-shrink: 1;
  flex-grow: 1;
  margin: 0 -7px -14px;
}
.Grid__container__item {
  width: 100%;
  margin: 0 7px 14px;
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.14);
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.14);
}
.Grid__container__preloader {
  width: 100%;
  text-align: center;
}

@media screen and (min-width: 426px) {
  .Grid {
    padding: 0 26px;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .Grid__container__item {
    max-width: 50%;
  }
}
@media screen and (min-width: 769px) {
  .Grid {
    padding: 0 56px;
  }
  .Grid__container__item {
    max-width: 33.333333%;
  }
}
@media screen and (min-width: 990px) {
  .Grid__container__item {
    max-width: 25%;
  }
}
@media screen and (min-width: 1380px) {
  .Grid__container__item {
    max-width: 20%;
  }
}
.Breadcrumb {
  padding: 28px 18px;
  font-size: 0.9em;
  display: flex;
  align-items: center;
  height: 41px;
}
.Breadcrumb__back_link {
  display: inline-block;
  padding: 0;
  background: none;
  border: 0;
  font-weight: 600;
  color: #3D4248;
  outline: none;
}
.Breadcrumb__back_link:active, .Breadcrumb__back_link:focus, .Breadcrumb__back_link:hover {
  outline: none;
}
.Breadcrumb__back_link > svg {
  margin-right: 0.8em;
  font-size: 0.8em;
  vertical-align: baseline;
}
.Breadcrumb__link {
  color: #848484;
  text-decoration: none;
}
.Breadcrumb__link.active, .Breadcrumb__link:focus, .Breadcrumb__link:hover {
  color: #3D4248;
  text-decoration: none;
  outline: none;
}
.Breadcrumb__spacer {
  color: #3D4248;
  margin: 0 0.7em;
}

@media screen and (min-width: 426px) {
  .Breadcrumb {
    background: none;
    margin: 14px 0;
    padding: 0 26px;
  }
}
@media screen and (min-width: 769px) {
  .Breadcrumb {
    padding: 0 56px;
  }
}
.Interstitial {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #222222;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}
.Interstitial__wrapper {
  flex-shrink: 1;
}
.Interstitial__wrapper__content {
  position: relative;
}
.Interstitial__wrapper__content a {
  display: inline-block;
}
.Interstitial__wrapper__content img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
}
.Interstitial__wrapper__content__close {
  display: block;
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  border: 1px solid #71CADF;
  background-color: #222222;
  color: #71CADF;
  border-radius: 50%;
  padding: 0;
}
.Interstitial__wrapper__content__close:focus, .Interstitial__wrapper__content__close:active {
  outline: none;
}

.Modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(34, 34, 34, 0.6);
  display: flex;
  justify-content: center;
  z-index: 3;
}
.Modal__wrapper {
  flex-shrink: 1;
  background: #FFF;
  box-shadow: 0 10px 10px 9px rgba(0, 0, 0, 0.1), 0 0 5px 5px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  padding: 35px;
  max-width: 1000px;
  max-height: fit-content;
  overflow-y: auto;
  align-self: center;
}
.Modal__wrapper__content {
  position: relative;
}
.Modal__wrapper__content a {
  display: inline-block;
}
.Modal__wrapper__content img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
}
.Modal__wrapper__content__close {
  display: block;
  float: right;
  top: 0.5em;
  right: 0.5em;
  background-color: transparent;
  color: #71CADF;
  border: 0;
  padding: 0;
}
.Modal__wrapper__content__close:focus, .Modal__wrapper__content__close:active {
  outline: none;
}
.Modal__wrapper__content__back {
  float: left;
}

.FilterVideos {
  display: flex;
  margin: 0 18px 28px;
  justify-content: flex-end;
  flex-grow: 1;
  font-size: 0.8em;
}
.FilterVideos__content {
  display: flex;
  white-space: nowrap;
  flex-wrap: wrap;
  justify-content: flex-end;
  color: #3D4248;
}
.FilterVideos__content__button {
  border: 0;
  margin-left: 0.8em;
  background: transparent;
  color: #848484;
}
.FilterVideos__content__button:active, .FilterVideos__content__button:focus {
  outline: none;
  color: #3D4248;
}

.Select {
  display: flex;
  justify-content: stretch;
}
.Select__button {
  display: flex;
  flex-grow: 1;
  color: #848484;
  background: transparent;
  border: 0;
  text-align: left;
  white-space: nowrap;
  vertical-align: middle;
  align-items: baseline;
  padding: 0 0.5em;
}
.Select__button:hover, .Select__button:focus, .Select__button:active {
  outline: none;
  color: #3D4248;
}
.Select__button__content {
  display: flex;
  flex-grow: 1;
}
.Select__button__chevron {
  margin-left: 1em;
}
.Select__menu {
  position: absolute;
  overflow: visible;
}
.Select__menu__nav {
  display: flex;
  flex-direction: column;
  width: auto;
  position: relative;
  justify-items: stretch;
  justify-content: stretch;
  align-items: stretch;
  left: -100%;
  top: -0.5em;
  overflow-y: auto;
  font-size: 0.8em;
  box-shadow: 0 1.5em 3em 3em rgba(0, 0, 0, 0.15);
}
.Select__menu__nav__item {
  color: #848484;
  background: #FFF;
  border: 0;
  text-align: left;
  white-space: nowrap;
  padding: 0.5em 1em;
  vertical-align: middle;
}
.Select__menu__nav__item:hover, .Select__menu__nav__item:focus, .Select__menu__nav__item:active {
  outline: none;
  color: #3D4248;
}

@media screen and (min-width: 426px) {
  .FilterVideos {
    margin: 0 26px 28px;
  }
}
@media screen and (min-width: 769px) {
  .FilterVideos {
    margin: 0 56px 28px;
  }
}
.Toastify__toast {
  box-shadow: 0 10px 10px 9px rgba(0, 0, 0, 0.1), 0 0 5px 5px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  flex-direction: column-reverse;
  padding: 20px 20px 10px 20px;
}
.Toastify__toast--default {
  background: #FFF;
  color: #3D4248;
}
.Toastify__close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  align-self: flex-end;
}
.Toastify__close-button--default {
  color: #3D4248;
}

a.NotificationItem,
.NotificationItem {
  font-size: 14px;
  display: block;
  color: #3D4248;
  text-decoration: none;
  margin-bottom: 20px;
}
a.NotificationItem__figure,
.NotificationItem__figure {
  float: left;
  height: 74px;
  width: 74px;
  margin-right: 10px;
  background-size: cover;
}
a.NotificationItem__title,
.NotificationItem__title {
  font-size: 1em;
  line-height: 1.2em;
  padding: 0;
  margin: 0 0 0.5em 0;
}
a.NotificationItem__body,
.NotificationItem__body {
  color: #848484;
  font-size: 0.9em;
  line-height: 1.2em;
  padding: 0;
  margin: 0;
}

.Checkout__submit {
  display: flex;
  justify-content: flex-end;
  padding: 0.5em;
}
.Checkout__submit button {
  padding: 1em;
  font-size: 0.75em;
  letter-spacing: 0.3px;
  vertical-align: middle;
  background-color: rgba(18, 50, 57, 0.8);
  border-radius: 5px;
  text-decoration: none;
  color: #3D4248;
  border: 0;
  align-self: start;
}
.Checkout__submit button:hover {
  background-color: rgba(18, 50, 57, 0.7);
}

.CheckoutInfos {
  border: 2px solid #272727;
  border-left: 0;
  border-right: 0;
  padding: 1em 0;
  margin: 1em 0;
}
.CheckoutInfos p {
  margin: 0;
}

.CheckoutSuccess {
  text-align: center;
}
.CheckoutSuccess__btn {
  padding: 1em;
  font-size: 0.75em;
  letter-spacing: 0.3px;
  vertical-align: middle;
  background-color: rgba(18, 50, 57, 0.8);
  border-radius: 5px;
  text-decoration: none;
  color: #3D4248;
  border: 0;
  align-self: start;
}
.CheckoutSuccess__btn:hover {
  background-color: rgba(18, 50, 57, 0.5);
}
.CheckoutSuccess__btn:disabled {
  background-color: rgba(18, 50, 57, 0.9);
  color: rgba(61, 66, 72, 0.7);
}

.CheckoutItem {
  display: flex;
  flex-grow: 1;
  /**
  * VARIATIONS
  */
}
.CheckoutItem__figure {
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  margin: 0;
  border-radius: 5px;
  text-align: center;
  background-position: center;
  background-size: cover;
  background-color: #FFF;
  color: #FFF;
}
.CheckoutItem__figure__backdrop {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 300ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.CheckoutItem__description__title {
  font-size: 1.5em;
  margin: 0;
}
.CheckoutItem__description__date {
  display: inline-block;
  font-size: 0.9em;
  color: #B6D4DB;
  margin: 0.5em 0;
}
.CheckoutItem__description__price {
  font-weight: bold;
}
.CheckoutItem__description__price .oldPrice {
  text-decoration: line-through;
  text-decoration-thickness: 500;
}
.CheckoutItem__infos {
  flex-wrap: wrap;
}
.CheckoutItem--horizontal {
  flex-direction: row;
  justify-content: stretch;
  min-height: 97px;
  max-width: 650px;
}
.CheckoutItem--horizontal .CheckoutItem__figure {
  width: 150px;
}
.CheckoutItem--horizontal .CheckoutItem__description {
  padding-left: 1em;
  flex-direction: column;
}

@media screen and (min-width: 769px) {
  a.AreaVideoItem--vertical,
.AreaVideoItem--vertical,
a.AreaAdItem--vertical,
.AreaAdItem--vertical {
    height: 264px;
    width: 245px;
  }
  a.AreaVideoItem--vertical__description__title,
.AreaVideoItem--vertical__description__title,
a.AreaAdItem--vertical__description__title,
.AreaAdItem--vertical__description__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  a.AreaVideoItem--vertical__description__text,
.AreaVideoItem--vertical__description__text,
a.AreaAdItem--vertical__description__text,
.AreaAdItem--vertical__description__text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
.Page404 .Page__content {
  padding: 3em 0;
  text-align: center;
}
.Page404 .Page__content h2 {
  font-size: 400%;
}
.Page404Search {
  height: 66px;
  padding: 22px 10px 16px;
  display: flex;
  align-items: center;
  background-color: #2A502B;
}
.Page404Search__left {
  flex-shrink: 0;
  flex-grow: 1;
  height: 100%;
  align-items: center;
  display: flex;
}
.Page404Search__right {
  display: flex;
  align-items: center;
}
.Page404Search__logo {
  transition: all linear 200ms;
  display: inline-block;
  height: 100%;
  margin-right: 1.9em;
  flex-shrink: 0;
  background-image: url(/media/logo.ce364c2a.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
}
.Page404Search__logo img {
  height: 100%;
  visibility: hidden;
}
.Page404Search__nav {
  transition: all linear 200ms;
  position: relative;
  font-size: 0.875em;
  color: rgba(255, 255, 255, 0.75);
  overflow: visible;
  z-index: 1;
}
.Page404Search__nav button {
  display: inline-block;
  background: transparent;
  border: none;
  color: #FFF;
  white-space: nowrap;
  padding: 0;
  margin: 0 1em;
  outline: none;
}
.Page404Search__nav button svg {
  margin: 0 0.5em;
  vertical-align: text-bottom;
}
.Page404Search__nav__menu {
  max-width: 600px;
  display: flex;
  vertical-align: middle;
  justify-content: space-evenly;
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.Page404Search__nav__menu li {
  margin-right: 1em;
}
.Page404Search__nav__menu a {
  display: inline-block;
  line-height: 4em;
  white-space: nowrap;
  color: inherit;
  transition: color ease-out 300ms;
}
.Page404Search__nav__menu a svg {
  margin-right: 0.5em;
  vertical-align: text-bottom;
}
.Page404Search__nav__menu a:hover, .Page404Search__nav__menu a:active, .Page404Search__nav__menu a.active, .Page404Search__nav__menu a:focus {
  color: #FFF;
  text-decoration: none;
  outline: none;
}
.Page404Search__nav__menu__sub {
  flex-direction: column;
  justify-items: stretch;
  position: absolute;
  top: 140%;
  background: #2A502B;
  border-radius: 5px;
  box-shadow: 0 1.5em 3em 3em rgba(0, 0, 0, 0.15);
  border: 1px solid #2A502B;
  padding: 0 1em;
}
.Page404Search__nav__menu__sub li {
  margin: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.75);
}
.Page404Search__nav__menu__sub li:last-child {
  border: 0;
}
.Page404Search__nav__menu__sub li a {
  line-height: 3em;
  display: block;
}
.Page404Search__search {
  display: flex;
  flex-grow: 0;
  align-items: center;
  font-size: 14px;
  transition: all linear 500ms;
}
.Page404Search__search__input {
  display: flex;
  padding: 0.5em 1em;
  border-radius: 2em;
  color: rgba(255, 255, 255, 0.75);
  flex-grow: 1;
  align-items: center;
}
.Page404Search__search__input input {
  display: none;
  flex-grow: 1;
  border: 0;
  background: transparent;
  margin: 0 1em 0 0;
  outline-style: none;
  box-shadow: none;
  color: inherit;
  border-color: transparent;
}
.Page404Search__search__input input::placeholder {
  color: rgba(255, 255, 255, 0.75);
}
.Page404Search__search__close {
  color: inherit;
  background: transparent;
  border: none;
  display: none;
  padding: 0;
  margin-left: 1em;
  margin-right: 1em;
  align-items: center;
  outline: none;
}
.Page404Search__search__close:active, .Page404Search__search__close:focus {
  outline: none;
}
.Page404Search__search__close svg {
  outline: none;
  margin-right: 0.2em;
}
.Page404Search__social {
  transition: all linear 200ms;
  display: none;
  min-width: 4.5em;
  justify-content: space-between;
  font-size: 1.1em;
}
.Page404Search__social a {
  opacity: 0.5;
  transition: opacity ease-out 300ms;
  color: rgba(255, 255, 255, 0.75);
}
.Page404Search__social a:hover, .Page404Search__social a:active, .Page404Search__social a:focus {
  color: #FFF;
  text-decoration: none;
  outline: none;
  opacity: 1;
}
.Page404Search.searching .Page404Search__right,
.Page404Search.searching .Page404Search__left {
  overflow: hidden;
  font-size: 0;
}
.Page404Search.searching .Page404Search__right .Page404Search__logo,
.Page404Search.searching .Page404Search__left .Page404Search__logo {
  height: 0;
}
.Page404Search.searching .Page404Search__search {
  max-width: none;
  flex-grow: 100;
}
.Page404Search.searching .Page404Search__search__input {
  flex-direction: row-reverse;
}
.Page404Search.searching .Page404Search__search__input input {
  display: inline-block;
  margin: 0 0 0 1em;
}
.Page404Search.searching .Page404Search__search__close {
  display: flex;
}

@media screen and (min-width: 426px) {
  .Page404Search {
    height: 83px;
    padding: 31px 18px 18px;
  }
  .Page404Search__logo {
    margin-right: 2.9em;
    background-image: url(/media/logo@2x.ce364c2a.png);
  }
  .Page404Search__search {
    flex-grow: 1;
  }
  .Page404Search__search__input {
    padding: 0.5em 1em;
    border: 1px solid rgba(255, 255, 255, 0.75);
  }
  .Page404Search__search__close {
    margin-left: 2em;
    margin-right: 0;
  }
  .Page404Search__search input {
    display: inline-block;
  }
  .Page404Search__social {
    display: flex;
  }
}
@media screen and (min-width: 769px) {
  .Page404Search {
    height: 111px;
    padding: 41px 24px 24px;
  }
  .Page404Search__logo {
    background-image: url(/media/logo@3x.ce364c2a.png);
  }
}
.Page403 .Page__content {
  padding: 3em 0;
  text-align: center;
}
.Page403 .Page__content h2 {
  font-size: 300%;
}
.Page403Search {
  height: 66px;
  padding: 22px 10px 16px;
  display: flex;
  align-items: center;
  background-color: #2A502B;
}
.Page403Search__left {
  flex-shrink: 0;
  flex-grow: 1;
  height: 100%;
  align-items: center;
  display: flex;
}
.Page403Search__right {
  display: flex;
  align-items: center;
}
.Page403Search__logo {
  transition: all linear 200ms;
  display: inline-block;
  height: 100%;
  margin-right: 1.9em;
  flex-shrink: 0;
  background-image: url(/media/logo.ce364c2a.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
}
.Page403Search__logo img {
  height: 100%;
  visibility: hidden;
}
.Page403Search__nav {
  transition: all linear 200ms;
  position: relative;
  font-size: 0.875em;
  color: rgba(255, 255, 255, 0.75);
  overflow: visible;
  z-index: 1;
}
.Page403Search__nav button {
  display: inline-block;
  background: transparent;
  border: none;
  color: #FFF;
  white-space: nowrap;
  padding: 0;
  margin: 0 1em;
  outline: none;
}
.Page403Search__nav button svg {
  margin: 0 0.5em;
  vertical-align: text-bottom;
}
.Page403Search__nav__menu {
  max-width: 600px;
  display: flex;
  vertical-align: middle;
  justify-content: space-evenly;
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.Page403Search__nav__menu li {
  margin-right: 1em;
}
.Page403Search__nav__menu a {
  display: inline-block;
  line-height: 4em;
  white-space: nowrap;
  color: inherit;
  transition: color ease-out 300ms;
}
.Page403Search__nav__menu a svg {
  margin-right: 0.5em;
  vertical-align: text-bottom;
}
.Page403Search__nav__menu a:hover, .Page403Search__nav__menu a:active, .Page403Search__nav__menu a.active, .Page403Search__nav__menu a:focus {
  color: #FFF;
  text-decoration: none;
  outline: none;
}
.Page403Search__nav__menu__sub {
  flex-direction: column;
  justify-items: stretch;
  position: absolute;
  top: 140%;
  background: #2A502B;
  border-radius: 5px;
  box-shadow: 0 1.5em 3em 3em rgba(0, 0, 0, 0.15);
  border: 1px solid #2A502B;
  padding: 0 1em;
}
.Page403Search__nav__menu__sub li {
  margin: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.75);
}
.Page403Search__nav__menu__sub li:last-child {
  border: 0;
}
.Page403Search__nav__menu__sub li a {
  line-height: 3em;
  display: block;
}
.Page403Search__search {
  display: flex;
  flex-grow: 0;
  align-items: center;
  font-size: 14px;
  transition: all linear 500ms;
}
.Page403Search__search__input {
  display: flex;
  padding: 0.5em 1em;
  border-radius: 2em;
  color: rgba(255, 255, 255, 0.75);
  flex-grow: 1;
  align-items: center;
}
.Page403Search__search__input input {
  display: none;
  flex-grow: 1;
  border: 0;
  background: transparent;
  margin: 0 1em 0 0;
  outline-style: none;
  box-shadow: none;
  color: inherit;
  border-color: transparent;
}
.Page403Search__search__input input::placeholder {
  color: rgba(255, 255, 255, 0.75);
}
.Page403Search__search__close {
  color: inherit;
  background: transparent;
  border: none;
  display: none;
  padding: 0;
  margin-left: 1em;
  margin-right: 1em;
  align-items: center;
  outline: none;
}
.Page403Search__search__close:active, .Page403Search__search__close:focus {
  outline: none;
}
.Page403Search__search__close svg {
  outline: none;
  margin-right: 0.2em;
}
.Page403Search__social {
  transition: all linear 200ms;
  display: none;
  min-width: 4.5em;
  justify-content: space-between;
  font-size: 1.1em;
}
.Page403Search__social a {
  opacity: 0.5;
  transition: opacity ease-out 300ms;
  color: rgba(255, 255, 255, 0.75);
}
.Page403Search__social a:hover, .Page403Search__social a:active, .Page403Search__social a:focus {
  color: #FFF;
  text-decoration: none;
  outline: none;
  opacity: 1;
}
.Page403Search.searching .Page403Search__right,
.Page403Search.searching .Page403Search__left {
  overflow: hidden;
  font-size: 0;
}
.Page403Search.searching .Page403Search__right .Page403Search__logo,
.Page403Search.searching .Page403Search__left .Page403Search__logo {
  height: 0;
}
.Page403Search.searching .Page403Search__search {
  max-width: none;
  flex-grow: 100;
}
.Page403Search.searching .Page403Search__search__input {
  flex-direction: row-reverse;
}
.Page403Search.searching .Page403Search__search__input input {
  display: inline-block;
  margin: 0 0 0 1em;
}
.Page403Search.searching .Page403Search__search__close {
  display: flex;
}

@media screen and (min-width: 426px) {
  .Page403Search {
    height: 83px;
    padding: 31px 18px 18px;
  }
  .Page403Search__logo {
    margin-right: 2.9em;
    background-image: url(/media/logo@2x.ce364c2a.png);
  }
  .Page403Search__search {
    flex-grow: 1;
  }
  .Page403Search__search__input {
    padding: 0.5em 1em;
    border: 1px solid rgba(255, 255, 255, 0.75);
  }
  .Page403Search__search__close {
    margin-left: 2em;
    margin-right: 0;
  }
  .Page403Search__search input {
    display: inline-block;
  }
  .Page403Search__social {
    display: flex;
  }
}
@media screen and (min-width: 769px) {
  .Page403Search {
    height: 111px;
    padding: 41px 24px 24px;
  }
  .Page403Search__logo {
    background-image: url(/media/logo@3x.ce364c2a.png);
  }
}
.credits__box {
  width: fit-content;
  block-size: fit-content;
  padding: 1.2%;
  background-color: #333333;
  position: relative;
  display: inline-block;
  margin-right: 1%;
  border-radius: 5px;
}
.credits__box a::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
.credits__photo {
  display: block;
}
.credits__title {
  display: block;
  margin-top: 2%;
  font-weight: 700;
  font-size: 0.9rem;
}
.credits__role {
  display: block;
  font-weight: lighter;
  font-size: 0.75rem;
  color: #b3b3b3;
}

.credits-section__container {
  width: 100%;
  overflow: hidden;
}
.credits-section__container .Slider {
  padding-bottom: 60px;
}

.PageHome {
  overflow-x: hidden;
}
.PageHome .AreaChannels {
  margin: 14px 2px 14px 18px;
}
.PageHome .AreaLive .Page__spacer {
  margin-top: 0;
  height: 0;
}

@media screen and (min-width: 426px) {
  .PageHome .AreaChannels {
    margin: 14px 2px 14px 26px;
  }
}
@media screen and (min-width: 769px) {
  .PageHome .AreaChannels {
    margin: 14px 40px 14px 56px;
  }
}
.PageLegal {
  overflow-x: hidden;
  display: flex;
  justify-content: center;
}
.PageLegal__content * {
  color: #3D4248;
  font-family: "Raleway", Lato, Arial, sans-serif;
}
.PageLegal__content h1 {
  font-size: 24pt;
  line-height: 28pt;
  font-weight: 600;
}
.PageLegal__content h2 {
  font-size: 16pt;
  line-height: 18pt;
  font-weight: 600;
}
.PageLegal__content h3 {
  font-size: 12pt;
  line-height: 14pt;
  font-weight: 500;
  letter-spacing: 0.3pt;
}
.PageLegal__content h4 {
  color: #3D4248;
  font-size: 12pt;
  line-height: 14pt;
  font-weight: 500;
}
.PageLegal__content h5 {
  color: #3D4248;
  font-size: 11pt;
  line-height: 12pt;
  font-weight: 500;
  letter-spacing: 0.28pt;
}
.PageLegal__content h6 {
  color: #3D4248;
  font-size: 11pt;
  line-height: 12pt;
  font-weight: 500;
}
.PageLegal__content p, .PageLegal__content ol, .PageLegal__content ul, .PageLegal__content a, .PageLegal__content quote, .PageLegal__content span, .PageLegal__content div {
  color: #3D4248;
  font-size: 11pt;
}
.PageLegal__content a {
  color: #3D4248;
  text-decoration: underline;
}
.PageLegal__content strong, .PageLegal__content b {
  font-weight: 600;
}
.PageLegal__content i {
  font-style: italic;
}

.PageAbout {
  overflow-x: hidden;
  display: flex;
  justify-content: center;
}
.PageAbout__content * {
  color: #3D4248;
  font-family: "Raleway", Lato, Arial, sans-serif;
}
.PageAbout__content h1 {
  font-size: 24pt;
  line-height: 28pt;
  font-weight: 600;
}
.PageAbout__content h2 {
  font-size: 16pt;
  line-height: 18pt;
  font-weight: 600;
}
.PageAbout__content h3 {
  font-size: 12pt;
  line-height: 14pt;
  font-weight: 500;
  letter-spacing: 0.3pt;
}
.PageAbout__content h4 {
  color: #3D4248;
  font-size: 12pt;
  line-height: 14pt;
  font-weight: 500;
}
.PageAbout__content h5 {
  color: #3D4248;
  font-size: 11pt;
  line-height: 12pt;
  font-weight: 500;
  letter-spacing: 0.28pt;
}
.PageAbout__content h6 {
  color: #3D4248;
  font-size: 11pt;
  line-height: 12pt;
  font-weight: 500;
}
.PageAbout__content p, .PageAbout__content ol, .PageAbout__content ul, .PageAbout__content a, .PageAbout__content quote, .PageAbout__content span, .PageAbout__content div {
  color: #3D4248;
  font-size: 11pt;
}
.PageAbout__content a {
  color: #3D4248;
  text-decoration: underline;
}
.PageAbout__content strong, .PageAbout__content b {
  font-weight: 600;
}
.PageAbout__content i {
  font-style: italic;
}

.PageConfidentiality {
  overflow-x: hidden;
  display: flex;
  justify-content: center;
}
.PageConfidentiality__content * {
  color: #3D4248;
  font-family: "Raleway", Lato, Arial, sans-serif;
}
.PageConfidentiality__content h1 {
  font-size: 24pt;
  line-height: 28pt;
  font-weight: 600;
}
.PageConfidentiality__content h2 {
  font-size: 16pt;
  line-height: 18pt;
  font-weight: 600;
}
.PageConfidentiality__content h3 {
  font-size: 12pt;
  line-height: 14pt;
  font-weight: 500;
  letter-spacing: 0.3pt;
}
.PageConfidentiality__content h4 {
  color: #3D4248;
  font-size: 12pt;
  line-height: 14pt;
  font-weight: 500;
}
.PageConfidentiality__content h5 {
  color: #3D4248;
  font-size: 11pt;
  line-height: 12pt;
  font-weight: 500;
  letter-spacing: 0.28pt;
}
.PageConfidentiality__content h6 {
  color: #3D4248;
  font-size: 11pt;
  line-height: 12pt;
  font-weight: 500;
}
.PageConfidentiality__content p, .PageConfidentiality__content ol, .PageConfidentiality__content ul, .PageConfidentiality__content a, .PageConfidentiality__content quote, .PageConfidentiality__content span, .PageConfidentiality__content div {
  color: #3D4248;
  font-size: 11pt;
}
.PageConfidentiality__content a {
  color: #3D4248;
  text-decoration: underline;
}
.PageConfidentiality__content strong, .PageConfidentiality__content b {
  font-weight: 600;
}
.PageConfidentiality__content i {
  font-style: italic;
}

.PageVideoDetail {
  overflow-x: hidden;
}
.PageVideoDetail__main {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  max-width: 1180px;
}
.PageVideoDetail .AreaRelated {
  margin-top: 28px;
}
.PageVideoDetail .AreaRelated .AreaVideoItem--horizontal,
.PageVideoDetail .AreaRelated .AreaAdItem--horizontal {
  flex-shrink: 0;
  border-radius: 5px;
  width: 434px;
  background: transparent;
}
.PageVideoDetail .AreaRelated .AreaVideoItem--horizontal .AreaVideoItem__figure,
.PageVideoDetail .AreaRelated .AreaVideoItem--horizontal .AreaAdItem__figure,
.PageVideoDetail .AreaRelated .AreaAdItem--horizontal .AreaVideoItem__figure,
.PageVideoDetail .AreaRelated .AreaAdItem--horizontal .AreaAdItem__figure {
  background: transparent;
  width: 171px;
}
.PageVideoDetail .Video__description {
  background: #FFF;
}
.PageVideoDetail .Video__groupsTitle {
  font-family: "Rubik", Lato, Arial, sans-serif !important;
  max-height: 50px;
  margin-top: 16px;
}
.PageVideoDetail .Video__groups {
  background: #313030;
  padding: 14px;
  border-radius: 5px;
  height: 150px;
  display: flex;
  margin-bottom: 12px;
}
.PageVideoDetail .Video__groups h3 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.PageVideoDetail .Video__groups__infos {
  padding-left: 14px;
  justify-content: space-between;
}
.PageVideoDetail .Video__groups__thumbnail {
  width: auto;
  height: 100%;
  border-radius: 5px;
}
.PageVideoDetail .Video__groups__description {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 11px;
  color: #a9a9a9;
  font-style: italic;
  margin-bottom: 0px;
}
.PageVideoDetail .Video__groups__button {
  padding: 4px 9px 4px 9px;
  background: #4d4d4d;
  margin: 0 10px;
  font-size: 12px;
  letter-spacing: 0.3px;
  border-radius: 5px;
  color: #FFFFFF;
  text-decoration: none;
  border: 1px solid #4d4d4d;
}
.PageVideoDetail .Video__groups__button:hover {
  background: #3d3c3c;
}
.PageVideoDetail .Video__owned {
  padding: 1em 2.5em 0;
}
.PageVideoDetail .Breadcrumb {
  max-width: 1180px;
}
.PageVideoDetail .Chapters__background {
  background-color: #b7c1cd;
  height: 250px;
  overflow-y: scroll;
}
.PageVideoDetail .Chapters__background h2 {
  font-family: "Rubik", Lato, Arial, sans-serif !important;
}
.PageVideoDetail .Chapters__table {
  width: 100%;
  font-family: "Rubik", Lato, Arial, sans-serif !important;
}
.PageVideoDetail .Chapters__table .square {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #314977;
  width: 20px;
  height: 20px;
}
.PageVideoDetail .Chapters__table__title {
  background-color: #314977;
}
.PageVideoDetail .Chapters__table__title__margin {
  margin-left: 1%;
}
.PageVideoDetail .Chapters__table thead > tr:hover {
  background-color: #41619c;
  color: white;
  cursor: pointer;
}
.PageVideoDetail .Chapters__table tbody > tr {
  border-bottom: 2px solid #314977;
}
.PageVideoDetail .Chapters__table tbody > tr:hover {
  background-color: #7B96AC;
  color: white;
  cursor: pointer;
}
.PageVideoDetail .Chapters__table__firstcolumn {
  width: 5%;
}
.PageVideoDetail .Chapters__table__middlecolumn {
  width: 80%;
  color: #314977;
  word-break: break-all;
}
.PageVideoDetail .Chapters__table__lastcolumn {
  width: 15%;
  text-align: end;
  color: #314977;
}

@media screen and (min-width: 426px) {
  .PageVideoDetail__main {
    display: flex;
  }
  .PageVideoDetail .Breadcrumb {
    margin: 28px auto;
    padding: 0 26px;
  }
  .PageVideoDetail .Video {
    margin: 0 26px;
  }
}
@media screen and (min-width: 769px) {
  .PageVideoDetail__main {
    display: flex;
  }
  .PageVideoDetail .AreaRelated .AreaVideoItem--horizontal,
.PageVideoDetail .AreaRelated .AreaAdItem--horizontal {
    flex-shrink: 0;
    width: 434px;
  }
  .PageVideoDetail .AreaRelated .AreaVideoItem--horizontal .AreaVideoItem__figure,
.PageVideoDetail .AreaRelated .AreaVideoItem--horizontal .AreaAdItem__figure,
.PageVideoDetail .AreaRelated .AreaAdItem--horizontal .AreaVideoItem__figure,
.PageVideoDetail .AreaRelated .AreaAdItem--horizontal .AreaAdItem__figure {
    width: 171px;
  }
  .PageVideoDetail .AreaRelated .AreaVideoItem--horizontal .AreaVideoItem__figure .AreaVideoItem__figure__from_now,
.PageVideoDetail .AreaRelated .AreaVideoItem--horizontal .AreaAdItem__figure .AreaVideoItem__figure__from_now,
.PageVideoDetail .AreaRelated .AreaAdItem--horizontal .AreaVideoItem__figure .AreaVideoItem__figure__from_now,
.PageVideoDetail .AreaRelated .AreaAdItem--horizontal .AreaAdItem__figure .AreaVideoItem__figure__from_now {
    font-size: 1em;
  }
  .PageVideoDetail .AreaRelated .AreaVideoItem--vertical,
.PageVideoDetail .AreaRelated .AreaAdItem--vertical {
    height: 264px;
  }
  .PageVideoDetail .Breadcrumb {
    margin: 28px 26px;
    padding: 0 26px;
  }
  .PageVideoDetail .Video {
    margin: 0 56px;
  }
}
@media screen and (min-width: 990px) {
  .PageVideoDetail__main {
    display: flex;
    flex-direction: row;
    margin: 0 56px;
    min-height: 790px;
  }
  .PageVideoDetail__main article {
    max-width: 720px;
  }
  .PageVideoDetail__main aside {
    flex-grow: 0;
    flex-shrink: 0;
    width: 434px;
    max-height: 790px;
  }
  .PageVideoDetail__main aside .AreaRelated {
    margin: 0;
  }
  .PageVideoDetail__main aside .AreaRelated .AreaHeader {
    padding: 0;
  }
  .PageVideoDetail .AreaRelated .AreaVideoItem--vertical,
.PageVideoDetail .AreaRelated .AreaAdItem--vertical {
    height: 264px;
  }
  .PageVideoDetail .Video {
    flex-grow: 1;
    flex-shrink: 1;
    margin: 0 26px 0 0;
  }
}
@media screen and (min-width: 1180px) {
  .PageVideoDetail__main {
    margin: 28px auto 28px auto;
  }
  .PageVideoDetail .Breadcrumb {
    margin: 28px auto;
    padding: 0;
  }
}
.active-chapter {
  background: #7ca7dc;
}

.PageSponsoDetail {
  overflow-x: hidden;
}
.PageSponsoDetail__main {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: space-around;
  max-width: 1180px;
}
.PageSponsoDetail .Sponso__description {
  background: #FFF;
}
.PageSponsoDetail .Breadcrumb {
  max-width: 1180px;
}

@media screen and (min-width: 426px) {
  .PageSponsoDetail__main {
    display: flex;
  }
  .PageSponsoDetail .Breadcrumb {
    margin: 28px auto;
    padding: 0 26px;
  }
  .PageSponsoDetail .Sponso {
    margin: 0 26px;
  }
}
@media screen and (min-width: 769px) {
  .PageSponsoDetail__main {
    display: flex;
  }
  .PageSponsoDetail .Breadcrumb {
    margin: 28px 26px;
    padding: 0 26px;
  }
  .PageSponsoDetail .Sponso {
    margin: 0 56px;
  }
}
@media screen and (min-width: 990px) {
  .PageSponsoDetail__main {
    display: flex;
    flex-direction: row;
    margin: 0 56px;
  }
  .PageSponsoDetail__main article {
    max-width: 720px;
  }
  .PageSponsoDetail .Sponso {
    flex-grow: 1;
    flex-shrink: 1;
    margin: 0 26px;
  }
}
@media screen and (min-width: 1180px) {
  .PageSponsoDetail__main {
    margin: 28px auto 28px auto;
  }
  .PageSponsoDetail .Breadcrumb {
    margin: 28px auto;
    padding: 0;
  }
}
.PageVideoGrid {
  overflow-x: visible;
}
.PageVideoGrid__main {
  display: flex;
  overflow: visible;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: left;
  align-items: stretch;
  flex-shrink: 0;
  flex-grow: 1;
}
.PageVideoGrid__main__no_result {
  margin-bottom: 28px;
  padding: 0 18px;
  color: #848484;
}
.PageVideoGrid__header {
  margin: 28px 0;
  padding: 0 18px;
}
.PageVideoGrid__header__title {
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
}
.PageVideoGrid__header .Page__spacer {
  margin-top: 28px;
  margin-left: 0;
  margin-right: 0;
}
.PageVideoGrid .Grid__container__item:hover, .PageVideoGrid .Grid__container__item:active {
  z-index: 2;
}
.PageVideoGrid .AreaVideoItem--vertical,
.PageVideoGrid .AreaAdItem--vertical {
  min-height: 260px;
  width: auto;
  transition: transform 300ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.PageVideoGrid .AreaVideoItem--vertical .AreaVideoItem__description__title,
.PageVideoGrid .AreaAdItem--vertical .AreaVideoItem__description__title {
  order: 0;
  margin: 0;
}
.PageVideoGrid .AreaVideoItem--vertical .AreaVideoItem__description__info,
.PageVideoGrid .AreaAdItem--vertical .AreaVideoItem__description__info {
  order: 1;
  color: #B6D4DB;
}
.PageVideoGrid .AreaVideoItem--vertical .AreaVideoItem__description__text,
.PageVideoGrid .AreaAdItem--vertical .AreaVideoItem__description__text {
  order: 2;
}
.PageVideoGrid .AreaVideoItem--vertical .AreaVideoItem__description__badge,
.PageVideoGrid .AreaAdItem--vertical .AreaVideoItem__description__badge {
  display: none;
}
.PageVideoGrid .AreaVideoItem--vertical:hover,
.PageVideoGrid .AreaAdItem--vertical:hover {
  transform: scale(1.1);
  box-shadow: 0 0.5em 1.5em 1em rgba(0, 0, 0, 0.15), inset -2px 2px 6em 2px rgba(34, 34, 34, 0.05);
}

@media screen and (min-width: 426px) {
  .PageVideoGrid__header {
    padding: 0 26px;
  }
  .PageVideoGrid__header__title {
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    white-space: nowrap;
  }
  .PageVideoGrid__main__no_result {
    margin-bottom: 36px;
    padding: 0 26px;
  }
  .PageVideoGrid .FilterVideos {
    margin-bottom: 36px;
  }
  .PageVideoGrid .AreaVideoItem--vertical {
    width: auto;
  }
}
@media screen and (min-width: 769px) {
  .PageVideoGrid__header {
    padding: 0 56px;
  }
  .PageVideoGrid__header__title {
    font-size: 32px;
  }
  .PageVideoGrid__main__no_result {
    margin-bottom: 51px;
    padding: 0 56px;
  }
  .PageVideoGrid .FilterVideos {
    margin-bottom: 51px;
  }
  .PageVideoGrid .AreaAdItem--vertical,
.PageVideoGrid .AreaVideoItem--vertical {
    min-height: 320px;
    width: auto;
  }
  .PageVideoGrid .AreaAdItem--vertical__description__text,
.PageVideoGrid .AreaVideoItem--vertical__description__text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
.PageSearch {
  overflow-x: hidden;
}
.PageSearch__no_result {
  color: #848484;
  font-size: 16px;
  font-weight: bold;
  padding: 0 18px;
}
.PageSearch .AreaChannels {
  margin: 28px 0;
}
.PageSearch .AreaVideo {
  margin: 28px 0;
}
.PageSearch .AreaVideo .Slider--horizontal {
  overflow: visible;
}
.PageSearch .AreaVideo .Slider--horizontal:hover, .PageSearch .AreaVideo .Slider--horizontal:active {
  z-index: 1000;
}
.PageSearch .AreaVideo .Slider--horizontal .Slider__wrapper__container__item {
  transition: transform 300ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.PageSearch .AreaVideo .Slider--horizontal .Slider__wrapper__container__item:hover, .PageSearch .AreaVideo .Slider--horizontal .Slider__wrapper__container__item:active {
  transform: scale(1.1);
  box-shadow: 0 1em 1.5em 0.2em rgba(0, 0, 0, 0.1);
  z-index: 2;
}
@media screen and (min-width: 426px) {
  .PageSearch .AreaVideo .Slider--horizontal .Slider__wrapper__container__item:hover, .PageSearch .AreaVideo .Slider--horizontal .Slider__wrapper__container__item:active {
    transform: scale(1.15);
  }
}
.PageSearch a.AreaVideoItem,
.PageSearch .AreaVideoItem {
  height: 264px;
}
.PageSearch a.AreaVideoItem__description__title,
.PageSearch .AreaVideoItem__description__title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.PageSearch a.AreaVideoItem__description__text,
.PageSearch .AreaVideoItem__description__text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

@media screen and (min-width: 426px) {
  .PageSearch__no_result {
    font-size: 20px;
    padding: 0 26px;
  }
  .PageSearch .AreaVideo,
.PageSearch .AreaChannels {
    margin: 36px 0;
  }
}
@media screen and (min-width: 769px) {
  .PageSearch__no_result {
    padding: 0 56px;
  }
  .PageSearch .AreaVideo,
.PageSearch .AreaChannels {
    margin: 51px 0;
  }
  .PageSearch a.AreaVideoItem--next_live.AreaVideoItem--vertical,
.PageSearch .AreaVideoItem--next_live.AreaVideoItem--vertical,
.PageSearch a.AreaVideoItem--vertical,
.PageSearch .AreaVideoItem--vertical {
    height: 264px;
    width: 245px;
  }
  .PageSearch a.AreaVideoItem--next_live.AreaVideoItem--vertical__description__title,
.PageSearch .AreaVideoItem--next_live.AreaVideoItem--vertical__description__title,
.PageSearch a.AreaVideoItem--vertical__description__title,
.PageSearch .AreaVideoItem--vertical__description__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .PageSearch a.AreaVideoItem--next_live.AreaVideoItem--vertical__description__text,
.PageSearch .AreaVideoItem--next_live.AreaVideoItem--vertical__description__text,
.PageSearch a.AreaVideoItem--vertical__description__text,
.PageSearch .AreaVideoItem--vertical__description__text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
.PageNews {
  overflow-x: visible;
}
.PageNews__main {
  display: flex;
  overflow: visible;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: left;
  align-items: stretch;
  flex-shrink: 0;
  flex-grow: 1;
}
.PageNews__header {
  margin: 28px 0;
  padding: 0 18px;
}
.PageNews__header__title {
  font-size: 16px;
  line-height: 16px;
  font-weight: 700;
  white-space: nowrap;
}
.PageNews__header .Page__spacer {
  margin-left: 0;
  margin-right: 0;
}
.PageNews .Grid__container__item:hover, .PageNews .Grid__container__item:active {
  z-index: 2;
}
.PageNews .AreaNewsItem--vertical {
  min-height: 260px;
  transition: transform 300ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.PageNews .AreaNewsItem--vertical .AreaNewsItem__description__title {
  order: 0;
  margin: 0;
}
.PageNews .AreaNewsItem--vertical .AreaNewsItem__description__info {
  order: 1;
  color: #B6D4DB;
}
.PageNews .AreaNewsItem--vertical .AreaNewsItem__description__text {
  order: 2;
}
.PageNews .AreaNewsItem--vertical .AreaNewsItem__description__badge {
  display: none;
}
.PageNews .AreaNewsItem--vertical:hover {
  transform: scale(1.1);
  box-shadow: 0 1.5em 3em 3em rgba(0, 0, 0, 0.15);
  background-color: #222222;
}

@media screen and (min-width: 426px) {
  .PageNews .AreaGrid {
    width: 100%;
  }
  .PageNews__header {
    padding: 0 26px;
  }
  .PageNews__header__title {
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    margin: 0;
    white-space: nowrap;
  }
  .PageNews__main {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 769px) {
  .PageNews__header {
    padding: 0 56px;
  }
  .PageNews__header__title {
    font-size: 32px;
    line-height: 32px;
  }
  .PageNews .AreaNewsItem--vertical {
    min-height: 320px;
  }
  .PageNews .AreaNewsItem--vertical__description__text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
.PageNewsDetail {
  overflow-x: hidden;
}
.PageNewsDetail__main {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  max-width: 1180px;
}
.PageNewsDetail .AreaRelated {
  margin-top: 28px;
}
.PageNewsDetail .AreaRelated .AreaNewsItem--horizontal {
  flex-shrink: 0;
  border-radius: 5px;
  width: 434px;
  height: 111px;
  padding: 0;
}
.PageNewsDetail .AreaRelated .AreaNewsItem--horizontal .AreaNewsItem__figure {
  order: 1;
  width: 171px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.PageNewsDetail .AreaRelated .AreaNewsItem--horizontal .AreaNewsItem__description {
  order: 2;
  padding: 1em;
  flex-direction: column;
}
.PageNewsDetail .AreaRelated .AreaNewsItem--horizontal .AreaNewsItem__description__date {
  margin-left: 0;
  color: #B6D4DB;
  font-size: 0.8em;
}
.PageNewsDetail .AreaRelated .AreaNewsItem--horizontal .AreaNewsItem__description__badge, .PageNewsDetail .AreaRelated .AreaNewsItem--horizontal .AreaNewsItem__description__text {
  display: none;
}
.PageNewsDetail .AreaRelated .AreaNewsItem--horizontal .AreaNewsItem__description__title {
  order: 1;
  margin: 0;
  font-size: 0.9em;
  display: -webkit-box;
  -webkit-line-clamp: "none";
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.PageNewsDetail .AreaRelated .AreaNewsItem--horizontal .AreaNewsItem__description__info {
  order: 2;
}
.PageNewsDetail .News__description {
  background: #FFF;
}
.PageNewsDetail .Breadcrumb {
  max-width: 1180px;
}

@media screen and (min-width: 426px) {
  .PageNewsDetail__main {
    display: flex;
  }
  .PageNewsDetail .Breadcrumb {
    margin: 36px auto 28px auto;
    padding: 0 26px;
  }
  .PageNewsDetail .News {
    margin: 0 26px;
  }
}
@media screen and (min-width: 769px) {
  .PageNewsDetail__main {
    display: flex;
  }
  .PageNewsDetail .AreaRelated .AreaNewsItem--horizontal {
    flex-shrink: 0;
    width: 434px;
  }
  .PageNewsDetail .AreaRelated .AreaNewsItem--horizontal .AreaNewsItem__figure {
    width: 171px;
  }
  .PageNewsDetail .AreaRelated .AreaNewsItem--vertical {
    height: 264px;
  }
  .PageNewsDetail .Breadcrumb {
    margin: 28px 26px 28px 26px;
    padding: 0 26px;
  }
  .PageNewsDetail .News {
    margin: 0 56px;
  }
}
@media screen and (min-width: 990px) {
  .PageNewsDetail__main {
    display: flex;
    flex-direction: row;
    margin: 0 56px;
  }
  .PageNewsDetail__main article {
    max-width: 720px;
  }
  .PageNewsDetail__main aside {
    flex-grow: 0;
    flex-shrink: 0;
    width: 434px;
    max-height: 790px;
  }
  .PageNewsDetail__main aside .AreaRelated {
    margin: 0;
  }
  .PageNewsDetail__main aside .AreaRelated .AreaHeader {
    padding: 0;
  }
  .PageNewsDetail .AreaRelated .AreaNewsItem--vertical {
    height: 264px;
  }
  .PageNewsDetail .News {
    flex-grow: 1;
    flex-shrink: 1;
    margin: 0 26px 0 0;
  }
}
@media screen and (min-width: 1180px) {
  .PageNewsDetail__main {
    margin: 28px auto 28px auto;
  }
  .PageNewsDetail .Breadcrumb {
    margin: 28px auto 28px auto;
    padding: 0;
  }
}
.PageLives {
  overflow-x: hidden;
}
.PageLives__main__header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 28px 18px;
  border-bottom: 1px solid #272727;
}
.PageLives__main__header__title {
  font-size: 20px;
  line-height: 20px;
  margin: 0 0 28px 0;
}
.PageLives__main__header__tabs {
  margin-bottom: -1px;
  overflow: hidden;
}
.PageLives__main__header__tabs__item {
  font-size: 12px;
  border-bottom: 2px solid transparent;
  line-height: 1.2em;
  margin-right: 2em;
  padding-bottom: 28px;
  color: #848484;
}
.PageLives__main__header__tabs__item:hover, .PageLives__main__header__tabs__item:focus, .PageLives__main__header__tabs__item:active, .PageLives__main__header__tabs__item.active {
  color: #3D4248;
  text-decoration: none;
}
.PageLives__main__header .Slider,
.PageLives__main__header .Slider__wrapper {
  height: 100%;
  margin-left: 0;
}
.PageLives__main__no_result {
  margin: 28px 0;
  padding: 0 18px;
}
.PageLives .AreaLive .AreaHeader__titles {
  margin-top: 0;
}
.PageLives .AreaNextLive .AreaVideoItem--vertical {
  min-height: 260px;
  width: auto;
  transition: transform 300ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.PageLives .AreaNextLive .AreaVideoItem--vertical .AreaVideoItem__description__title {
  order: 0;
  margin: 0;
}
.PageLives .AreaNextLive .AreaVideoItem--vertical .AreaVideoItem__description__text {
  order: 2;
}
.PageLives .AreaNextLive .AreaVideoItem--vertical .AreaVideoItem__description__badge {
  display: none;
}
.PageLives .AreaNextLive .AreaVideoItem--vertical:hover {
  transform: scale(1.1);
  box-shadow: 0 1.5em 3em 3em rgba(0, 0, 0, 0.15);
  background-color: #222222;
}

@media screen and (min-width: 426px) {
  .PageLives__main__header {
    flex-direction: row;
    align-items: flex-end;
    margin: 0 26px 28px;
  }
  .PageLives__main__header__title {
    font-size: 24px;
  }
  .PageLives__main__header__tabs {
    margin-left: 2em;
  }
  .PageLives__main__header__tabs__item {
    margin-left: 2em;
    margin-right: 0;
    font-size: 14px;
  }
  .PageLives__main__header .Slider__wrapper {
    margin-left: 2em;
  }
  .PageLives__main__no_result {
    padding: 0 26px;
  }
  .PageLives .AreaLive__titles__main {
    font-size: 20px;
  }
  .PageLives .AreaNextLive .AreaVideoItem--vertical {
    width: auto;
  }
}
@media screen and (min-width: 769px) {
  .PageLives__main__header {
    margin: 0 56px 28px;
  }
  .PageLives__main__header__title {
    font-size: 32px;
    line-height: 32px;
  }
  .PageLives__main__header__tabs__item {
    font-size: 14px;
  }
  .PageLives__main__no_result {
    margin: 0;
    padding: 0 56px;
  }
  .PageLives .AreaLive__titles__main {
    font-size: 24px;
    line-height: 24px;
  }
  .PageLives .AreaNextLive .AreaVideoItem--vertical {
    min-height: 320px;
    width: auto;
  }
  .PageLives .AreaNextLive .AreaVideoItem--vertical__description__text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
.PageReplay {
  overflow-x: hidden;
}
.PageReplay__main__header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 28px 18px;
  border-bottom: 1px solid #272727;
}
.PageReplay__main__header__title {
  font-size: 20px;
  line-height: 20px;
  margin: 0 0 28px 0;
}
.PageReplay__main__header__tabs {
  margin-bottom: -1px;
  overflow: hidden;
}
.PageReplay__main__header__tabs__item {
  font-size: 12px;
  border-bottom: 2px solid transparent;
  line-height: 1.2em;
  margin-right: 2em;
  padding-bottom: 28px;
  color: #848484;
}
.PageReplay__main__header__tabs__item:hover, .PageReplay__main__header__tabs__item:focus, .PageReplay__main__header__tabs__item:active, .PageReplay__main__header__tabs__item.active {
  color: #3D4248;
  text-decoration: none;
}
.PageReplay__main__header .Slider,
.PageReplay__main__header .Slider__wrapper {
  height: 100%;
  margin-left: 0;
}

@media screen and (min-width: 426px) {
  .PageReplay__main__header {
    flex-direction: row;
    align-items: flex-end;
    margin: 0 26px 28px;
  }
  .PageReplay__main__header__title {
    font-size: 24px;
    line-height: 24px;
  }
  .PageReplay__main__header__tabs {
    margin-left: 2em;
  }
  .PageReplay__main__header__tabs__item {
    margin-left: 2em;
    margin-right: 0;
    font-size: 14px;
    line-height: 14px;
  }
  .PageReplay__main__header .Slider__wrapper {
    margin-left: 2em;
  }
}
@media screen and (min-width: 769px) {
  .PageReplay__main__header {
    margin: 0 56px 28px;
  }
  .PageReplay__main__header__title {
    font-size: 32px;
    line-height: 32px;
  }
  .PageReplay__main__header__tabs__item {
    font-size: 14px;
    line-height: 14px;
  }
  .PageReplay .AreaRelated,
.PageReplay .AreaReplay {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.PageServices {
  overflow-x: hidden;
  display: flex;
}
.PageServices__header {
  border-bottom: 1px solid #272727;
  margin: 0 18px;
}
.PageServices__header__title {
  font-size: 20px;
  line-height: 20px;
  margin: 28px 0;
}
.PageServices__main {
  margin: 28px 0;
  padding: 0 18px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.PageServices__main__nav {
  max-width: 300px;
  display: none;
  flex-direction: column;
  font-size: 0.9em;
}
.PageServices__main__nav__link {
  color: #848484;
  padding: 0.5em 0;
  white-space: nowrap;
}
.PageServices__main__nav__link.active, .PageServices__main__nav__link:hover, .PageServices__main__nav__link:active {
  color: #3D4248;
  text-decoration: none;
}
.PageServices__main__content {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  flex-direction: column;
  max-width: 1180px;
}
.PageServices__main__content .cookie-buttons {
  display: flex;
  width: fit-content;
  margin-left: auto;
}
.PageServices__main__content .cookie-buttons button {
  padding: 0.7em 2.1em 0.7em 2.1em;
  font-size: 0.9em;
}
.PageServices__main__content .refuse {
  background-color: rgba(234, 30, 46, 0.8);
  margin-left: 1vh;
}
.PageServices__main__content .refuse:hover {
  background-color: rgba(254, 109, 31, 0.5);
}
.PageServices__main__content .accept {
  background-color: rgba(213, 165, 66, 0.8);
  margin-right: 1vh;
}
.PageServices__main__content .accept:hover {
  background-color: rgba(181, 204, 24, 0.5);
}
.PageServices__main__content button {
  padding: 1em;
  font-size: 0.75em;
  letter-spacing: 0.3px;
  vertical-align: middle;
  border-radius: 5px;
  text-decoration: none;
  color: #3D4248;
  border: 0;
  align-self: start;
}
.PageServices__main__content__title {
  font-size: 24px;
}
.PageServices__main__content__subtitle {
  color: #848484;
  font-size: 16px;
}
.PageServices .Form {
  max-width: 1440px;
  min-width: 375px;
}

@media screen and (min-width: 426px) {
  .PageServices__header {
    flex-direction: row;
    align-items: flex-end;
    margin: 0 26px;
  }
  .PageServices__header__title {
    font-size: 24px;
    line-height: 24px;
  }
  .PageServices__main {
    margin: 28px 0;
    padding: 0 26px;
  }
}
@media screen and (min-width: 769px) {
  .PageServices__header {
    margin: 0 56px;
  }
  .PageServices__header__title {
    font-size: 32px;
    line-height: 32px;
  }
  .PageServices__main {
    flex-wrap: nowrap;
    margin: 28px 0;
    padding: 0 56px;
  }
  .PageServices__main__nav {
    display: flex;
    padding-right: 51px;
    flex-direction: column;
    border-right: 1px solid #272727;
  }
  .PageServices__main__content {
    padding-left: 51px;
  }
}
.PageMyAccount {
  overflow-x: hidden;
  display: flex;
}
.PageMyAccount__header {
  border-bottom: 1px solid #272727;
  margin: 0 18px;
}
.PageMyAccount__header__title {
  font-size: 20px;
  line-height: 20px;
  margin: 28px 0;
}
.PageMyAccount__main {
  margin: 28px 0;
  padding: 0 18px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.PageMyAccount__main__nav {
  max-width: 300px;
  display: none;
  flex-direction: column;
  font-size: 0.9em;
}
.PageMyAccount__main__nav__link {
  background: none;
  text-align: left;
  border: none;
  color: #848484;
  padding: 0.5em 0;
  white-space: nowrap;
}
.PageMyAccount__main__nav__link.active, .PageMyAccount__main__nav__link:hover, .PageMyAccount__main__nav__link:active, .PageMyAccount__main__nav__link:focus {
  outline: none;
  color: #3D4248;
  text-decoration: none;
}
.PageMyAccount__main__content {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  flex-direction: column;
  max-width: 1180px;
}
.PageMyAccount__main__content__title {
  font-size: 24px;
}
.PageMyAccount__main__content__subtitle {
  color: #848484;
  font-size: 16px;
}
.PageMyAccount .Form {
  max-width: 1440px;
  min-width: 375px;
}

@media screen and (min-width: 426px) {
  .PageMyAccount__header {
    flex-direction: row;
    align-items: flex-end;
    margin: 0 26px;
  }
  .PageMyAccount__header__title {
    font-size: 24px;
    line-height: 24px;
  }
  .PageMyAccount__main {
    margin: 28px 0;
    padding: 0 26px;
  }
}
@media screen and (min-width: 769px) {
  .PageMyAccount__header {
    margin: 0 56px;
  }
  .PageMyAccount__header__title {
    font-size: 32px;
    line-height: 32px;
  }
  .PageMyAccount__main {
    flex-wrap: nowrap;
    margin: 28px 0;
    padding: 0 56px;
  }
  .PageMyAccount__main__nav {
    display: flex;
    padding-right: 51px;
    flex-direction: column;
    border-right: 1px solid #272727;
  }
  .PageMyAccount__main__content {
    padding-left: 51px;
  }
}
.PageMyOrders__redeemInput {
  width: 50%;
}

.orderItems {
  margin: 0 !important;
  padding: 0 !important;
}

.orderItem {
  background: #333333;
  padding: 0.5em;
  margin: 0.8em;
  display: flex;
}

.orderItemName {
  font-weight: 500;
}

.orderItemImage {
  width: 4em;
}

.groupOrder {
  display: flex;
  flex-direction: column;
  background: #333333;
  margin: 0.8em !important;
}

.groupOrderDetails {
  display: flex;
  flex-direction: row;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.groupOrder .orderItem {
  margin-right: 0;
  margin-left: 0;
  background-color: #393939;
}

.orderItemDetails {
  padding: 0.2em 0 0.2em 0.5em;
  display: flex;
  flex: auto;
  flex-direction: row;
  justify-content: space-between;
}

.orderItemDetails_Price {
  text-align: end;
}

.orderItems .Slider__wrapper {
  margin: 0 !important;
}

.orderItems .Slider__wrapper__prev {
  margin-left: 0 !important;
  left: 0 !important;
}

.orderItems .Slider__wrapper__next {
  margin-right: 0 !important;
  right: 0 !important;
}

.PageChannel {
  overflow-x: hidden;
}
.PageChannel__main__pre_header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.PageChannel__main__header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 28px 18px;
  border-bottom: 1px solid #272727;
}
.PageChannel__main__header__title {
  font-size: 20px;
  line-height: 20px;
  margin: 0 0 28px 0;
}
.PageChannel__main__header .Slider,
.PageChannel__main__header .Slider__wrapper {
  height: 100%;
  margin-left: 0;
}
.PageChannel .AreaLive .AreaHeader__titles {
  margin-top: 0;
}
.PageChannel .AreaChannels {
  margin: 14px 10px;
}
.PageChannel .AreaChannels .Slider,
.PageChannel .AreaChannels .Slider__wrapper {
  margin-left: 0;
}

@media screen and (min-width: 426px) {
  .PageChannel__main__header {
    flex-direction: row;
    align-items: flex-end;
    margin: 28px 26px;
  }
  .PageChannel__main__header__title {
    font-size: 24px;
    line-height: 24px;
  }
  .PageChannel__main__header__tabs {
    margin-left: 2em;
  }
  .PageChannel__main__header__tabs__item {
    margin-left: 2em;
    margin-right: 0;
    font-size: 14px;
  }
  .PageChannel__main__header .Slider__wrapper {
    margin-left: 2em;
  }
  .PageChannel .AreaLive__titles__main {
    font-size: 20px;
  }
  .PageChannel .AreaChannels {
    margin: 14px 26px;
  }
}
@media screen and (min-width: 769px) {
  .PageChannel__main__pre_header {
    flex-direction: row;
  }
  .PageChannel__main__header {
    margin: 0 56px 28px 56px;
  }
  .PageChannel__main__header__title {
    font-size: 32px;
    line-height: 32px;
  }
  .PageChannel__main__header__tabs__item {
    font-size: 14px;
    line-height: 14px;
  }
  .PageChannel .AreaLive__titles__main {
    font-size: 24px;
  }
  .PageChannel .AreaChannels {
    margin: 14px 40px;
  }
}
.PageCategory {
  overflow-x: hidden;
}
.PageCategory__main__pre_header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.PageCategory__main__header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 28px 18px;
  border-bottom: 1px solid #272727;
}
.PageCategory__main__header__title {
  font-size: 20px;
  line-height: 20px;
  margin: 0 0 28px 0;
}
.PageCategory__main__header .Slider,
.PageCategory__main__header .Slider__wrapper {
  height: 100%;
  margin-left: 0;
}
.PageCategory .AreaLive .AreaHeader__titles {
  margin-top: 0;
}
.PageCategory .AreaChannels .Slider,
.PageCategory .AreaChannels .Slider__wrapper {
  margin-left: 0;
}

@media screen and (min-width: 426px) {
  .PageCategory__main__header {
    flex-direction: row;
    align-items: flex-end;
    margin: 28px 26px;
  }
  .PageCategory__main__header__title {
    font-size: 24px;
  }
  .PageCategory__main__header__tabs {
    margin-left: 2em;
  }
  .PageCategory__main__header__tabs__item {
    margin-left: 2em;
    margin-right: 0;
    font-size: 14px;
  }
  .PageCategory__main__header .Slider__wrapper {
    margin-left: 2em;
  }
  .PageCategory .AreaLive__titles__main {
    font-size: 20px;
    line-height: 20px;
  }
  .PageCategory .AreaChannels {
    margin: 28px 10px;
  }
}
@media screen and (min-width: 769px) {
  .PageCategory__main__pre_header {
    flex-direction: row;
  }
  .PageCategory__main__header {
    margin: 0 56px 28px 56px;
  }
  .PageCategory__main__header__title {
    font-size: 32px;
    line-height: 32px;
  }
  .PageCategory__main__header__tabs__item {
    font-size: 14px;
    line-height: 14px;
  }
  .PageCategory .AreaLive__titles__main {
    font-size: 24px;
    line-height: 24px;
  }
  .PageCategory .AreaChannels {
    margin: 28px 40px;
  }
}
.PageVideoPlayer .Chapters__background {
  background-color: #b7c1cd;
  height: 250px;
  overflow-y: scroll;
}
.PageVideoPlayer .Chapters__table {
  width: 100%;
}
.PageVideoPlayer .Chapters__table .square {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #314977;
  width: 20px;
  height: 20px;
}
.PageVideoPlayer .Chapters__table__title {
  background-color: #314977;
}
.PageVideoPlayer .Chapters__table__title__margin {
  margin-left: 1%;
}
.PageVideoPlayer .Chapters__table tbody > tr {
  border-bottom: 2px solid #314977;
}
.PageVideoPlayer .Chapters__table tbody > tr:hover {
  background-color: #7ca7dc;
  color: white;
  cursor: pointer;
}
.PageVideoPlayer .Chapters__table__firstcolumn {
  width: 5%;
}
.PageVideoPlayer .Chapters__table__middlecolumn {
  width: 80%;
  color: #314977;
}
.PageVideoPlayer .Chapters__table__lastcolumn {
  width: 15%;
  text-align: end;
  color: #314977;
}

.PagePerson {
  overflow-x: hidden;
}
.PagePerson .Slider--horizontal {
  overflow: visible;
}
.PagePerson .Slider--horizontal:hover, .PagePerson .Slider--horizontal:active {
  z-index: 1000;
}
.PagePerson .Slider--horizontal .Slider__wrapper__container__item {
  transition: transform 300ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.PagePerson .Slider--horizontal .Slider__wrapper__container__item:hover, .PagePerson .Slider--horizontal .Slider__wrapper__container__item:active {
  transform: scale(1.1);
  box-shadow: 0 1em 1.5em 0.2em rgba(0, 0, 0, 0.1);
  z-index: 2;
}
@media screen and (min-width: 426px) {
  .PagePerson .Slider--horizontal .Slider__wrapper__container__item:hover, .PagePerson .Slider--horizontal .Slider__wrapper__container__item:active {
    transform: scale(1.15);
  }
}
.PagePerson__main__pre_header {
  display: flex;
  flex-direction: column;
}
.PagePerson__main__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 28px 18px;
}
.PagePerson__main__header__organisation {
  display: flex;
}
.PagePerson__main__header__title {
  font-size: 20px;
}
.PagePerson__main__header__role {
  color: #848484;
  font-size: 1.2rem;
}
.PagePerson__main__header__description {
  margin-top: 10px;
  margin-left: 50px;
}
.PagePerson__main__header img {
  width: 150px;
}
.PagePerson__main__header__point {
  color: #848484;
  margin: 30px 0 28px 0;
}
.PagePerson__main__header .Slider,
.PagePerson__main__header .Slider__wrapper {
  height: 100%;
  margin-left: 0;
}

@media screen and (min-width: 426px) {
  .PagePerson__main__header {
    flex-direction: row;
    align-items: flex-start;
    margin: 28px 26px;
  }
  .PagePerson__main__header__organisation {
    display: flex;
  }
  .PagePerson__main__header__title {
    font-size: 24px;
    line-height: 24px;
    margin-left: 30px;
    margin-bottom: 0 !important;
  }
  .PagePerson__main__header__description {
    margin-top: 10px;
    margin-left: 50px;
  }
  .PagePerson__main__header img {
    width: 150px;
  }
  .PagePerson__main__header__role {
    color: #848484;
    font-size: 1.2rem;
    margin-top: auto;
    margin-left: 0.5rem;
  }
  .PagePerson__main__header__tabs {
    margin-left: 2em;
  }
  .PagePerson__main__header__tabs__item {
    margin-left: 2em;
    margin-right: 0;
    font-size: 14px;
  }
  .PagePerson__main__header .Slider__wrapper {
    margin-left: 2em;
  }
}
@media screen and (min-width: 769px) {
  .PagePerson__main__pre_header {
    flex-direction: row;
  }
  .PagePerson__main__header {
    margin: 0 56px 28px 56px;
  }
  .PagePerson__main__header__organisation {
    display: flex;
  }
  .PagePerson__main__header__title {
    font-size: 32px;
    line-height: 32px;
  }
  .PagePerson__main__header__description {
    margin-top: 10px;
    margin-left: 50px;
  }
  .PagePerson__main__header__tabs__item {
    font-size: 14px;
    line-height: 14px;
  }
}
.PageGroup {
  overflow-x: hidden;
}
.PageGroup__main__pre_header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.PageGroup__main__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 28px 18px;
  border-bottom: 1px solid #272727;
  align-items: flex-start;
}
.PageGroup__main__header__title {
  flex: 3;
  font-size: 20px;
  line-height: 20px;
  margin: 0;
}
.PageGroup__main__header__tabs {
  display: flex;
  flex: 1;
  justify-content: right;
}
.PageGroup__main__header__tabs .Checkout__btn {
  padding: 0.5em;
  font-size: 0.8em;
  display: inline-block;
  letter-spacing: 0.3px;
  background-color: #3D4248;
  border-radius: 5px;
  text-decoration: none;
  color: #123239;
  border: 0;
  margin: 0 1em;
  text-wrap: nowrap;
}
.PageGroup__main__header__titles__secondary {
  font-weight: 100;
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.5em;
  line-height: normal;
}
.PageGroup__main__header__titles__main {
  margin-bottom: 1rem;
}
.PageGroup__main__header .Slider,
.PageGroup__main__header .Slider__wrapper {
  height: 100%;
  margin-left: 0;
}

@media screen and (min-width: 426px) {
  .PageGroup__main__header {
    flex-direction: row;
    align-items: flex-start;
    margin: 28px 26px;
  }
  .PageGroup__main__header__title {
    flex: 3;
    font-size: 24px;
  }
  .PageGroup__main__header__tabs {
    display: flex;
    flex: 1;
    justify-content: right;
    margin-left: 2em;
    right: 0;
  }
  .PageGroup__main__header__tabs .Checkout__btn {
    padding: 0.5em;
    font-size: 0.8em;
    display: inline-block;
    letter-spacing: 0.3px;
    background-color: #3D4248;
    border-radius: 5px;
    text-decoration: none;
    color: #123239;
    border: 0;
    margin: 0 1em;
  }
  .PageGroup__main__header__titles__secondary {
    font-weight: 100;
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.5em;
    line-height: normal;
  }
  .PageGroup__main__header__titles__main {
    margin-bottom: 1rem;
  }
  .PageGroup__main__header .Slider__wrapper {
    margin-left: 2em;
  }
}
@media screen and (min-width: 769px) {
  .PageGroup__main__pre_header {
    flex-direction: row;
  }
  .PageGroup__main__header {
    margin: 0 56px 28px 56px;
  }
  .PageGroup__main__header__title {
    flex: 3;
    font-size: 32px;
    line-height: 32px;
  }
  .PageGroup__main__header__tabs {
    display: flex;
    flex: 1;
    justify-content: right;
  }
  .PageGroup__main__header__tabs .Checkout__btn {
    padding: 0.5em;
    font-size: 0.8em;
    display: inline-block;
    letter-spacing: 0.3px;
    background-color: #3D4248;
    border-radius: 5px;
    text-decoration: none;
    color: #123239;
    border: 0;
    margin: 0 1em;
  }
  .PageGroup__main__header__titles__secondary {
    font-weight: 100;
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.5em;
    line-height: normal;
  }
  .PageGroup__main__header__titles__main {
    margin-bottom: 1rem;
  }
}
.PageGroup__main__header__tabs .Checkout__btn {
  padding: 1.5em;
  font-size: 1em;
  display: inline-block;
  letter-spacing: 0.5px;
  background-color: #FFFFFF;
  border-radius: 5px;
  text-decoration: none;
  color: #123239;
  border: 0;
}

.PagePodcast {
  overflow-x: hidden;
  display: flex;
}
.PagePodcast__header {
  border-bottom: 1px solid #272727;
  margin: 0 18px;
}
.PagePodcast__header__title {
  font-size: 20px;
  line-height: 20px;
  margin: 28px 0;
}
.PagePodcast__main {
  margin: 28px 0;
  padding: 0 18px;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.PagePodcast__main__nav {
  max-width: 300px;
  display: none;
  flex-direction: column;
  font-size: 0.9em;
}
.PagePodcast__main__nav__link {
  color: #848484;
  padding: 0.5em 0;
  white-space: nowrap;
}
.PagePodcast__main__nav__link.active, .PagePodcast__main__nav__link:hover, .PagePodcast__main__nav__link:active {
  color: #3D4248;
  text-decoration: none;
}
.PagePodcast__main__content {
  max-width: 1180px;
  margin-top: 24px;
}
.PagePodcast__main__content__title {
  font-size: 24px;
}
.PagePodcast__main__content__subtitle {
  color: #848484;
  font-size: 16px;
}
.PagePodcast .Form {
  max-width: 1440px;
  min-width: 375px;
}

@media screen and (min-width: 426px) {
  .PagePodcast__header {
    flex-direction: row;
    align-items: flex-end;
    margin: 0 26px;
  }
  .PagePodcast__header__title {
    font-size: 24px;
    line-height: 24px;
  }
  .PagePodcast__main {
    margin: 28px 0;
    padding: 0 26px;
  }
}
@media screen and (min-width: 769px) {
  .PagePodcast__header {
    margin: 0 56px;
  }
  .PagePodcast__header__title {
    font-size: 32px;
    line-height: 32px;
  }
  .PagePodcast__main {
    flex-wrap: nowrap;
    margin: 28px 0;
    padding: 0 56px;
  }
  .PagePodcast__main__nav {
    display: flex;
    padding-right: 51px;
    flex-direction: column;
    border-right: 1px solid #272727;
  }
}
.PagePerson {
  overflow-x: hidden;
}
.PagePerson .Slider--horizontal {
  overflow: visible;
}
.PagePerson .Slider--horizontal:hover, .PagePerson .Slider--horizontal:active {
  z-index: 1000;
}
.PagePerson .Slider--horizontal .Slider__wrapper__container__item {
  transition: transform 300ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.PagePerson .Slider--horizontal .Slider__wrapper__container__item:hover, .PagePerson .Slider--horizontal .Slider__wrapper__container__item:active {
  transform: scale(1.1);
  box-shadow: 0 1em 1.5em 0.2em rgba(0, 0, 0, 0.1);
  z-index: 2;
}
@media screen and (min-width: 426px) {
  .PagePerson .Slider--horizontal .Slider__wrapper__container__item:hover, .PagePerson .Slider--horizontal .Slider__wrapper__container__item:active {
    transform: scale(1.15);
  }
}
.PagePerson__main__pre_header {
  display: flex;
  flex-direction: column;
}
.PagePerson__main__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 28px 18px;
}
.PagePerson__main__header__organisation {
  display: flex;
}
.PagePerson__main__header__title {
  font-size: 20px;
}
.PagePerson__main__header__role {
  color: #848484;
  font-size: 1.2rem;
}
.PagePerson__main__header__description {
  margin-top: 10px;
  margin-left: 50px;
}
.PagePerson__main__header img {
  width: 150px;
}
.PagePerson__main__header__point {
  color: #848484;
  margin: 30px 0 28px 0;
}
.PagePerson__main__header .Slider,
.PagePerson__main__header .Slider__wrapper {
  height: 100%;
  margin-left: 0;
}

@media screen and (min-width: 426px) {
  .PagePerson__main__header {
    flex-direction: row;
    align-items: flex-start;
    margin: 28px 26px;
  }
  .PagePerson__main__header__organisation {
    display: flex;
  }
  .PagePerson__main__header__title {
    font-size: 24px;
    line-height: 24px;
    margin-left: 30px;
    margin-bottom: 0 !important;
  }
  .PagePerson__main__header__description {
    margin-top: 10px;
    margin-left: 50px;
  }
  .PagePerson__main__header img {
    width: 150px;
  }
  .PagePerson__main__header__role {
    color: #848484;
    font-size: 1.2rem;
    margin-top: auto;
    margin-left: 0.5rem;
  }
  .PagePerson__main__header__tabs {
    margin-left: 2em;
  }
  .PagePerson__main__header__tabs__item {
    margin-left: 2em;
    margin-right: 0;
    font-size: 14px;
  }
  .PagePerson__main__header .Slider__wrapper {
    margin-left: 2em;
  }
}
@media screen and (min-width: 769px) {
  .PagePerson__main__pre_header {
    flex-direction: row;
  }
  .PagePerson__main__header {
    margin: 0 56px 28px 56px;
  }
  .PagePerson__main__header__organisation {
    display: flex;
  }
  .PagePerson__main__header__title {
    font-size: 32px;
    line-height: 32px;
  }
  .PagePerson__main__header__description {
    margin-top: 10px;
    margin-left: 50px;
  }
  .PagePerson__main__header__tabs__item {
    font-size: 14px;
    line-height: 14px;
  }
}
.AreaHeader {
  display: block;
}
.AreaHeader__content {
  display: flex;
  align-items: flex-end;
  padding: 0 18px;
}
.AreaHeader__content__titles {
  flex-grow: 1;
  margin-bottom: 1em;
}
.AreaHeader__content__titles__main {
  font-size: 16px;
  line-height: 16px;
  font-weight: 700;
  margin: 0;
  white-space: nowrap;
}
.AreaHeader__content__titles__main__icon {
  height: 0.4em;
  width: 0.4em;
  margin-right: 6px;
  margin-bottom: 0.1em;
}
.AreaHeader__content__titles__secondary {
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0.35px;
  font-weight: normal;
  color: #848484;
  margin: 0;
}
.AreaHeader__content__more_link {
  color: #B6D4DB;
  text-decoration: none;
  font-size: 13px;
  margin-bottom: 1rem;
  white-space: nowrap;
}
.AreaHeader__content__more_link:hover {
  color: #3D4248;
}

.AreaSponsors__container {
  display: flex;
  justify-content: center;
  margin: 40px;
  gap: 40px;
  flex-wrap: wrap;
}
.AreaSponsors__item img {
  max-height: 90px;
}

@media screen and (min-width: 426px) {
  .AreaHeader__content {
    padding: 0 26px;
  }
  .AreaHeader__content__titles__main {
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    margin: 0;
    white-space: nowrap;
  }
  .AreaHeader__content__titles__main__icon {
    height: 0.4em;
    width: 0.4em;
    margin-right: 6px;
    margin-bottom: 0.1em;
  }
  .AreaHeader__content__titles__secondary {
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.35px;
    font-weight: normal;
    color: #848484;
    margin: 0;
  }
}
@media screen and (min-width: 769px) {
  .AreaHeader__content {
    padding: 0 56px;
  }
  .AreaHeader__content__titles__main {
    font-size: 24px;
    line-height: 24px;
  }
}
a.AreaVideoItem,
.AreaVideoItem {
  display: flex;
  color: #3D4248;
  text-decoration: none;
  cursor: pointer;
  /**
   * VARIATIONS
   */
}
a.AreaVideoItem:hover, a.AreaVideoItem:active, a.AreaVideoItem:focus,
.AreaVideoItem:hover,
.AreaVideoItem:active,
.AreaVideoItem:focus {
  text-decoration: none;
  outline: none;
}
a.AreaVideoItem__figure,
.AreaVideoItem__figure {
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  margin: 0;
  border-radius: 5px;
  text-align: center;
  background-position: center;
  background-size: cover;
  background-color: #FFF;
  color: #FFF;
}
a.AreaVideoItem__figure__backdrop,
.AreaVideoItem__figure__backdrop {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 300ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
a.AreaVideoItem__figure__backdrop.live,
.AreaVideoItem__figure__backdrop.live {
  background: rgba(0, 0, 0, 0.7) center 50%/30% auto no-repeat url(/media/PlayCircleFilled.8c645363.svg);
}
a.AreaVideoItem__figure__from_now,
.AreaVideoItem__figure__from_now {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  font-size: 1.1em;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
a.AreaVideoItem__figure__from_now p,
.AreaVideoItem__figure__from_now p {
  display: flex;
  flex-shrink: 1;
  margin-bottom: 0;
  padding: 0.5em;
  align-items: center;
  justify-content: center;
}
a.AreaVideoItem__figure__from_now p > *,
.AreaVideoItem__figure__from_now p > * {
  margin: 0.25em;
  line-height: 1em;
  text-align: left;
}
a.AreaVideoItem__figure__badge,
.AreaVideoItem__figure__badge {
  position: absolute;
  display: none;
}
a.AreaVideoItem__figure__badge.badge_price,
.AreaVideoItem__figure__badge.badge_price {
  display: inline-block;
}
a.AreaVideoItem__figure__rating,
.AreaVideoItem__figure__rating {
  position: absolute;
  bottom: 1em;
  left: 1em;
  font-size: 0.6em;
}
a.AreaVideoItem__figure__rating__label,
.AreaVideoItem__figure__rating__label {
  vertical-align: bottom;
}
a.AreaVideoItem__figure__type,
.AreaVideoItem__figure__type {
  position: absolute;
  bottom: 1em;
  right: 1em;
  font-weight: 500;
  font-size: 0.6em;
}
a.AreaVideoItem__figure__type svg,
.AreaVideoItem__figure__type svg {
  font-size: 1.4em;
  vertical-align: text-bottom;
}
a.AreaVideoItem__description,
.AreaVideoItem__description {
  display: flex;
  flex-grow: 1;
}
a.AreaVideoItem__description__title,
.AreaVideoItem__description__title {
  font-size: 0.8em;
  margin: 0.5em 0 0 0;
  letter-spacing: 0.3px;
  font-weight: 500;
  line-height: 1.2em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
a.AreaVideoItem__description__title__channel,
.AreaVideoItem__description__title__channel {
  margin-right: 0.333em;
}
a.AreaVideoItem__description__date,
.AreaVideoItem__description__date {
  margin-top: 0.5em;
  display: block;
  font-size: 0.73em;
  color: #B6D4DB;
  white-space: nowrap;
}
a.AreaVideoItem__description__text,
.AreaVideoItem__description__text {
  font-size: 0.73em;
  margin: 0.5em 0 0.5em 0;
  letter-spacing: 0.35px;
  line-height: 1.28em;
  color: #3D4248;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
a.AreaVideoItem__description__watch_link,
.AreaVideoItem__description__watch_link {
  padding: 1em;
  font-size: 0.75em;
  letter-spacing: 0.3px;
  vertical-align: middle;
  background-color: rgba(61, 66, 72, 0.08);
  border-radius: 5px;
  text-decoration: none;
  color: #3D4248;
  align-self: start;
}
a.AreaVideoItem__description__watch_link svg,
.AreaVideoItem__description__watch_link svg {
  vertical-align: baseline;
  margin-right: 1em;
  font-size: 0.8em;
}
a.AreaVideoItem__description__watch_link:hover,
.AreaVideoItem__description__watch_link:hover {
  background-color: rgba(61, 66, 72, 0.1);
}
a.AreaVideoItem--horizontal,
.AreaVideoItem--horizontal {
  flex-direction: row;
  justify-content: stretch;
  min-height: 97px;
  max-width: 650px;
}
a.AreaVideoItem--horizontal .AreaVideoItem__figure,
.AreaVideoItem--horizontal .AreaVideoItem__figure {
  width: 150px;
}
a.AreaVideoItem--horizontal .AreaVideoItem__description,
.AreaVideoItem--horizontal .AreaVideoItem__description {
  padding-left: 1em;
  flex-direction: column;
}
a.AreaVideoItem--vertical,
.AreaVideoItem--vertical {
  flex-direction: column;
  justify-content: stretch;
  background-color: #FFF;
  border-radius: 5px;
  width: 204px;
  min-height: 264px;
}
a.AreaVideoItem--vertical .AreaVideoItem__figure,
.AreaVideoItem--vertical .AreaVideoItem__figure {
  height: 50%;
  min-height: 132px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
a.AreaVideoItem--vertical .AreaVideoItem__description,
.AreaVideoItem--vertical .AreaVideoItem__description {
  padding: 1em;
  flex-direction: column;
}
a.AreaVideoItem--vertical .AreaVideoItem__description__title,
.AreaVideoItem--vertical .AreaVideoItem__description__title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
a.AreaVideoItem--vertical .AreaVideoItem__description__text,
.AreaVideoItem--vertical .AreaVideoItem__description__text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
a.AreaVideoItem--placeholder,
.AreaVideoItem--placeholder {
  animation: placeholderAnimation 3s infinite;
  min-width: 100%;
}
a.AreaVideoItem--placeholder.AreaVideoItem--horizontal .AreaVideoItem__figure,
.AreaVideoItem--placeholder.AreaVideoItem--horizontal .AreaVideoItem__figure {
  background-color: #FFF;
}
a.AreaVideoItem--placeholder.AreaVideoItem--horizontal .AreaVideoItem__description__ligne,
.AreaVideoItem--placeholder.AreaVideoItem--horizontal .AreaVideoItem__description__ligne {
  display: block;
  height: 1em;
  margin: 0 0 0.5em 0;
  background-color: #FFF;
  width: 100%;
  border-radius: 10px;
}
a.AreaVideoItem--placeholder.AreaVideoItem--horizontal .AreaVideoItem__description__ligne:last-child,
.AreaVideoItem--placeholder.AreaVideoItem--horizontal .AreaVideoItem__description__ligne:last-child {
  width: 80%;
}
a.AreaVideoItem--placeholder.AreaVideoItem--vertical .AreaVideoItem__figure,
.AreaVideoItem--placeholder.AreaVideoItem--vertical .AreaVideoItem__figure {
  background-color: transparent;
}
a.AreaVideoItem--replay,
.AreaVideoItem--replay {
  height: 264px;
}
a.AreaVideoItem--replay .AreaVideoItem__figure__backdrop,
.AreaVideoItem--replay .AreaVideoItem__figure__backdrop {
  opacity: 0.73;
  background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 38%, rgba(0, 0, 0, 0) 100%);
}
a.AreaVideoItem--replay .AreaVideoItem__figure__badge.badge_live, a.AreaVideoItem--replay .AreaVideoItem__figure__from_now,
.AreaVideoItem--replay .AreaVideoItem__figure__badge.badge_live,
.AreaVideoItem--replay .AreaVideoItem__figure__from_now {
  display: none;
}
a.AreaVideoItem--live .AreaVideoItem__figure__from_now,
.AreaVideoItem--live .AreaVideoItem__figure__from_now {
  display: none;
}
a.AreaVideoItem--live:hover .AreaVideoItem__figure__backdrop,
.AreaVideoItem--live:hover .AreaVideoItem__figure__backdrop {
  opacity: 0;
}
a.AreaVideoItem--live:hover .AreaVideoItem__figure__from_now,
.AreaVideoItem--live:hover .AreaVideoItem__figure__from_now {
  opacity: 0;
}
a.AreaVideoItem--live.AreaVideoItem--vertical,
.AreaVideoItem--live.AreaVideoItem--vertical {
  height: 264px;
}
a.AreaVideoItem--live.AreaVideoItem--vertical__description__channel,
.AreaVideoItem--live.AreaVideoItem--vertical__description__channel {
  margin-top: 0;
}
a.AreaVideoItem--next_live .AreaVideoItem__figure__backdrop,
.AreaVideoItem--next_live .AreaVideoItem__figure__backdrop {
  background: rgba(0, 0, 0, 0.7) !important;
}
a.AreaVideoItem--next_live .AreaVideoItem__figure__badge.badge_live, a.AreaVideoItem--next_live .AreaVideoItem__figure__rating,
.AreaVideoItem--next_live .AreaVideoItem__figure__badge.badge_live,
.AreaVideoItem--next_live .AreaVideoItem__figure__rating {
  display: none;
}
a.AreaVideoItem--next_live:hover .AreaVideoItem__figure__backdrop,
.AreaVideoItem--next_live:hover .AreaVideoItem__figure__backdrop {
  opacity: 0;
}
a.AreaVideoItem--next_live:hover .AreaVideoItem__figure__from_now,
.AreaVideoItem--next_live:hover .AreaVideoItem__figure__from_now {
  opacity: 0;
}
a.AreaVideoItem--next_live.AreaVideoItem--vertical,
.AreaVideoItem--next_live.AreaVideoItem--vertical {
  height: 264px;
}
a.AreaVideoItem--next_live.AreaVideoItem--vertical__description__channel,
.AreaVideoItem--next_live.AreaVideoItem--vertical__description__channel {
  margin-top: 0;
}
a.AreaVideoItem--video,
.AreaVideoItem--video {
  height: 264px;
}
a.AreaVideoItem--video .AreaVideoItem__figure__backdrop,
.AreaVideoItem--video .AreaVideoItem__figure__backdrop {
  opacity: 0.73;
  background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 38%, rgba(0, 0, 0, 0) 100%);
}
a.AreaVideoItem--video .AreaVideoItem__figure__backdrop--full,
.AreaVideoItem--video .AreaVideoItem__figure__backdrop--full {
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 300ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
a.AreaVideoItem--video .AreaVideoItem__figure__badge.badge_live, a.AreaVideoItem--video .AreaVideoItem__figure__from_now,
.AreaVideoItem--video .AreaVideoItem__figure__badge.badge_live,
.AreaVideoItem--video .AreaVideoItem__figure__from_now {
  display: none;
}
a.AreaVideoItem--video .AreaVideoItem__figure__presale_from_now,
.AreaVideoItem--video .AreaVideoItem__figure__presale_from_now {
  display: block;
}
a.AreaVideoItem--person,
.AreaVideoItem--person {
  width: 150px !important;
  height: 264px !important;
}
a.AreaVideoItem--person .AreaVideoItem__figure,
.AreaVideoItem--person .AreaVideoItem__figure {
  width: 150px !important;
  height: 175px !important;
}
a.AreaVideoItem--person .AreaVideoItem__figure__backdrop,
.AreaVideoItem--person .AreaVideoItem__figure__backdrop {
  opacity: 0.73;
  background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 38%, rgba(0, 0, 0, 0) 100%);
}
a.AreaVideoItem--person .AreaVideoItem__figure__badge.badge_live, a.AreaVideoItem--person .AreaVideoItem__figure__from_now,
.AreaVideoItem--person .AreaVideoItem__figure__badge.badge_live,
.AreaVideoItem--person .AreaVideoItem__figure__from_now {
  display: none;
}

@media screen and (min-width: 426px) {
  a.AreaVideoItem--vertical,
.AreaVideoItem--vertical,
a.AreaAdItem--vertical,
.AreaAdItem--vertical {
    width: 204px;
  }
}
@media screen and (min-width: 769px) {
  a.AreaVideoItem--vertical,
.AreaVideoItem--vertical,
a.AreaAdItem--vertical,
.AreaAdItem--vertical {
    height: 264px;
    width: 245px;
  }
  a.AreaVideoItem--vertical__description__title,
.AreaVideoItem--vertical__description__title,
a.AreaAdItem--vertical__description__title,
.AreaAdItem--vertical__description__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  a.AreaVideoItem--vertical__description__text,
.AreaVideoItem--vertical__description__text,
a.AreaAdItem--vertical__description__text,
.AreaAdItem--vertical__description__text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
@keyframes placeholderAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
a.AreaVideoItem,
.AreaVideoItem {
  display: flex;
  color: #3D4248;
  text-decoration: none;
  cursor: pointer;
  /**
   * VARIATIONS
   */
}
a.AreaVideoItem:hover, a.AreaVideoItem:active, a.AreaVideoItem:focus,
.AreaVideoItem:hover,
.AreaVideoItem:active,
.AreaVideoItem:focus {
  text-decoration: none;
  outline: none;
}
a.AreaVideoItem:hover .AreaVideoItem__figure__backdrop--full, a.AreaVideoItem:hover .AreaVideoItem__figure__from_now, a.AreaVideoItem:hover .AreaVideoItem__figure__rating, a.AreaVideoItem:active .AreaVideoItem__figure__backdrop--full, a.AreaVideoItem:active .AreaVideoItem__figure__from_now, a.AreaVideoItem:active .AreaVideoItem__figure__rating, a.AreaVideoItem:focus .AreaVideoItem__figure__backdrop--full, a.AreaVideoItem:focus .AreaVideoItem__figure__from_now, a.AreaVideoItem:focus .AreaVideoItem__figure__rating,
.AreaVideoItem:hover .AreaVideoItem__figure__backdrop--full,
.AreaVideoItem:hover .AreaVideoItem__figure__from_now,
.AreaVideoItem:hover .AreaVideoItem__figure__rating,
.AreaVideoItem:active .AreaVideoItem__figure__backdrop--full,
.AreaVideoItem:active .AreaVideoItem__figure__from_now,
.AreaVideoItem:active .AreaVideoItem__figure__rating,
.AreaVideoItem:focus .AreaVideoItem__figure__backdrop--full,
.AreaVideoItem:focus .AreaVideoItem__figure__from_now,
.AreaVideoItem:focus .AreaVideoItem__figure__rating {
  opacity: 0;
}
a.AreaVideoItem__figure,
.AreaVideoItem__figure {
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  margin: 0;
  border-radius: 5px;
  text-align: center;
  background-position: center;
  background-size: cover;
  background-color: #FFF;
  color: #FFF;
}
a.AreaVideoItem__figure__backdrop,
.AreaVideoItem__figure__backdrop {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0.73;
  background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 38%, rgba(0, 0, 0, 0) 100%);
}
a.AreaVideoItem__figure__backdrop--full,
.AreaVideoItem__figure__backdrop--full {
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 300ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
a.AreaVideoItem__figure__backdrop--play,
.AreaVideoItem__figure__backdrop--play {
  background: rgba(0, 0, 0, 0.7) center 50%/30% auto no-repeat url(/media/PlayCircleFilled.8c645363.svg);
}
a.AreaVideoItem__figure__from_now,
.AreaVideoItem__figure__from_now {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -0.5em;
  font-size: 1.2em;
}
a.AreaVideoItem__figure__presale_from_now,
.AreaVideoItem__figure__presale_from_now {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -0.5em;
  font-size: 2.5em;
}
a.AreaVideoItem__figure__badge,
.AreaVideoItem__figure__badge {
  position: absolute;
  display: none;
}
a.AreaVideoItem__figure__badge.badge_price,
.AreaVideoItem__figure__badge.badge_price {
  display: inline-block;
}
a.AreaVideoItem__figure__rating,
.AreaVideoItem__figure__rating {
  position: absolute;
  bottom: 1em;
  left: 1em;
  font-size: 0.6em;
}
a.AreaVideoItem__figure__rating__label,
.AreaVideoItem__figure__rating__label {
  vertical-align: bottom;
}
a.AreaVideoItem__description,
.AreaVideoItem__description {
  display: flex;
  flex-grow: 1;
}
a.AreaVideoItem__description__title,
.AreaVideoItem__description__title {
  font-size: 0.8em;
  margin: 0.5em 0 0 0;
  letter-spacing: 0.3px;
  font-weight: 500;
  line-height: 1.2em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
a.AreaVideoItem__description__title__channel,
.AreaVideoItem__description__title__channel {
  margin-right: 0.333em;
}
a.AreaVideoItem__description__date,
.AreaVideoItem__description__date {
  margin-top: 0.5em;
  display: block;
  font-size: 0.73em;
  color: #B6D4DB;
  white-space: nowrap;
}
a.AreaVideoItem__description__text,
.AreaVideoItem__description__text {
  font-size: 0.73em;
  margin: 0.5em 0 0.5em 0;
  letter-spacing: 0.35px;
  line-height: 1.28em;
  color: #3D4248;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
a.AreaVideoItem__description__watch_link,
.AreaVideoItem__description__watch_link {
  padding: 1em;
  font-size: 0.75em;
  letter-spacing: 0.3px;
  vertical-align: middle;
  background-color: rgba(61, 66, 72, 0.08);
  border-radius: 5px;
  text-decoration: none;
  color: #3D4248;
  align-self: start;
}
a.AreaVideoItem__description__watch_link svg,
.AreaVideoItem__description__watch_link svg {
  vertical-align: baseline;
  margin-right: 1em;
  font-size: 0.8em;
}
a.AreaVideoItem__description__watch_link:hover,
.AreaVideoItem__description__watch_link:hover {
  background-color: rgba(61, 66, 72, 0.1);
}
a.AreaVideoItem__invoice,
.AreaVideoItem__invoice {
  align-self: center;
}
a.AreaVideoItem__invoice__download,
.AreaVideoItem__invoice__download {
  padding: 1em;
  font-size: 0.75em;
  letter-spacing: 0.3px;
  vertical-align: middle;
  background-color: rgba(61, 66, 72, 0.08);
  border-radius: 5px;
  text-decoration: none;
  color: #3D4248;
  align-self: start;
}
a.AreaVideoItem__invoice__download svg,
.AreaVideoItem__invoice__download svg {
  vertical-align: baseline;
  margin-right: 1em;
  font-size: 0.8em;
}
a.AreaVideoItem__invoice__download:hover,
.AreaVideoItem__invoice__download:hover {
  background-color: rgba(61, 66, 72, 0.1);
}
a.AreaVideoItem--horizontal,
.AreaVideoItem--horizontal {
  flex-direction: row;
  justify-content: stretch;
  min-height: 97px;
  max-width: 650px;
}
a.AreaVideoItem--horizontal .AreaVideoItem__figure,
.AreaVideoItem--horizontal .AreaVideoItem__figure {
  width: 150px;
}
a.AreaVideoItem--horizontal .AreaVideoItem__description,
.AreaVideoItem--horizontal .AreaVideoItem__description {
  padding-left: 1em;
  flex-direction: column;
}
a.AreaVideoItem--horizontal .AreaVideoItem__description,
.AreaVideoItem--horizontal .AreaVideoItem__description {
  padding-left: 1em;
  flex-direction: column;
}
a.AreaVideoItem--horizontal .AreaVideoItem__invoice,
.AreaVideoItem--horizontal .AreaVideoItem__invoice {
  padding: 1em 1em 1em 0;
}
a.AreaVideoItem--vertical,
.AreaVideoItem--vertical {
  flex-direction: column;
  justify-content: stretch;
  background-color: #FFF;
  border-radius: 5px;
  width: 204px;
  min-height: 264px;
}
a.AreaVideoItem--vertical .AreaVideoItem__figure,
.AreaVideoItem--vertical .AreaVideoItem__figure {
  height: 50%;
  min-height: 132px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
a.AreaVideoItem--vertical .AreaVideoItem__description,
.AreaVideoItem--vertical .AreaVideoItem__description {
  padding: 1em;
  flex-direction: column;
}
a.AreaVideoItem--vertical .AreaVideoItem__description__title,
.AreaVideoItem--vertical .AreaVideoItem__description__title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
a.AreaVideoItem--vertical .AreaVideoItem__description__text,
.AreaVideoItem--vertical .AreaVideoItem__description__text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
a.AreaVideoItem--vertical .AreaVideoItem__invoice,
.AreaVideoItem--vertical .AreaVideoItem__invoice {
  padding: 0 1em 1em;
}
a.AreaVideoItem--placeholder,
.AreaVideoItem--placeholder {
  animation: placeholderAnimation 3s infinite;
  min-width: 100%;
}
a.AreaVideoItem--placeholder.AreaVideoItem--horizontal .AreaVideoItem__figure,
.AreaVideoItem--placeholder.AreaVideoItem--horizontal .AreaVideoItem__figure {
  background-color: #FFF;
}
a.AreaVideoItem--placeholder.AreaVideoItem--horizontal .AreaVideoItem__description__ligne,
.AreaVideoItem--placeholder.AreaVideoItem--horizontal .AreaVideoItem__description__ligne {
  display: block;
  height: 1em;
  margin: 0 0 0.5em 0;
  background-color: #FFF;
  width: 100%;
  border-radius: 10px;
}
a.AreaVideoItem--placeholder.AreaVideoItem--horizontal .AreaVideoItem__description__ligne:last-child,
.AreaVideoItem--placeholder.AreaVideoItem--horizontal .AreaVideoItem__description__ligne:last-child {
  width: 80%;
}
a.AreaVideoItem--placeholder.AreaVideoItem--vertical .AreaVideoItem__figure,
.AreaVideoItem--placeholder.AreaVideoItem--vertical .AreaVideoItem__figure {
  background-color: transparent;
}
a.AreaVideoItem--live .AreaVideoItem__figure__badge.badge_live,
.AreaVideoItem--live .AreaVideoItem__figure__badge.badge_live {
  display: block;
}
a.AreaVideoItem--replay .AreaVideoItem__figure__badge.badge_replay,
.AreaVideoItem--replay .AreaVideoItem__figure__badge.badge_replay {
  display: block;
}

@media screen and (min-width: 426px) {
  a.AreaVideoItem--vertical,
.AreaVideoItem--vertical,
a.AreaAdItem--vertical,
.AreaAdItem--vertical {
    width: 204px;
  }
}
@media screen and (min-width: 769px) {
  a.AreaVideoItem--vertical,
.AreaVideoItem--vertical,
a.AreaAdItem--vertical,
.AreaAdItem--vertical {
    height: 264px;
    width: 245px;
  }
  a.AreaVideoItem--vertical__description__title,
.AreaVideoItem--vertical__description__title,
a.AreaAdItem--vertical__description__title,
.AreaAdItem--vertical__description__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  a.AreaVideoItem--vertical__description__text,
.AreaVideoItem--vertical__description__text,
a.AreaAdItem--vertical__description__text,
.AreaAdItem--vertical__description__text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
@keyframes placeholderAnimation {
  0% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    opacity: 0.8;
  }
}
a.AreaNewsItem,
.AreaNewsItem {
  display: flex;
  color: #3D4248;
  /**
   * VARIATIONS
   */
}
a.AreaNewsItem:hover, a.AreaNewsItem:active, a.AreaNewsItem:focus,
.AreaNewsItem:hover,
.AreaNewsItem:active,
.AreaNewsItem:focus {
  text-decoration: none;
  outline: none;
}
a.AreaNewsItem__figure,
.AreaNewsItem__figure {
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 5px;
  margin: 0;
  text-align: center;
  background-position: center;
  background-size: cover;
  background-color: #FFF;
}
a.AreaNewsItem__description,
.AreaNewsItem__description {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
a.AreaNewsItem__description__title,
.AreaNewsItem__description__title {
  display: inline-block;
  font-size: 0.8em;
  margin-top: 0.5em;
  letter-spacing: 0.35px;
  font-weight: 500;
  color: #3D4248;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
a.AreaNewsItem__description__text,
.AreaNewsItem__description__text {
  display: inline-block;
  font-size: 0.73em;
  letter-spacing: 0.33px;
  overflow: hidden;
  margin-bottom: 0;
  color: #3D4248;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
a.AreaNewsItem__description__badge,
.AreaNewsItem__description__badge {
  font-size: 0.5em;
  margin-right: 0.5em;
  color: #FFF;
}
a.AreaNewsItem__description__date,
.AreaNewsItem__description__date {
  font-size: 0.73em;
  color: #B6D4DB;
}
a.AreaNewsItem--horizontal,
.AreaNewsItem--horizontal {
  padding: 1.53em 1.33em;
  background-color: #FFF;
  border-radius: 5px;
  flex-direction: row;
  justify-content: stretch;
}
a.AreaNewsItem--horizontal .AreaNewsItem__figure,
.AreaNewsItem--horizontal .AreaNewsItem__figure {
  min-width: 90px;
}
a.AreaNewsItem--horizontal .AreaNewsItem__description,
.AreaNewsItem--horizontal .AreaNewsItem__description {
  padding-right: 1.33em;
}
a.AreaNewsItem--vertical,
.AreaNewsItem--vertical {
  flex-direction: column-reverse;
  justify-content: stretch;
  background-color: #FFF;
  border-radius: 5px;
  min-height: 264px;
}
a.AreaNewsItem--vertical:hover,
.AreaNewsItem--vertical:hover {
  background-color: #222222;
}
a.AreaNewsItem--vertical .AreaNewsItem__figure,
.AreaNewsItem--vertical .AreaNewsItem__figure {
  height: 50%;
  min-height: 132px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
a.AreaNewsItem--vertical .AreaNewsItem__description,
.AreaNewsItem--vertical .AreaNewsItem__description {
  padding: 1em;
  flex-direction: column;
}
a.AreaNewsItem--placeholder,
.AreaNewsItem--placeholder {
  animation: placeholderAnimation 1s infinite;
  min-width: 100%;
}
a.AreaNewsItem--placeholder.AreaNewsItem--horizontal .AreaNewsItem__figure,
.AreaNewsItem--placeholder.AreaNewsItem--horizontal .AreaNewsItem__figure {
  background-color: #FFF;
}
a.AreaNewsItem--placeholder.AreaNewsItem--horizontal .AreaNewsItem__description__ligne,
.AreaNewsItem--placeholder.AreaNewsItem--horizontal .AreaNewsItem__description__ligne {
  display: block;
  height: 1em;
  margin: 0 0 0.5em 0;
  background-color: #FFF;
  width: 100%;
  border-radius: 10px;
}
a.AreaNewsItem--placeholder.AreaNewsItem--horizontal .AreaNewsItem__description__ligne:last-child,
.AreaNewsItem--placeholder.AreaNewsItem--horizontal .AreaNewsItem__description__ligne:last-child {
  width: 80%;
}
a.AreaNewsItem--placeholder.AreaNewsItem--vertical .AreaNewsItem__figure,
.AreaNewsItem--placeholder.AreaNewsItem--vertical .AreaNewsItem__figure {
  background-color: transparent;
}

a.AreaChannelItem,
.AreaChannelItem {
  padding: 9px 20px 9px 13px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 600;
  border: 1px solid rgba(61, 66, 72, 0.08);
  background-color: transparent;
  transition: background 200ms ease-in-out;
  color: #3D4248;
  white-space: nowrap;
}
a.AreaChannelItem:hover,
.AreaChannelItem:hover {
  background-color: rgba(61, 66, 72, 0.06);
  text-decoration: none;
}
a.AreaChannelItem__badge,
.AreaChannelItem__badge {
  margin-right: 6px;
}

a.AreaCategoryItem,
.AreaCategoryItem {
  padding: 1em;
  font-size: 0.75em;
  letter-spacing: 0.3px;
  vertical-align: middle;
  background-color: rgba(213, 175, 212, 0.08);
  border: 0;
  border-radius: 5px;
  text-decoration: none;
  color: #3D4248;
  white-space: nowrap;
  cursor: pointer;
}
a.AreaCategoryItem:focus, a.AreaCategoryItem:hover,
.AreaCategoryItem:focus,
.AreaCategoryItem:hover {
  outline: none;
  color: #3D4248;
  text-decoration: none;
  background-color: rgba(213, 175, 212, 0.1);
}

.AreaOtherCategories {
  position: absolute;
  overflow: visible;
}
.AreaOtherCategories .AreaOtherCategories__content {
  display: flex;
  width: auto;
  position: relative;
  justify-items: stretch;
  justify-content: stretch;
  align-items: stretch;
  flex-direction: column;
  background-color: #2A502B;
  top: -50%;
  left: -100%;
  overflow-y: auto;
}
.AreaOtherCategories .AreaOtherCategories__content a.AreaCategoryItem,
.AreaOtherCategories .AreaOtherCategories__content .AreaCategoryItem {
  border-radius: 0;
  background: none;
}
.AreaOtherCategories .AreaOtherCategories__content a.AreaCategoryItem:focus, .AreaOtherCategories .AreaOtherCategories__content a.AreaCategoryItem:hover,
.AreaOtherCategories .AreaOtherCategories__content .AreaCategoryItem:focus,
.AreaOtherCategories .AreaOtherCategories__content .AreaCategoryItem:hover {
  background-color: rgba(213, 175, 212, 0.08);
}

@keyframes placeholderAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
a.AreaAdItem,
.AreaAdItem {
  display: flex;
  color: #3D4248;
  text-decoration: none;
  cursor: pointer;
  /**
   * VARIATIONS
   */
}
a.AreaAdItem:hover, a.AreaAdItem:active, a.AreaAdItem:focus,
.AreaAdItem:hover,
.AreaAdItem:active,
.AreaAdItem:focus {
  text-decoration: none;
  outline: none;
}
a.AreaAdItem__figure,
.AreaAdItem__figure {
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  margin: 0;
  border-radius: 5px;
  text-align: center;
  background-position: center;
  background-size: cover;
  background-color: #FFF;
}
a.AreaAdItem__figure__backdrop,
.AreaAdItem__figure__backdrop {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.7);
  transition: opacity 300ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
a.AreaAdItem__figure__type,
.AreaAdItem__figure__type {
  position: absolute;
  bottom: 1em;
  left: 1em;
  font-weight: 500;
  font-size: 0.6em;
}
a.AreaAdItem__figure__type svg,
.AreaAdItem__figure__type svg {
  font-size: 1.4em;
  vertical-align: text-bottom;
}
a.AreaAdItem__description,
.AreaAdItem__description {
  display: flex;
  flex-grow: 1;
}
a.AreaAdItem__description__title,
.AreaAdItem__description__title {
  font-size: 0.8em;
  margin: 0.5em 0 0 0;
  letter-spacing: 0.3px;
  font-weight: 500;
  line-height: 1.2em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
a.AreaAdItem__description__text,
.AreaAdItem__description__text {
  font-size: 0.73em;
  margin: 0.5em 0 0.5em 0;
  letter-spacing: 0.35px;
  line-height: 1.28em;
  color: #848484;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
a.AreaAdItem__description__watch_link,
.AreaAdItem__description__watch_link {
  padding: 1em;
  font-size: 0.75em;
  letter-spacing: 0.3px;
  vertical-align: middle;
  background-color: rgba(194, 189, 183, 0.08);
  border-radius: 5px;
  text-decoration: none;
  color: #3D4248;
  align-self: start;
}
a.AreaAdItem__description__watch_link svg,
.AreaAdItem__description__watch_link svg {
  vertical-align: baseline;
  margin-right: 1em;
  font-size: 0.8em;
}
a.AreaAdItem__description__watch_link:hover,
.AreaAdItem__description__watch_link:hover {
  background-color: rgba(194, 189, 183, 0.1);
}
a.AreaAdItem--horizontal,
.AreaAdItem--horizontal {
  flex-direction: row;
  justify-content: stretch;
  min-height: 97px;
  max-width: 650px;
}
a.AreaAdItem--horizontal .AreaAdItem__figure,
.AreaAdItem--horizontal .AreaAdItem__figure {
  width: 150px;
}
a.AreaAdItem--horizontal .AreaAdItem__description,
.AreaAdItem--horizontal .AreaAdItem__description {
  padding-left: 1em;
  flex-direction: column;
}
a.AreaAdItem--vertical,
.AreaAdItem--vertical {
  flex-direction: column;
  justify-content: stretch;
  background-color: #FFF;
  border-radius: 5px;
  width: 204px;
  min-height: 264px;
}
a.AreaAdItem--vertical:hover,
.AreaAdItem--vertical:hover {
  background-color: #222222;
}
a.AreaAdItem--vertical .AreaAdItem__figure,
.AreaAdItem--vertical .AreaAdItem__figure {
  height: 50%;
  min-height: 132px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
a.AreaAdItem--vertical .AreaAdItem__description,
.AreaAdItem--vertical .AreaAdItem__description {
  padding: 1em;
  flex-direction: column;
}
a.AreaAdItem--vertical .AreaAdItem__description__title,
.AreaAdItem--vertical .AreaAdItem__description__title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
a.AreaAdItem--vertical .AreaAdItem__description__text,
.AreaAdItem--vertical .AreaAdItem__description__text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

@media screen and (min-width: 426px) {
  a.AreaAdItem--vertical,
.AreaAdItem--vertical {
    width: 204px;
  }
}
@media screen and (min-width: 769px) {
  a.AreaAdItem--vertical,
.AreaAdItem--vertical {
    height: 264px;
    width: 245px;
  }
  a.AreaAdItem--vertical__description__title,
.AreaAdItem--vertical__description__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  a.AreaAdItem--vertical__description__text,
.AreaAdItem--vertical__description__text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
@keyframes placeholderAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
a.AreaBannerItem,
.AreaBannerItem {
  display: flex;
  color: #FFF;
  text-decoration: none;
  cursor: pointer;
  /**
   * VARIATIONS
   */
}
a.AreaBannerItem:hover, a.AreaBannerItem:active, a.AreaBannerItem:focus,
.AreaBannerItem:hover,
.AreaBannerItem:active,
.AreaBannerItem:focus {
  text-decoration: none;
  outline: none;
}
a.AreaBannerItem__figure,
.AreaBannerItem__figure {
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  margin: 0;
  border-radius: 5px;
  text-align: center;
  background-position: center;
  background-size: cover;
  background-color: #19301A;
  color: #FFF;
}
a.AreaBannerItem__figure__backdrop,
.AreaBannerItem__figure__backdrop {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 300ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
a.AreaBannerItem__description,
.AreaBannerItem__description {
  display: flex;
  flex-grow: 1;
}
a.AreaBannerItem__description__title,
.AreaBannerItem__description__title {
  font-size: 0.8em;
  margin: 0;
  letter-spacing: 0.3px;
  font-weight: 500;
  line-height: 1.2em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
a.AreaBannerItem__description__text,
.AreaBannerItem__description__text {
  font-size: 0.73em;
  margin: 0.5em 0 0.5em 0;
  letter-spacing: 0.35px;
  line-height: 1.28em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
a.AreaBannerItem--vertical,
.AreaBannerItem--vertical {
  flex-direction: column;
  justify-content: stretch;
  border-radius: 5px;
  width: 150px;
}
a.AreaBannerItem--vertical .AreaBannerItem__figure,
.AreaBannerItem--vertical .AreaBannerItem__figure {
  min-height: 97px;
}
a.AreaBannerItem--vertical .AreaBannerItem__description,
.AreaBannerItem--vertical .AreaBannerItem__description {
  padding: 0.5em 0;
  flex-direction: column;
}
a.AreaBannerItem--vertical .AreaBannerItem__description__title,
.AreaBannerItem--vertical .AreaBannerItem__description__title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
a.AreaBannerItem--vertical .AreaBannerItem__description__text,
.AreaBannerItem--vertical .AreaBannerItem__description__text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  display: none;
}
a.AreaBannerItem--placeholder,
.AreaBannerItem--placeholder {
  animation: placeholderAnimation 3s infinite;
  min-width: 100%;
}
a.AreaBannerItem--placeholder.AreaBannerItem--vertical .AreaBannerItem__figure,
.AreaBannerItem--placeholder.AreaBannerItem--vertical .AreaBannerItem__figure {
  background-color: transparent;
}
a.AreaBannerItem--video:hover .AreaBannerItem__figure__backdrop, a.AreaBannerItem--news:hover .AreaBannerItem__figure__backdrop,
.AreaBannerItem--video:hover .AreaBannerItem__figure__backdrop,
.AreaBannerItem--news:hover .AreaBannerItem__figure__backdrop {
  opacity: 1;
}
a.AreaBannerItem--video:hover .AreaBannerItem__description, a.AreaBannerItem--news:hover .AreaBannerItem__description,
.AreaBannerItem--video:hover .AreaBannerItem__description,
.AreaBannerItem--news:hover .AreaBannerItem__description {
  position: absolute;
  bottom: 3em;
  width: 100%;
  padding: 9px;
  font-size: 0.8em;
}
a.AreaBannerItem--video:hover .AreaBannerItem__description__text, a.AreaBannerItem--news:hover .AreaBannerItem__description__text,
.AreaBannerItem--video:hover .AreaBannerItem__description__text,
.AreaBannerItem--news:hover .AreaBannerItem__description__text {
  display: -webkit-box;
}

@media screen and (min-width: 426px) {
  a.AreaBannerItem--vertical,
.AreaBannerItem--vertical {
    width: 257px;
  }
  a.AreaBannerItem--vertical .AreaBannerItem__figure,
.AreaBannerItem--vertical .AreaBannerItem__figure {
    min-height: 165px;
  }
}
@media screen and (min-width: 769px) {
  a.AreaBannerItem--vertical,
.AreaBannerItem--vertical {
    width: 322px;
  }
  a.AreaBannerItem--vertical__figure,
.AreaBannerItem--vertical__figure {
    min-height: 229px;
  }
}
@media screen and (min-width: 990px) {
  a.AreaBannerItem--vertical,
.AreaBannerItem--vertical {
    width: 23vw;
  }
  a.AreaBannerItem--vertical__figure,
.AreaBannerItem--vertical__figure {
    min-height: 229px;
  }
}
.AreaLive .AreaHeader__titles__main .icon {
  font-size: 0.6em;
  vertical-align: baseline;
  margin-right: 0.5em;
}
.AreaLive .Slider__wrapper__container__item {
  max-width: 85vw;
  max-height: 100vh;
}
.AreaLive .Slider__wrapper__container__item_spacer {
  flex-shrink: 0;
  width: 1px;
  background: rgba(132, 132, 132, 0.2);
  margin: 0 2em;
}
.AreaLive a.AreaVideoItem--horizontal a.AreaVideoItem,
.AreaLive a.AreaVideoItem--horizontal .AreaVideoItem,
.AreaLive .AreaVideoItem--horizontal a.AreaVideoItem,
.AreaLive .AreaVideoItem--horizontal .AreaVideoItem {
  height: 97px;
  cursor: pointer;
  background: transparent;
}
.AreaLive a.AreaVideoItem--horizontal a.AreaVideoItem__figure,
.AreaLive a.AreaVideoItem--horizontal .AreaVideoItem__figure,
.AreaLive .AreaVideoItem--horizontal a.AreaVideoItem__figure,
.AreaLive .AreaVideoItem--horizontal .AreaVideoItem__figure {
  width: 150px;
}
.AreaLive a.AreaVideoItem--horizontal a.AreaVideoItem__figure__badge,
.AreaLive a.AreaVideoItem--horizontal .AreaVideoItem__figure__badge,
.AreaLive .AreaVideoItem--horizontal a.AreaVideoItem__figure__badge,
.AreaLive .AreaVideoItem--horizontal .AreaVideoItem__figure__badge {
  font-size: 0.5em;
}
.AreaLive a.AreaVideoItem--horizontal a.AreaVideoItem__figure__rating, .AreaLive a.AreaVideoItem--horizontal a.AreaVideoItem__figure__from_now,
.AreaLive a.AreaVideoItem--horizontal .AreaVideoItem__figure__rating,
.AreaLive a.AreaVideoItem--horizontal .AreaVideoItem__figure__from_now,
.AreaLive .AreaVideoItem--horizontal a.AreaVideoItem__figure__rating,
.AreaLive .AreaVideoItem--horizontal a.AreaVideoItem__figure__from_now,
.AreaLive .AreaVideoItem--horizontal .AreaVideoItem__figure__rating,
.AreaLive .AreaVideoItem--horizontal .AreaVideoItem__figure__from_now {
  display: none;
}
.AreaLive a.AreaVideoItem--horizontal a.AreaVideoItem__description__title,
.AreaLive a.AreaVideoItem--horizontal .AreaVideoItem__description__title,
.AreaLive .AreaVideoItem--horizontal a.AreaVideoItem__description__title,
.AreaLive .AreaVideoItem--horizontal .AreaVideoItem__description__title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 1em;
}
.AreaLive a.AreaVideoItem--horizontal a.AreaVideoItem__description__date,
.AreaLive a.AreaVideoItem--horizontal .AreaVideoItem__description__date,
.AreaLive .AreaVideoItem--horizontal a.AreaVideoItem__description__date,
.AreaLive .AreaVideoItem--horizontal .AreaVideoItem__description__date {
  font-size: 0.65em;
}
.AreaLive a.AreaVideoItem--horizontal a.AreaVideoItem__description__text,
.AreaLive a.AreaVideoItem--horizontal .AreaVideoItem__description__text,
.AreaLive .AreaVideoItem--horizontal a.AreaVideoItem__description__text,
.AreaLive .AreaVideoItem--horizontal .AreaVideoItem__description__text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.7em;
}
.AreaLive a.AreaVideoItem--horizontal a.AreaVideoItem__description__watch_link,
.AreaLive a.AreaVideoItem--horizontal .AreaVideoItem__description__watch_link,
.AreaLive .AreaVideoItem--horizontal a.AreaVideoItem__description__watch_link,
.AreaLive .AreaVideoItem--horizontal .AreaVideoItem__description__watch_link {
  display: none;
  padding: 1em;
  font-size: 0.6em;
}
.AreaLive a.AreaVideoItem--horizontal a.AreaVideoItem__description__rating,
.AreaLive a.AreaVideoItem--horizontal .AreaVideoItem__description__rating,
.AreaLive .AreaVideoItem--horizontal a.AreaVideoItem__description__rating,
.AreaLive .AreaVideoItem--horizontal .AreaVideoItem__description__rating {
  display: none;
}
.AreaLive a.AreaVideoItem--placeholder,
.AreaLive .AreaVideoItem--placeholder {
  min-width: 300px;
}

@media screen and (min-width: 426px) {
  .AreaLive .AreaHeader__content__titles {
    margin-top: 23px;
  }
  .AreaLive .AreaHeader__content__titles__main {
    font-size: 24px;
    line-height: 24px;
  }
  .AreaLive .AreaHeader__content__titles__secondary {
    font-size: 14px;
    line-height: 14px;
  }
  .AreaLive a.AreaVideoItem--horizontal,
.AreaLive .AreaVideoItem--horizontal {
    height: 165px;
    font-size: 16px;
  }
  .AreaLive a.AreaVideoItem--horizontal a.AreaVideoItem__figure,
.AreaLive a.AreaVideoItem--horizontal .AreaVideoItem__figure,
.AreaLive .AreaVideoItem--horizontal a.AreaVideoItem__figure,
.AreaLive .AreaVideoItem--horizontal .AreaVideoItem__figure {
    width: 257px;
  }
  .AreaLive a.AreaVideoItem--horizontal a.AreaVideoItem__description__title,
.AreaLive a.AreaVideoItem--horizontal .AreaVideoItem__description__title,
.AreaLive .AreaVideoItem--horizontal a.AreaVideoItem__description__title,
.AreaLive .AreaVideoItem--horizontal .AreaVideoItem__description__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 1em;
  }
  .AreaLive a.AreaVideoItem--horizontal a.AreaVideoItem__description__text,
.AreaLive a.AreaVideoItem--horizontal .AreaVideoItem__description__text,
.AreaLive .AreaVideoItem--horizontal a.AreaVideoItem__description__text,
.AreaLive .AreaVideoItem--horizontal .AreaVideoItem__description__text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 0.7em;
  }
  .AreaLive a.AreaVideoItem--horizontal a.AreaVideoItem__description__watch_link,
.AreaLive a.AreaVideoItem--horizontal .AreaVideoItem__description__watch_link,
.AreaLive .AreaVideoItem--horizontal a.AreaVideoItem__description__watch_link,
.AreaLive .AreaVideoItem--horizontal .AreaVideoItem__description__watch_link {
    display: inline-block;
  }
  .AreaLive a.AreaVideoItem--horizontal a.AreaVideoItem--placeholder,
.AreaLive a.AreaVideoItem--horizontal .AreaVideoItem--placeholder,
.AreaLive .AreaVideoItem--horizontal a.AreaVideoItem--placeholder,
.AreaLive .AreaVideoItem--horizontal .AreaVideoItem--placeholder {
    min-width: 650px;
  }
  .AreaLive a.AreaVideoItem--placeholder,
.AreaLive .AreaVideoItem--placeholder {
    min-width: 650px;
  }
}
@media screen and (min-width: 769px) {
  .AreaLive .AreaHeader__content__titles {
    margin-top: 23px;
  }
  .AreaLive .AreaHeader__content__titles__main {
    font-size: 32px;
    line-height: 32px;
  }
  .AreaLive .AreaHeader__content__titles__secondary {
    font-size: 16px;
    line-height: 16px;
  }
  .AreaLive a.AreaVideoItem--horizontal,
.AreaLive .AreaVideoItem--horizontal {
    height: 207px;
    font-size: 20px;
  }
  .AreaLive a.AreaVideoItem--horizontal a.AreaVideoItem__figure,
.AreaLive a.AreaVideoItem--horizontal .AreaVideoItem__figure,
.AreaLive .AreaVideoItem--horizontal a.AreaVideoItem__figure,
.AreaLive .AreaVideoItem--horizontal .AreaVideoItem__figure {
    width: 322px;
  }
}
.AreaNews {
  clear: both;
}
.AreaNews .Preloader {
  background-color: #FFF;
  flex-shrink: 0;
  height: 100%;
  overflow: hidden;
  margin: 0;
  border-radius: 5px;
}
.AreaNews a.AreaNewsItem__description__date,
.AreaNews .AreaNewsItem__description__date {
  font-size: 11px;
  margin-left: 6px;
  white-space: nowrap;
}
.AreaNews a.AreaNewsItem--vertical,
.AreaNews .AreaNewsItem--vertical {
  width: 204px;
}
.AreaNews a.AreaNewsItem--vertical .AreaNewsItem__description__channel,
.AreaNews .AreaNewsItem--vertical .AreaNewsItem__description__channel {
  margin-top: 0;
}

@media screen and (min-width: 769px) {
  .AreaNews a.AreaNewsItem--horizontal,
.AreaNews .AreaNewsItem--horizontal {
    width: 393px;
  }
  .AreaNews a.AreaNewsItem--horizontal__description__date,
.AreaNews .AreaNewsItem--horizontal__description__date {
    font-size: 13px;
    margin-left: 6px;
  }
}
@media screen and (min-width: 990px) {
  .AreaNews .Preloader {
    width: 245px;
  }
  .AreaNews a.AreaNewsItem--horizontal,
.AreaNews .AreaNewsItem--horizontal {
    width: 470px;
  }
  .AreaNews a.AreaNewsItem--horizontal__description__date,
.AreaNews .AreaNewsItem--horizontal__description__date {
    font-size: 13px;
    margin-left: 6px;
  }
}
.AreaNextLive {
  clear: both;
}
.AreaNextLive .Slider--horizontal {
  overflow: visible;
}
.AreaNextLive .Slider--horizontal:hover, .AreaNextLive .Slider--horizontal:active {
  z-index: 1000;
}
.AreaNextLive .Slider--horizontal .Slider__wrapper__container__item {
  transition: transform 300ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.AreaNextLive .Slider--horizontal .Slider__wrapper__container__item:hover, .AreaNextLive .Slider--horizontal .Slider__wrapper__container__item:active {
  transform: scale(1.1);
  box-shadow: 0 1em 1.5em 0.2em rgba(0, 0, 0, 0.1);
  z-index: 2;
}
@media screen and (min-width: 426px) {
  .AreaNextLive .Slider--horizontal .Slider__wrapper__container__item:hover, .AreaNextLive .Slider--horizontal .Slider__wrapper__container__item:active {
    transform: scale(1.15);
  }
}

.AreaQuickAccess {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-end;
  margin: 28px 0 28px 0;
}

.AreaReplay .Slider--horizontal {
  overflow: visible;
}
.AreaReplay .Slider--horizontal:hover, .AreaReplay .Slider--horizontal:active {
  z-index: 1000;
}
.AreaReplay .Slider--horizontal .Slider__wrapper__container__item {
  transition: transform 300ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.AreaReplay .Slider--horizontal .Slider__wrapper__container__item:hover, .AreaReplay .Slider--horizontal .Slider__wrapper__container__item:active {
  transform: scale(1.1);
  box-shadow: 0 1em 1.5em 0.2em rgba(0, 0, 0, 0.1);
  z-index: 2;
}
@media screen and (min-width: 426px) {
  .AreaReplay .Slider--horizontal .Slider__wrapper__container__item:hover, .AreaReplay .Slider--horizontal .Slider__wrapper__container__item:active {
    transform: scale(1.15);
  }
}

.AreaRelated .Slider--horizontal {
  overflow: visible;
}
.AreaRelated .Slider--horizontal:hover, .AreaRelated .Slider--horizontal:active {
  z-index: 1000;
}
.AreaRelated .Slider--horizontal .Slider__wrapper__container__item {
  transition: transform 300ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.AreaRelated .Slider--horizontal .Slider__wrapper__container__item:hover, .AreaRelated .Slider--horizontal .Slider__wrapper__container__item:active {
  transform: scale(1.1);
  box-shadow: 0 1em 1.5em 0.2em rgba(0, 0, 0, 0.1);
  z-index: 2;
}
@media screen and (min-width: 426px) {
  .AreaRelated .Slider--horizontal .Slider__wrapper__container__item:hover, .AreaRelated .Slider--horizontal .Slider__wrapper__container__item:active {
    transform: scale(1.15);
  }
}
.AreaRelated a.AreaVideoItem--horizontal,
.AreaRelated .AreaVideoItem--horizontal,
.AreaRelated .AreaAdItem--horizontal {
  background-color: #FFF;
}
.AreaRelated a.AreaVideoItem--horizontal .AreaVideoItem__description,
.AreaRelated .AreaVideoItem--horizontal .AreaVideoItem__description,
.AreaRelated .AreaAdItem--horizontal .AreaVideoItem__description {
  padding: 1em;
}
.AreaRelated a.AreaVideoItem--horizontal .AreaVideoItem__description__text,
.AreaRelated .AreaVideoItem--horizontal .AreaVideoItem__description__text,
.AreaRelated .AreaAdItem--horizontal .AreaVideoItem__description__text {
  display: none;
}
.AreaRelated a.AreaVideoItem--horizontal .AreaVideoItem__description__channel,
.AreaRelated .AreaVideoItem--horizontal .AreaVideoItem__description__channel,
.AreaRelated .AreaAdItem--horizontal .AreaVideoItem__description__channel {
  margin-top: 0;
}
.AreaRelated a.AreaVideoItem--horizontal .AreaAdItem__description,
.AreaRelated .AreaVideoItem--horizontal .AreaAdItem__description,
.AreaRelated .AreaAdItem--horizontal .AreaAdItem__description {
  padding: 1em;
}

@media screen and (min-width: 426px) {
  .AreaRelated a.AreaVideoItem--horizontal,
.AreaRelated .AreaVideoItem--horizontal,
.AreaRelated .AreaAdItem--horizontal {
    height: 111px;
    width: auto;
    max-width: 100%;
  }
}
@media screen and (min-width: 990px) {
  .AreaRelated {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
}
.AreaBanner {
  position: relative;
  display: flex;
  flex-direction: column;
}
.AreaBanner .Slider--horizontal {
  overflow: visible;
}
.AreaBanner .Slider--horizontal:hover, .AreaBanner .Slider--horizontal:active {
  z-index: 1000;
}
.AreaBanner .Slider--horizontal .Slider__wrapper__container__item {
  transition: transform 300ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.AreaBanner .Slider--horizontal .Slider__wrapper__container__item:hover, .AreaBanner .Slider--horizontal .Slider__wrapper__container__item:active {
  transform: scale(1.1);
  box-shadow: 0 1em 1.5em 0.2em rgba(0, 0, 0, 0.1);
  z-index: 2;
}
@media screen and (min-width: 426px) {
  .AreaBanner .Slider--horizontal .Slider__wrapper__container__item:hover, .AreaBanner .Slider--horizontal .Slider__wrapper__container__item:active {
    transform: scale(1.15);
  }
}
.AreaBanner .Slider {
  order: -1;
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #2A502B;
}
.AreaBanner .Slider--horizontal .Slider__wrapper__container__item:hover {
  overflow: visible;
  box-shadow: none;
}
.AreaBanner .Slider--horizontal .Slider__wrapper__container__item:hover figure {
  box-shadow: 0 1em 1.5em 0.2em rgba(0, 0, 0, 0.1);
}
.AreaBanner .Slider--horizontal .Slider__wrapper__container__item figure {
  box-shadow: 0px 1px 19px 7px rgba(0, 0, 0, 0.2);
}
.AreaBanner__featured {
  display: flex;
  order: -2;
  text-decoration: none;
  color: inherit;
}
.AreaBanner__featured:hover {
  text-decoration: none;
  color: inherit;
}
.AreaBanner__featured__backdrop {
  position: absolute;
  z-index: -1;
  top: 0;
  height: 200px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.AreaBanner__featured__content {
  margin-top: 182px;
  padding: 36px 18px 18px 18px;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  background: #f5f5f5;
}
.AreaBanner__featured__content__titles {
  flex-grow: 0;
}
.AreaBanner__featured__content__titles__main {
  color: #141414;
  font-size: 16px;
  line-height: 16px;
  font-weight: 700;
}
.AreaBanner__featured__content__titles__secondary {
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0.35px;
  font-weight: normal;
  color: #848484;
}
.AreaBanner__featured__content__more_link {
  padding: 1em;
  font-size: 1em;
  letter-spacing: 0.3px;
  vertical-align: middle;
  background-color: #D5A542;
  border-radius: 5px;
  text-decoration: none;
  color: #FFF;
  align-self: start;
}
.AreaBanner__featured__content__more_link svg {
  vertical-align: baseline;
  margin-right: 1em;
  font-size: 0.8em;
}
.AreaBanner__featured__content__more_link:hover {
  background-color: rgba(213, 165, 66, 0.9);
  color: #FFF;
  text-decoration: none;
}

@media screen and (min-width: 426px) {
  .AreaBanner__featured__backdrop {
    position: absolute;
    height: 300px;
    width: 100%;
  }
  .AreaBanner__featured__content {
    margin-top: 0;
    height: 300px;
    padding: 0 50% 0 26px;
    background: linear-gradient(to right, #f5f5f5, #f5f5f5 50%, transparent 50%, transparent 100%), linear-gradient(to top, #FFF, #FFF 0, transparent 0px, transparent 100%);
  }
  .AreaBanner__featured__content__titles {
    padding-right: 26px;
  }
  .AreaBanner__featured__content__titles__main {
    font-size: 20px;
    line-height: 20px;
    color: #141414;
  }
  .AreaBanner__featured__content__titles__secondary {
    font-size: 14px;
    line-height: 14px;
    margin: 1.5em 0;
  }
}
@media screen and (min-width: 769px) {
  .AreaBanner__featured__backdrop {
    height: 360px;
    width: 60%;
    right: 0;
  }
  .AreaBanner__featured__content {
    padding: 0 50% 0 56px;
    height: 360px;
  }
  .AreaBanner__featured__content__titles {
    padding: 1em 56px;
  }
  .AreaBanner__featured__content__titles__main {
    font-size: 35px;
    line-height: 35px;
    color: #141414;
  }
  .AreaBanner__featured__content__more_link {
    margin-left: 56px;
  }
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: all 0s 50000s;
  color: inherit;
}

.Form {
  margin: 0.5em -0.5em;
}
.Form__row {
  display: flex;
  flex-direction: column;
  font-size: 14px;
}
.Form__row__field {
  display: flex;
}
.Form__row__error {
  text-align: right;
  color: #EA1E2E;
  font-size: 0.75em;
}
.Form__row input,
.Form__row textarea {
  background: none;
  border: 0;
  border-bottom: 1px solid #272727;
  color: #3D4248;
  min-height: 3em;
}
.Form__row input::placeholder,
.Form__row textarea::placeholder {
  color: #848484;
}
.Form__row input:focus,
.Form__row textarea:focus {
  outline: none;
  border-bottom: 1px solid #3D4248;
}
.Form__row__with_icon {
  background-repeat: no-repeat;
  background-position: 0.5em 1.35em;
  background-size: 1em 1em;
}
.Form__row__with_icon input,
.Form__row__with_icon textarea {
  padding-left: 2em;
}
.Form__error {
  color: #EA1E2E;
  flex-basis: 100%;
}
.Form__error input,
.Form__error textarea {
  border-bottom: 1px solid #EA1E2E;
}
.Form__error input:focus,
.Form__error textarea:focus {
  border-bottom: 1px solid #EA1E2E;
}
.Form__success {
  flex-basis: 100%;
}

.Switch__label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  width: 1.75em;
  height: 0.75em;
  background: #848484;
  border-radius: 0.75em;
  position: relative;
  transition: background-color 0.2s;
}
.Switch__label__button {
  content: "";
  position: absolute;
  top: -0.25em;
  left: -0.25em;
  width: 1.2em;
  height: 1.2em;
  border-radius: 1.1em;
  transition: 0.2s;
  background: #848484;
  box-shadow: 0 0 2px 0 rgba(10, 10, 10, 0.4);
}
.Switch--checked .Switch__label {
  background: #B6D4DB;
}
.Switch--checked .Switch__label .Switch__label__button {
  background: #B6D4DB;
  left: calc(100% + 0.3em);
  transform: translateX(-100%);
}

.FormLogin {
  min-width: 320px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: 0;
}
.FormLogin .Form__row {
  flex-basis: 50%;
  flex-grow: 1;
  padding: 0.5em;
  height: 8vh;
}
.FormLogin .Form__row input,
.FormLogin .Form__row textarea {
  width: 100%;
}
.FormLogin .Form__error,
.FormLogin .Form__success {
  padding: 0.5em;
}
.FormLogin__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5em;
  width: 100%;
}
.FormLogin__footer__connexionInscription {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 15px;
  padding-top: 10px;
  border-top: 2px solid #272727;
  width: auto;
}
.FormLogin__footer__connexionInscription__label {
  font-size: 13px;
}
.FormLogin__footer__link {
  background: none;
  border: none;
  display: inline;
  color: inherit;
  font-size: 0.8em;
}
.FormLogin__footer__link:hover, .FormLogin__footer__link:active {
  color: #71CADF;
  outline: none;
}
.FormLogin__footer__submit {
  padding: 1em;
  font-size: 0.75em;
  letter-spacing: 0.3px;
  vertical-align: middle;
  background-color: rgba(18, 50, 57, 0.8);
  border-radius: 5px;
  text-decoration: none;
  color: #3D4248;
  border: 0;
  margin-left: 1em;
}
.FormLogin__footer__submit:hover {
  background-color: rgba(18, 50, 57, 0.7);
}

.FormRegister {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0;
}
.FormRegister .Form__row {
  flex-basis: 50%;
  flex-grow: 1;
  padding: 0.5em;
  height: 8.2vh;
}
.FormRegister .Form__row input,
.FormRegister .Form__row textarea {
  width: 100%;
}
.FormRegister .Form__error,
.FormRegister .Form__success {
  padding: 0.5em;
}
.FormRegister__submit {
  flex-basis: 100%;
  display: flex;
  justify-content: flex-end;
}
.FormRegister__submit button {
  padding: 1em;
  font-size: 0.75em;
  letter-spacing: 0.3px;
  vertical-align: middle;
  background-color: rgba(18, 50, 57, 0.8);
  border-radius: 5px;
  text-decoration: none;
  color: #3D4248;
  border: 0;
  margin-right: 1em;
}
.FormRegister__submit button:hover {
  background-color: rgba(18, 50, 57, 0.7);
}

.FormMyInfos {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.FormMyInfos .Form__row {
  flex-basis: 50%;
  flex-grow: 1;
  padding: 0.5em;
}
.FormMyInfos .Form__row input,
.FormMyInfos .Form__row textarea {
  width: 100%;
}
.FormMyInfos .Form__error,
.FormMyInfos .Form__success {
  padding: 0.5em;
}
.FormMyInfos__submit {
  flex-basis: 100%;
  padding: 0.5em;
}
.FormMyInfos__submit button {
  padding: 1em;
  font-size: 0.75em;
  letter-spacing: 0.3px;
  vertical-align: middle;
  background-color: rgba(194, 189, 183, 0.08);
  border-radius: 5px;
  text-decoration: none;
  color: #3D4248;
  border: 0;
  align-self: start;
}
.FormMyInfos__submit button:hover {
  background-color: rgba(194, 189, 183, 0.1);
}

.FormMyNotifications .Form__row {
  flex-basis: 50%;
  flex-grow: 1;
  padding: 0.5em;
}
.FormMyNotifications .Form__row input,
.FormMyNotifications .Form__row textarea {
  width: 100%;
}
.FormMyNotifications .Form__error,
.FormMyNotifications .Form__success {
  padding: 0.5em;
}
.FormMyNotifications__channel__title {
  border-bottom: 1px solid #272727;
  padding: 0.75em 0;
}
.FormMyNotifications__channel .Form__row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #272727;
  padding: 0.75em 13px 0.75em 19px;
}
.FormMyNotifications__channel .Form__row label {
  margin-bottom: 0;
  margin-right: 0.5em;
}
.FormMyNotifications__submit {
  flex-basis: 100%;
  padding: 0.5em;
}
.FormMyNotifications__submit button {
  padding: 1em;
  font-size: 0.75em;
  letter-spacing: 0.3px;
  vertical-align: middle;
  background-color: rgba(194, 189, 183, 0.08);
  border-radius: 5px;
  text-decoration: none;
  color: #3D4248;
  border: 0;
  align-self: start;
}
.FormMyNotifications__submit button:hover {
  background-color: rgba(194, 189, 183, 0.1);
}

.FormMyPassword {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.FormMyPassword .Form__row {
  flex-basis: 100%;
  flex-grow: 1;
  padding: 0.5em;
}
.FormMyPassword .Form__row input,
.FormMyPassword .Form__row textarea {
  width: 100%;
}
.FormMyPassword .Form__error,
.FormMyPassword .Form__success {
  padding: 0.5em;
}
.FormMyPassword__submit {
  flex-basis: 100%;
  padding: 0.5em;
}
.FormMyPassword__submit button {
  padding: 1em;
  font-size: 0.75em;
  letter-spacing: 0.3px;
  vertical-align: middle;
  background-color: rgba(194, 189, 183, 0.08);
  border-radius: 5px;
  text-decoration: none;
  color: #3D4248;
  border: 0;
  align-self: start;
}
.FormMyPassword__submit button:hover {
  background-color: rgba(194, 189, 183, 0.1);
}

.FormRequestResetPassword {
  display: flex;
  min-width: 460px;
  flex-direction: column;
  flex-wrap: nowrap;
  margin: 0;
}
.FormRequestResetPassword .Form__row {
  flex-basis: 100%;
  flex-grow: 1;
  padding: 0.5em;
}
.FormRequestResetPassword .Form__row input,
.FormRequestResetPassword .Form__row textarea {
  width: 100%;
}
.FormRequestResetPassword .Form__error,
.FormRequestResetPassword .Form__success {
  padding: 0.5em;
}
.FormRequestResetPassword__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5em;
}
.FormRequestResetPassword__footer__link, .FormRequestResetPassword__footer__submit {
  padding: 1em;
  font-size: 0.75em;
  letter-spacing: 0.3px;
  vertical-align: middle;
  background-color: rgba(18, 50, 57, 0.8);
  border-radius: 5px;
  text-decoration: none;
  color: #3D4248;
  border: 0;
}
.FormRequestResetPassword__footer__link:hover, .FormRequestResetPassword__footer__submit:hover {
  background-color: rgba(18, 50, 57, 0.7);
}

.FormCheckout {
  --stripe-colorPrimary: #3D4248;
  --stripe-colorBackground: #FFF;
  --stripe-fontFamily: Roboto, Roboto-fallback, sans-serif;
}
.FormCheckout__cgu {
  margin: 1em 0;
}
.FormCheckout__cgu a {
  color: #3D4248;
  text-decoration: underline;
}
.FormCheckout__footer {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.FormCheckout__choice {
  display: flex;
  flex-direction: column;
}
.FormCheckout__choice a {
  display: flex !important;
  flex-direction: row;
  justify-content: space-between;
}
.FormCheckout__choice__title {
  font-size: 1.2em;
  font-weight: 600;
  padding-left: 0.25em;
}
.FormCheckout__choice__subtitle {
  font-size: 0.85em;
  color: rgba(255, 255, 255, 0.5);
}
.FormCheckout__choice__groups {
  margin-top: 1em;
  display: flex;
  flex-direction: column;
}
.FormCheckout__choice__item {
  color: white;
  padding: 0.7em;
  margin: 0.2em 0;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.08);
  font-weight: 500;
  transition-duration: 0.1s;
}
.FormCheckout__choice__item > span > span {
  font-weight: 600;
}
.FormCheckout__choice__item:hover {
  text-decoration: none;
  color: white;
  background-color: rgba(255, 255, 255, 0.15);
}
.FormCheckout__submit {
  display: flex;
  justify-content: flex-end;
  padding: 0.5em;
}
.FormCheckout__submit button {
  padding: 1em;
  font-size: 0.75em;
  letter-spacing: 0.3px;
  vertical-align: middle;
  background-color: rgba(18, 50, 57, 0.8);
  border-radius: 5px;
  text-decoration: none;
  color: #3D4248;
  border: 0;
  align-self: start;
}
.FormCheckout__submit button:hover {
  background-color: rgba(18, 50, 57, 0.5);
}
.FormCheckout__submit button:disabled {
  background-color: rgba(18, 50, 57, 0.9);
  color: rgba(61, 66, 72, 0.7);
}

.code-component-container .code-container {
  display: flex;
}
.code-component-container .code-container .code-input-container {
  position: relative;
  margin-bottom: 5px;
  margin-top: 5px;
  border: 1px solid #3b3b3b;
  border-radius: 5px;
  width: 100%;
}
.code-component-container .code-container .code-input-container .input {
  width: 100%;
  line-height: normal;
  padding: 24px 6px 6px 6px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: transparent !important;
  font-family: Arial, Helvetica, sans-serif !important;
  transition: border 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
}
.code-component-container .code-container .code-input-container .input.danger {
  color: #EA1E2E !important;
  border-color: #EA1E2E !important;
  box-shadow: 0 0 0 2px #EA1E2E !important;
  background-color: transparent !important;
  transition: border 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
}
.code-component-container .code-container .code-input-container .input.success {
  color: #28a745 !important;
  border-color: #28a745 !important;
  box-shadow: 0 0 0 2px #28a745 !important;
  background-color: transparent !important;
  transition: border 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
}
.code-component-container .code-container .code-input-container .label {
  position: absolute;
  margin: 0px;
  top: 50%;
  left: 6px;
  font-size: 16px;
  font-weight: 400;
  transform: translateY(-50%);
  pointer-events: none;
  transition-duration: 0.25s;
  font-family: Arial, Helvetica, sans-serif !important;
}
.code-component-container .code-container .code-input-container .input:focus + .label, .code-component-container .code-container .code-input-container .input:not(:placeholder-shown) + .label {
  top: 10%;
  left: 6px;
  transform: translateY(0%);
  font-weight: 500;
  font-size: 14px;
  opacity: 0.8;
  transition-duration: 0.25s;
}
.code-component-container .code-container .code-input-container input::placeholder {
  opacity: 0;
}
.code-component-container .code-container .code-input-container input:focus::placeholder {
  opacity: 1;
  transition-duration: 0.5s;
}
.code-component-container .code-container button {
  margin: 5px 0 5px 5px;
  padding: 1em;
  font-size: 0.75em;
  letter-spacing: 0.3px;
  vertical-align: middle;
  background-color: rgba(18, 50, 57, 0.8);
  border-radius: 5px;
  text-decoration: none;
  color: #3D4248;
  border: 0;
}
.code-component-container .code-container button:hover {
  background-color: rgba(18, 50, 57, 0.5);
}
.code-component-container .code-container button:disabled {
  background-color: rgba(18, 50, 57, 0.9);
  color: rgba(61, 66, 72, 0.7);
}
.code-component-container span.danger {
  font-size: 14px;
  color: #EA1E2E !important;
}
.code-component-container span.success {
  font-size: 14px;
  color: #28a745 !important;
}

.Modal_code_content .AreaVideoItem {
  background-color: rgb(42, 42, 42);
}
.Modal_code_content .ItemList {
  padding-bottom: 20px;
}