@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200;300;400;500;600;700;800&display=swap');

body {
	font-family: 'Assistant', sans-serif;
	text-align:center;
	padding:0px;
	margin:0px;
	background: #141414;	
}

input, button {
	font-family: 'Assistant', sans-serif;
}
section {

	max-width:95%;
	display:inline-block;
}

h1,h2 {
	margin:0px;
	margin-bottom:4px;
	padding:0px;
	font-size:28px;
}
h2 {font-size:24px;}
a {
	text-decoration:none;
	color:#000;
}

header {
	color:#fff;
	width:100%;
	padding:10px 0px;
	margin-bottom:10px;
}
footer {
	background-position:bottom;
	background-repeat:no-repeat;
	background-size:100%;
	height:767px;
	margin-top:-700px;
	width:100%;
}
a {
	color:#fff;
	font-weight:900;
	color:#fecf09;
}
nav {
	background:#2d2d2d;
	width:100%;
	height:60px;
	padding:2px 0px;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}



#web1 {
	width:360px;
	height:100vh;
	position:fixed;
	background:#2d2d2d;
	box-shadow:0px 0px 80px 0px rgba(0,0,0,0.8);
	z-index:3;
	color:#fff;
	text-align:center;
}
.web1_profile {
	padding-top:20px;
	height:70px;
	background:rgba(0,0,0,0.3);
}
.web1_online {
	display:block;
	font-size:14px;
	margin-top:-3px;
}
.chat {
	width:90%;
	height:400px;
	display:inline-block;
	margin-top:14px;
	text-align:right;
	overflow-y:scroll;
	overflow-x:hidden;
	word-break: break-word;
	
}
.chat_title {
	color:#fff;
}
.chat_title_instagram {
	background: -webkit-linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
	margin-left:6px;
	padding:1px 4px;
	color:#fff;

}
.chat_input {
	border:0;
	background:rgba(255,255,255,1);
	color:#000;
	padding:5px 8px;
	margin-top:5px;
	font-size:16px;
	width:242px;
	margin-bottom:10px;
}
.chat_submit {
	background:-webkit-linear-gradient(#fecf09,#f39e09);
	border:0;
	color:#000;
	font-size:16px;
	padding:5px 8px;
	font-weight:bold;
	margin-right:4px;
}
#web2 {
	width:calc(100% - 360px);
	height:100vh;
	right:360px;
	position:absolute;
	background:0;
	color:#fff;
	
}

#logo {
	color:#fff;
	width:460px;
	margin-top:20px;
	max-width:90%;
}
.logo_sub {
	font-weight:900;
	font-size:16px;
	display:inline-block;
	margin-bottom:8px;
}

.div_article {
	font-size:18px;
	width:calc(100% - 16px);
	display:inline-block;
	margin:8px 0px;
	padding:8px;
	background:rgba(0,0,0,0.4);
	color:#fff;
}

.games_div {
	display:inline-block;
	text-align:center;
	margin:3px;
	transition:0.2s;
	width:195px;
	color:#fff;
	opacity:1;
	text-align:right;
}
.games_div:hover {
	opacity:1;
	-webkit-filter:grayscale(0);
}
.search {
	width:284px;
	padding:10px 0px;
	text-align:right;
	padding:12px;
	display:inline-block;
}
.search_input {
	background:rgba(0,0,0,0.3);
	border:0;
	height:36px;
	font-size:16px;
	width:200px;
	padding-right:10px;
	color:#fff;
}
.search_submit {
	background:-webkit-linear-gradient(#fecf09,#f39e09);
	font-weight:bold;
	height:36px;
	width:70px;
	border:0;
	font-size:20px;
	cursor:pointer;
	margin-right:8px;
	margin-top:1px;
	position:absolute;
}
.tag {
	background:rgba(0,0,0,0.2);
	width:143px;
	height:28px;
	padding-top:10px;
	font-weight:900;
	font-size:14px;
	display:inline-block;
	margin:6px;
	transition:0.3s;
	color:#fff;
	max-width:calc(50% - 16px);
}
.tag:hover {
	background:#fecf09;
	color:#141414;
	opacity:1;
}
.games_img {
	max-width:100%;
}
.tag_icon {
	font-size:12px;
	margin-left:3px;
}
.games_title {
	font-weight:bold;
	font-size:18px;
	margin-top:-40px;
	position:absolute;
	background:rgba(20, 20, 20, 0.85);
	box-shadow:0px -10px 6px rgba(0,0,0,0.4);
	width:195px;
	padding:7px 0px;
	text-align:center;
}

.game_iframe {
	border:0;
	width:100%;
	height:calc(90vh - 100px);
	margin-top:10px;
	background:rgba(255,255,255,0.8);
}

.game_iframe_screen {
	position:fixed;
	top:-10px;
	right:360px;
	z-index:2;
	height:100vh;
	width:calc(100% - 360px);
}

.extreme {
	position:fixed;
	right:-100px;
}

.part {
	width:400px;
	position:absolute;
	z-index:-1;
}


.game_now {
	width:calc(50% - 36px);
	background:rgba(0,0,0,0.3);
	margin:6px;
	padding:6px;
	padding-bottom:2px;
	display:inline-block;
	text-align:right;
}
.game_now:hover {
	background:rgba(0,0,0,0.7);
}
.game_now_img {
	height:42px;
}
.game_now_text {
	position:absolute;
	margin-right:48px;
	font-size:12px;
	width:97px;
	line-height:14px;
}
.link {
	color:#fff;
	text-decoration:none;
}
.pages {
	background:rgba(0,0,0,0.7);
	width:calc(100% - 20px);
	padding:15px 10px;
	margin-bottom:6px;
}
.pages_link, .pages_link_hover {
	background:-webkit-linear-gradient(#fecf09,#f39e09);
	color:#000;
	padding:6px 10px;
	display:inline-block;
	font-weight:600;
	font-size:18px;
}

.pages_link_hover {
	-webkit-filter:grayscale(0.9);
	opacity:0.7;
}
.fullscreen_exit,.fullscreen_exit_hidden {
	width:300px;
	right:30px;
	padding:10px;
	bottom:30px;
	background:-webkit-linear-gradient(#fecf09,#f39e09);
	color:#000;
	font-weight:900;
	font-size:24px;
	text-align:center;
	position:fixed;
	z-index:5;
	cursor:pointer;
}
.fullscreen_exit:hover {
	background:#000;
	color:#fff;
}
.fullscreen_exit_hidden {
	-webkit-filter:grayscale(0.9);
	opacity:0.5;
}

.border {
	box-shadow:0px 0px 76px 76px rgba(0,0,0,0.1);
	position:fixed;
	z-index:10;
}
.category {
	width:616px;
	max-width:calc(100% - 20px);
	display:inline-block;
	margin:6px 4px;
	padding:6px;
}
.cat_title {
	text-align:right;
	display:block;
	font-size:24px;
	margin:0px 6px;
	text-align:right;
	padding:8px 0px;
	padding-right:2px;
}
.cat_sub {
	color:#fff;
	font-weight:300;
	margin-right:12px;
	font-size:17px;
	padding:4px 10px;
	background:#2d2d2d;
	position:absolute;
	margin-top:2px;
}
.cat_sub:hover {
	background:rgba(0,0,0,1);
}
.img100 {
	max-width:100%;
}

.main_header {
	width:calc(90% - 148px);
	padding:0px 80px;
	padding-top:60px;
	height:300px;
	background:#fff;
	display:inline-block;
	text-align:right;
	margin-top:40px;
	margin-bottom:10px;
	background:linear-gradient( rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.9) 100%),url(../img/amoungus.jpg) center;
	background-size:cover;
}

.grid-container {
  display: grid;
  grid-template-columns: auto auto;
}
.grid-item {
  padding: 0px;
  text-align: center;
}
.banner_title {
	font-size:32px;
	font-weight:900;
	display:inline-block;
	margin-top:40px;
}
.banner_sub {
	font-size:20px;
	font-weight:900;
	margin-top:-10px;
	color:#fecf09;
	display:inline-block;
	margin-bottom:4px;
}
.banner_text {
	font-size:22px;
	font-weight:300;
}
.banner_play {
	margin-top:8px;
	font-weight:900;
	font-size:26px;
	padding:6px 10px;
	background:#fecf09;
	color:#000;
	display:inline-block;
}
.minisection {
	width:1360px;
	max-width:calc(95% - 20px);
	display:inline-block;
	background:#111111;
	padding:10px;
}

.border1 {right:0px;top:0px;width:100%;height:1px;}
.border2 {right:0px;bottom:0px;width:100%;height:1px;}
.border3 {right:0px;top:0px;width:1px;height:100vh;}
.border4 {left:0px;top:0px;width:1px;height:100vh;}

.part {animation-direction: alternate;animation-timing-function: linear;}

.ads {width:90%;}


@media only screen and (max-width: 2400px) {.tag_bag1 {display:none;}}
@media only screen and (max-width: 2220px) {.tag_bag2 {display:none;}}
@media only screen and (max-width: 2040px) {.tag_bag3 {display:none;}}
@media only screen and (max-width: 1860px) {.tag_bag4 {display:none;}}
@media only screen and (max-width: 1680px) {.tag_bag5 {display:none;}}
@media only screen and (max-width: 1500px) {.tag_bag6 {display:none;}}



@media only screen and (max-width: 1800px) {
	.category {width:590px;}
	.games_div {width:186px;}
	.games_title {width:186px;font-size:17px;}
	.tag_bag1 {display:none;}
}

@media only screen and (max-width: 1700px) {
	.category {width:554px;}
	.games_div {width:174px;}
	.games_title {width:174px;font-size:16px;}
}

@media only screen and (max-width: 1600px) {
	.category {width:538px;}
	.games_div {width:168px;}
	.games_title {width:168px;font-size:16px;}
}

@media only screen and (max-width: 1550px) {
	.category {width:520px;}
	.games_div {width:162px;}
	.games_title {width:162px;font-size:15px;}
}

@media only screen and (max-width: 600px) {
	.game_iframe {height:600px;}
	.tag {font-size:14px;width:100px;height:24px;}
	.part1, .part2 {width:160px;}
	.div_article {font-size:14px;line-height:20px;}
	nav {display:none;}
	#logo {margin-bottom:-20px;}
	.cat_title {margin-right:22px;font-size:20px;}
	.cat_sub {font-size:14px;padding:3px 10px;margin-top:1px;}
}
.only_phone {display:none;}

@media only screen and (max-width: 1200px) {
	#web1 {display:none;}
	#web2 {right:0;width:100%;}
	.search {display:none;}
	.game_iframe_screen {right:0px;width:100%;z-index:4;height:100vh;}
	.fullscreen_exit {width:180px;font-size:16px;padding:6px;right:0px;bottom:-2px;border:0;border-top:solid 1px #fff;border-left:solid 1px #fff;}
	.fullscreen_exit_hidden {display:none;}
	.main_header {display:none;}
	.only_phone {display:block;}
}