/* line 80, sass/skin-gray.scss */
.invisible {
  display: none;
}

/* line 82, sass/skin-gray.scss */
.mejs-container {
  font-size: 1.1em;
  position: relative;
  background: #000;
  font-family: Helvetica, Arial;
}

/* line 89, sass/skin-gray.scss */
.me-plugin {
  position: absolute;
}

/* line 92, sass/skin-gray.scss */
.mejs-embed {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: #000;
  overflow: hidden;
}
/* line 99, sass/skin-gray.scss */
.mejs-embed body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: #000;
  overflow: hidden;
}

/* line 107, sass/skin-gray.scss */
.mejs-container-fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 1000;
}
/* line 115, sass/skin-gray.scss */
.mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video {
  width: 100%;
  height: 100%;
}

/* Start: LAYERS */
/* line 121, sass/skin-gray.scss */
.mejs-background {
  position: absolute;
  top: 0;
  left: 0;
}

/* line 126, sass/skin-gray.scss */
.mejs-mediaelement {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 133, sass/skin-gray.scss */
.mejs-poster {
  position: absolute;
  top: 0;
  left: 0;
}
/* line 137, sass/skin-gray.scss */
.mejs-poster img {
  border: 0;
  padding: 0;
  border: 0;
  display: block;
}

/* line 143, sass/skin-gray.scss */
.mejs-overlay {
  position: absolute;
  top: 0;
  left: 0;
}

/* line 148, sass/skin-gray.scss */
.mejs-overlay-play {
  cursor: pointer;
}

/* line 151, sass/skin-gray.scss */
.mejs-overlay-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  background: url(bigplay.png) no-repeat;
}

/* line 160, sass/skin-gray.scss */
.mejs-overlay:hover .mejs-overlay-button {
  background-position: 0 -100px;
}

/* line 163, sass/skin-gray.scss */
.mejs-overlay-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin: -40px 0 0 -40px;
  background: #191919;
  background: rgba(0, 0, 0, 0.9);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(50, 50, 50, 0.9)), color-stop(100%, rgba(0, 0, 0, 0.9)));
  background-image: -webkit-linear-gradient(rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
  background-image: -moz-linear-gradient(rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
  background-image: -o-linear-gradient(rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
  background-image: linear-gradient(rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF323232', endColorstr='#FF000000');
}
/* line 174, sass/skin-gray.scss */
.mejs-overlay-loading span {
  display: block;
  width: 80px;
  height: 80px;
  background: transparent url(loading.gif) 50% 50% no-repeat;
}

/* End: LAYERS */
/* Start: CONTROL BAR */
/* line 184, sass/skin-gray.scss */
.mejs-container .mejs-controls {
  position: absolute;
  background: none;
  list-style-type: none;
  margin: 0;
  padding: 5px 0;
  bottom: 0;
  left: 0;
  background: #222222;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #222222), color-stop(100%, #222222));
  background-image: -webkit-linear-gradient(#222222, #222222);
  background-image: -moz-linear-gradient(#222222, #222222);
  background-image: -o-linear-gradient(#222222, #222222);
  background-image: linear-gradient(#222222, #222222);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF222222', endColorstr='#FF222222');
  width: 100%;
}
/* line 196, sass/skin-gray.scss */
.mejs-container .mejs-controls div {
  list-style-type: none;
  background-image: none;
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 0.917em;
  background: 0;
  font-family: Helvetica, Arial;
  border: 0;
  vertical-align: middle;
}

/* line 208, sass/skin-gray.scss */
.mejs-controls button, .mejs-tooltip button {
  cursor: pointer;
  display: block;
  font-size: 100%;
  line-height: 0;
  text-decoration: none;
  margin: 0.1em;
  height: 1.1em;
  width: 1.1em;
  border: 0;
}

/* :focus for accessibility */
/* End: CONTROL BAR */
/* line 227, sass/skin-gray.scss */
.mejs-container .mejs-controls > div {
  display: table-cell;
  text-align: center;
  padding: 0 5px;
}
/* line 231, sass/skin-gray.scss */
.mejs-container .mejs-controls .mejs-time-rail {
  padding: 0;
}
/* line 233, sass/skin-gray.scss */
.mejs-container .mejs-controls .mejs-time {
  color: #fff;
  text-align: center;
}
/* line 236, sass/skin-gray.scss */
.mejs-container .mejs-controls .mejs-time span {
  font-size: 0.917em;
  color: #fff;
}

/* background for IE */
/* line 243, sass/skin-gray.scss */
.no-svg .mejs-tooltip {
  background: url(controls/gray/tooltip.png) no-repeat center center;
}
/* line 245, sass/skin-gray.scss */
.no-svg .mejs-controls .mejs-play button {
  background: url(controls/gray/play.png) no-repeat center center;
}
/* line 247, sass/skin-gray.scss */
.no-svg .mejs-controls .mejs-pause button {
  background: url(controls/gray/pause.png) no-repeat center center;
}
/* line 249, sass/skin-gray.scss */
.no-svg .mejs-controls .mejs-stop button {
  background: url(controls/gray/stop.png) no-repeat center center;
}
/* line 251, sass/skin-gray.scss */
.no-svg .mejs-controls .mejs-fullscreen-button button {
  background: url(controls/gray/fullscreen.png) no-repeat center center;
}
/* line 253, sass/skin-gray.scss */
.no-svg .mejs-controls .mejs-unfullscreen button {
  background: url(controls/gray/unfullscreen.png) no-repeat center center;
}
/* line 256, sass/skin-gray.scss */
.no-svg .mejs-controls .mejs-mute button {
  background: url(controls/gray/mute.png) no-repeat center center;
}
/* line 258, sass/skin-gray.scss */
.no-svg .mejs-controls .mejs-unmute button {
  background: url(controls/gray/unmute.png) no-repeat center center;
}
/* line 260, sass/skin-gray.scss */
.no-svg .mejs-controls .mejs-captions-button {
  position: relative;
}
/* line 262, sass/skin-gray.scss */
.no-svg .mejs-controls .mejs-captions-button button {
  background: transparent url(controls/gray/caption.png) no-repeat center center;
}
/* line 264, sass/skin-gray.scss */
.no-svg .mejs-controls .mejs-loop-off button {
  background: transparent url(controls/gray/loopoff.png) no-repeat center center;
}
/* line 266, sass/skin-gray.scss */
.no-svg .mejs-controls .mejs-loop-on button {
  background: transparent url(controls/gray/loopon.png) no-repeat center center;
}
/* line 268, sass/skin-gray.scss */
.no-svg .mejs-controls .mejs-backlight-off button {
  background: transparent url(controls/gray/backlightoff.png) no-repeat center center;
}
/* line 270, sass/skin-gray.scss */
.no-svg .mejs-controls .mejs-backlight-on button {
  background: transparent url(controls/gray/backlighton.png) no-repeat center center;
}
/* line 272, sass/skin-gray.scss */
.no-svg .mejs-controls .mejs-picturecontrols-button {
  background: transparent url(controls/gray/picturecontrols.png) no-repeat center center;
}
/* line 275, sass/skin-gray.scss */
.no-svg .mejs-controls .mejs-time-rail .mejs-time-handle-rewind {
  background: transparent url(controls/gray/rail_-.png) no-repeat center center;
  background-color: transparent;
}
/* line 277, sass/skin-gray.scss */
.no-svg .mejs-controls .mejs-time-rail .mejs-time-handle-forward {
  background: transparent url(controls/gray/rail_+.png) no-repeat center center;
  background-color: transparent;
}
/* line 280, sass/skin-gray.scss */
.no-svg .mejs-controls .mejs-volume-button .mejs-volume-slider, .no-svg .mejs-controls .mejs-volume-button .mejs-volume-slider.horizontal {
  background-color: #222222;
}
/* line 282, sass/skin-gray.scss */
.no-svg .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-plus, .no-svg .mejs-controls .mejs-volume-button .mejs-volume-slider.horizontal .mejs-volume-plus {
  background: transparent url(controls/gray/volume_+.png) no-repeat center center;
  background-color: black;
}
/* line 284, sass/skin-gray.scss */
.no-svg .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-minus, .no-svg .mejs-controls .mejs-volume-button .mejs-volume-slider.horizontal .mejs-volume-minus {
  background: transparent url(controls/gray/volume_-.png) no-repeat center center;
  background-color: black;
}

/* line 289, sass/skin-gray.scss */
.mejs-tooltip {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 1000;
}
/* line 294, sass/skin-gray.scss */
.mejs-tooltip button {
  position: absolute;
  top: 5px;
  right: 5px;
  height: 0.6em;
  width: 0.6em;
  background: transparent url(controls/gray/tooltip.svg) no-repeat;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
/* line 303, sass/skin-gray.scss */
.mejs-tooltip button:focus, .mejs-tooltip button:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* line 307, sass/skin-gray.scss */
.bubble-text {
  border-radius: 10px;
  display: none;
  max-width: 8em;
  position: absolute;
  bottom: -1.3em;
  right: 0.8em;
  padding: 0.4em;
  color: black;
  background-color: white;
  text-align: left;
  font-size: 0.6em;
  line-height: 1em;
  z-index: 1001;
}

/* normal background */
/* line 324, sass/skin-gray.scss */
.mejs-controls {
  /*Start: time trail*/
  /*End:; time trail*/
  /*Start: volume control*/
  /*End: volume control*/
  /* End: TRACK (Captions and Chapters) */
}
/* line 326, sass/skin-gray.scss */
.mejs-controls .mejs-play button {
  background: transparent url(controls/gray/play.svg) no-repeat;
  background-size: contain;
}
/* line 329, sass/skin-gray.scss */
.mejs-controls .mejs-play button:focus {
  background-color: #666666;
}
/* line 332, sass/skin-gray.scss */
.mejs-controls .mejs-pause button {
  background: transparent url(controls/gray/pause.svg) no-repeat;
  background-size: contain;
}
/* line 335, sass/skin-gray.scss */
.mejs-controls .mejs-pause button:focus {
  background-color: #666666;
}
/* line 338, sass/skin-gray.scss */
.mejs-controls .mejs-stop button {
  background: transparent url(controls/gray/stop.svg) no-repeat;
  background-size: contain;
}
/* line 341, sass/skin-gray.scss */
.mejs-controls .mejs-stop button:focus {
  background-color: #666666;
}
/* line 344, sass/skin-gray.scss */
.mejs-controls div.mejs-time-rail {
  width: 100%;
}
/* line 346, sass/skin-gray.scss */
.mejs-controls .mejs-time-rail {
  @-webkit-keyframes buffering-stripes {
    /* line 382, sass/skin-gray.scss */
    from {
      background-position: 0 0;
    }

    /* line 382, sass/skin-gray.scss */
    to {
      background-position: 30px 0;
    }
}

  @-moz-keyframes buffering-stripes {
    /* line 383, sass/skin-gray.scss */
    from {
      background-position: 0 0;
    }

    /* line 383, sass/skin-gray.scss */
    to {
      background-position: 30px 0;
    }
}

  @-ms-keyframes buffering-stripes {
    /* line 384, sass/skin-gray.scss */
    from {
      background-position: 0 0;
    }

    /* line 384, sass/skin-gray.scss */
    to {
      background-position: 30px 0;
    }
}

  @-o-keyframes buffering-stripes {
    /* line 385, sass/skin-gray.scss */
    from {
      background-position: 0 0;
    }

    /* line 385, sass/skin-gray.scss */
    to {
      background-position: 30px 0;
    }
}

  @keyframes buffering-stripes {
    /* line 386, sass/skin-gray.scss */
    from {
      background-position: 0 0;
    }

    /* line 386, sass/skin-gray.scss */
    to {
      background-position: 30px 0;
    }
}

}
/* line 347, sass/skin-gray.scss */
.mejs-controls .mejs-time-rail .mejs-time-total {
  width: 100%;
}
/* line 349, sass/skin-gray.scss */
.mejs-controls .mejs-time-rail span {
  display: block;
  width: 180px;
  height: 0.6em;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  cursor: pointer;
}
/* line 355, sass/skin-gray.scss */
.mejs-controls .mejs-time-rail > span {
  position: relative;
}
/* line 357, sass/skin-gray.scss */
.mejs-controls .mejs-time-rail > span > span {
  position: absolute;
  top: 0;
  left: 0;
}
/* line 361, sass/skin-gray.scss */
.mejs-controls .mejs-time-rail .mejs-time-total {
  background: black;
  background: black;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #000000), color-stop(100%, #000000));
  background-image: -webkit-linear-gradient(#000000, #000000);
  background-image: -moz-linear-gradient(#000000, #000000);
  background-image: -o-linear-gradient(#000000, #000000);
  background-image: linear-gradient(#000000, #000000);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF000000', endColorstr='#FF000000');
}
/* line 366, sass/skin-gray.scss */
.mejs-controls .mejs-time-rail .mejs-time-buffering {
  width: 100%;
  background: rgba(255, 255, 255, 0.15);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(221, 221, 221, 0.2)), color-stop(100%, rgba(221, 221, 221, 0.2)));
  background-image: -webkit-linear-gradient(rgba(221, 221, 221, 0.2), rgba(221, 221, 221, 0.2));
  background-image: -moz-linear-gradient(rgba(221, 221, 221, 0.2), rgba(221, 221, 221, 0.2));
  background-image: -o-linear-gradient(rgba(221, 221, 221, 0.2), rgba(221, 221, 221, 0.2));
  background-image: linear-gradient(rgba(221, 221, 221, 0.2), rgba(221, 221, 221, 0.2));
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFDDDDDD', endColorstr='#FFDDDDDD');
}
/* line 371, sass/skin-gray.scss */
.mejs-controls .mejs-time-rail .mejs-time-current {
  -webkit-background-size: 15px 15px;
  -moz-background-size: 15px 15px;
  -o-background-size: 15px 15px;
  background-size: 15px 15px;
  -webkit-animation: buffering-stripes 2s linear infinite;
  -moz-animation: buffering-stripes 2s linear infinite;
  -ms-animation: buffering-stripes 2s linear infinite;
  -o-animation: buffering-stripes 2s linear infinite;
  animation: buffering-stripes 2s linear infinite;
}
/* line 387, sass/skin-gray.scss */
.mejs-controls .mejs-time-rail .mejs-time-loaded {
  width: 0;
  background: #5b5b5b;
  background: #5b5b5b;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5b5b5b), color-stop(100%, #5b5b5b));
  background-image: -webkit-linear-gradient(#5b5b5b, #5b5b5b);
  background-image: -moz-linear-gradient(#5b5b5b, #5b5b5b);
  background-image: -o-linear-gradient(#5b5b5b, #5b5b5b);
  background-image: linear-gradient(#5b5b5b, #5b5b5b);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF5B5B5B', endColorstr='#FF5B5B5B');
}
/* line 393, sass/skin-gray.scss */
.mejs-controls .mejs-time-rail .mejs-time-current {
  width: 0;
  background: white;
  background: white;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff);
  background-image: -moz-linear-gradient(#ffffff, #ffffff);
  background-image: -o-linear-gradient(#ffffff, #ffffff);
  background-image: linear-gradient(#ffffff, #ffffff);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF');
}
/* line 399, sass/skin-gray.scss */
.mejs-controls .mejs-time-rail .mejs-time-handle {
  opacity: 1;
  position: absolute;
  margin: 0;
  width: 10px;
  background: #fff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  cursor: pointer;
  border: 0;
  top: 0px;
  text-align: center;
}
/* line 410, sass/skin-gray.scss */
.mejs-controls .mejs-time-rail .mejs-time-handle-rewind {
  background: transparent url(controls/gray/rail_-.svg) no-repeat;
  background-color: transparent;
  background-size: contain;
  height: 0.8em;
  width: 0.8em;
  position: absolute;
  left: -0.2em;
  top: -0.2em;
}
/* line 419, sass/skin-gray.scss */
.mejs-controls .mejs-time-rail .mejs-time-handle-rewind:focus {
  background-color: #666666;
}
/* line 421, sass/skin-gray.scss */
.mejs-controls .mejs-time-rail .mejs-time-handle-forward {
  background: transparent url(controls/gray/rail_+.svg) no-repeat;
  background-color: transparent;
  background-size: contain;
  height: 0.8em;
  width: 0.8em;
  position: absolute;
  right: -1em;
  top: -0.2em;
}
/* line 430, sass/skin-gray.scss */
.mejs-controls .mejs-time-rail .mejs-time-handle-forward:focus {
  background-color: #666666;
}
/* line 432, sass/skin-gray.scss */
.mejs-controls .mejs-time-rail .mejs-time-float {
  position: absolute;
  display: none;
  background: #eee;
  width: auto;
  height: auto;
  border: solid 1px #333333;
  top: -2.3em;
  text-align: center;
  color: #111;
  padding: 0.2em 0.2em 0;
  left: 0;
  margin-left: -1.49em;
}
/* line 445, sass/skin-gray.scss */
.mejs-controls .mejs-time-rail .mejs-time-float-current {
  width: auto;
  height: auto;
  display: block;
  text-align: center;
}
/* line 450, sass/skin-gray.scss */
.mejs-controls .mejs-time-rail .mejs-time-float-corner {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  line-height: 0;
  border: solid 0.35em #eeeeee;
  border-color: #eeeeee transparent transparent transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  bottom: -0.57em;
  left: 50%;
  margin-left: -0.3em;
}
/* line 464, sass/skin-gray.scss */
.mejs-controls .mejs-fullscreen-button button {
  background: transparent url(controls/gray/fullscreen.svg) no-repeat;
  background-size: contain;
}
/* line 467, sass/skin-gray.scss */
.mejs-controls .mejs-fullscreen-button button:focus {
  background-color: #666666;
}
/* line 469, sass/skin-gray.scss */
.mejs-controls .mejs-unfullscreen button {
  background: transparent url(controls/gray/unfullscreen.svg) no-repeat;
  background-size: contain;
}
/* line 472, sass/skin-gray.scss */
.mejs-controls .mejs-unfullscreen button:focus {
  background-color: #666666;
}
/* line 476, sass/skin-gray.scss */
.mejs-controls .mejs-mute button {
  background: transparent url(controls/gray/mute.svg) no-repeat;
  background-size: contain;
}
/* line 479, sass/skin-gray.scss */
.mejs-controls .mejs-mute button:focus {
  background-color: #666666;
}
/* line 481, sass/skin-gray.scss */
.mejs-controls .mejs-unmute button {
  background: transparent url(controls/gray/unmute.svg) no-repeat;
  background-size: contain;
}
/* line 484, sass/skin-gray.scss */
.mejs-controls .mejs-unmute button:focus {
  background-color: #666666;
}
/* line 486, sass/skin-gray.scss */
.mejs-controls .mejs-volume-button {
  position: relative;
  /* vertical version */
  /*horizontal version*/
}
/* line 489, sass/skin-gray.scss */
.mejs-controls .mejs-volume-button .mejs-volume-slider {
  display: none;
  height: 7.4em;
  width: 1em;
  background: url("background.png");
  background: rgba(34, 34, 34, 0.8);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  bottom: 1em;
  z-index: 1;
  position: absolute;
  margin: 0;
}
/* line 500, sass/skin-gray.scss */
.mejs-controls .mejs-volume-button:hover {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
/* line 503, sass/skin-gray.scss */
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
  position: absolute;
  left: 0.5em;
  top: 1.2em;
  width: 0.1em;
  height: 5.7em;
  background: #ddd;
  background: white;
  margin: 0;
}
/* line 512, sass/skin-gray.scss */
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
  position: absolute;
  left: 0.5em;
  top: 1.2em;
  width: 0.1em;
  height: 5.7em;
  background: #ddd;
  background: rgba(255, 255, 255, 0.9);
  margin: 0;
}
/* line 521, sass/skin-gray.scss */
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
  position: absolute;
  left: 0.15em;
  top: -0.2em;
  width: 0.8em;
  height: 6px;
  background: #ddd;
  background: white;
  cursor: n-resize;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
  margin: 0;
}
/* line 532, sass/skin-gray.scss */
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-plus {
  background: transparent url(controls/gray/volume_+.svg) no-repeat;
  background-color: rgba(0, 0, 0, 0.3);
  background-size: contain;
  height: 0.8em;
  width: 0.8em;
  position: absolute;
  left: 0.1em;
  top: 0.1em;
}
/* line 541, sass/skin-gray.scss */
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-plus:focus {
  background-color: #666666;
}
/* line 543, sass/skin-gray.scss */
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-minus {
  background: transparent url(controls/gray/volume_-.svg) no-repeat;
  background-color: rgba(0, 0, 0, 0.3);
  background-size: contain;
  height: 0.8em;
  width: 0.8em;
  position: absolute;
  left: 0.1em;
  bottom: 0.1em;
}
/* line 552, sass/skin-gray.scss */
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-minus:focus {
  background-color: #666666;
}
/* line 556, sass/skin-gray.scss */
.mejs-controls .mejs-volume-button .mejs-volume-slider.horizontal {
  width: 7.6em;
  height: 1em;
  bottom: 1.3em;
  margin-left: -4.5em;
}
/* line 561, sass/skin-gray.scss */
.mejs-controls .mejs-volume-button .mejs-volume-slider.horizontal .mejs-volume-total {
  top: 0.5em;
  left: 1.2em;
  height: 0.1em;
  width: 5.7em;
}
/* line 566, sass/skin-gray.scss */
.mejs-controls .mejs-volume-button .mejs-volume-slider.horizontal .mejs-volume-current {
  left: 1.2em;
  top: 0.5em;
  height: 0.1em;
  width: 5.7em;
}
/* line 571, sass/skin-gray.scss */
.mejs-controls .mejs-volume-button .mejs-volume-slider.horizontal .mejs-volume-handle {
  cursor: e-resize;
  top: 0.15em;
  left: 1.1em;
  height: 0.8em;
  width: 6px;
}
/* line 577, sass/skin-gray.scss */
.mejs-controls .mejs-volume-button .mejs-volume-slider.horizontal .mejs-volume-plus {
  left: 6.5em;
  top: 0.1em;
}
/* line 580, sass/skin-gray.scss */
.mejs-controls .mejs-volume-button .mejs-volume-slider.horizontal .mejs-volume-minus {
  left: 0.1em;
  top: 0.1em;
}
/* line 587, sass/skin-gray.scss */
.mejs-controls .mejs-captions-button {
  position: relative;
}
/* line 589, sass/skin-gray.scss */
.mejs-controls .mejs-captions-button.activeButton button {
  background-color: #323232;
}
/* line 590, sass/skin-gray.scss */
.mejs-controls .mejs-captions-button button {
  background: transparent url(controls/gray/caption.svg) no-repeat;
  background-size: contain;
}
/* line 593, sass/skin-gray.scss */
.mejs-controls .mejs-captions-button button:focus {
  background-color: #666666;
}
/* line 595, sass/skin-gray.scss */
.mejs-controls .mejs-captions-button .mejs-captions-selector {
  visibility: hidden;
  position: absolute;
  bottom: 26px;
  right: -10px;
  width: 130px;
  height: 100px;
  background: url("background.png");
  background: rgba(50, 50, 50, 0.7);
  border: solid 1px transparent;
  padding: 10px;
  overflow: hidden;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
/* line 608, sass/skin-gray.scss */
.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style-type: none !important;
  overflow: hidden;
}
/* line 614, sass/skin-gray.scss */
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
  margin: 0 0 6px 0;
  padding: 0;
  list-style-type: none !important;
  display: block;
  color: #fff;
  overflow: hidden;
}
/* line 621, sass/skin-gray.scss */
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
  clear: both;
  float: left;
  margin: 3px 3px 0 5px;
}
/* line 625, sass/skin-gray.scss */
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
  width: 100px;
  float: left;
  padding: 4px 0 0 0;
  line-height: 15px;
  font-family: helvetica, arial;
  font-size: 10px;
}
/* line 632, sass/skin-gray.scss */
.mejs-controls .mejs-captions-button .mejs-captions-translations {
  font-size: 10px;
  margin: 0 0 5px 0;
}

/* line 636, sass/skin-gray.scss */
.mejs-chapters {
  position: absolute;
  top: 0;
  left: 0;
  -xborder-right: solid 1px white;
  width: 10000px;
}
/* line 642, sass/skin-gray.scss */
.mejs-chapters .mejs-chapter {
  position: absolute;
  float: left;
  background: black;
  background: rgba(0, 0, 0, 0.7);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(102, 102, 102, 0.7)), color-stop(100%, rgba(0, 0, 0, 0.7)));
  background-image: -webkit-linear-gradient(rgba(102, 102, 102, 0.7), rgba(0, 0, 0, 0.7));
  background-image: -moz-linear-gradient(rgba(102, 102, 102, 0.7), rgba(0, 0, 0, 0.7));
  background-image: -o-linear-gradient(rgba(102, 102, 102, 0.7), rgba(0, 0, 0, 0.7));
  background-image: linear-gradient(rgba(102, 102, 102, 0.7), rgba(0, 0, 0, 0.7));
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF666666', endColorstr='#FF000000');
  overflow: hidden;
  border: 0;
}
/* line 651, sass/skin-gray.scss */
.mejs-chapters .mejs-chapter .mejs-chapter-block {
  font-size: 0.917em;
  color: #fff;
  padding: 5px;
  display: block;
  border-right: solid 1px #333333;
  border-bottom: solid 1px #333333;
  cursor: pointer;
}
/* line 659, sass/skin-gray.scss */
.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
  border-right: none;
}
/* line 662, sass/skin-gray.scss */
.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
  background: #323232;
  background: rgba(50, 50, 50, 0.6);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(102, 102, 102, 0.6)), color-stop(100%, rgba(50, 50, 50, 0.6)));
  background-image: -webkit-linear-gradient(rgba(102, 102, 102, 0.6), rgba(50, 50, 50, 0.6));
  background-image: -moz-linear-gradient(rgba(102, 102, 102, 0.6), rgba(50, 50, 50, 0.6));
  background-image: -o-linear-gradient(rgba(102, 102, 102, 0.6), rgba(50, 50, 50, 0.6));
  background-image: linear-gradient(rgba(102, 102, 102, 0.6), rgba(50, 50, 50, 0.6));
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF666666', endColorstr='#FF323232');
}
/* line 667, sass/skin-gray.scss */
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
  font-size: 12px;
  font-weight: bold;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 0 3px 0;
  line-height: 12px;
}
/* line 675, sass/skin-gray.scss */
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
  font-size: 12px;
  line-height: 12px;
  margin: 3px 0 4px 0;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* line 683, sass/skin-gray.scss */
.mejs-captions-layer {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  /*font-weight: bold;*/
  line-height: 1.575em;
  font-size: 1em;
  color: #fff;
}
/* line 692, sass/skin-gray.scss */
.mejs-captions-layer a {
  color: #fff;
  text-decoration: underline;
}
/* line 695, sass/skin-gray.scss */
.mejs-captions-layer[lang=ar] {
  font-size: 1.25em;
  font-weight: normal;
}

/* line 699, sass/skin-gray.scss */
.mejs-captions-position {
  position: absolute;
  width: 100%;
  bottom: 2em;
  left: 0;
}

/* line 705, sass/skin-gray.scss */
.mejs-captions-position-hover {
  bottom: 2.5em;
}

/* line 708, sass/skin-gray.scss */
.mejs-captions-text {
  padding: 3px 5px;
  background: url("background.png");
  background: rgba(20, 20, 20, 0.8);
}

/* End: TRACK (Captions and Chapters) */
/* line 715, sass/skin-gray.scss */
.mejs-clear {
  clear: both;
}

/* Start: ERROR */
/* line 721, sass/skin-gray.scss */
.me-cannotplay a {
  color: #fff;
  font-weight: bold;
}
/* line 724, sass/skin-gray.scss */
.me-cannotplay span {
  padding: 15px;
  display: block;
}

/* End: ERROR */
/* Start: Loop */
/* line 733, sass/skin-gray.scss */
.mejs-controls .mejs-loop-off button {
  background: transparent url(controls/gray/loopoff.svg) no-repeat;
  background-size: contain;
}
/* line 736, sass/skin-gray.scss */
.mejs-controls .mejs-loop-on button {
  background: transparent url(controls/gray/loopon.svg) no-repeat;
  background-size: contain;
}
/* line 739, sass/skin-gray.scss */
.mejs-controls .mejs-backlight-off button {
  background: transparent url(controls/gray/backlightoff.svg) no-repeat;
  background-size: contain;
}
/* line 742, sass/skin-gray.scss */
.mejs-controls .mejs-backlight-on button {
  background: transparent url(controls/gray/backlighton.svg) no-repeat;
  background-size: contain;
}
/* line 745, sass/skin-gray.scss */
.mejs-controls .mejs-picturecontrols-button {
  background: transparent url(controls/gray/picturecontrols.svg) no-repeat;
  background-size: contain;
}

/* End: Loop */
/* Start: backlight */
/* End: backlight */
/* Start: picture controls */
/* End: picture controls */
/* context menu */
/* line 761, sass/skin-gray.scss */
.mejs-contextmenu {
  position: absolute;
  width: 150px;
  padding: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  top: 0;
  left: 0;
  background: #fff;
  border: solid 1px #999999;
  z-index: 1001;
  /* make sure it shows on fullscreen */
}
/* line 772, sass/skin-gray.scss */
.mejs-contextmenu .mejs-contextmenu-separator {
  height: 1px;
  font-size: 0;
  margin: 5px 6px;
  background: #333;
}
/* line 777, sass/skin-gray.scss */
.mejs-contextmenu .mejs-contextmenu-item {
  font-family: Helvetica, Arial;
  font-size: 0.75em;
  padding: 4px 6px;
  cursor: pointer;
  color: #333;
}
/* line 783, sass/skin-gray.scss */
.mejs-contextmenu .mejs-contextmenu-item:hover {
  background: #2C7C91;
  color: #fff;
}

/* line 787, sass/skin-gray.scss */
.mejs-controls .mejs-sourcechooser-button {
  position: relative;
}

/* line 791, sass/skin-gray.scss */
.mejs-controls .mejs-sourcechooser-button button {
  background-position: -128px 0;
}

/* line 794, sass/skin-gray.scss */
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
  visibility: hidden;
  position: absolute;
  bottom: 26px;
  right: -10px;
  width: 130px;
  height: 100px;
  background: url(background.png);
  background: rgba(50, 50, 50, 0.7);
  border: solid 1px transparent;
  padding: 10px;
  overflow: hidden;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

/* line 811, sass/skin-gray.scss */
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style-type: none !important;
  overflow: hidden;
}

/* line 818, sass/skin-gray.scss */
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
  margin: 0 0 6px 0;
  padding: 0;
  list-style-type: none !important;
  display: block;
  color: #fff;
  overflow: hidden;
}

/* line 826, sass/skin-gray.scss */
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
  clear: both;
  float: left;
  margin: 3px 3px 0 5px;
}

/* line 831, sass/skin-gray.scss */
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
  width: 100px;
  float: left;
  padding: 4px 0 0 0;
  line-height: 0.9375em;
  font-family: helvetica, arial;
  font-size: 0.625em;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
/* line 842, sass/skin-gray.scss */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* line 852, sass/skin-gray.scss */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
/* IE FIXES */
/* line 864, sass/skin-gray.scss */
.ie7 div {
  display: inline;
  zoom: 1;
  margin: 0 5px;
  padding: 0;
}

.vibeo-player-small .mejs-time-total{
  display:none !important;
}
.vibeo-player-small .mejs-duration{
  display:none !important;
}
.vibeo-player-small.mejs-container-fullscreen .mejs-time-total{
  display:block !important;
}
.vibeo-player-small.mejs-container-fullscreen .mejs-duration{
  display:inline !important;
}