*,
::before,
::after {
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
	box-sizing: border-box;
}

body,
html {
	padding: 0;
	margin: 0;
	color: #002b50;
	font-family: arial, sans-serif;

}

body {
		background: #0073dd;
}

.header {
	width: 100%;
	height: auto;
	background: #fc0;
	padding: 5px 0;
}

.main_header {
	max-width: 1290px;
	width: 100%;
	margin: 0 auto;
	padding: 0px 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 30px;
	flex-wrap: wrap;
}
.main_header a {
	text-decoration: none;
	color: #370a9b;
}
.main_header a h1{
	font-size: 20px;
	line-height: normal;
	margin: 0;
	font-weight: 900;
}

img {
	max-width: 100%;
	height: auto;
}

.menu-header-menu-container ul {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px 30px;
	margin: 0;
	padding: 0;
	flex-wrap: wrap;
}

.menu-header-menu-container ul li {
	margin: 0;
	padding: 0;
}

.menu-header-menu-container ul li a {
	text-decoration: none;
	color: #370a9b;
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
	text-align: center;
	text-transform: capitalize;
}

.page-center {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.page-center .game-box,
.related_post_game .game-box {
	--allWidth: calc(100% - 100px);
	--width: calc((100% - 100px) / 10);
	width: var(--width);
	overflow: hidden;
	text-align: center;
	position: relative;
	border-radius: 10px;
	margin: 5px 5px 10px 5px;
	aspect-ratio: 1 / 1;
	float: left;
}

.related_post_game .game-box{
	--allWidth: 150px;
	--width: 150px;
	width: var(--width);
	position: relative;
}

.related_post_game{
	margin-top: 30px;
}

.game-box a {
	color: #f5f500;
	text-decoration: none;
	transition: all 0.3s linear;
}

.game-box a img {
	width: 100%;
	height: 100%;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border: #fff 2px solid;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	transition: all 0.3s linear;
}

.game-box a:hover img {
	border: #fc0 2px solid;
}

.game-box a:hover {
	opacity: 0.8;
}

.game-box a .game-title {
	position: absolute;
	bottom: -100%;
	left: 0;
	width: 100%;
	height: auto;
	color: #035193;
	font-weight: 700;
	background-color: #fc0;
	padding: 5px 0 5px 0;
	font-size: 14px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	line-height: 22px;
	transition: all 0.3s linear;
	transform: translateY(100%);
	margin: 0;
}

.game-box a:hover .game-title {
	transform: translateY(0);
	transition: all 0.3s linear;
	bottom: 0;
}

.fixed-menu {
	position: fixed;
	top: 0;
	width: 100%;
	height: auto;
	z-index: 100;
}

.fixed-menu + .main_contain {
	margin-top: 70px;
}

footer {
	width: 100%;
	height: 100%;
	background: #fc0;
	text-align: center;
	clear: both;
}

footer .footer p {
	color: #000;
	text-decoration: none;
	font-size: 14px;
	line-height: normal;
	margin: 0;
	padding: 0;
}

footer .footer {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	padding: 10px 15px;
}

.page-center {
	width: 100%;
	height: auto;
}

.main_single_page {
	max-width: calc(100% - 230px);
	margin: 0 auto;
	padding: 0px 10px;
	height: auto;
	clear: both;
	display: block;
}

.left_ads{
	max-width: 160px;
	width: 100%;
	height: auto;
}

.right_ads{
	max-width: 300px;
	width: 100%;
	height: auto;
}

.play_area {
	width: 100%;
	border-radius: 20px;
	padding: 30px;
	margin: 0 auto;
	background: #fff;
	justify-content: space-between;
	align-items: flex-start;
	gap: 5px 20px;
}

.thumnail_img a img {
	max-width: 100%;
	height: auto;
}

.thumnail_img {
	max-width: 110px;
	width: 100%;
	float: left;
	margin-right: 15px;
}

.game_content {
	max-width: 800px;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.top_data h1 {
	margin: 0;
	padding: 0;
	font-size: 20px;
	line-height: normal;
	color: #333;
	font-weight: 900;
}

.top_data {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 10px 20px;
}

.middle_contain {
	width: 100%;
	height: auto;
}

.middle_contain h2 {
	color: #333;
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 15px;
	margin-top: 30px;
}

.middle_contain p {
	font-size: 14px;
	line-height: 20px;
	color: #002b50;
	Margin: 10px 0;
	font-weight: 400;
}
.game_btn a {
	background: #fc0;
	margin: 0;
	border: 0;
	border-radius: 5px;
	color: #000000;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	padding: 08px 17px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	line-height: normal;
}

.game_btn a .triangle {
	display: block;
	width: 20px;
	height: 20px;
	border-right: solid 10px transparent;
	border-bottom: solid 10px transparent;
	border-left: solid 10px #000;
	border-top: solid 10px transparent;
}


.back_to_top{
	position: fixed;
	bottom: 20px;
	right: 20px;
	cursor: pointer;
	display: none;
}


.main_container {
	max-width: 1190px;
	padding: 20px 15px;
	margin: 0 auto;
}

div#gridcontainer {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
}


div.contain {
	display: grid;
	align-items: center;
	justify-content: space-between;
	background-color: #fff;
	height: 100%;
	grid-template-columns: auto auto;
}


.postimage {
	max-width: 100%;
	width: 100%;
	height: auto;
	padding: 20px;
}


.right_side_data {
	max-width: 560px;
	padding: 20px;
	height: 100%;
}


.postimage a {
	font-size: 0;
	line-height: 0;
	vertical-align: middle;
}

.postimage img {
	max-width: 100%;
	height: auto;
}

p.category {
	font-family: sans-serif;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	display: block;
	padding: 2px 0px;
	margin-bottom: 20px;
}

.right_side_data p {
	font-family: sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	margin: 0;
	color: #333;
}

.right_side_data p a,
.right_side_data h2.title a {
	text-decoration: none;
}

.right_side_data h2.title a {
	color: #000;
	font-weight: 600;
}


.single_blog {
	max-width: 780px;
	margin: 0 auto;
	padding: 40px 15px;
}

.social_icon ul {
	margin: 0px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 20px;
	padding: 0px 0px 15px;
}

.social_icon ul li a {
	height: 40px;
	width: 40px;
	border-radius: 100%;
	background-color: #88058a;
	display: flex;
	align-items: center;
	justify-content: center;
}

.social_icon ul li a img {
	max-width: 100%;
	height: auto;
}

h1.top-heading, h1.entry-title {
	font-weight: 700;
	font-family: sans-serif;
	font-size: 40px;
	line-height: 48px;
	margin: 0px;
	padding-bottom: 20px;
}

.single_blog .postimage {
	padding: 0 0 20px 0;
}

p#breadcrumbs {
	margin-bottom: 0px;
}

.breadcrumb_last {
	color: #88058a;
	font-weight: bold;
	font-size: 18px;
}

.post_category p {
	font-family: sans-serif;
	font-weight: 900;
	font-size: 18px;
	line-height: 27px;
	margin: 0;
	padding: 10px 0px;
	letter-spacing: 0.6px;
}

.post-content p, .post-content span, .entry-content p {
	font-family: sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 27px;
	margin: 0;
	padding: 10px 0px;
}

.post-content > *{
	color: #FFF;
}

.post-content ul,
.post-content ol{
	margin: 0 0 20px 20px;
}

.post-content ul li,
.post-content ol li{
	color: #FFF;
	font-size: 18px;
	line-height: 20px
}

.post-content ul li{
	list-style:disc;
}

.post-content ol li{
	list-style:auto;
}

h1.top-heading{
	color: #FFF;
}

.related_post {
	max-width: 780px;
	margin: 0 auto;
	padding: 0px 15px 40px;
}

.related_post h2 {
	font-weight: 600;
	color: #FFF;
	margin: 0;
}

ul.cards {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
}

li.cards_item {
	display: flex;
	padding: 10px;
	width: 33.33%;
}

.card {
	background-color: #ffffff;
	-webkit-mask-image: -webkit-radial-gradient(white, black);
	display: flex;
	flex-direction: column;
	overflow: hidden;
	justify-content: flex-start;
}

.card_image {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

.card_image img {
	height: 100%;
	max-width: 100%;
	width: 100%;
	vertical-align: middle;
	object-fit: fill;
}

h1.card_title {
	font-weight: 700;
	font-family: sans-serif;
	font-size: 18px;
	line-height: 24px;
	margin: 0px;
	padding-bottom: 10px;
}

h1.card_title a,
h2.title a {
	color: #000000;
	text-decoration: none;
	font-weight: 600;
}

.card_content {
	padding: 10px;
}

.comment_box {
	max-width: 780px;
	margin: 0 auto;
	padding: 0px 15px 40px;
}

.comment_box #comments h3#reply-title{
	font-weight: 600;
	margin-bottom: 15px;
	color: #FFF;
}

.comment_box #comments .logged-in-as,
.comment_box #comments .logged-in-as a{
	color: #FFF;
}

.comment_box #comments form textarea{
	border: 1px solid #fc0;
	border-radius: 5px;
}

.comment_box #comments form input{
	width: 100%;
	border: 1px solid #fc0;
	border-radius: 5px;
}

.comment_box #comments form input[type="checkbox"]{
	width: fit-content;
}

.comment_box #comments form .form-submit input[type="submit"]{
	width: fit-content;
	border: 1px solid #fc0;
	border-radius: 5px;
	background: #fc0;
	color: #000;
}

.comment_box .comments-title,
.comment_box .comment-list{
	display: none;
}

p#wait_approval {
	padding: 0;
	margin: 0;
	padding-top: 15px;
	text-align: center;
	font-size: 18px;
}


.main_play_page{
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	padding: 10px 10px;
	height: auto;
	clear: both;
	display: table;
	display: flex;
	gap: 10px 10px;
}

.main_play_page iframe{
	max-width: 100%;
	width: 100%;
	height: auto;
}

.iframe_code{
	max-width: 100%;
	width: 100%;
	height: 626px;
	margin-bottom: 0px;
	overflow: hidden;
	background-color: #0050a4;
	border-radius: 10px;
	padding: 5px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px 0px;
	position: relative;
}

.iframe_code iframe{
	width: 100%;
	height: 100%;
	border-radius: 8px;
}


.pagination{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 30px 0px 20px;
}

.iframe_code img{
	max-width: 180px;
	width: 100%;
	height: auto;
	border-radius: 10px;
}

.main_code_iframe{
	max-width: 100%;
	width: 100%;
	height: auto;
}

.pagination span.page-numbers.current {
	background: #ffffff;
	border: 2px solid #fc0;
	color: #fc0;
}

.pagination a, .pagination span {
	font-size: 18px;
	font-weight: 700;
	font-family: sans-serif;
	line-height: normal;
	padding: 10px 15px;
	background: #919eab;
	border-radius: 4px;
	border: 2px solid #919eab;
	text-decoration: none;
	color: #FFF;
}

.main_data_container{
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	padding: 40px 15px;
}

.main_data_container h1.heading{
	font-weight: 700;

}

.main_data_container > *{
	color: #FFF;
}

.main_data_container  h2{
	margin: 0;
	padding: 20px 0;
}

.main_data_container  p{
	margin: 0;
	margin-bottom: 10px;
}

.main_data_container h3{
	margin: 0;
	padding: 15px 0;
}

.main_data_container ul,
.main_data_container ol{
	margin: 0;
	padding: 0;
	padding: 10px 0px 10px 20px;
}

.main_data_container ul li,
.main_data_container ol li{
	list-style: auto;
}


p#breadcrumbs {
	margin-bottom: 0px;
	color: #FFF;
}

#breadcrumbs span a {
	font-size: 18px;
	line-height: normal;
	font-weight: 400;
	color: #FFF;
	text-decoration: none;
}

.breadcrumb_last {
	color: #FFF;
	font-weight: bold;
	font-size: 18px;
}

div#back_to_top {
	max-width: 1200px;
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: flex;
	padding: 10px 15px;
}

.ad-after-play, .mobile-ad-bottom,.mobile-ads-bottom {
	clear: both;
	text-align: center;
	margin: 15px auto;
	display: block;
	width: fit-content;
}

.desktop-ad-top,.desktop-ad-bottom{
	text-align: center;
	display: block;
	margin: 15px auto;
}

.desktop-ad-bottom,
.mobile-ad-bottom{
	clear: both;
}


.advertisement{
	clear: both;
	text-align: center;
	margin: auto;
	max-width: fit-content;
	width: 100%;
	height: auto;
}

.right_ads iframe,
.left_ads iframe,
.ad-after-play iframe,
.ad-after-play iframe,
.fixediframe  div,
.fixediframe iframe{
	height: 100%;
}

.home_page_content{
	max-width: 100%;
	height: auto;
	padding: 40px 15px 20px;
}

.home_page_content > *{
	color: #FFF;
}


.h-250 > div{
	height: 250px;
}

.h-280 > div{
	height: 280px;

}

.h-600 > div{
	height: 600px;

}
.single.single-post{
	background:#FFF;
}
.single.single-post h1.top-heading,
.single.single-post p#breadcrumbs,
.single.single-post .post-content > *,
.single.single-post > *,
.single.single-post #breadcrumbs span a,
.single.single-post .comment_box #comments h3#reply-title,
.single.single-post .comment_box #comments .logged-in-as,
.single.single-post .comment_box #comments .logged-in-as a,
.single.single-post .breadcrumb_last{
	color:#000;
}


.single.single-trending{
	background:#FFF;
}
.single.single-trending h1.top-heading,
.single.single-trending p#breadcrumbs,
.single.single-trending .post-content > *,
.single.single-trending > *,
.single.single-trending #breadcrumbs span a,
.single.single-trending .comment_box #comments h3#reply-title,
.single.single-trending .comment_box #comments .logged-in-as,
.single.single-trending .comment_box #comments .logged-in-as a,
.single.single-trending .breadcrumb_last{
	color:#000;
}


.bottom_popup_box{
	max-width: 100%;
	width: 100%;
	height: auto;
	padding: 10px;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1;
	text-align: center;
	margin: 0 auto;
	background: #FFF;
}

.close {
	font-size: 20px;
	font-weight: 700;
	position: absolute;
	top: 0;
	right: 5px;
	background: #000;
	color: #FFF;
	padding: 8px;
	border-radius: 10px;
	z-index: 10;
}

.sub_popup_box{
	position: relative;
}

.popup_box {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10000;
	width: 100%;
	height: 100%;
	background: #00000040;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup-close {
	font-size: 29px;
	font-weight: 700;
	position: absolute;
	top: -5px;
	left: 50%;
	transform: translate(-50%, -100%);
	background: #FFF;
	color: #000;
	border-radius: 8px;
	z-index: 10;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 25px;
}

.overlay_iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgb(0 0 0 / 60%);
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
}

.overlay_iframe button {
	background: #fc0;
	color: #000000;
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	border-radius: 10px;
}


p#counterline{
	margin: 0;
	font-weight: 600;
	text-align: center;
	margin: 20px 0px;
}

.counterline2 {
	color: #000000;
	background-color: #fc0;
	padding: 5px 10px;
	border-radius: 15px;
}

.mobile-ads{
	display: none;
	clear:both ;
	margin: 10px auto;
}



.popupbox{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba( 255, 255, 255, 0.4 );
	box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
	backdrop-filter: blur( 11px );
	-webkit-backdrop-filter: blur( 11px );
	border-radius: 10px;
	border: 1px solid rgba( 255, 255, 255, 0.18 );
}

.single-popupbox {
	max-width: fit-content;
	width: 100%;
	height: auto;
	margin: auto;
	border: 2px solid #FFF;
	border-radius: 10px;
	padding: 10px;
}

.popupbox-close {
	margin-bottom: 10px;
	margin-left: auto;
	width: fit-content;
	cursor: pointer;
}


.x {
	background: rgba(255, 255, 255, 0.4);
	box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
	backdrop-filter: blur(11px);
	-webkit-backdrop-filter: blur(11px);
	border-radius: 5px;
	border: 1px solid rgba(255, 255, 255, 0.18);
	padding: 5px;
	font-size: 30px;
	color: #000;
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
}


.related_post_game2{
	margin-top: 0px;
}


.Top_left{
	max-width: 160px;
	width: 100%;
	height: auto;
	margin-right: 15px;
}

.right-side-ads{
	max-width: 300px;
	width: 100%;
	height: auto;
	margin: 0 0 0 15px;  
	text-align: center;
	color: #FFF;
	font-size: 10px;
	line-height: 15px;

}

#RightAdTopDiv {
	width: 100%;
	height: 266px;
}

.left-side ,
.right-side{
	max-width: 115px;
	width: 100%;
	height: auto;
}

.left-side .game-box ,
.right-side .game-box{
	width: 100%;
	height: 115px;
	float: left;
	margin: 0px 0px 8px 0px;
	text-align: center;
	float: none;
	width: 100%;
	position: relative;
	overflow: hidden;
}

div.ads_Bottom_center {
	width: 100%;
	overflow: hidden;
	padding: 10px 0 0;
}

.pregamediv_ad{
	max-width: 100%;
	width: 100%;
	gap: 0px;
}

#pregamediv{
	max-width: calc(100% - 230px);
	padding: 0px 15px;
}

.game_bottom_similiargames{
	max-width: calc(100% - 100px);
}

.game_bottom_similiargames2{
	margin-top: 0;
}

.game_bottom_similiargames{
	margin-top: 0px;
}


.GameDiv_OpareateDiv {
	width: 100%;
	padding: 5px 10px 5px 10px;
	margin-bottom: 5px;
	background-color: #0050A4;
	color: #fff;
	height: auto;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}


.GameDiv_OpareateDiv h3 {
	margin: 0;
	font-size: 14px;
	line-height: 14px;
	font-weight: 600;
}


.GameOpareateDiv {
    margin: 0;
    padding: 0;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: fit-content;
}

.GameOpareateDiv img{
	cursor: pointer;
}

div#RightAdMiddleDiv ,
div.RightAdMiddleDiv{
    margin-top: 5px;
    position: sticky;
    top: 0;
}


.promotion-page-class{
	max-width: 100%;
	width: 100%;
	height: auto;
	background: #FFF;
}

.promotion-page {
    max-width: 780px;
    margin: 0 auto;
    padding: 40px 15px;
}

.promotion-content{
	padding-top: 30px;
}

.promotion-content > * {
	color: #000000;
}

.promotion-content ul li,
.promotion-content ol li{
	color: #000000;
}

#watch a {
    background: green;
    margin: 0;
    border: 0;
    border-radius: 5px;
    color: #FFFF;
    text-align: center;
    font-size: 21px;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    width: fit-content;
    margin: 20px auto;
    padding: 12px 20px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    line-height: normal;
}