/* Sintix - Digital Video Gaming and Consol HTML Template  */

/*********** TABLE OF CONTENTS **************
1. Fonts
2. Reset
3. Global
4. Main Header
5. Sticky Header
6. Mobile Menu
7. Main Slider / Banner Carousel
8. Latest Games
9. Sponsors Section
10. Gallery Section 01
11. Fun Facts
12. Customer Reviews / Tesstimonials
13. Video Section
14. Featured Games
15. Team Section
16. News Section
17. Main Footer
18. Gaming Platforms
19. Watch Trailer
20. Awards Section
21. Gallery Secion 02
22. Featured Game
23. Parallax Section
24. FAQs
25. Home Light Version
26. Page Banner
27. About Section
28. Game Details
29. Gallery Page
30. Blog Grid
31. Blog Default
32. Sidebar
33. Blog Details
34. Map Banner
35. Contact Info
36. Contact Form



**********************************************/

/*** 

====================================================================
			Fonts
====================================================================

 ***/

@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700&display=swap');

/*
font-family: 'Oswald', sans-serif;
*/

@import url('fontawesome-all.css');
@import url('animate.css');
@import url('flaticon.css');
@import url('owl.css');
@import url('jquery-ui.css');
@import url('jquery.fancybox.min.css');
@import url('scrollbar.css');
@import url('hover.css');

/*** 

====================================================================
	Reset
====================================================================

 ***/

*{
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
	font-size: 100%;
	line-height: inherit;
}

/*** 

====================================================================
	Global Settings
====================================================================

 ***/

body {
	
	font-size:16px;
	color:#727489;
	line-height:1.6em;
	font-weight:300;
	background:#0d0e1b;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-family: 'Oswald', sans-serif;
}

a{
	text-decoration:none;
	cursor:pointer;
	color:#e70657;
}

a:hover,
a:focus,
a:visited{
	text-decoration:none;
	outline:none;
}

h1,h2,h3,h4,h5,h6 {
	position:relative;
	font-weight:normal;
	margin:0px;
	background:none;
	line-height:1.25em;
	font-family: 'Oswald', cursive;
}

textarea{
	overflow:hidden;	
}

button{
	outline: none !important;
	cursor: pointer;
}

p{
	font-size: 16px;
	line-height: 1.6em;
	margin: 0 0 15px;
}

::-webkit-input-placeholder{color: inherit;}
::-moz-input-placeholder{color: inherit;}
::-ms-input-placeholder{color: inherit;}

.page-wrapper{
	position:relative;
	margin:0 auto;
	width:100%;
	min-width:300px;
	z-index: 9;
	overflow: hidden;
}

.auto-container{
	position:static;
	max-width:1200px;
	padding:0px 15px;
	margin:0 auto;
}

ul,li{
	list-style:none;
	padding:0px;
	margin:0px;	
}

figure{
	margin-bottom: 0;
}

.theme-btn{
	display:inline-block;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.centered{
	text-align:center !important;
}

/*Btn Style One*/

.btn-style-one{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	padding: 0px 10px;
	color: #ffffff;
	font-weight: 400;
	text-transform:uppercase;
	letter-spacing: 0.05em;
	border-radius:0px;
	background: none;
	cursor: pointer;
}

/* Btn Style One Glass */

.btn-style-one.btn-style-glass .btn-title{
	background: rgba(255,255,255,0.12);
	border: 1px solid rgba(255,255,255,0.28);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	box-shadow: 0 10px 24px rgba(0,0,0,0.25);
}

.btn-style-one.btn-style-glass:hover .btn-title{
	box-shadow: 0 12px 28px rgba(0,0,0,0.35);
}

.header-top .top-right .info li a.theme-btn,
.header-top .top-right .info li a.theme-btn:hover{
	text-decoration: none;
}

.btn-style-one.btn-style-glass:before,
.btn-style-one.btn-style-glass:after{
	background: rgba(255,255,255,0.2);
}

.btn-style-one.btn-style-glass:hover:before,
.btn-style-one.btn-style-glass:hover:after{
	box-shadow: 0 0 0 0 rgba(0,0,0,0);
}

.btn-style-one .btn-title{
	position: relative;
	display:block;
	z-index:1;
	padding: 16px 45px;
	background: #e70657;
	border-radius:0px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.btn-style-one:hover .btn-title{
	color:#ffffff;
	box-shadow: 0px 0px 20px 0px #e70657;
}

.btn-style-one:before{
	content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 20px;
    height: 100%;
	background: #e70657;
    -webkit-transform: skew(15deg);
    -ms-transform: skew(15deg);
    transform: skew(15deg);
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.btn-style-one:after{
	content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 20px;
    height: 100%;
	background: #e70657;
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    transform: skew(-15deg);
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.btn-style-one:hover:before{
	-webkit-transform: skew(0deg);
	-ms-transform: skew(0deg);
	transform: skew(0deg);
	box-shadow: 0px 0px 20px 0px #e70657;
}

/* Btn Style One Green */

.btn-style-one.btn-style-green.btn-style-glass .btn-title{
	background: rgba(255,255,255,0.12);
	border-color: rgba(255,255,255,0.28);
}

.btn-style-one.btn-style-glass:not(.btn-style-green):hover .btn-title{
	box-shadow: 0 0 20px 0px #e70657;
}

.btn-style-one.btn-style-green.btn-style-glass:hover .btn-title{
	box-shadow: 0 0 20px 0px #2ecc71;
	border-color: rgba(46,204,113,0.6);
}

.btn-style-one.btn-style-green:hover .btn-title{
	box-shadow: 0px 0px 20px 0px #2ecc71;
}

.btn-style-one.btn-style-green:hover:before,
.btn-style-one.btn-style-green:hover:after{
	box-shadow: 0px 0px 20px 0px #2ecc71;
}

.btn-style-one:hover:after{
	-webkit-transform: skew(0deg);
	-ms-transform: skew(0deg);
	transform: skew(0deg);
	box-shadow: 0px 0px 20px 0px #e70657;
}

/*Btn Style Old*/

.btn-style-old{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 600;
	text-transform:capitalize;
	font-family: 'Oswald', sans-serif;
	border-radius:30px;
	overflow:hidden;
}

.btn-style-old:hover{
	color: #ffffff;
}

.btn-style-old .btn-title{
	position: relative;
	display:block;
	z-index:1;
	padding: 15px 45px;
	background-color: #ff6b70;
	border-radius:30px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.btn-style-old:hover .btn-title{
	color:#ffffff;
}

.btn-style-old .btn-title:before{
	position: absolute;
	left: 0;
	top: 0;
	z-index:-1;
	height: 100%;
	width: 100%;
	content: "";
	background-color: #25283a;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right;
    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}

.btn-style-old:hover  .btn-title:before{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
}

.theme_color{
	color:#e70657;
}

.pull-right{
	float: right;
}

.pull-left{
	float: left;
}

.preloader{ 
	position:fixed; 
	left:0px; 
	top:0px; 
	width:100%; 
	height:100%; 
	z-index:999999; 
	background-color:rgba(0,0,0,0);
} 

.preloader .icon{ 
	position:fixed; 
	left:0px; 
	top:0px; 
	width:100%; 
	height:100%; 
	z-index:1; 
	background-color:rgba(0,0,0,0); 
	background-position:center center; 
	background-repeat:no-repeat; 
	background-image:url(../images/icons/preloader.svg);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
} 

.page-loaded .preloader .icon{
	opacity:0; 
}

.preloader:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#ffffff;
	z-index:0; 
	-webkit-transform:translateX(0%);
	-ms-transform:translateX(0%);
	transform:translateX(0%);
	-webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
}

.page-loaded .preloader:before{
	-webkit-transform:translateX(-101%);
	-ms-transform:translateX(-101%);
	transform:translateX(-101%);
}

.preloader:after{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#e70657;
	z-index:2; 
	-webkit-transform:translateX(101%);
	-ms-transform:translateX(101%);
	transform:translateX(101%);
	-webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
}

.page-loaded .preloader:after{
	-webkit-transform:translateX(-101%);
	-ms-transform:translateX(-101%);
	transform:translateX(-101%);
}

img{
	display:inline-block;
	max-width:100%;
	height:auto;	
}

.dropdown-toggle::after{
	display: none;
}

.fa{
	line-height: inherit;
}

/*** 

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top{
	position:fixed;
	right:20px;
	bottom:20px;
	width:54px;
	height:54px;
	color:#ffffff;
	font-size:30px;
	line-height:54px;
	text-align:center;
	z-index:100;
	cursor:pointer;
	background:#25283a;
	border-radius: 0px;
	margin-left:-26px;
	display:none;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
	box-shadow:2px 2px 0px #e70657;
}

.scroll-to-top:hover{
	background:#e70657;
	color:#ffffff;
	box-shadow:2px 2px 0px #25283a;
}


/*** 

====================================================================
	Main Header style
====================================================================

***/

.main-header{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	z-index: 9999;
	background:none;
}

/* Fix: ensure header stays above banner and is clickable */
.main-header,
.main-header *,
.main-header .header-container,
.sticky-header{
    z-index: 99999 !important;
    pointer-events: auto !important;
}

.main-header .main-menu .navigation > li > ul,
.main-header .main-menu .navigation > li > ul > li > ul {
    z-index: 100000 !important;
}

/* Make sure banner doesn't overlay header */
.banner-carousel,
.banner-carousel .owl-stage-outer,
.banner-carousel .owl-stage{
    z-index: 1;
}

.main-header .header-container{
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
}

.main-header .bg-shape-box{
	position: absolute;
	left: -50px;
	top: 0;
	bottom:-2px;
	right: -50px;
	overflow: hidden;
}

.main-header .bg-shape-box:before{
	content: '';
    position: absolute;
    right: 26px;
    top: 64px;
    width: 24px;
    border-bottom: 1px solid rgba(255,255,255,0.10);
    z-index: 1;
}

.main-header .bg-shape-box .bg-shape{
	position: absolute;
	left: 50px;
	top: 0;
	bottom:0px;
	right: 50px;
	background: #090a14;
	border-bottom: 1px solid #727489;
}

.main-header .bg-shape-box .bg-shape:before{
	content: '';
    position: absolute;
    left: -34px;
    top: -95px;
    width: 50px;
    height: 250px;
    background: #090a14;
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
    border-left: 1px solid #727489;
}

.main-header .bg-shape-box .bg-shape:after{
	content: '';
    position: absolute;
    right: -34px;
    top: -95px;
    width: 50px;
    height: 250px;
    background: #090a14;
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
    border-right: 1px solid #727489;
}

.main-header .header-top{
	position: relative;
	color:#727489;
	font-size: 15px;
	font-weight: 400;
	padding-left: 210px;
	border-bottom: 1px solid rgba(255,255,255,0.10);
}

.header-style-two .header-container{
	max-width: 100%;
}

.main-header .header-top .inner{
	position:relative;
	padding: 17px 20px 17px 60px;
}

.header-style-two .header-top{
	padding-left: 0;
}

.header-style-two .header-top .inner{
	padding: 17px 15px;
	max-width: 1200px;
	margin: 0 auto;
}

/* Top Left*/

.main-header .header-top .top-left{
	position: relative;
	color: #727489;
	float: left;
}

.header-style-two .header-top .top-left{
	color: #ffffff;
}

.main-header .header-top .top-right{
	position:relative;
	float:right;
}

.main-header .header-top .info{
	position: relative;
}

.main-header .header-top .info li{
	position: relative;
	float: left;
	font-size: 15px;
	line-height: 30px;
	color: #727489;
	padding: 0px 0px;
	margin-left:30px;
}

.main-header .header-top .info li a{
	position:relative;
	display: inline-block;
	color: #727489;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.header-style-two .header-top .info li a{
	color: #ffffff;
}

.main-header .header-top .info li a:hover{
	color: #e70657;
	text-decoration: underline;
}

.main-header .social-links{
	position:relative;
}

/* Hide placeholder/empty social anchors (some templates ship with these) */
.main-header .social-links a[href="#"],
.main-header .social-links a[href=""],
.main-header .social-links a[href^="javascript:"],
.mobile-menu .social-links a[href="#"],
.mobile-menu .social-links a[href=""],
.mobile-menu .social-links a[href^="javascript:"],
.main-footer .footer-bottom .social-links a[href="#"],
.main-footer .footer-bottom .social-links a[href=""],
.main-footer .footer-bottom .social-links a[href^="javascript:"]{
	display:none !important;
}

.main-header .social-links li{
	position:relative;
	float:left;
	color:#999999;
	margin-left:10px;
}

.main-header .social-links li a{
	position:relative;
	display:block;
	color:#ffffff;
	font-size:14px;
	width: 40px;
	height: 40px;
	background: #000000;
	line-height:40px;
	text-align: center;
	border-radius: 50%;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

/* Prevent placeholder social icons from flashing before API-driven links load */
.social-links a[href="#"],
.default-social-links a[href="#"]{
	display:none !important;
}

.main-header .social-links li a:hover{
	color:#e70657;
	box-shadow: 0px 0px 30px 0px #e70657;
}

/*=== Header Upper ===*/

.main-header .header-upper{
	position:relative;
}

.main-header .header-upper .inner-container{
	position:relative;
	padding-left: 210px;
}

.header-style-two .header-upper .inner-container{
	padding-left: 0;
	max-width: 1200px;
	margin: 0 auto;
	padding-right: 15px;
}

.main-header .header-upper .logo-box{
	position: absolute;
	float:left;
	left: 0;
	top: -64px;
	background: #090a14;
	padding:20px 10px;
	text-align: center;
	height: 156px;
	width: 210px;
	border-right: 1px solid rgba(255,255,255,0.10);
	z-index:10;
}

.header-style-two .header-upper .logo-box{
	position: relative;
	float: left;
	top: 0;
	background:none;
	padding: 0;
	width: auto;
	height: auto;
	border:none;
}

.main-header .header-upper .logo-box .logo{
	position: relative;
	display:block;
}

.main-header .header-upper .logo img{
	position: relative;
	display: inline-block;
	z-index:1;
	max-width: 125px;
	max-height: 125px;
	width: auto;
	height: auto;
	object-fit: contain;
}

.main-header .header-upper .social-links{
	position: relative;
	float: right;
	padding: 26px 0;
}

.main-header .header-upper ul.social-links{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	min-width: 190px;
}

.main-header .header-upper ul.social-links li{
	float: none;
	margin-left: 0;
}

.header-style-two .header-upper .social-links{
	padding: 30px 0px 20px;
	margin-left: 80px;
}

.main-header .nav-outer{
	position: relative;
	padding-left: 60px;
	padding-right: 20px;
	z-index:1;
}

.header-style-two .nav-outer{
	float: right;
	padding: 0;
}

.main-header .nav-outer .link-box .cart-link a:hover{
	color:#e70657;	
}

.main-header .nav-outer .main-menu{
	position:relative;
	float:left;
}

.main-menu .navbar-collapse{
	padding:0px;
	display:block !important;
}

.main-menu .navigation{
	position:relative;
	margin:0px;
	font-family: 'Oswald', sans-serif;
}

.main-menu .navigation > li{
	position:relative;
	float:left;
	padding:21px 0px;
	margin-right: 50px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.header-style-two .main-menu .navigation > li{
	padding: 25px 0px;
}

.main-menu .navigation > li:last-child{
	margin-right:0px;
}

.main-menu .navigation > li > a{
	position:relative;
	display:block;
	text-align:center;
	font-size:14px;
	line-height:28px;
	font-weight:400;
	text-transform:uppercase;
	color:#727489;
	padding:12px 0px 10px;
	letter-spacing:0.05em;
	opacity:1;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.header-style-two .main-menu .navigation > li > a{
	color: #ffffff;
}

.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a{
	color:#e70657;
	-webkit-text-shadow: 0px 0px 30px #e70657, 0px 0px 30px #e70657;
	-ms-text-shadow: 0px 0px 30px #e70657, 0px 0px 30px #e70657;
	text-shadow: 0px 0px 30px #e70657, 0px 0px 30px #e70657;
}

.main-menu .navigation > li:before{
	content: "";
	position:absolute;
	left:0px;
	top:0px;
	display:block;
	width: 0;
	border-bottom: 3px solid #e70657;
	z-index:5;	
}

.main-menu .navigation > li.current:before,
.main-menu .navigation > li:hover:before{
	width: 100%;
}

.main-menu .navigation > li > ul{
	position:absolute;
	left:0px;
	top:100%;
	margin-top: 10px;
	width:200px;
	z-index:100;
	display:none;
	opacity: 0;
    visibility: hidden;
	padding: 10px 0px;
	background: #ffffff;
	text-align:left;
	border-radius: 3px;
	-moz-transform: translateY(30px);
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
	transform: translateY(30px);
	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li > ul:before{
	position:absolute;
	content:'';
	left:0px;
	top:-30px;
	width:100%;
	height:30px;
	display:block;
}

.main-menu .navigation > li > ul.from-right{
	left:auto;
	right:0px;	
}

.main-menu .navigation > li > ul > li{
	position:relative;
	width:100%;
	padding:0px 25px;
	border-bottom:1px solid rgba(0,0,0,0.05);
	margin-bottom: 0px;
}

.main-menu .navigation > li > ul > li:last-child{
	margin-bottom: 0px;
	border-bottom:none;
}

.main-menu .navigation > li > ul > li > a{
	position:relative;
	display:block;
	padding:8px 0px;
	line-height:24px;
	font-weight:400;
	font-size:15px;
	letter-spacing: 0.03em;
	text-transform:capitalize;
	color:#222222;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.main-menu .navigation > li > ul > li:hover > a{
	color:#e70657;
	padding-left:5px;
}

.main-menu .navigation > li > ul > li.dropdown > a:after{
	font-family: 'Font Awesome 5 Free';
	content: "\f105";
	position:absolute;
	right:0px;
	top:9px;
	width:10px;
	display:block;
	line-height:24px;
	font-size:16px;
	font-weight:900;
	text-align:center;
	z-index:5;	
}

.main-menu .navigation > li > ul > li > ul{
	position:absolute;
	left:100%;
	top:0px;
	width:200px;
	z-index:100;
	display:none;
	opacity: 0;
    visibility: hidden;
	padding: 10px 0px;
	background: #ffffff;
	text-align:left;
	border-radius: 3px;
	-moz-transform: translateY(30px);
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
	transform: translateY(30px);
	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li > ul > li > ul.from-right{
	left:auto;
	right:0px;	
}

.main-menu .navigation > li > ul > li > ul > li{
	position:relative;
	width:100%;
	padding:0px 25px;
	border-bottom:1px solid rgba(0,0,0,0.05);
	margin-bottom: 0px;
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
	margin-bottom: 0px;
	border-bottom:none;
}

.main-menu .navigation > li > ul > li > ul > li > a{
	position:relative;
	display:block;
	padding:8px 0px;
	line-height:24px;
	font-weight:400;
	font-size:15px;
	letter-spacing: 0.03em;
	text-transform:capitalize;
	color:#222222;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.main-menu .navigation > li > ul > li > ul > li:hover > a{
	color:#e70657;
	padding-left:5px;
}

.main-menu .navigation > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;

}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	top:0;
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}

.main-menu .navigation li.dropdown .dropdown-btn{
	position:absolute;
	right:10px;
	top:8px;
	width:34px;
	height:30px;
	border:1px solid #ffffff;
	text-align:center;
	font-size:16px;
	line-height:26px;
	color:#ffffff;
	cursor:pointer;
	z-index:5;
	display:none;
}

/*** 

====================================================================
	Search Popup
====================================================================

***/

.search-popup{
	position:fixed;
	left:0;
	top:0px;
	width:100%;
	height:100%;
	z-index:99999;
	visibility:hidden;
	opacity:0;
	overflow:auto;
	background:rgba(0,0,0,0.90);
	-webkit-transform:translateY(101%);
	-ms-transform:translateY(101%);
	transform:translateY(101%);
	transition:all 700ms ease;
	-moz-transition:all 700ms ease;
	-webkit-transition:all 700ms ease;
	-ms-transition:all 700ms ease;
	-o-transition:all 700ms ease;
}

.search-popup.popup-visible{
	-webkit-transform:translateY(0%);
	-ms-transform:translateY(0%);
	transform:translateY(0%);
	visibility:visible;
	opacity:1;
}

.search-popup .overlay-layer{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	display:block;
}

.search-popup .close-search{
	position:absolute;
	right:25px;
	top:25px;
	font-size:22px;
	color:#ffffff;
	cursor:pointer;
	z-index:5;
}

.search-popup .close-search:hover{
	opacity:0.70;	
}

.search-popup .search-form{
	position:relative;
	padding:0px 15px 0px;
	max-width:1024px;
	margin:0 auto;	
	margin-top:150px;
	margin-bottom: 100px;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.search-popup .search-form fieldset{
	position:relative;
	border:7px solid rgba(255,255,255,0.50);
	border-radius:12px;
}

.search-popup .search-form fieldset input[type="search"]{
	position:relative;
	height:70px;
	padding:20px 220px 20px 30px;
	background:#ffffff;
	line-height:30px;
	font-size:24px;
	color:#233145;
	border-radius:7px;
}

.search-popup .search-form fieldset input[type="submit"]{
	position:absolute;
	display:block;
	right:0px;
	top:0px;
	text-align:center;
	width:220px;
	height:70px;
	padding:20px 10px 20px 10px;
	color:#ffffff !important;
	background:#e70657;
	line-height:30px;
	font-size:20px;
	cursor:pointer;
	text-transform:uppercase;
	border-radius:0px 7px 7px 0px;
}

.search-popup .search-form fieldset input[type="submit"]:hover{
	background:#e70657;
}

.search-popup h3{
	text-transform:uppercase;
	font-size:20px;
	font-weight:600;
	color:#ffffff;
	font-family: 'Oswald', sans-serif;
	margin-bottom:20px;
	letter-spacing:1px;
	text-align:center;	
}

.search-popup .recent-searches{
	font-size:16px;
	color:#ffffff;
	text-align:center;
}

.search-popup .recent-searches li{
	display:inline-block;
	margin:0px 10px 10px 0px;	
}

.search-popup .recent-searches li a{
	display:block;
	line-height:24px;
	border:1px solid #ffffff;
	padding:7px 15px;
	color:#ffffff;
	border-radius:3px;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}

.search-popup .recent-searches li a:hover{
	color:#e70657;
	border-color:#e70657;	
}


/*** 

====================================================================
				Sticky Header
====================================================================

***/

.sticky-header{
    position: fixed;
    visibility: hidden;
    opacity: 0;
    left: 0px;
    top: 0px;
    width: 100%;
    padding: 0px 0px;
    z-index: -1;
    background: #ffffff;
	border-bottom:1px solid #e5e5e5;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -ms-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -o-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -webkit-transition: top 300ms ease;
    -moz-transition: top 300ms ease;
    -ms-transition: top 300ms ease;
    -o-transition: top 300ms ease;
    transition: top 300ms ease;
}

.fixed-header .sticky-header{
	opacity:1;
	z-index: 99901;
	visibility:visible;
}

.fixed-header .sticky-header .logo{
	padding: 10px 0px;
}

.fixed-header .sticky-header .logo img{
	position: relative;
	display: inline-block;
	max-width: 125px;
	max-height: 60px;
	width: auto;
	height: auto;
	object-fit: contain;
}

.fixed-header .sticky-header .auto-container{
	position: relative;
	padding-right: 230px;
}

.fixed-header .sticky-header .sticky-header-actions{
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	gap: 12px;
}

.fixed-header .sticky-header .sticky-header-actions .header-cart-btn{
	background: rgba(0,0,0,.04);
	border-color: rgba(0,0,0,.12);
	box-shadow: 0 10px 22px rgba(0,0,0,.12);
	color: #25283a;
}

.fixed-header .sticky-header .sticky-header-actions .header-cart-btn:hover{
	border-color: rgba(231, 6, 87, 0.35);
	box-shadow: 0 14px 28px rgba(0,0,0,.16);
}

.fixed-header .sticky-header .sticky-header-actions .header-profile-btn{
	padding: 6px 14px;
	color: #25283a;
	border-color: rgba(0,0,0,.12);
	background: rgba(0,0,0,.02);
}

.fixed-header .sticky-header .sticky-header-actions .header-profile-btn:hover{
	background: rgba(231, 6, 87, 0.08);
	border-color: rgba(231, 6, 87, 0.35);
}

.fixed-header .sticky-header .sticky-header-actions .header-profile-btn img{
	width: 34px;
	height: 34px;
	margin-right: 10px;
}

.fixed-header .sticky-header .sticky-header-actions .header-profile-btn span{
	font-size: 13px;
}

.fixed-header .sticky-header .sticky-header-actions .sticky-login-btn{
	display: inline-flex;
	align-items: center;
	gap: 10px;
	height: 42px;
	padding: 0 16px;
	border-radius: 999px;
	border: 1px solid rgba(0,0,0,.12);
	background: rgba(0,0,0,.03);
	color: #25283a;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	letter-spacing: .4px;
	text-transform: uppercase;
	text-decoration: none;
	transition: all 0.2s ease;
}

.fixed-header .sticky-header .sticky-header-actions .sticky-login-btn:hover{
	border-color: rgba(231, 6, 87, 0.35);
	background: rgba(231, 6, 87, 0.08);
	color: #25283a;
}

@media (max-width: 991px){
	.fixed-header .sticky-header .auto-container{ padding-right: 15px; }
	.fixed-header .sticky-header .sticky-header-actions{ display: none; }
}

.sticky-header .main-menu .navigation > li{
	margin-left: 50px !important;
	padding: 0;
	margin-right: 0;
	background-color: transparent;
}

.sticky-header .main-menu .navigation > li.dropdown > a:after,
.sticky-header .main-menu .navigation > li:before{
	display: none;
}

.sticky-header .main-menu .navigation > li > a{
	padding:20px 0px !important;
	line-height:30px;
	font-size:15px;
	font-weight:600;
	color:#25283a;
	text-transform:capitalize;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.sticky-header .main-menu .navigation > li > ul > li > ul{
	left:auto;
	right:100%;	
}

.sticky-header .main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li.current > a,
.sticky-header .main-menu .navigation > li.current-menu-item > a{
	opacity:1;
	color: #e70657;
}

/*** 

====================================================================
			Mobile Menu
====================================================================

***/

.main-header .mobile-nav-toggler{
	position: relative;
	float: right;
	font-size: 30px;
    line-height: 50px;
    cursor: pointer;
	color: #e70657;
    margin-left: 25px;
    margin-top: 25px;
	display: none;
}

.mobile-menu{
	position: fixed;
	right: 0;
	top: 0;
	width: 300px;
	padding-right:30px;
	max-width:100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	z-index: 999999;
}

.mobile-menu .mCSB_inside>.mCSB_container{
	margin-right:5px;	
}

.mobile-menu .navbar-collapse{
	display:block !important;	
}

.mobile-menu .nav-logo{
	position:relative;
	padding:30px 25px;
	text-align:left;	
}

.mobile-menu .nav-logo img{
	max-width: 125px;
	max-height: 125px;
	width: auto;
	height: auto;
	object-fit: contain;
}

.mobile-menu-visible{
	overflow: hidden;
}

.mobile-menu-visible .mobile-menu{
	opacity: 1;
	visibility: visible;
}

.mobile-menu .menu-backdrop{
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background:#e70657;
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.mobile-menu-visible .mobile-menu .menu-backdrop{
	opacity: 0.70;
	visibility: visible;
	-webkit-transition:all 0.7s ease;
	-moz-transition:all 0.7s ease;
	-ms-transition:all 0.7s ease;
	-o-transition:all 0.7s ease;
	transition:all 0.7s ease;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.mobile-menu .menu-box{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow-y: auto;
	background: #202020;
	padding: 0px 0px;
	z-index: 5;
	opacity: 0;
	visibility: hidden;
	border-radius: 0px;
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-box{
	opacity: 1;
	visibility: visible;
	-webkit-transition:all 0.7s ease;
	-moz-transition:all 0.7s ease;
	-ms-transition:all 0.7s ease;
	-o-transition:all 0.7s ease;
	transition:all 0.7s ease;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.mobile-menu .close-btn{
	position: absolute;
	right: 10px;
	top: 10px;
	line-height: 30px;
	width: 24px;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	cursor: pointer;
	z-index: 10;
	-webkit-transition:all 0.9s ease;
	-moz-transition:all 0.9s ease;
	-ms-transition:all 0.9s ease;
	-o-transition:all 0.9s ease;
	transition:all 0.9s ease;
}

.mobile-menu-visible .mobile-menu .close-btn{
	-webkit-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	transform:rotate(360deg);
}

.mobile-menu .close-btn:hover{
	color:#e70657;
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
}

.mobile-menu .navigation{
	position: relative;
	display: block;
	width: 100%;
	float: none;
}

.mobile-menu .navigation li{
	position: relative;
	display: block;
	border-top: 1px solid rgba(255,255,255,0.10);
}

.mobile-menu .navigation:last-child{
	border-bottom: 1px solid rgba(255,255,255,0.10);
}

.mobile-menu .navigation li > ul > li:first-child{
	border-top: 1px solid rgba(255,255,255,0.10);
}

.mobile-menu .navigation li > a{
	position: relative;
	display: block;
	line-height: 24px;
	padding: 10px 25px;
	font-size: 15px;
	font-weight: 300;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 1px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;	
}

.mobile-menu .navigation li ul li > a{
	margin-left: 20px;
	text-transform: capitalize;
}

.mobile-menu .navigation li > a:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	height:0;
	border-left:5px solid #e70657;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;	
}

.mobile-menu .navigation li.current > a,
.mobile-menu .navigation li > a:hover{
	color:#e70657;	
}

.mobile-menu .navigation li.current > a:before{
	height:100%;
}

.mobile-menu .navigation li.dropdown .dropdown-btn{
	position:absolute;
	right:6px;
	top:6px;
	width:32px;
	height:32px;
	text-align:center;
	font-size:16px;
	line-height:32px;
	color:#ffffff;
	background:rgba(255,255,255,0.10);
	cursor:pointer;
	border-radius:2px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;	
	z-index:5;
}

.mobile-menu .navigation li.dropdown .dropdown-btn.open{
	background:#e70657;	
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);	
}

.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul{
	display: none;
}

.mobile-menu .social-links{
	position:relative;
	text-align:center;
	padding:30px 25px;
}

.mobile-menu .social-links li{
	position:relative;
	display: inline-block;
	margin: 0;
	margin-right: 7px;
	color:#999999;
}

.mobile-menu .social-links li:last-child{
	margin-right: 0;
}

.mobile-menu .social-links li a{
	position:relative;
	display:block;
	color:#ffffff;
	font-size:13px;
	width: 39px;
	height: 39px;
	background: #000000;
	border: 1px solid rgba(255,255,255,0.10);
	line-height:38px;
	text-align: center;
	border-radius: 50%;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.mobile-menu .social-links li a:hover{
	color:#e70657;
	-webkit-box-shadow: 0px 0px 30px 0px #e70657;
	-ms-box-shadow: 0px 0px 30px 0px #e70657;
	box-shadow: 0px 0px 30px 0px #e70657;
}

/*** 

====================================================================
		Banner Section
====================================================================

***/

.banner-section{
	position: relative;
	z-index:1;
}


.banner-carousel{
	position: relative;
}

.banner-status-overlay{
	position: absolute;
	left: 50%;
	bottom: 85px;
	transform: translateX(-50%);
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	align-items: center;
	justify-content: center;
	padding: 12px 20px;
	background: rgba(7, 8, 16, 0.7);
	border: 1px solid rgba(255,255,255,0.08);
	border-radius: 999px;
	backdrop-filter: blur(4px);
	z-index: 5;
}

.banner-status-item{
	display: flex;
	align-items: center;
	gap: 10px;
	color: #ffffff;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.banner-status-item .value{
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.5px;
}

.banner-status-item .status-value.is-online{
	color: #22c55e;
}

.banner-status-item .status-value.is-offline{
	color: #ef4444;
}

.banner-status-item .count-value.is-active{
	color: #22c55e;
}

@media only screen and (max-width: 767px){
	.banner-status-overlay{
		bottom: 25px;
	}
	.banner-status-item{
		font-size: 11px;
	}
	.banner-status-item .value{
		font-size: 14px;
	}
}

.banner-carousel .slide-item{
	position: relative;
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 160px 0px 0px;
	overflow:hidden;
}

.banner-carousel .slide-item .image-layer{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:1;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
}

.banner-carousel .active .slide-item .image-layer{
	-webkit-transform:scale(1.15);
	-ms-transform:scale(1.15);
	transform:scale(1.15);
	-webkit-transition: all 7000ms linear;
	-moz-transition: all 7000ms linear;
	-ms-transition: all 7000ms linear;
	-o-transition: all 7000ms linear;
	transition: all 7000ms linear;
}

.banner-carousel .content-box{
	position: relative;
	height: 800px;
	max-width: 700px;
	display: table;
	vertical-align: middle;
	padding: 50px 0px 120px;
	z-index:1;
}

.banner-style-two .banner-carousel .content-box{
	max-width: 550px;
	margin: 0 auto;
	text-align: center;
}

.banner-carousel .content-box .content{
	position: relative;
	display: table-cell;
	vertical-align: middle;
}

.banner-carousel .content-box h1{
	position: relative;
	display: block;
	width: auto;
	font-size: 150px;
	line-height: 1em;
	color: #f7f7f9;
	font-weight: 500;
	padding: 0px 0px;
	margin: 20px 0px;
	opacity: 0;
	letter-spacing: 0;
	text-transform:uppercase;
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	-o-transform: scale(0.7);
	transform: scale(0.7);
}

.banner-carousel .content-box h1 span{
	position: relative;
	padding: 15px 0px;
	border-top: 2px solid #f7f7f9;
	border-bottom: 2px solid #f7f7f9;
	display: inline-block;
}

.banner-carousel .active .content-box h1{
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transition-delay: 700ms;
	-moz-transition-delay: 700ms;
	-ms-transition-delay: 700ms;
	-o-transition-delay: 700ms;
	transition-delay: 700ms;
}

.banner-carousel .content-box h2{
	display: block;
	font-size: 92px;
	line-height: 1.10em;
	color: #ffffff;
	font-weight: 500;
	opacity: 0;
	margin-bottom: 40px;
	letter-spacing: 0;
	text-transform:uppercase;
	-webkit-transform: translateX(-100px);
	-moz-transform: translateX(-100px);
	-ms-transform: translateX(-100px);
	-o-transform: translateX(-100px);
	transform: translateX(-100px);
}

.banner-carousel .active .content-box h2{
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.banner-carousel .content-box .link-box{
	position: relative;
	opacity: 0;
	z-index: 5;
	-webkit-transform: translateX(80px);
	-moz-transform: translateX(80px);
	-ms-transform: translateX(80px);
	-o-transform: translateX(80px);
	transform: translateX(80px);
}

.banner-carousel .active .content-box .link-box{
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transition-delay: 700ms;
	-moz-transition-delay: 700ms;
	-ms-transition-delay: 700ms;
	-o-transition-delay: 700ms;
	transition-delay: 700ms;
}

.banner-carousel .content-box .upper-subtitle{
	position: relative;
	font-size: 30px;
	letter-spacing: 0.05em;
	text-transform:uppercase;
	color: #f7f7f9;
	opacity: 0;
	z-index: 5;
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
}

.banner-carousel .active .content-box .upper-subtitle{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.banner-carousel .content-box .lower-subtitle{
	position: relative;
	font-size: 30px;
	letter-spacing: 0.05em;
	text-transform:uppercase;
	color: #f7f7f9;
	opacity: 0;
	z-index: 5;
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
}

.banner-carousel .active .content-box .lower-subtitle{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transition-delay: 1100ms;
	-moz-transition-delay: 1100ms;
	-ms-transition-delay: 1100ms;
	-o-transition-delay: 1100ms;
	transition-delay: 1100ms;
}

.banner-section .owl-nav{
	position: absolute;
	left: 50%;
	bottom: 90px;
	width: 1170px;
	text-align: right;
	margin-left: -585px;
}

.banner-style-two .owl-nav{
	top: 50%;
	left: 5%;
	width: 90%;
	margin: 0;
	height: 0;
	text-align: left;
}

.banner-section .owl-nav .owl-prev,
.banner-section .owl-nav .owl-next{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	top:0;
	left: 0;
	background: none;
	height: 40px;
	border:none;
	padding: 0 !important;
	line-height: 40px !important;
	color: #ffffff;
	font-size: 40px !important;
	opacity: 0.50;
	margin: 0 0 0 5px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.banner-style-two .owl-nav .owl-prev{
	position: absolute;
	top: 0;
	margin: 0;
	left: 20px;
}

.banner-style-two .owl-nav .owl-next{
	position: absolute;
	top: 0;
	margin: 0;
	left: auto;
	right: 20px;
}

.banner-section .owl-nav .owl-prev span,
.banner-section .owl-nav .owl-next span{
	color: #ffffff;
}

.banner-section .owl-nav .owl-prev:hover, 
.banner-section .owl-nav .owl-next:hover{
	opacity: 1;
}

.banner-section .owl-dots{
	position: absolute;
	left: 0;
	bottom: 100px;
	width: 100%;
	height: 0;
	text-align: center;
}

.banner-section .owl-dots .owl-dot{
	position: relative;
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0px 4px;
}

.banner-section .owl-dots .owl-dot span{
	position: relative;
	display: block;
	width: 12px;
	height: 12px;
	background: #ffffff;
	border-radius: 50%;
}

.banner-section .owl-dots .owl-dot.active span{
	background: #e70657;
}


/*** 

====================================================================
		Section Title
====================================================================

***/

.sec-title{
	position:relative;
	padding-bottom: 22px;
	margin-bottom:60px;
}

.sec-title.centered{
	text-align: center;
}

.sec-title .bottom-curve{
	position: absolute;
	left: 4px;
	bottom: 0;
	width: 30px;
	border-bottom: 4px solid #e70657;
}

.sec-title.centered .bottom-curve{
	left: 50%;
	margin-left: -25px;
}

.sec-title .bottom-curve:before{
	content: '';
	position: absolute;
	left: -4px;
	top: 0;
	border: 2px solid transparent;
	border-top: 2px solid #e70657;
	border-right: 2px solid #e70657;
}

.sec-title .bottom-curve:after{
	content: '';
	position: absolute;
	right: -4px;
	top: 0;
	border: 2px solid transparent;
	border-top: 2px solid #e70657;
	border-left: 2px solid #e70657;
}

.sec-title .sub-title{
	position: relative;
	display: block;
	font-size: 20px;
	color: #e70657;
	font-weight: 400;
	text-transform: capitalize;
	font-style:italic;
	letter-spacing:1px;
	margin-bottom: 10px;
}

.sec-title h2{
	position: relative;
	display: block;
	color: #ffffff;
	font-size:48px;
	line-height: 1.2em;
	letter-spacing: 0.03em;
	font-weight: 400;
	text-transform:uppercase;
}

.sec-title .text{
	position: relative;
	display: block;
	padding-top:20px;
	font-size:16px;
	margin:0;
}


/*** 

====================================================================
	Games Section
====================================================================

***/

.games-section{
	position: relative;
	padding: 100px 0px 70px;
}

.games-section.games-page-section{
	padding: 100px 0px 130px;
}

.top-pattern-layer{
	content: '';
	position: absolute;
	left: 0;
	top: -73px;
	width: 100%;
	height: 74px;
	background:url(../images/background/pattern-1.png) center bottom repeat-x;
	z-index: 2;
}

.bottom-pattern-layer{
	content: '';
	position: absolute;
	left: 0;
	bottom: -73px;
	width: 100%;
	height: 74px;
	background:url(../images/background/pattern-2.png) center top repeat-x;
	z-index: 2;
}

.game-block{
	position: relative;
	margin-bottom: 30px;
}

.game-block .inner-box{
	position: relative;
	display: block;
	background: #07070f;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.game-block .inner-box:hover{
	box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.50);
	-webkit-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
}

.game-block .image-box{
	position: relative;
	display: block;
	overflow:hidden
}

.game-block .image-box img{
	position: relative;
	display: block;
	width: 100%;
}

.game-block .image-box .link-box{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	text-align: center;
	z-index: 1;
}

.game-block .image-box .link-box .link-btn{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 26px;
	padding: 0px 10px;
	color: #ffffff;
	font-weight: 400;
	text-transform:uppercase;
	letter-spacing: 0.05em;
	border-radius:0px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.game-block .image-box .link-box .link-btn .btn-title{
	position: relative;
	display:block;
	z-index:1;
	padding: 10px 20px;
	background: #e70657;
	border-radius:0px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.game-block:hover .image-box .link-box .link-btn .btn-title{
	background: #07070f;
}

.game-block:hover .image-box .link-box .link-btn{
	-webkit-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transform: translateY(10px);
	box-shadow: 0px 0px 20px 0px #e70657,0px 0px 20px 0px #e70657;
}

.game-block .image-box .link-box .link-btn:before{
	content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 20px;
    height: 100%;
	background: #e70657;
    -webkit-transform: skew(15deg);
    -ms-transform: skew(15deg);
    transform: skew(15deg);
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.game-block .image-box .link-box .link-btn:after{
	content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 20px;
    height: 100%;
	background: #e70657;
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    transform: skew(-15deg);
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.game-block:hover .image-box .link-box .link-btn .btn-title{
	color:#ffffff;
}

.game-block:hover .image-box .link-box .link-btn:before{
	background:#07070f;
	-webkit-transform: skew(0deg);
	-ms-transform: skew(0deg);
	transform: skew(0deg);
}

.game-block:hover .image-box .link-box .link-btn:after{
	background:#07070f;
	-webkit-transform: skew(0deg);
	-ms-transform: skew(0deg);
	transform: skew(0deg);
}

.game-block:hover .image-box .link-box .link-btn:hover .btn-title,
.game-block:hover .image-box .link-box .link-btn:hover:before,
.game-block:hover .image-box .link-box .link-btn:hover:after{
	background: #ffffff;
	color:#07070f;
}

.game-block .lower-content{
	position: relative;
	display: block;
	padding: 50px 50px 30px;
}

.game-block .rating{
	position: relative;
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
}

.game-block .rating .ratings{
	position: relative;
	top: -2px;
	color: #e70657;
	padding-left: 7px;
}

.game-block .rating .ratings span{
	position: relative;
	vertical-align: middle;
	font-size: 13px;
	margin-right: 2px;
}

.game-block h3{
	position: relative;
	font-size: 24px;
	line-height: 1.25em;
	text-transform: uppercase;
	color: #ffffff;
	margin-bottom: 20px;
}

.game-block h3 a{
	color: #ffffff;
}

.game-block h3 a:hover{
	color: #e70657;
}

.game-block .text{
	position: relative;
	font-size: 16px;
	line-height: 1.5em;
	margin-bottom: 30px;
}

.game-block .post-info{
	position: relative;
	font-size: 14px;
	line-height: 24px;
	padding: 20px 0px 10px;
	border-top: 1px solid rgba(255,255,255,0.10);
}

.game-block .post-info li{
	position: relative;
	float: left;
	color: #727489;
	text-transform: uppercase;
	margin-right: 25px;
}

.game-block .post-info li:last-child{
	margin-right: 0;
}

.game-block .post-info li a{
	display: inline-block;
	vertical-align: middle;
	color: #727489;
}

.game-block .post-info li a:hover{
	color: #e70657;
}

.game-block .post-info li .icon{
	position: relative;
	top: 0px;
	font-size: 18px;
	padding-right: 7px;
	display: inline-block;
}

/*** 

====================================================================
	Sponsors Section
====================================================================

***/

.sponsors-section{
	position:relative;
	padding:140px 0px;
	background: #07070f;
}

.sponsors-section .sponsors-outer{
	position:relative;
}

.sponsors-section .sponsors-outer .owl-dots,
.sponsors-section .sponsors-outer .owl-nav{
	position:relative;
	display:none;
}

.sponsors-section .sponsors-outer .image-box{
	position:relative;
	text-align:center;
}

.sponsors-section .sponsors-outer .image-box img{
	max-width:100%;
	width:auto;
	display:inline-block;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	opacity:0.2;
}

.sponsors-section .sponsors-outer .image-box img:hover{
	opacity:1;
}

/*** 

====================================================================
	Dual Section
====================================================================

***/

.dual-section{
	position:relative;
	padding:100px 0px 100px;
}

.dual-section .bg-image-layer{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
	opacity: 0.04;
}

.home-gallery{
	position: relative;
	z-index: 1;
}

.gallery-item{
	position: relative;
	margin-bottom: 30px;
}

/* Gallery page: staggered reveal on load (items are injected via JS) */
.gallery-section #galleryGrid.gamax-stagger .gallery-item.gamax-stagger{
	opacity: 0;
	transform: translateY(22px);
	will-change: opacity, transform;
}
.gallery-section #galleryGrid.gamax-stagger .gallery-item.gamax-stagger.gamax-in{
	opacity: 1;
	transform: translateY(0);
	transition: opacity 650ms ease, transform 650ms cubic-bezier(0.2, 0.9, 0.2, 1);
	transition-delay: var(--stagger-delay, 0ms);
}
@media (prefers-reduced-motion: reduce){
	.gallery-section #galleryGrid.gamax-stagger .gallery-item.gamax-stagger{
		opacity: 1;
		transform: none;
		will-change: auto;
	}
	.gallery-section #galleryGrid.gamax-stagger .gallery-item.gamax-stagger.gamax-in{
		transition: none;
		transition-delay: 0ms;
	}
}

.owl-theme .gallery-item{
	margin: 0;
}

.gallery-item .inner-box{
	position: relative;
	display: block;
}

.gallery-item .image-box{
	position: relative;
	display: block;
	width: 100%;
}

.gallery-item .image-box img{
	position: relative;
	display: block;
	width: 100%;
	height: 320px; /* Taller gallery tiles for better presence */
	object-fit: cover; /* Ensure image covers the area without distortion */
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.gallery-item .inner-box:hover .image-box img{
	opacity: 0.50;
}

.gallery-item .image-box .image-layer{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.gallery-item .inner-box:hover .image-box .image-layer{
	opacity: 0.50;
}

.gallery-item .hover-box{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	border: 20px solid #e70657;
	text-align: center;
	opacity: 0;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	z-index: 1;
}

.gallery-item .hover-box .lightbox-image{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	color: #ffffff;
	z-index: 1;
}

.gallery-item .hover-box .icon{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -20px;
	margin-top: -20px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 24px;
}

.gallery-item .inner-box:hover .hover-box{
	opacity: 1;
}

.fixed-gallery-box{
	position: relative;
	height: 800px;
}

.dual-section .fixed-gallery-box{
	margin-bottom: 80px;
}

.fixed-gallery-box .gallery-item:nth-child(1){
	position: absolute;
	left: 60px;
	top: 240px;
}

.fixed-gallery-box .gallery-item:nth-child(1) .image-box{
	width: 160px;
	height: 170px;
}

.fixed-gallery-box .gallery-item:nth-child(2){
	position: absolute;
	left: 282px;
	top: 0px;
}

.fixed-gallery-box .gallery-item:nth-child(2) .image-box{
	width: 290px;
	height: 305px;
}

.fixed-gallery-box .gallery-item:nth-child(3){
	position: absolute;
	right: 140px;
	top: 0px;
}

.fixed-gallery-box .gallery-item:nth-child(3) .image-box{
	width: 400px;
	height: 440px;
}

.fixed-gallery-box .gallery-item:nth-child(4){
	position: absolute;
	left: 330px;
	bottom: 180px;
}

.fixed-gallery-box .gallery-item:nth-child(4) .image-box{
	width: 240px;
	height: 230px;
}

.fixed-gallery-box .gallery-item:nth-child(5){
	position: absolute;
	left: 0px;
	bottom: 30px;
}

.fixed-gallery-box .gallery-item:nth-child(5) .image-box{
	width: 270px;
	height: 270px;
}

.fixed-gallery-box .gallery-item:nth-child(6){
	position: absolute;
	left: 630px;
	bottom: 0px;
}

.fixed-gallery-box .gallery-item:nth-child(6) .image-box{
	width: 270px;
	height: 280px;
}

.fixed-gallery-box .gallery-item:nth-child(7){
	position: absolute;
	right: 60px;
	bottom: 130px;
}

.fixed-gallery-box .gallery-item:nth-child(7) .image-box{
	width: 150px;
	height: 150px;
}

/***

====================================================================
			Fun Fact Section
====================================================================

***/

.fun-fact-section{
	position: relative;
	padding: 110px 0 60px;
	border-top: 1px solid #e8e6ec;
}

.fun-fact-section .bg-image-layer{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
	opacity: 0.04;
}

.fact-counter{
	position: relative;
	z-index: 1;
}

.fact-counter .counter-column{
	position:relative;
	margin-bottom:50px;
}

.fact-counter .count-box{
	position: relative;
	font-size:80px;
	line-height: 1.2em;
	color:#e70657;
	text-transform: uppercase;
	font-weight:400;
	margin-bottom: 5px;
}

.fact-counter .count-box .count-text{
	position:relative;
	display: inline-block;
}

.fact-counter .counter-title{
	position: relative;
	display: block;
	font-size:16px;
	line-height:24px;
	letter-spacing: 0.05em;
	font-weight:400;
	color:#ffffff;
	text-transform: uppercase;
}

/*** 

====================================================================
	Reviews Section
====================================================================

***/

.reviews-section{
	position: relative;
	background: #07070f;
	padding: 100px 0px;
}

.reviews-section.bg_light{
	background: #0d0e1b;
	padding: 140px 0px;
}

.reviews-section .sec-title{
	margin-bottom: 45px;
}

.top-pattern-layer-dark{
	content: '';
	position: absolute;
	left: 0;
	top: -73px;
	width: 100%;
	height: 74px;
	background:url(../images/background/pattern-1-dark.png) center bottom repeat-x;
	z-index: 2;
}

.bottom-pattern-layer-dark{
	content: '';
	position: absolute;
	left: 0;
	bottom: -73px;
	width: 100%;
	height: 74px;
	background:url(../images/background/pattern-2-dark.png) center top repeat-x;
	z-index: 2;
}

.reviews-section .carousel-outer{
	position: relative;
	padding-left: 370px;
	min-height: 100px;
}

.reviews-section .carousel-outer .thumb-carousel-box{
	position: absolute;
	left: 0;
	top: 7px;
	width: 360px;
	overflow: hidden;
}

.reviews-section .carousel-outer .thumb-carousel-box .thumb-carousel{
	position: relative;
}

.reviews-section .carousel-outer .thumb-carousel-box .thumb{
	position: relative;
	cursor: pointer;
}

.reviews-section .carousel-outer .thumb-carousel-box .thumb:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border:7px solid #e70657;
	opacity: 0;
}

.reviews-section .carousel-outer .thumb-carousel-box .center .thumb:after{
	opacity: 1;
}
.reviews-section .carousel-outer .thumb-carousel-box .thumb.current:after{
	opacity: 1;
}

.reviews-section .carousel-outer .thumb-carousel-box .thumb img{
	position: relative;
	width: 94px;
	height: 94px;
}

.reviews-section .text-carousel{
	position: relative;
}

.reviews-section .text-carousel .text{
	position: relative;
	font-size: 20px;
	line-height: 1.6em;
	font-weight: 300;
	color: #ffffff;
	margin-bottom: 20px;
}

.reviews-section .text-carousel .info{
	position: relative;
	font-size: 16px;
	line-height: 1.5em;
	color: #727489;
	text-transform: uppercase;
}

.reviews-section .text-carousel .info .name{
	color: #e70657;
}

.reviews-section .text-carousel .info .date{
	color: #727489;
}

.reviews-section .carousel-outer .owl-dots,
.reviews-section .carousel-outer .owl-nav{
	display: none;
}

.reviews-section .carousel-outer .text-carousel .owl-nav{
	position: absolute;
	right: 0;
	top: -90px;
	display: block;
}

.reviews-section .carousel-outer .text-carousel .owl-prev,
.reviews-section .carousel-outer .text-carousel .owl-next{
	font-size: 24px;
	color: #ffffff;
	line-height: 30px;
	margin-left: 7px;
	font-weight: 700;
	opacity: 0.50;
}

.reviews-section .carousel-outer .text-carousel .owl-prev:hover,
.reviews-section .carousel-outer .text-carousel .owl-next:hover{
	opacity: 1;
}

/*** 

====================================================================
	Video Section
====================================================================

***/

.video-section{
	position: relative;
	padding: 180px 0px;
	text-align: center;
	color: #ffffff;
}

.video-section .image-layer{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.video-section .image-layer:before{
	content: '';
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.30);
}

.video-section .content-box{
	max-width: 900px;
	margin: 0 auto;
}

.video-section .link-box{
	position: relative;
	margin-bottom: 40px;
}

.video-section .link-box a{
	display: inline-block;
	width: 80px;
	height: 80px;
	font-size: 24px;
	line-height: 80px;
	background: #e70657;
	color: #ffffff;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.video-section .link-box a:hover{
	color: #e70657;
	background: #ffffff;
}

.video-section h2{
	position: relative;
	font-size: 60px;
	line-height: 1.15em;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

/*** 

====================================================================
	Featured Games Section
====================================================================

***/

.featured-games-section{
	position: relative;
	padding: 100px 0px 150px;
}

.featured-carousel-box{
	position: relative;
}

.featured-carousel-box .slide-item{
	position: relative;
}

.featured-carousel-box .slide-item .content-box{
	position: relative;
	display: block;
	background: #07070f;
}

.featured-carousel-box .slide-item .image-column{
	position: absolute;
	float: left;
	width: 50%;
	height: 100%;
	display: block;
}

.featured-carousel-box .slide-item .image-layer{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:cover;
}

.featured-carousel-box .slide-item .image-column .over-link{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.featured-carousel-box .slide-item .image-box{
	position: relative;
	display: none;
	width: 100%;
}

.featured-carousel-box .slide-item .image-column img{
	position: relative;
	display: block;
	width: 100%;
}

.featured-carousel-box .slide-item .text-column{
	position: relative;
	float: right;
	width: 50%;
	display: block;
	z-index: 10;
}

.featured-carousel-box .slide-item .text-column .inner{
	position: relative;
	display: block;
	font-weight: 400;
	padding: 80px 100px 140px;
}

.featured-carousel-box .slide-item .text-column .title{
	position: relative;
	padding-right: 100px;
	margin-bottom: 10px;
}

.featured-carousel-box .slide-item .text-column .title .rating{
	position: absolute;
	right: 0;
	top: 5px;
	font-size: 12px;
	color: #e70657;
}

.featured-carousel-box .slide-item .text-column .title .rating .fa{
	position: relative;
	line-height: 30px;
	margin-left: 2px;
}

.featured-carousel-box .slide-item .text-column .title h3{
	font-size: 30px;
	color: #ffffff;
	line-height: 1.333em;
	text-transform: uppercase;
	font-weight: 400;
	color: #ffffff;
}

.featured-carousel-box .slide-item .text-column .title h3 a{
	color: #ffffff;
}

.featured-carousel-box .slide-item .text-column .title h3 a:hover{
	color:#e70657;
}

.featured-carousel-box .slide-item .text-column .info{
	position: relative;
	margin-bottom: 40px;
}

.featured-carousel-box .slide-item .text-column .info li{
	position: relative;
	float: left;
	font-size: 15px;
	color: #727489;
	line-height: 24px;
	text-transform: uppercase;
	margin-right: 25px;
}

.featured-carousel-box .slide-item .text-column .info li:last-child{
	margin-right: 0;
}

.featured-carousel-box .slide-item .text-column .info li a{
	display: inline-block;
	vertical-align: middle;
	color: #727489;
}

.featured-carousel-box .slide-item .text-column .info li a:hover{
	color: #e70657;
}

.featured-carousel-box .slide-item .text-column .info li .icon{
	position: relative;
	top: -1px;
	font-size: 16px;
	padding-right: 7px;
	display: inline-block;
}

.featured-carousel-box .slide-item .text-column .info li:last-child .icon{
	font-size: 18px;
}

.featured-carousel-box .slide-item .text-column .text{
	position: relative;
	margin-bottom: 50px;
	font-weight: 300;
	font-size: 16px;
	line-height: 1.6em;
}

.featured-carousel-box .slide-item .text-column .link-box .btn-style-one .btn-title{
	padding: 12px 30px;
}


.featured-carousel-box .slide-item .text-column .bottom-links{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	display: block;
	border-top: 1px solid rgba(255,255,255,0.10);
}

.featured-carousel-box .slide-item .text-column .bottom-links li{
	position: relative;
	float: left;
	width: 50%;
	border-right: 1px solid rgba(255,255,255,0.10);
}

.featured-carousel-box .slide-item .text-column .bottom-links li:last-child{
	border:none;
}

.featured-carousel-box .slide-item .text-column .bottom-links li a{
	position: relative;
	display: block;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 25px 15px;
	line-height: 30px;
	text-align: center;
}

.featured-carousel-box .slide-item .text-column .bottom-links li a:hover{
	color:#e70657;
	-webkit-text-shadow: 0px 0px 40px #e70657;
	-ms-text-shadow: 0px 0px 40px #e70657;
	text-shadow: 0px 0px 40px #e70657;
}

.featured-carousel-box .owl-theme .owl-nav{
	position: absolute;
	left: 0;
	height: 0;
	padding: 0;
	margin: 0;
	bottom: 120px;
	width: 100%;
	padding-right: 50%;
	text-align: right;
}

.featured-carousel-box .owl-theme .owl-nav .owl-prev,
.featured-carousel-box .owl-theme .owl-nav .owl-next{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	top:0;
	left: 0;
	background: none;
	height: 40px;
	border:none;
	padding: 0 !important;
	line-height: 40px !important;
	color: #ffffff;
	font-size: 28px !important;
	opacity: 0.50;
	margin: 0 0 0 5px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.featured-carousel-box .owl-theme .owl-nav .owl-next{
	margin-right: 50px;
}

.featured-carousel-box .owl-theme .owl-nav .owl-prev span,
.featured-carousel-box .owl-theme .owl-nav .owl-next span{
	color: #ffffff;
}

.featured-carousel-box .owl-theme .owl-nav .owl-prev:hover, 
.featured-carousel-box .owl-theme .owl-nav .owl-next:hover{
	opacity: 1;
}

/*** 

====================================================================
	Team Section
====================================================================

***/

.team-section{
	position: relative;
	background: #07070f;
	padding: 100px 0px 50px;
}

.team-section.team-page-section{
	background: none;
	padding: 100px 0px 110px;
}

.team-block{
	position: relative;
	margin-bottom: 50px;
}

.team-block .inner-box{
	position: relative;
	display: block;
	text-align: center;
}

.team-block .image-box{
	position: relative;
	display: block;
	overflow: hidden;
}

.team-block .image-box img{
	position: relative;
	display: block;
	width: 100%;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.team-block .inner-box:hover .image-box img{
	-webkit-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.team-block .lower-box{
	position: relative;
	display: block;
	padding: 30px 15px 0px;
}

.team-block .lower-box h3{
	font-size: 16px;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: 400;
	margin: 0 0 3px;
}

.team-block .lower-box h3 a{
	color: #ffffff;
}

.team-block .lower-box h3 a:hover{
	color: #e70657;
}

.team-block .lower-box .designation{
	font-size: 15px;
	text-transform: capitalize;
	color: #727489;
	font-weight: 400;
	margin: 0 0 12px;
}

.default-social-links{
	position:relative;
}

.default-social-links li{
	position:relative;
	display: inline-block;
	margin-right: 7px;
	color:#999999;
}

.default-social-links li:last-child{
	margin-right: 0;
}

.default-social-links li a{
	position:relative;
	display:block;
	color:#ffffff;
	font-size:13px;
	width: 39px;
	height: 39px;
	background: #000000;
	border: 1px solid rgba(255,255,255,0.10);
	line-height:38px;
	text-align: center;
	border-radius: 50%;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-links .tiktok-icon-wrap,
.default-social-links .tiktok-icon-wrap,
.sticky-header .tiktok-icon-wrap,
.main-footer .tiktok-icon-wrap{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 19px;
	height: 19px;
	vertical-align: middle;
	transform: translate(1px, 1px);
}

.social-links .tiktok-icon-wrap svg,
.default-social-links .tiktok-icon-wrap svg,
.sticky-header .tiktok-icon-wrap svg,
.main-footer .tiktok-icon-wrap svg{
	width: 19px;
	height: 19px;
	display: block;
}

.social-links .tiktok-icon-main,
.default-social-links .tiktok-icon-main,
.sticky-header .tiktok-icon-main,
.main-footer .tiktok-icon-main{
	fill: #ffffff;
}

.social-links .tiktok-icon-accent,
.default-social-links .tiktok-icon-accent,
.sticky-header .tiktok-icon-accent,
.main-footer .tiktok-icon-accent{
	fill: #e70657;
	opacity: 0.85;
}

.default-social-links li a:hover{
	color:#e70657;
	-webkit-box-shadow: 0px 0px 30px 0px #e70657;
	-ms-box-shadow: 0px 0px 30px 0px #e70657;
	box-shadow: 0px 0px 30px 0px #e70657;
}

/* Market Styles */
.market-section {
	padding: 120px 0 90px;
}

.market-layout {
	display: grid;
	grid-template-columns: 280px 1fr;
	gap: 30px;
}

.market-sidebar {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.market-panel {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 16px;
	padding: 22px;
	color: #fff;
}

.market-panel h3,
.market-panel h4 {
	margin-bottom: 12px;
	font-size: 20px;
	font-weight: 600;
}

.market-panel p {
	color: rgba(255, 255, 255, 0.7);
	line-height: 1.6;
}

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

/* Market categories: skeleton loading */
.market-categories.is-loading li{
	cursor: default;
	pointer-events: none;
	margin-bottom: 10px;
}

.market-categories .skel-cat{
	display: block;
	height: 14px;
	width: 72%;
	border-radius: 999px;
}

.market-categories .market-cat-skeleton{
	padding: 10px 14px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.06);
}

.market-categories li {
	padding: 10px 14px;
	border-radius: 10px;
	margin-bottom: 6px;
	cursor: pointer;
	color: rgba(255, 255, 255, 0.8);
	transition: all 0.2s ease;
}

.market-categories li:hover,
.market-categories li.active {
	background: rgba(231, 6, 87, 0.15);
	color: #fff;
}

.market-highlight {
	background: linear-gradient(135deg, rgba(231, 6, 87, 0.18), rgba(11, 11, 19, 0.2));
}

.market-content {
	min-width: 0;
}

.market-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 24px;
	gap: 20px;
}

.market-header h2 {
	font-size: 28px;
	margin-bottom: 6px;
}

.market-header span {
	color: rgba(255, 255, 255, 0.7);
}

.market-actions {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}

.market-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 22px;
}

/* Market: skeleton loader to avoid blank-to-content flicker */
.market-grid.is-loading{
	min-height: 420px;
}

.market-card.market-skeleton{
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0.06);
}

.market-skel{
	position: relative;
	border-radius: 12px;
	background: rgba(255,255,255,0.06);
	overflow: hidden;
}

.market-skel:after{
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,0.09), transparent);
	transform: translateX(-100%);
	animation: marketSkelShimmer 1.2s ease-in-out infinite;
}

@keyframes marketSkelShimmer{
	0%{transform: translateX(-100%)}
	100%{transform: translateX(100%)}
}

.market-skeleton .skel-img{
	width: 100%;
	height: 100%;
	border-radius: 0;
}

.market-skeleton .skel-meta{height: 12px; width: 42%; border-radius: 999px; opacity: .9;}
.market-skeleton .skel-title{height: 18px; width: 70%; border-radius: 999px;}
.market-skeleton .skel-line{height: 10px; width: 92%; border-radius: 999px; opacity: .85;}
.market-skeleton .skel-line.short{width: 76%;}
.market-skeleton .skel-price{height: 18px; width: 52%; border-radius: 999px;}
.market-skeleton .skel-btn{height: 42px; width: 100%; border-radius: 14px;}

@media (max-width: 420px){
	.market-grid{ grid-template-columns: 1fr; }
}

/* Team section: skeleton loader — same shimmer engine as market */
.team-skel {
	position: relative;
	border-radius: 12px;
	background: rgba(255,255,255,0.06);
	overflow: hidden;
}
.team-skel:after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,0.09), transparent);
	transform: translateX(-100%);
	animation: marketSkelShimmer 1.4s ease-in-out infinite;
}
.team-skeleton {
	pointer-events: none;
	cursor: default;
}
.team-skeleton .image-box {
	border-radius: 14px;
	overflow: hidden;
}
.team-skeleton .skel-avatar {
	width: 100%;
	height: 100%;
	border-radius: 0;
}
.team-skeleton .skel-name {
	height: 16px;
	width: 65%;
	border-radius: 999px;
	margin: 14px auto 8px;
	display: block;
}
.team-skeleton .skel-role {
	height: 11px;
	width: 45%;
	border-radius: 999px;
	margin: 0 auto 16px;
	display: block;
	opacity: .8;
}
.team-skeleton .skel-social {
	display: flex;
	justify-content: center;
	gap: 10px;
}
.team-skeleton .skel-social-icon {
	width: 34px;
	height: 34px;
	border-radius: 50%;
}

.market-card {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 18px;
	overflow: hidden;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.market-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
}

.market-card-image {
	position: relative;
	width: 100%;
	height: 210px;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.22);
}

.market-card-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.market-stock {
	position: absolute;
	top: 12px;
	left: 12px;
	padding: 6px 10px;
	border-radius: 10px;
	font-size: 12px;
	font-weight: 600;
	background: rgba(0, 0, 0, 0.45);
	color: #fff;
}

.market-badge {
	position: absolute;
	top: 12px;
	right: 12px;
	padding: 6px 10px;
	border-radius: 10px;
	font-size: 12px;
	font-weight: 600;
	background: rgba(231, 6, 87, 0.9);
	color: #fff;
}

.market-stock.in-stock {
	border: 1px solid rgba(0, 255, 153, 0.6);
}

.market-stock.out-stock {
	border: 1px solid rgba(231, 6, 87, 0.6);
}

.market-card-body {
	padding: 18px 18px 16px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	flex: 1;
}

.market-card-meta {
	color: rgba(231, 6, 87, 0.85);
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin-bottom: 8px;
}

.market-card-body h3 {
	font-size: 18px;
	margin: 0;
	line-height: 1.2;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.market-desc {
	color: rgba(255, 255, 255, 0.7);
	font-size: 13px;
	line-height: 1.6;
	margin: 0;
}

.market-desc-wrap{
	position: relative;
}

.market-readmore{
	margin-top: 6px;
	display: inline-block;
	color: rgba(255, 255, 255, 0.65);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.2px;
	text-decoration: underline;
	text-decoration-color: rgba(255, 255, 255, 0.25);
	text-underline-offset: 3px;
}

.market-desc-wrap.has-more .market-readmore{
	display: inline-block;
}

.market-desc-wrap.has-more{
	cursor: help;
}

.market-desc-wrap.has-more:hover .market-readmore{
	color: rgba(255, 255, 255, 0.92);
	text-decoration-color: rgba(255, 0, 95, 0.35);
}

.market-desc-float{
	position: fixed;
	z-index: 99999;
	max-width: min(420px, 86vw);
	padding: 12px 14px;
	border-radius: 14px;
	background: rgba(10, 12, 22, 0.92);
	border: 1px solid rgba(255, 255, 255, 0.14);
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.55);
	color: rgba(255, 255, 255, 0.92);
	font-size: 13px;
	line-height: 1.55;
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	opacity: 0;
	transform: translateY(-4px) scale(0.99);
	transition: opacity 0.14s ease, transform 0.14s ease;
	pointer-events: none;
	display: none;
	white-space: pre-wrap;
}

.market-desc-float.open{
	display: block;
	opacity: 1;
	transform: translateY(0) scale(1);
}

.market-card-footer {
	margin-top: auto;
	padding-top: 14px;
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: end;
	gap: 14px;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.market-card-footer .market-buy-btn[disabled] {
	opacity: 0.6;
	cursor: not-allowed;
	filter: grayscale(0.2);
}

.market-buy-btn {
	border-radius: 10px !important;
	padding: 10px 16px !important;
	font-weight: 700;
	letter-spacing: 0.02em;
	background: linear-gradient(135deg, #e70657, #b80046) !important;
	border: 1px solid rgba(255, 255, 255, 0.15) !important;
	box-shadow: 0 8px 20px rgba(231, 6, 87, 0.25);
	text-transform: uppercase;
}

.market-buy-btn::before,
.market-buy-btn::after {
	content: none !important;
}

.market-buy-btn:hover {
	transform: translateY(-1px);
	box-shadow: 0 12px 26px rgba(231, 6, 87, 0.35);
}

.market-buy-btn:active {
	transform: translateY(0);
	box-shadow: 0 6px 16px rgba(231, 6, 87, 0.25);
}

.market-price {
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}

.market-price-stack {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.market-price-old {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.6);
	text-decoration: line-through;
	white-space: nowrap;
}

.market-card-actions {
	display: flex;
	flex-direction: column;
	gap: 10px;
	min-width: 132px;
}

.market-action-btn {
	width: 100%;
	height: 42px;
	border-radius: 14px;
	font-family: 'Oswald', sans-serif;
	font-size: 15px;
	letter-spacing: 0.6px;
	line-height: 1;
}

@media (max-width: 520px){
	.market-card-footer{
		grid-template-columns: 1fr;
	}
	.market-card-actions{
		min-width: 0;
		flex-direction: row;
	}
	.market-action-btn{
		flex: 1;
	}
}

.market-notice {
	margin-bottom: 16px;
	padding: 10px 14px;
	border-radius: 10px;
	font-weight: 600;
	background: rgba(255, 255, 255, 0.08);
}

.market-notice.success { color: #00ff99; border: 1px solid rgba(0, 255, 153, 0.3); }
.market-notice.error { color: #ff5a7d; border: 1px solid rgba(231, 6, 87, 0.3); }

.market-empty {
	padding: 30px;
	text-align: center;
	border: 1px dashed rgba(255, 255, 255, 0.2);
	border-radius: 16px;
	color: rgba(255, 255, 255, 0.6);
}

/* Purchases & Coupon */
.market-table {
	width: 100%;
	border-collapse: collapse;
	color: #fff;
}

.market-table th,
.market-table td {
	padding: 12px 10px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.market-table th {
	text-align: left;
	color: rgba(255, 255, 255, 0.7);
	font-weight: 600;
}

.market-status {
	padding: 4px 10px;
	border-radius: 8px;
	font-size: 12px;
	font-weight: 600;
	background: rgba(255, 255, 255, 0.1);
}

.market-status.pending { color: #ffcc00; }
.market-status.completed,
.market-status.delivered { color: #00ff99; }
.market-status.refunded { color: #ff5a7d; }

.coupon-card {
	max-width: 520px;
	margin: 0 auto;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 18px;
	padding: 30px;
}

.coupon-card h2 {
	margin-bottom: 10px;
}

.coupon-card p {
	color: rgba(255, 255, 255, 0.7);
}

.coupon-form {
	margin-top: 20px;
}

.coupon-form input {
	width: 100%;
	padding: 12px 14px;
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: rgba(0, 0, 0, 0.3);
	color: #fff;
	margin-bottom: 12px;
}

.coupon-message {
	margin-top: 10px;
	font-weight: 600;
}

.coupon-message.success { color: #00ff99; }
.coupon-message.error { color: #ff5a7d; }

.active-coupon {
	margin-top: 12px;
	padding: 10px 14px;
	border-radius: 10px;
	background: rgba(231, 6, 87, 0.12);
	border: 1px solid rgba(231, 6, 87, 0.4);
}

@media (max-width: 991px) {
	.market-layout { grid-template-columns: 1fr; }
	.market-header { flex-direction: column; align-items: flex-start; }
}

.team-block .inner-box:hover .default-social-links li a{
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transform: scale(1.2) rotate(360deg);
	-ms-transform: scale(1.2) rotate(360deg);
	transform: scale(1.2) rotate(360deg);
}

/*** 

====================================================================
	News Section
====================================================================

***/

.news-section{
	position: relative;
	padding: 150px 0px 130px;
}

.news-page-section{
	position: relative;
	padding: 100px 0px 130px;
}

.news-section.no-top-curve{
	padding-top: 100px;
}

.news-block{
	position: relative;
	margin-bottom: 30px;
}

.news-block .inner-box{
	position: relative;
	display: block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block .inner-box:hover{
	-webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.50);
	-ms-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.50);
	box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.50);
}

.news-block .image-box{
	position: relative;
	display: block;
}

.news-block .image-box img{
	position: relative;
	display: block;
	width: 100%;
}

.news-block .image-box:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 80%;
	z-index: 1;
	opacity: 0.80;
	background: rgba(0,0,0,0.60);
	background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.95),rgba(0,0,0,0.95),rgba(0,0,0,0));
	background: -ms-linear-gradient(bottom,rgba(0,0,0,0.95),rgba(0,0,0,0.95),rgba(0,0,0,0));
	background: -moz-linear-gradient(bottom,rgba(0,0,0,0.95),rgba(0,0,0,0.95),rgba(0,0,0,0));
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block .inner-box:hover .image-box:before{
	opacity: 1;
}

.news-block .over-box{
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	padding: 10px 20px 40px 40px;
	z-index: 3;
}

.news-block .over-box .date{
	position: relative;
	display: inline-block;
	font-size: 12px;
	line-height: 24px;
	padding: 0px 12px;
	color: #ffffff;
	font-weight: 400;
	text-transform:uppercase;
	letter-spacing: 0.05em;
	margin-bottom: 3px;
	overflow: hidden;
}

.news-block .over-box .date .date-title{
	position: relative;
	display:block;
	z-index:1;
	padding: 4px 15px;
	background: #e70657;
	border-radius:0px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.news-block .over-box .date:before{
	content: '';
    position: absolute;
    left: 5px;
    top: 0px;
    width: 20px;
    height: 100%;
	background: #e70657;
    -webkit-transform: skew(15deg);
    -ms-transform: skew(15deg);
    transform: skew(15deg);
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.news-block .over-box .date:after{
	content: '';
    position: absolute;
    right: 5px;
    top: 0px;
    width: 20px;
    height: 100%;
	background: #e70657;
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    transform: skew(-15deg);
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.news-block .over-box h3{
	font-size: 30px;
	line-height: 1.20em;
	color: #ffffff;
	letter-spacing: 1px;
	text-transform: uppercase;
	max-width: 320px;
}

.news-block .over-box h3 a{
	color: #ffffff;
}

.news-block .over-box h3 a:hover{
	color: #e70657;
	text-decoration: underline;
}

.news-block-two{
	position:relative;
	margin-bottom:50px;
}

.news-block-two .inner-box{
	position:relative;
	display: block;
	border-bottom: 1px solid rgba(255,255,255,0.20);
}

.news-block-two .image-box{
	position:relative;
	display:block;
}

.news-block-two .inner-box .image{
	position:relative;
	display:block;
	background-color:#e70657;
	overflow:hidden;
}

.news-block-two .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
	transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.news-block-two .inner-box:hover .image img{
	opacity:0.80;
	-webkit-transform:scale(1.02);
	-ms-transform:scale(1.02);
	transform:scale(1.02);	
}

.news-block-two .image-box .post-date{
	position:absolute;
	left: 30px;
	top: 30px;
	color:#ffffff;
	font-size:14px;
	z-index:1;
	padding:9px 30px 7px;
	letter-spacing:1px;
	display:inline-block;
	background-color:#e70657;
	text-transform:uppercase;
	transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	margin-bottom: 25px;
}

.news-block-two .lower-content{
	position: relative;
	padding: 40px 0;
}

.news-block-two .lower-content h3{
	position: relative;
	font-size: 28px;
	line-height: 1.25em;
	color: #ffffff;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 15px;
}

.news-block-two .lower-content h3 a{
	color: #ffffff;
}

.news-block-two .lower-content h3 a:hover{
	color: #e70657;
}

.news-block-two .post-info {
	position: relative;
	display: inline-block;
	margin-bottom: 20px;
}

.news-block-two .post-info li{
	position: relative;
	float: left;
	font-size: 16px;
	line-height: 30px;
	color: #e70657;
	font-weight: 400;
	text-transform:uppercase;
	cursor: default;
	padding-right:  15px;
	margin-right: 15px;
}

.news-block-two .post-info li:before{
	position: absolute;
	right: -3px;
	font-size: 16px;
	line-height: 30px;
	color: #e70657;
	font-weight: 400;
    content: ".";
}

.news-block-two .post-info li:last-child{
	padding-right: 0;
	margin-right: 0;
}

.news-block-two .post-info li:last-child:before{
	display: none;
}

.news-block-two .post-info li a{
	color:#e70657;
	font-weight: 400;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-two .post-info li a:hover{
	color:#ffffff;	
}

.news-block-two .lower-content .text{
	position: relative;
	font-size: 16px;
	line-height: 1.8em;
	font-weight: 300;
	margin-bottom: 0;
}

/*** 

====================================================================
		Styled Pagination
====================================================================

***/

.pagination-box{
	position:relative;
	margin-bottom: 30px;
}

.styled-pagination{
	position:relative;
}

.styled-pagination li{
	position:relative;
	display:inline-block;
	margin-right: 8px;
	margin-bottom: 8px;
}

.styled-pagination li:last-child{
	margin-right: 0;
}

.styled-pagination li a{
	position:relative;
	display:block;
	line-height:38px;
	font-size:15px;
	height:40px;
	width:40px;
	color:#848484;
	font-weight:400;
	text-align:center;
	background:#ffffff;
	border-radius: 3px;
	border:1px solid #ffffff;
	text-transform:capitalize;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.styled-pagination li a:hover,
.styled-pagination li a.active{
	color:#ffffff;
	background: #e70657;
	border-color: #e70657;
}


/*** 

====================================================================
	Main Footer
====================================================================

***/

.main-footer{
	position:relative;
	background-color:#07070f;
}

.main-footer .widgets-section{
	position:relative;
	padding:100px 0px 70px;
}

.main-footer .footer-widget{
	position:relative;
	margin-bottom:40px;
}

.main-footer .widget-title{
	position:relative;
	margin-bottom:30px;
}

.main-footer .widget-title h3{
	position:relative;
	font-size:16px;
	font-weight:400;
	color:#ffffff;
	letter-spacing:1px;
	text-transform:uppercase;
}

.main-footer .about-widget{
	position:relative;
}

.main-footer .about-widget .logo{
	position:relative;
	margin-bottom:20px;
}

.main-footer .logo-widget .text{
	position:relative;
	font-size:16px;
	line-height:1.5em;
	margin-bottom: 40px;
	overflow-wrap:anywhere;
	word-break:break-word;
	hyphens:auto;
}

.newsletter-form{
	position:relative;
}

.newsletter-form form{
	position:relative;
}

.newsletter-form .form-group{
    position: relative;
    margin: 0;
}

.newsletter-form .form-group input[type="text"],
.newsletter-form .form-group input[type="tel"],
.newsletter-form .form-group input[type="email"],
.newsletter-form .form-group textarea{
    position: relative;
    width: 100%;
    line-height: 30px;
    padding: 19px 30px;
    height: 70px;
	display:inline-block;
    font-size: 16px;
    background: #000000;
	font-weight:400;
	color:#ffffff;
	border:1px solid rgba(255,255,255,0.10);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.newsletter-form .form-group input[type="text"]:focus,
.newsletter-form .form-group input[type="email"]:focus,
.newsletter-form .form-group input[type="tel"]:focus{
	border-color:#e70657;
}

.newsletter-form .form-group input::-webkit-input-placeholder{
	color:#848484;
}

.newsletter-form .form-group .newsletter-btn{
	position: absolute;
	width:50px;
	height:70px;
	top: 0px;
	right: 15px;
	float:right;
	color:#e70657;
	font-size:24px;
	font-weight:400;
	padding:10px 0px;
	line-height: 50px;
	display:block;
	background:none;
}

.main-footer .links-widget{
	margin-bottom: 0;
}

.main-footer .links-widget .column{
	position:relative;
	margin-bottom: 30px;
}

.main-footer .links-widget .widget-content{
	padding-left:50px;
}

/* Footer: "Oyunlarımız" listesini kaldır (links-widget içindeki 2. kolon) */
.main-footer .links-widget .widget-content .row .column + .column{
	display: none;
}
.main-footer .links-widget .widget-content .row .column{
	width: 100%;
	max-width: 100%;
	flex: 0 0 100%;
}

.main-footer .links-widget ul{
	margin-left: 15px;
}

.main-footer .links-widget .list li{
	position:relative;
	margin-bottom:8px;
	font-size: 10px;
	list-style-type: disc;
	color: #e70657;
	letter-spacing: 0.05em;
}

.main-footer .links-widget .list li a{
	position:relative;
	color:#727489;
	font-size:15px;
	text-transform: capitalize;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.main-footer .links-widget .list li a:hover{
	color:#ffffff;
	-webkit-text-shadow: 0px 0px 30px #e70657,0px 0px 30px #e70657;
	-ms-text-shadow: 0px 0px 30px #e70657,0px 0px 30px #e70657;
	text-shadow: 0px 0px 30px #e70657,0px 0px 30px #e70657;
}

.main-footer .info-widget ul{
	position:relative;
}

.main-footer .info-widget ul li{
	position:relative;
	font-size: 16px;
	line-height: 1.5em;
	color: #ffffff;
	text-transform: uppercase;
	margin-bottom: 25px;
}

.main-footer .info-widget ul li strong{
	font-weight: 400;
	font-size: 15px;
	line-height: 1.8em;
	color: #727489;
	text-transform: capitalize;
}

.main-footer .info-widget ul li a{
	color: #ffffff;
}

.main-footer .info-widget ul li a:hover{
	color: #e70657;
	text-decoration: underline;
}

.main-footer .footer-bottom{
	position:relative;
	line-height: 30px;
}

.main-footer .footer-bottom .outer-container{
	position: relative;
	max-width: 1200px;
	padding:28px 0px;
	margin: 0 auto;
	border-top:1px solid rgba(255,255,255,0.10);
}

.main-footer .footer-bottom .copyright{
	position:relative;
	padding: 5px 0px;
	font-size:15px;
}

.main-footer .footer-bottom .copyright .logo-icon{
	position:relative;
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	background:url(../images/icons/logo-icon.png) left top no-repeat;
	background-size: 20px 20px;
	margin-right: 10px;
}

.main-footer .footer-bottom .social-links{
	position:relative;
}

.main-footer .footer-bottom .social-links ul{
	position:relative;
	text-align:right;
}

.main-footer .bottom-shape-box{
	position: absolute;
	left: -50px;
	top: 0;
	bottom:-2px;
	right: -50px;
	overflow: hidden;
}

.main-footer .bottom-shape-box .bg-shape{
	position: absolute;
	left: 50px;
	top: 0;
	bottom:0px;
	right: 50px;
	background: #090a14;
	border-bottom: 1px solid rgba(255,255,255,0.10);
}

.main-footer .bottom-shape-box .bg-shape:before{
	content: '';
    position: absolute;
    left: -13px;
    top: -15px;
    width: 50px;
    height: 130px;
    background: #090a14;
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
    border-left: 1px solid rgba(255,255,255,0.10);
}

.main-footer .bottom-shape-box .bg-shape:after{
	content: '';
    position: absolute;
    right: -13px;
    top: -15px;
    width: 50px;
    height: 130px;
    background: #090a14;
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
    border-right: 1px solid rgba(255,255,255,0.10);
}

/*** 

====================================================================
	Game View Section
====================================================================

***/

.game-view-section{
	position: relative;
	padding: 100px 0px 130px;
}

.game-view-section .platforms{
	position: relative;
	margin-bottom: 80px;
}

.server-status-section{
	padding-bottom: 40px;
}

.server-status-section .platforms{
	margin-bottom: 0;
}


.game-view-section .platforms .row{
	margin: 0px -10px;
	display: flex;
	flex-wrap: wrap;
}

.platofrm-block{
	position: relative;
	margin-bottom: 30px;
}

.game-view-section .platforms .row .platofrm-block{
	padding: 0px 10px;
	margin-bottom: 20px;
	display: flex;
}

.platofrm-block .inner{
	position: relative;
	display: flex;
	align-items: center;
	gap: 16px;
	width: 100%;
	color: #ffffff;
	font-size: 16px;
	text-transform: none;
	font-weight: 600;
	line-height: 1.3em;
	background: #07070f;
	padding: 22px 24px;
	min-height: 96px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.platofrm-block .inner:hover{
	background: #e70657;
}

.platofrm-block .icon-box{
	position: relative;
	left: auto;
	top: auto;
	font-size: 38px;
	line-height: 1;
	min-width: 44px;
	text-align: center;
}

.platofrm-block .p-title{
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.platofrm-block .platform-status{
	margin-left: auto;
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: 700;
	padding: 6px 12px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.08);
}

.platofrm-block .platform-status.is-online{
	color: #2fe88f;
	background: rgba(47, 232, 143, 0.18);
}

.platofrm-block .platform-status.is-offline{
	color: #ff5b6b;
	background: rgba(255, 91, 107, 0.18);
}

.platofrm-block .platform-value{
	margin-left: auto;
	font-size: 20px;
	font-weight: 800;
	letter-spacing: 1px;
	padding: 6px 14px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.12);
	min-width: 48px;
	text-align: center;
	box-shadow: inset 0 0 0 rgba(0,0,0,0);
}

.platofrm-block .platform-value.is-active{
	color: #2fe88f;
	background: linear-gradient(90deg, rgba(47, 232, 143, 0.18), rgba(47, 232, 143, 0.08));
	border-color: rgba(47, 232, 143, 0.4);
	box-shadow: 0 0 18px rgba(47, 232, 143, 0.35);
}

/* Auth Modal */
.auth-modal{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	align-items: center;
	justify-content: center;
	background: rgba(7, 7, 15, 0.7);
	backdrop-filter: blur(6px);
	z-index: 9999;
}

.auth-modal.open{
	display: flex;
}

.auth-modal-open{
	overflow: hidden;
}

.auth-modal-content{
	width: 100%;
	max-width: 520px;
	background: rgba(10, 10, 18, 0.95);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 16px;
	padding: 28px 28px 24px;
	position: relative;
	box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5);
}

.auth-modal-close{
	position: absolute;
	top: 10px;
	right: 10px;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.1);
	background: rgba(255, 255, 255, 0.06);
	color: #fff;
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
	z-index: 2;
}

.auth-modal-tabs{
	display: flex;
	gap: 10px;
	justify-content: center;
	align-items: center;
	margin: 12px 48px 20px;
}

.auth-tab{
	flex: 1;
	border: 1px solid rgba(255, 255, 255, 0.1);
	background: rgba(255, 255, 255, 0.04);
	color: rgba(255, 255, 255, 0.7);
	padding: 12px 14px;
	border-radius: 10px;
	font-weight: 600;
	cursor: pointer;
}

.auth-tab.active{
	background: linear-gradient(90deg, rgba(231, 6, 87, 0.3), rgba(231, 6, 87, 0.08));
	color: #fff;
	border-color: rgba(231, 6, 87, 0.5);
}

.auth-modal-body{
	min-height: 260px;
	position: relative;
	transition: height 0.25s ease;
}

.auth-pane{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	transform: translateY(8px);
	transition: opacity 0.25s ease, transform 0.25s ease;
	pointer-events: none;
}

.auth-pane.active{
	position: relative;
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}

.auth-field{
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 14px;
}

.auth-field label{
	font-size: 13px;
	color: rgba(255, 255, 255, 0.75);
}

.auth-field input{
	width: 100%;
	padding: 12px 14px;
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, 0.15);
	background: rgba(255, 255, 255, 0.08);
	color: #fff;
}

.auth-field input:focus{
	outline: none;
	border-color: rgba(231, 6, 87, 0.6);
}

.auth-inline{
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	width: 100%;
}

.auth-checkbox{
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	color: rgba(255, 255, 255, 0.7);
	line-height: 1.2;
	flex: 1;
	margin-right: auto;
}

.auth-checkbox span{
	white-space: nowrap;
}

.auth-link{
	white-space: nowrap;
}

.auth-checkbox input{
	margin: 0;
}

.auth-message{
	padding: 10px 12px;
	border-radius: 10px;
	margin-bottom: 14px;
	font-size: 13px;
	line-height: 1.4;
	display: none;
}

.auth-message.success{
	display: block;
	background: rgba(47, 232, 143, 0.15);
	color: #2fe88f;
	border: 1px solid rgba(47, 232, 143, 0.3);
}

.auth-message.error{
	display: block;
	background: rgba(255, 91, 107, 0.15);
	color: #ff5b6b;
	border: 1px solid rgba(255, 91, 107, 0.3);
}

.auth-link{
	color: #e70657;
	font-size: 13px;
	text-decoration: none;
}

.auth-submit{
	width: 100%;
	padding: 12px 16px;
	border-radius: 10px;
	border: none;
	background: linear-gradient(90deg, #e70657, #b80046);
	color: #fff;
	font-weight: 600;
	cursor: pointer;
}

.platofrm-block .over-link{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 1;
}

.game-trailer-section.trailer-ambient{
	position: relative;
	overflow: hidden;
	background: radial-gradient(circle at 20% 20%, rgba(231, 6, 87, 0.18), transparent 45%),
		radial-gradient(circle at 80% 15%, rgba(61, 91, 255, 0.15), transparent 40%),
		radial-gradient(circle at 60% 80%, rgba(0, 255, 209, 0.10), transparent 45%);
}

.game-trailer-section.trailer-ambient::before{
	content: '';
	position: absolute;
	inset: -20%;
	background: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.06), transparent 50%);
	opacity: 0.7;
	animation: trailerGlowPulse 9s ease-in-out infinite;
	pointer-events: none;
}

.game-trailer-section.trailer-ambient .auto-container{
	position: relative;
	z-index: 2;
}

.trailer-ambient-layer{
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-repeat: repeat;
	mix-blend-mode: screen;
	opacity: 0.45;
	animation: trailerParticleDrift 22s linear infinite;
}

.trailer-ambient-layer.layer-one{
	background-image:
		radial-gradient(rgba(255,255,255,0.35) 1px, transparent 1px),
		radial-gradient(rgba(231,6,87,0.45) 1.2px, transparent 1.2px);
	background-size: 140px 140px, 220px 220px;
}

.trailer-ambient-layer.layer-two{
	background-image:
		radial-gradient(rgba(0,255,209,0.35) 1px, transparent 1px),
		radial-gradient(rgba(59,130,246,0.35) 1.4px, transparent 1.4px);
	background-size: 200px 200px, 300px 300px;
	opacity: 0.35;
	animation-duration: 28s;
	animation-direction: reverse;
}

@keyframes trailerParticleDrift{
	0%{ transform: translate3d(0,0,0); }
	50%{ transform: translate3d(-30px, -20px, 0); }
	100%{ transform: translate3d(-60px, -40px, 0); }
}

@keyframes trailerGlowPulse{
	0%, 100%{ transform: scale(1); opacity: 0.6; }
	50%{ transform: scale(1.04); opacity: 0.9; }
}

.trailer-video-box{
	position: relative;
	margin-bottom: 80px;
	border-radius: 18px;
	overflow: hidden;
	box-shadow: 0 30px 70px rgba(2, 6, 23, 0.65), 0 0 0 1px rgba(255,255,255,0.08);
	background: linear-gradient(135deg, rgba(231, 6, 87, 0.15), rgba(59, 130, 246, 0.12));
}

.trailer-title{
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 22px;
	max-width: 420px;
	border-radius: 999px;
	background: rgba(8, 10, 22, 0.55);
	box-shadow: 0 14px 36px rgba(0,0,0,0.38), inset 0 0 0 1px rgba(255,255,255,0.08);
	overflow: hidden;
	margin: 0 auto;
}

.game-trailer .sec-title.centered{
	display: flex;
	justify-content: center;
	margin-bottom: 24px;
}

.trailer-title h2{
	position: relative;
	z-index: 2;
	margin: 0;
	letter-spacing: 1.5px;
	color: #ffffff;
	text-transform: uppercase;
	text-shadow: 0 0 18px rgba(231, 6, 87, 0.45);
	text-align: center;
	line-height: 1.2;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: clamp(20px, 2.4vw, 30px);
	white-space: nowrap;
}

.trailer-title .title-spotlight{
	position: absolute;
	inset: -20% -10%;
	background: radial-gradient(circle at 20% 50%, rgba(231,6,87,0.35), transparent 55%),
		radial-gradient(circle at 80% 50%, rgba(59,130,246,0.3), transparent 55%),
		linear-gradient(90deg, rgba(255,255,255,0.12), rgba(255,255,255,0));
	opacity: 0.75;
	background-size: 200% 100%;
	animation: trailerTitleShimmer 8s linear infinite;
}

.trailer-title::after{
	content: '';
	position: absolute;
	inset: 2px;
	border-radius: 999px;
	border: 1px solid rgba(255,255,255,0.12);
	pointer-events: none;
	opacity: 0.7;
}

@keyframes trailerTitleShimmer{
	0%{ background-position: 0% 50%; }
	100%{ background-position: 200% 50%; }
}

.trailer-video-box .image{
	position: relative;
	background: #07070f;
	border-radius: 18px;
	overflow: hidden;
}

.trailer-video-box .image img{
	position: relative;
	display: block;
	width: 100%;
	opacity: 0.70;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

/* Home: prevent initial grey/empty flashes while trailer/player loads */
.trailer-video-box.is-loading .image::after{
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(255,255,255,0.02), rgba(255,255,255,0.08), rgba(255,255,255,0.02));
	transform: translateX(-100%);
	animation: gamaxHomeShimmer 1.2s ease-in-out infinite;
	pointer-events: none;
	opacity: 0.55;
}

.trailer-video-box.is-ready .image img{
	opacity: 0;
	visibility: hidden;
}

.trailer-video-box .gamax-trailer-player{
	width: 100%;
	height: 100%;
}

@keyframes gamaxHomeShimmer{
	0%{transform: translateX(-100%)}
	100%{transform: translateX(100%)}
}

/* Home banner: keep a stable block until slides arrive */
.banner-section .banner-carousel.is-loading{
	position: relative;
	min-height: 520px;
}

.banner-section .banner-carousel.is-loading::before{
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(255,255,255,0.02), rgba(255,255,255,0.07), rgba(255,255,255,0.02));
	transform: translateX(-100%);
	animation: gamaxHomeShimmer 1.2s ease-in-out infinite;
	border-radius: inherit;
}

.trailer-video-box::before{
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 18px;
	padding: 1px;
	background: linear-gradient(135deg, rgba(231,6,87,0.6), rgba(59,130,246,0.5), rgba(0,255,209,0.4));
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
	opacity: 0.6;
}

.trailer-video-box::after{
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 18px;
	background: radial-gradient(circle at 15% 15%, rgba(231,6,87,0.25), transparent 45%),
		radial-gradient(circle at 85% 10%, rgba(59,130,246,0.2), transparent 40%),
		radial-gradient(circle at 50% 85%, rgba(0,255,209,0.18), transparent 45%);
	opacity: 0.6;
	mix-blend-mode: screen;
	pointer-events: none;
}

.trailer-video-box:hover{
	transform: translateY(-2px);
	transition: transform 0.4s ease;
}

.trailer-video-box:hover .image img{
	opacity: 1;
}

.trailer-video-box .over-link{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 2;
}

.trailer-video-box .over-link .icon{
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -40px 0px 0px -40px;
	display: block;
	width: 80px;
	height: 80px;
	font-size: 24px;
	line-height: 80px;
	background: #e70657;
	color: #ffffff;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.trailer-video-box .over-link:hover .icon{
	color: #e70657;
	background: #ffffff;
}

.game-awards{
	position: relative;
}

.game-awards .award-block{
	position: relative;
	text-align: center;
	color: #ffffff;
	margin-bottom: 50px;
}

.game-awards .award-block .inner{
	position: relative;
	display: block;
	width: 225px;
	height: 210px;
	margin: 0 auto;
	padding: 65px 60px 30px 60px;
}

.game-awards .award-block .inner:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100px;
	height: 210px;
	background:url(../images/icons/award-bg-icon.png) left center no-repeat;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.game-awards .award-block .inner:hover:before{
	left: -10px;
}

.game-awards .award-block .inner:after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 100px;
	height: 210px;
	background:url(../images/icons/award-bg-icon.png) right center no-repeat;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.game-awards .award-block .inner:hover:after{
	right: -10px;
}

.game-awards .award-block .upper-title,
.game-awards .award-block .lower-title{
	position: relative;
	display: block;
	line-height: 1.4em;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.game-awards .award-block .lower-title{
	padding-top: 7px;
	color: #e70657;
}


/*** 

====================================================================
	Gallery Carousel Section
====================================================================

***/

.carousel-gallery{
	position: relative;
	padding: 90px 0px 140px;
}

.carousel-gallery .carousel-box{
	position: relative;
}

.carousel-gallery .carousel-box .owl-nav,
.carousel-gallery .carousel-box .owl-dots{
	display: none;
}

/*** 

====================================================================
	Featured Game
====================================================================

***/

.featured-game{
	position: relative;
	padding: 100px 0px 30px;
}

.featured-game .image-column{
	position: relative;
	margin-bottom: 30px;
}

.featured-game .image-column .inner{
	position: relative;
	display: block;
	padding: 0px 0px 0px 0px;
	margin: -65px 0px -20px -180px;
}

.featured-game .image-column .image-box{
	position: relative;
	display: block;
}

.featured-game .image-column img{
	position: relative;
	display: block;
	max-width: 100%;
}

.featured-game .text-column{
	position: relative;
	margin-bottom: 30px;
	order: 12;
}

.featured-game .text-column .inner{
	position: relative;
	display: block;
	font-weight: 400;
}

.featured-game .text-column .text-column .sec-title{
	margin-bottom: 35px;
}

.featured-game .text-column .text{
	position: relative;
	margin-bottom: 50px;
	font-size: 16px;
	line-height: 1.65em;
}

.featured-game .text-column .link-box .btn-style-one .btn-title{
	padding: 12px 30px;
}

/*** 

====================================================================
	Parallax Section
====================================================================

***/

.parallax-section{
	position: relative;
	padding: 170px 0px;
	text-align: center;
	color: #ffffff;
}

.parallax-section .image-layer{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.parallax-section .image-layer:before{
	content: '';
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.30);
	z-index: 1;
}

.parallax-section .content-box{
	max-width: 800px;
	margin: 0 auto;
	z-index: 5;
}

.parallax-section h2{
	position: relative;
	font-size: 60px;
	line-height: 1.15em;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	margin-bottom: 35px;
}

.parallax-section .text-box{
	position: relative;
	font-size: 20px;
	color: #ffffff;
	line-height: 1.5em;
	font-weight: 400;
	max-width: 650px;
	letter-spacing: 0.02em;
	margin: 0 auto;
}

/*** 

====================================================================
	FAQs Section
====================================================================

***/

.faq-section{
	position: relative;
	padding: 100px 0px 0px;
}

.faq-section .faq-container{
	position: relative;
	max-width: 900px;
	margin: 0 auto;
}

.accordion-box{
	position: relative;
}

.accordion-box .block {
	position: relative;
	margin-bottom: 10px;
}

.accordion-box .block:last-child{
	margin-bottom: 0;
}

.accordion-box .block .acc-btn{
	position:relative;
	font-size:16px;
	line-height:30px;
	font-weight:400;
	cursor:pointer;
	text-transform: uppercase;
	padding:25px 40px;
	padding-right: 80px;
	letter-spacing: 0.03em;
	background-color: #07070f;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.accordion-box .block .icon{
	position:absolute;
	right: 40px;
	top:25px;
	font-size: 14px;
	font-weight: 700;
	height: 30px;
	line-height: 30px;
}

.accordion-box .block .acc-btn.active .icon:before{
	content: "\f148";
	font-family: "Flaticon";
}

.accordion-box .block .acc-btn.active{
	background-color: #e70657;
	color: #ffffff;
}

.accordion-box .block.active-block{
	-webkit-box-shadow: 0 30px 50px rgba(14,16,48,.08);
	-moz-box-shadow: 0 30px 50px rgba(14,16,48,.08);
	-ms-box-shadow: 0 30px 50px rgba(14,16,48,.08);
	-o-box-shadow: 0 30px 50px rgba(14,16,48,.08);
	box-shadow: 0 30px 50px rgba(14,16,48,.08);
}

.accordion-box .block .acc-content{
	position:relative;
	display:none;
}

.accordion-box .block .content{
	position:relative;
	padding: 40px 40px 30px;
}

.accordion-box .block.current .acc-content{ 
	display: block;
}

.accordion-box .block .content .text{
	position: relative;
	display: block;
	font-size: 16px;
	letter-spacing: 0.01em;
	line-height: 1.6em;
}


/*** 

====================================================================
		Page Banner
====================================================================

***/

.page-banner{
	position:relative;
	padding: 156px 0 0;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
	text-align: center;
}

.page-banner:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.30);
}

.page-banner .banner-inner{
	position: relative;
	display: block;
	padding: 130px 0px 135px;
}

.page-banner .top-pattern-layer,
.page-banner .top-pattern-layer-dark{
	bottom: 0px;
	top: auto;
}

.page-banner .inner-container{
	position: relative;
	z-index:5;
}

.page-banner h1{
	position:relative;
	font-size:72px;
	color:#ffffff;
	line-height: 1.2em;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.page-banner .bread-crumb {
	position: relative;
	display: inline-block;
}

.page-banner .bread-crumb li{
	position: relative;
	float: left;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
	text-transform: uppercase;
	cursor: default;
	padding-right:  15px;
	margin-right: 15px;
}

.page-banner .bread-crumb li:before{
	position: absolute;
	right: -3px;
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
    content: "-";
}

.page-banner .bread-crumb li:last-child{
	padding-right: 0;
	margin-right: 0;
}

.page-banner .bread-crumb li:last-child:before{
	display: none;
}

.page-banner .bread-crumb li a{
	color:#ffffff;
	font-weight: 400;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.page-banner .bread-crumb li a:hover{
	color:#e70657;	
}

/*** 

====================================================================
	About Section
====================================================================

***/

.about-section{
	position: relative;
	padding: 100px 0px;
}

.about-section .bg-image-layer{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
	opacity: 0.04;
}

.about-section .about-content{
	position: relative;
	margin-bottom: 70px;
	z-index: 1;
}

.about-section .image-column{
	position: relative;
	margin-bottom: 30px;
}

.about-section .image-column .inner{
	position: relative;
	display: block;
	padding-right: 40px;
}

.about-section .image-column .image-box{
	position: relative;
	display: block;
}

.about-section .image-column img{
	position: relative;
	display: block;
	width: 100%;
	max-width: 100%;
}

.about-section .text-column{
	position: relative;
	margin-bottom: 30px;
	order: 12;
}

.about-section .text-column .inner{
	position: relative;
	display: block;
	font-weight: 400;
}

.about-section .text-column .sec-title{
	margin-bottom: 50px;
}

.about-section .text-column .text{
	position: relative;
	margin-bottom: 50px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.65em;
}

.about-section .text-column .text p{
	margin-bottom: 25px;
	line-height: 1.65em;
}

.about-section .text-column .link-box .btn-style-one .btn-title{
	padding: 12px 30px;
}

/*** 

====================================================================
	Awards Section
====================================================================

***/

.awards-section{
	position: relative;
	padding: 100px 0px;
}

/*** 

====================================================================
	Gallery Section
====================================================================

***/

.gallery-section{
	position: relative;
	padding: 100px 0px 130px;
}

/*** 

====================================================================
	Contact Banner
====================================================================

***/

.contact-banner{
	position:relative;
	padding: 0px 0px;
}

.contact-banner .banner-inner{
	position: relative;
	height: 750px;
	padding: 0;
}

.map-data{
	text-align:center;
	font-size:14px;
	font-weight:400;
	line-height:1.8em;
}

.map-data h6{
	font-size:16px;
	font-weight:700;
	text-align:center;
	margin-bottom:5px;
	color:#121212;
}

.map-canvas{
	height:450px;
}

.contact-banner .map-canvas{
	height:750px;
}

/*** 

====================================================================
	Contact Info Section
====================================================================

***/

.cont-info-section{
	position:relative;
	background: #07070f;
	padding: 120px 0px 60px;
}

.cont-info-section .info-block{
	position: relative;
	margin-bottom: 50px;
}

.cont-info-section .info-block .inner-box{
	position: relative;
	display: block;
	padding-left: 50px;
}

.cont-info-section .info-block .inner-box:after{
	content: '';
	position: absolute;
	top: -40px;
	bottom: -40px;
	right: 0;
	border-right: 1px solid rgba(255,255,255,0.10);
}

.cont-info-section .info-block:first-child .inner-box{
	padding-left: 0;
}

.cont-info-section .info-block:last-child .inner-box:after{
	display: none;
}

.cont-info-section .info-block h3{
	position: relative;
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
	color: #ffffff;
	margin-bottom: 20px;
}

.cont-info-section .info-block .text{
	position: relative;
	font-size: 16px;
	font-weight: 300;
	color: #717389;
	line-height: 1.7em;
	max-width: 310px;
}

.cont-info-section .info-block ul li{
	position: relative;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.7em;
}

.cont-info-section .info-block .text a{
	position: relative;
	color: #717389;
	left: 3px;
}

.cont-info-section .info-block .text a:hover{
	color: #e70657;
	text-decoration: underline;
}

/*** 

====================================================================
	Contact Section
====================================================================

***/

.contact-section{
	position:relative;
	padding: 130px 0px 100px;
}

.contact-section .form-box{
	max-width: 1020px;
	margin: 0 auto;
}

/*Default Form*/

.default-form{
	position:relative;
}

.default-form .form-group{
	position:relative;
	margin-bottom:30px;
}

.default-form input[type="text"],
.default-form input[type="email"],
.default-form input[type="password"],
.default-form input[type="url"],
.default-form input[type="tel"],
.default-form input[type="search"],
.default-form select,
.default-form textarea{
	display:block;
	width:100%;
	line-height:28px;
	height:70px;
	font-size:15px;
	padding:20px 30px;
	background:#07070f;
	color:#ffffff;
	font-weight:400;
	border:1px solid rgba(255,255,255,0.10);
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.default-form textarea{
	height:260px;
	resize:none;
	font-weight:400;
	padding:20px 30px;
}

.default-form input[type="text"]:focus,
.default-form input[type="email"]:focus,
.default-form input[type="password"]:focus,
.default-form input[type="url"]:focus,
.default-form input[type="tel"]:focus,
.default-form input[type="search"]:focus,
.default-form select:focus,
.default-form textarea:focus{
	border-color:#e70657;
}

.default-form input.error,
.default-form input.error,
.default-form textarea.error{
	border-color:#ff0000;
}

.default-form label.error{
	text-transform: capitalize;
	padding-top: 10px;
	display: block;
	line-height: 20px;
	font-size: 15px;
	letter-spacing: 1px;
	font-weight: 400;
	color:#ffffff;
}

::-webkit-input-placeholder{color: #717389;}
::-moz-input-placeholder{color: #717389;}
::-ms-input-placeholder{color: #717389;}

.contact-section .contact-form button{
	background: none;
}

/*** 

====================================================================
	Games Details
====================================================================

***/

.game-details{
	position: relative;
}

.game-details .inner{
	position: relative;
	display: block;
}

.game-details .image-box{
	position: relative;
	display: block;
	margin-bottom: 30px;
}

.game-details .image-box img{
	position: relative;
	display: block;
	width: 100%;
}

.game-details .lower-content{
	position: relative;
	display: block;
	padding: 0px;
}

.game-details .lower-content .title-box{
	position: relative;
	margin-bottom: 40px;
}

.game-details .lower-content .link-box{
	position: relative;
	float: right;
	padding-top: 20px;
}

.game-details .lower-content .link-box .link-btn{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 26px;
	padding: 0px 10px;
	color: #ffffff;
	font-weight: 400;
	text-transform:uppercase;
	letter-spacing: 0.05em;
	border-radius:0px;
}

.game-details .lower-content .link-box .link-btn .btn-title{
	position: relative;
	display:block;
	z-index:1;
	padding: 10px 24px;
	background: #e70657;
	border-radius:0px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.game-details .link-box .link-btn:hover .btn-title{
	background: #ffffff;
	color: #e70657;
}

.game-details .link-box .link-btn:hover{
	transition:all 0.3s ease 100ms;
	-moz-transition:all 0.3s ease 100ms;
	-webkit-transition:all 0.3s ease 100ms;
	-ms-transition:all 0.3s ease 100ms;
	-o-transition:all 0.3s ease 100ms;
	box-shadow: 0px 0px 20px 0px #e70657;
}

.game-details .lower-content .link-box .link-btn:before{
	content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 20px;
    height: 100%;
	background: #e70657;
    z-index: 1;
    -webkit-transform: skew(15deg);
    -ms-transform: skew(15deg);
    transform: skew(15deg);
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.game-details .lower-content .link-box .link-btn:after{
	content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 20px;
    height: 100%;
	background: #e70657;
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    transform: skew(-15deg);
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.game-details .lower-content .link-box .link-btn:hover:before{
	background: #ffffff;
	-webkit-transform: skew(0deg);
	-ms-transform: skew(0deg);
	transform: skew(0deg);
}

.game-details .lower-content .link-box .link-btn:hover:after{
	background: #ffffff;
	-webkit-transform: skew(0deg);
	-ms-transform: skew(0deg);
	transform: skew(0deg);
}

.game-details .lower-content .title-box .title{
	position: relative;
	float: left;
}

.game-details h2{
	position: relative;
	font-size: 30px;
	line-height: 1.2em;
	text-transform: uppercase;
	color: #ffffff;
	margin-bottom: 5px;
}

.game-details h3{
	position: relative;
	font-size: 24px;
	line-height: 1.25em;
	text-transform: uppercase;
	color: #ffffff;
	margin-bottom: 20px;
}

.game-details h3 a{
	color: #ffffff;
}

.game-details h3 a:hover{
	color: #e70657;
}

.game-details .rating{
	position: relative;
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.game-details .rating .ratings{
	position: relative;
	top: -2px;
	color: #e70657;
	padding-left: 7px;
}

.game-details .rating .ratings span{
	position: relative;
	vertical-align: middle;
	font-size: 13px;
	margin-right: 2px;
}

.game-details .post-info{
	position: relative;
	font-size: 14px;
	line-height: 24px;
	padding: 0px;
}

.game-details .post-info li{
	position: relative;
	float: left;
	color: #727489;
	text-transform: uppercase;
	margin-right: 25px;
}

.game-details .post-info li:last-child{
	margin-right: 0;
}

.game-details .post-info li a{
	display: inline-block;
	vertical-align: middle;
	color: #727489;
}

.game-details .post-info li a:hover{
	color: #e70657;
}

.game-details .post-info li .icon{
	position: relative;
	top: 0px;
	font-size: 18px;
	padding-right: 7px;
	display: inline-block;
}

.game-details .text{
	position: relative;
	font-size: 16px;
	line-height: 1.5em;
	margin-bottom: 50px;
}

.game-details .text p,
.game-details .text ul{
	margin-bottom: 25px;
}

.game-details .text ul li{
	position: relative;
	padding-left: 20px;
	line-height: 28px;
}

.game-details .text ul li:before{
	content: '';
	position: absolute;
	left: 0;
	top: 12px;
	width: 4px;
	height: 4px;
	background: #e70657;
	border-radius: 50%;
}

.game-details .game-features h2{
	margin-bottom: 30px;
}

.feature-block{
	position: relative;
	margin-bottom: 30px;
}

.feature-block .inner-box{
	position: relative;
	display: block;
	padding: 50px 50px;
	background: #07070f;
}

.feature-block .icon-box{
	position: relative;
	display: block;
	line-height: 1em;
	font-size: 52px;
	color: #e70657;
	margin-bottom: 20px;
}

.feature-block h4{
	position: relative;
	display: block;
	line-height: 1.3em;
	color: #ffffff;
	font-size: 20px;
	text-transform: uppercase;
	margin-bottom: 25px;
}

/***

====================================================================
		Sidebar Page Container
====================================================================

***/

.sidebar-page-container{
	position:relative;
	padding:120px 0px 70px;
}

.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side{
	margin-bottom:50px;
}

/*** 

====================================================================
		Blog Detail
====================================================================

***/

.blog-detail{
	position: relative;
}

.blog-detail .image-box{
	position: relative;
}

.blog-detail .image-box .image{
	position: relative;
	margin-bottom: 0;
	border: 1px solid #302f2f;
}

.blog-detail .image-box .image img{
	display: block;
	width: 100%;
	height: auto;
}

.blog-detail .lower-content{
	position: relative;
	padding: 40px 0 20px;
}

.blog-detail .lower-content .date{
	position: relative;
	display: inline-block;
	font-size: 12px;
	line-height: 24px;
	padding: 0px 12px;
	color: #ffffff;
	font-weight: 400;
	text-transform:uppercase;
	letter-spacing: 0.05em;
	margin-bottom: 10px;
	overflow: hidden;
}

.blog-detail .lower-content .date .date-title{
	position: relative;
	display:block;
	z-index:1;
	padding: 4px 15px;
	background: #e70657;
	border-radius:0px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.blog-detail .lower-content .date:before{
	content: '';
    position: absolute;
    left: 5px;
    top: 0px;
    width: 20px;
    height: 100%;
	background: #e70657;
    -webkit-transform: skew(15deg);
    -ms-transform: skew(15deg);
    transform: skew(15deg);
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.blog-detail .lower-content .date:after{
	content: '';
    position: absolute;
    right: 5px;
    top: 0px;
    width: 20px;
    height: 100%;
	background: #e70657;
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    transform: skew(-15deg);
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}


.blog-detail .lower-content h3{
	position: relative;
	font-size: 40px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 5px;
}

.blog-detail .post-info {
	position: relative;
	display: inline-block;
	margin-bottom: 30px;
}

.blog-detail .post-info li{
	position: relative;
	float: left;
	font-size: 16px;
	line-height: 30px;
	color: #e70657;
	font-weight: 400;
	text-transform:uppercase;
	cursor: default;
	padding-right:  15px;
	margin-right: 15px;
}

.blog-detail .post-info li:before{
	position: absolute;
	right: -3px;
	font-size: 16px;
	line-height: 30px;
	color: #e70657;
	font-weight: 400;
    content: "-";
}

.blog-detail .post-info li:last-child{
	padding-right: 0;
	margin-right: 0;
}

.blog-detail .post-info li:last-child:before{
	display: none;
}

.blog-detail .post-info li a{
	color:#e70657;
	font-weight: 400;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.blog-detail .post-info li a:hover{
	color:#ffffff;	
}

.blog-detail .lower-content p{
	position: relative;
	font-size: 16px;
	line-height: 32px;
	color: #727489;
	margin-bottom: 20px;
}


/*post share options*/
.post-share-options{
	position:relative;
	margin-bottom: 50px;
}

/* Author Box */

.author-box{
	position: relative;
	padding: 55px 55px;
	background: #07070f;
	margin-bottom: 50px;
}

.author-box .inner-box{
	position: relative;
	padding-left: 215px;
	min-height: 166px;
	padding-top: 5px;
}

.author-box .thumb{
	position: absolute;
	left: 0;
	top: 0;
	width: 160px;
}

.author-box .thumb img{
	display: block;
	width: 100%;
}

.author-box .name{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.25em;
	color: #ffffff;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 30px;
}

.author-box .text{
	font-size: 16px;
	line-height: 32px;
	font-weight: 300;
}


.sidebar-widget{
    position:relative;
    padding: 45px 50px;
    margin-bottom:30px;
}

.sidebar-widget:last-child{
	margin-bottom: 0;
}

.sidebar-widget .sidebar-title{
	position: relative;
	font-size: 20px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-bottom: 28px;
}


.sidebar-widget .widget-content{
	position: relative;
}

/* Sidebar Title */

.sidebar-title{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom:25px;
}



/*Search Box Widget*/

.sidebar .search-box{
	position: relative;
	padding: 20px 40px;
	background: #e70657;
	border:none;
}

.sidebar .search-box .form-group{
	position:relative;
	margin:0px;	
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
	position:relative;
	display:block;
	font-size:18px;
	line-height:30px;
	width:100%;
	height:50px;
	color:#ffffff;
	font-weight: 400;
	background:transparent;
	padding:10px 50px 10px 0px;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.sidebar .search-box ::-webkit-input-placeholder{color: #ffffff;}
.sidebar .search-box ::-moz-input-placeholder{color: #ffffff;}
.sidebar .search-box ::-ms-input-placeholder{color: #ffffff;}

.sidebar .search-box .form-group button{
	position:absolute;
	right: 0;
	top: 0;
	height:50px;
	display:block;
	font-size:18px;
	color:#ffffff;
	line-height:100%;
	padding: 0;
	font-weight:normal;
	background:transparent;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.sidebar .search-box .form-group button:hover{
	text-shadow: 0px 2px 0px #e70657;
	color:#ffffff;
}


/*Post Widget*/

.sidebar .popular-posts{
	position:relative;
	background: #07070f;
	border: none;
}

.sidebar .popular-posts .post{
	position:relative;
	padding-bottom: 25px;
	border-bottom: 1px solid rgba(255,255,255,0.10);
	margin-bottom: 25px;
}

.sidebar .popular-posts .post:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

.sidebar .popular-posts .post .post-inner{
	position:relative;
	padding-left:80px;
	padding-top: 10px;
	min-height:60px;
}

.sidebar .popular-posts .post .post-thumb{
	 position:absolute;
	 left:0px;
	 top:0px;
	 width:60px;
}

.sidebar .popular-posts .post .post-thumb img{
	display:block;
	width:100%;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.sidebar .popular-posts .post .text{
	position:relative;
	font-size:16px;
	line-height:24px;
	font-weight:400;
	color:#727489;
	max-width: 150px;
	text-transform: uppercase;
}

.sidebar .popular-posts .post .text a{
	color:#727489;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.sidebar .popular-posts .post a:hover{
	color:#ffffff;
}

.sidebar .popular-posts .post-info{
	position:relative;
	display: block;
	font-size:14px;
	color:#e70657;
	font-weight:600;
	line-height:1em;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 13px;
}

/* Blog Categories */

.sidebar .categories{
	position:relative;
	background: #07070f;
	border: none;
}

.blog-categories{
	position:relative;
}

.blog-categories li{
	position:relative;
	padding-left: 20px;
	margin-bottom: 18px;
}

.blog-categories li:before{
	content: '';
	position: absolute;
	left: 0;
	top: 11px;
	width: 3px;
	height: 3px;
	background: #e70657;
}

.blog-categories li a{
	position:relative;
	font-size:16px;
	line-height: 24px;
	color:#727489;
	display:block;
	font-weight: 300;
	letter-spacing: 1px;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.blog-categories li a:hover{
	color:#ffffff;
}

.blog-categories li:last-child{
	margin-bottom: 0;
}

/*** 

====================================================================
		Comment Area
====================================================================

 ***/

.group-title{
	position: relative;
	margin-bottom: 50px;
}

.group-title h3{
	position: relative;
	display: inline-block;
	font-size: 40px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.comments-area{
	position:relative;
	margin-bottom: 55px;
}

.comments-area .comment-box{
	position:relative;
	padding-bottom: 60px;
	border-bottom: 1px solid rgba(255,255,255,0.10);
	margin-bottom: 60px;
}

.comments-area .comment-box:last-child{
	margin-bottom: 0;
}

.comments-area .comment{
	position:relative;
	min-height: 160px;
	padding-left: 200px;
}

.comments-area .comment-box .author-thumb{
	position:absolute;
	left:0px;
	top:0px;
	width: 160px;
	margin-bottom: 20px;
	overflow: hidden;
}

.comments-area .comment-box .author-thumb img{
	width:100%;
	display:block;
}

.comments-area .comment-box .name{
	position: relative;
	display: block;
	font-size:20px;
	line-height:1em;
	font-weight:400;
	color:#ffffff;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 40px;
}

.comments-area .comment-box .text{
	font-size: 16px;
	line-height: 32px;
	font-weight: 300;
	padding-right: 30px;
}

.comments-area .comment-box .reply-btn{
	position: absolute;
	right: 0;
	top: 0;
	display: inline-block;
	font-size: 12px;
	line-height: 24px;
	padding: 0px 12px;
	color: #ffffff;
	font-weight: 400;
	text-transform:uppercase;
	letter-spacing: 0.05em;
	margin-bottom: 10px;
	overflow: hidden;
}

.comments-area .comment-box .reply-btn a{
	position: relative;
	display:block;
	z-index:1;
	padding: 4px 12px;
	letter-spacing: 1px;
	line-height: 20px;
	background: #e70657;
	text-transform: uppercase;
	color: #ffffff;
	border-radius:0px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.comments-area .comment-box .reply-btn:before{
	content: '';
    position: absolute;
    left: 5px;
    top: 0px;
    width: 20px;
    height: 100%;
	background: #e70657;
    -webkit-transform: skew(15deg);
    -ms-transform: skew(15deg);
    transform: skew(15deg);
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.comments-area .comment-box .reply-btn:after{
	content: '';
    position: absolute;
    right: 5px;
    top: 0px;
    width: 20px;
    height: 100%;
	background: #e70657;
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    transform: skew(-15deg);
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.comments-area .comment-box .reply-btn:hover a,
.comments-area .comment-box .reply-btn:hover:before,
.comments-area .comment-box .reply-btn:hover:after{
	background-color: #ffffff;
	color: #e70657;
}

/*** 

====================================================================
		Comment Form
====================================================================

 ***/

.comment-form{
 	position: relative;
}

.comment-form input[type="submit"],
.comment-form button[type="submit"],
.comment-form button{
	background: none;
}


/* Custom Popup Notification */
.custom-popup {
    position: fixed;
    top: 20px;
    left: 50%;
    right: auto;
    padding: 15px 25px;
    background: #1c1f32;
    color: #fff;
    border-radius: 5px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    z-index: 100001; /* Higher than sidebar overlay */
    font-family: 'Oswald', sans-serif;
    transform: translate(-50%, -200%); /* Start hidden above */
    transition: transform 0.3s ease-out;
    border-left: 5px solid #ff3e3e; /* default error color */
    white-space: nowrap;
}

.custom-popup.success {
    border-left-color: #28a745;
}

.custom-popup.active {
    transform: translate(-50%, 0);
}


/* Profile Sidebar */
.profile-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;
    overflow: hidden;
}

.profile-sidebar.open {
    visibility: visible;
    opacity: 1;
}

html.profile-sidebar-open,
body.profile-sidebar-open {
    overflow: hidden;
    overflow-x: hidden;
}

.profile-sidebar-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    backdrop-filter: blur(2px);
}

.profile-sidebar-content {
    position: absolute;
    top: 0;
    right: -320px;
    width: 320px;
    height: 100%;
	overflow-x: hidden;
    background: #0d0e1b;
    border-left: 1px solid rgba(255,255,255,0.1);
    transition: right 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    display: flex;
    flex-direction: column;
    padding: 30px 20px;
    box-shadow: -10px 0 30px rgba(0,0,0,0.4);
}

.profile-sidebar.open .profile-sidebar-content {
    right: 0;
}

.profile-sidebar-close {
    position: absolute;
    top: 15px;
    right: 20px;
    background: none;
    border: none;
    color: #fff;
    font-size: 30px;
    cursor: pointer;
    line-height: 1;
    opacity: 0.7;
    transition: opacity 0.3s;
}

.profile-sidebar-close:hover {
    opacity: 1;
    color: #ff3e3e;
}

.profile-header {
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

.profile-avatar-container {
    position: relative;
    width: 100px;
    height: 100px;
    margin: 0 auto 15px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #ff3e3e;
    background: #1c1f32;
}

.profile-avatar-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.avatar-edit-btn {
    display: none !important;
    pointer-events: none !important;
}

.profile-avatar-container:hover .avatar-edit-btn {
    opacity: 0;
}

.profile-header h3 {
    margin: 0 0 5px;
    color: #fff;
    font-size: 20px;
    font-family: 'Oswald', sans-serif;
}

.user-role.badge {
    background: #ff3e3e;
    color: #fff;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 5px;
}

.user-email {
    font-size: 13px;
    color: #727489;
    margin: 5px 0 0;
    word-break: break-all;
}

.profile-menu {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow-y: auto;
	overflow-x: hidden;
}

.profile-announcements{
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 10px;
    padding: 12px 12px;
}

.profile-announcements .pa-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
}

.profile-announcements .pa-title{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
}

.profile-announcements .pa-title i{
    color: #ff3e3e;
}

.profile-announcements .pa-badge{
    background: rgba(231, 6, 87, 0.2);
    border: 1px solid rgba(231, 6, 87, 0.35);
    color: #ff4f8a;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 999px;
}

.profile-announcements .pa-empty{
    color: rgba(255,255,255,0.55);
    font-size: 12px;
    padding: 6px 2px;
}

.profile-announcements .pa-item{
    padding: 10px 10px;
    border-radius: 10px;
    background: rgba(0,0,0,0.18);
    border: 1px solid rgba(255,255,255,0.06);
}

.profile-announcements .pa-item + .pa-item{
    margin-top: 10px;
}

.profile-announcements .pa-text{
    color: rgba(255,255,255,0.88);
    font-size: 12px;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.profile-announcements .pa-meta{
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.profile-announcements .pa-date{
    color: rgba(255,255,255,0.45);
    font-size: 11px;
}

.profile-announcements .pa-actions{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.profile-announcements .pa-link{
    color: rgba(255,255,255,0.8) !important;
    text-decoration: none !important;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,0.10);
    background: rgba(255,255,255,0.03);
}

.profile-announcements .pa-link:hover{
    border-color: rgba(231, 6, 87, 0.45);
    color: #fff !important;
}

.profile-announcements .pa-read-btn{
    border: 1px solid rgba(255,255,255,0.10);
    background: rgba(255,255,255,0.03);
    color: rgba(255,255,255,0.85);
    font-size: 12px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 8px;
    cursor: pointer;
    transition: all .15s ease;
}

.profile-announcements .pa-read-btn:hover{
    background: rgba(231, 6, 87, 0.2);
    border-color: rgba(231, 6, 87, 0.45);
    color: #fff;
}

.profile-announcements .pa-controls{
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.profile-announcements .pa-counter{
    color: rgba(255,255,255,0.55);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.3px;
    user-select: none;
}

.profile-announcements .pa-nav{
    width: 34px;
    height: 28px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,0.10);
    background: rgba(255,255,255,0.03);
    color: rgba(255,255,255,0.85);
    cursor: pointer;
    transition: all .15s ease;
    line-height: 1;
    font-size: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.profile-announcements .pa-nav:hover{
    background: rgba(231, 6, 87, 0.2);
    border-color: rgba(231, 6, 87, 0.45);
    color: #fff;
}

.profile-announcements .pa-nav:disabled{
    opacity: 0.35;
    cursor: not-allowed;
}

.profile-menu-item {
    display: flex;
    align-items: center;
	width: 100%;
	box-sizing: border-box;
    padding: 12px 15px;
    background: rgba(255,255,255,0.03);
    color: #fff;
    border-radius: 5px;
    font-weight: 500;
    transition: all 0.3s;
    text-decoration: none !important;
}

.profile-menu-item i {
    width: 25px;
    color: #ff3e3e;
    font-size: 16px;
    margin-right: 10px;
    text-align: center;
}

.profile-menu-item:hover {
    background: #ff3e3e;
    color: #fff;
    transform: translateX(5px);
}

.profile-menu-item:hover i {
    color: #fff;
}

.profile-menu .divider {
    height: 1px;
    background: rgba(255,255,255,0.05);
    margin: 10px 0;
}

.logout-btn:hover {
    background: #dc3545;
}

/* Header Profile Button */
.header-profile-btn {
    display: flex;
    align-items: center;
    padding: 8px 24px;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 30px;
    cursor: pointer;
    transition: all 0.3s;
    background: transparent;
    color: #fff;
}

.header-profile-btn:hover {
    border-color: #ff3e3e;
    background: rgba(255, 62, 62, 0.1);
}

.header-profile-btn img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    margin-right: 12px;
    object-fit: cover;
    border: 2px solid #ff3e3e;
}

.header-profile-btn span {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
}


/* Custom Modal Styling */
.custom-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    backdrop-filter: blur(5px);
}

.custom-modal-overlay.active {
    opacity: 1;
    visibility: visible;
}

.custom-modal-content {
    background: #0d0e1b;
    width: 90%;
    max-width: 450px;
    padding: 25px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.1);
    box-shadow: 0 0 30px rgba(0,0,0,0.5);
    transform: scale(0.9);
    transition: all 0.3s;
    position: relative;
}

.custom-modal-overlay.active .custom-modal-content {
    transform: scale(1);
}

.custom-modal-content .modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    padding-bottom: 15px;
}

.custom-modal-content .modal-header h4 {
    color: #fff;
    margin: 0;
    font-size: 20px;
    font-family: 'Oswald', sans-serif;
}

.custom-modal-content .close-modal {
    background: none;
    border: none;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    line-height: 1;
    transition: all 0.3s;
}

.custom-modal-content .close-modal:hover {
    color: #ff3e3e;
}

.custom-modal-content .form-group {
    margin-bottom: 15px;
}

.custom-modal-content label {
    display: block;
    color: #a6a8be;
    margin-bottom: 5px;
    font-size: 14px;
}

.custom-modal-content .form-control {
    width: 100%;
    background: #1c1f32;
    border: 1px solid rgba(255,255,255,0.05);
    color: #fff;
    padding: 10px 15px;
    border-radius: 5px;
    transition: border-color 0.3s;
}

.custom-modal-content select.form-control{
    height: 48px;
    padding: 12px 42px 12px 15px;
    line-height: 22px;
    font-size: 14px;
    font-weight: 600;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image:
        linear-gradient(45deg, transparent 50%, rgba(255,255,255,0.7) 50%),
        linear-gradient(135deg, rgba(255,255,255,0.7) 50%, transparent 50%);
    background-position:
        calc(100% - 18px) 50%,
        calc(100% - 13px) 50%;
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
}

.custom-modal-content select.form-control option{
    background: #1c1f32;
    color: #fff;
}

.custom-modal-content .form-control:focus {
    border-color: #ff3e3e;
    outline: none;
}

.custom-modal-content .form-actions {
    margin-top: 25px;
    text-align: right;
}


/* Large Modal */
.custom-modal-lg .custom-modal-content {
    max-width: 800px;
    width: 95%;
}

/* Purchases Table */
.purchase-table {
    width: 100%;
    color: #fff;
    font-size: 14px;
    border-collapse: collapse;
}

.purchase-table th {
    border-bottom: 2px solid rgba(255,255,255,0.1);
    padding: 10px;
    color: #a6a8be;
    text-align: left;
    font-weight: 500;
}

.purchase-table td {
    padding: 15px 10px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    vertical-align: middle;
}

.purchase-item-info {
    display: flex;
    align-items: center;
    gap: 10px;
}

.purchase-item-info img {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    object-fit: cover;
}

/* Status Badges & License */
.status-badge {
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
}
.status-completed { background: rgba(40, 167, 69, 0.2); color: #28a745; border: 1px solid rgba(40, 167, 69, 0.3); }
.status-pending { background: rgba(255, 193, 7, 0.2); color: #ffc107; border: 1px solid rgba(255, 193, 7, 0.3); }
.status-cancelled { background: rgba(220, 53, 69, 0.2); color: #dc3545; border: 1px solid rgba(220, 53, 69, 0.3); }

.license-key-box {
    background: rgba(0,0,0,0.3);
    padding: 6px 10px;
    border-radius: 4px;
    font-family: 'Courier New', monospace;
    letter-spacing: 1px;
    user-select: all;
    border: 1px dashed rgba(255,255,255,0.2);
    display: inline-block;
    color: #00ffca;
}

.loading-spinner, .empty-state, .error-state {
    text-align: center;
    padding: 40px;
    color: #a6a8be;
}
.empty-state i {
    font-size: 40px;
    margin-bottom: 15px;
    opacity: 0.5;
}


/* --- New NUI Auth Button Styles --- */

/* --- Modern Glass & Gradient Auth Buttons --- */

/* Add spacing between buttons */
.header-top .top-right .info.auth-links li {
    margin: 0 6px;
}

/* Reset Base Styles for Auth Buttons */
.auth-links .btn-style-one {
    background: none !important;
    padding: 0 !important;
    overflow: visible !important;
    border-radius: 50px; /* Full pill shape */
}

/* Remove old pseudo-elements */
.auth-links .btn-style-one:before, 
.auth-links .btn-style-one:after {
    display: none !important;
}

/* Common Text/Container Style */
.auth-links .btn-style-one .btn-title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 10px 32px;
    border-radius: 50px;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    z-index: 1;
}

/* --- Login Button (Giriş Yap) --- */
/* Style: Glassy Dark with Border Glow */
.auth-links .btn-style-one:not(.btn-style-green) .btn-title {
    background: rgba(255, 255, 255, 0.05);
    color: #ffffff;
    border: 2px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.auth-links .btn-style-one:not(.btn-style-green):hover .btn-title {
    background: rgba(231, 6, 87, 0.15); /* Pink Tint */
    border-color: #e70657;
    color: #fff;
    box-shadow: 0 0 20px rgba(231, 6, 87, 0.4);
    transform: translateY(-2px);
}

/* --- Register Button (Kayıt Ol) --- */
/* Style: Solid Gradient */
.auth-links .btn-style-green .btn-title {
    background: linear-gradient(135deg, #2ecc71, #27ae60);
    border: 2px solid transparent; /* Keeps sizing consistent */
    color: #ffffff;
    box-shadow: 0 5px 15px rgba(46, 204, 113, 0.3);
}

.auth-links .btn-style-green:hover .btn-title {
    background: linear-gradient(135deg, #27ae60, #2ecc71);
    box-shadow: 0 0 25px rgba(46, 204, 113, 0.6);
    transform: translateY(-2px) scale(1.02);
}

/* Remove corner artifacts if any remained */
.auth-links .btn-style-one .btn-title::before,
.auth-links .btn-style-one .btn-title::after {
    display: none !important;
}

/* Site preference: hide "Kayıt Ol" in header auth area (prevents flicker). */
.header-top .auth-links a[href$="register.php"],
.header-top .auth-links a[href*="register.php"] {
	display: none !important;
}

/* --- Modern Glass & Gradient Auth Buttons --- */

/* Add spacing between buttons */
.header-top .top-right .info.auth-links li {
    margin: 0 6px;
}

/* Reset Base Styles for Auth Buttons */
.auth-links .btn-style-one {
    background: none !important;
    padding: 0 !important;
    overflow: visible !important;
    border-radius: 50px; /* Full pill shape */
}

/* Remove old pseudo-elements */
.auth-links .btn-style-one:before, 
.auth-links .btn-style-one:after {
    display: none !important;
}

/* Common Text/Container Style */
.auth-links .btn-style-one .btn-title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 10px 32px;
    border-radius: 50px;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    z-index: 1;
}

/* --- Login Button (Giriş Yap) --- */
/* Style: Glassy Dark with Border Glow */
.auth-links .btn-style-one:not(.btn-style-green) .btn-title {
    background: rgba(255, 255, 255, 0.05);
    color: #ffffff;
    border: 2px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.auth-links .btn-style-one:not(.btn-style-green):hover .btn-title {
    background: rgba(231, 6, 87, 0.15); /* Pink Tint */
    border-color: #e70657;
    color: #fff;
    box-shadow: 0 0 20px rgba(231, 6, 87, 0.4);
    transform: translateY(-2px);
}

/* --- Register Button (Kayıt Ol) --- */
/* Style: Solid Gradient */
.auth-links .btn-style-green .btn-title {
    background: linear-gradient(135deg, #2ecc71, #27ae60);
    border: 2px solid transparent; /* Keeps sizing consistent */
    color: #ffffff;
    box-shadow: 0 5px 15px rgba(46, 204, 113, 0.3);
}

.auth-links .btn-style-green:hover .btn-title {
    background: linear-gradient(135deg, #27ae60, #2ecc71);
    box-shadow: 0 0 25px rgba(46, 204, 113, 0.6);
    transform: translateY(-2px) scale(1.02);
}

/* Remove corner artifacts if any remained */
.auth-links .btn-style-one .btn-title::before,
.auth-links .btn-style-one .btn-title::after {
    display: none !important;
}

/* ==========================================================================
   NUI STYLE MODAL & TABLES (Added for Professional Look)
   ========================================================================== */

/* Modal Overlay - High End Blur */
.custom-modal-overlay {
    background: rgba(5, 5, 10, 0.6) !important;
    backdrop-filter: blur(15px) !important;
    z-index: 99999 !important;
}

/* Modal Content - Glassmorphism Card */
.custom-modal-content {
    background: linear-gradient(145deg, rgba(20, 20, 25, 0.95) 0%, rgba(10, 10, 15, 0.98) 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px !important;
    padding: 0 !important; /* Reset padding for full width header */
    overflow: hidden;
}

/* Modal Header */
.custom-modal-content .modal-header {
    background: rgba(255, 255, 255, 0.03);
    padding: 25px 30px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    margin-bottom: 0 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.custom-modal-content .modal-header h4 {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600;
    font-size: 22px !important;
    letter-spacing: 0.5px;
    background: linear-gradient(to right, #fff, #a6a8be);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
}

/* Close Button */
.custom-modal-content .close-modal {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.05) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease !important;
    color: #fff !important;
    font-size: 18px !important;
}

.custom-modal-content .close-modal:hover {
    background: rgba(231, 6, 87, 0.2) !important;
    color: #ff3e3e !important;
    transform: rotate(90deg);
}

/* Modal Body */
.custom-modal-content .modal-body {
    padding: 30px !important;
    max-height: 70vh;
    overflow-y: auto;
}

/* Blog Submit Modal (Write Blog) - fit to screen, pro layout */
#writeBlogModal .custom-modal-content{
    width: min(820px, 94vw) !important;
    max-width: 820px !important;
    max-height: 88vh;
    display: flex;
    flex-direction: column;
}

#writeBlogModal .custom-modal-content .modal-body{
    max-height: none !important;
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 22px 26px !important;
}

#writeBlogModal .custom-modal-content .modal-footer{
    flex: 0 0 auto;
    padding: 14px 26px 18px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
    background: rgba(255,255,255,0.02);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

#writeBlogModal .blog-submit-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

@media (max-width: 640px){
    #writeBlogModal .blog-submit-grid{
        grid-template-columns: 1fr;
    }
}

#writeBlogModal .blog-hint{
    color: rgba(255,255,255,0.55);
    font-size: 12px;
    line-height: 1.4;
}

#writeBlogModal .blog-cover-preview{
    margin-top: 10px;
    display: none;
}

#writeBlogModal .blog-cover-preview img{
    width: 100%;
    max-height: 140px;
    object-fit: cover;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.03);
}

#writeBlogModal #blogSubmitBtn .btn-title{
    white-space: nowrap;
}

/* --- NUI Table Design --- */
.nui-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 12px; /* Floating rows */
    margin-top: -12px;
}

.nui-table thead th {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #6c6f85;
    text-align: left;
    padding: 0 20px 10px 20px;
    border: none;
}

.nui-table tbody tr {
    background: rgba(255, 255, 255, 0.02);
    transition: all 0.25s ease;
    cursor: default;
    position: relative;
    /* Create a border gradient effect with box-shadow if needed, simpler for now */
}

.nui-table tbody tr td {
    border: none;
    padding: 20px;
    color: #d1d5db;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    vertical-align: middle;
}

.nui-table tbody tr td:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.nui-table tbody tr td:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    text-align: right;
}

/* Hover Effect */
.nui-table tbody tr:hover {
    background: rgba(255, 255, 255, 0.05);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

.nui-table tbody tr:hover td {
    color: #fff;
}

/* Product Info Cell */
.product-info-cell {
    display: flex;
    align-items: center;
    gap: 15px;
}

.product-thumb {
    width: 45px;
    height: 45px;
    border-radius: 8px;
    overflow: hidden;
    background: #000;
    border: 1px solid rgba(255,255,255,0.1);
}

.product-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-details {
    display: flex;
    flex-direction: column;
}

.product-name {
    font-weight: 600;
    font-size: 15px;
    color: #fff;
}

.product-cat {
    font-size: 11px;
    color: #888;
    text-transform: uppercase;
}

/* Other Cells */
.price-cell {
    font-family: 'Oswald', sans-serif;
    font-size: 16px !important;
    color: #e70657 !important; /* Theme highlight color */
    letter-spacing: 0.5px;
}

.date-cell {
    font-size: 13px !important;
    color: #888 !important;
}

.date-cell small {
    display: block;
    font-size: 11px;
    color: #555;
    margin-top: 2px;
}

/* Purchase action button (Kullan / Tekrar Dene) */
.purchase-action-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 7px 14px;
    border-radius: 999px;
    border: 1px solid rgba(231, 6, 87, 0.35);
    background: linear-gradient(135deg, rgba(231, 6, 87, 0.18), rgba(255,255,255,0.03));
    color: rgba(255,255,255,0.92);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    cursor: pointer;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease, opacity .15s ease;
    user-select: none;
    text-decoration: none !important;
    white-space: nowrap;
}

.purchase-action-btn:hover{
    transform: translateY(-1px);
    border-color: rgba(231, 6, 87, 0.6);
    background: linear-gradient(135deg, rgba(231, 6, 87, 0.28), rgba(255,255,255,0.05));
    box-shadow: 0 10px 26px rgba(231, 6, 87, 0.18);
    color: #fff;
}

.purchase-action-btn:disabled,
.purchase-action-btn[disabled]{
    opacity: 0.55;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Gift/Use choice modal */
.purchase-gift-modal{
    width: min(520px, 92vw) !important;
    max-width: 520px !important;
}
.purchase-gift-actions{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}
@media (max-width: 480px){
    .purchase-gift-actions{
        grid-template-columns: 1fr;
    }
}
.purchase-gift-modal .purchase-action-btn{
    width: 100%;
}

.purchase-cancel-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    margin-left: 10px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(255,255,255,0.03);
    color: rgba(255,255,255,0.78);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .15s ease;
    white-space: nowrap;
}
.purchase-cancel-btn:hover{
    border-color: rgba(231, 6, 87, 0.45);
    background: rgba(231, 6, 87, 0.14);
    color: #fff;
}
.purchase-cancel-btn:disabled,
.purchase-cancel-btn[disabled]{
    opacity: 0.55;
    cursor: not-allowed;
}

/* Daily rewards page */
.daily-rewards-section{
    padding: 80px 0 90px;
}
.daily-rewards-header{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 22px;
}
.daily-rewards-header h3{
    margin: 0;
    color: #fff;
    font-weight: 800;
    letter-spacing: 0.4px;
}
.daily-rewards-sub{
    color: rgba(255,255,255,0.6);
    font-size: 13px;
}
.daily-rewards-grid{
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
}
@media (max-width: 1100px){
    .daily-rewards-grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 900px){
    .daily-rewards-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 640px){
    .daily-rewards-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.daily-rewards-loading{
    color: rgba(255,255,255,0.7);
    font-size: 14px;
    padding: 18px 6px;
}

/* Daily rewards: skeleton loader */
.dr-skel {
    position: relative;
    border-radius: 10px;
    background: rgba(255,255,255,0.06);
    overflow: hidden;
}
.dr-skel:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.09), transparent);
    transform: translateX(-100%);
    animation: marketSkelShimmer 1.3s ease-in-out infinite;
}
.dr-skeleton {
    pointer-events: none;
    cursor: default;
    border-color: rgba(255,255,255,0.05) !important;
}
.dr-skeleton .dr-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px;
    background: rgba(255,255,255,0.03);
    border-bottom: 1px solid rgba(255,255,255,0.06);
}
.dr-skeleton .skel-day  { height: 12px; width: 40px; border-radius: 999px; }
.dr-skeleton .skel-badge { height: 20px; width: 52px; border-radius: 999px; }
.dr-skeleton .dr-img    { height: 120px; background: rgba(0,0,0,0.25); }
.dr-skeleton .skel-img  { width: 100%; height: 100%; border-radius: 0; }
.dr-skeleton .dr-body   { padding: 12px 12px 14px; }
.dr-skeleton .skel-title { height: 13px; width: 75%; border-radius: 999px; margin-bottom: 8px; }
.dr-skeleton .skel-title2 { height: 13px; width: 55%; border-radius: 999px; margin-bottom: 14px; opacity: .7; }
.dr-skeleton .skel-btn  { height: 38px; width: 100%; border-radius: 12px; }
.daily-reward-card{
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,0.08);
    background: linear-gradient(145deg, rgba(20,20,25,0.7), rgba(10,10,15,0.88));
    box-shadow: 0 18px 50px rgba(0,0,0,0.35);
    overflow: hidden;
    transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease, opacity .15s ease;
}
.daily-reward-card:hover{
    transform: translateY(-2px);
    border-color: rgba(231,6,87,0.35);
    box-shadow: 0 20px 60px rgba(0,0,0,0.45);
}
.daily-reward-card.is-inactive{
    opacity: 0.55;
}
.daily-reward-card .dr-top{
    padding: 10px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(255,255,255,0.03);
    border-bottom: 1px solid rgba(255,255,255,0.06);
}
.daily-reward-card .dr-day{
    color: rgba(255,255,255,0.85);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.3px;
}
.daily-reward-card .dr-day b{
    color: #e70657;
}
.daily-reward-card .dr-img{
    height: 120px;
    background: rgba(0,0,0,0.25);
    display: flex;
    align-items: center;
    justify-content: center;
}
.daily-reward-card .dr-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.daily-reward-card .dr-noimg{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255,255,255,0.55);
    font-size: 34px;
}
.daily-reward-card .dr-body{
    padding: 12px 12px 14px;
}
.daily-reward-card .dr-title{
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.2px;
    line-height: 1.25;
    min-height: 34px;
}
.daily-reward-card .dr-text{
    margin-top: 6px;
    color: rgba(255,255,255,0.62);
    font-size: 12px;
    line-height: 1.35;
    min-height: 32px;
}

.daily-reward-card .dr-badge{
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .5px;
    padding: 5px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,0.10);
    color: rgba(255,255,255,0.85);
    background: rgba(255,255,255,0.04);
}
.daily-reward-card .dr-badge-available{
    border-color: rgba(231,6,87,0.35);
    color: #fff;
    background: rgba(231,6,87,0.12);
}
.daily-reward-card .dr-badge-claimed{
    border-color: rgba(46, 204, 113, 0.35);
    color: #bff6d6;
    background: rgba(46, 204, 113, 0.12);
}
.daily-reward-card .dr-badge-locked{
    border-color: rgba(255,255,255,0.12);
    color: rgba(255,255,255,0.65);
    background: rgba(255,255,255,0.03);
}
.daily-reward-card .dr-badge-inactive{
    border-color: rgba(231, 76, 60, 0.35);
    color: rgba(255,255,255,0.8);
    background: rgba(231, 76, 60, 0.10);
}
.daily-reward-card .dr-actions{
    margin-top: 10px;
}
.daily-reward-card .dr-meta{
    margin-top: 8px;
    color: rgba(255,255,255,0.60);
    font-size: 12px;
    line-height: 1.25;
}
.daily-reward-card .dr-meta b{
    color: rgba(255,255,255,0.92);
}
.daily-reward-card .dr-use-btn{
    width: 100%;
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid rgba(231,6,87,0.35);
    background: linear-gradient(180deg, rgba(231,6,87,0.25), rgba(231,6,87,0.12));
    color: #fff;
    font-weight: 800;
    font-size: 12px;
    letter-spacing: .4px;
    transition: transform .12s ease, border-color .12s ease, background .12s ease, opacity .12s ease;
}
.daily-reward-card .dr-use-btn:hover{
    transform: translateY(-1px);
    border-color: rgba(231,6,87,0.55);
    background: linear-gradient(180deg, rgba(231,6,87,0.34), rgba(231,6,87,0.14));
}
.daily-reward-card .dr-use-btn.is-disabled{
    opacity: 0.55;
    cursor: not-allowed;
    border-color: rgba(255,255,255,0.18);
    background: rgba(255,255,255,0.06);
}
.daily-reward-card .dr-static-time{
    font-variant-numeric: tabular-nums;
    letter-spacing: .6px;
}

/* Status Badges */
.status-badge {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 30px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: 1px solid transparent;
}

.status-completed {
    background: rgba(46, 204, 113, 0.15);
    color: #2ecc71;
    border-color: rgba(46, 204, 113, 0.3);
    box-shadow: 0 0 10px rgba(46, 204, 113, 0.1);
}

.status-pending {
    background: rgba(241, 196, 15, 0.15);
    color: #f1c40f;
    border-color: rgba(241, 196, 15, 0.3);
    box-shadow: 0 0 10px rgba(241, 196, 15, 0.1);
}

.status-cancelled {
    background: rgba(231, 76, 60, 0.15);
    color: #e74c3c;
    border-color: rgba(231, 76, 60, 0.3);
}

/* Custom Scrollbar for Modal */
.custom-scroll::-webkit-scrollbar {
    width: 6px;
}
.custom-scroll::-webkit-scrollbar-track {
    background: rgba(0,0,0,0.2);
    border-radius: 4px;
}
.custom-scroll::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.2);
    border-radius: 4px;
}
.custom-scroll::-webkit-scrollbar-thumb:hover {
    background: rgba(255,255,255,0.4);
}

/* FiveM nav is public. */
.nav-fivem{display:list-item !important;}

/* ================================
   FiveM Leaderboards (fivem.php)
================================ */
.fivem-leaderboards .sec-title .text strong { color: rgba(255,255,255,.9); }

.page-banner.fivem-banner-wide .auto-container{
	max-width: 1500px;
}
@media (max-width: 1199.98px){
	.page-banner.fivem-banner-wide .auto-container{
		max-width: 1200px;
	}
}

/* Main Raffle Card (Ana çekiliş) - FiveM */
.main-raffle-card{
	position:relative;
	background:rgba(18,22,35,.72);
	border:1px solid rgba(255,255,255,.08);
	border-radius:18px;
	overflow:hidden;
	box-shadow:0 20px 60px rgba(0,0,0,.45);
	backdrop-filter: blur(10px);
}
.main-raffle-card .mrc-glow{
	position:absolute;
	inset:-2px;
	background: radial-gradient(900px 260px at 70% 0%, rgba(231,6,87,.22), transparent 60%),
				radial-gradient(900px 260px at 30% 30%, rgba(155,81,224,.18), transparent 70%);
	pointer-events:none;
}
.main-raffle-card:before{
	content:'';
	position:absolute;
	inset:0;
	background: linear-gradient(135deg, rgba(255,255,255,.08), transparent 35%);
	opacity:.55;
	pointer-events:none;
}
.main-raffle-card .mrc-head{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:16px 16px 12px;
	border-bottom:1px solid rgba(255,255,255,.08);
}
.main-raffle-card .mrc-title{
	color:#fff;
	font-weight:900;
	letter-spacing:.2px;
}
.main-raffle-card .mrc-badge{
	height:26px;
	padding:0 10px;
	border-radius:999px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	font-size:12px;
	font-weight:800;
	letter-spacing:.2px;
	background:rgba(255,255,255,.08);
	border:1px solid rgba(255,255,255,.12);
	color:rgba(255,255,255,.85);
}
.main-raffle-card .mrc-badge.is-live{
	background:rgba(46,204,113,.14);
	border-color:rgba(46,204,113,.22);
	color:#bff5d6;
}
.main-raffle-card .mrc-badge.is-ended{
	background:rgba(231,76,60,.14);
	border-color:rgba(231,76,60,.22);
	color:#ffd1cc;
}
.main-raffle-card .mrc-badge.is-soon{
	background:rgba(241,196,15,.14);
	border-color:rgba(241,196,15,.22);
	color:#ffe7a8;
}
.main-raffle-card .mrc-body{
	position:relative;
	padding:14px 16px 16px;
}
.main-raffle-card .mrc-name{
	color:#fff;
	font-weight:950;
	font-size:16px;
	line-height:1.2;
	margin-bottom:10px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.main-raffle-card .mrc-media{
	height:150px;
	border-radius:16px;
	overflow:hidden;
	background:rgba(255,255,255,.04);
	border:1px solid rgba(255,255,255,.10);
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
}
.main-raffle-card .mrc-media .mrc-media-meta{
	position:absolute;
	left:10px;
	right:10px;
	bottom:8px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	z-index:3;
}
.main-raffle-card .mrc-media:after{
	content:'';
	position:absolute;
	inset:0;
	background:linear-gradient(120deg, rgba(231,6,87,.16), transparent 55%);
	opacity:.55;
	pointer-events:none;
}
.main-raffle-card .mrc-media img{
	width:100%;
	height:100%;
	object-fit:cover;
	transform:scale(1.02);
	transition:transform .28s ease;
}
.main-raffle-card:hover .mrc-media img{
	transform:scale(1.07);
}
.main-raffle-card .mrc-media i{
	color:rgba(255,255,255,.60);
	font-size:26px;
}
.main-raffle-card .mrc-meta{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:10px;
	margin-top:12px;
}
.main-raffle-card .mrc-countdown{
	font-weight:950;
	font-size:18px;
	letter-spacing:.6px;
	color:#fff;
	text-shadow:0 16px 40px rgba(0,0,0,.45);
}
.main-raffle-card .mrc-sub{
	color:rgba(255,255,255,.88);
	font-size:12px;
	line-height:1.2;
	text-align:right;
	max-width:68%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	text-shadow:0 6px 24px rgba(0,0,0,.55);
}
.main-raffle-card .mrc-join{
	width:100%;
	margin-top:12px;
	border-radius:14px;
	padding:14px 18px;
	font-weight:900;
	letter-spacing:.2px;
	background:linear-gradient(135deg, rgba(231,6,87,.92), rgba(155,81,224,.58));
	border:1px solid rgba(255,255,255,.10);
	box-shadow:0 18px 40px rgba(231,6,87,.18);
	transition: transform .18s ease, filter .18s ease, opacity .18s ease, box-shadow .18s ease;
	box-sizing:border-box;
}
.main-raffle-card .mrc-join.btn-style-one:before,
.main-raffle-card .mrc-join.btn-style-one:after{
	display:none !important;
}
.main-raffle-card .mrc-join:hover{ transform: translateY(-1px); filter: brightness(1.03); }
.main-raffle-card .mrc-join.disabled{
	opacity:1;
	pointer-events:none;
	background:linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
	border:1px solid rgba(255,255,255,.14);
	box-shadow:none;
	color:rgba(255,255,255,.72);
	letter-spacing:.55px;
	text-transform:uppercase;
}
.main-raffle-card .mrc-join.is-joined{
	background:linear-gradient(135deg, rgba(46,204,113,.90), rgba(0,208,255,.35));
	box-shadow:0 18px 40px rgba(46,204,113,.16);
}
.main-raffle-card .mrc-foot{
	margin-top:10px;
	color:rgba(255,255,255,.70);
	font-size:12px;
	min-height:16px;
}
.main-raffle-card.is-active{
	animation: mrcFloat 3.6s ease-in-out infinite;
}
@keyframes mrcFloat{
	0%,100%{ transform: translateY(0); }
	50%{ transform: translateY(-4px); }
}

.lb-card{
    position:relative;
    background:rgba(18,22,35,.72);
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    overflow:hidden;
    min-height:300px;
    box-shadow:0 18px 50px rgba(0,0,0,.35);
    backdrop-filter: blur(10px);
    display:flex;
    flex-direction:column;
}
.lb-card:before{
    content:'';
    position:absolute;
    inset:0;
    background:radial-gradient(800px 380px at 20% 0%, rgba(231,6,87,.18), transparent 60%),
               radial-gradient(800px 380px at 80% 20%, rgba(155,81,224,.16), transparent 65%);
    pointer-events:none;
}
.lb-card > *{ position:relative; }
.lb-card-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:18px 18px 10px;
    border-bottom:1px solid rgba(255,255,255,.06);
    position:relative;
}
.lb-card-title{
    display:flex;
    align-items:center;
    gap:10px;
    font-weight:700;
    letter-spacing:.3px;
    color:#fff;
}
.lb-ico{
    width:34px;
    height:34px;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(231,6,87,.16);
    border:1px solid rgba(231,6,87,.25);
}
.lb-page-size{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    color:rgba(255,255,255,.70);
    font-size:13px;
    margin:0;
}
.lb-page-size select{
    background:#0f1422;
    color:#fff;
    border:1px solid rgba(255,255,255,.12);
    border-radius:12px;
    padding:6px 10px;
    outline:none;
}
.lb-subhead{
    padding:10px 18px 0;
    color:rgba(255,255,255,.58);
    font-size:12px;
}
.lb-subhead strong{ color:rgba(255,255,255,.9); }

/* Weekly leaderboard: week-start label centered in the header */
#weekly .lb-weekstart{
    position:absolute;
    left:50%;
    top:18px;
    transform:translateX(-50%);
    font-size:12px;
    color:rgba(255,255,255,.78);
    background:rgba(15,20,34,.55);
    border:1px solid rgba(255,255,255,.10);
    border-radius:999px;
    padding:6px 10px;
    line-height:1;
    max-width:42%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    pointer-events:none;
}
#weekly .lb-weekstart strong{ color:rgba(255,255,255,.95); }
@media (max-width: 767.98px){
    #weekly .lb-weekstart{
        position:static;
        transform:none;
        max-width:none;
        margin:10px 18px 0;
        display:inline-flex;
        align-self:flex-start;
        pointer-events:auto;
    }
}

.lb-table-wrap{ padding:8px 12px 0; flex:1 1 auto; min-height:0; }
.lb-table{
    width:100%;
    border-collapse:collapse;
    color:rgba(255,255,255,.85);
}
.lb-table thead th{
    font-size:12px;
    font-weight:700;
    letter-spacing:.3px;
    color:rgba(255,255,255,.65);
    padding:12px 12px;
    text-transform:uppercase;
}
.lb-table tbody td{
    padding:12px 12px;
    border-top:1px solid rgba(255,255,255,.06);
}
.lb-table tbody td:first-child{
    white-space:nowrap;
    text-align:left;
}
.lb-table thead th:first-child{
    text-align:left;
}
.lb-player{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
}
.lb-avatar{
    display:inline-flex;
    width:34px;
    height:34px;
    border-radius:12px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.04);
    margin:0;
    vertical-align:middle;
    align-items:center;
    justify-content:center;
    box-shadow:0 12px 24px rgba(0,0,0,.18);
}
.lb-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.lb-avatar-fallback{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:950;
    color:#fff;
    background:linear-gradient(135deg, rgba(231,6,87,.75), rgba(155,81,224,.35));
    font-size:14px;
}
.lb-name{
    flex:1 1 auto;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    vertical-align:middle;
    white-space:nowrap;
}
.lb-discord-block{
    flex:0 0 auto;
    margin-left:14px;
    min-width:140px;
    max-width:42%;
    padding-left:14px;
    border-left:1px solid rgba(255,255,255,.10);
}
.lb-discord-label{
    font-size:11px;
    letter-spacing:.8px;
    font-weight:950;
    color:rgba(255,255,255,.55);
    line-height:1.1;
    margin-bottom:4px;
    text-transform:uppercase;
}
.lb-discord-name{
    display:inline-block;
    max-width:100%;
    padding:6px 10px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(15,20,34,.45);
    color:rgba(255,255,255,.82);
    font-size:12px;
    line-height:1;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.lb-discord-name.is-empty{
    opacity:.6;
    border-style:dashed;
}
.lb-table thead th:nth-child(2),
.lb-table tbody td.lb-discord-col{
    text-align:left;
}
.lb-table tbody td.lb-discord-col{
    white-space:nowrap;
}
.lb-table tbody td.lb-discord-col .lb-discord-name{
    max-width:220px;
}
.lb-table tbody tr:hover{
    background:rgba(255,255,255,.03);
}
.lb-empty{
    padding:18px 12px;
    color:rgba(255,255,255,.55);
    text-align:center;
}
.lb-rank{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:42px;
    height:26px;
    padding:0 10px;
    margin-right:10px;
    border-radius:999px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.08);
    color:rgba(255,255,255,.75);
    font-size:12px;
    font-weight:700;
}
.lb-table tbody tr.is-top .lb-rank{
    background:rgba(231,6,87,.14);
    border-color:rgba(231,6,87,.26);
    color:#fff;
}
.lb-table tbody tr.is-week-top .lb-rank{
    background:rgba(155,81,224,.14);
    border-color:rgba(155,81,224,.26);
}

.lb-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
    padding:14px 18px 18px;
    border-top:1px solid rgba(255,255,255,.06);
    margin-top:auto;
}
.lb-meta{
    color:rgba(255,255,255,.55);
    font-size:12px;
}
.lb-pagination{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}
.lb-page-btn,
.lb-page-num{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:34px;
    padding:0 12px;
    border-radius:999px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.08);
    color:rgba(255,255,255,.78);
    text-decoration:none;
    font-size:13px;
}
.lb-page-num{
    width:34px;
    padding:0;
}
.lb-page-num.is-active{
    background:rgba(231,6,87,.85);
    border-color:rgba(231,6,87,.9);
    color:#fff;
    box-shadow:0 10px 25px rgba(231,6,87,.22);
}
.lb-page-btn:hover,
.lb-page-num:hover{
    color:#fff;
    border-color:rgba(255,255,255,.20);
}
.lb-page-btn.is-disabled{
    opacity:.45;
    pointer-events:none;
}
.lb-page-ellipsis{
    color:rgba(255,255,255,.55);
    padding:0 4px;
}

.lb-prizes{
    background:rgba(18,22,35,.55);
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    padding:16px 14px;
    margin-top:0;
}
.lb-prizes-title{
    color:#fff;
    font-weight:800;
    letter-spacing:.2px;
    margin-bottom:12px;
    padding:0 4px;
}
.lb-prize-card{
    position:relative;
    display:flex;
    align-items:stretch;
    gap:10px;
    padding:12px 12px;
    border-radius:16px;
    background:
        radial-gradient(420px 120px at 10% 0%, rgba(231,6,87,.16), transparent 60%),
        radial-gradient(420px 120px at 90% 30%, rgba(155,81,224,.12), transparent 65%),
        rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    margin-bottom:10px;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
    overflow:hidden;
}
.lb-prize-card:hover{
    transform: translateY(-2px);
    border-color: rgba(231,6,87,.22);
    box-shadow: 0 18px 45px rgba(0,0,0,.35), 0 0 0 1px rgba(231,6,87,.08) inset;
}
.lb-prize-card:after{
    content:'';
    position:absolute;
    inset:-1px;
    border-radius:16px;
    pointer-events:none;
    opacity:.0;
    background: linear-gradient(135deg, rgba(231,6,87,.35), rgba(155,81,224,.25), rgba(0,208,255,.18));
    filter: blur(10px);
    transition: opacity .18s ease;
}
.lb-prize-card:hover:after{ opacity:.45; }

.lb-prize-rank{
    position:relative;
    width:40px;
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    color:#fff;
    background: linear-gradient(145deg, rgba(231,6,87,.45), rgba(155,81,224,.20));
    border:1px solid rgba(255,255,255,.14);
    box-shadow: 0 12px 28px rgba(0,0,0,.35), 0 0 0 1px rgba(231,6,87,.10) inset;
    animation: lbPrizePulse 3.2s ease-in-out infinite;
}
.lb-prize-rank:before{
    content:'';
    position:absolute;
    inset:-8px;
    border-radius:999px;
    background: radial-gradient(circle at 40% 30%, rgba(231,6,87,.25), transparent 60%);
    filter: blur(10px);
    opacity:.55;
    pointer-events:none;
}
.lb-prize-rank span{
    position:relative;
    font-weight:950;
    font-size:14px;
    line-height:1;
    letter-spacing:.2px;
}
.lb-prize-rank span:after{
    content:'.';
    opacity:.8;
    margin-left:1px;
}
.lb-prizes .lb-prize-card:nth-of-type(2) .lb-prize-rank{
    background: linear-gradient(145deg, rgba(155,81,224,.42), rgba(0,208,255,.12));
    box-shadow: 0 12px 28px rgba(0,0,0,.35), 0 0 0 1px rgba(155,81,224,.10) inset;
    animation-duration: 3.5s;
}
.lb-prizes .lb-prize-card:nth-of-type(3) .lb-prize-rank{
    background: linear-gradient(145deg, rgba(0,208,255,.20), rgba(255,255,255,.08));
    box-shadow: 0 12px 28px rgba(0,0,0,.35), 0 0 0 1px rgba(0,208,255,.08) inset;
    animation-duration: 3.8s;
}

.lb-prize-content{
    min-width:0;
    flex:1 1 auto;
    display:flex;
    flex-direction:column;
    gap:8px;
}

.lb-prize-name{
    color:#fff;
    font-weight:900;
    font-size:14px;
    letter-spacing:.2px;
    line-height:1.18;
    white-space:normal;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow-wrap:anywhere;
    word-break:break-word;
    text-shadow: 0 10px 26px rgba(0,0,0,.35);
    padding-right:6px;
}

.lb-prize-media{
    width:100%;
    height:60px;
    border-radius:14px;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(0,0,0,.20);
    border:1px solid rgba(255,255,255,.08);
    position:relative;
}
.lb-prize-media:before{
    content:'';
    position:absolute;
    inset:0;
    background: linear-gradient(120deg, rgba(231,6,87,.12), transparent 55%);
    opacity:.65;
    pointer-events:none;
}
.lb-prize-media img{
    width:100%;
    height:100%;
    object-fit:cover;
    transform: scale(1.02);
    transition: transform .22s ease;
}
.lb-prize-card:hover .lb-prize-media img{
    transform: scale(1.06);
}
.lb-prize-media i{
    color:rgba(255,255,255,.60);
    font-size:20px;
}

.lb-prize-sub{
    color:rgba(255,255,255,.65);
    font-size:12px;
    font-weight:700;
    letter-spacing:.2px;
    line-height:1.1;
}
.lb-prize-sub:empty{ display:none; }

.lb-prizes .lb-prize-card{
    animation: lbPrizeIn .42s ease both;
}
.lb-prizes .lb-prize-card:nth-of-type(1){ animation-delay: .04s; }
.lb-prizes .lb-prize-card:nth-of-type(2){ animation-delay: .10s; }
.lb-prizes .lb-prize-card:nth-of-type(3){ animation-delay: .16s; }

@keyframes lbPrizeIn{
    from{ opacity:0; transform: translateY(10px); }
    to{ opacity:1; transform: translateY(0); }
}
@keyframes lbPrizePulse{
    0%,100%{ transform: translateZ(0) scale(1); }
    50%{ transform: translateZ(0) scale(1.04); }
}

@media (max-width: 991.98px){
    .lb-prizes{ margin-top:15px; }
}

/* FiveM leaderboard layout helpers */
.fivem-right-stack{
    display:flex;
    flex-direction:column;
    gap:16px;
    height:100%;
}
.fivem-leaderboards #alltime .lb-card,
.fivem-leaderboards #weekly .lb-card{
    width:100%;
    margin:0;
    height:100%;
}
.fivem-layout{
    display:grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap:18px;
    align-items:stretch;
    margin-left:0;
    margin-right:0;
}
.fivem-layout > [class*="col-"]{
    min-width:0;
    display:flex;
    flex-direction:column;
    padding-left:0;
    padding-right:0;
    width:auto;
    max-width:none;
    flex:initial !important;
}
.fivem-layout > [class*="col-"] > .lb-card{
    flex:1 1 auto;
}
.fivem-layout .lb-card-head{
    flex-wrap:wrap;
}
.fivem-layout .lb-card-title{
    flex:1 1 auto;
    min-width:180px;
}
.fivem-layout .lb-page-size{
    margin-left:auto;
    justify-content:flex-end;
}

@media (max-width: 991.98px){
    .fivem-layout{
        grid-template-columns: 1fr;
    }
}

@media (min-width: 768px) and (max-width: 991.98px){
    .fivem-layout{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .fivem-layout > [class*="col-"]:nth-child(3){
        grid-column: 1 / -1;
    }
}

/* FiveM triple row (custom grid to guarantee 3 cards side-by-side) */
.fivem-triple-grid{
    display:grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap:18px;
    align-items:stretch;
}
.fivem-triple-cell{
    min-width:0;
    display:flex;
    flex-direction:column;
}
.fivem-triple-cell > .lb-card{
    flex:1 1 auto;
}
@media (min-width: 768px){
    /* Keep all 3 cards the same height (clean grid) */
    .fivem-triple-grid .lb-card{
        height:360px !important;
    }
    /* Make lists scroll instead of growing */
    .fivem-triple-grid .lb-table-wrap{
        overflow:auto;
    }
    .fivem-combo-weekly{
        overflow:auto;
    }
}
@media (max-width: 767.98px){
    .fivem-triple-grid{
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1199.98px){
    .fivem-triple-grid{ gap:16px; }
}
@media (max-width: 991.98px){
    .fivem-right-stack{ margin-top:16px; }
}

/* FiveM: Horizontal raffle + weekly prizes strip (under title) */
.fivem-raffle-strip{
    position:relative;
}
.fivem-raffle-grid{
    display:grid;
	grid-template-columns: 1.4fr repeat(3, minmax(0, 1fr));
    gap:18px;
    align-items:stretch;
}
.fivem-raffle-item{ min-width:0; }

/* Main raffle compact card for strip */
.fivem-raffle-grid #mainRaffleCard.main-raffle-mini{
	height:320px;
	min-height:320px;
    overflow:hidden;
}
.fivem-raffle-grid #mainRaffleCard.main-raffle-mini .mrc-head{
	padding:15px 15px 10px;
}
.fivem-raffle-grid #mainRaffleCard.main-raffle-mini .mrc-body{
    display:flex;
    flex-direction:column;
    min-height:0;
	padding:12px 12px 16px;
}
.fivem-raffle-grid #mainRaffleCard.main-raffle-mini .mrc-media{
	height:150px;
    border-radius:14px;
}
.fivem-raffle-grid #mainRaffleCard.main-raffle-mini .mrc-countdown{
	font-size:18px;
    letter-spacing:.4px;
}
.fivem-raffle-grid #mainRaffleCard.main-raffle-mini .mrc-sub{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.fivem-raffle-grid #mainRaffleCard.main-raffle-mini .mrc-sub.is-winner{
    display:block !important;
    color:#fff;
    font-size:11px;
    font-weight:700;
    text-shadow:0 2px 10px rgba(0,0,0,.7);
}
.fivem-raffle-grid #mainRaffleCard.main-raffle-mini .mrc-join{
	margin-top:12px;
	padding:11px 13px;
    border-radius:14px;
}
.fivem-raffle-grid #mainRaffleCard.main-raffle-mini .mrc-foot{
	display:none;
}

/* Weekly prize tiles */
.fivem-prize-tile{
    height:240px;
    min-height:240px;
    background:rgba(18,22,35,.72);
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    box-shadow:0 18px 50px rgba(0,0,0,.35);
    backdrop-filter: blur(10px);
    overflow:hidden;
    display:flex;
    flex-direction:column;
    padding:14px 14px 14px;
    position:relative;
}
.fivem-prize-tile:before{
    content:'';
    position:absolute;
    inset:0;
    background:radial-gradient(520px 240px at 25% 0%, rgba(231,6,87,.16), transparent 60%),
               radial-gradient(520px 240px at 80% 20%, rgba(155,81,224,.14), transparent 65%);
    pointer-events:none;
}
.fivem-prize-tile > *{ position:relative; }
.fpt-content{
    display:flex;
    flex-direction:column;
    height:100%;
}
.fpt-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:8px;
}
.fpt-rank{
    width:34px;
    height:34px;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(231,6,87,.16);
    border:1px solid rgba(231,6,87,.25);
    color:#fff;
    font-weight:900;
}
.fpt-title{
    color:rgba(255,255,255,.75);
    font-weight:800;
    font-size:12px;
    letter-spacing:.2px;
}
.fpt-media{
    flex:0 0 110px;
    height:110px;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.03);
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    margin-bottom:10px;
}
.fpt-media img{
    width:100%;
    height:100%;
    object-fit:cover;
    transform:scale(1.02);
}
.fpt-media i{
    font-size:22px;
    color:rgba(255,255,255,.65);
}
.fpt-name{
    font-weight:900;
    color:#fff;
    font-size:13px;
    line-height:1.25;
    text-align:center;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    padding:0 2px;
}
.fpt-qty{
    margin-top:6px;
    font-size:12px;
    color:rgba(255,255,255,.65);
    text-align:center;
    min-height:16px;
}
.fpt-qty.is-muted{ color:rgba(255,255,255,.55); }
.fpt-winner-overlay{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding:5px 8px;
    font-size:10.5px;
    font-weight:600;
    color:#fff;
    background:linear-gradient(transparent, rgba(0,0,0,.72));
    border-radius:0 0 16px 16px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    text-shadow:0 1px 6px rgba(0,0,0,.8);
    letter-spacing:.1px;
}
.fivem-prize-tile.is-inactive .fpt-content{
    filter: blur(2px);
    opacity: .45;
    transform: scale(.99);
}
.fpt-inactive-text{
    position:absolute;
    inset:0;
    display:none;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:14px;
    color:#fff;
    font-weight:900;
    font-size:15px;
    letter-spacing:.3px;
    text-transform:none;
    text-shadow:0 4px 24px rgba(0,0,0,.6);
}
.fivem-prize-tile.is-inactive .fpt-inactive-text{
    display:flex;
}

@media (max-width: 1199.98px){
    .fivem-raffle-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 575.98px){
    .fivem-raffle-grid{
        grid-template-columns: 1fr;
    }
    .fivem-raffle-grid #mainRaffleCard.main-raffle-mini,
    .fivem-prize-tile{
        height:auto;
        min-height:0;
    }
    .fivem-raffle-grid #mainRaffleCard.main-raffle-mini .mrc-media{ height:150px; }
    .fpt-media{ height:160px; flex:0 0 auto; }
    .fpt-name{ white-space:normal; }
}

/* FiveM right column: weekly prizes + mini main raffle side-by-side */
.fivem-combo-card{
    padding:0;
    height:360px !important;
}
.fivem-combo-body{
    display:flex;
    align-items:stretch;
    gap:14px;
    padding:14px 14px 16px;
    flex-direction:column;
    flex:1 1 auto;
    min-height:0;
    overflow:hidden;
}
.fivem-combo-weekly{
    flex:1 1 auto;
    min-width:0;
    min-height:0;
    overflow:auto;
    padding-right:2px;
}
.fivem-combo-main{
    flex:0 0 auto;
    width:100%;
    max-width:none;
    min-width:0;
}
.fivem-combo-subtitle{
    color:rgba(255,255,255,.78);
    font-weight:900;
    letter-spacing:.2px;
    margin:2px 0 10px;
    font-size:13px;
}
.fivem-combo-weekly .lb-prize-card:last-child{
    margin-bottom:0;
}
.fivem-combo-weekly .lb-prize-card{
    margin-bottom:10px;
}
.main-raffle-card.main-raffle-mini{
    width:100%;
    max-width:none;
    flex:0 0 auto;
}
.main-raffle-card.main-raffle-mini .mrc-body{
    padding:10px 10px 10px;
}
.main-raffle-card.main-raffle-mini .mrc-name{
    display:none !important;
}
.main-raffle-card.main-raffle-mini .mrc-media{
    height:78px;
    border-radius:14px;
}
.main-raffle-card.main-raffle-mini .mrc-meta{
    margin-top:10px;
    align-items:center;
}
.main-raffle-card.main-raffle-mini .mrc-countdown{
    font-size:14px;
    letter-spacing:.4px;
}
.main-raffle-card.main-raffle-mini .mrc-sub{
    display:none;
}
.main-raffle-card.main-raffle-mini .mrc-join{
    padding:10px 12px;
    border-radius:14px;
    margin-top:8px;
}
.main-raffle-card.main-raffle-mini .mrc-foot{
    display:none;
}

@media (max-width: 991.98px){
    .fivem-combo-body{
        flex-direction:column;
    }
    .fivem-combo-main{
        width:100%;
        max-width:none;
        flex:0 0 auto;
    }
    .main-raffle-card.main-raffle-mini .mrc-media{ height:150px; }
}

/* Compact weekly prize visuals inside combo card (narrow column) */
.fivem-combo-card .lb-prize-card{
    padding:9px 9px;
    border-radius:14px;
    margin-bottom:8px;
}
.fivem-combo-card .lb-prize-rank{
    width:34px;
    flex:0 0 34px;
}
.fivem-combo-card .lb-prize-rank span{
    font-size:12px;
}
.fivem-combo-card .lb-prize-content{
    flex-direction:row;
    align-items:center;
    gap:10px;
}
.fivem-combo-card .lb-prize-name{
    flex:1 1 auto;
    min-width:0;
    font-size:13px;
    -webkit-line-clamp:2;
}
.fivem-combo-card .lb-prize-media{
    flex:0 0 72px;
    width:72px;
    height:40px;
    border-radius:12px;
    order:2;
}
.fivem-combo-card .lb-prize-media img{
    transform:none;
}
.fivem-combo-card .lb-prize-media i{
    font-size:16px;
}
.fivem-combo-card .lb-prize-sub{
    display:none;
}
.fivem-combo-card .lb-prize-name{
    text-align:left;
}

@media only screen and (max-width: 1023px){
	/* Mobile footer cleanup: hide social icons + contact meta line */
	.main-footer .footer-bottom .social-links,
	.main-footer .footer-bottom .default-social-links{
		display: none !important;
	}
	.main-footer .footer-bottom .column .social-links + div,
	.main-footer .footer-bottom .column > div[style*="margin-top:10px"][style*="display:flex"],
	.main-footer .footer-bottom .column > div[style*="padding-top:6px"][style*="display:flex"]{
		display: none !important;
	}

	/* Hide floating back-to-top button on mobile */
	.scroll-to-top{
		display: none !important;
	}
}