@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;500;700&display=swap');

@font-face {
	font-family: 'Helvetica';
	src: url(../fonts/0128d8b7-d00b-4315-8daa-970f97ecac64.woff2) format("woff2");
	font-weight: 300;
	font-style: normal
}

@font-face {
	font-family: 'Helvetica';
	src: url(../fonts/1a14dcac-7c9e-471c-8039-33c730f871f2.woff2) format("woff2");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'Helvetica';
	src: url(../fonts/c86f4d57-4caf-4c6f-9554-7926dd67e3f1.woff2) format("woff2");
	font-weight: 500;
	font-style: normal
}

@font-face {
	font-family: 'Helvetica';
	src: url(../fonts/a61c00c6-86e7-4fa9-ac6b-476548df9cb8.woff2) format("woff2");
	font-weight: 700;
	font-style: normal;
}

* {
	font-family: 'Helvetica', Arial, Helvetica, sans-serif;
}

header {
	background-color: #ff6600;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
	border-radius: 0 0 15px 15px;
	display: block;
	position: relative;
	z-index: 99;
}

#result {
	display: block;
	position: relative;
	background-color: #56a327;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
	border-radius: 0 0 15px 15px;
	padding: 1.15rem 0 1.15rem 0;
	margin-top: -15px;
	z-index: 1;
}

h2 {
	font-size: 1.8rem;
	padding: 0 0.5rem;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.1;
}

h3 {
	font-size: 1.4rem;
	font-weight: 500;
	padding: 0 0.5rem;
	line-height: 1.1;
	text-transform: uppercase;
}

h4 {
	font-size: 1.2rem;
	font-weight: 300;
	padding: 0 0.5rem;
	line-height: 1.1;
	text-transform: uppercase;
}

#result.res-optimal {
	background-color: #9ecc14;
	color: #fff;
	text-transform: uppercase;
}

#result.res-too-bright {
	background-color: #91bed4 !important;
	color: #000;
	text-transform: uppercase;
}

#result.res-darker {
	background-color: #ffab00 !important;
	color: #000;
	text-transform: uppercase;
}

#result.res-too-dark {
	background-color: #304269 !important;
	color: #fff;
	text-transform: uppercase;
}

#result.res-zero {
	background-color: #666 !important;
	color: #fff;
	text-transform: uppercase;
}

#result.res-full {
	background-color: #666 !important;
	color: #fff;
	text-transform: uppercase;
}

body {
	background-color: #f4f4f4;
	height: 100vh;
	font-weight: 500;
}

main {
	background-image: url('../images/smart.jpg');
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: contain;
	background-size: 75vw;
}

.content {
	min-height: 56vh;
	max-width: 800px;
	margin-top: 1rem;
}

.content p {
	font-size: 0.9rem;
	line-height: 1.25;
}

@media only screen and (min-width: 680px) {
	main {
		background-size: 40%;
	}

	#result {
		padding: 1.25rem 0 1.25rem 0;
		z-index: 1;
	}

	.content {
		margin-top: 1.25rem;
	}

}

@media only screen and (min-width: 820px) {
	main {
		background-size: 80%;
	}
}

@media (orientation: landscape) and (max-height: 420px) {
	main {
		background-size: 70vw;
	}

	.content {
		min-height: 600px;
		margin-top: 1rem;
	}
}

.logo {
	max-width: 180px;
}

.row {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.lang-SK {
	display: none;
}


.partner-logo {
	padding: 0.25rem;
}

.partner-logo div {
	border-radius: 15px;
	background-color: #fff;
	padding: 0.75rem 0.5rem 0.75rem 0.5rem;
	height: 4.75rem;
	color: #fff;
	text-align: center;
}

.partner-logo a {
	font-size: 0.75rem;
	color: #333;
	font-weight: 500;
}

.partner-logo img {
	max-width: 90%;
	max-height: 2rem;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.partner-logo.mall div {
	background-color: #d6171f;
}

.partner-logo.mall a {
	color: #fff;
}

.partner-logo.svetsvitidel div {
	background-color: #041e42;
}

.partner-logo.svetsvitidel a {
	color: #fff;
}

.partner-logo.kve1 div {
	background-color: #041763;
}

.partner-logo.kve1 a {
	color: #fff;
}

.partner-logo.unihobby div {
	background-color: #ce2027;
}

.partner-logo.unihobby a {
	color: #fff;
}

.partner-logo.fuego div {
	background-color: #efefef;
}

.partner-logo.fuego a {
	color: #333;
}

.partner-logo.elkov div {
	background-color: #0062a8;
}

.partner-logo.elkov a {
	color: #fff;
}

.partner-logo.strend div {
	background-color: #fcdf07;
}

.partner-logo.strend a {
	color: #333;
}

.partner-logo.ashop div {
	background-color: #2e405a;
}

.partner-logo.ashop a {
	color: #fff;
}

#block.fade {
	animation: fadeIn 1s;
	-webkit-animation: fadeIn 1s;
	-moz-animation: fadeIn 1s;
	-o-animation: fadeIn 1s;
	-ms-animation: fadeIn 1s;
}
@keyframes fadeIn {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0.3;
	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0.3;
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0.3;
	}
}

@-o-keyframes fadeIn {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0.3;
	}
}

@-ms-keyframes fadeIn {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0.3;
	}
}