/*new */
a{
		-webkit-text-decoration:none;text-decoration:none;color:#fff;
		}
html {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      box-sizing: border-box;
      -webkit-text-size-adjust: 100%;
      scrollbar-width: thin;
      scrollbar-color: #AAADBE;
    }
html::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background: rgba(0, 0, 0, 0);
}
html::-webkit-scrollbar-thumb {
  background: #914173;
  border-radius: 1em;
}
html::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0);
}
*,
*::before,
*::after {
  box-sizing: inherit;
}
			.css-1f20jmh{
				display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;background:#0C0D14;position:relative;
			}
			.css-6qu7l6{
				display:inline-block;fill:currentcolor;height:24px;width:24px;
			}
			.css-qthmdk{
				width:200px;-webkit-transition:visibility 0s,all 0.15s ease-in-out;transition:visibility 0s,all 0.15s ease-in-out;height:calc(100vh);
				background:#274545;z-index:3;position:fixed;top:60px;left:0;
				border-right:1px solid #28293D;
			}
			@media (min-width:1910px){
				.css-qthmdk{
					width:200px;
				}
			}
			.css-qthmdk:hover{
				width:200px;
			}
			@media (max-width:1909.95px){
				.css-qthmdk{
					width:60px;
				}
				.css-qthmdk:hover [class*='LabelContainer']{
				opacity:1;visibility:visible;
				}

			}
			.css-y67g5x{
				width:100%;height:calc(100% - 46px);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-top:16px;padding-bottom:30px;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow:auto;overflow-x:hidden;scrollbar-width:none;
			}
			.css-y67g5x::-webkit-scrollbar{
				width:0;height:0;
			}
			.css-y67g5x::-webkit-scrollbar-thumb{
				border-radius:30px;
			}
			.css-y67g5x:hover{
				scrollbar-width:thin;scrollbar-color:#AAADBE;
			}
			.css-y67g5x:hover::-webkit-scrollbar{
				width:3px;height:3px;background:rgba(0,0,0,0);
			}
			.css-y67g5x:hover::-webkit-scrollbar-thumb{
				background:#AAADBE;border-radius:30px;
			}
			.css-y67g5x:hover::-webkit-scrollbar-corner{
				background:rgba(0,0,0,0);
			}
			.css-1exdxkp{
				display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:200px;height:34px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-left-width:6px;border-left-style:solid;border-left-color:transparent;
			}
			.css-1exdxkp svg{
				width:60px;height:34px;padding:0 19px;text-align:center;margin-left:-6px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#878A9E;
			}
			.css-1exdxkp .LabelContainer{
				-webkit-transition:visibility 0s,opacity 0.3s,all 0.2s ease-in-out;transition:visibility 0s,opacity 0.3s,all 0.2s ease-in-out;opacity:0;visibility:hidden;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;
			}
			@media (min-width:1910px){
				.css-1exdxkp .LabelContainer{
					opacity:1;visibility:visible;
				}
			}
			.css-1exdxkp:active{
				color:#A48EFF;
			}
			.css-1exdxkp:active svg{
				color:#A48EFF;
			}
			@media (hover: hover){
				.css-1exdxkp{
					border-left-color:#914173;
				}
				.css-1exdxkp:hover{
					color:rgb(204, 204, 204);
				}
				.css-1exdxkp:hover [class*='LabelContainer']{
					-webkit-transform:translate(8px, 0);-moz-transform:translate(8px, 0);-ms-transform:translate(8px, 0);transform:translate(8px, 0);
				}
				.css-1exdxkp [class*='LabelContainer']{
					-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;transform:none!important;color:#FFFFFF;
				}
				.css-1exdxkp svg{
					color:#A48EFF;
				}
			}
			.css-1upoo4v{
				display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:200px;height:34px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-left-width:6px;border-left-style:solid;border-left-color:transparent;opacity:0.3;
			}
			.css-1upoo4v svg{
				width:60px;height:34px;padding:0 19px;text-align:center;margin-left:-6px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#878A9E;
			}
			.css-1upoo4v .LabelContainer{
				-webkit-transition:visibility 0s,opacity 0.3s,all 0.2s ease-in-out;transition:visibility 0s,opacity 0.3s,all 0.2s ease-in-out;opacity:0;visibility:hidden;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;
			}
			@media (min-width:1910px){
				.css-1upoo4v .LabelContainer{
					opacity:1;visibility:visible;
				}
			}
			.css-1upoo4v:active{
				color:#A48EFF;
			}
			.css-1upoo4v:active svg{
				color:#A48EFF;
			}
			.css-1s73xoa{
				display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:200px;height:34px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-left-width:6px;border-left-style:solid;border-left-color:transparent;
			}
			.css-1s73xoa svg{
				width:60px;height:34px;padding:0 19px;text-align:center;margin-left:-6px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#90B6B3;
			}
			.css-1s73xoa .LabelContainer{
				-webkit-transition:visibility 0s,opacity 0.3s,all 0.2s ease-in-out;transition:visibility 0s,opacity 0.3s,all 0.2s ease-in-out;opacity:0;visibility:hidden;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;
			}
			@media (min-width:1910px){
				.css-1s73xoa .LabelContainer{
					opacity:1;visibility:visible;
				}
			}
			.css-1s73xoa:active{
				color:#A48EFF;
			}
			.css-1s73xoa:active svg{
				color:#A48EFF;
			}
			@media (hover: hover){
				.css-1s73xoa:hover{
					cursor:pointer;color:#90B6B3;
				}
				.css-1s73xoa:hover [class*='LabelContainer']{
					-webkit-transform:translate(8px, 0);-moz-transform:translate(8px, 0);-ms-transform:translate(8px, 0);transform:translate(8px, 0);
				}
				.css-1s73xoa:hover svg{
					color:#90B6B3;
				}
			}
			.css-148wt6v{
				margin:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;border-width:0;border-style:solid;border-color:rgba(255, 255, 255, 0.12);border-bottom-width:thin;margin-top:8px;margin-bottom:8px;margin-left:16px;margin-right:16px;
			}
			.css-1hfy2mq{
				position:absolute;bottom:0;width:100%;height:46px;background:rgba(26, 27, 40, 0.6);-webkit-backdrop-filter:blur(12.5px);backdrop-filter:blur(12.5px);box-shadow:0px -1px 0px #28293D;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;
			}
			.css-1hxlhbi{
				min-height:calc(100vh);padding-left:200px;margin-top:0;
			}
			@media (max-width:1909.95px){
				.css-1hxlhbi{
					padding-left:60px;
				}
			}
/*endnew */
body{
  /* height: 100vh; */
  height: auto;
	margin: 0;
	min-width:360px
	overflow-y: overlay;
  font-size: 14px;
  font-family: Nunito,Arial,"Helvetica Neue",Helvetica,sans-serif;
  /* overflow: hidden; */
}
sa{
	text-decoration: none;
	font-size: 11px;
	text-align: left;
}
a.h{
	/* font-size: 10px; */
}
a.sm{
	/* font-size: 10px; */
	text-align: left;
}
h1{
	/* font-size: 13px; */
	text-align: left;
}

span{
	color:#FFFFFF;
	font: 400 1.0em/1.25rem 'Luckiest Guy', cursive;
	text-align: left;
	text-shadow: 1px 1px 0 #000000;
	-webkit-text-stroke-width: 0.1px;
	-webkit-text-stroke-color: black;
}
span#controls{
	font-size: 10px;
	text-align: left;
}
span#body{
	color:#000000;
	font-size: 11px;
	text-align: left;
}
span#heading{
	font-size: 11px;
	text-align: left;
}
span#white{
	color:#FFFFFF;
}
.h1tag {color:#ffffff; font-size:1.5em}
.gtags {color:#FFFFFF; font-size: 1.0em; padding-top: 1.2%;}
.gtags a {text-decoration: none; color:#FFFFFF}
input, textarea{
	color:#000000;
	font-size: 10px;
	font-family: arial;
}
img.bottom{
	position:absolute;
	bottom:0px;
	left: 0px;
}
.clear {font-size: 1px; height: 1px}
.menu_home{ background-position:0 0;}
.menu_games{ background-position: -122px 0;}
.menu_shop{ background-position: -244px 0;}
.menu_blog{ background-position: -366px 0;}
.menu_skins{ background-position: -488px 0;}
.menu_links{ background-position: -610px 0;}

div#container{
	position: relative;
}
div#menu_shadow{
	width: 122px;
	height: 245px;
	position: absolute;
	top: 130px;
	/*left: 740px;*/
	z-index: 52;
	background: #000000;
	opacity: 0.30;
	filter: alpha(opacity = 30);
}
div#menu_box{
	width: 122px;
	height: 245px;
	position: absolute;
	top: 125px;
/*	left: 745px; */
	z-index: 102;
	border: 0px;
	padding: 0px;
	margin: 0px;
}
div#menu_item_home{
	width: 122px;
	height: 106px;
	position: absolute;
	top: 130px;
	/*left: 745px;*/
	z-index: 103;
	border: 0;
	padding: 0;
	margin: 0;
}
div#menu_item_games{
	width: 122px;
	height: 26px;
	position: absolute;
	top: 236px;
	/*left: 745px;*/
	z-index: 103;
	border: 0;
	padding: 0;
	margin: 0;
}
div#menu_item_shop{
	width: 122px;
	height: 26px;
	position: absolute;
	top: 262px;
/*	left: 745px;*/
	z-index: 103;
	border: 0;padding: 0;margin: 0;
}
div#menu_item_blog{
	width: 122px;
	height: 26px;
	position: absolute;
	top: 288px;
	z-index: 103;border: 0;padding: 0;	margin: 0;
}
div#menu_item_skins{
	width: 122px;	height: 26px;
	position: absolute;
	top: 314px;
	z-index: 103;
	border: 0;padding: 0;margin: 0;
}
div#menu_item_links{
	width: 122px;	height: 26px;
	position: absolute;
	top: 340px;	z-index: 103;
	border: 0;	padding: 0;	margin: 0;
}
div#banner_shadow{
	width: 100%;height: 92px;
	border-width: 0;padding: 5px;
	z-index: 53;background: #000000;
	opacity: 0.30;
	filter: alpha(opacity = 30);
}
div#banner_box{
padding: 0;
	margin: 0;border-width: 0;
	z-index: 103;
	text-align:center;
}
div#banner_ad{
	width: 100%;
	height: 90px;
	position: absolute;
	padding: 0;
	margin: 0;
	border-width: 0;
	top: 1px;
	left: 1px;
	z-index: 201;
	background: #8CB6B3;
}
div#banner_description{
	width: 7px;
	height: 90px;
	z-index: 104;
	float:left;
	margin-top: 2%;
}
div#skyscraper_shadow{
	z-index: 56;
	background: #000000;
	opacity: 0.30;
	filter: alpha(opacity = 30);
}

div#left_deepbottom{z-index: 52;visibility:hidden;}
div#corporate_shadow{
	z-index: 52;background: #000000;opacity: 0.30;
	filter: alpha(opacity = 30);-moz-border-radius: 5px 0px;
	-webkit-border-radius: 5px 0px;	border-radius: 5px 0px;}
div#corporate{height: 25px;	z-index: 102;}
div#corporate_home{}
div#corporate_contact{z-index: 102;}
div#corporate_termsofuse{	z-index: 102;}
div#corporate_privacypolicy{
	z-index: 102;
}
div#top_five_bg{
	width: 124px;
	height: 204px;
	position: absolute;
	top: 402px;
	/* left: 745px; */
	z-index: 104;
	background: url("../images/side2.png") no-repeat scroll 0 0 #669999;
}
div#top_five_pic{
	width: 117px;
	height:49px;
	position:absolute;
	top: 645px;
	margin-left:4px;
	overflow-y: hidden;
	z-index: 105;
}
div#top_five_pic img{	border:none;margin-left: 3px;	z-index: 105;}
#pic_5 {z-index: 105;}
div#top_five_inner{
	z-index:105;
}
div#top_five_1{
	width: 100px;
	height: 22px;
	position: absolute;
	top: 338px;
	left: 750x;
	z-index: 106;
	text-align:left;
}
div#top_five_2{
	width: 100px;
	height: 22px;
	position: absolute;
	top: 364px;
	left: 750px;
	z-index: 106;
	text-align:left;
}
div#top_five_3{
	width: 100px;
	height: 22px;
	position: absolute;
	top: 390px;
	left: 750px;
	z-index: 106;
	text-align:left;
}
div#top_five_4{
	width: 100px;
	height: 22px;
	position: absolute;
	top: 416px;
left: 750px;
	z-index: 106;
	text-align:left;
}
div#top_five_5{
	width: 100px;
	height: 22px;
	position: absolute;
	top: 552px;
	/* left: 750px; */
	z-index: 106;
	text-align:left;
}
div#top_five_text_1{
	width: 114px;
	height: 20px;
	position: absolute;
	top: 697px;
	/* left: 750px; */
	z-index: 106;
	text-align:left;
	background:url("/templates/default/images/nummer1bb.png");
	background-position: 0px 20px;
}
div#top_five_text_2{
	width: 114px;
	height: 20px;
	position: absolute;
	top: 719px;
	/* left: 750px; */
	z-index: 106;
	text-align:left;
	background:url("/templates/default/images/nummer2bb.png");
	background-position: 0px 20px;
}
div#top_five_text_3{
	width: 114px;
	height: 20px;
	position: absolute;
	top: 741px;
	/* left: 750px; */
	z-index: 106;
	text-align:left;
	background:url("/templates/default/images/nummer3bb.png");
	background-position: 0px 20px;
}
div#top_five_text_4{
	width: 114px;
	height: 20px;
	position: absolute;
	top: 763px;
	/* left: 750px; */
	z-index: 106;
	text-align:left;
	background:url("/templates/default/images/nummer4bb.png");
	background-position: 0px 20px;
}
div#top_five_text_5{
	width: 114px;
	height: 20px;
	position: absolute;
	top: 785px;
	/* left: 750px; */
	z-index: 106;
	text-align:left;
	background:url("/templates/default/images/nummer5bb.png");
	background-position: 0px 20px;
}
div#top_five_text_6{
	width: 114px;
	height: 20px;
	position: absolute;
	top: 807px;
	/* left: 750px; */
	z-index: 106;
	text-align:left;
	background:url("/templates/default/images/nummer6bb.png");
	background-position: 0px 20px;
}
.gamegabcap {
 background: url("/templates/default/images/gamegab_cap.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 53px;
    margin-bottom: 0;
    margin-top: 0;
    position: absolute;
		top:12px;
    width: 124px;
    z-index: 199;
	*left:0px;
}
.gamegabcap:hover {
 background: url("/templates/default/images/gamegab_cap.png") no-repeat scroll 0 -53px transparent;
 height: 53px;
}
.gamegabcap_more {
 	background: url("/templates/default/images/gamegab_more.png");
	background-position: 0 0;
	background-repeat:no-repeat;
    display: block;
    height: 53px;
    margin-bottom: 0;
    margin-top: 0;
    position: absolute;
	top:12px;
    width: 124px;
    z-index: 199;
	*left:0px;
}
.gamegabcap_more:hover {
 background-position: 0 -53px;
}
.gamegabcap_top_five_pic {
	 background: url("/templates/default/images/gamegab_cap5.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 49px;
    margin-bottom: 0;
    margin-top: 0;
    position: absolute;
    width: 115px;
	left:0px;
    z-index: 999999;
}
.gamegabcap_top_five_pic:hover {
 background: url("/templates/default/images/gamegab_cap5.png") no-repeat scroll 0 -49px transparent;
 height: 49px;
 z-index: 999999;
}
div#large_shadow{
	z-index: 55;
	background: #000000;
	opacity: 0.30;
	filter: alpha(opacity = 30);
}
div#top_bar_box{
	/* width: 566px; */
	height: 22px;
	position: relative;
	top: 0;
	left: 0;
	z-index: 105;
	text-align: left;
}
div#large_box{
	z-index: 105;
}
div#large_box_content{
	z-index: 106;
	background: #FFFFFF;
}
div#large_box_content_inner{
	position: absolute;
	top: 126px;left: 176px;
	z-index: 107;
	background: #FFFFFF;
	text-align: left;
}

div#top_fuenf_bg {
	Z-INDEX: 104;
	POSITION: absolute;
	WIDTH: 122px;
	BACKGROUND: #ffffff;
	HEIGHT: 204px;
	TOP: 272px;
	LEFT: 745px
}
div#top_fuenf_bild {
	Z-INDEX: 108;
	POSITION: absolute;
	WIDTH: 115px;
	HEIGHT: 49px;
	TOP: 408px;
	/* LEFT: 749px */
}
div#top_fuenf_bild img {
	border: none;
	margin-left:3px;
}
div#top_fuenf_1 {
	width: 114px;height: 20px;
	position: absolute;
	top: 462px;
	z-index: 106;
	text-align:left;
	background:url("/templates/default/images/nummer1bb.png");
	background-position: 0px 20px;
}
div#top_fuenf_2{
	width: 114px;
	height: 20px;
	position: absolute;
	top: 484px;
	z-index: 106;
	text-align:left;
	background:url("/templates/default/images/nummer2bb.png");
	background-position: 0px 20px;
}
div#top_fuenf_3{
	width: 114px;
	height: 20px;
	position: absolute;
	top: 506px;
	z-index: 106;
	text-align:left;
	background:url("/templates/default/images/nummer3bb.png");
	background-position: 0px 20px;
}
div#top_fuenf_4{
	width: 114px;
	height: 20px;
	position: absolute;
	top: 528px;
	z-index: 106;
	text-align:left;
	background:url("/templates/default/images/nummer4bb.png");
	background-position: 0px 20px;
}
div#top_fuenf_5{
	width: 114px;
	height: 20px;
	position: absolute;
	top: 550px;
	z-index: 106;
	text-align:left;
	background:url("/templates/default/images/nummer5bb.png");
	background-position: 0px 20px;
}
div#top_fuenf_6{
	width: 114px;
	height: 20px;
	position: absolute;
	top: 572px;
	z-index: 106;
	text-align:left;
	background:url("/templates/default/images/nummer6bb.png");
	background-position: 0px 20px;
}
#formdiv2 {
  margin-left: auto ;
  margin-right: auto ;
  width: 580px;
  height: 100%;
  text-align: left;
}
td.colone {text-align: right;
  vertical-align: top;
  padding-top:6px;
  width:23%;
  color:#225555;
  font: 400 13px/13px 'Luckiest Guy', cursive;
}
td.coltwo {color:red;
  text-align: center;
  vertical-align:top;
}
td.colthree {width:77%; padding:4px;text-align:left;
}
#mydiv {
	color:#225555;
	font: 400 13px/13px 'Luckiest Guy', cursive;
 }
#bottombox {
	background: url("../images/side2.png") no-repeat scroll 0 0 #669999;
	width:124px;
	height:204px;
}
.dotted {
	box-shadow: 1px 2px 2px #669999;
	width: 100%;
}
.dotted:hover {
	box-shadow: none;
	border: none;
}
#ratethis {
	color: #FFF;
}
div.love {
	width: 45px; float:left;  text-align:left
}
div.notlove {	width: 40px; float:left; text-align:left}
#cont_inng {background:#8CB6B3; color:#FFFFFF;padding: 1%}
.descbox {font-size: 1.0rem; padding: 0 8% 1.2%}
.descbox h4 {margin-block: 1em;}
#butGo {-webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #337777;
  color: white;
  font-size: 1.0em;
	text-shadow: 2px 2px 0 #337777;
font: 400 1.0em "Luckiest Guy", cursive}
#butGoVid {-webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #337777;
  color: white;
  font-size: 1.0em;
	text-shadow: 2px 2px 0 #337777;
font: 400 1.0em "Luckiest Guy", cursive}
#paddz a div#butGo,#paddz a div#butGoVid  {
    padding-bottom: 2%;
}
.gright{ grid-area: garight; display:none; padding-top: 22px;}
.undergameMore {display:none;     background: #8CB6B3;}
.vert_gameright {vertical-align: top; padding-top: 10px}
/* new */
#gabHeader {
	display:none;
	z-index: 11;
	position: fixed;
	background-image: none;
	background: rgba(39, 69, 69, 0.9);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
width: 100%;
top: 0;
left: auto;
right: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 60px;
min-height: 60px;
box-shadow: 0px 3px 3px -2px rgb(0 0 0 / 20%), 0px 3px 4px 0px rgb(0 0 0 / 14%), 0px 1px 8px 0px rgb(0 0 0 / 12%);
}
.css-xgeqm6 {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.wrpp{margin: 60px auto 0; }
.css-j0n0xf.MuiAutocomplete-root .MuiInput-root .MuiInput-input {
    padding-top: 0px;
    padding-left: 4px;
}
.css-j0n0xf .MuiInput-root .MuiInput-input {
    padding: 4px 4px 4px 0px;
}
.css-j0n0xf .MuiAutocomplete-inputRoot .MuiAutocomplete-input {
    width: 0px;
    min-width: 30px;
}
.css-1pz5at6 .MuiInput-input {
    background: transparent;
    margin-left: 12px;
    outline: 0px;
    color: rgb(254, 254, 254);
    width: 100% !important;
}
.css-j0n0xf .MuiAutocomplete-input {
    border-width: 0px;
    box-shadow: 0px 0px;
    font-family: Nunito, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 700;
    margin-bottom: 17px;
    font-size: 16px;
}
.css-j0n0xf .MuiAutocomplete-input {
    -webkit-box-flex: 1;
    flex-grow: 1;
    text-overflow: ellipsis;
    opacity: 1;
}
.MuiAutocomplete-hasPopupIcon.css-j0n0xf .MuiAutocomplete-inputRoot, .MuiAutocomplete-hasClearIcon.css-j0n0xf .MuiAutocomplete-inputRoot {
    padding-right: 50px;
}
.MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon.css-j0n0xf .MuiAutocomplete-inputRoot {
    padding-right: 56px;
}
.css-j0n0xf .MuiInput-root {
    padding-bottom: 1px;
}
.css-j0n0xf .MuiAutocomplete-inputRoot {
    flex-wrap: wrap;
}
.css-j0n0xf .MuiAutocomplete-popupIndicator {
    padding: 0px;
    margin: 2px 8px;
}
.css-2iz2x6 {
    position: absolute;
    right: 0px;
    top: calc(50% - 14px);
}
/* .css-j0n0xf .MuiAutocomplete-endAdornment {
    top: -1px;
} */
.css-1rq9o8u {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px -2px 0px 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    font-size: 1.5rem;
    border-radius: 50%;
    overflow: visible;
    color: rgb(255, 255, 255);
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    padding: 2px;
}
.css-kksz1w svg {
    height: 20px;
    width: 20px;
}
.css-6qu7l6 {
    display: inline-block;
    fill: #FFF;
    height: 24px;
    width: 24px;
}
button {
    font-family: Nunito,Arial,"Helvetica Neue",Helvetica,sans-serif;
}
.css-j0n0xf.MuiAutocomplete-root {
    border-radius: 30px;
    fill: rgb(170, 173, 190);
    height: 40px;
    position: relative;
    padding-top: 10px;
    background-color: rgb(22, 44, 39);
    border-color: transparent;
    border-style: solid;
    border-width: 1px;
}
.css-xgeqm6 {
    height: 40px;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
@media (min-width: 1082px)
{
	.css-xgeqm6 {
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    -webkit-transform: translate(-50%,-50%);
	    -moz-transform: translate(-50%,-50%);
	    -ms-transform: translate(-50%,-50%);
	    transform: translate(-50%,-50%);
	}
}
@media (max-width: 1909.95px)
{
	.css-j0n0xf.MuiAutocomplete-root {
	    font-size: 14px;
	    width: 460px;
	}
}
@media (max-width: 1509.95px)
{
	.css-j0n0xf.MuiAutocomplete-root {
	    font-size: 11.2px;
	}
}

@media (max-width: 868.95px)
{
	.css-j0n0xf.MuiAutocomplete-root {
	    width: 200px;
	}
}
@media (max-width: 609.95px)
{
	.css-j0n0xf.MuiAutocomplete-root {
	    display: none;
	}
}
@media (min-width: 600px)
{
	.css-j0n0xf.MuiAutocomplete-root {
	    margin-right: calc(10px) !important;
	}
}
@media (min-width:1770px) {@media (min-width: 1280px)
{
	.css-j0n0xf.MuiAutocomplete-root {
	    width: 460px;
	    font-size: 14px;
	}
}
  .css-56e93d {
    width: 1128px;
    height: 660px;
  }
}
/*endnew */
@media screen and (min-width: 1741px)
{
.cont{width: 1000px;} /* 1340px; */
}
@media screen and (max-width: 1740px)
{
.wrpp{max-width:1680px;}
.cont{width: 1000px;}  /* 1170px; */
.sldrgmcnt{width: 580px;padding-left: 260px;} /* {width: 750px;padding-left: 230px; */
}
@media screen and (min-width: 1571px)
{
.grid-template-columns: auto auto auto auto auto auto auto;
.tooltip.top{display: none!important;}
}
@media screen and (max-width: 1570px)
{
.wrpp{max-width:1480px;}
/*hdcn*/
.btnshd .botn{font-size: 0;padding: 0;}
.btnshd .botn:before{margin-right: 0;background: none;}
.menucn>ul>li>a:before{display: none;}
.srchbx input[type="text"],.srchbx input[type="text"]:focus{width: 130px;}
.cont{width: 1000px;}
.sldrgmcnt{width: 580px;padding-left: 260px;}
}
@media screen and (min-width: 1401px)
{
.hdcn3,.ftcn2{border-radius:0 5px 5px 0;}
.boxed .cont{width: 830px;}
}
@media screen and (max-width: 1400px)
{
.wrpp{max-width:1200px;}
/*hdcn*/
.srchbx{float: none;margin-right: 0;margin-bottom: 5px;}
.hdcn1,.hdcn2{margin-bottom: 1px;}
.hdcn3,.ftcn1,.ftcn2{float: none;clear: both;}
.hdcn3,.ftcn2{border-radius:0 0 5px 5px;}
.srchbx input[type="text"],.srchbx input[type="text"]:focus{width: 100%;}
.socsl,.socsl>li{float: none;font-size: 0;text-align: center;}
.socsl>li{display: inline-block;margin: 0 2px;}
section.srcsoc:before{width: 100%;height: 1px;display: block;left: 0;top: -1px;}
/*bdcn*/
.cont{width: 830px;}
.sldrgmcnt{width: 410px;padding-left: 185px;}
}
@media screen and (max-width: 1200px){
	#padd,#brr {display: none;}
	#paddz,#brrz {display:block;background: #8CB6B3;
    padding: 2% 1.2%; color: #fff;}
}
@media screen and (min-width: 1201px){
#padd,#brr {display: block;}
#paddz,#brrz {display: none;}
#padd { padding: 5% 4% 0 4%;}
#cont_inng {display:flex}
.descbox {text-align:left;}
.boxed{max-width:1170px;}
/*hdcn*/
.boxed .srchbx{float: none;margin-right: 0;margin-bottom: 5px;}
.boxed .hdcn1,.boxed .hdcn2{margin-bottom: 1px;}
.boxed .hdcn3,.boxed .ftcn1,.boxed .ftcn2{float: none;clear: both;}
.boxed .hdcn3,.boxed .ftcn2{border-radius:0 0 5px 5px;}
.boxed .srchbx input[type="text"],.boxed .srchbx input[type="text"]:focus{width: 100%;}
.boxed .socsl,.boxed .socsl>li{float: none;font-size: 0;text-align: center;}
.boxed .socsl>li{display: inline-block;margin: 0 2px;}
.boxed section.srcsoc:before{width: 100%;height: 1px;display: block;left: 0;top: -1px;}
/*bdcn*/
.boxed .sldrgmcnt{width: 410px;padding-left: 185px;}
}
@media screen and (max-width: 1230px)
{
.wrpp{max-width:1200px;}
.bnrsld .bnr728,.bnrsld .sldrgmcnt{float: none;margin: auto;}
.bnrsld .bnr728{margin-bottom: 10px;}
.sldrgmcnt{width: 1000px;padding-left: 270px;}
.cont{width: 660px;}
.sldrgmcnt{width: 990px;padding-left: 265px;}
.boxed .sldrgmcnt{width: 990px;padding-left: 265px;}
.game-info.post-advrsm .blcnbx{padding-right: 20px;}
.game-info.post-advrsm .bnrpst{position: static;margin:0 auto;padding-top: 20px;}
.game-info .blcnbx{text-align: center;}
.game-info .blcnbx section{text-align: left;}
.game-info .blcnbx>.imgcnt{float: none;margin: 0 0 20px;display: inline-block;}
.game-info footer [class*="iconb-"]{display: block;line-height: 21px;margin-right: 0;}
}
@media screen and (min-width: 1061px)
{
.btn-collapse{display: none;}
.menucn>ul>li:hover>a{box-shadow: 0 1px 0 rgba(255,255,255,.10);}
.menucn>ul>li>ul>li{height: 0;overflow: hidden;}
.menucn>ul>li:hover>ul{padding: 5px 0;}
.menucn>ul>li:hover>ul>li{height: auto;overflow: inherit;}
.menucn>ul>li>ul{box-shadow:0 5px 15px rgba(0,0,0,.30);border-radius:0 5px 5px 5px;top: 25px;left: 5px;position: absolute;width: 220px;}
.menucn>ul>li>ul>li>a{display: block;padding: 0 15px;line-height: 30px;}
.menucn.collapse{display: block!important;height: auto!important;overflow: visible!important;}
}
@media screen and (max-width: 1060px)
{
.wrpp{max-width:980px;}
/*hdcn*/
.hdcn1:after,.hdcn2:before{content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 1px;width: 100%;visibility: visible;}
.hdcn2:before{bottom: auto;top: -1px;}
.logo:after{display: none;}
.hdcn1,.hdcn2,.logo,.navcnt,.menucn>ul>li{float: none;}
.navcnt{padding: 0;height: auto;}
.navcnt:before,.usrbx:before,.usrbx:after,.btnshd:before,.navcnt:after,.srcsoc:before{display: none;}
.btnshd{float: right;}
/*Menu*/
.menucn>ul>li{padding: 0;}
.menucn>ul>li>a{border-radius:0;}
.menucn a{padding: 0 15px;display: block;line-height: 30px;}
.menucn ul ul a{padding-left: 30px;}
.menucn a:hover,.menucn ul ul a:hover{background-color: rgba(0,0,0,.20);}
.menucn ul{background-color: rgba(0,0,0,.10);}
/*bdcn*/
.cont{width: 490px;}
.sldrgmcnt,.boxed .sldrgmcnt{width: 820px;padding-left: 195px;}
.game-brcn>div{float: none;overflow: hidden;}
.game-brcn>div+div{padding-top: 5px;}
.navshr nav,.navshr ul{float: none;}
.navshr ul{padding-top: 10px;}
.title-play>span a{font-size: 0;}
.title-play>span:before{left: 0;right: 0;}
.title-play>h1{padding: 0 30px;}
/*Form*/
.frmgro .frmlbl{float:none;width:auto}
.frmctr{margin-left:0}
[class*="frmcols"]>li{float:none;width:auto}
}
@media screen and (max-width: 890px)
{
.wrpp{max-width:860px;}
.descbox {padding: 0 5% 2%}
/*hdcn*/
.logo:after,.usrbx:after{display: none;}
/*bdcn*/
.cont{width: 320px;}
.sldrgmcnt,.boxed .sldrgmcnt{width: 650px;padding-left: 225px;}
.bltitl .navcom{float: none;clear: both;padding-top: 10px;width: 100%;}
.bltitl .navcom,.bltitl .navcom>li{float: none;font-size: 0;}
.bltitl .navcom,.bltitl>h3+.wp-pagenavi.navcom{margin: 0;text-align: center;}
.bltitl .navcom>li{display: inline-block;}
.lstcmnts section>figure{display: none;}
.lstcmnts li li section:first-child:before, .lstcmnts li li section:first-child:after{left: 0;right: 0;margin: auto;}
.lstcmnts li li section,.lstcmnts li li li section{padding-left: 0;}
.lstcmnts li li section>figure+div{border-left: 5px solid;border-left-color: #eee;padding-left: 20px;}
.lstabs>li>a.active>span,.lstabs>li>a>strong{display:block;}
.lstabs>li>a.active>strong,.lstabs>li>a>span{display: none;}
}
@media screen and (max-width: 720px)
{
.wrpp{max-width:700px;}
/*hdcn*/
.hdcn1,.hdcn2,.logo,.navcnt{float: none;}
/*bdcn*/
.cont,.sdbr{float: none;width:auto;}
.sldrgmcnt,.boxed .sldrgmcnt{width: 480px;padding-left: 255px;}
}
@media screen and (max-width: 550px)
{
body{padding: 0 0 20px;}
.wrpp{max-width:540px;min-width: 340px;}
.advmnt{margin-right: 0;}
.advmnt:after{display: none;}
.modal-header .close span,.remove-parent{font-size: 10px;}
/*bdcn*/
.sldrgmcnt,.boxed .sldrgmcnt{width: 310px;padding-left: 185px;}
.pstgms{margin: 0;}
.pstgms>li{padding: 0;width: 160px;}
.pstgms>li:nth-child(2n){float: right;}
.game{padding-left: 0;text-align: center;}
.game_opts{width: auto;padding-bottom: 0;border-radius:5px 5px 0 0;position: static;}
.game_opts,.game_opts li{display: inline-block;vertical-align: top;}
}
.biggrid {grid-column-start: 3;grid-column-end: 5;}
/* responsive id in advancedads */
#gfnresp {min-height:280px }
.bottom_text {z-index: 102;margin:0 auto;height: 22px; text-align:center;color:#FFFFFF; height: fit-content;
	background-color:#669999; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px;-webkit-border-radius: 0 0 5px 5px;
	padding:2%;	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em}
.wrpp { max-width: 1980px;}
.ghead { grid-area:header}
 .gleft {
	 grid-area: menu;
	 width: auto}
.gmiddle { grid-area: main; }
.gcolumn { grid-area: right; width:200px; position: sticky;}
#main_games_box {justify-content: center;}
.gfooter { grid-area: footer; padding-top:2%}
.background-image {background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 166 166"><polygon fill="red" points="83 26.8 65.7 61.8 27.1 67.4 55 94.7 48.5 133.2 83 115 117.5 133.2 111 94.7 138.9 67.4 100.3 61.8 83 26.8 83 26.8"/></svg>'); }
.grid-container {
  display: grid;
  grid-template-areas:
    'right header'
    'right main'
		'right footer';
	grid-template-columns: 200px auto;
  gap: 0.1em 0.8em; padding: 0.3%;
}
.grid-container > div {
  background-color: transparent; text-align: center;
  padding: 0 0;
}
.grid-container_listing {
  display: grid;
  grid-template-columns: repeat(9, minmax(160px, 180px));
  background-color: #8CB6B3;
	/* grid-gap: 0.8em; out because of justify-content: space-around;*/
  grid-template-rows: auto;
	justify-content: space-around;
	width: 100%;
	grid-gap: 2px;
}
.openSide {display:none; color: #FFFFFF;transition: 0.3s;padding-right: 3.5%;
	text-align: right;z-index:1000}
.grid-item_listing {
	background: #337777bb;
  text-align: center;
	position: relative;
	width:100%;
}
.grid-item_listing-pro_cont {
	display:grid;
	grid-template-columns: repeat(2, minmax(150px, 180px));
	width: 100%;
}
.grid-item_listing-pro {
	background: #337777bb;
  padding: 1%;
  text-align: left;
	position: relative;
	margin-bottom: 1.9%;
	    max-width: 180px;
}
.playmorePro {
	color: #FFFFFF;
	-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: black;
font-size: 14px !important;
text-shadow: 2px 2px 0 black;
font: 400 14px "Luckiest Guy", cursive;
}

.custom-width {display: inline-block; }
 .pure-menu-heading{color: #308d46; }
 .pure-menu-list{ display:flex !important; }
.pure-menu a {border-right: 1px solid #669999; border-radius: 5px 5px 0 0; }
.foot_grid {display: grid;  grid-template-columns: auto auto auto auto;grid-auto-rows: 22pt;	text-align: center;}
.foot-grid_item { background-color: rgb(140, 182, 179); border-radius: 9pt 9pt 0pt 0pt;border-left: 1px solid #699;
border-top: 1px solid #699;}
.foot-grid_item a {color: #FFFFFF; font: 400 1.0em Luckiest Guy, cursive;text-shadow: 2px 2px #366;
	-webkit-text-stroke-width: 1px; -webkit-text-stroke-color: black;}
.foot-grid_inner {line-height: 21pt;}
.foot-grid_inner:hover{text-shadow:none}
.pageneviou {
	background-color: #427b7b;
	color: #90b6b3;
  vertical-align: middle;
  border-radius: 18%;
  text-decoration: none;
  display: inline-block;
	padding: 0.4em 0.8em;
  grid-auto-flow: column;
  box-shadow: 2px 2px 0 #3a6666;}
.pageneviou:hover {box-shadow: none;}
.pageNums { position: relative;padding:1%;background: #6c9999dd;}
.custom-width {width: 100%}
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  overflow-x: hidden;
  transition: 0.5s;
	height:fit-content;
	z-index:12;
}
.sidenav a {
  padding: 8px 8px 8px 5px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}
.sidenav a:hover {  color: #f1f1f1;
}
.closebtn {
  position: relative;
  top: 0;
	color: white;
  text-align:center;
  font-size: 36px;

	-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: black;
}
#main {
  transition: margin-left .5s;
  padding: 0.2%;
}
#side_box {height:141px;
	background-image: url(https://www.gamegab.com/templates/default/images/gamegab_125.png);
	background-position:left;
	background-repeat: no-repeat;}
#mySidenav a {color: white;text-decoration: none;height: fit-content;
font: 400 1.5rem/1.0rem "Luckiest Guy", cursive;text-shadow: 2px 2px 0 black;
}
.gamename{
	color: #fff;
	font-size: 1.0em;
	max-width: 100%;
	background-color: #337777bb;
}
.gamename span {    padding:2% 2% 2% 3%;
    display: block;text-align:center;
    font-size: 1.0em; white-space: nowrap;
    overflow: hidden;}
.gamedesc {padding: 3% 2%; color: white;}
.pflast {width:100%}
.pure-menu-linker {color: #fff;
-webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #004444;
text-shadow: 3px 3px 0 #004444; font: 400 1.4rem "Luckiest Guy", serif;
padding: 3px 0 1px 2px;}
.pure-menu-list_v {padding-inline-start:10px; margin-block-start: 0.2em;}
#playvideoButton { margin-top: 2em;}
@media screen and (max-width: 1982px)
{
.grid-container_listing {
  grid-template-columns: repeat(8, minmax(180px, 180px))}
}
@media screen and (max-width: 1750px)
{
.grid-container_listing {
  grid-template-columns: repeat(7, minmax(180px, 180px))}
}
@media screen and (max-width: 1460px)
{
.grid-container_listing {
  grid-template-columns: repeat(6, minmax(180px, 180px))}
}
@media screen and (max-width: 1320px){
#padd {padding-bottom: 3%}
.grid-container_listing {
  grid-template-columns: repeat(5, minmax(160px, 180px))}
}
@media screen and (max-width: 1078px) {
 .grid-container_listing { grid-template-columns: repeat(4, minmax(140px, 180px))}
}
@media screen and (min-width: 1003px) {
.pure-menu-list_v {margin: 0; padding: 0; text-align: left;}
	}
@media screen and (max-width: 870px) {
	 .tabs_closer {display: none !important;}
	 .tabs_closer {display: none !important;}
	 .pure-menu-item {display:block;}
}
@media screen and (max-width: 870px) {
	.grid-container {
		grid-template-areas:
	 'right header'
	 'right main'
	 'right footer';
 grid-template-columns: 200px auto;}
 .gcolumn {display:block}
}
@media screen and (max-width: 770px) {
	.openSide {display:block}
	.grid-container {
		grid-template-areas:
	 'header'
	 'main'
	 'footer';

	 padding: 0;
	 grid-template-columns: auto;}
	 .gleft {display: none;}
	 .gcolumn {display:none}
	 	/* .pure-head {display:block} */
}

@media screen and (min-width: 771px) {
	#mySidenav {display:none}
	#main{padding:0.2%}
	/* .pure-head {display:none} */
}
@media screen and (max-width: 680px){
.grid-container_listing {
  grid-template-columns: repeat(4, minmax(130px, 180px))}
.biggrid {grid-row-start: 2;grid-row-end:3; grid-column-start: 1; grid-column-end: 3;}
.grid-item_listing{max-width: 180px;}
}
@media screen and (max-width: 675px) {
	.pfifth, .pseventh, .psixth {display:none !important;}
}
@media screen and (max-width: 610px) {
	.grid-container_listing { grid-template-columns: repeat(4, minmax(125px, 180px))}
	.grid-item_listing{}
	.tabs_closer {display: none !important;}
	.tabs_closer {display: none !important;}
	#main{padding:0}
}
@media screen and (max-width: 566px) {
	.pfourth {display:none} !@important;
}

@media screen and (max-width: 450px) {
.gleft {display:none}
.grid-container {grid-template-areas:
        'header'
        'main'
        'footer';
				gap: 0.4em;
				padding:0;
}
.grid-container_listing {
	grid-template-columns: repeat(2, minmax(130px, 180px));
  grid-gap: 2px;}
.biggrid {grid-row-start: 2;grid-row-end:3; grid-column-start: 1; grid-column-end: 3;}
.wrpp{max-width:450px;min-width: 340px;}
#gfnresp {min-height:210px }
.bnrsld {min-height:210px}
#main{padding:0}
}

@media(min-width:300px) {.top_responsive { width: 300px; height: 250px}}
@media(min-width:336px) {.top_responsive { width: 336px; height: 280px}}
@media(min-width:450px) {.top_responsive { width: 100%; height: 200px}}
@media(min-width:728px) {.top_responsive { width: 98%; max-height: 150px}}
@media(min-width:970px) {.top_responsive { width: 100%; height: 180px}}