@font-face {
    font-family: "Helvetica Neue-Bold";
	src: url('fonts/HelveticaNeueBold.otf') format('opentype'),
		 url('fonts/helvetica-neue-bold.ttf') format('truetype');	
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Helvetica Neue-Medium";
	src: url('fonts/HelveticaNeueMedium.otf') format('opentype');	
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Helvetica Neue-Regular";
	src: url('fonts/HelveticaNeueLight.otf') format('opentype');	
    font-weight: normal;
    font-style: normal;
}

.page-wrapper {
    /* Toto zajistí horizontální centrování celého bloku */
    margin-left: auto;
    margin-right: auto;
    /* Stránka bude mít pevnou šířku nebo max-width */
    max-width: 1440px; 
    /* Případně pevnou šířku, pokud je design fixní: */
    /* width: 1440px; */ 
}

.hlavn-strana {
    background-color: #ffffff;
    overflow: hidden;
    width: 100%;
    min-width: 1440px;
    min-height: 6799px;
    margin: 0 auto;
    position: relative;	
}

.hlavn-strana .HOMEPAGE {
  position: absolute; 
  top: -89px;
  left: -47px;
  width: 1515px;
  height: 1328px;
}

.hlavn-strana .image {
  position: absolute;
  top: 89px;
  left: 47px;
  width: 1440px;
  height: 1239px;
  object-fit: cover;
}

.hlavn-strana .rectangle {
  position: absolute;
  top: 89px;
  left: 47px;
  width: 1440px;
  height: 1040px;
}

.hlavn-strana .vrstva {
  position: absolute;
  top: 417px;
  left: 456px;
  width: 621px;
  height: 171px;
}

.hlavn-strana .o-NS {
  position: absolute;
  top: 970px;
  left: -1px;
  width: 1447px;
  height: 1067px;
}

.hlavn-strana .div {
  position: absolute;
  top: 0;
  left: 1px;
  width: 1440px;
  height: 1067px;
  background-color: #000000;
  border-radius: 62px;
}

.hlavn-strana .rectangle-2 {
  position: absolute;
  top: 343px;
  left: 0;
  width: 1441px;
  height: 333px;
  background-color: #2b3347;
}

.hlavn-strana .text-wrapper {
  position: absolute;
  top: 159px;
  left: 189px;
  font-family: "Poppins", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 36px;
  text-align: center;
  letter-spacing: 0;
  line-height: 15px;
  white-space: nowrap;
}

.hlavn-strana .conel-automation-s-r {
  position: absolute;
  top: 378px;
  left: 189px;
  width: 1065px;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 28px;
}

.hlavn-strana .span {
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 28px;
}

.hlavn-strana .p {
  top: 221px;
  left: 189px;
  width: 1065px;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 24px;
  line-height: 28px;
  position: absolute;
  letter-spacing: 0;
}

.hlavn-strana .REFERENCE {
  position: absolute;
  top: 1876px;
  left: -1px;
  width: 1452px;
  height: 1349px;
}

.hlavn-strana .rectangle-3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1442px;
  height: 1349px;
  background-color: #2b3347;
  border-radius: 62px;
}

.hlavn-strana .text-wrapper-2 {
  position: absolute;
  top: 163px;
  left: 178px;
  width: 221px;
  font-family: "Poppins", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 36px;
  text-align: center;
  letter-spacing: 0;
  line-height: 15px;
  white-space: nowrap;
}

.hlavn-strana .text-wrapper-3 {
  top: 216px;
  left: 189px;
  width: 795px;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 20px;
  line-height: 30px;
  position: absolute;
  letter-spacing: 0;
}

.hlavn-strana .img {
  position: absolute;
  top: 358px;
  left: 729px;
  width: 712px;
  height: 337px;
}

.hlavn-strana .PRODUKTY-a-SLUBY {
  position: absolute;
  top: 2897px;
  left: -2px;
  width: 1458px;
  height: 1255px;
}

.hlavn-strana .rectangle-4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1442px;
  height: 1255px;
  background-color: #000000;
  border-radius: 62px;
 
}

.hlavn-strana .rectangle-5 {
  position: absolute;
  top: 471px;
  left: 0;
  width: 1441px;
  height: 429px;
  background-color: #2b3347;
  
}

.hlavn-strana .z-kazn-ci-pou-vaj-na {
  position: absolute;
  top: 263px;
  left: 190px;
  width: 1065px;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 30px;
}

.hlavn-strana .PRODUKTY-SLU-BY {
  position: absolute;
  top: 186px;
  left: 190px;
  font-family: "Poppins", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 36px;
  text-align: center;
  letter-spacing: 0;
  line-height: 15px;
  white-space: nowrap;
}

.hlavn-strana .karira {
  position: absolute;
  top: 3876px;
  left: 0;
  width: 1454px;
  height: 1651px;
}

.hlavn-strana .rectangle-6 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1440px;
  height: 1651px;
  background-color: #2b3347;
  border-radius: 62px;
}

.hlavn-strana .rectangle-7 {
  position: absolute;
  top: 552px;
  left: 0;
  width: 1440px;
  height: 759px;
  background-color: #00000040;
}

.hlavn-strana .hled-te-pr-ci-na {
  position: absolute;
  top: 370px;
  left: 188px;
  width: 1065px;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 31px;
}

.hlavn-strana .text-wrapper-7 {
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 31px;  
}

.hlavn-strana .projektant-elektro-a {
  position: absolute;
  top: 691px;
  left: 186px;
  width: 1065px;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 35px;
}

.hlavn-strana .text-wrapper-8 {
  position: absolute;
  top: 298px;
  left: 188px;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 700;
  color: #6e90ea;
  font-size: 36px;
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
}

.hlavn-strana .text-wrapper-9 {
  position: absolute;
  top: 632px;
  left: 186px;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 700;
  color: #6e90ea;
  font-size: 36px;
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
}

.hlavn-strana .do-ivotopisu-pros-m {
  position: absolute;
  top: 807px;
  left: 186px;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 700;
  color: transparent;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 20px;
}

.hlavn-strana .text-wrapper-10 {
  color: #6e90ea;
  line-height: 50px;
}

.hlavn-strana .text-wrapper-11 {
  color: #ffffff;
  font-size: 15px;
  line-height: 35px;
	
}

.hlavn-strana .na-e-spole-nost-nab {
  position: absolute;
  top: 1058px;
  left: 188px;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 700;
  color: transparent;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 20px;
}

.hlavn-strana .text-wrapper-12 {
  color: #6e90ea;
}

.hlavn-strana .text-wrapper-13 {
  position: absolute;
  top: 177px;
  left: 188px;
  font-family: "Poppins", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 36px;
  text-align: center;
  letter-spacing: 0;
  line-height: 15px;
  white-space: nowrap;
}

.hlavn-strana .KONTAKTY {
  position: absolute;
  top: 702px;
  left: 0;
  width: 1460px;
  height: 6097px;
}

.hlavn-strana .rectangle-8 {
  position: absolute;
  top: 4666px;
  left: 0;
  width: 1440px;
  height: 1245px;
  background-color: #000000;
  border-radius: 62px;
}

.hlavn-strana .rectangle-9 {
  position: absolute;
  top: 5854px;
  left: 0;
  width: 1440px;
  height: 243px;
  background-color: #2b3347;
}

.hlavn-strana .div-wrapper {
  position: absolute;
  top: 5878px;
  left: 1203px;
  width: 51px;
  height: 15px;
  display: flex;
}

.hlavn-strana .text-wrapper-14 {
  margin-left: 5.88%;
  width: 44px;
  margin-right: 7.84%;
  flex: 1;
  font-family: "Helvetica Neue-Medium", Helvetica;
  font-weight: 500;
  color: #c2c2c2;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: 15px;
  white-space: nowrap;
}

.hlavn-strana .reference {
  position: absolute;
  top: 5903px;
  left: 1160px;
  width: 99px;
  height: 15px;
  display: flex;
}

.hlavn-strana .o-n-s {
  margin-left: 7.07%;
  width: 84px;
  margin-right: 8.08%;
  flex: 1;
  font-family: "Helvetica Neue-Medium", Helvetica;
  font-weight: 500;
  color: #c2c2c2;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: 15px;
  white-space: nowrap;
}

.hlavn-strana .o-n-s-wrapper {
  position: absolute;
  top: 5953px;
  left: 1181px;
  width: 78px;
  height: 15px;
  display: flex;
}

.hlavn-strana .o-n-s-2 {
  margin-left: 11.54%;
  width: 61px;
  margin-right: 10.26%;
  flex: 1;
  font-family: "Helvetica Neue-Medium", Helvetica;
  font-weight: 500;
  color: #c2c2c2;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: 15px;
  white-space: nowrap;
}

.hlavn-strana .kontakty {
  position: absolute;
  top: 5978px;
  left: 1173px;
  width: 78px;
  height: 15px;
  display: flex;
}

.hlavn-strana .o-n-s-3 {
  margin-left: 2.56%;
  width: 74px;
  margin-right: 2.56%;
  flex: 1;
  font-family: "Helvetica Neue-Medium", Helvetica;
  font-weight: 500;
  color: #c2c2c2;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: 15px;
  white-space: nowrap;
}

.hlavn-strana .produkty-a-sluby {
  top: calc(50.00% + 2880px);
  left: calc(50.00% + 358px);
  position: absolute;
  width: 175px;
  height: 15px;
  display: flex;
}

.hlavn-strana .o-n-s-4 {
  margin-left: 7.43%;
  width: 149px;
  margin-right: 7.43%;
  flex: 1;
  font-family: "Helvetica Neue-Medium", Helvetica;
  font-weight: 500;
  color: #c2c2c2;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: 15px;
  white-space: nowrap;
}

.hlavn-strana .text-wrapper-15 {
  position: absolute;
  top: 4856px;
  left: 188px;
  font-family: "Poppins", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 36px;
  text-align: center;
  letter-spacing: 0;
  line-height: 15px;
  white-space: nowrap;
}

.hlavn-strana .kutnohorsk {
    position: absolute;
    top: 4972px;
    left: 191px;
    width: 500px;
    font-family: "Helvetica Neue-Bold", Helvetica;
    font-weight: 700;
    color: #ffffff;
    font-size: 24px;
    letter-spacing: 0;
    line-height: normal;
}

.hlavn-strana .text-wrapper-16 {
    font-family: "Helvetica Neue-Bold", Helvetica;
    font-weight: 700;
    color: #ffffff;
    font-size: 24px;
    letter-spacing: 0;
    width: auto;
}

.hlavn-strana .text-wrapper-17 {
    text-decoration: underline;
    color: white;
    margin-left: 10px;
    width: auto;
}

.hlavn-strana .kutnohorsk-2 {
  position: absolute;
  top: 5882px;
  left: 458px;
  width: 382px;
  font-family: "Helvetica Neue-Medium", Helvetica;
  font-weight: 500;
  color: #c2c2c2;
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
}

.hlavn-strana .text-wrapper-18 {
  font-family: "Helvetica Neue-Medium", Helvetica;
  font-weight: 500;
  color: #c2c2c2;
  font-size: 16px;
  letter-spacing: 0;
}

.hlavn-strana .editel-spole-nosti {
  position: absolute;
  top: 4975px;
  left: 893px;
  width: 389px;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.hlavn-strana .text-wrapper-19 {
    font-weight: 700;
    width: auto;
}

.hlavn-strana .text-wrapper-20 {
  font-family: "Helvetica Neue-Medium", Helvetica;
  font-weight: 500;
}

.hlavn-strana .conel-automation-s-r-2 {
  top: 5982px;
  left: 185px;
  font-family: "Helvetica Neue-Medium", Helvetica;
  font-weight: 500;
  color: #c2c2c2;
  font-size: 16px;
  line-height: normal;
  position: absolute;
  letter-spacing: 0;
}

.hlavn-strana .text-wrapper-21 {
  position: absolute;
  top: 5776px;
  left: 217px;
  font-family: "Helvetica Neue-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 50px;
  white-space: nowrap;
}

.hlavn-strana .text-wrapper-22 {
    position: absolute;
    top: 5215px;
    left: 187px;
    width: 500px;
    font-family: "Helvetica Neue-Bold", Helvetica;
    font-weight: 700;
    color: #ffffff;
    font-size: 32px;
    letter-spacing: 0;
    line-height: normal;
}

.hlavn-strana .rectangle-10 {
  position: absolute;
  top: 5361px;
  left: 0;
  width: 1440px;
  height: 353px;
  border: 1px solid;
  border-color: #d0c6c654;
}

.hlavn-strana .text-wrapper-23 {
  position: absolute;
  top: 4905px;
  left: 188px;
  font-family: "Helvetica Neue-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 15px;
  white-space: nowrap;
}

.hlavn-strana .EMAIL-servis {
    position: absolute;
    top: 5265px;
    left: 188px;
    width: 500px;
    font-family: "Helvetica Neue-Bold", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 24px;
    letter-spacing: 0;
    line-height: normal;
}

.hlavn-strana .text-wrapper-24 {
    font-family: "Helvetica Neue-Medium", Helvetica;
    font-weight: 500;
    text-decoration: underline;
    color: white;
}

.hlavn-strana .GPS-n {
  position: absolute;
  top: 5723px;
  left: 1178px;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
}

.hlavn-strana .vrstva-2 {
  top: 5885px;
  width: 155px;
  height: 43px;
  position: absolute;
  left: 188px;
}

.hlavn-strana .nastartujeme-vs-k {
  position: absolute;
  top: 0;
  left: 261px;
  width: 919px;
  height: 15px;
}

.hlavn-strana .div-2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 919px;
  height: 15px;
}

/* NAVBAR - Použijeme Flexbox pro uspořádání a odstraníme fixed pozici */
.hlavn-strana .NAVBAR { 
    /* position: fixed; <-- SMAZAT (nebo zakomentovat) */
    /* top: 0; left: 0; <-- SMAZAT */
    position:fixed;
	width: 1440px; /* Zabere celou šířku wrapperu (max 1440px) */
    height: 108px;
    background-color: #0000008c;
    backdrop-filter: blur(5px) brightness(100%);
    -webkit-backdrop-filter: blur(5px) brightness(100%);
    
    /* Přidat Flexbox pro centrování obsahu menu */
    display: flex;
    align-items: center; /* Vertikálně vycentruje logo a odkazy */
    justify-content: space-between; /* Rozmístí obsah po stranách (nebo center, podle potřeby) */
    padding: 0 180px; /* Přidá vnitřní okraje, aby logo a texty nebyly nalepené na okrajích */
	z-index: 100;
}

.hlavn-strana .NAVBAR a {
    color: #ffffff; /* Výchozí bílá barva */
    text-decoration: none;
    transition: color 0.3s ease, opacity 0.3s ease;
}
/* Změna barvy při najetí myší */
.hlavn-strana .NAVBAR a:hover {
    color: #4da6ff; /* Např. světle modré zvýraznění */
}

.hlavn-strana .vrstva-3 {
  top: 31px;
  width: 169px;
  height: 46px;
  position: absolute;
  left: 188px; 		
}

.hlavn-strana .o-NS-2 {
  position: absolute;
  top: 47px;
  left: 580px;
  width: 51px;
  height: 15px;
  display: flex;
}

.hlavn-strana .text-wrapper-25 {
  flex: 1;
  width: 51px;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 15px;
  white-space: nowrap;
}

.hlavn-strana .reference-2 {
  position: absolute;
  top: 47px;
  left: 679px;
  width: 99px;
  height: 15px;
  display: flex;
}

.hlavn-strana .o-n-s-5 {
  flex: 1;
  width: 98px;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 15px;
  white-space: nowrap;
}

.hlavn-strana .karira-2 {
  position: absolute;
  top: 47px;
  left: 1049px;
  width: 78px;
  height: 15px;
  display: flex;
}

.hlavn-strana .o-n-s-6 {
  margin-left: 3.85%;
  width: 72px;
  margin-right: 3.85%;
  flex: 1;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 15px;
  white-space: nowrap;
}

.hlavn-strana .kontakty-2 {
  position: absolute;
  top: 47px;
  left: 1175px;
  width: 78px;
  height: 15px;
  display: flex;
}

.hlavn-strana .o-n-s-7 {
  margin-left: -6.41%;
  width: 88px;
  margin-right: -6.41%;
  flex: 1;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 15px;
  white-space: nowrap;
}

.hlavn-strana .produkty-a-sluby-2 {   
  top: 47px;
  left: 830px;
/*	top: calc(50.00% - 7px);
  left: calc(50.00% + 106px); */
  position: absolute;
  width: 175px;
  height: 15px;
  display: flex;
}

.hlavn-strana .o-n-s-8 {
  flex: 1;
  width: 175px;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 15px;
  white-space: nowrap;
}