/*
Theme Name: 	happywheels
Theme URI: 		happywheels
Description: 	happywheels
Version: 		1.0
Author: 		happywheels
Author URI: 	happywheels
License:
License URI:
Tags: gamef1
*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@font-face {
    font-family: 'FontAwesome';
    src: url('font/fontawesome-webfont.eot?v=3.2.1');
    src: url('font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
}
.icon-home:before {
    content: "\f015";
}
.icon-breadcrumb:before {
    content: "\f105";
}
a {color: #000; text-decoration:none;}
a:hover {color:#0d82a5;}
html{
    font:400 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
     -webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;
     background:#fff;color:#666;
     background-image:-webkit-radial-gradient(100% 100%,center,#fff,#fff);
     background-image:radial-gradient(100% 100% at center,#fff,#fff)}
body {
    margin: 0;
}
.nav-header {
    padding: 15px 0;
    border: none;
    background: #2b292a;
}
.nav-bar:after {
    clear: both;
    content: "";
    display: table;
}

.header-navbar-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}
.header-navbar-nav>li {
    margin-left: 20px;
    float: left;
    position: relative;
}
.nav-header .header-navbar-nav>li >a {
    color: #FFF;
}
.nav-header .header-navbar-nav>li>a {
    display: block;
    height: 40px;
    margin: 0;
    border: none;
    text-shadow: none;
    font-size: 15px;
    text-decoration: none;
    padding: 0 15px;
    line-height: 40px;
    cursor: pointer;
}
.header-container {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 980px;
    padding: 0 25px;
}
.header-container-center, footer-container-center {
    margin-left: auto;
    margin-right: auto;

}
.header-navbar-brand:before, .header-navbar-toggle:before
{
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.header-navbar-brand, .header-navbar-toggle {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block; 
    height: 41px;
    padding: 0 15px;
    float: left;
    text-shadow: 0 1px 0 #fff;
    height: 40px;
    margin-top: 0;
    text-shadow: none;
}

.nav-header .header-navbar-toggle {
    height: 40px;
    margin-top: 0;
    text-shadow: none;
}
.header-navbar-toggle {
    font-size: 18px;
    color: #666;
    text-decoration: none;
    cursor: pointer;
}
.header-nav, .header-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.header-mobile-bar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    z-index: 1001;
    width: 270px;
    max-width: 100%;
    background: #333;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    -ms-scroll-chaining: none;
}
html .header-nav.header-nav-mobile>li >a {
    background: #1a1a1a;
    color: #fff;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
}
.header-nav-mobile>li>a {
    color: #ccc;
    padding: 10px 15px;
    border-top: 1px solid rgba(0,0,0,.3);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
    text-shadow: 0 1px 0 rgba(0,0,0,.5);
}
.header-nav li>a {
    display: block;
    text-decoration: none;
}
.header-mobile {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    touch-action: none;
    background: rgba(0,0,0,.1);
}

.header-navbar-center {
    float: none;
    text-align: center;
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
}
.header-navbar-toggle:after {
    content: "\f0c9";
    font-family: FontAwesome;
    vertical-align: middle;
}
.header-mobile-bar-show {
    /* -webkit-transform: translateX(0); */
    transform: translateX(0);
}
.overlay {
    background: none repeat scroll 0 0 #fff;
    display: none;
    float: left;
    height: 100%;
    left: 255px;
    opacity: 0;
    position: fixed;
    top: 60px;
    width: 100%;
    z-index: 1;
}

.site-middle {
    background: #fff;
}

/* Container */
.games-container .games-main {
    display:table;
}
.games-container .games-main .games-left {
    padding-top:5px;
    max-width:300px;
    float:left;
    background-color:white;
}
.games-container .games-main .games-left .ads300x250 {
    text-align:center;
    padding-bottom:5px;
}
.games-container .games-main .games-left .ads300x250 span {
    text-align:center;
    font-size:12px;
    padding-bottom:5px;
    display:block;
}
.games-container .games-main .games-left .games-hot {
    text-align:center;
    padding-bottom:5px;
}
.games-container .games-main .games-left .games-hot ul {
    padding: 0;
    margin: 0;
    display: table;
}
.games-container .games-main .games-left .games-hot ul li {
    float: left;
    display: inline-block;
    margin-left:5px;
    margin-top:5px;
    
}
.games-container .games-main .games-left .games-hot ul li a {
    padding:0;
    margin:0;
    border: none;
}
.games-container .games-main .games-left .games-hot ul li a img {
    width:68px;
    border:1px solid white;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1),0 3px 7px -3px rgba(0,0,0,.3);
}
.games-container .games-main .games-right {
    float:left;
    background-color:white;
    max-width:1049px;
}
.games-container .games-main .games-right .games-info {
    padding:5px 10px;
}
.games-container .games-main .games-right .games-info h2 {
    font-size:18px;
}
.games-container .games-main .games-right .games-info h1 {
    font-size:18px;
}
.games-container .games-main .games-right .games-info p {
    margin:10px 0px;
}
.games-container .games-main .games-right .games-info .games-description {
    float:left;
}
.games-container .games-main .games-right .games-info .games-play
{
    padding:5px 0px;
    width:100%;
}
.games-container .games-main .games-right .games-info .games-play .games-box {

}
.games-container .games-main .games-right .games-info .games-social {
    text-align:right;
}
.games-container .games-main .games-right .games-more {
    padding:10px;
}
.games-container .games-main .games-right ul {
    padding: 5px 0px 0px 10px;
    margin: 0;
    display: table;
}
.games-container .games-main .games-right ul li {
    float: left;
    padding:0;
    margin:3px 6px 3px 0px;
    display:inline-block;
}
.games-container .games-main .games-right ul li a {
    display: block;
    height: 160px;
    overflow: hidden;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: 160px;
    padding:0;
    margin:0;
}
.games-container .games-main .games-right ul li a img {
    border:5px solid white;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1),0 3px 7px -3px rgba(0,0,0,.3);
}
.games-container .games-main .games-right ul li .games-link
{
	display: block;
    height: 160px;
    overflow: hidden;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: 160px;
}
.games-container .games-main .games-right ul li .games-link .games-information {
    background-color: rgba(0,0,0,0.8);
	height: 100%;
	left: 0;
	moz-transition: all 0.3s ease-out;
	opacity: 0;
	o-transition: all 0.3s ease-out;
	overflow: hidden;

	position: absolute;
	top: 0;
	transition: all 0.3s ease-out;
	webkit-transition: all 0.3s ease-out;
	width: 100%;
}
.games-container .games-main .games-right ul li .games-link .games-information h4
{
    margin:0;
    padding:0;
	color: #fff;
	font-family: "Yanone Kaffeesatz";
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 5px;
	moz-transform: translate(0,-200%);
	moz-transition: all 0.3s ease-out;
	ms-transform: translate(0,-200%);
	o-transform: translate(0,-200%);
	o-transition: all 0.3s ease-out;
	transform: translate(0,-200%);
	transition: all 0.3s ease-out;
	webkit-transform: translate(0,-200%);
	webkit-transition: all 0.3s ease-out;
    padding:10px 5px 0px 5px;

}
.games-container .games-main .games-right ul li .games-link .games-information p
{
	color: #76b5f8;
	font-size: 10px;
	line-height: normal;
	moz-transform: translate(0,10%);
	moz-transition: all 0.3s ease-out;
	ms-transform: translate(0,200%);
	o-transform: translate(0,200%);
	o-transition: all 0.3s ease-out;
	transform: translate(0,10%);
	transition: all 0.3s ease-out;
	webkit-transform: translate(0,200%);
	webkit-transition: all 0.3s ease-out;
    padding:5px;
   
}
.games-container .games-main .games-right ul li a.games-link img
{
	color: #d9d9d9;
	height: 93%;
	moz-transition: all 0.3s ease-out;
	o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	webkit-transition: all 0.3s ease-out;
	width: 93%;
}
.games-container .games-main .games-right ul li:hover .games-link .games-information
{
	opacity: 1;
}
.games-container .games-main .games-right ul li:hover .games-information h4,#games-container .games-main .games-right ul li:hover .games-link .games-information p
{
	moz-transform: translate(0,0);
	ms-transform: translate(0,0);
	o-transform: translate(0,0);
	transform: translate(0,0);
	webkit-transform: translate(0,0);
}
.games-container .games-main .games-right ul li:hover img
{
	moz-transform: scale(1.5);
	ms-transform: scale(1.5);
	o-transform: scale(1.5);
	transform: scale(1.5);
	webkit-transform: scale(1.5);
}
.games-container .games-main .games-right-ads {
    width:170px;
    padding-left:10px;
    float:left;
}
.games-container .games-main .games-right-ads span {
    text-align: center;
    font-size: 12px;
    padding-bottom: 5px;
    display: block;
}
.games-container .games-main .breadcrumb {
    padding: 10px 10px;
    background-color:#fff;
}
.games-container .games-main .games-detail {
    float:left;
    background-color:white;
    max-width:840px;
}
.site-footer, .site-footer a {
    color: #ddd!important;
    background: #252525;
}
.site-text-center {
    text-align: center!important;
}
@media (min-width: 1320px) {
    .header-container {
        max-width: 1320px;
        padding: 0 35px;
    }
    .site-middle {
        padding: 20px 0;
    }
    .games-container {
    max-width: 1320px;
    
    margin-left: auto;
    margin-right: auto;
    }
    .site-footer {
    padding: 70px 0;
    }
	.games-container .games-main .games-right .games-info .games-play .games-box {
		height: 600px;
		overflow:hidden
	}
}
@media (min-width: 960px) {
    .header-visible-min {
        display: none !important;
    }
    .site-footer {
    padding: 70px 0;
    }
}

@media (max-width: 959px) and (min-width: 768px) {
    .header-visible-min {
        display: none !important;
    }
    .site-footer{
    padding: 30px 0;
    }
}
@media (max-width: 767px) {
    .header-hidden-min {
        display: none !important;
    }
    .site-middle {
        padding: 15px 0;
    }
    .site-footer{
    padding: 30px 0;
    }
}


/*----- Ads  ----- */
#ads-loading { background: #333 none repeat scroll 0 0; bottom: 0;height: 100%;text-align: center;top: 0; width: 100%;z-index: 99;}
#ads-status-loading { color: #999;padding-top: 30px;}
#ads-status-loading span {color: red;}
#ads-loading #ads-pre-loading {background: #fff none repeat scroll 0 0; height: 2px; left: 0; margin-left: 10%; margin-top: 30px; width: 80%;}
#ads-loading #ads-line-loading { background: #ccc none repeat scroll 0 0; border-radius: 40px; box-shadow: 0 0 10px 2px #0ff; height: 1px; margin: 0 auto;
  width: 0; z-index: 50;}
#ads-content {height: 300px; margin: 10px auto;padding-top: 20px;position: relative;width: 336px;z-index: 100;}

/*----- Paging  ----- */
.paging {padding:10px; text-align:center;}
.paginate {margin:0; padding:0;}
.paginate li {display: inline; font-weight: bold; height: 30px; list-style: outside none none; width: 20px;}
.paginate  .title {color: #000; margin-right: 4px;}
.paginate  .current {background-color: #007399;color: white; margin-right: 4px;padding: 4px 8px;}
.paginate  a {color: #fff;margin-right: 4px;padding: 4px 8px;text-align: center;text-decoration: none;background-color: #B3B3B3;}