.cartoon-img {display:none;}

body{
	/*background:url(../images/bg.jpg) repeat;*/
	padding:0;
	margin:0;
	background:#124c7f;
}
li,a,img{
	border:0 !important;
	text-decoration:none !important;
	outline:none !important;
}
.list-left{
	float:left;
	margin-left:0;
}
.list-left2{
	float:left;
	margin-left:20%;
}
.hot{
	width:50%;
	position:absolute;
	z-index:9;
	margin:-2% 0 0 -65%;
}
.hot_big{
	width:35%;
	position:absolute;
	z-index:9;
	margin:-2% 0 0 -56%;
}
.heart{
	width:30%;
	position:absolute;
	z-index:9;
	margin:0% 0 % 0%;
	right:7%;
}
.new{
	width:50%;
	position:absolute;
	z-index:9;
	margin:-3% 0% 0 -1%;
	left:0%;
}
.font{
	font-family: 'robotoregular';
	font-family: 'robotolight';
	font-family: 'robotoregular';	
}
.clear{
	clear:both !important;
}
.top-align {
    height:auto;
    width:100%;
	background:#2eb1e4;
	padding:20px;
}
.logo,.top-navication{
	float:left;
}
.top-navication-align {
	width:80%;
    height: auto;
	background:#fff;
}
.top-navication{
	width:70%;
	padding:18px 0 0 0;
}
.logo{
	width:320px;
}
.logo img{
	width:100%;
}
.top-navication > li{
	float:left;
	margin:0 0 0 0;
	font-family: 'robotoregular';
	font-size:18px;
	list-style:none;
}
.top-navication li > a {
	display:block;
	padding:0% 0 0 0;
	color:#fff;
 }
.top-navication li > a:hover {
	color:#0b73ab;
	
}
.top-navication li  span{

}
#img-width{
	width:36%;
}
.top-navication li a >  img{
	width:30%;
}

.hover-list-align{
	width:10%;
	display:none;
	background:#fff;
	position:absolute;
	margin:0 0 0 0%;
	transition:margin 1s ease-in,opacity 1s ease-in;
	padding:1%;
	z-index:99;
	opacity:0;
}
.game-view{
	width:47.5%;
	float:left;
	color:#ef6c00;
	font-size:18px;
	margin: 0 0 0 5%;
}
.game-view-head{
	width:100%;
	font-size:18px;
	color:#000;
	font-family: 'robotoregular';
	padding:10% 0 10% 0;
	clear:both;
}
.game-view-head a{
	color:#666;
}
.game-view-head a:hover{
	color:#ef6c00;
}
.pad-top{
	padding-top:0 !important;
}
.mar-left{
	margin-left:0 !important;
}
.game-view-list{
	width:100%;
	clear:both;
}
.game-view-list a{
	display:block;
	width:24%;
	float:left;
	margin:1% 0 0 1%;
	border: 2px solid #f50057 !important;
}
.game-view-list a > img{
	width:100% !important; 
}
.sub-links{
	width: 25%;
    display: none;
    background: #F1BC3A; 
    position: absolute;
    z-index: 99;
    margin: 0;
    padding: 0.5% 2% 0.5% 1%;
    cursor: pointer;
}
.sub-links  li {
	list-style:none;
}
.sub-links  li a{
	 display: block;
    clear: both;
    padding: 3% 0% 7% 0;
}

.sub-links  li a:hover{
	color:#440f64;
}


.search{
	width:20%;
	float:right;
	padding:.5% 0 0 0;
	margin:1% 0 0 0;
}
.search input{
	display:black;
	width:100%;
	height:35px;
	border:#8628c0 solid 1px;
	background:url(../images/search.png) #38006b 98% 50% no-repeat;
	color:#7b589b;
	padding:0 12% 0 3%;
	outline:none;
}
.line{
	display:none;
}
.da-thumbs{
	width:14%;
	padding:0;
	margin:0;
	display:inline-block;
	transition:all 1s ease;
}
.da-thumbs li {
	float: left;
	width:50%;
	position: relative;
	list-style:none;
	padding: 3px;
	transition:all 1s ease;
	list-style:none;
}
.da-thumbs li a img {
	width:100%;
	display: block;
	position: relative;
	border-radius: 8px;
	border:#FFF 4px solid !important;
	transition:all 1s ease;
}
.da-thumbs li a {
	overflow: hidden;
	display: block;
	position: relative;
}

.title-show{
	position: absolute;
	background: #333;
	background: rgba(75,75,75,0.7);
	width: 100%;
	height: 100%;
}
.title-show span {
	display: block;
	padding: 10px 0;
	margin: 5px 20px 20px 20px;
	text-transform: uppercase;
	font-weight: normal;
	color: rgba(255,255,255,0.9);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	font-size:12px;
}
.da-thumbs2{
	width:138px;
	padding:6%;
	margin:0;
}
.da-thumbs2 li {
	position: relative;
	list-style:none;
	padding: 3px;
	transition:all 1s ease;
	clear:both;
	list-style:none;
}
.da-thumbs2 li a img {
	width:100%;
	display: block;
	position: relative;
	border-radius: 8px;
	border:#fff 4px solid !important;
	transition:all 1s ease;
}
.da-thumbs2 li a {
	overflow: hidden;
	display: block;
	position: relative;
}

.title-show2{
	position: absolute;
	background: #333;
	background: rgba(75,75,75,0.7);
	width: 100%;
	height: 100%;
}
.title-show2 span {
	display: block;
	padding: 10px 0;
	margin: 5px 20px 20px 20px;
	text-transform: uppercase;
	font-weight: normal;
	color: rgba(255,255,255,0.9);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	font-size:12px;
}
.recent-game-align{
	width:925px;
	overflow:hidden;
	height:130px;
	float:left;
	padding: 0 0 0 5px;
}
.da-thumbs3{
	width:auto;
	padding:0%;
	margin:0;
}
.da-thumbs3 li {
	width: 14.2%;
	position: relative;
	list-style:none;
	padding: 3px;
	transition:all 1s ease;
	float:left;
	list-style:none;
}
.da-thumbs3 li a img {
	width:100%;
	display: block;
	position: relative;
	border-radius: 8px;
	border:#f50057 4px solid !important;
	transition:all 1s ease;
}
.da-thumbs3 li a {
	overflow: hidden;
	display: block;
	position: relative;
}

.title-show3{
	position: absolute;
	background: #333;
	background: rgba(75,75,75,0.7);
	width: 100%;
	height: 100%;
}
.title-show3 span {
	display: block;
	padding: 10px 0;
	margin: 5px 20px 20px 20px;
	text-transform: uppercase;
	font-weight: normal;
	color: rgba(255,255,255,0.9);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	font-size:12px;
}
.da-thumbs4{
	width:auto;
	padding:0%;
	margin:0;
}
.da-thumbs4 li {
	width: 14.2%;
	position: relative;
	list-style:none;
	padding: 3px;
	transition:all 1s ease;
	float:left;
	list-style:none;
}
.da-thumbs4 li a img {
	width:100%;
	display: block;
	position: relative;
	border-radius: 8px;
	border:#fff 4px solid !important;
	transition:all 1s ease;
}
.da-thumbs4 li a {
	overflow: hidden;
	display: block;
	position: relative;
}

.title-show4{
	position: absolute;
	background: #333;
	background: rgba(75,75,75,0.7);
	width: 100%;
	height: 100%;
}
.title-show4 span {
	display: block;
	padding: 10px 0;
	margin: 5px 20px 20px 20px;
	text-transform: uppercase;
	font-weight: normal;
	color: rgba(255,255,255,0.9);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	font-size:12px;
}

.7s-games-list{
	width:60%;
	float:left;
}
.s-list{
	width:20%;
	float:left;
}
.s-list li{
	text-align:left;
	list-style:none;
}
.s-list li:before{
    content: "• ";
    font-family: AGENCYB;
    color: rgb(239, 108, 0);
    font-size: 20px;
}
.s-list a{
	display:block;
	color:#fff !important;
}
.left-arrow,.right-arrow{
	float:left;
	margin:3.5% 0 0 0 ;
}
.pay-game-align{
	width:1300px;
	margin:0 auto;
	clear:both;
}
.margin-top{
	margin:2% 0 0 0;
}
.more-game-align{
	
}
.game-detail-align{
	width:60%;
	height:auto;
	background:#1a0a24;
	padding:2%;
}
.game-detail{
	color:#fff;
	font-family: 'robotolight';
}
h4{
	font-family: 'robotoregular';
	color:#ef6c00;
}
.all-align{
	width:95%;
	margin:0 auto;
	padding:2% 0 0 0;
	text-align:center;
	background:#124c7f;
}
.full{
	width:99% !important;
	transition:all 1s ease;
}
.full2{
	width:99% !important;
	transition:all 1s ease;
}
.add-align{
	width:100%;
	padding:2% 0 2% 0;
	text-align:center;
	clear:both;
}

.navi-align{
	width:100%;
	margin:0 auto;
}
.navi-list{
	width:45%;
	padding:5% 0 5% 0;
	margin:0 auto;
	clear:both;
	text-align:center;
}
.navi-list a{
	display:inline-block;
	width:50px;
	height:50px;
	padding-top: 10px;
	text-align:center;
	border:3px solid #fff !important;
	border-radius:50px;
	color:#fff;
	margin:0 0 0 2%;
	font-size:18px;
	
}
.navi-list a:hover{
	border:3px solid #ef6c00 !important;
	color:#ef6c00;
}
.cartoon-img{
	width:100%;
	clear:both;
}
.cartoon-img img{
	width:100%;
}
.footer-align{
	/* background:#300849; */
	background: #0d3559;
	padding:2%;
	margin:0 auto;
}	
h2{
	font-family: 'robotoregular';
	color:#ef6c00;	
}
.gmaes-list-align{
	width:20%;
}
.footer-content-align{
	width:80%;
}
.gmaes-list-align,.footer-content-align{
	float:left;
}
.games-list a{
	font-size:18px;
	display:block;
	font-family: 'robotoregular';	
	color:#fff;
}
.games-list a:hover{
	color:#ef6c00;
}
.games-list li {
	list-style:none;
}
.about-content{
	color:#fff;
	font-size:18px;
}
.social-network{
	padding:2% 0 0 0;
}
.copy-right{
	width:100%;
	clear:both;
	text-align:center;
	color:#fff;
	padding:1% 0 0 0;
}
.footer-link{
	clear:both;
	width:100%;
	text-align:center;
}
.footer-link a{
	display:inline-block;
	color:#fff;
}
.footer-link a:hover {
	color:#ef6c00;
	
}
.recent-game-list,.play-game-details,.right-advert-align,.game-heading{
	float:left;
}
.game-play-align{
	width:1024px;
	height:auto;
	padding:2%;
	background:#0e93cb;
	border:3px solid #fff;
	border-radius:10px;
	float:left;
}
.margin-auto{
	margin:0 auto !important;
	clear:both;
}
.float{
	float:left;
}
.game-heading{
	width:677px;
}
.heading-rating{
	clear:both;
}
h3{
	font-family: 'robotoregular';
	color:#ef6c00;	
	margin:0;
	padding:0 0 3% 0;
}
.advert-top{
	padding:2% 0;
	text-align:center;
}
.play-advert{
	width:100%;
	height:500px;
	background:#000;
	clear:both;
}
.inside-advert{
	
}
.bottom-advert{
	clear:both;
	padding: 3% 0 0 0;
    text-align: center;
}
.right-advert-align{
	
}
.play{
	clear:both;
}
.rating-game{
	float:right;
}
.white{
	color:#fff !important;
}
.left{
	float:left;
}
.background-white{
	background:#fff !important;
	margin-bottom:40px;
	margin-top:40px;
}
.border-none{
	border:none!important;
}
.terms-align{
	padding:10px;
	line-height:30px;
}
.size-12{
	font-size:25px;
}
.p-align{
	font-size:17px;
	font-family: 'robotoregular';
	border-bottom:1px solid #aeaeae;
	padding-bottom:15px;
}
.contact-us-align{
	width:60%;
	background:#FFF;
	height:auto;
	padding:10px;
	margin:40px auto;
}
.input-align{}
.input-align input,.input-align textarea{
	width:100%;
	height:50px;
	border-radius:15px;
	-webkit-border-radius:15px;
	-o-border-radius:15px;
	-moz-border-radius:15px;
	border: 1px solid #cccccc ;
	margin:20px 0px 0px 0px;
	padding:0 0 0 10px;
	background:#ffff;
	outline:none;
}
.text-area{
	padding:2% 0 0 3% !important;
	height:150px !important;
}
.captcha img{
	border: 1px solid #cccccc !important;
	margin:2% 0 0 0;
}
.submit a{
	border-radius:15px;
	-webkit-border-radius:15px;
	-o-border-radius:15px;
	-moz-border-radius:15px;
	width:20%;
	text-align:center;
	display:block;
	padding:3%;
	color:#fff;
	background:#ef6c00;
	margin:2% 0 0 0;
}
.limit-text{
	color:#737373;
	margin:1% 0 0 0%;
}
.thumb{
	color:#ef6c00;
	margin:2% 0 2% 0;
	font-size:16px;
}
.boeder-none{
	border:none !important;
	height:auto !important;
	margin:0 !important;
	padding:0 !important;
}
.upload-align{
	width:100%;
	margin:0 auto;
	background:#e4e4e4;
	height:auto;
	clear:both;
	padding:2%;
	margin:3% 0 0 0;
}
.upload-img-txt-align{
	clear:both;
}
.upload-img-align{
	width:25%;
	background:#ef6c00;
	padding:1% 1% 1.5% 1%;
	height:auto;
	float:left;
}
.upload-txt-align{
	width:75%;
	float:left;
	padding:0 0 0 3%;

}

.game-img{
	width:100%;
}
.game-img img{
	width:100%;
}
.down-icon-align{
	color:#fff;
	padding:5% 0 0 0;
	
}
.down-text{
	float:left;
	font-size:20px;
	padding:3% 0 0 0;
}
.down-icon{
	width:15%;
	float:right;
}
.down-icon img{
	width:100%;
}
.game-head{
	font-size:20px;
	color:#ef6c00;
}
.game-text{
	text-align:justify;
	color:#565656;
	font-size:16px;
}
.copy-link-align{
	background:#d8d8d8;
	padding:2%;
	margin:0% 0 2% 0;
}
.copy-link{
	width:95%;
	float:left;
	font-family: 'robotoregular';	
	font-size:17px;
	color:#4a4a4a;
}
.copy-icon{
	width:5%;
	float:left;
	margin:1% 0 0 0;
	cursor:pointer;
}
.copy-icon img{ 
	width:100%;
}
.forget-reg{
	clear:both;
	padding:2% 0 2% 0;
}
.forget-reg a{
	display:block;
	color:#666;
	text-decoration:underline !important;
	float:right;
	margin:0 0 0 3%;
}
.forget-reg a:hover{
	text-decoration:none !important;
}
.sm-visible{
	display:none;
}
@media only screen and (max-width:1700px){
.navi-list{
	width:75%;
}
.navi-list a{
	display:inline-block;
	padding-top: 10px;	
}
.sub-links{
	width: 30%;
}
}
@media only screen and (max-width:1600px){
    .logo {
    width: 30%;
}
.da-thumbs{
	width:16.4%;
	padding:0;
	margin:0;
}


}
@media only screen and (max-width:1400px){
.logo {
    width: 30%;
}
.top-navication {
    padding: 13px 0 0 0;
}
.top-navication {
    width: 70%;
}
.top-navication-align {
    width: 80%;
    height: auto;
    background: #fff;
}
.search {
    width: 20%;
    float: right;
    padding: .5% 0 0 0;
}

.top-navication > li {
    margin: 0 0 0 0%;
}
.da-thumbs{
	width:19.7%;
}
.sub-links{
	width: 32%;
}
.full2{
	width:99% !important;
}

.navi-list a {
    display: inline-block;
    padding-top:10px;
}
.footer-link{
	padding:1% 0 0 0;
}
}
@media only screen and (max-width:1300px){
.top-navication li a > img {
    margin-left: 14px !important;
}

    .logo {
    width: 30%;
}
.top-navication {
    width: 70%;
   // padding: 2% 0 0 0;
}
}
@media only screen and (max-width:1200px){
.logo {
    width: 25%;
}
.top-navication li a > img {
    margin-left: 16px !important;
}

.top-navication > li{
    font-size:14px;
}
.top-navication-align {
    /*width: 100%;*/
    height: auto;
    background: #fff;
}
.top-navication {
    width: 70%;
    padding: 1% 0 0 2%;
}
.sub-links{
	width: 35%;
}
.top-navication > li {
    float: left;
    margin: 0 0 0 0%;
}
.top-navication li a > img {
    width: 25%;
}
.search {
    /*width:100%;*/
	padding:1.5% 0 0 0;

}
.da-thumbs {
    width: 19.5%;
}
}
@media only screen and (max-width:1100px){
.logo {
    width: 25%;
}

.top-navication li a > img {
    width: 26px !important;
    margin-left: 8px !important;
}

.top-navication-align {
    /*width: 100%;*/
    height: auto;
    background: #fff;
}
.top-navication {
    width: 74%;
}

.sub-links{
	width: 37%;
}
.navi-align {
    width: 80%;
    margin: 0 auto;
}
.navi-list a {
    display: inline-block;
    padding-top: 10px;
}
}
@media only screen and (max-width:990px){
.top-align {
	padding: 0px;
}
.logo {
    width:30%;
	padding:1.8% 0 0 2%;
}
.list-left,.list-left2{
	float:none;
	margin-left:0%;
}


.line{
	width:9%;
    display: block;
    float: right;
    cursor: pointer;
	padding:1%
}	

.line img{
	width:100%;
}
.top-navication-align {
    width: 100%;
    height: auto;
    background: #fff;
}
.top-navication{
	width: 20%;
	display: none;
    position: absolute;
    right:1%;
    top: 7%;
	background:#2eb1e4;
	padding: 0 1% 0 1%;
	z-index:99;
}
.top-navication > li{
	float: none;
    margin: 0 0 0 0%;
    font-family: 'robotoregular';
    font-size: 18px;
    clear: both;
}
.top-navication li > a {
	display:block;
	padding:5% 0 5% 0;
	color:#fff;
 }
.top-navication li > a:hover {
	color:#ef6c00;
	
}
.top-navication li  span{

}
.top-navication li a > img {
    width: 15%;
}
.sub-links{
	width:100%;
	display:none;
	background: #0b73ab; 
	position:relative;
	margin:0;
	padding:2% 0 5% 5%;
}
.sub-links  li{
	list-style:none;
}
.sub-links  li a{
	display:block;
	clear:both;
	padding:5% 0 5% 0;
}

.sub-links  li a:hover{
	color:#440f64;
}

.xl-visible{
	display:none !important;
}
.sm-visible{
	display:block;
}
.search {
    width:100%;
	padding:1%;
}
.da-thumbs {
    width: 24.5%;
}
.full2{
	width:100% !important;
}

.gmaes-list-align{
	width:35%;
}
.footer-content-align{
	width:65%;
}
.social-network img{
	width:15%;
}
.footer-link {
    padding: 2% 0 0 0;
}
.contact-us-align {
    width: 80%;
}
.copy-link {
    width: 90%;
}
.copy-icon {
    width: 9%;
    margin: 5% 0 0 0;
}
}
@media only screen and (max-width:800px){
.logo {
    width:40%;
	padding:1.8% 0 0 2%;
}

.line {
    width: 9.5%;
    display: block;
    float: right;
    cursor: pointer;
    padding: 1%;
}
.top-navication{
	width: 30%;
	top: 9.5%;

}
.navi-list a {
    padding-top: 10px;
}
}
@media only screen and (max-width:700px){
    
.logo {
    width:40%;
	padding:1.8% 0 0 2%;
}

.da-thumbs {
    width: 32.5%;
}
.full2 {
    width: 99% !important;
}
.navi-align {
    width: 100%;

}
.navi-list {
	width: 100%;
}
.top-navication{
	width: 35%;
	top: 9.5%;
	right:2%;
}
.navi-list a {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 2px solid #fff !important;
    padding-top: 10px;
}
.copy-right{
	text-align:center;
	padding:3% 0 1% 0;
}
}
@media only screen and (max-width:600px){
.line {
    width:11.5%;
    padding: 2% 2% 0 ;
	
}
.logo {
    width:50%;
	padding:1.8% 0 0 2%;
}
.top-navication{
	width: 35%;
	top: 9.5%;
	right:2%;
}
.search {
	padding:2%;
}
.social-network img{
	width:20%;
}
.upload-img-align {
    width: 30%;
    float: none;
    margin: 0 auto;
	clear:both;
}
.upload-txt-align {
    width: 100%;
    float: none;
    padding: 0 0 0 0%;
    text-align: center;
}
.down-text {
    float: left;
    font-size: 18px;
    padding: 3% 0 0 0;
}
.down-icon {
    width: 17%;
    float: right;
}
.game-head {
    font-size: 20px;
    padding: 1% 0 1% 0;
}
.copy-icon {
    width: 10%;
    margin: 11% 0 0 0;
}
}
@media only screen and (max-width:500px){
.logo {
    width:60%;
}
.line {
    width:13.5%;
    padding: 2% 2% 0 ;
	
}
.top-navication{
	width: 40%;
	top: 9.5%;
}
.da-thumbs {
    width: 49%;
}
.full2,.full {
    width:100% !important;
}
.gmaes-list-align,.footer-content-align{
	clear:both;
	width:100%
}
.social-network img{
	width:20%;
}
.footer-link {
    padding: 4% 0 0 0;
}
.contact-us-align {
    width: 90%;
}
.submit a {
    width: 25%;
    padding: 4%;
}
.game-text {
    padding: 3%;
}
.copy-icon {
    margin: 0% 0 0 0;
}
.copy-link {
    padding: 3%;
}
}
@media only screen and (max-width:400px){
.logo {
    width:60%;
}
.line {
    width:15.5%;
    padding: 2% 2% 0 ;
	
}
.top-navication{
	width: 60%;
	top: 7.5%;
}
.navi-list a {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 2px solid #fff !important;
    padding-top: 10px;
}
.captcha img {
    width: 100%;
}
.submit a {
    width: 35%;
    padding: 5%;
}
.forget-reg {
    clear: both;
    padding: 5% 0 10% 0;
}
}
#fulldata {
	background:#124c7f;
}
.search{
    height:35px !important;
}

.top-navication li a > img{
    width:22px !important;
    margin-left:22px;
    margin-right:4px;
}

.search input[type="text"]::placeholder { /* Firefox, Chrome, Opera */ 
    color: #FFF !important; 
} 
  
.search input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */ 
    color: #FFF !important; 
} 
  
.search input[type="text"]::-ms-input-placeholder { /* Microsoft Edge */ 
    color: #FFF !important; 
} 