/* .---------Base-------- {} */

:root {
	/* 
	--play-main-base-color: #4A00C5;
    --play-main-assist-color: linear-gradient(45deg, #4A00C5 0%,#6F18FF 100%);
    --play-main-wrapper-color: #6F18FF;
	*/

	--play-main-base-color: #b17c28;
	--play-main-assist-color: linear-gradient(45deg, #b32916 0%, #ff6f37 100%);
	--play-main-wrapper-color: #ff6f37;

	--play-live-room-color: #23ade5;
}

a { text-decoration: none; }
a:link { text-decoration: none; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:-webkit-any-link { text-decoration: none; }

/* .---------Protection-------- {} */

.player-gallery-wrapper,
.player-gallery-wrapper * {
	transition: all !important;
	-o-transition: all !important;
	-webkit-transition: all;
	-moz-transition: all !important;
	-ms-transition: all !important;
	max-width: none;
}

.player-gallery-wrapper {
	z-index: 0;
}

.player-item-wrapper img {
	width: auto;
	max-width: none;
	margin: 0px;
	padding: 0px;
}

.player-videoplayer-wrapper video {
	height: 100%;
	width: 100%;
	visibility: visible !important;
}


/* .---------General_Styles-------- {} */

.player-rtl {
	direction: rtl;
}

.player-gallery-wrapper {
	overflow: hidden;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
}

.player-error-message {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 20px;
	color: #F30D0D;
}

.player-error-message-wrapper {
	width: 100%;
	height: 100%;
	border: 1px solid black;
}

.player-gallery-wrapper .player-canvas-pie {
	position: absolute;
	z-index: 4;
}

.player-gallery-wrapper .player-progress-bar {
	position: absolute;
	overflow: hidden;
	z-index: 4;
}

.player-gallery-wrapper .player-progress-bar-inner {
	xposition: absolute;
}

.player-gallery-wrapper.player-fullscreen {
	height: 100% !important;
	width: 100% !important;
	max-width: none !important;
	max-height: none !important;
}

.player-gallery-wrapper.player-fake-fullscreen {
	position: fixed !important;
	height: auto !important;
	width: auto !important;
	max-width: none !important;
	max-height: none !important;
	margin: 0px !important;
	padding: 0px !important;
	top: 0px !important;
	left: 0px !important;
	bottom: 0px !important;
	right: 0px !important;
	z-index: 999999 !important;
}

.player-body-fullscreen {
	overflow: hidden !important;
	height: 100% !important;
	width: 100% !important;
	margin: 0px !important;
	padding: 0px !important;
}

.player-gallery-wrapper .player-preloader-trans {
	display: block;
	height: 35px;
	width: 32px;
	height: 32px;
	background-image: url('../images/loader_skype_trans.gif');
	background-repeat: no-repeat;
}


/* .--------------SLIDER------------------ {} */

.player-gallery-wrapper .player-slider-wrapper {
	position: absolute;
	overflow: hidden;
	z-index: 1;
	background-color: #000000;
}


.player-slider-wrapper .player-slide-wrapper {
	position: absolute;
}

.player-slide-wrapper.player-slide-clickable {
	cursor: pointer;
}

.player-slider-wrapper .player-slider-inner {
	position: absolute;
	z-index: 0;
}

.player-slider-wrapper .player-item-wrapper {
	position: absolute;
	overflow: hidden;
}

.player-slider-wrapper,
.player-item-wrapper img {

	-webkit-user-select: none;
	/* make unselectable */
	-moz-user-select: none;
	-ms-user-select: none;
	max-width: none !important;
	box-sizing: border-box;
}

.player-slider-wrapper .player-slider-preloader {
	position: absolute;
	z-index: 1;
	border: 2px solid #ffffff;
	border-radius: 6px;
	background-color: #ffffff;
	background-position: center center;
	background-repeat: no-repeat;
}

.player-slider-preloader.player-loader1 {
	width: 30px;
	height: 30px;
	background-image: url('../images/loader-white1.gif');
}

.player-slider-preloader.player-loader1.player-loader-black {
	background-image: url('../images/loader-black1.gif');
}

.player-slider-preloader.player-loader2 {
	width: 32px;
	height: 32px;
	background-image: url('../images/loader-white2.gif');
}

.player-slider-preloader.player-loader2.player-loader-black {
	background-image: url('../images/loader-black2.gif');
}

.player-slider-preloader.player-loader3 {
	width: 38px;
	height: 38px;
	background-image: url('../images/loader-white3.gif');
}

.player-slider-preloader.player-loader3.player-loader-black {
	background-image: url('../images/loader-black3.gif');
}

.player-slider-preloader.player-loader4 {
	width: 32px;
	height: 32px;
	background-image: url('../images/loader-white4.gif');
	background-color: white;
}

.player-slider-preloader.player-loader4.player-loader-black {
	background-image: url('../images/loader-black4.gif');
}

.player-slider-preloader.player-loader5 {
	width: 60px;
	height: 8px;
	background-image: url('../images/loader-white5.gif');
	background-color: white;
	border: none;
	border-radius: 0px;
}

.player-slider-preloader.player-loader5.player-loader-black {
	background-image: url('../images/loader-white5.gif');
	border: 2px solid #000000;
}

.player-slider-preloader.player-loader6 {
	width: 32px;
	height: 32px;
	background-image: url('../images/loader-white6.gif');
}

.player-slider-preloader.player-loader6.player-loader-black {
	background-image: url('../images/loader-black6.gif');
}

.player-slider-preloader.player-loader7 {
	width: 32px;
	height: 10px;
	background-image: url('../images/loader-white7.gif');
	border-width: 3px;
	border-radius: 3px;
}

.player-slider-preloader.player-loader7.player-loader-black {
	background-image: url('../images/loader-black7.gif');
}

.player-slider-preloader.player-loader-black {
	border-color: #000000;
	background-color: #000000;
}

.player-slider-preloader.player-loader-nobg {
	background-color: transparent;
}

.player-slider-wrapper .player-button-videoplay {
	position: absolute;
	z-index: 2;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}

.player-slider-wrapper .player-button-videoplay.player-type-square {
	width: 86px;
	height: 66px;
	background-color: #000000;
	opacity: .6;
	border-radius: 5px;
}

.player-slider-wrapper .player-button-videoplay.player-type-square.player-button-hover {
	opacity: .8;
}

.player-slider-wrapper .player-button-videoplay.player-type-round {
	width: 76px;
	height: 76px;
	background-color: #000000;
	border-radius: 50%;
	opacity: 0.9;
	filter: alpha(opacity=90);
	transition: all 0.3s ease 0s !important;
}

.player-slider-wrapper .player-button-videoplay.player-type-round.player-button-hover {
	opacity: 1;
	filter: alpha(opacity=100);
	transition: all 0.3s ease 0s !important;
}

/* .--------------VIDEO_PLAYER------------------ {} */

.player-gallery-wrapper .player-videoplayer {
	position: absolute;
	z-index: 100;
	background-color: #000000;
	background-image: url('../images/loading.gif');
	background-repeat: no-repeat;
	background-position: center center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.player-videoplayer .player-videoplayer-wrapper {
	width: 100%;
	height: 100%;
	background-color: #000000;
	background-image: url('../images/loading.gif');
	background-repeat: no-repeat;
	background-position: center center;
}

.player-videoplayer .player-videoplayer-button-close {
	position: absolute;
	height: 64px;
	width: 64px;
	background-image: url('../images/button-close.png');
	cursor: pointer;
	z-index: 1000;
}


.player-videoplayer .player-videoplayer-button-close:hover {
	background-position: 0px -64px;
}

/* .--------------THUMBS_STRIP------------------ {} */

.player-gallery-wrapper .player-thumbs-strip,
.player-gallery-wrapper .player-thumbs-grid {
	position: absolute;
	/* overflow:hidden; */

	-webkit-user-select: none;
	/* make unselectable */
	-moz-user-select: none;
	-ms-user-select: none;

	z-index: 10;
}

.player-thumbs-strip.player-dragging {
	xcursor: -webkit-grab;
	xcursor: -moz-grab;
}

.player-gallery-wrapper .player-thumbs-strip-inner,
.player-gallery-wrapper .player-thumbs-grid-inner {
	position: absolute;
}

.player-thumb-wrapper.player-thumb-generated {
	position: absolute;
	overflow: hidden;

	-webkit-user-select: none;
	/* make unselectable */
	-moz-user-select: none;
	-ms-user-select: none;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.player-thumb-wrapper.player-thumb-generated .player-thumb-loader,
.player-thumb-wrapper.player-thumb-generated .player-thumb-error {
	position: absolute;
	top: 0px;
	left: 0px;
	background-repeat: no-repeat;
	background-position: center center;
}

.player-thumb-wrapper .player-thumb-border-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 4;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-style: solid;
}

.player-thumb-wrapper .player-thumb-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 3;
}

.player-thumb-wrapper.player-thumb-generated .player-thumb-loader-dark {
	background-image: url('../images/loader.gif');
}

.player-thumb-wrapper.player-thumb-generated .player-thumb-loader-bright {
	background-image: url('../images/loader_bright.gif');
}

.player-thumb-wrapper.player-thumb-generated .player-thumb-error {
	background-image: url('../images/not_loaded.png');
}

.player-thumb-wrapper.player-thumb-generated img {
	position: absolute;
	z-index: 1;
	max-width: none !important;
}

.player-thumb-wrapper.player-thumb-generated img.player-thumb-image-overlay {
	position: absolute;
	z-index: 2;
	max-width: none !important;
}

/* bw desaturate effect lightweight */
img.player-bw-effect {
	filter: grayscale(100%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	/* Firefox 10+, Firefox on Android */
	-moz-filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}

/* blur effect desaturate effect lightweight */
img.player-blur-effect {

	filter: blur(0.8px);
	-webkit-filter: blur(0.8px);
	-moz-filter: blur(0.8px);
	-o-filter: blur(0.8px);
	-ms-filter: blur(0.8px);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id='blur'><feGaussianBlur stdDeviation=\'0.8\' /></filter></svg>#blur");
	/* Firefox 10+, Firefox on Android */
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0.8');
}

img.player-sepia-effect {
	-webkit-filter: sepia(1);
	-webkit-filter: sepia(100%);
	-moz-filter: sepia(100%);
	-ms-filter: sepia(100%);
	-o-filter: sepia(100%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'sepia\'><feColorMatrix values=\'0.14 0.45 0.05 0 0 0.12 0.39 0.04 0 0 0.08 0.28 0.03 0 0 0 0 0 1 0\' /></filter></svg>#sepia");
	/* Firefox 10+, Firefox on Android */
	filter: sepia(100%);
	background-color: #5E2612;
	filter: alpha(opacity=50);
	zoom: 1;
}

/* .--------------BULLETS------------------ {} */

.player-gallery-wrapper .player-bullets {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
}

.player-gallery-wrapper .player-bullets .player-bullet {
	cursor: pointer;
	display: block;
	float: left;
	z-index: 2;
	border-radius: 50%;
	border: 1px solid #ffffff;
}

.player-gallery-wrapper .player-bullets .player-bullet.player-bullet-active {
	background-color: #ffffff;
}

.player-gallery-wrapper .player-bullets .player-bullet:first-child {
	margin-left: 0px;
}

/* .--------------TEXT_PANEL------------------ {} */

.player-gallery-wrapper .player-textpanel {
	position: absolute;
	overflow: hidden;
}

.player-slider-wrapper .player-textpanel {
	z-index: 2;
}

.player-gallery-wrapper .player-textpanel-bg,
.player-gallery-wrapper .player-textpanel-title,
.player-gallery-wrapper .player-textpanel-description {
	display: block;
	position: absolute;
	margin: 0px;
	padding: 0px;
}


.player-gallery-wrapper .player-textpanel-bg {
	background-color: #000000;
	opacity: 0.4;
	filter: alpha(opacity=40);
	z-index: 1;
}

.player-textpanel-textwrapper {
	overflow: hidden;
}

.player-gallery-wrapper .player-textpanel-title {
	font-size: 16px;
	font-weight: bold;
	color: white;
	text-align: left;
	z-index: 2;
}

.player-gallery-wrapper .player-textpanel-link,
.player-gallery-wrapper .player-textpanel-link:visited {
	color: inherit;
	text-decoration: none;
}

.player-gallery-wrapper .player-textpanel-link:hover {
	text-decoration: underline;
}


.player-gallery-wrapper .player-textpanel-description {
	font-size: 14px;
	color: white;
	text-align: left;
	z-index: 3;
}


/* .--------------ZOOM_PANEL------------------ {} */

.player-slider-wrapper .player-zoompanel {
	position: absolute;
	top: 200px;
	left: 100px;
}

.player-zoompanel .player-zoompanel-button {
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
}


/* .--------------ZOOM_PANEL_BUTTONS------------------ {} */

.player-gallery-wrapper .player-arrow-left {
	position: absolute;
	background-repeat: no-repeat;
	display: block;
	cursor: pointer;
}

.player-gallery-wrapper .player-arrow-right {
	position: absolute;
	background-repeat: no-repeat;
	cursor: pointer;
}

/* .--------------GRID_PANEL_AND_ARROWS------------------ {} */

.player-gallery-wrapper .player-grid-panel {
	position: absolute;
	background-color: #000000;

	z-index: 2;
}

.player-gallery-wrapper .player-grid-panel .grid-arrow {
	position: absolute;
	background-repeat: no-repeat;
	cursor: pointer;
	z-index: 11;
}

.player-gallery-wrapper .player-grid-panel .grid-arrow.player-button-disabled {
	cursor: default;
}


/* handle tip */
.player-gallery-wrapper .player-panel-handle-tip {
	position: absolute;
	z-index: 13;
	cursor: pointer;
	background: var(--play-main-assist-color);
}

.player-gallery-wrapper .player-panel-handle-tip svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0.7;
}

.player-gallery-wrapper .player-overlay-disabled {
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.3;
	filter: alpha(opacity=30);
	background-image: url('../images/cover-grid.png');
}

/* .--------------STRIP_PANEL------------------ {} */

.player-gallery-wrapper .player-strip-panel {
	position: absolute;
	background-color: #000000;
	z-index: 2;
}

.player-gallery-wrapper .player-thumb-selected .player-thumb-icon {
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	border-color: #ff0000;

	border-radius: 12px;
}

.player-gallery-wrapper .player-strip-panel .player-thumbs-strip {
	overflow-x: hidden;
	overflow-y: auto;
	/* position:relative; */
	position: absolute;
	-webkit-overflow-scrolling: touch;
}

.player-strip-panel .player-strip-arrow {
	position: absolute;
	cursor: pointer;
}

.player-strip-panel .player-strip-arrow.player-button-disabled {
	cursor: default;
	opacity: 0.5;
}


.player-strip-panel .player-strip-arrow-tip {
	position: absolute;
}

/* .--------------TILES------------------ {} */

.player-thumb-wrapper.player-tile {
	display: block;
	position: absolute;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}

.player-tile .player-tile-cloneswrapper {
	position: absolute;
	width: 0px;
	height: 0px;
	top: 0px;
	left: 0px;
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=90);
}


/* transit something */
/* transit fixed size items */
/* transit image overlay */

.player-tiles-transit.player-tiles-transition-active .player-thumb-wrapper.player-tile,
.player-tiles-transit.player-tiles-transition-active .player-thumb-wrapper.player-tile .player-trans-enabled {
	transition: left 0.7s ease 0s, top 0.7s ease 0s, width 0.7s ease 0s, height 0.7s ease 0s !important;
}


.player-thumb-wrapper.player-tile.player-tile-clickable {
	cursor: pointer;
}

.player-thumb-wrapper.player-tile .player-image-container {
	position: absolute;
	overflow: hidden;
	z-index: 1;
	top: 0px;
	left: 0px;
}

.player-thumb-wrapper.player-tile img.player-thumb-image {
	-webkit-user-select: none;
	/* make unselectable */
	-moz-user-select: none;
	-ms-user-select: none;
	max-width: none !important;
	max-height: none !important;

	display: block;
	border: none;
	padding: 0px !important;
	margin: 0px !important;

	width: auto;
	height: auto;
	position: absolute;
}


.player-thumb-wrapper.player-tile .player-tile-image-overlay {
	position: absolute;
	overflow: hidden;
	z-index: 2;
	top: 0px;
	left: 0px;
}

.player-thumb-wrapper.player-tile .player-tile-image-overlay img {
	width: 100%;
	max-width: none !important;
}

.player-tiletype-justified .player-thumb-wrapper.player-tile .player-tile-image-overlay img {
	height: 100%;
	max-width: none !important;
}

.player-thumb-wrapper.player-tile .player-tile-icon {
	position: absolute;
	width: 38px;
	height: 38px;
	background-repeat: no-repeat;
	background-position: 0 0;
	xbackground-color: green;
	z-index: 6;
	top: 1px;
	left: 1px;
	cursor: pointer;
}

.player-thumb-wrapper.player-tile .player-tile-icon.player-icon-link {
	background-image: url('../images/icon-link32.png');
}

.player-thumb-wrapper.player-tile .player-tile-icon.player-icon-zoom {
	background-image: url('../images/icon-zoom32.png');
}

.player-thumb-wrapper.player-tile .player-tile-icon.player-icon-play {
	background-image: url('../images/icon-play32.png');
}

.player-thumb-wrapper.player-tile .player-tile-icon:hover {
	background-position: 0 -38px;
}


.player-thumbs-grid .player-tile-image-overlay img {
	width: auto;
	height: auto;
	position: absolute;
	max-width: none !important;
}

/* text panel on tiles*/

.player-tile .player-textpanel {
	z-index: 5;
	cursor: default;
}

.player-tile.player-tile-clickable .player-textpanel {
	cursor: pointer;
}

.player-tile .player-textpanel-title {
	font-size: 14px;
	font-weight: bold;
}

/* .--------------CAROUSEL------------------ {} */

.player-gallery-wrapper .player-carousel-wrapper {
	position: absolute;
	overflow: hidden;
}

.player-gallery-wrapper .player-carousel-inner {
	position: absolute;
}


/* .------------------LIGHTBOX--------------------- {} */

.player-gallery-wrapper.player-lightbox {
	display: none;
	position: fixed;
	border: none;
	padding: 0px;
	margin: 0px;
	outline: invert none medium;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: none !important;
	max-height: none !important;
	z-index: 999999;
}

.player-lightbox .player-lightbox-top-panel {
	position: absolute;
	z-index: 2;
}

.player-lightbox .player-lightbox-top-panel-overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #000000;
	opacity: 0.4;
	filter: alpha(opacity=40);
}


.player-lightbox .player-lightbox-overlay {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 1;
}

.player-lightbox .player-slider-wrapper {
	z-index: 1;
	background-color: transparent !important;
}

.player-lightbox .player-textpanel {
	z-index: 2;
}


.player-lightbox .player-lightbox-arrow-left,
.player-lightbox .player-lightbox-arrow-right {
	position: absolute;
	width: 50px;
	height: 55px;
	background-repeat: no-repeat;
	background-image: url('../images/lightbox-arrow-left.png');
	background-position: 0px 0px;
	z-index: 3;
	cursor: pointer;
}

.player-lightbox .player-lightbox-arrow-right {
	background-image: url('../images/lightbox-arrow-right.png');
}

.player-lightbox .player-lightbox-button-close {
	position: absolute;
	width: 36px;
	height: 36px;
	background-repeat: no-repeat;
	background-image: url('../images/lightbox-icon-close.png');
	background-position: 0px 0px;
	z-index: 9999999;
	cursor: pointer;
}


.player-lightbox-compact .player-lightbox-button-close {
	width: 45px;
	height: 41px;
	background-image: url('../images/lightbox-icon-close-compact2.png');
}


.player-lightbox .player-lightbox-arrow-left.player-arrow-hover,
.player-lightbox .player-lightbox-arrow-right.player-arrow-hover {
	background-position: 0px -55px;
}

.player-lightbox .player-lightbox-button-close.player-button-hover {
	background-position: 0px -35px;
}

.player-lightbox-compact .player-lightbox-button-close.player-button-hover {
	background-position: 0px -40px;
}

.player-lightbox .player-lightbox-numbers {
	position: absolute;
	color: #e5e5e5;
	font-size: 12px;
	top: 14px;
	left: 8px;
	z-index: 3;
}

.player-lightbox-compact .player-lightbox-numbers {
	font-size: 14px;
	padding-right: 5px;
	padding-top: 7px;
}

.player-lightbox .player-textpanel-title,
.player-lightbox .player-textpanel-description {
	font-size: 14px;
	font-weight: normal;
	color: #e5e5e5;
}

.player-lightbox-compact .player-textpanel-title,
.player-lightbox-compact .player-textpanel-description {
	color: #F3F3F3;
	font-size: 16px;
}

/* .------------------LOADMORE_BUTTON--------------------- {} */

.player-loadmore-wrapper {
	margin-top: 20px;
	text-align: center;
}

.player-loadmore-wrapper .player-loadmore-button {
	display: inline-block;
	padding: 5px;
	border: 1px solid #939393;
	text-decoration: none;
	color: #4F4F4F;
}

.player-loadmore-wrapper .player-loadmore-error {
	color: red;
}

.player-loadmore-wrapper .player-loadmore-button:hover {
	background-color: #F0F0F0;
	color: #515151;
}

.player-loadmore-wrapper .player-loadmore-loader {
	color: #515151;
}

/* .------------------CATEGORY_TABS--------------------- {} */

.player-tabs-wrapper {
	margin-top: 0px;
	margin-bottom: 20px;
	text-align: center;
}

.player-tabs-wrapper a.player-tab {
	display: inline-block;
	cursor: pointer;
	text-decoration: none;
	color: #ffffff;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-left: 5px;
	background-color: #333333;
	border-radius: 3px;
	font-size: 12px;
	font-weight: normal;

	border: 1px solid #969696;
}

.player-tabs-wrapper a.player-tab:hover {
	background-color: #707070 !important;
}

.player-tabs-wrapper a.player-tab.player-tab-selected,
.player-tabs-wrapper a.player-tab.player-tab-selected:hover {
	background-color: #2077A2 !important;
	cursor: default !important;
}

.player-tabs-wrapper a.player-tab:first-child {
	margin-left: 0px !important;
}

/* .------------------DEFAULT_SKIN--------------------- {} */

/* --- arrows -- */

.player-arrow-left.player-skin-default,
.player-arrow-right.player-skin-default {
	width: 32px;
	height: 32px;
	opacity: 0.8;
}

.player-arrow-left.player-skin-default.player-arrow-hover,
.player-arrow-right.player-skin-default.player-arrow-hover {
	opacity: 1;
}

.player-arrow-left.player-skin-default.player-arrow-disabled,
.player-arrow-right.player-skin-default.player-arrow-disabled {
	opacity: 0.4;
}

/* --- bullets -- */

.player-bullets .player-bullet {
	box-sizing: border-box;
	width: 15px;
	height: 15px;
	margin-left: 5px;
}

.player-button-tile-navigation {
	width: 36px;
	height: 36px;
	background-position: top left;
	cursor: pointer;
	float: left;
}

.player-button-tile-navigation.player-button-tile-left {
	background-image: url('../skins/default/tile_button_left.png');
}

.player-button-tile-navigation.player-button-tile-right {
	background-image: url('../skins/default/tile_button_right.png');
}

.player-button-tile-navigation:hover {
	background-position: bottom left;
}

.player-button-tile-navigation.player-button-disabled {
	opacity: 0.6;
}

.player-button-tile-navigation.player-button-disabled:hover {
	background-position: top left;
}

.player-button-tile-navigation.player-button-tile-play {
	background-image: url('../skins/default/tile_button_play_pause.png');
	width: 35px;
}

.player-button-tile-navigation.player-button-tile-play.player-pause-icon {
	background-position: bottom left;
}

.player-button-tile-navigation.player-button-tile-play:hover {
	background-position: top left;
}

.player-button-tile-navigation.player-button-tile-play.player-pause-icon:hover {
	background-position: bottom left;
}


/* --- play button -- */

.player-button-play.player-skin-default {
	position: absolute;
	width: 14px;
	height: 17px;
	cursor: pointer;
	opacity: .5;
}

.player-button-play.player-skin-default.player-button-hover {
	opacity: 1;
}

.player-button-play.player-skin-default.player-stop-mode {
	opacity: .5;
}

.player-button-play.player-skin-default.player-stop-mode.player-button-hover {
	opacity: 1;
}

/* --- fullscreen button -- */

.player-button-fullscreen.player-skin-default {
	position: absolute;
	width: 16px;
	height: 16px;
	cursor: pointer;
	opacity: .5;
}

.player-button-fullscreen.player-skin-default.player-button-hover {
	opacity: 1;
}

.player-button-fullscreen.player-skin-default.player-fullscreenmode {
	opacity: .5;
}

.player-button-fullscreen.player-skin-default.player-fullscreenmode.player-button-hover {
	opacity: 1;
}


/* --- zoom panel --- */

.player-zoompanel.player-skin-default .player-zoompanel-button {
	background-repeat: no-repeat;
	cursor: pointer;
	height: 23px;
	width: 23px;
	margin-top: 5px;
	background-position: 0px 0px;
}

.player-zoompanel.player-skin-default .player-zoompanel-plus {
	margin-top: 0px;
}

.player-zoompanel.player-skin-default .player-zoompanel-plus {
	background-image: url('../skins/default/icon_zoom_plus.png');
}

.player-zoompanel.player-skin-default .player-zoompanel-minus {
	background-image: url('../skins/default/icon_zoom_minus.png');
}

.player-zoompanel.player-skin-default .player-zoompanel-return {
	background-image: url('../skins/default/icon_zoom_back.png');
}

.player-zoompanel.player-skin-default .player-zoompanel-button.player-button-hover {
	background-position: 0px -23px;
}

.player-zoompanel.player-skin-default .player-zoompanel-button-disabled,
.player-zoompanel.player-skin-default .player-zoompanel-button.player-button-hover.player-zoompanel-button-disabled {
	background-position: 0px -46px;
	cursor: default;
}


/* --- Grid Panel Arrows -- */

/*--- down arrow ---*/

.player-gallery-wrapper .player-grid-panel .grid-arrow-down.player-skin-default {
	width: 30px;
	height: 15px;
	background-position: 0px 0px;
	background-image: url('../skins/default/arrow_grid_down.png');
}

.player-gallery-wrapper .player-grid-panel .grid-arrow-down.player-skin-default.player-button-hover {
	background-position: 0px -15px;
}

.player-gallery-wrapper .player-grid-panel .grid-arrow-down.player-skin-default.player-button-hover.player-button-disabled,
.player-gallery-wrapper .player-grid-panel .grid-arrow-down.player-skin-default.player-button-disabled {
	background-position: 0px -30px;
}


/*--- up arrow ---*/

.player-gallery-wrapper .player-grid-panel .grid-arrow-up.player-skin-default {
	width: 30px;
	height: 15px;
	background-position: 0px 0px;
	background-image: url('../skins/default/arrow_grid_up.png');
}

.player-gallery-wrapper .player-grid-panel .grid-arrow-up.player-skin-default.player-button-hover {
	background-position: 0px -15px;
}

.player-gallery-wrapper .player-grid-panel .grid-arrow-up.player-skin-default.player-button-hover.player-button-disabled,
.player-gallery-wrapper .player-grid-panel .grid-arrow-up.player-skin-default.player-button-disabled {
	background-position: 0px -30px;
}

/*--- left arrow ---*/

.player-gallery-wrapper .player-grid-panel .grid-arrow-left.player-skin-default {
	width: 40px;
	height: 40px;
	background-position: 0px -40px;
	background-image: url('../skins/default/grid_arrow_left.png');
}

.player-gallery-wrapper .player-grid-panel .grid-arrow-left.player-skin-default.player-button-hover {
	background-position: 0px -0px;
}

.player-gallery-wrapper .player-grid-panel .grid-arrow-left.player-skin-default.player-button-hover.player-button-disabled,
.player-gallery-wrapper .player-grid-panel .grid-arrow-left.player-skin-default.player-button-disabled {
	background-position: 0px -80px;
}

/*--- right arrow ---*/

.player-gallery-wrapper .player-grid-panel .grid-arrow-right.player-skin-default {
	width: 40px;
	height: 40px;
	background-position: 0px -40px;
	background-image: url('../skins/default/grid_arrow_right.png');
}

.player-gallery-wrapper .player-grid-panel .grid-arrow-right.player-skin-default.player-button-hover {
	background-position: 0px -0px;
}

.player-gallery-wrapper .player-grid-panel .grid-arrow-right.player-skin-default.player-button-hover.player-button-disabled,
.player-gallery-wrapper .player-grid-panel .grid-arrow-right.player-skin-default.player-button-disabled {
	background-position: 0px -80px;
}

/*--- left arrow - horizontal panel type ---*/

.player-gallery-wrapper .player-grid-panel .grid-arrow-left-hortype.player-skin-default {
	width: 15px;
	height: 30px;
	background-image: url('../skins/default/slider_arrow_left.png');
	background-position: 0px 0px;
}

.player-gallery-wrapper .player-grid-panel .grid-arrow-left-hortype.player-skin-default.player-button-hover {
	background-position: 0px -30px;
}

.player-gallery-wrapper .player-grid-panel .grid-arrow-left-hortype.player-skin-default.player-button-hover.player-button-disabled,
.player-gallery-wrapper .player-grid-panel .grid-arrow-left-hortype.player-skin-default.player-button-disabled {
	background-position: 0px -60px;
}


/*--- right arrow - horizontal panel type ---*/

.player-gallery-wrapper .player-grid-panel .grid-arrow-right-hortype.player-skin-default {
	width: 15px;
	height: 30px;
	background-image: url('../skins/default/slider_arrow_right.png');
	background-position: 0px 0px;
}

.player-gallery-wrapper .player-grid-panel .grid-arrow-right-hortype.player-skin-default.player-button-hover {
	background-position: 0px -30px;
}

.player-gallery-wrapper .player-grid-panel .grid-arrow-right-hortype.player-skin-default.player-button-hover.player-button-disabled,
.player-gallery-wrapper .player-grid-panel .grid-arrow-right-hortype.player-skin-default.player-button-disabled {
	background-position: 0px -60px;
}


/* --- Strip Panel Arrows -- */

/* left and right arrows */

.player-strip-panel .player-strip-arrow-left.player-skin-default,
.player-strip-panel .player-strip-arrow-right.player-skin-default {
	width: 25px;
	height: 50px;
}

.player-strip-panel .player-strip-arrow-left.player-skin-default .player-strip-arrow-tip,
.player-strip-panel .player-strip-arrow-right.player-skin-default .player-strip-arrow-tip {
	opacity: .7;
}

.player-strip-panel .player-strip-arrow-left.player-skin-default.player-button-hover .player-strip-arrow-tip,
.player-strip-panel .player-strip-arrow-right.player-skin-default.player-button-hover .player-strip-arrow-tip {
	opacity: 1;
}


/* up and down arrows */

.player-strip-panel .player-strip-arrow-up.player-skin-default,
.player-strip-panel .player-strip-arrow-down.player-skin-default {
	height: 25px;
	width: 50px;
}

.player-strip-panel .player-strip-arrow-up.player-skin-default .player-strip-arrow-tip svg {
	transform: rotate(90deg);
}

.player-strip-panel .player-strip-arrow-up.player-skin-default .player-strip-arrow-tip,
.player-strip-panel .player-strip-arrow-down.player-skin-default .player-strip-arrow-tip {
	opacity: .5;
}

.player-strip-panel .player-strip-arrow-down.player-skin-default .player-strip-arrow-tip svg {
	transform: rotate(90deg);
}

.player-strip-panel .player-strip-arrow-up.player-skin-default.player-button-hover .player-strip-arrow-tip,
.player-strip-panel .player-strip-arrow-down.player-skin-default.player-button-hover .player-strip-arrow-tip {
	opacity: 1;
}

.player-strip-panel .player-strip-arrow.player-skin-default.player-button-disabled .player-strip-arrow-tip {
	opacity: 0.5;
	filter: alpha(opacity=50);
}


/* --- Panel Handle Tip -- */

/* left and right handle */
.player-gallery-wrapper .player-handle-tip-left.player-skin-default,
.player-gallery-wrapper .player-handle-tip-right.player-skin-default {
	width: 26px;
	height: 36px;
}

.player-gallery-wrapper .player-handle-tip-left.player-skin-default.player-button-hover svg,
.player-gallery-wrapper .player-handle-tip-right.player-skin-default.player-button-hover svg {
	opacity: 1;
}

.player-gallery-wrapper .player-handle-tip-left.player-skin-default.player-button-closed svg,
.player-gallery-wrapper .player-handle-tip-right.player-skin-default.player-button-closed svg {
	transform: rotate(180deg) translate(50%, 50%);
}

/* top and bottom handle */

.player-gallery-wrapper .player-handle-tip-top.player-skin-default,
.player-gallery-wrapper .player-handle-tip-bottom.player-skin-default {
	width: 36px;
	height: 26px;
}

.player-gallery-wrapper .player-handle-tip-top.player-skin-default.player-button-hover svg,
.player-gallery-wrapper .player-handle-tip-bottom.player-skin-default.player-button-hover svg {
	opacity: 1;
}

.player-gallery-wrapper .player-handle-tip-top.player-skin-default.player-button-closed svg,
.player-gallery-wrapper .player-handle-tip-bottom.player-skin-default.player-button-closed svg {
	transform: rotate(180deg) translate(50%, 50%);
}

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

.player-gallery-wrapper {
	min-height: 1px;
}

/* ----- Thumb Wrapper ------- */
.player-gallery-wrapper .player-thumb-wrapper {
	cursor: pointer;
	text-align: left;
	transition-duration: all 200ms !important;
	-webkit-transition: all 200ms !important;
}

/* - thumb selected and over - */
.player-gallery-wrapper .player-thumb-wrapper.player-thumb-over {
	cursor: pointer;
}

.player-gallery-wrapper .player-thumb-wrapper.player-thumb-selected {
	cursor: default;
}

/* ----- Thumb Inner data ------- */
.player-gallery-wrapper .player-thumb-icon {
	background-position: center center;
	background-size: cover;
	flex-grow: 0;
	flex-shrink: 0;
}

.player-gallery-wrapper .player-thumb-selected .player-thumb-icon {
	box-sizing: border-box;
}

.player-gallery-wrapper.player-videoskin-bottom .player-thumb-icon,
.player-gallery-wrapper.player-videoskin-top .player-thumb-icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.player-gallery-wrapper.player-videoskin-bottom .player-thumb-content,
.player-gallery-wrapper.player-videoskin-top .player-thumb-content {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0);
	transition: background-color .3s !important;
}

.player-gallery-wrapper .player-thumb-play-button {
	display: none;
}

.player-gallery-wrapper.player-videoskin-bottom .player-thumb-play-button,
.player-gallery-wrapper.player-videoskin-top .player-thumb-play-button {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	cursor: pointer;
	display: none;
}

.player-gallery-wrapper .player-thumb-inner {
	display: flex;
}

.player-gallery-wrapper .player-thumb-title {
	overflow: hidden;
}

.player-gallery-wrapper .player-thumb-desc {}


.player-gallery-wrapper .player-strip-panel {
	z-index: 101;
	position: relative;
}


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

.player-gallery-wrapper .player-strip-panel {
	background-color: #000000;
}

.player-gallery-wrapper .player-thumb-wrapper {
	width: 230px;
	background-color: #282828;
	border-radius: 0px 0px 0px 0px;
	opacity: 70%;
}

.player-gallery-wrapper .player-thumb-wrapper,
.player-gallery-wrapper .player-videoskin-bottom .player-thumb-content,
.player-gallery-wrapper .player-videoskin-top .player-thumb-content {
	padding: 13px 10px 10px 10px;
}

.player-gallery-wrapper .player-videoskin-bottom .player-thumb-content {
	background-color: #000000;
}

.player-gallery-wrapper .player-videoskin-top .player-thumb-content {
	background-color: #000000;
}

.player-gallery-wrapper .player-thumb-wrapper:hover,
.player-gallery-wrapper .player-thumb-wrapper.player-thumb-selected:hover {
	background: var(--play-main-assist-color);
}

.player-gallery-wrapper .player-videoskin-bottom .player-thumb-wrapper:hover .player-thumb-content {
	background: var(--play-main-assist-color);
}

.player-gallery-wrapper .player-videoskin-top .player-thumb-wrapper:hover .player-thumb-content {
	background: var(--play-main-assist-color);
}

.player-gallery-wrapper .player-thumb-wrapper:hover {
	opacity: 100%;
}

.player-gallery-wrapper .player-thumb-wrapper.player-thumb-selected {
	background: var(--play-main-assist-color);
	opacity: 100%;
}

.player-gallery-wrapper .player-thumb-icon {
	width: 100%;
	height: 100px;
	border-radius: 12px;
	border-style: none;
}

.player-gallery-wrapper .player-thumb-play-button svg {
	width: 0px;
	height: 0px;
}

.player-gallery-wrapper .player-thumb-inner {
	gap: 0px;
}

.player-gallery-wrapper .player-thumb-selected .player-thumb-icon {
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	border-color: #ff0000;
}

.player-gallery-wrapper .player-thumb-title {
	font-family: "Roboto", Sans-serif;
	font-weight: 400;
	color: #ffffff;
}

.player-gallery-wrapper .player-thumb-wrapper:hover .player-thumb-title {
	color: #ffffff;
}

.player-gallery-wrapper .player-thumb-desc {
	color: #c3c3c3;
	margin-top: 5px;
}

.player-gallery-wrapper .player-thumb-wrapper:hover .player-thumb-desc {
	color: #c3c3c3;
}

.player-gallery-wrapper .player-videoplayer {
	padding: 0px 0px 0px 0px;
	background-color: #000000;
}

.player-gallery-wrapper>.elementor-widget-container {
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	border-color: var(--play-main-base-color);
	border-radius: 0px 0px 0px 0px;
	box-shadow: 0px 0px 10px 0px var(--play-main-base-color);
}

.player-gallery-wrapper:hover .elementor-widget-container {
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	border-color: var(--play-main-wrapper-color);
	box-shadow: 0px 0px 10px 0px var(--play-main-wrapper-color);
}

.player-thumb-inner {
	display: initial !important;
}

.player-thumb-inner .ug-thumb-icon {
	width: 100% !important;
	height: 100px !important;
}

.player-thumb-content .ug-thumb-title {
	text-align: center;
	padding-top: 10px;
}

/* widget: Video Playlist */

.player-gallery-wrapper {
	min-height: 1px;
}

/* ----- Thumb Wrapper ------- */
.player-gallery-wrapper .player-thumb-wrapper {
	cursor: pointer;
	text-align: left;
	transition-duration: all 200ms !important;
	-webkit-transition: all 200ms !important;
}

/* - thumb selected and over - */
.player-gallery-wrapper .player-thumb-wrapper.player-thumb-over {
	cursor: pointer;
}

.player-gallery-wrapper .player-thumb-wrapper.player-thumb-selected {
	cursor: default;
}

/* ----- Thumb Inner data ------- */
.player-gallery-wrapper .player-thumb-icon {
	background-position: center center;
	background-size: cover;
	flex-grow: 0;
	flex-shrink: 0;
}

.player-gallery-wrapper .player-thumb-selected .player-thumb-icon {
	box-sizing: border-box;
}

.player-gallery-wrapper.player-videoskin-bottom .player-thumb-icon,
.player-gallery-wrapper.player-videoskin-top .player-thumb-icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.player-gallery-wrapper.player-videoskin-bottom .player-thumb-content,
.player-gallery-wrapper.player-videoskin-top .player-thumb-content {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0);
	transition: background-color .3s !important;
}

.player-gallery-wrapper .player-thumb-play-button {
	display: none;
}

.player-gallery-wrapper.player-videoskin-bottom .player-thumb-play-button,
.player-gallery-wrapper.player-videoskin-top .player-thumb-play-button {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	cursor: pointer;
	display: none;
}

.player-gallery-wrapper .player-thumb-inner {
	display: flex;
}

.player-gallery-wrapper .player-thumb-title {
	overflow: hidden;
}

.player-gallery-wrapper .player-thumb-desc {}


.player-gallery-wrapper .player-strip-panel {
	z-index: 101;
	position: relative;
}

.player-thumb-inner {
	display: initial !important;
}

.player-thumb-inner .player-thumb-icon {
	width: 100% !important;
	height: 100px !important;
}

.player-thumb-content .player-thumb-title {
	text-align: center;
	padding-top: 10px;
	margin-top: 5px;
}

.player-container {
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	border-color: var(--play-main-base-color);
	border-radius: 0px 0px 0px 0px;
	box-shadow: 0px 0px 10px 0px var(--play-main-base-color);

	box-sizing: border-box;
	width: 100%;
	height: 100%;
}

.player-container-video {
	width: 100%;
	height: 100%;
	margin: 0px;
	left: 0px;
	top: 0px;
	opacity: 1;
}

.player-container-panel {
	width: 100%;
	height: 100%;
	position: absolute;
	margin: 0px;
	right: 0px;
	top: 0px;
}

/* xgplayer */

.xgplayer-enter {
	background: rgba(0, 0, 0, .2) !important;
}

.xgplayer-error-text {
	display: none !important;
}

.xgplayer-error {
	background: rgba(0, 0, 0, .4) !important;
}

.xgplayer .xg-left-grid {
	margin-left: 10px;
}

.xgplayer .xg-right-grid {
	margin-right: 10px;
}

.xgplayer .xg-options-list li:hover,
.xgplayer .xg-options-list li.selected {
	color: var(--play-main-wrapper-color, red) !important;
	opacity: 1;
}

/* scrollbar */

::-webkit-scrollbar {
	display: none;
	width: 0;
	height: 0;
}

/*
::-webkit-scrollbar {
    width: 10px;
    height: 0;
    overflow: visible
}

::-webkit-scrollbar-thumb {
    border: solid transparent;
    border-width: 2px 0;
    background-clip: padding-box;
    background: #c6c8cc;
	border-radius: 32px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #818181
}

::-webkit-scrollbar-track { 
    background: #ffffff;
}

::-webkit-scrollbar-button {
    width: 0;
    height: 0;
}

::-webkit-scrollbar-button:hover {
    border-color: #5f6366
}
*/

/* ::-webkit-scrollbar-button:vertical:end:decrement, ::-webkit-scrollbar-button:vertical:start:increment {
    display: none
} */

/* media */

:root {
	--page-title-display: none;
}

/* 1. 小型设备（小于 768px） */
@media screen and (max-width:768px) {
	.player-gallery-wrapper .player-thumb-wrapper {
		width: 220px;
	}

	.player-gallery-wrapper,
	.player-strip-panel,
	.player-thumbs-strip,
	.player-videoplayer {
		height: 270px;
	}
}

/* 2. 中型设备（768px 起） */
@media screen and (min-width:768px) and (max-width:1200px) {
	.player-gallery-wrapper .player-thumb-wrapper {
		width: 220px;
	}

	.player-gallery-wrapper,
	.player-strip-panel,
	.player-thumbs-strip,
	.player-videoplayer {
		height: 580px;
	}
}

/* 3. 大型设备（1200px 起） */
@media screen and (min-width:1200px) {

	.player-gallery-wrapper,
	.player-strip-panel,
	.player-thumbs-strip,
	.player-videoplayer {
		height: 700px;
	}
}

/* ----------go-live-room---------- */

#player-view .go-live-room {
	/* 
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: none;
    width: 144px;
    height: 56px;
    line-height: 56px;
    border-radius: 8px;
	color: #fff;
	z-index: 9999;
	text-align: center;
	box-shadow: 0 0 10px var(--play-main-wrapper-color);
	cursor: pointer;  
	*/
    z-index: 9999;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 144px;
    height: 56px;
    line-height: 56px;
    border-radius: 8px;
    font-size: 16px;
    text-align: center;
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid var(--play-live-room-color);
    color: var(--play-live-room-color);
    user-select: none;
    cursor: pointer;
    transition: all 0.3s ease-in-out 0s;
    opacity: 0;
	display: none;
}

#player-view .go-live-room.active {
	box-shadow: 0 0 10px var(--play-live-room-color); 
}

#player-view .live-room-mouseleave {
	display: none !important; 
	opacity: 0 !important; 
}

#player-view .live-room-mouseover {
	display: block !important;
	opacity: 0.9 !important; 
	border: 1px solid var(--play-live-room-color); 
}
        
#player-view .live-room-mouseover a {
	color: var(--play-live-room-color); 
}
      
#player-view .live-room-btn {
	display: block;
	background: var(--play-live-room-color);
}
        
#player-view .live-room-btn a {
	color: #ffffff; 
}