/* =============================================================================
   HTML5 CSS Reset Minified - Eric Meyer
   ========================================================================== */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
li{list-style:none}


/* =============================================================================
   My CSS
   ========================================================================== */

/* ---- base ---- */

html,body{
	width:100%;
	height:100%;
	background:rgba(147,185,58,1);
}

html{
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body{
	font:normal 75% Helvetica, sans-serif;
	text-align: center;
	background-color: #0c2f00; /* Záložná farba pozadia */
	background-image: linear-gradient(0deg, rgba(147,185,58,1) 0%, rgba(0, 0, 0, 1) 95%);
	background-size: cover; /* Zabezpečí, že obrázok pokryje celé pozadie */
	background-position: center; /* Zarovná obrázok na stred */
	background-repeat: no-repeat; /* Zamedzí opakovaniu obrázka */
	background-attachment: fixed; /* Fixné pozadie */

	background-image: repeating-linear-gradient(45deg, hsla(207,0%,63%,0.05) 0px, hsla(207,0%,63%,0.05) 1px,transparent 1px, transparent 11px,hsla(207,0%,63%,0.05) 11px, hsla(207,0%,63%,0.05) 12px,transparent 12px, transparent 32px),repeating-linear-gradient(0deg, hsla(207,0%,63%,0.05) 0px, hsla(207,0%,63%,0.05) 1px,transparent 1px, transparent 11px,hsla(207,0%,63%,0.05) 11px, hsla(207,0%,63%,0.05) 12px,transparent 12px, transparent 32px),repeating-linear-gradient(135deg, hsla(207,0%,63%,0.05) 0px, hsla(207,0%,63%,0.05) 1px,transparent 1px, transparent 11px,hsla(207,0%,63%,0.05) 11px, hsla(207,0%,63%,0.05) 12px,transparent 12px, transparent 32px),repeating-linear-gradient(90deg, hsla(207,0%,63%,0.05) 0px, hsla(207,0%,63%,0.05) 1px,transparent 1px, transparent 11px,hsla(207,0%,63%,0.05) 11px, hsla(207,0%,63%,0.05) 12px,transparent 12px, transparent 32px),linear-gradient(0deg, rgba(147,185,58,1) 0%, rgb(17, 17, 17) 95%);

	font-family: "Poiret One", sans-serif;
	font-weight: 400;
	font-style: normal;
}

canvas{
	display:block;
	vertical-align:bottom;
}

a {
	color: rgba(33, 46, 4, 1);
	text-shadow: none;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

p span {
	color: #ddd;
}

p b {
	color: rgba(33, 46, 4, 1);;
	text-shadow: none;
	font-weight: normal;
}




#logo {
	position: absolute;
	left: 50%;
	top: 40px;
	margin-left: -100px;
	width: 160px;
	height: 68px;
}

#fsc {
	height: 80px;
	position: absolute;
	bottom: 20px;
	left: 20px;
	opacity: .8;
}

#ecovadis {
	width: 120px;
	position: absolute;
	bottom: 20px;
	left: 80px;
	opacity: .8;
}


.panel {
	color: #fff;
	font-size: 1.8em;
	font-weight: normal;
	line-height: 1.4;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
	text-align: left;
	position: absolute;
	z-index: 10;
	width: 100%;
	top: 150px;
	left: 0;
	padding: 20px;

	box-sizing: border-box;
	z-index: 100;

	text-align: center;
}

.panel p, .contact p {
	margin: 0 auto;
	padding-bottom: 10px;
	max-width: 900px;
	text-align: left;
}

.panel p:last-child {
 	padding: 0;
}


.contact {
	color: #fff;
	font-size: 1.3em;
	font-family: Helvetica;
	position: absolute;
	top: 420px;
	left: 50%;
	line-height: 1.4;
	margin-left: -380px;
	padding: 20px;
	border-radius: 15px;
	box-sizing: border-box;
	text-align: left;
	width: 360px;
	height: 270px;
	text-shadow: 1px 1px 1px rgba(33, 46, 4, .3);
}

.contact2 {
	margin-left: 20px;
}


.glass {

	background: rgba(255, 255, 255, 0.1);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(5px);
	border: 1px solid rgba(255, 255, 255, 0.2);
	background-image: linear-gradient(305deg, rgba(254, 254, 254,0.02) 0%, rgba(254, 254, 254,0.02) 1%,transparent 1%, transparent 50%,rgba(220, 220, 220,0.02) 50%, rgba(220, 220, 220,0.02) 64%,rgba(249, 249, 249,0.02) 64%, rgba(249, 249, 249,0.02) 100%),linear-gradient(38deg, rgba(70, 70, 70,0.02) 0%, rgba(70, 70, 70,0.02) 35%,transparent 35%, transparent 62%,rgba(152, 152, 152,0.02) 62%, rgba(152, 152, 152,0.02) 74%,rgba(99, 99, 99,0.02) 74%, rgba(99, 99, 99,0.02) 100%),linear-gradient(337deg, rgba(124, 124, 124,0.02) 0%, rgba(124, 124, 124,0.02) 45%,transparent 45%, transparent 55%,rgba(34, 34, 34,0.02) 55%, rgba(34, 34, 34,0.02) 72%,rgba(189, 189, 189,0.02) 72%, rgba(189, 189, 189,0.02) 100%),linear-gradient(92deg, rgba(239, 239, 239,0.02) 0%, rgba(239, 239, 239,0.02) 12%,transparent 12%, transparent 22%,rgba(204, 204, 204,0.02) 22%, rgba(204, 204, 204,0.02) 51%,rgba(70, 70, 70,0.02) 51%, rgba(70, 70, 70,0.02) 100%),linear-gradient(90deg, rgb(255,255,255,.15),rgb(255,255,255,.15));

}


/* ---- particles.js container ---- */

#particles-js{
	width: 100%;
	height: 100%;
	text-align: center;
}



@media ( max-width: 1100px ) {

	body {
		text-align: center;
	}

	#logo {
		position: initial;
		top: 20px;
		margin: 20px 0;
		width: 150px;
		height: 64px;
	}

	.panel {
		top: 100px;
		font-size: 1.4em;
	}

	.contact {
		border-radius: 0;
		top: 440px;
		left: 0;
		margin: 0;
		width: 100%;
	}

	.contact2 {
		top: 760px;
	}

	#fsc, #ecovadis {
		top: 1100px;
	}

}