a,
body,
html {
	color: #fff
}

.formAction,
.formAction:hover {
	-webkit-text-decoration-color: #666057;
	text-decoration-color: #666057;
	text-decoration: underline
}

.loader {
	animation: .65s linear infinite rotation;
	box-sizing: border-box
}

#storefront_product_content{
	font-size: 16px;
}

#storefront_product_content > p{
	opacity: 0.5;
  font-size: 14px;
  margin-bottom: 12px;
}

#storefront_product_content b{
	color: #97f3bc;
}

#storefront_product_action{
	font-size: 14px;
}

.loading .formAction,
.productHandle .addCard.disabled {
	pointer-events: none;
	opacity: .5
}

*,
.loader,
.paymentLoad>div {
	box-sizing: border-box
}

.footinfo>div>a:hover,
.formAction,
.formAction:hover {
	text-decoration: underline
}

body,
html {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
	line-height: 1.5;
	background: #12131a;
	width: 100%;
	min-height: 100vh;
	flex: 1;
	display: flex;
	flex-direction: column;
	overflow-x: hidden
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0
}

.storefront>.articles .article.expired .time,
.storefront>.articles .article.limited .time,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: '';
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

* {
	transition: color .1s linear, background .1s linear, fill .1s linear
}

a:active,
a:hover,
a:link,
a:visited {
	text-decoration: none
}

::-webkit-scrollbar {
	width: 6px
}

::-webkit-scrollbar-track {
	background: #23272d
}

::-webkit-scrollbar-thumb {
	background: #474f59
}

::-webkit-scrollbar-thumb:hover {
	background: #525a65
}

.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent
}

table {
  margin: 0rem 1rem;
  position: relative;
  width: calc(90vw - 2rem);
  max-width: 800px;
  border-spacing: 0 1rem;
}


table tr > * {
  text-align: center;
  padding: 0.5rem;
}

table tr > *:nth-child(2) {
  text-align: left;
}


table th {
  font-weight: 300;
  letter-spacing: 0.04rem;
  font-size: 0.9rem;
  color: #eee;
  text-transform: uppercase;
}

table td.position {
  font-weight: 500;
	font-size: 18px;
	color: rgba(255, 255, 255, 0.5);
	display: flex;
	align-items: center;
	justify-content: center;
}

table td.position img{
	height: 32px;
	width: 32px;
	margin-left: 12px;
}

table td.position.pos1, table td.position.gold {
	font-size: 34px;
	font-weight: 800;
	color: #d9a925;
}

table tr.pos1 b,
table tr.gold b{
	font-size: 34px;
	font-weight: 800;
	color: #d9a925;
}


table td.position.gold img{
	height: 42px;
	width: 42px;
}

table tr.silver td.position img,
table td.position.pos2 img,
table td.position.pos3 img,
table td.position.pos4 img{
	height: 38px;
	width: 38px;
}

table tr.silver td.position,
table td.position.pos2,
table td.position.pos3,
table td.position.pos4{
	font-size: 27px;
	font-weight: 800;
	color: #ccc6b8;
}

table tr.silver .player b,
table tr.pos2 b,
table tr.pos3 b,
table tr.pos4 b{
	font-size: 27px;
	font-weight: 800;
	color: #ccc6b8;
}

table tr.bronze td.position,
table td.position.pos5,
table td.position.pos6,
table td.position.pos7,
table td.position.pos8,
table td.position.pos9,
table td.position.pos10
{
	font-size: 24px;
	font-weight: 800;
	color: #856e58;
}

table tr.bronze b,
table tr.pos5 b,
table tr.pos6 b,
table tr.pos7 b,
table tr.pos8 b,
table tr.pos9 b,
table tr.pos10 b{
	font-size: 24px;
	font-weight: 800;
	color: #856e58;
}

table td.player {
  padding-left: 1rem;
  font-size: 18px;
  letter-spacing: 0.05rem;
}
table td.player strong {
  text-transform: uppercase;
  font-weight: 500;
}
table td.player span {
  text-transform: capitalize;
  margin-left: 0.75rem;
  font-size: 17px;
  color: #999;
  letter-spacing: initial;
}

table td.gap span {
  background: #38383F;
  border-radius: 30px;
  padding: 4px 8px;
  font-size: 18px;
	font-weight: 500;
	text-align: center;
	display: inline-block;
	min-width: 64px;
  text-transform: uppercase;
}

header {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 160px;
	background-image: none;
	background-size:100% 100%;
}


header .head {
	height: 80px;
	width: calc(100% - 32px);
	left: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
}

header .head .burger {
	position: absolute;
	left: 15px;
	display: none
}

header .head h1 {
	margin: 0;
	padding: 0;
	font-size: 32px;
	font-weight: 800;
	text-align: center;
	font-family: Georgia, 'Times New Roman', Times, serif;
	background: -webkit-linear-gradient(#fff1dc, #c08b27);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

header .head .account {
	position: absolute;
	right: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row
}

header .head .account>a {
	padding: 6px 18px;
	border-radius: 32px;
	margin-left: 10px;
	font-size: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row
}

header .head .account>a:hover {
	background: rgba(232, 159, 39, .2);
	cursor: pointer
}

header .head .account>a.register {
	background: #e89f27;
	color: #000;
	font-weight: 500
}

header .head .account>a.register:hover {
	background: #e89100
}

header .head .account>a svg {
	height: 20px;
	width: 20px;
	margin-right: 4px
}

header nav {
	height: 54px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row
}

.subHeader,
header nav>a {
	display: flex;
	align-items: center
}

header nav>a {
	font-weight: 600;
	font-size: 20px;
	margin-left: 18px;
	margin-right: 18px;
	color: rgba(255, 255, 255, .75);
	justify-content: center;
	flex-direction: row;
	position: relative;
	transition: all 0.1s linear;
}

header nav>a:hover {
	cursor: pointer;
	color: rgba(242, 186, 97, .85);
	transform: scale(1.1);
}

header nav>a svg {
	height: 26px;
	width: 26px;
	margin-right: 4px;
	fill: rgba(255, 255, 255, 0.75)
}

header nav>a:hover svg {
	cursor: pointer;
	fill: rgba(242, 186, 97, 0.85)
}

header nav>a.active,
header nav>a.active:hover {
	cursor: default;
	color: rgba(250, 198, 65, .85)
}

header nav>a.active svg,
header nav>a.active:hover svg {
	cursor: default;
	fill: rgba(250, 198, 65, 0.98)
}

.onlineCount {
	position: absolute;
	left: 10px;
	top: 10px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center
}

.onlineCount>b {
	font-weight: 500;
	font-size: 15px !important;
  margin-left: 0px !important;
	color: rgba(242, 186, 97, .85);
	text-transform: uppercase
}

.onlineCount>.nums {
	position: absolute;
	top: 26px;
	left: 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center
}

.main,
.main>.view,
.subHeader {
	position: relative
}

.onlineCount>.nums>span {
	background: rgba(250, 198, 65, .98);
	background: linear-gradient(-60deg, #cf8713 50%, #e89f27 50%);
	border-radius: 4px;
	margin-right: 3px;
	padding: 3px 7px;
	font-size: 18px;
	color: #000;
	font-weight: 700
}

.wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 1080px
}

.shopRegion,
.wrap.row {
	flex-direction: row
}

.wrap.row .col {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.storefront>.articles .article:last-child,
.wrap.row .col>form {
	margin-bottom: 10px
}

.wrap.row>form {
	margin: 25px 20px
}

.main {
	display: flex;
	flex: 1;
	flex-grow: 1;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	overflow: hidden
}

.main>.view {
	width: 100%;
	display: flex;
	flex: 1;
	flex-grow: 1;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	overflow: hidden;
	margin-bottom: 45px
}

.lightbg {
	background: #2d3238
}

.imageBanner {
	margin-top: 35px;
	width: 100%;
	min-height: 224px;
	background: url(banner.png) center center/cover no-repeat #000;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	border-top: 2px solid rgba(255, 255, 255, .1);
	border-bottom: 2px solid rgba(255, 255, 255, .1);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.imageBanner h2 {
	margin: 0;
	padding: 2px 15px;
	font-size: 38px;
	background: rgba(227, 166, 11, .65);
	color: #fff;
	backdrop-filter: blur(10px);
	border-radius: 6px
}

.formTitle,
.subHeader h2 {
	font-size: 32px;
	-webkit-text-fill-color: transparent;
	margin: 0;
	text-align: center
}

.subHeader {
	width: 100%;
	justify-content: center;
	height: 64px
}

.decoTopBar,
.subText {
	width: 100%;
	align-items: center
}

.decoTopBar>.wrap,
.subHeader>.wrap,
.subText>.wrap {
	position: relative;
	height: 100%
}

.subHeader h2 {
	width: 100%;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	background: -webkit-linear-gradient(#fd9, #ab7d21);
	-webkit-background-clip: text
}

.decoTopBar,

.subText {
	display: flex;
	justify-content: center;
	background: rgba(0, 0, 0, .075)
}

.subText h3 {
	font-weight: 400;
	font-size: 18px;
	margin: 0;
	padding: 20px 10px;
	padding-top: 30px;
	color: #a3967a
}

.shopCard svg,
.shopRegion svg {
	margin-right: 6px;
	width: 32px;
	height: 32px
}

.subText h3 a {
	color: #bf8b19
}

.subText h3 a:hover {
	cursor: pointer;
	color: #cf9008
}

.growCenter {
	width: 100%;
	display: flex;
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: center
}

.decoTopBar {
	background: #191c21;
	justify-content: center;
	height: 0
}

form hr,
input {
	padding: 0;
	border: none;
	outline: 0
}

form hr {
	border-bottom: 1px solid rgba(0, 0, 0, .25);
	width: 100%;
	margin: 12px 0 0
}

.formTitle {
	position: absolute;
	top: -32px;
	padding: 0;
	background: -webkit-linear-gradient(#fd9, #c9ac73);
	-webkit-background-clip: text
}

.footinfo>div>b,
.formError,
.formIcon,
.formInput,
.formNote,
p.note {
	margin-bottom: 12px
}

.formTitle.small {
	font-size: 22px;
	top: -27px;
	background: -webkit-linear-gradient(#fff1d4, #a6a198);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 500
}

input {
	margin: 0
}

.formError {
	width: 100%;
	background: #1c1515;
	border: 1px solid rgba(181, 20, 20, .9);
	color: #ff7373;
	border-radius: 8px;
	padding: 10px
}

.formError.success {
	background: rgba(52, 156, 45, .2);
	border: 1px solid rgba(29, 133, 0, .9);
	color: #46d93d;
	font-weight: 600
}


input:-ms-input-placeholder {
	color: #b5b2ae;
	opacity: .7;
	-webkit-transition: .2s linear;
	transition: .2s linear
}

input::-moz-placeholder {
	color: #b5b2ae;
	opacity: .7;
	-webkit-transition: .2s linear;
	transition: .2s linear
}

input:-moz-placeholder {
	color: #b5b2ae;
	opacity: .7;
	-webkit-transition: .2s linear;
	transition: .2s linear
}

input::-webkit-input-placeholder {
	color: #b5b2ae;
	opacity: .7;
	-webkit-transition: .2s linear;
	transition: .2s linear
}

input:focus:-ms-input-placeholder {
	opacity: 0;
	-webkit-transition: .2s linear;
	transition: .2s linear
}

input:focus::-moz-placeholder {
	opacity: 0;
	-webkit-transition: .2s linear;
	transition: .2s linear
}

input:focus:-moz-placeholder {
	opacity: 0;
	-webkit-transition: .2s linear;
	transition: .2s linear
}

input:focus::-webkit-input-placeholder {
	opacity: 0;
	-webkit-transition: .2s linear;
	transition: .2s linear
}

.formNote,
.region>span,
.regionHeader>span {
	display: block;
	color: #d5cdbd
}


.formAction {
	font-weight: 600;
	color: #b1aa9e;
	padding: 0;
	margin-top: 12px;
	text-align: center
}

.formAction:hover {
	cursor: pointer;
	color: #d9c39c
}

.formAction:last-of-type {
	margin-bottom: -12px
}

.formAction.red {
	color: #e37878;
	text-decoration: none
}

.formAction.red:hover {
	color: #e35d5d
}

.downloadView h3,
.productPrice {
	-webkit-text-fill-color: transparent
}

.formIcon {
	height: 44px;
	width: 44px;
	fill: #f5b942
}

.formIcon.error {
	fill: #d12e2e
}

.formIcon.success {
	fill: #2ed155
}

.formNote {
	font-size: 18px;
	font-weight: 400;
	width: 100%;
	text-align: left
}

.region,
.regionHeader {
	display: flex;
	width: 100%
}

.formNote.title {
	font-weight: 700;
	letter-spacing: .75px;
	font-size: 19px
}

.regionHeader {
	height: 28px;
	align-items: flex-end;
	justify-content: center
}

.regionHeader>span {
	width: 40%;
	padding-left: 12px;
	padding-right: 12px;
	height: 100%;
	font-size: 14px;
	font-weight: 400;
	display: flex;
	align-items: center;
	justify-content: flex-start
}

.regionHeader>span:last-child {
	align-items: center;
	justify-content: flex-end;
	width: 20%
}

.productview.fullWidth,
.regionBox,
.storefront>.articles .article.ltm:nth-child(2) {
	width: 100%
}

.region {
	background: #191c21;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	color: #d5cdbd;
	height: 48px;
	position: relative;
	overflow: hidden
}

.region:nth-child(2n) {
	background: #14171c
}

.region:hover::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .05)
}

.card>.cardEntry>a:hover,
.region:hover,
.socials a:hover {
	cursor: pointer
}

.region:first-of-type,
.storefront>.categories>div:first-child {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px
}

.region:last-of-type {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px
}

.region>span {
	width: 40%;
	padding: 12px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	border-right: 1px solid rgba(255, 255, 255, .1)
}

.region .player {
	opacity: .75;
	width: 40%
}

.region .id {
	justify-content: flex-end;
	border-right: none;
	opacity: .75;
	width: 20%
}

.loader {
	width: 38px;
	height: 38px;
	border: 5px solid rgba(255, 255, 255, .5);
	border-bottom-color: transparent;
	border-radius: 50%;
	display: inline-block
}

.shopCard a,
.shopRegion a {
	border-radius: 32px;
	padding: 5px 15px;
	background: rgba(255, 255, 255, .2);
	font-weight: 600
}

@keyframes rotation {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(360deg)
	}
}

.shopHead {
	width: 70%;
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: space-between;
	padding-left: 20px;
	padding-right: 20px
}

.shopRegion {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 17px
}

.shopRegion svg {
	fill: rgb(0 185 105 / 85%)
}

.shopRegion a {
	margin-right: 6px;
	font-size: 17px
}

.shopCard a:hover,
.shopRegion a:hover {
	cursor: pointer;
	background: rgba(255, 255, 255, .8);
	color: #000
}

.shopRegion>span {
	display: block;
	color: rgb(68 219 109 / 95%)
}

.buyFor>b>i,
.shopCard span {
	color: rgba(250, 198, 65, .85)
}

.shopRegion i {
	opacity: .95;
	font-size: 15px;
	text-decoration: none;
	font-style: normal
}

.shopCard,
.socials {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center
}

.shopCard svg {
	fill: rgba(250, 198, 65, 0.85)
}

.productHandle.single .amount,
.productHandle.single .dot,
.shopCard svg.full,
.shopCard.has svg.empty {
	display: none
}

.shopCard svg.empty,
.shopCard.has svg.full,
.storefront>.articles .categoryContent.visible,
.storefront>.categories>div.active>div>svg {
	display: flex
}

.shopCard span {
	min-width: 32px;
	font-weight: 600;
	font-size: 17px
}

.shopCard a {
	margin-left: 8px;
	font-size: 17px
}

.shopCurrency {
	opacity: .75;
	font-size: 16px
}

.growCenter.flexStart {
	align-items: flex-start;
	padding-top: 40px
}

.storefront {
	align-items: flex-start;
	justify-content: flex-start;
	margin-bottom: 25px
}

.storefront>.categories {
	width: 260px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-right: 24px;
	padding-top: 10px
}

.storefront>.articles .divider,
.storefront>.categories>div {
	align-items: center;
	width: 100%;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .25)
}

.storefront>.categories>div {
	background: #191c21;
	padding: 8px 12px 8px 36px;
	border: 1px solid #2d3238;
	border-bottom: none;
	position: relative;
	display: flex;
	justify-content: flex-start
}

.storefront>.categories>div:hover {
	background: #1c1f25;
	cursor: pointer
}

.storefront>.categories>div:last-child {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom: 1px solid #2d3238
}

.storefront>.categories>div>div {
	position: absolute;
	left: 8px;
	height: 20px;
	width: 20px;
	background: #47494d;
	border: 1px solid #616161;
	border-radius: 4px
}

.storefront>.categories>div>div>svg {
	width: 120%;
	height: 120%;
	position: absolute;
	top: -10%;
	left: -10%;
	fill: rgba(250, 198, 65, 0.85);
	display: none
}

.storefront>.categories>div>span {
	font-size: 15px;
	opacity: .75;
	padding-bottom: 1px
}

.storefront>.articles {
	flex: 1;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap
}

.storefront>.articles .categoryContent {
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 100%;
	display: none
}

.storefront>.articles .divider {
	height: 42px;
	border-radius: 8px;
	background: repeating-linear-gradient(125deg, #191c21, #191c21 10px, #1a1f24 10px, #1a1f24 20px);
	display: flex;
	justify-content: flex-start;
	padding-left: 18px;
	font-weight: 400;
	color: rgba(255, 255, 255, .75);
	font-size: 18px;
	border: 1px solid #2d3238;
	margin-top: 10px;
	margin-right: 20px
}

.productview .view>div.image img,
.storefront>.articles .article {
	background: repeating-linear-gradient(45deg, #191c21, #191c21 4px, #1a1f24 4px, #1a1f24 8px)
}

.storefront>.articles .divider.spec {
	background: repeating-linear-gradient(45deg, #cc9500, #cc9500 10px, #ad7e00 10px, #ad7e00 20px);
	color: #000;
	font-weight: 600
}

.storefront>.articles .divider.ltm {
	background: repeating-linear-gradient(45deg, #c60, #c60 10px, #ad5700 10px, #ad5700 20px);
	color: #000;
	font-weight: 600
}

.productTime,
.storefront>.articles .article .time {
	text-shadow: 1px 1px 2px #000;
	color: #d62f2f;
	min-width: 105px;
	font-style: normal
}

.storefront>.articles .article {
	height: 180px;
	width: 245px;
	border: 1px solid #2d3238;
	border-radius: 8px;
	margin: 20px 20px 0 0;
	overflow: hidden;
	position: relative;
	transition: .1s linear;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .15)
}

.storefront>.articles .article img {
	width: 100%;
	height: 70%;
	object-fit: cover
}

.storefront>.articles .article .info {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 30%;
	background: rgba(0, 0, 0, .5);
	border-top: 1px solid #2d3238;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-left: 12px;
	padding-right: 12px
}

.storefront>.articles .article .info span {
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-right: 6px;
	white-space: nowrap;
	font-size: 14px;
	font-weight: 500;
	color: rgba(255, 255, 255, .75)
}

.storefront>.articles .article .info b {
	display: block;
	padding: 4px 8px;
	background: rgba(255, 255, 255, .1);
	border-radius: 4px;
	min-width: 64px;
	height: 32px;
	flex-shrink: 0;
	font-weight: 500;
	text-align: center;
	color: #ddd
}

.storefront>.articles .article:hover {
	cursor: pointer;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .65)
}

.storefront>.articles .article:hover .info span {
	color: rgba(255, 255, 255, .95)
}

.storefront>.articles .article:hover .info b {
	cursor: pointer;
	box-shadow: 0 0 6px rgba(0, 0, 0, .25);
	background: rgba(255, 255, 255, .15);
	color: #fff
}

.storefront>.articles .article .time {
	position: absolute;
	top: 4px;
	right: 4px;
	padding: 2px 4px;
	border-radius: 4px;
	background: #000;
	background: repeating-linear-gradient(45deg, #121212, #121212 4px, #1c1c1c 4px, #1c1c1c 8px);
	letter-spacing: .75px;
	font-size: 17px;
	font-weight: 500;
	display: none;
	text-align: center
}

.storefront>.articles .article.expired {
	pointer-events: none;
	opacity: .25
}

.productview {
	width: 70%;
	background: #191c21;
	padding: 12px;
	border: 1px solid #2d3238;
	border-radius: 12px 12px 0 0;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .25);
	background: repeating-linear-gradient(45deg, #191c21, #191c21 4px, #1a1f24 4px, #1a1f24 8px)
}

.productview.flat {
	background: #191c21;
	flex: 1;
	border-radius: 0 0 12px 12px;
	border-top: none
}

.productview.flat.borderNone,
.productview.preHeader.borderNone {
	border-radius: 0
}

.productview.flat.fullBorder {
	border-radius: 12px;
	border: 1px solid #2d3238
}

p.note {
	font-size: 16px;
	color: rgba(255, 255, 255, .7)
}

.downloadView {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 0;
	min-height: 410px;
	margin-bottom: 35px
}

.downloadView.intro{
  width: 80%;
  border: 2px solid #976d26;
  border-radius: 12px;
  min-height: 520px;
}

.downloadView>div {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	position: relative;
	padding: 24px;
	height: 100%;
	min-height: 100%
}

.downloadView>div:first-child {
	width: 420px;
	max-width: 420px;
	border-right: 1px solid rgba(255, 255, 255, .1);
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 999
}

.downloadView>div[download] {
	padding-left: 444px;
	width: 100%
}

.downloadView .selection {
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.downloadView select {
	border: 1px solid #23272d;
	background: rgba(0, 0, 0, .3);
	color: rgba(255, 255, 255, .75);
	font-size: 18px;
	font-weight: 500;
	outline: 0;
	border-radius: 4px;
	padding: 12px;
	width: 100%;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	position: relative
}

.downloadView select:hover {
	cursor: pointer;
	border: 1px solid #2a2f36
}

optgroup,
option {
	background-color: #23272d
}

.downloadView .selection:after {
	color: rgba(134, 140, 150, .8);
	content: "\276F";
	font-size: 24px;
	position: absolute;
	right: 20px;
	pointer-events: none;
	z-index: 1;
	transform: rotate(90deg)
}

.downloadView h3 {
	font-size: 22px;
	top: -27px;
	background: -webkit-linear-gradient(#fff1d4, #a6a198);
	-webkit-background-clip: text;
	font-weight: 500;
	margin-bottom: 8px
}

.download {
	width: 100%;
	position: relative;
	padding-bottom: 30px;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	padding-top: 40px
}

.download:first-of-type {
	padding-top: 0
}

.download:last-of-type {
	border-bottom: none
}

.download svg {
	width: 48px;
	height: 48px;
	opacity: .85;
	fill: var(--header)
}

.download b {
	font-size: 22px;
	color: rgba(255, 255, 255, .75);
	font-weight: 600;
	margin: 0 0 0 15px;
	padding: 0
}

.download p {
	font-size: 15px;
	color: rgba(255, 255, 255, .55);
	font-weight: 400;
	margin: 10px 0 0;
	padding: 0 0 0 65px;
	opacity: .65;
	line-height: 22px;
	display: block
}

.download p>b {
	display: inline-block;
	font-size: 15px;
	font-weight: 800;
	margin-left: 0;
	margin-top: 4px
}

.download p>b.red {
	color: #bd001a;
	margin-top: 0
}

.download p>b.blue {
	color: #0d00bd;
	margin-top: 0
}

.download a {
	display: inline-block;
	border-radius: 250px;
	font-size: 18px;
	color: #000;
	background: #e89f27;
	font-weight: 600;
	margin: 20px 0 0 65px;
	padding: 14px 34px;
	width: auto;
	transition: color .1s linear, background .1s linear
}

.download a:hover {
	background: #e89100;
	cursor: pointer
}

.download>div {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: row
}

.downloadView.intro>div:first-child {
  display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
  width: 60%;
}

.downloadView.intro form{
  width: auto;
  background: transparent;
  margin-top: 0px;
  margin-bottom: 0px;
  box-shadow: none;
  padding-top: 18px;
  padding-bottom: 32px;
  height: 100%;
  border: 2px solid #a7914340;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(28 22 10 / 59%) 100%);
}

.downloadView.intro form .formTitle{
  position: relative;
  top: unset;
  margin-bottom: 18px;
  display: block;
}

.downloadView.intro form:before{
  display: none;
}

.downloadView.intro form .formInput {
  border: 1px solid #936d36;
}

.downloadView.intro form .formSubmit{
  background: #936d36;
}

.downloadView.intro form .formSubmit:hover{
  background: #ad792d;
}

.downloadView.intro form .formSubmit span{
  font-size: 18px;
}

.downloadView.intro img{
  width: 115%;
  height: auto;
  margin-bottom: 24px;
}

.productview.preHeader {
	border-radius: 0 0 12px 12px;
	border-top: none;
	padding: 8px
}

.productview.preHeader>.navbar>b {
	font-size: 16px;
	opacity: .75
}

.productview .navbar {
	width: 100%;
	padding: 4px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start
}

.productview .navbar>a {
	display: flex;
	width: 32px;
	height: 32px;
	border-radius: 64px;
	background: rgba(255, 255, 255, .2)
}

.productview .navbar>a svg {
	height: 100%;
	width: 100%;
	fill: #fff
}

.productview .navbar>a:hover {
	cursor: pointer;
	background: rgba(255, 255, 255, .8)
}

.productview .navbar>a:hover svg {
	fill: #000
}

.productview .navbar>b {
	margin-left: 12px;
	font-weight: 400;
	font-size: 21px;
	opacity: .75
}

.productview .view {
	display: flex;
	flex-direction: row;
	width: 100%
}

.productview .view>div.image {
	width: 30%;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding: 12px
}

.productview .view>div.image img {
	width: 168px;
	height: 168px;
	object-fit: cover;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .25);
	border-radius: 12px;
	border: 1px solid #2d3238
}

.productview .view>div.info {
	width: 70%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	padding: 12px 12px 12px 0
}

.productview .productContent {
	padding: 12px;
	color: rgba(255, 255, 255, .8);
	display: flex;
	flex-direction: column
}

.productHandle,
.productHandle::before {
	flex-direction: row;
	display: flex;
	width: 100%
}

.productview .productContent p {
	margin-bottom: 4px;
	padding: 4px;
	opacity: .8;
	font-size: 16px
}

.productview .productContent i {
	font-size: 15px;
	opacity: .75
}

.productview .productContent ul {
	list-style-type: square;
	margin-left: 25px
}

.productPrice {
	padding: 12px;
	font-size: 32px;
	background: -webkit-linear-gradient(#fff1dc, #c08b27);
	-webkit-background-clip: text
}

.productPrice span {
	font-size: 20px;
	padding-left: 12px
}

.productPrice i {
	padding-right: 12px;
	font-size: 19px;
	color: rgba(255, 255, 255, .55);
	-webkit-background-clip: initial;
	-webkit-text-fill-color: initial;
	background: 0 0
}

.productHandle {
	border-radius: 8px;
	padding: 12px;
	position: relative;
	overflow: hidden;
	align-items: center;
	justify-content: space-between;
	background: repeating-linear-gradient(45deg, #191c21, #191c21 4px, #1a1f24 4px, #1a1f24 8px)
}

.productHandle::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background: rgba(0, 0, 0, .45);
	align-items: center;
	justify-content: center;
	z-index: 0
}

.productHandle .dot {
	width: 6px;
	height: 6px;
	border-radius: 20px;
	background: #fff;
	opacity: .25
}

.cardAmount,
.productHandle .amount {
	z-index: 200;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start
}

.cardAmount>*,
.productHandle .amount>* {
	z-index: 200
}

.cardAmount>div,
.productHandle .amount>div {
	width: 36px;
	height: 36px;
	background: rgba(0, 0, 0, .15);
	border: 1px solid #2d3238;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 4px
}

.cardAmount>div:first-child,
.productHandle .amount>div:first-child {
	border-radius: 4px 0 0 4px
}

.cardAmount>div:last-child,
.productHandle .amount>div:last-child {
	border-radius: 0 4px 4px 0
}

.cardAmount>div>svg,
.productHandle .amount>div>svg {
	width: 100%;
	height: 100%;
	fill: #e0dcd5
}

.cardAmount>div:hover,
.productHandle .amount>div:hover {
	cursor: pointer;
	background: rgba(0, 0, 0, .5)
}

.cardAmount>input,
.productHandle .amount>input {
	height: 36px;
	padding: 8px;
	background: rgba(0, 0, 0, .15);
	color: #e0dcd5;
	line-height: 22px;
	letter-spacing: .75px;
	font-size: 18px;
	text-align: center
}

.cardAmount>div:hover>svg,
.productHandle .amount>div:hover>svg {
	fill: #fff
}

.productHandle .amount>input {
	width: 120px;
	border: 1px solid #2d3238;
	border-left: 0;
	border-right: 0;
	font-weight: 500
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
	-webkit-appearance: none
}

input[type=number] {
	-moz-appearance: textfield
}

.productHandle.single {
	width: auto
}

.card,
.card>.cardEntry {
	width: 100%;
	display: flex
}

.productHandle .addCard {
	z-index: 200;
	height: 36px;
	border-radius: 4px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	background: #e89f27;
	color: #000;
	padding-left: 12px;
	padding-right: 12px;
	font-weight: 500
}

.productHandle .addCard:hover {
	cursor: pointer;
	background: #ffb100;
	color: #000
}

.productHandle.total {
	padding-left: 24px;
	padding-right: 24px
}

.productHandle.total .productPrice {
	padding-top: 0;
	padding-bottom: 0;
	z-index: 200;
	opacity: .85;
	padding-right: 0
}

.productTime {
	position: absolute;
	right: 12px;
	padding: 2px 4px;
	border-radius: 4px;
	background: #000;
	background: repeating-linear-gradient(45deg, #121212, #121212 4px, #000 4px, #000 8px);
	letter-spacing: .75px;
	font-size: 19px;
	font-weight: 500;
	text-align: center
}

.productTime.btn {
	font-size: 16px;
	padding: 6px 12px;
	background: #403d37;
	color: #fff
}

.productTime.btn:hover {
	cursor: pointer;
	background: #7a7367
}

.card {
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column
}

.card>.cardEntry {
	margin-bottom: 8px;
	padding: 12px 42px 12px 58px;
	background: rgba(0, 0, 0, .3);
	border-radius: 4px;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	position: relative
}

.card>.cardEntry>img {
	position: absolute;
	left: 12px;
	height: 32px;
	width: 32px;
	border-radius: 4px
}

.card>.cardEntry>span {
	width: 35%;
	display: block;
	font-weight: 400
}

.card>.cardEntry>span>a {
	font-size: 18px;
	opacity: .75
}

.card>.cardEntry>span>a:hover {
	cursor: pointer;
	text-decoration: underline;
	opacity: 1
}

.card>.cardEntry>div {
	width: 30%;
	display: block;
	font-weight: 400;
	font-size: 18px;
	opacity: .75;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row
}

.buyFor,
.paymentLoad {
	flex-direction: row;
	width: 100%;
	display: flex
}

.card>.cardEntry>i {
	width: 25%;
	display: block;
	font-weight: 400;
	font-size: 18px;
	text-align: right;
	padding-right: 12px;
	font-style: normal;
	opacity: .85;
	color: #c3b18f;
	letter-spacing: .75px
}

.card>.cardEntry>b {
	width: 20%;
	display: block;
	font-weight: 500;
	font-size: 20px;
	text-align: right;
	color: #c7a769
}

.card>.cardEntry>a {
	position: absolute;
	right: 8px;
	height: 24px;
	width: 24px
}

.card>.cardEntry>a>svg {
	height: 100%;
	width: 100%;
	fill: #942941
}

.card>.cardEntry>a:hover>svg {
	fill: #d40b38
}

.cardAmount>input {
	width: 90px;
	border: 1px solid #2d3238;
	border-left: 0;
	border-right: 0;
	font-weight: 500
}

.paymentLoad {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 99999999;
	background: rgba(0, 0, 0, .45);
	align-items: center;
	justify-content: center
}

.paymentLoad>div {
	width: 38px;
	height: 38px;
	border: 5px solid #ffb100;
	border-bottom-color: transparent;
	border-radius: 50%;
	display: inline-block;
	animation: .5s linear infinite rotation;
	opacity: .75
}

.buyFor {
	align-items: center;
	justify-content: flex-start;
	padding: 12px
}

.buyFor>span {
	display: block;
	font-size: 16px;
	opacity: .5
}

.buyFor>b {
	display: block;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	margin-left: 12px;
	font-weight: 400;
	font-size: 14px
}

.footinfo>div,
footer {
	flex-direction: column
}

.buyFor>b>span {
	display: block;
	margin-right: 4px;
	opacity: .75
}

.buyFor>b>i {
	display: block;
	font-style: normal
}

.buyFor.smaller {
	padding-top: 0;
	font-size: 12px;
	padding-bottom: 6px
}

.buyFor.smaller>span {
	font-size: 12px
}

.buyNfo {
	margin-top: -4px;
	width: 100%;
	border: none;
	outline: 0;
	border-bottom: 1px solid #fff;
	opacity: .2
}

footer {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

.footcopyright,
.footcopyright .links,
.footinfo {
	display: flex;
	position: relative
}

.footinfo {
	width: 100%;
	flex-direction: row;
	align-items: flex-start;
	justify-content: center;
	padding-top: 45px;
	padding-bottom: 48px
}

.footinfo>div {
	width: 30%;
	margin-left: 1%;
	margin-right: 1%;
	display: flex;
	align-items: center;
	justify-content: center
}

.footinfo>div>b {
	font-size: 18px;
	display: block;
	padding: 0;
	text-transform: uppercase;
	color: rgba(245, 176, 66, .75);
	letter-spacing: 1px
}

.footinfo>div>p {
	font-size: 16px;
	text-align: center;
	color: rgba(255, 255, 255, .5);
	padding: 0;
	margin: 0
}

.footinfo>div>a {
	color: rgba(255, 232, 194, .65);
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 2px
}

.footinfo>div>a:hover {
	color: rgba(255, 232, 194, .85);
	cursor: pointer
}

.footcopyright {
	background: #191c21;
	width: 100%;
	flex-direction: column;
	align-items: center;
	justify-content: center
}


.footcopyright .links {
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: 100%
}

.footcopyright .links>a {
	color: #d19430;
	margin: 0 10px 10px;
	font-size: 14px
}

.footcopyright .links>a:hover {
	cursor: pointer;
	color: #e89f27
}

.footcopyright b {
	font-size: 14px;
	margin-bottom: 15px;
	font-weight: 400;
	opacity: .5;
	text-align: center
}

.burgerIcon {
	width: 30px;
	height: 30px;
	cursor: pointer;
	transform: scaleX(-1)
}

.burgerIcon line {
	stroke: #dbdbdb;
	stroke-dasharray: 100%;
	stroke-dashoffset: 0%;
	transition: transform .3s, stroke-dashoffset .4s;
	transform-origin: center;
	stroke-width: 3px
}

.burgerIcon .top {
	transform: translateY(-35%);
	-webkit-transform: translateY(-35%);
	-moz-transform: translateY(35%);
	-ms-transform: translateY(35%);
	-o-transform: translateY(35%)
}

.burgerIcon .middle {
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transition: opacity .3s, transform .3s;
	-webkit-transition: opacity .3s, transform .3s;
	-moz-transition: opacity .3s, transform .3s;
	-ms-transition: opacity .3s, transform .3s;
	-o-transition: opacity .3s, transform .3s
}

.burgerIcon .bottom {
	transform: translateY(33%);
	-webkit-transform: translateY(33%);
	-moz-transform: translateY(33%);
	-ms-transform: translateY(33%);
	-o-transform: translateY(33%);
	stroke-dasharray: 100%;
	stroke-dashoffset: -9px
}

.burgerIcon:hover .bottom,
header.mobile .burgerIcon .bottom {
	stroke-dashoffset: 0%
}

header.mobile .burgerIcon .top {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	stroke-linecap: round
}

header.mobile .burgerIcon .middle {
	transform: scaleX(.1);
	-webkit-transform: scaleX(.1);
	-moz-transform: scaleX(.1);
	-ms-transform: scaleX(.1);
	-o-transform: scaleX(.1);
	opacity: 0
}

header.mobile .burgerIcon line.bottom {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	stroke-linecap: round
}

.socials a {
	height: 38px;
	width: 38px;
	margin: 8px
}

.socials a svg {
	height: 100%;
	width: 100%;
	fill: rgba(255, 255, 255, 0.5)
}

.socials a:hover svg {
	fill: rgba(255, 255, 255, 0.75)
}

@media screen and (orientation:portrait),
screen and (max-width:920px) {

	.downloadView>div:first-child,
	.downloadView>div[download] {
		position: relative;
		padding: 12px;
		width: 100%
	}

	.productHandle .amount,
	.shopCard,
	.shopCurrency,
	.shopRegion {
		margin-bottom: 12px
	}

	.onlineCount,
	header nav {
		transition: transform .1s linear
	}

	.downloadView {
		flex-direction: column
	}

	.downloadView>div:first-child {
		min-width: 100%;
		border-right: none
	}

	.card>.cardEntry i,
	.dot,
	.productHandle.total .productPrice span,
	.storefront>.categories {
		display: none
	}

	.storefront>.articles,
	.storefront>.articles .categoryContent {
		align-items: center;
		justify-content: center
	}

	.storefront>.articles .article {
		margin: 4px;
		width: 60%;
		height: 40vw
	}

	.article.limited.ltm {
		margin-right: 0
	}

	.storefront>.articles .divider {
		margin-right: 0;
		margin-bottom: 8px
	}

	.shopHead,
	.subHeader.shopWrap {
		height: auto;
		flex-direction: column;
		width: 100%;
		align-items: flex-start;
		justify-content: flex-start
	}

	.shopCard {
		width: 100%;
		justify-content: flex-start
	}

	.shopCard a {
		margin-left: auto
	}

	.buyFor,
	.card>.cardEntry {
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start
	}

	.card>.cardEntry span {
		width: 95%
	}

	.card>.cardEntry b {
		position: absolute;
		right: 8px;
		bottom: 8px
	}

	.card>.cardEntry .cardAmount {
		margin-top: 12px;
		align-items: flex-start;
		justify-content: flex-start
	}

	.productTime.btn {
		position: absolute;
		right: -1000px
	}

	.productHandle.total .productPrice {
		display: flex;
		width: 100%;
		flex-direction: column
	}

	.productHandle.total .productPrice i {
		display: block;
		width: 100%;
		text-align: center
	}

	.productHandle.total .productPrice b {
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 16px
	}

	.productview {
		width: 100%;
		flex-direction: column
	}

	.footinfo,
	.productview .view {
		flex-direction: column;
		align-items: center;
		justify-content: center
	}

	.productview .view>div.info {
		align-items: center;
		justify-content: center;
		width: 90%;
		flex-direction: column
	}

	.productHandle {
		flex-direction: column-reverse
	}

	.productview .productContent {
		align-items: flex-start;
		justify-content: flex-start
	}

	#storefront_product_handle {
		flex-direction: column;
		display: flex
	}

	.imageBanner {
		margin-top: 0;
		border-top: none
	}

	.imageBanner h2 {
		font-size: 26px
	}

	.subText h3 {
		text-align: left;
		opacity: .75;
		padding: 35px 25px 25px
	}

	header {
		position: fixed;
		z-index: 999999
	}

	header .head {
		justify-content: flex-start;
		padding-left: 64px;
		height: 64px;
		z-index: 999999
	}

	header .head .burger {
		display: flex;
		z-index: 99999
	}

	header .head h1 {
		font-size: 24px;
		padding-top: 1px
	}

	header nav {
		position: fixed;
		top: 0;
		left: 0;
		height: 100vh;
		width: 65vw;
		z-index: 9999;
		background: #191c21;
		box-shadow: rgba(0, 0, 0, .65) 0 5px 15px;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		padding: 72px 15px 15px;
		transform: translateX(-100%)
	}

	header nav::before {
		content: "";
		position: absolute;
		top: 0;
		left: -100vw;
		width: 300vw;
		height: 100vh;
		background: rgba(0, 0, 0, .5);
		opacity: 0;
		pointer-events: none;
		transition: opacity .1s linear
	}

	header.mobile .onlineCount,
	header.mobile nav {
		transform: translateX(0)
	}

	header.mobile nav::before {
		opacity: 1
	}

	header nav>a {
		z-index: 99;
		font-size: 24px;
		margin-left: 0;
		margin-bottom: 20px
	}

	header nav>a svg {
		height: 28px;
		width: 28px;
		margin-right: 6px
	}

	.onlineCount {
		left: 20px;
		top: calc(100vh - 80px);
		pointer-events: none;
		transform: translateX(-100vw)
	}

	.footinfo>div {
		width: 90%;
		margin-top: 35px
	}

	.footinfo>div:first-child {
		margin-top: 5px
	}

	.footcopyright .links {
		padding-top: 15px
	}
}