@charset "utf-8";
/* CSS Document */
* {
  box-sizing: border-box;
}
@media screen and (max-width:1600px) {
#search_text{padding-left:0px !important;}
   }
.container-fluid{
    width: 984px !important; /* Your page width */
    margin: 0 auto; /* To center your page within the body */
    overflow-x :hidden !important;
	overflow-y :hidden !important;
}
.firstdiv{
width:25%;
padding-left:0px !important;
}
.seconddiv{
width:75%;
padding-left:1px !important;
}
.container{
max-width:984px !important;
}
.search_box{
background:green;
height:30px;
padding-top:2px;
margin-bottom:4px;
}
.gp_play_but{
line-height:27px !important;
}





.formclass{
position: relative;
    left:529px;
	top:-35px;
    
}
 .border_radius{
    border: 4px solid #36f; 
	border-radius:5px;
	}
  .radius{
    border-radius:5px;
	}	
	.btn_class{
	  white-space: normal !important;
	   
	}
	.reducefontsize{
     font-style: normal;
     font-size: 13px ! important; 
	 height:44px;
     margin-left:10px;




  }
	.reducefontsize a { 


   // background: #90ee90 !important;;
    word-wrap: break-word !important;;
}

.google_image_class{
  max-width:100% !important; 
  max-height:100% !important; 
}
.google_img{
position:relative;
left:569px;
bottom:67px;
width:130px !important;
}
.wowdiv {
height:263px;
}
.sidebar{
height:600px !important;

}
.sidebarone{
height:250px !important;

}
.secondrowdiv{
margin-top:2px;}
.box_title{    
	min-height: 25px;
    background-color: #36f;
    font-family: 'Arial';
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
	position:relative;

	}
.box_title a{ 
color:#FFFFFF;
}
.box_title_exclusive{    
	height: 25px;
    background-color: #36f;
    padding-left: 10px;
    font-family: 'Arial';
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
	position:relative;
	right:16px;
	width:953px;
	}
.box_title_exclusive a{ 
color:#FFFFFF;
}
 .gamethumbnail_img{       
    width: 146px;
    height: 125px!important;
    border: 0px solid #999999;
    }
       .gamethumbnail_span {
 
  
    padding-bottom: 2px;
    text-align: center;
    font-family: 'Calibri';
    font-size: 12px;
    font-weight: bold;
    margin: 0;
	color:white;
	}
	
.gamethumbnail_span_exclusive {
    display: inline-block;
  
    padding-bottom: 2px;
    text-align: center;
    font-family: 'Calibri';
    font-size: 12px;
    font-weight: bold;
    margin: 0;
	}
	
.help_div{

height:428px;

}
.exclusive_table{

margin-top:12px;
}
.footer_first a{    
font-family: 'Calibri';
    font-size: 14px;
    padding-left: 26px;
    padding-right: 6px;
    color: white !important;
	
	}	
.note_div{

height:30px;
}
.footer_div{

height:91px;
}
.newgames{
    display:inline-block;
    list-style-type:none;
    width: 155px;/*auto*/
    height:auto;
    text-align:center;
    float:left;
    border: 0px solid green;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    /*background-color:white;*/
    margin-bottom: 2px;
margin-left:-6px;
}
.newgames a{
    display:block;
    width:155px;
    height:auto;
    border: 2px solid black;
	color:#FFFFFF;
}
.newgames a:hover{
    display:block;
    width:155px;
    height:auto;
    border: 2px solid white;
    /*opacity:0.5;
    filter:alpha(opacity=50);*/
}













.gallery_product
{
    margin-bottom: 0px;
}
.img_class_woo{
width: 90px !important;
    height: 80px!important;
    margin: 4px;
	}
	.gamethumbnail_img_rand {
    width: 86px;
    height: 80px;
    border: 1px solid #999999;
	}
	.gamethumbnail_span_rand {
    display: inline-block;
   
    padding-bottom: 5px;
    text-align: center;
    font-family: 'Calibri';
    font-size: 12px;
    font-weight: bold;
    margin: 0;
	height:18px;
	}
	.gallery_product{
	float:left;
	height:107px;
	}
	.box_title_escapes{
	height: 25px;
    background-color: #75B8BB;
    padding-left: 10px;
    font-family: 'Arial';
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
	position:relative;
	right:16px;
	width:632px;
	}
.box_title_escapes a{ 
color:#FFFFFF !important;;
}
	.img_class_new{
    height: 150px!important;
    margin: 4px !important; 
   
    display: block;
	    border: 1px solid #999999;
		padding:1px;
	}
	.col-md-3{
	float:left !important;
	padding-right:0px !important;
	}
	.rowclick{
	position:relative;
	right:19px;
	}
	.ad_div{
	    
        position: relative;
        bottom: 1122px;
        height: 250px;
		left:6px;
	}
	.ad_div2{
	    position: relative;
    bottom: 1111px;
    left: 6px;
    height: 859px;
	}
	.ad_sidebar1    {
          
              position: relative;
    top: 602px;
    width: 314px;
    height: 260px;
          
        }  
.ad_sidebar2{
position: relative;
   
    width: 300px;
    left: 2px;
    height: 600px;
    top: 617px;

}
	.load_more_games_div{
	position:relative;
	left:264px;
	top:12px;
	}
	.loadmore{
	background-color: #75B8BB;
    color: #FFF;
    padding: 8px;
    text-decoration: none;
	}
 @media (min-width: 320px) and (max-width: 480px)  {
 .box_title{
 width:104% !important;
 }
 .container-fluid{
    width: 855px !important; /* Your page width */
    margin: 0 auto; /* To center your page within the body */
}
.img_class{
	width:148px !important;
}
.firstdiv{
	width:157px !important;
}
.seconddiv{
	width:698px !important;
	padding-left:7px !important;
}
.google_image_class{
  max-width:100% !important; 
  max-height:100% !important; 
}
.gallery_product {
    float: left;
    height: 107px;
	width:133px;
	margin-top:22px;
}

  
}	

.game_detail_title {
    height: 24px;
    background-color: #3366ff;
    padding-left: 10px;
    font-family: 'Arial';
    font-size: 16px;
    font-weight: bold;
    color: white;
}
.footer_first_translate a{
font-family: 'Calibri';
    font-size: 14px;
    padding-left: 15px;
    padding-right: 6px;
    color:#FFFFFF;


}


.footer_ul li {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 19px !important;
}
.newgames_li_rand{
    display:inline-block;
    list-style-type:none;
    width: 90px;/*auto*/
    height:auto;
    text-align:center;
    float:left;
    border: 0px solid green;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 4px;
    /*background-color:white;*/
    margin-bottom: 2px;
}
.newgames_li_rand a{
    display:block;
    width:90px;
    height:auto;
    border: 2px solid black;
	color:#FFFFFF
}
.newgames_li_rand a:hover{
    display:block;
    width:90px;
    height:auto;
    border: 2px solid white;
    /*opacity:0.5;
    filter:alpha(opacity=50);*/
}
.
.ng {
    border: 0px solid #999999;
    text-align: center;
    width: 100px;
    height: 100px;
    vertical-align: top;
}
.newescape_games_table{
width:676px !important;
}
.video-title{
color:white !important;
}
.next-menu li
{
 float              : left;
 
 position :relative;
 /*background         : url(../img/selected.png) 0 4px no-repeat;*/
 border: 1px solid red;
 height             : 20px;
 width              : 30px;
 /*padding            : 12px 0 0 0px ;
 margin-right	    : 2px;*/
 font		    : 12px Arial;
 color              : #ffffff;
 text-align: center;
 list-style	    : none;

}
.num_dis{
    background         : url(../img/selected.jpg) 0 4px no-repeat;
 height             : 30px;
 width              : 30px;
}
.next-menu li a
{
    display:block;
    float              : left;
 position :relative;
 background         : url(../img/selected.jpg) 0 4px no-repeat;
 height             : 20px;
 width              : 30px;
 padding            : 12px 0 0 0px ;
 margin-right	    : 2px;
 /*margin       : 2px 0px 0px 2px;*/
 color            : #000000;
 cursor           : pointer;
}


.next-menu
{
width:auto;
/*height: 30px;*/
padding:1px 3px 0px 0px;

}
.num{
    width: 40px;
    height: 30px;
    color: #FFFFFF;
    font: 12px Arial;
}
.numsel{
    width: 40px;
    height: 30px;
    color: #FFFFFF;
    background: url(http://www.games2rule.com/img/default.jpg)  no-repeat center;
    font: 12px Arial;
    font-weight:bold;
}
.num a{
    background: url(http://www.games2rule.com/img/selected.jpg) no-repeat center;
    display: block;
    color: #ffffff;
    cursor: pointer;
    font-weight:bold;
    width: 30px;
    height:30px;
    line-height:30px;
    
}
.rightImgClass{
position:relative;
right:204px;
top:36px

}
.footer_playpage a {
    font-family: 'Calibri';
    font-size: 14px;
    
    padding-right: 19px;
    color: #848484;
}
.productfont{
color:white;
}
.tbl_alignment{
margin-top:2px;
}
.loadmore{
background-color:#3366ff !important;
}
 /* Remove the navbar's default margin-bottom and rounded borders */ 
		.navbar {
		  margin-bottom: 0;
		  border-radius: 0;
		}
		
		/* Add a gray background color and some padding to the footer */
		footer {
		  background-color: #f2f2f2;
		  padding: 25px;
		}
	
	
		h1{
		font-weight:bold;
		}	
			
		.topnav {
		  overflow: hidden;
		  background-color: #333;
		}

		.topnav a {
		  float: left;
		  display: block;
		  color: #FFF !important;
		  text-align: center;  
		  text-decoration: none;
		  font-size: 16px;
		  padding:20px 20px !important;
		  font-weight:bold;
		}

		.topnav a:hover {
		  color:#e3b71f !important;
			font-weight:bold;
		}
		.footernav {
		  overflow: hidden;
		  background-color: #333;
		}

		.footernav a {
		  float: left;
		  display: block;
		  color: #FFF !important;
		  text-align: center;  
		  text-decoration: none;
		  font-size: 13px;
		  padding:0px 6px !important;
		  font-weight:bold;
		}
		.footernav span {
		  float: left;
		  display: block;
		  color: #000 !important;
		  text-align: center;  
		  text-decoration: none;
		  font-size: 13px;
		  padding:0px 6px !important;
		  font-weight:bold;
		}
		.footernav a:hover {
		  color:#e3b71f !important;
		  font-weight:bold;
		}
		.topnav .icon {
		  display: none;
		}

		@media screen and (max-width: 600px) {
		  .topnav a:not(:first-child) {display: none;}
		  .topnav a.icon {
			float: right;
			display: block;
		  }
		}

		@media screen and (max-width: 600px) {
		  .topnav.responsive {position: relative;}
		  .topnav.responsive .icon {
			position: absolute;
			right: 0;
			top: 0;
		  }
		  .topnav.responsive a {
			float: none;
			display: block;
			text-align: left;
		  }

		}
		.gamename{
			color:white;	
			font-size:12px;
		}
		.gamename:hover{
			color:#000;	
			font-weight:bold;
		}
		@media only screen and (min-width: 1024px){

				.formclass{
				left:524px !important;
			 
			 }
			.boot_tbl{
				right:128px !important;
			 }
		}
		@media only screen and (min-width: 1200px){
		}
		@media only screen and (min-width: 1280px){
			.game_detail_title{
				width:331px !important;
			 }
		}
		@media only screen and (min-width: 1360px){
		}
		@media only screen and (min-width: 1366px){
			.formclass{
				left:521px !important;
			 
			 }
			.game_detail_title{
				width:331px !important;
			 }
			 .boot_tbl{
				right:129px !important;
			 }
		}
		@media only screen and (min-width: 1400px){
		}
		@media only screen and (min-width: 1440px){
		}
		@media only screen and (min-width: 1600px){
		}
		 
		.popup{
			cursor:pointer;
			color:#000;
		}
		.popup:hover{
		background-color: transparent;
		z-index: 50;
		}

		.popup span{ 
		position: absolute;
		background-color: lightyellow;
		border: 3px solid #FBEF74;
		visibility: hidden;
		}
		.popup:hover span{ 
		visibility: visible;
		margin-left:30px;
		} 
         
         .colorsbtn {
         padding:5px;
         }
         .colorsbtn a{
         height:30px !important ;
         font-size:16px !important;
         color:#fff !important;
         padding:0 10px !important;
         line-height:25px !important;
         font-weight:normal !important;
         -moz-border-radius:8px !important;
         -webkit-border-radius:8px !important;
         border-radius:8px !important;
         border:0px solid #a946f5 !important;
         text-decoration:none !important;
         background-color:#36f !important ;
         display:inline-block !important;
         }.colorsbtn a:hover {
         background:-webkit-gradient( linear, left top, left bottom, color-stop(35%, #0484b9), color-stop(70%, #0484b9) );
         background:-moz-linear-gradient( center top, #114cfc 35%, #0484b9 70% );
         background:-ms-linear-gradient( top, #0484b9 35%, #0484b9 70% );
         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0484b9', endColorstr='#0484b9');
         background-color:#0484b9 !important;
         }.colorsbtn a:active {
         position:relative !important;
         top:1px !important;
         }
         .colorsbtncat a{
         height:44px !important ;
         font-size:16px !important;
         color:#fff !important;
         padding:0 10px !important;
         line-height:19px !important;
         font-weight:normal !important;
         -moz-border-radius:8px !important;
         -webkit-border-radius:8px !important;
         border-radius:8px !important;
         border:0px solid #a946f5 !important;
         text-decoration:none !important;
         background:-webkit-gradient( linear, left top, left bottom, color-stop(35%, #3366ff ), color-stop(70%, #3366ff) );
         background:-moz-linear-gradient( center top, #f7a400  35%, #d3900b 70% );
         background:-ms-linear-gradient( top, #3366ff  35%, #0000FF 70% );
         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7a400 ', endColorstr='#d3900b');
         background-color:#0000FF !important ;
         display:inline-block !important;
         }.colorsbtncat a:hover {
         background:-webkit-gradient( linear, left top, left bottom, color-stop(35%, #2b52c6), color-stop(70%, #2b52c6) );
         background:-moz-linear-gradient( center top, #2b52c6 35%, #2b52c6 70% );
         background:-ms-linear-gradient( top, #2b52c6 35%, #2b52c6 70% );
         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b52c6', endColorstr='#2b52c6');
         background-color:#2b52c6 !important;
         }.colorsbtncat a:active {
         position:relative !important;
         top:1px !important;
         }
         .colorsbtncat {
         padding:5px;
         }
		 #google_image_div >div{text-align:left}
		.blink {
		  animation: blink 3s steps(5, start) infinite;
		  -webkit-animation: blink 3s steps(5, start) infinite;
		 margin-left:20px;
			 
		}
		.blink:hover {
		  animation: blink 0s steps(5, start) infinite;
		  -webkit-animation: blink 0s steps(5, start) infinite;
		 margin-left:20px;
			 
		}
		@keyframes blink {
		  to {
			visibility: hidden;
		  }
		}
		@-webkit-keyframes blink {
		  to {
			visibility: hidden;
		  }
		}
		.loadmore{
			background-color:blue;
			color:#FFF;
			padding-top:5px;
			text-decoration:none;
		}
		.loadmore:hover{
			background-color:white;
			color:#FFF;
			padding:8px;
			text-decoration:underline;
		}
		.radius:hover{
			border: 2px solid white;
		}