@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url(../../s/lato/v17/S6u8w4BMUTPHjxsAUi-v.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url(../../s/lato/v17/S6u_w4BMUTPHjxsI5wq_FQfo.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url(../../s/lato/v17/S6uyw4BMUTPHjxAttf.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url(../../s/lato/v17/S6u9w4BMUTPHh6UVSwaPHA.ttf) format('truetype');
}

@font-face {
  font-family: 'icons';
  src: url('../../fonts/icons.eot');
  src: url('../../fonts/icons.eot#iefix') format('eot'), url('../../fonts/icons.woff') format('woff'), url('../../fonts/icons.ttf') format('truetype'), url('https://player.joj.sk/fonts/icons.svg#icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
.icon {
  display: inline;
  font: normal normal normal 16px/1 'icons';
  font-size: inherit;
  text-rendering: auto;
  text-decoration: none;
  text-transform: none;
}
.icon-aspect-ratio:before {
  content: '\E001';
}
.icon-check-circle:before {
  content: '\E002';
}
.icon-check-circle2:before {
  content: '\E003';
}
.icon-chevron-left:before {
  content: '\E004';
}
.icon-chevron-right:before {
  content: '\E005';
}
.icon-close-alt:before {
  content: '\E006';
}
.icon-close:before {
  content: '\E007';
}
.icon-code:before {
  content: '\E008';
}
.icon-cog:before {
  content: '\E009';
}
.icon-compress:before {
  content: '\E00A';
}
.icon-exclamation:before {
  content: '\E00B';
}
.icon-exclamation2:before {
  content: '\E00C';
}
.icon-expand:before {
  content: '\E00D';
}
.icon-facebook:before {
  content: '\E00E';
}
.icon-form-arrow:before {
  content: '\E00F';
}
.icon-google-plus:before {
  content: '\E010';
}
.icon-lock:before {
  content: '\E011';
}
.icon-men-2:before {
  content: '\E012';
}
.icon-men:before {
  content: '\E013';
}
.icon-movie-film:before {
  content: '\E014';
}
.icon-movie-film2:before {
  content: '\E015';
}
.icon-pause:before {
  content: '\E016';
}
.icon-play:before {
  content: '\E017';
}
.icon-playlist-play:before {
  content: '\E018';
}
.icon-playlist:before {
  content: '\E019';
}
.icon-processing:before {
  content: '\E01A';
}
.icon-radio-pause:before {
  content: '\E01B';
}
.icon-radio-play:before {
  content: '\E01C';
}
.icon-radio-volume-off:before {
  content: '\E01D';
}
.icon-radio-volume-on:before {
  content: '\E01E';
}
.icon-replay:before {
  content: '\E01F';
}
.icon-settings:before {
  content: '\E020';
}
.icon-share-alt:before {
  content: '\E021';
}
.icon-signal-antenna:before {
  content: '\E022';
}
.icon-signal-antenna2:before {
  content: '\E023';
}
.icon-signal:before {
  content: '\E024';
}
.icon-synchronize-time:before {
  content: '\E025';
}
.icon-synchronize-time2:before {
  content: '\E026';
}
.icon-trash:before {
  content: '\E027';
}
.icon-twitter:before {
  content: '\E028';
}
.icon-volume-mute:before {
  content: '\E029';
}
.icon-volume-up:before {
  content: '\E02A';
}
.icon-volume:before {
  content: '\E02B';
}
.icon-women-2:before {
  content: '\E02C';
}
.icon-women:before {
  content: '\E02D';
}
body,
html {
  padding: 0;
  margin: 0;
}
html {
  height: 100%;
}
body {
  font-family: 'Lato', sans-serif;
  -webkit-font-smoothing: antialiased;
  width: 100%;
  height: 100%;
}
* {
  box-sizing: border-box;
}
a {
  color: #000;
}
.b-player {
  height: 100%;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}
.player-wrap,
.flowplayer {
  height: 100%;
}
.player-wrap {
  background: #000;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(../../s/roboto/v20/KFOlCnqEu92Fr1MmSU5fChc9.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(../../s/roboto/v20/KFOmCnqEu92Fr1Mu7GxP.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url(../../s/roboto/v20/KFOlCnqEu92Fr1MmEU9fChc9.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(../../s/roboto/v20/KFOlCnqEu92Fr1MmWUlfChc9.ttf) format('truetype');
}

@font-face {
  font-family: 'Panton';
  src: url('../../fonts/Panton-Light_gdi.eot');
  src: url('../../fonts/Panton-Light_gdi.eot#iefix') format('embedded-opentype'), url('../../fonts/Panton-Light_gdi.woff') format('woff'), url('../../fonts/Panton-Light_gdi.ttf') format('truetype'), url('../../fonts/Panton-Light_gdi.otf') format('opentype'), url('../../fonts/Panton-Light_gdi.svg') format('svg');
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Panton';
  src: url('../../fonts/Panton-LightItalic_gdi.eot');
  src: url('../../fonts/Panton-LightItalic_gdi.eot#iefix') format('embedded-opentype'), url('../../fonts/Panton-LightItalic_gdi.woff') format('woff'), url('../../fonts/Panton-LightItalic_gdi.ttf') format('truetype'), url('../../fonts/Panton-LightItalic_gdi.otf') format('opentype'), url('../../fonts/Panton-LightItalic_gdi.svg') format('svg');
  font-weight: 300;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Panton';
  src: url('../../fonts/Panton-Regular_gdi.eot');
  src: url('../../fonts/Panton-Regular_gdi.eot#iefix') format('embedded-opentype'), url('../../fonts/Panton-Regular_gdi.woff') format('woff'), url('../../fonts/Panton-Regular_gdi.ttf') format('truetype'), url('../../fonts/Panton-Regular_gdi.otf') format('opentype'), url('../../fonts/Panton-Regular_gdi.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Panton';
  src: url('../../fonts/Panton-RegularItalic_gdi.eot');
  src: url('../../fonts/Panton-RegularItalic_gdi.eot#iefix') format('embedded-opentype'), url('../../fonts/Panton-RegularItalic_gdi.woff') format('woff'), url('../../fonts/Panton-RegularItalic_gdi.ttf') format('truetype'), url('../../fonts/Panton-RegularItalic_gdi.otf') format('opentype'), url('../../fonts/Panton-RegularItalic_gdi.svg') format('svg');
  font-weight: 400;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Panton';
  src: url('../../fonts/Panton-SemiBold_gdi.eot');
  src: url('../../fonts/Panton-SemiBold_gdi.eot#iefix') format('embedded-opentype'), url('../../fonts/Panton-SemiBold_gdi.woff') format('woff'), url('../../fonts/Panton-SemiBold_gdi.ttf') format('truetype'), url('../../fonts/Panton-SemiBold_gdi.otf') format('opentype'), url('../../fonts/Panton-SemiBold_gdi.svg') format('svg');
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Panton';
  src: url('../../fonts/Panton-SemiBoldItalic_gdi.eot');
  src: url('../../fonts/Panton-SemiBoldItalic_gdi.eot#iefix') format('embedded-opentype'), url('../../fonts/Panton-SemiBoldItalic_gdi.woff') format('woff'), url('../../fonts/Panton-SemiBoldItalic_gdi.ttf') format('truetype'), url('../../fonts/Panton-SemiBoldItalic_gdi.otf') format('opentype'), url('../../fonts/Panton-SemiBoldItalic_gdi.svg') format('svg');
  font-weight: 500;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Panton';
  src: url('../../fonts/Panton-Bold_gdi.eot');
  src: url('../../fonts/Panton-Bold_gdi.eot#iefix') format('embedded-opentype'), url('../../fonts/Panton-Bold_gdi.woff') format('woff'), url('../../fonts/Panton-Bold_gdi.ttf') format('truetype'), url('../../fonts/Panton-Bold_gdi.otf') format('opentype'), url('../../fonts/Panton-Bold_gdi.svg') format('svg');
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Panton';
  src: url('../../fonts/Panton-BoldItalic_gdi.eot');
  src: url('../../fonts/Panton-BoldItalic_gdi.eot#iefix') format('embedded-opentype'), url('../../fonts/Panton-BoldItalic_gdi.woff') format('woff'), url('../../fonts/Panton-BoldItalic_gdi.ttf') format('truetype'), url('../../fonts/Panton-BoldItalic_gdi.otf') format('opentype'), url('../../fonts/Panton-BoldItalic_gdi.svg') format('svg');
  font-weight: 700;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Panton';
  src: url('../../fonts/Panton-ExtraBold_gdi.eot');
  src: url('../../fonts/Panton-ExtraBold_gdi.eot#iefix') format('embedded-opentype'), url('../../fonts/Panton-ExtraBold_gdi.woff') format('woff'), url('../../fonts/Panton-ExtraBold_gdi.ttf') format('truetype'), url('../../fonts/Panton-ExtraBold_gdi.otf') format('opentype'), url('../../fonts/Panton-ExtraBold_gdi.svg') format('svg');
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Panton';
  src: url('../../fonts/Panton-ExtraBoldItalic_gdi.eot');
  src: url('../../fonts/Panton-ExtraBoldItalic_gdi.eot#iefix') format('embedded-opentype'), url('../../fonts/Panton-ExtraBoldItalic_gdi.woff') format('woff'), url('../../fonts/Panton-ExtraBoldItalic_gdi.ttf') format('truetype'), url('../../fonts/Panton-ExtraBoldItalic_gdi.otf') format('opentype'), url('../../fonts/Panton-ExtraBoldItalic_gdi.svg') format('svg');
  font-weight: 800;
  font-style: italic;
  font-stretch: normal;
  unicode-range: U+0020-20AC;
}
@font-face {
  font-family: 'Panton';
  src: url('../../fonts/Panton-Black_gdi.eot');
  src: url('../../fonts/Panton-Black_gdi.eot#iefix') format('embedded-opentype'), url('../../fonts/Panton-Black_gdi.woff') format('woff'), url('../../fonts/Panton-Black_gdi.ttf') format('truetype'), url('../../fonts/Panton-Black_gdi.otf') format('opentype'), url('../../fonts/Panton-Black_gdi.svg') format('svg');
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Panton';
  src: url('../../fonts/Panton-BlackItalic_gdi.eot');
  src: url('../../fonts/Panton-BlackItalic_gdi.eot#iefix') format('embedded-opentype'), url('../../fonts/Panton-BlackItalic_gdi.woff') format('woff'), url('../../fonts/Panton-BlackItalic_gdi.ttf') format('truetype'), url('../../fonts/Panton-BlackItalic_gdi.otf') format('opentype'), url('../../fonts/Panton-BlackItalic_gdi.svg') format('svg');
  font-weight: 900;
  font-style: italic;
  font-stretch: normal;
}
.wizard {
  height: 100%;
}
.wizard .btn {
  text-decoration: none;
  background: #fe3638;
  padding: 10px 20px;
  border-radius: 6px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
}
.wizard .step {
  height: 100%;
  position: relative;
}
.wizard .step .content {
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -ms-transform-origin: 50% 0 0;
  transform-origin: 50% 0 0;
  text-align: center;
}
.wizard .step .content .e-title {
  font-size: 26px;
  font-weight: bold;
  margin: 0 0 15px 0;
}
.wizard .step .content .e-subtitle {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 25px 0;
}
.wizard .step .content .info {
  font-size: 18px;
  font-style: italic;
  color: #a9a9a9;
  font-weight: normal;
}
.wizard .step .content .icon {
  margin: 0 auto 20px auto;
  display: inline-block;
  text-align: center;
  font-size: 170px;
}
.wizard .step form .form-input {
  height: 60px;
  line-height: 60px;
  font-size: 18px;
  background: #fff;
  border-radius: 5px;
  outline: 0;
  box-shadow: none;
  border: 0;
  padding: 0 20px;
  color: #919191;
}
.wizard .step form .submit .icon {
  color: #919191;
}
.wizard .step form .form-row {
  position: relative;
}
.wizard .step form .error {
  display: block;
  background: #fe3638;
  color: #fff;
  font-size: 14px;
  padding: 3px 8px 4px 8px;
  border-radius: 5px;
  margin: 10px 0 0 0;
  width: 100%;
}
.wizard .step form .parsley-errors-list {
  position: absolute;
  padding: 0;
  margin: 0;
  list-style-type: none;
  text-align: left;
  top: 116%;
}
.wizard .step form .parsley-errors-list li {
  display: inline-block;
  background: #fe3638;
  color: #fff;
  font-size: 14px;
  padding: 3px 8px;
  border-radius: 5px;
}
.wizard .step form .parsley-errors-list li:after {
  bottom: 97%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #fe3638;
  border-width: 7px;
  margin-left: -7px;
}
.wizard .step form.parsley-error .form-input {
  color: #fe3638;
}
.wizard .step form.parsley-error .submit .icon {
  color: #fe3638 !important;
}
.wizard .step form.parsley-success .form-input {
  color: #05acef;
}
.wizard .step form.parsley-success .submit .icon {
  color: #05acef !important;
}
.wizard .step.step-bg-light {
  background: #f2f2f2;
}
.wizard .step.step-bg-dark {
  background: #1f1e21;
}
.wizard .step.step-bg-dark .e-title,
.wizard .step.step-bg-dark .e-subtitle {
  color: #fff;
}
.wizard .step.step-bg-dark a {
  color: #fff;
}
.wizard .step.step-processing .icon {
  color: #05acef;
}
.wizard .step.step-removed .icon,
.wizard .step.step-unavailable .icon {
  color: #4c4b4d;
}
.wizard .step.step-thanks .icon {
  font-size: 60px;
  color: #fff;
}
.wizard .step.step-credentials form .submit,
.wizard .step.step-age-restricted form .submit {
  background: none;
  border: 0;
  height: 60px;
  outline: 0;
  line-height: 60px;
  cursor: pointer;
  width: 60px;
  text-align: center;
  padding: 0;
}
.wizard .step.step-credentials form .submit .icon,
.wizard .step.step-age-restricted form .submit .icon {
  font-size: 18px;
  margin: 0;
}
.wizard .step.step-credentials form {
  margin: 30px auto 0 auto;
  text-align: center;
  position: relative;
  width: 340px;
}
.wizard .step.step-credentials form .form-input {
  width: 340px;
  padding: 0 55px 0 20px;
}
.wizard .step.step-credentials form .submit {
  position: absolute;
  top: 0;
  right: 0;
}
.wizard .step.step-age-restricted .content .icon {
  font-size: 34px;
  color: #fe3638;
  margin: 0 0 15px 0;
}
.wizard .step.step-age-restricted .content .e-title {
  margin: 0 0 35px 0;
}
.wizard .step.step-age-restricted form {
  margin: 0 auto;
  width: 400px;
}
.wizard .step.step-age-restricted form .form-row {
  display: inline-block;
}
.wizard .step.step-age-restricted form .form-input {
  vertical-align: middle;
  margin: 0 3px;
  width: 100px;
}
.wizard .step.step-age-restricted form .submit {
  background: #404042;
  vertical-align: middle;
  border-radius: 5px;
  margin: 0 3px;
}
.wizard .step.step-age-restricted form .submit .icon {
  color: #fff;
}
@media (width: 573px) and (height: 90px) {
  .wizard {
    width: 160px;
  }
  .wizard .step .content {
    -ms-transform: scale(0.8) translateY(-50%) !important;
    transform: scale(0.8) translateY(-50%) !important;
  }
  .wizard .step .content .icon {
    width: 40px !important;
    height: 40px !important;
    font-size: 20px !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
  }
  .wizard .step .content .e-title {
    font-size: 16px;
    margin: 0 0 5px;
  }
  .wizard .step .content .info {
    font-size: 10px;
  }
}
.w-final-screen {
  background: #000;
  min-height: 100%;
  position: relative;
}
.w-final-screen .shares {
  margin: 5px 0 0 0;
  text-align: center;
}
.w-final-screen .shares a {
  color: #fff;
  text-decoration: none;
}
.w-final-screen .shares .i {
  display: inline-block;
  margin: 5px 10px;
}
.w-final-screen .shares .i .icon {
  margin: 0 2px;
  font-size: 20px;
}
.w-final-screen .e-fullscreen-close {
  display: none;
  position: absolute;
  right: 20px;
  top: 20px;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  background: none;
  color: #ffffff;
  font-size: 32px;
  cursor: pointer;
}
.b-gender-selection {
  background: #000;
  height: 100%;
  width: 100%;
  padding: 30px;
  display: none;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: "Panton";
  font-weight: 400;
}
.b-gender-selection .content {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.b-gender-selection .form {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.b-gender-selection .title {
  color: #fff;
  font-size: 28px;
  margin: 0 0 15px 0;
  font-weight: normal;
}
.b-gender-selection .text {
  color: #a1a1a1;
  font-weight: 700;
  margin: 0;
  font-size: 16px;
}
.b-gender-selection .radio-box-wrapper {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 40px 0;
}
.b-gender-selection .radio-box-wrapper .radio-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  padding: 50px 25px;
  border-radius: 7px;
  max-width: 275px;
  width: 100%;
  color: #fff;
  cursor: pointer;
  transition: .3s ease background;
}
.b-gender-selection .radio-box-wrapper .radio-box input {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.b-gender-selection .radio-box-wrapper .radio-box + .radio-box {
  margin-left: 15px;
}
.b-gender-selection .radio-box-wrapper .radio-box .icon {
  font-size: 80px;
  margin-bottom: 20px;
}
.b-gender-selection .radio-box-wrapper .radio-box .box-title {
  font-size: 22px;
  color: #fff;
  font-weight: 700;
}
.b-gender-selection .radio-box-wrapper .radio-box:hover {
  background: rgba(255, 255, 255, 0.25);
}
.b-gender-selection .second-step {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #383838;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.b-gender-selection .second-step .header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
}
.b-gender-selection .second-step .close {
  cursor: pointer;
  position: absolute;
  top: 25px;
  right: 25px;
  color: #fff;
  background: transparent;
  border: 0;
  font-size: 35px;
  transition: .3s ease opacity;
}
.b-gender-selection .second-step .close:hover {
  opacity: 0.75;
}
.b-gender-selection .second-step .gender-icon {
  font-size: 80px;
  margin-bottom: 20px;
  font-weight: bold;
}
.b-gender-selection .second-step .age-select {
  display: -ms-flexbox;
  display: flex;
  max-width: 550px;
  width: 100%;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 40px -10px -10px -10px;
}
.b-gender-selection .second-step .age-select .age-box {
  cursor: pointer;
  width: 25%;
  text-align: center;
  padding: 10px;
}
.b-gender-selection .second-step .age-select .age-box input {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.b-gender-selection .second-step .age-select .age-box span {
  width: 100%;
  height: 100%;
  display: block;
  padding: 20px 10px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 7px;
  font-weight: 700;
  font-size: 26px;
  transition: .3s ease background;
}
.b-gender-selection .second-step .age-select .age-box:hover span {
  background: rgba(255, 255, 255, 0.25);
}
.b-gender-selection .second-step.is-visible {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 940px) {
  .b-gender-selection .radio-box-wrapper .radio-box {
    padding: 25px 15px;
    max-height: 150px;
  }
  .b-gender-selection .radio-box-wrapper .radio-box .icon {
    font-size: 70px;
  }
  .b-gender-selection .second-step .age-select {
    margin: 5px -10px -10px -10px;
  }
  .b-gender-selection .second-step .age-select .age-box span {
    padding: 2vw 0vw;
    font-size: calc(12px + 2vw);
  }
  .b-gender-selection .second-step .header .gender-icon {
    font-size: 70px;
  }
}
@media (max-width: 575px) {
  .b-gender-selection {
    padding: 15px;
  }
  .b-gender-selection .title {
    font-size: 24px;
    margin: 0 0 10px 0;
  }
  .b-gender-selection .text {
    font-size: 14px;
  }
  .b-gender-selection .radio-box-wrapper {
    margin: 20px 0;
  }
  .b-gender-selection .radio-box-wrapper .radio-box {
    padding: 3vw 6vw;
    width: auto;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .b-gender-selection .radio-box-wrapper .radio-box .icon {
    font-size: 30px;
    margin: 0 10px 0 0;
  }
  .b-gender-selection .radio-box-wrapper .radio-box .box-title {
    font-size: 20px;
  }
  .b-gender-selection .second-step .content {
    padding: 10px;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .b-gender-selection .second-step .header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 10px;
  }
  .b-gender-selection .second-step .header .gender-icon {
    font-size: 30px;
    margin: 0 10px 0 0;
  }
  .b-gender-selection .second-step .header .title {
    margin: 0;
  }
  .b-gender-selection .second-step .close {
    top: 15px;
    right: 15px;
    font-size: 25px;
  }
  .b-gender-selection .second-step .age-select {
    margin: 10px -1vw -1vw -1vw;
    width: auto;
  }
  .b-gender-selection .second-step .age-select .age-box {
    padding: 1vw;
  }
  .b-gender-selection .second-step .age-select .age-box span {
    padding: 4vw 0;
    font-size: calc(10px + 2vw);
    white-space: nowrap;
  }
}
@media (width: 573px) and (height: 90px) {
  .b-gender-selection {
    text-align: center;
    padding: 0;
    width: 160px;
    position: relative;
  }
  .b-gender-selection .title {
    font-size: 15px;
    margin: 0 0 4px 0;
    font-weight: 500;
  }
  .b-gender-selection .title + .text {
    font-size: 9px;
  }
  .b-gender-selection .radio-box-wrapper {
    margin: 7px 0;
  }
  .b-gender-selection .radio-box-wrapper .radio-box {
    padding: 5px;
    text-transform: uppercase;
    width: 100%;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.2);
  }
  .b-gender-selection .radio-box-wrapper .radio-box + .radio-box {
    margin-left: 5px;
  }
  .b-gender-selection .radio-box-wrapper .radio-box .icon {
    font-size: 15px;
    margin: 0 5px 0 0;
  }
  .b-gender-selection .radio-box-wrapper .radio-box .box-title {
    font-size: 12px;
  }
  .b-gender-selection .text {
    font-size: 11px;
  }
  .b-gender-selection .second-step {
    background: #000;
  }
  .b-gender-selection .second-step .close {
    top: 5px;
    right: 0;
    font-size: 16px;
    padding: 0;
  }
  .b-gender-selection .second-step .content {
    padding: 0;
  }
  .b-gender-selection .second-step .age-select {
    margin: 0;
  }
  .b-gender-selection .second-step .age-select .age-box {
    padding: 2px;
  }
  .b-gender-selection .second-step .age-select .age-box span {
    font-size: 9px;
    padding: 5px 3px;
    border-radius: 2px;
  }
  .b-gender-selection .second-step .header {
    margin: 0 0 10px 0;
  }
  .b-gender-selection .second-step .header .gender-icon {
    font-size: 14px;
    margin: 0 5px 0 0;
  }
  .b-gender-selection .second-step .header .title {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
  }
}
.final-screen-on .player-wrap,
.gender-selection-on .player-wrap {
  display: none;
}
.gender-selection-on .b-gender-selection {
  display: -ms-flexbox;
  display: flex;
}
.rmp-container {
  height: 100% !important;
  width: 100% !important;
}
.rmp-waiting .rmp-overlay-button,
.rmp-preparing .rmp-overlay-button {
  display: none;
}
.rmp-preparing .rmp-outline {
  display: none;
}
.rmp-outline {
  z-index: 1;
}
.rmp-module {
  z-index: 2;
}
.rmp-time-total .ad-offset {
  top: 0;
  width: 3px;
  height: 9px;
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
}
.rmp-time-total .ad-offset[data-break-type="nonlinear"] {
  display: none;
}
.rmp-time-total .rmp-handle {
  z-index: 1;
}
.rmp-hd > .rmp-module-button > .rmp-i-hd {
  font-size: 20px !important;
}
.b-video-scrolled .rmp-video,
.b-video-scrolled .rmp-content {
  width: 160px;
}
.b-video-scrolled .rmp-overlay-button {
  display: none !important;
}
.b-video-scrolled .rmp-outline {
  left: 180px !important;
  bottom: -10px !important;
  width: 393px;
}
.b-video-scrolled .rmp-module,
.b-video-scrolled .rmp-volume,
.b-video-scrolled .rmp-fullscreen {
  display: none !important;
}
.b-video-scrolled.skin-3 .rmp-time-elapsed {
  margin-left: 50px;
}
.b-video-scrolled .rmp-loading-spin {
  left: 80px;
}
.b-video-scrolled .rmp-no-chrome .rmp-outline,
.b-video-scrolled .rmp-no-chrome .rmp-module,
.b-video-scrolled .rmp-no-chrome .rmp-logo,
.b-video-scrolled .rmp-no-chrome .rmp-360-ui,
.b-video-scrolled .rmp-no-chrome .rmp-playlist-left-arrow,
.b-video-scrolled .rmp-no-chrome .rmp-playlist-right-arrow {
  opacity: 1;
}
.b-video-scrolled .rmp-ad-container {
  width: 160px;
  height: 90px;
}
.b-video-scrolled .rmp-ad-container > div {
  width: 160px !important;
  height: 90px !important;
}
.b-video-scrolled .rmp-ad-container > div > iframe {
  width: 160px !important;
  height: 90px !important;
}
.skin-1 {
  /*.rmp-background-volume {
		display: block !important;
		width: 85px;
		height: 6px;
		top: 0;
		left: 0;
		margin: 0;
	}
	.rmp-volume-bar {
		width: 85px;
		height: 6px;
		bottom: 0;
		left: 0;
	}
	.rmp-current-volume {
		left: 0;
	}*/
}
.skin-1 .rmp-color-bg {
  background: rgba(0, 0, 0, 0.75);
}
.skin-1 .rmp-outline {
  height: 40px;
}
.skin-1 .rmp-play-pause {
  left: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 16px;
}
.skin-1 .rmp-time-elapsed {
  width: auto;
  display: inline-block;
  position: static;
  float: left;
  margin-left: 85px;
  background: none;
}
.skin-1 .rmp-duration {
  width: auto;
  opacity: .6;
  display: inline-block;
  position: static;
  float: left;
  background: none;
}
.skin-1 .rmp-duration:before {
  content: '/';
  margin: 0 5px;
}
.skin-1 .rmp-fullscreen {
  right: 0;
  left: auto;
  font-size: 18px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.skin-1 .rmp-seek-bar {
  bottom: 40px;
  left: 0;
  width: auto;
  right: 0;
  height: auto;
  border-radius: 0;
  z-index: 1;
}
.skin-1 .rmp-time-total {
  top: 0;
  left: 0;
  width: auto;
  right: 0;
  box-shadow: none;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 0;
}
.skin-1 .rmp-loaded {
  border-radius: 0;
  box-shadow: none;
  background: rgba(255, 255, 255, 0.1);
}
.skin-1 .rmp-current {
  background: #fe3638;
  border-radius: 0;
}
.skin-1 .rmp-indicator {
  top: -35px;
}
.skin-1 .rmp-volume {
  width: 40px;
  right: 80px;
  left: auto;
  z-index: 2;
}
.skin-1 .rmp-desktop-volume-icon {
  width: 40px;
  left: 40px;
}
.skin-1 .rmp-desktop-volume-container {
  z-index: 50;
}
.skin-1 .rmp-control-bar-hint {
  z-index: 50;
}
.skin-1 .rmp-module-overlay-icons {
  border-radius: 0;
  background-color: transparent;
}
.skin-1 .rmp-overlay-level {
  background: rgba(0, 0, 0, 0.5);
  border-color: transparent;
  height: 40px;
  line-height: 36px;
}
.skin-1 .rmp-overlay-level-active {
  border-color: #fe3638;
  color: #fe3638;
}
.skin-1 .rmp-overlay-level:hover:not(.rmp-overlay-active) {
  color: #fe3638;
}
.skin-1 .rmp-hd.rmp-module {
  top: auto;
  right: 40px;
  width: 40px;
  height: 40px;
  bottom: 0;
  font-size: 16px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  background: none;
  z-index: 2;
}
.skin-1 .rmp-hd.rmp-module:hover .rmp-i {
  color: #fe3638;
}
.skin-1 .rmp-hd.rmp-module.rmp-airplay {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  right: 120px;
}
.skin-1 .rmp-outer-hd {
  bottom: 40px;
  right: 0!important;
  top: auto;
  white-space: nowrap;
  width: auto;
  font-size: 14px;
}
.skin-1 .rmp-quality {
  line-height: normal;
  border-radius: 0;
  margin: 0;
  font-family: 'Arial';
  background: transparent !important;
  bottom: 0px;
  top: auto;
  height: 40px !important;
  right: 42px;
  padding: 0 0 0 2px !important;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.skin-1 .rmp-quality .rmp-module-button {
  width: auto;
  height: auto;
  margin-top: 0;
}
.skin-1 .rmp-quality .rmp-module-button .rmp-i-quality {
  font-size: 22px;
}
.skin-1 .rmp-quality:hover:not(.rmp-quality-active) {
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
}
.skin-1 .rmp-quality.rmp-quality-active {
  background: #fff;
  color: #000;
}
.skin-1 .rmp-related-skip-next {
  left: 22%;
}
.skin-1 .rmp-i-streams:before {
  font-size: 18px;
}
.skin-1 .rmp-i:hover {
  color: #fe3638;
}
.skin-1 .rmp-play-pause,
.skin-1 .rmp-fullscreen {
  width: 40px;
}
.skin-1 .rmp-play-pause,
.skin-1 .rmp-time-elapsed,
.skin-1 .rmp-duration,
.skin-1 .rmp-fullscreen {
  line-height: 40px;
  height: auto;
}
.skin-1 .rmp-module:hover .rmp-outer-hd {
  display: block !important;
}
.skin-1 .rmp-module:hover .rmp-hint {
  display: none !important;
}
.skin-1 .rmp-module ~ .rmp-module {
  right: 8px;
}
.skin-1 .rmp-overlay-button {
  padding: 0 60px;
  height: 120px;
  line-height: 116px;
  border-radius: 50%;
  font-size: 50px;
  text-align: center;
  margin: -60px 0 0 -60px;
}
.skin-1 .rmp-overlay-button .rmp-i-play,
.skin-1 .rmp-overlay-button .rmp-i-replay {
  position: relative;
  left: -8px;
}
.skin-1 .rmp-overlay-button .rmp-i-replay {
  left: -12px;
}
.skin-1 .rmp-ad-info {
  left: 60px;
  line-height: 40px;
}
.skin-1 .rmp-time-total .ad-offset {
  height: 10px;
  background: #fff;
  width: 2px;
}
.skin-1 .rmp-nano .rmp-overlay-button,
.skin-1 .rmp-xs .rmp-overlay-button,
.skin-1 .rmp-extrasmall .rmp-overlay-button {
  padding: 0 40px;
  height: 80px;
  line-height: 74px;
  margin: -40px 0 0 -40px;
}
.skin-1 .rmp-nano .rmp-overlay-button .rmp-i-play,
.skin-1 .rmp-xs .rmp-overlay-button .rmp-i-play,
.skin-1 .rmp-extrasmall .rmp-overlay-button .rmp-i-play {
  position: relative;
  left: -10px;
  font-size: 30px;
}
.skin-1.play-button-off .rmp-play-pause {
  display: none !important;
}
.skin-1.play-button-off .rmp-time-elapsed {
  margin-left: 10px;
}
.skin-1.fullscreen-off .rmp-fullscreen {
  display: none !important;
}
.skin-1.fullscreen-off .rmp-module {
  right: 0;
}
.skin-1.fullscreen-off .rmp-volume {
  right: 40px;
}
.skin-1.fullscreen-off.resolution-switch-off .rmp-volume {
  right: 0;
}
.skin-1.resolution-switch-off .rmp-module {
  display: none !important;
}
.skin-1.resolution-switch-off .rmp-volume {
  right: 40px;
}
.skin-1.volume-off .rmp-volume {
  display: none !important;
}
.skin-1.duration-off .rmp-duration,
.skin-1.duration-off .rmp-time-elapsed {
  display: none !important;
}
.skin-1.progress-bar-off .rmp-seek-bar {
  display: none !important;
}
.skin-1 .rmp-mobile .rmp-seek-bar {
  left: 0 !important;
  width: 100% !important;
}
.skin-1 .rmp-mobile .rmp-hd.rmp-module {
  border: 0 !important;
}
.skin-1 .rmp-mobile .rmp-module {
  display: none !important;
}
.skin-1 .rmp-mobile .rmp-time-elapsed {
  min-height: 30px !important;
  margin-left: 15px;
  display: none !important;
}
.skin-1 .rmp-mobile .rmp-play-pause {
  display: none !important;
}
.skin-1 .rmp-mobile .rmp-duration {
  min-height: 30px !important;
  display: none !important;
}
.skin-1 .rmp-mobile .rmp-volume {
  display: none !important;
}
.skin-1 .rmp-mobile .rmp-color-bg {
  background: rgba(0, 0, 0, 0.75) !important;
}
.skin-1 .rmp-mobile .rmp-fullscreen {
  background: rgba(0, 0, 0, 0.75) !important;
  border-left: 0 !important;
}
.skin-1 .rmp-mobile .rmp-mobile-show-play {
  border-radius: 50% !important;
}
.skin-1 .rmp-mobile .rmp-mobile-show-play .rmp-i-play {
  font-size: 26px !important;
}
.skin-1 .rmp-ad-overlay {
  top: -60px;
}
@media (max-width: 600px) {
  .skin-1 .rmp-ad-playing .rmp-desktop-volume-icon {
    left: 15%;
  }
}
.skin-2 .rmp-color-bg {
  background: rgba(31, 30, 33, 0.9);
}
.skin-2 .rmp-outline {
  height: 50px;
  left: 20px;
  right: 20px;
  width: auto;
  bottom: 20px;
  border-radius: 5px;
  text-align: right;
}
.skin-2 .rmp-play-pause {
  left: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 16px;
}
.skin-2 .rmp-time-elapsed {
  width: auto;
  display: inline-block !important;
  position: static;
  background: none;
}
.skin-2 .rmp-duration {
  width: auto;
  opacity: .6;
  display: inline-block !important;
  position: static;
  margin: 0 110px 0 0;
  background: none;
}
.skin-2 .rmp-duration:before {
  content: '/';
  margin: 0 5px;
}
.skin-2 .rmp-fullscreen {
  right: 0;
  left: auto;
  font-size: 18px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.skin-2 .rmp-seek-bar {
  bottom: 23px;
  left: 120px;
  width: auto;
  right: 230px;
  height: auto;
  border-radius: 0;
  height: 4px;
}
.skin-2 .rmp-time-total {
  top: 0;
  left: 0;
  width: auto;
  right: 0;
  box-shadow: none;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 0;
  height: 4px;
}
.skin-2 .rmp-loaded {
  border-radius: 0;
  box-shadow: none;
}
.skin-2 .rmp-current {
  background: #fe3638;
  border-radius: 0;
}
.skin-2 .rmp-indicator {
  top: -35px;
}
.skin-2 .rmp-volume {
  width: 50px;
  left: 50px;
  line-height: 50px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  bottom: 0;
}
.skin-2 .rmp-module {
  top: auto;
  right: 70px;
  width: 50px;
  height: 50px;
  bottom: 20px;
  font-size: 16px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0;
  background: none;
}
.skin-2 .rmp-module:hover .rmp-i {
  color: #fe3638;
}
.skin-2 .rmp-module.rmp-airplay {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  right: 70px;
}
.skin-2 .rmp-module-button {
  width: 50px;
  height: 50px;
  line-height: 50px;
}
.skin-2 .rmp-outer-hd {
  bottom: 50px;
  right: 0;
  top: auto;
  white-space: nowrap;
  width: auto;
  font-size: 14px;
}
.skin-2 .rmp-quality {
  line-height: normal;
  height: auto;
  border-radius: 0;
  padding: 4px 7px;
  margin: 0;
  font-family: 'Arial';
}
.skin-2 .rmp-quality:hover:not(.rmp-quality-active) {
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
}
.skin-2 .rmp-quality.rmp-quality-active {
  background: #fff;
  color: #000;
}
.skin-2 .rmp-i-streams:before {
  font-size: 18px;
}
.skin-2 .rmp-i:hover {
  color: #fe3638;
}
.skin-2 .rmp-fullscreen-on .rmp-outline {
  left: 20px;
  width: auto;
}
.skin-2 .rmp-play-pause,
.skin-2 .rmp-fullscreen {
  width: 50px;
}
.skin-2 .rmp-play-pause,
.skin-2 .rmp-time-elapsed,
.skin-2 .rmp-duration,
.skin-2 .rmp-fullscreen {
  line-height: 50px;
}
.skin-2 .rmp-i {
  text-align: center;
}
.skin-2 .rmp-module:hover .rmp-outer-hd {
  display: block !important;
}
.skin-2 .rmp-module:hover .rmp-hint {
  display: none !important;
}
.skin-2 .rmp-overlay-button {
  padding: 0 60px;
  height: 120px;
  border-radius: 50%;
  line-height: 116px;
  font-size: 50px;
  text-align: center;
  margin: -60px 0 0 -60px;
}
.skin-2 .rmp-overlay-button .rmp-i-play,
.skin-2 .rmp-overlay-button .rmp-i-replay {
  position: relative;
  left: -8px;
}
.skin-2 .rmp-overlay-button .rmp-i-replay {
  left: -12px;
}
.skin-2 .rmp-ad-info {
  left: 120px;
  line-height: 50px;
  top: 0;
}
.skin-2 .rmp-time-total .ad-offset {
  height: 4px;
  width: 2px;
}
.skin-2 .rmp-nano .rmp-overlay-button,
.skin-2 .rmp-xs .rmp-overlay-button,
.skin-2 .rmp-extrasmall .rmp-overlay-button {
  padding: 0 40px;
  height: 80px;
  line-height: 74px;
  margin: -40px 0 0 -40px;
}
.skin-2 .rmp-nano .rmp-overlay-button .rmp-i-play,
.skin-2 .rmp-xs .rmp-overlay-button .rmp-i-play,
.skin-2 .rmp-extrasmall .rmp-overlay-button .rmp-i-play {
  position: relative;
  left: -10px;
  font-size: 30px;
}
.skin-2.play-button-off .rmp-play-pause {
  display: none !important;
}
.skin-2.play-button-off .rmp-volume {
  left: 0;
}
.skin-2.play-button-off .rmp-seek-bar {
  left: 70px;
}
.skin-2.play-button-off.volume-off .rmp-seek-bar {
  left: 20px;
}
.skin-2.volume-off .rmp-volume {
  display: none !important;
}
.skin-2.volume-off .rmp-seek-bar {
  left: 70px;
}
.skin-2.duration-off .rmp-duration,
.skin-2.duration-off .rmp-time-elapsed {
  display: none !important;
}
.skin-2.duration-off .rmp-seek-bar {
  right: 120px;
}
.skin-2.duration-off.resolution-switch-off .rmp-seek-bar {
  right: 70px;
}
.skin-2.duration-off.resolution-switch-off.fullscreen-off .rmp-seek-bar {
  right: 25px;
}
.skin-2.duration-off.fullscreen-off .rmp-seek-bar {
  right: 120px;
}
.skin-2.resolution-switch-off .rmp-module {
  display: none !important;
}
.skin-2.resolution-switch-off .rmp-duration {
  margin: 0 70px 0 0;
}
.skin-2.resolution-switch-off .rmp-seek-bar {
  right: 200px;
}
.skin-2.fullscreen-off .rmp-fullscreen {
  display: none !important;
}
.skin-2.fullscreen-off .rmp-module {
  right: 20px;
}
.skin-2.fullscreen-off .rmp-duration {
  margin: 0 70px 0 0;
}
.skin-2.fullscreen-off .rmp-seek-bar {
  right: 190px;
}
.skin-2.fullscreen-off.resolution-switch-off .rmp-seek-bar {
  right: 140px;
}
.skin-2.fullscreen-off.resolution-switch-off .rmp-duration {
  margin: 0 20px 0 0;
}
.skin-2.progress-bar-off .rmp-seek-bar {
  display: none !important;
}
.skin-3 {
  /*&.play-button-off {
		.rmp-play-pause {
			display: none !important;
		}
		.rmp-time-elapsed {
			margin-left: 10px;
		}
	}

	&.fullscreen-off {
		.rmp-fullscreen {
			display: none !important;
		}
		.rmp-module {
			right: 0;
		}
		.rmp-volume {
			right: 40px;
		}

		&.resolution-switch-off {
			.rmp-volume {
				right: 0;
			}
		}
	}

	&.resolution-switch-off {
		.rmp-module {
			display: none !important;
		}
		.rmp-volume {
			right: 40px;
		}
	}

	&.volume-off {
		.rmp-volume {
			display: none !important;
		}
	}

	&.duration-off {
		.rmp-duration, .rmp-time-elapsed {
			display: none !important;
		}
	}

	&.progress-bar-off {
		.rmp-seek-bar {
			display: none !important;
		}
	}*/
}
.skin-3 .rmp-color-bg {
  background: none;
}
.skin-3 .rmp-overlay-button {
  background: rgba(0, 0, 0, 0.5);
}
.skin-3 .rmp-outline {
  height: 40px;
  left: 20px;
  right: 20px;
  width: auto;
  bottom: 20px;
  background: none;
}
.skin-3 .rmp-outline:before {
  content: '';
  display: block;
  height: 160px;
  position: absolute;
  left: -20px;
  bottom: -20px;
  right: -20px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0));
  z-index: 0;
}
.skin-3 .rmp-play-pause {
  left: 0;
  font-size: 18px;
}
.skin-3 .rmp-time-elapsed {
  width: auto;
  display: inline-block;
  position: relative;
  left: auto;
  right: auto;
  float: left;
  margin-left: 90px;
}
.skin-3 .rmp-duration {
  width: auto;
  display: inline-block;
  position: relative;
  float: left;
  left: auto;
  right: auto;
}
.skin-3 .rmp-duration:before {
  content: '/';
  margin: 0 5px;
}
.skin-3 .rmp-fullscreen {
  right: 0;
  left: auto;
  font-size: 20px;
}
.skin-3 .rmp-seek-bar {
  bottom: 40px;
  left: 0;
  width: auto;
  right: 0;
  height: 5px;
  border-radius: 5px;
}
.skin-3 .rmp-time-total {
  top: 0;
  left: 0;
  width: auto;
  right: 0;
  box-shadow: none;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 5px;
  height: 5px;
}
.skin-3 .rmp-time-total .rmp-handle {
  display: none;
}
.skin-3 .rmp-loaded {
  border-radius: 5px;
  box-shadow: none;
  background: rgba(255, 255, 255, 0.1);
}
.skin-3 .rmp-current {
  background: #fe3638;
  border-radius: 5px;
}
.skin-3 .rmp-indicator {
  top: -35px;
}
.skin-3 .rmp-volume {
  width: 40px;
  right: 80px;
  left: auto;
  font-size: 24px;
  position: absolute;
  left: 40px;
  bottom: -2px;
}
.skin-3 .rmp-volume-bar,
.skin-3 .rmp-current-volume {
  bottom: 20px;
}
.skin-3 .rmp-module {
  top: auto;
  right: 60px;
  width: 40px;
  height: 40px;
  bottom: 20px;
  font-size: 18px;
}
.skin-3 .rmp-module:hover .rmp-i {
  color: #fe3638;
}
.skin-3 .rmp-module.rmp-airplay {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  right: 100px;
}
.skin-3 .rmp-outer-hd {
  bottom: 55px;
  right: 0;
  top: auto;
  white-space: nowrap;
  width: auto;
  font-size: 14px;
  background: rgba(0, 0, 0, 0.5);
  min-width: 110px;
  padding: 10px;
  text-align: right;
}
.skin-3 .rmp-quality {
  line-height: normal;
  height: auto;
  border-radius: 0;
  padding: 4px 7px;
  margin: 0;
  font-family: 'Arial';
}
.skin-3 .rmp-quality:hover:not(.rmp-quality-active) {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.skin-3 .rmp-quality.rmp-quality-active {
  background: rgba(255, 255, 255, 0.3);
  color: #fff;
}
.skin-3 .rmp-i-streams:before {
  font-size: 18px;
}
.skin-3 .rmp-i:hover {
  color: #fe3638;
}
.skin-3 .rmp-play-pause,
.skin-3 .rmp-fullscreen {
  width: 40px;
}
.skin-3 .rmp-play-pause,
.skin-3 .rmp-time-elapsed,
.skin-3 .rmp-duration,
.skin-3 .rmp-fullscreen {
  line-height: 40px;
}
.skin-3 .rmp-module .rmp-hint {
  display: none !important;
}
.skin-3 .rmp-overlay-button {
  padding: 0 60px;
  height: 120px;
  border-radius: 50%;
  line-height: 116px;
  font-size: 50px;
  text-align: center;
  margin: -60px 0 0 -60px;
}
.skin-3 .rmp-overlay-button .rmp-i-play,
.skin-3 .rmp-overlay-button .rmp-i-replay {
  position: relative;
  left: -8px;
}
.skin-3 .rmp-overlay-button .rmp-i-replay {
  left: -12px;
}
.skin-3 .rmp-time-total .ad-offset {
  height: 5px;
}
.skin-3 .rmp-nano .rmp-outline,
.skin-3 .rmp-xs .rmp-outline,
.skin-3 .rmp-extrasmall .rmp-outline {
  left: 0;
  right: 0;
}
.skin-3 .rmp-nano .rmp-volume,
.skin-3 .rmp-xs .rmp-volume,
.skin-3 .rmp-extrasmall .rmp-volume {
  left: 55px;
}
.skin-3 .rmp-nano .rmp-seek-bar,
.skin-3 .rmp-xs .rmp-seek-bar,
.skin-3 .rmp-extrasmall .rmp-seek-bar {
  left: 20px;
  right: 20px;
  width: auto;
}
.skin-3 .rmp-nano .rmp-time-elapsed,
.skin-3 .rmp-xs .rmp-time-elapsed,
.skin-3 .rmp-extrasmall .rmp-time-elapsed {
  bottom: -10px;
  margin-left: 95px;
  width: auto;
}
.skin-3 .rmp-nano .rmp-overlay-button,
.skin-3 .rmp-xs .rmp-overlay-button,
.skin-3 .rmp-extrasmall .rmp-overlay-button {
  padding: 0 40px;
  height: 80px;
  line-height: 80px;
  margin: -40px 0 0 -40px;
}
.skin-3 .rmp-nano .rmp-overlay-button .rmp-i-play,
.skin-3 .rmp-xs .rmp-overlay-button .rmp-i-play,
.skin-3 .rmp-extrasmall .rmp-overlay-button .rmp-i-play {
  position: relative;
  left: -10px;
}
.skin-3 .rmp-nano .rmp-duration,
.skin-3 .rmp-xs .rmp-duration,
.skin-3 .rmp-extrasmall .rmp-duration {
  left: 0;
  bottom: -10px;
  text-align: left;
  margin-left: 0;
  right: auto;
  width: auto;
}
.skin-3 .rmp-nano .rmp-module,
.skin-3 .rmp-xs .rmp-module,
.skin-3 .rmp-extrasmall .rmp-module {
  right: 40px;
}
.skin-4 .rmp-time-total .ad-offset {
  height: 100%;
}
.skin-4 .pictogram {
  width: 8%;
  right: 15px;
  bottom: 52px;
  margin: 0;
  position: absolute;
  display: block;
  opacity: 1;
  visibility: visible;
  max-width: 84px;
  height: auto;
}
.skin-4 .rmp-overlay-button {
  border-radius: 50%;
  width: 120px;
  height: 120px;
  margin: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: transparent;
}
.skin-4 .rmp-overlay-button .rmp-i {
  font-size: 80px;
  text-shadow: none;
  color: #ffffff;
  line-height: normal;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: #d13239;
  opacity: 0.5;
  transition: all .3s ease;
}
.skin-4 .rmp-overlay-button .rmp-i:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  margin-left: 4px;
}
.skin-4 .rmp-overlay-button .rmp-i:hover {
  color: #ffffff;
  opacity: 1;
}
@media screen and (max-width: 450px) {
  .skin-4 .rmp-overlay-button {
    width: 60px;
    height: 60px;
  }
  .skin-4 .rmp-overlay-button .rmp-i {
    width: 100%;
    height: 100%;
    font-size: 45px;
  }
}
.skin-rmp-1 .rmp-i:hover,
.skin-rmp-1 .rmp-cc-button:hover:not(.rmp-cc-button-active),
.skin-rmp-1 .rmp-audios-item:hover:not(.rmp-audios-item-active),
.skin-rmp-1 .rmp-rate:hover:not(.rmp-rate-active),
.skin-rmp-1 .rmp-quality:hover:not(.rmp-quality-active),
.skin-rmp-1 .rmp-rate-active,
.skin-rmp-1 .rmp-cc-button-active,
.skin-rmp-1 .rmp-quality-active,
.skin-rmp-1 .rmp-audios-item-active {
  color: #fe3638;
}
.skin-rmp-1 .rmp-logo {
  z-index: 1;
}
.skin-rmp-1 .rmp-outline:after {
  left: 0;
  top: 0;
  z-index: 90000;
  content: "";
  height: 100vh;
  width: 100%;
  pointer-events: none;
  position: fixed;
  z-index: -10;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(128, 128, 128, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(128, 128, 128, 0) 75%, rgba(0, 0, 0, 0.65) 100%);
}
.skin-rmp-1 .rmp-outline .rmp-seek-bar {
  height: 6px;
}
.skin-rmp-1 .rmp-time-total {
  border: 0;
  box-shadow: none;
}
.skin-rmp-1 .rmp-time-total .rmp-loaded {
  box-shadow: none;
}
.skin-rmp-1 .rmp-time-total .rmp-handle {
  border: 0;
  box-shadow: none;
  width: 6px;
  margin-left: -4px;
}
.skin-rmp-1 .rmp-time-total .ad-offset {
  height: 5px;
}
.skin-rmp-1 .rmp-volume-bar {
  border: 0;
  box-shadow: none;
  background: rgba(255, 255, 255, 0.35);
}
.skin-rmp-1 .rmp-time-elapsed {
  background: transparent;
  width: 3%;
  position: absolute;
  overflow: visible;
  text-align: right;
  padding-right: 8px;
}
.skin-rmp-1 .rmp-time-elapsed:after {
  content: "/";
  position: absolute;
  right: -2px;
  font-size: 14px;
}
.skin-rmp-1 .rmp-time-elapsed .rmp-time-elapsed-text {
  font-size: 14px;
  font-weight: 300;
}
.skin-rmp-1 .rmp-time-elapsed.rmp-i-live:after {
  display: none;
}
.skin-rmp-1 .rmp-duration {
  background: transparent;
  width: 3%;
  left: 13%;
  font-size: 14px;
  font-weight: 300;
  text-align: left;
  padding-left: 6px;
}
@media (max-width: 1500px) {
  .skin-rmp-1 .rmp-time-elapsed {
    width: 5%;
  }
  .skin-rmp-1 .rmp-duration {
    width: 5%;
    left: 15%;
  }
}
@media (max-width: 900px) {
  .skin-rmp-1 .rmp-time-elapsed {
    width: 7%;
  }
  .skin-rmp-1 .rmp-duration {
    width: 7%;
    left: 17%;
  }
}
@media (max-width: 700px) {
  .skin-rmp-1 .rmp-time-elapsed {
    width: 9%;
  }
  .skin-rmp-1 .rmp-duration {
    width: 9%;
    left: 19%;
  }
}
.skin-rmp-1 .rmp-extrasmall .rmp-time-elapsed {
  background: transparent;
  width: 17%;
  left: 15%;
}
.skin-rmp-1 .rmp-extrasmall .rmp-duration {
  width: 17%;
  left: 31%;
  background: transparent;
}
.skin-rmp-1 .rmp-small .rmp-time-elapsed {
  background: transparent;
  width: 13%;
  left: 13%;
}
.skin-rmp-1 .rmp-small .rmp-duration {
  width: 13%;
  left: 25%;
  background: transparent;
}
.skin-rmp-1.play-button-off .rmp-play-pause {
  display: none !important;
}
.skin-rmp-1.fullscreen-off .rmp-fullscreen {
  display: none !important;
}
.skin-rmp-1.resolution-switch-off .rmp-module {
  display: none !important;
}
.skin-rmp-1.volume-off .rmp-volume {
  display: none !important;
}
.skin-rmp-1.duration-off .rmp-duration,
.skin-rmp-1.duration-off .rmp-time-elapsed {
  display: none !important;
}
.skin-rmp-1.progress-bar-off .rmp-seek-bar {
  display: none !important;
}
.skin-rmp-1 .rmp-i-play:before {
  font-family: 'icons' !important;
  content: '\E017' !important;
}
.skin-rmp-1 .rmp-i-pause:before {
  content: '\E016' !important;
  font-family: 'icons' !important;
}
.skin-rmp-1 .rmp-i-volume-off:before {
  content: '\E029' !important;
  font-family: 'icons' !important;
}
.skin-rmp-1 .rmp-i-volume-up:before {
  content: '\E02A' !important;
  font-family: 'icons' !important;
}
.skin-rmp-1 .rmp-i-resize-full:before {
  content: '\E00D' !important;
  font-family: 'icons' !important;
}
.skin-rmp-1 .rmp-i-resize-small:before {
  content: '\E00A' !important;
  font-family: 'icons' !important;
}
.skin-rmp-1 .rmp-i-hd:before {
  content: '\E009' !important;
  font-family: 'icons' !important;
}
.skin-rmp-1 .rmp-i-play,
.skin-rmp-1 .rmp-i-pause,
.skin-rmp-1 .rmp-i-volume-off,
.skin-rmp-1 .rmp-i-volume-up,
.skin-rmp-1 .rmp-i-resize-full,
.skin-rmp-1 .rmp-i-resize-small,
.skin-rmp-1 .rmp-i-nav,
.skin-rmp-1 .rmp-i-sharing,
.skin-rmp-1 .rmp-i-hd,
.skin-rmp-1 .rmp-i-maudios {
  font-size: 18px !important;
}
.skin-rmp-1 .rmp-i-chapters {
  position: relative;
  top: -3px;
}
.skin-rmp-1 .rmp-i-chapters:before {
  content: '\E019' !important;
  font-family: 'icons' !important;
  font-size: 24px;
}
.skin-rmp-1 .rmp-play-pause {
  line-height: 28px;
}
.skin-rmp-1 .rmp-time-elapsed {
  line-height: 20px;
}
.skin-rmp-1 .rmp-duration {
  line-height: 20px;
}
.skin-rmp-1 .rmp-volume {
  line-height: 28px !important;
  left: 84% !important;
}
.skin-rmp-1 .rmp-time-total {
  height: 4px !important;
  transition: all .3s ease;
}
.skin-rmp-1 .rmp-time-total .ad-offset {
  height: 4px !important;
}
.skin-rmp-1 .rmp-time-total .ad-offset[data-break-type="nonlinear"] {
  display: none;
}
.skin-rmp-1 .rmp-time-total:before {
  content: "" !important;
}
.skin-rmp-1 .rmp-time-total:hover {
  -ms-transform: scaleY(1.5) !important;
  transform: scaleY(1.5) !important;
}
.skin-rmp-1 .rmp-time-total:hover .rmp-loaded {
  -ms-transform: scaleY(0.65) !important;
  transform: scaleY(0.65) !important;
}
.skin-rmp-1 .rmp-time-total:hover .rmp-indicator {
  -ms-transform: scaleY(0.65) !important;
  transform: scaleY(0.65) !important;
}
.skin-rmp-1 .rmp-time-total:hover .rmp-handle {
  -ms-transform: scaleY(0.65) !important;
  transform: scaleY(0.65) !important;
}
.skin-rmp-1 .rmp-fullscreen {
  line-height: 28px !important;
}
.skin-rmp-1 .rmp-seek-bar {
  top: -8px !important;
  height: 4px !important;
}
.skin-rmp-1 .rmp-handle {
  width: 5px !important;
  height: 14px !important;
  margin-top: -7px !important;
}
.skin-rmp-1 .rmp-time-elapsed-text,
.skin-rmp-1 .rmp-duration {
  font-size: 12px !important;
}
.skin-rmp-1 .rmp-outline {
  height: 33px !important;
}
.skin-rmp-1 .rmp-overlay-button .rmp-i-play {
  font-size: 60px !important;
}
.skin-rmp-1 .rmp-outline .rmp-volume {
  top: 4px;
}
.skin-rmp-1 .rmp-outline .rmp-volume:before {
  position: relative;
  top: -6px;
}
.skin-rmp-1 .rmp-ad-info {
  right: 0px !important;
  position: fixed !important;
  top: 0px !important;
  left: auto !important;
  padding: 4px 12px !important;
  height: auto !important;
  width: auto !important;
  max-width: none !important;
}
.skin-rmp-1 .rmp-small .rmp-volume {
  left: 75% !important;
}
.skin-rmp-1 .rmp-extrasmall .rmp-volume {
  left: 73% !important;
}
.skin-rmp-1 .rmp-small .rmp-play-pause,
.skin-rmp-1 .rmp-extrasmall .rmp-play-pause {
  display: block !important;
}
.skin-rmp-1 .rmp-mobile-central-ui .rmp-i-play,
.skin-rmp-1 .rmp-mobile-central-ui .rmp-i-pause {
  font-size: 42px !important;
}
.skin-rmp-1 .rmp-i-sharing {
  font-size: 24px !important;
}
.skin-rmp-1 .rmp-current,
.skin-rmp-1 .rmp-loaded {
  border-radius: 2px;
}
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */
}
.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}
.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}
.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}
/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 30px;
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}
/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}
/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}
.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}
/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}
/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
}
.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  text-align: center;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}
/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}
.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}
/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}
/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}
/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}
.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  box-sizing: border-box;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}
/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}
/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}
/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0;
}
/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}
/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/
/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}
.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(https://player.joj.sk/styles/mCSB_buttons.png);
  /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
}
.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
}
.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
}
.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}
/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}
/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}
/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}
/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}
/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}
/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}
/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}
/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
  /* auto-expanded scrollbar */
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  /* auto-expanded scrollbar */
  margin: 6px 0;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}
/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}
/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}
/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}
/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}
/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}
.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 16px;
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}
/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}
/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  border-radius: 7px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 5px;
}
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px;
}
.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}
.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}
/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}
/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}
/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}
/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}
/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}
/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}
/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}
/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  box-sizing: border-box;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2);
}
/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}
/* ---------------------------------------- */
.b-video-playlist {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  font-family: 'Roboto', sans-serif;
  z-index: 3;
  display: none;
}
.b-video-playlist .b-playlist-content {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 300px;
  max-width: 300px;
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  transition: all .3s ease;
  color: #ffffff;
  z-index: 2;
  pointer-events: all;
}
.b-video-playlist .b-playlist-action {
  left: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 35px;
  -ms-transform: translateY(-50%) translateX(-100%);
  transform: translateY(-50%) translateX(-100%);
  padding: 5px;
  transition: all .3s ease;
  cursor: pointer;
  pointer-events: all;
  background: #000000;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  z-index: 2;
}
.b-video-playlist .b-playlist-action .icon {
  font-size: 18px;
}
.b-video-playlist .b-playlist-action .icon:before {
  content: '\E004';
}
.b-video-playlist.open .b-playlist-content {
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.b-video-playlist.open .b-playlist-action .icon:before {
  content: '\E005';
}
.b-video-playlist .b-articles {
  height: 100%;
  background: #000000;
  padding: 10px;
  padding-right: 0;
  overflow: hidden;
  pointer-events: all;
  max-height: 100%;
  color: #ffffff;
}
.b-video-playlist .b-articles a {
  color: #ffffff;
  text-decoration: none;
}
.b-video-playlist .b-articles .b-article {
  position: relative;
}
.b-video-playlist .b-articles .b-article .e-action {
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: #d13239;
  text-align: center;
  font-size: 42px;
  z-index: 7;
}
.b-video-playlist .b-articles .b-article .e-action .e-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  padding-left: 10px;
}
.b-video-playlist .b-articles .b-article .e-action.e-action-text .e-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  padding-left: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
.b-video-playlist .b-articles .b-article .e-action.e-action-text .e-wrap .e-icon {
  position: static;
  top: auto;
  left: auto;
  -ms-transform: none;
  transform: none;
  padding-left: 0;
  font-size: 22px;
  padding-right: 5px;
}
.b-video-playlist .b-articles .b-article .e-action.e-action-text .e-wrap span {
  text-transform: uppercase;
  font-size: 18px;
  display: inline-block;
  font-weight: 300;
}
.b-video-playlist .b-articles .b-article .e-duration i {
  vertical-align: middle;
}
.b-video-playlist .b-articles .b-article .e-duration span {
  vertical-align: middle;
  font-size: 20px;
}
.b-video-playlist .b-articles .b-article .e-content {
  position: absolute;
  z-index: 6;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 50%;
  right: 0;
  padding: 0 100px;
  text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.6);
}
.b-video-playlist .b-articles .b-article .e-content .e-title {
  font-weight: 700;
  margin-bottom: 0;
  font-size: 35px;
}
.b-video-playlist .b-articles .b-article .e-content .e-section .e-date {
  font-size: 18px;
  margin-bottom: 20px;
}
.b-video-playlist .b-articles .b-article .e-content .e-section .e-date span {
  color: #f64e56;
}
.b-video-playlist .b-articles .b-article .e-content .e-section:not(:last-child) {
  border-bottom: 1px solid #ffffff;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.b-video-playlist .b-articles .b-article.b-content-left .e-content {
  right: auto;
  left: 0;
}
.b-video-playlist .b-articles .b-article.b-article-main .e-title {
  font-size: 30px;
  margin: 25px 0;
}
.b-video-playlist .b-articles .b-article.b-article-main .e-subtitle {
  font-size: 20px;
  font-weight: 300;
  margin: 25px 0;
}
.b-video-playlist .b-articles .b-article.b-article-main .e-description {
  font-size: 20px;
  font-weight: 300;
  margin: 25px 0;
}
.b-video-playlist .b-articles .b-article.b-article-main .e-info {
  border-bottom: 1px solid #a12541;
  margin-bottom: 30px;
}
.b-video-playlist .b-articles .b-article.b-article-main .e-social {
  margin-right: 10px;
}
.b-video-playlist .b-articles .b-article.b-article-main .e-social .e-icon {
  margin-right: 5px;
  border: 1px solid #ea325b;
  line-height: 25px;
  font-size: 10px;
}
.b-video-playlist .b-articles .b-article.b-article-main .e-social .e-icon i {
  display: block;
}
.b-video-playlist .b-articles .b-article.b-article-main .e-social .e-text {
  font-weight: bold;
  color: #ea325b;
}
.b-video-playlist .b-articles .b-article .e-label {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  font-size: 14px;
  background: #b50f34;
  padding: 5px 10px;
}
@include media-breakpoint-down(xs) {
  .e-label {
    font-size: 11px;
    padding: 3px 8px;
  }
}
.b-video-playlist .b-articles .b-article.b-article-no-labels .e-label {
  display: none;
}
.b-video-playlist .b-articles .b-article:hover .e-info .e-title {
  text-decoration: underline;
}
.b-video-playlist .b-articles .i .b-article .b-image {
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.b-video-playlist .b-articles .i .b-article .b-image img {
  transition: all .3s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0) scale(1, 1);
}
.b-video-playlist .b-articles .i .b-article .b-image:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  z-index: 1;
  transition: all .3s ease;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.b-video-playlist .b-articles .i .b-article .b-image .media-icon {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 38px;
  height: 38px;
  line-height: 38px;
  background: red;
  border-radius: 50%;
  font-size: 13px;
  text-align: center;
  z-index: 2;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.b-video-playlist .b-articles .i .b-article .b-image .media-icon > i {
  margin-left: 3px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.b-video-playlist .b-articles .i .b-article .b-image .e-duration {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 5px 8px 3px 8px;
  background: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  z-index: 2;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.b-video-playlist .b-articles .i .b-article .b-image .e-duration > i {
  font-size: 5px;
  width: 15px;
  height: 15px;
  line-height: 15px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  margin-right: 5px;
  padding: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.b-video-playlist .b-articles .i .b-article .b-image .e-duration > i:before {
  position: relative;
  left: 1px;
  top: -1px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.b-video-playlist .b-articles .i .b-article .e-info {
  margin-top: 15px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.b-video-playlist .b-articles .i .b-article .e-info .e-title {
  font-size: 22px;
  font-weight: 500;
  margin: 0 0 8px 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.b-video-playlist .b-articles .i .b-article .e-info .e-subtitle {
  font-size: 14px;
  font-weight: 400;
  max-height: 32px !important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.b-video-playlist .b-articles .i .b-article .e-info .e-subtitle > span {
  color: red;
}
.b-video-playlist .b-articles .i .b-article .e-info .e-date {
  font-size: 14px;
  font-weight: 400;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.b-video-playlist .b-articles .i .b-article .e-info .e-date > span {
  color: red;
}
.b-video-playlist .b-articles .i .b-article:hover .b-image img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0) scale(1.1, 1.1);
}
.b-video-playlist .b-articles .i .b-article:hover .b-image:before {
  opacity: .3;
}
.b-video-playlist .b-articles .i .b-article-text .e-info .subtitle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  margin-top: 8px;
  font-size: 15px;
}
.b-video-playlist .b-articles .i .b-article.b-article-inline {
  margin-bottom: 20px;
}
.b-video-playlist .b-articles .i .b-article.b-article-inline a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.b-video-playlist .b-articles .i .b-article.b-article-inline a .b-image {
  margin-right: 15px;
  width: 115px;
  max-width: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.b-video-playlist .b-articles .i .b-article.b-article-inline a .b-content .e-info .e-title {
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  text-align: left;
  margin-bottom: 0;
  text-transform: none;
  -webkit-line-clamp: 4;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-height: 65px;
  display: -webkit-box;
  line-height: 16.8px;
}
.b-video-playlist .b-articles .i .b-article.b-article-inline a .media-icon {
  display: none;
}
.b-video-playlist .b-articles .i .b-article.b-article-inline a .e-label {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  font-size: 11px;
  background: #b50f34;
  padding: 3px 6px 3px 6px;
  top: auto;
}
.b-video-playlist .b-articles .i .b-article.b-article-inline a .e-duration {
  left: auto;
  right: 0;
  font-size: 11px;
  background: rgba(0, 0, 0, 0.3);
  padding: 3px 6px 3px 6px;
  bottom: 0;
}
.b-video-playlist .b-articles .i .b-article.b-article-inline a .e-info {
  margin: 0;
}
.b-video-playlist .b-articles .i .b-article.b-article-inline a .e-info .e-title {
  font-size: 14px;
  font-weight: 300;
}
.b-video-playlist .b-articles .i .b-article.b-article-inline a .e-info .e-subtitle {
  display: none;
}
.b-video-playlist .b-articles .i .b-article.b-article-inline a .e-info .e-date {
  display: none;
}
.b-video-playlist .mCustomScrollBox:before {
  left: 0;
  bottom: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(255, 255, 255, 0) 100%);
  z-index: 1;
  content: "";
  height: 80px;
  width: 100%;
  pointer-events: none;
  position: absolute;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.b-video-playlist .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #e6385f;
  width: 3px;
}
.b-video-playlist .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: #e6385f;
  width: 3px;
}
.b-video-playlist .mCSB_scrollTools .mCSB_draggerRail {
  background: #444444;
  width: 3px;
}
.b-video-playlist .img-fluid {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border-style: none;
}
.rmp-fullscreen-on .b-video-playlist {
  display: block;
}
.rmp-ad-playing .b-video-playlist {
  display: none;
}
.b-video-ad-button .b-video-ad-button-container-position {
  display: none;
}
.b-video-ad-button .b-video-ad-button-wrapper {
  position: absolute;
  text-align: left;
  bottom: 60px;
  left: 10px;
  z-index: 1000;
}
.b-video-ad-button .b-video-ad-button-wrapper .e-video-ad-button-link {
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 4px;
  pointer-events: none;
}
.b-video-ad-button .b-video-ad-button-wrapper .e-video-ad-button-link:before {
  content: "";
  box-sizing: content-box;
  position: absolute;
  height: calc(100% + 20px);
  background: #fff;
  transition: all .3s ease .2s;
  width: 0%;
  left: -10px;
  top: -10px;
  padding: 0;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.15);
}
.b-video-ad-button .b-video-ad-button-wrapper .e-video-ad-button-link:hover:before,
.b-video-ad-button .b-video-ad-button-wrapper .e-video-ad-button-link.open:before {
  width: calc(100% + 20px);
  transition: all .3s ease 0s;
}
.b-video-ad-button .b-video-ad-button-wrapper .e-video-ad-button-link:hover .b-image .e-chevron,
.b-video-ad-button .b-video-ad-button-wrapper .e-video-ad-button-link.open .b-image .e-chevron {
  opacity: 0;
  visibility: hidden;
}
.b-video-ad-button .b-video-ad-button-wrapper .e-video-ad-button-link:hover .b-content,
.b-video-ad-button .b-video-ad-button-wrapper .e-video-ad-button-link.open .b-content {
  pointer-events: auto;
}
.b-video-ad-button .b-video-ad-button-wrapper .e-video-ad-button-link:hover .b-content .b-grid,
.b-video-ad-button .b-video-ad-button-wrapper .e-video-ad-button-link.open .b-content .b-grid {
  width: 100%;
}
.b-video-ad-button .b-video-ad-button-wrapper .e-video-ad-button-link:hover .b-content .b-grid .b-column-left,
.b-video-ad-button .b-video-ad-button-wrapper .e-video-ad-button-link.open .b-content .b-grid .b-column-left,
.b-video-ad-button .b-video-ad-button-wrapper .e-video-ad-button-link:hover .b-content .b-grid .b-column-right,
.b-video-ad-button .b-video-ad-button-wrapper .e-video-ad-button-link.open .b-content .b-grid .b-column-right {
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
  opacity: 1;
}
.b-video-ad-button .b-video-ad-button-wrapper .e-video-ad-button-link:hover .b-content .b-grid .b-column-left,
.b-video-ad-button .b-video-ad-button-wrapper .e-video-ad-button-link.open .b-content .b-grid .b-column-left {
  transition: all .3s ease .2s;
}
.b-video-ad-button .b-video-ad-button-wrapper .e-video-ad-button-link:hover .b-content .b-grid .b-column-right,
.b-video-ad-button .b-video-ad-button-wrapper .e-video-ad-button-link.open .b-content .b-grid .b-column-right {
  transition: all .3s ease .3s;
}
.b-video-ad-button .b-video-ad-button-wrapper .b-image {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  pointer-events: all;
}
.b-video-ad-button .b-video-ad-button-wrapper .b-image img {
  display: block;
  max-height: 40px;
  max-width: 100%;
  width: auto;
}
.b-video-ad-button .b-video-ad-button-wrapper .b-image .e-chevron {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #fff;
  width: 18px;
  height: 18px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 9px;
  -ms-transform: translateX(50%) translateY(50%);
  transform: translateX(50%) translateY(50%);
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25);
  transition: all .3s ease;
}
.b-video-ad-button .b-video-ad-button-wrapper .b-content {
  position: relative;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  left: 0;
  height: 100%;
  pointer-events: none;
}
.b-video-ad-button .b-video-ad-button-wrapper .b-content .b-grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: all .3s ease 0s;
  -ms-transform: translateY(5px);
  transform: translateY(5px);
}
.b-video-ad-button .b-video-ad-button-wrapper .b-content .b-grid .e-title {
  margin: 0;
  font-size: 15px;
}
.b-video-ad-button .b-video-ad-button-wrapper .b-content .b-grid .e-subtitle {
  margin: 3px 0 0 0;
  font-size: 12px;
  font-weight: 300;
  color: gray;
}
.b-video-ad-button .b-video-ad-button-wrapper .b-content .b-grid .e-button {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  background: #1b94f3;
  padding: 6px 12px;
  color: #fff;
  font-size: 12px;
  border-radius: 4px;
  cursor: pointer;
}
.b-video-ad-button .b-video-ad-button-wrapper .b-content .b-grid .b-column-left,
.b-video-ad-button .b-video-ad-button-wrapper .b-content .b-grid .b-column-right {
  margin-left: 10px;
  -ms-transform: translateY(5px);
  transform: translateY(5px);
  transition: all .3s ease;
  opacity: 0;
}
.b-video-ad-button .b-video-ad-button-wrapper.bottom-left {
  bottom: 60px;
  left: 10px;
  top: auto;
  right: auto;
}
.b-video-ad-button .b-video-ad-button-wrapper.bottom-right {
  bottom: 60px;
  right: 10px;
  top: auto;
  left: auto;
}
.b-video-ad-button .b-video-ad-button-wrapper.top-left {
  top: 60px;
  left: 10px;
  bottom: auto;
  right: auto;
}
.b-video-ad-button .b-video-ad-button-wrapper.top-right {
  top: 60px;
  right: 10px;
  bottom: auto;
  left: auto;
}
.b-video-ad-button .b-video-ad-button-wrapper.bottom-right .b-image .e-chevron,
.b-video-ad-button .b-video-ad-button-wrapper.top-right .b-image .e-chevron {
  right: auto;
  left: 0;
  -ms-transform: translateX(-50%) translateY(50%);
  transform: translateX(-50%) translateY(50%);
}
.b-video-ad-button .b-video-ad-button-wrapper.bottom-right .b-image .e-chevron .icon-chevron-right:before,
.b-video-ad-button .b-video-ad-button-wrapper.top-right .b-image .e-chevron .icon-chevron-right:before {
  content: '\E004';
}
.b-video-ad-button .b-video-ad-button-wrapper.bottom-right .e-video-ad-button-link,
.b-video-ad-button .b-video-ad-button-wrapper.top-right .e-video-ad-button-link {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.b-video-ad-button .b-video-ad-button-wrapper.bottom-right .e-video-ad-button-link:before,
.b-video-ad-button .b-video-ad-button-wrapper.top-right .e-video-ad-button-link:before {
  left: auto;
  right: -10px;
}
.b-video-ad-button .b-video-ad-button-wrapper.bottom-right .b-content .b-grid,
.b-video-ad-button .b-video-ad-button-wrapper.top-right .b-content .b-grid {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.b-video-ad-button .b-video-ad-button-wrapper.bottom-right .b-content .b-grid .b-column-left,
.b-video-ad-button .b-video-ad-button-wrapper.top-right .b-content .b-grid .b-column-left,
.b-video-ad-button .b-video-ad-button-wrapper.bottom-right .b-content .b-grid .b-column-right,
.b-video-ad-button .b-video-ad-button-wrapper.top-right .b-content .b-grid .b-column-right {
  margin-left: 0;
  margin-right: 10px;
}
.b-video-ad-button .b-video-ad-button-wrapper.dark .e-video-ad-button-link:before {
  background: #000000;
}
.b-video-ad-button .b-video-ad-button-wrapper.dark .b-image .e-chevron {
  background: #000;
  color: #ffffff;
}
.b-video-ad-button .b-video-ad-button-wrapper.dark .b-content .b-grid .e-title {
  color: #ffffff;
}
@media (max-width: 767px) {
  .b-video-ad-button .b-video-ad-button-wrapper .e-video-ad-button-link:before {
    height: calc(100% + 10px);
    left: -10px;
    top: -5px;
  }
  .b-video-ad-button .b-video-ad-button-wrapper .e-video-ad-button-link:hover:before,
  .b-video-ad-button .b-video-ad-button-wrapper .e-video-ad-button-link.open:before {
    width: calc(100% + 15px);
    transition: all .3s ease 0s;
  }
  .b-video-ad-button .b-video-ad-button-wrapper .b-image {
    display: none;
  }
  .b-video-ad-button .b-video-ad-button-wrapper .b-content .b-grid .e-title {
    font-size: 13px;
  }
  .b-video-ad-button .b-video-ad-button-wrapper .b-content .b-grid .e-subtitle {
    font-size: 11px;
  }
  .b-video-ad-button .b-video-ad-button-wrapper .b-content .b-grid .e-button {
    padding: 4px 8px;
  }
  .b-video-ad-button .b-video-ad-button-wrapper .b-content .b-grid .b-column-left {
    margin-left: 0;
  }
  .b-video-ad-button .b-video-ad-button-wrapper .b-content .b-grid .b-column-right {
    margin-left: 5px;
  }
  .b-video-ad-button .b-video-ad-button-wrapper.bottom-right .b-content .b-grid .b-column-left,
  .b-video-ad-button .b-video-ad-button-wrapper.top-right .b-content .b-grid .b-column-left {
    margin-right: 0;
  }
  .b-video-ad-button .b-video-ad-button-wrapper.bottom-right .b-content .b-grid .b-column-right,
  .b-video-ad-button .b-video-ad-button-wrapper.top-right .b-content .b-grid .b-column-right {
    margin-right: 5px;
  }
}