:root {
--accent: #E2040C;
--light: #EBEBEB;
--grey: #747379;
--light-grey: #D5D6DD;
--white: #ffffff;
--black: #000000;
}
@font-face {
font-family: "Silka";
src: url(//www.aluvia.sk/wp-content/themes/aluvia/fonts/silka-regular-webfont.eot); src: url(//www.aluvia.sk/wp-content/themes/aluvia/fonts/silka-regular-webfont.eot?#iefix) format("embedded-opentype"), url(//www.aluvia.sk/wp-content/themes/aluvia/fonts/silka-regular-webfont.woff2) format("woff2"), url(//www.aluvia.sk/wp-content/themes/aluvia/fonts/silka-regular-webfont.woff) format("woff"), url(//www.aluvia.sk/wp-content/themes/aluvia/fonts/silka-regular-webfont.ttf)  format("truetype"); font-weight: 400;
}
@font-face {
font-family: "Silka";
src: url(//www.aluvia.sk/wp-content/themes/aluvia/fonts/silka-medium-webfont.eot); src: url(//www.aluvia.sk/wp-content/themes/aluvia/fonts/silka-medium-webfont.eot?#iefix) format("embedded-opentype"), url(//www.aluvia.sk/wp-content/themes/aluvia/fonts/silka-medium-webfont.woff2) format("woff2"), url(//www.aluvia.sk/wp-content/themes/aluvia/fonts/silka-medium-webfont.woff) format("woff"), url(//www.aluvia.sk/wp-content/themes/aluvia/fonts/silka-medium-webfont.ttf)  format("truetype"); font-weight: 500;
}
@font-face {
font-family: "Silka";
src: url(//www.aluvia.sk/wp-content/themes/aluvia/fonts/silka-semibold-webfont.eot); src: url(//www.aluvia.sk/wp-content/themes/aluvia/fonts/silka-semibold-webfont.eot?#iefix) format("embedded-opentype"), url(//www.aluvia.sk/wp-content/themes/aluvia/fonts/silka-semibold-webfont.woff2) format("woff2"), url(//www.aluvia.sk/wp-content/themes/aluvia/fonts/silka-semibold-webfont.woff) format("woff"), url(//www.aluvia.sk/wp-content/themes/aluvia/fonts/silka-semibold-webfont.ttf)  format("truetype"); font-weight: 600;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
a {
text-decoration: none;
transition: all 0.3s ease;
color: var(--bright);
}
button {
outline: 0;
}
ol,ul {
list-style: none;
}
blockquote,q {
quotes: none;
}
blockquote:before,blockquote:after,q:before,q:after {
content: '';
content: none;
}
q {
display: inline;
font-style: italic;
}
q:before {
content: '"';
font-style: normal;
}
q:after {
content: '"';
font-style: normal;
}
textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"] {
-webkit-appearance: none;
appearance: none;
border-radius: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
th,td {
padding: 2px;
}
big {
font-size: 120%;
}
small,sup,sub {
font-size: 80%;
}
sup {
vertical-align: super;
}
sub {
vertical-align: sub;
}
dd {
margin-left: 20px;
}
kbd,tt {
font-family: courier;
font-size: 12px;
}
ins {
text-decoration: underline;
}
del,strike,s {
text-decoration: line-through;
}
dt {
font-weight: bold;
}
address,cite,var {
font-style: italic;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display: block;
}
* {
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
}
html {
max-width: 100%;
overflow-y: scroll;
overflow-x: hidden;
scroll-behavior: smooth;
}
body {
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
min-height: 100vh;
overflow: hidden;
font-family: "Silka", sans-serif;
background: var(--white);
font-size: 15px;
color: var(--black);
}
p {
font-family: "Silka", sans-serif;
font-size: 15px;
line-height: 1.3;
font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Silka", sans-serif;
font-weight: 400;
line-height: 1.2;
}
h1 {
font-size: 60px;
}
h2 {
font-size: 40px;
}
h2.large {
font-size: 60px;
}
h3 {
font-size: 30px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 15px; 
font-weight: 500;
}
.light h2, .light h3, .light h4, .light h5, .light h6, .light p {
color: var(--white);
}
strong {
font-weight: 600;
}
img {
width: 100%;
height: auto;
display: block;
}
.center {
text-align: center;
}
a.main-btn {
display: inline-block;
color: #fff;
padding: 17px 36px;
background: #000;
transition: all 0.3s ease;
font-family: 'Silka';
font-weight: 500;
font-size: 15px;
position: relative;
}
a.main-btn span {
position: relative;
z-index: 1;
}
a.main-btn:after {
content: '';
width: 100%;
height: 0%;
position: absolute;
bottom: 0;
left: 0;
background: #282828;
transition: all 0.3s ease;
}
a.main-btn:hover:after {
height: 100%;
}
a.main-btn:hover {
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);
}
a.cta {
display: inline-block;
color: #000;
padding: 10px 23px 10px 0;
transition: all 0.3s ease;
font-family: 'Silka';
font-weight: 500;
font-size: 15px;
position: relative;
}
a.cta:after {
content: '';
width: 13px;
height: 13px;
background: url(//www.aluvia.sk/wp-content/uploads/2025/12/icon-plus.svg);
position: absolute;
right: 0;
top: 12px;
background-size: contain;
background-repeat: no-repeat;
}
a.cta::before {
content: '';
width: 100%;
height: 1px;
background: #404040;
position: absolute;
left: 0;
bottom: 0;
transition: all 0.3s ease;
}
a.cta:hover::before {
animation: myCta 600ms forwards;
animation-delay: 200ms;
background: #000;
}
@keyframes myCta {
0%   { width: 0%; }
100% { width: 100%; }
} section {
width: 100%;
}
.row.in-grid {
max-width: 1400px;
padding-left: 38px;
padding-right: 38px;
margin: auto;
position: relative;
z-index: 2;
}
.columns-wrapper {
display: flex;
display: -ms-flexbox;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
float: none;
width: 100%;
}
.columns-wrapper.middle {
align-items: center;
}
.col-12 {
flex: 0 0 100%;
width: 100%;
}
.col-11 {
flex: 0 0 91.66666667%;
width: 91.66666667%;
}
.col-10 {
flex: 0 0 83.33333333%;
width: 83.33333333%;
}
.col-9 {
flex: 0 0 75%;
width: 75%;
}
.col-8 {
flex: 0 0 66.66666667%;
width: 66.66666667%;
}
.col-7 {
flex: 0 0 58.33333333%;
width: 58.33333333%;
}
.col-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-4-5 {
width: 80%;
}
.col-3-5 {
width: 60%;
}
.col-2-5 {
width: 40%;
}
.col-1-5 {
width: 20%;
}
.col-3-0 {
width: 30%;
}
.col-7-0 {
width: 70%;
} .content-container {
position: relative;
z-index: 2;
margin: 0 auto;
}
.wp-block-group {
max-width: 1400px;
margin: 0 auto;
padding-left: 38px;
padding-right: 38px;
} 
.wp-block-group.alignfull {
width: 100%;
max-width: none;
padding-left: 0px;
padding-right: 0px;
} @media (max-width: 1000px) {
.col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1, .col-4-5, .col-3-5, .col-2-5, .col-1-5, .col-3-0, .col-7-0 {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
padding-left: 0%;
padding-right: 0%;
}
} header {
display: flex;
z-index: 3;
align-items: center;
position: relative;
height: 100%;
width: 100%;
padding: 25px 38px;
justify-content: space-between;
}
.logo img {
height: 40px;
width: auto !important;
}
#header .logo a {
display: flex;
}
.header-right {
margin-right: 100px;
z-index: 3;
position: relative;
}
.drawer-hamburger, .drawer-hamburger:hover {
position: absolute;
margin-top: 20px;
margin-right: 38px;
padding: 14px 0px 25px;
}
.drawer-hamburger {
width: 60px;
}
.drawer-hamburger-icon {
background: transparent !important;
}
.drawer-hamburger-icon, 
.drawer-hamburger-icon:after, 
.drawer-hamburger-icon:before {
background-color: #000;
height: 1px;
}
.drawer-hamburger-icon:before {
top: -6px;
}
.drawer-hamburger-icon:after {
top: 6px;
} 
.drawer-open .drawer-hamburger:before {
opacity: 0;
}
.drawer-open .drawer-hamburger-icon:after, 
.drawer-open .drawer-hamburger-icon:before {
width: 60px;
}
.drawer--top .drawer-nav {
height: 100vh;
background: rgb(101 100 106 / 86%);
backdrop-filter: blur(16px);
}
a.header-link {
font-weight: 500;
transition: all 0.3s ease;
}
.page-template-template-homepage a.header-link {
color: #fff;
}
.page-template-template-homepage .drawer-hamburger-icon, 
.page-template-template-homepage .drawer-hamburger-icon:after, 
.page-template-template-homepage .drawer-hamburger-icon:before {
background-color: #fff;
}
.drawer-open a.header-link {
color: #fff;
}
.drawer-open .drawer-hamburger-icon, 
.drawer-open .drawer-hamburger-icon:after, 
.drawer-open .drawer-hamburger-icon:before {
background-color: #fff;
}
.section.megamenu, 
.section.megamenu .row,
.section.megamenu .columns-wrapper,
.section.megamenu .col-6{
height: 100%;
}
.col-6.menu-left {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-right: 1px solid #fff;
}
header ul.menu {
display: flex;
flex-direction: column;
gap: 40px;
margin-left: -60px;
}
header ul.menu li.menu-item a {
font-size: 40px;
line-height: 1.1;
color: #fff;
transition: all 0.3s ease;
position: relative;
}
header ul.menu li.menu-item a:after {
content: '';
width: 0%;
height: 1px;
position: absolute;
background: #fff;
left: 0;
bottom: -5px;
transition: all 0.45s ease;
}
header ul.menu li.menu-item:hover a:after {
width: 100%;
}
header ul.menu li.menu-item.current-menu-item a:after {
display: none;
}
header ul.menu li.menu-item.current-menu-item a {
color: #000;
}
header ul.menu {
counter-reset: my-counter;
}
header ul.menu li:before{
counter-increment: my-counter;
content: "(0" counter(my-counter) ")";
color: var(--light-grey);
font-size: 15px;
display: inline-block;
margin-right: 15px;
top: -10px;
position: relative;
}
.col-6.sign-right {
display: flex;
flex-direction: column;
justify-content: space-between;
padding-top: 30px;
padding-left: 77px;
padding-bottom: 70px;
}
.col-6.sign-right img.sign-A {
max-width: 276px;
} .section.home-1 {
margin-top: -90px;
background: var(--light);
}
.home-1 .col-9 {
position: relative;
flex: 0 0 auto;
width: auto;
flex-grow: 1;
}
.main-bgr {
position: absolute;
top: 0;
left: 0;
width: calc(100vw - ((100vw - min(100vw, 1400px)) / 2 + 38px + max(350px, (min(100vw, 1400px) - 76px) * 0.25)));
height: 100%;
background: url(//www.aluvia.sk/wp-content/uploads/2025/12/main-img.jpg);
background-size: cover;
background-position: center;
}
.home-1 .col-3 {
min-width: 350px;
max-width: none;
height: 100vh;
max-height: 720px;
padding: 140px 0px 70px 0;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.home-1 h1 {
font-size: 20px;
max-width: 195px;
}
.home-1 img.sign-A {
max-width: 276px;
}
.section.home-2 {
padding-top: 50px;
padding-bottom: 70px;
}
.section.home-2 h2 {
max-width: 1240px;
}
.section.home-3 {
padding-bottom: 70px;
}
h5.subtitle {
position: relative;
padding-top: 14px;
}
h5.subtitle:before {
content: '';
width: 33px;
height: 2px;
background: #000;
position: absolute;
left: 0;
top: 0;
}
.section.home-4 .col-6.left {
position: relative;
}
.section.home-4 .col-6.left .bgr {
position: absolute;
width: calc(100% - 70px);
height: 100%;
left: 0;
top: 0;
background: url(//www.aluvia.sk/wp-content/uploads/2025/12/1R9A1129.jpg);
background-size: cover;
background-position: center;
}
.section.home-4 .col-6.right {
position: relative;
}
.section.home-4 img.badge {
max-width: 130px;
bottom: 0;
margin-left: clamp(400px, 35vw, 500px);
margin-top: -50px;
margin-bottom: -40px
}
.section.home-4 h3 {
padding-bottom: 60px;
}
.section.features {
padding-top: 80px;
padding-bottom: 80px;
}
p.number {
opacity: 0.4;
margin-bottom: 15px;
}
.section.showcase {
background: var(--light-grey);
}
.section.showcase .col-4 {
padding: 60px 0 50px 0;
display: flex;
flex-direction: column;
height: 100vh;
max-height: 800px;
justify-content: space-between;
}
.showcase-text {
max-width: 380px;
}
.showcase-text h4 {
margin-bottom: 30px;
}
.section.showcase .col-8 {
position: relative;
}
.section.showcase .col-8 .bgr {
position: absolute;
width: calc(
100vw
- (
(100vw - min(100vw, 1400px)) / 2   
+ 38px                               
+ ( (min(100vw, 1400px) - 76px) * 0.3333333333 )  
)
);
height: 100%;
top: 0;
left: 0;
background: url(//www.aluvia.sk/wp-content/uploads/2025/12/Shell-Stropkov.jpg);
background-size: cover;
background-position: center;
}
.showcase-tabs {
background: #ffffff;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
max-width: 430px;
width: 100%;
overflow: hidden;
padding: 15px 35px;
position: absolute;
bottom: 50px;
right: 0;
}
.tab-buttons {
display: flex;
position: relative;
justify-content: space-between;
gap: 16px;
}
.tab-button {
padding: 8px 0px;
text-align: center;
background: transparent;
border: none;
cursor: pointer;
font-size: 15px;
font-weight: 500;
color: rgb(0 0 0 / 22%);
transition: color 0.4s ease;
position: relative;
z-index: 1;
font-family: 'Silka';
}
.tab-button:hover {
color: #000;
}
.tab-button.active {
color: #000;
}
.tab-indicator {
position: absolute;
bottom: 0;
left: 0;
height: 1px;
width: 0;
background: #000;
border-radius: 999px;
transition: transform 0.45s ease;
}
.tab-contents {
padding: 20px 0px;
}
.tab-content {
display: none;
opacity: 0;
transform: translateY(10px);
}
.showcase-pallete {
display: flex;
align-items: center;
gap: 25px;
}
.tab-content.active {
display: block;
animation: tabFade 0.45s ease forwards;
}
@keyframes tabFade {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.showcase-text a.main-btn {
margin-right: 40px;
} .section.profily {
padding-top: 80px;
padding-bottom: 70px;
}
.section.profily h2 {
margin-bottom: 30px;
}
.section.profily .col-8 {
background: var(--light);
min-height: 680px;
position: relative;
}
.profile-list {
list-style: none;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 14px;
position: absolute;
top: 44px;
left: 44px;
z-index: 1;
}
.profile-item {
cursor: pointer;
padding-bottom: 6px;
font-size: 15px;
position: relative;
}
.profile-item::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 1px;
background-color: #000;
transition: width 0.3s ease;
}
.profile-item:hover::after {
width: 100%;
}
.profile-item.active::after {
width: 100%;
} .profile-image-wrapper {
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.profile-image {
width: 100%;
height: 100%;
max-height: 500px;
max-width: 500px;
object-fit: contain;
transition: opacity 0.35s ease;
mix-blend-mode:multiply;
}
.profile-image.fade-out {
opacity: 0;
} .accordion-list {
padding-left: 24px;
margin-top: -20px;
}
.accordion-item {
border-bottom: 1px solid #D5D6DD;
}
.accordion-header {
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
padding: 20px 0;
}
.accordion-left {
display: flex;
align-items: center;
gap: 12px;
}
.accordion-index {
font-size: 15px;
color: var(--grey);
min-width: 35px;
}
.accordion-title {
font-size: 20px;
line-height: 1;
}
.accordion-body {
max-height: 0;
overflow: hidden;
transition: all 0.35s ease;
}
.accordion-body-inner {
padding: 0 0 25px 47px;
font-size: 15px;
line-height: 1.4;
}
.accordion-item.open .accordion-body {
max-height: 500px; 
}
span.accordion-toggle svg.toggle-icon {
width: 13px;
height: 13px;
}
span.accordion-toggle {
width: 13px;
height: 13px;
}
span.accordion-toggle svg.toggle-icon path.v {
transition: all 0.2s ease;
}
.accordion-item.open span.accordion-toggle svg.toggle-icon path.v {
stroke-width: 0px;
} .section.single-top {
padding-top: 75px;
padding-bottom: 40px;
}
.single-top h1 {
padding-left: 110px;
position: relative;
margin-bottom: 33px;
}
.single-top h1 span {
font-size: 15px;
color: var(--grey);
position: relative;
top: 13px;
left: 0;
position: absolute;
}
.single-main-img {
position: relative;
width: 100%;
aspect-ratio: 2 / 1;
display: block;
background-size: cover;
background-position: center;
}
table.info-table {
width: 100%;
max-width: 300px;
}
table.info-table td {
padding: 15px 0;
border-bottom: 1px solid #000;
}
table.info-table td:last-child {
text-align: right;
}
.section.single-content .col-9 {
padding-left: 30px;
}
.realizacia-gallery-wrapper {
display: flex;
flex-wrap: wrap;
margin-right: -3px;
margin-left: -3px;
}
.realizacia-gallery-item {
flex: 0 0 33.333%;
padding: 3px;
}
.realizacia-gallery-item a {
position: relative;
height: auto;
width: 100%;
aspect-ratio: 3 / 2;
display: block;
overflow: hidden;
}
.realizacia-gallery-item a img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.35s ease;
}
.realizacia-gallery-item a:hover img {
transform: scale(1.1);
}
.section.single-content {
padding-bottom: 120px;
}
.section.next-ref .col-5 {
background: var(--light-grey);
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 60px 0px 60px 60px;
min-height: 515px;
}
.next-ref-title {
max-width: 490px;
}
.next-ref-title h3 {
margin-bottom: 30px;
}
.col-7.next-ref-image {
position: relative;
}
.col-7.next-ref-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.section.page-top {
padding-top: 75px;
padding-bottom: 40px;
}
.page-top h1 {
padding-left: 50px;
position: relative;
}
.page-top h1 span {
font-size: 15px;
color: var(--grey);
position: relative;
top: 13px;
left: 0;
position: absolute;
} .referencie-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.referencie-grid .referencie-item {
grid-column: span 1;
margin-bottom: 30px;
}
.referencie-grid .referencie-item:nth-child(5n + 2) {
grid-column: span 2;
}
.referencie-thumb {
position: relative;
aspect-ratio: 3 / 2;
width: 100%;
overflow: hidden;
}
.referencie-grid .referencie-item:nth-child(5n + 2) .referencie-thumb {
position: relative;
aspect-ratio: 3 / 1.5;
width: 100%;
}
.referencie-thumb img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
transition: all 0.45s ease-in-out;
}
.referencie-item a:hover .referencie-thumb img {
transform: scale(1.08);
}
.referencie-meta {
display: flex;
gap: 10px;
margin-top: 18px;
}
span.referencie-year {
position: relative;
top: 3px;
color: var(--grey);
}
.section.referencie-info {
padding-top: 100px;
padding-bottom: 80px;
}
.section.referencie-info h3 {
max-width: 1100px;
margin-bottom: 30px;
}
.section.referencie-info a.main-btn {
margin-right: 30px;
}
.section.referencie-selected {
background: var(--light);
padding-top: 45px;
padding-bottom: 45px;
}
.referencie-selected .referencie-grid {
margin-top: 40px;
margin-bottom: 40px;
}
.referencie-selected .referencie-grid .referencie-item:nth-child(5n + 2) {
grid-column: span 1;
}
.referencie-selected .referencie-grid .referencie-item:nth-child(5n + 2) .referencie-thumb {
aspect-ratio: 3 / 2;
}
.referencie-footer {
text-align: right; 
} .section.page-top h4 {
padding-left: 50px;
margin-top: 10px;
max-width: 1000px;
margin-bottom: 50px;
}
.columns-wrapper.images {
align-items: flex-end;
}
.uvod-image.uvod-image-1 {
position: relative;
width: 100%;
aspect-ratio: 4 / 3;
}
.uvod-image.uvod-image-2 {
position: relative;
width: 100%;
aspect-ratio: 3 / 2;
}
.uvod-image img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
} .section.contactform {
padding-top: 84px;
padding-bottom: 84px;
}
.contactform .col-4 {
background: var(--light-grey);
padding: 50px 35px 30px 35px;
display: flex;
flex-direction: column;
}
.contactform .col-4 h3 {
max-width: 280px;
margin-bottom: 15px;
line-height: 1.3;
}
.contact-bottom {
display: flex;
align-items: center;
gap: 25px;
padding-top: 30px;
margin-top: auto;
margin-bottom: 0;
border-top: 1px solid #000;
}
.contact-bottom img {
flex: 0 0 90px;
height: 90px;
width: 90px;
border-radius: 50%;
object-fit: cover;
}
.contact-info p.name, 
.contact-info a.phone{
font-size: 20px;
margin-top: 10px;
}
.contactform .col-8 {
padding-left: 18px;
}
.contactform-inner {
background: #000;
height: 100%;
padding: 60px;
} .wpcf7-form textarea, .wpcf7-form input[type="text"], 
.wpcf7-form input[type="email"] {
border: 1px solid var(--grey);
width: 100%;
background: transparent;
margin-bottom: 20px;
height: 64px;
font-size: 20px;
color: var(--white);
padding: 20px 30px;
border-radius: 0px;
box-shadow: none;
font-family: 'Silka';
outline: none;
margin-top: 8px;
transition: all 0.3s ease;
}
.wpcf7-form textarea::placeholder, .wpcf7-form input[type="text"]::placeholder, 
.wpcf7-form input[type="email"]::placeholder {
color: rgb(213 214 221 / 60%);
}
.wpcf7-form textarea:focus, .wpcf7-form input[type="text"]:focus, 
.wpcf7-form input[type="email"]:focus {
border: 1px solid #fff;
}
.wpcf7-form textarea {
height: 130px;
}
.wpcf7 label {
font-size: 15px;
color: #fff;
}
.wpcf7-form .col-6 {
padding-right: 5px;
padding-left: 5px;
}
.wpcf7-form .columns-wrapper {
width: calc(100% + 10px);
margin-left: -5px;
}
.wpcf7-form .btn-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 20px;
}
.wpcf7 input[type="checkbox"] {
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
-webkit-appearance: none;
width: 0px !important;
}
span.wpcf7-list-item label {
display: flex;
opacity: 1;
}
.wpcf7-list-item {
margin: 0;
}
span.wpcf7-list-item-label {
position: relative;
padding-left: 55px;
line-height: 1.1;
color: var(--white);
cursor: pointer;
text-transform: none;
text-align: left;
margin-left: -5px;
font-size: 15px;
font-family: 'Silka';
}
span.wpcf7-list-item-label a {
text-decoration: underline;
color: var(--white);
}
span.wpcf7-list-item-label:before {
content: '';
width: 37px;
height: 39px;
position: absolute;
background: rgb(213 214 221 / 26%);
display: block;
left: 0;
top: 50%;
transform: translateY(-50%);
}
span.wpcf7-list-item-label:after {
content: '';
width: 37px;
height: 39px;
position: absolute;
display: block;
left: 0px;
top: 50%;
transform: translateY(-50%);
background: #fff;
transition: all 0.2s ease;
background-image: url(//www.aluvia.sk/wp-content/uploads/2025/12/icon-check.svg);
background-size: 21px;
background-repeat: no-repeat;
background-position: center;
opacity: 0;
}
input[type="checkbox"]:checked + span.wpcf7-list-item-label:after {
transform: translateY(-50%);
opacity: 1;
}
span.wpcf7-not-valid-tip {
top: auto !important;
padding: 0 !important;
background: transparent;
box-shadow: none !important;
color: #000000 !important;
font-size: 11px;
top: 19px !important;
position: absolute;
left: auto;
right: 10px;
height: auto;
font-weight: 500;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
background: rgb(0 0 0 / 20%);
border-color: #000000;
color: #000;
font-size: 15px;
line-height: 1.5;
padding: 15px;
border-radius: 9px;
text-align: center;
}
.gdpr span.wpcf7-not-valid-tip {
margin-top: 10px;
top: auto !important;
bottom: auto !important;
left: 49px !important;
position: relative;
}
.form-field {
margin-top: 20px;
}
button.main-btn.light {
display: inline-block;
color: #000;
padding: 17px 36px;
background: #fff;
transition: all 0.3s ease;
font-family: 'Silka';
font-weight: 500;
font-size: 15px;
position: relative;
border: none;
cursor: pointer;
}
button.main-btn.light span {
position: relative;
z-index: 1;
}
button.main-btn.light:after {
content: '';
width: 100%;
height: 0%;
position: absolute;
bottom: 0;
left: 0;
background: #d5d6dd;
transition: all 0.3s ease;
}
button.main-btn.light:hover:after {
height: 100%;
} #footer {
padding-top: 46px;
border-top: 1px solid rgb(0 0 0 / 20%);
}
p.footer-title {
color: var(--grey);
margin-bottom: 12px;
}
.footer-top ul.menu {
display: flex;
flex-direction: column;
gap: 12px;
}
.footer-top ul.menu a:hover,
.footer-bottom a:hover{
text-decoration: underline;
}
.footer-top a.email {
font-size: 40px;
text-decoration: underline;
text-decoration-thickness: 3px;
}
.section.footer-bottom {
padding-top: 30px;
padding-bottom: 25px;
}
.section.footer-bottom * {
font-size: 12px;
}
.footer-bottom .columns-wrapper {
align-items: flex-end;
}
.footer-bottom .col-8 {
display: flex;
gap: 20px;
}
p.copyright {
opacity: 0.3;
}
p.captcha {
opacity: 0.6;
margin-top: 5px;
} @media (max-width: 1000px) {
header {
padding: 20px 15px;
}
.logo img {
height: 30px;
}
.header-right {
margin-right: 65px;
}
.drawer-hamburger, .drawer-hamburger:hover {
margin-top: 10px;
margin-right: 15px;
}
a.header-link {
font-size: 13px;
}
.drawer-hamburger {
width: 44px;
}
.drawer-open .drawer-hamburger-icon:after, 
.drawer-open .drawer-hamburger-icon:before {
width: 44px;
}
.section.megamenu {
padding-top: 80px;
}
.section.megamenu .col-6.menu-left {
align-items: flex-start;
border-right: none;
border-bottom: 1px solid #fff;
padding-bottom: 50px;
height: calc(100% - 150px);
}
header ul.menu {
gap: 30px;
margin-left: 20px;
}
header ul.menu li.menu-item a {
font-size: 24px;
}
header ul.menu li:before{
font-size: 13px;
margin-right: 13px;
top: -6px;
}
.section.megamenu .col-6.sign-right {
padding: 30px 20px;
gap: 30px;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
height: 150px;
}
.section.megamenu .col-6.sign-right h4 {
font-size: 16px;
}
.col-6.sign-right img.sign-A {
max-width: 75px;
}
h1 {
font-size: 30px;
}
h2 {
font-size: 30px;
}
h2.large {
font-size: 40px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 18px;
}
.row.in-grid {
padding-left: 15px;
padding-right: 15px;
}
.section.home-1 {
margin-top: -70px;
}
.section.home-1 .columns-wrapper {
flex-direction: column-reverse;
}
.home-1 .col-9 {
height: 60vh;
}
.main-bgr {
left: 50%;
width: 100vw;
height: 100%;
transform: translateX(-50%);
}
.home-1 .col-3 {
height: auto;
padding: 60px 0px;
flex-direction: row;
justify-content: space-between;
align-items: center;
min-height: 200px;
}
.home-1 img.sign-A {
max-width: 90px;
}
.section.home-4 .col-6.left {
position: relative;
height: auto;
aspect-ratio: 1 / 1;
}
.section.home-4 .col-6.left .bgr {
width: calc(100% - 40px);
height: calc(100% - 40px);
}
.section.home-4 img.badge {
max-width: 100px;
margin-left: auto;
margin-right: 15px;
margin-top: -50px;
margin-bottom: 0px;
}
.section.home-4 h3 {
padding-bottom: 0px;
padding-left: 15px;
}
.section.features .col-8 .col-3 {
flex: 0 0 50%;
max-width: 50%;
padding-top: 30px;
}
.section.features .col-8 .col-3 p {
font-size: 14px;
}
.referencie-selected .slick-track {
display: flex !important;
}
.referencie-selected .referencie-grid {
grid-template-columns: repeat(1, 1fr);
margin-left: -5px;
margin-right: -5px;
}
.referencie-selected .referencie-grid .referencie-item {
padding: 0 5px;
}
.referencie-footer {
text-align: center;
margin-top: 60px;
}
span.referencie-year {
top: 1px;
}
.section.showcase .col-4 {
padding: 50px 0;
height: auto;
max-height: 800px;
gap: 50px;
}
.section.showcase .col-8 {
height: 450px;
}
.section.showcase .col-8 .bgr {
position: absolute;
width: 100vw;
left: 50%;
transform: translateX(-50%);
}
.showcase-tabs {
max-width: 430px;
padding: 15px 15px;
bottom: auto;
top: 20px;
right: 0;
}
.tab-button {
padding: 7px 0px;
font-size: 13px;
}
.tab-buttons {
gap: 6px;
}
.section.profily .col-8 {
min-height: 500px;
}
.profile-list {
gap: 10px;
top: 20px;
left: 20px;
}
.profile-image-wrapper {
padding-top: 180px;
}
.profile-image {
max-height: 300px;
}
.accordion-list {
padding-left: 5px;
margin-top: 20px;
}
.accordion-title {
font-size: 18px;
}
.section.page-top {
padding-top: 30px;
padding-bottom: 30px;
}
.referencie-grid {
grid-template-columns: repeat(1, 1fr);
}
.referencie-grid .referencie-item {
padding: 0 25px;
margin-bottom: 15px;
}
.referencie-grid .referencie-item:nth-child(5n + 2) {
grid-column: span 1;
padding: 0px;
}
.section.referencie-info {
padding-top: 0px;
padding-bottom: 50px;
}
.page-template-template-referencie .referencie-grid {
padding-bottom: 40px;
}
.section.single-top {
padding-top: 30px;
padding-bottom: 30px;
}
table.info-table {
max-width: 100%;
}
.section.single-content .col-9 {
padding-left: 0px;
padding-top: 30px;
}
.section.single-content {
padding-bottom: 50px;
}
.col-7.next-ref-image {
min-height: 300px;
aspect-ratio: 4 / 3;
}
.section.next-ref .col-5 {
padding: 50px 25px;
min-height: 100%;
}
.next-ref-title h3 {
margin-bottom: 50px;
}
.section.contactform {
padding-top: 50px;
padding-bottom: 50px;
}
.contactform .col-4 {
background: var(--light-grey);
padding: 40px 25px;
}
.contactform .col-4 h3 {
max-width: 330px;
}
.contact-bottom {
gap: 15px;
padding-top: 20px;
margin-top: 60px;
}
.contact-bottom img {
flex: 0 0 80px;
height: 80px;
width: 80px;
}
.contact-info p.name, 
.contact-info a.phone{
font-size: 18px;
}
.contactform .col-8 {
padding-left: 0px;
padding-top: 5px;
}
.contactform-inner {
padding: 40px 25px;
}
.wpcf7-form textarea, .wpcf7-form input[type="text"], .wpcf7-form input[type="email"] {
font-size: 16px;
}
.wpcf7-form .btn-wrapper {
flex-direction: column;
gap: 40px;
}
.uvod-image.uvod-image-1 {
width: 50%;
}
.uvod-image.uvod-image-2 {
width: 90%;
margin-top: 20px;
margin-left: auto;
margin-right: 0;
}
.col-2.footer-col {
margin-bottom: 35px;
}
.footer-top a.email {
font-size: 30px;
}
.footer-bottom {
margin-top: 20px;
}
.footer-bottom .col-8 {
display: flex;
gap: 5px;
flex-direction: column;
margin-bottom: 35px;
}
}