/*****************************************
------------------------------------------
Core Player Styles
------------------------------------------
*****************************************/
/*------------------------------------------
Imports
------------------------------------------*/
/* line 1, ../sass/core/_helpers.scss */
.group:before,
.group:after {
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
  min-height: 0;
  visibility: hidden;
}

/* line 12, ../sass/core/_helpers.scss */
.group:after {
  clear: both;
}

/* line 15, ../sass/core/_helpers.scss */
.group {
  *zoom: 1;
}

/* line 19, ../sass/core/_helpers.scss */
.hid {
  display: none;
}

/* line 23, ../sass/core/_helpers.scss */
.translate-anim {
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
}

/*------------------------------------------
Imports
------------------------------------------*/
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: "FontAwesome";
  src: url('../fonts/fontawesome-webfont.eot?v=3.1.0&1416262916');
  src: url('../fonts/fontawesome-webfont.eot?v=3.1.0?&1416262916#iefix') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=3.1.0&1416262916') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=3.1.0&1416262916') format('truetype'), url('../fonts/fontawesome-webfont.svg?1416262916#fontawesomeregular?v=3.1.0') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* FONT AWESOME CORE
 * -------------------------- */
/* line 15, ../sass/core/_font-awesome.scss */
[class^="icon-"],
[class*=" icon-"] {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
}

/* line 24, ../sass/core/_font-awesome.scss */
[class^="icon-"]:before,
[class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}

/* makes sure icons active on rollover in links */
/* line 31, ../sass/core/_font-awesome.scss */
a [class^="icon-"],
a [class*=" icon-"],
a [class^="icon-"]:before,
a [class*=" icon-"]:before {
  display: inline;
}

/* increased font size for icon-large */
/* line 38, ../sass/core/_font-awesome.scss */
[class^="icon-"].icon-fixed-width,
[class*=" icon-"].icon-fixed-width {
  display: inline-block;
  width: 1.2857142857142858em;
  text-align: center;
}

/* line 44, ../sass/core/_font-awesome.scss */
[class^="icon-"].icon-fixed-width.icon-large,
[class*=" icon-"].icon-fixed-width.icon-large {
  width: 1.5714285714285714em;
}

/* line 48, ../sass/core/_font-awesome.scss */
[class^="icon-"].hide,
[class*=" icon-"].hide {
  display: none;
}

/* line 52, ../sass/core/_font-awesome.scss */
.icon-border {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: solid 1px #eeeeee;
  padding: .2em .25em .15em;
}

/* BOOTSTRAP SPECIFIC CLASSES
 * -------------------------- */
/* Bootstrap 2.0 sprites.less reset */
/* line 60, ../sass/core/_font-awesome.scss */
[class^="icon-"],
[class*=" icon-"] {
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  margin-top: 0;
}

/* Animated rotating icon */
/* line 73, ../sass/core/_font-awesome.scss */
.icon-spin {
  display: inline-block;
  -moz-animation: spin 1.5s infinite linear;
  -o-animation: spin 1.5s infinite linear;
  -webkit-animation: spin 1.5s infinite linear;
  animation: spin 1.5s infinite linear;
}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
/* Icon rotations and mirroring */
/* line 119, ../sass/core/_font-awesome.scss */
.icon-rotate-90:before {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

/* line 123, ../sass/core/_font-awesome.scss */
.icon-rotate-180:before {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

/* line 127, ../sass/core/_font-awesome.scss */
.icon-rotate-270:before {
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
/* line 133, ../sass/core/_font-awesome.scss */
.icon-cog:before {
  content: "\f013";
}

/* line 136, ../sass/core/_font-awesome.scss */
.icon-play-circle:before {
  content: "\f01d";
}

/* F020 doesn't work in Safari. all shifted one down */
/* line 140, ../sass/core/_font-awesome.scss */
.icon-volume-off:before {
  content: "\f026";
}

/* line 143, ../sass/core/_font-awesome.scss */
.icon-volume-down:before {
  content: "\f027";
}

/* line 146, ../sass/core/_font-awesome.scss */
.icon-volume-up:before {
  content: "\f028";
}

/* line 149, ../sass/core/_font-awesome.scss */
.icon-play:before {
  content: "\f04b";
}

/* line 152, ../sass/core/_font-awesome.scss */
.icon-pause:before {
  content: "\f04c";
}

/* line 155, ../sass/core/_font-awesome.scss */
.icon-stop:before {
  content: "\f04d";
}

/* line 158, ../sass/core/_font-awesome.scss */
.icon-resize-full:before {
  content: "\f065";
}

/* line 161, ../sass/core/_font-awesome.scss */
.icon-resize-small:before {
  content: "\f066";
}

/* line 164, ../sass/core/_font-awesome.scss */
.icon-cogs:before {
  content: "\f085";
}

/* line 167, ../sass/core/_font-awesome.scss */
.icon-hdd:before {
  content: "\f0a0";
}

/* line 170, ../sass/core/_font-awesome.scss */
.icon-fullscreen:before {
  content: "\f0b2";
}

/* line 173, ../sass/core/_font-awesome.scss */
.icon-spinner:before {
  content: "\f110";
}

/* line 176, ../sass/core/_font-awesome.scss */
.icon-circle:before {
  content: "\f111";
}

/* line 179, ../sass/core/_font-awesome.scss */
.icon-resize-full:before {
  content: "\f065";
}

/* line 182, ../sass/core/_font-awesome.scss */
.icon-share-sign:before {
  content: "\f14d";
}

/* line 183, ../sass/core/_font-awesome.scss */
.icon-info-sign:before {
  content: "\f05a";
}

/* line 186, ../sass/core/_font-awesome.scss */
.icon-share:before {
  content: "\f064";
}

/* line 189, ../sass/core/_font-awesome.scss */
.icon-twitter:before {
  content: "\f081";
}

/* line 192, ../sass/core/_font-awesome.scss */
.icon-facebook:before {
  content: "\f082";
}

/* line 195, ../sass/core/_font-awesome.scss */
.icon-linkedin:before {
  content: "\f08c";
}

/* line 198, ../sass/core/_font-awesome.scss */
.icon-google:before {
  content: "\f0d4";
}

/* line 201, ../sass/core/_font-awesome.scss */
.icon-more:before {
  content: "\f08e";
}

/* line 204, ../sass/core/_font-awesome.scss */
.icon-remove:before {
  content: "\f00d";
}

/*****************************************
------------------------------------------
Reset Partial
------------------------------------------
*****************************************/
/* line 7, ../sass/core/_reset.scss */
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/* line 13, ../sass/core/_reset.scss */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/* line 19, ../sass/core/_reset.scss */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

/* line 27, ../sass/core/_reset.scss */
body {
  margin: 0;
}

/* line 31, ../sass/core/_reset.scss */
a:focus {
  outline: thin dotted;
}

/* line 35, ../sass/core/_reset.scss */
a:active,
a:hover {
  outline: 0;
}

/* line 40, ../sass/core/_reset.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

/* line 44, ../sass/core/_reset.scss */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

/* line 49, ../sass/core/_reset.scss */
svg:not(:root) {
  overflow: hidden;
}

/* line 53, ../sass/core/_reset.scss */
figure {
  margin: 0;
}

/* line 57, ../sass/core/_reset.scss */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}

/* line 67, ../sass/core/_reset.scss */
button,
input {
  line-height: normal;
}

/* line 72, ../sass/core/_reset.scss */
button,
select {
  text-transform: none;
}

/* line 77, ../sass/core/_reset.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  -moz-appearance: button;
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}

/* line 87, ../sass/core/_reset.scss */
button[disabled],
html input[disabled] {
  cursor: default;
}

/* line 92, ../sass/core/_reset.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*****************************************
------------------------------------------
Configuration Partial
------------------------------------------
*****************************************/
/*------------------------------------------
Compass Imports
------------------------------------------*/
/*------------------------------------------
Legacy Support Configuration
------------------------------------------*/
/*------------------------------------------
Compass Defaults
------------------------------------------*/
/*****************************************
------------------------------------------
Slider
------------------------------------------
*****************************************/
/*------------------------------------------
Slider styles
------------------------------------------*/
/* line 10, ../sass/components/_slider.scss */
.slider-holder {
  position: relative;
}
/* line 12, ../sass/components/_slider.scss */
.slider-holder .level {
  position: absolute;
  height: inherit;
  bottom: 0;
}
/* line 18, ../sass/components/_slider.scss */
.slider-holder button.btn-handle {
  position: absolute;
  outline: none;
}

/* line 24, ../sass/components/_slider.scss */
.slider-view {
  overflow: hidden;
  position: relative;
}
/* line 27, ../sass/components/_slider.scss */
.slider-view .slider-inner-view {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
}

/*****************************************
------------------------------------------
Tooltip
------------------------------------------
*****************************************/
/*------------------------------------------
Tooltip Settings
------------------------------------------*/
/*------------------------------------------
Tooltip Styles
------------------------------------------*/
/* line 19, ../sass/components/_tooltip.scss */
#tt {
  position: absolute;
  pointer-events: none;
  filter: inherit;
  display: none;
}
/* line 24, ../sass/components/_tooltip.scss */
#tt #tt-arrow {
  background: url('../img/tt-arrow.png?1416262916');
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
  position: absolute;
  background-repeat: no-repeat;
  width: 19px;
  height: 8px;
}
/* line 31, ../sass/components/_tooltip.scss */
#tt #tt-arrow.up {
  bottom: -8px;
  background-position: -12px -15px;
}
/* line 35, ../sass/components/_tooltip.scss */
#tt #tt-arrow.down {
  top: -8px;
  background-position: -12px 0;
}
/* line 40, ../sass/components/_tooltip.scss */
#tt #tt-content {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #000000;
  background: rgba(0, 0, 0, 0.9);
  padding: 8px 9px 8px 9px;
  position: relative;
  line-height: 12px;
  color: #FFFFFF;
  font-size: 12px;
  word-wrap: normal;
  white-space: nowrap;
}

/*****************************************
------------------------------------------
Control
------------------------------------------
*****************************************/
/*------------------------------------------
Control bar
------------------------------------------*/
/* line 12, ../sass/controls/_control.scss */
#controlbar-holder .ui-control {
  float: left;
}
/* line 14, ../sass/controls/_control.scss */
#controlbar-holder .ui-control:last-child {
  border-right: none;
}
/* line 18, ../sass/controls/_control.scss */
#controlbar-holder .i-fullscreen {
  position: relative;
  top: 1px;
}

/*------------------------------------------
UI button
------------------------------------------*/
/* line 27, ../sass/controls/_control.scss */
.ui-btn {
  margin: 0;
  padding: 0;
  border: none;
  background-repeat: repeat-x;
}
/* line 32, ../sass/controls/_control.scss */
.ui-btn:hover, .ui-btn:active, .ui-btn.active {
  background-position: 0 -15px;
}
/* line 35, ../sass/controls/_control.scss */
.ui-btn.active {
  pointer-events: none;
}

/*------------------------------------------
Controls
------------------------------------------*/
/* line 44, ../sass/controls/_control.scss */
.control-play .icon-play {
  display: block;
}
/* line 47, ../sass/controls/_control.scss */
.control-play .icon-pause {
  display: none;
}

/* line 52, ../sass/controls/_control.scss */
.control-normal .i-exit-fullscreen {
  display: block;
  margin-left: 14px;
}
/* line 56, ../sass/controls/_control.scss */
.control-normal .i-fullscreen {
  display: none;
}

/* line 61, ../sass/controls/_control.scss */
.control-volume .icon-volume-off {
  margin-left: -9px;
}

/* line 66, ../sass/controls/_control.scss */
#controlbar-holder .control-fullscreen, #controlbar-holder .control-normal, #controlbar-holder .control-large-player {
  float: right;
}

/* line 1, ../sass/controls/_watermark.scss */
.watermark {
  position: absolute;
  top: 5px;
  right: 10px;
  width: 83px;
  -moz-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1);
  z-index: 0;
  pointer-events: none;
  width: 1px !important;
}

/* TODO: comment this */
/* poster */
/* line 4, ../sass/controls/_poster.scss */
.pearl-player video[poster] {
  display: none;
}

/* line 9, ../sass/controls/_poster.scss */
#html5-video-poster, .html5-video-poster {
  -moz-transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
  -o-transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
  cursor: pointer;
  position: absolute;
  text-align: center;
  top: 0;
  left: 0;
  z-index: 1000;
  width: inherit;
  height: inherit;
}
/* line 19, ../sass/controls/_poster.scss */
#html5-video-poster img, .html5-video-poster img {
  -moz-transition: opacity 1.3s cubic-bezier(0.175, 0.885, 0.32, 1);
  -o-transition: opacity 1.3s cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition: opacity 1.3s cubic-bezier(0.175, 0.885, 0.32, 1);
  transition: opacity 1.3s cubic-bezier(0.175, 0.885, 0.32, 1);
  width: auto;
  height: 100%;
}
/* line 25, ../sass/controls/_poster.scss */
#html5-video-poster:hover img, .html5-video-poster:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
}
/* line 29, ../sass/controls/_poster.scss */
#html5-video-poster.fadeout, .html5-video-poster.fadeout {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}
/* line 33, ../sass/controls/_poster.scss */
#html5-video-poster.hide, .html5-video-poster.hide {
  display: none;
}

/* large play icon */
/* line 39, ../sass/controls/_poster.scss */
.play-large-holder, .play-large-holder-outside {
  -moz-border-radius: 31px;
  -webkit-border-radius: 31px;
  border-radius: 31px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 0;
  box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 0;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNGY3NCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOTBkMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #004f74), color-stop(100%, #0090d3));
  background-image: -moz-linear-gradient(#004f74, #0090d3);
  background-image: -webkit-linear-gradient(#004f74, #0090d3);
  background-image: linear-gradient(#004f74, #0090d3);
  pointer-events: none;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -30px;
  margin-top: -35px;
  width: 60px;
  height: 60px;
  z-index: 1001;
  text-align: center;
}
/* line 53, ../sass/controls/_poster.scss */
.play-large-holder i, .play-large-holder-outside i {
  text-shadow: black -1px -1px 0;
  margin-left: 5px;
  font-size: 25px;
  color: #f2f2f2;
  line-height: 60px;
}
/* line 60, ../sass/controls/_poster.scss */
.play-large-holder .icon-pause, .play-large-holder-outside .icon-pause {
  margin-left: 0;
}

/* line 65, ../sass/controls/_poster.scss */
.play-large-holder-outside {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: opacity 0.3s cubic-bezier(0.175, 0.885, 0.32, 1);
  -o-transition: opacity 0.3s cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition: opacity 0.3s cubic-bezier(0.175, 0.885, 0.32, 1);
  transition: opacity 0.3s cubic-bezier(0.175, 0.885, 0.32, 1);
  cursor: auto;
}
/* line 70, ../sass/controls/_poster.scss */
.play-large-holder-outside.show {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  pointer-events: auto;
  cursor: pointer;
}

/* line 77, ../sass/controls/_poster.scss */
.pearl-default-skin .title {
  top: 0;
  left: 0;
  padding: 10px 0 30px 0;
  position: absolute;
  height: 30px;
  z-index: 2000;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #000000), color-stop(100%, rgba(0, 0, 0, 0)));
  background-image: -moz-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to bottom, #000000 0%, rgba(0, 0, 0, 0) 100%);
  color: white;
  width: 100%;
  font-size: 12px;
  text-align: left;
}
/* line 89, ../sass/controls/_poster.scss */
.pearl-default-skin .title span {
  display: block;
  text-align: left;
  padding-left: 10px;
}

/*****************************************
------------------------------------------
Progress Bar Control
------------------------------------------
*****************************************/
/*------------------------------------------
Progress bar holder
------------------------------------------*/
/* line 11, ../sass/controls/_progressbar.scss */
#progressbar-holder {
  width: inherit;
  position: relative;
}
/* line 14, ../sass/controls/_progressbar.scss */
#progressbar-holder .slider-holder {
  width: inherit;
  height: inherit;
}

/*------------------------------------------
Progress bar
------------------------------------------*/
/* line 23, ../sass/controls/_progressbar.scss */
#progress-bar {
  height: inherit;
  position: absolute;
  width: 100%;
}

/*------------------------------------------
Duration indicator
------------------------------------------*/
/* line 33, ../sass/controls/_progressbar.scss */
#progressbar-holder #level-indicator {
  -webkit-backface-visibility: hidden;
  position: absolute;
  pointer-events: none;
}

/*------------------------------------------
Duration tooltip
------------------------------------------*/
/* line 43, ../sass/controls/_progressbar.scss */
#tt-duration {
  -webkit-backface-visibility: hidden;
  pointer-events: none;
  text-align: center;
  font-size: 11px;
  position: absolute;
}

/* line 51, ../sass/controls/_progressbar.scss */
#tt-duration-cone {
  position: absolute;
  bottom: -10px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #BEBEBE;
}

/*****************************************
------------------------------------------
Settings Control
------------------------------------------
*****************************************/
/*------------------------------------------
Settings holder
------------------------------------------*/
/* line 10, ../sass/controls/_settings.scss */
#settings-holder {
  float: right;
  width: auto;
  position: relative;
}

/*------------------------------------------
Settings list holder
------------------------------------------*/
/* line 19, ../sass/controls/_settings.scss */
#settings-list-holder {
  position: absolute;
  z-index: -1;
}
/* line 22, ../sass/controls/_settings.scss */
#settings-list-holder span {
  display: block;
  text-align: center;
  padding-bottom: 7px;
}

/*------------------------------------------
Settings list
------------------------------------------*/
/* line 32, ../sass/controls/_settings.scss */
#quality-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* line 36, ../sass/controls/_settings.scss */
#quality-list li {
  position: relative;
}
/* line 37, ../sass/controls/_settings.scss */
#quality-list li .selected-dot {
  display: none;
  pointer-events: none;
  position: absolute;
  height: 5px;
  width: 5px;
  left: 11px;
  top: 6px;
}
/* line 47, ../sass/controls/_settings.scss */
#quality-list li.selected {
  pointer-events: none;
}
/* line 49, ../sass/controls/_settings.scss */
#quality-list li.selected a {
  cursor: default;
  color: white;
  background: black;
}
/* line 55, ../sass/controls/_settings.scss */
#quality-list li a {
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 3px 0 3px 0;
  margin-bottom: 3px;
}

/* line 66, ../sass/controls/_settings.scss */
.pearl-player .i-hd {
  -moz-transition: opacity 0.4s cubic-bezier(0.175, 0.885, 0.32, 1);
  -o-transition: opacity 0.4s cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition: opacity 0.4s cubic-bezier(0.175, 0.885, 0.32, 1);
  transition: opacity 0.4s cubic-bezier(0.175, 0.885, 0.32, 1);
  pointer-events: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 16px;
  position: absolute;
  right: 6px;
}
/* line 73, ../sass/controls/_settings.scss */
.pearl-player .i-hd.show {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10000);
  opacity: 100;
}
/* line 78, ../sass/controls/_settings.scss */
.pearl-player .feedback {
  border-top: 1px solid #7d7d7d;
  margin: 5px 0 0 0;
  padding-top: 5px;
}
/* line 82, ../sass/controls/_settings.scss */
.pearl-player .feedback a {
  -moz-transition: background 1s cubic-bezier(0.175, 0.885, 0.32, 1);
  -o-transition: background 1s cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition: background 1s cubic-bezier(0.175, 0.885, 0.32, 1);
  transition: background 1s cubic-bezier(0.175, 0.885, 0.32, 1);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 3px 0 3px 0;
  display: block;
  text-decoration: none;
  background: #0090d3;
  color: white;
  font-size: 11px;
  text-align: center;
}
/* line 92, ../sass/controls/_settings.scss */
.pearl-player .feedback a:hover {
  background: #006ea2;
}

/*****************************************
------------------------------------------
Volume Control
------------------------------------------
*****************************************/
/*------------------------------------------
Volume holder
------------------------------------------*/
/* line 11, ../sass/controls/_volume.scss */
#volume-holder {
  float: left;
  width: auto;
}
/* line 14, ../sass/controls/_volume.scss */
#volume-holder .control-volume {
  position: relative;
}

/*------------------------------------------
Volume indicator holder
------------------------------------------*/
/* line 22, ../sass/controls/_volume.scss */
#volume-indicator-holder {
  position: absolute;
  width: 10px;
  height: auto;
  top: 6px;
  right: 7px;
}
/* line 28, ../sass/controls/_volume.scss */
#volume-indicator-holder hr {
  width: 8px;
  height: 1px;
  border: 0;
  padding: 0;
  margin: 0 0 3px 0;
}

/*------------------------------------------
Volume bar holder
------------------------------------------*/
/* line 40, ../sass/controls/_volume.scss */
#volume-bar-holder {
  overflow: hidden;
  float: left;
}
/* line 43, ../sass/controls/_volume.scss */
#volume-bar-holder .slider-holder {
  width: 88px;
}
/* line 45, ../sass/controls/_volume.scss */
#volume-bar-holder .slider-holder .level {
  height: inherit;
}
/* line 48, ../sass/controls/_volume.scss */
#volume-bar-holder .slider-holder .btn-handle {
  margin: 0;
  padding: 0;
  cursor: default;
}

/*****************************************
------------------------------------------
Captions
------------------------------------------
*****************************************/
/*------------------------------------------
Captions holder
------------------------------------------*/
/* line 10, ../sass/controls/_captions.scss */
#translation-holder {
  float: right;
  width: auto;
  position: relative;
}

/* line 16, ../sass/controls/_captions.scss */
#translation-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* line 20, ../sass/controls/_captions.scss */
#translation-list li {
  white-space: nowrap;
  position: relative;
}
/* line 22, ../sass/controls/_captions.scss */
#translation-list li .selected-dot {
  display: none;
  pointer-events: none;
  position: absolute;
  height: 5px;
  width: 5px;
  left: 11px;
  top: 6px;
}
/* line 32, ../sass/controls/_captions.scss */
#translation-list li.selected {
  pointer-events: none;
}
/* line 34, ../sass/controls/_captions.scss */
#translation-list li.selected a {
  cursor: default;
  color: white;
  background: black;
}
/* line 40, ../sass/controls/_captions.scss */
#translation-list li a {
  white-space: nowrap;
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 3px 5px 3px 5px;
  margin-bottom: 3px;
}

/* line 51, ../sass/controls/_captions.scss */
.i-cc {
  margin-top: 2px;
}

/* line 55, ../sass/controls/_captions.scss */
#language-list {
  position: absolute;
  z-index: -1;
}
/* line 58, ../sass/controls/_captions.scss */
#language-list span {
  display: block;
  text-align: center;
  padding-bottom: 7px;
}

/* line 65, ../sass/controls/_captions.scss */
#caption-holder {
  -moz-transition: opacity 0.4s cubic-bezier(0.175, 0.885, 0.32, 1);
  -o-transition: opacity 0.4s cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition: opacity 0.4s cubic-bezier(0.175, 0.885, 0.32, 1);
  transition: opacity 0.4s cubic-bezier(0.175, 0.885, 0.32, 1);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
  position: absolute;
  bottom: 25px;
  width: inherit;
  padding: 10px 0 10px 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: -5;
  text-align: center;
}
/* line 76, ../sass/controls/_captions.scss */
#caption-holder .caption {
  width: 550px;
  margin: 0 auto;
  word-wrap: normal;
  font-size: 14px;
  font-weight: 500;
  color: white;
}

/*****************************************
------------------------------------------
Endscreen
------------------------------------------
*****************************************/
/* line 7, ../sass/controls/_endscreen.scss */
#html5-video-endscreen {
  -moz-transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
  -o-transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  background: black;
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  z-index: 1000;
  width: inherit;
  height: inherit;
  box-sizing: border-box;
}
/* line 19, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .clearfix {
  *zoom: 1;
}
/* line 23, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .clearfix:before,
#html5-video-endscreen .clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}
/* line 30, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .clearfix:after {
  clear: both;
}
/* line 33, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .clearfix {
  width: 100%;
  box-sizing: border-box;
}
/* line 38, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .span12 {
  float: left;
  width: 362px;
}
/* line 44, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .endscreen-content {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 1500px;
  z-index: -1;
  margin: 10px auto;
  overflow: hidden;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 620px;
  height: 307px;
}
/* line 61, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .span5 {
  width: 250px;
  float: left;
  margin-right: 8px;
}
/* line 65, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .span5 > img {
  border: 2px solid black;
}
/* line 69, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .span7 {
  width: 100%;
  box-sizing: border-box;
}
/* line 75, ../sass/controls/_endscreen.scss */
#html5-video-endscreen.show {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  pointer-events: auto;
}
/* line 79, ../sass/controls/_endscreen.scss */
#html5-video-endscreen a {
  -moz-transition: color 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
  -o-transition: color 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition: color 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
  transition: color 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
  color: #2b94e4;
  text-decoration: none;
}
/* line 83, ../sass/controls/_endscreen.scss */
#html5-video-endscreen a i {
  -moz-transition: color 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
  -o-transition: color 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition: color 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
  transition: color 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
  color: #2b94e4;
}
/* line 86, ../sass/controls/_endscreen.scss */
#html5-video-endscreen a i:hover {
  color: white;
  text-decoration: none;
}
/* line 91, ../sass/controls/_endscreen.scss */
#html5-video-endscreen a:hover {
  color: white;
  text-decoration: none;
}
/* line 97, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-video-title {
  color: white;
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* line 104, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-options {
  float: right;
  margin-left: 10px;
}
/* line 107, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-options i {
  -moz-transition: color 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
  -o-transition: color 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition: color 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
  transition: color 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
  cursor: pointer;
  color: #bebebe;
  font-size: 20px;
}
/* line 112, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-options i:first-child {
  margin-right: 8px;
}
/* line 115, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-options i:last-child {
  margin-right: 10px;
}
/* line 118, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-options i:hover, #html5-video-endscreen .es-options i.selected {
  color: white;
}
/* line 125, ../sass/controls/_endscreen.scss */
#html5-video-endscreen [class*="span"] img {
  width: 100%;
  vertical-align: bottom;
}
/* line 130, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-watch-again {
  float: left;
}
/* line 132, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-watch-again a {
  display: inline-block;
}
/* line 136, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-next-episode {
  float: right;
  position: relative;
}
/* line 140, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-next-metadata {
  margin-top: 20px;
}
/* line 143, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-next-episode-data {
  margin-top: 20px;
}
/* line 145, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-next-episode-data span {
  display: block;
  color: white;
  font-size: 12px;
}
/* line 150, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-next-episode-data a {
  font-size: 12px;
}
/* line 156, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-next-episode-data > span {
  font-size: 14px;
}
/* line 159, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-next-episode-data a {
  margin: 7px 0 7px 0;
  display: block;
}
/* line 165, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-products {
  font-size: 11px;
  color: white;
}
/* line 168, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-products img {
  width: 16px !important;
  height: 16px !important;
  margin-right: 4px;
}
/* line 175, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-sugg-title {
  color: #0088cc;
  font-size: 11px;
}
/* line 180, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-pod {
  cursor: pointer;
  position: relative;
  float: left;
  width: 177px;
  border: 2px solid black;
}
/* line 186, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-pod span {
  text-overflow: ellipsis;
}
/* line 190, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-pod:hover .es-next-episode-data {
  display: block;
}
/* line 194, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-pod .es-next-episode-data {
  display: none;
  width: 100%;
  box-sizing: border-box;
  padding: 5px;
  position: absolute;
  bottom: -1px;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
}
/* line 199, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-pod .es-next-episode-data span, #html5-video-endscreen .es-pod .es-next-episode-data a {
  font-size: 11px;
}
/* line 207, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-pod img {
  width: 100%;
  height: 99px;
}
/* line 214, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-copy {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #404040;
  background: #1b1b1b;
  width: 150px;
  padding: 5px;
  outline: none;
  margin-right: 10px;
  color: #bebebe;
}
/* line 225, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-information-area {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  z-index: 900;
  top: 30px;
  padding: 20px 20px 10px 10px;
  color: white;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
}
/* line 235, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-information-area .icon-remove {
  float: right;
  cursor: pointer;
  color: white;
  font-size: 14px;
  position: relative;
  top: -10px;
  right: 1px;
}
/* line 244, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-information-area .description {
  font-size: 16px;
  display: block;
  max-width: 640px;
  line-height: 22px;
}
/* line 250, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-information-area span {
  color: white;
  font-size: 14px;
}
/* line 254, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-information-area a {
  font-size: 14px;
}
/* line 257, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-information-area .prop {
  font-weight: 700;
  color: #bebebe;
  font-size: 16px;
}
/* line 262, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-information-area .info {
  margin-bottom: 15px;
  color: white !important;
}
/* line 265, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-information-area .info a {
  font-size: 16px;
}
/* line 268, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-information-area .info span {
  font-size: 16px;
}
/* line 275, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-share-area {
  padding: 10px 0 10px 10px;
  width: 100%;
  position: absolute;
  box-sizing: border-box;
  z-index: 900;
  top: 30px;
  background: rgba(0, 0, 0, 0.8);
}
/* line 283, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-share-area .icon-remove {
  float: right;
  color: white;
  font-size: 14px;
  padding-right: 16px;
}
/* line 289, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-share-area i {
  -moz-transition: color 0.3s cubic-bezier(0.175, 0.885, 0.32, 1);
  -o-transition: color 0.3s cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition: color 0.3s cubic-bezier(0.175, 0.885, 0.32, 1);
  transition: color 0.3s cubic-bezier(0.175, 0.885, 0.32, 1);
  font-size: 28px;
  cursor: pointer;
  margin-right: 5px;
}
/* line 295, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-share-area .icon-twitter {
  color: #009fe9;
}
/* line 297, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-share-area .icon-twitter:hover {
  color: #28ccff;
}
/* line 301, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-share-area .icon-facebook {
  color: #3b5998;
}
/* line 303, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-share-area .icon-facebook:hover {
  color: #4c70ba;
}
/* line 307, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-share-area .icon-google {
  color: #da2713;
}
/* line 309, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-share-area .icon-google:hover {
  color: #ed4633;
}
/* line 313, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-share-area .icon-linkedin {
  color: #0073b1;
}
/* line 315, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-share-area .icon-linkedin:hover {
  color: #0094e4;
}
/* line 319, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-share-area .es-icons {
  display: inline-block;
  position: relative;
  top: 5px;
}
/* line 324, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-share-area .es-more {
  margin-left: 10px;
  position: relative;
  top: -3px;
}
/* line 328, ../sass/controls/_endscreen.scss */
#html5-video-endscreen .es-share-area .es-more i {
  font-size: 13px;
}

/* line 335, ../sass/controls/_endscreen.scss */
#es-header {
  margin-bottom: 10px;
  padding: 10px 0 10px 10px;
  background: rgba(0, 0, 0, 0.8);
}

/*****************************************
------------------------------------------
ATV Skins
------------------------------------------
*****************************************/
/*------------------------------------------
Main
------------------------------------------*/
/*------------------------------------------
Controls
------------------------------------------*/
/*------------------------------------------
Controls
------------------------------------------*/
/*------------------------------------------
Progress and duration bar
------------------------------------------*/
/*------------------------------------------
Time
------------------------------------------*/
/*------------------------------------------
Settings
------------------------------------------*/
/*------------------------------------------
Volume
------------------------------------------*/
/*------------------------------------------
Main holder
------------------------------------------*/
/* line 70, ../sass/skin/_skin.scss */
#html5-video-holder {
  background: #000000;
}

/*------------------------------------------
Main loader
------------------------------------------*/
/* line 77, ../sass/skin/_skin.scss */
#main-loader {
  color: #FFFFFF;
  font-size: 30px;
  margin: -20px auto 0 -20px;
}

/*------------------------------------------
Control bar
------------------------------------------*/
/* line 87, ../sass/skin/_skin.scss */
#controlbar-holder .ui-control {
  height: 25px;
  width: 40px;
  border-right: 1px solid #333333;
}
/* line 91, ../sass/skin/_skin.scss */
#controlbar-holder .ui-control i {
  text-shadow: rgba(0, 0, 0, 0.3) -1px -1px 0;
  font-size: 14px;
  color: #b9b9b9;
}

/*------------------------------------------
UI Button
------------------------------------------*/
/* line 102, ../sass/skin/_skin.scss */
.ui-btn {
  background: transparent;
  outline: none;
}
/* line 105, ../sass/skin/_skin.scss */
.ui-btn:hover, .ui-btn:active, .ui-btn.active {
  -moz-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1);
  -o-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1);
  transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1);
  background-color: #333333;
}

/*------------------------------------------
Duration
------------------------------------------*/
/* line 114, ../sass/skin/_skin.scss */
#duration-holder {
  font-size: 11px;
  line-height: 25px;
}
/* line 117, ../sass/skin/_skin.scss */
#duration-holder.ui-control {
  border-right: none;
}
/* line 120, ../sass/skin/_skin.scss */
#duration-holder #time-holder {
  margin-left: 8px;
}
/* line 123, ../sass/skin/_skin.scss */
#duration-holder span {
  color: #b0b0b0;
}
/* line 126, ../sass/skin/_skin.scss */
#duration-holder time {
  text-shadow: black 1px 1px 0;
}

/* line 130, ../sass/skin/_skin.scss */
#duration {
  color: #b0b0b0;
}

/* line 133, ../sass/skin/_skin.scss */
#time {
  color: #FFFFFF;
}

/*------------------------------------------
Progress bar
------------------------------------------*/
/* line 140, ../sass/skin/_skin.scss */
#progressbar-holder {
  -moz-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1);
  background: #000000;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  height: 10px;
}
/* line 147, ../sass/skin/_skin.scss */
#progressbar-holder.disabled {
  -moz-transition: none 1s cubic-bezier(0.175, 0.885, 0.32, 1);
  -o-transition: none 1s cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition: none 1s cubic-bezier(0.175, 0.885, 0.32, 1);
  transition: none 1s cubic-bezier(0.175, 0.885, 0.32, 1);
}

/* line 149, ../sass/skin/_skin.scss */
#progress-bar {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJlMmUyZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2e2e2e), color-stop(100%, #595959));
  background-image: -moz-linear-gradient(#2e2e2e, #595959);
  background-image: -webkit-linear-gradient(#2e2e2e, #595959);
  background-image: linear-gradient(#2e2e2e, #595959);
}

/*------------------------------------------
Duration bar
------------------------------------------*/
/* line 157, ../sass/skin/_skin.scss */
#progressbar-holder .level {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTBkMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNGY3NCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0090d3), color-stop(100%, #004f74));
  background-image: -moz-linear-gradient(#0090d3, #004f74);
  background-image: -webkit-linear-gradient(#0090d3, #004f74);
  background-image: linear-gradient(#0090d3, #004f74);
}

/* line 162, ../sass/skin/_skin.scss */
#progressbar-holder #level-indicator {
  -moz-transition: opacity 0.3s cubic-bezier(0.175, 0.885, 0.32, 1);
  -o-transition: opacity 0.3s cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition: opacity 0.3s cubic-bezier(0.175, 0.885, 0.32, 1);
  transition: opacity 0.3s cubic-bezier(0.175, 0.885, 0.32, 1);
  background: #FFFFFF;
  height: 10px;
  width: 2px;
}
/* line 167, ../sass/skin/_skin.scss */
#progressbar-holder #level-indicator.show {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 170, ../sass/skin/_skin.scss */
#progressbar-holder #level-indicator.hide {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 175, ../sass/skin/_skin.scss */
#tt-duration {
  -moz-transition: opacity 0.3s cubic-bezier(0.175, 0.885, 0.32, 1);
  -o-transition: opacity 0.3s cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition: opacity 0.3s cubic-bezier(0.175, 0.885, 0.32, 1);
  transition: opacity 0.3s cubic-bezier(0.175, 0.885, 0.32, 1);
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JlYmViZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcfcfc), color-stop(100%, #bebebe));
  background-image: -moz-linear-gradient(#fcfcfc, #bebebe);
  background-image: -webkit-linear-gradient(#fcfcfc, #bebebe);
  background-image: linear-gradient(#fcfcfc, #bebebe);
  -moz-box-shadow: 0 0 5px #000000;
  -webkit-box-shadow: 0 0 5px #000000;
  box-shadow: 0 0 5px #000000;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  width: 60px;
  height: 17px;
  line-height: 17px;
  top: -28px;
}
/* line 184, ../sass/skin/_skin.scss */
#tt-duration.show {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 187, ../sass/skin/_skin.scss */
#tt-duration.hide {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/*------------------------------------------
Settings
------------------------------------------*/
/* line 195, ../sass/skin/_skin.scss */
#settings-list-holder, #language-list {
  -moz-transition: opacity 0.2s cubic-bezier(0.175, 0.885, 0.32, 1);
  -o-transition: opacity 0.2s cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition: opacity 0.2s cubic-bezier(0.175, 0.885, 0.32, 1);
  transition: opacity 0.2s cubic-bezier(0.175, 0.885, 0.32, 1);
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI5OCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiIHN0b3Atb3BhY2l0eT0iMC45Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMmMyYzJjIiBzdG9wLW9wYWNpdHk9IjAuOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(98%, rgba(51, 51, 51, 0.9)), color-stop(100%, rgba(44, 44, 44, 0.9)));
  background-image: -moz-linear-gradient(rgba(51, 51, 51, 0.9) 98%, rgba(44, 44, 44, 0.9));
  background-image: -webkit-linear-gradient(rgba(51, 51, 51, 0.9) 98%, rgba(44, 44, 44, 0.9));
  background-image: linear-gradient(rgba(51, 51, 51, 0.9) 98%, rgba(44, 44, 44, 0.9));
  width: 80px;
  height: auto;
  left: -22.5px;
  top: -120px;
  padding: 7px 5px 7px 5px;
}
/* line 203, ../sass/skin/_skin.scss */
#settings-list-holder.show, #language-list.show {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 206, ../sass/skin/_skin.scss */
#settings-list-holder.hide, #language-list.hide {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}
/* line 210, ../sass/skin/_skin.scss */
#settings-list-holder span, #language-list span {
  color: #FFFFFF;
  font-size: 10px;
}

/* line 215, ../sass/skin/_skin.scss */
#language-list {
  width: auto;
}

/* line 221, ../sass/skin/_skin.scss */
#quality-list li .selected a, #translation-list li .selected a {
  background: black;
  color: white;
}
/* line 226, ../sass/skin/_skin.scss */
#quality-list li a, #translation-list li a {
  -moz-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1);
  -o-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1);
  transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1);
  color: #bebebe;
  font-size: 11px;
}
/* line 230, ../sass/skin/_skin.scss */
#quality-list li a:hover, #translation-list li a:hover {
  background: black;
}

/*------------------------------------------
Volume indicator holder
------------------------------------------*/
/* line 241, ../sass/skin/_skin.scss */
#volume-indicator-holder hr {
  -moz-transition: background 0.6s ease-out;
  -o-transition: background 0.6s ease-out;
  -webkit-transition: background 0.6s ease-out;
  transition: background 0.6s ease-out;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) -1px -1px 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) -1px -1px 0;
  box-shadow: rgba(0, 0, 0, 0.1) -1px -1px 0;
  background: #b9b9b9;
}
/* line 245, ../sass/skin/_skin.scss */
#volume-indicator-holder hr.active {
  background: #0090d3;
}

/*------------------------------------------
Volume bar holder
------------------------------------------*/
/* line 254, ../sass/skin/_skin.scss */
#volume-bar-holder {
  -moz-transition: width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1);
  -o-transition: width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition: width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1);
  transition: width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1);
  height: 25px;
  float: left;
  width: 1px;
  border-right: none;
}
/* line 260, ../sass/skin/_skin.scss */
#volume-bar-holder .slider-holder {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: inset 0 0 5px;
  -webkit-box-shadow: inset 0 0 5px;
  box-shadow: inset 0 0 5px;
  height: 8px;
  background: #282828;
  margin: 8.5px 7px 0 7px;
}
/* line 266, ../sass/skin/_skin.scss */
#volume-bar-holder .slider-holder .level {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: inset 0 0 3px #053a52;
  -webkit-box-shadow: inset 0 0 3px #053a52;
  box-shadow: inset 0 0 3px #053a52;
  background: #0090d3;
}
/* line 271, ../sass/skin/_skin.scss */
#volume-bar-holder .slider-holder .btn-handle {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzlkOWQ5ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f1f1f1), color-stop(100%, #9d9d9d));
  background-image: -moz-linear-gradient(#f1f1f1, #9d9d9d);
  background-image: -webkit-linear-gradient(#f1f1f1, #9d9d9d);
  background-image: linear-gradient(#f1f1f1, #9d9d9d);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  width: 6px;
  height: 10px;
  top: -1px;
  border: 1px solid #9d9d9d;
}
/* line 280, ../sass/skin/_skin.scss */
#volume-bar-holder.show {
  width: 103px;
  border-right: 1px solid #333333;
}

/*------------------------------------------
Control holder
------------------------------------------*/
/* line 291, ../sass/skin/_skin.scss */
#controlbar-holder.hide #control-holder {
  -moz-transform: translate3d(0, 37px, 0);
  -webkit-transform: translate3d(0, 37px, 0);
  transform: translate3d(0, 37px, 0);
}
/* line 294, ../sass/skin/_skin.scss */
#controlbar-holder.hide #progressbar-holder {
  -moz-transform: translate3d(0, 5px, 0);
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
}
/* line 297, ../sass/skin/_skin.scss */
#controlbar-holder.hide .watermark {
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 303, ../sass/skin/_skin.scss */
#controlbar-holder.show #control-holder {
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/* line 306, ../sass/skin/_skin.scss */
#controlbar-holder.show #progressbar-holder {
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/* line 309, ../sass/skin/_skin.scss */
#controlbar-holder.show .watermark {
  -moz-transform: translate3d(0, -35px, 0);
  -webkit-transform: translate3d(0, -35px, 0);
  transform: translate3d(0, -35px, 0);
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

/* line 316, ../sass/skin/_skin.scss */
#control-holder {
  -moz-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1);
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUxNTE1MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #515151), color-stop(100%, #333333));
  background-image: -moz-linear-gradient(#515151, #333333);
  background-image: -webkit-linear-gradient(#515151, #333333);
  background-image: linear-gradient(#515151, #333333);
}
/* line 320, ../sass/skin/_skin.scss */
#control-holder.disabled {
  -moz-transition: none 1s cubic-bezier(0.175, 0.885, 0.32, 1);
  -o-transition: none 1s cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition: none 1s cubic-bezier(0.175, 0.885, 0.32, 1);
  transition: none 1s cubic-bezier(0.175, 0.885, 0.32, 1);
}

/*------------------------------------------
Video main holder
------------------------------------------*/
/* line 40, ../sass/pearl.scss */
.pearl-player {
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-font-smoothing: antialiased;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: inline-block;
  position: relative;
  outline: none;
}
/* line 51, ../sass/pearl.scss */
.pearl-player:-webkit-full-screen {
  display: inherit;
  width: 100%;
  height: 100%;
}
/* line 56, ../sass/pearl.scss */
.pearl-player:-moz-full-screen {
  display: inherit;
  width: 100%;
  height: 100%;
}
/* line 61, ../sass/pearl.scss */
.pearl-player:-ms-fullscreen {
  display: inherit;
  width: 100%;
  height: 100%;
}
/* line 66, ../sass/pearl.scss */
.pearl-player video {
  width: 100%;
  height: 100%;
}
/* line 70, ../sass/pearl.scss */
.pearl-player.disable {
  pointer-events: none;
  cursor: default;
}

/*------------------------------------------
Loader
------------------------------------------*/
/* line 79, ../sass/pearl.scss */
#main-loader {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  pointer-events: none;
}
/* line 85, ../sass/pearl.scss */
#main-loader.show {
  display: block;
}

/*------------------------------------------
Control bar main holder
------------------------------------------*/
/* line 93, ../sass/pearl.scss */
#controlbar-holder {
  height: auto;
  width: inherit;
  position: absolute;
  bottom: 0;
}
/* line 98, ../sass/pearl.scss */
#controlbar-holder .hide-control {
  display: none !important;
}

/* line 102, ../sass/pearl.scss */
#control-holder {
  width: inherit;
  position: relative;
}