@font-face {
font-family: 'FK Display';
src: url(//www.vvb.sk/wp-content/themes/vodohospodarska_vystavba/fonts/FKDisplay-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
:root {
--vvb-blue: #000077;
--vvb-black: #000000;
--vvb-gray: #949A90;
--vvb-dark-gray: #444;
--vvb-gray-hover: #c1c1c1;
--vvb-light-blue: #87BDFF;
--vvb-light-gray: #EFF1F4; --vvb-light-gray-2: #F7F7F7;
--vvb-white: #FFF;
}
*, ::after, ::before {
box-sizing: border-box;
}
body {
margin: 0;
padding: 0;
font-family: 'FK Display', sans-serif;
font-weight: 400;
overflow-x: hidden;
color: var(--vvb-black);
}
p {
margin-top: 0;
font-size: 16px;
line-height: 25px;
}
a {
transition: all .3s ease;
}
button {
transition: all .3s ease;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 400;
margin: 0;
}
img {
max-width: 100%;
object-fit: cover;
}
.short-title {
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  max-width: 100%; }
.multistep-btn {
font-size: 16px !important;
padding: 17px 40px !important;
} .page-template-contact-new p.headline2 {
margin-bottom: 0 !important;
} .headline1.video-title {
font-size: 65px;
line-height: 80px;
}
.headline1 {
font-size: 60px;
line-height: 80px;
}
.headline2 {
font-size: 45px;
line-height: 55px;
}
.headline3 {
font-size: 33px;
line-height: 43px;
}
.headline4 {
font-size: 28px;
line-height: 35px;
}
.caption-l {
font-size: 23px;
line-height: 35px;
}
.caption-m {
font-size: 18px;
line-height: 28px;
}
.caption-s {
font-size: 17px;
line-height: 25px;
}
.padtop0 {
padding-top: 0;
}
.padtop10 {
padding-top: 10px;
}
.padtop15 {
padding-top: 15px;
}
.padtop20 {
padding-top: 20px;
}
.padtop30 {
padding-top: 30px;
}
.padtop40 {
padding-top: 40px;
}
.padtop45 {
padding-top: 45px;
}
.padtop60 {
padding-top: 60px;
}
.padtop70 {
padding-top: 70px;
}
.padtop80 {
padding-top: 80px;
}
.padtop90 {
padding-top: 90px;
}
.padtop120 {
padding-top: 120px;
}
.padtop150 {
padding-top: 150px;
}
.d-grid {
display: grid;
}
.padbottom0 {
padding-bottom: 0;
}
.padbottom5 {
padding-bottom: 5px;
}
.padbottom10 {
padding-bottom: 10px;
}
.padbottom15 {
padding-bottom: 15px;
}
.padbottom20 {
padding-bottom: 20px;
}
.padbottom30 {
padding-bottom: 30px;
}
.padbottom40 {
padding-bottom: 40px;
}
.padbottom45 {
padding-bottom: 45px;
}
.padbottom60 {
padding-bottom: 60px;
}
.padbottom80 {
padding-bottom: 80px;
}
.padbottom90 {
padding-bottom: 90px;
}
.padbottom120 {
padding-bottom: 120px;
}
.padbottom150 {
padding-bottom: 150px;
}
.padx20 {
padding-right: 20px;
padding-left: 20px;
}
.padx45 {
padding-right: 45px;
padding-left: 45px;
}
.padx100 {
padding-right: 100px;
padding-left: 100px;
}
.padx120 {
padding-right: 120px;
padding-left: 120px;
}
.padx150 {
padding-right: 150px;
padding-left: 150px;
}
.marginbottom20 {
margin-bottom: 20px;
}
.marginbottom30 {
margin-bottom: 30px;
}
.marginbottom60 {
margin-bottom: 60px;
}
.margintop30 {
margin-top: 30px;
}
.margintop90 {
margin-top: 90px;
}
.marginbottom45 {
margin-bottom: 45px;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-white {
color: var(--vvb-white);
}
.text-blue {
color: var(--vvb-blue);
}
.text-gray {
color: var(--vvb-gray);
}
.text-dark-gray {
color: var(--vvb-dark-gray);
}
.text-green {
color: #05B316;
}
.bg-blue {
background: var(--vvb-blue);
color: var(--vvb-white);
}
.bg-dark-gray {
background: var(--vvb-dark-gray);
color: var(--vvb-white);
}
.bg-gray {
background: var(--vvb-light-gray);
}
.bg-middle-gray {
background: var(--vvb-gray);
}
.bg-medium-gray {
background: var(--vvb-gray);
}
.animateFade {
opacity: 0;
transform: translateY(30px);
}
.animateFade.animate {
animation-name: fadeInBottom;
animation-duration: 1s;
animation-fill-mode: forwards;
}
@keyframes fadeInBottom {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.bulb-img {
width: 110px !important;
max-width: unset;
margin-bottom: 20px;
}
.just-center {
justify-content: center;
}
.primary-header {
padding: 10px 0;
}
.social-icons {
display: flex;
gap: 8px;
}
.social-link {
height: 22px;
width: 22px;
border-radius: 20px;
background: var(--vvb-light-gray-2);
display: block;
text-align: center;
padding: 4px;
}
.social-link:hover {
background: var(--vvb-light-blue) ;
}
.social-icon-img {
height: 14px;
width: 14px;
object-fit: contain;
object-position: center center;
display: block;
}
#header .mail-icon {
height: 12px;
margin-right: 5px;
position: relative;
top: 2px;
}
.load-more-btn {
cursor: pointer;
}
.pos-rel {
position: relative;
}
.primary-header-holder {
display: flex;
justify-content: flex-end;
gap: 33px;
align-items: center;
font-size: 12px;
}
.header-mail, .header-login {
text-decoration: none;
color: var(--vvb-white);
}
.header-mail:hover, .header-login:hover {
color: var(--vvb-light-blue);
}
.trp-language-switcher > div {
background: transparent;
top: -2px;
position: relative;
border: 0 !important;
width: unset !important;
padding: 4px 0 3px 0;
}
#header .trp-language-switcher > div > a {
color: #fff !important;
text-transform: none;
font-weight: 400;
font-size: 12px;
}
.trp-language-switcher-container .trp-ls-shortcode-current-language a:after, a.trp-ls-shortcode-disabled-language:after {
content: "";
background-image: url(//www.vvb.sk/wp-content/uploads/2025/03/vvb-white-arrow-down.png);
position: relative;
top: 0;
height: 8px;
width: 8px;
margin-left: 3px;
color: #fff;
display: inline-block;
transition: transform 0.3s ease;
border-top: 0;
border: unset;
background-repeat: no-repeat;
background-size: contain;
}
.trp-language-switcher > div > a {
padding: 5px 12px;
}
.language-text {
text-decoration: none;
}
.trp-language-switcher > div > a:not(.trp-ls-shortcode-disabled-language) {
padding: 10px 30px;
}
.trp-language-switcher-container a {
transition: color 0.3s ease;
}
.trp-language-switcher-container a:hover:after, .trp-ls-shortcode-language:hover a.trp-ls-shortcode-disabled-language:after  {
top: -1px;
transform: rotate(180deg);
}
.trp-language-switcher-container a:hover {
color: #87BDFF !important;
}
.trp-language-switcher .trp-ls-shortcode-language a:not(.trp-ls-shortcode-disabled-language) {
background-color: #87BDFF !important;
border-radius: 25px !important;
}
#header .trp-language-switcher {
height: 27px;
width: unset !important;
}
.vvb-right-arrow:after {
content: "";
background-image: url(//www.vvb.sk/wp-content/uploads/2025/03/vvb-white-arrow-down.png);
position: relative;
top: 0;
height: 8px;
width: 8px;
color: #fff;
display: inline-block;
transition: transform 0.3s ease;
border-top: 0;
border: unset;
background-repeat: no-repeat;
background-size: contain;
transform: rotate(270deg);
transform_: translate(0, 0);
transition: transform 0.3s ease;
}
.prihlasenie-box,
.contact-item {
transition: background-color 0.3s ease;
}
.prihlasenie-box:hover {
background-color: var(--vvb-light-blue);
}
.contact-item:hover {
background-color: var(--vvb-light-blue);
}
.contact-item:hover a {
color: white;
}
.trp-language-switcher:focus .trp-ls-shortcode-language, .trp-language-switcher:hover .trp-ls-shortcode-language {
padding: 2px 0 !important;
}
.sec-navbar {
display: flex;
gap: 30px;
align-items: center;
justify-content: space-between;
padding: 25px 0 10px 0;
}
.btn.btn-solid {
font-size: 15px;
line-height: 20px;
padding: 11px 22px;
background: var(--vvb-blue);
color: var(--vvb-white);
border-radius: 35px;
text-decoration: none;
vertical-align: middle;
border: 0;
transition: all .25s ease;
}
.btn.btn-solid:hover {
background: var(--vvb-light-blue);
}
.btn.btn-solid.btn-gray {
background: var(--vvb-gray);
}
.btn.btn-solid.btn-gray:hover {
background: var(--vvb-gray-hover);
}
.kompa-btn-icon {
width: 24px;
height: 24px;
margin-right: 15px;
}
.header-logo {
max-height: 60px;
}
.btn.btn-solid.kompa-btn {
line-height: 24px;
padding: 9px 22px;
display: inline-flex;
}
.sec-header-line {
width: auto;
margin-left: calc(25% - 25vw);
margin-right: calc(25% - 25vw);
border-bottom: 1px solid var(--vvb-light-gray);
}
.logo-header {
width: 100%;
height: auto;
max-width: 200px;
} @-moz-document url-prefix() {
.logo-header {
width: 150px;
}
}
@media (max-width: 991px) {
@-moz-document url-prefix() {
.logo-header {
width: 100% !important;
height: unset !important;
}
}
}
#search {
position: relative;
}
#header #search .asl_w_container {
width: 506px !important;
}
#header #ajaxsearchlite1 .probox, div.asl_w .probox {
border: 1px solid var(--vvb-black) !important;
background: transparent;
padding-left: 25px;
}
.asl_w_container:not(.active) div.asl_m .probox .proinput {
z-index: unset;
}
.asl_w_container div.asl_m .probox .proinput {
padding: 0 !important;
}
#header div.asl_w .probox .promagnifier {
width: 150px !important;
text-align: center !important;
background: var(--vvb-blue);
height: 42px;
top: -7px;
right: -7px;
position: relative;
border-radius: 25px;
transition: background .3s ease;
box-shadow: unset !important;
}
#header div.asl_w .probox .promagnifier:hover {
background: var(--vvb-light-blue);
}
div.asl_w .probox .promagnifier .innericon {
position: relative;
display: block !important;
color: #fff !important;
width: 100% !important;
font-weight: 400;
}
div.asl_w .probox .promagnifier .innericon svg {
fill: #fff !important;
width: 18px !important;
}
div.asl_w .probox .promagnifier .innericon:after {
content: "Vyhľadať";
display: inline-block !important;
position: relative;
top: -15px;
font-size: 16px;
padding-left: 5px;
font-weight: 400 !important;
}
#ajaxsearchlite1 .probox .proinput, div.asl_w .probox .proinput {
font-family: 'FK Display', sans-serif !important;
color: #000 !important;
font-size: 13px !important;
text-shadow: unset !important;
}
#ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input {
font-family: 'FK Display', sans-serif !important;
color: #000 !important;
font-size: 13px !important;
}
.navbar .menu {
list-style: none;
margin: 0;
padding: 24px 0 20px 0;
display: flex;
align-items: center;
gap: 30px;
justify-content: space-between;
}
.navbar .menu.en-menu {
justify-content: center;
}
.scrolled .navbar .menu {
padding: 30px 0 20px 0;
}
.wpcf7 ul.list li p {
display: inline-block;
width: 100%;
}
.navbar .menu .sub-menu {
max-height: 0;
overflow: hidden;
position: absolute;
top: calc(100% + 10px);
left: 0;
background: var(--vvb-white);
z-index: 300;
list-style: none;
padding: 0 10px;
width: max-content;
max-width: 400px;
transition: max-height .3s ease, padding .3s ease;
text-align: left;
}
.navbar .menu a {
font-size: 17px;
line-height: 1em;
color: var(--vvb-black);
text-decoration: none;
}
.navbar .menu a:hover {
color: var(--vvb-light-blue);
}
.navbar .menu li.menu-item-has-children:hover .sub-menu {
max-height: 600px;
padding: 20px;
}
.navbar .menu .sub-menu li {
padding: 10px 0;
}
.navbar .menu .sub-menu li a {
color: var(--vvb-dark-gray);
}
.navbar .menu .sub-menu li a:hover {
color: var(--vvb-light-blue);
}
.navbar .menu li.menu-item-has-children {
position: relative;
}
#header li.menu-item-has-children > a:after {
content: "";
position: relative;
background-image: url(//www.vvb.sk/wp-content/themes/vodohospodarska_vystavba/assets/imgs/vvb-arrow-down-gray.png);
top: -1px;
width: 12px;
height: 7px;
margin-left: 8px;
color: var(--vvb-dark-gray);
border-top: 0;
display: inline-block !important;
transition: transform 0.3s ease, top 0.3s ease;
background-repeat: no-repeat;
background-size: contain;
}
#header li.menu-item-has-children:hover > a:after {
transform: rotate(-180deg);
}
.col-40-perc {
width: 40%;
}
.col-60-perc {
width: 60%;
}
.footer-logo {
max-height: 105px;
object-fit: contain;
}
.footer-custom-row {
display: flex;
margin-left: 80px;
flex-wrap: wrap;
}
.footer-col-title {
font-size: 20px;
line-height: 1em;
}
.footer {
color: var(--vvb-white);
font-size: 11px;
line-height: 15px;
}
.footer .menu {
list-style: none;
padding: 0;
margin: 0;
}
.footer .menu li {
padding: 5px 0;
}
.footer .menu a {
text-decoration: none;
color: var(--vvb-white);
font-size: 13px;
line-height: 15px;
}
.footer .menu a:hover {
color: var(--vvb-light-blue);
}
.footer a {
text-decoration: underline;
color: var(--vvb-white);
text-decoration-thickness: 0.5px;
text-underline-offset: 1px;
}
.footer-border-bottom {
border-bottom: 1px solid #ABB5AB;
}
.contactcs-holder .headline4 {
line-height: 28px;
font-size: 22px;
}
.contact-item {
padding: 0;
}
.footer .social-icons {
justify-content: flex-end;
}
.mzp-logo {
max-height: 35px;
object-fit: contain;
}
.foo-gdpr-holder {
display: flex;
gap: 30px;
}
.footer-bottom a {
text-decoration: none;
font-size: 13px;
} .gallery-carousel img {
display: block;
width: 100%;
height: auto;
}
.owl-carousel .owl-stage { display: flex; } .video-wrapper {
width: 100%;
position: relative;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
display: inline;
}
#hero-section .video-wrapper {
display: block;
}
.video-wrapper video {
width: 100%;
display: block;
}
.hero-title {
position: absolute;
left: 45px;
bottom: 45px;
max-width: 800px;
z-index: 10;
}
.vvb-waves {
max-width: 360px;
height: auto;
position: absolute;
bottom: -50px;
left: -50px;
}
.btn-arrow:after {
content: "";
display: inline-block;
margin-left: 8px;
float: right;
position: relative;
transition: background-image .3s ease;
width: 14px;
height: 14px;
background-image: url(//www.vvb.sk/wp-content/themes/vodohospodarska_vystavba/assets/imgs/vvb-right-top-arrow-blue.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
top: 4px;
}
.btn-arrow.btn-arrow-down:after {
transform: rotate(90deg);
}
.btn.btn-border {
font-size: 20px;
line-height: 1em;
text-align: center;
padding: 13px 30px;
color: var(--vvb-blue);
border: 2px solid var(--vvb-blue);
border-radius: 50px;
text-decoration: none;
display: inline-block;
transition: all .25s ease;
position: relative;
z-index: 3;
} .btn.btn-border:hover,
.stretched-link:hover ~ .btn.btn-border.btn-arrow,
.sticky-section:hover .btn.btn-border.btn-arrow,
.projects-section .projetct-single-row:hover .btn.btn-border.btn-arrow,
.breadcrumb a:hover,
.first-post:hover .btn-arrow,
.novinky-aktuality-list .novinky-inner:hover .btn-arrow,
.project-single-vvb:hover .btn-arrow {
background: var(--vvb-light-blue) !important;
color: white !important;
border-color: var(--vvb-light-blue) !important;
}
.btn.btn-border_.btn-arrow:hover:after {
filter: invert(1); -webkit-filter: invert(1);
}
.btn-arrow:hover:after,
.sticky-section:hover .btn-arrow:after,
.projects-section .projetct-single-row:hover .btn-arrow:after,
.first-post:hover .btn-arrow:after,
.novinky-aktuality-list .novinky-inner:hover .btn-arrow:after,
.project-single-vvb:hover .btn-arrow:after {
background-image: url(//www.vvb.sk/wp-content/themes/vodohospodarska_vystavba/assets/imgs/vvb-white-right-top-arrow.svg) !important;
} .sticky-section.vodne-stavby .img-overlay,
.gallery-item,
.gall-item,
.gallery-timeline a,
.first-post .img-overlay,
.novinky-aktuality-list .img-overlay,
.tlac-spravy-carousel-holder .owl-item .img-wrap,
.gallery-item,
.tlacova-sprava .img-overlay,
.project-single-vvb .img-wrap,
.vodne-diela-vyber .img-overlay,
#press-grid .post-image,
#gallery-grid .img-overlay {
position: relative;
overflow: hidden; }
.sticky-section.vodne-stavby .vodne-stavby-img,
.gallery-item .gall-img,
.gallery-timeline img,
.first-post .img-overlay img,
.novinky-aktuality-list .img-overlay img,
.tlac-spravy-carousel-holder .owl-item img,
.gallery-item img,
.project-single-vvb .img-wrap img,
.vodne-diela-vyber .img-overlay img,
#press-grid .post-image img,
#gallery-grid .img-overlay img.gall-thumb {
transition: transform 0.6s ease;
will-change: transform;
z-index: -1;
position: relative;
} .sticky-section.vodne-stavby .img-overlay:hover .vodne-stavby-img,
.gallery-item:hover .gall-im,
.gall-item:hover .gall-img,
.gallery-timeline a:hover img,
.first-post:hover .img-overlay img,
.novinky-aktuality-list .novinky-inner:hover .img-overlay img,
.tlac-spravy-carousel-holder .owl-item:hover img,
.gallery-item:hover img,
.project-single-vvb:hover .img-wrap img,
.vodne-diela-vyber:hover .img-overlay img,
.single-press:hover .post-image img,
#gallery-grid .img-overlay:hover img{
transform: scale(1.05);
}
.vodne-stavby .relative:hover .white-link-arrow::after,
.vodne-diela-vyber .relative:hover .white-link-arrow::after,
.white-link-arrow:hover::after,
.tlac-spravy-carousel-holder .owl-item:hover .white-link-arrow:after,
.single-press:hover .post-image .white-link-arrow:after,
#gallery-grid .img-overlay:hover  .white-link-arrow:after {
transform: translate(6px, -10px);
}
.hero-post:hover .btn-arrow:after,
.btn-arrow:hover:after,
.projetct-single-row:hover .btn-arrow:after,
.first-post:hover .btn-arrow:after,
.novinky-inner:hover .btn-arrow:after,
.project-single-vvb:hover .btn-arrow:after {
transform: translate(6px, -3px);
}
.btn-arrow:after {
transition: transform 0.3s ease;
} .gall-item .gall-img {
transition: transform 0.6s ease;
will-change: transform;
z-index: 0;
position: relative;
}
.gall-item.img-overlay:before {
z-index: 3;
}
.gall-label {
z-index: 5 !important;
}
.load-more-wrap .btn {
background-color: white;
}
.btn-solid.btn-arrow:after {
content: "";
display: inline-block;
margin-left: 8px;
float: right;
position: relative;
transition: background-image .3s ease;
width: 14px;
height: 14px;
background-image: url(//www.vvb.sk/wp-content/themes/vodohospodarska_vystavba/assets/imgs/vvb-white-right-top-arrow.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
top: 4px;
}
.btn-back:before {
content: "";
display: inline-block;
margin-right: 8px;
float: left;
position: relative;
transition: background-image .3s ease;
width: 14px;
height: 14px;
background-image: url(//www.vvb.sk/wp-content/themes/vodohospodarska_vystavba/assets/imgs/vvb-white-right-top-arrow.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
transform: rotate(225deg);
top: 2px;
}
.btn-back:after {
display: none !important;
}
.btn-back.btn.btn-arrow.btn-solid {
background-color: var(--vvb-gray);
}
.btn-back:hover {
background-color: var(--vvb-light-blue) !important;
}
.post-details {
display: inline-block;
gap: 10px;
}
.sticky-sections {
position: relative;
}
.sticky-sections .sticky-section:last-of-type {
border-bottom: 2px solid var(--vvb-blue);
}
.sticky-section {
border-top: 2px solid var(--vvb-blue);
position: sticky;
background: var(--vvb-light-gray);
top: 0;
}
.sticky-section.no-style {
border-top: 0px !important;
position: sticky;
background: white !important;
padding-top: 30px;
padding-bottom: 30px !important;
}
.sticky-section:nth-of-type(2) {
top: 100px;
}
.sticky-section:nth-of-type(3) {
top: 200px;
}
.sticky-section:nth-of-type(4) {
top: 300px;
}
.sticky-section:nth-of-type(5) {
top: 400px;
}
.sticky-section:nth-of-type(6) {
top: 500px;
}
.sticky-section:nth-of-type(7) {
top: 600px;
}
.post-info-item {
font-size: 12px;
line-height: 1em;
background: var(--vvb-blue);
text-transform: uppercase;
padding:  6px 25px;
border-radius: 30px;
color: var(--vvb-white);
margin-bottom: 0;
text-decoration: none;
white-space: nowrap;
display: inline-flex;
margin: 4px;
}
.post-info-item.gray {
background: var(--vvb-gray);
}
.br-15 {
border-radius: 15px;
}
.br-30 {
border-radius: 30px;
}
.br-35 {
border-radius: 35px;
}
.gutter-0 {
--bs-gutter-x: 0;
}
.gutter-12 {
--bs-gutter-x: 12px;
}
.gutter-16 {
--bs-gutter-x: 16px;
}
.gutter-36 {
--bs-gutter-x: 36px;
}
.gutter-48 {
--bs-gutter-x: 48px;
}
.gutter-80 {
--bs-gutter-x: 80px;
}
.gutter-120 {
--bs-gutter-x: 120px;
}
.mar-left60 {
margin-left: 60px;
}
.mar-top30 {
margin-top: 30px;
}
.width33perc {
width: 33.33%;
}
.width35perc {
width: 35%;
}
.width40perc {
width: 40%;
}
.width45perc {
width: 45%;
}
.width50perc {
width: 50%;
}
.width55perc {
width: 55%;
}
.width60perc {
width: 60%;
}
.width65perc {
width: 65%;
}
.width100perc {
width: 100%;
}
.eight-perc-holder {
position: relative;
margin-right: 40px;
}
.eight-perc-text {
position: absolute;
right: 44px;
bottom: 65px;
max-width: 170px;
}
.interesting-facts {
display: flex;
}
.interesting-facts .border-bottom {
border-bottom: 3px solid var(--vvb-gray);
}
.interesting-facts .border-top {
border-top: 3px solid var(--vvb-gray);
}
.interesting-facts .border-right {
border-right: 3px solid var(--vvb-gray);
}
.i-facts-row {
display: flex;
height: 50%;
}
.padall45 {
padding: 40px;
}
.padleft30 {
padding-left: 30px;
}
.padleft20 {
padding-left: 20px;
}
.min-width420 {
min-width: 420px;
}
.padleft70 {
padding-left: 70px;
}
.padleft75 {
padding-left: 75px;
}
.gutter-y-12 {
--bs-gutter-y: 12px;
}
.gutter-y-16 {
--bs-gutter-y: 16px;
}
.gutter-y-24 {
--bs-gutter-y: 24px;
}
.gutter-y-36 {
--bs-gutter-y: 36px;
}
.gutter-y-48 {
--bs-gutter-y: 48px;
}
.activities-box {
border-radius: 35px;
padding: 40px;
background: var(--vvb-light-gray);
height: 500px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.activities-box.blue {
background: var(--vvb-blue);
justify-content: flex-end;
}
.text-uppercase {
text-transform: uppercase;
}
.img-activities {
border-radius: 35px;
height: 500px;
width: auto;
object-fit: cover;
}
.relative {
position: relative;
}
.vodne-stavby-title {
font-size: 80px;
line-height: 1.2em;
max-width: 50%;
position: absolute;
left: 60px;
bottom: 70px;
text-transform: uppercase;
}
.vodne-stavby-title.headline-w-70 {
max-width: 70%;
}
.white-link {
font-size: 35px;
line-height: 1em;
color: var(--vvb-white);
text-decoration: none;
}
.steps-timeline img {
border-radius: 15px;
}
.vodne-stavby-btn {
position: absolute;
right: 60px;
bottom: 70px;
}
.vodne-stavby-img {
height: 585px;
width: 100%;
object-fit: cover;
display: block;
}
.white-link-arrow:after {
content: "";
background-image: url(//www.vvb.sk/wp-content/themes/vodohospodarska_vystavba/assets/imgs/vvb-white-right-top-arrow.svg);
position: relative;
top: 0;
height: 25px;
width: 25px;
color: #fff;
display: inline-block;
transition: transform 0.3s ease;
border-top: 0;
border: unset;
background-repeat: no-repeat;
background-size: contain;
margin-left: 12px;
}
.white-link-arrow-down:after {
transform: rotate(90deg);
}
.sticky-section.vodne-stavby {
background: transparent;
border: 0 !important;
}
.line {
border-top: 3px solid var(--vvb-gray);
}
.project-status {
position: absolute;
top: 16px;
left: 16px;
display: block;
background: var(--vvb-white);
color: var(--vvb-black);
border-radius: 30px;
border: 1px solid var(--vvb-black);
font-size: 15px;
line-height: 1em;
padding: 10px 20px;
text-transform: uppercase;
}
.blue-pill:before {
content: "";
background-color: var(--vvb-blue);
width: 22px;
height: 100%;
position: absolute;
top: 0;
left: -35px;
border-radius: 15px;
}
.blue-pill {
margin-left: 47px;
}
.breadcrumb {
display: flex;
align-items: center;
gap: 8px;
}
.breadcrumb a, .breadcrumb .current{
text-decoration: none;
color: var(--vvb-black);
font-size: 11px;
border: 1px solid var(--vvb-black);
line-height: 12px;
padding: 4px 20px;
border-radius: 25px;
display: inline-block;
}
.breadcrumb a:hover {
border-color: var(--vvb-blue);
color: var(--vvb-blue);
}
.breadcrumb .current {
border-color: var(--vvb-gray);
color: var(--vvb-gray);
}
.breadcrumb .delimiter {
font-size: 24px;
}
.about-img-1 {
position: absolute;
height: 100%;
top: 0;
right: 60%;
}
.about-img-2 {
position: absolute;
bottom: 100px;
left: 90px;
}
.about-img-3 {
position: absolute;
max-height: 500px;
top: 100px;
left: -80px
}
.about-waves {
position: absolute;
left: 40px;
bottom: -60px;
}
.bg-gray-before:after {
content: "";
display: block;
position: absolute;
top: 90px;
bottom: 90px;
right: 0;
width: 90%;
background: var(--vvb-light-gray);
z-index: -1;
border-radius: 35px;
}
.history-box {
background: var(--vvb-light-gray);
border-radius: 35px;
padding: 30px;
height: 300px;
display: flex;
gap: 60px;
}
.history-box.hist-b-pady15 {
padding: 15px 30px;
}
.history-box.blue {
background: var(--vvb-blue);
align-items: flex-end;
}
.h-box-col {
display: flex;
flex-direction: column;
justify-content: center;
}
.h-box-col-v2 {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.history-box.h-220 {
height: 220px;
}
.history-box.h-360 {
height: 360px;
}
.download-element {
border: 1px solid var(--vvb-black);
display: flex;
border-radius: 40px;
align-items: center;
justify-content: space-between;
text-transform: uppercase;
padding: 0;
}
.down-icon {
height: 45px;
width: 45px;
}
.download-element .down-btn {
padding: 20px 54px;
background-color: var(--vvb-blue);
margin: 3px;
transition: .2s ease-in;
font-size: 17px;
color: var(--vvb-white);
text-decoration: none;
border-radius: 45px;
white-space: nowrap;
}
.download-element .down-btn:hover {
background-color: var(--vvb-light-blue);
}
.down-title {
font-size: 17px;
line-height: 1.1em;
}
.down-col-1 {
display: flex;
padding-left: 30px;
gap: 15px;
align-items: center;
max-width: calc(100% - 300px);
}
.vs-title-area {
display: flex;
align-items: center;
gap: 70px;
flex-wrap: wrap;
}
.vodne-stavby-img-2 {
height: 520px;
width: 100%;
object-fit: cover;
display: block;
}
.vodne-stavby-btn-2 {
position: absolute;
left: 45px;
bottom: 45px;
}
.vodne-stavby-btn-2.white-link-arrow:after {
height: 50px;
width: 50px;
top: -5px;
}
.vodne-stavby-btn-2 .headline4 {
display: inline-block;
max-width: 300px;
}
.stretched-link::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
content: "";
visibility: visible;
}
.about-project-box {
background: var(--vvb-blue);
padding: 50px 60px;
display: flex;
border-radius: 35px;
gap: 60px;
align-items: center;
}
.top80 {
top: 80px !important;
}
.top0 {
top: 0px !important;
}
.full-img-box {
display: flex;
gap: 60px;
align-items: center;
position: absolute;
left: 30px;
bottom: 30px;
max-width: 1000px;
}
.about-project-col {
width: calc(50% - 30px);
}
.about-project-col.w70perc {
width: calc(70% - 30px);
}
.about-project-col.w30perc {
width: calc(30% - 30px);
}
.waves-about-project {
margin-left: -168px;
margin-bottom: -24px;
margin-top: 50px;
z-index: -1;
}
.waves-about-project-img {
width: 300px !important;
max-width: unset;
}
.img-holder {
position: absolute;
height: 800px;
}
.project-dec-image-row {
min-height: 530px;
background-size: contain;
background-repeat: no-repeat;
background-position: right;
align-items: flex-end;
}
.project-dec-image-row .col-12 {
margin-bottom: -90px;
}
.sticky-sections.about-project .sticky-section:nth-of-type(2) {
top: 30px;
}
.sticky-sections.about-project .sticky-section:nth-of-type(3) {
top: 60px;
}
.sticky-sections.about-project .sticky-section:nth-of-type(4) {
top: 90px;
}
.sticky-sections.about-project .sticky-section:nth-of-type(5) {
top: 120px;
}
.sticky-sections.about-project .sticky-section:nth-of-type(6) {
top: 150px;
}
.sticky-sections.about-project .sticky-section:nth-of-type(7) {
top: 180px;
}
.sticky-sections.about-project .sticky-section:nth-of-type(8) {
top: 210px;
}
.object-title-holder {
display: flex;
align-items: center;
justify-content: space-between;
}
.headline2.num {
font-size: 70px;
line-height: 80px;
}
.interesting-facts-2 {
display: flex;
flex-direction: column;
}
.i-facts-item {
min-height_: 230px;
padding: 40px 30px;
text-align: right;
}
.i-facts-item.text-left {
text-align: left;
}
.i-facts-item.bottom {
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.padleft90 {
padding-left: 90px;
}
.padright60 {
padding-right: 60px;
}
.padright70 {
padding-right: 70px;
}
.padright90 {
padding-right: 90px;
}
.max-w-500 {
max-width: 500px;
margin-left: auto;
}
.history-box-sm {
height: 230px;
}
.history-box-img {
border-radius: 35px;
display: block;
height: 300px;
width: 100%;
}
.history-box-img.history-box-sm {
height: 230px;
}
.custom-col-30 {
width: 30%;
}
.custom-col-70 {
width: 70%;
}
.history-title {
max-width: 185px;
}
.vykon-icon {
height: 30px;
}
.vykon-holder {
display: flex;
gap: 20px;
align-items: center;
}
.vykon {
border: 1px solid var(--vvb-black);
border-radius: 60px;
display: flex;
gap: 25px;
padding: 6px 18px;
align-items: center;
}
.vykon-value {
margin-bottom: 0;
font-size: 18px;
line-height: 1em;
}
.vykon-podiel {
width: 700px;
height: 50px;
border-radius: 60px;
background: var(--vvb-gray);
position: relative;
display: flex;
align-items: center;
gap: 25px;
overflow: hidden;
}
.vykon-active {
position: absolute;
left: 0;
top: 0;
height: 50px;
background: var(--vvb-blue);
border-radius: 60px;
z-index: 1;
}
.vykon-podiel-icon {
height: 35px;
position: relative;
z-index: 2;
margin-left: 20px;
}
.vykon-podiel-value {
font-size: 18px;
line-height: 1em;
color: var(--vvb-white);
margin-bottom: 0;
position: relative;
z-index: 2;
}
.about-project-box.light-blue {
background: var(--vvb-light-blue);
}
.about-project-box.light-blue-1 {
background: #92B3DA;
}
.about-project-box.light-blue-2 {
background: #DAEBFC;
}
.about-project-box.light-blue-3 {
background: #B6DBED;
}
.about-project-box.light-blue-4 {
background: #94C9CB;
}
.about-project-box.light-blue-5 {
background: #81C7DE;
}
.project-dec-image-row.version2 {
min-height: 650px;
align-items: center;
}
.project-dec-image-row.version2 .waves-about-project {
margin-left: -149px;
}
.body-num-xl {
font-size: 230px;
line-height: 0.8em;
}
img.h-100perc {
height: 100%;
object-fit: cover;
}
.margin-y-auto {
margin: auto 0;
}
.activities-box-v2 {
height: 100%;
justify-content: space-between;
}
.sticky-sections.activities .sticky-section {
background: transparent;
border: 0;
}
.activities-box-v2 .img-cinnost {
height: 115px;
object-fit: contain;
filter: brightness(0) invert(1);
object-position: left;
max-width: 170px;
}
.white-link.fs-20 {
font-size: 20px;
}
.white-link-arrow.fs-20:after {
height: 15px;
width: 15px;
}
.margin-30 {
margin: 30px;
}
.uvod-img-title {
position: absolute;
bottom: 50px;
left: 60px;
max-width: 75%;
}
.quick-link {
display: flex;
padding: 15px 100px 15px 50px;
gap: 40px;
justify-content: space-between;
border-radius: 50px;
align-items: center;
}
.quick-links .quick-link:nth-of-type(odd) {
background: var(--vvb-light-gray);
}
.quick-links .quick-link:nth-of-type(odd) .btn.btn-border:hover {
background: #fff;
}
.flex-grow {
flex-grow: 1;
}
.boxes-w-years .year {
align-items: flex-end;
display: flex;
}
.bezp-vodnych-stavieb .history-box-sm {
height: 165px;
}
.history-box .btn.btn-border:hover {
background: var(--vvb-white);
}
.wpDataTable tfoot tr {
display: none;
}
table.wpDataTable  {
border-bottom: 2px solid var(--vvb-gray) !important;
}
.wpDataTables.wpDataTablesWrapper .dt-buttons {
display: none;
}
.wpDataTablesWrapper .dataTables_filter, .wpDataTablesWrapper .dataTables_length {
font-size: 15px;
}
.wpdt-c .wpDataTablesWrapper .dataTables_length .bootstrap-select .dropdown-toggle {
color: var(--vvb-black);
}
.dataTables_filter .form-control {
border-color: var(--vvb-black) !important;
}
.wpdt-c .wpDataTablesWrapper .dataTables_length .bootstrap-select .dropdown-toggle {
color: var(--vvb-black) !important;
border-color: var(--vvb-black) !important;
}
.wpDataTablesWrapper .dataTables_length span.filter-option {
margin-left: 5px !important;
}
.wpdt-c.wdt-skin-light .wpDataTablesWrapper .dataTables_length .bootstrap-select.length_menu {
width: 55px !important;
}
.wpdt-c .dropdown-menu > li > a {
padding: 10px 15px !important;
}
.custom-table .wpdt-c .bootstrap-select .check-mark {
font-size: 15px !important;
top: 15px !important;
right: 4px !important;
}
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper table.wpDataTable > thead > tr > th {
color: var(--vvb-white);
border: 0 !important;
font-weight: 400;
padding: 15px 15px;
background: var(--vvb-blue);
font-size: 17px;
-webkit-tap-highlight-color: unset !important;
}
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper table.wpDataTable > thead > tr > th:hover {
background: var(--vvb-blue);
}
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper table.wpDataTable thead th.sorting:after,
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper table.wpDataTable thead th.sorting_asc:after {
border-bottom-color: var(--vvb-white) !important;
opacity: 1 !important;
}
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper table.wpDataTable thead th.sorting_desc:after {
border-top-color: var(--vvb-white) !important;
}
.custom-table  .wpdt-c.wdt-skin-light .wpDataTablesWrapper table.wpDataTable tr.odd td {
background-color: var(--vvb-light-gray);
}
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper table.wpDataTable > tbody > tr > td,
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper table.wpDataTable > tfoot > tr > td {
border: 0 !important;
height: 50px;
font-size: 13px;
}
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper table.wpDataTable > tfoot > tr > td {
background-color: var(--vvb-gray);
font-size: 13px;
color: var(--vvb-white) !important;
}
.custom-table .wpdt-c tfoot .form-control {
display: block;
color: var(--vvb-white);
}
.custom-table .wpdt-c tfoot input::placeholder {
color: var(--vvb-white);
}
.custom-table .wpDataTablesWrapper table.wpDataTable td {
padding: 15px ;
}
.custom-table .wpdt-c .bootstrap-select > .btn-default:before {
filter: grayscale(100%) brightness(0);
}
.wpcf7 p, .wpcf7 li {
margin-bottom: 0;
}
.wpcf7 p, .wpcf7 ul {
margin-top: 10px !important;
}
.wpcf7 ul p {
margin-top: 0 !important;
}
.wpcf7 label {
font-weight: 400 !important;
color: var(--vvb-black);
transition: .2s color;
width: 100%;
font-size: 15px;
line-height: 20px;
padding-bottom: 20px;
}
.wpcf7-form-control-wrap {
position: relative;
}
span.wpcf7-form-control-wrap .wpcf7-date, span.wpcf7-form-control-wrap .wpcf7-quiz, span.wpcf7-form-control-wrap .wpcf7-number, span.wpcf7-form-control-wrap .wpcf7-select, span.wpcf7-form-control-wrap .wpcf7-text, span.wpcf7-form-control-wrap .wpcf7-textarea {
width: 100%;
}
.wpcf7 input, .wpcf7 select, .wpcf7 textarea {
min-height: 50px;
border-radius: 15px;
padding: 10px 20px;
background-color: var(--vvb-light-gray);
border: 2px solid var(--vvb-black);
font-size: 15px;
color: var(--vvb-black);
margin-top: 10px;
font-family: "FK Display", sans-serif;
}
.wpcf7 input::placeholder, .wpcf7 select::placeholder, .wpcf7 textarea::placeholder {
font-size: 15px;
color: var(--vvb-gray);
}
.list.list-unstyled {
padding-left: 0;
padding-right: 0;
list-style: none;
gap: 25px;
margin: 0;
}
.wpcf7 input[type=checkbox]:checked + span:before {
background: transparent;
}
.wpcf7 input[type=checkbox] + span:before {
display: block;
position: absolute;
content: '';
border-radius: 8px;
height: 25px;
width: 25px;
top: -3px;
left: 0px;
background: var(--vvb-white);
border: 1px solid var(--vvb-black) !important;
}
.wpcf7 input[type=checkbox]:checked + span:after {
visibility: visible;
opacity: 1;
}
.wpcf7 input[type=checkbox] + span:after {
display: block;
position: absolute;
content: "";
height: 15px;
width: 15px;
top: 2px;
left: 5px;
visibility: hidden;
opacity: 0;
border-radius: 10px;
transition: all .3s ease;
background: var(--vvb-blue);
}
.wpcf7 label input[type="checkbox"] {
cursor: pointer !important;
}
.wpcf7 input[type=checkbox] {
position: absolute;
visibility: hidden;
width: 0;
height: 0;
top: 0;
left: 0;
}
.wpcf7 input[type="checkbox"] {
min-height: unset !important;
}
.wpcf7 label a {
color: var(--vvb-black);
text-decoration: none;
}
.wpcf7 label a:hover {
color: var(--vvb-blue);
}
span.wpcf7-form-control.wpcf7-acceptance {
padding-left: 25px;
position: relative;
top: 2px;
}
.form-input-gray span.wpcf7-form-control.wpcf7-acceptance label {
padding-left: 8px;
}
.wpcf7-not-valid-tip {
font-size: 13px;
line-height: 25px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
border-color: #dc3232;
border-width: 1px;
color: #dc3232;
font-size: 15px;
}
.wpcf7 form .wpcf7-response-output {
padding: 10px 15px;
}
.wpcf7 input.wpcf7-submit {
min-height: 40px;
font-size: 20px;
line-height: 1em;
border-radius: 30px;
cursor: pointer;
font-weight: 400;
}
.custom-table .wpdt-c a {
color: var(--vvb-blue);
}
.custom-table .wpdt-c a:hover {
color: var(--vvb-blue);
}
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .dataTables_paginate .paginate_button {
color: var(--vvb-blue);
background: var(--vvb-light-gray);
width: 50px;
height: 50px;
border-radius: 12px;
padding: 14px 5px;
margin: 0 3px ;
}
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .dataTables_paginate .paginate_button.current,
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .dataTables_paginate .paginate_button.current:hover {
color: var(--vvb-white);
background-color: var(--vvb-blue);
}
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .dataTables_paginate {
font-size: 25px !important;
font-family: sans-serif !important;
}
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .paginate_button.next:before,
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .paginate_button.last:before,
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .paginate_button.previous:before,
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .paginate_button.first:before {
font-size: 25px;
font-weight: 200;
padding: 2px 5px !important;
}
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .paginate_button.next,
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .paginate_button.last,
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .paginate_button.previous,
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .paginate_button.first {
background: transparent;
}
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .paginate_button.last,
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .paginate_button.first {
display: none;
}
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .dataTables_paginate .paginate_button:hover:not(.disabled) {
color: var(--vvb-blue);
background-color: var(--vvb-light-gray-2);
}
.blue-box {
display: flex;
height: 100%;
background: var(--vvb-blue);
border-radius: 35px;
padding: 45px;
}
.bg-gray-before-2:before {
content: "";
position: absolute;
background: var(--vvb-light-gray);
border-radius: 0 35px 35px 0;
left: -70px;
top: 0;
right: 0;
bottom: 0;
z-index: -1;
}
.form-input-gray .wpcf7 input, .form-input-gray .wpcf7 select, .form-input-gray .wpcf7 textarea {
background-color: var(--vvb-light-gray);
}
.blue-submit .wpcf7 input.wpcf7-submit,
input.wpcf7-submit {
background-color: var(--vvb-blue);
color: var(--vvb-white);
position: relative;
display: inline-block;
padding: 17px 40px;
}
.blue-submit .wpcf7 input.wpcf7-submit:hover {
background-position: calc(100% - 40px);
background-position-y: 13px;
}
.vvb-submit {
display: inline-block;
position: relative;
}
.vvb-submit p {
display: inline-block;
}
.mb-60 {
margin-bottom: -60px;
} .project-single-vvb{ transition: opacity .35s ease, transform .35s ease, max-height .35s ease, margin .35s ease; max-height: 1200px; overflow: clip;  will-change: opacity, transform;
transform: translateZ(0);
-webkit-transform: translateZ(0);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
contain: layout paint; } .project-single-vvb .img-wrap,
.project-single-vvb img{
transform: translateZ(0);
-webkit-transform: translateZ(0);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
will-change: transform, opacity;
} .project-single-vvb.is-hidden{
opacity: 0;
transform: translateY(14px) scale(.985);
max-height: 0;
margin: 0 !important; pointer-events: none;
} .project-single-row{
transition: height .35s ease;
contain: layout paint;
}
.blue-submit .wpcf7 input.wpcf7-submit,
input.wpcf7-submit {
background-image: url(//www.vvb.sk/wp-content/themes/vodohospodarska_vystavba/assets/imgs/vvb-white-right-top-arrow.svg);
background-size: 14px;
background-repeat: no-repeat;
background-position: calc(100% - 45px);
padding: 17px 70px 17px 50px;
transition: all .3s ease;
}
.blue-submit .wpcf7 input.wpcf7-submit:hover,
input.wpcf7-submit:hover {
background-color: var(--vvb-light-blue);
border-color: var(--vvb-light-blue);
}
.form-title-holder {
display: flex;
align-items: center;
gap: 50px;
}
.form-title-line {
height: 1px;
width: auto;
background: var(--vvb-blue);
flex-grow: 1;
margin-top: 4px;
}
.form-input-gray .wpcf7 label {
padding-left: 22px;
}
.form-input-gray .codedropz-upload-container {
background: var(--vvb-light-gray);
border-radius: 15px;
padding: 50px 20px;
min-height: 190px;
}
.form-input-gray  .codedropz-upload-handler {
border: 1px solid var(--vvb-black);
border-radius: 15px;
margin-top: 10px;
}
.form-input-gray .codedropz-upload-inner h3 {
margin: 5px 0;
font-size: 20px;
}
.btn.btn-solid.btn-form-blue {
font-size: 20px;
padding: 17px 40px;
}
.multistep-line {
text-align: center;
position: relative;
margin-top: 0;
z-index: 0;
}
#progressbar {
counter-reset: step;
display: flex;
gap: 10px;
padding: 0;
justify-content: center;
}
#progressbar li {
list-style-type: none;
color: var(--vvb-blue);
width: auto;
float: left;
position: relative;
letter-spacing: 1px;
cursor: pointer;
background: var(--vvb-light-gray);
border: 1px solid var(--vvb-blue);
border-radius: 50px;
padding: 14px 25px;
font-size: 16px;
line-height: 1em;
}
#progressbar li:before {
content: counter(step);
counter-increment: step;
font-size: 16px;
color: var(--vvb-blue);
display: inline-block;
}
#progressbar li.active:before, #progressbar li.active:after {
color: var(--vvb-white);
}
#progressbar li p {
font-weight: 400;
font-size: 16px;
line-height: 1em;
display: inline-block;
}
#progressbar li.active {
background: var(--vvb-blue);
color: var(--vvb-white);
}
.desktop-hide {
display: none;
}
.contact-img {
height: 100%;
width: 100%;
object-fit: cover;
display: block;
}
.ic-opening-times-item.contact-btn {
border: 1px solid white;
}
.ic-opening-times-item {
display: flex;
border: 1px solid var(--vvb-blue);
border-radius: 40px;
align-items: center;
justify-content: space-around;
}
.btns-contact-group .ic-opening-times-item.contact-btn .ic-contact-btn-name, .btns-contact-group .ic-opening-times-item.contact-btn .ic-contact-btn-value {
padding: 12px;
}
.ic-opening-times-item.contact-btn .ic-contact-btn-name, .ic-opening-times-item.contact-btn .ic-contact-btn-value {
width: 50%;
text-align: center;
padding: 8px;
text-transform: none;
}
.ic-opening-times-item.contact-btn .ic-contact-btn-name {
text-align: left;
padding-left: 15px;
}
.ic-opening-times-item.contact-btn .ic-contact-btn-value {
border-radius: 40px;
}
a.ic-contact-btn-value {
background-color: #ffff;
transition: .2s ease-in;
margin: 3px;
}
.max-w-450 {
max-width: 450px;
}
.ic-contact-btn-value {
text-decoration: none;
color: var(--vvb-blue)
}
.ic-contact-btn-value:hover {
background: var(--vvb-light-gray);
}
.priestory {
display: block;
position: relative;
}
.actual-opening {
padding: 7px 24px;
display: flex;
align-items: center;
gap: 15px;
border-radius: 30px;
width: fit-content;
}
.actual-opening-icon.circle {
width: 13px;
height: 13px;
border-radius: 50%;
}
.open .actual-opening-icon.circle {
background-color: #008000;
}
.closed .actual-opening-icon.circle {
background-color: #d41111;
}
.lunch .actual-opening-icon.circle {
background-color: #FFA500;
}
.hours-space {
padding: 0 12px;
}
.pulse {
animation: pulse-animation 2s infinite;
}
@keyframes pulse-animation {
0% {
box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
}
100% {
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
}
}
.max-w-550 {
max-width: 550px;
}
.ic-opening-times {
display: flex;
flex-direction: column;
gap: 25px;
}
.ic-opening-times.contact-page {
gap: 20px;
}
.ic-opening-times-day {
width: 50%;
text-align: left;
padding: 8px;
padding-left: 40px;
}
.ic-opening-times-time {
width: 50%;
text-align: center;
border-radius: 40px;
padding: 18px 8px;
height: 66px;
}
.ic-opening-times-item.item_closed {
background: var(--vvb-light-gray);
border-color: var(--vvb-light-gray) !important;
}
.ic-opening-times-item.item_closed .ic-opening-times-time {
background: var(--vvb-light-gray) !important;
}
.ic-opening-times-item.item_closed .ic-opening-times-time p {
color: var(--vvb-blue) !important;
text-transform: capitalize;
}
.contact-card {
height: 220px;
border-radius: 35px;
padding: 35px;
position: relative;
}
a.no-underline {
text-decoration: none;
}
a.text-white {
color: var(--vvb-white);
}
a.text-white:hover {
color: var(--vvb-light-blue);
}
.contact-card:after {
content: "";
background-color: var(--vvb-gray);
width: 22px;
height: 70px;
position: absolute;
top: 30px;
left: -11px;
border-radius: 12px;
}
a.text-blue {
color: var(--vvb-blue);
}
a.text-blue:hover {
color: var(--vvb-light-blue);
}
.contact-card.bg-gray:after {
background-color: var(--vvb-blue);
}
.contact-card-lg {
height: 330px;
}
.masonry {
display: flex;
width: 100%;
}
.masonry--h, .masonry--v {
margin-left: -8px;
counter-reset: brick;
}
.masonry--v {
flex-flow: column wrap;
gap: 10px 0px;
align-items: center;
margin: auto;
max-width: 1320px;
}
.masonry-brick {
overflow: hidden;
margin: 0px;
color: white;
position: relative;
border-radius: 15px;
}
.stats-item.one {
min-height: 251px;
}
.stats-item {
color: var(--vvb-white);
padding: 20px 20px 35px 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 20px;
min-height: 150px;
}
.stats-item.three {
min-height: 168px;
}
.stats-item.bg-blue.seven {
min-height: 155px;
}
.align-space {
display: grid;
align-content: space-between;
}
.post-details {
max-width: 100%;
overflow_: hidden;
position: relative;
}
.post-details_:after {
content: "";
position: absolute;
width: 20%;
right: 0;
top: 0;
bottom: 0;
background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
background-clip: content-box;
}
.home .post-details:after {
background: linear-gradient(to right, rgba(239, 241, 244,0) , rgba(239, 241, 244,1));
}
.post-read-btn {
position: absolute;
right: 30px;
bottom: 30px;
}
.related-posts .post-read-btn {
position: absolute;
left: 30px;
right: 30px;
bottom: 30px;
}
.post-unvisible-link {
visibility: hidden;
height: 0 !important;
display: block;
}
.invisible-link {
visibility: hidden;
height: 0 !important;
display: block;
}
.novinky-aktuality-list .col-12:nth-child(3n + 2) {
border-right: 1px solid var(--vvb-gray);
border-left: 1px solid var(--vvb-gray);
}
.novinky-aktuality-list .col-12 {
padding: 0 20px;
display: grid;
align-content: flex-start;
}
.page-numbers {
display: inline-block;
height: 50px;
width: 50px;
text-align: center;
background: var(--vvb-light-gray);
border-radius: 12px;
text-decoration: none;
color: var(--vvb-blue);
font-size: 24px;
line-height: 50px;
transition: all .3s ease;
}
.page-numbers.current {
background: var(--vvb-blue);
color: var(--vvb-white);
}
.page-numbers:not(.current):hover {
background: var(--vvb-light-gray-2);
}
.pagination {
display: flex;
gap: 10px;
justify-content: center;
}
.tlac-spravy-row {
margin-right: calc(50% - 50vw - 12px);
width: auto;
overflow: hidden;
}
.owl-carousel button.owl-dot {
background: var(--vvb-gray);
width: 8px;
height: 8px;
border-radius: 5px;
margin: 0;
transition: all .3s ease;
}
.owl-carousel .owl-dots {
display: flex;
gap: 4px;
margin-top: 24px;
justify-content: center;
}
.owl-carousel button.owl-dot.active {
background: var(--vvb-blue);
width: 48px;Ė
}
.tlac-spravy-title-holder {
display: flex;
align-items: center;
gap: 12px;
}
.tlac-spravy-title-holder .headline2 {
padding-right: 40px;
}
.carousel-icon {
display: block;
height: 30px;
width: auto;
}
.carousel-icon.gray {
position: absolute;
opacity: 0;
top: 0;
}
.carousel-icon.left {
transform: rotate(180deg);
}
a:hover .carousel-icon.gray {
opacity: 1;
}
.post-content, .post-content p {
font-size: 20px;
line-height: 30px;
}
.post-content img {
margin: 30px -70px;
width: calc(100% + 140px);
max-width: unset;
height: auto;
}
.post-content img.alignnone {
margin: unset;
width: 100%;
}
.post-content .html-span img {
margin: 0 !important;
width: unset !important;
}
.single-post .post-content {
overflow: hidden;
}
.margin-x-min-70 {
width: calc(100% + 140px);
margin: 0 -70px;
}
.quote-author-holder {
display: flex;
gap: 8px;
align-items: center;
}
.quote-author-line {
height: 1px;
width: 22px;
background: var(--vvb-black);
}
.fs-17 {
font-size: 17px;
line-height: 24px;
}
.post-list-box {
padding: 30px 45px;
}
.post-list {
list-style: none;
padding-left: 0;
margin: 0;
gap: 10px;
display: flex;
flex-direction: column;
}
.post-list li {
position: relative;
padding-left: 35px;
}
.post-list li::before {
content: "";
position: absolute;
left: 5px;
top: 0.75em;
width: 10px;
height: 10px;
background-color: var(--vvb-white); border-radius: 50%;
transform: translateY(-50%); }
.sub-list li::before {
top: 0.75em;
width: 7px;
height: 7px;
}
.sub-list li {
padding-left: 30px;
}
.post-content-image-caption {
position: absolute;
bottom: 0;
left: -8px;
transform: none;
}
.post-content-image-caption span {
display: inline-block;
transform: rotate(270deg);
transform-origin: bottom left;
}
ul.arch-nase-projekty-nav {
list-style: none;
padding: 0;
margin: 0;
display: flex;
gap: 12px;
flex-wrap: wrap;
}
.nav-item a.nav-link {
font-size: 20px;
color: var(--vvb-black);
text-decoration: none;
text-transform: uppercase;
line-height: 1em;
padding: 15px 40px;
border: 1px solid var(--vvb-black);
display: inline-block;
border-radius: 50px;
background: var(--vvb-light-gray);
}
.nav-item:not(.active) a.nav-link:hover {
background: var(--vvb-light-gray-2);
color: var(--vvb-blue);
border-color: var(--vvb-blue);
}
.nav-item.active a.nav-link {
border-color: var(--vvb-light-blue);
color: var(--vvb-white);
background: var(--vvb-blue);
}
.thumb-info-type {
font-size: 20px;
color: var(--vvb-black);
text-transform: uppercase;
line-height: 1em;
padding: 15px 40px;
border: 1px solid var(--vvb-black);
display: inline-block;
border-radius: 50px;
background: var(--vvb-white);
position: absolute;
top: 20px;
left: 20px;
}
.post-main-image-holder {
width: fit-content;
margin: 0 auto;
}
.gallery .gallery-item {
text-decoration: none;
width: calc(33% - 10px);
}
.wysig-text p,
.wysig-text li,
.wysig-text a {
font-size: 20px;
line-height: 30px;
}
.wysig-text h2 {
font-size: 40px;
line-height: 50px;
color: var(--vvb-blue);
margin-bottom: 20px;
}
.wysig-text h3 {
font-size: 30px;
line-height: 35px;
color: var(--vvb-blue);
margin-bottom: 20px;
}
.gallery-flex-content .gallery-item {
text-decoration: none;
width: calc(32% - 10px);
text-align: center;
}
.logos-flex-grid .logo-img {
object-fit: contain;
}
.gallery {
padding: 0;
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.gallery-flex-content {
display: flex;
gap: 20px;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.compa-box {
background: var(--vvb-light-gray);
border: 1px solid var(--vvb-blue);
border-radius: 30px;
padding: 50px 20px 30px;
}
.compa-direction {
display: flex;
align-items: center;
gap: 20px;
}
.next-departures {
display: flex;
align-items: center;
gap: 10px;
}
.next-departures-time {
border: 1px solid var(--vvb-gray);
color: var(--vvb-gray);
display: inline-block;
width: 90px;
text-align: center;
border-radius: 30px;
}
.next-departures-time.nearest {
color: var(--vvb-blue);
border-color: var(--vvb-blue);
}
.newline {
display: block;
}
.compa-shedule-box {
background: var(--vvb-light-gray);
border-radius: 30px;
border: 1px solid var(--vvb-black);
padding: 35px 45px 50px;
}
.compa-schedule {
display: flex;
flex-direction: column;
}
.schedule-row {
display: flex;
padding: 15px 0;
position: relative;
}
.schedule-row.first {
padding-bottom: 30px;
}
.schedule-row.first:after {
display: none;
}
.schedule-row:after {
content: "";
position: absolute;
bottom: 0;
left: 40px;
right: 40px;
border-bottom: 1px solid var(--vvb-black);
}
.schedule-row p {
width: 50%;
text-align: center;
}
.schedule-row.empty {
justify-content: center;
padding: 23px 0;
}
.schedule-row.empty:after {
content: "";
position: absolute;
bottom: 33px;
left: 0;
right: 0;
border-bottom: 1px solid var(--vvb-gray);
z-index: 1;
}
.schedule-row.empty p {
display: inline-block;
background: var(--vvb-light-gray);
padding: 0 8px;
width: fit-content;
position: relative;
z-index: 2;
line-height: 24px;
}
.schedule-row:not(.empty):last-of-type:after {
display: none;
}
.schedule-row:not(.empty):has(+ .schedule-row.empty)::after {
display: none;
}
#app-section:hover img {
transform: scale(1.03);
}
#app-section img.img-app, #app-section img.qr-app {
transition: ease .3s;
}
.app-box {
display: flex;
padding: 40px 70px;
border-radius: 30px;
}
.flex.social-btns {
display: flex;
flex-direction: row;
gap: 20px;
}
.qr-app {
max-width: 150px;
}
.app-btn-icon {
height: 30px;
display: inline-block;
}
.btn.btn-border.btn-white {
border-color: var(--vvb-white);
color: var(--vvb-white);
white-space: nowrap;
line-height: 31px;
justify-content: center;
display: flex;
gap: 15px;
}
.col-app-qr {
display: flex;
flex-direction: column;
gap: 20px;
align-items: center;
}
.img-app {
max-width: 350px;
width: 100%;
}
.contacts-compa .contact-card:after {
background-color: var(--vvb-white);
}
.img-title {
position: absolute;
left: 25px;
bottom: 50px;
}
.opac50 {
opacity: 50% !important;
}
img.ic-opening-hours-icon {
height: 80px;
}
.ic-opening-hours {
display: flex;
align-items: center;
gap: 30px;
}
.infocentrum-opening-times .ic-opening-times-time, .infocentrum-opening-times .ic-opening-times-time  {
padding: 12px 8px;
}
.closed .ic-opening-times-time {
background: transparent !important;
}
.closed .ic-opening-times-time p {
color: var(--vvb-blue) !important;
}
.exkurzie-text-holder {
position: absolute;
bottom: 40px;
left: 60px;
right: 60px;
display: flex;
gap: 30px;
justify-content: space-between;
align-items: flex-end;
}
.exkurzie-title-holder {
display: flex;
gap: 20px;
}
.exkurzie-col-1 {
width: calc(100% - 230px);
}
.prihlasenie-box {
padding: 60px 50px;
margin: 0 50px;
border-radius: 30px;
}
.contact-item {
border: 1px solid var(--vvb-blue);
border-radius: 20px;
display: flex;
max-width: 320px;
align-items: center;
gap: 12px;
width: calc(50% - 20px);
}
.contact-item.email {
width: calc(50% + 8px);
}
.contact-icon-holder {
height: 70px;
width: 70px;
border-radius: 20px;
background: var(--vvb-blue);
padding: 12px;
margin: 6px;
}
.contact-icon {
height: 46px;
width: 46px;
object-fit: contain;
}
.contact-link {
font-size: 20px;
line-height: 1.2em;
color: var(--vvb-blue);
text-decoration: none;
}
.contact-link:hover {
color: var(--vvb-light-blue);
}
.contact-holder {
display: flex;
gap: 12px;
flex-wrap: wrap;
}
.exkurzia-num {
font-size: 100px;
line-height: 1em;
color: var(--vvb-gray);
margin-top: -30px;
margin-bottom: 0;
}
.exkurzia-typ-okruhu {
display: flex;
gap: 15px;
padding: 8px 20px;
border-radius: 40px;
width: fit-content;
}
.document-box {
position: relative;
padding: 30px 20px;
}
.img-cinnost {
max-height: 105px;
width: auto;
object-fit: contain;
object-position: left;
}
.pracovna-pozicia-box {
padding: 50px;
}
.prac-ponuka-info-holder {
display: flex;
gap: 40px;
flex-wrap: wrap;
}
.prac-ponuka-info {
display: flex;
gap: 15px;
align-items: center;
}
.prac-ponuka-circle {
width: 25px;
height: 25px;
border-radius: 50px;
background: var(--vvb-blue);
}
.btn.btn-solid.btn-solid-lg {
font-size: 20px;
padding: 16px 30px;
border-radius: 40px;
display: inline-block;
}
.post-date {
position: absolute;
top: 15px;
left: 15px;
background: var(--vvb-white);
border-radius: 50px;
padding: 8px 25px;
}
.post-date .year {
font-size: 11px;
line-height: 15px;
display: block;
text-align: right;
padding-right: 10px;
}
.activities-box.certificates {
justify-content: flex-start;
}
.sticky-section .fader {
width: calc(100% + 2px);
height: 100%;
position: absolute;
top: 0;
left: -1px;
background: #fff;
opacity: 0;
will-change: opacity;
pointer-events: none;
border-radius: 35px;
}
.sticky-sections.certificates .sticky-section {
background: transparent;
border: 0;
top: 80px !important;
}
.spris-info h2 {
font-size: 30px;
line-height: 35px;
}
.spris-info ul {
list-style: none;
margin: 0;
gap: 20px;
display: flex;
flex-direction: column;
padding: 20px 0;
}
.spris-info ul li {
font-size: 25px;
line-height: 35px;
position: relative;
padding-left: 50px;
}
.spris-info ul li::before {
content: "";
position: absolute;
left: 15px;
top: 0.7em;
width: 15px;
height: 15px;
background-color: var(--vvb-white);
border-radius: 50%;
transform: translateY(-50%);
}
.spris-info ul li ul li {
font-size: 18px;
line-height: 25px;
}
.post-list-box.spris-info {
padding: 45px;
}
.spris-info ul a {
text-decoration: none;
color: var(--vvb-white);
}
.spris-info ul a:hover {
color: var(--vvb-light-blue);
}
.spris-info ul li ul {
padding-bottom: 0;
}
.spris-info ul li ul li::before {
top: 15px;
width: 13px;
height: 13px;
border: 1px solid var(--vvb-white);
background-color: transparent;
}
.spris-info-text p {
font-size: 20px;
line-height: 30px;
margin-bottom: 30px;
}
.gallery-count {
display: flex;
background: var(--vvb-white);
gap: 5px;
padding: 10px 15px;
border-radius: 30px;
position: absolute;
top: 24px;
left: 32px;
min-width: 80px;
justify-content: space-around;
}
.gall-count-img {
max-height: 22px;
}
.gall-title {
position: absolute;
bottom: 24px;
left: 32px;
}
.gall-read-btn {
position: absolute;
right: 32px;
top: 24px;
}
.gallery-gap-12 {
gap: 12px;
}
.gall-img {
display: inline-block;
}
.gallery.gallery-gap-12 .gallery-item {
text-decoration: none;
width: calc(33.33% - 10px);
}
.lg-backdrop {
background-color: rgba(0, 0, 0, 0.8);
}
.lg-actions .lg-next:before, .lg-actions .lg-prev:after {
content: "";
background-image: url(//www.vvb.sk/wp-content/themes/vodohospodarska_vystavba/assets/imgs/vvb-right-chevron.svg);
width: 11px;
height: 29px;
display: block;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
.lg-actions .lg-prev:after {
transform: rotate(180deg);
}
.lg-actions .lg-next, .lg-actions .lg-prev {
background-color: var(--vvb-white);
border-radius: 0;
padding: 27px 17px ;
position: absolute;
top: 50%;
transition: all .3s ease;
}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
background-color: var(--vvb-light-gray);
}
.lg-sub-html {
background-color: var(--vvb-white);
padding: 25px;
border-radius: 0;
max-width: 750px;
width: 90%;
margin: 0 auto 30px 30px;
color: var(--vvb-black);
font-size: 20px;
line-height: 30px;
text-align: left;
}
.lg-sub-html p {
font-size: 20px;
line-height: 30px;
margin: 0;
}
.lg-toolbar .lg-icon {
color: var(--vvb-blue);
cursor: pointer;
float: right;
font-size: 30px;
height: 60px;
line-height: 40px;
padding: 10px 0;
text-align: center;
width: 60px;
background: var(--vvb-white);
margin: 30px 30px 0 auto;
}
.lg-toolbar .lg-icon:hover {
color: var(--vvb-blue);
background: var(--vvb-light-gray);
}
.lg-toolbar {
background: transparent;
}
#lg-counter {
display: none;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
border-radius: 100% !important;
background: var(--vvb-blue) !important;
}
#pojo-a11y-toolbar.pojo-a11y-toolbar-right.pojo-a11y-toolbar-open {
transition: .3s ease-in top;
transition: .3s ease-in right;
}
@media (max-width: 767px) {
#pojo-a11y-toolbar.pojo-a11y-toolbar-right.pojo-a11y-toolbar-open {
top: 50vh !important;
}
}
#pojo-a11y-toolbar {
z-index: 9 !important;
}
@media (min-width: 768px) {
#pojo-a11y-toolbar.pojo-a11y-toolbar-right {
z-index: 11 !important;
}
}
.cky-btn-revisit-wrapper {
display: flex;
align-items: unset !important;
justify-content: unset !important;
background: unset  !important;
width: unset !important;
height: unset !important;
border-radius: unset !important;
position: unset !important;
z-index: 999999;
cursor: pointer;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay p.pojo-a11y-toolbar-title {
display: block;
line-height: 1.4 !important;
font-weight: bold;
padding: 10px 15px 0;
margin: 0;
font-size: 18px !important;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a {
text-decoration: none !important;
}
.grecaptcha-badge {
display: none !important;
}
.lg-actions .lg-next {
right: 30px;
}
.lg-actions .lg-prev {
left: 30px;
}
.logo-box {
padding: 20px 25px;
height: 100%;
display: flex;
flex-direction: column;
}
.logo-download {
max-height: 60px;
object-fit: contain;
object-position: left;
}
.text404 {
font-size: 270px;
line-height: 1em;
color: transparent;
-webkit-text-stroke: 3px var(--vvb-gray);
text-stroke: 3px var(--vvb-gray);
}
.wrap {
max-width: 880px;
}
.chart {
position: relative;
} .chart__head {
display: flex;
align-items: flex-start;
margin-bottom: 10px;
}
.chart__head > *:first-child {
width: 90px;
flex-shrink: 0;
}
.chart__head > *:last-child {
flex: 1;
}
.chart:before {
content: "";
height: 100%;
width: 1px;
background: var(--vvb-black);
position: absolute;
left: 90px;
top: 33px;
}
.chart__scale {
position: relative;
height: 34px;
display: flex;
justify-content: space-between;
align-items: flex-end;
border-bottom: 1px solid var(--vvb-black);
padding-bottom: 16px;
margin-bottom: 50px;
}
.chart__scale::before {
content:"";
position:absolute;
left:0;
right:0;
bottom:-1px;
height:1px;
background: linear-gradient(90deg, rgba(0,28,151,.15) 0 100%);
}
.chart__tick {
position: relative;
font-size: 16px;
color: var(--vvb-black);
text-align: center;
flex: 1;
}
.chart__tick::before {
content:"";
position: absolute;
left:50%;
transform: translateX(-50%);
bottom: -51px;
height: 35px;
width: 1px;
background: var(--vvb-black);
} .rows {
display: flex;
flex-direction: column;
gap: 10px;
}
.container-form {
max-width: 1000px;
margin: auto;
} .chart-row {
display: flex;
width: calc(100% - 90px);
padding-left: 2px;
}
.chart-row:last-child {
margin-bottom: 0;
}
.chart-year {
font-size: 16px;
color: var(--vvb-black);
line-height: 54px;
text-align: right;
padding-right: 30px;
width: 90px;
flex-shrink: 0;
} .bar {
position: relative;
height: 54px;
border-radius: 10px;
background: linear-gradient(
90deg,
#fff 0%,
rgba(194, 245, 255, 0.2) 10%,
rgba(0, 0, 119, 1) 100%
);
width: calc((var(--value) / var(--max)) * 100%);
min-width: 28px;
}
.bar .value {
position: absolute;
left: 12%;
top: 50%;
transform: translateY(-50%);
font-size: 25px;
color: var(--vvb-blue);
white-space: nowrap;
}
.bar .value.after-bar {
left: calc(100% + 15px);
}
.data-group {
display: flex;
}
.home .sticky-section .fader {
border-radius: 0;
}
.chart-wrapper {
height: 450px;
width: 100%;
}
#chartLegend {
display: flex;
flex-direction: column;
}
.legend-item {
display: flex;
align-items: center;
margin-bottom: 35px;
}
.legend-color {
display: inline-block;
width: 35px;
height: 35px;
margin-right: 25px;
}
.stats-item.two {
min-height: 266px;
}
.compa-box .btn.btn-border:hover {
background: var(--vvb-white);
}
.app-box .btn.btn-border:hover {
background: var(--vvb-light-blue);
}
.bg-gray .btn.btn-border:hover {
background: var(--vvb-white);
}
.white-link_:hover {
color: var(--vvb-light-blue);
}
.exkurzie-icon, .exkurzia-ikona-okruhu {
object-fit: contain;
}
.page-numbers.dots {
background: transparent !important;
font-size: 35px;
}
.page-numbers.next, .page-numbers.prev {
padding: 11px 5px;
width: auto;
background: transparent !important;
}
.page-numbers.next:after, .page-numbers.prev:after {
content: "";
display: block;
height: 29px;
width: 11px;
background-image: url(//www.vvb.sk/wp-content/themes/vodohospodarska_vystavba/assets/imgs/vvb-right-chevron.svg);
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
transition: all 0.3s ease;
}
.page-numbers.prev:after {
transform: rotate(180deg);
}
.page-numbers.next:hover:after, .page-numbers.prev:hover:after {
background-image: url(//www.vvb.sk/wp-content/themes/vodohospodarska_vystavba/assets/imgs/vvb-right-chevron-gray.svg);
}
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .paginate_button.previous:before {
display: none;
}
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .paginate_button.next:before {
display: none;
}
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .paginate_button.previous:after,
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .paginate_button.next:after {
content: "";
display: block;
height: 29px;
width: 11px;
background-image: url(//www.vvb.sk/wp-content/themes/vodohospodarska_vystavba/assets/imgs/vvb-right-chevron.svg);
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
transition: all 0.3s ease;
}
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .paginate_button.previous:after {
transform: rotate(180deg);
}
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .paginate_button.previous:hover:after,
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .paginate_button.next:hover:after {
background-image: url(//www.vvb.sk/wp-content/themes/vodohospodarska_vystavba/assets/imgs/vvb-right-chevron-gray.svg);
}
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .paginate_button.previous,
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .paginate_button.next {
background: transparent !important;
padding: 11px 5px;
width: fit-content;
}
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .dataTables_paginate .paginate_button.current {
pointer-events: none;
}
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .paginate_button.previous.disabled:after,
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .paginate_button.next.disabled:after {
background-image: url(//www.vvb.sk/wp-content/themes/vodohospodarska_vystavba/assets/imgs/vvb-right-chevron-gray.svg);
}
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .paginate_button.previous.disabled,
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .paginate_button.next.disabled {
pointer-events: none;
}
.mobile-navbar {
display: none;
}
.burger-menu {
z-index: 999;
width: auto;
padding: 0;
position: relative;
}
.burger-menu .inner {
width: 100%;
height: 100%;
max-width: 340px;
margin: 0 auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: flex-end;
}
.burger-menu figure {
align-self: center;
max-height: 50px;
cursor: pointer;
margin: 0;
}
.burger-menu figure .inner {
width: 27px;
height: 17px;
margin: 8px auto;
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
align-content: center;
}
.burger-menu figure .inner span:nth-child(1) {
top: 0;
}
.burger-menu figure .inner span {
position: absolute;
top: 0;
right: 0;
width: 27px;
height: 2px;
background-color: var(--vvb-blue);
transition: all .3s ease;
}
.burger-menu figure .inner span:nth-child(2), .burger-menu figure .inner span:nth-child(4) {
top: 8px;
}
.burger-menu figure .inner span:nth-child(4) {
opacity: 0;
}
.burger-menu figure .inner span:nth-child(3) {
top: 16px;
}
.burger-menu figure.foldin .inner span:nth-child(1) {
transform: rotate(-45deg) translateY(11px);
}
.burger-menu figure.foldin .inner span:nth-child(2) {
opacity: 0;
width: 13px;
}
.burger-menu figure.foldin .inner span:nth-child(3) {
transform: rotate(45deg) translateY(-11px);
}
#mobile-menu {
display: none;
}
body.menu-open {
overflow: hidden !important;
}
#hero-section {
padding-top: 15px;
}
.interesting-facts.mobile {
display: none;
}
.down-title {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.2em;
}
.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {
color: var(--vvb-black);
}
.padding-x-0 {
padding-right: 0;
padding-left: 0;
}
.margin-x-0 {
margin-right: 0;
margin-left: 0;
}
.owl-stage {
display: flex !important;
align-items: stretch;
}
.owl-item {
display: flex;
}
.tlacova-sprava {
flex: 1;
display: flex;
flex-direction: column;
}
.tlacova-sprava .headline4 {
flex-grow: 1;
}
.single-post .post-details, .single-tlacove-spravy .post-details {
flex-wrap: wrap;
}
.single-post .post-details:after, .single-tlacove-spravy .post-details:after {
display: none;
}
.sticky-section .fader.br-30 {
border-radius: 30px;
}
.sticky-section .fader.br-0 {
border-radius: 0;
}
.related-posts {
overflow: hidden;
}
header#header {
z-index: 10;
position: fixed;
width: 100%;
top: 0;
transition: all .6s ease;
background: var(--vvb-white);
}
#header.header-hide {
top: -140px;
}
#header.scrolled {
box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.25);
}
body {
padding-top: 220px;
}
*_ {
border: 1px solid red;
}
#pojo-a11y-toolbar_ {
display: none;
} .steps-timeline {
_border-left: 6px solid var(--vvb-gray);
padding-left: 180px;
padding-bottom: 30px;
margin-left: 80px !important;
width: calc(100% - 80px);
position: relative;
}
.steps-timeline::before {
content: "";
position: absolute;
top: 30px; left: 0;
bottom: 0;
width: 6px;
background: var(--vvb-gray);
}
.time-line-css_ {
border-top: 2px solid #161616;
height: 1px;
padding: 6px;
width: 100%;
position: absolute;
left: 10px;
right: 0px;
margin: auto;
top: -2%;
}
.inverted-pane-warp {
position: relative;
}
.inverted-pane-warp p {
color: #161616;
}
.inverted-pane-warp::before {
width: 150px;
height: 6px;
content: "";
background-color: var(--vvb-blue);
position: absolute;
left: -227px;
top: 18px;
box-sizing: content-box;
border-width: 10px 0;
border-style: solid;
border-color: var(--vvb-white);
background-clip: content-box;
}
.inverted-pane-warp::after {
width: 28px;
height: 28px;
background-color: var(--vvb-blue);
content: "";
position: absolute;
left: -80px;
top: 17px;
border-radius: 4px;
}
tl-step.steps-one.step-0::after {
width: 25px;
height: 15px;
content: "";
background-color: #161616;
position: absolute;
left: -48px;
top: -5px;
}
.steps-one .steps-stops {
background-color: #191A1A !important;
}
.finished {
position: relative;
background: #191A1A;
}
.gallery-timeline {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.gallery-timeline img {
max-height: 250px;
width: auto;
height: auto;
}
.gallery-timeline a {
border-radius: 15px;
} .stupen {
padding: 10px 20px;
}
.piaty-stupen {
background-image: linear-gradient(to right, rgba(59, 36, 131, 0), rgba(237, 28, 36, 1));
}
.druhy-stupen {
background-image: linear-gradient(to right, rgba(59, 36, 131, 0), rgba(251, 176, 64, 1));
margin-left: 15%;
}
.stupen span.number {
color: white;
font-family: "Plus Jakarta Sans", serif;
font-size: 3em;
line-height: 1.2em;
margin-right: 50px;
}
.stupen span.popis-stupen {
color: white;
font-family: "Plus Jakarta Sans", serif;
font-size: 2em;
line-height: 1.2em;
}
@media (max-width: 767px) {
.gallery-timeline {
display: block !important;
}
} @media (max-width: 767px) {
.steps-timeline {
padding-left: 25px;
margin-left: 10px !important;
width: calc(100% - 10px);
}
.steps-timeline::before {
width: 4px;
}
.steps-timeline .inverted-pane-warp::before {
left: -65px;
width: 35px;
display: none;
}
.inverted-pane-warp {
padding-right: 10px;
}
.steps-timeline .gallery-timeline img {
max-height: unset;
width: unset;
max-width: 100%;
height: auto;
margin-bottom: 15px;
display: block;
}
.inverted-pane-warp::after {
left: -33px;
width: 20px;
height: 20px;
top: 11px;
}
.translations .steps-timeline {
padding-left: 50px;
}
.about-img-1 {
max-height: 50vh;
}
}
.gallery-carousel .owl-stage-outer, .gallery-carousel .owl-stage {
height: 500px;
}
.owl-carousel .owl-item img {
min-height_: 300px;
height: 100%;
width: 100%;
}
.owl-item img {
cursor: pointer;
}
img.gall-img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gallery-carousel {
position: relative;
z-index: 0;
}
.gallery-row {
margin-right: calc(50% - 50vw);
width: auto;
overflow: hidden;
}
.gallery-carousel .owl-stage-outer {
margin-right: calc(-25% - 25vw - 20px);
width: auto;
}
.gall-item {
position: relative;
}
.gall-label {
position: absolute;
left: 50px;
bottom: 30px;
right: 30px;
text-transform: uppercase;
}
.gall-label:before {
content: "";
display: block;
position: absolute;
left: -25px;
height: 100%;
width: 12px;
border-radius: 10px;
background: var(--vvb-white);
}
.img-overlay {
position: relative;
width: fit-content;
}
.sticky-section.vodne-stavby .img-overlay {
width: 100%;
}
.img-overlay-simple,
.img-overlay-darker {
position: relative;
}
.img-overlay-simple:before,
.img-overlay:before {
content: "";
position: absolute;
display: block;
height: auto;
width: auto;
bottom: 0;
left: 0;
right: 0;
top: 0;
background: rgba(0, 0, 0, 0.15);
border-radius: inherit;
pointer-events: none;
z-index: 0;
}
.img-overlay-darker:before {
content: "";
position: absolute;
display: block;
height: auto;
width: auto;
bottom: 0;
left: 0;
right: 0;
top: 0;
background: rgba(0, 0, 0, 0.3);
border-radius: inherit;
pointer-events: none;
z-index: 0;
}
.parallax-timeline {
position: relative;
height: 50vh; min-height: 1000px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.parallax-timeline .overlay {
color: white;
text-align: center;
background: rgba(0,0,0,0.4);
padding: 2rem;
border-radius: 8px;
}
.gall-left-arr, .gall-right-arr {
text-decoration: none;
}
.gall-left-arr:hover, .gall-right-arr:hover {
opacity: 0.5;
}
.gall-icon {
height: 40px;
width: 40px;
}
.gall-left-arr {
margin-right: 5px;
}
.gall-left-arr .gall-icon {
transform: rotate(180deg);
}
.sticky-sections.about-us-sticky .sticky-section {
border: unset;
background: unset;
}
.activities-box.activities-box-v2 {
justify-content: flex-start;
}
.uvod-img {
display: block;
}
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .dataTables_length .bootstrap-select .dropdown-toggle .filter-option {
margin-left: 10px;
}
.compa-nav-tab-row {
min-height: 80vh;
}
.martop-auto {
margin-top: auto;
}
.media-wrapper {
position: relative;
overflow: hidden;
}
.media-cover {
width: 100%;
object-fit: cover;
display: block;
}
.logo-vvb-overlay {
position: absolute;
bottom: 10px;
width: 20%;
right: 20px;
}
.knockout {
width: 100%;
aspect-ratio: 1;
position: relative;
overflow: hidden;
}
.knockout video {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
padding: 5px;
} .knockout::after {
content: "";
position: absolute;
inset: 0;
background-image: url(//www.vvb.sk/wp-content/uploads/2026/06/10-VVB-1.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain; pointer-events: none; }
.knockout.en-knockout::after {
background-image: url(//www.vvb.sk/wp-content/uploads/2026/06/10-EN-VVB.svg);
}
.interesting-facts.mobile .width100perc {
padding: 0;
} @media (max-width: 767px) {
.mobile-video-section {
opacity: 0; height: 0; overflow: hidden;
}
} .grid_company{
--gap: 16px;
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-auto-rows: 110px; gap: var(--gap);
} .card{
border-radius: 16px;
display:flex;
flex-direction:column;
justify-content:space-between;
}
.pad36{
padding: 36px;
} .span-2x2{ grid-column: span 2; grid-row: span 2; }
.span-2x3{ grid-column: span 2; grid-row: span 3; }
.span-2x4{ grid-column: span 2; grid-row: span 4; }
.span-3x2{ grid-column: span 3; grid-row: span 2; }
.span-3x3{ grid-column: span 3; grid-row: span 3; }  @media (max-width: 1200px){
.grid_company{
grid-template-columns: repeat(4, 1fr);
grid-auto-rows: 110px;
}
.span-3x2,
.span-3x3{
grid-column: span 4;
} }
@media (max-width: 768px){
.grid_company{
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: 100px;
}
.pad36 {
padding: 26px 16px;
}
.grid_company {
--gap: 10px;
}
.span-2x2{ grid-column: span 1; grid-row: span 2; }
.span-2x3{ grid-column: span 1; grid-row: span 3; }
.span-2x4{ grid-column: span 1; grid-row: span 4; }
.span-3x2{ grid-column: span 1; grid-row: span 2; }
.span-3x3{ grid-column: span 1; grid-row: span 3; }
.m-span-1x3{ grid-column: span 2; grid-row: span 2;}
.m-span-2-4{ grid-column: span 1; grid-row: span 4;}
.m-span-1-1{ grid-column: span 1; grid-row: span 1;}
.m-span-2x2{ grid-column: span 1; grid-row: span 2;}
.grid_company .headline3 {
font-size: 21px;
line-height: 1.2em;
}
.grid_company .caption-m {
font-size: 14px;
line-height: 1.5em;
}
}
.saf-a-not,
.saf-a-not a,
a.saf-a-not{
color: white !important;
text-decoration: none !important;
pointer-events: none !important;
} img.lang-icon {
width: 60px;
height: 55px;
object-fit: contain;
}
.btn.btn-language .lang-id {
color: var(--vvb-white) !important;
width: 0;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}
.btn.btn-language.active .lang-id {
width: 60px;
visibility: visible;
opacity: 1;
text-align: right;
padding-right: 4px;
}
.btn.btn-language {
position: relative;
width: auto;
text-align: center;
font-size: 20px;
line-height: 55px;
font-weight: 400;
color: var(--vvb-blue) !important;
padding: 6px;
transition: color 0.2s ease;
display: flex;
justify-content: center;
box-sizing: content-box;
border: 0 !important;
text-decoration: none;
}
.btn.btn-language.active {
color: var(--vvb-white) !important;
z-index: 10;
}
.language-btns {
border: 3px solid var(--vvb-light-blue);
border-radius: 40px;
width: fit-content;
position: relative;
display: flex;
flex-wrap: nowrap;
padding-right: 8px;
gap: 10px;
}
.language-btns:after {
content: "";
display: block;
height: calc(100% - 4px);
width: calc(25% + 38px);
background: var(--vvb-blue);
position: absolute;
border-radius: 40px;
top: 2px;
z-index: 0;
margin-left: 2px;
left: var(--after-pos);
transition: left 0.3s ease, right 0.3s ease, background-color 0.3s ease;
}
.sklz-icon-holder {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
margin: 45px 15px;
}
img.sklz-icon {
width: calc(20% - 12px);
}
.slipway-box-1 {
background: var(--vvb-blue);
border-radius: 60px;
padding: 40px 65px;
}
.slipway-steps-holder {
display: flex;
flex-direction: column;
gap: 45px;
margin: 60px 0 60px 15px;
}
.slipway-step {
display: flex;
align-items: center;
gap: 40px;
}
.slipway-step-number {
background: var(--vvb-white);
border: 9px solid var(--vvb-blue);
width: 72px;
height: 72px;
border-radius: 35px;
position: absolute;
left: -10px;
}
img.slipway-step-icon {
width: 100px;
height: 100px;
object-fit: contain;
}
h4.slipway-prevadzkovatel-title {
position: absolute;
font-size: 0.6em;
left: 34px;
top: -10px;
font-weight: 500;
}
.prevadzkovatel {
display: flex;
gap: 15px;
align-items: flex-end;
margin-top: 50px;
position: relative;
}
img.svp-logo {
width: 140px;
height: auto;
margin-left: -20px;
}
img.svp-logo-dunaj {
width: 200px;
margin-left: 20px;
}
.slipway-box-2 {
background: var(--vvb-blue);
border-radius: 75px;
padding: 40px 70px;
margin-left: 40px;
position: relative;
}
.slipway-title-own-risk:after {
content: "";
display: block;
left: -70px;
right: -70px;
top: -10px;
bottom: -10px;
background: var(--vvb-light-blue);
position: absolute;
z-index: -1;
}
.slipway-title-own-risk {
line-height: 1.5em;
text-transform: uppercase;
position: relative;
width: 100%;
z-index: 1;
}
.slipway-step-num {
line-height: 56px;
font-size: 24px;
text-align: center;
margin-bottom: 0;
padding-left: 4px;
}
.slipway-emergency-contact {
position: relative;
}
img.emergency-logo {
width: 140px;
height: 140px;
position: absolute;
left: -74px;
bottom: -44px;
}
.emergency-text {
line-height: 60px !important;
padding: 0 100px;
background: linear-gradient(235deg, #ED1D24, transparent);
margin-bottom: 0;
text-align: center;
}
ol.pokyny-list {
padding-left: 15px;
}
li.single-pokyn {
margin-bottom: 1em;
padding-left: 30px;
}
.slipway-box-3 {
background: var(--vvb-blue);
border-radius: 75px;
padding: 40px 70px 70px;
position: relative;
margin-top: 65px;
}
.signs-holder {
display: flex;
flex-wrap: wrap;
gap: 30px;
row-gap: 45px;
}
.signs-item {
width: calc(33% - 17px);
display: flex;
align-items: center;
gap: 15px;
}
.sign-icon {
width: 50px;
height: 50px;
object-fit: contain;
}
.traffic-lights .tl-cicrle:nth-of-type(1) {
margin-bottom: 12px;
}
.tl-cicrle {
width: 20px;
height: 20px;
margin-left: 18px;
border-radius: 20px;
background: #D1D4DA;
position: relative;
}
.tl-lights span {
display: block;
width: 12px;
height: 1px;
background: #D1D4DA;
}
.tl-cicrle.green,  .tl-cicrle.green .tl-lights span {
background: #01a651;
}
.tl-cicrle.red,  .tl-cicrle.red .tl-lights span {
background: #ee1d25;
}
.tl-lights {
display: flex;
gap: 5px;
flex-direction: column;
position: absolute;
left: -16px;
top: 4px;
}
.tl-lights span:nth-of-type(1) {
transform: rotate(25deg);
transform-origin: bottom right;
}
.tl-lights span:nth-of-type(2) {
transform: translateX(-2px);
}
.tl-lights span:nth-of-type(3) {
transform: rotate(-25deg);
transform-origin: top right;
}
.opacity-jedna {
opacity: 1 !important;
z-index: 2;
}
.opacity-nula {
opacity: 0 !important;
z-index: 1;
}
.sklz-language {
position: absolute;
transition: opacity 0.5s ease;
}
#language3 .sklz-icon-holder {
margin: 100px 15px;
}
#parent-div {
height: 1675px;
} .message-sent img {
height: 100px;
}
.spris-info-text b {
font-weight: 700;
}
.spris-info-text a {
color: var(--vvb-blue);
}
.spris-info-text a:hover {
color: var(--vvb-light-blue);
}
.spris-info-text li {
font-size: 20px;
line-height: 30px;
margin-bottom: 0.5em;
}
@media (max-width: 767px) {
.slipway-lang img.lang-icon {
width: 40px;
height: 40px;
}
.slipway-lang .btn.btn-language {
line-height: 40px;
font-size: 19px;
}
.slipway-lang .btn.btn-language.active .lang-id {
width: 40px;
}
li.single-pokyn {
margin-bottom: 1em;
padding-left: 10px;
}
ol.pokyny-list {
font-size: 1em;
padding-left: 20px;
}
img.emergency-logo {
width: 100px;
height: 100px;
left: -28px;
bottom: -28px;
}
.emergency-text {
padding: 0 40px;
line-height: 40px !important;
text-align: right;
font-size: 18px !important;
}
#language2 .emergency-text {
padding: 0 30px;
}
.slipway-box-1 {
border-radius: 30px;
padding: 30px 20px;
}
.sklz-icon-holder {
gap: 10px;
margin: 30px 15px !important;
}
img.sklz-icon {
width: calc(20% - 8px);
}
img.svp-logo-dunaj {
width: 180px;
margin-left: 0px;
}
img.svp-logo {
width: 125px;
margin-left: -10px;
}
h4.slipway-prevadzkovatel-title {
left: 37px;
}
.slipway-step-number {
border: 7px solid var(--vvb-blue);
width: 50px;
height: 50px;
left: -9px;
}
.slipway-step-num {
line-height: 37px;
font-size: 20px;
padding-left: 4px;
}
img.slipway-step-icon {
width: 75px;
height: 75px;
}
.slipway-step {
gap: 25px;
margin-left: 30px;
}
.slipway-lang .language-btns {
border: 2px solid var(--vvb-light-blue);
}
.slipway-lang .language-btns:after {
width: calc(25% + 23px);
}
.sklz-language {
padding: 0;
margin: 0;
}
.mob-pb-0 {
padding-bottom: 0 !important;
}
.slipway-steps-holder {
gap: 25px;
margin: 40px 0;
}
.prevadzkovatel {
margin-left: 25px;
}
.slipway-box-2 {
border-radius: 30px;
padding: 30px 20px 20px;
margin-left: 0;
margin-top: 30px;
}
.slipway-title-own-risk:after {
left: -20px;
right: -20px;
}
.slipway-box-3 {
border-radius: 30px;
padding: 30px 30px 45px;
margin-top: 30px;
}
.signs-item {
width: calc(100%);
}
.spris-info-text li {
font-size: 16px;
line-height: 24px;
}
.spris-info-text li a {
overflow-wrap: anywhere;
}
.mob-gutter-x-12 {
--bs-gutter-x: 12px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.slipway-box-2 {
margin-left: 0;
}
.col-first-sklz {
margin-bottom: 30px;
}
.signs-item {
width: calc(50% - 15px);
}
.sign-icon {
width: 40px;
height: 40px;
}
.slipway-box-3 {
padding: 40px 45px 70px;
margin-top: 30px;
}
.slipway-box-3 {
margin-top: 30px;
}
.sklz-icon-holder, #language3 .sklz-icon-holder {
margin: 30px 15px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.signs-item {
width: calc(50% - 15px);
}
.slipway-box-2 {
margin-left: 0;
}
.col-first-sklz {
margin-bottom: 45px;
}
.slipway-box-3 {
margin-top: 45px;
}
#language3 .sklz-icon-holder {
margin: 45px 15px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.slipway-box-2 {
padding: 40px 60px;
}
.slipway-title-own-risk {
font-size: 25px !important;
}
.slipway-title-own-risk:after {
left: -60px;
right: -60px;
}
.slipway-title-2 {
font-size: 38px;
}
.emergency-text {
padding: 0 85px;
}
} .owl-carousel .owl-stage-outer,
.owl-carousel .owl-stage,
.owl-carousel .owl-item {
-webkit-transform: translateZ(0);
transform: translateZ(0);
will-change: transform;
} .gallery-carousel .slide,
.gallery-carousel .img-wrap,
.gallery-carousel img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
will-change: transform, opacity; -webkit-mask-image: -webkit-radial-gradient(white, black);
} .gallery-carousel .slide-overlay,
.gallery-carousel .slide-text,
.gallery-carousel .slide .project-status {
position: absolute; -webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0); transform: translateZ(0);
will-change: opacity, transform;
contain: paint; pointer-events: none; } .gallery-carousel .img-overlay,
.gallery-carousel .br-35 {
overflow: hidden;
-webkit-mask-image: -webkit-radial-gradient(white, black);
} .gallery-carousel .slide-overlay {
filter: none !important;
} .safari-layer-fix {
-webkit-transform: translateZ(0.01px);
transform: translateZ(0.01px);
}
.form-step-title {
color: var(--vvb-blue);
font-size: 28px;
line-height: 35px;
position: relative;
}
.wpcf7 h4 {
display: flex;
align-items: center;
gap: 16px; margin-top: 50px;
margin-bottom: 30px;
}
.wpcf7 select,
.btn {
cursor: pointer;
}
.wpcf7 .btn {
margin-top: 30px;
}
.wpcf7 h4::after {
content: "";
flex: 1; height: 2px;
background-color: var(--vvb-blue);
}
.form-step-title {
align-items: center;
gap: 16px; margin: 50px 0 30px 0;
text-align: center;
}
.form-step-title_::after {
content: "";
flex: 1; height: 2px;
background-color: var(--vvb-blue);
}
.small.osoba-rep {
font-size: 13px;
line-height: 16px;
}
.wpcf7 h4 {
font-size: 22px;
line-height: 35px;
position: relative;
margin-top: 40px;
margin-bottom: 30px;
margin-left: 20px;
}
.wpcf7-field-group-add,
.wpcf7-field-group-remove  {
padding: 10px 15px;
border-radius: 80%;
border: 0;
background: var(--vvb-blue);
color: white;
cursor: pointer;
margin-right: 5px;
}
.wpcf7-field-group-add:hover,
.wpcf7-field-group-remove:hover {
background: var(--vvb-light-blue) !important;
}
.repeater-area label {
font-size: 18px;
line-height: 25px;
position: relative;
margin-top: 30px;
margin-bottom: 20px;
}
.wpcf7 .kapacita {
font-size: 15px;
line-height: 25px;
}
.page-template-exkurzie-odoslana-ziadost #progressbar li:before {
margin-right: 7px;
}
.headline2.form-step-title {
font-size: 45px;
line-height: 55px;
}
.wpcf7 select {
-webkit-appearance: none;
}
.wpcf7 select {
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23666'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 10px 6px;
}  .kompa-closed .next-departures .next-dep-text {
display: none !important;
}
.kompa-closed .text-kompa {
color: #d41111 !important;
}
.kompa-open_ .text-kompa {
color: #05B316 !important;
}
.text-kompa {
margin-bottom: 0 !important;
}
.kv-stav {
margin-left: 57px;
margin-top: 5px;
font-size: 14px;
}
.actual-opening {
padding: 12px 24px !important;
border: 1px solid var(--vvb-blue) !important;
border-radius: 70px;
}
.actual-opening-icon.circle {
width: 17px;
height: 17px;
min-width: 17px;
}
.kv-stav a {
color: var(--vvb-black);
}
.text-green {
color: #008000;
}
.actual-opening.no-padding {
padding: 0 !important;
margin-right: 7px;
}
.kompa-btn-icon {
margin-right: 10px !important;
}
.btn.btn-solid.kompa-btn {
display: flex;
align-items: center;
}
.btn.btn-solid.kompa-btn {
padding: 11px 16px;
}
.sec-navbar {
gap: 20px;
}
.pulse-green {
animation: pulse-animation-green 2s infinite;
}
.kompa-closed .pulse-green,
.closed .pulse-green {
animation: pulse-animation-red 2s infinite;
}
@keyframes pulse-animation-green {
0% {
box-shadow: 0 0 0 0px rgba(0, 128, 0, .8);
}
100% {
box-shadow: 0 0 0 10px rgba(0, 128, 0, 0);
}
}
@keyframes pulse-animation-red {
0% {
box-shadow: 0 0 0 0px rgba(212, 17, 17, .5);
}
100% {
box-shadow: 0 0 0 10px rgba(212, 17, 17, 0);
}
}
.kompa-hide_ {
display: none !important;
} .gallery-carousel .gall-label,
.gallery-carousel .gall-img {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: transform;
} .slipway-opening-hours .ic-opening-times-item.closed .ic-opening-times-day {
white-space: nowrap;
}
.slipway-opening-hours .ic-opening-times-item .ic-opening-times-day {
width: 65%;
padding-left: 25px;
}
.col-acf-toggle {
padding-left: 40px;
height: fit-content;
margin-bottom: auto;
}
.sklz-toggle-box {
background-color: #F2A33C80;
border-radius: 30px;
padding: 40px;
text-align: center;
position: relative;
max-width: 530px;
margin: auto;
border: 5px dashed #1B437E;
}
.acf-toggle-ui {
display: inline-block;
user-select: none;
-webkit-user-select: none;
touch-action: pan-y;
}
.acf-toggle-track {
position: relative;
width: 260px;
height: 80px;
border-radius: 999px;
background: #999;
transition: background 0.25s ease;
overflow: hidden;
box-sizing: border-box;
padding: 0 24px;
display: flex;
align-items: center;
text-align: left;
}
.acf-toggle-ui.is-on .acf-toggle-track {
background: #42AD24;
padding-left: 24px;
}
.acf-toggle-ui.is-off .acf-toggle-track {
background: #D93F30;
padding-left: 86px;
}
.acf-toggle-label {
color: #fff;
font-size: 25px;
font-weight: 400;
line-height: 30px;
pointer-events: none;
position: relative;
z-index: 1;
}
.acf-toggle-knob {
position: absolute;
top: 5px;
left: 5px;
width: 70px;
height: 70px;
border-radius: 50%;
background: #fff;
box-shadow: inset 0 3px 10px rgba(0,0,0,.25);
transition: transform 0.25s ease;
will-change: transform;
cursor: grab;
z-index: 2;
}
.acf-toggle-knob.dragging {
transition: none;
cursor: grabbing;
}
.sklz-status.show-for-operator {
display: block !important;
}  .wpcf7-radio {
display: flex;
gap: 12px;
flex-wrap: wrap;
margin-top: 10px;
}
.small-lable {
font-size: 15px;
} .pocet-radio  .wpcf7-list-item {
margin: 0 !important;
} .wpcf7-list-item input[type="radio"] {
display: none;
} .pocet-radio .wpcf7-list-item-label {
display: flex;
align-items: center;
justify-content: center;
min-width: 110px;
padding: 14px 22px;
border: 2px solid var(--vvb-black);
border-radius: 14px;
background: var(--vvb-light-gray);
cursor: pointer;
transition: all .25s ease;
font-size: 15px;
font-weight: 500;
color: #444;
cursor: pointer;
box-sizing: border-box;
}
.pocet-radio .wpcf7-list-item-label:hover {
background: var(--vvb-light-blue);
} .wpcf7-list-item label:hover .wpcf7-list-item-label {
border-color: var(--vvb-blue);
} .wpcf7-list-item input[type="radio"]:checked + .wpcf7-list-item-label {
background: var(--vvb-blue);
color: #fff;
border-color: var(--vvb-blue);
} @media (max-width:768px){
.wpcf7-radio{
flex-direction:column;
}
.wpcf7-list-item-label{
width:100%;
}
} .faq-section {
padding: 30px 0 120px 0;
background: #f7f8fa;
}
.faq-container {
max-width: 900px;
margin: 0 auto;
}
.faq-container h2 {
font-size: 36px;
margin-bottom: 12px;
color: #111;
}
.faq-intro {
font-size: 17px;
color: #666;
margin-bottom: 32px;
}
.faq-list {
display: flex;
flex-direction: column;
gap: 14px;
}
.faq-item {
background: #fff;
border-radius: 16px;
overflow: hidden;
border: 2px solid var(--vvb-black);
}
.faq-question {
width: 100%;
padding: 22px 24px;
background: transparent;
border: none;
cursor: pointer;
text-align: left;
font-size: 17px;
font-weight: 600;
color: var(--vvb-black);
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
font-family: 'FK Display', sans-serif;
}
.faq-question span {
width: 18px;
height: 18px;
position: relative;
flex-shrink: 0;
}
.faq-question span::before,
.faq-question span::after {
content: "";
position: absolute;
background: #111;
border-radius: 2px;
transition: 0.25s ease;
}
.faq-question span::before {
width: 18px;
height: 2px;
top: 8px;
left: 0;
}
.faq-question span::after {
width: 2px;
height: 18px;
top: 0;
left: 8px;
}
.faq-item.active .faq-question span::after {
transform: rotate(90deg);
opacity: 0;
}
.faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
}
.faq-answer p {
padding: 0 24px 22px;
margin: 0;
color: #555;
font-size: 16px;
line-height: 1.6;
}
@media (max-width: 768px) {
.faq-section {
padding: 30px 0 60px 0;
}
.faq-container h2 {
font-size: 28px;
}
.faq-question {
font-size: 16px;
padding: 18px 20px;
}
} .related-document-icon {
width: 80px;
}
.related-document-meta-icon {
height: 30px;
width: auto;
}
.related-document-meta {
display: flex;
gap: 12px;
align-items: center;
}
.btn-down-icon:after {
content: "";
display: inline-block;
margin-right: 16px;
float: left;
position: relative;
transition: background-image .3s ease;
width: 22px;
height: 22px;
background-image: url(//www.vvb.sk/wp-content/themes/vodohospodarska_vystavba/assets/imgs/vvb-down-btn-icon.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
top: 0;
}
.related-document-box {
height: 100%;
display: flex;
flex-direction: column;
}
.related-document-meta {
margin-bottom: auto;
} .about-us-box {
height: 100%;
padding: 30px;
gap: 0;
}
.about-us-box.bg-blue {
background: var(--vvb-blue);
}
.about-us-box.bg-blue .img-cinnost {
filter: brightness(0) invert(1);
}
.padbottom200 {
padding-bottom: 200px;
}
.vizia-karty-holder {
margin-top: -164px;
}
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .dataTables_length .bootstrap-select .dropdown-toggle .filter-option {
margin-left: 0;
text-align: center;
padding-right: 10px;
}
.custom-table .wpdt-c .bootstrap-select > .btn-default:before {
height: calc(100% - 3px);
} .ondava-pills .caption-m {
font-size: 16px;
line-height: 20px;
}
.sold-tickets .sale {
display: none;
}
.free .sold {
display: none;
}
.ondava-pills.ondava-slots .ic-opening-times-item {
justify-content: flex-start;
}
.ondava-pills.ondava-slots .ic-opening-times-time {
width: 35%;
}
.ondava-pills.ondava-slots .ic-opening-times-time img {
width: 30px;
}
.ondava-pills.ondava-slots .ic-opening-times-time {
display: inline-flex;
gap: 20px;
justify-content: center;
}
.sold-tickets .ic-opening-times-time.bg-blue {
background-color: var(--vvb-gray);
}
.blue-box-tickets {
height: 100%;
background: var(--vvb-blue);
border-radius: 35px;
padding: 45px;
}
.bg-white {
background-color: white;
}
.border-white {
border: 1px solid white;
}
.blue-box-tickets .contact-item {
background-color: white;
width: 100%;
margin-bottom: 10px;
}
.ondava-faq.faq-section {
background: var(--vvb-light-gray);
}
.mx-32 {
margin: 32px 0;
}
.m-h-auto {
margin-left: auto;
margin-right: auto;
}
.travel-info {
width: 100%;
padding: 30px 10px;
background: var(--ondava-surface);
display: flex;
align-items: flex-start;
}
.travel-info__list {
width: 100%;
margin: 0;
padding: 0;
list-style: none;
display: grid;
grid-template-columns: max-content max-content max-content max-content;
justify-content: space-between;
align-items: center;
}
.travel-info__item {
min-width: 0;
display: flex;
align-items: center;
gap: 19px;
}
.travel-info__item p {
margin-bottom: 0;
}
.icon {
position: relative;
width: 58px;
height: 58px;
flex: 0 0 108px;
border-radius: 50%;
background: var(--vvb-blue);
color: #fff;
}
.image-cover-col {
display: flex;
}
.image-cover {
position: relative;
flex: 1 1 auto;
width: 100%;
min-height: 330px;
overflow: hidden;
}
.image-cover__img {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.date-ondava-pill {
background-color: white;
border-radius: 100px;
display: inline-block;
padding: 5px 20px;
}
.align-items-stretch {
align-items: stretch !important;
}
.pad-0 {
padding: 0 !important;
}
.overflow-hidden {
overflow: hidden;
}
.min-360 {
min-height: 330px;
}
.ondava-content-news {
padding: 20px 20px;
}
.btn-border.text-white {
color: white;
}
.ondava-news .btn-arrow,
.ondava-news .btn.btn-border {
padding: 0;
background-color: unset !important;
border: 0 !important;
}
.ondava-news .btn-arrow:after {
filter: brightness(0) invert(1);
}
.ondava-icon {
max-width: 70px;
background: var(--vvb-blue);
padding: 15px;
border-radius: 100%;
}
.ondava-video .video-wrapper {
position: relative;
}
.video-toggle {
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
display: grid;
width: 72px;
height: 72px;
padding: 0;
place-items: center;
color: #fff;
background: rgba(0, 0, 0, 0.58);
border: 2px solid rgba(255, 255, 255, 0.9);
border-radius: 50%;
cursor: pointer;
opacity: 0;
transform: translate(-50%, -50%) scale(0.88);
transition:
opacity 180ms ease,
transform 180ms ease,
background-color 180ms ease;
}
.video-wrapper:hover .video-toggle,
.video-wrapper:focus-within .video-toggle,
.video-toggle:focus-visible {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
.video-toggle:hover {
background: rgba(0, 0, 0, 0.78);
}
.video-toggle:focus-visible {
outline: 3px solid #fff;
outline-offset: 4px;
} .video-toggle__pause {
display: flex;
gap: 7px;
}
.video-toggle__pause::before,
.video-toggle__pause::after {
content: "";
width: 7px;
height: 25px;
border-radius: 2px;
background: currentColor;
} .video-toggle__play {
display: none;
width: 0;
height: 0;
margin-left: 5px;
border-top: 14px solid transparent;
border-bottom: 14px solid transparent;
border-left: 22px solid currentColor;
}
.video-wrapper.is-paused .video-toggle__pause {
display: none;
}
.video-wrapper.is-paused .video-toggle__play {
display: block;
}
.ondava-hero-video {
object-fit: cover;
width: 100% ;
}
.w-100 {
width: 100%
}
@media (hover: none) {
.video-toggle {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
}
@media (prefers-reduced-motion: reduce) {
.video-toggle {
transition: none;
}
}
.blue-box-tickets .contact-item:hover {
background-color: var(--vvb-light-blue);
} .unknown .actual-opening-icon.circle {
background-color: var(--vvb-dark-gray);
}
.unknown .pulse-green {
animation: pulse-animation-dark-gray 2s infinite;
}
@keyframes pulse-animation-dark-gray {
0% {
box-shadow: 0 0 0 0px rgba(68, 68, 68, .5);
}
100% {
box-shadow: 0 0 0 10px rgba(68, 68, 68, 0);
}
}
.opacity60 {
opacity: 0.6;
}
.is-next-departure {
background: #008000;
border-radius: 40px;
margin: 0 5px;
color: var(--vvb-white);
padding: 5px;
} .vvb-ai-image {
position: relative;
display: block;
width: fit-content;
height: fit-content;
}
.ai-content-label {
position: absolute;
top: 16px;
right: 16px;
border-radius: 50px;
font-size: 9px;
line-height: 12px;
text-align: center;
background: #D9D9D980;
backdrop-filter: blur(10px);
color: var(--vvb-blue);
padding: 4px 8px;
}
.ai-content-label:before {
content: "";
position: relative;
display: inline-block;
height: 12px;
width: 12px;
background-image: url(//www.vvb.sk/wp-content/themes/vodohospodarska_vystavba/assets/imgs/ai-gen.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-right: 6px;
margin-bottom: -2px;
}
.gall-item .vvb-ai-image {
height: 100%;
}
.gallery .gallery-item .vvb-ai-image {
height: 100%;
} .vvb-ai-image:has(> .about-img-1) {
position: absolute;
height: 100%;
top: 0;
right: 60%;
}
.vvb-ai-image:has(> .about-img-1) > .about-img-1 {
position: static;
right: auto;
}
.vvb-ai-image:has(> .about-img-3) {
position: absolute;
top: 100px;
left: -80px;
}
.vvb-ai-image:has(> .about-img-3) > .about-img-3 {
position: static;
top: auto;
left: auto;
}
.vvb-ai-image:has(> .image-cover__img){
width: 100%;
height: 100%;
}
.vvb-lightgallery-ai-label {
position: absolute;
z-index: 1081;
pointer-events: none;
white-space: nowrap;
visibility: visible !important;
top: 16px;
right: 21px;
opacity: 0;
transition: opacity .2s ease;
}
.vvb-lightgallery-ai-label.is-visible {
opacity: 1;
}
.gallery-carousel .ai-content-label {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: transform;
}
.lg-outer .lg-img-wrap {
width: fit-content;
height: fit-content;
margin: auto;
max-height: 100%;
position: relative;
}
img.lg-object.lg-image {
max-height: 90vh;
}