/* reset styles */
html {line-height: 1.5;-webkit-text-size-adjust: 100%;width:100%;height:100%;padding: 0;}body {margin: 0;width: 100%;height: 100%;padding: 0;}main {display: block;}
img {border-style: none;}button, input, optgroup, select, textarea {font-family: inherit;font-size: 100%;line-height: 1.5;margin: 0;}button, input {overflow: visible;}button, select {text-transform: none;}button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}progress {vertical-align: baseline;}textarea {overflow: auto;}[type="checkbox"], [type="radio"] {box-sizing: border-box;padding: 0;}[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}[type="search"] {-webkit-appearance: textfield;outline-offset: -2px;}[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}details {display: block;}summary {display: list-item;}template {display: none;}
::-webkit-scrollbar {
	width: 5px;
}

::-webkit-scrollbar-thumb {
	background: black;
}

::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0);
}

/* reset styles */


.ggskin, .menuButtonText, .menuLevelCounter, .menuLevel02Description, .loaderButton, .loaderInfoText, .loaderCopyright, .startButton{
	font-family: leroy_merlin_sansregular, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8rem;
}
h2{
	margin: 0;
	/* text-transform: uppercase; */
	font-family: leroy_merlin_sansbold, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.4em;
}
ol{
	text-align: left;
	margin: 0;
}

.disabledKey{
	filter: grayscale(80%) contrast(0%) brightness(0%);
	/* opacity:0.3 !important; */
}
.enabledKey{
	filter:none;
	opacity:1 !important;
	transition: all 0.3s ease-in-out !important;
	transform: rotate(180deg) scale(-100%) !important;
	-webkit-transform: rotate(180deg) scale(-100%) !important;
	-moz-transform: rotate(180deg) scale(-100%) !important;
	-ms-transform: rotate(180deg) scale(-100%) !important;
	-o-transform: rotate(180deg) scale(-100%) !important;
	-webkit-transition: all 0.3s ease-in-out !important;
	-moz-transition: all 0.3s ease-in-out !important;
	-ms-transition: all 0.3s ease-in-out !important;
	-o-transition: all 0.3s ease-in-out !important;
}
.blur{
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}
.light{
	background-color: rgba(255, 255, 255, 0.3) !important;
}
.gray{
	background-color: rgba(0,0,0,0.3) !important;
	backdrop-filter: grayscale(50%);
}
.popupText{
	scrollbar-width: thin;
	background-color: rgba(255, 255, 255, 0.5) !important;
	border:solid 1px rgba(255, 255, 255, 0.3);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	font-size: 1.2rem !important;
	color: #000 !important;
}
.popupText a {
	color: #000 !important;
}

@media only screen and (max-width: 500px), (max-height:500px) {
	.popupText {
		font-size: 1rem !important;
	}
}

@media only screen and (max-width: 400px), (max-height:400px) {
	.popupText {
		font-size: 0.9rem !important;
	}
}

.startImage{
	width: 70%;
	display: block;
	margin: 0 auto;
	margin-bottom: 1rem;
}

.emailForm{
	margin-top:1.4rem;
}

.wrongEmail{
	border-color:darkred !important;
}

.popupButton, .emailButton{
	outline: none !important;
	padding: 5px 30px;
	font-weight: normal;
	font-family: leroy_merlin_sansbold, Verdana, Arial, Helvetica, sans-serif;
	display: inline-block;
	cursor: pointer;
	margin-top:1.4rem;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.popupButtonNormal{
	background-color: #fff;
	border: solid 2px #79bc1f;
	color: #79bc1f;
}
.popupButtonNormal:hover{
	background-color: #79bc1f;
	color:#fff;
}

.popupButtonInverse, .emailButton{
	background-color: #79bc1f;
	border: solid 2px #79bc1f;
	color: #fff;
}
.popupButtonInverse:hover, .emailButton:hover{
	background-color: #fff;
	color: #79bc1f;
}
.emailButton{
	margin:0;
	width:calc(50% - 5px);
	box-sizing: border-box;
}
.emailField {
	padding: 5px 5px;
	font-weight: normal;
	font-family: leroy_merlin_sansregular, Verdana, Arial, Helvetica, sans-serif;
	display: inline-block;
	margin-right: 10px;
	background-color: #fff;
	border: solid 2px #fff;
	color: #000;
	width: calc(50% - 6px);
	box-sizing:border-box;
	outline: none !important;
}
.popupButtonHidden {
	transform: scale(0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
}


.backButtonSmartphone{
	bottom:10px !important;
	top:auto !important;
}

.bonusText{
	border: solid 2px #79bc1f;
	outline: none;
}
.startImageIcons{
	margin-top: 1rem;
	border:none;
	width:250px;
}