@media (max-width: 991px) {
.desktop-navbar {
display: none;
}
.knockout {
margin-bottom: 18px;
margin-top: 18px;
}
.page-template-front-page {
overflow-x: hidden;
}
.mobile-navbar {
display: block;
}
.mobile-header-row {
padding-top: 16px;
padding-bottom: 16px;
align-items: center;
}
.logo-header {
height: 40px;
width: auto;
}
div#mobile-menu {
display: block;
width: 100vw;
height: 100dvh;
background: var(--vvb-light-gray);
z-index: 99;
position: fixed;
top: 0;
left: -100vw;
padding: 0;
padding-top: 110px;
overflow-y: hidden;
transition: left 0.5s ease;
}
.navbar .menu {
padding: 45px 5px 45px;
align-items: flex-start;
gap: 12px;
flex-direction: column;
}
.navbar .menu a {
font-size: 16px;
font-weight: 700;
}
.header-logo {
z-index: 999;
position: relative;
}
.navbar .menu li a {
padding: 5px 0;
display: inline-block;
}
#header li.menu-item-has-children > a:after {
top: calc(50% - 5px);
width: 15px;
height: 10px;
right: 20px;
position: absolute;
} #header li:not(.menu-item-has-children) a:after {
content: "";
background-image: url(//www.vvb.sk/wp-content/themes/vodohospodarska_vystavba/assets/imgs/vvb-arrow-down-gray.png);
top: 43%;
width: 15px;
height: 10px;
right: 20px;
position: absolute;
color: var(--vvb-blue);
border-top: 0;
display: inline-block !important;
transition: transform 0.3s ease, top 0.3s ease;
background-repeat: no-repeat;
background-size: contain;
transform: rotate(-90deg);
}
.navbar .menu li.menu-item-has-children:hover .sub-menu {
max-height: 0;
padding: unset;
}
.navbar .menu li.menu-item-has-children.submenu-open .sub-menu {
max-height: 950px;
}
.navbar .menu .sub-menu {
background: transparent;
position: relative;
padding: 0 12px !important;
width: 100%;
}
.navbar .menu .sub-menu li a {
font-size: 16px;
line-height: 1.2em;
padding: 3px 0;
}
.navbar .menu .sub-menu li {
padding: 5px 0;
}
.navbar .menu .sub-menu li:first-child  {
margin-top: 10px;
}
#mob-main-menu li {
width: 100%;
position: relative;
}
#mob-main-menu li a {
padding: 13px 45px 13px 15px;
background: white;
border-radius: 12px;
width: 100%;
position: relative;
}
#header li.menu-item-has-children:hover > a:after {
transform: unset;
}
#header li.menu-item-has-children.submenu-open > a:after {
transform: rotate(-180deg);
}
.mob-menu-btns-holder {
display: flex;
flex-wrap: wrap;
gap: 15px;
align-items: center;
justify-content: center;
flex-direction: column;
}
.mob-language-selector {
display: flex;
justify-content: center;
padding-top: 15px;
}
.mob-language-selector .language-btns {
border: 1px solid var(--vvb-light-blue);
gap: 5px;
padding-right: 4px;
}
.mob-language-selector .btn.btn-language {
line-height: 15px;
font-size: 13px;
padding: 5px;
}
.mob-language-selector img.lang-icon {
width: 16px;
height: 16px;
}
.mob-language-selector .btn.btn-language.active .lang-id {
width: 72px;
padding-left: 4px;
}
.mob-language-selector .language-btns:after {
width: 101px;
}
.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;
}
.btn.btn-language.active {
color: var(--vvb-white) !important;
z-index: 10;
}
.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;
}
.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;
}
img.lang-icon {
width: 60px;
height: 55px;
}
.btn.btn-language.active .lang-id {
width: 60px;
visibility: visible;
opacity: 1;
text-align: center;
padding-right: 4px;
}
.btn.btn-language .lang-id {
color: var(--vvb-white) !important;
width: 0;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease ;
}
.user-info-img {
height: 7px;
width: auto;
display: inline-block;
position: relative;
top: -1px;
}
.user-icon {
background: var(--vvb-light-gray);
display: block;
padding: 0 4px;
height: 14PX;
width: 14px;
border-radius: 4px;
margin-right: 8px;
box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.25);
}
.mob-user-info.text-center {
padding-top: 15px;
font-size: 12px;
}
.mob-user-link {
text-decoration: none;
color: var(--vvb-black);
}
.mob-user-link:hover {
color: var(--vvb-blue);
}
.mob-menu-social {
justify-content: center;
padding-top: 15px;
}
.header-bg-div {
content: "";
background: var(--vvb-light-gray);
position: absolute;
top: 0;
left: 0;
height: 76px;
width: calc(100% - 8px);
z-index: 311;
}
.mob-menu-scrollable {
height: 100%;
width: 100%;
overflow-y: auto;
position: absolute;
top: 0;
padding-top: 100px;
z-index: 310;
}
}
@media (max-width: 767px) {
.image-cover {
min-height: 0;
aspect-ratio: 800 / 575;
}
.video-toggle {
top: 60% !important;
}
.travel-info__list {
grid-template-columns: 1fr;
gap: 24px;
}
.ondava-pills .ic-opening-times-day {
width: 100% !important;
}
.ondava-pills .caption-m {
font-size: 13px;
line-height: 15px;
}
.ondava-pills.ondava-slots .ic-opening-times-time {
width: 80%;
}
.blue-box-tickets {
margin-top: 30px;
padding: 20px;
}
.blue-box-tickets .contact-item,
.blue-box-tickets .contact-item.email {
width: 100%;
}
.ondava-icon {
max-width: 50px;
background: var(--vvb-blue);
padding: 10px;
border-radius: 100%;
}
.travel-info__list {
gap: 14px;
}
.ondava-news-box {
margin: 0px;
}
.actual-opening-icon.circle {
width: 20px;
height: 20px;
min-width: 20px;
border-radius: 50%;
}
.kv-stav {
margin-left: 0px;
padding: 5px 20px;
}
.mobile-menu .actual-opening-icon.circle {
width: 17px !important;
height: 17px !important;
min-width: 17px;
} .parallax-timeline {
min-height: 90vh;
}
.blue-submit .wpcf7 input.wpcf7-submit:hover {
background-position: calc(100% - 20px);
background-position-y: 10px;
}
.contacts-btn-text {
font-size: 13px;
}
.wpcf7 input[type=checkbox] + span:after {
left: 7px;
}
.submenu-count {
background: var(--vvb-gray);
padding: 3px 5px;
border-radius: 5px;
color: white;
font-size: 14px;
margin-left: 5px;
}
.page-template-contact-new .actual-opening {
margin: 10px 0;
}
.compa-title {
display: none;
}
.mob-pad-top-0 {
padding-top: 0px !important;
}
.marginbottom60.first-post {
margin-bottom: 0 !important;
}
.mob-pad-bottom-0 {
padding-bottom: 0px !important;
}
.mob-pad-20 {
padding: 0 20px !important;
}
.mob-pad-bot-20 {
padding-bottom: 20px !important;
}
.mob-pad-bot-30 {
padding-bottom: 30px !important;
}
.mob-pad-bot-40 {
padding-bottom: 40px !important;
}
.order-post-2 {
order: 2 !important;
}
.mob-pad-top-20 {
padding-top: 20px !important;
}
.novinky-aktuality-list .white-link-arrow,
.novinky .white-link-arrow {
display: none;
}
.btn-arrow.first-post {
display: none;
}
.first-post {
padding: 0 10px;
}
.full-img-box {
right: 30px;
}
p {
font-size: 15px;
line-height: 22px;
}
.headline1 {
font-size: 40px;
line-height: 1.2em !important;
}
.headline2 {
font-size: 30px;
line-height: 1.2em;
}
.headline3 {
font-size: 26px;
line-height: 1.2em;
}
.headline4 {
font-size: 22px;
line-height: 1.25em;
}
.caption-l {
font-size: 18px;
line-height: 1.45em;
}
.caption-m {
font-size: 16px;
line-height: 1.5em;
}
.padbottom10 {
padding-bottom: 6px;
}
.padbottom20 {
padding-bottom: 12px;
}
.padbottom30 {
padding-bottom: 15px;
}
.padbottom45 {
padding-bottom: 22px;
}
.padbottom60 {
padding-bottom: 30px;
}
.padbottom120 {
padding-bottom: 60px;
}
.padtop20 {
padding-top: 12px;
}
.padtop30 {
padding-top: 15px;
}
.padtop45 {
padding-top: 22px;
}
.padtop60 {
padding-top: 30px;
}
.padbottom90 {
padding-bottom: 45px;
}
.padtop90 {
padding-top: 45px;
}
.padtop120 {
padding-top: 60px;
}
.padright60 {
padding-right: 30px;
}
.mob-padbottom0 {
padding-bottom: 0;
}
.mob-padbottom15 {
padding-bottom: 15px;
}
.mob-padbottom22 {
padding-bottom: 22px;
}
.mob-padbottom30 {
padding-bottom: 30px;
}
.mob-padbottom45 {
padding-bottom: 45px;
}
.mob-padbottom90 {
padding-bottom: 90px;
}
.mob-padtop0 {
padding-top: 0;
}
.mob-padtop15 {
padding-top: 15px;
}
.mob-padtop30 {
padding-top: 30px;
}
.mob-padtop45 {
padding-top: 45px;
}
.mob-padtop60 {
padding-top: 60px;
}
.mob-padleft20 {
padding-left: 20px;
}
.mob-padleft30 {
padding-left: 30px;
}
.mar-left60 {
margin-left: 0;
}
.marginbottom20 {
margin-bottom: 12px;
}
.marginbottom60 {
margin-bottom: 30px;
}
.marginbottom45 {
margin-bottom: 30px;
}
.margintop30 {
margin-top: 22px;
}
.mob-margintop30 {
margin-top: 30px;
}
.btn.btn-border {
font-size: 16px;
padding: 12px 20px;
}
.btn-arrow:after {
margin-left: 6px;
width: 12px;
height: 12px;
top: 3px;
}
.hero-title {
left: 15px;
bottom: 15px;
max-width: 450px;
font-size: 30px !important;
}
.vvb-waves {
max-width: 150px;
height: auto;
position: absolute;
bottom: -32px;
left: -15px;
}
.mob-order-1 {
order: -1;
}
.br-35 {
border-radius: 20px;
}
.post-info-item {
font-size: 11px;
padding: 5px 18px;
}
.post-details {
gap: 6px;
}
.interesting-facts.desktop {
display: none;
}
.interesting-facts.mobile {
display: flex;
flex-wrap: wrap;
}
.eight-perc-holder {
position: relative;
margin-right: auto;
margin-left: auto;
width: fit-content;
}
.eight-perc-text {
position: absolute;
right: 4px;
bottom: 4px;
max-width: 111px;
text-align: left;
}
.img-8perc {
max-width: 300px;
}
.min-width420 {
min-width: unset;
}
.padall45 {
padding: 20px 10px;
}
.interesting-facts .headline4 {
font-size: 18px;
}
.interesting-facts .headline1 {
font-size: 32px;
}
.sticky-section:nth-of-type(2) {
top: 25px;
}
.sticky-section:nth-of-type(3) {
top: 50px;
}
.sticky-section:nth-of-type(4) {
top: 75px;
}
.sticky-section:nth-of-type(5) {
top: 100px;
}
.sticky-section:nth-of-type(6) {
top: 125px;
}
.sticky-section:nth-of-type(7) {
top: 150px;
}
.gutter-36 {
--bs-gutter-x: 24px;
}
.gutter-48 {
--bs-gutter-x: 24px;
}
.gutter-80 {
--bs-gutter-x: 24px;
}
.gutter-120 {
--bs-gutter-x: 24px;
}
.gutter-y-48 {
--bs-gutter-y: 24px;
}
.gutter-y-24 {
--bs-gutter-y: 12px;
}
.mob-gutter-12 {
--bs-gutter-x: 12px;
}
.mob-gutter-48 {
--bs-gutter-x: 48px;
}
.mob-gutter-y-12 {
--bs-gutter-y: 12px;
}
.mob-gutter-y-24 {
--bs-gutter-y: 24px;
}
.activities-box {
border-radius: 20px;
padding: 15px;
height: 270px;
}
.mobile-border-top {
border-top: 3px solid var(--vvb-gray);
}
.vodne-stavby-section {
margin-top: -15px;
}
.activities-box.main-box {
border-radius: 20px;
padding: 10px;
height: 200px;
}
.activities-box .headline4 {
font-size: 16px;
}
.img-cinnost {
max-height: 90px;
max-width: 130px;
}
.activities-box .caption-m {
font-size: 14px;
}
.img-activities {
border-radius: 20px;
height: 270px;
width: 100%;
}
.img-activities.media-cover {
object-fit: cover;
}
.vodne-stavby-img {
height: 300px;
}
.sticky-sections .white-link {
font-size: 18px;
}
.white-link {
font-size: 24px;
}
.white-link-arrow:after {
height: 15px;
width: 15px;
margin-left: 8px;
}
.vodne-stavby-btn {
right: 20px;
bottom: 20px;
}
.vodne-stavby-title {
max-width: 250px;
left: 15px;
bottom: 20px;
}
.page-template-tbd-and-history .vodne-stavby-title {
bottom: 50px;
}
.neg-mt-20 {
margin-top: -20px;
}
.i-facts-mobile {
padding-top: 0 !important;
}
.project-status {
top: 12px;
left: 12px;
font-size: 12px;
padding: 8px 15px;
}
.mob-col-100perc {
width: 100%;
}
.footer-logo {
max-height: 50px;
}
.mob-text-center {
text-align: center;
}
.mob-text-right {
text-align: right;
}
.footer-custom-row {
margin-left: 0;
gap: 30px;
}
.footer .menu a {
font-size: 13px;
}
.desktop {
display: none;
}
.mobile {
display: block;
}
.foo-gdpr-holder.mobile {
display: flex;
gap: 8px;
flex-direction: column;
}
.foo-gdpr-holder a {
text-decoration: none;
font-size: 13px;
}
.footer .social-icons.mobile {
display: flex;
justify-content: flex-start;
}
.footer .menu li {
padding: 3px 0;
}
.footer p {
font-size: 13px;
}
.mob-mb-0 {
margin-bottom: 0;
}
.mzp-logo {
max-height: 30px;
width: auto;
}
.footer-border-bottom {
border: 0;
position: relative;
}
.footer-border-bottom:after, .mob-foo-border-bottom:after {
content: "";
width: auto;
height: 1px;
background: var(--vvb-gray);
position: absolute;
left: 12px;
right: 12px;
bottom: 0;
}
.mob-foo-border-bottom {
position: relative;
}
.mob-foo-border-bottom:after {
bottom: 30px;
}
.breadcrumb a, .breadcrumb .current {
padding: 3px 10px;
}
.breadcrumb {
gap: 6px;
flex-wrap: wrap;
}
.breadcrumb .delimiter {
font-size: 21px;
position: relative;
top: 0px;
}
.blue-pill {
margin-left: 38px;
max-width: calc(100% - 38px);
}
.blue-pill:before {
left: -25px;
}
.page-header .headline4 {
font-size: 24px;
}
.about-img-1 {
position: relative;
right: 0;
height: auto;
}
.about-img-3 {
position: absolute;
max-height: 60%;
top: 4%;
left: -12%;
} .vvb-ai-image:has(> .about-img-3) {
position: absolute;
max-height: 60%;
top: 4%;
left: -12%;
} .mob-relative {
position: relative;
}
.about-img-2 {
max-width: 50%;
bottom: 4%;
left: -5%;
}
.about-waves {
max-width: 150px;
left: unset;
bottom: -32px;
right: 0;
}
.about-us-8perc {
max-width: 300px;
}
.bg-gray-before:after {
top: 20px;
bottom: 0;
right: 12px;
width: calc(100% - 44px);
border-radius: 20px;
left: 32px;
}
.about-us-8perc-text {
padding-left: 38px;
}
.history-box {
border-radius: 20px;
padding: 20px;
height: max-content;
display: flex;
gap: 15px;
}
.h-box-col-v2 {
flex-direction: row;
gap: 15px;
flex-grow: 1;
}
.mob-history-year {
max-width: 60px;
}
.history-box.blue {
min-height: 200px;
}
.down-col-1 {
padding-left: 15px;
gap: 8px;
max-width: calc(100% - 170px);
}
.down-icon {
height: 35px;
width: 35px;
}
.down-title {
font-size: 14px;
}
.download-element .down-btn {
padding: 15px;
margin: 2px;
font-size: 12px;
max-width: 164px;
}
.mob-padx0 {
padding-left: 0;
padding-right: 0;
}
.vs-title-area {
gap: 30px;
row-gap: 5px;
}
.vodne-stavby-img-2 {
height: 300px;
}
.vodne-stavby-btn-2 {
left: 15px;
bottom: 15px;
}
.vodne-stavby-btn-2.white-link-arrow:after {
height: 35px;
width: 35px;
top: -2px;
margin-left: 10px;
}
.vodne-stavby-btn-2 .headline4 {
max-width: 260px;
font-size: 30px;
}
.vs-title-area-1-mob {
flex-direction: column;
}
.vs-title-area-1-mob {
flex-direction: column;
align-items: flex-start;
}
.vs-title-area-1-mob *:nth-of-type(2) {
padding-left: 30px;
}
.vs-title-area-1-mob *:nth-of-type(3) {
padding-left: 60px;
}
.about-project-box {
padding: 20px;
border-radius: 20px;
gap: 15px;
}
.about-project-box .fader {
border-radius: 20px;
}
.about-project-box .about-project-col:nth-of-type(1) {
width: calc(35%);
}
.about-project-box .about-project-col:nth-of-type(2) {
width: calc(65%);
}
.about-project-box .headline1 {
font-size: 30px;
}
.about-project-box .headline3 {
font-size: 18px;
line-height: 1.4em;
}
.about-project-box .about-project-col.w70perc {
width: calc(70%);
}
.about-project-box .about-project-col.w30perc {
width: calc(30%);
}
.project-dec-image-row .waves-about-project {
margin-left: -33px;
}
.project-dec-image-row {
min-height: 285px;
background-size: 90%;
align-items: flex-end;
background-position: right top;
}
.i-facts-item {
min-height: 180px;
padding: 20px;
}
.i-facts-item .headline2 {
font-size: 27px;
}
.mob-col-100 {
width: 100%;
}
.history-title {
max-width: unset;
}
.vs-historia .padleft20 {
padding-left: 0;
}
.vs-historia .margin-y-auto {
margin-top: 12px;
}
.vykon-value {
font-size: 15px;
}
.vykon {
gap: 4px;
padding: 8px 15px;
}
.vykon-podiel-icon {
height: 24px;
margin-left: 15px;
}
.vykon-podiel-value {
font-size: 18px;
}
.vykon-holder {
gap: 10px;
}
.vykon-icon {
height: 22px;
}
.vykon-podiel {
width: calc(100% - 125px);
height: 40px;
gap: 15px;
}
.vykon-active {
height: 40px;
}
.waves-about-project-img {
width: 150px !important;
}
.single-vodne-diela .vs-title-area .headline1 {
font-size: 35px;
}
.chart-wrapper {
height: 350px;
}
.legend-item {
margin-bottom: 20px;
}
.legend-color {
width: 25px;
height: 25px;
margin-right: 15px;
}
.chart__head > *:first-child {
width: 60px;
}
.chart__tick {
font-size: 12px;
}
.chart__tick::before {
bottom: -30px;
height: 20px;
}
.chart__scale {
height: 34px;
padding-bottom: 10px;
margin-bottom: 25px;
}
.chart-year {
font-size: 12px;
line-height: 35px;
padding-right: 15px;
width: 60px;
}
.chart:before {
left: 59px;
top: 33px;
bottom: -15px;
height: auto;
}
.chart-row {
width: calc(100% - 60px);
}
.bar {
height: 35px;
min-width: 25px;
}
.bar .value {
font-size: 18px;
}
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper table.wpDataTable > thead > tr > th {
padding: 12px 10px !important;
font-size: 15px;
}
.wpDataTablesWrapper .dataTables_filter, .wpDataTablesWrapper .dataTables_length {
font-size: 11px;
}
.project-dec-image-row.version2 {
min-height: 420px;
align-items: flex-end;
}
.project-dec-image-row.version2 .waves-about-project {
margin-left: -33px;
}
.body-num-xl {
font-size: 60px;
}
.mob-padright15 {
padding-right: 15px;
}
.history-box-img {
border-radius: 20px;
height: 220px;
}
.activities-box-v2 {
height: auto;
position: relative;
}
.activities-box-v2 .fader {
border-radius: 20px;
}
.uvod-img-title {
font-size: 30px;
left: 15px;
bottom: 15px;
}
.uvod-img {
min-height: 30vh;
object-position: center right;
}
.vodne-stavby-title.headline-w-70 {
max-width: 80%;
}
.quick-link {
padding: 15px;
gap: 15px;
border-radius: 20px;
}
.quick-link .btn.btn-border {
min-width: max-content;
}
.sticky-section .fader {
border-radius: 20px;
}
.boxes-w-years .year {
align-items: flex-start;
}
.down-title {
-webkit-line-clamp: 2;
}
.bezp-vodnych-stavieb .history-box-sm {
height: unset;
min-height: 110px;
}
.bezp-vodnych-stavieb .history-box-sm .h-box-col {
justify-content: flex-start;
}
.registre-row .history-box-sm {
min-height: 160px;
}
.wpdt-c.wdt-skin-light .wpDataTablesWrapper .dataTables_length .bootstrap-select.length_menu {
width: 50px !important;
height: 20px;
}
.wpdt-c .wpDataTablesWrapper .dataTables_length .bootstrap-select .dropdown-toggle {
padding: 0;
}
.custom-table .wpdt-c .bootstrap-select > .btn-default:before {
background-position: right calc(100% - 2px);
}
.wpdt-c .dropdown-menu > li > a {
padding: 10px 10px !important;
}
.wpDataTablesWrapper .dataTables_length span.filter-option {
margin-left: 3px !important;
}
.custom-table .wpdt-c .bootstrap-select .check-mark {
font-size: 12px !important;
top: 17px !important;
right: 2px !important;
}
.custom-table .wpDataTablesWrapper .dataTables_length {
float: left !important;
}
.custom-table .wpDataTablesWrapper .dataTables_filter {
float: right !important;
}
.custom-table .wpDataTablesWrapper .dataTables_filter input {
width: 145px;
height: 20px;
}
.custom-table .wpdt-c .form-control_ {
height: 20px;
}
.custom-table .wpDataTablesWrapper .dataTables_info {
margin-top: 0;
}
.custom-table .wpDataTablesWrapper {
margin-bottom: 0;
height: auto !important;
overflow: visible !important;
}
.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 {
height: 40px;
font-size: 14px;
padding: 10px;
}
.list.list-unstyled li:nth-of-type(2) {
margin-top: 10px;
}
.history-box.hist-b-pady15 {
padding: 20px;
}
.blue-box {
border-radius: 20px;
padding: 30px;
}
.odb-sposobilost {
padding: 30px;
}
.bg-gray-before-2:before {
border-radius: 0 0 20px 20px;
left: 12px;
top: -25px;
right: 12px;
}
.form-input-gray .wpcf7 label {
padding-left: 12px;
padding-right: 12px;
display: inline-block;
padding-bottom: 0;
}
.wpcf7 input, .wpcf7 select, .wpcf7 textarea {
min-height: 45px;
padding: 10px 12px;
border-radius: 10px;
}
.wpcf7-form-control.wpcf7-submit {
padding: 17px 70px 17px 50px !important;
}
.wpcf7 input[type=checkbox] + span:before {
left: 2px;
}
.wpcf7 .wpcf7-acceptance .wpcf7-list-item {
margin-left: 12px;
}
.form-input-gray .wpcf7 textarea {
height: 100px;
}
.form-input-gray span.wpcf7-form-control.wpcf7-acceptance label {
padding-left: 0;
}
.blue-submit .wpcf7 input.wpcf7-submit {
background-size: 12px;
background-position: calc(100% - 20px);
padding: 12px 42px 12px 20px;
font-size: 16px;
line-height: 18px;
}
.form-title-holder {
gap: 20px;
}
.form-input-gray .codedropz-upload-inner h3 {
margin: 0;
font-size: 17px;
}
.form-input-gray .codedropz-upload-container {
border-radius: 10px;
padding: 30px 15px;
min-height: 140px;
}
.form-input-gray  .codedropz-upload-handler {
border-radius: 10px;
}
.breadcrumb .current_ {
max-width: 105px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#progressbar {
flex-wrap: wrap;
}
#progressbar li:before {
font-size: 14px;
}
#progressbar li p {
font-size: 14px;
}
#progressbar li {
height: 42px;
padding: 10px 15px;
width: 100%;
}
.btn.btn-solid.btn-form-blue {
font-size: 16px;
padding: 12px 20px;
}
.btn-solid.btn-arrow:after {
margin-left: 6px;
width: 12px;
height: 12px;
top: 4px;
}
.contact-uvod-img {
margin-right: 0;
padding-right: 0;
}
.hours-space {
padding: 0 8px;
}
.ic-opening-times.contact-page {
gap: 15px;
}
.ic-opening-times-day {
width: 38%;
padding-left: 15px;
}
.ic-opening-times .caption-l {
font-size: 16px;
}
.ic-opening-times-time {
width: 62%;
padding: 14px 8px;
height: 50px;
}
.ic-opening-times-time .caption-m {
font-size: 15px;
}
.contact-card {
height: auto;
min-height: 150px;
border-radius: 20px;
padding: 25px;
}
.three-cols-mob-hide {
display: flex;
}
.two-cols-mob-hide {
display: none;
}
.masonry-brick {
width: 50%;
}
.masonry.masonry--v {
max-height: 1100px;
max-width: 100%;
gap: 10px;
justify-content: flex-start;
align-items: center;
margin: auto;
padding-right: 10px;
}
.stats-item {
padding: 15px;
gap: 15px;
min-height: 100px;
}
.stats-item .caption-m {
font-size: 15px;
}
.stats-item.one {
min-height: unset;
}
.stats-item.bg-blue.seven {
min-height: unset;
}
.stats-item.three {
min-height: unset;
}
.stats-item.four, .stats-item.three, .stats-item.seven, .stats-item.bg-blue.seven  {
min-height: 150px;
}
.aktuality-archive .headline2 {
font-size: 26px;
}
.tlac-spravy-title-holder .headline2 {
padding-right: 0;
}
.tlac-spravy-title-holder {
gap: 10px;
}
.carousel-icon {
height: 25px;
}
.tlac-spravy-title-holder .headline2 {
font-size: 30px;
flex-grow: 1;
}
.post-read-btn {
right: 15px;
bottom: 15px;
}
.page-numbers {
height: 40px;
width: 40px;
font-size: 16px;
line-height: 40px;
}
.page-numbers.dots {
font-size: 30px;
}
.pagination {
gap: 8px;
}
.page-numbers.next:after, .page-numbers.prev:after {
height: 24px;
width: 9px;
}
.page-numbers.next, .page-numbers.prev {
padding: 8px 5px;
}
.page-header .headline4 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.padx100 {
padding-right: 0;
padding-left: 0;
}
.post-list-box {
padding: 20px;
}
.post-list li::before {
left: 3px;
top: 8px;
width: 12px;
height: 12px;
transform: unset;
}
.gallery-flex-content {
justify-content: flex-start;
}
.post-list .sub-list li::before {
top: 0.75em;
width: 10px !important;
height: 3px !important;
border-radius: 0;
}
.post-list .sub-list li {
padding-left: 20px;
}
.post-list li {
padding-left: 32px;
}
.margin-x-min-70 {
width: 100%;
margin: 0;
}
.quote-author-holder.padleft70 {
padding-left: 0;
}
.quote-author-holder {
align-items: flex-start;
}
.quote-author-line {
margin-top: 11px;
}
.gallery {
gap: 10px;
}
.gallery .gallery-item {
width: calc(50% - 5px);
}
.br-30 {
border-radius: 15px;
}
.related-posts .post-read-btn {
left: 15px;
right: 15px;
bottom: 15px;
}
.post-content, .post-content p {
font-size: 16px;
line-height: 24px;
}
.post-content img {
margin: 15px 0;
width: 100%;
}
.nav-item a.nav-link {
font-size: 14px;
padding: 10px 15px;
}
ul.arch-nase-projekty-nav {
gap: 8px;
}
.post-content-image-caption span {
transform: rotate(0);
}
.post-content-image-caption {
position: relative;
left: 0;
}
.compa-box {
border-radius: 20px;
padding: 30px 15px;
}
.compa-direction {
gap: 10px;
}
.compa-box .headline4 {
font-size: 18px;
}
.direction-icon {
max-height: 22px;
}
.next-departures {
gap: 6px;
}
.next-departures-time {
font-size: 16px;
width: 90px;
}
.compa-shedule-box {
border-radius: 20px;
padding: 20px 15px 25px;
}
.schedule-row {
padding: 8px 0;
}
.schedule-row.first {
padding-bottom: 20px;
}
.schedule-row.empty {
padding: 14px 0;
}
.schedule-row.empty:after {
bottom: 24px;
}
.schedule-row:after {
left: 15px;
right: 15px;
}
.app-box {
padding: 30px 12px;
border-radius: 25px;
margin-bottom: 30px;
}
.btn.btn-border.btn-white {
line-height: 25px;
gap: 10px;
}
.app-btn-icon {
height: 24px;
}
.flex.social-btns {
flex-wrap: wrap;
gap: 15px;
justify-content: center;
}
.img-app {
max-width: 240px;
margin: auto;
}
.padx120 {
padding-right: 0;
padding-left: 0;
}
.contact-item, .contact-item.email {
width: 275px;
}
.contact-item.email {
order: 2;
}
img.ic-opening-hours-icon {
height: 40px;
}
.ic-opening-hours {
gap: 15px;
}
.ic-opening-times {
gap: 15px;
}
.exkurzie-text-holder {
bottom: 15px;
left: 15px;
right: 15px;
gap: 15px;
flex-direction: column;
}
.exkurzie-col-1 {
width: 100%;
}
.exkurzie-col-1 .headline4 {
font-size: 20px;
}
.exkurzie-title-holder {
gap: 10px;
}
.exkurzie-col-1 .headline2 {
font-size: 26px;
}
.exkurzie-icon, .exkurzia-ikona-okruhu {
max-height: 30px;
}
.exkurzie-col-1 .caption-l {
font-size: 16px;
}
.typy-exkurzii-img {
min-height: 400px;
}
.page-template-exkurzia-gabcikovo-zilina .uvod-img-title {
max-width: 100%;
}
.img-overlay-simple:before,
.img-overlay:before {
background: rgba(0, 0, 0, 0.25);
}
.sticky-section .fader.br-30 {
border-radius: 15px;
}
.prihlasenie-box {
padding: 30px 25px;
margin: 0 12px;
border-radius: 20px;
}
.prihlasenie-box .headline1 {
font-size: 32px;
}
.contact-link {
font-size: 17px;
}
.contact-icon-holder {
height: 50px;
width: 50px;
border-radius: 14px;
padding: 10px;
margin: 4px;
}
.contact-icon {
height: 30px;
width: 30px;
}
.contact-holder {
justify-content: center;
}
.exkurzia-typ-okruhu {
gap: 10px;
padding: 8px 20px;
border-radius: 40px;
min-width: unset;
align-items: center;
}
.exkurzia-num {
margin-top: 0;
font-size: 70px;
}
.exkurzia-typ-okruhu .caption-m {
font-size: 14px;
}
.exkurzia-ikona-okruhu {
max-height: 22px;
}
.document-box {
padding: 20px 15px;
border-radius: 20px;
}
.document-box .headline4 {
font-size: 16px;
}
.document-box .padbottom20 {
padding-bottom: 5px;
}
.document-box .img-cinnost {
max-height: 80px;
}
.pracovna-pozicia-box {
padding: 20px;
border-radius: 20px;
}
.prac-ponuka-info {
gap: 10px;
}
.prac-ponuka-info-holder {
gap: 10px;
flex-direction: column;
}
.prac-ponuka-circle {
width: 15px;
height: 15px;
}
.btn.btn-solid.btn-solid-lg {
font-size: 17px;
padding: 12px 23px;
}
.post-date {
padding: 5px 15px;
}
.post-date .day-month {
font-size: 14px;
}
.post-date .year {
font-size: 10px;
line-height: 10px;
padding-right: 2px;
}
.activities-box.certificates {
min-height: 120px;
}
.post-list-box.spris-info {
padding: 20px;
}
.spris-info h2 {
font-size: 28px;
line-height: 1.2em;
}
.spris-info ul {
gap: 10px;
padding: 15px 0;
}
.spris-info ul li {
font-size: 18px;
line-height: 25px;
padding-left: 20px;
}
.spris-info ul li::before {
left: 0;
top: 13px;
width: 10px;
height: 10px;
}
.spris-info ul li ul li::before {
top: 11px;
width: 10px;
height: 10px;
}
.spris-info ul li ul li {
font-size: 16px;
line-height: 22px;
}
.spris-info-text p {
font-size: 16px;
line-height: 24px;
margin-bottom: 15px;
}
.spris-info ul li ul {
padding-top: 5px;
}
.line {
border-top: 2px solid var(--vvb-gray);
}
.gall-read-btn {
right: 15px;
top: 15px;
}
.gall-title {
position: absolute;
bottom: 20px;
left: 20px;
max-width: calc(100% - 40px);
font-size: 22px;
}
.gallery-count {
gap: 5px;
padding: 8px 13px;
top: 15px;
left: 15px;
min-width: 65px;
}
.gall-count-img {
max-height: 18px;
}
.gall-count-num {
font-size: 14px;
}
.gallery.gallery-gap-12 .gallery-item {
width: calc(50% - 5px);
}
.lg-sub-html {
padding: 15px;
width: calc(100% - 24px);
margin: 0 auto 12px 12px;
font-size: 16px;
line-height: 24px;
}
.lg-sub-html p {
font-size: 16px;
line-height: 20px;
}
.lg-toolbar .lg-icon {
font-size: 20px;
height: 30px;
line-height: 20px;
padding: 5px 0;
width: 30px;
margin: 12px 12px 0 auto;
}
.lg-actions .lg-next {
right: 12px;
}
.lg-actions .lg-prev {
left: 12px;
}
.lg-actions .lg-next:before, .lg-actions .lg-prev:after {
width: 9px;
height: 20px;
}
.lg-actions .lg-next, .lg-actions .lg-prev {
padding: 16px 10px;
top: calc(50% - 20px);
}
.logo-box {
padding: 20px 25px;
border-radius: 20px;
}
.custom-table {
width: 100%;
overflow-y: scroll;
}
.custom-table .wpdt-c {
min-width: 1200px;
padding-right: 12px;
}
.text404 {
font-size: 120px;
}
body {
padding-top: 76px;
}
.header-hide {
top: -76px;
box-shadow: unset;
}
.novinky-aktuality-list .col-12:nth-child(3n + 2) {
border: 0;
}
.gallery-carousel .owl-stage-outer {
margin-right: 0;
}
.gallery-carousel .owl-stage, .gallery-carousel .owl-stage-outer {
height: 300px;
}
.gall-icon {
height: 30px;
width: 30px;
}
.gallery-row {
margin-right: -12px;
}
.gallery-carousel .owl-item img {
width: 100%;
}
.gall-item {
width: 100%;
}
.about-us-8perc-text .headline3 {
font-size: 22px;
}
.activities-box-v2 .img-cinnost {
width: 120px;
height: 80px;
}
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .dataTables_paginate .paginate_button {
width: 40px;
height: 40px;
padding: 9px 5px;
border-radius: 8px;
}
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .dataTables_paginate {
font-size: 18px !important;
font-family: sans-serif !important;
}
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .paginate_button.previous, .custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .paginate_button.next {
padding: 11px 5px;
width: fit-content;
}
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .paginate_button.previous:after, .custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .paginate_button.next:after {
height: 20px;
width: 9px;
}
.codedropz-upload-inner {
font-size: 13px;
}
.mob-d-block {
display: block;
}
.max-w-450 {
max-width: unset;
}
.gallery-flex-content {
gap: 10px;
}
.gallery-flex-content .gallery-item {
width: calc(50% - 5px);
}
.wysig-text ul {
padding-left: 25px;
}
.slipway-opening-hours .ic-opening-times .caption-l {
font-size: 15px;
}
.slipway-opening-hours .ic-opening-times-item .ic-opening-times-day {
padding-left: 15px;
}
.sklz-toggle-box {
border-radius: 20px;
padding: 20px;
border: 4px dashed #1B437E;
}
.col-acf-toggle {
padding-left: 12px;
order: -1;
margin-bottom: 32px;
}
.acf-toggle-track {
width: 200px;
height: 60px;
}
.acf-toggle-label {
font-size: 18px;
line-height: 22px;
}
.acf-toggle-knob {
width: 50px;
height: 50px;
}
.acf-toggle-ui.is-off .acf-toggle-track {
padding-left: 66px;
} .related-document-icon {
width: 60px;
}
.btn-down-icon:after {
margin-right: 8px;
width: 16px;
height: 16px;
top: 2px;
}
.related-document-meta-icon {
height: 25px;
width: auto;
}
.document-box .headline4.related-document-title {
font-size: 22px;
}
.related-document-meta {
gap: 8px;
}
.related-document-box .caption-s {
font-size: 15px;
}
.osvedcenia .margintop30 {
margin-top: 15px;
} .about-us-box {
height: 100%;
padding: 15px;
font-size: 14px;
}
.about-us-box p {
font-size: 14px;
}
.padbottom200 {
padding-bottom: 160px;
}
.vizia-karty-holder {
margin-top: -145px;
}
.about-us-box .img-cinnost {
max-height: 75px;
} .next-departures-time {
font-size: 16px;
width: 75px;
} .ai-content-label {
top: 8px;
right: 8px;
}
.vvb-lightgallery-ai-label {
top: 8px;
right: 12px;
} }
@media (min-width: 400px) and (max-width: 479px) {
.masonry.masonry--v {
max-height: 1035px;
}
}
@media (min-width: 480px) and (max-width: 575px) {
.masonry.masonry--v {
max-height: 965px;
}
.stats-item.four, .stats-item.three, .stats-item.seven, .stats-item.bg-blue.seven {
min-height: 148px;
}
}
@media (min-width: 576px) and (max-width: 767px) {
.hero-title {
font-size: 36px !important;
}
.mob-language-selector .language-btns:after {
width: 125px;
}
.mob-language-selector img.lang-icon {
width: 20px;
height: 20px;
}
.mob-language-selector .btn.btn-language.active .lang-id {
width: 90px;
padding-left: 8px;
}
.mob-language-selector .btn.btn-language {
line-height: 20px;
font-size: 14px;
padding: 8px;
}
.translatepress-en_US .language-btns:after {
left: 42px;
}
.mob-menu-social .social-link {
height: 30px;
width: 30px;
padding: 8px;
}
.min-width420 {
min-width: unset;
}
.tab-d-none {
display: none;
}
.about-img-2 {
left: -2%;
}
.about-us-8perc {
max-width: 190px;
}
.about-us-8perc-text {
padding-left: 5px;
}
.bg-gray-before:after {
top: 20px;
bottom: 20px;
}
.masonry.masonry--v {
max-height: 915px;
}
.stats-item.four, .stats-item.three, .stats-item.seven, .stats-item.bg-blue.seven {
min-height: 110px;
}
.sm-d-none {
display: none;
}
.sm-d-block {
display: block !important;
} .btn-down-icon:after {
margin-right: 8px;
width: 15px;
height: 15px;
top: 2px;
}
.related-document-box .btn.btn-solid.btn-solid-lg {
font-size: 16px;
}
}
@media only screen and (min-width: 768px) {
.masonry--v {
max-height: 810px;
}
.masonry-brick--v {
width: calc(33.33333% - 10px);
}
.three-cols-mob-hide {
display: none;
}
.mobile {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.padtop30 {
padding-top: 20px;
}
.padtop45 {
padding-top: 30px;
}
.padtop60 {
padding-top: 45px;
}
.padtop90 {
padding-top: 60px;
}
.padtop120 {
padding-top: 80px;
}
.padbottom20 {
padding-bottom: 15px;
}
.padbottom30 {
padding-bottom: 20px;
}
.padbottom40 {
padding-bottom: 30px;
}
.padbottom45 {
padding-bottom: 30px;
}
.padbottom60 {
padding-bottom: 45px;
}
.padbottom90 {
padding-bottom: 60px;
}
.padbottom120 {
padding-bottom: 80px;
}
.tab-padtop15 {
padding-top: 15px;
}
.tab-padtop20 {
padding-top: 20px;
}
.tab-padtop30 {
padding-top: 30px;
}
.tab-padbottom20 {
padding-bottom: 20px;
}
.tab-padbottom40 {
padding-bottom: 40px;
}
.tab-padbottom45 {
padding-bottom: 45px;
}
.tab-padx20 {
padding-right: 20px;
padding-left: 20px;
}
.headline1 {
font-size: 45px;
line-height: 1.2em;
}
.headline2 {
font-size: 36px;
line-height: 1.2em;
}
.headline3 {
font-size: 30px;
line-height: 1.2em;
}
.headline4 {
font-size: 24px;
line-height: 1.2em;
}
.caption-l {
font-size: 20px;
line-height: 30px;
}
.caption-m {
font-size: 18px;
line-height: 26px;
}
.tab-text-center {
text-align: center;
}
.gutter-48 {
--bs-gutter-x: 24px;
}
.mob-language-selector .language-btns:after {
width: 125px;
}
.mob-language-selector img.lang-icon {
width: 20px;
height: 20px;
}
.mob-language-selector .btn.btn-language.active .lang-id {
width: 90px;
padding-left: 8px;
}
.mob-language-selector .btn.btn-language {
line-height: 20px;
font-size: 14px;
padding: 8px;
}
.translatepress-en_US .language-btns:after {
left: 42px;
}
.mob-menu-social .social-link {
height: 30px;
width: 30px;
padding: 8px;
}
.tab-col-100perc {
width: 100%;
}
.footer-logo {
max-height: 50px;
}
.tab-foo-border-bottom {
position: relative;
}
.tab-foo-border-bottom:after {
content: "";
width: auto;
height: 1px;
background: var(--vvb-gray);
position: absolute;
left: 0;
right: 0;
bottom: 30px;
}
.footer-custom-row {
margin-left: 0;
}
.footer-col-title {
font-size: 18px;
}
.footer p {
margin-top: 0;
font-size: 13px;
}
.footer .menu a {
text-decoration: none;
color: var(--vvb-white);
font-size: 12px;
}
.foo-gdpr-holder {
gap: 4px;
flex-direction: column;
}
.footer-bottom a {
font-size: 10px;
}
body {
padding-top: 76px;
}
.hero-title {
left: 30px;
bottom: 30px;
max-width: 100%;
}
.vvb-waves {
max-width: 225px;
bottom: -30px;
left: -30px;
}
.btn.btn-border {
font-size: 16px;
padding: 12px 18px;
}
.mar-left60 {
margin-left: 0;
}
.gutter-y-24 {
--bs-gutter-y: 12px;
}
.tab-gutter-12 {
--bs-gutter-x: 12px;
}
.tab-gutter-y-12 {
--bs-gutter-y: 12px;
}
.tab-gutter-y-24 {
--bs-gutter-y: 24px;
}
.activities-box {
border-radius: 20px;
padding: 20px;
height: 300px;
}
.activities-box .headline1 {
font-size: 36px;
}
.activities-box .headline4 {
font-size: 18px;
}
.activities-box .caption-m {
font-size: 14px;
}
.img-cinnost {
max-height: 70px;
}
.img-activities {
border-radius: 20px;
height: 300px;
}
.padall45 {
padding: 20px;
}
.padleft75 {
padding-left: 30px;
}
.interesting-facts .headline1 {
font-size: 40px;
}
.interesting-facts .headline4 {
font-size: 20px;
}
.eight-perc-text {
right: -25px;
bottom: -35px;
max-width: 108px;
}
.vodne-stavby-img {
height: 400px;
}
.vodne-stavby-title {
left: 30px;
bottom: 35px;
}
.br-35 {
border-radius: 20px;
}
.vodne-stavby-btn {
right: 30px;
bottom: 35px;
}
.white-link {
font-size: 25px;
}
.white-link-arrow:after {
height: 20px;
width: 20px;
}
.home .post-excerpt, .home .project-excerpt {
display: none;
}
.project-status {
font-size: 14px;
padding: 8px 14px;
}
.tab-relative {
position: relative;
}
.about-img-1 {
position: relative;
right: 0;
height: auto;
}
.tab-d-none {
display: none;
}
.gallery-carousel .owl-stage-outer, .gallery-carousel .owl-stage {
height: 300px;
}
.bg-gray-before:after {
top: 45px;
bottom: 45px;
}
.about-us-8perc-text .headline3 {
font-size: 27px;
}
.history-box {
height: 200px;
}
.steps-timeline {
padding-left: 40px;
padding-bottom: 30px;
margin-left: 15px !important;
width: calc(100% - 15px);
}
.inverted-pane-warp::after {
width: 25px;
height: 25px;
left: -50px;
top: 12px;
}
.inverted-pane-warp::before {
display: none;
}
.gallery-timeline {
gap: 12px;
}
.gallery-timeline img {
max-height: 180px;
}
.download-element .down-btn {
padding: 16px 30px;
font-size: 15px;
}
.down-col-1 {
padding-left: 20px;
gap: 10px;
max-width: calc(100% - 240px);
}
.down-title {
font-size: 15px;
-webkit-line-clamp: 2;
}
.min-width420 {
min-width: unset;
}
.lg-toolbar .lg-icon {
font-size: 25px;
height: 40px;
line-height: 40px;
padding: 0;
width: 40px;
margin: 20px 20px 0 auto;
}
.lg-actions .lg-prev {
left: 20px;
}
.lg-actions .lg-next {
right: 20px;
}
.lg-actions .lg-next, .lg-actions .lg-prev {
padding: 17px 12px;
}
.lg-sub-html {
padding: 20px;
max-width: 600px;
margin: 0 auto 20px 20px;
font-size: 16px;
line-height: 24px;
}
.lg-sub-html p {
font-size: 16px;
line-height: 24px;
}
.vs-title-area {
gap: 35px;
}
.gutter-y-48 {
--bs-gutter-y: 24px;
}
.gutter-48 {
--bs-gutter-x: 24px;
}
.vodne-stavby-img-2 {
height: 420px;
}
.vodne-stavby-btn-2.white-link-arrow:after {
height: 35px;
width: 35px;
top: 0;
}
.vodne-stavby-btn-2 .headline4 {
max-width: 240px;
}
.tab-d-none {
display: none;
}
.tab-d-block {
display: block;
}
.vs-title-area {
gap: 8px;
}
.vs-title-area-1-mob {
flex-direction: column;
align-items: flex-start;
}
.vs-title-area-1-mob *:nth-of-type(2) {
padding-left: 30px;
}
.vs-title-area-1-mob *:nth-of-type(3) {
padding-left: 60px;
}
.about-project-box {
padding: 30px;
border-radius: 20px;
gap: 30px;
}
.about-project-box .fader {
border-radius: 20px;
}
.project-dec-image-row {
min-height: 380px;
}
.waves-about-project {
margin-left: -65px;
}
.waves-about-project-img {
width: 200px !important;
}
.gutter-120 {
--bs-gutter-x: 24px;
}
.single-vodne-diela .history-box, .history-box {
height: 100%;
border-radius: 20px;
padding: 20px;
gap: 15px;
}
.tab-gutter-x-12 {
--bs-gutter-x: 12px;
}
.single-vodne-diela .history-box  .headline2 {
font-size: 30px;
}
.padleft90 {
padding-left: 30px;
}
.i-facts-item {
min-height: 170px;
}
.history-title {
max-width: 125px;
}
.vykon-podiel-value {
font-size: 18px;
}
.vykon {
gap: 15px;
padding: 8px 16px;
}
.vykon-icon {
height: 22px;
}
.vykon-podiel-icon {
height: 22px;
margin-left: 18px;
}
.vykon-podiel {
width: 400px;
height: 40px;
gap: 15px;
}
.vykon-active {
height: 40px;
}
.vykon-value {
font-size: 18px;
}
.chart-wrapper {
height: 400px;
}
.legend-item {
margin-bottom: 25px;
}
.wrap {
max-width: 800px;
}
.chart-year {
line-height: 32px;
font-size: 14px;
}
.bar {
height: 32px;
}
.bar .value {
font-size: 18px;
}
.legend-color {
width: 25px;
height: 25px;
margin-right: 15px;
}
.chart__tick {
font-size: 14px;
}
.legend-item .headline4 {
font-size: 20px;
}
.project-dec-image-row.version2 .waves-about-project {
margin-left: -55px;
}
.project-dec-image-row.version2 {
min-height: 500px;
background-position: 310%;
}
.activities-box.activities-box-v2 {
min-height: 300px;
height: 100%;
justify-content: space-between;
}
.uvod-img-title {
bottom: 30px;
left: 30px;
right: 30px;
width: auto;
}
.sticky-section .fader.br-35 {
border-radius: 20px;
}
.quick-link {
padding: 12px 35px;
gap: 20px;
}
.bezp-vodnych-stavieb .history-box-sm {
height: 100%;
}
.history-box-img {
height: 215px;
border-radius: 20px;
}
.monitorovanie .history-box-img {
height: 100%;
}
.history-box.hist-b-pady15 {
padding: 20px;
}
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .dataTables_paginate .paginate_button {
width: 40px;
height: 40px;
padding: 9px 5px;
border-radius: 8px;
}
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .dataTables_paginate {
font-size: 18px !important;
font-family: sans-serif !important;
}
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .paginate_button.previous, .custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .paginate_button.next {
padding: 11px 5px;
width: fit-content;
}
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .paginate_button.previous:after, .custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .paginate_button.next:after {
height: 20px;
width: 9px;
}
.blue-box {
border-radius: 20px;
padding: 20px;
align-items: center;
}
.bg-gray-before-2:before {
border-radius: 0 20px 20px 0;
}
.breadcrumb .current {
max-width: 115px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.blue-submit .wpcf7 input.wpcf7-submit {
background-size: 13px;
background-position: calc(100% - 25px);
padding: 12px 45px 12px 25px;
}
.codedropz-upload-inner {
font-size: 15px;
}
#progressbar {
flex-wrap: wrap;
}
#progressbar li:before, #progressbar li p {
font-size: 14px;
}
#progressbar li {
padding: 12px 15px;
font-size: 15px;
height: auto;
}
.btn.btn-solid.btn-form-blue {
padding: 12px 25px;
font-size: 18px;
}
.priestory {
display: none;
}
.ic-opening-times-item.contact-btn .ic-contact-btn-name {
width: 58%;
}
.ic-opening-times-item.contact-btn .ic-contact-btn-name p {
font-size: 14px;
}
.ic-opening-times-item.contact-btn .ic-contact-btn-value {
width: 42%;
font-size: 14px;
}
.ic-opening-times-time {
padding: 12px 8px;
height: 50px;
}
.ic-opening-times.contact-page {
gap: 15px;
}
.contact-card {
height: 180px;
border-radius: 20px;
padding: 25px;
}
.contact-card-lg {
height: 100%;
}
.contact-form-img {
display: none;
}
.tab-d-block {
display: block;
}
.masonry--v {
max-height: 800px;
}
.stats-item {
padding: 15px;
gap: 10px;
min-height: 100px;
}
.stats-item.three {
min-height: 162px;
}
.stats-item.bg-middle-gray.seven {
min-height: 140px;
}
.marginbottom60 {
margin-bottom: 45px;
}
.post-info-item {
font-size: 11px;
padding: 5px 15px;
}
.post-details {
gap: 6px;
}
.post-read-btn {
right: 15px;
bottom: 15px;
}
.page-numbers {
height: 40px;
width: 40px;
font-size: 18px;
line-height: 40px;
}
.page-numbers.next, .page-numbers.prev {
padding: 10px 5px;
}
.page-numbers.dots {
font-size: 25px;
}
.page-numbers.next:after, .page-numbers.prev:after {
height: 20px;
width: 9px;
}
.tlac-spravy-title-holder .headline2 {
padding-right: 20px;
}
.carousel-icon {
height: 22px;
}
.lg-padx0 {
padding-left: 0;
padding-right: 0;
}
.post-list-box {
padding: 25px 30px;
}
.margin-x-min-70 {
width: calc(100%);
margin: 0;
}
.padleft70 {
padding-left: 0;
}
.post-content-image-caption {
position: relative;
left: 0;
}
.post-content-image-caption span {
transform: rotate(0);
}
.gallery {
gap: 15px;
}
.gallery .gallery-item {
width: calc(33% - 8px);
}
.br-30 {
border-radius: 20px;
}
.related-posts .post-read-btn {
left: 15px;
right: 15px;
bottom: 15px;
}
.post-content img {
margin: 15px 0;
width: 100%;
}
.nav-item a.nav-link {
font-size: 18px;
padding: 15px 25px;
}
.post-type-archive-nase-projekty .project-excerpt {
display: none;
}
.gallery-flex-content {
gap: 15px;
}
.padright60 {
padding-right: 30px;
}
.compa-box {
border-radius: 25px;
padding: 20px 15px 20px;
}
.next-departures {
flex-wrap: wrap;
}
.next-dep-text {
width: 100%;
}
.compa-shedule-box {
border-radius: 25px;
padding: 25px 15px 30px;
}
.schedule-row.first {
padding-bottom: 20px;
}
.schedule-row {
padding: 10px 0;
}
.schedule-row:after {
left: 15px;
right: 15px;
}
.schedule-row.empty {
padding: 13px 0;
}
.compa-s-box-title {
min-height: 52px;
}
.schedule-row.empty:after {
bottom: 24px;
}
.app-box {
padding: 25px 20px;
border-radius: 25px;
}
.qr-app {
display: none;
}
.flex.social-btns {
gap: 15px;
flex-wrap: wrap;
}
.col-app-qr .btn.btn-border {
min-width: 260px;
}
.exkurzie-text-holder {
bottom: 25px;
left: 25px;
right: 25px;
gap: 15px;
justify-content: space-between;
flex-direction: column;
}
.exkurzie-col-1 {
width: calc(100%);
}
.typy-exkurzii-img {
min-height: 450px;
}
.exkurzie-title-holder .headline2 {
font-size: 32px;
}
.sticky-section .fader.br-30 {
border-radius: 20px;
}
.exkurzie-icon {
max-height: 40px;
}
.prihlasenie-box {
padding: 30px;
margin: 0 30px;
border-radius: 20px;
}
.ic-opening-times {
gap: 15px;
}
img.ic-opening-hours-icon {
height: 60px;
}
.tab-max-w-450 {
max-width: 450px;
margin: auto;
}
.padx120 {
padding-right: 60px;
padding-left: 60px;
}
.contact-icon-holder {
height: 60px;
width: 60px;
border-radius: 15px;
padding: 12px;
margin: 5px;
}
.contact-icon {
height: 36px;
width: 36px;
}
.contact-link {
font-size: 18px;
}
.tab-padbottom15 {
padding-bottom: 15px;
}
.exkurzia-num {
font-size: 80px;
}
.document-box {
padding: 20px 15px;
}
.document-box .headline4 {
font-size: 22px;
}
.prac-ponuka-info-holder {
gap: 15px;
}
.prac-ponuka-circle {
width: 18px;
height: 18px;
}
.pracovna-pozicia-box {
padding: 35px;
}
.btn.btn-solid.btn-solid-lg {
font-size: 17px;
padding: 14px 25px;
}
.post-date .year {
font-size: 10px;
line-height: 10px;
}
.day-month {
font-size: 15px;
}
.post-date {
padding: 6px 16px;
}
.breadcrumb a, .breadcrumb .current {
padding: 4px 15px;
}
.body-num-xl {
font-size: 120px;
}
.spris-info ul li {
font-size: 22px;
line-height: 28px;
padding-left: 40px;
}
.spris-info ul li ul li {
font-size: 18px;
line-height: 28px;
padding-left: 40px;
}
.spris-info ul li::before {
width: 10px;
height: 10px;
left: 10px;
}
.spris-info ul li ul li::before {
width: 10px;
height: 10px;
}
.spris-info h2 {
font-size: 30px;
line-height: 36px;
}
.post-list-box.spris-info {
padding: 30px;
}
.spris-info ul {
gap: 15px;
padding: 15px 0;
}
.spris-info-text p {
font-size: 18px;
line-height: 26px;
margin-bottom: 25px;
}
.gutter-80 {
--bs-gutter-x: 48px;
}
.gallery-count {
top: 15px;
left: 15px;
}
.gall-title {
bottom: 15px;
left: 15px;
right: 15px;
max-width: unset;
}
.gall-read-btn {
right: 15px;
top: 15px;
font-size: 20px;
}
.gall-read-btn.white-link-arrow:after {
margin-left: 8px;
height: 16px;
width: 16px;
}
.gallery-count {
padding: 7px 12px;
min-width: 70px;
}
.custom-table .wpdt-c {
min-width: 1200px;
}
.custom-table {
width: 100%;
overflow-y: scroll;
}
.text404 {
font-size: 160px;
} .related-document-icon {
width: 60px;
}
.btn-down-icon:after {
margin-right: 12px;
width: 18px;
height: 18px;
top: 1px;
}
.related-document-meta-icon {
height: 25px;
}
.document-box .headline4.related-document-title {
font-size: 24px;
}
.related-document-meta {
gap: 8px;
}
.osvedcenia .margintop30 {
margin-top: 20px;
} .about-us-box {
height: 100%;
padding: 20px;
}
.about-us-box p {
font-size: 14px;
}
.tab-padtop45 {
padding-top: 45px;
}
.padbottom200 {
padding-bottom: 160px;
}
.vizia-karty-holder {
margin-top: -130px;
} .mobile-menu .actual-opening-icon.circle {
min-width: 13px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.navbar .menu {
padding: 20px 0;
gap: 12px;
}
.navbar .menu.en-menu {
gap: 24px;
}
.navbar .menu a {
font-size: 13px;
}
#header li.menu-item-has-children > a:after {
width: 10px;
height: 6px;
margin-left: 5px;
}
.navbar .menu li.menu-item-has-children:hover .sub-menu {
padding: 15px;
}
#header #search .asl_w_container {
width: 350px !important;
}
.logo-header {
max-width: 150px;
}
.sec-navbar {
gap: 15px;
padding: 24px 0 16px 0;
}
.btn.btn-solid.kompa-btn {
line-height: 24px;
padding: 9px 15px;
font-size: 13px;
}
.kompa-btn-icon {
width: 20px;
height: 20px;
margin-right: 8px;
}
div.asl_w .probox .promagnifier .innericon:after {
font-size: 13px;
}
#header div.asl_w .probox .promagnifier {
width: 120px !important;
}
#header #ajaxsearchlite1 .probox, div.asl_w .probox {
padding-left: 10px;
}
.min-width420 {
min-width: unset;
}
.footer-custom-row {
margin-left: 0;
}
.footer-logo {
max-height: 55px;
}
.footer p {
font-size: 13px;
}
.footer .col-40-perc {
width: 35%;
}
.footer .col-60-perc {
width: 65%;
}
.footer .menu a {
font-size: 12px;
}
.foo-gdpr-holder {
gap: 20px;
}
.footer-bottom a {
font-size: 12px;
}
.padtop30 {
padding-top: 25px;
}
.padtop45 {
padding-top: 35px;
}
.padtop60 {
padding-top: 50px;
}
.padtop90 {
padding-top: 70px;
}
.padtop120 {
padding-top: 80px;
}
.padbottom20 {
padding-bottom: 16px;
}
.padbottom30 {
padding-bottom: 25px;
}
.padbottom40 {
padding-bottom: 32px;
}
.padbottom45 {
padding-bottom: 35px;
}
.padbottom60 {
padding-bottom: 50px;
}
.padbottom90 {
padding-bottom: 70px;
}
.padbottom120 {
padding-bottom: 80px;
}
.lg-padtop20 {
padding-top: 20px;
}
.lg-padtop50 {
padding-top: 50px;
}
.headline1 {
font-size: 50px;
line-height: 62px;
}
.headline2 {
font-size: 40px;
line-height: 52px;
}
.headline3 {
font-size: 32px;
line-height: 44px;
}
.headline4 {
font-size: 24px;
line-height: 36px;
}
.caption-l {
font-size: 22px;
line-height: 32px;
}
.caption-m {
font-size: 18px;
line-height: 26px;
}
.vvb-waves {
max-width: 300px;
bottom: -35px;
left: -35px;
}
.mar-left60 {
margin-left: 0;
}
.vodne-stavby-img {
height: 480px;
}
.project-status {
font-size: 16px;
padding: 12px 20px;
}
.btn.btn-border {
font-size: 18px;
padding: 14px 22px;
}
.white-link {
font-size: 30px;
}
.white-link-arrow:after {
height: 14px;
width: 14px;
margin-left: 8px;
}
.activities-box.blue .headline1 {
font-size: 40px;
line-height: 1.5em;
}
.img-cinnost {
max-height: 80px;
}
.activities-box {
padding: 30px;
height: 425px;
}
.activities-box .headline4, .i-facts-row .headline4, .eight-perc-text.headline4 {
font-size: 24px;
line-height: 32px;
}
.img-activities {
height: 425px;
}
.padall45 {
padding: 30px;
}
.padleft75 {
padding-left: 50px;
}
.i-facts-row .headline1 {
font-size: 50px;
line-height: 60px;
}
.eight-perc-holder {
margin-right: 25px;
}
.eight-perc-text {
right: 8px;
bottom: -30px;
max-width: 125px;
}
#header.header-hide {
top: -135px;
}
body {
padding-top: 194px;
}
.about-img-3 {
max-height: 300px;
top: 130px;
left: -60px;
} .vvb-ai-image:has(> .about-img-3) {
max-height: 300px;
top: 130px;
left: -60px;
} .about-img-2 {
display: none;
}
.about-waves {
left: -10px;
bottom: -50px;
max-width: 275px;
}
.gallery-carousel .owl-stage, .gallery-carousel .owl-stage-outer {
height: 400px;
}
.bg-gray-before:after {
top: 60px;
bottom: 60px;
}
.history-box {
height: 250px;
}
.steps-timeline {
padding-left: 100px;
padding-bottom: 30px;
margin-left: 40px !important;
width: calc(100% - 40px);
}
.inverted-pane-warp::after {
left: -55px;
}
.inverted-pane-warp::before {
width: 90px;
left: -145px;
}
.gallery-timeline img {
max-height: 165px;
}
.gallery-timeline {
gap: 15px
}
.download-element .down-btn {
padding: 16px 18px;
font-size: 15px;
}
.down-col-1 {
padding-left: 20px;
gap: 10px;
max-width: calc(100% - 210px);
}
.down-title {
font-size: 15px;
-webkit-line-clamp: 2;
}
.gutter-y-48 {
--bs-gutter-y: 24px;
}
.gutter-48 {
--bs-gutter-x: 24px;
}
.vodne-stavby-img-2 {
height: 420px;
}
.lg-d-none {
display: none;
}
.lg-d-block {
display: block;
}
.vs-title-area {
gap: 15px;
}
.vs-title-area-1-mob {
flex-direction: column;
align-items: flex-start;
}
.vs-title-area-1-mob *:nth-of-type(2) {
padding-left: 30px;
}
.vs-title-area-1-mob *:nth-of-type(3) {
padding-left: 60px;
}
.about-project-box {
padding: 35px;
border-radius: 25px;
gap: 30px;
}
.gutter-120 {
--bs-gutter-x: 48px;
}
.br-35 {
border-radius: 25px;
}
.about-project-box .fader {
border-radius: 25px;
}
.single-vodne-diela .history-box {
height: 295px;
gap: 30px;
}
.vykon-podiel-value {
font-size: 20px;
}
.vykon {
gap: 15px;
padding: 8px 16px;
}
.vykon-icon {
height: 25px;
}
.vykon-podiel-icon {
height: 25px;
margin-left: 18px;
}
.vykon-podiel {
width: 500px;
height: 43px;
gap: 20px;
}
.vykon-active {
height: 43px;
}
.vykon-value {
font-size: 20px;
}
.chart-wrapper {
height: 400px;
}
.legend-item {
margin-bottom: 25px;
}
.wrap {
max-width: 800px;
}
.chart-year {
line-height: 48px;
}
.bar {
height: 48px;
}
.bar .value {
font-size: 22px;
}
.i-facts-item {
min-height: 200px;
}
.project-dec-image-row.version2 {
min-height: 575px;
background-position: 166%;
}
.project-dec-image-row.version2 .waves-about-project {
margin-left: -80px;
}
.waves-about-project-img {
width: 260px !important;
}
.activities-box.activities-box-v2 {
height: 100%;
justify-content: space-between;
}
.quick-link {
padding: 15px 45px 15px 45px;
}
.down-title {
-webkit-line-clamp: 2;
}
.bezp-vodnych-stavieb .history-box-sm {
height: 100%;
}
.history-box-img {
height: 250px;
}
.registre-row .history-box-sm {
height: 100%;
}
.registre-row .h-box-col {
justify-content: space-between;
}
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .dataTables_paginate .paginate_button {
width: 45px;
height: 45px;
padding: 12px 5px;
}
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .dataTables_paginate {
font-size: 20px !important;
font-family: sans-serif !important;
}
.custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .paginate_button.previous, .custom-table .wpdt-c.wdt-skin-light .wpDataTablesWrapper .paginate_button.next {
padding: 9px 5px;
width: fit-content;
}
.blue-submit .wpcf7 input.wpcf7-submit {
background-size: 14px;
background-position: calc(100% - 30px);
padding: 14px 50px 14px 30px;
}
#progressbar li:before, #progressbar li p {
font-size: 15px;
}
#progressbar li {
padding: 15px 5px;
font-size: 15px;
}
.btn.btn-solid.btn-form-blue {
padding: 14px 30px;
}
.padx45 {
padding-right: 35px;
padding-left: 35px;
}
.priestory {
bottom: 0;
}
.lg-gutter-24 {
--bs-gutter-x: 24px;
}
.ic-opening-times-time {
width: 60%;
padding: 14px 8px;
height: 54px;
}
.ic-opening-times-day {
width: 40%;
padding-left: 25px;
}
.ic-opening-times-day .caption-l {
font-size: 20px;
}
.ic-opening-times.contact-page {
gap: 15px;
}
.contact-card-lg {
height: 100%;
}
.stats-item.two {
min-height: 290px;
}
.stats-item.three {
min-height: 166px;
}
.stats-item.bg-blue.seven {
min-height: 180px;
}
.stats-item.bg-middle-gray.seven, .stats-item.bg-middle-gray.last {
min-height: 165px;
}
.tlac-spravy-title-holder .headline2 {
padding-right: 20px;
}
.carousel-icon {
height: 25px;
}
.post-read-btn {
right: 20px;
bottom: 20px;
}
.page-numbers {
height: 45px;
width: 45px;
font-size: 20px;
line-height: 45px;
}
.page-numbers.next, .page-numbers.prev {
padding: 9px 5px;
}
.page-numbers.dots {
font-size: 30px;
}
.lg-padx0 {
padding-left: 0;
padding-right: 0;
}
.post-list-box {
padding: 25px 30px;
}
.margin-x-min-70 {
width: calc(100% + 100px);
margin: 0 -50px;
}
.padleft70 {
padding-left: 50px;
}
.post-content-image-caption {
position: relative;
left: 0;
}
.post-content-image-caption span {
transform: rotate(0);
}
.gallery {
gap: 15px;
}
.gallery .gallery-item {
width: calc(33% - 7px);
}
.br-30 {
border-radius: 20px;
}
.post-content img {
margin: 30px -50px;
width: calc(100% + 100px);
}
.nav-item a.nav-link {
font-size: 18px;
padding: 15px 25px;
}
.gallery-flex-content {
gap: 15px;
}
.gutter-36 {
--bs-gutter-x: 24px;
}
.compa-direction {
gap: 10px;
}
.next-departures .caption-l {
font-size: 20px;
}
.next-departures .caption-m {
font-size: 16px;
}
.next-departures {
gap: 5px;
}
.next-departures-time {
width: 76px;
}
.schedule-row.empty {
padding: 14px 0;
}
.schedule-row {
padding: 10px 0;
}
.schedule-row:after {
left: 20px;
right: 20px;
}
.schedule-row.empty:after {
bottom: 25px;
}
.app-box {
padding: 30px 30px;
}
.uvod-img-title {
bottom: 45px;
left: 45px;
}
.exkurzie-text-holder {
bottom: 40px;
left: 45px;
right: 45px;
gap: 20px;
}
.exkurzie-col-1 {
width: calc(100% - 180px);
}
.exkurzie-title-holder .headline2 {
font-size: 34px;
line-height: 46px;
}
.sticky-section .fader.br-30 {
border-radius: 20px;
}
.prihlasenie-box {
padding: 40px;
border-radius: 20px;
}
img.ic-opening-hours-icon {
height: 60px;
}
.ic-opening-times {
gap: 16px;
}
.lg-padbottom15 {
padding-bottom: 15px;
}
.lg-padbottom40 {
padding-bottom: 40px;
}
.lg-padbottom30 {
padding-bottom: 30px;
}
.exkurzia-typ-okruhu {
min-width: fit-content;
}
.exkurzia-num {
font-size: 80px;
}
.prac-ponuka-info-holder {
gap: 20px;
}
.prac-ponuka-circle {
width: 18px;
height: 18px;
}
.pracovna-pozicia-box {
padding: 35px;
}
.btn.btn-solid.btn-solid-lg {
font-size: 18px;
padding: 14px 25px;
}
.post-date .year {
font-size: 10px;
line-height: 10px;
}
.day-month {
font-size: 15px;
}
.post-date {
padding: 6px 16px;
}
.sticky-section .fader.br-35 {
border-radius: 25px;
}
.body-num-xl {
font-size: 160px;
}
.spris-info ul li {
font-size: 24px;
line-height: 32px;
}
.spris-info ul li ul li {
font-size: 18px;
line-height: 28px;
padding-left: 45px;
}
.spris-info ul li::before {
width: 12px;
height: 12px;
}
.spris-info ul li ul li::before {
width: 10px;
height: 10px;
}
.spris-info h2 {
font-size: 32px;
line-height: 38px;
}
.spris-info-text p {
font-size: 18px;
line-height: 26px;
margin-bottom: 25px;
}
.gutter-80 {
--bs-gutter-x: 48px;
}
.gallery-count {
top: 20px;
left: 20px;
}
.gall-title {
bottom: 20px;
left: 20px;
right: 20px;
max-width: unset;
}
.gall-read-btn {
right: 20px;
top: 20px;
}
.lg-toolbar .lg-icon {
font-size: 28px;
height: 45px;
line-height: 45px;
padding: 0;
width: 45px;
margin: 20px 20px 0 auto;
}
.lg-actions .lg-prev {
left: 20px;
}
.lg-actions .lg-next {
right: 20px;
}
.lg-actions .lg-next, .lg-actions .lg-prev {
padding: 22px 14px;
}
.lg-sub-html {
padding: 20px;
max-width: 600px;
margin: 0 auto 20px 20px;
font-size: 18px;
line-height: 22px;
}
.lg-sub-html p {
font-size: 18px;
line-height: 22px;
}
.custom-table .wpdt-c {
min-width: 1200px;
}
.custom-table {
width: 100%;
overflow-y: scroll;
}
.text404 {
font-size: 200px;
}
.slipway-opening-hours .tab-max-w-500 {
max-width: 500px;
} .related-document-icon {
width: 60px;
}
.btn-down-icon:after {
margin-right: 14px;
width: 20px;
height: 20px;
top: 1px;
}
.related-document-meta-icon {
height: 26px;
}
.osvedcenia .margintop30 {
margin-top: 25px;
} .about-us-box {
height: 100%;
padding: 24px;
}
.vizia-karty-holder {
margin-top: -174px;
} .next-departures {
gap: 4px;
}
.next-departures .caption-m {
font-size: 15px;
}
.next-departures .caption-l {
font-size: 18px;
}
.next-departures-time {
width: 62px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.navbar .menu a {
font-size: 15px;
}
#header #search .asl_w_container {
width: 400px !important;
}
.btn.btn-solid.kompa-btn {
padding: 9px 18px;
font-size: 14px;
}
.logo-header {
max-width: 175px;
}
div.asl_w .probox .promagnifier .innericon:after {
font-size: 14px;
}
.navbar .menu {
gap: 15px;
}
.footer-logo {
max-height: 80px;
}
.footer p {
font-size: 14px;
line-height: 1.5em;
}
.headline1 {
font-size: 60px;
line-height: 80px;
}
.headline4 {
font-size: 26px;
line-height: 32px;
}
.min-width420 {
min-width: 355px;
}
.eight-perc-text {
right: 16px;
bottom: -10px;
max-width: 140px;
}
.activities-box {
padding: 35px;
height: 500px;
}
.img-activities {
height: 500px;
}
.headline3 {
font-size: 36px;
line-height: 44px;
}
.mar-left60 {
margin-left: 20px;
}
.vodne-stavby-title {
font-size: 70px;
}
#header.header-hide {
top: -152px;
}
.about-img-3 {
top: 87px;
left: -140px;
} .vvb-ai-image:has(> .about-img-3) {
top: 87px;
left: -140px;
} .about-waves {
left: -15px;
bottom: -55px;
max-width: 300px;
}
.about-img-2 {
display: none;
}
.steps-timeline {
padding-left: 100px;
padding-bottom: 30px;
margin-left: 40px !important;
width: calc(100% - 40px);
}
.inverted-pane-warp::after {
left: -55px;
}
.inverted-pane-warp::before {
width: 90px;
left: -145px;
}
.gallery-timeline img {
max-height: 200px;
}
.gutter-y-48 {
--bs-gutter-y: 24px;
}
.gutter-48 {
--bs-gutter-x: 24px;
}
.vodne-stavby-img-2 {
height: 480px;
}
.history-box .headline2 {
font-size: 45px;
line-height: 50px;
}
.i-facts-row .caption-l {
font-size: 23px;
}
.vs-title-area {
gap: 60px;
}
.project-dec-image-row.version2 {
background-position: 154%;
}
.project-dec-image-row.version2 .waves-about-project {
margin-left: -115px;
}
.registre-row .history-box-sm {
height: 100%;
}
.download-element .down-btn {
padding: 20px 25px;
}
.down-col-1 {
max-width: calc(100% - 245px);
}
.registre-row .h-box-col {
justify-content: space-between;
}
#progressbar li:before, #progressbar li p {
font-size: 16px;
}
#progressbar li {
padding: 16px 17px;
font-size: 16px;
}
.priestory {
bottom: 0;
}
.xl-gutter-36 {
--bs-gutter-x: 36px;
}
.ic-opening-times-time {
width: 58%;
}
.ic-opening-times-day {
width: 42%;
}
.stats-item.two {
min-height: 290px;
}
.stats-item.three {
min-height: 195px;
}
.stats-item.bg-blue.seven {
min-height: 180px;
}
.stats-item.bg-middle-gray.seven, .stats-item.bg-middle-gray.last {
min-height: 174px;
}
.white-link {
font-size: 32px;
}
.nav-item a.nav-link {
padding: 15px 30px;
}
.app-box {
padding: 40px 50px;
}
.next-departures .caption-l {
font-size: 22px;
}
.next-departures .caption-m {
font-size: 18px;
}
.exkurzie-title-holder .headline2 {
font-size: 40px;
line-height: 50px;
}
.xl-padbottom30 {
padding-bottom: 30px;
}
.document-box .headline4 {
font-size: 24px;
}
.activities-box-v2 {
height: 100%;
}
.body-num-xl {
font-size: 200px;
}
.gutter-80 {
--bs-gutter-x: 60px;
}
.slipway-opening-hours .ic-opening-times-item .caption-l {
font-size: 20px;
} .about-us-box {
height: 100%;
padding: 30px;
} .next-departures .caption-l {
font-size: 20px;
}
.next-departures-time {
width: 80px;
}
.next-departures .caption-m {
font-size: 16px;
}
}
@media (min-width: 1400px) and (max-width: 1599px) {
.about-img-2 {
left: 10px;
}
.about-waves {
left: 25px;
}
}
@media (max-height: 700px) {
.sticky-section {
top: -100px !important;
}
}
@media (min-width: 992px) {
.columns-lg-2 {
-moz-columns: 2 !important;
columns: 2 !important;
}
.container-850 {
max-width: 850px;
}
.submenu-count {
display: none;
}
.pve-malinec {
display: none;
}
}
@media (max-width: 991px) {
.mobile-tablet-hide {
display: none;
}
.search-mobile {
padding-bottom: 45px;
}
.mob-pad-bot-45 {
padding-bottom: 45px;
}
.mobile-menu .actual-opening-icon.circle {
width: 13px;
height: 13px;
border-radius: 50%;
}
.arrow-time {
width: 17px;
transform: rotate(-90deg);
padding: 3px;
margin-top: 10px;
padding-right: 5px;
}
.compa-btn-title {
font-size: 17px !important;
background-color: var(--vvb-blue) !important;
}
.mobile-menu .actual-opening {
width: 100%;
margin-bottom: 10px;
margin-top: 10px;
justify-content: center;
}
.compa-widget {
background-color: var(--vvb-blue);
width: 90%;
margin: auto;
border-radius: 35px;
justify-content: center;
display: grid;
padding: 20px 10px;
position: relative;
}
.compa-widget .btn.btn-solid.kompa-btn {
text-align: center;
}
.compa-widget .kompa-btn-icon {
margin-bottom: -5px;
}
.kompa-btn-icon.just-btn {
margin-bottom: -5px;
}
.compa-widget .next-departures {
justify-content: center;
}
.compa-widget .next-departures .depart {
margin-bottom: 0;
} .btn.btn-solid.kompa-btn {
line-height: 24px;
padding: 9px 22px;
display: unset !important;
}
.pve-malinec a {
background-color: var(--vvb-gray) !important;
color: white !important;
}
}
*_ {
border: 1px solid red;
}
@media (min-width: 768px) and (max-width: 1399px) {
.sticky-section:nth-of-type(2) {
top: 50px;
}
.sticky-section:nth-of-type(3) {
top: 100px;
}
.sticky-section:nth-of-type(4) {
top: 150px;
}
.sticky-section:nth-of-type(5) {
top: 200px;
}
.sticky-section:nth-of-type(6) {
top: 250px;
}
.sticky-section:nth-of-type(7) {
top: 300px;
}
}
@media (max-width: 400px) {
.ic-opening-times-time .caption-m {
font-size: 14px;
}
.about-project-box .about-project-col.w30perc {
width: calc(35%);
}
.about-project-box .about-project-col.w30perc .headline2 {
font-size: 21px;
}
.about-project-box .about-project-col .headline4 {
font-size: 18px;
}
} @media (max-width: 1450px) {
.travel-info__list {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 25pxx;
}
.blue-box-tickets {
padding: 25px;
}
.ondava-pills .ic-opening-times-day {
width: 55% !important;
}
}