/*!
Theme Name: legion
Theme URI: http://jointhelegion.ro
Author: MIKEr
Author URI: http://media.nexus.gl/
Description: Description
Version: 1.5.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: legion
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

legion is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
	min-height: -webkit-fill-available;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: "Work Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	letter-spacing: 0.02em;
	font-style: normal;
	line-height: 1.2;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: var(--secondary-dark-color);
	font-family: "Work Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
	font-size: 16px;
    letter-spacing: 0;
}

body.noscroll {
    overflow:hidden;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

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

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #4169e1;
}

p {
	font-family: "Oxygen", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    line-height: 1.6;
    letter-spacing: 0em;
}


a:visited {
	color: #800080;
}

a:hover,
a:focus,
a:active {
	color: #191970;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"]
select,
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation li .sub-menu {
    display: flex;
    flex-direction: column;
    background: #1a1a25;
    border-radius: 10px;
    padding: 10px;
}

.main-navigation li a {
    padding: 5px 10px;
    font-family: var(--font-secondary);
}

.main-navigation li.current-menu-item a {
	color:var(--primary-color);
}
.main-navigation li.current-menu-item a:after{
	width: 100%;
}

.main-navigation li.current-menu-item a:hover {
	color:var(--primary-color);
}

.main-navigation a {
	display: block;
    color: #fff;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    position: relative;
    font-size: 16px;
    font-weight: 600;
}

.main-navigation .gnavstyle-red a:after {
    background:#de222d;
}


.main-navigation .gnavstyle-red a {
    color: #de222d;
    text-shadow: 0px 0px 24px #de222d;
}

.main-navigation .gnavstyle-red a:visited {
    color:#de222d;
}

.main-navigation a:after {
	content: "";
    position: absolute;
    width: 0;
    height: 2px;
    background: var(--primary-color);
    bottom: -7px;
    left: 0;
    transition: all 0.2s ease-in-out;
}

.main-navigation a:hover:after {
	width: 100%;
}


.main-navigation a:visited {
	color:#fff;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
		gap: 20px;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}


.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

.wp-block-image img {
	border-radius:var(--border-radius);
}
/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}


.main-header-content {
	max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 90px;
}

.site-branding img {
	display: block;
    max-width: 140px;
    height: 24px;
}

.mha {
	border:2px solid var(--primary-color);
}
.mha.account-sign-in {
	background:transparent;
	border:2px solid transparent;
}

.fgrid-content {
	max-width: 100%;
    margin: 0 auto;
	position: relative;
}


.lay {
	position: absolute;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100vh;
    top: 0;
    right: 0;
	opacity:0;
    z-index: 111;
    transition: all 0.2s ease-in-out;
	pointer-events: none;
}

.lay.show {
	opacity:1;
	pointer-events: inherit;
}

body.fixed {
	overflow: hidden;
}

.fgrid-post {
	height: 840px;
	width: 100%;
    overflow: hidden;
	position: relative;
}

.fgrid-post img {
	display: block;
    object-fit: cover;
    object-position: center;
    height: 840px;
    width: 100%;
}

.fgrid-grid {
	display:flex;
	flex-wrap: wrap;
	overflow: hidden;
}

.fgrid-meta {
    position: absolute;
	width: 50%;
    z-index: 110;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.fgrid-meta .title h1 {
	font-weight: 700;
    color: #fff;
    font-size: 4rem;
    line-height: 3.6rem;
	margin:0;	
}

.fgrid-meta .description {
	padding:20px 0;
}
.fgrid-meta .description p {
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0em;
    font-family: var(--font-secondary), sans-serif;
    color: var(--alphatext);
}

.jw-rerviews {
	background:var(--primary-dark-color);
}

.block__headline__more a {
	background: var(--primary-dark-dark);
    padding: 5px 20px;
    border-radius: 50px;
	font-size: 14px;
}

.fgrid-content-fixed {
    position: absolute;
    max-width: 1440px;
    width: 100%;
    display: block;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


.primary-button {
	font-size: 16px;
    background-color: #3e8cde;
    padding: 17px 50px;
    white-space: nowrap;
    color: #fff;
    text-decoration: none;
    border: 1px solid #3e8cde;
    width: fit-content;
    display: block;
    font-weight: 500;
	border-radius:var(--border-radius);
    transition: all 0.2s ease-in-out;
}

.primary-button.bgw {
    background:#de222d;
    border-color:#de222d;
}

.primary-button.bgw:hover {
    opacity:0.9;
    background:#ff434e;
    border-color:#ff434e;
}
.primary-button:hover {
    cursor: pointer;
    border-color:var(--primary-color-hover);
    background:var(--primary-color-hover);
}
.primary-button:visited {
    color:#fff;
}

.primary-button.btn-small {
	padding: 10px 20px;
    font-size: 16px;	
}

.jl-reviews .primary-button.btn-small {
	padding: 10px 15px;
    font-size: 14px;
	transition: all 0.2s ease-in-out;
}

.jl-reviews .primary-button.btn-small:hover {
	background:var(--primary-color-hover);
	border-color:var(--primary-color-hover);
}

.secondary-button {
	font-size: 17px;
    background-color: var(--primary-color);
    padding: 20px 50px;
    white-space: nowrap;
    color: var(--primary-color);
    text-decoration: none;
    width: fit-content;
    display: block;
}

.sprod-specs-content {
    padding:40px 0;
}
.follow-specs {
    padding:15px 40px;
    border:2px solid var(--primary-color);
    border-radius:var(--border-radius);
    background:transparent;
    color:var(--primary-color);
    backdrop-filter: blur(5px);
    text-decoration: none;
    transition: all .2s ease-in-out;
}

.follow-specs:hover {
    border-color:var(--primary-color-hover);
    background:var(--primary-color-hover);
    color:var(--primary-color);
}

.follow-specs:visited {
    color:var(--primary-color);
}


.cutter {
	clip-path: polygon(20% 0%, 80% 0%, 100% 0, 100% 80%, 100% 100%, 15% 100%, 0% 60%, 0 0);
	transition: all 0.2s ease-in-out;
}

.cutter:hover {
	clip-path: polygon(20% 0%, 80% 0%, 100% 0, 100% 80%, 100% 100%, 0% 100%, 0% 100%, 0 0);
}
.secondary-button.a {
	color:var(--primary-color);
}

.secondary-button.small {
	padding:10px 20px;
	font-size:15px;
}

.block a.secondary-button.small {
	color:#fff;
}


.block-post-meta {
	padding:0;
}

.bignews .block-title {
	text-align: center;
	padding: 0 0 50px 0;
}

.owl-news .icon-title {
	left: 10px;
    top: 5px;
}

.bignews .block-title h1 {
	padding:0;
	margin:0;
}

.meta-row {
	display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: 43px;
}

.owl-news .owl-item {
	background:#fff;
}
.content {
	width: 100%;
	margin:0 auto;

}

.content .block {
	max-width: 100%;
	margin:0 auto;
}

.content .block.type-full {
	max-width: 100%;
}

.block {
	color:#fff;
}

.block a {
	text-decoration: none;
	color:#fff;
	transition: all 0.2s ease-in-out;
}

.block .checkbox__body a:hover {
    text-decoration: underline;
}

.block .checkbox__body a {
    color:var(--primary-color);
}
.checkbox__body a:visited {
    color:var(--primary-color);
}

.block a:visited {
	color:#fff;
}
.at-center {
	text-align: center;
}

.at-center .primary-button {
	margin:50px auto;
}

.da-form__column {
	display: flex;
    gap: 20px;
    margin-bottom: 10px
}

.da-form {
	max-width: 500px;
	color: #fff;
}

.da-asterix-symbol {
	color:red;
}

label.text-sm {
	padding-bottom:3px;
	font-size: 14px;
}
.da-form__row {
	width: 100%;
	display:flex;
	flex-direction: column;
}

.da-form__row input,
.da-form__row select {
	padding: 10px;
    border: 0;
    outline: none;
    background: var(--primary-dark-color);
    color: #fff;
	box-shadow: 0 0 5px rgba(246, 8, 110,0);
    border: 1px solid rgba(246, 8, 110, 0);
    outline: none;
	border-radius:var(--border-radius);
}

input[type="submit"].btn-submit {
	background: var(--primary-color);
    color: #fff;
    font-weight: normal;
    outline: none;
    border: 0;
    padding: 20px;
	transition: all 0.2s ease-in-out;
	border-radius:10px;
}

input[type="submit"].btn-submit:hover {
	cursor:pointer;
	background:var(--primary-color-hover);
}

input[type=email]:focus,
input[type=password]:focus,
input[type=text]:focus{
    border: 1px solid var(--primary-color);
	outline: none;
}

.rowbody {
	width: 100%;
}


::placeholder {
	color:rgba(255,255,255,0.8);
	font-size:14px;
	font-family: "Montserrat", sans-serif;
}

select {
	color:rgba(255,255,255,0.8);
	font-size:14px;
	font-family: "Montserrat", sans-serif;
}

.password-strength-group {
	padding-bottom:20px;
}
.password-strength-group .password-strength-meter {
	width: 100%;
	transition: height 0.3s;
	display: flex;
	justify-content: stretch;
  }
  .password-strength-group .password-strength-meter .meter-block {
	height: 4px;
	background: #555565;
	margin-right: 6px;
	flex-grow: 1;
	border-radius: 5px;
  }
  .password-strength-group .password-strength-meter .meter-block:last-child {
	margin: 0;
  }
  .password-strength-group .password-strength-message {
	font-weight: 20px;
	height: 1em;
	text-align: right;
	transition: all 0.5s;
	margin-top: 3px;
	position: relative;
  }
  .password-strength-group .password-strength-message .message-item {
	font-size: 12px;
	position: absolute;
	right: 0;
	opacity: 0;
	transition: opacity 0.2s;
  }
  .password-strength-group[data-strength="1"] .meter-block:nth-child(-n+1) {
	background: #cc3d04;
  }
  .password-strength-group[data-strength="1"] .message-item:nth-child(1) {
	opacity: 1;
  }
  .password-strength-group[data-strength="2"] .meter-block:nth-child(-n+2) {
	background: #ffc43b;
  }
  .password-strength-group[data-strength="2"] .message-item:nth-child(2) {
	opacity: 1;
  }
  .password-strength-group[data-strength="3"] .meter-block:nth-child(-n+3) {
	background: #9ea60a;
  }
  .password-strength-group[data-strength="3"] .message-item:nth-child(3) {
	opacity: 1;
  }
  .password-strength-group[data-strength="4"] .meter-block:nth-child(-n+4) {
	background: #289116;
  }
  .password-strength-group[data-strength="4"] .message-item:nth-child(4) {
	opacity: 1;
  }


  input[type=checkbox]#terms,
  input[type=checkbox]#rememberme,
  input[type=checkbox]#no_email {
	position: relative;
	border: 2px solid var(--primary-color);
	border-radius: 0;
	background: none;
	cursor: pointer;
	line-height: 0;
	margin: 0.1em 0.6em 0 0;
	outline: 0;
	padding:6px;
	vertical-align: text-top;
	height: 15px;
	width: 15px;
	-webkit-appearance: none;
  	opacity: 1;
	border-radius:3px;
  }

  .da-form-checkbox-label:hover {
	cursor:pointer;
  }

  #regf input[name="user_username"] {
    text-transform: lowercase;
  }

  input[type=checkbox]#terms:hover,
  input[type=checkbox]#rememberme:hover,
  input[type=checkbox]#no_email:hover {
	opacity: 1;
  }
  
  input[type=checkbox]#terms:checked,
  input[type=checkbox]#rememberme:checked,
  input[type=checkbox]#no_email:checked {
	background-color: var(--primary-color);
	opacity: 1;
  }
  
  input[type=checkbox]#terms:before,
  input[type=checkbox]#rememberme:before,
  input[type=checkbox]#no_email:before {
	content: '';
	position: absolute;
	right: 50%;
	top: 50%;
	width: 5px;
	height: 10px;
	border: solid #FFF;
	border-width: 0 1px 1px 0;
	margin: -1px -1px 0 -1px;
	transform: rotate(45deg) translate(-50%, -50%);
	z-index: 2;
	opacity:0;
  }

  input[type=checkbox]#terms:checked:before,
  input[type=checkbox]#rememberme:checked:before,
  input[type=checkbox]#no_email:checked:before {
	opacity:1;
  }


  .da-form-checkbox-text {
	font-size: 14px;
    font-weight: normal;
  }

  select#user_city {
    border: 0;
    padding: 13px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
  }

  .show-pass-icon svg {
	display: block;
    width: 20px;
	height: 20px;
    fill: rgba(255, 255, 255, 0.3);
  }

  .show-pass-icon .show-pass-icon-on svg  {
	fill: rgba(255, 255, 255, 1);
  }
  .show-pass-icon:hover .show-pass-icon-off svg {
	fill: rgba(255, 255, 255, 1);
  }

  .show-pass-icon {
	position: absolute;
	right:10px;
	top:20px;
	z-index: 110;
  }

  .show-pass-icon-off {
	position: absolute;
	top:15px;
	right:3px;
	z-index: 104;
	opacity:1;
  }

  .show-pass-icon-off.hide {
	opacity:0;
  }

  .show-pass-icon-on {
	position: absolute;
	top:15px;
	right:3px;
	z-index: 105;
	opacity:0;
  }

  .show-pass-icon-on.show {
	opacity:1;
  }

  .show-pass-icon-off:hover > svg:hover,
  .show-pass-icon-on:hover > svg:hover{
	cursor: pointer;
  }

  .da-form__row {
	position: relative;
  }

  #terms-label-check,
  #no-email-label-check {
	display: flex;
    align-items: flex-start;
	padding: 20px 0;
    flex-direction: column;
  }

  .jl-verify {
    background: none;
    align-items: flex-start;
    z-index: 9999;
 }

 .jl-verify .legcon-form {
    backdrop-filter: none;
 }

 .page-template-verify-phone-number .mobile__navigation,
 .page-template-verify-phone-number .main-header,
 .page-template-verify-phone-number footer {
    display:none;
 }

 .jl-verify .code-inputs {
    padding:50px 0;
 }


  #terms-label-check a {
	color:var(--primary-color);
	text-decoration: none;
  }

  #terms-label-check a:hover {
	text-decoration: underline;
  }


  #terms-label-check a:visited {
	color:var(--primary-color);
  }

  .daform-fp-icon svg {
	display:block;
	max-width: 24px;
	fill:#fff;
  }

  .gs-mb20 {
	margin-bottom:20px;
  }

  .da-alternative-link {
	padding-top:20px;
	font-size:14px;
	text-align: center;
	font-weight: normal;
  }

  .block-general-descr {
	width: 60%;
	text-align: center;
	margin:0 auto;
	padding:20px 0;
  }

  .block-ycontent {
	max-width: 1440px;
    margin: 0 auto;
  }

  .jl-about {
	background:var(--primary-dark-dark);
  }

  .da-alternative-link a {
	color: var(--primary-color);
    text-decoration: none;
  }

  .da-alternative-link a:hover {
	cursor:pointer;
	text-decoration: underline;
  }
  
  .da-alternative-link a:visited  {
	color:var(--primary-color);
  }

  .mycred-my-rank {
	background: #fff;
    border-radius: 50px;
    padding: 2px 10px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 600;
    color: var(--primary-dark-color);
  }

  .nc-eprofile-welcome {
    display: flex;
    flex-direction: column;
    color: #fff;
    padding: 10px 0;
    align-items: center;
    font-family: var(--font-secondary);
  }


  .eprofile-xpbar-empty {
	display: flex;
    justify-content: space-between;
	padding-bottom: 10px;
  }

  .nc-eprofile-welcome .nc-welcometext {
	font-size:14px;
  }

  .nc-eprofile-welcome .nc-welcometext-user {
	font-size:18px;
	font-weight: 600;
	line-height: 16px;
  }

  .nc-eprofile-nacontent img {
    color: #fff;
    font-weight: 500;
    font-size: 32px;
    width: 140px;
    height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    overflow: hidden;
  }

  .mha-user-logged {
    display: flex;
    align-items: center;
    gap: 15px;
    position: relative;
  }

  .mha-ulogged-avatar {
	display: block;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    overflow: hidden;
  }

  .mhlogged-meta-row.mhlogged-username {
	font-size: 14px;
    font-weight: normal;
    color: var(--alphatext);
  }

  .mha-ulogged-meta {
	padding: 10px 20px;
    line-height: 20px;
    text-align: left;
    background: var(--primary-color-hover);
    font-family: var(--font-secondary);
  }

  .mhlogged-meta-row.mhlogged-realname {
	font-size: 16px;
    font-weight: 600;
	color:#fff;
  }

  .mha-logged-nav {
    position: absolute;
    top: calc(100% + 10px);
    right: 40px;
    width: 260px;
    min-height: 100px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .6);
    opacity: 0;
    transform: translateY(-10px);
    visibility: hidden;
    transition: 300ms;
    z-index: 110;
    border-radius: 10px;
    overflow: hidden;
}

.mha-logged-nav::before {
    content: '';
    position: absolute;
    top: -5px;
    right: 14px;
    width: 10px;
    height: 10px;
    background: var(--primary-dark-dark);
    transform: rotate(45deg);
    z-index: -1;
}

.mha-logged-nav.active {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}

.mha-logged-nav.activej {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}

.mha-logged-nav.activej .mha-logged-meny {
    display:none;
}

.mha-ulogged-avatar:hover {
	cursor: pointer;
}

.mha-logged-nav ul {
    position: relative;
    display: flex;
    flex-direction: column;
    z-index: 10;
    background: var(--primary-dark-dark);
    margin: 0;
    padding: 0;
}

.mha-logged-nav ul li {
    list-style: none;
}

.mha-logged-nav ul li:hover {
    background: var(--primary-dark-color);
}

.mha-logged-nav ul li a {
    text-decoration: none;
    color: #fff;
    display: flex;
    align-items: center;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: normal;
}

.mha-logged-nav ul li a i {
    font-size: 1.2em;
}


  .mhlogged-nav-icon svg {
	display: block;
    width: 14px;
    height: 14px;
    fill: #fff;
	transition: all 0.2s ease-in-out;
    transform: rotate(180deg);
  }

  .main-header-account .mha {
	background:var(--primary-color);
	padding:10px 20px;
	color:#fff;
	font-size:14px;
	text-decoration: none;
	border:1px solid var(--primary-color);
	box-sizing: border-box;
	border-radius: var(--border-radius);
	transition: all 0.2s ease-in-out;
  }

  .main-header-account .mha:hover {
	background:var(--primary-color-hover);
	border-color:var(--primary-color-hover);
  }

  .main-header-account {
	display: flex;
    align-items: center;
  }

  .main-header-account .mha.account-sign-in {
    background: transparent;
    color: #fff;
    border: 0;
  }

  .nc-eprofile-header {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }


  #edit-profile .row-single-content {
	padding:50;
  }

  .nc-eprofile-points {
	position: relative;
	display: flex;
    align-items: center;
    background: var(--primary-dark-color);
    padding: 20px;
	color:#fff;
	border-radius: var(--border-radius);
  }

  .nc-eprofile-points-content {
	width: 100%;
  }

  .eprofile-xbar-fillindex {
	position: relative;
    height: 20px;
    width: 100%;
    background: var(--secondary-dark-color);
	border-radius:50px;
    overflow: hidden;
  }
  
  .nc-welcometext-rankgroup {
    padding-top: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .nc-welcometext-rank-points {
	background: var(--primary-dark-color);
    border-radius: 50px;
    padding: 2px 10px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
  }

  .eprofile-xbar-fillindex-bar{
	position: absolute;
	left:0;
	background:var(--primary-color);
	top:0;
	height: 100%;
	width: 50%;
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  	background-size: 1rem 1rem;
  }
  .eprofile-xbar-fillindex-bar:before {
	content: attr(data-value);
    position: absolute;
    top: 50%;
    right: 10px;
    color: #ffffff;
    font-size: 14px;
    transform: translateY(-50%);

  }

  .eprofile-xbar-fillindex-bar:after{
	display:none;
	content: "\25bc";
    color: var(--primary-color);
    right: -7px;
    position: absolute;
    top: -16px;
    font-size: 15px;
}

ul.eprofile-tabs {
	margin: 20px 0 0 0;
	padding: 0px;
	list-style: none;
	display:flex;
	align-items: center;
	gap:10px;
}
ul.eprofile-tabs li {
	background: none;
	color: #fff;
	display: inline-block;
	padding: 10px 15px;
	background:var(--primary-dark-color);
	cursor: pointer;
	border-radius: var(--border-radius);
}

ul.eprofile-tabs li[data-tab="daily-spin"] {
	display:none;
}

ul.eprofile-tabs li.current{
	background:var(--primary-color);
}

.tab-content{
	display:none;
	padding: 20px 0;
}

.tab-content.current{
	display: inherit;
}

.ep-row {
	display: flex;
    flex-direction: column;
    gap: 5px;
	width: calc(100%/2);
}

#profile .ep-row {
   margin-bottom:20px;
}

h2.wp-block-heading strong,
h3.wp-block-heading strong {
    font-weight: 600;
}

.ep-column {
	display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.ep-row input[type=text]:disabled {
	color:#838383;
}
.ep-row input[type=text],
.ep-row input[type=password],
.ep-row input[type=email],
.ep-row select {
	width: 100%;
	padding: 10px;
    border: 0;
    outline: none;
    border-radius: 0;
    background: var(--primary-dark-color);
    color: #fff;
    box-shadow: 0 0 5px rgba(246, 8, 110,0);
    border: 1px solid rgba(246, 8, 110, 0);
    outline: none;
	font-size: 14px;
	border-radius: var(--border-radius);
}

.ep-row input[type=submit] {
	background: var(--primary-color);
    color: #fff;
    font-weight: normal;
    outline: none;
    border: 0;
	border-radius: 0;
    padding: 20px;
	border-radius: var(--border-radius);
}

.ep-row label {
	font-size:14px;
	color:#fff;
}

.tab-content h2 {
	color:#fff;
}
  
.ep-extralabel {
	font-size:12px;
	opacity:0.7;
}

.table-condensed tr .manage-column {
	color:#fff;
	text-align: left;
	padding:10px 0;
}

.format-standard td {
	color:#fff;
}

.sconnect {
    display:none;
}

.legcon {
    display: flex;
    align-items: center;
}

.shead-user .avatar.mobile {
    display:none;
}
.legcon-content {
    max-width: 100%;
    display: flex;
    justify-content: center;
    width: 100%;
}

.shead-mobileconnect {
    display:none;
}
.gb-button {
	background: var(--primary-color);
    color: #fff;
    font-weight: normal;
    outline: none;
    border: 0;
    padding: 20px;
    transition: all 0.2s ease-in-out;
    border-radius: 10px;
    text-align: center;
    text-decoration: none;
}

.gb-button:visited {
	color:#fff;
}

.gb-button.login {
	background:transparent;
	border:2px solid var(--primary-color);
}

.gb-button.login:hover {
	border-color:var(--primary-color-hover);
}

.gb-button:hover {
	background:var(--primary-color-hover);
}

.da-form-headline {
	color:#fff;
}

.da-form-complete {
	display:flex;
	flex-direction: column;
	gap:20px;
}

.legcon-form {
	max-width: 500px;
    backdrop-filter: blur(4px);
    padding: 40px;
    width: 100%;
    border-radius: var(--border-radius);
}

.da-form-headline h2 {
	padding:0;
	margin:0;
}

.da-form-headline {
	padding-bottom:30px;
}

.page-template-page-registration .main-header,
.page-template-page-connect .main-header {
    display:none;
}

.da-form-headline .logo {
    padding-bottom:20px;
}
.da-form-headline .logo img{
    display:block;
    width: 120px;
}

.da-form-headline span {
	color: var(--alphatext);
    font-size: 14px;
}

.daform-checkbox__rememberme__row label {
	display:flex;
	align-items: center;
}

.daform-remember-forgotpass {
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding:20px 0;
}

.daform-checkbox__rememberme__row .text-accalr a {
	color: var(--primary-color);
    text-decoration: none;
	font-size:14px;
}

.daform-checkbox__rememberme__row .text-accalr a:hover {
	text-decoration: underline;
}

.daform-checkbox__rememberme__row .text-accalr a:visited {
	color:var(--primary-color);
}

.daform-checkbox__rememberme__row input[type=checkbox]#rememberme {
	margin: 0.1em 0.6em 0 0;
	border-radius: 3px;
}

.page-template-page-connect header,
.page-template-page-registration header,
.page-template-forgot-password header,
.page-template-forgot-password-confirm header {
	position: absolute;
	width: 100%;
	z-index: 110;
	background: transparent;
}

.page-template-page-registration header .main-navigation,
.page-template-page-connect header .main-navigation,
.page-template-forgot-password header .main-navigation, 
.page-template-forgot-password-confirm header .main-navigation {
	display:none;
}

.page-template-page-registration header .main-header-account,
.page-template-page-connect header .main-header-account,
.page-template-forgot-password header .main-header-account, 
.page-template-forgot-password-confirm header .main-header-account {
	display:none;
}

.page-template-page-registration header .main-header-content,
.page-template-page-connect header .main-header-content,
.page-template-forgot-password header .main-header-content,
.page-template-forgot-password-confirm header .main-header-content {
	justify-content: center;
	height: 130px;
}

#jlreg .legcon-form {
	max-width: 700px;
}

#jlreg .da-form {
    max-width: 700px;
}

.custom-select .select2-container .select2-selection--single {
    position: relative;
    display: flex;
    align-items: center;
    height: 53px;
	height: 47px;
    width: 100%;
   	background: var(--primary-dark-color);
    border: none;
	border-radius:var(--border-radius);
  }
  
  .custom-select .select2-container--default .select2-selection--single .select2-selection__rendered {
	width: 100%;
	color:#fff;
	font-size: 14px;
	padding: 15px;
  }
  
  .custom-select .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 50%;
	transform: translateY(-50%);
  }
  
  .select2-container--open .select2-dropdown--below {
	width: 100%;
    top: 10px;
    border-radius: 0;
    background: var(--secondary-dark-color);
    border: 0;
  }
  
  .select2-search--dropdown .select2-search__field {
	height: 40px;
	font-size: 14px;
	outline: none;
  }
  
  .select2-container--default .select2-results__option--highlighted[aria-selected] {
	  color: #fff;
	  background-color: #ffffff;
  }
  
  .select2-results__option:hover {
	  background-color: var(--primary-color);
  }

  .custom-select .select2-container--default .select2-selection--single .select2-selection__placeholder {
	color:rgba(255, 255, 255, 0.8);
	font-size:14px;
	font-family: "Montserrat", sans-serif;
  }


.select2-container--default .select2-results>.select2-results__options {
	max-height: 200px;
    overflow-y: auto;
    padding: 10px 5px;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
}

.select2-container.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--primary-color);
    color:rgba(255,255,255,0.8);
	border-radius:var(--border-radius);
}

.select2-container--default .select2-results__option {
	padding:10px;
	color:rgba(255,255,255,0.8);
}



.select2-container.select2-container--default .select2-search--dropdown .select2-search__field {
    border: none;
    background: var(--primary-dark-color);
	padding: 10px;
	border-radius:var(--border-radius);
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
    width: 8px;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
    background-color: var(--secondary-dark-color);
    -webkit-border-radius: 10px;
    border-radius: 0;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 0;
    background: var(--primary-dark-color);
}
.select2-container--open .select2-dropdown--below {
    padding: 10px;
}

.select2-search--dropdown {
		padding:0;
}

.site-main-content {
	max-width: 1440px;
	margin:0 auto;
}

.products {
	display: flex;
    align-items: flex-start;
}

.product {
	background: var(--primary-dark-color);
	width: calc(20% - 1rem);
    position: relative;
    border-radius: var(--border-radius);
	transition: all 0.2s ease-in-out;
}

.product .product-category .child {
    display:none;
}
.main-opened .product .product-category .main {
    display:none;
}
.main-opened.only-main .product .product-category .main {
    display:flex;
}
.main-opened .product .product-category .child {
    display:flex;
}

.home .product {
	max-width: 224px !important;
}

.product:hover {
	background:var(--primary-dark-dark);
}

.product-thumb img {
    padding-top: 20px;
}

.product-specs {
	display: flex;
    width: 100%;
    margin-top:auto;
}

.product-platform img {
	display: block;
    max-width: 50px;
}

.product-card {
	position: relative;
}

.product-platform {
    display: flex;
    justify-content: center;
}

.product-platform .hz {
    display:none;
}

.product-name {
	display: flex;
    width: 100%;
    justify-content: center;
    color: #fff;
	font-weight: 500;
    font-size: 14px;
    line-height: 19px;
	text-align: center;
	padding: 20px 0;
}

.product-specs-link {
	padding: 10px 20px;
    width: 100%;
    background: transparent;
    color: #fff;
    text-decoration: none;
    text-align: center;
    transition: all .2s ease-in-out;
    border: 1px solid var(--secondary-dark-color);
    border-radius: 50px;
    font-size: 14px;
    font-weight: normal;
}

.product-specs-link:hover {
	background:var(--primary-color-hover);
	color:#fff;
	border-color:var(--primary-color-hover);
}

.product-specs-link:visited {
	color:#fff;
}

.rank-legioner .mycred-my-rank{
	background:orange;
}



.g-alert {
	display: inline-flex;
    align-items: center;
    gap: 10px;
    background: var(--primary-dark-color);
    padding: 10px;
    color: #fff;
    font-size: 14px;
    margin-bottom: 20px;
    border-radius: var(--border-radius);
}

.g-alert .icon svg {
	display:block;
	max-width: 24px;
	max-height: 24px;
}


.at-flex.jl-news {
	gap:50px;
	padding: 100px 0;
}

.block-title {
	position: relative;
}

.jl-about .logo {
	display:none;
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.jl-about .logo img {
	display: block;
    left: 0;
    opacity: 0.1;
    z-index: 1;
    width: 400px;
    text-align: center;
    margin: 0 auto;
}

.owl-reviews {
    display: flex;
    align-items: stretch;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.owl-reviews .block-post {
	width: calc(25% - 1rem);
    margin: 0.5rem;
}

.jl-news .block-title h2 {
    font-weight: normal;
    font-size: 24px;
    background: var(--primary-color);
    padding: 20px 40px;
    display: inline-flex;
}

.block-post-featured {
	height: 270px;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
}

.center .block-post-featured {
	height: 300px;
}

.jl-reviews .owl-stage {
	display:flex;
	align-items: center;
}

.center .block-post-featured img {
	height: 300px;
}
.block-post-featured img {
	display:block;
	object-fit: cover;
    object-position: center;
	height: 270px;
	width: 100%;
	transition: all 0.2s ease-in-out;
	border-radius:10px;
}


.jl-products .block-post-featured img {
	padding-top:50px;
}

.meta-title h2 {
	font-weight: 600;
    font-size: 18px;
    color: #000;
    line-height: 24px;
}

.owl-news .meta-row {
    margin-left: 30px;
}

.owl-news .meta-title h2 {
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    line-height: 19px;
    margin: 5px 0;
}

.jl-about .block-content .block-general-descr {
	font-family: var(--font-secondary), sans-serif;
    color: var(--alphatext);
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0em;
	padding: 50px 0;
}

.owl-news .meta-title h2:hover {
	text-decoration: underline;
	color:var(--primary-color-hover);
}

.owl-news-featured .meta-title h2 {
	font-size:24px;
	font-weight: 600;
	line-height: 24px;
	padding:0;
	margin:0;
	width: 70%;
}

.owl-news-featured .meta-date {
	padding-bottom: 10px;
    font-size: 14px;
	opacity:0.4;

}


.owl-news-more .meta-date {
    font-size: 12px;
    opacity: 0.4;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.nc-eprofile-uploadedavatar {
	position: relative;
}

.nc-eprofilep-edit-icon {
	position: absolute;
    right: 15px;
    bottom: 2px;
    background: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px;
    transition: all 0.2s ease-in-out;
    border-radius: 50%;
}
.nc-eprofilep-edit-icon svg {
	width: 14px;
	height: 14px;
	fill:#fff;
}

.nc-eprofilep-edit-icon:hover {
	cursor: pointer;
	transform: scale(1.1);
}

.icon-title {
    width: 25px;
    min-width: 25px;
    height: 25px;
    display: none;
    margin-right: 20px;
    position: relative;
    background-color: #3e8cde;
}

.icon-title::before {
    content: "";
    width: 7px;
    height: 7px;
    background: #fff;
    position: absolute;
    inset: 0;
    margin: auto;
}

.meta-title {
	position: relative;
}

.meta-author {
	display: flex;
		align-items: center;
		gap: 5px;
}

.owl-news-featured .block-post-featured .meta-author__avatar img {
	display: block;
    width: 25px;
    height: 25px;
    object-fit: cover;
    object-position: center;
    border-radius: 50px;
}

.block__meta__extra {
	display: flex;
    align-items: center;
    padding-bottom: 15px;
	font-size:14px;
}

.meta-author__avatar img {
	display: block;
    width: 25px;
    height: 25px;
    object-fit: cover;
    object-position: center;
    border-radius: 50px;
}

.meta-author__name a {
	text-decoration: underline;
}

.block-post-meta .readmore {
	margin-top:20px;
	margin-bottom: 20px;
}

.owl-news {
	max-width: 1440px;
	display: flex;
	gap:30px;
}

.owl-news-featured {
	width: 68%;
}


.block-post-cat {
    position: absolute;
    top: 30px;
    right: 40px;
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 103;
}

.block-reward {
	position: absolute;
    top: 30px;
    left: 40px;
    display: none;
    align-items: center;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 50px;
    backdrop-filter: blur(1px);
}

.owl-carousel .owl-item .fgrid-meta .logo img {
    display: block;
    width: 120px;
    height: auto;

}

.owl-carousel .owl-item .fgrid-meta .logo {
    padding-bottom:10px;
}

.owl-carousel .owl-item .fgrid-meta .banner__buttons {
    display:flex;
    align-items: center;
    gap:20px;
}

.owl-carousel .owl-item .fgrid-meta .banner__buttons a.secondary-button {
    background: transparent;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
    border-color: #fff;
    backdrop-filter: blur(5px);

}

.owl-carousel .owl-item .fgrid-meta .banner__buttons a.secondary-button:hover {
    backdrop-filter: blur(15px);
    background:rgba(62, 140, 222, 0.1);
}

.owl-carousel .owl-item .fgrid-meta .banner__buttons a.secondary-button:hover .icon,
.owl-carousel .owl-item .fgrid-meta .banner__buttons a.secondary-button:hover .text {
    transform: translateX(5px);
}

.owl-carousel .owl-item .fgrid-meta .banner__buttons a.secondary-button .icon,
.owl-carousel .owl-item .fgrid-meta .banner__buttons a.secondary-button .text {
    transition: all 0.2s ease-in-out;
}
.owl-carousel .owl-item .fgrid-meta .banner__buttons a.secondary-button .icon svg {
    fill:var(--primary-color);
    display: block;
    width: 24px;
    height: 24px;
}

.owl-carousel .owl-item .fgrid-meta .banner_buttons_divider {
    color:#fff;
    font-size:14px;
}

.ar-review .block-reward {
	position: inherit;
	background:transparent;
}

.ar-review .article__meta__category {
    display:none;
}

.ar-review .block-reward .block-ri-points {
	color:var(--alphatext);
}

.block-reward-text {
	width: 50%;
    line-height: 14px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
	display:none;
}

.block-reward-icon {
	display:flex;
	align-items: center;
	gap:5px;
}

.single .block-reward-icon {
	padding-left:10px;
}

.block-ri-points {
	font-size: 14px;
    font-weight: 500;
}
.block-ri-svg svg {
    display: block;
    width: 19px;
    height: 19px;
}

.owl-news-more .block-post-featured {
	height: 110px;
    width: 110px;
	flex-shrink: 0;
  -webkit-flex-shrink: 0;
}
.owl-news-more .block-post-featured img {
	height: 110px;
    width: 110px;
}


.owl-news-featured .block-post-featured {
	height: 500px;
	position: relative;
}

.owl-news-featured .block-post-meta {
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 103;
    padding: 50px;
}

.owl-news-more .block-post-content {
	display: flex;
    align-items: flex-start;
    gap: 20px;
}

.ar__filters {
    display:none;
}

.owl-news-featured .block-post-featured:before {
	content: "";
	background: rgba(0,0,0,1);
	background: linear-gradient(180deg, rgba(0,36,16,0) 0%, rgba(0,0,0,1) 100%);
	position: absolute;
    left: 0;
    bottom: 0;
    z-index: 102;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.owl-news-featured .block-post-featured img {
	height: 500px;
}

.owl-news-more .meta-author__name a {
	font-weight: normal;
}

.owl-news-more {
	width: 32%;
    display: flex;
    flex-direction: column;
	justify-content: space-between;
    gap: 10px;
}
.bignews .owl-nav {
	width: 1700px;
    position: absolute;
    top: 50%;
	left: 50%;
    transform: translateY(-50%) translateX(-50%);
    display: flex;
    justify-content: space-between;
}

.owl-nav button {
	background:transparent;
	border:none;
	outline:none;
	transition: all 0.2s ease-in-out;
}

.owl-nav button:hover {
	cursor: pointer;
	transform: scale(1.1);
}
.owl-nav button svg {
	display:block;
	max-width: 64px;
	height: 64px;
	fill:#fff;
}


label.cabinet{
	display: block;
	cursor: pointer;
}

label.cabinet input.file{
	position: relative;
	height: 100%;
	width: auto;
	opacity: 0;
	-moz-opacity: 0;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  margin-top:-30px;
  
}

#upload-demo{
	width: 250px;
	height: 250px;
  padding-bottom:25px;
}

.jl-modal {
	position: absolute;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 110;
	opacity:0;
	transition: all 0.2s ease-in-out;
	pointer-events: none;
}

.jl-modal.show {
	opacity:1;
	pointer-events: inherit;
}

.jl-modal.show .jl-modal-box {
	opacity:1;
	transform: translate(-50%, -50%);
}

.jl-modal .file-block {
	display:none;
}

.jl-modal-result {
	display:none;
}

.jl-modal-box {
	max-width: 550px;
	width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	transition: all 0.2s ease-in-out;
	opacity:1;
    overflow: hidden;
	border-radius: var(--border-radius);
}

.jl-modal-head {
    padding: 30px 30px 0 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.jl-modal-head h2 {
    padding: 0;
    margin: 0;
    font-size: 16px;
    color: #fff;
    font-family: var(--font-secondary);
}

.jl-modal-close-wrap svg {
    display: block;
    width: 14px;
    height: 14px;
    fill: #fff;
}

#jl-modal-close:hover {
	cursor: pointer;
}

.jl-modal-close-wrap button {
	background:transparent;
	border:0;
	outline:none;
	padding:0;
}

button.save {
	position: relative;
    background: var(--primary-color);
    color: #fff;
    font-weight: normal;
    outline: none;
    border: none;
    border-radius: var(--border-radius);
    width: 100%;
    padding: 15px 10px;
	transition: all 0.2s ease-in-out;
	display:none;
}

button.save:hover {
	/* background:var(--primary-color-hover); */
	cursor: pointer;
}


.jl-modal-body {
	padding:30px;
}

button.save.spinning {
	background-color: #212121;
	padding-right: 40px;
  }
  button.save.spinning:after {
	content: '';
	right: 6px;
	top: 50%;
	width: 0;
	height: 0;
	box-shadow: 0px 0px 0 1px #080808;
	position: absolute;
	border-radius: 50%;
	-webkit-animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
			animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
  }
  button.save.spinning:before {
	content: "";
	width: 0px;
	height: 0px;
	border-radius: 50%;
	right: 6px;
	top: 50%;
	position: absolute;
	border: 2px solid #000000;
	border-right: 3px solid #27ae60;
	-webkit-animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
			animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
  }
  @-webkit-keyframes rotate360 {
	100% {
	  transform: rotate(360deg);
	}
  }
  @keyframes rotate360 {
	100% {
	  transform: rotate(360deg);
	}
  }
  @-webkit-keyframes exist {
	100% {
	  width: 15px;
	  height: 15px;
	  margin: -8px 5px 0 0;
	}
  }
  @keyframes exist {
	100% {
	  width: 15px;
	  height: 15px;
	  margin: -8px 5px 0 0;
	}
  }


  .default-file-input {
    opacity: 0;
    position: absolute;
    z-index: 101;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.drag-file-area {
	border: 2px dashed var(--primary-color);
    border-radius: var(--border-radius);
    padding: 40px;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    background: var(--primary-dark-dark);
    flex-direction: column;
    justify-content: center;
    align-items: center;
	display: flex;
	position: relative;
	transition: all 0.2s ease-in-out;
}

.drag-file-area.dragover {
	background: #e0ecff;
}

.drag__undermessage {
	font-size: 14px;
    color: var(--alphatext);
}

.drag-file-area .upload-icon {
	font-size: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    background: var(--primary-color);
    padding: 5px;
    border-radius: 50px;
}
.jl-modal-content {
	background: var(--secondary-dark-color);
}

.jl-modal-result .result {
	width: 500px;
	height: 300px;
	border-radius:var(--border-radius);
	overflow: hidden;
}
.upload-icon svg {
	display: block;
    width: 19px;
    height: 19px;
	fill:#fff;
}

.cropper-view-box {
    display: block;
    height: 100%;
    outline: 2px solid var(--primary-color);
    overflow: hidden;
    width: 100%;
    border-radius: 50%;
}


.btn.drag-cancel {
    width: 100%;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    padding: 15px 10px;
    display: none;
    background: #fff;
    text-align: center;
    border-radius: var(--border-radius);
    justify-content: center;
    align-items: center;
    margin: 10px 0;
	transition: all 0.2s ease-in-out;
}

.btn.drag-cancel:hover {
	cursor: pointer;
	background:var(--primary-color-hover);
	border-color:var(--primary-color-hover);
	color:#fff;
}


.drag-file-area h3 {
	font-size: 26px;
	margin: 15px 0;
}
.drag-file-area label {
	font-size: 18px;
    padding-top: 20px;
    color: #fff;
}

.drag-file-area label .browse-files-text {
	color: var(--primary-color);
    font-weight: 600;
    transition: all 0.2s ease-in-out;
    z-index: 102;
    position: relative;
}

.drag-file-area label .browse-files-text:hover {
	cursor:pointer;
	color:var(--primary-color-hover);
}

.cannot-upload-message {
	background-color: #ffc6c4;
	font-size: 17px;
	display: flex;
	align-items: center;
	margin: 5px 0;
	padding: 5px 10px 5px 30px;
	border-radius: 5px;
	color: #BB0000;
	display: none;
}

.cannot-upload-message span, .upload-button-icon {
	padding-right: 10px;
}
.cannot-upload-message span:last-child {
	padding-left: 20px;
	cursor: pointer;
}



.nc-eprofile-avatar {
	position: relative;
}

.parchive.featured-grid {
	max-width: 1440px;
	margin:0 auto;
}

.parchive .fgrid-post,
.parchive .fgrid-post img {
	height: 600px;
}

.owl-carousel .owl-dots {
	position: absolute;
	bottom:40px;
	left:50%;
	display:flex;
	align-items: center;
	gap:10px;
	transform: translateX(-50%);
}
.owl-carousel .owl-dots .owl-dot {
	background:rgba(255, 255, 255, 0.3);
	width: 14px;
	height: 14px;
	border-radius:50px;
}

.owl-carousel .owl-dots .owl-dot.active {
	background:var(--primary-color);
	width: 18px;
    height: 18px;
}

.owl-products .block-post {
	background: rgba(0, 0, 0, 0.4);
    padding: 20px;
    width: calc(100% / 4);
    backdrop-filter: blur(5px);
	transition: all 0.2s ease-in-out;
	border-radius: 10px;
}

.owl-products .block-post:hover {
	backdrop-filter: blur(10px);
	background: rgba(0, 0, 0, 0.6);
}


.jl-products .block-title {
	display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 50%;
    margin: 0 auto;
    padding-top: 50px;
}

.jl-products .block-title .description p, 
.jl-reviews .block-title-description p {
	text-align: center;
    font-family: var(--font-secondary), sans-serif;
    color: var(--alphatext);
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0em;
    padding-bottom: 20px;
}

.jl-products .block-row,
.jl-reviews .block-row {
	display:flex;
	align-items: center;
	flex-direction: column;
	padding: 50px 0;
}

.owl-products {
	padding: 50px 0;
}

.swiper-container {
	width: 100%;
	height: 100%;
}

.jl-news .owl-dots {
	display:none;
}

.jl-jl {
	background:url('assets/images/bg-legion-agnostic-1-v2.webp');
	width: 100%;
	display:flex;
	align-items: center;
	position: relative;
}

.jl-jw {
	max-width: 1440px;
    display: flex;
    align-items: center;
    position: relative;
    margin: 0 auto;
}

.jl-reviews .block-post-content {
	position: relative;
}

.jl-reviews .owl-nav {
	display:none;
}

.jl-reviews .owl-carousel {
	padding:100px 0;
}

.jl-reviews .block-post-meta {
	position: absolute;
	left:20px;
	bottom:20px;
	
}

.jl-reviews .meta-title .description {
	width: 90%;
}

.jl-reviews .meta-title h2 {
    color: #fff;
    min-height: auto;
	font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    padding: 0;
    margin: 0;
    width: 70%;
}

.jl-reviews .meta-title .description p {
	font-size: 14px;
    padding: 10px 0 0 0;
    margin: 0;
}

.owl-reviews {
	padding:50px 0;
}

.owl-reviews .block-reward {
    top: 20px;
    left: 20px;
    padding: 3px 6px;
}
.owl-reviews .owl-item.active.center {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.jl-jw .block-title{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.jl-jw .block-title-description {
	max-width: 1440px;
    margin: 0 auto;
    width: 70%;
}

.block-text .block-post-featured:after {
	display:none;
}

.block-text-content {
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.block-text-content h2 {
	margin:0;
	padding:0;
}
.block-text-content p {
	text-align: center;
    font-size: 14px;
    width: 80%;
}
.jl-reviews .block-post-featured {
	position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.jl-reviews .block-text .block-post-featured {
	display: flex;
}


.jl-reviews .center .block-post-featured:before {
	background:rgba(0, 0, 0, 0.3);
}

.jl-reviews .block-post-featured-play,
.ar-review .block-post-featured-play {
	display:flex;
	position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
	z-index: 110;
}

.jl-reviews .center .block-post-featured-play {
	display:block;
    position: relative;
}
.jl-reviews .block-post-featured-play a,
.ar-review .block-post-featured-play a {
    background: #fff;
    padding: 17px;
    border-radius: 50px;

}
.jl-reviews .block-post-featured-play svg,
.ar-review .block-post-featured-play svg {
    transition: all 0.2s ease-in-out;
    display: block;
    width: 20px;
    height: 20px;
    fill: var(--primary-color-hover);
    opacity: 1;
}


.block-post-featured-play:after,
.block-post-featured-play:before,
.lock-post-featured-play:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: -1;
    border-radius: 50%;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: ripple;
    animation-name: ripple;
}


@keyframes ripple {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
    30% {
        opacity: 0.4;
    }
    100% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
        opacity: 0;
    }
}


.block-post-featured-play:hover:after,
.block-post-featured-play:hover:before {
    background:var(--primary-color);
}

.block-post-featured-play a:hover > svg {
    fill:#fff;
}

.block-post-featured-play a:hover {
    background:var(--primary-color);
}

.jl-products .block-title h1 {
	padding:0;
	margin:0;
	color: #fff;
}

.jl-products .description {
	color:var(--alphatext);
}
.jl-products .block-row {
	padding:100px 0;
	margin:0 auto;
}

.jl-reviews .block-post-featured:after {
	content: '';
	width: 100%;
	height: 100%;
	left:0;
	top:0;
	position: absolute;
	background: rgb(0,36,16);
	background: linear-gradient(180deg, rgba(0,36,16,0) 0%, rgba(0,0,0,1) 100%);
	transition: all 0.2s ease-in-out;
}

.owl-reviews .block-ri-points {
    font-size: 12px;
}

.owl-reviews .block-ri-svg svg {
	width: 16px;
	height: 16px;
}

.block-cat {
	position: absolute;
    top: 20px;
    left: 20px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 2px 10px;
    background: transparent;
    backface-visibility: hidden;
    display: flex;
    align-items: center;
    gap: 5px;
    border-radius: 50px;
}

.block-title-icon {
	display: flex;
    align-items: center;
    justify-content: center;
}

.block-title-icon svg {
	display: block;
    width: 64px;
    height: 64px;
    fill: #fff;
}

.block-title h1 {
	padding:0;
	margin:0;
}

.jlabout-icon svg {
	display:block;
	width: 100px;
	height: 100px;
}

.block-column {
	display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
    padding-top: 50px;
}

.block-column-row {
	display: flex;
    align-items: center;
    flex-direction: column;
    width: calc(33% - 1rem);
}

.block-column-row p {
	width: 70%;
}


.block-cat .icon {
	width: 5px;
	height: 5px;
	background:#fff;
	display:none;
}

.block-cat.progaming {
	background: #db843e;
}

.block-cat.enthuziast {
	background:var(--primary-color);
}

.jl-about{
	padding:100px 0;
}


.type-full .block-content {
	width: 100%;
    overflow: hidden;
	position: relative;
}

.block-blade-meta {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.block-blade-meta h1 {
	font-weight: 700;
    color: #fff;
    font-size: 4rem;
    line-height: 3.6rem;
    margin: 0;
    text-transform: uppercase;
    width: 80%;
	text-align: center;
}

.block-blade-meta .description p {
	text-align: center;
	padding: 20px 0;
}

.block-blade-meta .cta {
	display:flex;
	align-items: center;
	gap:20px;
}

.block-blade-meta .cta a {
	width: 230px;
	text-align: center;
}

.bf-blur {
	background: rgba(255, 255, 255, 0.1);
    color: #fff;
    border-color: #fff;
    backdrop-filter: blur(4px);
	transition: all 0.2s ease-in-out;
}

.bf-blur:hover {
	background: rgba(255, 255, 255, 0.3);
	backdrop-filter: blur(5px);
}

.jl-products .block-post-meta .meta-title h2 {
	color: #fff;
    min-height: auto;
    font-size: 25px;
    line-height: 28px;
}

.jl-products .block-post-meta .meta-row {
	margin-left:0;
}

.jl-products .block-post-meta .readmore {
	width: 100%;
	margin-bottom:0px;
}

.jl-products .block-post-meta .readmore .fullbase {
	width: 100%;
	text-align: center;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 50px;
}



.jl-products .owl-item.center > .block-post-featured img {
	height: 300px;
}

.post__content {
	width: 100%;
}

.post__thumb__featured {
	height: 700px;
    overflow: hidden;
}
.post__thumb__featured .post-thumbnail img {
	display: block;
    object-fit: cover;
    object-position: center;
    height: 700px;
	width: 100%;
	border-radius:20px;
	position: relative;
}

.post__thumb__featured .post-thumbnail {
	position: relative;
}

.post__thumb {
	position: relative;
}

.review-play-video svg {
	display: block;
    width: 48px;
    height: 48px;
    fill: #000;
	transition: all 0.2s ease-in-out;
}

.review-play-video a {
	background: #fff;
    display: inline-block;
    padding: 20px;
    border-radius: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 110;
	transition: all 0.2s ease-in-out;

}

.review-play-video a:hover{
	transform: translate(-50%, -50%) scale(1.5);
}

.post__tumb__meta {
    position: absolute;
    bottom: 50px;
    left: 50px;
    z-index: 103;
	width: 100%;
}

.post__tumb__meta .entry-title {
	color: #fff;
    line-height: 32px;
    width: 60%;
    margin: 0 0 0px 0;
	padding: 15px 0;
}

.post__thumb__featured .post-thumbnail:before {
	content: "";
    background: rgba(0, 0, 0);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 1) 100%);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 102;
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.single-review .post__thumb__featured .post-thumbnail:before {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 1) 100%);
}



.post__thumb__category,
.article__meta__category {
	font-size: 12px;
    background: var(--primary-color);
    padding: 3px 10px;
    border-radius: 50px;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 5px;
	font-weight: normal;
    letter-spacing: 0;
}

.swiper-pagination-bullet-active {
	transition: all 0.2s ease-in-out;
	transform: scale(1.5);
}

.article__meta__category {
	display:inline-flex;
}

.jl-jw .article__meta__category {
	font-size:10px;
}

.jl-jw .meta-category {
	margin-bottom:5px;
    display:none;
}

.jl-jw .meta-title a:hover h2 {
	color:var(--primary-color-hover);
	text-decoration: underline;
}

.entry__meta {
	display: flex;
    align-items: flex-start;
    gap: 10px;
    flex-direction: column;
}

.entry__meta__date {
	display: flex;
    align-items: center;
    color: #fff;
    font-size: 14px;
}

.footer-content {
    max-width: 1440px;
    padding: 50px 0;
    margin: 0 auto;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}


.footer-logos {
	display:flex;
	justify-content: space-between;
    align-items: center;
    gap:20px;
}

.footer-menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px; 
}

.footer-menu ul .sub-menu {
    display:none;
}

.footer-menu ul li a {
    color:vaR(--alphatext);
    font-size:14px;
    font-weight: normal;

}

.footer-menu ul li a:visted {
    color:var(--alphatext);
}

.footer-menu ul li a:hover {
    color:#fff;
}

.footer-logo img {
	display: block;
    width: 120px;
    max-height: 100px;
}

.mobile__navigation svg {
	max-width: 22px;
    height: 22px;
    fill: #fff;
    display: block;
	transition: all 0.2s ease-in-out;
}
.mobile__navigation {
	display:none;
}

.post .entry-content {
	color:#fff;
	width: 80%;
	margin:0 auto;
	padding:40px 0;
}

.post .external-url {
    padding:20px 0;
}

.post .external-url a {
  padding: 10px 20px;
    width: 100%;
    background: var(--primary-color);
    color: #fff;
    text-decoration: none;
    text-align: center;
    transition: all .2s 
ease-in-out;
    border: 1px solid var(--primary-color);
    border-radius: 50px;
    font-size: 14px;
    font-weight: normal;  
}

.post .external-url a:hover {
     background: var(--primary-color-hover);
     border: 1px solid var(--primary-color-hover);
}


.post .entry-content p a {
	position: relative;
	color:var(--primary-color);
	text-decoration: none;
	transition: all 0.2s ease-in-out;
}

.post .entry-content p a:hover:before {
	width: 100%;
}

.post .entry-content p a:before {
	content: "";
    height: 1px;
    width: 0%;
    position: absolute;
    display: inline-block;
    bottom: 0;
    background: var(--primary-color-hover);
    left: 0;
	transition: all 0.2s ease-in-out;
}

.post .entry-content p a:visited {
	color:var(--primary-color);
}
.post .entry-content p a:hover {
	color:var(--primary-color-hover);
}

.comments-area {
    margin-top: 30px;
}

.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-comment {
    margin-bottom: 15px;
}

.comment-form-author label,
.comment-form-email label,
.comment-form-url label,
.comment-form-comment label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

.comment-form-author input,
.comment-form-email input,
.comment-form-url input,
.comment-form-comment textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.comment-form-comment textarea {
    height: 150px;
}

.comment-form .form-submit input {
    background-color: var(--primary-color);
    color: #fff;
    padding: 15px;
    border: none;
    border-radius: var(--border-radius);
    cursor: pointer;
}

.comment-form .form-submit input:hover {
    background-color: var(--primary-color-hover);
}

.entry__meta__author {
	display:flex;
	align-items: center;
	gap:5px;
}

.entry__author__avatar img {
	display: block;
    width: 25px;
    height: 25px;
    object-fit: cover;
    object-position: center;
    border-radius: 50px;
}

.nbanner-large .entry__author__avatar img {
    width: 32px;
    height: 32px;
}

.nbanner-large .entry__meta__author {
    gap:10px;
}

.entry__read__icon svg {
    display: block;
    fill: #fff;
    width: 18px;
    height: 18px;
}

.single-review .article__meta__category {
    display:none;
}

.owl-news-more .entry__meta__read {
    padding-left:0;
}
.entry__meta__read {
	display:flex;
	align-items: center;
    padding-left: 10px;
}

.entry__read__value {
	padding-left:5px;
}
.owl-news-more .entry__meta__read {
	display:flex;
	align-items: center;
}

.owl-news-more .block-post-cat {
	position: inherit;
	display: inline-flex;
    gap: 5px;
}

.owl-news-more .block__meta__extra {
	padding-bottom:0;
}

.owl-news-more .block-post-cat .article__meta__category {
	background: var(--primary-dark-color);
	padding: 1px 6px;
	font-weight: normal;
}

.owl-news-more .entry__read__value {
    font-size: 12px;
    opacity: 0.4;
}

.meta-date-date {
	font-weight: normal;
}

.entry__author__name a {
	color:#fff;
	text-decoration: underline;
}

.entry__author__name a:visited {
	color:#fff;
}

.post__category__dot {
	width: 8px;
    height: 8px;
    display: block;
    background: #fff;
    border-radius: 50px;
}

.entry__meta__excerpt {
	width: 60%;
    font-family: var(--font-secondary), sans-serif;
    color: var(--alphatext);
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0em;
}

.social-share-buttons {
	padding-top:10px;
}
.social-share-buttons a svg {
	display: block;
    width: 16px;
    height: 16px;
    fill: #fff;
}

.social-share-buttons {
    display: flex;
    align-items: center;
    gap: 10px;
}

.post__meta__breadcrumbs {
	list-style-type: none;
	padding:0;
	margin:0;
	display:flex;
	align-items: center;
	gap:5px;
	position: absolute;
	top:20px;
	left:40px;
	z-index: 110;	
}
.archive__meta__breadcrumbs {
	list-style-type: none;
	padding:0;
	margin:0;
	display:flex;
	align-items: center;
	gap:5px;
}

.post__breadcrumbs__item,
.archive__breadcrumbs__item {
	font-size: 14px;
    color: #fff;
    text-shadow: 0 0 3px #000;
    font-weight: normal;
    display:flex;
    align-items: center;
}

.post__breadcrumbs__item a,
.archive__breadcrumbs__item a {
	color:#fff;
	text-decoration: none;
}

.post__breadcrumbs__item a:hover,
.archive__breadcrumbs__item a:hover {
	text-decoration: underline;
}

.post__breadcrumbs__item a:visited,
.archive__breadcrumbs__item a:visited {
	color:#fff;
}

.post__meta__breadcrumbs svg,
.archive__meta__breadcrumbs svg {
	display:block;
	fill:#fff;
	width: 12px;
	height: 12px;
	transform: rotate(270deg);
}

.post blockquote {
	background: var(--primary-dark-color);
    border-radius: 10px;
    padding: 40px;
    font-size: 26px;
    font-weight: 500;
    margin: 20px 0;
    position: relative;
}

.post blockquote p {
    font-family: var(--font-primary);
    font-size: 22px;
    font-weight: 700;
    margin: 0;
    padding: 0 0 0 50px;
    line-height: 24px;
}

.post blockquote:before {
	content: "\f101";
	font-family: LegionIcons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	position: absolute;
    left: 30px;
    top: 40px;
    font-size: 28px;
}

.wp-block-list {
	padding:0;
	margin: 40px 0;
	padding-left:30px;
}

.wp-block-image {
    padding:40px 0;
}

.wp-block-list li {
	margin-bottom:20px;
}

.wp-block-list li:last-of-type {
	margin-bottom:0;
}

.post-tags {
	padding:20px 0;
}
.post .entry-content .post-tags a { 
	position: relative;
    color: #fff;
	font-size:12px;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    background: var(--primary-dark-color);
    padding: 5px 10px;
    border-radius: 5px;
}

.post .entry-content .post-tags a:hover {
	background:var(--primary-color);
	color:#fff;
}
.post .entry-content .post-tags a:hover:before {
	display:none;
}

.entry__footer__socials {
    border-top: 1px solid var(--dash-color);
	border-bottom:1px solid var(--dash-color);
    margin: 20px 0;
    padding: 40px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.entry__socials__title {
	display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
}
.entry__socials__title svg {
    display: block;
    width: 20px;
    height: 20px;
    fill: #fff;
}

.entry__fauthor__avatar img {
	display: block;
	border-radius:50px;
}

.entry__fauthor__content {
	display: flex;
    align-items: flex-start;
    gap: 20px;
}

.entry__fauthor__name a {
	font-size: 18px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
}

.entry__footer__author {
	padding: 20px 0 40px 0;
    border-bottom: 1px solid var(--dash-color);
}

.entry__fauthor__author {
	display:flex;
	align-items: center;
}

.entry__fauthor__written {
	font-size: 13px;
    color: #fff;
	font-weight: 400;
}

.entry__fauthor__type {
	font-size: 14px;
    color: #fff;
    opacity: .8;
    font-weight: 400;
}

.entry__footer__prevnext__post {
	display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0 40px;
    margin: 20px 0;
    border-bottom: 1px solid var(--dash-color);
	gap: 100px;
}

.entry__prevnext__prev,
.entry__prevnext__next {
	width: 50%;
}

.entry__prevnext__prev {
	text-align: left;
    display: flex;
    align-items: center;
    gap: 10px;
}

.entry__prevnext__next {
	text-align: right;
    display: flex;
	flex-direction: row-reverse;
    align-items: center;
    gap: 10px;
}

.entry__prevnext__meta > a {
	display:flex;
	flex-direction: column;
}

.entry__prevnext__prev img,
.entry__prevnext__next img {
	display:block;
	width: 70px;
    height: 70px;
    border-radius: 50px;
    object-fit: cover;
    object-position: center;
}

.entry__prevnext__meta .nav-title {
    font-size: 13px;
    color: #fff;
    opacity: .8;
    font-weight: 400;
}

.comments-title {
	font-size:18px;
}

.entry__footer__socials .social-share-buttons {
	padding-top:0;
}
.entry__footer__socials .social-share-buttons a[data-type="stype-fb"] {
	background: #4080ff;
    padding: 7px 15px;
    border-radius: 3px;
}

.entry__footer__socials .social-share-buttons a[data-type="stype-x"] {
	background: #000;
    padding: 7px 15px;
    border-radius: 3px;
}

.entry__footer__socials .social-share-buttons a[data-type="stype-pin"] {
	background: #cd1d1f;
    padding: 7px 15px;
    border-radius: 3px;
}

.entry__footer__socials .social-share-buttons a[data-type="stype-whatsapp"] {
	background: #23c761;
    padding: 7px 15px;
    border-radius: 3px;
}

.entry__prevnext__meta a {
	font-weight: 600;
}

.post .entry-content .entry__prevnext__meta a {
	color: #fff;
    font-size: 15px;
    text-decoration: none;
    letter-spacing: -.02em;
    font-weight: 700;
    line-height: 1.2;
}
.post .entry-content .entry__prevnext__meta a:hover {
	color:var(--primary-color);
	text-decoration: underline;

}
.entry__prevnext__meta a:hover:before {
	display:none;
}

.entry__prevnext__thumb {
	-webkit-flex: 0 0 70px;
    -ms-flex: 0 0 70px;
    flex: 0 0 70px;
}

.comment-author.vcard img {
	display:block;
	border-radius:50px;
}

.comments-area > ol {
	margin: 0;
    list-style-type: none;
    padding: 0;
    border-bottom: 1px solid var(--dash-color);
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.entry__fauthor__bio {
	font-size: 15px;
    opacity: .8;
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 1.5;
}

.entry__meta__date__value,
.entry__meta__read {
	opacity:0.8;
	font-weight: 300;
}

.entry__read__icon {
	padding-bottom:3px;
}

.single-post .post,
.single-review .post {
	padding:0;
}

.main-header {
	background:var(--primary-dark-color);
}

.page-template-page-giveaway .main-header {
	background:transparent;
    position: absolute;
    width: 100%;
}

.page-template-page-giveaway .site-footer {
    display:none;
}

.page-template-page-giveaway .gaway-content {
    margin-top:50px;
}

.page-template-page-giveaway .main-navigation li.current-menu-item a {
    color:#000;
}

.page-template-page-giveaway .main-navigation a:after {
    background:#000;
}

.page-template-page-giveaway .main-navigation {
    display:none;
}


.page-template-page-giveaway .main-header-content {
    max-width: 800px;
}


.ar__content {
	width: 100%;
}

.ar__header__title {
	color: #fff;
    font-size: 33px;
    line-height: 1.2;
    padding: 10px 0;
    margin: 0;
}

.ar__header__description p {
	padding: 0;
    margin: 0;
    color: #fff;
	color:var(--alphatext);
    font-weight: 300;
}

.ar__posts {
	display: flex;
    flex-flow: row wrap;
    padding: 40px 0;
    gap: 20px;
    box-sizing: border-box;
    justify-content: flex-start;
}

.article__meta__author {
	display: flex;
    align-items: center;
    gap: 5px;
}

.article__meta__author .entry__author__avatar img {
	display: block;
    width: 25px;
    height: 25px;
    object-fit: cover;
    object-position: center;
    border-radius: 50px;
}

.ar__posts article {
    width: calc(25% - 1rem);
    justify-content: flex-start;
	position: relative;
}

.ar-review .ar__posts article {
	width: calc(33% - 1rem);
}

.ar-review .article__featured .post-thumbnail img {
	height: 300px;
}

.ar__posts article:nth-child(4n+4) {
	margin-right:0;
}

.article__card {
	border-radius: 10px;
    overflow: hidden;
	width: 100%;
}

.article__featured {
	position: relative;
	width: 100%;
}

.article__featured:before {
	content: "";
    background: rgb(0, 0, 0);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 1) 100%);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 102;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}


.article__meta .article__meta__title {
	display:block;
    transition: all 0.2s ease-in-out;
    padding:15px 0;
    font-size: 16px;
    font-weight: 500;
	line-height: 20px;
	color: #fff;
    text-decoration: none;
}

.article__meta .article__meta__title:hover {
	text-decoration: underline;
	color:var(--primary-color-hover);
}

.article__meta .article__meta__title:visited {
	color: #fff;
    text-decoration: none;
}
.article__meta {
	position: absolute;
	bottom:0;
	left:0;
	padding:20px;
	z-index: 105;
}

.article__featured img {
	display: block;
    height: 450px;
    object-fit: cover;
    object-position: center;	
}

.article__meta .entry__meta__read {
	display: flex;
    align-items: center;
    gap: 5px;
}

.article__meta__bottom {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
}

.article__meta .entry__author__name {
	font-size:13px;
}

.article__meta .entry__read__value {
	font-size:13px;
	color: #fff;
}

.ar__headline {
	display:flex;
	align-items: center;
}

.ar__headline .main-category {
    color: #fff;
    border-radius: 50px;
    padding: 2px 10px;
    margin-left: 20px;
    font-size: 14px;
    font-weight: normal;
}

.ar__headline .post__category__dot {
	margin-right:10px;
	width: 16px;
    height: 16px;
}

.entry__meta__extra {
	display: flex;
    align-items: center;
    gap: 10px;
}

.entry__meta__extra .block-reward {
	position: inherit;
	background:transparent;
	backdrop-filter: none;
}

.entry__meta__extra .block-reward .block-ri-points {
	font-size: 13px;
    font-weight: 400;
	opacity:0.8;
	color:#fff;
}

.article__meta__extra {
	display:flex;
	align-items: center;
    gap: 10px;
}

.main-category-page .article__meta__extra .main-category {
    display:none;
}

.subcategory-page .article__meta__extra .child-category {
    display:none;
}

.article__meta__extra .block-reward {
	position: inherit;
	background:transparent;
	backdrop-filter: none;
	padding:0;
	margin-left:10px;
}

.article__meta__extra .block-reward .block-ri-points {
	font-size: 13px;
    font-weight: 400;
	opacity:0.8;
	color:#fff;
}

/* Center the pagination container */
.custom-pagination {
	text-align: center;
    margin: 20px 0;
    display: flex;
    justify-content: center;
    width: 100%;
}

/* Style the pagination list */
.custom-pagination ul.pagination,
.custom-pagination ul.page-numbers {
    padding: 0;
    display: inline-block;
    margin: 0;
    display: flex;
    gap: 10px;
}



/* Style individual page items */
.custom-pagination ul.pagination li.page-item,
.custom-pagination ul.page-numbers li {
    display: inline; /* Display the items inline */
    margin: 0; /* Spacing between items */
}


/* Style the links */
.custom-pagination ul.page-numbers li a,
.custom-pagination ul.page-numbers li span,
.custom-pagination ul.pagination li.page-item a,
.custom-pagination ul.pagination li.page-item span {
    display: inline-flex;
	justify-content: center;
	align-items: center;
    padding: 8px 15px;
    border-radius: var(--border-radius);
    background-color: var(--primary-dark-color);
	color: var(--primary-color);
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
	width: 40px;
    height: 40px;
    text-align: center;
}

/* Hover and active states */
.custom-pagination ul.page-numbers li a:hover,
.custom-pagination ul.page-numbers li span.current,
.custom-pagination ul.pagination li.page-item a:hover,
.custom-pagination ul.pagination li.page-item span.current {
    background-color: #3498db; /* Change background color on hover */
    color: white; /* Change text color on hover */
    border-color: #3498db; /* Change border color on hover */
}

/* Add padding to previous and next links */
.custom-pagination ul.page-numbers li a.prev,
.custom-pagination ul.page-numbers li a.next,
.custom-pagination ul.pagination li.page-item a.prev,
.custom-pagination ul.pagination li.page-item a.next {
    padding: 8px 15px; /* Extra padding for larger buttons */
}

.sprod-content {
	width: 100%;
}

.sprod .post__meta__breadcrumbs {
	position: inherit;
}

.sprod-body {
	display: flex;
    align-items: flex-start;
    gap: 50px;
    margin-top: 30px;
}

.sprod-thumb img {
	display: block;
	max-width: 700px;
}

.sprod-thumb .post-thumbnail {
	background: var(--primary-dark-color);
    border-radius: 10px;
}

.sprod__feat__icon svg {
    display: block;
    height: 46px;
    max-width: 50px;
    fill: #fff;
}

.sprod-title {
	color:#fff;
}

.sprod-descr {
	font-family: var(--font-secondary), sans-serif;
	color:var(--alphatext);
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0em;
	padding-bottom: 20px;
}

.sprod-vendor-item {
	display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    background: var(--primary-dark-color);
    border-radius: 10px;
    padding: 20px;
}

.sprod-vendors {
	display: flex;
    flex-direction: column;
    gap: 20px;
}

.sprod__vendor__logo img {
	display:block;
	max-height: 40px;
}

.sprod__vendor__checkprice a {
	display: flex;
    width: 100%;
    background: transparent;
    color: #fff;
    text-decoration: none;
    text-align: center;
    transition: all .2s ease-in-out;
    font-size: 14px;
    font-weight: normal;
    align-items: center;
	gap: 5px;
}

.sprod__vendor__checkprice a:hover {
	text-decoration: underline;
}
.sprod__vendor__checkprice a:hover  .sprod__vendor__externalicon {
	transform: translateX(5px) rotate(45deg);
}
.sprod-vendors-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sprod-feat-row {
	display: flex;
	align-items: center;
	gap:20px;
}

.sprod-features {
	display: flex;
    align-items: flex-start;
    gap: 20px;
    flex-direction: column;
    padding: 20px 0;
    border-top: 1px solid var(--dash-color);
    border-bottom: 1px solid var(--dash-color);
    margin: 20px 0;
}
 
.sprod__feat__value__row[data-tab="title"] {
	color: #fff;
    font-weight: 600;
}

.sprod__feat__value__row[data-tab="value"] {
	font-weight: normal;
    font-size: 16px;
    color: var(--alphatext);
}

.sprod-vendors-headline h2 {
	color: #fff;
    font-weight: 600;
    padding: 0;
    margin: 0;
    padding-top: 20px;
}

.tech__specs {
	color: #4c4c4c;
  }
  .tech__specs h3 {
	font-size: 34px;
	font-weight: normal;
	margin: 0 0 30px 0;
  }
  .tech__specs .tech__specs__inner {
	max-width: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .tech__specs .tech__spec__title,
  .tech__specs .tech__spec__text {
	border-bottom: 1px solid rgba(153, 153, 153, 0.25);
	box-sizing: border-box;
	margin: 0;
	padding: 20px 0 5px 0;
	position: relative;
  }
  .tech__specs .tech__spec__title {
    border-color: transparent;
    color: #fff;
    font-size: 16px;
    font-weight: 600
  }
  .tech__specs .tech__spec__text {
    border-color: var(--dash-color);
    padding: 5px 0 20px 0;
    color: var(--alphatext); 
    font-family: var(--font-secondary), sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0em;
  }

  .tech__specs .tech__spec__text.large {
    text-transform: uppercase;
  }

  .sprod-related-headline {
	display:flex;
	align-items: center;
	gap:30px;
	padding-top:50px;
  }
  .sprod-related-headline h2 {
	color:#fff;
	font-weight: 600;
  }
  .sprod-specs-headline h2 {
	color:#fff;
	font-weight: 600;
	padding-top:20px;
  }

  .tech__specs__inner > div {
	width: 50%;
  }

  .tech__specs__inner > div:nth-child(2n+2) {
	padding-left:50px;
	box-sizing: border-box;
  }

  .sprod-related .product .product-category {
	display:none;
  }

  .sprod-thumb {
	background: var(--primary-dark-color);
    border-radius: 10px;
	position: relative;
  }


  .sprod__vendor__externalicon {
	width: 22px;
    height: 22px;
	transform: rotate(45deg);
	transition: all 0.2s ease-in-out;
  }

  .sprod__vendor__externalicon svg {
	fill: #fff;
    width: 22px;
    height: 22px;
  }

  #product-gallery-container {
    display: flex;
    flex-wrap: wrap;
}

.product-gallery-image {
    margin: 10px;
    position: relative;
}

.product-gallery-image img {
    max-width: 150px;
    max-height: 150px;
}

.remove-product-gallery-image {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #ff0000;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}

.site-footer {
	background: var(--primary-dark-color);
}

.sprod-zoom-in {
	position: absolute;
	top:20px;
	right:20px;
	pointer-events: none;	
}

.sprod-zoom-in svg {
	fill: #fff;
    width: 22px;
    height: 22px;
    display: block;
    transition: all 0.2s ease-in-out;
    pointer-events: none;
}

.mobile__navigation__content {
    width: 340px;
    height: 100vh;
    background: var(--primary-dark-color);
    position: fixed;
    top: 0;
    right: 0;
    z-index: 112;
    padding: 20px;
    box-sizing: border-box;
    display: none;
    flex-direction: column;
    transform: translateX(100%);
    transition: all 0.2s ease-in-out;
}

.mobile__navigation__content.show {
	transform: translateX(0);
}

.main-mobile-navigation ul {
	list-style: none;
    padding: 0;
    margin: 0;
    DISPLAY: FLEX;
    flex-direction: column;
    gap: 10px;
    padding-top: 30px;
}

.mobile__navigation__footer .mmha {
    background: var(--primary-color);
    padding: 10px 20px;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    border: 1px solid var(--primary-color);
    box-sizing: border-box;
    border-radius: 10px;
	text-align: center;
}

.mobile__navigation__footer .mmha.account-signout {
	background: transparent;
	border-color:#fff;
	color:#fff;
}

.mobile__navigation__footer .mmha.naccount-signout {
	background: transparent;
	border-color:red;
	color:red;
}

.mobile__navigation__footer .mmha.account-sign-inm {
	background:transparent;
	border:0;
}

.mobile__navigation__footer {
	display: flex;
    flex-direction: column;
	gap:10px;
	margin-top:auto;
	position: sticky;
    bottom: calc(env(safe-area-inset-bottom) + 20px);
}

.main-mobile-head {
	display: flex;
    align-items: center;
    justify-content: space-between;
	padding-bottom: 20px;
}

.main-mobile-close svg {
	display: block;
    fill: var(--alphatext);
    width: 16px;
    height: 16px;
}

.mobile__navigation__content .site-branding img {
	max-width: 100px;
    height: 24px;
}

.mobile__navigation__content .menu-primary-container ul li a {
	color:#fff;
	text-decoration: none;
}

.mobile__navigation__content .menu-primary-container ul li.gnavstyle-red a {
    background: #de222d;
    color: #fff;
    padding: 3px 5px;
    border-radius: var(--border-radius);
}

.mobile__navigation__account .mha-ulogged-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: transparent;
    padding: 0;
}

.mobile__navigation__account .mha-user-logged {
	display: flex;
    align-items: flex-start;
    position: relative;
    background: var(--secondary-dark-color);
    padding: 10px;
	gap:0;
    border-radius: 10px;
    flex-direction: column;
}

.mobile__navigation__account .mha-user-logged .mha-user-logged__content {
	display: flex;
	align-items: center;
	gap:10px;
	width: 100%;
}
.mha-dropdown {
	margin-left: auto;	
}

.mha-dropdown svg {
	width: 22px;
	height: 22px;
	fill:#fff;
	display:block;
	transition: all 0.2s ease-in-out;
}

.mha-dropdown.active svg {
	transform: rotate(180deg);
}
.mha-account-menu {
	padding:0;
	transition: all 0.2s ease-in-out;
	overflow: hidden;
    height: 0;
}

.mha-account-menu.show {
	padding:0;
	height: 255px;
}

.mha-account-menu ul {
	padding:20px;
	margin:0;
	list-style: none;
	display:flex;
	flex-direction: column;
	gap:10px;
}

.mha-account-menu ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: normal;
}

.mha-account-menu ul li a:visited,
.mha-account-menu ul li a:focus {
	color:#fff;
}

.ar__header__description {
	font-family: var(--font-secondary), sans-serif;
    color: var(--alphatext);
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0em;
    width: 50%;
}

.tech__specs__more {
	display:none;
    background: var(--primary-color);
    padding: 15px;
    border-radius: var(--border-radius);
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    left: 0;
    width: 100%;
    margin-top: 20px;	
	align-items: center;
	justify-content: center;
}

.select2-container--open .select2-dropdown--below {
	border-radius:var(--border-radius);
}

.select2-container--open .select2-dropdown--above {
    background-color: var(--primary-dark-dark);
    border: 0;
}

.select2-container--open .select2-dropdown {
    left: 0;
    top: 0;
}

.jloader {
	position: fixed;
	pointer-events: none;
	left:0;
	top:0;
	width: 100%;
	height: 100vh;
	background:var(--primary-dark-dark);
	display:flex;
	align-items: center;
	justify-content: center;
	z-index: 120;
}
.jloader img {
	display: block;
    width: 42px;
    height: 42px;
	animation: animName 2s linear infinite;
}

.mycred-history-wrapper .pagination-top {
	display:none;
}

.mycred-history-wrapper .pagination {
	list-style: none;
    padding: 0;
    display: inline-block;
    margin: 0;
}

.mycred-history-wrapper .pagination li {
	display: inline;
	margin: 0 5px;
}

.mycred-history-wrapper .pagination li span,
.mycred-history-wrapper .pagination li a {
	display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 8px 15px;
    border-radius: 50px;
    background-color: var(--primary-dark-color);
    color: var(--primary-color);
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
    width: 40px;
    height: 40px;
    text-align: center;
}

.mycred-history-wrapper .pagination li.active span,
.mycred-history-wrapper .pagination li.active a {
	background-color: #3498db;
    color: white;
    border-color: #3498db;
}

.mycred-table thead {
	background: var(--primary-dark-color);
	border-radius:var(--border-radius);
}

.mycred-table thead tr {
	padding:10px;
}

.swiper-scrollbar {
	--swiper-scrollbar-bottom: 0;
	--swiper-scrollbar-drag-bg-color: #dda3b6;
	--swiper-scrollbar-size: 5px;
  }


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



   .jl-products {
		max-width: 1440px;
		margin: 0 auto;
		position: relative;
   }
   
   .content .block.type-full.jl-products {
	width: 100%;
   }

   .content .block.type-full.jl-products .block-row{
	width: min(1440px, 100%);
   }

  /* style.css */
.swiper {
    width: 100%;
    padding: 50px 0;
  }

  .swiper-scrollbar.swiper-scrollbar-horizontal {
	bottom: 105px;
  }

  .swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom:100px;
  }

  .swiper-wrapper .swiper-slide:last-of-type {
	margin-right:0 !important;
  }
  
  .swiper-wrapper {
	display: flex;
  }
  
  .swiper-slide {
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: var(--border-radius);
	overflow: hidden;
	transition: all 0.3s ease;
  }
  
  .ppbox {
	max-width: 100%;
    height: auto;
	background: var(--primary-dark-color);
  }
  
  .product-card {
    width: 100%;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  
  .product-thumb img {
	width: 100%;
	height: auto;
	border-radius: 4px;
  }

  .product-thumb:hover ~ .product-name a {
    color:var(--primary-color);
  }

  .product-thumb:hover ~ .product-specs a {
    background:var(--primary-color-hover);
    border-color:var(--primary-color-hover);
  }
  
  .pbox-meta {
	margin-top: auto;
  }
  
  .product-platform img {
	width: 40px;
	height: auto;
  }
  
  .product-name {
	font-size: 16px;
    font-weight: 500;
    margin-top: 10px;
  }

  .product-name:hover + .product-specs .product-specs-link {
    background:var(--primary-color);
  }

  .product-specs:hover + .product-name a {
    color:var(--primary-color);
  }

  .product-name a {
    color:#fff;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    letter-spacing: 0;
  }

  .product-name a:visited,
  .product-name a:focus {
    color:#fff;
  }

  .product-name a:hover {
    color:var(--primary-color);
  }
  

  .product-specs-link {
	text-decoration: none;
	color: #fff;
  }
  
  .product-category .article__meta__category {
	display: flex;
    padding: 5px 10px;
    border-radius: 50px;
    font-size: 12px;
    color: #333;
    position: absolute;
    left: 20px;
    top: 20px;
  }
  
  .swiper-scrollbar-drag {
	background: var(--primary-color);
  }

  .block-more {
	margin-top: 50px;
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
  }

  .block-more a {
	transition: all 0.2s ease-in-out;
  }

  .block-more a:hover {
	background:var(--primary-color-hover);
	border-color:var(--primary-color-hover);
	color:#fff;
  }

  .block-more a:visited {
	color:#fff;
  }

  .block-headline {
	width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
  }
  
  .ll-about .block-content-radius {
	max-width: 1440px;
    margin: 40px auto;
    background: var(--primary-dark-color);
    padding: 40px;
    box-sizing: border-box;
    border-radius: var(--border-radius);
  }

  .ll-about .block-cr__head .logo img {
	display:block;
	max-width: 120px;
  }

  .ll-about .block-cr__content {
	display:flex;
	align-items: center;
	gap:100px;
  }

  .da-form__errros {
	padding-bottom:10px;
  }

  #da-form-errors {
    color: var(--error-color);
    font-size: 80%;
  }


  .da-form__errros p {
	margin:0;
	padding:0;
	color:red;
  }

  .ll-about .block-cr__row {
	width: calc(100%/2);
  }

  .ll-about .block-cr__row p {
	padding:0;
	margin:0;
  }

  .ll-about .block-cr__row__column {
	display:flex;
	align-items: center;
  }

  .ll-about .logo {
	display:none;
  }


  .comments-area {
    margin-top: 40px;
}

.comments-title {
	font-size: 24px;
    font-weight: bold;
    margin-bottom: 50px;
    color: #fff;
    background: var(--primary-dark-color);
    padding: 20px;
    border-radius: var(--border-radius);
    display: flex;
    align-items: center;
    gap: 5px;
}

.comments__title__icon__icon svg {
	display: block;
    width: 32px;
    height: 32px;
    fill: #fff;
}

.comments__title__icon__icon {
	display: inline-flex;
    position: relative;
}

.comments__title__icon {
	display: inline-flex;
    position: relative;
}

.comments_title__value {
	position: absolute;
    top: 50%;
    left: 50%;
    color: var(--primary-dark-dark);
    transform: translate(-50%, -50%);
    font-size: 18px;
}

.comment-list {
    list-style-type: none;
    padding-left: 0;
}

.comment-list li {
    margin-bottom: 30px;
}

.comment-body {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.comment-author {
    display: flex;
    align-items: center;
}

.comment-author img {
    border-radius: 50%;
    margin-right: 10px;
}

.comment-author b {
    font-size: 16px;
    font-weight: 600;
}

.comment-metadata {
    font-size: 14px;
    color: #999;
}

.comment-content {
    font-size: 16px;
    line-height: 1.6;
    color: #fff;
    padding-left: 60px;
}

.comment-content p {
	padding:10px 0;
	margin:0;
}

.comment .children {
	margin-top:30px;
	position: relative;
	list-style-type: none;
}


.comment .children:after {
	content: "";
    position: absolute;
    left: -14px;
    top: 7px;
    background: url(assets/images/turn-left.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    transform: rotate(90deg);
    filter: invert(1);
}

.reply {
	margin-left: 60px;
}

.reply a {
    font-size: 14px;
    text-decoration: none;
    color: #0073aa;
}

.reply a:hover {
    color: #005177;
}

.comment-navigation {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.no-comments {
    font-size: 16px;
    color: #999;
}

.comment__vcard__meta__date time {
	color: var(--alphatext);
    font-weight: normal;
    font-size: 12px;
}

.comment-edit-link {
	border:1px solid var(--alphatext);
    text-decoration: none;
    border-radius: var(--border-radius);
	color:var(--alphatext);
    padding: 2px 10px;
    font-size: 12px;
}

.comment-edit-link:hover {
	text-decoration: none;
	color:#fff;
}

.comment-meta {
	display:flex;
	align-items: center;
	justify-content: space-between;
}

.comment__vcard__meta .mycred-my-rank {
	font-size: 12px;
    padding: 1px 7px;
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
	font-weight: normal;
}

.comment__vcard__meta__name a {
	color:#fff;
	text-decoration: none;
}

.comment__vcard__meta__name a:visited {
	color:#fff;
}
.comment__vcard__meta__name a:hover {
	color:#fff;
	text-decoration: none;
}

.comment__vcard__meta__name {
	display: flex;
    align-items: center;
    gap: 10px;
}

.comment__reply__icon svg {
	display: block;
    width: 16px;
    height: 16px;
    fill: var(--alphatext);
    transform: scaleX(-1);
	transition: all 0.2s ease-in-out;
}

.comment__reply__text {
	color:var(--alphatext);
	font-weight: normal;
	transition: all 0.2s ease-in-out;
	font-size:12px;
}

.comment-reply-link {
    align-items: center;
    gap: 5px;
	border:1px solid var(--alphatext);
    color: var(--alphatext);
    display: inline-flex;
    padding: 2px 7px;
    border-radius: var(--border-radius);
	transition: all 0.2s ease-in-out;
}

.comment-reply-link:hover {
	border-color:#fff;
}
.comment-reply-link:hover svg,
.comment-reply-link:hover .comment__reply__text {
	fill:#fff;
	color:#fff;
}

.ll-about {
	display:none;
}

#giveaway-roll-button {
    border: 2px solid var(--primary-color);
    color: white;
    padding: 20px;
    cursor: pointer;
    font-size: 16px;
    border-radius: 100%;
    width: 100px;
    height: 100px;
    background: transparent;
    color: var(--primary-color);
    font-weight: 600;
	 margin-bottom:100px;
}

#giveaway-roll-button:hover {
    background-color: var(--primary-color-hover);
    border-color:var(--primary-color-hover);
    color:#fff;
}

#giveaway-result {
    position: absolute;
    top: 25px;
}

.giveaway-winner {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 140px;
    gap: 10px;
}

.giveaway-winner img {
    border-radius: 50%;
    display: block;
    max-width: 64px;
}

.user-notifications {
    position: relative;
    display: inline-block;
    padding: 9px;
    border-radius: 50px;
    transition: all 0.2s ease-in-out;
}

.user-notifications:hover {
    background: var(--secondary-dark-color); 
}

.mha-ulogged-notify {
    display:flex;
}

.mha-ulogged-notify:hover {
    cursor: pointer;
}

.bell-icon {
    font-size: 20px;
    cursor: pointer;
    display: flex;
}

.unread-count {
	background: #454545;
    color: white;
    border-radius: 50%;
    font-size: 12px;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 16px;
    color: #818181;
}

.unread-count.unread {
	background:red;
	color:#fff;	
}

.page-template-page-giveaway .unread-count.unread {
    background:#fff;
    color:#000;
}

.page-template-page-giveaway .user-notifications:hover {
    background: var(--alphatext);
}

#notifications-list {
    background-color: var(--primary-dark-dark);
    overflow-y: auto;
    z-index: 1000;
    right: 0;
    top: 40px;
    width: 280px;
    max-height: 300px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .6);
    padding: 20px;
}


/* Scrollbar Styling */
#notifications-list::-webkit-scrollbar {
    width: 10px;
}
 
#notifications-list::-webkit-scrollbar-track {
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
}

#notifications-list::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: var(--secondary-dark-color); 
}

#notifications-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display:flex;
    flex-direction: column;
    gap:10px;
}

#notifications-list ul li {
    border-bottom: 1px solid var(--primary-dark-color);
    padding-bottom: 10px;
    position: relative;
}

#notifications-list ul li:hover {
    background:transparent;
}

#notifications-list ul li:last-of-type {
    border:0;
}


.notify-body {
    font-size: 14px;
    font-weight: normal;
    line-height: 16px;
    color: #fff;
    padding-bottom: 5px;
}

#notifications-list ul li .time {
    color: var(--alphatext);
    font-weight: normal;
    font-size: 12px;
}

.notify-meta {
    font-weight: 600;
    color: #fff; 
}

.points-gained .notify-meta .notify-points {
    color: #27d556;
}

.points-lost .notify-meta .notify-points {
    color: #d52727;
}

.notify-item .notify-user {
    display:none;
}

.notify-item {
    font-family: var(--font-secondary);
}

#clear-notifications-button {
    display: block;
    width: 100%;
    padding: 10px;
    background-color: #f44336;
    color: white;
    text-align: center;
    cursor: pointer;
    border: none;
    font-size: 14px;
    border-radius: var(--border-radius);
    font-family: var(--font-secondary);
}

.notify-empty {
    font-size: 14px;
    color: #fff;
    font-family: var(--font-secondary);
}

#clear-notifications-button:hover {
    background-color: #d32f2f;
}

.bell-icon svg {
	width: 22px;
    height: 22px;
    fill: var(--primary-dark-dark);
}

.mycred-history {
   background:var(--primary-dark-color);
   border-radius: var(--border-radius);
}

.mycred-history h3 {
    font-size: 20px;
    margin-bottom: 10px;
}

.mycred-history-list {
    list-style-type: none;
    padding:0;
    margin:0 20px;
}

.mycred-history-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;  
}

.mycred-history-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid var(--secondary-dark-color);
}

.mycred-history-item:last-child {
    border-bottom: none;
}

.mycred-history-date {
    color: var(--alphatext);
    font-size: 12px;
    font-weight: normal;
}

.mycred-history-amount {
    font-weight: bold;
    color: #fff;
    font-size: 19px;
}

.mycred-history-amount.plus {
    color:green;
}

.mycred-history-amount.negative {
    color:red;
}

.mycred-history-reason {
    color: #fff;
    font-size: 16px;
}

#gaway {
    background: url('assets/images/bg.png');
    width: 100%;
    display: flex;
    align-items: center;
    background-attachment: fixed;
    padding: 50px 0;
    min-height: 100vh;
}

.jlabout-icon img {
    display:block;
    max-width: 110px;
}

.gaway-content {
    max-width: 800px;
    background: rgba(0, 0, 0, 1);
    margin: 0 auto;
    overflow: hidden;
    backdrop-filter: blur(4px);
    border-radius: var(--border-radius);
    width: 100%;
}

.gaway-content.admin .gaway__meta {
    position: inherit;
}

.gaway__content__head {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.gaway__head__logo img {
    display:block;
    max-width: 200px;
}

.gaway__head__cover img {
    display:block;
}
.gaway__meta {
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    background: rgb(0, 0, 0);
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 0) 100%);
}

.gaway__head__cover {
    margin-top:0px;
}

.gaway__head__cover.sunday {
    margin-top:300px;
    display:none;
}

.gaway__head__date {
    background: red;
    padding: 10px 20px;
    border-radius: 50px;
    font-family: var(--font-secondary);
    font-weight: 600;
}

.gaway__head__date:hover {
    background:var(--error-color);
}


.gway__already {
    padding: 40px;
    margin-top: 0;
    margin-bottom: 50px;
}

.gway__already__head h3 {
    font-family: var(--font-secondary);   
}

.gway__already__head .description {
    color:var(--alphatext);
    font-size:14px;
    font-family: var(--font-secondary);   
}

.info__body {
    color:var(--alphatext);
    font-size:14px;
    font-family: var(--font-secondary);   
}

.gway__already__info h3 {
    font-family: var(--font-secondary);   
}

.gway__already__info span.hour {
    color:#fff;
}

.gaway__head__title h3 {
    font-family: var(--font-secondary);
}

.gway__already__info span.hour {
    background: red;
    padding: 3px 10px;
    border-radius: var(--border-radius);   
}

.gway__already__info span.hour.inactive {
    filter: grayscale(1);
}

.info__body__row .hours {
    display: flex;
    justify-content: center;
    padding: 20px 0;
    gap: 10px;  
}

.checkbox.style-d {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .checkbox.style-d input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  .checkbox.style-d input:checked ~ .checkbox__checkmark {
    background-color: var(--primary-color);
  }
  .checkbox.style-d input:checked ~ .checkbox__checkmark:after {
    opacity: 1;
  }
  .checkbox.style-d:hover input ~ .checkbox__checkmark {
    background-color: #fff;
  }
  .checkbox.style-d:hover input:checked ~ .checkbox__checkmark {
    background-color: var(--primary-color);
  }
  .checkbox.style-d:hover input ~ .checkbox__body {
    color: var(--primary-color);
  }

  .gawayform .checkbox.style-d:hover input ~ .checkbox__body {
    color: #fff;
  }
  .checkbox.style-d .checkbox__checkmark {
    position: absolute;
    top: -1px;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #fff;
    transition: all 0.2s ease-in-out;
    border-radius: var(--border-radius);
  }
  .checkbox.style-d .checkbox__checkmark:after {
    content: "";
    position: absolute;
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity 0.25s ease;
  }
  .checkbox.style-d .checkbox__body {
    color: #fff;
    font-size: 14px;
    transition: color 0.25s ease;
    font-weight: normal;
  }
  
  #gaway-form {
    padding:40px;
  }

  #gaway-form .ep-row {
    align-items: flex-start;
    width: 100%;
  }

  #gaway-form .ep-checkbox {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding-bottom: 30px;
  }

  .ep-row input[name="user_phone"] {
    position: relative;
    padding-left:46px;
  }

  .ep-row input[name="user_phone"] {
    background:var(--primary-dark-color) url('assets/images/romania.png');
    background-repeat: no-repeat;
    background-size: 26px;
    display: block;
    background-position: 10px;
  }

  #gaway-form input[type="submit"] {
    width: 100%;
    transition: all 0.2s ease-in-out;
  }

  #gaway-form input[type="submit"]:hover {
    background:var(--primary-color);
    cursor: pointer;
  }

  .code-inputs {
    display: flex;
    align-items: center;
    gap: 20px;
  }

  .code-inputs input {
    width: 25%;
  }

  .mycred-pagination .page-numbers {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 8px 15px;
    border-radius: var(--border-radius);
    background-color: var(--primary-dark-color);
    color: var(--primary-color);
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
    width: 40px;
    height: 40px;
    text-align: center;
    
  }

  .mycred-pagination .page-numbers:hover {
    background-color: #3498db;
    color: white;
    border-color: #3498db;
  }

  .mycred-pagination {
    padding: 20px;
    display: flex;
    gap: 10px;
    justify-content: center;
  }

  .mycred-pagination .page-numbers.current {
    background-color: #3498db;
    color: white;
    border-color: #3498db;
  }


  .jl-verify__over {
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 109;
    left: 0;
    top: 0;
    opacity:0;
    backdrop-filter: blur(5px);
  }

  .jl-verify__content {
    position: absolute;
    width: 500px;
    background: var(--primary-dark-dark);
    padding: 40px;
    border-radius: var(--border-radius);
    z-index: 110;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .jl-verify__meta {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  .jl-verify__meta .logo img {
    display:block;
    width: 120px;
  }

  .jl-verify__meta .logo {
    padding-bottom:20px;
  }

  .jl-verify__meta h2 {
    color:#fff;
    font-family: var(--font-secondary);
  }

  .jl-verify__meta span {
    color: var(--alphatext);
    text-align: left;
    font-weight: 300;
    font-family: var(--font-secondary);
  }

  .jl-verify__meta span span {
    color:#fff;
  }

  .jl-verify .code-inputs {
    padding:20px 0;
    gap:10px;
    position: relative;
  }

  .jl-verify .code-inputs svg {
    width: 22px;
    height: 22px;
    position: absolute;
    left: 10px;
    fill: var(--alphatext);
    display: block;
  }

  .da-form__row.error .code-inputs svg {
    fill:var(--error-color);
  }
  
  .jl-verify input[type="submit"].btn-submit {
    font-family: var(--font-secondary);
  }

  .jl-verify .code-inputs input {
    width:100%;
    text-align: left;
    border: 1px solid var(--alphatext);
    background: transparent;
    font-family: var(--font-secondary);
    padding: 25px 20px 5px 40px;
  }

  .additional-text {
    position: absolute;
    top: 28px;
    font-size: 12px;
    font-family: var(--font-secondary);
    color: var(--alphatext);
    left: 40px;
    pointer-events: none;
  }

  .da-form__row.error .additional-text {
    color:var(--error-color);
  }

  .jl-verify__meta .colorify-username {
    color:#fff;
  }

  .page-template-verify .main-header {
    opacity:0;
  }

  .da-form__row.error input,
  .da-form__row.error select#user_city,
  .ep-row.error input,
  .ep-row.error select {
        border: 1px solid var(--error-color);    
    }

    

    .da-form__row.success input,
    .da-form__row.success select#user_city {
        border: 1px solid var(--succes-color);
    }

    .da-form__row small,
    .ep-row small {
        color: var(--error-color);
        visibility: hidden;
        font-size:80%;
    }

    .da-form__row.error small,
    .ep-row.error small{
        visibility: visible;
    }

    .da-form__row input[type=checkbox]#terms,
    .da-form__row input[type=checkbox]#no_email,
    .gawayform input[type=checkbox] {
        position: absolute;
    }

    .da-form__row .da-form-checkbox-label {
        padding-left:26px;
        font-size:14px;
    }

    .ginfo {
        background: #ccf8d4;
        border-radius: var(--border-radius);
        padding: 15px;
        margin:20px 0;
    }

    .ginfo__head__icon {
        display: flex;
        align-items: center;  
    }
    .ginfo__head__icon svg {
        width: 19px;
        height: 19px;
        fill:#004822;
    }

    .ginfo__content {
        color:#000;
    }

    .ginfo__head {
        display: flex;
        align-items: center;
        gap: 10px; 
    }

    .ginfo__head__title {
        font-weight: bold;
        font-family: var(--font-secondary);
    }

    .ginfo__description {
        font-size: 14px;
        padding-left: 30px;
        line-height: 14px;
        font-family: var(--font-secondary);
        font-weight: 500;
    }


    /* Change the white to any color */
    .da-form__row input:-webkit-autofill,
    .da-form__row input:-webkit-autofill:hover, 
    .da-form__row input:-webkit-autofill:focus, 
    .da-form__row input:-webkit-autofill:active {
        background:var(--primary-dark-color) !important;
        -webkit-box-shadow: 0 0 5px rgba(246, 8, 110, 0) !important;
                box-shadow: 0 0 5px rgba(246, 8, 110, 0) !important;
        border: 1px solid rgba(246, 8, 110, 0) !important;
    }

    .ml-cat input[type="radio"]:checked + label {
        border:2px solid var(--primary-color);
    }

    .ml-cat input[type="radio"] {
        display:none;
    }
    .mlegion .ep-row input[type="text"] {
        background:var(--primary-dark-dark);
    }
    .mlegion {
        background: var(--primary-dark-color);
        padding: 40px;
        border-radius: var(--border-radius);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        position: relative;
        overflow: hidden;
    }

    .ml__cats__list {
        display: flex;
        gap: 10px;
        align-items: center;
        justify-content: center;
        padding: 20px 0;  
    }

    .ml__cats__list.error .ml-cat label {
        border-color:var(--error-color);
    }

    .mlegion-back {
        position: absolute;
        top: 40px;
        background: rgba(255, 255, 255, 0.1);
        transition: all 0.2s ease-in-out;
        color: #fff;
        font-size: 12px;
        padding: 3px 10px;
        border-radius: var(--border-radius);
        left: 40px;
    }

    .ml-products__content > div {
        display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    }

    .mlegion-back:hover {
        cursor: pointer;
        background: rgba(255, 255, 255, 0.3);
    }

    .mlegion__welcome.empty {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;  
    }

    .ml__prize {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 40px 0;
        gap: 10px;   
    }

    .ml__prize.clean {
        opacity:0.2;
    }

    .ml__prize__value {
        color: #fff;
        text-transform: uppercase;
        font-weight: 500; 
    }

    .mlwecome__message h3 {
        color:#fff;
    }

    .mlwecome__message .description {
        color: var(--alphatext);
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50%;
        margin: 0 auto;
    }

    .ml-cats {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    
    .ml-cats .error-message {
        padding-top: 20px;
        color: var(--error-color);
        font-size: 14px;
        font-weight: normal;  
    }

    .ml__model .error-message {
        padding-top: 20px;
        color: var(--error-color);
        font-size: 14px;
        font-weight: normal;
    }

    .ml-cat label {
        display: flex;
        width: 90px;
        height: 90px;
        background: var(--primary-dark-dark);
        padding: 15px;
        border-radius: var(--border-radius);
        border:2px solid var(--primary-dark-dark);
        transition: all 0.2s ease-in-out;
    }

    .ml-cat label:hover {
        background:var(--primary-dark-color);
        cursor: pointer;
    }

    .ml-cat label img {
        display:block;
        width: 80px;
    }

    .mlegion-head p {
        display:flex;
        align-items: center;
        gap:5px;
        color:#fff;
    }

    .mlegion-head p svg {
        display:block;
        width: 19px;
        height: 19px;
    }

    .mlwecome__icon svg {
        width: 48px;
        height: 48px;
        fill: var(--primary-dark-dark);
        display: block;  
    }

    .ml__prize__icon svg {
        display:block;
        width: 80px;
        height: 80px;
    }

    .ml__addproducts {
        display: flex;
        justify-content: center  
    }

    .mlegion-head {
        display: flex;
        flex-direction: column;
        color: #fff; 
    }

    .mlegion-head h3 {
        margin:0;
        padding-bottom:20px;
    }

    .mlegion-head small {
        color:var(--alphatext);

    }

    .ml-products {
        position: absolute;
        background: var(--primary-dark-color);
        left: 0;
        top:0;
        width: 100%;
        height: 100%;
    }

    .ml-products__content {
        padding:40px;
        box-sizing: border-box;
        height: 100%;
    }

    .ml__model {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center; 
    }

    .ml__model .ep-row input {
        text-align: center;
    }

    .ml__model .ep-row.error input {
        border-color:var(--error-color);
    }

    .mlegion .jloader {
        position: absolute;
        pointer-events: none;
        left:0;
        top:0;
        width: 100%;
        height: 100%;
        background:var(--primary-dark-color);
        display:flex;
        align-items: center;
        justify-content: center;
        z-index: 120;
    }
    .mlegion .jloader img {
        display: block;
        width: 42px;
        height: 42px;
        animation: animName 2s linear infinite;
    }

    .giveaway__rollproduct__count {
        background: red;
        padding: 10px;
        width: 32px;
        height: 32px;
        display: none;
        justify-content: center;
        align-items: center;
        border-radius: 50px;
        position: absolute;
        top: 0;
        right: 0;  
    }


    #gway__loader {
        position: absolute;
        pointer-events: none;
        left: 50%;
        top: 65px;
        width: 290px;
        height: 145px;
        align-items: center;
        justify-content: center;
        z-index: 120;
        display: none;
        transform: translateX(-50%);
    }

    #gway__loader.show {
        display:flex;
    }

    #gway__loader img {
        display: block;
        width: 42px;
        height: 42px;
        animation: animName 2s linear infinite;
    }

    .mlegion input[name="submit_mylegion"] {
        font-size: 16px;
        background-color: #3e8cde;
        padding: 17px 50px;
        white-space: nowrap;
        color: #fff;
        text-decoration: none;
        border: 1px solid #3e8cde;
        width: fit-content;
        display: block;
        font-weight: 500;
        border-radius: var(--border-radius);
        transition: all 0.2s ease-in-out;
        width: 300px;
        margin-top: 20px;
    }

    .mlegion input[name="submit_mylegion"]:hover {
        cursor: pointer;
        background:var(--primary-color-hover);
        border-color:var(--primary-color-hover);
    }

    #addProductBtn {
        transition: all 0.2s ease-in-out;
    }

    #addProductBtn:hover {
        cursor: pointer;
        background:var(--primary-color-hover);
        border-color:var(--primary-color-hover);
    }

    .ml__product {
        display: flex;
        align-items: center;
        gap:10px;
        padding-bottom: 20px;
        border-bottom: 1px solid var(--primary-dark-dark);
    }
    
    .ml__products .ml__product:last-of-type {
        border-bottom:0;
    }

    .ml-cat.added label {
        filter: grayscale(1);
        cursor: not-allowed;
        opacity:0.5;
    }

    .ml__product__meta {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap:5px;
    }

    .ml__product__thumb {
        background: var(--primary-dark-dark);
        width: 56px;
        height: 56px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px;
        border-radius: var(--border-radius);
    }

    .ml__product__thumb img {
        display:block;
    }

    .ml__products {
        padding: 40px 0;
        width: 600px;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .ml__meta__cat {
        background: var(--primary-dark-dark);
        color: var(--alphatext);
        font-weight: normal;
        font-size: 12px;
        padding: 2px 10px;
        border-radius: var(--border-radius);  
    }

    .ml__meta__product {
        color:#fff;
    }

    .ml__product__remove button {
        background:var(--primary-dark-dark);
        border-radius:50%;
        padding:10px;
        border:0;
        outline: none;
        transition: all 0.2s ease-in-out;
    }

    .ml__product__remove button:hover {
        cursor: pointer;
        background:var(--error-color);
    }

    .ml__product__remove button svg {
        display:block;
        width: 19px;
        height: 19px;
        fill:var(--alphatext);
    }

    .ml__product__remove {
        margin-left: auto;
    }

    .giveaway-status {
        color:#fff;
    }

    .ar__header__cover {
        overflow: hidden;
        border-radius: var(--border-radius);
        position: relative;
    }

    .ar__header__cover:before {
        content: "";
        background: rgb(0,0,0);
        background: linear-gradient(87deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
        position: absolute;
        left:0;
        top:0;
        width: 100%;
        height: 100%;
    }

    .ahcover__cover img {
        display:block;
        border-radius: var(--border-radius);
    }

    .ar__header__cover .archive__meta__breadcrumbs {
        position: absolute;
        left: 40px;
        top: 40px;
    }

    .block__headline__more {
        display:none;
    }

    .ahcover__meta {
        position: absolute;
        left: 0px;
        bottom: 0;
    }

    .ahcover__meta__content {
        padding: 40px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: left;
        align-items: left;
    }

    .ahcover__meta__content .description {
        padding:10px 0;
    }
    .ahcover__meta__content .description p {
        text-align: left;
        width: 50%;
        color:#fff;
        font-size:14px;
    }

    .ahcover__meta__content .title h2 {
        color: #fff;
        padding: 0;
        margin: 0;
        text-transform: uppercase;
        font-size: 38px;
    }

    .ahcover__meta .primary-button {
        color:#fff;
        padding:13px 50px;
        transition: all 0.2s ease-in-out;
    }

    .ahcover__meta .primary-button:hover {
        cursor: pointer;
        border-color:var(--primary-color-hover);
        background:var(--primary-color-hover);
    }

    .ahcover__meta .primary-button:visited {
        color:#fff;
    }

    #product-filter {
        display: flex;
        justify-content: space-between;
        width: 100%;
        gap: 10px; 
    }

    #product-filter select,
    #product-filter button {
        width: calc(20% - 1rem);
    }

    #product-filter select {
        background:var(--primary-dark-dark);
        color:#fff;
        border-radius:var(--border-radius);
        padding:10px 20px;
        border:1px solid var(--primary-dark-dark);
    }

    #product-filter button {
        background:var(--primary-color);
        color:#fff;
        border-radius:var(--border-radius);
        padding:10px 50px;
        border:1px solid var(--primary-color);
        transition: all 0.2s ease-in-out;
    }

    #product-filter button:hover {
        cursor: pointer;
        color:#fff;
        background:var(--primary-color-hover);
        border-color:var(--primary-color-hover);
    }

    .ar__filter__headline {
        color: #fff;
        font-weight: 500;
        font-size: 20px;
        padding: 20px 0; 
    }


    .daform-checkbox__rememberme__row .da-form-checkbox-label {
        padding-left:0;
    }

    #winners-list {
        padding: 40px;
        width: 100%;
        display:none;
    }

    #winners-list ul {
        list-style-type: none;
    }

    .ww__prize__image  {
        background:var(--primary-dark-dark);
        padding:10px;
        border-radius:var(--border-radius);
    }
    .ww__prize__image img {
        display:block;
        max-width: 32px;
        height: auto;
    }

    .ww__meta {
        display:flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .ww__prize {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-left: auto;
    }

    .ww__meta__date {
        color:var(--alphatext);
        font-weight: normal;
        font-size:12px;
        width: 100%;
    }

    .winners_winner {
        background: var(--primary-dark-color);
        padding: 20px;
        border-radius: var(--border-radius);  
    }

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

    .ww__content {
        display: flex;
        align-items: center;
        gap: 10px;  
    }

    .ww__avatar img {
        display:block;
        max-width: 48px;
        height: auto;
        border-radius:50px;
    }

    #clear-winners-button {
        background: var(--error-color);
        color: #fff;
        font-weight: 600;
        outline: none;
        border: 0;
        padding: 10px 15px;  
		display:none;
    }

    #main-category-buttons {
        display: flex;
        justify-content: center;
        gap: 20px;
        align-items: center; 
        padding: 40px 0;
    }

    .category-btn {
        background: var(--primary-dark-color);
        color: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        width: 20%;
        transition: all 0.2s ease-in-out;
        border-color:var(--primary-dark-color);
        padding: 20px;
    }

    .category-btn.active {
        background:var(--primary-color);
        border-color:var(--primary-color);
    }

    .category-btn.active:hover {
        background:var(--primary-color-hover);
        border-color:var(--primary-color-hover);
    }

    .category-btn-title {
        font-weight: 600;
        font-size: 16px; 
    }

    .category-btn:hover {
        cursor:pointer;
        background:var(--primary-dark-dark);
        border-color:var(--primary-dark-dark);

    }

    .category-btn .category-btn-thumb img {
        display:block;
    }


    .familycat-btn[data-category="laptop-mainstream"] .fcat__title {
        color:#ae3fdd;
        background: rgba(174, 63, 221, 0.1);
    }

    .familycat-btn[data-category="laptop-pro-gaming"] .fcat__title {
        background: rgba(219, 132, 62, 0.1);
        color: #db843e;
    }

    .familycat-btn[data-category="desktop-pro-gaming"] .fcat__title {
        background: rgba(219, 132, 62, 0.1);
        color: #db843e;
    }

    .familycat-btn[data-category="laptop-enthuziast"] .fcat__title {
        background: rgba(62, 140, 222, 0.1);
        color: #3e8cde;
    }

    .familycat-btn[data-category="desktop-enthuziast"] .fcat__title {
        background: rgba(62, 140, 222, 0.1);
        color: #3e8cde;
    }

    .familycat-btn[data-category="laptop-casual"] .fcat__title {
        background: rgba(237, 237, 92, 0.1);
        color: #eded5c;
    }

    .familycat-btn[data-category="desktop-casual"] .fcat__title {
        background: rgba(237, 237, 92, 0.1);
        color: #eded5c;
    }


    .familycat-btn[data-category="laptop-mainstream"]:hover {
        cursor:pointer;
        background: #ae3fdd;
        background: linear-gradient(to bottom, #ae3fdd 0, rgba(174, 63, 221, .2) 100%);
    }

    .familycat-btn[data-category="laptop-pro-gaming"]:hover {
        cursor:pointer;
        background: #db843e;
        background: linear-gradient(to bottom, #db843e 0, rgba(237, 237, 92, .2) 100%);
    }

    .familycat-btn[data-category="desktop-pro-gaming"]:hover {
        cursor:pointer;
        background: #db843e;
        background: linear-gradient(to bottom, #db843e 0, rgba(237, 237, 92, .2) 100%);
    }

    .familycat-btn[data-category="laptop-enthuziast"]:hover {
        cursor:pointer;
        background: #3e8cde;
        background: linear-gradient(to bottom, #3e8cde 0, rgba(62, 140, 222, .2) 100%);
    }

    .familycat-btn[data-category="desktop-enthuziast"]:hover {
        cursor:pointer;
        background: #3e8cde;
        background: linear-gradient(to bottom, #3e8cde 0, rgba(62, 140, 222, .2) 100%);
    }

    .familycat-btn[data-category="laptop-casual"]:hover {
        cursor:pointer;
        background: #eded5c;
        background: linear-gradient(to bottom, #eded5c 0, rgba(237, 237, 92, .2) 100%);
    }

    .familycat-btn[data-category="desktop-casual"]:hover {
        cursor:pointer;
        background: #eded5c;
        background: linear-gradient(to bottom, #eded5c 0, rgba(237, 237, 92, .2) 100%);
    }


    .familycat-btn[data-category="desktop-casual"]:hover .fcat__title,
    .familycat-btn[data-category="desktop-enthuziast"]:hover .fcat__title,
    .familycat-btn[data-category="desktop-pro-gaming"]:hover .fcat__title,
    .familycat-btn[data-category="laptop-mainstream"]:hover .fcat__title,
    .familycat-btn[data-category="laptop-pro-gaming"]:hover .fcat__title,
    .familycat-btn[data-category="laptop-enthuziast"]:hover .fcat__title,
    .familycat-btn[data-category="laptop-casual"]:hover .fcat__title {
        background: rgba(255, 255, 255, 0.3);
        color:#fff;
    }

    .familycat-btn .fcat__title {
        font-weight: 600;
        font-size: 16px;
        padding:10px 50px;
        border-radius:50px;
    }

    .familycat-btn .fcat__description p {
        padding: 20px 0;
        font-size: 14px;
        line-height: 17px;
        color: var(--alphatext);
        margin:0;
    }

    .familycat-btn .fcat-pick {
        margin-top:auto;
    }
   

    #family-category-buttons {
        display:flex;
        align-items: stretch;
        gap:20px;
    }

    #family-category-buttons.empty {
        display:none;
    }

    .familycat-btn {
        background: var(--primary-dark-color);
        border-radius: var(--border-radius);
        border: 0;
        padding: 20px;
        color: #fff;
        width: calc(25% - 1rem);
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: center;
    }

    .familycat-btn[data-category="laptop-mainstream"].active {
        background: #ae3fdd;
        background: linear-gradient(to bottom, #ae3fdd 0, rgba(174, 63, 221, .2) 100%); 
    }

    .familycat-btn[data-category="laptop-casual"].active {
        background: #eded5c;
        background: linear-gradient(to bottom, #eded5c 0, rgba(237, 237, 92, .2) 100%);
    }

    .familycat-btn[data-category="laptop-enthuziast"].active {
        background: #3e8cde;
        background: linear-gradient(to bottom, #3e8cde 0, rgba(62, 140, 222, .2) 100%);
    }

    .familycat-btn[data-category="laptop-hardcore"].active {
        background: #db843e;
        background: linear-gradient(to bottom, #db843e 0, rgba(237, 237, 92, .2) 100%);
    }

    .familycat-btn[data-category="laptop-mainstream"].active .fcat__title,
    .familycat-btn[data-category="laptop-casual"].active .fcat__title,
    .familycat-btn[data-category="laptop-enthuziast"].active .fcat__title,
    .familycat-btn[data-category="laptop-hardcore"].active .fcat__title {
        background: rgba(255, 255, 255, 0.3);
        color:#fff;
    }

    .gaway__connect {
        padding: 40px;
        display: flex;
        align-items: center;
        gap: 20px;
        flex-direction: column;
    }

    .gaway__connect__column {
        display: flex;
        align-items: center;
        gap: 20px; 
        padding-top:20px;
    }

    .gaway__connect__headline .description {
        color:var(--alphatext);
        font-size:14px;
        font-family: var(--font-secondary);
    }

    .gaway__connect__headline h3 {
        margin:0;
        padding:0 0 20px 0;
        font-family: var(--font-secondary);
    }

    .gaway__connect__or {
        font-size:12px;
        color: #fff;
        font-family: var(--font-secondary);
    }

    .gaway__connect__row .account-sign-in {
        border: 1px solid var(--primary-color);
        padding: 10px 20px;
        border-radius: var(--border-radius);
        color: var(--primary-color);
        font-weight: normal;
        font-size: 14px;  
        font-family: var(--font-secondary);
    }

    .gaway__connect__row .account-sign-in:hover {
        color:#fff;
        background:var(--primary-color-hover);
        border-color:var(--primary-color-hover);
    }

    .gaway__connect__row .account-join {
        border: 1px solid var(--primary-color);
        padding: 10px 20px;
        border-radius: var(--border-radius);
        color: #fff;
        background:var(--primary-color);
        font-weight: normal;
        font-size: 14px; 
        font-family: var(--font-secondary);
    }

    .gaway__connect__row .account-join:hover {
        border-color:var(--primary-color-hover);
        background:var(--primary-color-hover);
    }

    .giveaway__win__product {
        display:flex;
        align-items: center;
        gap:10px;
    }

    .giveaway__roll__product {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
    }

    .gaway__rollprod__thumb {
        padding: 40px 0; 
        position: relative;
    }

    .giveaway__roll {
        padding:20px 0;
        position: relative;
    }

    .giveaway__roll__headline {
        font-family: var(--font-secondary);
    }

    .gaway__rollprod__title {
        font-size: 14px;
        line-height: 16px;
        background: red;
        padding: 10px 20px;
        border-radius: 50px
    }

    .gaway__rollprod__thumb img {
        display:block;
        max-width: 128px;
    }

    .gaway__rollprod__thumb.active img {
        filter: saturate(6.5) blur(35px);
    }

    .giveaway__win__meta {
        display: flex;
        flex-direction: column;
    }

    .giveaway__win__productimg {
        background:var(--primary-dark-dark);
        border-radius:3px;
        padding:10px;
    }
    
    .giveaway__win__productimg img {
        display: block;
        width: 36px;
        height: auto
    }

    .giveaway__win__meta span:nth-child(2) {
        color: var(--alphatext);
        font-size:12px;
    }

    .sprod-pnk {
        align-items: center;
        gap: 10px;
        font-size: 14px;
        color: var(--alphatext);
        background: var(--primary-dark-color);
        padding: 5px 10px;
        display: inline-flex;
        border-radius: 50px;
    }

    .sprod-pnk .sprod-pnk__label {
        font-size:14px;
        font-weight: normal;
    }

    .sprod-pnk__value {
        color:#fff;
    }

    .wp-block-embed__wrapper iframe {
        width: 100%;
        height: 600px;
        border-radius:10px;
        overflow: hidden;
    }

    /* Make YouTube videos inserted via WordPress oEmbed full-width */

    .wp-element-caption a {
        color:var(--primary-color);
        text-decoration: none;
    }

    .wp-element-caption a:visited {
        color:var(--primary-color);
        text-decoration: underline;
    }
    .gaway {
        max-width: 1200px;
        margin: 0 auto;
    }

    .gaway-content {
        padding-bottom: 40px;
    }

    .gaway-success {
        background: #ceffce;
        color: green;
        border-left: 5px solid green;
        padding: 5px 20px;
        display: inline-flex;
        justify-content: center;
        margin:0 auto;
    }

    .gaway-info {
        background: #d4feff;
        color: rgb(0, 102, 255);
        border-left: 5px solid rgb(0, 102, 255);
        padding: 5px 20px;
        display: inline-flex;
        justify-content: center;
        margin:0 auto;
    }
    .gaway-hold {
        background: #fff6d1;
        color: orange;
        border-left: 5px solid orange;
        padding: 5px 20px;
        display: inline-flex;
        justify-content: center;
        margin:0 auto; 
    }

    .gaway-fail {
        background: #ffc6c6;
        color: red;
        border-left: 5px solid red;
        padding: 5px 20px;
        display: inline-flex;
        justify-content: center;
        margin:0 auto; 
    }

    .gaway-success p,
    .gaway-hold p, 
    .gaway-fail p,
    .gaway-info p {
        margin:0;
        padding:0;
        font-size:14px;
    }

    .gaway-header {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .gaway-header .confetti-canvas {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5; /* above header content if needed */
}

/* Big Apple-style confetti emoji */
.ws-winner-head .emoji-confetti{
  font-family: "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",system-ui,sans-serif;
     font-size: clamp(48px, 8vw, 48px);
    line-height: 1;
    display: inline-block;
    margin-bottom: 10px;
    transform-origin: center;
    filter: drop-shadow(0 2px 0 rgba(0, 0, 0, .08))
}

/* cute pop-in when shown */
.ws-winner .emoji-confetti{
  animation: confetti-pop .5s cubic-bezier(.2,.9,.25,1.2);
}
@keyframes confetti-pop{
  0%{ transform: scale(.8) rotate(-6deg); opacity: 0 }
  60%{ transform: scale(1.08) rotate(2deg); opacity: 1 }
  100%{ transform: scale(1) rotate(0) }
}



    .shead-mobilemenu {
        display:none;
    }

    .shead-mobilemenu svg {
        display:block;
        width: 24px;
        height: 24px;
        fill:#fff;
    }
    .gaway-header__title {
        padding-top: 20px;
        text-align: center;
    }
    .gaway-header__title h1 {
        color: #fff;
        font-weight: 600;
        padding: 0;
        margin: 0;
        letter-spacing: 0;
    }

    .gaway-header__content {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;   
    }

    .gaway-header__content:after {
        content: "";
        position: absolute;
        background: #ffffff;
        background: radial-gradient(circle,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    }

    .gaway .gaway-content {
        max-width: 1000px;
        background: transparent;
        margin: 0 auto;
        overflow: hidden;
        width: 100%;
    }


    .gaway-medal svg {
        display: block;
        width: 19px;
        height: 19px;
        fill: #ffb700;
    }

    .gaway-body__description {
        text-align: center;
        color: #fff;
        padding: 0;
    }

    .gaway-body__description p {
        font-size:14px;
    }

    .gaway-rolldate {
        background: var(--primary-dark-dark);
        color: #fff;
        border-radius: 50px;
        display: inline-flex;
        padding: 5px 20px;
        margin-top: 20px;
        position: relative;
    }

    .gaway-rolldate p {
        margin:0;
        padding:0;
        font-size: 14px;
    }

    .double-blue,
    .double-blue[type='submit'] {
        width: 100%;
        box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
        background-image: linear-gradient(to right, #1564c9 0%, #5a90d6 50%, var(--primary-color) 100%);
        background-size: 200% auto;
        border: 0;
        padding: 20px;
        color: #fff;
        font-weight: 600;
        text-transform: uppercase;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        transition: 0.5s;
        border-radius: 15px;
    }


    .double-blue:hover,
    .double-blue[type='submit']:hover {
        background-position: right center;
        cursor: pointer;
    }

    .gaway-form-bottom {
        display:flex;
        justify-content: center;
        align-items: center;
    }

    .double-blue.medium,
    .double-blue[type='submit'].medium {
        width: 50%;
    }

    .gawayform .da-form-checkbox-label {
        font-size:14px;
        color:#fff;
        text-align: center;
        font-weight: normal;
    }

    .gawayform .da-form-checkbox-label a,
    .gawayform .da-form-checkbox-label a:visited,
    .gawayform .da-form-checkbox-label a:focus {
        color:var(--primary-color);
        text-decoration: none;
        font-size:14px;
        font-weight: normal;
    }

    .gawayform .da-form-checkbox-label a:hover {
        color:var(--primary-color-hover);
        text-decoration: underline;
    }

    .gawayform input[type="submit"] {
        background: var(--primary-color-hover);
        border: none;
        border-radius: 50px;
        color: #fff;
        padding: 10px 40px;
        margin: 0 auto;
        display: flex;
        margin-top: 30px;
        font-family: var(--font-secondary);
        padding: 17px 50px;
        transition: all 0.2s ease-in-out;
        width: 250px;
    }

    .gawayform input[type="submit"]:hover {
        background:var(--primary-color);
        cursor:pointer;
    }

    .gaway-body {
        padding:40px 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .gaway-header__content img {
        width: 100%;
    }

    .gaway-header__content img.rolled {
        filter: blur(15px);
        opacity: 0.5;
    }

    #winner-result {
        position: absolute;
        z-index: 112;  
        top:20px;
    }

    .ws-winner-content {
        color: #fff;
        font-size: 26px;
        font-weight: 600;
        letter-spacing: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(21px);
        padding: 40px;
        border-radius: 10px;
    }

    .ws-winner-head {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .ws-winner {
        min-width: 250px;
    }
    .ws-winner-head .text {
        font-size:16px;
        color:#fff;
    }

    .ws-winner-name {
        color: #ffb700;  
    }

    .gawayform input[type="checkbox"] {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    .gaway-winner__avatar {
        display: none;
        width: 56px;
        height: 56px;
        border-radius: 50%;
        overflow: hidden;
        border:2px solid #ffad03;
    }

    .gaway-winner__avatar img {
        display:block;
    }

    .gaway_prize__title {
        padding: 3px 20px;
        text-align: center;
        display: inline-flex;
        border-radius: 50px;
        color: #fff;
        font-weight: 600;
        background: linear-gradient(270deg, #1564c9, var(--primary-color));
    }

    .gaway-wcontent {
        position: relative;
    }
    .gaway-wheader h2 {
        color: #fff;
        font-weight: 600;
        padding: 0;
        margin: 0;
        font-size: 20px;
        text-align: center;
    }

    .gaway-winners {
        margin-top: auto;
        width: 100%;
    }

    .gaway-winner__name {
        color: #fff;
        padding: 5px 20px;
        border-radius: 50px;
        min-width: 119px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--primary-dark-dark);
        font-weight: 500;
        font-size: 14px;
        letter-spacing: 0;
        gap: 10px;
    }

    .gaway-winner {
        margin-top: 5px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 5px;
        position: relative;
        min-width: 130px;
        border-radius: var(--border-radius);
        background: rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(21px);
        width: calc(100% / 5);
        padding: 20px;
        box-sizing: border-box;
        align-self: stretch;
        gap: 20px;
    }

    .gaway-wwinner {
        display:flex;
        align-items: center;
        justify-content: center;
    }
    .gaway-wwinner svg {
        fill: #ffac00;
        width: 32px;
        height: 32px;
        display: block;
    }

    #roll-winner-button {
        background: linear-gradient(314deg, #19c920, #9adb1a);
        border: 0;
        width: 100px;
        height: 100px;
        border-radius: 50px;
        display: block;
        padding: 0;
        margin: 0;
        color: #fff;
        font-weight: 600;
        letter-spacing: 0;
        font-size: 18px;
        transition: .5s;
        padding:10px;
    }

    #roll-winner-button:hover {
        transform: scale(1.1);
        cursor: pointer;
    }

    .search-section-title {
        background: rgba(0, 0, 0, 0.3);
        padding: 10px;
        display: inline-flex;
        border-radius: 9px;
        backdrop-filter: blur(10px);
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        gap:10px;
    }

    /* Add this to your theme's CSS */
.main-navigation {
  position: relative;
  overflow: visible; /* Change from hidden if needed */
}

.main-navigation .icon {
  position: static !important;
  display: inline-block;
}

#redeem {
    display:none;
}

.jl-verify {
	z-index:999 !important;
}
 

/* Buttons row */
.gaway-admin-actions {
  display: flex;
  gap: 10px;
  margin: 12px 0 6px;
}
.gaway-admin-actions .button.primary {
  background: #1d4ed8;
  border-color: #1e40af;
  color: #fff;
}

/* Winner result card */
#winner-result { margin-top: 14px; }
.winner-preview-card {
  position: relative;
  border-radius: 16px;
  padding: 16px;
  background: linear-gradient(135deg, #ecf2ff, #f5f7ff);
  border: 1px solid #dfe7ff;
  box-shadow: 0 6px 20px rgba(0,0,0,0.06);
}
.winner-preview-card.is-dev {
  background: linear-gradient(135deg, #fff7ed, #fffbeb);
  border-color: #fde68a;
}
.winner-preview-card .ribbon {
  position: absolute;
  top: 12px;
  right: -10px;
  background: #f59e0b;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  padding: 4px 12px;
  transform: rotate(8deg);
  border-radius: 6px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.15);
}
.text-bfooter {
    font-size: 16px;
    color: #fff;
}
.winner-preview-card .winner-top {
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 14px;
  align-items: center;
}
.winner-preview-card .avatar img {
  width: 80px; height: 80px; border-radius: 999px;
  box-shadow: 0 2px 0 rgba(0,0,0,0.08), inset 0 0 0 3px #fff;
}
.winner-preview-card .meta .label {
  font-size: 13px; text-transform: uppercase; letter-spacing: .08em;
  color: #64748b; margin-bottom: 4px;
}
.winner-preview-card .meta .name {
  font-size: 22px; font-weight: 800; line-height: 1.1;
  color: #0f172a; margin-bottom: 6px;
}
.winner-preview-card .rank-pill {
  display: inline-block;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 700;
  background: #e8f1ff;
  color: #1d4ed8;
  border: 1px solid #cfe1ff;
  border-radius: 999px;
}

/* Prize block */
.winner-preview-card .prize {
  display: grid;
  grid-template-columns: 88px 1fr;
  gap: 12px;
  align-items: center;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed rgba(0,0,0,0.08);
}
.winner-preview-card .prize img {
  width: 88px; height: 88px; object-fit: cover; border-radius: 12px; border: 1px solid #e5e7eb;
}
.winner-preview-card .prize-info .place {
  font-weight: 800; color: #0f172a; margin-bottom: 2px;
}
.winner-preview-card .prize-info .desc {
  color: #334155; font-size: 14px;
}

/* Footer note + errors */
.winner-preview-card .foot-note {
  margin-top: 10px; font-size: 12px; color: #64748b;
}
.winner-error {
  padding: 12px;
  border: 1px solid #fecaca;
  background: #fef2f2;
  color: #7f1d1d;
  border-radius: 10px;
}

/* Small screens */
@media (max-width: 640px) {
  .winner-preview-card .winner-top { grid-template-columns: 64px 1fr; }
  .winner-preview-card .avatar img { width: 64px; height: 64px; }
  .winner-preview-card .meta .name { font-size: 18px; }
  .winner-preview-card .prize { grid-template-columns: 72px 1fr; }
  .winner-preview-card .prize img { width: 72px; height: 72px; }
}


/* Simple winner card */
#winner-result { margin-top: 14px; }

.ws-winner {
    border-radius: 14px;
    padding: 14px 16px;
    border: 1px solid #e5e7eb;
    background: #f8fafc;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ws-winner.prod { border-color: #3b92ff;
    background: rgb(0 17 43 / 61%);
}
.ws-winner.dev  { 
       border-color: #3b92ff;
    background: rgb(0 17 43 / 61%);
}

.ws-winner-head {
  display: flex;
  align-items: center;
  font-size: 16px;
}

.ws-winner-name {
     font-size: 28px;
    font-weight: 700;
    line-height: 1.1;
    padding: 10px 0;
}


#winner-result .ws-winner { position: relative; overflow: visible; }
#winner-result .confetti-canvas {
  position: absolute; inset: 0; pointer-events: none; z-index: 99999;
}

.ws-winner-rank {
  display: inline-block;
  margin-top: 6px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 700;
  border-radius: 999px;
  background: #e8f1ff;
  color: #1d4ed8;
  border: 1px solid #cfe1ff;
}

.ws-note {
  margin-top: 8px;
  font-size: 12px;
  color: #7c2d12;
}

/* Error state (unchanged) */
.winner-error {
  padding: 12px;
  border: 1px solid #fecaca;
  background: #fef2f2;
  color: #7f1d1d;
  border-radius: 10px;
}


:root {
	--primary-color: #3e8cde;
	--primary-color-hover: #0a69cd;
	--secondary-dark-color: #1a1a25;
	--primary-dark-color: #12121b;
	--primary-dark-dark: #07070c;
	--dash-color:#474747;
	--alphatext: rgba(255,255,255,0.6);
	--font-secondary: 'Oxygen';
	--font-primary: 'Work Sans';
	--border-radius: 7px;
    --succes-color: #2ecc71;;
    --error-color: #e74c3c;
}