@charset "UTF-8";
/*
Theme Name: VOP agentura.sk
Version: 99999999.7
*/
html {
	box-sizing: border-box;
	background-color: #0c162f;
	background-color: white;
}
body {
	font-size: 18px;
	color: #656565;
	/* color: black; */
	color: #1e1d1e;
}
*, *:before, *:after {
	box-sizing: inherit;
}
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;
	font-family: Arial, Helvetica, sans-serif;
	/* font-size: clamp(1.15rem, 2.6vw, 1.5rem); */
	font-weight: 900;
	line-height: 1.5;
	letter-spacing: -0.01em;
	font-family: "Manrope", sans-serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
	font-weight: 600;
}


body.home:before {content:"";width:100%;height:100%;position:fixed;background-color: #869e3f;z-index:2;transition: all .53s;top: 0;/* height: 0; */animation-delay: 0.0s;}
body.home.loading:before {height: 0;}
body.home:before {height:0}
h1, h2, h3, h4, h5, h6 {/* font-family: ff-cocon-pro, sans-serif; */font-weight: 400;font-style: normal;/* font-weight: bold; */}

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

h1 {
    font-size:3.4rem;
    line-height: 3.5rem;
}
.btn {
	 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: 7px 34px;
	 /* font-size: .8rem; */
	 text-transform: uppercase;
	 letter-spacing: 0px;
	 font-weight: normal;
	 border-radius: 30px;
	 /* font-family: ff-cocon-pro, sans-serif; */
	 font-weight: 700;
	 margin: 10px;
	 color: ##81993d;
	 color: #f4f3f3;
	 /* font-size: 34px; */
	 line-height: 2rem;
	 border: 2px solid rgba(255, 255, 255, 0.45);
	 background: rgba(0, 0, 0, 0.0);
	 transition: border-color 220ms ease, background-color 220ms ease, color 220ms ease;
	 background: rgba(255, 255, 255, 0.08);
	 backdrop-filter: blur(6px);
	 color: #81993d;
	 }
.btn:hover {color:#869e3f;border-color:white;background-color:white;color: #f36722;}
.btn:hover:after {transform:scale(.79)}

.popis.open .btn {margin-bottom:60px}
.video-holder .btn {color:white;margin-left: 0;}
.video-holder .btn:hover {color: #81993d;}

#mhead {
    /* background-color: white; */
    padding: 20px;
    font-size: 0;
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    left: 0;
    transition: all .4s;
    border-bottom: 2px solid rgba(255, 255, 255, 0.45);
    background: rgba(0, 0, 0, 0.0);
    transition: border-color 220ms ease, background-color 220ms ease, color 220ms ease;
    /* background: rgba(255, 255, 255, 0.08); */
    backdrop-filter: blur(6px);
    background-color: white;
    transition: all .3s;
}

#mhead:hover {/* background-color:white; *//* box-shadow: 1px 1px 20px rgba(0,0,0,0.1); */}


#mhead.hide {margin-top:-200px}

#page {padding-top: 130px;}

.fixedheader #mhead {position:fixed;/* border-bottom: 2px solid white; */background-color: white;box-shadow: 1px 1px 50px rgba(0,0,0,0.2);}
.logo {width: 209px;height: 48px;/* background-color:red; */display:inline-block;background-image: url(https://vopagentura.sk/wp-content/uploads/2026/04/logo.svg);background-repeat: no-repeat;background-position: center;position: relative;margin: 20px;vertical-align: middle;transform-origin: left;}
#mhead  #site-navigation {display:inline-block;width: calc(100% - 250px);font-size:18px;vertical-align: middle;text-align: right;}
#mhead #site-navigation li {display:inline-block;}
#mhead #site-navigation li.move a {padding-left:30px}
#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: #1e1d1e;font-weight: 600;}
#mhead #site-navigation li.current_page_item a{color:#869e3f}
#mhead #site-navigation li a:hover {color: #f36722;}
#mhead #site-navigation li .sub-menu a:hover {color:#869e3f}

#mhead #site-navigation li .sub-menu li a:after {
											   content:"";
											   display:block;
											   width:30px;
											   height:30px;
											   position: absolute;
											   right: 10px;
											   top: 8px;
											   background-image:url("https://lektorujeme.sk/wp-content/uploads/2024/12/arrow.svg");
											   background-repeat:no-repeat;
											   background-size:10px;
											   background-position:10px 12px;
											   transform:rotate(-90deg);
											  }

.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; */
} 

.logo i:nth-child(1) {
		margin-top: 1px;
		/* height: 12px; */
		-webkit-animation: contactTopW 1s ease-out .6s forwards;
		-moz-animation: contactTopW 1s ease-out .6s forwards;
		-ms-animation: contactTopW 1s ease-out .6s forwards;
		animation: contactTopW 1s ease-out .6s forwards;
	background-image:url(https://lektorujeme.sk/wp-content/uploads/2024/12/top-e.svg);
		background-size: 28px;
		background-repeat:no-repeat
}


.logo i:nth-child(2) {
		margin-top: 1px;
		-webkit-animation: contactTopW 1s ease-out .9s forwards;
		-moz-animation: contactTopW 1s ease-out .9s forwards;
		-ms-animation: contactTopW 1s ease-out .9s forwards;
		animation: contactTopW 1s ease-out .9s forwards;
	background-image:url(https://lektorujeme.sk/wp-content/uploads/2024/12/middle-e.svg);
		background-size: 22px;
		background-repeat:no-repeat
}


.logo i:nth-child(3) {
		margin-top: 1px;
		-webkit-animation: contactTopW 1s ease-out 1.2s forwards;
		-moz-animation: contactTopW 1s ease-out 1.2s forwards;
		-ms-animation: contactTopW 1s ease-out  1.2s forwards;
		animation: contactTopW 1s ease-out  1.2s forwards;
		background-image:url(https://lektorujeme.sk/wp-content/uploads/2024/12/top-e.svg);
		background-size: 28px;
		background-repeat:no-repeat
}






@-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: #869e3f;
    background-color: black;
    overflow: hidden;
    position: relative;
    /* width: 100%; */
    font-size: 0;
    margin: 0px 20px 20px 20px;
    max-height: 86vh;
    display: flex;
    align-items: center;
}
.video-holder:before {
        content:"";
        display:block;
        background-color: #869e3f;
        height:100%;
        width: 30%;
        display:block;
        border-radius: 0;
        position:absolute;
        z-index:99;
        top: 0%;
        right: -27%;
        left: 0;
        width: 0;
        transition: all .9s;
        width: 100vw;
        margin-left: 60%;
        /* background: linear-gradient(
        120deg,
        #f36722,
        #869e3f,
        #869e3f
    ); */
        background-size: 100% 100%;
        }
.loading .video-holder:before {}
.video-holder .over-video {position:absolute;text-align: left;color:white;z-index:9;left:0;right:0;/* margin-top: 90px; */width: 40%;left: 60%;z-index: 999;/* margin-top: 16%; */padding: 3vw;}
.video-holder .over-video h1 {/* font-size: 2.5rem; *//* line-height: 2.6rem; *//* font-weight: normal; */margin-bottom: 30px;}
.video-holder .over-video h2 {font-size: 1.5rem;line-height: 1.8rem;margin-bottom: 30px;margin-top: 30px;padding: 0px;}
.video-holder video {width:100%;opacity: 1;}



body #colophon {/* color: white; */background-color: #1e1d1e;background-color: black;position:relative;overflow: hidden;position: relative;z-index: 99999;}

#colophon {text-align:center;/* color: #a4a4a4; */padding-top: 0;}
#colophon h1 {font-size:2rem;font-size: 2rem;line-height: 3rem;margin-bottom: 50px;}
#colophon h2 {font-size:2rem;margin-bottom: 20px;}
#colophon .wrap {display:block;padding:20px;font-size: 0;padding-bottom: 0px;margin-bottom: 0px;/* background-color: #f36722; */}
#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);}
#colophon .address {display:inline-block;text-align: center;padding: 6vh;width: initial;vertical-align: bottom;/* border-bottom: 1px solid; */font-size: 1.5rem;/* padding-bottom: 40px; */border-right: 1px solid rgba(255,255,255,0.1);vertical-align: middle;}
#colophon .address a {/* color:#f36722; */color: white;display: inline-block;vertical-align: middle;}
#colophon .address.email {border-right:1px solid rgba(255,255,255,0.1)}
#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; */}

#colophon .address.fb {border-right:0}
#colophon .address.fb:before {content:"";display:inline-block;width: 40px;height:100px;/* background-color:red; */background-image: url(https://vopagentura.sk/wp-content/uploads/2026/06/fff.png);vertical-align: middle;background-position: 35px -100px;background-size: 30px;background-repeat: no-repeat;background-position: center;}

#colophon #footer-navigation {display:none}





.copyright {padding: 30px;font-size: .8rem;/* max-width: 1080px; */line-height: 1.3rem;margin: 0px auto;/* margin-bottom: 80px; *//* text-align: center; */font-weight: bold;text-align: left;display: flex;width: 100%;justify-content: space-between; /* pushes items to left & right */align-items: center; /* vertically aligns them */background-color: white;}
.copyright div {font-size:0;display:inline-block;vertical-align:middle;/* width: calc(100% - 280px); */text-align: left;max-width: 860px;}
.copyright div span {display:inline-block;/* width:50%; */display:inline-block;}
.copyright div span:nth-child(1) {/* text-align:left; */max-width: 460px;}
.copyright div span:nth-child(2) {text-align:right; font-size:1rem}
.copyright div span a {/* font-size: .7rem; *//* text-decoration: underline; */padding: 7px 7px 7px 0px;display: inline-block;/* color: white; */border-bottom: 1px dotted rgba(255,255,255,0.4);}
#colophon div span a:hover {/* color:#81993d; *//* color: #f36722; */}

#colophon a.logo {
    background-repeat: no-repeat;
    display: inline-block;
    /* width: 120px; */
    /* height: 40px; */
    vertical-align: middle;
    margin: 30px;
    /* margin-bottom: -39px; */
    background-position: center;
    }

#colophon a#certifikat-agentura, a#certifikat-agentura {/* max-width:180px; */font-weight: bold;text-align: left;line-height: 1rem;font-size: 0;/* width: 20%; */}
#colophon a#certifikat-agentura:before, a#certifikat-agentura:before {content:"";display:inline-block;width: 50%;height: 60px;/* display:block; */background-image:url(https://vopagentura.sk/wp-content/uploads/2026/05/min2.png);background-size:contain;background-position:center;background-repeat:no-repeat;margin-bottom: 0;vertical-align: middle;margin: 0px 0px;}
#colophon a#certifikat-agentura span, a#certifikat-agentura span {display: inline-block;vertical-align:middle;max-width: 50%;vertical-align: middle;font-size: .8rem;line-height: 1.02rem;padding: 0px 20px;color: #004c98;}
#colophon a#certifikat-agentura span small, a#certifikat-agentura span small {color: #e30613;display: block;}


.projekty-zoznam {
    text-align: center;
    /* white-space: nowrap; */
    width: 100%;
    /* overflow-x: scroll; */
    position: relative;
    padding: 60px 0px;
    /* display: none; */
    background-color: #1e1d1e;
    background: #fafafa;
    display: flex;
    gap: 30px;
    justify-self: stretch;
    align-items: center;
    text-align: center;
    align-items: center;
    /* max-width: 1900px; */
    margin: 0px auto;
    align-items: center;     /* vertical alignment */
    justify-content: center; /* horizontal alignment */
    overflow: hidden;
    background-color: #f5f7f9;
    background-color: white;
    /* max-width: 1570px; */
    /* background-color: red; */
}

.projekty-zoznam .info-news  {width: 20%;padding: 40px;/* max-width: 440px; */min-width: 360px;}
.projekty-zoznam .info-news h2 {margin-bottom:30px}
.projekty-zoznam .info-news  .btn {border:2px solid rgba(0,0,0, 0.1);margin-top: 50px;}
.projekty-zoznam #holder-novinky {}
.projekty-zoznam #holder-novinky a.a {}

.projekty-zoznam #holder-novinky {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  gap: 16px;
  overflow-x: auto;
  /* width: 80%; */
  max-width: 80%;
  justify-content: center;
  justify-content: left;
  /* background-color: blue; */
}

.projekty-zoznam #holder-novinky a.a {
  display: block;
  max-width: 420px; /* optional fallback */
  width: -webkit-fill-available;
  max-width: 420px;
}

.projekty-zoznam > h2 {/* font-size:2rem; */margin-top:30px;/* color: white; */padding: .5vw;z-index: 9;}

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

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

.projekty-zoznam a.a:hover {/* transform: scale(1.01); *//* transform: translateY(-10px); */box-shadow: 1px 1px 20px rgba(0,0,0,0.1);}
.projekty-zoznam a.a:hover .top h2 {color: initial;}
.projekty-zoznam a.a {/* color:white; *//* display: inline-block; */vertical-align: middle;margin:20px 5%;/* height: auto; */background:#1b1b1b;background: #f36722;text-align:center;border-radius: 0px;/* overflow: hidden; */padding: 0px;/* max-width: 370px; *//* min-width: 350px; */margin: 40px 20px;/* position: absolute; */margin-bottom: 70px;/* text-align: left; *//* color: #a4a4a4; *//* white-space: nowrap; */transition: all .2s ease-in-out;/* min-height: 440px; */display: flex;/* flex-flow: column; *//* flex-direction: column; *//* flex-wrap: nowrap; */align-self: stretch;flex: 1;              /* all take equal width */display: flex;flex-direction: column;/* height: 300px; *//* width: 440px; *//* max-width: 700px; */z-index: 9;overflow: hidden;}
.projekty-zoznam a.a:hover{background-color: white;}
.projekty-zoznam a.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.a .top {transition: all .2s;padding: 20px 40px 20px 40px;color: #737373;color: white;/* max-width: 780px; *//* margin: 0px auto; */text-align: center;/* white-space: normal; */height: auto;align-items: center;justify-content: center;display: flex;/* background-color: #0c162f; */width: 100%;min-height: 200px;align-items: center;position: relative;padding-bottom: 110px;}
.projekty-zoznam a.a:hover .top {color: initial;}
.projekty-zoznam a.a:hover .image {rgba(78, 33, 22, 0.2);
    background-color: rgba(12, 22, 47, 0.02);
}
.projekty-zoznam a.a .top .typ {margin: 0px auto;margin-bottom: 10px;}
.projekty-zoznam a.a .top .typ li {display:inline-block;color: #fcc964;text-transform: uppercase;font-size: .7rem;letter-spacing: 2px;background: #5c5c5c;padding: 5px 21px;border-radius: 20px;margin: 5px 10px 5px 0px;}
.projekty-zoznam a:hover .top .typ li {background:#dddddd;background-color: black;}
.projekty-zoznam a.a top h2 {
    /* font-family: 'Oranienbaum', serif; */
    font-size: 1.5rem;
    line-height: 2rem;
    /* font-weight: 300; */
    text-align: left;
    /* margin-bottom: 10px; */
    color: white;
    /* text-align: center; */
    align-items: center;
    justify-content: center;
    /* display: flex; */
    /* text-transform: uppercase; */
    /* font-size: clamp(2.4rem, 2.6vw, 8rem); */
    /* font-weight: 400; */
    }
.projekty-zoznam a.a .image {width:100%;display:block;background-size:cover;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;bottom: 0;/* min-height: 300px; */display: flex;min-height: 330px;height: 40vh;bottom: 0;max-height: 410px;}



#newsletter  form  {margin-top:30px;margin-bottom: 30px;}
#newsletter  form p {text-align:center;font-size: 0;}
#newsletter  form label {max-width:460px}
#newsletter  form label input {width:100%;/* border-color: white!important; */!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;color: white;}
#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;}






.ponuka-sluzby > h2 {text-align:center;padding: 5vh 20px;}




.cat-grid{
  /* width: 100%; */
  /* padding: clamp(18px, 3vw, 44px) 0; */
  padding: 0vh 0px 0px 0px;
  /* width: 90%; */
}

.cat-grid__wrap{
  /* width: min(1900px, 100vw); */
  margin: 0 auto;
  display: grid;
  gap: 12px;
  padding: 20px;
}

/* Mobile: 1 column */
.cat-card{
  position: relative;
  display: block;
  border-radius: 0;
  overflow: hidden;
  text-decoration: none;
  min-height: 220px;
  background: #111;
  outline: none;
}

.cat-card__media{
  position: absolute;
  inset: 0;
}

.cat-card__media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;

  /* start slightly zoomed in -> hover zooms OUT */
  transform: scale(1.08);
  transition: transform 320ms ease;
  /* object-position: right; */
}

.cat-card__media img {
	object-position:right
}

.cat-card__shade{
  position: absolute;
  inset: 0;
  background: radial-gradient(70% 70% at 50% 50%, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.55) 70%, rgba(0,0,0,0.70) 100%);
  pointer-events: none;
  opacity: .5;
  transition: all .4s;
}

.cat-card:hover .cat-card__shade {opacity:1}

.cat-card__content{
  position: relative;
  z-index: 1;
  height: 100%;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* padding-top: 70px; */
}

.cat-card__content--center{
  justify-content: center;
  text-align: center;
}

.cat-card__title{
  margin: 0;
  color: #f4f3f3;
  font-weight: 800;
  line-height: 1.97rem;
  font-size: 1.85rem;
  text-shadow: 0 2px 18px rgba(0,0,0,0.35);
  margin-bottom: 20px;
  text-align: center;
  font-weight: normal;
}

.cat-card__arrow{
  position: absolute;
  right: 0;
  bottom: 0px;
  left: 0;
  margin: 0px auto;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #f4f3f3;
  font-size: 34px;
  line-height: 1;
  border: 2px solid rgba(255, 255, 255, 0.45);
  background: rgba(0,0,0,0.0);
  transition: border-color 220ms ease, background-color 220ms ease, color 220ms ease;
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(6px);
  transition: all .3s;
}


.top .cat-card__arrow {/* position:relative; *//* display:inline-block; *//* vertical-align:middle; */bottom: initial;right: initial;/* display: inline-flex; */text-align: center;/* flex-basis: content; */margin-top: 40px;right: 20px;right: 0px;bottom: 20px;}


.cat-card__arrow-icon{
  width: 22px;
  height: 22px;
  display: block;
}

.member .cat-card__arrow-icon {fill: #f36722;opacity: 1;color: #f36722;}
.member:hover .cat-card__arrow-icon {color:white}
.member .cat-card__arrow {right:0px;margin-right: 20px;border: 2px solid #f36722;}
.member:hover .cat-card__arrow {border:2px solid white}


/* Hover stays the same */
.cat-card:hover .cat-card__arrow,
.cat-card:focus-visible .cat-card__arrow{
  color: #d9ad36;
  border-color: #d9ad36;
  background: rgba(0,0,0,0.22);
}



/* Hover/focus effects */
.cat-card:hover .cat-card__media img,
.cat-card:focus-visible .cat-card__media img{
  transform: scale(1.0); /* zoom OUT */
}

.cat-card:hover .cat-card__arrow,
.cat-card:focus-visible .cat-card__arrow,

a.a:hover .top .cat-card__arrow {
  color: black;
  border-color: white;
  background: rgba(0,0,0,0.22);
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(6px);
  transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
  background: rgba(255, 255, 255, 0.16);
  border-color: rgba(255, 255, 255, 0.7);
  /* transform: translateY(-2px); */
  background-color: #f36722;
  border-color: #f36722;
}

/* Two columns on wider screens */
@media (min-width: 720px){
  .cat-grid__wrap{
    grid-template-columns: 1fr 1fr;
  }
  .cat-card{
    min-height: 260px;
  }
}

/* Desktop layout like the screenshot */
@media (min-width: 1024px){
  .cat-grid__wrap{
    grid-template-columns: 2fr 1fr;
    grid-template-rows: 240px 320px;
    gap: 14px;
  }

  /* left top is two small tiles */
  .cat-card--a{
    grid-column: 1;
    grid-row: 1;
  }
  .cat-card--b{
    grid-column: 1;
    grid-row: 1;
  }

  /* Make left top split into two columns using an inner grid trick:
     We turn the first row into a 2-col subgrid by wrapping A+B in extra markup normally,
     but since you want pure HTML as-is, we simulate with column spans:
     - A uses left half via clip using width constraints not possible in grid.
     
     Better: add a wrapper for A+B if you want exact split. See note below.
  }

  /* For accurate layout without extra wrapper, we instead do this:
     Use 3 columns overall: [left-half][left-half][right]
  */
  .cat-grid__wrap{
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 40vh 40vh;
  }

  .cat-card--a{ grid-column: 1 / 2; grid-row: 1; }
  .cat-card--b{ grid-column: 2 / 3; grid-row: 1; }
  .cat-card--c{ grid-column: 1 / 3; grid-row: 2; }
  .cat-card--d{ grid-column: 3 / 4; grid-row: 1 / 3; }

  .cat-card{ min-height: unset; }
}






/*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;
}

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:initial}
.wpcf7 {padding-bottom:10px;text-align: center;display: block;max-width: 690px;/* margin: 10px auto 0px !important; */padding-left: 15px;padding-right: 15px;border-radius: 0px;margin: 40px auto;margin-bottom: 100px;padding-bottom: 120px;}
.wpcf7 label {max-width: 550px;display: inline-block;width: 100%;margin-bottom: 5px;position: relative;}

.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;}


.wpcf7 .wpcf7-acceptance label {text-align:left; width:100%; display:block;padding-left: 0;max-width: 100%;}
.wpcf7 .wpcf7-acceptance label span {display: inline-block;/* font-size: .8rem; */width: calc(100% - 60px);}
#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: 2px;max-width: 500px;-webkit-appearance: none;appearance: none;color: #0c162f;border-color: #fff;background-color: rgba(0,0,0,0.05);outline: 0px;background-color: #f5f7f9;border: 2px solid black;/* 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-block;box-sizing: border-box;border-radius: 0;border: 2px solid #fff;font-size: .9rem!important;width: 100%;}
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://lektorujeme.sk/wp-content/uploads/2024/12/arrow.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: 11px;appearance: none !important;min-width: 140px;}
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 .wpcf7-submit {box-shadow: none;text-align: center;display: inline-block;border: 0px;outline: none;/* padding: 18px 20px; */background-color: white;appearance: none;background-repeat: no-repeat;background-position: 95% center;background-size: 24px;/* color: white; *//* color: #5ca038; */transition: all 0.4s ease 0s;-webkit-transition: all .4s ease-in-out;margin-left: 0px;font-size: 1.1rem;/* text-transform: uppercase; *//* letter-spacing: 2px; *//* font-weight: normal; */border: 1px solid #0c162f;border: 2px solid;margin-top: 0px;width: auto;margin-left: auto;margin-right: 0;padding: 11px 30px;border-radius: 30px;}
html .wpcf7-submit:hover {background-color: white;color: #5a6771;color: #f36722;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: 9px 0px;display:block}
html span.wpcf7-not-valid-tip {/* display: none; */}
html input.wpcf7-not-valid, textarea.wpcf7-not-valid { border-left: 3px solid red; }
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {}
#colophon .wpcf7 p { display: inline-block; margin: 0px; }
.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: initial;padding: 4px;}
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; }

#flak {overflow:hidden;text-align: center;}
#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; }
@-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;
}

#formular p {/* max-width: 500px; */text-align: left;margin: 0px auto;/* display: inline-block; *//* max-width: 0%; */padding: 0px 0px;font-size: .9rem;line-height: 1.2rem;}

.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: 0px; */background-color: transparent;}

form {/* font-size:0; *//* text-align: left; *//* text-align: left; *//* margin: 30px 0px; */max-width: 450px;margin: 0px auto;/* box-shadow: 1px 1px 20px rgba(0,0,0,0.1); */line-height: 1.3rem;}
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;}



/*CF*/

.wpcf7 {background-color: white;padding:20px;/* color: white; */position: relative;z-index: 9;box-shadow: 1px 1px 20px rgba(0,0,0,0.1);padding-bottom: 60px;}

.wpcf7 p input {margin-top: 0px;}
.wpcf7 p textarea {margin-top:10px;max-height: 80px;}
#white .wpcf7 {background-color:#fff;padding:20px;color: #0c162f;/* box-shadow: 1px 1px 20px rgba(0,0,0,0.1); */}
#white .wpcf7:before {content:"";/* background: #869e3f; */width: 570px;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: -45px;}
#white:hover .wpcf7:before {transform:scale(1.01)}
#white .wpcf7 p {background-color:#fff;padding: 5px;color: #0c162f;}
#white .wpcf7 input, #white .wpcf7 textarea {/* color: #0c162f; *//* border-color:#0c162f; */}
#white ::-webkit-input-placeholder { color:#0c162f; }
#white .wpcf7 .wpcf7-submit {color:#869e3f}

#white .wpcf7 .wpcf7-submit:hover {color: #f36722;border-color: #869e3f;}

.ikons {text-align:center;padding-bottom: 0px;font-size: 0;position: relative;overflow: hidden;/* background-color: #1e1d1e; *//* background-color: #f5f7f9; */padding-bottom: 100px;}
.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: 397px;/* background-color: white; *//* border-radius: 20px; */padding: 20px 20px 40px 20px;margin: 20px;transition: all .83s ease-in-out;}
.ikons div:hover {/* background-color: rgba(255,255,255,0.5); */}
.ikons div a:before {content:"";margin: 20px auto;width:90px;height: 90px;/* background-color: red; */display:block;background-repeat:no-repeat;background-position:center;background-size: 236px;background-image: url("https://vopagentura.sk/wp-content/uploads/2026/04/ikonky-black.svg");opacity: .27;transition: all .3s;}
.ikons div a:hover:before {opacity:1}
.ikons div a {color: rgba(255,255,255,0.4);color: #1e1d1e;font-size: 1.27rem;/* border-bottom: 1px dotted; */transition: all .3s;font-weight: normal;/* max-width: 40px; */}
.ikons div a b {/* display:block; */}
.ikons div a:hover {color: #81993d;}
.ikons div:nth-child(1) a:before {/* background-image: url("https://hermeda-eshop.matoremes.sk/wp-content/uploads/2024/07/icons-2.svg"); *//* background-size: 370px; */background-position: 16px 18px;}
.ikons div:nth-child(2) a:before {/* background-image: url("https://hermeda-eshop.matoremes.sk/wp-content/uploads/2024/07/icons-6.svg"); */background-position: -77px 18px;}
.ikons div:nth-child(3) a:before {/* background-image: url(""); */background-position: -175px 18px;}




.anim {
    transition: all 0.3s ease;
}

/* Hover gradient effect */
.anim:hover {
    background: linear-gradient(
        120deg,
        #f36722,
        #869e3f,
        #f36722
    );
    background-size: 100% 100%;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    animation: textGradientMove 6s ease-in-out infinite;
}

/* Smooth moving gradient */
@keyframes textGradientMove {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}




h1.entry-title {text-align:center;/* color: #869e3f; */font-size: 1.82rem;background-color: #0c162f;padding: 15px;/* border-top: 1px solid #869e3f; */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:#869e3f;margin:20px auto;background-color: #f5f7f9;padding:40px;text-align: center;margin-top: 70px;} 
.entry-content .komplexny-pristup h2 {color:#869e3f}
.width {max-width:800px;margin:30px auto;/* color: #1e2842; */}


.entry-content h2 {font-size:2.1rem;margin: 30px auto;}
.entry-content h3 {font-size: .98rem;margin: 40px auto;font-weight: 600;/* opacity: .7; */text-transform: uppercase;letter-spacing: 2px;color: #81993d;}
.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("https://lektorujeme.sk/wp-content/uploads/2024/12/icons-6.svg");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: #869e3f;}
.entry-content p {
    font-size: 1.1rem;
    line-height: 1.49rem;
    padding: 7px 0px;
    font-weight: 600;
}
.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: 0px auto;text-align: center;overflow: hidden;/* line-height: 2rem; */}
#formular > h2 {
        max-width:560px;
        line-height: 3rem;
        font-size: 2rem;
        z-index: 2;
        position: relative;
        padding: 50px;
        padding-bottom: 0px;
        font-weight: 100;
        /* color: white; */
        color: #869e3f;
        color: #f36722;
        background: linear-gradient(
        120deg,
        #f36722,
        #869e3f,
        #f36722
    );
        background-size: 100% 100%;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        animation: textGradientMove 6s ease-in-out infinite;
        font-weight: 500;
        }

#formular {
    width: 100vw;
    height: 90vh;
    /* min-height: 90vh; */
    position: relative;
    overflow: hidden;
    /* display: flex; */
    align-items: center;
    height: fit-content;
    padding-bottom: 60px;
    /* margin-top: -48px; */
    /* margin: 0px auto; */
}

#formular.copy-holder {
    height: auto;
	 display: flex; 
}

/* Base soft glow layer */
#formular::before, #flak::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 20% 60%, rgba(243, 103, 34, 0.15), transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(134, 158, 63, 0.45), transparent 55%),
        radial-gradient(circle at 60% 20%, rgba(243, 103, 34, 0.75), transparent 50%);
    filter: blur(80px);
    animation: moveBlobs 2s ease-in-out infinite alternate;
    /* transform: scale(.1); */
    width: 50%;
    height: 50%;
    left: 20%;
    top: 20%;
    max-height: 40vh;
    max-width: 70vw;
    /* position: fixed; */
    /* position: static; */
}

.projekty-zoznam::before, .projekty-zoznam::before {opacity:0}

/* Secondary subtle layer */
#formular::after, #flak::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 70% 40%, rgba(134, 158, 63, 0.858), transparent 40%),
        radial-gradient(circle at 30% 30%, rgba(243, 103, 34, 0.28), transparent 60%);
    filter: blur(100px);
    animation: moveBlobsReverse 90s ease-in-out infinite alternate;
    width: 58%;
    height: 58%;
    top: 30%;
    left: 30%;
    max-height: 40vh;
    max-width: 70vw;
    /* position: fixed; */
    /* position: static; */
}

@keyframes moveBlobs {
    0% {
        transform: translate(0%, 0%) scale(1);
    }
    50% {
        transform: translate(-5%, 5%) scale(1.1);
    }
    100% {
        transform: translate(5%, -5%) scale(1);
    }
}

@keyframes moveBlobsReverse {
    0% {
        transform: translate(0%, 0%) scale(1);
    }
    50% {
        transform: translate(5%, -5%) scale(1.15);
    }
    100% {
        transform: translate(-5%, 5%) scale(1);
    }
}

.first {display:inline-block;width:50%;vertical-align: middle;font-size:initial;max-width: 480px;min-width: 250px;position: relative;z-index: 9;margin-top: -40px;}
.first a {font-size: 1.4rem;font-weight: 600;}


.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:#869e3f;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: #869e3f;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;}


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


.first b {/* font-size: 1.34rem; *//* line-height: 1.8rem; */max-width: 430px;margin: 0px 40px 0px 40px;display:block;margin-top: 0;margin-bottom: 50px;padding: 20px;font-weight: 600;}
#formular .first p {text-align:center; line-height:1.6rem}

.second {display:inline-block;width:50%;vertical-align:middle;font-size:initial;max-width: 480px;position: relative;min-width: 340px;position: relative;z-index: 3;}


#colophon a:hover {color: #f36722;}

#lektori {
    padding: 0px;
    text-align: center;
    background-color: #0c162f;
    /* max-width: 1200px; */
    /* text-align: center; */
    /* padding-bottom: 100px; */
    /* background-color: #869e3f; */
    background-color: white;
    /* max-width: 1060px; */
    margin: 0px auto;
}

#lektori.inrow {padding:0}
.first a {color:black}
.first a:hover {color: #f36722;}
.cv {/* max-height: 233px; *//* overflow:hidden; *//* display: none; *//* overflow: auto; */margin-bottom: 10px;transition: all .3s;width: 100%;padding: 0px;}

.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: 1080px;
    /* text-align: center; */
    margin: 0px auto;
}



 .member {
    /* width: 350px; */
    max-width: 570px;
    font-size: 1.0rem;
    line-height: 1.5rem;
    margin: 18px;
    border-radius: 0;
    padding: 20px;
    background-color: #fafafa;
    background-color: #f5f7f9;
    transition: all .3s;
    flex: 1 1 329px; /* Grow and shrink each .member, but ensure a max width */
    display: flex; /* Make .member itself a flex container */
    flex-direction: row; /* Ensure its children stack vertically */
    justify-content: flex-start; /* Center child elements horizontally */
    align-items: center; /* Center child elements vertically */
    text-align: left;
    /* width: 90vw; */
    align-self: flex-start;
    position: relative;
    z-index: 9;
}
 .member:hover {background-color: #f36722;/* border-radius: 0; */box-shadow: 21px 31px 60px rgba(0,0,0,0.082);/* border: 2px solid #f36722; */}
 .member .cv em {font-style:normal; font-weight:normal; opacity:.7}
 .member:hover .cv {color:white}
 .member:hover .cv strong {color:white}


.profil-pdf {border-radius:20px;background-color:white; padding:0px 20px; font-size:.8rem; text-transform:uppercase;; letter-spacing:2px; display:inline-block}
.profil-pdf:after {content:".pdf";color: #f36722;font-size: .6rem;}
.member .cv {text-align:left;/* padding: 0px 70px 50px 70px; */}
 .member .cv b {opacity:1;font-weight:normal;display:block;/* padding:20px; */font-size: inherit;margin: 0px;max-width: initial;/* display: none; */padding: 20px 0px;margin-bottom: 30px;font-size: .98rem;transition: all .3s;overflow: hidden;max-height: 0px;padding: 0px;}
 .member .cv strong {/* display:block; */text-align:center;font-size: 1.5rem;color: #869e3f;/* font-family: ff-cocon-pro, sans-serif; */ff-cocon-pro, font-family: sans-serif;font-weight: 400;padding-bottom: 9px;line-height: 1.5rem;margin-top: 10px;/* color: #f36722; *//* margin: 60px; */display: block;text-align: left;}


 .member.open-member .cv b {display:block;max-height: 900px;padding: 20px 0px;}
 .member.open-member .cat-card__arrow {transform:rotate(-90deg); margin-bottom:20px}


#lektori > h2 {/* font-size:2rem; */padding: 0px;text-align:center;/* color:white; *//* color: #869e3f; */}

#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: 830px;text-align:left;/* padding: 0; */display: block;margin: 0vh auto;padding: 39px;position: relative;z-index: 999;vertical-align: middle;}
#info b {font-size: 1.8rem;line-height: 2.4rem;font-weight:100;display:block;margin-bottom:40px;margin-top:20px;color: #f36722;background: linear-gradient(120deg, #f36722, #869e3f, #f36722);background-size: 100% 100%;-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation: textGradientMove 6s ease-in-out infinite;/* font-style: italic; *//* text-align: center; *//* font-weight: 400; */}

img.cert {
    width: 100%;
    max-width: 800px;
    box-shadow: 1px 1px 20px rgba(0,0,0,0.3);
    margin: 10px 0px;
}

/* Simple elegant list styling + subtle animation */

#lektori ul {
  list-style: none;
  padding: 0;
  margin: 20px 0 30px;
}

#lektori ul li {
  position: relative;
  padding-left: 26px;
  margin-bottom: 10px;
  line-height: 1.6;
  opacity: 0;
  animation: fadeInList 0.6s ease forwards;
}

/* soft stagger */
#lektori ul li:nth-child(1) { animation-delay: 0.1s; }
#lektori ul li:nth-child(2) { animation-delay: 0.2s; }
#lektori ul li:nth-child(3) { animation-delay: 0.3s; }
#lektori ul li:nth-child(4) { animation-delay: 0.4s; }
#lektori ul li:nth-child(5) { animation-delay: 0.5s; }

/* custom bullet */
#lektori ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 8px;
  height: 8px;
  background: #869e3f; /* change to your brand color */
  border-radius: 50%;
  /* background: linear-gradient(120deg, #f36722, #869e3f, #f36722); */
  /* background-size: 100% 100%; */
}

/* animation */
@keyframes fadeInList {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


#info strong {display:block; font-size:1.4rem; margin:20px auto}
.image-container {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: inline-block;
    border-radius: 0%;
    line-height: 0;
    font-size: 0;
    margin: 20px;
    transition: all .4s;
    /* transform:scale(.8); */
    padding: 0px;
    max-width: 220px;
    /* margin-top: 70px; */
    /* margin-left: 0; */
    /* margin-right: auto; */
    background-color: white;
    align-content: flex-end;
    align-content: flex-start;
    display: flex;
}
.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 */
    opacity: .89;
}

/* 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:#0c162f; */}

.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 #869e3f;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("https://lektorujeme.sk/wp-content/uploads/2024/12/icons-3.svg");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: 710px;bottom: 120px;font-size: 2.48rem;line-height: 3rem;left: 0;right: 0;margin-left: auto;margin-right: auto;padding: 30px;background-color: transparent;color: white;/* bottom: 30%; */font-weight: 100;}
.single .entry-header small {color:white;position:absolute;top:100px;text-align:center;width:100%;left:0;right:0;opacity: .75;font-size: .802rem;text-transform: uppercase;letter-spacing: 2px;z-index: 9;}
.single .entry-header  .btn {position:absolute;bottom: 60px;left:0;right:0;margin:0px auto;/* max-width: 270px; */text-align:center;/* padding: 25px 20px; */color:white;display: inline-table;}
.single .entry-header  .btn:hover {/* color:#869e3f; */color: #f36722;}

.single article .entry-content {margin: 0px auto;max-width: 750px;padding:20px;font-size:1.3rem;line-height: 2.3rem;/* background-color: white; *//* color: black; */padding: 40px 60px;}

.single article .entry-content .btn {margin-top:20px; margin-bottom:20pxrevert}
.single article .entry-content.clanok-content {}
.single article .entry-content.clanok-content {}
.single article #formular.clanok-header {padding:40px;max-width: 100%;/* max-height: 70vh; */}

.single article .image {height: 70vh;/* min-height: 530px; */background-size: cover;position: relative;/* max-width: 1630px; */margin-left: auto;margin-right: auto;background-position: top;background-color: rgba(0,0,0,0.2);background-blend-mode: multiply;/* border-radius: 20px; */line-height: 0;overflow: hidden;margin: 0px auto;padding: 0px;/* max-width: 1010px; *//* border-bottom-right-radius: 250px; */}

.single article .entry-content .btn {/* color:#869e3f; */border:2px solid #869e3f;}
.single article .entry-content .btn:hover {/* border-color:#0c162f; */}

	.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: #0c162f; */}
.page article .entry-content {margin:20px auto;/* max-width: 750px; */padding:20px;font-size: 1.13rem;line-height:1.8rem;/* background-color: white; *//* color: black; *//* padding: 80px 60px; */position: relative;overflow: hidden;}
.page article .post-thumbnail {max-height: 60vh;background-size: cover;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: #0c162f;}
.page article .post-thumbnail img {transition: all .3s; width:100%!important;height:auto!important;max-width: 100%!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;opacity: .65;}


#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: #869e3f;
    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:#869e3f}
#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:#869e3f;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: #869e3f;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: #869e3f;}


i.plus {display: inline-block;width: 60px;height: 60px;border: 3px solid #869e3f;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:#869e3f; 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:#869e3f; 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:#869e3f}
.page article .entry-content #kurz  ul li:before {
												  content:"";
												  width: 60px;
												  height: 41px;
												  display:inline-block;
												  vertical-align:middle;
												  background-image:url(https://lektorujeme.sk/wp-content/uploads/2024/12/icons-6-1.svg);
												  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: 8px 20px;
    line-height: 1rem;
    /* font-size: 0.8rem; */
    color: #0c162f;
    padding-right: 32px!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
}

#site-navigation ul.sub-menu li a:hover {
}

#site-navigation li {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    transition: all .23s;
}


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

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

#site-navigation li:hover > ul {
    max-height: 1000px;
    padding-top: 20px;
    padding-bottom: 20px;
    box-shadow: 1px 11px 20px rgba(0,0,0,0.4);
}

#site-navigation li:hover > ul {
    overflow: visible;
}

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

#site-navigation ul.sub-menu li {
	display:block!important;
	padding:10px 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;!;
}

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

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


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



#mhead:before {
			   content:"";
			   width:100vw;
			   height:4px;
			   background-color: #f36722;
			   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: 0;overflow: hidden;margin: 10px;background-color: #f5f7f9;position: relative;}
#vsetky-kurzy li:hover {background-color: #81993d;}
#vsetky-kurzy li a {}
#vsetky-kurzy li:hover a {color:white}

#vsetky-kurzy li a.ain {display:inline-block;background-color: #0c162f;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;display: none;}
#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(https://lektorujeme.sk/wp-content/uploads/2025/01/inovacne-vzdelanie-300x200.jpg);}
#vsetky-kurzy li a.ain.skolsky-kalendar {left: 288px;}

#vsetky-kurzy li a.ain:hover {color:#0c162f; }
#vsetky-kurzy li a.ain.aktualizacne span {background-image:url(https://lektorujeme.sk/wp-content/uploads/2025/01/inovacne-lektorujeme-300x170.jpg)}

#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("https://lektorujeme.sk/wp-content/uploads/2024/12/arrow.svg"); */
											   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(https://lektorujeme.sk/wp-content/uploads/2024/12/lektorujeme-vzdelavacie-institucie-1536x1024.jpg);}
#vsetky-kurzy li#menu-item-133 i {background-image:url(https://lektorujeme.sk/wp-content/uploads/2024/12/lektorujeme-zdravotnici-lakrka-1024x658.jpg);}
#vsetky-kurzy li#menu-item-154 i {background-image:url(https://lektorujeme.sk/wp-content/uploads/2024/12/lektorujeme-psycho-socialne-vycviky-1024x650.jpg);}
#vsetky-kurzy li#menu-item-158 i {background-image:url(https://lektorujeme.sk/wp-content/uploads/2024/12/lektorujeme-statna-sprava-1536x981.jpg);}
#vsetky-kurzy li#menu-item-173 i {background-image:url(https://lektorujeme.sk/wp-content/uploads/2024/12/lektorujeme-firmy-1024x567.jpg);}
#vsetky-kurzy li#menu-item-172 i {background-image: url(https://lektorujeme.sk/wp-content/uploads/2024/12/security-1024x685.jpg);}
#vsetky-kurzy li#menu-item-894 i {background-image: url(https://lektorujeme.sk/wp-content/uploads/2025/11/Specialne_kurzy.jpg);}



.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: #869e3f;
    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: #869e3f;
    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: #869e3f;
    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: #869e3f;
    color: #869e3f;
}

.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;}











/*eshop*/


.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {width:initial!important;float: none!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;clear: both;}
#basicinfo {text-align:center}
#lectors {/* text-align:center; */}
#strengths {/* text-align:center; */}
#description {text-align:center}
#featured-image {text-align:center}
body.woocommerce-checkout article .entry-content {
    max-width: 1240px;
} 

body.woocommerce-cart article .entry-content {
    max-width: 1240px;
}

html .wc-block-components-button {}


.single-product form.cart .quantity input, html .wc-block-components-button, button.wp-element-button  {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, .wp-element-button {text-align:center;font-size:1.3rem;color:#869e3f;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: #869e3f;color: white;font-family: inherit;font-family: ff-cocon-pro, sans-serif;/* display: inline-block!important; */!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;}
#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;}

html .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button .wc-block-components-checkout-place-order-button__text {display:initial;}

/**/

.summary #l-part {display: inline-block;/* flex-direction: column; */width: 20%;vertical-align: top;}
.summary #r-part {display:inline-block;vertical-align: top;max-width: 70%;text-align: left;padding: 0px 40px;/* display: flex; *//* flex-direction: column; */}


#strenghts {}



#strenghts p{
  color:#525252;
  font-size:12px;
}
#strenghts .Count:after{
  content:"%"
}

.skillbar {
	position:relative;
	display:block;
	margin-bottom: -13px;
	width:100%;
	background: #f5f7f9;
	background: #f5f7f9;
	/* background: rgba(0,0,0,0.1); */
	height: 15px;
	border-radius: 23px;
	-moz-border-radius: 23px;
	-webkit-border-radius: 23px;
	-webkit-transition:0.4s linear;
	-moz-transition:0.4s linear;
	-ms-transition:0.4s linear;
	-o-transition:0.4s linear;
	transition:0.4s linear;
	-webkit-transition-property:width, background-color;
	-moz-transition-property:width, background-color;
	-ms-transition-property:width, background-color;
	-o-transition-property:width, background-color;
	transition-property:width, background-color;
}

.skillbar-title {
	position:absolute;
	top: -31px;
	left:0;
	/* width: 179px; */
	font-weight:bold;
	font-size: .9rem;
	color: #0c162f;
	text-align: left;
	/* line-height: 1.3rem; */
	background: transparent;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}

.skillbar-title span {
	display:block;
	/* background:rgba(0, 0, 0, 0.1); */
	padding: 0 0px;
	height:35px;
	line-height: 25px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	/* border-top-left-radius:3px; */
	/* border-bottom-left-radius:3px; */
	/* position: absolute; */
	/* margin-top: -30px; */
	font-weight: bold;
	font-size: .8rem;
}

.skillbar-bar {
	height: 15px;
	width:0px;
	background: #869e3f;
	background: #f36722;
	border-radius: 3px;
	-moz-border-radius:3px;
	-webkit-border-radius: 23px;
	margin-top: 45px;
	/*background:radial-gradient(circle at 20% 60%, rgba(243, 103, 34, 1.25), transparent 100%),
        radial-gradient(circle at 80% 70%, rgba(134, 158, 63, 1.25), transparent 100%),
        radial-gradient(circle at 50% 00%, rgba(243, 103, 34, 1.15), transparent 100%)*/
}

.skill-bar-percent {
	position:absolute;
	left: 10px;
	top:0;
	font-size: 0;
	height: 25px;
	line-height: 25px;
	color:#ffffff;
	color: #0c162f;
	font-weight: bold;
}

.skill-bar-percent:after {content:"%"}




.summary #r-part #basicinfo h2 {margin-bottom:30px}
.summary #r-part #basicinfo {order: 3;text-align:left;/* padding: 0px 40px 20px 40px; */max-width: 600px;line-height: 1.9rem;}
.summary #r-part {text-align:left;/* max-width: 950px; */ #flexdisplay: flex;/* flex-direction: column; */}
.summary #r-part #lectors {order: 1;}
.summary #r-part #lectors .members {display: block;text-align: left;overflow-x: auto;/* white-space: nowrap; */padding: 20px 20px 20px 0px;}
.summary #r-part #lectors .members .member {display:inline-block;vertical-align:top;white-space:normal;text-align:center;max-width: 300px;}




.summary #r-part #lectors .member {
    flex: 1 1 300px;
}
.summary #r-part #lectors .member .cv b {font-size:.8rem}
.summary #r-part #lectors h2 {margin-top:30px}


/*.page-template-kurzy-1*/ article .entry-content p.popis-kurzov {max-width:980px;margin:0px auto;font-size: 1.2rem;text-align: center;}
.kurzy {padding: 60px 0px;margin-bottom: 100px;display: flex;display: flex;gap: 30px;/* justify-self: stretch; *//* align-items: center; *//* text-align: center; *//* align-items: center; *//* max-width: 1900px; */margin: 0px auto;align-items: center;justify-content: center;/* overflow: hidden; */max-width: 1300px;align-items: flex-start;}

.kurzy{
  display: flex;
  flex-wrap: wrap;
  /* text-align: center; */
  /* max-width: 1900px; */
}
.kurzy > * {
  width: 50%;
}
.kurzy > *:nth-child(3) {
  width: 100%;
  /* display: block; */
}
#kurzy-zoznam {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(390px, 450px));
    justify-content: center;
    /* justify-items: center; */
    gap: 20px;
}

.kurzy-group-title {
    grid-column: 1 / -1;
    width: 100%;
    display: block;
}
.kurzy-group-title {
    margin: 30px 0 30px;
    padding-bottom: 15px;
    /* border-bottom: 1px solid #999; */
    font-size: 1.3rem;
    font-weight: 700;
    text-align: left;
    padding-left: 10px;
}


.kurzy-container {/* max-width:980px; */text-align: center;margin: 0px auto;} 
.kurzy-container h2 {text-align:center;margin: 30px;margin-top: 10px;/* font-size: 1.5rem; *//* display: inline-block; */text-align: left;max-width: 430px;font-weight: bold;}

.kurzy-container .category-description {text-align:center;margin: 0px auto 40px auto;/* font-size: 1.5rem; */max-width: 680px;text-align: left;display: inline-block;vertical-align: middle;/* display: flex; */align-items: center;padding: 0px 40px;}

.kurzy-container h2 small {
    display:block;
    opacity: .75;
    font-size: .802rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 1rem;
    margin-bottom: 7px;
    }
.kurzy-item {transition: all .3s;background-color:#f5f7f9;display: inline-block;border-radius: 0px;margin: 10px 10px;padding: 0px;font-size: 0;overflow: auto;/* max-width: 440px; */text-align: center;/* min-width: 410px; *//* color: initial; */position: relative;}
.kurzy-item:hover {background-color:#f36722}
.kurzy-item:hover h1, .kurzy-item:hover p {color:ghostwhite}

.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;font-size: .58rem;}


.kurzy-item small {position: absolute;top: 12px;right: 12px;width: 84px;height: 84px;background: #f36722;border-radius: 50%;display: flex;align-items: center;justify-content: center;text-align: center;color: #fff;z-index: 10;line-height: 1.1;}
.kurzy-item small em { color: inherit; }



.kurzy-item h1 {background-color:transparent;font-size: 1.37rem;line-height: 2.02rem;/* text-align: left; */padding-left: 20px;min-height: 6rem;font-size: 1.35rem;line-height: 2rem;font-weight: 500;text-align: left;padding: 20px 40px 20px 40px;/* 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: #0c162f; */width: 100%;/* min-height: 200px; */}
.kurzy-item .image {display:inline-block;width: 100%;height: 300px;background-size:cover;border-radius: 0;background-position:center;vertical-align: top;margin-top: 30px;display: block;margin: 0px auto 0px auto;min-height: 330px;height: 40vh;bottom: 0;max-height: 410px;}
.kurzy-item .content {color: #1e1d1e;font-size:1rem;display:inline-block;width: calc(100% - 200px);padding-left: 0px;width: initial;text-align: center;}
.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: 30px;font-size: .8rem;text-align: center;opacity: .6;}
.kurzy-item span {}

.kurzy-item span{position:relative;z-index:11;background-color: white;margin: 0px 20px 40px 20px;}
.kurzy-item span:after {content:"";display:inline-block;width:14px;height:14px;display:inline-block;border-radius:20px;background-color:#869e3f;margin-left: 20px;transition: all .5s;transform: scale(.5); display:none}
.kurzy-item span:hover {color: #f36722;border-color:white;background-color:white;}
.kurzy-item span:hover:after {transform:scale(.79)}



.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: 760px;width:100%;display:inline-block;text-align: left;padding: 0px 20px 20px 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: 60px;display:block;background-color: #f5f7f9;/* background-color: #fafafa; */border-radius: 0;/* border: 2px solid red; */font-size: 1.1rem;line-height: 1.98rem;margin-top: 40px;margin-bottom: 30px;/* font-weight: 100; */}
.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 .entry-content #basic-info ul li {}
.post-template-single-visteria .entry-content #basic-info ul li  span.info-label {font-weight:bold; opacity:.5}
.post-template-single-visteria .entry-content #basic-info ul li span.info-value {}
.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: #0c162f;max-width: 330px;line-height: 1.4rem;display: none;}
.post-template-single-visteria article .entry-content .actions #opr:hover {color:#869e3f}
.post-template-single-visteria article .entry-content .actions .btn {display:inline-block; vertical-align:middle;}
.post-template-single-visteria article .entry-content .actions {
    padding: 60px;
}

.module {}
.module h3 {
    margin: 10px auto;
    font-size: 1.1rem;
}
.module h4 {
    margin-top: 20px;
    font-size: 1.2rem;
}
.module p {}

.related-posts {
    text-align: center;
}
.related-posts-list {margin: 40px auto 0px auto;}
.related-posts h3 {font-size: 2rem;margin: 60px auto 40px auto;text-align: center;}
.related-posts p {max-width:690px;margin:0px auto;padding: 0px 20px;}
.related-posts .related-post-item {width: 340px;display: inline-block;border-radius: 0px;overflow: hidden;background-color: #f5f7f9;padding: 30px;transition: all .3s;vertical-align: top;min-height: 270px;margin: 20px;}
.related-posts .related-post-item:hover {background-color: #f36722;}
.related-posts .related-post-item .image {background-size:cover;height: 200px;width: 100%;display:inline-block;min-height: initial;border-radius: 0%;background-color: white;margin-bottom: 10px;}
.related-posts .related-post-item  h4 {
    font-size: 1rem;
    line-height: 2rem;
    min-height: 4rem;
    margin: 0px auto;
    min-height: 5rem;
    line-height: 1.5rem;
}
.related-posts .related-post-item:hover h4 {color:white}
.breadcrumb {/* border-bottom:1px solid rgba(0,0,0,0.1); */font-size: 1rem;padding-bottom:20px;padding-top: 18px;background-color: white;position: relative;color: rgba(0,0,0,0.4);box-shadow: 1px 1px 20px rgba(0,0,0,0.1);}

.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}












/*! 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%!important; */
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
  /* padding-bottom: 40px; */
  /* left: 0; */
}

/* 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;
  border: 2px solid rgba(0,0,0, 0.1);
  height: 44px;
  width: 44px!important;
  line-height: 40px;
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(6px);
  transition: all .3s;
}

.flickity-prev-next-button:hover {background-color: #869e3f;border-color: #869e3f;}

.flickity-prev-next-button svg {/* fill:#C9A56C; *//* fill: #d9ad36; *//* fill: white; */fill: black;fill: #f36722;/* opacity: .2; */transition:all .3s;margin-top: 5px;transform: scale(.5);}
.flickity-prev-next-button:hover svg {fill: white;opacity: 1;}


.light-mode .hmx-testimonials .flickity-prev-next-button svg {fill:black}


.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: 65px;
  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: black;
  border-radius: 50%;
  opacity: 1;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(6px);
}

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



/**/


















.hmx-testimonials {
  padding: clamp(56px, 7vw, 100px) 16px;
  background: transparent;
  padding: 10vh 20px;
  /* border-bottom: 1px solid rgba(255,255,255,0.3); */
}

.light-mode .hmx-testimonials {background-color:rgba(0,0,0,0.05)}
.light-mode .hmx-testimonials__carousel .flickity-page-dots .dot {background-color:white; opacity:.7}



.hmx-testimonials .flickity-prev-next-button {top:20%}

.hmx-testimonials__inner {
  max-width: 980px;
  margin: 0 auto;
}

/* Header */
.hmx-testimonials__header {
  text-align: center;
  margin-bottom: clamp(26px, 4vw, 42px);
}

.hmx-testimonials__title {
  margin: 0 0 16px 0;
  /* font-size: clamp(30px, 4vw, 46px); */
  line-height: 1.15;
  font-weight: 400;
  /* color: white; */
  /* margin-top: 6vh; */
  /* font-size: clamp(30px, 4vw, 46px); */
  /* line-height: 1.15; */
}

.hmx-testimonials__title strong {
  font-weight: 800;

}

.hmx-testimonials__stars {
  font-size: 20px;
  letter-spacing: 2px;
  color: #f36722;
}

/* Flickity carousel */
.hmx-testimonials__carousel {
  width: 100%;
}

/* Flickity cell */
.hmx-testimonials__cell {
  width: 100%;
  padding: 0 0px;
}

.hmx-testimonials__quote {
  margin: 0 auto;
  max-width: 760px;
  text-align: center;
  font-size: clamp(17px, 2.2vw, 21px);
  /* line-height: 1.45; */
  font-weight: 700;
  /* color: black!important; */
}

.hmx-testimonials__name {
  margin: 20px;
  text-align: center;
  /* font-size: clamp(12px, 3vw, 25px); */
  font-weight: 800;
  /* color: #111; */
  opacity: .52;
  margin-top: 40px;
}

/* Flickity dots – centered, black + green active */
.hmx-testimonials__carousel .flickity-page-dots {
  position: relative;
  bottom: auto;
  margin-top: 34px;
  text-align: center;
}

.hmx-testimonials__carousel .flickity-page-dots .dot {
  width: 10px;
  height: 10px;
  margin: 0 8px;
  opacity: 1;
  background: rgba(0,0,0,0.1);
  font-size: 0;
  display: inline-block;
  margin: 5px;
  border-radius: 50%;
}

.hmx-testimonials__carousel .flickity-page-dots .dot.is-selected {
  background: #869e3f;
}

/* Mobile tuning */
@media (max-width: 780px) {
  .hmx-testimonials__stars {
    font-size: 22px;
    letter-spacing: 5px;
  }

  .hmx-testimonials__quote {
    font-weight: 600;
    padding: 0px 5px;
    font-size: 1rem;
  }
}








.logo-anim-wrap {
  width: 100%;
  max-width: 380px;
margin:0px auto;
	display:none
}

.logo-draw {
  width: 100%;
  height: auto;
  display: block;
}

.logo-draw path {
  vector-effect: non-scaling-stroke;
  stroke: #869F3F;
  stroke-width: 0;
  stroke-linecap: round;
  stroke-linejoin: round;

  fill-opacity: 0;
  stroke-opacity: 1;

  transition: fill-opacity 0.8s ease;
}

/* gradient shape can use slightly thinner line if you want */
.logo-draw path.st0 {
  stroke-width: 0;
}

.logo-draw.is-drawn path.st0 {
  fill: url(#SVGID_1_);
  fill-opacity: 1;
}

.logo-draw.is-drawn path.st1 {
  fill: #869F3F;
  fill-opacity: 1;
}




@keyframes logoDraw {
  to {
    stroke-dashoffset: 0;
  }
}








#dovera {
    text-align: center;
    padding: 60px 20px 120px 20px;
    background-color: white;
    position: relative;
}

#dovera:after {
			  content:"";
			  height: 2px;
			  background-color:red;
			  width:100vw;
			  display:block;
			  margin:0px auto;
			  left: 0;
			  position: absolute;
			  bottom: 0;
			  right: 0;
			  max-width: 100%;
			  background:radial-gradient(circle at 20% 60%, rgba(243, 103, 34, 0.25), transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(134, 158, 63, 0.25), transparent 55%),
        radial-gradient(circle at 60% 20%, rgba(243, 103, 34, 0.15), transparent 50%);
			  }

#dovera h2 {margin: 60px auto;}

.hmx-logos {
  padding: 80px 20px;
}

.hmx-logos__inner {
  max-width: 1200px;
  margin: 0 auto;
}

.hmx-logos__header {
  text-align: center;
  margin-bottom: 32px;
}

.hmx-logos__title {
  margin: 0;
  /* line-height: 1.2; */
}

.hmx-logos__title span {
  display: block;
  /* font-size: 16px; */
  /* font-weight: 400; */
  /* opacity: 0.7; */
  /* margin-bottom: 6px; */
}

.hmx-logos__title strong {
  display: block;
  /* font-size: clamp(28px, 4vw, 42px); */
  /* font-weight: 700; */
  color: #869e3f;
  font-size: 2.4rem;
  line-height: 3.9rem;
  font-weight: 100;
  background: linear-gradient(
        120deg,
        #f36722,
        #869e3f,
        #f36722
    );
  background-size: 100% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textGradientMove 6s ease-in-out infinite;
  display: inline-block;
}

.hmx-logos__carousel {
  margin: 0 -10px;
}

.hmx-logos__cell {
  width: 20%;
  min-width: 180px;
  padding: 10px;
  box-sizing: border-box;
}

.hmx-logos__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  text-decoration: none;
  color: inherit;
  /* background: #fff; */
  border-radius: 0;
  padding: 20px 16px;
  height: 100%;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.hmx-logos__item:hover {
  transform: translateY(-4px);
}

.hmx-logos__img {
  width: 100%;
  max-width: 130px;
  height: 140px;
  object-fit: contain;
  display: block;
  margin-bottom: 14px;
  filter: grayscale(100%);
  opacity: 0.8;
  transition: filter 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
  /* mix-blend-mode: multiply; */
}

.hmx-logos__item:hover .hmx-logos__img,
.hmx-logos__item:focus .hmx-logos__img {
  filter: grayscale(0%);
  opacity: 1;
  transform: scale(1.03);
}

.hmx-logos__name {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 600;
}

/* Flickity arrows */
.hmx-logos .flickity-button {
  background: #fff;
  box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}

.hmx-logos .flickity-button:hover {
  background: #f5f5f5;
}

.hmx-logos .flickity-button-icon {
  fill: #111;
}

/* hide dots just in case */
.hmx-logos .flickity-page-dots {
  display: none;
}

/* tablet */
@media (max-width: 991px) {
  .hmx-logos__cell {
    width: 25%;
    min-width: 160px;
  }
}

/* mobile */
@media (max-width: 767px) {
  .hmx-logos__cell {
    width: 50%;
    min-width: 140px;
  }

  .hmx-logos__item {
    padding: 16px 12px;
  }

  .hmx-logos__img {
    max-width: 110px;
    height: 70px;
  }

  .hmx-logos__name {
    font-size: 13px;
  }
}









.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); }
.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; }
.gallery-icon a img { display: none; }
.gallery {text-align: center;max-width: 1400px;margin: 20px auto;font-size: 0;line-height: 0;margin-bottom: 20px;}
.gallery-item {display: inline-block;position: relative;width: 42% !important;height: 256px !important;margin: 3px;border-radius: 0;overflow: hidden;border: 2px solid;}
.gallery-item::before {content: "";width: 30px;height: 30px;display: inline-block;position: absolute;left: 0px;right: 0px;margin: 120px auto 0px;background-repeat: no-repeat;background-position: center center;transition: all 0.4s ease 0s;opacity: 0;transform: scale(0);}
.gallery-item:hover::before {margin-top:80px}
.gallery-item:hover::before { opacity: 1; transform: scale(1); }
.tos-opened #masthead { margin-top: -150px; }


















@media only screen and (max-width: 880px){ 
.video-holder {display:block;background-color: #869e3f;}

.lines-button {display: block!important;position: absolute;top: 15px;right: 29px;}
.fixedheader .lines-button {top:10px}

	#mhead #site-navigation {display:block;text-align:left;width:initial;padding:10px;transition: all .3s;max-height: 0;overflow: hidden;padding: 0px 10px;}
	.shrink #mhead #site-navigation {max-height: 1000px;padding-bottom: 40px;}
	#mhead #site-navigation li {display:block;border:0!important;padding: 3px;}
	#mhead #site-navigation li a {padding: 6px;display:block;color: #869e3f;color: #1e1d1e;color: initial;}
	#site-navigation ul.sub-menu li a {font-size:.79rem}
	#site-navigation ul.sub-menu {position:relative;max-height:initial;margin-top: 10px;padding-left: 10px;background-color: transparent;box-shadow: none!important;padding-top: 0px!important;padding-bottom: 0px!important;}
	.logo {/* transform: scale(.5)!important; */width: 160px;padding-left: 0;margin-left: 0;}
	.video-holder .over-video {position:relative;/* background-color: #0c162f; */padding-bottom:40px;margin-top: 40px;width: 100%;left: 0;text-align: center;}
	
	
	/*nadpisy - mobil*/
	.video-holder .over-video h1,
	.ponuka-sluzby > h2,
	.cat-card__title,
	.projekty-zoznam > h2,
	.ikons div a,
	.projekty-zoznam a.a.top h2,
	.hmx-testimonials__title,
	.kurzy-container h2,
	.kurzy-item h1,
	.related-posts h3,
	.hmx-logos__title span,
	.projekty-zoznam .info-news h2 {font-size: 1.24rem;line-height: 1.8rem;font-weight: 700;padding: 15px;}

	.hmx-logos__title strong {font-size: 1.58rem;line-height:2.5rem}


	
	.video-holder .over-video h2 {font-size:1.14rem; line-height:1.4rem}
	.video-holder .btn {/* font-size:.7rem; */margin:3px;}

	.video-holder:before {display:none}
	.projekty-zoznam a.a{margin-bottom:0px;margin: 20px auto;/* max-width: 390px; */width: 100%;}
	.ikons div {display:block;width:initial;padding: 15px;margin: 0px auto;}
	.projekty-zoznam > h2 {/* font-size: 2rem; *//* color: white; */}
	#vsetky-kurzy > h2 {font-size:1.5rem; margin-top:20px; margin-bottom:30px}
	#colophon h1 {font-size:1.5rem;margin-bottom: 20px;}
	#newsletter {padding:15px}
	#colophon .wrap.bottom {padding:30px 0px}
	#colophon .address {padding:5px; display:block; text-align:center;}
	#colophon .address a {font-size:1rem}
	.copyright {text-align:center;width: initial!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;padding: 20px;margin-bottom: 0px;flex-direction: column;}
	#colophon a.logo {margin-left:auto;margin-right:auto;display: block;transform-origin: center;/* transform: scale(.75)!important; */!i;!;}
	#colophon {/* padding-top: 20px; */}
	#formular > h2 {font-size: 1.5rem;line-height: 2rem;}
	.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: 10px;}
	.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; line-height:2rem}
	.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: hidden;text-align: center;width: 100%;/* height: 50vh; */padding: 0!important;margin: 0;}
	.page article .entry-content {overflow:initial;}
	#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:40vh;/* min-height: 350px; */text-align: center;}
	.single .entry-header h1.entry-title {font-size:1.3rem; line-height:1.9rem}
	.single article .entry-content {font-size:1rem;padding: 0px 0px;line-height: 1.5rem;}
	.btn {font-size:.8rem;/* margin-bottom: 10px; */}
	.kurzy-item span {
    margin-bottom: 20px;
}
	.single .entry-header .btn {display:inline-block; max-width:200px}
	#vsetky-kurzy li a.ain {position:relative;left:0;bottom: 0;margin: 5px;}
	#vsetky-kurzy li a.ain.aktualizacne {position:relative;left:0;/* margin-top: 20px; *//* margin-bottom: 20px; */margin: 5px;}
	#vsetky-kurzy li a.ain.skolsky-kalendar {
    left: 0;
    margin: 5px;
}
	#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;height: 20vh;min-height: initial;}
	.kurzy-item .content {display:block;width:initial;margin:0px auto;max-width: 290px;/* max-width: 60vw; */}
	.kurzy-item {/* padding:20px 10px; */max-width: 74vw;min-width: initial;}
	.archive h1.page-title span {font-size:1.4rem;line-height: 1.6268rem;display: block;}

	.copyright div {display:block; width:initial;}

	.projekty-zoznam {flex-direction:column;align-items: center;/* padding-bottom: 60px; */padding-top: 0;padding-bottom: 0;}


	.member {margin: 20px 0px;flex-direction: column;align-items: self-start;}
.member .image-container {margin-left:0}
	.projekty-zoznam .info-news {width:100%;padding: 20px;padding-bottom: 0;}
	.projekty-zoznam #holder-novinky {width:100%;max-width: 100%;padding: 0px 20px;padding-bottom: 40px;}

	#mhead {padding: 0px 20px;}
	#page {padding-top: 90px;}
	.projekty-zoznam #holder-novinky a.a {max-width:80vw}

	.kurzy > * {width:initial}
	.breadcrumb {font-size:.7rem; line-height:1.3rem}
	.members {padding:10px}
	
	.ikons div a:before {padding:0px;margin: 0 auto;}
	
	.projekty-zoznam a.a .top h2 {font-size: 1.2304rem;line-height: 1.79rem;}
.projekty-zoznam a.a .top {padding-top:20px;padding-bottom: 90px;}
	.kurzy-container h2 {text-align:center;margin-bottom: 0px;}
	.kurzy-container .category-description {text-align:center;font-size: 1rem;}
	#info b {font-size:1.5rem; line-height:2rem}
	.post-template-single-visteria article .entry-content #basic-info #intro {padding:20px; font-size:1rem; line-height:1.5rem}
	.projekty-zoznam a.a .image {height:20vh; min-height:initial}
	.kurzy-item .content p {padding:0px;margin-bottom: 20px;margin-top:0px;}
	#mhead #site-navigation li .sub-menu li a:after {top: 2px;}
	.kurzy-group-title {font-size:1.13rem;text-align: center;margin: 0;padding: 10px;/* width: 100%; */}
	.single .entry-header small {top:20px}

}