/*------------------------------------*\
    $VARS - MIXINS
\*------------------------------------*/
/*------------------------------------*\
    $PATH
\*------------------------------------*/
/*------------------------------------*\
    $BASE
\*------------------------------------*/
/*------------------------------------*\
    $SIZE
\*------------------------------------*/
/*------------------------------------*\
    $MEDIA QUERIES
\*------------------------------------*/
/*------------------------------------*\
    $FONTS
\*------------------------------------*/
/*------------------------------------*\
    $COLORS
\*------------------------------------*/
/*------------------------------------*\
    $RESET
\*------------------------------------*/
/* ==========================================================================
   normalize.css v1.0.1 | MIT License | git.io/normalize
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
  display: block; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

html, button, input, select, textarea {
  font-family: sans-serif; }

body {
  margin: 0; }

a:focus {
  outline: thin dotted; }

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

h1 {
  font-size: 2em;
  margin: .67em 0; }

h2 {
  font-size: 1.5em;
  margin: .83em 0; }

h3 {
  font-size: 1.17em;
  margin: 1em 0; }

h4 {
  font-size: 1em;
  margin: 1.33em 0; }

h5 {
  font-size: .83em;
  margin: 1.67em 0; }

h6 {
  font-size: .75em;
  margin: 2.33em 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

dfn {
  font-style: italic; }

mark {
  background: #ff0;
  color: #000; }

p, pre {
  margin: 1em 0; }

code, kbd, pre, samp {
  font-family: monospace,serif;
  _font-family: 'courier new',monospace;
  font-size: 1em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: none; }

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

small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

dl, menu, ol, ul {
  margin: 1em 0; }

dd {
  margin: 0 0 0 40px; }

menu, ol, ul {
  padding: 0 0 0 40px; }

nav ul, nav ol {
  list-style: none;
  list-style-image: none; }

img {
  border: 0;
  -ms-interpolation-mode: bicubic; }

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

figure {
  margin: 0; }

form {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: .35em .625em .75em; }

legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px; }

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

button, input {
  line-height: normal; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible; }

button[disabled], input[disabled] {
  cursor: default; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

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

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

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

/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
html, button, input, select, textarea {
  color: #222; }

body {
  font-size: 1em;
  line-height: 1.4; }

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

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

img {
  vertical-align: middle; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: vertical; }

.chromeframe {
  margin: .2em 0;
  background: #ccc;
  color: #000;
  padding: .2em 0; }

/* ==========================================================================
   Reset :
   ========================================================================== */
* {
  margin: 0;
  outline: none !important;
  padding: 0;
  -webkit-tap-highlight-color: transparent; }

a:hover, a:active, a:focus {
  outline: 0 none !important;
  -moz-outline: 0 none !important; }

a {
  text-decoration: none; }

ol, ul, li {
  list-style: none;
  margin: 0; }

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

h1, h2, h3, h4, h5, h6 {
  text-rendering: auto;
  margin-top: 0; }

h1 {
  font-size: 16px;
  font-weight: normal; }

h2 {
  font-size: 14px;
  font-weight: normal; }

h3 {
  font-size: 13px;
  font-weight: normal; }

h4 {
  font-size: 12px;
  font-weight: normal; }

h5 {
  font-size: 11px;
  font-weight: normal; }

h6 {
  font-size: 10px;
  font-weight: normal; }

p, pre {
  margin: 0; }

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

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

nav ul {
  list-style: none outside none; }

blockquote, q {
  quotes: none; }

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

a {
  background: none repeat scroll 0 0 transparent;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline; }

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

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

del {
  text-decoration: line-through; }

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

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

hr {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #ccc -moz-use-text-color -moz-use-text-color;
  border-right: 0 none;
  border-style: solid none none;
  border-width: 1px 0 0;
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

body {
  font: 12px/1 Arial,sans-serif; }

table {
  font-size: inherit; }

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

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

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

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

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

ol {
  list-style-type: decimal;
  margin-left: 30px; }

small {
  font-size: 85%; }

strong, th {
  font-weight: bold; }

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

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

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

pre {
  padding: 15px; }

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

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

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

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

input:focus, select:focus, textarea:focus {
  outline: medium none; }

button {
  overflow: visible;
  width: auto; }

/*------------------------------------*\
    $HAPPYEND_OVERRIDES
\*------------------------------------*/
#header h1, #header h2, #header h3, #header h4, #header h5, #header h6,
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
  font-weight: normal; }

#header .diorcom-header-sticky {
  position: relative; }
  #header .diorcom-header-sticky .header-sticky-logo,
  #header .diorcom-header-sticky .header-sticky-nav-right {
    position: relative;
    z-index: 1; }
  #header .diorcom-header-sticky .header-nav-center {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    text-align: center; }
  #header .diorcom-header-sticky .header-sticky-nav-left {
    float: none;
    margin-top: 37px; }

.touch.no-mobile .header-nav-center {
  width: auto; }

/** OVERRIDE DIOR-HEADER **/
#dior-header .header-main-bar {
  height: 85px;
  padding: 25px 0; }
#dior-header .icon-diortv img {
  width: 45%;
  max-height: 50px;
  margin: 35px auto 0 auto; }

/*------------------------------------*\
    $VENDORS
\*------------------------------------*/
/*------------------------------------*\
    $CONTENT
\*------------------------------------*/
/**
 * PATH
 * MIXINS
 * OVERRIDE
 * ANIMATION
 * LAYOUT_INDEX
 * PLAYER
 * FULLSCREEN
 * WRAPPER
 * MAIN_LAYERS
 * SKIN
 * CLOSE_BUTTONS
 * BIG_PLAY_BTN
 * PROGRESS_BAR
 * TOOLTIP
 * VOLUME
 * TIME_DISPLAY
 * TIMECODES_DISPLAY
 * SUBTITLES
 * EMBED
 * RELATED
 * CAPTURE
 * SHARE
 * ICO
 */
/*------------------------------------*\
    $PATH
\*------------------------------------*/
/*------------------------------------*\
    $MIXINS
\*------------------------------------*/
/*------------------------------------*\
    $SPRITE
\*------------------------------------*/
.mmm-timecodes-wrapper .mmm-slideshow-arrow-horizontal-tol {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 30px;
  height: 30px;
  overflow: hidden;
  background-image: url(../images/sprite-player.png);
  background-repeat: no-repeat;
  background-position: -2px -24px; }
  @media screen and (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
    .mmm-timecodes-wrapper .mmm-slideshow-arrow-horizontal-tol {
      background-image: url(../images/sprite-player@2x.png);
      background-size: 128px; } }

.mmm-timecodes-wrapper .mmm-slideshow-arrow-horizontal-bor {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 30px;
  height: 30px;
  overflow: hidden;
  background-image: url(../images/sprite-player.png);
  background-repeat: no-repeat;
  background-position: -34px -24px; }
  @media screen and (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
    .mmm-timecodes-wrapper .mmm-slideshow-arrow-horizontal-bor {
      background-image: url(../images/sprite-player@2x.png);
      background-size: 128px; } }

.mmm-embed-ico:after {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 23px;
  height: 17px;
  overflow: hidden;
  background-image: url(../images/sprite-player.png);
  background-repeat: no-repeat;
  background-position: -28px -56px; }
  @media screen and (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
    .mmm-embed-ico:after {
      background-image: url(../images/sprite-player@2x.png);
      background-size: 128px; } }

.mmm-facebook-ico:after {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 9px;
  height: 16px;
  overflow: hidden;
  background-image: url(../images/sprite-player.png);
  background-repeat: no-repeat;
  background-position: -53px -56px; }
  @media screen and (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
    .mmm-facebook-ico:after {
      background-image: url(../images/sprite-player@2x.png);
      background-size: 128px; } }

.mmm-fullscreen-enter-button:after, .mmm-fullscreen-leave-button:after {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 24px;
  height: 18px;
  overflow: hidden;
  background-image: url(../images/sprite-player.png);
  background-repeat: no-repeat;
  background-position: -2px -56px; }
  @media screen and (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
    .mmm-fullscreen-enter-button:after, .mmm-fullscreen-leave-button:after {
      background-image: url(../images/sprite-player@2x.png);
      background-size: 128px; } }

.mmm-google-ico:after {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 17px;
  height: 15px;
  overflow: hidden;
  background-image: url(../images/sprite-player.png);
  background-repeat: no-repeat;
  background-position: -109px -49px; }
  @media screen and (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
    .mmm-google-ico:after {
      background-image: url(../images/sprite-player@2x.png);
      background-size: 128px; } }

.mmm-diortv-logo:after {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 86px;
  height: 20px;
  overflow: hidden;
  background-image: url(../images/sprite-player.png);
  background-repeat: no-repeat;
  background-position: -2px -2px; }
  @media screen and (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
    .mmm-diortv-logo:after {
      background-image: url(../images/sprite-player@2x.png);
      background-size: 128px; } }

.mmm-pause-button:after {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 8px;
  height: 12px;
  overflow: hidden;
  background-image: url(../images/sprite-player.png);
  background-repeat: no-repeat;
  background-position: -85px -69px; }
  @media screen and (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
    .mmm-pause-button:after {
      background-image: url(../images/sprite-player@2x.png);
      background-size: 128px; } }

.mmm-play-button:after, .mmm-big-play-button:after {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 8px;
  height: 11px;
  overflow: hidden;
  background-image: url(../images/sprite-player.png);
  background-repeat: no-repeat;
  background-position: -95px -69px; }
  @media screen and (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
    .mmm-play-button:after, .mmm-big-play-button:after {
      background-image: url(../images/sprite-player@2x.png);
      background-size: 128px; } }

.mmm-is-ended .mmm-play-button:after, .mmm-is-ended .mmm-big-play-button:after {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 19px;
  height: 18px;
  overflow: hidden;
  background-image: url(../images/sprite-player.png);
  background-repeat: no-repeat;
  background-position: -88px -49px; }
  @media screen and (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
    .mmm-is-ended .mmm-play-button:after, .mmm-is-ended .mmm-big-play-button:after {
      background-image: url(../images/sprite-player@2x.png);
      background-size: 128px; } }

.mmm-share-button:after {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 19px;
  height: 18px;
  overflow: hidden;
  background-image: url(../images/sprite-player.png);
  background-repeat: no-repeat;
  background-position: -64px -60px; }
  @media screen and (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
    .mmm-share-button:after {
      background-image: url(../images/sprite-player@2x.png);
      background-size: 128px; } }

.mmm-share-button.active:after {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 9px;
  height: 9px;
  overflow: hidden;
  background-image: url(../images/sprite-player.png);
  background-repeat: no-repeat;
  background-position: -53px -74px; }
  @media screen and (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
    .mmm-share-button.active:after {
      background-image: url(../images/sprite-player@2x.png);
      background-size: 128px; } }

.mmm-volume {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 36px;
  height: 13px;
  overflow: hidden;
  background-image: url(../images/sprite-player.png);
  background-repeat: no-repeat;
  background-position: -90px -2px; }
  @media screen and (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
    .mmm-volume {
      background-image: url(../images/sprite-player@2x.png);
      background-size: 128px; } }

.mmm-volume-seek {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 36px;
  height: 13px;
  overflow: hidden;
  background-image: url(../images/sprite-player.png);
  background-repeat: no-repeat;
  background-position: -90px -17px; }
  @media screen and (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
    .mmm-volume-seek {
      background-image: url(../images/sprite-player@2x.png);
      background-size: 128px; } }

.mmm-subtitles-button:after {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 20px;
  height: 15px;
  overflow: hidden;
  background-image: url(../images/sprite-player.png);
  background-repeat: no-repeat;
  background-position: -66px -43px; }
  @media screen and (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
    .mmm-subtitles-button:after {
      background-image: url(../images/sprite-player@2x.png);
      background-size: 128px; } }

.mmm-subtitles-enabled .mmm-subtitles-button:after {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 20px;
  height: 15px;
  overflow: hidden;
  background-image: url(../images/sprite-player.png);
  background-repeat: no-repeat;
  background-position: -89px -32px; }
  @media screen and (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
    .mmm-subtitles-enabled .mmm-subtitles-button:after {
      background-image: url(../images/sprite-player@2x.png);
      background-size: 128px; } }

.mmm-tumblr-ico:after {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 10px;
  height: 15px;
  overflow: hidden;
  background-image: url(../images/sprite-player.png);
  background-repeat: no-repeat;
  background-position: -111px -32px; }
  @media screen and (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
    .mmm-tumblr-ico:after {
      background-image: url(../images/sprite-player@2x.png);
      background-size: 128px; } }

.mmm-twitter-ico:after {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 17px;
  height: 15px;
  overflow: hidden;
  background-image: url(../images/sprite-player.png);
  background-repeat: no-repeat;
  background-position: -109px -66px; }
  @media screen and (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
    .mmm-twitter-ico:after {
      background-image: url(../images/sprite-player@2x.png);
      background-size: 128px; } }

.mmm-weibo-ico:after {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 21px;
  height: 17px;
  overflow: hidden;
  background-image: url(../images/sprite-player.png);
  background-repeat: no-repeat;
  background-position: -66px -24px; }
  @media screen and (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
    .mmm-weibo-ico:after {
      background-image: url(../images/sprite-player@2x.png);
      background-size: 128px; } }

.mmm-mute {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 18px;
  height: 18px;
  overflow: hidden;
  background-image: url(../images/soundOn.png);
  background-repeat: no-repeat;
  background-position: 0 0; }
  @media screen and (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
    .mmm-mute {
      background-image: url(../images/soundOn@2x.png);
      background-size: 18px; } }

.mmm-mute.mmm-muted {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 18px;
  height: 18px;
  overflow: hidden;
  background-image: url(../images/soundOff.png);
  background-repeat: no-repeat;
  background-position: 0 0; }
  @media screen and (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
    .mmm-mute.mmm-muted {
      background-image: url(../images/soundOff@2x.png);
      background-size: 18px; } }

/*------------------------------------*\
    $OVERRIDE
\*------------------------------------*/
/* hide mmm generated skin : */
#skin_contener {
  display: none; }

/*------------------------------------*\
    $ANIMATION
\*------------------------------------*/
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg); } }
@-moz-keyframes rotation {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(359deg); } }
@-o-keyframes rotation {
  from {
    -o-transform: rotate(0deg); }
  to {
    -o-transform: rotate(359deg); } }
@-ms-keyframes rotation {
  from {
    -ms-transform: rotate(0deg); }
  to {
    -ms-transform: rotate(359deg); } }
@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }
/*------------------------------------*\
    $LAYOUT_INDEX
\*------------------------------------*/
.mmm-player.mmm-is-fullscreen {
  z-index: 9999999; }

.mmm-big-play-button {
  z-index: 9; }

.mmm-loader {
  z-index: 8; }

.mmm-poster {
  z-index: 7; }

.mmm-control-bar-wrapper {
  z-index: 6; }

.mmm-embed {
  z-index: 7; }

.mmm-related {
  z-index: 4; }

.mmm-caption {
  z-index: 3; }

.mmm-close {
  z-index: 3; }

.mmm-video-container {
  z-index: 1; }

/*------------------------------------*\
    $PLAYER WRAPPER
\*------------------------------------*/
.mmm-player-wrapper {
  position: relative;
  padding-top: 56.25%;
  width: 100%;
  font-family: "CenturyGothic-Regular", "Century Gothic", "Apple Gothic", AppleGothic, "URW Gothic L", "Avant Garde", Arial, Helvetica, sans-serif; }
  .mmm-player-wrapper *, .mmm-player-wrapper *:before, .mmm-player-wrapper *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

/*------------------------------------*\
    $PLAYER
\*------------------------------------*/
.mmm-no-fullscreen .mmm-player.mmm-is-fullscreen {
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  position: fixed; }

.mmm-player {
  background: #fff;
  overflow: hidden; }
  .mmm-player, .mmm-player object {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute; }
  .mmm-player.mmm-is-fullscreen {
    background: #000; }

/*------------------------------------*\
    $FULLSCREEN
\*------------------------------------*/
html.mmm-is-fullscreen, html.mmm-is-fullscreen body {
  height: 100% !important; }

.mmm-no-fullscreen.mmm-is-fullscreen .mmm-fullscreen-wrapper {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  height: 100% !important;
  width: 100% !important;
  margin: 0  !important;
  padding: 0 !important;
  z-index: 999999999 !important;
  -webkit-transform: none !important;
  -webkit-transition: none !important; }

/*------------------------------------*\
    $WRAPPER
\*------------------------------------*/
.mmm-video-container,
.mmm-track {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0; }

.mmm-video-container {
  height: 100%; }

.mmm-html-video-container {
  position: relative;
  width: 100%;
  height: 100%; }
  .mmm-html-video-container video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }

/*------------------------------------*\
    $MAIN_LAYERS
\*------------------------------------*/
.mmm-loader {
  width: 42px;
  height: 42px;
  top: 50%;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
  position: absolute;
  background: url(../images/loader.png) left top no-repeat;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s 0.5s, opacity 0.5s;
  -moz-transition: visibility 0s 0.5s, opacity 0.5s;
  -ms-transition: visibility 0s 0.5s, opacity 0.5s;
  -o-transition: visibility 0s 0.5s, opacity 0.5s;
  transition: visibility 0s 0.5s, opacity 0.5s; }
  .mmm-is-loading .mmm-loader {
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-animation: rotation 1s infinite linear;
    -moz-animation: rotation 1s infinite linear;
    -ms-animation: rotation 1s infinite linear;
    -o-animation: rotation 1s infinite linear;
    animation: rotation 1s infinite linear; }
  .mmm-ipad .mmm-loader, .mmm-bad-android .mmm-loader {
    display: none; }
  .mmm-embed-view .mmm-loader, .mmm-related-view .mmm-loader {
    visibility: hidden; }

.mmm-poster {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  cursor: pointer;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0s 0.5s, opacity 0.5s;
  -moz-transition: visibility 0s 0.5s, opacity 0.5s;
  -ms-transition: visibility 0s 0.5s, opacity 0.5s;
  -o-transition: visibility 0s 0.5s, opacity 0.5s;
  transition: visibility 0s 0.5s, opacity 0.5s; }
  .mmm-poster img {
    width: 100%;
    max-height: 100%;
    display: block; }
  .mmm-is-playing .mmm-poster, .mmm-is-paused .mmm-poster {
    opacity: 0;
    visibility: hidden; }
  .mmm-is-ended .mmm-poster {
    opacity: 1;
    visibility: visible; }
  .mmm-related-view.mmm-is-ended .mmm-poster {
    opacity: 0;
    visibility: hidden; }

/*------------------------------------*\
    $SKIN
\*------------------------------------*/
.mmm-control-bar-wrapper {
  width: 100%;
  display: block;
  margin: 0 auto;
  bottom: 0;
  padding-top: 10px;
  height: 64px;
  position: absolute;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .mmm-feature-light .mmm-control-bar-wrapper {
    height: 54px; }
  .mmm-force-display-control .mmm-control-bar-wrapper {
    z-index: 7; }

.mmm-control-bar {
  height: 100%;
  overflow: visible;
  text-align: right;
  position: relative;
  visibility: visible;
  background: #000000;
  max-width: 920px;
  margin: 0 auto;
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
  padding-right: 10px; }
  .mmm-control-bar * {
    filter: inherit; }
  .mmm-feature-light.mmm-no-feature-lightmobile .mmm-control-bar {
    max-width: 330px;
    margin: 0; }
  .mmm-no-controls .mmm-control-bar {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s 0.5s, opacity 0.5s;
    -moz-transition: visibility 0s 0.5s, opacity 0.5s;
    -ms-transition: visibility 0s 0.5s, opacity 0.5s;
    -o-transition: visibility 0s 0.5s, opacity 0.5s;
    transition: visibility 0s 0.5s, opacity 0.5s; }
  .mmm-force-display-control .mmm-control-bar {
    visibility: visible !important;
    opacity: 1 !important; }

.mmm-separator {
  height: 100%;
  width: 1px;
  display: inline-block;
  z-index: 1;
  background: #1A1A1A;
  vertical-align: middle; }

.mmm-separator-left {
  float: left;
  margin-right: 10px; }

.mmm-separator-right {
  border-left: 15px solid black;
  border-right: 15px solid black;
  width: 31px;
  display: none;
  position: relative; }
  .mmm-feature-fullscreen .mmm-separator-right, .mmm-feature-volume .mmm-separator-right, .mmm-feature-subtitles .mmm-separator-right, .mmm-feature-share .mmm-separator-right {
    display: inline-block; }

.mmm-fullscreen-enter-button,
.mmm-fullscreen-leave-button,
.mmm-quality-button {
  position: relative;
  font-size: 0px;
  cursor: pointer;
  text-align: center;
  z-index: 1;
  display: inline-block;
  vertical-align: middle;
  padding: 4px 5px;
  margin: 0 10px; }
  .mmm-feature-light .mmm-fullscreen-enter-button, .mmm-feature-light
  .mmm-fullscreen-leave-button, .mmm-feature-light
  .mmm-quality-button {
    margin-top: 3px; }

.mmm-play-button,
.mmm-pause-button {
  position: relative;
  float: left;
  margin-top: 4px;
  width: 50px;
  height: 50px;
  font-size: 0px;
  display: block;
  cursor: pointer;
  text-align: center;
  z-index: 1;
  vertical-align: middle;
  padding: 0px; }
  .mmm-feature-light .mmm-play-button, .mmm-feature-light
  .mmm-pause-button {
    width: 40px;
    height: 40px; }

.mmm-play-button:after {
  content: "";
  margin-top: 18px; }
  .mmm-no-controls .mmm-play-button:after {
    content: "x"; }
.mmm-feature-light .mmm-play-button:after {
  margin-top: 15px; }

.mmm-pause-button:after {
  content: "";
  margin-top: 19px; }
  .mmm-no-controls .mmm-pause-button:after {
    content: "x"; }
.mmm-feature-light .mmm-pause-button:after {
  margin-top: 14px; }

.mmm-chapter-prev,
.mmm-chapter-next {
  height: 20px;
  width: 20px;
  position: absolute;
  font-size: 0px;
  display: block;
  cursor: pointer;
  z-index: 4; }
  .mmm-no-controls .mmm-chapter-prev, .mmm-no-controls
  .mmm-chapter-next {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s 0.5s, opacity 0.5s;
    -moz-transition: visibility 0s 0.5s, opacity 0.5s;
    -ms-transition: visibility 0s 0.5s, opacity 0.5s;
    -o-transition: visibility 0s 0.5s, opacity 0.5s;
    transition: visibility 0s 0.5s, opacity 0.5s; }

.mmm-chapter-next {
  background-color: #000000;
  right: 10px;
  padding-top: 3px; }
  .mmm-chapter-next span {
    margin-top: -3px;
    margin-left: -5px;
    height: 30px;
    width: 30px;
    display: block;
    background-image: url("../images/arrow-right.jpg");
    content: ''; }

.mmm-chapter-prev {
  background-color: #000000;
  left: 10px;
  padding-top: 2px; }
  .mmm-chapter-prev span {
    margin-top: -2px;
    margin-left: -4px;
    height: 30px;
    width: 30px;
    display: block;
    background-image: url("../images/arrow-left.jpg");
    content: ''; }

.mmm-is-ended .mmm-play-button:after {
  margin-top: 16px; }

.mmm-feature-light.mmm-is-ended .mmm-play-button:after {
  margin-top: 11px; }

.mmm-metainfo {
  position: relative;
  color: #9a9a9a;
  font-size: 12px;
  line-height: 15px;
  z-index: 1;
  text-align: right;
  display: none;
  vertical-align: middle;
  margin: 0;
  padding: 20px 15px 0;
  background: #000000;
  height: 100%; }
  .mmm-feature-light .mmm-metainfo {
    display: none !important;
    visibility: hidden; }

.mmm-fullscreen-enter-button,
.mmm-fullscreen-leave-button {
  display: none;
  vertical-align: middle; }
  .mmm-feature-fullscreen .mmm-fullscreen-enter-button, .mmm-feature-fullscreen
  .mmm-fullscreen-leave-button {
    display: inline-block; }

.mmm-fullscreen-enter-button:after {
  content: ""; }
  .mmm-no-controls .mmm-fullscreen-enter-button:after {
    content: "x"; }

.mmm-fullscreen-leave-button:after {
  content: ""; }
  .mmm-no-controls .mmm-fullscreen-leave-button:after {
    content: "x"; }

/*------------------------------------*\
    $CLOSE_BUTTONS
\*------------------------------------*/
.mmm-close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 27px;
  height: 27px;
  border: solid 1px #fff;
  cursor: pointer;
  z-index: 3; }
  .mmm-close:after {
    content: "x";
    position: absolute;
    top: 7px;
    left: 7px;
    width: 11px;
    height: 11px;
    background: url(../images/mmm-sprite_old.png) no-repeat -81px -12px; }

.mmm-embed-view .mmm-embed-close:after {
  content: ""; }

.mmm-fullscreen-close {
  display: none; }
  .mmm-is-fullscreen .mmm-fullscreen-close {
    display: block; }
  .mmm-is-fullscreen .mmm-fullscreen-close:after {
    content: ""; }

/*------------------------------------*\
    $BIG_PLAY_BTN
\*------------------------------------*/
.mmm-big-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 65px;
  height: 65px;
  margin-left: -32px;
  margin-top: -32px;
  cursor: pointer;
  border-radius: 100px;
  background: rgba(106, 105, 104, 0.5);
  pointer-events: none; }
  .ie8 .mmm-big-play-button {
    background: url("../images/big-play-bg.png") 0px 0px no-repeat; }
  .mmm-big-play-button:after {
    content: "";
    text-indent: -100px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -6px;
    margin-left: -4px; }
    .mmm-is-ended .mmm-big-play-button:after {
      content: "x";
      margin-top: -9px;
      margin-left: -9px; }
  .mmm-is-playing .mmm-big-play-button {
    background: url("../images/blank.gif");
    width: 66px; }
  .mmm-is-playing .mmm-big-play-button:after {
    content: "x"; }
  .mmm-is-loading .mmm-big-play-button, .mmm-embed-view .mmm-big-play-button, .mmm-related-view .mmm-big-play-button, .mmm-is-playing .mmm-big-play-button:after, .mmm-is-loading .mmm-big-play-button:after, .mmm-embed-view .mmm-big-play-button:after, .mmm-related-view .mmm-big-play-button:after {
    visibility: hidden; }
  .mmm-is-loading .mmm-big-play-button:after, .mmm-embed-view .mmm-big-play-button:after, .mmm-related-view .mmm-big-play-button:after {
    content: "o"; }

/*------------------------------------*\
    $PROGRESS_BAR
\*------------------------------------*/
.mmm-progress-bar-wrapper {
  width: 100%;
  height: 12px;
  margin: auto;
  position: absolute;
  top: -4px;
  left: 0;
  z-index: 2;
  font-size: 0;
  text-align: left;
  padding: 4px 0;
  -webkit-transition: top 0.2s, height 0.2s;
  -moz-transition: top 0.2s, height 0.2s;
  -ms-transition: top 0.2s, height 0.2s;
  -o-transition: top 0.2s, height 0.2s;
  transition: top 0.2s, height 0.2s;
  display: none;
  /*.mmm-control-bar:hover &,
  .mmm-ipad &{
      height: 7px;
      top: -7px;
  }*/ }
  .mmm-feature-progress .mmm-progress-bar-wrapper {
    display: block; }

.mmm-progress-bar {
  height: 100%;
  position: relative;
  background: #3a3b3c; }

.mmm-progress-seek {
  height: 100%;
  background: #fff;
  font-size: 0;
  display: block;
  position: relative;
  max-width: 100%;
  cursor: pointer;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -ms-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s; }
  .mmm-has-metadataloaded .mmm-progress-seek {
    opacity: 1;
    visibility: visible; }
  .mmm-no-controls .mmm-progress-seek {
    visibility: hidden; }

/*------------------------------------*\
    $TOOLTIP
\*------------------------------------*/
.mmm-progress-tooltip {
  width: 166px;
  height: auto;
  background: #000;
  position: absolute;
  bottom: 116%;
  margin-left: -83px;
  visibility: hidden;
  border: solid 3px #000000;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  display: none; }
  .mmm-feature-tooltip .mmm-progress-tooltip {
    display: block; }
  .mmm-progress-tooltip.enabled {
    visibility: visible; }
  .mmm-progress-tooltip:after {
    content: "";
    display: block;
    padding-top: 56.25%; }
  .mmm-medium-player .mmm-progress-tooltip {
    width: 120px;
    margin-left: -60px; }
  .mmm-small-player .mmm-progress-tooltip {
    width: 100px;
    margin-left: -50px; }

.mmm-progress-tooltip-arrow {
  display: inline-block;
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 3px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #252527; }

.mmm-progress-tooltip-thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden; }
  .mmm-progress-tooltip-thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%; }

/*------------------------------------*\
    $VOLUME
\*------------------------------------*/
.mmm-mute {
  position: relative;
  z-index: 1;
  text-align: left;
  cursor: pointer;
  display: none;
  vertical-align: middle;
  padding: 0px;
  margin: 3px 5px 0; }
  .mmm-feature-volume .mmm-mute {
    display: inline-block; }
  .mmm-ios .mmm-mute {
    display: none; }

/*------------------------------------*\
    $VOLUME
\*------------------------------------*/
.mmm-volume {
  position: relative;
  z-index: 1;
  text-align: left;
  cursor: pointer;
  display: none;
  vertical-align: middle;
  padding: 0px;
  margin: 0 15px; }
  .mmm-feature-volume .mmm-volume {
    display: inline-block; }
  .mmm-ios .mmm-volume {
    display: none; }
  .mmm-feature-light .mmm-volume {
    margin-top: 3px; }

.mmm-volume-seek {
  height: 100%;
  width: 100%; }

/*------------------------------------*\
    $TIME_DISPLAY
\*------------------------------------*/
.mmm-time {
  position: relative;
  color: #fff !important;
  font-size: 12px;
  z-index: 1;
  float: left;
  margin: 20px 15px 0 0; }
  .mmm-time .mmm-time-duration,
  .mmm-time .mmm-time-separator {
    color: #9a9a9a !important; }
  .mmm-time .mmm-time-current {
    color: #fff; }
  .mmm-no-feature-time .mmm-time {
    display: none; }
  .mmm-feature-light .mmm-time {
    margin-top: 18px; }

/*------------------------------------*\
    $DESCRIPTION_DISPLAY
\*------------------------------------*/
.mmm-description {
  color: #9a9a9a;
  font-size: 12px;
  line-height: 15px;
  text-align: left;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 0;
  width: 100%;
  padding: 0px 10px 0 65px; }
  .mmm-description .mmm-description-label {
    display: inline-block;
    vertical-align: middle; }
  .mmm-description:after {
    display: inline-block;
    content: '';
    height: 100%;
    vertical-align: middle; }
  .mmm-no-feature-description .mmm-description {
    display: none; }
  .mmm-feature-time .mmm-description {
    padding-left: 150px; }
  .mmm-feature-logo .mmm-description {
    padding-right: 142px; }
  .mmm-feature-fullscreen .mmm-description {
    padding-right: 100px; }
  .mmm-feature-volume .mmm-description {
    padding-right: 112px; }
  .mmm-feature-subtitles .mmm-description {
    padding-right: 96px; }
  .mmm-feature-share .mmm-description {
    padding-right: 95px; }
  .mmm-feature-logo.mmm-feature-fullscreen .mmm-description {
    padding-right: 227px; }
  .mmm-feature-logo.mmm-feature-volume .mmm-description {
    padding-right: 239px; }
  .mmm-feature-logo.mmm-feature-subtitles .mmm-description {
    padding-right: 223px; }
  .mmm-feature-logo.mmm-feature-share .mmm-description {
    padding-right: 222px; }
  .mmm-feature-fullscreen.mmm-feature-volume .mmm-description {
    padding-right: 166px; }
  .mmm-feature-fullscreen.mmm-feature-subtitles .mmm-description {
    padding-right: 150px; }
  .mmm-feature-fullscreen.mmm-feature-share .mmm-description {
    padding-right: 149px; }
  .mmm-feature-volume.mmm-feature-subtitles .mmm-description {
    padding-right: 162px; }
  .mmm-feature-volume.mmm-feature-share .mmm-description {
    padding-right: 161px; }
  .mmm-feature-subtitles.mmm-feature-share .mmm-description {
    padding-right: 145px; }
  .mmm-feature-logo.mmm-feature-fullscreen.mmm-feature-volume .mmm-description {
    padding-right: 293px; }
  .mmm-feature-logo.mmm-feature-fullscreen.mmm-feature-subtitles .mmm-description {
    padding-right: 277px; }
  .mmm-feature-logo.mmm-feature-fullscreen.mmm-feature-share .mmm-description {
    padding-right: 276px; }
  .mmm-feature-logo.mmm-feature-volume.mmm-feature-subtitles .mmm-description {
    padding-right: 289px; }
  .mmm-feature-logo.mmm-feature-volume.mmm-feature-share .mmm-description {
    padding-right: 288px; }
  .mmm-feature-logo.mmm-feature-subtitles.mmm-feature-share .mmm-description {
    padding-right: 272px; }
  .mmm-feature-fullscreen.mmm-feature-volume.mmm-feature-subtitles .mmm-description {
    padding-right: 216px; }
  .mmm-feature-fullscreen.mmm-feature-volume.mmm-feature-share .mmm-description {
    padding-right: 215px; }
  .mmm-feature-fullscreen.mmm-feature-subtitles.mmm-feature-share .mmm-description {
    padding-right: 199px; }
  .mmm-feature-volume.mmm-feature-subtitles.mmm-feature-share .mmm-description {
    padding-right: 211px; }
  .mmm-feature-logo.mmm-feature-fullscreen.mmm-feature-volume.mmm-feature-subtitles .mmm-description {
    padding-right: 343px; }
  .mmm-feature-logo.mmm-feature-fullscreen.mmm-feature-volume.mmm-feature-share .mmm-description {
    padding-right: 342px; }
  .mmm-feature-logo.mmm-feature-fullscreen.mmm-feature-subtitles.mmm-feature-share .mmm-description {
    padding-right: 326px; }
  .mmm-feature-logo.mmm-feature-volume.mmm-feature-subtitles.mmm-feature-share .mmm-description {
    padding-right: 338px; }
  .mmm-feature-fullscreen.mmm-feature-volume.mmm-feature-subtitles.mmm-feature-share .mmm-description {
    padding-right: 265px; }
  .mmm-feature-logo.mmm-feature-fullscreen.mmm-feature-volume.mmm-feature-subtitles.mmm-feature-share .mmm-description {
    padding-right: 392px; }

/*
mmm-no-feature-time
mmm-no-feature-volume
mmm-no-feature-fullscreen
mmm-no-feature-logo
mmm-no-feature-share
mmm-feature-tooltip
mmm-no-feature-subtitles
mmm-no-feature-light
mmm-no-feature-lightControlBarFullWidth
*/
/*------------------------------------*\
    $TIMECODES_DISPLAY
\*------------------------------------*/
.mmm-timecodes-wrapper {
  bottom: 52px;
  height: 40px;
  left: 0;
  padding: 0 35px;
  position: absolute;
  transition: all 300ms ease 0s;
  width: 100%;
  z-index: 3; }
  .mmm-no-controls .mmm-timecodes-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s 0.5s, opacity 0.5s;
    -moz-transition: visibility 0s 0.5s, opacity 0.5s;
    -ms-transition: visibility 0s 0.5s, opacity 0.5s;
    -o-transition: visibility 0s 0.5s, opacity 0.5s;
    transition: visibility 0s 0.5s, opacity 0.5s; }
  .mmm-timecodes-wrapper .mmm-slideshow-arrow-horizontal-tol {
    bottom: 10px;
    cursor: pointer;
    height: 30px;
    position: absolute;
    width: 30px;
    left: 5px; }
  .mmm-timecodes-wrapper .mmm-slideshow-arrow-horizontal-bor {
    bottom: 10px;
    cursor: pointer;
    height: 30px;
    position: absolute;
    width: 30px;
    right: 5px; }

.mmm-timecodes {
  height: 30px;
  overflow: hidden;
  position: relative;
  width: 100%; }
  .mmm-timecodes .mmm-timecodes-slideshow-wrapper {
    height: 100%;
    position: relative;
    width: 20%;
    margin-left: 80%; }
    .mmm-timecodes .mmm-timecodes-slideshow-wrapper .mmm-timecodes-slideshow {
      height: 100%;
      position: relative;
      width: 100%; }
      .mmm-timecodes .mmm-timecodes-slideshow-wrapper .mmm-timecodes-slideshow .slide {
        cursor: pointer;
        height: 100%;
        left: 0;
        overflow: hidden;
        position: absolute;
        text-align: center;
        top: 0;
        width: 100%; }
        .mmm-timecodes .mmm-timecodes-slideshow-wrapper .mmm-timecodes-slideshow .slide span {
          background: #000000;
          color: #ffffff;
          display: block;
          font-size: 12px;
          line-height: 30px;
          border-right: 1px solid #3a3b3c; }
        .mmm-timecodes .mmm-timecodes-slideshow-wrapper .mmm-timecodes-slideshow .slide.active span, .mmm-timecodes .mmm-timecodes-slideshow-wrapper .mmm-timecodes-slideshow .slide:hover span {
          background: #ffffff;
          color: #000000; }

/*------------------------------------*\
    $SUBTITLES
\*------------------------------------*/
.mmm-subtitles-button {
  position: relative;
  display: none;
  font-size: 0;
  z-index: 1;
  text-align: center;
  cursor: pointer;
  vertical-align: middle;
  padding: 4px 5px;
  margin: 0 10px; }
  .mmm-subtitles-button:after {
    content: "";
    margin-top: 4px; }
    .mmm-subtitles-enabled .mmm-subtitles-button:after {
      content: "-"; }
    .mmm-no-controls .mmm-subtitles-button:after {
      content: "x"; }
    .ie8 .mmm-no-controls .mmm-subtitles-button:after {
      visibility: hidden; }
  .mmm-feature-subtitles .mmm-subtitles-button {
    display: inline-block; }

.mmm-caption {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  text-align: center;
  visibility: hidden; }
  .ie8 .mmm-caption {
    background: url("../images/blank.gif"); }
  .mmm-subtitles-enabled .mmm-caption {
    visibility: visible; }

.mmm-cue {
  display: inline-block;
  margin-bottom: 13px;
  font-size: 15px;
  padding: 10px 20px;
  color: #fff;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTlCRDk5NUZDNzA2MTFFNEFDMUNCRTZDNjU3RUE5NTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTlCRDk5NjBDNzA2MTFFNEFDMUNCRTZDNjU3RUE5NTIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFOUJEOTk1REM3MDYxMUU0QUMxQ0JFNkM2NTdFQTk1MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFOUJEOTk1RUM3MDYxMUU0QUMxQ0JFNkM2NTdFQTk1MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhQJQmcAAAAPSURBVHjaYmBgYPAFCDAAAFIATlFlXk8AAAAASUVORK5CYII=");
  filter: progid:DXImageTransform.Microsoft.Shadow(color=black,direction=0,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=black,direction=90,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=black,direction=180,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=black,direction=270,strength=2);
  -webkit-transition: bottom 0.5s;
  -moz-transition: bottom 0.5s;
  -ms-transition: bottom 0.5s;
  -o-transition: bottom 0.5s;
  transition: bottom 0.5s; }
  .mmm-no-controls .mmm-cue {
    bottom: 20px; }
  .mmm-small-player .mmm-cue, .mmm-medium-player .mmm-cue {
    font-size: 15px; }

/*------------------------------------*\
    $EMBED
\*------------------------------------*/
.mmm-embed {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  visibility: hidden;
  opacity: 0;
  text-align: center;
  font-size: 0;
  -webkit-transition: visibility 0s 0.5s, opacity 0.5s;
  -moz-transition: visibility 0s 0.5s, opacity 0.5s;
  -ms-transition: visibility 0s 0.5s, opacity 0.5s;
  -o-transition: visibility 0s 0.5s, opacity 0.5s;
  transition: visibility 0s 0.5s, opacity 0.5s; }
  .ie8 .mmm-embed {
    background: url(../images/black-eighty-percent.png); }
  .mmm-embed-view .mmm-embed {
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s; }
  .mmm-embed:after {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle; }
  .mmm-embed .mmm-embed-title {
    font-size: 30px;
    font-weight: normal;
    margin: 20px;
    color: #fff;
    text-transform: uppercase; }
  .mmm-embed a.copy {
    display: block;
    position: absolute;
    left: 50%;
    margin-top: 20px;
    margin-left: 35px;
    width: 145px;
    height: 38px;
    line-height: 36px;
    text-align: center;
    border: 1px solid #ffffff;
    background-color: transparent;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    color: #ffffff; }
    .mmm-embed a.copy .mmm-ios {
      display: none; }
    .mmm-small-player .mmm-embed a.copy, .mmm-medium-player .mmm-embed a.copy {
      margin-top: 5px;
      margin-left: 6px; }

.mmm-embed-content {
  position: relative;
  width: 72%;
  min-width: 400px;
  max-width: 680px;
  display: inline-block;
  vertical-align: middle;
  background: #000000;
  height: 60%;
  min-height: 200px;
  max-height: 300px;
  margin-top: -54px; }

.mmm-embed-code {
  display: inline-block;
  vertical-align: middle;
  background: none;
  border: solid 1px #fff;
  color: #9e9e9e;
  padding: 20px 20px 20px;
  font-size: 12px;
  color: #ffffff;
  resize: none;
  margin-bottom: 0;
  overflow: hidden;
  width: 360px;
  min-height: 100px;
  display: inline-block;
  font-family: "CenturyGothic-Regular", "Century Gothic", "Apple Gothic", AppleGothic, "URW Gothic L", "Avant Garde", Arial, Helvetica, sans-serif; }
  .ie8 .mmm-embed-code {
    min-height: 0px; }
  .mmm-small-player .mmm-embed-code, .mmm-medium-player .mmm-embed-code {
    width: 300px; }

.mmm-no-feature-embed .mmm-embed-button {
  display: none; }

/*------------------------------------*\
    $RELATED
\*------------------------------------*/
.mmm-related {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  font-size: 0;
  -webkit-transition: visibility 0s 0.5s, opacity 0.5s;
  -moz-transition: visibility 0s 0.5s, opacity 0.5s;
  -ms-transition: visibility 0s 0.5s, opacity 0.5s;
  -o-transition: visibility 0s 0.5s, opacity 0.5s;
  transition: visibility 0s 0.5s, opacity 0.5s; }
  .mmm-related-view .mmm-related {
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s; }

/*------------------------------------*\
    $CAPTURE
\*------------------------------------*/
.mmm-capture-button {
  height: 20px;
  width: 30px;
  cursor: pointer;
  background: url(../images/mmm-capture.png) no-repeat 0 0;
  display: none;
  position: absolute;
  top: 11px;
  left: 140px; }
  .mmm-capture-mode .mmm-capture-button {
    display: block; }

/*------------------------------------*\
    $SHARE
\*------------------------------------*/
.mmm-share {
  position: relative;
  display: none;
  height: 50px;
  padding: 15px 15px 15px 0;
  background: #000000;
  font-size: 0;
  z-index: 1;
  vertical-align: middle; }
  .mmm-no-feature-embed .mmm-share {
    padding-left: 5px; }
  .mmm-share-opened .mmm-share {
    display: inline-block; }
  .mmm-small-player .mmm-share {
    display: none; }

.mmm-small-share {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -32px;
  height: 65px;
  z-index: 10;
  font-size: 0;
  text-align: center;
  width: 100%;
  display: none; }
  .mmm-small-share .mmm-share-button {
    display: none !important; }
  .mmm-small-player .mmm-small-share {
    display: inline-block; }
  .mmm-iphone .mmm-small-share {
    display: none; }

.mmm-share-nav {
  display: inline-block;
  white-space: nowrap;
  height: 100%; }
  .mmm-small-player .mmm-share-nav {
    display: none; }
  .mmm-small-player .mmm-small-share .mmm-share-nav, .mmm-medium-player .mmm-small-share .mmm-share-nav {
    display: inline-block;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s 0.5s, opacity 0.5s;
    -moz-transition: visibility 0s 0.5s, opacity 0.5s;
    -ms-transition: visibility 0s 0.5s, opacity 0.5s;
    -o-transition: visibility 0s 0.5s, opacity 0.5s;
    transition: visibility 0s 0.5s, opacity 0.5s; }
  .mmm-share-opened .mmm-small-share .mmm-share-nav {
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s; }
  .mmm-share-nav li {
    display: inline-block;
    height: 100%;
    margin-left: 15px; }
  .mmm-share-nav li.mmm-weibo {
    display: none; }
  html[lang=zh-CN] .mmm-share-nav li.mmm-weibo {
    display: inline-block; }
  html[lang=zh-CN] .mmm-share-nav li.mmm-facebook, html[lang=zh-CN] .mmm-share-nav li.mmm-tumblr, html[lang=zh-CN] .mmm-share-nav li.mmm-google, html[lang=zh-CN] .mmm-share-nav li.mmm-twitter {
    display: none; }

.mmm-share-button {
  position: relative;
  cursor: pointer;
  display: none;
  text-align: center;
  vertical-align: middle;
  padding: 4px 5px;
  margin: 0 10px;
  z-index: 1; }
  .mmm-feature-share .mmm-share-button {
    display: inline-block; }
  .mmm-share-button:after {
    content: "x";
    margin-top: -1px;
    overflow: hidden;
    text-indent: -100px; }
    .mmm-no-controls .mmm-share-button:after {
      content: ""; }
  .mmm-share-button.active:after {
    content: "";
    margin-top: 6px; }
  .mmm-small-player .mmm-control-bar .mmm-share-button {
    display: inline-block; }

/*------------------------------------*\
    $ICO
\*------------------------------------*/
.mmm-facebook-ico,
.mmm-tumblr-ico,
.mmm-google-ico,
.mmm-twitter-ico,
.mmm-weibo-ico,
.mmm-embed-ico {
  position: relative;
  height: 20px;
  width: 30px;
  cursor: pointer;
  display: inline-block;
  vertical-align: top; }
  .mmm-facebook-ico:after,
  .mmm-tumblr-ico:after,
  .mmm-google-ico:after,
  .mmm-twitter-ico:after,
  .mmm-weibo-ico:after,
  .mmm-embed-ico:after {
    content: "x";
    text-indent: -100px;
    overflow: hidden; }
    .mmm-no-controls .mmm-facebook-ico:after, .mmm-no-controls
    .mmm-tumblr-ico:after, .mmm-no-controls
    .mmm-google-ico:after, .mmm-no-controls
    .mmm-twitter-ico:after, .mmm-no-controls
    .mmm-weibo-ico:after, .mmm-no-controls
    .mmm-embed-ico:after {
      content: ""; }

.mmm-weibo-ico:after {
  margin-top: 1px; }

.mmm-google-ico:after {
  margin-top: 3px; }

.mmm-tumblr-ico:after {
  margin-top: 3px; }

.mmm-twitter-ico:after {
  margin-top: 3px; }

.mmm-facebook-ico:after {
  margin-top: 3px; }

.mmm-embed-ico:after {
  margin-top: 2px; }

/*------------------------------------*\
    $LOGO
\*------------------------------------*/
.mmm-diortv-logo {
  position: relative;
  height: 50px;
  z-index: 1;
  border-left: solid 1px rgba(255, 255, 255, 0.1);
  padding: 17px 10px 0 20px;
  display: none;
  vertical-align: middle;
  margin: 0 0 0 10px; }
  .mmm-diortv-logo:after {
    content: " ";
    text-indent: -100px;
    overflow: hidden; }
    .ie8 .mmm-no-controls .mmm-diortv-logo:after {
      content: "0"; }
  .mmm-feature-logo .mmm-diortv-logo {
    display: inline-block; }
  .mmm-feature-light .mmm-diortv-logo {
    display: none; }

/*------------------------------------*\
    $HELPERS
\*------------------------------------*/
.valign-wrapper:after, .valign-wrapper--bottom:after, .maz .cell, .maz .cell-box {
  display: inline-block;
  *display: inine;
  zoom: 1; }

.align-left {
  text-align: left; }

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

.align-center {
  text-align: center; }

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

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

.valign-wrapper, .valign-wrapper--bottom {
  font-size: 0px;
  font-size: 0rem; }
  .valign-wrapper:after, .valign-wrapper--bottom:after {
    content: '';
    height: 100%;
    vertical-align: middle; }

.valign-wrapper--bottom:after {
  vertical-align: bottom; }

.fit-height {
  height: 100%;
  vertical-align: top; }

.upper {
  text-transform: uppercase; }

.lower {
  text-transform: none; }

.justify {
  text-align: justify; }

.nowrap {
  white-space: nowrap; }

.hide {
  position: absolute;
  left: -9999px; }

/*------------------------------------*\
    $GENERIC
\*------------------------------------*/
html {
  min-height: 100%;
  overflow-y: scroll; }

body {
  overflow: hidden;
  height: auto; }

.maz {
  /*------------------------------------*\
      $MODULES
  \*------------------------------------*/
  /** set width sizes */
  /** set width sizes */
  /*
    Main background.
  */
  /*------------------------------------*\
      $APPLICATION
  \*------------------------------------*/
  /*------------------------------------
      $HEADER
  ------------------------------------*/
  /*------------------------------------
      $MAINOVERLAY
  ------------------------------------*/
  /*------------------------------------
      $LOADING
  ------------------------------------*/
  /*------------------------------------
      $PAGGER
  ------------------------------------*/
  /*------------------------------------
      $MINHEIGHTS
  ------------------------------------*/
  /*------------------------------------*\
      $POPINS
  \*------------------------------------*/
  /*------------------------------------
      $CONNECTION
  ------------------------------------*/
  /*------------------------------------*\
      $WRAPPERS
  \*------------------------------------*/
  /*------------------------------------*\
  	$GRIDS
  \*------------------------------------*/
  /*------------------------------------*\
  	$SIMPLE GRID
  \*------------------------------------*/
  /*------------------------------------*\
  	$SLIDESHOW
  \*------------------------------------*/
  /*------------------------------------*\
      $MENU
  \*------------------------------------*/
  /*------------------------------------*\
  	$HEADING SET
  \*------------------------------------*/
  /*------------------------------------*\
      $BUTTONS
  \*------------------------------------*/
  /*------------------------------------*\
      $PLAYER
  \*------------------------------------*/
  /*------------------------------------*\
      $FILTER
  \*------------------------------------*/ }
  .maz *, .maz *:before, .maz *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .maz .cell, .maz .cell-box {
    vertical-align: middle;
    position: relative; }
  .maz .cell-box {
    width: 100%; }
  .maz .w1of3 {
    width: 33.33%; }
  .maz .w2of3 {
    width: 66.66%; }
  .maz .w10 {
    width: 10%; }
  .maz .w20 {
    width: 20%; }
  .maz .w30 {
    width: 30%; }
  .maz .w40 {
    width: 40%; }
  .maz .w50 {
    width: 50%; }
  .maz .w60 {
    width: 60%; }
  .maz .w70 {
    width: 70%; }
  .maz .w80 {
    width: 80%; }
  .maz .w90 {
    width: 90%; }
  .maz .w100 {
    width: 100%; }
  .maz .w100 {
    width: 100%; }
  .maz .h1of3 {
    height: 33.33%; }
  .maz .h2of3 {
    height: 66.66%; }
  .maz .h10 {
    height: 10%; }
  .maz .h20 {
    height: 20%; }
  .maz .h30 {
    height: 30%; }
  .maz .h40 {
    height: 40%; }
  .maz .h50 {
    height: 50%; }
  .maz .h60 {
    height: 60%; }
  .maz .h70 {
    height: 70%; }
  .maz .h80 {
    height: 80%; }
  .maz .h90 {
    height: 90%; }
  .maz .h100 {
    height: 100%; }
  .maz .h100 {
    height: 100%; }
  .maz .wrapper {
    position: relative; }
  .maz .cell-container {
    font-size: 0;
    z-index: 2;
    position: relative; }
  .maz .o-wrapper {
    overflow: hidden; }
  .maz .panel {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  .maz .media {
    width: 100%;
    height: auto; }
  .maz .main-bg-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden; }
    .maz .main-bg-wrapper .main-bg {
      position: relative;
      width: 100%;
      height: auto; }
      .maz .main-bg-wrapper .main-bg img {
        display: block;
        width: 100%; }
  .maz .background-wrapper, .maz .background-wrapper--right, .maz .background-wrapper--left {
    position: absolute;
    height: 100%;
    width: 5000px;
    left: 50%;
    margin-left: -2500px;
    top: 0;
    z-index: 1;
    text-align: center; }
    .maz .background-wrapper img, .maz .background-wrapper--right img, .maz .background-wrapper--left img {
      height: 100%;
      width: auto; }
  .maz .background-wrapper--right {
    right: 0;
    text-align: right;
    margin-left: 0;
    left: auto; }
  .maz .background-wrapper--left {
    left: 0;
    margin-left: 0;
    text-align: left; }
  .maz *, .maz *:before, .maz *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .maz html {
    min-height: 100%;
    overflow-y: scroll; }
  .maz .touch #header {
    position: fixed; }
  .maz .main-overlay {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000; }
  .maz .loader-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    width: 42px;
    height: 42px;
    overflow: hidden; }
  .maz .throbber {
    display: none; }
  .maz #infinite-scroll-loader {
    display: none;
    width: 42px;
    height: 42px;
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 99;
    margin: 0 0 0 -21px;
    background: transparent url(../images/loader-sprite.png) no-repeat 0 0; }
    html.infinite-scroll-loading .maz #infinite-scroll-loader {
      display: block; }
  .maz .page-wrapper {
    display: none; }
  .maz .js-height-less {
    min-height: 400px; }
  .maz .popin-wrapper {
    text-align: center;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 12; }
  .maz .popin-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 11;
    background: url(../images/black-eighty-five-percents.png); }
  .maz .popin {
    margin: 5% 0; }
  .maz .wrapper-connection {
    width: 100%;
    height: 100%;
    background: #fff; }
  .maz .inside-connection {
    width: 380px;
    height: 397px;
    margin: 0 auto; }
    .maz .inside-connection a img {
      border: none; }
    .maz .inside-connection .form-item {
      margin-bottom: 20px; }
      .maz .inside-connection .form-item label {
        display: block;
        font: normal 16px Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        font-weight: bold;
        color: #000; }
      .maz .inside-connection .form-item input {
        width: 100%;
        height: 50px;
        padding: 10px;
        margin: 5px 0 2px;
        background: #fff;
        border: 5px solid #191919;
        font: normal 14px Arial, Helvetica, sans-serif; }
        .maz .inside-connection .form-item input:focus {
          background: #ddd; }
        .maz .inside-connection .form-item input.error {
          color: red; }
      .maz .inside-connection .form-item .description {
        padding-left: 2px;
        font: normal 12px Arial, Helvetica, sans-serif;
        font-style: italic;
        color: #000; }
    .maz .inside-connection .text {
      text-align: center;
      font: normal 24px Arial, Helvetica, sans-serif; }
    .maz .inside-connection .form-actions {
      text-align: center; }
    .maz .inside-connection .form-submit {
      display: inline-block;
      padding: 14px 20px;
      background-color: #fff;
      border: 5px solid #191919;
      color: #a3a4a6;
      font: normal 16px Arial, Helvetica, sans-serif;
      text-transform: uppercase;
      font-weight: bold;
      color: #191919; }
      .maz .inside-connection .form-submit:hover {
        background-color: #191919;
        color: #fff; }
    .maz .inside-connection .imprint {
      margin-top: 20px;
      font: normal 12px Arial, Helvetica, sans-serif;
      font-style: italic;
      color: #a3a4a6; }
    .maz .inside-connection .image {
      width: 100%;
      height: auto;
      margin-bottom: 20px; }
  .maz .node-unpublished {
    background: transparent !important; }
  .maz #private-video-container .error {
    background-image: none;
    background-color: transparent; }
    .maz #private-video-container .error p {
      position: relative;
      margin-top: -40px;
      color: #fb0000;
      font-size: 16px;
      padding-bottom: 10px; }
      @media (max-width: 500px) {
        .maz #private-video-container .error p {
          padding-top: 10px; } }
  .maz #private-video-container .wrapper {
    text-align: center; }
    @media (max-width: 500px) {
      .maz #private-video-container .wrapper {
        line-height: 265px; } }
  .maz #private-video-container .js-intro-content {
    min-width: 286px; }
  .maz #private-video-form {
    width: 100%;
    height: 410px;
    line-height: normal; }
    .maz #private-video-form .ajax-progress {
      display: none; }
    .maz #private-video-form .image {
      width: 50%;
      padding-bottom: 50px; }
    .maz #private-video-form h1, .maz #private-video-form h2 {
      font-size: 16px;
      font-weight: normal;
      color: #000 !important;
      text-transform: none;
      text-align: center;
      margin: 0;
      width: auto; }
    .maz #private-video-form form {
      padding-top: 50px;
      padding-bottom: 50px; }
      @media (max-width: 500px) {
        .maz #private-video-form form {
          padding-top: 20px; } }
      .maz #private-video-form form > div {
        position: relative;
        left: 50%;
        overflow: hidden;
        height: 116px;
        width: 450px;
        margin-left: -225px;
        padding: 5px;
        text-align: center;
        line-height: normal; }
        @media (max-width: 500px) {
          .maz #private-video-form form > div {
            height: 170px;
            margin-left: -145px;
            width: 290px; } }
        .maz #private-video-form form > div input {
          height: 40px;
          border: 0;
          background: transparent;
          font-weight: bold; }
          @media (max-width: 500px) {
            .maz #private-video-form form > div input {
              height: 60px;
              line-height: 46px; } }
          .maz #private-video-form form > div input.form-submit {
            display: inline-block;
            width: 195px;
            border: 0;
            background-color: red;
            text-transform: uppercase;
            color: #b5b5b5;
            background-color: #fff;
            border: #e6e6e6 solid 5px;
            margin-top: 20px;
            font-size: 12px; }
            @media (max-width: 500px) {
              .maz #private-video-form form > div input.form-submit {
                width: 100%;
                margin-top: 0; } }
        .maz #private-video-form form > div .form-item {
          overflow: hidden;
          width: 100%; }
          @media (max-width: 500px) {
            .maz #private-video-form form > div .form-item {
              width: 100%;
              padding-bottom: 20px; } }
          .maz #private-video-form form > div .form-item input {
            width: 100%;
            height: 50px;
            line-height: 50px;
            color: #000;
            text-align: center;
            font-weight: normal;
            font-size: 16px;
            background-color: #e6e6e6; }
  .maz .wrapper {
    position: relative; }
    .maz .wrapper.hidden {
      overflow: hidden;
      display: block; }
    .maz .wrapper.white {
      background-color: #fff; }
    .maz .wrapper.black {
      background-color: #000; }
    .maz .wrapper.grey {
      background-color: #2a2b2f; }
    .maz .wrapper.wrapper-video-home {
      height: auto !important; }
  .maz .content-wrapper {
    width: 76%;
    max-width: 1500px;
    margin: 0 auto; }
    .maz .content-wrapper.hidden {
      overflow: hidden;
      display: block; }
    .maz .content-wrapper.relative {
      position: relative; }
    .maz .content-wrapper.padding-top {
      padding-top: 55px; }
    .maz .content-wrapper.padding-top-fixed {
      padding-top: 35px; }
    .maz .content-wrapper.margin-bottom {
      margin-bottom: 55px; }
  @media only screen and (max-width: 1599px) {
    .maz .content-wrapper.padding-top {
      padding-top: 30px; }
    .maz .content-wrapper.margin-bottom {
      margin-bottom: 30px; } }
  .maz .wrapper-grid {
    position: relative;
    margin: 0 -15px;
    clear: both; }
    .maz .wrapper-grid .grid {
      height: auto;
      overflow: hidden;
      text-align: left;
      font-size: 0; }
      .maz .wrapper-grid .grid .cell-grid {
        display: inline-block;
        width: 25%;
        margin-bottom: 30px;
        padding: 0 15px;
        vertical-align: top; }
        .maz .wrapper-grid .grid .cell-grid .image {
          width: 100%;
          height: auto;
          top: 0;
          left: 0; }
        .maz .wrapper-grid .grid .cell-grid.new-append {
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
          filter: alpha(opacity=0);
          opacity: 0; }
    .maz .wrapper-grid .link {
      display: block;
      width: 100%;
      height: 100%;
      position: relative;
      overflow: hidden; }
      .maz .wrapper-grid .link:hover .text {
        display: block; }
    .maz .wrapper-grid .text {
      display: none;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      background/*\**/: transparent url(../images/1x1-000000-85.png) repeat 0 0\9;
      background-color: rgba(0, 0, 0, 0.85);
      text-align: center; }
      .maz .wrapper-grid .text .inside-text {
        width: 100%;
        padding: 0 20px; }
      .touch .maz .wrapper-grid .text {
        display: block;
        position: static;
        margin-top: 15px;
        background: none; }
        .touch .maz .wrapper-grid .text .cell, .touch .maz .wrapper-grid .text .cell-box {
          vertical-align: top; }
        .touch .maz .wrapper-grid .text .btn {
          display: none; }
  .maz .touch .wrapper-grid .text .inside-text {
    padding: 0; }
  .maz .inside-grid {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  .maz .js-height-grid {
    width: 100%;
    font-size: 0; }
  @media only screen and (max-width: 1599px) {
    .maz .wrapper-grid .grid .cell-grid {
      width: 33.33%; } }
  @media only screen and (max-width: 1024px) {
    .maz .wrapper-grid .grid .cell-grid {
      margin-bottom: 20px;
      padding-left: 20px; } }
  @media only screen and (max-width: 768px) {
    .maz .wrapper-grid .grid .cell-grid {
      width: 50%; } }
  .maz .no-results {
    padding: 100px;
    text-align: center;
    color: #a3a4a6;
    font-size: 16px; }
  .maz .wrapper-simple-grid {
    width: 100%; }
    .maz .wrapper-simple-grid .grid {
      width: 100%;
      font-size: 0; }
      .maz .wrapper-simple-grid .grid .cell-grid {
        width: 50%;
        float: left;
        margin-bottom: 35px; }
        .maz .wrapper-simple-grid .grid .cell-grid .image {
          width: 100%;
          height: auto;
          position: absolute;
          top: 0;
          left: 0; }
        .maz .wrapper-simple-grid .grid .cell-grid.left {
          padding-right: 17px; }
        .maz .wrapper-simple-grid .grid .cell-grid.right {
          padding-left: 17px; }
    .maz .wrapper-simple-grid .link {
      display: block;
      width: 100%;
      height: 100%;
      position: relative;
      overflow: hidden;
      -webkit-transition: all 0.4s;
      -moz-transition: all 0.4s;
      -ms-transition: all 0.4s;
      -o-transition: all 0.4s;
      transition: all 0.4s; }
      .maz .wrapper-simple-grid .link:after {
        content: '';
        display: inline-block;
        width: 100%;
        height: 0;
        font-size: 0;
        padding-top: 56%; }
    .maz .wrapper-simple-grid .text {
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      text-align: center; }
  @media only screen and (max-width: 1599px) {
    .maz .wrapper-simple-grid .grid .cell-grid {
      margin-bottom: 30px; }
      .maz .wrapper-simple-grid .grid .cell-grid.left {
        padding-right: 15px; }
      .maz .wrapper-simple-grid .grid .cell-grid.right {
        padding-left: 15px; } }
  @media only screen and (max-width: 1023px) {
    .maz .wrapper-simple-grid .grid .cell-grid {
      margin-bottom: 24px; }
      .maz .wrapper-simple-grid .grid .cell-grid.left {
        padding-right: 12px; }
      .maz .wrapper-simple-grid .grid .cell-grid.right {
        padding-left: 12px; } }
  @media only screen and (max-width: 767px) {
    .maz .wrapper-simple-grid .grid .cell-grid {
      width: 100%; }
      .maz .wrapper-simple-grid .grid .cell-grid.left {
        padding-right: 0; }
      .maz .wrapper-simple-grid .grid .cell-grid.right {
        padding-left: 0; } }
  .maz .over-slideshow {
    width: 100%;
    position: relative; }
  .maz .wrapper-slideshow {
    width: 100%;
    padding-right: 30px;
    position: relative;
    overflow: hidden; }
  .maz .slideshow {
    width: 25%;
    height: auto;
    position: relative;
    z-index: 1;
    font-size: 0;
    white-space: nowrap;
    text-align: left; }
  .maz .slide {
    width: 100%;
    padding-left: 30px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    vertical-align: top;
    left: 0 !important; }
    .maz .slide .link {
      display: block;
      width: 100%;
      position: relative;
      white-space: normal; }
      .maz .slide .link:hover .text {
        display: block; }
    .maz .slide .image {
      width: 100%;
      height: auto; }
    .maz .slide .text {
      display: none;
      width: 100%;
      height: 100%;
      padding: 0 10px;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      background-color: rgba(0, 0, 0, 0.85);
      background/*\**/: transparent url(../images/1x1-000000-85.png) repeat 0 0\9;
      text-align: center; }
    .touch .maz .slide {
      padding-left: 20px; }
      .touch .maz .slide .text {
        display: block;
        position: static;
        height: auto;
        margin-top: 10px;
        padding: 0;
        background: none; }
        .touch .maz .slide .text .btn {
          display: none; }
  .maz .slideshow-arrow {
    width: 16.8%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 2;
    background: #2a2b2f; }
    .maz .slideshow-arrow span {
      display: block;
      width: 7px;
      height: 11px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -6px 0 0 -4px;
      background-color: transparent;
      background-image: url("../images/sprite.png");
      background-repeat: no-repeat; }
    .maz .slideshow-arrow.slideshow-arrow-tol {
      left: -16.7%;
      border-right: 1px solid #191919; }
      .maz .slideshow-arrow.slideshow-arrow-tol span {
        background-position: -38px -35px; }
      .maz .slideshow-arrow.slideshow-arrow-tol.disabled {
        cursor: default; }
        .maz .slideshow-arrow.slideshow-arrow-tol.disabled span {
          background-position: -38px -46px; }
        .maz .slideshow-arrow.slideshow-arrow-tol.disabled:hover {
          background-color: #2a2b2f; }
          .maz .slideshow-arrow.slideshow-arrow-tol.disabled:hover span {
            background-position: -38px -46px; }
      .maz .slideshow-arrow.slideshow-arrow-tol:hover {
        background-color: #191919; }
        .maz .slideshow-arrow.slideshow-arrow-tol:hover span {
          background-position: -39px -57px; }
        .touch .maz .slideshow-arrow.slideshow-arrow-tol:hover {
          background: #2a2b2f; }
    .maz .slideshow-arrow.slideshow-arrow-bor {
      right: -16.7%;
      border-left: 1px solid #191919; }
      .maz .slideshow-arrow.slideshow-arrow-bor span {
        background-position: -32px -35px; }
      .maz .slideshow-arrow.slideshow-arrow-bor.disabled {
        cursor: default; }
        .maz .slideshow-arrow.slideshow-arrow-bor.disabled span {
          background-position: -32px -46px; }
        .maz .slideshow-arrow.slideshow-arrow-bor.disabled:hover {
          background-color: #2a2b2f; }
          .maz .slideshow-arrow.slideshow-arrow-bor.disabled:hover span {
            background-position: -32px -46px; }
      .maz .slideshow-arrow.slideshow-arrow-bor:hover {
        background-color: #191919; }
        .maz .slideshow-arrow.slideshow-arrow-bor:hover span {
          background-position: -32px -57px; }
        .touch .maz .slideshow-arrow.slideshow-arrow-bor:hover {
          background: #2a2b2f; }
  @media only screen and (max-width: 1599px) {
    .maz .slideshow {
      width: 33.38%; } }
  .touch .maz .wrapper-slideshow {
    padding-right: 18px; }
  @media only screen and (max-width: 600px) {
    .maz .slideshow {
      width: 50%; } }
  .maz .within-menu {
    width: 380px;
    height: 100%;
    padding-right: 2px;
    position: absolute;
    top: 0;
    left: -380px;
    background: rgba(42, 43, 46, 0.2);
    -webkit-transition: left 0.3s ease-in-out;
    -moz-transition: left 0.3s ease-in-out;
    -ms-transition: left 0.3s ease-in-out;
    -o-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px); }
    html.menu-is-open .maz .within-menu {
      left: 0px; }
  .maz .inside-menu {
    width: 100%;
    height: 100%;
    background: #2a2b2f; }
    .maz .inside-menu .list-menu {
      width: 100%;
      height: 100%;
      overflow: hidden; }
    .maz .inside-menu ul {
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      text-align: left; }
      .maz .inside-menu ul li {
        border-bottom: 1px solid #212226; }
        .maz .inside-menu ul li a {
          display: block;
          width: 100%;
          padding: 35px 25px;
          font: normal 20px Arial, Helvetica, sans-serif;
          color: #a3a4a6; }
          .no-touch .maz .inside-menu ul li a:hover {
            background: #191919; }
  .maz #menu {
    display: block;
    width: 100%;
    height: 100%;
    margin-right: 20px;
    position: relative;
    box-sizing: content-box; }
    html.submenu-is-open .maz #menu {
      display: none; }
    .maz #menu .all-channels {
      position: relative; }
      .maz #menu .all-channels:after {
        content: '';
        display: inline-block;
        width: 7px;
        height: 11px;
        position: absolute;
        top: 50%;
        right: 25px;
        margin-top: -6px;
        background: transparent url("../images/sprite.png") no-repeat -7px 0; }
    .maz #menu li a {
      padding: 35px 25px;
      text-transform: uppercase;
      letter-spacing: 1px;
      font: normal 16px Arial, Helvetica, sans-serif; }
  .maz #submenu {
    display: none;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: auto;
    padding-right: 20px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }
    html.submenu-is-open .maz #submenu {
      display: block; }
    .maz #submenu li a {
      padding: 20px 25px;
      font: normal 14px Arial, Helvetica, sans-serif;
      letter-spacing: 1px;
      text-transform: uppercase; }
      .touch .maz #submenu li a {
        background: transparent; }
        .touch .maz #submenu li a.all-channels {
          background: #191919; }
    .maz #submenu .all-channels {
      display: block;
      width: 100%;
      padding: 35px 25px 35px 50px;
      position: relative;
      background: #191919;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size: 16px; }
      .maz #submenu .all-channels:after {
        content: '';
        display: inline-block;
        width: 7px;
        height: 11px;
        position: absolute;
        top: 50%;
        left: 25px;
        margin-top: -6px;
        background: transparent url("../images/sprite.png") no-repeat 0 0; }
  .maz #button-menu {
    width: 45px;
    height: 155px;
    position: absolute;
    top: 0;
    right: -45px; }
    .maz #button-menu .maz-icon {
      display: block;
      width: 100%;
      padding: 15px 10px; }
      .maz #button-menu .maz-icon span {
        display: block;
        width: 25px;
        height: 21px;
        background-color: transparent;
        background-image: url("../images/sprite.png");
        background-repeat: no-repeat;
        background-position: -25px -14px; }
        html.menu-is-open .maz #button-menu .maz-icon span {
          background-position: 0 -14px; }
      .no-touch .maz #button-menu .maz-icon:hover span {
        background-position: 0 -14px; }
    .maz #button-menu .logo {
      display: block;
      width: 45px;
      padding: 15px 0 15px 11px; }
      .maz #button-menu .logo span {
        display: block;
        width: 20px;
        height: 82px;
        background: transparent url("../images/sprite.png") no-repeat 0 -35px; }
  @media only screen and (max-width: 1599px) {
    .maz #menu li a {
      font-size: 15px; }
    .maz #submenu li a {
      font-size: 13px; }
      .maz #submenu li a.all-channels {
        font-size: 15px; }
    .maz .within-menu {
      width: 280px;
      left: -280px; } }
  .maz .title-site {
    width: 100%;
    font-size: 0; }
    .maz .title-site .image {
      width: 50%;
      height: auto; }
  .maz .title-player {
    width: 100%;
    position: relative;
    text-align: center;
    font: normal 24px "Century Gothic", Times, serif;
    text-transform: uppercase;
    line-height: 38px;
    color: #212226;
    padding: 0 10%; }
  .maz .subtitle-player {
    display: block;
    margin-bottom: 5px;
    text-align: center;
    font: normal 16px Arial, Helvetica, sans-serif;
    color: #a3a4a6; }
    .maz .subtitle-player.margin-top {
      margin-top: 20px; }
  .maz .section-title {
    font: normal 20px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    line-height: .9;
    color: #ddd; }
    .maz .section-title.margin-top {
      margin-top: 55px; }
    .maz .section-title.margin-bottom {
      margin-bottom: 25px; }
    .maz .section-title.margin-bottom-with-button {
      margin-bottom: 55px; }
    .maz .section-title.js-scrollto {
      cursor: pointer; }
  .maz .page-title {
    font: normal 26px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #fff; }
    .maz .page-title.center {
      text-align: center; }
    .maz .page-title.margin-top {
      margin-top: 50px; }
    .maz .page-title.margin-bottom {
      margin-bottom: 50px; }
  .maz .media-title {
    font: normal 15px Arial, Helvetica, sans-serif;
    line-height: 22px;
    color: #fff; }
  .maz .media-larg-title {
    font: normal 46px "Century Gothic", Times, serif;
    text-transform: uppercase;
    color: #fff;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0px); }
  @media only screen and (max-width: 1599px) {
    .maz .section-title.margin-top {
      margin-top: 40px; }
    .maz .section-title.margin-bottom {
      margin-bottom: 20px; }
    .maz .section-title.margin-bottom-with-button {
      margin-bottom: 40px; } }
  @media only screen and (max-width: 1399px) {
    .maz .title-player {
      font-size: 20px;
      line-height: 22px; }
    .maz .subtitle-player {
      font-size: 14px; }
    .maz .section-title {
      font-size: 15px; }
    .maz .media-title {
      font-size: 13px;
      line-height: 16px; }
    .maz .media-larg-title {
      font-size: 40px; }
    .maz .page-title {
      font-size: 20px; } }
  .maz .wrapper-btn.center {
    text-align: center; }
  .maz .wrapper-btn.margin-top {
    margin-top: 50px; }
  .maz .wrapper-btn.margin-bottom {
    margin-bottom: 50px; }
  .maz .wrapper-btn.padding-top {
    padding-top: 30px; }
  .maz .wrapper-btn.padding-bottom {
    padding-bottom: 30px; }
  .maz .wrapper-btn.align-right {
    position: absolute;
    top: 35px;
    right: 0; }
  .maz .btn {
    display: inline-block;
    padding: 14px 20px;
    background: none;
    font: normal 12px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    color: #a3a4a6;
    height: auto;
    border: none; }
    .maz .btn span {
      display: inline-block;
      margin-left: 10px;
      background-image: url("../images/sprite.png");
      background-repeat: no-repeat; }
    .maz .btn.grey {
      background-color: #2a2b2f;
      border: 5px solid #191919; }
    .maz .btn.white {
      background-color: #fff;
      border: 5px solid #ddd;
      color: #a3a4a6; }
    .maz .btn.all span {
      width: 14px;
      height: 10px;
      position: relative;
      top: -1px;
      background-color: #a3a4a6;
      background-position: -14px 0; }
    .maz .btn.more span {
      width: 11px;
      height: 7px;
      position: relative;
      top: -1px;
      background-color: transparent;
      background-position: -28px 0; }
    .maz .btn.circle {
      width: 66px;
      height: 66px;
      position: relative;
      margin-top: 6px;
      border-radius: 50%;
      background-color: rgba(106, 105, 104, 0.55); }
      .maz .btn.circle span {
        width: 0;
        height: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -6px 0 0 -4px;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 10px solid #fff; }
      html.ie8 .maz .btn.circle {
        background: transparent url(../images/play.png) repeat 0 0; }
        html.ie8 .maz .btn.circle span {
          display: none; }
      .maz .btn.circle.absolute {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -33px 0 0 -33px; }
    .maz .btn.transparent {
      background-color: transparent;
      border: 5px solid rgba(255, 255, 255, 0.2);
      color: #fff; }
      html.ie8 .maz .btn.transparent {
        width: 133px;
        height: 57px;
        padding-top: 22px;
        background: transparent url(../images/border-rec-ffffff-20.png) repeat 0 0;
        border: none; }
    .maz .btn.infinite-scroll-button {
      display: none; }
      .maz .btn.infinite-scroll-button.is-active {
        display: inline-block; }
  .maz .btn:hover.grey {
    background-color: #191919;
    color: #fff; }
  .maz .btn:hover.white {
    background-color: #ddd;
    color: #191919; }
  .maz .btn:hover.all span {
    background-color: #fff; }
  .maz .btn:hover.more.white span {
    background-position: -28px -7px; }
  .maz .btn:hover.more.grey span {
    background-position: -39px 0; }
  .touch .maz .btn:hover.grey {
    background-color: #2a2b2f;
    color: #a3a4a6; }
  .touch .maz .btn:hover.white {
    background-color: #fff;
    color: #a3a4a6; }
  .touch .maz .btn:hover.more span {
    background-position: -28px 0; }
  .touch .maz .btn:hover.all span {
    background-color: #a3a4a6; }
  .maz .wrapper-simple-grid .link.link-is-active .btn.transparent {
    background-color: #ddd;
    border: 5px solid #ddd;
    color: #191919;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s; }
    html.ie8 .maz .wrapper-simple-grid .link.link-is-active .btn.transparent {
      border: none; }
  .maz .wrapper-simple-grid .link.link-is-disable img,
  .maz .wrapper-simple-grid .link.link-is-disable .media-larg-title,
  .maz .wrapper-simple-grid .link.link-is-disable .btn {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5; }
  .touch .maz .wrapper-simple-grid .link.link-is-active .btn.transparent {
    background-color: transparent;
    border: 5px solid rgba(255, 255, 255, 0.2);
    color: #a3a4a6; }
  .touch .maz .wrapper-simple-grid .link.link-is-disable {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1; }
  @media only screen and (max-width: 1599px) {
    .maz .wrapper-btn.align-right {
      top: 21px; }
    .maz .wrapper-btn.margin-top {
      margin-top: 30px; } }
  @media only screen and (max-width: 1399px) {
    .maz .btn.circle {
      width: 45px;
      height: 45px; }
      .maz .btn.circle.absolute {
        margin: -22px 0 0 -22px; }
      html.ie8 .maz .btn.circle {
        background: transparent url(../images/play-small.png) repeat 0 0; } }
  .maz .intro-wrapper {
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 30px 50px; }
    .maz .intro-wrapper .mmm-player {
      background: #000; }
  .maz .intro-content-wrapper {
    max-width: 980px; }
  .maz .intro-content {
    width: 100%;
    height: auto !important; }
  @media only screen and (max-width: 767px) {
    .maz .intro-content {
      width: 65%; } }
  .maz #control-filter {
    position: absolute;
    top: 64px;
    right: 0;
    text-align: right;
    letter-spacing: 1px;
    font: normal 12px Arial, Helvetica, sans-serif;
    color: #a3a4a6; }
    .maz #control-filter p {
      display: none;
      margin-top: 10px;
      line-height: 16px; }
      .filter-is-open .maz #control-filter p {
        display: none; }
      .filter-is-open.touch .maz #control-filter p {
        display: none; }
    .maz #control-filter span {
      text-transform: uppercase; }
      .maz #control-filter span:after {
        content: '';
        display: inline-block;
        width: 11px;
        height: 7px;
        margin-left: 10px;
        background: transparent url("../images/sprite.png") no-repeat -28px 0; }
        .filter-is-open .maz #control-filter span:after {
          background-position: -39px -7px; }
    .filter-is-open .maz #control-filter {
      color: #fff; }
    .no-touch .maz #control-filter:hover {
      color: #fff; }
      .no-touch .maz #control-filter:hover p {
        display: block; }
        .filter-is-open .no-touch .maz #control-filter:hover p {
          display: none; }
      .no-touch .maz #control-filter:hover span:after {
        background: transparent url("../images/sprite.png") no-repeat -39px 0; }
      .filter-is-open .no-touch .maz #control-filter:hover span:after {
        background-position: -39px -7px; }
  .no-touch.filter-is-open .maz #control-filter:hover span:after {
    background-position: -39px -7px; }
  .maz #filter {
    width: 100%;
    max-height: 0px;
    position: relative;
    overflow: hidden;
    -webkit-transition: max-height 0.8s ease-in-out;
    -moz-transition: max-height 0.8s ease-in-out;
    -ms-transition: max-height 0.8s ease-in-out;
    -o-transition: max-height 0.8s ease-in-out;
    transition: max-height 0.8s ease-in-out; }
    .maz #filter .custom-filters {
      width: 100%;
      padding: 40px 190px;
      margin-bottom: 30px;
      background: #212226;
      text-align: center; }
      .maz #filter .custom-filters li {
        display: inline-block;
        margin: 0 5px 10px; }
        .maz #filter .custom-filters li a {
          display: block;
          padding: 8px 16px;
          position: relative;
          background: #191919;
          -webkit-border-radius: 10px;
          -moz-border-radius: 10px;
          -ms-border-radius: 10px;
          -o-border-radius: 10px;
          border-radius: 10px;
          font: normal 18px Arial, Helvetica, sans-serif;
          text-transform: uppercase;
          color: #606060; }
          .no-touch .maz #filter .custom-filters li a:hover {
            color: #ddd; }
          .maz #filter .custom-filters li a.highlight {
            padding-right: 30px;
            color: #ddd; }
            .maz #filter .custom-filters li a.highlight:after {
              content: " ";
              display: block;
              width: 11px;
              height: 11px;
              position: absolute;
              top: 50%;
              right: 10px;
              margin-top: -6px;
              background: transparent url("../images/sprite.png") no-repeat -21px -35px; }
        .maz #filter .custom-filters li.filter-channels.first {
          padding-left: 10px;
          background: transparent url(../images/border-vertical-5d5e60.png) no-repeat 0 2px; }
    .filter-is-open .maz #filter {
      max-height: 500px; }
  @media only screen and (max-width: 1399px) {
    .maz #control-filter {
      top: 54px; }
    .maz #filter .custom-filters {
      padding: 40px 90px; } }
  .maz .scroll-to-top {
    display: none; }
  @media only screen and (min-width: 1024px) {
    .maz .scroll-to-top {
      z-index: 10;
      display: block;
      opacity: 0;
      transition: opacity .5s ease-in-out; }
      .maz .scroll-to-top.show {
        position: absolute;
        bottom: 20px;
        right: 40px;
        width: 40px;
        height: 40px;
        opacity: .8;
        background-color: #d8d8d8;
        border: 1px solid #808080;
        border-radius: 120px;
        cursor: pointer; }
        .maz .scroll-to-top.show.fixed {
          position: fixed;
          bottom: 20px;
          right: 40px; }
        .maz .scroll-to-top.show:before, .maz .scroll-to-top.show:after {
          position: absolute;
          display: block;
          content: ' ';
          width: 0px;
          height: 0px; }
        .maz .scroll-to-top.show:before {
          top: 50%;
          left: 50%;
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-bottom: 10px solid #808080;
          transform: translate(-50%, -50%); }
        .maz .scroll-to-top.show:after {
          top: calc(50% + 1px);
          left: 50%;
          border-left: 9px solid transparent;
          border-right: 9px solid transparent;
          border-bottom: 9px solid #d8d8d8;
          transform: translate(-50%, -50%); } }

/*------------------------------------*\
    $PLAYER
\*------------------------------------*/
.wrapper-player {
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 45px 40px; }
  .wrapper-player .mmm-player {
    background: #000; }

/*------------------------------------*\
    $PLAYER_CROSS_VIEW
\*------------------------------------*/
.cross-player-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.85); }
  .no-rgba .cross-player-wrapper {
    background: url("../images/black-eighty-percent.png") 0px 0px; }

.cross-player-inside {
  width: 100%;
  padding-bottom: 40px; }

.cross-player-cell {
  width: 30%;
  display: inline-block;
  margin: 6% 5% 0;
  vertical-align: top; }
  .cross-player-cell .link {
    display: block;
    width: 100%;
    height: 100%;
    margin-bottom: 6%; }
    .cross-player-cell .link .image {
      width: 100%;
      height: auto; }
    .cross-player-cell .link.relative {
      position: relative; }

.cross-player-title {
  display: block;
  margin-bottom: 5px;
  text-transform: uppercase;
  text-align: center;
  font: bold 12px Arial, Helvetica, sans-serif;
  color: #a3a4a6; }

.youtube-player-wrapper {
  position: relative;
  padding-top: 56.25%;
  width: 100%; }
  .youtube-player-wrapper.playing .youtube-player-controls .youtube-player-control-play-pause a:after {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 8px;
    height: 12px;
    overflow: hidden;
    background-image: url(../images/mmm-sprite.png);
    background-repeat: no-repeat;
    background-position: -89px -49px; }
    @media screen and (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
      .youtube-player-wrapper.playing .youtube-player-controls .youtube-player-control-play-pause a:after {
        background-image: url(../images/mmm-sprite@2x.png);
        background-size: 128px; } }
  .youtube-player-wrapper.paused .youtube-player-controls .youtube-player-control-play-pause a:after {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 8px;
    height: 11px;
    overflow: hidden;
    background-image: url(../images/mmm-sprite.png);
    background-repeat: no-repeat;
    background-position: -99px -49px; }
    @media screen and (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
      .youtube-player-wrapper.paused .youtube-player-controls .youtube-player-control-play-pause a:after {
        background-image: url(../images/mmm-sprite@2x.png);
        background-size: 128px; } }
  .youtube-player-wrapper.yt-ready .youtube-player-poster a {
    cursor: pointer; }
  .youtube-player-wrapper.yt-ready .youtube-player-poster .youtube-player-play {
    display: block; }
  .youtube-player-wrapper.yt-ready .youtube-player-controls {
    display: block; }
  .youtube-player-wrapper .youtube-iframe-wrapper,
  .youtube-player-wrapper .youtube-player-js,
  .youtube-player-wrapper .youtube-iframe-wrapper > iframe {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute; }
  .youtube-player-wrapper .youtube-player-controls {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 54px;
    background-color: #000000;
    display: none; }
    .youtube-player-wrapper .youtube-player-controls .youtube-player-control-timeline {
      width: 100%;
      height: 4px;
      background-color: #717171;
      position: absolute;
      top: 0;
      left: 0;
      cursor: pointer; }
      .youtube-player-wrapper .youtube-player-controls .youtube-player-control-timeline .control-timeline-progress {
        width: auto;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #ffffff; }
    .youtube-player-wrapper .youtube-player-controls .youtube-player-control-play-pause {
      width: 52px;
      height: 50px;
      position: absolute;
      top: 4px;
      left: 0;
      border-right: 1px solid #2b2b2b; }
      .youtube-player-wrapper .youtube-player-controls .youtube-player-control-play-pause a {
        display: block;
        width: 100%;
        height: 100%;
        padding-top: 19px;
        padding-left: 21px; }
        .youtube-player-wrapper .youtube-player-controls .youtube-player-control-play-pause a:after {
          display: inline-block;
          *display: inline;
          zoom: 1;
          width: 8px;
          height: 11px;
          overflow: hidden;
          background-image: url(../images/mmm-sprite.png);
          background-repeat: no-repeat;
          background-position: -99px -49px;
          content: '';
          display: block !important;
          width: 8px;
          height: 12px; }
          @media screen and (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
            .youtube-player-wrapper .youtube-player-controls .youtube-player-control-play-pause a:after {
              background-image: url(../images/mmm-sprite@2x.png);
              background-size: 128px; } }
  .youtube-player-wrapper .youtube-player-msg-fullscreen {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 5px;
    display: none; }
    .rgba .youtube-player-wrapper .youtube-player-msg-fullscreen {
      background: rgba(0, 0, 0, 0.5); }
    .no-rgba .youtube-player-wrapper .youtube-player-msg-fullscreen {
      filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#7F000000', EndColorStr='#7F000000'); }
    .youtube-player-wrapper .youtube-player-msg-fullscreen.active {
      display: block; }
    .youtube-player-wrapper .youtube-player-msg-fullscreen p {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 14px;
      line-height: 16px;
      color: #fff; }
  .youtube-player-wrapper .youtube-player-poster {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    transition: opacity 450ms ease-in, visibility 450ms ease-in;
    -webkit-transition: opacity 450ms ease-in, visibility 450ms ease-in;
    -moz-transition: opacity 450ms ease-in, visibility 450ms ease-in;
    -ms-transition: opacity 450ms ease-in, visibility 450ms ease-in;
    -o-transition: opacity 450ms ease-in, visibility 450ms ease-in; }
    .youtube-player-wrapper .youtube-player-poster.active {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
      visibility: visible; }
    .youtube-player-wrapper .youtube-player-poster a {
      display: block;
      width: 100%;
      height: 100%;
      position: relative;
      cursor: default; }
    .youtube-player-wrapper .youtube-player-poster img {
      display: block;
      width: 100%;
      height: auto; }
    .youtube-player-wrapper .youtube-player-poster .youtube-player-play {
      -webkit-border-radius: 100px;
      -moz-border-radius: 100px;
      -ms-border-radius: 100px;
      -o-border-radius: 100px;
      border-radius: 100px;
      background: rgba(106, 105, 104, 0.5);
      display: none;
      width: 65px;
      height: 65px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -32px;
      margin-left: -32px; }
      .youtube-player-wrapper .youtube-player-poster .youtube-player-play:after {
        display: inline-block;
        *display: inline;
        zoom: 1;
        width: 8px;
        height: 11px;
        overflow: hidden;
        background-image: url(../images/mmm-sprite.png);
        background-repeat: no-repeat;
        background-position: -99px -49px;
        content: '';
        display: block !important;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -5px;
        margin-left: -4px; }
        @media screen and (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
          .youtube-player-wrapper .youtube-player-poster .youtube-player-play:after {
            background-image: url(../images/mmm-sprite@2x.png);
            background-size: 128px; } }
    .youtube-player-wrapper .youtube-player-poster .youtube-old-browser {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      text-align: center;
      padding: 5px;
      display: none; }
      .rgba .youtube-player-wrapper .youtube-player-poster .youtube-old-browser {
        background: rgba(0, 0, 0, 0.5); }
      .no-rgba .youtube-player-wrapper .youtube-player-poster .youtube-old-browser {
        filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#7F000000', EndColorStr='#7F000000'); }
      .youtube-player-wrapper .youtube-player-poster .youtube-old-browser .youtube-old-msg {
        display: none; }
        .youtube-player-wrapper .youtube-player-poster .youtube-old-browser .youtube-old-msg.active {
          display: block; }
      .youtube-player-wrapper .youtube-player-poster .youtube-old-browser.active {
        display: block; }
      .youtube-player-wrapper .youtube-player-poster .youtube-old-browser p {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        line-height: 16px;
        color: #fff; }

.youtube-player-wrapper .youtube-player-poster .youtube-old-browser p {
  padding: 5px 0 3px; }
.youtube-player-wrapper .youtube-player-poster .logos-desktop {
  width: 100%;
  margin: 0 auto; }
  .youtube-player-wrapper .youtube-player-poster .logos-desktop .store-logo-desktop {
    display: inline-block;
    margin: 10px 35px;
    width: 15%; }

@media only screen and (max-width: 1399px) {
  .mmm-big-play-button {
    width: 45px;
    height: 45px;
    margin-left: -25px;
    margin-top: -25px; }
    .ie8 .mmm-big-play-button {
      background: url("../images/play-bg-small.png") 0px 0px; }
    .ie8 .mmm-is-playing .mmm-big-play-button {
      background: url("../images/blank.gif");
      width: 46px; }

  .youtube-player-wrapper .youtube-player-poster .youtube-player-play {
    width: 45px;
    height: 45px;
    margin-top: -22px;
    margin-left: -22px; } }
@media only screen and (max-width: 767px) {
  .cross-player-title {
    font: normal 10px Arial, Helvetica, sans-serif; }

  .cross-player-cell {
    margin: 3% 3% 0; } }
/*------------------------------------
    $TOOLBAR
------------------------------------*/
.toolbar {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 2px 3px;
  z-index: 11;
  background: Indigo;
  font-size: 10px;
  color: white; }

@media only screen and (min-width: 1920px) {
  .toolbar {
    background: red; } }
@media only screen and (max-width: 1919px) {
  .toolbar {
    background: pink; } }
@media only screen and (max-width: 1599px) {
  .toolbar {
    background: green; } }
@media only screen and (max-width: 1399px) {
  .toolbar {
    background: MediumVioletRed; } }
@media only screen and (max-width: 1023px) {
  .toolbar {
    background: Navy; } }
@media only screen and (max-width: 767px) {
  .toolbar {
    background: OrangeRed; } }
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg); } }
@-moz-keyframes rotation {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(359deg); } }
@-o-keyframes rotation {
  from {
    -o-transform: rotate(0deg); }
  to {
    -o-transform: rotate(359deg); } }
@-ms-keyframes rotation {
  from {
    -ms-transform: rotate(0deg); }
  to {
    -ms-transform: rotate(359deg); } }
@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }
#dior-tv-loader {
  background: #000;
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999; }
  .dior-loading #dior-tv-loader {
    display: block !important; }
  #dior-tv-loader:after {
    content: "";
    position: absolute;
    width: 42px;
    height: 42px;
    top: 50%;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    background: url(../images/loader.png) left top no-repeat;
    -webkit-animation: rotation 1s infinite linear;
    -moz-animation: rotation 1s infinite linear;
    -ms-animation: rotation 1s infinite linear;
    -o-animation: rotation 1s infinite linear;
    animation: rotation 1s infinite linear; }

.inside-connection img.image {
  margin-bottom: 40px; }

.error-content {
  text-align: center; }
  .error-content p {
    margin: 0 0 20px;
    color: #3f3f3f;
    font-size: 12px;
    line-height: 20px; }
  .error-content a {
    text-decoration: underline;
    color: #404040;
    font-size: 11px; }

.section-page-404 #footer.diorcom-footer {
  position: relative; }
.section-page-404 .inside-connection {
  top: 40%; }
  .section-page-404 .inside-connection .image {
    margin: 0 auto 20px;
    display: block;
    width: 80%; }

/*------------------------------------*\
    $POLICES
\*------------------------------------*/
@font-face {
  font-family: "avenir-light";
  src: url("../fonts/AvenirLTStd-Light.eot");
  src: url("../fonts/AvenirLTStd-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/AvenirLTStd-Light.woff") format("woff"), url("../fonts/AvenirLTStd-Light.ttf") format("truetype"), url("../fonts/AvenirLTStd-Light.svgz#avenir-light") format("svg"), url("../fonts/AvenirLTStd-Light.svg#avenir-light") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Century Gothic";
  src: url("../fonts/CenturyGothic_gdi.eot");
  src: url("../fonts/CenturyGothic_gdi.eot?#iefix") format("embedded-opentype"), url("../fonts/CenturyGothic_gdi.woff") format("woff"), url("../fonts/CenturyGothic_gdi.ttf") format("truetype"), url("../fonts/CenturyGothic_gdi.svgz#Century Gothic") format("svg"), url("../fonts/CenturyGothic_gdi.svg#Century Gothic") format("svg");
  font-weight: normal;
  font-style: normal; }
.popin-wrapper {
  text-align: center;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 12;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.popin-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 11;
  background: url(../images/black-eighty-five-percents.png); }

#wrapper-menu {
  position: fixed;
  margin-top: 62px;
  top: 0;
  left: 0;
  z-index: 11;
  -webkit-transform: translateY(0px) translateZ(0);
  -moz-transform: translateY(0px) translateZ(0);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px) translateZ(0);
  transform: translateY(0px) translateZ(0);
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out; }
  #wrapper-menu.open {
    -webkit-transform: translateY(157px) translateZ(0);
    -moz-transform: translateY(157px) translateZ(0);
    -ms-transform: translateY(157px);
    -o-transform: translateY(157px) translateZ(0);
    transform: translateY(157px) translateZ(0); }

.page-player-embed.bg-black .mmm-player,
.page-player-embed.bg-black .mmm-poster {
  background-color: #000; }
.page-player-embed.bg-white .mmm-player,
.page-player-embed.bg-white .mmm-poster {
  background-color: #fff; }
.page-player-embed.bg-transparent .mmm-player,
.page-player-embed.bg-transparent .mmm-poster {
  background-color: transparent; }

/* shame override */
#dior-header .header-main-bar .rolls-nav ul li {
  margin-left: 0;
  margin-right: 0; }
  #dior-header .header-main-bar .rolls-nav ul li:not(.nav-search) {
    display: none; }

.section-user #content {
  min-height: 0 !important; }


/*# sourceMappingURL=styles.css.map*/