/* 
 	 _   _ _
	| |_| | |
	|  _  | |__
	|_| |_|____|

	Name :custom css 
	Author : Herbert Lemus
	Email : hlemus@perk.com
*/
body {
	/*background: #333333;*/
	font-family: 'Play', sans-serif;
	font-size: 16px;
}
.right {display: none;}
.header { 
	position: fixed;
	width: 100%;
	padding: 15px 0 0;
	height: 72px !important;
	z-index: 99;
}
.wrapper {
	/*width: 1250px;
	margin: 0 auto;*/
	background: #fff;
	/*box-shadow: 0 0 24px 10px #1a1a1a;*/
	/*padding: 10px 0;*/
}
.logo { 
	text-align: center;
	margin: 5px 0 10px;
	position: relative;
}
.logo img {
	width: 300px;
}
.logo i {
	position: absolute;
	right: 50px;
	top: 10px;
	cursor: pointer;
	font-size: 35px;
	color: #ffffff;
}
.logo i .menu-text {
	font-family: play;
	line-height: 35px;
	font-size: 20px;
	float: left;
	margin: 0 7px 0 0;
}
/*----------------- BACKGROUND -------------*/
.background {
	background: url('../i/bg.jpg');
	background-size: cover !important;
	background-position: 50% !important;
	width: 100%;
	height: 90vh;
	max-height: 250px;
}
.background.home {
	max-height: none;
}
.background.shopping {
	max-height: 300px;
}
/*----------------- /BACKGROUND ------------*/
/*----------------- BREADCRUMBS ------------*/
.breadcrumbs a,
.breadcrumbs a:hover {
	color: #bed332;
}
/*----------------- /BREADCRUMBS -----------*/
/*----------------- MENU -------------------*/
.nav {
	position: fixed;
	height: 100%;
	width: 100%;
	background: rgba(255,255,255,0.92);
	z-index: 1000;
	display: none;
}
.menu-content {
	margin: 0 auto;
	max-width: 1140px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o=transform: translate(-50%,-50%);
}
.menu-content .menu-title {
	text-align: center;
	font-size: 35px;
	margin: 0 0 10px;
}
.menu-content .menu-close {
	float: right;
	font-size: 30px;
	transform: rotate(45deg);
	margin: -40px 0 0;
	cursor: pointer;
}
.menu {
	list-style: none;
	width: 100%;
	position: relative;
	height: 500px;
}
.menu .level2 {
	line-height: 35px;
	font-size: 35px;
	font-variant: small-caps;
	font-weight: 700;
	border-left: 3px solid #333333;
	padding: 0 0 0 5px;
	margin: 0 0 10px;
}
.menu .level2 .sub-menu {
	padding: 0;
	width: 55%;
	position: absolute;
	list-style: none;
	top: 0;
	left: 40%;
}
.menu .level2 .sub-menu .level3 {
	line-height: 30px;
	font-size: 30px;
	font-weight: 400;
	list-style: none;
	border-left: 3px solid #333333;
	padding: 0 0 0 5px;
	margin: 0 0 10px;
}
.menu .level2:hover, .menu .level2 .sub-menu .level3:hover, .menu .level2 .sub-menu .level3 .sub-menu .level4:hover {
	border-color: #BED332;
}
/*.menu .level2:hover .sub-menu {
	display: block;
}*/
.menu .level2 .sub-menu .level3 .sub-menu {
	padding: 0;
	width: 35%;
	position: absolute;
	top: 0;
	left: 75%;
}
/*.menu .level2 .sub-menu .level3:hover .sub-menu {
	display: block;
}*/
.menu .level2 .sub-menu .level3 .sub-menu .level4 {
	font-size: 20px;
	line-height: 20px;
	border-left: 3px solid #333333;
	padding: 0 0 0 5px;
	margin: 0 0 10px;	
}
.menu .level2 {
	/*display: inline-block;*/
}
.menu .level2 .sub-menu,
.menu .level2 .sub-menu .level3 .sub-menu{ display: none; height: 100%}
.menu li a,
.menu li a:hover { 
	color: #333333;
	text-decoration: none;
}
.midnightHeader.default {
	background: rgba(0,0,0,0.1);
    border-bottom: 1px solid #333; 
}
.midnightHeader.solid-menu {
	background: #1a1a1a;
	background: -moz-linear-gradient(top,  #1a1a1a 0%, #343434 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a1a1a), color-stop(100%,#343434)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1a1a1a 0%,#343434 100%); 
	background: -o-linear-gradient(top,  #1a1a1a 0%,#343434 100%); 
	background: -ms-linear-gradient(top,  #1a1a1a 0%,#343434 100%);
	background: linear-gradient(to bottom,  #1a1a1a 0%,#343434 100%);
}
/*----------------- /MENU ------------------*/
/*----------------- SEARCH -----------------*/
.search {
	position: absolute;
	left: 20px;
	z-index: 20;
	top: 10px;
}
.search .keywords {
	height: 45px;
	border: 3px solid #ffffff;
	border-left: none;
	border-radius: 0px 10px 10px 0px;
	padding: 0 0 0 10px;
	line-height: 45px;
	float: left;
}
.search .keywords:focus {
	outline: none;
}
.search .submit {
	width: 45px;
	height: 45px;
	border: 3px solid #ffffff;
	border-radius: 10px 0px 0px 10px;
	padding: 0 0 0 10px;
	line-height: 45px;
	float: left;
	background: transparent;
}
.search:before {
	position: absolute;
	content: '\f002';
	font-family: FontAwesome;
	font-size: 25px;
	line-height: 45px;
	left: 0;
	color: #BED332;
	transform: translateX(50%);
	-webkit-transform: translateX(50%);
	-moz-transform: translateX(50%);
	-ms-transform: translateX(50%);
	-o=transform: translateX(50%);
}
/*----------------- /SEARCH ----------------*/
/*----------------- CONTENT ----------------*/
.content {
	width: 1300px;
	padding: 0 20px;
	margin: 10px auto;
}
/*----------------- /CONTENT ---------------*/
/*----------------- SCROLL TOP -------------*/
.scroll-top {
	position: fixed;
	bottom: 50px;
	right: 50px;
	background: #BED332;
	height: 50px;
	width: 50px;
	text-align: center;
}
.scroll-top i {
	line-height: 50px;
	color: #333333;
	font-size: 25px;
}
/*----------------- /SCROLL TOP ------------*/
/*----------------- HOME MODS --------------*/
.blurb {
	width: 50%;
	font-size: 40px;
	text-align: center;
	margin: 20px auto;
	border: 3px solid #333;
	border-right: none;
	border-left: none;
	border-radius: 30px;
	padding: 10px 0;
	color: #BED332;
	text-transform: capitalize;
}
.mods {
	max-width: 1500px;
	margin: auto;
	clear: both;
}
.mods .mod {
	height: 700px;
	width: 33.333%;
	overflow: hidden;
	float: left;
}
.mods .mod.ps {background: url('../i/ps.jpg') 50%;}
.mods .mod.wii {background: url('../i/wii.jpg') 50%;}
.mods .mod.xbox {background: url('../i/xbox.jpg') 50%;}
.mods .mod .mod-img {
	height: 100%;
	opacity: 0;
}
/*----------------- /HOME MODS -------------*/
/*----------------- FOOTER -----------------*/
.footer {
	clear: both;
	position: relative;
	height: 50px;
	background: #1a1a1a;
	color: #ffffff;
	text-align: center;
	overflow: hidden;
}
.footer:after {
	content: '';
	height: 50px;
	width: 50px;
	position: absolute;
	right: 50px;
	bottom: 0;
	background: #BED332;
}
.footer a {
	color: #ffffff;
}
/*----------------- /FOOTER ----------------*/
/*----------------- PRODUCTS ---------------*/
.content.shopping {
	display: table;
}
.product {
	position: relative;
	height: 450px;
}
.product .photo, .product .price, .product .buy {
	text-align: center;
}
.product .title {
	font-size: 20px;
	text-align: center;
}
.product a {
	color: #BED332;
	text-decoration: none;
}
.product a:hover {
	text-decoration: none;
}
.product .rating {
	margin: 10px;
}
.product .rating .stars {
	float: right;
}
.product .price {
	width: 92%;
	clear: both;
	position: absolute;
	bottom: 80px;;
}
.product .price p {
	margin: 0px;
}
.product .price .price-num a {
	font-size: 30px;
}
.product .buy {
	margin: 20px 0 ;
	position: absolute;
	bottom: 25px;
	width: 92%;
}
.product .buy a,
.listing .buy a {
	padding: 10px 15px;
	background: #BED332;
	color: #ffffff;
	border-radius: 5px;
}
.product .buy a:hover,
.listing .buy a:hover {
	background: #ffffff;
	border: 2px solid #BED332;
	padding: 8px 13px;
	color: #BED332;
	text-decoration: none;
}
/*----------------- /PRODUCTS --------------*/
/*----------------- LISTING ----------------*/
.listing {
	clear: both;
	display: table;
	width: 100%;
	border-bottom: 2px solid #cecece;
	margin: 15px 0;
}
.listing .photo,
.listing .info,
.listing .price,
.listing .seller {
	float: left;
	margin: 0 20px 0 0;
}
.listing .buy {
	float: right;
}
.listing .info {
	width: 750px;
}
.listing .info a {
	color: #BED332;
	font-size: 20px;
}
.listing .price {
	width: 110px;
}
.listing .price a {
	color: #BED332;
	font-size: 30px;
}
/*----------------- /LISTING ---------------*/
/*----------------- SITESEARCHB ------------*/
.ppc .kw {
	color: #cecece;
}
.ppc .ppclisting {
	padding: 10px;
}
.resultlisting {
    border-bottom: 1px solid #011627;
    margin-bottom: 10px;
 }
.ppc .ppclisting:nth-child(even) {
	background: #f5f5f5;
}
.ppc .ppclisting .ppctitle,
.ppc .ppclisting .ppctitle a {
	font-size: 25px;
	color: #2EC4B6;
}
.resultlisting .rtitle {
	font-size: 25px;
	color: #BED332;
}
.ppc .ppclisting .ppchost,
.ppc .ppclisting .ppchost a,
.ppc .ppclisting .ppcdescription,
.ppc .ppclisting .ppcdescription a,
.resultlisting .rsummary {
	font-size: 16px;
	color: #333333;
}
.titles {text-align: center;}
/*----------------- /SITESEARCHB -----------*/
/*----------------- GOOGLESEARCH -----------*/
.gsc-table-result .gs-title a,
.gsc-table-result .gs-title a b {
	color: #bed332;
	font-size: 25px;
}
.gsc-table-result .gs-bidi-start-align {
	color: #333333 !important;
	font-size: 16px;
}
.gsc-cursor-page,
.pagination a {
	color: #bed332 !important;
	font-size: 14px;
	text-decoration: none !important;
}
.gsc-cursor-page:hover,
.pagination a:hover {
	font-weight: 600;
}
/*----------------- /GOOGLESEARCH ----------*/


.newstyle h4 {
	font-size: 25px;
	margin-bottom: 5px;
}
.newstyle .ppctitle a {
	color: #8b2887;
}
.newstyle .ppclisting {  
	padding: 10px;
	margin-bottom: 10px;
	padding-left: 130px;
}
.newstyle .ppclisting.ad1 {
  background: url(../i/list-num1.png) no-repeat 14px center #f0f0f0;
  background-size: contain;
}
.newstyle .ppclisting.ad2 {
  background: url(../i/list-num2.png) no-repeat 14px center;
  background-size: contain;
}
.newstyle .ppclisting.ad3 {
  background: url(../i/list-num3.png) no-repeat 14px center #f0f0f0;
  background-size: contain;
}


.fa-arrow-right, .fa-arrow-left {
	display: none;
	float: right;
	font-size: 20px;
	line-height: 35px;
	background-color: #BED332;
	width: 35px;
	text-align: center;
	color: rgba(255,255,255,0.92);
	border-radius: 7px;
	cursor: pointer;
}
.fa-arrow-left {
	display: none;
	background-color: rgba(255,255,255,0.92);
	color: #BED332;
	border: 1px solid #BED332;
	float: none;
	margin-bottom: 15px;
}

.related div {
	float: left;
    margin-right: 20px;
    width: 20%;
}

.related div img {
	border: 1px solid #dedede;
    width: 100%;
    height: auto;
}

.related div a {
	color: #333333;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
}

@media (max-width: 1300px) {
	.content {
		width: 100%;
	}

}
@media (max-width: 1170px) {
	.menu-content {
		max-width: 650px;
	}
	.fa-arrow-right, .fa-arrow-left {
		display: block;
	}
	.menu .level2 .sub-menu,
	.menu .level2 .sub-menu .level3 .sub-menu {
		padding: 0;
		width: auto;
		position: static;
		list-style: none;
		left: 0;
	}

}

@media (max-width: 830px) {
	.header {
		height: 121px !important;
	}
	.search {
		position: static;
	}
	.search form {
		margin: 10px 0 0;
	}
	.search .keywords {
		width: 75%;
	}
	.logo {
		text-align: left;
	}
	.logo i {
		right: 15px;
		top: 60px;
	}

}

@media (max-width: 480px) {

	.related div {
		float: none;
		margin-right: 0;
		margin-bottom:30px;
		width: 100%;
	}

}