.es-contact-page {
width: 100%;
margin: 0;
padding: 0;
background: #121212;
color: inherit;
box-sizing: border-box;
}
.es-contact-page *, 
.es-contact-page *:before, 
.es-contact-page *:after {
box-sizing: border-box;
}
.es-contact-section {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 30px 80px;
} .es-contact-header {
max-width: 720px;
margin: 0 auto 50px;
text-align: center;
}
.es-contact-eyebrow {
display: block;
margin-bottom: 16px;
font-size: 10px;
line-height: 1.4;
font-weight: 700;
letter-spacing: 3px;
text-transform: uppercase;
opacity: 0.5;
}
.es-contact-header h2 {
margin: 0 0 18px;
font-size: clamp(32px, 4vw, 46px);
line-height: 1.08;
font-weight: 600;
letter-spacing: -1px;
color: inherit;
}
.es-contact-header p {
max-width: 540px;
margin: 0 auto;
font-size: 15px;
line-height: 1.75;
opacity: 0.6;
color: inherit;
} .es-contact-split-flex {
display: flex;
gap: 30px;
width: 100%;
} .es-contact-card {
flex: 1;
min-width: 0;
background: #181818;
border: 1px solid rgba(255, 255, 255, 0.11);
border-radius: 8px;
padding: 40px 40px 20px 40px;
}
.es-card-title {
margin: 0 0 25px;
font-size: 20px;
font-weight: 600;
letter-spacing: -0.5px;
color: inherit;
border-bottom: 1px solid rgba(2, 159, 227, 0.4);
padding-bottom: 15px;
} .es-info-list {
display: flex;
flex-direction: column;
gap: 22px;
}
.es-info-row {
display: flex;
flex-direction: column;
line-height: 1.6;
}
.es-label {
font-size: 10px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
opacity: 0.45;
margin-bottom: 2px;
}
.es-info-row strong,
.es-info-row span {
font-size: 15px;
line-height: 1.5;
color: inherit;
}
.es-info-row a {
color: inherit;
text-decoration: none !important;
font-weight: 600;
transition: opacity 0.25s ease;
}
.es-info-row a:hover {
opacity: 0.7;
} .es-contact-map {
width: 100%;
margin: 0;
padding: 0;
line-height: 0;
background: #121212;
border-top: 2px solid rgba(2, 159, 227, 0.9);
overflow: hidden;
}
.es-contact-map iframe {
display: block;
width: 100%;
height: 450px;
margin: 0;
padding: 0;
border: 0;
} @media (max-width: 900px) {
.es-contact-split-flex {
flex-direction: column; gap: 20px;
}
.es-contact-card {
padding: 30px 20px;
}
.es-contact-section {
padding: 50px 15px;
}
.es-contact-map iframe {
height: 350px;
}
} .es-tv-section {
width: 100vw;
max-width: 100vw;
min-height: 700px;
position: relative;
overflow: hidden;
background-image: url(//elektrostela.cz/wp-content/uploads/2026/08/televize-bg.webp);
background-size: cover;
background-position: center center;
background-repeat: no-repeat; margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
} .es-tv-info-box {
position: absolute;
top: 50%;
right: 6%;
transform: translateY(-50%);
width: 500px;
padding: 32px 34px;
box-sizing: border-box;
background: rgba(24, 24, 24, 0.84);
border: 1px solid rgba(255, 255, 255, 0.14);
border-radius: 4px;
box-shadow:
0 20px 60px rgba(0, 0, 0, 0.45),
inset 0 1px 0 rgba(255, 255, 255, 0.04);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
color: #fff;
z-index: 5;
} .es-tv-info-title {
margin: 0 0 22px;
padding-bottom: 15px;
font-size: 25px;
line-height: 1.2;
font-weight: 600;
letter-spacing: 0.3px;
color: #fff;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
} .es-tv-info-list {
margin: 0;
padding: 0;
list-style: none;
} .es-tv-info-list li {
position: relative;
margin: 0;
padding: 11px 0 11px 18px;
font-size: 15px;
line-height: 1.45;
color: rgba(255, 255, 255, 0.82);
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
} .es-tv-info-list li::before {
content: "";
position: absolute;
left: 0;
top: 18px;
width: 5px;
height: 5px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.75);
}
.es-tv-info-list li:last-child {
border-bottom: none;
} .es-tv-info-note {
margin: 20px 0 0;
font-size: 13px;
line-height: 1.6;
color: rgba(255, 255, 255, 0.55);
} @media (max-width: 900px) {
.es-tv-info-box {
right: 4%;
width: 360px;
}
} @media (max-width: 650px) {
.es-tv-section {
min-height: 750px;
}
.es-tv-info-box {
position: absolute;
top: auto;
bottom: 30px;
left: 18px;
right: 18px;
width: auto;
transform: none;
padding: 25px 23px;
}
.es-tv-info-title {
font-size: 21px;
}
.es-tv-info-list li {
font-size: 14px;
}
} .es-audio-section {
width: 100vw;
max-width: 100vw;
min-height: 700px;
position: relative;
overflow: hidden;
background-image: url(//elektrostela.cz/wp-content/uploads/2026/08/audio-bg.webp);
background-size: cover;
background-position: center center;
background-repeat: no-repeat; margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
} .es-audio-info-box {
position: absolute;
top: 50%;
right: 6%;
transform: translateY(-50%);
width: 500px;
padding: 32px 34px;
box-sizing: border-box;
background: rgba(24, 24, 24, 0.84);
border: 1px solid rgba(255, 255, 255, 0.14);
border-radius: 4px;
box-shadow:
0 20px 60px rgba(0, 0, 0, 0.45),
inset 0 1px 0 rgba(255, 255, 255, 0.04);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
color: #fff;
z-index: 5;
} .es-audio-info-title {
margin: 0 0 22px;
padding-bottom: 15px;
font-size: 25px;
line-height: 1.2;
font-weight: 600;
letter-spacing: 0.3px;
color: #fff;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
} .es-audio-info-list {
margin: 0;
padding: 0;
list-style: none;
} .es-audio-info-list li {
position: relative;
margin: 0;
padding: 11px 0 11px 18px;
font-size: 15px;
line-height: 1.45;
color: rgba(255, 255, 255, 0.82);
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
} .es-audio-info-list li::before {
content: "";
position: absolute;
left: 0;
top: 18px;
width: 5px;
height: 5px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.75);
}
.es-audio-info-list li:last-child {
border-bottom: none;
} .es-audio-info-note {
margin: 20px 0 0;
font-size: 13px;
line-height: 1.6;
color: rgba(255, 255, 255, 0.55);
} @media (max-width: 900px) {
.es-audio-info-box {
right: 4%;
width: 360px;
}
} @media (max-width: 650px) {
.es-audio-section {
min-height: 750px;
}
.es-audio-info-box {
position: absolute;
top: auto;
bottom: 30px;
left: 18px;
right: 18px;
width: auto;
transform: none;
padding: 25px 23px;
}
.es-audio-info-title {
font-size: 21px;
}
.es-audio-info-list li {
font-size: 14px;
}
} .es-prislusenstvi-section {
width: 100vw;
max-width: 100vw;
min-height: 700px;
position: relative;
overflow: hidden;
background-image: url(//elektrostela.cz/wp-content/uploads/2026/08/prislusenstvi-bg.webp);
background-size: cover;
background-position: center center;
background-repeat: no-repeat; margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
} .es-prislusenstvi-info-box {
position: absolute;
top: 50%;
right: 6%;
transform: translateY(-50%);
width: 500px;
padding: 32px 34px;
box-sizing: border-box;
background: rgba(24, 24, 24, 0.84);
border: 1px solid rgba(255, 255, 255, 0.14);
border-radius: 4px;
box-shadow:
0 20px 60px rgba(0, 0, 0, 0.45),
inset 0 1px 0 rgba(255, 255, 255, 0.04);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
color: #fff;
z-index: 5;
} .es-prislusenstvi-info-title {
margin: 0 0 22px;
padding-bottom: 15px;
font-size: 25px;
line-height: 1.2;
font-weight: 600;
letter-spacing: 0.3px;
color: #fff;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
} .es-prislusenstvi-info-list {
margin: 0;
padding: 0;
list-style: none;
} .es-prislusenstvi-info-list li {
position: relative;
margin: 0;
padding: 11px 0 11px 18px;
font-size: 15px;
line-height: 1.45;
color: rgba(255, 255, 255, 0.82);
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
} .es-prislusenstvi-info-list li::before {
content: "";
position: absolute;
left: 0;
top: 18px;
width: 5px;
height: 5px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.75);
}
.es-prislusenstvi-info-list li:last-child {
border-bottom: none;
} .es-prislusenstvi-info-note {
margin: 20px 0 0;
font-size: 13px;
line-height: 1.6;
color: rgba(255, 255, 255, 0.55);
} @media (max-width: 900px) {
.es-prislusenstvi-info-box {
right: 4%;
width: 360px;
}
} @media (max-width: 650px) {
.es-prislusenstvi-section {
min-height: 750px;
}
.es-prislusenstvi-info-box {
position: absolute;
top: auto;
bottom: 30px;
left: 18px;
right: 18px;
width: auto;
transform: none;
padding: 25px 23px;
}
.es-prislusenstvi-info-title {
font-size: 21px;
}
.es-prislusenstvi-info-list li {
font-size: 14px;
}
} .es-servis-section {
width: 100vw;
max-width: 100vw;
min-height: 700px;
position: relative;
overflow: hidden;
background-image: url(//elektrostela.cz/wp-content/uploads/2026/08/servis-bg.webp);
background-size: cover;
background-position: center center;
background-repeat: no-repeat; margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
} .es-servis-info-box {
position: absolute;
top: 50%;
right: 6%;
transform: translateY(-50%);
width: 500px;
padding: 32px 34px;
box-sizing: border-box;
background: rgba(24, 24, 24, 0.84);
border: 1px solid rgba(255, 255, 255, 0.14);
border-radius: 4px;
box-shadow:
0 20px 60px rgba(0, 0, 0, 0.45),
inset 0 1px 0 rgba(255, 255, 255, 0.04);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
color: #fff;
z-index: 5;
} .es-servis-info-title {
margin: 0 0 22px;
padding-bottom: 15px;
font-size: 25px;
line-height: 1.2;
font-weight: 600;
letter-spacing: 0.3px;
color: #fff;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
} .es-servis-info-list {
margin: 0;
padding: 0;
list-style: none;
} .es-servis-info-list li {
position: relative;
margin: 0;
padding: 11px 0 11px 18px;
font-size: 15px;
line-height: 1.45;
color: rgba(255, 255, 255, 0.82);
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
} .es-servis-info-list li::before {
content: "";
position: absolute;
left: 0;
top: 18px;
width: 5px;
height: 5px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.75);
}
.es-servis-info-list li:last-child {
border-bottom: none;
} .es-servis-info-note {
margin: 20px 0 0;
font-size: 13px;
line-height: 1.6;
color: rgba(255, 255, 255, 0.55);
} @media (max-width: 900px) {
.es-servis-info-box {
right: 4%;
width: 360px;
}
} @media (max-width: 650px) {
.es-servis-section {
min-height: 750px;
}
.es-servis-info-box {
position: absolute;
top: auto;
bottom: 30px;
left: 18px;
right: 18px;
width: auto;
transform: none;
padding: 25px 23px;
}
.es-servis-info-title {
font-size: 21px;
}
.es-servis-info-list li {
font-size: 14px;
}
}