.jp-video {
  position: relative;
  display: block;
  float: left;
  clear: both;
  border: none;
  padding: 0px;
  margin: 0px;
  width: 100%;
  height: 100%;
  background-color: black;
}
.jp-type-single {
  position: relative;
  display: block;
  float: left;
  clear: both;
  width: 100%;
  height: 100%;
  padding: 0px;
  margin: 0px;
  border: none;
}
.jp-player {
  position: relative;
  display: block;
  float: left;
  clear: both;
  width: 100%;
  height: 100%;
  padding: 0px;
  margin: 0px;
  border: none;
}
.jp-jplayer {
  position: relative;
  display: block;
  float: left;
  clear: both;
  width: 100%;
  height: 100%;
  padding: 0px;
  margin: 0px;
  border: none;
}
.jp-gui {
  width: 100%;
  height: 100%;
  padding: 0px;
  margin: 0px;
  z-index: 1001;
}
.jp-interface {
  background-color: rgba(48, 41, 48, 0.5);
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(rgba(102, 102, 102, 0.5)), to(rgba(48, 41, 48, 0.5)));
  background-image: -moz-linear-gradient(rgba(102, 102, 102, 0.5), rgba(48, 41, 48, 0.5));
  background-image: -ms-linear-gradient(rgba(102, 102, 102, 0.5), rgba(48, 41, 48, 0.5));
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(102, 102, 102, 0.5)), color-stop(100%, rgba(48, 41, 48, 0.5)));
  background-image: -webkit-linear-gradient(rgba(102, 102, 102, 0.5), rgba(48, 41, 48, 0.5));
  background-image: -o-linear-gradient(rgba(102, 102, 102, 0.5), rgba(48, 41, 48, 0.5));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(102, 102, 102, 0.5)', endColorstr='rgba(48, 41, 48, 0.5)', GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(102, 102, 102, 0.5)', endColorstr='rgba(48, 41, 48, 0.5)', GradientType=0)";
  background-image: linear-gradient(rgba(102, 102, 102, 0.5), rgba(48, 41, 48, 0.5));
  position: relative;
  display: block;
  float: left;
  clear: both;
  margin-top: -42px;
  height: 42px;
  z-index: 1200;
  width: 100%;
  border: none;
}
.table-interface {
  border-collapse: collapse;
  width: 100%;
  border: none;
}
.table-interface .tr-interface {
  width: 100%;
  border: none;
}
.table-interface .tr-interface .td-left {
  border: none;
  width: 83px;
}
.table-interface .tr-interface .td-strech {
  width: auto;
  padding: 0px 0px;
}
.table-interface .tr-interface .td-times {
  width: 130px;
  padding: 0px 0px;
  margin: 0px;
  text-align: center;
}
.table-interface .tr-interface .td-right {
  width: 145px;
}
.jp-play,
.jp-pause {
  width: 52px;
  height: 28px;
  float: left;
  text-indent: -9999px;
  margin: 6px 0 0 10px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5), inset 0 1px rgba(255, 255, 255, 0.3), inset 0 10px rgba(255, 255, 255, 0.2), inset 0 10px 20px rgba(255, 255, 255, 0.25), inset 0 -15px 30px rgba(0, 0, 0, 0.3);
}
.jp-play:hover,
.jp-pause:hover {
  box-shadow: 0 2px 6px rgba(50, 50, 50, 0.5), inset 0 1px rgba(255, 255, 255, 0.3), inset 0 10px rgba(255, 255, 255, 0.2), inset 0 10px 20px rgba(255, 255, 255, 0.25), inset 0 -15px 30px rgba(50, 50, 50, 0.3), 0px 0px 1px rgba(255, 255, 255, 0.5);
}
.jp-play {
  background: url(../images/player_play.png) 7px -4px no-repeat, rgba(40, 41, 40, 0.5);
}
.jp-pause {
  display: none;
  background: url(../images/player_pause.png) 7px -4px no-repeat, rgba(40, 41, 40, 0.5);
}
.jp-separator {
  margin: 0px 10px;
  height: 40px;
  width: 1px;
  display: block;
  float: left;
  background: white;
  box-shadow: inset 0px 0px 2px rgba(48, 41, 48, 0.8);
}
.jp-progress {
  float: left;
  width: 99%;
  height: 8px;
  display: block;
  background: #1B2229;
  margin: 2px 0 0px 1px;
  border: 1px inset #171D21;
}
.jp-progress .jp-seek-bar {
  width: 99%;
  height: 8px;
  cursor: pointer;
  background: rgba(100, 100, 100, 0.8);
}
.jp-progress .jp-seek-bar .jp-play-bar {
  height: 8px;
  border-left: none;
  border-right: none;
  background: #88847C;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5), inset 0 1px rgba(255, 255, 255, 0.3), inset 0 10px rgba(255, 255, 255, 0.2), inset 0 10px 20px rgba(255, 255, 255, 0.25), inset 0 -15px 30px rgba(0, 0, 0, 0.3);
}
.jp-current-time {
  display: inline-block;
  float: right;
  width: 50px;
  font-size: 14px;
  margin: 0px 0px 0px 0px;
  color: #c1c1c1;
  text-align: right;
  font: 14px "Segoe UI", "Segoe WPC", Helvetica, Arial, "Arial Unicode MS", Sans-Serif;
}
.jp-timeseparator {
  margin: 5px 7px 0px 7px;
  height: 12px;
  width: 1px;
  display: block;
  float: right;
  background: #909090;
}
.jp-duration {
  display: inline-block;
  float: right;
  font-size: 14px;
  width: 50px;
  margin: 0px 0px 0px 0px;
  color: #909090;
  text-align: left;
  font: 14px "Segoe UI", "Segoe WPC", Helvetica, Arial, "Arial Unicode MS", Sans-Serif;
}
.jp-mute,
.jp-unmute {
  width: 30px;
  height: 22px;
  float: right;
  text-indent: -9999px;
  margin: 9px 0 0 2px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5), inset 0 1px rgba(255, 255, 255, 0.3), inset 0 10px rgba(255, 255, 255, 0.2), inset 0 10px 20px rgba(255, 255, 255, 0.25), inset 0 -15px 30px rgba(0, 0, 0, 0.3);
}
.jp-mute:hover,
.jp-unmute:hover {
  box-shadow: 0 2px 6px rgba(50, 50, 50, 0.5), inset 0 1px rgba(255, 255, 255, 0.3), inset 0 10px rgba(255, 255, 255, 0.2), inset 0 10px 20px rgba(255, 255, 255, 0.25), inset 0 -15px 30px rgba(50, 50, 50, 0.3), 0px 0px 1px rgba(255, 255, 255, 0.5);
}
.jp-mute {
  background: url(../images/player_mute.png) -6px -5px no-repeat, rgba(40, 41, 40, 0.5);
}
.jp-unmute {
  background: url(../images/player_unmute.png) -4px -5px no-repeat, rgba(40, 41, 40, 0.5);
}
.jp-volume-bar {
  float: right;
  width: 40px;
  height: 8px;
  display: block;
  background: #1B2229;
  margin: 15px 0px 0px 5px;
  border: 1px inset #171D21;
}
.jp-volume-bar .jp-volume-bar-value {
  width: 40px;
  height: 8px;
  border-left: none;
  border-right: none;
  background: #88847C;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5), inset 0 1px rgba(255, 255, 255, 0.3), inset 0 10px rgba(255, 255, 255, 0.2), inset 0 10px 20px rgba(255, 255, 255, 0.25), inset 0 -15px 30px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.jp-full-screen,
.jp-restore-screen {
  width: 30px;
  height: 22px;
  float: right;
  text-indent: -9999px;
  margin: 9px 10px 0 5px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5), inset 0 1px rgba(255, 255, 255, 0.3), inset 0 10px rgba(255, 255, 255, 0.2), inset 0 10px 20px rgba(255, 255, 255, 0.25), inset 0 -15px 30px rgba(0, 0, 0, 0.3);
  background: url(../images/player_full.png) -4px -6px no-repeat, rgba(40, 41, 40, 0.5);
}
.jp-full-screen:hover,
.jp-restore-screen:hover {
  box-shadow: 0 2px 6px rgba(50, 50, 50, 0.5), inset 0 1px rgba(255, 255, 255, 0.3), inset 0 10px rgba(255, 255, 255, 0.2), inset 0 10px 20px rgba(255, 255, 255, 0.25), inset 0 -15px 30px rgba(50, 50, 50, 0.3), 0px 0px 1px rgba(255, 255, 255, 0.5);
}
.jp-video-full {
  position: absolute;
  width: 100%;
  height: 100%;
}
.jp-video-full .jp-jplayer {
  top: 0;
  left: 0;
  position: fixed !important;
  overflow: hidden;
  z-index: 1000;
}
.jp-video-full .jp-gui {
  top: 0;
  left: 0;
  position: fixed !important;
}
.jp-video-full .jp-type-single {
  top: 0;
  left: 0;
  position: fixed !important;
  overflow: hidden;
}
.jp-video-full .jp-interface {
  position: absolute !important;
  bottom: 0;
}
@font-face {
  font-family: MondaRegular;
  src: url(../fonts/Monda-Regular.ttf);
}
::-webkit-scrollbar {
  display: none;
}
body {
  overflow: hidden;
  padding: 0;
  margin: 0;
  min-width: 300px;
  min-height: 200px;
  font-family: "MondaRegular", "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
}
.mfp-title,
.ui-dialog,
.ui-widget {
  font-size: 0.8em !important;
}
.single-player {
  text-align: center;
  min-width: 300px;
  min-height: 200px;
  color: black;
}
.single-player a:visited {
  color: black;
}
.single-player-black {
  text-align: center;
  min-width: 300px;
  min-height: 200px;
  background: black;
  color: white;
}
.single-player-black a:visited {
  color: white;
}
.board {
  height: 560px;
  width: 995px;
  position: relative;
  display: block;
  margin: 0 auto;
  background: #b7b7b7;
  border: none;
}
.board:hover .board-play {
  display: block;
}
.error-board {
  width: 100%;
  height: 100%;
  background: black;
  text-align: center;
  display: table;
  position: relative;
}
.error-board .text {
  font-size: 22pt;
  font-weight: bold;
  color: white;
  display: table-cell;
  vertical-align: middle;
}
.error-board .code {
  font-size: 17pt;
  color: Gray;
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.board-image {
  width: 100%;
  height: 100%;
}
.board-play {
  width: 100%;
  height: 100%;
  display: none;
  z-index: 30;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.2);
}
.board-play .play-image {
  width: 18%;
  height: 32%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.board-play.show {
  display: block;
}
#carousel {
  display: block;
  margin: 0 auto;
  background: transparent;
  border: none;
  position: relative;
  overflow: hidden;
}
#carousel .carousel {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#carousel .carousel .carousel-img {
  border: none;
  border-collapse: collapse;
  display: block;
  width: 100%;
  height: 100%;
}
#carousel .carousel .parental-img {
  top: 4%;
  left: 1.5%;
  opacity: 0.8;
  background: transparent;
  position: absolute;
  height: 15%;
  display: block;
}
#carousel .carousel .description {
  width: 100%;
  background: rgba(0, 0, 0, 0.54);
  color: white;
  display: block;
  float: right;
  position: absolute;
  top: 0;
  right: 0;
}
#carousel .carousel .description .title,
#carousel .carousel .description p {
  width: 90%;
  float: left;
  clear: both;
}
#carousel .carousel .description .title {
  margin: 4% 5%;
  font-size: 24px;
  line-height: 25px;
  font-weight: bold;
  text-align: left;
}
#carousel .carousel .description p {
  margin: 0 5%;
  padding: 0;
  font-size: 12px;
  line-height: 15px;
  text-align: justify;
}
#carousel .carousel .description .date,
#carousel .carousel .description .time {
  font-size: 12px;
  position: absolute;
  bottom: 4%;
}
#carousel .carousel .description .date {
  left: 5%;
}
#carousel .carousel .description .time {
  right: 5%;
}
#carousel .carousel:hover .board-play {
  display: block;
}
#player {
  display: block;
  margin: 0 auto;
  background: transparent;
  border: none;
}
#player .screen {
  width: 100%;
  height: 100%;
}
#jp_container_1 {
  display: none;
}
#carousel_header {
  display: block;
  margin: 0 auto;
  border: none;
  position: relative;
  /*background: transparent;*/
  /*background: -webkit-linear-gradient(left, #C1C1C1 , transparent 70%);*/
  /* For Safari 5.1 to 6.0 */
  /*background: -o-linear-gradient(right, #C1C1C1, transparent 70%);*/
  /* For Opera 11.1 to 12.0 */
  /*background: -moz-linear-gradient(right, #C1C1C1, transparent 70%);*/
  /* For Firefox 3.6 to 15 */
  /*background: linear-gradient(to right, #C1C1C1 , transparent 70%);*/
  /* Standard syntax */
  border-top: 1px solid #C7C7C7;
}
#carousel_header .header_logo {
  position: absolute;
}
#carousel_header .header_logo div {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  text-align: center;
  position: relative;
}
#carousel_header .header_logo div a img {
  height: 85%;
}
#carousel_header img {
  margin-left: 1%;
  margin-top: 0.5%;
}
#carousel_header .header_back {
  position: relative;
  float: right;
}
#carousel_header .header_back img {
  margin-left: 0px;
  margin-top: 0px;
}
#carousel_header .header_div {
  position: absolute;
  top: 15%;
  width: 1px;
  height: 70%;
  background-color: #C7C7C7;
}
#carousel_header .header_title {
  position: relative;
  float: right;
}
#carousel_header .header_title span {
  position: fixed;
  right: 6%;
  color: #8B8B8B;
  /*text-shadow: 1px 1px 2px #4b4b4b;*/
  font-family: MondaRegular, Arial, "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", sans-serif;
}
#indicator {
  display: block;
  padding-left: 1%;
  padding-right: 1%;
  margin-top: 57%;
  /*background: rgba(255, 242, 0, 0.53);*/
  border: none;
  position: relative;
  align-content: center;
  z-index: 30;
  align-self: center;
  margin-left: auto;
  margin-right: auto;
}
#indicator .mark {
  height: 50%;
  width: 12%;
  margin: 6% 2.8% 0px 2.8%;
  float: left;
  border: 1px solid white;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  opacity: 0.8;
}
#indicator .mark:hover {
  box-shadow: 0px 0px 20px #000000;
  border: 1px solid white;
}
#indicator .mark-selected {
  height: 67%;
  width: 15%;
  border-radius: 2px;
  box-shadow: 0px 0px 20px #000000;
  margin: 4% 2.8% 0px 2.8%;
  float: left;
  /*border: 5px solid white;*/
  background: white;
  opacity: 0.8;
}
.footer {
  padding: 5px 10px 5px 0px;
  font-size: 11px;
  color: gray;
  text-align: left;
  position: relative;
  margin-left: 5px;
}
.footer .information {
  max-width: 75%;
}
.footer .service {
  display: inline-block;
}
.footer a {
  display: inline-block;
}
.footer .change {
  background: none repeat scroll 0 0 #969696;
  clear: none;
  color: #fff;
  cursor: pointer;
  display: block;
  float: right;
  font: bold 10px Arial;
  padding: 2px 5px;
  position: absolute;
  top: 0px;
  right: 0px;
  text-transform: uppercase;
}
.footer .change:hover {
  text-decoration: underline;
}
/*# sourceMappingURL=singleplayer.css.map */