@media(min-width:780px) {
	.hint,
	[data-hint] {
		position: relative;
		display: inline-block
	}
	.hint:after,
	.hint:before,
	[data-hint]:after,
	[data-hint]:before {
		position: absolute;
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		transform: translateZ(0);
		visibility: hidden;
		opacity: 0;
		z-index: 1000000;
		pointer-events: none;
		-webkit-transition: .3s ease;
		-moz-transition: .3s ease;
		transition: .3s ease;
		-webkit-transition-delay: 0ms;
		-moz-transition-delay: 0ms;
		transition-delay: 0ms
	}
	.hint:focus:after,
	.hint:focus:before,
	.hint:hover:after,
	.hint:hover:before,
	[data-hint]:focus:after,
	[data-hint]:focus:before,
	[data-hint]:hover:after,
	[data-hint]:hover:before {
		visibility: visible;
		opacity: 1
	}
	.hint:hover:after,
	.hint:hover:before,
	[data-hint]:hover:after,
	[data-hint]:hover:before {
		-webkit-transition-delay: .1s;
		-moz-transition-delay: .1s;
		transition-delay: .1s
	}
	.hint:before,
	[data-hint]:before {
		content: "";
		position: absolute;
		background: 0 0;
		border: 6px solid transparent;
		z-index: 1000001
	}
	.hint:after,
	[data-hint]:after {
		content: attr(data-hint);
		background: #383838;
		color: #fff;
		text-shadow: 0 -1px 0 #000;
		padding: 8px 10px;
		font-size: 13px;
		text-align: left;
		line-height: 15px;
		white-space: pre;
		box-shadow: 4px 4px 8px rgba(0, 0, 0, .3)
	}
	.hint--top:before {
		border-top-color: #383838
	}
	.hint--bottom:before {
		border-bottom-color: #383838
	}
	.hint--left:before {
		border-left-color: #383838
	}
	.hint--right:before {
		border-right-color: #383838
	}
	.hint--top:before {
		margin-bottom: -12px
	}
	.hint--top:after {
		margin-left: -18px
	}
	.hint--top:after,
	.hint--top:before {
		bottom: 100%;
		left: 50%
	}
	.hint--top:focus:after,
	.hint--top:focus:before,
	.hint--top:hover:after,
	.hint--top:hover:before {
		-webkit-transform: translateY(-8px);
		-moz-transform: translateY(-8px);
		transform: translateY(-8px)
	}
	.hint--bottom:before {
		margin-top: -12px
	}
	.hint--bottom:after {
		margin-left: -18px
	}
	.hint--bottom:after,
	.hint--bottom:before {
		top: 100%;
		left: 50%
	}
	.hint--bottom:focus:after,
	.hint--bottom:focus:before,
	.hint--bottom:hover:after,
	.hint--bottom:hover:before {
		-webkit-transform: translateY(8px);
		-moz-transform: translateY(8px);
		transform: translateY(8px)
	}
	.hint--right:before {
		margin-left: -12px;
		margin-bottom: -6px
	}
	.hint--right:after {
		margin-bottom: -14px
	}
	.hint--right:after,
	.hint--right:before {
		left: 100%;
		bottom: 50%
	}
	.hint--right:focus:after,
	.hint--right:focus:before,
	.hint--right:hover:after,
	.hint--right:hover:before {
		-webkit-transform: translateX(8px);
		-moz-transform: translateX(8px);
		transform: translateX(8px)
	}
	.hint--left:before {
		margin-right: -12px;
		margin-bottom: -6px
	}
	.hint--left:after {
		margin-bottom: -14px
	}
	.hint--left:after,
	.hint--left:before {
		right: 100%;
		bottom: 50%
	}
	.hint--left:focus:after,
	.hint--left:focus:before,
	.hint--left:hover:after,
	.hint--left:hover:before {
		-webkit-transform: translateX(-8px);
		-moz-transform: translateX(-8px);
		transform: translateX(-8px)
	}
	.hint--error:after {
		background-color: #b34e4d;
		text-shadow: 0 -1px 0 #592726
	}
	.hint--error.hint--top:before {
		border-top-color: #b34e4d
	}
	.hint--error.hint--bottom:before {
		border-bottom-color: #b34e4d
	}
	.hint--error.hint--left:before {
		border-left-color: #b34e4d
	}
	.hint--error.hint--right:before {
		border-right-color: #b34e4d
	}
	.hint--warning:after {
		background-color: #c09854;
		text-shadow: 0 -1px 0 #6c5328
	}
	.hint--warning.hint--top:before {
		border-top-color: #c09854
	}
	.hint--warning.hint--bottom:before {
		border-bottom-color: #c09854
	}
	.hint--warning.hint--left:before {
		border-left-color: #c09854
	}
	.hint--warning.hint--right:before {
		border-right-color: #c09854
	}
	.hint--info:after {
		background-color: #3986ac;
		text-shadow: 0 -1px 0 #193b4d
	}
	.hint--info.hint--top:before {
		border-top-color: #3986ac
	}
	.hint--info.hint--bottom:before {
		border-bottom-color: #3986ac
	}
	.hint--info.hint--left:before {
		border-left-color: #3986ac
	}
	.hint--info.hint--right:before {
		border-right-color: #3986ac
	}
	.hint--success:after {
		background-color: #458746;
		text-shadow: 0 -1px 0 #1a321a
	}
	.hint--success.hint--top:before {
		border-top-color: #458746
	}
	.hint--success.hint--bottom:before {
		border-bottom-color: #458746
	}
	.hint--success.hint--left:before {
		border-left-color: #458746
	}
	.hint--success.hint--right:before {
		border-right-color: #458746
	}
	.hint--always:after,
	.hint--always:before {
		opacity: 1;
		visibility: visible
	}
	.hint--always.hint--top:after,
	.hint--always.hint--top:before {
		-webkit-transform: translateY(-8px);
		-moz-transform: translateY(-8px);
		transform: translateY(-8px)
	}
	.hint--always.hint--bottom:after,
	.hint--always.hint--bottom:before {
		-webkit-transform: translateY(8px);
		-moz-transform: translateY(8px);
		transform: translateY(8px)
	}
	.hint--always.hint--left:after,
	.hint--always.hint--left:before {
		-webkit-transform: translateX(-8px);
		-moz-transform: translateX(-8px);
		transform: translateX(-8px)
	}
	.hint--always.hint--right:after,
	.hint--always.hint--right:before {
		-webkit-transform: translateX(8px);
		-moz-transform: translateX(8px);
		transform: translateX(8px)
	}
	.hint--rounded:after {
		border-radius: 4px
	}
	.hint--no-animate:after,
	.hint--no-animate:before {
		-webkit-transition-duration: 0ms;
		-moz-transition-duration: 0ms;
		transition-duration: 0ms
	}
	.hint--bounce:after,
	.hint--bounce:before {
		-webkit-transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s cubic-bezier(.71, 1.7, .77, 1.24);
		-moz-transition: opacity .3s ease, visibility .3s ease, -moz-transform .3s cubic-bezier(.71, 1.7, .77, 1.24);
		transition: opacity .3s ease, visibility .3s ease, transform .3s cubic-bezier(.71, 1.7, .77, 1.24)
	}
	.hint--top.hint--center:after,
	.hint--top.hint--center:before,
	.hint--top.hint--center:focus:after,
	.hint--top.hint--center:focus:before,
	.hint--top.hint--center:hover:after,
	.hint--top.hint--center:hover:before {
		transform: translate(-50%, -10px);
		margin-left: 0;
		text-align: center
	}
	.hint--left.hint--center:after,
	.hint--left.hint--center:before,
	.hint--left.hint--center:focus:after,
	.hint--left.hint--center:focus:before,
	.hint--left.hint--center:hover:after,
	.hint--left.hint--center:hover:before {
		transform: translate(-10px, 50%);
		margin-left: 0
	}
	.hint--top.hint--pullright:after,
	.hint--top.hint--pullright:before,
	.hint--top.hint--pullright:focus:after,
	.hint--top.hint--pullright:focus:before,
	.hint--top.hint--pullright:hover:after,
	.hint--top.hint--pullright:hover:before {
		transform: translate(-70%, -10px);
		margin-left: 0;
		text-align: right
	}
}

:root {
	--spacer: 30px
}

body {
	--color: #ff5400;
	--color-link-hover: #ffa700;
	--color-very-light: #b7b7b7;
	--color-light: #909090;
	--color-medium-light: #6d6d6d;
	--color-medium: #3d3d3d;
	--color-medium-dark: #323232;
	--color-dark: #272727;
	--color-very-dark: #1d1d1d;
	--color-ultra-dark: #101010
}

body.neon {
	--color: #ff346d;
	--color-link-hover: #3483ff;
	--color-very-light: #b5ccff;
	--color-light: #657cb1;
	--color-medium-light: #435084;
	--color-medium: #2b305c;
	--color-medium-dark: #1f254a;
	--color-dark: #161a3a;
	--color-very-dark: #121531;
	--color-ultra-dark: #000421
}

.grid {
	display: flex
}

.grid .col {
	flex: 1
}

.disabled {
	opacity: .3
}

div[v-cloak] {
	padding: 0;
	margin: 0;
	box-shadow: none
}

div[v-cloak] :not(.app-loading) {
	display: none!important
}

div[v-cloak] .app-loading {
	margin: 30px 15px;
	display: flex!important
}

div[v-cloak] .app-loading * {
	display: block!important
}

.v-transition-slide-fade-y-enter-active,
.v-transition-slide-fade-y-leave-active {
	transition: all 1s
}

.v-transition-slide-fade-y-enter,
.v-transition-slide-fade-y-leave-to {
	opacity: 0;
	transform: translateY(30px)
}

.v-transition-slide-fade-x-enter-active,
.v-transition-slide-fade-x-fast-enter-active {
	transition: all .3s ease
}

.v-transition-slide-fade-x-leave-active {
	transition: all .8s cubic-bezier(1, .5, .8, 1)
}

.v-transition-slide-fade-x-fast-leave-active {
	transition: all .3s cubic-bezier(1, .5, .8, 1)
}

.v-transition-slide-fade-x-enter,
.v-transition-slide-fade-x-fast-enter,
.v-transition-slide-fade-x-fast-leave-to,
.v-transition-slide-fade-x-leave-to {
	transform: translateX(10px);
	opacity: 0
}

.v-transition-slide-enter-active {
	transition-duration: .4s;
	transition-timing-function: ease-in
}

.v-transition-slide-leave-active {
	transition-duration: .4s;
	transition-timing-function: cubic-bezier(0, 1, .5, 1)
}

.v-transition-slide-enter,
.v-transition-slide-enter-to,
.v-transition-slide-leave,
.v-transition-slide-leave-to {
	overflow: hidden
}

.v-transition-fade-enter-active,
.v-transition-fade-leave-active {
	transition: opacity .5s
}

.v-transition-fade-enter,
.v-transition-fade-leave-to {
	opacity: 0
}

.v-transition-fade-fast-enter-active,
.v-transition-fade-fast-leave-active {
	transition: opacity .25s
}

.v-transition-fade-fast-enter,
.v-transition-fade-fast-leave-to {
	opacity: 0
}

@keyframes blinker {
	50% {
		opacity: 0
	}
}

@keyframes rotating {
	0% {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(1turn)
	}
}

@font-face {
	src: url(../fonts/proximanova-regular.woff) format("woff");
	font-family: proximanova;
	font-weight: 400
}

@font-face {
	src: url(../fonts/proximanova-bold.woff) format("woff");
	font-family: proximanova;
	font-weight: 700
}

.font-xxxs {
	font-size: 11px
}

.font-xxs {
	font-size: 12px
}

.font-xs {
	font-size: 14px
}

.font-s {
	font-size: 16px
}

.font-m {
	font-size: 18px
}

.font-l {
	font-size: 20px
}

.font-xl {
	font-size: 24px
}

.font-xxl {
	font-size: 32px
}

.font-xxxl {
	font-size: 40px
}

.font-xxxxl {
	font-size: 45px
}

.font-normal {
	font-weight: 400
}

.font-bold {
	font-weight: 700
}

body {
	font-family: proximanova, arial, sans-serif;
	font-weight: 400
}

.font-title {
	font-weight: 700;
	font-size: 18px;
	line-height: 24px
}

@media screen and (max-width:800px) {
	.font-title {
		font-size: 16px
	}
}

@media screen and (max-width:650px) {
	.font-title {
		font-size: 13px
	}
}

.font-lead {
	font-weight: 700;
	font-size: 16px;
	line-height: 20px
}

@media screen and (max-width:1000px) {
	.font-lead {
		font-size: 15px
	}
}

@media screen and (max-width:650px) {
	.font-lead {
		font-size: 13px
	}
}

.font-small {
	font-weight: 700;
	font-size: 14px;
	line-height: 18px
}

@media screen and (max-width:1000px) {
	.font-small {
		font-size: 13px
	}
}

.font-caption {
	font-weight: 700;
	font-size: 12px;
	line-height: 16px
}

.font-tiny {
	font-weight: 700;
	font-size: 11px;
	line-height: 11px
}

.font-subtitle {
	color: #b3c0f5
}

.input,
input:not(.blank):not([type=checkbox]):not(.button),
select,
textarea {
	border-radius: 8px;
	font-size: 16px;
	color: #fff;
	padding: 15px;
	outline: none;
	font-family: proximanova, arial, sans-serif;
	width: 100%;
	border: 0;
	height: 58px;
	transition: .2s;
	box-shadow: inset 0 0 0 2px var(--color-medium);
	background-color: rgba(16, 16, 16, .4);
	-webkit-appearance: none
}

@media screen and (max-width:1000px) {
	.input,
	input:not(.blank):not([type=checkbox]):not(.button),
	select,
	textarea {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.input,
	input:not(.blank):not([type=checkbox]):not(.button),
	select,
	textarea {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.input,
	input:not(.blank):not([type=checkbox]):not(.button),
	select,
	textarea {
		border-radius: 5px
	}
}

@media screen and (max-width:1000px) {
	.input,
	input:not(.blank):not([type=checkbox]):not(.button),
	select,
	textarea {
		font-size: 15px
	}
}

@media screen and (max-width:650px) {
	.input,
	input:not(.blank):not([type=checkbox]):not(.button),
	select,
	textarea {
		font-size: 13px
	}
}

body.neon .input,
body.neon input:not(.blank):not([type=checkbox]):not(.button),
body.neon select,
body.neon textarea {
	background-color: rgba(0, 4, 33, .5)
}

@media screen and (max-width:1000px) {
	.input,
	input:not(.blank):not([type=checkbox]):not(.button),
	select,
	textarea {
		height: 48px;
		padding: 10px
	}
}

@media screen and (max-width:500px) {
	.input,
	input:not(.blank):not([type=checkbox]):not(.button),
	select,
	textarea {
		height: 38px
	}
}

.input::placeholder,
input:not(.blank):not([type=checkbox]):not(.button)::placeholder,
select::placeholder,
textarea::placeholder {
	color: var(--color-light);
	opacity: .7
}

.input:hover,
input:not(.blank):not([type=checkbox]):not(.button):hover,
select:hover,
textarea:hover {
	box-shadow: inset 0 0 0 2px var(--color)
}

body.neon .input:hover,
body.neon input:not(.blank):not([type=checkbox]):not(.button):hover,
body.neon select:hover,
body.neon textarea:hover {
	box-shadow: inset 0 0 0 2px #3483ff!important
}

.input:focus,
input:not(.blank):not([type=checkbox]):not(.button):focus,
select:focus,
textarea:focus {
	box-shadow: inset 0 0 0 2px #ff5400!important
}

body.neon .input:focus,
body.neon input:not(.blank):not([type=checkbox]):not(.button):focus,
body.neon select:focus,
body.neon textarea:focus {
	box-shadow: inset 0 0 0 2px #3483ff!important
}

.input.secondary,
input:not(.blank):not([type=checkbox]):not(.button).secondary,
select.secondary,
textarea.secondary {
	background-color: transparent;
	border: 1px solid hsla(0, 0%, 100%, .6)
}

.input.error,
input:not(.blank):not([type=checkbox]):not(.button).error,
select.error,
textarea.error {
	box-shadow: inset 0 0 0 2px rgba(255, 10, 78, .2)!important;
	background-color: rgba(255, 10, 78, .15)!important
}

.input.error::placeholder,
input:not(.blank):not([type=checkbox]):not(.button).error::placeholder,
select.error::placeholder,
textarea.error::placeholder {
	color: #ff0a4e;
	opacity: .4
}

.input.error:focus,
.input.error:hover,
input:not(.blank):not([type=checkbox]):not(.button).error:focus,
input:not(.blank):not([type=checkbox]):not(.button).error:hover,
select.error:focus,
select.error:hover,
textarea.error:focus,
textarea.error:hover {
	box-shadow: inset 0 0 0 2px #ff0a4e!important
}

input[type=file] {
	font-size: 16px;
	padding: 0;
	background-color: transparent;
	height: auto;
	cursor: pointer
}

@media screen and (max-width:1000px) {
	input[type=file] {
		font-size: 15px
	}
}

@media screen and (max-width:650px) {
	input[type=file] {
		font-size: 13px
	}
}

input[type=file]::-webkit-file-upload-button,
input[type=file]::file-selector-button {
	font-size: 14px;
	font-family: proximanova, arial, sans-serif;
	border-radius: 4px;
	background-color: var(--color);
	color: #fff;
	border: 0;
	height: 28px;
	padding: 0 10px;
	margin-right: 10px;
	cursor: pointer
}

@media screen and (max-width:1000px) {
	input[type=file]::-webkit-file-upload-button,
	input[type=file]::file-selector-button {
		font-size: 13px
	}
}

input[type=file].error::-webkit-file-upload-button,
input[type=file].error::file-selector-button {
	background-color: #ff0a4e
}

textarea {
	font-family: proximanova, arial, sans-serif
}

textarea,
textarea.unlimited {
	height: auto
}

.nice-select {
	position: relative;
	cursor: pointer;
	padding: 15px 34px 15px 15px;
	transition: .2s;
	box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, .3);
	background-color: hsla(0, 0%, 100%, .05)
}

.nice-select.open,
.nice-select:hover {
	box-shadow: inset 0 0 0 1px var(--color);
	background-color: rgba(255, 84, 0, .1)
}

body.neon .nice-select.open,
body.neon .nice-select:hover {
	background-color: rgba(255, 52, 109, .1)
}

@media screen and (max-width:700px) {
	.nice-select {
		outline: none
	}
}

@media screen and (max-width:500px) {
	.nice-select {
		padding: 12px 34px 12px 15px
	}
}

.nice-select.single {
	cursor: auto
}

.nice-select:not(.single):after {
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	content: "";
	display: block;
	height: 5px;
	margin-top: -4px;
	pointer-events: none;
	position: absolute;
	right: 16px;
	top: 50%;
	transform-origin: 66% 66%;
	transform: rotate(45deg);
	width: 5px
}

.nice-select:not(.single).open,
.nice-select:not(.single):hover {
	box-shadow: inset 0 0 0 1px var(--color)
}

.nice-select:not(.single).open {
	border-bottom-left-radius: 0!important;
	border-bottom-right-radius: 0!important
}

.nice-select:not(.single).open:after {
	transform: rotate(-135deg)
}

.nice-select:not(.single).open .list {
	opacity: 1;
	visibility: visible;
	pointer-events: auto
}

.nice-select .list {
	border-radius: 8px;
	border-top-left-radius: 0!important;
	border-top-right-radius: 0!important;
	opacity: 0;
	visibility: hidden;
	padding: 10px 0;
	pointer-events: none;
	position: absolute;
	top: calc(100% - 2px);
	left: 0;
	transition: all .15s;
	z-index: 9;
	width: 100%;
	box-shadow: inset 0 0 0 1px var(--color);
	background-color: var(--color-ultra-dark)
}

@media screen and (max-width:1000px) {
	.nice-select .list {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.nice-select .list {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.nice-select .list {
		border-radius: 5px
	}
}

.nice-select .list:hover .option:not(:hover) {
	background-color: transparent!important
}

.nice-select .option {
	cursor: pointer;
	line-height: 40px;
	list-style: none;
	min-height: 40px;
	outline: none;
	padding: 0 0 0 16px;
	text-align: left;
	transition: all .2s;
	white-space: nowrap;
	display: flex;
	align-items: center;
	overflow: hidden;
	width: calc(100% - 20px)
}

@media screen and (max-width:650px) {
	.nice-select .option {
		line-height: 30px;
		min-height: 30px
	}
}

.nice-select .option.focus,
.nice-select .option:hover {
	color: var(--color)
}

.nice-select .option.focus:before {
	display: flex;
	content: "";
	height: 7px;
	flex: 0 0 7px;
	background-color: var(--color);
	border-radius: 100px;
	margin-right: 7px
}

.nice-select span.current {
	user-select: none
}

.button {
	border-radius: 8px;
	font-weight: 700;
	font-size: 16px;
	background-color: var(--color);
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 56px;
	box-sizing: border-box;
	padding: 0 30px;
	transition: .2s;
	border: 0;
	cursor: pointer;
	text-align: center;
	white-space: normal
}

@media screen and (max-width:1000px) {
	.button {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.button {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.button {
		border-radius: 5px
	}
}

@media screen and (max-width:1000px) {
	.button {
		font-size: 15px
	}
}

@media screen and (max-width:650px) {
	.button {
		font-size: 13px
	}
}

@media screen and (max-width:1000px) {
	.button {
		height: 46px;
		padding: 0 20px
	}
}

@media screen and (max-width:500px) {
	.button {
		height: 36px;
		padding: 0 15px
	}
}

.button.button-hover,
.button:hover {
	background: var(--color-link-hover);
	color: #fff
}

body.neon .button.button-hover,
body.neon .button:hover {
	color: #fff
}

.button.button-disabled,
.button:disabled {
	opacity: .3;
	cursor: auto
}

.button.button-disabled:hover,
.button:disabled:hover {
	background-color: var(--color)
}

.button.button-l {
	height: 56px
}

.button.button-m {
	height: 40px
}

.button.button-s {
	height: 28px
}

.button.button-loading {
	cursor: auto
}

.button.button-loading:focus {
	opacity: 1
}

.button.button-loading .loading.icon-loading+span {
	margin-left: 10px
}

@media screen and (max-width:1000px) {
	.button.button-main {
		font-size: 18px;
		height: 56px
	}
}

@media screen and (max-width:1000px) and (max-width:800px) {
	.button.button-main {
		font-size: 16px
	}
}

@media screen and (max-width:1000px) and (max-width:650px) {
	.button.button-main {
		font-size: 13px
	}
}

@media screen and (max-width:1000px) {
	.button.button-main {
		font-size: 20px
	}
}

@media screen and (max-width:1000px) and (max-width:1000px) {
	.button.button-main {
		font-size: 16px
	}
}

@media screen and (max-width:500px) {
	.button.button-main {
		height: 52px;
		padding: 0 15px
	}
}

.button.button-secondary {
	background-color: var(--color-medium);
	border-radius: 35px;
	z-index: 1;
	white-space: nowrap
}

.button.button-secondary.active,
.button.button-secondary.button-hover,
.button.button-secondary:hover {
	color: #fff;
	background-color: var(--color)
}

body.neon .button.button-secondary.active,
body.neon .button.button-secondary.button-hover,
body.neon .button.button-secondary:hover {
	background-color: #3483ff
}

@media screen and (max-width:1000px) {
	.button.button-secondary.active:not(.button-hover):not(.active),
	.button.button-secondary.button-hover:not(.button-hover):not(.active),
	.button.button-secondary:hover:not(.button-hover):not(.active) {
		background-color: var(--color-medium)
	}
	.button.button-secondary.active:not(.button-hover):not(.active):active,
	.button.button-secondary.button-hover:not(.button-hover):not(.active):active,
	.button.button-secondary:hover:not(.button-hover):not(.active):active {
		background-color: var(--color)
	}
}

.button.button-secondary.button-disabled,
.button.button-secondary:disabled {
	opacity: .5;
	cursor: auto
}

.button.button-secondary.button-disabled:hover,
.button.button-secondary:disabled:hover {
	background-color: var(--color-medium)
}

.button.button-secondary.button-loading {
	cursor: auto
}

.button.button-secondary.button-loading:focus {
	opacity: 1
}

.button.button-secondary.button-loading:hover {
	background: 0 0
}

@media screen and (max-width:1000px) {
	.button.smaller {
		height: 35px;
		padding: 0 15px
	}
}

@media screen and (max-width:650px) {
	.button.smaller {
		height: 30px;
		padding: 0 10px
	}
}

.logo-ig,
.logo-ig-complete {
	background-color: var(--color);
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat
}

body.neon .logo-ig,
body.neon .logo-ig-complete {
	background-color: #fff
}

.logo-ig {
	mask-image: url(../images/logo.png);
	-webkit-mask-image: url(../images/logo.png)
}

.logo-ig.logo-m {
	width: 120px;
	height: 31px
}

.logo-ig-complete {
	mask-image: url(../images/logo-ig-complete.svg);
	-webkit-mask-image: url(../images/logo-ig-complete.svg)
}

.logo-ig-complete.logo-m {
	width: 140px;
	height: 54px
}

.icon-xxxxs {
	width: 5px;
	height: 5px;
	flex: 0 0 5px
}

.icon-xxxs {
	width: 10px;
	height: 10px;
	flex: 0 0 10px
}

.icon-xxs {
	width: 15px;
	height: 15px;
	flex: 0 0 15px
}

.icon-xs {
	width: 20px;
	height: 20px;
	flex: 0 0 20px
}

.icon-s {
	width: 25px;
	height: 25px;
	flex: 0 0 25px
}

.icon-m {
	width: 30px;
	height: 30px;
	flex: 0 0 30px
}

.icon-l {
	width: 35px;
	height: 35px;
	flex: 0 0 35px
}

.icon-xl {
	width: 40px;
	height: 40px;
	flex: 0 0 40px
}

.icon-xxl {
	width: 50px;
	height: 50px;
	flex: 0 0 50px
}

.icon-xxxl {
	width: 60px;
	height: 60px;
	flex: 0 0 60px
}

.icon-xxxxl {
	width: 75px;
	height: 75px;
	flex: 0 0 75px
}

.icon-achievement {
	mask-image: url(../images/icon-achievement.svg);
	-webkit-mask-image: url(../images/icon-achievement.svg)
}

.icon-achievement,
.icon-add {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}

.icon-add {
	mask-image: url(../images/icon-add.svg);
	-webkit-mask-image: url(../images/icon-add.svg)
}

.icon-affiliation {
	mask-image: url(../images/icon-affiliation.svg);
	-webkit-mask-image: url(../images/icon-affiliation.svg)
}

.icon-affiliation,
.icon-arrow {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}

.icon-arrow {
	mask-image: url(../images/icon-arrow.svg);
	-webkit-mask-image: url(../images/icon-arrow.svg)
}

.icon-arrow2 {
	mask-image: url(../images/icon-arrow2.svg);
	-webkit-mask-image: url(../images/icon-arrow2.svg)
}

.icon-arrow2,
.icon-bank {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}

.icon-bank {
	mask-image: url(../images/icon-bank.svg);
	-webkit-mask-image: url(../images/icon-bank.svg)
}

.icon-cart {
	mask-image: url(../images/icon-cart.svg);
	-webkit-mask-image: url(../images/icon-cart.svg)
}

.icon-cart,
.icon-check {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}

.icon-check {
	mask-image: url(../images/icon-check.svg);
	-webkit-mask-image: url(../images/icon-check.svg)
}

.icon-click {
	mask-image: url(../images/icon-click.svg);
	-webkit-mask-image: url(../images/icon-click.svg)
}

.icon-click,
.icon-clock {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}

.icon-clock {
	mask-image: url(../images/icon-clock.svg);
	-webkit-mask-image: url(../images/icon-clock.svg)
}

.icon-close {
	mask-image: url(../images/icon-close.svg);
	-webkit-mask-image: url(../images/icon-close.svg)
}

.icon-close,
.icon-download {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}

.icon-download {
	mask-image: url(../images/icon-download.svg);
	-webkit-mask-image: url(../images/icon-download.svg)
}

.icon-communication {
	mask-image: url(../images/icon-communication.svg);
	-webkit-mask-image: url(../images/icon-communication.svg)
}

.icon-communication,
.icon-copy {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}

.icon-copy {
	mask-image: url(../images/icon-copy.svg);
	-webkit-mask-image: url(../images/icon-copy.svg)
}

.icon-customer-support {
	mask-image: url(../images/icon-customer-support.svg);
	-webkit-mask-image: url(../images/icon-customer-support.svg)
}

.icon-customer-support,
.icon-customize {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}

.icon-customize {
	mask-image: url(../images/icon-customize.svg);
	-webkit-mask-image: url(../images/icon-customize.svg)
}

.icon-dashboard {
	mask-image: url(../images/icon-dashboard.svg);
	-webkit-mask-image: url(../images/icon-dashboard.svg)
}

.icon-dashboard,
.icon-delete {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}

.icon-delete {
	mask-image: url(../images/icon-delete.svg);
	-webkit-mask-image: url(../images/icon-delete.svg)
}
/*
.icon-dislike {
	mask-image: url(../images/icon-dislike.svg);
	-webkit-mask-image: url(../images/icon-dislike.svg)
}
*/
.icon-dislike,
.icon-drop {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}

.icon-drop {
	mask-image: url(../images/icon-drop.svg);
	-webkit-mask-image: url(../images/icon-drop.svg)
}

.icon-edit {
	mask-image: url(../images/icon-edit.svg);
	-webkit-mask-image: url(../images/icon-edit.svg)
}

.icon-edit,
.icon-extension {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}
/*
.icon-extension {
	mask-image: url(../images/icon-extension.svg);
	-webkit-mask-image: url(../images/icon-extension.svg)
}
*/
.icon-external-link {
	mask-image: url(../images/icon-external-link.svg);
	-webkit-mask-image: url(../images/icon-external-link.svg)
}

.icon-external-link,
.icon-favorite {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}

.icon-favorite {
	mask-image: url(../images/icon-favorite.svg);
	-webkit-mask-image: url(../images/icon-favorite.svg)
}

.icon-favorited {
	mask-image: url(../images/icon-favorited.svg);
	-webkit-mask-image: url(../images/icon-favorited.svg)
}

.icon-favorited,
.icon-filter {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}

.icon-filter {
	mask-image: url(../images/icon-filter.svg);
	-webkit-mask-image: url(../images/icon-filter.svg)
}

.icon-fire {
	mask-image: url(../images/icon-fire.svg);
	-webkit-mask-image: url(../images/icon-fire.svg)
}

.icon-fire,
.icon-friend {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}

.icon-friend {
	mask-image: url(../images/icon-friend.svg);
	-webkit-mask-image: url(../images/icon-friend.svg)
}
/*
.icon-gift {
	mask-image: url(../images/icon-gift.svg);
	-webkit-mask-image: url(../images/icon-gift.svg)
}*/

.icon-gift,
.icon-graph {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}

.icon-graph {
	mask-image: url(../images/icon-graph.svg);
	-webkit-mask-image: url(../images/icon-graph.svg)
}

.icon-information {
	mask-image: url(../images/icon-information.svg);
	-webkit-mask-image: url(../images/icon-information.svg)
}

.icon-information,
.icon-language {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}

.icon-language {
	mask-image: url(../images/icon-language.svg);
	-webkit-mask-image: url(../images/icon-language.svg)
}
/*
.icon-like {
	mask-image: url(../images/icon-like.svg);
	-webkit-mask-image: url(../images/icon-like.svg)
}
*/
.icon-like,
.icon-link {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}

.icon-link {
	mask-image: url(../images/icon-link.svg);
	-webkit-mask-image: url(../images/icon-link.svg)
}

.icon-loading {
	mask-image: url(../images/icon-loading.svg);
	-webkit-mask-image: url(../images/icon-loading.svg);
	animation: rotating 2s linear infinite
}

.icon-loading,
.icon-location {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}
/*
.icon-location {
	mask-image: url(../images/icon-location.svg);
	-webkit-mask-image: url(../images/icon-location.svg)
}
*/
.icon-logout {
	mask-image: url(../images/icon-logout.svg);
	-webkit-mask-image: url(../images/icon-logout.svg)
}

.icon-logout,
.icon-mobile {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}

.icon-mobile {
	mask-image: url(../images/icon-mobile.svg);
	-webkit-mask-image: url(../images/icon-mobile.svg)
}

.icon-note {
	mask-image: url(../images/icon-note.svg);
	-webkit-mask-image: url(../images/icon-note.svg)
}

.icon-note,
.icon-partner {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}

.icon-partner {
	mask-image: url(../images/icon-partner.svg);
	-webkit-mask-image: url(../images/icon-partner.svg)
}

.icon-payment {
	mask-image: url(../images/icon-payment.svg);
	-webkit-mask-image: url(../images/icon-payment.svg)
}

.icon-payment,
.icon-pending {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}

.icon-pending {
	mask-image: url(../images/icon-pending.svg);
	-webkit-mask-image: url(../images/icon-pending.svg)
}

.icon-photo {
	mask-image: url(../images/icon-photo.svg);
	-webkit-mask-image: url(../images/icon-photo.svg)
}

.icon-photo,
.icon-picture {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}

.icon-picture {
	mask-image: url(../images/icon-picture.svg);
	-webkit-mask-image: url(../images/icon-picture.svg)
}

.icon-piggy {
	mask-image: url(../images/icon-piggy.svg);
	-webkit-mask-image: url(../images/icon-piggy.svg)
}

.icon-piggy,
.icon-play {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}

.icon-play {
	mask-image: url(../images/icon-play.svg);
	-webkit-mask-image: url(../images/icon-play.svg)
}

.icon-premium {
	mask-image: url(../images/icon-premium.svg);
	-webkit-mask-image: url(../images/icon-premium.svg)
}

.icon-premium,
.icon-privacy {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}

.icon-privacy {
	mask-image: url(../images/icon-privacy.svg);
	-webkit-mask-image: url(../images/icon-privacy.svg)
}

.icon-rank {
	mask-image: url(../images/icon-rank.svg);
	-webkit-mask-image: url(../images/icon-rank.svg)
}

.icon-rank,
.icon-refund {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}

.icon-refund {
	mask-image: url(../images/icon-refund.svg);
	-webkit-mask-image: url(../images/icon-refund.svg)
}

.icon-reload {
	mask-image: url(../images/icon-reload.svg);
	-webkit-mask-image: url(../images/icon-reload.svg)
}

.icon-reload,
.icon-search {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}

.icon-search {
	mask-image: url(../images/icon-search.svg);
	-webkit-mask-image: url(../images/icon-search.svg)
}

.icon-secure {
	mask-image: url(../images/icon-secure.svg);
	-webkit-mask-image: url(../images/icon-secure.svg)
}

.icon-secure,
.icon-security {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}

.icon-security {
	mask-image: url(../images/icon-security.svg);
	-webkit-mask-image: url(../images/icon-security.svg)
}
/*
.icon-send {
	mask-image: url(../images/icon-send.svg);
	-webkit-mask-image: url(../images/icon-send.svg)
}
*/
.icon-send,
.icon-settings {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}

.icon-settings {
	mask-image: url(../images/icon-settings.svg);
	-webkit-mask-image: url(../images/icon-settings.svg)
}

.icon-swap {
	mask-image: url(../images/icon-swap.svg);
	-webkit-mask-image: url(../images/icon-swap.svg)
}

.icon-swap,
.icon-tag {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}

.icon-tag {
	mask-image: url(../images/icon-tag.svg);
	-webkit-mask-image: url(../images/icon-tag.svg);
	transform: rotate(45deg)
}

.icon-user {
	mask-image: url(../images/icon-user.svg);
	-webkit-mask-image: url(../images/icon-user.svg)
}

.icon-user,
.icon-view {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}

.icon-view {
	mask-image: url(../images/icon-view.svg);
	-webkit-mask-image: url(../images/icon-view.svg)
}

.icon-view-hide {
	mask-image: url(../images/icon-view-hide.svg);
	-webkit-mask-image: url(../images/icon-view-hide.svg)
}

.icon-view-hide,
.icon-wallet {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}

.icon-wallet {
	mask-image: url(../images/icon-wallet.svg);
	-webkit-mask-image: url(../images/icon-wallet.svg)
}

.icon-warning {
	mask-image: url(../images/icon-warning.svg);
	-webkit-mask-image: url(../images/icon-warning.svg)
}

.icon-warning,
.icon-wishlist {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}

/*.icon-wishlist {
	mask-image: url(../images/icon-wishlist.svg);
	-webkit-mask-image: url(../images/icon-wishlist.svg)
}

.icon-apple {
	mask-image: url(../images/platforms/icon-apl.svg);
	-webkit-mask-image: url(../images/platforms/icon-apl.svg)
}*/

.icon-apple,
.icon-bethesda {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}
/*
.icon-bethesda {
	mask-image: url(../images/platforms/icon-bda.svg);
	-webkit-mask-image: url(../images/platforms/icon-bda.svg);
	transform: scale(.65)
}

.icon-battle-net {
	mask-image: url(../images/platforms/icon-battle-net.svg);
	-webkit-mask-image: url(../images/platforms/icon-battle-net.svg)
}*/

.icon-battle-net,
.icon-epic-games {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}
/*
.icon-epic-games {
	mask-image: url(../images/platforms/icon-epic.svg);
	-webkit-mask-image: url(../images/platforms/icon-epic.svg);
	transform: scale(.9)
}

.icon-gog-com {
	mask-image: url(../images/platforms/icon-gog-com.svg);
	-webkit-mask-image: url(../images/platforms/icon-gog-com.svg)
}
*/
.icon-gog-com,
.icon-microsoft-store {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff;
	transform: scale(.8)
}
/*
.icon-microsoft-store {
	mask-image: url(../images/platforms/icon-ms-store.svg);
	-webkit-mask-image: url(../images/platforms/icon-ms-store.svg);
	background-image: linear-gradient(90deg, #f25022 0, #f25022 50%, #7fba00 0, #7fba00), linear-gradient(90deg, #00a4ef 0, #00a4ef 50%, #ffb900 0, #ffb900);
	background-size: 100% 50%;
	background-position: top, bottom;
	background-repeat: no-repeat
}

.icon-ncsoft {
	background-size: 100%;
	background-image: url(../images/platforms/icon-ncsoft.svg)
}

.icon-nintendo {
	mask-image: url(../images/platforms/icon-nin.svg);
	-webkit-mask-image: url(../images/platforms/icon-nin.svg)
}
*/
.icon-nintendo,
.icon-nintendo-3ds {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}
/*
.icon-nintendo-3ds {
	mask-image: url(../images/platforms/icon-nin-3ds.svg);
	-webkit-mask-image: url(../images/platforms/icon-nin-3ds.svg);
	background-image: linear-gradient(90deg, #ff151f 34%, #000 0)
}

.icon-nintendo-eshop {
	mask-image: url(../images/platforms/icon-nin.svg);
	-webkit-mask-image: url(../images/platforms/icon-nin.svg)
}
*/
.icon-nintendo-eshop,
.icon-nvidia {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}
/*
.icon-nvidia {
	mask-image: url(../images/platforms/icon-nvidia.svg);
	-webkit-mask-image: url(../images/platforms/icon-nvidia.svg)
}

.icon-pc {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff;
	mask-image: url(../images/platforms/icon-pc.svg);
	-webkit-mask-image: url(../images/platforms/icon-pc.svg)
}

.icon-playstation,
.icon-playstation-store {
	mask-image: url(../images/platforms/icon-play.svg);
	-webkit-mask-image: url(../images/platforms/icon-play.svg)
}
*/
.icon-playstation,
.icon-playstation-3,
.icon-playstation-store {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}
/*
.icon-playstation-3 {
	mask-image: url(../images/platforms/icon-play3.svg);
	-webkit-mask-image: url(../images/platforms/icon-play3.svg)
}

.icon-playstation-4 {
	mask-image: url(../images/platforms/icon-play4.svg);
	-webkit-mask-image: url(../images/platforms/icon-play4.svg)
}
*/
.icon-playstation-4,
.icon-playstation-5 {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}
/*
.icon-playstation-5 {
	mask-image: url(../images/platforms/icon-play5.svg);
	-webkit-mask-image: url(../images/platforms/icon-play5.svg)
}

.icon-origin {
	mask-image: url(../images/platforms/icon-origin.svg);
	-webkit-mask-image: url(../images/platforms/icon-origin.svg);
	transform: scale(.9)
}
*/
.icon-origin,
.icon-other {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}
/*
.icon-other {
	mask-image: url(../images/platforms/icon-other.svg);
	-webkit-mask-image: url(../images/platforms/icon-other.svg);
	background-color: var(--color);
	transform: scale(.7)
}

.icon-rockstar {
	mask-image: url(../images/platforms/icon-rock.svg);
	-webkit-mask-image: url(../images/platforms/icon-rock.svg);
	background-image: linear-gradient(134deg, #000 58%, #fff 0);
	transform: scale(.85)
}
*/
.icon-rockstar,
.icon-switch {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}
/*
.icon-switch {
	mask-image: url(../images/platforms/icon-swt.svg);
	-webkit-mask-image: url(../images/platforms/icon-swt.svg);
	transform: scale(.8)
}

.icon-steam {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff;
	mask-image: url(../images/platforms/icon-stm.svg);
	-webkit-mask-image: url(../images/platforms/icon-stm.svg);
	right: 4px;
	position: relative;
	transform: scale(1.01)
}

.icon-ubisoft-connect,
.icon-uplay {
	mask-image: url(../images/platforms/icon-uplay.svg);
	-webkit-mask-image: url(../images/platforms/icon-uplay.svg);
	transform: scale(.9)
}
*/
.icon-ubisoft-connect,
.icon-uplay,
.icon-xbox {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}
/*
.icon-xbox {
	mask-image: url(../images/platforms/icon-xbx.svg);
	-webkit-mask-image: url(../images/platforms/icon-xbx.svg)
}

.icon-xbox-360,
.icon-xbox-one,
.icon-xbox-series,
.icon-xbox-series-x-s {
	mask-image: url(../images/platforms/icon-xbx-360.svg);
	-webkit-mask-image: url(../images/platforms/icon-xbx-360.svg);
	transform: scale(1.1);
	position: relative;
	top: -1px
}
*/
.icon-discord,
.icon-xbox-360,
.icon-xbox-one,
.icon-xbox-series,
.icon-xbox-series-x-s {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}

.icon-discord {
	mask-image: url(../images/socials/icon-dcr.svg);
	-webkit-mask-image: url(../images/socials/icon-dcr.svg)
}

.icon-facebook {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff;
	/*mask-image: url(../images/socials/icon-fb.svg);
	-webkit-mask-image: url(../images/socials/icon-fb.svg)*/
}

.icon-googler {
	background-image: url(../images/socials/icon-gl.svg);
	background-size: 100%
}
/*
.icon-instagram {
	mask-image: url(../images/socials/icon-igr.svg);
	-webkit-mask-image: url(../images/socials/icon-igr.svg)
}
*/
.icon-instagram,
.icon-twitter {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}
/*
.icon-twitter {
	mask-image: url(../images/socials/icon-tw.svg);
	-webkit-mask-image: url(../images/socials/icon-tw.svg)
}

.icon-twitch {
	mask-image: url(../images/socials/icon-tch.svg);
	-webkit-mask-image: url(../images/socials/icon-tch.svg)
}*/

.icon-twitch,
.icon-youtube {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}
/*
.icon-youtube {
	mask-image: url(../images/socials/icon-yt.svg);
	-webkit-mask-image: url(../images/socials/icon-yt.svg)
}
*/
.icon-whatsapp {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff;
	mask-image: url(../images/socials/icon-wap.svg);
	-webkit-mask-image: url(../images/socials/icon-wap.svg)
}

.icon-tiktok {
	background-image: url(../images/socials/icon-tt.svg);
	background-size: 100%
}

.icon-bancontact {
	background-size: 100%;
	background-image: url(../images/payments/icon-bancontact.svg)
}

.icon-belfius {
	background-size: 100%;
	background-image: url(../images/payments/icon-belfius.svg)
}

.icon-cvs {
	background-size: 100%;
	background-image: url(../images/payments/icon-cvs.svg)
}

.icon-dollargeneral {
	background-size: 100%;
	background-image: url(../images/payments/icon-dollargeneral.svg)
}

.icon-ideal {
	background-size: 100%;
	background-image: url(../images/payments/icon-ideal.svg)
}

.icon-ing {
	background-size: 100%;
	background-image: url(../images/payments/icon-ing.svg)
}

.icon-mastercard {
	background-size: 100%;
	background-image: url(../images/payments/icon-mastercard.svg)
}

.icon-multibanco {
	background-size: 100%;
	background-image: url(../images/payments/icon-multibanco.svg)
}

.icon-obucks {
	background-size: 100%;
	background-image: url(../images/payments/icon-obucks.svg)
}

.icon-paypal {
	background-size: 100%;
	background-image: url(../images/payments/icon-paypal.svg)
}

.icon-paysafecard {
	background-size: 100%;
	background-image: url(../images/payments/icon-paysafecard.svg)
}

.icon-sofort {
	background-size: 100%;
	background-image: url(../images/payments/icon-sofort.svg)
}

.icon-visa {
	background-size: 100%;
	background-image: url(../images/payments/icon-visa.svg)
}

label.checkbox,
label.radio-button,
label.toggle {
	display: flex;
	position: relative;
	align-items: center;
	cursor: pointer
}

label.checkbox:hover .checkmark,
label.checkbox:hover .slider,
label.radio-button:hover .checkmark,
label.radio-button:hover .slider,
label.toggle:hover .checkmark,
label.toggle:hover .slider {
	box-shadow: 0 0 0 2px var(--color)
}

label.checkbox:disabled,
label.radio-button:disabled,
label.toggle:disabled {
	opacity: .3
}

label.checkbox.error:hover .checkmark,
label.checkbox.error:hover .slider,
label.radio-button.error:hover .checkmark,
label.radio-button.error:hover .slider,
label.toggle.error:hover .checkmark,
label.toggle.error:hover .slider {
	box-shadow: 0 0 0 2px #ff0a4e!important
}

label.checkbox.error .checkmark,
label.checkbox.error .slider,
label.radio-button.error .checkmark,
label.radio-button.error .slider,
label.toggle.error .checkmark,
label.toggle.error .slider {
	box-shadow: 0 0 0 2px rgba(255, 10, 78, .3)!important
}

label.checkbox.error .checkmark:hover,
label.checkbox.error .slider:hover,
label.radio-button.error .checkmark:hover,
label.radio-button.error .slider:hover,
label.toggle.error .checkmark:hover,
label.toggle.error .slider:hover {
	box-shadow: 0 0 0 2px #ff0a4e!important
}

label.checkbox .checkmark,
label.checkbox .slider,
label.radio-button .checkmark,
label.radio-button .slider,
label.toggle .checkmark,
label.toggle .slider {
	background-color: rgba(16, 16, 16, .4);
	box-shadow: 0 0 0 2px var(--color-medium)
}

label.checkbox .checkmark:hover,
label.checkbox .slider:hover,
label.radio-button .checkmark:hover,
label.radio-button .slider:hover,
label.toggle .checkmark:hover,
label.toggle .slider:hover {
	box-shadow: 0 0 0 2px var(--color)
}

label.radio-button.success .checkmark,
label.radio-button.success .slider,
label.toggle.success .checkmark,
label.toggle.success .slider {
	background-color: rgba(37, 222, 87, .15);
	box-shadow: none
}

label.radio-button.success .checkmark:after,
label.radio-button.success .slider:after,
label.toggle.success .checkmark:after,
label.toggle.success .slider:after {
	background-color: #25de57
}

label.radio-button.warning .checkmark,
label.radio-button.warning .slider,
label.toggle.warning .checkmark,
label.toggle.warning .slider {
	background-color: rgba(255, 180, 69, .15);
	box-shadow: none
}

label.radio-button.warning .checkmark:after,
label.radio-button.warning .slider:after,
label.toggle.warning .checkmark:after,
label.toggle.warning .slider:after {
	background-color: #ffb445
}

label.radio-button.error .checkmark,
label.radio-button.error .slider,
label.toggle.error .checkmark,
label.toggle.error .slider {
	background-color: rgba(255, 10, 78, .15);
	box-shadow: none
}

label.radio-button.error .checkmark:after,
label.radio-button.error .slider:after,
label.toggle.error .checkmark:after,
label.toggle.error .slider:after {
	background-color: #ff0a4e
}

label.checkbox input:not(.blank),
label.radio-button input:not(.blank) {
	visibility: hidden;
	opacity: 0;
	position: absolute
}

label.checkbox input:not(.blank):checked~.checkmark:after,
label.radio-button input:not(.blank):checked~.checkmark:after {
	display: block
}

label.checkbox a,
label.radio-button a {
	text-decoration: underline
}

label.checkbox .checkmark,
label.radio-button .checkmark {
	height: 20px;
	width: 20px;
	margin-right: 10px;
	flex-shrink: 0;
	margin-top: -1px;
	transition: .2s;
	cursor: pointer;
	box-shadow: 0 0 0 2px var(--color-medium)
}

label.checkbox .checkmark:after,
label.radio-button .checkmark:after {
	content: "";
	position: relative;
	display: none
}

label.checkbox.success .checkmark,
label.checkbox.success .slider {
	background-color: rgba(37, 222, 87, .15);
	box-shadow: none
}

label.checkbox.success .checkmark:after,
label.checkbox.success .slider:after {
	border: solid #25de57;
	border-width: 0 2px 2px 0
}

label.checkbox.success .checkmark .icon-check,
label.checkbox.success .slider .icon-check {
	background-color: #25de57;
	margin: 10px
}

label.checkbox.warning .checkmark,
label.checkbox.warning .slider {
	background-color: rgba(255, 180, 69, .15);
	box-shadow: none
}

label.checkbox.warning .checkmark:after,
label.checkbox.warning .slider:after {
	border: solid #ffb445;
	border-width: 0 2px 2px 0
}

label.checkbox.warning .checkmark .icon-check,
label.checkbox.warning .slider .icon-check {
	background-color: #ffb445;
	margin: 10px
}

label.checkbox.error .checkmark,
label.checkbox.error .slider {
	background-color: rgba(255, 10, 78, .15);
	box-shadow: none
}

label.checkbox.error .checkmark:after,
label.checkbox.error .slider:after {
	border: solid #ff0a4e;
	border-width: 0 2px 2px 0
}

label.checkbox.error .checkmark .icon-check,
label.checkbox.error .slider .icon-check {
	background-color: #ff0a4e;
	margin: 10px
}

label.checkbox .checkmark {
	border-radius: 4px
}

label.checkbox .checkmark:after {
	left: 7px;
	top: 3px;
	width: 4px;
	height: 9px;
	border: solid var(--color);
	border-width: 0 2px 2px 0;
	transform: rotate(45deg)
}

label.radio-button .checkmark {
	border-radius: 100%
}

label.radio-button .checkmark:after {
	top: 4px;
	left: 4px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #ff5400;
	z-index: 1
}

body.neon label.radio-button .checkmark:after {
	background: #3483ff
}

label.toggle {
	padding-left: 65px
}

@media screen and (max-width:500px) {
	label.toggle {
		padding-left: 55px
	}
}

label.toggle:not(.success):not(.warning):not(.error) input.checked+.slider,
label.toggle:not(.success):not(.warning):not(.error) input:checked+.slider {
	background-color: var(--color);
	box-shadow: none
}

label.toggle input {
	display: none
}

label.toggle input.checked+.slider:after,
label.toggle input:checked+.slider:after {
	transform: translateX(20px)
}

label.toggle .slider {
	top: 0;
	right: 0;
	width: 40px;
	border-radius: 100px
}

label.toggle .slider,
label.toggle .slider:after {
	position: absolute;
	left: 0;
	bottom: 0;
	transition: .4s;
	height: 20px
}

label.toggle .slider:after {
	content: "";
	width: 20px;
	background-color: #fff;
	border-radius: 100%
}

label.toggle.disabled {
	cursor: auto
}

label .labeltag {
	margin-bottom: 10px;
	display: inline-flex
}

label .select2 {
	width: 100%
}

:disabled {
	opacity: .3!important
}

.success {
	box-shadow: none!important;
	color: #25de57!important
}

.success .icon-check,
.success .icon-mobile {
	background-color: #25de57!important;
	margin: 10px
}

.warning {
	color: #ffb445!important
}

.error,
.warning {
	box-shadow: none!important
}

.error {
	color: #ff0a4e!important
}

.notice {
	box-shadow: none!important;
	color: #00abff!important
}

.alerts {
	border-radius: 8px;
	padding: 15px 30px 15px 66px;
	align-self: center
}

@media screen and (max-width:1000px) {
	.alerts {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.alerts {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.alerts {
		border-radius: 5px
	}
}

@media screen and (max-width:1000px) {
	.alerts {
		padding: 10px 15px 10px 45px
	}
}

.alerts.block {
	display: block;
	text-align: center
}

.alerts.error,
.alerts.notice,
.alerts.success,
.alerts.warning {
	background-size: 25px;
	background-repeat: no-repeat;
	background-position: 20px
}

@media screen and (max-width:1000px) {
	.alerts.error,
	.alerts.notice,
	.alerts.success,
	.alerts.warning {
		background-size: 20px;
		background-position: 15px
	}
}

.alerts.error.no-icon,
.alerts.notice.no-icon,
.alerts.success.no-icon,
.alerts.warning.no-icon {
	padding: 20px 30px;
	background-image: none
}

@media screen and (max-width:1000px) {
	.alerts.error.no-icon,
	.alerts.notice.no-icon,
	.alerts.success.no-icon,
	.alerts.warning.no-icon {
		padding: 10px 15px
	}
}

.alerts.success {
	background-image: url(../images/alerts/icon-success.svg);
	background-color: rgba(37, 222, 87, .15)
}

.alerts.success a,
.alerts.success a:hover {
	color: #25de57
}

.alerts.warning {
	background-image: url(../images/alerts/icon-warning.svg);
	background-color: rgba(255, 180, 69, .15)
}

.alerts.warning a,
.alerts.warning a:hover {
	color: #ffb445
}

.alerts.error {
	background-image: url(../images/alerts/icon-error.svg);
	background-color: rgba(255, 10, 78, .15)
}

.alerts.error a,
.alerts.error a:hover {
	color: #ff0a4e
}

.alerts.notice {
	background-image: url(../images/alerts/icon-notice.svg);
	background-color: rgba(0, 171, 255, .15)
}

.alerts.notice a,
.alerts.notice a:hover {
	color: #00abff
}

.alerts a {
	text-decoration: underline
}

.platforms {
	display: flex
}

.platform-xbox {
	background-color: #000;
	border-radius: 100%;
	padding: 5px
}

.platform-steam {
	background-color: #14487b;
	border-radius: 100%;
	padding: 5px
}

.platform-bethesda {
	background-color: #000;
	border-radius: 100%;
	padding: 5px
}

.platform-gog-com {
	background-color: #78387b;
	border-radius: 100%;
	padding: 5px
}

.platform-ubisoft-connect {
	background-color: #00a2ff;
	border-radius: 100%;
	padding: 5px
}

.platform-origin {
	background-color: #f50;
	border-radius: 100%;
	padding: 5px
}

.platform-battle-net {
	background-color: #2e64ca;
	border-radius: 100%;
	padding: 5px
}

.platform-rockstar {
	background-color: #f6ac33;
	border-radius: 100%;
	padding: 5px
}

.platform-epic-games {
	background-color: #0078f2;
	border-radius: 100%;
	padding: 5px
}

.platform-microsoft-store,
.platform-ncsoft {
	background-color: #fff;
	border-radius: 100%;
	padding: 5px
}

.platform-nintendo {
	background-color: #ff151f;
	border-radius: 100%;
	padding: 5px
}

.platform-other {
	background-color: #000;
	border-radius: 100%;
	padding: 5px
}

.platform-playstation,
.platform-playstation-3 {
	background-color: #004eff;
	border-radius: 100%;
	padding: 5px
}

.platform-playstation-4 {
	background-color: #0037ff;
	border-radius: 100%;
	padding: 5px
}

.platform-playstation-5,
.platform-playstation-store {
	background-color: #008aff;
	border-radius: 100%;
	padding: 5px
}

.platform-xbox-360,
.platform-xbox-one {
	background-color: #107c10;
	border-radius: 100%;
	padding: 5px
}

.platform-xbox-series,
.platform-xbox-series-x-s {
	background-color: #000;
	border-radius: 100%;
	padding: 5px
}

.platform-xbox-play-anywhere {
	background-color: #007115;
	border-radius: 100%;
	padding: 5px
}

.platform-switch {
	background-color: #ff151f;
	border-radius: 100%;
	padding: 5px
}

.platform-nintendo-3ds {
	background-color: #fff;
	border-radius: 100%;
	padding: 5px
}

.platform-nintendo-eshop {
	background-color: #ff151f;
	border-radius: 100%;
	padding: 5px
}

@media screen and (min-width:650px) {
	body.no-autoplay .listing-games .item .cover:hover {
		-webkit-transform: scale(1.05)
	}
}

body.no-autoplay .listing-games .item .cover:hover picture {
	opacity: 1;
	visibility: visible
}

body.no-autoplay .listing-games .item .cover:hover video {
	opacity: 0;
	visibility: hidden
}

body.no-autoplay .listing-games .item .cover:hover .content .discount {
	opacity: 1;
	bottom: -2px;
	left: -3px;
	transform: none
}

@media screen and (max-width:1000px) {
	body.no-autoplay .listing-games .item .cover:hover .content .discount {
		bottom: 0;
		left: 0
	}
}

body.no-autoplay .listing-games .item .cover:hover .content .icons {
	opacity: 1
}

.listing-games {
	margin: -15px;
	display: flex;
	position: relative;
	flex-wrap: wrap;
	justify-content: center
}

@media screen and (max-width:1000px) {
	.listing-games {
		margin: -10px
	}
}

@media screen and (max-width:800px) {
	.listing-games {
		margin: -5px
	}
}

@media screen and (max-width:1000px) {
	.listing-games {
		margin-bottom: -20px
	}
}

@media screen and (max-width:800px) {
	.listing-games {
		margin-bottom: -10px
	}
}

.listing-games.higher {
	margin-bottom: -30px
}

@media screen and (max-width:1000px) {
	.listing-games.higher {
		margin-bottom: -10px
	}
}

.listing-games.higher .item {
	margin-top: 30px;
	margin-bottom: 30px
}

@media screen and (max-width:1000px) {
	.listing-games.higher .item {
		margin-top: 10px;
		margin-bottom: 10px
	}
}

.listing-games .item {
	margin: 15px;
	width: calc(33.33333% - 30px);
	z-index: 1;
	min-width: 0;
	position: relative;
	display: flex;
	flex-direction: column
}

@media screen and (max-width:1000px) {
	.listing-games .item {
		margin: 10px;
		width: calc(33.33333% - 20px)
	}
}

@media screen and (max-width:800px) {
	.listing-games .item {
		margin: 5px;
		width: calc(33.33333% - 10px)
	}
}

.listing-games .item.out-of-stock .cover,
.listing-games .item.out-of-stock .information {
	opacity: .5
}

@media screen and (max-width:1000px) {
	.listing-games .item {
		margin-bottom: 20px
	}
}

@media screen and (max-width:800px) {
	.listing-games .item {
		margin-bottom: 10px
	}
}

@media screen and (max-width:650px) {
	.listing-games .item {
		margin: 15px;
		width: calc(50% - 30px);
		margin-bottom: 10px!important
	}
}

@media screen and (max-width:650px) and (max-width:1000px) {
	.listing-games .item {
		margin: 10px;
		width: calc(50% - 20px)
	}
}

@media screen and (max-width:650px) and (max-width:800px) {
	.listing-games .item {
		margin: 5px;
		width: calc(50% - 10px)
	}
}

.listing-games .item .cover {
	position: relative;
	transition: .3s
}

.listing-games .item .cover .fallback {
	font-size: 14px;
	color: var(--color-light);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

@media screen and (max-width:1000px) {
	.listing-games .item .cover .fallback {
		font-size: 13px
	}
}

@media screen and (min-width:1000px) {
	.listing-games .item .cover .fallback {
		display: none
	}
}

@media screen and (max-width:450px) {
	.listing-games .item .cover .fallback {
		font-size: 12px
	}
}

@media screen and (min-width:650px) {
	.listing-games .item .cover:hover {
		-webkit-transform: translateZ(0) scale(1.1)
	}
}

.listing-games .item .cover:hover .content .discount {
	bottom: -2px;
	left: -3px;
	transform: scale(.9);
	opacity: 0
}

.listing-games .item .cover:hover .clock,
.listing-games .item .cover:hover .content .icons {
	opacity: 0
}

.listing-games .item .cover:hover video {
	opacity: 1;
	visibility: visible;
	transition: .3s
}

.listing-games .item .cover:hover picture {
	opacity: 0;
	visibility: hidden;
	transition: .3s
}

.listing-games .item .cover .clock {
	background: var(--color-dark);
	padding: 1px 1px 8px 13px;
	z-index: 1;
	position: absolute;
	top: -3px;
	right: -1px;
	border-radius: 0 0 0 15px;
	transition: .2s
}

.listing-games .item .cover .clock.delivered {
	color: #25de57
}

.listing-games .item .cover picture,
.listing-games .item .cover video {
	border-radius: 15px;
	padding-bottom: 56.25%;
	display: flex;
	position: relative;
	overflow: hidden
}

@media screen and (max-width:1000px) {
	.listing-games .item .cover picture,
	.listing-games .item .cover video {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.listing-games .item .cover picture,
	.listing-games .item .cover video {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.listing-games .item .cover picture,
	.listing-games .item .cover video {
		border-radius: 7px
	}
}

.listing-games .item .cover picture img,
.listing-games .item .cover video img {
	width: 100%;
    height: 100%;
	position: absolute
}

.listing-games .item .cover picture {
	opacity: 1;
	visibility: visible
}

.listing-games .item .cover video {
	opacity: 0;
	visibility: hidden
}

.listing-games .item .cover .platform {
	position: absolute;
	top: 10px;
	left: 10px
}

@media screen and (max-width:1000px) {
	.listing-games .item .cover .platform {
		transform: scale(.8);
		transform-origin: top left;
		top: 7px;
		left: 7px
	}
}

@media screen and (max-width:500px) {
	.listing-games .item .cover .platform {
		transform: scale(.6);
		top: 5px;
		left: 5px
	}
}

.listing-games .item .cover .discount {
	margin-top: auto;
	bottom: -2px;
	left: -3px;
	transition: .2s
}

@media screen and (max-width:1000px) {
	.listing-games .item .cover .discount {
		bottom: 0;
		left: 0
	}
}

.listing-games .item .information {
	font-size: 24px;
	margin-top: 10px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative;
	z-index: 1;
	min-height: 26px;
	height: 100%
}

@media screen and (max-width:1000px) {
	.listing-games .item .information {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.listing-games .item .information {
		font-size: 16px
	}
}

@media screen and (max-width:1000px) {
	.listing-games .item .information {
		position: absolute;
		height: auto;
		bottom: 2px;
		right: 8px;
		width: 100%;
		flex-direction: row-reverse
	}
}

@media screen and (max-width:550px) {
	.listing-games .item .information {
		bottom: -2px;
		right: 5px
	}
}

.listing-games .item .information .note-container {
	font-size: 16px;
	flex: 0 0 40px;
	margin-right: 10px;
	border-radius: 100px
}

@media screen and (max-width:1000px) {
	.listing-games .item .information .note-container {
		font-size: 15px
	}
}

@media screen and (max-width:650px) {
	.listing-games .item .information .note-container {
		font-size: 13px
	}
}

@media screen and (max-width:1000px) {
	.listing-games .item .information .note-container {
		flex: 0 0 30px;
		background-color: var(--color-medium-dark);
		margin-left: 10px;
		margin-right: -6px
	}
}

@media screen and (max-width:550px) {
	.listing-games .item .information .note-container {
		flex: 0 0 20px;
		font-size: 10px
	}
}

.listing-games .item .information .rank {
	margin-right: 5px
}

.listing-games .item .information .rank .up {
	background-color: #25de57;
	transform: rotate(315deg)
}

.listing-games .item .information .rank .down {
	background-color: #ff0a4e;
	transform: rotate(45deg)
}

.listing-games .item .information .text {
	line-height: 20px;
	margin-right: 10px;
	overflow: hidden
}

@media screen and (max-width:1000px) {
	.listing-games .item .information .text {
		display: none
	}
}

.listing-games .item .information .name {
	margin-right: 10px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 16px
}

@media screen and (max-width:1000px) {
	.listing-games .item .information .name {
		font-size: 15px
	}
}

@media screen and (max-width:650px) {
	.listing-games .item .information .name {
		font-size: 13px
	}
}

@media screen and (max-width:1000px) {
	.listing-games .item .information .name {
		display: none
	}
}

.listing-games .item .information .name .dlc,
.listing-games .item .information .name .preorder {
	font-weight: 700;
	margin-right: 3px;
	color: var(--color)
}

.listing-games .item .information .name .preorder {
	color: #3483ff
}

.listing-games .item .information .date {
	color: var(--color-light);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	font-size: 16px
}

@media screen and (max-width:1000px) {
	.listing-games .item .information .date {
		font-size: 15px
	}
}

@media screen and (max-width:650px) {
	.listing-games .item .information .date {
		font-size: 13px
	}
}

@media screen and (max-width:1000px) {
	.listing-games .item .information .date {
		display: none
	}
}

.listing-games .item .information .stock {
	font-size: 16px;
	white-space: nowrap
}

@media screen and (max-width:1000px) {
	.listing-games .item .information .stock {
		font-size: 15px
	}
}

@media screen and (max-width:650px) {
	.listing-games .item .information .stock {
		font-size: 13px
	}
}

.listing-games .item .information .promotion {
	margin-right: 10px;
	text-decoration: line-through;
	font-size: 16px
}

@media screen and (max-width:1000px) {
	.listing-games .item .information .promotion {
		font-size: 15px
	}
}

@media screen and (max-width:650px) {
	.listing-games .item .information .promotion {
		font-size: 13px
	}
}

.listing-games .item .information .price {
	margin-left: auto
}

@media screen and (max-width:1000px) {
	.listing-games .item .information .price {
		text-shadow: 0 0 4px #000
	}
}

.listing-games .item .information .price.smaller {
	font-size: 20px
}

@media screen and (max-width:1000px) {
	.listing-games .item .information .price.smaller {
		font-size: 16px
	}
}

.listing-games .item .information .price span {
	font-size: 12px;
	font-weight: 700;
	margin-left: 2px
}

.friends.pending {
	flex-direction: column
}

.friends.pending .item {
	width: 40%!important
}

.friends.pending .item .ig-profile-friends-confirm {
	margin-right: 10px
}

.friends.pending .item .icon-delete {
	background-color: #ff0a4e
}

.friends .ig-profile-empty {
	margin: 20px
}

.friends .items {
	margin: -15px;
	display: flex;
	flex-wrap: wrap
}

@media screen and (max-width:1000px) {
	.friends .items {
		margin: -10px
	}
}

@media screen and (max-width:800px) {
	.friends .items {
		margin: -5px
	}
}

.friends .items .item {
	margin: 15px;
	width: calc(25% - 30px);
	display: flex;
	align-items: center
}

@media screen and (max-width:1000px) {
	.friends .items .item {
		margin: 10px;
		width: calc(25% - 20px)
	}
}

@media screen and (max-width:800px) {
	.friends .items .item {
		margin: 5px;
		width: calc(25% - 10px)
	}
}

@media screen and (max-width:1000px) {
	.friends .items .item {
		margin: 15px;
		width: calc(33.33333% - 30px)
	}
}

@media screen and (max-width:1000px) and (max-width:1000px) {
	.friends .items .item {
		margin: 10px;
		width: calc(33.33333% - 20px)
	}
}

@media screen and (max-width:1000px) and (max-width:800px) {
	.friends .items .item {
		margin: 5px;
		width: calc(33.33333% - 10px)
	}
}

@media screen and (max-width:500px) {
	.friends .items .item {
		margin: 15px;
		width: calc(50% - 30px)
	}
}

@media screen and (max-width:500px) and (max-width:1000px) {
	.friends .items .item {
		margin: 10px;
		width: calc(50% - 20px)
	}
}

@media screen and (max-width:500px) and (max-width:800px) {
	.friends .items .item {
		margin: 5px;
		width: calc(50% - 10px)
	}
}

.friends .items .item .avatar {
	flex: 0 0 70px;
	margin-right: 20px
}

@media screen and (max-width:1000px) {
	.friends .items .item .avatar {
		flex: 0 0 50px;
		margin-right: 15px
	}
}

.friends .items .item .nickname {
	display: flex;
	flex-direction: column;
	width: 100%;
	justify-content: center
}

.friends .items .item .nickname .name {
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

@media screen and (max-width:800px) {
	.friends .items .item .nickname .name {
		font-size: 16px
	}
}

@media screen and (max-width:650px) {
	.friends .items .item .nickname .name {
		font-size: 13px
	}
}

.friends .items .item .nickname .points {
	color: var(--color-light);
	margin-bottom: 8px
}

.friends .item.remove,
.friends:not(.in) .viewmore {
	display: none
}

.discount {
	font-weight: 700;
	background-color: var(--color);
	color: #fff;
	position: absolute;
	border-radius: 8px 8px 0;
	padding: 6px 6px 5px 7px;
	z-index: 2
}

@media screen and (max-width:1000px) {
	.discount {
		border-radius: 5px 5px 0;
		padding: 4px 4px 3px 7px
	}
}

@media screen and (max-width:500px) {
	.discount {
		font-size: 14px
	}
}

@media screen and (max-width:500px) and (max-width:1000px) {
	.discount {
		font-size: 13px
	}
}

.discount:after {
	transform: skewX(16deg);
	width: 100%;
	border-radius: 10px 5px;
	content: "";
	position: absolute;
	background-color: var(--color);
	top: 0;
	bottom: 0;
	right: -4px;
	z-index: -1
}

@media screen and (max-width:1000px) {
	.discount:after {
		border-radius: 7px 4px
	}
}

.socials-twitter {
	background-color: rgba(0, 172, 237, .2);
	border-radius: 100%;
	padding: 10px
}

.socials-twitter .icon-twitter {
	background-color: #00aced
}

.socials-facebook {
	background-color: rgba(24, 119, 242, .2);
	border-radius: 100%;
	padding: 10px
}

.socials-facebook .icon-facebook {
	background-color: #1877f2
}

.socials-youtube {
	background-color: rgba(226, 43, 38, .2);
	border-radius: 100%;
	padding: 10px
}

.socials-youtube .icon-youtube {
	background-color: #e22b26
}

.socials-twitch {
	background-color: rgba(152, 97, 255, .2);
	border-radius: 100%;
	padding: 10px
}

.socials-twitch .icon-twitch {
	background-color: #9861ff
}

.socials-instagram {
	background-color: rgba(189, 138, 119, .2);
	border-radius: 100%;
	padding: 10px
}

.socials-instagram .icon-instagram {
	background-color: #bd8a77
}

.socials-extension {
	background-color: rgba(255, 84, 0, .2);
	border-radius: 100%;
	padding: 10px
}

body.neon .socials-extension {
	background-color: rgba(255, 52, 109, .2)
}

.socials-extension .icon-extension {
	background-color: var(--color)
}

.socials-whatsapp {
	background-color: rgba(13, 193, 67, .2);
	border-radius: 100%;
	padding: 10px
}

.socials-whatsapp .icon-whatsapp {
	background-color: #0dc143
}

.socials-copy {
	background-color: rgba(52, 131, 255, .2);
	border-radius: 100%;
	padding: 10px
}

.socials-copy .icon-copy {
	background-color: #3483ff
}

.table {
	display: table
}

.table .table-row {
	display: table-row
}

.table .table-cell {
	display: table-cell
}

.avatar {
	border-radius: 30%;
	background-size: 100%;
	background-color: var(--color-ultra-dark);
	display: flex;
	transition: .2s
}

.avatar:hover {
	box-shadow: 0 0 0 2px var(--color)
}

.avatar img {
	width: 100%;
	height: 100%;
	border-radius: 30%;
	transition: all .1s ease
}

.barline {
	width: 80px;
	height: 5px;
	border-radius: 50px;
	position: relative;
	background-color: rgba(37, 222, 87, .1)
}

.barline.orange {
	background-color: rgba(252, 175, 2, .1)
}

.barline.orange .filler {
	background-color: #fcaf02
}

.barline.red {
	background-color: rgba(255, 10, 78, .15)
}

.barline.red .filler {
	background-color: #ff0a4e
}

.barline .filler {
	width: 70%;
	position: absolute;
	height: 5px;
	border-radius: 50px;
	background-color: #25de57
}

body.fancybox-active {
	overflow: hidden
}

.fancybox-caption,
.fancybox-close-small,
.fancybox-infobar,
.fancybox-navigation,
.fancybox-progress {
	display: none
}

.fancybox-container {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 30;
	display: flex;
	flex-direction: column;
	outline: none;
	overflow: auto
}

.fancybox-container:not(.fancybox-images):not(.fancybox-login):not(.nav-panel-header) .fancybox-inner {
	position: relative
}

.fancybox-container:not(.fancybox-images):not(.fancybox-login):not(.nav-panel-header) .fancybox-inner .fancybox-stage {
	box-shadow: 0 0 0 1500px rgba(16, 16, 16, .6);
	border-radius: 15px;
	padding: 30px;
	margin: 30px
}

body.neon .fancybox-container:not(.fancybox-images):not(.fancybox-login):not(.nav-panel-header) .fancybox-inner .fancybox-stage {
	box-shadow: 0 0 0 1500px rgba(0, 4, 33, .6)
}

@media screen and (max-width:1000px) {
	.fancybox-container:not(.fancybox-images):not(.fancybox-login):not(.nav-panel-header) .fancybox-inner .fancybox-stage {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.fancybox-container:not(.fancybox-images):not(.fancybox-login):not(.nav-panel-header) .fancybox-inner .fancybox-stage {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.fancybox-container:not(.fancybox-images):not(.fancybox-login):not(.nav-panel-header) .fancybox-inner .fancybox-stage {
		border-radius: 7px
	}
}

@media screen and (max-width:1000px) {
	.fancybox-container:not(.fancybox-images):not(.fancybox-login):not(.nav-panel-header) .fancybox-inner .fancybox-stage {
		padding: 20px
	}
}

@media screen and (max-width:400px) {
	.fancybox-container:not(.fancybox-images):not(.fancybox-login):not(.nav-panel-header) .fancybox-inner .fancybox-stage {
		padding: 15px
	}
}

@media screen and (max-width:850px) {
	.fancybox-container:not(.fancybox-images):not(.fancybox-login):not(.nav-panel-header) .fancybox-inner .fancybox-stage {
		margin: 15px;
		width: calc(100% - 30px)
	}
}

.fancybox-container.fancybox-images,
.fancybox-container.fancybox-login {
	width: 100%;
	height: 100%
}

.fancybox-container.fancybox-images .fancybox-inner,
.fancybox-container.fancybox-login .fancybox-inner {
	margin: initial;
	height: 100%;
	display: flex
}

.fancybox-container.fancybox-images .fancybox-inner .fancybox-toolbar,
.fancybox-container.fancybox-login .fancybox-inner .fancybox-toolbar {
	top: 10px;
	right: 10px
}

.fancybox-container.fancybox-images .fancybox-inner .fancybox-stage,
.fancybox-container.fancybox-login .fancybox-inner .fancybox-stage {
	width: 100%;
	height: 100%;
	margin: 0;
	max-width: none
}

.fancybox-container.nav-panel-header {
	z-index: 2
}

.fancybox-container.nav-panel-header .fancybox-bg {
	background-color: transparent
}

.fancybox-container.nav-panel-header .fancybox-inner {
	margin: 135px auto 0;
	width: 100%;
	max-width: 680px
}

@media screen and (max-width:1000px) {
	.fancybox-container.nav-panel-header .fancybox-inner {
		margin-top: 110px
	}
}

@media screen and (max-width:600px) {
	.fancybox-container.nav-panel-header .fancybox-inner {
		margin-top: 102px
	}
}

.fancybox-container.nav-panel-header .fancybox-inner .fancybox-toolbar {
	display: none
}

.fancybox-container.nav-panel-header .fancybox-inner .fancybox-stage {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: transparent
}

.fancybox-container.fancybox-login .fancybox-inner .fancybox-stage {
	position: fixed;
	overflow: auto;
	padding: 0
}

.fancybox-container.fancybox-login .fancybox-inner .fancybox-stage .fancybox-slide {
	height: 100%
}

.fancybox-container.fancybox-images {
	padding: 15px;
	background-color: var(--color-medium-dark)
}

@media screen and (max-width:800px) {
	.fancybox-container.fancybox-images {
		padding: 10px
	}
}

.fancybox-container.fancybox-images.fancybox-is-grabbing .fancybox-content {
	cursor: grabbing
}

.fancybox-container.fancybox-images.fancybox-is-sliding .fancybox-slide {
	display: block!important
}

.fancybox-container.fancybox-images.fancybox-can-pan .fancybox-content,
.fancybox-container.fancybox-images.fancybox-can-swipe .fancybox-content {
	cursor: grabbing
}

.fancybox-container.fancybox-images.fancybox-is-open .fancybox-inner .fancybox-stage {
	overflow: hidden
}

.fancybox-container.fancybox-images .fancybox-inner {
	border-radius: 15px;
	overflow: hidden
}

@media screen and (max-width:1000px) {
	.fancybox-container.fancybox-images .fancybox-inner {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.fancybox-container.fancybox-images .fancybox-inner {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.fancybox-container.fancybox-images .fancybox-inner {
		border-radius: 7px
	}
}

.fancybox-container.fancybox-images .fancybox-inner .fancybox-stage {
	direction: ltr;
	transform: translateZ(0);
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

.fancybox-container.fancybox-images .fancybox-inner .fancybox-stage .fancybox-slide {
	display: none;
	height: 100%;
	position: absolute;
	width: 100%;
	padding-bottom: 0!important
}

.fancybox-container.fancybox-images .fancybox-inner .fancybox-stage .fancybox-slide.fancybox-slide--image {
	border-radius: 15px;
	overflow: hidden
}

@media screen and (max-width:1000px) {
	.fancybox-container.fancybox-images .fancybox-inner .fancybox-stage .fancybox-slide.fancybox-slide--image {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.fancybox-container.fancybox-images .fancybox-inner .fancybox-stage .fancybox-slide.fancybox-slide--image {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.fancybox-container.fancybox-images .fancybox-inner .fancybox-stage .fancybox-slide.fancybox-slide--image {
		border-radius: 7px
	}
}

.fancybox-container.fancybox-images .fancybox-inner .fancybox-stage .fancybox-slide.fancybox-slide--image .fancybox-content {
	left: 0;
	position: absolute;
	top: 0;
	transform-origin: top left
}

.fancybox-container.fancybox-images .fancybox-inner .fancybox-stage .fancybox-slide.fancybox-slide--image .fancybox-content img {
	border-radius: 15px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

@media screen and (max-width:1000px) {
	.fancybox-container.fancybox-images .fancybox-inner .fancybox-stage .fancybox-slide.fancybox-slide--image .fancybox-content img {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.fancybox-container.fancybox-images .fancybox-inner .fancybox-stage .fancybox-slide.fancybox-slide--image .fancybox-content img {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.fancybox-container.fancybox-images .fancybox-inner .fancybox-stage .fancybox-slide.fancybox-slide--image .fancybox-content img {
		border-radius: 7px
	}
}

.fancybox-container.fancybox-images .fancybox-thumbs {
	padding-top: 15px;
	display: flex;
	justify-content: center
}

@media screen and (max-width:800px) {
	.fancybox-container.fancybox-images .fancybox-thumbs {
		padding-top: 6px
	}
}

.fancybox-container.fancybox-images .fancybox-thumbs .fancybox-thumbs__list {
	width: 100%!important;
	max-width: 800px;
	display: flex;
	z-index: 1
}

@media screen and (max-width:1000px) {
	.fancybox-container.fancybox-images .fancybox-thumbs .fancybox-thumbs__list {
		max-width: 600px
	}
}

@media screen and (max-width:700px) {
	.fancybox-container.fancybox-images .fancybox-thumbs .fancybox-thumbs__list {
		max-width: 400px
	}
}

.fancybox-container.fancybox-images .fancybox-thumbs .fancybox-thumbs__list a {
	border-radius: 8px;
	width: 100%;
	margin: 0 5px;
	background-size: cover
}

@media screen and (max-width:1000px) {
	.fancybox-container.fancybox-images .fancybox-thumbs .fancybox-thumbs__list a {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.fancybox-container.fancybox-images .fancybox-thumbs .fancybox-thumbs__list a {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.fancybox-container.fancybox-images .fancybox-thumbs .fancybox-thumbs__list a {
		border-radius: 5px
	}
}

@media screen and (max-width:800px) {
	.fancybox-container.fancybox-images .fancybox-thumbs .fancybox-thumbs__list a {
		margin: 0 3px
	}
}

.fancybox-container.fancybox-images .fancybox-thumbs .fancybox-thumbs__list a:first-of-type {
	margin-left: 0
}

.fancybox-container.fancybox-images .fancybox-thumbs .fancybox-thumbs__list a:last-of-type {
	margin-right: 0
}

.fancybox-container.fancybox-images .fancybox-thumbs .fancybox-thumbs__list a.fancybox-thumbs-active:before {
	border-radius: 8px;
	border: 2px solid var(--color);
	content: "";
	display: block;
	top: 0;
	left: 0;
	padding-top: 53%;
	position: relative
}

@media screen and (max-width:1000px) {
	.fancybox-container.fancybox-images .fancybox-thumbs .fancybox-thumbs__list a.fancybox-thumbs-active:before {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.fancybox-container.fancybox-images .fancybox-thumbs .fancybox-thumbs__list a.fancybox-thumbs-active:before {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.fancybox-container.fancybox-images .fancybox-thumbs .fancybox-thumbs__list a.fancybox-thumbs-active:before {
		border-radius: 5px
	}
}

.fancybox-container.fancybox-iframe .fancybox-inner {
	width: 100%;
	height: 100%
}

.fancybox-container.fancybox-iframe .fancybox-inner .fancybox-stage {
	max-width: none;
	height: calc(100% - 60px)
}

.fancybox-container.fancybox-iframe .fancybox-inner .fancybox-stage .fancybox-slide,
.fancybox-container.fancybox-iframe .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content {
	height: 100%
}

.fancybox-container.fancybox-iframe .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content iframe {
	border-radius: 8px;
	width: 100%;
	height: 100%;
	border: 0
}

@media screen and (max-width:1000px) {
	.fancybox-container.fancybox-iframe .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content iframe {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.fancybox-container.fancybox-iframe .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content iframe {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.fancybox-container.fancybox-iframe .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content iframe {
		border-radius: 5px
	}
}

.fancybox-container .fancybox-inner {
	margin: auto
}

.fancybox-container .fancybox-inner .fancybox-stage {
	padding: 30px;
	background-color: var(--color-medium-dark);
	width: calc(100% - 60px);
	max-width: 1000px
}

@media screen and (max-width:1000px) {
	.fancybox-container .fancybox-inner .fancybox-stage {
		padding: 20px
	}
}

@media screen and (max-width:400px) {
	.fancybox-container .fancybox-inner .fancybox-stage {
		padding: 15px
	}
}

@media screen and (max-width:700px) {
	.fancybox-container .fancybox-inner .fancybox-stage {
		margin: 15px
	}
}

@media screen and (max-width:600px) {
	.fancybox-container .fancybox-inner .fancybox-stage {
		padding: 0
	}
}

.fancybox-container .fancybox-inner .fancybox-stage .gMsg {
	line-height: 20px;
	display: flex;
	flex-direction: column;
	align-items: center
}

.fancybox-container .fancybox-inner .fancybox-stage .gMsg .icon-note {
	background-color: var(--color);
	margin-bottom: 10px
}

.fancybox-container .fancybox-inner .fancybox-toolbar {
	position: absolute;
	top: 40px;
	right: 40px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	z-index: 1
}

@media screen and (max-width:1000px) {
	.fancybox-container .fancybox-inner .fancybox-toolbar {
		top: 30px;
		right: 40px
	}
}

@media screen and (max-width:850px) {
	.fancybox-container .fancybox-inner .fancybox-toolbar {
		top: 15px;
		right: 15px
	}
}

.fancybox-container .fancybox-inner .fancybox-toolbar .fancybox-button {
	color: #fff;
	background-color: transparent;
	height: 40px;
	width: 40px;
	border: 0;
	margin-left: 10px;
	cursor: pointer
}

@media screen and (max-width:600px) {
	.fancybox-container .fancybox-inner .fancybox-toolbar .fancybox-button {
		height: 30px;
		width: 30px
	}
}

.fancybox-container .fancybox-inner .fancybox-toolbar .fancybox-button:hover svg path {
	fill: #fff
}

.fancybox-container .fancybox-inner .fancybox-toolbar .fancybox-button.fancybox-button--fsenter {
	padding-right: 0;
	margin-right: -10px;
	overflow: hidden
}

@media screen and (max-width:1260px) {
	.fancybox-container .fancybox-inner .fancybox-toolbar .fancybox-button.fancybox-button--fsenter {
		display: none
	}
}

.fancybox-container .fancybox-inner .fancybox-toolbar .fancybox-button.fancybox-button--fsentersvg:nth-child(2),
.fancybox-container .fancybox-inner .fancybox-toolbar .fancybox-button.fancybox-button--fsexit svg:first-child {
	display: none
}

.fancybox-container .fancybox-inner .fancybox-toolbar .fancybox-button.fancybox-button--close path {
	fill: #ff0a4e
}

.fancybox-container .fancybox-inner .fancybox-toolbar .fancybox-button.fancybox-button--zoom {
	display: none
}

.fancybox-container .fancybox-inner .fancybox-toolbar .fancybox-button svg {
	display: initial;
	height: 35px
}

@media screen and (max-width:600px) {
	.fancybox-container .fancybox-inner .fancybox-toolbar .fancybox-button svg {
		height: 25px
	}
}

.fancybox-container .fancybox-inner .fancybox-toolbar .fancybox-button svg path {
	fill: #fff
}

.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
	display: block!important
}

.pagination {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center
}

.pagination li.dotted,
.pagination li.selected,
.pagination li a {
	font-size: 20px;
	list-style-type: none;
	border-radius: 100%;
	color: #fff;
	height: 50px;
	width: 50px;
	flex: 0 0 50px;
	margin: 0 3px;
	display: flex;
	align-items: center;
	justify-content: center
}

@media screen and (max-width:1000px) {
	.pagination li.dotted,
	.pagination li.selected,
	.pagination li a {
		font-size: 16px;
		height: 35px;
		flex: 0 0 35px;
		width: 35px;
		margin: 0
	}
}

.pagination li.selected {
	box-shadow: inset 0 0 0 1px var(--color-light);
	color: var(--color-light)
}

.pagination li.dotted {
	color: var(--color-medium-light);
	width: 10px;
	flex: initial
}

.pagination li .disabled a {
	opacity: .5
}

.pagination li a.arrow {
	background-color: var(--color-medium)
}

@media screen and (max-width:1000px) {
	.pagination li a.arrow .icon-arrow {
		transform: scale(.7)
	}
}

.pagination li a.arrow.left {
	transform: rotate(180deg)
}

.pagination li a:hover {
	background: var(--color);
	color: #fff!important
}

select.selectable2 {
	border: 0!important;
	clip: rect(0 0 0 0)!important;
	-webkit-clip-path: inset(50%)!important;
	clip-path: inset(50%)!important;
	height: 1px!important;
	overflow: hidden!important;
	padding: 0!important;
	position: absolute!important;
	width: 1px!important;
	white-space: nowrap!important
}

.select2-container {
	box-sizing: border-box;
	display: inline-block;
	margin: 0;
	position: relative;
	vertical-align: middle
}

.select2-container.select2-container--open .select2-selection {
	box-shadow: inset 0 0 0 2px #ff5400!important
}

body.neon .select2-container.select2-container--open .select2-selection {
	box-shadow: inset 0 0 0 2px #3483ff!important
}

.select2-dropdown {
	border-radius: 8px;
	backdrop-filter: blur(60px) saturate(100%);
	-webkit-backdrop-filter: blur(60px) saturate(100%);
	background-color: rgba(39, 39, 39, .15);
	background-color: hsla(0, 0%, 100%, .1);
	position: absolute;
	z-index: 20;
	padding: 15px
}

@media screen and (max-width:1000px) {
	.select2-dropdown {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.select2-dropdown {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.select2-dropdown {
		border-radius: 5px
	}
}

@-moz-document url-prefix("") {
	body.neon .select2-dropdown {
		background-color: #2b305c
	}
}

@-moz-document url-prefix("") {
	.select2-dropdown {
		background-color: var(--color-medium)
	}
}

.select2-dropdown label.checkbox .checkmark,
.select2-dropdown label.checkbox .slider,
.select2-dropdown label.radio-button .checkmark,
.select2-dropdown label.radio-button .slider,
.select2-dropdown label.toggle .checkmark,
.select2-dropdown label.toggle .slider {
	box-shadow: none
}

@media screen and (max-width:500px) {
	.select2-dropdown {
		padding: 10px
	}
}

.select2.error .selection .select2-selection {
	background-color: rgba(255, 10, 78, .15)!important;
	box-shadow: inset 0 0 0 2px rgba(255, 10, 78, .2)!important
}

.select2.error .selection .select2-selection:focus,
.select2.error .selection .select2-selection:hover {
	box-shadow: inset 0 0 0 2px #ff0a4e!important
}

.select2.error .selection .select2-selection:after {
	background-color: #ff0a4e
}

.select2 .selection .select2-selection {
	border-radius: 8px;
	position: relative;
	display: flex;
	height: 58px;
	transition: .2s;
	box-shadow: inset 0 0 0 2px var(--color-medium);
	background-color: rgba(16, 16, 16, .4)
}

@media screen and (max-width:1000px) {
	.select2 .selection .select2-selection {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.select2 .selection .select2-selection {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.select2 .selection .select2-selection {
		border-radius: 5px
	}
}

body.neon .select2 .selection .select2-selection {
	background-color: rgba(0, 4, 33, .7)
}

@media screen and (max-width:1000px) {
	.select2 .selection .select2-selection {
		height: 48px
	}
}

@media screen and (max-width:500px) {
	.select2 .selection .select2-selection {
		height: 38px
	}
}

.select2 .selection .select2-selection:hover {
	box-shadow: inset 0 0 0 2px var(--color)
}

body.neon .select2 .selection .select2-selection:hover {
	box-shadow: inset 0 0 0 2px #3483ff
}

.select2 .selection .select2-selection.select2-selection--single {
	cursor: pointer
}

.select2 .selection .select2-selection:after {
	content: "";
	height: 9px;
	width: 15px;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	mask-image: url(../images/images-arrow-white.svg);
	-webkit-mask-image: url(../images/images-arrow-white.svg);
	background-color: #fff;
	position: absolute;
	right: 18px;
	top: 25px;
	background-size: 100%;
	visibility: visible;
	opacity: 1;
	transition: .2s
}

@media screen and (max-width:1000px) {
	.select2 .selection .select2-selection:after {
		height: 7px;
		width: 12px;
		top: 22px
	}
}

@media screen and (max-width:500px) {
	.select2 .selection .select2-selection:after {
		top: 16px
	}
}

.select2 .selection .select2-selection .select2-selection__clear {
	position: absolute;
	right: -10px;
	top: -10px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 24px;
	width: 24px;
	background: var(--color);
	border: 0;
	color: #fff;
	border-radius: 100px;
	cursor: pointer;
	z-index: 1;
	font-size: 20px
}

@media screen and (max-width:1000px) {
	.select2 .selection .select2-selection .select2-selection__clear {
		font-size: 16px
	}
}

.select2 .selection .select2-selection .select2-selection__clear:hover {
	background: var(--color-link-hover)
}

.select2 .selection .select2-selection .select2-selection__rendered {
	display: flex;
	align-items: center;
	white-space: nowrap;
	padding-left: 20px;
	overflow: hidden
}

@media screen and (max-width:500px) {
	.select2 .selection .select2-selection .select2-selection__rendered {
		padding-left: 10px
	}
}

.select2 .selection .select2-selection .select2-selection__rendered li {
	padding-right: 10px;
	height: 31px
}

.select2 .selection .select2-selection .select2-selection__rendered li button {
	cursor: pointer;
	background: 0 0;
	border: 0;
	color: var(--color-light);
	font-size: 22px;
	position: relative;
	top: 2px;
	right: -1px
}

.select2 .selection .select2-selection .select2-selection__rendered li button:hover {
	color: var(--color-link-hover)
}

.select2 .selection .select2-selection--clearable:after {
	display: none
}

.select2 textarea {
	resize: none;
	background: 0 0;
	padding: 20px 0;
	background-color: transparent;
	box-shadow: none!important
}

body.neon .select2 textarea {
	background-color: transparent;
	box-shadow: none!important
}

.select2 textarea::placeholder {
	white-space: nowrap;
	overflow: hidden;
	color: #fff;
	opacity: 1
}

.select2 textarea:focus::placeholder {
	color: var(--color-medium-light)
}

@media screen and (max-width:500px) {
	.select2 textarea {
		padding: 10px 0
	}
}

.select2 input[type=search]::-webkit-search-cancel-button {
	-webkit-appearance: none;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff;
	transition: .2s;
	mask-image: url(../images/icon-close.svg);
	-webkit-mask-image: url(../images/icon-close.svg);
	height: 12px;
	width: 12px;
	margin-left: .4em;
	cursor: pointer
}

.select2-container--default.select2-container--open {
	z-index: 31
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: #ff5400
}

body.neon .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: #3483ff
}

.select2-container--default .select2-dropdown {
	margin: 15px 0
}

@media screen and (max-width:500px) {
	.select2-container--default .select2-dropdown {
		margin: 10px 0
	}
}

.select2-container--default .select2-dropdown .select2-search__field {
	box-shadow: none!important;
	height: 40px!important;
	padding: 0 0 0 15px;
	margin-bottom: 15px;
	background-color: rgba(16, 16, 16, .3)!important;
	color: #fff;
	background-image: url(../images/search.svg);
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: right 15px center
}

.select2-container--default .select2-dropdown .select2-search__field:focus {
	background-image: none
}

body.neon .select2-container--default .select2-dropdown .select2-search__field {
	background-color: rgba(0, 4, 33, .3)!important
}

@media screen and (max-width:500px) {
	.select2-container--default .select2-dropdown .select2-search__field {
		margin-bottom: 10px;
		height: 30px!important
	}
}

.select2-container--default .select2-dropdown .select2-search--hide {
	display: none
}

.select2-container--default .select2-dropdown .select2-results {
	display: block
}

.select2-container--default .select2-dropdown .select2-results ul.select2-results__options {
	overflow-y: auto
}

.select2-container--default .select2-dropdown .select2-results ul.select2-results__options::-webkit-scrollbar {
	width: 4px;
	background-clip: padding-box
}

.select2-container--default .select2-dropdown .select2-results ul.select2-results__options::-webkit-scrollbar-track {
	background-color: transparent;
	margin-top: 10px;
	height: 8px;
	background-clip: padding-box;
	border-radius: 10px
}

.select2-container--default .select2-dropdown .select2-results ul.select2-results__options::-webkit-scrollbar-thumb {
	background-clip: padding-box;
	background-color: hsla(0, 0%, 100%, .3);
	border-radius: 10px
}

.select2-container--default .select2-dropdown .select2-results ul.select2-results__options::-webkit-scrollbar-button {
	display: none
}

.select2-container--default .select2-dropdown .select2-results ul.select2-results__options li {
	padding: 7px 15px;
	cursor: pointer;
	border-radius: 100px;
	margin: 2px 10px 2px 0
}

@media screen and (max-width:500px) {
	.select2-container--default .select2-dropdown .select2-results ul.select2-results__options li {
		padding: 4px 8px;
		border-radius: 4px;
		margin: 2px 0
	}
}

.select2-container--default .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option--selected {
	opacity: .4
}

.flag {
	width: 30px;
	height: 30px;
	background-size: 100%;
	border-radius: 100%
}

.flag.flagoeu {
	background-image: url(../images/flags/oeu.svg)
}

.flag.flagad {
	background-image: url(../images/flags/ad.svg)
}

.flag.flagae-ad {
	background-image: url(../images/flags/ae-ad.svg)
}

.flag.flagae-aj {
	background-image: url(../images/flags/ae-aj.svg)
}

.flag.flagae-db {
	background-image: url(../images/flags/ae-db.svg)
}

.flag.flagae-fj {
	background-image: url(../images/flags/ae-fj.svg)
}

.flag.flagae-rk {
	background-image: url(../images/flags/ae-rk.svg)
}

.flag.flagae-sj {
	background-image: url(../images/flags/ae-sj.svg)
}

.flag.flagae-uq {
	background-image: url(../images/flags/ae-uq.svg)
}

.flag.flagaf {
	background-image: url(../images/flags/af.svg)
}

.flag.flagag {
	background-image: url(../images/flags/ag.svg)
}

.flag.flagai {
	background-image: url(../images/flags/ai.svg)
}

.flag.flagal {
	background-image: url(../images/flags/al.svg)
}

.flag.flagam {
	background-image: url(../images/flags/am.svg)
}

.flag.flagao {
	background-image: url(../images/flags/ao.svg)
}

.flag.flagar {
	background-image: url(../images/flags/ar.svg)
}

.flag.flagas {
	background-image: url(../images/flags/as.svg)
}

.flag.flagau {
	background-image: url(../images/flags/au.svg)
}

.flag.flagat {
	background-image: url(../images/flags/at.svg)
}

.flag.flagax {
	background-image: url(../images/flags/ax.svg)
}

.flag.flagaz {
	background-image: url(../images/flags/az.svg)
}

.flag.flagba {
	background-image: url(../images/flags/ba.svg)
}

.flag.flagbb {
	background-image: url(../images/flags/bb.svg)
}

.flag.flagbd {
	background-image: url(../images/flags/bd.svg)
}

.flag.flagbe {
	background-image: url(../images/flags/be.svg)
}

.flag.flagbf {
	background-image: url(../images/flags/bf.svg)
}

.flag.flagbg {
	background-image: url(../images/flags/bg.svg)
}

.flag.flagbh {
	background-image: url(../images/flags/bh.svg)
}

.flag.flagbi {
	background-image: url(../images/flags/bi.svg)
}

.flag.flagbj {
	background-image: url(../images/flags/bj.svg)
}

.flag.flagbk {
	background-image: url(../images/flags/bk.svg)
}

.flag.flagbl {
	background-image: url(../images/flags/bl.svg)
}

.flag.flagbm {
	background-image: url(../images/flags/bm.svg)
}

.flag.flagbo {
	background-image: url(../images/flags/bo.svg)
}

.flag.flagbn {
	background-image: url(../images/flags/bn.svg)
}

.flag.flagbr {
	background-image: url(../images/flags/br.svg)
}

.flag.flagbs {
	background-image: url(../images/flags/bs.svg)
}

.flag.flagbt {
	background-image: url(../images/flags/bt.svg)
}

.flag.flagbw {
	background-image: url(../images/flags/bw.svg)
}

.flag.flagby {
	background-image: url(../images/flags/by.svg)
}

.flag.flagbz {
	background-image: url(../images/flags/bz.svg)
}

.flag.flagca {
	background-image: url(../images/flags/ca.svg)
}

.flag.flagcc {
	background-image: url(../images/flags/cc.svg)
}

.flag.flagcd {
	background-image: url(../images/flags/cd.svg)
}

.flag.flagcg {
	background-image: url(../images/flags/cg.svg)
}

.flag.flagch {
	background-image: url(../images/flags/ch.svg)
}

.flag.flagci {
	background-image: url(../images/flags/ci.svg)
}

.flag.flagcl {
	background-image: url(../images/flags/cl.svg)
}

.flag.flagcm {
	background-image: url(../images/flags/cm.svg)
}

.flag.flagco {
	background-image: url(../images/flags/co.svg)
}

.flag.flagcn {
	background-image: url(../images/flags/cn.svg)
}

.flag.flagcr {
	background-image: url(../images/flags/cr.svg)
}

.flag.flagcf {
	background-image: url(../images/flags/cf.svg)
}

.flag.flagcv {
	background-image: url(../images/flags/cv.svg)
}

.flag.flagck {
	background-image: url(../images/flags/ck.svg)
}

.flag.flagcu {
	background-image: url(../images/flags/cu.svg)
}

.flag.flagcy {
	background-image: url(../images/flags/cy.svg)
}

.flag.flagcx {
	background-image: url(../images/flags/cx.svg)
}

.flag.flagcz {
	background-image: url(../images/flags/cz.svg)
}

.flag.flagda,
.flag.flagdk {
	background-image: url(../images/flags/da.svg)
}

.flag.flagde {
	background-image: url(../images/flags/de.svg)
}

.flag.flagdj {
	background-image: url(../images/flags/dj.svg)
}

.flag.flagdm {
	background-image: url(../images/flags/dm.svg)
}

.flag.flagdo {
	background-image: url(../images/flags/do.svg)
}

.flag.flagdz {
	background-image: url(../images/flags/dz.svg)
}

.flag.flagec {
	background-image: url(../images/flags/ec.svg)
}

.flag.flagee {
	background-image: url(../images/flags/ee.svg)
}

.flag.flageg {
	background-image: url(../images/flags/eg.svg)
}

.flag.flageh {
	background-image: url(../images/flags/eh.svg)
}

.flag.flagen {
	background-image: url(../images/flags/en.svg)
}

.flag.flager {
	background-image: url(../images/flags/er.svg)
}

.flag.flages {
	background-image: url(../images/flags/es.svg)
}

.flag.flages-ca {
	background-image: url(../images/flags/es-ca.svg)
}

.flag.flages-ml {
	background-image: url(../images/flags/es-ml.svg)
}

.flag.flages-ce {
	background-image: url(../images/flags/es-ce.svg)
}

.flag.flaget {
	background-image: url(../images/flags/et.svg)
}

.flag.flagfi {
	background-image: url(../images/flags/fi.svg)
}

.flag.flagfj {
	background-image: url(../images/flags/fj.svg)
}

.flag.flagfk {
	background-image: url(../images/flags/fk.svg)
}

.flag.flagfm {
	background-image: url(../images/flags/fm.svg)
}

.flag.flagfo {
	background-image: url(../images/flags/fo.svg)
}

.flag.flagfr {
	background-image: url(../images/flags/fr.svg)
}

.flag.flagmq {
	background-image: url(../images/flags/mq.svg)
}

.flag.flagyt {
	background-image: url(../images/flags/yt.svg)
}

.flag.flagre {
	background-image: url(../images/flags/re.svg)
}

.flag.flaggf {
	background-image: url(../images/flags/gf.svg)
}

.flag.flaggp {
	background-image: url(../images/flags/gp.svg)
}

.flag.flagga {
	background-image: url(../images/flags/ga.svg)
}

.flag.flaggd {
	background-image: url(../images/flags/gd.svg)
}

.flag.flagge {
	background-image: url(../images/flags/ge.svg)
}

.flag.flaggg {
	background-image: url(../images/flags/gg.svg)
}

.flag.flaggh {
	background-image: url(../images/flags/gh.svg)
}

.flag.flaggi {
	background-image: url(../images/flags/gi.svg)
}

.flag.flaggl {
	background-image: url(../images/flags/gl.svg)
}

.flag.flaggm {
	background-image: url(../images/flags/gm.svg)
}

.flag.flaggn {
	background-image: url(../images/flags/gn.svg)
}

.flag.flaggq {
	background-image: url(../images/flags/gq.svg)
}

.flag.flaggr {
	background-image: url(../images/flags/gr.svg)
}

.flag.flaggt {
	background-image: url(../images/flags/gt.svg)
}

.flag.flaggu {
	background-image: url(../images/flags/gu.svg)
}

.flag.flaggw {
	background-image: url(../images/flags/gw.svg)
}

.flag.flaggy {
	background-image: url(../images/flags/gy.svg)
}

.flag.flaghk {
	background-image: url(../images/flags/hk.svg)
}

.flag.flaghn {
	background-image: url(../images/flags/hn.svg)
}

.flag.flaghr {
	background-image: url(../images/flags/hr.svg)
}

.flag.flaght {
	background-image: url(../images/flags/ht.svg)
}

.flag.flaghu {
	background-image: url(../images/flags/hu.svg)
}

.flag.flagid {
	background-image: url(../images/flags/id.svg)
}

.flag.flagie {
	background-image: url(../images/flags/ie.svg)
}

.flag.flagil {
	background-image: url(../images/flags/il.svg)
}

.flag.flagim {
	background-image: url(../images/flags/im.svg)
}

.flag.flagin {
	background-image: url(../images/flags/in.svg)
}

.flag.flagio {
	background-image: url(../images/flags/io.svg)
}

.flag.flagiq {
	background-image: url(../images/flags/iq.svg)
}

.flag.flagir {
	background-image: url(../images/flags/ir.svg)
}

.flag.flagis {
	background-image: url(../images/flags/is.svg)
}

.flag.flagit {
	background-image: url(../images/flags/it.svg)
}

.flag.flagje {
	background-image: url(../images/flags/je.svg)
}

.flag.flagjm {
	background-image: url(../images/flags/jm.svg)
}

.flag.flagjo {
	background-image: url(../images/flags/jo.svg)
}

.flag.flagjp {
	background-image: url(../images/flags/jp.svg)
}

.flag.flagke {
	background-image: url(../images/flags/ke.svg)
}

.flag.flagkg {
	background-image: url(../images/flags/kg.svg)
}

.flag.flagkh {
	background-image: url(../images/flags/kh.svg)
}

.flag.flagki {
	background-image: url(../images/flags/ki.svg)
}

.flag.flagkm {
	background-image: url(../images/flags/km.svg)
}

.flag.flagkn {
	background-image: url(../images/flags/kn.svg)
}

.flag.flagkp {
	background-image: url(../images/flags/kp.svg)
}

.flag.flagkr {
	background-image: url(../images/flags/kr.svg)
}

.flag.flagkw {
	background-image: url(../images/flags/kw.svg)
}

.flag.flagky {
	background-image: url(../images/flags/ky.svg)
}

.flag.flagkz {
	background-image: url(../images/flags/kz.svg)
}

.flag.flagla {
	background-image: url(../images/flags/la.svg)
}

.flag.flaglb {
	background-image: url(../images/flags/lb.svg)
}

.flag.flaglc {
	background-image: url(../images/flags/lc.svg)
}

.flag.flagli {
	background-image: url(../images/flags/li.svg)
}

.flag.flaglk {
	background-image: url(../images/flags/lk.svg)
}

.flag.flaglr {
	background-image: url(../images/flags/lr.svg)
}

.flag.flagls {
	background-image: url(../images/flags/ls.svg)
}

.flag.flaglt {
	background-image: url(../images/flags/lt.svg)
}

.flag.flaglu {
	background-image: url(../images/flags/lu.svg)
}

.flag.flaglv {
	background-image: url(../images/flags/lv.svg)
}

.flag.flagly {
	background-image: url(../images/flags/ly.svg)
}

.flag.flagma {
	background-image: url(../images/flags/ma.svg)
}

.flag.flagmc {
	background-image: url(../images/flags/mc.svg)
}

.flag.flagmd {
	background-image: url(../images/flags/md.svg)
}

.flag.flagme {
	background-image: url(../images/flags/me.svg)
}

.flag.flagmf {
	background-image: url(../images/flags/mf.svg)
}

.flag.flagmg {
	background-image: url(../images/flags/mg.svg)
}

.flag.flagmh {
	background-image: url(../images/flags/mh.svg)
}

.flag.flagmk {
	background-image: url(../images/flags/mk.svg)
}

.flag.flagml {
	background-image: url(../images/flags/ml.svg)
}

.flag.flagmm {
	background-image: url(../images/flags/mm.svg)
}

.flag.flagmn {
	background-image: url(../images/flags/mn.svg)
}

.flag.flagmp {
	background-image: url(../images/flags/mp.svg)
}

.flag.flagmr {
	background-image: url(../images/flags/mr.svg)
}

.flag.flagms {
	background-image: url(../images/flags/ms.svg)
}

.flag.flagmt {
	background-image: url(../images/flags/mt.svg)
}

.flag.flagmu {
	background-image: url(../images/flags/mu.svg)
}

.flag.flagmv {
	background-image: url(../images/flags/mv.svg)
}

.flag.flagmw {
	background-image: url(../images/flags/mw.svg)
}

.flag.flagmx {
	background-image: url(../images/flags/mx.svg)
}

.flag.flagmy {
	background-image: url(../images/flags/my.svg)
}

.flag.flagmz {
	background-image: url(../images/flags/mz.svg)
}

.flag.flagna {
	background-image: url(../images/flags/na.svg)
}

.flag.flagne {
	background-image: url(../images/flags/ne.svg)
}

.flag.flagnf {
	background-image: url(../images/flags/nf.svg)
}

.flag.flagng {
	background-image: url(../images/flags/ng.svg)
}

.flag.flagni {
	background-image: url(../images/flags/ni.svg)
}

.flag.flagnl {
	background-image: url(../images/flags/nl.svg)
}

.flag.flagno {
	background-image: url(../images/flags/no.svg)
}

.flag.flagnp {
	background-image: url(../images/flags/np.svg)
}

.flag.flagnr {
	background-image: url(../images/flags/nr.svg)
}

.flag.flagnu {
	background-image: url(../images/flags/nu.svg)
}

.flag.flagnz {
	background-image: url(../images/flags/nz.svg)
}

.flag.flagom {
	background-image: url(../images/flags/om.svg)
}

.flag.flagpa {
	background-image: url(../images/flags/pa.svg)
}

.flag.flagpe {
	background-image: url(../images/flags/pe.svg)
}

.flag.flagpf {
	background-image: url(../images/flags/pf.svg)
}

.flag.flagpg {
	background-image: url(../images/flags/pg.svg)
}

.flag.flagph {
	background-image: url(../images/flags/ph.svg)
}

.flag.flagpk {
	background-image: url(../images/flags/pk.svg)
}

.flag.flagpl {
	background-image: url(../images/flags/pl.svg)
}

.flag.flagpn {
	background-image: url(../images/flags/pn.svg)
}

.flag.flagpr {
	background-image: url(../images/flags/pr.svg)
}

.flag.flagps {
	background-image: url(../images/flags/ps.svg)
}

.flag.flagpt {
	background-image: url(../images/flags/pt.svg)
}

.flag.flagpt-az {
	background-image: url(../images/flags/pt-az.svg)
}

.flag.flagpt-md {
	background-image: url(../images/flags/pt-md.svg)
}

.flag.flagpw {
	background-image: url(../images/flags/pw.svg)
}

.flag.flagpy {
	background-image: url(../images/flags/py.svg)
}

.flag.flagqa {
	background-image: url(../images/flags/qa.svg)
}

.flag.flagro {
	background-image: url(../images/flags/ro.svg)
}

.flag.flagrs {
	background-image: url(../images/flags/rs.svg)
}

.flag.flagru {
	background-image: url(../images/flags/ru.svg)
}

.flag.flagrw {
	background-image: url(../images/flags/rw.svg)
}

.flag.flagsa {
	background-image: url(../images/flags/sa.svg)
}

.flag.flagsb {
	background-image: url(../images/flags/sb.svg)
}

.flag.flagsc {
	background-image: url(../images/flags/sc.svg)
}

.flag.flagsd {
	background-image: url(../images/flags/sd.svg)
}

.flag.flagse {
	background-image: url(../images/flags/se.svg)
}

.flag.flagsg {
	background-image: url(../images/flags/sg.svg)
}

.flag.flagsi {
	background-image: url(../images/flags/si.svg)
}

.flag.flagsk {
	background-image: url(../images/flags/sk.svg)
}

.flag.flagsl {
	background-image: url(../images/flags/sl.svg)
}

.flag.flagsm {
	background-image: url(../images/flags/sm.svg)
}

.flag.flagsn {
	background-image: url(../images/flags/sn.svg)
}

.flag.flagso {
	background-image: url(../images/flags/so.svg)
}

.flag.flagsr {
	background-image: url(../images/flags/sr.svg)
}

.flag.flagsv {
	background-image: url(../images/flags/sv.svg)
}

.flag.flagsy {
	background-image: url(../images/flags/sy.svg)
}

.flag.flagsz {
	background-image: url(../images/flags/sz.svg)
}

.flag.flagtc {
	background-image: url(../images/flags/tc.svg)
}

.flag.flagtd {
	background-image: url(../images/flags/td.svg)
}

.flag.flagtg {
	background-image: url(../images/flags/tg.svg)
}

.flag.flagth {
	background-image: url(../images/flags/th.svg)
}

.flag.flagtj {
	background-image: url(../images/flags/tj.svg)
}

.flag.flagtk {
	background-image: url(../images/flags/tk.svg)
}

.flag.flagtl {
	background-image: url(../images/flags/tl.svg)
}

.flag.flagtm {
	background-image: url(../images/flags/tm.svg)
}

.flag.flagtn {
	background-image: url(../images/flags/tn.svg)
}

.flag.flagto {
	background-image: url(../images/flags/to.svg)
}

.flag.flagtr {
	background-image: url(../images/flags/tr.svg)
}

.flag.flagtt {
	background-image: url(../images/flags/tt.svg)
}

.flag.flagtv {
	background-image: url(../images/flags/tv.svg)
}

.flag.flagtw {
	background-image: url(../images/flags/tw.svg)
}

.flag.flagtz {
	background-image: url(../images/flags/tz.svg)
}

.flag.flagua {
	background-image: url(../images/flags/ua.svg)
}

.flag.flagug {
	background-image: url(../images/flags/ug.svg)
}

.flag.flagen,
.flag.flaggb {
	background-image: url(../images/flags/gb.svg)
}

.flag.flagus {
	background-image: url(../images/flags/us.svg)
}

.flag.flaguy {
	background-image: url(../images/flags/uy.svg)
}

.flag.flaguz {
	background-image: url(../images/flags/uz.svg)
}

.flag.flagva {
	background-image: url(../images/flags/va.svg)
}

.flag.flagvc {
	background-image: url(../images/flags/vc.svg)
}

.flag.flagve {
	background-image: url(../images/flags/ve.svg)
}

.flag.flagvg {
	background-image: url(../images/flags/vg.svg)
}

.flag.flagvi {
	background-image: url(../images/flags/vi.svg)
}

.flag.flagvn {
	background-image: url(../images/flags/vn.svg)
}

.flag.flagvu {
	background-image: url(../images/flags/vu.svg)
}

.flag.flagws {
	background-image: url(../images/flags/ws.svg)
}

.flag.flagye {
	background-image: url(../images/flags/ye.svg)
}

.flag.flagza {
	background-image: url(../images/flags/za.svg)
}

.flag.flagzm {
	background-image: url(../images/flags/zm.svg)
}

.flag.flagzw {
	background-image: url(../images/flags/zw.svg)
}

.bubble {
	backdrop-filter: blur(60px) saturate(100%);
	-webkit-backdrop-filter: blur(60px) saturate(100%);
	background-color: rgba(39, 39, 39, .15);
	border-radius: 15px;
	padding: 10px 20px;
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 10
}

@-moz-document url-prefix("") {
	body.neon .bubble {
		background-color: #2b305c
	}
}

@-moz-document url-prefix("") {
	.bubble {
		background-color: var(--color-medium)
	}
}

.bubble label.checkbox .checkmark,
.bubble label.checkbox .slider,
.bubble label.radio-button .checkmark,
.bubble label.radio-button .slider,
.bubble label.toggle .checkmark,
.bubble label.toggle .slider {
	box-shadow: none
}

@media screen and (max-width:1000px) {
	.bubble {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.bubble {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.bubble {
		border-radius: 7px
	}
}

@media screen and (max-width:500px) {
	.bubble {
		display: none!important
	}
}

.bubble .achievement {
	color: #fff;
	display: flex;
	align-items: center
}

.bubble .achievement .icon {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff;
	width: 40px;
	height: 40px;
	background-color: #ff6bd6;
	background-image: linear-gradient(140deg, #ff6bd6, #68c5ff);
	margin-right: 20px
}

.bubble .achievement .text {
	display: flex;
	align-items: center
}

.bubble .achievement .text .name span {
	font-size: 20px;
	font-weight: 700;
	display: block
}

@media screen and (max-width:1000px) {
	.bubble .achievement .text .name span {
		font-size: 16px
	}
}

.bubble .achievement .text .points {
	font-size: 20px;
	font-weight: 700;
	margin-left: 20px
}

@media screen and (max-width:1000px) {
	.bubble .achievement .text .points {
		font-size: 16px
	}
}

.note-container {
	font-weight: 700;
	position: relative;
	display: flex
}

.note-container svg {
	width: 100%;
	height: 100%
}

.note-container svg .circle-meter {
	stroke: var(--color-medium-dark)
}

.note-container svg .circle-meter-bar {
	transform-origin: 50% 50%;
	transform: rotate(-90deg);
	stroke: #ff0a4e
}

.note-container svg .circle-meter-bar.neutral {
	stroke: var(--color-ultra-dark)
}

.note-container svg .circle-meter-bar.medium {
	stroke: #fcaf02
}

.note-container svg .circle-meter-bar.high {
	stroke: #6dd432
}

.note-container .ig-search-reviews-avg {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	color: #ff0a4e;
	display: flex;
	justify-content: center;
	align-items: center
}

.note-container .ig-search-reviews-avg.neutral {
	color: var(--color-ultra-dark)
}

.note-container .ig-search-reviews-avg.medium {
	color: #fcaf02
}

.note-container .ig-search-reviews-avg.high {
	color: #6dd432
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}

html {
	min-height: 100%
}

body,
html {
	display: flex
}

body {
	font-size: 16px;
	background: var(--color-dark);
	color: #fff;
	width: 100%;
	flex-direction: column;
	position: relative
}

@media screen and (max-width:1000px) {
	body {
		font-size: 15px
	}
}

@media screen and (max-width:650px) {
	body {
		font-size: 13px
	}
}

body:after {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	transition: .5s;
	visibility: hidden;
	z-index: 1
}

body.blur:not(.shadowed):after {
	visibility: visible;
	opacity: .6;
	background-color: var(--color-ultra-dark)
}

body.blur:not(.shadowed) .trendings {
	opacity: .4
}

body.blur .menu .product-menu .links {
	opacity: 0
}

body.blur .menu .product-menu .glossy {
	background-color: transparent
}

body.scrolled .fancybox-container.nav-panel-header .fancybox-inner {
	margin: 80px auto 0
}

@media screen and (max-width:1000px) {
	body.scrolled .fancybox-container.nav-panel-header .fancybox-inner {
		margin-top: 64px
	}
}

@media screen and (max-width:600px) {
	body.scrolled .fancybox-container.nav-panel-header .fancybox-inner {
		margin-top: 56px
	}
}

body.scrolled .header-container .browse-back {
	top: 20px
}

@media screen and (max-width:600px) {
	body.scrolled .header-container .browse-back {
		top: 17px
	}
}

@media screen and (max-width:1000px) {
	body.ios .header-container .browse-back {
		display: flex
	}
}

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

a:hover {
	color: var(--color)
}

body.neon a:hover {
	color: #3483ff
}

li {
	list-style: none
}

hr {
	height: 1px;
	border: 0;
	background: #fff
}

h1 {
	font-size: 32px;
	margin-bottom: 40px
}

@media screen and (max-width:1000px) {
	h1 {
		font-size: 24px
	}
}

@media screen and (max-width:800px) {
	h1 {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	h1 {
		font-size: 18px
	}
}

@media screen and (max-width:1000px) {
	h1 {
		margin-bottom: 30px
	}
}

@media screen and (max-width:650px) {
	h1 {
		margin-bottom: 20px
	}
}

h2,
h3 {
	margin-bottom: 20px
}

@media screen and (max-width:1000px) {
	h2,
	h3 {
		margin-bottom: 20px
	}
}

@media screen and (max-width:650px) {
	h2,
	h3 {
		margin-bottom: 15px
	}
}

h2 {
	font-size: 24px
}

@media screen and (max-width:1000px) {
	h2 {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	h2 {
		font-size: 16px
	}
}

h3 {
	font-size: 20px
}

@media screen and (max-width:1000px) {
	h3 {
		font-size: 16px
	}
}

.hidden {
	display: none
}

.loading {
	animation: rotating 2s linear infinite
}

.loader-container {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 15px
}

@media screen and (max-width:800px) {
	.loader-container {
		margin: 10px
	}
}

.loader-container.app-loading {
	display: none
}

.blinker {
	animation: blinker 1s linear infinite
}

.email-confirmation {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center
}

.email-confirmation .icon-send {
	margin-bottom: 15px;
	background-color: var(--color)
}

.main-content {
	display: flex;
	flex-direction: column;
	height: 100%;
	margin-left: 30px;
	margin-right: 30px
}

@media screen and (max-width:1000px) {
	.main-content {
		margin-left: 20px;
		margin-right: 20px
	}
}

@media screen and (max-width:800px) {
	.main-content {
		margin-left: 10px;
		margin-right: 10px
	}
}

.separator {
	height: 60px
}

@media screen and (max-width:1000px) {
	.separator {
		height: 45px
	}
}

@media screen and (max-width:800px) {
	.separator {
		height: 40px
	}
}

@media screen and (max-width:650px) {
	.separator {
		height: 30px
	}
}

.separator.wide {
	height: 80px
}

@media screen and (max-width:1000px) {
	.separator.wide {
		height: 60px
	}
}

@media screen and (max-width:650px) {
	.separator.wide {
		height: 40px
	}
}

.separator.small {
	height: 20px
}

@media screen and (max-width:1000px) {
	.separator.small {
		height: 60px
	}
}

@media screen and (max-width:650px) {
	.separator.small {
		height: 40px
	}
}

.headline {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	max-width: 1200px;
	align-self: center;
	z-index: 1;
	margin-bottom: 30px
}

@media screen and (max-width:1000px) {
	.headline {
		margin-bottom: 20px
	}
}

@media screen and (max-width:650px) {
	.headline {
		margin-bottom: 15px
	}
}

.headline h1,
.headline h2 {
	margin-bottom: 0!important
}

.headline h2 span {
	font-size: 14px;
	padding: 8px 13px;
	margin-left: 10px;
	border-radius: 100px;
	color: var(--color-light);
	border: 2px solid hsla(0, 0%, 56.5%, .7);
	transition: .2s;
	min-height: 33px
}

@media screen and (max-width:1000px) {
	.headline h2 span {
		font-size: 13px
	}
}

body.neon .headline h2 span {
	border: 2px solid rgba(101, 124, 177, .7)
}

body.neon .headline h2 span:hover {
	border: 2px solid #fff
}

.headline a span {
	display: flex;
	margin-left: 15px;
	align-items: center;
	justify-content: center;
	border-left: 1px solid hsla(0, 0%, 100%, .2);
	padding-left: 15px
}

@media screen and (max-width:1000px) {
	.headline a span {
		margin-left: 10px;
		padding-left: 10px
	}
}

@media screen and (max-width:650px) {
	.headline a span {
		margin-left: 5px;
		padding-left: 5px
	}
}

.headline.small h2 {
	font-size: 24px
}

@media screen and (max-width:1000px) {
	.headline.small h2 {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.headline.small h2 {
		font-size: 16px
	}
}

.headline .button-secondary {
	height: 45px;
	padding: 0 20px;
	margin: -8px 0
}

@media screen and (max-width:1000px) {
	.headline .button-secondary {
		padding: 0 10px;
		height: 29px
	}
}

@media screen and (max-width:800px) {
	.headline .button-secondary {
		height: 25px
	}
}

.headline .next,
.headline .previous {
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background-size: 14px;
	background-image: url(../images/images-arrow-white.svg);
	background-repeat: no-repeat;
	background-position: 50%;
	padding: 0;
	margin-left: 10px;
	transform: rotate(270deg)
}

@media screen and (max-width:1000px) {
	.headline .next,
	.headline .previous {
		width: 40px;
		height: 40px;
		margin-left: 5px
	}
}

@media screen and (max-width:550px) {
	.headline .next,
	.headline .previous {
		width: 30px;
		height: 30px;
		background-size: 10px
	}
}

.headline .previous {
	margin-left: auto;
	transform: rotate(90deg)
}

.readable {
	line-height: 25px;
	color: var(--color-light)
}

@media screen and (max-width:650px) {
	.readable {
		line-height: 18px
	}
}

.readable h1,
.readable h2,
.readable h3 {
	color: #fff
}

.readable li {
	position: relative;
	margin-left: 30px
}

.readable li:before {
	content: "-";
	display: block;
	position: absolute;
	left: -12px
}

.readable a {
	color: var(--color-light);
	text-decoration: underline
}

.readable a:hover {
	color: var(--color)
}

body.neon .readable a:hover {
	color: #3483ff
}

.video-embed {
	padding: 56.25% 0 0;
	position: relative
}

.video-embed .video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.options {
	margin: 15px;
	position: relative;
	padding-top: 0
}

@media screen and (max-width:1000px) {
	.options {
		margin: 10px
	}
}

@media screen and (max-width:800px) {
	.options {
		margin: 5px
	}
}

.options label {
	font-size: 16px;
	display: flex;
	margin-bottom: 10px
}

@media screen and (max-width:1000px) {
	.options label {
		font-size: 15px
	}
}

@media screen and (max-width:650px) {
	.options label {
		font-size: 13px
	}
}

.g-recaptcha {
	margin: 0 auto;
	display: table
}

.grecaptcha-badge {
	opacity: .05;
	right: 0!important;
	width: 69px!important;
	bottom: 0!important;
	transition: .2s!important
}

.grecaptcha-badge:hover {
	opacity: 1;
	width: 256px!important;
	right: 0!important
}

.hint:after,
[data-hint]:after {
	border-radius: 8px;
	font-weight: 400;
	background: var(--color-medium);
	color: #fff;
	text-shadow: none;
	padding: 13px 15px;
	font-size: medium;
	text-align: left;
	line-height: 15px;
	white-space: pre;
	box-shadow: none;
	left: 18px
}

@media screen and (max-width:1000px) {
	.hint:after,
	[data-hint]:after {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.hint:after,
	[data-hint]:after {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.hint:after,
	[data-hint]:after {
		border-radius: 5px
	}
}

.hint--top:before {
	border-top-color: var(--color-medium);
	left: 19px
}

.v-select {
	vertical-align: top;
	position: relative
}

.v-select input[type=search] {
	margin-top: 0
}

.v-select span.vs__selected {
	position: absolute;
	top: 7px;
	height: 40px;
	color: #fff;
	left: 11px;
	font-size: 16px
}

.v-select .vs__dropdown-menu {
	border-radius: 8px;
	background-color: #636363;
	margin: 15px 0;
	position: absolute;
	top: 60px;
	width: 100%
}

@media screen and (max-width:1000px) {
	.v-select .vs__dropdown-menu {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.v-select .vs__dropdown-menu {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.v-select .vs__dropdown-menu {
		border-radius: 5px
	}
}

.v-select .vs__dropdown-menu .vs__dropdown-option {
	border-radius: 8px;
	color: #fff;
	margin: 5px 0
}

@media screen and (max-width:1000px) {
	.v-select .vs__dropdown-menu .vs__dropdown-option {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.v-select .vs__dropdown-menu .vs__dropdown-option {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.v-select .vs__dropdown-menu .vs__dropdown-option {
		border-radius: 5px
	}
}

.v-select .vs__dropdown-toggle {
	padding-bottom: 2px;
	border: 0
}

.v-select .vs__dropdown-toggle .vs__selected-options {
	padding: 0
}

.v-select .vs__dropdown-toggle .vs__actions {
	position: absolute;
	z-index: 1;
	right: 5px;
	top: 14px
}

.v-select .vs__dropdown-toggle .vs__actions .vs__clear {
	fill: hsla(0, 0%, 100%, .5);
	padding: 5px
}

.v-select .vs__dropdown-toggle .vs__actions .vs__clear:hover {
	fill: #fff
}

.v-select .vs__dropdown-toggle .vs__actions .vs__open-indicator {
	display: none
}

.v-select ul,
.v-select ul li {
	padding: 15px
}

body.is-debug.debug-closed .debug-toolbar-container {
	left: auto;
	border-top-left-radius: 5px
}

body.is-debug.debug-closed .debug-toolbar-container .header {
	border-top-left-radius: 5px
}

body.is-debug.debug-closed .debug-toolbar-container .tab-container {
	display: none
}

body.is-debug.debug-closed .todolist {
	bottom: 0;
	right: 75px
}

body.is-debug .debug-toolbar-container {
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	text-align: left;
	text-transform: none;
	z-index: 99999;
	display: flex;
	background-color: var(--color-ultra-dark)
}

body.is-debug .debug-toolbar-container svg {
	margin-right: 7px;
	height: 22px
}

body.is-debug .debug-toolbar-container .header {
	background: #000;
	height: 100%
}

body.is-debug .debug-toolbar-container .header svg {
	fill: #ff5400
}

body.is-debug .debug-toolbar-container .footer {
	position: absolute;
	right: 20px;
	cursor: pointer;
	height: 100%;
	display: flex;
	align-items: center
}

body.is-debug .debug-toolbar-container .footer .icon-close {
	background-color: #ff0a4e;
	transition: 0s
}

body.is-debug .debug-toolbar-container .footer .icon-arrow {
	transition: 0s;
	background-color: #25de57;
	top: -25px;
	position: relative;
	transform: rotate(270deg)
}

body.is-debug .debug-toolbar-container .tab-container {
	position: relative
}

body.is-debug .debug-toolbar-container .tab-container.state-red {
	box-shadow: inset 0 0 0 2px #ff0a4e
}

body.is-debug .debug-toolbar-container .tab-container.state-red p {
	color: #ff0a4e!important
}

body.is-debug .debug-toolbar-container .tab-container.state-red svg {
	fill: #ff0a4e!important
}

body.is-debug .debug-toolbar-container .tab-container.state-yellow {
	box-shadow: inset 0 0 0 2px #fcaf02
}

body.is-debug .debug-toolbar-container .tab-container.state-yellow p {
	color: #fcaf02!important
}

body.is-debug .debug-toolbar-container .tab-container.state-yellow svg {
	fill: #fcaf02!important
}

body.is-debug .debug-toolbar-container .tab-container:hover {
	background: var(--color-very-dark)!important
}

body.is-debug .debug-toolbar-container .tab-container:hover .popin {
	display: block
}

body.is-debug .debug-toolbar-container .tab-container .tab {
	display: flex;
	align-items: center;
	padding: 15px
}

body.is-debug .debug-toolbar-container .tab-container .tab:hover {
	text-decoration: none
}

body.is-debug .debug-toolbar-container .tab-container .tab svg {
	fill: var(--color);
	width: auto
}

@media screen and (max-width:450px) {
	body.is-debug .debug-toolbar-container .tab-container .tab svg {
		margin: 0
	}
}

body.is-debug .debug-toolbar-container .tab-container .tab p {
	color: #fff
}

@media screen and (max-width:450px) {
	body.is-debug .debug-toolbar-container .tab-container .tab p {
		display: none
	}
}

body.is-debug .debug-toolbar-container .tab-container .popin {
	position: absolute;
	bottom: 36px;
	left: 0;
	background: var(--color-medium);
	padding: 8px;
	display: none
}

body.is-debug .debug-toolbar-container .tab-container .popin ol {
	margin-left: 15px;
	color: #fff
}

body.is-debug .debug-toolbar-container .tab-container .popin ol li {
	padding-bottom: 5px;
	padding-right: 3px
}

body.is-debug .debug-toolbar-container .tab-container .popin ol li:last-child {
	padding-bottom: 0
}

body.is-debug .debug-toolbar-container .tab-container .popin ol li a {
	color: #fff;
	white-space: nowrap
}

body.is-debug .debug-toolbar-container .tab-container .popin ol li a:hover {
	text-decoration: underline
}

body.is-debug .debug-toolbar-container .tab-container .popin ol li a .inline-code {
	font-family: monospace
}

body.is-debug .todolist {
	bottom: 36px
}

body.is-debug.act-product .product-container .dlcs .productdlc .action {
	bottom: 50px
}

body.is-debug.debug-closed.act-product .product-container .dlcs .productdlc .action {
	bottom: 0
}

.user-profile-settings {
	display: flex
}

@media screen and (max-width:1260px) {
	.user-profile-settings {
		flex-direction: column;
		margin-top: 30px
	}
}

@media screen and (max-width:1000px) {
	.user-profile-settings {
		margin-top: 20px
	}
}

.user-profile-settings .user-profile-settings-tabs {
	display: flex;
	flex-direction: column;
	border-right: 1px solid hsla(0, 0%, 100%, .1);
	margin: -15px 60px -15px -15px
}

@media screen and (max-width:1000px) {
	.user-profile-settings .user-profile-settings-tabs {
		margin: -10px
	}
}

@media screen and (max-width:800px) {
	.user-profile-settings .user-profile-settings-tabs {
		margin: -5px
	}
}

@media screen and (max-width:1260px) {
	.user-profile-settings .user-profile-settings-tabs {
		flex-direction: row;
		border-right: 0;
		flex-wrap: wrap;
		justify-content: center;
		margin-right: -15px
	}
}

@media screen and (max-width:1000px) {
	.user-profile-settings .user-profile-settings-tabs {
		margin-right: -10px
	}
}

@media screen and (max-width:800px) {
	.user-profile-settings .user-profile-settings-tabs {
		margin-right: -5px
	}
}

.user-profile-settings .user-profile-settings-tabs li {
	margin: 15px;
	position: relative
}

@media screen and (max-width:1000px) {
	.user-profile-settings .user-profile-settings-tabs li {
		margin: 10px
	}
}

@media screen and (max-width:800px) {
	.user-profile-settings .user-profile-settings-tabs li {
		margin: 5px
	}
}

@media screen and (max-width:1260px) {
	.user-profile-settings .user-profile-settings-tabs li:last-of-type {
		display: none
	}
}

@media screen and (max-width:1260px) {
	.user-profile-settings .user-profile-settings-tabs li {
		border-radius: 8px;
		margin: 15px;
		width: calc(33.33333% - 30px);
		box-shadow: 0 0 0 2px hsla(0, 0%, 100%, .1);
		display: flex
	}
}

@media screen and (max-width:1260px) and (max-width:1000px) {
	.user-profile-settings .user-profile-settings-tabs li {
		border-radius: 7px
	}
}

@media screen and (max-width:1260px) and (max-width:800px) {
	.user-profile-settings .user-profile-settings-tabs li {
		border-radius: 6px
	}
}

@media screen and (max-width:1260px) and (max-width:400px) {
	.user-profile-settings .user-profile-settings-tabs li {
		border-radius: 5px
	}
}

@media screen and (max-width:1260px) and (max-width:1000px) {
	.user-profile-settings .user-profile-settings-tabs li {
		margin: 10px;
		width: calc(33.33333% - 20px)
	}
}

@media screen and (max-width:1260px) and (max-width:800px) {
	.user-profile-settings .user-profile-settings-tabs li {
		margin: 5px;
		width: calc(33.33333% - 10px)
	}
}

@media screen and (max-width:1000px) {
	.user-profile-settings .user-profile-settings-tabs li {
		margin: 15px;
		width: calc(50% - 30px)
	}
}

@media screen and (max-width:1000px) and (max-width:1000px) {
	.user-profile-settings .user-profile-settings-tabs li {
		margin: 10px;
		width: calc(50% - 20px)
	}
}

@media screen and (max-width:1000px) and (max-width:800px) {
	.user-profile-settings .user-profile-settings-tabs li {
		margin: 5px;
		width: calc(50% - 10px)
	}
}

@media screen and (max-width:550px) {
	.user-profile-settings .user-profile-settings-tabs li {
		margin: 15px;
		width: calc(33.33333% - 30px)
	}
}

@media screen and (max-width:550px) and (max-width:1000px) {
	.user-profile-settings .user-profile-settings-tabs li {
		margin: 10px;
		width: calc(33.33333% - 20px)
	}
}

@media screen and (max-width:550px) and (max-width:800px) {
	.user-profile-settings .user-profile-settings-tabs li {
		margin: 5px;
		width: calc(33.33333% - 10px)
	}
}

@media screen and (max-width:550px) {
	.user-profile-settings .user-profile-settings-tabs li:after {
		border-radius: 8px;
		content: "";
		display: flex;
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		background-color: transparent;
		width: 20px;
		background-image: linear-gradient(270deg, var(--color-dark), transparent)
	}
}

@media screen and (max-width:550px) and (max-width:1000px) {
	.user-profile-settings .user-profile-settings-tabs li:after {
		border-radius: 7px
	}
}

@media screen and (max-width:550px) and (max-width:800px) {
	.user-profile-settings .user-profile-settings-tabs li:after {
		border-radius: 6px
	}
}

@media screen and (max-width:550px) and (max-width:400px) {
	.user-profile-settings .user-profile-settings-tabs li:after {
		border-radius: 5px
	}
}

.user-profile-settings .user-profile-settings-tabs li a {
	display: flex;
	align-items: center;
	overflow: hidden
}

@media screen and (max-width:550px) {
	.user-profile-settings .user-profile-settings-tabs li a.active .icon-xs,
	.user-profile-settings .user-profile-settings-tabs li a:hover .icon-xs {
		background-color: var(--color)
	}
}

.user-profile-settings .user-profile-settings-tabs li a.active .lines .title,
.user-profile-settings .user-profile-settings-tabs li a:hover .lines .title {
	color: #ff5400
}

body.neon .user-profile-settings .user-profile-settings-tabs li a.active .lines .title,
body.neon .user-profile-settings .user-profile-settings-tabs li a:hover .lines .title {
	color: #3483ff
}

@media screen and (max-width:1260px) {
	.user-profile-settings .user-profile-settings-tabs li a {
		padding: 15px!important
	}
}

@media screen and (max-width:500px) {
	.user-profile-settings .user-profile-settings-tabs li a {
		padding: 7px!important
	}
}

.user-profile-settings .user-profile-settings-tabs li a img {
	width: 20px;
	margin-right: 30px
}

.user-profile-settings .user-profile-settings-tabs li a .lines {
	display: flex;
	flex-direction: column;
	margin-right: 50px;
	width: 100%
}

@media screen and (max-width:1260px) {
	.user-profile-settings .user-profile-settings-tabs li a .lines {
		margin-right: 0
	}
}

.user-profile-settings .user-profile-settings-tabs li a .lines .title {
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	position: relative
}

@media screen and (max-width:800px) {
	.user-profile-settings .user-profile-settings-tabs li a .lines .title {
		font-size: 16px
	}
}

@media screen and (max-width:650px) {
	.user-profile-settings .user-profile-settings-tabs li a .lines .title {
		font-size: 13px
	}
}

@media screen and (max-width:550px) {
	.user-profile-settings .user-profile-settings-tabs li a .lines .title {
		font-size: 16px;
		font-weight: 400
	}
}

@media screen and (max-width:550px) and (max-width:1000px) {
	.user-profile-settings .user-profile-settings-tabs li a .lines .title {
		font-size: 15px
	}
}

@media screen and (max-width:550px) and (max-width:650px) {
	.user-profile-settings .user-profile-settings-tabs li a .lines .title {
		font-size: 13px
	}
}

.user-profile-settings .user-profile-settings-tabs li a .lines span:not(.title) {
	color: var(--color-light)
}

@media screen and (max-width:550px) {
	.user-profile-settings .user-profile-settings-tabs li a .lines span:not(.title) {
		display: none
	}
}

.user-profile-settings .user-profile-settings-tabs li a .icon-xs {
	margin-right: 20px
}

@media screen and (max-width:550px) {
	.user-profile-settings .user-profile-settings-tabs li a .icon-xs {
		margin-right: 5px
	}
}

.user-profile-settings .user-profile-settings-tabs li a .icon-arrow {
	margin-left: auto;
	flex: 0 0 15px
}

@media screen and (max-width:1260px) {
	.user-profile-settings .user-profile-settings-tabs li a .icon-arrow {
		display: none
	}
}

.user-profile-settings .settings-content {
	margin: -15px
}

@media screen and (max-width:1000px) {
	.user-profile-settings .settings-content {
		margin: -10px
	}
}

@media screen and (max-width:800px) {
	.user-profile-settings .settings-content {
		margin: -5px
	}
}

@media screen and (min-width:1260px) {
	.user-profile-settings .settings-content {
		width: 100%
	}
}

.user-profile-settings .settings-content .alerts {
	margin-bottom: 30px
}

@media screen and (max-width:1000px) {
	.user-profile-settings .settings-content .alerts {
		margin-bottom: 15px
	}
}

@media screen and (max-width:800px) {
	.user-profile-settings .settings-content .alerts {
		margin-bottom: 10px
	}
}

.user-profile-settings .settings-content .tab-content-settings {
	display: flex;
	flex-direction: column
}

.user-profile-settings .settings-content .tab-content-settings.user-profile-settings-billing,
.user-profile-settings .settings-content .tab-content-settings.user-profile-settings-communication,
.user-profile-settings .settings-content .tab-content-settings.user-profile-settings-language,
.user-profile-settings .settings-content .tab-content-settings.user-profile-settings-payment,
.user-profile-settings .settings-content .tab-content-settings.user-profile-settings-privacy,
.user-profile-settings .settings-content .tab-content-settings.user-profile-settings-security,
.user-profile-settings .settings-content .tab-content-settings.user-profile-settings-theme {
	margin: 15px
}

@media screen and (max-width:1000px) {
	.user-profile-settings .settings-content .tab-content-settings.user-profile-settings-billing,
	.user-profile-settings .settings-content .tab-content-settings.user-profile-settings-communication,
	.user-profile-settings .settings-content .tab-content-settings.user-profile-settings-language,
	.user-profile-settings .settings-content .tab-content-settings.user-profile-settings-payment,
	.user-profile-settings .settings-content .tab-content-settings.user-profile-settings-privacy,
	.user-profile-settings .settings-content .tab-content-settings.user-profile-settings-security,
	.user-profile-settings .settings-content .tab-content-settings.user-profile-settings-theme {
		margin: 10px
	}
}

@media screen and (max-width:800px) {
	.user-profile-settings .settings-content .tab-content-settings.user-profile-settings-billing,
	.user-profile-settings .settings-content .tab-content-settings.user-profile-settings-communication,
	.user-profile-settings .settings-content .tab-content-settings.user-profile-settings-language,
	.user-profile-settings .settings-content .tab-content-settings.user-profile-settings-payment,
	.user-profile-settings .settings-content .tab-content-settings.user-profile-settings-privacy,
	.user-profile-settings .settings-content .tab-content-settings.user-profile-settings-security,
	.user-profile-settings .settings-content .tab-content-settings.user-profile-settings-theme {
		margin: 5px
	}
}

.user-profile-settings .settings-content .tab-content-settings.user-profile-settings-communication h2 .title,
.user-profile-settings .settings-content .tab-content-settings.user-profile-settings-security h2 .title {
	margin-right: 5px
}

.user-profile-settings .settings-content .tab-content-settings.user-profile-settings-communication h2 .email,
.user-profile-settings .settings-content .tab-content-settings.user-profile-settings-security h2 .email {
	color: var(--color)
}

.user-profile-settings .settings-content .tab-content-settings.user-profile-settings-theme a {
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	padding: 8px 15px;
	display: flex;
	border-radius: 100px;
	align-items: center
}

@media screen and (max-width:1000px) {
	.user-profile-settings .settings-content .tab-content-settings.user-profile-settings-theme a {
		font-size: 15px
	}
}

@media screen and (max-width:650px) {
	.user-profile-settings .settings-content .tab-content-settings.user-profile-settings-theme a {
		font-size: 13px
	}
}

.user-profile-settings .settings-content .tab-content-settings .nickavatar {
	margin: 15px;
	margin-bottom: 0!important;
	display: flex
}

@media screen and (max-width:1000px) {
	.user-profile-settings .settings-content .tab-content-settings .nickavatar {
		margin: 10px
	}
}

@media screen and (max-width:800px) {
	.user-profile-settings .settings-content .tab-content-settings .nickavatar {
		margin: 5px
	}
}

@media screen and (max-width:500px) {
	.user-profile-settings .settings-content .tab-content-settings .nickavatar {
		flex-direction: column
	}
}

.user-profile-settings .settings-content .tab-content-settings .nickavatar .avatar-picture {
	margin-right: 30px;
	display: flex;
	flex-direction: column;
	width: 300px
}

.user-profile-settings .settings-content .tab-content-settings .nickavatar .avatar-picture .ig-profile-avatar-edit {
	display: flex;
	align-items: center;
	cursor: pointer;
	color: var(--color-light)
}

.user-profile-settings .settings-content .tab-content-settings .nickavatar .avatar-picture .ig-profile-avatar-edit .avatar img {
	width: 58px
}

@media screen and (max-width:1260px) {
	.user-profile-settings .settings-content .tab-content-settings .nickavatar .avatar-picture .ig-profile-avatar-edit .avatar img {
		width: 70px
	}
}

@media screen and (max-width:1000px) {
	.user-profile-settings .settings-content .tab-content-settings .nickavatar .avatar-picture .ig-profile-avatar-edit .avatar img {
		width: 48px
	}
}

.user-profile-settings .settings-content .tab-content-settings .nickavatar .avatar-picture .ig-profile-avatar-edit .icon-photo {
	margin-left: 20px;
	margin-right: 10px
}

.user-profile-settings .settings-content .tab-content-settings .nickavatar .nick {
	width: 100%
}

.user-profile-settings .settings-content .tab-content-settings .nickavatar .nick .nickname-editor {
	display: flex;
	align-items: center
}

.user-profile-settings .settings-content .tab-content-settings .nickavatar .nick .nickname-editor .nickname-submit {
	margin-left: 15px
}

.user-profile-settings .settings-content .tab-content-settings .toggles {
	border-radius: 15px;
	background-color: var(--color-medium-dark);
	padding: 15px;
	display: flex;
	flex-direction: column
}

@media screen and (max-width:1000px) {
	.user-profile-settings .settings-content .tab-content-settings .toggles {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.user-profile-settings .settings-content .tab-content-settings .toggles {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.user-profile-settings .settings-content .tab-content-settings .toggles {
		border-radius: 7px
	}
}

.user-profile-settings .settings-content .tab-content-settings .toggles label {
	margin: 10px
}

.user-profile-settings .settings-content .tab-content-settings .network-links {
	margin: 15px;
	margin-top: 0!important
}

@media screen and (max-width:1000px) {
	.user-profile-settings .settings-content .tab-content-settings .network-links {
		margin: 10px
	}
}

@media screen and (max-width:800px) {
	.user-profile-settings .settings-content .tab-content-settings .network-links {
		margin: 5px
	}
}

.user-profile-settings .settings-content .tab-content-settings .network-links .networks-container {
	margin: -15px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}

@media screen and (max-width:1000px) {
	.user-profile-settings .settings-content .tab-content-settings .network-links .networks-container {
		margin: -10px
	}
}

@media screen and (max-width:800px) {
	.user-profile-settings .settings-content .tab-content-settings .network-links .networks-container {
		margin: -5px
	}
}

.user-profile-settings .settings-content .tab-content-settings .network-links .networks-container .network {
	margin: 15px;
	width: calc(50% - 30px)
}

@media screen and (max-width:1000px) {
	.user-profile-settings .settings-content .tab-content-settings .network-links .networks-container .network {
		margin: 10px;
		width: calc(50% - 20px)
	}
}

@media screen and (max-width:800px) {
	.user-profile-settings .settings-content .tab-content-settings .network-links .networks-container .network {
		margin: 5px;
		width: calc(50% - 10px)
	}
}

@media screen and (max-width:500px) {
	.user-profile-settings .settings-content .tab-content-settings .network-links .networks-container .network {
		margin: 15px;
		width: calc(100% - 30px)
	}
}

@media screen and (max-width:500px) and (max-width:1000px) {
	.user-profile-settings .settings-content .tab-content-settings .network-links .networks-container .network {
		margin: 10px;
		width: calc(100% - 20px)
	}
}

@media screen and (max-width:500px) and (max-width:800px) {
	.user-profile-settings .settings-content .tab-content-settings .network-links .networks-container .network {
		margin: 5px;
		width: calc(100% - 10px)
	}
}

.user-profile-settings .settings-content .tab-content-settings .network-links .networks-container .network label {
	margin-bottom: 10px;
	display: flex
}

@media screen and (max-width:500px) {
	.user-profile-settings .settings-content .tab-content-settings .network-links .networks-container .network label {
		margin-bottom: 5px
	}
}

.user-profile-settings .settings-content .tab-content-settings .network-links .networks-container .button {
	margin: 15px 15px 0
}

.user-profile-settings .settings-content .tab-content-settings .info .change-inputs {
	margin: -15px;
	display: flex
}

@media screen and (max-width:1000px) {
	.user-profile-settings .settings-content .tab-content-settings .info .change-inputs {
		margin: -10px
	}
}

@media screen and (max-width:800px) {
	.user-profile-settings .settings-content .tab-content-settings .info .change-inputs {
		margin: -5px
	}
}

@media screen and (max-width:650px) {
	.user-profile-settings .settings-content .tab-content-settings .info .change-inputs {
		flex-direction: column
	}
}

.user-profile-settings .settings-content .tab-content-settings .info .change-inputs .change-email,
.user-profile-settings .settings-content .tab-content-settings .info .change-inputs .change-password {
	margin: 15px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start
}

@media screen and (max-width:1000px) {
	.user-profile-settings .settings-content .tab-content-settings .info .change-inputs .change-email,
	.user-profile-settings .settings-content .tab-content-settings .info .change-inputs .change-password {
		margin: 10px
	}
}

@media screen and (max-width:800px) {
	.user-profile-settings .settings-content .tab-content-settings .info .change-inputs .change-email,
	.user-profile-settings .settings-content .tab-content-settings .info .change-inputs .change-password {
		margin: 5px
	}
}

.user-profile-settings .settings-content .tab-content-settings .info .change-inputs .change-email h3 span,
.user-profile-settings .settings-content .tab-content-settings .info .change-inputs .change-password h3 span {
	font-size: 16px;
	margin-top: 3px;
	color: var(--color-light)
}

@media screen and (max-width:1000px) {
	.user-profile-settings .settings-content .tab-content-settings .info .change-inputs .change-email h3 span,
	.user-profile-settings .settings-content .tab-content-settings .info .change-inputs .change-password h3 span {
		font-size: 15px
	}
}

@media screen and (max-width:650px) {
	.user-profile-settings .settings-content .tab-content-settings .info .change-inputs .change-email h3 span,
	.user-profile-settings .settings-content .tab-content-settings .info .change-inputs .change-password h3 span {
		font-size: 13px
	}
}

.user-profile-settings .settings-content .tab-content-settings .info .change-inputs .change-email form,
.user-profile-settings .settings-content .tab-content-settings .info .change-inputs .change-password form {
	margin: -15px
}

@media screen and (max-width:1000px) {
	.user-profile-settings .settings-content .tab-content-settings .info .change-inputs .change-email form,
	.user-profile-settings .settings-content .tab-content-settings .info .change-inputs .change-password form {
		margin: -10px
	}
}

@media screen and (max-width:800px) {
	.user-profile-settings .settings-content .tab-content-settings .info .change-inputs .change-email form,
	.user-profile-settings .settings-content .tab-content-settings .info .change-inputs .change-password form {
		margin: -5px
	}
}

.user-profile-settings .settings-content .tab-content-settings .info .change-inputs .change-email form input,
.user-profile-settings .settings-content .tab-content-settings .info .change-inputs .change-password form input {
	margin: 15px;
	width: calc(100% - 30px)
}

@media screen and (max-width:1000px) {
	.user-profile-settings .settings-content .tab-content-settings .info .change-inputs .change-email form input,
	.user-profile-settings .settings-content .tab-content-settings .info .change-inputs .change-password form input {
		margin: 10px;
		width: calc(100% - 20px)
	}
}

@media screen and (max-width:800px) {
	.user-profile-settings .settings-content .tab-content-settings .info .change-inputs .change-email form input,
	.user-profile-settings .settings-content .tab-content-settings .info .change-inputs .change-password form input {
		margin: 5px;
		width: calc(100% - 10px)
	}
}

.user-profile-settings .settings-content .tab-content-settings .info .change-inputs .change-email .account-validate,
.user-profile-settings .settings-content .tab-content-settings .info .change-inputs .change-password .account-validate {
	display: flex;
	justify-content: center
}

@media screen and (max-width:650px) {
	.user-profile-settings .settings-content .tab-content-settings .info .change-inputs .change-email .account-validate,
	.user-profile-settings .settings-content .tab-content-settings .info .change-inputs .change-password .account-validate {
		margin-top: 15px
	}
}

.user-profile-settings .settings-content .tab-content-settings .info .personal-datas {
	display: flex;
	flex-direction: column;
	align-items: center
}

.user-profile-settings .settings-content .tab-content-settings .info .personal-datas .data-container {
	flex-direction: column
}

.user-profile-settings .settings-content .tab-content-settings .info .personal-datas .data-container .datas {
	margin: 20px 0
}

.user-profile-settings .settings-content .tab-content-settings .info .personal-datas .data-container .datas .item {
	padding: 10px 15px;
	margin: 3px;
	border-radius: 100px;
	color: var(--color-light);
	border: 1px solid hsla(0, 0%, 56.5%, .4);
	transition: .2s;
	display: flex;
	align-items: center
}

body.neon .user-profile-settings .settings-content .tab-content-settings .info .personal-datas .data-container .datas .item {
	border: 1px solid rgba(101, 124, 177, .4)
}

.user-profile-settings .settings-content .tab-content-settings .info .personal-datas .data-container .datas .item .ig-account-field {
	margin-right: 5px
}

.user-profile-settings .settings-content .tab-content-settings .info .personal-datas .data-container .datas .item input {
	height: 26px;
	padding: 0 10px;
	margin: -6px 6px -6px 0;
	width: 100px
}

.user-profile-settings .settings-content .tab-content-settings .info .personal-datas .data-container .datas .item input[type=date] {
	width: 170px
}

.user-profile-settings .settings-content .tab-content-settings .info .personal-datas .data-container .datas .item .icon-edit {
	background-color: var(--color-light);
	margin-left: 5px
}

.user-profile-settings .settings-content .tab-content-settings .info .personal-datas .data-container .datas .item .icon-check {
	background-color: #25de57;
	margin-right: 5px
}

.user-profile-settings .settings-content .tab-content-settings .info .personal-datas .data-container .datas .item .icon-close {
	background-color: #ff0a4e
}

.user-profile-settings .settings-content .tab-content-settings .info .personal-datas .data-container .actions {
	border-radius: 15px;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center
}

@media screen and (max-width:1000px) {
	.user-profile-settings .settings-content .tab-content-settings .info .personal-datas .data-container .actions {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.user-profile-settings .settings-content .tab-content-settings .info .personal-datas .data-container .actions {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.user-profile-settings .settings-content .tab-content-settings .info .personal-datas .data-container .actions {
		border-radius: 7px
	}
}

.user-profile-settings .settings-content .tab-content-settings .info .personal-datas .data-container .actions .ig-account-export {
	margin-bottom: 20px
}

.user-profile-settings .settings-content .tab-content-settings .main-address .address-block-container .address-block {
	background-color: var(--color-medium-dark)
}

.user-profile-settings .settings-content .tab-content-settings .registred-cards {
	display: flex;
	flex-direction: column
}

.user-profile-settings .settings-content .tab-content-settings .registred-cards table {
	border-collapse: collapse
}

.user-profile-settings .settings-content .tab-content-settings .registred-cards table td,
.user-profile-settings .settings-content .tab-content-settings .registred-cards table th {
	font-weight: 400;
	padding: 10px
}

@media screen and (max-width:600px) {
	.user-profile-settings .settings-content .tab-content-settings .registred-cards table td,
	.user-profile-settings .settings-content .tab-content-settings .registred-cards table th {
		font-size: 14px;
		padding: 5px
	}
}

@media screen and (max-width:600px) and (max-width:1000px) {
	.user-profile-settings .settings-content .tab-content-settings .registred-cards table td,
	.user-profile-settings .settings-content .tab-content-settings .registred-cards table th {
		font-size: 13px
	}
}

.user-profile-settings .settings-content .tab-content-settings .registred-cards table td.card-number,
.user-profile-settings .settings-content .tab-content-settings .registred-cards table th.card-number {
	color: var(--color)
}

.user-profile-settings .settings-content .tab-content-settings .registred-cards table td a,
.user-profile-settings .settings-content .tab-content-settings .registred-cards table th a {
	width: 100%;
	display: flex;
	justify-content: center
}

.user-profile-settings .settings-content .tab-content-settings .registred-cards table td a .icon-close,
.user-profile-settings .settings-content .tab-content-settings .registred-cards table th a .icon-close {
	background-color: #ff0a4e
}

@media screen and (max-width:650px) {
	.user-profile-settings .settings-content .tab-content-settings .registred-cards table td a .icon-close,
	.user-profile-settings .settings-content .tab-content-settings .registred-cards table th a .icon-close {
		transform: scale(.9)
	}
}

.user-profile-settings .settings-content .tab-content-settings .registred-cards table td a .icon-close:hover,
.user-profile-settings .settings-content .tab-content-settings .registred-cards table th a .icon-close:hover {
	background-color: #fff
}

.user-profile-settings .settings-content .tab-content-settings .registred-cards table th {
	background-color: var(--color-medium-dark);
	text-align: left
}

.user-profile-settings .settings-content .tab-content-settings .registred-cards table td {
	border: 1px solid var(--color-medium-dark)
}

.user-profile-settings .settings-content .tab-content-settings .registred-cards table td.card-number {
	font-family: monospace
}

@media screen and (max-width:450px) {
	.user-profile-settings .settings-content .tab-content-settings .registred-cards table td.card-number {
		font-size: 11px;
		padding: 5px
	}
}

.user-profile-settings .settings-content .tab-content-settings .communication .communication-wishlist,
.user-profile-settings .settings-content .tab-content-settings .communication .newsletter {
	display: flex;
	flex-direction: column
}

.user-profile-settings .settings-content .tab-content-settings .communication ul li {
	margin-left: 0
}

.user-profile-settings .settings-content .tab-content-settings .communication ul li:before {
	display: none
}

.categories-container {
	max-width: 1200px;
	align-self: center;
	width: 100%
}

.categories-container .listing-categories .item {
	font-weight: 700;
	font-size: 32px;
	position: relative;
	color: #fff;
	display: none
}

@media screen and (max-width:1000px) {
	.categories-container .listing-categories .item {
		font-size: 24px
	}
}

@media screen and (max-width:800px) {
	.categories-container .listing-categories .item {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.categories-container .listing-categories .item {
		font-size: 18px;
		margin: 15px;
		width: calc(50% - 30px)
	}
}

@media screen and (max-width:650px) and (max-width:1000px) {
	.categories-container .listing-categories .item {
		margin: 10px;
		width: calc(50% - 20px)
	}
}

@media screen and (max-width:650px) and (max-width:800px) {
	.categories-container .listing-categories .item {
		margin: 5px;
		width: calc(50% - 10px)
	}
}

@media screen and (max-width:650px) {
	.categories-container .listing-categories .item.best:nth-child(n+20) {
		display: none
	}
}

.categories-container .listing-categories .item:after {
	content: "";
	display: block;
	opacity: .6;
	background: var(--color-dark);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 15px
}

@media screen and (max-width:1000px) {
	.categories-container .listing-categories .item:after {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.categories-container .listing-categories .item:after {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.categories-container .listing-categories .item:after {
		border-radius: 7px
	}
}

.categories-container .listing-categories .item.best,
.categories-container .listing-categories .item.display {
	display: flex
}

.categories-container .listing-categories .item.category2 .content .cover img,
.categories-container .listing-categories .item.category7 .content .cover img,
.categories-container .listing-categories .item.category11 .content .cover img,
.categories-container .listing-categories .item.category13 .content .cover img,
.categories-container .listing-categories .item.category16 .content .cover img,
.categories-container .listing-categories .item.category24 .content .cover img,
.categories-container .listing-categories .item.category32 .content .cover img,
.categories-container .listing-categories .item.category35 .content .cover img,
.categories-container .listing-categories .item.category37 .content .cover img,
.categories-container .listing-categories .item.category51 .content .cover img,
.categories-container .listing-categories .item.category54 .content .cover img {
	right: 6%
}

.categories-container .listing-categories .item.category4 .content .cover img,
.categories-container .listing-categories .item.category31 .content .cover img,
.categories-container .listing-categories .item.category47 .content .cover img {
	right: 12%
}

.categories-container .listing-categories .item.category8 .content .cover img,
.categories-container .listing-categories .item.category15 .content .cover img,
.categories-container .listing-categories .item.category18 .content .cover img {
	height: 90%
}

.categories-container .listing-categories .item.category8 .content .cover img:hover,
.categories-container .listing-categories .item.category15 .content .cover img:hover,
.categories-container .listing-categories .item.category18 .content .cover img:hover {
	height: 95%
}

.categories-container .listing-categories .item .content {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	justify-content: space-between;
	padding-left: 6%;
	align-items: center
}

.categories-container .listing-categories .item .content .name {
	z-index: 1
}

.categories-container .listing-categories .item .content .cover {
	padding-top: 0;
	position: static
}

.categories-container .listing-categories .item .content .cover:hover {
	transform: none
}

.categories-container .listing-categories .item .content .cover img {
	align-self: flex-end;
	position: absolute;
	right: 0;
	transition: .5s;
	transition-timing-function: cubic-bezier(0, 0, 0, 1);
	bottom: 0;
	height: 107%
}

@media screen and (max-width:1000px) {
	.categories-container .listing-categories .item .content .cover img {
		height: 95%
	}
}

.categories-container .listing-categories .item .background {
	padding-top: 56%;
	display: flex;
	z-index: -1
}

.categories-container .listing-categories .item .background img {
	border-radius: 15px;
	position: absolute;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 100%
}

@media screen and (max-width:1000px) {
	.categories-container .listing-categories .item .background img {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.categories-container .listing-categories .item .background img {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.categories-container .listing-categories .item .background img {
		border-radius: 7px
	}
}

.categories-container .listing-categories .item:hover .cover img {
	height: 110%
}

@media screen and (max-width:1000px) {
	.categories-container .listing-categories .item:hover .cover img {
		height: 95%
	}
}

.categories-container .more-categories {
	display: none;
	width: 100%
}

.contact-container {
	margin-top: 200px;
	max-width: 1200px;
	align-self: center;
	width: 100%;
	max-width: 800px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%
}

@media screen and (max-width:1000px) {
	.contact-container {
		margin-top: 150px
	}
}

@media screen and (max-width:600px) {
	.contact-container {
		margin-top: 130px
	}
}

.contact-container .error-container {
	display: flex;
	flex-direction: column;
	align-items: center
}

.contact-container .error-container .alerts {
	display: none;
	margin-bottom: 20px
}

.contact-container .contact-login {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column
}

.contact-container .contact-login .button {
	margin-top: 40px
}

.contact-container .answers .contact {
	display: flex;
	flex-direction: column
}

.contact-container .answers .contact .item {
	border-radius: 15px;
	background: var(--color-medium-dark);
	margin-bottom: 30px
}

@media screen and (max-width:1000px) {
	.contact-container .answers .contact .item {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.contact-container .answers .contact .item {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.contact-container .answers .contact .item {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.contact-container .answers .contact .item {
		margin-bottom: 15px
	}
}

.contact-container .answers .contact .item:last-of-type {
	margin-bottom: 0
}

.contact-container .answers .contact .item.ig-ticket-archived {
	order: 1;
	display: none
}

.contact-container .answers .contact .item .details {
	padding: 30px;
	cursor: pointer;
	align-items: center;
	display: flex;
	justify-content: space-between
}

@media screen and (max-width:800px) {
	.contact-container .answers .contact .item .details {
		padding: 15px
	}
}

.contact-container .answers .contact .item .details:hover .icon-search {
	background-color: var(--color)
}

.contact-container .answers .contact .item .details .status .open {
	color: #3483ff
}

.contact-container .answers .contact .item .details .status .answered {
	color: #25de57
}

@media screen and (max-width:500px) {
	.contact-container .answers .contact .item .details .update {
		display: none
	}
}

.contact-container .answers .contact .item .message {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 30px
}

@media screen and (max-width:800px) {
	.contact-container .answers .contact .item .message {
		padding: 15px
	}
}

.contact-container .answers .contact .item .message.ig-tickets-msg-row {
	display: none
}

.contact-container .answers .contact .item .message .unit {
	border-radius: 15px;
	padding: 30px;
	margin-bottom: 20px;
	max-width: 600px;
	background-color: var(--color-very-dark);
	color: #fff;
	align-self: flex-end
}

@media screen and (max-width:1000px) {
	.contact-container .answers .contact .item .message .unit {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.contact-container .answers .contact .item .message .unit {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.contact-container .answers .contact .item .message .unit {
		border-radius: 7px
	}
}

.contact-container .answers .contact .item .message .unit.staff {
	align-self: flex-start;
	background-color: #3483ff;
	color: #fff
}

.contact-container .answers .contact .item .message .unit .date {
	font-size: 14px;
	margin-bottom: 10px;
	opacity: .5
}

@media screen and (max-width:1000px) {
	.contact-container .answers .contact .item .message .unit .date {
		font-size: 13px
	}
}

.contact-container .answers .contact .item .message .unit small {
	font-size: medium;
	color: var(--color)
}

.contact-container .answers .contact .item .message .action {
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	flex-direction: column
}

.contact-container .answers .contact .item .message .action .button {
	margin-bottom: 20px
}

.contact-container .answers .contact .item .replyform form {
	padding: 30px;
	border-top: 1px solid rgba(104, 197, 255, .1)
}

.contact-container .answers .contact .item .replyform form .text {
	display: flex
}

.contact-container .answers .contact .item .replyform form .text textarea {
	height: 100px
}

.contact-container .answers .contact .item .replyform form .text .button {
	margin-left: 20px;
	height: auto
}

.contact-container .answers .contact .item .replyform form .file {
	margin-top: 10px
}

.contact-container .answers .contact .item .replyform form .file div {
	margin-bottom: 10px
}

.contact-container .faq {
	display: flex;
	flex-direction: column
}

.contact-container .faq h3 {
	margin: 0
}

.contact-container .faq li {
	padding: 30px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: var(--color-light);
	border-bottom: 1px solid hsla(0, 0%, 100%, .1);
	margin-top: 0!important;
	margin-bottom: 0!important
}

@media screen and (max-width:800px) {
	.contact-container .faq li {
		padding: 15px 0
	}
}

.contact-container .faq li:not(.latest) {
	cursor: pointer
}

.contact-container .faq li:hover .icon-search {
	background-color: var(--color)
}

.contact-container .faq li:first-of-type {
	border-top: 1px solid hsla(0, 0%, 100%, .1)
}

.contact-container .faq li.latest h3 {
	margin-bottom: 20px
}

.contact-container .faq li.latest .icon-search {
	display: none
}

.contact-container .faq li .align {
	display: flex;
	flex-direction: column;
	width: 100%
}

.contact-container .faq li .align h3 {
	color: #ff5400
}

body.neon .contact-container .faq li .align h3 {
	color: #3483ff
}

.contact-container .faq li .align span {
	margin-top: 5px
}

.contact-container .faq li .align p {
	line-height: 20px
}

.contact-container .faq li .align .verify_youtube_wrapper {
	text-align: center
}

.contact-container .faq li .align .verify_youtube_wrapper .button {
	margin-top: 20px
}

.contact-container .faq .header-back {
	margin-bottom: 30px;
	display: flex;
	align-items: center;
	cursor: pointer
}

.contact-container .faq .header-back .button {
	padding: 0;
	height: 60px;
	width: 60px;
	margin-right: 10px
}

@media screen and (max-width:1000px) {
	.contact-container .faq .header-back .button {
		height: 40px;
		width: 40px
	}
}

.contact-container .faq .header-back .button .icon-arrow {
	transform: rotate(180deg)
}

@media screen and (max-width:1000px) {
	.contact-container .faq .header-back .button .icon-arrow {
		transform: rotate(180deg) scale(.7)
	}
}

.contact-container .contact-post {
	padding-top: 40px
}

.contact-container .contact-post .ig-contact-fields {
	margin-bottom: 20px
}

.contact-container .contact-post .ig-contact-textarea {
	height: auto
}

.contact-container .contact-post .select-game {
	margin-bottom: 20px;
	display: flex;
	flex-direction: column
}

.contact-container .contact-post .select-game .ig-contact-field-wrapper {
	width: 100%
}

.contact-container .contact-post .select-game .used-code-question {
	margin-top: 15px
}

.contact-container .contact-post .select-game .refund-answer,
.contact-container .contact-post .select-game .refund-question {
	margin: 10px 0
}

.contact-container .contact-post .ig-contact-normal-fields {
	margin-bottom: 30px
}

.contact-container .contact-post .ig-contact-field-wrapper .ig-contact-text-title {
	margin: 15px 0
}

.contact-container .contact-post .ig-contact-field-wrapper .ig-contact-text-title a {
	text-decoration: underline
}

.contact-container .contact-post .ig-contact-field-wrapper .select2 {
	width: 100%
}

.contact-container .contact-post .ig-contact-field-wrapper .select2 .select2-selection__rendered {
	padding-right: 45px
}

.contact-container .contact-post .ig-contact-validate {
	text-align: center
}

.contact-container .ig-archived-messages {
	margin-top: 15px;
	display: inline-block
}

.aliasing {
	margin-left: -30px;
	margin-right: -30px;
	padding: 30px;
	text-align: center;
	color: var(--color-light);
	background-color: var(--color-very-dark)
}

@media screen and (max-width:1000px) {
	.aliasing {
		margin-left: -20px;
		margin-right: -20px
	}
}

@media screen and (max-width:800px) {
	.aliasing {
		margin-left: -10px;
		margin-right: -10px
	}
}

.contest-container {
	display: flex;
	flex-direction: column
}

.contest-container.result img {
	border-radius: 15px
}

@media screen and (max-width:1000px) {
	.contest-container.result img {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.contest-container.result img {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.contest-container.result img {
		border-radius: 7px
	}
}

.contest-container.result img .avatar img {
	border-radius: 30%
}

.contest-container .ig-contest-banner {
	overflow: hidden;
	text-align: center
}

.contest-container .ig-contest-banner,
.contest-container .ig-contest-banner .contest-partner-box {
	display: flex;
	flex-direction: column;
	align-items: center
}

.contest-container .ig-contest-banner .contest-partner-box .avatar-contest {
	background-color: var(--color-ultra-dark);
	position: relative;
	z-index: 1;
	border-radius: 30%;
	width: 150px;
	height: 150px;
	margin-bottom: 15px
}

@media screen and (max-width:1000px) {
	.contest-container .ig-contest-banner .contest-partner-box .avatar-contest {
		width: 100px;
		height: 100px
	}
}

@media screen and (max-width:600px) {
	.contest-container .ig-contest-banner .contest-partner-box .avatar-contest {
		width: 70px;
		height: 70px
	}
}

.contest-container .ig-contest-banner .contest-partner-box .avatar-contest.instant {
	display: flex;
	justify-content: center;
	align-items: center
}

.contest-container .ig-contest-banner .contest-partner-box .avatar-contest.instant .logo-ig-complete.logo-m {
	width: 100px;
	height: 38px
}

.contest-container .ig-contest-banner .contest-partner-box .contest-title {
	font-size: 45px;
	font-weight: 700
}

@media screen and (max-width:650px) {
	.contest-container .ig-contest-banner .contest-partner-box .contest-title {
		font-size: 40px
	}
}

@media screen and (max-width:650px) and (max-width:1000px) {
	.contest-container .ig-contest-banner .contest-partner-box .contest-title {
		font-size: 32px
	}
}

@media screen and (max-width:650px) and (max-width:650px) {
	.contest-container .ig-contest-banner .contest-partner-box .contest-title {
		font-size: 24px
	}
}

.contest-container .ig-contest-banner .contest-partner-box .contest-creator {
	color: var(--color-light)
}

.contest-container .ig-contest-banner .contest-badge-partner {
	border-radius: 8px;
	margin-top: 15px;
	background-color: rgba(37, 222, 87, .1);
	color: #25de57;
	display: flex;
	align-items: center;
	padding: 10px 20px
}

@media screen and (max-width:1000px) {
	.contest-container .ig-contest-banner .contest-badge-partner {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.contest-container .ig-contest-banner .contest-badge-partner {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.contest-container .ig-contest-banner .contest-badge-partner {
		border-radius: 5px
	}
}

.contest-container .ig-contest-banner .contest-badge-partner .icon-partner {
	background-color: #25de57;
	margin-right: 10px
}

.contest-container .ig-contest-increase-wrapper {
	max-width: 700px;
	align-self: center;
	width: 100%
}

.contest-container .ig-contest-increase-wrapper .ig-social-wrapper-message .alerts a {
	margin-left: 10px
}

.contest-container .ig-contest-increase-wrapper .ig-social-wrapper-message .ig-contest-increase,
.contest-container .ig-contest-increase-wrapper .ig-social-wrapper-message .ig-contest-increase-special-contest {
	border-radius: 8px;
	padding: 15px 25px;
	justify-content: center;
	align-items: center;
	display: flex;
	background: rgba(255, 84, 0, .1);
	color: var(--color)
}

@media screen and (max-width:1000px) {
	.contest-container .ig-contest-increase-wrapper .ig-social-wrapper-message .ig-contest-increase,
	.contest-container .ig-contest-increase-wrapper .ig-social-wrapper-message .ig-contest-increase-special-contest {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.contest-container .ig-contest-increase-wrapper .ig-social-wrapper-message .ig-contest-increase,
	.contest-container .ig-contest-increase-wrapper .ig-social-wrapper-message .ig-contest-increase-special-contest {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.contest-container .ig-contest-increase-wrapper .ig-social-wrapper-message .ig-contest-increase,
	.contest-container .ig-contest-increase-wrapper .ig-social-wrapper-message .ig-contest-increase-special-contest {
		border-radius: 5px
	}
}

body.neon .contest-container .ig-contest-increase-wrapper .ig-social-wrapper-message .ig-contest-increase,
body.neon .contest-container .ig-contest-increase-wrapper .ig-social-wrapper-message .ig-contest-increase-special-contest {
	background: rgba(255, 52, 109, .1)
}

.contest-container .ig-contest-increase-wrapper .ig-social-wrapper-message .ig-contest-increase-special-contest .icon-m,
.contest-container .ig-contest-increase-wrapper .ig-social-wrapper-message .ig-contest-increase .icon-m {
	background-color: var(--color);
	margin-right: 15px
}

.contest-container .ig-contest-increase-wrapper .ig-contest-social-box h4 {
	font-size: 20px
}

@media screen and (max-width:1000px) {
	.contest-container .ig-contest-increase-wrapper .ig-contest-social-box h4 {
		font-size: 16px
	}
}

.contest-container .ig-contest-increase-wrapper .ig-contest-social-box .instantgaming,
.contest-container .ig-contest-increase-wrapper .ig-contest-social-box .partners,
.contest-container .ig-contest-increase-wrapper .ig-contest-social-box .shares {
	display: flex;
	flex-direction: column
}

.contest-container .ig-contest-increase-wrapper .ig-contest-social-box .line {
	color: var(--color-light);
	padding: 5px 0;
	display: flex;
	align-items: center
}

.contest-container .ig-contest-increase-wrapper .ig-contest-social-box .line:hover .button {
	background-color: #ff5400
}

body.neon .contest-container .ig-contest-increase-wrapper .ig-contest-social-box .line:hover .button {
	background-color: #3483ff
}

.contest-container .ig-contest-increase-wrapper .ig-contest-social-box .line.extension .contest-social-logo {
	background-color: rgba(255, 84, 0, .1)
}

body.neon .contest-container .ig-contest-increase-wrapper .ig-contest-social-box .line.extension .contest-social-logo {
	background-color: rgba(255, 52, 109, .1)
}

.contest-container .ig-contest-increase-wrapper .ig-contest-social-box .line.facebook .contest-social-logo {
	background-color: rgba(24, 119, 242, .2)
}

.contest-container .ig-contest-increase-wrapper .ig-contest-social-box .line.twitter .contest-social-logo {
	background-color: rgba(0, 172, 237, .2)
}

.contest-container .ig-contest-increase-wrapper .ig-contest-social-box .line.instagram .contest-social-logo {
	background-color: rgba(189, 138, 119, .2)
}

.contest-container .ig-contest-increase-wrapper .ig-contest-social-box .line.youtube .contest-social-logo {
	background-color: rgba(226, 43, 38, .2)
}

.contest-container .ig-contest-increase-wrapper .ig-contest-social-box .line.twitch .contest-social-logo {
	background-color: rgba(152, 97, 255, .2)
}

.contest-container .ig-contest-increase-wrapper .ig-contest-social-box .line.tiktok .contest-social-logo {
	background-color: rgba(0, 0, 0, .4)
}

.contest-container .ig-contest-increase-wrapper .ig-contest-social-box .line.discord .contest-social-logo {
	background-color: rgba(88, 101, 242, .2)
}

.contest-container .ig-contest-increase-wrapper .ig-contest-social-box .line.participated {
	order: 1
}

.contest-container .ig-contest-increase-wrapper .ig-contest-social-box .line.participated .contest-social-logo {
	background-color: hsla(0, 0%, 56.5%, .1);
	opacity: .5
}

body.neon .contest-container .ig-contest-increase-wrapper .ig-contest-social-box .line.participated .contest-social-logo {
	background-color: rgba(101, 124, 177, .1)
}

.contest-container .ig-contest-increase-wrapper .ig-contest-social-box .line.participated .contest-social-logo .icon-s {
	background-color: var(--color-light)
}

.contest-container .ig-contest-increase-wrapper .ig-contest-social-box .line.participated .contest-social-text {
	color: var(--color-light);
	opacity: .5
}

.contest-container .ig-contest-increase-wrapper .ig-contest-social-box .line.participated .call {
	display: none
}

.contest-container .ig-contest-increase-wrapper .ig-contest-social-box .line.participated .checked {
	display: flex;
	margin-left: auto
}

@media screen and (max-width:550px) {
	.contest-container .ig-contest-increase-wrapper .ig-contest-social-box .line {
		padding: 5px 0;
		font-size: 18px
	}
}

@media screen and (max-width:550px) and (max-width:800px) {
	.contest-container .ig-contest-increase-wrapper .ig-contest-social-box .line {
		font-size: 16px
	}
}

@media screen and (max-width:550px) and (max-width:650px) {
	.contest-container .ig-contest-increase-wrapper .ig-contest-social-box .line {
		font-size: 13px
	}
}

.contest-container .ig-contest-increase-wrapper .ig-contest-social-box .line .contest-social-logo {
	height: 50px;
	flex: 0 0 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
	margin-right: 15px;
	transition: all .2s ease
}

@media screen and (max-width:550px) {
	.contest-container .ig-contest-increase-wrapper .ig-contest-social-box .line .contest-social-logo {
		height: 40px;
		flex: 0 0 40px
	}
}

.contest-container .ig-contest-increase-wrapper .ig-contest-social-box .line .contest-social-logo .icon-extension {
	background-color: var(--color)
}

.contest-container .ig-contest-increase-wrapper .ig-contest-social-box .line .contest-social-logo .icon-facebook {
	background-color: #1877f2
}

.contest-container .ig-contest-increase-wrapper .ig-contest-social-box .line .contest-social-logo .icon-twitter {
	background-color: #00aced
}

.contest-container .ig-contest-increase-wrapper .ig-contest-social-box .line .contest-social-logo .icon-instagram {
	background-color: #bd8a77
}

.contest-container .ig-contest-increase-wrapper .ig-contest-social-box .line .contest-social-logo .icon-youtube {
	background-color: #e22b26
}

.contest-container .ig-contest-increase-wrapper .ig-contest-social-box .line .contest-social-logo .icon-twitch {
	background-color: #9861ff
}

.contest-container .ig-contest-increase-wrapper .ig-contest-social-box .line .contest-social-logo .icon-discord {
	background-color: #5865f2
}

.contest-container .ig-contest-increase-wrapper .ig-contest-social-box .line .contest-social-text {
	margin-right: 15px
}

.contest-container .ig-contest-increase-wrapper .ig-contest-social-box .line .call {
	margin-left: auto;
	font-size: 16px
}

@media screen and (max-width:1000px) {
	.contest-container .ig-contest-increase-wrapper .ig-contest-social-box .line .call {
		font-size: 15px
	}
}

@media screen and (max-width:650px) {
	.contest-container .ig-contest-increase-wrapper .ig-contest-social-box .line .call {
		font-size: 13px
	}
}

.contest-container .ig-contest-increase-wrapper .ig-contest-social-box .line .checked {
	background-color: rgba(37, 222, 87, .1);
	height: 50px;
	width: 50px;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
	display: none
}

@media screen and (max-width:550px) {
	.contest-container .ig-contest-increase-wrapper .ig-contest-social-box .line .checked {
		height: 35px;
		width: 35px
	}
}

.contest-container .ig-contest-increase-wrapper .ig-contest-social-box .line .checked .icon-check {
	background-color: #25de57
}

.contest-container .ig-contest-increase-wrapper .ig-contest-social-box .button-secondary {
	height: 45px;
	padding: 0 20px;
	margin: -8px 0
}

@media screen and (max-width:1000px) {
	.contest-container .ig-contest-increase-wrapper .ig-contest-social-box .button-secondary {
		height: 40px
	}
}

@media screen and (max-width:550px) {
	.contest-container .ig-contest-increase-wrapper .ig-contest-social-box .button-secondary {
		padding: 0 15px;
		height: 30px
	}
}

.contest-container .contest-special-container .contest-thanks {
	margin-bottom: 40px
}

.contest-container .contest-special-container .ig-sections-main-content.giveaway {
	top: 0;
	margin-bottom: 0
}

.contest-container .contest-special-container .ig-sections-main-content.giveaway .ig-contest-special img {
	border-radius: 15px;
	border-top-right-radius: 0!important;
	border-top-left-radius: 0!important;
	width: 100%
}

@media screen and (max-width:1000px) {
	.contest-container .contest-special-container .ig-sections-main-content.giveaway .ig-contest-special img {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.contest-container .contest-special-container .ig-sections-main-content.giveaway .ig-contest-special img {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.contest-container .contest-special-container .ig-sections-main-content.giveaway .ig-contest-special img {
		border-radius: 7px
	}
}

.contest-container .contest-special-container .ig-sections-main-content.giveaway .participation-container {
	align-self: center;
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 700px
}

.contest-container .contest-special-container .ig-sections-main-content.giveaway .participation-container .ig-contest-nbpoints {
	text-align: center
}

.contest-container .contest-special-container .ig-sections-main-content.giveaway .participation-container .button {
	margin-top: 20px
}

.contest-container .ig-contest-countdown {
	border-radius: 15px;
	background: var(--color-ultra-dark);
	padding: 30px;
	text-align: center;
	display: flex;
	justify-content: center
}

@media screen and (max-width:1000px) {
	.contest-container .ig-contest-countdown {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.contest-container .ig-contest-countdown {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.contest-container .ig-contest-countdown {
		border-radius: 7px
	}
}

.contest-container .ig-contest-countdown:not(.without-image) {
	border-bottom-right-radius: 0!important;
	border-bottom-left-radius: 0!important
}

@media screen and (max-width:650px) {
	.contest-container .ig-contest-countdown {
		padding: 15px
	}
}

.contest-container .ig-contest-countdown .ig-contest-countdown-numbers {
	display: flex;
	flex-direction: column;
	margin: 0 15px;
	color: #fff
}

@media screen and (max-width:650px) {
	.contest-container .ig-contest-countdown .ig-contest-countdown-numbers {
		margin: 0 10px
	}
}

.contest-container .ig-contest-countdown .ig-contest-countdown-numbers .ig-contest-countdown-days,
.contest-container .ig-contest-countdown .ig-contest-countdown-numbers .ig-contest-countdown-hours,
.contest-container .ig-contest-countdown .ig-contest-countdown-numbers .ig-contest-countdown-minutes,
.contest-container .ig-contest-countdown .ig-contest-countdown-numbers .ig-contest-countdown-seconds {
	font-size: 45px;
	font-weight: 700;
	color: var(--color)
}

body.neon .contest-container .ig-contest-countdown .ig-contest-countdown-numbers .ig-contest-countdown-days,
body.neon .contest-container .ig-contest-countdown .ig-contest-countdown-numbers .ig-contest-countdown-hours,
body.neon .contest-container .ig-contest-countdown .ig-contest-countdown-numbers .ig-contest-countdown-minutes,
body.neon .contest-container .ig-contest-countdown .ig-contest-countdown-numbers .ig-contest-countdown-seconds {
	color: #3483ff
}

@media screen and (max-width:650px) {
	.contest-container .ig-contest-countdown .ig-contest-countdown-numbers .ig-contest-countdown-days,
	.contest-container .ig-contest-countdown .ig-contest-countdown-numbers .ig-contest-countdown-hours,
	.contest-container .ig-contest-countdown .ig-contest-countdown-numbers .ig-contest-countdown-minutes,
	.contest-container .ig-contest-countdown .ig-contest-countdown-numbers .ig-contest-countdown-seconds {
		font-size: 40px
	}
}

@media screen and (max-width:650px) and (max-width:1000px) {
	.contest-container .ig-contest-countdown .ig-contest-countdown-numbers .ig-contest-countdown-days,
	.contest-container .ig-contest-countdown .ig-contest-countdown-numbers .ig-contest-countdown-hours,
	.contest-container .ig-contest-countdown .ig-contest-countdown-numbers .ig-contest-countdown-minutes,
	.contest-container .ig-contest-countdown .ig-contest-countdown-numbers .ig-contest-countdown-seconds {
		font-size: 32px
	}
}

@media screen and (max-width:650px) and (max-width:650px) {
	.contest-container .ig-contest-countdown .ig-contest-countdown-numbers .ig-contest-countdown-days,
	.contest-container .ig-contest-countdown .ig-contest-countdown-numbers .ig-contest-countdown-hours,
	.contest-container .ig-contest-countdown .ig-contest-countdown-numbers .ig-contest-countdown-minutes,
	.contest-container .ig-contest-countdown .ig-contest-countdown-numbers .ig-contest-countdown-seconds {
		font-size: 24px
	}
}

.contest-container .header-contest {
	margin-left: -30px;
	margin-right: -30px;
	position: relative;
	overflow: hidden;
	background-image: url(../images/generic-background.png);
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 370px;
	box-shadow: inset 0 520px 80px -460px var(--color-ultra-dark)
}

@media screen and (max-width:1000px) {
	.contest-container .header-contest {
		margin-left: -20px;
		margin-right: -20px
	}
}

@media screen and (max-width:800px) {
	.contest-container .header-contest {
		margin-left: -10px;
		margin-right: -10px
	}
}

.contest-container .header-contest:after {
	content: "";
	clip-path: polygon(0 100%, 100% 100%, 0 0);
	background: var(--color-dark);
	height: 60px;
	min-width: 1700px;
	width: 100%;
	position: absolute;
	bottom: -1px
}

body.neon .contest-container .header-contest {
	background-image: linear-gradient(rgba(0, 10, 86, .3), rgba(0, 10, 86, .3)), url(../images/generic-background.png)
}

@media screen and (max-width:1260px) {
	.contest-container .header-contest {
		padding-top: 330px
	}
}

@media screen and (max-width:1000px) {
	.contest-container .header-contest {
		padding-top: 270px
	}
}

@media screen and (max-width:600px) {
	.contest-container .header-contest {
		padding-top: 230px
	}
}

.contest-container .fancybox-container {
	margin: 10px auto;
	text-align: center
}

.contest-container .fancybox-container span {
	font-size: 11px;
	display: block
}

.contest-container .fancybox-container .ig-contest-ytverify-button {
	background-color: #ff5400;
	color: #fff;
	border-radius: 3px;
	padding: 5px;
	margin: 10px;
	cursor: pointer;
	font-size: 12px;
	border-style: none;
	width: 80px
}

.contest-container .fancybox-container .ig-contest-ytverify-button:hover {
	background-color: #ff5400
}

.contest-container .giveaway-result {
	width: 100%;
	max-width: 800px;
	margin: auto
}

.contest-container .giveaway-result .ig-contest-winner-name {
	border-radius: 15px;
	background-color: var(--color-medium-dark);
	padding: 30px;
	display: flex;
	flex-direction: column;
	align-items: center
}

@media screen and (max-width:1000px) {
	.contest-container .giveaway-result .ig-contest-winner-name {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.contest-container .giveaway-result .ig-contest-winner-name {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.contest-container .giveaway-result .ig-contest-winner-name {
		border-radius: 7px
	}
}

.contest-container .giveaway-result .ig-contest-winner-name .icon-rank {
	background-image: linear-gradient(140deg, #ffdf6b, #ff0a4e)
}

.contest-container .giveaway-result .ig-contest-winner-name .avatar {
	margin: 30px 0
}

.contest-container .giveaway-result .ig-contest-winner-name .avatar img {
	border-radius: 30%;
	width: 120px;
	height: 120px
}

.contest-container .giveaway-result .ig-contest-winner-name .winner-nickname {
	font-weight: 700;
	font-size: 40px;
	color: var(--color)
}

@media screen and (max-width:1000px) {
	.contest-container .giveaway-result .ig-contest-winner-name .winner-nickname {
		font-size: 32px
	}
}

@media screen and (max-width:650px) {
	.contest-container .giveaway-result .ig-contest-winner-name .winner-nickname {
		font-size: 24px
	}
}

.contest-container .giveaway-result .ig-contest-winner-name .blink-has-won {
	font-weight: 700;
	font-size: 32px
}

@media screen and (max-width:1000px) {
	.contest-container .giveaway-result .ig-contest-winner-name .blink-has-won {
		font-size: 24px
	}
}

@media screen and (max-width:800px) {
	.contest-container .giveaway-result .ig-contest-winner-name .blink-has-won {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.contest-container .giveaway-result .ig-contest-winner-name .blink-has-won {
		font-size: 18px
	}
}

.contest-container .giveaway-result .ig-contest-winner-name .ig-contest-won-game-cover img {
	border-radius: 15px;
	margin-top: 30px
}

@media screen and (max-width:1000px) {
	.contest-container .giveaway-result .ig-contest-winner-name .ig-contest-won-game-cover img {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.contest-container .giveaway-result .ig-contest-winner-name .ig-contest-won-game-cover img {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.contest-container .giveaway-result .ig-contest-winner-name .ig-contest-won-game-cover img {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.contest-container .giveaway-result .ig-contest-winner-name .ig-contest-won-game-cover img {
		margin-top: 15px
	}
}

.contest-container .giveaway-result .ig-avatar-circle-container {
	position: absolute;
	top: 310px;
	left: calc(50% - 47px);
	height: 90px;
	width: 90px;
	margin: 0;
	background: 0 0
}

.contest-container .giveaway-result .ig-avatar-circle-container span a {
	background-color: transparent;
	background-image: none
}

.contest-container .giveaway-result .ig-avatar-circle-container span a img {
	border-style: none;
	background: 0 0;
	margin: 0
}

.contest-container .ig-sections-main-content.giveaway {
	max-width: 1200px;
	align-self: center;
	width: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
	top: -120px;
	margin-bottom: -120px
}

@media screen and (max-width:1000px) {
	.contest-container .ig-sections-main-content.giveaway {
		top: -100px;
		margin-bottom: -100px
	}
}

@media screen and (max-width:600px) {
	.contest-container .ig-sections-main-content.giveaway {
		top: -80px;
		margin-bottom: -80px
	}
}

.contest-container .ig-sections-main-content.giveaway .ig-contest-contest {
	display: flex;
	flex-direction: column;
	align-items: center
}

.contest-container .ig-sections-main-content.giveaway .ig-contest-contest.has-participation {
	padding-bottom: 0
}

.contest-container .ig-sections-main-content.giveaway .ig-contest-contest.has-participation .ig-contest-game-preview,
.contest-container .ig-sections-main-content.giveaway .ig-contest-contest.has-participation .ig-contest-participated {
	display: block
}

.contest-container .ig-sections-main-content.giveaway .ig-contest-contest .ig-contest-prize-wrapper {
	border-radius: 15px;
	font-size: 20px;
	border-top-right-radius: 0!important;
	border-top-left-radius: 0!important;
	background: var(--color-medium-dark);
	color: #fff;
	text-align: center;
	padding: 30px;
	width: 100%
}

@media screen and (max-width:1000px) {
	.contest-container .ig-sections-main-content.giveaway .ig-contest-contest .ig-contest-prize-wrapper {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.contest-container .ig-sections-main-content.giveaway .ig-contest-contest .ig-contest-prize-wrapper {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.contest-container .ig-sections-main-content.giveaway .ig-contest-contest .ig-contest-prize-wrapper {
		border-radius: 7px
	}
}

@media screen and (max-width:1000px) {
	.contest-container .ig-sections-main-content.giveaway .ig-contest-contest .ig-contest-prize-wrapper {
		font-size: 16px
	}
}

@media screen and (max-width:650px) {
	.contest-container .ig-sections-main-content.giveaway .ig-contest-contest .ig-contest-prize-wrapper {
		padding: 15px
	}
}

.contest-container .ig-sections-main-content.giveaway .ig-contest-contest .icon-xxxxl {
	background-image: linear-gradient(140deg, #ffdf6b, #ff0a4e)
}

.contest-container .ig-sections-main-content.giveaway .ig-contest-contest .ig-contest-product-choice {
	display: flex;
	width: 100%;
	max-width: 800px
}

.contest-container .ig-sections-main-content.giveaway .ig-contest-contest .ig-contest-product-choice .button {
	margin-left: 15px;
	opacity: .5
}

@media screen and (max-width:1000px) {
	.contest-container .ig-sections-main-content.giveaway .ig-contest-contest .ig-contest-product-choice .button {
		margin-left: 10px
	}
}

.contest-container .ig-sections-main-content.giveaway .ig-contest-contest .ig-contest-product-choice .ig-contest-submit {
	opacity: 1
}

.contest-container .ig-sections-main-content.giveaway .ig-contest-game-preview {
	display: none
}

.contest-container .ig-sections-main-content.giveaway .ig-contest-game-preview .ig-contest-contest-cover {
	position: relative;
	margin: auto;
	display: table
}

.contest-container .ig-sections-main-content.giveaway .ig-contest-game-preview .ig-contest-contest-cover img {
	border-radius: 15px;
	width: 100%
}

@media screen and (max-width:1000px) {
	.contest-container .ig-sections-main-content.giveaway .ig-contest-game-preview .ig-contest-contest-cover img {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.contest-container .ig-sections-main-content.giveaway .ig-contest-game-preview .ig-contest-contest-cover img {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.contest-container .ig-sections-main-content.giveaway .ig-contest-game-preview .ig-contest-contest-cover img {
		border-radius: 7px
	}
}

.contest-container .ig-sections-main-content.giveaway .ig-contest-game-preview .ig-contest-participated {
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	padding: 0 10px;
	display: none
}

@media screen and (max-width:1000px) {
	.contest-container .ig-sections-main-content.giveaway .ig-contest-game-preview .ig-contest-participated {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.contest-container .ig-sections-main-content.giveaway .ig-contest-game-preview .ig-contest-participated {
		font-size: 16px
	}
}

.contest-container .ig-sections-main-content.giveaway .ig-contest-game-preview .ig-contest-participated span {
	font-size: 16px;
	font-weight: 400;
	display: block;
	margin-top: 10px;
	color: var(--color-light)
}

@media screen and (max-width:1000px) {
	.contest-container .ig-sections-main-content.giveaway .ig-contest-game-preview .ig-contest-participated span {
		font-size: 15px
	}
}

@media screen and (max-width:650px) {
	.contest-container .ig-sections-main-content.giveaway .ig-contest-game-preview .ig-contest-participated span {
		font-size: 13px
	}
}

.contest-container .ig-contest-conditions {
	text-align: center
}

.contest-container .ig-contest-conditions a {
	color: var(--color-medium-light);
	text-decoration: underline
}

ul.ig-contest-typeahead {
	border-radius: 15px;
	position: absolute;
	background-color: var(--color-medium-dark);
	width: calc(100% - 20px);
	max-width: 800px;
	z-index: 10000;
	list-style-type: none;
	overflow-x: hidden;
	overflow-y: auto;
	margin-top: 15px;
	padding: 20px;
	max-height: 400px;
	left: 50%!important;
	transform: translate(-50%)
}

@media screen and (max-width:1000px) {
	ul.ig-contest-typeahead {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	ul.ig-contest-typeahead {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	ul.ig-contest-typeahead {
		border-radius: 7px
	}
}

@media screen and (max-width:600px) {
	ul.ig-contest-typeahead {
		padding: 10px
	}
}

ul.ig-contest-typeahead li {
	border-radius: 8px;
	cursor: pointer;
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	padding-right: 15px
}

@media screen and (max-width:1000px) {
	ul.ig-contest-typeahead li {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	ul.ig-contest-typeahead li {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	ul.ig-contest-typeahead li {
		border-radius: 5px
	}
}

@media screen and (max-width:600px) {
	ul.ig-contest-typeahead li {
		margin-bottom: 10px;
		padding-right: 0
	}
}

ul.ig-contest-typeahead li:last-of-type {
	margin-bottom: 0
}

ul.ig-contest-typeahead li.active {
	background: hsla(0, 0%, 100%, .1)
}

ul.ig-contest-typeahead li img {
	border-radius: 5px;
	width: 100px;
	margin-right: 10px
}

@media screen and (max-width:600px) {
	ul.ig-contest-typeahead li img {
		width: 60px
	}
}

ul.ig-contest-typeahead li a {
	display: flex
}

ul.ig-contest-typeahead li .game-line {
	display: flex;
	flex-grow: 4;
	justify-content: space-between
}

ul.ig-contest-typeahead li .game-line .search-game-name {
	font-size: 14px;
	align-self: center;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	padding-right: 15px
}

@media screen and (max-width:1000px) {
	ul.ig-contest-typeahead li .game-line .search-game-name {
		font-size: 13px
	}
}

ul.ig-contest-typeahead li .game-line .search-prices {
	color: var(--color);
	display: flex;
	flex-direction: column-reverse;
	font-weight: 900;
	align-self: center
}

ul.ig-contest-typeahead li .game-line .search-prices .ig-price {
	font-size: 18px
}

@media screen and (max-width:800px) {
	ul.ig-contest-typeahead li .game-line .search-prices .ig-price {
		font-size: 16px
	}
}

@media screen and (max-width:650px) {
	ul.ig-contest-typeahead li .game-line .search-prices .ig-price {
		font-size: 13px
	}
}

ul.ig-contest-typeahead li .game-line .search-prices .retail {
	font-size: 14px;
	font-weight: 400;
	color: var(--color-light);
	text-decoration: line-through;
	align-self: flex-end
}

@media screen and (max-width:1000px) {
	ul.ig-contest-typeahead li .game-line .search-prices .retail {
		font-size: 13px
	}
}

ul.ig-contest-typeahead li .game-line a {
	display: none
}

.ig-contest-partner-twitch-fancybox,
.ig-contest-twitch-fancybox {
	display: none;
	padding: 10px;
	line-height: 25px;
	flex-direction: column
}

.ig-contest-partner-twitch-fancybox .button,
.ig-contest-twitch-fancybox .button {
	background-color: #6139ad
}

.ig-contest-partner-twitch-fancybox h3,
.ig-contest-twitch-fancybox h3 {
	text-align: center
}

.ig-contest-discord-fancybox,
.ig-contest-partner-discord-fancybox {
	display: none;
	padding: 10px;
	line-height: 25px
}

.ig-contest-discord-fancybox .button,
.ig-contest-partner-discord-fancybox .button {
	background-color: #7389dc
}

.ig-contest-discord-fancybox h3,
.ig-contest-partner-discord-fancybox h3 {
	text-align: center
}

.ig-contest-discord-fancybox .fancybox-container,
.ig-contest-partner-discord-fancybox .fancybox-container {
	margin: 10px auto;
	text-align: left
}

.ig-contest-discord-fancybox .fancybox-container .button-wrapper,
.ig-contest-partner-discord-fancybox .fancybox-container .button-wrapper {
	text-align: center
}

.highlights-container.app-container,
.highlights-container.extension-container {
	color: #fff;
	box-shadow: none;
	min-height: 0;
	height: 450px
}

@media screen and (max-width:1400px) {
	.highlights-container.app-container,
	.highlights-container.extension-container {
		height: 400px
	}
}

@media screen and (max-width:1260px) {
	.highlights-container.app-container,
	.highlights-container.extension-container {
		height: 350px
	}
}

@media screen and (max-width:1000px) {
	.highlights-container.app-container,
	.highlights-container.extension-container {
		height: 280px;
		margin-top: 0
	}
}

@media screen and (max-width:800px) {
	.highlights-container.app-container,
	.highlights-container.extension-container {
		height: 230px
	}
}

@media screen and (max-width:650px) {
	.highlights-container.app-container,
	.highlights-container.extension-container {
		margin-bottom: 0
	}
}

@media screen and (max-width:600px) {
	.highlights-container.app-container,
	.highlights-container.extension-container {
		height: 200px
	}
}

@media screen and (max-width:450px) {
	.highlights-container.app-container,
	.highlights-container.extension-container {
		height: 170px;
		background-position: 50%
	}
}

.highlights-container.app-container:before,
.highlights-container.extension-container:before {
	display: none
}

@media screen and (max-width:800px) {
	.highlights-container.app-container .content,
	.highlights-container.extension-container .content {
		top: -20px
	}
}

.highlights-container.app-container .content h2,
.highlights-container.extension-container .content h2 {
	font-weight: 700;
	font-size: 32px;
	color: #fff;
	margin-bottom: 0
}

@media screen and (max-width:1000px) {
	.highlights-container.app-container .content h2,
	.highlights-container.extension-container .content h2 {
		font-size: 24px
	}
}

@media screen and (max-width:800px) {
	.highlights-container.app-container .content h2,
	.highlights-container.extension-container .content h2 {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.highlights-container.app-container .content h2,
	.highlights-container.extension-container .content h2 {
		font-size: 18px
	}
}

.highlights-container.app-container .content p,
.highlights-container.extension-container .content p {
	margin: 10px 0 20px
}

.highlights-container.app-container .content a.button,
.highlights-container.extension-container .content a.button {
	padding: 10px 20px
}

.highlights-container.app-container .content a.button.firefox,
.highlights-container.extension-container .content a.button.firefox {
	display: none
}

@-moz-document url-prefix("") {
	.highlights-container.app-container .content a.button,
	.highlights-container.extension-container .content a.button {
		display: none
	}
	.highlights-container.app-container .content a.button.firefox,
	.highlights-container.extension-container .content a.button.firefox {
		display: inline-flex
	}
}

.highlights-container.extension-container {
	/*background-image: url(/androidportalhtml/modules/extensionPanel/images/extension.png)*/
}

@media screen and (max-width:1000px) {
	.highlights-container.extension-container {
		display: none
	}
}

.highlights-container.extension-container .content {
	display: flex;
	height: 100%;
	align-items: center
}

.highlights-container.extension-container .content picture {
	margin-left: 60px;
	height: 100%
}

.highlights-container.extension-container .content picture img {
	width: 100%;
	height: 100%
}

.highlights-container.app-container {
	background-image: url(/androidportalhtml/modules/extensionPanel/images/app.png);
	background-position: 50%;
	background-size: cover;
	min-height: 240px;
	display: none;
	align-items: flex-start
}

@media screen and (max-width:1000px) {
	.highlights-container.app-container {
		display: flex
	}
}

@media screen and (max-width:600px) {
	.highlights-container.app-container {
		background-position: 0;
		background-image: url(/androidportalhtml/modules/extensionPanel/images/app-small.png)
	}
}

.highlights-container.app-container .content h2 {
	color: #000
}

.highlights-container.app-container .content p {
	color: #000;
	opacity: .5
}

.highlights-container.app-container .content a:first-of-type {
	margin-right: 7px
}

@media screen and (max-width:600px) {
	.highlights-container.app-container .content a:first-of-type {
		margin-right: 0;
		display: block;
		margin-bottom: 5px
	}
}

@media screen and (max-width:650px) {
	.highlights-container.app-container .content a img {
		width: 114px
	}
}

.credit-page-container {
	display: flex;
	flex-direction: column
}

.credit-page-container .alerts.warning {
	margin-bottom: 45px
}

.credit-page-container .alerts.warning .icon-warning {
	margin: 10px auto
}

.credit-page-container .ig-sections-main-content {
	padding: 20px;
	display: flex
}

@media screen and (max-width:450px) {
	.credit-page-container .ig-sections-main-content {
		display: block
	}
}

@media screen and (max-width:450px) {
	.credit-page-container .left-panel {
		display: block;
		width: 100%
	}
}

@media screen and (max-width:450px) {
	.credit-page-container .right-panel {
		display: block;
		width: 100%;
		margin-left: 0;
		margin-top: 20px;
		box-sizing: border-box
	}
}

.credit-page-container .head {
	border-radius: 15px;
	display: flex;
	flex-direction: column;
	align-self: center;
	background-color: var(--color-medium-dark);
	padding: 60px 10px;
	width: 100%
}

@media screen and (max-width:1000px) {
	.credit-page-container .head {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.credit-page-container .head {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.credit-page-container .head {
		border-radius: 7px
	}
}

@media screen and (max-width:1000px) {
	.credit-page-container .head {
		margin-bottom: 20px
	}
}

@media screen and (max-width:850px) {
	.credit-page-container .head {
		margin-bottom: 10px;
		padding: 30px 10px
	}
}

@media screen and (max-width:650px) {
	.credit-page-container .head {
		padding: 15px 10px
	}
}

.credit-page-container .head .intro {
	text-align: center
}

.credit-page-container .head .intro .line {
	font-size: 18px;
	display: block;
	margin-bottom: 30px
}

@media screen and (max-width:800px) {
	.credit-page-container .head .intro .line {
		font-size: 16px
	}
}

@media screen and (max-width:650px) {
	.credit-page-container .head .intro .line {
		font-size: 13px
	}
}

.credit-page-container .head .intro .highlight {
	margin: 0 3px;
	font-size: 32px
}

@media screen and (max-width:1000px) {
	.credit-page-container .head .intro .highlight {
		font-size: 24px
	}
}

@media screen and (max-width:800px) {
	.credit-page-container .head .intro .highlight {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.credit-page-container .head .intro .highlight {
		font-size: 18px
	}
}

.credit-page-container .amount-container {
	border-radius: 15px;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 60px 0;
	z-index: 1;
	position: relative;
	overflow: hidden;
	background-color: var(--color-medium-dark);
	margin-top: 30px
}

@media screen and (max-width:1000px) {
	.credit-page-container .amount-container {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.credit-page-container .amount-container {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.credit-page-container .amount-container {
		border-radius: 7px
	}
}

@media screen and (max-width:1000px) {
	.credit-page-container .amount-container {
		margin-top: 20px
	}
}

@media screen and (max-width:850px) {
	.credit-page-container .amount-container {
		margin-top: 10px;
		padding: 30px 0
	}
}

@media screen and (max-width:650px) {
	.credit-page-container .amount-container {
		padding: 15px 0
	}
}

.credit-page-container .amount-container .balance {
	display: flex;
	flex-direction: column;
	align-items: center
}

.credit-page-container .amount-container .balance .amounts {
	display: flex;
	align-items: center
}

@media screen and (max-width:850px) {
	.credit-page-container .amount-container .balance .amounts {
		flex-direction: column
	}
}

.credit-page-container .amount-container .balance .amounts .available,
.credit-page-container .amount-container .balance .amounts .wallet {
	display: flex;
	align-items: center
}

@media screen and (max-width:850px) {
	.credit-page-container .amount-container .balance .amounts .available,
	.credit-page-container .amount-container .balance .amounts .wallet {
		flex-direction: column
	}
}

.credit-page-container .amount-container .balance .amounts .available .separation,
.credit-page-container .amount-container .balance .amounts .wallet .separation {
	display: flex;
	flex-direction: column;
	align-items: center
}

.credit-page-container .amount-container .balance .amounts .available {
	flex-direction: column
}

.credit-page-container .amount-container .balance .amounts .icon-arrow {
	margin: 0 30px
}

@media screen and (max-width:850px) {
	.credit-page-container .amount-container .balance .amounts .icon-arrow {
		transform: rotate(90deg);
		margin: 15px 0
	}
}

.credit-page-container .amount-container .balance .amounts .amount {
	font-size: 40px;
	line-height: 33px;
	margin-bottom: 10px
}

@media screen and (max-width:1000px) {
	.credit-page-container .amount-container .balance .amounts .amount {
		font-size: 32px
	}
}

@media screen and (max-width:650px) {
	.credit-page-container .amount-container .balance .amounts .amount {
		font-size: 24px
	}
}

@media screen and (max-width:850px) {
	.credit-page-container .amount-container .balance .amounts .amount {
		margin-bottom: 5px
	}
}

.credit-page-container .bonus-container {
	margin: -15px;
	display: flex
}

@media screen and (max-width:1000px) {
	.credit-page-container .bonus-container {
		margin: -10px
	}
}

@media screen and (max-width:800px) {
	.credit-page-container .bonus-container {
		margin: -5px;
		flex-direction: column
	}
}

.credit-page-container .bonus-container .game {
	margin: 15px;
	border-radius: 15px;
	width: 100%;
	position: relative;
	background-color: var(--color-medium-dark);
	display: flex;
	justify-content: center
}

@media screen and (max-width:1000px) {
	.credit-page-container .bonus-container .game {
		margin: 10px
	}
}

@media screen and (max-width:800px) {
	.credit-page-container .bonus-container .game {
		margin: 5px
	}
}

@media screen and (max-width:1000px) {
	.credit-page-container .bonus-container .game {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.credit-page-container .bonus-container .game {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.credit-page-container .bonus-container .game {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.credit-page-container .bonus-container .game {
		width: auto;
		justify-content: space-between
	}
}

.credit-page-container .bonus-container .game.done {
	opacity: .4;
	cursor: default
}

.credit-page-container .bonus-container .game.done .marked {
	display: flex;
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 1
}

.credit-page-container .bonus-container .game.done .marked .icon-check {
	background-color: #25de57
}

.credit-page-container .bonus-container .game.done .button,
.credit-page-container .bonus-container .game .marked {
	display: none
}

.credit-page-container .bonus-container .game .item {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 30px;
	justify-content: center
}

@media screen and (max-width:800px) {
	.credit-page-container .bonus-container .game .item {
		flex-direction: row;
		justify-content: space-between;
		padding: 15px;
		width: 100%
	}
}

.credit-page-container .bonus-container .game .item.waiting .amount-badge {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff;
	transition: .2s;
	mask-image: url(../images/icon-loading.svg);
	-webkit-mask-image: url(../images/icon-loading.svg);
	height: 20px;
	width: 20px;
	animation: rotating 2s linear infinite
}

.credit-page-container .bonus-container .game .item .marked {
	display: none
}

.credit-page-container .bonus-container .game .item p.content {
	border-radius: 100px
}

.credit-page-container .bonus-container .game .item span.icon {
	border-radius: 42px;
	display: flex;
	width: 60px;
	height: 60px;
	transition: .2s;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-position: center;
	-webkit-mask-position: center
}

@media screen and (max-width:500px) {
	.credit-page-container .bonus-container .game .item span.icon {
		width: 50px;
		height: 50px
	}
}

.credit-page-container .bonus-container .game .item .amount-badge {
	font-size: 20px;
	margin: 10px 0 20px
}

@media screen and (max-width:1000px) {
	.credit-page-container .bonus-container .game .item .amount-badge {
		font-size: 16px
	}
}

@media screen and (max-width:800px) {
	.credit-page-container .bonus-container .game .item .amount-badge {
		margin: 0 auto 0 15px
	}
}

.credit-page-container .bonus-container .game .item.twitter p.content {
	background-color: rgba(0, 172, 237, .1)
}

.credit-page-container .bonus-container .game .item.twitter span.icon {
	background-color: #00aced;
	mask-image: url(../images/socials/icon-tw.svg);
	-webkit-mask-image: url(../images/socials/icon-tw.svg);
	mask-size: 30px;
	-webkit-mask-size: 30px
}

.credit-page-container .bonus-container .game .item.facebook p.content {
	background-color: rgba(24, 119, 242, .1)
}

.credit-page-container .bonus-container .game .item.facebook span.icon {
	background-color: #1877f2;
	mask-image: url(../images/socials/icon-fb.svg);
	-webkit-mask-image: url(../images/socials/icon-fb.svg);
	mask-size: 14px;
	-webkit-mask-size: 14px
}

.credit-page-container .bonus-container .game .item.application p.content {
	background-color: rgba(255, 84, 0, .1)
}

body.neon .credit-page-container .bonus-container .game .item.application p.content {
	background-color: rgba(255, 52, 109, .1)
}

.credit-page-container .bonus-container .game .item.application span.icon {
	background-color: var(--color);
	mask-image: url(../images/icon-external-link.svg);
	-webkit-mask-image: url(../images/icon-external-link.svg);
	mask-size: 25px;
	-webkit-mask-size: 25px
}

.credit-page-container .bonus-container .game .item.extension p.content {
	background-color: rgba(255, 84, 0, .1)
}

body.neon .credit-page-container .bonus-container .game .item.extension p.content {
	background-color: rgba(255, 52, 109, .1)
}

.credit-page-container .bonus-container .game .item.extension span.icon {
	background-color: var(--color);
	mask-image: url(../images/icon-extension.svg);
	-webkit-mask-image: url(../images/icon-extension.svg);
	mask-size: 25px;
	-webkit-mask-size: 25px
}

.credit-page-container .affiliation-container {
	display: block
}

.credit-page-container .affiliation-container .flex-container {
	display: flex;
	background-color: var(--color-ultra-dark);
	padding: 30px;
	margin: 40px auto;
	border-radius: 15px;
	align-items: center;
	max-width: 450px
}

@media screen and (max-width:1000px) {
	.credit-page-container .affiliation-container .flex-container {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.credit-page-container .affiliation-container .flex-container {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.credit-page-container .affiliation-container .flex-container {
		border-radius: 7px
	}
}

.credit-page-container .affiliation-container .flex-container .how-to-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	line-height: 25px
}

.credit-page-container .affiliation-container .flex-container .how-to-container .icon-information {
	margin-bottom: 20px;
	background-color: #ff5400
}

body.neon .credit-page-container .affiliation-container .flex-container .how-to-container .icon-information {
	background-color: #3483ff
}

.credit-page-container .affiliation-container .flex-container .how-to-container .how-to {
	text-align: center
}

.credit-page-container .affiliation-container .flex-container .how-to-container .how-to .highlight {
	color: #ff5400
}

body.neon .credit-page-container .affiliation-container .flex-container .how-to-container .how-to .highlight {
	color: #3483ff
}

.credit-page-container .affiliation-container .payment-container-affiliation h3 {
	font-variant: all-small-caps
}

.credit-page-container .affiliation-container .payment-container-affiliation .amount {
	color: #25de57;
	font-size: 32px;
	margin-bottom: 20px
}

@media screen and (max-width:1000px) {
	.credit-page-container .affiliation-container .payment-container-affiliation .amount {
		font-size: 24px
	}
}

@media screen and (max-width:800px) {
	.credit-page-container .affiliation-container .payment-container-affiliation .amount {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.credit-page-container .affiliation-container .payment-container-affiliation .amount {
		font-size: 18px
	}
}

.credit-page-container .affiliation-container .payment-container-affiliation a.disabled {
	filter: grayscale(1);
	cursor: help
}

.credit-page-container .affiliation-container .payment-container-affiliation a.disabled:hover {
	background-color: #ff5400
}

.credit-page-container .gift-card-container {
	border-radius: 15px;
	background-color: var(--color-medium-dark);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 30px
}

@media screen and (max-width:1000px) {
	.credit-page-container .gift-card-container {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.credit-page-container .gift-card-container {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.credit-page-container .gift-card-container {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.credit-page-container .gift-card-container {
		padding: 15px
	}
}

.credit-page-container .gift-card-container img {
	border-radius: 15px;
	width: 100%;
	max-width: 400px;
	margin-bottom: 30px
}

@media screen and (max-width:1000px) {
	.credit-page-container .gift-card-container img {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.credit-page-container .gift-card-container img {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.credit-page-container .gift-card-container img {
		border-radius: 7px
	}
}

.credit-page-container .gift-card-container form {
	display: flex;
	width: 100%;
	align-items: center
}

.credit-page-container .gift-card-container form input[type=text] {
	margin-right: 15px
}

.credit-page-container .gift-card-container p {
	margin-bottom: 30px
}

.credit-page-container .gift-card-container p a {
	text-decoration: underline
}

.credit-page-container .text3 {
	text-align: center
}

.fancybox-inner .ewallet-link-edition-modal .ig-wrapper2 {
	max-width: 700px
}

@media screen and (max-width:450px) {
	.fancybox-inner .ewallet-link-edition-modal .ig-wrapper2 {
		width: 100%
	}
}

.fancybox-inner .ewallet-link-edition-modal .ig-wrapper2 .alerts {
	max-width: 400px;
	margin: auto auto 20px
}

.fancybox-inner .ewallet-link-edition-modal .ig-wrapper2 .alerts.hidden {
	display: none
}

.fancybox-inner .ewallet-link-edition-modal .ig-wrapper2 .alerts span {
	margin-top: 10px;
	text-align: center
}

.fancybox-inner .ewallet-link-edition-modal .ig-wrapper2 form {
	text-align: center
}

.fancybox-inner .ewallet-link-edition-modal .ig-wrapper2 form input[type=text] {
	max-width: 200px
}

.fancybox-inner .ewallet-link-edition-modal .ig-wrapper2 form .link {
	margin: 30px 0;
	display: flex;
	align-items: center
}

@media screen and (max-width:450px) {
	.fancybox-inner .ewallet-link-edition-modal .ig-wrapper2 form .link {
		flex-direction: column
	}
}

.fancybox-inner .ewallet-link-edition-modal .ig-wrapper2 form .link span {
	font-size: 20px;
	white-space: nowrap
}

@media screen and (max-width:1000px) {
	.fancybox-inner .ewallet-link-edition-modal .ig-wrapper2 form .link span {
		font-size: 16px
	}
}

.fancybox-inner .ewallet-link-application-modal {
	flex-direction: column;
	align-items: center
}

.fancybox-inner .ewallet-link-application-modal .alerts {
	max-width: 400px
}

.fancybox-inner .ewallet-link-application-modal .screenshots {
	margin-top: 30px;
	display: flex;
	align-items: center;
	justify-content: center
}

@media screen and (max-width:500px) {
	.fancybox-inner .ewallet-link-application-modal .screenshots {
		margin-top: 10px
	}
}

.fancybox-inner .ewallet-link-application-modal .screenshots .app {
	display: flex;
	flex-direction: column;
	justify-content: center
}

.fancybox-inner .ewallet-link-application-modal .screenshots .app img {
	border-radius: 15px;
	height: 450px;
	margin: 15px
}

@media screen and (max-width:1000px) {
	.fancybox-inner .ewallet-link-application-modal .screenshots .app img {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.fancybox-inner .ewallet-link-application-modal .screenshots .app img {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.fancybox-inner .ewallet-link-application-modal .screenshots .app img {
		border-radius: 7px
	}
}

@media screen and (max-width:700px) {
	.fancybox-inner .ewallet-link-application-modal .screenshots .app img {
		height: 300px
	}
}

@media screen and (max-width:500px) {
	.fancybox-inner .ewallet-link-application-modal .screenshots .app img {
		height: 238px;
		margin: 5px
	}
}

.fancybox-inner .ewallet-link-application-modal .screenshots .app .button {
	margin: 15px
}

@media screen and (max-width:500px) {
	.fancybox-inner .ewallet-link-application-modal .screenshots .app .button {
		margin: 5px
	}
}

.fancybox-inner .ewallet-link-ask-transfer-balance .available-balance {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 45px 0
}

.fancybox-inner .ewallet-link-ask-transfer-balance .available-balance h3 {
	margin-bottom: 0!important
}

.fancybox-inner .ewallet-link-ask-transfer-balance .available-balance .balance {
	font-weight: 700;
	font-size: 32px;
	color: #25de57
}

@media screen and (max-width:1000px) {
	.fancybox-inner .ewallet-link-ask-transfer-balance .available-balance .balance {
		font-size: 24px
	}
}

@media screen and (max-width:800px) {
	.fancybox-inner .ewallet-link-ask-transfer-balance .available-balance .balance {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.fancybox-inner .ewallet-link-ask-transfer-balance .available-balance .balance {
		font-size: 18px
	}
}

.fancybox-inner .ewallet-link-ask-transfer-balance .confirm {
	text-align: center
}

.fancybox-inner .ewallet-link-ask-transfer-balance .button {
	width: 100%;
	margin-top: 15px
}

.flying-coins {
	position: absolute;
	border-radius: 25px;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .6);
	background: #fcaf02;
	background: -moz-linear-gradient(top, #fcaf02 0, #fcaf02 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fcaf02), color-stop(100%, #fcaf02));
	background: -webkit-linear-gradient(top, #fcaf02, #fcaf02);
	background: -o-linear-gradient(top, #fcaf02 0, #fcaf02 100%);
	background: -ms-linear-gradient(top, #fcaf02 0, #fcaf02 100%);
	background-image: linear-gradient(180deg, #fcaf02 0, #fcaf02);
	box-shadow: inset 0 -3px 0 #bd8100, 3px 4px 7px rgba(0, 0, 0, .25);
	color: #fff;
	font-size: 18px;
	font-weight: 700
}

@media screen and (max-width:800px) {
	.flying-coins {
		font-size: 16px
	}
}

@media screen and (max-width:650px) {
	.flying-coins {
		font-size: 13px
	}
}

.faq-container {
	margin-top: 200px;
	max-width: 1200px;
	align-self: center;
	width: 100%;
	max-width: 800px
}

@media screen and (max-width:1000px) {
	.faq-container {
		margin-top: 150px
	}
}

@media screen and (max-width:600px) {
	.faq-container {
		margin-top: 130px
	}
}

.faq-container p {
	margin-bottom: 30px
}

.faq-container .faq {
	display: flex;
	flex-direction: column
}

.feedbacks-container {
	max-width: 2000px;
	align-self: center;
	width: 100%
}

.feedbacks-container.homepage {
	flex-direction: column;
	display: flex;
	flex-wrap: wrap
}

.feedbacks-container.homepage .listing-feedbacks {
	margin: -15px
}

@media screen and (max-width:1000px) {
	.feedbacks-container.homepage .listing-feedbacks {
		margin: -10px
	}
}

@media screen and (max-width:800px) {
	.feedbacks-container.homepage .listing-feedbacks {
		margin: -5px
	}
}

.feedbacks-container.homepage .listing-feedbacks .item {
	margin: 15px;
	width: calc(100% - 30px)
}

.feedbacks-container.homepage .listing-feedbacks .item:nth-child(n+6) {
	display: none
}

@media screen and (max-width:1000px) {
	.feedbacks-container.homepage .listing-feedbacks .item {
		margin: 10px;
		width: calc(100% - 20px)
	}
}

@media screen and (max-width:800px) {
	.feedbacks-container.homepage .listing-feedbacks .item {
		margin: 5px;
		width: calc(100% - 10px)
	}
}

@media screen and (max-width:1000px) {
	.feedbacks-container.homepage .listing-feedbacks .item:nth-child(n+5) {
		display: none
	}
}

@media screen and (max-width:650px) {
	.feedbacks-container.homepage .listing-feedbacks .item:nth-child(n+4) {
		display: none
	}
}

@media screen and (max-width:350px) {
	.feedbacks-container.homepage .listing-feedbacks .item:nth-child(n+3) {
		display: none
	}
}

.feedbacks-container.full,
.feedbacks-container.product {
	margin-top: 200px;
	max-width: 1200px;
	align-self: center;
	width: 100%
}

@media screen and (max-width:1000px) {
	.feedbacks-container.full,
	.feedbacks-container.product {
		margin-top: 150px
	}
}

@media screen and (max-width:600px) {
	.feedbacks-container.full,
	.feedbacks-container.product {
		margin-top: 130px
	}
}

.feedbacks-container.full .listing-feedbacks,
.feedbacks-container.product .listing-feedbacks {
	flex-wrap: wrap;
	margin: -15px -15px 60px
}

@media screen and (max-width:1000px) {
	.feedbacks-container.full .listing-feedbacks,
	.feedbacks-container.product .listing-feedbacks {
		margin: -10px
	}
}

@media screen and (max-width:800px) {
	.feedbacks-container.full .listing-feedbacks,
	.feedbacks-container.product .listing-feedbacks {
		margin: -5px
	}
}

.feedbacks-container.full .listing-feedbacks .item,
.feedbacks-container.product .listing-feedbacks .item {
	margin: 15px;
	width: calc(33.33333% - 30px)
}

@media screen and (max-width:1000px) {
	.feedbacks-container.full .listing-feedbacks .item,
	.feedbacks-container.product .listing-feedbacks .item {
		margin: 10px;
		width: calc(33.33333% - 20px)
	}
}

@media screen and (max-width:800px) {
	.feedbacks-container.full .listing-feedbacks .item,
	.feedbacks-container.product .listing-feedbacks .item {
		margin: 5px;
		width: calc(33.33333% - 10px)
	}
}

@media screen and (max-width:500px) {
	.feedbacks-container.full .listing-feedbacks .item,
	.feedbacks-container.product .listing-feedbacks .item {
		margin: 15px;
		width: calc(50% - 30px)
	}
}

@media screen and (max-width:500px) and (max-width:1000px) {
	.feedbacks-container.full .listing-feedbacks .item,
	.feedbacks-container.product .listing-feedbacks .item {
		margin: 10px;
		width: calc(50% - 20px)
	}
}

@media screen and (max-width:500px) and (max-width:800px) {
	.feedbacks-container.full .listing-feedbacks .item,
	.feedbacks-container.product .listing-feedbacks .item {
		margin: 5px;
		width: calc(50% - 10px)
	}
}

.feedbacks-container .listing-feedbacks {
	display: flex;
	justify-content: center;
	position: relative
}

.feedbacks-container .item {
	border-radius: 15px;
	background: var(--color-medium-dark);
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	overflow: hidden
}

@media screen and (max-width:1000px) {
	.feedbacks-container .item {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.feedbacks-container .item {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.feedbacks-container .item {
		border-radius: 7px
	}
}

@media screen and (max-width:1260px) {
	.feedbacks-container .item {
		padding: 15px
	}
}

@media screen and (max-width:700px) {
	.feedbacks-container .item {
		padding: 10px
	}
}

.feedbacks-container .item:hover .icon-close {
	opacity: 1;
	visibility: visible
}

.feedbacks-container .item picture {
	margin: -20px -20px 10px
}

@media screen and (max-width:1260px) {
	.feedbacks-container .item picture {
		margin: -15px -15px 10px
	}
}

@media screen and (max-width:700px) {
	.feedbacks-container .item picture {
		margin: -10px -10px 5px
	}
}

.feedbacks-container .item picture img {
	width: 100%
}

.feedbacks-container .item .icon-close {
	background-color: #ff0a4e;
	position: absolute;
	right: 20px;
	top: 20px;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transition: .2s
}

.feedbacks-container .item .user {
	display: flex
}

@media screen and (max-width:500px) {
	.feedbacks-container .item .user {
		justify-content: center;
		flex-direction: column;
		align-items: center
	}
}

.feedbacks-container .item .user .avatar {
	margin-right: 15px;
	height: 50px;
	width: 50px;
	flex: 0 0 50px
}

@media screen and (max-width:1260px) {
	.feedbacks-container .item .user .avatar {
		margin-right: 15px;
		height: 45px;
		width: 45px;
		flex: 0 0 45px
	}
}

@media screen and (max-width:500px) {
	.feedbacks-container .item .user .avatar {
		margin: 0 0 10px
	}
}

.feedbacks-container .item .user .info {
	display: flex;
	flex-direction: column;
	justify-content: center
}

.feedbacks-container .item .user .info .stars {
	/*background-image: url(/androidportalhtml/modules/feedback/images/stars-rating.svg);*/
	background-position: 0;
	background-repeat: no-repeat;
	background-size: cover;
	height: 12px;
	width: 80px;
	position: relative
}

@media screen and (max-width:1260px) {
	.feedbacks-container .item .user .info .stars {
		transform: scale(.8);
		margin-right: -10px;
		transform-origin: left
	}
}

.feedbacks-container .item .user .info .stars .rating {
	background-color: #fcaf02;
	position: absolute;
	height: 15px
}

.feedbacks-container .item .user .info .name {
	padding-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

@media screen and (max-width:1000px) {
	.feedbacks-container .item .user .info .name {
		padding-top: 5px
	}
}

@media screen and (max-width:500px) {
	.feedbacks-container .item .user .info .name {
		display: none
	}
}

.feedbacks-container .item .text {
	margin: 15px 0;
	line-height: 20px
}

.feedbacks-container .item .text:not(.in).readmore {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.feedbacks-container .item .text.readmore {
	cursor: pointer
}

@media screen and (max-width:700px) {
	.feedbacks-container .item .text {
		margin: 10px 0;
		line-height: normal
	}
}

@media screen and (max-width:500px) {
	.feedbacks-container .item .text {
		margin: 5px 0 0;
		text-align: center
	}
}

.feedbacks-container .item .time {
	font-size: 14px;
	margin-top: auto;
	display: flex;
	align-items: center;
	justify-content: space-between
}

@media screen and (max-width:1000px) {
	.feedbacks-container .item .time {
		font-size: 13px
	}
}

@media screen and (max-width:500px) {
	.feedbacks-container .item .time {
		display: none
	}
}

.feedbacks-container .feedback-bloc-template {
	display: none
}

.actions-footer {
	padding: 30px;
	background-color: var(--color-medium-dark);
	display: flex;
	flex-direction: column
}

@media screen and (max-width:1000px) {
	.actions-footer {
		padding: 20px
	}
}

@media screen and (max-width:400px) {
	.actions-footer {
		padding: 15px
	}
}

.actions-footer h3 {
	margin-bottom: 5px
}

.actions-footer span {
	margin-bottom: 30px;
	color: var(--color-light)
}

.actions-footer .subscribe {
	max-width: 1200px;
	align-self: center;
	width: 100%;
	display: flex
}

.actions-footer .subscribe .text {
	display: flex;
	align-items: center
}

.actions-footer .subscribe .text .icon-send {
	background-color: var(--color)
}

@media screen and (max-width:1000px) {
	.actions-footer .subscribe .text .icon-send {
		width: 30px;
		height: 30px;
		flex: 0 0 30px
	}
}

@media screen and (max-width:650px) {
	.actions-footer .subscribe .text .icon-send {
		width: 25px;
		height: 25px;
		flex: 0 0 25px
	}
}

@media screen and (max-width:650px) {
	.actions-footer.smaller {
		display: none
	}
}

.actions-footer.smaller .subscribe {
	justify-content: space-between
}

.actions-footer.smaller .subscribe .text {
	flex-direction: row;
	margin-right: 30px
}

.actions-footer.smaller .subscribe .text .icon-send {
	margin-right: 20px
}

.actions-footer:not(.smaller) h3 {
	font-size: 24px
}

@media screen and (max-width:1000px) {
	.actions-footer:not(.smaller) h3 {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.actions-footer:not(.smaller) h3 {
		font-size: 16px
	}
}

.actions-footer:not(.smaller) .subscribe {
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center
}

.actions-footer:not(.smaller) .subscribe .text {
	margin-bottom: 20px;
	flex-direction: column;
	align-items: center
}

@media screen and (max-width:1000px) {
	.actions-footer:not(.smaller) .subscribe .text {
		margin-bottom: 15px
	}
}

.actions-footer:not(.smaller) .subscribe .text .icon-send {
	margin-bottom: 20px
}

@media screen and (max-width:1000px) {
	.actions-footer:not(.smaller) .subscribe .text .icon-send {
		margin-bottom: 10px
	}
}

.footer-container {
	padding: 30px;
	background-color: var(--color-ultra-dark);
	display: flex;
	flex-direction: column;
	width: 100%;
	align-self: center;
	margin-bottom: 0!important
}

@media screen and (max-width:1000px) {
	.footer-container {
		padding: 20px
	}
}

@media screen and (max-width:400px) {
	.footer-container {
		padding: 15px
	}
}

@media screen and (max-width:500px) {
	.footer-container.on-product {
		padding-bottom: 60px
	}
}

.footer-container.on-product.on-app {
	padding-bottom: 120px
}

.footer-container .content {
	max-width: 1200px;
	align-self: center;
	display: flex;
	flex-direction: column;
	width: 100%
}

.footer-container .content .links {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid var(--color-dark)
}

@media screen and (max-width:1000px) {
	.footer-container .content .links {
		flex-direction: column;
		margin-bottom: 10px;
		padding-bottom: 10px
	}
}

.footer-container .content .links .logo-truspilot {
	display: flex;
	justify-content: space-between;
	flex-direction: column
}

@media screen and (max-width:1000px) {
	.footer-container .content .links .logo-truspilot {
		display: none
	}
}

.footer-container .content .links .logo-truspilot .trustpilot .trustpilot-logo {
	height: 34px;
	width: 140px;
	background-image: url(../images/trustpilot-logo.svg);
	background-size: 100%;
	margin: 0 auto 10px 0
}

.footer-container .content .links .logo-truspilot .trustpilot .trustpilot-stars {
	height: 26px;
	width: 140px;
	background-image: url(../images/trustpilot-stars.svg);
	background-size: 100%
}

.footer-container .content .links .list {
	display: flex;
	justify-content: space-between;
	flex-direction: column
}

@media screen and (max-width:1000px) {
	.footer-container .content .links .list {
		text-align: center;
		flex-direction: column;
		align-items: center;
		margin: 10px 0
	}
}

.footer-container .content .links .list li {
	display: flex;
	padding: 10px 0;
	align-items: center
}

.footer-container .content .links .list li:first-of-type {
	padding-top: 0
}

.footer-container .content .links .list li:last-of-type {
	padding-bottom: 0
}

@media screen and (max-width:1000px) {
	.footer-container .content .links .list li {
		padding: 5px 0
	}
}

.footer-container .content .links .list li a {
	display: flex;
	align-items: center
}

.footer-container .content .links .list li .icon-xs {
	background-color: var(--color);
	transition: 0s;
	margin-right: 10px
}

@media screen and (max-width:1000px) {
	.footer-container .content .links .list li .sublinks {
		margin: 0 10px
	}
}

.footer-container .content .links .medias {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-end
}

@media screen and (max-width:1000px) {
	.footer-container .content .links .medias {
		align-items: center
	}
}

.footer-container .content .links .medias span {
	text-align: right
}

.footer-container .content .links .medias .icons {
	display: flex;
	margin: -7px;
	justify-content: flex-end
}

@media screen and (max-width:1000px) {
	.footer-container .content .links .medias .icons {
		margin: 15px 0
	}
}

.footer-container .content .links .medias .icons a {
	transition: .1s;
	margin: 7px;
	flex-shrink: 0;
	padding: 15px
}

.footer-container .content .links .medias .icons a:hover {
	transform: scale(1.1)
}

@media screen and (max-width:1000px) {
	.footer-container .content .links .medias .icons a.socials-extension {
		display: none
	}
}

@-moz-document url-prefix("") {
	.footer-container .content .links .medias .icons a.socials-extension {
		display: none
	}
	.footer-container .content .links .medias .icons a.socials-extension.firefox {
		display: initial
	}
}

.footer-container .content .links .medias .icons a.socials-extension.firefox {
	display: none
}

@media screen and (max-width:1000px) {
	.footer-container .content .links .medias .icons a {
		margin: 5px;
		padding: 10px
	}
}

.footer-container .content .links .medias .apps {
	display: flex;
	margin-top: 30px
}

@media screen and (max-width:1000px) {
	.footer-container .content .links .medias .apps {
		margin: 10px
	}
}

.footer-container .content .links .medias .apps a:first-of-type {
	margin-right: 20px
}

@media screen and (max-width:400px) {
	.footer-container .content .links .medias .apps a:first-of-type {
		margin-right: 10px
	}
}

.footer-container .content .links .medias .apps a img {
	padding: 13px 21px;
	border: 2px solid hsla(0, 0%, 100%, .2);
	border-radius: 8px;
	height: 56px;
	transition: .2s
}

@media screen and (max-width:1000px) {
	.footer-container .content .links .medias .apps a img {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.footer-container .content .links .medias .apps a img {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.footer-container .content .links .medias .apps a img {
		border-radius: 5px
	}
}

.footer-container .content .links .medias .apps a img:hover {
	border: 2px solid #ff5400
}

body.neon .footer-container .content .links .medias .apps a img:hover {
	border: 2px solid #3483ff
}

@media screen and (max-width:400px) {
	.footer-container .content .links .medias .apps a img {
		height: 50px
	}
}

.footer-container .content .information {
	display: flex;
	justify-content: space-between;
	align-items: center
}

@media screen and (max-width:1000px) {
	.footer-container .content .information {
		flex-direction: column
	}
}

.footer-container .content .information .payment-logos {
	display: flex;
	align-items: center
}

@media screen and (max-width:1000px) {
	.footer-container .content .information .payment-logos {
		transform: scale(.7);
		margin: 10px
	}
}

.footer-container .content .information .payment-logos div {
	margin: 0 10px;
	background-repeat: no-repeat
}

.footer-container .content .information .payment-logos .icon-visa {
	width: 50px;
	height: 16px
}

.footer-container .content .information .payment-logos .icon-mastercard {
	width: 33px;
	height: 20px
}

.footer-container .content .information .payment-logos .icon-paypal {
	width: 70px;
	height: 19px
}

.footer-container .content .information .payment-logos .icon-paysafecard {
	width: 110px;
	height: 20px
}

.footer-container .content .information .payment-logos .icon-ideal {
	width: 33px;
	height: 29px
}

.footer-container .content .information .payment-logos .icon-bancontact {
	width: 40px;
	height: 25px
}

.footer-container .content .information .payment-logos .icon-belfius {
	width: 65px;
	height: 14px
}

.footer-container .content .information .payment-logos .icon-sofort {
	width: 65px;
	height: 16px
}

.footer-container .content .information .payment-logos .icon-multibanco {
	width: 30px;
	height: 35px
}

.footer-container .content .information .payment-logos .icon-cvs {
	width: 60px;
	height: 15px
}

.footer-container .content .information .payment-logos .icon-dollargeneral {
	width: 50px;
	height: 19px
}

.footer-container .content .information .payment-logos .icon-obucks {
	width: 65px;
	height: 22px
}

.footer-container .content .information .trustpilot-container {
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

.footer-container .content .information .trustpilot-container .text {
	margin-top: 10px
}

.footer-container .content .information .trustpilot-container .text span {
	font-weight: 700
}

.footer-container .content .information .trustpilot-container .text a {
	color: #fff;
	text-decoration: underline
}

.footer-container .content .information .trustpilot-container .trustpilot {
	display: flex;
	align-items: center
}

.footer-container .content .information .trustpilot-container .trustpilot .trustpilot-logo {
	height: 27px;
	width: 110px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-image: url(../images/trustpilot-logo.svg);
	background-size: 100%;
	margin: 0 15px 4px auto
}

.footer-container .content .information .trustpilot-container .trustpilot .trustpilot-stars {
	height: 26px;
	width: 140px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-image: url(../images/trustpilot-stars.svg);
	background-size: 100%
}

@media screen and (max-width:1000px) {
	.footer-container .content .information .copyright {
		display: none
	}
}

.footer-container .content .information .geo-selected {
	display: flex;
	align-items: center;
	cursor: pointer
}

@media screen and (max-width:1000px) {
	.footer-container .content .information .geo-selected {
		margin: 10px 0
	}
}

.footer-container .content .information .geo-selected:hover {
	color: var(--color)
}

.footer-container .content .information .geo-selected:hover .icon-location {
	background-color: var(--color)
}

.footer-container .content .information .geo-selected:hover .country {
	border-right: 1px solid rgba(255, 84, 0, .2)
}

body.neon .footer-container .content .information .geo-selected:hover .country {
	border-right: 1px solid rgba(255, 52, 109, .3)
}

.footer-container .content .information .geo-selected .icon-location {
	margin-right: 10px
}

.footer-container .content .information .geo-selected .country {
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid var(--color-medium)
}

.user-geo {
	display: none;
	flex-direction: column
}

.user-geo .currencies,
.user-geo .languages {
	margin: -15px;
	display: flex;
	flex-wrap: wrap
}

@media screen and (max-width:1000px) {
	.user-geo .currencies,
	.user-geo .languages {
		margin: -10px
	}
}

@media screen and (max-width:800px) {
	.user-geo .currencies,
	.user-geo .languages {
		margin: -5px
	}
}

.user-geo .currencies a,
.user-geo .languages a {
	font-size: 16px;
	border-radius: 8px;
	margin: 15px;
	width: calc(33.33333% - 30px);
	background-color: hsla(0, 0%, 100%, .02);
	padding: 15px;
	color: #fff;
	display: flex;
	transition: .2s;
	align-items: center
}

@media screen and (max-width:1000px) {
	.user-geo .currencies a,
	.user-geo .languages a {
		font-size: 15px
	}
}

@media screen and (max-width:650px) {
	.user-geo .currencies a,
	.user-geo .languages a {
		font-size: 13px
	}
}

@media screen and (max-width:1000px) {
	.user-geo .currencies a,
	.user-geo .languages a {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.user-geo .currencies a,
	.user-geo .languages a {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.user-geo .currencies a,
	.user-geo .languages a {
		border-radius: 5px
	}
}

@media screen and (max-width:1000px) {
	.user-geo .currencies a,
	.user-geo .languages a {
		margin: 10px;
		width: calc(33.33333% - 20px)
	}
}

@media screen and (max-width:800px) {
	.user-geo .currencies a,
	.user-geo .languages a {
		margin: 5px;
		width: calc(33.33333% - 10px)
	}
}

@media screen and (min-width:1000px) {
	.user-geo .currencies a,
	.user-geo .languages a {
		margin: 10px
	}
}

@media screen and (max-width:1000px) {
	.user-geo .currencies a,
	.user-geo .languages a {
		margin: 15px;
		width: calc(50% - 30px)
	}
}

@media screen and (max-width:1000px) and (max-width:1000px) {
	.user-geo .currencies a,
	.user-geo .languages a {
		margin: 10px;
		width: calc(50% - 20px)
	}
}

@media screen and (max-width:1000px) and (max-width:800px) {
	.user-geo .currencies a,
	.user-geo .languages a {
		margin: 5px;
		width: calc(50% - 10px)
	}
}

@media screen and (max-width:650px) {
	.user-geo .currencies a,
	.user-geo .languages a {
		padding: 10px
	}
}

.user-geo .currencies a.selected,
.user-geo .languages a.selected {
	box-shadow: inset 0 0 0 2px var(--color);
	background-color: rgba(16, 16, 16, .4)
}

body.neon .user-geo .currencies a.selected,
body.neon .user-geo .languages a.selected {
	background-color: rgba(0, 4, 33, .5)
}

.user-geo .currencies a:hover,
.user-geo .languages a:hover {
	box-shadow: inset 0 0 0 2px var(--color-light)
}

body.neon .user-geo .currencies a:hover,
body.neon .user-geo .languages a:hover {
	color: #fff;
	box-shadow: inset 0 0 0 2px #3483ff
}

.user-geo .currencies a .flag,
.user-geo .languages a .flag {
	margin-right: 15px
}

@media screen and (max-width:1000px) {
	.user-geo .currencies a .flag,
	.user-geo .languages a .flag {
		width: 20px;
		height: 20px
	}
}

body.impersonate .header-container {
	margin-top: 40px
}

body.impersonate .header-container.scrolled {
	margin-top: 0
}

body.impersonate div.impersonate {
	color: #fff;
	background-color: #ff0a4e;
	padding: 10px;
	text-align: center;
	font-weight: 700
}

body.fixed {
	overflow: hidden
}

.header-container {
	width: 100%;
	padding: 0 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 80px;
	position: fixed;
	top: 0;
	z-index: 2;
	background-color: transparent;
	transition: .2s
}

@media screen and (max-width:1000px) {
	.header-container {
		background-color: var(--color-ultra-dark);
		flex-direction: column;
		height: 85px
	}
}

.header-container.forced {
	background-color: var(--color-ultra-dark);
	height: 120px
}

.header-container.scrolled {
	background-color: var(--color-ultra-dark);
	z-index: 21
}

@media screen and (max-width:1000px) {
	.header-container.scrolled {
		height: 64px
	}
}

@media screen and (max-width:600px) {
	.header-container.scrolled {
		height: 56px
	}
}

@media screen and (max-width:1000px) {
	.header-container.scrolled .progress-steps {
		top: -32px
	}
}

@media screen and (max-width:600px) {
	.header-container.scrolled .progress-steps {
		top: -35px
	}
}

@media screen and (max-width:1000px) {
	.header-container.scrolled .logo-ig {
		top: -52px;
		position: relative
	}
}

.header-container.scrolled .menu {
	height: 58px;
	top: -25px
}

@media screen and (max-width:1000px) {
	.header-container.scrolled .menu {
		top: -38px
	}
}

.header-container.scrolled .menu .trendings {
	opacity: 0;
	transition: 0s
}

.header-container.scrolled .menu .product-menu {
	margin: 0;
	width: 503px
}

@media screen and (max-width:1000px) {
	.header-container.scrolled .menu .product-menu {
		width: 370px
	}
}

@media screen and (max-width:600px) {
	.header-container.scrolled .menu .product-menu {
		width: 305px
	}
}

.header-container.scrolled .menu .product-menu .glossy {
	opacity: 0
}

.header-container.scrolled .menu .product-menu .links {
	padding: 0 53px 0 0
}

@media screen and (max-width:1000px) {
	.header-container.scrolled .menu .product-menu .links {
		padding-left: 30px
	}
}

@media screen and (max-width:600px) {
	.header-container.scrolled .menu .product-menu .links {
		padding-left: 10px
	}
}

.header-container.scrolled .menu .product-menu .links .nav .access {
	padding: 16px 15px 54px
}

@media screen and (max-width:600px) {
	.header-container.scrolled .menu .product-menu .links .nav .access {
		padding: 11px
	}
}

.header-container.scrolled .menu .product-menu .links .nav .access .icon-xs {
	display: none
}

@media screen and (max-width:1000px) {
	.header-container.scrolled .menu .product-menu .links .nav .access .icon-xs {
		display: flex
	}
}

@media screen and (max-width:1000px) {
	.header-container.scrolled .menu .product-menu .links .nav .nav-panel {
		top: 65px
	}
}

@media screen and (max-width:600px) {
	.header-container.scrolled .menu .product-menu .links .nav .nav-panel {
		top: 57px
	}
}

.header-container.scrolled .menu .product-menu .ig-search.search-clear .search-input {
	padding-left: 45px
}

.header-container.scrolled .menu .product-menu .ig-search.search-clear .close-icon {
	left: 15px;
	top: -16px
}

@media screen and (max-width:1000px) {
	.header-container.scrolled .menu .product-menu .ig-search.search-clear .close-icon {
		top: -37px
	}
}

@media screen and (max-width:600px) {
	.header-container.scrolled .menu .product-menu .ig-search.search-clear .close-icon {
		top: 0
	}
}

.header-container.scrolled .menu .product-menu .ig-search .search-input {
	height: 50px;
	width: 50px
}

.header-container.scrolled .menu .product-menu .ig-search .search-input.wide {
	width: 100%
}

.header-container.scrolled .menu .product-menu .ig-search .search-input::placeholder {
	font-size: 16px
}

@media screen and (max-width:1000px) {
	.header-container.scrolled .menu .product-menu .ig-search .search-input::placeholder {
		font-size: 15px
	}
}

@media screen and (max-width:650px) {
	.header-container.scrolled .menu .product-menu .ig-search .search-input::placeholder {
		font-size: 13px
	}
}

@media screen and (max-width:1000px) {
	.header-container.scrolled .menu .product-menu .ig-search .search-input {
		margin: 0
	}
}

@media screen and (max-width:600px) {
	.header-container.scrolled .menu .product-menu .ig-search .search-input {
		height: 42px;
		width: 42px;
        margin-top:20px;
	}
}

@media screen and (max-width:1000px) {
	.header-container.scrolled .login-container {
		opacity: 0;
		visibility: hidden
	}
}

.header-container .browse-back {
	position: absolute;
	left: 15px;
	top: 30px;
	transform: rotate(180deg);
	transition: .2s;
	display: none
}

@media screen and (max-width:600px) {
	.header-container .browse-back {
		top: 17px;
		left: 10px
	}
}

.header-container .browse-back:active {
	opacity: .3
}

.header-container .browse-back .icon-arrow {
	background-color: var(--color)
}

.header-container .logo-ig {
	opacity: 1;
	visibility: visible;
	transition: .3s;
	z-index: 1
}

@media screen and (max-width:1000px) {
	.header-container .logo-ig {
		margin: 15px 0 0;
		flex: 0 0 30px
	}
}

.header-container .progress-steps {
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 25px;
	transition: .2s;
	top: 0
}

@media screen and (max-width:1000px) {
	.header-container .progress-steps {
		margin-bottom: 40px
	}
}

.header-container .progress-steps .step {
	font-size: 16px;
	position: relative;
	box-shadow: 0 0 0 3px #ff5400;
	color: #ff5400;
	border-radius: 100px;
	height: 25px;
	width: 25px;
	display: flex;
	align-items: center;
	justify-content: center
}

@media screen and (max-width:1000px) {
	.header-container .progress-steps .step {
		font-size: 15px
	}
}

@media screen and (max-width:650px) {
	.header-container .progress-steps .step {
		font-size: 13px
	}
}

body.neon .header-container .progress-steps .step {
	box-shadow: 0 0 0 3px #3483ff;
	color: #3483ff
}

.header-container .progress-steps .step.active {
	background-color: #ff5400
}

body.neon .header-container .progress-steps .step.active {
	background-color: #3483ff
}

.header-container .progress-steps .step.inactive {
	box-shadow: 0 0 0 3px var(--color-medium-dark)
}

body.neon .header-container .progress-steps .step.inactive {
	box-shadow: 0 0 0 3px #1f254a
}

@media screen and (max-width:1000px) {
	.header-container .progress-steps .step {
		height: 15px;
		width: 15px
	}
}

.header-container .progress-steps .step .icon-check {
	background-color: var(--color-ultra-dark)
}

@media screen and (max-width:1000px) {
	.header-container .progress-steps .step .icon-check {
		transform: scale(.8)
	}
}

.header-container .progress-steps .step .text {
	position: absolute;
	white-space: nowrap;
	top: 37px;
	color: #fff
}

@media screen and (max-width:1000px) {
	.header-container .progress-steps .step .text {
		top: 25px
	}
}

.header-container .progress-steps .spacer {
	width: 200px;
	height: 4px;
	background-color: #ff5400
}

@media screen and (max-width:650px) {
	.header-container .progress-steps .spacer {
		width: 100px
	}
}

@media screen and (max-width:450px) {
	.header-container .progress-steps .spacer {
		width: 80px
	}
}

body.neon .header-container .progress-steps .spacer {
	background-color: #3483ff
}

.header-container .progress-steps .spacer.inactive {
	background-color: var(--color-medium-dark)
}

body.neon .header-container .progress-steps .spacer.inactive {
	background-color: #1f254a
}

.header-container .secure {
	display: flex;
	align-items: center;
	margin-right: 40px
}

@media screen and (max-width:1000px) {
	.header-container .secure {
		display: none
	}
}

.header-container .secure .icon-security {
	background-color: #25de57;
	margin-right: 10px
}

.header-container .menu {
	display: flex;
	align-items: center;
	position: absolute;
	transform: translateX(-50%);
	left: 50%;
	flex-direction: column;
	transition: .2s;
	top: 0;
	transition-timing-function: cubic-bezier(0, 0, 0, 1);
	z-index: 2
}

@media screen and (max-width:1000px) {
	.header-container .menu {
		top: 15px;
		position: relative;
		transform: none;
		left: auto
	}
}

.header-container .menu .trendings {
	display: flex;
	position: relative;
	transition: .5s;
	height: 5vh;
	max-height: 60px;
	min-height: 40px;
	align-items: center
}

@media screen and (max-width:1000px) {
	.header-container .menu .trendings {
		display: none
	}
}

.header-container .menu .trendings .links {
	font-size: 16px;
	color: #fff;
	font-weight: 400;
	margin: 0 20px;
	white-space: nowrap;
	opacity: .8
}

@media screen and (max-width:1000px) {
	.header-container .menu .trendings .links {
		font-size: 15px
	}
}

@media screen and (max-width:650px) {
	.header-container .menu .trendings .links {
		font-size: 13px
	}
}

.header-container .menu .trendings .links:first-of-type {
	margin-left: 0
}

.header-container .menu .trendings .links:last-of-type {
	margin-right: 0
}

.header-container .menu .trendings .links:hover {
	opacity: 1
}

.header-container .menu .trendings .separation {
	border-right: 1px solid #fff;
	margin: 0 20px;
	opacity: .5;
	height: 20px
}

@media screen and (max-width:1300px) {
	.header-container .menu .trendings .separation {
		display: none
	}
}

.header-container .menu .product-menu {
	display: flex;
	position: relative;
	transition: .2s;
	width: 625px    
}

@media screen and (max-width:1000px) {
	.header-container .menu .product-menu {
		width: 370px
	}
}

@media screen and (max-width:600px) {
	.header-container .menu .product-menu {
		width: 305px
	}
}

.header-container .menu .product-menu .glossy {
	background-color: var(--color-medium);
	border-radius: 35px;
	position: absolute;
	transition: .2s;
	opacity: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.header-container .menu .product-menu .glossy.inactive {
	opacity: 0
}

.header-container .menu .product-menu .glossy.backdrop {
	backdrop-filter: blur(60px) saturate(100%);
	-webkit-backdrop-filter: blur(60px) saturate(100%);
	background-color: rgba(39, 39, 39, .15)
}

@-moz-document url-prefix("") {
	body.neon .header-container .menu .product-menu .glossy.backdrop {
		background-color: #2b305c
	}
}

@-moz-document url-prefix("") {
	.header-container .menu .product-menu .glossy.backdrop {
		background-color: var(--color-medium)
	}
}

.header-container .menu .product-menu .glossy.backdrop label.checkbox .checkmark,
.header-container .menu .product-menu .glossy.backdrop label.checkbox .slider,
.header-container .menu .product-menu .glossy.backdrop label.radio-button .checkmark,
.header-container .menu .product-menu .glossy.backdrop label.radio-button .slider,
.header-container .menu .product-menu .glossy.backdrop label.toggle .checkmark,
.header-container .menu .product-menu .glossy.backdrop label.toggle .slider {
	box-shadow: none
}

.header-container .menu .product-menu .links {
	display: flex;
	padding-left: 30px;
	transition: opacity .2s;
	z-index: 1;
	width: 100%
}

@media screen and (min-width:1000px) {
	.header-container .menu .product-menu .links {
		margin-bottom: -21px
	}
}

@media screen and (max-width:600px) {
	.header-container .menu .product-menu .links {
		padding-left: 10px
	}
}

.header-container .menu .product-menu .links.inactive {
	opacity: 0
}

.header-container .menu .product-menu .links .nav {
	display: flex;
	flex-direction: column;
	position: static
}

.header-container .menu .product-menu .links .nav img {
	height: 7px;
	width: 12px;
	opacity: .3;
	transition: .2s
}

@media screen and (max-width:500px) {
	.header-container .menu .product-menu .links .nav img {
		opacity: 1
	}
}

.header-container .menu .product-menu .links .nav:hover img {
	opacity: 1
}

.header-container .menu .product-menu .links .nav.active {
	z-index: 11
}

.header-container .menu .product-menu .links .nav.active .access {
	z-index: 12
}

.header-container .menu .product-menu .links .nav.active .access .icon-arrow {
	opacity: 1
}

.header-container .menu .product-menu .links .nav.active .nav-panel {
	display: flex
}

.header-container .menu .product-menu .links .nav .access {
	display: flex;
	align-items: center;
	color: #fff;
	padding: 23px 15px 44px
}

.header-container .menu .product-menu .links .nav .access:hover {
	color: #fff
}

.header-container .menu .product-menu .links .nav .access:hover .icon-arrow {
	opacity: 1
}

@media screen and (max-width:1000px) {
	.header-container .menu .product-menu .links .nav .access {
		padding: 15px
	}
}

@media screen and (max-width:600px) {
	.header-container .menu .product-menu .links .nav .access {
		padding: 11px
	}
}

.header-container .menu .product-menu .links .nav .title {
	margin: 0 10px
}

@media screen and (max-width:1000px) {
	.header-container .menu .product-menu .links .nav .title {
		display: none
	}
}

.header-container .menu .product-menu .links .nav .icon-arrow {
	transform: rotate(90deg);
	opacity: .4
}

@media screen and (max-width:1000px) {
	.header-container .menu .product-menu .links .nav .icon-arrow {
		margin-left: 10px
	}
}

.header-container .menu .product-menu .links .nav .nav-panel {
	box-shadow: 0 0 0 1500px rgba(16, 16, 16, .6);
	border-radius: 15px;
	display: none;
	text-shadow: none;
	margin: 40px 0 30px;
	transition: .2s;
	position: absolute;
	top: 43px;
	width: 100%;
	left: 50%;
	transform: translate(-50%)
}

body.neon .header-container .menu .product-menu .links .nav .nav-panel {
	box-shadow: 0 0 0 1500px rgba(0, 4, 33, .6)
}

@media screen and (max-width:1000px) {
	.header-container .menu .product-menu .links .nav .nav-panel {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.header-container .menu .product-menu .links .nav .nav-panel {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.header-container .menu .product-menu .links .nav .nav-panel {
		border-radius: 7px
	}
}

@media screen and (max-width:1000px) {
	.header-container .menu .product-menu .links .nav .nav-panel {
		position: fixed;
		width: 100%;
		top: 110px;
		margin: auto;
		max-width: 500px
	}
}

@media screen and (max-width:600px) {
	.header-container .menu .product-menu .links .nav .nav-panel {
		top: 103px
	}
}

.header-container .menu .product-menu .links .nav .nav-panel .content {
	padding: 20px;
	width: 100%;
	position: relative
}

@media screen and (max-width:700px) {
	.header-container .menu .product-menu .links .nav .nav-panel .content {
		padding: 15px
	}
}

.header-container .menu .product-menu .links .nav .nav-panel .content .gloss {
	border-radius: 15px;
	backdrop-filter: blur(60px) saturate(100%);
	-webkit-backdrop-filter: blur(60px) saturate(100%);
	background-color: rgba(39, 39, 39, .15);
	position: fixed;
	top: -1px;
	bottom: -1px;
	left: -1px;
	right: -1px;
	z-index: -1
}

@media screen and (max-width:1000px) {
	.header-container .menu .product-menu .links .nav .nav-panel .content .gloss {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.header-container .menu .product-menu .links .nav .nav-panel .content .gloss {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.header-container .menu .product-menu .links .nav .nav-panel .content .gloss {
		border-radius: 7px
	}
}

@-moz-document url-prefix("") {
	body.neon .header-container .menu .product-menu .links .nav .nav-panel .content .gloss {
		background-color: #2b305c
	}
}

@-moz-document url-prefix("") {
	.header-container .menu .product-menu .links .nav .nav-panel .content .gloss {
		background-color: var(--color-medium)
	}
}

.header-container .menu .product-menu .links .nav .nav-panel .content .gloss label.checkbox .checkmark,
.header-container .menu .product-menu .links .nav .nav-panel .content .gloss label.checkbox .slider,
.header-container .menu .product-menu .links .nav .nav-panel .content .gloss label.radio-button .checkmark,
.header-container .menu .product-menu .links .nav .nav-panel .content .gloss label.radio-button .slider,
.header-container .menu .product-menu .links .nav .nav-panel .content .gloss label.toggle .checkmark,
.header-container .menu .product-menu .links .nav .nav-panel .content .gloss label.toggle .slider {
	box-shadow: none
}

.header-container .menu .product-menu .links .nav .nav-panel .content h2 {
	border-radius: 8px;
	font-size: 16px;
	color: #fff;
	margin: 20px 0;
	background: rgba(16, 16, 16, .3);
	padding: 8px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center
}

@media screen and (max-width:1000px) {
	.header-container .menu .product-menu .links .nav .nav-panel .content h2 {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.header-container .menu .product-menu .links .nav .nav-panel .content h2 {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.header-container .menu .product-menu .links .nav .nav-panel .content h2 {
		border-radius: 5px
	}
}

@media screen and (max-width:1000px) {
	.header-container .menu .product-menu .links .nav .nav-panel .content h2 {
		font-size: 15px
	}
}

@media screen and (max-width:650px) {
	.header-container .menu .product-menu .links .nav .nav-panel .content h2 {
		font-size: 13px
	}
}

body.neon .header-container .menu .product-menu .links .nav .nav-panel .content h2 {
	background: rgba(0, 4, 33, .3)
}

@media screen and (max-width:500px) {
	.header-container .menu .product-menu .links .nav .nav-panel .content h2 {
		margin: 10px 0
	}
}

.header-container .menu .product-menu .links .nav .nav-panel .content h2:first-of-type {
	margin-top: 0
}

@-moz-document url-prefix("") {
	.header-container .menu .product-menu .links .nav .nav-panel .content h2 {
		background: #696969
	}
}

.header-container .menu .product-menu .links .nav .nav-panel .content h2 a {
	font-size: 14px;
	font-weight: 400;
	color: #fff
}

@media screen and (max-width:1000px) {
	.header-container .menu .product-menu .links .nav .nav-panel .content h2 a {
		font-size: 13px
	}
}

.header-container .menu .product-menu .links .nav .nav-panel .content h2 a:hover {
	color: var(--color)
}

.header-container .menu .product-menu .links .nav .nav-panel .content .container {
	margin: 0 10px;
	flex-wrap: wrap;
	justify-content: center
}

@media screen and (max-width:500px) {
	.header-container .menu .product-menu .links .nav .nav-panel .content .container {
		margin: 0 5px
	}
}

.header-container .menu .product-menu .links .nav .nav-panel .content .container.platforms .platform {
	margin-right: 10px
}

@media screen and (max-width:500px) {
	.header-container .menu .product-menu .links .nav .nav-panel .content .container.platforms .platform .icon-s {
		width: 18px;
		height: 18px;
		flex: 0 0 18px
	}
}

.header-container .menu .product-menu .links .nav .nav-panel .content .container.platforms .badge {
	margin-right: 8px
}

.header-container .menu .product-menu .links .nav .nav-panel .content .container.prepaid {
	margin: 0;
	display: flex;
	justify-content: center
}

.header-container .menu .product-menu .links .nav .nav-panel .content .container.prepaid a {
	flex-direction: column;
	width: 33.33333%;
	padding: 5px;
	border-radius: 8px
}

@media screen and (max-width:1000px) {
	.header-container .menu .product-menu .links .nav .nav-panel .content .container.prepaid a {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.header-container .menu .product-menu .links .nav .nav-panel .content .container.prepaid a {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.header-container .menu .product-menu .links .nav .nav-panel .content .container.prepaid a {
		border-radius: 5px
	}
}

.header-container .menu .product-menu .links .nav .nav-panel .content .container.prepaid a:first-of-type {
	margin-left: 0
}

.header-container .menu .product-menu .links .nav .nav-panel .content .container.prepaid a:last-of-type {
	margin-right: 0
}

@media screen and (max-width:350px) {
	.header-container .menu .product-menu .links .nav .nav-panel .content .container.prepaid a {
		width: 50%
	}
}

.header-container .menu .product-menu .links .nav .nav-panel .content .container.prepaid a .icone {
	margin-bottom: 10px;
	background-size: 100%;
	height: 50px;
	background-repeat: no-repeat;
	background-position: 50%
}

@media screen and (max-width:500px) {
	.header-container .menu .product-menu .links .nav .nav-panel .content .container.prepaid a .icone {
		height: 30px;
		margin-bottom: 5px
	}
}

.header-container .menu .product-menu .links .nav .nav-panel .content .container.prepaid a .icone.pc-steam-gift {
	background-image: url(/androidportalhtml/modules/header/images/pc-steam-gift.svg);
	width: 100px
}

@media screen and (max-width:500px) {
	.header-container .menu .product-menu .links .nav .nav-panel .content .container.prepaid a .icone.pc-steam-gift {
		width: 64px
	}
}

.header-container .menu .product-menu .links .nav .nav-panel .content .container.prepaid a .icone.pc-ig-gift {
	background-image: url(/androidportalhtml/modules/header/images/pc-ig-gift.svg);
	width: 100px
}

@media screen and (max-width:500px) {
	.header-container .menu .product-menu .links .nav .nav-panel .content .container.prepaid a .icone.pc-ig-gift {
		width: 64px
	}
}

.header-container .menu .product-menu .links .nav .nav-panel .content .container.prepaid a .icone.nintendo-eshop {
	background-image: url(/androidportalhtml/modules/header/images/nintendo-eshop.svg);
	width: 94px
}

@media screen and (max-width:500px) {
	.header-container .menu .product-menu .links .nav .nav-panel .content .container.prepaid a .icone.nintendo-eshop {
		width: 50px
	}
}

.header-container .menu .product-menu .links .nav .nav-panel .content .container.prepaid a .icone.nintendo-online {
	background-image: url(/androidportalhtml/modules/header/images/nintendo-online.svg);
	width: 110px
}

@media screen and (max-width:500px) {
	.header-container .menu .product-menu .links .nav .nav-panel .content .container.prepaid a .icone.nintendo-online {
		width: 65px
	}
}

.header-container .menu .product-menu .links .nav .nav-panel .content .container.prepaid a .icone.ps-plus {
	background-image: url(/androidportalhtml/modules/header/images/ps-plus.svg);
	width: 49px
}

@media screen and (max-width:500px) {
	.header-container .menu .product-menu .links .nav .nav-panel .content .container.prepaid a .icone.ps-plus {
		width: 29px
	}
}

.header-container .menu .product-menu .links .nav .nav-panel .content .container.prepaid a .icone.ps-store {
	background-image: url(/androidportalhtml/modules/header/images/ps-store.svg);
	width: 39px
}

@media screen and (max-width:500px) {
	.header-container .menu .product-menu .links .nav .nav-panel .content .container.prepaid a .icone.ps-store {
		width: 23px
	}
}

.header-container .menu .product-menu .links .nav .nav-panel .content .container.prepaid a .icone.xbox-gold {
	background-image: url(/androidportalhtml/modules/header/images/xbox-gold.svg);
	width: 85px
}

@media screen and (max-width:500px) {
	.header-container .menu .product-menu .links .nav .nav-panel .content .container.prepaid a .icone.xbox-gold {
		width: 50px
	}
}

.header-container .menu .product-menu .links .nav .nav-panel .content .container.prepaid a .icone.xbox-game {
	background-image: url(/androidportalhtml/modules/header/images/xbox-game.svg);
	width: 98px
}

@media screen and (max-width:500px) {
	.header-container .menu .product-menu .links .nav .nav-panel .content .container.prepaid a .icone.xbox-game {
		width: 62px
	}
}

.header-container .menu .product-menu .links .nav .nav-panel .content .container.prepaid a .icone.xbox-gift {
	background-image: url(/androidportalhtml/modules/header/images/xbox-gift.svg);
	width: 43px
}

@media screen and (max-width:500px) {
	.header-container .menu .product-menu .links .nav .nav-panel .content .container.prepaid a .icone.xbox-gift {
		width: 26px
	}
}

.header-container .menu .product-menu .links .nav .nav-panel .content .container.prepaid a span {
	text-align: center
}

.header-container .menu .product-menu .links .nav .nav-panel .content .container.listings a {
	padding: 6px 10px;
	width: calc(100% - 20px)
}

@media screen and (max-width:500px) {
	.header-container .menu .product-menu .links .nav .nav-panel .content .container.listings a {
		padding: 2px 0
	}
}

.header-container .menu .product-menu .links .nav .nav-panel .content .container a {
	display: flex;
	align-items: center;
	color: #fff;
	width: 33.33333%;
	padding: 7px 5px;
	border-radius: 25px
}

@media screen and (max-width:500px) {
	.header-container .menu .product-menu .links .nav .nav-panel .content .container a {
		padding: 3px 0
	}
}

@media screen and (max-width:380px) {
	.header-container .menu .product-menu .links .nav .nav-panel .content .container a {
		width: 50%
	}
}

.header-container .menu .product-menu .links .nav .nav-panel .content .container a:hover {
	background: rgba(16, 16, 16, .3)
}

body.neon .header-container .menu .product-menu .links .nav .nav-panel .content .container a:hover {
	background: rgba(0, 4, 33, .3)
}

.header-container .menu .product-menu .links .nav .nav-panel .content .button {
	margin-top: 30px;
	width: 100%
}

@media screen and (max-width:500px) {
	.header-container .menu .product-menu .links .nav .nav-panel .content .button {
		margin-top: 20px
	}
}

.header-container .menu .product-menu .links .nav .nav-panel .content ul.container li {
	list-style-type: none
}

.header-container .menu .product-menu .links .nav .nav-panel .content ul.container li a {
	width: 100%
}

.orders,
.orders .container {
	display: flex;
	flex-direction: column;
	width: 100%
}

.orders .container {
	justify-content: center
}

.orders .container .title-block {
	margin-bottom: 20px
}

.orders .container .empty {
	border-radius: 8px;
	font-size: 16px;
	display: flex;
	align-items: center;
	background: var(--color-medium-dark);
	padding: 20px 30px;
	justify-content: center
}

@media screen and (max-width:1000px) {
	.orders .container .empty {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.orders .container .empty {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.orders .container .empty {
		border-radius: 5px
	}
}

@media screen and (max-width:1000px) {
	.orders .container .empty {
		font-size: 15px
	}
}

@media screen and (max-width:650px) {
	.orders .container .empty {
		font-size: 13px
	}
}

.orders .container .unit {
	margin-bottom: 50px
}

@media screen and (max-width:600px) {
	.orders .container .unit {
		margin-bottom: 30px
	}
}

.orders .container .unit .order {
	border-radius: 15px;
	background-color: var(--color-medium-dark)!important;
	padding: 30px;
	position: relative;
	display: flex;
	flex-direction: column;
	transition: .2s
}

@media screen and (max-width:1000px) {
	.orders .container .unit .order {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.orders .container .unit .order {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.orders .container .unit .order {
		border-radius: 7px
	}
}

@media screen and (max-width:1000px) {
	.orders .container .unit .order {
		padding: 20px
	}
}

.orders .container .unit .order:hover {
	transform: scale(1.03)
}

@media screen and (max-width:1000px) {
	.orders .container .unit .order:hover {
		transform: none
	}
}

.orders .container .unit .order.completed .status {
	background-color: rgba(37, 222, 87, .1);
	color: #25de57
}

.orders .container .unit .order.refunded .status {
	background-color: rgba(52, 131, 255, .1);
	color: #3483ff
}

.orders .container .unit .order.pending .status {
	background-color: rgba(252, 175, 2, .1);
	color: #fcaf02
}

.orders .container .unit .order.progress .status {
	background-color: var(--color-very-dark);
	color: var(--color-very-light)
}

.orders .container .unit .order.error .status {
	background-color: rgba(255, 10, 78, .1);
	color: #ff0a4e
}

.orders .container .unit .order .button {
	align-self: center
}

.orders .container .unit .order .status {
	padding: 10px 15px;
	border-radius: 0 15px;
	position: absolute;
	top: 0;
	right: 0
}

@media screen and (max-width:600px) {
	.orders .container .unit .order .status {
		padding: 7px 15px;
		font-size: 11px
	}
}

@media screen and (max-width:400px) {
	.orders .container .unit .order .status {
		padding: 5px 10px
	}
}

.orders .container .unit .order .games .game {
	display: flex;
	align-items: center;
	border-bottom: 1px solid rgba(104, 197, 255, .1);
	margin-bottom: 20px;
	padding-bottom: 20px
}

.orders .container .unit .order .games .game:last-of-type {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0
}

@media screen and (max-width:600px) {
	.orders .container .unit .order .games .game {
		flex-direction: column
	}
}

@media screen and (max-width:400px) {
	.orders .container .unit .order .games .game {
		margin-bottom: 10px;
		padding-bottom: 10px
	}
}

.orders .container .unit .order .games .game.giftcard .details .name:after,
.orders .container .unit .order .games .game.preorder .details .name:before {
	content: "";
	width: 26px;
	height: 26px;
	border-radius: 100px;
	margin-right: 7px;
	order: -1;
	background-repeat: no-repeat;
	background-position: 50%;
	padding: 2px;
	flex-shrink: 0
}

@media screen and (max-width:600px) {
	.orders .container .unit .order .games .game.giftcard .details .name:after,
	.orders .container .unit .order .games .game.preorder .details .name:before {
		width: 15px;
		height: 15px;
		margin-right: 5px
	}
}

.orders .container .unit .order .games .game.preorder .details .name:before {
	background-size: 20px;
	background-image: url(/androidportalhtml/modules/history/images/icon-clock.svg);
	background-color: rgba(52, 131, 255, .1)
}

@media screen and (max-width:600px) {
	.orders .container .unit .order .games .game.preorder .details .name:before {
		background-size: 15px
	}
}

.orders .container .unit .order .games .game.giftcard .details .name:after {
	background-size: 18px;
	background-image: url(/androidportalhtml/modules/history/images/icon-gift.svg);
	background-color: rgba(255, 84, 0, .1)
}

@media screen and (max-width:600px) {
	.orders .container .unit .order .games .game.giftcard .details .name:after {
		background-size: 11px
	}
}

.orders .container .unit .order .games .game .cover {
	max-width: 250px;
	width: 100%;
	margin-right: 20px;
	display: flex;
	flex-shrink: 0;
	position: relative;
	align-items: center
}

@media screen and (max-width:600px) {
	.orders .container .unit .order .games .game .cover {
		margin-right: 0
	}
}

.orders .container .unit .order .games .game .cover img {
	width: 100%;
	border-radius: 8px
}

@media screen and (max-width:1000px) {
	.orders .container .unit .order .games .game .cover img {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.orders .container .unit .order .games .game .cover img {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.orders .container .unit .order .games .game .cover img {
		border-radius: 5px
	}
}

.orders .container .unit .order .games .game .cover .dlc {
	position: absolute;
	width: 40%
}

.orders .container .unit .order .games .game .details {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	color: var(--color-light)
}

@media screen and (max-width:600px) {
	.orders .container .unit .order .games .game .details {
		align-items: center
	}
}

.orders .container .unit .order .games .game .details span {
	display: block
}

.orders .container .unit .order .games .game .details .name {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	color: #fff
}

@media screen and (max-width:1000px) {
	.orders .container .unit .order .games .game .details .name {
		font-size: 16px
	}
}

@media screen and (max-width:600px) {
	.orders .container .unit .order .games .game .details .name {
		margin: 20px 0 10px;
		text-align: center;
		flex-direction: column
	}
}

@media screen and (max-width:400px) {
	.orders .container .unit .order .games .game .details .name {
		font-size: 14px
	}
}

@media screen and (max-width:400px) and (max-width:1000px) {
	.orders .container .unit .order .games .game .details .name {
		font-size: 13px
	}
}

.orders .container .unit .order .games .game .details .name .dlc {
	font-size: 16px;
	color: var(--color);
	margin-right: 10px;
	margin-top: 1px
}

@media screen and (max-width:1000px) {
	.orders .container .unit .order .games .game .details .name .dlc {
		font-size: 15px
	}
}

@media screen and (max-width:650px) {
	.orders .container .unit .order .games .game .details .name .dlc {
		font-size: 13px
	}
}

.orders .container .unit .order .games .game .details .system {
	margin-bottom: 5px
}

.orders .container .unit .order .games .game .view {
	margin-left: auto;
	font-weight: 700;
	text-decoration: underline
}

.orders .container .unit .order .games .game .view.button {
	border-radius: 20px;
	padding: 11px 20px;
	text-decoration: none
}

.orders .container .unit .order .games .game .state {
	margin-left: auto;
	display: flex;
	align-items: center;
	justify-content: right
}

@media screen and (max-width:600px) {
	.orders .container .unit .order .games .game .state {
		flex-direction: column;
		align-items: flex-end
	}
}

.orders .container .unit .order .games .game .state .price {
	color: var(--color-light)
}

.orders .container .unit .order .games .game .state .price.credited {
	color: #3483ff
}

.orders .container .unit .order .games .game .state .refunded,
.orders .container .unit .order .games .game .state .replaced {
	color: #3483ff;
	margin-left: 10px;
	text-align: right
}

.orders .container .unit .order .games .game .state .replaced {
	color: #25de57
}

.orders .container .unit .order .taxes {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid hsla(0, 0%, 100%, .1);
	margin-top: 20px;
	padding-top: 20px;
	color: var(--color-light)
}

@media screen and (max-width:1000px) {
	.orders .container .unit .order .taxes {
		border-bottom: 1px solid hsla(0, 0%, 100%, .1);
		padding-bottom: 15px
	}
}

.orders .container .unit .order .taxes span {
	display: block
}

.orders .container .unit .order .taxes .subinfo {
	line-height: 22px
}

.orders .container .unit .order .taxes .subinfo .total {
	font-size: 24px;
	font-weight: 700;
	margin-top: 10px;
	color: #fff
}

@media screen and (max-width:1000px) {
	.orders .container .unit .order .taxes .subinfo .total {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.orders .container .unit .order .taxes .subinfo .total {
		font-size: 16px
	}
}

.orders .container .unit .order .taxes .numbers {
	text-align: right;
	line-height: 22px
}

.orders .container .unit .order .taxes .numbers .fees,
.orders .container .unit .order .taxes .numbers .tax {
	font-weight: 700
}

.orders .container .unit .order .taxes .numbers .fees>span,
.orders .container .unit .order .taxes .numbers .tax>span {
	display: inline-block
}

.orders .container .unit .order .taxes .numbers .amount {
	font-size: 24px;
	font-weight: 700;
	margin-top: 10px;
	color: #fff
}

@media screen and (max-width:1000px) {
	.orders .container .unit .order .taxes .numbers .amount {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.orders .container .unit .order .taxes .numbers .amount {
		font-size: 16px
	}
}

.orders .container .unit .order .taxes .numbers .amount>span {
	display: inline-block
}

@media screen and (max-width:400px) {
	.orders .container .unit .order .taxes .numbers .amount {
		font-size: 18px
	}
}

@media screen and (max-width:400px) and (max-width:800px) {
	.orders .container .unit .order .taxes .numbers .amount {
		font-size: 16px
	}
}

@media screen and (max-width:400px) and (max-width:650px) {
	.orders .container .unit .order .taxes .numbers .amount {
		font-size: 13px
	}
}

.orders .container .unit .order .viewdetails {
	border-radius: 15px;
	width: 50px;
	right: -40px;
	top: 50%;
	position: absolute;
	background-size: 20px;
	background-image: url(/androidportalhtml/images-arrow-white.svg);
	background-repeat: no-repeat;
	background-position: 50%;
	background-color: transparent;
	box-shadow: none;
	transform: translateY(-50%) rotate(270deg);
	padding: 0;
	font-size: 0
}

@media screen and (max-width:1000px) {
	.orders .container .unit .order .viewdetails {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.orders .container .unit .order .viewdetails {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.orders .container .unit .order .viewdetails {
		border-radius: 7px
	}
}

@media screen and (max-width:1000px) {
	.orders .container .unit .order .viewdetails {
		font-size: 14px;
		background-color: var(--color);
		position: static;
		width: auto;
		transform: none;
		background-image: none;
		border-radius: 5px;
		padding: 10px 20px;
		margin-top: 20px
	}
}

@media screen and (max-width:1000px) and (max-width:1000px) {
	.orders .container .unit .order .viewdetails {
		font-size: 13px
	}
}

.orders .container .invoice {
	display: flex;
	align-items: center;
	line-height: 25px;
	margin-top: 10px
}

@media screen and (max-width:600px) {
	.orders .container .invoice {
		flex-direction: column;
		margin: 10px 0 0
	}
}

.orders .container .invoice a {
	margin-left: auto
}

@media screen and (max-width:600px) {
	.orders .container .invoice a {
		margin-left: 0
	}
}

.orders .container .invoice .numbers {
	display: flex;
	align-items: center
}

.orders .container .invoice .numbers span {
	margin: 0 7px;
	text-align: center
}

.orders .container .invoice .numbers span:first-of-type {
	margin-left: 0
}

@media screen and (max-width:400px) {
	.orders .container .invoice .secondary {
		display: none
	}
}

.cancel-preorder-panel .fancybox-stage {
	max-width: 650px!important
}

.cancel-preorder-panel .fancybox-stage .cancel-preorder {
	flex-direction: column
}

.cancel-preorder-panel .fancybox-stage .cancel-preorder .warning {
	display: flex;
	flex-direction: column;
	text-align: center
}

.cancel-preorder-panel .fancybox-stage .cancel-preorder .loader {
	margin: 0 auto 60px
}

.cancel-preorder-panel .fancybox-stage .cancel-preorder .alert {
	margin-top: 10px
}

.cancel-preorder-panel .fancybox-stage .cancel-preorder label {
	margin: 10px 0
}

.cancel-preorder-panel .fancybox-stage .cancel-preorder .controls {
	display: flex;
	justify-content: center;
	align-items: center
}

.cancel-preorder-panel .fancybox-stage .cancel-preorder .controls .link {
	text-decoration: underline;
	margin: 10px
}

.order-detail-container {
	margin-top: 200px;
	max-width: 1200px;
	align-self: center;
	width: 100%
}

@media screen and (max-width:1000px) {
	.order-detail-container {
		margin-top: 150px
	}
}

@media screen and (max-width:600px) {
	.order-detail-container {
		margin-top: 130px
	}
}

.order-detail-container .order-container {
	display: flex;
	flex-direction: column;
	color: var(--color-light)
}

.order-detail-container .order-container.completed .info,
.order-detail-container .order-container.gift .info,
.order-detail-container .order-container.preorder .info {
	margin-top: 100px
}

.order-detail-container .order-container.multi .card .info {
	margin: 20px 0;
	flex-direction: row;
	justify-content: space-between
}

@media screen and (max-width:800px) {
	.order-detail-container .order-container.multi .card .info {
		flex-direction: column;
		align-items: center
	}
}

.order-detail-container .order-container.multi .card .info .cover {
	margin: 15px;
	width: 25%
}

@media screen and (max-width:800px) {
	.order-detail-container .order-container.multi .card .info .cover {
		width: 20%
	}
}

@media screen and (max-width:600px) {
	.order-detail-container .order-container.multi .card .info .cover {
		width: 25%
	}
}

@media screen and (max-width:500px) {
	.order-detail-container .order-container.multi .card .info .cover {
		width: 33.33333%
	}
}

.order-detail-container .order-container.multi .card .info .actions {
	justify-content: space-between;
	padding: 0
}

.order-detail-container .order-container.multi .card .info .details .code span {
	padding: 30px 10px
}

.order-detail-container .order-container.completed .info.reveal .actions .button:not(.gift) {
	opacity: 0;
	filter: blur(7px);
	visibility: hidden;
	margin-top: -50px
}

.order-detail-container .order-container.completed .info.reveal .platform {
	display: none
}

.order-detail-container .order-container.completed .info.reveal .details .code .badge {
	opacity: 0;
	filter: blur(7px)
}

.order-detail-container .order-container.multi .card .extra {
	margin-top: 30px
}

.order-detail-container .order-container.multi .card .extra .credit,
.order-detail-container .order-container.multi .card .extra .feedback {
	width: 50%
}

@media screen and (max-width:550px) {
	.order-detail-container .order-container.multi .card .extra .credit,
	.order-detail-container .order-container.multi .card .extra .feedback {
		width: 100%
	}
}

.order-detail-container .order-container.multi .card .extra .review {
	display: none
}

.order-detail-container .order-container.verification .button,
.order-detail-container .order-container.verification .verif {
	margin-bottom: 20px
}

.order-detail-container .order-container.completed .status img,
.order-detail-container .order-container.rejected .status img {
	width: 30px
}

.order-detail-container .order-container.gift .status img {
	width: 70px
}

.order-detail-container .order-container.gift .extra .feedback {
	display: none
}

.order-detail-container .order-container.gift .extra .credit,
.order-detail-container .order-container.gift .extra .review {
	width: 50%
}

@media screen and (max-width:550px) {
	.order-detail-container .order-container.gift .extra .credit,
	.order-detail-container .order-container.gift .extra .review {
		width: 100%
	}
}

.order-detail-container .order-container.multi .card.pending .info .details div:not(.message),
.order-detail-container .order-container.multi .card.verification .info .details div:not(.message) {
	display: none
}

.order-detail-container .order-container.multi .card.pending .info .details .message,
.order-detail-container .order-container.multi .card.verification .info .details .message {
	display: block
}

.order-detail-container .order-container .display {
	width: 100%;
	position: relative
}

.order-detail-container .order-container .display a:not(.image) {
	display: none;
	white-space: nowrap
}

.order-detail-container .order-container .display a:not(.image) .loader-container {
	padding: 0 100px
}

.order-detail-container .order-container .display a:not(.image) .loader-container .loader {
	display: inline-block;
	color: #fff;
	margin: auto;
	top: -25px
}

.order-detail-container .order-container .back {
	width: 100%;
	margin-bottom: 10px;
	display: flex;
	align-items: center
}

.order-detail-container .order-container .back img {
	width: 12px;
	transform: rotate(90deg);
	margin-right: 10px
}

.order-detail-container .order-container .back a {
	font-size: 16px
}

@media screen and (max-width:1000px) {
	.order-detail-container .order-container .back a {
		font-size: 15px
	}
}

@media screen and (max-width:650px) {
	.order-detail-container .order-container .back a {
		font-size: 13px
	}
}

.order-detail-container .order-container .back .previous {
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background-size: 14px;
	background-image: url(/androidportalhtml/images-arrow-white.svg);
	background-repeat: no-repeat;
	background-position: 50%;
	padding: 0;
	margin: 0 10px 0 0;
	transform: rotate(90deg)
}

@media screen and (max-width:550px) {
	.order-detail-container .order-container .back .previous {
		width: 40px;
		height: 40px
	}
}

.order-detail-container .order-container .button {
	margin: 15px;
	transition: all 1s, background-color .1s
}

@media screen and (max-width:550px) {
	.order-detail-container .order-container .button {
		margin: 15px 0;
		left: 50%
	}
}

.order-detail-container .order-container .status {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 10px
}

@media screen and (max-width:1000px) {
	.order-detail-container .order-container .status {
		margin-bottom: 0
	}
}

.order-detail-container .order-container .status img {
	width: 70px;
	margin-bottom: 10px
}

.order-detail-container .order-container .status span {
	font-weight: 700;
	font-size: 24px;
	margin-top: 10px;
	color: #fff;
	text-align: center
}

@media screen and (max-width:1000px) {
	.order-detail-container .order-container .status span {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.order-detail-container .order-container .status span {
		font-size: 16px;
		margin-top: 0
	}
}

.order-detail-container .order-container .status .icon-check {
	background-color: #25de57
}

@media screen and (max-width:650px) {
	.order-detail-container .order-container .status .icon-check {
		height: 20px;
		width: 20px
	}
}

.order-detail-container .order-container .status .icon-refund {
	background-color: #3483ff
}

.order-detail-container .order-container .status .icon-close {
	background-color: #ff0a4e
}

.order-detail-container .order-container .card {
	width: 100%
}

.order-detail-container .order-container .card.verification .info {
	margin-top: 30px
}

.order-detail-container .order-container .card .info {
	border-radius: 15px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: var(--color-medium-dark);
	padding: 30px;
	margin-top: 100px
}

@media screen and (max-width:1000px) {
	.order-detail-container .order-container .card .info {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.order-detail-container .order-container .card .info {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.order-detail-container .order-container .card .info {
		border-radius: 7px
	}
}

.order-detail-container .order-container .card .info.reveal .display a:not(.image) {
	display: flex;
	position: absolute;
	left: calc(50% - 15px);
	top: calc(50% - 8px);
	transform: translateX(-50%) translateY(-50%);
	transition: .1s
}

@media screen and (max-width:550px) {
	.order-detail-container .order-container .card .info.reveal .display a:not(.image) {
		margin: 15px 0;
		left: 50%
	}
}

.order-detail-container .order-container .card .info.reveal .display a:not(.image):hover {
	transform: translateX(-50%) translateY(-50%) scale(1.1)
}

.order-detail-container .order-container .card .info.reveal .display .code span {
	filter: blur(7px) saturate(0);
	opacity: .8;
	cursor: default
}

.order-detail-container .order-container .card .info.reveal .display .code span a {
	cursor: default
}

.order-detail-container .order-container .card .info.reveal .display .code span a img {
	height: 67px
}

@media screen and (max-width:550px) {
	.order-detail-container .order-container .card .info {
		width: 100%;
		padding: 20px
	}
}

.order-detail-container .order-container .card .info .cover {
	border-radius: 15px;
	width: 50%;
	max-width: 380px;
	margin-top: -100px;
	display: flex;
	margin-bottom: 15px;
	position: relative;
	align-items: center
}

@media screen and (max-width:1000px) {
	.order-detail-container .order-container .card .info .cover {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.order-detail-container .order-container .card .info .cover {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.order-detail-container .order-container .card .info .cover {
		border-radius: 7px
	}
}

@media screen and (max-width:550px) {
	.order-detail-container .order-container .card .info .cover {
		max-width: 200px;
		width: 100%
	}
}

.order-detail-container .order-container .card .info .cover img {
	width: 100%;
	border-radius: 15px
}

@media screen and (max-width:1000px) {
	.order-detail-container .order-container .card .info .cover img {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.order-detail-container .order-container .card .info .cover img {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.order-detail-container .order-container .card .info .cover img {
		border-radius: 7px
	}
}

.order-detail-container .order-container .card .info .cover .dlc {
	position: absolute;
	width: 30%;
	border-radius: 8px 0
}

.order-detail-container .order-container .card .info .details {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%
}

.order-detail-container .order-container .card .info .details .tags {
	margin: 0
}

.order-detail-container .order-container .card .info .details .message {
	display: none
}

.order-detail-container .order-container .card .info .details .refunded,
.order-detail-container .order-container .card .info .details .replaced {
	font-weight: 700;
	color: #fff;
	padding: 5px 12px;
	border-radius: 4px
}

.order-detail-container .order-container .card .info .details .refunded {
	background-color: #3483ff
}

.order-detail-container .order-container .card .info .details .replaced {
	background-color: #25de57
}

.order-detail-container .order-container .card .info .details .description {
	display: flex;
	flex-direction: column;
	align-items: center
}

.order-detail-container .order-container .card .info .details .description .quote {
	font-size: 20px;
	margin: 40px;
	color: #68c5ff;
	position: relative;
	text-align: center
}

@media screen and (max-width:1000px) {
	.order-detail-container .order-container .card .info .details .description .quote {
		font-size: 16px
	}
}

@media screen and (max-width:500px) {
	.order-detail-container .order-container .card .info .details .description .quote {
		font-size: 16px;
		margin: 20px
	}
}

@media screen and (max-width:500px) and (max-width:1000px) {
	.order-detail-container .order-container .card .info .details .description .quote {
		font-size: 15px
	}
}

@media screen and (max-width:500px) and (max-width:650px) {
	.order-detail-container .order-container .card .info .details .description .quote {
		font-size: 13px
	}
}

.order-detail-container .order-container .card .info .details .description .quote:after,
.order-detail-container .order-container .card .info .details .description .quote:before {
	position: absolute;
	content: "“";
	font-size: 70px;
	opacity: .9
}

@media screen and (max-width:500px) {
	.order-detail-container .order-container .card .info .details .description .quote:after,
	.order-detail-container .order-container .card .info .details .description .quote:before {
		font-size: 40px
	}
}

@media screen and (max-width:500px) and (max-width:1000px) {
	.order-detail-container .order-container .card .info .details .description .quote:after,
	.order-detail-container .order-container .card .info .details .description .quote:before {
		font-size: 32px
	}
}

@media screen and (max-width:500px) and (max-width:650px) {
	.order-detail-container .order-container .card .info .details .description .quote:after,
	.order-detail-container .order-container .card .info .details .description .quote:before {
		font-size: 24px
	}
}

.order-detail-container .order-container .card .info .details .description .quote:before {
	top: -20px;
	left: -30px
}

@media screen and (max-width:500px) {
	.order-detail-container .order-container .card .info .details .description .quote:before {
		left: -20px
	}
}

.order-detail-container .order-container .card .info .details .description .quote:after {
	bottom: -20px;
	right: -30px;
	transform: rotate(180deg)
}

@media screen and (max-width:500px) {
	.order-detail-container .order-container .card .info .details .description .quote:after {
		right: -20px
	}
}

.order-detail-container .order-container .card .info .details ul {
	color: #fff;
	margin: 20px 0
}

.order-detail-container .order-container .card .info .details ul li {
	margin: 10px;
	text-align: center;
	list-style-type: none
}

.order-detail-container .order-container .card .info .details .cancel {
	margin: 20px
}

.order-detail-container .order-container .card .info .details .preorder {
	font-size: 16px;
	font-weight: 700;
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #3483ff;
	margin: 20px 20px 0
}

@media screen and (max-width:1000px) {
	.order-detail-container .order-container .card .info .details .preorder {
		font-size: 15px
	}
}

@media screen and (max-width:650px) {
	.order-detail-container .order-container .card .info .details .preorder {
		font-size: 13px
	}
}

.order-detail-container .order-container .card .info .details .preorder h2 {
	margin-bottom: 0
}

.order-detail-container .order-container .card .info .details .preorder span {
	font-size: 20px;
	text-align: center
}

@media screen and (max-width:1000px) {
	.order-detail-container .order-container .card .info .details .preorder span {
		font-size: 16px
	}
}

.order-detail-container .order-container .card .info .details .preorder .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	border-radius: 100px;
	background-color: rgba(52, 131, 255, .1);
	margin-bottom: 10px
}

@media screen and (max-width:550px) {
	.order-detail-container .order-container .card .info .details .preorder .icon {
		width: 40px;
		height: 40px;
		margin-bottom: 5px
	}
}

.order-detail-container .order-container .card .info .details .preorder .icon .icon-clock {
	background-color: #3483ff
}

.order-detail-container .order-container .card .info .details .name {
	font-size: 20px;
	margin: 30px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center
}

@media screen and (max-width:1000px) {
	.order-detail-container .order-container .card .info .details .name {
		font-size: 16px;
		margin: 15px
	}
}

@media screen and (max-width:650px) {
	.order-detail-container .order-container .card .info .details .name {
		margin: 10px
	}
}

.order-detail-container .order-container .card .info .details .name h2 {
	color: #fff;
	display: flex;
	align-items: center;
	margin-bottom: 5px
}

.order-detail-container .order-container .card .info .details .name h2 .dlc {
	font-size: 16px;
	font-weight: 700;
	color: var(--color);
	margin-right: 10px;
	margin-top: 1px
}

@media screen and (max-width:1000px) {
	.order-detail-container .order-container .card .info .details .name h2 .dlc {
		font-size: 15px
	}
}

@media screen and (max-width:650px) {
	.order-detail-container .order-container .card .info .details .name h2 .dlc {
		font-size: 13px
	}
}

.order-detail-container .order-container .card .info .details .name img {
	margin-bottom: 20px;
	position: relative;
	top: 10px;
	width: 30px
}

.order-detail-container .order-container .card .info .details .code {
	font-size: 24px;
	font-weight: 700;
	border-radius: 15px;
	background-color: var(--color-ultra-dark);
	color: #fff;
	text-align: center;
	letter-spacing: 2px;
	font-family: monospace;
	position: relative;
	margin: 30px 0 15px
}

@media screen and (max-width:1000px) {
	.order-detail-container .order-container .card .info .details .code {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.order-detail-container .order-container .card .info .details .code {
		font-size: 16px
	}
}

@media screen and (max-width:1000px) {
	.order-detail-container .order-container .card .info .details .code {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.order-detail-container .order-container .card .info .details .code {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.order-detail-container .order-container .card .info .details .code {
		border-radius: 7px
	}
}

@media screen and (max-width:550px) {
	.order-detail-container .order-container .card .info .details .code {
		font-size: 18px
	}
}

@media screen and (max-width:550px) and (max-width:800px) {
	.order-detail-container .order-container .card .info .details .code {
		font-size: 16px
	}
}

@media screen and (max-width:550px) and (max-width:650px) {
	.order-detail-container .order-container .card .info .details .code {
		font-size: 13px
	}
}

.order-detail-container .order-container .card .info .details .code .platform {
	position: absolute;
	left: 50%;
	top: -20px;
	transform: scale(1.2) translate(-50%);
	transition: 1s;
	z-index: 1
}

@media screen and (max-width:550px) {
	.order-detail-container .order-container .card .info .details .code .platform {
		transform: scale(1) translate(-50%)
	}
}

.order-detail-container .order-container .card .info .details .code span {
	padding: 40px 10px;
	display: block;
	transition: 1.5s
}

.order-detail-container .order-container .card .info .details .code img {
	width: 100%;
	border-radius: 5px;
	margin-bottom: -25px;
	margin-top: -20px
}

@media screen and (max-width:550px) {
	.order-detail-container .order-container .card .info .details .actions {
		padding: 0
	}
}

.order-detail-container .order-container .card .info .actions {
	display: flex;
	align-items: center;
	flex-direction: column
}

.order-detail-container .order-container .card .info .actions .one-click {
	color: #3483ff;
	display: flex;
	align-items: center;
	margin: 15px 0
}

@media screen and (max-width:550px) {
	.order-detail-container .order-container .card .info .actions .one-click {
		margin: 0
	}
}

.order-detail-container .order-container .card .info .actions .one-click:hover {
	color: #fff
}

.order-detail-container .order-container .card .info .actions .one-click .icon-click {
	background-color: #3483ff;
	margin-right: 10px
}

.order-detail-container .order-container .card .info .actions .one-click span {
	text-decoration: underline
}

.order-detail-container .order-container .card .info .actions .activation {
	margin-top: 15px;
	text-align: center
}

.order-detail-container .order-container .card .info .actions .subtitle {
	margin-bottom: 30px
}

.order-detail-container .order-container .card .invoice {
	display: flex;
	align-items: center;
	line-height: 25px;
	margin: 15px 30px 70px
}

@media screen and (max-width:600px) {
	.order-detail-container .order-container .card .invoice {
		flex-direction: column;
		margin: 10px 0 40px
	}
}

.order-detail-container .order-container .card .invoice a {
	text-decoration: underline;
	margin-left: auto
}

@media screen and (max-width:600px) {
	.order-detail-container .order-container .card .invoice a {
		margin-left: 0
	}
}

.order-detail-container .order-container .card .invoice .numbers {
	display: flex;
	align-items: center
}

@media screen and (max-width:400px) {
	.order-detail-container .order-container .card .invoice .numbers {
		flex-direction: column
	}
}

.order-detail-container .order-container .card .invoice .numbers span {
	margin: 0 7px;
	text-align: center
}

.order-detail-container .order-container .card .invoice .numbers span:first-of-type {
	margin-left: 0
}

@media screen and (max-width:400px) {
	.order-detail-container .order-container .card .invoice .numbers .bullets {
		display: none
	}
}

.order-detail-container .order-container .card .extra {
	background-color: var(--color-medium-dark);
	width: 100%;
	padding: 30px;
	border-radius: 15px;
	margin-bottom: 100px;
	text-align: center;
	display: flex;
	justify-content: center
}

@media screen and (max-width:1000px) {
	.order-detail-container .order-container .card .extra {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.order-detail-container .order-container .card .extra {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.order-detail-container .order-container .card .extra {
		border-radius: 7px
	}
}

.order-detail-container .order-container .card .extra.hidden {
	display: none
}

@media screen and (max-width:550px) {
	.order-detail-container .order-container .card .extra {
		padding: 20px;
		margin-bottom: 20px
	}
}

.order-detail-container .order-container .card .extra>div {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-evenly;
	width: 33.33333%;
	padding: 0 20px;
	border-right: 1px solid hsla(0, 0%, 56.5%, .2);
	min-height: 250px
}

body.neon .order-detail-container .order-container .card .extra>div {
	border-right: 1px solid rgba(101, 124, 177, .2)
}

.order-detail-container .order-container .card .extra>div:last-of-type {
	border: 0;
	padding-right: 0
}

body.neon .order-detail-container .order-container .card .extra>div:last-of-type {
	border-right: 0
}

.order-detail-container .order-container .card .extra>div:first-of-type {
	padding-left: 0
}

@media screen and (max-width:800px) {
	.order-detail-container .order-container .card .extra>div {
		width: 50%;
		padding: 0 20px
	}
}

@media screen and (max-width:550px) {
	.order-detail-container .order-container .card .extra>div {
		width: 100%;
		padding: 0 20px;
		min-height: 150px
	}
}

.order-detail-container .order-container .card .extra>div h3 {
	font-size: 20px;
	color: #fff;
	margin-bottom: 0
}

@media screen and (max-width:1000px) {
	.order-detail-container .order-container .card .extra>div h3 {
		font-size: 16px
	}
}

.order-detail-container .order-container .card .extra>div span {
	line-height: 20px
}

.order-detail-container .order-container .card .extra .button {
	margin-bottom: 0
}

@media screen and (max-width:550px) {
	.order-detail-container .order-container .card .extra .feedback,
	.order-detail-container .order-container .card .extra .thanks {
		display: none!important
	}
}

.order-detail-container .order-container .card .extra .feedback .rating-submit,
.order-detail-container .order-container .card .extra .thanks .rating-submit {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%
}

.order-detail-container .order-container .card .extra .feedback .rating-submit .raty,
.order-detail-container .order-container .card .extra .thanks .rating-submit .raty {
	width: 122px!important;
	margin: 15px 0 5px
}

.order-detail-container .order-container .card .extra .feedback .rating-submit .evaluation,
.order-detail-container .order-container .card .extra .thanks .rating-submit .evaluation {
	font-weight: 700;
	font-size: 24px;
	margin-bottom: 15px
}

@media screen and (max-width:1000px) {
	.order-detail-container .order-container .card .extra .feedback .rating-submit .evaluation,
	.order-detail-container .order-container .card .extra .thanks .rating-submit .evaluation {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.order-detail-container .order-container .card .extra .feedback .rating-submit .evaluation,
	.order-detail-container .order-container .card .extra .thanks .rating-submit .evaluation {
		font-size: 16px
	}
}

.order-detail-container .order-container .card .extra .feedback .rating-submit textarea,
.order-detail-container .order-container .card .extra .thanks .rating-submit textarea {
	margin-top: 10px;
	height: 90px
}

@media screen and (max-width:800px) {
	.order-detail-container .order-container .card .extra .review {
		display: none!important
	}
}

.order-detail-container .order-container .card .extra .review .rating {
	display: flex
}

.order-detail-container .order-container .card .extra .review .rating a {
	margin: 0 5px
}

.order-detail-container .order-container .card .extra .review .ten {
	background-color: #25de57
}

.order-detail-container .order-container .card .extra .review .hundred {
	background-color: #ff0a4e
}

.order-detail-container .order-container .card .extra .credit .share {
	display: flex;
	margin-top: 15px
}

.order-detail-container .order-container .card .extra .credit .share a {
	padding: 0;
	margin: 0 5px;
	transition: transform .1s, background-color .1s;
	border-radius: 100px;
	width: 55px;
	height: 55px
}

@media screen and (max-width:1000px) {
	.order-detail-container .order-container .card .extra .credit .share a {
		width: 45px;
		height: 45px
	}
}

.order-detail-container .order-container .card .extra .credit .share a.facebook {
	background-size: 10px
}

.order-detail-container .order-container .card .extra .credit .share a.copy:active {
	background-color: #fcaf02
}

.order-detail-container .order-container .card .extra .credit .share a:hover {
	transform: scale(1.1)
}

.order-detail-container .order-container .card .extra .thanks {
	display: flex;
	align-content: center;
	justify-content: center
}

.home-container {
	display: flex;
	flex-direction: column
}

.home-container h1 {
	font-size: 32px
}

@media screen and (max-width:1000px) {
	.home-container h1 {
		font-size: 24px
	}
}

@media screen and (max-width:800px) {
	.home-container h1 {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.home-container h1 {
		font-size: 18px
	}
}

.home-container h2 {
	font-size: 32px;
	margin-bottom: 30px
}

@media screen and (max-width:1000px) {
	.home-container h2 {
		font-size: 24px
	}
}

@media screen and (max-width:800px) {
	.home-container h2 {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.home-container h2 {
		font-size: 18px
	}
}

@media screen and (max-width:1000px) {
	.home-container h2 {
		font-size: 24px;
		margin-bottom: 20px
	}
}

@media screen and (max-width:1000px) and (max-width:1000px) {
	.home-container h2 {
		font-size: 20px
	}
}

@media screen and (max-width:1000px) and (max-width:650px) {
	.home-container h2 {
		font-size: 16px
	}
}

@media screen and (max-width:400px) {
	.home-container h2 {
		font-size: 20px;
		margin-bottom: 15px
	}
}

@media screen and (max-width:400px) and (max-width:1000px) {
	.home-container h2 {
		font-size: 16px
	}
}

.home-container .restocked-container {
	display: flex;
	flex-direction: column;
	overflow: hidden
}

.highlights-container.bottom-banner {
	color: #fff;
	box-shadow: none;
	max-height: 480px;
	min-height: 400px
}

@media screen and (max-width:1400px) {
	.highlights-container.bottom-banner {
		height: 40vh;
		min-height: 340px
	}
}

@media screen and (max-width:1000px) {
	.highlights-container.bottom-banner {
		min-height: 330px;
		margin-top: 0;
		max-height: none;
		height: auto
	}
}

@media screen and (max-width:850px) {
	.highlights-container.bottom-banner {
		min-height: 300px
	}
}

@media screen and (max-width:750px) {
	.highlights-container.bottom-banner {
		min-height: 250px
	}
}

@media screen and (max-width:650px) {
	.highlights-container.bottom-banner {
		min-height: 200px;
		margin-bottom: 0;
		margin-bottom: -5px
	}
}

@media screen and (max-width:500px) {
	.highlights-container.bottom-banner {
		min-height: 170px
	}
}

@media screen and (max-width:450px) {
	.highlights-container.bottom-banner {
		background-position: 50%
	}
}

@media screen and (max-width:800px) {
	.highlights-container.bottom-banner .content {
		top: -20px
	}
}

@media screen and (max-width:1400px) {
	.highlights-container.bottom-banner .content .text h1 {
		font-size: 24px
	}
}

@media screen and (max-width:1400px) and (max-width:1000px) {
	.highlights-container.bottom-banner .content .text h1 {
		font-size: 20px
	}
}

@media screen and (max-width:1400px) and (max-width:650px) {
	.highlights-container.bottom-banner .content .text h1 {
		font-size: 16px
	}
}

@media screen and (max-width:700px) {
	.highlights-container.bottom-banner .content .text h1 {
		font-size: 20px
	}
}

@media screen and (max-width:700px) and (max-width:1000px) {
	.highlights-container.bottom-banner .content .text h1 {
		font-size: 16px
	}
}

@media screen and (max-width:500px) {
	.highlights-container.bottom-banner .content .text h1 {
		font-size: 18px
	}
}

@media screen and (max-width:500px) and (max-width:800px) {
	.highlights-container.bottom-banner .content .text h1 {
		font-size: 16px
	}
}

@media screen and (max-width:500px) and (max-width:650px) {
	.highlights-container.bottom-banner .content .text h1 {
		font-size: 13px
	}
}

.highlights-container.bottom-banner .full-link {
	bottom: 0
}

.highlights-container {
	margin-left: -30px;
	margin-right: -30px;
	padding: 30px;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	overflow: hidden;
	box-shadow: inset 0 520px 80px -460px var(--color-ultra-dark);
	height: 60vh;
	max-height: 620px;
	min-height: 550px;
	position: relative
}

@media screen and (max-width:1000px) {
	.highlights-container {
		margin-left: -20px;
		margin-right: -20px
	}
}

@media screen and (max-width:800px) {
	.highlights-container {
		margin-left: -10px;
		margin-right: -10px
	}
}

@media screen and (max-width:1000px) {
	.highlights-container {
		padding: 20px
	}
}

@media screen and (max-width:400px) {
	.highlights-container {
		padding: 15px
	}
}

@media screen and (max-width:1400px) {
	.highlights-container {
		height: 50vh;
		min-height: 500px
	}
}

@media screen and (max-width:1000px) {
	.highlights-container {
		height: auto;
		max-height: none;
		min-height: 400px;
		margin-top: 85px;
		box-shadow: none
	}
}

@media screen and (max-width:850px) {
	.highlights-container {
		min-height: 340px
	}
}

@media screen and (max-width:750px) {
	.highlights-container {
		min-height: 300px
	}
}

@media screen and (max-width:650px) {
	.highlights-container {
		min-height: 250px
	}
}

@media screen and (max-width:550px) {
	.highlights-container {
		min-height: 200px
	}
}

@media screen and (max-width:650px) {
	.highlights-container {
		margin-bottom: -5px
	}
}

.highlights-container.parallax {
	position: relative;
	overflow: hidden;
	padding-bottom: 60px
}

.highlights-container.parallax:after {
	content: "";
	clip-path: polygon(0 100%, 100% 100%, 0 0);
	background: var(--color-dark);
	height: 60px;
	min-width: 1700px;
	width: 100%;
	position: absolute;
	bottom: -1px
}

.highlights-container:before {
	background: linear-gradient(90deg, #000, transparent 50%);
	opacity: .8;
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

@media screen and (max-width:650px) {
	.highlights-container:before {
		background: linear-gradient(90deg, #000 10%, transparent 50%)
	}
}

.highlights-container .full-link {
	position: absolute;
	top: 0;
	left: 40%;
	right: 0;
	bottom: 60px
}

@media screen and (max-width:1400px) {
	.highlights-container .full-link {
		bottom: 50px
	}
}

@media screen and (max-width:1000px) {
	.highlights-container .full-link {
		bottom: 30px
	}
}

.highlights-container .content {
	max-width: 1200px;
	align-self: center;
	width: 100%;
	z-index: 1
}

@media screen and (max-width:1000px) {
	.highlights-container .content {
		top: -10%
	}
}

.highlights-container .content .text h1 {
	margin: 0 0 10px;
	max-width: 40%
}

@media screen and (max-width:1000px) {
	.highlights-container .content .text h1 {
		font-size: 32px
	}
}

@media screen and (max-width:1000px) and (max-width:1000px) {
	.highlights-container .content .text h1 {
		font-size: 24px
	}
}

@media screen and (max-width:1000px) and (max-width:800px) {
	.highlights-container .content .text h1 {
		font-size: 20px
	}
}

@media screen and (max-width:1000px) and (max-width:650px) {
	.highlights-container .content .text h1 {
		font-size: 18px
	}
}

.highlights-container .content .text h1:not(.campain) {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.highlights-container .content .text h1.campain {
	margin: 0 0 20px
}

@media screen and (max-width:700px) {
	.highlights-container .content .text h1.campain {
		margin: 0 0 15px
	}
}

.highlights-container .content .text h1.bigger {
	font-size: 40px
}

@media screen and (max-width:650px) {
	.highlights-container .content .text h1.bigger {
		font-size: 24px
	}
}

@media screen and (max-width:1000px) {
	.highlights-container .content .text h1.bigger {
		font-size: 32px
	}
}

@media screen and (max-width:1000px) and (max-width:1000px) {
	.highlights-container .content .text h1.bigger {
		font-size: 24px
	}
}

@media screen and (max-width:1000px) and (max-width:800px) {
	.highlights-container .content .text h1.bigger {
		font-size: 20px
	}
}

@media screen and (max-width:1000px) and (max-width:650px) {
	.highlights-container .content .text h1.bigger {
		font-size: 18px
	}
}

.highlights-container .content .text .date {
	display: flex;
	align-items: center;
	margin-bottom: 10px
}

@media screen and (max-width:650px) {
	.highlights-container .content .text .date {
		display: none
	}
}

.highlights-container .content .text .date .status {
	border-radius: 8px;
	font-size: 14px;
	padding: 10px 20px;
	background-color: var(--color-medium)
}

@media screen and (max-width:1000px) {
	.highlights-container .content .text .date .status {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.highlights-container .content .text .date .status {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.highlights-container .content .text .date .status {
		border-radius: 5px
	}
}

@media screen and (max-width:1000px) {
	.highlights-container .content .text .date .status {
		font-size: 13px
	}
}

body.neon .highlights-container .content .text .date .status {
	color: #3483ff
}

@media screen and (max-width:1000px) {
	.highlights-container .content .text .date .status {
		padding: 8px 15px;
		font-size: 12px
	}
}

@media screen and (max-width:500px) {
	.highlights-container .content .text .date .status {
		display: none
	}
}

.highlights-container .content .text .action {
	display: flex;
	align-items: center
}

@media screen and (max-width:650px) {
	.highlights-container .content .text .action {
		flex-direction: column;
		align-items: flex-start
	}
}

.highlights-container .content .text .action .button {
	margin-right: 20px;
	z-index: 1
}

@media screen and (max-width:800px) {
	.highlights-container .content .text .action .button {
		height: 36px
	}
}

@media screen and (max-width:650px) {
	.highlights-container .content .text .action .button {
		margin-bottom: 10px
	}
}

@media screen and (max-width:550px) {
	.highlights-container .content .text .action .button {
		height: 30px
	}
}

.highlights-container .content .text .action .numbers {
	display: flex;
	flex-direction: column
}

@media screen and (max-width:650px) {
	.highlights-container .content .text .action .numbers {
		flex-direction: row;
		align-items: baseline
	}
}

.highlights-container .content .text .action .numbers .discounted {
	font-size: 20px;
	color: var(--color);
	margin-right: 5px
}

@media screen and (max-width:1000px) {
	.highlights-container .content .text .action .numbers .discounted {
		font-size: 16px
	}
}

.highlights-container .content .text .action .numbers .price {
	font-size: 40px
}

@media screen and (max-width:1000px) {
	.highlights-container .content .text .action .numbers .price {
		font-size: 32px
	}
}

@media screen and (max-width:650px) {
	.highlights-container .content .text .action .numbers .price {
		font-size: 24px
	}
}

.highlights-container .content .text .action .numbers .price span {
	font-weight: 700;
	font-size: 20px;
	margin-left: 2px
}

@media screen and (max-width:1000px) {
	.highlights-container .content .text .action .numbers .price span {
		font-size: 16px
	}
}

.highlights-container .content .text .action .browse {
	display: flex;
	align-items: center
}

.highlights-container .content .text .action .browse:hover div {
	margin-left: 15px
}

.highlights-container .content .text .action .browse div {
	margin-left: 10px;
	transition: .1s
}

.highlights-container .content .text .action a {
	color: #fff
}

.landing-page-container {
	display: flex;
	flex-direction: column
}

.landing-page-container .header-landing:before {
	display: none
}

.landing-page-container .content-landing {
	max-width: 1200px;
	align-self: center;
	width: 100%;
	z-index: 1
}

.landing-page-container .content-landing.no-banner {
	margin-top: 200px
}

@media screen and (max-width:1000px) {
	.landing-page-container .content-landing.no-banner {
		margin-top: 150px
	}
}

@media screen and (max-width:600px) {
	.landing-page-container .content-landing.no-banner {
		margin-top: 130px
	}
}

.landing-page-container .content-landing .landing_text_top h1,
.landing-page-container .content-landing .landing_text_top h2,
.landing-page-container .content-landing .landing_text_top h3 {
	color: var(--color);
	margin-bottom: 20px
}

.landing-page-container .content-landing .landing_text_top p {
	line-height: 23px
}

.landing-page-container .content-landing .landing_text_top img {
	max-width: 500px;
	width: 100%
}

.landing-page-container .content-landing .listing-games {
	justify-self: center
}

ul.tab .ui-tabs-tab {
	list-style: none;
	display: inline-block
}

ul.tab .ui-tabs-tab a {
	color: #b3c0f5;
	padding: 10px;
	border-radius: 3px;
	display: inline-block
}

ul.tab .ui-tabs-tab a:hover {
	color: #e4dfde
}

ul.tab .ui-tabs-active a {
	color: #e4dfde;
	background-color: #4834ff
}

.headline.layout {
	margin-top: 200px;
	max-width: none
}

.layout-container {
	display: flex;
	margin-bottom: 100px
}

.layout-container h3 {
	margin-bottom: 20px
}

.layout-container hr {
	width: 100%;
	height: 10px;
	background: 0 0
}

.layout-container .panel.left {
	border-right: 1px solid hsla(0, 0%, 100%, .1);
	margin-right: 30px
}

.layout-container .panel.left .ig-logo-light,
.layout-container .panel.left .logo-ig {
	background-color: #fff
}

.layout-container .panel.left .font-caption {
	margin: 50px 0 10px
}

.layout-container .panel.left .layout-tabs {
	display: flex;
	flex-direction: column;
	position: sticky;
	top: 120px
}

.layout-container .panel.left .layout-tabs li:first-of-type a {
	padding-top: 0
}

.layout-container .panel.left .layout-tabs li a {
	display: flex;
	align-items: center;
	padding: 15px 15px 15px 0;
	cursor: pointer
}

.layout-container .panel.left .layout-tabs li a.active .lines .title,
.layout-container .panel.left .layout-tabs li a:hover .lines .title {
	color: #ff5400
}

body.neon .layout-container .panel.left .layout-tabs li a.active .lines .title,
body.neon .layout-container .panel.left .layout-tabs li a:hover .lines .title {
	color: #3483ff
}

.layout-container .panel.left .layout-tabs li a img {
	width: 20px;
	margin-right: 30px
}

.layout-container .panel.left .layout-tabs li a .lines {
	display: flex;
	flex-direction: column;
	margin-right: 50px;
	width: 100%
}

.layout-container .panel.left .layout-tabs li a .lines .title {
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	white-space: nowrap
}

@media screen and (max-width:800px) {
	.layout-container .panel.left .layout-tabs li a .lines .title {
		font-size: 16px
	}
}

@media screen and (max-width:650px) {
	.layout-container .panel.left .layout-tabs li a .lines .title {
		font-size: 13px
	}
}

.layout-container .panel.left .layout-tabs li a .lines span {
	color: var(--color-light)
}

.layout-container .panel.left .layout-tabs li a .icon-xs {
	margin-right: 20px
}

.layout-container .panel.left .layout-tabs li a .icon-arrow {
	margin-left: auto;
	flex: 0 0 15px
}

.layout-container .content {
	width: 100%;
	display: flex
}

.layout-container .content h2.introduction {
	margin-bottom: 80px
}

.layout-container .content .typography h3 {
	border-radius: 15px;
	font-size: 16px;
	font-weight: 400;
	padding: 10px 15px;
	background: var(--color-ultra-dark);
	margin-bottom: 10px
}

@media screen and (max-width:1000px) {
	.layout-container .content .typography h3 {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.layout-container .content .typography h3 {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.layout-container .content .typography h3 {
		border-radius: 7px
	}
}

@media screen and (max-width:1000px) {
	.layout-container .content .typography h3 {
		font-size: 15px
	}
}

@media screen and (max-width:650px) {
	.layout-container .content .typography h3 {
		font-size: 13px
	}
}

.layout-container .content .typography .item {
	display: flex;
	justify-content: space-between;
	margin-bottom: 60px;
	width: 800px
}

.layout-container .content .typography .item .text {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

.layout-container .content .typography .item .text .title.characters {
	font-weight: 400;
	line-height: 32px
}

.layout-container .content .typography .item .spec {
	display: flex;
	flex-direction: column;
	line-height: 30px;
	justify-content: flex-end;
	width: 265px
}

.layout-container .content .typography .item .spec .color {
	height: 15px;
	width: 15px;
	display: inline-block;
	border-radius: 100%;
	position: relative;
	top: 2px;
	left: 5px
}

.layout-container .content .typography .item .spec .color.first {
	background-color: #e4dfde
}

.layout-container .content .typography .item .spec .color.second {
	background-color: #b3c0f5
}

.layout-container .content .typography .item .spec .font-caption {
	margin-bottom: auto;
	text-transform: uppercase
}

.layout-container .content .typography .item .spec.styles {
	font-size: 18px
}

@media screen and (max-width:800px) {
	.layout-container .content .typography .item .spec.styles {
		font-size: 16px
	}
}

@media screen and (max-width:650px) {
	.layout-container .content .typography .item .spec.styles {
		font-size: 13px
	}
}

.layout-container .content .palette {
	display: flex;
	margin: -10px;
	flex-wrap: wrap;
	width: 100%
}

.layout-container .content .palette li {
	display: flex;
	flex-direction: column;
	margin: 10px;
	min-width: 130px
}

.layout-container .content .palette li .hex {
	margin-top: 5px;
	color: var(--color-medium-light)
}

.layout-container .content .palette .square {
	height: 30px;
	width: 30px;
	border-radius: 15px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: center
}

@media screen and (max-width:1000px) {
	.layout-container .content .palette .square {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.layout-container .content .palette .square {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.layout-container .content .palette .square {
		border-radius: 7px
	}
}

.layout-container .content .palette .define {
	font-size: 14px
}

@media screen and (max-width:1000px) {
	.layout-container .content .palette .define {
		font-size: 13px
	}
}

.layout-container .content .icons ul {
	margin: -15px;
	display: flex;
	flex-wrap: wrap
}

@media screen and (max-width:1000px) {
	.layout-container .content .icons ul {
		margin: -10px
	}
}

@media screen and (max-width:800px) {
	.layout-container .content .icons ul {
		margin: -5px
	}
}

.layout-container .content .icons ul li {
	margin: 15px;
	width: calc(14.28571% - 30px);
	border-radius: 15px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: var(--color-medium-light);
	background-color: var(--color-ultra-dark);
	padding: 20px
}

@media screen and (max-width:1000px) {
	.layout-container .content .icons ul li {
		margin: 10px;
		width: calc(14.28571% - 20px)
	}
}

@media screen and (max-width:800px) {
	.layout-container .content .icons ul li {
		margin: 5px;
		width: calc(14.28571% - 10px)
	}
}

@media screen and (max-width:1000px) {
	.layout-container .content .icons ul li {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.layout-container .content .icons ul li {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.layout-container .content .icons ul li {
		border-radius: 7px
	}
}

@media screen and (max-width:1600px) {
	.layout-container .content .icons ul li {
		margin: 15px;
		width: calc(16.66667% - 30px)
	}
}

@media screen and (max-width:1600px) and (max-width:1000px) {
	.layout-container .content .icons ul li {
		margin: 10px;
		width: calc(16.66667% - 20px)
	}
}

@media screen and (max-width:1600px) and (max-width:800px) {
	.layout-container .content .icons ul li {
		margin: 5px;
		width: calc(16.66667% - 10px)
	}
}

@media screen and (max-width:1400px) {
	.layout-container .content .icons ul li {
		margin: 15px;
		width: calc(20% - 30px)
	}
}

@media screen and (max-width:1400px) and (max-width:1000px) {
	.layout-container .content .icons ul li {
		margin: 10px;
		width: calc(20% - 20px)
	}
}

@media screen and (max-width:1400px) and (max-width:800px) {
	.layout-container .content .icons ul li {
		margin: 5px;
		width: calc(20% - 10px)
	}
}

@media screen and (max-width:1200px) {
	.layout-container .content .icons ul li {
		margin: 15px;
		width: calc(25% - 30px)
	}
}

@media screen and (max-width:1200px) and (max-width:1000px) {
	.layout-container .content .icons ul li {
		margin: 10px;
		width: calc(25% - 20px)
	}
}

@media screen and (max-width:1200px) and (max-width:800px) {
	.layout-container .content .icons ul li {
		margin: 5px;
		width: calc(25% - 10px)
	}
}

.layout-container .content .icons ul li span {
	margin-top: 15px;
	text-align: center
}

.layout-container .content .buttons .subtitle {
	margin-bottom: 30px
}

.layout-container .content .buttons .grid {
	margin: 30px -10px
}

.layout-container .content .buttons .grid.sizes {
	align-items: center
}

.layout-container .content .buttons .grid .col {
	margin: 10px
}

.layout-container .content .buttons .grid .col .button-l {
	height: 56px
}

.layout-container .content .buttons .grid .col .button-m {
	height: 40px
}

.layout-container .content .buttons .grid .col .button-s {
	height: 28px
}

.layout-container .content .inputs {
	width: 100%
}

.layout-container .content .inputs .list .font-caption {
	width: 100%;
	margin: 0 20px 20px
}

.layout-container .content .inputs .list .item {
	margin: -15px;
	display: flex;
	flex-direction: column;
	width: 50%
}

@media screen and (max-width:1000px) {
	.layout-container .content .inputs .list .item {
		margin: -10px
	}
}

@media screen and (max-width:800px) {
	.layout-container .content .inputs .list .item {
		margin: -5px
	}
}

.layout-container .content .inputs .list .item label {
	margin: 15px
}

@media screen and (max-width:1000px) {
	.layout-container .content .inputs .list .item label {
		margin: 10px
	}
}

@media screen and (max-width:800px) {
	.layout-container .content .inputs .list .item label {
		margin: 5px
	}
}

.layout-container .content .inputs .list .item label.error-demo .select2 {
	color: #ff0a4e
}

.layout-container .content .inputs .list .item label.error-demo .select2 .selection .select2-selection {
	background-color: rgba(255, 10, 78, .15)!important;
	box-shadow: inset 0 0 0 2px rgba(255, 10, 78, .2)!important
}

.layout-container .content .inputs .list .item label.error-demo .select2 .selection .select2-selection:focus,
.layout-container .content .inputs .list .item label.error-demo .select2 .selection .select2-selection:hover {
	box-shadow: inset 0 0 0 2px #ff0a4e!important
}

.layout-container .content .inputs .list .item label.error-demo .select2 .selection .select2-selection:after {
	background-color: #ff0a4e
}

.layout-container .content .selectors h2 {
	margin-bottom: 80px
}

.layout-container .content .selectors .list {
	margin: 0 -30px
}

.layout-container .content .selectors .list .item {
	margin: 0 50px
}

.layout-container .content .selectors .list .item label {
	margin-bottom: 20px
}

.layout-container .content .selectors .list .item label.toggle {
	margin-bottom: 10px
}

.layout-container .content .alerts-layout .list {
	display: flex;
	flex-direction: column
}

.layout-container .content .alerts-layout .list .alerts {
	margin-bottom: 20px
}

.livestream {
	display: flex;
	flex-direction: column
}

.livestream .header-livestream {
	margin-left: -30px;
	margin-right: -30px;
	position: relative;
	overflow: hidden;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 500px;
	box-shadow: inset 0 520px 80px -460px var(--color-ultra-dark)
}

@media screen and (max-width:1000px) {
	.livestream .header-livestream {
		margin-left: -20px;
		margin-right: -20px
	}
}

@media screen and (max-width:800px) {
	.livestream .header-livestream {
		margin-left: -10px;
		margin-right: -10px
	}
}

.livestream .header-livestream:after {
	content: "";
	clip-path: polygon(0 100%, 100% 100%, 0 0);
	background: var(--color-dark);
	height: 60px;
	min-width: 1700px;
	width: 100%;
	position: absolute;
	bottom: -1px
}

@media screen and (max-width:1000px) {
	.livestream .header-livestream {
		display: none
	}
}

.livestream .content {
	max-width: 1200px;
	align-self: center;
	width: 100%;
	position: relative
}

.livestream .content .streaming {
	padding-bottom: 56.25%;
	position: relative;
	margin-top: -300px
}

@media screen and (max-width:1000px) {
	.livestream .content .streaming {
		margin: 85px -20px 0
	}
}

.livestream .content .streaming .discount {
	margin-top: auto;
	bottom: -5px;
	left: -5px;
	transition: .2s
}

.livestream .content .streaming iframe {
	border-radius: 15px;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0
}

@media screen and (max-width:1000px) {
	.livestream .content .streaming iframe {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.livestream .content .streaming iframe {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.livestream .content .streaming iframe {
		border-radius: 7px
	}
}

@media screen and (max-width:1000px) {
	.livestream .content .streaming iframe {
		border-radius: 0
	}
}

.livestream .content .details {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 20px 0
}

@media screen and (max-width:500px) {
	.livestream .content .details {
		margin: 10px 0
	}
}

.livestream .content .details .discounted {
	font-size: 24px;
	margin-right: 10px;
	color: var(--color)
}

@media screen and (max-width:1000px) {
	.livestream .content .details .discounted {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.livestream .content .details .discounted {
		font-size: 16px
	}
}

.livestream .content .details .price {
	margin-right: 20px;
	font-size: 24px
}

@media screen and (max-width:1000px) {
	.livestream .content .details .price {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.livestream .content .details .price {
		font-size: 16px
	}
}

.livestream .content .details .button {
	margin-left: auto
}

.login-container {
	font-weight: 700;
	display: flex;
	align-items: center;
	cursor: pointer;
	transition: .2s;
	opacity: 1;
	visibility: visible
}

.login-container:hover .icon-down {
	top: 5px
}

.login-container.active .padding {
	display: block
}

.login-container.active .burger:after,
.login-container.active .burger:before,
.login-container:hover .burger:after,
.login-container:hover .burger:before {
	background: #ff5400
}

body.neon .login-container.active .burger:after,
body.neon .login-container.active .burger:before,
body.neon .login-container:hover .burger:after,
body.neon .login-container:hover .burger:before {
	background: #3483ff
}

.login-container.active .burger:before,
.login-container:hover .burger:before {
	box-shadow: 0 9px 0 0 #ff5400
}

body.neon .login-container.active .burger:before,
body.neon .login-container:hover .burger:before {
	box-shadow: 0 9px 0 0 #3483ff
}

.login-container.active {
	transition: 0s;
	z-index: 2!important
}

.login-container.active .burger:after,
.login-container.active .burger:before {
	top: 9px;
	transform: rotate(45deg);
	box-shadow: none
}

body.neon .login-container.active .burger:after,
body.neon .login-container.active .burger:before {
	box-shadow: none
}

.login-container.active .burger:after {
	transform: rotate(-45deg)
}

.login-container.active .amount,
.login-container.active .avatar {
	z-index: 12
}

.login-container.back {
	z-index: -1
}

@media screen and (max-width:1000px) {
	.login-container {
		position: absolute;
		right: 20px;
		top: 17px
	}
}

@media screen and (max-width:600px) {
	.login-container {
		top: 0;
		right: 15px
	}
}

.login-container .amount {
	display: flex;
	flex-direction: column;
	align-items: flex-end
}

@media screen and (max-width:1300px) {
	.login-container .amount {
		display: none
	}
}

.login-container .amount .title {
	font-weight: 400;
	margin-bottom: 2px
}

.login-container .amount .number {
	color: var(--color);
	font-size: 20px
}

@media screen and (max-width:1000px) {
	.login-container .amount .number {
		font-size: 16px
	}
}

.login-container .burger {
	width: 25px;
	height: 20px;
	position: relative;
	cursor: pointer;
	transition: .2s;
	z-index: 10
}

.login-container .burger.opacity {
	opacity: .4
}

.login-container .burger:after,
.login-container .burger:before {
	content: "";
	position: absolute;
	height: 2px;
	width: 25px;
	background: #fff;
	transition: .2s
}

.login-container .burger:before {
	box-shadow: 0 9px 0 0 #fff
}

.login-container .burger:after {
	top: 18px
}

.login-container .user {
	transition: .2s;
	cursor: pointer;
	height: 50px;
	z-index: 1;
	display: flex;
	align-items: center;
	position: relative
}

.login-container .user .notification {
	height: 15px;
	width: 15px;
	background-color: #ff0a4e;
	position: absolute;
	top: -4px;
	right: -8px;
	z-index: 11;
	border-radius: 100px
}

.login-container .user .avatar {
	position: relative;
	height: 50px;
	width: 50px;
	margin: 0 20px;
	box-shadow: none
}

@media screen and (max-width:700px) {
	.login-container .user .avatar {
		height: 40px;
		width: 40px
	}
}

@media screen and (max-width:600px) {
	.login-container .user .avatar {
		height: 30px;
		width: 30px;
		margin: 0 15px
	}
}

@media screen and (max-width:450px) {
	.login-container .user .avatar {
		margin: 0 10px
	}
}

.login-container .icon-down {
	transition: .2s;
	position: relative;
	top: 0
}

.login-container .padding {
	position: absolute;
	display: none;
	z-index: 10;
	top: -45px;
	right: -40px;
	padding: 110px 40px 60px;
	cursor: auto
}

@media screen and (max-width:1000px) {
	.login-container .padding {
		top: -55px
	}
}

@media screen and (max-width:600px) {
	.login-container .padding {
		top: -65px
	}
}

.login-container .padding ul {
	margin: 20px;
	width: 100%;
	width: -moz-available;
	width: -webkit-fill-available;
	width: fill-available
}

@media screen and (max-width:700px) {
	.login-container .padding ul {
		margin: 10px
	}
}

.login-container .padding ul li {
	display: flex
}

.login-container .padding ul li a {
	color: #fff;
	padding: 8px 15px;
	display: flex;
	border-radius: 100px;
	align-items: center;
	position: relative;
	white-space: nowrap
}

.login-container .padding ul li a:hover {
	background-color: #ff5400
}

body.neon .login-container .padding ul li a:hover {
	background-color: #3483ff
}

@media screen and (max-width:700px) {
	.login-container .padding ul li a {
		padding: 5px 10px
	}
	.login-container .padding ul li a label.toggle {
		margin-right: -13px!important
	}
	.login-container .padding ul li a label.toggle .slider {
		top: -2px;
		right: -2px
	}
}

.login-container .padding ul li a .number {
	font-size: 12px;
	background-color: #fff;
	border-radius: 20px;
	color: var(--color-ultra-dark);
	margin: -1px -5px -1px 10px;
	padding: 3px 7px;
	display: flex;
	min-width: 21px;
	justify-content: center
}

@media screen and (max-width:700px) {
	.login-container .padding ul li a .number {
		padding: 2px 5px
	}
}

.login-container .padding ul li a .number .separator {
	margin: 0 5px
}

.login-container .padding ul li a .notification {
	top: 3px;
	right: -8px
}

.login-container .padding ul li a label.toggle {
	padding-left: 47px;
	margin: -4px -10px -4px 10px;
	height: 100%
}

.login-container .padding ul hr {
	border: 0;
	height: 1px;
	margin: 15px 0;
	background: hsla(0, 0%, 100%, .1)
}

@media screen and (max-width:700px) {
	.login-container .padding ul hr {
		margin: 10px 0
	}
}

.login-container .padding .panel {
	border-radius: 15px;
	backdrop-filter: blur(60px) saturate(100%);
	-webkit-backdrop-filter: blur(60px) saturate(100%);
	background-color: rgba(39, 39, 39, .15);
	display: flex;
	flex-direction: column;
	align-items: center;
	box-shadow: 0 0 0 10000px rgba(16, 16, 16, .6)
}

@media screen and (max-width:1000px) {
	.login-container .padding .panel {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.login-container .padding .panel {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.login-container .padding .panel {
		border-radius: 7px
	}
}

@-moz-document url-prefix("") {
	body.neon .login-container .padding .panel {
		background-color: #2b305c
	}
}

@-moz-document url-prefix("") {
	.login-container .padding .panel {
		background-color: var(--color-medium)
	}
}

.login-container .padding .panel label.checkbox .checkmark,
.login-container .padding .panel label.checkbox .slider,
.login-container .padding .panel label.radio-button .checkmark,
.login-container .padding .panel label.radio-button .slider,
.login-container .padding .panel label.toggle .checkmark,
.login-container .padding .panel label.toggle .slider {
	box-shadow: none
}

body.neon .login-container .padding .panel {
	box-shadow: 0 0 0 10000px rgba(0, 4, 33, .6)
}

.login-container .padding .panel .button {
	white-space: nowrap
}

.login-container .padding .panel .button .icon-arrow-right {
	margin-left: 10px
}

.constent {
	flex-direction: column
}

.constent h1 {
	margin-bottom: 30px!important
}

.constent form label {
	margin: 10px 0
}

.constent form label a {
	margin: 0 5px
}

.constent form .button {
	width: 100%;
	margin-top: 20px
}

.lostpassword-container {
	margin-top: 200px;
	max-width: 1200px;
	align-self: center;
	width: 100%;
	max-width: 600px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center
}

@media screen and (max-width:1000px) {
	.lostpassword-container {
		margin-top: 150px
	}
}

@media screen and (max-width:600px) {
	.lostpassword-container {
		margin-top: 130px
	}
}

.lostpassword-container .alerts {
	display: none;
	margin-bottom: 30px
}

.lostpassword-container form {
	width: 100%
}

.lostpassword-container form .actions {
	display: flex;
	flex-direction: column;
	margin: 30px -10px
}

@media screen and (max-width:1000px) {
	.lostpassword-container form .actions {
		margin: 15px -10px
	}
}

.lostpassword-container form .actions .ig-lostpassword-fields,
.lostpassword-container form .actions button {
	width: calc(100% - 20px);
	margin: 10px
}

@media screen and (max-width:500px) {
	.lostpassword-container form .actions .ig-lostpassword-fields,
	.lostpassword-container form .actions button {
		margin: 5px;
		width: calc(100% - 5px)
	}
}

.lostpassword-container form .validate {
	display: flex;
	flex-direction: column;
	margin: 30px -10px
}

@media screen and (max-width:1000px) {
	.lostpassword-container form .validate {
		margin: 15px -10px
	}
}

.lostpassword-container form .validate .button,
.lostpassword-container form .validate input {
	width: calc(100% - 20px);
	margin: 10px
}

@media screen and (max-width:500px) {
	.lostpassword-container form .validate .button,
	.lostpassword-container form .validate input {
		margin: 5px;
		width: calc(100% - 10px)
	}
}

.lostpassword-container form .validate .hide-show-password-wrapper {
	margin: 10px!important
}

@media screen and (max-width:500px) {
	.lostpassword-container form .validate .hide-show-password-wrapper {
		margin: 5px!important
	}
}

.lostpassword-container form .validate .hide-show-password-wrapper button {
	border-radius: 5px;
	right: 15px!important;
	cursor: pointer;
	font-size: 13px;
	color: #fff;
	background-color: var(--color);
	padding: 7px;
	font-family: proximanova, arial, sans-serif;
	border: 0;
	-webkit-appearance: none
}

@media screen and (max-width:500px) {
	.lostpassword-container form .validate .hide-show-password-wrapper button {
		padding: 5px;
		right: 5px!important
	}
}

.credit-page-container .link-aff,
.partner-container .link-aff {
	display: flex;
	align-items: center;
	align-self: center
}

.credit-page-container .link-aff .link,
.partner-container .link-aff .link {
	background-color: rgba(37, 222, 87, .1);
	color: #25de57;
	text-align: center;
	display: flex;
	align-items: center;
	padding: 15px 20px;
	font-size: 20px;
	transition: background-color .2s;
	border-radius: 8px
}

@media screen and (max-width:1000px) {
	.credit-page-container .link-aff .link,
	.partner-container .link-aff .link {
		font-size: 16px;
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.credit-page-container .link-aff .link,
	.partner-container .link-aff .link {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.credit-page-container .link-aff .link,
	.partner-container .link-aff .link {
		border-radius: 5px
	}
}

.credit-page-container .link-aff .link span,
.partner-container .link-aff .link span {
	cursor: pointer
}

.credit-page-container .link-aff .link p,
.partner-container .link-aff .link p {
	font-size: 11px;
	margin-top: 5px
}

.credit-page-container .link-aff .link.copied,
.partner-container .link-aff .link.copied {
	background-color: rgba(37, 222, 87, .2)
}

.credit-page-container .link-aff .icon-edit,
.partner-container .link-aff .icon-edit {
	background-color: #25de57;
	margin-left: 15px;
	cursor: pointer
}

.partner-container .partner-interface-container {
	display: flex;
	flex-direction: column
}

.partner-container .partner-interface-container .alerts {
	margin: auto
}

.partner-container .partner-interface-container .disabled {
	cursor: not-allowed
}

.partner-container .partner-interface-container .sort {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px
}

@media screen and (max-width:550px) {
	.partner-container .partner-interface-container .sort {
		flex-direction: column
	}
}

.partner-container .partner-interface-container .sort select {
	width: 260px
}

@media screen and (max-width:550px) {
	.partner-container .partner-interface-container .sort select {
		margin-bottom: 10px
	}
}

.partner-container .partner-interface-container .list .row {
	border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

.partner-container .partner-interface-container .list .row:last-of-type {
	border: 0!important;
	margin-bottom: 0!important;
	padding-bottom: 0!important
}

.partner-container .partner-interface-container .invoices {
	border-radius: 15px;
	background: var(--color-medium-dark);
	padding: 30px
}

@media screen and (max-width:1000px) {
	.partner-container .partner-interface-container .invoices {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.partner-container .partner-interface-container .invoices {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.partner-container .partner-interface-container .invoices {
		border-radius: 7px
	}
}

@media screen and (max-width:550px) {
	.partner-container .partner-interface-container .invoices {
		padding: 15px
	}
}

.partner-container .partner-interface-container .invoices .select2 {
	width: 100%;
	max-width: 300px
}

.partner-container .partner-interface-container .invoices .invoice-titles {
	padding: 0 0 15px
}

.partner-container .partner-interface-container .invoices .empty-invoice {
	padding: 10px 15px;
	text-align: center;
	margin-top: 20px
}

.partner-container .partner-interface-container .invoices .list.closed .invoice-row:nth-child(n+7) {
	display: none
}

.partner-container .partner-interface-container .invoices .list.opened .invoice-row:nth-child(n+7) {
	display: flex
}

.partner-container .partner-interface-container .invoices .list .invoice-titles {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	text-transform: lowercase;
	color: var(--color-light);
	padding: 0 0 15px
}

.partner-container .partner-interface-container .invoices .list .invoice-titles .title-pdf {
	width: 31%
}

.partner-container .partner-interface-container .invoices .list .invoice-titles .title-amount {
	width: 15%
}

.partner-container .partner-interface-container .invoices .list .invoice-titles .title-status {
	width: 21%
}

@media screen and (max-width:500px) {
	.partner-container .partner-interface-container .invoices .list .invoice-titles .title-status {
		width: 30%
	}
}

.partner-container .partner-interface-container .invoices .list .invoice-titles .title-method {
	width: 17%
}

@media screen and (max-width:500px) {
	.partner-container .partner-interface-container .invoices .list .invoice-titles .title-method {
		display: none
	}
}

.partner-container .partner-interface-container .invoices .list .invoice-titles .title-created {
	width: 7%
}

@media screen and (max-width:600px) {
	.partner-container .partner-interface-container .invoices .list .invoice-titles .title-created {
		display: none
	}
}

.partner-container .partner-interface-container .invoices .list .invoice-row {
	display: flex;
	justify-content: space-between;
	padding: 15px 0;
	align-items: center;
	width: 100%
}

.partner-container .partner-interface-container .invoices .list .invoice-row a {
	width: 31%
}

@media screen and (max-width:500px) {
	.partner-container .partner-interface-container .invoices .list .invoice-row a {
		width: 40%
	}
}

.partner-container .partner-interface-container .invoices .list .invoice-row .invoice-amount {
	width: 15%
}

.partner-container .partner-interface-container .invoices .list .invoice-row .invoice-status {
	width: 21%
}

@media screen and (max-width:500px) {
	.partner-container .partner-interface-container .invoices .list .invoice-row .invoice-status {
		width: 30%
	}
}

.partner-container .partner-interface-container .invoices .list .invoice-row .invoice-status span {
	border-radius: 5px;
	padding: 5px 10px
}

.partner-container .partner-interface-container .invoices .list .invoice-row .invoice-status span.pending {
	background-color: rgba(252, 175, 2, .1);
	color: #fcaf02
}

.partner-container .partner-interface-container .invoices .list .invoice-row .invoice-status span.refused {
	background-color: rgba(255, 10, 78, .1);
	color: #ff0a4e
}

.partner-container .partner-interface-container .invoices .list .invoice-row .invoice-status span.paid {
	background-color: rgba(37, 222, 87, .1);
	color: #25de57
}

.partner-container .partner-interface-container .invoices .list .invoice-row .invoice-method {
	text-transform: capitalize;
	width: 17%
}

@media screen and (max-width:500px) {
	.partner-container .partner-interface-container .invoices .list .invoice-row .invoice-method {
		display: none
	}
}

.partner-container .partner-interface-container .invoices .list .invoice-row .invoice-date {
	width: 7%
}

@media screen and (max-width:600px) {
	.partner-container .partner-interface-container .invoices .list .invoice-row .invoice-date {
		display: none
	}
}

.partner-container .partner-interface-container .invoices .list .invoice-row .invoice-created {
	width: 15%
}

.partner-container .partner-interface-container .generated-clicks {
	background: var(--color-medium-dark);
	padding: 20px;
	margin-bottom: 50px;
	border-radius: 8px
}

@media screen and (max-width:1000px) {
	.partner-container .partner-interface-container .generated-clicks {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.partner-container .partner-interface-container .generated-clicks {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.partner-container .partner-interface-container .generated-clicks {
		border-radius: 5px
	}
}

.partner-container .partner-interface-container .generated-clicks .no-generated-clicks {
	padding: 10px 15px;
	text-align: center;
	margin-top: 0
}

.partner-container .partner-interface-container .generated-clicks .export {
	white-space: nowrap;
	display: flex;
	align-items: center
}

.partner-container .partner-interface-container .generated-clicks .export .icon-download {
	margin-right: 10px
}

.partner-container .partner-interface-container .generated-clicks .list.closed .click-row:nth-child(n+7) {
	display: none
}

.partner-container .partner-interface-container .generated-clicks .list.opened .click-row:nth-child(n+7) {
	display: flex
}

.partner-container .partner-interface-container .generated-clicks .list .generated-clicks-titles {
	display: flex;
	justify-content: space-between;
	padding: 15px 0;
	align-items: center;
	width: 100%;
	text-transform: lowercase;
	color: var(--color-light)
}

.partner-container .partner-interface-container .generated-clicks .list .generated-clicks-titles .title-date {
	width: 35%
}

.partner-container .partner-interface-container .generated-clicks .list .generated-clicks-titles .title-views {
	width: 45%
}

.partner-container .partner-interface-container .generated-clicks .list .generated-clicks-titles .title-earning {
	width: 20%
}

.partner-container .partner-interface-container .generated-clicks .list .click-row {
	display: flex;
	justify-content: space-between;
	padding: 15px 0;
	align-items: center;
	width: 100%;
	font-weight: 700;
	position: relative
}

.partner-container .partner-interface-container .generated-clicks .list .click-row .click-row-date {
	width: 35%
}

.partner-container .partner-interface-container .generated-clicks .list .click-row .click-row-earning {
	width: 20%
}

.partner-container .partner-interface-container .generated-clicks .list .click-row .click-row-views {
	width: 45%
}

.partner-container .partner-interface-container .generated-clicks .list .click-row .click-row-views .percentage {
	margin-left: 20px
}

.partner-container .partner-interface-container .generated-clicks .list .click-row .click-row-views .percentage.up {
	color: #25de57
}

.partner-container .partner-interface-container .generated-clicks .list .click-row .click-row-views .percentage.up img {
	position: absolute;
	bottom: 14px
}

.partner-container .partner-interface-container .generated-clicks .list .click-row .click-row-views .percentage.down {
	color: #ff0a4e
}

.partner-container .partner-interface-container .generated-clicks .list .click-row .click-row-views .percentage.down img {
	position: absolute;
	bottom: 14px
}

.partner-container .partner-interface-container .funds .balance {
	border-radius: 15px;
	background: var(--color-medium-dark);
	padding: 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
	z-index: 1;
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
	background-color: var(--color-medium-dark)
}

@media screen and (max-width:1000px) {
	.partner-container .partner-interface-container .funds .balance {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.partner-container .partner-interface-container .funds .balance {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.partner-container .partner-interface-container .funds .balance {
		border-radius: 7px
	}
}

@media screen and (max-width:550px) {
	.partner-container .partner-interface-container .funds .balance {
		padding: 15px
	}
}

.partner-container .partner-interface-container .funds .balance .select2 {
	width: 100%;
	max-width: 300px
}

.partner-container .partner-interface-container .funds .balance .amount {
	font-size: 40px;
	line-height: 33px;
	margin-bottom: 10px
}

@media screen and (max-width:1000px) {
	.partner-container .partner-interface-container .funds .balance .amount {
		font-size: 32px
	}
}

@media screen and (max-width:650px) {
	.partner-container .partner-interface-container .funds .balance .amount {
		font-size: 24px
	}
}

.partner-container .partner-interface-container .funds .balance .button {
	padding: 10px 15px;
	margin-top: 30px
}

.partner-container .partner-interface-container .funds .details {
	margin: -15px;
	display: flex
}

@media screen and (max-width:1000px) {
	.partner-container .partner-interface-container .funds .details {
		margin: -10px
	}
}

@media screen and (max-width:800px) {
	.partner-container .partner-interface-container .funds .details {
		margin: -5px
	}
}

@media screen and (max-width:850px) {
	.partner-container .partner-interface-container .funds .details {
		flex-direction: column;
		margin: 0
	}
}

.partner-container .partner-interface-container .funds .details>* {
	border-radius: 15px;
	margin: 15px;
	background: var(--color-medium-dark);
	width: 100%;
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

@media screen and (max-width:1000px) {
	.partner-container .partner-interface-container .funds .details>* {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.partner-container .partner-interface-container .funds .details>* {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.partner-container .partner-interface-container .funds .details>* {
		border-radius: 7px
	}
}

@media screen and (max-width:1000px) {
	.partner-container .partner-interface-container .funds .details>* {
		margin: 10px
	}
}

@media screen and (max-width:800px) {
	.partner-container .partner-interface-container .funds .details>* {
		margin: 5px
	}
}

@media screen and (max-width:850px) {
	.partner-container .partner-interface-container .funds .details>* {
		margin-left: 0;
		margin-right: 0;
		flex-direction: row
	}
}

.partner-container .partner-interface-container .funds .details .active .amount,
.partner-container .partner-interface-container .funds .details .past .amount,
.partner-container .partner-interface-container .funds .details .preorder .amount {
	display: flex;
	align-items: center;
	margin-bottom: 20px
}

@media screen and (max-width:850px) {
	.partner-container .partner-interface-container .funds .details .active .amount,
	.partner-container .partner-interface-container .funds .details .past .amount,
	.partner-container .partner-interface-container .funds .details .preorder .amount {
		margin-bottom: 0
	}
}

.partner-container .partner-interface-container .funds .details .active .amount .icon,
.partner-container .partner-interface-container .funds .details .past .amount .icon,
.partner-container .partner-interface-container .funds .details .preorder .amount .icon {
	flex: 0 0 46px;
	height: 46px;
	border-radius: 100px;
	margin-right: 10px;
	background-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center
}

.partner-container .partner-interface-container .funds .details .active .amount .icon div,
.partner-container .partner-interface-container .funds .details .past .amount .icon div,
.partner-container .partner-interface-container .funds .details .preorder .amount .icon div {
	width: 24px;
	height: 24px;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff
}

.partner-container .partner-interface-container .funds .details .active .amount .number,
.partner-container .partner-interface-container .funds .details .past .amount .number,
.partner-container .partner-interface-container .funds .details .preorder .amount .number {
	display: flex;
	flex-direction: column
}

.partner-container .partner-interface-container .funds .details .active .amount .number .subtitle,
.partner-container .partner-interface-container .funds .details .past .amount .number .subtitle,
.partner-container .partner-interface-container .funds .details .preorder .amount .number .subtitle {
	color: var(--color-light)
}

.partner-container .partner-interface-container .funds .details .active .amount .number .currency,
.partner-container .partner-interface-container .funds .details .past .amount .number .currency,
.partner-container .partner-interface-container .funds .details .preorder .amount .number .currency {
	font-size: 24px;
	font-weight: 700
}

@media screen and (max-width:1000px) {
	.partner-container .partner-interface-container .funds .details .active .amount .number .currency,
	.partner-container .partner-interface-container .funds .details .past .amount .number .currency,
	.partner-container .partner-interface-container .funds .details .preorder .amount .number .currency {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.partner-container .partner-interface-container .funds .details .active .amount .number .currency,
	.partner-container .partner-interface-container .funds .details .past .amount .number .currency,
	.partner-container .partner-interface-container .funds .details .preorder .amount .number .currency {
		font-size: 16px
	}
}

.partner-container .partner-interface-container .funds .details .active .detail,
.partner-container .partner-interface-container .funds .details .past .detail,
.partner-container .partner-interface-container .funds .details .preorder .detail {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: var(--color-light)
}

@media screen and (max-width:850px) {
	.partner-container .partner-interface-container .funds .details .active .detail,
	.partner-container .partner-interface-container .funds .details .past .detail,
	.partner-container .partner-interface-container .funds .details .preorder .detail {
		flex-direction: column;
		align-items: flex-end
	}
}

@media screen and (max-width:600px) {
	.partner-container .partner-interface-container .funds .details .active .detail,
	.partner-container .partner-interface-container .funds .details .past .detail,
	.partner-container .partner-interface-container .funds .details .preorder .detail {
		justify-content: center
	}
	.partner-container .partner-interface-container .funds .details .active .detail span:not(.percentage),
	.partner-container .partner-interface-container .funds .details .past .detail span:not(.percentage),
	.partner-container .partner-interface-container .funds .details .preorder .detail span:not(.percentage) {
		display: none
	}
}

.partner-container .partner-interface-container .funds .details .active .detail .percentage,
.partner-container .partner-interface-container .funds .details .past .detail .percentage,
.partner-container .partner-interface-container .funds .details .preorder .detail .percentage {
	display: flex
}

.partner-container .partner-interface-container .funds .details .active .detail .percentage.up,
.partner-container .partner-interface-container .funds .details .past .detail .percentage.up,
.partner-container .partner-interface-container .funds .details .preorder .detail .percentage.up {
	color: #25de57
}

.partner-container .partner-interface-container .funds .details .active .detail .percentage.up .icon-arrow2,
.partner-container .partner-interface-container .funds .details .past .detail .percentage.up .icon-arrow2,
.partner-container .partner-interface-container .funds .details .preorder .detail .percentage.up .icon-arrow2 {
	background-color: #25de57;
	transform: rotate(315deg);
	margin-left: 5px
}

.partner-container .partner-interface-container .funds .details .active .detail .percentage.down,
.partner-container .partner-interface-container .funds .details .past .detail .percentage.down,
.partner-container .partner-interface-container .funds .details .preorder .detail .percentage.down {
	color: #ff0a4e
}

.partner-container .partner-interface-container .funds .details .active .detail .percentage.down .icon-arrow2,
.partner-container .partner-interface-container .funds .details .past .detail .percentage.down .icon-arrow2,
.partner-container .partner-interface-container .funds .details .preorder .detail .percentage.down .icon-arrow2 {
	background-color: #ff0a4e;
	transform: rotate(45deg);
	margin-left: 5px
}

.partner-container .partner-interface-container .funds .details .preorder .amount .icon {
	background: rgba(52, 131, 255, .1)
}

.partner-container .partner-interface-container .funds .details .preorder .amount .icon .clock {
	background-color: #3483ff;
	mask-image: url(../images/icon-clock.svg);
	-webkit-mask-image: url(../images/icon-clock.svg)
}

.partner-container .partner-interface-container .funds .details .past .amount .icon {
	background: rgba(37, 222, 87, .1)
}

.partner-container .partner-interface-container .funds .details .past .amount .icon .graph {
	background-color: #25de57;
	mask-image: url(../images/icon-graph.svg);
	-webkit-mask-image: url(../images/icon-graph.svg)
}

.partner-container .partner-interface-container .funds .details .active .amount .icon {
	background: rgba(252, 175, 2, .1)
}

.partner-container .partner-interface-container .funds .details .active .amount .icon .user {
	background-color: #fcaf02;
	mask-image: url(../images/icon-user.svg);
	-webkit-mask-image: url(../images/icon-user.svg)
}

.partner-container .partner-interface-container .purchases {
	border-radius: 15px;
	background: var(--color-medium-dark);
	padding: 30px
}

@media screen and (max-width:1000px) {
	.partner-container .partner-interface-container .purchases {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.partner-container .partner-interface-container .purchases {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.partner-container .partner-interface-container .purchases {
		border-radius: 7px
	}
}

@media screen and (max-width:550px) {
	.partner-container .partner-interface-container .purchases {
		padding: 15px
	}
}

.partner-container .partner-interface-container .purchases .select2 {
	width: 100%;
	max-width: 300px
}

.partner-container .partner-interface-container .purchases .alert {
	margin: 0;
	border-radius: 5px;
	text-align: center
}

.partner-container .partner-interface-container .purchases .export {
	white-space: nowrap;
	display: flex;
	align-items: center
}

.partner-container .partner-interface-container .purchases .export .icon-download {
	margin-right: 10px
}

.partner-container .partner-interface-container .purchases .graph {
	text-align: center;
	margin-top: 20px
}

.partner-container .partner-interface-container .purchases .list.closed .item-row:nth-child(n+10) {
	display: none
}

.partner-container .partner-interface-container .purchases .list.opened .item-row:nth-child(n+10) {
	display: flex
}

.partner-container .partner-interface-container .purchases .list .item-titles {
	display: flex;
	justify-content: space-between;
	padding: 15px 0;
	align-items: center;
	width: 100%;
	text-transform: lowercase;
	color: var(--color-light)
}

.partner-container .partner-interface-container .purchases .list .item-row {
	display: flex;
	margin: 15px 0;
	padding-bottom: 15px
}

.partner-container .partner-interface-container .purchases .list .item-row .game-title {
	width: 29%
}

.partner-container .partner-interface-container .purchases .list .item-row .game-price {
	width: 23%;
	color: var(--color-light)
}

.partner-container .partner-interface-container .purchases .list .item-row .game-date {
	width: 22%;
	text-align: left;
	color: var(--color-light)
}

.partner-container .partner-interface-container .purchases .list .item-row .game-status {
	width: 23%;
	min-width: 100px
}

.partner-container .partner-interface-container .purchases .list .item-row .game-profit {
	width: 6%;
	text-align: right
}

.partner-container .partner-interface-container .purchases .list .item-row .game-status span {
	background: red;
	padding: 5px 12px;
	border-radius: 5px
}

.partner-container .partner-interface-container .purchases .list .item-row .game-status span.complete {
	background: rgba(37, 222, 87, .1);
	color: #25de57
}

.partner-container .partner-interface-container .purchases .list .item-row .game-status span.preorder {
	background: rgba(52, 131, 255, .1);
	color: #3483ff
}

.partner-container .partner-interface-container .visits {
	border-radius: 15px;
	background: var(--color-medium-dark);
	padding: 30px
}

@media screen and (max-width:1000px) {
	.partner-container .partner-interface-container .visits {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.partner-container .partner-interface-container .visits {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.partner-container .partner-interface-container .visits {
		border-radius: 7px
	}
}

@media screen and (max-width:550px) {
	.partner-container .partner-interface-container .visits {
		padding: 15px
	}
}

.partner-container .partner-interface-container .visits .select2 {
	width: 100%;
	max-width: 300px
}

.partner-container .partner-interface-container .visits .visits-chart-container {
	position: relative;
	width: 100%
}

.partner-container .partner-interface-container .visits .export {
	white-space: nowrap;
	display: flex;
	align-items: center
}

.partner-container .partner-interface-container .visits .export .icon-download {
	margin-right: 10px
}

.partner-container .partner-interface-container .visits .graph {
	text-align: center;
	margin-top: 20px
}

.partner-container .partner-interface-container .switch-partner,
.partner-container .partner-interface-container .switch-partner .alerts {
	margin-bottom: 30px
}

.partner-container .partner-interface-container .switch-partner .agency {
	display: flex;
	align-items: center;
	justify-content: center
}

.partner-container .partner-interface-container .switch-partner .agency .icon-swap {
	margin-right: 15px;
	background-color: var(--color)
}

.partner-container .partner-interface-container .switch-partner .agency .select2 {
	width: 100%;
	max-width: 400px
}

.partner-container .partner-interface-container .deals {
	border-radius: 15px;
	background: var(--color-medium-dark);
	padding: 25px 15px;
	display: flex
}

@media screen and (max-width:1000px) {
	.partner-container .partner-interface-container .deals {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.partner-container .partner-interface-container .deals {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.partner-container .partner-interface-container .deals {
		border-radius: 7px
	}
}

@media screen and (max-width:550px) {
	.partner-container .partner-interface-container .deals {
		padding: 15px
	}
}

.partner-container .partner-interface-container .deals .select2 {
	width: 100%;
	max-width: 300px
}

.partner-container .partner-interface-container .deals .item {
	width: 100%;
	display: flex;
	position: relative;
	margin-right: 15px;
	margin-left: 15px
}

.partner-container .partner-interface-container .deals .item:after {
	content: "";
	display: block;
	position: relative;
	right: -15px;
	height: 100%;
	flex: auto
}

.partner-container .partner-interface-container .deals .item:first-of-type {
	margin-left: 0
}

.partner-container .partner-interface-container .deals .item:last-of-type {
	border-right: 0;
	margin-right: 0
}

.partner-container .partner-interface-container .deals .item:last-of-type:after {
	border-right: 0
}

.partner-container .partner-interface-container .deals .item:last-of-type .download {
	padding: 0;
	right: 0
}

.partner-container .partner-interface-container .deals .item .cover {
	border-radius: 7px;
	margin-right: 10px;
	overflow: hidden
}

.partner-container .partner-interface-container .deals .item .cover img {
	height: 70px;
	width: 50px;
	vertical-align: top
}

.partner-container .partner-interface-container .deals .item .infos {
	display: flex;
	flex-direction: column
}

.partner-container .partner-interface-container .deals .item .infos .date {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 11px
}

.partner-container .partner-interface-container .deals .item .infos .name {
	margin-top: auto;
	margin-bottom: 5px;
	font-weight: 700;
	color: #000
}

.partner-container .partner-interface-container .deals .item .infos .prices .offer {
	background: #6dd432;
	color: #fff;
	padding: 3px 6px 2px;
	font-weight: 700;
	border-radius: 4px;
	margin-right: 2px;
	display: inline-block
}

.partner-container .partner-interface-container .deals .item .download {
	position: absolute;
	height: 19px;
	width: 20px;
	background: url(/androidportalhtml/modules/partner/images/download.svg) no-repeat;
	right: 0
}

.partner-container .partner-interface-container .giveaways {
	border-radius: 15px;
	background: var(--color-medium-dark);
	padding: 30px
}

@media screen and (max-width:1000px) {
	.partner-container .partner-interface-container .giveaways {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.partner-container .partner-interface-container .giveaways {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.partner-container .partner-interface-container .giveaways {
		border-radius: 7px
	}
}

@media screen and (max-width:550px) {
	.partner-container .partner-interface-container .giveaways {
		padding: 15px
	}
}

.partner-container .partner-interface-container .giveaways .select2 {
	width: 100%;
	max-width: 300px
}

.partner-container .partner-interface-container .giveaways .header {
	display: flex;
	text-transform: uppercase;
	justify-content: space-between;
	font-size: 11px;
	font-weight: 700;
	padding-bottom: 10px
}

.partner-container .partner-interface-container .giveaways .active-giveaway {
	background: var(--color-very-light);
	margin-bottom: 20px;
	border-radius: 3px;
	padding: 20px;
	font-weight: 700
}

.partner-container .partner-interface-container .giveaways .active-giveaway .active-contest-date {
	margin-bottom: 15px
}

.partner-container .partner-interface-container .giveaways .active-giveaway .active-contest-key {
	color: #000;
	font-size: 20px
}

@media screen and (max-width:1000px) {
	.partner-container .partner-interface-container .giveaways .active-giveaway .active-contest-key {
		font-size: 16px
	}
}

.partner-container .partner-interface-container .giveaways .active-giveaway .active-contest-key:hover {
	color: #ff5400
}

.partner-container .partner-interface-container .giveaways .list.closed .giveaway-row:nth-child(n+7) {
	display: none
}

.partner-container .partner-interface-container .giveaways .list.opened .giveaway-row:nth-child(n+7) {
	display: flex
}

.partner-container .partner-interface-container .giveaways .list .item {
	display: flex;
	justify-content: space-between;
	padding: 15px 0;
	align-items: center;
	width: 100%;
	margin: 0;
	border-radius: 0
}

.partner-container .partner-interface-container .giveaways .list .item:last-of-type {
	border: 0
}

.partner-container .partner-interface-container .giveaways .list .item.titles {
	padding: 0 0 15px
}

@media screen and (max-width:700px) {
	.partner-container .partner-interface-container .giveaways .list .item.titles {
		padding: 0 0 5px
	}
}

.partner-container .partner-interface-container .giveaways .list .item.titles>div {
	color: var(--color-light)
}

.partner-container .partner-interface-container .giveaways .list .item .user {
	width: 14%;
	word-break: break-word
}

@media screen and (max-width:700px) {
	.partner-container .partner-interface-container .giveaways .list .item .user {
		width: 30%
	}
}

.partner-container .partner-interface-container .giveaways .list .item .user.contest-still-active a {
	color: #25de57
}

.partner-container .partner-interface-container .giveaways .list .item .user a {
	font-weight: 700
}

.partner-container .partner-interface-container .giveaways .list .item .from {
	width: 14%
}

@media screen and (max-width:700px) {
	.partner-container .partner-interface-container .giveaways .list .item .from {
		display: none
	}
}

.partner-container .partner-interface-container .giveaways .list .item .to {
	width: 20%
}

@media screen and (max-width:700px) {
	.partner-container .partner-interface-container .giveaways .list .item .to {
		display: none
	}
}

.partner-container .partner-interface-container .giveaways .list .item .percentage {
	max-width: 55px
}

.partner-container .partner-interface-container .giveaways .list .item .percentage.up {
	color: #25de57
}

.partner-container .partner-interface-container .giveaways .list .item .percentage.down {
	color: #ff0a4e
}

.partner-container .partner-interface-container .giveaways .list .item .views {
	font-size: 14px;
	width: 75px;
	line-height: 17px
}

@media screen and (max-width:1000px) {
	.partner-container .partner-interface-container .giveaways .list .item .views {
		font-size: 13px
	}
}

.partner-container .partner-interface-container .giveaways .list .item .participants {
	font-size: 14px;
	width: 75px;
	line-height: 17px
}

@media screen and (max-width:1000px) {
	.partner-container .partner-interface-container .giveaways .list .item .participants {
		font-size: 13px
	}
}

.partner-container .partner-interface-container .giveaways .list .item .winner {
	line-height: 17px;
	padding-left: 30px;
	width: 10%
}

@media screen and (max-width:700px) {
	.partner-container .partner-interface-container .giveaways .list .item .winner {
		display: none
	}
}

.partner-container .partner-interface-container .giveaways .list .item .winner .name {
	text-align: left;
	margin-top: 0;
	text-transform: capitalize
}

.partner-container .partner-interface-container .giveaways .list .item .unknown {
	width: 10%;
	padding-left: 30px
}

@media screen and (max-width:700px) {
	.partner-container .partner-interface-container .giveaways .list .item .unknown {
		display: none
	}
}

.partner-container .partner-interface-container .assets {
	border-radius: 15px;
	background: var(--color-medium-dark);
	padding: 30px;
	display: flex;
	align-items: center
}

@media screen and (max-width:1000px) {
	.partner-container .partner-interface-container .assets {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.partner-container .partner-interface-container .assets {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.partner-container .partner-interface-container .assets {
		border-radius: 7px
	}
}

@media screen and (max-width:550px) {
	.partner-container .partner-interface-container .assets {
		padding: 15px
	}
}

.partner-container .partner-interface-container .assets .select2 {
	width: 100%;
	max-width: 300px
}

.partner-container .partner-interface-container .assets .logo {
	background: var(--color-very-light);
	width: 80px;
	height: 80px;
	flex-shrink: 0;
	border-radius: 5px;
	margin-right: 25px;
	display: flex;
	align-items: center;
	justify-content: center
}

.partner-container .partner-interface-container .assets .logo span {
	height: 50px;
	width: 50px;
	color: #fff;
	background: var(--color);
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 18px
}

@media screen and (max-width:800px) {
	.partner-container .partner-interface-container .assets .logo span {
		font-size: 16px
	}
}

@media screen and (max-width:650px) {
	.partner-container .partner-interface-container .assets .logo span {
		font-size: 13px
	}
}

.partner-container .partner-interface-container .assets .content .update span {
	background: rgba(37, 222, 87, .2);
	color: #25de57;
	margin-right: 15px;
	padding: 5px 10px;
	border-radius: 5px;
	display: inline-block;
	margin-bottom: 20px;
	font-weight: 700
}

.partner-container .partner-interface-container .assets .download {
	background: url(/androidportalhtml/modules/partner/images/download.svg) no-repeat;
	height: 19px;
	width: 20px;
	flex-shrink: 0
}

.partner-container .partner-interface-container .more {
	font-size: 40px;
	color: #fff;
	height: 30px;
	display: block;
	text-align: center;
	line-height: 5px;
	cursor: pointer
}

@media screen and (max-width:1000px) {
	.partner-container .partner-interface-container .more {
		font-size: 32px
	}
}

@media screen and (max-width:650px) {
	.partner-container .partner-interface-container .more {
		font-size: 24px
	}
}

.partner-container .partner-interface-container .integration-container .tabs-button div {
	display: inline-block;
	padding: 1px 10px 6px;
	font-weight: 700;
	border-radius: 5px 5px 0 0;
	position: relative;
	top: 1px;
	margin-left: 5px;
	cursor: pointer
}

.partner-container .partner-interface-container .integration-container .tabs-button div:first-child {
	margin-left: 0
}

.partner-container .partner-interface-container .integration-container .tabs-button div:hover {
	background: #fcaf02;
	color: #fff
}

.partner-container .partner-interface-container .integration-container .tabs-button div.selected {
	background: var(--color);
	color: #fff;
	border-bottom: 1px solid var(--color);
	cursor: default
}

.partner-container .partner-interface-container .integration-container .tabs-button div.discord:before {
	content: " ";
	width: 18px;
	height: 18px;
	display: inline-block;
	background: url(/androidportalhtml/modules/partner/images/integrations/discord.png) 50% no-repeat;
	background-size: 18px;
	position: relative;
	top: 5px;
	margin-right: 5px
}

@media screen and (max-width:450px) {
	.partner-container .partner-interface-container .integration-container .tabs-container {
		padding: 10px
	}
}

.partner-container .partner-interface-container .integration-container .tabs-container .description {
	margin-bottom: 30px
}

@media screen and (max-width:450px) {
	.partner-container .partner-interface-container .integration-container .tabs-container .description {
		margin-bottom: 10px
	}
}

.partner-container .partner-interface-container .integration-container .tabs-container .description .badge {
	float: left;
	margin-right: 10px;
	padding: 5px 10px;
	border-radius: 8px;
	position: relative;
	top: -5px
}

@media screen and (max-width:450px) {
	.partner-container .partner-interface-container .integration-container .tabs-container .description .badge {
		top: 0;
		margin-bottom: 10px;
		display: inline-block;
		float: none
	}
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab {
	border-radius: 15px;
	background: var(--color-medium-dark);
	padding: 30px;
	overflow: hidden
}

@media screen and (max-width:1000px) {
	.partner-container .partner-interface-container .integration-container .tabs-container .tab {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.partner-container .partner-interface-container .integration-container .tabs-container .tab {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.partner-container .partner-interface-container .integration-container .tabs-container .tab {
		border-radius: 7px
	}
}

@media screen and (max-width:450px) {
	.partner-container .partner-interface-container .integration-container .tabs-container .tab {
		padding: 10px
	}
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .panel {
	border-radius: 5px;
	position: relative
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .panel .text h3,
.partner-container .partner-interface-container .integration-container .tabs-container .tab .panel .text span.enabled-label {
	display: inline-block
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .panel .text span.enabled-label {
	font-variant: all-small-caps;
	background: #25de57;
	border: 1px solid #25de57;
	padding: 1px 4px 2px 3px;
	border-radius: 3px;
	font-weight: 700;
	position: relative;
	top: -2px;
	margin-right: 5px;
	cursor: default
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .panel .text span.enabled-label:before {
	content: "✓";
	display: inline-block;
	width: 16px;
	height: 16px;
	background-size: 16px;
	position: relative;
	top: 1px;
	font-size: 18px;
	line-height: 14px
}

@media screen and (max-width:800px) {
	.partner-container .partner-interface-container .integration-container .tabs-container .tab .panel .text span.enabled-label:before {
		font-size: 16px
	}
}

@media screen and (max-width:650px) {
	.partner-container .partner-interface-container .integration-container .tabs-container .tab .panel .text span.enabled-label:before {
		font-size: 13px
	}
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .panel .switch-button {
	display: inline-block;
	border-radius: 8px;
	float: right
}

@media screen and (max-width:1000px) {
	.partner-container .partner-interface-container .integration-container .tabs-container .tab .panel .switch-button {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.partner-container .partner-interface-container .integration-container .tabs-container .tab .panel .switch-button {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.partner-container .partner-interface-container .integration-container .tabs-container .tab .panel .switch-button {
		border-radius: 5px
	}
}

@media screen and (max-width:450px) {
	.partner-container .partner-interface-container .integration-container .tabs-container .tab .panel .switch-button {
		padding: 0 0 5px 5px
	}
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .panel .switch-button a.button {
	box-sizing: border-box
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .panel .switch-button a.button.enabled,
.partner-container .partner-interface-container .integration-container .tabs-container .tab .panel .switch-button a.button.enabled:hover {
	background-color: #3483ff
}

@media screen and (max-width:450px) {
	.partner-container .partner-interface-container .integration-container .tabs-container .tab .panel .switch-button a.button {
		padding: 0 15px;
		height: 30px
	}
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .panel .switch-button a.button span {
	font-size: 18px;
	position: relative;
	top: 2px;
	line-height: 14px
}

@media screen and (max-width:800px) {
	.partner-container .partner-interface-container .integration-container .tabs-container .tab .panel .switch-button a.button span {
		font-size: 16px
	}
}

@media screen and (max-width:650px) {
	.partner-container .partner-interface-container .integration-container .tabs-container .tab .panel .switch-button a.button span {
		font-size: 13px
	}
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .panel .configuration .alerts {
	margin-bottom: 30px
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .panel .configuration form {
	border-radius: 15px;
	background-color: var(--color-dark);
	padding: 30px;
	display: flex;
	flex-direction: column
}

@media screen and (max-width:1000px) {
	.partner-container .partner-interface-container .integration-container .tabs-container .tab .panel .configuration form {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.partner-container .partner-interface-container .integration-container .tabs-container .tab .panel .configuration form {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.partner-container .partner-interface-container .integration-container .tabs-container .tab .panel .configuration form {
		border-radius: 7px
	}
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .panel .configuration form .form-configuration {
	margin: -15px;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px!important
}

@media screen and (max-width:1000px) {
	.partner-container .partner-interface-container .integration-container .tabs-container .tab .panel .configuration form .form-configuration {
		margin: -10px
	}
}

@media screen and (max-width:800px) {
	.partner-container .partner-interface-container .integration-container .tabs-container .tab .panel .configuration form .form-configuration {
		margin: -5px
	}
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .panel .configuration form .form-configuration .input-configuration {
	margin: 15px;
	width: calc(33.33333% - 30px)
}

@media screen and (max-width:1000px) {
	.partner-container .partner-interface-container .integration-container .tabs-container .tab .panel .configuration form .form-configuration .input-configuration {
		margin: 10px;
		width: calc(33.33333% - 20px)
	}
}

@media screen and (max-width:800px) {
	.partner-container .partner-interface-container .integration-container .tabs-container .tab .panel .configuration form .form-configuration .input-configuration {
		margin: 5px;
		width: calc(33.33333% - 10px)
	}
}

@media screen and (max-width:500px) {
	.partner-container .partner-interface-container .integration-container .tabs-container .tab .panel .configuration form .form-configuration .input-configuration {
		margin: 15px;
		width: calc(100% - 30px)
	}
}

@media screen and (max-width:500px) and (max-width:1000px) {
	.partner-container .partner-interface-container .integration-container .tabs-container .tab .panel .configuration form .form-configuration .input-configuration {
		margin: 10px;
		width: calc(100% - 20px)
	}
}

@media screen and (max-width:500px) and (max-width:800px) {
	.partner-container .partner-interface-container .integration-container .tabs-container .tab .panel .configuration form .form-configuration .input-configuration {
		margin: 5px;
		width: calc(100% - 10px)
	}
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .panel .configuration form .form-configuration .input-configuration label {
	margin-bottom: 10px;
	display: flex
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .panel .configuration form .form-configuration .input-configuration .select2 {
	width: 100%
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .panel .configuration form .actions {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 30px
}

@media screen and (max-width:800px) {
	.partner-container .partner-interface-container .integration-container .tabs-container .tab .panel .configuration form .actions {
		flex-direction: column
	}
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .panel .configuration form .actions .danger {
	color: #ff0a4e;
	text-decoration: underline;
	margin-right: 15px
}

@media screen and (max-width:800px) {
	.partner-container .partner-interface-container .integration-container .tabs-container .tab .panel .configuration form .actions .danger {
		margin-right: 0;
		margin-bottom: 15px
	}
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .discord-template {
	display: flex;
	justify-content: space-between;
	user-select: none
}

@media screen and (max-width:450px) {
	.partner-container .partner-interface-container .integration-container .tabs-container .tab .discord-template {
		margin-top: 10px
	}
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .discord-template .avatar {
	width: 42px;
	height: 42px;
	padding: 0 6px;
	margin-top: 10px;
	background-image: url(../images/logo-circle.png);
	background-size: 40px;
	background-position: 50%;
	background-color: transparent;
	background-repeat: no-repeat;
	border-radius: 0;
	opacity: 0;
	animation: fade-in-up 10s ease;
	animation-iteration-count: infinite;
	transform-origin: 50% 50%;
	animation-fill-mode: forwards
}

@media screen and (max-width:450px) {
	.partner-container .partner-interface-container .integration-container .tabs-container .tab .discord-template .avatar {
		width: 35px;
		height: 35px;
		background-size: 30px
	}
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .discord-template .content {
	width: 100%;
	padding: 10px;
	color: var(--color-very-light)
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .discord-template .content .message {
	opacity: 0;
	animation: fade-in-up 10s ease;
	animation-iteration-count: infinite;
	transform-origin: 50% 50%;
	animation-fill-mode: forwards
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .discord-template .content .message .header .nickname {
	font-weight: 700;
	color: #fff
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .discord-template .content .message .header .badge {
	font-weight: 700;
	width: auto;
	height: auto;
	color: #fff;
	background: #556db9;
	display: inline-block;
	padding: 0 4px;
	font-variant: all-small-caps;
	border-radius: 3px
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .discord-template .content .message .header .timestamp {
	font-size: 12px;
	color: var(--color-light);
	margin-left: 5px
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .discord-template .content .message .text {
	line-height: 21px;
	margin-bottom: 3px;
	margin-top: 2px
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .discord-template .content .message .text.tight {
	line-height: 16px;
	padding-bottom: 8px
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .discord-template .content .message .text .medal-container {
	display: flex;
	align-items: center;
	margin: 5px 0
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .discord-template .content .message .text .medal-container .icon-rank {
	margin-right: 10px
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .discord-template .content .message .text .medal-container .icon-rank.one {
	background-color: #ffb000
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .discord-template .content .message .text .medal-container .icon-rank.two {
	background-color: #858585
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .discord-template .content .message .text .medal-container .icon-rank.three {
	background-color: #a36e20
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .discord-template .content .message .text .medal-container .icon-rank.five,
.partner-container .partner-interface-container .integration-container .tabs-container .tab .discord-template .content .message .text .medal-container .icon-rank.four {
	background-color: transparent
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .discord-template .content .message .text .medal-container .mention {
	color: #6c81c8;
	background: #3f4250;
	border-radius: 3px;
	font-weight: 700;
	padding: 1px 4px
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .discord-template .content .message .text .medal-container .mention:before {
	content: "@"
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .discord-template .content .message .text i {
	display: inline-block;
	width: 22px;
	height: 22px;
	background-repeat: no-repeat;
	background-position: 50%;
	position: relative;
	top: 6px
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .discord-template .content .message .text i.medal1 {
	background-image: url(/androidportalhtml/modules/partner/images/integrations/medal1.png)
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .discord-template .content .message .text i.medal2 {
	background-image: url(/androidportalhtml/modules/partner/images/integrations/medal2.png)
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .discord-template .content .message .text i.medal3 {
	background-image: url(/androidportalhtml/modules/partner/images/integrations/medal3.png)
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .discord-template .content .embed {
	width: 80%;
	border-radius: 3px;
	background: #323638;
	border-left: 4px solid var(--color);
	padding: 13px 12px;
	opacity: 0;
	animation: fade-in-up-delayed 10s ease;
	animation-iteration-count: infinite;
	transform-origin: 50% 50%;
	animation-fill-mode: forwards
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .discord-template .content .embed .product {
	display: flex;
	justify-content: space-between;
	font-size: 14px
}

@media screen and (max-width:1000px) {
	.partner-container .partner-interface-container .integration-container .tabs-container .tab .discord-template .content .embed .product {
		font-size: 13px
	}
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .discord-template .content .embed .product a {
	color: #1da2d6;
	margin-bottom: 10px;
	font-weight: 700;
	margin-top: 3px;
	display: inline-block
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .discord-template .content .embed .product p {
	line-height: 18px
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .discord-template .content .embed .product img {
	width: 55px;
	margin: 5px 4px 5px 10px
}

@media screen and (max-width:450px) {
	.partner-container .partner-interface-container .integration-container .tabs-container .tab .discord-template .content .embed .product img {
		display: none
	}
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .discord-template .content .embed .fields {
	display: flex;
	justify-content: left;
	margin-top: 5px
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .discord-template .content .embed .fields>div:first-child {
	width: 40%
}

.partner-container .partner-interface-container .integration-container .tabs-container .tab .discord-template .content .embed .fields p {
	font-weight: 700;
	font-size: 14px;
	color: #fff
}

@media screen and (max-width:1000px) {
	.partner-container .partner-interface-container .integration-container .tabs-container .tab .discord-template .content .embed .fields p {
		font-size: 13px
	}
}

@keyframes fade-in-up {
	0% {
		opacity: 0;
		transform: translateY(-25px)
	}
	10% {
		opacity: 1;
		transform: translate(0)
	}
	90% {
		opacity: 1;
		transform: translate(0)
	}
	to {
		opacity: 0
	}
}

@keyframes fade-in-up-delayed {
	0% {
		opacity: 0;
		transform: translateY(-25px)
	}
	3% {
		opacity: 0;
		transform: translateY(-25px)
	}
	12% {
		opacity: 1;
		transform: translate(0)
	}
	90% {
		opacity: 1;
		transform: translate(0)
	}
	to {
		opacity: 0
	}
}

.partner-container .partner-enrollment-container {
	max-width: 800px;
	margin: auto
}

.partner-container .partner-enrollment-container .panel form .fields {
	margin: -15px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}

@media screen and (max-width:1000px) {
	.partner-container .partner-enrollment-container .panel form .fields {
		margin: -10px
	}
}

@media screen and (max-width:800px) {
	.partner-container .partner-enrollment-container .panel form .fields {
		margin: -5px
	}
}

.partner-container .partner-enrollment-container .panel form .fields .partner-input,
.partner-container .partner-enrollment-container .panel form .fields .select2 {
	margin: 15px;
	width: calc(50% - 30px)
}

@media screen and (max-width:1000px) {
	.partner-container .partner-enrollment-container .panel form .fields .partner-input,
	.partner-container .partner-enrollment-container .panel form .fields .select2 {
		margin: 10px;
		width: calc(50% - 20px)
	}
}

@media screen and (max-width:800px) {
	.partner-container .partner-enrollment-container .panel form .fields .partner-input,
	.partner-container .partner-enrollment-container .panel form .fields .select2 {
		margin: 5px;
		width: calc(50% - 10px)
	}
}

@media screen and (max-width:500px) {
	.partner-container .partner-enrollment-container .panel form .fields .partner-input,
	.partner-container .partner-enrollment-container .panel form .fields .select2 {
		margin: 15px;
		width: calc(100% - 30px)
	}
}

@media screen and (max-width:500px) and (max-width:1000px) {
	.partner-container .partner-enrollment-container .panel form .fields .partner-input,
	.partner-container .partner-enrollment-container .panel form .fields .select2 {
		margin: 10px;
		width: calc(100% - 20px)
	}
}

@media screen and (max-width:500px) and (max-width:800px) {
	.partner-container .partner-enrollment-container .panel form .fields .partner-input,
	.partner-container .partner-enrollment-container .panel form .fields .select2 {
		margin: 5px;
		width: calc(100% - 10px)
	}
}

.partner-container .partner-enrollment-container .panel form .partner-invoice-management label {
	font-size: 18px
}

@media screen and (max-width:800px) {
	.partner-container .partner-enrollment-container .panel form .partner-invoice-management label {
		font-size: 16px
	}
}

@media screen and (max-width:650px) {
	.partner-container .partner-enrollment-container .panel form .partner-invoice-management label {
		font-size: 13px
	}
}

.partner-container .partner-enrollment-container .panel form .partner-invoice-management p {
	margin: 15px 30px;
	color: var(--color-light)
}

.partner-container .partner-enrollment-container .panel form .button {
	margin-top: 30px;
	width: 100%
}

.partner-container .partner-enrollment-container .panel .checkboxes .invoice {
	margin: 15px;
	width: calc(100% - 30px)
}

@media screen and (max-width:1000px) {
	.partner-container .partner-enrollment-container .panel .checkboxes .invoice {
		margin: 10px;
		width: calc(100% - 20px)
	}
}

@media screen and (max-width:800px) {
	.partner-container .partner-enrollment-container .panel .checkboxes .invoice {
		margin: 5px;
		width: calc(100% - 10px)
	}
}

.partner-container .inactive-partner div {
	text-align: center
}

.partner-container .inactive-partner div.title {
	margin: 10px 20px 20px;
	font-weight: 700;
	font-size: 14px
}

@media screen and (max-width:1000px) {
	.partner-container .inactive-partner div.title {
		font-size: 13px
	}
}

.partner-container .inactive-partner div.checkboxes {
	margin: 10px;
	font-weight: 700
}

.partner-container .inactive-partner div.error {
	margin-bottom: 10px
}

.partner-payment-modal {
	flex-direction: column;
	max-width: 800px
}

.partner-payment-modal .payment-modal-body .available-balance {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 45px 0
}

.partner-payment-modal .payment-modal-body .available-balance h3 {
	margin-bottom: 0!important
}

.partner-payment-modal .payment-modal-body .available-balance .balance {
	font-weight: 700;
	font-size: 32px;
	color: #25de57
}

@media screen and (max-width:1000px) {
	.partner-payment-modal .payment-modal-body .available-balance .balance {
		font-size: 24px
	}
}

@media screen and (max-width:800px) {
	.partner-payment-modal .payment-modal-body .available-balance .balance {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.partner-payment-modal .payment-modal-body .available-balance .balance {
		font-size: 18px
	}
}

.partner-payment-modal .payment-modal-body form .payment-form {
	margin: -15px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}

@media screen and (max-width:1000px) {
	.partner-payment-modal .payment-modal-body form .payment-form {
		margin: -10px
	}
}

@media screen and (max-width:800px) {
	.partner-payment-modal .payment-modal-body form .payment-form {
		margin: -5px
	}
}

.partner-payment-modal .payment-modal-body form .payment-form label {
	margin: 15px;
	width: calc(50% - 30px)
}

@media screen and (max-width:1000px) {
	.partner-payment-modal .payment-modal-body form .payment-form label {
		margin: 10px;
		width: calc(50% - 20px)
	}
}

@media screen and (max-width:800px) {
	.partner-payment-modal .payment-modal-body form .payment-form label {
		margin: 5px;
		width: calc(50% - 10px)
	}
}

@media screen and (max-width:500px) {
	.partner-payment-modal .payment-modal-body form .payment-form label {
		margin: 15px;
		width: calc(100% - 30px)
	}
}

@media screen and (max-width:500px) and (max-width:1000px) {
	.partner-payment-modal .payment-modal-body form .payment-form label {
		margin: 10px;
		width: calc(100% - 20px)
	}
}

@media screen and (max-width:500px) and (max-width:800px) {
	.partner-payment-modal .payment-modal-body form .payment-form label {
		margin: 5px;
		width: calc(100% - 10px)
	}
}

.partner-payment-modal .payment-modal-body form .payment-form .select2 {
	width: 100%
}

.partner-payment-modal .payment-modal-body form .alerts {
	margin: 30px 0
}

.partner-payment-modal .payment-modal-body form .button {
	width: 100%;
	margin-top: 30px
}

.discord-how-to-webhook-modal {
	flex-direction: column
}

.discord-how-to-webhook-modal .alerts {
	margin-bottom: 30px
}

.discord-how-to-webhook-modal ul {
	counter-reset: counter
}

.discord-how-to-webhook-modal ul li {
	counter-increment: counter;
	margin: 10px 0;
	color: var(--color-light)
}

.discord-how-to-webhook-modal ul li:before {
	font-size: 20px;
	content: counter(counter) ". ";
	color: #fff
}

@media screen and (max-width:1000px) {
	.discord-how-to-webhook-modal ul li:before {
		font-size: 16px
	}
}

.discord-how-to-webhook-modal ul li strong {
	color: #fff
}

.page-customization {
	display: flex;
	flex-direction: column;
	margin-bottom: -200px
}

@media screen and (max-width:1000px) {
	.page-customization {
		margin-bottom: -150px
	}
}

@media screen and (max-width:600px) {
	.page-customization {
		margin-bottom: -130px
	}
}

.page-customization .custombg {
	position: relative;
	overflow: hidden;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: inset 0 520px 80px -460px var(--color-ultra-dark);
	height: 400px
}

.page-customization .custombg:after {
	content: "";
	clip-path: polygon(0 100%, 100% 100%, 0 0);
	background: var(--color-dark);
	height: 60px;
	min-width: 1700px;
	width: 100%;
	position: absolute;
	bottom: -1px
}

@media screen and (max-width:1000px) {
	.page-customization .custombg {
		padding-top: 0;
		margin-top: 85px;
		box-shadow: none;
		height: 250px
	}
}

@media screen and (max-width:650px) {
	.page-customization .custombg {
		height: 200px
	}
}

@media screen and (max-width:450px) {
	.page-customization .custombg {
		height: 150px
	}
}

.page-customization .custominfo {
	max-width: 1200px;
	align-self: center;
	width: 100%;
	border-radius: 15px;
	background-color: var(--color-dark);
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: -180px;
	z-index: 1;
	padding: 60px;
	padding-bottom: 0!important
}

@media screen and (max-width:1000px) {
	.page-customization .custominfo {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.page-customization .custominfo {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.page-customization .custominfo {
		border-radius: 7px
	}
}

@media screen and (max-width:1200px) {
	.page-customization .custominfo {
		padding-left: 30px;
		padding-right: 30px
	}
}

@media screen and (max-width:1000px) {
	.page-customization .custominfo {
		padding: 0 20px;
		margin-top: 0
	}
}

@media screen and (max-width:800px) {
	.page-customization .custominfo {
		padding: 0 10px
	}
}

.page-customization .custominfo h1 {
	display: flex
}

.page-customization .custominfo p {
	line-height: 25px;
	margin-bottom: 30px
}

@media screen and (max-width:650px) {
	.page-customization .custominfo p {
		line-height: 20px
	}
}

.page-customization .custominfo p:last-of-type {
	margin-bottom: 0
}

.page-customization .custominfo img {
	width: 100%;
	max-width: 350px
}

.payment-loading {
	display: none;
	flex-direction: column
}

.payment-loading .loader-container {
	margin-top: 60px
}

@media screen and (max-width:1000px) {
	.payment-loading .loader-container {
		margin-top: 30px
	}
}

@media screen and (max-width:400px) {
	.payment-loading .loader-container {
		margin-top: 20px
	}
}

.payment-container {
	max-width: 1200px;
	align-self: center;
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-top: 180px;
	align-items: center
}

@media screen and (max-width:800px) {
	.payment-container {
		margin-top: 120px
	}
}

@media screen and (max-width:800px) {
	.payment-container .payment-app {
		width: 100%
	}
}

.payment-container .payment-app .messages {
	margin: -20px 0 30px;
	display: flex;
	justify-content: center
}

@media screen and (max-width:800px) {
	.payment-container .payment-app .messages {
		margin: 0
	}
}

.payment-container .payment-app .messages .alerts {
	margin: 5px
}

@media screen and (max-width:800px) {
	.payment-container .payment-app .messages .alerts {
		margin: 20px 0
	}
}

.payment-container .payment-app .payment-form {
	display: flex;
	position: relative;
	align-items: flex-start
}

@media screen and (max-width:800px) {
	.payment-container .payment-app .payment-form {
		flex-direction: column-reverse
	}
}

.payment-container .payment-app .payment-form .platforms {
	display: flex;
	flex-direction: column;
	width: 50%;
	margin-right: 60px
}

@media screen and (max-width:1000px) {
	.payment-container .payment-app .payment-form .platforms {
		margin-right: 30px
	}
}

@media screen and (max-width:800px) {
	.payment-container .payment-app .payment-form .platforms {
		width: 100%;
		margin-right: 0
	}
}

.payment-container .payment-app .payment-form .platforms .billing-address-container {
	display: flex;
	flex-direction: column
}

.payment-container .payment-app .payment-form .platforms .billing-address-container .alerts {
	align-self: center;
	margin-bottom: 30px
}

.payment-container .payment-app .payment-form .platforms .billing-address-container .alerts .icon-warning {
	background-color: #ff0a4e;
	margin-right: 10px
}

.payment-container .payment-app .payment-form .platforms .billing {
	display: flex;
	padding: 20px;
	border-radius: 15px;
	align-items: center;
	color: var(--color-very-light);
	border: 2px solid var(--color-medium);
	margin-bottom: 30px
}

@media screen and (max-width:1000px) {
	.payment-container .payment-app .payment-form .platforms .billing {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.payment-container .payment-app .payment-form .platforms .billing {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.payment-container .payment-app .payment-form .platforms .billing {
		border-radius: 7px
	}
}

.payment-container .payment-app .payment-form .platforms .billing .options {
	width: 33.33333%;
	margin: 10px
}

.payment-container .payment-app .payment-form .platforms .billing .options input,
.payment-container .payment-app .payment-form .platforms .billing .options select {
	background-color: var(--color-dark)
}

.payment-container .payment-app .payment-form .platforms .billing .vat {
	margin: 0 10px 0 auto
}

.payment-container .payment-app .payment-form .platforms .service {
	display: flex;
	flex-direction: column;
	transition: .2s
}

.payment-container .payment-app .payment-form .platforms .service.opacity {
	opacity: .3
}

.payment-container .payment-app .payment-form .platforms .service .payment-platform-panel .payment-platform-panel-content .payment-directdebit-platforms {
	display: flex;
	flex-direction: column
}

.payment-container .payment-app .payment-form .platforms .service .payment-platform-panel .payment-platform-panel-content .payment-directdebit-platforms label.radio-button {
	border-radius: 8px;
	background-repeat: no-repeat;
	background-position: right 0 center;
	padding: 12px 0;
	transition: .2s;
	color: var(--color-light)
}

@media screen and (max-width:1000px) {
	.payment-container .payment-app .payment-form .platforms .service .payment-platform-panel .payment-platform-panel-content .payment-directdebit-platforms label.radio-button {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.payment-container .payment-app .payment-form .platforms .service .payment-platform-panel .payment-platform-panel-content .payment-directdebit-platforms label.radio-button {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.payment-container .payment-app .payment-form .platforms .service .payment-platform-panel .payment-platform-panel-content .payment-directdebit-platforms label.radio-button {
		border-radius: 5px
	}
}

.payment-container .payment-app .payment-form .platforms .service .payment-platform-panel .payment-platform-panel-content .payment-directdebit-platforms label.radio-button.credit_card {
	background-size: 70px;
	background-image: url(../images/payments/icon-mcvisa.svg)
}

.payment-container .payment-app .payment-form .platforms .service .payment-platform-panel .payment-platform-panel-content .payment-directdebit-platforms label.radio-button.sofort {
	background-size: 62px;
	background-image: url(../images/payments/icon-sofort.svg)
}

.payment-container .payment-app .payment-form .platforms .service .payment-platform-panel .payment-platform-panel-content .payment-directdebit-platforms label.radio-button.paypal {
	background-size: 62px;
	background-image: url(../images/payments/icon-paypal.svg)
}

.payment-container .payment-app .payment-form .platforms .service .payment-platform-panel .payment-platform-panel-content .payment-directdebit-platforms label.radio-button.paysafecard {
	background-size: 90px;
	background-image: url(../images/payments/icon-paysafecard.svg)
}

.payment-container .payment-app .payment-form .platforms .service .payment-platform-panel .payment-platform-panel-content .payment-directdebit-platforms label.radio-button.bancontact {
	background-size: 38px;
	background-image: url(../images/payments/icon-bancontact.svg)
}

.payment-container .payment-app .payment-form .platforms .service .payment-platform-panel .payment-platform-panel-content .payment-directdebit-platforms label.radio-button.belfius {
	background-size: 60px;
	background-image: url(../images/payments/icon-belfius.svg)
}

.payment-container .payment-app .payment-form .platforms .service .payment-platform-panel .payment-platform-panel-content .payment-directdebit-platforms label.radio-button.ideal {
	background-size: 29px;
	background-image: url(../images/payments/icon-ideal.svg)
}

.payment-container .payment-app .payment-form .platforms .service .payment-platform-panel .payment-platform-panel-content .payment-directdebit-platforms label.radio-button.ing {
	background-size: 37px;
	background-image: url(../images/payments/icon-ing.svg)
}

.payment-container .payment-app .payment-form .platforms .service .payment-platform-panel .payment-platform-panel-content .payment-directdebit-platforms label.radio-button.multibanco {
	background-size: 27px;
	background-image: url(../images/payments/icon-multibanco.svg)
}

.payment-container .payment-app .payment-form .platforms .service .payment-platform-panel .payment-platform-panel-content .payment-directdebit-platforms label.radio-button.cvs {
	background-size: 50px;
	background-image: url(../images/payments/icon-cvs.svg)
}

.payment-container .payment-app .payment-form .platforms .service .payment-platform-panel .payment-platform-panel-content .payment-directdebit-platforms label.radio-button.obucks {
	background-size: 58px;
	background-image: url(../images/payments/icon-obucks.svg)
}

.payment-container .payment-app .payment-form .platforms .service .payment-platform-panel .payment-platform-panel-content .payment-directdebit-platforms label.radio-button.dollargeneral {
	background-size: 45px;
	background-image: url(../images/payments/icon-dollargeneral.svg)
}

.payment-container .payment-app .payment-form .platforms .service .payment-platform-panel .payment-platform-panel-content .payment-directdebit-platforms label.radio-button .name {
	font-size: 20px;
	display: flex;
	align-items: center
}

@media screen and (max-width:1000px) {
	.payment-container .payment-app .payment-form .platforms .service .payment-platform-panel .payment-platform-panel-content .payment-directdebit-platforms label.radio-button .name {
		font-size: 16px
	}
}

.payment-container .payment-app .payment-form .platforms .service .payment-platform-panel .payment-platform-panel-content .payment-directdebit-platforms label.radio-button .name .fees {
	font-size: 14px;
	margin-left: 7.5px;
	color: var(--color-medium-light);
	opacity: .7
}

@media screen and (max-width:1000px) {
	.payment-container .payment-app .payment-form .platforms .service .payment-platform-panel .payment-platform-panel-content .payment-directdebit-platforms label.radio-button .name .fees {
		font-size: 13px
	}
}

.payment-container .payment-app .payment-form .platforms .service .payment-platform-panel .payment-platform-panel-content .payment-directdebit-platforms label.radio-button .details {
	display: flex;
	flex-direction: column
}

.payment-container .payment-app .payment-form .platforms .service .payment-platform-panel .payment-platform-panel-content .payment-directdebit-platforms label.radio-button .details .card {
	font-size: 14px
}

@media screen and (max-width:1000px) {
	.payment-container .payment-app .payment-form .platforms .service .payment-platform-panel .payment-platform-panel-content .payment-directdebit-platforms label.radio-button .details .card {
		font-size: 13px
	}
}

.payment-container .payment-app .payment-form .platforms .service .payment-platform-panel .payment-platform-panel-content .payment-directdebit-platforms label.radio-button .details .card a:hover {
	color: #fff
}

.payment-container .payment-app .payment-form .platforms .service .payment-platform-panel .payment-platform-panel-content .payment-directdebit-platforms label.radio-button .icon {
	margin-left: auto
}

.payment-container .payment-app .payment-form .platforms .service .payment-platform-panel .payment-platform-panel-content .payment-directdebit-platforms label.radio-button .icon.icon-mastercard {
	width: 39px;
	height: 25px
}

.payment-container .payment-app .payment-form .platforms .service .payment-platform-panel .payment-platform-panel-content .payment-directdebit-platforms label.radio-button .icon.icon-visa {
	width: 70px;
	height: 25px;
	margin-left: 10px
}

.payment-container .payment-app .payment-form .platforms .service .payment-platform-panel .payment-platform-panel-content .payment-directdebit-platforms label.radio-button .icon.icon-paypal {
	width: 100px;
	height: 27px
}

.payment-container .payment-app .payment-form .platforms .service .payment-platform-panel .payment-platform-panel-content .payment-directdebit-platforms label.radio-button .icon.icon-paysafecard {
	width: 150px;
	height: 25px
}

.payment-container .payment-app .payment-form .platforms .service .payment-platform-panel .payment-platform-panel-content .payment-directdebit-platforms label.radio-button .icon.icon-sofort {
	width: 95px;
	height: 25px
}

.payment-container .payment-app .payment-form .platforms .service .payment-platform-panel .payment-platform-panel-content .payment-directdebit-platforms label.radio-button .icon.icon-belfius {
	width: 110px;
	height: 25px
}

.payment-container .payment-app .payment-form .platforms .service .payment-platform-panel .payment-platform-panel-content .payment-directdebit-platforms label.radio-button .icon.icon-bancontact,
.payment-container .payment-app .payment-form .platforms .service .payment-platform-panel .payment-platform-panel-content .payment-directdebit-platforms label.radio-button .icon.icon-ing {
	width: 80px;
	height: 50px
}

.payment-container .payment-app .payment-form .platforms .service .payment-platform-panel .payment-platform-panel-content .payment-directdebit-platforms label.radio-button .icon.icon-ideal {
	width: 60px;
	height: 55px
}

.payment-container .payment-app .payment-form .platforms .service .payment-platform-panel .payment-platform-panel-content .payment-directdebit-platforms label.radio-button .logo-ig {
	margin-left: auto;
	width: 110px;
	height: 25px
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .select2 {
	width: 100%!important;
	margin-bottom: 15px
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .bank-select {
	margin-bottom: 15px
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .button {
	width: 100%;
	font-size: 18px
}

@media screen and (max-width:800px) {
	.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .button {
		font-size: 16px
	}
}

@media screen and (max-width:650px) {
	.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .button {
		font-size: 13px
	}
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .button span {
	margin: 0 5px
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .payment-platform-submitbtn-wrapper {
	margin-top: 25px
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .payment-platforms-fees {
	margin-bottom: 30px;
	color: var(--color)
}

@media screen and (max-width:800px) {
	.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .payment-platforms-fees {
		margin-bottom: 30px
	}
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .payment-platform-panel-adyen .adyen-checkout__payment-method {
	background: #323232;
	border: 1px solid #3d3d3d
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .payment-platform-panel-adyen .adyen-checkout__payment-method:last-child {
	margin-bottom: 10px
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .payment-platform-panel-adyen .adyen-checkout__payment-method .adyen-checkout__payment-method__header {
	color: #fff
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .payment-platform-panel-adyen .adyen-checkout__card-input {
	margin-top: 25px
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .payment-platform-panel-adyen .adyen-checkout__payment-method--selected {
	border: 0;
	background: 0 0
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .payment-platform-panel-adyen .adyen-checkout__payment-method--selected .adyen-checkout__checkbox__label,
.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .payment-platform-panel-adyen .adyen-checkout__payment-method--selected .adyen-checkout__helper-text,
.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .payment-platform-panel-adyen .adyen-checkout__payment-method--selected .adyen-checkout__label__text {
	color: #fff;
	margin-bottom: 10px;
	display: block;
	font-size: medium;
	font-weight: 400;
	line-height: normal;
	padding-bottom: 0
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .payment-platform-panel-adyen .adyen-checkout__payment-method--selected .adyen-checkout__payment-method__details {
	padding: 0
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .payment-platform-panel-adyen .adyen-checkout__payment-method--selected .chckt-input-field--error {
	color: red
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .payment-platform-panel-adyen .adyen-checkout__payment-method--selected .adyen-checkout__input {
	border-radius: 8px;
	font-size: 16px;
	color: #fff;
	padding: 15px;
	outline: none;
	font-family: proximanova, arial, sans-serif;
	width: 100%;
	border: 0;
	height: 58px;
	transition: .2s;
	box-shadow: inset 0 0 0 2px var(--color-medium);
	background-color: rgba(16, 16, 16, .4)
}

@media screen and (max-width:1000px) {
	.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .payment-platform-panel-adyen .adyen-checkout__payment-method--selected .adyen-checkout__input {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .payment-platform-panel-adyen .adyen-checkout__payment-method--selected .adyen-checkout__input {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .payment-platform-panel-adyen .adyen-checkout__payment-method--selected .adyen-checkout__input {
		border-radius: 5px
	}
}

@media screen and (max-width:1000px) {
	.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .payment-platform-panel-adyen .adyen-checkout__payment-method--selected .adyen-checkout__input {
		font-size: 15px
	}
}

@media screen and (max-width:650px) {
	.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .payment-platform-panel-adyen .adyen-checkout__payment-method--selected .adyen-checkout__input {
		font-size: 13px
	}
}

body.neon .payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .payment-platform-panel-adyen .adyen-checkout__payment-method--selected .adyen-checkout__input {
	background-color: rgba(0, 4, 33, .5)
}

@media screen and (max-width:1000px) {
	.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .payment-platform-panel-adyen .adyen-checkout__payment-method--selected .adyen-checkout__input {
		height: 48px
	}
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .payment-platform-panel-adyen .adyen-checkout__payment-method--selected .adyen-checkout__input::placeholder {
	color: var(--color-light);
	opacity: .7
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .payment-platform-panel-adyen .adyen-checkout__payment-method--selected .adyen-checkout__input:hover {
	box-shadow: inset 0 0 0 2px var(--color)
}

body.neon .payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .payment-platform-panel-adyen .adyen-checkout__payment-method--selected .adyen-checkout__input:hover {
	box-shadow: inset 0 0 0 2px #3483ff!important
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .payment-platform-panel-adyen .adyen-checkout__payment-method--selected .adyen-checkout__input:focus {
	box-shadow: inset 0 0 0 2px #ff5400!important
}

body.neon .payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .payment-platform-panel-adyen .adyen-checkout__payment-method--selected .adyen-checkout__input:focus {
	box-shadow: inset 0 0 0 2px #3483ff!important
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .payment-platform-panel-adyen .adyen-checkout__payment-method--selected .adyen-checkout__input.secondary {
	background-color: transparent;
	border: 1px solid hsla(0, 0%, 100%, .6)
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .hipay_tpp_usercards_form .user-cards-wrapper {
	width: 100%;
	background-color: var(--color-medium-dark);
	padding: 20px 30px 30px;
	border-radius: 15px;
	margin-bottom: 35px
}

@media screen and (max-width:1000px) {
	.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .hipay_tpp_usercards_form .user-cards-wrapper {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .hipay_tpp_usercards_form .user-cards-wrapper {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .hipay_tpp_usercards_form .user-cards-wrapper {
		border-radius: 7px
	}
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .hipay_tpp_usercards_form .user-cards-wrapper label.user-card {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 20px 0;
	flex-wrap: wrap
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .hipay_tpp_usercards_form .user-cards-wrapper label.user-card .card-details {
	display: flex;
	align-items: center
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .hipay_tpp_usercards_form .user-cards-wrapper label.user-card .revalidation-message {
	display: none;
	width: 100%;
	color: #ff0a4e;
	margin-top: 10px
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .hipay_tpp_usercards_form .user-cards-wrapper label.user-card .icon-visa {
	width: 40px;
	height: 13px
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .hipay_tpp_usercards_form .user-cards-wrapper .validation {
	display: flex;
	align-items: center
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .hipay_tpp_usercards_form .user-cards-wrapper .validation .card-logo {
	margin-right: 10px
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .hipay_tpp_usercards_form .user-cards-wrapper .validation .partial-pan input {
	border: 0;
	box-shadow: 0 0 0 1px #ff0a4e;
	color: #ff0a4e;
	background-color: var(--color-dark);
	text-align: center;
	width: 50px;
	margin-left: 10px;
	border-radius: 5px;
	padding: 8px 0
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .hipay_tpp_usercards_form .user-cards-wrapper .validation .partial-pan input::placeholder {
	color: rgba(255, 10, 78, .5)
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .hipay_tpp_usercards_form .user-cards-wrapper .validation .partial-pan input.validated {
	box-shadow: 0 0 0 1px #25de57;
	color: #25de57
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .hipay_tpp_usercards_form .user-cards-wrapper .date {
	display: flex;
	align-items: center
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .hipay_tpp_usercards_form .user-cards-wrapper .user-card-delete {
	display: flex;
	margin-left: 10px
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .default .fake .fake-container {
	padding: 30px;
	border-radius: 15px;
	background: var(--color-very-dark);
	margin-bottom: 30px
}

@media screen and (max-width:1000px) {
	.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .default .fake .fake-container {
		padding: 20px
	}
}

@media screen and (max-width:400px) {
	.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .default .fake .fake-container {
		padding: 15px
	}
}

@media screen and (max-width:1000px) {
	.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .default .fake .fake-container {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .default .fake .fake-container {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .default .fake .fake-container {
		border-radius: 7px
	}
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .default .fake .fake-container h3 {
	margin-bottom: 20px;
	width: 100%
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .default .fake .fake-container .row {
	margin-bottom: 15px;
	width: 100%;
	display: flex;
	align-items: center;
	border-radius: 8px
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .default .fake .fake-container .row:last-of-type {
	margin-bottom: 0;
	margin-top: 30px
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .default .fake .fake-container .row a,
.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .default .fake .fake-container .row label:not(.checkbox) {
	display: inline-block;
	white-space: nowrap;
	padding-right: 15px;
	height: auto
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .default .fake .fake-container .row a.clickable,
.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .default .fake .fake-container .row label:not(.checkbox).clickable {
	cursor: pointer
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .default .fake .fake-container .row label.copy {
	justify-content: left
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .default .fake .fake-container .row .select2 {
	border-radius: 0 8px 8px 0;
	width: 100%;
	margin-bottom: 0
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .default .fake .fake-container .row a {
	margin-left: 10px;
	text-decoration: underline
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .default .fake .fake-container .copy {
	display: flex;
	justify-content: center;
	width: 100%
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .default .fake .fake-container .copy a {
	margin-left: 10px;
	display: flex;
	align-items: center
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .default .skip {
	margin: 20px 0
}

.payment-container .payment-app .payment-form .platforms .service .payment-platforms-panels .default .skip label {
	justify-content: center
}

.payment-container .payment-app .payment-form .caixa .cashier-form-field-text {
	background-color: #1d1d1d
}

.payment-container .payment-app .payment-form .caixa .container {
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 0 0 2px var(--color-medium)
}

@media screen and (max-width:1000px) {
	.payment-container .payment-app .payment-form .caixa .container {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.payment-container .payment-app .payment-form .caixa .container {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.payment-container .payment-app .payment-form .caixa .container {
		border-radius: 7px
	}
}

.payment-container .payment-app .payment-form .caixa .container .panel-group .card-list-container .card-list-row {
	cursor: pointer;
	box-shadow: 0 0 0 2px var(--color-medium);
	position: relative;
	padding: 20px 20px 20px 55px;
	color: var(--color);
	background-color: var(--color-very-dark);
	transition: .2s
}

.payment-container .payment-app .payment-form .caixa .container .panel-group .card-list-container .card-list-row:hover {
	color: #fff
}

.payment-container .payment-app .payment-form .caixa .container .panel-group .card-list-container .card-list-row:before {
	content: "";
	height: 22px;
	width: 25px;
	background-image: url(/androidportalhtml/modules/payment/images/credit-card.svg);
	background-size: 100%;
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%)
}

body.neon .payment-container .payment-app .payment-form .caixa .container .panel-group .card-list-container .card-list-row:before {
	background-image: url(/androidportalhtml/modules/payment/images/credit-card-neon.svg)
}

.payment-container .payment-app .payment-form .caixa .container .panel-group .card-list-container .card-list-row span {
	cursor: pointer
}

.payment-container .payment-app .payment-form .caixa .container .panel-group .card-list-container .card-list-row .remove-button {
	height: 0
}

.payment-container .payment-app .payment-form .caixa .container .panel-group .panel-primary .form-panel {
	padding: 30px
}

@media screen and (max-width:600px) {
	.payment-container .payment-app .payment-form .caixa .container .panel-group .panel-primary .form-panel {
		padding: 15px
	}
}

.payment-container .payment-app .payment-form .caixa .container .panel-group .panel-primary .form-panel>form {
	display: flex;
	flex-wrap: wrap
}

.payment-container .payment-app .payment-form .caixa .container .panel-group .panel-primary .form-panel>form>div {
	margin-bottom: 15px
}

.payment-container .payment-app .payment-form .caixa .container .panel-group .panel-primary .form-panel>form>div:first-child,
.payment-container .payment-app .payment-form .caixa .container .panel-group .panel-primary .form-panel>form>div:nth-child(2) {
	width: 100%
}

.payment-container .payment-app .payment-form .caixa .container .panel-group .panel-primary .form-panel>form>div:nth-child(3),
.payment-container .payment-app .payment-form .caixa .container .panel-group .panel-primary .form-panel>form>div:nth-child(4) {
	width: 50%
}

.payment-container .payment-app .payment-form .caixa .container .panel-group .panel-primary .form-panel>form>div:nth-child(3) {
	margin-right: 15px;
	width: calc(50% - 15px)
}

.payment-container .payment-app .payment-form .caixa .container .panel-group .panel-primary .form-panel>form>div:last-of-type {
	margin-bottom: 30px
}

@media screen and (max-width:500px) {
	.payment-container .payment-app .payment-form .caixa .container .panel-group .panel-primary .form-panel>form>div:last-of-type {
		margin-bottom: 15px
	}
}

.payment-container .payment-app .payment-form .caixa .container .panel-group .panel-primary .form-panel>form>div:last-of-type label {
	cursor: pointer
}

.payment-container .payment-app .payment-form .caixa .container .panel-group .panel-primary .form-panel>form>div label {
	display: flex;
	margin-bottom: 10px
}

.payment-container .payment-app .payment-form .caixa .container .panel-group .panel-primary .form-panel>form>div input[type=checkbox] {
	margin-right: 10px;
	height: 18px;
	width: 18px
}

.payment-container .payment-app .payment-form .caixa .container .panel-group .panel-primary .form-panel>form .pan-container {
	border-radius: 8px;
	font-size: 16px;
	color: #fff;
	padding: 15px;
	outline: none;
	font-family: proximanova, arial, sans-serif;
	width: 100%;
	border: 0;
	height: 58px;
	transition: .2s;
	box-shadow: inset 0 0 0 2px var(--color-medium);
	background-color: rgba(16, 16, 16, .4)
}

@media screen and (max-width:1000px) {
	.payment-container .payment-app .payment-form .caixa .container .panel-group .panel-primary .form-panel>form .pan-container {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.payment-container .payment-app .payment-form .caixa .container .panel-group .panel-primary .form-panel>form .pan-container {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.payment-container .payment-app .payment-form .caixa .container .panel-group .panel-primary .form-panel>form .pan-container {
		border-radius: 5px
	}
}

@media screen and (max-width:1000px) {
	.payment-container .payment-app .payment-form .caixa .container .panel-group .panel-primary .form-panel>form .pan-container {
		font-size: 15px
	}
}

@media screen and (max-width:650px) {
	.payment-container .payment-app .payment-form .caixa .container .panel-group .panel-primary .form-panel>form .pan-container {
		font-size: 13px
	}
}

body.neon .payment-container .payment-app .payment-form .caixa .container .panel-group .panel-primary .form-panel>form .pan-container {
	background-color: rgba(0, 4, 33, .5)
}

@media screen and (max-width:1000px) {
	.payment-container .payment-app .payment-form .caixa .container .panel-group .panel-primary .form-panel>form .pan-container {
		height: 48px
	}
}

.payment-container .payment-app .payment-form .caixa .container .panel-group .panel-primary .form-panel>form .pan-container::placeholder {
	color: var(--color-light);
	opacity: .7
}

.payment-container .payment-app .payment-form .caixa .container .panel-group .panel-primary .form-panel>form .pan-container:hover {
	box-shadow: inset 0 0 0 2px var(--color)
}

body.neon .payment-container .payment-app .payment-form .caixa .container .panel-group .panel-primary .form-panel>form .pan-container:hover {
	box-shadow: inset 0 0 0 2px #3483ff!important
}

.payment-container .payment-app .payment-form .caixa .container .panel-group .panel-primary .form-panel>form .pan-container:focus {
	box-shadow: inset 0 0 0 2px #ff5400!important
}

body.neon .payment-container .payment-app .payment-form .caixa .container .panel-group .panel-primary .form-panel>form .pan-container:focus {
	box-shadow: inset 0 0 0 2px #3483ff!important
}

.payment-container .payment-app .payment-form .caixa .container .panel-group .panel-primary .form-panel>form .pan-container.secondary {
	background-color: transparent;
	border: 1px solid hsla(0, 0%, 100%, .6)
}

.payment-container .payment-app .payment-form .caixa .container .panel-group .quickpay-button {
	cursor: pointer;
	padding: 20px;
	box-shadow: 0 0 0 2px var(--color-medium);
	color: var(--color);
	background-color: var(--color-very-dark);
	transition: .2s
}

.payment-container .payment-app .payment-form .caixa .container .panel-group .quickpay-button:hover {
	color: #fff
}

.payment-container .payment-app .payment-form .panel {
	border-radius: 15px;
	overflow: hidden;
	width: 50%;
	position: sticky;
	top: 180px
}

@media screen and (max-width:1000px) {
	.payment-container .payment-app .payment-form .panel {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.payment-container .payment-app .payment-form .panel {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.payment-container .payment-app .payment-form .panel {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.payment-container .payment-app .payment-form .panel {
		position: relative;
		width: 100%;
		top: 0
	}
}

@media screen and (min-width:800px) {
	.payment-container .payment-app .payment-form .panel .separator {
		display: none
	}
}

.payment-container .payment-app .payment-form .panel .alerts {
	margin-bottom: 25px
}

.payment-container .payment-app .payment-form .panel picture {
	position: relative;
	display: flex;
	flex-shrink: 0;
	align-self: center
}

@media screen and (max-width:800px) {
	.payment-container .payment-app .payment-form .panel picture {
		width: 100%;
		justify-content: center
	}
}

.payment-container .payment-app .payment-form .panel picture img {
	width: 100%
}

@media screen and (max-width:800px) {
	.payment-container .payment-app .payment-form .panel picture img {
		border-radius: 15px;
		width: 100%;
		max-width: 200px;
		margin: 15px
	}
}

@media screen and (max-width:800px) and (max-width:1000px) {
	.payment-container .payment-app .payment-form .panel picture img {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) and (max-width:800px) {
	.payment-container .payment-app .payment-form .panel picture img {
		border-radius: 10px
	}
}

@media screen and (max-width:800px) and (max-width:400px) {
	.payment-container .payment-app .payment-form .panel picture img {
		border-radius: 7px
	}
}

.payment-container .payment-app .payment-form .panel picture .platforms {
	position: absolute;
	top: 8px;
	left: 8px
}

.payment-container .payment-app .payment-form .panel picture .discount {
	margin-top: auto;
	position: absolute;
	bottom: -5px;
	left: -5px
}

.payment-container .payment-app .payment-form .panel .table {
	width: 100%;
	background-color: var(--color-medium-dark);
	padding: 25px 30px 30px
}

@media screen and (min-width:800px) {
	.payment-container .payment-app .payment-form .panel .table {
		border-top-right-radius: 0;
		border-top-left-radius: 0
	}
}

@media screen and (max-width:800px) {
	.payment-container .payment-app .payment-form .panel .table {
		border-radius: 15px;
		padding: 20px
	}
}

@media screen and (max-width:800px) and (max-width:1000px) {
	.payment-container .payment-app .payment-form .panel .table {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) and (max-width:800px) {
	.payment-container .payment-app .payment-form .panel .table {
		border-radius: 10px
	}
}

@media screen and (max-width:800px) and (max-width:400px) {
	.payment-container .payment-app .payment-form .panel .table {
		border-radius: 7px
	}
}

.payment-container .payment-app .payment-form .panel .table h2 {
	margin-bottom: 25px;
	text-align: center
}

.payment-container .payment-app .payment-form .panel .table .game {
	display: flex;
	flex-direction: column
}

.payment-container .payment-app .payment-form .panel .table .game .name {
	display: flex;
	margin: 2px 0
}

.payment-container .payment-app .payment-form .panel .table .game .name .text-align {
	display: flex;
	align-items: flex-start;
	width: 100%
}

.payment-container .payment-app .payment-form .panel .table .game .name .text-align .title {
	display: flex;
	flex-direction: column;
	margin-right: 10px
}

.payment-container .payment-app .payment-form .panel .table .game .name .text-align .title .dlc,
.payment-container .payment-app .payment-form .panel .table .game .name .text-align .title .preorder {
	font-weight: 700;
	margin-right: 3px
}

.payment-container .payment-app .payment-form .panel .table .game .name .text-align .title .dlc {
	color: var(--color)
}

.payment-container .payment-app .payment-form .panel .table .game .name .text-align .title .preorder {
	color: #3483ff
}

.payment-container .payment-app .payment-form .panel .table .game .name .text-align .title span {
	margin: 2px 0
}

.payment-container .payment-app .payment-form .panel .table .game .name .text-align .title span.gametitle {
	font-size: 18px;
	font-weight: 700
}

@media screen and (max-width:800px) {
	.payment-container .payment-app .payment-form .panel .table .game .name .text-align .title span.gametitle {
		font-size: 16px
	}
}

@media screen and (max-width:650px) {
	.payment-container .payment-app .payment-form .panel .table .game .name .text-align .title span.gametitle {
		font-size: 13px
	}
}

.payment-container .payment-app .payment-form .panel .table .game .name .text-align .title .infos {
	color: var(--color-light)
}

.payment-container .payment-app .payment-form .panel .table .game .name .instant {
	display: flex;
	margin: 5px 0;
	color: #25de57;
	align-items: center
}

.payment-container .payment-app .payment-form .panel .table .game .name .instant .icon-check {
	background-color: #25de57;
	justify-content: center;
	display: inline-table;
	margin-right: 8px
}

.payment-container .payment-app .payment-form .panel .table .game .name .delivery {
	color: #ff5400;
	margin-top: 3px
}

body.neon .payment-container .payment-app .payment-form .panel .table .game .name .delivery {
	color: #3483ff
}

.payment-container .payment-app .payment-form .panel .table .game .total {
	margin: 2px 0;
	display: flex;
	flex-direction: column;
	align-items: end;
	white-space: nowrap
}

.payment-container .payment-app .payment-form .panel .table .game .total .retail {
	font-size: 14px;
	color: var(--color-light);
	text-decoration: line-through
}

@media screen and (max-width:1000px) {
	.payment-container .payment-app .payment-form .panel .table .game .total .retail {
		font-size: 13px
	}
}

.payment-container .payment-app .payment-form .panel .table .game .amount {
	display: flex
}

.payment-container .payment-app .payment-form .panel .table .game .amount .discounts {
	display: flex;
	align-items: center;
	justify-content: flex-end
}

.payment-container .payment-app .payment-form .panel .table .game .amount .discounts .retail {
	margin-left: 10px;
	text-decoration: line-through
}

.payment-container .payment-app .payment-form .panel .table .game .amount .total {
	display: flex;
	justify-content: flex-end;
	margin-left: 15px;
	font-weight: 700;
	font-size: 24px
}

@media screen and (max-width:1000px) {
	.payment-container .payment-app .payment-form .panel .table .game .amount .total {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.payment-container .payment-app .payment-form .panel .table .game .amount .total {
		font-size: 16px
	}
}

.payment-container .payment-app .payment-form .panel .table .game .alert {
	margin-top: 10px;
	width: 100%
}

.payment-container .payment-app .payment-form .panel .table .game .action {
	display: flex;
	align-items: center
}

.payment-container .payment-app .payment-form .panel .table .game .action div {
	margin-right: 10px
}

.payment-container .payment-app .payment-form .panel .table .game .action .icon-favorite {
	background-color: #ff0a4e
}

.payment-container .payment-app .payment-form .panel .table .cgu-container {
	margin-top: 20px
}

.payment-container .payment-app .payment-form .panel .table .cgu-container.error a {
	color: #ff0a4e
}

.payment-container .payment-app .payment-form .panel .table .table-row {
	display: flex;
	justify-content: space-between
}

.payment-container .payment-app .payment-form .panel .table .table-row .table-cell {
	display: flex;
	align-items: center
}

.payment-container .payment-app .payment-form .panel .table .alerts {
	margin-bottom: 25px;
	width: 100%
}

.payment-container .payment-app .payment-form .panel .table .credits {
	border-top: 1px solid hsla(0, 0%, 100%, .1);
	padding-top: 25px;
	margin-top: 25px
}

@media screen and (max-width:800px) {
	.payment-container .payment-app .payment-form .panel .table .credits {
		padding-top: 15px;
		margin-top: 15px
	}
}

.payment-container .payment-app .payment-form .panel .table .addition {
	line-height: 30px;
	padding: 15px 0;
	border-bottom: 1px solid hsla(0, 0%, 100%, .1);
	border-top: 1px solid hsla(0, 0%, 100%, .1);
	margin-top: 25px;
	margin-bottom: 30px
}

@media screen and (max-width:800px) {
	.payment-container .payment-app .payment-form .panel .table .addition {
		padding: 10px 0;
		margin-top: 15px
	}
}

.payment-container .payment-app .payment-form .panel .table .addition .total {
	font-weight: 700;
	font-size: 24px;
	margin-top: 5px!important;
	line-height: 30px
}

@media screen and (max-width:1000px) {
	.payment-container .payment-app .payment-form .panel .table .addition .total {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.payment-container .payment-app .payment-form .panel .table .addition .total {
		font-size: 16px
	}
}

@media screen and (max-width:800px) {
	.payment-container .payment-app .payment-form .panel .table .addition .total {
		margin-bottom: 0!important
	}
}

.payment-container .payment-app .payment-form .panel .table .addition .is-free {
	color: #25de57
}

.payment-container .payment-app .payment-form .panel .table .addition .payment-promocode {
	margin: -15px;
	display: flex;
	align-items: center;
	margin-top: 0!important
}

@media screen and (max-width:1000px) {
	.payment-container .payment-app .payment-form .panel .table .addition .payment-promocode {
		margin: -10px
	}
}

@media screen and (max-width:800px) {
	.payment-container .payment-app .payment-form .panel .table .addition .payment-promocode {
		margin: -5px
	}
}

@media screen and (min-width:1260px) {
	.payment-container .payment-app .payment-form .panel .table .addition .payment-promocode {
		margin: -10px
	}
}

.payment-container .payment-app .payment-form .panel .table .addition .payment-promocode a,
.payment-container .payment-app .payment-form .panel .table .addition .payment-promocode input {
	margin: 15px
}

@media screen and (max-width:1000px) {
	.payment-container .payment-app .payment-form .panel .table .addition .payment-promocode a,
	.payment-container .payment-app .payment-form .panel .table .addition .payment-promocode input {
		margin: 10px
	}
}

@media screen and (max-width:800px) {
	.payment-container .payment-app .payment-form .panel .table .addition .payment-promocode a,
	.payment-container .payment-app .payment-form .panel .table .addition .payment-promocode input {
		margin: 5px
	}
}

@media screen and (min-width:1000px) {
	.payment-container .payment-app .payment-form .panel .table .addition .payment-promocode a,
	.payment-container .payment-app .payment-form .panel .table .addition .payment-promocode input {
		margin: 10px
	}
}

.payment-container .payment-app .payment-form .panel .table .addition .payment-promocode input {
	height: 40px;
	text-transform: lowercase;
	margin-right: 5px;
	width: 50%
}

@media screen and (max-width:500px) {
	.payment-container .payment-app .payment-form .panel .table .addition .payment-promocode input {
		width: 100%
	}
}

.payment-container .payment-app .payment-form .panel .table .addition .payment-promocode a {
	color: var(--color);
	text-decoration: underline
}

.payment-container .payment-app .payment-form .panel .table .addition .hidden {
	display: none
}

.payment-container .payment-app .payment-form .panel .table .payment-makegift .icon-gift {
	background-color: #fff;
	margin-right: 10px;
	position: relative;
	top: -2px
}

.payment-container .payment-app .payment-form .panel .table .payment-makegift .makegift-settings {
	border-bottom: 1px solid hsla(0, 0%, 100%, .1);
	margin: 30px 0;
	padding-bottom: 30px
}

@media screen and (max-width:800px) {
	.payment-container .payment-app .payment-form .panel .table .payment-makegift .makegift-settings {
		margin: 15px 0;
		padding: 15px 0
	}
}

.payment-container .payment-app .payment-form .panel .table .payment-makegift .makegift-settings h3 {
	margin-bottom: 20px;
	font-size: 18px
}

@media screen and (max-width:800px) {
	.payment-container .payment-app .payment-form .panel .table .payment-makegift .makegift-settings h3 {
		font-size: 16px
	}
}

@media screen and (max-width:650px) {
	.payment-container .payment-app .payment-form .panel .table .payment-makegift .makegift-settings h3 {
		font-size: 13px
	}
}

.payment-container .payment-app .payment-form .panel .table .payment-makegift .makegift-settings .details {
	margin-bottom: 30px
}

.payment-container .payment-app .payment-form .panel .table .payment-makegift .makegift-settings .details .makegift-email {
	margin: 0 0 30px 40px
}

.payment-container .payment-app .payment-form .panel .table .payment-makegift .makegift-settings .details .makegift-email .makegift-schedule {
	display: none
}

.payment-container .payment-app .payment-form .panel .table .payment-makegift .makegift-settings .details .makegift-email .makegift-schedule input {
	width: 180px
}

@media screen and (max-width:600px) {
	.payment-container .payment-app .payment-form .panel .table .payment-makegift .makegift-settings .details .makegift-email .makegift-schedule input {
		width: 100%;
		margin: 5px
	}
}

.payment-container .payment-app .payment-form .panel .table .payment-makegift .makegift-settings .details .makegift-email .makegift-schedule select {
	width: 60px
}

@media screen and (max-width:600px) {
	.payment-container .payment-app .payment-form .panel .table .payment-makegift .makegift-settings .details .makegift-email .makegift-schedule select {
		margin: 5px
	}
}

.payment-container .payment-app .payment-form .panel .table .payment-makegift .makegift-settings .details label {
	margin: 10px 0;
	color: var(--color-light)
}

.payment-container .payment-app .payment-form .panel .table .bank-selector,
.payment-container .payment-app .payment-form .panel .table .fake-selector,
.payment-container .payment-app .payment-form .panel .table .fake-selector select {
	margin-bottom: 15px
}

.payment-container .payment-app .payment-form .panel .table .button {
	margin-bottom: 30px
}

.payment-container .payment-app .payment-form .panel .table .button .dbplatform {
	margin-left: 5px;
	text-transform: lowercase
}

.payment-container .ig-payment-page-paymentsection .payment-platforms-listing .payment-platform-selector[data-platform=fake] img {
	float: left
}

.payment-container .ig-payment-page-paymentsection .payment-platforms-listing .payment-platform-selector[data-platform=fake] span {
	position: relative;
	top: 3px;
	margin-left: 8px;
	font-weight: 700;
	text-shadow: none
}

.payment-container .ig-payment-page-paymentsection .payment-platforms-listing .payment-platform-selector.direct-debit .direct-debit-without-sofort {
	width: 126px;
	overflow: hidden;
	display: block
}

@media screen and (max-width:1036px) {
	.payment-container .ig-payment-page-paymentsection .payment-platforms-listing .payment-platform-selector.direct-debit .direct-debit-without-sofort {
		margin: auto
	}
}

.payment-container .ig-payment-page-paymentsection .payment-platforms-listing .payment-platform-selector.direct-debit .direct-debit-without-sofort img {
	position: relative;
	left: -68px
}

.payment-container .ig-payment-page-paymentsection .payment-platforms-panels .payment-platform-panel[data-platid="99"] .fake-status-container {
	margin-bottom: 15px
}

.payment-container .ig-payment-page-paymentsection .payment-platforms-panels .payment-platform-panel[data-platid="99"] .fake-status-container p {
	padding-bottom: 10px
}

.payment-container .ig-payment-page-paymentsection .payment-platforms-panels .payment-platform-panel[data-platid="99"] .fake-status-container p select {
	padding: 5px 3px
}

.payment-container .ig-payment-page-paymentsection .payment-platforms-panels .payment-platform-panel[data-platid="99"] .fake-status-container p input {
	border: 1px solid var(--color-medium-light);
	padding: 5px;
	border-radius: 3px
}

.payment-container .ig-payment-page-paymentsection .payment-platform-submitbtn-wrapper select[name=bank_swift],
.payment-container .ig-payment-page-paymentsection .payment-platform-submitbtn-wrapper select[name=fake_status] {
	padding: 10px 14px;
	height: 45px;
	margin: 10px 0;
	width: 35%;
	box-sizing: border-box;
	font-size: 16px;
	transition: .3s;
	border-radius: 4px
}

@media screen and (max-width:1000px) {
	.payment-container .ig-payment-page-paymentsection .payment-platform-submitbtn-wrapper select[name=bank_swift],
	.payment-container .ig-payment-page-paymentsection .payment-platform-submitbtn-wrapper select[name=fake_status] {
		font-size: 15px
	}
}

@media screen and (max-width:650px) {
	.payment-container .ig-payment-page-paymentsection .payment-platform-submitbtn-wrapper select[name=bank_swift],
	.payment-container .ig-payment-page-paymentsection .payment-platform-submitbtn-wrapper select[name=fake_status] {
		font-size: 13px
	}
}

.payment-container .ig-payment-page-paymentsection .payment-platform-submitbtn-wrapper input[type=number] {
	border-radius: 4px;
	box-sizing: border-box;
	font-size: 16px;
	color: var(--themed-grey);
	transition: .3s;
	height: 30px;
	margin: 10px;
	width: 25%;
	background-color: #fff
}

@media screen and (max-width:1000px) {
	.payment-container .ig-payment-page-paymentsection .payment-platform-submitbtn-wrapper input[type=number] {
		font-size: 15px
	}
}

@media screen and (max-width:650px) {
	.payment-container .ig-payment-page-paymentsection .payment-platform-submitbtn-wrapper input[type=number] {
		font-size: 13px
	}
}

.payment-container .adyen-payment-container .adyen-checkout__button.adyen-checkout__button--pay {
	font-weight: 700;
	font-size: 20px;
	background-color: var(--color)
}

@media screen and (max-width:1000px) {
	.payment-container .adyen-payment-container .adyen-checkout__button.adyen-checkout__button--pay {
		font-size: 16px
	}
}

.payment-container .adyen-payment-container .adyen-checkout__button.adyen-checkout__button--pay:hover {
	background-color: var(--color-link-hover)
}

.payment-container .jp-card-container {
	margin: 20px 0
}

.payment-container .jp-card-container .jp-card .jp-card-back,
.payment-container .jp-card-container .jp-card .jp-card-front {
	background-color: #3483ff!important
}

.payment-container .hipay_tpp_controls {
	margin-top: 30px
}

.payment-container .hipay_tpp_controls .hipay_tpp_control.dual {
	display: flex;
	margin: 0 -15px
}

.payment-container .hipay_tpp_controls .hipay_tpp_control .hipay_tpp_control_detail {
	width: calc(50% - 20px);
	margin: 0 15px
}

.payment-container .hipay_tpp_controls label {
	margin-bottom: 10px;
	display: block
}

.payment-container .hipay_tpp_controls input {
	margin-bottom: 10px
}

.payment-container .hipay_tpp_controls .hipay_tpp_cbnotsupported {
	display: none;
	color: #ff0a4e;
	padding-bottom: 10px;
	text-align: center
}

.payment-container .hipay_tpp_controls .hipay_tpp_cvv {
	margin-left: 20px
}

.payment-container .hipay_tpp_controls .button {
	margin-top: 20px
}

.billing-country-dropdown .select2-search--dropdown:after {
	border-radius: 8px;
	padding: 15px 30px 15px 66px;
	align-self: center;
	content: attr(data-message);
	display: block;
	background-size: 25px;
	background-repeat: no-repeat;
	background-position: 20px;
	background-image: url(../images/alerts/icon-notice.svg);
	background-color: rgba(0, 171, 255, .15);
	color: #00abff;
	margin-bottom: 10px
}

@media screen and (max-width:1000px) {
	.billing-country-dropdown .select2-search--dropdown:after {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.billing-country-dropdown .select2-search--dropdown:after {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.billing-country-dropdown .select2-search--dropdown:after {
		border-radius: 5px
	}
}

@media screen and (max-width:1000px) {
	.billing-country-dropdown .select2-search--dropdown:after {
		padding: 10px 15px 10px 45px;
		background-size: 20px;
		background-position: 15px
	}
}

.billing-address-container .address-form.raw {
	margin: -15px;
	border-radius: 15px;
	display: flex;
	flex-wrap: wrap
}

@media screen and (max-width:1000px) {
	.billing-address-container .address-form.raw {
		margin: -10px
	}
}

@media screen and (max-width:800px) {
	.billing-address-container .address-form.raw {
		margin: -5px
	}
}

@media screen and (min-width:1260px) {
	.billing-address-container .address-form.raw {
		margin: -10px
	}
}

@media screen and (max-width:1000px) {
	.billing-address-container .address-form.raw {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.billing-address-container .address-form.raw {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.billing-address-container .address-form.raw {
		border-radius: 7px
	}
}

.billing-address-container .address-form.raw label {
	margin: 15px;
	width: calc(50% - 30px);
	display: flex;
	flex-direction: column
}

@media screen and (max-width:1000px) {
	.billing-address-container .address-form.raw label {
		margin: 10px;
		width: calc(50% - 20px)
	}
}

@media screen and (min-width:1000px) {
	.billing-address-container .address-form.raw label {
		margin: 10px;
		width: calc(50% - 20px)
	}
}

@media screen and (max-width:800px) {
	.billing-address-container .address-form.raw label {
		margin: 5px;
		width: calc(50% - 10px)
	}
}

.billing-address-container .address-form.raw label:last-of-type {
	margin: 15px;
	width: calc(100% - 30px)
}

@media screen and (max-width:1000px) {
	.billing-address-container .address-form.raw label:last-of-type {
		margin: 10px;
		width: calc(100% - 20px)
	}
}

@media screen and (max-width:800px) {
	.billing-address-container .address-form.raw label:last-of-type {
		margin: 5px;
		width: calc(100% - 10px)
	}
}

@media screen and (min-width:1000px) {
	.billing-address-container .address-form.raw label:last-of-type {
		margin: 10px;
		width: calc(100% - 20px)
	}
}

@media screen and (max-width:800px) {
	.billing-address-container .address-form.raw label:last-of-type {
		width: calc(100% - 10px)
	}
}

.billing-address-container .address-form.raw label select {
	cursor: pointer
}

.address-block {
	padding: 30px;
	border-radius: 8px;
	margin-bottom: 15px;
	cursor: pointer;
	text-align: left;
	position: relative;
	opacity: .3;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: var(--color-medium)
}

@media screen and (max-width:1000px) {
	.address-block {
		padding: 20px
	}
}

@media screen and (max-width:400px) {
	.address-block {
		padding: 15px
	}
}

@media screen and (max-width:1000px) {
	.address-block {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.address-block {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.address-block {
		border-radius: 5px
	}
}

@media screen and (max-width:1000px) {
	.address-block {
		flex-direction: column
	}
}

.address-block:hover {
	opacity: .5
}

.address-block.selected {
	opacity: 1;
	cursor: auto
}

.address-block .header-billing {
	font-size: 20px;
	font-weight: 700;
	display: flex;
	align-items: center
}

@media screen and (max-width:1000px) {
	.address-block .header-billing {
		font-size: 16px;
		margin-bottom: 15px
	}
}

@media screen and (max-width:400px) {
	.address-block .header-billing {
		font-size: 16px
	}
}

@media screen and (max-width:400px) and (max-width:1000px) {
	.address-block .header-billing {
		font-size: 15px
	}
}

@media screen and (max-width:400px) and (max-width:650px) {
	.address-block .header-billing {
		font-size: 13px
	}
}

.address-block .header-billing .name {
	margin-right: 10px;
	display: flex;
	align-items: center
}

.address-block .header-billing .name .icon-check {
	background-color: #25de57;
	margin-right: 10px
}

.address-block .header-billing .billing-actions {
	display: flex
}

.address-block .header-billing .billing-actions .icon-delete {
	margin-left: 10px;
	cursor: pointer
}

.address-block .address {
	color: var(--color-light);
	margin: 0 15px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	flex: 1
}

@media screen and (max-width:1000px) {
	.address-block .address {
		margin-bottom: 15px;
		white-space: normal;
		text-align: center
	}
}

.address-block .info-container {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.address-block .info-container .tax {
	border-radius: 8px;
	color: #25de57;
	background: rgba(37, 222, 87, .1);
	padding: 10px 15px;
	margin-left: 10px;
	white-space: nowrap
}

@media screen and (max-width:1000px) {
	.address-block .info-container .tax {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.address-block .info-container .tax {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.address-block .info-container .tax {
		border-radius: 5px
	}
}

@media screen and (max-width:600px) {
	.address-block .info-container .tax {
		padding: 5px
	}
}

.address-block .info-container .country {
	white-space: nowrap
}

.algolia-places {
	position: relative;
	top: -5px
}

.algolia-places .ap-dropdown-menu {
	border-radius: 8px;
	background-color: var(--color-ultra-dark);
	top: auto!important
}

@media screen and (max-width:1000px) {
	.algolia-places .ap-dropdown-menu {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.algolia-places .ap-dropdown-menu {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.algolia-places .ap-dropdown-menu {
		border-radius: 5px
	}
}

.algolia-places .ap-dropdown-menu .ap-name {
	color: #fff
}

.algolia-places .ap-dropdown-menu .ap-address {
	color: var(--color-light)
}

.algolia-places .ap-dropdown-menu .ap-cursor {
	background-color: var(--color-medium-light)
}

.billing-address-modal {
	display: none;
	max-width: 800px;
	flex-direction: column
}

.billing-address-modal .address-form .address-form-certify,
.billing-address-modal .address-form input {
	margin-bottom: 20px
}

.billing-address-modal .address-form label input[name=address] {
	width: calc(100% - 5px);
	height: 0;
	border: 0;
	padding: 0;
	margin: 0
}

.billing-address-modal .address-form .throttled-address {
	margin-bottom: 5px!important
}

.billing-address-modal .icon-arrow {
	cursor: pointer;
	top: 30px;
	left: 30px;
	transform: rotate(180deg);
	margin-bottom: 20px
}

.billing-address-modal .addresses-container {
	display: flex;
	flex-direction: column
}

.billing-address-modal .addresses-container .button {
	width: 100%;
	margin-top: 40px
}

.billing-address-modal .addresses-container .button .icon-add {
	margin-right: 10px
}

.billing-address-modal .submit,
.billing-address-modal .submit .button {
	width: 100%
}

.billing-address-modal .countries-container input {
	margin-bottom: 25px
}

.billing-address-modal .countries-container .country-block {
	border-radius: 8px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: calc(50% - 4px);
	margin: 2px;
	border: 1px solid hsla(0, 0%, 100%, .1);
	padding: 10px;
	cursor: pointer;
	background-image: none
}

@media screen and (max-width:1000px) {
	.billing-address-modal .countries-container .country-block {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.billing-address-modal .countries-container .country-block {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.billing-address-modal .countries-container .country-block {
		border-radius: 5px
	}
}

@media screen and (max-width:500px) {
	.billing-address-modal .countries-container .country-block {
		width: calc(100% - 4px)
	}
}

.billing-address-modal .countries-container .country-block:hover {
	border: 1px solid #fff
}

.billing-address-modal .countries-container .country-block.oeu {
	width: 100%;
	max-width: 500px;
	margin: auto auto 30px
}

.billing-address-modal .countries-container .country-block.oeu .amount {
	color: #25de57
}

.billing-address-modal .countries-container .country-block .flag {
	flex: 0 0 30px;
	margin-left: 0;
	margin-right: 10px
}

.billing-address-modal .countries-container .country-block .vat {
	margin-left: auto
}

.billing-address-modal .countries-container .country-block .vat.no-vat {
	color: #25de57;
	background: rgba(37, 222, 87, .1);
	padding: 6px 15px;
	border-radius: 8px
}

@media screen and (max-width:1000px) {
	.billing-address-modal .countries-container .country-block .vat.no-vat {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.billing-address-modal .countries-container .country-block .vat.no-vat {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.billing-address-modal .countries-container .country-block .vat.no-vat {
		border-radius: 5px
	}
}

.billing-address-modal .countries-container .countries {
	margin: -2px;
	display: flex;
	flex-wrap: wrap
}

.new-address-disabled {
	padding: 10px;
	text-align: center;
	margin: 10px
}

.privacy-container {
	margin-top: 200px;
	max-width: 1200px;
	align-self: center;
	width: 100%;
	max-width: 800px
}

@media screen and (max-width:1000px) {
	.privacy-container {
		margin-top: 150px
	}
}

@media screen and (max-width:600px) {
	.privacy-container {
		margin-top: 130px
	}
}

.privacy-container .title-container {
	margin-top: 50px
}

.privacy-container p {
	margin-bottom: 20px
}

.privacy-container ul {
	margin-left: 20px;
	margin-bottom: 20px
}

@media screen and (max-width:600px) {
	.privacy-container ul {
		margin-left: 10px
	}
}

.privacy-container table {
	border-radius: 15px;
	border-collapse: collapse;
	overflow: hidden;
	margin: 40px 0
}

@media screen and (max-width:1000px) {
	.privacy-container table {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.privacy-container table {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.privacy-container table {
		border-radius: 7px
	}
}

.privacy-container table ul {
	list-style: initial
}

.privacy-container table tr {
	vertical-align: top
}

.privacy-container table tr td {
	border: 1px solid var(--color-medium-dark);
	width: 33%;
	padding: 20px
}

@media screen and (max-width:600px) {
	.privacy-container table tr td {
		padding: 10px
	}
}

.privacy-container table thead {
	background-color: var(--color-medium-dark)
}

.privacy-container table thead tr {
	text-align: center;
	height: 3em;
	font-weight: 700
}

.product-container {
	display: flex;
	flex-direction: column
}

.product-container h2 {
	font-size: 32px
}

@media screen and (max-width:1000px) {
	.product-container h2 {
		font-size: 24px
	}
}

@media screen and (max-width:800px) {
	.product-container h2 {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.product-container h2 {
		font-size: 18px
	}
}

.product-container .header-product {
	margin-left: -30px;
	margin-right: -30px;
	position: relative;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 500px;
	box-shadow: inset 0 520px 80px -460px var(--color-ultra-dark);
	overflow: hidden
}

@media screen and (max-width:1000px) {
	.product-container .header-product {
		margin-left: -20px;
		margin-right: -20px
	}
}

@media screen and (max-width:800px) {
	.product-container .header-product {
		margin-left: -10px;
		margin-right: -10px
	}
}

.product-container .header-product:after {
	content: "";
	clip-path: polygon(0 100%, 100% 100%, 0 0);
	background: var(--color-dark);
	height: 60px;
	min-width: 1700px;
	width: 100%;
	position: absolute;
	bottom: -1px
}

@media screen and (max-width:1258px) {
	.product-container .header-product {
		padding-top: 430px
	}
}

@media screen and (max-width:1000px) {
	.product-container .header-product {
		padding-top: 220px;
		margin-top: 85px;
		box-shadow: none
	}
}

@media screen and (max-width:500px) {
	.product-container .header-product {
		display: none
	}
}

.product-container .header-product:after {
	height: 120px
}

@media screen and (max-width:1000px) {
	.product-container .header-product:after {
		height: 60px
	}
}

.product-container .content {
	max-width: 1200px;
	align-self: center;
	width: 100%;
	z-index: 1;
	display: flex;
	flex-direction: column;
	top: -230px;
	margin-bottom: -230px;
	position: relative;
	width: auto
}

.product-container .content.full {
	max-width: none;
	align-items: center;
	width: 100%
}

@media screen and (min-width:1260px) {
	.product-container .content.full {
		top: -300px;
		margin-bottom: -300px
	}
}

@media screen and (max-width:1000px) {
	.product-container .content {
		top: -160px;
		margin-bottom: -160px
	}
}

@media screen and (max-width:500px) {
	.product-container .content {
		max-width: 2000px;
		align-self: center;
		width: 100%;
		top: 85px;
		margin-bottom: 85px
	}
}

@media screen and (max-width:1000px) {
	.product-container .content .swipe {
		display: none
	}
}

.product-container .content .sticky-buy {
	position: fixed;
	top: 80px;
	left: 0;
	width: 100%;
	background-color: var(--color-medium-dark);
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 30px;
	visibility: hidden;
	opacity: 0;
	transition: .2s
}

@media screen and (max-width:1000px) {
	.product-container .content .sticky-buy {
		top: 64px;
		padding: 10px
	}
	@supports(padding-bottom:env(safe-area-inset-bottom)) {
		.product-container .content .sticky-buy {
			--safe-area-padding-bottom: env(safe-area-inset-bottom);
			padding-bottom: calc(var(--spacer)/3 + var(--safe-area-padding-bottom))
		}
	}
}

@media screen and (max-width:600px) {
	.product-container .content .sticky-buy {
		top: 56px
	}
}

@media screen and (max-width:500px) {
	.product-container .content .sticky-buy {
		top: auto;
		bottom: 0
	}
}

.product-container .content .sticky-buy.visible {
	visibility: visible;
	opacity: 1
}

.product-container .content .sticky-buy .platform {
	margin-right: 10px
}

@media screen and (max-width:500px) {
	.product-container .content .sticky-buy .platform {
		display: none
	}
}

@media screen and (max-width:1000px) {
	.product-container .content .sticky-buy .platform .icon-s {
		width: 17px;
		height: 17px
	}
}

.product-container .content .sticky-buy .title {
	font-weight: 700;
	font-size: 16px;
	text-decoration: underline;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	margin-right: 10px
}

@media screen and (max-width:1000px) {
	.product-container .content .sticky-buy .title {
		font-size: 15px
	}
}

@media screen and (max-width:650px) {
	.product-container .content .sticky-buy .title {
		font-size: 13px
	}
}

@media screen and (max-width:1000px) {
	.product-container .content .sticky-buy .title {
		top: 64px;
		font-size: 16px
	}
}

@media screen and (max-width:1000px) and (max-width:1000px) {
	.product-container .content .sticky-buy .title {
		font-size: 15px
	}
}

@media screen and (max-width:1000px) and (max-width:650px) {
	.product-container .content .sticky-buy .title {
		font-size: 13px
	}
}

@media screen and (max-width:500px) {
	.product-container .content .sticky-buy .title.name {
		display: none
	}
}

.product-container .content .sticky-buy .title.previous {
	width: 35px;
	height: 35px;
	margin: -5px 0;
	padding: 0;
	background-size: 14px;
	background-image: url(/androidportalhtml/images-arrow-white.svg);
	background-repeat: no-repeat;
	background-position: 50%;
	transform: rotate(180deg)
}

@media screen and (min-width:500px) {
	.product-container .content .sticky-buy .title.previous {
		display: none
	}
}

.product-container .content .sticky-buy .amount {
	display: flex;
	align-items: center;
	margin: 0 15px 0 auto
}

@media screen and (max-width:500px) {
	.product-container .content .sticky-buy .amount {
		margin-right: 10px
	}
}

.product-container .content .sticky-buy .amount .retail {
	margin-right: 10px;
	text-decoration: line-through
}

@media screen and (max-width:400px) {
	.product-container .content .sticky-buy .amount .retail {
		display: none
	}
}

.product-container .content .sticky-buy .amount .total {
	font-size: 24px
}

@media screen and (max-width:1000px) {
	.product-container .content .sticky-buy .amount .total {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.product-container .content .sticky-buy .amount .total {
		font-size: 16px
	}
}

.product-container .content .sticky-buy .action {
	display: flex;
	align-items: center
}

.product-container .content .sticky-buy .action .favorite {
	margin-right: 15px
}

.product-container .content .sticky-buy .action .favorite.wishlist-added .icon-favorite {
	display: none
}

.product-container .content .sticky-buy .action .favorite.wishlist-added .icon-favorited {
	display: block;
	background-color: #ff0a4e
}

@media screen and (max-width:500px) {
	.product-container .content .sticky-buy .action .favorite {
		margin-right: 10px
	}
}

.product-container .content .sticky-buy .action .favorite .icon-favorite {
	background-color: var(--color)
}

.product-container .content .sticky-buy .action .favorite .icon-favorited {
	display: none
}

.product-container .content .sticky-buy .action .notifstock .button {
	font-size: 12px
}

.product-container .content .sticky-buy .action .hint:after,
.product-container .content .sticky-buy .action [data-hint]:after {
	font-size: 12px;
	left: -4px;
	bottom: -75px
}

.product-container .content .sticky-buy .action .hint--top:before {
	display: none
}

.product-container .content .sticky-buy .action .button {
	font-size: 14px;
	white-space: nowrap;
	height: 35px;
	padding: 0 15px
}

@media screen and (max-width:1000px) {
	.product-container .content .sticky-buy .action .button {
		font-size: 13px
	}
}

@media screen and (max-width:700px) {
	.product-container .content .sticky-buy .action .button {
		height: 30px
	}
}

@media screen and (max-width:500px) {
	.product-container .content .sticky-buy .action .button {
		font-size: 12px
	}
}

.product-container .content .data {
	display: flex;
	align-items: flex-start
}

@media screen and (max-width:1000px) {
	.product-container .content .data {
		flex-direction: column
	}
}

@media screen and (max-width:700px) {
	.product-container .content .data {
		margin: 0 -10px
	}
}

.product-container .content .data.full-reviews {
	flex-direction: column;
	justify-content: center;
	align-items: normal
}

.product-container .content .data.full-reviews .presentation {
	align-self: center;
	width: 100%;
	flex: initial
}

.product-container .content .data.full-reviews .presentation .banner {
	margin-bottom: 30px
}

@media screen and (max-width:1000px) {
	.product-container .content .data.full-reviews .presentation .banner {
		margin-bottom: 15px
	}
}

@media screen and (max-width:800px) {
	.product-container .content .data.full-reviews .presentation .banner {
		margin-bottom: 10px
	}
}

.product-container .content .data.full-reviews .full-actions {
	margin: -15px;
	display: flex
}

@media screen and (max-width:1000px) {
	.product-container .content .data.full-reviews .full-actions {
		margin: -10px
	}
}

@media screen and (max-width:800px) {
	.product-container .content .data.full-reviews .full-actions {
		margin: -5px
	}
}

@media screen and (max-width:700px) {
	.product-container .content .data.full-reviews .full-actions {
		margin-right: 0;
		margin-left: 0
	}
}

@media screen and (max-width:350px) {
	.product-container .content .data.full-reviews .full-actions {
		flex-direction: column
	}
}

.product-container .content .data.full-reviews .full-actions a {
	margin: 15px;
	padding: 0
}

@media screen and (max-width:1000px) {
	.product-container .content .data.full-reviews .full-actions a {
		margin: 10px
	}
}

@media screen and (max-width:800px) {
	.product-container .content .data.full-reviews .full-actions a {
		margin: 5px
	}
}

.product-container .content .data.full-reviews .full-actions a:first-of-type .icon-xxs {
	margin-right: 10px;
	transform: rotate(180deg)
}

.product-container .content .data.full-reviews .full-actions a:last-of-type .icon-xxs {
	margin-left: 10px
}

@media screen and (min-width:350px) {
	.product-container .content .data.full-reviews .button {
		width: 100%
	}
}

.product-container .content .data .presentation {
	display: flex;
	flex-direction: column;
	flex: 0 0 616px
}

@media screen and (max-width:1260px) {
	.product-container .content .data .presentation {
		flex: 0 0 50%
	}
}

@media screen and (max-width:1000px) {
	.product-container .content .data .presentation {
		flex: initial;
		align-self: center;
		width: 100%;
		max-width: 400px
	}
}

@media screen and (max-width:500px) {
	.product-container .content .data .presentation {
		max-width: 100%
	}
}

.product-container .content .data .presentation .banner {
	position: relative;
	align-self: baseline;
	display: flex;
	width: 100%
}

@media screen and (max-width:700px) {
	.product-container .content .data .presentation .banner {
		margin-bottom: 0
	}
}

.product-container .content .data .presentation .banner img {
	border-radius: 15px;
	width: 100%
}

@media screen and (max-width:1000px) {
	.product-container .content .data .presentation .banner img {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.product-container .content .data .presentation .banner img {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.product-container .content .data .presentation .banner img {
		border-radius: 7px
	}
}

@media screen and (max-width:500px) {
	.product-container .content .data .presentation .banner img {
		border-radius: 0
	}
}

.product-container .content .data .presentation .banner .discount {
	margin-top: auto;
	bottom: -5px;
	left: -5px;
	transition: .2s
}

@media screen and (max-width:700px) {
	.product-container .content .data .presentation .banner .discount {
		display: none
	}
}

.product-container .content .data .presentation .alerts {
	margin: -10px 0 0
}

.product-container .content .data .panel {
	border-radius: 15px;
	backdrop-filter: blur(60px) saturate(100%);
	-webkit-backdrop-filter: blur(60px) saturate(100%);
	background-color: rgba(39, 39, 39, .15);
	padding: 20px 20px 0;
	margin-left: 60px;
	width: 100%;
	z-index: 1;
	min-height: 310px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	background-image: linear-gradient(1turn, var(--color-dark), rgba(39, 39, 39, 0) 70%)
}

@media screen and (max-width:1000px) {
	.product-container .content .data .panel {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.product-container .content .data .panel {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.product-container .content .data .panel {
		border-radius: 7px
	}
}

@-moz-document url-prefix("") {
	body.neon .product-container .content .data .panel {
		background-color: #2b305c
	}
}

@-moz-document url-prefix("") {
	.product-container .content .data .panel {
		background-color: var(--color-medium)
	}
}

.product-container .content .data .panel label.checkbox .checkmark,
.product-container .content .data .panel label.checkbox .slider,
.product-container .content .data .panel label.radio-button .checkmark,
.product-container .content .data .panel label.radio-button .slider,
.product-container .content .data .panel label.toggle .checkmark,
.product-container .content .data .panel label.toggle .slider {
	box-shadow: none
}

@-moz-document url-prefix("") {
	.product-container .content .data .panel {
		background-color: var(--color-dark)!important;
		background-image: none
	}
}

@media screen and (max-width:1260px) {
	.product-container .content .data .panel {
		width: 50%;
		margin-left: 30px
	}
}

@media screen and (max-width:1000px) {
	.product-container .content .data .panel {
		width: 100%;
		max-width: 616px;
		align-self: center;
		min-height: 0;
		margin: 10px 0 0;
		background-image: none;
		backdrop-filter: none;
		background-color: transparent;
		padding: 0
	}
}

@media screen and (max-width:600px) {
	.product-container .content .data .panel {
		max-width: none
	}
}

.product-container .content .data .panel.wide {
	min-height: 100%
}

@media screen and (max-width:1000px) {
	.product-container .content .data .panel.wide {
		min-height: 0
	}
}

.product-container .content .data .panel:not(.wide) .amount {
	margin-top: auto
}

.product-container .content .data .panel .name {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 10px
}

@media screen and (max-width:1000px) {
	.product-container .content .data .panel .name {
		margin: 5px 0;
		justify-content: center
	}
}

.product-container .content .data .panel .name .dlc,
.product-container .content .data .panel .name .early-access {
	font-size: 16px;
	color: #000;
	margin-right: 10px
}

@media screen and (max-width:1000px) {
	.product-container .content .data .panel .name .dlc,
	.product-container .content .data .panel .name .early-access {
		font-size: 15px
	}
}

@media screen and (max-width:650px) {
	.product-container .content .data .panel .name .dlc,
	.product-container .content .data .panel .name .early-access {
		font-size: 13px
	}
}

.product-container .content .data .panel .name .dlc {
	background-color: var(--color)
}

.product-container .content .data .panel .name .early-access {
	background-color: #fff
}

.product-container .content .data .panel .name .game-title {
	line-height: 30px;
	text-align: center;
	margin: 0
}

@media screen and (max-width:600px) {
	.product-container .content .data .panel .name .game-title {
		line-height: 25px
	}
}

.product-container .content .data .panel .name .game-title.smaller {
	font-size: 24px;
	line-height: 25px
}

@media screen and (max-width:1000px) {
	.product-container .content .data .panel .name .game-title.smaller {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.product-container .content .data .panel .name .game-title.smaller {
		font-size: 16px
	}
}

@media screen and (max-width:600px) {
	.product-container .content .data .panel .name .game-title.smaller {
		line-height: 20px
	}
}

.product-container .content .data .panel .subinfos {
	font-size: 14px;
	background-color: rgba(16, 16, 16, .3);
	padding: 7px 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
	margin: 10px;
	min-height: 49px
}

@media screen and (max-width:1000px) {
	.product-container .content .data .panel .subinfos {
		font-size: 13px
	}
}

body.neon .product-container .content .data .panel .subinfos {
	background-color: rgba(0, 4, 33, .3)
}

@media screen and (max-width:1000px) {
	.product-container .content .data .panel .subinfos {
		background-color: var(--color-medium)
	}
}

@media screen and (max-width:600px) {
	.product-container .content .data .panel .subinfos {
		padding: 2px 15px;
		min-height: 0
	}
}

.product-container .content .data .panel .subinfos .download,
.product-container .content .data .panel .subinfos .nostock,
.product-container .content .data .panel .subinfos .platform,
.product-container .content .data .panel .subinfos .preorder,
.product-container .content .data .panel .subinfos .release,
.product-container .content .data .panel .subinfos .stock {
	display: flex;
	align-items: center
}

.product-container .content .data .panel .subinfos .download .spacer,
.product-container .content .data .panel .subinfos .nostock .spacer,
.product-container .content .data .panel .subinfos .platform .spacer,
.product-container .content .data .panel .subinfos .preorder .spacer,
.product-container .content .data .panel .subinfos .release .spacer,
.product-container .content .data .panel .subinfos .stock .spacer {
	background-color: hsla(0, 0%, 100%, .15);
	width: 1px;
	height: 20px;
	margin: 0 15px
}

.product-container .content .data .panel .subinfos .download .icon-check,
.product-container .content .data .panel .subinfos .download .icon-close,
.product-container .content .data .panel .subinfos .nostock .icon-check,
.product-container .content .data .panel .subinfos .nostock .icon-close,
.product-container .content .data .panel .subinfos .platform .icon-check,
.product-container .content .data .panel .subinfos .platform .icon-close,
.product-container .content .data .panel .subinfos .preorder .icon-check,
.product-container .content .data .panel .subinfos .preorder .icon-close,
.product-container .content .data .panel .subinfos .release .icon-check,
.product-container .content .data .panel .subinfos .release .icon-close,
.product-container .content .data .panel .subinfos .stock .icon-check,
.product-container .content .data .panel .subinfos .stock .icon-close {
	margin-right: 10px
}

.product-container .content .data .panel .subinfos .download .icon-check,
.product-container .content .data .panel .subinfos .nostock .icon-check,
.product-container .content .data .panel .subinfos .platform .icon-check,
.product-container .content .data .panel .subinfos .preorder .icon-check,
.product-container .content .data .panel .subinfos .release .icon-check,
.product-container .content .data .panel .subinfos .stock .icon-check {
	background-color: #25de57
}

.product-container .content .data .panel .subinfos .download .icon-close,
.product-container .content .data .panel .subinfos .nostock .icon-close,
.product-container .content .data .panel .subinfos .platform .icon-close,
.product-container .content .data .panel .subinfos .preorder .icon-close,
.product-container .content .data .panel .subinfos .release .icon-close,
.product-container .content .data .panel .subinfos .stock .icon-close {
	background-color: #ff0a4e
}

.product-container .content .data .panel .subinfos .platform {
	margin-left: -12px
}

.product-container .content .data .panel .subinfos .platform .single {
	margin-right: 10px
}

@media screen and (max-width:600px) {
	.product-container .content .data .panel .subinfos .platform .single {
		transform: scale(.8);
		margin-right: 5px
	}
}

@media screen and (max-width:450px) {
	.product-container .content .data .panel .subinfos .download,
	.product-container .content .data .panel .subinfos .stock .spacer {
		display: none
	}
}

.product-container .content .data .panel .languages {
	display: flex;
	align-items: center
}

.product-container .content .data .panel .choices {
	display: flex;
	flex-wrap: wrap;
	padding: 5px;
	margin: auto;
	width: 100%;
	width: -moz-available;
	width: -webkit-fill-available;
	width: fill-available
}

@media screen and (max-width:1000px) {
	.product-container .content .data .panel .choices {
		max-width: 400px;
		margin: 0
	}
}

.product-container .content .data .panel .choices select {
	padding: 15px 34px 15px 11px;
	background-color: transparent;
	border: 1px solid hsla(0, 0%, 100%, .2);
	box-shadow: none;
	margin: 5px;
	height: 50px
}

.product-container .content .data .panel .choices .nice-select {
	border-radius: 8px;
	flex-grow: 1;
	min-width: calc(50% - 50px);
	margin: 5px
}

@media screen and (max-width:1000px) {
	.product-container .content .data .panel .choices .nice-select {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.product-container .content .data .panel .choices .nice-select {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.product-container .content .data .panel .choices .nice-select {
		border-radius: 5px
	}
}

@media screen and (max-width:1000px) {
	.product-container .content .data .panel .choices .nice-select {
		margin: 3px
	}
}

.product-container .content .data .panel .choices .nice-select.four,
.product-container .content .data .panel .choices .nice-select.one,
.product-container .content .data .panel .choices .nice-select.three,
.product-container .content .data .panel .choices .nice-select.two {
	border-radius: 8px
}

@media screen and (max-width:1000px) {
	.product-container .content .data .panel .choices .nice-select.four,
	.product-container .content .data .panel .choices .nice-select.one,
	.product-container .content .data .panel .choices .nice-select.three,
	.product-container .content .data .panel .choices .nice-select.two {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.product-container .content .data .panel .choices .nice-select.four,
	.product-container .content .data .panel .choices .nice-select.one,
	.product-container .content .data .panel .choices .nice-select.three,
	.product-container .content .data .panel .choices .nice-select.two {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.product-container .content .data .panel .choices .nice-select.four,
	.product-container .content .data .panel .choices .nice-select.one,
	.product-container .content .data .panel .choices .nice-select.three,
	.product-container .content .data .panel .choices .nice-select.two {
		border-radius: 5px
	}
}

.product-container .content .data .panel .choices .nice-select.one {
	max-width: 300px;
	margin: 5px auto
}

.product-container .content .data .panel .choices .nice-select.two.first {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.product-container .content .data .panel .choices .nice-select.two.second {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.product-container .content .data .panel .choices .nice-select.three.first {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.product-container .content .data .panel .choices .nice-select.three.second {
	border-top-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.product-container .content .data .panel .choices .nice-select.three.third {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	width: 100%
}

.product-container .content .data .panel .choices .nice-select.four.first {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.product-container .content .data .panel .choices .nice-select.four.second {
	border-top-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.product-container .content .data .panel .choices .nice-select.four.third {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.product-container .content .data .panel .choices .nice-select.four.fourth {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 0
}

.product-container .content .data .panel .choices .nice-select span {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: block
}

.product-container .content .data .panel .choices .nice-select li.option[data-out-of-stock]:after {
	position: relative;
	content: "- " attr(data-out-of-stock);
	display: inline-block;
	margin-left: 5px;
	opacity: .5
}

.product-container .content .data .panel .alerts.product {
	margin: 15px 10px
}

@media screen and (max-width:1000px) {
	.product-container .content .data .panel .alerts.product {
		display: none
	}
}

.product-container .content .data .panel .viral {
	display: flex;
	align-items: flex-end;
	margin: 10px
}

@media screen and (max-width:1000px) {
	.product-container .content .data .panel .viral {
		margin: 5px 0
	}
}

.product-container .content .data .panel .viral .fire {
	display: flex;
	align-items: flex-end
}

.product-container .content .data .panel .viral .fire div {
	margin-right: 5px;
	background-color: #ff0a4e
}

.product-container .content .data .panel .viral .users {
	border-left: 1px solid hsla(0, 0%, 100%, .2);
	padding-left: 10px;
	margin-left: 10px
}

.product-container .content .data .panel .amount {
	display: flex;
	align-items: baseline;
	padding: 10px 10px 5px;
	margin-top: auto
}

@media screen and (max-width:600px) {
	.product-container .content .data .panel .amount {
		padding-top: 0;
		padding-bottom: 5px
	}
}

.product-container .content .data .panel .amount.no-stock div {
	display: none
}

.product-container .content .data .panel .amount .discounts {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-left: auto
}

@media screen and (max-width:700px) {
	.product-container .content .data .panel .amount .discounts {
		display: none
	}
}

.product-container .content .data .panel .amount .discounts .icon-tag {
	margin-bottom: 2px;
	position: relative;
	top: 1px
}

.product-container .content .data .panel .amount .discounts .retail {
	font-size: 19px;
	margin-left: 5px;
	text-decoration: line-through
}

.product-container .content .data .panel .amount .discounts .retail span {
	font-weight: 700;
	font-size: 12px;
	margin-left: 2px
}

.product-container .content .data .panel .amount .discounted {
	font-size: 19px;
	margin-left: 10px;
	color: var(--color)
}

.product-container .content .data .panel .amount .total {
	font-size: 40px;
	display: flex;
	justify-content: flex-end;
	margin-left: 10px;
	line-height: 30px;
	align-items: baseline
}

@media screen and (max-width:1000px) {
	.product-container .content .data .panel .amount .total {
		font-size: 32px
	}
}

@media screen and (max-width:650px) {
	.product-container .content .data .panel .amount .total {
		font-size: 24px
	}
}

.product-container .content .data .panel .amount .total span {
	font-weight: 700;
	font-size: 20px;
	margin-left: 2px;
	line-height: 16px
}

@media screen and (max-width:1000px) {
	.product-container .content .data .panel .amount .total span {
		font-size: 16px
	}
}

.product-container .content .data .panel .action {
	display: flex;
	margin: 5px;
	width: 100%;
	width: -moz-available;
	width: -webkit-fill-available;
	width: fill-available
}

.product-container .content .data .panel .action.priced {
	margin: 5px 5px 0
}

@media screen and (max-width:1000px) {
	.product-container .content .data .panel .action.priced {
		margin: 0
	}
	.product-container .content .data .panel .action.priced .button.favorite {
		margin-left: 0
	}
	.product-container .content .data .panel .action.priced .button:not(.favorite) {
		margin-right: 0
	}
}

@media screen and (max-width:600px) {
	.product-container .content .data .panel .action.priced {
		margin: 0 10px
	}
}

.product-container .content .data .panel .action.f2p {
	justify-content: center;
	margin: 10px 0 0
}

.product-container .content .data .panel .action .notifstock {
	width: 100%;
	overflow: hidden
}

.product-container .content .data .panel .action .notifstock.alreadyok,
.product-container .content .data .panel .action .notifstock.toomuch {
	font-size: 14px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin: 5px 5px 0;
	padding: 5px;
	height: 56px
}

@media screen and (max-width:1000px) {
	.product-container .content .data .panel .action .notifstock.alreadyok,
	.product-container .content .data .panel .action .notifstock.toomuch {
		font-size: 13px;
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.product-container .content .data .panel .action .notifstock.alreadyok,
	.product-container .content .data .panel .action .notifstock.toomuch {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.product-container .content .data .panel .action .notifstock.alreadyok,
	.product-container .content .data .panel .action .notifstock.toomuch {
		border-radius: 5px
	}
}

@media screen and (max-width:500px) {
	.product-container .content .data .panel .action .notifstock.alreadyok,
	.product-container .content .data .panel .action .notifstock.toomuch {
		height: 46px
	}
}

.product-container .content .data .panel .action .notifstock.alreadyok {
	background-color: rgba(37, 222, 87, .1);
	color: #25de57
}

.product-container .content .data .panel .action .notifstock.toomuch {
	background-color: rgba(255, 10, 78, .1);
	color: #ff0a4e
}

.product-container .content .data .panel .action .notifstock .button {
	font-size: 14px;
	width: calc(100% - 10px)
}

@media screen and (max-width:1000px) {
	.product-container .content .data .panel .action .notifstock .button {
		font-size: 13px;
		width: calc(100% - 5px)
	}
}

@media screen and (max-width:500px) {
	.product-container .content .data .panel .action .notifstock .button {
		font-size: 12px
	}
}

.product-container .content .data .panel .action .button {
	padding: 0 15px;
	margin-bottom: 0
}

.product-container .content .data .panel .discount {
	margin-top: auto;
	position: absolute;
	bottom: -5px;
	left: -5px
}

.product-container .content .details {
	margin: -15px;
	display: flex
}

@media screen and (max-width:1000px) {
	.product-container .content .details {
		margin: -10px
	}
}

@media screen and (max-width:800px) {
	.product-container .content .details {
		margin: -5px
	}
}

@media screen and (max-width:1000px) {
	.product-container .content .details {
		order: 1;
		flex-direction: column;
		margin: 0
	}
}

.product-container .content .details a.readable {
	text-decoration: underline;
	margin-top: 10px
}

.product-container .content .details a.readable:hover {
	color: #fff
}

@media screen and (max-width:1000px) {
	.product-container .content .details a.readable {
		display: none
	}
}

.product-container .content .details .about {
	width: calc(55% - 30px);
	flex: 0 0 616px;
	display: flex;
	flex-direction: column;
	margin: 15px 0 15px 15px
}

@media screen and (max-width:1000px) {
	.product-container .content .details .about {
		margin: 10px;
		width: calc(55% - 20px)
	}
}

@media screen and (max-width:800px) {
	.product-container .content .details .about {
		margin: 5px;
		width: calc(55% - 10px)
	}
}

@media screen and (max-width:1260px) {
	.product-container .content .details .about {
		flex: 0 0 50%
	}
}

@media screen and (max-width:1000px) {
	.product-container .content .details .about {
		flex: initial;
		width: 100%;
		margin: 0
	}
}

.product-container .content .details .about .headline {
	justify-content: flex-start
}

.product-container .content .details .about .headline .icon-edit {
	margin-left: 10px
}

.product-container .content .details .about .headline .icon-edit:hover {
	background-color: var(--color)
}

.product-container .content .details .about .headline .ids {
	font-size: 13px;
	margin-left: 15px
}

.product-container .content .details .about .headline .ids:nth-child(3) {
	margin-left: auto
}

.product-container .content .details .about .text {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical
}

@media screen and (max-width:1000px) {
	.product-container .content .details .about .text {
		display: none
	}
}

.product-container .content .details .about .users-tags {
	margin: 15px -3px -3px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	color: var(--color-light)
}

@media screen and (max-width:1000px) {
	.product-container .content .details .about .users-tags {
		display: none
	}
}

.product-container .content .details .about .users-tags span {
	margin: 3px
}

@media screen and (max-width:1000px) {
	.product-container .content .details .about .users-tags span {
		margin: 0;
		min-width: 122px
	}
}

.product-container .content .details .about .users-tags a {
	font-size: 14px;
	padding: 6px 9px;
	margin: 3px;
	border-radius: 100px;
	color: var(--color-light);
	border: 1px solid hsla(0, 0%, 56.5%, .7);
	transition: .2s;
	min-height: 29px
}

@media screen and (max-width:1000px) {
	.product-container .content .details .about .users-tags a {
		font-size: 13px
	}
}

body.neon .product-container .content .details .about .users-tags a {
	border: 1px solid rgba(101, 124, 177, .7)
}

body.neon .product-container .content .details .about .users-tags a:hover {
	border: 1px solid #fff
}

@media screen and (max-width:1000px) {
	.product-container .content .details .about .users-tags a {
		font-size: 16px;
		padding: 0;
		margin: 0 5px 0 0;
		min-height: 0;
		border: unset;
		color: #fff;
		text-decoration: underline
	}
}

@media screen and (max-width:1000px) and (max-width:1000px) {
	.product-container .content .details .about .users-tags a {
		font-size: 15px
	}
}

@media screen and (max-width:1000px) and (max-width:650px) {
	.product-container .content .details .about .users-tags a {
		font-size: 13px
	}
}

.product-container .content .details .about .users-tags a:not(.moretags):nth-child(n+6) {
	display: none
}

.product-container .content .details .about .users-tags a:hover {
	border: 1px solid #fff;
	color: #fff
}

@media screen and (max-width:1000px) {
	.product-container .content .details .about .users-tags a:hover {
		border: unset
	}
}

.product-container .content .details .about .users-tags a.promo {
	color: var(--color);
	border: 1px solid var(--color)
}

body.neon .product-container .content .details .about .users-tags a.promo {
	border: 1px solid #ff346d
}

body.neon .product-container .content .details .about .users-tags a.promo:hover {
	border: 1px solid #fff
}

.product-container .content .details .about .users-tags a.promo:hover {
	border: 1px solid #fff;
	color: #fff
}

.product-container .content .details .about .users-tags a.geforce {
	background-image: url(/androidportalhtml/modules/product/images/icon-nvidia.svg);
	background-position: center left 10px;
	background-repeat: no-repeat;
	background-size: 20px;
	padding-left: 40px
}

.product-container .content .details .about .users-tags a.moretags {
	line-height: 8px
}

.product-container .content .details .about .users-tags.showall a:nth-child(n+6) {
	display: inline-block
}

.product-container .content .details .specifics {
	width: 100%;
	margin: 15px 15px 15px 90px
}

@media screen and (max-width:1000px) {
	.product-container .content .details .specifics {
		margin: 10px
	}
}

@media screen and (max-width:800px) {
	.product-container .content .details .specifics {
		margin: 5px
	}
}

@media screen and (max-width:1260px) {
	.product-container .content .details .specifics {
		width: 50%;
		margin-left: 30px
	}
}

@media screen and (max-width:1000px) {
	.product-container .content .details .specifics {
		width: 100%;
		margin: 0
	}
}

.product-container .content .details .specifics .social {
	margin-bottom: 16px;
	display: flex;
	align-items: center;
	min-height: 54px
}

@media screen and (max-width:1000px) {
	.product-container .content .details .specifics .social {
		display: none
	}
}

.product-container .content .details .specifics .social .based {
	display: flex;
	flex-direction: column;
	line-height: 23px;
	color: var(--color-light)
}

.product-container .content .details .specifics .social .based span {
	white-space: nowrap
}

.product-container .content .details .specifics .social .based span.link {
	color: #fff;
	margin-top: -2px
}

.product-container .content .details .specifics .social .rating {
	display: flex;
	align-items: center;
	width: min-content
}

.product-container .content .details .specifics .social .rating:hover .based span.link {
	color: var(--color)
}

.product-container .content .details .specifics .social .rating .note-container {
	flex: 0 0 45px;
	margin-right: 15px
}

.product-container .content .details .specifics .social .share {
	display: flex;
	align-items: center;
	margin-left: auto;
	color: var(--color-light)
}

.product-container .content .details .specifics .social .share a {
	font-weight: 400;
	text-decoration: none
}

.product-container .content .details .specifics .social .share a .icon-check {
	margin-left: 10px;
	background-color: #25de57
}

.product-container .content .details .specifics .social .button {
	height: auto;
	padding: 15px;
	margin-left: 10px;
	min-height: 55px
}

.product-container .content .details .specifics span.comma:last-of-type {
	display: none
}

.product-container .content .details .specifics .table {
	color: var(--color-light)
}

@media screen and (max-width:1000px) {
	.product-container .content .details .specifics .table {
		line-height: 20px;
		margin-top: 0;
		margin-left: 0
	}
}

@media screen and (max-width:1000px) {
	.product-container .content .details .specifics .table .table-row.low {
		display: none
	}
}

.product-container .content .details .specifics .table .table-row .table-cell {
	padding-bottom: 10px
}

@media screen and (max-width:1000px) {
	.product-container .content .details .specifics .table .table-row .table-cell {
		padding-bottom: 0
	}
}

.product-container .content .details .specifics .table .table-row .table-cell:first-of-type {
	padding-right: 30px;
	white-space: nowrap;
	vertical-align: middle
}

@media screen and (max-width:500px) {
	.product-container .content .details .specifics .table .table-row .table-cell:first-of-type {
		padding-right: 10px
	}
}

.product-container .content .details .specifics .table .table-row .table-cell .icon-warning {
	margin: -3px 10px -4px 0;
	display: inline-block;
	background-color: #ffb445
}

.product-container .content .details .specifics .table .table-row .table-cell .limiter {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.product-container .content .details .specifics .table .table-row.users-tags {
	display: none
}

@media screen and (max-width:1000px) {
	.product-container .content .details .specifics .table .table-row.users-tags {
		display: table-row
	}
}

.product-container .content .details .specifics .table .table-row.users-tags .table-cell a:not(.moretags):nth-child(n+6) {
	display: none
}

.product-container .content .details .specifics .table .table-row.users-tags .table-cell .moretags {
	font-size: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 20px;
	width: 20px;
	margin: 4px;
	border-radius: 100px;
	color: #fff;
	border: 1px solid hsla(0, 0%, 100%, .7)
}

@media screen and (max-width:1000px) {
	.product-container .content .details .specifics .table .table-row.users-tags .table-cell .moretags {
		font-size: 13px
	}
}

.product-container .content .details .specifics .table .table-row.showall .table-cell a:nth-child(n+6) {
	display: inline-flex!important
}

.product-container .content .early-text {
	border-radius: 15px;
	border: 2px solid var(--color-medium);
	padding: 20px
}

@media screen and (max-width:1000px) {
	.product-container .content .early-text {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.product-container .content .early-text {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.product-container .content .early-text {
		border-radius: 7px
	}
}

.product-container .content .early-text .early-title {
	color: var(--color);
	margin-bottom: 10px
}

.product-container .content .share .networks {
	display: flex;
	justify-content: center
}

.product-container .content .share .networks a {
	margin: 5px;
	flex-shrink: 0;
	padding: 15px
}

.product-container .content .share .networks a .icon-check {
	background-color: #3483ff;
	transform: scale(.8)
}

.product-container .content .share .networks a.copysuccess .icon-copy {
	display: none
}

.product-container .content .based-game {
	border-radius: 15px;
	overflow: hidden;
	display: flex;
	align-items: center;
	align-self: center;
	background-color: var(--color-very-dark);
	color: #fff;
	transition: .2s;
	max-width: 700px
}

@media screen and (max-width:1000px) {
	.product-container .content .based-game {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.product-container .content .based-game {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.product-container .content .based-game {
		border-radius: 7px
	}
}

@media screen and (max-width:1000px) {
	.product-container .content .based-game {
		max-width: 600px
	}
}

@media screen and (max-width:550px) {
	.product-container .content .based-game {
		flex-direction: column;
		max-width: 250px
	}
}

.product-container .content .based-game:hover {
	transform: scale(1.02)
}

.product-container .content .based-game.empty {
	padding: 30px
}

@media screen and (max-width:1000px) {
	.product-container .content .based-game.empty {
		padding: 20px
	}
}

@media screen and (max-width:400px) {
	.product-container .content .based-game.empty {
		padding: 15px
	}
}

.product-container .content .based-game.empty:hover {
	transform: scale(1)
}

.product-container .content .based-game.empty .explanation {
	padding: 0
}

.product-container .content .based-game.empty .explanation .text {
	margin: 15px 0 0;
	color: #fff
}

@media screen and (max-width:1000px) {
	.product-container .content .based-game.empty .explanation .text {
		margin: 10px 0 0
	}
}

@media screen and (max-width:550px) {
	.product-container .content .based-game.empty .explanation .text {
		margin: 0
	}
}

.product-container .content .based-game picture {
	flex: 0 0 50%;
	position: relative;
	align-self: baseline;
	display: flex
}

@media screen and (min-width:1000px) {
	.product-container .content .based-game picture {
		flex: 0 0 380px
	}
}

.product-container .content .based-game picture img {
	width: 100%
}

.product-container .content .based-game .explanation {
	padding: 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	text-align: center
}

@media screen and (max-width:1000px) {
	.product-container .content .based-game .explanation {
		padding: 15px
	}
}

.product-container .content .based-game .explanation .icon-information {
	background-color: #ff5400
}

body.neon .product-container .content .based-game .explanation .icon-information {
	background-color: #3483ff
}

@media screen and (max-width:550px) {
	.product-container .content .based-game .explanation .icon-information {
		width: 30px;
		height: 30px;
		flex: 0 0 30px;
		margin-bottom: 5px
	}
}

.product-container .content .based-game .explanation .text {
	margin: 20px 0 5px;
	text-align: center;
	color: var(--color-light)
}

@media screen and (max-width:800px) {
	.product-container .content .based-game .explanation .text {
		margin-top: 10px
	}
}

@media screen and (max-width:600px) {
	.product-container .content .based-game .explanation .text {
		margin-top: 0
	}
}

.product-container .content .based-game .explanation .name {
	font-size: 24px;
	font-weight: 700;
	overflow: hidden;
	max-height: 57px
}

@media screen and (max-width:1000px) {
	.product-container .content .based-game .explanation .name {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.product-container .content .based-game .explanation .name {
		font-size: 16px
	}
}

@media screen and (max-width:800px) {
	.product-container .content .based-game .explanation .name {
		font-size: 20px;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: normal
	}
}

@media screen and (max-width:800px) and (max-width:1000px) {
	.product-container .content .based-game .explanation .name {
		font-size: 16px
	}
}

.product-container .content .based-game .explanation .f2p {
	color: var(--color);
	margin-top: 10px
}

@media screen and (max-width:380px) {
	.product-container .content .editions {
		display: none
	}
}

.product-container .content .editions .listing {
	margin: -15px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	position: relative
}

@media screen and (max-width:1000px) {
	.product-container .content .editions .listing {
		margin: -10px
	}
}

@media screen and (max-width:800px) {
	.product-container .content .editions .listing {
		margin: -5px
	}
}

.product-container .content .editions .listing .show-more-editions {
	font-size: 24px;
	width: 56px;
	height: 56px;
	display: flex;
	position: absolute;
	bottom: 0;
	padding: 0;
	z-index: 1;
	text-align: center;
	left: 50%;
	transform: translate(-50%);
	color: #fff;
	text-decoration: none;
	transition: none
}

@media screen and (max-width:1000px) {
	.product-container .content .editions .listing .show-more-editions {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.product-container .content .editions .listing .show-more-editions {
		font-size: 16px
	}
}

.product-container .content .editions .listing .show-more-editions:after {
	content: "+"
}

@media screen and (max-width:1000px) {
	.product-container .content .editions .listing .show-more-editions {
		width: 46px;
		height: 46px
	}
}

@media screen and (max-width:500px) {
	.product-container .content .editions .listing .show-more-editions {
		width: 36px;
		height: 36px
	}
}

.product-container .content .editions .listing .item {
	border-radius: 15px;
	margin: 15px;
	width: calc(33.33333% - 30px);
	display: flex;
	background-color: var(--color-very-dark);
	padding: 30px;
	flex-direction: column;
	position: relative;
	transition: .2s;
	top: 0
}

@media screen and (max-width:1000px) {
	.product-container .content .editions .listing .item {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.product-container .content .editions .listing .item {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.product-container .content .editions .listing .item {
		border-radius: 7px
	}
}

@media screen and (max-width:1000px) {
	.product-container .content .editions .listing .item {
		margin: 10px;
		width: calc(33.33333% - 20px)
	}
}

@media screen and (max-width:800px) {
	.product-container .content .editions .listing .item {
		margin: 5px;
		width: calc(33.33333% - 10px)
	}
}

@media screen and (min-width:650px) {
	.product-container .content .editions .listing .item:not(.force-display):nth-child(n+5) {
		height: 400px
	}
}

@media screen and (min-width:650px) and (max-width:1000px) {
	.product-container .content .editions .listing .item:not(.force-display):nth-child(n+5) {
		height: 300px
	}
}

@media screen and (min-width:650px) {
	.product-container .content .editions .listing .item:not(.force-display):nth-child(n+5) a {
		display: none
	}
	.product-container .content .editions .listing .item:not(.force-display):nth-child(n+5):not(.similar):hover {
		box-shadow: none
	}
	.product-container .content .editions .listing .item:not(.force-display):nth-child(n+5):after {
		content: "";
		top: -2px;
		bottom: -2px;
		left: -2px;
		right: -2px;
		display: flex;
		position: absolute;
		background-image: linear-gradient(rgba(39, 39, 39, .4), #272727 100%)
	}
	body.neon .product-container .content .editions .listing .item:not(.force-display):nth-child(n+5):after {
		background-image: linear-gradient(rgba(22, 26, 58, .4), #161a3a 100%)
	}
}

@media screen and (max-width:650px) {
	.product-container .content .editions .listing .item:not(.force-display):nth-child(n+4) {
		height: 400px
	}
}

@media screen and (max-width:650px) and (max-width:1000px) {
	.product-container .content .editions .listing .item:not(.force-display):nth-child(n+4) {
		height: 300px
	}
}

@media screen and (max-width:650px) {
	.product-container .content .editions .listing .item:not(.force-display):nth-child(n+4) a {
		display: none
	}
	.product-container .content .editions .listing .item:not(.force-display):nth-child(n+4):not(.similar):hover {
		box-shadow: none
	}
	.product-container .content .editions .listing .item:not(.force-display):nth-child(n+4):after {
		content: "";
		top: -2px;
		bottom: -2px;
		left: -2px;
		right: -2px;
		display: flex;
		position: absolute;
		background-image: linear-gradient(rgba(39, 39, 39, .4), #272727 100%)
	}
	body.neon .product-container .content .editions .listing .item:not(.force-display):nth-child(n+4):after {
		background-image: linear-gradient(rgba(22, 26, 58, .4), #161a3a 100%)
	}
}

@media screen and (max-width:500px) {
	.product-container .content .editions .listing .item:not(.force-display):nth-child(n+4) {
		height: 200px
	}
	.product-container .content .editions .listing .item:not(.force-display):nth-child(n+4):after {
		background-image: linear-gradient(rgba(39, 39, 39, .7), #272727 100%)
	}
	body.neon .product-container .content .editions .listing .item:not(.force-display):nth-child(n+4):after {
		background-image: linear-gradient(rgba(22, 26, 58, .7), #161a3a 100%)
	}
}

@media screen and (min-width:650px) {
	.product-container .content .editions .listing .item:not(.force-display):nth-child(n+8) {
		display: none
	}
}

@media screen and (max-width:650px) {
	.product-container .content .editions .listing .item:not(.force-display):nth-child(n+6) {
		display: none
	}
}

.product-container .content .editions .listing .item.similar {
	box-shadow: 0 0 0 2px var(--color)
}

.product-container .content .editions .listing .item:not(.similar):hover {
	box-shadow: 0 0 0 2px var(--color-medium-light)
}

.product-container .content .editions .listing .item.no-stock .amount {
	display: none
}

@media screen and (max-width:1000px) {
	.product-container .content .editions .listing .item {
		padding: 15px
	}
}

@media screen and (max-width:650px) {
	.product-container .content .editions .listing .item {
		margin: 15px;
		width: calc(50% - 30px)
	}
}

@media screen and (max-width:650px) and (max-width:1000px) {
	.product-container .content .editions .listing .item {
		margin: 10px;
		width: calc(50% - 20px)
	}
}

@media screen and (max-width:650px) and (max-width:800px) {
	.product-container .content .editions .listing .item {
		margin: 5px;
		width: calc(50% - 10px)
	}
}

.product-container .content .editions .listing .item .edition-link {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 1
}

.product-container .content .editions .listing .item .edition-link.smaller {
	bottom: 90px
}

@media screen and (max-width:1000px) {
	.product-container .content .editions .listing .item .edition-link.smaller {
		bottom: 70px
	}
}

@media screen and (max-width:500px) {
	.product-container .content .editions .listing .item .edition-link.smaller {
		bottom: 60px
	}
}

.product-container .content .editions .listing .item .edition-link.long {
	bottom: 180px
}

@media screen and (max-width:1000px) {
	.product-container .content .editions .listing .item .edition-link.long {
		bottom: 150px
	}
}

@media screen and (max-width:500px) {
	.product-container .content .editions .listing .item .edition-link.long {
		bottom: 140px
	}
}

.product-container .content .editions .listing .item picture {
	margin: -30px -30px 25px
}

@media screen and (max-width:1000px) {
	.product-container .content .editions .listing .item picture {
		margin: -15px -15px 15px
	}
}

.product-container .content .editions .listing .item picture img {
	border-radius: 15px;
	border-bottom-left-radius: 0!important;
	border-bottom-right-radius: 0!important;
	width: 100%;
	transition: .2s
}

@media screen and (max-width:1000px) {
	.product-container .content .editions .listing .item picture img {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.product-container .content .editions .listing .item picture img {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.product-container .content .editions .listing .item picture img {
		border-radius: 7px
	}
}

.product-container .content .editions .listing .item .reducer {
	margin-top: -10px;
	height: 100%;
	display: flex;
	flex-direction: column;
	overflow: hidden
}

@media screen and (max-width:1000px) {
	.product-container .content .editions .listing .item .reducer {
		margin-top: 0
	}
}

@media screen and (max-width:650px) {
	.product-container .content .editions .listing .item .reducer {
		margin-top: -5px
	}
}

.product-container .content .editions .listing .item .name {
	display: flex;
	align-items: flex-start;
	margin-bottom: 10px
}

@media screen and (max-width:1000px) {
	.product-container .content .editions .listing .item .name {
		margin-bottom: 10px;
		margin-top: 0
	}
}

@media screen and (max-width:650px) {
	.product-container .content .editions .listing .item .name {
		margin-bottom: 5px
	}
}

.product-container .content .editions .listing .item .name h3 {
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

@media screen and (max-width:1000px) {
	.product-container .content .editions .listing .item .name h3 {
		font-size: 14px
	}
}

@media screen and (max-width:1000px) and (max-width:1000px) {
	.product-container .content .editions .listing .item .name h3 {
		font-size: 13px
	}
}

.product-container .content .editions .listing .item .edition-listing {
	margin-bottom: 20px
}

@media screen and (max-width:650px) {
	.product-container .content .editions .listing .item .edition-listing {
		margin-bottom: 5px
	}
}

@media screen and (max-width:1000px) {
	.product-container .content .editions .listing .item .edition-listing ul {
		font-size: 14px
	}
}

@media screen and (max-width:1000px) and (max-width:1000px) {
	.product-container .content .editions .listing .item .edition-listing ul {
		font-size: 13px
	}
}

.product-container .content .editions .listing .item .edition-listing ul.unrolled.too-long .edition-too-many,
.product-container .content .editions .listing .item .edition-listing ul.unrolled li:nth-child(n+6) {
	display: flex
}

.product-container .content .editions .listing .item .edition-listing ul.too-short .edition-view-more {
	display: none
}

@media screen and (max-width:1000px) {
	.product-container .content .editions .listing .item .edition-listing ul li {
		margin: 0;
		line-height: 20px
	}
}

.product-container .content .editions .listing .item .edition-listing ul li:nth-child(n+6) {
	display: none
}

.product-container .content .editions .listing .item .edition-listing ul li:nth-child(n+11) {
	display: none!important
}

.product-container .content .editions .listing .item .edition-listing ul li span {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.product-container .content .editions .listing .item .edition-listing .edition-view-more {
	text-transform: lowercase;
	cursor: pointer;
	text-decoration: underline;
	padding-left: 26px
}

.product-container .content .editions .listing .item .edition-listing .edition-view-more:hover {
	color: #fff
}

.product-container .content .editions .listing .item .edition-listing .edition-too-many {
	display: none;
	padding-left: 26px
}

.product-container .content .editions .listing .item .bottom {
	margin-top: auto
}

.product-container .content .editions .listing .item ul li {
	margin-left: 0;
	display: flex;
	align-items: center
}

@media screen and (max-width:1000px) {
	.product-container .content .editions .listing .item ul li {
		margin: 3px 0
	}
}

@media screen and (max-width:650px) {
	.product-container .content .editions .listing .item ul li {
		line-height: 17px
	}
}

.product-container .content .editions .listing .item ul li:before {
	display: none
}

.product-container .content .editions .listing .item ul li .icon-check {
	background-color: #25de57;
	margin-right: 10px
}

@media screen and (max-width:1000px) {
	.product-container .content .editions .listing .item ul li .icon-check {
		transform: scale(.8);
		margin-right: 5px
	}
}

.product-container .content .editions .listing .item .text {
	margin-bottom: auto
}

.product-container .content .editions .listing .item .amount {
	display: flex;
	justify-content: center;
	align-items: baseline
}

.product-container .content .editions .listing .item .amount .discounts {
	display: flex;
	align-items: center;
	justify-content: flex-end
}

.product-container .content .editions .listing .item .amount .discounts .icon-tag {
	margin-bottom: 2px;
	position: relative;
	top: 1px
}

@media screen and (max-width:1000px) {
	.product-container .content .editions .listing .item .amount .discounts .icon-tag {
		display: none
	}
}

.product-container .content .editions .listing .item .amount .discounts .retail {
	font-size: 19px;
	margin-left: 5px;
	text-decoration: line-through
}

@media screen and (max-width:1000px) {
	.product-container .content .editions .listing .item .amount .discounts .retail {
		font-size: 14px
	}
}

@media screen and (max-width:1000px) and (max-width:1000px) {
	.product-container .content .editions .listing .item .amount .discounts .retail {
		font-size: 13px
	}
}

.product-container .content .editions .listing .item .amount .discounts .retail span {
	font-weight: 700;
	font-size: 12px;
	margin-left: 2px
}

.product-container .content .editions .listing .item .amount .discounted {
	font-size: 19px;
	margin-left: 10px;
	color: var(--color)
}

@media screen and (max-width:1000px) {
	.product-container .content .editions .listing .item .amount .discounted {
		font-size: 14px
	}
}

@media screen and (max-width:1000px) and (max-width:1000px) {
	.product-container .content .editions .listing .item .amount .discounted {
		font-size: 13px
	}
}

.product-container .content .editions .listing .item .amount .total {
	font-size: 32px;
	display: flex;
	justify-content: flex-end;
	margin-left: 10px;
	align-items: baseline
}

@media screen and (max-width:1000px) {
	.product-container .content .editions .listing .item .amount .total {
		font-size: 24px
	}
}

@media screen and (max-width:800px) {
	.product-container .content .editions .listing .item .amount .total {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.product-container .content .editions .listing .item .amount .total {
		font-size: 18px
	}
}

@media screen and (max-width:800px) {
	.product-container .content .editions .listing .item .amount .total {
		margin-left: 10px
	}
}

.product-container .content .editions .listing .item .amount .total span {
	font-weight: 700;
	font-size: 14px;
	margin-left: 2px
}

@media screen and (max-width:1000px) {
	.product-container .content .editions .listing .item .amount .total span {
		font-size: 13px
	}
}

.product-container .content .editions .listing .item .action {
	display: flex;
	margin: 10px -5px -5px
}

@media screen and (max-width:650px) {
	.product-container .content .editions .listing .item .action {
		margin-top: 0
	}
}

.product-container .content .editions .listing .item .button {
	font-size: 14px;
	box-shadow: none;
	margin: 5px
}

@media screen and (max-width:1000px) {
	.product-container .content .editions .listing .item .button {
		font-size: 13px
	}
}

@media screen and (min-width:1000px) {
	.product-container .content .editions .listing .item .button {
		height: 50px
	}
}

.product-container .content .editions .listing .item .discount {
	margin-top: auto;
	position: absolute;
	bottom: -5px;
	left: -5px
}

.product-container .content .visuals .vimeo {
	padding-bottom: 56.25%;
	position: relative;
	margin-bottom: 30px
}

@media screen and (max-width:1000px) {
	.product-container .content .visuals .vimeo {
		margin-bottom: 20px
	}
}

@media screen and (max-width:800px) {
	.product-container .content .visuals .vimeo {
		margin-bottom: 10px
	}
}

.product-container .content .visuals .vimeo.cinema {
	padding-bottom: 42.6%
}

.product-container .content .visuals .vimeo iframe {
	border-radius: 15px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

@media screen and (max-width:1000px) {
	.product-container .content .visuals .vimeo iframe {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.product-container .content .visuals .vimeo iframe {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.product-container .content .visuals .vimeo iframe {
		border-radius: 7px
	}
}

.product-container .content .visuals .screenshots {
	margin: -15px;
	display: flex;
	justify-content: center
}

@media screen and (max-width:1000px) {
	.product-container .content .visuals .screenshots {
		margin: -10px
	}
}

@media screen and (max-width:800px) {
	.product-container .content .visuals .screenshots {
		margin: -5px
	}
}

.product-container .content .visuals .screenshots a {
	display: flex;
	margin: 15px;
	width: 50%
}

@media screen and (max-width:1000px) {
	.product-container .content .visuals .screenshots a {
		margin: 10px
	}
}

@media screen and (max-width:800px) {
	.product-container .content .visuals .screenshots a {
		margin: 5px
	}
}

.product-container .content .visuals .screenshots a picture {
	padding-bottom: 56.25%;
	position: relative;
	width: 100%
}

@media screen and (min-width:1260px) {
	.product-container .content .visuals .screenshots a picture {
		height: 337px
	}
}

.product-container .content .visuals .screenshots a picture img {
	border-radius: 15px;
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover
}

@media screen and (max-width:1000px) {
	.product-container .content .visuals .screenshots a picture img {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.product-container .content .visuals .screenshots a picture img {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.product-container .content .visuals .screenshots a picture img {
		border-radius: 7px
	}
}

.product-container .content .visuals .screenshots .thumber {
	display: flex;
	flex-wrap: wrap;
	width: 50%
}

.product-container .content .visuals .screenshots .thumber a {
	width: calc(50% - 30px)
}

@media screen and (max-width:1000px) {
	.product-container .content .visuals .screenshots .thumber a {
		width: calc(50% - 20px)
	}
}

@media screen and (max-width:800px) {
	.product-container .content .visuals .screenshots .thumber a {
		width: calc(50% - 10px)
	}
}

@media screen and (min-width:1260px) {
	.product-container .content .visuals .screenshots .thumber a picture {
		height: 154px
	}
}

.product-container .content .description {
	position: relative;
	width: 100%
}

.product-container .content .description .plus {
	display: none
}

.product-container .content .description.readmore {
	overflow: hidden;
	cursor: pointer
}

.product-container .content .description.readmore.in {
	overflow: initial;
	padding-bottom: 30px
}

@media screen and (max-width:1000px) {
	.product-container .content .description.readmore.in {
		padding-bottom: 20px
	}
}

.product-container .content .description.readmore.in .plus {
	bottom: -35px
}

@media screen and (max-width:1000px) {
	.product-container .content .description.readmore.in .plus {
		bottom: -35px
	}
}

@media screen and (max-width:500px) {
	.product-container .content .description.readmore.in .plus {
		bottom: -25px
	}
}

.product-container .content .description.readmore.in .plus:after {
	content: "-"
}

.product-container .content .description.readmore .plus {
	font-size: 24px;
	width: 56px;
	height: 56px;
	display: flex;
	position: absolute;
	bottom: 0;
	padding: 0;
	z-index: 1;
	text-align: center;
	left: calc(50% - 28px);
	color: #fff;
	text-decoration: none;
	transition: none
}

@media screen and (max-width:1000px) {
	.product-container .content .description.readmore .plus {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.product-container .content .description.readmore .plus {
		font-size: 16px
	}
}

.product-container .content .description.readmore .plus:after {
	content: "+"
}

@media screen and (max-width:1000px) {
	.product-container .content .description.readmore .plus {
		width: 46px;
		height: 46px
	}
}

@media screen and (max-width:500px) {
	.product-container .content .description.readmore .plus {
		width: 36px;
		height: 36px
	}
}

.product-container .content .description.readmore:not(.in) {
	max-height: 300px
}

.product-container .content .description.readmore:not(.in):after {
	content: "";
	display: block;
	height: 200px;
	position: absolute;
	bottom: 0;
	width: 100%;
	background-image: linear-gradient(rgba(39, 39, 39, 0), var(--color-dark) 90%)
}

body.neon .product-container .content .description.readmore:not(.in):after {
	background-image: linear-gradient(rgba(22, 26, 58, 0), #161a3a 90%)
}

.product-container .content .description img {
	border-radius: 15px;
	display: table;
	margin: 0 auto;
	max-width: 100%
}

@media screen and (max-width:1000px) {
	.product-container .content .description img {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.product-container .content .description img {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.product-container .content .description img {
		border-radius: 7px
	}
}

.product-container .content .description .text h2 {
	font-size: 20px;
	margin-bottom: 10px;
	margin-top: 20px
}

@media screen and (max-width:1000px) {
	.product-container .content .description .text h2 {
		font-size: 16px
	}
}

.product-container .content .description .text h2:first-child {
	margin-top: 0
}

.product-container .content .description .text img+br,
.product-container .content .description .text li br {
	display: none
}

.product-container .content .description .edition-description {
	border-radius: 15px;
	margin-bottom: 30px;
	border: 2px solid var(--color-medium);
	padding: 20px
}

@media screen and (max-width:1000px) {
	.product-container .content .description .edition-description {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.product-container .content .description .edition-description {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.product-container .content .description .edition-description {
		border-radius: 7px
	}
}

@media screen and (max-width:500px) {
	.product-container .content .description .edition-description {
		padding: 10px
	}
}

.product-container .content .description .edition-description.preorder h3 {
	color: #00abff
}

.product-container .content .description .edition-description h3 {
	margin-bottom: 20px
}

.product-container .content .dlcs {
	display: flex;
	flex-direction: column
}

.product-container .content .dlcs .productdlc {
	display: flex;
	flex-wrap: wrap
}

.product-container .content .dlcs .productdlc.show .action {
	opacity: 1;
	visibility: visible
}

.product-container .content .dlcs .productdlc .headline {
	margin: 30px 0 10px
}

.product-container .content .dlcs .productdlc .item {
	margin: 15px;
	width: calc(50% - 30px)
}

@media screen and (max-width:1000px) {
	.product-container .content .dlcs .productdlc .item {
		margin: 10px;
		width: calc(50% - 20px)
	}
}

@media screen and (max-width:800px) {
	.product-container .content .dlcs .productdlc .item {
		margin: 5px;
		width: calc(50% - 10px)
	}
}

@media screen and (max-width:700px) {
	.product-container .content .dlcs .productdlc .item {
		margin: 15px;
		width: calc(100% - 30px)
	}
}

@media screen and (max-width:700px) and (max-width:1000px) {
	.product-container .content .dlcs .productdlc .item {
		margin: 10px;
		width: calc(100% - 20px)
	}
}

@media screen and (max-width:700px) and (max-width:800px) {
	.product-container .content .dlcs .productdlc .item {
		margin: 5px;
		width: calc(100% - 10px)
	}
}

.product-container .content .dlcs .productdlc .item:not(.force-display):nth-child(n+5) {
	display: none
}

.product-container .content .dlcs .productdlc .item:last-of-type {
	margin-bottom: 0
}

.product-container .content .dlcs .productdlc .item:not(.equal) {
	order: 1
}

.product-container .content .dlcs .productdlc .item.equal {
	display: none
}

.product-container .content .dlcs .productdlc .item.no-stock .dlc-details {
	opacity: .4;
	cursor: auto
}

.product-container .content .dlcs .productdlc .item.based {
	width: calc(100% - 30px);
	align-items: center;
	display: none
}

.product-container .content .dlcs .productdlc .item.based .game {
	flex-direction: column;
	width: 50%
}

.product-container .content .dlcs .productdlc .item.based .game .dlc-cover {
	padding-top: 29%;
	width: 52%
}

.product-container .content .dlcs .productdlc .item.based .game .dlc-cover picture img {
	border-radius: 15px
}

@media screen and (max-width:1000px) {
	.product-container .content .dlcs .productdlc .item.based .game .dlc-cover picture img {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.product-container .content .dlcs .productdlc .item.based .game .dlc-cover picture img {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.product-container .content .dlcs .productdlc .item.based .game .dlc-cover picture img {
		border-radius: 7px
	}
}

.product-container .content .dlcs .productdlc .item.based .game .dlc-details {
	background-color: transparent;
	padding: 0
}

.product-container .content .dlcs .productdlc .item.based .game .dlc-details h2 {
	font-size: 24px
}

@media screen and (max-width:1000px) {
	.product-container .content .dlcs .productdlc .item.based .game .dlc-details h2 {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.product-container .content .dlcs .productdlc .item.based .game .dlc-details h2 {
		font-size: 16px
	}
}

.product-container .content .dlcs .productdlc .item.based .game .dlc-details .pack-prices {
	margin: 0 0 0 40px
}

.product-container .content .dlcs .productdlc .item .game {
	display: flex;
	align-items: center;
	width: 100%;
	transition: .2s;
	position: relative
}

.product-container .content .dlcs .productdlc .item .game.highlight .icon-cart {
	background-color: var(--color)
}

.product-container .content .dlcs .productdlc .item .game .dlc-cover {
	flex: 0 0 380px
}

.product-container .content .dlcs .productdlc .item .game .dlc-cover:hover {
	transform: none
}

@media screen and (max-width:1260px) {
	.product-container .content .dlcs .productdlc .item .game .dlc-cover {
		flex: 0 0 55%
	}
}

@media screen and (max-width:700px) {
	.product-container .content .dlcs .productdlc .item .game .dlc-cover {
		flex: 0 0 50%
	}
}

@media screen and (max-width:450px) {
	.product-container .content .dlcs .productdlc .item .game .dlc-cover {
		flex: 0 0 55%
	}
}

.product-container .content .dlcs .productdlc .item .game .dlc-cover picture {
	border-radius: 15px;
	display: flex;
	align-items: flex-start;
	border-top-right-radius: 0!important;
	border-bottom-right-radius: 0!important
}

@media screen and (max-width:1000px) {
	.product-container .content .dlcs .productdlc .item .game .dlc-cover picture {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.product-container .content .dlcs .productdlc .item .game .dlc-cover picture {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.product-container .content .dlcs .productdlc .item .game .dlc-cover picture {
		border-radius: 7px
	}
}

@media screen and (max-width:1260px) {
	.product-container .content .dlcs .productdlc .item .game .dlc-cover picture {
		padding-bottom: 60%
	}
}

@media screen and (max-width:1000px) {
	.product-container .content .dlcs .productdlc .item .game .dlc-cover picture {
		padding-bottom: 65%
	}
}

@media screen and (max-width:700px) {
	.product-container .content .dlcs .productdlc .item .game .dlc-cover picture {
		padding-bottom: 56.25%
	}
}

.product-container .content .dlcs .productdlc .item .game .dlc-cover picture img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.product-container .content .dlcs .productdlc .item .game .dlc-cover video {
	border-radius: 15px;
	border-top-right-radius: 0!important;
	border-bottom-right-radius: 0!important
}

@media screen and (max-width:1000px) {
	.product-container .content .dlcs .productdlc .item .game .dlc-cover video {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.product-container .content .dlcs .productdlc .item .game .dlc-cover video {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.product-container .content .dlcs .productdlc .item .game .dlc-cover video {
		border-radius: 7px
	}
}

.product-container .content .dlcs .productdlc .item .game .dlc-cover .icons {
	position: absolute;
	top: 10px;
	right: 10px
}

.product-container .content .dlcs .productdlc .item .game .dlc-details {
	border-radius: 15px;
	border-top-left-radius: 0!important;
	border-bottom-left-radius: 0!important;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 25px;
	width: 100%;
	height: 100%;
	justify-content: center;
	background-color: var(--color-ultra-dark)
}

@media screen and (max-width:1000px) {
	.product-container .content .dlcs .productdlc .item .game .dlc-details {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.product-container .content .dlcs .productdlc .item .game .dlc-details {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.product-container .content .dlcs .productdlc .item .game .dlc-details {
		border-radius: 7px
	}
}

@media screen and (max-width:1000px) {
	.product-container .content .dlcs .productdlc .item .game .dlc-details {
		padding: 20px
	}
}

@media screen and (max-width:900px) {
	.product-container .content .dlcs .productdlc .item .game .dlc-details {
		padding: 15px
	}
}

@media screen and (max-width:450px) {
	.product-container .content .dlcs .productdlc .item .game .dlc-details {
		padding: 10px
	}
}

.product-container .content .dlcs .productdlc .item .game .dlc-details h2 {
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 0
}

@media screen and (max-width:1000px) {
	.product-container .content .dlcs .productdlc .item .game .dlc-details h2 {
		font-size: 15px
	}
}

@media screen and (max-width:650px) {
	.product-container .content .dlcs .productdlc .item .game .dlc-details h2 {
		font-size: 13px
	}
}

.product-container .content .dlcs .productdlc .item .game .dlc-details h2 .dlc {
	color: var(--color);
	margin-right: 5px
}

.product-container .content .dlcs .productdlc .item .game .dlc-details .text {
	margin-bottom: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical
}

.product-container .content .dlcs .productdlc .item .game .dlc-details .text h1,
.product-container .content .dlcs .productdlc .item .game .dlc-details .text h2,
.product-container .content .dlcs .productdlc .item .game .dlc-details .text h3 {
	display: none
}

.product-container .content .dlcs .productdlc .item .game .dlc-details .total {
	display: flex;
	flex-direction: column;
	position: relative;
	top: 5px
}

.product-container .content .dlcs .productdlc .item .game .dlc-details .total .retail {
	font-size: 16px;
	text-decoration: line-through;
	color: var(--color-medium-light)
}

@media screen and (max-width:1000px) {
	.product-container .content .dlcs .productdlc .item .game .dlc-details .total .retail {
		font-size: 15px
	}
}

@media screen and (max-width:650px) {
	.product-container .content .dlcs .productdlc .item .game .dlc-details .total .retail {
		font-size: 13px
	}
}

.product-container .content .dlcs .productdlc .item .game .dlc-details .total .retail span {
	font-weight: 700;
	font-size: 11px;
	margin-left: 2px
}

.product-container .content .dlcs .productdlc .item .game .dlc-details .total .price {
	font-size: 24px
}

@media screen and (max-width:1000px) {
	.product-container .content .dlcs .productdlc .item .game .dlc-details .total .price {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.product-container .content .dlcs .productdlc .item .game .dlc-details .total .price {
		font-size: 16px
	}
}

.product-container .content .dlcs .productdlc .item .game .dlc-details .total .price span {
	font-weight: 700;
	font-size: 14px;
	margin-left: 2px
}

@media screen and (max-width:1000px) {
	.product-container .content .dlcs .productdlc .item .game .dlc-details .total .price span {
		font-size: 13px
	}
}

.product-container .content .dlcs .productdlc .item .game .dlc-details .action {
	display: flex;
	margin: -5px
}

.product-container .content .dlcs .productdlc .item .game .dlc-details .discount {
	margin-top: auto;
	position: absolute;
	bottom: -5px;
	left: -5px
}

.product-container .content .dlcs .productdlc .item .pack-prices {
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	margin-top: auto;
	width: 100%
}

.product-container .content .dlcs .productdlc .item .pack-prices .icon-cart {
	background-color: var(--color)
}

@media screen and (max-width:550px) {
	.product-container .content .dlcs .productdlc .item .pack-prices .icon-cart {
		width: 20px;
		height: 20px;
		flex: 0 0 20px
	}
}

.product-container .content .dlcs .productdlc .item .pack-prices .checkmark {
	margin-left: auto
}

.product-container .content .dlcs .productdlc .item .pack-prices .nostock {
	display: flex;
	color: var(--color-medium-light);
	justify-content: center;
	width: 100%
}

.product-container .content .dlcs .productdlc .item .pack-prices .nostock .icon-close {
	background-color: #ff0a4e;
	margin-right: 10px
}

.product-container .content .dlcs .productdlc hr {
	width: 100%;
	height: 0
}

.product-container .content .dlcs .alerts {
	margin: 20px 0 40px
}

.product-container .content .hardspecs-container {
	display: flex;
	flex-direction: column
}

.product-container .content .hardspecs-container .specs-container {
	margin: -15px;
	display: flex;
	flex-wrap: wrap
}

@media screen and (max-width:1000px) {
	.product-container .content .hardspecs-container .specs-container {
		margin: -10px
	}
}

@media screen and (max-width:800px) {
	.product-container .content .hardspecs-container .specs-container {
		margin: -5px
	}
}

.product-container .content .hardspecs-container .specs-container .minimal,
.product-container .content .hardspecs-container .specs-container .recommended {
	margin: 15px;
	width: calc(50% - 30px);
	line-height: 25px
}

@media screen and (max-width:1000px) {
	.product-container .content .hardspecs-container .specs-container .minimal,
	.product-container .content .hardspecs-container .specs-container .recommended {
		margin: 10px;
		width: calc(50% - 20px)
	}
}

@media screen and (max-width:800px) {
	.product-container .content .hardspecs-container .specs-container .minimal,
	.product-container .content .hardspecs-container .specs-container .recommended {
		margin: 5px;
		width: calc(50% - 10px)
	}
}

@media screen and (max-width:1000px) {
	.product-container .content .hardspecs-container .specs-container .minimal,
	.product-container .content .hardspecs-container .specs-container .recommended {
		line-height: 20px
	}
}

@media screen and (max-width:700px) {
	.product-container .content .hardspecs-container .specs-container .minimal,
	.product-container .content .hardspecs-container .specs-container .recommended {
		margin: 15px;
		width: calc(100% - 30px)
	}
}

@media screen and (max-width:700px) and (max-width:1000px) {
	.product-container .content .hardspecs-container .specs-container .minimal,
	.product-container .content .hardspecs-container .specs-container .recommended {
		margin: 10px;
		width: calc(100% - 20px)
	}
}

@media screen and (max-width:700px) and (max-width:800px) {
	.product-container .content .hardspecs-container .specs-container .minimal,
	.product-container .content .hardspecs-container .specs-container .recommended {
		margin: 5px;
		width: calc(100% - 10px)
	}
}

@media screen and (max-width:500px) {
	.product-container .content .hardspecs-container .specs-container .minimal,
	.product-container .content .hardspecs-container .specs-container .recommended {
		line-height: 15px
	}
}

.product-container .content .hardspecs-container .specs-container .minimal li,
.product-container .content .hardspecs-container .specs-container .recommended li {
	color: var(--color-light);
	display: flex
}

.product-container .content .hardspecs-container .specs-container .minimal li strong,
.product-container .content .hardspecs-container .specs-container .recommended li strong {
	font-weight: 400;
	min-width: 110px
}

@media screen and (max-width:700px) {
	.product-container .content .hardspecs-container .specs-container .minimal li strong,
	.product-container .content .hardspecs-container .specs-container .recommended li strong {
		min-width: 90px
	}
}

.product-container .content .hardspecs-container .specs-container .minimal .specs,
.product-container .content .hardspecs-container .specs-container .recommended .specs {
	color: var(--color-light)
}

@media screen and (max-width:700px) {
	.product-container .content .hardspecs-container .specs-container .recommended {
		margin-top: 15px
	}
}

.product-container .content .reviews-container {
	width: 100%
}

.product-container .content .reviews-container .reviews-listing {
	display: flex;
	flex-direction: column;
	align-items: center
}

@media screen and (min-width:1000px) {
	.product-container .content .reviews-container .filter-separate {
		display: none
	}
}

.product-container .content .reviews-container .filter-by {
	font-weight: 700;
	display: flex;
	align-items: center;
	max-width: none;
	justify-content: normal
}

@media screen and (max-width:1000px) {
	.product-container .content .reviews-container .filter-by {
		flex-direction: column;
		margin-bottom: 0
	}
}

.product-container .content .reviews-container .filter-by span {
	margin-left: auto;
	white-space: nowrap
}

.product-container .content .reviews-container .filter-by .note .note-container {
	width: 60px
}

@media screen and (max-width:1000px) {
	.product-container .content .reviews-container .filter-by .note .note-container {
		width: 50px
	}
}

@media screen and (max-width:450px) {
	.product-container .content .reviews-container .filter-by .note .note-container {
		width: 40px
	}
}

.product-container .content .reviews-container .filter-by .game-title {
	font-size: 24px;
	margin-right: 30px;
	display: flex;
	align-items: center
}

@media screen and (max-width:1000px) {
	.product-container .content .reviews-container .filter-by .game-title {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.product-container .content .reviews-container .filter-by .game-title {
		font-size: 16px
	}
}

@media screen and (max-width:1000px) {
	.product-container .content .reviews-container .filter-by .game-title {
		margin-right: 0
	}
}

.product-container .content .reviews-container .filter-by .game-title.smaller {
	font-size: 20px;
	line-height: 25px;
	margin: 5px 0
}

@media screen and (max-width:1000px) {
	.product-container .content .reviews-container .filter-by .game-title.smaller {
		font-size: 16px;
		line-height: 25px
	}
}

.product-container .content .reviews-container .filter-by .game-title span {
	font-size: 14px;
	font-weight: 400;
	padding: 10px 15px;
	background-color: var(--color-medium-dark);
	margin-left: 15px;
	border-radius: 100px
}

@media screen and (max-width:1000px) {
	.product-container .content .reviews-container .filter-by .game-title span {
		font-size: 13px
	}
}

.product-container .content .reviews-container .filter-by .filters {
	display: flex;
	align-items: center;
	margin-left: auto
}

@media screen and (max-width:1000px) {
	.product-container .content .reviews-container .filter-by .filters {
		margin-top: 15px;
		margin-left: 0
	}
	.product-container .content .reviews-container .filter-by .filters span {
		display: none
	}
}

.product-container .content .reviews-container .filter-by .button {
	height: 50px;
	width: 50px;
	flex: 0 0 50px;
	margin: 0 0 0 10px;
	padding: 0
}

@media screen and (max-width:1000px) {
	.product-container .content .reviews-container .filter-by .button {
		margin: 0 5px
	}
}

.product-container .content .reviews-container .selectors {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: -10px -10px 30px
}

.product-container .content .reviews-container .selectors .select2 {
	margin: 10px
}

.product-container .content .reviews-container .stat {
	font-size: 18px;
	border-radius: 15px;
	padding: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	border: 0;
	color: #fff;
	transition: .2s;
	background-color: var(--color-medium-dark)
}

@media screen and (max-width:800px) {
	.product-container .content .reviews-container .stat {
		font-size: 16px
	}
}

@media screen and (max-width:650px) {
	.product-container .content .reviews-container .stat {
		font-size: 13px
	}
}

@media screen and (max-width:1000px) {
	.product-container .content .reviews-container .stat {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.product-container .content .reviews-container .stat {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.product-container .content .reviews-container .stat {
		border-radius: 7px
	}
}

@media screen and (max-width:1000px) {
	.product-container .content .reviews-container .stat {
		padding: 20px
	}
}

@media screen and (max-width:400px) {
	.product-container .content .reviews-container .stat {
		padding: 15px
	}
}

.product-container .content .reviews-container .stat .button {
	margin-top: 30px
}

@media screen and (max-width:1000px) {
	.product-container .content .reviews-container .stat .button {
		margin-top: 15px
	}
}

.product-container .content .reviews-container .stat .button span {
	align-items: center;
	display: flex
}

.product-container .content .reviews-container .stat .button span .icon-edit {
	margin-left: 10px
}

.product-container .content .reviews-container .note {
	color: #fff;
	display: flex;
	align-items: center
}

.product-container .content .reviews-container .note .note-container {
	font-size: 24px;
	width: 70px;
	margin-right: 15px
}

@media screen and (max-width:1000px) {
	.product-container .content .reviews-container .note .note-container {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.product-container .content .reviews-container .note .note-container {
		font-size: 16px;
		width: 50px
	}
}

.product-container .content .reviews-container .note .rating {
	display: flex;
	flex-direction: column
}

.product-container .content .reviews-container .note .rating .amount {
	font-size: 24px;
	margin-bottom: 5px
}

@media screen and (max-width:1000px) {
	.product-container .content .reviews-container .note .rating .amount {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.product-container .content .reviews-container .note .rating .amount {
		font-size: 16px
	}
}

.product-container .content .reviews-container .note .rating u {
	text-decoration: none;
	box-shadow: 0 2px 0 -1px #fff
}

.product-container .content .reviews-container .note .visit {
	text-decoration: underline
}

.product-container .content .reviews-container .not-enough {
	text-align: center
}

.product-container .content .reviews-container .no-review {
	font-size: 24px
}

@media screen and (max-width:1000px) {
	.product-container .content .reviews-container .no-review {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.product-container .content .reviews-container .no-review {
		font-size: 16px
	}
}

.product-container .content .reviews-container .reviews {
	display: flex;
	align-items: flex-start;
	margin-bottom: 30px;
	width: 100%;
	justify-content: center
}

@media screen and (max-width:1000px) {
	.product-container .content .reviews-container .reviews {
		margin-bottom: 20px
	}
}

@media screen and (max-width:800px) {
	.product-container .content .reviews-container .reviews {
		margin-bottom: 10px
	}
}

.product-container .content .reviews-container .reviews .no-review {
	padding: 30px;
	border-radius: 15px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: var(--color-medium-dark);
	width: 100%
}

@media screen and (max-width:1000px) {
	.product-container .content .reviews-container .reviews .no-review {
		padding: 20px
	}
}

@media screen and (max-width:400px) {
	.product-container .content .reviews-container .reviews .no-review {
		padding: 15px
	}
}

@media screen and (max-width:1000px) {
	.product-container .content .reviews-container .reviews .no-review {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.product-container .content .reviews-container .reviews .no-review {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.product-container .content .reviews-container .reviews .no-review {
		border-radius: 7px
	}
}

.product-container .content .reviews-container .reviews .no-review .icon-edit {
	margin-left: 10px
}

.product-container .content .reviews-container .reviews .column {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.product-container .content .reviews-container .reviews .item {
	border-radius: 15px;
	position: relative;
	padding: 15px
}

@media screen and (max-width:1000px) {
	.product-container .content .reviews-container .reviews .item {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.product-container .content .reviews-container .reviews .item {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.product-container .content .reviews-container .reviews .item {
		border-radius: 7px
	}
}

@media screen and (max-width:1000px) {
	.product-container .content .reviews-container .reviews .item {
		padding: 10px
	}
}

.product-container .content .reviews-container .reviews .item:hover .icon-close {
	opacity: 1;
	visibility: visible
}

.product-container .content .reviews-container .reviews .item:last-of-type {
	margin-bottom: 40px
}

.product-container .content .reviews-container .reviews .item.high .text-content {
	cursor: pointer
}

.product-container .content .reviews-container .reviews .item:not(.readmore) .plus {
	display: none
}

.product-container .content .reviews-container .reviews .item.readmore .review-text {
	overflow: hidden
}

.product-container .content .reviews-container .reviews .item.readmore .review-text:after {
	content: "";
	display: block;
	height: 110px;
	position: absolute;
	bottom: 0;
	width: 100%
}

.product-container .content .reviews-container .reviews .item.readmore .plus {
	position: absolute;
	padding-bottom: 10px;
	bottom: 0;
	left: 0;
	top: 0;
	right: 0;
	z-index: 1;
	display: flex;
	align-items: flex-end;
	color: var(--color-light);
	text-decoration: underline;
	transition: .2s
}

.product-container .content .reviews-container .reviews .item.readmore .plus:hover {
	color: #fff
}

.product-container .content .reviews-container .reviews .item .icon-close {
	background-color: #ff0a4e;
	position: absolute;
	right: 20px;
	top: 20px;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transition: .2s
}

.product-container .content .reviews-container .reviews .item .round {
	margin-bottom: 0;
	height: 50px;
	flex: 0 0 50px;
	width: 50px
}

@media screen and (max-width:450px) {
	.product-container .content .reviews-container .reviews .item .round {
		width: 35px;
		height: 35px;
		flex: 0 0 35px
	}
}

.product-container .content .reviews-container .reviews .item .round .icon-s {
	transform: scale(.75)
}

@media screen and (max-width:450px) {
	.product-container .content .reviews-container .reviews .item .round .icon-s {
		transform: scale(.6)
	}
}

.product-container .content .reviews-container .reviews .item .avatar {
	height: 50px;
	flex: 0 0 50px
}

@media screen and (max-width:450px) {
	.product-container .content .reviews-container .reviews .item .avatar {
		height: 35px;
		flex: 0 0 35px
	}
}

.product-container .content .reviews-container .reviews .item .review-text {
	margin: 15px;
	position: relative;
	display: flex;
	flex-direction: column;
	width: -moz-available;
	width: -webkit-fill-available;
	width: fill-available
}

@media screen and (max-width:1000px) {
	.product-container .content .reviews-container .reviews .item .review-text {
		margin: 10px
	}
}

@media screen and (max-width:800px) {
	.product-container .content .reviews-container .reviews .item .review-text {
		margin: 5px
	}
}

.product-container .content .reviews-container .reviews .item .review-text ul {
	color: var(--color-light);
	line-height: 20px;
	margin-top: 30px
}

@media screen and (max-width:1000px) {
	.product-container .content .reviews-container .reviews .item .review-text ul {
		margin-bottom: 15px
	}
}

@media screen and (max-width:650px) {
	.product-container .content .reviews-container .reviews .item .review-text ul {
		margin-top: 15px
	}
}

.product-container .content .reviews-container .reviews .item .review-text ul li {
	margin: 3px 0;
	display: flex
}

.product-container .content .reviews-container .reviews .item .review-text ul li:before {
	margin-right: 15px;
	content: "";
	display: block;
	height: 17px;
	width: 17px;
	flex: 0 0 17px;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center left;
	-webkit-mask-position: center left;
	position: relative;
	top: 2px
}

.product-container .content .reviews-container .reviews .item .review-text li:last-of-type {
	margin-bottom: 30px
}

@media screen and (max-width:650px) {
	.product-container .content .reviews-container .reviews .item .review-text li:last-of-type {
		margin-bottom: 15px
	}
}

.product-container .content .reviews-container .reviews .item .review-text li.pros:before {
	background-color: #25de57;
	mask-image: url(../images/icon-check.svg);
	-webkit-mask-image: url(../images/icon-check.svg)
}

.product-container .content .reviews-container .reviews .item .review-text li.cons:before {
	transform: scale(.8);
	background-color: #ff0a4e;
	mask-image: url(../images/icon-close.svg);
	-webkit-mask-image: url(../images/icon-close.svg)
}

.product-container .content .reviews-container .reviews .item .review-text .user {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: var(--color-medium-light);
	border-top: 1px solid hsla(0, 0%, 100%, .1);
	padding-top: 20px;
	height: 63px;
	margin-top: auto
}

@media screen and (max-width:1000px) {
	.product-container .content .reviews-container .reviews .item .review-text .user {
		padding-top: 10px;
		height: 43px
	}
}

.product-container .content .reviews-container .reviews .item .review-text .user a {
	color: var(--color-medium-light);
	text-decoration: none
}

.product-container .content .reviews-container .reviews .item .review-text .user .text {
	display: flex;
	flex-direction: column
}

.product-container .content .reviews-container .reviews .item .review-text .user .text .bought-on {
	color: var(--color-very-light)
}

.product-container .content .reviews-container .reviews .item .review-text .user .usefull {
	margin-top: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	z-index: 2;
	bottom: 0;
	right: 0
}

.product-container .content .reviews-container .reviews .item .review-text .user .usefull.voted .vote:not(.colored) {
	opacity: .4;
	cursor: auto
}

.product-container .content .reviews-container .reviews .item .review-text .user .usefull.voted .vote:not(.colored):hover {
	border: 1px solid hsla(0, 0%, 56.5%, .5)
}

body.neon .product-container .content .reviews-container .reviews .item .review-text .user .usefull.voted .vote:not(.colored):hover {
	border: 1px solid rgba(101, 124, 177, .5)
}

.product-container .content .reviews-container .reviews .item .review-text .user .usefull.voted .vote:not(.colored):hover div {
	background-color: var(--color-light)
}

.product-container .content .reviews-container .reviews .item .review-text .user .usefull.voted .vote:not(.colored):hover span {
	color: var(--color-light)
}

.product-container .content .reviews-container .reviews .item .review-text .user .usefull .ask {
	margin: 10px
}

@media screen and (max-width:1260px) {
	.product-container .content .reviews-container .reviews .item .review-text .user .usefull .ask {
		display: none
	}
}

.product-container .content .reviews-container .reviews .item .review-text .user .usefull .votes {
	display: flex
}

.product-container .content .reviews-container .reviews .item .review-text .user .usefull .votes.own {
	margin-top: 20px
}

.product-container .content .reviews-container .reviews .item .review-text .user .usefull .votes.own .vote:hover {
	cursor: auto;
	border: 1px solid hsla(0, 0%, 56.5%, .5)
}

body.neon .product-container .content .reviews-container .reviews .item .review-text .user .usefull .votes.own .vote:hover {
	border: 1px solid rgba(101, 124, 177, .5);
	color: #657cb1
}

.product-container .content .reviews-container .reviews .item .review-text .user .usefull .votes.own .vote:hover span {
	color: var(--color-light)
}

.product-container .content .reviews-container .reviews .item .review-text .user .usefull .votes.own .vote:hover .icon-xxs {
	background-color: var(--color-light)
}

.product-container .content .reviews-container .reviews .item .review-text .user .usefull .votes .vote {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-light);
	padding: 10px 15px;
	border-radius: 100px;
	margin: 0 5px;
	transition: .2s;
	border: 1px solid hsla(0, 0%, 56.5%, .5)
}

body.neon .product-container .content .reviews-container .reviews .item .review-text .user .usefull .votes .vote {
	border: 1px solid rgba(101, 124, 177, .5)
}

body.neon .product-container .content .reviews-container .reviews .item .review-text .user .usefull .votes .vote:hover {
	border: 1px solid #fff
}

@media screen and (max-width:1000px) {
	.product-container .content .reviews-container .reviews .item .review-text .user .usefull .votes .vote {
		margin: 0 2.5px;
		padding: 7.5px 10px
	}
}

.product-container .content .reviews-container .reviews .item .review-text .user .usefull .votes .vote.colored {
	cursor: auto
}

.product-container .content .reviews-container .reviews .item .review-text .user .usefull .votes .vote.colored.ig-product-review-vote-down,
.product-container .content .reviews-container .reviews .item .review-text .user .usefull .votes .vote.colored.ig-product-review-vote-down:hover,
.product-container .content .reviews-container .reviews .item .review-text .user .usefull .votes .vote.colored.ig-product-review-vote-up,
.product-container .content .reviews-container .reviews .item .review-text .user .usefull .votes .vote.colored.ig-product-review-vote-up:hover {
	border: 1px solid #fff
}

.product-container .content .reviews-container .reviews .item .review-text .user .usefull .votes .vote.colored.ig-product-review-vote-down div,
.product-container .content .reviews-container .reviews .item .review-text .user .usefull .votes .vote.colored.ig-product-review-vote-up div {
	background-color: #fff
}

.product-container .content .reviews-container .reviews .item .review-text .user .usefull .votes .vote.colored.ig-product-review-vote-down span,
.product-container .content .reviews-container .reviews .item .review-text .user .usefull .votes .vote.colored.ig-product-review-vote-up span {
	color: #fff
}

.product-container .content .reviews-container .reviews .item .review-text .user .usefull .votes .vote:first-of-type {
	margin-left: 0
}

.product-container .content .reviews-container .reviews .item .review-text .user .usefull .votes .vote:last-of-type {
	margin-right: 0
}

.product-container .content .reviews-container .reviews .item .review-text .user .usefull .votes .vote:hover {
	border: 1px solid #fff
}

.product-container .content .reviews-container .reviews .item .review-text .user .usefull .votes .vote:hover .icon-dislike,
.product-container .content .reviews-container .reviews .item .review-text .user .usefull .votes .vote:hover .icon-like {
	background-color: #fff
}

.product-container .content .reviews-container .reviews .item .review-text .user .usefull .votes .vote:hover span {
	color: #fff
}

.product-container .content .reviews-container .reviews .item .review-text .user .usefull .votes .vote span {
	margin-left: 10px;
	transition: .2s
}

@media screen and (max-width:1000px) {
	.product-container .content .reviews-container .reviews .item .review-text .user .usefull .votes .vote span {
		margin-left: 5px
	}
}

.product-container .content .reviews-container .reviews .item .review-text .user .usefull .votes .vote .icon-dislike,
.product-container .content .reviews-container .reviews .item .review-text .user .usefull .votes .vote .icon-like {
	background-color: var(--color-light)
}

.product-container .content .reviews-container .reviews .item .left {
	margin: 15px;
	color: var(--color-light);
	display: flex
}

@media screen and (max-width:1000px) {
	.product-container .content .reviews-container .reviews .item .left {
		margin: 10px
	}
}

@media screen and (max-width:800px) {
	.product-container .content .reviews-container .reviews .item .left {
		margin: 5px
	}
}

.product-container .content .reviews-container .reviews .reviews-columns {
	display: flex;
	width: 100%
}

@media screen and (max-width:800px) {
	.product-container .content .reviews-container .reviews .reviews-columns {
		flex-direction: column
	}
}

.product-container .content .reviews-container .reviews .reviews-columns .selection {
	display: flex;
	flex-direction: column
}

.product-container .content .reviews-container .reviews .reviews-columns .selection .container {
	margin: -15px;
	flex-wrap: wrap;
	display: flex
}

@media screen and (max-width:1000px) {
	.product-container .content .reviews-container .reviews .reviews-columns .selection .container {
		margin: -10px
	}
}

@media screen and (max-width:800px) {
	.product-container .content .reviews-container .reviews .reviews-columns .selection .container {
		margin: -5px
	}
}

.product-container .content .reviews-container .reviews .reviews-columns .selection .container .item {
	margin: 15px;
	display: flex;
	width: 100%
}

@media screen and (max-width:1000px) {
	.product-container .content .reviews-container .reviews .reviews-columns .selection .container .item {
		margin: 10px
	}
}

@media screen and (max-width:800px) {
	.product-container .content .reviews-container .reviews .reviews-columns .selection .container .item {
		margin: 5px
	}
}

.product-container .content .reviews-container .reviews .reviews-columns .best {
	width: 150%;
	margin-right: 30px
}

@media screen and (max-width:1000px) {
	.product-container .content .reviews-container .reviews .reviews-columns .best {
		margin-right: 20px
	}
}

@media screen and (max-width:800px) {
	.product-container .content .reviews-container .reviews .reviews-columns .best {
		margin-right: 0;
		margin-bottom: 20px;
		width: 100%
	}
}

.product-container .content .reviews-container .reviews .reviews-columns .best .item {
	background-color: var(--color-medium-dark)
}

@media screen and (min-width:800px) {
	.product-container .content .reviews-container .reviews .reviews-columns .best .item {
		min-height: 461px
	}
}

.product-container .content .reviews-container .reviews .reviews-columns .best .item.readmore .review-text {
	height: 411px
}

.product-container .content .reviews-container .reviews .reviews-columns .best .item.readmore .review-text:after {
	background-image: linear-gradient(rgba(50, 50, 50, 0), var(--color-medium-dark) 60%)
}

body.neon .product-container .content .reviews-container .reviews .reviews-columns .best .item.readmore .review-text:after {
	background-image: linear-gradient(rgba(31, 37, 74, 0), #1f254a 60%)
}

.product-container .content .reviews-container .reviews .reviews-columns .best .item .left {
	flex-direction: column;
	align-items: center
}

.product-container .content .reviews-container .reviews .reviews-columns .best .item .left .avatar {
	margin-bottom: 10px
}

@media screen and (min-width:800px) {
	.product-container .content .reviews-container .reviews .reviews-columns .best .item .left .avatar {
		height: 70px;
		flex: 0 0 70px;
		width: 70px
	}
}

.product-container .content .reviews-container .reviews .reviews-columns .best .item .left .avatar img {
	width: auto
}

@media screen and (min-width:800px) {
	.product-container .content .reviews-container .reviews .reviews-columns .best .item .left .round {
		height: 70px;
		flex: 0 0 70px;
		width: 70px
	}
}

@media screen and (min-width:800px) {
	.product-container .content .reviews-container .reviews .reviews-columns .best .item .left .round .icon-s {
		transform: scale(1)
	}
}

.product-container .content .reviews-container .reviews .reviews-columns .recent {
	width: 100%;
	display: flex
}

.product-container .content .reviews-container .reviews .reviews-columns .recent.tiles .container .item {
	margin: 15px;
	width: calc(50% - 30px);
	min-height: 0
}

@media screen and (max-width:1000px) {
	.product-container .content .reviews-container .reviews .reviews-columns .recent.tiles .container .item {
		margin: 10px;
		width: calc(50% - 20px)
	}
}

@media screen and (max-width:800px) {
	.product-container .content .reviews-container .reviews .reviews-columns .recent.tiles .container .item {
		margin: 5px;
		width: calc(50% - 10px)
	}
}

@media screen and (max-width:500px) {
	.product-container .content .reviews-container .reviews .reviews-columns .recent.tiles .container .item {
		margin: 15px;
		width: calc(100% - 30px)
	}
}

@media screen and (max-width:500px) and (max-width:1000px) {
	.product-container .content .reviews-container .reviews .reviews-columns .recent.tiles .container .item {
		margin: 10px;
		width: calc(100% - 20px)
	}
}

@media screen and (max-width:500px) and (max-width:800px) {
	.product-container .content .reviews-container .reviews .reviews-columns .recent.tiles .container .item {
		margin: 5px;
		width: calc(100% - 10px)
	}
}

.product-container .content .reviews-container .reviews .reviews-columns .recent:not(.tiles) .container .item:nth-child(n+4) {
	display: none
}

.product-container .content .reviews-container .reviews .reviews-columns .recent h2 {
	margin-bottom: 30px
}

.product-container .content .reviews-container .reviews .reviews-columns .recent .container {
	justify-content: center
}

.product-container .content .reviews-container .reviews .reviews-columns .recent .container .item {
	flex-direction: column;
	background-color: var(--color-very-dark);
	min-height: 300px
}

@media screen and (max-width:800px) {
	.product-container .content .reviews-container .reviews .reviews-columns .recent .container .item {
		margin: 15px;
		width: calc(50% - 30px);
		min-height: 0
	}
}

@media screen and (max-width:800px) and (max-width:1000px) {
	.product-container .content .reviews-container .reviews .reviews-columns .recent .container .item {
		margin: 10px;
		width: calc(50% - 20px)
	}
}

@media screen and (max-width:800px) and (max-width:800px) {
	.product-container .content .reviews-container .reviews .reviews-columns .recent .container .item {
		margin: 5px;
		width: calc(50% - 10px)
	}
}

@media screen and (max-width:500px) {
	.product-container .content .reviews-container .reviews .reviews-columns .recent .container .item {
		margin: 15px;
		width: calc(100% - 30px)
	}
}

@media screen and (max-width:500px) and (max-width:1000px) {
	.product-container .content .reviews-container .reviews .reviews-columns .recent .container .item {
		margin: 10px;
		width: calc(100% - 20px)
	}
}

@media screen and (max-width:500px) and (max-width:800px) {
	.product-container .content .reviews-container .reviews .reviews-columns .recent .container .item {
		margin: 5px;
		width: calc(100% - 10px)
	}
}

.product-container .content .reviews-container .reviews .reviews-columns .recent .container .item.readmore .review-text {
	height: 173px
}

.product-container .content .reviews-container .reviews .reviews-columns .recent .container .item.readmore .review-text:after {
	background-image: linear-gradient(rgba(29, 29, 29, 0), var(--color-very-dark) 60%)
}

body.neon .product-container .content .reviews-container .reviews .reviews-columns .recent .container .item.readmore .review-text:after {
	background-image: linear-gradient(rgba(18, 21, 49, 0), #121531 60%)
}

.product-container .content .reviews-container .reviews .reviews-columns .recent .container .item .left {
	align-items: center;
	flex-direction: row
}

@media screen and (min-width:1000px) {
	.product-container .content .reviews-container .reviews .reviews-columns .recent .container .item .left {
		margin-bottom: 0
	}
}

.product-container .content .reviews-container .reviews .reviews-columns .recent .container .item .left .round {
	margin-left: 10px
}

.product-container .content .reviews-container .reviews .full-page {
	margin: -15px!important;
	display: flex;
	margin-left: 0;
	justify-content: center;
	width: -moz-available;
	width: -webkit-fill-available;
	width: fill-available
}

@media screen and (max-width:1000px) {
	.product-container .content .reviews-container .reviews .full-page {
		margin: -10px!important
	}
}

@media screen and (max-width:800px) {
	.product-container .content .reviews-container .reviews .full-page {
		margin: -5px!important
	}
}

.product-container .content .reviews-container .reviews .full-page>div {
	display: flex;
	flex-direction: column
}

.product-container .content .reviews-container .reviews .full-page .item {
	margin: 15px;
	display: flex;
	flex-direction: column;
	background-color: var(--color-medium-dark);
	transition: opacity .3s
}

@media screen and (max-width:1000px) {
	.product-container .content .reviews-container .reviews .full-page .item {
		margin: 10px
	}
}

@media screen and (max-width:800px) {
	.product-container .content .reviews-container .reviews .full-page .item {
		margin: 5px
	}
}

.product-container .content .reviews-container .reviews .full-page .item.readmore .review-text {
	height: 411px
}

.product-container .content .reviews-container .reviews .full-page .item.readmore .review-text:after {
	background-image: linear-gradient(rgba(50, 50, 50, 0), var(--color-medium-dark) 60%)
}

body.neon .product-container .content .reviews-container .reviews .full-page .item.readmore .review-text:after {
	background-image: linear-gradient(rgba(31, 37, 74, 0), #1f254a 60%)
}

.product-container .content .reviews-container .reviews .full-page .item .left {
	align-items: center
}

.product-container .content .reviews-container .reviews .full-page .item .left .avatar {
	margin-right: 15px
}

@media screen and (max-width:450px) {
	.product-container .content .reviews-container .reviews .full-page .item .left .avatar {
		margin-right: 10px
	}
}

.product-container .content .reviews-container .reviews .full-page .item .ask {
	display: none
}

.product-container .content .reviews-container .more-reviews {
	display: flex;
	justify-content: center
}

.product-container .content .write-yours {
	border-radius: 15px;
	padding: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 100%;
	background-color: var(--color-medium-dark)
}

@media screen and (max-width:1000px) {
	.product-container .content .write-yours {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.product-container .content .write-yours {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.product-container .content .write-yours {
		border-radius: 7px
	}
}

@media screen and (max-width:1000px) {
	.product-container .content .write-yours {
		padding: 20px
	}
}

@media screen and (max-width:400px) {
	.product-container .content .write-yours {
		padding: 15px
	}
}

@media screen and (max-width:650px) {
	.product-container .content .recommended-container .item:last-of-type {
		display: none
	}
}

.product-container .content .feedbacks-container {
	width: 100%;
	margin-top: 0
}

.product-container .content .feedbacks-container .listing-feedbacks {
	margin-bottom: 0
}

.product-container .content .feedbacks-container .listing-feedbacks .item .text {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.product-container .content .franchise-container .franchise .item:not(.force-display):nth-child(n+7) {
	display: none
}

.product-container .content .friends .friends-container {
	display: flex
}

.product-container .content .streams-container .twitch-player {
	border-radius: 15px;
	position: relative;
	overflow: hidden;
	padding-bottom: 56.25%;
	margin-bottom: 30px
}

@media screen and (max-width:1000px) {
	.product-container .content .streams-container .twitch-player {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.product-container .content .streams-container .twitch-player {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.product-container .content .streams-container .twitch-player {
		border-radius: 7px
	}
}

@media screen and (max-width:1000px) {
	.product-container .content .streams-container .twitch-player {
		margin-bottom: 20px
	}
}

@media screen and (max-width:800px) {
	.product-container .content .streams-container .twitch-player {
		margin-bottom: 10px
	}
}

.product-container .content .streams-container .twitch-player iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0
}

.product-container .content .streams-container .streams .item {
	cursor: auto
}

.product-container .content .streams-container .streams .item .visual.live .screenshot {
	box-shadow: 0 0 0 2px var(--color)
}

.product-container .content .streams-container .streams .item .visual:not(.live):hover .screenshot {
	box-shadow: 0 0 0 2px var(--color-medium-light)
}

.product-container .content .streams-container .streams .item .visual .screenshot {
	transition: .2s;
	cursor: pointer
}

.product-container .content .streams-container .streams .item .infos {
	align-items: center;
	bottom: -60px;
	padding-left: 0
}

@media screen and (max-width:500px) {
	.product-container .content .streams-container .streams .item .infos {
		bottom: -50px
	}
}

.product-container .content .streams-container .streams .item .infos .avatar {
	width: 50px;
	flex: 0 0 50px
}

@media screen and (max-width:500px) {
	.product-container .content .streams-container .streams .item .infos .avatar {
		width: 40px;
		flex: 0 0 40px
	}
}

.product-container .content .streams-container .streams .item .infos .streamer {
	margin-left: 10px;
	width: calc(100% - 50px)
}

.product-container .content .streams-container .become,
.product-container .content .streams-container .view-more-streamers {
	margin-top: 30px;
	align-self: center
}

.product-container .item:not(.dlc) .button {
	box-shadow: none;
	width: 100%;
	margin: 5px
}

@media screen and (max-width:1000px) {
	.product-container .item:not(.dlc) .button.button-main.favorite {
		flex: 0 0 56px
	}
}

@media screen and (max-width:500px) {
	.product-container .item:not(.dlc) .button.button-main.favorite {
		flex: 0 0 46px
	}
}

.product-container .item:not(.dlc) .button.favorite {
	border-radius: 8px;
	padding: 10px;
	flex: 0 0 60px;
	background-color: rgba(255, 84, 0, .15)
}

@media screen and (max-width:1000px) {
	.product-container .item:not(.dlc) .button.favorite {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.product-container .item:not(.dlc) .button.favorite {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.product-container .item:not(.dlc) .button.favorite {
		border-radius: 5px
	}
}

body.neon .product-container .item:not(.dlc) .button.favorite {
	background-color: rgba(255, 52, 109, .15)
}

@media screen and (max-width:1000px) {
	.product-container .item:not(.dlc) .button.favorite {
		flex: 0 0 50px
	}
}

@media screen and (max-width:500px) {
	.product-container .item:not(.dlc) .button.favorite {
		flex: 0 0 36px;
		padding: 0!important
	}
}

.product-container .item:not(.dlc) .button.favorite:hover {
	background-color: rgba(255, 10, 78, .2)
}

body.neon .product-container .item:not(.dlc) .button.favorite:hover {
	background-color: rgba(52, 131, 255, .15)
}

.product-container .item:not(.dlc) .button.favorite:hover .icon-favorite {
	background-color: #ff0a4e
}

body.neon .product-container .item:not(.dlc) .button.favorite:hover .icon-favorite {
	background-color: #3483ff
}

.product-container .item:not(.dlc) .button.favorite:focus {
	opacity: 1
}

.product-container .item:not(.dlc) .button.favorite.wishlist-added {
	background-color: rgba(255, 10, 78, .2)!important
}

body.neon .product-container .item:not(.dlc) .button.favorite.wishlist-added {
	background-color: rgba(52, 131, 255, .15)!important
}

.product-container .item:not(.dlc) .button.favorite.wishlist-added .icon-favorite {
	display: none
}

.product-container .item:not(.dlc) .button.favorite.wishlist-added .icon-favorited {
	display: block
}

body.neon .product-container .item:not(.dlc) .button.favorite.wishlist-added .icon-favorited {
	background-color: #3483ff
}

.product-container .item:not(.dlc) .button .icon-favorite {
	background-color: #ff5400
}

body.neon .product-container .item:not(.dlc) .button .icon-favorite {
	background-color: #ff0a4e
}

@media screen and (max-width:500px) {
	.product-container .item:not(.dlc) .button .icon-favorite {
		transform: scale(.8)
	}
}

.product-container .item:not(.dlc) .button .icon-favorited {
	background-color: #ff0a4e;
	transition: .2s;
	display: none
}

.product-container .more {
	width: 100%;
	display: none
}

.product-container .more .more-container {
	display: flex;
	justify-content: center;
	flex-wrap: wrap
}

.product-container .asterix {
	width: 100%;
	text-align: center;
	color: var(--color-light);
	margin-top: 30px
}

.round {
	border-radius: 100px;
	height: 70px;
	width: 70px;
	flex: 0 0 70px;
	display: flex;
	align-items: center;
	justify-content: center
}

.round.recommend {
	background-color: rgba(109, 212, 50, .15)
}

.round.recommend .icon-like {
	background-color: #6dd432
}

.round.notrecommend {
	background-color: rgba(255, 10, 78, .15)
}

.round.notrecommend .icon-dislike {
	background-color: #ff0a4e
}

.ig-writereview-form {
	align-items: center;
	flex-direction: column;
	display: none
}

.ig-writereview-form .avatar {
	width: 120px;
	margin-bottom: 10px
}

.ig-writereview-form h2 {
	margin: 10px 0 20px!important
}

.ig-writereview-form .ig-writereview-gradeselector {
	display: flex;
	justify-content: center;
	margin: 20px 0;
	align-items: center
}

.ig-writereview-form .notice,
.ig-writereview-form .text {
	text-align: center
}

.ig-writereview-form .aligner {
	display: flex
}

.ig-writereview-form .aligner .round {
	width: auto;
	height: auto;
	font-size: 0;
	padding: 20px;
	cursor: pointer;
	border-radius: 100px;
	margin: 5px
}

.ig-writereview-form .aligner .round:not(.selected) {
	background-color: hsla(0, 0%, 100%, .15)
}

.ig-writereview-form .aligner .round:not(.selected) div {
	background-color: #fff
}

.ig-writereview-form .aligner .round.not-selected {
	background-color: hsla(0, 0%, 56.5%, .2)
}

body.neon .ig-writereview-form .aligner .round.not-selected {
	background-color: rgba(101, 124, 177, .2)
}

.ig-writereview-form .aligner .round.not-selected div {
	background-color: var(--color-light)
}

.ig-writereview-form textarea {
	height: 200px;
	width: 100%;
	margin-bottom: 15px
}

.ig-writereview-form .min-characters {
	margin-bottom: 15px
}

.ig-writereview-form center {
	margin-top: 10px
}

.ig-writereview-form .pros-cons {
	margin-top: 15px;
	display: flex;
	width: 100%
}

@media screen and (max-width:500px) {
	.ig-writereview-form .pros-cons {
		flex-wrap: wrap
	}
}

.ig-writereview-form .pros-cons .cons,
.ig-writereview-form .pros-cons .pros {
	display: flex;
	width: 100%;
	flex-direction: column
}

@media screen and (max-width:1000px) {
	.ig-writereview-form .pros-cons .cons,
	.ig-writereview-form .pros-cons .pros {
		margin: 0
	}
}

.ig-writereview-form .pros-cons .cons:first-of-type,
.ig-writereview-form .pros-cons .pros:first-of-type {
	margin-right: 30px
}

@media screen and (max-width:500px) {
	.ig-writereview-form .pros-cons .cons:first-of-type,
	.ig-writereview-form .pros-cons .pros:first-of-type {
		margin-right: 0
	}
}

.ig-writereview-form .pros-cons .cons:first-of-type span .icon-xs,
.ig-writereview-form .pros-cons .pros:first-of-type span .icon-xs {
	background-color: #25de57
}

.ig-writereview-form .pros-cons .cons span,
.ig-writereview-form .pros-cons .pros span {
	font-size: 18px;
	font-weight: 700;
	display: flex;
	align-items: center;
	margin-bottom: 10px
}

@media screen and (max-width:800px) {
	.ig-writereview-form .pros-cons .cons span,
	.ig-writereview-form .pros-cons .pros span {
		font-size: 16px
	}
}

@media screen and (max-width:650px) {
	.ig-writereview-form .pros-cons .cons span,
	.ig-writereview-form .pros-cons .pros span {
		font-size: 13px
	}
}

@media screen and (max-width:1000px) {
	.ig-writereview-form .pros-cons .cons span,
	.ig-writereview-form .pros-cons .pros span {
		font-size: 16px
	}
}

@media screen and (max-width:1000px) and (max-width:1000px) {
	.ig-writereview-form .pros-cons .cons span,
	.ig-writereview-form .pros-cons .pros span {
		font-size: 15px
	}
}

@media screen and (max-width:1000px) and (max-width:650px) {
	.ig-writereview-form .pros-cons .cons span,
	.ig-writereview-form .pros-cons .pros span {
		font-size: 13px
	}
}

.ig-writereview-form .pros-cons .cons span .icon-xs,
.ig-writereview-form .pros-cons .pros span .icon-xs {
	margin-right: 10px;
	background-color: #ff0a4e
}

@media screen and (max-width:1000px) {
	.ig-writereview-form .pros-cons .cons span .icon-xs,
	.ig-writereview-form .pros-cons .pros span .icon-xs {
		width: 15px;
		height: 15px;
		flex: 0 0 15px
	}
}

.ig-writereview-form .pros-cons .cons li,
.ig-writereview-form .pros-cons .pros li {
	margin-bottom: 10px
}

.ig-writereview-form .pros-cons .cons li:last-of-type,
.ig-writereview-form .pros-cons .pros li:last-of-type {
	margin-bottom: 0
}

@media screen and (max-width:500px) {
	.ig-writereview-form .pros-cons .pros {
		margin-bottom: 20px
	}
}

.ig-writereview-form .button {
	margin-top: 30px;
	width: 100%
}

.profiler-container {
	background: #f4f4f3
}

.profiler-container h1,
.profiler-container h2,
.profiler-container h3 {
	margin: 0
}

.profiler-container header {
	background: #1d1d1d
}

.profiler-container header svg {
	height: 34px;
	position: relative;
	top: 10px;
	fill: #ff5400;
	margin-left: 10px
}

.profiler-container header h1 {
	font-size: 20px;
	color: #fff;
	font-weight: 400;
	margin: 0;
	padding: 15px;
	display: inline-block
}

@media screen and (max-width:1000px) {
	.profiler-container header h1 {
		font-size: 16px
	}
}

.profiler-container header h1 span {
	color: #6d6d6d;
	margin-left: 10px
}

.profiler-container .summary {
	font-size: 14px;
	background: #53725a;
	color: #fff;
	padding: 10px;
	border-top: 2px solid #3d5442;
	border-bottom: 2px solid #3d5442
}

@media screen and (max-width:1000px) {
	.profiler-container .summary {
		font-size: 13px
	}
}

.profiler-container .summary h2 {
	margin-bottom: 5px;
	font-size: 20px
}

@media screen and (max-width:1000px) {
	.profiler-container .summary h2 {
		font-size: 16px
	}
}

.profiler-container .summary h2 a {
	color: #fff
}

.profiler-container .summary h2 a:hover {
	text-decoration: underline
}

.profiler-container .summary .title {
	font-weight: 700;
	opacity: .75
}

.profiler-container .summary .value {
	margin-right: 20px;
	opacity: .75
}

.profiler-container .container {
	display: flex;
	flex-direction: row
}

.profiler-container .container .sidebar {
	width: 250px;
	background: var(--color-medium);
	color: #bdbdbd;
	flex: 0 0 250px;
	padding-bottom: 10px
}

.profiler-container .container .sidebar ul li a {
	padding: 0 10px;
	display: inline-block;
	line-height: 39px;
	width: 100%;
	box-sizing: border-box;
	color: #fff;
	font-size: 16px;
	border-top: 2px solid transparent;
	border-bottom: 2px solid transparent
}

@media screen and (max-width:1000px) {
	.profiler-container .container .sidebar ul li a {
		font-size: 15px
	}
}

@media screen and (max-width:650px) {
	.profiler-container .container .sidebar ul li a {
		font-size: 13px
	}
}

.profiler-container .container .sidebar ul li a:hover {
	background: #6d6d6d
}

.profiler-container .container .sidebar ul li a.router-link-exact-active {
	border-top-color: #545454;
	border-bottom-color: #545454;
	background: #878787
}

.profiler-container .container .sidebar ul li a svg {
	width: 24px;
	height: 24px;
	fill: var(--color-very-light);
	position: relative;
	top: 7px;
	margin-right: 5px
}

.profiler-container .container .content {
	flex: 0 1 100%
}

.profiler-container .container .content .tab {
	padding: 20px;
	color: #000
}

.profiler-container .container .content .tab.database table.queries table thead th {
	padding: 5px 8px;
	font-size: 14px
}

@media screen and (max-width:1000px) {
	.profiler-container .container .content .tab.database table.queries table thead th {
		font-size: 13px
	}
}

.profiler-container .container .content .tab.database table.queries table tbody td {
	font-size: 14px;
	padding: 5px 8px
}

@media screen and (max-width:1000px) {
	.profiler-container .container .content .tab.database table.queries table tbody td {
		font-size: 13px
	}
}

.profiler-container .container .content .tab.database table.queries .query .operand {
	display: inline-block;
	margin-left: 15px;
	font-weight: 700
}

.profiler-container .container .content .tab.database table.queries .query .clause,
.profiler-container .container .content .tab.database table.queries .query .operand {
	color: #6139ad;
	font-weight: 700
}

.profiler-container .container .content .tab.database table.queries .query .parameter {
	color: #fcaf02;
	font-weight: 700
}

.profiler-container .container .content .tab h2 {
	font-size: 24px;
	color: #000;
	font-weight: 400;
	margin-bottom: 15px
}

@media screen and (max-width:1000px) {
	.profiler-container .container .content .tab h2 {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.profiler-container .container .content .tab h2 {
		font-size: 16px
	}
}

.profiler-container .container .content .tab table {
	border-spacing: 0;
	width: 100%
}

.profiler-container .container .content .tab table.without-header tbody tr td {
	border-top: 1px solid #d7d7d7
}

.profiler-container .container .content .tab table thead th {
	background: #d7d7d7;
	padding: 10px 15px;
	font-weight: 700;
	font-size: 16px
}

@media screen and (max-width:1000px) {
	.profiler-container .container .content .tab table thead th {
		font-size: 15px
	}
}

@media screen and (max-width:650px) {
	.profiler-container .container .content .tab table thead th {
		font-size: 13px
	}
}

.profiler-container .container .content .tab table thead th.align-left {
	text-align: left
}

.profiler-container .container .content .tab table tbody tr {
	background: #fff
}

.profiler-container .container .content .tab table tbody tr:nth-child(2n) {
	background: #f2f2f2
}

.profiler-container .container .content .tab table tbody tr.duplicate {
	background: #f8d7da
}

.profiler-container .container .content .tab table tbody tr.slow {
	background: #fff3cd
}

.profiler-container .container .content .tab table tbody tr td {
	padding: 10px 15px;
	border: 1px solid #d7d7d7;
	border-top: 0
}

.profiler-container .container .content .tab table tbody tr td.centered {
	text-align: center
}

.profiler-container .container .content .tab table tbody tr td a.btn {
	background: #ff5400;
	color: #fff;
	border-radius: 5px;
	padding: 5px 10px;
	font-weight: 700;
	display: inline-block;
	border: 0;
	cursor: pointer;
	font-size: 11px;
	margin-bottom: 5px
}

.profiler-container .container .content .tab table tbody tr td a.btn:last-child {
	margin-bottom: 0
}

.profiler-container .container .content .tab table tbody tr td a.btn:hover {
	background: #fcaf02
}

.profiler-container .container .content .tab table tbody tr td a.close {
	float: right;
	font-size: 11px;
	padding: 2px;
	opacity: .6
}

.profiler-container .container .content .tab table tbody tr td a.close:hover {
	opacity: 1
}

.profiler-container .container .content .tab table tbody tr td h3 {
	font-size: 14px;
	color: #000
}

@media screen and (max-width:1000px) {
	.profiler-container .container .content .tab table tbody tr td h3 {
		font-size: 13px
	}
}

.profiler-container .container .content .tab table tbody tr td .label {
	display: inline-block;
	padding: 5px 10px;
	font-weight: 700;
	font-size: 16px;
	font-variant: small-caps;
	border: 1px solid #000;
	margin-bottom: 10px;
	border-radius: 5px
}

@media screen and (max-width:1000px) {
	.profiler-container .container .content .tab table tbody tr td .label {
		font-size: 15px
	}
}

@media screen and (max-width:650px) {
	.profiler-container .container .content .tab table tbody tr td .label {
		font-size: 13px
	}
}

.profiler-container .container .content .tab table tbody tr td .label.slow {
	background: #fcaf02;
	color: #000
}

.profiler-container .container .content .tab table tbody tr td .label.duplicate {
	background: #721c24;
	color: #fff
}

.profiler-container .container .content .tab .inline-code {
	font-size: 12px;
	font-family: monospace
}

.profiler-container .container .content .tab .metrics {
	margin-bottom: 25px
}

.profiler-container .container .content .tab .metrics .metric {
	display: inline-block;
	margin-right: 10px;
	background: #fff;
	border: 1px solid #d7d7d7;
	min-width: 100px
}

.profiler-container .container .content .tab .metrics .metric .value {
	display: block;
	font-size: 32px;
	padding: 8px 15px;
	text-align: center
}

@media screen and (max-width:1000px) {
	.profiler-container .container .content .tab .metrics .metric .value {
		font-size: 24px
	}
}

@media screen and (max-width:800px) {
	.profiler-container .container .content .tab .metrics .metric .value {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.profiler-container .container .content .tab .metrics .metric .value {
		font-size: 18px
	}
}

.profiler-container .container .content .tab .metrics .metric .value .unit {
	color: var(--color-medium-light);
	font-size: 18px;
	margin-left: -4px
}

@media screen and (max-width:800px) {
	.profiler-container .container .content .tab .metrics .metric .value .unit {
		font-size: 16px
	}
}

@media screen and (max-width:650px) {
	.profiler-container .container .content .tab .metrics .metric .value .unit {
		font-size: 13px
	}
}

.profiler-container .container .content .tab .metrics .metric .label {
	background: #d7d7d7;
	display: block;
	font-size: 12px;
	padding: 5px 10px;
	text-align: center;
	font-weight: 700
}

.profiler-container .container .content .tab .code {
	margin: 10px 0;
	padding: 5px;
	box-shadow: inset 0 0 20px 4px #000
}

.profiler-container .container .content .tab .code script {
	display: none
}

.bestsellers-container {
	margin-left: -30px;
	margin-right: -30px;
	padding: 0 30px;
	display: flex;
	flex-direction: column
}

@media screen and (max-width:1000px) {
	.bestsellers-container {
		margin-left: -20px;
		margin-right: -20px
	}
}

@media screen and (max-width:800px) {
	.bestsellers-container {
		margin-left: -10px;
		margin-right: -10px
	}
}

@media screen and (max-width:1000px) {
	.bestsellers-container {
		padding: 0 20px
	}
}

@media screen and (max-width:800px) {
	.bestsellers-container {
		padding: 0 10px
	}
}

.bestsellers-container .games {
	max-width: 1200px;
	align-self: center;
	width: 100%
}

.bestsellers-container .games .listing-games {
	flex-wrap: wrap
}

.bestsellers-container .games .listing-games .item:nth-child(n+10) {
	display: none
}

@media screen and (max-width:650px) {
	.bestsellers-container .games .listing-games .item:nth-child(n+9) {
		display: none
	}
}

.bestsellers-container .games .listing-games .more {
	position: absolute;
	bottom: -60px;
	width: 100%;
	padding-top: 174px;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: rgba(39, 39, 39, .85);
	z-index: 2;
	color: #fff;
	background-image: linear-gradient(rgba(39, 39, 39, 0), rgba(39, 39, 39, .97) 60%)
}

body.neon .bestsellers-container .games .listing-games .more {
	background-color: rgba(22, 26, 58, .85);
	background-image: linear-gradient(rgba(22, 26, 58, 0), rgba(22, 26, 58, .97) 60%)
}

.bestsellers-container .games .listing-games .more .text {
	margin-bottom: 40px;
	max-width: 450px;
	text-align: center;
	font-size: 32px;
	font-weight: 700
}

@media screen and (max-width:1000px) {
	.bestsellers-container .games .listing-games .more .text {
		font-size: 24px
	}
}

@media screen and (max-width:800px) {
	.bestsellers-container .games .listing-games .more .text {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.bestsellers-container .games .listing-games .more .text {
		font-size: 18px
	}
}

.history-panel {
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}

.history-panel .listing-games {
	width: 100%
}

.indies-container {
	margin-left: -30px;
	margin-right: -30px;
	padding: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-position: bottom;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: linear-gradient(80deg, rgba(50, 50, 50, .4), #323232 35%)/*, url(/androidportalhtml/modules/productsIndiesPanel/images/deadcells.jpg*/)
}

@media screen and (max-width:1000px) {
	.indies-container {
		margin-left: -20px;
		margin-right: -20px
	}
}

@media screen and (max-width:800px) {
	.indies-container {
		margin-left: -10px;
		margin-right: -10px
	}
}

body.neon .indies-container {
	background-image: linear-gradient(80deg, rgba(0, 4, 33, .4), #000421 35%), url(/androidportalhtml/modules/productsIndiesPanel/images/deadcells.jpg)
}

@media screen and (max-width:1000px) {
	.indies-container {
		padding: 30px
	}
}

@media screen and (max-width:650px) {
	.indies-container {
		padding: 15px
	}
}

.indies-container .character {
	/*background-image: url(/androidportalhtml/modules/productsIndiesPanel/images/beheaded.png);*/
	background-size: cover;
	flex: 0 0 360px;
	height: 590px;
	margin-right: 45px;
	position: relative
}

.indies-container .character:after {
	content: "";
	width: 500px;
	height: 380px;
	display: block;
	bottom: 50px;
	background-image: radial-gradient(rgba(4, 92, 254, .27) -20%, transparent 70%);
	position: absolute;
	z-index: 0;
	left: -130px
}

@media screen and (max-width:900px) {
	.indies-container .character:after {
		left: -90px;
		width: 260px;
		height: 240px;
		bottom: 40px
	}
}

@media screen and (max-width:1260px) {
	.indies-container .character {
		margin: -10px 20px -10px 0
	}
}

@media screen and (max-width:1100px) {
	.indies-container .character {
		flex: 0 0 336px;
		height: 551px
	}
}

@media screen and (max-width:1000px) {
	.indies-container .character {
		flex: 0 0 287px;
		height: 471px
	}
}

@media screen and (max-width:900px) {
	.indies-container .character {
		flex: 0 0 240px;
		height: 394px
	}
}

@media screen and (max-width:750px) {
	.indies-container .character {
		flex: 0 0 174px;
		height: 284px
	}
}

@media screen and (max-width:600px) {
	.indies-container .character {
		flex: 0 0 134px;
		height: 220px
	}
}

@media screen and (max-width:500px) {
	.indies-container .character {
		display: none
	}
}

.indies-container .games {
	width: 100%;
	max-width: 795px
}

.indies-container .games .listing-games .item {
	margin: 15px;
	width: calc(50% - 30px)
}

@media screen and (max-width:1000px) {
	.indies-container .games .listing-games .item {
		margin: 10px;
		width: calc(50% - 20px)
	}
}

@media screen and (max-width:800px) {
	.indies-container .games .listing-games .item {
		margin: 5px;
		width: calc(50% - 10px)
	}
}

.indies-container .games .listing-games .item .information {
	height: auto
}

.indies-container .games .catchphrase {
	margin-top: auto;
	display: flex;
	flex-direction: column;
	align-items: center
}

.indies-container .games .catchphrase .text {
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 20px;
	max-width: 450px;
	text-align: center
}

@media screen and (max-width:1000px) {
	.indies-container .games .catchphrase .text {
		font-size: 24px
	}
}

@media screen and (max-width:800px) {
	.indies-container .games .catchphrase .text {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.indies-container .games .catchphrase .text {
		font-size: 18px
	}
}

.search-title {
	margin: -15px;
	display: flex;
	align-items: center;
	justify-content: center
}

@media screen and (max-width:1000px) {
	.search-title {
		margin: -10px
	}
}

@media screen and (max-width:800px) {
	.search-title {
		margin: -5px
	}
}

@media screen and (max-width:1000px) {
	.search-title {
		flex-wrap: wrap
	}
}

.search-title .select2 {
	margin: 15px;
	width: calc(25% - 30px)
}

@media screen and (max-width:1000px) {
	.search-title .select2 {
		margin: 10px;
		width: calc(25% - 20px)
	}
}

@media screen and (max-width:800px) {
	.search-title .select2 {
		margin: 5px;
		width: calc(25% - 10px)
	}
}

@media screen and (max-width:1000px) {
	.search-title .select2 {
		margin: 15px;
		width: calc(50% - 30px)
	}
}

@media screen and (max-width:1000px) and (max-width:1000px) {
	.search-title .select2 {
		margin: 10px;
		width: calc(50% - 20px)
	}
}

@media screen and (max-width:1000px) and (max-width:800px) {
	.search-title .select2 {
		margin: 5px;
		width: calc(50% - 10px)
	}
}

.search-title .select2 .textarea-search textarea {
	padding: 20px 0 0
}

@media screen and (max-width:1000px) {
	.search-title .select2 .textarea-search textarea {
		padding-top: 16px
	}
}

@media screen and (max-width:500px) {
	.search-title .select2 .textarea-search textarea {
		padding-top: 11px
	}
}

.advanced-panel {
	flex-wrap: wrap
}

.advanced-panel .top-filters {
	display: none
}

.advanced-panel .more-filters {
	display: flex;
	justify-content: center;
	margin-top: 20px
}

@media screen and (max-width:1260px) {
	.advanced-panel .more-filters {
		flex-wrap: wrap
	}
}

.advanced-panel .more-filters .ig-sections-content {
	display: flex;
	align-items: center
}

.advanced-panel .more-filters .price {
	display: flex;
	align-items: center;
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px solid hsla(0, 0%, 100%, .15)
}

@media screen and (max-width:1000px) {
	.advanced-panel .more-filters .price {
		margin-right: 15px;
		padding-right: 15px
	}
}

.advanced-panel .more-filters .price input {
	margin: 0 10px;
	height: 35px!important;
	width: 50px
}

@media screen and (max-width:1260px) {
	.advanced-panel .more-filters .price input {
		height: 28px!important;
		width: 40px
	}
}

@media screen and (max-width:650px) {
	.advanced-panel .more-filters .price input {
		margin: 0 5px
	}
}

.advanced-panel .more-filters .price .icon-reload {
	margin-left: 5px;
	background-color: #00abff
}

.advanced-panel .more-filters .select2-selection {
	margin-left: 10px;
	height: 35px;
	width: 200px
}

@media screen and (max-width:800px) {
	.advanced-panel .more-filters .select2-selection {
		height: 28px
	}
}

@media screen and (max-width:450px) {
	.advanced-panel .more-filters .select2-selection {
		width: 150px
	}
}

.advanced-panel .more-filters .select2-selection:after {
	height: 7px;
	width: 12px;
	right: 14px;
	top: 14px
}

@media screen and (max-width:1260px) {
	.advanced-panel .more-filters .select2-selection:after {
		right: 11px;
		top: 11px
	}
}

.advanced-panel .more-filters .select2-selection .select2-selection__rendered {
	padding-left: 15px
}

.advanced-panel .more-filters .game-type {
	margin-left: 20px;
	padding-left: 20px;
	border-left: 1px solid hsla(0, 0%, 100%, .15);
	justify-content: center;
	align-items: center;
	display: flex
}

@media screen and (max-width:1000px) {
	.advanced-panel .more-filters .game-type {
		margin-left: 15px;
		padding-left: 15px
	}
}

@media screen and (max-width:650px) {
	.advanced-panel .more-filters .game-type {
		margin: 10px 0 0;
		padding: 0;
		border: 0;
		width: 100%
	}
}

.advanced-panel .more-filters .game-type .select2-selection {
	margin-left: 0
}

.advanced-panel .more-filters .geoip {
	display: flex;
	align-items: center;
	margin-left: 20px;
	padding-left: 20px;
	border-left: 1px solid hsla(0, 0%, 100%, .15);
	justify-content: center
}

@media screen and (max-width:1260px) {
	.advanced-panel .more-filters .geoip {
		margin: 10px 0 0;
		padding: 0;
		border: 0;
		width: 100%
	}
}

@media screen and (max-width:1000px) {
	.advanced-panel .more-filters .geoip {
		margin-left: 15px;
		padding-left: 15px
	}
}

#ig-pm-morefilters-gamersgrade span {
	color: #fff
}

#ig-pm-gradeselector {
	backdrop-filter: blur(60px) saturate(100%);
	-webkit-backdrop-filter: blur(60px) saturate(100%);
	background-color: rgba(39, 39, 39, .15);
	position: absolute;
	z-index: 1000;
	padding: 15px;
	border-radius: 100px;
	background-color: rgba(0, 0, 0, .3);
	display: flex;
	flex-direction: column
}

@-moz-document url-prefix("") {
	body.neon #ig-pm-gradeselector {
		background-color: #2b305c
	}
}

@-moz-document url-prefix("") {
	#ig-pm-gradeselector {
		background-color: var(--color-medium)
	}
}

#ig-pm-gradeselector label.checkbox .checkmark,
#ig-pm-gradeselector label.checkbox .slider,
#ig-pm-gradeselector label.radio-button .checkmark,
#ig-pm-gradeselector label.radio-button .slider,
#ig-pm-gradeselector label.toggle .checkmark,
#ig-pm-gradeselector label.toggle .slider {
	box-shadow: none
}

#ig-pm-gradeselector a {
	cursor: pointer;
	width: 40px;
	height: 40px;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 2px;
	position: relative
}

#ig-pm-gradeselector a:hover {
	color: #fff
}

#ig-pm-gradeselector a.ig-writereview-grade-0,
#ig-pm-gradeselector a.ig-writereview-grade-10,
#ig-pm-gradeselector a.ig-writereview-grade-20,
#ig-pm-gradeselector a.ig-writereview-grade-30 {
	color: #ff0a4e
}

#ig-pm-gradeselector a.ig-writereview-grade-40,
#ig-pm-gradeselector a.ig-writereview-grade-50,
#ig-pm-gradeselector a.ig-writereview-grade-60 {
	color: #fcaf02
}

#ig-pm-gradeselector a.ig-writereview-grade-70,
#ig-pm-gradeselector a.ig-writereview-grade-80,
#ig-pm-gradeselector a.ig-writereview-grade-90,
#ig-pm-gradeselector a.ig-writereview-grade-100 {
	color: #25de57
}

#ig-pm-gradeselector span {
	margin-bottom: 2px;
	display: block
}

#ig-pm-platformlinks a:hover {
	color: #ff5400!important
}

.ig-pm-resetfields {
	cursor: pointer
}

.ig-pm-morefilters-line {
	border-top: 5px solid #ff5400
}

.ig-pm-morefilters-center {
	text-align: center
}

.ig-pm-morefilters-head {
	padding: 6px 0;
	text-align: center;
	border-radius: 8px 8px 0 0
}

.ig-pm-input-bgwrapper .changed-toggle {
	text-align: center;
	padding: 0!important;
	height: 40px!important;
	-moz-appearance: textfield
}

@media screen and (max-width:1000px) {
	.ig-pm-input-bgwrapper .changed-toggle {
		height: 30px!important
	}
}

.ig-pm-input-bgwrapper .changed-toggle::-webkit-inner-spin-button,
.ig-pm-input-bgwrapper .changed-toggle::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

input[type=text].ig-pm-morefilters-sminput {
	padding: 0!important;
	text-align: center;
	height: 40px!important
}

body.ig-currency-big input[name*=price] {
	font-size: 12px;
	width: 40px;
	top: 1px;
	padding: 3px
}

.preorders-container {
	max-width: 1200px;
	align-self: center;
	width: 100%;
	display: flex;
	flex-direction: column
}

@media screen and (max-width:1000px) and (min-width:800px) {
	.preorders-container {
		margin-bottom: 10px
	}
}

@media screen and (max-width:800px) and (min-width:650px) {
	.preorders-container {
		margin-bottom: 5px
	}
}

.preorders-container .listing-games .item {
	margin: 15px;
	width: calc(33.33333% - 30px)
}

@media screen and (max-width:1000px) {
	.preorders-container .listing-games .item {
		margin: 10px;
		width: calc(33.33333% - 20px)
	}
}

@media screen and (max-width:800px) {
	.preorders-container .listing-games .item {
		margin: 5px;
		width: calc(33.33333% - 10px)
	}
}

@media screen and (max-width:1000px) {
	.preorders-container .listing-games .item {
		margin: 15px;
		width: calc(50% - 30px)
	}
}

@media screen and (max-width:1000px) and (max-width:1000px) {
	.preorders-container .listing-games .item {
		margin: 10px;
		width: calc(50% - 20px)
	}
}

@media screen and (max-width:1000px) and (max-width:800px) {
	.preorders-container .listing-games .item {
		margin: 5px;
		width: calc(50% - 10px)
	}
}

.products-trending {
	max-width: 1200px;
	align-self: center;
	width: 100%;
	display: flex;
	flex-direction: column;
	z-index: 1
}

@media screen and (max-width:650px) {
	.products-trending .item:last-of-type {
		display: none
	}
}

.promo-container {
	max-width: 1200px;
	align-self: center;
	width: 100%;
	display: flex;
	flex-direction: column
}

.promo-container .headline a {
	display: none
}

@media screen and (max-width:650px) {
	.promo-container .headline a {
		display: flex
	}
}

.promo-container .details {
	border-radius: 15px;
	font-weight: 700;
	font-size: 20px;
	border-top-left-radius: 0!important;
	border-top-right-radius: 0!important;
	text-align: center;
	background: var(--color-ultra-dark);
	height: 80px;
	width: 100%;
	color: var(--color);
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center
}

@media screen and (max-width:1000px) {
	.promo-container .details {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.promo-container .details {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.promo-container .details {
		border-radius: 7px
	}
}

@media screen and (max-width:1000px) {
	.promo-container .details {
		font-size: 16px
	}
}

.promo-container .details.counter {
	color: var(--color);
	font-size: 24px
}

@media screen and (max-width:1000px) {
	.promo-container .details.counter {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.promo-container .details.counter {
		font-size: 16px
	}
}

@media screen and (max-width:1000px) {
	.promo-container .details {
		font-size: 18px;
		padding-bottom: 15px
	}
}

@media screen and (max-width:1000px) and (max-width:800px) {
	.promo-container .details {
		font-size: 16px
	}
}

@media screen and (max-width:1000px) and (max-width:650px) {
	.promo-container .details {
		font-size: 13px
	}
}

@media screen and (max-width:800px) {
	.promo-container .details {
		height: 60px
	}
}

@media screen and (max-width:650px) {
	.promo-container .listing-games .item {
		margin: 15px;
		width: calc(50% - 30px)
	}
}

@media screen and (max-width:650px) and (max-width:1000px) {
	.promo-container .listing-games .item {
		margin: 10px;
		width: calc(50% - 20px)
	}
}

@media screen and (max-width:650px) and (max-width:800px) {
	.promo-container .listing-games .item {
		margin: 5px;
		width: calc(50% - 10px)
	}
}

@media screen and (max-width:650px) {
	.promo-container .listing-games .item:last-of-type {
		display: none
	}
}

.promo-container .listing-games .item .cover picture,
.promo-container .listing-games .item .cover video {
	border-radius: 15px;
	border-bottom-left-radius: 0!important;
	border-bottom-right-radius: 0!important
}

@media screen and (max-width:1000px) {
	.promo-container .listing-games .item .cover picture,
	.promo-container .listing-games .item .cover video {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.promo-container .listing-games .item .cover picture,
	.promo-container .listing-games .item .cover video {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.promo-container .listing-games .item .cover picture,
	.promo-container .listing-games .item .cover video {
		border-radius: 7px
	}
}

.promo-container .listing-games .item .cover picture img,
.promo-container .listing-games .item .cover video {
	height: auto
}

.promo-container .listing-games .item .information {
	margin-top: 25px
}

.promo-container .listing-games .item .information .price {
	display: flex;
	align-items: center
}

.promo-container .listing-games .item .information .price .icon-arrow {
	background-color: var(--color-medium-light);
	margin-right: 5px;
	width: 11px;
	height: 11px;
	flex: 0 0 11px
}

@media screen and (max-width:1000px) {
	.promo-container .listing-games .item .information .price .icon-arrow {
		display: none
	}
}

.promo-container .listing-games .item .information .price .old,
.promo-container .listing-games .item .information .price .retail {
	font-weight: 400;
	font-size: 15px;
	margin-right: 2px;
	text-decoration: line-through;
	color: var(--color-light)
}

@media screen and (max-width:400px) {
	.promo-container .listing-games .item .information .price .old,
	.promo-container .listing-games .item .information .price .retail {
		font-size: 12px
	}
}

@media screen and (max-width:350px) {
	.promo-container .listing-games .item .information .price .old,
	.promo-container .listing-games .item .information .price .retail {
		display: none
	}
}

.promo-container .listing-games .item .information .price .final {
	font-size: 24px;
	font-weight: 400
}

@media screen and (max-width:1000px) {
	.promo-container .listing-games .item .information .price .final {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.promo-container .listing-games .item .information .price .final {
		font-size: 16px
	}
}

.redeem-container {
	margin-top: 200px;
	max-width: 1200px;
	align-self: center;
	width: 100%;
	max-width: 600px;
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 100%;
	justify-content: center
}

@media screen and (max-width:1000px) {
	.redeem-container {
		margin-top: 150px
	}
}

@media screen and (max-width:600px) {
	.redeem-container {
		margin-top: 130px
	}
}

.redeem-container .card-container {
	border-radius: 15px;
	background-color: var(--color-ultra-dark);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

@media screen and (max-width:1000px) {
	.redeem-container .card-container {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.redeem-container .card-container {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.redeem-container .card-container {
		border-radius: 7px
	}
}

.redeem-container .card-container img {
	border-bottom-left-radius: 0!important;
	border-bottom-right-radius: 0!important
}

.redeem-container .card-container .text-container {
	padding: 30px;
	display: flex;
	flex-direction: column;
	align-items: center
}

@media screen and (max-width:1000px) {
	.redeem-container .card-container .text-container {
		padding: 20px
	}
}

@media screen and (max-width:400px) {
	.redeem-container .card-container .text-container {
		padding: 15px
	}
}

.redeem-container .card-container .text-container .text {
	font-size: 20px;
	margin-bottom: 10px;
	text-align: center
}

@media screen and (max-width:1000px) {
	.redeem-container .card-container .text-container .text {
		font-size: 16px
	}
}

.redeem-container .card-container .text-container .discount-info {
	font-size: 24px;
	font-weight: 700;
	color: var(--color)
}

@media screen and (max-width:1000px) {
	.redeem-container .card-container .text-container .discount-info {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.redeem-container .card-container .text-container .discount-info {
		font-size: 16px
	}
}

.redeem-container .giftcard-text {
	text-align: center
}

.redeem-container .giftcard-img {
	border-radius: 15px;
	width: 100%;
	max-width: 500px
}

@media screen and (max-width:1000px) {
	.redeem-container .giftcard-img {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.redeem-container .giftcard-img {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.redeem-container .giftcard-img {
		border-radius: 7px
	}
}

.redeem-container .giftcard-form {
	display: flex;
	width: 100%
}

.redeem-container .giftcard-form .button {
	margin-left: 15px
}

.loginbox-register {
	display: none;
	flex-direction: row!important;
	color: #fff;
	height: 100%;
	width: 50%
}

@media screen and (max-width:800px) {
	.loginbox-register {
		width: 100%
	}
}

.loginbox-register .register {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 550px;
	margin: auto;
	justify-content: center;
	padding: 80px 60px 60px
}

@media screen and (max-width:1260px) {
	.loginbox-register .register {
		padding: 80px 30px 30px
	}
}

.loginbox-register .register.wide {
	width: 100%;
	align-items: center;
	max-width: 100%
}

.loginbox-register .register hr {
	margin: 40px 0;
	opacity: .2
}

@media screen and (max-width:800px) {
	.loginbox-register .register hr {
		margin: 20px 0
	}
}

.loginbox-register .register h2 {
	margin-bottom: 20px
}

.loginbox-register .register .logo-m {
	position: absolute;
	top: 25px;
	left: 30px
}

@media screen and (max-width:800px) {
	.loginbox-register .register .logo-m {
		left: 50%;
		transform: translate(-50%);
		top: 15px
	}
}

.loginbox-register .register .signup {
	display: flex;
	flex-direction: column
}

.loginbox-register .register .signup .already .links {
	display: flex;
	flex-direction: column;
	margin: -10px
}

@media screen and (min-width:1260px) {
	.loginbox-register .register .signup .already .links {
		margin: -10px
	}
}

.loginbox-register .register .signup .already .links a {
	margin: 15px;
	border-radius: 8px;
	font-size: 14px;
	box-shadow: inset 0 0 0 2px var(--color-medium-light);
	align-items: center;
	padding: 15px 10px;
	color: #fff;
	background-color: hsla(0, 0%, 100%, .07);
	height: 58px;
	transition: .2s
}

@media screen and (max-width:1000px) {
	.loginbox-register .register .signup .already .links a {
		margin: 10px
	}
}

@media screen and (max-width:800px) {
	.loginbox-register .register .signup .already .links a {
		margin: 5px
	}
}

@media screen and (min-width:1000px) {
	.loginbox-register .register .signup .already .links a {
		margin: 10px
	}
}

@media screen and (max-width:1000px) {
	.loginbox-register .register .signup .already .links a {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.loginbox-register .register .signup .already .links a {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.loginbox-register .register .signup .already .links a {
		border-radius: 5px
	}
}

@media screen and (max-width:1000px) {
	.loginbox-register .register .signup .already .links a {
		font-size: 13px;
		height: 48px;
		padding: 0 10px
	}
}

@media screen and (max-width:800px) {
	.loginbox-register .register .signup .already .links a {
		margin: 7px
	}
}

@media screen and (max-width:500px) {
	.loginbox-register .register .signup .already .links a {
		height: 38px
	}
}

.loginbox-register .register .signup .already .links a:hover {
	box-shadow: inset 0 0 0 2px var(--color)
}

body.neon .loginbox-register .register .signup .already .links a:hover {
	box-shadow: inset 0 0 0 2px #3483ff!important
}

.loginbox-register .register .signup .create {
	display: none;
	flex-direction: column
}

.loginbox-register .register .signup .create.active {
	display: flex;
	max-width: 700px
}

.loginbox-register .register .signup .create form {
	flex-direction: row;
	flex-wrap: wrap
}

.loginbox-register .register .signup .create form .hide-show-password-toggle {
	background-color: transparent;
	background-image: url(/androidportalhtml/modules/register/images/icon-view.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	border: 0;
	cursor: pointer;
	text-indent: -999em;
	width: 24px;
	height: 17px;
	right: 30px!important
}

.loginbox-register .register .signup .create form .hide-show-password-toggle-hide {
	background-position: -44px
}

.loginbox-register .register .signup .create form .consent {
	margin: 10px
}

.loginbox-register .register .signup .create form .consent label {
	margin: 15px 0
}

.loginbox-register .register .signup .create form .consent label a {
	display: initial;
	margin: 0
}

.loginbox-register .register .signup .create form .ig-register-error-container,
.loginbox-register .register .signup .create form .ig-register-error-container p,
.loginbox-register .register .signup .create form .ig-register-message,
.loginbox-register .register .signup .create form .ig-register-message p {
	display: none
}

.loginbox-register .register .signup .create form .alerts {
	display: none;
	width: 100%;
	margin: 10px
}

.loginbox-register .register .signup .create form .alerts p {
	margin: 0 5px
}

.loginbox-register .register .signup a {
	display: flex;
	justify-content: flex-start;
	padding-left: 0;
	margin: 0 5px
}

.loginbox-register .register .signup a.manual {
	justify-content: center;
	border: 0;
	margin-top: 30px;
	cursor: pointer;
	display: flex;
	align-items: center
}

.loginbox-register .register .signup a.manual:hover .icon-user {
	background-color: var(--color)
}

.loginbox-register .register .signup a.manual .icon-user {
	margin-right: 10px
}

.loginbox-register .register .signup a .icon {
	border-radius: 8px;
	flex: 0 0 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px
}

@media screen and (max-width:1000px) {
	.loginbox-register .register .signup a .icon {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.loginbox-register .register .signup a .icon {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.loginbox-register .register .signup a .icon {
		border-radius: 5px
	}
}

.loginbox-register .register .signup a .icon.facebook {
	background-color: #1877f2
}

.loginbox-register .register .signup a .icon.google {
	background-color: #fff
}

.loginbox-register .register .signup a .icon.apple {
	background-color: #000
}

@media screen and (max-width:500px) {
	.loginbox-register .register .signup a .icon {
		flex: 0 0 30px;
		height: 30px
	}
	.loginbox-register .register .signup a .icon .icon-xs {
		transform: scale(.8)
	}
}

@media screen and (max-width:450px) {
	.loginbox-register .register .signup a .icon {
		margin-right: 10px
	}
}

.loginbox-register .register .already.inactive {
	display: none
}

.loginbox-register .register form {
	display: flex;
	flex-wrap: wrap;
	margin: -10px
}

.loginbox-register .register form .inputs {
	display: flex;
	flex-wrap: wrap
}

.loginbox-register .register form .inputs .hide-show-password-wrapper,
.loginbox-register .register form .inputs .select2,
.loginbox-register .register form .inputs input:not(.button),
.loginbox-register .register form .inputs select {
	width: calc(50% - 20px)
}

@media screen and (max-width:1260px) {
	.loginbox-register .register form .inputs .hide-show-password-wrapper,
	.loginbox-register .register form .inputs .select2,
	.loginbox-register .register form .inputs input:not(.button),
	.loginbox-register .register form .inputs select {
		width: calc(50% - 10px);
		margin: 5px
	}
}

@media screen and (max-width:600px) {
	.loginbox-register .register form .inputs .hide-show-password-wrapper,
	.loginbox-register .register form .inputs .select2,
	.loginbox-register .register form .inputs input:not(.button),
	.loginbox-register .register form .inputs select {
		width: calc(100% - 10px);
		margin: 5px
	}
}

.loginbox-register .register form .inputs .hide-show-password-wrapper {
	position: relative
}

.loginbox-register .register form .inputs .hide-show-password-wrapper .password {
	width: 100%
}

.loginbox-register .register form .select2,
.loginbox-register .register form input:not(.button),
.loginbox-register .register form select {
	width: calc(100% - 20px);
	margin: 10px
}

@media screen and (max-width:800px) {
	.loginbox-register .register form .select2,
	.loginbox-register .register form input:not(.button),
	.loginbox-register .register form select {
		width: calc(100% - 10px);
		margin: 5px
	}
}

.loginbox-register .register form .button {
	margin: 10px;
	cursor: pointer;
	width: calc(100% - 20px);
	font-size: 16px
}

@media screen and (max-width:1000px) {
	.loginbox-register .register form .button {
		font-size: 15px
	}
}

@media screen and (max-width:650px) {
	.loginbox-register .register form .button {
		font-size: 13px
	}
}

@media screen and (max-width:800px) {
	.loginbox-register .register form .button {
		width: calc(100% - 10px);
		margin: 5px
	}
}

.loginbox-register .register .forgot {
	margin-top: 30px;
	text-align: center
}

.loginbox-register .wallpaper {
	background-image: url(/androidportalhtml/modules/register/images/wallpaper.jpg);
	background-size: cover;
	background-position: top;
	width: 50%;
	position: fixed;
	right: 0;
	top: 0;
	bottom: 0
}

@media screen and (max-width:800px) {
	.loginbox-register .wallpaper {
		display: none
	}
}

body.register-activation-needed .activation-message {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 100;
	background: #2b2b2b
}

body.register-activation-needed .activation-message .alerts {
	border-radius: 0
}

body.register-activation-needed.is-debug .activation-message {
	bottom: 52px;
	transition: bottom .3s
}

body.register-activation-needed.is-debug.debug-closed .activation-message {
	bottom: 0
}

.reviews-panel {
	max-width: 2000px;
	align-self: center;
	width: 100%;
	display: flex;
	flex-direction: column
}

.reviews-panel.reviews-homepage .listing-games .item {
	margin: 15px;
	width: calc(25% - 30px)
}

@media screen and (max-width:1000px) {
	.reviews-panel.reviews-homepage .listing-games .item {
		margin: 10px;
		width: calc(25% - 20px)
	}
}

@media screen and (max-width:800px) {
	.reviews-panel.reviews-homepage .listing-games .item {
		margin: 5px;
		width: calc(25% - 10px)
	}
}

@media screen and (max-width:1260px) {
	.reviews-panel.reviews-homepage .listing-games .item {
		margin: 15px;
		width: calc(33.33333% - 30px)
	}
}

@media screen and (max-width:1260px) and (max-width:1000px) {
	.reviews-panel.reviews-homepage .listing-games .item {
		margin: 10px;
		width: calc(33.33333% - 20px)
	}
}

@media screen and (max-width:1260px) and (max-width:800px) {
	.reviews-panel.reviews-homepage .listing-games .item {
		margin: 5px;
		width: calc(33.33333% - 10px)
	}
}

@media screen and (max-width:650px) {
	.reviews-panel.reviews-homepage .listing-games .item {
		margin: 15px;
		width: calc(50% - 30px)
	}
}

@media screen and (max-width:650px) and (max-width:1000px) {
	.reviews-panel.reviews-homepage .listing-games .item {
		margin: 10px;
		width: calc(50% - 20px)
	}
}

@media screen and (max-width:650px) and (max-width:800px) {
	.reviews-panel.reviews-homepage .listing-games .item {
		margin: 5px;
		width: calc(50% - 10px)
	}
}

@media screen and (max-width:1260px) {
	.reviews-panel.reviews-homepage .listing-games .item:nth-child(n+4) {
		display: none
	}
}

@media screen and (max-width:650px) {
	.reviews-panel.reviews-homepage .listing-games .item:nth-child(n+3) {
		display: none
	}
}

.reviews-panel .listing-games .ig-profile-empty {
	border-radius: 15px;
	padding: 30px;
	margin-top: 60px;
	background: var(--color-medium-dark)
}

@media screen and (max-width:1000px) {
	.reviews-panel .listing-games .ig-profile-empty {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.reviews-panel .listing-games .ig-profile-empty {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.reviews-panel .listing-games .ig-profile-empty {
		border-radius: 7px
	}
}

@media screen and (max-width:1000px) {
	.reviews-panel .listing-games .ig-profile-empty {
		padding: 20px
	}
}

@media screen and (max-width:400px) {
	.reviews-panel .listing-games .ig-profile-empty {
		padding: 15px
	}
}

@media screen and (max-width:1000px) {
	.reviews-panel .listing-games .ig-profile-empty {
		margin-top: 30px
	}
}

@media screen and (max-width:800px) {
	.reviews-panel .listing-games .ig-profile-empty {
		margin-top: 15px
	}
}

.reviews-panel .listing-games .item {
	border-radius: 15px;
	margin: 15px;
	width: calc(33.33333% - 30px);
	background: var(--color-medium-dark);
	padding: 10px;
	overflow: hidden
}

@media screen and (max-width:1000px) {
	.reviews-panel .listing-games .item {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.reviews-panel .listing-games .item {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.reviews-panel .listing-games .item {
		border-radius: 7px
	}
}

@media screen and (max-width:1000px) {
	.reviews-panel .listing-games .item {
		margin: 10px;
		width: calc(33.33333% - 20px)
	}
}

@media screen and (max-width:800px) {
	.reviews-panel .listing-games .item {
		margin: 5px;
		width: calc(33.33333% - 10px)
	}
}

.reviews-panel .listing-games .item:hover .container .icon-close {
	opacity: 1;
	visibility: visible
}

@media screen and (max-width:1260px) {
	.reviews-panel .listing-games .item {
		margin: 15px;
		width: calc(33.33333% - 30px)
	}
}

@media screen and (max-width:1260px) and (max-width:1000px) {
	.reviews-panel .listing-games .item {
		margin: 10px;
		width: calc(33.33333% - 20px)
	}
}

@media screen and (max-width:1260px) and (max-width:800px) {
	.reviews-panel .listing-games .item {
		margin: 5px;
		width: calc(33.33333% - 10px)
	}
}

@media screen and (max-width:650px) {
	.reviews-panel .listing-games .item {
		margin: 15px;
		width: calc(50% - 30px)
	}
}

@media screen and (max-width:650px) and (max-width:1000px) {
	.reviews-panel .listing-games .item {
		margin: 10px;
		width: calc(50% - 20px)
	}
}

@media screen and (max-width:650px) and (max-width:800px) {
	.reviews-panel .listing-games .item {
		margin: 5px;
		width: calc(50% - 10px)
	}
}

.reviews-panel .listing-games .item .cover {
	margin: -10px -10px 10px
}

.reviews-panel .listing-games .item .cover:hover {
	transform: scale(1)!important
}

.reviews-panel .listing-games .item .cover picture {
	width: 100%;
	border-radius: 0
}

.reviews-panel .listing-games .item .cover video {
	border-radius: 0
}

.reviews-panel .listing-games .item .container {
	display: flex;
	margin: 10px;
	justify-content: center;
	position: relative
}

@media screen and (max-width:1000px) {
	.reviews-panel .listing-games .item .container {
		margin: 0
	}
}

.reviews-panel .listing-games .item .container .icon-close {
	background-color: #ff0a4e;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transition: .2s
}

.reviews-panel .listing-games .item .container .avatar {
	height: 60px;
	flex: 0 0 60px
}

@media screen and (max-width:1260px) {
	.reviews-panel .listing-games .item .container .avatar {
		height: 50px;
		flex: 0 0 50px
	}
}

@media screen and (max-width:800px) {
	.reviews-panel .listing-games .item .container .avatar {
		height: 45px;
		flex: 0 0 45px
	}
}

.reviews-panel .listing-games .item .container .round {
	margin-left: 10px;
	height: 60px;
	width: 60px;
	flex: 0 0 60px
}

@media screen and (max-width:1260px) {
	.reviews-panel .listing-games .item .container .round {
		height: 50px;
		flex: 0 0 50px
	}
}

@media screen and (max-width:800px) {
	.reviews-panel .listing-games .item .container .round {
		height: 45px;
		flex: 0 0 45px
	}
}

@media screen and (max-width:800px) {
	.reviews-panel .listing-games .item .container .round .icon-s {
		transform: scale(.8)
	}
}

.reviews-panel .listing-games .item .readable {
	margin: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical
}

@media screen and (max-width:800px) {
	.reviews-panel .listing-games .item .readable {
		margin: 10px 0 0;
		-webkit-line-clamp: 3;
		text-align: center
	}
}

.reviews-panel .listing-games .item .edit-review {
	margin: 10px
}

.reviews-panel .listing-games .item .edit-review .icon-edit {
	margin-left: 10px
}

.search-filters-container {
	margin-top: 200px;
	display: flex;
	flex-direction: column;
	margin-left: 30px;
	margin-right: 30px
}

@media screen and (max-width:1000px) {
	.search-filters-container {
		margin-top: 150px
	}
}

@media screen and (max-width:600px) {
	.search-filters-container {
		margin-top: 130px
	}
}

.search-filters-container.hidden {
	display: none
}

@media screen and (max-width:1000px) {
	.search-filters-container {
		margin-left: 20px;
		margin-right: 20px
	}
}

@media screen and (max-width:800px) {
	.search-filters-container {
		margin-left: 10px;
		margin-right: 10px
	}
}

.search-container,
.search-filters-container form,
.search-wrapper-ajax {
	max-width: 1200px;
	align-self: center;
	width: 100%
}

.search-container,
.search-wrapper-ajax {
	flex-direction: column;
	height: 100%
}

.search-container .search-results,
.search-wrapper-ajax .search-results {
	margin-top: 30px
}

@media screen and (max-width:1200px) {
	.search-wrapper-ajax .search {
		margin-right: 15px;
		margin-left: 15px
	}
}

@media screen and (max-width:1000px) {
	.search-wrapper-ajax .search {
		margin-right: 10px;
		margin-left: 10px
	}
}

@media screen and (max-width:800px) {
	.search-wrapper-ajax .search {
		margin-right: 5px;
		margin-left: 5px
	}
}

.search-wrapper-ajax .pagination {
	margin-top: 60px
}

@media screen and (max-width:1000px) {
	.search-wrapper-ajax .pagination {
		margin-top: 45px
	}
}

@media screen and (max-width:800px) {
	.search-wrapper-ajax .pagination {
		margin-top: 40px
	}
}

@media screen and (max-width:650px) {
	.search-wrapper-ajax .pagination {
		margin-top: 30px
	}
}

.search-container {
	display: flex
}

.search-container .pagination {
	margin-top: 60px
}

@media screen and (max-width:1000px) {
	.search-container .pagination {
		margin-top: 45px
	}
}

@media screen and (max-width:800px) {
	.search-container .pagination {
		margin-top: 40px
	}
}

@media screen and (max-width:650px) {
	.search-container .pagination {
		margin-top: 30px
	}
}

.noresult-browse {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.noresult-browse h3 {
	margin: 20px 0 0
}

.noresult-browse span {
	margin: 5px 0 40px;
	color: var(--color-light)
}

.ig-search-lettersection {
	text-align: center;
	margin: 30px auto 5px
}

.ig-search-lettersection span {
	font-size: 40px;
	font-weight: 700;
	line-height: 61px;
	text-align: center;
	color: #fff;
	border-radius: 40px;
	background: var(--color);
	margin-bottom: 10px;
	display: inline-block;
	height: 60px;
	width: 58px;
	padding-left: 2px
}

@media screen and (max-width:1000px) {
	.ig-search-lettersection span {
		font-size: 32px
	}
}

@media screen and (max-width:650px) {
	.ig-search-lettersection span {
		font-size: 24px
	}
}

.search-input {
	color: transparent;
	border-radius: 80px;
	background-color: var(--color);
	padding: 0;
	height: 66px;
	width: 66px;
	transition: .2s;
	cursor: pointer;
	position: absolute;
	right: 0;
	border: 0;
	z-index: 11;
	background-image: url(../images/search.svg);
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: 50%;
	outline: none;
	font-size: 18px
}

@media screen and (max-width:800px) {
	.search-input {
		font-size: 16px
	}
}

@media screen and (max-width:650px) {
	.search-input {
		font-size: 13px
	}
}

.search-input:hover {
	background-color: var(--color-link-hover);
	box-shadow: none
}

.search-input.back {
	transition: 0s;
	z-index: auto
}

.search-input.wide {
	color: #fff;
	width: 100%;
	padding: 0 25px;
	cursor: text;
	background-image: none;
	background-color: var(--color);
	outline: none
}

.search-input.wide::placeholder {
	opacity: .5;
	color: #fff;
	transition: .3s cubic-bezier(.7, .12, .88, .32)
}

.search-input::placeholder {
	opacity: 1;
	color: transparent
}

@media screen and (max-width:1000px) {
	.search-input {
		margin: 0;
		height: 50px;
		width: 50px
	}
}

@media screen and (max-width:600px) {
	.search-input {
		margin: 0;
		height: 42px;
		width: 42px
	}
}

.icon-input {
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute;
	top: 50%;
	right: 5px
}

.advanced {
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	bottom: -50px;
	opacity: 0;
	background: 0 0;
	width: auto;
	padding: 15px;
	visibility: hidden;
	white-space: nowrap
}

@media screen and (max-width:1000px) {
	.advanced {
		padding: 10px;
		bottom: -35px
	}
}

.advanced.opacity {
	opacity: 1;
	visibility: visible
}

.advanced a {
	text-decoration: underline;
	cursor: pointer;
	transition: .3s
}

.advanced a:hover {
	color: var(--color)
}

@-moz-document url-prefix("") {
	.advanced a span {
		display: none
	}
}

@media screen and (max-width:800px) {
	.advanced a span {
		display: none
	}
}

.close-icon,
.ig-search:not(.opacity) .close-icon {
	visibility: hidden;
	opacity: 0
}

.close-icon {
	content: "+";
	z-index: 1;
	width: 21px;
	height: 21px;
	position: absolute;
	left: 25px;
	top: 0;
	bottom: 0;
	margin: auto;
	border-radius: 50%;
	font-size: 37px;
	line-height: 20px;
	cursor: pointer;
	color: #fff;
	transform: rotate(45deg);
	background: 0 0;
	text-align: center
}

@media screen and (max-width:1000px) {
	.close-icon {
		left: 15px
	}
}

.search-clear .search-input {
	padding-left: 55px
}

@media screen and (max-width:1000px) {
	.search-clear .search-input {
		padding-left: 45px
	}
}

.search-clear .close-icon {
	opacity: 1;
	visibility: visible;
	z-index: 11
}

.search-clear .close-icon:hover {
	opacity: .5
}

.suppliers {
	font-weight: 700;
	display: flex;
	flex-direction: column
}

.suppliers .suppliers-container {
	margin: -15px
}

@media screen and (max-width:1000px) {
	.suppliers .suppliers-container {
		margin: -10px
	}
}

@media screen and (max-width:800px) {
	.suppliers .suppliers-container {
		margin: -5px
	}
}

.suppliers .suppliers-container.wide {
	width: calc(25% + 17px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 20px
}

.suppliers .suppliers-container.tight {
	width: 8.33333%
}

.suppliers select {
	padding-left: 30px;
	color: var(--color-very-light)
}

.suppliers .common {
	border-radius: 15px;
	background: var(--color-medium-dark);
	margin: 20px 0;
	position: relative
}

@media screen and (max-width:1000px) {
	.suppliers .common {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.suppliers .common {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.suppliers .common {
		border-radius: 7px
	}
}

.suppliers .common.table:after {
	background: var(--color-medium-dark);
	content: "";
	width: calc(100% - 40px);
	height: 1px;
	position: absolute;
	bottom: 19px
}

.suppliers .common.supplier-orders {
	display: flex;
	width: 100%;
	position: relative;
	flex-direction: column
}

.suppliers .common.supplier-orders .filters {
	display: flex;
	justify-content: space-between
}

.suppliers .common.supplier-orders .filters .order {
	width: 110px
}

.suppliers .common.supplier-orders .select2 {
	width: 150px!important
}

.suppliers .common.settings {
	margin: 15px;
	padding: 40px
}

@media screen and (max-width:1000px) {
	.suppliers .common.settings {
		margin: 10px
	}
}

@media screen and (max-width:800px) {
	.suppliers .common.settings {
		margin: 5px
	}
}

.suppliers .common.settings .semi {
	width: calc(50% - 15px);
	display: inline-block;
	margin-right: 10px
}

.suppliers .common.settings .field {
	margin: 10px 0 30px
}

.suppliers .common.settings .button {
	margin: 0 auto;
	display: table
}

.suppliers .menu {
	box-shadow: inset 0 -1px rgba(0, 0, 0, .05)
}

.suppliers .menu a {
	margin: 15px;
	padding: 0 0 15px;
	display: inline-block
}

@media screen and (max-width:1000px) {
	.suppliers .menu a {
		margin: 10px
	}
}

@media screen and (max-width:800px) {
	.suppliers .menu a {
		margin: 5px
	}
}

.suppliers .menu a:hover {
	color: var(--color)
}

.suppliers .menu a.selected {
	color: var(--color);
	box-shadow: inset 0 -2px var(--color)
}

.suppliers .menu a.settings {
	float: right
}

.suppliers .supplier-invalids {
	margin: 15px
}

@media screen and (max-width:1000px) {
	.suppliers .supplier-invalids {
		margin: 10px
	}
}

@media screen and (max-width:800px) {
	.suppliers .supplier-invalids {
		margin: 5px
	}
}

.suppliers .notification {
	font-size: 11px;
	background: var(--color-medium-dark);
	border-radius: 4px;
	padding: 3px 6px 2px;
	margin-left: 5px
}

.suppliers .selected .notification {
	background: var(--color);
	color: #fff
}

.suppliers .button.cancel {
	background: var(--color-very-light);
	margin-right: 10px
}

.suppliers .numbers {
	color: var(--color-light)
}

.suppliers .numbers:first-of-type {
	box-shadow: none
}

.suppliers .numbers .value {
	display: block;
	position: relative;
	top: 5px
}

.suppliers .method {
	padding: 20px
}

.suppliers .method .value {
	width: 230px;
	text-align: center;
	display: inline-block;
	margin: 4px 0
}

.suppliers .method select {
	border-radius: 5px;
	background: var(--color-very-light);
	border: 0;
	color: var(--color-very-light);
	width: 42%;
	padding: 11px;
	vertical-align: top;
	font-weight: 700;
	cursor: pointer
}

.suppliers .method select .content {
	color: var(--color-light)
}

.suppliers .method input {
	float: right
}

.suppliers .value {
	font-size: 24px;
	color: #fff
}

@media screen and (max-width:1000px) {
	.suppliers .value {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.suppliers .value {
		font-size: 16px
	}
}

.suppliers .invoices {
	display: flex
}

@media screen and (max-width:800px) {
	.suppliers .invoices {
		flex-wrap: wrap
	}
}

.suppliers .invoices .details {
	margin: 15px;
	width: calc(100% - 30px);
	padding: 30px 0;
	display: flex;
	color: #fff;
	justify-content: space-evenly;
	align-items: center
}

@media screen and (max-width:1000px) {
	.suppliers .invoices .details {
		margin: 10px;
		width: calc(100% - 20px)
	}
}

@media screen and (max-width:800px) {
	.suppliers .invoices .details {
		margin: 5px;
		width: calc(100% - 10px)
	}
}

.suppliers .invoices .details .numbers {
	display: flex;
	flex-direction: column;
	align-items: center
}

.suppliers .invoices .details .numbers span {
	white-space: nowrap
}

.suppliers .invoices .details .spacer {
	height: 100%;
	width: 1px;
	background-color: var(--color-medium-light);
	opacity: .5
}

.suppliers .invoices .total {
	margin: 15px;
	padding: 30px;
	display: flex;
	flex-direction: column;
	align-items: center
}

@media screen and (max-width:1000px) {
	.suppliers .invoices .total {
		margin: 10px
	}
}

@media screen and (max-width:800px) {
	.suppliers .invoices .total {
		margin: 5px;
		width: 100%
	}
}

.suppliers .invoices .total span {
	white-space: nowrap
}

.suppliers .supplier-payment {
	margin: 15px
}

@media screen and (max-width:1000px) {
	.suppliers .supplier-payment {
		margin: 10px
	}
}

@media screen and (max-width:800px) {
	.suppliers .supplier-payment {
		margin: 5px
	}
}

.suppliers .controls {
	position: relative
}

.suppliers .table {
	padding: 20px
}

.suppliers .table>input {
	border-radius: 5px;
	border: 0;
	color: var(--color-light);
	width: calc(40% - 50px)!important;
	padding: 10px 10px 10px 30px;
	font-weight: 700;
	vertical-align: middle
}

.suppliers .table input::placeholder {
	color: var(--color-very-light);
	margin-left: 20px
}

.suppliers .selectProducts {
	width: 100%;
	margin-right: 10px
}

.suppliers .switch-supplier {
	text-align: right;
	margin-top: 10px
}

.suppliers .switch-supplier select {
	vertical-align: top;
	cursor: pointer;
	border-radius: 5px;
	border: 0;
	padding: 5px 20px;
	font-weight: 700;
	height: 30px
}

.suppliers .filterResults {
	width: 9%
}

.suppliers .headlines {
	box-shadow: 0 1px 0 0 hsla(0, 0%, 100%, .1)
}

.suppliers .headlines div {
	width: calc(100%/var(--column-number) - 5px);
	display: inline-block;
	color: #fff;
	padding: 20px 0 15px;
	vertical-align: top
}

.suppliers .supplier-orders .lines {
	box-shadow: 0 1px 0 0 hsla(0, 0%, 100%, .1)
}

.suppliers .supplier-orders .lines:hover {
	box-shadow: 0 0 0 2px var(--color);
	border-radius: 3px;
	margin: 0 -18px;
	padding: 0 18px;
	position: relative;
	z-index: 1;
	cursor: pointer
}

.suppliers .supplier-orders .lines.selected {
	background-color: #defff4
}

.suppliers .supplier-orders .lines.opened {
	background: var(--color-very-dark);
	margin: 0 -20px;
	padding: 0 20px
}

.suppliers .supplier-orders .lines.opened:hover {
	box-shadow: none;
	margin: 0 -20px;
	padding: 0 20px
}

.suppliers .supplier-orders .lines.opened div {
	box-shadow: none;
	color: #fff
}

.suppliers .supplier-orders .lines>div {
	font-size: 14px;
	width: calc(100%/var(--column-number));
	display: inline-block;
	padding: 25px 0;
	position: relative;
	vertical-align: top
}

@media screen and (max-width:1000px) {
	.suppliers .supplier-orders .lines>div {
		font-size: 13px
	}
}

.suppliers .supplier-orders .lines img {
	width: 74px;
	border-radius: 3px;
	margin: -40px 0
}

.suppliers .supplier-orders .lines .detail {
	margin: 0 -20px;
	padding: 0 20px
}

.suppliers .supplier-orders .lines .vdp-datepicker__calendar {
	border-radius: 15px;
	background-color: var(--color-ultra-dark);
	border: 2px solid var(--color);
	padding: 15px
}

@media screen and (max-width:1000px) {
	.suppliers .supplier-orders .lines .vdp-datepicker__calendar {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.suppliers .supplier-orders .lines .vdp-datepicker__calendar {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.suppliers .supplier-orders .lines .vdp-datepicker__calendar {
		border-radius: 7px
	}
}

.suppliers .supplier-orders .lines .vdp-datepicker__calendar header .next:not(.disabled):hover,
.suppliers .supplier-orders .lines .vdp-datepicker__calendar header .prev:not(.disabled):hover,
.suppliers .supplier-orders .lines .vdp-datepicker__calendar header .up:not(.disabled):hover {
	background: var(--color-dark)
}

.suppliers .supplier-orders .lines .vdp-datepicker__calendar header .prev:after {
	border-right: 10px solid var(--color)
}

.suppliers .supplier-orders .lines .vdp-datepicker__calendar header .next:after {
	border-left: 10px solid var(--color)
}

.suppliers .detail {
	display: flex;
	flex-direction: column;
	margin: 0 -20px;
	padding: 0 20px;
	background: var(--color-medium)
}

.suppliers .detail .headlines div {
	width: 12.5%
}

.suppliers .detail .lines:hover {
	box-shadow: none;
	cursor: auto
}

.suppliers .detail .lines>div {
	width: 12.5%;
	padding: 60px 0
}

.suppliers .detail .lines .bar {
	bottom: 54px
}

.suppliers .detail div.wide {
	width: calc(33.33333% - 11px);
	padding-right: 0
}

.suppliers .detail div.tight {
	width: 8.33333%
}

.suppliers .lines.opened .bar {
	background: var(--color-medium)
}

.suppliers .lines div .icon-download {
	background-color: #6d6d6d;
	display: inline-block;
	margin: -6px 10px -6px 0
}

.suppliers .lines div .icon-note {
	background-color: #6d6d6d;
	display: inline-block;
	margin: -6px 0
}

.suppliers .lines div .icon-note.uploaded {
	background-color: var(--color)
}

.suppliers .lines .upload {
	color: var(--color);
	background: url(/androidportalhtml/modules/suppliers/images/sprite.png) no-repeat -7px -241px;
	padding-left: 19px!important;
	margin-right: -21px
}

.suppliers .lines .upload a:hover {
	color: var(--color);
	border-bottom: 2px solid var(--color)
}

.suppliers .lines .pending {
	color: #fff;
	background: url(/androidportalhtml/modules/suppliers/images/sprite.png) no-repeat -7px -285px;
	padding-left: 19px!important;
	margin-right: -21px
}

.suppliers .lines .validated {
	color: #6dd432;
	background: url(/androidportalhtml/modules/suppliers/images/sprite.png) no-repeat -7px -329px;
	padding-left: 19px!important;
	margin-right: -21px
}

.suppliers .lines .canceled {
	color: #ff0a4e;
	background: url(/androidportalhtml/modules/suppliers/images/sprite.png) no-repeat -7px -373px;
	padding-left: 19px!important;
	margin-right: -21px
}

.suppliers .lines .bar {
	width: 50px;
	height: 3px;
	background: var(--color-very-light);
	position: absolute;
	left: 0;
	bottom: 20px;
	overflow: hidden;
	border-radius: 3px
}

.suppliers .lines .bar .line {
	height: 3px;
	width: 20%;
	display: inherit;
	border-radius: 3px
}

.suppliers .lines .bar .line.empty,
.suppliers .lines .bar .line.low {
	background: #ff0a4e
}

.suppliers .lines .bar .line.medium {
	background: var(--color)
}

.suppliers .lines .bar .line.good {
	background: #fcaf02
}

.suppliers .lines .bar .line.delivered {
	background: #6dd432
}

.suppliers .ids-count {
	font-size: 11px;
	text-transform: none;
	color: #000
}

.suppliers .invalids .details {
	width: calc(50% - 50px)
}

.suppliers .invalids .details.last {
	margin-right: 0
}

.suppliers .invalids .numbers {
	width: 50%
}

.suppliers .submenu .tab {
	font-size: 14px;
	border-radius: 8px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	padding: 20px 30px;
	display: inline-block;
	text-transform: uppercase;
	color: #fff
}

@media screen and (max-width:1000px) {
	.suppliers .submenu .tab {
		font-size: 13px;
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.suppliers .submenu .tab {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.suppliers .submenu .tab {
		border-radius: 5px
	}
}

.suppliers .submenu .tab.selected {
	background: var(--color-medium-dark);
	color: var(--color)
}

.suppliers .submenu .notification {
	position: relative;
	top: -1px;
	background: var(--color-medium)
}

.suppliers .submenu .selected .notification {
	background: var(--color);
	color: #fff
}

.suppliers .submenu .export {
	height: 35px;
	float: right;
	position: relative;
	top: 10px
}

.suppliers .table.close,
.suppliers .table.invalids,
.suppliers .table.open,
.suppliers .table.payments {
	width: 100%;
	margin-top: 0;
	border-radius: 0 15px 15px
}

.suppliers .table.close input.order,
.suppliers .table.invalids input.order,
.suppliers .table.open input.order,
.suppliers .table.payments input.order {
	vertical-align: top;
	margin-right: 10px
}

.suppliers .payments .lines {
	display: flex;
	padding: 25px 0;
	box-shadow: 0 1px 0 0 hsla(0, 0%, 100%, .1)
}

.suppliers .payments .headlines div,
.suppliers .payments .lines div {
	width: calc(20% - 5px);
	box-sizing: border-box
}

.suppliers .reset {
	cursor: pointer;
	width: 100px;
	color: #fff;
	display: flex;
	align-items: center;
	margin-left: 15px
}

.suppliers .reset .icon-xs {
	margin-right: 10px
}

.suppliers .no-result {
	text-align: center;
	color: var(--color-light);
	font-weight: 500;
	margin: 60px auto
}

.suppliers .sortField {
	cursor: pointer
}

.suppliers .sortField.selected,
.suppliers .sortField:hover {
	color: var(--color)
}

.suppliers .buttons-container {
	position: relative;
	height: 60px;
	margin: 20px;
	text-align: center
}

.suppliers .buttons-container .button {
	position: absolute;
	font-size: 12px
}

.suppliers .buttons-container .button.prev {
	left: 40px
}

.suppliers .buttons-container .button.next {
	right: 40px
}

.suppliers .buttons-container .button.disabled {
	border: 1px solid var(--color-very-light);
	background-color: var(--color-very-light);
	cursor: auto
}

.suppliers .buttons-container .order-pagination {
	position: absolute;
	left: 25%;
	width: 50%;
	text-align: center
}

.suppliers .buttons-container .order-pagination .goTo {
	font-size: 11px;
	border: 1px solid var(--color);
	background-color: var(--color);
	display: inline-block;
	padding: 10px;
	width: 10px;
	height: 10px;
	color: #fff;
	border-radius: 20px;
	margin: 1px;
	cursor: pointer
}

.suppliers .buttons-container .order-pagination .goTo.selected {
	color: #fff;
	background: #fcaf02;
	border: 1px solid #fcaf02;
	cursor: auto
}

.suppliers .buttons-container .order-pagination .goTo:hover:not(.selected) {
	color: #fff;
	background: #fcaf02;
	border: 1px solid #fcaf02
}

.suppliers .buttons-container .order-pagination .etc {
	font-size: 11px;
	border: 1px solid var(--color-very-light);
	background-color: var(--color-very-light);
	color: #fff;
	display: inline-block;
	padding: 10px;
	width: 10px;
	height: 10px;
	border-radius: 21px;
	margin: 1px
}

.suppliers .buttons-container .order-pagination .button {
	border-radius: 25px;
	padding: 10px!important;
	width: 14px;
	height: 14px
}

.suppliers .vdp-datepicker input[type=text] {
	width: 30px;
	height: 30px;
	cursor: pointer
}

.suppliers .vdp-datepicker input[type=text].eta {
	background: url(/androidportalhtml/modules/suppliers/images/sprite.png) no-repeat 0 -53px;
	height: 24px;
	width: 26px;
	display: inline-block;
	margin: -6px 0;
	box-shadow: none
}

.suppliers .vdp-datepicker input[type=text].eta.fixed {
	background: url(/androidportalhtml/modules/suppliers/images/sprite.png) no-repeat 0 -524px
}

.suppliers .vdp-datepicker input[type=text].eta:focus {
	box-shadow: none!important
}

.suppliers input[type=checkbox]:checked,
.suppliers input[type=checkbox]:not(:checked) {
	position: absolute;
	left: -9999px
}

.suppliers input[type=checkbox]:disabled+label {
	opacity: .5;
	cursor: default;
	filter: invert(25%)
}

.suppliers input[type=checkbox]:checked+label,
.suppliers input[type=checkbox]:not(:checked)+label {
	position: relative;
	padding-left: 25px;
	cursor: pointer;
	border: 0
}

.suppliers input[type=checkbox]:checked+label:before,
.suppliers input[type=checkbox]:not(:checked)+label:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 17px;
	height: 17px;
	background: #fff;
	border-radius: 3px;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3)
}

.suppliers input[type=checkbox]:checked+label:after,
.suppliers input[type=checkbox]:not(:checked)+label:after {
	content: "✓";
	position: absolute;
	top: 0;
	left: 0;
	width: 17px;
	height: 17px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	transition: all .2s;
	background: #6dd432;
	border-radius: 3px;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3)
}

@media screen and (max-width:1000px) {
	.suppliers input[type=checkbox]:checked+label:after,
	.suppliers input[type=checkbox]:not(:checked)+label:after {
		font-size: 13px
	}
}

.suppliers input[type=checkbox]:not(:checked)+label:after {
	opacity: 0;
	transform: scale(0)
}

.suppliers input[type=checkbox]:checked+label:after {
	opacity: 1;
	transform: scale(1)
}

#suppliers_intranet_app .v--modal {
	border-radius: 15px;
	background-color: var(--color-ultra-dark);
	box-shadow: 0 20px 60px -2px rgba(0, 0, 0, .4)
}

@media screen and (max-width:1000px) {
	#suppliers_intranet_app .v--modal {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	#suppliers_intranet_app .v--modal {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	#suppliers_intranet_app .v--modal {
		border-radius: 7px
	}
}

#suppliers_intranet_app .modal-header h1 {
	margin-bottom: 30px
}

#suppliers_intranet_app div.modal-content {
	margin: 25px auto
}

#suppliers_intranet_app div.modal-body {
	padding: 30px;
	position: relative
}

#suppliers_intranet_app #modal-files .modal-footer div:first-child,
#suppliers_intranet_app div.modal-content div:first-child {
	color: var(--color-medium-light)
}

#suppliers_intranet_app div.modal-content div:nth-child(2) {
	color: #fff;
	white-space: pre-line
}

#suppliers_intranet_app div.modal-footer {
	padding-top: 25px;
	border-top: 1px solid var(--color-medium)
}

#suppliers_intranet_app #modal-notes div.modal-footer div:first-child {
	text-align: center
}

#suppliers_intranet_app div.modal-footer div.modal-edit {
	position: relative;
	padding-bottom: 50px
}

#suppliers_intranet_app div.modal-footer div.modal-edit input:first-child {
	position: absolute;
	left: 0;
	background: var(--color-medium-dark)
}

#suppliers_intranet_app div.modal-footer div.modal-edit input:first-child:hover {
	background: var(--color-light)
}

#suppliers_intranet_app div.modal-footer div.modal-edit input:nth-child(2) {
	position: absolute;
	right: 0
}

#suppliers_intranet_app div.modal-content textarea {
	margin-top: 10px
}

#suppliers_intranet_app .modal-close {
	font-size: 18px;
	position: absolute;
	right: 5px;
	top: 5px;
	padding: 10px;
	cursor: pointer;
	color: var(--color-very-light)
}

@media screen and (max-width:800px) {
	#suppliers_intranet_app .modal-close {
		font-size: 16px
	}
}

@media screen and (max-width:650px) {
	#suppliers_intranet_app .modal-close {
		font-size: 13px
	}
}

#suppliers_intranet_app .modal-close:hover {
	color: var(--color-light)
}

#suppliers_intranet_app #modal-files .fileEvent {
	background-color: var(--color);
	transition: .3s ease-in
}

#suppliers_intranet_app #modal-files label {
	position: relative;
	display: block;
	height: 175px;
	padding-top: 75px;
	text-align: center;
	transition: .3s ease-out;
	border: 2px dashed var(--color);
	border-radius: 10px
}

#suppliers_intranet_app #modal-files input[type=file] {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	cursor: pointer;
	opacity: 0
}

#suppliers_intranet_app #modal-files .files-container {
	margin-top: 20px
}

#suppliers_intranet_app #modal-files div.loading {
	text-align: center
}

#suppliers_intranet_app #modal-files .fileList div {
	display: inline-block;
	width: 29%;
	text-transform: capitalize;
	font-size: 14px
}

@media screen and (max-width:1000px) {
	#suppliers_intranet_app #modal-files .fileList div {
		font-size: 13px
	}
}

#suppliers_intranet_app #modal-files div.delete {
	height: 25px;
	width: 10%;
	background: url(/androidportalhtml/modules/suppliers/images/sprite.png) no-repeat -4px -212px;
	cursor: pointer
}

#suppliers_intranet_app #modal-files .upload {
	color: var(--color);
	background: url(/androidportalhtml/modules/suppliers/images/sprite.png) no-repeat -7px -267px;
	padding-left: 19px
}

#suppliers_intranet_app #modal-files .pending {
	color: #fff;
	background: url(/androidportalhtml/modules/suppliers/images/sprite.png) no-repeat -7px -297px;
	padding-left: 19px;
	margin-right: -21px
}

#suppliers_intranet_app #modal-files .validated {
	color: #6dd432;
	background: url(/androidportalhtml/modules/suppliers/images/sprite.png) no-repeat -7px -340px;
	padding-left: 19px;
	margin-right: -21px
}

.product-activation {
	display: none
}

.tutorial-container.plain {
	margin-top: 200px;
	max-width: 1200px;
	align-self: center;
	width: 100%;
	max-width: 800px
}

@media screen and (max-width:1000px) {
	.tutorial-container.plain {
		margin-top: 150px
	}
}

@media screen and (max-width:600px) {
	.tutorial-container.plain {
		margin-top: 130px
	}
}

.tutorial-container:not(.plain) {
	border-radius: 15px;
	margin: -30px;
	overflow: hidden
}

@media screen and (max-width:1000px) {
	.tutorial-container:not(.plain) {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.tutorial-container:not(.plain) {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.tutorial-container:not(.plain) {
		border-radius: 7px
	}
}

@media screen and (max-width:1000px) {
	.tutorial-container:not(.plain) {
		margin: -20px
	}
}

@media screen and (max-width:400px) {
	.tutorial-container:not(.plain) {
		margin: -15px
	}
}

.tutorial-container:not(.plain) .video-embed {
	border-radius: 15px;
	border-bottom-left-radius: 0!important;
	border-bottom-right-radius: 0!important
}

@media screen and (max-width:1000px) {
	.tutorial-container:not(.plain) .video-embed {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.tutorial-container:not(.plain) .video-embed {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.tutorial-container:not(.plain) .video-embed {
		border-radius: 7px
	}
}

.tutorial-container .ig-tuto {
	padding: 30px;
	display: flex;
	flex-direction: column;
	align-items: center
}

@media screen and (max-width:1000px) {
	.tutorial-container .ig-tuto {
		padding: 15px
	}
}

.tutorial-container .ig-tuto h1 {
	display: none
}

.tutorial-container .ig-tuto a {
	text-decoration: underline
}

.tutorial-container .ig-tuto p {
	line-height: 20px;
	text-align: center;
	margin: 10px 0
}

.tutorial-container .ig-tuto p:first-of-type {
	margin-top: 0
}

.tutorial-container .ig-tuto p span {
	font-size: 24px;
	color: var(--color);
	margin-right: 5px
}

@media screen and (max-width:1000px) {
	.tutorial-container .ig-tuto p span {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.tutorial-container .ig-tuto p span {
		font-size: 16px
	}
}

.tutorial-container .ig-tuto p span.h3 {
	display: block;
	margin: 30px 0 20px
}

.tutorial-container .ig-tuto p strong {
	font-weight: 400
}

.tutorial-container .ig-tuto img {
	margin: 10px;
	max-width: calc(100% - 20px);
	box-shadow: 0 0 3px rgba(0, 0, 0, .4);
	border-radius: 8px
}

@media screen and (max-width:1000px) {
	.tutorial-container .ig-tuto img {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.tutorial-container .ig-tuto img {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.tutorial-container .ig-tuto img {
		border-radius: 5px
	}
}

.partners-container {
	margin-bottom: 30px
}

@media screen and (max-width:1000px) {
	.partners-container {
		margin-bottom: 20px
	}
}

@media screen and (max-width:800px) {
	.partners-container {
		margin-bottom: 10px
	}
}

.partners-container .container {
	margin-left: -30px;
	margin-right: -30px;
	font-size: 24px;
	background-position: 50%;
	background-repeat: no-repeat;
	/*background-image: url(/androidportalhtml/modules/streamerBanner/images/background.png);*/
	background-size: cover;
	display: flex;
	justify-content: center;
	position: relative;
	z-index: 1
}

@media screen and (max-width:1000px) {
	.partners-container .container {
		margin-left: -20px;
		margin-right: -20px
	}
}

@media screen and (max-width:800px) {
	.partners-container .container {
		margin-left: -10px;
		margin-right: -10px
	}
}

@media screen and (max-width:1000px) {
	.partners-container .container {
		font-size: 20px
	}
}

@media screen and (max-width:900px) {
	.partners-container .container {
		font-size: 20px
	}
}

@media screen and (max-width:900px) and (max-width:1000px) {
	.partners-container .container {
		font-size: 16px
	}
}

@media screen and (max-width:650px) {
	.partners-container .container {
		font-size: 16px
	}
}

@media screen and (max-width:650px) and (max-width:1000px) {
	.partners-container .container {
		font-size: 15px
	}
}

@media screen and (max-width:650px) and (max-width:650px) {
	.partners-container .container {
		font-size: 13px
	}
}

.partners-container .container .content {
	max-width: 1200px;
	align-self: center;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

.partners-container .container .content picture {
	position: relative;
	display: flex
}

.partners-container .container .content picture img {
	margin-top: 15px
}

@media screen and (max-width:1260px) {
	.partners-container .container .content picture img {
		margin-left: 30px;
		height: 300px
	}
}

@media screen and (max-width:1000px) {
	.partners-container .container .content picture img {
		margin-left: 20px;
		height: 250px
	}
}

@media screen and (max-width:800px) {
	.partners-container .container .content picture img {
		margin-left: 10px;
		height: 220px
	}
}

@media screen and (max-width:450px) {
	.partners-container .container .content picture img {
		margin-right: 10px;
		height: 130px
	}
}

@media screen and (max-width:350px) {
	.partners-container .container .content picture img {
		margin-right: 0
	}
}

.partners-container .container .content .text {
	padding: 30px;
	display: flex;
	flex-direction: column;
	align-items: center
}

@media screen and (max-width:1000px) {
	.partners-container .container .content .text {
		padding: 20px
	}
}

@media screen and (max-width:400px) {
	.partners-container .container .content .text {
		padding: 15px
	}
}

.partners-container .container .content .text img {
	margin-bottom: 30px;
	width: 100px
}

@media screen and (min-width:450px) and (max-width:1000px) {
	.partners-container .container .content .text img {
		display: none
	}
}

@media screen and (max-width:450px) {
	.partners-container .container .content .text img {
		margin-bottom: 15px;
		width: 70px
	}
}

.partners-container .container .content .text .comment {
	text-align: center;
	margin-bottom: 30px
}

@media screen and (max-width:650px) {
	.partners-container .container .content .text .comment {
		margin-bottom: 15px
	}
}

@media screen and (max-width:450px) {
	.partners-container .container .content .text .comment {
		display: none
	}
}

.partners-container .container .content .text .button {
	z-index: 1
}

@media screen and (max-width:800px) {
	.partners-container .container .content .text .button {
		height: 36px
	}
}

.streams-container {
	max-width: 2000px;
	align-self: center;
	width: 100%;
	display: flex;
	flex-direction: column
}

@media screen and (max-width:700px) {
	.streams-container {
		display: none
	}
}

.streams-container .streams {
	margin: -15px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}

@media screen and (max-width:1000px) {
	.streams-container .streams {
		margin: -10px
	}
}

@media screen and (max-width:800px) {
	.streams-container .streams {
		margin: -5px
	}
}

.streams-container .streams .item {
	border-radius: 15px;
	margin: 15px;
	width: calc(25% - 30px);
	position: relative;
	display: flex;
	flex-direction: column;
	cursor: pointer
}

@media screen and (max-width:1000px) {
	.streams-container .streams .item {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.streams-container .streams .item {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.streams-container .streams .item {
		border-radius: 7px
	}
}

@media screen and (max-width:1000px) {
	.streams-container .streams .item {
		margin: 10px;
		width: calc(25% - 20px)
	}
}

@media screen and (max-width:800px) {
	.streams-container .streams .item {
		margin: 5px;
		width: calc(25% - 10px)
	}
}

.streams-container .streams .item:nth-of-type(1n+5) {
	display: none
}

@media screen and (max-width:1260px) {
	.streams-container .streams .item {
		width: calc(33.33333% - 30px);
		margin: 15px 15px 65px
	}
}

@media screen and (max-width:1260px) and (max-width:1000px) {
	.streams-container .streams .item {
		margin: 10px;
		width: calc(33.33333% - 20px)
	}
}

@media screen and (max-width:1260px) and (max-width:800px) {
	.streams-container .streams .item {
		margin: 5px;
		width: calc(33.33333% - 10px)
	}
}

@media screen and (max-width:1260px) {
	.streams-container .streams .item:nth-child(n+4) {
		display: none
	}
}

.streams-container .streams .item a {
	display: flex
}

.streams-container .streams .item img {
	height: 100%;
	width: 100%
}

.streams-container .streams .item .game {
	border-radius: 8px;
	flex: 0 0 40%;
	margin-right: 15px;
	overflow: hidden;
	display: flex
}

@media screen and (max-width:1000px) {
	.streams-container .streams .item .game {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.streams-container .streams .item .game {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.streams-container .streams .item .game {
		border-radius: 5px
	}
}

@media screen and (min-width:1260px) {
	.streams-container .streams .item .game {
		flex: 0 0 150px
	}
}

@media screen and (max-width:500px) {
	.streams-container .streams .item .game {
		display: none
	}
}

.streams-container .streams .item .infos {
	display: flex;
	align-items: flex-end;
	width: 100%;
	margin-top: 15px
}

@media screen and (max-width:650px) {
	.streams-container .streams .item .infos {
		bottom: -40px;
		padding-left: 0
	}
}

.streams-container .streams .item .infos .streamer {
	display: flex;
	flex-direction: column;
	width: calc(50% - 10px)
}

@media screen and (max-width:650px) {
	.streams-container .streams .item .infos .streamer {
		width: calc(100% - 10px)
	}
}

.streams-container .streams .item .infos .streamer .name {
	display: flex;
	align-items: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%
}

.streams-container .streams .item .infos .streamer .name span {
	color: #fff;
	max-width: 120px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.streams-container .streams .item .infos .streamer .name .flag {
	height: 20px;
	flex: 0 0 20px;
	margin: 0 0 0 10px
}

.streams-container .streams .item .infos .streamer .nickname {
	font-weight: 700;
	font-size: 18px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

@media screen and (max-width:800px) {
	.streams-container .streams .item .infos .streamer .nickname {
		font-size: 16px
	}
}

@media screen and (max-width:650px) {
	.streams-container .streams .item .infos .streamer .nickname {
		font-size: 13px
	}
}

.streams-container .streams .item .infos .streamer .viewers {
	margin-top: 5px;
	align-items: center;
	color: var(--color-light);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

@media screen and (max-width:500px) {
	.streams-container .streams .item .infos .streamer .viewers {
		margin-top: 3px
	}
}

.streams-container .streams .item .infos .streamer .viewers .icon-view {
	margin-right: 10px;
	background-color: var(--color-light)
}

.streams-container .streams .item .screenshot {
	border-radius: 15px;
	display: flex;
	overflow: hidden
}

@media screen and (max-width:1000px) {
	.streams-container .streams .item .screenshot {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.streams-container .streams .item .screenshot {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.streams-container .streams .item .screenshot {
		border-radius: 7px
	}
}

.terms-container {
	margin-top: 200px;
	max-width: 1200px;
	align-self: center;
	width: 100%;
	max-width: 800px
}

@media screen and (max-width:1000px) {
	.terms-container {
		margin-top: 150px
	}
}

@media screen and (max-width:600px) {
	.terms-container {
		margin-top: 130px
	}
}

.terms-container .title-container h2 {
	display: none
}

.terms-container h3 {
	color: #fff;
	margin: 30px 0 15px
}

.terms-container h3:first-of-type {
	margin-top: 0
}

.terms-container h3:last-of-type {
	margin-bottom: 0
}

.terms-container p {
	margin: 15px 0
}

.terms-container ul {
	margin-left: 20px
}

.trust-panel {
	margin-left: -30px;
	margin-right: -30px;
	padding: 45px 0;
	background: var(--color-ultra-dark);
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: cover
}

@media screen and (max-width:1000px) {
	.trust-panel {
		margin-left: -20px;
		margin-right: -20px
	}
}

@media screen and (max-width:800px) {
	.trust-panel {
		margin-left: -10px;
		margin-right: -10px
	}
}

@media screen and (max-width:650px) {
	.trust-panel {
		background-image: url(/androidportalhtml/modules/trustPanel/images/background.png);
		padding: 30px 0
	}
}

.trust-panel .content {
	width: 100%;
	display: flex;
	justify-content: space-between;
	max-width: 1200px
}

@media screen and (max-width:1200px) {
	.trust-panel .content {
		justify-content: space-evenly
	}
}

.trust-panel .content .feature {
	display: flex;
	align-items: center
}

.trust-panel .content .feature.trustpilot {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center
}

@media screen and (max-width:650px) {
	.trust-panel .content .feature.trustpilot {
		align-items: center
	}
}

.trust-panel .content .feature .icon-customer-support,
.trust-panel .content .feature .icon-download,
.trust-panel .content .feature .icon-secure {
	margin-right: 15px;
	background-color: var(--color)
}

.trust-panel .content .feature .text {
	line-height: 25px
}

.trust-panel .content .feature .text .maintext {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 3px
}

@media screen and (max-width:1000px) {
	.trust-panel .content .feature .text .maintext {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.trust-panel .content .feature .text .maintext {
		font-size: 16px
	}
}

.trust-panel .content .feature .text .subtext {
	color: var(--color-light)
}

.trust-panel .content .feature .trustpilot-content {
	display: flex;
	margin-bottom: 5px
}

.trust-panel .content .feature .trustpilot-content div {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	height: 26px
}

.trust-panel .content .feature .trustpilot-content .trustpilot-logo {
	width: 110px;
	margin-right: 15px;
	background-image: url(../images/trustpilot-logo.svg)
}

.trust-panel .content .feature .trustpilot-content .trustpilot-stars {
	width: 140px;
	background-image: url(../images/trustpilot-stars.svg)
}

.trust-panel .content .spacer {
	background-color: var(--color-medium-dark);
	width: 1px;
	height: 70px
}

@media screen and (max-width:1200px) {
	.trust-panel .content .fast {
		display: none
	}
}

@media screen and (max-width:900px) {
	.trust-panel .content .safe {
		display: none
	}
}

@media screen and (max-width:650px) {
	.trust-panel .content .support {
		display: none
	}
}

.user-profile-layout {
	display: flex;
	flex-direction: column
}

.user-profile-layout .header-user {
	margin-left: -30px;
	margin-right: -30px;
	position: relative;
	overflow: hidden;
	background-image: url(../images/generic-background.png);
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 370px;
	box-shadow: inset 0 520px 80px -460px var(--color-ultra-dark)
}

@media screen and (max-width:1000px) {
	.user-profile-layout .header-user {
		margin-left: -20px;
		margin-right: -20px
	}
}

@media screen and (max-width:800px) {
	.user-profile-layout .header-user {
		margin-left: -10px;
		margin-right: -10px
	}
}

.user-profile-layout .header-user:after {
	content: "";
	clip-path: polygon(0 100%, 100% 100%, 0 0);
	background: var(--color-dark);
	height: 60px;
	min-width: 1700px;
	width: 100%;
	position: absolute;
	bottom: -1px
}

body.neon .user-profile-layout .header-user {
	background-image: linear-gradient(rgba(0, 10, 86, .3), rgba(0, 10, 86, .3)), url(../images/generic-background.png)
}

@media screen and (max-width:1260px) {
	.user-profile-layout .header-user {
		padding-top: 330px
	}
}

@media screen and (max-width:1000px) {
	.user-profile-layout .header-user {
		padding-top: 270px
	}
}

@media screen and (max-width:650px) {
	.user-profile-layout .header-user {
		padding-top: 230px
	}
}

@media screen and (max-width:450px) {
	.user-profile-layout .header-user {
		padding-top: 210px
	}
}

.profile-container {
	max-width: 1200px;
	align-self: center;
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-top: -110px
}

@media screen and (max-width:1000px) {
	.profile-container {
		margin-top: 150px
	}
}

@media screen and (max-width:600px) {
	.profile-container {
		margin-top: 130px
	}
}

@media screen and (max-width:1000px) {
	.profile-container {
		margin-top: -110px
	}
}

@media screen and (max-width:650px) {
	.profile-container {
		margin-top: -95px
	}
}

@media screen and (max-width:450px) {
	.profile-container {
		margin-top: -80px
	}
}

.profile-container .nav-select {
	display: none
}

@media screen and (max-width:1260px) {
	.profile-container .nav-select {
		display: flex
	}
}

.profile-container .nav-select .select2 {
	width: 100%
}

.profile-container .main-panel {
	margin: -15px;
	margin-top: 0!important;
	margin-right: 0!important;
	display: flex;
	justify-content: space-between;
	align-items: center
}

@media screen and (max-width:1000px) {
	.profile-container .main-panel {
		margin: -10px
	}
}

@media screen and (max-width:800px) {
	.profile-container .main-panel {
		margin: -5px
	}
}

.profile-container .main-panel .avatar-panel {
	display: flex;
	align-items: center;
	width: 100%;
	flex-direction: column;
	position: relative
}

.profile-container .main-panel .avatar-panel .user-avatar {
	width: 120px
}

@media screen and (max-width:650px) {
	.profile-container .main-panel .avatar-panel .user-avatar {
		width: 90px
	}
}

@media screen and (max-width:450px) {
	.profile-container .main-panel .avatar-panel .user-avatar {
		width: 60px
	}
}

.profile-container .main-panel .avatar-panel .user-avatar .avatar {
	width: 100%
}

.profile-container .main-panel .avatar-panel .user-avatar .points {
	color: var(--color-light);
	margin: 10px 0
}

.profile-container .main-panel .avatar-panel .user-links {
	margin: 15px;
	display: flex;
	flex-direction: column;
	align-items: center
}

@media screen and (max-width:1000px) {
	.profile-container .main-panel .avatar-panel .user-links {
		margin: 10px
	}
}

@media screen and (max-width:800px) {
	.profile-container .main-panel .avatar-panel .user-links {
		margin: 5px;
		margin: 0
	}
}

.profile-container .main-panel .avatar-panel .user-links .title {
	display: flex;
	margin: 10px;
	align-items: center
}

@media screen and (max-width:650px) {
	.profile-container .main-panel .avatar-panel .user-links .title {
		margin: 5px
	}
}

.profile-container .main-panel .avatar-panel .user-links .title .user-nickname {
	font-size: 32px;
	font-weight: 700;
	line-height: 30px
}

@media screen and (max-width:1000px) {
	.profile-container .main-panel .avatar-panel .user-links .title .user-nickname {
		font-size: 24px
	}
}

@media screen and (max-width:800px) {
	.profile-container .main-panel .avatar-panel .user-links .title .user-nickname {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.profile-container .main-panel .avatar-panel .user-links .title .user-nickname {
		font-size: 18px
	}
}

@media screen and (max-width:800px) {
	.profile-container .main-panel .avatar-panel .user-links .title .user-nickname {
		line-height: normal
	}
}

@media screen and (max-width:650px) {
	.profile-container .main-panel .avatar-panel .user-links .title .user-nickname {
		margin-right: 0
	}
}

.profile-container .main-panel .avatar-panel .user-links .title .level {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-left: 30px
}

@media screen and (max-width:1260px) {
	.profile-container .main-panel .avatar-panel .user-links .title .level {
		display: none
	}
}

.profile-container .main-panel .avatar-panel .user-links .title .level .points {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 5px
}

@media screen and (max-width:1000px) {
	.profile-container .main-panel .avatar-panel .user-links .title .level .points {
		font-size: 16px
	}
}

.profile-container .main-panel .avatar-panel .user-links .title .partner {
	border-radius: 8px;
	background-color: rgba(255, 84, 0, .1);
	color: var(--color);
	display: flex;
	align-items: center;
	padding: 10px 20px;
	margin-left: 30px
}

@media screen and (max-width:1000px) {
	.profile-container .main-panel .avatar-panel .user-links .title .partner {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.profile-container .main-panel .avatar-panel .user-links .title .partner {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.profile-container .main-panel .avatar-panel .user-links .title .partner {
		border-radius: 5px
	}
}

body.neon .profile-container .main-panel .avatar-panel .user-links .title .partner {
	background-color: rgba(255, 52, 109, .1)
}

@media screen and (max-width:650px) {
	.profile-container .main-panel .avatar-panel .user-links .title .partner {
		display: none
	}
}

.profile-container .main-panel .avatar-panel .user-links .title .partner .icon-partner {
	background-color: var(--color);
	margin-right: 10px
}

.profile-container .main-panel .avatar-panel .user-links .ig-profile-info-date {
	color: var(--color-light)
}

.profile-container .main-panel .avatar-panel .user-links .details {
	display: flex;
	align-items: center
}

.profile-container .main-panel .avatar-panel .friend-button {
	position: absolute;
	top: 0;
	right: 0;
	transition: .2s
}

.profile-container .main-panel .avatar-panel .friend-button:hover .icon-delete {
	background-color: var(--color)
}

.profile-container .main-panel .avatar-panel .friend-button span {
	display: flex;
	align-items: center
}

.profile-container .main-panel .avatar-panel .friend-button .icon-xs {
	margin-right: 15px
}

.profile-container .main-panel .avatar-panel form {
	margin-left: auto
}

.profile-container .main-panel .avatar-panel form a {
	color: #ff0a4e;
	display: flex;
	flex-direction: column;
	align-items: center
}

@media screen and (max-width:1260px) {
	.profile-container .main-panel .avatar-panel form a {
		display: none
	}
}

.profile-container .main-panel .avatar-panel form a .icon-logout {
	background-color: #ff0a4e;
	margin-bottom: 5px
}

.profile-container .main-panel .ig-profile-sociallinks {
	display: flex
}

.profile-container .main-panel .ig-profile-sociallinks a {
	transition: .2s;
	cursor: pointer;
	height: 45px;
	width: 45px;
	padding: 0;
	margin: 20px 5px 0
}

.profile-container .main-panel .ig-profile-sociallinks a:first-of-type {
	margin-left: 0
}

.profile-container .main-panel .ig-profile-sociallinks a:last-of-type {
	margin-right: 0
}

.profile-container .main-panel .ig-profile-sociallinks a.empty {
	opacity: .3;
	cursor: auto;
	order: 1
}

.profile-container .main-panel .ig-profile-sociallinks a.empty:not(.forced) {
	display: none
}

.profile-container .main-panel .ig-profile-sociallinks a.discord {
	background-color: rgba(88, 101, 242, .2)
}

.profile-container .main-panel .ig-profile-sociallinks a.origin {
	background-color: rgba(255, 85, 0, .2)
}

.profile-container .main-panel .ig-profile-sociallinks a.steam {
	background-color: rgba(35, 141, 245, .2)
}

.profile-container .main-panel .ig-profile-sociallinks a.twitch {
	background-color: rgba(152, 97, 255, .2)
}

.profile-container .main-panel .ig-profile-sociallinks a.uplay {
	background-color: rgba(0, 162, 255, .2)
}

.profile-container .main-panel .ig-profile-sociallinks a.youtube {
	background-color: rgba(226, 43, 38, .2)
}

.profile-container .main-panel .ig-profile-sociallinks a .icon-discord {
	background-color: #5865f2
}

.profile-container .main-panel .ig-profile-sociallinks a .icon-origin {
	background-color: #f50
}

.profile-container .main-panel .ig-profile-sociallinks a .icon-steam {
	background-color: #238df5;
	right: auto
}

.profile-container .main-panel .ig-profile-sociallinks a .icon-twitch {
	background-color: #9861ff;
	transform: scale(.9)
}

.profile-container .main-panel .ig-profile-sociallinks a .icon-uplay {
	background-color: #00a2ff
}

.profile-container .main-panel .ig-profile-sociallinks a .icon-youtube {
	background-color: #e22b26
}

@media screen and (max-width:450px) {
	.profile-container .main-panel .ig-profile-sociallinks a {
		transform: scale(.8);
		margin: 5px 0 0
	}
}

.profile-container .user-profile-tabs {
	display: flex;
	box-shadow: 0 1px 0 0 hsla(0, 0%, 100%, .1);
	justify-content: flex-start
}

@media screen and (max-width:1260px) {
	.profile-container .user-profile-tabs {
		display: none
	}
}

.profile-container .user-profile-tabs .icon-arrow {
	margin-top: 2px
}

.profile-container .user-profile-tabs li {
	display: flex;
	align-items: center;
	position: relative;
	cursor: pointer
}

.profile-container .user-profile-tabs li:first-of-type a {
	padding-left: 0
}

.profile-container .user-profile-tabs li:first-of-type a.active:after {
	width: calc(100% - 20px)
}

.profile-container .user-profile-tabs li:last-of-type a {
	padding-right: 0
}

.profile-container .user-profile-tabs li:last-of-type a.active:after {
	width: calc(100% - 20px)
}

.profile-container .user-profile-tabs li.settings {
	margin-left: auto
}

.profile-container .user-profile-tabs li.settings .icon-xs {
	background-color: var(--color)
}

.profile-container .user-profile-tabs li .icon-xs {
	margin-right: 10px;
	transition: 0s
}

.profile-container .user-profile-tabs li a {
	font-weight: 700;
	display: flex;
	align-items: center;
	padding: 0 20px 20px;
	white-space: nowrap
}

.profile-container .user-profile-tabs li a.active,
.profile-container .user-profile-tabs li a:hover {
	color: #ff5400
}

body.neon .profile-container .user-profile-tabs li a.active,
body.neon .profile-container .user-profile-tabs li a:hover {
	color: #3483ff
}

.profile-container .user-profile-tabs li a.active .icon-xs,
.profile-container .user-profile-tabs li a:hover .icon-xs {
	background-color: #ff5400
}

body.neon .profile-container .user-profile-tabs li a.active .icon-xs,
body.neon .profile-container .user-profile-tabs li a:hover .icon-xs {
	background-color: #3483ff;
	transition: 0s
}

.profile-container .user-profile-tabs li a.active:after {
	height: 3px;
	background-color: #ff5400;
	content: "";
	width: calc(100% - 40px);
	display: flex;
	border-radius: 6px;
	position: absolute;
	bottom: -2px
}

body.neon .profile-container .user-profile-tabs li a.active:after {
	background-color: #3483ff
}

.profile-container .user-profile-tabs li a .number {
	background-color: #fff;
	border-radius: 20px;
	color: var(--color-ultra-dark);
	margin: -1px -5px -1px 10px;
	padding: 3px 7px;
	display: flex;
	min-width: 21px;
	font-size: 12px
}

.profile-container .user-profile-tabs li img {
	height: 20px;
	margin-right: 12px
}

.profile-container .user-profile-public {
	display: flex;
	flex-direction: column
}

.profile-container .user-profile-public .twitch-player {
	border-radius: 15px;
	position: relative;
	overflow: hidden;
	padding-bottom: 56.25%
}

@media screen and (max-width:1000px) {
	.profile-container .user-profile-public .twitch-player {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.profile-container .user-profile-public .twitch-player {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.profile-container .user-profile-public .twitch-player {
		border-radius: 7px
	}
}

.profile-container .user-profile-public .twitch-player iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0
}

.profile-container .user-profile-public .user-achievements .items,
.profile-container .user-profile-public .user-friends .items,
.profile-container .user-profile-public .user-owned-games .items,
.profile-container .user-profile-public .user-reviews .items,
.profile-container .user-profile-public .user-wishlist .items {
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}

.profile-container .user-profile-public .user-achievements .items,
.profile-container .user-profile-public .user-wishlist .items {
	width: 100%
}

.profile-container .user-profile-public .user-achievements .headline h2 {
	line-height: normal;
	display: flex;
	align-items: center
}

.profile-container .user-profile-public .user-achievements .ig-profile-achievement:not(.accomplished),
.profile-container .user-profile-public .user-achievements .unlocked {
	display: none
}

.profile-container .user-profile-public .user-friends .items .item .information,
.profile-container .user-profile-public .user-wishlist .items .item .information {
	position: static
}

@media screen and (max-width:1000px) {
	.profile-container .user-profile-public .user-friends .items .item .information,
	.profile-container .user-profile-public .user-wishlist .items .item .information {
		margin-top: 10px
	}
}

@media screen and (max-width:800px) {
	.profile-container .user-profile-public .user-friends .items .item .information,
	.profile-container .user-profile-public .user-wishlist .items .item .information {
		margin-top: 5px
	}
}

.profile-container .user-profile-public .user-friends .items .item .information .name,
.profile-container .user-profile-public .user-wishlist .items .item .information .name {
	display: initial
}

.profile-container .user-profile-public .user-friends .items .item .button,
.profile-container .user-profile-public .user-wishlist .items .item .button {
	align-self: center;
	flex: 0 0 46px;
	margin-top: 15px
}

@media screen and (max-width:1000px) {
	.profile-container .user-profile-public .user-friends .items .item .button,
	.profile-container .user-profile-public .user-wishlist .items .item .button {
		flex: 0 0 36px;
		margin-top: 10px
	}
}

.profile-container .tab-content,
.profile-container .user-profile-private {
	display: flex;
	flex-direction: column
}

.profile-container .user-profile-private .user-notifications {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%
}

.profile-container .user-profile-private .user-notifications .user-link {
	margin: 15px;
	display: flex;
	align-items: center;
	position: relative
}

@media screen and (max-width:1000px) {
	.profile-container .user-profile-private .user-notifications .user-link {
		margin: 10px
	}
}

@media screen and (max-width:800px) {
	.profile-container .user-profile-private .user-notifications .user-link {
		margin: 5px
	}
}

.profile-container .user-profile-private .user-notifications .user-link .notification {
	height: 17px;
	width: 17px;
	background-color: #ff0a4e;
	position: absolute;
	top: -8px;
	right: -8px;
	border-radius: 100px
}

.profile-container .user-profile-private .user-notifications .user-link .icon-s {
	background-color: #00abff;
	margin-right: 20px
}

.profile-container .user-profile-private .widgets {
	margin: -15px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}

@media screen and (max-width:1000px) {
	.profile-container .user-profile-private .widgets {
		margin: -10px
	}
}

@media screen and (max-width:800px) {
	.profile-container .user-profile-private .widgets {
		margin: -5px
	}
}

.profile-container .user-profile-private .widgets .user-widget {
	padding: 30px;
	border-radius: 15px;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: var(--color-medium-dark);
	position: relative;
	transition: .2s
}

@media screen and (max-width:1000px) {
	.profile-container .user-profile-private .widgets .user-widget {
		padding: 20px
	}
}

@media screen and (max-width:400px) {
	.profile-container .user-profile-private .widgets .user-widget {
		padding: 15px
	}
}

@media screen and (max-width:1000px) {
	.profile-container .user-profile-private .widgets .user-widget {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.profile-container .user-profile-private .widgets .user-widget {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.profile-container .user-profile-private .widgets .user-widget {
		border-radius: 7px
	}
}

.profile-container .user-profile-private .widgets .user-widget.overview {
	margin: 15px;
	width: calc(50% - 30px);
	background-color: var(--color-ultra-dark)
}

@media screen and (max-width:1000px) {
	.profile-container .user-profile-private .widgets .user-widget.overview {
		margin: 10px;
		width: calc(50% - 20px)
	}
}

@media screen and (max-width:800px) {
	.profile-container .user-profile-private .widgets .user-widget.overview {
		margin: 5px;
		width: calc(50% - 10px);
		margin: 15px;
		width: calc(60% - 30px)
	}
}

@media screen and (max-width:800px) and (max-width:1000px) {
	.profile-container .user-profile-private .widgets .user-widget.overview {
		margin: 10px;
		width: calc(60% - 20px)
	}
}

@media screen and (max-width:800px) and (max-width:800px) {
	.profile-container .user-profile-private .widgets .user-widget.overview {
		margin: 5px;
		width: calc(60% - 10px)
	}
}

@media screen and (max-width:600px) {
	.profile-container .user-profile-private .widgets .user-widget.overview {
		margin: 15px;
		width: calc(100% - 30px)
	}
}

@media screen and (max-width:600px) and (max-width:1000px) {
	.profile-container .user-profile-private .widgets .user-widget.overview {
		margin: 10px;
		width: calc(100% - 20px)
	}
}

@media screen and (max-width:600px) and (max-width:800px) {
	.profile-container .user-profile-private .widgets .user-widget.overview {
		margin: 5px;
		width: calc(100% - 10px)
	}
}

body.neon .profile-container .user-profile-private .widgets .user-widget.overview .icon-xl {
	background-color: #ff346d
}

.profile-container .user-profile-private .widgets .user-widget.overview .content-widget .stat {
	font-size: 18px;
	text-align: right;
	margin: 0 10px;
	text-transform: capitalize
}

@media screen and (max-width:800px) {
	.profile-container .user-profile-private .widgets .user-widget.overview .content-widget .stat {
		font-size: 16px
	}
}

@media screen and (max-width:650px) {
	.profile-container .user-profile-private .widgets .user-widget.overview .content-widget .stat {
		font-size: 13px
	}
}

@media screen and (max-width:800px) {
	.profile-container .user-profile-private .widgets .user-widget.overview .content-widget .stat {
		margin: 0 5px;
		line-height: normal
	}
}

.profile-container .user-profile-private .widgets .user-widget.overview .content-widget .stat:first-of-type {
	margin-left: 0
}

.profile-container .user-profile-private .widgets .user-widget.overview .content-widget .stat:last-of-type {
	margin-right: 0
}

.profile-container .user-profile-private .widgets .user-widget.overview .content-widget .stat .number {
	font-size: 32px;
	font-weight: 700;
	line-height: 30px;
	text-align: center;
	margin-bottom: 3px
}

@media screen and (max-width:1000px) {
	.profile-container .user-profile-private .widgets .user-widget.overview .content-widget .stat .number {
		font-size: 24px
	}
}

@media screen and (max-width:800px) {
	.profile-container .user-profile-private .widgets .user-widget.overview .content-widget .stat .number {
		font-size: 20px
	}
}

@media screen and (max-width:650px) {
	.profile-container .user-profile-private .widgets .user-widget.overview .content-widget .stat .number {
		font-size: 18px
	}
}

@media screen and (max-width:800px) {
	.profile-container .user-profile-private .widgets .user-widget.overview .content-widget .stat .number {
		line-height: normal
	}
}

.profile-container .user-profile-private .widgets .user-widget.overview .content-widget .stat .text {
	color: var(--color-light)
}

.profile-container .user-profile-private .widgets .user-widget.wallet {
	margin: 15px;
	width: calc(25% - 30px)
}

@media screen and (max-width:1000px) {
	.profile-container .user-profile-private .widgets .user-widget.wallet {
		margin: 10px;
		width: calc(25% - 20px)
	}
}

@media screen and (max-width:800px) {
	.profile-container .user-profile-private .widgets .user-widget.wallet {
		margin: 5px;
		width: calc(25% - 10px);
		margin: 15px;
		width: calc(40% - 30px)
	}
}

@media screen and (max-width:800px) and (max-width:1000px) {
	.profile-container .user-profile-private .widgets .user-widget.wallet {
		margin: 10px;
		width: calc(40% - 20px)
	}
}

@media screen and (max-width:800px) and (max-width:800px) {
	.profile-container .user-profile-private .widgets .user-widget.wallet {
		margin: 5px;
		width: calc(40% - 10px)
	}
}

@media screen and (max-width:600px) {
	.profile-container .user-profile-private .widgets .user-widget.wallet {
		margin: 15px;
		width: calc(50% - 30px)
	}
}

@media screen and (max-width:600px) and (max-width:1000px) {
	.profile-container .user-profile-private .widgets .user-widget.wallet {
		margin: 10px;
		width: calc(50% - 20px)
	}
}

@media screen and (max-width:600px) and (max-width:800px) {
	.profile-container .user-profile-private .widgets .user-widget.wallet {
		margin: 5px;
		width: calc(50% - 10px)
	}
}

@media screen and (max-width:400px) {
	.profile-container .user-profile-private .widgets .user-widget.wallet {
		margin: 15px;
		width: calc(100% - 30px)
	}
}

@media screen and (max-width:400px) and (max-width:1000px) {
	.profile-container .user-profile-private .widgets .user-widget.wallet {
		margin: 10px;
		width: calc(100% - 20px)
	}
}

@media screen and (max-width:400px) and (max-width:800px) {
	.profile-container .user-profile-private .widgets .user-widget.wallet {
		margin: 5px;
		width: calc(100% - 10px)
	}
}

.profile-container .user-profile-private .widgets .user-widget.wallet .content-widget {
	flex-direction: column;
	align-items: center
}

.profile-container .user-profile-private .widgets .user-widget.wallet .content-widget .align {
	display: flex;
	align-items: center
}

.profile-container .user-profile-private .widgets .user-widget.wallet .content-widget .align.available {
	color: #25de57
}

.profile-container .user-profile-private .widgets .user-widget.wallet .content-widget .align .number {
	font-size: 20px;
	font-weight: 700;
	margin: 5px
}

@media screen and (max-width:1000px) {
	.profile-container .user-profile-private .widgets .user-widget.wallet .content-widget .align .number {
		font-size: 16px
	}
}

.profile-container .user-profile-private .widgets .user-widget.user-level {
	margin: 15px;
	width: calc(25% - 30px)
}

@media screen and (max-width:1000px) {
	.profile-container .user-profile-private .widgets .user-widget.user-level {
		margin: 10px;
		width: calc(25% - 20px)
	}
}

@media screen and (max-width:800px) {
	.profile-container .user-profile-private .widgets .user-widget.user-level {
		margin: 5px;
		width: calc(25% - 10px);
		margin: 15px;
		width: calc(30% - 30px)
	}
}

@media screen and (max-width:800px) and (max-width:1000px) {
	.profile-container .user-profile-private .widgets .user-widget.user-level {
		margin: 10px;
		width: calc(30% - 20px)
	}
}

@media screen and (max-width:800px) and (max-width:800px) {
	.profile-container .user-profile-private .widgets .user-widget.user-level {
		margin: 5px;
		width: calc(30% - 10px)
	}
}

@media screen and (max-width:600px) {
	.profile-container .user-profile-private .widgets .user-widget.user-level {
		margin: 15px;
		width: calc(50% - 30px)
	}
}

@media screen and (max-width:600px) and (max-width:1000px) {
	.profile-container .user-profile-private .widgets .user-widget.user-level {
		margin: 10px;
		width: calc(50% - 20px)
	}
}

@media screen and (max-width:600px) and (max-width:800px) {
	.profile-container .user-profile-private .widgets .user-widget.user-level {
		margin: 5px;
		width: calc(50% - 10px)
	}
}

@media screen and (max-width:400px) {
	.profile-container .user-profile-private .widgets .user-widget.user-level {
		margin: 15px;
		width: calc(100% - 30px)
	}
}

@media screen and (max-width:400px) and (max-width:1000px) {
	.profile-container .user-profile-private .widgets .user-widget.user-level {
		margin: 10px;
		width: calc(100% - 20px)
	}
}

@media screen and (max-width:400px) and (max-width:800px) {
	.profile-container .user-profile-private .widgets .user-widget.user-level {
		margin: 5px;
		width: calc(100% - 10px)
	}
}

.profile-container .user-profile-private .widgets .user-widget.user-level .icon-xl {
	background-image: linear-gradient(140deg, #ffdf6b, #00d4ff)
}

.profile-container .user-profile-private .widgets .user-widget.user-level .content-widget {
	flex-direction: column
}

.profile-container .user-profile-private .widgets .user-widget.user-level .content-widget .points {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px
}

@media screen and (max-width:1000px) {
	.profile-container .user-profile-private .widgets .user-widget.user-level .content-widget .points {
		font-size: 16px
	}
}

.profile-container .user-profile-private .widgets .user-widget.links {
	margin: 15px;
	width: calc(60% - 30px)
}

@media screen and (max-width:1000px) {
	.profile-container .user-profile-private .widgets .user-widget.links {
		margin: 10px;
		width: calc(60% - 20px)
	}
}

@media screen and (max-width:800px) {
	.profile-container .user-profile-private .widgets .user-widget.links {
		margin: 5px;
		width: calc(60% - 10px);
		margin: 15px;
		width: calc(70% - 30px)
	}
}

@media screen and (max-width:800px) and (max-width:1000px) {
	.profile-container .user-profile-private .widgets .user-widget.links {
		margin: 10px;
		width: calc(70% - 20px)
	}
}

@media screen and (max-width:800px) and (max-width:800px) {
	.profile-container .user-profile-private .widgets .user-widget.links {
		margin: 5px;
		width: calc(70% - 10px)
	}
}

@media screen and (max-width:600px) {
	.profile-container .user-profile-private .widgets .user-widget.links {
		margin: 15px;
		width: calc(100% - 30px)
	}
}

@media screen and (max-width:600px) and (max-width:1000px) {
	.profile-container .user-profile-private .widgets .user-widget.links {
		margin: 10px;
		width: calc(100% - 20px)
	}
}

@media screen and (max-width:600px) and (max-width:800px) {
	.profile-container .user-profile-private .widgets .user-widget.links {
		margin: 5px;
		width: calc(100% - 10px)
	}
}

.profile-container .user-profile-private .widgets .user-widget.links .content-widget {
	flex-direction: column;
	width: 100%;
	align-items: center;
	text-align: center
}

.profile-container .user-profile-private .widgets .user-widget.links .content-widget .link.copied span {
	color: #fcaf02
}

.profile-container .user-profile-private .widgets .user-widget.links .content-widget .link span {
	font-size: 18px;
	font-weight: 700;
	color: var(--color);
	transition: color .2s
}

@media screen and (max-width:800px) {
	.profile-container .user-profile-private .widgets .user-widget.links .content-widget .link span {
		font-size: 16px
	}
}

@media screen and (max-width:650px) {
	.profile-container .user-profile-private .widgets .user-widget.links .content-widget .link span {
		font-size: 13px
	}
}

.profile-container .user-profile-private .widgets .user-widget.saved {
	margin: 15px;
	width: calc(40% - 30px)
}

@media screen and (max-width:1000px) {
	.profile-container .user-profile-private .widgets .user-widget.saved {
		margin: 10px;
		width: calc(40% - 20px)
	}
}

@media screen and (max-width:800px) {
	.profile-container .user-profile-private .widgets .user-widget.saved {
		margin: 5px;
		width: calc(40% - 10px);
		margin: 15px;
		width: calc(35% - 30px);
		order: 1
	}
}

@media screen and (max-width:800px) and (max-width:1000px) {
	.profile-container .user-profile-private .widgets .user-widget.saved {
		margin: 10px;
		width: calc(35% - 20px)
	}
}

@media screen and (max-width:800px) and (max-width:800px) {
	.profile-container .user-profile-private .widgets .user-widget.saved {
		margin: 5px;
		width: calc(35% - 10px)
	}
}

@media screen and (max-width:600px) {
	.profile-container .user-profile-private .widgets .user-widget.saved {
		margin: 15px;
		width: calc(100% - 30px)
	}
}

@media screen and (max-width:600px) and (max-width:1000px) {
	.profile-container .user-profile-private .widgets .user-widget.saved {
		margin: 10px;
		width: calc(100% - 20px)
	}
}

@media screen and (max-width:600px) and (max-width:800px) {
	.profile-container .user-profile-private .widgets .user-widget.saved {
		margin: 5px;
		width: calc(100% - 10px)
	}
}

.profile-container .user-profile-private .widgets .user-widget.saved .content-widget {
	flex-direction: column;
	width: 100%;
	align-items: center
}

.profile-container .user-profile-private .widgets .user-widget.saved .content-widget .amount {
	font-size: 20px;
	font-weight: 700;
	color: var(--color-light)
}

@media screen and (max-width:1000px) {
	.profile-container .user-profile-private .widgets .user-widget.saved .content-widget .amount {
		font-size: 16px
	}
}

.profile-container .user-profile-private .widgets .user-widget.saved .content-widget .total {
	color: var(--color-light)
}

.profile-container .user-profile-private .widgets .user-widget.saved .content-widget .subline {
	display: flex;
	align-items: center
}

@media screen and (max-width:1000px) {
	.profile-container .user-profile-private .widgets .user-widget.saved .content-widget .subline {
		margin-top: 15px
	}
}

@media screen and (max-width:600px) {
	.profile-container .user-profile-private .widgets .user-widget.saved .content-widget .subline {
		flex-direction: row;
		margin-top: 0
	}
}

.profile-container .user-profile-private .widgets .user-widget.saved .content-widget .subline img {
	width: 20px;
	margin-left: 7px
}

.profile-container .user-profile-private .widgets .user-widget.saved .content-widget .subline .icon-whatsapp {
	margin: 10px
}

.profile-container .user-profile-private .widgets .user-widget.saved .content-widget .subline a:hover div {
	background-color: var(--color)
}

.profile-container .user-profile-private .widgets .user-widget.wishlist {
	margin: 15px;
	width: calc(50% - 30px)
}

@media screen and (max-width:1000px) {
	.profile-container .user-profile-private .widgets .user-widget.wishlist {
		margin: 10px;
		width: calc(50% - 20px)
	}
}

@media screen and (max-width:800px) {
	.profile-container .user-profile-private .widgets .user-widget.wishlist {
		margin: 5px;
		width: calc(50% - 10px);
		margin: 15px;
		width: calc(100% - 30px)
	}
}

@media screen and (max-width:800px) and (max-width:1000px) {
	.profile-container .user-profile-private .widgets .user-widget.wishlist {
		margin: 10px;
		width: calc(100% - 20px)
	}
}

@media screen and (max-width:800px) and (max-width:800px) {
	.profile-container .user-profile-private .widgets .user-widget.wishlist {
		margin: 5px;
		width: calc(100% - 10px)
	}
}

@media screen and (max-width:600px) {
	.profile-container .user-profile-private .widgets .user-widget.wishlist {
		margin: 15px;
		width: calc(100% - 30px)
	}
}

@media screen and (max-width:600px) and (max-width:1000px) {
	.profile-container .user-profile-private .widgets .user-widget.wishlist {
		margin: 10px;
		width: calc(100% - 20px)
	}
}

@media screen and (max-width:600px) and (max-width:800px) {
	.profile-container .user-profile-private .widgets .user-widget.wishlist {
		margin: 5px;
		width: calc(100% - 10px)
	}
}

.profile-container .user-profile-private .widgets .user-widget.wishlist .content-widget {
	width: 100%
}

@media screen and (max-width:650px) {
	.profile-container .user-profile-private .widgets .user-widget.wishlist .content-widget {
		text-align: initial
	}
}

.profile-container .user-profile-private .widgets .user-widget.wishlist .content-widget .discount,
.profile-container .user-profile-private .widgets .user-widget.wishlist .content-widget .icons,
.profile-container .user-profile-private .widgets .user-widget.wishlist .content-widget .tags {
	display: none
}

.profile-container .user-profile-private .widgets .user-widget.wishlist .content-widget .item {
	width: calc(50% - 20px)
}

@media screen and (max-width:800px) {
	.profile-container .user-profile-private .widgets .user-widget.wishlist .content-widget .item {
		width: calc(50% - 5px)
	}
}

.profile-container .user-profile-private .widgets .user-widget.wishlist .content-widget .item:first-of-type {
	margin-left: 0
}

.profile-container .user-profile-private .widgets .user-widget.wishlist .content-widget .item:last-of-type {
	margin-right: 0
}

.profile-container .user-profile-private .widgets .user-widget.wishlist .content-widget .item .cover picture {
	border-radius: 8px;
	width: auto;
	height: auto
}

@media screen and (max-width:1000px) {
	.profile-container .user-profile-private .widgets .user-widget.wishlist .content-widget .item .cover picture {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.profile-container .user-profile-private .widgets .user-widget.wishlist .content-widget .item .cover picture {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.profile-container .user-profile-private .widgets .user-widget.wishlist .content-widget .item .cover picture {
		border-radius: 5px
	}
}

.profile-container .user-profile-private .widgets .user-widget.wishlist .content-widget .item .information .price {
	font-size: medium
}

.profile-container .user-profile-private .widgets .user-widget.wishlist .content-widget .empty {
	max-width: 50%;
	text-align: center
}

.profile-container .user-profile-private .widgets .user-widget.achievements {
	margin: 15px;
	width: calc(50% - 30px)
}

@media screen and (max-width:1000px) {
	.profile-container .user-profile-private .widgets .user-widget.achievements {
		margin: 10px;
		width: calc(50% - 20px)
	}
}

@media screen and (max-width:800px) {
	.profile-container .user-profile-private .widgets .user-widget.achievements {
		margin: 5px;
		width: calc(50% - 10px);
		margin: 15px;
		width: calc(65% - 30px)
	}
}

@media screen and (max-width:800px) and (max-width:1000px) {
	.profile-container .user-profile-private .widgets .user-widget.achievements {
		margin: 10px;
		width: calc(65% - 20px)
	}
}

@media screen and (max-width:800px) and (max-width:800px) {
	.profile-container .user-profile-private .widgets .user-widget.achievements {
		margin: 5px;
		width: calc(65% - 10px)
	}
}

@media screen and (max-width:600px) {
	.profile-container .user-profile-private .widgets .user-widget.achievements {
		margin: 15px;
		width: calc(100% - 30px)
	}
}

@media screen and (max-width:600px) and (max-width:1000px) {
	.profile-container .user-profile-private .widgets .user-widget.achievements {
		margin: 10px;
		width: calc(100% - 20px)
	}
}

@media screen and (max-width:600px) and (max-width:800px) {
	.profile-container .user-profile-private .widgets .user-widget.achievements {
		margin: 5px;
		width: calc(100% - 10px)
	}
}

.profile-container .user-profile-private .widgets .user-widget.achievements .content-widget {
	width: 100%;
	flex-direction: row-reverse
}

.profile-container .user-profile-private .widgets .user-widget.achievements .content-widget .ig-profile-achievement {
	display: none;
	justify-content: space-between;
	width: calc(100% - 30px);
	padding: 0;
	margin: 0
}

.profile-container .user-profile-private .widgets .user-widget.achievements .content-widget .ig-profile-achievement:nth-last-child(-n+2) {
	display: flex
}

.profile-container .user-profile-private .widgets .user-widget.achievements .content-widget .ig-profile-achievement:last-of-type {
	margin-right: 20px
}

.profile-container .user-profile-private .widgets .user-widget.achievements .content-widget .ig-profile-achievement .name {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical
}

.profile-container .user-profile-private .widgets .user-widget.friends .content-widget .item {
	width: 100%;
	margin: 0
}

.profile-container .user-profile-private .widgets .user-widget .content-widget {
	display: flex;
	box-shadow: 0 -1px 0 0 hsla(0, 0%, 100%, .1);
	margin-top: 20px;
	padding-top: 20px
}

@media screen and (max-width:1000px) {
	.profile-container .user-profile-private .widgets .user-widget .content-widget {
		margin-top: 10px;
		padding-top: 10px
	}
}

.profile-container .user-profile-private .widgets .user-widget .content-widget .link-aff {
	display: flex;
	align-items: center;
	margin-top: 10px
}

.profile-container .user-profile-private .widgets .user-widget .content-widget .link-aff .icon-edit {
	cursor: pointer;
	margin-left: 10px;
	background-color: var(--color)
}

.profile-container .user-profile-private .widgets .user-widget .user-link,
.profile-container .user-profile-private .widgets .user-widget .user-link-support {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2
}

.profile-container .user-profile-private .widgets .user-widget.widget-link:hover {
	transform: scale(1.05)
}

.profile-container .user-profile-private .widgets .user-widget .subtitle {
	font-weight: 700;
	font-size: 20px
}

@media screen and (max-width:1000px) {
	.profile-container .user-profile-private .widgets .user-widget .subtitle {
		font-size: 16px;
		font-size: 18px
	}
}

@media screen and (max-width:1000px) and (max-width:800px) {
	.profile-container .user-profile-private .widgets .user-widget .subtitle {
		font-size: 16px
	}
}

@media screen and (max-width:1000px) and (max-width:650px) {
	.profile-container .user-profile-private .widgets .user-widget .subtitle {
		font-size: 13px
	}
}

.profile-container .user-profile-private .widgets .user-widget .icon-xl {
	margin-bottom: 15px;
	background-color: #ff5400
}

body.neon .profile-container .user-profile-private .widgets .user-widget .icon-xl {
	background-color: #3483ff
}

@media screen and (max-width:1000px) {
	.profile-container .user-profile-private .widgets .user-widget .icon-xl {
		width: 30px;
		height: 30px;
		flex: 0 0 30px;
		margin-bottom: 10px
	}
}

@media screen and (max-width:600px) {
	.profile-container .user-profile-private .widgets .user-widget .icon-xl {
		width: 20px;
		height: 20px;
		flex: 0 0 20px;
		margin-bottom: 5px
	}
}

@media screen and (max-width:1260px) {
	.profile-container .separator.mobile {
		display: none
	}
}

.delete-account {
	max-width: 800px
}

.delete-account .readable {
	margin-bottom: 30px
}

.delete-account .readable ul {
	color: #fff
}

.delete-account form input:not([type=submit]) {
	margin-bottom: 20px
}

.delete-account form .ig-account-validate {
	width: 100%
}

.user-achievements {
	margin: -15px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}

@media screen and (max-width:1000px) {
	.user-achievements {
		margin: -10px
	}
}

@media screen and (max-width:800px) {
	.user-achievements {
		margin: -5px
	}
}

.user-achievements .items {
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}

.ig-profile-achievement {
	border-radius: 15px;
	margin: 15px;
	width: calc(25% - 30px);
	background: var(--color-medium-dark);
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 80px;
	padding: 30px;
	color: #fff;
	align-items: center
}

@media screen and (max-width:1000px) {
	.ig-profile-achievement {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.ig-profile-achievement {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.ig-profile-achievement {
		border-radius: 7px
	}
}

@media screen and (max-width:1000px) {
	.ig-profile-achievement {
		margin: 10px;
		width: calc(25% - 20px)
	}
}

@media screen and (max-width:800px) {
	.ig-profile-achievement {
		margin: 5px;
		width: calc(25% - 10px)
	}
}

@media screen and (max-width:1000px) {
	.ig-profile-achievement {
		margin: 15px;
		width: calc(33.33333% - 30px);
		padding: 15px
	}
}

@media screen and (max-width:1000px) and (max-width:1000px) {
	.ig-profile-achievement {
		margin: 10px;
		width: calc(33.33333% - 20px)
	}
}

@media screen and (max-width:1000px) and (max-width:800px) {
	.ig-profile-achievement {
		margin: 5px;
		width: calc(33.33333% - 10px)
	}
}

@media screen and (max-width:600px) {
	.ig-profile-achievement {
		margin: 15px;
		width: calc(50% - 30px)
	}
}

@media screen and (max-width:600px) and (max-width:1000px) {
	.ig-profile-achievement {
		margin: 10px;
		width: calc(50% - 20px)
	}
}

@media screen and (max-width:600px) and (max-width:800px) {
	.ig-profile-achievement {
		margin: 5px;
		width: calc(50% - 10px)
	}
}

@media screen and (max-width:350px) {
	.ig-profile-achievement {
		margin: 15px;
		width: calc(100% - 30px)
	}
}

@media screen and (max-width:350px) and (max-width:1000px) {
	.ig-profile-achievement {
		margin: 10px;
		width: calc(100% - 20px)
	}
}

@media screen and (max-width:350px) and (max-width:800px) {
	.ig-profile-achievement {
		margin: 5px;
		width: calc(100% - 10px)
	}
}

.ig-profile-achievement:not(.accomplished) {
	background: var(--color-ultra-dark);
	order: 1
}

.ig-profile-achievement:not(.accomplished).ig-profile-achievement12,
.ig-profile-achievement:not(.accomplished).ig-profile-achievement13,
.ig-profile-achievement:not(.accomplished).ig-profile-achievement25,
.ig-profile-achievement:not(.accomplished).ig-profile-achievement29,
.ig-profile-achievement:not(.accomplished).ig-profile-achievement30 {
	cursor: pointer;
	box-shadow: 0 0 0 2px var(--color-medium-light);
	transition: .2s
}

.ig-profile-achievement:not(.accomplished).ig-profile-achievement12:hover,
.ig-profile-achievement:not(.accomplished).ig-profile-achievement13:hover,
.ig-profile-achievement:not(.accomplished).ig-profile-achievement25:hover,
.ig-profile-achievement:not(.accomplished).ig-profile-achievement29:hover,
.ig-profile-achievement:not(.accomplished).ig-profile-achievement30:hover {
	box-shadow: 0 0 0 2px #fff
}

.ig-profile-achievement:not(.accomplished) .icon {
	background: var(--color-medium)
}

.ig-profile-achievement .icon {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: #fff;
	width: 40px;
	height: 40px;
	background-color: #ff6bd6;
	background-image: linear-gradient(140deg, #ff6bd6, #68c5ff);
	margin-bottom: 20px
}

@media screen and (max-width:800px) {
	.ig-profile-achievement .icon {
		width: 30px;
		height: 30px;
		margin-bottom: 10px
	}
}

.ig-profile-achievement .unlocked {
	border-radius: 8px;
	color: #25de57;
	background: rgba(37, 222, 87, .1);
	padding: 10px 15px;
	margin-top: 20px
}

@media screen and (max-width:1000px) {
	.ig-profile-achievement .unlocked {
		border-radius: 7px
	}
}

@media screen and (max-width:800px) {
	.ig-profile-achievement .unlocked {
		border-radius: 6px
	}
}

@media screen and (max-width:400px) {
	.ig-profile-achievement .unlocked {
		border-radius: 5px
	}
}

@media screen and (max-width:800px) {
	.ig-profile-achievement .unlocked {
		margin-top: 10px
	}
}

.ig-profile-achievement .unlocked.locked {
	color: #ff0a4e;
	background: rgba(255, 10, 78, .1)
}

.ig-profile-achievement .name {
	color: var(--color-light);
	text-align: center
}

.ig-profile-achievement .name span {
	font-size: 20px;
	font-weight: 700;
	display: block;
	color: #fff
}

@media screen and (max-width:1000px) {
	.ig-profile-achievement .name span {
		font-size: 16px
	}
}

.user-profile-friends,
.user-profile-friends .profile-link {
	display: flex;
	flex-direction: column;
	align-items: center
}

.user-profile-friends .profile-link {
	border-radius: 15px;
	background-color: var(--color-medium-dark);
	padding: 30px
}

@media screen and (max-width:1000px) {
	.user-profile-friends .profile-link {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.user-profile-friends .profile-link {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.user-profile-friends .profile-link {
		border-radius: 7px
	}
}

.user-profile-friends .profile-link .text {
	margin: 15px 10px
}

.user-profile-friends .profile-link .link {
	font-size: 18px;
	font-weight: 700;
	display: flex;
	align-items: center;
	color: var(--color)
}

@media screen and (max-width:800px) {
	.user-profile-friends .profile-link .link {
		font-size: 16px
	}
}

@media screen and (max-width:650px) {
	.user-profile-friends .profile-link .link {
		font-size: 13px
	}
}

.user-profile-friends .friends {
	display: flex;
	width: 100%;
	flex-direction: column
}

.user-profile-friends .friends .friends-number {
	margin-right: 10px
}

.user-report-container {
	border-radius: 15px;
	display: flex;
	align-items: center;
	background-color: var(--color-ultra-dark);
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 3
}

@media screen and (max-width:1000px) {
	.user-report-container {
		border-radius: 12px
	}
}

@media screen and (max-width:800px) {
	.user-report-container {
		border-radius: 10px
	}
}

@media screen and (max-width:400px) {
	.user-report-container {
		border-radius: 7px
	}
}

.user-report-container>a {
	display: flex;
	align-items: center;
	padding: 15px 30px
}

.user-report-container>a .icon-like {
	position: relative;
	animation: bounce 1.5s ease infinite;
	margin-right: 15px;
	background-color: #ff5400
}

@keyframes bounce {
	0% {
		transform: translateY(0)
	}
	15% {
		transform: translateY(-10px)
	}
	25% {
		transform: translateY(0)
	}
	to {
		transform: translateY(0)
	}
}

.user-report-container .close {
	padding: 5px;
	top: -15px;
	position: relative;
	right: 10px
}

.user-report-container .close:hover .icon-close {
	background-color: #ff0a4e;
	cursor: pointer
}

form.user-report-form {
	display: none;
	flex-direction: column
}

form.user-report-form h2 {
	text-align: center
}

form.user-report-form .row {
	display: flex;
	margin-top: 15px
}

form.user-report-form .row.center {
	justify-content: center
}

form.user-report-form .row.column {
	flex-direction: column
}

form.user-report-form .choice {
	margin: 10px 14px;
	transition: .2s
}

form.user-report-form .choice .icon-like {
	background-color: #6dd432
}

form.user-report-form .choice .icon-dislike {
	background-color: #ff0a4e
}

form.user-report-form .choice.selected {
	transform: scale(1.5)
}

form.user-report-form .choice.selected:hover {
	cursor: auto
}

form.user-report-form .choice.selected:hover .icon-like {
	background-color: #6dd432
}

form.user-report-form .choice.selected:hover .icon-dislike {
	background-color: #ff0a4e
}

form.user-report-form .choice.notselected .icon-dislike,
form.user-report-form .choice.notselected .icon-like {
	background-color: var(--color-medium-light)
}

form.user-report-form .choice:hover {
	cursor: pointer
}

form.user-report-form .choice:hover .icon-dislike,
form.user-report-form .choice:hover .icon-like {
	background-color: #fff
}

form.user-report-form .character-remaining {
	font-size: 11px;
	text-align: center;
	margin-top: 10px
}

.wishlist {
	display: flex;
	flex-direction: column
}

.wishlist .wishlist-wrapper {
	display: flex;
	justify-content: center
}

.wishlist .wishlist-wrapper .select2 {
	width: 25%
}

@media screen and (max-width:1000px) {
	.wishlist .wishlist-wrapper .select2 {
		width: 33.33333%
	}
}

@media screen and (max-width:600px) {
	.wishlist .wishlist-wrapper .select2 {
		width: 50%
	}
}

.wishlist label {
	margin-left: 20px
}

.wishlist .item {
	margin-bottom: 30px!important;
	position: relative
}

.wishlist .item:hover .icon-close {
	opacity: 1;
	visibility: visible
}

.wishlist .item .remove:not(.close) {
	position: absolute;
	bottom: -25px;
	color: #ff0a4e;
	text-align: center;
	display: none;
	width: 100%;
	justify-content: center
}

@media screen and (max-width:1000px) {
	.wishlist .item .remove:not(.close) {
		display: flex
	}
}

.wishlist .item .remove:not(.close):hover {
	color: #fff
}

.wishlist .item .icon-close {
	background-color: #ff0a4e;
	position: absolute;
	right: 20px;
	top: 20px;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transition: .2s;
	z-index: 1
}

@media screen and (max-width:1000px) {
	.wishlist .item .icon-close {
		display: none
	}
}

.wishlist .item .icon-close:hover {
	background-color: #fff
}