@charset "UTF-8";
/*!
	Theme Name: Game Island
	Theme URI: http://www.themeim.co/products/discovery/
	Author: Theme Im
	Author URI: http://www.themeim.com/
	Description: Multiperpose Game HTML Template
	Version: 1.0.0
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Text Domain: gameisland
	Tags: game,business,coporate,startup
	*/
/*--------------------------------------------------------------
	>>> TABLE OF CONTENTS:
	----------------------------------------------------------------
	# Base
	# Sections
		## Header
		## Banner
		## Beyond
		## Blog
		## Video
		## Behind
		## Live Stream
		## Game Strategy
		## Add
		## Newsletter
		## Page Heade
		## Feature Game
		## Tranding Game
		## Logo Carousel
		## Overview
		## Purchase Game
		## Footer

		--------------------------------------------------------------*/
		@font-face {
			font-family: themeim-build-icons;
			src: url("../fonts/themeim-build-icons.eot");
			src: url("../fonts/themeim-build-iconsd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/themeim-build-icons.woff") format("woff"), url("../fonts/themeim-build-icons.ttf") format("truetype"), url("../fonts/themeim-build-icons.svg#themeim-build-icons") format("svg");
			font-weight: normal;
			font-style: normal;
		}
		/*created by team*/
			.direction-rtl{
				direction: rtl !important;
			}
			.content p{
				font-size: 13px !important;
			}
			.contact-items .title{
				font-size: 14px !important;
			}
			.contact-items .title i{
				vertical-align: bottom;
				font-size: 18px;
			}
			.footer-latest-post .feature-image {
				float: right !important;
				margin-left: 10px !important;
			}
			.footer-latest-post .post-content .post-title a {
				text-align: justify !important;
				font-size: 13px !important;
			}
			.meta li a i {
				margin-left: 8px !important;
			}
			.clan-blog-post .content h3 {
				font-size: 15px !important;
				line-height: 39px !important;
			}
			.download-inner p {
				color: #fff;
				font-weight: 600;
				line-height: 30px;
				margin-bottom: 30px;
				font-size: 13px !important;
				text-align: justify !important;
				direction: rtl !important;
			}
			.download-inner .title {
				font-size: 22px !important;
				line-height: 0px !important;
				color: #fff;
				font-weight: 700;
				margin-bottom: 20px;
			}
			.forum-inner {
				padding: 20px !important;
			}
			#forum-banner {
				height: 90vh !important;
				padding-top: 155px !important;
			}
			.top-user-status .bz-right {
				width: 100%;
				float: right;
				padding-right: 15px;
				direction: rtl;
			}
			.top-user-status .bz-right .content {
				margin-right: 100px;
			}
			.top-user-status .bz-right .user-pic {
				float: right;
				width: 90px;
				height: auto;
			}
			.game-collector .item{
				width: 33.333% !important;
			}
			.game-collector .item a p{
				font-size: 13px !important;
			}
			.contact-items .email {
				font-size: 13px !important;
			}

/*created by team*/

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			content: "";
			font-family: 'themeim-build-icons';
			font-style: normal;
			font-variant: normal;
			font-weight: normal;
			line-height: 1;
			speak: none;
			text-transform: none;
		}

		.icon.-facebook:before {
			content: "";
		}

		.icon.-instagram:before {
			content: "";
		}

		.icon.-twitter:before {
			content: "";
		}

		.icon.-viget:before {
			content: "";
		}

		@font-face {
			font-family: my_girl_is_retroregular;
			src: url("../fonts/mygirlisretrodemo-webfont.html");
			src: url("../fonts/mygirlisretrodemo-webfontd41d.html?#iefix") format("embedded-opentype"), url("../fonts/mygirlisretrodemo-webfont.woff2") format("woff2"), url("../fonts/mygirlisretrodemo-webfont.woff") format("woff"), url("../fonts/mygirlisretrodemo-webfont.ttf") format("truetype"), url("../fonts/mygirlisretrodemo-webfont-2.html#my_girl_is_retroregular") format("svg");
			font-weight: normal;
			font-style: normal;
		}

		@media screen and (-webkit-min-device-pixel-ratio: 0) {
			@font-face {
				font-family: my_girl_is_retroregular;
				src: url("../fonts/mygirlisretrodemo-webfont-2.html#my_girl_is_retroregular") format("svg");
			}
		}


	@font-face {
		font-family: iranyekan;
		src: url("../fonts/iranyekan/IRANYekanRegularFaNum.eot");
		src: url("../fonts/iranyekan/IRANYekanRegularFaNum.eot?#iefix") format("embedded-opentype"), url("../fonts/iranyekan/IRANYekanRegularFaNum.woff") format("woff"), url("../fonts/iranyekan/IRANYekanRegularFaNum.ttf") format("truetype"), url("../fonts/iranyekan/IRANYekanRegularFaNum.svg#themeim-build-icons") format("svg");
		font-weight: normal;
		font-style: normal;
	}
		
		html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}

		body {
			font-family: "iranyekan", sans-serif;
			font-size: 16px;
			line-height: 28px;
			color: #c4c4c4;
		}

		a {
			transition: all 0.15s ease-in-out;
		}

		a,
		a:hover {
			text-decoration: none;
		}

		ul, ol {
			padding: 0;
			margin: 0;
			list-style: none;
		}

		.pr {
			position: relative !important;
		}

		.bdn {
			border: none !important;
		}

		/* Padding */
		.pr__15 {
			padding-right: 15px !important;
		}

		.pl__15 {
			padding-left: 15px;
		}

		.pt__15 {
			padding-top: 15px !important;
		}

		.pt__50 {
			padding-top: 50px !important;
		}

		.pt__80 {
			padding-top: 80px !important;
		}

		.pt__100 {
			padding-top: 100px !important;
		}

		.pb__50 {
			padding-bottom: 50px !important;
		}

		.pt__30 {
			padding-top: 30px;
		}

		.pb__30 {
			padding-bottom: 30px !important;
		}

		/* Margon */
		.mr__0 {
			margin-right: 0 !important;
		}

		.mb_10, .mb__10 {
			margin-bottom: 10px;
		}

		.mb__15 {
			margin-bottom: 15px;
		}

		.mb__20 {
			margin-bottom: 20px !important;
		}

		.mb__25 {
			margin-bottom: 25px;
		}

		.mb__30 {
			margin-bottom: 30px;
		}

		.mb__50 {
			margin-bottom: 50px;
		}

		.mt_20 {
			margin-top: 20px;
		}

		.mt__30 {
			margin-top: 30px;
		}

		.mt_40 {
			margin-top: 40px;
		}

		.mt__50 {
			margin-top: 50px;
		}

		.brn {
			border: 0 !important;
		}

		.section-padding {
			padding: 100px 0;
		}

		/* Background */
		.bgb {
			background: #000;
		}

		.content-two {
			margin-top: 20px;
		}

		.section-padding {
			padding: 100px 0;
		}

		.parallax {
			background-size: cover;
		}

		.section-title {
			text-align: center;
			margin-bottom: 70px;
		}

		.section-title h2.title, .section-title h3.sub-title {
			color: #fff;
			font-family: 'my_girl_is_retroregular', sans-serif;
			text-transform: uppercase;
			margin: 0;
		}

		.section-title h2.title {
			font-size: 50px;
			position: relative;
		}

		.section-title h3.sub-title {
			font-size: 20px;
		}

		.section-title .delemitter {
			display: block;
			height: 50px;
			background-repeat: no-repeat;
			max-width: 237px;
			margin: 0 auto 10px;
		}

		.section-title .section-content p {
			margin: 0 auto;
			font-size: 18px;
			line-height: 28px;
		}

		.section-title-two {
			text-align: center;
			margin-bottom: 30px;
		}

		.section-title-two .title {
			font-size: 30px;
			line-height: 25px;
			color: #fff;
			font-weight: 600;
			position: relative;
			overflow: hidden;
		}

		.section-title-two .title:before, .section-title-two .title:after {
			position: absolute;
			content: '';
			height: 1px;
			top: 50%;
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			width: 100%;
			background: #1f1c1c;
			max-width: 400px;
		}

		.section-title-two .title:before {
			left: 0;
		}

		.section-title-two .title:after {
			right: 0;
		}

		.section-mini-title {
			margin-bottom: 30px;
		}

		.section-mini-title h2.title, .section-mini-title h3.sub-title {
			color: #fff;
		}

		.section-mini-title h2.title {
			font-size: 30px;
			position: relative;
		}

		.section-mini-title h3.sub-title {
			font-size: 25px;
		}

		.section-icon-title {
			background: #0d0e18;
			padding: 23px 20px;
			margin-bottom: 20px;
		}

		.section-icon-title h3 {
			margin: 0;
			color: #FFF;
			font-size: 20px;
		}

		.section-icon-title h3 i {
			margin-right: 10px;
		}

		.section-title-three {
			text-align: center;
			margin-bottom: 30px;
		}

		.section-title-three h2 {
			font-size: 40px;
			line-height: 45px;
			font-weight: 600;
			color: #fff;
			margin: 0;
		}

		#fire-title {
			font-size: 50px;
			font-family: 'My Girl Is Retro', sans-serif;
			color: #fff;
			margin-top: 0;
			margin-bottom: 20px;
			position: relative;
			z-index: 2;
		}

		.cart-btn {
			font-size: 20px;
			line-height: 25px;
			font-weight: 500;
			background: #000;
			border: 2px solid #fff;
			color: #fff;
			display: inline-block;
			padding: 11px 31px;
			border-radius: 4px;
			text-transform: uppercase;
		}

		.cart-btn i {
			margin-right: 8px;
		}

		.cart-btn:hover, .cart-btn:focus {
			color: #fff;
			background: #f68b1f;
			border-color: #f68b1f;
		}

		.cart-btn-two {
			padding: 14px 49px;
			text-transform: uppercase;
			background: #fd0e0e;
			color: #fff;
			font-weight: 600;
			font-size: 20px;
			line-height: 20px;
			vertical-align: middle;
			border-radius: 4px;
			display: inline-block;
		}

		.cart-btn-two i {
			margin-right: 8px;
		}

		.cart-btn-two:hover, .cart-btn-two:focus {
			background: #f68b1f;
			color: #fff;
		}

		.details-btn {
			font-size: 16px;
			font-weight: 500;
			color: #fff;
			display: inline-block;
			padding: 5px 16px;
			background: rgba(255, 255, 255, 0.302);
			border-radius: 4px;
			line-height: 17px;
			border: 1px solid #fff;
		}

		.details-btn:hover, .details-btn:focus {
			background: #ffc107;
			color: #fff;
			border-color: #ffc107;
			outline: 0;
		}

		.popup-btn-two {
			background: #487b00;
			color: #fff;
			padding: 8px 25px;
			border-radius: 4px;
			font-weight: 600;
			display: inline-block;
		}

		.popup-btn-two i {
			margin-right: 5px;
		}

		.popup-btn-two:hover, .popup-btn-two:focus {
			color: #fff;
			background: #f68b1f;
			outline: 0;
		}

		.follow-btn {
			font-size: 16px;
			font-weight: 500;
			color: #fff;
			display: inline-block;
			padding: 5px 12px;
			background: #0009;
			border-radius: 3px;
			line-height: 16px;
		}

		.follow-btn i {
			margin-right: 5px;
		}

		.follow-btn:hover, .follow-btn:focus {
			background: #f68b1f;
			color: #fff;
			outline: 0;
		}

		.play-btn {
			color: #fff;
			font-size: 20px;
			font-weight: 500;
			text-transform: uppercase;
		}

		.play-btn i {
			font-size: 30px;
			margin-right: 10px;
			vertical-align: middle;
		}

		.play-btn:hover {
			color: #ffc107;
		}

		.home-zoombie {
			background-attachment: fixed;
		}

		@media all and (max-width: 1600px) {
			.home-clan {
				background-size: cover;
				background-position: center;
			}
		}

		@media all and (max-width: 1200px) {
			#fire-title {
				font-size: 40px;
				overflow: hidden;
				display: inline-block;
			}
	
		}

		@media (max-width: 1024px) {
			.section-title h2.title {
				font-size: 35px;
			}
			.section-title h3.sub-title {
				font-size: 18px;
			}
			.section-title .delemitter {
				max-width: 170px;
				background-size: contain;
				margin-bottom: 15px;
			}
			.section-title .section-content p {
				font-size: 16px;
			}
			.section-title-two .title:before, .section-title-two .title:after {
				width: 200px;
			}
			#fire-title {
				font-size: 30px;
			}

		}

		@media all and (max-width: 991px) {
			.rmt__30 {
				margin-top: 30px;
			}
		}

		@media all and (min-width: 767px) {
			.padd__none {
				padding: 0 !important;
			}
			.section-title-three {
				font-size: 30px;
			}

			
		}

		@media (max-width: 768px) {
			.section-title {
				margin-bottom: 50px;
			}
			.section-title h2.title {
				font-size: 30px;
			}
			.section-title .section-content p br {
				display: none;
			}
			.section-padding {
				padding: 50px 0;
			}
			.section-title-two .title {
				font-size: 25px;
			}
			.section-title-two .title:before, .section-title-two .title:after {
				width: 100px;
			}
			.rsmt__30 {
				margin-top: 30px;
			}

			#behind .section-title .section-content p {
				color: #fff!important;
			}
		}

		@media (max-width: 500px) {
			.section-title-two .title:before, .section-title-two .title:after {
				width: 70px;
			}
			#fire-title {
				font-size: 28px;
			}
		}

		.tim-btn, .products.product-two li.product .add_to_cart_button {
			padding: 10px 20px;
			font-size: 18px;
			color: #fff;
			background: transparent;
			border: 2px solid #fff;
			text-transform: uppercase;
			line-height: 18px;
			transition: all 0.3s ease-in-out;
			cursor: pointer;
			display: inline-block;
			position: relative;
			overflow: hidden;
			z-index: 1;
		}

		.tim-btn:before, .tim-btn:after, .products.product-two li.product .add_to_cart_button:before, .products.product-two li.product .add_to_cart_button:after {
			background: #ffc107;
			content: '';
			position: absolute;
			z-index: -1;
		}

		.tim-btn:after, .products.product-two li.product .add_to_cart_button:after {
			height: 100%;
			left: -60%;
			top: 0;
			-ms-transform: skew(50deg);
			transform: skew(50deg);
			transition-duration: 0.4s;
			-ms-transform-origin: top left;
			transform-origin: top left;
			width: 0;
		}

		.tim-btn:hover, .products.product-two li.product .add_to_cart_button:hover {
			border-color: #ffc107;
			color: #fff;
		}

		.tim-btn:hover:after, .products.product-two li.product .add_to_cart_button:hover:after {
			height: 100%;
			width: 170%;
		}

		.tim-btn {
			font-weight: 500;
		}

		.tim-btn.btn-sm {
			padding: 8px 17px;
			font-size: 16px;
		}

		.tim-btn.btn-larg {
			padding: 12px 30px;
		}

		.tim-btn.btn-exlg {
			padding: 16px 35px;
		}

		.tim-btn-bg {
			padding: 14px 25px;
			background:#3e0606;
			display: inline-block;
			border: 2px solid #fff;
			font-size: 16px;
			font-weight: 600;
			line-height: 17px;
			color: #fff;
			border-radius: 4px;
			text-transform: uppercase;
		}
		#footer-three .tim-btn-bg {
			background: rgba(0,0,0,.6);
		}

		#footer-three  .tim-btn-bg:hover {
			background: #f68b1f;
			border-color: #f68b1f;
		}

		.tim-btn-bg i {
			margin-left: 5px;
		}

		.tim-btn-bg:hover {
			color: #fff;
			background: #f68b1f;
			border-color: #f68b1f;
		}

/*--------------------------------------------------------------
	##  Header
	--------------------------------------------------------------*/
	#header {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 9999;
	}

	#header {
		transition: all 0.3s ease-in-out;
	}

	#header.fixed {
		position: fixed;
		top: -51px;
		animation: headerFixedTop .35s;
	}

	#header.fixed .nav {
		background: #000;
	}

	#header.fixed .nav-wrap #site-logo {
		padding: 25px 0;
	}

	#header.header-one.header-dark.fixed {
		position: fixed !important;
		top: -50px;
	}

	#header.header-one.header-dark.fixed .nav.bgb {
		background: #000;
	}

	#header.header-one.header-dark.fixed .nav-wrap #site-logo {
		padding: 20px 0;
	}

	.fixed .nav:after {
		display: none;
	}

	.fixed .nav-wrap:before {
		display: none;
	}

	.fixed .nav-wrap .tim-nav > li {
		padding: 20px 0;
	}

	.fixed .nav-wrap .tim-nav > li.search-btn {
		margin: 20px 0 20px 30px !important;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	#header.transperant-wbg.fixed {
		top: 0;
	}

	#header.transperant-wbg.fixed .nav-wrap .tim-nav > li {
		padding: 25px 0;
	}

	@keyframes headerFixedTop {
		0% {
			opacity: 0;
			transform: translateY(-100%);
		}
		100% {
			opacity: 1;
			transform: translateY(0);
		}
	}

	.blog-post-single {
		background: #000;
	}

	.blog-post-single #header {
		position: relative;
	}

	.blog-post-single #header .nav-wrap {
		background: #0c0a0a;
	}

	.blog-post-single #header .nav-wrap:before {
		border-top: 109px solid #0c0a0a;
	}

	.blog-post-single #header .nav-wrap:after {
		background: #0c0a0a;
	}

	.top-menu-wrap {
		background: #3d0e03;
		padding: 11px 0;
		position: relative;
	}

	.top-menu-wrap:before, .top-menu-wrap:after {
		position: absolute;
		content: '';
		top: 0;
	}

	.top-menu-wrap:before {
		left: -400px;
		min-width: 400px;
		height: 50px;
		background: #3d0e03;
	}

	.top-menu-wrap:after {
		width: 0;
		height: 0;
		border-top: 0px solid transparent;
		border-bottom: 50px solid transparent;
		border-left: 50px solid #3d0e03;
		right: -50px;
	}

	.top-menu .head-social-link {
		margin: 0;
		padding: 0;
		list-style: none;
		float: left;
		display: inline-block;
		margin-right: 20px;
	}

	.top-menu .head-social-link li {
		display: inline-block;
		margin-right: 10px;
	}

	.top-menu .head-social-link li a {
		display: block;
		font-size: 16px;
		color: #FFF;
	}

	.top-menu .head-social-link li a:hover {
		color: #f68b1f;
	}

	.header-text .tour-title {
		font-size: 14px;
		line-height: 24px;
		color: #fff;
		background: #000;
		padding: 0 5px;
		display: inline-block;
		margin-right: 5px;
	}

	.header-text .ah-headline {
		color: #FFF;
		margin-bottom: 0;
		font-size: 14px;
		width: 300px;
		overflow: hidden;
		display: inline;
	}

	.header-text .ah-headline.slide .ah-words-wrapper {
		vertical-align: middle;
	}

	.user-link {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.user-link li {
		display: inline-block;
		margin-right: 30px;
	}

	.user-link li a {
		display: block;
		color: #FFF;
	}

	.user-link li a i {
		margin-right: 13px;
	}

	.user-link li a:hover {
		color: #f68b1f;
	}

	.user-link li a:hover i {
		color: #fff;
	}

	.user-link li:last-child {
		margin-right: 0;
	}

	.header-one .nav {
		position: relative;
	}

	.header-one .nav:after {
		position: absolute;
		content: '';
		background: rgba(0, 0, 0, 0.9);
		width: calc(50% - 555px);
		height: 110px;
		right: 0;
	}

	.blog-post-single .header-one .nav:after {
		background: #0c0a0a;
	}

	.nav-wrap {
		direction: rtl;
		background: rgba(0, 0, 0, 0.9);
		position: relative;
	}

	.nav-wrap:before {
		position: absolute;
		content: '';
		top: 0;
		left: -50px;
		width: 0;
		height: 0;
		border-left: 50px solid transparent;
		border-right: 0px solid transparent;
		border-top: 110px solid rgba(0, 0, 0, 0.9);
	}

	.nav-wrap #site-logo {
		display: inline-block;
		float: left;
		padding: 35px 0;
	}

	.nav-wrap #site-logo img{
		max-width:250px;
	}

	.nav-wrap .tim-nav {
		margin: 0;
		padding: 0;
	}

	.nav-wrap .tim-nav > li {
		padding: 40px 0;
		display: inline-block;
	}

	.nav-wrap .tim-nav > li.menu-item-has-children > a:after {
		position: absolute;
		content: '\f107';
		font: normal normal normal 14px/1 FontAwesome;
		left: 0;
		top: 50%;
		-ms-transform: translateY(-58%);
		transform: translateY(-58%);
		color: #FFF;
	}

	.nav-wrap .tim-nav > li a {
		padding: 0 20px;
		color: #FFF;
		font-size: 16px;
		font-weight: 500;
		display: inline-block;
		position: relative;
	}

	.nav-wrap .tim-nav > li a .dot {
		height: 5px;
		width: 5px;
		border-radius: 50%;
		background: #a9a8a8;
		bottom: -10px;
		display: inline-block;
		position: absolute;
		left: 50%;
		-ms-transform: translate(-50%);
		transform: translate(-50%);
	}

	.nav-wrap .tim-nav > li a .dot:before, .nav-wrap .tim-nav > li a .dot:after {
		position: absolute;
		content: '';
		border-radius: 50%;
		top: 0;
		height: 5px;
		width: 5px;
		background: #a9a8a8;
	}

	.nav-wrap .tim-nav > li a .dot:before {
		left: -7px;
	}

	.nav-wrap .tim-nav > li a .dot:after {
		right: -7px;
	}

	.nav-wrap .tim-nav > li.search-btn {
		height: 45px;
		width: 60px;
		background: ##f68b1f;
		text-align: center;
		line-height: 44px;
		border-radius: 5px;
		margin: 32px 0 32px 30px;
		color: #FFF;
		padding: 0;
		border: 2px solid #141717;
		cursor: pointer;
	}

	.nav-wrap .tim-nav > li.menu-item-has-children .sub-menu {
		text-align: left;
		position: absolute;
		padding: 10px 20px;
		width: 240px;
		background: rgba(0, 0, 0, 0.95);
		top: 120%;
		right: auto;
		margin: 0;
		border-top: 1px solid #f68b1f;
		transition: all 0.3s ease-in-out;
		opacity: 0;
		visibility: hidden;
		box-shadow: 0 5px 30px rgba(0, 0, 0, 0.05);
		height: auto;
	}

	.nav-wrap .tim-nav > li.menu-item-has-children .sub-menu li {
		display: block;
		text-align: right;
	}

	.nav-wrap .tim-nav > li.menu-item-has-children .sub-menu li:last-child {
		border-bottom: 0;
	}

	.nav-wrap .tim-nav > li.menu-item-has-children .sub-menu li a {
		color: #fff;
		padding: 3px 0;
		font-size: 16px;
	}

	.nav-wrap .tim-nav > li.menu-item-has-children .sub-menu li a:hover, .nav-wrap .tim-nav > li.menu-item-has-children .sub-menu li a.current_page {
		color: #f68b1f;
	}

	.nav-wrap .tim-nav > li.menu-item-has-children .sub-menu.mega-menu {
		width: 100%;
		padding: 20px 30px;
	}

	.nav-wrap .tim-nav > li.menu-item-has-children .sub-menu.mega-menu > li {
		width: 25%;
		float: left;
	}

	.nav-wrap .tim-nav > li.menu-item-has-children .sub-menu.mega-menu > li h3 {
		font-size: 20px;
		font-weight: 600;
		color: #fff;
		margin-left: 15px;
	}

	.nav-wrap .tim-nav > li.menu-item-has-children .sub-menu.mega-menu li .sub-menu {
		background-color: transparent;
		border-top-color: transparent;
		float: left;
		padding: 0 15px;
	}

	.nav-wrap .tim-nav > li.menu-item-has-children .sub-menu.mega-menu li .sub-menu li {
		display: block;
	}

	.nav-wrap .tim-nav > li.menu-item-has-children .sub-menu.mega-menu li .sub-menu li a {
		display: block;
		padding: 3px 0;
	}

	.nav-wrap .tim-nav > li.menu-item-has-children .sub-menu.mega-menu li:not(:last-child) .sub-menu {
		border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
	}

	.nav-wrap .tim-nav > li.menu-item-has-children .mega-menu-inner {
		opacity: 0;
		visibility: hidden;
		position: absolute;
		left: 0;
		top: 110%;
		width: 100%;
		transition: all 0.3s ease-in-out;
	}

	.nav-wrap .tim-nav > li.menu-item-has-children .mega-menu-inner .sub-menu {
		top: auto;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	.nav-wrap .tim-nav > li:nth-last-child(-n+3) ul {
		left: auto;
		right: 0;
	}

	.nav-wrap .tim-nav > li:nth-last-child(-n+3) ul li.menu-item-has-children {
		position: relative;
	}

	.nav-wrap .tim-nav > li:nth-last-child(-n+3) ul li.menu-item-has-children > ul.sub-menu {
		right: 0;
		right: 110%;
	}

	.nav-wrap .tim-nav > li ul > li.menu-item-has-children {
		position: relative;
	}

	.nav-wrap .tim-nav > li ul > li.menu-item-has-children ul.sub-menu {
		top: 20px;
		left: auto;
		right: -120%;
		opacity: 0;
		visibility: hidden;
		transition: all 0.3s ease-in-out;
	}

	.nav-wrap .tim-nav > li ul > li.menu-item-has-children:hover ul.sub-menu {
		opacity: 1;
		visibility: visible;
		top: -11px;
	}

	.nav-wrap .tim-nav > li:hover .dot, .nav-wrap .tim-nav > li:hover .dot:before, .nav-wrap .tim-nav > li:hover .dot:after {
		background: #f68b1f;
	}

	.nav-wrap .tim-nav > li:hover .dot {
		animation: color 1000ms infinite ease-in-out;
		animation-delay: 800ms;
	}

	.nav-wrap .tim-nav > li:hover .dot:before {
		animation: color 1000ms infinite ease-in-out;
		animation-delay: 600ms;
	}

	.nav-wrap .tim-nav > li:hover .dot:after {
		animation: color 1000ms infinite ease-in-out;
		animation-delay: 400ms;
	}

	.nav-wrap .tim-nav > li:hover .sub-menu {
		opacity: 1;
		top: 100%;
		visibility: visible;
		z-index: 20;
	}

	.nav-wrap .tim-nav > li:hover .mega-menu-inner {
		opacity: 1;
		visibility: visible;
		top: 100%;
	}

	.nav-wrap .tim-nav > li:hover .mega-menu-inner .sub-menu {
		opacity: 1;
		visibility: visible;
		position: relative;
		top: 0;
	}

	.ah-headline span {
		color: #fff;
		font-size: 14px;
		font-weight: 300;
		
	}

	#header.header-dark .top-menu {
		background: #0c0301;
	}

	#header.header-dark .nav.bgb {
		background: #131313;
	}

	#header.header-dark .nav-wrap:after {
		height: 110px;
	}

	.mask-overlay {
		content: '';
		position: fixed;
		background: rgba(0, 0, 0, 0.8);
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 999;
	}

	.active .mobile-menu-inner {
		left: 0;
	}

	.close-menu {
		background: #000;
		color: #000;
		position: absolute;
		right: 10px;
		top: 10px;
		height: 30px;
		width: 30px;
		text-align: center;
		line-height: 40px;
		padding: 5px;
	}

	.close-menu .bar {
		display: block;
		position: relative;
		margin-bottom: 3px;
		width: 100%;
		height: 2px;
		background-color: #fff;
		transition: all 0.25s ease-in-out;
	}

	.close-menu .bar:first-child {
		margin-bottom: 5px;
		-ms-transform: rotate(-45deg) translate(-6px, 6px);
		transform: rotate(-45deg) translate(-6px, 6px);
	}

	.close-menu .bar:last-child {
		-ms-transform: rotate(45deg) translate(1px, 1px);
		transform: rotate(45deg) translate(1px, 1px);
	}

	.switch-top {
		position: fixed;
		bottom: -42px;
		left: 30px;
		transition: all 0.3s ease-in-out;
		z-index: 9999;
	}

	.switch-top p {
		display: inline-block;
		float: left;
		margin: 0 20px 0 0;
		color: #fff;
		line-height: 40px;
		opacity: 0;
		visibility: hidden;
		transition: all 0.3s ease-in-out;
		font-size: 16px;
		font-weight: 500;
	}

	.switch-top:hover p {
		opacity: 1;
		visibility: visible;
	}

	.return-to-top {
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		cursor: pointer;
		z-index: 9999;
		border-radius: 50%;
		transition: bottom .5s ease, opacity .5s ease;
		background: #FFF;
		color: #f68b1f;
		display: inline-block;
		position: relative;
	}

	.return-to-top i {
		color: #f68b1f;
	}

	.return-to-top canvas {
		width: 40px;
		left: -2px;
		border-radius: 50%;
		top: 0;
		position: absolute;
	}

	.switch-top.back-top {
		bottom: 42px;
		opacity: 1;
		width: 40px;
	}

	.switch-top.back-top .top-menu .head-social-link li {
		margin-right: 7px;
	}

	.switch-top.back-top .nav-wrap .tim-nav > li a {
		padding: 0 15px;
	}

	.switch-top.back-top .nav-wrap .tim-nav > li.menu-item-has-children:after {
		right: -5px;
	}

	.top-search-form {
		direction:rtl;
		position: absolute;
		left: 0;
		height: 80px;
		background: rgba(61, 14, 3, 0.9);
		padding: 14px 20px;
		width: 40%;
		border-radius: 4px;
		opacity: 0;
		visibility: hidden;
		transition: all 0.3s ease-in-out;
		bottom: -100px;
	}

	.top-search-form .search-form {
		direction:rtl;
		border: 1px solid rgba(255, 255, 255, 0.5);
		padding: 5px;
		border-radius: 5px;
	}

	.top-search-form .search-form input::placeholder {
		color: white;
	}

	.top-search-form .search-form input::-ms-input-placeholder {
		color: white;
	}

	.top-search-form .search-form input::-ms-input-placeholder {
		color: white;
	}


	.top-search-form .search-form input {
		width: 90%;
		background: transparent;
		border: 0;
		height: 40px;
		padding: 10px;
		outline: 0;
		color: #fff;
		z-index: 1;
		position: relative;
		font-weight: 600;
	}

	.top-search-form .search-form button {
		border: 0;
		background: transparent;
		color: #fff;
	}

	.top-search-form.active {
		opacity: 1;
		visibility: visible;
		bottom: -80px;
		z-index: 0;
	}

	#mobile-nav-wrap, .mobile-menu-inner {
		display: none;
	}

	/* Transperant Header */
	#header.transperant-wbg {
		background: rgba(0, 0, 0, 0.5);
		border-bottom: 1px solid #474f4f;
	}

	#header.transperant-wbg .nav-wrap {
		background: transparent;
	}

	#header.transperant-wbg .nav-wrap:after, #header.transperant-wbg .nav-wrap:before {
		display: none;
	}

	/* Clan Header */
	#header.clan-header {
		position: relative;
	}

	#header.clan-header .top-menu {
		background: #1b1a24;
	}

	#header.clan-header .top-menu .top-menu-wrap {
		background-color: transparent;
	}

	#header.clan-header .top-menu .top-menu-wrap:before, #header.clan-header .top-menu .top-menu-wrap:after {
		display: none;
	}

	#header.clan-header .nav-wrap {
		background: transparent;
	}

	#header.clan-header .nav-wrap:before, #header.clan-header .nav-wrap:after {
		display: none;
	}

	#header.clan-header .nav-wrap #site-logo {
		padding: 36px 0;
	}

	#header.clan-header .nav-wrap .tim-nav > li {
		padding: 36px 0;
	}

	@media (max-width: 1199px) {
		.header-one .nav:after {
			width: calc(50% - 465px);
			z-index: -1;
		}
	}

	@media (max-width: 1200px) {
		.top-menu .head-social-link li {
			margin-right: 5px;
		}
		.top-menu-wrap:after {
			border-left: 45px solid #3d0e03;
			right: -45px;
		}
		.nav-wrap .tim-nav > li a {
			padding: 0 15px;
		}
		.nav-wrap .tim-nav > li.menu-item-has-children:after {
			right: -4px;
		}
	}

	@media (max-width: 1024px) {
		.top-menu-wrap:after {
			border-left: 47px solid #3d0e03;
			right: -47px;
		}
		.header-one .nav:after {
			height: 70px;
		}
		.nav-wrap #site-logo {
			padding: 20px 0;
		}
		.nav-wrap .tim-nav > li {
			padding: 20px 0;
		}
		.nav-wrap .tim-nav > li.search-btn {
			margin: 12px 0 12px 10px;
			width: 50px;
		}
		.nav-wrap .tim-nav > li .dot {
			bottom: 17px;
		}
		.nav-wrap .tim-nav > li a {
			font-size: 16px;
		}
		.nav-wrap .tim-nav > li a .dot {
			bottom: -5px;
		}
		.nav-wrap .tim-nav > li a:after {
			right: -5px;
		}
		.nav-wrap .tim-nav > li.menu-item-has-children .sub-menu {
			width: 160px;
		}
	}

	.tim-nav .top-author {
		text-align: center;
	}

	.tim-nav .top-author img {
		width: 100%;
	}

	/* Page Loader */
	#loader-wrapper {
		position: fixed;
		width: 100%;
		height: 100%;
		background: #000;
		top: 0;
		left: 0;
		z-index: 99999;
	}

	.loader {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 50px;
		height: 10px;
		background: #3498DB;
		border-radius: 5px;
		-webkit-animation: load 1.8s ease-in-out infinite;
		animation: load 1.8s ease-in-out infinite;
	}
	.loader:before, .loader:after {
		position: absolute;
		display: block;
		content: "";
		-webkit-animation: load 1.8s ease-in-out infinite;
		animation: load 1.8s ease-in-out infinite;
		height: 10px;
		border-radius: 5px;
	}
	.loader:before {
		top: -20px;
		left: 10px;
		width: 40px;
		background: #EF4836;
	}
	.loader:after {
		bottom: -20px;
		width: 35px;
		background: #F5AB35;
	}

	@-webkit-keyframes load {
		0% {
			-webkit-transform: translateX(40px);
			transform: translateX(40px);
		}
		50% {
			-webkit-transform: translateX(-30px);
			transform: translateX(-30px);
		}
		100% {
			-webkit-transform: translateX(40px);
			transform: translateX(40px);
		}
	}

	@keyframes load {
		0% {
			-webkit-transform: translateX(40px);
			transform: translateX(40px);
		}
		50% {
			-webkit-transform: translateX(-30px);
			transform: translateX(-30px);
		}
		100% {
			-webkit-transform: translateX(40px);
			transform: translateX(40px);
		}
	}



	.tab {
		padding: 20px;
		position: relative;
		overflow: hidden;
		background: rgba(0, 0, 0, 0.9);
		width: 100%;
		margin: 0 auto;
		border-top: 1px solid rgba(255, 255, 255, 0.1);
	}

	.tabs {
		position: relative;
		overflow: hidden;
		margin: 0;
		text-align: left;
		float: left;
		width: 20%;
	}

	.tabs li {
		line-height: 38px;
		overflow: hidden;
		padding: 0;
		position: relative;
	}

	.tabs a {
		color: #fff;
		font-weight: 500;
		width: 100%;
		display: block;
		letter-spacing: 0;
		outline: none;
		padding: 0 20px;
		text-decoration: none;
		transition: all 0.2s ease-in-out;
		border-bottom: 1px solid #303030;
		font-size: 16px !important;
	}

	.nav-wrap .tabs_item {
		display: none;
		padding: 30px 0;
		margin-left: 20%;
		padding: 20px;
	}

	.nav-wrap .tabs_item .top-team {
		text-align: center;
	}

	.nav-wrap .tabs_item .top-team > a {
		background: #000;
		padding: 10px;
		border-radius: 4px;
	}

	.nav-wrap .tabs_item .top-team h3 a {
		padding: 0;
	}

	.nav-wrap .tabs_item .top-team h3 a:hover {
		color: #f68b1f;
	}

	.nav-wrap .tabs_item:first-child {
		display: block;
	}

	.nav-wrap .tabs_item .top-author h3 {
		line-height: 16px;
	}

	.nav-wrap .tabs_item .top-author h3 a {
		font-size: 16px;
	}

	.nav-wrap .tabs_item .torurmant {
		max-width: 730px;
		margin: 0 auto;
	}

	.nav-wrap .tabs_item .torurmant img {
		height: 120px;
		width: 120px;
	}

	.nav-wrap .tabs_item .torurmant .link-btn {
		position: absolute;
		color: #fff;
		font-size: 16px;
		font-weight: 600;
	}

	.nav-wrap .tabs_item .torurmant .link-btn:hover {
		color: #ffc107;
	}

	.nav-wrap .tabs_item .torurmant-game .tim-btn-bg {
		padding: 17px 55px;
	}

	.nav-wrap .tabs_item .tags a {
		font-size: 14px;
		color: #fd0e0e;
	}

	.nav-wrap .tabs_item .top-user-details {
		text-align: left;
		padding: 10px;
	}

	.nav-wrap .tabs_item .top-user-details .game-badges img {
		width: 24px;
	}

	.nav-wrap .tabs_item .top-user-status .left-side {
		width: 70%;
	}

	.nav-wrap .tabs_item .top-user-status .left-side .user-pic {
		width: 70px;
	}

	.nav-wrap .tabs_item .top-user-status .left-side .content {
		margin-left: 80px;
	}

	.nav-wrap .tabs_item .top-user-status .left-side .content p {
		line-height: 18px;
		font-size: 11px;
	}

	.nav-wrap .tabs_item .top-user-status .left-side .content h3.name {
		font-size: 15px;
	}

	.nav-wrap .tabs_item .top-user-status .right-side {
		width: 30%;
	}

	.nav-wrap .tabs_item .top-user-status .right-side .game-level h4 {
		font-size: 16px;
	}

	.nav-wrap .tabs_item .top-user-status .game-badges {
		padding: 7px;
	}

	.nav-wrap .tabs_item .top-user-status .game-badges h5 {
		font-size: 14px;
		margin-bottom: 3px;
	}

	.current a {
		color: #fff;
		background: #303030;
		width: 100%;
	}

	.loader .loader-inner {
		width: 12px;
		height: 12px;
		border: 2px solid #f4c842;
		margin: 0 auto;
		position: absolute;
		top: 40px;
		left: 0;
		right: 0;
		animation-iteration-count: infinite;
		animation-duration: 1000ms;
	}

	.loader .loader-inner:nth-child(1) {
		animation-name: loading-1;
		animation-delay: 500ms;
	}

	.loader .loader-inner:nth-child(2) {
		animation-name: loading-2;
		animation-delay: 0ms;
	}

	.loader .loader-inner:nth-child(3) {
		animation-name: loading-3;
		animation-delay: 500ms;
	}

	.loader .loader-inner:nth-child(4) {
		animation-name: loading-4;
		animation-delay: 0ms;
	}

	@keyframes loading-1 {
		50% {
			transform: translate(150%, 150%) scale(2, 2);
		}
	}

	@keyframes loading-2 {
		50% {
			transform: translate(-150%, 150%) scale(2, 2);
		}
	}

	@keyframes loading-3 {
		50% {
			transform: translate(-150%, -150%) scale(2, 2);
		}
	}

	@keyframes loading-4 {
		50% {
			transform: translate(150%, -150%) scale(2, 2);
		}
	}

	@media (max-width: 1200px) {
		.nav-wrap .tabs_item .top-author h3 a {
			font-size: 14px;
		}
	}

	@media (max-width: 992px) {
		#header {
			display: none;
		}
		#nav-toggle {
			margin-right: 0;
			float: right;
			width: 30px;
			padding: 7px 0;
		}
		#nav-toggle .toggle-inner {
			position: relative;
		}
		#nav-toggle .toggle-inner > span {
			display: block;
			position: relative;
			margin-bottom: 5px;
			width: 100%;
			height: 2px;
			background-color: #fff;
			transition: all 0.25s ease-in-out;
		}
		#nav-toggle .toggle-inner > span:nth-child(2), #nav-toggle .toggle-inner > span:nth-child(3) {
			width: 24px;
			margin-left: 6px;
			background-color: #f68b1f !important;
		}
		#nav-toggle .toggle-inner > span:nth-child(4) {
			margin-bottom: 0;
		}
		#nav-toggle.active .toggle-inner > span:nth-child(2), #nav-toggle.active .toggle-inner > span:nth-child(3) {
			opacity: 0;
		}
		#nav-toggle.active .toggle-inner > span:nth-child(1) {
			-ms-transform: rotate(45deg) translate(7px, 7px);
			transform: rotate(45deg) translate(7px, 7px);
		}
		#nav-toggle.active .toggle-inner > span:nth-child(4) {
			-ms-transform: rotate(-45deg) translate(8px, -8px);
			transform: rotate(-45deg) translate(8px, -8px);
		}
		#mobile-nav-wrap {
			display: block;
			background: #3d0e03;
			padding: 16px 20px;
		}
		#mobile-nav-wrap #mobile-logo {
			float: left;
			padding: 5px 0;
		}
		#mobile-nav-wrap #mobile-logo img {
			width: 120px;
		}
		#mobile-nav-wrap .user-link {
			padding: 5px 0;
		}
		#mobile-nav-wrap .user-link li {
			margin-right: 10px;
		}
		#mobile-nav-wrap.mnav-fixed {
			position: fixed;
			top: 0;
			width: 100%;
			left: 0;
			z-index: 9999;
			animation: headerFixedTop .35s;
		}
		.mobile-menu-inner {
			display: block;
			width: 350px;
			text-align: center;
			background: #1d1e20;
			padding: 40px 20px 20px;
			position: absolute;
			z-index: 9999;
			left: -100%;
			transition: all 0.7s cubic-bezier(0.65, -0.22, 0.35, 1.13);
			height: 100vh;
			overflow-x: hidden;
			overflow-y: scroll;
			top: 0;
		}
		.mobile-menu-inner.mnav-fixed {
			position: fixed;
		}
		.mobile-menu-inner #mobile-logo {
			margin-bottom: 30px;
		}
		.mobile-menu-inner .mob-nav {
			margin: 0;
			padding: 0;
			text-align: left;
			list-style: none;
		}
		.accordion-menu {
			width: 100%;
			max-width: 350px;
			margin: 20px auto 50px;
			text-align: left;
			border-radius: 4px;
		}
		.accordion-menu > li {
			position: relative;
		}
		.accordion-menu > li.single-link {
			margin: 3px 0;
		}
		.accordion-menu > li .dropdownlink:before {
			content: "\f105";
			position: absolute;
			right: 10px;
			font: normal normal normal 14px/1 FontAwesome;
			transition: all 0.3s ease-in-out;
			font-size: 16px;
		}
		.accordion-menu > li.open .dropdownlink:before {
			content: "\f107";
			position: absolute;
			right: 10px;
			font: normal normal normal 14px/1 FontAwesome;
			transition: all 0.3s ease-in-out;
			font-size: 16px;
		}
		.accordion-menu > li > a {
			font-weight: 500;
			font-size: 18px;
			text-decoration: none;
			text-transform: uppercase;
			padding: 10px 0;
			color: #fff;
		}
		.accordion-menu .accordion-menu li.open .dropdownlink {
			color: #3d0e03;
		}
		.accordion-menu .accordion-menu li.open .dropdownlink .fa-angle-down {
			-ms-transform: rotate(180deg);
			transform: rotate(180deg);
		}
		.accordion-menu .accordion-menu li:last-child .dropdownlink {
			border-bottom: 0;
		}
		.accordion-menu .dropdownlink {
			cursor: pointer;
			display: block;
			padding: 3px 0;
			font-size: 18px;
			color: #fff;
			position: relative;
			transition: all 0.4s ease-out;
		}
		.accordion-menu .dropdownlink i {
			position: absolute;
			top: 13px;
			left: 16px;
			font-size: 14px;
		}
		.accordion-menu .dropdownlink .fa-angle-down {
			right: 12px;
			left: auto;
		}
		.accordion-menu .dropdownlink:last-child {
			border-bottom: none;
		}
		.accordion-menu .submenuItems {
			display: none;
			background: transparent;
		}
		.accordion-menu .submenuItems li:last-child {
			border-bottom: none;
		}
		.accordion-menu .submenuItems a {
			display: block;
			color: #FFF;
			transition: all 0.4s ease-out;
			text-decoration: none;
			font-size: 16px;
		}
		.accordion-menu .submenuItems a:hover, .accordion-menu .submenuItems a:focus {
			color: #ffc107;
		}
		#moble-search {
			border: 1px solid #fff;
			display: -ms-flexbox;
			display: flex;
			border-radius: 4px;
		}
		#moble-search input[type="text"] {
			background: transparent;
			height: 45px;
			color: #fff;
			border: 0;
			padding: 0 10px;
			width: 88%;
			outline: 0;
		}
		#moble-search input[type="text"]::-webkit-input-placeholder {
			color: rgba(255, 255, 255, 0.7);
		}
		#moble-search input[type="text"]:-ms-input-placeholder {
			color: rgba(255, 255, 255, 0.7);
		}
		#moble-search input[type="text"]::placeholder {
			color: rgba(255, 255, 255, 0.7);
		}
		#moble-search button[type="submit"] {
			background: transparent;
			border: 0;
			color: #fff;
		}
		@keyframes headerFixedTop {
			0% {
				opacity: 0;
				transform: translateY(-100%);
			}
			100% {
				opacity: 1;
				transform: translateY(0);
			}
		}
	}

	@media (max-width: 768px) {
		#mobile-nav-wrap {
			padding: 8px 20px !important;
		}
	}

	@media (max-width: 500px) {
		.mobile-menu-inner {
			width: 90%;
		}
		.switch-top {
			right: 10px;
		}
		.user-link li a i {
		display: none;
		}
	}

/*--------------------------------------------------------------
	##  Banner
	--------------------------------------------------------------*/
	#banner {
		background: #040404;
	}

	#banner .banner-slider {
		position: relative;
	}

	#banner .banner-slider .swiper-slide {
		height: 84vh;
		background-size: cover;
		background-position: center center;
	}

	#banner .banner-slider .slider-content, #banner .banner-slider .slider-content-two {
		position: absolute;
	}

	#banner .banner-slider .slider-content h2, #banner .banner-slider .slider-content-two h2 {
		text-align:right;
		direction:rtl;
		font-size: 40px;
		line-height: 70px;
		color: #FFF;
		font-weight: 700;
		margin: 0;
	}

	#banner .banner-slider .slider-content h2 span, #banner .banner-slider .slider-content-two h2 span {
		color: #f68b1f;
	}

	#banner .banner-slider .slider-content {
		top: 60%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		background: rgba(0, 0, 0, 0.83);
		border-radius: 5px;
		padding: 50px 30px;
		transition: all ease-in-out;
	}

	#banner .banner-slider .slider-content:before {
		position: absolute;
		top: -10px;
		bottom: -10px;
		right: -10px;
		left: -10px;
		border: 2px solid rgba(0, 0, 0, 0.83);
		content: '';
		border-radius: 4px;
		z-index: -1;
	}

	#banner .banner-slider .slider-content-two {
		background: rgba(0, 0, 0, 0.83);
		top: 58%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		padding: 50px 50px 50px 0;
	}

	#banner .banner-slider .slider-content-two:before {
		position: absolute;
		content: '';
		height: 100%;
		width: 50px;
		left: -50px;
		background: rgba(0, 0, 0, 0.83);
		top: 0;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	#banner .banner-slider .slider-content-two:after {
		content: '';
		position: absolute;
		right: -236px;
		top: 0;
		width: 0;
		height: 0;
		border-top: 310px solid transparent;
		border-bottom: 0 solid transparent;
		border-left: 236px solid rgba(0, 0, 0, 0.83);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	#banner .banner-slider .slider-content-3 {
		position: absolute;
		left: 50%;
		top: 60%;
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		text-align: center;
	}

	#banner .banner-slider .slider-content-3 img {
		min-width: 400px;
		width: 100%;
	}

	#banner .banner-slider .slider-content-3 .content {
		-ms-transform: translateY(-92%);
		transform: translateY(-92%);
		text-align: center;
		position: absolute;
		top: 50%;
		width: 100%;
	}

	#banner .banner-slider .slider-content-3 .content h2 {
		font-size: 40px;
		direction:rtl;
		color: #fff;
		font-weight: 700;
		margin: 0;
	}

	#banner .banner-slider .slider-content-3 .content h2 span {
		color: #3d0e03;
	}

	#banner .banner-slider .fire-nav-prev, #banner .banner-slider .fire-nav-next {
		top: 50%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	#banner .banner-slider .fire-nav-prev {
		left: 50px;
	}

	#banner .banner-slider .fire-nav-next {
		right: 50px;
	}

	#banner .banner-slider:hover .fire-nav-prev, #banner .banner-slider:hover .fire-nav-next {
		opacity: 1;
		visibility: visible;
		z-index: 999;
	}

	.popup-btn {
		padding: 10px 21px;
		border: 2px solid #FFF;
		font-size: 16px;
		color: #FFF;
		direction:rtl;
		text-transform: uppercase;
		line-height: 25px;
		display: inline-block;
		margin-top: 20px;
	}

	.popup-btn i {
		transform: rotate(180deg);
		font-size: 9px;
		height: 20px;
		width: 20px;
		border-radius: 50%;
		color: #0d1614;
		padding-left: 2px;
		background: #fff;
		line-height: 20px;
		text-align: center;
		margin-right: 8px;
		vertical-align: middle;
	}

	.popup-btn:hover {
		background: #f68b1f;
		border-color: #f68b1f;
		color: #fff;
	}

	.popup-btn:hover i {
		background: #fff;
		color: #f68b1f;
	}

	/* Magazine */
	#banner-magazine {
		background: #010101;
		background-size: cover;
	}

	.game-items .item {
		position: relative;
		overflow: hidden;
	}

	.game-items .item img {
		width: 100%;
		transition: all 0.3s ease-in-out;
	}

	.game-items .item .game-content {
		position: absolute;
		left: 20px;
		bottom: 10px;
	}

	.game-items .item .game-content .game-title a {
		color: #fff;
		font-size: 25px;
		margin-top: 0;
		margin-bottom: 5px;
		line-height: 25px;
	}

	.game-items .item .game-content .game-title a:hover {
		color: #f68b1f;
	}

	.game-items .item .game-content .meta li {
		margin-right: 15px;
	}

	.game-items .item .game-content .meta li a {
		color: #FFF;
	}

	.game-items .item .game-content .meta li a i {
		margin-right: 5px;
	}

	.game-items .item .game-content .meta li a:hover {
		color: #f68b1f;
	}

	.game-items .item:hover {
		cursor: e-resize;
	}

	.game-items .item:hover img {
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}

	.review {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.review li {
		display: inline-block;
		color: #ffeb3b;
	}

	.review li:hover {
		color: #f68b1f;
	}

	.review li:hover i {
		color: #FFF;
	}

	.game-slider {
		margin-bottom: 30px;
	}

	.game-slider .fire-nav-prev, .game-slider .fire-nav-next {
		z-index: 99;
		top: 50%;
		visibility: hidden;
		opacity: 0;
		transition: all 0.3 ease-in-out;
	}

	.game-slider .fire-nav-prev:before, .game-slider .fire-nav-next:before {
		border-color: #fff;
	}

	.game-slider .fire-nav-prev i, .game-slider .fire-nav-next i {
		color: #fff;
	}

	.game-slider .fire-nav-prev {
		left: 30px;
	}

	.game-slider .fire-nav-next {
		right: 30px;
	}

	.game-slider:hover .fire-nav-prev, .game-slider:hover .fire-nav-next {
		opacity: 1;
		visibility: visible;
		z-index: 999;
	}

	/* Banner Magazine Two */
	.banner-slider-zommbie {
		height: 100vh;
		position: relative;
	}

	.banner-slider-zommbie .fire-nav-prev, .banner-slider-zommbie .fire-nav-next {
		top: 50%;
		z-index: 111;
	}

	.banner-slider-zommbie .fire-nav-prev {
		left: 40px;
	}

	.banner-slider-zommbie .fire-nav-next {
		right: 40px;
	}

	.mgslider-content {
		position: absolute;
		top: 50%;
		left: 50%;
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		text-align: center;
	}

	.mgslider-content h2 {
		font-family: my_girl_is_retroregular, sans-serif;
		color: #fff;
		font-size: 80px;
		line-height: 85px;
		margin: 0;
		text-shadow: 0px 9px 6.48px rgba(21, 21, 21, 0.24);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	.mgslider-content .delemitter {
		height: 50px;
		background-size: contain;
		max-width: 230px;
		display: block;
		margin: 30px auto;
	}

	.mgslider-content p {
		font-size: 20px;
		line-height: 30px;
		color: #fff;
		margin-bottom: 30px;
	}

	.mgslider-content .tim-btn {
		padding: 14px 51px;
		margin-right: 5px;
		font-size: 20px;
		font-weight: 600;
		line-height: 18px;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		margin-right: 20px;
	}

	.mgslider-content .tim-btn::after {
		background: #f68b1f;
	}

	.mgslider-content .tim-btn:hover {
		color: #fff;
		border-color: #f68b1f;
	}

	.mgslider-content .tim-btn.tim-btn-bg {
		padding: 15px 62px;
		border-radius: 0;
		font-size: 18px;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	.mgslider-content .tim-btn.tim-btn-bg:after {
		background: #fff;
	}

	.mgslider-content .tim-btn.tim-btn-bg:hover {
		background: transparent;
		color: #000;
		border-color: #fff;
	}

	.mgslider-content.text-left {
		left: 25%;
		top: 50%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.mgslider-content.text-left img {
		position: absolute;
		left: -115px;
		top: 50%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		z-index: -1;
	}

	/* Clan Slider */
	.banner-slider-clan {
		height: 85vh;
	}

	.banner-slider-clan .clan-slider-content {
		position: absolute;
		top: 50%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		z-index: 1;
	}

	.banner-slider-clan .clan-slider-content h2 {
		font-size: 60px;
		font-weight: 700;
		line-height: 70px;
		color: #fff;
		text-transform: uppercase;
		margin: 0;
	}

	.banner-slider-clan .clan-slider-content p {
		font-size: 18px;
		font-weight: 700;
		color: #fff;
	}

	.banner-slider-clan .clan-slider-content .skew-bg {
		padding: 35px 140px 35px 40px;
	}

	.banner-slider-clan .clan-slider-content .skew-bg:before, .banner-slider-clan .clan-slider-content .skew-bg:after {
		position: absolute;
		content: '';
		z-index: -1;
	}

	.banner-slider-clan .clan-slider-content .skew-bg:before {
		background-color: rgba(183, 112, 2, 0.529);
		-ms-transform: skewX(-5deg);
		transform: skewX(-5deg);
		z-index: 0;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		z-index: -1;
	}

	.banner-slider-clan .clan-slider-content .skew-bg:after {
		-ms-transform: skewX(-5deg);
		transform: skewX(-5deg);
		left: -5px;
		top: -5px;
		bottom: -5px;
		right: -5px;
		border: 5px solid #fff;
	}

	.banner-slider-clan .clan-slider-content.text-center {
		left: 50%;
		top: 50%;
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	.banner-slider-clan .clan-slider-content.text-center img {
		position: absolute;
		top: 50%;
		left: 50%;
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		z-index: -1;
	}

	@media (max-width: 1280px) {
		.mgslider-content h2 {
			font-size: 60px;
			line-height: 60px;
		}
		.mgslider-content .delemitter {
			width: 185px;
			height: 38px;
		}
	}

	@media (max-width: 1024px) {
		#banner .swiper-wrapper .slider-content h2 {
			font-size: 40px;
			line-height: 40px;
		}
		#banner .swiper-wrapper .slider-content .popup-btn {
			padding: 10px 15px;
			font-size: 16px;
			line-height: 20px;
		}
		#banner .banner-slider .slider-content-two {
			left: 100px;
		}
		#banner .banner-slider .slider-content-two:after {
			border-top: 299px solid transparent;
		}
		#banner .banner-slider .slider-content-3 .content {
			-ms-transform: translateY(-85%);
			transform: translateY(-85%);
		}
		#banner .banner-slider .slider-content-3 .content h2 {
			font-size: 40px;
		}
		#banner .banner-slider .fire-nav-prev {
			left: 20px;
		}
		#banner .banner-slider .fire-nav-next {
			right: 20px;
		}
	}

	@media (max-width: 991px) {
		#banner .banner-slider .slider-content, #banner .banner-slider .slider-content-3, #banner .banner-slider .slider-content-two {
			top: 50%;
		}
		#banner .banner-slider .slider-content {
			left: 150px;
		}
		#banner .banner-slider .slider-content-3 .content h2 {
			font-size: 30px;
		}
		#banner .banner-slider .slider-content h2, #banner .banner-slider .slider-content-two h2 {
			font-size: 40px;
			line-height: 50px;
		}
		#banner .banner-slider .slider-content-two:after {
			border-top: 255px solid transparent;
			border-left: 215px solid rgba(0, 0, 0, 0.83);
			right: -215px;
		}
		.popup-btn {
			padding: 8px 15px;
			font-size: 16px;
		}
		.mgslider-content h2 {
			font-size: 50px;
			line-height: 50px;
		}
		.mgslider-content p {
			font-size: 18px;
			margin-top: 20px;
		}
		.mgslider-content p br {
			display: none;
		}
		.mgslider-content .delemitter {
			display: none;
		}
		.banner-slider-clan .clan-slider-content h2 {
			font-size: 40px;
			line-height: 45px;
		}
		.banner-slider-clan .clan-slider-content p {
			font-size: 16px;
		}
		.banner-slider-clan .clan-slider-content .skew-bg {
			padding: 35px 50px 35px 40px;
		}
	}

	@media (max-width: 768px) {
		#banner, .banner-slider-zommbie {
			height: 80vh;
		}
		#banner .swiper-wrapper .slider-content h2 {
			font-size: 35px;
			line-height: 35px;
		}
		.beyond-content .content {
			font-size: 16px;
		}
		#banner .banner-slider .slider-content h2, #banner .banner-slider .slider-content-two h2 {
			font-size: 35px;
			line-height: 45px;
		}
		.mgslider-content {
			width: 65%;
		}
		.mgslider-content h2 {
			font-size: 35px;
			line-height: 35px;
		}
		.mgslider-content p {
			font-size: 15px;
			margin-top: 20px;
			line-height: 24px;
		}
		.mgslider-content p br {
			display: none;
		}
		.mgslider-content .delemitter {
			display: none;
		}
		.mgslider-content .tim-btn {
			padding: 12px 30px;
		}
		.mgslider-content .tim-btn.tim-btn-bg {
			padding: 12px 40px;
		}
	}

	@media (max-width: 500px) {
		#banner .banner-slider .slider-content {
			left: 30px;
		}
		#banner .banner-slider .slider-content-two {
			padding: 30px;
			left: 30px;
		}
		#banner .banner-slider .slider-content-two:after, #banner .banner-slider .slider-content-two:before {
			display: none;
		}
		#banner .fire-nav-prev, #banner .fire-nav-next {
			display: none;
		}
		.popup-btn i {
			margin-left: 1px;
		}
		.mgslider-content.text-left {
			text-align: center !important;
			width: 80%;
			left: 50%;
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
		}
		.mgslider-content {
			width: 80%;
		}
		.banner-slider-clan .clan-slider-content {
			width: 90%;
		}
		.banner-slider-clan .clan-slider-content h2 {
			font-size: 30px;
			line-height: 30px;
		}
		.banner-slider-clan .clan-slider-content p {
			font-size: 14px;
		}
		.banner-slider-clan .clan-slider-content p br {
			display: none;
		}
		.banner-slider-clan .clan-slider-content .skew-bg {
			padding: 35px 50px 35px 40px;
		}
		.banner-slider-clan .clan-slider-content .skew-bg:before, .banner-slider-clan .clan-slider-content .skew-bg:after {
			-ms-transform: skewX(0);
			transform: skewX(0);
		}
	}

/*--------------------------------------------------------------
	##  Forum Banner
	--------------------------------------------------------------*/
	#forum-banner {
		height: 90vh;
		background-size: cover;
		background-position: center center;
		padding-top: 160px;
		overflow: hidden;
	}

	.forum-inner {
		padding: 87px 0;
	}

	.top-forum {
		padding: 95px 0;
	}

	.top-forum h2 {
		font-size: 50px;
		font-weight: 700;
		color: #fff;
	}

	.top-forum h3 {
		font-size: 30px;
		color: #fff;
		margin-bottom: 15px;
	}

	.top-forum p {
		color: #fff;
		font-size: 18px;
		font-weight: 500;
		line-height: 28px;
		margin-bottom: 30px;
	}

	.top-forum .tim-btn-bg {
		padding: 14px 58px;
		font-size: 20px;
		border-radius: 0;
	}

	.top-user {
		text-align: right;
	}

	.top-user img {
		width: 100%;
	}

	.top-author img {
		border-radius: 50%;
		margin-bottom: 10px;
	}

	.top-author .game-author-name {
		font-size: 16px;
		font-weight: 700;
		margin-bottom: 0;
	}

	.top-author .game-author-name a {
		color: #fff;
	}

	.top-author .game-author-name a:hover {
		color: #fd0e0e;
	}

	.top-author .author-post-count {
		font-size: 14px;
		color: #fff;
	}

	.top-user-details {
		background: #293241;
		padding: 15px;
		border-radius: 5px;
	}

	.top-user-status .left-side {
		width: 65%;
		float: left;
		padding-right: 15px;
	}

	.top-user-status .left-side .user-pic {
		float: left;
		width: 90px;
		height: auto;
	}

	.top-user-status .left-side .content {
		margin-left: 100px;
	}

	.top-user-status .left-side .content h3.name {
		font-size: 20px;
		color: #fff;
		margin: 0;
	}

	.top-user-status .left-side .content p {
		color: #fff;
		font-size: 14px;
		margin: 0;
	}

	.top-user-status .left-side .content p.some-text {
		margin: 0;
		font-size: 12px;
		line-height: 16px;
	}

	.top-user-status .right-side {
		float: right;
		width: 35%;
	}

	.top-user-status .right-side .game-level h4 {
		font-size: 18px;
		font-weight: 600;
		color: #fff;
	}

	.top-user-status .offline {
		background: #1c1c1d;
		padding: 7px;
		margin: 5px 0;
	}

	.top-user-status .offline h6 {
		font-size: 13px;
		font-weight: 500;
		color: #fff;
		margin: 0;
	}

	.top-user-status .offline p {
		margin: 0;
		color: #fff;
		font-size: 12px;
		line-height: 14px;
	}

	.game-badges {
		padding: 10px;
		background: #222223;
	}

	.game-badges h5 {
		font-size: 16px;
		color: #fff;
	}

	.game-badges img {
		width: 35px;
	}

	.user-performance {
		background: #1d1d1d;
		padding: 20px;
		margin-top: 15px;
		border-radius: 5px;
	}

	.game-collector {
		background: #141414;
		padding: 10px;
		border-radius: 5px;
	}

	.game-collector h5 {
		font-size: 18px;
		color: #fff;
		font-weight: 600;
	}

	.game-collector .collector-items {
		background: #0e0e0e;
		padding: 5px;
	}

	.game-collector .item {
		width: 25%;
		text-align: center;
		float: left;
		padding: 10px 0;
	}

	.game-collector .item a h6 {
		font-size: 30px;
		font-weight: 500;
		color: #fff;
		line-height: 30px;
		margin-bottom: 0;
	}

	.game-collector .item a p {
		font-size: 16px;
		color: #9b9b9b;
		margin: 0;
		line-height: 16px;
	}

	.activity {
		margin-top: 10px;
		padding: 7px;
		background: #141414;
		margin-bottom: 10px;
		border-radius: 5px;
	}

	.activity h3 {
		font-size: 16px;
		color: #fff;
		font-weight: 600;
		margin-bottom: 0;
	}

	.activity p {
		color: #fff;
		margin-bottom: 0;
		line-height: 19px;
	}

	.achievement {
		background: #141414;
		padding: 10px;
		border-radius: 5px;
	}

	.achievement .game_info {
		position: relative;
		height: 56px;
	}

	.achievement .game_info .game_info_cap {
		float: left;
		margin-right: 8px;
		width: 184px;
		max-width: 33%;
	}

	.achievement .game_info .game_info_cap img {
		width: 100%;
	}

	.achievement .game_info .game_name a {
		color: #fff;
		font-size: 16px;
		font-weight: 600;
	}

	.achievement .game_info .game_info_details {
		position: absolute;
		right: 0;
		bottom: 0;
		text-align: right;
		color: #fff;
		font-size: 15px;
		line-height: 22px;
	}

	.achievement-progressbar {
		background: #282828;
		padding: 10px;
		border-radius: 5px;
		margin-top: 10px;
	}

	.width-half {
		width: 100%;
		float: left;
	}

	.width-half p {
		display: inline-block;
		color: #fff;
		font-size: 16px;
		font-weight: 600;
		float: left;
		margin: 0 10px 0 0;
		left: 12px;
		line-height: 12px;
	}

	.width-half p span {
		font-size: 14px;
		margin-left: 5px;
	}

	.width-half .progress {
		height: 14px;
		padding: 1px;
		border-radius: 30px;
		background: #222223;
	}

	.width-half .progress .progress-bar {
		border-radius: 30px;
		background: #516179;
	}

	@media (max-width: 1024px) {
		#forum-banner {
			padding-top: 20px;
		}
		.forum-inner {
			padding: 0;
		}
		.top-forum {
			padding: 0 0 20px;
		}
		.top-forum h2 {
			font-size: 35px;
			line-height: 35px;
		}
		.top-forum h3 {
			font-size: 25px;
			line-height: 25px;
		}
		.top-user-details {
			padding: 10px;
		}
		.user-performance {
			padding: 10px;
		}
		.game-collector {
			padding: 10px;
		}
		.game-collector .collector-items {
			padding: 0;
		}
		.game-collector .item a h6 {
			font-size: 20px;
			line-height: 22px;
		}
		.game-collector .item a p {
			font-size: 14px;
		}
		.activity {
			margin: 5px 0;
		}
		.achievement {
			padding: 10px;
		}
	}

	@media (max-width: 500px) {
		#forum-banner {
			height: 100vh;
		}
		.top-user-status .left-side .user-pic {
			width: 70px;
		}
		.top-user-status .left-side .content {
			margin-left: 80px;
		}
		.top-user-status .left-side .content p {
			line-height: 20px;
		}
		.game-badges img {
			width: 30px;
		}
		.top-user-status .left-side, .top-user-status .right-side {
			width: 100%;
		}
		.top-forum h2 {
			font-size: 30px;
			line-height: 30px;
		}
		.top-forum h3 {
			font-size: 18px;
			line-height: 18px;
			margin-bottom: 10px;
		}
		.top-forum p {
			font-size: 14px;
			line-height: 22px;
			margin-bottom: 10px;
		}
		.top-forum .tim-btn-bg {
			padding: 10px 40px;
		}
		.activity {
			text-align: center;
		}
		.activity .float-left, .activity .float-right {
			float: none !important;
		}
		.achievement .game_info .game_info_details {
			position: static;
		}
	}

/*--------------------------------------------------------------
	##  Beyond
	--------------------------------------------------------------*/
	#beyond {
		padding: 100px 0;
		background-size: cover;
		background-position: center center;
	}

	#beyond-two {
		background-size: cover;
		background-attachment: fixed;
	}

	.beyond-content .content {
		font-size: 18px;
	}

	.game-items .game-item {
		text-align: center;
		margin-bottom: 30px;
	}

	.game-items .game-item img {
		border-radius: 5px;
		transition: all 0.3s ease-in;
		width: 100%;
	}

	.game-items .game-item h3 {
		color: #FFF;
		font-size: 20px;
		margin-top: 20px;
		overflow: hidden;
		display: inline-block;
		line-height: 20px;
		transition: all 0.3s ease-in;
	}

	.game-items .game-item:hover img {
		box-shadow: 0 0 50px #7d1d07;
	}


	.game-items .game-item.hover-shadow:hover img {
		box-shadow: 0 0 8px rgb(250, 175, 58);
	}


	@media (max-width: 1024px) {
		.behind-items .item {
			padding: 20px !important;
		}
	}

	@media (max-width: 768px) {
		.behind-items .item {
			margin-bottom: 20px;
		}
		.skew__left, .skew__right {
			-ms-transform: skewX(0deg) !important;
			transform: skewX(0deg) !important;
		}
		.skew__left .items-content, .skew__right .items-content {
			-ms-transform: skewX(0deg) !important;
			transform: skewX(0deg) !important;
		}
	}

	@media (max-width: 500px) {
		.skew__left, .skew__right {
			-ms-transform: skewX(0deg) !important;
			transform: skewX(0deg) !important;
		}
		.skew__left .items-content, .skew__right .items-content {
			-ms-transform: skewX(0deg) !important;
			transform: skewX(0deg) !important;
		}
	}

/*--------------------------------------------------------------
	##  Blog
	--------------------------------------------------------------*/
	#blog {
		position: relative;
	}

	.blog-post .feature-image {
		position: relative;
		overflow: hidden;
		box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
		border-radius: 12px;
	}

	.blog-post .feature-image img {
		border-radius: 12px;
	}

	.blog-post .blog-title {
		font-size: 25px;
		margin-top: 15px;
	}

	.blog-post .game-cat {
		position: absolute;
		left: 20px;
		bottom: 10px;
	}

	.blog-post .game-cat .cat-1, .blog-post .game-cat .cat-2 {
		color: #FFF;
		padding: 0 17px;
		font-size: 14px;
		font-weight: 500;
		display: inline-block;
	}

	.blog-post .game-cat .cat-1 {
		background: #3d0e03;
	}

	.blog-post .game-cat .cat-2 {
		background: #297c09;
	}

	.blog-content .blog-title {
		font-size: 25px;
	}

	.blog-content .content {
		font-size: 16px;
		line-height: 28px;
	}

	.blog-title {
		color: #FFF;
		font-weight: 700;
		transition: all 0.3s ease-in-out;
		cursor: pointer;
	}

	.blog-title a {
		color: #fff;
	}

	.blog-title a span {
		color: #f68b1f;
	}

	.blog-title a:hover {
		color: #f68b1f;
	}

	.read-btn {
		font-size: 16px;
		color: #FFF;
		font-weight: 500;
		padding: 10px 17px;
		background: #3d0e03;
		display: inline-block;
		border: 0;
	}

	.read-btn i {
		margin-left: 5px;
	}

	.read-btn:hover {
		background: rgba(61, 14, 3, 0.7);
		color: #ededed;
	}

	.feature-image {
		position: relative;
		transition: all 0.3s ease-in-out;
		overflow: hidden;
	}

	.feature-image img {
		width: 100%;
		transition: all 0.3s ease-in-out;
	}

	.feature-image:hover img {
		-ms-transform: scale(1.1) rotate(3deg);
		transform: scale(1.1) rotate(3deg);
	}

	.fire-nav-prev, .fire-nav-next {
		height: 45px;
		width: 45px;
		line-height: 61px;
		text-align: center;
		border-radius: 50%;
		position: absolute;
		top: 65%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		cursor: pointer;
		outline: 0;
		z-index: 111;
	}

	.fire-nav-prev:before, .fire-nav-next:before {
		position: absolute;
		content: '';
		top: 4px;
		left: 2px;
		height: 41px;
		width: 41px;
		border: 2px solid #5b5b5b;
		border-radius: 50%;
	}

	.fire-nav-prev i, .fire-nav-next i {
		color: #5b5b5b;
		font-size: 30px;
	}

	.fire-nav-prev canvas, .fire-nav-next canvas {
		position: absolute;
		left: 0;
		top: 0;
		border-radius: 50%;
	}

	#blog-nav-next {
		right: 15%;
	}

	#blog-nav-prev {
		left: 15%;
	}

	.navigation {
		margin-bottom: 60px;
	}

	/* Blog Post Two */
	.blog-post-two .feature-image .blog-content {
		position: absolute;
		left: 20px;
		bottom: 15px;
	}

	.blog-post-two .feature-image .blog-content .blog-title {
		font-size: 20px;
		line-height: 22px;
		margin-top: 10px;
		margin-bottom: 0;
	}

	.blog-post-two .feature-image .meta li {
		margin-right: 0;
	}

	.blog-post-two.blog-large .feature-image .blog-content .blog-title {
		font-size: 30px;
		line-height: 40px;
	}

	.blog-post-two:hover .feature-image img {
		-ms-transform: scale(1.1) rotate(3deg);
		transform: scale(1.1) rotate(3deg);
	}

	.cat {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.cat li {
		display: inline-block;
	}

	.cat li a {
		display: inline-block;
		border: 2px solid #fff;
		color: #FFF;
		padding: 0 16px;
		font-size: 16px;
		font-weight: 600;
		text-transform: uppercase;
		line-height: 25px;
		margin-right: 10px;
	}

	.cat li a:hover {
		border-color: #f68b1f;
	}

	.cat li a:hover:after {
		background: #f68b1f;
	}

	.meta li {
		display: inline-block;
		margin-right: 10px;
	}

	.meta li span {
		color: #fff;
	}

	.meta li a {
		font-size: 16px;
		color: #fff;
		margin-right: 5px;
	}

	.meta li a i {
		margin-right: 5px;
	}

	.meta li a:hover {
		color: #f68b1f;
	}

	.meta li a:hover i {
		color: #FFF;
	}

	.meta li a.admin {
		font-weight: 600;
		margin-right: 5px;
		position: relative;
	}

	.meta li a.admin:after {
		position: absolute;
		content: '';
		right: -6px;
		bottom: 7px;
		height: 3px;
		width: 3px;
		background: #fff;
		border-radius: 50%;
	}

	.meta.meta-grey li a {
		color: #888;
	}

	.meta.meta-grey li a:after {
		background: #888;
	}

	.meta.meta-grey li a:hover {
		color: #f68b1f;
	}

	/* Blog Post Three */
	#blog-two {
		background-size: contain;
		background-repeat: no-repeat;
		padding: 92px 0;
	}

	.blog-slider {
		position: relative;
	}

	.blog-slider .slider-nav-prev {
		left: -10%;
	}

	.blog-slider .slider-nav-next {
		right: -10%;
	}

	.blog-post-three {
		padding: 10px;
		overflow: hidden;
		border-radius: 10px;
	}

	.blog-post-three .feature-image {
		border-radius: 10px;
		overflow: hidden;
	}

	.blog-post-three .blog-content {
		padding: 20px 10px;
	}

	.blog-post-three .blog-content .blog-title-two {
		font-size: 25px;
		font-weight: 700;
	}

	.blog-post-three .blog-content .blog-title-two a {
		color: #fff;
	}

	.blog-post-three .blog-content .blog-title-two a:hover {
		color: #fd0e0e;
	}

	.blog-post-three .blog-content p {
		font-size: 16px;
		font-weight: 500;
	}

	.blog-post-three .blog-content .rbtn {
		font-size: 16px;
		color: #fff;
		font-weight: 700;
		position: relative;
		display: inline-block;
		line-height: 16px;
	}

	.blog-post-three .blog-content .rbtn:before {
		position: absolute;
		content: '';
		width: 100%;
		bottom: 0;
		height: 1px;
		background: #fff;
	}

	.blog-post-three .blog-content .rbtn i {
		margin-left: 5px;
	}

	.blog-post-three .blog-content .rbtn:hover {
		color: #f68b1f;
	}

	.blog-post-three .blog-content .rbtn:hover:before {
		background: #f68b1f;
	}

	/* Recent Post */
	.recent-news .blog-title {
		color: #fff;
		font-size: 25px;
		line-height: 30px;
		margin-top: 20px;
		font-weight: 600;
	}

	.recent-news .meta a {
		color: #888888;
	}

	.recent-news .meta a.admin:after {
		background: #888;
	}

	.recent-news .meta a:hover {
		color: #f68b1f;
	}

	/* Weekly Top News */
	#weekly-top {
		background: #000;
		padding-top: 30px;
	}

	.cat-two {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.cat-two li {
		display: inline-block;
	}

	.cat-two li a {
		color: #888;
		text-transform: uppercase;
	}

	.cat-two li a:hover {
		color: #f68b1f;
	}

	.top-news img {
		width: 100%;
	}

	.top-news .cat-two {
		margin-top: 5px;
	}

	.top-news .blog-title {
		font-size: 18px;
		line-height: 25px;
	}

	.top-mews-feature {
		border: 1px solid #282525;
	}

	.top-mews-feature .feature-image {
		position: relative;
	}

	.top-mews-feature .feature-image img {
		width: 100%;
	}

	.top-mews-feature .feature-image .cat {
		position: absolute;
		left: 20px;
		bottom: 20px;
	}

	.top-mews-feature .blog-content {
		padding: 20px;
	}

	.top-mews-feature .blog-content .blog-title {
		font-size: 30px;
		line-height: 40px;
		margin: 0;
	}

	/* Latest News */
	#latest-news {
		background: #000;
		padding: 30px 0;
	}

	.latest-post .blog-content {
		position: absolute;
		left: 20px;
		bottom: 20px;
		width: 100%;
	}

	.latest-post .blog-content .blog-title {
		margin-bottom: 10px;
	}

	.latest-post .blog-content .content {
		line-height: 25px;
		font-size: 16px;
		margin-bottom: 0;
	}

	.latest-post.blog-small .blog-content {
		text-align: center;
		height: 100%;
		width: 100%;
		left: 0;
		top: 0;
		transition: all 0.3s ease-in-out;
	}

	.latest-post.blog-small .blog-content .content .blog-title {
		font-size: 18px;
		margin: 0 0 10px 0;
		transition: all 0.4s ease-in-out;
		position: absolute;
		bottom: 10px;
		width: 100%;
		text-align: center;
	}

	.latest-post.blog-small .blog-content .content .read-more {
		font-size: 14px;
		line-height: 25px;
		font-weight: 600;
		background: #FFF;
		padding: 3px 11px;
		color: #444;
		transition: all 0.2s ease-in-out;
		visibility: hidden;
		opacity: 0;
		margin-top: 110px;
		display: inline-block;
	}

	.latest-post.blog-small .blog-content .content .read-more:hover {
		color: #fff;
	}

	.latest-post.blog-small:hover .blog-content {
		background: rgba(255, 42, 0, 0.9);
	}

	.latest-post.blog-small:hover .blog-content .content .blog-title {
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		top: 50%;
		bottom: auto;
	}

	.latest-post.blog-small:hover .blog-content .content .read-more {
		visibility: visible;
		opacity: 1;
		margin-top: 100px;
	}

	.latest-post.blog-mid .blog-content .blog-title {
		font-size: 20px;
		line-height: 25px;
	}

	.latest-post.blog-mid .blog-content .content {
		margin-bottom: 0;
		font-size: 14px;
		line-height: 20px;
	}

	/* Upcoming Game */
	.blog-post-two.upc-game {
		margin-bottom: 30px;
	}

	.blog-post-two.upc-game .blog-content .blog-title {
		margin-bottom: 5px;
	}

	.blog-post-two.upc-game .blog-content p {
		color: #FFF;
		font-size: 16px;
		line-height: 25px;
	}

	.related-game-inner .related-game .game-meta {
		list-style: none;
	}

	.related-game-inner .related-game .game-meta li {
		margin-right: 10px;
		position: relative;
		display: inline-block;
	}

	.related-game-inner .related-game .game-meta li a {
		color: #FFF;
		font-size: 12px;
		line-height: 25px;
		font-weight: 500;
	}

	.related-game-inner .related-game .game-meta li a:hover {
		color: #f68b1f;
	}

	.related-game-inner .related-game .game-meta li:after {
		content: '/';
		right: -9px;
		top: 0;
		position: absolute;
		color: #FFF;
		font-size: 10px;
	}

	.related-game-inner .related-game .game-meta li:last-child:after {
		display: none;
	}

	.related-game-inner .related-game .game-title {
		font-size: 16px;
		line-height: 25px;
		margin-bottom: 0;
	}

	.related-game-inner .related-game .game-title a {
		color: #FFF;
		font-weight: 600;
	}

	.related-game-inner .related-game .game-title a:hover {
		color: #f68b1f;
	}

	.games-video-slider-inner {
		margin-top: 30px;
	}

	.upc-game-items {
		border: 2px solid #1f1c1c;
		padding: 10px 0;
	}

	.upc-game-items .item:not(:first-child) {
		margin-top: 10px;
	}

	.upc-game-items .item:not(:last-child) {
		padding-bottom: 10px;
		border-bottom: 2px solid #1f1c1c;
	}

	.upc-game-items .item {
		padding-left: 10px;
		padding-right: 10px;
	}

	.upc-game-items .item .feature-image {
		float: left;
	}

	.upc-game-items .item .content {
		margin-left: 175px;
	}

	.upc-game-items .item .content .blog-title {
		font-size: 18px;
		line-height: 22px;
		margin-top: 10px;
	}

	.upc-game-items .item .content .read-btn {
		background-color: transparent;
		color: #fff;
		font-size: 14px;
		padding: 0;
	}

	.upc-game-items .item .content .read-btn i {
		margin-left: 4px;
		font-size: 8px;
		transition: all 0.3s ease-in-out;
		vertical-align: middle;
	}

	.upc-game-items .item .content .read-btn:hover {
		color: #f68b1f;
	}

	.upc-game-items .item .content .read-btn:hover i {
		margin-left: 6px;
	}

	.review-wrap {
		position: absolute;
		left: 10px;
		bottom: 5px;
	}

	.review-wrap .review-count {
		font-size: 14px;
		margin: 0;
		color: #ffeb3b;
		font-weight: 700;
	}

	.review-wrap .review {
		line-height: 18px;
	}

	.review-wrap .review li {
		color: #ffeb3b;
	}

	.gallery-thumbs .swiper-slide.swiper-slide-active {
		border: 2px solid #f68b1f;
	}

	.latest-post.stategy .blog-content {
		padding: 20px;
		left: 0;
		bottom: 0;
	}

	.latest-post.stategy .blog-content .blog-title {
		font-size: 30px;
		line-height: 35px;
	}

	.latest-post.stategy .blog-content .content {
		font-size: 14px;
		line-height: 22px;
		margin-top: 5px;
	}

	/* Upcoming Game Two*/
	#upcoming-game-two {
		padding: 69px 0;
	}

	.upc-game-two {
		background-color: rgba(0, 0, 0, 0.502);
		padding: 20px 30px;
		border-radius: 10px;
		margin-bottom: 20px;
	}

	.upc-game-two .feature-image {
		height: 140px;
		width: 140px;
		border-radius: 50%;
		overflow: hidden;
		float: left;
	}

	.upc-game-two .game-content {
		margin-left: 160px;
	}

	.upc-game-two .game-content h3 {
		color: #fff;
		font-size: 25px;
		font-weight: 500;
		line-height: 40px;
		margin-bottom: 0;
	}

	.upc-game-two .game-content h3 a {
		color: #fff;
	}

	.upc-game-two .game-content h3 a:hover {
		color: #fd0e0e;
	}

	.upc-game-two .game-content p {
		color: #cecece;
		font-weight: 500;
		margin-bottom: 10px;
		line-height: 26px;
	}

	.upc-game-two .game-content .meta-three a {
		font-size: 14px;
		font-weight: 500;
		color: #d7d7d7;
		margin-right: 10px;
		margin-right: 10px;
	}

	.upc-game-two .game-content .meta-three a i {
		margin-right: 5px;
	}

	.upc-game-two .game-content .meta-three a:hover {
		text-decoration: underline;
	}

	/* Game Blog Post */
	#game-post {
		padding-top: 70px;
	}

	.latest-post.game-blog-post {
		border-radius: 5px;
		overflow: hidden;
		max-width: 500px;
	}

	.latest-post.game-blog-post .blog-content .blog-title {
		line-height: 20px;
		margin: 0;
	}

	.latest-post.game-blog-post .blog-content .blog-title a {
		font-size: 20px;
		font-weight: 700;
	}

	.latest-post.game-blog-post .blog-content .blog-title a:hover {
		color: #ffc107;
	}

	.latest-post.game-blog-post .blog-content .blog-title a {
		line-height: 20px;
		font-size: 20px;
		font-weight: 700;
	}

	.latest-post.game-blog-post .blog-content .review li {
		font-size: 13px;
		line-height: 13px;
		color: #ffc107;
	}

	.latest-post.game-blog-post .blog-content .meta li {
		margin-right: 0;
	}

	.latest-post.game-blog-post .blog-content .meta li a:hover {
		color: #ffc107;
	}

	.latest-post.game-blog-post .blog-content .follow-btn {
		position: absolute;
		right: 30px;
		bottom: 20px;
	}

	.game-large-player .youtube-wrapper {
		border-radius: 5px;
		padding-bottom: 55.5%;
	}

	.game-large-player .youtube-wrapper .youtube-poster {
		height: 405px;
	}

	.game-large-player .youtube-wrapper:before {
		font-size: 100px;
	}

	.sidebar-blog {
		background: #111;
		padding: 10px 10px 20px 10px;
		border-radius: 5px;
		max-width: 500px;
	}

	.sidebar-blog .feature-image {
		float: left;
	}

	.sidebar-blog .feature-image img {
		width: 100%;
		border-radius: 5px;
		overflow: hidden;
	}

	.sidebar-blog .blog-content {
		margin-left: 120px;
	}

	.sidebar-blog .blog-content .blog-title {
		font-size: 18px;
		margin: 10px 0 0;
	}

	.sidebar-blog .blog-content .blog-title a:hover {
		color: #ffc107;
	}

	.sidebar-blog .blog-content .review li {
		color: #ffc107;
		font-size: 13px;
	}

	.sidebar-blog .blog-content .meta li {
		margin-right: 0;
		font-size: 14px;
		color: #ffc107;
	}

	.sidebar-blog .blog-content .meta li a:hover {
		color: #ffc107;
	}

	.sidebar-blog .blog-content .follow-btn {
		margin-top: 5px;
	}

	/* Gaming Post */
	.gaming-post .feature-image {
		border-radius: 5px;
		position: relative;
	}

	.gaming-post .feature-image .post-meta-right {
		margin: 0;
		padding: 0;
		list-style: none;
		position: absolute;
		top: 50px;
		right: -1px;
	}

	.gaming-post .feature-image .post-meta-right li {
		text-align: right;
		background: #f68b1f;
		padding: 0 10px;
		margin-bottom: 5px;
		border-bottom-left-radius: 20px;
		border-top-left-radius: 20px;
		-ms-transform: translateX(100%);
		transform: translateX(100%);
		transition: all 0.5s ease-in-out;
	}

	.gaming-post .feature-image .post-meta-right li:nth-child(2) {
		transition-delay: 0.1s;
	}

	.gaming-post .feature-image .post-meta-right li:nth-child(3) {
		transition-delay: 0.2s;
	}

	.gaming-post .feature-image .post-meta-right li a {
		color: #fff;
		font-size: 14px;
		font-weight: 600;
	}

	.gaming-post .feature-image .post-meta-right li a i {
		margin-right: 5px;
	}

	.gaming-post .feature-image:hover .post-meta-right li {
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	.gaming-post .feature-image .blog-content {
		position: absolute;
		left: 20px;
		bottom: 10px;
		width: 90%;
	}

	.gaming-post .feature-image .blog-content .blog-title {
		font-size: 18px;
		line-height: 25px;
		font-weight: 700;
		color: #fff;
		margin: 0;
	}

	.gaming-post .feature-image .blog-content .blog-title a {
		color: #fff;
	}

	.gaming-post .feature-image .blog-content .blog-title a:hover {
		color: #ffc107;
	}

	.gaming-post .feature-image .blog-content p {
		margin-bottom: 0;
		font-size: 16px;
		line-height: 22px;
		color: #fff;
	}

	/* Blog Post Clane */
	#latest-news-clan-two {
		background-size: cover;
	}

	.clan-blog-post {
		padding: 15px;
		background: #040404;
		border-radius: 7px;
	}

	.clan-blog-post img {
		width: 100%;
	}

	.clan-blog-post .content {
		margin-top: 25px;
	}

	.clan-blog-post .content h3 {
		font-size: 20px;
		line-height: 28px;
		font-weight: 600;
		margin: 0;
	}

	.clan-blog-post .content h3 a {
		color: #fff;
	}

	.clan-blog-post .content h3 a:hover {
		color: #fd0e0e;
	}

	.clan-blog-post .content .meta.meta-grey li {
		position: relative;
		margin-right: 5px;
	}

	.clan-blog-post .content .meta.meta-grey li:after {
		content: '.';
		position: absolute;
		right: -4px;
		bottom: 0;
		font-size: 32px;
		color: #4f4f4f;
		line-height: 37px;
	}

	.clan-blog-post .content .meta.meta-grey li:last-child:after {
		display: none;
	}

	.clan-blog-post .content .meta.meta-grey li a {
		font-size: 14px;
	}

	.clan-blog-post .content p {
		color: #b2b2b2;
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 12px;
		margin-top: 10px;
	}

	.clan-blog-post-list {
		padding: 15px;
		background: #040404;
		border-radius: 7px;
	}

	.clan-blog-post-list .clan-blog-list {
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: 1px solid #1f1313;
	}

	.clan-blog-post-list .clan-blog-list a img {
		border-radius: 10px;
	}

	.clan-blog-post-list .clan-blog-list .content {
		margin-left: 100px;
	}

	.clan-blog-post-list .clan-blog-list .content h4 {
		font-size: 16px;
		line-height: 24px;
		margin: 0;
	}

	.clan-blog-post-list .clan-blog-list .content h4 a {
		color: #fff;
	}

	.clan-blog-post-list .clan-blog-list .content h4 a:hover {
		color: #f68b1f;
	}

	.clan-blog-post-list .game-video-item {
		border-radius: 10px;
	}

	.author-about .avatar {
		float: left;
		position: relative;
		z-index: 5;
		padding: 15px;
	}

	.author-about .avatar img {
		z-index: 5;
		height: 75px;
		width: 75px;
		border-radius: 50%;
	}

	.author-about .avatar:before {
		position: absolute;
		content: '';
		left: 0;
		top: 0;
		background-image: url("../../media/blog/49.png");
		height: 105px;
		width: 105px;
		z-index: -1;
	}

	.author-about .content {
		margin-left: 130px;
	}

	.author-about .content .author-name {
		font-size: 20px;
		color: #fff;
		font-weight: 600;
		margin: 0;
	}

	.author-about .content .social-link {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.author-about .content .social-link li {
		display: inline-block;
		margin-right: 10px;
	}

	.author-about .content .social-link li a {
		color: #fff;
		font-size: 14px;
	}

	.author-about .content p {
		font-size: 14px;
		line-height: 25px;
		color: #fff;
		margin-bottom: 0;
	}

	.comments-wrap .comments {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.comments-wrap .comments .comments-body .comments-inner {
		background: #090808;
		padding: 20px;
		border-radius: 10px;
		margin-bottom: 20px;
	}

	.comments-wrap .comments .comments-body .comments-inner .avatar {
		float: left;
	}

	.comments-wrap .comments .comments-body .comments-inner .avatar img {
		border-radius: 50%;
	}

	.comments-wrap .comments .comments-body .comments-inner .avatar-comments {
		margin-left: 90px;
	}

	.comments-wrap .comments .comments-body .comments-inner .avatar-comments p {
		margin: 0;
	}

	.comments-wrap .comments .comments-body .comments-inner .comments-author {
		display: inline-block;
		position: relative;
	}

	.comments-wrap .comments .comments-body .comments-inner .comments-author a {
		color: #fff;
		font-size: 16px;
		font-weight: 700;
	}

	.comments-wrap .comments .comments-body .comments-inner .comments-author a:hover {
		color: #ffc107;
	}

	.comments-wrap .comments .comments-body .comments-inner .avatar-meta {
		margin: 0 15px;
		display: inline-block;
		color: #858585;
		font-size: 16px;
		font-weight: 500;
		position: relative;
	}

	.comments-wrap .comments .comments-body .comments-inner .avatar-meta:hover {
		color: #ffc107;
	}

	.comments-wrap .comments .comments-body .comments-inner .avatar-meta:hover:before, .comments-wrap .comments .comments-body .comments-inner .avatar-meta:hover:after {
		color: #858585;
	}

	.comments-wrap .comments .comments-body .comments-inner .avatar-meta:after, .comments-wrap .comments .comments-body .comments-inner .avatar-meta:before {
		position: absolute;
		content: '|';
		top: 1px;
	}

	.comments-wrap .comments .comments-body .comments-inner .avatar-meta:before {
		left: -10px;
	}

	.comments-wrap .comments .comments-body .comments-inner .avatar-meta:after {
		right: -10px;
	}

	.comments-wrap .comments .comments-body .comments-inner .reply {
		color: #ffc107;
		font-size: 16px;
		font-weight: 500;
	}

	.comments-wrap .comments .reply-comment {
		margin-left: 50px;
	}

	.comments-wrap .title {
		color: #fff;
		font-size: 25px;
		font-weight: 500;
		margin: 0 0 20px;
	}

	.comments-form .form-comments textarea, .comments-form .form-comments input {
		width: 100%;
		background: #161414;
		outline: 0;
		border: 0;
		color: #fff;
	}

	.comments-form .form-comments textarea::-webkit-input-placeholder, .comments-form .form-comments input::-webkit-input-placeholder {
		color: #fff;
	}

	.comments-form .form-comments textarea:-ms-input-placeholder, .comments-form .form-comments input:-ms-input-placeholder {
		color: #fff;
	}

	.comments-form .form-comments textarea::placeholder, .comments-form .form-comments input::placeholder {
		color: #fff;
	}

	.comments-form .form-comments textarea {
		height: 200px;
		padding: 10px 20px;
		border-radius: 5px;
		margin-bottom: 20px;
	}

	.comments-form .form-comments input {
		width: 50%;
		float: left;
		padding: 6px 20px;
		margin-bottom: 20px;
		height: 45px;
	}

	.comments-form .form-comments input.br {
		border-right: 1px solid #2d2d2d;
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}

	.comments-form .form-comments input.bdr {
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}

	.comments-form .form-comments .tim-btn-bg {
		cursor: pointer;
		padding: 16px 59px;
		margin-bottom: 20px;
		display: inline-block;
		background: #f68b1f;
	}

	.comments-form .form-comments .tim-btn-bg:hover {
		background: #fd0e0e;
	}

	/* Blog Grid */
	.blog-post-grid {
		padding-bottom: 20px;
		box-shadow: 0px 10px 0px 0px rgba(255, 255, 255, 0.16);
		border-radius: 5px;
		margin-bottom: 30px;
	}

	.blog-post-grid .featire-image {
		overflow: hidden;
		border-radius: 5px;
	}

	.blog-post-grid .featire-image img {
		width: 100%;
		transition: all 0.3s ease-in-out;
	}

	.blog-post-grid .featire-image:hover img {
		-ms-transform: scale(1.1) rotate(3deg);
		transform: scale(1.1) rotate(3deg);
	}

	.blog-post-grid .blog-content .blog-title {
		font-size: 16px;
		line-height: 25px;
		margin: 10px 0 0;
	}

	.blog-post-grid .blog-content .blog-title a:hover {
		color: #ffc107;
	}

	.blog-post-grid .blog-content p {
		font-size: 14px;
		color: #fff;
		line-height: 20px;
		margin-top: 5px;
	}

	.blog-post-grid .blog-content .tim-btn {
		font-size: 11px;
		line-height: 15px;
		padding: 5px 12px;
	}

	.blog-post-grid .blog-content .tim-btn:hover {
		color: #fff;
	}

	.blog-meta {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.blog-meta li {
		display: inline-block;
		margin-right: 3px;
		color: #fff;
		font-size: 14px;
	}

	.blog-meta li .avatar {
		margin-right: 10px;
	}

	.blog-meta li .admin {
		color: #fd0e0e;
	}

	.blog-meta li .admin:hover {
		color: #ffc107;
	}

	.blog-meta li .date {
		color: #fff;
	}

	.blog-meta li .date:hover {
		color: #ffc107;
	}

	.blog-grid-two-column {
		background: #000;
	}

	.blog-grid-four {
		background-attachment: fixed;
	}

	.single-post {
		padding: 50px 0;
	}

	.blog-details p {
		color: #fff;
		margin-bottom: 30px;
		font-size: 18px;
		line-height: 30px;
	}

	.blog-details .youtube-wrapper {
		margin-bottom: 30px;
	}

	.blog-details .youtube-wrapper .youtube-poster {
		height: 500px;
	}

	.blog-details h3 {
		font-size: 20px;
		font-weight: 700;
		margin: 0 0 10px;
		color: #fff;
	}

	.blog-details blockquote {
		padding: 35px 30px;
		background: #130101;
		color: #fff;
		font-size: 20px;
		line-height: 30px;
		font-weight: 600;
		border-left: 6px solid #ff0000;
		margin-bottom: 20px;
	}

	.blog-details .blog-inner-thumb {
		margin-bottom: 30px;
	}

	.blog-details .blog-inner-thumb img {
		width: 100%;
	}

	.tagCloud a {
		display: inline-block;
		padding: 5px 17px;
		color: #fff;
		background: #0d0b0b;
		font-size: 18px;
		line-height: 30px;
	}

	.tagCloud a:hover {
		background: #f68b1f;
	}

	.share {
		margin: 0;
		padding: 0;
		list-style: none;
		position: relative;
	}

	.share li {
		display: inline-block;
		position: relative;
		transition: all 0.3s ease-in-out;
		margin-right: 5px;
	}

	.share li a {
		color: #fff;
		display: block;
		height: 40px;
		width: 40px;
		text-align: center;
		line-height: 44px;
		border-radius: 50%;
	}

	.share li a.fb_bg {
		background: #3b5998;
	}

	.share li a.tw_bg {
		background: #1da1f2;
	}

	.share li a.go_bg {
		background: #ea4335;
	}

	.share li .like-count {
		display: block;
		position: absolute;
		height: 35px;
		width: 60px;
		background: #fff;
		left: 50%;
		top: -47px;
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		padding: 5px;
		text-align: center;
		visibility: hidden;
		opacity: 0;
		transition: all 0.3s ease-in-out;
	}

	.share li .like-count:after {
		content: '';
		width: 0;
		height: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 10px solid #fff;
		position: absolute;
		bottom: -10px;
		left: 50%;
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.share li:hover .like-count {
		opacity: 1;
		visibility: visible;
	}

	.author-about-inner {
		margin-top: 40px;
		border-bottom: 1px solid #252525;
	}

	.blog-comments-inner, .author-about-inner {
		background: #060505;
		padding: 50px;
	}

	.blog-comments-inner .commtent-title, .author-about-inner .commtent-title {
		color: #fff;
		font-size: 25px;
		line-height: 28px;
		margin-bottom: 20px;
		font-weight: 500;
	}

	.blog-comments-inner .comments-body p, .author-about-inner .comments-body p {
		color: #fff;
	}

	.blog-comments-inner .comments-form input[type="text"], .blog-comments-inner .comments-form textarea, .author-about-inner .comments-form input[type="text"], .author-about-inner .comments-form textarea {
		background: #000;
	}

	#related-post {
		position: relative;
	}

	#related-post .title {
		color: #fff;
		font-size: 30px;
		font-weight: 600;
		margin-bottom: 40px;
	}

	#related-post .slider-nav-prev:before, #related-post .slider-nav-next:before {
		background: #ec4e00;
	}

	.full-width {
		max-width: 970px;
		width: 100%;
		margin: 0 auto;
	}

	.full-width .blog-details .youtube-wrapper .youtube-poster {
		height: 580px;
	}

	.nav-links {
		margin: 0;
		padding: 0;
		list-style: none;
		position: relative;
		margin-top: 70px;
	}

	.nav-links li {
		display: inline-block;
		text-align: center;
		margin-right: 10px;
	}

	.nav-links li a {
		display: block;
		height: 30px;
		width: 30px;
		background: #232323;
		color: #fff;
		line-height: 30px;
		border-radius: 4px;
	}

	.nav-links li a:hover, .nav-links li a.active {
		background: #fd0e0e;
	}

	.nav-links li:nth-child(2) {
		position: absolute;
		bottom: -40px;
	}

	.nav-links li:nth-child(4) {
		position: absolute;
		top: -40px;
		left: 43px;
	}

	@media (max-width: 1024px) {
		.blog-content .blog-title {
			font-size: 22px;
			margin: 10px 0;
			z-index: 333;
		}
		.blog-content .content {
			font-size: 14px;
			line-height: 22px;
		}
		.cat li a {
			padding: 0 7px;
		}
		.upc-game-items .item .content .blog-title {
			font-size: 16px;
		}
		.recent-news .blog-title {
			font-size: 22px;
			margin: 10px 0;
		}
		.blog-details {
			padding: 0 20px;
		}
	}

	@media (max-width: 991px) {
		.blog-post-three {
			margin-bottom: 20px;
		}
	}

	@media (max-width: 768px) {
		.blog-content .blog-title {
			font-size: 20px;
			margin: 10px 0;
			z-index: 333;
		}
		.blog-post-two.blog-large .feature-image .blog-content .blog-title {
			font-size: 25px;
			line-height: 30px;
		}
		.latest-post.blog-large, .latest-post.blog-mid {
			margin-bottom: 20px;
		}
		.latest-post.blog-small:hover .blog-content .content .read-more {
			margin-top: 180px;
		}
		.related-game {
			margin-bottom: 20px;
		}
		.blog-post-two.blog-large {
			margin-bottom: 10px;
		}
		.top-mews-feature {
			margin-bottom: 20px;
		}
		.upc-game-items {
			margin-bottom: 20px;
		}
		.blog-details .blog-title {
			font-size: 25px;
		}
		.blog-inner-thumb .pr__15 {
			padding-right: 0 !important;
			margin-bottom: 15px;
		}
		.blog-details p {
			font-size: 16px;
			line-height: 26px;
			margin-bottom: 15px;
		}
		.blog-details blockquote {
			font-size: 18px;
			line-height: 26px;
		}
		.game-large-player .youtube-wrapper:before {
			font-size: 65px;
		}
		.tagCloud a {
			font-size: 14px;
			padding: 5px 8px;
		}
		.blog-comments-inner, .author-about-inner {
			padding: 25px;
		}
	}

	@media (max-width: 500px) {
		.blog-post-two.blog-large .feature-image .blog-content .blog-title {
			font-size: 20px;
			line-height: 25px;
		}
		.cat li a {
			padding: 0 8px;
			font-size: 13px;
		}
		.upc-game-items .item .content .blog-title {
			font-size: 14px;
			line-height: 20px;
		}
		.review-wrap .review li {
			font-size: 12px;
		}
		.recent-news .blog-title {
			font-size: 20px;
			line-height: 25px;
			margin-top: 10px;
		}
		.top-mews-feature {
			margin-bottom: 20px;
		}
		.top-mews-feature .blog-content .blog-title {
			font-size: 25px;
			line-height: 25px;
		}
		.comments-wrap .comments .reply-comment {
			margin-left: 20px;
		}
		.comments-wrap .comments .comments-body .comments-inner {
			padding: 15px;
		}
		.comments-wrap .comments .comments-body .comments-inner .avatar-comments {
			margin-left: 80px;
		}
		.comments-wrap .comments .comments-body .comments-inner .comments-author {
			margin-bottom: 0;
		}
		.comments-wrap .comments .comments-body .comments-inner .comments-author a {
			font-size: 14px;
		}
		.comments-wrap .comments .comments-body .comments-inner .avatar-meta {
			font-size: 14px;
			margin: 0 10px;
		}
		.author-about .content {
			margin-left: 115px;
		}
		.author-about .content p {
			line-height: 20px;
		}
		.blog-comments-inner p, .author-about-inner p {
			font-size: 14px;
			line-height: 20px;
		}
		.gaming-post .feature-image .blog-content .blog-title {
			font-size: 16px;
			line-height: 18px;
		}
		.upc-game-two .feature-image {
			float: none;
			margin: 0 auto;
		}
		.upc-game-two .game-content {
			margin-left: 0;
			margin-top: 20px;
			text-align: center;
		}
		.upc-game-two .game-content h3 {
			font-size: 20px;
		}
	}

/*--------------------------------------------------------------
	##  Video
	--------------------------------------------------------------*/
	#video {
		padding: 250px 0;
		text-align: center;
		position: relative;
		background-position: center center;
		background-size: cover;
	}

	.video-btn {
		height: 85px;
		width: 85px;
		border: 10px solid #f68b1f;
		text-align: center;
		line-height: 84px;
		display: inline-block;
		border-radius: 50%;
		padding-left: 10px;
		position: relative;
		outline: 0;
	}

	.video-btn:after {
		position: absolute;
		content: '';
		height: 161%;
		width: 161%;
		top: -20px;
		border: 10px solid rgba(246, 139, 41, 0.5);
		left: -20px;
		border-radius: 50%;
	}

	.video-btn i {
		font-size: 35px;
		color: #f68b1f;
	}

	#video-two {
		padding: 200px 0 60px;
		text-align: center;
		background-size: cover;
		background-position: center center;
	}

	.play-button {
		margin-bottom: 30px;
	}

	.play-button i {
		font-size: 117px;
		color: #fff;
		margin-bottom: 20px;
	}

	.play-button h3 {
		color: #fff;
		font-weight: 700;
		font-size: 30px;
	}

	.meta-inner .meta {
		margin-bottom: 20px;
	}

	.meta-inner .meta li {
		font-size: 20px;
		font-weight: 700;
		color: #fff;
	}

	.meta-inner .tim-btn-bg {
		padding: 14px 42px;
		font-size: 20px;
		display: inline-block;
	}

	@media (max-width: 1024px) {
		#video {
			padding: 150px 0;
		}
	}

	@media (max-width: 768px) {
		#video-two {
			padding: 100px 0 50px;
		}
		.play-button i {
			font-size: 75px;
		}
	}

/*--------------------------------------------------------------
	##  Behind
	--------------------------------------------------------------*/
	.behind-items .item {
		padding: 50px;
		text-align: center;
	}

	.behind-items .item .icone-wrap {
		height: 85px;
		width: 100px;
		text-align: center;
		margin: 0 auto 20px;
	}

	.behind-items .item .title {
		font-size: 25px;
		font-weight: 700;
		color: #FFF;
		letter-spacing: 0.10px;
	}

	.behind-items .item .content {
		font-size: 16px;
		font-weight: 500;
		color: #FFF;
	}

	.skew__left {
		-ms-transform: skewX(-6deg);
		transform: skewX(-6deg);
	}

	.skew__left .items-content {
		-ms-transform: skewX(6deg);
		transform: skewX(6deg);
	}

	.skew__right {
		-ms-transform: skewX(6deg);
		transform: skewX(6deg);
	}

	.skew__right .items-content {
		-ms-transform: skewX(-6deg);
		transform: skewX(-6deg);
	}

	.bg__one {
		background: rgb(61, 14, 3);
	}

	.bg__two {
		background: rgb(39, 8, 1);
	}

	.bg__three {
		background: rgb(39, 8, 1);
	}

	.bg__four {
		background: rgb(61, 14, 3);
	}

/*--------------------------------------------------------------
	##  Live Stream
	--------------------------------------------------------------*/
	.tim-tab-nav li {
		display: inline-block;
		line-height: 20px;
	}

	.tim-tab-nav li a {
		color: #fff;
		font-size: 18px;
		font-weight: 500;
		position: relative;
		margin-right: 35px;
	}

	.tim-tab-nav li a:hover, .tim-tab-nav li a.active {
		color: #f68b1f;
	}

	#live-stream {
		background-size: cover;
		background-position: center center;
	}

	#live-stream .tim-tab-nav {
		margin-bottom: 20px;
	}

	#live-stream .tim-tab-nav li a {
		padding-bottom: 16px;
	}

	#live-stream .tim-tab-nav li a:after {
		position: absolute;
		content: '';
		left: 0;
		bottom: 0;
		width: 0;
		height: 2px;
		background: #f68b1f;
		transition: all 0.3s ease-in-out;
	}

	#live-stream .tim-tab-nav li a:hover, #live-stream .tim-tab-nav li a.active {
		color: #FFF;
	}

	#live-stream .tim-tab-nav li a:hover:after, #live-stream .tim-tab-nav li a.active:after {
		width: 40px;
	}

	.game-video-item {
		overflow: hidden;
		position: relative;
	}

	.game-video-item .blog-content {
		position: absolute;
		left: 20px;
		bottom: 20px;
	}

	.game-video-item .video-play-btn {
		position: absolute;
		top: 50%;
		left: 50%;
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		color: #FFF;
		font-size: 50px;
		outline: none;
	}

	.game-height .feature-image img {
		width: auto;
		height: 193.5px;
	}

	.youtube-banner {
		height: 100%;
		overflow: hidden;
	}

	.youtube-wrapper {
		position: relative;
		padding-bottom: 59.7%;
		height: 0;
		overflow: hidden;
		max-width: 100%;
		background-color: #191a1c;
		cursor: pointer;
	}

	.youtube-wrapper:before {
		content: "\f144";
		font-family: 'FontAwesome';
		font-size: 50px;
		margin-top: 7px;
		margin-left: 3px;
		position: absolute;
		top: 50%;
		left: 50%;
		color: #fff;
		z-index: 2;
		cursor: pointer;
		visibility: visible;
		transform: translate3d(-50%, -50%, 0) scale(1);
		-moz-transform: translate3d(-50%, -50%, 0);
		-webkit-transform: translate3d(-50%, -50%, 0);
		transition: transform .2s, opacity .2s;
		-moz-transition: transform .2s, opacity .2s;
		-webkit-transition: transform .2s, opacity .2s;
	}

	.youtube-wrapper.reveal:after, .youtube-wrapper.reveal:before, .youtube-wrapper.reveal .blog-content {
		opacity: 0;
		visibility: hidden;
		transition: visibility .4s, opacity .4s;
	}

	.youtube-wrapper.reveal iframe {
		visibility: visible;
	}

	.youtube-wrapper iframe, .youtube-wrapper object, .youtube-wrapper embed {
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		border: none;
		visibility: hidden;
	}

	.youtube-wrapper .youtube-poster {
		height: 387px;
		background-position: center;
		background-size: cover;
	}

	@media (max-width: 1024px) {
		.game-height .feature-image img {
			height: 162px;
		}
	}

	@media (max-width: 768px) {
		.game-video-item {
			margin-bottom: 20px;
		}
		.game-height .feature-image img {
			width: 100%;
			height: auto;
		}
		.tim-tab-nav li a {
			margin-right: 20px;
		}
	}

/*--------------------------------------------------------------
	##  Game Strategy
	--------------------------------------------------------------*/
	#game-strategy {
		background: #000;
	}

	#game-strategy .section-icon-title {
		padding: 25px 20px;
	}

	.tim-tab-nav-two {
		margin: 0;
		padding: 0;
		list-style: none;
		margin-bottom: 20px;
	}

	.tim-tab-nav-two li {
		display: inline-block;
		text-align: center;
		width: 50%;
		float: left;
	}

	.tim-tab-nav-two li a {
		padding: 21px 0;
		color: #fff;
		display: inline-block;
		width: 100%;
		background: #0d0e18;
		font-size: 18px;
		font-weight: 500;
		text-transform: uppercase;
	}

	.tim-tab-nav-two li a:hover, .tim-tab-nav-two li a.active {
		background: #fd0e0e;
	}

	@keyframes fadeIn {
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
		}
	}

	.tab-content .tab-pane.active {
		animation: fadeIn .75s ease forwards;
	}

	.latest-post.stategy-small {
		text-align: center;
	}

	.latest-post.stategy-small .blog-content {
		height: 100%;
		width: 100%;
		left: 0;
		top: 0;
		bottom: auto;
	}

	.latest-post.stategy-small .blog-content:after {
		position: absolute;
		content: '';
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		background: rgba(253, 14, 14, 0);
		transition: all 0.3s ease-in-out;
	}

	.latest-post.stategy-small .blog-content .content {
		position: absolute;
		top: 50%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 100%;
		left: 0;
		height: auto;
		z-index: 2;
	}

	.latest-post.stategy-small .blog-content .content .blog-title {
		margin-top: 0;
	}

	.latest-post.stategy-small:hover .blog-content:after {
		background: rgba(253, 14, 14, 0.7);
	}

	.latest-post.stategy-mid.stategy .blog-title {
		font-size: 25px;
		line-height: 30px;
	}

	@media (max-width: 500px) {
		.game-tips .cart-btn-two, .game-tips .button-wrap .popup-btn-two {
			padding: 12px 30px;
		}
		.content-with-image img {
			width: 100%;
		}
		.game-tips p:first-child {
			margin-bottom: 10px;
		}
		.section-icon-title .float-left {
			float: none !important;
			margin-bottom: 10px;
		}
		.tim-tab-nav li a {
			margin-right: 10px;
		}
	}

/*--------------------------------------------------------------
	##  Add
	--------------------------------------------------------------*/
	#adds {
		background: #000;
	}

	.add-big-wrap {
		position: relative;
	}

	.add-big-wrap img {
		width: 100%;
	}

	.add-big-wrap .adds-content {
		position: absolute;
		left: 0;
		top: 0;
		width: 80%;
		height: 100%;
	}

	.add-big-wrap .adds-content .content {
		position: absolute;
		top: 50%;
		left: 70px;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.add-big-wrap .adds-content .add-title a {
		color: #fff;
		font-size: 30px;
		line-height: 40px;
		font-weight: 700;
		margin-top: 0;
	}

	.add-big-wrap .adds-content .add-title a:hover {
		color: #f68b1f;
	}

	.add-big-wrap .adds-content .popup-btn {
		font-size: 16px;
		font-weight: 600;
		padding: 8px 28px;
	}

	.add-big-wrap .adds-content .popup-btn i {
		background: transparent;
		height: auto;
		width: auto;
		color: #fff;
	}

	.add-detail {
		position: absolute;
		right: 0;
		top: 0;
		width: 30%;
		height: 100%;
		text-align: right;
		padding: 10px 30px 30px 0;
	}

	.add-detail .add-batch {
		background: #000;
		color: #fff;
		font-size: 14px;
		padding: 0 9px;
		line-height: 20px;
		display: inline-block;
	}

	.add-detail .add-size-title {
		font-size: 20px;
		font-weight: 700;
		color: #fff;
		margin: 25px 0 0;
	}

	.add-detail .advertize {
		color: #fff;
		position: absolute;
		left: 20px;
		right: 30px;
		font-weight: 700;
		bottom: 20px;
		margin: 0;
		font-size: 14px;
	}

	.add-small {
		position: relative;
	}

	.add-small img {
		width: 100%;
	}

	.add-small .adds-content {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 10px 10px 20px 20px;
	}

	.add-small .adds-content .add-batch {
		background: rgba(0, 0, 0, 0.2);
		color: #fff;
		font-size: 14px;
		padding: 0 9px;
		line-height: 20px;
		display: inline-block;
	}

	.add-small .adds-content .add-title {
		font-size: 25px;
		line-height: 30px;
		margin-top: 30px;
	}

	.add-small .adds-content .add-title a {
		color: #fff;
		margin: 0;
		font-weight: 700;
	}

	.add-small .adds-content .add-title a:hover {
		color: #f68b1f;
	}

	.add-small .adds-content .add-detail {
		width: 100%;
		bottom: 0;
		text-align: left;
	}

	.add-small .adds-content .popup-btn {
		padding: 6px 17px;
		font-size: 16px;
	}

	.add-small .adds-content .popup-btn i {
		background: transparent;
		color: #fff;
		height: auto;
		width: auto;
	}

	.add-small .adds-content .add-size-title {
		color: #fff;
		font-weight: 700;
		font-size: 18px;
		margin-top: 30px;
	}

	@media (min-width: 768px) and (max-width: 1024px) {
		.add-small .adds-content {
			padding: 10px;
		}
		.add-small .adds-content .add-title {
			font-size: 15px;
			line-height: 20px;
		}
		.add-small .adds-content .popup-btn {
			padding: 6px 10px;
			font-size: 14px;
			margin-top: 0;
		}
		.add-small .adds-content .add-size-title {
			font-size: 12px;
			margin-top: 7px;
		}
		.popup-btn {
			margin-top: 10px;
		}
		.add-big-wrap .adds-content .add-title {
			line-height: 25px;
		}
		.add-big-wrap .adds-content .add-title a {
			font-size: 22px;
			line-height: 25px;
		}
	}

	@media (max-width: 768px) {
		.add-big-wrap {
			margin-bottom: 10px;
		}
		.add-big-wrap.pr__15 {
			padding-right: 0 !important;
		}
		.add-big-wrap img {
			height: 200px;
			width: 100%;
		}
		.add-big-wrap .adds-content .content {
			left: 30px;
		}
		.add-big-wrap .adds-content .add-title {
			line-height: 25px;
		}
		.add-big-wrap .adds-content .add-title a {
			font-size: 20px;
			line-height: 25px;
		}
		.add-small {
			height: 250px;
		}
		.add-small img {
			height: 100%;
			width: auto;
		}
		.add-small .adds-content .add-title {
			font-size: 18px;
			line-height: 25px;
			margin-top: 10px;
		}
		.add-small .float-right {
			float: none !important;
		}
	}

	@media (max-width: 500px) {
		.add-big-wrap .adds-content .add-title br {
			display: none;
		}
		.add-big-wrap {
			overflow: hidden;
			margin-bottom: 20px;
		}
		.add-big-wrap img {
			height: 100%;
			width: auto;
		}
		.add-big-wrap .adds-content {
			width: 100%;
		}
		.add-big-wrap .adds-content .content {
			position: static;
			left: 35px;
			-ms-transform: translate(0);
			transform: translate(0);
			padding: 10px;
		}
		.add-detail {
			width: 100%;
			height: 100px;
			bottom: 0;
			top: auto;
			text-align: left;
		}
		.add-detail .add-size-title {
			margin-left: 10px;
			margin-top: 0;
		}
		.add-detail .advertize {
			left: 10px;
		}
	}

/*--------------------------------------------------------------
	##  Newsletter
	--------------------------------------------------------------*/
	.news_letter {
		background: #000;
		padding: 30px;
	}

	.news_letter.section-padding {
		padding: 30px 0 80px;
	}

	.newsletter-wrap {
		padding: 50px;
	}

	.newsletter-wrap .newsletter-content .newsletter-title {
		color: #fff;
		font-size: 30px;
		line-height: 40px;
		margin-bottom: 0;
	}

	.newsletter-wrap .newsletter-content p {
		color: #fff;
		margin-bottom: 0;
	}

	.newsletter-form-wrap {
		padding: 25px 0;
	}

	.newsletter-form-wrap .news-form input {
		height: 46px;
		max-width: 280px;
		width: 100%;
		padding: 0 10px;
		border: 2px solid #fff;
		background: transparent;
		color: #fff;
		margin-right: 4px;
		outline: 0;
	}

	.newsletter-form-wrap .news-form input::-webkit-input-placeholder {
		color: #fff;
	}

	.newsletter-form-wrap .news-form input:-ms-input-placeholder {
		color: #fff;
	}

	.newsletter-form-wrap .news-form input::placeholder {
		color: #fff;
	}

	.newsletter-form-wrap .news-form button {
		width: 120px;
		text-align: center;
	}

	.nwl-border {
		padding: 50px;
		border-top: 1px solid #1d1f21;
		border-bottom: 1px solid #1d1f21;
		margin-top: 50px;
		text-align: center;
	}

	.nwl-title h2 {
		color: #fff;
		font-size: 30px;
	}

	.nwl-title p {
		color: #fff;
		margin-bottom: 25px;
	}

	#nsletter-two {
		max-width: 570px;
		margin: 0 auto;
	}

	#nsletter-two input {
		width: 100%;
		background: #000;
		color: #fff;
		height: 50px;
		border: 0;
		outline: 0;
		padding: 10px 20px;
		border-bottom-left-radius: 5px;
		border-top-left-radius: 5px;
	}

	#nsletter-two input::-webkit-input-placeholder {
		color: #bababa;
	}

	#nsletter-two input:-ms-input-placeholder {
		color: #bababa;
	}

	#nsletter-two input::placeholder {
		color: #bababa;
	}

	.nwl-btn {
		padding: 10px;
		width: 140px;
		font-size: 20px;
		text-transform: uppercase;
		color: #fff;
		background: #f68b1f;
		border: 0;
		border-bottom-right-radius: 5px;
		border-top-right-radius: 5px;
		outline: 0;
		cursor: pointer;
	}

	.nwl-btn:after {
		left: -60px;
	}

	.nwl-btn i {
		display: none;
	}

	#newsletter-two {
		overflow: hidden;
	}

	/* Countup */
	.counter-box .count .counter {
		height: 90px;
		width: 90px;
		margin: 0 auto;
		line-height: 100px;
		margin-bottom: 10px;
	}

	.counter-box .count .counter span {
		display: inline-block;
		color: #fff;
		font-weight: 700;
		font-size: 25px;
	}

	.counter-box .count h3 {
		font-size: 20px;
		font-weight: 500;
		color: #fff;
		line-height: 25px;
	}

	@media (max-width: 1024px) {
		.newsletter-wrap .newsletter-content .newsletter-title {
			font-size: 25px;
		}
	}

	@media (max-width: 991px) {
		#nsletter-two input {
			border: 1px solid #1d1d1d;
		}
	}

	@media (max-width: 768px) {
		.newsletter-wrap {
			padding: 30px;
		}
		.newsletter-form-wrap {
			padding: 20px 0 0;
		}
	}

	@media (max-width: 500px) {
		.news_letter {
			padding: 15px;
		}
		.newsletter-wrap .newsletter-content .newsletter-title {
			font-size: 18px;
			line-height: 20px;
			margin-bottom: 10px;
		}
		.newsletter-wrap .newsletter-content p {
			line-height: 20px;
		}
		.news-form {
			text-align: center;
		}
		.news-form input {
			margin-bottom: 10px;
		}
		.news-form.d-flex {
			display: block !important;
		}
		.newsletter-wrap {
			padding: 20px 6px;
		}
		#nsletter-two.d-flex {
			display: block !important;
		}
		#nsletter-two input {
			margin-bottom: 10px;
			border-radius: 5px;
		}
		#nsletter-two .nwl-btn {
			border-radius: 5px;
			padding: 13px;
		}
	}

/*--------------------------------------------------------------
	##  Page Header
	--------------------------------------------------------------*/
	#page-header {
		height: 370px;
		background-size: cover;
		background-position: center center;
		padding-top: 155px;
	}

	.page-title-wrap {
		position: relative;
		height: 200px;
	}

	.page-title-wrap .page-title-inner {
		position: absolute;
		top: 50%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 100%;
		text-align: center;
		left: 0;
	}

	.page-title-wrap .page-title-inner h1 {
		color: #fff;
		font-size: 40px;
		font-family: my_girl_is_retroregular, sans-serif;
		margin-bottom: 0;
	}

	.page-title-wrap .page-title-inner h3 {
		color: #fff;
		font-size: 20px;
		margin-bottom: 0;
	}

	.page-title-wrap .page-title-inner:after {
		position: absolute;
		content: '';
		background-image: url("../../index-2.html");
	}

	.page-title-wrap .page-title-inner .delemitter {
		display: block;
		height: 50px;
		background-repeat: no-repeat;
		max-width: 237px;
		margin: 0 auto;
	}

	@media (max-width: 991px) {
		#page-header {
			height: 200px;
			padding-top: 0;
		}
	}

/*--------------------------------------------------------------
	##  Game Feature
	--------------------------------------------------------------*/
	#feature-game {
		position: relative;
	}

	#feature-game .container {
		position: relative;
	}

	#feature-game-two {
		position: relative;
	}

	#feature-game-two .container {
		position: relative;
	}

	.slider-nav-prev,
	.slider-nav-next {
		position: absolute;
		top: 58%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		height: 40px;
		width: 40px;
		transition: all 0.3s ease-in-out;
		text-align: center;
		line-height: 45px;
		cursor: pointer;
	}

	.slider-nav-prev i,
	.slider-nav-next i {
		color: #fff;
		font-size: 20px;
		z-index: 2;
	}

	.slider-nav-prev:before,
	.slider-nav-next:before {
		position: absolute;
		content: '';
		left: 0;
		top: 0;
		height: 40px;
		width: 40px;
		background: #f68b1f;
		z-index: -1;
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.slider-nav-prev:hover,
	.slider-nav-next:hover {
		opacity: 0.8;
	}

	.slider-nav-prev {
		left: -5%;
	}

	.slider-nav-next {
		right: -5%;
	}

	.game-feature-slider .game-items .item .game-content {
		width: 100%;
	}

	.game-feature-slider .game-items .item .game-content h3 {
		line-height: 20px;
		margin-bottom: 0;
	}

	.game-feature-slider .game-items .item .game-content h3 a {
		font-size: 20px;
		line-height: 20px;
		font-weight: 700;
	}

	.game-feature-slider .game-items .item .game-content h3 a:hover {
		color: #ffc107;
	}

	.game-feature-slider .game-items .item .game-content .review li {
		font-size: 13px;
		line-height: 13px;
		color: #ffc107;
	}

	.game-feature-slider .game-items .item .game-content .meta li {
		margin-right: 0;
	}

	.game-feature-slider .game-items .item .game-content .meta li a:hover {
		color: #ffc107;
	}

	.game-feature-slider .game-items .item .game-content .details-btn {
		position: absolute;
		right: 50px;
		bottom: 30px;
	}

	.game-feature-slider .game-items .item:hover img {
		-ms-transform: scale(1.02);
		transform: scale(1.02);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	@media (min-width: 768px) and (max-width: 1024px) {
		#feature-game-nav-prev, #feature-game-nav-next {
			display: none;
		}
	}

	@media (min-width: 600px) and (max-width: 767px) {
		#feature-game-nav-prev, #feature-game-nav-next {
			height: 30px;
			width: 30px;
			line-height: 35px;
			display: none;
		}
		#feature-game-nav-prev:before, #feature-game-nav-next:before {
			height: 30px;
			width: 30px;
		}
		
	}

	@media (max-width: 500px) {
		#feature-game-nav-prev, #feature-game-nav-next {
			display: none;
		}
		.slider-nav-prev, .slider-nav-next {
			display: none;
		}
	}

/*--------------------------------------------------------------
	##  Tranding Game
	--------------------------------------------------------------*/
	#tranding-game {
		background-size: cover;
		background-position: center center;
		background-attachment: fixed;
	}

	#tranding-game .section-title .section-content p {
		margin-bottom: 30px;
	}

	.rating-with-social h3 {
		font-size: 30px;
		font-weight: 700;
		color: #fff;
		margin: 0;
	}

	.rating-with-social .review li {
		font-size: 20px;
	}

	.social-link li {
		display: inline-block;
		margin-right: 10px;
	}

	.social-link li a {
		color: #fff;
		font-size: 18px;
	}

	.win-dwn-btn {
		font-size: 20px;
		font-weight: 700;
		color: #fff;
		display: inline-block;
		margin-top: 40px;
	}

	.win-dwn-btn img {
		margin-right: 10px;
	}

	.win-dwn-btn:hover {
		color: #ffc107;
	}

	@media (max-width: 500px) {
		.rating-with-social h3 {
			font-size: 20px;
		}
		.rating-with-social .review li {
			font-size: 15px;
		}
		.social-link li a {
			font-size: 13px;
		}
	}

/*--------------------------------------------------------------
	##  Logo Carouser
	--------------------------------------------------------------*/
	#logo-carousel {
		margin: -1px 0;
	}

	.tim-logo-carousel {
		text-align: center;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
	}

/*--------------------------------------------------------------
	##  Over View
	--------------------------------------------------------------*/
	.download-inner .title {
		font-size: 30px;
		line-height: 45px;
		color: #fff;
		font-weight: 700;
		margin-bottom: 20px;
	}

	.download-inner .title span {
		font-weight: 400;
	}

	.download-inner p {
		color: #fff;
		font-weight: 600;
		line-height: 30px;
		margin-bottom: 30px;
	}

	.download-inner p:last-child {
		margin-bottom: 0;
	}

	.download-inner .play-store-btn {
		margin-right: 10px;
	}

	.download-image-wrap {
		text-align: right;
	}

	.download-image-wrap img {
		width: 100%;
	}

	.download-inner.d-inner-two {
		position: relative;
		margin-bottom: 80px;
	}

	.download-inner.d-inner-two h2 {
		font-size: 40px;
		line-height: 45px;
	}

	.download-inner.d-inner-two h2 p {
		font-size: 16px;
		line-height: 26px;
		font-weight: 600;
		margin-bottom: 40px;
	}

	#game-download-two {
		padding: 150px 0 40px;
		background-size: cover;
		background-position: center center;
	}

	@media (max-width: 768px) {
		.download-image-wrap {
			margin-top: 30px;
		}
		.download-inner.d-inner-two {
			margin-bottom: 30px;
		}
		.download-inner.d-inner-two h2 {
			font-size: 25px;
			line-height: 30px;
		}
		.download-inner p br {
			display: none;
		}
		#game-download-two {
			text-align: center;
			padding: 100px 0 30px;
		}
	}

/*--------------------------------------------------------------
	##  Purchase Game
	--------------------------------------------------------------*/
	#purchase {
		background-size: cover;
		background-position: center center;
		padding: 100px 0 70px;
	}

	.game-info {
		margin-bottom: 20px;
	}

	.game-info p {
		font-weight: 600;
		color: #fff;
		font-size: 18px;
		margin: 0;
	}

	.game-info p span {
		font-weight: 400;
		font-size: 16px;
	}

	.purhase-game-inner > p {
		color: #fff;
		font-size: 16px;
		line-height: 25px;
		margin-bottom: 30px;
	}

	.purhase-game-inner .tim-btn {
		background: #f68b1f;
		font-size: 20px;
		line-height: 20px;
		padding: 14px 42px;
		vertical-align: middle;
		margin-top: 20px;
	}

	.purhase-game-inner .tim-btn:after {
		background: #f68b1f;
	}

	.purhase-game-inner .tim-btn:hover {
		color: #fff;
		border-color: #f68b1f;
	}


/*--------------------------------------------------------------
	##  Game Review
	--------------------------------------------------------------*/
	.review-inner {
		padding: 15px;
		background-size: cover;
	}

	.review-slider {
		position: relative;
	}

	.review-slider .swiper-slide img {
		width: 100%;
	}

	.review-slider #review-nav-prev, .review-slider #review-nav-next {
		position: absolute;
		top: 50%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		z-index: 100;
		height: 30px;
		width: 30px;
		line-height: 30px;
		color: #fff;
		background: rgba(0, 0, 0, 0.58);
		border-radius: 4px;
		text-align: center;
		cursor: pointer;
	}

	#review-nav-prev {
		left: 15px;
	}

	#review-nav-next {
		right: 15px;
	}

	.revied-gread {
		background: rgba(0, 0, 0, 0.5);
		text-align: center;
		padding: 40px 10px;
	}

	.revied-gread .gread {
		height: 100px;
		width: 100px;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-align: center;
		align-items: center;
		margin: 0 auto;
		border: 7px solid rgba(255, 255, 255, 0.5);
		border-radius: 50%;
		margin-bottom: 20px;
	}

	.revied-gread .gread h3 {
		font-size: 50px;
		margin: 0;
		font-weight: 700;
		color: #ffc107;
		line-height: 35px;
		margin-top: 5px;
	}

	.revied-gread .review {
		margin-bottom: 50px;
	}

	.revied-gread .review li {
		font-size: 20px;
		color: #ffc107;
	}

	.revied-gread .review-text {
		color: #fff;
		font-size: 16px;
		line-height: 25px;
		color: #ffc107;
	}

	.revied-gread .review-text i {
		color: #fff;
	}

	.revied-gread .review-text .fa-quote-left {
		margin-right: 5px;
	}

	.revied-gread .review-text .fa-quote-right {
		margin-left: 5px;
	}

	.revied-gread .avatar {
		height: 55px;
		width: 55px;
		border: 5px solid rgba(255, 255, 255, 0.5);
		border-radius: 50%;
		text-align: center;
		margin: 0 auto;
	}

	.revied-gread .avatar img {
		border-radius: 50%;
		width: 100%;
	}

	.game-details-wrap {
		display: -ms-flexbox;
		display: flex;
	}

	.game-tips-inner hr {
		margin: 30px 0 50px;
		border-bottom: 1px solid #252525;
	}

	.game-tips-inner .tips-bg {
		background: rgba(0, 0, 0, 0.5);
		padding: 50px 40px;
		border-radius: 10px;
	}

	.game-details {
		margin-top: 20px;
	}

	.game-details h4 {
		color: #fff;
		font-size: 20px;
		margin: 0;
		font-weight: 600;
		text-transform: uppercase;
		margin-bottom: 15px;
	}

	.game-details .gfeature {
		margin: 0 50px 0 0;
		padding: 0;
		list-style: none;
		float: left;
	}

	.game-details .gfeature li {
		color: #fff;
		font-size: 16px;
		line-height: 25px;
		position: relative;
		margin-left: 20px;
		font-weight: 500;
	}

	.game-details .gfeature li:before {
		position: absolute;
		content: "\f05d";
		font: normal normal normal 14px/1 FontAwesome;
		left: -18px;
		top: 4px;
	}

	/* Game Tips */
	.game-tips h3 {
		font-size: 30px;
		line-height: 25px;
		font-weight: 500;
		color: #fff;
		margin-bottom: 30px;
	}

	.game-tips p {
		color: #bfbfbf;
		font-size: 16px;
		line-height: 28px;
		font-weight: 400;
	}

	.game-tips p:first-child {
		margin-bottom: 30px;
	}

	.game-tips ul.tips-item {
		margin: 0;
		padding: 0;
		list-style: none;
		margin-bottom: 30px;
	}

	.game-tips ul.tips-item li {
		font-size: 16px;
		line-height: 28px;
		font-weight: 500;
		margin-left: 25px;
		color: #bfbfbf;
		position: relative;
	}

	.game-tips ul.tips-item li:after {
		position: absolute;
		content: "\f05d";
		font: normal normal normal 14px/1 FontAwesome;
		left: -20px;
		top: 5px;
		color: #fd0e0e;
	}

	.game-tips .game-large-player .youtube-wrapper {
		padding-bottom: 56.3%;
	}

	.game-tips .game-large-player .youtube-wrapper .youtube-poster {
		height: 411px;
	}

	.widgets-titleb {
		font-size: 30px;
		font-weight: 500;
		color: #fff;
		margin: 0 0 20px;
	}

	.widgets-title {
		font-size: 25px;
		color: #fff;
		margin-top: 0;
		margin-bottom: 20px;
	}

	.feature-video-sm {
		position: relative;
		background: #080400;
		padding: 15px;
		border-radius: 10px;
	}

	.feature-video-sm img {
		border-radius: 10px;
		width: 100%;
	}

	.feature-video-sm .popup-btn-three {
		height: 50px;
		width: 50px;
		line-height: 55px;
		border-radius: 50%;
		background: #ffc107;
		position: absolute;
		left: 50%;
		top: 50%;
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		text-align: center;
		font-size: 20px;
		outline: 0;
	}

	.feature-video-sm .popup-btn-three i {
		color: #fff;
		margin-left: 3px;
	}

	.button-wrap .popup-btn-two {
		padding: 14px 40px;
		text-transform: uppercase;
		font-size: 20px;
		background: #00d2ff;
		line-height: 20px;
	}

	.button-wrap .popup-btn-two i {
		margin-right: 8px;
	}

	.button-wrap .popup-btn-two:hover, .button-wrap .popup-btn-two:focus {
		background: #487b00;
	}

	.content-with-image {
		margin-bottom: 50px;
	}

	.content-with-image img {
		float: left;
	}

	.content-with-image .content {
		margin-left: 360px;
	}

	.content-with-image .content p {
		color: #bfbfbf;
		font-size: 16px;
		line-height: 28px;
		font-weight: 500;
	}

	@media (min-width: 769px) and (max-width: 1200px) {
		.game-details .gfeature {
			margin: 0 10px 0 0;
		}
		.game-blog-post {
			margin-top: 20px;
		}
	}

	@media (max-width: 768px) {
		.review-inner .pr__15 {
			padding-right: 0 !important;
		}
		.game-details {
			margin-bottom: 20px;
		}
		.content-with-image img {
			float: none;
			margin-bottom: 10px;
		}
		.content-with-image .content {
			margin-left: 0;
		}
		.review-inner {
			margin-bottom: 20px;
		}
	}

	@media (max-width: 500px) {
		.review-inner {
			margin-bottom: 30px;
			background-position: center;
			background-size: cover;
		}
		.game-details-wrap {
			display: block;
		}
		.game-details-wrap .gfeature {
			width: 100%;
			margin-bottom: 20px;
		}
	}

/*--------------------------------------------------------------
	##  Questions
	--------------------------------------------------------------*/
	#faq {
		padding: 100px 0;
		background-size: cover;
		background-position: center center;
	}

	#faq .section-title {
		margin-bottom: 0;
	}

	#faq .section-title h2 {
		color: #fff;
		margin-bottom: 50px;
	}

	.panel-group .panel + .panel {
		border-radius: 5px;
	}

	.panel-group {
		margin-bottom: 20px;
	}

	.panel-group .panel {
		background: none;
		border: none;
		border-radius: 0;
		box-shadow: none;
		border-radius: 5px;
		overflow: hidden;
	}

	.panel-group .panel-heading {
		padding: 0;
		background: #FFF;
		border: 0;
	}

	.panel-group .panel-heading .panel-title {
		color: #fff;
		font-size: 18px;
		border-radius: 4px;
		transition: all 150ms ease-in-out;
	}

	.panel-group .panel-title > a {
		display: block;
		padding: 14px 20px 14px 20px;
		color: #fff;
		position: relative;
		background: #8e2c06;
	}

	.panel-group .panel-active a,
	.panel-group .panel-title > a:hover,
	.panel-group .panel-title > a:focus {
		border: 0;
		color: #fff;
		position: relative;
		text-decoration: none;
	}

	.panel-group .panel-active a:after {
		left: 25px;
	}

	.panel-default > .panel-heading + .panel-collapse .panel-body {
		border: 0;
		background: rgba(141, 42, 4, 0.902);
		color: #fff;
		font-size: 14px;
	}

	.panel-body {
		padding: 20px;
		background: #f5f5f5;
	}

	.acc-border-radius .panel-group .panel-title,
	.acc-border-radius .panel-group .panel-active a,
	.acc-border-radius .panel-group .panel-title > a:hover,
	.acc-border-radius .panel-group .panel-title > a:focus {
		border-radius: 30px;
	}

	.acc-border-radius .panel-body {
		background: transparent;
	}

	.panel-title > a:before {
		content: "\f107";
		display: block;
		position: absolute;
		font-size: 25px;
		top: 50%;
		right: 20px;
		z-index: 9;
		font-family: FontAwesome;
		transition: all 0.5s;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.panel-title > a.collapsed:before {
		content: "\f105";
		display: block;
		position: absolute;
		top: 50%;
		right: 20px;
		z-index: 9;
		transition: all 0.5s;
		font-family: FontAwesome;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	@media (max-width: 768) {
		.faq .panel-group {
			margin-bottom: 20px;
		}
	}

/*--------------------------------------------------------------
	##  Call To Action
	--------------------------------------------------------------*/
	.col-to-action-game {
		padding: 40px 100px;
	}

	.col-to-action-game .title-inner {
		width: 85%;
		float: left;
	}

	.col-to-action-game .title-inner h2 {
		font-size: 40px;
		line-height: 40px;
		font-weight: 700;
		color: #fff;
	}

	.col-to-action-game .title-inner h3 {
		font-size: 30px;
		font-weight: 500;
		color: #fff;
		margin-bottom: 0;
	}

	.col-to-action-game .button-inner {
		width: 15%;
		padding: 19px 0;
		float: right;
	}

	.col-to-action-game .button-inner .tim-btn-bg {
		padding: 14px 32px;
		text-transform: capitalize;
	}

	.col-to-action-game .button-inner .tim-btn-bg:hover {
		background: #487b00;
	}

	@media (max-width: 992px) {
		.col-to-action-game {
			padding: 40px 50px;
		}
		.col-to-action-game .title-inner {
			width: 80%;
		}
		.col-to-action-game .button-inner {
			width: 20%;
		}
	}

	@media (max-width: 768px) {
		.col-to-action-game {
			padding: 40px 50px;
			text-align: center;
		}
		.col-to-action-game .title-inner {
			width: 100%;
		}
		.col-to-action-game .button-inner {
			width: 100%;
			text-align: center;
			padding-bottom: 0;
		}
	}

	@media (max-width: 768px) {
		.col-to-action-game {
			padding: 30px;
		}
		.col-to-action-game .title-inner h2 {
			font-size: 30px\;;
		}
		.col-to-action-game .title-inner h3 {
			font-size: 25px;
		}
	}

/*--------------------------------------------------------------
	##  Author List
	--------------------------------------------------------------*/
	#author-list {
		padding: 50px 0;
	}

	.top-team a img {
		width: 100%;
	}

/*--------------------------------------------------------------
	##  Game Table
	--------------------------------------------------------------*/
	.tables-inner {
		background: #050404;
		padding: 50px 40px;
	}

	.tables-inner thead {
		background: #1b1717;
	}

	.tables-inner .table {
		border-collapse: separate;
		border-spacing: 0 8px;
	}

	.tables-inner .table thead tr th {
		border: 0;
		color: #b6b4b4;
		font-size: 18px;
		font-weight: 500;
		padding: 16px 10px;
	}

	.tables-inner .table thead tr th:first-child {
		padding-left: 30px;
	}

	.tables-inner .table td, .tables-inner .table th {
		border: 0;
	}

	.tables-inner tbody tr {
		background-color: #0e0d0d;
	}

	.tables-inner tbody tr th {
		padding: 25px 0 25px 30px;
	}

	.tables-inner tbody tr th .game-type {
		color: #b6b4b4;
		font-size: 20px;
		margin: 0;
	}

	.tables-inner tbody tr th .game-type i {
		margin-right: 10px;
	}

	.tables-inner tbody tr th span {
		color: #fff;
		font-size: 14px;
		font-weight: 300;
		margin-left: 30px;
	}

	.tables-inner tbody tr td {
		font-size: 18px;
		color: #b6b4b4;
		display: table-cell;
		padding: 37px 10px;
	}

	.game-search input[type="text"] {
		background: #1b1717;
		border: 0;
		color: #fff;
		height: 40px;
		outline: 0;
		padding: 10px;
		max-width: 230px;
		margin-right: 10px;
		width: 100%;
	}

	.game-search input[type="text"]::-webkit-input-placeholder {
		color: #fff;
	}

	.game-search input[type="text"]:-ms-input-placeholder {
		color: #fff;
	}

	.game-search input[type="text"]::placeholder {
		color: #fff;
	}

	.game-search .tim-btn-bg {
		background: #f68b1f;
		border: 0;
		color: #fff;
		height: 40px;
		padding: 10px 30px;
		outline: 0;
		color: #fff;
		border-radius: 0;
		text-transform: capitalize;
	}

	.login-form input {
		width: 100%;
		background: #1b1717;
		height: 40px;
		padding: 10px 15px;
		border: 0;
		margin-bottom: 10px;
		outline: 0;
		color: #fff;
	}

	.login-form input.check {
		width: auto;
		height: auto;
		background-color: transparent;
	}

	.login-form input.check span {
		margin-left: 10px;
	}

	.login-form > p {
		color: #b6b4b4;
		font-weight: 400;
		font-size: 16px;
		margin-bottom: 5px;
	}

	.login-form > p a {
		color: #f68b1f;
	}

	.login-form .submit-btn {
		padding: 12px 33px;
		color: #fff;
		text-transform: uppercase;
		background: #f68b1f;
		display: inline-block;
		border: 0;
		font-size: 20px;
		line-height: 17px;
		cursor: pointer;
		transition: all 0.3s ease-in-out;
		margin-top: 10px;
	}

	.login-form .submit-btn:hover {
		background: #487b00;
	}

	.squaredThree {
		position: relative;
		display: inline-block;
	}

	.squaredThree input[type=checkbox] {
		height: auto;
		width: auto;
		visibility: hidden;
	}

	.squaredThree label {
		width: 15px;
		height: 15px;
		cursor: pointer;
		position: absolute;
		top: 6px;
		left: 0;
		background: #1b1717;
	}

	.squaredThree span {
		margin-left: 10px;
		color: #b6b4b4;
	}

	.squaredThree input[type=checkbox]:checked + label:after {
		opacity: 1;
	}

	.squaredThree label:hover::after {
		opacity: 0.3;
	}

	.squaredThree label:after {
		content: '';
		width: 9px;
		height: 5px;
		position: absolute;
		top: 4px;
		left: 4px;
		border: 2px solid #fcfff4;
		border-top: none;
		border-right: none;
		background: transparent;
		opacity: 0;
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.user-widget {
		margin-top: 20px;
	}

	.user-widget .topics-title {
		color: #b6b4b4;
		font-size: 25px;
		margin-top: 0;
		font-weight: 500;
	}

	.user-widget .item {
		margin-bottom: 10px;
	}

	.user-widget .item p {
		margin-bottom: 0;
		color: #b6b4b4;
		line-height: 16px;
		position: relative;
		overflow: hidden;
		text-decoration: underline;
	}

	.user-widget .item p a {
		color: #f68b1f;
	}

	.user-widget .item span {
		color: #b6b4b4;
	}

	.user-widget .item a {
		color: #f68b1f;
	}

	@media (max-width: 500px) {
		.game-search input[type="text"] {
			margin-right: -3px;
		}
		.tables-inner tbody tr th .game-type {
			font-size: 16px;
		}
		.tables-inner tbody tr th span {
			margin-left: 0;
			display: block;
			line-height: 20px;
		}
	}

/*--------------------------------------------------------------
	##  Tips And Tricks
	--------------------------------------------------------------*/
	#tips {
		padding: 65px 0;
	}

	.mini-title h3 {
		font-size: 25px;
		font-weight: 600;
		line-height: 35px;
		color: #fff;
	}

	.tips-content .popup-btn {
		visibility: visible !important;
		opacity: 1;
		padding: 10px 11px;
		font-weight: 600;
	}

	.tips-content .popup-btn i {
		background: transparent;
		color: #fff;
		font-size: 20px;
		margin-right: 2px;
	}

	.tips-content p {
		color: #fff;
		font-size: 18px;
		line-height: 28px;
	}

	.game-video-item.game-box-video {
		background-repeat: no-repeat;
	}

	.game-video-item.game-box-video .feature-image {
		padding: 28px 79px 93px 56px;
	}

	.game-video-item.game-box-video .youtube-wrapper {
		padding-bottom: 59.7%;
	}

	.game-video-item.game-box-video .youtube-wrapper:before {
		content: '';
		background-image: url("../../media/video/play.png");
		height: 80px;
		width: 80px;
	}

	.game-video-item.game-box-video .youtube-wrapper .youtube-poster {
		height: 240px;
	}

	@media (max-width: 1199px) {
		.mini-title h3 {
			font-size: 22px;
		}
		.tips-content p {
			font-size: 16px;
		}
		.game-video-item.game-box-video {
			background-size: cover;
		}
		.game-video-item.game-box-video .feature-image {
			padding: 28px 42px 93px 56px;
		}
	}

	@media (max-width: 768px) {
		.game-video-item.game-box-video {
			margin-top: 20px;
		}
	}

	@media (max-width: 768px) {
		.game-video-item.game-box-video .feature-image {
			padding: 28px 5% 93px 13%;
		}
	}

/*--------------------------------------------------------------
	##  Moderator
	--------------------------------------------------------------*/
	#moderator {
		background-size: cover;
	}

	#moderator, #moderator-two {
		padding: 88px 0;
		position: relative;
	}

	.moderator-member {
		text-align: center;
	}

	.member-details {
		text-align: center;
	}

	.member-details .name {
		color: #fff;
		font-size: 20px;
		line-height: 25px;
		color: #fff;
		margin-bottom: 0;
	}

	.member-thumb {
		width: 138px;
		height: 177px;
		margin: 0 auto;
		background-size: contain;
		background-repeat: no-repeat;
		text-align: center;
		-ms-transform: translateY(-15px);
		transform: translateY(-4px);
	}

	.member-thumb img {
		margin-top: 38px;
		margin-right: 7px;
	}

	.member-social-link {
		margin-top: -5px;
		padding: 0;
		list-style: none;
	}

	.member-social-link li {
		display: inline-block;
		border-radius: 3px;
		margin-right: 5px;
		height: 32px;
		width: 32px;
		line-height: 30px;
		transition: all 0.3s ease-in-out;
		border: 1px solid #fff;
		border-radius: 50px;
	}

	.member-social-link li a {
		color: #f72e2e;
		font-size: 14px;
		color: #fff;
	}

	.member-social-link li a:hover {
		color: #f68b1f;
	}

	.bg-thumb {
		position: absolute;
		left: -55px;
		bottom: 0;
	}

/*--------------------------------------------------------------
	##  Tournaments
	--------------------------------------------------------------*/
	.trurnament-inner {
		background-image: linear-gradient(to top, black 0%, black 20%, red 220%);
		border-top: 5px solid #ff1500;
		padding-top: 20px;
	}

	.trurnament-inner .torurmant {
		margin: 0 auto;
		padding: 20px 15px;
		background-image: linear-gradient(to top, black 0%, black 0%, red 350%);
		transition: all 0.3s ease-in-out;
	}

	.trurnament-inner .torurmant .game-item {
		display: inline-block;
		width: 33.33%;
		float: left;
	}

	.trurnament-inner .torurmant .game-item img {
		height: 70px;
		width: 70px;
		border-radius: 5px;
	}

	.trurnament-inner .torurmant .game-item h4 {
		color: #fff;
		font-weight: 700;
		font-size: 16px;
		margin-top: 10px;
		margin-bottom: 0;
	}

	.trurnament-inner .torurmant .game-item.vs {
		text-align: center;
	}

	.trurnament-inner .torurmant .game-item.vs h4 {
		font-size: 15px;
		color: #fff;
		font-weight: 600;
		height: 30px;
		width: 30px;
		background: #ff1500;
		border-radius: 50%;
		line-height: 31px;
		margin: 20px auto;
		position: relative;
		z-index: 2;
	}

	.trurnament-inner .torurmant .game-item.vs h4:before, .trurnament-inner .torurmant .game-item.vs h4:after {
		position: absolute;
		content: '';
		background: rgba(255, 255, 255, 0.1);
		border-radius: 50%;
		z-index: -1;
	}

	.trurnament-inner .torurmant .game-item.vs h4:before {
		left: -5px;
		top: -5px;
		bottom: -5px;
		right: -5px;
	}

	.trurnament-inner .torurmant .game-item.vs h4:after {
		left: -10px;
		top: -10px;
		bottom: -10px;
		right: -10px;
	}

	.trurnament-inner .tournaments-details {
		padding: 20px 15px 30px;
	}

	.trurnament-inner .tournaments-details .date {
		width: 33.33%;
		float: left;
		display: inline-block;
		text-align: center;
	}

	.trurnament-inner .tournaments-details .date h4 {
		color: #fff;
		font-size: 16px;
		font-weight: 300;
	}

	.trurnament-inner .tournaments-details .details {
		display: inline-block;
	}

	.trurnament-inner .tournaments-details .details .review {
		margin-bottom: 10px;
	}

	.trurnament-inner .tournaments-details .details .review li {
		color: #ffc107;
		font-size: 14px;
	}

	.trurnament-inner .tournaments-details .details a {
		color: #fff;
		font-size: 16px;
	}

	.trurnament-inner .tournaments-details .details a:hover {
		color: #fd0e0e;
	}

	.trurnament-inner .tournaments-details .details a.blog-btn {
		padding: 7px 22px;
		background: #600f07;
		font-size: 16px;
		font-weight: 600;
		color: #FFF;
		display: inline-block;
		line-height: 16px;
	}

	.trurnament-inner .tournaments-details .details a.blog-btn:hover {
		background: #fd0e0e;
		color: #fff;
	}

	.trurnament-inner:hover .torurmant {
		background-image: none;
	}

	@media (min-width: 992px) and (max-width: 1200px) {
		.trurnament-inner .torurmant .game-item img {
			height: 55px;
			width: 55px;
		}
		.trurnament-inner .torurmant .game-item h4 {
			font-size: 14px;
			font-weight: 600;
		}
		.trurnament-inner .torurmant .game-item.vs h4 {
			margin: 15px auto;
		}
	}

	@media (max-width: 991px) {
		.trurnament-inner {
			margin-bottom: 20px;
			max-width: 350px;
			margin: 0 auto 20px;
		}
	}

/*--------------------------------------------------------------
	##  Tournaments Count
	--------------------------------------------------------------*/
	.torurmant {
		padding: 60px 50px;
		text-align: center;
		position: relative;
	}

	.torurmant .link-btn {
		position: absolute;
		top: 25px;
		right: 30px;
		color: #fff;
		font-weight: 700;
		font-size: 16px;
	}

	.torurmant-title {
		padding: 20px;
		background-image: linear-gradient(to bottom, black 0%, black 39%, #650606 190%);
		margin-bottom: 20px;
	}

	.torurmant-title h3 {
		color: #fff;
		font-size: 20px;
		line-height: 20px;
		margin: 0;
	}

	.torurmant-game {
		width: 33.33%;
		float: left;
	}

	.torurmant-game img {
		height: 120px;
		width: 120px;
		border-radius: 50%;
	}

	.torurmant-game h3 {
		font-size: 25px;
		color: #ffc107;
		font-weight: 700;
		margin-top: 20px;
		margin-bottom: 0;
	}

	.torurmant-game .tim-btn-bg {
		border: 0;
		border-radius: 0;
		font-size: 20px;
		font-weight: 700;
		padding: 17px 55px;
	}

	.torurmant-game .tim-btn-bg:hover {
		background: #ffc107;
	}

	.tags {
		position: absolute;
		right: 30px;
		bottom: 20px;
	}

	.tags a {
		background: #000;
		font-size: 14px;
		color: #000000;
		padding: 0 15px;
		color: #fff;
		display: inline-block;
		margin-right: 3px;
		line-height: 25px;
	}

	.countdown {
		margin-bottom: 50px;
	}

	.countdown .CountdownContent {
		height: 50px;
		width: 50px;
		background: #470606;
		color: #fff;
		font-size: 25px;
		display: inline-block;
		text-align: center;
		margin-right: 2px;
		font-weight: 600;
		line-height: 55px;
	}

	.vs-fire {
		height: 50px;
		width: 50px;
		font-size: 25px;
		line-height: 55px;
		font-weight: 600;
		color: #fff;
		background: #ffc108;
		margin: 0 auto 50px;
		border-radius: 50%;
		position: relative;
	}

	.vs-fire canvas {
		position: absolute;
		left: 0;
		border-radius: 50%;
	}

	.vs-fire:before, .vs-fire:after {
		position: absolute;
		content: '';
		border: 1px solid #ffc108;
		border-radius: 50%;
	}

	.vs-fire:before {
		top: -10px;
		bottom: -10px;
		right: -10px;
		left: -10px;
		animation: opacity 1000ms infinite ease-in-out;
		animation-delay: 800ms;
	}

	.vs-fire:after {
		top: -20px;
		bottom: -20px;
		right: -20px;
		left: -20px;
		animation: opacity 1000ms infinite ease-in-out;
	}

	@keyframes opacity {
		0% {
			opacity: 1;
		}
		50% {
			opacity: .2;
		}
		100% {
			opacity: 1;
		}
	}

	.latest-game {
		padding: 40px;
	}

	.latest-game h3 {
		font-size: 30px;
		font-weight: 700;
		line-height: 30px;
		margin-bottom: 20px;
		color: #e9e9e9;
	}

	.latest-game h3 a {
		color: #ff1500;
	}

	.latest-game h3 a:hover {
		color: #ffc107;
	}

	.latest-game .tim-btm-bg {
		font-size: 20px;
		font-weight: 700;
		padding: 16px 67px;
		background: #310505;
		border: 0;
		border-radius: 0;
		color: #fff;
		margin: 30px  auto 0;
	}

	.latest-game .tim-btm-bg:hover {
		background: #fd0e0e;
	}

	.latest-game .game-item {
		padding: 0 5px;
	}

	.latest-game img {
		width: 100%;
	}

	.latest-game .game-name {
		display: inline-block;
	}

	.latest-game h4 {
		font-size: 20px;
		color: #ff1500;
		line-height: 20px;
		font-weight: 700;
		margin-bottom: 0;
		margin-top: 15px;
	}

	.latest-game h4 a {
		color: #fff;
	}

	.latest-game h4 a:hover {
		color: #ffc107;
	}

	.latest-game .review li {
		font-size: 14px;
		color: #ffc107;
	}

	.latest-game .ratting-point {
		float: right;
		height: 30px;
		width: 30px;
		background: #560606;
		border-radius: 50%;
		line-height: 30px;
		text-align: center;
		margin-top: 15px;
	}

	.latest-game .ratting-point p {
		font-weight: 600;
		color: #fff;
		margin: 0;
		font-size: 14px;
	}

	.game-tabs {
		background: #140606;
	}

	.tim-tab-nav-game li {
		text-align: center;
	}

	.tim-tab-nav-game li a {
		font-size: 20px;
		text-transform: capitalize;
		color: #e9e9e9;
		font-size: 18px;
		line-height: 25px;
		font-weight: 600;
		padding: 20px 17px;
		background: #3e0606;
	}

	.tim-tab-nav-game li a.active {
		background: transparent;
	}

	.letest-games {
		padding: 22px 20px;
		border-bottom: 1px solid #250d0d;
	}

	.letest-games a {
		display: inline-block;
		height: 60px;
		width: 60px;
	}

	.letest-games a img {
		width: 100%;
		border-radius: 50%;
	}

	.letest-games .game-time {
		display: inline-block;
		text-align: center;
		vertical-align: middle;
	}

	.letest-games .game-time .time {
		margin-bottom: 0;
		font-size: 18px;
		font-weight: 600;
		line-height: 20px;
		color: #fff;
	}

	.letest-games .game-time .date {
		color: #fff;
		font-size: 16px;
		margin: 0;
	}

	.letest-games span {
		color: #fff;
		font-size: 20px;
		font-weight: 600;
		margin: 0 15px;
		display: inline-block;
	}

	@media (min-width: 991px) and (max-width: 1200px) {
		.tim-tab-nav-game li a {
			font-size: 15px;
			padding: 14px;
		}
		.letest-games {
			padding: 15px;
		}
		.letest-games span {
			margin: 0 10px;
		}
		.countdown .CountdownContent {
			width: 40px;
			height: 40px;
			line-height: 43px;
			font-size: 20px;
		}
		.torurmant-game .tim-btn-bg {
			padding: 17px 35px;
		}
		.torurmant {
			padding: 60px 30px;
		}
	}

	@media (max-width: 991px) {
		.torurmant {
			padding: 50px 25px;
		}
		.latest-game {
			background-size: cover;
			background-position: center center;
		}
		.latest-game .game-item {
			max-width: 300px;
			margin: 0 auto 20px;
		}
		.game-tabs {
			max-width: 400px;
			margin: 0 auto;
		}
		.tim-tab-nav-game li a {
			padding: 20px 23px;
		}
	}

	@media (max-width: 768px) {
		.torurmant-game {
			width: 25%;
		}
		.torurmant-game:nth-child(3) {
			width: 50%;
		}
		.torurmant-game img {
			width: 90px;
			height: 90px;
		}
		.countdown {
			margin-bottom: 30px;
		}
		.countdown .CountdownContent {
			height: 40px;
			width: 40px;
			line-height: 44px;
			font-size: 20px;
		}
		.torurmant-game h3 {
			font-size: 20px;
		}
		.torurmant-game .tim-btn-bg {
			font-size: 16px;
			padding: 13px 37px;
		}
		.letest-games span {
			margin: 0 30px;
		}
	}

	@media (max-width: 500px) {
		.torurmant-game {
			width: 100%;
		}
		.torurmant-game:nth-child(3) {
			width: 100%;
			margin: 30px 0 20px;
		}
		.letest-games {
			text-align: center;
		}
		.tim-tab-nav-game {
			text-align: center;
		}
		.tim-tab-nav-game li {
			width: 28%;
		}
		.tim-tab-nav-game li:first-child {
			width: 15%;
		}
		.tim-tab-nav-game li a {
			padding: 10px 5px;
			font-size: 16px;
		}
		.letest-games span {
			margin: 0 20px;
		}
		.letest-games {
			padding: 22px 10px;
		}
	}

/*--------------------------------------------------------------
	##  Top Games
	--------------------------------------------------------------*/
	.top-game-tabs .torurmant-title {
		padding: 0 20px;
	}

	.tim-tab-nav-game-top li {
		padding: 0 15px;
	}

	.tim-tab-nav-game-top li a {
		color: #fff;
		font-size: 18px;
		font-weight: 600;
		padding: 16px 0;
		position: relative;
	}

	.tim-tab-nav-game-top li a:after {
		content: '';
		position: absolute;
		width: 0;
		height: 3px;
		background: #f68b1f;
		transition: all 0.3s ease-in-out;
		bottom: 0;
		left: 0;
	}

	.tim-tab-nav-game-top li a:hover:after, .tim-tab-nav-game-top li a.active:after {
		width: 100%;
	}

	.games-bg {
		background: #0d0707;
	}

	.games-bg .games-title {
		background-image: linear-gradient(to bottom, red -130%, black 60%, black 100%);
		padding: 15px 20px;
	}

	.games-bg .games-title h3 {
		font-size: 18px;
		font-weight: 600;
		line-height: 20px;
		color: #fff;
		margin-bottom: 0;
	}

	.games-bg .top-games-item {
		background: #1b0808;
		padding: 15px 20px;
		border-radius: 5px;
		margin-bottom: 10px;
		box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.8);
	}

	.games-bg .top-games-item:last-child {
		margin-bottom: 0;
	}

	.games-bg .top-games-item .game-user {
		float: left;
		width: 145px;
	}

	.games-bg .top-games-item .game-user .uthumb {
		float: left;
		border-radius: 10px;
		overflow: hidden;
	}

	.games-bg .top-games-item .game-user .content {
		margin-left: 60px;
	}

	.games-bg .top-games-item .game-user .content h3 {
		font-size: 16px;
		line-height: 20px;
		font-weight: 600;
		margin-top: 2px;
	}

	.games-bg .top-games-item .game-user .content h3 a {
		color: #fff;
	}

	.games-bg .top-games-item .game-user .content h3 a:hover {
		color: #f68b1f;
	}

	.games-bg .top-games-item .game-user .content p {
		margin-bottom: 0;
		line-height: 16px;
	}

	.games-bg .top-games-item .win {
		width: 60px;
		float: left;
		text-align: center;
		border-left: 1px solid #4a0909;
		border-right: 1px solid #4a0909;
	}

	.games-bg .top-games-item .win h3 {
		color: #fff;
		font-size: 16px;
		line-height: 20px;
		font-weight: 600;
	}

	.games-bg .top-games-item .win h4 {
		font-size: 12px;
		font-weight: 600;
		color: #fff;
		line-height: 16px;
		margin-bottom: 0;
	}

	.games-bg .top-games-item .match {
		text-align: center;
	}

	.games-bg .top-games-item .match h3 {
		color: #fff;
		font-size: 16px;
		font-weight: 600;
		line-height: 20px;
	}

	.games-bg .top-games-item .match h4 {
		font-size: 12px;
		font-weight: 600;
		color: #fff;
		line-height: 16px;
		margin-bottom: 0;
	}

	.games-bg .top-games-item:hover {
		background-image: linear-gradient(to left, black 0%, black 17%, red 280%);
	}

	.games-bg .games-inner {
		padding: 20px 15px;
	}

	.feature-game {
		position: relative;
	}

	.feature-game .blog-content {
		position: absolute;
		bottom: 20px;
		padding: 20px;
	}

	.feature-game .blog-content .blog-title {
		margin-bottom: 0;
	}

	.feature-game .blog-content .blog-title a:hover {
		color: #fd0e0e;
	}

	.feature-game .blog-content p {
		font-size: 14px;
		font-weight: 700;
		color: #fff;
		line-height: 25px;
		margin-bottom: 0;
	}

	.game-clan-video {
		position: relative;
	}

	.game-clan-video img {
		width: 100%;
	}

	.game-clan-video .youtube-wrapper {
		padding-bottom: 35%;
	}

	.game-clan-video .youtube-wrapper:before {
		content: "\f04b";
		font-size: 30px;
		border: 2px solid #fff;
		border-radius: 50%;
		height: 50px;
		width: 50px;
		line-height: 48px;
		text-align: center;
		padding-left: 7px;
		margin: 0;
	}

	@media (min-width: 992px) and (max-width: 1200px) {
		.games-bg .top-games-item {
			padding: 15px;
		}
		.games-bg .top-games-item .game-user {
			width: 130px;
		}
		.games-bg .top-games-item .game-user .content h3 a {
			font-size: 14px;
		}
		.games-bg .top-games-item .game-user .content p {
			font-size: 12px;
		}
		.games-bg .top-games-item .win {
			width: 45px;
		}
		.games-bg .top-games-item .win h3 {
			font-size: 14px;
		}
		.games-bg .top-games-item .match h3 {
			font-size: 14px;
		}
	}

	@media (max-width: 991px) {
		.top-game-tabs, .feature-game {
			max-width: 400px;
			margin: 0 auto;
		}
		.games-bg {
			margin-bottom: 20px;
		}
	}

	@media (max-width: 500px) {
		.tim-tab-nav-game-top li {
			padding: 0 8px;
		}
		.tim-tab-nav-game-top li a {
			font-size: 15px;
		}
	}

	@media (max-width: 400px) {
		.games-bg .games-inner {
			padding: 15px 10px;
		}
		.games-bg .top-games-item {
			padding: 10px;
		}
		.games-bg .top-games-item .game-user {
			width: 140px;
		}
		.games-bg .top-games-item .win {
			width: 50px;
		}
	}

/*--------------------------------------------------------------
	##  Screenshort
	--------------------------------------------------------------*/
	.sc-title {
		font-size: 30px;
		color: #fff;
		font-weight: 700;
		margin-bottom: 20px;
	}

	.mfp-with-zoom .mfp-container,
	.mfp-with-zoom.mfp-bg {
		opacity: 0;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: all 0.3s ease-out;
	}

	.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
	}

	.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.8;
	}

	.mfp-with-zoom.mfp-removing .mfp-container,
	.mfp-with-zoom.mfp-removing.mfp-bg {
		opacity: 0;
	}

	.game-video-item .video-play-btn.bdr {
		display: inline-block;
		height: 60px;
		width: 60px;
		border: 4px solid;
		border-radius: 50%;
		text-align: center;
	}

	@media (max-width: 768px) {
		.torurmant {
			background-size: cover;
		}
		.countdown .CountdownContent {
			margin-bottom: 2px;
		}
	}

/*--------------------------------------------------------------
	##  404 Page
	--------------------------------------------------------------*/
	#error-page {
		height: 100vh;
		text-align: center;
		position: relative;
		padding-top: 150px;
	}

	#error-page .error-content {
		position: absolute;
		top: 56%;
		left: 50%;
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		text-align: center;
		background: rgba(0, 0, 0, 0.5);
		padding: 100px 50px;
		width: 60%;
		z-index: 1;
	}

	#error-page .error-content:before {
		content: '';
		position: absolute;
		top: -10px;
		bottom: -10px;
		left: -10px;
		right: -10px;
		border: 5px solid rgba(0, 0, 0, 0.5);
		z-index: -1;
	}

	#error-page .error-content img {
		width: 100%;
		max-width: 300px;
		margin-bottom: 40px;
	}

	#error-page .error-content h1 {
		font-size: 80px;
		color: #fff;
		line-height: 80px;
		margin-bottom: 30px;
	}

	#error-page .error-content h3 {
		font-size: 50px;
		color: #fff;
		margin-bottom: 30px;
	}

	@media (max-width: 991px) {
		#error-page .error-content {
			top: 50%;
		}
		#error-page .error-content h1 {
			font-size: 50px;
			margin-bottom: 20px;
		}
		#error-page .error-content img {
			width: 200px;
			margin-bottom: 20px;
		}
		#error-page .error-content h3 {
			font-size: 30px;
		}
	}

	@media (max-width: 500px) {
		#error-page .error-content {
			width: 70%;
			top: 50%;
		}
		#error-page .error-content h1 {
			font-size: 40px;
			margin-bottom: 0;
		}
		#error-page .error-content img {
			width: 150px;
			margin-bottom: 20px;
		}
		#error-page .error-content h3 {
			font-size: 30px;
			font-size: 20px;
		}
	}

/*--------------------------------------------------------------
	##  Woocommerce
	--------------------------------------------------------------*/
	.shop-three-column-zoombie {
		background-attachment: fixed;
		background-size: cover;
	}

	.site-main .columns-4 ul.products li.product {
		margin-bottom: 10px;
	}

	.site-main .columns-4 ul.products li.product .price {
		display: inline-block;
		color: #ffffff;
		font-weight: 400;
		float: left;
		font-size: 20px;
		font-weight: 500;
		margin-left: 30px;
		opacity: 0;
		visibility: hidden;
		transition: all 0.3s ease-in-out;
	}

	.site-main .columns-4 ul.products li.product .add_to_cart_button {
		float: right;
		color: #fff;
		font-weight: 600;
		font-size: 20px;
		margin-right: 30px;
		opacity: 0;
		visibility: hidden;
		transition: all 0.3s ease-in-out;
	}

	.site-main .columns-4 ul.products li.product:hover .price, .site-main .columns-4 ul.products li.product:hover .add_to_cart_button {
		visibility: visible;
		opacity: 1;
	}

	.site-main .columns-3 ul.products li.product {
		margin-bottom: 10px;
	}

	.site-main .columns-3 ul.products li.product .product-thumb {
		height: auto;
	}

	.site-main .columns-3 ul.products li.product .product-thumb:after {
		top: 20px;
		left: 16px;
		right: 22px;
		bottom: 16px;
		background-size: cover;
		background-position: center center;
		height: auto;
		width: auto;
	}

	.site-main .columns-3 ul.products li.product .product-thumb img {
		margin: 0;
		width: 100%;
	}

	.site-main .columns-3 ul.products li.product .price {
		display: inline-block;
		color: #ffffff;
		font-weight: 400;
		float: left;
		font-size: 20px;
		font-weight: 500;
		margin-left: 30px;
		opacity: 0;
		visibility: hidden;
		transition: all 0.3s ease-in-out;
		margin-bottom: 0;
	}

	.site-main .columns-3 ul.products li.product .add_to_cart_button {
		float: right;
		color: #fff;
		font-weight: 600;
		font-size: 20px;
		margin-right: 30px;
		opacity: 0;
		visibility: hidden;
		transition: all 0.3s ease-in-out;
	}

	.site-main .columns-3 ul.products li.product .add_to_cart_button:hover {
		color: #ffc107;
	}

	.site-main .columns-3 ul.products li.product:hover .price, .site-main .columns-3 ul.products li.product:hover .add_to_cart_button {
		visibility: visible;
		opacity: 1;
	}

	.product-thumb {
		position: relative;
		z-index: 1;
		height: 283px;
		padding: 20px;
		margin-bottom: 20px;
	}

	.product-thumb img {
		margin-bottom: 20px;
	}

	.product-thumb:before, .product-thumb:after {
		position: absolute;
		content: '';
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
	}

	.product-thumb:before {
		background-image: url("../../media/shop/bg.png");
		z-index: -2;
		top: 0;
		left: 0;
		background-size: cover;
		background-position: center center;
	}

	.product-thumb:after {
		z-index: -1;
		background-image: url("../../media/shop/17.jpg");
		top: 19px;
		left: 15px;
		right: 28px;
		bottom: 20px;
	}

	.woocommerce-loop-product__title {
		font-size: 20px !important;
		line-height: 25px;
		color: #fff;
		font-family: "Khand", sans-serif;
		font-weight: 600 !important;
	}

	ul.products li.product .star-rating {
		margin: 0 auto 10px;
	}

	.star-rating span:before {
		color: #ffc107;
	}

	.woocommerce-ordering {
		width: 100%;
	}

	.woocommerce-result-count {
		font-size: 18px;
		color: #fff;
		margin-right: 20px;
	}

	select.orderby {
		padding: 4px 10px;
		width: 110px;
		color: #fff;
		background: transparent;
		margin: 0 auto;
		background-color: #3d0e03;
		border: 1px solid transparent;
		font-size: 18px;
		outline: 0;
		width: 180px;
	}

	.short p, .show-items p {
		color: #fff;
		font-size: 18px;
		color: #fff;
		display: inline-block;
		margin-right: 20px;
		margin-bottom: 0;
	}

	/* Product Two */
	.products.product-two li.product .product-thumb {
		background: #410000;
		height: auto;
		padding: 0;
		border-radius: 10px;
		text-align: center;
	}

	.products.product-two li.product .product-thumb img {
		margin-bottom: 20px;
		width: 100%;
	}

	.products.product-two li.product .product-thumb:before, .products.product-two li.product .product-thumb:before {
		display: none;
	}

	.products.product-two li.product .product-thumb:after {
		display: none;
	}

	.products.product-two li.product .woocommerce-loop-product__title {
		margin-bottom: 0;
	}

	.products.product-two li.product .price, .products.product-two li.product .add_to_cart_button {
		visibility: visible !important;
		opacity: 1 !important;
	}

	.products.product-two li.product .add_to_cart_button:after {
		background: #fd0e0e;
	}

	.products.product-two li.product .add_to_cart_button:after:hover {
		color: #fff;
		border-color: #fd0e0e;
	}

	.products.product-two li.product .price {
		margin-left: 0 !important;
		margin-top: 10px;
		font-size: 25px !important;
		font-weight: 600 !important;
	}

	.products.product-two li.product .add_to_cart_button {
		border: 2px solid #fff;
		padding: 10px 37px;
		line-height: 16px;
		margin-right: 0 !important;
	}

	#shop-post-two ul.products li.product .star-rating {
		font-size: 20px;
		color: #fff;
	}

	#shop-post-two ul.products li.product .star-rating span:before {
		color: #fff;
	}

	#shop-post-two ul.products .add_to_cart_button:after {
		background: #fff;
	}

	#shop-post-two ul.products .add_to_cart_button:hover {
		color: #3d0e03;
		border-color: #fff;
	}

	@media (max-width: 1200px) {
		.site-main .columns-4 ul.products li.product .product-thumb {
			height: auto;
		}
		.site-main .columns-4 ul.products li.product .product-thumb:after {
			top: 15px;
			left: 13px;
			right: 18px;
			bottom: 12px;
			background-size: cover;
			background-position: center center;
			height: auto;
			width: auto;
		}
		.site-main .columns-4 ul.products li.product .product-thumb img {
			margin: 0;
			width: 100%;
		}
		.site-main .columns-3 ul.products li.product .product-thumb:after {
			top: 15px;
			left: 14px;
			right: 17px;
			bottom: 13px;
		}
		ul.products li.product {
			margin-bottom: 1.5em;
		}
	}

	@media (max-width: 992px) {
		.site-main .columns-4 ul.products li.product .product-thumb:after {
			top: 10px;
			left: 11px;
			right: 11px;
			bottom: 8px;
		}
		.site-main .columns-3 ul.products li.product .price {
			margin-left: 8px;
			font-size: 16px;
		}
		.site-main .columns-3 ul.products li.product .add_to_cart_button {
			font-size: 16px;
			margin-right: 7px;
		}
		ul.products li.product .star-rating {
			margin-bottom: 0;
		}
		.woocommerce-loop-product__title {
			font-size: 14px !important;
			line-height: 15px;
			font-family: "Khand", sans-serif;
		}
		.site-main .columns-3 ul.products li.product .product-thumb:after, .site-main .columns-3 ul.products li.product .product-thumb:after {
			top: 11px;
			left: 11px;
			right: 13px;
			bottom: 9px;
		}
	}

	@media (max-width: 768px) {
		.site-main .columns-3 ul.products li.product, .site-main .columns-4 ul.products li.product {
			width: 46%;
			margin-right: 3%;
			display: inline-block;
		}
		.site-main .columns-3 ul.products li.product .product-thumb:before, .site-main .columns-4 ul.products li.product .product-thumb:before {
			background-size: contain;
		}
		.site-main .columns-3 ul.products li.product .product-thumb:after, .site-main .columns-4 ul.products li.product .product-thumb:after {
			top: 26px;
			left: 24px;
			right: 28px;
			bottom: 23px;
		}
	}

	@media (max-width: 500px) {
		.site-main .columns-4 ul.products li.product, .site-main .columns-3 ul.products li.product {
			width: 100%;
		}
		.site-main .columns-4 ul.products li.product .product-thumb:after, .site-main .columns-3 ul.products li.product .product-thumb:after {
			top: 53px;
			left: 43px;
			right: 50px;
			bottom: 46px;
		}
		#shop-post-two ul.products li.product .star-rating {
			margin-bottom: 20px;
		}
		select.orderby {
			width: 120px;
		}
		.short select.orderby {
			border-right: 1px solid #fff;
		}
	}

/*--------------------------------------------------------------
	##  Widgets
	--------------------------------------------------------------*/
	.widget {
		margin-bottom: 30px;
	}

	.widget-title {
		color: #fff;
		font-size: 25px;
		margin-top: 0;
		margin-bottom: 20px;
		padding-bottom: 10px;
		border-bottom: 1px solid #685858;
	}

	.search-form, .search-form-product {
		position: relative;
	}

	.search-form label, .search-form-product label {
		color: #333;
		display: block;
		font-weight: 800;
		margin-bottom: 0.5em;
	}

	.search-form input[type="search"], .search-form-product input[type="search"] {
		border: 2px solid #a1aeaf;
		display: block;
		padding: 10px 30px 10px 15px;
		width: 100%;
		outline: 0;
		border-radius: 10px;
		height: 45px;
		background: rgba(255, 255, 255, 0.102);
		color: #fff;
	}

	.search-form input[type="search"]::-webkit-input-placeholder, .search-form-product input[type="search"]::-webkit-input-placeholder {
		color: #fff;
	}

	.search-form input[type="search"]:-ms-input-placeholder, .search-form-product input[type="search"]:-ms-input-placeholder {
		color: #fff;
	}

	.search-form input[type="search"]::placeholder, .search-form-product input[type="search"]::placeholder {
		color: #fff;
	}

	.search-form .search-submit, .search-form-product .search-submit {
		position: absolute;
		right: 10px;
		top: 50%;
		border: 0;
		background: transparent;
		color: #fff;
		outline: 0;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		font-size: 14px;
	}

	.search-form .screen-reader-text, .search-form-product .screen-reader-text {
		clip: rect(1px, 1px, 1px, 1px);
		height: 1px;
		overflow: hidden;
		position: absolute !important;
		width: 1px;
		word-wrap: normal !important;
	}

	.widget-social-link {
		margin: 0;
		list-style: none;
		padding: 25px;
		background: rgba(0, 0, 0, 0.5);
		border-radius: 10px;
	}

	.widget-social-link li {
		display: inline-block;
		width: 18%;
		text-align: center;
		margin-bottom: 20px;
	}

	.widget-social-link li .fa.fa-facebook {
		color: #3a5897;
	}

	.widget-social-link li .fa-twitter {
		color: #49c9f2;
	}

	.widget-social-link li .fa-instagram {
		color: #3b749f;
	}

	.widget-social-link li .fa-pinterest-p {
		color: #cd2129;
	}

	.widget-social-link li .fa-linkedin {
		color: #07669f;
	}

	.widget-social-link li .fa-behance {
		color: #0683f0;
	}

	.widget-social-link li .fa-google-plus {
		color: #d13e2c;
	}

	.widget-social-link li .fa-rss {
		color: #f88a02;
	}

	.widget-social-link li .fa-tumblr {
		color: #274152;
	}

	.widget-social-link li .fa-youtube {
		color: #ce332c;
	}

	.widget-social-link li .fa-vimeo {
		color: #85c8ee;
	}

	.widget-social-link li .fa-cloud {
		color: #c1c1c1;
	}

	.widget-social-link li .fa-stumbleupon {
		color: #399734;
	}

	.widget-social-link li .fa-snapchat-ghost {
		color: #ff6600;
	}

	.widget-social-link li .fa-dribbble {
		color: #ea4b88;
	}

	.widget-social-link li a {
		display: block;
		font-size: 20px;
		color: #fff;
	}

	.widget-social-link li a:hover {
		opacity: 0.8;
	}

	.widget-social-link li:nth-last-child(-n+5) {
		margin-bottom: 0;
	}

	.widgets-recent-post {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.widgets-recent-post li {
		display: block;
		margin-bottom: 20px;
	}

	.widgets-recent-post li .feature-img {
		float: left;
		border-radius: 10px;
		overflow: hidden;
		transition: all 0.3s ease-in-out;
	}

	.widgets-recent-post li .feature-img:hover {
		opacity: 0.8;
	}

	.widgets-recent-post li .content {
		margin-left: 90px;
		padding: 5px 0;
	}

	.widgets-recent-post li .content h3 {
		font-size: 20px;
		margin: 0 0 5px;
	}

	.widgets-recent-post li .content h3 a {
		font-weight: 500;
		color: #fff;
	}

	.widgets-recent-post li .content h3 a:hover {
		color: #ffc107;
	}

	.widgets-recent-post li .content .post-date {
		color: #fff;
	}

	.widgets-recent-post li .content .post-date i {
		margin-right: 5px;
	}

	.tags-links a {
		display: inline-block;
		color: #bcbcbc;
		font-size: 16px;
		line-height: 20px;
		margin-right: 20px;
		font-weight: 500;
	}

	.tags-links a:hover {
		color: #ffc107;
	}

	.widget_upcoming_game {
		margin: 0;
		padding: 0;
	}

	.widget_upcoming_game > li {
		display: block;
		list-style: none;
		padding: 15px 10px;
		border-radius: 10px;
		background: rgba(0, 0, 0, 0.5);
		margin-bottom: 15px;
	}

	.widget_upcoming_game > li .game-thumb {
		float: left;
	}

	.widget_upcoming_game > li .content {
		margin-left: 80px;
		position: relative;
	}

	.widget_upcoming_game > li .content h3 {
		font-size: 20px;
		line-height: 20px;
		font-weight: 500;
	}

	.widget_upcoming_game > li .content h3 a {
		color: #fff;
	}

	.widget_upcoming_game > li .content h3 a:hover {
		color: #ffc107;
	}

	.widget_upcoming_game > li .content .review {
		line-height: 13px;
	}

	.widget_upcoming_game > li .content .review li {
		font-size: 13px;
		line-height: 13px;
		color: #ffc107;
	}

	.widget_upcoming_game > li .content .follow {
		height: 28px;
		width: 28px;
		color: #fff;
		text-align: center;
		background: #fd0e0e;
		border-radius: 50%;
		display: block;
		font-size: 14px;
		line-height: 31px;
		position: absolute;
		bottom: -3px;
		right: 10px;
	}

	.widget_upcoming_game > li .content .follow:hover {
		opacity: 0.9;
	}

	/* Shop Widget */
	.widget-title-shop {
		color: #fff;
		font-size: 16px;
		font-weight: 600;
		border-bottom: 3px solid #ff2929;
		margin-bottom: 10px;
		position: relative;
		padding: 14px 20px;
		background: #000;
		line-height: 16px;
	}

	.widget-title-shop:after {
		position: absolute;
		content: '';
		left: 50%;
		bottom: -8px;
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 0;
		height: 0;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 5px solid #ff2929;
	}

	.search-form-product {
		border: 0;
	}

	.search-form-product input[type="search"] {
		border: 0;
		background: #000;
		border-radius: 0;
	}

	/* Releted Product */
	.widgets-releted-product img {
		float: left;
		border-radius: 6px;
	}

	.widgets-releted-product > li {
		margin-bottom: 20px;
		border-radius: 4px;
		background: #000;
		padding: 10px;
	}

	.widgets-releted-product > li .content {
		margin-left: 90px;
	}

	.widgets-releted-product > li .content h3 {
		font-size: 16px;
		font-weight: 500;
		margin: 0 0 5px;
	}

	.widgets-releted-product > li .content h3 a {
		color: #fff;
	}

	.widgets-releted-product > li .content h3 a:hover {
		color: #ffc107;
	}

	.widgets-releted-product > li .content .add_to_cart_button, .widgets-releted-product > li .content .price {
		color: #fff;
	}

	.widgets-releted-product > li .content .add_to_cart_button:hover {
		color: #ffc107;
	}

	.widgets-releted-product > li .content .review {
		line-height: 13px;
	}

	.widgets-releted-product > li .content .review li {
		font-size: 13px;
		color: #ffc107;
		margin-bottom: 0;
		line-height: 13px;
	}

	/* Product Price */
	#product-price .price-filter-inner {
		background: #000;
		padding: 25px 20px 15px;
		border-radius: 5px;
	}

	#slider-range {
		margin-bottom: 15px;
	}

	.ui-widget-header {
		background: #ff2929;
	}

	.ui-slider {
		position: relative;
	}

	.ui-slider .ui-slider-range {
		position: absolute;
		z-index: 1;
		display: block;
		border: 0;
	}

	.ui-slider-horizontal {
		height: 7px;
	}

	.ui-slider-horizontal .ui-slider-handle {
		top: -8px;
	}

	.ui-slider-horizontal .ui-slider-range {
		top: 0;
		height: 100%;
	}

	.ui-state-default, .ui-widget-content .ui-state-default {
		background: #FFF;
		outline: none;
		position: relative;
		display: inline-block;
		height: 15px;
		width: 15px;
		z-index: 2;
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.ui-widget-content {
		background: #fff;
	}

	.ui-widget.ui-widget-content {
		border: none;
	}

	.price-filter span {
		font-size: 13px;
		color: #fff;
	}

	.price-filter span #amount {
		width: auto;
		padding: 0;
		margin: 0;
		outline: none;
		font-size: 13px;
		border: none;
		cursor: default;
		background: transparent;
		color: #fff;
	}

	.shop-catgories-links {
		margin: 0;
		padding: 20px;
		background: #000;
		list-style: none;
		border-radius: 5px;
	}

	.shop-catgories-links li a {
		display: inline-block;
		font-size: 16px;
		font-weight: 500;
		color: #fff;
		line-height: 30px;
	}

	.shop-catgories-links li a:hover {
		background: #ff2929;
		border-radius: 4px;
		text-decoration: underline;
		padding: 0 10px;
	}

	@media (min-width: 768px) and (max-width: 991.99px) {
		.widgets-releted-product > li .content {
			margin-left: 75px;
		}
		.widgets-releted-product > li .content h3 {
			font-size: 14px;
		}
		.widgets-releted-product > li .content .review {
			line-height: 11px;
		}
		.widgets-releted-product > li .content .review li {
			font-size: 11px;
			line-height: 11px;
		}
		.widgets-releted-product > li .content .add_to_cart_button, .widgets-releted-product > li .content price {
			font-size: 12px;
		}
		.feature-video-sm {
			padding: 5px;
			max-width: 500px;
		}
		.feature-video-sm img {
			border-radius: 5px;
		}
		.feature-video-sm .popup-btn-three {
			height: 35px;
			width: 35px;
			line-height: 37px;
			font-size: 15px;
		}
	}

	@media (min-width: 992px) and (max-width: 1200px) {
		.widget-social-link {
			padding: 15px 8px;
		}
		.widgets-recent-post li .content h3 {
			font-size: 15px;
		}
		.widget_upcoming_game > li .content {
			margin-left: 66px;
		}
		.widget_upcoming_game > li .content h3 {
			font-size: 15px;
		}
	}

	@media (min-width: 768px) and (max-width: 991px) {
		.widget-social-link {
			padding: 10px;
		}
		.widgets-recent-post li .content {
			margin-left: 75px;
		}
		.widgets-recent-post li .content h3 {
			font-size: 14px;
		}
		.widgets-recent-post li .content .post-date {
			font-size: 12px;
		}
		.widget_upcoming_game > li {
			padding: 10px 6px;
		}
		.widget_upcoming_game > li .content {
			margin-left: 65px;
		}
		.widget_upcoming_game > li .content h3 {
			font-size: 13px;
			line-height: 16px;
		}
	}

/*--------------------------------------------------------------
	##  Footer
	--------------------------------------------------------------*/
	.footer-inner {
		position: relative;
		z-index: 1;
	}

	.fire-bg-wrap {
		position: absolute;
		width: 100%;
		z-index: 0;
		bottom: 0;
	}

	.footer-title {
		color: #FFF;
		font-size: 16px;
		font-weight: 600;
		margin: 0 0 20px;
	}

	.content p {
		color: #FFF;
		font-size: 16px;
		line-height: 28px;
		margin-bottom: 1px;
	}

	.content .fread-btn {
		color: #FFF;
		font-size: 14px;
		display: inline-block;
	}

	.content .fread-btn:hover {
		color: #ffc107;
	}

	.contact-items {
		margin-bottom: 20px;
	}

	.contact-items .title {
		font-size: 16px;
		color: #FFF;
		font-weight: 600;
	}

	.contact-items .title i {
		margin-left: 10px;
		width: 22px;
		text-align: center;
	}

	.contact-items .email {
		color: #e0e0e0;
		font-size: 16px;
		margin-right: 30px;
		margin-bottom: 0;
		line-height: 22px;
	}

	.footer-latest-post {
		transition: all 0.3s ease-in-out;
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #3d2f2f;
	}

	.footer-latest-post .feature-image {
		float: left;
		margin-right: 10px;
		position: relative;
		transition: all 0.3s ease-in-out;
	}

	.footer-latest-post .feature-image .play {
		position: absolute;
		left: 50%;
		top: 50%;
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		visibility: hidden;
		opacity: 0;
		width: auto;
	}

	.footer-latest-post .post-content .post-title {
		margin-bottom: 0;
	}

	.footer-latest-post .post-content .post-title a {
		font-size: 16px;
		color: #FFF;
		font-weight: 600;
		display: inherit;
		line-height: 22px;
	}

	.footer-latest-post .post-meta {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.footer-latest-post .post-meta li {
		display: inline-block;
		margin-right: 10px;
		font-size: 14px;
	}

	.footer-latest-post .post-meta li:first-child a {
		color: #FFF;
	}

	.footer-latest-post .post-meta li:first-child a i {
		margin-right: 5px;
	}

	.footer-latest-post .post-meta li:first-child a:hover {
		color: #f68b1f;
	}

	.footer-latest-post .post-meta li:first-child a:hover i {
		color: #fff;
	}

	.footer-latest-post .post-meta li:last-child {
		margin-right: 0;
	}

	.footer-latest-post .post-meta li:last-child i {
		color: #f68b1f;
	}

	.footer-latest-post:hover .feature-image .play {
		visibility: visible;
		opacity: 1;
	}

	.footer-latest-post:hover .post-content .post-title {
		text-decoration: underline;
	}

	.top-game a {
		display: inline-block;
		padding: 3px;
		height: 80px;
		width: 80px;
		margin-bottom: 3px;
	}

	.top-game a img {
		width: 100%;
	}

	.copy-right {
		padding: 20px 0;
		border-top: 1px solid #3d0e03;
		border-bottom: 1px solid #3d0e03;
		text-align: center;
	}

	.copy-right p {
		margin-bottom: 0;
		color: #fff;
		font-size: 13px;
		font-weight: 300;
		direction: rtl;
	}

	.copy-right p a {
		color: #f68b1f;
	}

	.footer-menu-wrap {
		padding: 50px 0;
		background: #000000;
		text-align: center;
	}

	.footer-logo {
		margin-bottom: 20px;
		display: block;
	}

	.footer-logo img{
		max-width:250px;
	}

	.footer-social-link {
		margin: 20px 0 30px;
		padding: 0;
		list-style: none;
	}

	.footer-social-link li {
		display: inline-block;
		height: 40px;
		width: 40px;
		margin-right: 10px;
		text-align: center;
		line-height: 44px;
		transition: all 0.3s ease-in-out;
	}

	.footer-social-link li i {
		color: #FFF;
	}

	.footer-social-link li.fb-bg {
		background-image: url("../../media/footer/2.png");
	}

	.footer-social-link li.in-bg {
		background-image: url("../../media/footer/3.png");
	}

	.footer-social-link li.tw-bg {
		background-image: url("../../media/footer/4.png");
	}

	.footer-social-link li.gp-bg {
		background-image: url("../../media/footer/5.png");
	}

	.footer-social-link li:hover {
		opacity: 0.8;
	}

	.footer-menu {
		direction: rtl;
		margin: 0;
		padding: 0;
	}

	.footer-menu li {
		display: inline-block;
		margin: 0 20px;
	}

	.footer-menu li a {
		color: #fff;
		display: inline-block;
		font-size: 14px;
		font-weight: 500;
	}

	.footer-menu li a:hover {
		color: #f68b1f;
	}

	/* Footer Two */
	.footer-two {
		border-top: 1px solid #160000;
		padding: 80px 0 20px;
		background-size: cover;
		background-position: center center;
	}

	.footer-two .footer-latest-post .post-meta li i {
		color: #FFF;
	}

	.footer-about p {
		color: #cecece;
	}

	.footer-social-link-two li {
		display: inline-block;
		margin-right: 10px;
	}

	.footer-social-link-two li a {
		color: #fff;
		font-size: 25px;
	}

	.footer-social-link-two li a:hover {
		color: #f68b1f;
	}

	.tags-items a {
		display: inline-block;
		color: #fff;
		padding: 4px 8px;
		background: #f68b1f;
		margin-bottom: 4px;
		margin-right: 3px;
		font-size: 14px;
		font-weight: 500;
		line-height: 18px;
	}

	.tags-items a:hover {
		background: #f68b1f;
	}

	.copyright-two {
		text-align: center;
		margin-top: 40px;
	}

	.copyright-two p {
		color: #fff;
		font-size: 16px;
		line-height: 25px;
		margin-bottom: 0;
	}

	.copyright-two p a {
		color: #f68b1f;
	}

	/* Footer */
	#footer-three {
		padding: 100px 0 30px;
		background-size: cover;
		position: relative;
	}

	#footer-three .copy-right {
		border: 0;
		padding: 0;
		margin-top: 50px;
	}

	.footer-about .footer-social-link {
		margin-top: 50px;
	}

	.footer-menu-list {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.footer-menu-list li {
		border-bottom: 1px solid #fff3;
	}

	.footer-menu-list li a {
		color: #cecece;
		font-size: 16px;
		line-height: 40px;
		font-weight: 600;
		display: block;
	}

	.footer-menu-list li a:hover {
		color: #f68b1f;
	}

	.footer-menu-list li:last-child {
		border-bottom: 0;
	}

	.footer-newsletter-inner p {
		font-size: 16px;
		font-weight: 600;
		color: #cecece;
	}

	.footer-newsletter input[type="text"] {
		display: block;
		padding: 10px 15px;
		background: transparent;
		border: 1px solid #fff3;
		border-radius: 4px;
		margin-bottom: 20px;
		width: 100%;
		font-size: 16px;
		outline: 0;
		color: #fff;
	}

	.footer-newsletter input[type="text"]::-webkit-input-placeholder {
		color: #fff;
	}

	.footer-newsletter input[type="text"]:-ms-input-placeholder {
		color: #fff;
	}

	.footer-newsletter input[type="text"]::placeholder {
		color: #fff;
	}

	.footer-newsletter .tim-btn-bg {
		width: 100%;
		cursor: pointer;
	}

	/* Footer Clan */
	#footer-clan {
		padding: 30px 0 80px;
	}

	.footer-menu-clan {
		text-align: center;
		margin-bottom: 70px;
	}

	.footer-menu-clan li {
		display: inline-block;
		margin: 0 20px;
		position: relative;
	}

	.footer-menu-clan li:after {
		position: absolute;
		content: '';
		right: -20px;
		height: 15px;
		width: 1px;
		background: #a5a5a5;
		bottom: 7px;
	}

	.footer-menu-clan li:last-child:after {
		display: none;
	}

	.footer-menu-clan li a {
		color: #a5a5a5;
		font-weight: 500;
	}

	.footer-menu-clan li a:hover {
		color: #fd0e0e;
	}

	.footer-title-clan {
		font-size: 18px;
		line-height: 25px;
		color: #fff;
		font-weight: 500;
	}

	.footer-menu-clan-two li a {
		color: #a5a5a5;
		font-size: 16px;
		font-weight: 500;
	}

	.footer-menu-clan-two li a:hover {
		color: #fd0e0e;
	}

	#footer-logo-clan a {
		display: block;
		margin-bottom: 20px;
	}

	#footer-logo-clan .copyright p {
		color: #a5a5a5;
		line-height: 25px;
		font-weight: 500;
	}

	.footer-address p {
		color: #fff;
		font-size: 16px;
		color: #a5a5a5;
		line-height: 26px;
		margin-bottom: 0;
	}

	.footer-social-three {
		margin-bottom: 30px;
	}

	.footer-social-three li {
		display: inline-block;
	}

	.footer-social-three li a.fbgc, .footer-social-three li a.tbgc, .footer-social-three li a.gbgc, .footer-social-three li a.ibgc {
		display: block;
		height: 25px;
		width: 25px;
		text-align: center;
		line-height: 28px;
		font-size: 14px;
		background: #fd0e0e;
		border-radius: 50%;
		color: #fff;
		margin-right: 5px;
		transition: all 0.3s ease-in-out;
	}

	.footer-social-three li a.fbgc {
		background: #3b5998;
	}

	.footer-social-three li a.tbgc {
		background: #1da1f2;
	}

	.footer-social-three li a.gbgc {
		background: #ec1c23;
	}

	.footer-social-three li a.ibgc {
		background: #e1306c;
	}

	.footer-social-three li a:hover {
		background: #fd0e0e;
	}

	.payment-logo a {
		display: inline-block;
		margin-right: 10px;
	}

	@media (max-width: 768px) {
		.footer-menu li {
			margin: 0 10px;
		}
		.footer-about {
			margin-bottom: 20px;
		}
		.footer-menu-clan li {
			margin: 0 10px;
		}
		.footer-menu-clan li:after {
			right: -12px;
		}
		.footer-title, .footer-title-clan {
			margin-top: 20px;
		}
	}
