* {
	padding: 0;
	margin: 0;
	/*  font-family: Arial, Helvetica, sans-serif; */
	/* font-family: HELVETICALTSTD, sans-serif; */
	font-family: Magallanes, sans-serif;
	outline: none !important;
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 25rem;
	-webkit-overflow-scrolling: touch;
	/*IOS scroll problem*/
}

@font-face {
	font-family: 'Magallanes';
	src: url('../fonts/Magallanes/MagallanesRegular.woff2') format('woff2'),
		url('../fonts/Magallanes/MagallanesRegular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Magallanes';
	src: url('../fonts/Magallanes/MagallanesBlack.woff2') format('woff2'),
		url('../fonts/Magallanes/MagallanesBlack.woff') format('woff');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Magallanes';
	src: url('../fonts/Magallanes/MagallanesBold.woff2') format('woff2'),
		url('../fonts/Magallanes/MagallanesBold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Magallanes';
	src: url('../fonts/Magallanes/MagallanesLight.woff2') format('woff2'),
		url('../fonts/Magallanes/MagallanesLight.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Magallanes';
	src: url('../fonts/Magallanes/MagallanesExtraBold.woff2') format('woff2'),
		url('../fonts/Magallanes/MagallanesExtraBold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Magallanes';
	src: url('../fonts/Magallanes/MagallanesMedium.woff2') format('woff2'),
		url('../fonts/Magallanes/MagallanesMedium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'LEMONMILK';
	src: url('../fonts/LEMONMILK/LEMONMILK-BoldItalic.woff2') format('woff2'),
		url('../fonts/LEMONMILK/LEMONMILK-BoldItalic.woff') format('woff');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'LEMONMILK';
	src: url('../fonts/LEMONMILK/LEMONMILK-Light.woff2') format('woff2'),
		url('../fonts/LEMONMILK/LEMONMILK-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'LEMONMILK';
	src: url('../fonts/LEMONMILK/LEMONMILK-Bold.woff2') format('woff2'),
		url('../fonts/LEMONMILK/LEMONMILK-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

/* @font-face {
    font-family: "LEMONMILK";
    src: url("../fonts/LEMONMILK/LEMONMILK-Bold.woff2") format("woff2"), url("../fonts/LEMONMILK/LEMONMILK-Bold.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
} */
@font-face {
	font-family: 'LEMONMILK';
	src: url('../fonts/LEMONMILK/LEMONMILK-Medium.woff2') format('woff2'),
		url('../fonts/LEMONMILK/LEMONMILK-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'LEMONMILK';
	src: url('../fonts/LEMONMILK/LEMONMILK-RegularItalic.woff2') format('woff2'),
		url('../fonts/LEMONMILK/LEMONMILK-RegularItalic.woff') format('woff');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'LEMONMILK';
	src: url('../fonts/LEMONMILK/LEMONMILK-Regular.woff2') format('woff2'),
		url('../fonts/LEMONMILK/LEMONMILK-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'LEMONMILK';
	src: url('../fonts/LEMONMILK/LEMONMILK-MediumItalic.woff2') format('woff2'),
		url('../fonts/LEMONMILK/LEMONMILK-MediumItalic.woff') format('woff');
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'LEMONMILK';
	src: url('../fonts/LEMONMILK/LEMONMILK-LightItalic.woff2') format('woff2'),
		url('../fonts/LEMONMILK/LEMONMILK-LightItalic.woff') format('woff');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

#forceFont {
	opacity: 0;
	font-family: 'LEMONMILK';
	font-weight: bold;
}

fpsDisplay {
	position: fixed;
	z-index: 1000;
	top: 10px;
	left: 10px;
	font-size: 30px;
	color: #fff;
	display: none;
}

body,
html {
	position: fixed;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

img {
	-webkit-touch-callout: none;
	-khtml-touch-callout: none;
	-moz-touch-callout: none;
	-o-touch-callout: none;
	touch-callout: none;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none;
	user-drag: none;
}

textarea,
input[type='text'],
input[type='password'] {
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}

button {
	border: 0;
	cursor: pointer;
}

main {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	/* filter: url(#glowThing); */
	/* filter: url(#madness); */
}

[full] {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

[screen]:not([show]) {
	display: none;
}

/**************************************************/
[dialog] {
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 100;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: opacity 0.3s;
	opacity: 0;
}

[dialog]:not([show]) {
	display: none;
}

/**************************************************/
messageBox {
	/*  padding: 30rem 37rem 28rem 37rem; */
	padding: 60rem;
	max-width: 650rem;
	min-width: 375rem;
	transform-origin: 50% 50%;
	transition: transform 0.3s;
	transform: translate(0, -30rem);
	box-shadow: 0 3.7rem 10rem rgba(0, 0, 0, 0.4);
	position: relative;
}

messageBox > svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*  background-color: #f004; */
	z-index: -1;
}

messageBox > svg path {
	fill: rgba(0, 0, 0, 0.2) !important;
}

messageBox boxTitle {
	display: block;
	width: 100%;
	margin: 0rem 0 25rem;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 26rem;
	letter-spacing: 1rem;
	font-family: 'LEMONMILK';
}

messageBox text {
	display: block;
	width: 100%;
	margin: 12rem 0 37rem;
	text-align: center;
	white-space: pre-line;
	color: #fff;
	font-size: 27rem;
	letter-spacing: 1rem;
}

messageBox btsList {
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

messageBox btsList button {
	display: block;
	border-radius: 5rem;
	float: right;
	cursor: pointer;
	margin: 0rem 12rem;
	color: #fff;
	font-family: LEMONMILK;
	font-size: 25rem;
	font-weight: 500;
	line-height: 55rem;
	letter-spacing: 2rem;
	text-align: center;
	padding: 12rem 35rem 12rem;
	border-radius: 40rem;
	background: linear-gradient(90deg, #05cbe1, #5c3fac);
	box-shadow: 0 0 13rem 2rem #0d3358 inset;
}

messageBox btsList button span {
	color: #fff;
	letter-spacing: 1rem;
	font-size: 25rem;
}

/**************************************************/
loadingScreen {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.25);
	opacity: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: opacity 0.5s;
	z-index: 101;
}

loadingIcon {
	content: '';
	width: 15vmin;
	height: 15vmin;
	box-sizing: border-box;
	border: 1vmin solid;
	border-radius: 50%;
	border-color: rgb(0, 220, 255, 0.7) rgba(220, 0, 255, 0.1)
		rgba(220, 0, 255, 0.1) rgba(220, 0, 255, 0.1);
	transform-origin: 50% 50%;
	animation: loadingRotation 1s linear infinite;
	filter: url(#glowThing);
}

@keyframes loadingRotation {
	0% {
		transform: rotate(0deg);
	}

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

/**************************************************/
background {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(60deg, #1c2a54, #370739);
	/* background: linear-gradient(60deg, #6782d4, #b441b9); */
}

.horizontal background {
	background: linear-gradient(45deg, #1c2a54, #370739);
}

background:before {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 200%;
	background: url(../images/bgPattern.png);
	background-size: 30%;
	opacity: 0.2;
	mix-blend-mode: overlay;
	/*  animation: bgLoopAnim 0.5s linear infinite; */
}

.horizontal background:before {
	background-size: 15%;
}

background:after {
	content: '';
	position: fixed;
	top: 50%;
	left: 50%;
	width: 1800rem;
	height: 1800rem;
	margin: -900rem;
	background: #0f09;
	background: radial-gradient(
		closest-side,
		rgb(13 1 41) 30%,
		rgb(13 1 41 / 0%) 100%
	);
	/* opacity:0; */
}

.svgBorder {
	position: absolute;
	pointer-events: none;
}

/* 
thing {
    display:block;
    position: absolute;
    pointer-events:none;
    background:url(../images/thing.png);
    background-size:100% 100%;
} */
thing {
	display: block;
	position: absolute;
	pointer-events: none;
	background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' id='thing' viewBox='0 0 100 100' %3E%3Cpath stroke-width='7' stroke='%23fff' stroke-linecap='round' d='M70 35 L74 25 M49 35 L45 25 M34 49 L25 45 M34 70 L24 74' /%3E%3C/svg%3E");
	filter: url(#glowThing);
	background-size: 100% 100%;
}

.bgDark {
	fill: rgba(0, 0, 0, 0.4);
	filter: url(#blur);
}

.lineGlow {
	fill: none;
	stroke-linecap: round;
	stroke: #fff;
	stroke-width: 5rem;
	filter: url(#glow);
}

.lineBlue {
	stroke: #00dcff;
}

.linePink {
	stroke: #ff005c;
}

/**************************************************/
loginScreen {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	transition: opacity 0.5s, transform 0.5s;
	margin-bottom: 80rem;
}

loginScreen:not([show]) {
	display: none;
}

loginBox {
	position: relative;
	display: block;
	flex-direction: column;
	align-items: center;
	width: 540rem;
	/* height: 950rem; */
	/* background-color: #ff05; */
	padding: 7rem;
}

loginBox .svgBorder {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* background-color: #f004; */
}

/* loginBox .svgBorder path {
    fill: none;
    stroke-linecap: round;
    stroke: #00dcff;
    stroke-width: 4rem;
    filter: url(#glow);
} */
loginBox thing,
menuscreen thing {
	width: 120rem;
	height: 120rem;
}

loginBox thing:nth-of-type(1) {
	transform: scale(-1, 1);
	top: -60rem;
	right: -55rem;
}

loginBox thing:nth-of-type(2) {
	transform: scale(1, -1);
	bottom: -50rem;
	left: -45rem;
}

menuscreen thing {
	transform: scale(1, -1);
	bottom: -45rem;
	left: -40rem;
}

#loginImg {
	width: 100%;
	margin-bottom: 12rem;
}

loginBox > div {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	/* height: 960rem; */
	/* background: #0f05; */
	zoom: 0.68;
}

loginBox inputHolder {
	position: relative;
	margin: 8rem 0;
	width: 480rem;
	height: 55rem;
	padding: 3rem;
}

loginBox inputHolder .svgBorder {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

loginBox inputHolder .svgBorder rect {
	x: 3rem;
	y: 2rem;
	width: 474rem;
	height: 51rem;
	ry: 50%;
	stroke-width: 4rem;
	stroke: url(#gradInput);
	fill: none;
}

loginBox inputHolder input {
	background: none;
	border: 0;
	/*     background-color: #0F05; */
	width: 100%;
	height: 100%;
	text-align: center;
	color: #fff;
	font-size: 24rem;
	letter-spacing: 1rem;
	padding: 0 30rem;
	border-radius: 100rem;
}

loginBox inputHolder input::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #fff;
	opacity: 0.7;
	/* Firefox */
}

#areaConcordo {
	width: 100%;
	margin: 8rem 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 0 20rem;
}

#areaConcordo a {
	color: #d4367e;
	font-size: 20rem;
	font-weight: 500;
}

check {
	position: relative;
	display: block;
	width: 36rem;
	height: 36rem;
	/*  background-color: #00f5; */
	margin: 0 20rem;
}

check svg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

check svg rect {
	x: 2rem;
	y: 2rem;
	width: 32rem;
	height: 32rem;
	/* rx: 10rem; */
	stroke-width: 4rem;
	stroke: url(#gradCheck);
	fill: none;
}

check[checked='true'] svg rect {
	fill: url(#gradCheck);
}

#areaConcordo span {
	color: #fff;
	font-size: 19rem;
	flex-grow: 1;
	flex-basis: 0;
}

#btStart {
	width: 280rem;
	color: #fff;
	font-family: LEMONMILK;
	font-size: 20rem;
	font-weight: 500;
	letter-spacing: 2rem;
	padding: 16rem 0;
	margin: 8rem 0;
	border-radius: 40rem;
	background: linear-gradient(90deg, #db3978, #8812c4);
	box-shadow: 0 0 15rem #370550 inset;
	/*  filter: url(#glowThing); */
	/*  filter: url(#madness); */
}

#btLinkedin {
	position: relative;
	background: url(../images/login_linkedin.png);
	background-size: 100% 100%;
	width: 287rem;
	height: 50rem;
	margin: 20rem 0 25rem;
	display: block;
}

#btLinkedin:before {
	content: '';
	display: block;
	pointer-events: none;
	position: absolute;
	top: -15rem;
	left: -40rem;
	right: -40rem;
	height: 2rem;
	background-color: #3d3056;
}

footer {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #2a0258;
	padding: 14rem;
	position: fixed;
	bottom: 0;
	/* opacity: 0; */
	transition: opacity 0.3s;

	z-index: 1;
}

footer div {
	display: flex;
	align-items: center;
}

footer div p {
	color: #fff;
	font-size: 24rem;
	white-space: nowrap;
}

.vertical footer div p {
	font-size: 22rem;
}

footer div img {
	width: 100%;
	margin: 0px 26rem;
	width: 148rem;
}

footer div + div img {
	width: 95rem;
	margin-right: 0;
}

footer div a {
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}

footer div:first-child img {
	margin-right: 74rem;
}

/**************************************************/
menuscreen {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	transition: opacity 0.95s, transform 0.95s;
}

menuscreen links,
gamescreen links {
	position: absolute;
	top: 0;
	width: 500rem;
	height: 180rem;
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-direction: column;
	z-index: 1;

	transition: opacity 0.95s, transform 0.95s;
}

menuscreen links p,
gamescreen links p {
	color: #fff;
	text-align: center;
	margin-top: 20rem;
}

menuscreen links linksContainer,
gamescreen links linksContainer {
	display: flex;
	justify-content: center;
	align-items: center;
}

menuscreen links > svg,
gamescreen links > svg {
	width: 100%;
	height: 120%;
	left: 0;
	top: 0;
	position: absolute;
}

menuscreen links a,
gamescreen links a {
	z-index: 1;
}

menuscreen links a > svg,
gamescreen links a > svg {
	margin: 0rem 15rem 10rem 15rem;
	width: 40rem;
	height: auto;
}

menuscreen links a > svg:hover,
gamescreen links a > svg:hover {
	fill: #ff005c;
	stroke: #ff005c;
}

menuscreen screenTitle {
	color: #fff;
	font-size: 40rem;
	font-weight: 100;
	margin: 170rem 0 -75rem 0;
}

gameList {
	/* margin: 500rem 0 300rem; */
	margin: 430rem 0 220rem;
	height: 0rem;
	width: 100%;
	/* background: #0a0012; */
	position: relative;
	perspective: 2000rem;
	transform-style: preserve-3d;

	transform: translate3d(0rem, 0rem, 900rem);
}

gameList banner {
	position: absolute;
	left: 50%;
	margin-left: -220rem;
	bottom: -100rem;
	/* margin-top:-250rem; */
	cursor: pointer;
	transform-style: preserve-3d;
	width: 440rem;
	height: 430rem;
}

banner img {
	/*     height: var(--bannerh); */
	width: 100%;
	height: 100%;
	display: block;
}
banner img.reflection {
	transform: scaleY(-1);
	opacity: 0.2;
	pointer-events: none;
}
/* banner:after{
    content:"";
    position:absolute;
    left:-1rem;
    top:-1rem;
    right:-1rem;
    bottom:-1rem;
    transform: scaleY(-1);
    transform-origin:50% 100%;
    pointer-events: none;
    background:linear-gradient(0deg,#0008 0% , #170b36 100%);
} */

menuscreen buttons {
	width: 600rem;
	/*     background: #FF03; */
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	margin-top: 115rem;
	z-index: 2;

	transform: translate3d(0rem, 0rem, 1000rem);
}

menuscreen buttons arrow {
	display: block;
	/* align-items: center; */
	/* justify-content: center; */
	width: 80rem;
	height: 80rem;
	cursor: pointer;
}

menuscreen buttons arrow svg {
	width: 100%;
	height: 100%;
	fill: #fff;
}
arrow.left svg {
	transform: scaleX(-1);
}

menuscreen buttons button {
	width: 250rem;
	color: #fff;
	font-family: LEMONMILK;
	font-size: 24rem;
	font-weight: 500;
	letter-spacing: 2rem;
	padding: 20rem 0;
	margin: 8rem 0;
	border-radius: 40rem;
	background: linear-gradient(90deg, #db3978, #8812c4);
	box-shadow: 0 0 15rem #370550 inset;
	margin: 0 20rem;
}

/**************************************************/
gameScreen {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	transition: opacity 0.5s;
	/*  background: linear-gradient(180deg, hsl(215deg 12% 96%), hsl(215deg 18% 94%)); */
}

gameScreen:not([show]) {
	display: none;
}

.bgVideo {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events: none;
	transition: opacity 2s;
	opacity: 0;
	/* visibility: hidden; */
}

roletaHolder {
	/* transition: transform 0.8s; */
	/* display:none; */
	/* bottom: 200rem!important; */
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

roleta {
	display: block;
	position: absolute;
	left: 50%;
	top: 45%;
	background-size: 100% 100%;
	/* display: none; */
}

roletaShadow {
	display: block;
	position: absolute;
	left: 50%;
	top: 45%;
	background-color: rgb(0 0 0 / 85%);
	border-radius: 50%;
	box-shadow: 0rem 0rem 30rem 15rem rgb(0 0 0 / 85%);
}

roleta,
roletaShadow {
	width: 580rem;
	height: 580rem;
	margin: -290rem;
}

.horizontal roletaShadow,
.horizontal roleta {
	width: 680rem;
	height: 680rem;
	margin: -340rem;
}

roletaBlur {
	display: block;
	position: absolute;
	left: 0%;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
}

roletaHolder button {
	background-color: rgba(0, 0, 0, 0);
	display: block;
	position: absolute;
	left: 50%;
	top: 45%;
	background-size: 100% 100%;
	/* display: none; */
	width: 140rem;
	height: 157rem;
	margin: -78.5rem -70rem;
	/*  animation: btPulse 0.4s linear infinite; */
}

@keyframes btPulse {
	0% {
		transform: scale(1);
	}

	30% {
		transform: scale(1.05);
	}

	80% {
		transform: scale(1.05);
	}

	100% {
		transform: scale(1);
	}
}

.horizontal roletaHolder button {
	width: 164rem;
	height: 184rem;
	margin: -92rem -82rem;
}

roletaHolder span {
	position: absolute;
	text-align: center;
	color: #fff;
	font-size: 30rem;
	letter-spacing: 1rem;
	width: 100%;
	bottom: 150rem;
	transition: opacity 1.5s;
	visibility: hidden;
	opacity: 0;
}

roletaHolder audio {
	/* transition: transform 0.8s; */
	display: none;
}

progressGame {
	position: absolute;
	bottom: 70rem;
	margin: 0 auto;
	/*  width: 500rem; */
	height: 8rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	/* left: 50%; */
	/*  margin-left: -250rem; */
	background-color: #fff;
}

progressGame dot {
	width: 50rem;
	height: 50rem;
	background: #0d002d;
	border: 8rem solid #5710b0;
	border-radius: 50%;
	box-shadow: 0rem 0rem 12rem 3rem #000;
	margin: 0 30rem;
}

progressGame dot[done] {
	background: linear-gradient(130deg, #f10c67 10%, #8b16c8 50%, #0a9ad7 90%);
	border: 0;
}

progressGame dot:nth-child(1) {
	margin-left: 0;
}

progressGame dot:last-child {
	margin-right: 0;
}

/* progressGame .lineProgress {
    height: 8rem;
    width: 100%;
    background-color: #fff;
    position: absolute;
}
progressGame stageProgressGame {
    position: relative;
    width: 80rem;
    height: 80rem;
    margin: 0 -40rem;
}
progressGame stageProgressGame img {
    position: absolute;
    width: 100%;
}
progressGame stageProgressGame img + img {
    opacity: 0;
} */
#spectrumCanvas {
	pointer-events: none;
	display: block;
	position: absolute;
	left: 50%;
	top: 45%;
	width: 740rem;
	height: 740rem;
	margin: -370rem;
	transition: transform 0.45s;
	/* transform: scale(1.1); */
}

.horizontal #spectrumCanvas {
	width: 867rem;
	height: 867rem;
	margin: -433rem;
	/*  background-color:#0F03; */
}

scoreBox {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	position: absolute;
	justify-content: center;
	top: 40rem;
	right: 50rem;
	height: 160rem;
	width: 220rem;
	padding: 20rem;
	border-radius: 8rem;
	/* opacity: 0.1; */
	transition: transform 0.7s;
}

scoreBox thing {
	width: 90rem;
	height: 90rem;
}

scoreBox thing:nth-of-type(1) {
	transform: scale(1, 1);
	top: -30rem;
	left: -30rem;
}

scoreBox svg {
	display: block;
	position: absolute;
	/* border: 1px solid #FF03; */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* 
scoreBox svg .bgDark {
    fill: rgba(0, 0, 0, 0.7);
    filter: url(#blur);
} */
/* scoreBox svg .lineGlow {
    fill: none;
    stroke-linecap: round;
    stroke: #00dcff;
    stroke-width: 5rem;
    filter: url(#glow);
} */
scoreBox svg .lineGlow {
	stroke-width: 5rem;
}

scoreBox span {
	color: #e9377c;
	font-size: 50rem;
	font-weight: 500;
	/* font-weight: bold; */
	pointer-events: none;
	text-align: center;
	z-index: 1;
	font-family: 'LEMONMILK';
	margin-top: -5rem;
}

scoreBox label {
	color: #fff;
	font-size: 30rem;
	font-weight: 400;
	letter-spacing: 1rem;
	text-align: center;
	z-index: 1;
	margin-top: -10rem;
}

/**************************************************/
videobox {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 700rem;
	height: 700rem;
	margin: -350rem;
	padding: 30rem;
	transition: opacity 0.6s, transform 0.6s ease-out;
}

videobox video {
	width: 100%;
	height: 100%;
	/* background: #000; */
	border-radius: 10rem;
}

videobox svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* background: #F002; */
	pointer-events: none;
}

/* videobox .lineGlowBlue {
    fill: none;
    stroke-linecap: round;
    stroke: #00dcff;
    stroke-width: 5rem;
    filter: url(#glow);
}
videobox .lineGlowPink {
    fill: none;
    stroke-linecap: round;
    stroke: #ff005c;
    stroke-width: 5rem;
    filter: url(#glow);
} */
videobox .lineBlue {
	stroke-width: 5rem;
}

videobox .linePink {
	stroke-width: 5rem;
}

videobox thing {
	width: 100rem;
	height: 100rem;
}

videobox thing:nth-of-type(1) {
	transform: scale(-1, 1);
	top: -30rem;
	right: -20rem;
}

videobox thing:nth-of-type(2) {
	transform: scale(1, -1);
	bottom: -30rem;
	left: -30rem;
}

/**************************************************/
questionScreen {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 45rem 30rem 30rem;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	transition: 0.7s;
	z-index: 1;
}

/* .horizontal questionScreen {
    flex-direction: row;
} */
questionScreen > text {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 6%;
	flex-grow: 0;
	transition: transform 2s;
}

questionScreen text span {
	text-align: center;
	color: #fff;
	font-size: 21rem /*28rem*/;
	font-weight: 500;
	line-height: 125%;
	letter-spacing: 1rem;
	font-family: 'LEMONMILK';
	z-index: 1;
}

/* .horizontal questionScreen text {
    width: 47%;
    height: 100%;
    padding: 0 35rem 0 20rem;
}
 */
questionScreen text svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*  background: #00f2; */
	pointer-events: none;
}

/* questionScreen text .lineGlowPink {
    fill: none;
    stroke-linecap: round;
    stroke: #ff005c;
    stroke-width: 5rem;
    filter: url(#glow);
} */
questionScreen text .linePink {
	stroke-width: 5rem;
}

questionScreen thing {
	width: 100rem;
	height: 100rem;
}

questionScreen thing:nth-of-type(1) {
	transform: scale(-1, 1);
	top: -35rem;
	right: -30rem;
}

questionScreen thing:nth-of-type(2) {
	transform: scale(1, -1);
	bottom: -40rem;
	left: -35rem;
}

/* questionScreen options {
    display: flex;
    position: relative;
    flex-grow: 1;
    flex-basis: 0;
    z-index: 1;
} */
.horizontal questionScreen options {
}

/* questionScreen opt {
    position: absolute;
    left: 0%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 30rem;
    margin: 4rem 0;
    transition: 0.5s;
} */
questionScreen opt {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 50rem;
	transition: transform 0.5s;
	/* background: #F005; */

	cursor: pointer;
}

questionScreen opt svg {
	position: absolute;
}

questionScreen opt .borderSvg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

questionScreen opt .confSvg {
	top: 100%;
	right: 50%;
	margin-top: -13rem;
	height: 70rem;
	width: 600rem;
	margin-right: -300rem;
	/*  background:#FF03; */
}

.horizontal questionScreen opt .confSvg {
	/*  left:initial; */
	margin-right: 0;
	right: 15rem;
	/* width: 700rem; */
}

questionScreen opt .confSvg g {
	transform: translate(0%, -100%);
	transition: 0.5s;
}

questionScreen opt.selected .confSvg g {
	transform: translate(0%, 0%);
}

questionScreen opt .confSvg text {
	x: 10;
	y: 56;
	font: italic 22rem LEMONMILK;
	fill: #fff;
	width: 100%;
}

questionScreen opt .confSvg path {
	stroke: #00dcff;
}

/* questionScreen opt svg #confirmSvg {
    x:700;
}
 */
/* questionScreen opt svg use {
    x:700;
} */
/* 
questionScreen opt::before {
    content: "";
    display: block;
    position: absolute;
    top: 0rem;
    left: 0rem;
    right: 0rem;
    bottom: 0rem;
    border-radius: 8rem;
    background-color: #fff;
    box-shadow: 0rem 3rem 8rem rgb(0 0 0 / 7%);
    z-index: -1;
    transition: 0.5s;
}
questionScreen opt.selected::before {
    box-shadow: 0rem 16rem 12rem rgb(0 0 0 / 7%);
} */
questionScreen opt span {
	text-align: center;
	color: #fff;
	font-size: 29rem;
	font-weight: 200;
	line-height: 123%;
	letter-spacing: 1rem;
	pointer-events: none;
	z-index: 1;
}

questionScreen opt.notSelected {
	opacity: 0.6;
	transform: scale(0.95);
}

questionScreen opt.selected {
	/* transform: translate(0rem, -15rem) scale(1.01); */
	box-shadow: 0rem -10rem 12rem -8rem rgb(0 0 0 / 5%);
}

questionScreen opt.right {
}

questionScreen opt.right .lineBlue {
	stroke: #23ff00;
}

questionScreen opt .wrong {
}

questionScreen opt.wrong .lineBlue {
	stroke: #ff1f00;
}

/* 
questionScreen opt confirmFx {
    position: absolute;
    background-color: #38465a;
    background: linear-gradient(0deg, #6f81a2, #5d708a);
    border-radius: 7rem;
    color: #fff;
    padding: 15rem 50rem 4rem;
    z-index: -2;
    font-size: 20rem;
    font-weight: 400;
    letter-spacing: 1rem;
    bottom: 0rem;
    box-shadow: 0rem 7rem 8rem rgb(0 0 0 / 15%);
    transition: transform 0.25s;
    transition-delay: 0s;
    transform: translate(0rem, -15rem);
}

questionScreen opt.selected confirmFx {
    transform: translate(0rem, 35rem);
    transition-delay: 0.2s;
}
 */
/* 
#btContinuar {
    position: absolute;
    transition: 0.6s;
    background: #a3b2c1;
    background: linear-gradient(0deg, #6f81a2, #5d708a);
    left: 50%;
    top: 83%;
    margin-left: -140rem;
    width: 280rem;
    height: 60rem;
    border-radius: 7rem;
    overflow: hidden;
    box-shadow: 0rem 5rem 12rem rgb(50 60 103 / 39%);
}
 */
#btContinuar {
	position: absolute;
	transition: transform 0.6s, opacity 0.6s;
	left: 50%;
	top: 83%;
	width: 380rem;
	margin-left: -190rem;
	padding: 16rem 0 14rem;
	border-radius: 40rem;
	background: linear-gradient(90deg, #05cbe1, #5c3fac);
	box-shadow: 0 0 13rem 2rem #0d3358 inset;
}

#btContinuar span {
	color: #fff;
	font-family: LEMONMILK;
	font-size: 30rem;
	font-weight: 500;
	line-height: 55rem;
	letter-spacing: 2rem;
	text-align: center;
}

#btContinuar:not([show]) {
	opacity: 0;
	pointer-events: none;
	transform: translate(0, 25rem);
}

/* 
#btContinuar.hide {
    width: 10rem;
    height: 10rem;
    margin-left:0rem;
    border-radius: 30rem;
} */
timeBar {
	/* visibility: hidden; */
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

timeBar::before {
	content: '';
	position: absolute;
	background: #000057;
	border-radius: 100rem;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* filter: url(#borderTimeBar); */
	box-shadow: 0 0 10rem 1rem #000 inset;
	border-left: 3rem solid #a0f;
	border-right: 3rem solid #a0f;
}

timeBar bar {
	position: absolute;
	background: #000;
	border-radius: 100rem;
	left: 25rem;
	right: 170rem;
	top: 50%;
	height: 12rem;
	margin-top: -6rem;
}

timeBar fill {
	position: absolute;
	left: 0rem;
	top: 50%;
	height: 5rem;
	margin-top: -3rem;
	border-radius: 6rem;
	background-color: #3cf;
	/* filter: url(#glowTimeBar); */
	transition: width 0.2s;
	box-shadow: 0 0 10rem 1rem #3cf;
}

timeBar bonus {
	display: block;
	/*  color: #e9377c; */
	color: #00dcff;
	/*  color: hsl(188 100% 80% / 1); */
	font-size: 30rem;
	font-weight: 500;
	text-align: right;
	font-family: 'LEMONMILK';
	letter-spacing: 1rem;
	z-index: 1;
	/*  background:#FF03; */
	/* filter: url(#glow); */
}

timeBar span {
	color: #fff;
	font-size: 23rem;
	font-weight: 400;
	text-align: center;
	z-index: 1;
	margin: 0rem 25rem 0rem 3rem;
}

/**************************************************/
endscreen {
	/*  display: flex;
    align-items: center;
    justify-content: center; */
	transition: opacity 1.2s;
}

endscreen:not([show]) {
	display: none;
}

endscreen box1,
endscreen box2 {
	position: absolute;
	display: flex;
	top: 50%;
	left: 50%;
	transition: transform 0.75s;
}

endscreen box1 > svg,
endscreen box2 > svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* background-color: #f004; */
	pointer-events: none;
}

/* 
endscreen box1 > svg path,
endscreen box2 > svg path {
    filter: url(#glowEnd)!important;
} */
endscreen box1 > svg path {
	filter: url(#glowEnd) !important;
	stroke-width: 8rem !important;
	stroke: #ff3f78 !important;
}

endscreen box2 > svg path {
	filter: url(#glowEnd) !important;
	stroke-width: 8rem !important;
	/*  stroke: #04cfe3!important; */
}

endscreen box1 {
	width: 700rem;
	height: 900rem;
	margin-top: -520rem;
	margin-left: -350rem;
	flex-direction: column;
	align-items: center;
	/* border: 1rem solid #fff3; */
	justify-content: center;
}

.horizontal endscreen box1 {
	width: 1300rem;
	height: 800rem;
	margin-top: -480rem;
	margin-left: -650rem;
	flex-direction: row;
}

#imgCorner {
	position: absolute;
	display: flex;
	width: 350rem;
	top: -20rem;
	left: 10rem;
}

parabensText {
	display: block;
	width: 500rem;
	margin: 0 0 10rem 0;
}
.vertical parabensText {
	margin: 0;
}

.horizontal parabensText {
	/* margin: 0 60rem 0 0; */
	margin: 55rem 0rem 0 0;
}

parabensText span {
	color: #fff;
	font-family: LEMONMILK;
	/*font-size: 45rem;*/
	font-size: 35rem;
	font-weight: 900;
	letter-spacing: 2rem;
	text-align: center;
	display: block;
	font-style: italic;
}

parabensText span + span {
	font-style: normal;
	/*font-size: 40rem;*/
	font-size: 25rem;
	font-weight: 400;
}

resultscore {
	position: relative;
	display: block;
	background-image: url(../images/areaScoreEnd.png);
	background-size: 100% 100%;
	width: 550rem;
	height: 380rem;
}

.vertical resultscore {
	/* transform: scale(0.8); */
	width: 440rem;
	/*height: 304rem;*/
	height: 250rem;
}

resultscore span {
	position: absolute;
	color: #e9377c;
	font-size: 110rem;
	font-weight: 500;
	text-align: center;
	font-family: 'LEMONMILK';
	top: 110rem;
	left: 90rem;
	width: 350rem;
	line-height: 150rem;
	/* background: #0f03; */
}

.vertical resultscore span {
	/*top: 70rem;
	left: 40rem;*/
	top: 45rem;
    left: 40rem;
}

endscreen scorecontainer {
	height: 78%;
	display: flex;
	flex-direction: column;
	align-items: center;
	/* justify-content: space-between; */
	justify-content: center;
}
endscreen scorecontainer score {
	display: flex;
	align-items: center;
}

.vertical scorecontainer score {
	height: 100%;
	flex-direction: column;
	justify-content: center;
}

.vertical scorecontainer {
	height: 70%;
}

#sorteioMarc {
	text-align: center;
	color: #fff;
	width: 90%;
}

.horizontal #sorteioMarc {
	/*font-size: 36rem;*/
	font-size: 30rem;
}

.vertical #sorteioMarc {
	width: 80%;
	/* bottom: 90rem; */
	/*font-size: 28rem;*/
	font-size: 24rem;
	margin-top: 10rem;
}

endscreen box1 button {
	position: absolute;
	bottom: -100rem;
	padding: 14rem 0 12rem;
	border-radius: 40rem;
	width: 300rem;
	margin-left: -150rem;
}

endscreen box1 button span,
endscreen box2 #btShare span {
	color: #fff;
	font-family: LEMONMILK;
	font-size: 26rem;
	font-weight: 500;
	line-height: 55rem;
	letter-spacing: 2rem;
	text-align: center;
}

endscreen box2 #btShare span {
	font-size: 40rem;
	font-weight: 600;
}

endscreen #btShare {
	left: 24%;
	background: linear-gradient(90deg, #ff3d7a, #d428a1);
	box-shadow: 0 0 13rem 2rem #3e0158 inset;
}
endscreen box2 #btShare {
	width: 550rem;
	height: 88rem;
	border-radius: 44rem;
}

.vertical box2 #btShare {
	width: 480rem;
	height: 80rem;
	border-radius: 40rem;
}

.vertical box2 #btShare span {
	font-size: 35rem;
}

#btContinuarEnd {
	left: 76%;
	background: linear-gradient(90deg, #05cbe1, #5c3fac);
	box-shadow: 0 0 13rem 2rem #0d3358 inset;
}

.horizontal endscreen box1 button {
	padding: 16rem 0 14rem;
	border-radius: 40rem;
	width: 400rem;
	margin-left: -200rem;
}

.horizontal endscreen box1 button span {
	font-size: 30rem;
}


endscreen box1 span#oscar{
	/* position: absolute; */
	position: relative;
   bottom: 40rem;
   width: calc(100% - 80rem);
   height: 190rem;
	color: #250f3c;
	font-weight: 600;

	background-image:  url(../images/cupom_dimona.png);
	background-size: 953rem 134rem ;
	background-repeat: no-repeat;
	background-position: center center;

	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-end;



	
}

.vertical endscreen box1 span#oscar{
	width: calc(100% + 100rem);
	background-size: calc(953rem * 0.6) calc(134rem * 0.6) ;
	
}

endscreen box1 span#oscar span{
	position: absolute;
	right: 36rem;
	top: 99rem;
	font-size: 23rem;
	user-select: text;
}

.vertical endscreen box1 span#oscar span{
	right: 31rem;
	top: 75rem;
	font-size: 14rem;
}

endscreen box1 span#oscar a{
	text-decoration: none;
	font-size: 22rem;
	font-weight: 600;
	position: absolute;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	bottom: -45rem;
}

endscreen box1 span#oscar p{
	position: absolute;
	width: 100%;
	padding: 0 40rem;
	bottom: -95rem;
	color: #ffffff;
	text-align: center;
	font-size: 12rem;
}
endscreen box1 span#oscar p{
	font-size: 10rem;
}

.vertical endscreen box1 span#oscar p{
	bottom: -120rem;
	/* width: 120%; */
}

endscreen box1 span#oscar img{
	width: 182rem;
	height: 49rem;
}




endscreen box2 {
	width: 700rem;
	height: 1000rem;
	margin-top: -525rem;
	margin-left: -350rem;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	/* border: 1rem solid #fff3; */
}

.horizontal endscreen box2 {
	width: 1300rem;
	height: 900rem;
	margin-top: -450rem;
	margin-left: -650rem;
}

endscreen box2 > thing {
	width: 180rem;
	height: 180rem;
	transform: scale(1, 1);
	top: -35rem;
	left: -35rem;
}

endscreen box2 > span {
	color: #fff;
	font-family: LEMONMILK;
	font-size: 26rem;
	font-weight: 200;
	letter-spacing: 2rem;
	text-align: center;
	padding: 0 40rem;
}

endscreen box2 > img {
	width: 230rem;
	margin-top: 60rem;
}

endscreen box2 > links {
	margin-top: 25rem;
	margin-bottom: 19rem;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

endscreen box2 > links img {
	max-height: 50rem;
	max-width: 60rem;
	margin: 0 15rem;
	max-height: 65rem;
	max-width: 60rem;
	margin: 0 15rem;
}

endscreen box2 > links img {
	max-height: 55rem;
	max-width: 50rem;
	margin: 0 15rem;
}

.horizontal endscreen box2 > links img {
	max-height: 60rem;
	max-width: 60rem;
	margin: 0 18rem;
}

endscreen box2 > links + span {
	font-weight: 900;
}

/* endscreen box2 > button {
    position: relative;
    background: #000053;
    width: 480rem;
    padding: 30rem;
    margin-top: 60rem;
    border-radius: 25rem;
    box-shadow: -5rem 0 10rem 5rem #4d2b8b inset;
} */
/* .horizontal endscreen box2 > button {
    width: 620rem;
    padding: 30rem;
} */
endscreen box2 > button > label {
	color: #fff;
	font-family: LEMONMILK;
	font-size: 25rem;
	font-weight: 500;
	letter-spacing: 2rem;
	text-align: center;
	width: 100%;
	/* padding:0 20rem; */
	display: block;
	margin-bottom: 20rem;
}

/* endscreen box2 > button > img {
    height: 80rem;
} */
endscreen box2 button thing {
	width: 100rem;
	height: 100rem;
	transform: scale(-1, 1);
	top: -50rem;
	right: -50rem;
}

endscreen box2 button {
	background: none;
	padding: 0 80rem;
}

endscreen box2 > button {
	margin-bottom: 30rem;
}

endscreen box2 button img {
	/*  width: 100%; */
	/*  width: 655rem; */
	/* margin-left: -50rem; */
}

endscreen box2 button + button img {
	/*  width: 600rem; */
	/* margin-left: 21rem; */
}

/* endscreen box2 button + button + button img {
}
.vertical endscreen box2 button img {
    width: 530rem;
}
.vertical endscreen box2 button + button img {
    width: 485rem;
}
.vertical endscreen box2 button + button+ button img {
    width: 300rem;
} */
endscreen #btSite img {
	width: 655rem;
	margin-left: -30rem;
}

endscreen #btResetGame img,
endscreen #btPlayNewest img {
	width: 550rem;
}

.vertical endscreen #btSite img {
	width: 530rem;
	margin-left: -30rem;
}

.vertical endscreen #btResetGame img,
.vertical endscreen #btPlayNewest img {
	width: 480rem;
}

endscreen box2 button a {
}

#muteAll {
	position: absolute;
	top: 10rem;
	left: 10rem;
	cursor: pointer;
	width: 50rem;
	z-index: 20;

	transition: opacity 0.95s, transform 0.95s;

	display: flex;
}
#unsubscribe{
	position: absolute;
	top: 10rem;
	right: 10rem;
	cursor: pointer;
	width: 50rem;
	z-index: 20;

	transition: opacity 0.95s, transform 0.95s;

	display: flex;
}


form {
    background-color: unset!important;
    padding: unset!important;
    border-radius: unset!important;
    width: unset!important;
    box-shadow: unset!important;
}
#crmWebToEntityForm{
	max-width: 80%!important;
}