@font-face{font-family:'Google Material Icons';font-style:normal;font-weight:400;src:url(../fonts/icon.woff2)format('woff2');}
.material-icons-extended{font-family:'Material Icons Extended';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;}
.google-material-icons{font-family:'Google Material Icons';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;} 

/**
 * Custom CSS
 */
* {
    font-family: "Roboto",Helvetica,Arial,sans-serif;
	--c-ps-profile-cover-height: 25%;
	--container: var(--c-gc-layout-width);
	--c-gc-layout-width: 1280px;
}
article p {
	word-wrap: break-word;
	line-break: loose;
}
.content__posts .entry-image>a>img {
	opacity: 1!important;
}
.gc-breadcrumbs {
	padding-bottom: 10px;
}
.single-content .content #comments #peepso-wrap .ps-landing, .game-single #comments #peepso-wrap .ps-landing {
	--radius: var(--BORDER-RADIUS--XL);
    margin-bottom: 0;
    line-height: var(--PS-LINE-HEIGHT);
    border-radius: 0;
    box-shadow: unset;
}
#peepso-wrap .peepso .ps-page .ps-activity iframe.wp-embedded-content, .ps-activity .ps-activity__container #ps-activitystream .ps-post.ps-post--group iframe.wp-embedded-content {
	height: 500px;
	position: relative!important;
}
#peepso-wrap .peepso .ps-page .ps-activity blockquote.wp-embedded-content, .ps-activity .ps-activity__container #ps-activitystream .ps-post.ps-post--group blockquote.wp-embedded-content {
	display: none;
}
@media only screen and (min-width:280px) {
	#peepso-wrap .peepso .ps-page .ps-activity iframe.wp-embedded-content, .ps-activity .ps-activity__container #ps-activitystream .ps-post.ps-post--group iframe.wp-embedded-content {
		height: 210px;
	}
}
@media only screen and (min-width:360px) {
	#peepso-wrap .peepso .ps-page .ps-activity iframe.wp-embedded-content, .ps-activity .ps-activity__container #ps-activitystream .ps-post.ps-post--group iframe.wp-embedded-content {
		height: 260px;
	}
}
@media only screen and (min-width:390px) {
	#peepso-wrap .peepso .ps-page .ps-activity iframe.wp-embedded-content, .ps-activity .ps-activity__container #ps-activitystream .ps-post.ps-post--group iframe.wp-embedded-content {
		height: 270px;
	}
}
@media only screen and (min-width:412px) {
	#peepso-wrap .peepso .ps-page .ps-activity iframe.wp-embedded-content, .ps-activity .ps-activity__container #ps-activitystream .ps-post.ps-post--group iframe.wp-embedded-content {
		height: 280px;
	}
}
@media only screen and (min-width:540px) {
	#peepso-wrap .peepso .ps-page .ps-activity iframe.wp-embedded-content, .ps-activity .ps-activity__container #ps-activitystream .ps-post.ps-post--group iframe.wp-embedded-content {
		height: 350px;
	}
}
@media only screen and (min-width:650px) {
	#peepso-wrap .peepso .ps-page .ps-activity iframe.wp-embedded-content, .ps-activity .ps-activity__container #ps-activitystream .ps-post.ps-post--group iframe.wp-embedded-content {
		height: 410px;
	}
}
@media only screen and (min-width:720px) {
	#peepso-wrap .peepso .ps-page .ps-activity iframe.wp-embedded-content, .ps-activity .ps-activity__container #ps-activitystream .ps-post.ps-post--group iframe.wp-embedded-content {
		height: 440px;
	}
}
@media only screen and (min-width:768px) {
	#peepso-wrap .peepso .ps-page .ps-activity iframe.wp-embedded-content, .ps-activity .ps-activity__container #ps-activitystream .ps-post.ps-post--group iframe.wp-embedded-content {
		height: 470px;
	}
}
@media only screen and (min-width:840px) {
	#peepso-wrap .peepso .ps-page .ps-activity iframe.wp-embedded-content, .ps-activity .ps-activity__container #ps-activitystream .ps-post.ps-post--group iframe.wp-embedded-content {
		height: 530px;
	}
}
@media only screen and (min-width:1024px) {
	#peepso-wrap .peepso .ps-page .ps-activity iframe.wp-embedded-content, .ps-activity .ps-activity__container #ps-activitystream .ps-post.ps-post--group iframe.wp-embedded-content {
		height: 400px;
	}
}
@media only screen and (min-width:1366px) {
	#peepso-wrap .peepso .ps-page .ps-activity iframe.wp-embedded-content, .ps-activity .ps-activity__container #ps-activitystream .ps-post.ps-post--group iframe.wp-embedded-content {
		height: 490px;
	}
}
#comments #peepso-wrap .ps-post__actions-inner {
	margin-bottom: var(--PADD);
}
@media only screen and (max-width:768px) {
	.gc-breadcrumbs {
		padding-left: 15px;
		padding-right: 15px;
	}
}
#bannermmid iframe {
	height: 260px;
	left: -5px;
    position: relative;
    margin: 0 auto;
    vertical-align: middle;
}
#banner300250 iframe {
	height: 260px;
}
#bannermtop iframe {
	height: 200px;
	left: -5px;
    position: relative;
    margin: 0 auto;
    vertical-align: middle;
}
.ps-page--register {
	box-shadow: unset;
}
.gc-header__inner {
	max-height: 55px;
}
.gc-footer__bottom-inner {
    align-items: flex-start!important;
    justify-content: space-between!important;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
}
.gc-footer__social {
	padding: 20px 0!important;
    align-items: flex-start!important;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: flex-end;
}
.gc-footer__menu {
	padding: 0!important;
	margin: 0;
    font-size: 80%;
    list-style: none;
    width: 100%;
    padding: 0!important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-end;
    align-items: flex-start;
}
.gc-footer__icon {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 20px 10px;
}
.psw-profile__menu .menu-3, .psw-profile__menu .menu-4, .psw-profile__menu .menu-8, .psw-profile__menu .menu-2, .psw-profile__menu .menu-7, .psw-profile__menu .submenu-1, .psw-profile__menu .submenu-4, .psw-profile__menu .submenu-10, .ps-media__subtitle, .ps-form__row--user.ps-form__row .ps-form__field-desc {
	display: none;
}
.main--both {
	grid-template-columns: 1fr 3fr 1fr!important;
}
.main--right {
	grid-template-columns: 3fr 1fr!important;
}
.main--left {
	grid-template-columns: 1fr 3fr!important;
}
.main {
	grid-column-gap: 30px!important;	
}
.psw-avatar--profile {
    --width: var(--large);
}
.sidebar--sticky#sidebar-left {
	position: sticky;
}
.sidebar--sticky #peepsowidgetme-2 {
	box-shadow: none;
}
.gc-widget#peepsowidgetme-2 {
	padding-left: 0;
}
.gc-widget .psw-profile__cover, .psw-profile__menu-title {
	border-radius: 0;
	border: 0;
	padding-top: 0;
}
.ps-media--embed {
	padding: 0;
	line-height: 1.4;
}
.ps-media--embed .ps-media__inner {
	border-radius: unset;
    border: 0px solid var(--media-border);
}
.ps-media__cover-inner {
	background-size: cover;
}
.ps-media__title {
    margin-bottom: auto;
    color: var(--media-title-color);
    font-size: 110%;
    font-weight: 600;
    line-height: 1.4;
}
.ps-media--vertical .ps-media__thumbnail {
	--height: 320px;
}
.ps-media__body {
	padding: 10px var(--PADD--MD);
	background: rgba(70, 77, 87, 0.1);
}
.ps-media__desc {
	display: none;
}
.ps-media__subtitle {
	font-weight: 400;
	line-height: 1.4;
	font-size: 80%;	
	color: var(--media-subtitle-color);
}
.ps-media__subtitle a {
    color: var(--media-subtitle-color);
    text-decoration: none;
    text-transform: uppercase;
	line-height: 1.4;
}
.ps-focus__cover-image {
	border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.ps-page--profile .ps-groups__list, .ps-groups .ps-groups__list {
	grid-template-columns: repeat(3, 1fr);
}
.ps-page--followers .ps-members, .ps-friends .ps-members {
	grid-template-columns: repeat(4, 1fr);
}
.ps-blogposts .ps-blogposts__list {
	display: grid;
    align-content: center;
    justify-content: center;
    align-items: center;
    justify-items: center;
    grid-template-columns: repeat(2, 1fr);
	grid-column-gap: var(--PADD--MD);
    grid-row-gap: var(--PADD--MD);
}
.ps-blogposts .ps-blogposts__post {
	margin-bottom: 0;
	height: 100%;
}
.ps-blogposts .ps-blogposts__post-title a {
	color: var(--COLOR--TEXT);
	font-weight: 600;
    line-height: 1.4;
}
.ps-blogposts .ps-blogposts__post-image {
    height: 220px;
	object-fit: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.gc-profile__cover .ps-focus__cover-image img.ps-js-cover-image {
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: var(--BORDER-RADIUS);
}
.gc-profile__cover--full .ps-focus--gecko .ps-focus__cover-image:after {
	background: none!important;
}
.ps-focus__options {
    --color--icon: #fff;
    position: absolute;
    top: var(--PADD);
    transition: opacity .2s ease;
    right: var(--PADD);
    width: 40%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
}
.ps-focus__options-menu {
	right: unset;
}
.ps-focus__menu-item {
	flex-grow: 0;
	border-left: none;
}
.ps-focus__menu-item--active:after {
	width: 100%;
}
.wp-block-embed {
	width: 100%;
}
.wp-block-embed iframe {
	width: 100%;
    height: 480px;
	max-height: 480px!important;
}
.entry-content .game-intro #intro-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.entry-content p img {
	width: 100%;
}
.entry-content .keys {
	text-align: center;
    max-width: 280px;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: 20px auto;
    border-radius: var(--BORDER-RADIUS);
	border: 1px solid rgb(218,220,224);
}
.entry-content .keys .key-name {
	color: var(--COLOR--TEXT);
}
.entry-content .keys p.big, .entry-content .keys .key-name, .entry-content .keys .key {
	font-weight: 500;
	line-height: 1.4;
	font-size: 110%;
	padding: 6px;
}
.entry-content .game-intro #view-more, .entry-content .game-intro #view-less {
    position: relative;
    margin: 10px auto;
    display: flex;
    text-align: center;
    width: 100%;
    line-height: 1.4;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
	border-radius: var(--radius);
}
.entry-content .game-intro #content-height div {
	margin-bottom: var(--PADD--MD);
}
.entry-content .game-intro .more {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.entry-content .clear {
	height: 40px;
}
.entry-content .game-intro .faq-show-more-end {
    position: absolute;
    top: -36px;
    height: 36px;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) -22.62%, #FFFFFF 71.88%);
}
.ps-blogposts__authorbox .ps-focus__details {
	margin: 0 auto;
    right: 40px;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
}
.ps-blogposts__authorbox .authorize img {
	width: auto;
}
#comments #peepso-wrap .ps-comments--blogpost .ps-comment__body .ps-comment__content, .ps-comments__list .ps-comment__body .ps-comment__content {
    display: inline-flex;
    word-wrap: break-word;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    margin: 5px auto;
}
#comments #peepso-wrap .ps-comments--blogpost .ps-comment__body, .ps-comments__list .ps-comment__body {
    flex-grow: 2;
    min-width: 0;
    padding: var(--PADD);
    border: 1px solid;
    border-color: rgb(218,220,224);
    border-radius: var(--BORDER-RADIUS);
    margin-left: 10px;
	background: #F2F3F5;
}
.ps-blogposts__authorbox .ps-focus__details .ps-focus__detail a {
	text-decoration: none;
	color: var(--COLOR--TEXT);
}
.main .content .content__posts article .entry-title {
	font-weight: 600;
	line-height: 1.4;
	font-size: 100%;
}
.main .content .content__posts article .entry-content {
	font-size: 96%;
	max-height: 45px;
    overflow: hidden;
    margin-bottom: 10px;
}
.main .content .content__posts article .entry-image {
	height: 100%;
    width: 100%;
	max-height: 148px;
    max-width: 280px;
    border-radius: var(--radius);
}
.main .content .content__posts article .entry-header, .main .content .content__posts article .entry-content {
	padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
}
.main .content .content__posts article {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    align-items: flex-start;
	background-color: unset;
    box-shadow: unset;
}
.content__posts article {
	--image-max-height: var(--c-gc-blog-image-max-height);
    --radius: var(--BORDER-RADIUS--MD);
    position: relative;
    margin-bottom: var(--PADD--MD);
    background-color: var(--COLOR--APP);
    box-shadow: var(--BOX-SHADOW--HARD);
    border-radius: var(--radius);
}
.main .content article .entry-image .main-img {
	width: 100%;
}
.main .content article .entry-date .author-link, .ps-blogposts__authorbox .author-link {
	color: var(--COLOR--TEXT);
	font-weight: 500;
}
.main .content article .entry-date .authorize,  .ps-blogposts__authorbox .authorize {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.main .content article .entry-date .authoree {
    display: inline-flex;
    flex-direction: column;	
	line-height: 1.4;
}
.main .content article .entry-date .comments {
	position: absolute;
    right: 10px;
}
.main .content article .entry-date .creator-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.main .content article.hsgame-main {
	box-shadow: var(--BOX-SHADOW-COLOR);
    border: 1px solid;
    border-color: rgb(218,220,224);
    border-radius: var(--BORDER-RADIUS);
}
.main .content article .hsgame-top-post-wrapper {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    box-shadow: var(--BOX-SHADOW-COLOR);
    border-top: 1px solid;
    border-color: rgb(218,220,224);
}
.main .content article .hsgame-top-post-wrapper a {
	padding: 20px;
    padding-top: 10px;
}
.main .content article.hsgame-main .hsgame-top-post-wrapper a, .main .content article.hsgame-main .hsgame-top-post-wrapper .install {
	padding: 10px 20px;
}
.main .news-info {
	display: inline-block;
    width: 100%;
    margin: 0 auto;
	position: relative;
}
.main .content article .hsgame-top-post-wrapper .install {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    align-content: center;
    flex-wrap: wrap;
    align-items: center;
    line-height: 1.4;
    justify-content: center;
	padding: 20px;
    padding-top: 10px;
}
.main .content article .hsgame-top-post-wrapper .install .dev {
    color: var(--COLOR--TEXT);
	font-weight: 500;
	line-height: 1.4;
}
.main .content article .hsgame-top-post-wrapper .install .g1rdde, .main .content article .hsgame-top-post-wrapper .install .g1rdde2 {
    font-size: 85%;
	line-height: 1.4;
}
.main .content article .hsgame-top-post-wrapper .kk-star-ratings {
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;	
}
.kk-star-ratings .kksr-stars {
    position: relative;
    line-height: 1.4;
    margin: 5px auto;
}
.main .content article .hsgame-top-post-wrapper .kk-star-ratings .kksr-legend {
	display: inline-flex;
    width: 100%;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: auto;
    align-content: center;
    font-size: 85%!important;
    line-height: 1.4;
	font-weight: 400;
}
.main .gc-widgets--above-content {
	max-width: 880px;
	width: 100%;
}
.ps-blogposts__authorbox {
    border-color: rgb(218,220,224);
    border-radius: 8px;
    border: 1px solid rgb(218,220,224);
    padding: 20px;
}
.sidebar .VMq4uf {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
 }
.widget, .gc-widget, .dokan-store-widget {
	--radius: var(--BORDER-RADIUS)!important;
 }
.content {
	max-width: 880px;
 }
.wp-block-image img {
	width: 100%;
}
.swiper-button-next, .swiper-button-prev {
    font-weight: 900;
}
.swiper-button-next:after, .swiper-button-prev:after {
	padding: 15px 20px;
    background: #fff;
    border-radius: 50%;
	font-size: 100%;
}
.j2FCNc {
    column-gap: 10px;
    display: grid;
    grid-template-columns: max-content auto;
    margin: 10px 0;
}
.T75of {
    background-size: contain;
}
.T75of {
    background-size: contain;
}
.stzEZd {
    border-width: 0;
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
    border-radius: 12px;
    height: 75px;
    width: 75px;
}
.cXFu1 {
    display: grid;
    grid-template-rows: max-content;
    height: fit-content;
    row-gap: 2px;
}
.ubGTjb {
    align-items: center;
    display: inline-flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.DdYX5:not(:disabled) {
    color: var(--COLOR--TEXT);
}
.sT93pb {
    display: inline-block;
    vertical-align: middle;
}
.OnEJge {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.DdYX5 {
    color: var(--COLOR--TEXT);
    fill: rgb(32,33,36);
    stop-color: rgb(32,33,36);
    font-size: 100%;
    font-weight: 500;
    letter-spacing: .00625em;
    line-height: 1.4;
    letter-spacing: 0;
}
.CKzsaf, .Q4fJQd {
    display: inline-flex;
    height: 100%;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    flex-direction: row;
    align-items: center;
}
.ubGTjb .google-material-icons {
    font-family: 'Google Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}
.Q4fJQd .Yvy3Fd:not(:disabled), .sYJxkd:not(:disabled), .O9T88b:not(:disabled), .w2kbF:not(:disabled), .JUF8md:not(:disabled) {
    color: var(--GC-COLOR--TEXT);
}
.sYJxkd, .w2kbF, .JUF8md, .wMUdtb {
    line-height: 1.4;
    font-size: 85%;
    letter-spacing: .045em;
    font-weight: 400;
}
.Q4fJQd .Yvy3Fd, .sYJxkd, .O9T88b, .w2kbF, .JUF8md {
    color: var(--GC-COLOR--TEXT);
    fill: var(--GC-COLOR--TEXT);
    stop-color: var(--GC-COLOR--TEXT);
}

/**
 * Home CSS
 */
/* Top Five posts */
.top-five {
    padding: 0;
    background: none;
	width: 100%;
}
.xtv-top-five-1 {
    display: grid;
    grid-gap: 20px 20px;
    grid-template-columns: 1fr 1fr;
	width: 100%;
}
.top-five-1 {
	grid-column-start: 1; 
	grid-column-end: 1;
}
.top-five-2 {
	grid-column-start: 2; 
	grid-column-end: 2;
}
.xtv-top-five-2 {
    display: grid;
    grid-gap: 20px 20px;
    grid-template-columns: 1fr 1fr 1fr;
	width: 100%;
}
.xtv-top-five-2 {
	margin-top: 20px;
}
.top-five > div {
    border-radius: var(--radius);
    text-align: left;
    font-size: 100%;
}
.top-five > div .entry-title {
	font-weight: 600;
    margin: 0 auto;
}
.top-five-1 .entry-title, .top-five-2 .entry-title {
    font-size: 120%;
}
.top-five-3 .entry-title, .top-five-4 .entry-title, .top-five-5 .entry-title, .top-five-6 .entry-title {
	font-size: 100%;
}
.top-five > div .entry-title a {
    color: var(--COLOR--TEXT);
}
.top-five > div .entry-image {
    border-radius: var(--radius);
    overflow: hidden;
    margin: 0 auto;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.xtv-top-five-2 .entry-image img, .top-five-1 .entry-image img, .top-five-2 .entry-image img {
	
}
.top-five-3 .entry-image, .top-five-4 .entry-image, .top-five-5 .entry-image, .top-five-6 .entry-image {
    max-height: 100%;	
}
.top-five-6 {
	display: none;
}
.top-five-1 .entry-image, .top-five-2 .entry-image {
    max-height: 100%;
}
.top-five .entry-content {
	font-size: 100%;
}
/*.top-five-2 {
	background: #fff;
	background-image: linear-gradient(180deg,#E5E6ED 51.65%,#F1F2F4 85.57%,#F5F8FC 98.86%);
}
.top-five-2 .entry-content {
	margin-top: 10px;
}
.top-five-2 .entry-title, .top-five-2 .entry-date, .top-five-2 .entry-content {
	padding: 0 15px;
}*/
.top-five > div .entry-date {
	font-size: 85%;
	font-weight: 500;
	margin: 10px auto;
	padding: 0;
}
.entry-date {
	padding-top: 0!important;
}
/* Giftcode posts */
.xtv-giftcode {
	margin-bottom: 20px;
}
.xtv-giftcode .entry-date {
	font-size: 100%;
	font-weight: 600;
	margin-bottom: 5px;
}
.xtv-giftcode .section-heading {
	color: var(--COLOR--TEXT);
    font-size: 140%;
    font-weight: 600;
    margin: auto;
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.xtv-giftcode .listing-groups {
    border: 1px dotted #1570ef;
    border-top: 0;
    border-right: 0;
    border-radius: 0 0 0 8px;
    padding: 0 0 16px 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.xtv-giftcode .listing-groups .thread {
    position: relative;
}
.xtv-giftcode .listing-groups .thread:before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    left: -20px;
    top: 6px;
    position: absolute;
    display: block;
    background-color: #3986EE;
}
.xtv-giftcode .listing-groups .thread .item {
    margin-bottom: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.xtv-giftcode .listing-groups .thread .item .thread-title {
    font-size: 96%;
    line-height: 1.4;
    margin-right: 12px;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 400;
	color: var(--COLOR--TEXT);
}
.xtv-giftcode .listing-groups .thread .item .img .thumb-wrapper {
    width: 120px;
    position: relative;
}
.xtv-giftcode .listing-groups .thread .item .img .thumb-wrapper .thumb {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #e5e6ec;
    border-radius: 4px;
}
.xtv-giftcode .listing-groups .thread .item .img .thumb-wrapper .thumb img {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
	opacity: 1;
}
/* Game combo block */
.xtv-forum .foru-containers.xtv-4rum-item {
    padding: 16px 12px;
    margin-left: -10px;
    margin-right: -10px;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.xtv-forum .header-container.xtv-4rum-item {
    margin-bottom: 24px;
    -webkit-align-items: flex-end;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: space-between;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
}
.xtv-forum .header-container.xtv-4rum-item .section-heading {
    color: var(--COLOR--TEXT);
    font-size: 140%;
    font-weight: 600;
    margin: 0 0 16px;
    margin-bottom: 0;
}
.xtv-forum .header-container.xtv-4rum-item .call-to-action-section.xtv-4rum-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 8px;
    position: absolute;
    right: 0;
    flex-direction: column;
    align-content: flex-end;
    justify-content: center;
    align-items: flex-end;
    flex-wrap: nowrap;
}
.xtv-forum .threads.xtv-4rum-item {
    padding-bottom: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
}
.xtv-forum .threads.xtv-4rum-item .item.xtv-4rum-item {
    border-radius: 8px;
    min-width: 168px;
    margin-right: 16px;
    background: #e5e6ec;
    overflow: hidden;
}
.xtv-forum .threads.xtv-4rum-item .item.xtv-4rum-item .thumbnail.xtv-4rum-item-thum {
    position: relative;
    cursor: pointer;
}
.xtv-forum .threads.xtv-4rum-item .item.xtv-4rum-item .thumbnail.xtv-4rum-item-thum::before {
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    position: absolute;
    background-image: linear-gradient(180deg,rgba(0,0,0,0.0001) 3.17%,#000000 100%);
    z-index: 1;
}
.xtv-forum .threads.xtv-4rum-item .item.xtv-4rum-item .thumbnail.xtv-4rum-item-thum .thumb-wrapper.xtv-4rum-item-back {
    position: relative;
}
.xtv-forum .threads.xtv-4rum-item .item.xtv-4rum-item .thumbnail.xtv-4rum-item-thum .thumb-wrapper.xtv-4rum-item-back .thumb.xtv-4rum-item-back {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #e5e6ec;
	border-radius: 8px;
	height: 300px;
}
.xtv-forum .threads .item .thumbnail .thumb-wrapper .thumb .main-img {
    opacity: 1;
	object-fit: cover;
}
.xtv-forum .threads .item .thumbnail .thumb-wrapper .thumb img {
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}
.xtv-forum .threads.xtv-4rum-item .item.xtv-4rum-item .thumbnail.xtv-4rum-item-thum .thread-title.xtv-4rum-item-thum {
    color: #FFFFFF;
    text-align: center;
    padding: 0 12px 0;
    bottom: 27px;
    position: absolute;
    z-index: 2;
    font-size: 100%;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 8px;
}
.xtv-forum .threads.xtv-4rum-item .item.xtv-4rum-item .thumbnail.xtv-4rum-item-thum .thread-title.xtv-4rum-item-thum:after {
    content: "";
    display: block;
    width: 64px;
    height: 3px;
    margin: 8px auto 0;
    border-radius: 15px;
    background: #fff;
}
.threads.xtv-4rum-item::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #e0e0e0;
}
.threads.xtv-4rum-item::-webkit-scrollbar
{
	height: 10px;
	background-color: #e0e0e0;
}
.threads.xtv-4rum-item::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #616161;
}
/* 24h block */
.xtv-24h {
	display: block;
	margin-bottom: 20px;
}
.top-threads.xtv-24h {
    border-radius: 8px;
    padding: 22px 24px;
    overflow: hidden;
    min-height: 360px;
    background-image:  linear-gradient(0deg,#2AF598 -37.81%,#0049FD 100%);
}
.xtv-24h .header.xtv-24h {
    display: flex;
    flex-direction: row;
    -webkit-box-pack: start;
    justify-content: flex-start;
}
.xtv-24h .top-thread-title.xtv-24h {
    color: #FFFFFF;
    margin: 0px 24px 0px 0px;
    display: inline;
}
.xtv-24h .section-heading {
    color: var(--COLOR--TEXT);
    font-size: 140%;
    font-weight: 600;
    margin: 0 0 16px;
}
.xtv-24h .slider.xtv-24h {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
}
.xtv-24h .item.jsx-810520461 {
    margin: 16px 16px 16px 0px;
    flex: 0 0 210px;
    display: block;
	border-radius: 8px;
    min-width: 168px;
    background: #e5e6ec;
    overflow: hidden;
}
.xtv-24h article.jsx-810520461 {
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    background-color: #FFFFFF;
}
.xtv-24h .thumb-wrapper.jsx-3808261869 {
    position: relative;
}
.xtv-24h .thumb.no-border.jsx-3808261869 {
    border: 0;
}
.xtv-24h .thumb.jsx-3808261869 {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #e5e6ec;
    border: 1px solid #e5e6ec;
}
.xtv-24h .main-img.jsx-3808261869 {
    opacity: 1;
}
.xtv-24h img.jsx-3808261869 {
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}
.xtv-24h .content.jsx-810520461 {
    padding: 10px;
	padding-top: 0;
}
.xtv-24h .info {
	margin: 5px auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}
.xtv-24h .author {
    color: var(--COLOR--TEXT);
    font-size: 85%;
    font-weight: 500;
    line-height: 1.4;
}
.xtv-24h .thread-title.jsx-810520461 {
    height: 80px;
    overflow: hidden;
}
.xtv-24h .thread-title {
    font-size: 100%;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 0;
}
.xtv-24h .slider::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #e0e0e0;
}
.xtv-24h .slider::-webkit-scrollbar
{
	height: 10px;
	background-color: #e0e0e0;
}
.xtv-24h .slider::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #616161;
}
/* 02Col block */
.xtv-02col {
	margin-bottom: 20px;
}
.hero-stream-carousel.xtv-02col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: grid;
    overflow-x: auto;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
}
.hero-stream-carousel.xtv-02col .item.xtv-02col {
    width: 100%;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
	margin: auto;
	box-shadow: var(--shadow);
}
.xtv-02col .primary-thread.jsx-1446890633 {
    position: relative;
}
.xtv-02col .primary-thread.jsx-1446890633 .thumbnail-wrapper.jsx-1446890633 {
    position: relative;
}
.xtv-02col .thumb-wrapper.jsx-3808261869 {
    position: relative;
	max-height: 100%;
}
.xtv-02col .thumb.no-border.jsx-3808261869 {
    border: 0;
}
.xtv-02col .thumb.jsx-3808261869 {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #e5e6ec;
    border: 0px solid #e5e6ec;
	max-height: 100%;
    border-top-right-radius: var(--BORDER-RADIUS);
	border-top-left-radius: var(--BORDER-RADIUS);
}
.xtv-02col .main-img {
    opacity: 1;
}
.xtv-02col a {
	text-decoration: none;
	cursor: pointer;
	color: var(--COLOR--TEXT);
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: flex-start;
	justify-content: flex-start;
	align-items: flex-start;
}
.xtv-02col li.jsx-1446890633 a .main-img {
	height: 100%;
	opacity: 1;
	width: 38%;
	margin-right: 15px;
}
.xtv-02col img {
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}
.xtv-02col .hot-overlay {
    left: 1px;
    bottom: 1px;
    position: absolute;
	width: 70px;
    height: 32px;
}
.xtv-02col .gradient-background.jsx-1446890633 {
    border-radius: 8px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    background: unset;
}
.xtv-02col .primary-thread.jsx-1446890633 .headline.jsx-1446890633 {
    color: #ffffff;
    font-size: 100%;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
    padding: 5px 20px;
    border-top-right-radius: 8px;
    left: 0;
    bottom: 0;
    position: absolute;
}
.xtv-02col .primary-thread.jsx-1446890633 .subbrand-img.jsx-1446890633 {
    width: 40px;
    bottom: 10px;
    right: 16px;
    position: absolute;
}
.xtv-02col .threads.jsx-1446890633 {
    padding: 16px;
    border-radius: 0 0 8px 8px;
    background-color: #FCFCFD;
}
.xtv-02col ul, .xtv-02col ol, .xtv-02col li {
    list-style: none;
}
.xtv-02col .threads.jsx-1446890633 li.jsx-1446890633:first-child {
    border-top: 0;
    font-weight: 600;
    align-items: flex-start;
    padding-top: 0;
    padding-bottom: 10px;
}
.xtv-02col .threads.jsx-1446890633 li.jsx-1446890633 {
	padding: 10px 0;
    height: 100px;
    position: relative;
    border-top: 1px solid #EDEEF2;
    font-size: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
}
.xtv-02col .button-full-size {
    width: 100%;
}
.xtv-02col .button-secondary {
    border: 1px solid #EDEEF2;
    background-color: #EDEEF2;
}
.xtv-02col .button {
    text-align: center;
    font-size: 100%;
    font-weight: 400;
    border-radius: 6px;
    padding: 7px 16px;
    display: block;
}
.xtv-02col a {
	text-decoration: none;
    cursor: pointer;
	color: var(--COLOR--TEXT);
}
/* Creators block */
.xtv-creators {
    border-radius: 8px;
    overflow: hidden;
	margin-bottom: 20px;
}
.tinhte-creator-widget {
    padding: 24px;
    background-color: #01152F;
	background-image: linear-gradient(0deg,#2AF598 -37.81%,#0049FD 100%);
}
.xtv-creators .top-creators {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.xtv-creators .creator {
	width: 100px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.xtv-creators .logo-wrapper {
    width: 200px;
	min-width: 200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start;
}
.xtv-creators .logo-wrapper .logo {
    width: 180px;
	height: auto;
}
.xtv-creators .creators {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow-x: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.xtv-creators .creator-avatar {
    width: 66px;
    height: 66px;
    border-radius: 50%;
    border: 2px solid #1570EF;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #1570EF;
}
.xtv-creators .rank {
    bottom: -5px;
    left: -5px;
    position: absolute;
	color: #ffffff;
    font-size: 150%;
    font-weight: 600;
    line-height: 1.4;
    -webkit-flex: 0 0 64px;
    -ms-flex: 0 0 64px;
    flex: 0 0 64px;
	    text-shadow: 2px 2px #98a2b3;
}
.xtv-creators .creator-name {
    color: #ffffff;
    font-size: 13px;
    margin-top: 8px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.xtv-creators .latest-threads-header {
    margin-top: 24px;
    padding: 26px 0 24px;
    border-top: 1px solid #032A5E;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.xtv-creators .section-heading {
    margin: 0 60px 0 0;
    color: #ffffff;
	font-size: 140%;
    font-weight: 600;
}
.xtv-creators .section-heading~.button {
    white-space: nowrap;
}
.xtv-creators .button-gradient-2 {
    color: #ffffff;
    font-weight: 500;
    line-height: 1.4;
    background-image: linear-gradient(94.95deg,#2AF598 -43.99%,#0049FD 106.14%);
}
.xtv-creators .button {
    text-align: center;
    font-size: 100%;
    font-weight: 600;
    border-radius: 4px;
    padding: 7px 16px;
    display: block;
}
.xtv-creators .threads {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
}
.xtv-creators .item {
	min-width: 210px;
    margin-right: 14px;
    margin-bottom: 7px;
    border-radius: 6px;
}
.xtv-creators a {
    -webkit-text-decoration: none;
    text-decoration: none;
    cursor: pointer;
}
.xtv-creators .thumb-wrapper {
    position: relative;
	height: 130px;
}
.xtv-creators .thumb.no-border {
    border: 0;
}
.xtv-creators .thumb {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #e5e6ec;
    border: 1px solid #e5e6ec;
}
.xtv-creators .main-img {
    opacity: 1;
}
.xtv-creators img {
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
	max-width: 100%;
}
.xtv-creators .author {
    color: #E5E6ED;
	font-size: 85%;
    font-weight: 500;
    line-height: 1.4;
}
.xtv-creators .thread-title {
    color: #ffffff;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
}
.xtv-creators .thread-title {
    font-size: 100%;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 8px;
}
.xtv-creators br {
    content: " ";
    display: block;
    height: 16px;
}
.xtv-creators .button-full-size {
    width: 100%;
}
.xtv-creators .button-primary {
    color: #ffffff;
    font-size: 16px;
    background-color: #1570EF;
}
.xtv-creators .threads::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #e0e0e0;
}
.xtv-creators .threads::-webkit-scrollbar
{
	height: 10px;
	background-color: #e0e0e0;
}
.xtv-creators .threads::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #616161;
}
.xtv-creators .creators::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #e0e0e0;
}
.xtv-creators .creators::-webkit-scrollbar
{
	height: 10px;
	background-color: #e0e0e0;
}
.xtv-creators .creators::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #616161;
}
.xtv-creators .info {
    margin: 5px auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}
/* Game trending block */
.trending.xtv-trending {
    padding: 0;
    margin-bottom: 20px;
    border-top: 0px solid #E5E6ED;
}
.xtv-trending .header.xtv-trend {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	margin-bottom: 20px;
}
.xtv-trending .section-heading {
    color: var(--COLOR--TEXT);
    font-size: 140%;
    font-weight: 600;
    margin: 0 0 16px;
    margin-bottom: 0;
}
.xtv-trending .threads.xtv-trend {
    margin: 0 auto;
    display: grid;
    grid-gap: 20px 10px;
    grid-template-columns: 1fr 1fr 1fr;
}
.xtv-trending .thread.xtv-trend {
    padding: 0;
    -webkit-flex: 0 0 33%;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%; 
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
}
.xtv-trending .thread.xtv-trend .thread-index.xtv-trend {
    color: var(--COLOR--TEXT--LIGHT);
    font-size: 32px;
    font-weight: 800;
    line-height: 1;
    -webkit-flex: 0 0 44px;
    -ms-flex: 0 0 44px;
    flex: 0 0 44px;
}
.xtv-trending .thread.xtv-trend .thread-content.xtv-trend {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.xtv-trending .thread.xtv-trend .thread-content.xtv-trend .thread-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 8px;
	color: var(--COLOR--TEXT);
}
.xtv-trending .thread.xtv-trend .thread-content.xtv-trend .author {
    color: var(--COLOR--TEXT);
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
}
/* 
 * Community block
 */
.xtv-group .xtv-community .main.xtv-commu {
    position: relative;
    padding: 0;
	margin: auto;
}
.xtv-group .xtv-community .main.xtv-commu .section-heading {
    color: #101828;
    font-size: 110%;
    font-weight: 600;
}
.xtv-group .xtv-community .main.xtv-commu .item-container.xtv-commu {
    grid-gap: 20px 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
	margin-bottom: 0;
}
.xtv-group .xtv-community .main.xtv-commu .item-container.xtv-commu .item.xtv-commu {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding: 0;
    overflow: hidden;
}
.xtv-group .xtv-community .main.xtv-commu .item-container.xtv-commu .item.xtv-commu .main.xtv-commu-main {
    border-radius: 8px;
	padding: 0;
}
.xtv-group .xtv-community .main.xtv-commu .item-container.xtv-commu .item.xtv-commu .main.xtv-commu-main .image-loader.xtv-commu-img {
    overflow: hidden;
    position: relative;
    display: block;
}
.xtv-group .xtv-community .main.xtv-commu .item-container.xtv-commu .item.xtv-commu .main.xtv-commu-main .image-loader.xtv-commu-img .spacer.xtv-commu-img {
    display: block;
    height: 100px;
}
.xtv-group .xtv-community .main.xtv-commu .item-container.xtv-commu .item.xtv-commu .main.xtv-commu-main .image-loader.xtv-commu-img .spacer-games.xtv-commu-img {
    display: block;
    height: 140px;
}
.xtv-group .xtv-community .game-rate {
	align-items: center;
    display: inline-flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 120%;
    font-weight: 700;
    padding: 5px;
    border-top-right-radius: 8px;
	background-color: #e5e6ed;
}
.xtv-group .xtv-community .main.xtv-commu .item-container.xtv-commu .item.xtv-commu .main.xtv-commu-main .image-loader.xtv-commu-img>img.xtv-commu-img {
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    object-fit: contain;
	border-radius: var(--BORDER-RADIUS);
}
.xtv-group .xtv-community .main.xtv-commu .item-container.xtv-commu .item.xtv-commu .main.xtv-commu-main .info-wrapper.xtv-commu-main {
    overflow: hidden;
}
.xtv-group .xtv-community .main.xtv-commu .item-container.xtv-commu .item.xtv-commu .main.xtv-commu-main .info-wrapper.xtv-commu-main .title.xtv-commu-main {
	font-size: 100%;
    font-weight: 400;
    margin-top: 5px;
    margin-bottom: 0;
    line-height: 1.4;
    color: var(--COLOR--TEXT);
}
.xtv-group .xtv-community button.xtv-commu {
    position: relative;
    width: 100%;
    font-size: 100%;
    font-weight: 400;
    color: var(--COLOR--TEXT);
    background-color: #e5e6ed;
    border-radius: 4px;
    padding: 10px 20px;
    text-align: center;
}
.xtv-group .xtv-community button.xtv-commu a {
    color: var(--COLOR--TEXT);
}
.xtv-group .EaMWib, .xtv-group .XfZNbf {
	margin: auto;
	margin-left: 0;
	padding: 0;
}
.xtv-group .cswwxf {
	margin-bottom: 20px;
	padding: 0;
}
.main .content .game-similar.xtv-creators {
	background: #fff;
    padding: 20px;
    margin-top: 20px;
}
.main .content .game-similar.xtv-creators .threads, .main .content-2 .game-similar.xtv-creators .threads {
	margin: 0 auto;
	display: grid;
	grid-gap: 20px 20px;
	grid-template-columns: 1fr 1fr 1fr;
}
.main .content .game-similar.xtv-creators .threads .item, .main .content-2 .game-similar.xtv-creators .threads .item {
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	margin: 0 auto;	
}
.main .content .game-similar.xtv-creators .thread-title, .main .content .game-similar.xtv-creators .author, .main .content-2 .game-similar.xtv-creators .thread-title, .main .content-2 .game-similar.xtv-creators .author {
	color: var(--COLOR--TEXT);
	font-weight: 500;
}
.main .content .game-similar.xtv-creators .author, .main .content-2 .game-similar.xtv-creators .author {
	font-weight: 400;	
}
/**
 * CSS verify account profile 
 */
#mywrapper .li_list, #myregister .li_list {
	padding: 0;
    margin: 0;
}
#mywrapper .li_list .item, #myregister .li_list .item {
	overflow: hidden;
	font-size:12px;
	color:#000;
	border-bottom:1px solid #ebebeb;
	line-height:20px;
	padding:10px 0;
}
#mywrapper .li_list .item .block, #myregister .li_list .item .block {
	display: block;
}
#mywrapper .li_list .item .item_tit, #myregister .li_list .item .item_tit {
	font-size:16px;
	color:#474749;
}
#mywrapper .li_list .item .more, #myregister .li_list .item .more {
	float:right;
	padding-right:20px;
	background:url(../images/arrow_ico2.png) no-repeat right center;
	background-size:8px auto;
	color:#474749;
	font-size:14px;
}
#mywrapper .li_list .item .avatar, #myregister .li_list .item .avatar {
	width:50px;
	height:50px;
	border-radius:50%;
}
#mywrapper .out_btn, #myregister .out_btn {
	overflow: hidden;
	font-size:16px;
	color:#000;
	border-bottom:1px solid #ebebeb;
	line-height:20px;
	padding:10px 15px;
	text-align: center;
	display: block;
}
#mywrapper .user_data_box, #myregister .user_data_box {
	padding: 20px 0;
	font-size: 15px;
	width: 100%;
    margin: 0 auto;
}
#mywrapper .user_data_box ul, #myregister .user_data_box ul {
	padding: 0;
	margin: 0;
}
#mywrapper .user_data_box li, #myregister .user_data_box li {
	padding-bottom: 15px;
	line-height: 30px;
	margin: 0;
	list-style: none;
}
#mywrapper .user_data_box li .submit-btn, 
#myregister .user_data_box li .changepwd-btn,
#myregister .user_data_box li .update-phone-btn,
#myregister .user_data_box li .update-email-btn,  
#myregister .user_data_box li .update-realname-btn, 
#myregister .user_data_box li .register-btn, 
#myregister .user_data_box li .verification-btn,
#myregister .user_data_box li .login-btn,
#myregister .user_data_box li .password-btn,
#myregister .user_data_box li .lostpassword-btn {
	padding: 0;
	font-weight: bold;
	font-size: 100%;
}
#mywrapper .user_data_box li .label-name, #myregister .user_data_box li .label-name {
    float: left;
    margin-right: 20px;
    font-size: 100%;
    width: 35%;
    max-width: 83px;
    white-space: nowrap;
    display: inline-block;
    color: #00b3ff;
}
#mywrapper .user_data_box li input[type="text"], #mywrapper .user_data_box li input[type="password"], #myregister .user_data_box li input[type="text"], #myregister .user_data_box li input[type="email"], #myregister .user_data_box li input[type="password"] {
	border: 1px solid #00b3ff;
	width: 100%;
	line-height: 30px;
	height: 30px;
	border-radius: 6px;
	padding: 0px 5px;
	font-size: 14px;
	color: #48515c;
}
#mywrapper .user_data_box li input[type="text"].block, #myregister .user_data_box li input[type="text"].block {
	width: 100%;
	box-sizing: border-box;
	line-height: 35px;
	height: 35px;
}
#mywrapper .user_data_box li input[type="submit"],
#mywrapper .user_data_box li button,
#mywrapper .user_data_box li input[type="button"], 
#myregister .user_data_box li input[type="submit"], 
#myregister .user_data_box li button, 
#myregister .user_data_box li input[type="button"] {
	width: 100%;
	height: 39px;
	line-height: 39px;
	-webkit-appearance: none;
}
#myregister .user_data_box li input[type="submit"], #myregister .user_data_box li input[type="phone"], #myregister .user_data_box li input[type="text"], #myregister .user_data_box li input[type="password"], #myregister .user_data_box li input[type="email"], #myregister .user_data_box li .gender-option {
	--font-size: var(--GC-FONT-SIZE);
    --line-height: var(--GC-LINE-HEIGHT);
    --height: auto;
    --input-padd: var(--PADD);
    --radius: var(--BORDER-RADIUS--MD);
    position: relative;
    z-index: 1;
    width: 100%;
    height: var(--height);
    margin: 0;
    padding: var(--input-padd);
    font-family: var(--GC-FONT-FAMILY);
    font-size: var(--font-size);
    line-height: var(--line-height);
    color: var(--GC-COLOR--TEXT);
    background-color: var(--GC-COLOR--APP);
    border: 1px solid var(--DIVIDER--DARK);
    border-radius: var(--radius);
    box-shadow: inset 0 0 0 1px rgb(0 0 0 / 0%);
    outline: none;
    transition: box-shadow .2s ease;
	font-size: 100%;
}
#myregister .user_data_box li .gender-option label, #myregister .user_data_box li #birthday_day, #myregister .user_data_box li #birthday_month, #myregister .user_data_box li #birthday_year, #mywrapper .user_data_box .block_label, #myregister .user_data_box .block_label {
	font-size: 100%;
}
#myregister .user_data_box li .verification-label {
	font-size: 140%;
	font-weight: 600;
	line-height: 1.4;
}
#mywrapper .user_data_box .input_phone {
	display: flex;
}
#mywrapper .user_data_box .input_phone .otp-code {
	line-height: 30px;
    height: 30px;
    margin: 0;
    width: 100%;
}
#mywrapper .input_phone .phone_area {
	left: auto;
	padding-left: 10px;
}
#mywrapper a.input-side-btn {
    padding: 0 10px;
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: #00b3ff;
    color: #fff;
    border-radius: 6px;
}
#mywrapper .mywrapper_second_center {
	display: none;
}
#myregister .user_data_box .birthday {
	display: grid;
    align-content: center;
    justify-content: center;
    align-items: center;
    justify-items: center;
    grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 10px;
    grid-row-gap: var(--PADD--MD);	
}
#myregister .user_data_box li .input_phone, #mywrapper .user_data_box li .input_phone_otp {
    display: grid;
    align-content: center;
    justify-content: center;
    align-items: center;
    justify-items: center;
    grid-template-columns: 2fr 1fr;
    grid-column-gap: 10px;
    grid-row-gap: var(--PADD--MD);
}
#myregister a.input-side-btn {
	background-color: #00b3ff;
    color: #fff;
	padding: 10px 15px;
	border-radius: 6px;
}
#myregister .user_data_box li .input_phone .otp-code {
	background-color: transparent;
} 
#myregister .user_data_box ._center {
	display: flex;
    margin: 0 auto;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
#login-container ._6luv, #register-container ._6luv, #password-container ._6luv {
	align-items: center;
    background-color: #fff;
    border: none;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .1);
    box-sizing: border-box;
    padding: 15px;
    width: 100%;
}
#update-container ._6luv {
	align-items: center;
    background-color: #fff;
    border: 1px solid #dadde1;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .1);
    box-sizing: border-box;
    padding: 15px;
    width: 100%;
	max-width: 500px;
	margin: 10px auto;
}
#login-container ._register-form-btn {
	background-color: #42b72a;
	color: #fff;
	transition: 200ms cubic-bezier(.08,.52,.52,1) background-color, 200ms cubic-bezier(.08,.52,.52,1) box-shadow, 200ms cubic-bezier(.08,.52,.52,1) transform;
	cursor: pointer;
	display: inline-block;
	text-decoration: none;
	white-space: nowrap;
	border: none;
	border-radius: 6px;
	font-size: 18px;
	line-height: 48px;
	padding: 0 30px;
	font-weight: bold;
}
#login-container ._spacer {
	align-items: center;
	border-bottom: 1px solid #dadde1;
	display: flex;
	margin: 20px 16px;
	text-align: center;
}
/**
 * Payment Page CSS
 */ 
.public-container {
    padding: 10px;
    text-align: center;
    background-color: #fff;
    height: 100%;
}
.panel-body {
    padding: 0;
}
.ctnpay {
    overflow: hidden;
}
.ctnpay.bgwhite, .ctnpay_lt {
    background: #fff;
}
.zp_stepbar {
    padding-top: 45px;
    padding-bottom: 22px;
}
.zp_stepbar ul {
    display: block;
    width: 50%;
    margin: 0 auto;
    background-color: #e3e2e2;
    list-style: none;
	padding: 0;
}
.zp_stepbar li, .zp_stepbar ul {
    height: 12px;
    border-radius: 10px;
}
.zp_stepbar li.active, .zp_stepbar li.passed {
    background-color: #e48a56;
}
.zp_stepbar li {
    float: left;
}
.zp_stepbar li.step1, .zp_stepbar li.step2 {
    width: 25%;
}
.zp_stepbar li.step3 {
    width: 50%;
}
.zp_stepbar li.step3 .stepnode {
    margin-right: 50%;
}
.zp_stepbar li.step3 .stepname {
    margin-right: 15%;
}
.zp_stepbar li.active .stepnode {
    background-position: -306px -647px;
}
.zp_stepbar li .stepnode {
    float: right;
    background-position: 0 -95px;
    width: 26px;
    height: 26px;
    margin-top: -8px;
    margin-right: -10px;
    position: relative;
}
.zpsprt {
    background-image: url(../images/zpsprt.png);
}
.zp_stepbar li.active .stepnode em {
    color: #fff;
}
.zp_stepbar li .stepnode em {
    font-weight: 700;
    color: #888;
    font-style: normal;
    line-height: 26px;
}
.zp_stepbar li.active .stepname {
    color: #c94818;
    font-weight: 700;
}
.zp_stepbar li.passed .stepnode {
    background-position: 0 -127px;
}
.zp_stepbar li .stepname {
    display: block;
    margin-top: -30px;
    text-align: center;
    color: #999;
    margin-right: -91%;
}
.zp_stepbar li .moneybag {
    float: right;
    background-position: -306px -647px;
    width: 24px;
    height: 25px;
    margin: -8px -24px 0 0;
    position: relative;
    display: none;
}
.bxstep, h2.titstep {
    margin: 20px auto;
}
.bxstep {
    overflow: hidden;
}
.titstepsub {
    border-bottom: 1px solid #eee;
    border-left: 4px solid #61bced;
    padding: 0 0 2px 8px;
    font-weight: 700;
    margin-bottom: 15px;
}
ul.paymentmethods.zingxu.fivecol, ul.paymentmethods.zingxu, ul.paymentmethods, ul.paymentmethods.zingxu.threecol {
	display: grid;
    align-content: center;
    justify-content: center;
    align-items: center;
    justify-items: center;
    grid-template-columns: repeat(4, 1fr);
	grid-column-gap: var(--PADD--MD);
    grid-row-gap: var(--PADD--MD);
}
.wall2 {
    margin: 15px auto 0;
}
.wall2, .wal {
    height: auto;
}
.location-user {
    margin-top: 50px;
}
.location {
    line-height: 30px;
    color: #666;
    padding: 15px;
    overflow: hidden;
    background: #fff;
}
.paymentmethods li {
    float: left;
    margin: 10px 0;
    list-style: none;
}
.paymentmethods li .methodselect {
    padding: 0;
    display: block;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}
.paymentmethods .circle_border {
    width: 84px;
    height: 84px;
    background-position: -48px -176px;
    display: block;
    padding: 2px;
    margin: 0 auto 15px;
    position: relative;
}
.maintaince_pic {
    background-position: 0 -592px;
    position: absolute;
    top: 2px;
    left: 2px;
    cursor: default;
    display: none;
}
.atm_pic, .isec_pic, .maintaince_pic, .mobicard_pic, .sms_pic, .visa_pic, .zingcard_pic, .zalopay_pic, .bit_pic, .gate_pic, .vcoin_pic, .momo_pic, .epay_pic, .epay_pic1, .epay_pic2 {
    width: 80px;
    height: 80px;
    display: block;
    background-size: contain;
}
.datanote {
    display: none;
}
.bxtip {
    width: 506px;
    border-radius: 3px;
    background: #f2f2f2;
    border: 1px solid #eee;
    padding: 8px 10px;
    margin: 0 auto;
}
.epay_pic1 {
    background-image: url(../images/epay1.png) !important;
}
.epay_pic2 {
    background-image: url(../images/epay2.png) !important;
}
.gate_pic {
    background-image: url(../images/gate.png) !important;
}
.momo_pic {
    background-image: url(../images/momo.png) !important;
}
.bxnotice.danger {
    background: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}
.bxnotice {
    width: 100%;
    margin: 10px auto;
    text-align: center;
    padding: 10px;
    border: 1px solid #bce8f1;
    background: #d9edf7;
}
#divErrorFaceValue .bxtip {
    width: 100%;
    border-radius: 0;
    background: none;
    border: none;
    padding: 5px;
}
#divErrorFaceValue .promoMsg {
    color: #10506b;
    text-align: center;
    margin: 0;
}
.zpbtnbottom {
    overflow: hidden;
    width: 100%;
	max-width: 500px;
    margin: 0 auto;
    text-align: center;
}
.btn-l, a.btn-l {
    margin: 0 auto;
    background: #00b3ff;
    display: block;
    line-height: 46px;
    height: 43px;
    text-align: center;
    border-radius: 4px;
    color: #fff;
    font-size: 15px;
    border: none;
}
.box2cot, .box2cot .col5 {
    margin-top: 20px;
    display: grid;
    align-content: center;
    justify-content: center;
    align-items: start;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: var(--PADD--MD);
    grid-row-gap: var(--PADD--MD);
    justify-items: center;
}
.box2cot .box50 {
    width: 100%;
	margin: 0 auto;
}
.box2cot .form_input_grp .form_input_wrapper {
    min-height: 30px;
    margin: auto;
    position: relative;
    width: 100%;
    height: auto;
    display: table;
    clear: both;
	margin-bottom: 10px;
}
.box2cot .form_input_grp .form_input_wrapper .input-text.border {
    border: 1px solid #ccc;
    background: #fff;
}
.tblnote {
    margin: 0 auto;
    border: 1px solid #ddd;
    border-right: none;
	width: 100%;
}
table {
    background-color: transparent;
}
.tblnote .tit {
    background: #e0e0e0;
}
.tblnote td {
    padding: 8px 25px 8px 8px;
    text-align: center;
    border-right: 1px solid #ddd;
	width: 50%;
}
.tblnote .bgrey {
    background: #f2f2f2;
}
.box2cot .btn {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #e48a56;
    border: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    display: block;
    padding: 0;
    margin-top: 15px;
    float: left;
}
.box2cot .bxselprice {
    margin-bottom: 10px;
    clear: both;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.box2cot .bxselprice .item-price.price0 {
    background: url(../images/0.png) no-repeat center 37%;
}
.box2cot .bxselprice .item-price.price1 {
    background: url(../images/1.png) no-repeat center 37%;
}
.box2cot .bxselprice .item-price.price2 {
    background: url(../images/2.png) no-repeat center 37%;
}
.box2cot .bxselprice .item-price.price3 {
    background: url(../images/3.png) no-repeat center 37%;
}
.box2cot .bxselprice .item-price.price4 {
    background: url(../images/4.png) no-repeat center 37%;
}
.box2cot .bxselprice .item-price.price5 {
    background: url(../images/5.png) no-repeat center 37%;
}
.box2cot .bxselprice .item-price.price6 {
    background: url(../images/6.png) no-repeat center 37%;
}
.box2cot .bxselprice .item-price.price7 {
    background: url(../images/7.png) no-repeat center 37%;
}
.box2cot .bxselprice .item-price.price8 {
    background: url(../images/8.png) no-repeat center 37%;
}
.box2cot .bxselprice .item-price.price9 {
    background: url(../images/9.png) no-repeat center 37%;
}
.box2cot .bxselprice .item-price:hover, .box2cot .bxselprice .item-price.selected {
    border: 5px solid #73b1f4;
}
.box2cot .bxselprice .item-price {
    position: relative;
    width: calc(33% - 10px);
    height: auto;
    border: 5px solid #cff6fd;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #ccf1f9;
}
.box2cot .bxselprice .item-price .hp-price {
    text-indent: 5px;
    padding: 6px 0;
    background: #fff;
    border-radius: 10px;
    width: 90%;
    box-shadow: 1px 2px 7px #69b8fe;
    color: #12538e;
    font-weight: bold;
    margin: auto;
    margin-top: 4px;
    margin-bottom: 80px;
}
.box2cot .bxselprice .item-price .tovnd {
    position: absolute;
    bottom: 0px;
    text-align: center;
    background: url(../images/bg_price.png) no-repeat top left;
    width: 100%;
    padding: 7px 0;
    color: #ff9900;
    font-weight: 700;
    text-indent: 15px;
    font-size: 13px;
    white-space: nowrap;
}
.box2cot .col52 {
    width: 50%;
    float: left;
    text-align: left;
}
.box2cot .text-right {
    text-align: right;
}
.tabledonhang table {
    width: 100%;
    max-width: 560px;
    text-align: center;
    margin: auto;
    border: 1px solid #ccc;
}
.tabledonhang table td {
    border: 1px solid #cecdcd;
    padding: 10px 5px;
}