@font-face {
font-family: 'Readex Pro Regular';
src: url(//www.vdhaus.sk/wp-content/themes/vdhaus/fonts/ReadexPro-Regular.ttf);
font-weight: normal; 
}
@font-face {
font-family: 'Readex Pro Light';
src: url(//www.vdhaus.sk/wp-content/themes/vdhaus/fonts/ReadexPro-Light.ttf);
font-weight: normal; 
}
@font-face {
font-family: 'Readex Pro Semibold';
src: url(//www.vdhaus.sk/wp-content/themes/vdhaus/fonts/ReadexPro-SemiBold.ttf);
font-weight: normal; 
}
@font-face {
font-family: 'Readex Pro Bold';
src: url(//www.vdhaus.sk/wp-content/themes/vdhaus/fonts/ReadexPro-Bold.ttf);
font-weight: normal; 
}
:root {
--maincolor: #AEE247;
--grey: #F4F4F4;
--black: #313131;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
a {
text-decoration-skip-ink: auto;
transition: all 0.3s linear;
text-decoration: none;
}
a[href^="tel"] {
color: inherit;
text-decoration: none;
}
button {
outline: 0;
}
ol,ul {
list-style: none;
}
blockquote,q {
quotes: none;
}
blockquote:before,blockquote:after,q:before,q:after {
content: '';
content: none;
}
q {
display: inline;
font-style: italic;
}
q:before {
content: '"';
font-style: normal;
}
q:after {
content: '"';
font-style: normal;
}
textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"] {
-webkit-appearance: none;
appearance: none;
border-radius: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
th,td {
padding: 2px;
}
big {
font-size: 120%;
}
small,sup,sub {
font-size: 80%;
}
sup {
vertical-align: super;
}
sub {
vertical-align: sub;
}
dd {
margin-left: 20px;
}
kbd,tt {
font-family: courier;
font-size: 12px;
}
ins {
text-decoration: underline;
}
del,strike,s {
text-decoration: line-through;
}
dt {
font-weight: bold;
}
address,cite,var {
font-style: italic;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display: block;
}
* {
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
}
html {
max-width: 100%;
overflow-y: scroll;
overflow-x: hidden;
scroll-behavior: smooth;
}
body {
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
min-height: 100vh;
overflow: hidden;
font-family: 'Readex Pro Light', sans-serif;
}
p {
font-family: 'Readex Pro Light', sans-serif;
font-size: 15px;
line-height: 1.3;
font-weight: 300;
color: #181818;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Readex Pro Regular', sans-serif;
color: #313131;
line-height: 1.2;
font-weight: 400;
}
h1 {
font-size: 52px;
}
h2 {
font-size: 52px;
}
h3 {
font-size: 40px;
}
h4 {
font-size: 26px;
}
h5 {
font-size: 17.5px;
font-family: 'Readex Pro Regular', sans-serif;
font-weight: normal;
}
img {
width: 100%;
height: auto;
} section {
width: 100%;
}
.row.in-grid {
max-width: 1300px;
padding-left: 15px;
padding-right: 15px;
margin: auto;
}
.columns-wrapper {
display: flex;
display: -ms-flexbox;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
float: none;
width: 100%; }
.columns-wrapper.middle {
align-items: center;
}
.col-12 {
flex: 0 0 100%;
width: 100%;
padding-left: 1%;
padding-right: 1%;
}
.col-11 {
flex: 0 0 91.66666667%;
width: 91.66666667%;
padding-left: 1%;
padding-right: 1%;
}
.col-10 {
flex: 0 0 83.33333333%;
width: 83.33333333%;
padding-left: 1%;
padding-right: 1%;
}
.col-9 {
flex: 0 0 75%;
width: 75%;
padding-left: 1%;
padding-right: 1%;
}
.col-8 {
flex: 0 0 66.66666667%;
width: 66.66666667%;
padding-left: 1%;
padding-right: 1%;
}
.col-7 {
flex: 0 0 58.33333333%;
width: 58.33333333%;
padding-left: 1%;
padding-right: 1%;
}
.col-6 {
flex: 0 0 50%;
max-width: 50%;
padding-left: 1%;
padding-right: 1%;
}
.col-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
padding-left: 1%;
padding-right: 1%;
}
.col-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
padding-left: 1%;
padding-right: 1%;
}
.col-3 {
flex: 0 0 25%;
max-width: 25%;
padding-left: 1%;
padding-right: 1%;
}
.col-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
padding-left: 1%;
padding-right: 1%;
}
.col-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
padding-left: 1%;
padding-right: 1%;
}
.col-5-5 {
width: 100%
}
.col-4-5 {
width: 80%
}
.col-3-5 {
width: 60%
}
.col-2-5 {
width: 40%
}
.col-1-5 {
width: 20%
}
.col-3-0 {
width: 30%
}
.content-container {
position: relative;
z-index: 2;
max-width: 1300px;
padding-left: 15px;
padding-right: 15px;
margin: auto;
} @media (max-width: 1000px) {
.col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1, .col-5-5, .col-4-5, .col-3-5, .col-2-5, .col-1-5, .col-3-0 {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
padding-left: 0%;
padding-right: 0%;
}
h1 {
font-size: 36px;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 20px;
}
}
.default-btn {
color: #313131;
text-decoration: none;
font-size: 15px;
font-family: 'Readex Pro SemiBold';
position: relative;
border-style:solid;
padding: 23px 48px;
display: inline-block;
cursor: pointer;
transition: all 0.3s ease;
text-align: center;
}
.default-btn.light {
color: #fff;
}
.default-btn:before,
.default-btn:after{
content:"";
position:absolute;
border-style: solid;
}
.default-btn:before{
border-color: var(--maincolor);  
}
.default-btn:after{
border-color: var(--maincolor);  
}
.default-btn {
border-width:0 1px 0 1px; 
border-left-color: var(--maincolor);
border-right-color: var(--maincolor);
border-radius: 0;
}
.default-btn:before {
border-width:1px 0 1px 0;
top:0;
bottom:0;
width:80%;  
}
.default-btn:after{
border-width:1px 0 1px 0;
top:0;
bottom:0;
width:10%;  
}
.default-btn:before{
left:0; 
transition: all 0.5s ease;
border-radius: 0; 
}
.default-btn:after{
right:0;
transition: all 0.5s ease;
border-radius: 0; 
}
.default-btn:hover:before{
width:55%;
}
.default-btn:hover:after{
width:55%;
}
.default-btn:hover {
color: var(--maincolor);
}
span.green {
color: var(--maincolor);
} header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 30px 15px 50px;
z-index: 3;
}
.drawer-overlay {
z-index: 2;
}
.drawer-hamburger {
position: relative;
z-index: 4;
top: 0;
display: block;
box-sizing: content-box;
width: 80px;
height:20px;
padding: 0;
}
#header .header-logo a {
display: flex;
}
.header-logo {
margin-right: auto;
margin-left: 0px;
position:relative;
}
.header-right {
display: flex;
align-items: center;
}
a.header-logo img {
height: 45px;
width: auto;
}
span.menu-text {
position: absolute;
left: 0;
top: 2px;
font-family: 'Readex Pro SemiBold';
color: #fff;
}
span.drawer-hamburger-icon {
width: 33px;
right: 0;
top: 50%;
transform: translateY(-50%);
margin: auto;
position: absolute;
background: transparent;
height: 0;
}
.drawer-hamburger-icon:before {
top: -4px;
height: 2px;
background-color: #fff;
}
.drawer-hamburger-icon:after {
top: 4px;
height: 2px;
background-color: #fff;
}
.drawer-nav {
position: fixed;
background-color: #1B1B1B;
height: 100vh !important;
display: flex;
flex-direction: column;
justify-content: center;
}
.section.mainmenu {
height: 100vh !important;
}
.section.mainmenu .row.in-grid,
.section.mainmenu .columns-wrapper {
height: 100%;
max-width: 100%;
padding: 0;
margin: 0;
}
.section.mainmenu .columns-wrapper {
align-items: center;
}
.section.mainmenu .columns-wrapper .col-4 {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 4%;
background: var(--maincolor);
}
.section.mainmenu .columns-wrapper .col-8 {
padding: 0 4%;
}
.section.mainmenu .columns-wrapper .col-8 h3, 
.section.mainmenu .columns-wrapper .col-8 p {
color: #fff;
margin-bottom: 20px;
}
.section.mainmenu .columns-wrapper .col-8 p {
padding-right: 25px;
}
.section.mainmenu .columns-wrapper .col-4 a {
color: var(--black);
font-size: 26px;
text-decoration: none;
line-height: 1.5;
transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
font-family: 'Readex Pro Regular';
position: relative;
}
.section.mainmenu li.menu-item  {
padding-bottom: 25px;
}
.section.mainmenu .columns-wrapper .col-4 a:after {
content: '';
width: 0%;
height: 2px;
background: var(--black);
position: absolute;
bottom: 0;
left: 0;
transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
} 
.section.mainmenu .columns-wrapper .col-4 a:hover:after {
width: 100%;
}
.section.mainmenu .default-btn {
margin-top: 20px;
}
main .section {
background: #fff;
position: relative;
z-index: 2;
}
main {
margin-top: -79px;
} .columns-wrapper.main-top,
.columns-wrapper.main-bottom {
position: relative;
margin: 0;
}
.columns-wrapper.main-top h1,
.columns-wrapper.main-bottom h3 {
font-size: 26px;
margin-bottom: 20px;
}
.columns-wrapper.main-top .col-4 {
height: 100vh;
background: #fff;
padding: 4%;
display: flex;
flex-direction: column;
justify-content: center;
}
.columns-wrapper.main-top .col-4 .default-btn {
width: 235px;
margin-top: 50px;
}
.columns-wrapper.main-bottom>.col-8 {
background: #fff;
padding: 4% 4% 0px 4%;
}
.columns-wrapper.main-bottom {
margin-bottom: 420px;
}
.section.home-1,
.section.home-9 {
z-index: 1;
} #sidebar-1, #sidebar-2{
will-change: min-height;
}
.background-image {
position: absolute;
top: 0px;
left: 0px;
visibility: visible;
object-fit: cover;
height: 100vh;
overflow: hidden;
width: 100vw;
background: url(//www.vdhaus.sk/wp-content/uploads/2023/02/HP_Hero_fix-position.jpg);
background-size: cover;
background-position: center;
}
.home-video video {
position: absolute;
top: 0px;
left: 0px;
visibility: visible;
object-fit: cover;
height: 100vh;
overflow: hidden;
width: 100vw;
}
.home-video.is-affixed {
height: 0 !important;
} .main-bottom .divider {
flex: 0 0 100%;
margin: 50px auto 25px auto;
height: 1px;
background: var(--black);
}
.col-4.padding-left {
padding-left: 5%;
}
.col-4.padding-left .default-btn {
width: 100%;
display: block;
margin-bottom: 25px;
}
.section.home-2 {
padding: 80px 0;
}
.section.home-2 .col-7.right {
text-align: right;
}
.columns-wrapper.boxes {
margin-top: 10px;
padding: 0 15px;
}
.columns-wrapper.boxes .col-4:first-child {
border-left: 1px solid var(--black);
}
.columns-wrapper.boxes .col-4 {
border-top: 1px solid var(--black);
border-bottom: 1px solid var(--black);
border-right: 1px solid var(--black);
}
.columns-wrapper.boxes .column-inner {
display: flex;
align-items: center;
padding: 35px 5px;
}
.columns-wrapper.boxes img {
max-width: 85px;
margin-right: 30px;
}
.columns-wrapper.boxes h5 {
margin-bottom: 10px;
}
.columns-wrapper.boxes p {
max-width: 230px;
}
.section.home-4 {
z-index: 2;
padding-bottom: 100px;
} .cd-image-container {
position: relative;
width: 100%;
max-width: 1300px;
margin: 0em auto;
}
.cd-image-container img {
display: block;
}
.cd-image-container img {
display: block;
background: #fff;
}
.cd-image-label {
position: absolute;
display: none;
}
.cd-image-label.is-hidden {
visibility: hidden;
}
.is-visible .cd-image-label {
opacity: 0;
}
.cd-resize-img {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
overflow: hidden; -webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.cd-resize-img img {
position: absolute;
left: 0;
top: 0;
display: block;
height: 100%;
width: auto;
max-width: none;
}
.cd-resize-img .cd-image-label {
right: auto;
left: 0;
}
.is-visible .cd-resize-img {
width: 40%; -webkit-animation: cd-bounce-in 0.7s;
-moz-animation: cd-bounce-in 0.7s;
animation: cd-bounce-in 0.7s;
}
@-webkit-keyframes cd-bounce-in {
0% {
width: 0;
}
60% {
width: 55%;
}
100% {
width: 50%;
}
}
@-moz-keyframes cd-bounce-in {
0% {
width: 0;
}
60% {
width: 50%;
}
100% {
width: 40%;
}
}
@keyframes cd-bounce-in {
0% {
width: 0;
}
60% {
width: 50%;
}
100% {
width: 40%;
}
}
.cd-handle {
position: absolute;
height: 40px;
width: 90px; left: 40%;
bottom: -20px;
margin-left: -45px;
border-radius: 40px;
background: #AEE247;
cursor: pointer;
opacity: 0;
-webkit-transform: translate3d(0, 0, 0) scale(0);
-moz-transform: translate3d(0, 0, 0) scale(0);
-ms-transform: translate3d(0, 0, 0) scale(0);
-o-transform: translate3d(0, 0, 0) scale(0);
transform: translate3d(0, 0, 0) scale(0);
}
.cd-handle.draggable { background-color: #AEE247;
}
.is-visible .cd-handle {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1);
-moz-transform: translate3d(0, 0, 0) scale(1);
-ms-transform: translate3d(0, 0, 0) scale(1);
-o-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
-webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
-moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;
transition: transform 0.3s 0.7s, opacity 0s 0.7s;
}
span.handle-text {
position: absolute;
bottom: -25px;
text-align: center;
width: 100%;
}
span.cd-handle:before {
content: '';
border: solid black;
border-width: 0 1px 1px 0;
display: inline-block;
padding: 5px;
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
position: absolute;
left: 20px;
top: 14px;
}
span.cd-handle:after {
content: '';
border: solid black;
border-width: 0 1px 1px 0;
display: inline-block;
padding: 5px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
position: absolute;
right: 20px;
top: 14px;
}
.cd-resize-img {
border-right: 1px solid #313131;
}
figure.cd-image-container.is-visible {
border-bottom: 1px solid #313131;
} .section.vyhody {
padding: 70px 0;
background: #F4F4F4;
text-align: center;
}
.columns-wrapper.vyhody-boxes {
margin-top: 60px;
}
.vyhody-inner img {
max-width: 80px;
}
.vyhody-inner p {
font-family: 'Readex Pro Semibold', sans-serif;
margin-top: 15px;
padding: 0 15px;
max-width: 275px;
}
.vyhody-boxes .col-3 {
border-right: 1px solid #313131;
}
.vyhody-boxes .col-3:nth-child(4),
.vyhody-boxes .col-3:nth-child(8) {
border: none;
}
.vyhody-boxes .col-3:nth-child(1),
.vyhody-boxes .col-3:nth-child(2),
.vyhody-boxes .col-3:nth-child(3),
.vyhody-boxes .col-3:nth-child(4) {
padding-bottom: 70px;
}
.section.home-5 {
padding: 80px 0;
}
.section.home-5 h4 {
padding-bottom: 30px;
}
.section.home-5 p {
max-width: 400px;
}
.section.home-6 .row.in-grid {
max-width: 1920px;
padding-left: 0px;
padding-right: 0px;
margin: auto;
}
.home-6 .col-3-0.image-1 {
padding-right: 30px;
margin-top: 4%;
}
.home-6 .col-2-5.image-2 {
text-align: center;
margin-top: -2%;
}
.home-6 .col-2-5.image-2 h4 {
max-width: 375px;
margin: 50px auto;
}
.home-6 .col-3-0.image-3 {
padding-left: 30px;
margin-top: 21%;
}
.section.home-7 {
text-align: center;
}
.section.home-7 h2 {  
font-size: clamp(30px, 6vw, 101px);
margin-top: -60px;
margin-bottom: 100px;
}
.section.home-8 {
text-align: center;
}
.section.home-8 img {
max-width: 80px;
}
.section.home-8 h4 {
max-width: 200px;
margin: 25px auto;
}
.section.home-8 p {
max-width: 275px;
margin: auto;
padding: 0 15px;
}
.section.home-8 {
padding-bottom: 90px;
z-index: 2;
}
.section.home-8 .col-4 {
padding-top: 20px;
padding-bottom: 80px;
border-right: 1px solid #313131;
}
.section.home-8 .col-4:last-child {
border: none;
}
.section.home-9 .home-video .background-image {
background: url(//www.vdhaus.sk/wp-content/uploads/2023/02/HP_img4_fix-position.jpg);
background-size: cover;
background-position: center;
}
.home-9 .columns-wrapper.main-top .col-4 {
height: auto;
background: #F0F0F0;
}
.home-9 .columns-wrapper.main-top .col-4 h4 {
margin-bottom: 80px;
max-width: 300px;
}
.home-9 .columns-wrapper.main-top .col-4 p {
margin-top: 10px;
max-width: 250px;
}
.home-9 .columns-wrapper.main-bottom>.col-8 {
padding: 4%;
}
.home-9 .columns-wrapper.main-bottom a.default-btn {
margin-top: 35px;
} #footer {
position: relative;
background: #1B1B1B;
z-index: 2;
}
.section.footer-top {
padding: 80px 0;
}
#footer p,
#footer a {
color: #fff;
}
#footer a:hover {
color: var(--maincolor);
}
#footer a.contact {
font-size: 40px;
font-family: 'Readex Pro Regular', sans-serif;
}
#footer a.contact.email {
color: var(--maincolor);
}
.footer-links a,
.footer-links p {
font-size: 14px;
}
p.footer-title {
font-family: 'Readex Pro Regular', sans-serif;
padding-bottom: 10px;
font-size: 15px;
}
ul#menu-footer li {
padding-bottom: 8px;
}
.section.footer-bottom .columns-wrapper {
padding-top: 40px;
padding-bottom: 40px;
border-top: 1px solid #fff;
}
.section.footer-bottom .col-6.copyright-left,
.section.footer-bottom .col-6.copyright-right {
padding: 0;
display: flex;
align-items: center;
}
.section.footer-bottom .col-6.copyright-left p {
margin-right: 60px;
}
img.footer-logo {
max-width: 80px;
margin-left: 60px;
}
.section.footer-bottom .col-6.copyright-right {
justify-content: flex-end;
}
.col-3.footer-links.social a {
display: inline-block;
margin-bottom: 8px;
}  .columns-wrapper.page-top,
.columns-wrapper.page-bottom {
position: relative;
}
.columns-wrapper.page-top .col-5 {
background: #fff;
padding: 8% 3% 8% 8%;
}
.columns-wrapper.page-top h1 {
max-width: 400px;
margin-bottom: 30px;
}
.columns-wrapper.page-top p {
max-width: 300px;
}
.columns-wrapper.page-bottom .col-3 {
background: #313131;
padding: 3%;
}
.columns-wrapper.page-bottom .col-3 p {
color: #fff;
max-width: 250px;
margin-bottom: 30px;
}
.columns-wrapper.page-bottom {
padding-bottom: 150px;
}
.section.page-top {
height: 100vh;
}
.section.page-top .background-image {
height: 100vh;
}
.section.page-top .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50%;
background: linear-gradient(to bottom, rgb(18 18 18 / 0.5), rgb(18 18 18 / 0%));
} .faq-list {
list-style: none;
padding: 0;
}
.faq-list li {
border-bottom: 1px solid #313131;
padding: 32px 50px 32px 0;
margin: 0 auto !important;
text-align: left;
max-width: 1000px;
list-style: none !important;
}
.faq-list li:first-child {
border-top: 1px solid #313131;
}
.faq-heading {
position: relative;
cursor: pointer;
font-size: 18px;
padding: 0 !important;
transition: all 0.25s;
}
.faq-heading:hover {
color: var(--maincolor);
}
.faq-text {
display: none;
margin-top: 30px;
}
.section.faq {
padding-top: 80px;
padding-bottom: 80px;
}
.section.faq h2 {
text-align: center;
margin-bottom: 35px;
}
.faq-list .faq-heading::before {
content: '';
display: block;
position: absolute;
right: -50px;
top: 10px;
width: 20px;
height: 1px;
background: #313131;
}
.faq-list .faq-heading::after {
content: '';
display: block;
position: absolute;
right: -50px;
top: 10px;
width: 20px;
height: 1px;
background: #313131;
transform: rotate(90deg);
transition: all 0.25s;
}
.faq-list .the-active .faq-heading::after {
opacity: 0;
}  .menucontent ul {
position: relative;
list-style: none;
margin: 0;
padding: 0;
transition: .5s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
.menucontent ul li {
opacity: 0;
position: relative;
list-style: none;
transition: 0.3s all cubic-bezier(0.075, 0.82, 0.165, 1);
height: 100%;
display: none;
margin: 0 !important;
padding-left: 0 !important;
}
.menucontent ul li.active {
transition-delay: .2s;
z-index: 2;
opacity: 1;
display: block;
}
.section.rezy h4 {
margin-bottom: 20px;
padding: 0;
}
.columns-wrapper.vertical-tabs {
border-top: 1px solid #313131;
}
.vertical-tabs .col-9 {
border-left: 1px solid #313131;
}
.vertical-tabs .col-3,
.vertical-tabs .col-9 {
padding-top: 50px;
padding-bottom: 50px;
}
.vertical-tabs .col-9 {
padding-left: 20px;
}
.menutitles div {
margin-bottom: 15px;
position: relative;
padding-left: 20px;
cursor: pointer;
}
.menutitles span {
font-size: 17px;
font-family: 'Readex Pro Regular', sans-serif;
transition: 0.3s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
.menutitles>div:before {
content: '';
width: 7px;
height: 7px;
background: var(--maincolor);
position: absolute;
left: 0;
top: 8px;
opacity: 0;
transition: 0.3s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
.menutitles>div:hover:before,
.menutitles>div.active:before {
opacity: 1;
}
.menutitles>div:hover span,
.menutitles>div.active span {
color: var(--maincolor);
}
.rezy-tabs-content .col-5.popis p {
padding-bottom: 10px;
}
.rezy-tabs-content .col-5,
.rezy-tabs-content .col-7.image {
padding-left: 20px;
}
.rezy-tabs-content .col-7.image img {
max-height: 340px;
height: 340px;
width: 100%;
object-fit: contain;
}  .section.contact {
background: var(--maincolor);
padding-top: 100px;
padding-bottom: 70px;
}
.col-5.contact-titles h3 {
margin-top: 10px;
}
.col-5.contact-titles h5 {
max-width: 400px;
}
span.white {
color: #fff;
}
.section.contact .small-divider {
display: block;
background:#313131;
width: 45px;
height: 1px;
margin: 45px 0 45px 0;
}
.section.contact .wpcf7 .col-6,
.section.contact .wpcf7 .col-12 {
padding-left: 5px;
padding-right: 5px;
}
.wpcf7 input,
.wpcf7 textarea,
.wpcf7 select {
width: 100%;
background: #fff;
border: none;
color: #313131;
font-size: 15px;
font-family: 'Readex Pro Light', sans-serif;
padding: 20px;
height: 60px;
margin-bottom: 10px;
}
.wpcf7 textarea {
height: 120px;
margin-bottom: -4px;
}
.wpcf7 select:focus {
outline: none;
}
.wpcf7 input:focus,
.wpcf7 textarea:focus {
outline: none;
border: none;
}
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
color: #313131;
}
.wpcf7 input[type="checkbox"]  {
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
-webkit-appearance: none;
width: 0px !important;
}
span.wpcf7-list-item {
margin: -6px;
}
span.wpcf7-list-item label {
display: flex;
align-items: center;
}
span.wpcf7-list-item-label {
position: relative;
padding-left: 40px;
font-size: 15px;
line-height: 1;
color: #313131;
}
span.wpcf7-list-item-label a {
text-decoration: underline;
color: #313131;
}
span.wpcf7-list-item-label a:hover {
color: #313131;
}
span.wpcf7-list-item-label:before {
content: '';
width: 25px;
height: 25px;
position: absolute;
border-radius: 0px;
display: block;
left: 0;
top: 50%;
transform: translateY(-50%);
background: #fff;
}
input[type="checkbox"]:checked + span.wpcf7-list-item-label:before {
background-image: url(//www.vdhaus.sk/wp-content/uploads/2023/02/icon-check.svg);
background-size: 16px;
background-repeat: no-repeat;
background-position: center;
background-color: #fff;
}
.wpcf7-form .nectar-wpcf7-inline-form .nectar-wpcf7-inline-field {
padding-right: 10px;
}
button.black-btn {
margin-left: auto;
margin-right: 0;
background: #313131;
color: #fff;
border: none;
text-decoration: none;
font-size: 15px;
font-family: 'Readex Pro SemiBold';
position: relative;
padding: 23px 48px;
display: inline-block;
cursor: pointer;
transition: all 0.3s ease;
text-align: center;
}
button.black-btn:hover {
background: #fff;
color: #313131;
}
.wpcf7-spinner {
display: none;
}
p.form-required-text {
padding-bottom: 0;
font-size: 14px;
}
span.wpcf7-not-valid-tip {
background: transparent;
box-shadow: none !important;
color: #ec7272 !important;
position: absolute;
font-size: 12px;
bottom: -18px;
right: 0;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
background: #ec7272;
border-color: #ec7272;
}
button.default-btn {
cursor: pointer;
background: transparent;
}
.columns-wrapper.middle.gdpr-wrapper {
margin-top: 40px;
padding-left: 1%;
padding-right: 1%;
}
.columns-wrapper.file-upload {
background: #D7FC90;
width: calc(100% - 10px);
margin: auto;
}
.codedropz-upload-handler {
border: none;
margin-bottom: 0px;
padding-top: 25px;
padding-bottom: 25px;
}
.codedropz-upload-inner h3,
.codedropz-upload-inner span {
display: none;
}
.file-upload p.file-description {
font-size: 12px;
color: #83AF2B;
margin-top: 5px;
max-width: 220px;
}
.file-upload .col-6:first-child {
padding-left: 25px !important;
}
.file-upload .col-6:last-child {
border-left: 1px solid rgb(49 49 49 / 0.3);
}
.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {
color: #313131;
font-size: 15px;
border: 1px solid #313131;
display: inline-block;
padding: 14px 21px;
} .section.referencie {
height: auto;
}
.section.referencie .columns-wrapper.page-bottom {
padding-bottom: 0px;
}
.section.referencie .columns-wrapper.page-bottom .col-7 {
background: #313131;
padding: 3%;
}
.section.referencie .bgr {
position: absolute;
width: 100%;
height: 100%;
background-size: 100vw auto;
background-position: top center;
background-attachment: fixed;
background-repeat: no-repeat;
}
nav.category ul {
display: flex;
flex-wrap: wrap;
}
nav.category ul li a {
padding: 20px 35px;
margin-right: 15px;
margin-bottom: 15px;
border: 1px solid #fff;
color: #fff;
display: block;
transition: all 0.3s ease;
}
nav.category ul li:hover a,
nav.category ul li.active a {
border-color: var(--maincolor);
}
.references-block {
width: 100%;
}
.section.references-loop {
padding-top: 100px;
padding-bottom: 100px;
}
.col-6.reference-item {
margin-bottom: 2%;
}
.ref-image {
position: relative;
}
.ref-image img {
min-height: 350px;
object-fit: cover;
}
.ref-title {
position: absolute;
left: 30px;
bottom: 20px;
background: #fff;
padding: 25px 40px;
}
.ref-title h5 {
margin-bottom: 5px;
}
.ref-title a {
color: var(--maincolor);
font-size: 15px;
font-family: 'Readex Pro Regular', sans-serif;
padding-left: 15px;
position: relative;
cursor: pointer;
}
.ref-title a:before {
content: '';
width: 7px;
height: 7px;
position: absolute;
background: var(--maincolor);
left: 0;
top: 6px;
} .modal-wrapper.styled .wp-post-modal {
position: relative;
background-color: transparent;
margin: 0 auto;
padding: 0;
border: none;
width: 100%;
max-height: 100vh;
height: 100%;
top: 0;
overflow: hidden;
}
.modal-wrapper.styled .wp-post-modal .close-modal {
color: #fff;
outline: none;
}
div#modal-content {
margin: auto;
padding-left: 100px;
padding-right: 100px;
max-width: 1400px;
padding-top: 10vh;
}
.image.slick-slide {
height: 80vh;
position: relative;
}
.slick-slide img {
position: absolute;
height: 100%;
width: 100%;
object-fit: contain;
top: 0;
left: 0;
}
.slick-prev {
left: -90px !important;
}
.slick-next {
right: -80px !important;
}
.slick-prev:before, .slick-next:before {
font-size: 0 !important;
opacity: 1;
content: '';
width: 56px;
height: 56px;
background: url(//www.vdhaus.sk/wp-content/uploads/2023/02/slider_arrow.svg);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
top: -28px;
}
.slick-next:before {
right: 0px;
transform: rotate(180deg);
}
.modal-wrapper.styled {
background: rgb(0 0 0 / 80%);
backdrop-filter: blur(5px);
}
.modal-wrapper.styled .wp-post-modal .close-modal {
font-size: 0px;
width: 55px;
height: 55px;
background: url(//www.vdhaus.sk/wp-content/uploads/2023/02/icon-close.svg);
background-size: contain;
background-repeat: no-repeat;
} body.references-template-default.single.single-references {
background: #313131;
color: #fff;
text-align: center;
padding-left: 100px;
padding-right: 100px;
padding-top: 10vh;
}
.single-references a.ref-button-link {
display: inline-block;
position: absolute;
right: 10px;
top: 10px;
font-size: 0px;
width: 55px;
height: 55px;
background: url(//www.vdhaus.sk/wp-content/uploads/2023/02/icon-close.svg);
background-size: contain;
background-repeat: no-repeat;
}
div#modal-ready {
width: 100%;
max-width: 1400px;
}
.wp-post-modal.show a.ref-button-link {
display: none;
}  .single-projekty main {
margin-top: 0;
}
.single-projekty.drawer--top:not(.drawer-open) span.menu-text {
color: #000 !important;
}
.single-projekty.drawer--top:not(.drawer-open) .drawer-hamburger-icon:before, 
.single-projekty.drawer--top:not(.drawer-open) .drawer-hamburger-icon:after {
background-color: #000;
}
.swiper.galeriaSwiper {
height: 63vh;
max-height: 680px;
}
.swiper.galeriaSwiper .swiper-slide {
width: auto;
}
.swiper.galeriaSwiper .swiper-slide img {
height: 63vh;
max-height: 680px;
width: auto;
object-fit: cover;
}
.swiper-button-next, .swiper-button-prev {
color: #000 !important;
background: #fff;
width: 58px !important;
height: 58px !important;
border-radius: 50% !important;
margin-top: -29px !important;
}
.swiper-button-prev:after, .swiper-button-next:after {
font-size: 20px !important;
}
.section.projekty-info {
padding-top: 85px;
}
.section.projekty-info .col-6.info-left {
padding-right: 30px;
}
.section.projekty-info h1 {
padding-bottom: 10px;
}
.info-table {
margin: 25px 0;
display: flex;
gap: 5px;
justify-content: space-between;
}
.info-table p strong {
font-size: 26px;
font-family: 'Readex Pro SemiBold';
font-weight: normal;
}
.table-vymery {
background: #F4F4F4;
padding: 25px 40px;
}
.table-vymery table {
width: 100%;
max-width: 480px;
margin: auto;
}
.table-vymery table td {
font-size: 15px;
font-family: 'Readex Pro Light', sans-serif;
padding: 4px 0;
}
.table-vymery table td:first-child {
width: 35px;
}
.table-vymery table td:last-child {
text-align: right;
width: 80px;
}
.table-vymery .celkom {
display: flex;
justify-content: space-between;
margin-top: 20px;
padding-top: 10px;
border-top: 1px solid #707070;
max-width: 480px;
margin-left: auto;
margin-right: auto;
}
.table-vymery .celkom p {
font-size: 18px;
font-family: 'Readex Pro Bold';
font-weight: normal;
}
.project-btns {
background: var(--maincolor);
padding: 40px 25px 30px 25px;
display: flex;
align-items: center;
justify-content: space-between;
}
.project-btns p.price-info {
font-size: 12px;
margin-top: 10px;
max-width: 200px;
}
.project-btns p.price-from {
font-size: 42px;
white-space: nowrap;
font-family: 'Readex Pro Regular', sans-serif;
}
.right-btns a.black-btn {
display: block;
margin-left: auto;
margin-right: 0;
background: #313131;
color: #fff;
border: none;
text-decoration: none;
font-size: 13px;
font-family: 'Readex Pro SemiBold';
position: relative;
padding: 22px 5px;
cursor: pointer;
transition: all 0.3s ease;
text-align: center;
width: 195px;
margin-bottom: 10px;
}
.right-btns a.black-btn:hover {
background: #fff;
color: #313131;
}
.right-btns a.default-btn.black {
border-left-color: #2B2B2B;
border-right-color: #2B2B2B;
padding: 20px 5px;
width: 195px;
}
.right-btns .default-btn.black:before, .default-btn.black:after {
border-color: #2B2B2B;
}
.right-btns a.default-btn.black:hover {
color: #2B2B2B;
}
.section.projekty-vyhody {
padding-top: 100px;
padding-bottom: 60px;
text-align: center;
}
.section.projekty-vyhody .col-12 {
padding-bottom: 50px;
}
.section.projekty-vyhody .col-3 {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 30px;
}
.section.projekty-vyhody .col-3 img {
max-width: 70px;
}
.section.projekt-tabs .col-12 {
display: flex;
border-top: 1px solid #313131;
align-items: flex-start;
}
.projekt-tabs .vertical-tab {
flex: 0 0 270px;
padding: 60px 60px 60px 0px;
border-right: 1px solid #313131;
}
.vertical-tab-content {
display: none;
}
.vertical-tab-content.active {
display: block;
}
.projekt-tabs .vertical-tab .each-tab {
position: relative;
cursor: pointer;
margin-top: 20px;
margin-bottom: 20px;
}
.projekt-tabs .vertical-tab .each-tab .title {
font-size: 18px;
font-family: 'Readex Pro Regular', sans-serif;
padding-left: 17px;
position: relative;
transition: all 0.3s ease;
}
.projekt-tabs .vertical-tab .each-tab .title:before {
content: '';
width: 7px;
height: 7px;
position: absolute;
background: var(--maincolor);
left: 0;
top: 9px;
transition: all 0.3s ease;
opacity: 0;
}
.projekt-tabs .vertical-tab .each-tab.active .title,
.projekt-tabs .vertical-tab .each-tab .title:hover {
color: var(--maincolor);
}
.projekt-tabs .vertical-tab .each-tab.active .title:before {
opacity: 1;
}
.projekt-tabs .tabs-content {
padding: 65px 60px 50px 60px;
}
.projekt-tabs .tabs-content h2,
.projekt-tabs .tabs-content p,
.projekt-tabs .tabs-content h3,
.projekt-tabs .tabs-content h4 {
margin-bottom: 20px;
}
.section.related-projects {
padding-top: 60px;
padding-bottom: 60px;
}
h4.with-divider {
display: flex;
align-items: center;
gap: 30px;
white-space: nowrap;
}
h4.with-divider:after {
content: '';
height: 1px;
width: 100%;
background: #313131;
flex-grow: 1;
}
.columns-wrapper.related-projects {
margin-top: 75px;
}
a.col-4.projekt-item {
margin-bottom: 25px;
}
.projekt-item-image {
position: relative;
width: 100%;
padding-bottom: 64%;
overflow: hidden;
}
.projekt-item-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.projekt-item-image:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0%;
background: rgb(174 226 71 / 60%);
transition: all 0.55s ease;
opacity: 0;
}
a.col-4.projekt-item:hover .projekt-item-image:after{
opacity: 1;
height: 100%;
}
.projekt-item-wrapper {
padding: 20px 0;
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.projekt-item-wrapper h4 {
margin-bottom: 10px;
}
button.projekt-link {
color: var(--maincolor);
padding: 0;
border: none;
background: transparent;
font-size: 15px;
font-family: 'Readex Pro Regular', sans-serif;
transition: all 0.45s ease;
cursor: pointer;
}
button.projekt-link:hover {
text-decoration: underline;
}
.projekt-item-content p strong {
font-family: 'Readex Pro SemiBold';
} .section.home-new {
position: relative;
}
.columns-wrapper.new-top {
height: 79px;
}
.columns-wrapper.new-top .col-4,
.columns-wrapper.new-bottom .col-4 {
width: 330px;
flex: 0 0 330px;
}
.columns-wrapper.new-top .col-4 {
background: #fff;
z-index: 2;
}
.columns-wrapper.new-bottom .col-8 {
background: #fff;
width: calc(100% - 330px);
flex: 0 0 calc(100% - 330px);
padding: 50px 40px;
z-index: 2;
}
.columns-wrapper.new-bottom h1 {
font-size: 26px;
max-width: 350px;
margin-bottom: 30px;
}
.columns-wrapper.new-bottom p strong {
font-family: 'Readex Pro Bold';
}
.columns-wrapper.home-selektor {
position: relative;
margin-top: -376px;
width: 100%;
z-index: 1;
}
#selektor-mapa {
width: 100%;
height: auto;
}
.selektor-container {
width: 100%;
display: flex;
}
#selektor-mapa .podorys-vyber {
fill: var(--maincolor);
opacity: 0;
transition: all 0.3s ease;
}
#selektor-mapa a:hover .podorys-vyber {
opacity: 0.6;
}
#selektor-mapa .hidden {
display: none;
}
#info-box {
display: none;
position: absolute;
top: 0;
left: 0;
background-color: #fff;
border: 0px solid #ffffff;
border-radius: 0px;
width: 315px;
z-index: 100;
}
.tooltip-image {
position: relative;
width: 100%;
padding-bottom: 50%;
overflow: hidden;
}
.tooltip-image img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}
.data-info-content {
padding: 15px 25px;
}
.data-info-content h4 {
margin-bottom: 5px;
}
.data-info-content p strong {
font-family: 'Readex Pro SemiBold';
} 
.section.all-projects {
padding-top: 60px;
padding-bottom: 60px;
}
.section.all-projects h4.with-divider {
margin-bottom: 45px;
}
.col-12.kat-title {
margin-top: 60px;
}
@media (max-width: 1250px) {
.columns-wrapper.home-selektor {
margin-top: -290px;
}
.columns-wrapper.home-selektor:before {
content: '';
position: absolute;
width: 100%;
height: 290px;
background: #bac9e1;
top: -270px;
left: 0;
}
} @media (max-width: 1000px) {
header {
padding: 10px 20px 10px 20px;
}
a.header-logo img {
height: 35px;
}
.section.mainmenu .columns-wrapper .col-4 {
height: calc(100vh - 320px);
padding: 60px 4% 30px 4%;
}
.section.mainmenu li.menu-item {
padding-bottom: 10px;
}
.section.mainmenu .columns-wrapper .col-4 a {
font-size: 20px;
}
.section.mainmenu .columns-wrapper .col-8 img {
display: none;
}
.section.mainmenu .columns-wrapper {
align-items: flex-start;
}
.section.mainmenu .columns-wrapper .col-8 {
height: auto;
padding: 30px 4%;
}
.section.mainmenu .columns-wrapper .col-8 h3 {
font-size: 24px;
}
main {
margin-top: -59px;
}
.columns-wrapper.main-top .col-4 {
margin-top: 65vh;
height: auto;
}
.columns-wrapper.main-top .col-4 .default-btn {
width: 250px;
margin-top: 30px;
}
.columns-wrapper.main-bottom {
margin-bottom: 300px;
}
.columns-wrapper.main-top h1, 
.columns-wrapper.main-bottom h3 {
font-size: 22px;
margin-bottom: 20px;
}
.columns-wrapper.main-bottom h2 {
margin-bottom: 20px;
margin-top: 20px;
font-size: 30px;
} 
.col-4.padding-left {
padding-left: 0%;
}
.col-4.padding-left .default-btn {
width: auto;
display: inline-block;
margin-bottom: 35px;
}
.section.home-2 .col-7.right {
text-align: left;
padding-top: 30px;
}
.columns-wrapper.boxes {
padding: 0 5px;
}
.columns-wrapper.boxes .col-4 {
border-top: 1px solid var(--black);
border-bottom: none;
border-right: 1px solid var(--black);
border-left: 1px solid var(--black);;
}
.columns-wrapper.boxes .col-4:last-child {
border-bottom: 1px solid var(--black);
}
.columns-wrapper.boxes .column-inner {
padding: 25px 15px;
}
.vyhody-inner p {
margin: 15px auto;
}
.vyhody-boxes .col-3,
.vyhody-boxes .col-3:nth-child(4){
border-right: none;
border-bottom: 1px solid #313131;
padding-bottom: 25px !important;
margin-bottom: 25px;
}
.section.vyhody {
padding-bottom: 0px;
}
.section.home-5 p {
max-width: 400px;
margin-top: 30px;
}
.section.home-5 {
padding-bottom: 50px;
}
.home-6 .col-3-0.image-1 {
padding-right: 5px;
margin-top: 4%;
width: 30%;
flex: 0 0 30%;
}
.home-6 .col-2-5.image-2 {
text-align: center;
margin-top: -2%;
width: 40%;
flex: 0 0 40%;
}
.home-6 .col-3-0.image-3 {
padding-left: 5px;
margin-top: 21%;
width: 30%;
flex: 0 0 30%;
}
.home-6 .col-2-5.image-2 h4 {
margin: 40px auto;
font-size: 18px;
}
.section.home-7 h2 {
margin-top: 0px;
margin-bottom: 30px;
}
.section.home-8 .col-4 {
padding-bottom: 20px;
margin-bottom: 20px;
border-right: none;
border-bottom: 1px solid #313131;
}
.home-9 .inner-wrapper-sticky {
position: relative !important;
transform: none !important;
}
.section.home-9 .home-video .background-image {
height: 50vh;
}
.home-9 .columns-wrapper.main-top .col-4 {
margin-top: 50vh;
}
.home-9 .columns-wrapper.main-bottom {
margin-bottom: 30px;
}
.columns-wrapper.page-top {
padding-top: 60vh;
}
.section.page-top {
height: auto;
}
.section.page-top .background-image {
height: 60vh;
}
.columns-wrapper.page-bottom {
padding-bottom: 0px;
}
.columns-wrapper.page-top .col-5,
.columns-wrapper.page-bottom .col-3 {
padding: 8% 4%;
}
.vertical-tabs .col-3 {
padding-top: 20px;
padding-bottom: 20px;
}
.vertical-tabs .col-9 {
border-left: none;
border-top: 1px solid #313131;
}
.menutitles div {
margin-bottom: 10px;
}
.vertical-tabs .col-9 {
padding: 0px;
}
.rezy-tabs-content .col-7.image img {
height: auto;
margin: 15px auto;
}
.rezy-tabs-content .col-5, .rezy-tabs-content .col-7.image {
padding-left: 0px;
}
.section.rezy {
padding-top: 40px;
}
.section.rezy h4 {
font-size: 22px;
}
.section.referencie .bgr {
background-size: auto 60vh;
}
nav.category ul li a {
padding: 10px;
margin-right: 5px;
margin-bottom: 5px;
font-size: 13px;
}
nav.category ul {
justify-content: center;
}
.section.references-loop {
padding-top: 30px;
padding-bottom: 50px;
}
div#modal-content {
padding-left: 35px;
padding-right: 35px;
}
.slick-next {
right: -32px !important;
}
.slick-prev {
left: -42px !important;
}
.slick-prev:before, .slick-next:before {
width: 30px;
height: 30px;
top: -5px
}
.section.contact {
padding-top: 50px;
padding-bottom: 50px;
}
.section.contact .small-divider {
margin: 25px 0 25px 0;
}
.col-5.contact-titles {
padding-bottom: 25px;
}
.section.contact .wpcf7 .col-6, .section.contact .wpcf7 .col-12 {
padding-left: 0px;
padding-right: 0px;
}
.columns-wrapper.file-upload {
width: 100%;
padding-top: 10px;
}
.codedropz-upload-handler {
padding-top: 5px;
padding-bottom: 5px;
}
.codedropz-btn-wrap {
text-align: left;
}
.columns-wrapper.middle.gdpr-wrapper {
margin-top: 10px;
}
.file-upload .col-6:last-child {
border-left: none;
}
span.wpcf7-list-item-label {
font-size: 13px;
}
button.black-btn {
display: block;
width: 100%;
}
#footer a.contact {
font-size: 30px;
}
.col-3.footer-links {
margin-top: 35px;
}
.section.footer-top {
padding: 50px 0;
}
.section.footer-bottom .col-6.copyright-left, 
.section.footer-bottom .col-6.copyright-right {
align-items: center;
text-align: center;
flex-wrap: wrap;
justify-content: center;
}
.section.footer-bottom .col-6.copyright-left p {
margin-right: 0px;
display: block;
width: 100%;
}
img.footer-logo {
max-width: 60px;
margin-left: 0px;
}
.col-6.copyright-right {
margin-top: 15px;
}
.section.footer-bottom .columns-wrapper {
padding-top: 20px;
padding-bottom: 20px;
}
.columns-wrapper.new-top {
height: 59px;
}
.columns-wrapper.new-top .col-4, .columns-wrapper.new-bottom .col-4 {
width: 100%;
flex: 0 0 100%;
background: #8394ac;
height:30px
}
.columns-wrapper.new-top .col-4 {
height: 59px;
}
.columns-wrapper.new-bottom .col-8 {
width: 100%;
flex: 0 0 100%;
padding: 20px;
}
.columns-wrapper.home-selektor {
margin-top: 0px;
}
.columns-wrapper.home-selektor:before {
display: none;
}
.columns-wrapper.new-bottom .col-5 {
margin-bottom: 20px;
}
.swiper.galeriaSwiper .swiper-slide img {
height: 31vh;
}
.swiper.galeriaSwiper {
height: 31vh;
}
.swiper-button-next, .swiper-button-prev {
width: 38px !important;
height: 38px !important;
margin-top: -19px !important;
}
.section.projekty-info {
padding-top: 35px;
}
.section.projekty-info .col-6.info-left {
padding-right: 0px;
}
.info-table p strong {
font-size: 22px;
}
.table-vymery {
padding: 20px;
}
.project-btns {
padding: 30px 20px 30px 20px;
flex-wrap: wrap;
gap: 15px;
}
.left-price, .right-btns {
width: 100%;
}
.right-btns a.black-btn,
.right-btns a.default-btn.black {
display: block;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.section.projekty-vyhody {
padding-top: 30px;
padding-bottom: 30px;
}
.section.projekty-vyhody .col-3 {
gap: 10px;
flex: 0 0 50%;
max-width: 50%;
margin-bottom: 25px;
}
.columns-wrapper.related-projects {
margin-top: 30px;
}
.section.projekt-tabs .col-12 {
flex-direction: column;
}
.projekt-tabs .vertical-tab {
flex: 0 0 auto;
width: 100%;
padding: 10px 0px 10px 0px;
border-right: none;
border-bottom: 1px solid #313131;
}
.projekt-tabs .tabs-content {
padding: 35px 0px 40px 0px;
}
#info-box {
display: none !important;
}
}