/*
Theme Name: Arcade Games Pro
Theme URI:https://www.misbahwp.com/products/arcade-games-wordpress-theme
Description: Gaming WordPress Theme is a modern, professional and luxurious gaming theme to create a gaming website or store. It is cross-browser compatible that loads smoothly on all major browsers. It is executed on bootstrap framework that makes it really handy and smoother to work with. This premium theme is regularly updated to give you the best user experience and to be always compatible with the latest WordPress version. The codes used are clean, secure and well-optimized. With the advance social media option and widgets you can link all your social media pages. This will help to showcase your popularity. There is no language barrier for anyone as the users can translate the pages into the language they want and it also support RTL layout. It comes with full online documentation. It is compatible with many popular WordPress plugins like Contact form 7, WooCommerce, Elementor and many more. Custom Backgrounds, Colors, Headers, Logo & Menu are available that you can utilize.
Author:misbahwp
Author URI: https://www.misbahwp.com/
Version: 1.1
Requires PHP: 5.6
Tested up to: 5.8
Tags: entertainment, portfolio, e-commerce, wide-blocks, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, editor-style, theme-options, threaded-comments
Text Domain: arcade-games-pro
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.screen-reader-text:focus {
	background-color: #F3E6F5;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: 600;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
.alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
}

.post-single a, .page-single a,.sidebar-area .textwidget a,.comment-content a {
  text-decoration: none;
}

body {
  font-family: 'Inter', sans-serif;
  color: #898d94;
  margin:0;
  background: #fff;
}

h1, h2, h3, h4, h5, h6{
  font-family: 'Inter', sans-serif;
}


a {
  color:#090a14;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  text-decoration: none;
}

a:hover,
a:focus {
  color:linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
  text-decoration: none;
}

header.header-top {
  background: #131c21;
}
section.category-title h1 {
  font-size: 18px;
  font-weight: 600;
}
/* ===============================================
   HEADER BOX
   ============================================= */

.register,.login {
  background: #aa8a63;
  color: #fff;
  padding: 0;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}
.login{
	background: #fff;
	color: #212121;
}
.header {
  position: static;
}

/*404 Page*/
.page-404 h1{
	font-size: 160px;
  color: #090a14;
}
.page-404 h3{
	font-size: 30px;
	color: #090a14;
}
.page-404 hr{
	width: 10%;
	background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
	padding: 1px;
}
.page-404 p{
	margin-left: 30%;
	margin-right: 30%;
}
.page-404 .intro-button{
  display: inline-block;
  padding: 15px 40px;
  text-align: center;
  color: #ffff;
  transition: all 0.2s;
  text-decoration: none;
  text-transform: uppercase;
  background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
  font-weight: 400;
  font-size: 18px;
}
.page-404 .intro-button,
.page-404 .intro-button::after{
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
.page-404 .intro-button::before,
.page-404 .intro-button::after{
	background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 6px;
}
.page-404 .intro-button:hover{
  color: #fff;
  background: #090a14;
}
.page-404 .intro-button::after{
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
  background: #090a14;
}
.page-404 .intro-button:hover:after{
  width: 100%;
}
.page-404 a{
	color: #fff;
}

/* ===============================================
   LOGO BOX
   ============================================= */

.logo {
  display: block;
	min-height: 53px;
  line-height: 1.4em;
	word-break: break-all;
}
.logo a {
  color: #090a14;
  font-size: 30px;
  line-height: 35px;
  text-decoration: none;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  font-weight: 600;
}
.logo a:hover,
.logo a:focus {
  color:linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
}
.logo span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #767c83;
}
.logo-image {
  float: unset;
}

/* ===============================================
   SOCIAL BOX
   ============================================= */

.social-links a {
  color: #a7a0a0;
  margin-right: 5px;
  font-size: 17px;
  
}
.social-links a:hover{
	color: #07b1f2; 
	margin-bottom: 0;
}

/* ===============================================
   MENU BOX
============================================= */

#main-menu ul.children, #main-menu ul.sub-menu {
  display: none;
}
#main-menu ul li:hover .sub-menu {
  display: block;
}
#main-menu {
	display:block;
	position:relative;
	margin:0 auto;
}
#main-menu ul {
	margin:0;
  padding: 0;
	display:flex;
  justify-content: left;
}
#main-menu ul li {
	position:relative;
	display:block;
	float:left;
	text-align:left;
}
#main-menu ul li a {
	color: #fff;
	text-decoration:none;
	display:block;
	z-index:1;
	padding:10px 40px;
	padding-left: 0;
	margin:0;
	font-weight: 500;
	-webkit-transition: color .1s linear, background-color .1s linear;
	-moz-transition: color .1s linear, background-color .1s linear;
	-o-transition: color .1s linear, background-color .1s linear;
	transition: color .1s linear, background-color .1s linear;
	position:relative;
	line-height:30px;
}
#main-menu a:hover,
#main-menu ul li a:hover,
#main-menu li:hover > a,
#main-menu a:focus,
#main-menu ul li a:focus,
#main-menu li.focus > a,
#main-menu li:focus > a,
#main-menu ul li.current-menu-item > a,
#main-menu ul li.current_page_item > a,
#main-menu ul li.current-menu-parent > a,
#main-menu ul li.current_page_ancestor > a,
#main-menu ul li.current-menu-ancestor > a {
	color:linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
}
#main-menu ul.children ,
#main-menu ul.sub-menu {
	opacity:0;
	position: absolute;
	top: 50px;
	left: 0;
	background:#fff;
	z-index:10001;
	width:213px;
	padding-left:0;
	-webkit-transition: opacity 0.3s ease 0s;
	-moz-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
	box-shadow: 0px 5px 30px rgb(0 0 0 / 13%);
  border-radius: 3px;
}
#main-menu ul.children li ,
#main-menu ul.sub-menu li {
	display:block; 
  position:relative; 
  float:none; 
  line-height:18px; 
  margin-left:0; 
  margin-right:0; 
  -webkit-transform: skew(0deg); 
  -ms-transform: skew(0deg); 
  transform: skew(0deg);
  padding: 5px 10px;
}
#main-menu li li:hover > ul,
#main-menu li li:focus > ul,
#main-menu li li.focus > ul {
	top:0px;
	left: -100%;
}

#main-menu ul.children li a ,
#main-menu ul.sub-menu li a {
	display: block;
  position:relative;
  padding: 0px 14px;
  padding-right: 14px;
  font-size: 14px;
	color: #a7a0a0;
	-webkit-transition: 
	all 600ms cubic-bezier(0.77, 0, 0.175, 1);
	transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
	cursor: pointer;-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#main-menu ul.sub-menu li a:hover {
	color: #fff;
	-webkit-transition-delay: .6s;
	transition-delay: .6s;
}
#main-menu ul.sub-menu li a:before, #main-menu ul.sub-menu li a:after {
	content: '';
	position: absolute;
	-webkit-transition: 
	inherit;transition: 
	inherit;z-index: -1;
}
#main-menu ul.sub-menu li a:before, #main-menu ul.sub-menu li a:after {
	top: 0;
	width: 0;
	height: 100%;}

#main-menu ul.sub-menu li a:before {
	left: 0;
	border: 1px solid #514DE7;
	border-left: 0;
	border-right: 0;}
#main-menu ul.sub-menu li a:hover:before {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
#main-menu ul.sub-menu li a:hover:before,
 #main-menu ul.sub-menu li a:hover:after {
 	width: 100%;
 }
#main-menu ul.sub-menu li a:after {
	right: 0;
}
#main-menu ul.sub-menu li a:hover:after {
	background: transparent !important;;
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
}
#main-menu ul.sub-menu li a:hover:before, #main-menu ul.sub-menu li a:hover:after {width: 100%;}
#main-menu ul.children li ul:before ,
#main-menu ul.sub-menu li ul:before {
	display:none;
}
#main-menu li:hover > ul,
#main-menu li:focus > ul,
#main-menu li.focus > ul {
	opacity:1;
	right:calc(100% - 213px);
}
.menu-toggle,
.dropdown-toggle,
button.close-menu {
	display: none;
	background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
	color: #fff;
}
#main-menu ul.children li ul:before ,
#main-menu ul.sub-menu li ul:before {
	display:none;
}


#site-navigation .sidenav a.closebtn, .open-menu{
  	display: none;
}

.menu-item-has-children::after {
  content: '\f347';
  font-family: "dashicons";
  position: absolute;
  font-size: 14px;
  top: 15px;
  right: 15px;
  color: #a7a0a0;
}

.menu-item-has-children:hover::after, 
.menu-item-has-children.current-menu-item::after,
.menu-item-has-children:focus::after {
  color: #00c6fff7;
}


/* ===============================================
   POST BOX
   ============================================= */

.post-box,.post-single,.page-single {
  background: #fff;
}
.post-thumbnail {
  line-height: 0;
}
h4.post-title {
  font-size: 16px;
  color: #090a14;
  font-weight: 500;
}
.latest-post :hover h4 a{
	color: #07b1f2; 
}
.post-content p{
	color: #707070;
}
.post-meta i{
	color: #07b1f2; 
}
.post-meta span {
  text-decoration: none;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 500;
  color: #090a14;
}
pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #121d21;
	white-space: break-spaces;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
  border-radius: 4px;
}
.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
	max-width: 100%;
}
.post-content img,
.post-thumbnail img {
	max-height:100%;
	height:auto;
}
.post-content:after {
  content: "";
  display: table;
  clear: both;
}

#content,footer {
    float: left;
    width: 100%;
}
.post-box {
    border: 2px solid #edf1f5;
    background: #fff;
    border-radius: 0 0 10px 10px;
}
.latest-post {
	filter: drop-shadow(0 0 20px rgba(0,0,0,0.08));
	border-radius: 10px;
}
.latest-post .post-admin span img {
    width: auto;
    display: inline-block;
    border-radius: 50%;
  }
.latest-post .post-meta{
	border: none;
	background: #fff;
}
.latest-post .post-date span, .post-single .admin a, .single-services .admin a{
    color: #090a14;
}
.latest-post .post-meta i {
	color: #07b1f2; 
}
.latest-post .post-meta a {
    color: #090a14;
    font-weight: 500;
    font-style: italic;
    font-size: 18px;
}
.latest-post figure{
	margin: 0;
	padding: 0;
	background: #222222;
	overflow: hidden;
	border-radius: 10px 10px 0 0;
}
.latest-post figure:hover+span{
	opacity: 1;
}

.latest-post figure img{
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width: 100%;
}
.latest-post :hover figure img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.5;
}
.latest-post .icon-book{
  float: right;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #717982;
  width: 40px;
  height: 40px;
  padding: 10px 14px;
  margin-top: -8px;
}
.post-single .tags-bg a{
	padding: 10px 15px;
	background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
	border-radius: 5px;
	text-transform: uppercase;
	color: #fff;
	margin:0 10px;
}
.post-single .tags-bg a:hover{
	background:#090a14 ;
}
.post-single .blog_share_icon .fab{
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 50%;
	background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
	color: #fff;
	font-size: 18px;
	padding: 15px;
	margin:0 10px;
-webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}
.post-single .blog_share_icon .fab:hover{
	transform: rotate(360deg);
	background: #090a14;
}
.post-single {
	display: block;
}
label{
	display: block;
}
.latest-post .button{
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  color: #ffff;
  transition: all 0.2s;
  text-decoration: none;
  border-radius: 6px;
  text-transform: uppercase;
  background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
  font-weight: 500;
  font-size: 14px;
}
.latest-post .button,
.latest-post .button::after{
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
.latest-post .button::before,
.latest-post .button::after{
	background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 6px;
}
.latest-post .button:hover{
  color: #fff;
  background: #090a14;
}
.latest-post .button::after{
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
  background: #090a14;
}
.latest-post .button:hover:after{
  width: 100%;
}
.single-tournament .far{
	color: #07b1f2; 
}
.single-tournament .group {
	color: #07b1f2; 
	font-weight: 800;
}
.single-tournament .day, .single-tournament .time{
	color: #090a14;
	font-weight: 500;
}
.single-tournament h6{
	  background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
    color: #fff;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 20px;
}
.single-tournament .fab, .single-tournament .fas{
	font-size: 40px;
	margin: 0 15px;
}
.single-tournament i.fab.fa-youtube{
	color: #ff0000;
}
.single-tournament i.fab.fa-vimeo-v{
	color: #47a9e8;
}
.single-tournament i.fab.fa-twitch{
	color: #5a3e85;
}
.page-single .tournament{
	background: #F3E6F5;
}
.single-tournament .vs-text{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
  padding: 12px;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-form-url input{
  width: 100%;
}
.comment-respond input#submit {
  background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
  border: none;
  color: #fff;
  padding: 10px;
  font-weight: 600;
  border-radius: 7px;
  display: inline-block;
  margin: 15px 0;
}
.comment-respond input#submit:hover{
  background-color: #090a14;
}
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
.comments-title {
  font-size: 1.125rem;
}
.comment-body .pull-left {
  padding-right: 0.625rem;
}
.comment-list {
  padding-left: 0;
}
.comment-list .comment {
  display: block;
}
.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}
.comment-list .pingback a {
  margin-left: 5px;
  margin-right: 5px;
}
.comment-content.card-block {
  padding: 15px;
}
.comment-reply a {
  background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
  padding: 5px 15px;
  color: #fff;
  border-radius: 7px;
}
.comment-reply a:hover {
  background: #090a14;
  color: #f3f4f7;
  text-decoration: none;
}

/* .wp-singular .comments-area{
  display: none;
} */
 
@media screen and (min-width : 0) and (max-width : 767px) {

  section.category-title h1 {
    text-align: center;
  }

  
  
  #mySidenav span{
  	display: block;
  	font-size:30px;
  	cursor:pointer;
  }
  .logo {
    text-align: center;
  }
  .open-menu{
  	display: block;
  }

  #main-menu ul li {
    float: left;
    width: 100%;
    padding: 5px 15px;
  }

  #main-menu > li > ul.children,
  #main-menu > li > ul.sub-menu {
    position: absolute;
    top:-100%;
    background: #fff;
  }

  #main-menu li.focus > ul.children,
  #main-menu li.focus > ul.sub-menu ,
  #main-menu li:hover > ul.children,
  #main-menu li:hover > ul.sub-menu ,
  #main-menu li:focus > ul.children,
  #main-menu li:focus > ul.sub-menu {
    width: 100%;
    top:0;
    left: 0 !important;
    position: relative;
  }

  #main-menu ul {
    padding: 0;
    float: none;
    display: block;
  }

  #main-menu ul li a {
    padding: 0;
    display: initial;
    font-size: 18px;
  }

  #main-menu ul.children li a ,
  #main-menu ul.sub-menu li a {
    padding: 0;
    line-height:53px;
  }

  #main-menu ul li.menu-item-has-children:after {
    content: '';
    position: absolute;
    border: solid 2px #514DE7;
    right: 30px;
    top: 50%;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    -webkit-transform: translate(0,-50%) rotate(-45deg);
    transform: translate(0,-50%) rotate(-45deg);
  }

  #main-menu ul.children li,
  #main-menu ul.sub-menu li {
    width: 100%;
    padding-left: 10px;
  }

  #main-menu ul li.menu-item-has-children:hover:after ,
  #main-menu ul li.menu-item-has-children:focus:after,
  #main-menu ul li.menu-item-has-children.focus:after {
    top: 20px;
    -webkit-transform:  rotate(45deg);
    transform:  rotate(45deg);
  }

  #main-menu a:hover,
  #main-menu ul li a:hover,
  #main-menu li:hover > a,
  #main-menu a:focus,
  #main-menu ul li a:focus,
  #main-menu li.focus > a,
  #main-menu li:focus > a,
  #main-menu ul li.current-menu-item > a,
  #main-menu ul li.current_page_item > a,
  #main-menu ul li.current-menu-parent > a,
  #main-menu ul li.current_page_ancestor > a,
  #main-menu ul li.current-menu-ancestor > a {
    background:none;
  }
  #main-menu ul.sub-menu li a:hover:after {
  	background: transparent;
  }
}


/* ===============================================
   Pagination
   ============================================= */

.pagination,
.arcade-games-pro-pagination {
	margin:25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.arcade-games-pro-pagination a span,
.arcade-games-pro-pagination span.current {
	display:inline-block;
	text-decoration: none;
	padding:10px 20px;
	font-size:18px;
  font-weight: 600;
	line-height:21px;
	color:#222;
  border-radius: 4px;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	position:relative;
	margin:0;
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-ms-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease;
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.arcade-games-pro-pagination span.current,
.arcade-games-pro-pagination span.current:hover,
.arcade-games-pro-pagination span.current:focus,
.arcade-games-pro-pagination a span:hover,
.arcade-games-pro-pagination a span:focus {
	background:linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
  color: #ffffff;
}

.commentlist {
	list-style:none;
	margin:0;
	padding:0
}

.commentlist ul {
	list-style:none;
	padding:0;
	margin:0;
}

.commentlist li {
	margin:0;
}

.commentlist li .comment-respond {
	margin-bottom:25px;
}

.commentlist li:last-of-type .comment-respond {
	margin-bottom:0px;
}

.comment-container {
	position: relative;
	margin:0 0 25px 0;
	padding:30px;
	background:#fff;
	border:solid 1px #f3f4f7 !important;
	z-index:999
}

.comment-avatar img {
	float:left;
}

.comment-text {
	position:relative;
	margin-left:110px;
	padding:0 0 0 15px
}

.comment-container .comment-date {
	padding:15px 0;
}

.comment-avatar {
	position:relative;
	width:110px;
	float:left;
}

.comment-author .author {
	display:block;
	font-weight:bold;
}

.commentlist .children li {
	margin-left:30px;
}

.comment-notes {
	font-size:12px;
	margin:-25px 0 25px 0;
}

h3#reply-title,
h3.comments {
	height:30px;
	line-height:30px;
	margin:30px 0;
}

h3#reply-title small,
.logged-in-as {
	font-size: 15px;
	margin:-25px 0 25px 0;
}

.comment-form input[type=text],
.comment-form input[type=email],
.comment-form textarea {
	padding: 10px 2%;
	background:#fff;
	width: 100%;
	margin:0 0 15px 0;
	border:1px solid black;
	color:#222222;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.comment-form input[type=submit] {
	background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
	color: #fff;
	border:none;
	font-size:14px;
	font-weight: 600;
	text-align:center;
	position:relative;
	display: block;
	text-shadow:none;
	padding:10px 15px;
	width:inherit;
	margin:0;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
	cursor: pointer;
}

.comment-form input[type=submit]:hover ,
.comment-form input[type=submit]:focus {
	background-color:#248efa;
	text-decoration:none
}

.logged-in-as a {
	color:#222222;
}

.logged-in-as,
.comment-notes,
.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url,
.form-submit {
	display:block;
}

/* ===============================================
   SIDEBARS
   =============================================== */

.sidebar-area .textwidget img{
  width: 100%;
  height: auto;
}

.sidebar-area .sidebar-widget {
	margin-bottom: 25px;
	box-shadow: 0px 5px 16px 0px rgb(200 183 255 / 30%);
	background: #fff;
}
.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
	line-height:1.9em;
	font-weight: normal;
}
.sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud {
  list-style:none;
  margin: 0;
  padding: 0 15px;
}
.sidebar-area li a,
.sidebar-area li {
  font-size: 16px;
  font-weight: 500;
}
.sidebar-area li {
  padding-bottom: 15px;
  color: #090a14;
}
.sidebar-area h4.title {
  padding: 10px 15px;
  border-left: solid 5px #41204A !important;
  color: #fff;
  font-size: 24px;
  background: #090a14;
}
.sidebar-area .tagcloud a {
  font-size: 15px !important;
  background: #fff;
  color: #121d21;
  padding: 5px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  display: inline-block;
  margin: 5px 0;
  text-decoration: none;
}
.sidebar-area .tagcloud a:hover{
	background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
	color: #fff;
}
.sidebar-area form {
  padding: 0;
}
.sidebar-area select,
.sidebar-area textarea, #comments textarea,
.sidebar-area input[type="text"], #comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	width: 100%;
  margin: 0;
  padding: 12px;
  background-color: rgba(0, 0, 0, 0.03);
  border: 1px solid #dee2e6;
  float: unset;
  border-radius: 4px;
}
#wp-calendar th,
#wp-calendar
#today,
#wp-calendar
#today a {
	background:#f3f4f7;
	color:#434343 !important;
}
#wp-calendar a:hover {
	border:none;
}
#wp-calendar {
	background: #fff;
	width:100%;
}
#wp-calendar caption {
	font-size: 14px;
	text-transform:uppercase;
	margin:0 0 10px 0;
	text-align:left;
}
#wp-calendar th,
#wp-calendar td {
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	padding:3px 6px;
}
#wp-calendar td a {
	display:block;
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	text-decoration:underline
}
#wp-calendar td#prev a,
#wp-calendar td#prev a{
	text-decoration:none;
	text-align:left;
}
#wp-calendar th{
	font-weight:bold
}
#wp-calendar tr:nth-child(2n+2) {
	background-color: #f3f4f7;
}
.searchform label {
	display: block;
}
.searchform input[type=text] {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: transparent;
  border: none;
}
.searchform input[type=submit]{
	background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
	border: none;
	color: #fff;
	font-size:14px;
	font-weight: 600;
	text-align:center;
	position:relative;
	float:left;
	text-shadow:none;
	padding:14px 0;
	width:110px;
	margin:0 auto;
	cursor: pointer;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
}

.searchform input[type=submit]:hover ,
.searchform input[type=submit]:focus {
	background-color:#090a14;
	text-decoration:none
}

.searchform:after {
  content: "";
  display: table;
  clear: both;
}

.sidebar-area .post-thumbnail img {
    width: 100%;
    height: 75px;
    border-radius: 50%;
    margin-top: 10px;
  }
  .sidebar-area .post-title {
    font-size: 16px;
  }

footer {
	background: #20222a;
	margin-top: -7px;
}

footer .sidebar-area {
	background: none;
	padding: 25px 0 0 0;
}

footer a,
footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget {
	color: #898D94;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
	max-width:100%;
	height:auto;
	margin-bottom: 10px;
}
.alignleft,
img.alignleft {
	display:inline;
	float:left;
	margin-right:24px;
	margin-top:4px;
}
.alignright,
img.alignright {
	display:inline;
	float:right;
	margin-left:24px;
	margin-top:4px;
}
div.aligncenter,
img.aligncenter {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	float:none;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom:12px;
}
.wp-caption {
	background:#F3E6F5;
	line-height:18px;
	margin-bottom:25px;
	max-width:100% !important;
	padding:4px;
	text-align:center;
}
.wp-caption img {
	margin:5px 5px 0;
	width:96%;
	height:100%
}
.wp-caption p.wp-caption-text {
	color:#888;
	font-size:12px;
	margin:5px;
}
.footer-area .woocommerce ul.cart_list li img, .footer-area .woocommerce ul.product_list_widget li img{
	height: 70px;
}

/*SCROLL TO TOP BUTTON*/

#button_scroll {
  display: inline-block;
  background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
  width: 45px;
  height: 45px;
  text-align: center;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
  opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  color: #fff;
  border-radius: 6px;
}
#button_scroll::after {
  font-weight: normal;
  font-style: normal;
  font-size: 10px;
  line-height: 50px;
  color: #fff;
} 
#button_scroll:hover,#button_scroll:active {
  cursor: pointer;
  background: #090a14;
  color: #fff;
}
#button_scroll.show {
  opacity: 1;
  visibility: visible;
}
#button_scroll .fas{
	color: #fff;
	padding: 8px;
	margin: 5px 0;
}
#button_scroll,
#button_scroll::after{
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#button_scroll::before,
#button_scroll::after{
	background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 6px;
}
#button_scroll:hover{
  color: #fff;
  background: #090a14;
}
#button_scroll::after{
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
  background: #090a14;
}
#button_scroll:hover:after{
  width: 100%;
}

/*PRELOADER*/
.cssloader {
  padding-top: calc(45vh - 25px);
  position: fixed;
  width: 100%;
  height: 100%;
  top:0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #212121;
  z-index: 99999;
}


.loader-box{
  width: 100px;
  height: 100px;
  margin: auto;
}
.loader-box img{
  width: 100%;
}

/** animation starts here **/

@keyframes shk1 {
  0% {
    transform: rotate(-360deg);
  }  
  
  100% {
  }
}

@keyframes shk2 {
  0% {
    transform: rotate(360deg);
  }
  100% {
  }
}
.lt {
  color: #fff !important;
  margin: 20px auto;
  text-align: center;
  letter-spacing: 10px;
}
a.close-search-form{
	display: none;
}

/*SRTICKY HEADER*/

.fix-sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
.admin-bar .fix-sticky {
	margin-top: 32px;   
}
 
/*Body*/

.page-template-frontpage .menu-header{
	background: #240A2B;
  clip-path: polygon(14% 350%, 93% 450%, 96% 0, 5% 0);
	position: absolute;
	left: 0;
	right: 0;
	z-index: 999;
}
.menu-header{
	background: #240A2B;
}
.top-header{
  background: #240A2B;
}
.top-header span.dashicons{
	color: #07b1f2; 
	font-size: 20px;
}
.top-header span{
	color: #fff;
  font-size: 14px;
}
.top-header .logo-bg{
	background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
	clip-path: polygon(27% 100%, 72% 100%, 80% 0, 20% 0%);
	position: absolute;
	left: 35%;
	right: 0;
}
.top-header .social-text{
	position: relative;
	left: 33%;
}
.header-calling .email-text{
	color: #727489;
	font-weight: 400;
}
#site-navigation{
	border-top: 1px solid #22232c;
	background: #240A2B;
}
#site-navigation .button1{
  display: inline-block;
  padding: 10px 20px;
  margin: 10px 0;
  text-align: center;
  color: #fff !important;
  transition: all 0.2s;
  text-decoration: none;
  border-radius: 6px;
  text-transform: uppercase;
  background: transparent;
  font-weight: 500;
  font-size: 14px;
}
#site-navigation .button1,
#site-navigation .button1::after{
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#site-navigation .button1::before,
#site-navigation .button1::after{
	background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 6px;
  color: #fff !important;
}
#site-navigation .button1:hover{
  color: #fff !important;
  background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
}
#site-navigation .button1::after{
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
  background: #fff;
}
#site-navigation .button1:hover:after{
  width: 100%;
  background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
}
#site-navigation .button2{
  display: inline-block;
  padding: 10px 15px;
  margin-left: 10px;
  text-align: center;
  color: #fff;
  transition: all 0.2s;
  text-decoration: none;
  border-radius: 6px;
  text-transform: uppercase;
  background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
  font-weight: 500;
  font-size: 14px;
}
#site-navigation .button2,
#site-navigation .button2::after{
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#site-navigation .button2::before,
#site-navigation .button2::after{
	background: #fff;
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 6px;
}
#site-navigation .button2:hover{
  color: #090a14;
  background: #727489;
}
#site-navigation .button2::after{
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
  background: #fff;
}
#site-navigation .button2:hover:after{
  width: 100%;
}
.menu-header a.goog-logo-link{
	display: none;
}
.menu-header .language{
	background: transparent;
	padding: 0;
}
.menu-header .goog-te-gadget .goog-te-combo{
	border: none;
	font-size: 14px;
	color: #727489;
	font-weight: 400;
	outline: none;
	background: #090a14;
	width: 100%;
}
.menu-header .goog-te-gadget{
	font-size: 0;
}

/* Wishlist page &other css */
.wishlist-button { 
  display: flex; 
  justify-content: center;
  align-items: center;
  width: 30px;
  height:30px;
  background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%); 
  color: #fff; 
  text-decoration: none; 
  border-radius: 4px; 
  position: absolute;
  top: 10px;
  right: 10px;
}

 
.wishlist-items li { margin: 5px 0; }

.wishlist-select{
  display: flex; 
  justify-content: center;
  align-items: center;
  width: 30px;
  height:30px;
  background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%); 
  color: #fff; 
  text-decoration: none; 
  border-radius: 4px; 
  position: absolute;
  top: 10px;
  right: 10px;
}
.wishlist-select:hover{
  color: #fff;
}
  
.wishlist-item {
  padding: 15px;
  text-align: center;
  box-sizing: border-box;
  margin-bottom: 20px;
  position: relative;
  border: 1px solid #eee;
  background: #f5f5f5;
}
 
.wishlist-item h2 {
  font-size: 16px;
  margin: 10px 0;
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 40px;

}
.wishlist-item .price {
  display: block;
  margin: 10px 0;
  font-weight: bold;
}
.wishlist-item .button {
  display: inline-block;
  padding: 8px 20px;
  background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
  color: #fff;
  text-decoration: none;
  border-radius: 10px;
}

.wishlist-item .added_to_cart.wc-forward{
  display: inline-block;
  padding: 8px 20px;
  background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
  color: #fff;
  text-decoration: none;
  border-radius: 10px;
  margin-left: 10px;
}
.wishlist-item .added_to_cart.wc-forward:hover{
  background: #000;
}

 
#wishlist .star-rating{
  font-size: 12px;
}

#wishlist .star-rating {
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 14px;
  width: 5.4em;
  font-family: star;
  color: #ffd146;
}

#wishlist .star-rating::before {
  content: "\73\73\73\73\73";
  color: #e2e2e2;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
}

#wishlist .star-rating span::before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
  color: #ffd146
}
#wishlist  .rating-stock-flex{
  justify-content: center;
}

#wishlist .price-ratting-div{
  display: flex;
  align-items: center;
  justify-content: center;
}

 

#wishlist .star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}
 
#wishlist  h6.price{
  font-weight: 400;
  color: #07b1f2;
  font-size: 16px;
  direction: rtl;
  margin-bottom: 10px;
}
#wishlist h6.price del {
  color: #999999;
  font-weight: 400;
  font-size: 13px;
  margin-left: 5px;
}
#wishlist ins span.woocommerce-Price-amount.amount{
  color: #07b1f2;
  font-weight: 500;
  font-size: 16px;
  text-decoration: none;
}

#wishlist h6.price ins{
  text-decoration: none !important;
}

.remove-wishlist-item {
  display: inline-block;
  background: #ff3d3d;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 5px 7px;
  border-radius: 3px;
}
.remove-wishlist-item:hover{
  background: #000;
  color: #fff;
}
.remove-wishlist-item i {
  margin-right: 5px;
}
 
.pagination-wrapper {
  margin-top: 30px;
  text-align: center;
}

.pagination-wrapper ul {
  display: inline-flex;
  list-style: none;
  padding: 0;
  margin: 0;
}

.pagination-wrapper ul li {
  margin: 0 5px;
}

.pagination-wrapper ul li a,
.pagination-wrapper ul li span {
  display: block;
  padding: 8px 14px;
  color: #333;
  background: #F3E6F5;
  border-radius: 4px;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.3s ease;
}

.pagination-wrapper ul li a:hover {
  background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
  color: #fff;
}

.pagination-wrapper ul li span.current {
  background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
  color: #fff;
  font-weight: 600;
}

/* Language css */

.gtranslate_wrapper {
  position: absolute;
  left: 0;
  top: -15px;
  z-index: 11;
}

.gt_options.gt-open{
  max-width: 100px !important;
}

.gt_float_switcher .gt_options a {
  font-size: 13px;
}

.gt_float_switcher .gt_options a:hover{
  background: #000;
}

.gt_float_switcher .gt_options a{
  display: flex !important;
}
.gt_float_switcher .gt-selected{
  width: 76px;
}

select.gt_selector.notranslate {
  padding: 5px 8px;
  border-radius: 4px;
  border: 1px solid #eee;
  background: transparent;
  font-size: 14px;
  color: #fff;
  outline: 0;
}
select.gt_selector.notranslate option{
  color: #000;
}
.gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code{
  font-size: 14px;
}

.translet-div .gt_float_switcher img{
 display: none;
}

.translet-div .gt_float_switcher .gt-selected .gt-current-lang {
  padding: 5px 10px;
}
.gt_float_switcher .gt-selected .gt-current-lang{
  display: flex;
  column-gap: 10px;
  justify-content: space-between;
}
/*SLIDER SECTION*/ 

#slider #carousel-caption{
  position: absolute;
  transform: translateY(-50%);
  top: 55%;
  left: 50%;
  bottom: 0;
}
#slider h2{
  color: #07b1f2; 
  font-size: 20px;
  font-weight: 400;
}
#slider h1{
  font-size: 42px;
  color: #000006;
  font-weight: 600;
  line-height: 1.5;
}
#slider .button1{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  margin: 10px 0;
  text-align: center;
  color: #ffff;
  transition: all 0.2s;
  text-decoration: none;
  border-radius: 6px;
  text-transform: uppercase;
  background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
  font-weight: 500;
  font-size: 14px;
}
 
#slider .button1:hover{
  color: #090a14;
  background: #fff;
}
 
#slider .button2{
  display: inline-block;
  padding: 10px 20px;
  margin: 10px 20px;
  text-align: center;
  color: #090a14;
  transition: all 0.2s;
  text-decoration: none;
  border-radius: 6px;
  text-transform: uppercase;
  background: #fff;
  font-weight: 500;
  font-size: 14px;
}
 
#slider .button2:hover{
  color: #fff;
  background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
}
 
#slider .owl-nav{
	position: absolute;
	transform: translateY(-50%);
	width: 100%;
	top: 50%;
}
button.owl-prev{
  outline: none;
  border: 0;
  box-shadow: none;
}
#slider .nav-button.owl-prev{
	color: #fff;
	padding: 7px 15px;
	position: relative;
	letter-spacing: 2px;
	font-size: 14px;
  outline: none;
  border: 0;
  box-shadow: none;
}
#slider .nav-button.owl-prev:hover{
  color: #07b1f2;
}
#slider .nav-button.owl-next{
	color: #fff;
	padding: 7px 15px;
	position: absolute;
	right: 0px;
	top: 0;
	letter-spacing: 2px;
	font-size: 14px;
  outline: none;
  border: 0;
  box-shadow: none;
}
#slider .nav-button.owl-next:hover{
  color: #07b1f2;
}
#slider .nav-button .fas{
	color: #07b1f2; 
	width: 40px;
	height: 40px;
	border: 2px solid #fff;
	border-radius: 50%;
	padding: 10px;
  margin: 0 5px;
}

#slider .nav-button .fas:hover{
  color: #fff;
  border: 2px solid #07b1f2;
}

/*Latest Game*/


.product-box{
  position: relative;
}


#latest_game  .product-cat {
  display: none;
}
#latest_game h5{
	color: #07b1f2; 
	font-weight: 600;
	font-size: 18px;
}
#latest_game h3{
	color: #090a14;
	font-weight: 800;
}
#latest_game .product-btn{
	padding: 10px 15px;
	border-radius: 6px;
	background: #f5f5f5;
	color: #727489;
	border: 1px solid #ededed;
	width: 100%;
  text-align: left;
}
#latest_game i.fas.fa-sort-down, #latest_game i.fas.fa-chevron-right{
  float: right;
}
#latest_game .product-cat{
	padding: 10px;
	border-radius: 6px;
	background: #f5f5f5;
	color: #727489;
	border: 1px solid #ededed;
	list-style: none;
	position: absolute;
	z-index: 999;
	text-align: left;
	left: 4%;
	right: 15px;
  filter: drop-shadow(0 0 20px rgba(0,0,0,0.08));
}
#latest_game li.drp_dwn_menu{
	padding: 5px;
}
#latest_game select{
	padding: 10px 15px;
	border-radius: 6px;
	background: #f5f5f5;
	color: #727489;
	border: 1px solid #ededed;
  width: 100%;
  outline: none;
}
#latest_game select.filter{
	padding: 10px 15px;
	border-radius: 6px;
	background: #f5f5f5;
	color: #727489;
	width: 100%;
	border: 1px solid #ededed;
}
#latest_game input.search-field{
	padding: 10px 15px;
	border-radius: 6px;
	background: #f5f5f5;
	color: #727489;
	border: 1px solid #ededed;
  width: 80%;
  outline: none;
}
#latest_game input.search-field::placeholder{
	color: #727489;
}
#latest_game button.search-button{
	padding: 10px 15px;
	border-radius: 6px;
	background: #f5f5f5;
	color: #727489;
	border: 1px solid #ededed;
	cursor: pointer;
  outline: none;
}
#latest_game button.search-button .dashicons{
  font-size: 26px;
}
#latest_game img{
	border-radius: 6px;
	width: 100%;
}
#latest_game h4.product-text{
	color: #090a14;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 0;
}
#latest_game h4 a:hover{
	color: #07b1f2; 
}
#latest_game .button2{
  display: inline-block;
  padding: 10px 20px;
  margin: 30px 0;
  text-align: center;
  color: #ffff;
  transition: all 0.2s;
  text-decoration: none;
  border-radius: 6px;
  text-transform: uppercase;
  background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
  font-weight: 500;
  font-size: 14px;
}
#latest_game .button2,
#latest_game .button2::after{
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#latest_game .button2::before,
#latest_game .button2::after{
	background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 6px;
}
#latest_game .button2:hover{
  color: #fff;
  background: #090a14;
}
#latest_game .button2::after{
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
  background: #090a14;
}
#latest_game .button2:hover:after{
  width: 100%;
}
#latest_game .star-rating {
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 1em;
  width: 5.4em;
  font-family: star;
  color: #ffab18;
}
#latest_game .star-rating::before {
  content: "\73\73\73\73\73";
  color: #ffab18;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
}
#latest_game .star-rating span::before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
}
#latest_game .star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}
.product-details{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
#latest_game .cart-button {
 
  display: inline-block;
 
}
#latest_game .icon {
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
	height: 40px;
	padding: 10px;
	border-radius: 6px;
	color: #07b1f2; 
  border: 1px solid #cbcdcd;
  text-align:center;
  position: relative;
   -o-transition:all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
   -webkit-font-smoothing: antialiased;
   cursor: pointer;
}
#latest_game .icon:hover{
  -webkit-background-clip:unset;
   -webkit-text-fill-color:unset;
  color: #fff !important;
}
#latest_game .box{
  background: #47505c;
  overflow: hidden;
  position: relative;
  border-radius: 6px;
}
#latest_game .box img{
  width: 100%;
  height: auto;
  transition: all 0.3s ease 0s;
}
#latest_game .box:hover img{ opacity: 0.2; }

#latest_game .box .box-content{
  color: #fff;
  background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
  text-align: center;
  width: 130px;
  padding: 10px;
  opacity: 0;
  transform: translateX(-50%);
  position: absolute;
  bottom: 5%;
  left: 50%;
  z-index: 1;
  transition: all 0.3s ease-out;
}
#latest_game .box .box-content:hover{
	background: #090a14;
}
#latest_game .box:hover .box-content{ opacity: 1; }
#latest_game .box .box-content:before,
#latest_game .box .box-content:after{
  content: '';
  height: 100%;
  width: 100%;
  transform: scale(0);
  transform-origin: top left;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.3s ease 0.2s;
}
#latest_game .box:hover .box-content a:before,
#latest_game .box:hover .box-content a:after{
    transform: scale(1);
}
#latest_game .box-content a.added_to_cart.wc-forward{
	position: relative;
	float: right;
	margin-top: 10px;
	color: #fff;
	padding: 5px 15px;
}
#latest_game .box-content  a.button{
  margin: 5px 0;
  color: #fff;
  transition: all 0.2s; 
  text-decoration: none;
}
#latest_game figure{
	margin: 0;
	padding: 0;
	background: #222222;
	overflow: hidden;
}
#latest_game figure:hover+span{
	opacity: 1;
}
#latest_game figure img{
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width: 100%;

}
#latest_game .product-box:hover figure img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.7;
}
#latest_game .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,
 #latest_game .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt{
  position: absolute;
  transform: translateY(-100%);
  bottom: 180px;
  border-radius: 50%;
  color: #fff;
  font-size: 14px;
  left: 145px;
  width: 40px;
  height: 40px;
  background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
}
#latest_game .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt:hover,
 #latest_game .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt:hover{
 	background: #090a14;
 }
#latest_game a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt.tinvwl-position-after.tinvwl-product-in-list{
	background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
	color: #fff;
	border: none;
}
#latest_game #sp-wqv-view-button.sp-wqv-view-button.button.before_add_to_cart,
#latest_game #wps-slider-section .sp-wqv-view-button.button.before_add_to_cart,
#latest_game #wpsp-slider-section .sp-wqv-view-button.button.before_add_to_cart{
	position: absolute;
	transform: translateY(-100%);
	bottom: 130px;
	left: 145px;
	background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
	width: 40px;
	border-radius: 50%;
	padding: 10px;
}
#latest_game #sp-wqv-view-button.sp-wqv-view-button.button.before_add_to_cart:hover,
#latest_game #wps-slider-section .sp-wqv-view-button.button.before_add_to_cart:hover,
#latest_game #wpsp-slider-section .sp-wqv-view-button.button.before_add_to_cart:hover{
  background: #090a14;
}

/*Release Game*/

#release_game h5{
	color: #07b1f2; 
	font-weight: 600;
	font-size: 18px;
}
#release_game h3{
	color: #090a14;
	font-weight: 800;
}
#release_game .game-content{
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	left: 50%;
}
#release_game h4 a{
	color: #fff;
	padding: 0 10px;
	text-transform: uppercase;
	font-size: 60px;
	font-weight: 800;
	background: -webkit-linear-gradient(90deg, transparent 65%, linear-gradient(to right, #00c6fff7, #6236ffbf) 60%);
  background: linear-gradient(90deg, transparent 65%, linear-gradient(to right, #00c6fff7, #6236ffbf) 60%);
}
#release_game p{
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 4px;
}
#release_game .game-content2{
	position: absolute;
	transform: translateY(-50%);
	top: 80%;
	left: 45%;
	right: 0;
	background:rgb(0 0 0 / 45%);
	clip-path: polygon(5% 0%, 100% 0%, 100% 100%, 0% 100%);
	color: #fff;
}
#release_game .text1{
	font-weight: 700;
}
#release_game .fab{
	width: 45px;
	height: 45px;
	background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
	padding: 10px;
	color: #fff;
	font-size: 20px;
}
#release_game .fab:hover{
	color: #090a14;
}
#release_game .owl-dots {
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 0;
}
#release_game .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #090a14;
  margin: 0 5px;
}
#release_game .owl-dots button.owl-dot.active {
  background-color:linear-gradient(to right, #00c6fff7, #6236ffbf) ;
}
#release_game .wrapper{
  width:100%;
  overflow:hidden;
  border-radius: 10px !important;
}
#release_game img{
  border-radius: 10px !important;
}
#release_game .frame{
  height:100%;
  width:100%;
  border-radius: 10px !important;
}
#release_game .frame{
   -webkit-animation: zoomeffect 20s infinite;
   -moz-animation: zoomeffect 20s infinite;
   animation: zoomeffect 20s infinite;
   border-radius: 10px;
}
@keyframes zoomeffect{
	0%{
		background-position:center;
	  transform:scale(1,1);
	}
	50%{
		background-position:center;
	  transform:scale(2,2);
	}
	100%{
		background-position:center;
	  transform:scale(1,1);
	}
}
@keyframes zoomeffect{
	0%{
		background-position:center;
	  transform:scale(1,1);
	}
	50%{
		background-position:center;
	  transform:scale(1.3,1.3);
	}
	100%{
		background-position:center;
	  transform:scale(1,1);
	}
}
#release_game .download a{
	background: #fff;
	padding: 15px 10px;
	color: #090a14;
	text-transform:uppercase;
	font-weight: 600;
}
#release_game i.fas.fa-download{
	color: #07b1f2; 
	padding: 15px 10px;
	border-right: 2px solid #e5e5e5;
}
#release_game .download a:hover{
	color: #07b1f2; 
  background: #fff;
}


/* Featured Game Section */

#featured_games h5{
	color: #07b1f2; 
	font-weight: 600;
  font-size: 18px;
}
#featured_games h3{
	color: #090a14;
	font-weight: 800;
}
#featured_games img{
	border-radius: 6px;
	width: 100%;
}
#featured_games .star-rating {
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 1em;
  width: 5.4em;
  font-family: star;
  color: #ffab18;
}
#featured_games .star-rating::before {
  content: "\73\73\73\73\73";
  color: #ffab18;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
}
#featured_games .star-rating span::before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
}
#featured_games .star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}
#featured_games h4 a{
	color: #090a14;
	font-size: 18px;
	font-weight: 600;
	float: left;
}
#featured_games h4 a:hover{
	color: #07b1f2; 
}
#featured_games .cart-button {
  display: inline-block;
}
#featured_games .icon {
  background: #f5f5f5;
  width: 40px;
	height: 40px;
	padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
	border-radius: 6px;
	color: #07b1f2; 
  border: 1px solid #cbcdcd;
  text-align:center;
  position: relative;
   -o-transition:all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
   -webkit-font-smoothing: antialiased;
   cursor: pointer;
}
#featured_games .icon:hover{
      -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
  color: #fff;
}
#featured_games .box{
  background: #47505c;
  overflow: hidden;
  position: relative;
}
#featured_games .box img{
  width: 100%;
  height: auto;
  transition: all 0.3s ease 0s;
}
#featured_games .box:hover img{ opacity: 0.2; }

#featured_games .box .box-content{
  color: #fff;
  background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
  text-align: center;
  width: 130px;
  padding: 10px;
  opacity: 0;
  transform: translateX(-50%);
  position: absolute;
  bottom: 5%;
  left: 50%;
  z-index: 1;
  transition: all 0.3s ease-out;
}
#featured_games .box .box-content:hover{
	background: #090a14;
}
#featured_games .box:hover .box-content{ opacity: 1; }
#featured_games .box .box-content:before,
#featured_games .box .box-content:after{
  content: '';
  height: 100%;
  width: 100%;
  transform: scale(0);
  transform-origin: top left;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.3s ease 0.2s;
}
#featured_games .box:hover .box-content a:before,
#featured_games .box:hover .box-content a:after{
    transform: scale(1);
}
#featured_games .box-content a.added_to_cart.wc-forward{
	position: relative;
	float: right;
	margin-top: 10px;
	color: #fff;
	padding: 5px 15px;
}
#featured_games .box-content  a.button{
  margin: 5px 0;
  color: #fff;
  transition: all 0.2s; 
  text-decoration: none;
}
#featured_games figure{
	margin: 0;
	padding: 0;
	background: #222222;
	overflow: hidden;
}
#featured_games figure:hover+span{
	opacity: 1;
}
#featured_games figure img{
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width: 100%;

}
#featured_games .product-box:hover figure img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.7;
}
 
 
/*Tournament*/

#tournament h5{
	color: #07b1f2; 
	font-weight: 600;
	font-size: 18px;
}
#tournament h3{
	color: #090a14;
	font-weight: 800;
}
#tournament .tournament-box{
	background: #fff;
  transition: all .3s ease-in-out;
    transform: translateY(0);
}
#tournament .tournament-box:hover{
  transform: translateY(-7px);
  box-shadow: 0 8px 28px rgba(0, 0, 0, .06);
}
#tournament .group{
	color: #07b1f2; 
	text-transform: uppercase;
	font-weight: 800;
}
#tournament .post-title a{
	color: #090a14;
	font-weight: 800;
}
#tournament .tournament-box:hover .post-title a{
  color: #07b1f2; 
}
 
#tournament .far{
	color: #07b1f2; 
}
#tournament .day, #tournament .time{
	color: #090a14;
	font-weight: 500;
}
#tournament h6{
	background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
	color: #fff;
	display: inline-block;
	padding: 10px 20px;
	border-radius: 20px;
}
#tournament .fab, #tournament .fas{
	font-size: 40px;
}
#tournament i.fab.fa-youtube{
 color: #ff0000;
}
#tournament i.fab.fa-vimeo-v{
 color: #47a9e8;
}
#tournament i.fab.fa-twitch{
 color: #5a3e85;
}

#tournament .vs-text{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
  padding: 12px;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}

#tournament .button{
  display: inline-block;
  padding: 10px 20px;
  margin: 30px 0;
  text-align: center;
  color: #ffff;
  transition: all 0.2s;
  text-decoration: none;
  border-radius: 6px;
  text-transform: uppercase;
  background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
  font-weight: 500;
  font-size: 14px;
}
#tournament .button,
#tournament .button::after{
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#tournament .button::before,
#tournament .button::after{
	background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 6px;
}
#tournament .button:hover{
  color: #fff;
  background: #090a14;
}
#tournament .button::after{
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
  background: #090a14;
}
#tournament .button:hover:after{
  width: 100%;
}

/*About Us*/

#about_us h5{
	color: #07b1f2; 
	font-weight: 600;
	font-size: 18px;
}
#about_us h3{
	color: #090a14;
	font-weight: 800;
}
#about_us img{
	width: auto;
}
#about_us h6{
	position: absolute;
	top: 85%;
	transform: translateY(-5%);
	right: 15px;
	background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	padding: 10px 20px;
}
#about_us .button{
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  color: #ffff;
  transition: all 0.2s;
  text-decoration: none;
  border-radius: 6px;
  text-transform: uppercase;
  background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
  font-weight: 500;
  font-size: 14px;
}
 
 
#about_us .button:hover{
  color: #fff;
  background: #090a14;
}
 
#about_us figure{
	margin: 0;
	padding: 0;
	background: #222222;
	overflow: hidden;
	border-radius: 10px;
}
#about_us figure:hover+span{
	opacity: 1;
}
#about_us figure img{
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#about_us :hover figure img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.5;
}

/*Testimonials Section*/

#testimonials h5{
	color: #07b1f2; 
	font-weight: 600;
	font-size: 18px;
}
#testimonials h3{
	color: #090a14;
	font-weight: 800;
}
#testimonials .testimonials-box{
	background: #fff;
	border-radius: 6px;
  transition: all .3s ease-in-out;
  transform: translateY(0);
}

#testimonials .testimonials-box:hover{
  background: #41204A;
}
 
#testimonials .testimonials-box:hover p{
  color: #fff;
}
#testimonials .testimonials-box:hover{
  transform: translateY(-7px);
  box-shadow: 0 8px 28px rgba(0, 0, 0, .06);
}
#testimonials .dashicons{
	color: #07b1f2; 
	font-size: 50px;
	width: 50px;
  height: 50px;
}
#testimonials .content{
	color: #090a14;
	font-weight: 500;
}
#testimonials .testimonials-text {
	border-top: 1px solid #e5e5e5;
}
#testimonials img{
	width: auto;
	float: right;
}
#testimonials h6{
	color: #07b1f2; 
	font-weight: 800;
	font-size: 18px;
}
#testimonials .post{
	font-size: 14px;
	font-weight: 500;
}
#testimonials .button{
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  color: #ffff;
  transition: all 0.2s;
  text-decoration: none;
  border-radius: 6px;
  text-transform: uppercase;
  background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
  font-weight: 500;
  font-size: 14px;
  margin: 15px 0;
}
#testimonials .button,
#testimonials .button::after{
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#testimonials .button::before,
#testimonials .button::after{
	background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 6px;
}
#testimonials .button:hover{
  color: #fff;
  background: #090a14;
}
#testimonials .button::after{
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
  background: #090a14;
}
#testimonials .button:hover:after{
  width: 100%;
}
#testimonials .owl-dots {
  text-align: center;
  position: relative;
  width: 100%;
  top: 5px;
  margin: 10px 0;
}
#testimonials .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #c1c1c1;
  margin: 0 5px;
}
#testimonials .owl-dots button.owl-dot.active {
  background-color:linear-gradient(to right, #00c6fff7, #6236ffbf) ;
}

/*Latest Products*/
#latest_products h5{
	color: #07b1f2; 
	font-weight: 600;
	font-size: 18px;
}
#latest_products h3{
	color: #090a14;
	font-weight: 800;
}
#latest_products img{
	width: 100%;
}
#latest_products h5.product-titel{
	font-size: 16px;
	font-weight: 800;
}
#latest_products bdi{
	color: #07b1f2; 
	font-weight: 800;
	font-size: 18px;
}
 
#latest_products .icon {
  background: #f5f5f5;
  width: 40px;
	height: 40px;
	padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
	border-radius: 6px;
	color: #07b1f2; 
  border: 1px solid #cbcdcd;
  text-align:center;
  position: relative;
   -o-transition:all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
   -webkit-font-smoothing: antialiased;
   cursor: pointer;
}
#latest_products .icon:hover{
      -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
  color: #fff;
}
#latest_products .box{
  background: #47505c;
  overflow: hidden;
  position: relative;
}
#latest_products .box img{
  width: 100%;
  height: auto;
  transition: all 0.3s ease 0s;
}
#latest_products .box:hover img{ opacity: 0.2; }

#latest_products .box .box-content{
  color: #fff;
  background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
  text-align: center;
  width: 130px;
  padding: 10px;
  opacity: 0;
  transform: translateX(-50%);
  position: absolute;
  bottom: 5%;
  left: 50%;
  z-index: 1;
  transition: all 0.3s ease-out;
}
#latest_products .box .box-content:hover{
	background: #090a14;
}
#latest_products .box:hover .box-content{ opacity: 1; }
#latest_products .box .box-content:before,
#latest_products .box .box-content:after{
  content: '';
  height: 100%;
  width: 100%;
  transform: scale(0);
  transform-origin: top left;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.3s ease 0.2s;
}
#latest_products .box:hover .box-content a:before,
#latest_products .box:hover .box-content a:after{
    transform: scale(1);
}
#latest_products .box-content a.added_to_cart.wc-forward{
	position: relative;
	float: right;
	margin-top: 10px;
	color: #fff;
	padding: 5px 15px;
}
#latest_products .box-content  a.button{
  margin: 5px 0;
  color: #fff;
  transition: all 0.2s; 
  text-decoration: none;
}
#latest_products figure{
	margin: 0;
	padding: 0;
	background: #222222;
	overflow: hidden;
}
#latest_products figure:hover+span{
	opacity: 1;
}
#latest_products figure img{
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width: 100%;
}
#latest_products .product-box:hover figure img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.5;
}
#latest_products .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,
 #latest_products .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt{
  position: absolute;
  transform: translateY(-100%);
  bottom: 185px;
  border-radius: 50%;
  color: #fff;
  font-size: 14px;
  left: 145px;
  width: 40px;
  height: 40px;
  background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
}
#latest_products .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt:hover,
 #latest_products .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt:hover{
 	background: #090a14;
 }
#latest_products a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt.tinvwl-position-after.tinvwl-product-in-list{
	background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
	color: #fff;
	border: none;
}
#latest_products .star-rating {
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 1em;
  width: 5.4em;
  font-family: star;
  color: #ffab18;
}
#latest_products .star-rating::before {
  content: "\73\73\73\73\73";
  color: #ffab18;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
}
#latest_products .star-rating span::before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
}
#latest_products .star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}
#latest_products #sp-wqv-view-button.sp-wqv-view-button.button.before_add_to_cart,
#latest_products #wps-slider-section .sp-wqv-view-button.button.before_add_to_cart,
#latest_products #wpsp-slider-section .sp-wqv-view-button.button.before_add_to_cart{
	position: absolute;
	transform: translateY(-100%);
	bottom: 135px;
	left: 145px;
	background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
	width: 40px;
	border-radius: 50%;
	padding: 10px;
}
#latest_products #sp-wqv-view-button.sp-wqv-view-button.button.before_add_to_cart:hover,
#latest_products #wps-slider-section .sp-wqv-view-button.button.before_add_to_cart:hover,
#latest_products #wpsp-slider-section .sp-wqv-view-button.button.before_add_to_cart:hover{
  background: #090a14;
}
#latest_products .owl-carousel .owl-nav{
	display: block;
  position: relative;
  bottom: 100px;
  transform: translateY(-150px);
}
#latest_products .owl-carousel .owl-nav button.owl-prev{
	position: relative;
  left: -8%;
  float: left;
	color: #07b1f2; 
	padding: 7px 15px;
	outline: none;
	letter-spacing: 2px;
	font-size: 12px;
	font-weight: 600;
}
#latest_products .owl-carousel .owl-nav button.owl-prev:hover{
  color: #000;
}
#latest_products .owl-carousel .owl-nav button.owl-next{
	position: relative;
  right: -8%;
  float: right;
	color: #090a14;
	padding: 7px 15px;
	letter-spacing: 2px;
	font-size: 12px;
	font-weight: 600;
  outline: none;
  border: 0
}
#latest_products .owl-carousel .owl-nav button.owl-next:hover{
  color: #07b1f2; 
}
#latest_products i.fas.fa-arrow-left{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 2px solid linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
	padding: 10px;
	font-size: 14px;
  margin: 0 5px;
}
#latest_products i.fas.fa-arrow-right{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 2px solid linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
	padding: 10px;
	font-size: 14px;
	color: #07b1f2; 
  margin: 0 5px;
}
#latest_products .owl-dots {
  text-align: center;
  width: 100%;
}
#latest_products .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #c1c1c1;
  margin: 0 5px;
}
#latest_products .owl-dots button.owl-dot.active {
  background-color:linear-gradient(to right, #00c6fff7, #6236ffbf) ;
}
.wqv-product-images img{
	padding: 10px;
}
/*Trailers Section */

#trailers h5{
	color: #07b1f2; 
	font-weight: 600;
}
#trailers h3{
	color: #090a14;
	font-weight: 800;
}
#trailers img{
	border-radius: 10px;
	opacity: 0.7;
}
#trailers .large{
	position: absolute;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
}
#trailers .large i{
  padding: 5px;
  font-size: 48px;
  color: #fff;
  border-radius: 50%;
  transition: all .3s ease-in-out;
}
#trailers :hover .large i{
	color: #07b1f2; 
	background: #fff;
}
a.open-video{
  position: relative;
}
#trailers .video-blog{
	position:fixed;
	top:0;
	right:-100%;
	width:100%;
	height:100%;
	padding:0;
	z-index:1001;
	visibility: hidden;
	-webkit-transition-property: all , -webkit-transform;
    transition-property: all , transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	background: rgba(255,255,255, 0.98) none repeat;
	border:none !important;
}
#trailers .is-open{
	right:0;
	height:100%;
	visibility: visible;
	top: 30px;
}
#trailers .is-open section#videoblog{
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
#trailers .video-blog a.close-video{
	top: 15px;
	position:absolute;
	left:50%;
}
#trailers .video-blog i.videoblog-close-button{
	font-size:25px;
	color:#616161 !important;
	-webkit-transition: transform .2s linear;
	-moz-transition: transform .2s linear;
	-o-transition: transform .2s linear;
	transition: transform .2s linear;
}
#trailers .is-open i.videoblog-close-button:hover{
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
#trailers .item{
  opacity:0.8;
  transition:.4s ease all;
  transform:scale(.8);
}
@media(max-width:1000px){
  .item{margin:0; transform:scale(.9)}
}
#trailers .active .item{
  opacity:1;
  transform:scale(1.3);
  background: #090a14;
  border-radius: 10px;
}
#trailers .owl-dots {
  text-align: center;
  margin-top: 20px;
  width: 100%;
}
#trailers .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #c1c1c1;
  margin: 0 5px;
}
#trailers .owl-dots button.owl-dot.active {
  background-color:linear-gradient(to right, #00c6fff7, #6236ffbf) ;
}
#trailers .owl-carousel .owl-nav{
	display: block;
  position: relative;
  bottom: 100px;
  transform: translateY(-150px);
}
#trailers .owl-carousel .owl-nav button.owl-prev{
	position: relative;
  left: -8%;
  float: left;
	color: #07b1f2; 
	padding: 7px 15px;
	outline: none;
	letter-spacing: 2px;
	font-size: 12px;
	font-weight: 600;
}
#trailers .owl-carousel .owl-nav button.owl-next{
	position: relative;
  right: -8%;
  float: right;
	color: #090a14;
	padding: 7px 15px;
	letter-spacing: 2px;
	font-size: 12px;
	font-weight: 600;
}
#trailers .owl-carousel .owl-nav button.owl-prev:hover{
  color: #000;
}
#trailers  .owl-carousel .owl-nav button.owl-next:hover{
  color: #07b1f2; 
}
#trailers i.fas.fa-arrow-left{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 2px solid linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
	padding: 10px;
	font-size: 14px;
  margin: 0 5px;
}
#trailers i.fas.fa-arrow-right{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 2px solid linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
	padding: 10px;
	font-size: 14px;
	color: #07b1f2; 
  margin: 0 5px;
}

/*Join Us*/

#join_us h5{
	color: #07b1f2; 
	font-weight: 600;
	font-size: 18px;
}
#join_us h3{
	color: #090a14;
	font-weight: 800;
}
#join_us .button{
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  color: #ffff;
  transition: all 0.2s;
  text-decoration: none;
  border-radius: 6px;
  text-transform: uppercase;
  background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
  font-weight: 500;
  font-size: 14px;
  margin: 15px 0;
}
 
#join_us .button:hover{
  color: #fff;
  background: #090a14;
}
#join_us .button::after{
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
  background: #090a14;
}
#join_us .button:hover:after{
  width: 100%;
}
#join_us .game-content{
	position: absolute;
	transform: translateY(-10%);
	top: 50%;
	left: 30%;
	right: 10%;
}
#join_us h4{
	color: #fff;
	padding: 0 10px;
	text-transform: uppercase;
	font-size: 52px;
	font-weight: 800;
  background: -webkit-linear-gradient(90deg, transparent 67%, #fe7900 60%);
  background: -o-linear-gradient(90deg, transparent 67%, #fe7900 60%);
  background: -moz-linear-gradient(90deg, transparent 67%, #fe7900 60%);
  background: linear-gradient(90deg, transparent 67%, #fe7900 60%);

}
#join_us p{
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
}
#join_us figure{
	margin: 0;
	padding: 0;
	background: #222222;
	overflow: hidden;
	border-radius: 10px;
  position: relative;
}
#join_us figure::after{
  content: "";
  background: #00000069;
  position: absolute;
  inset: 0;
  border-radius: 10px;
  height: 100%;
}
#join_us figure:hover+span{
	opacity: 1;
}
#join_us figure img{
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width: 100%;
}
#join_us :hover figure img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.7;
}

/*Features Section*/
#features h5{
	color: #07b1f2; 
	font-weight: 600;
	font-size: 18px;
}
#features h3{
	color: #090a14;
	font-weight: 800;
}
#features .features-box{
	background: #fff;
	border-radius: 6px;
  transition: all .3s ease-in-out;
  transform: translateY(0);
  
}

#features .features-box:hover{
  background: #41204A;
}
#features .features-box:hover p{
  color: #fff;
}
 
#features .features-box:hover{
  transform: translateY(-7px);
  box-shadow: 0 8px 28px rgba(0, 0, 0, .06);
}
#features .features-box:hover h6{
  color: #fff; 
}
#features .features-img-div{
  width: 60px;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
#features .features-img-div img{
  width: 100%;
  height: 100%;
}
#features h6{
	color: #090a14;
	font-weight: 800;
	font-size: 18px;
}
#features p{
	color: #090a14;
	font-weight: 500;
}
#features .owl-dots {
  text-align: center;
  position: relative;
  width: 100%;
  top: 15px;
}
#features .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #c1c1c1;
  margin: 0 5px;
}
#features .owl-dots button.owl-dot.active {
  background-color:linear-gradient(to right, #00c6fff7, #6236ffbf) ;
}

/*Footer Section*/

.footer-area ul {
    list-style: none;
    line-height: 2;
    padding: 0;
  }
  .footer-area ul li::before {
    content: "\f0da" !important;
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    position: absolute;
    
  }
/* .footer-area ul li a:before{
  content: '';
  margin-right: 10px;
  position: relative;
  bottom: 15px;
} */

.footer-area  .woocommerce ul.product_list_widget li a{
  padding-left: 15px;
}
.footer-area .textwidget ul li {
  margin: 15px 0;
  font-size: 16px;
  color: #e7e7e7;
  font-weight: 500;
}
.footer-area .textwidget ul li::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    margin-right: 10px;
  }
 .footer-area h4.title{
  color: #e7e7e7;
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 20px
 }
 .footer-area bdi{
 	color: #07b1f2; 
 }
.copyright {
  background: #14151d;
  color: #fff;
}
.copyright p{
  color: #fff;
  margin-bottom: 0;
}
.copyright a{
	color: #07b1f2; 
}
.copyright a:hover{
	color: #fff;
}
.footer-area  .fab{
  width: 30px;
  height: 30px;
  padding: 8px 9px;
  background: #202529;
  border-radius: 50%;
  margin-top: 10px;
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  text-align: center;
}
.footer-area .fab:hover{
  color: #fff;
  background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
}
.footer-area .post-thumbnail img {
    max-width: 100px;
    height: 70px;
    float: right;
    border-radius: 4px;
}
.footer-area .post-title {
    font-size: 16px;
    font-weight: 400;
}
.footer-area .post-meta a{
	font-weight: 400;
	font-size: 18px;
}
.footer-area ul li a{
	font-size: 16px;
  padding-left: 15px;
}
.footer-area .wpcf7-spinner{
 	display: none;
 }
 .footer-area form{
  display: flex;
 }
 .footer-area input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email{
 	padding: 10px;
 	width: 100%;
 	background: #202529;
 	color: #fff;
 	border: none;
 	border-radius: 4px 0 0 4px;
  outline: none;

 }
 .footer-area input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email::placeholder{
 	color: #777777;
 }
 .footer-area input.wpcf7-form-control.has-spinner.wpcf7-submit{
 	padding: 10px;
 	background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
 	color: #fff;
 	border-radius:0 4px 4px 0;
 	border: none;
 	font-weight: 600;
 }
 .footer-area input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
 	background: #ffff;
 	color: #777777;
 }
.footer-area img{
  width: 200px;
}
.footer-area select{
  width: 100%;
  padding: 10px;
}

.page-template-frontpage .woosc-btn {
  position: absolute;
  top: 50px;
  right: 10px;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
  border: 0;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
  
.page-template-frontpage .woosc-btn::after{
  content: '\f362';
  font-family: 'Font Awesome 5 Free';
  font-size: 14px;
  color: #fff;
  font-weight: 900;
}
.page-template-frontpage .woosc-btn.woosc-btn-added:before{
  display: none;
}

.woocommerce-shop .woosc-btn, .related.products .woosc-btn{
  position: absolute;
  top: 50px;
  right: 15px;
  right: 10px;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
  border: 0;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.woocommerce-shop .woosc-btn::after, 
.related.products .woosc-btn::after, .summary.entry-summary .woosc-btn::after{
  content: '\f362';
  font-family: 'Font Awesome 5 Free';
  font-size: 14px;
  color: #fff;
  font-weight: 900;
}
.woocommerce-shop .woosc-btn.woosc-btn-added:before, 
.related.products .woosc-btn.woosc-btn-added:before, 
.summary.entry-summary .woosc-btn.woosc-btn-added:before{
  display: none;
}
.summary.entry-summary .woosc-btn{
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background: #222222;
  border: 0;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-template-frontpage .woosq-btn{
  position: absolute;
  top: 90px;
  right: 10px;
  width: 30px;
  height: 30px;
  font-size: 0;
  background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
  cursor: pointer;
  border: 0;
  color: #fff;
  border-radius: 6px;
}

.page-template-frontpage  .woosq-btn::after{
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "";
  font-size: 16px;
  cursor: pointer;
}


/*Contact Page*/

#contact .contact-form{
  background: #090a14;
}
#contact h2{
  color: #090a14;
  font-size: 44px;
  font-weight: 600;
}
#contact h4{
  color: #090a14;
  font-weight: 500;
  font-size: 30px;
}

#contact input.wpcf7-form-control.wpcf7-text{
	padding:15px 10px;
	width: 100%;
	margin: 10px 0;
	background: rgba(255,255,255,.05);
	color: #898d94;
	border: 1px solid #898d94;
}
#contact input.wpcf7-form-control.wpcf7-text::placeholder{
	color: #898d94;
}
#contact textarea.wpcf7-form-control.wpcf7-textarea{
	padding:15px 10px;
	width: 100%;
	line-height: 14px;
	background: rgba(255,255,255,.05);
	color: #898d94;
	border: 1px solid #898d94;
	margin: 10px 0;
}
#contact textarea.wpcf7-form-control.wpcf7-textarea::placeholder{
	color: #898d94;
}
#contact input.wpcf7-form-control.has-spinner.wpcf7-submit{
	padding: 15px;
	width: 100%;
	background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
	color: #fff;
	border: none;
	cursor: pointer;
	font-weight: 700;
}
#contact input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
	color: #fff;
	background: #090a14;
}
#contact .wpcf7 form.failed .wpcf7-response-output, #contact .wpcf7 form.aborted .wpcf7-response-output{
	color: #090a14;
	border-color: #090a14;
}
#contact span{
	color: #090a14;
	font-weight: 600;
}
#contact .dashicons{
	color: #090a14;
	margin: 0 10px;
	font-weight: 100;
	font-size: 22px;
}
#contact .dashicons:hover{
	color: #07b1f2; 
}
.site-main h2, .woocommerce h2{
	font-family: 'Inter', sans-serif;
}



.sidebar-area .post-thumbnail{
  width: 75px;
  height: 75px;
}

.sidebar-area .post-thumbnail img{
  height: 100%;
}



.sidebar-area #block-1, .sidebar-area #block-2, 
.sidebar-area #block-3, .sidebar-area #block-4,
.sidebar-area #block-5, .sidebar-area #block-6{
  display: none;
}

.footer-area #block-1, .footer-area #block-2, 
.footer-area #block-3, .footer-area #block-4,
.footer-area #block-5, .footer-area #block-6{
  display: none;
}

.footer-socail-icon{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 5px;
}

.footer-socail-div p{
  margin-bottom: 0;
}

.footer-area form p{
  display: flex;
}
.footer-area form br{
  display: none;
}
.gradient-text {
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}

.social-links a:hover,#main-menu a:hover, #main-menu ul li a:hover, #main-menu li:hover > a, #main-menu a:focus, #main-menu ul li a:focus, #main-menu li.focus > a, #main-menu li:focus > a, #main-menu ul li.current-menu-item > a, #main-menu ul li.current_page_item > a, #main-menu ul li.current-menu-parent > a, #main-menu ul li.current_page_ancestor > a, #main-menu ul li.current-menu-ancestor > a,#slider h2, #latest_game h5, #latest_game .icon .button1 a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart, #latest_game a.added_to_cart.wc-forward, #latest_game .icon, #latest_game h4 a:hover,  #release_game h5,#featured_games h5, #featured_games .icon, #featured_games .icon .button1 a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart, #featured_games a.added_to_cart.wc-forward, #tournament h5,#tournament .group, #tournament .far,#about_us h5,#testimonials h5, #testimonials h6, #latest_products h5:hover, #latest_products bdi, #latest_products .icon, #latest_products .icon .button1 a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart, #latest_products a.added_to_cart.wc-forward, #trailers h5, #join_us h5, #features h5,#features .dashicons, .footer-area bdi, #trailers .owl-carousel .owl-nav button.owl-prev,#latest_products .owl-carousel .owl-nav button.owl-prev, #contact .dashicons:hover, .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price, .single-tournament .group, .single-tournament .far, .copyright a, .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .top-header span.dashicons, #release_game i.fas.fa-download, #tournament i.fab.fa-vimeo-v, #testimonials .dashicons, .latest-post :hover h4 a, .latest-post .post-meta i, .sidebar-area bdi, .post-meta i, #tournament .tournament-box:hover .post-title a, .menu-item-has-children:hover::after, .menu-item-has-children.current-menu-item::after, .menu-item-has-children:focus::after, #release_game .download a:hover, #featured_games h4 a:hover, .footer a:hover{
  background: -webkit-linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*MEDIA QUERY 320 TO 720*/

@media only screen and (min-width: 320px) and (max-width: 720px){
  .admin-bar .fix-sticky{
    margin-top: 0;
  }
  #wpadminbar{
  	top: -46px !important;
  }
  #main-menu ul li a:before{
   	display: none;
   }
  header#site-navigation{
  	filter: unset;
  }
  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: #ffff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    text-align:center;
  }
  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
  }
  #main-menu{
    top: 25px;
  }
  .sidenav a:hover{
    color: #F3E6F5;
  }
  #main-menu ul.children, #main-menu ul.sub-menu{
    box-shadow: none;
  }
  .sidenav .closebtn {
    position: absolute;
    top: 50px;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
  }
  #site-navigation .sidenav a.closebtn, .open-menu{
    display: inline-block;
    background: linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
    padding: 0 10px;
    color: #fff;
  }
  #main-menu ul.children, #main-menu ul.sub-menu{
    background: transparent;
  }
  #main-menu ul.sub-menu li a:hover:after{
    background: transparent;
    color: #090a14;
  }
  #main-menu ul.sub-menu li a:hover{
    color: #090a14;
  }
  #main-menu ul.sub-menu li a:before{
    border: none;
  }
  .woocommerce #content table.cart td.actions .coupon .button.alt,
	.woocommerce #content table.cart td.actions .coupon .input-text+.button,
	.woocommerce table.cart td.actions .coupon .button.alt,
	.woocommerce table.cart td.actions .coupon .input-text+.button,
	.woocommerce-page #content table.cart td.actions .coupon .button.alt,
	.woocommerce-page #content table.cart td.actions .coupon .input-text+.button,
	.woocommerce-page table.cart td.actions .coupon .button.alt,
	.woocommerce-page table.cart td.actions .coupon .input-text+.button{
     float: unset;
     width: 100% !important;
     margin: 0;
  }
	.woocommerce #content table.cart td.actions .button,
	.woocommerce table.cart td.actions .button,
	.woocommerce-page #content table.cart td.actions .button,
	.woocommerce-page table.cart td.actions .button{
    width: 100%;
    margin: 0;
  }
  .woocommerce-cart table.cart td.actions .coupon .input-text{
  	width: 100% !important;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs li{
  	padding: 10px 20px;
  }
  .woocommerce .quantity .qty{
  	max-width: 130px;
  }
  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
  	width: 48%;
  }
  .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{
    font-size: 14px !important;
  }
  .woocommerce div.product{
    padding: 20px;
  }
  .archive #sp-wqv-view-button.sp-wqv-view-button.button.before_add_to_cart,
   .archive #wps-slider-section .sp-wqv-view-button.button.before_add_to_cart,
   .archive #wpsp-slider-section .sp-wqv-view-button.button.before_add_to_cart{
   	top: 52%;
   	left: 9%;
   }
   .price bdi{
    font-size: 14px;
   }
  .page-404 h1{
  	font-size: 70px;
  }
  .page-404 h3 {
  font-size: 20px;
  }
  .page-404 p{
  	margin-left: 0;
  	margin-right: 0;
  }
  .header-calling{
  	max-width: 200px;
  	margin: 5px 50px;
  }
  .header-navigation .dashicons{
  	font-size: 38px;
  }
  .header-navigation p{
  	font-size: 16px;
  }
  .page-template-frontpage .menu-header{
  	position: unset;
  	clip-path: none;
  }
  .top-header .logo-bg{
  	position: unset;
  	clip-path:unset;
  }
  .top-header .social-text{
  	left: 0;
  }
  .menu-header .goog-te-gadget .goog-te-combo{
  	width: 60px;
  }
  #site-navigation .button1{
  	padding: 8px 10px;
  	font-size: 9px;
  }
  #site-navigation .button2{
  	padding: 8px 10px;
  	font-size: 9px;
  	margin: 10px 5px;
  }
  #slider #carousel-caption{
    left:30%;
    right: auto;
    top: 50%;
  }
  #slider h1{
    font-size: 20px;
  }
  #slider h2{
    font-size: 16px;
  }
  #slider p{
   font-size: 14px;
  }
  #slider .button1,#slider .button2{
  	padding: 7px 10px;
  	font-size: 10px;
  }
  #slider .owl-nav{
  	display: none;
  }
  #slider .owl-dots {
	  text-align: center;
	  width: 100%;
	  display: block;
	  position: absolute;
	  bottom: 5px;
  }
	#slider .owl-dots button.owl-dot {
	  width: 8px;
	  height: 8px;
	  border-radius: 50%;
	  display: inline-block;
	  background: #8e9ead;
	  margin: 0 5px;
	  outline: none;
  }
	#slider .owl-dots button.owl-dot.active {
	  background-color:linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
	  border-radius: 20px;
	}
	#latest_game select{
		width: 100%;
		margin: 10px 0;
	}
	#latest_game input.search-field{
		width: 80%;
		margin: 10px 0;
	}
	#release_game .game-content{
		left: 15px;
		top: 45%;
	}
	#release_game h4 a{
		font-size: 30px;
	}
	#release_game p{
		display: none;
	}
	#release_game .download a, #release_game i.fas.fa-download{
		padding: 10px 10px;
	}
	#release_game .game-content2{
		left: 46px;
		background: unset;
		top: 70%;
	}
	#release_game .fab{
		display: none;
	}
  #about_us h3, #testimonials h3, #latest_products h3, #trailers h3, #join_us h3, #features h3{
    font-size: 24px;
  }
	#release_game .text1{
		display: none;
	}
	#tournament .day, #tournament .time{
		display: block;
		margin: 10px 0;
	}
  #tournament .vs-text{
    width: 40px;
    height: 40px;
    font-size: 14px;
  }
  #tournament img.season_thumbnail_img{
    width: 100%;
  }
  #tournament img.season_thumbnail_img_two{
    width: 100%;
  }
	#about_us h6{
		top: 70%;
	}
	#latest_products .owl-carousel .owl-nav{
		display: none;
	}
	#join_us .game-content{
		transform: translateY(-30%);
		left: 15%;
		right: 10%;
	}
	#about_us img{
		width: 100%;
	}
	#join_us h4{
		font-size: 30px;
		background: linear-gradient(90deg, transparent 62%, #fe7900 60%);
	}
  #trailers .large i{
    padding: 3px;
    font-size: 24px;
  }
	#trailers .owl-carousel .owl-nav{
		display: none;
	}
  #trailers .item{
    transform: scale(0.9);
  }
  #trailers .large{
  	width: 30px;
    height: 30px;
    font-size: 24px;
    padding: 3px;
    transform: translateY(-25%);
    top: 35px;
  }
  #trailers .is-open{
  	top: 0;
  }
  #contact .contact-form{
  	position: unset;
  	transform: unset;
  }
  #contact .location-form input.wpcf7-form-control.wpcf7-text,
  #contact .location-form textarea.wpcf7-form-control.wpcf7-textarea{
  	width: 100%;
  }
  .wpcf7-spinner{
  	display: block;
  }
  #location .enquiry{
  	position: unset;
  	transform: unset;
  }
  .footer-area .textwidget ul{
  	padding: 0 40px;
  }
  .footer-area hr{
  	margin-left: 20%;
  	margin-right: 20%;
  }
  #contact .content{
  	margin-top: 10%;
  }
  #latest_game h4.product-text{
    font-size: 14px;
  }
  #latest_game .icon{
    width: 30px;
    height: 30px;
    font-size: 13px;
  }

  .slider-box{
    height: 350px;
  }
  .slider-box img{
    height: 100%;
    object-fit: cover;
  }
  .footer-area h4.title{
    margin-top: 20px;
  }
  .footer-socail-icon{
    justify-content: center;
  }

  #featured_games h4 a{
    font-size: 14px;
  }

 #latest_products bdi{
    font-size: 14px;
  }
  .woocommerce .star-rating{
    margin: auto;
  }

  
}


/*MEDIA 721 TO 1023*/
@media only screen and (min-width: 721px) and (max-width: 1023px){

  .top-header .social-text{
    position: absolute;
    right: 0;
    left: auto;
  }
	.sidebar-area .post-title{
		font-size: 14px;
	}
 
	.top-header span.dashicons{
		margin-top: 5px;
	}
	.woocommerce div.product div.images img{
		width: auto;
	}
	.woocommerce #content div.product div.images, .woocommerce div.product div.images,
	.woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{
	 	width: 50%;
	}
	.woocommerce #content div.product div.images, .woocommerce #content div.product div.summary,
	.woocommerce div.product div.images, .woocommerce div.product div.summary, 
	.woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, 
	.woocommerce-page div.product div.images, .woocommerce-page div.product div.summary{
	 	float: left;
	 	width: 50%;
	}
	.woocommerce button.button{
	 	margin: 0 10px;
	 	padding: 12px 20px;
	}
	.top-header .logo-bg{
		clip-path: polygon(18% 100%, 76% 100%, 91% 0, 4% 0%);
	}
  .logo-image img{
    width: 100px;
    height: 40px;
  }
  .page-template-frontpage .menu-header{
  	position: unset;
  	clip-path: none;
  }
  #main-menu ul li a{
   padding-right: 45px;
  }
  
  .top-header span.dashicons{
  	font-size: 16px;
  }
  #site-navigation .button1{
  	padding: 10px 15px;
  }
  #site-navigation .button2{
  	padding: 10px 15px;
  	margin: 10px 5px;
  }
  #slider #carousel-caption{
  	top: 45%;
   right: auto;
  }
  #slider h1{
  	font-size: 30px;
  }
  #slider .button{
  	padding: 10px 25px;
  }
  #slider .owl-nav{
  	display: none;
  }
  #slider .owl-dots {
	  text-align: center;
	  width: 100%;
	  display: block;
	  position: absolute;
	  bottom: 5px;
  }
	#slider .owl-dots button.owl-dot {
	  width: 8px;
	  height: 8px;
	  border-radius: 50%;
	  display: inline-block;
	  background: #8e9ead;
	  margin: 0 5px;
	  outline: none;
  }
	#slider .owl-dots button.owl-dot.active {
	  background-color:linear-gradient(90deg, #31BBFA 0%, #514DE7 100%);
	  border-radius: 20px;
	}
	#latest_game select{
		width: 100%;
	}
  #release_game .game-content {
  	top: 40%;
  	left: 25%;
  }
  #release_game .game-content2{
  	left: 14%;
  }
  #release_game i.fas.fa-download{
  	padding:10px 8px;
  }
  #latest_game .icon{
  	top: 10px;
  }
  #latest_products .owl-carousel .owl-nav{
		display: none;
	}
  #join_us .game-content {
  	transform: translateY(-50%);
  	top: 40%;
  	left: 13%;
  }
  #join_us h4{
  	font-size: 34px;
  }
  #trailers .owl-carousel .owl-nav{
		display: none;
	}
	#about_us img{
		width: 100%;
	}

	#contact  .wpcf7-spinner{
		display: block;
	}
	footer{
		margin-top: 0;
	}
	#contact .contact-form{
		position: unset;
		transform: unset;
	}
	#contact .content{
		margin-top: 5%;
	}
	#contact input.wpcf7-form-control.wpcf7-text{
		width: 80%;
	}
	#contact textarea.wpcf7-form-control.wpcf7-textarea{
		width: 80%;
	}
	#contact input.wpcf7-form-control.has-spinner.wpcf7-submit{
		width: 80%;
	}
	#latest_game .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,
	#latest_game .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt{
	 	bottom: 250px;
	 	left: 170px;
	}
	#featured_games .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,
	#featured_games .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt{
	  bottom: 275px;
	  left: 190;
	}
	#latest_products .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,
	#latest_products .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt{
	  bottom: 250px;
	 	left: 170px;
	}
}

/*MEDIA 1024 TO 1119*/
@media only screen and (min-width: 1024px) and (max-width: 1199px){
  .top-header span{
  	font-size: 12px;
  }
   
  .page-template-frontpage .menu-header{
  	position: unset;
  	clip-path: none;
  }
  .top-header img.image-logo{
  	height: 40px;
  	width: 100px;
  }
	.header-navigation p{
		font-size: 16px;
	}
	 
	#slider #carousel-caption{
		top: 50%;
		 
	}
  #slider h1{
    font-size: 32px;
  }
	#slider .nav-button.owl-prev, #slider .nav-button.owl-next{
		padding: 5px 10px;
	}
	#release_game .game-content{
		left: 45%;
	}
	#release_game .game-content2{
		left: 35%;
	}
	#about_us img{
		width: auto;
	}
  #tournament .vs-text{
    width: 40px;
    height: 40px;
    font-size: 14px;
  }
  #tournament img.season_thumbnail_img{
    width: 100%;
  }
  #tournament img.season_thumbnail_img_two{
    width: 100%;
  }
	#latest_products .owl-carousel .owl-nav{
		display: none;
	}
	#join_us .game-content{
		left: 18%;
	}
	#join_us h4{
		font-size: 44px;
	}
	#trailers .owl-carousel .owl-nav{
		display: none;
	}
	#latest_products .owl-carousel .owl-nav{
		display: none;
	}
	#contact .content{
		margin-top: 30%;
	}
	#latest_game .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,
	#latest_game .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt{
	 	bottom: 210px;
	 	left: 155px;
	}
	#latest_game #sp-wqv-view-button.sp-wqv-view-button.button.before_add_to_cart, 
	#latest_game #wps-slider-section .sp-wqv-view-button.button.before_add_to_cart, 
	#latest_game #wpsp-slider-section .sp-wqv-view-button.button.before_add_to_cart{
	 	bottom: 155px;
	 	left: 155px;
	}
	#featured_games .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,
	#featured_games .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt{
	 	bottom: 240px;
	 	left: 160px;
	}
	#featured_games #sp-wqv-view-button.sp-wqv-view-button.button.before_add_to_cart, 
	#featured_games #wps-slider-section .sp-wqv-view-button.button.before_add_to_cart,
	#featured_games #wpsp-slider-section .sp-wqv-view-button.button.before_add_to_cart{
	 	bottom: 180px;
	 	left: 160px;
	}
	.site-main .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt{
		top: 10px;
		left: 215px;
	}
	.archive #sp-wqv-view-button.sp-wqv-view-button.button.before_add_to_cart,
	.archive #wps-slider-section .sp-wqv-view-button.button.before_add_to_cart, 
	.archive #wpsp-slider-section .sp-wqv-view-button.button.before_add_to_cart{
		top: 40%;
		right: 15px;
	}
}
/*MEDIA 1200 TO 1440*/
@media only screen and (min-width: 1200px) and (max-width: 1440px){
	#latest_products .owl-carousel .owl-nav{
		display: none;
	}
  
	#trailers .owl-carousel .owl-nav{
		display: none;
	}
  .page-template-frontpage .menu-header{
    clip-path: unset;
  }
	}