@charset "UTF-8";
/*
Theme Name: VIAGENE NEW
Version: 99999999.7
*/
html {
  box-sizing: border-box;
  /* background-color: black; */
}

html {
    scroll-behavior: auto !important;
}
body {
  font-size: 18px;
  color: #22276b;
  background-color: #fff;
}
*, *:before, *:after {
  box-sizing: inherit;
}

body.searching {overflow:hidden;}
ol, ul {
  padding: 0;
}
body, label, input, textarea, h1, h2, h3, h4, h5, h6, p, ol, li, ul, dl, dd, blockquote, figure, body {
  padding: 0;
  margin: 0;
  color: #22276b;
  /* color: red; */
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* font-weight: 300; */
  font-size: 1.02rem;
  line-height: 1.7rem;
  font-family: new-kansas, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-family: "Roboto Flex", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
}


body:before {content:"";width:100%;height:100%;position:fixed;background-color: #f1ae36;z-index:2;transition: all .53s;top: 0;/* height: 0; */animation-delay: 0.0s;}
body.loading:before {height:100vh}
body:before {height: 0;}
h1, h2, h3, h4, h5, h6 {font-style: normal;font-weight: bold;}

a {color: #d429c0;font-weight:bold;text-decoration:none;transition: all .3s;/* padding: 20px; *//* text-transform: lowercase; */}

h1 {
    font-size: 2.4rem;
    line-height:3rem;
    font-weight: 300;
}

.top-slider {
    height: auto;
    overflow: hidden;
    /* max-width: 1700px; */
    /* margin: 0px auto; */
    margin-top: 100px;
    width: 49vw;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    /* margin-top: 0!important; */
    /* display: inline-flex; */
    vertical-align: middle;
    /* background-color: #f0ebfd; */
    /* max-width: 800px; */
}

.top-slider small {position: relative;/* top: -50px; */left: auto;padding: 2px 16px;background-color: rgba(122, 165, 40);border-radius: 20px;color: #795feb;text-transform: uppercase;font-size: .598rem;/* margin-top: -60px; *//* background: linear-gradient(to right, #a7e520, #7aa528); */background-color: #f0ebfd;/* left: auto; *//* position: absolute; */right: 0;left: 0;/* top: 0; */z-index: 99;/* display: none; */max-width: 200px;margin: 0px auto;/* margin-top: 0%; */margin-bottom: 40px;margin-top: 40px;display: block;} 


img.separator {width:100%;display: none;}
.top-slider .over-video {position:absolute;z-index: 3;color: #f4eee1;margin: 30vh auto 30px auto; 20px;text-align: center;left: 0;right: 0;}
.top-slider .btn {color: #143257;background-color: #f0ebfd;border-color: #fff;/* margin-right: 10px; *//* border: 2px solid #f0ebfd; */}
.top-slider .btn.ghost {background-color:#ffffff;/* border: 2px solid #f0ebfd; */}




/**/


#ceo {
    position: absolute;
    bottom: 0;
    z-index: 4;
    right: 0px;
    bottom: 0px;
    max-width: 400px;
    padding: 20px;
    padding-right: 60px;
    font-size: 1rem;
}

#top-home-page,
.top-home-page {
  display: flex;
  align-items: center;
}
.first-row {margin-top: 130px;}
/* Mobile */
@media (max-width: 768px) {
  
	#top-home-page,
	.top-home-page {
    /* display: block; */
    flex-direction: column;
}
	
	.boxes {
    order: 1;
  }

  .top-slider {
    order: 2;
  }
}

.boxes {}
.boxes {
    padding: 0px 10px;
    /* background-color: #f0ebfd; */
    /* white-space: nowrap; */
    /* overflow: auto; */
    margin-top: 0;
    /* min-height: 90vh; */
    display: inline-block;
    width: 50vw;
    /* display: flex; */
    /* align-items: center; */ /* ← vertical centering */
    /* display: inline-flex; */
    align-self: center;
    vertical-align: middle;
    padding-top: 0;
    /* background-color: #f0ebfd; */
    /* min-height: 100vh; */
    display: inline-flex;   /* inline + flex */
    width: 50vw;
    min-height: 95vh;
    align-items: center;    /* vertical centering */
    align-items: stretch;
    /* border: 2px solid white; */
    outline: none;
    /* max-width: 800px; */
}
.boxes a {
    max-width: 30%;
    /* display: inline-block; */
    vertical-align:top;
    margin: 20px 20px;
    border-radius: 25px;
    overflow: hidden;
    text-align: left;
    padding: 0px;
    /* box-shadow: 1px 1px 30px rgba(0,0,0,0.1); */
    padding-bottom: 40px;
    min-height: 440px;
    transition: all .3s;
    position: relative;
    background-color: white;
    white-space: normal;
    vertical-align: middle;
    padding-bottom: 40px;
    height:auto;
    /* border: 3px solid white; */
    outline: none;
    /* box-sizing: unset; */
}

.boxes a {/* min-height: 70vh; *//* max-width: 526px; *//* max-height: 656px; */}

.boxes a:hover {/* transform:translateY(-10px); */}

.boxes a {
    /* position: relative; */
}
.boxes a:hover {
    /* box-shadow: 1px 1px 20px rgba(0,0,0,0.13); */
}

.boxes a:nth-child(1) {min-width: 100%;padding: 10px;margin: 0;min-height: auto;/* padding-bottom: 30px; *//* margin-bottom: auto; *//* display: inline-block; *//* vertical-align: middle; */background-color: #f0ebfd;background-color: black;/* border: 2px solid white; */background-color: #22276b;border-radius: 20px;overflow: hidden;/* margin-top: 20px; */}
.boxes a:nth-child(2) {min-width: 60%; display:none}
.boxes a:nth-child(3) {min-width: 60%; display:none}

.boxes video {width:100%;position: absolute;top: 50%;left: 50%;width: auto;height: auto;min-width: 100%;min-height: 100%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 1;opacity: .579;}

.boxes a small {position: relative;/* top: -50px; */left: auto;padding: 2px 16px;background-color: rgba(122, 165, 40);border-radius: 20px;color: #795feb;text-transform: uppercase;font-size: .598rem;/* margin-top: -60px; *//* background: linear-gradient(to right, #a7e520, #7aa528); */background-color: #f0ebfd;/* left: auto; */position: absolute;right: 20px;top: 20px;z-index: 99;display: none;} 
.boxes a p {padding: 0px 40px;/* color: #5A6772; */line-height: 1.7rem;font-size: 1.52rem;font-weight: normal;max-width: 460px;margin: 30px auto;text-align: center;color: white;z-index: 9;position: relative;}
.boxes a img {
    width:100%;
    /* background-color: rgba(122, 165, 40, 0.5); */
    background-blend-mode: multiply;
    display: block;
    margin: 20px 0px;
    max-width: 80%;
    margin: 30px auto;
}

.boxes .btn {margin-left: 40px;margin-top: 50px;/* position: absolute; *//* right: 40px; *//* bottom: 30px; */margin: 20px auto;left: 0;right: 0;max-width: 200px;text-align: center;display: block;margin-bottom: 60px;background-color: white;border-color: white;}

.boxes a h1 {color:initial;font-size: 2.439rem;line-height: 2.5rem;/* text-transform: uppercase; */margin-bottom: 0px;/* padding-right: 100px; *//* max-width: 90%; */font-weight: 700;padding: 20px;color: #22276b;margin-top: 0;/* padding-top: 0; */max-width: 620px;margin: 30px auto 0px auto;text-align: center;padding-bottom: 0;position: relative;z-index: 1;color: white;margin-top: 38vh;}
.boxes a h1 {}


.top-slider h1{color: inherit;font-size: 1.439rem;line-height: 1.95rem;/* text-transform: uppercase; */margin-bottom: 0px;/* padding-right: 100px; *//* max-width: 90%; */font-weight: 700;padding: 20px;padding-bottom: 0;}
.boxes a h1 b {font-weight: normal;font-family: adobe-handwriting-ernie, sans-serif;font-weight: 400;font-style: normal;color: #d429c0;}
.top-slider p {/* padding-right:40px; */max-width: 390px;margin: 0px auto;}
.top-slider h1 b {/* display:block; */font-size: 1.8rem;line-height: 3.80rem;/* max-width:650px; *//* margin:10px auto; */color: inherit;font-family: adobe-handwriting-ernie, sans-serif;font-weight: 400;font-style: normal;color: #d429c0;color: #aa80f9;}
.top-slider h1 small {}
.top-slider h1 i {font-style:normal;}
.top-slider h2 {color: inherit;font-size:0.93rem;margin: 15px auto;line-height: 0;font-size: 0;max-width: 550px;/* text-shadow: 3px 5px 17px rgba(0,0,0,0.49); */}
.top-slider h2 b {font-size: 1.1rem;line-height: 1.6rem;display: inline-block;vertical-align: middle;max-width: 400px;display: block;margin-left: auto;margin-right: auto;}
.flag {display:inline-block;width: 33px;height: 21px;vertical-align:middle;background-size: cover;background-image: url();background-size: cover;background-repeat: no-repeat;margin: 8px;vertical-align: middle;font-size: 0rem;line-height: 0rem;}

.flag.belgian {background-image: url();}
.flag.swiss {background-image: url();}
.flag.german {background-image: url();}

.btn, html .wpcf7 .wpcf7-submit {position:relative;z-index:11;transition: all 0.76s;/* font-family: 'Roboto Condensed', sans-serif; */font-size: 1.2rem;display:inline-block;overflow:hidden;border: 2px solid;padding: 16px 27px;font-size: 0.98rem;/* text-transform: uppercase; */letter-spacing: 0px;font-weight: normal;border-radius: 10px;/* font-family: ff-cocon-pro, sans-serif; */font-weight: 700;margin: 20px 0px;color: #22276b;transition: all .3s;/* background-color: #d429c0; */border: 2px solid #f0ebfd;}
.btn:after, html .wpcf7 .wpcf7-submit:after {content:"";display:inline-block;/* background-color:red; */vertical-align:middle;margin-left:10px;background-image: url();background-repeat: no-repeat;background-position: center;transition: all .3s;}

/* chvostík bubliny */
.btn:after, html .wpcf7 .wpcf7-submit:after {
  content: "";
  left: 22px;
  border-width: 3px 0px 0px 3px;
  border-style: solid;
  transform:rotate(135deg);
  border-color: #d429c0 transparent transparent #d429c0;
  width: 15px;
  height: 15px;
  margin-left: 15px;
}

.btn:hover {/* color: #f1ae36; *//* border-color: #44c3cf; *//* background-color: #44c3cf; */background-color: white;}
.btn:hover:after {
    transform: rotate(135deg) scale(1.19);
}

html .wpcf7 .wpcf7-submit {max-width:200px;margin-bottom: 0;/* color: white; *//* background-color: #44c3cf; */border-color: #d429c0;font-size: 1.2rem!important;}
html #newsletter .wpcf7 .wpcf7-submit {margin-top: 24px;color: white;}
.video-holder .btn {color:white;}
.video-holder .btn:hover {color:#c9a567;}

#mhead {
    background-color: white;
    /* background-color: #f0ebfd; */
    padding: 0px 20px;
    font-size: 0;
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    left: 0;
    transition: all .24s;
    text-align: center;
    border-bottom: 2px solid #f0ebfd;
}

#mhead:after {content:"";width:100%;height: 10px;/* background-color:red; */display:block;background-image: url();margin-bottom: -8px;background-repeat: no-repeat;background-position: bottom;background-repeat: repeat-x;}
.fixedheader #mhead:after {margin-bottom:-10px}


#mhead:hover {/* background-color:black; */}

#page {padding-top: 118px;text-align: center;/* background-color: red; */}
.home #page {padding-top:0px}
#page .entry-content {max-width: 800px;text-align: left;line-height: 1.8rem;/* padding: 10px; */margin-bottom: 0;margin-top: 0px;font-size: 1.02rem;/* position: relative; *//* z-index: 999; */}
#page .category-novinky .entry-content {padding-bottom: 60px;}
#page .entry-content.full-width {max-width:100%}
#page .entry-content.produkty {max-width:100%}
.fixedheader #mhead {position:fixed;/* padding: 5px 0px; */background-color: #FFFFFD;box-shadow: 1px 1px 40px rgba(0,0,0,0.3);border-bottom: 2px solid white;}
.onas div {display:block; margin:20px auto;}
.logo {width: 162px;height: 102px;/* background-color:red; */display:inline-block;/* background-image: url(https://viagene.sk/wp-content/uploads/2025/08/logo.svg); */background-repeat: no-repeat;background-position: center;position: relative;margin: 0px 0px;vertical-align: middle;transform-origin: top;transition: all .93s;/* margin-left: 20px; *//* transition: all 0s; */background-size: contain;margin-top: 10px;/* background-image: url(https://viagene.sk/wp-content/uploads/2025/10/viagene-logo-2.svg); */z-index: 9;}
.logo:before {content:"";width: 162px;height: 102px;/* background-color:red; */display:inline-block;background-image: url(https://viagene.sk/wp-content/uploads/2025/08/logo.svg);background-repeat: no-repeat;background-position: center;position: relative;margin: 0px 0px;vertical-align: middle;transform-origin: top;transition: all .93s;/* margin-left: 20px; *//* transition: all 0s; */background-size: contain;/* margin-top: 10px; *//* background-image: url(https://viagene.sk/wp-content/uploads/2025/10/viagene-logo-2.svg); */}
.logo:after {content:"";width: 162px;height: 102px;/* background-color:red; */display:inline-block;/* background-image: url(https://viagene.sk/wp-content/uploads/2025/08/logo.svg); */background-repeat: no-repeat;background-position: center;position: relative;margin: 0px 0px;vertical-align: middle;transform-origin: top;transition: all .93s;/* margin-left: 20px; *//* transition: all 0s; */background-size: contain;/* margin-top: 10px; */background-image: url(https://viagene.sk/wp-content/uploads/2025/10/viagene-logo-2.svg);position: absolute;left: 0;}
.logo:before {opacity:0;}
.logo:hover:after {opacity:0;}
.logo:hover:before {opacity:1;}
.fixedheader .logo:after {opacity:0;}
.fixedheader .logo:before {opacity:1;}

#navigacia {
    position: fixed;
    /* left: 0px; */
    bottom: 0px;
    z-index: 9999;
    background-color: white;
    text-align: left;
    /* width: calc(100% - 410px); */
    padding: 10px 20px;
    box-shadow: 0 -10px 30px rgba(0,0,0,.08);
    padding-right: 410px;
    border-top: 2px solid #f0ebfd;
    line-height: .9rem;
    width: 100vw;
}
.page-id-6147 #navigacia {display:block!important;}
.page-id-6147 #page,
.page-id-6235 #page,
.page-id-6233 #page,
.page-id-6223 #page,
.page-id-6152 #page,
.page-id-6229 #page,
.page-id-6083 #page{background-color:#f0ebfd;padding-top: 100px;}
#navigacia a {font-size:1rem;padding:10px;display: inline-block;font-size: .7rem;color: #22276b;line-height: .6rem;padding: 3px;border-bottom: dotted 1px;}
#navigacia a:hover {color:#d429c0}
#navigacia a {}
#navigacia a:before {content:""; }

.loading .logo {margin-top: -220px;}
.fixedheader .logo, .fixedheader .logo:after, .fixedheader .logo:before {height: 40px;/* margin-top: 19px; */margin-bottom: 10px;/* background-size: 100px; *//* background-position: bottom center; */}
.loading #mhead  #site-navigation  {opacity:0}
#mhead  #site-navigation {opacity:1;display:inline-block;width: calc(100% - 259px);font-size:1rem;vertical-align: middle;text-align: right;/* display: none; *//* position: absolute; */top: 64px;left: 0;right: 0;/* width: 100%; */transition: all .3s;/* max-width: 1400px; */margin-left: auto;margin-right: 20px;/* position: relative; */}

.fixedheader #mhead #site-navigation {top: 27px;/* opacity: 0; */}

#mhead #site-navigation li.transparent {font-size:0;opacity: 0;}
#mhead #site-navigation li {display:inline-block;}
#mhead #site-navigation li.menu-item-223, #mhead #site-navigation li.menu-item-224, #mhead #site-navigation li.menu-item-579 {padding-left:20px}
#mhead #site-navigation li:last-child {/* border-left:1px solid white; */}

#mhead #site-navigation li a {padding: 10px 20px;/* display:block; */color: #22276b;font-size: 1rem;line-height: 1.132rem;display: inline-block;}
#mhead #site-navigation li.current_page_item a{color: #aa80f9;}
.home #mhead #site-navigation li a {/* color:white; */}
#mhead #site-navigation li a:hover, .home #mhead #site-navigation li a:hover {color: #d429c0;}

#mhead #site-navigation li a:hover {color: #d429c0;}
#mhead #site-navigation li .sub-menu a:hover {color: #d429c0;}




#mhead #site-navigation .sub-menu  a {color:#795feb}

.logo i {
  height: 9px;
  display:block;
  /* margin-left: 30px; */
  width: 30px;
  margin-left: 22px;
  /* background-color: white; */
  /* margin: 1px; */
  transition: all .3s ease-in-out;
  /* background-color: blue; */
  /* opacity: .16; */
  /* opacity: 0; */
} 








@-webkit-keyframes contactTopW {
0% {
    width: 30px;
    
  }
    

            25% {
    width: 0px;
    
    
  }


    50% {
      width: 30px;
    
  }

70% {
      width: 0px;
    
  }

        100% {
    width: 30px;
    
    
  }
}
@-moz-keyframes contactTopW {
0% {
    width: 30px;
    
  }
    

            25% {
    width: 0px;
    
    
  }


    50% {
      width: 30px;
    
  }

  70% {
      width: 0px;
    
  }

        100% {
    width: 3px;
    
    
  }
}
@keyframes contactTopW {
0% {
    width: 30px;
    
  }
    

            25% {
    width: 0px;
  
    
  }


    50% {
      width: 30px;
    
  }

  
    70% {
      width: 0px;
    
  }

        100% {
    width: 30px;
    
    
  }
}



.video-holder {
    background-color: black;
    overflow: hidden;
    position: relative;
    /* width: 100%; */
    font-size: 0;
}
.video-holder:before {content:"";display:block;/* background-color: #000000; */height:100%;width: 30%;display:block;border-radius: 70%;position:absolute;z-index:99;top: 0%;right: -27%;}
.video-holder .over-video {position:absolute; text-align:center; color:white; z-index:9; left:0; right:0; margin-top:20%}
.video-holder .over-video h1 {font-size: 2.73rem;line-height:4rem}
.video-holder .over-video h2 {font-size: 1.27rem;line-height: 1.3rem;margin-bottom: 30px;margin-top: 10px;padding: 10px;}
.video-holder video {width:100%;opacity: .7;}



body #colophon {
               /* color: #f4eee1; */
               background-color: #22276b;
               position:relative;
               overflow: hidden;
               position: relative;
               z-index: 999;
               background-image: url(https://viagene.sk/wp-content/uploads/2025/04/i2.svg);
               background-repeat: no-repeat;
               background-size: 80px;
               background-position: 78% -2%;
               overflow: visible;
               padding-bottom: 30px;
               background: linear-gradient(-45deg, #0f102e, #191b59, #22276b, #16198b);
               background-size: 400% 400%;
               animation: gradient 15s ease infinite;
               /* height: 100vh; */
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}


body #colophon:before{content:"";width:100%;height: 4px;/* background-color:red; */display:block;background-image: url();margin-top: -53px;/* background-repeat: no-repeat; */background-position: top;position: relative;z-index: 999;}


#colophon #newsletter {/* border-top:1px solid rgba(157,135,82,0.3); */padding-top: 30px;/* background-color: #201d20; */padding-bottom: 40px;/* background-color: #C9A56C; */color: white;overflow: visible;}
#colophon #newsletter div {margin-bottom:30px}

#colophon {text-align:center;/* color: #a4a4a4; */padding-top: 50px;}
#colophon h1 {font-size:2rem;font-size: 2rem;line-height: 3rem;margin-bottom: 0px;color: inherit;margin-top: 20px;display: block;font-weight: 300;}
#colophon p {color:inherit;font-size: 1.242rem;}
#colophon h2 {font-size:2rem;margin-bottom: 20px;color: inherit;font-weight: 300;}
#colophon .wrap {display:block;padding: 30px 20px;font-size: 0;/* padding-bottom: 0px; */}
#colophon .wrap.bottom {/* padding-top:0; *//* padding-bottom: 0px; */border-top: 1px solid rgba(157,135,82,0.3);border-bottom: 1px solid rgba(157,135,82,0.3);margin: 0px auto;color: white;text-align: center;background-image: url();background-repeat: no-repeat;background-size: 140px;background-position: -2% 37%;font-size: 0;}
#colophon .address {display:inline-block;text-align:left;padding: 0px 20px;width: 50%;vertical-align: top;/* border-bottom: 1px solid; */font-size: 1.2rem;/* padding-bottom: 40px; */color: inherit;/* padding-left: 0px; */max-width: 560px;}
#colophon .address b {/* color: #F4AE36; */max-width: 560px;display: block;}
#colophon .address a {display:block;color: white;border-bottom: 1px dotted;display: inline-block;margin-bottom: 18px;}
#colophon .address.soc {vertical-align: middle;border-bottom:0;/* margin-bottom: 60px; */}
#colophon .address .btn {/* font-size: .79rem; */margin-bottom:20px}
#colophon .address small {font-size:.7rem;display:block;/* color: white; */}
.bottom a {/* text-transform:lowercase; *//* color: #f47b34; */}
#colophon #footer-navigation {display:none}

#colophon .address.phone {/* padding: 30px 30px; */text-align: right;}



.copyright {padding: 30px 20px;font-size: 0;max-width: 1120px;margin: 20px auto 0px auto;/* margin-bottom: 20px; */color: #f4eee1;}
.copyright div {font-size:0;display:inline-block;vertical-align:middle;width: 50%;text-align: left;font-size: 0;/* font-size: 1.3rem; */}
.copyright div:nth-child(2) {text-align:right;}
.copyright div span {display:inline-block;/* width:50%; */display:inline-block;}
.copyright div span:nth-child(1) {/* text-align:left; */font-size: .79rem;line-height: 1rem;/* margin-bottom: 40px; */}
.copyright div span:nth-child(2) {text-align:right; font-size:1rem}
.copyright div span a {/* font-size: .7rem; */text-decoration: underline;padding: 7px;display: block;padding-right: 0;}

#colophon a.logo {
    background-repeat: no-repeat;
    display: inline-block;
    width: 170px;
    height: 66px;
    vertical-align: middle;
    margin: 20px 0px;
    /* margin-bottom: -39px; */
    background-position: left;
    background-size: contain;
    background-image: url(https://viagene.sk/wp-content/uploads/2025/08/logo-2.svg);
    }

#colophon a.logo:after, #colophon a.logo:before {display:none!important; content:none;}

#colophon a.logo-city {
    background-repeat: no-repeat;
    display: inline-block;
    width: 180px;
    height: 66px;
    vertical-align: middle;
    margin: 20px 20px;
    /* margin-bottom: -39px; */
    background-position: center;
    background-size: contain;
    background-image: url(https://viagene.sk/wp-content/uploads/2025/04/cg-2.svg);
    display: none;
    }

#colophon a.logo:after {
    content:"";
    display:inline-block;
    width:100px;
    height:50px;
    vertical-align:middle;
    /* background-color:red; */
    /* position: relative; */
    /* position: absolute; */
}



.projekty-zoznam {
    text-align: center;
    /* white-space: nowrap; */
    /* width: 100%; */
    /* overflow-x: scroll; */
    position: relative;
    padding-top: 10px;
    /* display: none; */
    /* max-width: 1800px; */
    /* margin: 20px auto; */
    /* padding-bottom: 40px; */
    flex-wrap: wrap;
    justify-content: center; /* horizontal centering */
    align-items: center;     /* 
}
.projekty-zoznam > h2 {font-size:2rem;margin-top:30px;/* color: #c9a567; */
    margin-bottom: 30px;
    font-weight: 300;
    align-items: stretch;
    /* display: block!important; */
    }

#novinky {
		  /* max-width:1600px; */
		  margin:0px auto;
		  padding:30px 0px;
		  /* text-align: left; */
		  background-color: #f0ebfd;
		  /* background: #D429C0; */
		  /* background: linear-gradient(32deg, rgba(212, 41, 192, 1) 50%, rgba(0, 0, 0, 1) 100%); */
		  background-color: #f0ebfd;
		  text-align: center;
		  }
#novinky .projekty-zoznam {
  white-space:nowrap;
  /* display: block; */
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
  white-space: nowrap;
  overflow: auto;
  padding-bottom: 40px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  flex-wrap: nowrap;      /* single row */
  gap: 20px;
  overflow-x: auto;
  justify-content: flex-start; /* IMPORTANT */
  align-items: stretch;
  scroll-behavior: smooth; /* optional */
  }



#novinky .projekty-zoznam-parent  {display: flex;
  justify-content: center; }
#partners-of-ours {background-color:white;padding-top:40px;text-align: center;}
#novinky > h2, #partners-of-ours > h2 {font-size:2rem;line-height:2.4rem;font-weight:300;margin-bottom: 70px;margin-top: 30px;/* color: white; */}
/* Container for all news items */
.projekty-zoznam {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* space between items */
}

#nase-produkty {background-color:#f0ebfd;padding: 30px 20px;margin: 30px 0px;display: none;}
#nase-produkty h1.entry-title {background-color:transparent}
#nase-produkty .description {max-width:670px; margin:20px auto}


#produkty-linky {padding:20px;/* display: flex; *//* flex-wrap: wrap; *//* gap: 20px; */background-color: #f0ebfd;text-align: center;}
#produkty-linky > h2 {font-size:2rem;line-height:2.4rem;font-weight:300;margin-bottom: 50px;margin-top: 30px;/* color: white; */}
#produkty-linky > p.description {margin:0px auto 40px auto; max-width:740px}
#produkty-linky a b {
    font-size: 1.21rem;
    margin-bottom: 20px;
    display: block;
}
#produkty-linky a p {}
#produkty-linky a {
    /* display: flex; */
    /* flex: 1 1 calc(50% - 20px); */
    max-width: 330px;
    display: inline-block;
    width: 330px;
    padding: 40px 20px;
    background-color: #f0ebfd;
    /* background: #D429C0; */
    /* background: linear-gradient(32deg, rgba(212, 41, 192, 1) 50%, rgba(0, 0, 0, 1) 100%); */
    border-radius: 10px;
    color: white;
    background-color: #cec2ef;
    margin: 3px;
    font-size: 1.024rem;
    transition: all .3s;
    color: #795feb;
    color: white;
    min-height: 400px;
    vertical-align: top;
}
#produkty-linky a:hover {color:#d429c0;color: #795feb;transform:translateY(-10px);background-color: white;}
#produkty-linky a:before {content:"";height: 100px;width: 100px;display:block;margin:20px auto;background-image: url(https://viagene.sk/wp-content/uploads/2025/10/icons-products-2.svg);background-position: 163px 224px;background-size: 397px;/* background-color: red; */}
#produkty-linky a:nth-child(2):before {background-position: 163px 224px} 
#produkty-linky a:nth-child(1):before {background-position: 163px -35px;} 
#produkty-linky a:nth-child(2):before {background-position: 163px -135px;} 
#produkty-linky a:nth-child(3):before {background-position: 163px 237px;} 
#produkty-linky a:nth-child(4):before {background-position: 163px 133px;} 

#novinky > h2 {/* color:white; */}

#partners-of-ours > p {padding:0px 20px;max-width: 670px;margin: 0px auto;}
/* Each link block */
.a {
  display: flex;
  width: 100%;
  max-width: 600px; /* adjust as needed */
  text-decoration: none;
  color: inherit;
  flex: 1 1 calc(30% - 20px); /* for 2 items per row, minus gap */
  margin: -4px;
  /* align-items: stretch; */
}

/* Equal height for image and text inside one .a */
.a .image,
.a .top {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
}

/* Background image styles */
.a .image {
  background-size: cover;
  background-position: center;
  min-height: 260px; /* fallback height if content is small */
}

/* Make all .a blocks same height */
.news-list {
  align-items: stretch; /* makes all children equal height in each row */
}



#vsetky-kurzy {text-align:center;}

#vsetky-kurzy > h2 {font-size:2rem;margin-top:60px; margin-bottom:50px;color: #c9a567; textalign:center; }

.projekty-zoznam a:hover svg {/* transform: scale(1.01); */transform: translateX(10px);}
.projekty-zoznam a {
  /* color:white; */
  /* display: inline-block; */
  /* vertical-align: middle; */
  /* margin:20px 5%; */
  /* height: auto; */
  /* background: #f9f5ee; */
  /* text-align:center; */
  /* border-radius: 15px; */
  /* overflow: hidden; */
  /* padding: 0px; */
  /* max-width: 340px; */
  /* min-width: 350px; */
  /* margin: 20px 20px; */
  /* position: absolute; */
  /* margin-bottom: 70px; */
  /* text-align: left; */
  /* color: #a4a4a4; */
  /* white-space: nowrap; */
  /* transition: all .2s ease-in-out; */
  /* position: relative; */
  /* box-shadow: 1px 1px 10px rgba(0,0,0,0.13); */
  display: flex;
  flex: 1 1 calc(50% - 20px); /* 2 per row by default */
  max-width: 330px;           /* limit width */
  text-decoration: none;
  /* color: inherit; */
  /* border: 2px solid #f0ebfd; */
  padding: 20px;
  border-radius: 10px;
  flex-direction: column;
  background-color: white;
  min-width: 310px;
  }
.projekty-zoznam a:hover {border-color: #d429c0;}
.projekty-zoznam a:hover .top {/* background-color: black; */}
.projekty-zoznam a:after {content:"";display:block;height:100px;width:5px;background: #151515;margin: 40px auto;border-radius:10px;position: absolute;left: 0;right: 0;display: none;}
.projekty-zoznam a .flickity-prev-next-button.next {/* position:relative; */display: block;transform: translateY(0%);/* clear: both; *//* width: 20%; */left: 14px;transition: all .3s;bottom: 20px;top: initial;right: 20px;left: initial;z-index: initial;}
.projekty-zoznam a .flickity-prev-next-button.next svg {fill: #c9a567;display: block;}
.projekty-zoznam a .top {transition: all .2s;padding: 10px 20px 0px 20px;color: #737373;color: #a4a4a4;max-width: 780px;margin: 0px auto;text-align: center;white-space: normal;height: auto;/* align-items: center; */justify-content: center;/* display: flex; *//* background-color: #c9a567; */width: 100%;/* text-align: left; */}
.projekty-zoznam a:hover .top {color:black}
.projekty-zoznam a:hover .image {rgba(78, 33, 22, 0.2);
    /* background-color: rgba(12, 22, 47, 0.02); */
}
.projekty-zoznam#novinky .top {background-color:white;}
.projekty-zoznam#novinky .top  svg {fill:white;}

.projekty-zoznam a .btn {/* display:block; */text-align: left;border: 0;padding-left: 5px;padding-right: 5px;background: transparent;padding-left: 0;}

.projekty-zoznam a .top .typ {margin: 0px auto;/* margin-bottom: 10px; *//* text-align: left; */}
.projekty-zoznam a .top .typ li {display:inline-block;color: #f1ae36;/* text-transform: uppercase; */font-size: 2rem;/* letter-spacing: 2px; *//* background: #5c5c5c; */padding: 0;/* border-radius: 20px; *//* margin: 5px 10px 5px 0px; */font-family: "Caveat", cursive;font-optical-sizing: auto;/* font-weight: 400; */font-style: normal;}


.a .top {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
}

.a .btn {
  margin-top: auto; /* pushes it to bottom */
}

.projekty-zoznam a:nth-child(3) .top .typ li {color:#70c689}
.projekty-zoznam a:nth-child(4) .top .typ li {color:#a9529f}




/**/


#novinky.produkty .projekty-zoznam a {flex-direction:column;/* border-color: white; */background-color: white;}
#novinky.produkty .projekty-zoznam a .top {text-align:center}
#novinky.produkty .projekty-zoznam a .top h2 {text-align:center;font-size: 1.5rem;line-height: 2rem;font-weight: bold;text-transform: uppercase;margin-bottom: 20px;margin-top: 10px;}
#novinky.produkty .projekty-zoznam a .btn {text-align:center}
#novinky.produkty, .home #novinky.produkty  {display:block!important;max-width: 100%;background-color: transparent;background: transparent;}
#novinky.produkty .projekty-zoznam {/* white-space:nowrap; *//* overflow: hidden; */}

#novinky.produkty > h2 {color: #22276b;}
#novinky.produkty .projekty-zoznam {
  display: flex;
  /* flex-wrap: nowrap; */       /* force items in a single row */
  gap: 20px;               /* spacing between items */
  /* overflow-x: auto; */        /* enable horizontal scroll */
  /* overflow-y: hidden; */      /* prevent vertical scroll */
  -webkit-overflow-scrolling: touch; /* smooth scrolling on iOS */
  padding-bottom:30px
}

#novinky.produkty .projekty-zoznam a  {
  flex: 0 0 auto;          /* prevent flex items from shrinking */
}

#banner {
    max-width: 1140px;
    margin: 20px auto;
    /* background-color: #44c3cf; */
    background-repeat: no-repeat;
    background-position: right;
    text-align: left;
    margin-bottom: 80px;
    padding: 30px;
    border-radius: 15px;
    background-size: 44%;
    /* color: #143257; */
    background-color: #f0ebfd;
    /* background-image: url(https://viagene.sk/wp-content/uploads/2025/08/bg-device-doctor-lab-viagene-company-slovakia.svg); */
}

#banner:after {
				content:"";
				display:block;
				width: 40%;
				height: 400px;
				/* background-color: #f0ebfd; */
				background-image: url(https://viagene.sk/wp-content/uploads/2025/08/bg-device-doctor-lab-viagene-company-slovakia.svg);
				position: absolute;
				background-image: url(https://viagene.sk/wp-content/uploads/2026/01/svg-2.svg);
				right: 0;
				top: 0;
				background-repeat: no-repeat;
				background-position: 100% 37%;
				transform: scale(1.19);
}

#banner h2 {font-weight:bold;font-size:2rem;max-width: 59%;margin-bottom:20px;color: #143257;line-height: 2.25rem;}
#banner p {
    color: #143257;
    max-width: 484px;
}

#banner .btn {margin-bottom:0;border-color: white;}

.projekty-zoznam a:hover .top .typ li {/* background:#dddddd; *//* background-color: black; */}
.projekty-zoznam a .top h2 {
    /* font-family: 'Oranienbaum', serif; */
    font-size: 1.12rem;
    line-height: 1.37rem;
    font-weight: 300;
    text-align: left;
    margin-bottom: 10px;
    /* color: black; */
    /* text-align: left; */
    align-items: center;
    justify-content: center;
    /* display: flex; */
    /* text-transform: uppercase; */
    /* border-top: 3px solid; */
    padding-top: 10px;
    /* width: 70%; */
    /* min-height: 4rem; */
    margin-bottom: 0px;
    }
.projekty-zoznam a .image {/* width:100%; *//* display:block; */background-size: contain;background-repeat:no-repeat;/* height: 26vh; *//* background-position: center; */transition: all .35s;backface-visibility: hidden;/* background-color: rgba(12, 22, 47, 0.2); *//* background-blend-mode: multiply; */border-radius: 0;/* margin: 10px; */}
.projekty-zoznam a .top h2 br {display:none}


#newsletter  form  {margin-top: 10px;margin-bottom: 10px;}
#newsletter  form p {text-align:center;font-size: 0;}
#newsletter  form label {max-width: 500px;font-size: initial;color: #f4eee1;}
#newsletter  form label input, #form form input , #form form textarea, #form form select {width:100%;/* border-color: white!important; */!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;/* color: #f3f3f3; */border-radius: 10px;font-size: initial;font-size: .92rem;}
#form form textarea {max-height:140px}
#newsletter  form label input {color:white!important;padding: 15px;}
#newsletter .wpcf7 {width:100%;max-width: 1000px;margin: 10px auto;padding: 0px;}
#newsletter .wpcf7 .nh {font-size:0; text-align:center}
#newsletter .wpcf7 .fh:nth-child(2) {/* max-width:300px; */}
#newsletter .wpcf7 .fh {display:inline-block;vertical-align:middle;/* width:50%; */vertical-align: middle;}











/*CF*/

.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    width: 1px;
    margin: 0;
    padding: 0;
    border: 0;
}

.wpcf7 form .wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    border: 2px solid #00a0d2; /* Blue */
  
}

.wpcf7 form.init .wpcf7-response-output {
    display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #5ca038!important; /* Green */
    font-size:1rem;
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
    border-color: #dc3232; /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
    border-color: #f56e28; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #ffb900; /* Yellow */
}

.wpcf7-form-control-wrap {
    position: relative;
}

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 1em;
    font-weight: normal;
    display: block;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
    position: absolute;
    top: 20%;
    left: 20%;
    z-index: 100;
    border: 1px solid #dc3232;
    background: #fff;
    padding: .2em .8em;
}

span.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 1em;
}

span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
    content: " ";
}

div.wpcf7 .ajax-loader {
    visibility: hidden;
    display: inline-block;
    background-image: url('../../assets/ajax-loader.gif');
    width: 16px;
    height: 16px;
    border: none;
    padding: 0;
    margin: 0 0 0 4px;
    vertical-align: middle;
}


.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
  font-size:1rem; border-radius:20px
}

div.wpcf7 .ajax-loader.is-active {
    visibility: visible;
}

div.wpcf7 div.ajax-error {
    display: none;
}

div.wpcf7 .placeheld {
    color: #fff;
}

div.wpcf7 input[type="file"] {
    cursor: pointer;
}

div.wpcf7 input[type="file"]:disabled {
    cursor: default;
}

div.wpcf7 .wpcf7-submit:disabled {
    cursor: not-allowed;
    opacity: .26;
}

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
    direction: ltr;
}



input[type="text"], input[type="button"], input[type="submit"] {appearance: none;-webkit-appearance: none;}
::-webkit-input-placeholder { color:inherit }
.wpcf7 {padding-bottom:10px;text-align: center;display: block;max-width: 510px;/* margin: 10px auto 0px !important; */padding-left: 15px;padding-right: 15px;border-radius: 5px;margin: 35px auto;}
.wpcf7 label {max-width: 550px;display: inline-block;width: 100%;margin-bottom: 5px;position: relative;text-align: left;padding-left: 0px;/* margin-top: 0; */}

.wpcf7 .wpcf7-checkbox label {text-align:left; width:100%; display:block;padding-left: 12px;max-width: 100%;}
.wpcf7 .wpcf7-checkbox label span {display:initial;/* font-size: .8rem; */min-width: 100px;max-width: 90px;display: inline-block;vertical-align: middle;}


.wpcf7 .wpcf7-acceptance label {text-align:left; width:100%; display:block;padding-left: 0;max-width: 100%;}
.wpcf7 .wpcf7-acceptance label span {display:initial;font-size: .8rem;}
#order-form .wpcf7 .wpcf7-acceptance label a {display:inline;font-weight: bold;}

.acceptance { text-align: left; font-size: 1.2rem; }
.podmienky { font-size: 1.2rem; text-align: left; max-width: 600px; margin: 0px auto 30px; max-height: 300px; overflow: scroll; background-color: rgba(0, 0, 0, 0.1); padding: 30px; display: none; }
.acceptance a { text-decoration: underline; color: rgb(210, 35, 42); }
.wpcf7 h4 { font-family: "Open Sans", sans-serif; margin-bottom: 20px; margin-top: 20px; color: inherit; font-size: 0.95rem; }
.wpcf7 label br { display: none; }
input,select, textarea, select, html .woocommerce-account input {/* width: 100%; */font-family: inherit;padding: 7px 10px;border-radius: 0;font-size: .8rem;margin-bottom: 0;max-width: 500px;-webkit-appearance: none;appearance: none;/* color: white; */border-color: #fff;background-color: transparent;outline: 0px;border: 2px solid #f4eee1;/* border-bottom: 2px solid #000; *//* box-shadow: rgba(0, 0, 0, 0.05) 1px 1px 8px; */font-weight: bold;transition: all 0.3s ease 0s;-webkit-transition: all .3s ease-in-out;display: inline;box-sizing: border-box;border-radius: 0px;/* border: 2px solid #fff; *//* font-size: 1rem!important; */width: 100%;margin-top: 3px;border: 2px solid #f0ebfd;border-radius: 6px;}
html .theme-twentytwentyone .wc-block-components-radio-control .wc-block-components-radio-control__input {appearance: auto;/* min-width: initial; *//* width: initial; *//* height: initial; *//* border-radius: 0; */}
label.sel { display: block; margin: 0px auto; }

.wpcf7 select {margin-top:10px;background-image: url(https://viagene.sk/wp-content/uploads/2025/04/b1.svg);background-repeat: no-repeat;background-position: 95% 55%;transition: box-shadow 0.3s ease 0s;/* border-radius: 7px; */font-family: inherit;/* background-color: white; *//* border: 1px solid rgba(0, 0, 0, 0); */background-size: 39px;appearance: none !important;min-width: 140px;margin-bottom: 6px;color: inherit;margin-top: 5px;}
textarea { }
.wpcf7 label input[type="checkbox"] { display: inline-block; /* float: left; */ margin-right: 2px; font-size: initial; padding: initial; width: 20px; height: 20px; appearance: initial; vertical-align: middle;}
input[type="checkbox"] {appearance: checkbox !important;-webkit-appearance: checkbox!important;transform: scale(1.5);margin-right: 10px;/* border: 1px solid transparent!important; *//* border: 3px solid red; *//* outline: 2px solid; */}
.wpcf7 label span {display: block;/* margin-bottom: 14px; */vertical-align: middle;/* margin-top: 10px; */}
.wpcf7 label span.s {font-size: .8rem;text-align:left; padding: 0px 10px;/* display: none; */}
.wpcf7 label.file span.wpcf7-form-control-wrap {border:2px solid}
.uploads { border: 2px dashed; display: inline-block; padding: 20px; margin-bottom: 20px; border-radius: 15px; }
html .wpcf7-submit:hover {/* background-color: white; *//* color: #61341d; */color: #22276b;/* background-position: 97% center; *//* box-shadow: 1px 1px 20px rgba(0,0,0,0.1); */}
html div.wpcf7-validation-errors, html div.wpcf7-mail-sent-ok { z-index: 999999999; color: red; border: 0px; border-radius: 0px; font-size: 1rem; width: 100%; text-align: inherit; left: 0px; top: 0px; display: block; background-color: white; max-width: 430px; margin: 0px auto; padding: 10px; }
html div.wpcf7-mail-sent-ok { color: rgb(58, 49, 39); background-color: rgb(228, 191, 142) !important; }
html div.wpcf7 .ajax-loader {padding: 11px;display: block;width: 6px;height: 6px;border-radius: 50%;background: #5ca038;cursor: pointer;box-shadow: rgba(140, 150, 40, 0.4) 0px 0px 0px;animation: 1s ease 0s infinite normal none running pulse;margin: -41px 0px 0px 70px;left: 0px;right: 4px;position: relative;}
@-webkit-keyframes pulse { 
  0% { box-shadow: rgba(140, 150, 40, 0.4) 0px 0px 0px 0px; }
  70% { box-shadow: rgba(140, 150, 40, 0) 0px 0px 0px 10px; }
  100% { box-shadow: rgba(204, 169, 44, 0) 0px 0px 0px 0px; }
}
@keyframes pulse { 
  0% { box-shadow: rgba(140, 150, 40, 0.4) 0px 0px 0px 0px; }
  70% { box-shadow: rgba(140, 150, 40, 0) 0px 0px 0px 10px; }
  100% { box-shadow: rgba(140, 150, 40, 0) 0px 0px 0px 0px; }
}
.wpcf7-acceptance {margin-top:10px;display:block;}
html span.wpcf7-not-valid-tip {/* display: none; *//* position: absolute; */}
html input.wpcf7-not-valid, textarea.wpcf7-not-valid { border-left: 3px solid red; }
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { opacity: 0; }
#colophon .wpcf7 p {display: inline-block;margin: 0px;width: initial;vertical-align: middle;}
.wpcf7 p {vertical-align: top;display: inline-block;width: 100%;max-width: 100%;position: relative;text-align: center;text-align: left;margin-top: 0px !important;/* margin-bottom: 15px !important; *//* color: white; */padding: 2px;}
span.wpcf7-list-item {margin:3px}
span.p {position: absolute;z-index: 9;font-size: 0.795rem;padding-left: 15px;margin-top: 5px;opacity: 0;color: #233c7e;transition: all 0.4s ease 0s;-webkit-transition: all .3s ease-in-out;display: none!important;}
.on span.p { opacity: 0.8; right: 10px; }
.wpcf7-not-valid { border: 2px solid red !important; }
input[type="checkbox"].wpcf7-not-valid::before { content: ""; width: 2px; height: 20px; position: absolute; margin-top: -3px; margin-left: -3px; background-color: red; display: inline-block; }
div.wpcf7 input[type="file"] { background-color: transparent; border: 2px solid white; margin: 20px; width: initial; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {max-width:610px; margin:20px auto;}
#formular strong { font-style: normal; }
.loadingqqq { position: fixed; overflow: hidden; }
#preloader { opacity: 0; visibility: hidden; background-color: white; position: absolute; width: 100vw; height: 100vh; z-index: 9999999; transition: all 1s ease 0s; -webkit-transition: all 1s ease-in-out; background-position: 50% 80%; background-repeat: no-repeat; background-size: 270px; }
.loading #preloader { opacity: 1; visibility: visible; height: 100vh; }
.pulse { opacity: 0; margin: 40vh auto; display: block; width: 22px; height: 22px; cursor: pointer; box-shadow: rgba(204, 169, 44, 0.4) 0px 0px 0px; animation: 1s ease 0s infinite normal none running pulse; background-image: url("https://wera.matoremes.sk/wp-content/uploads/2020/11/heart2.svg"); background-repeat: no-repeat; background-size: contain; }
.loading .pulse { opacity: 1; }
.sa p , .akceptacia p  {font-size:.9rem;line-height:1.4rem;color:inherit;color: #61341d;margin-bottom: 12px;}
.akceptacia p {display:inline-block}
.akceptacia span {width:initial;display:inline-block;max-width: 86%;vertical-align: top;padding: 3px;margin-top: 0;}
.akceptujem {display:inline-block}

@-webkit-keyframes pulse { 
  0% { transform: scale(1); }
  70% { transform: scale(1.74); }
  100% { transform: scale(1); }
}
@keyframes pulse { 
  0% { transform: scale(1); }
  70% { transform: scale(1.74); }
  100% { transform: scale(1); }
}

html .wpcf7-spinner {
  visibility: hidden;
  display: inline-block;
  background-color: #23282d; /* Dark Gray 800 */
  opacity: 0.75;
  width: 24px;
  height: 24px;
  border: none;
  border-radius: 100%;
  padding: 0;
  /* margin: 14px -90px; */
  position: absolute;
  display: none;
}

#formular p { max-width: 500px; text-align: left; margin: 0px auto; }

.wpcf7-acceptance label {text-align:left;/* color:white; */font-size:.8rem;width: 100%;display: block;}
.wpcf7-acceptance label input[type="checkbox"] {margin-right:10px;display:inline-block;margin-top: -2px;background-color: transparent;}

form {/* font-size:0; *//* text-align: left; *//* text-align: left; *//* margin: 30px 0px; */}
form div._01 {display:inline-block;width: 100%;vertical-align: middle;}

form div._02 {display:inline-block;width: 30%;margin-left: -1px;vertical-align: middle;margin-left: -150px;position: relative;z-index: 99;}
form div._03 {padding:10px 0px;display:inline-block; width:100%; text-align:left}
form div span {width:100%}
input:focus, textarea:focus, select:focus {border: 2px solid grey;/* border-bottom: 2px solid #233c7e; */}


span.info-text {font-size:.7rem; line-height:1rem; padding:5px; display:block}

.recaptcha {margin:10px;display: block;text-align: left;}
.recaptcha div {margin:0px;display: block;text-align: left;}

.error-404 {padding:20px;margin: 5vh 0px;}

form.search-form {/* margin: 0px auto; */font-size: 0;/* background-color: #f0ebfd; */padding: 7px 10px;max-width: 670px;border-radius: 10px;text-align: right;/* padding-right: 120px; */margin-right: 110px;right: 0;left: auto;margin-left: auto;margin-top: 22px;margin-bottom: 0;transition: all .4s;margin-right: auto;}
.fixedheader form.search-form {padding: 5px 10px;/* background-color: white; */margin-top: 0;}
form.search-form label {display:block;padding: 4px;font-size: .8rem;padding: 0;}
form.search-form input {border: 2px solid #aa80f9;vertical-align: top;color: #aa80f9;color: #22276b;font-size: 1rem;border: 2px solid transparent;margin: 1px;border-bottom: 2px solid white;}
form.search-form input[type="submit"] {background-color:#aa80f9;background-color: white;color:initial;font-size: 1.5rem;color: #d429c0;border-radius: 10px;/* margin-left: -10px; */max-width: 140px;/* text-align: left; *//* padding-left: 20px; *//* margin-right: 37px; */font-size: 1.1rem;}

/*CF*/

.wpcf7 {/* background-color:#000000; */padding:20px;/* color: white; */}

.wpcf7 p input {/* margin-top: 0; */}
.wpcf7 p textarea {/* margin-top: 0px; */max-height: 170px;}
#white .wpcf7 {background-color:#fff;padding: 40px 20px;color: #000000;box-shadow: 1px 1px 20px rgba(0,0,0,0.1);/* border: 10px solid #c9a567; */}
#white .wpcf7:before {content:"";background: #c9a567;background-color: transparent;width: 520px;height: 570px;display:block;position:absolute;z-index:-1;left:0;right:0;margin:0px auto;/* border-radius:50%; *//* margin-top: -3vh; */transition: all .9s;margin-left: -18px;margin-top: -40px;}
#white:hover .wpcf7:before {transform:scale(1.01)}
#white .wpcf7 p {background-color:#fff;padding: 5px;color: #000000;}
#white .wpcf7 p br {display:none}
#white .wpcf7 input, #white .wpcf7 textarea {color: black;border-color: black;}
#white ::-webkit-input-placeholder { color:#000000; }
#white .wpcf7 .wpcf7-submit {color:#c9a567}


.ikons {text-align:center;padding-bottom: 70px;font-size: 0;position: relative;overflow: hidden;}
.ikons div {display:inline-block;vertical-align:middle;margin: 20px 0px;/* font-family: big-caslon-fb, serif; */font-size: 1.3rem;/* max-width: 139px; */line-height: 2.3rem;/* font-weight: 600; *//* color: black; */width: 30%;max-width: 377px;/* background-color: white; */border-radius: 0px;padding: 20px 20px 40px 20px;margin: 20px;transition: all .83s ease-in-out;}
.ikons div:hover {background-color: #201d20;}
.ikons div a:before {content:"";margin: 27px auto;width: 100px;height: 90px;/* background-color: red; */display:block;background-repeat:no-repeat;background-position:center;background-size: 387px;background-image: url("");transform: scale(1.3);}

.ikons div a {/* color: white; */font-size: 1rem;/* border-bottom: 1px dotted; */transition: all .3s;}
.ikons div a:hover {color:#c9a567}
.ikons div:nth-child(1) a:before {background-image: url("");/* background-size: 387px; */background-position: -267px -7px;}
.ikons div:nth-child(2) a:before {/* background-image: url(""); */background-position: -126px -6px;width: 140px;}
.ikons div:nth-child(3) a:before {/* background-image: url(""); */background-position: -19px -10px;}


h1.entry-title {text-align:center;/* color: #c9a567; */font-size: 1.82rem;background-color: #000000;padding: 15px;/* border-top: 1px solid #c9a567; */background-color: white;/* border-bottom: 1px solid; */}



.entry-content {margin:30px auto;/* color: #1e2842; */}
.entry-content .width {max-width:800px;margin:30px auto;/* color: #1e2842; */line-height: 1.75rem;}
.entry-content #form-hold {}
.entry-content #form-hold form input {color:white}


.entry-content .komplexny-pristup {background-color:#c9a567;margin:20px auto;background-color: #f5f7f9;padding:40px;text-align: center;margin-top: 70px;} 
.entry-content .komplexny-pristup h2 {color:#c9a567}
.width {max-width:800px;margin:30px auto;/* color: #1e2842; */}


.entry-content h2 {font-size: 1.85rem;margin: 30px auto;line-height: initial;font-weight: lighter;text-align: center;}
.entry-content h3 {font-size: 1.274rem;margin: 0px auto;/* text-align: left; */color: inherit;}
.entry-content h4 {text-align: center!important;font-weight: normal;}
.entry-content p {/* display:block; *//* text-align:left; *//* color: inherit; */}
.entry-content ul {
    margin: 20px;
    padding: 10px;
}
.entry-content li {}



.entry-content ol {list-style-position:outside;margin-left: 0px;margin-bottom:30px;margin-top: 30px;padding-left: 21px;}

.entry-content ol.oblasti {list-style-type:circle}

#hodnoty h3:before {content:"";margin: 5px auto;width: 40px;height: 50px;/* background-color: red; */display: inline-block;background-repeat:no-repeat;background-position:center;background-size: 1960px;background-image: url("");background-position: -427px -86px;vertical-align: middle;margin-right: 20px;/* margin-left: -68px; */transform-origin: left;}
#hodnoty h3 {margin:10px auto}
.entry-content ol li {}
.entry-content ol li strong {display:block;font-size:1.3rem;margin:20px 0px;color: #c9a567;}
.entry-content p {
    /* font-size: 1.2rem; */
    /* line-height: 1.7rem; */
    /* padding: 10px 0px; */
    /* max-width: 340px; */
    /* margin: 10px auto; */
}

p.contact-note {padding:20px; display:block; text-align:center; margin:20px auto; max-width:690px}
.entry-content p.description {max-width:890px; margin:0px auto; text-align:center; margin-bottom:30px}
.entry-content p.description strong {display:block; font-size:1.2rem; margin-bottom:20px;}
.entry-content p.description b {display:block; font-size:1.3rem}
.entry-content p a {color:inherit; text-decoration:underline;}
.entry-content p a:hover {text-decoration:none}
.entry-content ol li strong a {text-decoration:none}
.entry-content ol li strong a:hover {text-decoration:underline}
.entry-content strong {}

#formular {font-size:0;max-width: 1500px;margin: 10px auto;text-align: center;overflow: hidden;/* line-height: 2rem; */}
#formular > h2 {max-width:560px;line-height: 3rem;font-size: 2rem;color: white;}
.first {display:inline-block;width:50%;vertical-align:middle;font-size:initial;max-width: 480px;min-width: 250px;}
.first a {font-size: 1.13rem; }


.single-product form.cart .quantity input {border:2px solid rgba(0,0,0,0.4); border-radius:30px}

.single-product div.product {width:initial;max-width:initial;min-width:initial;margin:20px auto;display: block;}
#main div.product button {font-size:1.3rem;color:#c9a567;border:0px;border:2px solid;border-radius: 40px;line-height: 1.4rem!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;display:inline-block;padding: 12px 17px!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;background-color: #c9a567;color: white;font-family: inherit;font-family: ff-cocon-pro, sans-serif;}
#main div.product a {font-size:initial;}
html .site-main .woocommerce-breadcrumb {opacity:.7;border-bottom:2px solid;padding-bottom:15px;font-family: inherit;font-family: ff-cocon-pro, sans-serif;text-transform: lowercase;}

 a.phone:before {transition: all .3s;content:"";display:inline-block;width: 40px;height: 45px;vertical-align:middle;margin-right:10px;/* background-color:red; */background-image: url(https://viagene.sk/wp-content/uploads/2025/08/icons-small.svg);background-size: 740px;background-position: -58px -108px;}
 a.email:before {transition: all .3s;content:"";display:inline-block;width: 40px;height: 45px;vertical-align:middle;margin-right:10px;/* background-color:red; */background-image: url(https://viagene.sk/wp-content/uploads/2025/08/icons-small.svg);background-size: 740px;background-position: -112px -111px;}
a.instagram:before {transition: all .3s;content:"";display:inline-block;width: 40px;height: 45px;vertical-align:middle;margin-right:10px;/* background-color:red; */background-image: url(https://viagene.sk/wp-content/uploads/2025/08/icons-small.svg);background-size: 1000px;background-position: -557px -156px;}
 a.facebook:before {transition: all .3s;content:"";display:inline-block;width: 40px;height: 45px;vertical-align:middle;margin-right:10px;/* background-color:red; */background-image: url(https://viagene.sk/wp-content/uploads/2025/08/icons-small.svg);background-size: 690px;background-position: -344px -102px;}

.first a:hover:before {transform:translateX(5px)}


.first b {font-size:1.3rem;max-width: 310px;margin: 10px auto;display:block;}
#formular .first p {text-align:center; line-height:1.6rem}
#formular .first img {margin:20px auto;max-width: 380px;display: block;}
.second {display:inline-block;width:50%;vertical-align:middle;font-size:initial;max-width: 480px;position: relative;min-width: 340px;}

i.instalacie {display:block;width: 210px;height: 210px;margin:20px auto;background-size: 144%;background-image:url();border-radius:50%;border: 10px solid #c9a567;background-position: right 98%;}

#colophon a:hover {color:white}

#lektori {
    padding: 0px;
    text-align: center;
    background-color: #000000;
    /* max-width: 1200px; */
    /* text-align: center; */
    /* padding-bottom: 100px; */
    /* background-color: #c9a567; */
    background-color: white;
}

#lektori.inrow {padding:0}
#lektori.inrow .cv {/* max-height: 43px; */overflow:hidden;margin-bottom: 30px;transition: all .3s;}

#lektori .members {
    display: flex; /* Use flexbox */
    flex-wrap: wrap; /* Ensure elements wrap if necessary */
    justify-content: center; /* Center the child elements horizontally */
    align-content: center; /* Center the rows vertically */
    width: 100%;
    max-width: 1980px;
    /* text-align: center; */
    margin: 0px auto;
}



#lektori .member {
    /* width: 350px; */
    max-width: 340px;
    font-size: 1.0rem;
    line-height: 1.5rem;
    margin: 4px;
    border-radius: 11px;
    padding: 20px;
    background-color: #f5f7f9;
    transition: all .3s;
    flex: 1 1 340px; /* Grow and shrink each .member, but ensure a max width */
    display: flex; /* Make .member itself a flex container */
    flex-direction: column; /* Ensure its children stack vertically */
    justify-content: top; /* Center child elements horizontally */
    align-items: center; /* Center child elements vertically */
}
#lektori .member:hover {background-color: #000000;/* border-radius: 0; */}
#lektori .member:hover .cv {color:white}

#lektori .member .cv {text-align:left;padding: 0px 20px 20px 20px;}
#lektori .member .cv b {opacity:1;font-weight:normal;display:block;/* padding:20px; */font-size: inherit;margin: 0px;max-width: initial;}
#lektori .member .cv strong {display:block;text-align:center;font-size: 1.13rem;color: #c9a567;/* font-family: ff-cocon-pro, sans-serif; */ff-cocon-pro, font-family: sans-serif;/* font-weight: 400; */padding-bottom: 13px;line-height: 2rem;}

#lektori > h2 {font-size:2rem;padding:20px;text-align:center;color:white;color: #c9a567;}

#xlektori .member:nth-child(2) {transform:translateY(20px)}
#xlektori .member:nth-child(3) {transform:translateY(40px)}
#xlektori .member:nth-child(4) {transform:translateY(0px)}
#xlektori .member:nth-child(5) {transform:translateY(20px)}
#xlektori .member:nth-child(6) {transform:translateY(40px)}


#info {margin:20px auto; max-width:770px; text-align:left;}
#info strong {display:block; font-size:1.4rem; margin:20px auto}
.image-container {
    width: 150px;
    height: 150px;
    overflow: hidden;
    display: inline-block;
    border-radius: 50%;
    line-height: 0;
    font-size: 0;
    margin:20px;
    transition: all .4s;
  transform:scale(.8);
}
.member:hover .image-container {border-radius: 10px;transform:scale(1)}

.image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(100%); /* Makes the image black and white */
    transition: filter 0.3s ease; /* Smooth transition for hover effects */
}

/* Optional: Add hover effect to revert back to color */
.image-container img:hover {
    filter: grayscale(100%); /* Return to original colors on hover */
}


.home #page {/* background-color:#000000; */}

.entry-content ol#intervencia {
    margin-top: 50px;
    margin-bottom: 100px;
}
.entry-content ol#intervencia li b {/* color:red; */font-size: 1.74rem;display: block;/* text-align: center; *//* max-width: 300px; */margin-bottom: 10px;}
.entry-content ol#intervencia li {margin-bottom: -1px;list-style-type: none;text-align: left;max-width: 590px;border: 1px solid #c9a567;padding: 50px;margin-left: auto;margin-right: auto;font-size: 1.1rem;line-height: 2rem;transition: all .4s;max-width: 500px;background-color: white;}
.entry-content ol#intervencia li:hover {transform:translateX(10px)}
.entry-content ol#intervenciaaaaaaaa:after {margin:20px auto;content:"";width:100px;height: 280px;display:block;background-size: 4280px;background-image: url("");background-position: -1266px -90px;width: 330px;/* background-color: red; */transform: scale(2.5);z-index: 1;opacity: 0;position: absolute;top: 150px;right: 0;}


  .single .entry-header h1.entry-title {display:block;/* position:absolute; */text-align:center;width:100%;max-width: 640px;/* top: 40%; */font-size: 2rem;line-height: 2.85rem;left: 0;right: 0;margin-left: auto;margin-right: auto;padding: 40px;background-color: transparent;/* color: white; */font-weight: normal;/* text-shadow: 1px 1px 1px rgba(0,0,0,0.4); */margin-bottom: 10px;/* letter-spacing: -1px; */}
.single .entry-header  .btn {position:absolute;bottom: 13%;left:0;right:0;margin:0px auto;max-width: 240px;text-align:center;padding: 23px 20px;color:white}
.single .entry-header  .btn:hover {color:#c9a567}

.single article .entry-content {margin:20px auto;max-width: 750px;padding:20px;font-size:1.3rem;line-height:1.8rem;/* background-color: white; *//* color: black; *//* padding: 80px 60px; */text-align: left;}
.single article .image, .page article .image {height: 55vh;min-height: 530px;background-size: contain;position: relative;/* max-width: 1630px; */margin-left: auto;margin-right: auto;background-position: center;/* background-color: rgba(78,33,22,0.431); *//* background-color: rgba(151,23,136,0.3); *//* background-blend-mode: multiply; *//* border-radius: 20px; */line-height: 0;overflow: hidden;margin: 0px auto;padding: 0px;background-repeat: no-repeat;}
.page article .image {height:auto;}
.page article .image img {display:none;visibility: hidden;opacity: 0;}

.single.post-template-single-visteria article .image {/* background-image:none!important; */background-color:white;min-height: initial;height: initial;max-width: 340px;/* padding: 0px 30px; */}
.single.post-template-single-visteria article .image h1 {color:initial; position:relative}
.single.post-template-single-visteria article .image img {
    width: auto;
    margin: 0px auto;
    max-width: 620px;
    opacity: 0;
    max-height: 300px;
}
.single.post-template-single-visteria .entry-header .btn {
    position: relative;
    display: block;
    margin: 30px auto;
}

.single article .entry-content .btn {/* color:#c9a567; *//* border:2px solid #c9a567; *//* display: block; */}
.single article .entry-content .btn:hover {/* border-color:#000000; */}
.page-id-6083 .entry-header {display:none!important}
  .page .entry-header h1.entry-title {display:block;/* position:absolute; */text-align:center;width:100%;max-width: 700px;top: 40%;font-size: 2.48rem;line-height: 3rem;left: 0;right: 0;margin-left: auto;margin-right: auto;padding: 30px;background-color: transparent;/* color: white; *//* color: #f4eee1; */font-weight: normal;margin-top: 30px;font-size: 2rem;line-height: 2.4rem;}
.page article .entry-content {margin:20px auto;max-width: 750px;padding: 0px 0px;font-size: 1.213rem;line-height:1.8rem;/* background-color: white; *//* color: black; *//* padding: 80px 60px; */position: relative;overflow: hidden;text-align: left;}
.page article .entry-content ul {padding: 30px 30px 30px 50px;/* font-size: 1.1rem; */border: 1px solid #f0ebfd;border-radius: 15px;margin: 20px 0px;}
.page article .entry-content ul li{font-size: inherit;/* line-height: 1.5rem; */margin: 11px auto;}
.page article .entry-header {/* margin-top:118px; */}
.page article .entry-content .mw {max-width:700px; margin:0px auto}
.page article .post-thumbnail {/* max-height: 90vh; */background-size: contain;position: relative;/* max-width: 1630px; */margin-left: auto;margin-right: auto;background-position: top;/* background-color: rgba(78,33,22,0.431); */background-blend-mode: multiply;/* border-radius: 20px; */line-height: 0;overflow: hidden;margin: 0px auto;padding: 0px;position: relative;z-index: -1;/* background-color: #000000; *//* max-width: 1920px; */max-height: 50vh;/* min-height: 40vh; */background-position: center;background-repeat: no-repeat;}
.page article .post-thumbnail h1 {/* color:white; */margin-top:15vh;}
.page article .post-thumbnail img {/* transition: all .3s; */width:100%!important;/* height:auto!important; */max-width: 100%;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;opacity: .65;margin: 0px auto!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;}
.page article .post-thumbnail img {/* object-fit: contain; */visibility: hidden;/* opacity: 1; *//* min-height: 300px; *//* max-height: 50vh; *//* width: 100%!important; *//* height: auto!important; *//* width: initial!important; *//* height: initial!important; *//* max-width: initial!important; *//* display: none; */}
.page article #image-main {background-size: contain;background-position:center;/* background-color: rgba(97, 52, 29, 0.4); */background-blend-mode: multiply;max-width: 890px;margin: 0px auto;background-repeat: no-repeat;}
.page-id-51 article #image-main {max-height:55vh}
.page article .entry-content {/* max-width:700px; *//* background-color: black; *//* position: absolute; *//* top: 50vh; */}
.page article .entry-content  {}

/**/
#form {
    background-color: #70c389;
    border-radius: 15px;
    max-width: 420px;
    /* font-size: 1rem; */
    display:inline-block;
    vertical-align:top;
    margin: 15px;
}

#form.contact-form .wpcf7 {margin: 35px auto;}

#form.big {
    max-width: 490px;
    margin: 40px auto;
    text-align: center;
    display: block;
}

.hidden {
    max-height: 0px;
    overflow: hidden;
    transition: all 0.3s ease 0s;
}

.add {
    /* color: white!important; */
}
.add p {/* color: white!important; *//* font-size: .59rem; */text-align: center;border: 2px solid;border-radius: 10px;line-height: 1.9rem;padding: 10px;max-width: 230px;margin: 10px;}

.open .hidden {
    max-height: 1160px;
}

.open .add {
    display: none;
}


#form form {
    /* font-size: 3rem; */
}

#form form input {}
#form input[type="checkbox"] {display:inline-block;width: 15px;text-align: left;margin: 0px 5px 0px 0px;vertical-align: middle;}
#form form input.wpcf7-submit {background-color: #f1ae36;color: #61341d;margin-top: 0px;}
#form form input.wpcf7-submit:hover {color: #f1ae36;background-color: #61341d;}
/**/


#details {display:inline-block;vertical-align:top;max-width: 498px;padding: 20px;font-size: 1rem;text-align: left;}
#details p {font-size:1rem;line-height:1.5rem;display: inline-block;/* max-width: 200px; */vertical-align: middle;}
#details h3 {
    margin: 20px 0px;
    color: #f1ae36;
}

p#manager {}
#manager-section {background-color:#f9f5ee;padding:20px;border-radius:15px;margin:20px 0px;width: auto;}
#manager-section .right  strong {/* display:block; */}
#manager-section .right {display:inline-block;max-width: 250px;vertical-align: middle;padding: 20px;}
#manager-section .right p {margin:0px;font-size:.9rem;line-height: 1.3rem;}
#manager-section .right p a {color:#f47b34; text-decoration:none}
p#manager i {display:block;height:100px;width:100px;display:block;background-image: url(https://viagene.sk/wp-content/uploads/2025/04/manager.jpg);background-size: cover;border-radius: 50%;line-height: 0;margin: 10px 0px;}


.page-id-102 .entry-content {max-width: 100%!important;text-align: center!important;}

.page article .entry-content  table {border:2px solid;border-collapse: collapse;color: #143257;width: 100%;}
.page article .entry-content  tr {}
.page article .entry-content table th {border-bottom:2px solid}
.page article .entry-content table td {min-width:90px; font-size:1rem; line-height:1.4rem; border-bottom:1px solid;}
.page article .entry-content table td:nth-child(2) {border-left:1px solid}
.page article .entry-content table td em {font-style:normal; font-size:.9rem; font-weight:normal; border-top:1px solid; padding-top:5px; margin-top:5px; display:block}
.page article .entry-content section p {margin: 0px 0px;/* max-width: 300px; */margin-bottom: 15px;/* color: #aa80f9; */color: inherit;}
.page article .entry-content h1 {
    line-height: 3rem;
    font-size: 3rem;
    margin-bottom: 30px;
}
.page article .entry-content h2 {
    /* font-size: 3rem; */
    /* line-height: 1.9rem; */
    font-weight: 200;
}


.page-template-kurzy-1 article #image-main {max-height:55vh;}

#referencie {text-align:center;max-width: 1180px;margin: 0px auto;}
#referencie h3 {
    margin: 20px 0px 20px 0px;
    font-size: 2rem;
    line-height: 3rem;
}
#referencie h4 {
    margin-top: 40px;
    margin-bottom: 50px;
    color: #c9a567;
    font-size: 1.3rem;
    text-transform: uppercase;
}
#referencie div {display:inline-block;/* margin:20px; */vertical-align: bottom;}
#referencie div img {transition: all .3s;max-height: 80px;max-width: 120px;height: auto;display:block;margin:0px auto;filter: grayscale(1);mix-blend-mode: multiply;margin-bottom: 20px;}
#referencie div a {padding:20px;display:block;margin:10px;/* border: 1px solid; */color: initial;max-width: 150px;}

#referencie div a:hover {color:#c9a567}
#referencie div a:hover img { filter: grayscale(0);}
#referencie div small {display:block;font-size: .7rem;}
#referencie div span {display:block;color:initial;font-weight:normal;font-size: 1rem;line-height: 1.42rem;}

#objednat {background-color:#c9a567;display:block;position:absolute;right:0;padding: -8px;text-align:center;color:white;transition: all .83s;position: fixed;/* top:0; */border-top-left-radius: 5px;border-bottom-left-radius: 5px;/* right: -400px; */bottom: -100px;z-index: 999;border-radius: 50px;width: 100%;max-width: 470px;margin: 0px auto;left: 0;right: 0;}
.fixedheader #objednat {bottom: 10px;}
#objednat .btn {font-size: .78rem;background-color: white;vertical-align: middle;}
#objednat strong {color:white;/* display:block; */font-size:.8rem;display: inline-block;vertical-align: middle;padding: 0px 20px;}


.parent-pageid-118 #objednat {display:block!important}
.close-ob #objednat {display:none!important}

.page article .entry-content #kurz {
    max-width: 830px;
    margin: 20px auto;
}
.page article .entry-content #kurz h1 {font-size:2rem;text-align: center;}
.page article .entry-content #kurz h2 {font-size: 1.68rem;line-height: 2.05rem;margin-top: 10px;margin-bottom: 10px;color: #c9a567;text-align: center;}
.page article .entry-content #kurz h2 small {display:block; margin-left:30px}

.page article .entry-content #kurz #smaller {margin-top:30px;}
.page article .entry-content #kurz #smaller h2 {font-size:1.13rem;line-height: 1.56rem;text-align:left;}

.page article .entry-content #kurz .popis {
    text-align: center;
    padding: 0px 20px;
}
.page article .entry-content #kurz .popis span {text-align:center;display:inline-block;font-size: .89rem;font-weight: bold;color: #c9a567;}


i.plus {display: inline-block;width: 60px;height: 60px;border: 3px solid #c9a567;border-radius: 9px;margin: 10px auto;position:relative;transform: scale(0.65);vertical-align: middle;}

i.plus:before {content:"";transition: all .3s; width:30px; height:4px; background-color:#c9a567; display:block; left:0%; right:0; margin:25px auto; position:absolute;}
i.plus:after {content:"";transition: all .3s; transform:rotate(90deg); width:30px; height:4px; background-color:#c9a567; display:block; left:0%; right:0; margin:25px auto; position:absolute;}

.open i.plus:after {transform:rotate(180deg); } 
#kurz h3 {
    font-family: "ivystyle-sans", sans-serif;
    font-weight: 400;
    text-transform:uppercase;
    font-size: .85rem;
    opacity:.7;
    letter-spacing:1px;
    text-align: center;
    margin-bottom: 0;
    line-height: 1.4rem;
    }

.details {text-align:left;padding: 0;max-height: 0;transition: all .3s;overflow: hidden;}
.open .details {padding:20px 0px; max-height:900px;}

.page article .entry-content #kurz  ul {list-style-type:none}
.page article .entry-content #kurz ul li {transition: all .3s;line-height: 2rem;position: relative;/* font-weight: bold; */}
.page article .entry-content #kurz ul li:hover {color:#c9a567}
.page article .entry-content #kurz  ul li:before {
                          content:"";
                          width: 60px;
                          height: 41px;
                          display:inline-block;
                          vertical-align:middle;
                          background-image:url();
                          background-size: 1410px;
                          background-color: #f5f7f9;
                          background-color: white;
                          background-position: -356px -63px;
                          margin-right: 20px;
                          border-radius: 0px;
                          /* margin-left: -70px; */
                          /* position: absolute; */
                          }

.page article .entry-content #kurz  ul li:hover:before {background-position: -292px -61px;}
.page article .entry-content #kurz ul {transition: all .3s; padding: 10px 10px 10px 10px;border: 2px solid #f5f7f9;border-radius: 12px;background-color: #f5f7f9;}

.page article .entry-content  #kurz .popis ul {max-height:0;overflow:hidden;padding:0;border-color: transparent;border:0;text-align: left;}
.page article .entry-content  #kurz .popis.open ul {max-height:initial;padding: 10px 10px 10px 10px;margin-bottom: 40px;}
.sub-menu-toggle {display:none}

#site-navigation ul.sub-menu li:last-child aa {
    padding-bottom: 10px;
}

#site-navigation ul.sub-menu li a {
    padding: 20px 20px;
    line-height: 1rem;
    /* font-size: 0.69rem; */
    color: #795feb!important;
    padding: 10px 20px!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
}

#site-navigation ul.sub-menu li a:hover {
    color: #d429c0!important;
}

#site-navigation li {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    transition: all .3s;
    /* width: 14.2%; */
    vertical-align: top;
}


#site-navigation ul {
    padding-left: 0px;
    font-size: 0;
}

.menu > li > .sub-menu {
    margin-left: -60px !important;
}

#site-navigation li:hover > ul {
    /*! max-height: 1000px; */
    /*! padding-top: 20px; */
    /*! padding-bottom: 20px; */
}

#site-navigation li:hover > ul {
    /* overflow: visible; */
    max-height: 300px;
    padding: 20px 0px;
}

#site-navigation ul.sub-menu {
    position: absolute;
    z-index: 999;
    background-color: #F3EBFD;
    background-color: white;
    margin: 0px;
    transition: all 0s ease 0s;
    max-height: 0px;
    min-height:0%;
    overflow: hidden;
    /* width: 300px; */
    /* top: 0; */
    margin-top: 10px;
    transition: all .34s ease-in-out;
    border-radius: 10px;
    /* margin-left: 90px; */
    padding: 0px 0px;
}

#site-navigation ul.sub-menu li {
  display:block!important;
  padding: 0px 10px;
  border: 0!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
  position: relative;
  /* border-bottom: 1px solid red!important; */!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
  width: initial;
  text-align: left;
}

#site-navigation ul.sub-menu li:last-child {
  display:block;
  border-left:0;
  
}

.fixedheader #site-navigation ul.sub-menu {/* margin-top:20px; */}


#site-navigation ul.sub-menu li.menu-item-has-children {
    max-height: 300px;
}



#mhead:before {content:"";
         width:100vw;
         height:4px; 
         background-color:#70c389;
         z-index: 999999999999999999;
         position: fixed;
         top: 0px;
         left: 0;
         display: block;
         transition: all .83s;
         margin-left:-50%;
         
        } 


.loading #mhead:before {margin-left:0%;}
#mhead:before {margin-left:100%}


#vsetky-kurzy {max-width: 1160px;margin: 30px auto;}
#vsetky-kurzy ul {font-size:0; line-height:0;}
#vsetky-kurzy li {transition: all .2s;display:inline-block;width:50%;width: calc(50% - 20px);text-align: center;padding-bottom: 10px;/* border: 5px solid white; *//* margin-left: -1px; *//* margin-bottom: -1px; */border-radius: 10px;overflow: hidden;margin: 10px;background-color: #f5f7f9;position: relative;}
#vsetky-kurzy li:hover {background-color:rgba(12,22,47,1)}
#vsetky-kurzy li a {}

#vsetky-kurzy li a.ain {display:inline-block;background-color: #000000;position: absolute;width: 125px;height: 138px;bottom: 100px;left: 20px;font-size: .9rem;line-height: 1rem;border-radius: 10px;overflow: hidden;transition: all .3s;background-color: white;}
#vsetky-kurzy li a.ain.aktualizacne {/* right:20px; */left: 154px;}
#vsetky-kurzy li a.ain span {display:block;width:100%;height: 89px;background-color:black;margin-bottom: 6px;background-size: cover;background-position: center;background-image: url();}
#vsetky-kurzy li a.ain.skolsky-kalendar {left: 288px;}

#vsetky-kurzy li a.ain:hover {color:#000000; }
#vsetky-kurzy li a.ain.aktualizacne span {background-image:url()}

#vsetky-kurzy li a i {transition:all .3s;display:block;width: 100%;height: 260px;background-color: rgba(12,22,47,0.47);background-blend-mode: multiply;background-size: cover;background-position: center;}
#vsetky-kurzy li a b {
    padding: 20px;
    font-size: 1.5rem;
    line-height: 2rem;
    display: block;
    text-align: left;
    position: relative;
}

#vsetky-kurzy li a b:after {
                         content:"";
                         display:block;
                         width:30px;
                         height:30px;
                         position: absolute;
                         right: 20px;
                         top: 21px;
                         background-image:url("");
                         background-repeat:no-repeat;
                         background-size:10px;
                         background-position:10px 12px;
                         transform:rotate(-90deg);
                         transition: all .3s;
                         opacity: 0;
                        }
#vsetky-kurzy li a:hover b:after {opacity:1; right:10px}
#vsetky-kurzy li a:hover i {background-color: rgba(12,22,47,0.3);}

#vsetky-kurzy li#menu-item-124 i {background-image:url();}
#vsetky-kurzy li#menu-item-133 i {background-image:url();}
#vsetky-kurzy li#menu-item-154 i {background-image:url();}
#vsetky-kurzy li#menu-item-158 i {background-image:url();}
#vsetky-kurzy li#menu-item-173 i {background-image:url();}
#vsetky-kurzy li#menu-item-172 i {background-image: url();}




.clicked .lines-button {right: 0px;position: absolute;width: 93px;/* text-align: center; */top: -10px;background: #50bdad;margin-right: initial;}
.lines-button:before {/* content:"Menu"; */position:absolute;margin-left: -70px;color: white;font-size: 1rem;text-transform: lowercase;margin-top: -3px;}
/* ====================== lines button ==================================================*/
.lines-button {
    padding: 0;
    /*! transition: .7s; */
    cursor: pointer;
    user-select: none;
    /* border-radius: .57143rem; */
/* */
    background: transparent;
    border: none;
    position: absolute;
    /* z-index: 999999999999999991; */
    outline: none;
    margin-left: 0;
    /*! padding-top: 16px; */
    width: 50px;
    /*! height: 8vh; */
    min-height: 50px;
    text-align: right;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    float: right;
    transition: all .5s;
    z-index: 9;
    /* margin-top: 17px; */
    right: 15px;
    /* top: 12px; */
    /* display: block!important; */
}




.lines-button:hover {
    opacity: 1;
    /* border-bottom: 1px solid #4ABDAB; */
    /* background: white; */
}

.lines-button:active {
    transition: 0;
}

.clicked .lines,.clicked .lines:before,.clicked .lines:after {
    background: #fff;
}

.lines {
    display: inline-block;
    width: 31px;
    height: 2px;
    background: rgba(40,40,40,1);
    background: #aa80f9;
    opacity: 0;
    border-radius: 0;
    /*! transition: .5s; */
    position: relative;
    /* left: 7px; */
    opacity: 1;
    /* top: -4px; */
    /* box-shadow: 1px 1px rgba(0,0,0,0.4); */
}

.lines:before,.lines:after {
    display: inline-block;
    width: 23px;
    height: 2px;
    /* background: #176ef8; */
    background: #aa80f9;
    border-radius: 0;
    transition: .3s;
    position: absolute;
    left: 0;
    content: '';
    -webkit-transform-origin: .28571rem center;
    transform-origin: .28571rem center;
    /* background: rgba(40,40,40,1); */
    /* left: 40px; */
    /* box-shadow: 1px 1px rgba(0,0,0,0.4); */
}

.lines:before {
    top: 8px;
}

.lines:after {
    top: -8px;
}

.lines-button:hover .lines:before {
   /* width: 29px; */
}

.lines-button:hover .lines:after {
 /* width:36px; */
}

.lines-button.closed {
    /* -webkit-transform: scale3d(0.8,0.8,0.8); */
    /* transform: scale3d(0.8,0.8,0.8); */
}



.lines-button.arrow.closed .lines:before,.lines-button.arrow.closed .lines:after {
    top: 0;
    width: 2.22222rem;
}

.lines-button.arrow.closed .lines:before {
    -webkit-transform: rotate3d(0,0,1,40deg);
    transform: rotate3d(0,0,1,40deg);
}

.lines-button.arrow.closed .lines:after {
    -webkit-transform: rotate3d(0,0,1,-40deg);
    transform: rotate3d(0,0,1,-40deg);
}

.lines-button.arrow-up.closed {
    -webkit-transform: scale3d(0.8,0.8,0.8) rotate3d(0,0,1,90deg);
    transform: scale3d(0.8,0.8,0.8) rotate3d(0,0,1,90deg);
}

.lines-button.minus.closed .lines:before,.lines-button.minus.closed .lines:after {
    -webkit-transform: none;
    transform: none;
    top: 0;
    width: 4rem;
}

.lines-button.x.closed .lines {
    background: transparent;
    box-shadow: 0px 0px 0px;
}

.lines-button.x.closed .lines:before,.lines-button.x.closed .lines:after {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: 0;
    width: 22px;
    margin-left: 3px;
}

.lines-button.x.closed .lines:before {
    -webkit-transform: rotate3d(0,0,1,45deg);
    background-color: #aa80f9;
    transform: rotate3d(0,0,1,45deg);
}

.lines-button.x.closed .lines:after {
    -webkit-transform: rotate3d(0,0,1,-45deg);
    transform: rotate3d(0,0,1,-45deg);
    background-color: #aa80f9;
    color: #aa80f9;
}

.lines-button.x2 .lines {
    transition: background .3s .5s ease;
}

.lines-button.x2 .lines:before,.lines-button.x2 .lines:after {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transition: top .3s .6s ease,-webkit-transform .3s ease;
    transition: top .3s .6s ease,transform .3s ease;
}

.lines-button.x2.closed .lines {
    transition: background .3s 0 ease;
    background: transparent;
}

.lines-button.x2.closed .lines:before,.lines-button.x2.closed .lines:after {
    transition: top .3s ease,-webkit-transform .3s .5s ease;
    transition: top .3s ease,transform .3s .5s ease;
    top: 0;
    width: 4rem;
}

.lines-button.x2.closed .lines:before {
    -webkit-transform: rotate3d(0,0,1,45deg);
    transform: rotate3d(0,0,1,45deg);
}

.lines-button.x2.closed .lines:after {
    -webkit-transform: rotate3d(0,0,1,-45deg);
    transform: rotate3d(0,0,1,-45deg);
}






.lines-button.closed {/* left: 50%; *//* margin-left: -27px; *//* position: fixed; */z-index: 9999;/* background-color: white; *//* border-radius: 100%; */padding-left: 18px;/* box-shadow: 1px 1px 100px rgba(0,0,0,0.5); */}
.lines-button.closed:hover {}
.lines-button.closed:hover .lines:before, .lines-button.closed:hover .lines:after {/* background-color:#0bdbc0; */}
.lines-button.closed:before {/* content:"zatvor menu"; */margin-left: -110px;margin-top: -5px;text-align: left;/* color: white; */}
/**/



.cky-switch input[type="checkbox"] {-webkit-appearance: initial!important;-moz-appearance: initial!important;-ms-appearance: initial!important;-o-appearance: initial!important;appearance: initial!important;padding:initial!important;}





/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
  /* background-color: white; */
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */

.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
  position: absolute;
  background-color: transparent;
  border: 0;
  z-index: 99;
  display: block;
}

.flickity-prev-next-button svg {fill: #aa80f9;transition:all .3s;opacity: .2;}
.flickity-prev-next-button:hover svg {fillff: #d429c0; opacity:1}


.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: 0px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #f0ebfd;
  border-radius: 50%;
  opacity: 0.525;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
  background: #aa80f9;
}



/**/


.gallery-cell {background-size:cover;/* height: 100vh; */width: 100vw;max-width: 980px;background-position: center;/* background-color: white; */background-blend-mode: multiply;/* left: 0!important; */!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;background-image: none!important;/* left: 0!important; *//* right: 0!important; */font-size: 0;max-width: 1700px;margin: 0px auto;/* left: 0; *//* right: 0; *//* transition: all .3s; *//* opacity: 0; */width: 100%;padding-bottom: 40px;}
img.fi {opacity: 0;/* max-width: 70%; */position: relative;/* right: 0; *//* top: 21%; *//* bottom: 0; *//* max-width: 50%; */height: auto;/* position: absolute; *//* top: 50%; */left: auto;right: 0;width: 70%;/* transform: translate(0%, -50%); */display: inline-block;width: 60%;vertical-align: middle;margin: 0px auto;display: block;max-height: 30vh;width: auto;}
.top-slider .flickity-viewport {/* height:100vh!important; */}
.is-selected img.fi {opacity:1}
.is-selected.gallery-cell .cycle-overlay {opacity:1}

.gallery-cell .cycle-overlay {margin: 30vh auto 0 10vw;display:inline-block;max-width:560px;line-height: initial;top: 0;z-index: 999;position: relative;left: 0;right: 0;text-align: center;color: #22276b;width: 40%;text-align: left;padding: 20px 30px;/* position: absolute; */margin: 0;vertical-align: middle;background-color: white;opacity: 0;transition: all .3s;width: 100%;margin: 0px auto;display: block;text-align: center;}
.gallery-cell.left .cycle-overlay {margin: 30vh 0;display:inline-block;max-width:560px;line-height: initial;top: 0;z-index: 999;position: absolute;left: 0;right: 0;text-align: left;margin-left: 10vw;}


.gallery-cell .cycle-overlay h2 {
    /* color: white; */
}
.gallery-cell .cycle-overlay h2 em {
    /* font-family: DesMontilles; */
    text-transform: initial;
    font-size: 2.064rem;
    line-height: 2.099rem;
    font-weight: normal;
    display: block;
    /* max-width: 390px; */
    margin-left: auto;
    margin-right: auto;
    font-style: normal;
    font-weight: bold;
    margin: 20px auto;
}
.gallery-cell .cycle-overlay h2 strong {display:block;font-size: 3.55rem;line-height: 3.5rem;/* max-width: 500px; */margin-left: auto;margin-right: auto;}
.gallery-cell .cycle-overlay .btn {/* margin:20px; *//* border:1px solid black; *//* background-color: black; *//* padding:20px 30px; *//* font-size: 1.3rem; *//* max-width: initial; */border: 2px solid #f0ebfd;}
.gallery-cell .cycle-overlay .btn:before {background-color: #e7a8a6;}



.post-template-single-visteria {}
.post-template-single-visteria article .entry-content {max-width:initial;text-align: center;padding: 0;}
.post-template-single-visteria article .entry-content #focus {max-width: 270px;width:100%;display:inline-block;vertical-align:top;text-align: left;padding: 0px 20px 20px 20px;} 
.post-template-single-visteria article .entry-content #basic-info {max-width: 750px;width:100%;display:inline-block;text-align: left;padding: 20px;} 
.post-template-single-visteria article .entry-content #curse-content {max-width: 760px;width:100%;display:inline-block;text-align: left;padding: 0px 20px 20px 20px;} 

.citat {background-color:#f5f7f9;padding:20px;font-size:1rem;border-radius:10px;margin: 10px auto 70px auto;max-width: 700px;}
.citat blockquote {padding:20px; text-align:left; display:block; max-width:700px; margin:0px auto}
.citat em {font-weight:bold;display:block;margin-bottom:30px;max-width: 700px;/* margin: 0px auto; */text-align: left;margin-left: auto;padding-left: 20px;margin-right: auto;}
.post-template-single-visteria article .entry-content #basic-info #intro {padding: 0px;display:block;/* background-color: #f5f7f9; */border-radius: 10px;font-size: 1.1rem;line-height: 1.98rem;margin-top: 0px;margin-bottom: 20px;}
.post-template-single-visteria article .entry-content #basic-info #intro strong {display:block;font-size: 1.3;margin:20px auto}
.post-template-single-visteria .entry-content h2 {font-size:1.5rem;margin: 30px auto;/* max-width: 360px; */}
.post-template-single-visteria .entry-content #basic-info ul {font-size:1rem;margin: 30px  20px;}

.post-template-single-visteria article .entry-content .actions #opr {display:inline-block;vertical-align:middle;font-size: 1.02rem;margin:20px;/* font-weight: normal; */color: #000000;max-width: 330px;line-height: 1.4rem;display: none;}
.post-template-single-visteria article .entry-content .actions #opr:hover {color:#c9a567}
.post-template-single-visteria article .entry-content .actions .btn {display:inline-block; vertical-align:middle;}
.post-template-single-visteria article .entry-content .actions {
    padding: 30px;
    display: none;
}

#kalkulacka-holder {text-align: center;background-color: white;font-size: 0;}
#kalkulacka {
    padding: 30px;
    margin: 0px auto;
    border: 1px solid;
    /* max-width: 770px; */
    /* border-radius: 10px; */
    border: 0;
    /* padding-bottom: 50px; */
    display: inline-block;
    vertical-align: middle;
    margin-left: 0px;
    position: relative;
    z-index: 2;
    /* background-color: black; */
    width: 50%;
    font-size: initial;
    color: black;
    min-width: 410px;
}

#kalkulacka-holder #image-main {display:inline-block;width:50%;height:50vh;background-size:cover;vertical-align:middle;/* margin-left: -30px; */z-index: 3;position: relative;min-width: 300px;}

#kalkulacka #selector-wrapper {text-align:center;color: black;}
#kalkulacka select {font-size:1rem;color:white;border-radius:8px;line-height:1.5rem;max-width:200px;display: inline-block;vertical-align: middle;background-color: #c9a567;border-color: #c9a567;color: black;padding: 10px!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;background-image: url();background-repeat: no-repeat;background-size: 20px;background-position: 90% 50%;}
#kalkulacka #price-display {display:inline-block;margin: 0px auto!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;padding: 20px;color: #c9a567;font-size: 2rem;}
#kalkulacka label {font-size: 1.14rem;color: inherit;}

#kalkulacka label:before {content:"";margin: 27px auto;width: 240px;height: 60px;/* background-color: red; */display:block;background-repeat:no-repeat;background-position:center;background-size: 189px;background-image: url("");transform: scale(1.3);}



#kalkulacka small {
    /* text-align: left; */
    display: block;
    color: #c9a567;
    font-size: .9rem;
    font-weight: bold;
}
#kalkulacka ul {
    display: none;
}
#kalkulacka li {
    font-size: .8rem;
    list-style-type: none;
    text-align: left;
}

#kalkulacka li em {display:block; font-style:normal; font-weight:bold;}


.related-posts {}
.related-posts h3 {font-size: 2rem;margin: 40px auto 40px auto;}
.related-posts p {max-width:690px; margin:0px auto}
.related-posts .related-post-item {width: 340px;display: inline-block;border-radius: 5px;overflow: hidden;background-color: #c9a567;background-color: white;padding: 0px;transition: all .3s;vertical-align: top;/* min-height: 270px; */margin: 20px;/* color: black; */}
.related-posts .related-post-item:hover h4 {color: #c9a567;}
.related-posts .related-post-item .image {background-size:cover;height: 210px;width: 100%;display:inline-block;min-height: initial;/* border-radius: 50%; */background-color: white;margin-bottom: 8px;}
.related-posts .related-post-item  h4 { transition: all .3s;
    font-size: 1rem;
    line-height: 1.35rem;
    /* min-height: 4rem; */
    /* color: black; */
    font-size: 1.25rem;
    line-height: 1.7remrem;
    font-weight: 600;
    text-align: left;
    margin-bottom: 20px;
    color: black;
    text-align: left;
    align-items: center;
    justify-content: center;
    display: flex;
    /* text-transform: uppercase; */
    border-top: 3px solid;
    padding-top: 10px;
    padding: 0px;
    padding-top: 10px;
}

.related-posts .related-post-item .content {padding: 20px 20px 30px 20px;}

.breadcrumb {border-bottom:1px solid rgba(0,0,0,0.1);font-size: .98rem;padding-bottom:20px;margin-bottom: 30px;}

.archive {text-align:center;}
.archive h1.page-title {font-size:0; }
.archive h1.page-title span {font-size:2rem; }
.archive.category article {display:inline-block;vertical-align:top;max-width: 340px;/* border-radius: 20px; *//* overflow: hidden; *//* line-height: 0; */margin: 25px;transition: all .3s;}
.archive.category article:hover {transform:translateY(-10px)}
.archive.category article .entry-footer {display:none}
.archive.category article .entry-header h2 a {line-height:2rem;font-size:1.3rem;font-weight:normal;min-height:3rem;line-height: 1.5rem;display: block;}
.archive.category article .post-thumbnail {border-radius:10px; margin-top:20px; overflow:hidden; line-height:0}
.archive.category article .entry-content {display:none}





.gallery-item {
    width: 280px;
    height: 170px;
    display: inline-block;
    margin-right: 1px;
    margin-bottom: 1px;
    vertical-align: top;
}

.gallery-item:hover a {
    background-color: rgba(0, 0, 0, 0.3);
    background-color: #baaea2;
    /* background-image: url(https://pristudnicke.sk/wp-content/uploads/2021/09/01-pri-studnicke.jpg); */
    /* background-size: cover; */
    /* background-position: center; */
    /* background-blend-mode: multiply; */
}

.gallery-icon {
    width: 100%;
    height: 100%;
    display: block;
}

.gallery-icon a {
    transition: all 0.5s ease 0s;
    display: block;
    background-blend-mode: multiply;
    background-size: cover;
    width: 100%;
    height: 100%;
    background-position: center center;
    /* background-color: #baaea2; */
}

.gallery-icon a img {
    display: none;
}

.gallery {
    text-align: left;
    /* max-width: 1400px; */
    margin: 0px auto;
    font-size: 0;
    line-height: 0;
    margin-bottom: 0;
    /* background-color: white; */
    font-size: 0;
    margin-left: 1px;
    margin-bottom: 1px;
}

.gallery-item {
    display: inline-block;
    position: relative;
    width: 20% !important;
    width: calc(24% - 1px) !important;
    height: 180px !important;
    margin-left: 0px;
    border-radius: 12px;
    overflow: hidden;
    margin: 0px 5px 1px 0px;
    box-sizing: border-box;
}



.gallery-item:hover::before {
    margin-top: 80px
}

.gallery-item:hover::before {
    opacity: 1;
    transform: scale(1);
}

.tos-opened #mhead {
    margin-top: -150px;
}






/*.page-template-kurzy-1*/ article .entry-content p.popis-kurzov {max-width:980px;margin:0px auto;font-size: 1.2rem;text-align: center;}
 article .entry-content .sirka{max-width:690px;margin:0px auto;text-align: left;}

i.vyrobca1 {display:inline-block;width:200px;height:50px;background-image:url();background-size:contain;background-repeat:no-repeat;/* background-color:red; */vertical-align:middle;margin: 10px;background-position: center;}
i.vyrobca2 {display:inline-block;width:140px;height:60px;background-image:url();background-size:contain;background-repeat:no-repeat;/* background-color:red; */vertical-align:middle;margin: 10px;background-position: center;}

.kurzy {padding:10px}
.kurzy .sirka {/* font-size: initial; *//* line-height: initial; *//* line-height: 2rem; */max-width: 690px;margin: 0px auto;/* text-align: left; */color: rgba(255,255,255,0.65);}
.kurzy-container {max-width: 1220px;text-align: center;margin: 0px auto;} 
.kurzy-container h2 {text-align:center;margin: 20px auto;font-size: 1.5rem;}
.kurzy-item {transition: all .3s; background-color:#f5f7f9;display: inline-block;border-radius: 5px;margin: 20px;padding: 10px;font-size: 0;overflow: auto;max-width: 350px;text-align: center;min-width: 330px;background-color: #c9a567;transition: all .3s;}

.kurzy-item:hover {background-color:white}
.kurzy-item:hover span {opacity:1}

.kurzy-item small {position:absolute;right:0px;top:0px;background-color: #0c162f;font-size: .8rem;text-transform: uppercase;border-bottom-left-radius: 20px;letter-spacing: 1px;}
.kurzy-item small em {font-style:normal;padding: 12px 15px 12px;display:block}
.kurzy-item h1 {background-color:transparent;font-size: 1.2015rem;line-height: 1.4238rem;/* text-align: left; *//* padding-left: 0px; *//* min-height: 6rem; */color: #c9a567;font-size: 1.25rem;line-height: 1.7remrem;font-weight: 600;text-align: left;margin-bottom: 10px;color: black;text-align: left;align-items: center;justify-content: center;display: flex;/* text-transform: uppercase; */border-top: 3px solid;padding-top: 10px;margin-top: 20px;padding: 10px 0px;margin: 20px 10px;min-height: 4rem;margin-bottom: 40px;}
.kurzy-item .image {display:inline-block;/* width: 180px; */height: 220px;background-size:cover;/* border-radius:50%; */background-position:center;vertical-align: top;margin-top: 0px;display: block;/* margin: 30px auto 0px auto; */}
.kurzy-item .content {/* color:#0c162f; */font-size:1rem;display:inline-block;width: calc(100% - 200px);padding-left: 0px;width: initial;text-align: left;/* display: none; */}
.kurzy-item .content b {font-weight:normal;display:block;font-size: .95rem;line-height: 1.5rem;display: none;}
.kurzy-item .content p {font-weight: normal;margin-bottom:10px;font-size: .8rem;text-align: center;}
.kurzy-item span {}

.kurzy-item span{position:relative;z-index:11;transition: all -0.76s;/* font-family: 'Roboto Condensed', sans-serif; */font-size: 1rem;display:inline-block;overflow:hidden;border: 2px solid;padding: 11px 25px;/* font-size: .8rem; */text-transform: uppercase;/* letter-spacing: 4px; */font-weight: normal;border-radius: 30px;/* font-family: ff-cocon-pro, sans-serif; */font-weight: 700;margin: 10px 10px;/* color: #c9a567; */transition: all .4s;/* display: none; */color: black;opacity: 0;}
.kurzy-item span:afterrrrrr {content:"";display:inline-block;width:14px;height:14px;display:inline-block;border-radius:20px;background-color:#c9a567;margin-left: 20px;transition: all .5s;transform: scale(.5);}
.kurzy-item span:hover {color:#c9a567;border-color:white;background-color:white;}
.kurzy-item span:hover:after {transform:scale(.79)}

.my-extra-class {display:none}

.tos-close span:after, .tos-close span:before {
    width: 12px;
    height: 12px;
    margin-top: -4px;
    margin-left: 0;
    margin-right: 0;
}

#main svg {width:100%;}
#main svg  {/* fill: red; */}

.row {
    /* color: #61341d; */
    padding: 40px;
}

.row .btn {
    display: inline-block;
    max-width: 230px;
    display: block;
    max-width: fit-content;
}

.row .c {
    display: inline-block;
    vertical-align: middle;
    max-width: 350px;
    text-align: left;
    margin: 40px;
}
.row .img {
    display: inline-block;
    background-size: cover;
    width: 100%;
    height: 330px;
    /* background-color: #61341d; */
    max-width: 440px;
    padding-top: 0;
    vertical-align: middle;
    font-size: 0;
    line-height: 2rem;
    /* color: #fff; */
    border-radius: 0;
    /* margin: 40px; */
    /* background-color: #f0ebfd; */
    background-blend-mode: multiply;
    background-size: contain;
    font-weight: 300;
    background-position: center;
    background-repeat: no-repeat;
    /* text-shadow: 1px 1px 1px rgba(0,0,0,0.4); */
}
.row b {
    display: block;
    margin-bottom: 20px;
    font-size: 1.3rem;
}

.row.one .img {
    /* font-size: 2rem; */
    background-image: url(https://viagene.sk/wp-content/uploads/2025/08/viagene-lab-2.jpg);
    /* font-weight: 200; */
}
.row.two .img {
    background-image: url(https://viagene.sk/wp-content/uploads/2025/08/viagene-lab-11.jpg);
}

.who-we-work-with {
    /* color: #61341d; */
    background-color: #f0ebfd;
    padding: 40px 20px;
    background-image: url(https://viagene.sk/wp-content/uploads/2025/08/logo-3.svg);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: contain;
    background-position: 90% 100%;
    border-top: 30px solid #f0ebfd;
    margin-top: 30px;
}
.who-we-work-with h2 {
    font-size: 2rem;
    margin: 20px 0px;
    margin-bottom: 40px;
    /* color: #44c3cf; */
    font-weight: 300;
    line-height: 2.4rem;
}

.who-we-work-with h2 small {display:block; margin:10px auto; font-size:1rem}

.who-we-work-with b {margin-bottom:20px; display:block}

.who-we-work-with p {}
.who-we-work-with .btn {
    border-color: white;
}

.who-we-work-with .p1{
    display: inline-block;
    vertical-align: middle;
    max-width: 400px;
    text-align: left;
    margin: 40px;
}
.who-we-work-with .p2{
   display: inline-block;
   vertical-align: middle;
   max-width: 400px;
   text-align: left;
   margin: 40px;
   min-width: 400px;
   height: 400px;
}




#elements {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}

.el img {width: 100%;}

.el {
  position: absolute;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

.el1 {
  animation: float1 8s infinite alternate;
  width: 70%;
  z-index: 1;
  right: 0;
  left: 30%;
}
.el2 {
  animation: float2 10s infinite alternate;
  width: 33%;
  z-index: 3;
  top: 28%;
  RIGHT: -20%;
}
.el3 {
  /* animation: float3 12s infinite alternate; */
  width: 7%;
  left: 14%;
  z-index: 1;
  transform: rotate(40deg)!important;
  transition: all 7.4s;
}
#elements:hover .el3 {transform: rotate(-45deg)!important;}
.el4 {
  animation: float4 9s infinite alternate;
  width: 110%;
  z-index: 0;
}
.el5 {
  animation: float5 11s infinite alternate;
  width: 50%;
  left: 50%;
  top: 60%;
  z-index: 7;
}

/* Different subtle floating motions */
@keyframes float1 {
  0%   { transform: translate(0, 0); }
  50%  { transform: translate(5px, -3px); }
  100% { transform: translate(-4px, 4px); }
}

@keyframes float2 {
  0%   { transform: translate(0, 0); }
  50%  { transform: translate(-6px, 5px); }
  100% { transform: translate(4px, -4px); }
}

@keyframes float3 {
  0%   { transform: translate(0, 0); }
  50%  { transform: translate(3px, 6px); }
  100% { transform: translate(-5px, -3px); }
}

@keyframes float4 {
  0%   { transform: translate(0, 0); }
  50%  { transform: translate(-4px, -5px); }
  100% { transform: translate(6px, 4px); }
}

@keyframes float5 {
  0%   { transform: translate(0, 0); }
  50%  { transform: translate(5px, 4px); }
  100% { transform: translate(-3px, -6px); }
}

.who-we-work-with .p2 a {
    display:block;
    font-size: 1.53rem;
    line-height: 3rem;
    transition: all .3s;
}


.who-we-work-with .p2 a:before {content:"";display:inline-block;width:100px;height: 81px;/* background-color:red; */vertical-align:middle;background-image:url(https://viagene.sk/wp-content/uploads/2025/04/students.svg
);background-size:500px;background-position: -21px 109px;margin: 3px;transition: all .3s;}

.who-we-work-with .p2 a:nth-child(1):before  {}
.who-we-work-with .p2 a:nth-child(2):before  {
    background-position: -127px 108px;
}
.who-we-work-with .p2 a:nth-child(3):before  {
    background-position: -235px 114px;
}
.who-we-work-with .p2 a:nth-child(4):before  {
    background-position: -340px 113px;
}



.who-we-work-with .p2 a:nth-child(1) {color:#f47b34}
.who-we-work-with .p2 a:nth-child(2) {color:#f1ae36}
.who-we-work-with .p2 a:nth-child(3) {color:#44c3cf}
.who-we-work-with .p2 a:nth-child(4) {color:#a9529f}


.who-we-work-with .p2 a:hover:before {transform:translateX(6px)}




#lunch {
        text-align:center;
        padding: 50px;
        background-color: rgba(97, 52, 29, 0.1);
        border-radius: 15px;
        background-color: #143257;
        background-image: url(https://viagene.sk/wp-content/uploads/2025/04/i2.svg);
        background-repeat: no-repeat;
        background-size: 53px;
        background-position: 92% 0%;
        background-image: url(https://viagene.sk/wp-content/uploads/2025/04/i3.svg), url(https://viagene.sk/wp-content/uploads/2025/04/i2.svg), url(https://viagene.sk/wp-content/uploads/2025/04/i5.svg);
        background-repeat: no-repeat, no-repeat, no-repeat;
        background-size: 120px, 70px, 100px;
        background-position: 90% 103%, 90% -1%, -1% 40%;
        margin: 20px auto;
        }
#lunch h2 {font-size: 1.3rem;margin:0;margin-top: 26px;color: #44c3cf;}
#lunch p {
    max-width: 360px;
    margin: 5px auto 20px auto;
    color: #44c3cf;
    color: #f4eee1;
}







/*color*/
.blue #mhead {background-color:#44c3cf;background-color: #143257;}
.blue #mhead:after {background-image:url(https://viagene.sk/wp-content/uploads/2025/04/line6.svg)}
.blue .logo {background-image:url(https://viagene.sk/wp-content/uploads/2025/04/logo-2.svg)}
.blue .entry-content p  {color:#143257;}
.blue .entry-content input, .blue .entry-content label, .blue .entry-content textarea  {color:#143257;}
.blue.page article .entry-content ul {background-color:rgba(255,255,255,0.5)}
.blue .entry-content li, .blue .entry-content strong  {color:#143257;}
.blue .entry-content a  {color:#44c3cf; font-weight:bold}
.blue .entry-content h1, .blue .entry-content h2 {/* color:#44c3cf; */color:#143257;}
.blue .entry-content .btn {background-color:#143257}
.blue .entry-content form a {color:#143257}
.blue #site-navigation a {color:#44c3cf;}
.blue #site-navigation ul.sub-menu li a {color:#44c3cf!important;}
.blue #site-navigation ul.sub-menu li a:hover {color:#143257!important;}
.blue #mhead #site-navigation li a {color:#44c3cf}
.blue .lines, .blue .lines:before, .blue .lines:after {background-color:#44c3cf;}
.blue .lines-button.x.closed .lines:before {background-color:#44c3cf;}
.blue .lines-button.x.closed .lines:after {background-color:#44c3cf;}
body.blue:before {background-color:#143257}
/**/


/**/

  .card-grid {
      display: grid;
      grid-template-columns: repeat(2, 350px);
      gap: 20px;
      justify-content: center; /* center horizontally */
      align-items: center;
      margin: 20px auto;
    }

    .card {
      perspective: 1000px;
    }

    .card-inner {
      width: 350px;
      height: 250px;
      transition: transform 0.6s;
      transform-style: preserve-3d;
      position: relative;
    }

    .card:hover .card-inner {
      transform: rotateY(180deg);
    }

    .card-front,
    .card-back {
      position: absolute;
      width: 100%;
      height: 100%;
      backface-visibility: hidden;
      border-radius: 10px;
      box-shadow: 0 1px 14px rgba(0,0,0,0.02);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      color: #61341d;
      font-weight: bold;
    }

    .card-front {
      background-color: #ffffff;
    }


.card-front:before {content:"";display:block;width:100px;height: 81px;/* background-color:red; */vertical-align:middle;background-image:url(https://viagene.sk/wp-content/uploads/2025/04/students.svg
);background-size:500px;background-position: -21px 109px;margin: 3px;transition: all .3s;}

.card:nth-child(1) .card-front:before  {}
.card:nth-child(2) .card-front:before   {
    background-position: -127px 108px;
}
.card:nth-child(3) .card-front:before  {
    background-position: -235px 114px;
}
.card:nth-child(4) .card-front:before   {
    background-position: -340px 113px;
}



.card:nth-child(1) .card-front {color:#f47b34}
.card:nth-child(2) .card-front {color:#f1ae36}
.card:nth-child(3) .card-front {color:#44c3cf}
.card:nth-child(4) .card-front {color:#a9529f}



.card:nth-child(1) .card-back {background-color:#f47b34;  }
.card:nth-child(2) .card-back {background-color:#f1ae36}
.card:nth-child(3) .card-back {background-color:#44c3cf}
.card:nth-child(4) .card-back {background-color:#a9529f}

.card:nth-child(3) .card-back p { color: #f4eee1;}
.card:nth-child(4) .card-back p { color: #f4eee1;}




    .card-back {
      background-color: #f1ae36;
      color: #61341d;
      transform: rotateY(180deg);
    }

.card-back p {padding:20px; font-size:1rem; text-align:center; font-weight:bold; line-height:1.4rem}


/**/



/**/

#our-clients {text-align:center; padding:20px 0px}
.client_1 {display:block;margin:20px auto;width: 60%;height:70px;background-size:contain;background-repeat:no-repeat;background-image:url(https://viagene.sk/wp-content/uploads/2025/04/Bratislava_Logo_Black_366x44.png)}
/**/





.el {
    /* margin-bottom: 10px; */
}
.el .wpcf7-form-control-wrap {margin-top:10px; display:block}


.el p {font-weight:bold;font-size:1rem;padding:10px 20px}

.el .wpcf7-list-item-label {
    display: inline-block;
    vertical-align: middle;
}



#produkty .clanky .blog-article .ar-img {display: block;margin: 0px auto;}
#produkty .clanky .blog-article {width: initial;margin: 10px;margin: 20px auto;padding: 20px 0px;max-width: 400px;/* display: inline-block; */vertical-align: top;}
#produkty .clanky .blog-article .btn {display:block;margin: 0px;vertical-align: top;margin-top: 70px;max-width: 300px;margin: 30px auto;}
#produkty .clanky .blog-article .bottom {width: 50%;}




#partneri .blog-article .ar-img {background-size:contain;background-repeat:no-repeat;background-position: center;background-size: contain;width: 50%;height: 200px;}
#partneri .blog-article:hover {background-color:white}
#partneri .blog-article:hover h2, #partneri .blog-article:hover .cnt {color:initial;}

#partneri .blog-article .bottom .cnt {
    height: initial;
    font-size: .985rem;
    line-height: 1.54rem;
    padding-bottom: 0px;
}
p.dod {max-width: 730px;margin:20px auto}
#partneri {/* display:table; *//* width:100%; */}
#partneri .blog-article .bottom {height:initial;/* width: 70%!important; *//* max-width: 70%; */display: inline-block;text-align: left;padding-right: 30px;}
#partneri .blog-article .bottom i {display:none}
#partneri .blog-article {
    width: 100%;
    max-width: 900px;
}

#partneri .blog-article .bottom h2 {font-size:1.2rem;margin-bottom: 20px;padding-top:20px;background: -webkit-linear-gradient(left, #D429C1 0%, #22276b 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-align: center;}



/* GRID LAYOUT FOR PARTNERS */
#partneri.clanky {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 400px));
  gap: 2rem;
  justify-content: center;
  padding-bottom: 60px;
}

/* CARD BASE STYLES */
#produkty #partneri .blog-article {
  max-width: 400px;
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  flex-direction: column; /* so we can push the button to the bottom */
  height: 100%;
  margin: 5px auto;
  border: 2px solid #f0ebfd;
}

/* IMAGE BLOCK */
#partneri .blog-article .ar-img {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 120px; /* nastav si podľa dizajnu */
  width: -webkit-fill-available;
}

/* CONTENT AREA */
#partneri .blog-article .bottom {
  padding: 1rem 1.2rem;
  flex: 1 1 auto; /* vyplní zvyšok výšky, aby bol button nalepený dole */
  width: 100%!important;
  display: block;
  padding: 20px;
}

#partneri .blog-article .bottom h2 {
  font-size: 1.1rem;
  margin: 0 0 0.5rem;
  font-size: 1.29rem;
}

#partneri .blog-article .bottom .cnt {
  font-size: 0.95rem;
}

/* BUTTON AT THE BOTTOM OF CARD */
#produkty .clanky .blog-article .btn,
#partneri.clanky .blog-article .btn {
  display: inline-block;
  margin-top: auto;          /* toto ho "tlačí" na spodok .blog-article */
  padding: 0.6rem 1rem;
  text-align: center;
}

/* aby sa button opticky oddelil od textovej časti */
#partneri .blog-article .btn.website {
  padding: 0.7rem 1.2rem;
  /* border-top: 1px solid #eee; */
}

/* MOBILE: 1 COLUMN */
@media (max-width: 768px) {
  #partneri.clanky {
    grid-template-columns: 1fr;
  }

  #partneri .blog-article {
    max-width: 100%;
  }
}




/* Wrapper (Flickity adds its own viewport/slider wrappers) */
.partners-slider {
  width: 100%;
}

/* Each clickable logo cell */
.partner-cell {
  display: block;
  width: 200px;              /* logo cell width */
  height: 150px;             /* logo cell height */
  margin-right: 16px;        /* space between cells */
  background-size: contain;  /* keep full logo visible */
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 8px;        /* optional, looks nicer */
  margin: 30px;
}

/* Optional: subtle hover emphasis */
.partner-cell:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
}

/* Accessibility helper (hide text but keep for screen readers) */
.screen-reader-text {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0);
  white-space: nowrap; border: 0;
}

/* Responsive tweaks */
@media (max-width: 768px) {
  .partner-cell {
    width: 140px;
    height: 80px;
    margin-right: 12px;
  }
}
















/* === SEARCH RESULTS GRID — Twenty Twenty-One === */

/* 1) Mriežka iba na vyhľadávaní */
body.search .site-main {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: clamp(16px, 2.4vw, 28px);
  align-items: stretch;
  padding: 20px;
}
body.search-no-results .site-main {display:block;}

/* Prvky, ktoré majú ostať cez celú šírku */
body.search .site-main > .page-header,
body.search .site-main > .search-result-count,
body.search .site-main > .navigation.pagination {
  grid-column: 1 / -1;
}

/* 2) Karta výsledku */
body.search .site-main > article.entry {
  display: flex;
  flex-direction: column;
  background: var(--global--color-background, #fff);
  border: 1px solid var(--global--color-border, #e5e5e5);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 6px 16px rgba(0,0,0,.06);
  transition: transform .2s ease, box-shadow .2s ease;
  min-height: 100%;
}

body.search .site-main > article.entry .entry-footer {display:none}

/* Hover efekt (len na zariadeniach s kurzorom) */
@media (hover: hover) {
  body.search .site-main > article.entry:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(0,0,0,.10);
  }
}

/* 3) Obrázkový náhľad s pevným pomerom strán */
body.search .site-main > article.entry .post-thumbnail,
body.search .site-main > article.entry .post-thumbnail a {
  display: block;
  width: 100%;
  padding: 20px 20px;
}

body.search .site-main > article.entry .post-thumbnail a {
  /* pekný „crop“ náhľadu */
  aspect-ratio: 16/9;
  overflow: hidden;
}

body.search .site-main > article.entry .post-thumbnail img {
  width: 100%!important;
  height: initial!important;
  object-fit: cover;
  display: block;
}

/* 4) Placeholder pre položky bez náhľadu (využíva :has – moderné prehliadače) */
body.search .site-main > article.entry:not(:has(.post-thumbnail)) .entry-header {
  background: linear-gradient(180deg, #f8f8f8 0%, #f0f0f0 100%);
  min-height: 180px; /* zjednotí výšku „horného bloku“ */
  display: flex;
  align-items: flex-end;
}

/* 5) Obsah karty – vyčistenie defaultných max-width obmedzení témy */
body.search .site-main > article.entry .entry-header,
body.search .site-main > article.entry .entry-content,
body.search .site-main > article.entry .entry-footer {
  max-width: none !important;
  width: 100%;
  padding-left: 18px;
  padding-right: 18px;
}

body.search .site-main > article.entry .entry-header {
  padding-top: 14px;
}

body.search .site-main > article.entry .entry-content {
  margin-top: 8px;
  margin-bottom: 0;
}

/* 6) „Footer“ karty pri dne */
body.search .site-main > article.entry .entry-footer {
  margin-top: auto;      /* odtlačí footer na spodok karty */
  padding-top: 14px;
  padding-bottom: 16px;
  color: var(--global--color-secondary, #666);
  border-top: 1px solid rgba(0,0,0,.06);
  font-size: .8rem;
}

/* 7) Nadpisy – nech sa nezalamujú do extrémnej výšky */
body.search .site-main > article.entry .entry-title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;   /* max 2 riadky */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-decoration: none;
}

/* 8) Orezanie textu výpisu (ak je dlhý) */
body.search .site-main > article.entry .entry-content {
  display: -webkit-box;
  -webkit-line-clamp: 3;   /* cca 3 riadky */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 9) Odstránenie nadmerných medzier default témy v kartách */
body.search .site-main > article.entry .post-thumbnail + .entry-header {
  margin-top: 12px;
}

body.search .site-main > article.entry .entry-header,
body.search .site-main > article.entry .entry-footer {
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: center;
  /* width: 100%; */
}

/* 10) Obrázky s class="alignwide" nech sa prispôsobia karte */
body.search .site-main > article.entry .post-thumbnail .alignwide {
  width: 100%;
  max-width: 100%;
}




.click li { list-style-type:none;}
.click li ul li {list-style-type:circle}
.click div {padding: 0px 20px;transition: all .4s;overflow: hidden;max-height: 600px;max-height: 0px;}
.click .open div {max-height: 830px;}
.click li h2 {/* background-color: #8c9a28; *//* color:white; *//* background: initial; */border: 1px solid #D429BD;border-radius: 60px;padding: 10px;text-align: left;padding-left: 30px;cursor: pointer;transition: all .3s;font-size: 1rem;}
.click h2:after {
    content:"";
    display:inline-block;
    background-image: url(https://viagene.sk/wp-content/uploads/2025/08/arrow-2.svg);
    width: 29px;
    height: 20px;
    background-repeat:no-repeat;
    background-size: 70px;
    background-position:center right;
    float: right;
    margin-top: 21px;
    margin-right: 30px;
    transition: all .4s;
    }

    .click h2:hover:after {width:60px}

    .click .open h2:after { transform:rotate(90deg)}
    .click .open h2:hover:after {width:29px}


.click li h2:hover {transform:scale(1.05)}
.click li h2 i {background-image:url(https://viagene.sk/wp-content/uploads/2025/08/ikonky.svg);background-size:330px;width: 60px;margin-right:10px;height: 60px;/* background-color:red; */display:inline-block;vertical-align:middle;}
.click li:nth-child(1) h2 i {background-position: 459px -271px;/* width: 60px; */}

.click li:nth-child(2) h2 i {background-position: -77px -135px;}
.click li:nth-child(3) h2 i {background-position: -140px -134px;}
.click li:nth-child(4) h2 i {background-position: -140px -71px;/* width: 60px; */}

.click li:nth-child(5) h2 i {background-position: 321px -198px;/* width: 60px; */}
.click li:nth-child(6) h2 i {background-position: -257px -461px;/* width: 60px; */}
.click li:nth-child(7) h2 i {background-position: 459px -271px;/* width: 60px; */}



























.ceo {}
.ceo blockquote {
    background-color: #f0ebfd;
    padding: 30px;
    margin: 20px auto;
}
.ceo em {display:block;margin20px auto;font-size: .9rem;margin: 0px auto;font-weight: bold;text-align: left;}
.ceo em:before {content:"";display:inline-block;width: 100px;height: 100px;background-image:url(https://viagene.sk/wp-content/uploads/2025/08/janka.gif);vertical-align: middle;background-size: cover;border-radius: 50%;}


.publikacia {padding:0px 10px; margin:0px auto}
.publikacia strong {display:block;padding:0px 10px;margin-top:20px;font-size: 1.3rem;}
.download-link {transition:all .3s;background-image: url(https://viagene.sk/wp-content/uploads/2025/10/icons-products-2.svg);background-repeat:no-repeat;background-position:left;padding: 35px 40px 35px 88px;text-decoration:none;display:block;margin: 10px 10px;text-align:left;background-size: 397px;border: 0;border-radius: 11Px;background-position: -246px -448px;/* background: -webkit-linear-gradient(left, #D429C1 0%, #22276b 100%); *//* -webkit-background-clip: text; *//* -webkit-text-fill-color: transparent; *//* background: -webkit-linear-gradient(left, #D429C1 0%, #22276b 100%); *//* -webkit-background-clip: text; *//* -webkit-text-fill-color: transparent; */color: #22276F;font-size: .9rem;line-height: 1.1rem;background-color: white;box-shadow: 0px 3px 9px rgba(0,0,0,0.1);}


.download-link:hover {/* padding-left: 90px; *//* transform: translateY(-10px); */color: #795feb;}


.letak-gen {display:block;width: 131px;height: 170px;margin-left:0;background-image: url(https://viagene.sk/wp-content/uploads/2025/08/letak.png);background-size: cover;margin: 20px 0px;background-position: top;}


.link-to-pdf h2 {font-size: 1.2rem;padding: 10px 0px 0px 0px;line-height: 1.4rem;min-height: 73px;/* vertical-align: top; */}
.link-to-pdf {
    background-image: none;
    padding: 20px;
    display: inline-block;
    width: 300px;
    text-align: center;
    margin: 20px 20px;
    transition: all .3s;
    vertical-align: top;
}
.link-to-pdf span {font-size:.68rem}
.link-to-pdf:hover {color:#795feb;transform: translatey(-10px);}

.link-to-pdf .pdf-img {width:100%;height: 335px;display:block;background-size: cover;margin-bottom: 20px;}



.produkt {margin-bottom: 10px}
.produkt {font-size:0;/* box-shadow: 1px 1px 10px rgba(0,0,0,0.1); */padding: 30px;margin-bottom: 30px;text-align: center;border: 2px solid #f0ebfd;border-radius: 10px;}
.produkt img {width:50%; display:inline-block}
.produkt ul {display:inline-block;width:50%;/* font-size:.8rem; */vertical-align:top;list-style-type: disc;text-align: left;}
.produkt ul .btn {display:block; max-width:3000px; text-align:center}
.produkt ul li {margin-bottom:10px;margin-left: 20px;}
.produkt ul > strong {font-size: 1.5rem;display:block;margin-bottom: 30px;background: -webkit-linear-gradient(left, #D429C1 0%, #22276b 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin-top: 20px;text-align: center;}




.faq {/*! max-width: 800px; */text-align: left;margin: 30px auto 30px auto;/*! max-width: 800px; */width: 100%;padding: 30px;border: 2px solid #f0ebfd;border-radius: 11px;}
.faq strong {transition:all .3s; display: block;padding: 10px 0px;text-transform: uppercase;font-size: .9rem !important;padding-right: 20px;position: relative;margin-bottom: 8px;}
.faq strong:hover {color:#D429C1;}
.faq strong:after {transition:all .5s;content:"";height: 18px;width:37px;background-color: #f0ebfd;display:block;float:right;border-radius: 26px;background-image: url("https://domprojekt.sk/wp-content/uploads/2018/02/down-icon2.svg");background-size:19px;background-repeat: no-repeat;background-position: center;margin-right: -30px;clear: both;top: 0;position: absolute;right: 0;margin-top: 9px;}
.faq .openme strong:after {background-image: url("https://domprojekt.sk/wp-content/uploads/2018/02/up-icon2.svg");}
.faq strong:hover:after {background-color: #D429C1; }
.faq em {display: block;max-height: 0;overflow: hidden;transition: all .5s;font-style: initial;line-height: 1.5rem;font-size: 1rem;}
.faq .q {line-height: 1rem;margin-bottom: 10px;border-bottom: 1px solid rgba(0,0,0,0.1);padding-right: 40px;}
.faq .q:last-child {border-bottom:0;margin-bottom: 0;}
.faq .q.openme {}
.faq .openme em {max-height: 900px;padding-bottom: 30px;}
.faq ul {padding-bottom:20px; padding-top:20px; display:block; list-style-type:disc;list-style-type: square;padding-left: 16px;}

i.search {
  display: inline-block;
  width: 20px;
  height: 20px;
  color: #aa80f9;        /* icon follows text color */
  position: relative;
  box-sizing: border-box;
  border: 2px solid #aa80f9; /* lens ring */
  border-radius: 50%;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
  transition: all .23s;
  margin-top: -4px;
  margin-right: 20px;
  position: relative;
  z-index: 9;
}


#search-holder {
    position: fixed;
    right: 10px;
    top: 0px;
    width: 100%;
    /* max-width: 880px; */
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: 0;
    z-index: 1;
    margin-right: 0px;
    text-align: right;
    height: 100vh;
    background-color: white;
    text-align: center;
    padding-top: 150px;
}

.searching #search-holder {display:block!important;background-color: #f0ebfd;}
#search-holder form {margin-left:auto;margin-right: auto;/* margin-top: 30vh; */padding-top: 130px;}

i.search:hover {color:#D429C1;border-color: #D429C1;}

i.search::after {
  content: "";
  position: absolute;
  width: 11px;   /* handle length */
  height: 2px;   /* handle thickness */
  background: currentColor;
  top: 13px;
  left: 14px;
  transform: rotate(45deg);
  transform-origin: left center;
  border-radius: 3px;
}


body .ql-panel, body .ql-panel p {
    font-size: .8rem;
    line-height: .9rem;
    border: 2px solid #f0ebfd;
    }

.ql-panel__header strong:hover {color: #aa80f9;}
body .ql-panel {bottom: 15px;}
body .ql-panel p {border:0}
body .ql-panel__actions {}

body .ql-btn--ghost {display:none}
body .ql-btn {border-radius:30px;/* color: #22276b; */ font-weight:bold;}
article.product {/* max-width:200px; */font-size:.9rem}
.product-title {}
article.product img {width:100%}
body .product .ql-btn--add {color:#22276b;padding: 5px 20px;margin-bottom: 5px;border: 2px solid #F0EBFE;max-width: 190px;margin: 0px auto;transition: all .3s;background-color: #f0ebfd;}
.product-desc {font-size:.9rem}
body .ql-panel__footer .ql-btn {background-color:#22276b; border-color:#22276b}
body .product .ql-btn--add:hover {background-color:#d429c0; color:white; border-color:#d429c0}





















#product-grid{
  --gap: 20px;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--gap);
  align-items: stretch;
  padding: 0px 40px;
  max-width: 1430px;
  margin: 0px auto;
  position: relative;
  z-index: -1;
}
#product-grid .product-category{
  grid-column: 1 / -1;
  margin: 5px auto;
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: #22276b;
  /* border-bottom: 1px solid #e5e7eb; */
  padding-bottom: 8px;
  padding-top: 8px;
  font-weight: bold;
  text-transform: uppercase;
}


#product-grid .description-category{
  grid-column: 1 / -1;
  margin: 5px auto;
  font-size: 1rem;
  line-height: 1.5rem;
	text-align:center;
  color: #22276b;
  /* border-bottom: 1px solid #e5e7eb; */
  padding-bottom: 8px;
  font-weight: normal;
}
#product-grid .product{
  grid-column: span 3;
  background: white;
  border: 2px solid #f0ebfd;
  border: 2px solid white;
  border-radius: 14px;
  padding: 14px;
  box-shadow: 0 6px 18px rgba(2,6,23,0.06);
  display: flex;
  flex-direction: column;
  gap: 10px;
  transition: transform .15s ease, box-shadow .15s ease;
  height: 100%;
  /* display: flex; */
  /* flex-direction: column; */
}

#product-grid .product .ql-btn {
  margin-top: auto;
  display: block;     /* optional, for full-width button */
  width: 100%;        /* optional */
}
#product-grid .product:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(2,6,23,0.10);
}
#product-grid .product img{
  width: 100%;
  /* height: 160px; */
  object-fit: contain;
  border-radius: 10px;
  background: #f8fafc;
  border: 1px solid #eef2f7;
}
#product-grid .product-title{
  font-size: 16px;
  line-height: 1.35;
  margin: 0;
  color: #22276b;
  min-height: 2.6em;
}
#product-grid .product-desc{
  margin: 0;
  color: #475569;
  font-size: .8rem;
  line-height: 1.25rem;
}
#product-grid .product-desc a{
  color: #d429c0;
  text-decoration: none;
  border-bottom: 1px dashed  #d429c0;
  margin-right: 14px;
  display: block;
}
#product-grid .product-desc a:hover{
  border-bottom: 1px solid  #d429c0;
  text-decoration: none;
}




/* Highlight visible matches; hide non-matches */
#product-grid .product.highlight {
  /* outline: 3px solid currentColor; */
  /* background: rgba(255, 230, 150, 0.35); */
  /* border-radius: 12px; */
  border-color: #d429c0;
}
#product-grid .product.dimmed {
  display: none;
}


#productSearch {border: 2px solid #d429c0;margin: 10px auto;display: block;border-radius: 30px;margin-bottom: 30px;background-color: white;border: 2px solid white;}


.minimize .ql-panel__body {max-height:0;overflow:hidden;padding: 0px 0px;}


.ql-panel__header strong {transition: all .3s;}
.ql-panel__header strong:before {content:"x";display:inline-block; text-transform:uppercase; margin-right:20px}
.ql-panel__header strong:hover:before{color: #aa80f9;}
.minimize .ql-panel__header strong:before {content:"--";}

#form-dopyt {
	background: white;
	border: 2px solid #f0ebfd;
	border: 2px solid white;
	border-radius: 14px;
	padding: 14px;
	box-shadow: 0 6px 18px rgba(2, 6, 23, 0.06);
	max-width: 970px;
	margin: 60px auto;
	text-align:left;
	font-size:0;
}

#form-dopyt #form-part {display:inline-block;vertical-align:top;/* max-width: 570px; */width: 70%;text-align: left;padding: 20px;}
#form-dopyt #form-part .wpcf7 {padding:0; margin:30px 0px}
#form-dopyt #form-part h2 {text-align:left;margin: 0px;font-weight: bold;max-width: 499px;}
#form-dopyt #form-part h2 small {display:block;font-size:1rem;line-height:1.5rem;margin-top:20px;font-weight: normal;}
#form-dopyt #contact-part {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    /* text-align: center; */
    padding: 20px;
}

#form-dopyt #contact-part h3 {text-align:left;margin: 0px;font-size: 1.85rem;margin-bottom: 25px;}
#form-dopyt #contact-part a {text-decoration:none;color: #aa80f9;transition: all .3s;font-size: 1.4rem;}
#form-dopyt #contact-part a:hover {color:#d429c0}
body .product .ql-btn--ad:hover {background-color:##d429c0; color:white; border-color:#d429c0}





.page-id-6235 .infooter {display:none}

/* ===== Testimonials ===== */
#testimonials {
  --bg: #f0ebfd;
  /* --text: #1f2656; */
  /* --muted: #6b76a1; */
  /* --accent: #3b57ff; */
  --card-bg: #fff;
  --radius: 15px;
  background: var(--bg);
  color: var(--text);
  padding: 20px 20px 10px 20px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

#testimonials .wrap {
  max-width: 1200px;
  margin: 0 auto;
}

#testimonials h2 {
  text-align: center;
  font-size: clamp(1.6rem, 2.5vw, 2rem);
  font-weight: 800;
  margin: 0 0 2rem 0;
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 300;
  margin-bottom: 50px;
  margin-top: 30px;
}

#testimonials .cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1rem, 2.5vw, 2rem);
}

@media (min-width: 780px) {
  #testimonials .cards {
    grid-template-columns: repeat(3, 1fr);
  }
}

#testimonials .card {
  background: var(--card-bg);
  border-radius: var(--radius);
  padding: clamp(1rem, 2vw, 1.5rem);
  text-align: center;
  box-shadow: 0 6px 20px rgba(17, 23, 71, 0.06);
  display: grid;
  gap: 0.75rem;
  align-content: start;   /* packs rows at the top */
  justify-items: stretch; /* optional: keep full width */
}

#testimonials .avatar {
  width: 120px;
  height: 120px;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(17, 23, 71, 0.12);
  display: none;
}

#testimonials .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* vyplní kruh bez deformácie */
  display: none;
}

#testimonials .meta .name {
  font-weight: 700;
  margin-top: 0.5rem;
  margin-top: 20px;
}

#testimonials .meta .role {
  font-size: 0.75rem;
  color: var(--muted);
}

#testimonials .stars {
  letter-spacing: 0.2ch;
  color: #aa80f9;
  color: #fab72d;
  margin-top: 0.25rem;
  font-size: 1.05rem;
}

#testimonials .quote {
  margin: 0.5rem auto 0;
  max-width: 40ch;
  line-height: 1.46;
  font-size: clamp(.9rem, 1.2vw, .7rem);
  /* color: #aa80f9; */
  font-weight: 600;
  text-align: left;
}

#testimonials .label {
  margin-top: 0.5rem;
  font-size: 0.9rem;
  color: var(--muted);
}


#o-nas-page {
    background-color: #f0ebfd;
    padding: 20px 20px 20px 20px;
    font-size: 0;
    line-height: 0;
    text-align: center;
    background-image: url(https://viagene.sk/wp-content/uploads/2025/08/logo-3.svg);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: 38%;
    background-position: 94% 60%;
    /* transition: all 18.3s; */
    margin-top: 0;
}



#o-nas-page .leftpart {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    font-size: 1.1rem;
    line-height: 1.83rem;
    max-width: 490px;
    text-align: left;
    padding-right: 30px;
}

#o-nas-page .leftpart em {display:block;margin:20px auto;font-size: 1.4rem;font-style: normal;}
#o-nas-page .leftpart em small {display:block;font-weight: bold;}

#o-nas-page .rightpart {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    text-align:center;
    /* max-width: 670px; */
    padding: 70px 0px;
    border-radius: 20px;
}

#o-nas-page .leftpart a {display:inline-block;text-decoration:none;padding:10px 10px 10px 0px;color: #d429c0;}

#o-nas-page .rightpart img {width: 100%;border-radius: 20px;}



.onas {}



.onas {padding: 50px;/* display: flex; *//* flex-wrap: wrap; *//* gap: 20px; */background-color: white;text-align: center;}
.onas div > h3 {font-size:2rem;line-height:2.4rem;font-weight:300;margin-bottom: 30px;margin-top: 7px;color: #22276b;font-size: 1.21rem;margin-bottom: 20px;font-weight: bold;}
#produkty-linky a b {
    font-size: 1.21rem;
    margin-bottom: 20px;
    display: block;
}
#produkty-linky a p {}
.onas div {
    /* display: flex; */
    /* flex: 1 1 calc(50% - 20px); */
    max-width: 330px;
    display: inline-block;
    /* width: 330px; */
    padding: 40px 20px;
    background-color: #f0ebfd;
    /* background: #D429C0; */
    /* background: linear-gradient(32deg, rgba(212, 41, 192, 1) 50%, rgba(0, 0, 0, 1) 100%); */
    border-radius: 10px;
    color: white;
    /* background-color: #cec2ef; */
    margin: 3px;
    font-size: 1.024rem;
    transition: all .3s;
    color: #22276b;
    /* color: white; */
    min-height: 380px;
    vertical-align: top;
}
#produkty-linky a:hover {color:#d429c0;color: #795feb;transform:translateY(-10px);background-color: white;}
#produkty-linky a:before {content:"";height: 100px;width: 100px;display:block;margin:20px auto;background-image: url(https://viagene.sk/wp-content/uploads/2025/10/icons-products-2.svg);background-position: 163px 224px;background-size: 397px;/* background-color: red; */}
#produkty-linky a:nth-child(2):before {background-position: 163px 224px} 
#produkty-linky a:nth-child(1):before {background-position: 163px -35px;} 
#produkty-linky a:nth-child(2):before {background-position: 163px -135px;} 
#produkty-linky a:nth-child(3):before {background-position: 162px 337px;} 
#produkty-linky a:nth-child(4):before {background-position: 163px 133px;} 


/* Wrapper */
#certifikata-zoznam {
  max-width: 1200px;
  margin: 0 auto 4rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 2rem;
  justify-content: center;
  align-items: start;
  padding: 100px 0px;
}

/* Title across full width */
#certifikata-zoznam h2 {
  grid-column: 1 / -1;
  text-align: center;
  margin-bottom: 0.5rem;
}

/* Certificate images in grid */
#certifikata-zoznam img {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 400px;          /* podľa zadania */
  aspect-ratio: 3 / 4;       /* rovnaká šírka:výška, zjednotí karty */
  object-fit: cover;
  border: 8px solid #f0ebfd;
  border-radius: 8px;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
  transform-origin: center center;
  padding: 10px;
  background-color: white;
}

/* Hover efekt – zväčšenie z centra + silnejší tieň */
#certifikata-zoznam img:hover {
  transform: scale(1.25);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.25);
  z-index: 9999;
}

/* Mobile – jeden stĺpec */
@media (max-width: 768px) {
  #certifikata-zoznam {
    grid-template-columns: 1fr;
  }

  #certifikata-zoznam img:hover {
    transform: scale(1.2); /* menej agresívne zväčšenie na mobile */
  }
}

.top-slider h1 b{
  display: block;
  position: relative;
  vertical-align: baseline;

  /* handwriting reveal */
  -webkit-mask-image: linear-gradient(90deg, #000 0 0);
  -webkit-mask-size: 0% 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 0 0;
  mask-image: linear-gradient(90deg, #000 0 0);
  mask-size: 0% 100%;
  mask-repeat: no-repeat;
  mask-position: 0 0;
  
}

.top-slider .is-selected  h1 b {animation: handReveal 4.2s ease forwards;}


/* pen tip effect */
.top-slider h1 b::after{
  content: "";
  position: absolute;
  top: 0.15em;
  bottom: 0.15em;
  left: 0;
  width: 0.16em;
  background: white;
  border-radius: 999px;
  filter: blur(0.6px);
  opacity: 0;
  animation: penTip 2.2s ease forwards;
}

@keyframes handReveal{
  0%   { -webkit-mask-size: 0% 100%; mask-size: 0% 100%; }
  100% { -webkit-mask-size: 100% 100%; mask-size: 100% 100%; }
}

@keyframes penTip{
  0%   { transform: translateX(0); opacity: 0; }
  8%   { opacity: 1; }
  100% { transform: translateX(100%); opacity: 0; }
}

/* accessibility */
@media (prefers-reduced-motion: reduce){
  .top-slider h1 b{
    animation: none;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
  }
  .top-slider h1 b::after{
    animation: none;
    display: none;
  }
}







/* Careers section */

.page-id-200120 #page .entry-content {max-width:initial;}


.careers {
  padding: 64px 0;
  background: #f0ebfd;
}

.careers__container {
  width: min(1120px, calc(100% - 32px));
  margin: 0 auto;
}

.careers__header {
  /* max-width: 820px; */
  margin-bottom: 28px;
  text-align: center;
}

.careers__eyebrow {
  display: inline-block;
  font-size: 13px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #aa80f9;
  margin: 0 0 10px;
  text-align: center;
  width: 100%;
  margin-bottom: 0px!important;
}

.careers__title {
  /* font-size: clamp(28px, 2.4vw, 40px); */
  /* line-height: 1.1; */
  margin: 20px auto!important;
  /* color: #0f172a; */
}

.careers__lead {
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
  /* color: #334155; */
  max-width: 800px;
  margin: 20px auto!important;
  margin-bottom: 30px;
}

/* Layout */
.careers__grid {
  display: grid;
  grid-template-columns: 1.55fr 0.75fr;
  gap: 22px;
  align-items: start;
}

/* Job card */
.job-card {
  background: #ffffff;
  /* border: 1px solid #e6eaf0; */
  border-radius: 15px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
  overflow: hidden;
}

.job-card__top {
  padding: 22px 22px 14px;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.03), rgba(15, 23, 42, 0));
  text-align: center;
}

.job-card__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  color: white;
  background: #aa80f9;
  border: 1px solid #aa80f9;
  margin: 20px auto;
}

.job-card__title {
  margin: 12px 0 0;
  font-size: 1.85rem!important;
  line-height: 2rem;
  /* color: #0f172a; */
  margin: 20px auto!important;
}

.job-card__section {
  padding: 16px 22px;
  border-top: 1px solid #eef2f7;
}

.job-card__heading {
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: 700;
  /* color: #0f172a; */
  font-size: 1.5rem;
  font-weight: bold!important;
}

.job-card__text {
  margin: 0;
  /* color: #334155; */
  /* line-height: 1.7; */
  /* font-size: 15px; */
  /* text-align: center; */
}

.job-card__list {
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
  text-align: left;
  justify-content: left;
  padding-left: 30px!important;
}

.job-card__list li {
  position: relative;
  padding-left: 26px;
  /* color: #334155; */
  line-height: 1.6;
  font-size: 15px;
  text-align: left;
  margin: 0!important;
}

.job-card__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #aa80f9;
  /* border: 1px solid #aa80f9; */
  border-radius: 100%;
}

/* Side card */
.careers-side__card {
  position: sticky;
  top: 18px;
  background: rgba(170,128,249,0.3);
  /* color: #e2e8f0; */
  border-radius: 15px;
  padding: 22px;
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.18);
}

.careers-side__title {
  margin: 0 0 10px;
  font-size: 1.8rem!important;
  line-height: 1.25;
  color: #ffffff;
  margin-bottom: 20px!important;
}

.careers-side__text {
  margin: 0 0 14px;
  line-height: 1.7;
  font-size: 1.rem;
  color: white;
}

.careers-side__divider {
  height: 1px;
  background: rgba(226, 232, 240, 0.16);
  margin: 16px 0;
}

.careers-side__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 12px 14px;
  border-radius: 12px;
  background: #ffffff;
  color: #0f172a;
  font-weight: 700;
  text-decoration: none;
  margin: 8px 0 10px;
}

.careers-side__cta:hover {
  filter: brightness(0.96);
}

.careers-side__note {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.6;
  color: rgba(226, 232, 240, 0.85);
}

/* Responsive */
@media (max-width: 960px) {
  .careers__grid {
    grid-template-columns: 1fr;
  }
  .careers-side__card {
    position: static;
  }
}























@media (max-width: 1200px){
  #product-grid .product{ grid-column: span 4; }
}
@media (max-width: 900px){
  #product-grid .product{ grid-column: span 6; }
}
@media (max-width: 560px){
  #product-grid{ gap: 14px; }
  #product-grid .product{ grid-column: 1 / -1; }
}


@media only screen and (max-width: 880px){ 


.lines-button {display: block!important;position: absolute;top: 18px;right: 30px;}
.fixedheader .lines-button {top: 17px;}

  #mhead #site-navigation {display:block;text-align:left;width:initial;padding:10px;transition: all 0s;max-height: 0;overflow: hidden;padding: 0px 10px;position: relative;top: 0;}
  .shrink #mhead #site-navigation {max-height: 1330px;padding: 0px 0px 15px 0px;box-shadow: 1px 75px 20px rgba(0,0,0,0.1);background-color: white;margin-right: 0;}
  #mhead #site-navigation li {display:block;border:0!important;padding: 3px;width: initial;text-align: left;}
    #mhead #site-navigation li.transparent {display:none}
  #mhead #site-navigation li a {padding: 10px 21px;display:block;/* color: white!important; */}
  #site-navigation ul.sub-menu li a {font-size:.79rem}
  #site-navigation ul.sub-menu {position:relative;max-height:initial;margin-top: 0px;padding-left: 10px;background-color: transparent;}
  .logo {/* transform: scale(.5)!important; */HEIGHT: 40px;BACKGROUND-POSITION: center;margin: 10px 0px;/* background-size: 45px; */position: relative;margin-left: 10px;left: 0;margin-top: 25px;}
	 .logo:before, .logo:after {/* transform: scale(.5)!important; */HEIGHT: 40px;BACKGROUND-POSITION: center;margin: 10px 0px;/* background-size: 45px; *//* position: relative; *//* margin-left: 10px; */left: 0;margin-top: 0px;}
  .video-holder .over-video {position:relative;background-color: #000000;padding-bottom:40px;margin-top: 40px;}
  .video-holder .over-video h1 {font-size:1.4rem; line-height:2rem}
  .video-holder .over-video h2 {font-size:1.14rem; line-height:1.4rem}
  .video-holder .btn {font-size:.7rem; margin:3px}
#mhead {/* background-color:black; *//* position: relative; */height: 90px;text-align: left;/* width: 0; */padding: 0;}
    .shrink #mhead {height:auto;/* max-height: initial; */z-index: 99999999999;/* position: relative; */}
  .video-holder:before {display:none}
  .projekty-zoznam a {margin-bottom:0px;min-width: 300px;}
  .ikons div {display:block;width:initial;padding: 15px;margin: 0px auto;}
  .projekty-zoznam > h2 {/* font-size: 1.35rem; */margin-bottom: 15px;margin-top: 30px;}
  #vsetky-kurzy > h2 {font-size:1.5rem; margin-top:20px; margin-bottom:30px}
  #colophon h1 {font-size: 1.5rem;margin-bottom: 0px;line-height: 1.7rem;}
  #newsletter {padding:15px}
  #colophon .wrap.bottom {padding:30px 0px;background-size: 80px;}
  #colophon .address {padding:5px;display:block;text-align:center;font-size: 1rem;line-height: 1.5rem;margin: 10px auto;text-align: center!important;}
  #colophon .address a {font-size:1rem}
  .copyright {text-align:center;width: initial!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;padding: 0px;margin-bottom: 0px;/* display: block; */padding-bottom: 20px;}
    .copyright div span {/* display:block; *//* padding: 5px; */margin-bottom: 0;margin-top: 0px;margin-left: auto;margin-right: auto;width: initial;}
  .copyright div span.copyright {width: 100%!important;}
    #colophon a.logo {margin-left:auto;margin-right:auto;display: inline-block;transform-origin: center;transform: scale(.75)!important;!i;!;margin: 20px auto;padding: 0px;width: 180px;}
    #colophon a.logo-city {/* display:inline-block; *//* width:150px; */}
  #colophon {padding-top: 20px;}
  #formular > h2 {font-size: 1.5rem;line-height: 2rem;margin: 0px auto;}
  .entry-content h2 {margin: 10px 0px;font-size: 1.5rem;line-height: 2rem;}
  .first b {margin:20px auto}
  .first, .second {display:block;width:initial;margin: 3px auto;}
  .wpcf7 {/* margin-bottom:10px; *//* margin-top: 30px; *//* position: relative; *//* z-index: 9999999999999; *//* background-color: white; */}
  .page article .entry-content {padding: 10px;}
  #vsetky-kurzy  {
    width: 100%;
}
  #vsetky-kurzy li {width:initial; max-width:300px; margin:20px auto; display:block;}
  #vsetky-kurzy li a b {font-size:1rem}
  #vsetky-kurzy li a b:after {display:none}
  .page .entry-header h1.entry-title {font-size:1.4rem;font-weight: bold;line-height:2rem;position: relative;margin-bottom: 0px;color: #22276b;/* margin-top: 60px; *//* background-color: #f1ae36; */}
  
    
    .page article .entry-content {margin:0px auto}
  #kurz h3 {font-size:.69rem}
  .page article .entry-content #kurz h1 {font-size: 1.35rem;line-height: 2rem;}
  .page article .entry-content #kurz h2 {font-size: 1.13rem;line-height:1.8rem;/* margin: 17px 0px; */}
  .page article .entry-content #kurz ul {padding:20px 10px;white-space: nowrap;overflow: scroll;}
  .page article .entry-content #kurz ul li {font-size: 1rem;font-weight:bold}
  .page article .entry-content #kurz ul li:before {margin-right: 10px;}
  #formular {overflow:initial;text-align: center;width: 100%;}
  .page article .entry-content {overflow:initial;padding: 20px;}
  #white .wpcf7:before {display:none}
  #objednat {max-width:260px; border-radius:10px;}
  #hodnoty h3:before {transform:scale(.7);margin-right: 5px;}
  .entry-content .komplexny-pristup {padding:15px}
  .entry-content ol#intervencia li {padding:20px}
  .entry-content ol#intervencia {margin:10px!important; padding:0;}
  .entry-content ol#intervencia li b {font-size:1.3rem; line-height:1.8rem}
  .single article .image {height: 30vh;min-height: 250px;}
  .single .entry-header h1.entry-title {font-size:1.3rem; line-height:1.9rem}
  .single article .entry-content {font-size:1rem;padding: 20px;}
  .btn {font-size: .98rem;}
    .projekty-zoznam a .btn {text-align:center; margin:10px auto}
    .top-slider .btn {margin:4px 4px}
     .row .btn {max-width: initial;display: inline-block;}
    #vsetky-kurzy li a.ain {position:relative;left:0;bottom: 0;}
  #vsetky-kurzy li a.ain.aktualizacne {position:relative;left:0;margin-top: 20px;margin-bottom: 20px;}
  #referencie div small {display:none}
  #referencie div a {max-width:90px;padding: 0px;}
  #referencie div img {max-width: 58px;padding: 5px;}
  #referencie div span {font-size: .8rem;line-height:1rem}
  #referencie h3 {font-size:1.5rem; line-height:1.8rem;}
  #referencie h4 {font-size:1rem}
  .kurzy-item .image {display:block; margin:0px auto}
  .kurzy-item .content {display:block; width:initial; margin:0px auto; }
  .kurzy-item {padding:20px 10px}
  .archive h1.page-title span {font-size:1.4rem;line-height: 1.6268rem;display: block;}
    .top-slider h1 b {font-size:1.6rem;line-height:2rem;font-size: 1.2rem;line-height: 3rem;}
    .top-slider h2 b {font-size:.9rem; line-height:1.35rem; padding:0px 20px}
    .top-slider #ceo {position: fixed;/* display: none; */transform-origin: right;transform: scale(.7);padding-right: 20px;max-width: 320px;bottom: -30px;}
    .fixedheader .top-slider #ceo {opacity:0}
    i.vyrobca1 {width:100px}
    i.vyrobca2 {width:70px}
    .gallery-item {width: calc(50% - 1px) !important;}
    .kurzy-item span {opacity:1}
    #page {padding-top: 90px;/* display: none; */}
    .kurzy-item h1 {min-height:initial;margin-bottom: 10px;}
    #kalkulacka {width:100%}
    #kalkulacka-holder #image-main {width:100%;}
    #colophon .address b {text-align:center;display: block;margin: 0px auto;}
    .copyright div {display:block;width:initial;text-align: center;}
    body #colophon:before {margin-top:-22px}
    .row {padding: 10px;flex-direction: column;display: flex;}
    .row .img {margin: 0px auto;}
    .gallery-cell .cycle-overlay h2 strong {font-size: 1.79rem;line-height: 1.7rem;}
    .gallery-cell .cycle-overlay h2 em {font-size: 1.24rem;line-height: 1.359rem;margin-bottom: 0px;margin-top: 5px;}
    .gallery-cell.left .cycle-overlay {margin: 0;position: relative!important;}
    .top-slider h2 {padding:40px;margin-top: 0;padding-top: 10px;padding: 30px 30px;text-align: center!important;}
    #mhead:after {margin-top: 3px;height: 0px;/* margin-bottom: -20px; */}
    .who-we-work-with .p2 {min-width:initial;margin: 10px auto;text-align:left;max-width: 400px;width: 100%;}
    .who-we-work-with .p1 {margin: 10px auto;order: 2;}
    .who-we-work-with .p2 a {font-size: 1.3rem;}
    .who-we-work-with {
    /* color: #61341d; */
    /* background-color: #f9f5ee; */
    padding: 40px 20px;
    background-image: url(), url(), url();
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: 70px, 70px, 60px;
    background-position: 90% -4%, 90% 99%, -1% 20%;
    text-align: left;
    text-align: center;
    order: 2;
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 100%;
    overflow: hidden;
}
body #colophon {background-size: 60px;}

    .projekty-zoznam a .top h2 {min-height:initial;text-align: center;}
    #banner {margin:10px;background-size:50%;background-position:100% 20%;margin-bottom:30px;text-align: center;}
	#banner p {margin:10px auto}
    #banner h2 {font-size:1.4rem;line-height:1.5rem;max-width: 100%;}
    .top-slider {height: auto;/* background-color: #61341d; */margin-top: 0px;width: 100%;display: block;}
    img.fi {opacity:1;/* width:100%; */margin-top:80px;position: relative;display: block;transform: none;width: auto;max-height: 39vh;max-width: 90%;}
    .gallery-cell {background-image:none!important;background-color: transparent;height: auto!important;text-align: center;}
    .gallery-cell .cycle-overlay {position: relative!important;margin-top: 0px;margin-left: auto;margin-right: auto;width: initial;margin-bottom: 0px;text-align: center;padding-left: 0px;padding-right: 0px;}
    .top-slider .flickity-viewport {/* height: 100vh!important; */}
    .page article .entry-content h1 {font-size:1.5rem;font-weight:bold;line-height: normal;}
    .page article .entry-content h2 {font-size:1.4rem; font-weight:bold;}
.top-slider h1 {text-align:center;margin-top: 0;padding-top: 0;padding: 0px 0px;/* padding-left: 0px; */}
.top-slider p {text-align:center;padding: 0px 10px 0px 10px;}
    .flickity-page-dots {bottom: 0px;}
    .card-grid {
    grid-template-columns: 1fr; /* one column on small screens */
  }

     .card {
    width: 100%;
    /* max-width: 300px; */
    margin: 0 auto;
  }


    #form {text-align:center;width:100%;margin: 0px auto!important;}
    html #newsletter .wpcf7 .wpcf7-submit {margin-top:3px;}
    #newsletter form label {text-align:center;}
    #colophon .wpcf7 p {display:block}


      .blue.page .entry-header h1.entry-title {color:#44c3cf;background-color: #143257;}
    .page article #image-main {background-blend-mode:initial}
     .a {
    flex: 1 1 100%; /* full width */
    flex-direction: column; /* stack image on top */
    max-width: 280px;
  }

  .a .image,
  .a .top {
    flex: none;
    width: 100%;

  }

    .projekty-zoznam {flex-wrap: wrap;
  justify-content: center; /* horizontal centering */
  align-items: center;     }

		  #banner:after {
					  position:relative;
					  width: 100%;
					  right: auto;
					  background-position: center;
					  height: 210px;
					  margin-top: 20px;
					  }		

	#produkty .clanky .blog-article .btn {margin-top:20px}
	.row .c {margin:10px;order: 2;margin: 0px auto;}

	i.search {position:absolute;top: 38px;right: 69px;left: initial;} 

	form.search-form {padding:20vh 10px;min-height:100vh;text-align:center;line-height:7rem;position:fixed;width:100%;margin: 0;border-radius: 0;left: 0;right: 0;max-width: 100%;top: 0;z-index: 9999;margin-right: 0!important;}
  body .ql-panel {left:0;right:0;margin:10px auto;max-width: 93%;bottom: 0px;}
#navigacia {padding: 5px;text-align: center;}
	#navigacia a {padding: 4px;}
	#form-dopyt #form-part, #form-dopyt #contact-part {display:block; width:initial;}
#form-dopyt {margin-top:20px}

	#o-nas-page .leftpart {display:block;margin:0px auto;width: initial;padding-right: initial;}
#o-nas-page .rightpart {width:initial;max-width:300px;max-width: 100%;}
	.onas {padding: 20px 10px;padding: 0;background-color: transparent;}
	.onas div {padding:10px;min-height: auto;}
	.boxes {display:block;width:100%;padding: 30px 10px 0px 10px;min-height: auto;}
	.boxes a h1 {margin-top:0px;font-size: 1.4rem;line-height: 1.7rem;margin-top: 20px;}
	.boxes a p {FONT-SIZE:1REM; line-height:1.7rem}
	.el2 {RIGHT:0}
	.boxes a:nth-child(1) {display:inline-block;PADDING: 0;}
	.boxes video {POSITION: RELATIVE;    TOP: 0;    LEFT: 0;   TRANSFORM: NONE;  WIDTH: 100%;}

	.top-slider small {margin-bottom:0px}
.first-row {margin-top:80px}
	.flickity-prev-next-button {top:40%}
}