#player {
	background-color: #272728;
	border-bottom: 0 solid rgb(0 0 0 / 30%);
	box-shadow: 0 1.1875rem 2.125rem -.9375rem rgb(0 0 0 / 5%);
	min-height: 460px
}

.b-player {
	position: relative
}

.b-player iframe {
	overflow: hidden;
	width: 100% !important
}

.b-player iframe::-webkit-scrollbar {
	display: block
}

.b-post__lastepisodeout {
	position: relative;
	background: #2a2a2b;
	border: 1px solid rgb(0 0 0 / 30%);
	margin-left: -1px;
	margin-right: -1px;
	height: 30px;
	line-height: 27px
}

.b-post__lastepisodeout_full {
	position: relative;
	background: #2a2a2b;
	border: 1px solid rgb(0 0 0 / 30%);
	margin-left: -1px;
	margin-right: -1px;
	height: 30px;
	line-height: 27px
}

@media only screen and (max-width:590px) {
	.b-post__lastepisodeout_full {
		position: relative;
		background: #12171b url(dle_serials/dle_serials.png);
		color: #ccc;
		height: 40px
	}
}

.b-post__lastepisodeout_full a {
	color: #dcdbdb;
	text-decoration: none
}

.b-episodes__list {
	margin-left: -16px;
	padding: 32px 0 15px;
	transition: opacity 0.5s ease;
}

.b-episodes__list li {
	float: left;
	margin: 0 0 17px 17px
}

.b-simple_seasons__list {
	margin: 0 auto;
	padding: 10px;
	padding: 4px 10px 12px 13px;
	list-style: none
}

.b-simple_seasons__title {
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	padding-top: 10px;
	padding-left: 11px;
	text-align: left
}

.b-simple_season__item {
	background: #2d2d2d;
	color: #fff;
	cursor: pointer;
	float: left;
	font-size: 13px;
	margin: 0 2px 2px 0 !important;
	min-width: 11.8%;
	padding: 5px 7px;
	text-align: left;
	list-style: none !important
}

.b-simple_episodes__list {
	margin: 0 auto;
	padding: 10px 10px 12px 13px;
	text-align: left
}

.b-simple_episode__item {
	background: #2d2d2d;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 18px;
	margin: 0 2px 2px 0 !important;
	min-width: 11%;
	padding: 5px 7px;
	text-align: left
}

#serial_player {
	min-height: 460px
}

#simple-episodes-tabs {
	white-space: nowrap;
	overflow: auto;
	margin: 0 30px 0 30px;
	display: block;
	position: relative
}

@media only screen and (max-width:590px) {
	#simple-episodes-tabs {
        overflow-x: auto; 
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }
    

	#serial_player {
		min-height: 300px
	}

	#player {
		background-color: #2a2a2b;
		border-bottom: 0 solid rgb(0 0 0 / 30%);
		box-shadow: 0 1.1875rem 2.125rem -.9375rem rgb(0 0 0 / 5%);
		min-height: 300px
	}
}

#simple-episodes-list {
	padding-left: 0; 
	text-align: left;
}


.b-simple_episode__item {
	display: inline-block;
	font-size: 18px;
	background-color: #2c2c2c;
	border: 1px solid rgb(0 0 0 / 30%);
	box-shadow: rgb(90 87 87 / 10%) 0 0 0 1px inset;
	color: #f0f0f0;
	cursor: pointer;
	padding: 8px;
	margin: 0 3px;
	text-align: left;
	transition: background 0.3s ease, opacity 0.5s ease;
}


.b-simple_episode__item.active {
	background: linear-gradient(90deg, #e50848, #ea5021);
	cursor: default
}

.prenext {
	position: relative;
	margin-bottom: 15px
}

.nextpl,
.prevpl {
	position: absolute;
	top: 3px;
	font-size: xx-large;
	width: 25px;
	height: 20px;
	color: #d5d9d9;
	cursor: pointer;
	font-weight: 700;
	z-index: 999
}

.prevpl {
	left: 0
}

.nextpl {
	right: 0
}

.b-simple_episode__item.active,
.b-simple_season__item.active {
	background: linear-gradient(90deg, #ff55a5 0, #ff5860 100%);
	cursor: default;
	color: #000
}

.b-changeplayer__list li:hover,
.b-simple_episode__item:hover,
.b-simple_season__item:hover {
	background: linear-gradient(90deg, #ff5860 0, #ff55a5 100%);
	color: #000
}

.seaser {
	padding: 2px;
	padding-left: 6px;
	padding-right: 6px;
	background: linear-gradient(90deg, #ff55a5 0, #ff5860 100%);
	color: #000;
	border-radius: 2px
}

.comm-one {
	margin-bottom: 10px
}

.status7 {
	background: #ff5860;
	padding: 2px;
	padding-right: 6px;
	padding-left: 6px;
	color: #fff;
	border-radius: 2px
}

.fpage2 {
	padding: 10px;
	background-color: #f1f1f1;
	box-shadow: rgb(90 87 87 / 10%) 0 0 0 1px inset;
	line-height: 1.7;
	margin-bottom: 15px
}

.titleras {
	font-weight: 800;
	color: #ccc;
	font-size: 15px;
	padding: 8px 5px 8px 15px;
	margin-bottom: 20px;
	background-color: #242425;
	border-radius: 2px;
	border: 1px solid rgba(0, 0, 0, .3);
	text-transform: uppercase
}

.tit-info {
	color: #ccc;
	margin-top: 15px;
	padding: 8px 8px 8px 15px;
	background-color: #2a2a2b;
	border: 1px solid rgba(0, 0, 0, .3);
	border-radius: 3px;
	margin-bottom: 20px
}

.namrecoms {
	text-align: center;
	padding: 7px
}

.moreivi {
	padding: 10px;
	background-color: #2a2a2b;
	text-align: center;
	color: #d94e4e;
	font-size: 16px
}

.shereit {
	padding: 10px;
	padding-bottom: 5px;
	background-color: #272728;
	border: 1px solid rgb(0 0 0 / 30%);
	box-shadow: rgb(90 87 87 / 10%) 0 0 0 1px inset;
	text-align: center;
	margin-bottom: 20px
}

.block-sticky {
	position: sticky;
	left: 0;
	top: 15px
}

#les {
	color: #fff
}