iframe#agreement-frame {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  border: none;
}

iframe#iframe-tutorial {
  width: 100%;
  height: 600px;
}

/**
 * Swiper 4.0.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2017 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 28, 2017
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-invisible-blank-slide {
  visibility: hidden;
}

.swiper-container-autoheight {
  height: auto;
}
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-container-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s right;
  transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active {
  pointer-events: auto;
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-next {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before {
  text-align: center;
}

@font-face {
  font-family: VideoJS;
  src: url("../font/2.1.0/VideoJS.eot?#iefix") format("eot");
}
@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,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AG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAAAIAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIQECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4BHwEgASEBIgAEcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwluZXh0LWl0ZW0NcHJldmlvdXMtaXRlbQAAAAA=) format("truetype");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-play:before {
  content: "\f101";
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before {
  content: "\f101";
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play-circle:before {
  content: "\f102";
}

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103";
}

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104";
}

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105";
}

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106";
}

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107";
}

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108";
}

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109";
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-square:before {
  content: "\f10a";
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-spinner:before {
  content: "\f10b";
}

.vjs-icon-subtitles {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.video-js .vjs-subtitles-button .vjs-icon-placeholder, .video-js .vjs-subs-caps-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-subtitles:before {
  content: "\f10c";
}

.video-js .vjs-subtitles-button .vjs-icon-placeholder:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before {
  content: "\f10c";
}
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before {
  content: "\f10c";
}

.vjs-icon-captions {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.video-js .vjs-captions-button .vjs-icon-placeholder, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-captions:before {
  content: "\f10d";
}

.video-js .vjs-captions-button .vjs-icon-placeholder:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before {
  content: "\f10d";
}

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e";
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-share:before {
  content: "\f10f";
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cog:before {
  content: "\f110";
}

.vjs-icon-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.video-js .vjs-play-progress, .video-js .vjs-volume-level {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle:before {
  content: "\f111";
}

.video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before {
  content: "\f111";
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-outline:before {
  content: "\f112";
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
  content: "\f113";
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-hd:before {
  content: "\f114";
}

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f115";
}

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f116";
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-facebook:before {
  content: "\f117";
}

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-gplus:before {
  content: "\f118";
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-linkedin:before {
  content: "\f119";
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-twitter:before {
  content: "\f11a";
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-tumblr:before {
  content: "\f11b";
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pinterest:before {
  content: "\f11c";
}

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f11d";
}

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f11e";
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-next-item:before {
  content: "\f11f";
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-previous-item:before {
  content: "\f120";
}

.video-js {
  display: block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}
.video-js:-moz-full-screen {
  position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
.video-js[tabindex="-1"] {
  outline: none;
}
.video-js * {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
.video-js *:before, .video-js *:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.video-js.vjs-fluid, .video-js.vjs-16-9, .video-js.vjs-4-3 {
  width: 100%;
  max-width: 100%;
  height: 0;
}
.video-js.vjs-16-9 {
  padding-top: 56.25%;
}
.video-js.vjs-4-3 {
  padding-top: 75%;
}
.video-js.vjs-fill {
  width: 100%;
  height: 100%;
}
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-y: auto;
}

.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.video-js.vjs-fullscreen {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

.vjs-hidden {
  display: none !important;
}

.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}
.vjs-no-js a {
  color: #66A8CC;
}
.vjs-no-js a:visited {
  color: #66A8CC;
}

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.5em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.75em;
  margin-left: -1.5em;
}

.video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  -webkit-transition: all 0s;
  transition: all 0s;
}

.vjs-controls-disabled .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button, .vjs-error .vjs-big-play-button {
  display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block;
}

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  overflow: visible;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  -webkit-transition: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.video-js .vjs-modal-dialog > * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}

.vjs-menu-button {
  cursor: pointer;
}
.vjs-menu-button.vjs-disabled {
  cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.vjs-menu .vjs-menu-content > * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
  display: none;
}

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}
.vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.vjs-menu li.vjs-selected {
  background-color: #fff;
  color: #2B333F;
}
.vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}
.vjs-menu 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-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}

.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu, .vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}

.video-js .vjs-menu-button-inline {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden;
}
.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}
.video-js .vjs-menu-button-inline:hover, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline.vjs-slider-active {
  width: 12em;
}
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em;
}

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.vjs-menu-button-inline:hover .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu, .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto;
}

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.vjs-has-started .vjs-control-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar, .vjs-error .vjs-control-bar {
  display: none !important;
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table;
}

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
}

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}

.video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before, .video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}
.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle;
}

.video-js .vjs-custom-control-spacer {
  display: none;
}
.video-js .vjs-progress-control {
  cursor: pointer;
  -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 4em;
}
.video-js .vjs-progress-control.disabled {
  cursor: default;
}

.vjs-live .vjs-progress-control {
  display: none;
}

.vjs-no-flex .vjs-progress-control {
  width: auto;
}

.video-js .vjs-progress-holder {
  -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  height: 0.3em;
}
.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}
.video-js .vjs-progress-holder .vjs-play-progress {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
  left: 0;
  top: 0;
}
.video-js .vjs-progress-holder .vjs-load-progress {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
  left: 0;
  top: 0;
}
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
  left: 0;
  top: 0;
}
.video-js .vjs-play-progress {
  background-color: #fff;
}
.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.3333333333em;
  z-index: 1;
}
.video-js .vjs-load-progress {
  background: #bfc7d3;
  background: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-load-progress div {
  background: white;
  background: rgba(115, 133, 159, 0.75);
}
.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: relative;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}
.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}
.video-js .vjs-progress-control:hover .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}
.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}
.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none;
}

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari */
  -webkit-user-select: none;
  /* Konqueror HTML */
  /* Firefox */
  -moz-user-select: none;
  /* Internet Explorer/Edge */
  -ms-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-slider.disabled {
  cursor: default;
}
.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  -webkit-box-shadow: 0 0 1em #fff;
  box-shadow: 0 0 1em #fff;
}
.video-js .vjs-mute-control {
  cursor: pointer;
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
  padding-left: 2em;
  padding-right: 2em;
  padding-bottom: 3em;
}
.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}
.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}

.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar, .vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical .vjs-volume-level {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.video-js .vjs-volume-panel {
  -webkit-transition: width 1s;
  transition: width 1s;
}
.video-js .vjs-volume-panel:hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control {
  visibility: visible;
  opacity: 1;
  position: relative;
  -webkit-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel .vjs-volume-control:hover, .video-js .vjs-volume-panel .vjs-volume-control:active {
  visibility: visible;
  opacity: 1;
  position: relative;
  -webkit-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  -webkit-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
}
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
}
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
}
.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar, .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical .vjs-volume-level {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical .vjs-volume-level {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical .vjs-volume-level {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical .vjs-volume-bar, .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical .vjs-volume-level {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical .vjs-volume-bar, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical .vjs-volume-level {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar, .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-level {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical .vjs-volume-bar, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical .vjs-volume-level {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 9em;
  -webkit-transition: width 0.1s;
  transition: width 0.1s;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3.5em;
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  -webkit-transition: none;
  transition: none;
}
.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical, .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em;
}
.video-js .vjs-volume-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}
.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
}

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
}

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}
.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}
.vjs-poster img {
  display: block;
  vertical-align: middle;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%;
}

.vjs-has-started .vjs-poster {
  display: none;
}

.vjs-audio.vjs-has-started .vjs-poster {
  display: block;
}

.vjs-using-native-controls .vjs-poster {
  display: none;
}

.video-js .vjs-live-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}

.video-js .vjs-time-control {
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-live .vjs-time-control, .video-js .vjs-current-time {
  display: none;
}

.vjs-no-flex .vjs-current-time {
  display: none;
}
.vjs-no-flex .vjs-remaining-time.vjs-time-control.vjs-control {
  width: 0px !important;
  white-space: nowrap;
}

.video-js .vjs-duration, .vjs-no-flex .vjs-duration {
  display: none;
}

.vjs-time-divider {
  display: none;
  line-height: 3em;
}

.vjs-live .vjs-time-divider {
  display: none;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  cursor: pointer;
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}
.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
}

.vjs-subtitles {
  color: #fff;
}

.vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

video::-webkit-media-text-track-display {
  -ms-transform: translateY(-3em);
  -webkit-transform: translateY(-3em);
  transform: translateY(-3em);
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  -ms-transform: translateY(-1.5em);
  -webkit-transform: translateY(-1.5em);
  transform: translateY(-1.5em);
}
.video-js .vjs-fullscreen-control {
  cursor: pointer;
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
}

.vjs-playback-rate > .vjs-menu-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}
.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}
.vjs-error .vjs-error-display:before {
  color: #fff;
  content: "X";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden;
}

.vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner {
  display: block;
  -webkit-animation: 0s linear 0.3s forwards vjs-spinner-show;
  animation: 0s linear 0.3s forwards vjs-spinner-show;
}

.vjs-loading-spinner:before, .vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:before, .vjs-seeking .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-waiting .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@-webkit-keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  position: absolute;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10d";
  font-size: 1.5em;
  line-height: inherit;
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
  -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto;
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
  width: auto;
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button {
  display: none;
}
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button {
  display: none;
}
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button {
  display: none;
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}
.vjs-text-track-settings .vjs-track-settings-colors, .vjs-text-track-settings .vjs-track-settings-font {
  display: table-cell;
}
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
  text-align: right;
  vertical-align: bottom;
}
.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none;
}
.vjs-text-track-settings fieldset span {
  display: inline-block;
  margin-left: 5px;
}
.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0;
}
.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(88%, #fff), to(#73859f));
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}
.vjs-track-settings-controls button:focus, .vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(88%, #fff), to(#73859f));
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}
.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}
.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}

@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
@media \0 screen {
  .vjs-user-inactive.vjs-playing .vjs-control-bar :before {
    content: "";
  }
}
@media \0 screen {
  .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: hidden;
  }
}
body {
  background-color: #000;
  min-width: 1200px;
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", "microsoft yahei", sans-serif;
  overflow: hidden;
  overflow-y: auto;
}

body .body-wrapper {
  opacity: 0;
  -webkit-transition: opacity 150ms ease-in;
  transition: opacity 150ms ease-in;
}

body.ready .body-wrapper {
  opacity: 1;
}

.hide {
  display: none;
}

a {
  text-decoration: none;
}
a i {
  text-decoration: none;
  color: #e09e01;
}

p {
  margin: 0;
  padding: 0;
}

table,
th {
  padding: 10px;
}

table,
td {
  padding: 10px;
  background-color: none;
}

.aff-table tr:has(td:empty) {
  display: none;
}

.main-wrapper {
  width: 1000px;
  max-width: 1048px;
  margin: 0 auto;
  position: relative;
  overflow: visible;
}
.main-wrapper.header {
  width: 1100px;
  max-width: 1100px;
}

/*Top Header Starts Here*/
.top-header {
  height: 48px;
  background-color: #bc3638;
  width: 100%;
}
.top-header > .main-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.top-header .login-wrapper {
  margin-left: auto;
}

.logo {
  width: 237px;
  height: 60px;
  display: block;
  position: absolute;
  top: 5px;
}
.logo > img {
  height: 100%;
  display: block;
}

.top-content .time {
  margin-left: 4px;
  color: #fff;
  height: 48px;
  line-height: 48px;
  font-size: 12px;
  display: inline-block;
}

.datetime {
  float: left;
  height: 48px;
  line-height: 48px;
  font-size: 12px;
  color: #fff;
  display: inline-block;
}

.quick-links {
  float: left;
  height: 48px;
  line-height: 48px;
  font-size: 9.5pt;
  display: inline-block;
}
.quick-links a:not(:last-child):after {
  content: "|";
  position: absolute;
  color: #fff;
  line-height: 34pt;
  right: -15px;
}

.qlinks {
  color: #fff;
  display: inline-block;
  padding-left: 20px;
  position: relative;
}

.login-wrapper {
  float: right;
  height: 48px;
  line-height: 48px;
  font-size: 10.5pt;
  color: #fff;
}
.login-wrapper.after-login .username {
  color: #ffd500;
  margin: 0 4px;
  display: inline-block;
}
.login-wrapper.after-login a {
  text-decoration: underline;
  color: #fff;
}
.login-wrapper.after-login a:not(:last-child) {
  margin-right: 6px;
}

.button {
  display: inline-block;
  border: 0;
  outline: none;
  background: #ff9700;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffd500), to(#ff9700));
  background: linear-gradient(to bottom, #ffd500, #ff9700);
  width: 65px;
  height: 30px;
  border-radius: 20px;
  text-align: center;
  line-height: 30px;
  /*border: 1px solid rgba(255, 255, 255, 0.1);*/
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  color: #fff;
}
.button:hover {
  -webkit-box-shadow: 0 0 2px #fff0ab, 0 0 10px rgba(255, 240, 171, 0.5);
  box-shadow: 0 0 2px #fff0ab, 0 0 10px rgba(255, 240, 171, 0.5);
}
.button:not(:last-child) {
  margin-right: 4px;
}

.input.verify, .input.username, .input.password {
  display: inline-block;
  width: 160px;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  position: relative;
  margin-right: 4px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 0;
  -webkit-text-fill-color: #000;
  -webkit-box-shadow: 0 0 0px 1000px rgba(255, 247, 146, 0.42) inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  border-radius: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.input.verify {
  position: relative;
}
.input.verify input {
  padding-left: 15px;
}
.input.verify img {
  position: absolute;
  height: 26px;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 3px;
}

.login-wrapper input {
  background-color: transparent;
  border: 0;
  outline: none;
  font-size: 14px;
  padding-left: 35px;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
.login-wrapper input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.login-wrapper input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.login-wrapper input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.login-wrapper input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.login-wrapper input::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.input.username {
  display: inline-block;
  color: #fff;
}
.input.username:before {
  content: "";
  background-image: url(../img/ico_username.png);
  background-repeat: no-repeat;
  height: 17px;
  width: 16px;
  position: absolute;
  top: 7px;
  left: 12px;
}
.input.password {
  display: inline-block;
}
.input.password:before {
  content: "";
  background-image: url(../img/ico_password.png);
  background-repeat: no-repeat;
  height: 17px;
  width: 14px;
  position: absolute;
  top: 7px;
  left: 12px;
}

.btn-pass {
  color: #ff8389;
  background-color: #fff;
  border-radius: 20px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  width: 50px;
  font-size: 9pt;
  position: absolute;
  right: 5px;
  top: 4px;
}
.btn-pass:hover {
  background-color: #ce3333;
}

/*Main Menu Starts Here*/
.navigation {
  height: 70px;
  width: 100%;
  background-color: #ffd5d0;
  background-image: url(../img/navigation_bg.jpg);
  background-repeat: repeat-x;
}

.main-menu {
  float: right;
  height: 70px;
  /*padding: 24px 0 24px 25px;*/
}

.menu-links {
  color: #000;
  display: inline-block;
  width: 100px;
  height: 70px;
  position: relative;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.menu-links:hover {
  border-bottom: 2px solid #ff9327;
  color: #fff;
}
.menu-links:hover .lottery-dropdown-wrapper {
  display: block;
}
.menu-links:hover:before {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.menu-links:hover:after {
  opacity: 1;
  -webkit-transform: translateX(1px) rotate(4deg) scaleX(0.5);
  -ms-transform: translateX(1px) rotate(4deg) scaleX(0.5);
  transform: translateX(1px) rotate(4deg) scaleX(0.5);
}
.menu-links.active {
  color: #fff;
  border-bottom: 2px solid #ff9327;
}
.menu-links.active:before {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.menu-links.active:after {
  opacity: 1;
  -webkit-transform: translateX(1px) rotate(4deg) scaleX(0.5);
  -ms-transform: translateX(1px) rotate(4deg) scaleX(0.5);
  transform: translateX(1px) rotate(4deg) scaleX(0.5);
}
.menu-links.hide {
  display: none;
}
.menu-links:before {
  content: "";
  background: -webkit-gradient(linear, left top, left bottom, from(#ff9700), to(#ffd500));
  background: linear-gradient(to bottom, #ff9700, #ffd500);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  -webkit-transform: translateX(-5%);
  -ms-transform: translateX(-5%);
  transform: translateX(-5%);
}
.menu-links:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 0;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  -webkit-transform: translateX(0) rotate(0) scaleX(0.5);
  -ms-transform: translateX(0) rotate(0) scaleX(0.5);
  transform: translateX(0) rotate(0) scaleX(0.5);
  -webkit-transform-origin: bottom right;
  -ms-transform-origin: bottom right;
  transform-origin: bottom right;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#efa930));
  background: linear-gradient(to bottom, transparent, #efa930);
}
.menu-links .ch {
  font-size: 10.5pt;
  line-height: 10.5pt;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 20px;
  z-index: 2;
}
.menu-links .en {
  font-size: 7.5pt;
  text-align: center;
  line-height: 7.5pt;
  padding-top: 5px;
  position: absolute;
  left: 0;
  right: 0;
  top: 34px;
  z-index: 2;
  white-space: nowrap;
}

/*Navigation Lottery Dropdown Starts Here*/
.lottery-dropdown-wrapper {
  position: absolute;
  top: 70px;
  left: 100%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: none;
  z-index: 10;
}
.lottery-dropdown-wrapper.ydl, .lottery-dropdown-wrapper.wdl {
  left: initial;
  right: 0;
  -webkit-transform: translateX(10%);
  -ms-transform: translateX(10%);
  transform: translateX(10%);
}

.menu-links.lottery:hover .lottery-dropdown-wrapper {
  /*display: block;*/
}

.lottery-dropdown {
  width: 1000px;
  background-color: rgba(0, 0, 0, 0.6);
  position: relative;
  z-index: 10;
  top: 0;
  border-radius: 10px;
  left: 0;
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 2px #fff0ab, 0 0 10px rgba(255, 240, 171, 0.5);
  box-shadow: 0 0 2px #fff0ab, 0 0 10px rgba(255, 240, 171, 0.5);
}

.wdl-lottery-dropdown {
  width: 650px;
  background-color: rgba(0, 0, 0, 0.6);
  position: relative;
  z-index: 10;
  top: 0;
  border-radius: 10px;
  left: 0;
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 2px #fff0ab, 0 0 10px rgba(255, 240, 171, 0.5);
  box-shadow: 0 0 2px #fff0ab, 0 0 10px rgba(255, 240, 171, 0.5);
}

.menu-links.lottery:after {
  content: "";
  width: 12px;
  height: 12px;
  background-color: rgba(0, 0, 0, 0.9);
  position: absolute;
  top: 70px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 9999;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-box-shadow: -1px -1px 1px #fff0ab, -1px -1px 2px rgba(255, 240, 171, 0);
  box-shadow: -1px -1px 1px #fff0ab, -1px -1px 2px rgba(255, 240, 171, 0);
}

.lottery-dropdown-title {
  color: #fff;
  font-size: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding-bottom: 10px;
  position: relative;
  padding-left: 16px;
}
.lottery-dropdown-title:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  background-color: #fff;
}

.lottery_guan {
  background: url(../img/icon_guan.png) center/contain no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 7px;
}

.lottery-dropdown-wrapper ul {
  padding: 0;
}
.lottery-dropdown-wrapper ul li {
  list-style: none;
  color: rgba(255, 255, 255, 0.8);
  display: inline-block;
  margin: 0 20px 25px 0;
  font-size: 10pt;
  text-align: center;
}
.lottery-dropdown-wrapper ul li:nth-child(8n) {
  margin-right: 0;
}

.lottery-dropdown ul li {
  width: 97px;
  height: 97px;
  border-radius: 20px;
  background-color: #b62929;
  position: relative;
  cursor: pointer;
}
.lottery-dropdown ul li .lottery-games {
  background-image: url(../img/lottery_dropdown.png);
  width: 97px;
  height: 97px;
}
.lottery-dropdown ul li:nth-child(1) .lottery-games {
  background-position-x: -16px;
  background-position-y: -10px;
}
.lottery-dropdown ul li:nth-child(2) .lottery-games {
  background-position-x: -129.7px;
  background-position-y: -10px;
}
.lottery-dropdown ul li:nth-child(3) .lottery-games {
  background-position-x: -243.4px;
  background-position-y: -10px;
}
.lottery-dropdown ul li:nth-child(4) .lottery-games {
  background-position-x: -357.1px;
  background-position-y: -10px;
}
.lottery-dropdown ul li:nth-child(5) .lottery-games {
  background-position-x: -470.8px;
  background-position-y: -10px;
}
.lottery-dropdown ul li:nth-child(6) .lottery-games {
  background-position-x: -584.5px;
  background-position-y: -10px;
}
.lottery-dropdown ul li:nth-child(7) .lottery-games {
  background-position-x: -698.2px;
  background-position-y: -10px;
}
.lottery-dropdown ul li:nth-child(8) .lottery-games {
  background-position-x: -811.9px;
  background-position-y: -10px;
}
.lottery-dropdown ul li:nth-child(9) .lottery-games {
  background-position-x: -16px;
  background-position-y: -110px;
}
.lottery-dropdown ul li:nth-child(10) .lottery-games {
  background-position-x: -129.7px;
  background-position-y: -110px;
}
.lottery-dropdown ul li:nth-child(11) .lottery-games {
  background-position-x: -243.4px;
  background-position-y: -110px;
}
.lottery-dropdown ul li:nth-child(12) .lottery-games {
  background-position-x: -357.1px;
  background-position-y: -110px;
}
.lottery-dropdown ul li:nth-child(13) .lottery-games {
  background-position-x: -470.8px;
  background-position-y: -110px;
}
.lottery-dropdown ul li:nth-child(14) .lottery-games {
  background-position-x: -584.5px;
  background-position-y: -110px;
}
.lottery-dropdown ul li:nth-child(15) .lottery-games {
  background-position-x: -698.2px;
  background-position-y: -110px;
}
.lottery-dropdown ul li:nth-child(16) .lottery-games {
  background-position-x: -811.9px;
  background-position-y: -110px;
}
.lottery-dropdown ul li:nth-child(17) .lottery-games {
  background-position-x: -16px;
  background-position-y: -210px;
}
.lottery-dropdown ul li:nth-child(18) .lottery-games {
  background-position-x: -129.7px;
  background-position-y: -210px;
}
.lottery-dropdown ul li:nth-child(19) .lottery-games {
  background-position-x: -243.4px;
  background-position-y: -210px;
}
.lottery-dropdown ul li:nth-child(20) .lottery-games {
  background-position-x: -357.1px;
  background-position-y: -210px;
}
.lottery-dropdown ul li:nth-child(21) .lottery-games {
  background-position-x: -470.8px;
  background-position-y: -210px;
}
.lottery-dropdown ul li:nth-child(22) .lottery-games {
  background-position-x: -584.5px;
  background-position-y: -210px;
}
.lottery-dropdown ul li:nth-child(23) .lottery-games {
  background-position-x: -698.2px;
  background-position-y: -210px;
}
.lottery-dropdown ul li:nth-child(24) .lottery-games {
  background-position-x: -811.9px;
  background-position-y: -210px;
}
.lottery-dropdown ul li:nth-child(25) .lottery-games {
  background-position-x: -16px;
  background-position-y: -310px;
}

.wdl-lottery-dropdown ul {
  color: rgba(255, 255, 255, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 10pt;
  text-align: center;
}
.wdl-lottery-dropdown ul li {
  width: 100px;
  height: 100px;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  position: relative;
  margin: 20px 0;
  cursor: pointer;
}
.wdl-lottery-dropdown ul li .lottery-games {
  width: 100px;
  height: 100px;
  margin: 0 auto 5px;
}
.wdl-lottery-dropdown ul li.game-1 .lottery-games {
  background: url("../img/wdl_lottery_dropdown.png") -10px -10px;
}
.wdl-lottery-dropdown ul li.game-2 .lottery-games {
  background: url("../img/wdl_lottery_dropdown.png") -130px -10px;
}
.wdl-lottery-dropdown ul li.game-3 .lottery-games {
  background: url("../img/wdl_lottery_dropdown.png") -10px -130px;
}
.wdl-lottery-dropdown ul li.game-4 .lottery-games {
  background: url("../img/wdl_lottery_dropdown.png") -130px -130px;
}
.wdl-lottery-dropdown ul li.game-5 .lottery-games {
  background: url("../img/wdl_lottery_dropdown.png") -250px -10px;
}
.wdl-lottery-dropdown ul li.game-6 .lottery-games {
  background: url("../img/wdl_lottery_dropdown.png") -250px -130px;
}
.wdl-lottery-dropdown ul li.game-7 .lottery-games {
  background: url("../img/wdl_lottery_dropdown.png") -10px -250px;
}
.wdl-lottery-dropdown ul li.game-8 .lottery-games {
  background: url("../img/wdl_lottery_dropdown.png") -130px -250px;
}
.wdl-lottery-dropdown ul li.game-9 .lottery-games {
  background: url("../img/wdl_lottery_dropdown.png") -250px -250px;
}
.wdl-lottery-dropdown ul li.game-10 .lottery-games {
  background: url("../img/wdl_lottery_dropdown.png") -370px -10px;
}
.wdl-lottery-dropdown ul li.game-11 .lottery-games {
  background: url("../img/wdl_lottery_dropdown.png") -370px -130px;
}
.wdl-lottery-dropdown ul li.game-12 .lottery-games {
  background: url("../img/wdl_lottery_dropdown.png") -370px -250px;
}
.wdl-lottery-dropdown ul li.game-13 .lottery-games {
  background: url("../img/wdl_lottery_dropdown.png") -10px -370px;
}
.wdl-lottery-dropdown ul li.game-14 .lottery-games {
  background: url("../img/wdl_lottery_dropdown.png") -130px -370px;
}
.wdl-lottery-dropdown ul li.game-15 .lottery-games {
  background: url("../img/wdl_lottery_dropdown.png") -250px -370px;
}
.wdl-lottery-dropdown ul li.game-16 .lottery-games {
  background: url("../img/wdl_lottery_dropdown.png") -370px -370px;
}
.wdl-lottery-dropdown ul li.game-17 .lottery-games {
  background: url("../img/wdl_lottery_dropdown.png") -490px -10px;
}
.wdl-lottery-dropdown ul li.game-18 .lottery-games {
  background: url("../img/wdl_lottery_dropdown.png") -490px -130px;
}
.wdl-lottery-dropdown ul li.game-19 .lottery-games {
  background: url("../img/wdl_lottery_dropdown.png") -490px -250px;
}
.wdl-lottery-dropdown ul li.game-20 .lottery-games {
  background: url("../img/wdl_lottery_dropdown.png") -490px -370px;
}
.wdl-lottery-dropdown ul li.game-21 .lottery-games {
  background: url("../img/wdl_lottery_dropdown.png") -10px -490px;
}
.wdl-lottery-dropdown ul li.game-22 .lottery-games {
  background: url("../img/wdl_lottery_dropdown.png") -130px -490px;
}
.wdl-lottery-dropdown ul li.game-23 .lottery-games {
  background: url("../img/wdl_lottery_dropdown.png") -250px -490px;
}
.wdl-lottery-dropdown ul li.game-24 .lottery-games {
  background: url("../img/wdl_lottery_dropdown.png") -370px -490px;
}

/*Main Banner Starts Here*/
.main-banner {
  height: 490px;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.main-banner .swiper-container {
  width: 100%;
  height: 490px;
  color: #fff;
  /*min-width: 1048px;*/
}
.main-banner .swiper-container .swiper-pagination.banner {
  bottom: 50px;
}
.main-banner .swiper-container .swiper-pagination.banner .swiper-pagination-bullet {
  background-color: #fec52e;
}
.main-banner .swiper-container .swiper-pagination.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fff;
}
.main-banner img {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  overflow: hidden;
}
.swiper-slide .img-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-filter: blur(10px) grayscale(50%);
  filter: blur(10px) grayscale(50%);
  z-index: 1;
}
.swiper-slide img {
  width: auto;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
}

/*News Section Starts Here*/
.news {
  background-color: rgba(183, 41, 40, 0.6);
  height: 40px;
  font-size: 10.5pt;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 9;
  width: 100%;
}
.news > .main-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 1048px;
}
.news > .main-wrapper .news-wrapper {
  width: 50%;
  cursor: pointer;
}
.news > .main-wrapper .news-wrapper.wdl-news-wrapper {
  width: calc(100% - 23px);
  color: white;
}
.news > .main-wrapper .news-wrapper .news-content {
  width: calc(100% - 40px);
}
.news > .main-wrapper .trans-wrapper {
  width: 50%;
  white-space: nowrap;
  height: 40px;
  line-height: 40px;
}
.news > .main-wrapper .trans-wrapper .trans-content {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 40px);
  color: #fff;
  position: relative;
  height: 40px;
  overflow: hidden;
}
.news .info-wrapper .info {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: infoHide 300ms ease;
  animation: infoHide 300ms ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.news .info-wrapper .info.active {
  -webkit-animation: infoShow 300ms ease;
  animation: infoShow 300ms ease;
}
@-webkit-keyframes infoShow {
  from {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes infoShow {
  from {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes infoHide {
  from {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@keyframes infoHide {
  from {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

#noticeWrapper {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  color: rgba(0, 0, 0, 0.87);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-animation: fade-in 200ms ease-in-out;
  animation: fade-in 200ms ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#noticeWrapper .notice-content {
  position: relative;
  background: white;
  border-radius: 0.25rem;
  min-width: 800px;
}
#noticeWrapper .notice-content .close {
  position: absolute;
  width: 40px;
  height: 40px;
  right: 0;
  top: 0;
  cursor: pointer;
}
#noticeWrapper .notice-content .close:before, #noticeWrapper .notice-content .close:after {
  content: "";
  position: absolute;
  top: 50%;
  height: 0;
  width: 60%;
  left: 20%;
  border: 0.5px solid black;
  -webkit-transition: -webkit-transform 200ms ease-in-out;
  transition: -webkit-transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
}
#noticeWrapper .notice-content .close:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#noticeWrapper .notice-content .close:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#noticeWrapper .notice-content .close:hover:before {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
#noticeWrapper .notice-content .close:hover:after {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
  -webkit-transition-delay: 50ms;
  transition-delay: 50ms;
}
#noticeWrapper .notice-content h3 {
  margin: 20px 20px 5px 20px;
  color: #4280d0;
}
#noticeWrapper .notice-content .table-wrapper {
  max-height: 600px;
  min-height: 250px;
  overflow: auto;
  padding: 20px;
}
#noticeWrapper .notice-content th,
#noticeWrapper .notice-content td {
  border: 1px solid #ccc;
  padding: 5px;
}
#noticeWrapper .notice-content table {
  width: 800px;
  border-collapse: collapse;
}
#noticeWrapper .notice-content table tr > *:first-child {
  width: 150px;
}
#noticeWrapper .notice-content table th {
  color: #4280d0;
}

@-webkit-keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.news-wrapper {
  white-space: nowrap;
  height: 40px;
  line-height: 40px;
}

.news-title {
  background: url(../img/news.png) no-repeat;
  width: 23px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}

.news-content {
  display: inline-block;
  vertical-align: middle;
  width: 600px;
}

.swiper-container.news-content {
  height: 40px;
  min-width: initial;
}

.news-content p {
  line-height: 40px;
  font-size: 10.5pt;
  margin: 0;
  padding: 0 30px 0 10px;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*Hot Lottery Section Starts Here*/
.main-wrapper.hotlottery {
  width: 940px;
  max-width: initial;
  padding-top: 20px;
}
.main-wrapper.hotlottery.guest {
  display: none;
}
.main-wrapper.hotlottery.guest + .hot-lottery {
  display: none;
}

.hot-lottery {
  background-color: #c03939;
  height: 560px;
  background: url(../img/hotlottery_bg.jpg) no-repeat;
  background-position: center;
}

.subtitle {
  height: 122px;
  position: relative;
  text-align: center;
  background-color: #ffd5d0;
  background: url(../img/hl_header_bg.png) center no-repeat;
}
.subtitle label:before {
  content: "";
  background: url(../img/hotlottery_arrow.png) center/100% 100% no-repeat;
  width: 331px;
  height: 41px;
  position: absolute;
  display: block;
  top: 27px;
  right: 65%;
}
.subtitle label:after {
  content: "";
  background: url(../img/hotlottery_arrow.png) center/100% 100% no-repeat;
  width: 331px;
  height: 41px;
  position: absolute;
  display: block;
  top: 27px;
  left: 65%;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}
.subtitle .ch {
  font-size: 18pt;
  color: #b62929;
  padding-top: 20px;
}
.subtitle .en {
  font-size: 10pt;
  color: #e45353;
  line-height: 24px;
}

.hl-box-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.hl-box-wrapper .hl-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 270px;
  height: 350px;
  margin: 0 auto;
}
.hl-box-wrapper .hl-box:hover:after {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.hl-box-wrapper .hl-box.wdl:nth-child(2):before {
  background-image: url(../img/hotlottery2_wdl.png);
}
.hl-box-wrapper .hl-box.wdl:last-child:before {
  background-image: url(../img/hotlottery3_wdl.png);
}
.hl-box-wrapper .hl-box:before {
  content: "";
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.hl-box-wrapper .hl-box:after {
  content: "";
  background-color: #f25558;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  z-index: 0;
  -webkit-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  transform: rotate(10deg);
  -webkit-transition: -webkit-transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.hl-box-wrapper .hl-box:first-child:before {
  background-image: url(../img/hotlottery1.png);
}
.hl-box-wrapper .hl-box:nth-child(2):before {
  background-image: url(../img/hotlottery2.png);
}
.hl-box-wrapper .hl-box:last-child:before {
  background-image: url(../img/hotlottery3.png);
}

.hl-link {
  position: absolute;
  text-align: center;
  color: #fff;
  margin: auto;
  bottom: 20px;
  font-size: 16pt;
  z-index: 2;
  height: 70px;
  line-height: 70px;
  width: calc(100% + 20px);
  background: -webkit-gradient(linear, left top, left bottom, from(#ff7d38), to(#e82d24));
  background: linear-gradient(to bottom, #ff7d38, #e82d24);
  left: -10px;
}
.hl-link:before {
  content: "";
  position: absolute;
  border-top: 5px solid transparent;
  border-right: 7px solid #941218;
  border-bottom: 3px solid #941218;
  border-left: 5px solid transparent;
  top: -8px;
  left: 0;
}
.hl-link:after {
  content: "";
  position: absolute;
  border-top: 5px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 3px solid #941218;
  border-left: 5px solid #941218;
  top: -8px;
  right: 0;
}

/*Bottom 3 Section Starts Here*/
.service-list {
  background: url(../img/service_bg.jpg) no-repeat;
  background-position: center;
  background-color: #f9ebeb;
}

.servicelist-wrapper {
  display: inline-block;
  padding: 35px 0;
  height: 318px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

.slist-box {
  width: calc((99% - 100px) / 3);
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  height: 100px;
}
.slist-box:not(:last-child) {
  content: "";
  margin-right: 50px;
}

.sl-title {
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 36px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.sl-title .ch {
  font-size: 21px;
  color: #eb2523;
  display: inline-block;
  font-weight: 600;
  border-bottom: 3px solid #eb2523;
  height: 34px;
  vertical-align: middle;
  position: relative;
}
.sl-title .ch:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  border-top: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #eb2523;
  border-left: 5px solid transparent;
  width: 0;
}
.sl-title .ch > img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  margin-bottom: 3px;
}
.sl-title .en {
  font-size: 8pt;
  color: #f47170;
  display: inline-block;
  margin-left: auto;
}

/*Service Advantages Section Starts Here*/
.sl1-title {
  top: 0;
  display: block;
  height: 40px;
  margin-bottom: 10px;
}

.sl1-deposit,
.sl1-withdraw {
  color: #717070;
  font-size: 10.5pt;
  width: 100%;
  display: block;
  margin-top: 30px;
  height: 80px;
}

.deposit-left {
  float: left;
  display: inline-block;
}

.deposit-right {
  float: right;
  display: inline-block;
  height: 55px;
}

.dp-wrapper:after {
  content: "";
  clear: both;
  display: table;
}

.dp-title,
.wd-title {
  font-size: 11pt;
  margin: 2px 0;
  color: #827a7a;
}

.dp-time,
.wd-time {
  font-size: 9pt;
  color: #827a7a;
}

.dp-no,
.dp-sec {
  display: inline-block;
}

.dp-no {
  font-size: 24pt;
  color: #827a7a;
  line-height: 40pt;
}

.dp-bargrey {
  width: 100%;
  height: 4px;
  border-radius: 20px;
  background-color: #d0bdbd;
  position: relative;
}

.dp-barred {
  width: 0;
  height: 4px;
  border-radius: 20px;
  background: -webkit-gradient(linear, left top, right top, from(#ffb224), to(#fd4249));
  background: linear-gradient(to right, #ffb224, #fd4249);
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: width 2s ease-in-out;
  transition: width 2s ease-in-out;
  -webkit-box-shadow: 0px 2px 8px rgba(30, 2, 39, 0.4);
  box-shadow: 0px 2px 8px rgba(30, 2, 39, 0.4);
}
.dp-barred.active {
  width: 50%;
}
.dp-barred:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: 2px solid #fd4249;
  background-color: #fff;
  right: 0;
  top: -3px;
}

.withdraw-left {
  float: left;
  display: inline-block;
}

.withdraw-right {
  float: right;
  display: inline-block;
  height: 55px;
}

.wd-wrapper:after {
  content: "";
  clear: both;
  display: table;
}

.wd-no,
.wd-sec {
  display: inline-block;
}

.wd-no {
  font-size: 24pt;
  color: #827a7a;
  line-height: 40pt;
}

.wd-bargrey {
  width: 100%;
  height: 4px;
  border-radius: 20px;
  background-color: #d0bdbd;
  position: relative;
}

.wd-barred {
  width: 0;
  height: 4px;
  border-radius: 20px;
  background: -webkit-gradient(linear, left top, right top, from(#ffb224), to(#fd4249));
  background: linear-gradient(to right, #ffb224, #fd4249);
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: width 2s ease-in-out;
  transition: width 2s ease-in-out;
  -webkit-box-shadow: 0px 2px 8px rgba(30, 2, 39, 0.4);
  box-shadow: 0px 2px 8px rgba(30, 2, 39, 0.4);
}
.wd-barred.active {
  width: 70%;
}
.wd-barred:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: 2px solid #fd4249;
  background-color: #fff;
  right: 0;
  top: -3px;
}

/*Mobile Terminal Downloads Starts Here*/
.sl2-title {
  padding-bottom: 10px;
  color: #716f6f;
}

.sl2-text {
  font-size: 10.5pt;
  color: #717070;
  line-height: 17pt;
  margin-top: 30px;
}

.sl2-img {
  background: url(../img/terminal_download.png) no-repeat;
  width: 245px;
  height: 70px;
  margin-top: 50px;
  position: relative;
}

.appdl {
  width: 245px;
  height: 70px;
  position: absolute;
}

/*Help Center Section Starts Here*/
.sl3-text-wrapper {
  display: block;
  font-size: 10pt;
  color: #717070;
  height: 100px;
  line-height: 16pt;
  margin-top: 30px;
}

.sl3-left {
  float: left;
  display: inline-block;
  width: 100px;
  padding-right: 30px;
}
.sl3-left a {
  display: block;
  padding-bottom: 20px;
  color: #717070;
}

.sl3-star {
  background: url(../img/star.png) no-repeat;
  height: 11px;
  width: 11px;
  display: inline-block;
  padding-right: 12px;
}

/*Homepage Footer Starts Here*/
.foot {
  background-color: #191919;
  text-align: center;
  height: auto;
  background-image: url(../img/footer_bg.jpg);
  background-repeat: repeat-x;
}

.footer {
  background-color: #000;
  height: 61px;
}

.foot-text1 {
  background: url(../img/providers.jpg) no-repeat;
  padding: 0;
  height: 100px;
  background-position: center;
  display: block;
}

.foot-text2 {
  color: #fff;
  font-size: 9.5pt;
  padding: 0;
  height: 75px;
  line-height: 66px;
  display: block;
}

.ft-support {
  display: inline-block;
  font-size: 12pt;
}

.ft-browser {
  display: inline-block;
  font-size: 12pt;
}

.foot-text3 {
  color: #fff;
  font-size: 10pt;
  padding: 0;
  height: 50px;
  line-height: 46px;
  display: block;
}

.footer-text {
  background: url(../img/footer.jpg) no-repeat;
  padding: 0;
  height: 61px;
  background-position: center;
  display: block;
}

.ft-divider {
  background: url(../img/footer_divider.png) no-repeat;
  padding: 0;
  height: 1px;
  background-position: center;
  clear: both;
}

.ft-sp-img {
  background: url(../img/support.png) no-repeat;
  width: 102px;
  height: 29px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
}

.ft-bs-img {
  background: url(../img/browser.png) no-repeat;
  width: 300px;
  height: 28px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
}

/*Subpage Layout Starts Here*/
.subpage-body {
  background-color: #fff;
  height: auto;
  padding-bottom: 30px;
  background-position: center;
  background-size: cover;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.subpage-body p {
  color: #333;
}

.sub-header {
  height: 140px;
  padding: 47px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.sub-title,
.sub-desc {
  display: block;
}

.sub-content {
  height: auto;
  position: relative;
  overflow: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.sub-content-wrapper {
  background-color: #fff;
  height: 360px;
  width: 95%;
  margin: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*Register Starts Here*/
.subpage-body.registration {
  /*min-height: calc(100vh - 48px - 71px - 227px - 61px);*/
  background: url(../img/registration_bg.jpg) no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: auto;
}

.sub-content.registration {
  background-color: #faeeee;
}

.sub-header.registration {
  height: 125px;
  width: 800px;
  margin: auto;
  padding: 0;
  background-image: url(../img/ribbon_banner.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.sub-header.registration .sub-title {
  color: #bc3638;
  font-weight: bold;
  text-align: center;
  width: 70%;
  height: 32px;
  font-size: 30px;
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  margin: auto;
}

.reg-login-btn {
  display: inline-block;
  background: url(../img/button_reg.png) no-repeat;
  height: 113px;
  width: 209px;
  margin-top: 13px;
  vertical-align: middle;
  position: relative;
}
.reg-login-btn a {
  position: absolute;
  width: 97%;
  height: 95%;
  top: 6px;
}

.reg-banner {
  display: inline-block;
  background: url(../img/banner_reg.png) no-repeat;
  height: 125px;
  width: 786px;
  margin-top: 1px;
  vertical-align: middle;
}

.title-reg {
  font-size: 44pt;
  color: #a2a2a2;
  font-weight: 300;
  vertical-align: top;
  letter-spacing: 3px;
  display: inline-block;
}

.reg-steps {
  left: 0;
  right: 0;
  margin: auto;
}
.reg-steps:after {
  content: "";
  display: table;
  clear: both;
}

.reg-steps-box {
  background-color: #efe8e8;
  display: inline-block;
  vertical-align: middle;
  width: 33.3333333333%;
  text-align: center;
  line-height: 40px;
  height: 40px;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  border-left: 6px solid #fff;
  box-sizing: border-box;
}
.reg-steps-box.red {
  background-color: #ff7337;
  border-left: 6px solid #ff7337;
}
.reg-steps-box.red:not(:first-child) {
  border-left: 6px solid #fff;
}
.reg-steps-box.red:after {
  border-left: 20px solid #ff7337;
}
.reg-steps-box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-top: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #fff;
}
.reg-steps-box:after {
  content: "";
  position: absolute;
  top: 0;
  right: -40px;
  border-top: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #efe8e8;
  z-index: 1;
}
.reg-steps-box:first-child:before {
  display: none;
}
.reg-steps-box:last-child:after {
  display: none;
}

.steps-no {
  display: inline-block;
  vertical-align: middle;
  font-size: 18pt;
  color: #978e8e;
}

.steps-title {
  display: inline-block;
  vertical-align: middle;
  font-size: 10.5pt;
  color: #978e8e;
}

.steps-no.red,
.steps-title.red {
  color: #fff;
}

.reg-form {
  height: auto;
  padding: 40px 20px 0 20px;
}

.rform {
  position: relative;
}
.rform.row {
  height: 50px;
  line-height: 50px;
  padding-bottom: 5px;
}
.rform.col1 {
  width: 150px;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  font-size: 9pt;
  color: #eb2523;
}
.rform.col2 {
  width: 280px;
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
  margin-right: 20px;
}
.rform.col2 input {
  width: 100%;
  height: 30px;
  line-height: 30px;
  background-color: transparent;
  -webkit-appearance: none;
  border-radius: 5px;
  outline: none;
  border: 1px solid #978e8e;
}
.rform.col2 .verify-code {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
}
.rform.col3 {
  display: inline-block;
  vertical-align: middle;
  font-size: 9pt;
}
.rform.row .button {
  width: 115px;
  left: 0;
  right: 0;
  margin: auto;
  height: 30px;
  font-size: 10pt;
  display: block;
  margin-top: 20px;
  border-radius: 4px;
}
.rform.row div a {
  color: #fff;
}

/*Promotion Starts Here*/
.subpage-body.promo {
  min-height: calc(100vh - 48px - 71px - 490px - 227px - 61px);
  background: url(../img/promo_bg.jpg);
  background-position: center top;
  background-size: 100% auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: auto;
}

.sub-header.promo {
  height: 56px;
  width: 100%;
  background-color: #ffd5d0;
  background-image: url(../img/navigation_bg.jpg);
  background-repeat: repeat-x;
  padding: 0;
}

.sub-content.promo {
  background-color: rgba(0, 0, 0, 0.7);
  height: auto;
  width: 100%;
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.subpage-body.aff-index {
  height: 1330px;
  background-image: url(../img/aff-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
.subpage-body.aff-index a {
  color: white;
}
.subpage-body.aff-index a.color-link {
  color: #db1416;
}
.subpage-body.aff-index a.color-link:hover {
  text-decoration: underline;
}
.subpage-body.aff-index .text-wrapper {
  text-align: center;
}
.subpage-body.aff-index .text-wrapper .image-title {
  width: 100%;
  padding-top: 40px;
  margin-bottom: 20px;
  text-align: center;
}
.subpage-body.aff-index .text-wrapper .title {
  color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f46e45), to(#db1416));
  background-image: linear-gradient(to bottom, #f46e45, #db1416);
  -webkit-background-clip: text;
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 4px;
}
.subpage-body.aff-index .text-wrapper .sub-title {
  font-size: 14px;
  color: #db1416;
  margin-bottom: 20px;
}
.subpage-body.aff-index .text-wrapper .paragraph-wrapper {
  margin-bottom: 20px;
}
.subpage-body.aff-index .text-wrapper .paragraph-wrapper p {
  display: inline-block;
  line-height: 28px;
  color: #862528;
  font-size: 14px;
  border-bottom: 1px dotted #862528;
}
.subpage-body.aff-index .text-wrapper .ribbon {
  display: inline-block;
  color: #e5101c;
  border-top: 1px solid #e5101c;
  border-bottom: 1px solid #e5101c;
  position: relative;
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  padding: 0 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.subpage-body.aff-index .text-wrapper .ribbon:before {
  content: "";
  width: 23px;
  height: 23px;
  position: absolute;
  border-right: 1px solid #e5101c;
  border-top: 1px solid #e5101c;
  left: 0;
  top: -1px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.subpage-body.aff-index .text-wrapper .ribbon:after {
  content: "";
  width: 23px;
  height: 23px;
  position: absolute;
  border-left: 1px solid #e5101c;
  border-bottom: 1px solid #e5101c;
  right: 0;
  bottom: -1px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: bottom right;
  -ms-transform-origin: bottom right;
  transform-origin: bottom right;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.subpage-body.aff-index .aff-info {
  position: absolute;
  top: 960px;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
}
.subpage-body.aff-index .aff-info .title {
  display: block;
  margin: 0 auto 20px;
}
.subpage-body.aff-index .aff-info .table-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.subpage-body.aff-index .aff-info table {
  border: 1px solid #fff;
  padding: 0;
  border-collapse: collapse;
  color: #fff;
  text-align: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.subpage-body.aff-index .aff-info table tr:not(:last-child) {
  border-bottom: 1px solid #fff;
}
.subpage-body.aff-index .aff-info table tr td:not(:last-child) {
  border-right: 1px solid #fff;
}
.subpage-body.aff-index .aff-info table tr td:last-child {
  border-right: 1px solid #fff;
}
.subpage-body.aff-index .aff-info table .icon {
  height: 14px;
  margin-right: 4px;
}
.subpage-body.aff-index .aff-info table .icon.large {
  height: 20px;
}
.subpage-body.aff-index .aff-info .contact-qr img {
  width: 160px;
  height: 160px;
  background: white;
}

.subpage-body.aff-deal {
  background: #fe7409;
  background-image: url("../img/aff2_bg.jpg");
  background-position: center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  color: white;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", "microsoft yahei", sans-serif;
}
.subpage-body.aff-deal .text-wrapper {
  margin-bottom: 30px;
}
.subpage-body.aff-deal .image-title {
  padding-top: 60px;
  width: 100%;
  text-align: center;
}
.subpage-body.aff-deal .title {
  width: 100%;
  text-align: center;
}
.subpage-body.aff-deal .title h3 {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  padding: 0 40px;
  -webkit-box-shadow: inset 0 2px 0 rgba(225, 38, 17, 0.9);
  box-shadow: inset 0 2px 0 rgba(225, 38, 17, 0.9);
  border-radius: 80px;
  text-align: center;
  background-image: linear-gradient(-45deg, #f25430, #f16645, #f25430, #f16645, #f25430);
  background-size: 4px 4px;
  font-weight: 300;
  margin-top: 50px;
}
.subpage-body.aff-deal p {
  color: white;
  font-weight: 300;
  font-size: 14px;
}

.section-promo {
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.section-promo .promo-wrapper .item {
  margin: 30px auto;
  overflow: hidden;
}
.section-promo .promo-wrapper .item .item-head {
  border-radius: 25px;
  position: relative;
  z-index: 2;
  margin: 0;
  cursor: pointer;
}
.section-promo .promo-wrapper .item .item-head:not(.image) {
  min-height: 150px;
  height: auto;
  border-radius: 150px;
  display: table;
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#eb4d52), to(#d02a34));
  background: linear-gradient(to bottom, #eb4d52, #d02a34);
  border: 2px solid #fffe9d;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.section-promo .promo-wrapper .item .item-head:not(.image) .text {
  color: #fff95b;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.section-promo .promo-wrapper .item .item-head:not(.image) .text h1 {
  font-weight: bold;
}
.section-promo .promo-wrapper .item .item-content {
  display: none;
  position: relative;
  margin-top: 10px;
  background-color: #bc3638;
  border-radius: 25px;
  padding: 20px;
  z-index: 0;
}
.section-promo .promo-wrapper img {
  display: block;
  width: 100%;
}

.promo-menu-links {
  color: #000;
  display: inline-block;
  width: 100px;
  height: 56px;
  position: relative;
  cursor: pointer;
}
.promo-menu-links:hover div {
  color: #fff;
}
.promo-menu-links.active div {
  color: #fff;
  pointer-events: none;
}
.promo-menu-links:before {
  content: "";
  background-color: #ce3333;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 10px;
  z-index: 1;
  opacity: 0;
  -webkit-transform: skew(-20deg) translateX(-10%);
  -ms-transform: skew(-20deg) translateX(-10%);
  transform: skew(-20deg) translateX(-10%);
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.promo-menu-links.active:before, .promo-menu-links:hover:before {
  opacity: 1;
  -webkit-transform: skew(-20deg) translateX(0);
  -ms-transform: skew(-20deg) translateX(0);
  transform: skew(-20deg) translateX(0);
}

.promo-links {
  color: #b62929;
  font-size: 12.5pt;
  text-align: center;
  position: absolute;
  left: 18px;
  right: 0;
  line-height: 56px;
  z-index: 2;
}

.promo-menu-links div.active {
  pointer-events: none;
  color: #fff;
}
.promo-menu-links div:hover {
  color: #fff;
}

.promo-title {
  font-size: 24pt;
}

.promo-box {
  display: block;
  width: 100%;
  border: 1px solid #999999;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 150px;
  margin-bottom: 10px;
}

/*FAQ Starts Here*/
.sub-title.faq {
  background: url(../img/faq_title.png) no-repeat;
  width: 98px;
  height: 25px;
}

.sub-desc.faq {
  background: url(../img/faq_desc.png) no-repeat;
  width: 404px;
  height: 14px;
  margin-top: 7px;
}

.subpage-body.faq {
  min-height: calc(100vh - 48px - 71px - 227px - 61px);
  background: url(../img/faq_bg.jpg);
  background-repeat: repeat-y;
  background-position: top;
  background-size: 100% auto;
  background-attachment: fixed;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: auto;
}

.sub-content.faq {
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sub-menu ul li {
  list-style: none;
  border: 1px solid #000;
  height: 60px;
  line-height: 60px;
  border-right: none;
}

.sub-body ul li {
  list-style: none;
}

.sub-content .sub-menu {
  float: left;
  width: 200px;
  background-color: #fff;
  margin-right: 20px;
}
.sub-content .sub-menu .title {
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  background-color: #e83542;
  text-align: center;
  color: #fff;
}
.sub-content .sub-menu .itms {
  width: 198px;
  height: 45px;
  line-height: 45px;
  position: relative;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  text-decoration: none;
  display: block;
  color: #333;
  border-bottom: 1px solid #ccc;
}
.sub-content .sub-menu .itms.active {
  margin-top: 0;
  z-index: 9;
  color: #e83542;
  border-left: 3px solid #e83542;
}

.sprite {
  background: url(../img/faq_sprite.png) no-repeat top left;
  width: 33px;
  height: 24px;
  float: left;
  margin-top: 15px;
  margin-left: 30px;
}

.itmstxt {
  font-size: 16px;
  float: left;
  line-height: 57px;
}

.sub-content .sub-menu .itms .icon1 {
  background-position: 0 0;
}
.sub-content .sub-menu .itms.active .icon1 {
  background-position: 0 -25px;
}
.sub-content .sub-menu .itms .icon2 {
  background-position: 0 -50px;
}
.sub-content .sub-menu .itms.active .icon2 {
  background-position: 0 -75px;
}
.sub-content .sub-menu .itms .icon3 {
  background-position: 0 -101px;
}
.sub-content .sub-menu .itms.active .icon3 {
  background-position: 0 -125px;
}
.sub-content .sub-menu .itms .icon4 {
  background-position: 0 -150px;
}
.sub-content .sub-menu .itms.active .icon4 {
  background-position: 0 -175px;
}
.sub-content .sub-menu .itms .icon5 {
  background-position: 0 -200px;
}
.sub-content .sub-menu .itms.active .icon5 {
  background-position: 0 -225px;
}
.sub-content .sub-menu .itms .icon6 {
  background-position: 0 -250px;
}
.sub-content .sub-menu .itms.active .icon6 {
  background-position: 0 -275px;
}
.sub-content .sub-body {
  float: left;
  width: calc(100% - 201px);
  display: none;
  min-height: 412px;
  background-color: #fff;
  padding: 24px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.sub-content .sub-body .page {
  display: none;
}
.sub-content .sub-body .page.active {
  display: block;
}
.sub-content .sub-body .page h3 {
  font-size: 24px;
  font-weight: 600;
  margin-top: 0;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #ccc;
}
.sub-content .sub-body .page p {
  font-size: 14px;
}

/*Mobile Betting Page Starts Here*/
.subpage-body.mobilebet {
  background: url(../img/mobilebet_bg.jpg) no-repeat;
  background-position: center;
  background-size: cover;
  padding-bottom: 0;
}
.subpage-body.mobilebet.official {
  background: url(../img/mobilebet_bg_official.jpg) no-repeat top center #cc536c;
}
.subpage-body.mobilebet.official .logo-wrapper {
  margin-bottom: 15px;
}
.subpage-body.mobilebet.official .logo-wrapper span {
  color: #ffee82;
  font-size: 2rem;
}

.sub-content.mobilebet {
  background-color: transparent;
  height: 800px;
  position: relative;
  overflow: auto;
  padding: 40px 0 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.left-col1 {
  background: url(../img/mobile.png) no-repeat;
  width: 534px;
  height: 661px;
  display: inline-block;
  vertical-align: middle;
  float: left;
  margin-top: 80px;
  position: absolute;
  left: -80px;
}
.left-col1 img.logo {
  width: 150px;
  height: auto;
  left: 48.5%;
  top: 85px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.left-col1.official {
  background: url(../img/mobile_official.png) no-repeat;
}

.right-col1 {
  float: right;
  width: 530px;
  display: inline-block;
  vertical-align: middle;
  height: 620px;
  color: #fff;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 60px;
  position: relative;
}
.right-col1.official .mobile-title {
  background: url(../img/mb_title_official.png) center/contain no-repeat;
}
.right-col1.official .btn-android,
.right-col1.official .btn-ios {
  background-color: transparent;
}
.right-col1.official .right-col1-android,
.right-col1.official .right-col1-ios {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 0;
  padding: 30px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: auto;
  width: auto;
}
.right-col1.official .right-col1-android > .qr-code,
.right-col1.official .right-col1-ios > .qr-code {
  height: 130px;
  width: 130px;
}

.play-wrapper .logo-wrapper {
  display: inline-block;
  margin: 0 auto;
}
.play-wrapper .logo-wrapper img {
  display: inline-block;
  vertical-align: middle;
}
.play-wrapper .logo-wrapper .play-icon {
  display: inline-block;
  vertical-align: middle;
  background: url(../img/play.png) center/contain no-repeat;
  width: 75px;
  height: 75px;
}
.play-wrapper .mobile-title {
  background: url(../img/mb_title.png) center/contain no-repeat;
  width: 100%;
  height: 88px;
  display: inline-block;
}

.right-col1-text2 {
  font-size: 11pt;
  margin: 5px 0;
}

.right-col1-img {
  background: url(../img/mb_advantages.png) no-repeat;
  width: 507px;
  height: 136px;
  margin: 30px 20px;
}

.right-col1-text3 {
  font-size: 12.5pt;
  padding-bottom: 25px;
  position: relative;
}
.right-col1-text3 label:before {
  content: "";
  position: absolute;
  display: block;
  width: 82px;
  border-top: 1px solid #fff;
  top: 12px;
  left: 13%;
}
.right-col1-text3 label:after {
  content: "";
  position: absolute;
  display: block;
  width: 82px;
  border-top: 1px solid #fff;
  top: 12px;
  left: 64%;
}

.qrcode-wrapper {
  margin: 20px 0;
}

.right-col1-wrapper {
  display: inline-block;
  margin: 0 10px;
  width: 180px;
}

.right-col1-android {
  display: inline-block;
  width: 192px;
  height: 192px;
  background-color: #fff;
  border-radius: 8px;
  padding: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.right-col1-android canvas {
  width: 100% !important;
  height: 100% !important;
}

.tx-android,
.tx-ios {
  color: #fff;
  display: block;
  font-size: 11pt;
  margin: 10px;
}

.btn-android {
  background-color: #fff;
  width: 180px;
  height: 55px;
  border-radius: 55px;
  left: 0;
  right: 0;
  margin: 20px auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.btn-ios {
  background-color: #fff;
  width: 180px;
  height: 55px;
  border-radius: 55px;
  left: 0;
  right: 0;
  margin: 20px auto;
  position: relative;
}

.btn-qr {
  width: 180px;
  height: 56px;
  left: 0;
  top: 0;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.right-col1-ios {
  display: inline-block;
  width: 192px;
  height: 192px;
  background-color: #fff;
  border-radius: 8px;
  padding: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.right-col1-ios canvas {
  width: 100% !important;
  height: 100% !important;
}

.left-col2 {
  float: left;
  width: 55%;
  height: 560px;
  position: absolute;
  top: 85px;
}

.left-col2-box {
  text-align: center;
  width: 160px;
  margin: 0 0 50px 100px;
  display: inline-block;
  vertical-align: top;
}

.left-col2 .left-col2-box:first-child .left-col2-icon {
  background: url(../img/mb_security.png) 0 0 no-repeat;
  width: 160px;
  height: 160px;
}
.left-col2 .left-col2-box:nth-child(2) .left-col2-icon {
  background: url(../img/mb_security.png) -165px 0 no-repeat;
  width: 160px;
  height: 160px;
}
.left-col2 .left-col2-box:nth-child(3) .left-col2-icon {
  background: url(../img/mb_security.png) 0 -160px no-repeat;
  width: 160px;
  height: 160px;
}
.left-col2 .left-col2-box:last-child .left-col2-icon {
  background: url(../img/mb_security.png) -165px -160px no-repeat;
  width: 160px;
  height: 160px;
}

.left-col2-text1 {
  font-size: 13pt;
  font-weight: 600;
  margin: 12px 0 5px 0;
}

.left-col2-text2 {
  font-size: 10pt;
  color: #646464;
}

.right-col2 {
  background: url(../img/mb_phone2.png) no-repeat;
  width: 558px;
  height: 580px;
  position: absolute;
  right: -200px;
  top: 85px;
}

.left_adv {
  height: 460px;
  width: 129px;
  position: fixed;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 9;
}
.left_adv a {
  display: block;
}
.left_adv img {
  width: 100%;
}
.left_adv.official .appqr-wrapper .appqrcode {
  background-color: #a644de;
}
.left_adv.official .text {
  color: #ffff00;
}
.left_adv.official .appdlurl {
  color: #000000;
}
.left_adv.non-official .appqr-wrapper .appqrcode {
  background-color: #a644de;
}
.left_adv.non-official .text {
  color: #ffff00;
}
.left_adv.non-official .appdlurl {
  color: #000000;
}

.appqr-wrapper {
  z-index: 99999;
  width: 120px;
  margin: auto;
}
.appqr-wrapper .appqrcode {
  width: 118px;
  background-color: #ffd265;
  border-radius: 10px;
  padding: 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.appqr-wrapper .appqrcode img {
  width: 98px;
  height: 98px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 6px;
}
.appqr-wrapper .text {
  color: #333333;
  text-align: center;
  font-size: 16px;
  line-height: 21px;
  font-style: italic;
  margin-top: 7px;
  font-weight: 600;
}

.appdlurl {
  text-align: center;
  font-size: 16px;
  font-style: italic;
  font-weight: 600;
  margin-top: 2px;
  letter-spacing: -0.5px;
}

.sidebar {
  position: fixed;
  top: 50%;
  right: 1rem;
  width: 50px;
  z-index: 50;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.sidebar .sidebar-item {
  display: block;
  font-size: 50px;
  border-radius: 50%;
  width: 1em;
  min-width: 1em;
  height: 1em;
  min-height: 1em;
  background-size: 100% auto;
  background-position-x: center;
  background-repeat: no-repeat;
  position: relative;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.sidebar .sidebar-item:not(:last-child) {
  margin-bottom: 5px;
}
.sidebar .sidebar-item:hover .sidebar-desc {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  opacity: 1;
  visibility: visible;
}
.sidebar .sidebar-item:hover .sidebar-desc.appqr-wrapper {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
}
@supports (filter: brightness(1.2)) {
  .sidebar .sidebar-item:hover:hover {
    -webkit-filter: brightness(1.2);
    filter: brightness(1.2);
  }
}
.sidebar .sidebar-item:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 65%;
  height: 65%;
  margin: auto;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.sidebar .sidebar-item.morse {
  background-image: url(../img/morse-icon.png);
}
.sidebar .sidebar-item.navigator {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c9fa13), to(#64d300));
  background-image: linear-gradient(to bottom, #c9fa13, #64d300);
}
.sidebar .sidebar-item.navigator:before {
  background-image: url("../img/icon-daohang.svg");
}
.sidebar .sidebar-item.app {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fa4a4f), to(#d30340));
  background-image: linear-gradient(to bottom, #fa4a4f, #d30340);
}
.sidebar .sidebar-item.app:before {
  background-image: url("../img/icon-app.svg");
}
.sidebar .sidebar-item.app .appqr-wrapper {
  width: 130px;
  height: 195px;
  padding: 10px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.sidebar .sidebar-item.app .appqr-wrapper .qr-code {
  margin: 0 0 4px;
}
.sidebar .sidebar-item.app .appqr-wrapper .text {
  color: #ffbf2f;
  text-align: center;
  font-size: 18px;
  line-height: 21px;
  font-weight: bold;
  font-style: italic;
}
.sidebar .sidebar-item.app .appqr-wrapper .appdlurl {
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-style: italic;
  font-weight: 600;
  letter-spacing: -0.5px;
}
.sidebar .sidebar-item.qq {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0090db), to(#0075b1));
  background-image: linear-gradient(to bottom, #0090db, #0075b1);
}
.sidebar .sidebar-item.qq:before {
  background-image: url("../img/qq.png");
}
.sidebar .sidebar-item.wechat {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#00bd24), to(#00991b));
  background-image: linear-gradient(to bottom, #00bd24, #00991b);
}
.sidebar .sidebar-item.wechat:before {
  background-image: url("../img/wechat.png");
}
.sidebar .sidebar-item.customer-service {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#8530f5), to(#6d24ce));
  background-image: linear-gradient(to bottom, #8530f5, #6d24ce);
}
.sidebar .sidebar-item.customer-service:before {
  background-image: url("../img/customer-service.png");
}
.sidebar .sidebar-item.customer-service-app {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ae511c), to(#843d15));
  background-image: linear-gradient(to bottom, #ae511c, #843d15);
}
.sidebar .sidebar-item.customer-service-app:before {
  background-image: url("../img/icon-kefuapp.svg");
}
.sidebar .sidebar-item.livechat-service {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fad000), to(#d35300));
  background-image: linear-gradient(to bottom, #fad000, #d35300);
}
.sidebar .sidebar-item.livechat-service:before {
  background-image: url("../img/icon-livechat.svg");
}
.sidebar .sidebar-item.macos-download {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fa1499), to(#d31181));
  background-image: linear-gradient(to bottom, #fa1499, #d31181);
}
.sidebar .sidebar-item.macos-download:before {
  background-image: url("../img/macos.png");
}
.sidebar .sidebar-item.windows-download {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#8530f5), to(#6d24ce));
  background-image: linear-gradient(to bottom, #8530f5, #6d24ce);
}
.sidebar .sidebar-item.windows-download:before {
  background-image: url("../img/windows.png");
}
.sidebar .sidebar-item.back-to-top {
  background: #0067ac;
  opacity: 0;
}
.sidebar .sidebar-item.back-to-top:before {
  background-image: url("../img/up-arrow.svg");
  background-size: 50% 50%;
}
.sidebar .sidebar-item .sidebar-desc {
  display: block;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  text-decoration: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-30%, -50%);
  -ms-transform: translate(-30%, -50%);
  transform: translate(-30%, -50%);
  right: 60px;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 6px;
  padding: 5px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0.8125rem;
  color: #fff;
  -webkit-transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.sidebar .sidebar-item .sidebar-desc:not(.appqr-wrapper) {
  white-space: nowrap;
}
@supports (-webkit-backdrop-filter: blur(10px)) {
  .sidebar .sidebar-item .sidebar-desc {
    -webkit-backdrop-filter: blur(10px);
  }
}
.sidebar .sidebar-item .sidebar-desc canvas {
  width: 200px;
  height: 200px;
}
.sidebar .sidebar-item .sidebar-desc:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -10px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid rgba(0, 0, 0, 0.7);
}
.sidebar .sidebar-item .sidebar-desc.appqr-wrapper {
  top: 0;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.sidebar .sidebar-item .sidebar-desc.appqr-wrapper:before {
  content: "";
  position: absolute;
  top: 10%;
  right: -10px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid rgba(0, 0, 0, 0.7);
}
.sidebar .sidebar-item .sidebar-desc.appqr-wrapper .appqrcode {
  width: 150px;
  background-color: #fff;
  border-radius: 4px 4px 0 0;
  padding: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.sidebar .sidebar-item .sidebar-desc.appqr-wrapper .appqrcode img {
  display: none;
  width: 130px;
  height: 130px;
}
.sidebar .sidebar-item .sidebar-desc.appqr-wrapper .appqrcode canvas {
  width: 130px !important;
  height: 130px !important;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.sidebar .sidebar-item .sidebar-desc.appqr-wrapper .appqrcode .text {
  color: #000;
  text-align: center;
  font-size: 16px;
  line-height: 19px;
  font-style: italic;
  margin-top: 7px;
}
.sidebar .sidebar-item .sidebar-desc.appqr-wrapper .appdlurl {
  text-align: center;
  font-size: 16px;
  font-style: italic;
  font-weight: 600;
  color: #fff;
  border-radius: 0 0 4px 4px;
  padding: 5px 3px;
}

.left-floater {
  position: fixed;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 90;
}
.left-floater .nav-wrapper {
  background-image: url(../img/left-floater-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  width: 140px;
  height: 90px;
}
.left-floater .appqr-wrapper {
  position: relative;
  background-image: url(../img/left-floater-bg.png);
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  width: 140px;
  height: 170px;
}
.left-floater .url-nav {
  position: absolute;
  top: 45px;
  left: 10px;
  background-color: #dd5050;
  height: 25px;
  width: 120px;
  border-radius: 25px;
  border: 2px solid #f3a84b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 700;
}
.left-floater .download-qr {
  position: absolute;
  top: 15px;
  left: 16px;
  width: 109px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
}
.left-floater .download-qr h3 {
  margin: 0;
  font-size: 16px;
}
.left-floater .download-qr .qr-code {
  margin-top: 8px;
}
.left-floater .download-qr .qr-code canvas {
  width: 100px !important;
  height: 100px !important;
}
.left-floater .download-qr .url-app {
  margin-top: 12px;
  color: white;
  width: 110px;
  word-wrap: break-word;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  -webkit-transition: opacity 500ms;
  transition: opacity 500ms;
  display: none;
  z-index: 999;
}
.overlay:target {
  display: block;
}

.popup {
  margin: 80px auto;
  padding: 20px;
  background: #000;
  width: 70%;
  height: calc(100% - 200px);
  position: relative;
  -webkit-transition: all 5s ease-in-out;
  transition: all 5s ease-in-out;
}
.popup .close {
  position: absolute;
  top: 12px;
  right: 12px;
  -webkit-transition: all 200ms;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  z-index: 1;
}
.popup .close:hover {
  color: #ce3333;
}
.popup .content {
  text-align: center;
}

.content .video-js {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}

.popup img {
  max-width: 100%;
}

.video-js .vjs-big-play-button {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  margin: auto;
}

/*Jssor Slider*/
/* jssor slider loading skin spin css */
.jssorb032 {
  position: absolute;
}
.jssorb032 .i {
  position: absolute;
  cursor: pointer;
}
.jssorb032 .i .b {
  fill: #fff558;
}
.jssorb032 .i:hover .b {
  fill: #f45b25;
  fill-opacity: 0.6;
}
.jssorb032 .iav .b {
  fill: #f45b25;
  fill-opacity: 1;
}
.jssorb032 .i.idn {
  opacity: 0.3;
}

.jssora051 {
  display: block;
  position: absolute;
  cursor: pointer;
}
.jssora051 .a {
  fill: none;
  stroke: #fff;
  stroke-width: 360;
  stroke-miterlimit: 10;
}
.jssora051:hover {
  opacity: 0.8;
}
.jssora051.jssora051dn {
  opacity: 0.5;
}
.jssora051.jssora051ds {
  opacity: 0.3;
  pointer-events: none;
}

.page-faq p,
.page-faq li {
  font-size: 14px;
  line-height: 20px;
}

.landing-advertise .ad-frame {
  background-color: transparent !important;
}
.landing-advertise .btn-close-bg {
  display: none;
}
.landing-advertise .btn-close {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*# sourceMappingURL=../maps/main.css.map */