abbr,
acronym,
address,
article,
aside,
b,
big,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
samp,
section,
small,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	list-style-type: square
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	/* min-width: 680px; */
	text-decoration: none
}

.m1 .logo{
	width: auto !important;
}

.m1 .logo img{
	height: 50px;
	width: auto;
}

img{
	object-fit: cover;
}

a {
	color: #01ffff;
	text-decoration: none
}

a:hover {
	color: #ffe000
}

html {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

*,
::after,
::before {
	box-sizing: inherit
}

body {
	color: #fff;
	margin: 0;
	font-size: .875rem;
	font-family: Nunito, verdana, sans-serif;
	font-weight: 400;
	line-height: 1.43;
	background: #f8f8f8
}

@media print {
	body {
		background-color: #bdcdd5
	}
}

body::backdrop {
	background-color: #33505e
}

h1 {
	color: #fff;
	font-weight: 200
}

.a378 {
	position: relative;
	background: #100e1d;
	background: linear-gradient(302deg, #100e1d 36%, #42dbca 73%)
}

.a379 {
	top: 0;
	left: 0;
	width: 100%;
	border: 0;
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute
}

@media(min-width:1082px) {
	.a405 {
		display: none
	}
}

.a343 {
	background: 0
}

.a522 {
	color: #fff;
	font-size: .7em;
	font-weight: 700;
	background-color: #253a45
}

.a522:hover {
	background-color: #253a45
}

.a523 {
	width: 15px
}

.a481 {
	color: #fff;
	padding: 16px;
	background: #100e1d;
	background: linear-gradient(302deg, #100e1d 36%, #42dbca 73%)
}

@media(min-width:1082px) {
	.a481 {
		margin-top: 8px
	}
}

@media(min-width:600px) {
	.a483 {
		max-width: 400px
	}
}

@media(max-width:599.95px) {
	.a483>div {
		padding: 0;
		margin-right: 8px;
		margin-bottom: 8px
	}

	.a484 {
		width: unset
	}

	.a485 {
		width: unset
	}
}

.a487 {
	color: #ffffffab
}

.a488 {
	color: #fff
}

.a488:hover .a487 {
	color: #fff
}

.a489 {
	color: #fff
}

.a490 {
	color: #fff;
	font-size: 1.5rem;
	text-shadow: 2px 2px 4px #000
}

.a491 {
	margin-right: 16px
}

.a551 {
	color: #000;
	text-decoration: none
}

.a553 {
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 8px;
	background-color: #100e1d
}

.a553 span {
	font-size: .9em;
	font-weight: 700
}

.a553:hover {
	background-color: #42dbca
}

.a539 {
	margin-bottom: 0
}

@media(min-width:1082px) {
	.a539 {
		margin-left: -25px
	}
}

@media(max-width:599.95px) {
	.a539 {
		margin-top: 8px
	}
}

.a524 {
	color: #fff;
	padding: 8px 0 24px 24px;
	line-height: 1.5
}

.a524 a {
	color: #35fdff;
	font-weight: 700;
	text-decoration: none
}

@media(min-width:1082px) {
	.a524 {
		padding: 8px 24px 24px
	}
}

@media(max-width:1081.95px) {
	.a524 {
		padding: 32px
	}
}

.a524 a:hover {
	color: #25b1b2
}

.a532 {
	font-size: .9em;
	margin-top: 20px
}

@media(max-width:599.95px) {
	.a534 {
		display: none
	}
}

@media(min-width:1082px) {
	.a536 {
		flex: 1;
		padding-right: 20px
	}
}

.a537 {
	margin-right: -25px
}

@media(min-width:1082px) {
	.a537 {
		margin-top: 16px
	}
}

.a305 {
	width: 100%;
	z-index: 1;
	position: relative;
	background-color: transparent
}

@media(min-width:1082px) {
	.a305 {
		min-width: 800px
	}
}

@media(max-width:1081.95px) {
	.a305 {
		width: 100%;
		padding: 0
	}
}

.a308 {
	width: 100%;
	padding: 0;
	position: relative
}

.a294 {
	width: 300px
}

.a294>div {
	float: left;
	margin-right: 10px;
	margin-bottom: 8px
}

.a295 {
	margin-right: 0 !important
}

.a287>div {
	margin-bottom: 8px
}

.a263 {
	position: relative !important;
	flex-wrap: nowrap !important
}

.a272 {
	width: 160px;
	display: none;
	min-height: 250px;
	margin-left: 8px !important;
	padding-top: 8px !important;
	margin-bottom: 32px !important
}

@media(min-width:1082px) {
	.a272 {
		display: block
	}
}

.a273 {
	min-height: 250px;
	padding-top: 8px !important;
	margin-right: 8px !important;
	margin-bottom: 32px !important
}

@media(min-width:1082px) {
	.a273 {
		display: block
	}
}

.a274 {
	width: 300px;
	min-height: 250px
}

@media(min-width:1082px) {
	.a274 {
		display: block
	}
}

.a275 {
	width: 160px
}

.a276 {
	width: 160px
}

.a17 {
	padding-top: 10px;
	padding-bottom: 8px;
	overflow-x: hidden
}

.a647 {
	color: #fff;
	width: 100%;
	position: relative;
	padding-top: 16px;
	background-color: #0a0911
}

.a671 {
	padding: 16px;
	text-align: center;
	line-height: 25px
}

.container-games {
	max-width: 1860px;
	display: flex;
	width: 100%;
	padding-top: 10px;
	margin-bottom: 20px
}

.box-games {
	margin-left: 15px;
	margin-right: 15px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	align-self: flex-start
}

.right-games {
	width: 300px;
	margin-right: 15px
}

.right-games ul {
	margin-bottom: 15px
}

.right-games li {
	list-style-type: none;
	font-size: 13px;
	display: flex
}

.right-games h3 {
	font-family: baloo thambi, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-weight: 400;
	font-size: 20px
}

.right-games a {
	padding: 3px;
	width: 100%;
	display: flex;
	bkit-align-items: center;
	align-items: center
}

.right-games span {
	padding-left: 15px
}

.right-games a:hover {
	background: #361c41;
	color: #fff;
	border-radius: 25px
}

.right-games img {
	width: 40px;
	height: 40px;
	flex-grow: 0;
	flex-shrink: 0;
	object-fit: cover;
	border-radius: 50%
}

.new {
	background-color: #ffc109;
	color: #fff;
	display: inline-block;
	position: absolute;
	padding: 2px;
	right: 0;
	border-bottom-left-radius: 5px;
	border-top-right-radius: 4px;
	font-size: 11px;
	z-index: 9
}

.new strong {
	margin-right: 3px;
	margin-left: 2px;
	letter-spacing: 1px
}

.thumb-game_l {
	margin: 8px
}

.thumb-title {
	display: none
}

.thumb-game {
	width: 180px;
	height: 145px;
	overflow: hidden;
	position: relative;
	border-radius: 15px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .19)
}

.thumb-game:hover,
.thumb-w:hover,
.bTv:hover {
	-webkit-box-shadow: 0 0 10px 3px rgba(152, 24, 203, 1);
	-moz-box-shadow: 0 0 10px 3px rgba(152, 24, 203, 1);
	box-shadow: 0 0 10px 3px rgba(152, 24, 203, 1)
}

.thumb-game:hover .th-title {
	opacity: 1;
	z-index: 10
}

.thumb-game a {
	color: #fff;
	text-decoration: none;
	width: 180px;
	padding-left: 15px;
	padding-right: 12px
}

.thumb-game:hover img {
	-webkit-filter: brightness(90%);
	filter: brightness(90%)
}

.thumb-title {
	font-family: baloo thambi, cursive;
	color: #fff;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	height: 22px;
	overflow: hidden;
	font-size: 13px;
	font-weight: 200;
	display: block;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: all .3s;
	text-align: center;
	text-transform: uppercase
}

.th-title {
	transition: .5s ease;
	transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	background: linear-gradient(179deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 35%, #000 110%);
	padding-top: 115px
}

.alt {
	position: absolute;
	width: 100%;
	height: 140%;
	top: 0;
	left: 0;
	text-decoration: none;
	z-index: 10;
	opacity: 0
}

.crop {
	position: relative;
	left: 50%;
	transform: translate(-50%, 0)
}

.thumb-game_l1 {
	margin: 8px
}

.thumb-title1 {
	display: none
}

.thumb-game1 {
	width: 145px;
	height: 131px;
	overflow: hidden;
	position: relative;
	border-radius: 15px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .19)
}

.thumb-game1 a {
	color: #fff;
	text-decoration: none;
	width: 145px;
	padding-left: 15px;
	padding-right: 12px
}

.thumb-game1:hover img {
	-webkit-filter: brightness(90%);
	filter: brightness(90%)
}

.thumb-title1 {
	font-family: baloo thambi, cursive;
	color: #fff;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	height: 22px;
	overflow: hidden;
	font-size: 13px;
	font-weight: 200;
	display: block;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: all .3s;
	text-align: center;
	text-transform: uppercase
}

.th-title1 {
	transition: .5s ease;
	transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	background: linear-gradient(179deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 35%, #000 110%);
	padding-top: 100px
}

.thumb-game1:hover .th-title1 {
	opacity: 1;
	z-index: 10;
	color: #fff
}

.alt1 {
	position: absolute;
	width: 100%;
	height: 110%;
	top: 0;
	left: 0;
	text-decoration: none;
	z-index: 10;
	opacity: 0
}

.thumb-title2 {
	display: none
}

.thumb-game2 {
	width: 160px;
	height: 131px;
	overflow: hidden;
	position: relative;
	border-radius: 15px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .19)
}

.thumb-game2:hover .th-title2 {
	opacity: 1;
	z-index: 10
}

.thumb-game2 a {
	color: #fff;
	text-decoration: none;
	width: 160px;
	padding-left: 15px;
	padding-right: 12px
}

.thumb-game2:hover img {
	-webkit-filter: brightness(90%);
	filter: brightness(90%)
}

.thumb-title2 {
	font-family: baloo thambi, cursive;
	color: #fff;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	height: 22px;
	overflow: hidden;
	font-size: 13px;
	font-weight: 200;
	display: block;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: all .3s;
	text-align: center;
	text-transform: uppercase
}

.th-title2 {
	transition: .5s ease;
	transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	background: linear-gradient(179deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 35%, #000 110%);
	padding-top: 100px
}

.alt2 {
	position: absolute;
	width: 100%;
	height: 110%;
	top: 0;
	left: 0;
	text-decoration: none;
	z-index: 10;
	opacity: 0
}

video {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 0);
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	top: -1px
}

.a500 {
	margin: 20px;
	padding: 20px 20px 5px;
	border-radius: 15px;
	background: #241d41;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .19)
}

.a500 p {
	margin-bottom: 20px
}

.a500 h2 {
	padding: 0;
	margin: 0;
	font-family: baloo thambi, cursive;
	font-weight: 200;
	font-size: 22px
}

.a500 ul {
	margin-left: 50px;
	margin-bottom: 15px
}

.a500 strong {
	color: #ffe000
}

.a501 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	align-content: flex-start;
	margin: 20px;
	height: 150px;
	overflow: hidden;
	padding-top: 23px;
	margin-bottom: 50px
}

.a501>.r-categories {
	width: 120px;
	text-align: center;
	margin-bottom: 10px;
	margin-right: 8px
}

.a501>.r-categories a:hover {
	color: #ffe000
}

.r-categories img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .19)
}

.r-categories img:hover {
	-webkit-filter: brightness(110%);
	filter: brightness(110%);
	box-shadow: 0 0 27px 0 #0ff
}

.r-categories span {
	width: 120px;
	height: 25px;
	overflow: hidden;
	position: relative;
	display: block;
	font-weight: 700;
	height: 22px;
	line-height: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: all .3s;
	text-align: left;
	font-size: 12px;
	text-align: center
}

.a502 {
	justify-content: center;
	height: 50px;
	display: flex;
	align-items: center;
	padding-top: 20px
}

.a502 h1 {
	padding: 0;
	margin: 0;
	margin-left: 15px;
	font-family: baloo thambi, cursive
}

.a503 h1 {
	padding: 0;
	margin: 0;
	font-family: baloo thambi, cursive
}

.a502 img {
	height: 40px;
	width: 4px;
	border-radius: 50%
}

.fa-search {
	display: block;
	position: relative;
	width: 22px;
	height: 22px;
	background: url(../image/search.svg);
	background-size: 22px 22px;
	right: -3px
}

.pagination {
	width: 100%;
	height: 20px;
	margin-top: 70px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	margin-bottom: 15px
}

.live-link {
	background: #292547;
	color: #fff;
	border-radius: 50%;
	height: 60px;
	width: 60px;
	justify-content: center;
	align-items: center;
	align-content: center;
	display: flex;
	font-size: 19px;
	font-family: baloo thambi, cursive;
	margin-right: 10px
}

.dead-link {
	background: #141124;
	color: #fff;
	border-radius: 50%;
	height: 60px;
	width: 60px;
	justify-content: center;
	align-items: center;
	align-content: center;
	display: flex;
	margin-right: 7px
}

.pagination a:hover {
	background: #42dbca;
	color: #fff
}

.current-link {
	background: #141124;
	color: #fff;
	border: #01ffff 3px solid
}

.arr {
	border: solid #fff;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px
}

.r1 {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	left: -2px;
	position: relative
}

.l1 {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	left: 2px;
	position: relative
}

.ar {
	border: solid #fff;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 2px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	margin-right: 4px
}

.we {
	color: #b9c9ff;
	font-size: 13px
}

.upt a {
	font-size: 14px;
	line-height: 1.75
}

.fa-home {
	display: inline-flex;
	width: 15px;
	height: 15px;
	background: url(static/image/home-run.svg);
	background-size: 15px 15px
}

.fa-home:hover {
	-webkit-filter: invert(0) sepia(1) hue-rotate(0) saturate(0) contrast(150%);
	filter: invert(0) sepia(1) hue-rotate(0) saturate(25) contrast(250%)
}

.home {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	align-self: flex-start;
	margin-bottom: 20px
}

.a511 a {
	font-size: 14px
}

.a515 {
	width: 100%;
	margin-left: 20px;
	margin-right: 20px
}

.a512 {
	margin: 20px;
	background-color: #891FC2;
	padding: 5px 5px 5px 15px;
	border-radius: 15px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .19)
}

.lists {
	position: relative;
	top: 7px;
	right: 0;
	z-index: 999;
	margin-right: 15px
}

.lists ul {
	padding: 5px;
	margin: 0;
	position: absolute;
	top: -2px;
	background: #0A0911;
	width: 100%;
	max-height: 500px;
	overflow: auto;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px
}

.lists ::-webkit-scrollbar {
	width: 5px
}

.lists ::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px grey;
	border-radius: 15px
}

.lists ::-webkit-scrollbar-thumb {
	background: #01ffff;
	border-radius: 10px
}

.lists li {
	list-style-type: none;
	font-size: 15px;
	display: flex
}

.lists span {
	margin-left: 10px
}

.lists img {
	width: 50px;
	height: 50px;
	flex-grow: 0;
	flex-shrink: 0;
	object-fit: cover;
	border-radius: 50%
}

.lists a {
	padding: 3px;
	width: 100%;
	display: flex;
	bkit-align-items: center;
	align-items: center
}

.lists a:hover {
	background: #361c41;
	color: #fff;
	border-radius: 40px;
	color: #ffe000
}

.wrapper {
	position: relative;
	display: flex;
	justify-content: center
}

.arrow {
	visibility: hidden;
	position: absolute;
	left: 0;
	right: 20px;
	top: 79px;
	transform: translateY(-50%);
	padding: 4px;
	cursor: pointer;
	z-index: 20;
	height: 146px;
	width: 70px;
	background: #1d1834;
	background: linear-gradient(90deg, #1d1834 50%, rgba(66, 219, 202, 0) 100%);
	border-color: none;
	border: 0;
	color: #fff;
	font-size: 58px;
	opacity: .9
}

.arrow:hover {
	color: #ffe000;
	opacity: 1
}

active.arrow: {
	outline: 0;
	border: 0
}

.arrow:last-of-type {
	visibility: visible;
	left: inherit;
	right: 0;
	transform: rotate(180deg) translateY(50%);
	z-index: 15
}

.arrow.change:hover {
	cursor: pointer;
	background-color: #f89900
}

button:focus {
	outline: 0
}

.scrollable {
	width: 99%;
	display: inline-flex;
	justify-content: flex-start;
	align-items: flex-start;
	overflow-x: auto;
	scrollbar-width: none;
	-ms-overflow-style: none
}

.scrollable::-moz-scrollbar {
	display: none
}

.scrollable::-webkit-scrollbar {
	display: none
}

.caro-item {
	flex-shrink: 0;
	width: 180px;
	height: 150px;
	margin: 7px
}

.recent {
	background: #51c2ce;
	height: 46px;
	width: 46px;
	margin-top: 10px;
	border-radius: 50%;
	margin-right: 10px;
	padding: 10px
}

.recent:hover {
	background: #ecce00
}

.a15 {
	background: #21f0e2;
	color: #15002f;
	border-radius: 50px;
	font-size: 28px;
	padding: 15px;
	font-family: baloo thambi, cursive;
	border: 0;
	cursor: pointer;
	width: 300px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12)
}

.a15:hover {
	background: #0fe6d6
}

.b15 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.b16 {
	border-radius: 8px;
	margin-bottom: 10px
}

.swfblk {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}

button.btn-main,
button.btn-main[type=submit] {
	background: #253a45;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	border-radius: 5px;
	font-size: 16px;
	padding: 16px 20px;
	transition: all .1s ease-in;
	min-width: 142px;
	border: 0;
	cursor: pointer;
	outline: 0
}

button.btn-main:hover:enabled {
	opacity: .8
}

button.btn-main:disabled {
	opacity: .3
}

.text-right {
	text-align: right
}

.contact-form button[type=submit] {
	background: #fff
}

.contact-form button[type=submit]:hover:enabled {
	background-color: #000;
	color: #fff;
	outline: 0
}

.modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	z-index: 999
}

.modal-container {
	position: absolute;
	top: 20%;
	left: 50%;
	margin-left: -300px;
	width: 600px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .3);
	padding: 20px;
	color: #385867
}

.modal-close {
	color: #ccc;
	cursor: pointer;
	position: absolute;
	right: 15px;
	top: 2px;
	font-size: 26px;
	font-weight: 600
}

.modal-close:hover {
	color: #000
}

.game-feedback p {
	font-size: 18px
}

.game-feedback-option {
	margin-bottom: 15px
}

.custom-radio {
	display: block;
	position: relative;
	padding-left: 27px;
	cursor: pointer;
	font-size: 16px;
	user-select: none;
	line-height: 20px
}

.custom-radio input {
	position: absolute;
	opacity: 0;
	cursor: pointer
}

.custom-radio .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #eee;
	border-radius: 50%
}

.custom-radio:hover input~.checkmark {
	background-color: #ccc
}

.custom-radio input:checked~.checkmark {
	background-color: #ffe000
}

.custom-radio .checkmark:after {
	content: "";
	position: absolute;
	display: none
}

.custom-radio input:checked~.checkmark:after {
	display: block
}

.custom-radio .checkmark:after {
	top: 6px;
	left: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #fff
}

.contact-form-msg-error {
	padding: 20px;
	background-color: #f8d7da;
	color: #8d1824;
	border-radius: 5px;
	margin-bottom: 20px
}

.thumb-container {
	box-shadow: 0 6px 10px rgba(0, 0, 0, .4)
}

.thumb-container:hover {
	box-shadow: 0 12px 20px rgba(0, 0, 0, .3)
}

.thumb {
	display: block;
	position: relative;
	transition: all .2s
}

.thumb-container {
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 15px;
	overflow: hidden
}

.thumb:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 1;
	background: linear-gradient(transparent 25%, rgba(0, 0, 0, .05));
	opacity: 0;
	transition: opacity .2s
}

.thumb img {
	width: 180px;
	height: 145px;
	display: block
}

.thumb-name {
	position: absolute;
	font-family: baloo thambi, cursive;
	width: 100%;
	display: block;
	bottom: -100px;
	text-align: center;
	color: #fff;
	transition: all .2s;
	padding: 6%;
	box-sizing: border-box;
	font-size: 13px;
	z-index: 3;
	font-weight: 200;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: all .3s;
	text-align: center;
	text-transform: uppercase
}

.thumb:hover .thumb-name {
	transition: .5s ease;
	transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	background: linear-gradient(179deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 35%, #000 160%);
	padding-top: 165px;
	bottom: 0
}

.thumb:hover:after {
	opacity: 1
}

.thumb-2x2 img {
	width: 378px;
	height: 310px
}

.thumb-2x2 .thumb-name {
	font-size: 18px
}

.grid-container {
	display: grid;
	width: 100%;
	grid-template-columns: repeat(auto-fill, 180px);
	grid-auto-flow: row dense;
	justify-content: center;
	grid-gap: 17px;
	margin: 17px 0
}

.grid-thumb {
	grid-column: auto/span 1;
	grid-row: auto/span 1;
	min-height: 145px
}

.grid-2x2,
.grid-w-double {
	grid-column: auto/span 2
}

.grid-2x2,
.grid-h-double {
	grid-row: auto/span 2
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.clearfix {
	display: inline-block
}

* html .clearfix {
	height: 1%
}

.clearfix {
	display: block
}

.thumb-w {
	width: 377px;
	height: 310px;
	overflow: hidden;
	position: relative;
	border-radius: 15px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .19)
}

.video-div2 {
	transform: translatez(0);
	position: absolute;
	top: 0;
	bottom: -1px;
	left: -100%;
	right: -100%;
	margin: auto;
	min-width: 100%;
	min-height: 100%
}

.series {
	background-color: #3c1d6e;
	color: #fff;
	display: inline-block;
	position: absolute;
	padding: 4px;
	left: 0;
	border-bottom-right-radius: 6px;
	border-top-left-radius: 4px;
	font-size: 11px;
	z-index: 9
}

.series strong {
	margin-right: 3px;
	margin-left: 5px;
	letter-spacing: 1px
}

::-webkit-scrollbar {
	width: 6px;
	height: 6px
}

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

::-webkit-scrollbar-thumb {
	background: #01ffff;
	border: 0 #fff;
	border-radius: 50px
}

::-webkit-scrollbar-thumb:active {
	background: #01ffff
}

::-webkit-scrollbar-track {
	background: #090d0f;
	border: 0 #fff;
	border-radius: 50px
}

::-webkit-scrollbar-corner {
	background: 0
}

.install-as-app {
	background: #372e74;
	border-radius: 999px;
	box-shadow: #372e74 0 10px 20px -10px;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	font-size: 15px;
	line-height: 24px;
	opacity: 1;
	outline: transparent solid 0;
	padding: 8px 18px;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
	width: fit-content;
	word-break: break-word;
	border: 0;
	margin-right: 15px;
	font-family: baloo thambi, cursive
}

.install-as-app:hover {
	background: #3c1d6e
}

.share-1 {
	background: transparent;
	color: #fff;
	height: 35px;
	width: 35px;
	border-radius: 50%;
	cursor: pointer;
	line-height: 2px;
	opacity: 1;
	outline: 0 solid transparent;
	border: 0;
	margin-right: 7px;
	margin-top: 3px
}

.share-1:hover {
	background: #371c42
}

button {
	outline: 0;
	cursor: pointer;
	font-weight: 500;
	border-radius: 4px;
	border: 2px solid transparent;
	transition: background .1s linear, border-color .1s linear, color .1s linear
}

.mod {
	display: none;
	position: fixed;
	z-index: 100;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	background-color: rgba(0, 0, 0, .4)
}

.popup {
	position: fixed;
	background: #1d1834;
	padding: 25px;
	border-radius: 15px;
	z-index: 1;
	left: 50%;
	top: 50%;
	z-index: 100;
	max-width: 480px;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	box-shadow: 0 10px 15px rgba(0, 0, 0, .1);
	transform: translate(-50%, -50%) scale(1.2);
	transition: top 0 .2s ease-in-out, opacity .2s 0 ease-in-out, transform .2s 0 ease-in-out;
	color: #c6c2d5
}

.popup.show {
	top: 50%;
	opacity: 2;
	pointer-events: auto;
	transform: translate(-50%, -50%) scale(1);
	transition: top 0 0 ease-in-out, opacity .2s 0 ease-in-out, transform .2s 0 ease-in-out
}

.popup :is(header, .icons, .field) {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.popup header {
	padding-bottom: 15px;
	border-bottom: 1px solid #8a2be2
}

header {
	font-size: 25px;
	font-weight: 600
}

header .close2,
.icons a {
	display: flex;
	align-items: center;
	border-radius: 50%;
	justify-content: center;
	transition: all .3s ease-in-out
}

header .close2 {
	color: #fe39a2;
	font-size: 20px;
	cursor: pointer
}

header .close2:hover {
	color: #891fc2
}

.popup .content {
	margin: 20px 0
}

.popup .icons {
	margin: 15px 0 20px
}

.content p {
	font-size: 16px
}

.content .icons a {
	height: 60px;
	width: 60px;
	font-size: 20px;
	text-decoration: none;
	border: 1px solid transparent
}

.icons a i {
	transition: transform .3s ease-in-out
}

.icons a:nth-child(1) {
	color: #fff;
	background: #039be5;
	padding-left: 3px
}

.icons a:nth-child(2) {
	background: #212121;
}

.icons a:nth-child(2):hover {
	border-color: #303030
}

.icons a:nth-child(3) {
	color: #e1306c;
	background: #3bd776;
	padding-top: 3px;
	padding-left: 5px
}

.icons a:nth-child(4) {
	color: #fff;
	background: #198cb9;
	border-color: #198cb9
}

.icons a:nth-child(5) {
	color: #fff;
	background: #fe571a;
	padding-top: 6px;
	padding-left: 7px
}

.icons a:hover {
	color: #fff;
	border-color: transparent
}

.icons a:hover i {
	transform: scale(1.2)
}

.content .field {
	margin: 12px 0 -5px;
	height: 45px;
	border-radius: 4px;
	padding: 0 5px;
	background: #0a0911;
	border: 1px solid #8a2be2
}

.field.active {
	border-color: #69f200
}

.field i {
	width: 0;
	font-size: 18px;
	text-align: left
}

.field.active i {
	color: #69f200
}

.field input {
	width: 100%;
	height: 100%;
	border: 0;
	outline: 0;
	background: #0a0911;
	color: #eae8f4;
	font-size: 18px
}

.field button {
	color: #fff;
	padding: 5px 18px;
	background: #7d2ae8
}

.field button:hover {
	background: #8d39fa
}

.bkey,
.closekey {
	border-radius: 50%
}

.keymoda {
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, .4)
}

.closekey,
.key-content {
	position: absolute;
	right: 0
}

.key-content {
	height: 100px;
	margin: 0 auto;
	display: table;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 650px
}

.closekey {
	color: #891fc2;
	font-size: 30px;
	font-weight: 700;
	width: 35px;
	height: 35px;
	top: 10px;
	right: 10px;
	text-align: center
}

.bkey,
.install-as-app2 {
	background: transparent;
	color: #fff;
	height: 35px;
	width: 35px;
	cursor: pointer;
	line-height: 2px;
	opacity: 1;
	margin-right: 15px;
	margin-top: 3px;
	outline: transparent solid 0
}

.closekey:focus,
.closekey:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer
}

.bkey {
	border: 0
}

.bkey:hover,
.install-as-app2:hover {
	background: #371c42
}

.install-as-app2 {
	border-radius: 50%;
	border: 0
}

.thumb .ribbon {
	text-align: center;
	position: absolute;
	padding-right: 3px;
	left: -4px;
	top: 16px;
	width: 28px;
	height: 28px;
	background-size: cover;
	z-index: 3;
	box-sizing: border-box;
	border-radius: 0 28px 28px 0;
	background: #fff;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, .2)
}

.thumb .ribbon:after {
	content: "";
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 0;
	height: 0;
	border-top: 0 solid transparent;
	border-bottom: 4px solid transparent;
	border-right: 4px solid #bdc9db
}

.thumb .ribbon img {
	width: 16px;
	height: auto;
	display: inline;
	top: 5px;
	position: relative
}

.ribbon2:after,
.ribbon2:before {
	content: '';
	width: 5px;
	height: 5px;
	display: block;
	position: absolute;
	top: 100%;
	left: 0
}

.ribbon2 {
	z-index: 20;
	position: absolute;
	top: 15px;
	left: -5px;
	color: #fff;
	background: #3c1d6e;
	background: linear-gradient(90deg, #3c1d6e 0, #6b44ab 100%);
	padding: 7px;
	border-top-left-radius: 5px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 10px;
	box-shadow: -1px 2px 3px rgba(0, 0, 0, .3);
	font-size: 11px;
	font-family: baloo thambi, cursive;
	font-weight: 400;
	letter-spacing: 1px
}

.ribbon2:before {
	background: #3c1d6e;
	background: linear-gradient(90deg, #3c1d6e 0, #6b44ab 100%);
	border-bottom-left-radius: 5px
}

.ribbon2:after {
	background-color: #9164d2;
	border-radius: 6px 0 0 6px
}

.ribbon_box {
	position: relative;
	z-index: 100
}

.ribbon3:after,
.ribbon3:before {
	content: '';
	width: 5px;
	height: 5px;
	display: block;
	position: absolute;
	top: 100%;
	left: 0
}

.ribbon3 {
	position: absolute;
	top: 15px;
	left: -5px;
	color: #fff;
	background: #fff;
	height: 34px;
	padding: 7px;
	border-top-left-radius: 5px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 10px;
	box-shadow: -1px 2px 3px rgba(0, 0, 0, .3);
	font-size: 11px
}

.ribbon3:before {
	background: #fff;
	border-bottom-left-radius: 5px
}

.ribbon3:after {
	background-color: #ccc;
	border-radius: 6px 0 0 6px
}

.video-preloader {
	z-index: 100;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%)
}

:root {
	--AdvertisementTxt: "Advertisement";
	--color-blue: #21f0e2;
	--color-text: #fff;
	--color-dark: #15002f;
	--color-text-80: rgba(255, 255, 255, .8);
	--color-text-60: rgba(255, 255, 255, .6);
	--color-text-40: rgba(255, 255, 255, .4);
	--rad-blocks: .75rem
}

figure {
	display: block
}

figure {
	margin: 0 0 1rem
}

svg {
	overflow: hidden;
	vertical-align: middle
}

.s-blue {
	transition: box-shadow .2s ease, color .2s ease
}

.s-blue {
	background-color: var(--color-blue);
	box-shadow: 0 0 .75rem 0 var(--color-blue)
}

button.s-blue:hover {
	box-shadow: 0 0 1rem 0 var(--color-text)
}

.fit-cover {
	position: relative;
	display: flex;
	overflow: hidden;
	flex-direction: column;
	flex-grow: 1
}

.fit-cover img {
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	min-width: calc(100% + 1px);
	width: 100%;
	height: 100%;
	transform: translateX(-50%);
	object-fit: cover;
	object-position: center center;
	-o-object-position: center center;
	-o-object-fit: cover
}

.uppercase {
	text-transform: uppercase
}

.muted {
	opacity: .5
}

.title {
	line-height: 1.3;
	font-family: baloo thambi, cursive
}

.title {
	margin: 0
}

.btn {
	height: 2.5rem;
	line-height: 1.5rem;
	padding: .5rem 8rem;
	border-radius: 1.5rem;
	white-space: nowrap;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	border: 0;
	font-weight: 700;
	cursor: pointer;
	outline: 0;
	text-decoration: none !important;
	color: var(--color-dark) !important
}

.btn:active {
	opacity: .8
}

@media(min-width:992px) {
	.btn {
		transition: box-shadow ease .15s, background-color ease .15s, transform ease .1s, opacity ease .1s
	}
}

@media(max-width:575px) {
	.btn-block {
		font-weight: 700;
		width: 100%
	}
}

@media(min-width:568px) {
	.btn-lg {
		font-size: 25px;
		height: 3rem !important;
		padding: .75rem 1.25rem !important;
		font-family: baloo thambi, cursive
	}
}

@media(max-width:568px) {
	.btn-lg {
		font-size: 20px;
		height: 3rem !important;
		padding: .75rem 1.25rem !important;
		font-family: baloo thambi, cursive
	}
}

@media(min-width:992px) {
	.str-main {
		width: 100%;
		flex: 0 1 auto;
		min-width: 0;
		max-width: 75.25rem
	}
}

.game-img {
	margin: 0;
	max-height: 0;
	padding-top: calc(9/16 * 100%);
	border-radius: inherit
}

@media(max-width:575px) {
	.game-img {
		padding-top: 50%
	}

	.game-plug-video {
		margin-right: 0
	}
}

.game-img::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	opacity: 0;
	background-color: var(--color-purple);
	transition: opacity .2s ease
}

@media(min-width:992px) {
	.game-img::after {
		top: 0;
		opacity: 0;
		background-color: var(--color-purple);
		transition: opacity .2s ease
	}
}

.game-block {
	background-color: var(--color-purple);
	border-radius: var(--rad-blocks);
	margin-top: 0 !important
}

#game {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
	margin: 0;
	overflow: hidden !important;
	background: #141124
}

.game-plug {
	width: 100%;
	margin: 0;
	position: relative;
	height: 633px;
	overflow: hidden
}

@media(max-width:992px) {
	.game-plug {
		height: 533px
	}
}

@media(max-width:1509px) {
	.game-plug {
		height: 533px
	}
}

.game-plug-video {
	position: relative;
	width: 100%;
	height: 100%
}

.video_play {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.video-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(20, 17, 36, 0.8);
	backdrop-filter: blur(8px);
	z-index: 1
}

.game-plug-cont {
	position: absolute;
	top: 46%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	z-index: 2
}

.imgp {
	border-radius: 10px
}

.game-plug-cont h1 {
	padding: 0;
	margin: 0;
	font-size: 30px;
	font-family: baloo thambi, cursive;
	margin-top: 10px
}

.game-plug-cont h2 {
	font-size: 11px;
	color: #cecee1;
	padding: 0;
	margin: 0;
	margin-top: 10px
}

.game-plug-cont .btn {
	margin-top: 20px
}

.rate {
	margin-top: 10px;
	font-size: 14px
}

.rate svg {
	margin-right: 10px;
	line-height: 20px
}

#game,
#game iframe {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
	margin: 0;
	overflow: hidden !important
}

.play-game .game-plug {
	display: none !important
}

.lds-ring {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px
}

.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 64px;
	height: 64px;
	margin: 8px;
	border: 8px solid #fff;
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
	border-color: #fff transparent transparent transparent
}

.lds-ring div:nth-child(1) {
	animation-delay: -.45s
}

.lds-ring div:nth-child(2) {
	animation-delay: -.3s
}

.lds-ring div:nth-child(3) {
	animation-delay: -.15s
}

@keyframes lds-ring {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(360deg)
	}
}

.lodr {
	animation: shimmer 3s;
	animation-iteration-count: infinite;
	background: linear-gradient(to right, #21f0e2 5%, #10ddcf 25%, #21f0e2 35%);
	background-size: 1000px 100%
}

@keyframes shimmer {
	from {
		background-position: -1000px 0
	}

	to {
		background-position: 1000px 0
	}
}

.my-games {
	font-family: baloo thambi, cursive;
	background-color: Transparent;
	color: #fff;
	font-size: 19px;
	fill: #01ffff;
	margin-right: 7px
}

.my-games:hover {
	color: #ffe000;
	fill: #ffe000
}

@media(max-width:992px) {
	.my-games span {
		display: none
	}
}

.icofavmen {
	width: 20px;
	height: 20px;
	margin-right: 8px
}

.favlist {
	font-family: Baloo thambi, cursive;
	z-index: 99999;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .6);
	display: flex;
	justify-content: center;
	align-items: center;
	backdrop-filter: blur(5px)
}

.favlist-content {
	background: #1d1834;
	background: linear-gradient(180deg, rgba(29, 24, 52, 1) 64%, rgba(168, 48, 129, 1) 100%);
	text-align: center;
	padding: 20px;
	width: 380px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	overflow-y: auto
}

.tab-header {
	position: relative;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #fff
}

.tab-option {
	background: 0;
	border: 0;
	outline: 0;
	cursor: pointer;
	padding: 15px 20px;
	font-size: 17px;
	width: 200px;
	text-align: center;
	color: #01ffff;
	font-family: baloo thambi, cursive;
	font-weight: lighter;
	fill: #01ffff
}

.tab-option.active {
	font-family: baloo thambi, cursive;
	color: #ffe000;
	fill: #ffe000
}

.tab-line {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 5px;
	width: 50%;
	background-color: #ffe000;
	border-radius: 5px;
	transition: left .3s ease
}

.tab-content {
	padding-top: 20px
}

.tab-pane {
	display: none
}

.tab-pane.active {
	display: block
}

.hidden {
	display: none
}

.t_all_g {
	font-size: 20px;
	text-align: center;
	margin-bottom: 20px
}

.close-fav {
	position: absolute;
	right: 20px;
	cursor: pointer;
	background: #0A0911;
	color: #fff;
	font-size: 22px;
	font-family: baloo thambi, cursive
}

.close-fav:hover {
	color: #ccc
}

body.no-scroll {
	overflow: hidden
}

.favgame {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch
}

.svg-h {
	width: 130px;
	height: 130px;
	fill: #fff;
	padding: 10px
}

.svg-h2 {
	width: 110px;
	height: 110px;
	fill: #fff;
	padding: 10px
}

.favicon {
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center
}

.favgame p {
	font: 300 15px/1.73 'Open Sans', sans-serif;
	color: #ccc
}

.icofav {
	margin-right: 10px;
	width: 20px;
	height: 20px
}

.boxclose {
	position: absolute;
	z-index: 12;
	background: #FFF;
	width: 23px;
	height: 23px;
	top: 5px;
	right: 5px;
	border-radius: 50%;
	content: 'x';
	text-align: center;
	color: #43697b;
	font-size: 15px;
	font-weight: 700;
	padding-top: 0;
	cursor: pointer
}

.boxclose:hover {
	background: red;
	color: #FFF
}

.taddfav {
	font-size: 22px;
	font-weight: lighter
}

@keyframes pulse {
	0% {
		transform: scale(.7)
	}

	50% {
		transform: scale(1.5)
	}

	100% {
		transform: scale(.7)
	}
}

.pulse {
	color: #ffe000;
	fill: #ffe000;
	border-radius: 40px;
	animation: pulse .6s linear infinite
}

.lodr2 {
	animation: shimmer infinite 2s linear;
	background: #2f1838;
	background: radial-gradient(circle, rgba(47, 24, 56, 1) 0, rgba(29, 24, 52, 1) 100%);
	background-size: 1000px 100%
}

@keyframes shimmer {
	from {
		background-position: -1000px 0
	}

	to {
		background-position: 1000px 0
	}
}

img {
	font-size: 0
}

.m1 {
	justify-content: space-between;
	align-items: center;
	height: 65px;
	background: #2f3237;
	font-family: baloo thambi, Arial, Helvetica, sans-serif;
	display: flex;
	width: 100%;
	top: 0;
	z-index: 99999;
	position: -webkit-sticky;
	position: sticky;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .19)
}

.m1 {
	color: #fff
}

.m1 .logo {
	width: 130px;
	padding-left: 17px
}

.search-container {
	width: 500px
}

@media(max-width:800px) {
	.search-container {
		width: 300px
	}
}

.search-box .input-container {
	position: relative;
	width: 96%
}

.search-box input {
	font-family: Nunito, Arial, sans-serif;
	background: #43464c;
	width: 100%;
	border-radius: 25px;
	height: 50px;
	padding: 10px;
	margin-top: 2px;
	border: 0;
	color: #fff;
	font-size: 18px;
	padding-left: 20px;
	padding-right: 60px
}

.search-box ::placeholder {
	color: #d0cce6;
	font-family: baloo thambi, Arial, Helvetica, sans-serif;
	opacity: .3
}

.search-box button {
	color: #fff;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	background: 0;
	justify-content: center;
	align-items: center;
	border: 0;
	position: absolute;
	top: 7px;
	right: 8px;
	cursor: pointer;
	font-size: large
}

.search-box button:hover {
	background: #ffc109
}

.search-box input:focus {
	outline: 0;
	/* background-color: #3e285b */
}

.m-left {
	display: flex
}

.m-right {
	margin-right: 20px
}

::placeholder {
	color: white
}

.list-games {
	width: 215px;
	margin-right: 15px
}

.list-games ul {
	margin-bottom: 15px
}

.list-games li {
	list-style-type: none;
	font-size: 13px;
	padding-bottom: 5px;
	padding-left: 8px;
	display: flex
}

.list-games a {
	padding: 3px;
	width: 100%;
	display: flex;
	color: #f3f2f9;
	bkit-align-items: center;
	align-items: center
}

.list-games span {
	padding-left: 15px
}

.list-games a:hover {
	background: #361c41;
	color: #fff;
	border-radius: 25px
}

.imgs {
	width: 37px;
	height: 37px;
	flex-grow: 0;
	flex-shrink: 0;
	padding: 3px;
	object-fit: cover;
	border-radius: 50%
}

.msvg {
	margin-left: 5px
}

.imgs a:hover {
	border: 2px solid #ffe000
}

.svg-g {
	margin: 5px;
	margin-left: 10px
}

.l-g2 {
	margin-bottom: 10px;
	padding-left: 30px;
	padding-right: 50px
}

.l-g2 h2 {
	margin: 0;
	padding: 0;
	padding-left: 20px
}

.l-g2 h2 a {
	color: #fff
}

.l-g2 h2 a:hover {
	color: #ffe000
}

.clear-button {
	position: absolute;
	display: none;
	top: 12px;
	right: 55px
}

.close-button {
	background-color: #fff;
	color: #000;
	border: 0;
	cursor: pointer;
	font-size: 16px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: background-color .3s
}

.close-button:hover {
	background-color: #ccc
}

.close-button:focus {
	outline: 0
}

.modal-background {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: -1;
	display: none
}

.content-wrapper {
	display: flex;
	background: #141124;
	align-items: flex-start;
	color: #fff;
	gap: 20px;
	padding: 35px;
	margin-bottom: 30px
}

.content-image {
	width: 400px;
	height: auto
}

.text-container {
	max-height: 300px;
	overflow: hidden;
	position: relative
}

.text-container2 {
	max-height: 300px;
	overflow: hidden;
	position: relative
}

.text-container2::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 150px;
	background: linear-gradient(transparent, #241d41)
}

.text-container2.expanded::after {
	background: 0;
	height: 1px
}

.text-container::after {
	/* content: ''; */
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100px;
	background: linear-gradient(transparent, #141124)
}

.text-container.expanded::after {
	background: 0
}

.read-more-btn {
	display: block;
	margin-top: 10px;
	cursor: pointer
}

.txt h1 {
	font-family: baloo thambi, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0
}

.txt {
	font: 300 15px/1.73 'Open Sans', sans-serif;
	color: #e0deef
}

.select-arrow {
	position: absolute;
	right: 10px;
	transition: transform .3s ease;
	display: inline-block
}

.select-selected.active .select-arrow {
	transform: rotate(180deg)
}

.l-g2 h2 {
	font-family: Baloo Thambi, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: 300
}

.btn-h {
	display: flex;
	justify-content: center;
	margin-top: 10px
}

.lists .lc a {
	color: #fff
}

.btn-h a {
	color: #15002f
}

#main-container {
	transition: margin-left .7s;
	padding: 0;
	margin-left: 60px;
	max-width: 1100px;
	margin: auto;
	/* border: 1px solid #000; */
}

.cdisplay {
	transition: margin-left .7s
}

.sidebar {
	padding-top: 80px;
	/* width: 60px; */
	width: 150px;
    overflow-y: auto;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	overflow-x: hidden;
	overflow-y: hidden;
	background-color: #2f3237;
	transition: width .5s ease;
	z-index: 1000;
	border-right: 1px solid #403573;
	font-family: baloo thambi, Arial, Helvetica, sans-serif
}
/* 
.sidebar:hover {
	width: 230px;
	overflow-y: auto
} */

#rating {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	font-size: 18px;
	height: 20px;
	padding-top: 20px
}

.icon-bt5 {
	cursor: pointer
}

.icon-bt5:hover {
	color: #b030f7
}

.icon-bt5:hover svg {
	stroke: #b030f7;
	color: #b030f7
}

.bt5 span,
.dd1 {
	margin-left: 7px
}

.bt5,
.icon-bt5,
.sbu {
	display: flex
}

.bt5 span,
.icon-bt5 {
	font: 300 12px/1.73 'Open Sans', sans-serif;
	font-weight: 600
}

.icon-bt5,
.thumbs-down,
.thumbs-up {
	color: #dfdcef
}

.bt5 span,
.icon-bt5,
header span {
	font-weight: 600
}

.bt5 {
	justify-content: center;
	align-items: center
}

.icon-bt5 {
	flex-direction: row;
	align-items: center;
	margin: 0 10px
}

.icon-bt5 svg {
	stroke: #dfdcef
}

.fa-thumbs-o-up {
	fill: #dfdcef
}

.fa-thumbs-o-down {
	fill: #dfdcef
}

.thumbs-down.selected,
.thumbs-down.selected svg {
	stroke: #fa6867;
	color: #fa6867;
	font-weight: 700
}

.thumbs-up.selected,
.thumbs-up.selected svg {
	stroke: #62e67a;
	color: #62e67a;
	font-weight: 700
}

.fa-thumbs-o-down.selected {
	fill: #fa6867;
	stroke: #fa6867
}

.fa-thumbs-o-up.selected {
	fill: #62e67a;
	stroke: #62e67a
}

.bfav,
.favorite,
.favorite svg {
	stroke: #ff0094;
	fill: #ff0094;
	color: #e7ee50
}

.favorite:hover svg {
	stroke: #ff0094
}

.bfav {
	border: 0
}

.control-game {
	background: #1d1834;
	padding: 20px;
	border-radius: 15px
}

.control-game2 {
	padding: 10px
}

.control-game2 p {
	padding: 5px
}

.t-c {
	font-size: 24px;
	text-align: center;
	font-family: baloo thambi, cursive
}

.divider {
	width: 27px;
	border-bottom: 1px solid #403573;
	margin-bottom: 10px;
	margin-left: 15px
}

.sidebar:hover .divider {
	width: 190px
}

.sidebar ul li {
	position: relative
}

.amod::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 5px;
	border-radius: 7px;
	height: 30px;
	background-color: #adff00;
	z-index: -1
}

.c1 {
	grid-column: span 8
}

.c1 h1 {
	font-family: baloo thambi, cursive;
	margin: 0;
	padding: 0
}

.c1 p {
	font: 300 13px/1.73 'Open Sans', sans-serif;
	color: #cdcae6;
	margin-right: 40px
}

@media(max-width:1851px) {
	.c1 {
		grid-column: span 7
	}
}

@media(max-width:1654px) {
	.c1 {
		grid-column: span 6
	}
}

@media(max-width:1457px) {
	.c1 {
		grid-column: span 5
	}
}

@media(max-width:1260px) {
	.c1 {
		grid-column: span 4
	}
}

@media(max-width:1063px) {
	.c1 {
		grid-column: span 3
	}
}

@media(max-width:866px) {
	.c1 {
		grid-column: span 2
	}
}

.c2 {
	position: relative;
	right: 20px;
	top: 10px
}

.img-avatar,
.tag-text {
	vertical-align: middle
}

.img-avatar,
.tag-text,
.tags {
	display: inline-block
}

.tags {
	margin-right: 5px;
	padding-right: 1px;
	margin-bottom: 5px
}

.tags a {
	border-radius: 20px;
	background-color: #100e1d;
	padding: 9px 10px 10px 6px;
	color: #fff;
	font: 700 12px/1.73 'Open Sans', sans-serif
}

.tags a:hover {
	background: #42dbca;
	color: #1c1732
}

.img-avatar {
	margin-right: 5px;
	padding-top: 5px
}

.img-avatar img {
	border-radius: 50%;
	width: 23px;
	height: 23px
}

.control-game2 p {
	padding: 5px
}

.custom-select {
	position: relative;
	font-size: 18px;
	font-family: baloo thambi, Arial, Helvetica, sans-serif;
	width: 220px;
	right: 20px
}

.select-selected {
	padding: 10px;
	background: #301b3f;
	border: 2px solid #39214b;
	border-radius: 5px;
	cursor: pointer
}

.select-selected.active {
	border-color: #01ffff
}

.select-items {
	font-size: 16px;
	border-radius: 10px;
	position: absolute;
	background-color: #39214b;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 1000;
	border-top: 0;
	display: none;
	margin-top: 10px;
	fill: #fff;
	stroke: #fff
}

.select-item {
	padding: 10px;
	cursor: pointer
}

.select-item:hover {
	background-color: #141124;
	color: #fff
}

.select-item.selected {
	background: #39214b;
	color: #00febf;
	stroke: #00febf;
	fill: #00febf
}

.select-item:first-child {
	border-radius: 10px 10px 0 0
}

.select-item:last-child {
	border-radius: 0 0 10px 10px
}

.feedback {
	font-family: baloo thambi, Arial, Helvetica, sans-serif;
	font-weight: 400;
	display: none;
	position: fixed;
	right: 0;
	top: 0;
	width: 400px;
	height: 100%;
	background: #141124;
	box-shadow: -5px 0 5px rgba(0, 0, 0, 0.2);
	z-index: 100000;
	transition: right .5s ease;
	border-left: 1px solid #403573
}

.feedback ::placeholder {
	color: #61577d;
	font-family: baloo thambi, Arial, Helvetica, sans-serif;
	font-size: 15px
}

.feedback.show {
	display: block;
	right: 0
}

.feedback-content {
	padding: 40px;
	height: 100%
}

.close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold
}

.close:hover,
.close:focus {
	color: #ff0094;
	cursor: pointer
}

.feedback-overlay {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 99999
}

.feedback.show+.feedback-overlay {
	display: block
}

.tfbk {
	font-size: 25px;
	text-align: center
}

.iss1 {
	width: 100%;
	background: #2e234b;
	height: 40px;
	border-radius: 20px
}

.iss2 {
	width: 100%;
	background: #2e234b;
	height: 140px;
	border-radius: 10px
}

.iss1:hover {
	background: #3f3067
}

.iss2:hover {
	background: #3f3067
}

.feedback textarea,
.feedback input {
	border: 0;
	width: 100%;
	height: 40px;
	resize: none;
	color: #fff;
	padding: 10px;
	font-size: 18px
}

.feedback textarea {
	border: 0;
	width: 100%;
	height: 150px;
	resize: none;
	color: #fff
}

.feedback button:disabled {
	background: #2e234b;
	color: #1a142b;
	cursor: context-menu
}

.feedback button {
	background: #8e28de;
	width: 100%;
	padding: 20px;
	border-radius: 35px;
	margin-top: 30px;
	font-size: 18px;
	color: #fff
}

.feedback p {
	margin-top: 15px;
	margin-bottom: 5px;
	font-size: 15px
}

.body-no-scroll {
	overflow: hidden;
	height: 100%
}

#email,
#message {
	border: 2px solid #8a2be2;
	transition: border .3s ease-in-out;
	outline: 0
}

#email:focus,
#message:focus {
	border-color: #8a2be2
}

.input-alert {
	border-color: red !important
}

.input-normal {
	border-color: #8a2be2 !important
}

.slkt {
	font-size: 16px;
	width: 320px;
	position: absolute;
	border-radius: 5px;
	cursor: pointer;
	user-select: none;
	left: 40px
}

.slkt-header {
	border: 2px solid #8a2be2;
	border-radius: 15px;
	padding-top: 6px;
	padding-left: 20px;
	height: 40px;
	background: #2e234b;
	color: #b0aad7
}

.slkt-header:hover {
	background: #3f3067
}

.slkt-option {
	display: none;
	padding: 15px;
	background: #3f3067
}

.slkt-option:first-child {
	border-radius: 10px 10px 0 0
}

.slkt-option:last-child {
	border-radius: 0 0 10px 10px
}

.slkt-option:hover {
	background-color: #523f85
}

.slkt-header::after {
	content: "";
	position: absolute;
	right: 20px;
	top: 25px;
	transform: translateY(-50%);
	border: 8px solid transparent;
	border-top-color: #c745fe
}

.show {
	display: block
}

.drp-op {
	margin-top: 15px;
	border-radius: 20px
}

.a509 {
	font: 300 15px/1.73 'Open Sans', sans-serif
}

.a509 b {
	color: #ffd55b;
	font-weight: bold
}

.farrow {
	position: absolute
}

.sfbk {
	font-size: 25px;
	color: #0f7;
	text-align: center;
	margin-top: 140px;
	margin-bottom: 20px
}

.sfb {
	font-size: 20px
}

.iss10 {
	display: none
}

.names {
	background: #2e234b;
	width: 320px;
	height: 50px;
	z-index: -6;
	border: #8a2be2 2px solid;
	border-radius: 10px;
	padding-left: 50px;
	padding-top: 12px
}

.names:hover {
	background: #3f3067
}

.popg ul {
	list-style-type: none;
	counter-reset: game-number;
	padding: 0
}

.popg li {
	list-style-type: none;
	counter-increment: game-number;
	margin-bottom: 5px
}

.popg li::before {
	content: counter(game-number) ". ";
	font-weight: bold
}

footer {
	margin-top: 40px;
	display: flex;
	flex-wrap: wrap;
	background-color: #0a0911;
	color: #fff;
	padding: 10px 60px 10px 60px;
	font: 300 13px/1.73 'Open Sans', sans-serif
}

.footer-left,
.footer-right {
	display: flex;
	align-items: center
}

.footer-right {
	width: 60%;
	display: flex;
	justify-content: space-between
}

.column {
	width: 150px;
	display: flex;
	flex-direction: column;
	padding: 0 10px
}

.column a {
	display: block;
	color: #ccc;
	text-decoration: none;
	padding: 5px 0;
	transition: color .3s
}

.column a:hover {
	color: #00ffea;
	text-shadow: 0 0 5px #00ffea
}

.footer-base {
	width: 100%;
	display: flex;
	justify-content: space-between;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	margin-top: 20px;
	padding-top: 10px
}

.footer-left {
	width: 40%;
	justify-content: flex-start
}

.languages,
.copyright {
	padding: 5px 10px;
	text-align: right
}

.langue-select-container {
	position: relative;
	width: 150px
}

.langue-selected {
	border-radius: 10px;
	padding: 10px;
	background-color: #292547;
	border: 2px solid #9917cc;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.langue-arrow {
	transition: transform .3s ease
}

.langue-arrow.up {
	transform: rotate(0)
}

.langue-arrow.down {
	transform: rotate(180deg)
}

.langue-options-container {
	bottom: -120px;
	position: absolute;
	bottom: 100%;
	width: 100%;
	display: none;
	box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);
	z-index: 1000;
	max-height: 300px;
	overflow-y: auto;
	margin-bottom: 10px;
	border-radius: 5px
}

.langue-option {
	background-color: #322d55;
	padding: 10px;
	border-bottom: 1px solid #262240;
	cursor: pointer;
	text-align: left
}

.langue-option:hover {
	background-color: #9917cc
}

.ext250 {
	width: 250px
}

@media(max-width:800px) {

	.footer-right,
	.footer-left {
		width: 100%
	}

	.footer-left {
		flex-direction: column;
		align-items: center;
		margin-bottom: 15px
	}

	.footer-right {
		flex-direction: column
	}

	.footer-base {
		flex-direction: column;
		align-items: center
	}

	.languages,
	.copyright {
		text-align: center;
		padding: 10px 0
	}

	.ext250 {
		width: 150px
	}
}

.opmode {
	display: none;
	position: fixed;
	z-index: 100000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0.6)
}

.modal-content {
	min-width: 370px;
	background-color: #0a0911;
	padding: 40px;
	width: 30%;
	height: 100%;
	overflow-y: auto;
	border-right: 1px solid #403573;
	position: relative
}

.close {
	color: #fff;
	float: right;
	font-size: 28px;
	font-weight: bold
}

.close:hover,
.close:focus {
	color: #ff0094;
	text-decoration: none;
	cursor: pointer
}

#preloader {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 20px;
	color: #000
}

.succes-send {
	font-size: 22px;
	color: #0f7;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.closebutton {
	background: #ff7301;
	padding: 17px;
	border-radius: 15px;
	color: #fff;
	font-size: 20px;
	position: absolute;
	top: 65%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.closebutton:hover {
	background: #be5601
}

.img-cont {
	position: relative
}

.img-cont .transition {
	transition: opacity .5s ease-in-out;
	z-index: 1
}

.img-cont .video-div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity .5s ease-in-out;
	z-index: 2
}

.img-cont .video-div.show {
	opacity: 1
}

.img-cont:hover .transition {
	opacity: 0
}

.img-cont:hover .video-div {
	opacity: 1
}

.spinner {
	width: 37px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: radial-gradient(farthest-side, #c6ffff 94%, #0000) top/8px 8px no-repeat, conic-gradient(#0000 30%, #c6ffff);
	-webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 8px), #000 0);
	animation: l13 1s infinite linear
}

@keyframes l13 {
	100% {
		transform: rotate(1turn)
	}
}

.c_dis {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	align-content: flex-start;
	margin: 20px;
	height: 160px;
	overflow: hidden;
	padding-top: 23px;
	margin-bottom: 50px;
	margin-top: 50px
}

.c_title {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 5px
}

.c_t1:hover {
	-webkit-filter: brightness(110%);
	filter: brightness(110%);
	box-shadow: 0 0 27px 0 #0ff
}

.round_img {
	border-radius: 50%
}

.r_img {
	overflow: hidden;
	border-radius: 0 0 48% 48%
}

.c_color {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center
}

.purple {
	background: #400b6a;
	background: linear-gradient(0, rgba(64, 11, 106, 1) 0, rgba(174, 49, 227, 1) 100%)
}

.yellow {
	background: #587928;
	background: linear-gradient(0, rgba(88, 121, 40, 1) 0, rgba(166, 253, 41, 1) 100%)
}

.blue {
	background: #3b7e72;
	background: linear-gradient(0, rgba(59, 126, 114, 1) 0, rgba(85, 255, 225, 1) 100%)
}

.c_ti {
	text-transform: uppercase;
	width: 118px;
	overflow: hidden;
	position: relative;
	display: block;
	font-weight: 700;
	line-height: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: all .3s;
	text-align: left;
	font-size: 12px;
	text-align: center
}

.r_img2 {
	overflow: hidden;
	border-radius: 0 0 48% 48%
}

.c_c1 {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center
}

.p1 {
	background: #400b6a;
	background: linear-gradient(0, rgba(64, 11, 106, 1) 0, rgba(174, 49, 227, 1) 100%)
}

.a504 li {
	list-style-type: inherit
}

.a504 ol li {
	list-style-type: decimal;
	margin-left: 50px
}

.a504 ol {
	margin-bottom: 40px
}

.a504 li strong {
	color: #ddd
}

.svg_media svg {
	width: 28px;
	height: 28px;
	border: 2px solid #37325f;
	border-radius: 50%;
	padding: 4px;
	fill: #37325F;
	color: #37325f;
	margin: 3px
}

.svg_media:hover svg {
	border: 2px solid #9917cc;
	fill: #9917CC;
	color: #9917cc
}

.head-fade::after,
.head-fade::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 7rem;
	pointer-events: none;
	z-index: 1
}

.head-fade::before {
	left: 0;
	background-image: var(--bg-fade-left)
}

.head-fade::after {
	right: 0;
	background-image: var(--bg-fade-right)
}

.flickity-enabled {
	position: relative
}

.flickity-enabled:focus {
	outline: 0
}

.flickity-viewport {
	overflow: hidden;
	position: relative;
	height: 100%
}

.flickity-slider {
	position: absolute;
	width: 100%;
	height: 100%
}

.flickity-enabled.is-draggable {
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
	cursor: move;
	cursor: -webkit-grab;
	cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
	cursor: -webkit-grabbing;
	cursor: grabbing
}

.flickity-button {
	position: absolute;
	border: none;
	color: #fff
}

.flickity-button:focus {
	outline: 0;
	box-shadow: 0 0 0 5px #19f
}

.flickity-button:disabled {
	opacity: 0;
	cursor: auto;
	pointer-events: none
}

.flickity-button-icon {
	fill: currentColor
}

.flickity-prev-next-button {
	top: 0;
	z-index: 2;
	opacity: .8;
	width: 3.5rem;
	height: 100%;
	margin: 0;
	padding: 0;
	background: 0 0;
	display: flex;
	align-items: center;
	transition: opacity .2s ease
}

.flickity-prev-next-button:hover {
	opacity: 1
}

.flickity-prev-next-button::after {
	content: "";
	display: block;
	width: 100%;
	height: 3.25rem;
	background-color: rgba(12, 0, 28, .7);
	border-radius: 1.75rem;
	background-position: 50% 50%;
	background-size: 1.5rem auto;
	background-repeat: no-repeat
}

.flickity-prev-next-button svg {
	display: none
}

.flickity-prev-next-button.previous {
	left: 0
}

.flickity-prev-next-button.next {
	right: 0
}

.flickity-prev-next-button.previous::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M16,1.49a.76.76,0,0,0-.51.23L5.76,11.47a.74.74,0,0,0,0,1.06l9.75,9.75a.74.74,0,0,0,.73.21.77.77,0,0,0,.54-.54.79.79,0,0,0-.21-.73L7.35,12l9.22-9.22A.78.78,0,0,0,16.74,2,.76.76,0,0,0,16,1.49Z'/%3E%3C/svg%3E");
	border-bottom-left-radius: 0;
	border-top-left-radius: 0
}

.flickity-prev-next-button.next::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M8,1.49a.76.76,0,0,1,.51.23l9.75,9.75a.74.74,0,0,1,0,1.06L8.49,22.28a.74.74,0,0,1-.73.21A.77.77,0,0,1,7.22,22a.79.79,0,0,1,.21-.73L16.65,12,7.43,2.78A.78.78,0,0,1,7.26,2,.76.76,0,0,1,8,1.49Z'/%3E%3C/svg%3E");
	border-bottom-right-radius: 0;
	border-top-right-radius: 0
}

.flickity-rtl .flickity-prev-next-button.previous {
	left: auto;
	right: 10px
}

.flickity-rtl .flickity-prev-next-button.next {
	right: auto;
	left: 10px
}

.flickity-prev-next-button .flickity-button-icon {
	fill: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 1rem;
	height: 1rem
}

.flickity-page-dots {
	position: absolute;
	width: 100%;
	bottom: -25px;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	line-height: 1
}

.flickity-rtl .flickity-page-dots {
	direction: rtl
}

.flickity-page-dots .dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 8px;
	background: #333;
	border-radius: 50%;
	opacity: .25;
	cursor: pointer
}

.flickity-page-dots .dot.is-selected {
	opacity: 1
}

:root {
	--color-blue: #21f0e2;
	--color-blue-h: #60fff4;
	--color-blue2: #4bd1fd;
	--color-yellow: #ffee4b;
	--color-pink: #ff4bde;
	--color-orange: #e97624;
	--color-green: #5afc4a;
	--color-red: #f23232;
	--color-purple: #3c1d6e;
	--color-purple-40: rgba(60, 29, 110, 0.4);
	--color-purple-80: rgba(60, 29, 110, 0.8);
	--color-text: #ffffff;
	--color-dark: #15002f;
	--color-text-80: rgba(255, 255, 255, 0.8);
	--color-text-60: rgba(255, 255, 255, 0.6);
	--color-text-40: rgba(255, 255, 255, 0.4);
	--bg-body: #15002f;
	--bg-footer: rgba(12, 0, 28, 0.8);
	--bg-coms: rgba(60, 29, 110, 0.5);
	--bg-fade-left: linear-gradient(90deg, #1D1834 0%, rgba(21, 0, 47, 0) 100%);
	--bg-fade-right: linear-gradient(-90deg, #1D1834 0%, rgba(21, 0, 47, 0) 100%);
	--gradient-block-down: linear-gradient(0deg, #3c1d6e 0%, rgba(60, 29, 110, 0) 100%);
	--gradient-block-up: linear-gradient(180deg, #3c1d6e 0%, rgba(60, 29, 110, 0) 100%);
	--bg-block-boy: #00BBD3;
	--bg-block-girl: #501F78;
	--bg-block-mult: #e6c900;
	--bg-block-deti: #7DB83D;
	--bg-block-other: #3E50B4;
	--font: Nunito, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--rad-blocks: 0.75rem
}

[class*=" i__"],
[class^=i__] {
	width: 1.25rem;
	height: 1.25rem;
	display: inline-block;
	vertical-align: top
}

svg {
	overflow: hidden;
	vertical-align: middle
}

select {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

select {
	text-transform: none
}

select {
	word-wrap: normal
}

[type=button],
[type=reset],
[type=submit] {
	-webkit-appearance: button;
	outline: 0 !important
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
	cursor: pointer
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
	padding: 0;
	border-style: none
}

[type=search] {
	outline-offset: -2px;
	-webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	font: inherit;
	-webkit-appearance: button
}

[hidden] {
	display: none !important
}

.c-blue {
	color: var(--color-blue)
}

.c-pink {
	color: var(--color-pink)
}

.c-orange {
	color: var(--color-orange)
}

.c-yellow {
	color: var(--color-yellow)
}

.c-green {
	color: var(--color-green)
}

.c-blue2 {
	color: var(--color-blue2)
}

.s-blue,
.s-blue2,
.s-green,
.s-orange,
.s-pink,
.s-yellow {
	transition: box-shadow .2s ease, color .2s ease
}

.s-blue {
	background-color: var(--color-blue);
	box-shadow: 0 0 .75rem 0 var(--color-blue)
}

.s-pink {
	background-color: var(--color-pink);
	box-shadow: 0 0 .75rem 0 var(--color-pink)
}

.s-orange {
	background-color: var(--color-orange);
	box-shadow: 0 0 .75rem 0 var(--color-orange)
}

.s-yellow {
	background-color: var(--color-yellow);
	box-shadow: 0 0 .75rem 0 var(--color-yellow)
}

.s-green {
	background-color: var(--color-green);
	box-shadow: 0 0 .75rem 0 var(--color-green)
}

.s-blue2 {
	background-color: var(--color-blue2);
	box-shadow: 0 0 .75rem 0 var(--color-blue2)
}

a.s-blue:hover {
	box-shadow: 0 0 1rem 0 var(--color-blue)
}

a.s-pink:hover {
	box-shadow: 0 0 1rem 0 var(--color-pink)
}

a.s-orange:hover {
	box-shadow: 0 0 1rem 0 var(--color-orange)
}

a.s-yellow:hover {
	box-shadow: 0 0 1rem 0 var(--color-yellow)
}

a.s-green:hover {
	box-shadow: 0 0 1rem 0 var(--color-green)
}

a.s-blue2:hover {
	box-shadow: 0 0 1rem 0 var(--color-blue2)
}

.cover {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.fit-cover {
	position: relative;
	display: flex;
	overflow: hidden;
	flex-direction: column;
	flex-grow: 1
}

.fit-cover img {
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	min-width: calc(100% + 1px);
	width: 100%;
	height: 100%;
	transform: translateX(-50%);
	object-fit: cover;
	object-position: center center;
	-o-object-position: center center;
	-o-object-fit: cover
}

.avatar.fit-cover {
	width: 3rem;
	height: 3rem;
	border-radius: 50%
}

.w-100 {
	width: 100%
}

.img {
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: flex-end
}

.img img {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 1.125rem
}

.title {
	margin: 0
}

.title a {
	color: inherit
}

.item {
	position: relative
}

.item-link::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	z-index: 2
}

@keyframes load_rotate {
	100% {
		transform: rotate(360deg)
	}
}

.select-cats {
	overflow: hidden;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin-bottom: -1rem
}

.select-cats-list:not(.flickity-enabled) {
	display: flex;
	padding-top: 0;
	padding-bottom: 1rem;
	padding-right: 0
}

.select-cats .select-cats-list:not(.flickity-enabled)::after,
.select-cats .select-cats-list:not(.flickity-enabled)::before {
	content: "";
	min-width: .75rem;
	max-width: .75rem;
	height: 1rem
}

@media (min-width:768px) {

	.select-cats .select-cats-list:not(.flickity-enabled)::after,
	.select-cats .select-cats-list:not(.flickity-enabled)::before {
		min-width: 1.75rem;
		max-width: 1.75rem
	}
}

.select-cats-item {
	padding: .75rem .25rem
}

.select-cats-item li {
	list-style-type: none
}

.b-cat {
	padding: .75rem;
	border-radius: var(--rad-blocks);
	background-color: var(--color-purple);
	position: relative
}

.b-cat-line {
	position: absolute;
	left: 1rem;
	right: 1rem;
	bottom: 0;
	height: .125rem;
	border-radius: .125rem;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.b-cat-boy {
	background-color: var(--bg-block-boy)
}

.b-cat-girl {
	background-color: var(--bg-block-girl)
}

.b-cat-mult {
	background-color: var(--bg-block-mult)
}

.b-cat-deti {
	background-color: var(--bg-block-deti)
}

.b-cat-other {
	background-color: var(--bg-block-other)
}

.b-cat-head {
	display: flex;
	align-items: center;
	padding: 0 .25rem;
	padding-bottom: .5rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	color: var(--color-text-80);
	font-size: .75rem
}

.b-cat-head>svg {
	margin-left: auto
}

.b-cat-list {
	display: flex;
	flex-wrap: wrap;
	width: calc(4rem * 7)
}

.b-cat-c2 {
	width: calc(4rem * 1)
}

.b-cat-c2 {
	width: calc(4rem * 2)
}

.b-cat-c3 {
	width: calc(4rem * 3)
}

.b-cat-c4 {
	width: calc(4rem * 4)
}

.b-cat-c5 {
	width: calc(4rem * 5)
}

.b-cat-c6 {
	width: calc(4rem * 6)
}

.b-cat-c7 {
	width: calc(4rem * 7)
}

.b-cat-c8 {
	width: calc(4rem * 8)
}

.b-cat-list>li {
	width: 100%;
	flex: 0 0 4rem;
	max-width: 4rem;
	padding: .25rem
}

.b-cat-item>a {
	display: block;
	width: 3.5rem;
	height: 3.5rem;
	position: relative
}

.b-cat-item .fit-cover {
	width: 100%;
	height: 100%;
	border-radius: .5rem;
	background-color: rgba(255, 255, 255, .1);
	box-shadow: 0 0 .15rem 0 rgba(0, 0, 0, .15)
}

.b-cat-item .fit-cover::after,
.b-cat-item .fit-cover::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.b-cat-item.active .fit-cover::before {
	border-radius: inherit;
	box-shadow: inset 0 0 0 .125rem #fff, inset 0 0 1rem .125rem var(--color-blue);
	opacity: .95;
	z-index: 1
}

.b-cat-item .fit-cover::after {
	background-color: #000;
	opacity: 0;
	transition: opacity .2s ease
}

.tooltip {
	position: absolute;
	z-index: 2;
	line-height: 1rem;
	padding: .25rem .5rem;
	text-align: center;
	min-width: 6.25rem;
	min-height: 1.5rem;
	border-radius: .75rem;
	background-color: #fff;
	bottom: 100%;
	left: 50%;
	transform: translate(-50%, .5rem);
	pointer-events: none;
	font-size: .75rem;
	font-weight: 700;
	color: var(--bg-body);
	opacity: 0;
	visibility: hidden;
	box-shadow: 0 .5rem 1rem 0 rgba(0, 0, 0, .25);
	transition: opacity .2s ease, visibility 0s, transform .2s ease
}

.tooltip::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 100%;
	width: 0;
	height: 0;
	margin-left: -.25rem;
	border-style: solid;
	border-width: .25rem .25rem 0 .25rem;
	border-color: #fff transparent transparent transparent
}

.b-cat-item>a:hover .tooltip {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, 0)
}

.b-cat-item>a:hover .fit-cover::after {
	opacity: .2
}

.ca {
	color: var(--color-text-40);
	line-height: 1.4
}

.ca>span {
	font-size: .75rem
}

.ca>span>span {
	font-size: .875rem
}

.ca span {
	display: block
}

@media (min-width:768px) {
	.ca {
		display: flex;
		align-items: center
	}

	.ca>svg {
		margin-right: .5rem
	}
}

@media (max-width:767px) {
	.ca>svg {
		margin-bottom: .5rem
	}
}

/*/C*/
.series_carousel_wrapper {
	font-family: baloo thambi, cursive;
	padding-left: 40px;
	margin-bottom: 40px;
	text-align: center;
	width: 100%
}

.series_carousel_wrapper span {
	display: flex;
	font-size: 24px;
	font-weight: 300;
	margin-bottom: 20px;
	padding-left: 10px;
	color: #000;
}

.series_carousel {
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
	overflow: hidden
}

.series_carousel-inner {
	display: flex;
	transition: transform .5s ease-in-out
}

.series_image-wrapper {
	position: relative;
	min-width: 230px;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	margin: 0 7px
}

.series_image-wrapper img {
	width: 230px;
	height: 346px;
	object-fit: cover;
	border-radius: 10px;
	margin-bottom: -6px
}

.series_image-wrapper .play-button {
	cursor: pointer;
	display: block;
	opacity: 0;
	position: absolute;
	top: 80%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	color: #8800c7;
	width: 200px;
	height: 40px;
	padding-top: 8px;
	border-radius: 20px;
	font-size: 18px;
	text-align: center;
	transition: opacity .5s ease-in-out
}

.play-button:hover {
	background-color: #f1e8e6
}

.series_image-wrapper:hover .play-button {
	opacity: 1
}

.series_prev,
.series_next {
	position: absolute;
	width: 80px;
	padding: 20px;
	color: white;
	font-weight: bold;
	font-size: 25px;
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 1
}

.series_prev {
	left: 0;
	display: none;
	border-radius: 0 35px 35px 0
}

.series_next {
	right: 0;
	border-radius: 35px 0 0 35px
}

.bg1 {
	background-color: #fc0
}

.bg2 {
	background-color: #f66
}

.bg3 {
	background-color: #6cf
}

.bg4 {
	background-color: #9f9
}

.bg5 {
	background-color: #f9f
}

.bg6 {
	background-color: #fc9
}

.bg7 {
	background-color: #0cc
}

.bg8 {
	background-color: #fc6
}

.bg9 {
	background-color: #39f
}

.bg10 {
	background-color: #f9c
}

.bg11 {
	background-color: #8800c7
}

.bg12 {
	background-color: #e090df
}

.bg13 {
	background-color: #fbbede
}

.bg14 {
	background-color: #fb7756
}

.bg15 {
	background-color: #f96
}