/* Border Radius */

/*-----------------------------------*/

/* Video Player (Video.js) */

/*-----------------------------------*/

.vjs-default-skin {

  color: #ffd52d;

}

.vjs-default-skin .vjs-slider {

  outline: 0;

  position: relative;

  cursor: pointer;

  padding: 0;

  background-color: #333333;

  background-color: rgba(51, 51, 51, 0.9);

}

.vjs-default-skin .vjs-slider:focus {

  box-shadow: 0 0 2em #ffffff;

}

.vjs-default-skin .vjs-slider-handle {

  position: absolute;

  left: 0;

  top: 0;

}

.vjs-default-skin .vjs-slider-handle:before {

  content: "\e009";

  font-family: 'tficons';

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  font-size: 1em;

  line-height: 1;

  text-align: center;

  text-shadow: 0em 0em 1em #fff;

  position: absolute;

  top: -1px;

  left: 0;

}

.vjs-default-skin .vjs-control-bar {

  display: none;

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  height: 3.0em;

  background-color: #07141e;

  background-color: rgba(7, 20, 30, 0.7);

}

.vjs-default-skin.vjs-has-started .vjs-control-bar {

  display: block;

  visibility: visible;

  opacity: 1;

  -webkit-transition: visibility 0.1s, opacity 0.1s;

  -moz-transition: visibility 0.1s, opacity 0.1s;

  -o-transition: visibility 0.1s, opacity 0.1s;

  transition: visibility 0.1s, opacity 0.1s;

}

.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {

  display: block;

  visibility: hidden;

  opacity: 0;

  -webkit-transition: visibility 1s, opacity 1s;

  -moz-transition: visibility 1s, opacity 1s;

  -o-transition: visibility 1s, opacity 1s;

  transition: visibility 1s, opacity 1s;

}

.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {

  display: none;

}

.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {

  display: none;

}

.vjs-default-skin .vjs-control {

  outline: none;

  position: relative;

  float: left;

  text-align: center;

  margin: 0;

  padding: 0;

  height: 3.0em;

  width: 4em;

}

.vjs-default-skin .vjs-control div {

  font-family: Arial, sans-serif;

}

.vjs-default-skin .vjs-control:before {

  font-family: 'tficons';

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  font-size: 1.5em;

  line-height: 2;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  text-align: center;

  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);

}

.vjs-default-skin .vjs-control:focus:before,

.vjs-default-skin .vjs-control:hover:before {

  text-shadow: 0em 0em 1em #ffffff;

}

.vjs-default-skin .vjs-control-text {

  border: 0;

  clip: rect(0 0 0 0);

  height: 1px;

  margin: -1px;

  overflow: hidden;

  padding: 0;

  position: absolute;

  width: 1px;

}

.vjs-default-skin .vjs-play-control {

  width: 5em;

  cursor: pointer;

}

.vjs-default-skin .vjs-play-control:before {

  content: "\e001";

}

.vjs-default-skin.vjs-playing .vjs-play-control:before {

  content: "\e002";

}

.vjs-default-skin .vjs-mute-control,

.vjs-default-skin .vjs-volume-menu-button {

  cursor: pointer;

  float: right;

}

.vjs-default-skin .vjs-mute-control:before,

.vjs-default-skin .vjs-volume-menu-button:before {

  content: "\e006";

}

.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,

.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {

  content: "\e003";

}

.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,

.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {

  content: "\e004";

}

.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,

.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {

  content: "\e005";

}

.vjs-default-skin .vjs-volume-control {

  width: 5em;

  float: right;

}

.vjs-default-skin .vjs-volume-bar {

  width: 5em;

  height: 0.6em;

  margin: 1.1em auto 0;

}

.vjs-default-skin .vjs-volume-menu-button .vjs-menu-content {

  height: 2.9em;

}

.vjs-default-skin .vjs-volume-level {

  position: absolute;

  top: 0;

  left: 0;

  height: 0.5em;

  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;

}

.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {

  width: 0.5em;

  height: 0.5em;

}

.vjs-default-skin .vjs-volume-handle:before {

  font-size: 0.9em;

  top: -0.2em;

  left: -0.2em;

  width: 1em;

  height: 1em;

}

.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {

  width: 6em;

  left: -4em;

}

.vjs-default-skin .vjs-progress-control {

  position: absolute;

  left: 0;

  right: 0;

  width: auto;

  font-size: 0.3em;

  height: 1em;

  top: -1em;

  -webkit-transition: all 0.4s;

  -moz-transition: all 0.4s;

  -o-transition: all 0.4s;

  transition: all 0.4s;

}

.vjs-default-skin .vjs-progress-holder {

  height: 100%;

}

.vjs-default-skin .vjs-progress-holder .vjs-play-progress,

.vjs-default-skin .vjs-progress-holder .vjs-load-progress {

  position: absolute;

  display: block;

  height: 100%;

  margin: 0;

  padding: 0;

  left: 0;

  top: 0;

}

.vjs-default-skin .vjs-play-progress {

  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;

}

.vjs-default-skin .vjs-load-progress {

  background: #646464;

  background: rgba(255, 255, 255, 0.4);

}

.vjs-default-skin .vjs-seek-handle {

  width: 1.5em;

  height: 100%;

}

.vjs-default-skin .vjs-seek-handle:before {

  padding-top: 0.1em ;

}

.vjs-default-skin .vjs-time-controls {

  font-size: 1em;

  line-height: 3em;

  text-shadow: none;

}

.vjs-default-skin .vjs-current-time {

  float: left;

}

.vjs-default-skin .vjs-duration {

  float: left;

}

.vjs-default-skin .vjs-remaining-time {

  display: none;

  float: left;

}

.vjs-time-divider {

  float: left;

  line-height: 3em;

}

.vjs-default-skin .vjs-fullscreen-control {

  width: 3.8em;

  cursor: pointer;

  float: right;

}

.vjs-default-skin .vjs-fullscreen-control:before {

  content: "\e000";

}

.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {

  content: "\e00b";

}

.vjs-big-play-button {

  position: absolute;

  left: 50%;

  top: 50%;

  z-index: 2;

  width: 52px;

  height: 52px;

  margin-top: -26px;

  margin-left: -26px;

  text-align: center;

  cursor: pointer;

}

.vjs-big-play-button:focus {

  outline: none;

}

.vjs-big-play-button:before {

  content: "\e603";

  font-family: 'tficons';

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  font-size: 52px;

  color: #fff;

  padding-left: 8px;

}

.vjs-controls-disabled .vjs-big-play-button {

  display: none;

}

.vjs-has-started .vjs-big-play-button {

  display: none;

}

.vjs-using-native-controls .vjs-big-play-button {

  display: none;

}

.vjs-loading-spinner {

  display: none;

  position: absolute;

  top: 50%;

  left: 50%;

  font-size: 4em;

  line-height: 1;

  width: 1em;

  height: 1em;

  margin-left: -0.5em;

  margin-top: -0.5em;

  opacity: 0.75;

  -webkit-animation: spin 1.5s infinite linear;

  -moz-animation: spin 1.5s infinite linear;

  -o-animation: spin 1.5s infinite linear;

  animation: spin 1.5s infinite linear;

}

.vjs-default-skin .vjs-loading-spinner:before {

  content: "\e01e";

  font-family: 'tficons';

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  position: absolute;

  top: 0;

  left: 0;

  width: 1em;

  height: 1em;

  text-align: center;

  text-shadow: 0em 0em 0.1em #000;

}

@-moz-keyframes spin {

  0% {

    -moz-transform: rotate(0deg);

  }

  100% {

    -moz-transform: rotate(359deg);

  }

}

@-webkit-keyframes spin {

  0% {

    -webkit-transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(359deg);

  }

}

@-o-keyframes spin {

  0% {

    -o-transform: rotate(0deg);

  }

  100% {

    -o-transform: rotate(359deg);

  }

}

@keyframes spin {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(359deg);

  }

}

.vjs-default-skin .vjs-menu-button {

  float: right;

  cursor: pointer;

}

.vjs-default-skin .vjs-menu {

  display: none;

  position: absolute;

  bottom: 0;

  left: 0em;

  width: 0em;

  height: 0em;

  margin-bottom: 3em;

  border-left: 2em solid transparent;

  border-right: 2em solid transparent;

  border-top: 1.55em solid #000000;

  border-top-color: rgba(7, 40, 50, 0.5);

}

.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {

  display: block;

  padding: 0;

  margin: 0;

  position: absolute;

  width: 10em;

  bottom: 1.5em;

  max-height: 15em;

  overflow: auto;

  left: -5em;

  background-color: #07141e;

  background-color: rgba(7, 20, 30, 0.7);

  box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);

}

.vjs-default-skin .vjs-menu-button:hover .vjs-menu {

  display: block;

}

.vjs-default-skin .vjs-menu-button ul li {

  list-style: none;

  margin: 0;

  padding: 0.3em 0 0.3em 0;

  line-height: 1.4em;

  font-size: 1.2em;

  text-align: center;

  text-transform: lowercase;

}

.vjs-default-skin .vjs-menu-button ul li.vjs-selected {

  background-color: #000;

}

.vjs-default-skin .vjs-menu-button ul li:focus,

.vjs-default-skin .vjs-menu-button ul li:hover,

.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,

.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {

  outline: 0;

  color: #111;

  background-color: #ffffff;

  background-color: rgba(255, 255, 255, 0.75);

  box-shadow: 0 0 1em #ffffff;

}

.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {

  text-align: center;

  text-transform: uppercase;

  font-size: 1em;

  line-height: 2em;

  padding: 0;

  margin: 0 0 0.3em 0;

  font-weight: bold;

  cursor: default;

}

.vjs-default-skin .vjs-subtitles-button:before {

  content: "\e00c";

}

.vjs-default-skin .vjs-captions-button:before {

  content: "\e008";

}

.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,

.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {

  box-shadow: 0 0 1em #ffffff;

}

.video-js {

  background-color: #000;

  position: relative;

  padding: 0;

  font-size: 10px;

  vertical-align: middle;

  font-weight: normal;

  font-style: normal;

  font-family: Arial, sans-serif;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

.video-js .vjs-tech {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.video-js:-moz-full-screen {

  position: absolute;

}

body.vjs-full-window {

  padding: 0;

  margin: 0;

  height: 100%;

  overflow-y: auto;

}

.video-js.vjs-fullscreen {

  position: fixed;

  overflow: hidden;

  z-index: 1000;

  left: 0;

  top: 0;

  bottom: 0;

  right: 0;

  width: 100% !important;

  height: 100% !important;

  _position: absolute;

}

.video-js:-webkit-full-screen {

  width: 100% !important;

  height: 100% !important;

}

.video-js.vjs-fullscreen.vjs-user-inactive {

  cursor: none;

}

.vjs-poster {

  background-repeat: no-repeat;

  background-position: 50% 50%;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  -ms-background-size: cover;

  background-size: cover;

  cursor: pointer;

  height: 100%;

  margin: 0;

  padding: 0;

  position: relative;

  width: 100%;

  outline: none;

}

.vjs-poster img {

  display: block;

  margin: 0 auto;

  max-height: 100%;

  padding: 0;

  width: 100%;

}

.video-js.vjs-using-native-controls .vjs-poster {

  display: none;

}

.video-js .vjs-text-track-display {

  text-align: center;

  position: absolute;

  bottom: 4em;

  left: 1em;

  right: 1em;

}

.video-js .vjs-text-track {

  display: none;

  font-size: 1.4em;

  text-align: center;

  margin-bottom: 0.1em;

  background-color: #000000;

  background-color: rgba(0, 0, 0, 0.5);

}

.video-js .vjs-subtitles {

  color: #ffffff;

}

.video-js .vjs-captions {

  color: #ffcc66;

}

.vjs-tt-cue {

  display: block;

}

.vjs-default-skin .vjs-hidden {

  display: none;

}

.vjs-lock-showing {

  display: block !important;

  opacity: 1;

  visibility: visible;

}