/* reset default values */
*{
  margin:0px;
  padding:0px;
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

html {
  width:100%;
  height:100%;
}

body {
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  left:0;
}

#content, #videoSection {
  height: 100%;
  width: 100%;
  position: absolute;
}

#imaTimeContext {
  position: absolute;
  left: 5px;
  bottom: 5px;
  width: auto;
  height: auto;
  color: white;
  text-shadow: 0 0 1em black;
  font-family: sans-serif;
}

#imaContext {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color:black;
  display: none;
}

/* the video context fills the totallity of its parent surface */
#videoContext {
  position: relative;
  height: 100% !important;
  background-color: #000;
  width: 100% !important;
  margin: 0 auto;
  overflow:hidden;
  cursor: auto;
}

/* redefine width of videoContext when in fullscreen to get fullscreen video (browser-depending modificator) */
#videoContext:-ms-fullscreen {
  width: 100% !important;
}
#videoContext:fullscreen {
  width: 100% !important;
}
#videoContext:-webkit-full-screen {
  width: 100% !important;
}

.player-message-box.parental {
/*  height: 322px; */
/*  min-height: 120px; */
/*     min-height: 322px;  */
/*     width: 650px; */
    height: 396px;
    width: 650px;
}

.player-message-box {
  background-color: #303030;
  padding: 30px 35px;
  margin: 0px auto;
  margin-top: 20%;
  vertical-align:middle;
  position: relative;
  min-height: 120px;
  width: 388px;
  color: #cccccc;
  font-size: 14px;
  line-height: 16px;
  background-image: url('http://nowtvstatic.now.com/np/public/images/en/ui/msg-box-logo.png');
  background-position: center ;
  background-repeat: no-repeat;
}

.round-border {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

/*  the video surface fills the totallity of its parent surface */
#video {
  position: absolute;
  width: 100%;
  height: 100%;
}

#videoControls {
  position: absolute;
  bottom: 0px;
  width: 100%;
  background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.svg-icon {
  width: inherit;
  height: inherit;
  vertical-align: baseline;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.sqp-subtitle-element {
  font-size: 30px !important;
  background: none !important;
  text-shadow: 2px 2px 4px #000000;
}

.sqp-subtitle-rendering > div {
  left: 0px !important;
  bottom: 30px !important;
}

.sqp-buffering {
  position: absolute !important;
  background-color: transparent !important;
}

.wm2 {
  position: absolute;
  bottom: 89px;
  right: 74px;
}

#watermarkLogoBottomRightImage {
   width: 94px;
   height: 44px;
}

#wm_UHD {
  position: absolute;
  top: 25px;
  left: 25px;
  z-index: 1;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
/*
.noselect.ui-controls #wm_UHD {
  top: 70px;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
*/

.sqp-ui-main-bgcolor {
  background: #f89a1c !important;
}

.player-overlay1 {
  position: absolute;
  display: none;
  left: 0;
  top: 10%;
  right: 0;
  bottom: 10%;
  z-index: 2;
}

.player-overlay2 {
  position: absolute;
  display: none;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.white-control-overlay {
  position: absolute;
  pointer-events: auto !important;
  left: 0;
  top: 38.7%;
  right: 0;
  bottom: 44.2%;
}

.player-overlay, .target-video-overlay {
  position: absolute;
  border-width: 0px;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}

.target-video-overlay {
    display: none;
}

.target-video-table {
  position: absolute;
  left: 0;
  top: 80%;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 20%;
}

.target-video-td-left-button {
  text-align: left;
  vertical-align: top;
}

.target-video-spring {
  width: 100%;
}

.target-video-td-right-button {
  text-align: right;
  vertical-align: top;
}

.target-video-td-countdown {
  text-align: left;
  vertical-align: bottom;
  color: white;
  text-shadow: 1px 1px #808080;
}

.target-video-left-button, .target-video-right-button {
  background-color: rgba(0, 0, 0, 0.25);
  color: white;
  height: 40px;
  padding: 10px 20px 10px 20px;
}

.open-close-overlay {
    position: absolute;
    right: 32px;
    top: 20px;
}

.sqp-customer-overlay {
  position: absolute;
  left: 0px !important;
  top: 0px !important;
  right: 0px !important;
  bottom: 0px !important;
}

.white-btn, .red-btn {
  width: 24px;
    height: 19px;
  border: 0;
  background-color: rgba(0,0,0,0);
  cursor: pointer;
}
/*
.play-btn, .pause-btn {
  display: inline-block;
  position: absolute;
    width: 65px;
    height: 66px;
  left: 50%;
  top: 47.2%;
  transform: translate(-50%, -50%);
    background-color: rgba(0,0,0,0);
  border: 0;
    cursor: pointer;
}

.pause-btn {
  display: none;
}

.backward-btn {
  display: inline-block;
  position: absolute;
    width: 42px;
    height: 43px;
  left: 28.2%;
  top: 47.7%;
  transform: translate(-50%, -50%);
    background-color: rgba(0,0,0,0);
  border: 0;
    cursor: pointer;
}

.forward-btn {
  display: inline-block;
  position: absolute;
    width: 42px;
    height: 42px;
  right: 30.5%;
  top: 47.7%;
  transform: translate(50%, -50%);
    background-color: rgba(0,0,0,0);
  border: 0;
    cursor: pointer;
}

.start-over-btn {
  display: none;
  position: absolute;
    width: 33px;
    height: 33px;
  left: 28.4%;
  top: 47.2%;
  transform: translate(-50%, -50%);
    background-color: rgba(0,0,0,0);
  border: 0;
    cursor: pointer;
}

.go-live-btn {
  display: none;
  position: absolute;
    width: 33px;
    height: 33px;
  right: 30.36%;
  top: 47.2%;
  transform: translate(50%, -50%);
    background-color: rgba(0,0,0,0);
  border: 0;
    cursor: pointer;
}

.white-btn-img, .red-btn-img, .play-btn-img, .pause-btn-img, .backward-btn-img, .forward-btn-img, .start-over-btn-img, .go-live-btn-img, .prev-btn-img, .next-btn-img {
  position: relative;
    width: inherit;
    height: inherit
}

#start-over-txt {
  display: none;
  position: absolute;
  white-space: nowrap;
  top: calc(47.2% + 33px);
  left: 28.4%;
  transform: translateX(-50%);
  color: #FFFFFF;
  font-family: 'Barlow Medium';
  font-size: 16px;
  font-weight: 500;
}

#go-live-txt {
  display: none;
  position: absolute;
  white-space: nowrap;
  top: calc(47.2% + 33px);
  right: 30.36%;
  transform: translateX(50%);
  color: #FFFFFF;
  font-family: 'Barlow Medium';
  font-size: 16px;
  font-weight: 500;
}
*/
button {
  outline:0;
}

.watermark {
  color: white;
  text-shadow:
      0 0 1px #000, 0 0 1px #000,
      0 0 1px #000, 0 0 1px #000,
      0 0 1px #000, 0 0 1px #000;
}

.sqp-all-controls {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
}

.watch_party_overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  right:0;
  display: flex;
  flex-flow: column nowrap;
  background-color: black;
}

.rotate_image {
  -webkit-transform:rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.watch_party_invite .tooltiptext {
  display:none;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: fixed;
  z-index: 1;
  position:absolute;
  right:0;
  opacity: 1;
  transition: opacity 0.3s;
}

/* ================= MODAL WINDOW ==================*/
/*.npx-modal .modal-dialog { width:70%}*/
.npx-modal .modal-content { background:#1f1f1f; ; padding:30px}
.npx-modal .close { color:#909090; text-shadow:none; font-weight:normal; font-size:21px; filter: alpha(opacity=100);
opacity: 1;}
.npx-modal .back { float: left;font-style: 14px; display: none; margin-top: -8px;}
.npx-modal .back a { color: #fff; background: url(../img/icon/arrow-l-white.svg) no-repeat left; padding-left: 20px }
.npx-modal .modal-header { padding:0 0 10px 0; border-bottom: 1px solid #6a6a6a;}
.npx-modal .modal-header h3 { margin:0; padding:0; float:left; color:#fff; line-height:10px}
.npx-modal .modal-body { color:#919191; padding:20px 15px;}
.npx-modal .modal-footer { text-align:center/*; padding:35px 0 0 0*/; padding:0; border:none}
.npx-modal .btn-npx-style { background:none; border:1px #fff solid; font-size:16px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; background:#ef9727; border:1px #ef9727 solid}
.npx-modal .btn-npx-style:hover { background:#ef9727; color:#1f1f1f}
.npx-modal .modal-body .left-image { width:30%; max-width:30%; margin-right:5%}
.npx-modal .modal-body .left-image img { width:100%}
.npx-modal .modal-body .right-text { width:65%}
.npx-modal .modal-body .des-detail { position:relative}
.npx-modal .modal-body .des-detail h2 { margin:0; font-size:22px; color:#FFF; line-height:26px; padding-right: 60px;}
.npx-modal .modal-body .des-detail .left-image > h2 { padding-right:0}
.npx-modal .modal-body .des-detail .price { position:absolute; right:0; color:#f48e1f; font-size:26px}
.npx-modal .modal-body .des-detail .vod-cert { margin-top:30px; margin-bottom:30px}
.npx-modal .modal-body .des-detail .vod-cert > img { width:30px}
.npx-modal .modal-body .des-detail .right-text p.watch-until-m { margin-top:15px}
.npx-modal .modal-body .des-detail .right-text p { margin:0; font-size:16px; color:#919191}

.npx-modal .modal-body .other-des, .other-des { margin-top:40px}
.npx-modal .modal-body .other-des .title { font-size:15px; color:#fff}
.npx-modal .modal-body .other-des .text-f-m { margin-top:10px; margin-bottom:20px; padding-bottom:10px; border-bottom:1px #6a6a6a solid}
.npx-modal .modal-body .other-des .text-f-m input { border:none; background:none; font-size:15px; color:#919191}
.npx-modal .modal-body .other-des p.remark, p.remark { font-size:13px; color:#919191}
.npx-modal .modal-body .other-des p.remark a, p.remark a { color:#919191; text-decoration:underline}
.npx-modal .modal-body .des-detail .top-des { margin-top:10px; margin-bottom:30px}
.npx-modal .modal-body .des-detail p { color:#FFF; font-size:16px; margin-bottom:10px}
.npx-modal .dollar-balance { font-size:15px; position:relative; padding:20px}
.npx-modal .dollar-balance .price { position:absolute; right:15px; color:#f48e1f; font-size:26px}
.npx-modal .dollar-balance .now-balance { color:#fff; margin-top: 5px; margin-right:100px}
.npx-modal .dollar-balance.after-nd { padding: 0; margin-top: 30px; border-top: 1px solid #6a6a6a; padding-top: 10px  }
.npx-modal .dollar-balance.after-nd .price { right: 0 }
.npx-modal .dollar-balance .ex-date-m { color:#919191}
.npx-modal .dollar-balance.after-topup .ex-date-m { width:100%; margin-top:10px}
.npx-modal .dollar-balance.after-topup { border:none; color:#919191; border-top:1px #6a6a6a solid;}
.npx-modal .exp-date { background:#151515; width:100%; font-size:16px; text-align:center; color:#919191; padding-top:10px; padding-bottom:10px; margin-bottom:20px}
.npx-modal .top-up-dollars { padding-bottom:10px; border-bottom:1px #6a6a6a solid}
.npx-modal .top-up-dollars h2 { margin:0; font-size:18px; color:#FFF; padding-left:20px;}
.npx-modal .dollar-balance.after-topup .enter-pass-m { margin-top:20px}
.npx-modal .dollar-balance.after-topup .enter-pass-m input { background:#3e3c3b; color:#919191; margin-right:20px; border:none; height:40px; font-size:16px}
.npx-modal .table-list { margin-bottom:30px; font-size:15px}
.npx-modal .table-list .top-header { background:#0b0d0c; color:#FFF}
.npx-modal .table-list .list-detail { background:#151515; color:#a1a1a0}
.npx-modal .table-list .top-header th, .npx-modal .table-list .list-detail td { border: none; padding: 10px; line-height: 20px;}
.npx-modal .modal-body .other-time .left-image {width: 25%;margin-right: 5%}
.npx-modal .modal-body .other-time .left-image img { margin-bottom:10px}
.npx-modal .modal-body .other-time ul { padding:0; margin:0; list-style:none; color:#929291;}
.npx-modal .modal-body .other-time ul li { border-bottom:1px #545961 solid; padding-bottom:15px; position:relative; padding-top:15px; padding-left:10px; width:100%; float:left}
.npx-modal .modal-body .other-time ul li:nth-child(1) { padding-top:0}
.npx-modal .modal-body .other-time ul li:last-child { border:none}
.npx-modal .modal-body .other-time ul li a { display:block; color:#929291}
.npx-modal .modal-body .other-time ul li a:hover { text-decoration:none}
.npx-modal .modal-body .other-time ul li h3 { font-size:16px; color:#FFF; padding:0; margin:0; margin-bottom:5px; width:75%; line-height:24px}
.npx-modal .modal-body .other-time ul li .scheduled-style { position:absolute; right:10px; color:#f38e24; font-size:14px; top:50%; transform: translateY(-50%);}
.npx-modal .modal-body .other-time ul li .channel { font-size:14px;}
.npx-modal .modal-body .other-time ul li .timeday { font-size:13px; margin-top:15px; }
.npx-modal .top-up-now-dollar ul {padding: 0; margin: 0 }
.npx-modal .top-up-now-dollar ul li{ list-style: none; padding: 0; margin: 0; float: left}
.npx-modal .top-up-now-dollar { border-bottom: 1px solid #6a6a6a; margin-bottom: 5px; padding-bottom: 5px}
.npx-modal .top-up-now-dollar ul li:nth-child(1) { width: 50% }
.npx-modal .top-up-now-dollar ul li:nth-child(2) { width: 30% }
.npx-modal .top-up-now-dollar ul li:nth-child(3) { width: 20% }
.npx-modal .top-up-now-dollar.n-dollars-1 {border: none; margin-bottom: 0px; padding-bottom: 0px}
.npx-modal .top-up-now-dollar.n-dollars-1 ul li { padding: 5px 0 }
.npx-modal .top-up-now-dollar.n-dollars-1 ul li:nth-child(1) { color: #f48e1f }
.npx-modal .top-up-now-dollar.n-dollars-1 ul li:nth-child(2) { color: #fff }
.npx-modal .top-up-now-dollar.n-dollars-1 ul li:nth-child(3) { color: #f48e1f }
.npx-modal .modal-body p.thanks-text { font-size:26px}
.npx-modal .top-up-dollars h2.title-h, .title-h { font-size:24px}

.other-time-con { display: none }
.other-time-con .other-time-t {font-size: 16px;color: #fff;font-weight: bold;margin-bottom: 10px;}
.other-time-con .time-desc { margin-bottom: 20px }
.other-time-con .time-desc:last-child() { margin-bottom: 0 }
.other-time-con .time-desc .date { color: #fff; font-size: 14px; border-bottom: 1px #6a6a6a solid; margin-bottom: 10px; padding-bottom: 5px }
.other-time-con .time-desc ul { margin: 0; padding: 0}
.other-time-con .time-desc ul li { margin: 0; padding: 0; list-style: none; float: left; width: 100%; margin-bottom: 10px}
.other-time-con .time-desc ul li .time-t { float: left; font-size: 14px; color: #fff;  width: 75px }
.other-time-con .time-desc ul li .channel-l { float: left; width: 40px}
.other-time-con .time-desc ul li .channel-l img { width: 100% }
.other-time-con .time-desc ul li .syn-name { float: left; font-size: 14px; color: #909090; width: 180px; margin-left: 15px}

.left { float:left}
.right { float:right}
#parentalModal .check-mao { float: left; display: flex; margin-bottom: 10px; width: 100% }
.check-mao p { margin-left: 10px; margin-top: 5px }
.check-mao .edit-checkbox {width:30px}
.round {position: relative;}
.right-content-m .content-list ul li.edit-mm .round label, .check-mao .round label{background:none ;border: 1px solid #545961;border-radius: 50%;cursor: pointer;height: 28px;left: 0;position: absolute;top: 0;width: 28px;}
.right-content-m .content-list ul li.edit-mm .round label:after , .check-mao .round label:after {border: 2px solid #fff;border-top: none;border-right: none;content: "";height: 6px;left: 7px;opacity: 0;position: absolute;top: 8px;transform: rotate(-45deg);width: 12px;}
.right-content-m .content-list ul li.edit-mm .round input[type="checkbox"], .check-mao .round input[type="checkbox"] {visibility: hidden;}
.right-content-m .content-list ul li.edit-mm .round input[type="checkbox"]:checked + label, .check-mao .round input[type="checkbox"]:checked + label {background-color: #f38e24;border-color: #f38e24;}
.right-content-m .content-list ul li.edit-mm .round input[type="checkbox"]:checked + label:after, .check-mao .round input[type="checkbox"]:checked + label:after {opacity: 1;}

.right-content-m .noncon-text { display:none}
.right-content-m.non-content .top-nav-watchlist .right-text-m { display:none}
.right-content-m.non-content .noncon-text { display:block; margin-top: 50px; margin-bottom:100px; position: relative}
.right-content-m.non-content .noncon-text .sub_title { width:70%; text-align:center; margin:0 auto}
.right-content-m.non-content .content-list { display:none}

.modal-body.parental-con .other-des { margin-top: 0 }
.parental-con .title { font-size: 16px }

/* ================= MODAL WINDOW ==================*/

iframe.pop-if { width:100%; border:none; margin-top:0px; margin-bottom:30px; height:100vh}

/* Model app download */
/*.app-download {
    width: 195px;
    float: left;
}
.app-download .app-left {
    float: left;
}
.app-download .app-rt, .app-download .app-rb {
  float: right;
}
.app-download .app-rt {
    margin-bottom: 6px;
}
.app-download .app-download-txt {
  color: #FFF;
  padding-top: 10px;
  font-size: 13px;
}
.app-download .app-left img { width:76px; height: 76px; border:1px #828280 solid; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.app-download .app-rt {margin-bottom: 12px;}
.app-download .app-rt img, .app-download .app-rb img {width: 104px; height:31px}*/



.appdllayer .footer-more { width: 100% }
.appdllayer .app-download {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column; align-items: center; width: 100%!important
 }
.appdllayer .app-download .app-left { width: 175px }
.appdllayer .app-download .app-left img { width: 100% }

.dlapp-icon {display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row; margin-top: 20px; justify-content: space-around;}
.appdllayer .app-download .app-rt { width: 120px!important; margin-right: 10px}
.appdllayer .app-download .app-rt img { width: 100% }
.appdllayer .app-download .app-rb { width: 120px!important; margin-left: 10px }
.appdllayer .app-download .app-rb img { width: 100% }
.appdllayer .app-download .app-huawei { width: 120px!important; margin-left: 10px }
.appdllayer .app-download .app-huawei img { width: 100% }
.app-download-txt { text-align: center;; margin-top: 30px }





.modal.in .modal-dialog { height: 100vh }

.npx-modal .close img { width: 30px;height: 30px;
}


/*Watch Party Prompt Message*/
.wrapper {
  display: none;
  width: 600px;
  max-width: 600px;
  margin:0 auto;
  background: #222222;
  color: #fff;
  font-family: Roboto,sans-serif;
  border-radius: 14px;
  line-height: 1;
  z-index: 1;
}

.wrapper .container {
  padding: 50px 40px;
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  max-width: 600px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #222222;
  border-radius: 14px;
}

.wrapper .container .header .top-icon {
  width: 60px;
  height: 60px;
}
.wrapper .container .content {
  margin: 30px 0;
}
.wrapper .container .content h2 {
  font-size: 26px;
  color: #F38E26;
  text-align: center;
  margin-bottom: 15px
}
.wrapper .container .content p {
  margin-bottom: 15px;
}
.wrapper .container .content p:last-child {
  margin-bottom: 0
}
.wrapper .container .content p.h1 {
  font-size: 22px;
  text-align: center;
  line-height: 28px
}
.wrapper .content p.h2 {
  font-size: 16px;
  text-align: center ;
}
.wrapper .footer {
  width: 100%
}
.wrapper .footer .btn-area {
  width: 100%;
  display: flex;
  justify-content: center;
}
.wrapper .footer .btn-area .common-btn:first-child {
  margin-right: 10px
}
.wrapper .footer .btn-area .common-btn:last-child {
  margin-left: 10px
}
.wrapper .footer .function-area {
  margin:30px 0 0 0;
  position: relative;
  text-align: center;
}


/* button style */
.common-btn {
  border:1px #fff solid;
  min-width: 175px;
  height: 34px;
  font-size: 18px;
  background: none;
  color: #fff;
  border-radius: 8px;
  padding:8px auto;
  font-size: 14px;
  cursor: pointer;
}
.common-btn:hover {
  opacity: .85
}
.function-area .faq-m {
  margin-top: 30px;
  display: none
}
.function-area .faq-m a {
  color: #bdbdbd;
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
}
.function-area .faq-m a img {
  margin-right: 10px;
  width: 20px;
  height: 20px;
}
.function-area .faq-m a:hover {
  color: #fff
}
.function-area .faq-m a:hover img {
  background-image: url('../img/faq-i-white.svg');
}


/* radio button*/
.function-area .check-mao {
    float: inherit;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  height: 26px;
}
.function-area .check-mao .edit-checkbox {
    width: 22px;
    height: 22px
}
.function-area .check-mao p.text {
  margin-left: 34px;
  color: #bdbdbd;
  font-size: 14px
}
.function-area .check-mao .round input[type="checkbox"] {
    visibility: visible;
    width: 22px;
    height: 22px;
    position: absolute;
    top: -4px;
    left: 0px;
    opacity: 0;
    z-index: 9999;
}
.function-area .check-mao .round label {
    background: 0;
    border: 1px solid #bdbdbd;
    border-radius: 50%;
    cursor: pointer;
    height: 22px;
    position: absolute;
    width: 22px;
}
.function-area .check-mao .round label:after {
    border: 2px solid #fff;
    border-top: 0;
    border-right: 0;
    content: "";
    height: 4px;
    opacity: 0;
    position: absolute;
    transform: rotate(-45deg);
    width: 10px;
    top: 7px;
    left: 5px;
}
.function-area .check-mao .round input[type="checkbox"]:checked + label::after {
    opacity: 1;
}
.function-area .check-mao .round input[type="checkbox"]:checked + label {
    background-color: #f38e24;
    border-color: #f38e24;
}


/* control live */
.sqp-progressbar-background-not-seekable-left {
  background-color: #f38e24!important;
}
/*
.sqp-progressbar-background {
  position: relative;
  height: 4px;
  top: 6px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 1px;
  flex: auto;
  left: -20px;
}
.sqp-chapters {
  position: absolute;
 width: 100%;
 height: 100%;
}*/
/*
.sqp-chapter-live-button {
  background-color: #CCCCCC;
  color: #000000;
  position: absolute;
  position: relative;
  border-radius: 1px;
  margin-top: -7px;
  margin-left: -10px;
  font-size: 13px;
  padding-right: 4px;
  padding-left: 3px;
  z-index: 7;
  left: 100%;
  float: right;
  margin-right: -6px;
  width: -webkit-max-content;
  width: max-content;
}
*/

/* update by 20210510 */
.sqp-video-controls {
  padding: 0 25px 20px 25px;
}
.sqp-progressbar {
  margin:0!important; 
}
.sqp-button {
  width: 40px!important;
  height: 40px!important;
}
.sqp-button .icon {
  width: 40px!important;
  height: 40px!important;
  padding: 0!important;
}
.sqp-play-btn.sqp-button,
.sqp-volume-btn.sqp-button,
.sqp-pause-btn.sqp-button {
  margin-right: 30px!important;
}
.sqp-volume-btn.sqp-button {
  padding-right: 30px!important;
  margin-right: 0 !important;
}
.sqp-controls-box {
  display: flex!important;
  align-items: center!important;
}
.sqp-player-controls-times-zone {
  display: flex!important;
  position: relative!important;
}
.sqp-controls-toolbar {
  width: inherit!important;
  padding: 10px 0 0 0!important;
  display: flex!important;
  justify-content: space-between!important;
}
.sqp-overlay-noautohide.sqp-right.sqp-controls-box {
  flex-direction: row-reverse!important;
  position: relative!important;
}
.sqp-fullscreen-btn.sqp-button,
.sqp-options-btn.sqp-button,
.sqp-minimize-btn.sqp-button {
  margin-left: 30px!important;
}

#livechatBtn {
  /* width: 100% !important; */
  cursor: pointer;
}
#livechatBtn img {
    height: 45px !important;
    /* width: 100% !important; */
    margin: 2px 5px;
}

.wrapper .container .content h2 {
  font-weight: normal!important;
}
.wrapper .container .content p.h1 {
  font-weight: normal!important;
}
.wrapper .content p.h2 {
  color: #BDBDBD!important;
  font-weight: normal!important;
}
.common-btn {
  font-size: 18px!important;
}
.function-area .check-mao p.text {
  margin:0!important;
  margin-left: 10px!important;
}
.top-bar {
  padding:15px 25px 0 25px!important;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%)!important;
  display: flex;
  align-items: center;
  width: 100%;
}
.top-bar #programlogo {
  margin-left: 20px!important;
  margin-right: 20px!important;
  max-height: 50px!important;
}
.top-bar .titleh2 {
  font-size: 24px!important;
  color: #fff!important;
  font-weight: normal!important;
  margin-left: 10px;
}
.party-new-tag {
  background: #F38E26;
  border-radius: 2px;
  position: absolute;
  padding: 2px 6px 3px 6px;
  top: -4px;
  left: -25px;
  color: #fff;
  font-weight: normal;
  line-height: 12px;
  font-size: 12px;
  text-transform: uppercase;
}

.popupmask {
  background: rgba(0, 0, 0, 0.8)!important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.wrapper .container .content {
  margin: 22px 0 45px 0!important;
}
.wrapper .footer .function-area {
  margin:44px 0 0 0;;
}
.sqp-optmenu {
  bottom: 70px!important;
  z-index: 999!important;
}
.sqp-video-overlay {
  font-weight: normal!important;
}
.top-bar .arrow-back {
  background-color: Transparent!important;
  background-repeat:no-repeat!important;
  border: none!important;
  z-index: 1;
}
.top-bar .arrow-back img {
  width: 30px!important;
  height: 30px!important;
}
.sqp-volume-bar {
  margin-left: 0px!important;
  display: flex!important;
  /*align-items: center!important;*/
  padding-left: 15px!important;
}
.sqp-volume-bar-bg {
  top:50!important;
}
.sqp-player-controls-text {
  margin-left: 20px!important
}
#watch_party_hide_button,
#watch_party_show_button {
  width: auto !important;
  height: 40px !important;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
#watch_party_hide_button img,
#watch_party_show_button img {
  width: 30px!important;
  height: 30px!important;
}
.topbar-close {
  width: 100%;
  margin-right: 15px;
  height: 65px;
  padding: 20px 20px 15px 0;
}
.watch_party_close_button {
  /*right: 0;
  position: absolute;
  height: 30px;
  width: 30px;
  top: 20px;*/
  cursor: pointer;
}
.watch_party_close_button img {
  height: 30px!important;
  width: 30px!important;
}
.watch_party_hide_button .label-text,
.watch_party_show_button .label-text {
  color: #fff;
  font-size: 16px;
  text-align: center;
  width: 100%;
  display: flex;
  align-items: center;
  margin-right: 15px;
}

/* four party */
.watch_party_video {
  /*height: 25%!important;
  width: 100%!important;*/
}
.watch_party_host_container {
  position: relative;
  display: flex;
}
.watch_party_host::before {
  z-index: 1;
  content: attr(data-before);
  border-radius: 35px;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  bottom: 8%;
  font-size: calc(5px + 1vw);
  color: #fff;
  padding:.5% 4.8% .8% 4.8%;
  left: 5%;
}
.inviteparty-con {
  background: rgba(196, 196, 196, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.inviteparty-con #watch_party_invite {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
  text-align: inherit;
  cursor: pointer;
}
.watchPartyInviteImage {
  margin-bottom: 10px;
  margin-top: 0!important;
}

/* Right Party slide bottom btn*/
.watch_party_control_bar {
  justify-content: center;
  display: flex;
  flex-direction: row-reverse;
  margin:15px 25px 20px 25px !important;
}
.watch_party_audio_on_button,
.watch_party_audio_off_button,
.watch_party_video_on_button,
.watch_party_video_off_button {
  width: 40px!important;
  height: auto !important;
  margin-left: 0px!important;
  cursor: pointer !important;
}
.watch_party_video_on_button,
.watch_party_video_off_button {
  margin-right: 30px!important;
}
.watch_party_audio_on_button img,
.watch_party_audio_off_button img,
.watch_party_video_on_button img,
.watch_party_video_off_button img {
  width: 40px!important;
  height: 40px!important;
}
.watch_party_video_audio {
  display: flex;
  height: 83px;
  align-items: center;
  flex-direction: row-reverse;
}
.watch_party_overlay {
  /*display: flex!important;
  flex-direction: column!important;
  justify-content: space-between!important;*/
  /*width: 350px;*/
  justify-content: space-between!important;
}
.sqp-volume-bar-bg {
  height: 8px;
  top: 50%;
  transform: translate(0 ,-50%);
}
.sqp-volume-bar-level-endpoint {
  top: -6px;
}
#watch_party_volume {
  padding-right: 30px;
  display: flex; 
  flex-flow: column nowrap;
}
.sqp-volume-bar-level {
  background-color: #f89a1c!important;
  border-radius: 15px!important;
  top:0!important;
}
.sqp-volume-bar-bg {
  top: 50%!important;
  height: 8px!important;
  border-radius: 15px!important;
  margin-left: 8px!important;
}
.sqp-volume-bar {
  height: 40px!important;
  overflow: hidden!important;
}
.sqp-volume-bar-level-endpoint {
  top: 50%!important;
  transform: translate(0,-50%)!important;
  width: 20px!important;
  height: 20px!important;
  border-radius: 15px!important;
}
#watch_party_volume {
  justify-content: center!important;
  align-items: center!important;
  height: 83px!important;
}
#watch_party_volume .watch_party_group_volume_on_button,
#watch_party_volume .watch_party_group_volume_off_button {
  float: inherit!important;
  margin-left: 0px!important;
  width: 60px!important;
  height: 38px!important;
  margin-bottom: 13px!important;
}
#watch_party_volume .watch_party_group_volume_on_button .watchPartyImage,
#watch_party_volume .watch_party_group_volume_off_button .watchPartyImage {
  width: 100%!important;
  height: 100%!important;
}
#watch_party_volume .watch_party_group_volume_bar {
  overflow: initial!important;
  position: relative;
  display: flex;
}
#watch_party_volume .watch_party_group_volume_bar .sqp-volume-bar-level {
  top:50%!important;
  transform: translate(0,-50%)!important;
}
#watch_party_volume .sqp-volume-bar-bg {
  margin-left: 0px !important;
  top: 50%!important;
  transform: translate(0,-50%)!important;
}
#watch_party_video_audio .watch_party_video_on_button .watchPartyImage,
#watch_party_video_audio .watch_party_video_off_button .watchPartyImage,
#watch_party_video_audio .watch_party_audio_on_button .watchPartyImage,
#watch_party_video_audio .watch_party_audio_off_button .watchPartyImage {
  margin-bottom:4px;
}
#watch_party_video_audio .watch_party_video_off_button .watchPartyImage,
#watch_party_video_audio .watch_party_audio_off_button .watchPartyImage {
  /*opacity: 0.45;*/
}
#watch_party_video_audio .watch_party_video_on_button .label-text,
#watch_party_video_audio .watch_party_video_off_button .label-text,
#watch_party_video_audio .watch_party_audio_on_button .label-text,
#watch_party_video_audio .watch_party_audio_off_button .label-text {
  color: #fff;
  font-size: 20px;
  text-align: center;
}

.watch_party_invite {

}
.watch_party_invite img {
  width: 40px!important;
  height: 40px!important; 
}
.invite_text {
  font-size: 20px!important;
}
/*#videoSection  {
  width: 75%!important;
}
.watch_party_overlay {
  width: 25%!important;
}*/

.watch_party_all_videos {
  /*height: 100%;*/
  justify-content: center!important;
  align-items: center;
}
.watch_party_close_button {
  height: auto!important
}
.watch_party_all_videos video {
  transform: rotateY(180deg);
  -webkit-transform:rotateY(180deg); /* Safari and Chrome */
  -moz-transform:rotateY(180deg); /* Firefox */
}
.watch_party_invite .tooltiptext {
  border-radius: 0!important;
  padding: 0!important;
  right: inherit!important;
  transform: translate(-50%, 0)!important;
  left: 50%!important;
  align-items: center!important;
  justify-content: center!important;
  font-size: 16px !important;
}
.watch_party_group_member .watchPartyMemberIcon {
  margin:0 !important;
}
.watch_party_group_member .group_member_name {
  display: none !important;
}

/* Watch Party Play End*/
.watch-party-end-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  text-align: center;
  background-color: black;
}

.watch_party_end_image {
  filter: blur(30px);
  -webkit-filter: blur(30px);
  opacity: 25%;
  width: 100%;
}

.watch_party_end_text {
  color: white;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0px 50px;
  font-size: 16px;
}

/* Panda Button */
/* #pandaBtn img {
  width: 40px !important;
  height: 40px !important;
  padding: 0px !important;
}

.more-panda-btn {
  display: flex; 
  flex-direction: row;
  align-items: center;
  cursor: pointer;
}

.text-more-panda-btn  {
  text-align: right;
  margin-right: 8px;
  color: #FFF;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
} */

.panda-btn-group {
  display: flex;
  flex-direction: row-reverse;
  padding: 8px 0;
}

.more-panda-btn {
  border-radius:40px;
  border:1px solid rgba(255, 255, 255, 0.40);
  background:rgba(0, 0, 0, 0.5);
  padding:2px 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: 8px;
  margin-right: 8px;
  cursor: pointer;
  min-height: 24px;
  -webkit-transition:all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition:all 0.3s ease;
  display: flex;
  flex-direction: row;
}
.more-panda-btn:hover {
  border: 1px solid rgba(255, 255, 255, 0.80);
}
.more-panda-btn #pandaBtn,
.more-panda-btn #pandaBtn img {
  width: 20px !important;
  height: 20px !important;
}
.more-panda-btn .text-more-panda-btn {
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #fff;
  margin-left: 8px;
  text-wrap: nowrap;
}

.more-cams-btn {
  border-radius: 40px;
  border: 1px solid rgba(255, 255, 255, 0.40);
  background: rgba(0, 0, 0, 0.5);
  padding: 2px 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-left: 8px;
  margin-right: 8px;
  min-height: 24px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.more-cams-btn:hover {
  border: 1px solid rgba(255, 255, 255, 0.80);
}
.more-cams-btn #moreCamsBtn,
.more-cams-btn #moreCamsBtn img {
  width: 20px !important;
  height: 20px !important;
}
.more-cams-btn .text-more-panda-btn {
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #fff;
  margin-left: 8px;
  text-wrap: nowrap;
}


/* Panda Multi View */
.panda_main_player {
  display: flex;
  flex-direction: row;
  height: 100%;
}
.main_player {
  width:calc(100% - 360px);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}


.panda_cam_container {
  width: 360px;
  min-height: 360px;
  background: rgb(33, 33, 33);
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  bottom: 0;
  right:0;
}
.panda_cam_container .panda_cam_header {
  display: flex;
  flex-direction: row;
  padding: 12px 16px;
  justify-content: space-between;
  align-items: center;
  background: rgb(33, 33, 33);
  height: 70px;
  z-index: 999;
}
.panda_cam_container .panda_cam_header .panda_cam_title {
  display: flex;
  flex-direction: column;
}
.panda_cam_container .panda_cam_header .panda_cam_title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.panda_cam_container .panda_cam_header .panda_cam_title .morecam_icon {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.panda_cam_container .panda_cam_header .panda_cam_title .panda_cam_t01 {
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  color: #F1EEF4;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 5px;
}
.panda_cam_container .panda_cam_header .panda_cam_title .panda_cam_t02 {
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  color: #9E9E9E;
}
.panda_cam_container .panda_cam_header .panda_cam_close {
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  width: 24px;
  height: 24px;
  display: block;
  position: relative;
  cursor: pointer;
}
.panda_cam_container .panda_cam_header .panda_cam_close a {
  width: 24px;
  height: 24px;
}
.panda_cam_container .panda_cam_header .panda_cam_close:hover {
  color: #9E9E9E;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

.mainallcam {
  width: 100%;
  height: 100%;
  background: #212121;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.all_panda_cam {
  position: absolute;
  top: 50%;
  left: 0%;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.maincam {
  position: absolute;
  z-index: 9999;
}
.maincam .allcame_icon {
  cursor: pointer;
}
.maincam .yycame_link {
  cursor: pointer;
}
.yycam {
  top: -114px;
  left: 40px;
}
.elcam {
  top: -156px;
  left: 144px;
}
.lelecam {
  top: -132px;
  left: 262px;
}
.anancam {
  top: -24px;
  left: 232px
}
.kekecam {
  top: 2px;
  left: 108px;
}
.ch200cam {
  top: 58px;
  left: 38px;
}

.yycam.active {
  top: -119px;
  left: 30px;
}
.elcam.active {
  top: -161px;
  left: 139px;
}
.lelecam.active {
  top: -135px;
  left: 266px;
}
.anancam.active {
  top: -14px;
  left: 232px
}
.kekecam.active {
  top: 9px;
  left: 99px;
}
.ch200cam.active {
  top: 58px;
  left: 38px;
}


.zh_c .yycam {
  top: -124px;
  left: 42px;
}
.zh_c .elcam {
  top: -161px;
  left: 141px;
}
.zh_c .lelecam {
  top: -143px;
  left: 260px;
}
.zh_c .anancam {
  top: -24px;
  left: 230px;
}
.zh_c .kekecam {
  top: -1px;
  left: 107px;
}
.zh_c .ch200cam {
  top: 55px;
  left: 48px;
}

.zh_c .yycam.active {
  top: -130px;
  left: 31px;
}
.zh_c .elcam.active {
  top: -173px;
  left: 138px;
}
.zh_c .lelecam.active {
  top: -149px;
  left: 266px;
}
.zh_c .anancam.active {
  top: -15px;
  left: 236px;
}
.zh_c .kekecam.active {
  top: 9px;
  left: 99px;
}
.zh_c .ch200cam.active {
  top: 61px;
  left: 48px;
}



.maincam.yycam .maincamimg {
  display: flex;
}
.maincam.yycam .maincamimg_highlight {
  display: none;
}
.maincam.yycam .maincamimg_active {
  display: none;
}
.maincam.yycam .allcame_icon img {
  width: 128px;
  height: 104px;
}
.zh_c .maincam.yycam .allcame_icon img {
  width: 128px;
  height: 116px;
}

.maincam.elcam .maincamimg {
  display: flex;
}
.maincam.elcam .maincamimg_highlight {
  display: none;
}
.maincam.elcam .maincamimg_active {
  display: none;
}
.maincam.elcam .allcame_icon img {
  width: 138px;
  height: 129px;
}
.zh_c .maincam.elcam .allcame_icon img {
  width: 138px;
  height: 142px;
}

.maincam.lelecam .maincamimg {
  display: flex;
}
.maincam.lelecam .maincamimg_highlight {
  display: none;
}
.maincam.lelecam .maincamimg_active {
  display: none;
}
.maincam.lelecam .allcame_icon img {
  width: 110px;
  height: 108px;
}
.zh_c .maincam.lelecam .allcame_icon img {
  width: 110px;
  height: 121px;
}

.maincam.anancam .maincamimg {
  display: flex;
}
.maincam.anancam .maincamimg_highlight {
  display: none;
}
.maincam.anancam .maincamimg_active {
  display: none;
}
.maincam.anancam .allcame_icon img {
  width: 130px;
  height: 108px;
}
.zh_c .maincam.anancam .allcame_icon img {
  width: 130px;
  height: 128px;
}

.maincam.kekecam .maincamimg {
  display: flex;
}
.maincam.kekecam .maincamimg_highlight {
  display: none;
}
.maincam.kekecam .maincamimg_active {
  display: none;
}
.maincam.kekecam .allcame_icon img {
  width: 149px;
  height: 96px;
}
.zh_c .maincam.kekecam .allcame_icon img {
  width: 148px;
  height: 114px;
}

.maincam.ch200cam .maincamimg {
  display: flex;
}
.maincam.ch200cam .maincamimg_highlight {
  display: none;
}
.maincam.ch200cam .maincamimg_active,
.maincam.ch200cam .maincamimg_active2 {
  display: none;
}
.maincam.ch200cam .allcame_icon img {
  width: 104px;
  height: 82px;
}
.zh_c .maincam.ch200cam .allcame_icon img {
  width: 82px;
  height: 91px;
}

.allcame_icon.hover .maincamimg {
  display: none;
}
.allcame_icon.hover .maincamimg_highlight {
  display: flex;
}
.allcame_icon.hover .maincamimg_active {
  display: none;
}


.yycame00 {
  position: absolute;
  top: 97px;
  left: 38px;
}
.yycame00 .yycam01 {
  position: absolute;
  top: 4px;
  left: 1px;
  display: flex;
  align-items: center;
  justify-content: center
}
.yycame00 .yycam02 {
  position: absolute;
  top: 2px;
  left: 41px;
  display: flex;
  align-items: center;
  justify-content: center
}
.yycame00 .yycam03 {
  position: absolute;
  top: -4px;
  left: 82px;
  display: flex;
  align-items: center;
  justify-content: center
}

.active .yycame00 .yycam01.active {
  display: flex;
}
.active .yycame00 .yycam02.active {
  display: flex;
}
.active .yycame00 .yycam03.active {
  display: flex;
}
.active .yycame00 .yycame_link .cam_default {
  display: none;
}
.active .yycame00 .yycame_link .cam_highlight {
  display: flex;
}


.zh_c .yycame00 {
  position: absolute;
  top: 107px;
  left: 36px;
}

.yycame00 .yycam01 .yycam01_al,
.yycame00 .yycam01 .yycam01_al_h,
.yycame00 .yycam01 .yycam01_al_a {
  position: absolute;
  display: none;
}
.yycame00 .yycam02 .yycam02_al,
.yycame00 .yycam02 .yycam02_al_h,
.yycame00 .yycam02 .yycam02_al_a {
  position: absolute;
  display: none;
}
.yycame00 .yycam03 .yycam03_al,
.yycame00 .yycam03 .yycam03_al_h,
.yycame00 .yycam03 .yycam03_al_a {
  position: absolute;
  display: none;
}
.yycame00 .yycam01 .yycam01_al,
.yycame00 .yycam02 .yycam02_al,
.yycame00 .yycam03 .yycam03_al {
  display: flex;
}


.elcame00 {
  position: absolute;
  top: 122px;
  left: 64px;
}
.elcame00 .elcam01 {
  position: absolute;
  top: 4px;
  left: 1px;
  display: flex;
  align-items: center;
  justify-content: center
}
.elcame00 .elcam02 {
  position: absolute;
  top: -1px;
  left: 45px;
  display: flex;
  align-items: center;
  justify-content: center
}

.active .elcame00 .elcam01.active {
  display: flex;
}
.active .elcame00 .elcam02.active {
  display: flex;
}
.active .elcame00 .yycame_link .cam_default {
  display: none;
}
.active .elcame00 .yycame_link .cam_highlight {
  display: flex;
}


.zh_c .elcame00 {
  position: absolute;
  top: 132px;
  left: 65px;
}

.elcame00 .elcam01 .elcam01_al,
.elcame00 .elcam01 .elcam01_al_h,
.elcame00 .elcam01 .elcam01_al_a {
  position: absolute;
  display: none;
}
.elcame00 .elcam02 .elcam02_al,
.elcame00 .elcam02 .elcam02_al_h,
.elcame00 .elcam02 .elcam02_al_a {
  position: absolute;
  display: none;
}
.elcame00 .elcam01 .elcam01_al,
.elcame00 .elcam02 .elcam02_al {
  display: flex;
}


.lelecame00 {
  position: absolute;
  top: 95px;
  left: 59px;
}
.lelecame00 .lelecam01 {
  position: absolute;
  top: 0px;
  left: 0px;
  display: flex;
  align-items: center;
  justify-content: center
}
.active .lelecame00 .lelecam01 .cam_highlight {
  display: flex;
}
.active .lelecame00 .lelecam01.active {
  display: flex;
}

.zh_c .lelecame00 {
  position: absolute;
  top: 113px;
  left: 58px;
}

.lelecame00 .lelecam01 .lelecam01_al,
.lelecame00 .lelecam01 .lelecam01_al_h,
.lelecame00 .lelecam01 .lelecam01_al_a {
  position: absolute;
  display: none;
}
.lelecame00 .lelecam01 .lelecam01_al,
.lelecame00 .lelecam01 .lelecam01_al_a.active {
  display: flex;
}
.lelecame00 .lelecam01 .lelecam01_al.cam_default.hidedefault {
  display: none;
}


.anancame00 {
  position: absolute;
  top: 57px;
  left: 110px
}
.anancame00 .anancam01 {
  position: absolute;
  top: 0px;
  left: 0px;
  display: flex;
  align-items: center;
  justify-content: center
}
.active .anancame00 .anancam01 .cam_highlight {
  display: none;
}
.active .anancame00 .anancam01.active {
  display: flex;
}

.zh_c .anancame00 {
  position: absolute;
  top: 54px;
  left: 112px;
}

.anancame00 .anancam01 .anancam01_al,
.anancame00 .anancam01 .anancam01_al_h,
.anancame00 .anancam01 .anancam01_al_a {
  position: absolute;
  display: none;
}
.anancame00 .anancam01 .anancam01_al,
.anancame00 .anancam01 .anancam01_al_a.active {
  display: flex;
}
.anancame00 .anancam01 .anancam01_al.cam_default.hidedefault {
  display: none;
}


.kekecame00 {
  position: absolute;
  top: 47px;
  left: 48px;
}
.kekecame00 .kekecam01 {
  position: absolute;
  top: 0px;
  left: 0px;
  display: flex;
  align-items: center;
  justify-content: center
}
.active .kekecame00 .kekecam01 .cam_highlight {
  display: none;
}
.active .kekecame00 .kekecam01.active {
  display: flex;
}

.zh_c .kekecame00 {
  position: absolute;
  top: 48px;
  left: 50px;
}

.kekecame00 .kekecam01 .kekecam01_al,
.kekecame00 .kekecam01 .kekecam01_al_h,
.kekecame00 .kekecam01 .kekecam01_al_a {
  position: absolute;
  display: none;
}
.kekecame00 .kekecam01 .kekecam01_al,
.kekecame00 .kekecam01 .kekecam01_al_a.active {
  display: flex;
}
.kekecame00 .kekecam01 .kekecam01_al.cam_default.hidedefault {
  display: none;
}

.ch200cam.maincam.active .allcame_icon .maincamimg_active {
  display: none;
}
.ch200cam.maincam.active .allcame_icon .maincamimg_active2 {
  display: flex;
}


.yycam01.hover_cam .cam_active.hover,
.yycam02.hover_cam .cam_active.hover,
.yycam03.hover_cam .cam_active.hover {
  display: flex;
}

.elcam01.hover_cam .cam_active.hover,
.elcam02.hover_cam .cam_active.hover {
  display: flex;
}

.yycame_link .cam_default img { 
  width: 34px;
  height: 34px;
}
.yycame_link .cam_highlight img { 
  width: 36px;
  height: 36px;
}
.yycame_link .cam_active img { 
  width: 38px;
  height: 38px;
}


.maincam.active .allcame_icon.hover .maincamimg_active,
.maincam.active .allcame_icon .maincamimg_active {
  display: flex;
}
.maincam.active .allcame_icon,
.yycame_link.active,
.lelecam.maincam.active .yycame_link,
.anancam.maincam.active .yycame_link,
.kekecam.maincam.active .yycame_link {
  pointer-events: none;
  cursor: default;
}
.maincam.active .allcame_icon .maincamimg,
.maincam.active .allcame_icon .maincamimg_highlight {
  display: none;
}
.maincam.hover_main .yycame_link .cam_highlight {
  display: flex;
}
.maincam.hover_main .yycame_link.hover_cam .cam_default,
.maincam.hover_main .yycame_link.hover_cam .cam_highlight,
.maincam.active .yycame_link.active .cam_default,
.maincam.active .yycame_link.active .cam_highlight {
  display: none;
}
.maincam.active .yycame_link.active .cam_active {
  display: flex;
}

.refimage {
  position: absolute;
  opacity: 0.3;
}
.refimage img {
  width: 360px;
}

/*Skip Intro, Skip End Credit*/
/*.skip-intro-overlay, .skip-end-overlay, .player-auto-play-overlay {
  position: absolute;
  bottom: 100px;
  right:40px;
  display: none;
}*/
.skip-intro-overlay, .skip-end-overlay, .player-auto-play-overlay {
  position: absolute;
  bottom: 100px;
  right: 25px;
  display: none;
  /*
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  */
}

button {
  border: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

.button_controls {
  display: flex;
  align-items: center;
  animation: fadein 1s;
  -moz-animation: fadein 1s;
  -webkit-animation: fadein 1s;
  -o-animation: fadein 1s;
}

/*.box {
  position: relative;
  border-radius: 0;
  cursor: pointer;
  color: white;
  display: inline-flex;
  padding: 8px 25px;
  height: 52px;
  width: 250px;
  overflow: hidden;
  z-index: 1;
  font-family: 'Roboto', sans-serif;
  font-size: 28px;
  line-height: 33px;
  background: linear-gradient(to right, rgba(66, 66, 66, 0.8) 50%, rgba(0, 0, 0, 0.7) 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, .7);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, .7);
  box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, .7);
  justify-content: center;
  align-items: center;
}*/

.box {
  position: relative;
  border-radius: 0;
  cursor: pointer;
  color: white;
  display: inline-flex;
  padding: 8px 25px;
  height: 52px;
  min-width: 200px;
  overflow: hidden;
  z-index: 1;
  font-family: 'Roboto', sans-serif;
  font-size: 22px;
  line-height: 34px;
  background: linear-gradient(to right, rgba(66, 66, 66, 0.8) 50%, rgba(0, 0, 0, 0.7) 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, .7);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, .7);
  box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, .7);
  justify-content: center;
  align-items: center;
}

.skip-end.active {
  transition: all 7s linear;
  transition-delay: 1.8s;
  background-position: left bottom;
  background-color: rgba(0, 0, 0, 0.7);
}

.play-next.active {
  transition: all 7s linear;
  transition-delay: 1.8s;
  background-position: left bottom;
  background-color: rgba(0, 0, 0, 0.7);
}

.box::before {
  content: "";
  width: 1px;
  border-left: 1px solid #F38E26;
  left: 0;
  position: absolute;
  top: 50%;
  bottom: 50%;
  background-color: rgba(0, 0, 0, 0.7);
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

.box.active::before{
  top: 0%;
  bottom: 0%;
  transition: top 0.8s ease-out, bottom 0.8s ease-out;
  transform: translate3D(0, 0, 0);
  transition-delay: 1s;
  background-color: rgba(0, 0, 0, 0.7);
}

.skip-end-content::before, .skip-end-content::after {
  content: "";
  height: 1px;
  border-bottom: 1px solid #F38E26;
  bottom: 0;
  position: absolute;
  width: 100%;
  right: 100%;
  transition: right 7s linear;
  transition-delay: 1.8s;
}

.play-next-content::before, .play-next-content::after {
  content: "";
  height: 1px;
  border-bottom: 1px solid #F38E26;
  bottom: 0;
  position: absolute;
  width: 100%;
  right: 100%;
  transition: right 7s linear;
  transition-delay: 1.8s;
}

.box__content::before {
  border: 0;
  top: 0;
  border-top: 1px solid #F38E26;
}

.box.active .box__content::before, .box.active .box__content::after {
  right: 0;
}

.box__content img {
  width: auto;
  height: 34px;
  position: relative;
  top: -2px;
  display: inline-block;
  margin: 0px 8px;
}

.start-over .box__content img,
.skip-intro .box__content img,
.play-next .box__content img,
.skip-end .box__content img {
  margin: 0px 8px 0px 0px;
}

.box__content-wrap::before,
.box__content-wrap::after {
  background-color: #F38E26;
  content: "";
  position: absolute;
  transform: translate3D(0, 100%, 0);
  transition: transform 0.5s linear;
  transition-delay: 200ms;
  width: 1px;
  height: 50%;
  bottom: 0;
  right: 0;
}

.box__content-wrap::after {
  transform: translate3D(0, -105%, 0);
  top: 0;
  bottom: inherit;
}

.box.active .skip-end-content-wrap::before,
 .box.active .skip-end-content-wrap::after {
  transform: translate3D(0, 0, 0);
  transition: transform 0.8 ease-in;
  transition-delay: 8.8s;

}

.box.active .play-next-content-wrap::before,
 .box.active .play-next-content-wrap::after {
  transform: translate3D(0, 0, 0);
  transition: transform 0.8 ease-in;
  transition-delay: 8.8s;

}

.box.active .start-over-content-wrap::before,
 .box.active .start-over-content-wrap::after {
  transform: translate3D(0, 0, 0);
  transition: transform 0.8 ease-in;
  transition-delay: 8.8s;

}

.start-over-overlay {
  position: absolute;
  bottom: 100px;
  left: 25px;
  z-index: 2;
}

.panda-link-overlay {
  position: absolute;
  bottom: 220px;
  left: 25px;
  z-index: 1;
}

/*button.keep-watching{
    height: 52px;
    width:250px;
    font-size: 28px;
    justify-content: center;
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, .7);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, .7);
    box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, .7);
    display: inline-flex;
    align-items: center;
    padding: 8px 25px;
    background-color: rgba(0, 0, 0, 0.7);
    outline: none;
    border:0;
    margin-left: 11px;
}*/
.button_controls button {
    margin-right: 10px;
}
.button_controls button:last-child {
    margin-right: 0px;
}
.box.keep-watching:before {
  border-left: none;
  box-shadow: inset 0px 0px 0px 1px rgb(255 255 255 / 70%);
}

/* ----------------------------------------------------------------------------------------------------- */
/* ----------------------------------------- other screen size ----------------------------------------- */
/* ----------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 800px) {
 .panda_cam_container {
   width: 360px;
 }
}

@media only screen and (min-width: 799px) {
  .main_player {
      width: calc(100% - 33%);
  }
  .panda_cam_container {
      width: 33%;
  }
}

@media only screen and (max-width: 799px) {
  .all_panda_cam {
      transform: scale(0.9)!important;
      -webkit-transition: all .2s;
      -moz-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s;
  }
}

@media only screen and (max-height: 600px) {
  .sqp-video-overlay {
    font-size: 14px
  }
  /* #pandaBtn img {
    width: 25px !important;
    height: 25px !important;
  }
  .text-more-panda-btn {
    font-size: 12px
  } */
  .more-panda-btn #pandaBtn,
  .more-panda-btn #pandaBtn img,
  .more-cams-btn #moreCamsBtn,
  .more-cams-btn #moreCamsBtn img {
    width: 25px !important;
    height: 25px !important;
  }
  .more-cams-btn,
  .more-panda-btn{
    margin-left: 15px !important;
    min-height: 25px;
  }
  .more-cams-btn .text-more-panda-btn,
  .more-panda-btn .text-more-panda-btn {
    font-size: 14px;
  }
  #watch_party_video_audio .watch_party_video_on_button .label-text,
  #watch_party_video_audio .watch_party_video_off_button .label-text,
  #watch_party_video_audio .watch_party_audio_on_button .label-text,
  #watch_party_video_audio .watch_party_audio_off_button .label-text {
    display: none
  }
  .watch_party_hide_button .label-text, 
  .watch_party_show_button .label-text {
    display: none
  }
  .watch_party_close_button img {
    width: 25px !important;
    height: 25px !important;
  }
  #watch_party_hide_button img, 
  #watch_party_show_button img {
    width: 25px !important;
    height: 25px !important;
  }
  .top-bar .arrow-back img {
    width: 25px !important;
    height: 25px !important;
  }
  .top-bar #programlogo {
    margin-left: 15px !important;
    margin-right: 15px !important;
    max-height: 40px !important;
  }
  .top-bar .titleh2 {
    font-size: 16px !important;
  }
  #watch_party_volume .watch_party_group_volume_on_button, 
  #watch_party_volume .watch_party_group_volume_off_button {
    width: 35px !important;
    height: 25px !important;
    margin-bottom: 0px !important;
    margin-right: 6px !important;
  }
  .watch_party_invite img {
    width: 25px !important;
    height: 25px !important;
  }
  .sqp-button {
    width: 25px !important;
    height: 25px !important;
  }
  .sqp-button .icon {
    width: 25px !important;
    height: 25px !important;
  }
  #watch_party_hide_button, 
  #watch_party_show_button {
    width: 25px !important;
    height: 25px !important;
  }
  .watch_party_audio_on_button,
  .watch_party_audio_off_button,
  .watch_party_video_on_button,
  .watch_party_video_off_button {
    width: 25px!important;
    height: auto !important;
    margin-left: 0px!important;
    cursor: pointer !important;
  }
  .watch_party_audio_on_button img,
  .watch_party_audio_off_button img,
  .watch_party_video_on_button img,
  .watch_party_video_off_button img {
    width: 25px!important;
    height: 25px!important;
  }
  .sqp-play-btn.sqp-button, 
  .sqp-volume-btn.sqp-button, 
  .sqp-pause-btn.sqp-button {
    margin-right: 20px !important;
  }
  .sqp-player-controls-text {
    margin-left: 15px !important;
    margin-right: 8px !important;
  }
  .sqp-fullscreen-btn.sqp-button, 
  .sqp-options-btn.sqp-button, 
  .sqp-minimize-btn.sqp-button {
    margin-left: 15px !important;
  }
  .sqp-volume-bar {
    height: 25px !important;
    margin-left: -20px !important;
    padding-left: 10px !important;
  }
  .sqp-volume-bar-bg {
    height: 4px !important;
  }
  .sqp-volume-bar-level-endpoint {
    width: 15px !important;
    height: 15px !important;
  }
  .invite_text {
    font-size: 14px !important;
  }
  #watch_party_volume {
    height: auto!important;
  }
  .watch_party_video_audio {
    height: auto;
  }
  .watch_party_control_bar {
    margin: 15 20px 15px 20px !important;
  }
  .sqp-video-controls {
    padding: 0 20px 15px 20px !important;
  }
  .top-bar {
    padding: 15px 20px 0 20px !important;
  }
  .topbar-close {
    height: 55px;
    padding: 15px 15px 15px 0;
  }
  .watch_party_audio_on_button, 
  .watch_party_audio_off_button, 
  .watch_party_video_on_button, 
  .watch_party_video_off_button {
    width: 30px !important;
  }
  .watch_party_audio_on_button img, 
  .watch_party_audio_off_button img, 
  .watch_party_video_on_button img, 
  .watch_party_video_off_button img {
    width: 30px !important;
    height: 30px !important;
  }
  .watch_party_video_on_button, 
  .watch_party_video_off_button {
    margin-right: 15px !important;
  }
  #watch_party_volume {
    flex-flow: row nowrap;
    padding-right: 15px;
  }
  .watch_party_control_bar {
    margin: 10px 20px 13px 20px !important;
  }
  .watch_party_invite .tooltiptext {
    font-size: 12px !important;
  }
  .start-over-overlay,
  .skip-intro-overlay, .skip-end-overlay, .player-auto-play-overlay {
    bottom: 70px;
  }
  .panda-link-overlay {
    bottom: 200px;
  }
  .box {
    font-size: 16px !important;
    padding: 4px 18px;
    height: 40px;
    min-width: 160px;
  }
  .box__content img {
    width: 25px !important;
    height: 25px !important;
  }

  .sqp-subtitle-element {
    font-size: 20px !important;
    background: none !important;
    text-shadow: 2px 2px 4px #000000;
  }
  /* #livechatBtn {
    height: 25px !important;
  }
  #livechatBtn img {
    height: 25px !important;
  } */

}
@media only screen and (max-height: 440px) {
  .watchPartyInviteImage {
    margin-bottom: 0px;
  }
  .invite_text {
    display: none;
  }
}

.chat-title .chat-logo {
    width: 70px;
    height: 70px;
}

#alreadysubModal .btn-app-style {
    font-size: 16px;
    color: #fff;
    border: 1px #fff solid;
    background: 0;
    padding: 10px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: none;
}

.tncall-a {
    height: 100px;
    overflow-y: scroll;
    display: none;
}

.chat-title {
    width: 100%;
    margin-top: 50px;
    text-align: center;
}

.chat-title .chat-logo {
    width: 70px;
    height: 70px;
}

.chat-title .chat-sub {
    display: block;
    color: #ef9727;
    font-size: large;
}


.chat-main .title span {
    color: white;
    font-size: 18px;
}

.chat-main {
    width: 100%;
    margin-top: 20px;
    text-align: center;
}


.subscr-btn_ondemand {
    border: 1px solid #fff;
    color: #fff;
    padding: 4px 15px;
    background: 0;
    border-radius: 8px;
    /*float: left;*/
    width: 100%;
    text-align: center;
    min-height: 34px;
    display: block;
}

.subscr-btn_ondemand .sub {
    margin-right: 0;
}

.npx-modal .modal-header {
    border: none;
}

#alreadysubModal h3 {
    text-align: center;
    font-size: 24px;
    font-family: inherit;
    font-weight: 400;
    line-height: 1.1;
    color: inherit;
}

.modal-content .title {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 20px;
    margin-top: 30px;
}
.chat-main .title span {
    color: white;
    font-size: 18px;
}

.modal-content .profile-user.delete-m .content-mpu .sub-t, 
.modal-content .sub-title {
    text-align: center;
    color: #fff;
    font-size: 20px;
    margin-bottom: 12px;
    line-height: 26px;
    margin-left: 60px;
    margin-right: 60px;
}
.modal-content .chat-main .sub-title {
    margin-left: 10px;
    margin-right: 10px;
}
.modal-content .chat-main .tnc-title {
    margin: 15px 0;
}
.chat-main .ic-control.ic-subscribe {
    margin-top: 10px;
    height: auto;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}
.ic-control.ic-subscribe a {
    display: block;
    font-size: 20px;
    text-decoration: none;
}
.subscr-btn_ondemand .sub {
    margin-right: 0;
}
.npx-modal .close {
    color: #909090;
    text-shadow: none;
    font-weight: normal;
    font-size: 21px;
    filter: alpha(opacity=100);
    opacity: 1;
}
.npx-modal .close, 
.npx-modal .back {
    color: #d5d5d5!important;
}
.npx-modal .close span, .npx-modal .back span {
    padding-top: 2px;
    font-size: 20px;
}
.npx-modal .close span {
    position: relative;
    padding-right: 30px;
}
.npx-modal .close span::before {
    content: "";
    display: block;
    background: url("/img/icon/close-chevron.svg") no-repeat;
        background-position-y: 0%;
    background-position-y: 0%;
    float: left;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 6px;
    right: 0;
}
.top-bar {
    position: absolute;
    z-index: 9999;
}

.prev-btn {
  display: inline-block;
  position: absolute;
  color: #fff;
  width: 40px;
  left: 10%;
  top: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  background-color: rgba(0,0,0,0);
  border: 0;
  cursor: pointer;
}

.next-btn {
  display: inline-block;
  position: absolute;
  color: #fff;
  width: 40px;
  right: 10%;
  top: 50%;
  text-align: center;
  transform: translate(50%, -50%);
  background-color: rgba(0,0,0,0);
  border: 0;
  cursor: pointer;
}

.prev_ch_text, .next_ch_text {
  /*font-size: 4.2vh;*/
  font-size: 3vh;
}


@media (max-width:1299px) {
  #downloadModal .app-download {
    text-align: center;
    width: 100%;
    margin: 0;
  }

  #downloadModal .app-download .app-left {
    float: none;
  }
    
  #downloadModal .app-download .app-left img {
    width: 100px;
    height: 100px
  }

  #downloadModal .dlapp-icon {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    margin-top: 20px;
    justify-content:center;
  }
  #downloadModal .dlapp-icon .app-rt,
  #downloadModal .dlapp-icon .app-rb,
  #downloadModal .dlapp-icon .app-huawei {
    margin-left: 10px;
    margin-right: 10px;
  }
}


@media (max-width:991px) {
  #downloadModal .three-downlaod.footer-more { width: 100%; padding: 0 }
}


@media (max-width:768px) {
  #downloadModal .three-downlaod.footer-more { width: 100%; padding: 0 20px }
}

@media(max-width:540px) {
  #downloadModal .three-downlaod .app-download .all-app-m { width: 350px; justify-content: space-around; }
}

@media (max-width:440px) {
  #downloadModal .three-downlaod .app-download .all-app-m { width: 75% }
  #downloadModal .dlapp-icon {
    flex-wrap: wrap;
    justify-content: space-around;
  }
  #downloadModal .dlapp-icon .app-rb {
    margin: 0;
  }
}

@media(max-width:374px) {
  #downloadModal .three-downlaod .app-download .all-app-m { width: 230px }
}

#introduction_prompt .footer,
#joinParty .footer,
#watch_party_full .footer,
#watch_party_not_rented .footer {
  background: none
}

.npx-modal {
  overflow: auto;
}


/* Channel Switching overlay */
.fsc_container {
  width: 280px;
  background: #212121;
  position: relative;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  right:0;
  flex-flow: column nowrap;
}
.fsc_container .fsc_header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  padding: 12px 16px;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  background: #212121;
  width: 280px;
  max-height: 60px;
}
.fsc_container .fsc_header .fsc_title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}
.fsc_container .fsc_header .fsc_title .fsc_t01 {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: #F1EEF4;
}
.fsc_container .fsc_header .fsc_title .fsc_t02 {
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  color: #9E9E9E;
  /*margin-top: 5px;*/
}
.fsc_container .fsc_header .fsc_close {
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  width: 24px;
  height: 24px;
  display: block;
  position: relative;
  cursor: pointer;
}
.fsc_container .fsc_header .fsc_close a {
  width: 24px;
  height: 24px;
}
.fsc_container .fsc_header .fsc_close:hover {
  color: #9E9E9E;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

.fsc_container .fsc_content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 16px;
  height: auto;
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 0;
  margin-top: 65px;
}
.fsc_container .fsc_content .channel_tn {
  width: 31%;
  height: auto;
  border: 1px solid #424242;
  border-radius: 4px;
  padding: 4px;
  margin-right: 3.5%;
  margin-bottom: 3.5%;
  -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    cursor: pointer;
}
.fsc_container .fsc_content .channel_tn:hover {
  border: 1px solid #F38E26;
  -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.fsc_container .fsc_content .channel_tn:nth-child(3n+3) {
  margin-right: 0;
}
.fsc_container .fsc_content .channel_tn .channel_logo img {
  width: 100%;
  height: 100%;
}
.fsc_container .fsc_content .channel_tn .channeldd {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-around;
}
.fsc_container .fsc_content .channel_tn .channel_num {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  /*justify-content: center;*/
  font-family: 'Roboto';
  font-weight: 400;
  font-size: 10px;
  color: #F1F1F1;
  -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.fsc_container .fsc_content .channel_tn:hover .channel_num {
  font-weight: 700;
  color: #F38E26;
  -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.fsc_container .fsc_content .channel_tn .tvonlytt {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-family: 'Roboto';
  font-size: 10px;
  color: #9e9e9e;
  -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.fsc_container .fsc_content .channel_tn .tvonlytt {
  display: none;
}
.fsc_container .fsc_content .channel_tn.tvonly .tvonlytt {
  display: block;
}
.fsc_container .fsc_content .channel_tn.tvonly {
  cursor: inherit;
}
.fsc_container .fsc_content .channel_tn.tvonly:hover {
  border: 1px solid #424242;
}
.fsc_container .fsc_content .channel_tn.tvonly:hover .channel_num {
  color: #F1F1F1;
  font-weight: 400;
}

/* acive */
.fsc_container .fsc_content .channel_tn.active {
  border: 1px solid #F38E26;
}
.fsc_container .fsc_content .channel_tn.active .channel_num {
  font-weight: 700;
  color: #F38E26;
}

/* unsubscribe */
.fsc_container .fsc_content .channel_tn.unsubscribe {
  border: 1px solid #424242;
  cursor: inherit;
}
.fsc_container .fsc_content .channel_tn.unsubscribe .channel_num {
  font-weight: 700;
  color: #424242;
}
.fsc_container .fsc_content .channel_tn.unsubscribe .channel_logo img {
  filter: grayscale(10);
}



/* Channel Switching button */
/*.demo_player {
  width: 100%;
  height: 100vh;
  background: #000;
}*/
.fsc_button {
  position: absolute;
  top: 47.2%;
  right: 25px;
  transform: translate(0%, -50%);
  z-index: 9999;
}
.fsc_button .fsc_lr_b {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.fsc_button .fsc_lr_b .fsc_left_button {
  margin-right: 18px;
  -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    display: block;
  position: relative;
  cursor: pointer;
  width: 30px;
  height: 30px;
}
.fsc_button .fsc_lr_b .fsc_left_button:hover {
  -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.fsc_button .fsc_lr_b .fsc_left_button svg path {
  fill: #d5d5d5;
  -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.fsc_button .fsc_lr_b .fsc_left_button svg:hover path {
  fill: #ffffff;
  -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.fsc_button .fsc_lr_b .fsc_right_button {
  border: 2px #ffffff solid;
  border-radius: 40px;
  display: block;
  position: relative;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
.fsc_button .fsc_lr_b .fsc_right_button svg path {
  fill: #d5d5d5;
  -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.fsc_button .fsc_lr_b .fsc_right_button svg:hover path {
  fill: #ffffff;
  -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.fsc_button .fsc_lr_b .fsc_right_button .button_add_channel img,
.fsc_button .fsc_lr_b .fsc_right_button .button_less_channel img  {
  padding: 8px;
  display: block;
  cursor: pointer;
}
.fsc_button .fsc_lr_b .fsc_right_button .fsc_text_t {
  color: #ffffff;
  font-weight: 600;
  font-size: 19px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  text-transform: uppercase;
  margin-top: 17px;
  margin-bottom: 17px;
  cursor: pointer;
}

/* For Bitmovin */
.bmpui-ui-uicontainer.bmpui-controls-hidden .white-control-overlay {
  display: none;
}

.bmpui-ui-uicontainer.bmpui-controls-hidden .top-bar {
  display: none;
}

.bmpui-ui-uicontainer.bmpui-controls-hidden .fsc_button {
  display: none !important;
}
.bmpui-ui-uicontainer.bmpui-controls-hidden .start-over-overlay {
  display: none !important;
}

.play-btn, .pause-btn, .start-over-btn, .go-live-btn, .backward-btn, .forward-btn {
  display: inline-block;
  position: absolute;
  transform: translate(-50%, -50%);
  background-color: rgba(0,0,0,0);
  border: 0;
  cursor: pointer;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; 
}

.play-btn, .pause-btn {
  width:  calc(100vw * 65 / 667);
  height: calc(100vw * 65 / 667);
  left: 50%;
  top: 47.2%;
}

.play-btn {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLlnJblsaRfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDIwMCAyMDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIwMCAyMDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbC1vcGFjaXR5OjAuMTt9Cgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjEwMCIgY3k9IjEwMCIgcj0iMTAwIi8+CjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMDAsMjAwQzQ0LjksMjAwLDAsMTU1LjEsMCwxMDBTNDQuOSwwLDEwMCwwYzU1LjEsMCwxMDAsNDQuOSwxMDAsMTAwQzIwMCwxNTUuMSwxNTUuMiwyMDAsMTAwLDIwMHogTTEwMCw4LjcKCUM0OS43LDguNyw4LjgsNDkuNyw4LjgsMTAwYzAsNTAuMyw0MC45LDkxLjIsOTEuMiw5MS4yYzUwLjMsMCw5MS4yLTQwLjksOTEuMi05MS4yQzE5MS4yLDQ5LjcsMTUwLjMsOC43LDEwMCw4Ljd6Ii8+CjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik03OS45LDE1OGMtMC42LDAtMS4zLTAuMS0xLjktMC40Yy0xLjUtMC43LTIuNS0yLjMtMi41LTRWNDkuOWMwLTEuNywwLjktMy4yLDIuNC0zLjljMS41LTAuNywzLjMtMC42LDQuNiwwLjQKCWw2Ni42LDQ5LjRjMS4xLDAuOCwxLjgsMi4xLDEuOCwzLjRjMCwxLjQtMC42LDIuNi0xLjYsMy41TDgyLjYsMTU3QzgxLjgsMTU3LjcsODAuOCwxNTgsNzkuOSwxNTh6Ii8+Cjwvc3ZnPgo=");
}

.pause-btn {
  display: none;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLlnJblsaRfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDIwMCAyMDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIwMCAyMDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbC1vcGFjaXR5OjAuMTt9Cgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjEwMCIgY3k9IjEwMCIgcj0iMTAwIi8+CjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMDAsMjAwQzQ0LjksMjAwLDAsMTU1LjEsMCwxMDBDMCw0NC45LDQ0LjksMCwxMDAsMHMxMDAsNDQuOSwxMDAsMTAwQzIwMCwxNTUuMSwxNTUuMiwyMDAsMTAwLDIwMHogTTEwMCw4LjcKCUM0OS43LDguNyw4LjgsNDkuNyw4LjgsMTAwYzAsNTAuMyw0MC45LDkxLjIsOTEuMiw5MS4yYzUwLjMsMCw5MS4yLTQwLjksOTEuMi05MS4yQzE5MS4yLDQ5LjcsMTUwLjMsOC43LDEwMCw4Ljd6Ii8+CjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik04OC40LDE0OC44di05NGMwLTQuNy0zLjgtOC41LTguNS04LjVjLTQuNywwLTguNSwzLjgtOC41LDguNXY5NGMwLDQuNywzLjgsOC41LDguNSw4LjUKCUM4NC41LDE1Ny4zLDg4LjQsMTUzLjUsODguNCwxNDguOHoiLz4KPHBhdGggY2xhc3M9InN0MSIgZD0iTTEyOC43LDE0OC44di05NGMwLTQuNy0zLjgtOC41LTguNS04LjVjLTQuNywwLTguNSwzLjgtOC41LDguNXY5NGMwLDQuNywzLjgsOC41LDguNSw4LjUKCUMxMjQuOSwxNTcuMywxMjguNywxNTMuNSwxMjguNywxNDguOHoiLz4KPC9zdmc+Cg==");
}

.start-over-btn, .go-live-btn {
  display: none;
  width: calc(100vw * 33 / 667);
  height: calc(100vw * 33 / 667);
  top: 47.2%;
}

.start-over-btn {
  left: 28.4%;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLlnJblsaRfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDM0OC4yIDM0OC4yIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzNDguMiAzNDguMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtkaXNwbGF5Om5vbmU7fQoJLnN0MXtkaXNwbGF5OmlubGluZTt9Cgkuc3Qye29wYWNpdHk6MC45O2ZpbGw6bm9uZTtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6MTA7c3Ryb2tlLW1pdGVybGltaXQ6MTA7ZW5hYmxlLWJhY2tncm91bmQ6bmV3ICAgIDt9Cgkuc3Qze2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxnIGlkPSJMYXllcl8xIiBjbGFzcz0ic3QwIj4KCTxnIGNsYXNzPSJzdDEiPgoJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0xNzQsMzBDOTQuMSwzMCwyOS4xLDk1LDI5LjEsMTc0LjlzNjUsMTQ0LjksMTQ0LjksMTQ0LjlzMTQ0LjktNjUsMTQ0LjktMTQ0LjlTMjUzLjksMzAsMTc0LDMweiIvPgoJPC9nPgoJPGcgaWQ9Imc0MTUwIiB0cmFuc2Zvcm09Im1hdHJpeCgxLjQyNTg5MDYsMCwwLC0xLjQyNTg5MDYsMTIyLjEzODk5LDg0OS4wNjE3MSkiIGNsYXNzPSJzdDEiPgoJCTxwYXRoIGlkPSJwYXRoNDE1MiIgY2xhc3M9InN0MyIgZD0iTTU5LjEsNTE3LjVjNy44LDAsMTEuNy0yLjgsMTEuNy04LjN2LTczLjljMC01LjctMy45LTguNi0xMS43LTguNnMtMTEuNywyLjktMTEuNyw4LjZ2NzMuOQoJCQlDNDcuNCw1MTQuNyw1MS4zLDUxNy41LDU5LjEsNTE3LjV6IE0xMy43LDUxNy41YzcuOCwwLDExLjctMi44LDExLjctOC4zdi03My45YzAtNS43LTMuOS04LjYtMTEuNy04LjZTMiw0MjkuNiwyLDQzNS4zdjczLjkKCQkJQzIsNTE0LjcsNS45LDUxNy41LDEzLjcsNTE3LjV6Ii8+Cgk8L2c+CjwvZz4KPGcgaWQ9IuWcluWxpF8yXzAwMDAwMTI3MDE0Nzc3NzMwNDEzNjQ4MzgwMDAwMDE1NDIyNDE1MDM3MzI2OTY2OTY3XyI+Cgk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMTc0LjUsMzE5Yy04MC4xLDAtMTQ1LjItNjUuMS0xNDUuMi0xNDUuMWMwLTMuNiwyLjktNi41LDYuNS02LjVzNi41LDIuOSw2LjUsNi41CgkJYzAsNzIuOSw1OS4zLDEzMi4yLDEzMi4yLDEzMi4yczEzMi4yLTU5LjMsMTMyLjItMTMyLjJTMjQ3LjQsNDEuNywxNzQuNSw0MS43Yy0yOC43LDAtNTYsOS4xLTc5LDI2LjJjLTIuOSwyLjItNywxLjYtOS4xLTEuMwoJCXMtMS42LTcsMS4zLTkuMWMyNS4yLTE4LjgsNTUuMy0yOC44LDg2LjgtMjguOGM4MC4xLDAsMTQ1LjIsNjUuMSwxNDUuMiwxNDUuMUMzMTkuNywyNTMuOSwyNTQuNywzMTksMTc0LjUsMzE5eiIvPgoJPHBhdGggY2xhc3M9InN0MyIgZD0iTTcyLjYsNDUuNWMwLjItMC4yLDAuNC0wLjQsMC43LTAuNWMwLjgtMC4yLDEuNiwwLDIuMSwwLjVsMzMuNCwzMy40YzAuNiwwLjUsMC44LDEuMywwLjUsMnMtMC44LDEuMi0xLjYsMS4zCgkJbC0zNy4zLDUuNWMtMC43LDAuMS0xLjMtMC4xLTEuNy0wLjVjLTAuNC0wLjUtMC43LTEuMS0wLjYtMS43TDcyLDQ2LjZDNzIuMSw0Ni4xLDcyLjMsNDUuNyw3Mi42LDQ1LjV6Ii8+CjwvZz4KPC9zdmc+Cg==");
}

.go-live-btn {
  right: 30.36%; 
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLlnJblsaRfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDM0OC4yIDM0OC4yIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzNDguMiAzNDguMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtkaXNwbGF5Om5vbmU7fQoJLnN0MXtkaXNwbGF5OmlubGluZTt9Cgkuc3Qye29wYWNpdHk6MC45O2ZpbGw6bm9uZTtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6MTA7c3Ryb2tlLW1pdGVybGltaXQ6MTA7ZW5hYmxlLWJhY2tncm91bmQ6bmV3ICAgIDt9Cgkuc3Qze2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxnIGlkPSJMYXllcl8xIiBjbGFzcz0ic3QwIj4KCTxnIGNsYXNzPSJzdDEiPgoJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0xNzQsMzBDOTQuMSwzMCwyOS4xLDk1LDI5LjEsMTc0LjlzNjUsMTQ0LjksMTQ0LjksMTQ0LjlzMTQ0LjktNjUsMTQ0LjktMTQ0LjlTMjUzLjksMzAsMTc0LDMweiIvPgoJPC9nPgoJPGcgaWQ9Imc0MTUwIiB0cmFuc2Zvcm09Im1hdHJpeCgxLjQyNTg5MDYsMCwwLC0xLjQyNTg5MDYsMTIyLjEzODk5LDg0OS4wNjE3MSkiIGNsYXNzPSJzdDEiPgoJCTxwYXRoIGlkPSJwYXRoNDE1MiIgY2xhc3M9InN0MyIgZD0iTTU5LjEsNTE3LjVjNy44LDAsMTEuNy0yLjgsMTEuNy04LjN2LTczLjljMC01LjctMy45LTguNi0xMS43LTguNnMtMTEuNywyLjktMTEuNyw4LjZ2NzMuOQoJCQlDNDcuNCw1MTQuNyw1MS4zLDUxNy41LDU5LjEsNTE3LjV6IE0xMy43LDUxNy41YzcuOCwwLDExLjctMi44LDExLjctOC4zdi03My45YzAtNS43LTMuOS04LjYtMTEuNy04LjZTMiw0MjkuNiwyLDQzNS4zdjczLjkKCQkJQzIsNTE0LjcsNS45LDUxNy41LDEzLjcsNTE3LjV6Ii8+Cgk8L2c+CjwvZz4KPGcgaWQ9IuWcluWxpF8yXzAwMDAwMTI3MDE0Nzc3NzMwNDEzNjQ4MzgwMDAwMDE1NDIyNDE1MDM3MzI2OTY2OTY3XyI+Cgk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMzAuMywxNzIuOGMwLTgwLDY1LjEtMTQ1LjEsMTQ1LjItMTQ1LjFjMzEuNSwwLDYxLjYsMTAsODYuOCwyOC44YzIuOSwyLjEsMy40LDYuMiwxLjMsOS4xcy02LjIsMy41LTkuMSwxLjMKCQljLTIzLTE3LjEtNTAuMy0yNi4yLTc5LTI2LjJjLTcyLjksMC0xMzIuMiw1OS4zLTEzMi4yLDEzMi4yczU5LjMsMTMyLjIsMTMyLjIsMTMyLjJzMTMyLjItNTkuMywxMzIuMi0xMzIuMmMwLTMuNiwyLjktNi41LDYuNS02LjUKCQlzNi41LDIuOSw2LjUsNi41YzAsODAtNjUuMSwxNDUuMS0xNDUuMiwxNDUuMUM5NS4zLDMxOCwzMC4zLDI1Mi45LDMwLjMsMTcyLjh6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMjc4LDQ1LjZsMy45LDM4LjljMC4xLDAuNi0wLjIsMS4yLTAuNiwxLjdjLTAuNCwwLjQtMSwwLjYtMS43LDAuNWwtMzcuMy01LjVjLTAuOC0wLjEtMS4zLTAuNi0xLjYtMS4zCgkJcy0wLjEtMS41LDAuNS0ybDMzLjQtMzMuNGMwLjUtMC41LDEuMy0wLjcsMi4xLTAuNWMwLjMsMC4xLDAuNSwwLjMsMC43LDAuNUMyNzcuNyw0NC43LDI3Ny45LDQ1LjEsMjc4LDQ1LjZ6Ii8+CjwvZz4KPC9zdmc+Cg==");
}

.backward-btn, .forward-btn {
  width: calc(100vw * 42 / 667);
  height: calc(100vw * 42 / 667);
  top: 47.7%;
}

.backward-btn {
  left: 37%;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLlnJblsaRfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDEwMCAxMDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwMCAxMDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTI4LjUsNjYuNWgtNi42VjM5LjRoLTYuN3YtNC43bDEzLjMtMS4yVjY2LjVMMjguNSw2Ni41eiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNjIuNCw1My43YzAsNC40LTEsNy43LTMsOS45UzU0LjcsNjcsNTEuMyw2N2MtMy40LDAtNi4yLTEuMS04LjItMy40Yy0yLTIuMy0zLTUuNi0zLTkuOXYtNy4zCgljMC00LjQsMS03LjcsMy05LjljMi0yLjMsNC43LTMuNCw4LjEtMy40czYuMSwxLjEsOC4xLDMuNGMyLDIuMywzLDUuNiwzLDkuOUw2Mi40LDUzLjdMNjIuNCw1My43eiBNNTUuOCw0NS43CgljMC0yLjYtMC40LTQuNS0xLjItNS44Yy0wLjgtMS4yLTEuOS0xLjgtMy40LTEuOHMtMi42LDAuNi0zLjQsMS44Yy0wLjgsMS4yLTEuMiwzLjEtMS4yLDUuOHY4LjZjMCwyLjcsMC40LDQuNiwxLjIsNS44CglzMS45LDEuOCwzLjQsMS44czIuNi0wLjYsMy40LTEuOGMwLjgtMS4yLDEuMi0zLjEsMS4yLTUuOFY0NS43eiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNODAuNCw1OS44YzAtMC43LTAuNC0xLjQtMS4xLTEuOXMtMi0xLTMuOS0xLjRjLTIuOS0wLjYtNS4xLTEuNS02LjYtMi42Yy0xLjUtMS4yLTIuMi0yLjctMi4yLTQuNwoJYzAtMi4xLDAuOS0zLjksMi43LTUuNGMxLjgtMS41LDQuMS0yLjIsNy4xLTIuMmMzLjEsMCw1LjYsMC43LDcuNSwyLjJzMi43LDMuMywyLjcsNS42bC0wLjEsMC4xaC02LjRjMC0xLTAuMy0xLjgtMC45LTIuNAoJYy0wLjYtMC42LTEuNi0wLjktMi44LTAuOWMtMS4xLDAtMS45LDAuMy0yLjUsMC44UzczLDQ4LjIsNzMsNDlzMC4zLDEuNCwxLDEuOWMwLjYsMC41LDEuOSwwLjksMy45LDEuM2MzLDAuNiw1LjMsMS41LDYuNywyLjcKCWMxLjUsMS4yLDIuMiwyLjgsMi4yLDQuOGMwLDIuMi0wLjksNC0yLjgsNS40Yy0yLDEuMi00LjUsMS45LTcuNiwxLjljLTMuMywwLTUuOC0wLjgtNy44LTIuNWMtMS45LTEuNy0yLjgtMy41LTIuNy01LjdsMC4xLTAuMWg2LjEKCWMwLjEsMS4zLDAuNSwyLjMsMS4zLDIuOWMwLjgsMC42LDEuOSwwLjksMy4yLDAuOWMxLjIsMCwyLjItMC4yLDIuOC0wLjdDODAsNjEuMyw4MC40LDYwLjYsODAuNCw1OS44eiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTAsMEMzOS4xLDAsMjguOCwzLjQsMjAuMSwxMGgwbC00LjMtNC4zYy0wLjItMC4yLTAuNC0wLjMtMC43LTAuMmMwLDAuMS0wLjEsMC4xLTAuMiwwLjIKCWMtMC4xLDAuMS0wLjIsMC4zLTAuMiwwLjVsLTEuNSwxMy4zYzAsMC4yLDAsMC41LDAuMiwwLjZjMC4yLDAuMiwwLjQsMC4yLDAuNiwwLjJsMTIuOS0xLjljMC4zLTAuMSwwLjUtMC4zLDAuNi0wLjUKCWMwLjEtMC4zLDAtMC41LTAuMi0wLjdsLTQtNGM3LjgtNS43LDE3LTguNywyNi43LTguN2MyNS4xLDAsNDUuNiwyMC40LDQ1LjYsNDUuNVM3NS4xLDk1LjUsNDkuOSw5NS41QzI0LjgsOTUuNSw0LjQsNzUuMSw0LjQsNTAKCWMwLTEuMi0xLTIuMi0yLjItMi4yUzAsNDguOCwwLDUwYzAsMjcuNiwyMi40LDUwLDUwLDUwczUwLTIyLjQsNTAtNTBTNzcuNiwwLDUwLDB6Ii8+Cjwvc3ZnPgo=");
}

.forward-btn {
  right: 30.5%; 
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLlnJblsaRfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDEwMCAxMDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwMCAxMDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTI4LjUsNjYuNWgtNi42VjM5LjRoLTYuN3YtNC43bDEzLjMtMS4yVjY2LjVMMjguNSw2Ni41eiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNjIuNCw1My43YzAsNC40LTEsNy43LTMsOS45UzU0LjcsNjcsNTEuMyw2N2MtMy40LDAtNi4yLTEuMS04LjItMy40Yy0yLTIuMy0zLTUuNi0zLTkuOXYtNy4zCgljMC00LjQsMS03LjcsMy05LjljMi0yLjMsNC43LTMuNCw4LjEtMy40czYuMSwxLjEsOC4xLDMuNGMyLDIuMywzLDUuNiwzLDkuOUw2Mi40LDUzLjdMNjIuNCw1My43eiBNNTUuOCw0NS43CgljMC0yLjYtMC40LTQuNS0xLjItNS44Yy0wLjgtMS4yLTEuOS0xLjgtMy40LTEuOHMtMi42LDAuNi0zLjQsMS44Yy0wLjgsMS4yLTEuMiwzLjEtMS4yLDUuOHY4LjZjMCwyLjcsMC40LDQuNiwxLjIsNS44CglzMS45LDEuOCwzLjQsMS44czIuNi0wLjYsMy40LTEuOGMwLjgtMS4yLDEuMi0zLjEsMS4yLTUuOFY0NS43eiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNODAuNCw1OS44YzAtMC43LTAuNC0xLjQtMS4xLTEuOXMtMi0xLTMuOS0xLjRjLTIuOS0wLjYtNS4xLTEuNS02LjYtMi42Yy0xLjUtMS4yLTIuMi0yLjctMi4yLTQuNwoJYzAtMi4xLDAuOS0zLjksMi43LTUuNGMxLjgtMS41LDQuMS0yLjIsNy4xLTIuMmMzLjEsMCw1LjYsMC43LDcuNSwyLjJzMi43LDMuMywyLjcsNS42bC0wLjEsMC4xaC02LjRjMC0xLTAuMy0xLjgtMC45LTIuNAoJYy0wLjYtMC42LTEuNi0wLjktMi44LTAuOWMtMS4xLDAtMS45LDAuMy0yLjUsMC44UzczLDQ4LjIsNzMsNDlzMC4zLDEuNCwxLDEuOWMwLjYsMC41LDEuOSwwLjksMy45LDEuM2MzLDAuNiw1LjMsMS41LDYuNywyLjcKCWMxLjUsMS4yLDIuMiwyLjgsMi4yLDQuOGMwLDIuMi0wLjksNC0yLjgsNS40Yy0yLDEuMi00LjUsMS45LTcuNiwxLjljLTMuMywwLTUuOC0wLjgtNy44LTIuNWMtMS45LTEuNy0yLjgtMy41LTIuNy01LjdsMC4xLTAuMWg2LjEKCWMwLjEsMS4zLDAuNSwyLjMsMS4zLDIuOWMwLjgsMC42LDEuOSwwLjksMy4yLDAuOWMxLjIsMCwyLjItMC4yLDIuOC0wLjdDODAsNjEuMyw4MC40LDYwLjYsODAuNCw1OS44eiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOTcuOCw0Ny44Yy0xLjIsMC0yLjIsMS0yLjIsMi4yYzAsMjUuMS0yMC40LDQ1LjUtNDUuNSw0NS41QzI0LjksOTUuNSw0LjQsNzUuMSw0LjQsNTBTMjQuOSw0LjUsNTAsNC41CgljOS43LDAsMTguOSwzLDI2LjcsOC43bC00LDRjLTAuMiwwLjItMC4zLDAuNC0wLjIsMC43YzAuMSwwLjIsMC4zLDAuNCwwLjYsMC41TDg2LDIwLjNjMC4yLDAsMC40LDAsMC42LTAuMgoJYzAuMi0wLjEsMC4yLTAuNCwwLjItMC42TDg1LjMsNi4yYzAtMC4yLTAuMS0wLjQtMC4yLTAuNWMtMC4xLTAuMS0wLjItMC4xLTAuMi0wLjJjLTAuMy0wLjEtMC41LDAtMC43LDAuMkw3OS45LDEwCglDNzEuMiwzLjQsNjAuOSwwLDUwLDBDMjIuNCwwLDAsMjIuNCwwLDUwczIyLjQsNTAsNTAsNTBzNTAtMjIuNCw1MC01MEMxMDAsNDguOCw5OSw0Ny44LDk3LjgsNDcuOHoiLz4KPC9zdmc+Cg==");
}

#start-over-txt, #go-live-txt {
  display: none;
  position: absolute;
  white-space: nowrap;
  top: calc(47.2% + 100vw * 33 / 667 / 2);
  color: #FFFFFF;
  font-family: 'Barlow Medium';
  font-size: calc(100vw * 42 / 667);
  font-weight: 500; 
}

#start-over-txt {
  left: 28.4%;
  transform: translateX(-50%);
}

#go-live-txt {
  right: 30.36%;
  transform: translateX(50%);
}

.bmpui-ui-watermark, .bmpui-ui-titlebar {
  display: none;
}

.bmpui-ui-hugeplaybacktogglebutton > .bmpui-image {
  background-image: none;
}

.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-playbackposition,.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition {
  background-color: rgb(248, 154, 28);
}

.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-playbackposition-marker,.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition-marker {
  background-color: rgba(248, 154, 28, 1.0);
  border: .1875em solid rgb(248, 154, 28);
}

.bmpui-ui-skin-ads .bmpui-ui-ads-status .bmpui-ui-button-ad-skip:before {
  color: rgb(248, 154, 28);
}

.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition-marker {
  background-color: rgb(248, 154, 28);
}

.bmpui-ui-uicontainer.npx-hide > .bmpui-container-wrapper > .bmpui-ui-controlbar {
  display: none;
}

.bmpui-ui-uicontainer.npx-hide:not(.npx-autoplayblocked) > .bmpui-container-wrapper > .bmpui-ui-playbacktoggle-overlay > .bmpui-container-wrapper > .white-control-overlay {
  display: none;
}

.bmpui-ui-piptogglebutton {
  display: none;
}

.bmpui-ui-settings-panel {
  min-width: 200px;
  bottom: 6em;
}

.bmpui-on.bmpui-ui-audiotracksettingstogglebutton:hover,.bmpui-on.bmpui-ui-settingstogglebutton:hover,.bmpui-on.bmpui-ui-subtitlesettingstogglebutton:hover {
  -webkit-filter: drop-shadow(0 0 1px rgb(248, 154, 28));
  filter: drop-shadow(0 0 1px rgb(248, 154, 28));
}

.bmpui-ui-selectbox {
  color: rgb(248, 152, 28);
}

.bmpui-ui-selectbox:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(248, 154, 28,.8);
  box-shadow: 0 0 0 2px rgba(248, 154, 28,.8);
}

.bmpui-ui-buffering-overlay {
  background-color: rgba(0, 0, 0, .6);
}

.bmpui-ui-recommendation-overlay {
  background-color: rgba(0, 0, 0, .6);
}

.bmpui-ui-fullscreentogglebutton.bmpui-on {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32' xml:space='preserve'%3E%3Cstyle%3E.st1{fill:%23f89a1c}%3C/style%3E%3Cpath class='st1' d='M4.7 7.7h22.5v16.5H4.7z' id='Rectangle_19' style='opacity:.302'/%3E%3Cpath class='st1' d='M4.7 7.7h4.7V5.4H4.7c-1.3 0-2.4 1.1-2.4 2.4v4.7h2.4V7.7z' id='Rectangle_6_1_'/%3E%3Cpath class='st1' d='M4.7 19.5H2.4v4.7c0 1.3 1.1 2.4 2.4 2.4h4.7v-2.4H4.7v-4.7z' id='Rectangle_6_copy_1_'/%3E%3Cpath class='st1' d='M27.3 5.4h-4.7v2.4h4.7v4.7h2.4V7.7c-.1-1.3-1.1-2.3-2.4-2.3z' id='Rectangle_6_copy_2_1_'/%3E%3Cpath class='st1' d='M27.3 24.3h-4.7v2.4h4.7c1.3 0 2.4-1.1 2.4-2.4v-4.7h-2.4v4.7z' id='Rectangle_6_copy_3_1_'/%3E%3C/svg%3E");
}

.bmpui-on.bmpui-ui-settingspanelpageopenbutton {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32' xml:space='preserve'%3E%3Cstyle%3E.st1{fill:%23f89a1c}%3C/style%3E%3Cpath class='st1' d='M23.6 12.9c-.5-1.1-.7-2.2-1.4-3-.9-.9-2.2-1.2-3.3-1.6-1-.4-1.7-1-2.9-1s-2.1.7-3.2 1.1c-1.1.5-2.1.7-3 1.4-.9.8-1 1.8-1.4 2.9-.4 1.1-1.1 2-1.1 3.3s.6 2 1 3.1c.5 1.1.8 2.3 1.6 3.1.8.8 1.8 1 2.9 1.4 1.1.4 2 1.1 3.2 1.1s2.3-.7 3.4-1.2c1.1-.4 1.9-.6 2.8-1.4.9-.9 1.1-1.9 1.4-3.1.4-1 1.2-2 1.2-3.1-.1-1.1-.8-2-1.2-3zm-7.6 7c-2.1 0-3.9-1.7-3.9-3.9s1.7-3.9 3.9-3.9 3.9 1.7 3.9 3.9-1.8 3.9-3.9 3.9z' id='Ellipse_1_copy' style='opacity:.302'/%3E%3Cpath class='st1' d='m25.6 13.8-1.4-.3c-.2-.5-.4-1-.6-1.4l.9-1.3c.4-.5.3-1.3-.1-1.7L23 7.7c-.3-.3-.6-.4-1-.4-.3 0-.6.1-.8.3l-1.2.9c-.5-.3-1-.5-1.5-.6l-.3-1.4c0-.6-.6-1.1-1.3-1.1H15c-.7 0-1.2.5-1.3 1.1L13.5 8c-.5.2-1 .4-1.4.6l-1.3-.9c-.2-.2-.5-.3-.8-.3-.4 0-.7.1-1 .4L7.8 9.1c-.5.5-.5 1.2-.1 1.7l.9 1.3c-.3.5-.5 1-.6 1.4l-1.4.3c-.7 0-1.2.6-1.2 1.3V17c0 .7.5 1.2 1.1 1.3l1.5.2c.2.5.4 1 .6 1.4l-.9 1.3c-.4.5-.3 1.3.1 1.7l1.4 1.4c.3.3.6.4 1 .4.3 0 .6-.1.8-.3l1.3-.9c.5.2 1 .4 1.4.6l.3 1.4c.1.7.7 1.1 1.3 1.1H17c.7 0 1.2-.5 1.3-1.1l.3-1.4c.5-.2 1-.4 1.4-.6l1.3.9c.2.2.5.3.8.3.4 0 .7-.1 1-.4l1.4-1.4c.5-.5.5-1.2.1-1.7L23.5 20c.3-.5.5-1 .6-1.4l1.4-.3c.7-.1 1.1-.7 1.1-1.3v-2c0-.5-.5-1.1-1-1.2zm-1 3.1c0 .1 0 .1 0 0l-1.8.4c-.2 0-.4.2-.4.4-.2.6-.4 1.2-.7 1.6-.1.2-.1.4 0 .6l1 1.4v.1l-1.2 1.2h-.2l-1.4-1c-.2-.1-.4-.1-.6 0-.5.3-1.1.6-1.6.7-.2.1-.4.2-.4.4l-.3 1.8c0 .1-.1.1-.1.1h-1.7c-.1 0-.1 0-.1-.1l-.3-1.7c0-.2-.2-.4-.4-.4-.6-.2-1.2-.4-1.6-.7-.1 0-.2-.1-.3-.1-.1 0-.2 0-.3.1l-1.4 1h-.2l-1.2-1.2v-.1l1-1.4c.1-.2.1-.4 0-.6-.4-.4-.7-1-.8-1.6-.1-.2-.2-.4-.4-.4L7.5 17c-.1 0-.1-.1-.1-.1v-1.7c0-.1 0-.1.1-.1l1.7-.2c.2 0 .4-.2.5-.4.2-.6.4-1.2.7-1.6.1-.2.1-.4 0-.6l-1-1.4v-.1l1.2-1.2h.2l1.4 1c.2.1.4.1.6 0 .5-.3 1.1-.6 1.6-.7.2-.1.4-.2.4-.4l.2-2c0-.1.1-.1.1-.1h1.7c.1 0 .1 0 .1.1l.2 1.7c0 .2.2.4.4.5.6.2 1.2.4 1.7.7.2.1.4.1.6 0l1.4-1h.2l1.2 1.2v.1l-1 1.4c-.1.2-.1.4 0 .6.3.5.6 1.1.7 1.6.1.2.2.4.4.4l1.6.3c.1 0 .1.1.1.1v1.8h.2zM16 11.5c-2.5 0-4.5 2-4.5 4.5s2 4.5 4.5 4.5 4.5-2 4.5-4.5-2-4.5-4.5-4.5zm0 7.3c-1.5 0-2.8-1.3-2.8-2.8s1.3-2.8 2.8-2.8 2.8 1.3 2.8 2.8-1.3 2.8-2.8 2.8z' id='Shape_4_1_'/%3E%3C/svg%3E");
}

.bmpui-ui-settingstogglebutton.bmpui-on {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32' xml:space='preserve'%3E%3Cstyle%3E.st1{fill:%23f89a1c}%3C/style%3E%3Cpath class='st1' d='M23.6 12.9c-.5-1.1-.7-2.2-1.4-3-.9-.9-2.2-1.2-3.3-1.6-1-.4-1.7-1-2.9-1s-2.1.7-3.2 1.1c-1.1.5-2.1.7-3 1.4-.9.8-1 1.8-1.4 2.9-.4 1.1-1.1 2-1.1 3.3s.6 2 1 3.1c.5 1.1.8 2.3 1.6 3.1.8.8 1.8 1 2.9 1.4 1.1.4 2 1.1 3.2 1.1s2.3-.7 3.4-1.2c1.1-.4 1.9-.6 2.8-1.4.9-.9 1.1-1.9 1.4-3.1.4-1 1.2-2 1.2-3.1-.1-1.1-.8-2-1.2-3zm-7.6 7c-2.1 0-3.9-1.7-3.9-3.9s1.7-3.9 3.9-3.9 3.9 1.7 3.9 3.9-1.8 3.9-3.9 3.9z' id='Ellipse_1_copy' style='opacity:.302'/%3E%3Cpath class='st1' d='m25.6 13.8-1.4-.3c-.2-.5-.4-1-.6-1.4l.9-1.3c.4-.5.3-1.3-.1-1.7L23 7.7c-.3-.3-.6-.4-1-.4-.3 0-.6.1-.8.3l-1.2.9c-.5-.3-1-.5-1.5-.6l-.3-1.4c0-.6-.6-1.1-1.3-1.1H15c-.7 0-1.2.5-1.3 1.1L13.5 8c-.5.2-1 .4-1.4.6l-1.3-.9c-.2-.2-.5-.3-.8-.3-.4 0-.7.1-1 .4L7.8 9.1c-.5.5-.5 1.2-.1 1.7l.9 1.3c-.3.5-.5 1-.6 1.4l-1.4.3c-.7 0-1.2.6-1.2 1.3V17c0 .7.5 1.2 1.1 1.3l1.5.2c.2.5.4 1 .6 1.4l-.9 1.3c-.4.5-.3 1.3.1 1.7l1.4 1.4c.3.3.6.4 1 .4.3 0 .6-.1.8-.3l1.3-.9c.5.2 1 .4 1.4.6l.3 1.4c.1.7.7 1.1 1.3 1.1H17c.7 0 1.2-.5 1.3-1.1l.3-1.4c.5-.2 1-.4 1.4-.6l1.3.9c.2.2.5.3.8.3.4 0 .7-.1 1-.4l1.4-1.4c.5-.5.5-1.2.1-1.7L23.5 20c.3-.5.5-1 .6-1.4l1.4-.3c.7-.1 1.1-.7 1.1-1.3v-2c0-.5-.5-1.1-1-1.2zm-1 3.1c0 .1 0 .1 0 0l-1.8.4c-.2 0-.4.2-.4.4-.2.6-.4 1.2-.7 1.6-.1.2-.1.4 0 .6l1 1.4v.1l-1.2 1.2h-.2l-1.4-1c-.2-.1-.4-.1-.6 0-.5.3-1.1.6-1.6.7-.2.1-.4.2-.4.4l-.3 1.8c0 .1-.1.1-.1.1h-1.7c-.1 0-.1 0-.1-.1l-.3-1.7c0-.2-.2-.4-.4-.4-.6-.2-1.2-.4-1.6-.7-.1 0-.2-.1-.3-.1-.1 0-.2 0-.3.1l-1.4 1h-.2l-1.2-1.2v-.1l1-1.4c.1-.2.1-.4 0-.6-.4-.4-.7-1-.8-1.6-.1-.2-.2-.4-.4-.4L7.5 17c-.1 0-.1-.1-.1-.1v-1.7c0-.1 0-.1.1-.1l1.7-.2c.2 0 .4-.2.5-.4.2-.6.4-1.2.7-1.6.1-.2.1-.4 0-.6l-1-1.4v-.1l1.2-1.2h.2l1.4 1c.2.1.4.1.6 0 .5-.3 1.1-.6 1.6-.7.2-.1.4-.2.4-.4l.2-2c0-.1.1-.1.1-.1h1.7c.1 0 .1 0 .1.1l.2 1.7c0 .2.2.4.4.5.6.2 1.2.4 1.7.7.2.1.4.1.6 0l1.4-1h.2l1.2 1.2v.1l-1 1.4c-.1.2-.1.4 0 .6.3.5.6 1.1.7 1.6.1.2.2.4.4.4l1.6.3c.1 0 .1.1.1.1v1.8h.2zM16 11.5c-2.5 0-4.5 2-4.5 4.5s2 4.5 4.5 4.5 4.5-2 4.5-4.5-2-4.5-4.5-4.5zm0 7.3c-1.5 0-2.8-1.3-2.8-2.8s1.3-2.8 2.8-2.8 2.8 1.3 2.8 2.8-1.3 2.8-2.8 2.8z' id='Shape_4_1_'/%3E%3C/svg%3E");
}

.bmpui-ui-buffering-overlay .bmpui-ui-buffering-overlay-indicator {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32' xml:space='preserve'%3E%3Cstyle%3E.st1{fill-rule:evenodd;clip-rule:evenodd;fill:%23f89a1c}%3C/style%3E%3Cpath class='st1' d='M8 8h16v16H8z' id='Rectangle_3_copy_3' style='opacity:.302'/%3E%3Cpath class='st1' d='M23 7H9c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2zm0 16H9V9h14v14z' id='Rectangle_2_copy_13'/%3E%3C/svg%3E") no-repeat 50%;
}

.bmpui-ui-piptogglebutton.bmpui-on {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32' xml:space='preserve'%3E%3Cstyle%3E.st1{fill-rule:evenodd;clip-rule:evenodd;fill:%23f89a1c}%3C/style%3E%3Cpath class='st1' d='M5 8.3h19.8v12.1H5z' id='Rectangle_515_2_' style='opacity:.302'/%3E%3Cpath class='st1' d='M5 8.3h19.8v5.5H27V8.3c0-1.2-1-2.2-2.2-2.2H5c-1.2 0-2.2 1-2.2 2.2v12.1c0 1.2 1 2.2 2.2 2.2h7.7v-2.2H5V8.3zm9.9 7.7v9.9h14.3V16H14.9z' id='Rectangle_512_12_'/%3E%3Cpath class='st1' d='M12.7 10.5H7.2V16h2.2v-3.3h3.3z' id='Rectangle_513_12_'/%3E%3C/svg%3E");
}

.bmpui-ui-hugereplaybutton .bmpui-image {
  background-image: url('data:image/svg+xml,%3Csvg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M11.109 18.4899L18.3126 13.8435C18.7291 13.578 18.7291 13.047 18.3126 12.7815L11.109 8.13511C10.6 7.80323 9.875 8.12184 9.875 8.66613V17.9589C9.875 18.5032 10.6 18.8218 11.109 18.4899Z" fill="white"/%3E%3Cpath d="M2.68982 13.0021C2.68982 7.04154 7.68373 2.21387 13.7795 2.37912C19.3934 2.53249 24.0902 7.16175 24.2458 12.6949C24.4135 18.703 19.5153 23.625 13.4678 23.625C10.9647 23.625 8.67872 22.7873 6.85904 21.3713L6.85586 21.3689C6.41685 21.0375 6.37953 20.3694 6.7847 19.9701C7.12756 19.6321 7.65991 19.6023 8.04396 19.895C9.53959 21.0565 11.4281 21.7433 13.4678 21.7433C18.4092 21.7433 22.3999 17.7595 22.3365 12.8775C22.2732 8.22935 18.31 4.3234 13.594 4.26092C8.62827 4.1985 4.59897 8.13198 4.59897 13.0021V13.2715H6.44728C6.7588 13.2715 6.90233 13.637 6.69562 13.8407L3.89297 16.6152C3.7542 16.7518 3.54668 16.7516 3.40791 16.615L0.605479 13.8407L0.601933 13.8373C0.388479 13.6335 0.5303 13.2715 0.841511 13.2715H2.68982V13.0021Z" fill="white"/%3E%3C/svg%3E');
}

.bmpui-ui-uicontainer .bmpui-ui-subtitle-overlay {
  bottom: 5vh;
  font-size: 5vh;
}

.bmpui-ui-uicontainer.npx-autoplayblocked > .bmpui-container-wrapper > .bmpui-ui-playbacktoggle-overlay > .bmpui-container-wrapper,
.bmpui-ui-uicontainer.npx-autoplayblocked > .bmpui-container-wrapper > .bmpui-ui-playbacktoggle-overlay > .white-control-overlay,
.bmpui-ui-uicontainer.npx-autoplayblocked .play-btn {
  display: inline-block !important;
}

.bmpui-ui-container.bmpui-controlbar-bottom > div > button {
  background-size: 3em;
  height: 3em;
  min-width: 3em;
}

.bmpui-ui-settings-panel-item:has(> .bmpui-container-wrapper > .bmpui-ui-playbackspeedselectbox) {
  display: none;
}

.bmpui-ui-airplaytogglebutton {
  display: none;
}

.bmpui-ui-settingspanelpageopenbutton {
  display: none;
}
/*
.bmpui-ui-seekbar-label .bmpui-seekbar-thumbnail {
    width: 24em !important;
}
*/
.bmpui-ui-seekbar-label {
  opacity: 0;
}

/*.bmpui-ui-ads-status {
    top: 5em !important;
}*/

.bmpui-ui-skin-ads.bmpui-player-state-playing .bmpui-ui-playbacktoggle-overlay {
    display: unset !important;
}

.top-bar {
  top: 0px;
}

.bmpui-ui-controlbar .bmpui-controlbar-bottom > .bmpui-container-wrapper .bmpui-ui-volumeslider {
  width: 10em;
}

.bmpui-ui-settings-panel {
  z-index: 1;
}

.bmpui-ui-uicontainer.bmpui-ui-skin-ads > .bmpui-container-wrapper > .bmpui-ui-playbacktoggle-overlay > .bmpui-container-wrapper > .bmpui-ui-hugeplaybacktogglebutton {
  display: none;
}

/* KOL Live Chat */
.kol-panel-overlay {
  /* height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;*/
  position: absolute;
  bottom: 100px;
  Right: 25px;
  z-index: 2;
}
.kol_livechat_overlay {
  /* height: 100%;
  width: 100%;
  position: absolute; */
  display: flex;
}
#kol_message_1, 
#kol_message_2 {
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.kol_player_main.bk_style_1 {
  background-image: url("../img/bk.png");
  background-color: #000;
  background-size: cover;
}


.kol_main_message {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  width: 800px;
  padding: 30px 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: rgba(33, 33, 33, 0.7);
  position: relative;
}

.kol_main_message .kol_close {
  position: absolute;
  top: 12px;
  right: 12px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.kol_main_message .kol_close a {
  position: relative;
  display: flex;
}
.kol_main_message .kol_close:hover svg line {
  stroke: white;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.kol_msg_icon_logo {
  margin-bottom: 16px;
}
.kol_msg_icon_logo2 {
  margin-bottom: 4px;
}
.kol_msg_icon_logo img, .kol_msg_icon_logo2 img {
  width: 166px;
  height: 60px;
}
.kol_main_message .kol_h2 {
  font-family: Roboto;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  color: #F38E26;
}
.kol_main_message .kol_content {
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #ffffff;
  margin-top: 16px;
}
.kol_main_message .kol_content_otherine {
  margin-top: 6px;
}

.kol_main_message .agree_tnc {
  margin-top: 24px;
}
.kol_main_message .agree_tnc .round {
  position: relative;
}
.kol_main_message .agree_tnc .check-mao .round label {
  background: rgba(31, 31, 31, 1);
  border: 1px solid #ffffff;
  border-radius: 50%;
  cursor: pointer;
  height: 20px;
  width: 20px;
  left: 0;
  position: absolute;
  top: 0;
}
.kol_main_message .agree_tnc .check-mao .round label:after {
  border: 2px solid #000000;
  border-top: 0;
  border-right: 0;
  content: "";
  height: 6px;
  left: 4px;
  position: absolute;
  top: 5px;
  transform: rotate(-45deg);
  width: 10px;
}
.kol_main_message .agree_tnc .check-mao .round input[type="checkbox"] {
  visibility: hidden;
  width: 20px;
  height: 20px;
}
.kol_main_message .agree_tnc .check-mao .round input[type="checkbox"]:checked+label {
  background-color: #f38e24;
  border-color: #f38e24;
}
.kol_main_message .agree_tnc .check-mao .round input[type="checkbox"]:checked+label:after {
  opacity: 1;
}
.kol_main_message .agree_tnc .check-mao {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  flex-direction: row;
}
.kol_main_message .agree_tnc .check-mao p {
  width: 100%;
  margin-left: 10px;
  margin-top: 2px;
}
.kol_main_message .agree_tnc .check-mao .edit-checkbox {
  width: 20px;
}
.kol_main_message .agree_tnc p {
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #ffffff;
}
.kol_main_message a.tnc_link {
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: underline;
  color: #ffffff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.kol_main_message a.tnc_link:hover {
  color: #F38E26;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.kol_main_message .kol_row_card {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-direction: row;
  margin-top: 16px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  pointer-events:none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  align-items: flex-start;
}
.kol_main_message .kol_row_card.tncChecked {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  pointer-events: inherit;
}
.kol_main_message .kol_row_card .kol_card_item {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100px;
/*  height: 80px;*/
  border-radius: 8px;
  border: 1px rgba(189, 189, 189, 1) solid;
  margin: 0 8px;
  padding: 12px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.kol_main_message .kol_row_card .kol_card_item:hover {
  border: 1px rgba(243, 142, 38, 1) solid;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
.kol_main_message .kol_row_card .kol_card_item .kol_profile {
  position: relative;
}
.kol_main_message .kol_row_card .kol_card_item .kol_profile .kol_dsiplay_live {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  padding: 0px 2px 1px 2px;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.50);
  background: #F00;
  font-family: Barlow;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 12px;
  color: #ffffff;
  /*width: 21px;
  height: 12px;*/
  position: absolute;
  left: -4px;
  top: -2px;
  z-index: 1;
}

.kol_main_message .kol_row_card .kol_card_item .kol_card_image {
  width: 40px;
  height: 40px;
  border: 1px white solid;
  border-radius: 50%;
  margin-bottom: 8px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.kol_main_message .kol_row_card .kol_card_item .kol_card_image img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.kol_main_message .kol_row_card .kol_card_item .kol_card_title {
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  color: #ffffff;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow-wrap: break-word;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 100%;
}
/*.kol_main_message .kol_row_card .kol_card_item:hover .kol_card_title {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}*/

.kol_p_footer {
  margin-top: 24px;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-direction: row;
  width: 100%;
  align-items: end;
}
.kol_p_footer .footer_left_tt {
  width: 560px;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #bdbdbd;
}
/*.kol_p_footer .footer_right_tt {
  width: 240px;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: end;
}*/
.kol_p_footer .footer_center_tt {
  width: 100%;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #bdbdbd;
  text-align: center;
}
.kol_p_footer .footer_right_tt .footer_right_tt_inside {
  margin-right: 8px;
}
.kol_p_footer .footer_right_tt .footer_right_tt_inside_text {
  font-family: Roboto;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-align: right;
  color: #bdbdbd;
  margin-bottom: 2px;
}
.kol_p_footer .footer_right_tt .footer_right_tt_inside_text:last-child {
  margin-bottom: 0;
}



.kol_main_message.message_kol2 {
  padding: 30px 24px;
  width: 800px;
}
.kol_main_message.message_kol2 .kol_close {
  position: relative;
  top: inherit;
  right: inherit;
  width: 100%;
  display: flex;
  justify-content: end;
}
.kol_main_message.message_kol2 .kol_close a {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
}
.kol_main_message.message_kol2 .kol_close span {
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: #d5d5d5;
  margin-right: 10px;
}
.kol_main_message.message_kol2 .kol_close svg line {
  stroke: #d5d5d5;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.kol_main_message.message_kol2 .kol_close:hover span {
  color: #ffffff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.kol_main_message.message_kol2 .kol_close:hover svg line {
  stroke: white;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.kol_main_message.message_kol2 .kol_h2 {
  margin-top: 20px;
}
.kol_main_message.message_kol2 .btn_area {
  margin-top: 24px;
}
.kol_main_message.message_kol2 .btn_area .enterbutton {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  width: 208px;
  height: 38px;
  padding: 8px 35px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #000000;
  border: none;
  border-radius: 30px;
  background: #F38E26;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.kol_main_message.message_kol2 .btn_area .enterbutton:hover {
  background: #e48336;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.kol_main_message.message_kol2 .kol_p_footer {
  width: auto;
  align-items: inherit;
  justify-content: center;
}
.kol_main_message.message_kol2 .kol_p_footer .footer_left_tt {
  width: 100%;
}
.kol_main_message.message_kol2 .btn_area {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  pointer-events:none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.kol_main_message.message_kol2 .btn_area.tncChecked {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  pointer-events: inherit;
}


.kol_main_message.display_kol_live {
  padding: 12px 12px 12px 24px;
  width: auto;
  border-radius: 10px;
  /*  margin-bottom: 8%;*/
  /* position: absolute;*/
  background: rgba(33, 33, 33, 0.5);
  /* bottom: 100px;*/
  /* right: 34px;*/
}

@media only screen and (max-height: 600px) {
  .kol_main_message.display_kol_live {
/*    bottom: 10px;*/
  }

}
.kol_main_message.display_kol_live .kol_close {
  right: inherit;
  left: 12px;
}
.kol_main_message.display_kol_live .kol_close:hover svg line {
  stroke: white;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.kol_main_message.display_kol_live .kol_row_card {
  margin: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  pointer-events: auto;
  -webkit-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.kol_main_message.display_kol_live .kol_row_card .kol_card_item {
  border: none;
  width: 90px;
  margin: 0 5px;
  padding: 0;
}
.kol_main_message.display_kol_live .kol_row_card .kol_card_item .kol_card_title {
  font-size: 12px;
  margin: 0 3px;
}
.kol_main_message.display_kol_live .kol_row_card .kol_card_item:hover .kol_card_title {
/*  color: #e48336;;*/
}
.kol_main_message .kol_row_card .kol_card_item:hover .kol_profile .kol_dsiplay_live {
  z-index: 1;
}
/*.kol_main_message .kol_row_card .kol_card_item:hover .kol_card_image {
  -webkit-box-shadow: 4px 4px 10px 2px rgba(0,0,0,0.4); 
  box-shadow: 4px 4px 10px 2px rgba(0,0,0,0.4);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}*/
/*.kol_player_main.afterjoinkol {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: end;
  align-items: end;
  
  position: absolute;
  right: 0px;
}*/
.kol_main_message .kol_row_card .kol_btn_join {
  padding: 2px 10px;
  align-items: center;
  border-radius: 18px;
  background: #F38E26;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 10px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.kol_main_message .kol_row_card .kol_btn_join:hover {
  color: #000000!important;
  background: #e48336!important;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#iframe_livechat {
  width: 100%;
  height: 100%;
  min-width: 1280px;
  min-height: 720px;
}





/* Bitmovin Player */
.bmpui-ui-buffering-overlay {
  background-color: rgba(0, 0, 0, .6);
}

#bmpui-id-214, #bmpui-id-215 {
  display: none
}

.bmpui-ui-buffering-overlay .bmpui-ui-buffering-overlay-indicator {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QEeCR8kYuK6WwAABS5JREFUaN7tml1sFFUUx393umX3YTM2iiIpoPjxAE1TaEqBxA9KtEmBMQb1yZdG2J0QEq3EB3koDhA/ogE0YNLZNPjxoKaJYjptHzRhjbQGyypiwEo08iVfJgRSN4HQdI8P3U1a2J0Z6O66bPaf7MPOOXP3/vacuffcewcqKpxExNe1QkorIqwClIjsEZGfROSkiPQAs8oysiJyj+TWwmJHuhjQf7kAny032Frx1qJyeoYbffjUlRPw2Tz5/L9Tyi3e/7dLOl+bTtuGYfj2VX6cRkdH0XWd0dHRXcAGIAhcAHbpuv5uxu7xZ90PnAJm5Ejn35RSfuDWA+8BNelLX2ma1n7p0qV/BwcH8wOchv4RaM5iOqTrerOfDFFKISIWsBYIAweADqXUZZ+R3Ay8lfXZ1LTaVCp1znGcvET4ZeADF5fXdF3fcbuPis/IzktnSC4dcRxnUb4Grec97Otu9/nzA5v2e87DpaGtrS2UL+BaD/tdRRg07/XyCQQCd+cL+LiHfaQIE8XvXg6O45ybNnAymQTY7OH25vnz5wtK6zjOp8AVl5R/Py+FRzgcRtf1I0BnDpdNuq7HZ8+eXVBg0zQBHgeyFQRf9/b2vmpZVv6mpfRo3Zieh+8DjgK7dV2/UKzip7W1lVAoFBKRDmABcFEp9UVvb+/Pq1evpr+/P78/mE7vkpKfqFZUUUUVVXRHamhoCIBEIlGXSCSeSSQSjQAjIyMl3/dIJJIpUB6ORqOrIpHIctfCY//+/dTU1CxIpVIDwIOTfC4Cy4LB4Kn6+vqS3Es1TRMRmQU4wJJJpmvAU7FYbGgK8OHDhxkbG9M1Tbuco9wcSyaToRUrVqRKNcLRaPQCOTb1RWSeiJzp7u6egFu8eDGapu10qa2rw+HwG6UKa5pmBy4nGEqpHd3d3TctHlq9StlSBRaRNr99nwwc9LgpVMJjllffgtmAD3jcNFjCwF59/2EK8PDwMCKy0eWGcaVUZzweL1XgrW6bA5qmvZJeT08ANzc3k0wmL1ZVVT0EnLzB/x8ReTQQCFxpaWkpVeAxYD4wfMP168Dyrq6uo7ZtT03plpYWUqnUiaampvnAAhFZKyLLmpqaZmmadqKhoaFk8zkWiyEiV2Kx2FIRmaOUelZEVsZiseDVq1cPVkrKiiqqqKKy1L59+6Z87+npueMYAj6Lc5RSVFdXP+Y4zkZgJhMb8TuBM8XoqGVZmc9GYBPwAPAnsNuyrA8zdi/5PnlwHMcCsi0RTcMwYkWC/ghoz2I6ZFlWs582lJ/o9vX1PQ184+KzVNO04TVr1hQEdPv27YyPj68C+t3/D2urV1ueh2npA+sOD5+thYIF6OzsBHjRw22Dn7b8ng97pcv8ImT0Ix72mfkEPuVhL8Y7Vn9M035LwJ94pPRnfhrp6uq67RE6veZ10668DFqTRuljwMIspm8Nw2j1CVynlPocqM+stYF1pmn2+QR/HXg7W0Asy2rPW4Qdx8EwjDomXl3K7CwcB9YbhtE6MDDgev/evXuxbXuJUuroJFiYOFh3bNt+wSfwO8ATwJfAwXTmLbcsq93vObHvCMfjcaaz42Hb9nWgOteOhWmaM/y0s23bNrZs2XJTQeJXqgiDDbZt1wO/erg9aZrm94XuS1HephWReT58aovRl6IAa5p2zMunqqpqpGyAo9HoSeA7tzk0Eon8UjbAtm0zd+7clUAiR9HSmNlGLQtg0zQ5ffq0mKa5RCnVAuwBPlZKvWSa5hylVDKzUV52ypziZVZBFRVY/wHx/kffzHU82QAAAABJRU5ErkJggg==") no-repeat 50%;
}
.bmpui-ui-container.bmpui-controlbar-bottom > div > button {
  background-size: 2.5em;
  height: 3em;
  min-width: 3em;
}
.bmpui-ui-settings-panel {
  min-width: inherit;
  bottom: 5.5em;
}

.bmpui-ui-selectbox {
  color: rgb(146, 146, 146, 1);
}




.bmpui-ui-uicontainer.bmpui-no-flexbox {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=")
}
/*PLAY*/
.bmpui-ui-playbacktogglebutton {
  background-image: url('data:image/svg+xml,%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" id="svg4136" viewBox="0 -150 1000 1000" version="1.1" class="svg-icon icon replaced-svg"%3E%3Cmetadata id="metadata4146"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"%3E%3C/dc:type%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs4144"%3E%3C/defs%3E%3Cg id="g4138" transform="matrix(1.6616537,0,0,-1.6616537,84.586575,933.24045)"%3E%3Cpath style="fill:white" id="path4140" d="m 486,376 q 14,-10 14,-25 0,-15 -14,-25 L 58,60 Q 34,44 17,54 0,64 0,94 l 0,514 q 0,30 17,40 17,10 41,-6 z"%3E%3C/path%3E%3C/g%3E%3C/svg%3E');
}
/*PAUSE*/
.bmpui-ui-playbacktogglebutton.bmpui-on.bmpui-stoptoggle {
    background-image: url("data:image/svg+xml,%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' id='svg4148' viewBox='0 -150 1000 1000' version='1.1' class='svg-icon icon replaced-svg'%3E%3Cmetadata id='metadata4158'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage'%3E%3C/dc:type%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id='defs4156'%3E%3C/defs%3E%3Cg id='g4150' transform='matrix(1.4258906,0,0,-1.4258906,122.13899,849.06171)'%3E%3Cpath style='fill:white' id='path4152' d='m 440,700 q 90,0 90,-64 L 530,66 Q 530,0 440,0 350,0 350,66 l 0,570 q 0,64 90,64 z m -350,0 q 90,0 90,-64 L 180,66 Q 180,0 90,0 0,0 0,66 l 0,570 q 0,64 90,64 z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.bmpui-ui-playbacktogglebutton.bmpui-on {
      background-image: url("data:image/svg+xml,%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' id='svg4148' viewBox='0 -150 1000 1000' version='1.1' class='svg-icon icon replaced-svg'%3E%3Cmetadata id='metadata4158'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage'%3E%3C/dc:type%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id='defs4156'%3E%3C/defs%3E%3Cg id='g4150' transform='matrix(1.4258906,0,0,-1.4258906,122.13899,849.06171)'%3E%3Cpath style='fill:white' id='path4152' d='m 440,700 q 90,0 90,-64 L 530,66 Q 530,0 440,0 350,0 350,66 l 0,570 q 0,64 90,64 z m -350,0 q 90,0 90,-64 L 180,66 Q 180,0 90,0 0,0 0,66 l 0,570 q 0,64 90,64 z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.bmpui-ui-quickseekbutton[data-bmpui-seek-direction=forward] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32' xml:space='preserve'%3E%3Cpath d='M16.8 21c.5 0 .9-.4.9-.9v-3.2h3.2c.5 0 .9-.4.9-.9s-.4-.9-.9-.9h-3.2v-3.2c0-.5-.4-.9-.9-.9s-.9.4-.9 1v3.1h-3.2c-.5 0-.9.4-.9.9s.4.9 1 .9H16v3.2c-.1.6.2.9.8.9zm8.4-10.5V6.8c0-.5-.4-.9-.9-.9s-.9.4-.9.9v1.5c-1.8-1.5-4.1-2.4-6.5-2.4-5.6 0-10.1 4.5-10.1 10.1s4.5 10.1 10.1 10.1c3.2 0 6.2-1.5 8.1-4.1.3-.4.2-1-.2-1.3-.4-.3-1-.2-1.2.2-1.6 2.1-4.1 3.4-6.7 3.4-4.6 0-8.3-3.7-8.3-8.3s3.7-8.3 8.3-8.3c1.9 0 3.7.7 5.2 1.9h-1.5c-.5 0-.9.4-.9.9s.4.9.9.9h3.7c.5 0 .9-.4.9-.9z' style='fill:%23fff'/%3E%3C/svg%3E")
}
.bmpui-ui-quickseekbutton[data-bmpui-seek-direction=rewind] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32;zoom:1' xml:space='preserve'%3E%3Cpath d='M21.073 16c0-.5-.4-.9-.9-.9h-8.3c-.5 0-.9.4-.9.9s.4.9.9.9h8.2c.6 0 1-.4 1-.9m-5.2-10.1c-2.4 0-4.7.9-6.5 2.4V6.8c0-.5-.4-.9-.9-.9s-.9.4-.9.9v3.7c0 .5.4.9.9.9h3.7c.5 0 .9-.4.9-.9s-.4-.9-.9-.9h-1.5c1.5-1.2 3.3-1.9 5.2-1.9 4.6 0 8.3 3.7 8.3 8.3s-3.7 8.3-8.3 8.3c-2.6 0-5.1-1.3-6.7-3.4-.2-.4-.8-.5-1.2-.2-.4.3-.5.9-.2 1.3 1.9 2.6 4.9 4.1 8.1 4.1 5.6 0 10.1-4.5 10.1-10.1s-4.5-10.1-10.1-10.1' style='fill:%23fff'/%3E%3C/svg%3E")
}
.bmpui-ui-fullscreentogglebutton {
    background-image: url('data:image/svg+xml,%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" id="svg4700" viewBox="0 -150 1000 1000" version="1.1" class="svg-icon icon replaced-svg"%3E%3Cmetadata id="metadata4710"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"%3E%3C/dc:type%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs4708"%3E%3C/defs%3E%3Cg id="g4702" transform="matrix(1.0988701,0,0,-1.0988701,-49.43505,734.60454)"%3E%3Cpath style="fill:white" id="path4704" d="m 47,608 0,-117 55,0 q 38,-2 47,8 9,10 7,54 l 0,63 63,0 q 44,-2 54,7 10,9 8,47 l 0,55 -234,0 0,-117 z m 672,62 q -2,-38 8,-47 10,-9 54,-7 l 63,0 0,-63 q -2,-44 7,-54 9,-10 47,-8 l 55,0 0,234 -234,0 0,-55 z M 47,92 l 0,-117 234,0 0,55 q 2,38 -8,47 -10,9 -54,7 l -63,0 0,63 q 2,44 -7,54 -9,10 -47,8 l -55,0 0,-117 z m 797,55 0,-63 -63,0 q -44,2 -54,-7 -10,-9 -8,-47 l 0,-55 234,0 0,234 -55,0 q -38,2 -47,-8 -9,-10 -7,-54 z"%3E%3C/path%3E%3C/g%3E%3C/svg%3E');
}
.bmpui-ui-fullscreentogglebutton.bmpui-on {
    background-image: url('data:image/svg+xml,%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" id="svg5252" viewBox="0 -150 1000 1000" version="1.1" class="svg-icon icon replaced-svg"%3E%3Cmetadata id="metadata5262"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"%3E%3C/dc:type%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs5260"%3E%3C/defs%3E%3Cg id="g5254" transform="matrix(1.0982848,0,0,-1.0982848,-49.1424,734.39968)"%3E%3Cpath style="fill:white" id="path5256" d="m 172,663 0,-63 -63,0 Q 65,602 55,592.5 45,583 47,545 l 0,-54 234,0 0,234 -54,0 q -39,2 -48,-8.5 -9,-10.5 -7,-53.5 z m 547,-55 0,-117 234,0 0,54 q 2,38 -8,47.5 -10,9.5 -54,7.5 l -63,0 0,63 q 2,43 -7,53.5 -9,10.5 -48,8.5 l -54,0 0,-117 z M 47,155 Q 45,117 55,107.5 65,98 109,100 l 63,0 0,-62 q -2,-44 7,-54.5 9,-10.5 48,-8.5 l 54,0 0,234 -234,0 0,-54 z m 672,-63 0,-117 54,0 q 39,-2 48,8.5 9,10.5 7,54.5 l 0,62 63,0 q 44,-2 54,7.5 10,9.5 8,47.5 l 0,54 -234,0 0,-117 z"%3E%3C/path%3E%3C/g%3E%3C/svg%3E');
}
.bmpui-ui-vrtogglebutton {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32' xml:space='preserve'%3E%3Cstyle%3E.st0{fill:%23fff}%3C/style%3E%3Cpath class='st0' d='M29 5.4H3C1.7 5.4.6 6.5.6 7.8v16.5c0 1.3 1.1 2.4 2.4 2.4h9.4v-2.4H3V7.7h26v16.5h-9.4v2.4H29c1.3 0 2.4-1.1 2.4-2.4V7.7c0-1.3-1.1-2.3-2.4-2.3z' id='Rectangle_9'/%3E%3Cpath class='st0' d='M10.1 11.3c-2.6 0-4.7 2.1-4.7 4.7s2.1 4.7 4.7 4.7 4.7-2.1 4.7-4.7-2.1-4.7-4.7-4.7zm0 7.1c-1.3 0-2.4-1.1-2.4-2.4s1.1-2.4 2.4-2.4 2.4 1.1 2.4 2.4-1.1 2.4-2.4 2.4z' id='v'/%3E%3Cpath class='st0' d='M21.9 11.3c-2.6 0-4.7 2.1-4.7 4.7s2.1 4.7 4.7 4.7 4.7-2.1 4.7-4.7-2.1-4.7-4.7-4.7zm0 7.1c-1.3 0-2.4-1.1-2.4-2.4s1.1-2.4 2.4-2.4 2.4 1.1 2.4 2.4-1.1 2.4-2.4 2.4z' id='v_copy'/%3E%3Cpath class='st0' d='M16 23.1c2 0 3.5 1.5 3.5 3.5h2.4c0-3.3-2.6-5.9-5.9-5.9s-5.9 2.6-5.9 5.9h2.4c0-2 1.5-3.5 3.5-3.5z' id='Rectangle_10'/%3E%3C/svg%3E")
}
.bmpui-ui-volumetogglebutton.bmpui-muted,.bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="0"] {
    background-image: url('data:image/svg+xml,%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 -150 1000 1000" id="svg3387" class="svg-icon icon volume-icon-off replaced-svg" style=""%3E%3Cmetadata id="metadata3397"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"%3E%3C/dc:type%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs3395"%3E%3C/defs%3E%3Cg transform="matrix(1.3163842,0,0,-1.3163842,6.355925,810.73447)" id="g3389"%3E%3Cpath d="M 668,350 Q 666,453 608.5,530 551,607 459,637 l 0,88 Q 586,693 666.5,591 747,489 750,350 750,299 738,251.5 726,204 703,163 l -62,62 q 26,57 27,125 z m -293,344 0,-203 -100,99 z m 322,-619 0,0 47,-47 -47,-47 -78,78 Q 551,-3 459,-25 l 0,88 q 56,17 102,55 L 375,303 375,6 166,225 0,225 0,475 166,475 184,495 6,672 53,719 Z M 563,350 q 1,-21 -4,-43 l -100,100 0,117 Q 507,500 534.5,453.5 562,407 563,350 Z" id="path3391" style="fill:white"%3E%3C/path%3E%3C/g%3E%3C/svg%3E');
}
.bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="1"],.bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="2"],.bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="3"],.bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="4"],.bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="5"] {
    background-image: url('data:image/svg+xml,%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" version="1.1" viewBox="0 -150 1000 1000" id="svg3375" inkscape:version="0.91 r13725" sodipodi:docname="volume-l2.svg" class="svg-icon icon volume-icon-l2 replaced-svg" style=""%3E%3Cmetadata id="metadata3385"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"%3E%3C/dc:type%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs3383"%3E%3C/defs%3E%3Csodipodi:namedview pagecolor="%23ffffff" bordercolor="%23666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1920" inkscape:window-height="1018" id="namedview3381" showgrid="false" inkscape:zoom="0.472" inkscape:cx="689.70577" inkscape:cy="397.88181" inkscape:window-x="-8" inkscape:window-y="-8" inkscape:window-maximized="1" inkscape:current-layer="g3377"%3E%3C/sodipodi:namedview%3E%3Cg transform="matrix(1.3216912,0,0,-1.3216912,4.3658,812.59192)" id="g3377"%3E%3Cpath d="M 0,475 166,475 375,694 375,6 166,225 0,225 Z M 563,350 C 562.33333,312 552.83333,277.66667 534.5,247 516.16667,216.33333 491,193.33333 459,178 l 0,346 c 32,-16 57.16667,-39.5 75.5,-70.5 18.33333,-31 27.83333,-65.5 28.5,-103.5 z" id="path3379" inkscape:connector-curvature="0" style="fill:white" sodipodi:nodetypes="ccccccccsccsc"%3E%3C/path%3E%3C/g%3E%3C/svg%3E');
}
.bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="1"] {
  background-image: url('data:image/svg+xml,%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" id="svg3375" viewBox="0 -150 1000 1000" version="1.1" class="svg-icon icon volume-icon-l1 replaced-svg" style=""%3E%3Cmetadata id="metadata3385"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"%3E%3C/dc:type%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs3383"%3E%3C/defs%3E%3Cg id="g3377" transform="matrix(1.3216912,0,0,-1.3216912,4.3658,812.59192)"%3E%3Cpath style="fill:white" id="path3379" d="M 0,475 166,475 375,694 375,6 166,225 0,225 Z"%3E%3C/path%3E%3C/g%3E%3C/svg%3E');
}
.bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="10"],.bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="6"],.bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="7"],.bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="8"],.bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="9"] {
    background-image: url('data:image/svg+xml,%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" id="svg3375" viewBox="0 -150 1000 1000" version="1.1" class="svg-icon icon volume-icon-l3 replaced-svg" style=""%3E%3Cmetadata id="metadata3385"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"%3E%3C/dc:type%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs3383"%3E%3C/defs%3E%3Cg id="g3377" transform="matrix(1.3216912,0,0,-1.3216912,4.3658,812.59192)"%3E%3Cpath style="fill:white" id="path3379" d="M 0,475 166,475 375,694 375,6 166,225 0,225 0,475 Z M 563,350 Q 562,293 534.5,247 507,201 459,178 l 0,346 Q 507,500 534.5,453.5 562,407 563,350 Z M 459,725 Q 586,693 666.5,591 747,489 750,350 747,211 666.5,109 586,7 459,-25 l 0,88 Q 551,93 607.5,170 664,247 666,350 664,453 607.5,530 551,607 459,637 l 0,88 z"%3E%3C/path%3E%3C/g%3E%3C/svg%3E');
}
.bmpui-ui-ecomodetogglebutton.bmpui-on {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='33' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='8' width='32' height='16' rx='8' fill='%23006AED'/%3E%3Cg filter='url(%23a)'%3E%3Ccircle cx='23.667' cy='16' r='6.667' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' x='15' y='7.333' width='17.334' height='17.333' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.796078 0 0 0 0 0.878431 0 0 0 0 0.929412 0 0 0 1 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_2_1649'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_2_1649' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    background-position: 20px;
    background-size: 45% auto;
    margin-left: 2%
}
.bmpui-ui-ecomodetogglebutton.bmpui-off {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='33' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='8' width='32' height='16' rx='8' fill='%23868E96'/%3E%3Cg filter='url(%23a)'%3E%3Ccircle cx='8.667' cy='16' r='6.667' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' x='0' y='7.333' width='17.334' height='17.333' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.796078 0 0 0 0 0.878431 0 0 0 0 0.929412 0 0 0 1 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_2_1606'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_2_1606' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    background-position: 20px;
    background-size: 45% auto
}
#ecomodelabel:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.293 21.707a1 1 0 0 0 1.414 0l3.05-3.051a9.82 9.82 0 0 0 4.262 1.014 9.2 9.2 0 0 0 6.638-2.964C23 11.361 21.936 3.3 21.887 2.963a1 1 0 0 0-.85-.851C20.7 2.063 12.637 1 7.294 6.344a9.091 9.091 0 0 0-1.95 10.9l-3.051 3.049a1 1 0 0 0 0 1.414ZM8.708 7.758c3.733-3.733 9.236-3.839 11.264-3.73.106 2.029 0 7.531-3.73 11.264a7.062 7.062 0 0 1-7.983 1.863l4.4-4.4a1 1 0 1 0-1.414-1.414l-4.4 4.4a7.063 7.063 0 0 1 1.863-7.983Z' fill='%2343C878'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 1.7em auto;
    content: " ";
    display: inline-block;
    height: 1.5em;
    width: 2em
}
.bmpui-ui-watermark {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 68' style='enable-background:new 0 0 68 68' xml:space='preserve'%3E%3Cpath d='M63.3 32.5 24.3 5v13.4l20.4 14.5c.8.6.8 1.8 0 2.4L24.3 49.6V63l39-27.5c.9-.8.9-2.2 0-3zm-25.3 0L12.8 14.7V25l11.1 7.9c.8.6.8 1.8 0 2.4L12.8 43v10.3L38 35.5c1-.8 1-2.2 0-3zm-20.8.1L4 23.2v6.5l4.5 3.2c.8.6.8 1.8 0 2.4L4 38.4v6.5l13.2-9.4c1-.8 1-2.2 0-2.9z' style='fill-rule:evenodd;clip-rule:evenodd;fill:%231fabe2'/%3E%3C/svg%3E");
    background-size: initial;
    height: 4em;
    margin: 2em;
    opacity: .8;
    position: absolute;
    right: 0;
    top: 0;
    width: 4em
}
.bmpui-ui-hugeplaybacktogglebutton .bmpui-image {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 140' style='enable-background:new 0 0 140 140' xml:space='preserve'%3E%3Cpath d='M70 5C34.1 5 5 34.1 5 70s29.1 65 65 65 65-29.1 65-65S105.9 5 70 5zm0 127c-34.2 0-62-27.8-62-62S35.8 8 70 8s62 27.8 62 62-27.8 62-62 62z' style='opacity:.6;fill-rule:evenodd;clip-rule:evenodd;fill:%23fff'/%3E%3Cpath d='M89.2 68.5 63.1 50.4c-.6-.4-1.4-.5-2-.1-.6.3-1.1 1-1.1 1.7v36.2c0 .7.4 1.4 1.1 1.7.3.1.6.2.9.2.4 0 .8-.1 1.1-.4l26.1-18.1c.5-.4.8-.9.8-1.5 0-.7-.3-1.3-.8-1.6zM63.9 84.4V55.6L84.7 70 63.9 84.4z' style='fill-rule:evenodd;clip-rule:evenodd;fill:%23fff'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 7em;
    height: 100%;
    width: 100%
}
.bmpui-ui-settingspanelpageopenbutton {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32' xml:space='preserve'%3E%3Cpath d='m25.6 13.8-1.4-.3c-.2-.5-.4-1-.6-1.4l.9-1.3c.4-.5.3-1.3-.1-1.7L23 7.7c-.3-.3-.6-.4-1-.4-.3 0-.6.1-.8.3l-1.2.9c-.5-.3-1-.5-1.5-.6l-.3-1.4c0-.6-.6-1.1-1.3-1.1H15c-.7 0-1.2.5-1.3 1.1L13.5 8c-.5.2-1 .4-1.4.6l-1.3-.9c-.2-.2-.5-.3-.8-.3-.4 0-.7.1-1 .4L7.8 9.1c-.5.5-.5 1.2-.1 1.7l.9 1.3c-.3.5-.5 1-.6 1.4l-1.4.3c-.7 0-1.2.6-1.2 1.3V17c0 .7.5 1.2 1.1 1.3l1.5.2c.2.5.4 1 .6 1.4l-.9 1.3c-.4.5-.3 1.3.1 1.7l1.4 1.4c.3.3.6.4 1 .4.3 0 .6-.1.8-.3l1.3-.9c.5.2 1 .4 1.4.6l.3 1.4c.1.7.7 1.1 1.3 1.1H17c.7 0 1.2-.5 1.3-1.1l.3-1.4c.5-.2 1-.4 1.4-.6l1.3.9c.2.2.5.3.8.3.4 0 .7-.1 1-.4l1.4-1.4c.5-.5.5-1.2.1-1.7L23.5 20c.3-.5.5-1 .6-1.4l1.4-.3c.7-.1 1.1-.7 1.1-1.3v-2c0-.5-.5-1.1-1-1.2zm-1 3.1c0 .1 0 .1 0 0l-1.8.4c-.2 0-.4.2-.4.4-.2.6-.4 1.2-.7 1.6-.1.2-.1.4 0 .6l1 1.4v.1l-1.2 1.2h-.2l-1.4-1c-.2-.1-.4-.1-.6 0-.5.3-1.1.6-1.6.7-.2.1-.4.2-.4.4l-.3 1.8c0 .1-.1.1-.1.1h-1.7c-.1 0-.1 0-.1-.1l-.3-1.7c0-.2-.2-.4-.4-.4-.6-.2-1.2-.4-1.6-.7-.1 0-.2-.1-.3-.1-.1 0-.2 0-.3.1l-1.4 1h-.2l-1.2-1.2v-.1l1-1.4c.1-.2.1-.4 0-.6-.4-.4-.7-1-.8-1.6-.1-.2-.2-.4-.4-.4L7.5 17c-.1 0-.1-.1-.1-.1v-1.7c0-.1 0-.1.1-.1l1.7-.2c.2 0 .4-.2.5-.4.2-.6.4-1.2.7-1.6.1-.2.1-.4 0-.6l-1-1.4v-.1l1.2-1.2h.2l1.4 1c.2.1.4.1.6 0 .5-.3 1.1-.6 1.6-.7.2-.1.4-.2.4-.4l.2-2c0-.1.1-.1.1-.1h1.7c.1 0 .1 0 .1.1l.2 1.7c0 .2.2.4.4.5.6.2 1.2.4 1.7.7.2.1.4.1.6 0l1.4-1h.2l1.2 1.2v.1l-1 1.4c-.1.2-.1.4 0 .6.3.5.6 1.1.7 1.6.1.2.2.4.4.4l1.6.3c.1 0 .1.1.1.1v1.8h.2zM16 11.5c-2.5 0-4.5 2-4.5 4.5s2 4.5 4.5 4.5 4.5-2 4.5-4.5-2-4.5-4.5-4.5zm0 7.3c-1.5 0-2.8-1.3-2.8-2.8s1.3-2.8 2.8-2.8 2.8 1.3 2.8 2.8-1.3 2.8-2.8 2.8z' style='fill:%23fff'/%3E%3C/svg%3E");
    max-height: .8em;
    padding: .3em 0;
    vertical-align: bottom
}
.bmpui-on.bmpui-ui-settingspanelpageopenbutton {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32' xml:space='preserve'%3E%3Cstyle%3E.st1{fill:%231fabe2}%3C/style%3E%3Cpath class='st1' d='M23.6 12.9c-.5-1.1-.7-2.2-1.4-3-.9-.9-2.2-1.2-3.3-1.6-1-.4-1.7-1-2.9-1s-2.1.7-3.2 1.1c-1.1.5-2.1.7-3 1.4-.9.8-1 1.8-1.4 2.9-.4 1.1-1.1 2-1.1 3.3s.6 2 1 3.1c.5 1.1.8 2.3 1.6 3.1.8.8 1.8 1 2.9 1.4 1.1.4 2 1.1 3.2 1.1s2.3-.7 3.4-1.2c1.1-.4 1.9-.6 2.8-1.4.9-.9 1.1-1.9 1.4-3.1.4-1 1.2-2 1.2-3.1-.1-1.1-.8-2-1.2-3zm-7.6 7c-2.1 0-3.9-1.7-3.9-3.9s1.7-3.9 3.9-3.9 3.9 1.7 3.9 3.9-1.8 3.9-3.9 3.9z' id='Ellipse_1_copy' style='opacity:.302'/%3E%3Cpath class='st1' d='m25.6 13.8-1.4-.3c-.2-.5-.4-1-.6-1.4l.9-1.3c.4-.5.3-1.3-.1-1.7L23 7.7c-.3-.3-.6-.4-1-.4-.3 0-.6.1-.8.3l-1.2.9c-.5-.3-1-.5-1.5-.6l-.3-1.4c0-.6-.6-1.1-1.3-1.1H15c-.7 0-1.2.5-1.3 1.1L13.5 8c-.5.2-1 .4-1.4.6l-1.3-.9c-.2-.2-.5-.3-.8-.3-.4 0-.7.1-1 .4L7.8 9.1c-.5.5-.5 1.2-.1 1.7l.9 1.3c-.3.5-.5 1-.6 1.4l-1.4.3c-.7 0-1.2.6-1.2 1.3V17c0 .7.5 1.2 1.1 1.3l1.5.2c.2.5.4 1 .6 1.4l-.9 1.3c-.4.5-.3 1.3.1 1.7l1.4 1.4c.3.3.6.4 1 .4.3 0 .6-.1.8-.3l1.3-.9c.5.2 1 .4 1.4.6l.3 1.4c.1.7.7 1.1 1.3 1.1H17c.7 0 1.2-.5 1.3-1.1l.3-1.4c.5-.2 1-.4 1.4-.6l1.3.9c.2.2.5.3.8.3.4 0 .7-.1 1-.4l1.4-1.4c.5-.5.5-1.2.1-1.7L23.5 20c.3-.5.5-1 .6-1.4l1.4-.3c.7-.1 1.1-.7 1.1-1.3v-2c0-.5-.5-1.1-1-1.2zm-1 3.1c0 .1 0 .1 0 0l-1.8.4c-.2 0-.4.2-.4.4-.2.6-.4 1.2-.7 1.6-.1.2-.1.4 0 .6l1 1.4v.1l-1.2 1.2h-.2l-1.4-1c-.2-.1-.4-.1-.6 0-.5.3-1.1.6-1.6.7-.2.1-.4.2-.4.4l-.3 1.8c0 .1-.1.1-.1.1h-1.7c-.1 0-.1 0-.1-.1l-.3-1.7c0-.2-.2-.4-.4-.4-.6-.2-1.2-.4-1.6-.7-.1 0-.2-.1-.3-.1-.1 0-.2 0-.3.1l-1.4 1h-.2l-1.2-1.2v-.1l1-1.4c.1-.2.1-.4 0-.6-.4-.4-.7-1-.8-1.6-.1-.2-.2-.4-.4-.4L7.5 17c-.1 0-.1-.1-.1-.1v-1.7c0-.1 0-.1.1-.1l1.7-.2c.2 0 .4-.2.5-.4.2-.6.4-1.2.7-1.6.1-.2.1-.4 0-.6l-1-1.4v-.1l1.2-1.2h.2l1.4 1c.2.1.4.1.6 0 .5-.3 1.1-.6 1.6-.7.2-.1.4-.2.4-.4l.2-2c0-.1.1-.1.1-.1h1.7c.1 0 .1 0 .1.1l.2 1.7c0 .2.2.4.4.5.6.2 1.2.4 1.7.7.2.1.4.1.6 0l1.4-1h.2l1.2 1.2v.1l-1 1.4c-.1.2-.1.4 0 .6.3.5.6 1.1.7 1.6.1.2.2.4.4.4l1.6.3c.1 0 .1.1.1.1v1.8h.2zM16 11.5c-2.5 0-4.5 2-4.5 4.5s2 4.5 4.5 4.5 4.5-2 4.5-4.5-2-4.5-4.5-4.5zm0 7.3c-1.5 0-2.8-1.3-2.8-2.8s1.3-2.8 2.8-2.8 2.8 1.3 2.8 2.8-1.3 2.8-2.8 2.8z' id='Shape_4_1_'/%3E%3C/svg%3E")
}
.bmpui-ui-settingstogglebutton {
    background-image: url('data:image/svg+xml,%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" id="svg5804" viewBox="-1 -150 1000 1000" version="1.1" class="svg-icon icon replaced-svg"%3E%3Cmetadata id="metadata5814"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"%3E%3C/dc:type%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs5812"%3E%3C/defs%3E%3Cg id="g5806" transform="matrix(1.2709264,0,0,-1.2709264,42.737422,794.82424)"%3E%3Cpath style="fill:white" id="path5808" d="m 250,87 q -5,20 -24,31 -19,11 -40,5 L 110,101 Q 89,94 66,104 43,114 34,132 L 7,177 q -10,19 -6,42 4,23 19,39 l 56,55 q 15,15 15,36 0,21 -15,37 l -56,55 q -16,15 -19,38 -3,23 8,43 l 25,46 q 10,19 32,28 22,9 44,2 l 76,-21 q 21,-6 40,5 19,11 24,31 l 19,76 q 6,22 25,37 19,15 40,15 l 51,0 q 21,0 40,-15 19,-15 25,-37 l 20,-76 q 6,-21 24,-31 18,-10 38,-5 l 77,21 q 21,6 43,-2 22,-8 33,-28 l 26,-46 q 10,-19 6,-43 -4,-24 -18,-38 l -57,-55 q -16,-15 -15,-37 1,-22 15,-36 l 57,-55 q 15,-15 18,-39 3,-24 -6,-42 l -26,-45 q -10,-19 -33,-28 -23,-9 -43,-3 l -77,22 q -20,5 -38,-5 -18,-10 -24,-31 L 450,9 q -6,-21 -25,-35 -19,-14 -40,-15 l -51,0 q -22,0 -40,15 -18,15 -25,35 z m 110,366 q -44,0 -75,-31 -31,-31 -30,-73 1,-42 30,-73 29,-31 75,-30 42,0 73,30 31,30 31,73 0,43 -31,74 -31,31 -73,30 z"%3E%3C/path%3E%3C/g%3E%3C/svg%3E');
}
.bmpui-ui-settingstogglebutton.bmpui-on {
    background-image: url('data:image/svg+xml,%3Csvg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns%23" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" id="svg5804" viewBox="-1 -150 1000 1000" version="1.1" class="svg-icon icon replaced-svg"%3E%3Cmetadata id="metadata5814"%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=""%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"%3E%3C/dc:type%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id="defs5812"%3E%3C/defs%3E%3Cg id="g5806" transform="matrix(1.2709264,0,0,-1.2709264,42.737422,794.82424)"%3E%3Cpath style="fill:white" id="path5808" d="m 250,87 q -5,20 -24,31 -19,11 -40,5 L 110,101 Q 89,94 66,104 43,114 34,132 L 7,177 q -10,19 -6,42 4,23 19,39 l 56,55 q 15,15 15,36 0,21 -15,37 l -56,55 q -16,15 -19,38 -3,23 8,43 l 25,46 q 10,19 32,28 22,9 44,2 l 76,-21 q 21,-6 40,5 19,11 24,31 l 19,76 q 6,22 25,37 19,15 40,15 l 51,0 q 21,0 40,-15 19,-15 25,-37 l 20,-76 q 6,-21 24,-31 18,-10 38,-5 l 77,21 q 21,6 43,-2 22,-8 33,-28 l 26,-46 q 10,-19 6,-43 -4,-24 -18,-38 l -57,-55 q -16,-15 -15,-37 1,-22 15,-36 l 57,-55 q 15,-15 18,-39 3,-24 -6,-42 l -26,-45 q -10,-19 -33,-28 -23,-9 -43,-3 l -77,22 q -20,5 -38,-5 -18,-10 -24,-31 L 450,9 q -6,-21 -25,-35 -19,-14 -40,-15 l -51,0 q -22,0 -40,15 -18,15 -25,35 z m 110,366 q -44,0 -75,-31 -31,-31 -30,-73 1,-42 30,-73 29,-31 75,-30 42,0 73,30 31,30 31,73 0,43 -31,74 -31,31 -73,30 z"%3E%3C/path%3E%3C/g%3E%3C/svg%3E');
}
.bmpui-ui-casttogglebutton {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32' xml:space='preserve'%3E%3Cstyle%3E.st0{fill:%23fff}%3C/style%3E%3Cpath class='st0' d='M27.7 5.4H6.4c-1.2 0-2.1 1-2.1 2.1v2.1h2.1V7.5h21.3v12.8h-8.5v2.1h8.5c1.2 0 2.1-1 2.1-2.1V7.5c0-1.2-.9-2.1-2.1-2.1z' id='Rectangle_9_copy'/%3E%3Cpath class='st0' d='M2.2 12.8v2.1c6.5 0 11.7 5.2 11.7 11.7H16C16 19 9.8 12.8 2.2 12.8zm0 5.3v2.1c3.5 0 6.4 2.9 6.4 6.4h2.1c0-4.6-3.8-8.5-8.5-8.5zm0 5.3v3.2h3.2c0-1.8-1.4-3.2-3.2-3.2z' id='Rectangle_12'/%3E%3C/svg%3E")
}
.bmpui-ui-casttogglebutton.bmpui-on {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32' xml:space='preserve'%3E%3Cstyle%3E.st1{fill:%231fabe2}%3C/style%3E%3Cpath class='st1' d='M6.4 7.5v3.3c5.3.6 9.7 4.5 11.2 9.5h10.1V7.5H6.4z' id='Ellipse_1' style='opacity:.302'/%3E%3Cpath class='st1' d='M2.2 23.4v3.2h3.2c0-1.8-1.4-3.2-3.2-3.2zm0-5.3v2.1c3.5 0 6.4 2.9 6.4 6.4h2.1c0-4.6-3.8-8.5-8.5-8.5zm0-5.3v2.1c6.5 0 11.7 5.2 11.7 11.7H16C16 19 9.8 12.8 2.2 12.8zm25.5-7.4H6.4c-1.2 0-2.1 1-2.1 2.1v2.1h2.1V7.5h21.3v12.8h-8.5v2.1h8.5c1.2 0 2.1-1 2.1-2.1V7.5c0-1.2-.9-2.1-2.1-2.1z' id='Rectangle_12_2_'/%3E%3C/svg%3E")
}
.bmpui-ui-cast-status-overlay {
    background: #111 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32' xml:space='preserve'%3E%3Cstyle%3E.st0{fill:%23fff}%3C/style%3E%3Cpath class='st0' d='M27.7 5.4H6.4c-1.2 0-2.1 1-2.1 2.1v2.1h2.1V7.5h21.3v12.8h-8.5v2.1h8.5c1.2 0 2.1-1 2.1-2.1V7.5c0-1.2-.9-2.1-2.1-2.1z' id='Rectangle_9_copy'/%3E%3Cpath class='st0' d='M2.2 12.8v2.1c6.5 0 11.7 5.2 11.7 11.7H16C16 19 9.8 12.8 2.2 12.8zm0 5.3v2.1c3.5 0 6.4 2.9 6.4 6.4h2.1c0-4.6-3.8-8.5-8.5-8.5zm0 5.3v3.2h3.2c0-1.8-1.4-3.2-3.2-3.2z' id='Rectangle_12'/%3E%3C/svg%3E") 50% no-repeat;
    background-size: 7em 7em;
    height: 100%;
    left: 0;
    margin: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .3s,visibility 0s;
    transition: opacity .3s,visibility 0s;
    visibility: visible;
    width: 100%
}
.bmpui-ui-hugereplaybutton .bmpui-image {
    background-image: url('data:image/svg+xml,%3Csvg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M11.109 18.4899L18.3126 13.8435C18.7291 13.578 18.7291 13.047 18.3126 12.7815L11.109 8.13511C10.6 7.80323 9.875 8.12184 9.875 8.66613V17.9589C9.875 18.5032 10.6 18.8218 11.109 18.4899Z" fill="white"/%3E%3Cpath d="M2.68982 13.0021C2.68982 7.04154 7.68373 2.21387 13.7795 2.37912C19.3934 2.53249 24.0902 7.16175 24.2458 12.6949C24.4135 18.703 19.5153 23.625 13.4678 23.625C10.9647 23.625 8.67872 22.7873 6.85904 21.3713L6.85586 21.3689C6.41685 21.0375 6.37953 20.3694 6.7847 19.9701C7.12756 19.6321 7.65991 19.6023 8.04396 19.895C9.53959 21.0565 11.4281 21.7433 13.4678 21.7433C18.4092 21.7433 22.3999 17.7595 22.3365 12.8775C22.2732 8.22935 18.31 4.3234 13.594 4.26092C8.62827 4.1985 4.59897 8.13198 4.59897 13.0021V13.2715H6.44728C6.7588 13.2715 6.90233 13.637 6.69562 13.8407L3.89297 16.6152C3.7542 16.7518 3.54668 16.7516 3.40791 16.615L0.605479 13.8407L0.601933 13.8373C0.388479 13.6335 0.5303 13.2715 0.841511 13.2715H2.68982V13.0021Z" fill="white"/%3E%3C/svg%3E');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 5em;
    height: 100%;
    width: 100%
}

.bmpui-ui-replaybutton {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32' xml:space='preserve'%3E%3Cpath d='M22.8 9.1c-3.8-3.9-10.1-4-14.1-.2V7.1c0-.6-.4-1-1-1s-1 .4-1 1v4.5c0 .6.4 1 1 1h4.5c.6 0 1-.4 1-1s-.4-1-1-1H9.8c1.6-1.6 3.7-2.5 5.9-2.5 4.4 0 8 3.7 8 8.1s-3.7 8-8.1 8c-3.5 0-6.5-2.3-7.6-5.4-.1-.4-.5-.8-.9-.8-.5 0-1 .4-1 1 0 .1 0 .2.1.3.5 1.3 1.2 2.5 2.2 3.5 3.8 4 10.1 4.1 14.1.3 4-3.6 4.1-9.9.3-14z' style='fill:%23fff'/%3E%3C/svg%3E")
}
.bmpui-ui-buffering-overlay .bmpui-ui-buffering-overlay-indicator {
    -webkit-animation: bmpui-fancy 2s ease-in infinite;
    animation: bmpui-fancy 2s ease-in infinite;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QEeCR8kYuK6WwAABS5JREFUaN7tml1sFFUUx393umX3YTM2iiIpoPjxAE1TaEqBxA9KtEmBMQb1yZdG2J0QEq3EB3koDhA/ogE0YNLZNPjxoKaJYjptHzRhjbQGyypiwEo08iVfJgRSN4HQdI8P3U1a2J0Z6O66bPaf7MPOOXP3/vacuffcewcqKpxExNe1QkorIqwClIjsEZGfROSkiPQAs8oysiJyj+TWwmJHuhjQf7kAny032Frx1qJyeoYbffjUlRPw2Tz5/L9Tyi3e/7dLOl+bTtuGYfj2VX6cRkdH0XWd0dHRXcAGIAhcAHbpuv5uxu7xZ90PnAJm5Ejn35RSfuDWA+8BNelLX2ma1n7p0qV/BwcH8wOchv4RaM5iOqTrerOfDFFKISIWsBYIAweADqXUZZ+R3Ay8lfXZ1LTaVCp1znGcvET4ZeADF5fXdF3fcbuPis/IzktnSC4dcRxnUb4Grec97Otu9/nzA5v2e87DpaGtrS2UL+BaD/tdRRg07/XyCQQCd+cL+LiHfaQIE8XvXg6O45ybNnAymQTY7OH25vnz5wtK6zjOp8AVl5R/Py+FRzgcRtf1I0BnDpdNuq7HZ8+eXVBg0zQBHgeyFQRf9/b2vmpZVv6mpfRo3Zieh+8DjgK7dV2/UKzip7W1lVAoFBKRDmABcFEp9UVvb+/Pq1evpr+/P78/mE7vkpKfqFZUUUUVVXRHamhoCIBEIlGXSCSeSSQSjQAjIyMl3/dIJJIpUB6ORqOrIpHIctfCY//+/dTU1CxIpVIDwIOTfC4Cy4LB4Kn6+vqS3Es1TRMRmQU4wJJJpmvAU7FYbGgK8OHDhxkbG9M1Tbuco9wcSyaToRUrVqRKNcLRaPQCOTb1RWSeiJzp7u6egFu8eDGapu10qa2rw+HwG6UKa5pmBy4nGEqpHd3d3TctHlq9StlSBRaRNr99nwwc9LgpVMJjllffgtmAD3jcNFjCwF59/2EK8PDwMCKy0eWGcaVUZzweL1XgrW6bA5qmvZJeT08ANzc3k0wmL1ZVVT0EnLzB/x8ReTQQCFxpaWkpVeAxYD4wfMP168Dyrq6uo7ZtT03plpYWUqnUiaampvnAAhFZKyLLmpqaZmmadqKhoaFk8zkWiyEiV2Kx2FIRmaOUelZEVsZiseDVq1cPVkrKiiqqqKKy1L59+6Z87+npueMYAj6Lc5RSVFdXP+Y4zkZgJhMb8TuBM8XoqGVZmc9GYBPwAPAnsNuyrA8zdi/5PnlwHMcCsi0RTcMwYkWC/ghoz2I6ZFlWs582lJ/o9vX1PQ184+KzVNO04TVr1hQEdPv27YyPj68C+t3/D2urV1ueh2npA+sOD5+thYIF6OzsBHjRw22Dn7b8ng97pcv8ImT0Ix72mfkEPuVhL8Y7Vn9M035LwJ94pPRnfhrp6uq67RE6veZ10668DFqTRuljwMIspm8Nw2j1CVynlPocqM+stYF1pmn2+QR/HXg7W0Asy2rPW4Qdx8EwjDomXl3K7CwcB9YbhtE6MDDgev/evXuxbXuJUuroJFiYOFh3bNt+wSfwO8ATwJfAwXTmLbcsq93vObHvCMfjcaaz42Hb9nWgOteOhWmaM/y0s23bNrZs2XJTQeJXqgiDDbZt1wO/erg9aZrm94XuS1HephWReT58aovRl6IAa5p2zMunqqpqpGyAo9HoSeA7tzk0Eon8UjbAtm0zd+7clUAiR9HSmNlGLQtg0zQ5ffq0mKa5RCnVAuwBPlZKvWSa5hylVDKzUV52ypziZVZBFRVY/wHx/kffzHU82QAAAABJRU5ErkJggg==") no-repeat 50%;
    display: inline-block;
    height: 2em;
    margin: .2em;
    width: 2em
}
.bmpui-ui-closebutton {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32' xml:space='preserve'%3E%3Cstyle%3E.st0{fill:%23fff}%3C/style%3E%3Cpath class='st0' d='M26 6c-.9-.9-2.2-.9-3.1 0L6 22.8c-.9.9-.9 2.2 0 3.1.9.9 2.2.9 3.1 0L26 9.2c.9-.9.9-2.3 0-3.2z' id='Rounded_Rectangle_6'/%3E%3Cpath class='st0' d='M26 22.8 9.2 6c-.9-.9-2.2-.9-3.1 0s-.9 2.2 0 3.1L23 26c.9.9 2.2.9 3.1 0 .8-.9.8-2.3-.1-3.2z' id='Rounded_Rectangle_6_copy'/%3E%3C/svg%3E")
}
.bmpui-ui-airplaytogglebutton {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32' xml:space='preserve'%3E%3Cstyle%3E.st0{fill:%23fff}%3C/style%3E%3Cpath class='st0' d='M27.1 5.3H4.9c-1.3 0-2.4 1.1-2.4 2.4v11.9c0 1.3 1.1 2.4 2.4 2.4h3.6v-2.4H4.9V7.7H27v11.9h-3.6V22H27c1.3 0 2.4-1.1 2.4-2.4V7.7c0-1.3-1-2.4-2.3-2.4z' id='Rectangle_8'/%3E%3Cpath class='st0' d='M22.9 24.8 17 16.5c-.2-.2-.6-.5-1-.5s-.7.2-1 .5l-5.9 8.3c-.2.4-.2.8-.1 1.2.2.4.6.6 1.1.6H22c.5 0 .8-.2 1.1-.6.1-.1.1-.2.1-.5-.1-.2-.2-.5-.3-.7zm-10.6-.5 3.7-5.1 3.7 5.1h-7.4z' id='Shape_5'/%3E%3C/svg%3E")
}
.bmpui-ui-airplaytogglebutton.bmpui-on {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32' xml:space='preserve'%3E%3Cstyle%3E.st0{opacity:.302}.st1{fill:%231fabe2}%3C/style%3E%3Cg id='Rectangle_17' class='st0'%3E%3Cpath class='st1' d='M4.9 7.7H27v11.9H4.9z'/%3E%3C/g%3E%3Cg id='Rectangle_18' class='st0'%3E%3Cpath class='st1' d='M18.4 19.6h-4.8l-2.4 4.7h9.6z'/%3E%3C/g%3E%3Cpath class='st1' d='M27.1 5.3H4.9c-1.3 0-2.4 1.1-2.4 2.4v11.9c0 1.3 1.1 2.4 2.4 2.4h3.6v-2.4H4.9V7.7H27v11.9h-3.6V22H27c1.3 0 2.4-1.1 2.4-2.4V7.7c0-1.3-1-2.4-2.3-2.4zM17 16.5c-.2-.2-.6-.5-1-.5s-.7.2-1 .5l-5.9 8.3c-.2.4-.2.8-.1 1.2.2.4.6.6 1.1.6H22c.5 0 .8-.2 1.1-.6.1-.1.1-.2.1-.5 0-.2-.1-.5-.2-.7l-6-8.3zm-4.7 7.8 3.7-5.1 3.7 5.1h-7.4z' id='Shape_5_1_'/%3E%3C/svg%3E")
}
.bmpui-ui-piptogglebutton {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32' xml:space='preserve'%3E%3Cstyle%3E.st0{fill-rule:evenodd;clip-rule:evenodd;fill:%23fff}%3C/style%3E%3Cpath class='st0' d='M5 8.3h19.8v5.5H27V8.3c0-1.2-1-2.2-2.2-2.2H5c-1.2 0-2.2 1-2.2 2.2v12.1c0 1.2 1 2.2 2.2 2.2h7.7v-2.2H5V8.3zm9.9 7.7v9.9h14.3V16H14.9z' id='Rectangle_512'/%3E%3Cpath class='st0' d='M12.7 10.5H7.2V16h2.2v-3.3h3.3z' id='Rectangle_513'/%3E%3C/svg%3E")
}
.bmpui-ui-piptogglebutton.bmpui-on {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32' xml:space='preserve'%3E%3Cstyle%3E.st1{fill-rule:evenodd;clip-rule:evenodd;fill:%231fabe2}%3C/style%3E%3Cpath class='st1' d='M5 8.3h19.8v12.1H5z' id='Rectangle_515_2_' style='opacity:.302'/%3E%3Cpath class='st1' d='M5 8.3h19.8v5.5H27V8.3c0-1.2-1-2.2-2.2-2.2H5c-1.2 0-2.2 1-2.2 2.2v12.1c0 1.2 1 2.2 2.2 2.2h7.7v-2.2H5V8.3zm9.9 7.7v9.9h14.3V16H14.9z' id='Rectangle_512_12_'/%3E%3Cpath class='st1' d='M12.7 10.5H7.2V16h2.2v-3.3h3.3z' id='Rectangle_513_12_'/%3E%3C/svg%3E")
}
.bmpui-ui-subtitlesettingstogglebutton {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23fff}%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m19.74 26.6-3.56-3.14h-11a2.77 2.77 0 0 1-2.64-2.87V8.15A2.74 2.74 0 0 1 5.22 5.3h21.57a2.75 2.75 0 0 1 2.63 2.85v12.42a2.76 2.76 0 0 1-2.63 2.85h-3.73ZM4.89 7.7v13.44h12l2.82 2.63 2.54-2.65H27V7.7Z'/%3E%3Cpath class='cls-1' d='M7.48 15.78H12a.89.89 0 0 1 .92.86v1.85a.89.89 0 0 1-.92.86H7.48a.89.89 0 0 1-.92-.86v-1.85a.89.89 0 0 1 .92-.86ZM15.07 15.78h5a.88.88 0 0 1 .91.86v1.85a.89.89 0 0 1-.91.86h-5a.89.89 0 0 1-.92-.86v-1.85a.89.89 0 0 1 .92-.86ZM23 15.78h1.08a.89.89 0 0 1 .92.86v1.85a.89.89 0 0 1-.91.86h-1.03a.89.89 0 0 1-.91-.86v-1.85a.86.86 0 0 1 .85-.86Z'/%3E%3C/svg%3E")
}
.bmpui-ui-subtitlesettingstogglebutton.bmpui-on {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.cls-2{fill:%2343ace5}%3C/style%3E%3C/defs%3E%3Cpath style='opacity:.3;isolation:isolate;fill:%2343ace5' d='M28.02 6.56v15.3h-6L20.3 25.3l-4.93-3.14H3.87V6.56h24.15z'/%3E%3Cpath class='cls-2' d='m19.74 26.6-3.56-3.14h-11a2.77 2.77 0 0 1-2.64-2.87V8.15A2.74 2.74 0 0 1 5.22 5.3h21.57a2.75 2.75 0 0 1 2.63 2.85v12.42a2.76 2.76 0 0 1-2.63 2.85h-3.73ZM4.89 7.7v13.44h12l2.82 2.63 2.54-2.65H27V7.7Z'/%3E%3Cpath class='cls-2' d='M7.48 15.78H12a.89.89 0 0 1 .92.86v1.85a.89.89 0 0 1-.92.86H7.48a.89.89 0 0 1-.92-.86v-1.85a.89.89 0 0 1 .92-.86ZM15.07 15.78h5a.88.88 0 0 1 .91.86v1.85a.89.89 0 0 1-.91.86h-5a.89.89 0 0 1-.92-.86v-1.85a.89.89 0 0 1 .92-.86ZM23 15.78h1.08a.89.89 0 0 1 .92.86v1.85a.89.89 0 0 1-.91.86h-1.03a.89.89 0 0 1-.91-.86v-1.85a.86.86 0 0 1 .85-.86Z'/%3E%3C/svg%3E")
}
.bmpui-ui-audiotracksettingstogglebutton {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23fff}%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M15.91 18.82a.62.62 0 0 1-.35.56.61.61 0 0 1-.65-.09l-3.32-2.79H9.81a.6.6 0 0 1-.6-.6v-2.43a.62.62 0 0 1 .6-.62h1.78l3.32-2.79a.63.63 0 0 1 .87.1.65.65 0 0 1 .13.38Zm2.34-.93h-.05a.64.64 0 0 1-.43-.18l-.08-.08a.6.6 0 0 1-.06-.79 3.54 3.54 0 0 0-.09-4.33.61.61 0 0 1 0-.82l.08-.08a.61.61 0 0 1 .46-.18.67.67 0 0 1 .45.22 4.89 4.89 0 0 1 .13 6 .61.61 0 0 1-.45.24Zm2.51 1.86a.58.58 0 0 1-.44.21.63.63 0 0 1-.43-.17l-.08-.09a.61.61 0 0 1 0-.82 6.5 6.5 0 0 0-.1-8.46.6.6 0 0 1 0-.83V9.5a.56.56 0 0 1 .44-.17.57.57 0 0 1 .44.2 7.8 7.8 0 0 1 .13 10.24Z'/%3E%3Cpath class='cls-1' d='m19.69 26.65-3.56-3.14h-11a2.77 2.77 0 0 1-2.64-2.87V8.2a2.74 2.74 0 0 1 2.68-2.85h21.57a2.75 2.75 0 0 1 2.63 2.85v12.42a2.76 2.76 0 0 1-2.63 2.85H23ZM4.84 7.75v13.44h12l2.82 2.63 2.54-2.65h4.71V7.75Z'/%3E%3C/svg%3E")
}
.bmpui-ui-audiotracksettingstogglebutton.bmpui-on {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.cls-2{fill:%2343ace5}%3C/style%3E%3C/defs%3E%3Cpath style='opacity:.3;isolation:isolate;fill:%2343ace5' d='M28.02 6.56v15.3h-6L20.3 25.3l-4.93-3.14H3.87V6.56h24.15z'/%3E%3Cpath class='cls-2' d='M15.9 18.93a.62.62 0 0 1-.35.55.6.6 0 0 1-.64-.08l-3.33-2.79H9.81A.61.61 0 0 1 9.2 16v-2.43a.62.62 0 0 1 .61-.57h1.77l3.33-2.79a.61.61 0 0 1 .86.1.62.62 0 0 1 .13.37Zm2.34-.93a.63.63 0 0 1-.43-.17l-.08-.09a.61.61 0 0 1-.06-.79 3.53 3.53 0 0 0-.09-4.32.64.64 0 0 1 0-.82l.08-.09a.6.6 0 0 1 .46-.17.67.67 0 0 1 .45.22 4.88 4.88 0 0 1 .13 6 .61.61 0 0 1-.45.24Zm2.51 1.87a.66.66 0 0 1-.44.21.6.6 0 0 1-.43-.18l-.08-.08a.61.61 0 0 1 0-.82 6.52 6.52 0 0 0-.1-8.47.6.6 0 0 1 0-.83v-.09a.62.62 0 0 1 .44-.18.58.58 0 0 1 .44.21 7.79 7.79 0 0 1 .13 10.23Z'/%3E%3Cpath class='cls-2' d='m19.68 26.76-3.56-3.15h-11a2.74 2.74 0 0 1-2.63-2.86V8.31a2.74 2.74 0 0 1 2.67-2.85h21.57a2.75 2.75 0 0 1 2.63 2.85v12.41a2.75 2.75 0 0 1-2.63 2.85H23ZM4.83 7.86V21.3h12l2.83 2.63 2.53-2.65h4.71V7.86Z'/%3E%3C/svg%3E")
}
.bmpui-ui-skin-ads .bmpui-ui-ads-status {
    background-color: rgba(0,0,0,.7);
    left: 0;
    padding: .5em 1.5em;
    position: absolute;
    /*top: 1em*/
    bottom:85px;
    -webkit-transition: bottom .15s ease-in;
    transition: bottom .15s ease-in;
    top: inherit;
}
.bmpui-ui-skin-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-hugeplaybacktogglebutton .bmpui-image {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32' xml:space='preserve'%3E%3Cstyle%3E.st0{fill:%23fff}%3C/style%3E%3Cpath class='st0' d='M11.3 5.4H8.9c-1.3 0-2.4 1.1-2.4 2.4v16.5c0 1.3 1.1 2.4 2.4 2.4h2.4c1.3 0 2.4-1.1 2.4-2.4V7.7c-.1-1.3-1.1-2.3-2.4-2.3zm0 18.9H8.9V7.7h2.4v16.6z' id='Rectangle_2_copy'/%3E%3Cpath class='st0' d='M23.1 5.4h-2.4c-1.3 0-2.4 1.1-2.4 2.4v16.5c0 1.3 1.1 2.4 2.4 2.4h2.4c1.3 0 2.4-1.1 2.4-2.4V7.7c-.1-1.3-1.1-2.3-2.4-2.3zm0 18.9h-2.4V7.7h2.4v16.6z' id='Rectangle_2_copy_2'/%3E%3C/svg%3E");
    opacity: .7
}
.bmpui-ui-skin-smallscreen .bmpui-ui-hugeplaybacktogglebutton .bmpui-image {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32' xml:space='preserve'%3E%3Cpath d='M23.3 15.2 9.8 5.6c-.3-.2-.7-.3-1-.1-.3.2-.5.5-.5.8v19.3c0 .4.2.7.6.9.1.1.3.1.4.1.2 0 .4-.1.6-.2l13.4-9.7c.3-.2.4-.5.4-.8-.1-.2-.2-.6-.4-.7zm-13 8.4V8.4L21 16l-10.7 7.6z' style='fill:%23fff'/%3E%3C/svg%3E");
    background-size: 4em
}
.bmpui-ui-skin-smallscreen.bmpui-remote-control .bmpui-ui-hugeplaybacktogglebutton.bmpui-on .bmpui-image {
    -webkit-animation: none;
    animation: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32' xml:space='preserve'%3E%3Cstyle%3E.st0{fill:%23fff}%3C/style%3E%3Cpath class='st0' d='M11.3 5.4H8.9c-1.3 0-2.4 1.1-2.4 2.4v16.5c0 1.3 1.1 2.4 2.4 2.4h2.4c1.3 0 2.4-1.1 2.4-2.4V7.7c-.1-1.3-1.1-2.3-2.4-2.3zm0 18.9H8.9V7.7h2.4v16.6z' id='Rectangle_2_copy'/%3E%3Cpath class='st0' d='M23.1 5.4h-2.4c-1.3 0-2.4 1.1-2.4 2.4v16.5c0 1.3 1.1 2.4 2.4 2.4h2.4c1.3 0 2.4-1.1 2.4-2.4V7.7c-.1-1.3-1.1-2.3-2.4-2.3zm0 18.9h-2.4V7.7h2.4v16.6z' id='Rectangle_2_copy_2'/%3E%3C/svg%3E");
    visibility: visible
}
.bmpui-ui-playbacktoggle-overlay .bmpui-ui-hugeplaybacktogglebutton {
  opacity: 0;
}

@keyframes sqp-buffering-img-anim {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
.sqp-buffering-img-anim {
animation: sqp-buffering-img-anim 2s infinite;
animation-timing-function: linear;
}

.bmpui-ui-buffering-overlay .bmpui-ui-buffering-overlay-indicator {
  -webkit-animation: bmpui-ui-buffering-osqp-buffering-img-anim 2s infiniteverlay-indicator 2s infinite;
  animation: sqp-buffering-img-anim 2s infinite;
  animation-delay: 0s;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QEeCR8kYuK6WwAABS5JREFUaN7tml1sFFUUx393umX3YTM2iiIpoPjxAE1TaEqBxA9KtEmBMQb1yZdG2J0QEq3EB3koDhA/ogE0YNLZNPjxoKaJYjptHzRhjbQGyypiwEo08iVfJgRSN4HQdI8P3U1a2J0Z6O66bPaf7MPOOXP3/vacuffcewcqKpxExNe1QkorIqwClIjsEZGfROSkiPQAs8oysiJyj+TWwmJHuhjQf7kAny032Frx1qJyeoYbffjUlRPw2Tz5/L9Tyi3e/7dLOl+bTtuGYfj2VX6cRkdH0XWd0dHRXcAGIAhcAHbpuv5uxu7xZ90PnAJm5Ejn35RSfuDWA+8BNelLX2ma1n7p0qV/BwcH8wOchv4RaM5iOqTrerOfDFFKISIWsBYIAweADqXUZZ+R3Ay8lfXZ1LTaVCp1znGcvET4ZeADF5fXdF3fcbuPis/IzktnSC4dcRxnUb4Grec97Otu9/nzA5v2e87DpaGtrS2UL+BaD/tdRRg07/XyCQQCd+cL+LiHfaQIE8XvXg6O45ybNnAymQTY7OH25vnz5wtK6zjOp8AVl5R/Py+FRzgcRtf1I0BnDpdNuq7HZ8+eXVBg0zQBHgeyFQRf9/b2vmpZVv6mpfRo3Zieh+8DjgK7dV2/UKzip7W1lVAoFBKRDmABcFEp9UVvb+/Pq1evpr+/P78/mE7vkpKfqFZUUUUVVXRHamhoCIBEIlGXSCSeSSQSjQAjIyMl3/dIJJIpUB6ORqOrIpHIctfCY//+/dTU1CxIpVIDwIOTfC4Cy4LB4Kn6+vqS3Es1TRMRmQU4wJJJpmvAU7FYbGgK8OHDhxkbG9M1Tbuco9wcSyaToRUrVqRKNcLRaPQCOTb1RWSeiJzp7u6egFu8eDGapu10qa2rw+HwG6UKa5pmBy4nGEqpHd3d3TctHlq9StlSBRaRNr99nwwc9LgpVMJjllffgtmAD3jcNFjCwF59/2EK8PDwMCKy0eWGcaVUZzweL1XgrW6bA5qmvZJeT08ANzc3k0wmL1ZVVT0EnLzB/x8ReTQQCFxpaWkpVeAxYD4wfMP168Dyrq6uo7ZtT03plpYWUqnUiaampvnAAhFZKyLLmpqaZmmadqKhoaFk8zkWiyEiV2Kx2FIRmaOUelZEVsZiseDVq1cPVkrKiiqqqKKy1L59+6Z87+npueMYAj6Lc5RSVFdXP+Y4zkZgJhMb8TuBM8XoqGVZmc9GYBPwAPAnsNuyrA8zdi/5PnlwHMcCsi0RTcMwYkWC/ghoz2I6ZFlWs582lJ/o9vX1PQ184+KzVNO04TVr1hQEdPv27YyPj68C+t3/D2urV1ueh2npA+sOD5+thYIF6OzsBHjRw22Dn7b8ng97pcv8ImT0Ix72mfkEPuVhL8Y7Vn9M035LwJ94pPRnfhrp6uq67RE6veZ10668DFqTRuljwMIspm8Nw2j1CVynlPocqM+stYF1pmn2+QR/HXg7W0Asy2rPW4Qdx8EwjDomXl3K7CwcB9YbhtE6MDDgev/evXuxbXuJUuroJFiYOFh3bNt+wSfwO8ATwJfAwXTmLbcsq93vObHvCMfjcaaz42Hb9nWgOteOhWmaM/y0s23bNrZs2XJTQeJXqgiDDbZt1wO/erg9aZrm94XuS1HephWReT58aovRl6IAa5p2zMunqqpqpGyAo9HoSeA7tzk0Eon8UjbAtm0zd+7clUAiR9HSmNlGLQtg0zQ5ffq0mKa5RCnVAuwBPlZKvWSa5hylVDKzUV52ypziZVZBFRVY/wHx/kffzHU82QAAAABJRU5ErkJggg==") no-repeat 50%;
  display: inline-block;
  height: 60px;
  margin: 0;
  width: 60px;
}

.bmpui-ui-settings-panel-page .bmpui-ui-settings-panel-item:last-child {
  border: none;
}

.bmpui-ui-settings-panel > .bmpui-container-wrapper > * {
  margin:0;
}
.bmpui-ui-settings-panel > .bmpui-container-wrapper {
  margin:.1em 1em;
  overflow-y: auto;
}

.bmpui-ui-settings-panel-page .bmpui-container-wrapper > .bmpui-ui-label {
  display: inline-block;
  font-size: 1em;
  width: inherit;
  margin: 0;
color: rgba(255, 255, 255, 1);
}

.bmpui-ui-settings-panel-page .bmpui-container-wrapper > .bmpui-ui-selectbox {
  margin-left: inherit;
  width: inherit;
  text-align: end;
}
.bmpui-ui-selectbox {
  background-color: transparent;
  border:0;
  color: #1fabe2;
  cursor: pointer;
  font-size: 1em;
  padding:.3em;
}
.bmpui-ui-selectbox {
  color: rgb(146, 146, 146, 1);
}
.bmpui-ui-settings-panel-item .bmpui-container-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.bmpui-ui-settings-panel {
  background-color: hsla(0,0%,7%,.85);
  bottom: 5em;
  opacity: 1;
  overflow:hidden;
  padding:0;
  position: absolute;
  right: 2em;
  -webkit-transition:opacity .3s,visibility 0s;
  transition:opacity .3s,visibility 0s;
  -webkit-transition:opacity .3s,visibility 0s,height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1);
  transition:opacity .3s,visibility 0s,height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1);
  visibility: visible;
  border-radius:8px;
}

.bmpui-container-wrapper > .bmpui-ui-settings-panel {
  margin:0;
  height: fit-content !important;
}