@charset "UTF-8";
/*
Theme Name: HAMAX.sk
Version: 99999999.7
*/
html {
  box-sizing: border-box;
  background-color: black;
}
body {
  font-size: 18px;
  color: white;
  background-color: black;
  /* background-color: #19222d; */
}
*, *: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: 'Helvetica', 'Arial', sans-serif;
  /* color: #f3f3f3; */
  /* color: red; */
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* font-weight: 300; */
  font-size: 1.2rem;
  line-height: 1.7rem;
}


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

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

h1 {
    font-size:3.4rem; line-height:3rem;
    
}

.top-slider {
    /* height: 80vh; */
    overflow: hidden;
    max-width: 1900px;
    margin: 0px auto;
    position: relative;
}
.top-slider .over-video {position:absolute;z-index: 3;color:white;margin: 30vh auto 30px auto; 20px;text-align: center;left: 0;right: 0;display: none;}
.top-slider .btn {/* color: black; */}





/**/


#produkty {
    padding: 0px 0px;
    padding: 6vh 0px;
}
#produkty h2, #certifikat h2 {font-size:2rem;display:block;padding: 20px 20px 10px 20px;max-width: 360px;margin: 0px auto;line-height: 2rem;font-size: clamp(30px, 4vw, 46px);line-height: 1.15;}
#produkty p, #certifikat p {/* font-size:2rem; */display:block;padding: 20px 20px 20px 20px;max-width: 688px;margin: 0px auto;/* line-height: 2rem; */}

#produkty {}





#certifikat {
    background-color: white;
    color: black;
    padding-bottom: 50px;
    position: relative;
    padding: 6vh 0px;
}
#certifikat:before {content:"";width: 100%;height: 100%;background-image:url(https://hmx.matoremes.sk/wp-content/uploads/2026/02/logo-hamax-sro-malinovo-1.svg);display:block;background-repeat:no-repeat;background-position: 105% 0%;position: absolute;z-index: 0;opacity: .1;/* right: -50px; *//* left: auto; */}

#certifikat .hero-actions {
    text-align: center;
    justify-content: center;
    padding-bottom: 6vh;
    position: relative;
    z-index: 9;
}
#certifikat .btn-link {color:black}
#sertifikat {
    display: inline-block;
    align-items: center;
    gap: 16px;
    padding: 16px 20px;
    /* border: 2px solid #000; */
    border-radius: 10px;
    background-color: #17a85b;
    background-color: #17a85b;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px auto 50px auto;
    z-index: 9;
    position: relative;
    margin-top: 20px;
    width: 100%;
    max-width: 550px;
}

/* Center text block */
#sertifikat span {
    text-align: left;
    font-size: 1.2rem;
    line-height: 1.2;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
    color: black;
    padding: 10px;
    display: inline-block;
    vertical-align: middle;
}

/* Base icon styling */
#sertifikat i {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 26%;
    height: 100px;
    vertical-align: middle;
    background-image: url(https://hmx.matoremes.sk/wp-content/uploads/2026/02/24-rokov-hamax.svg);
    background-size: contain;
    margin: 10px;
}

/* 24 years icon */
#sertifikat .icon-24 {
    width: 48px;
    height: 48px;
    background-image: url("icons/24.svg");
}

/* Hamax logo */
#sertifikat .hamaxlogo {
    width: 27%;
    height: 62px;
    background-image: url("https://hmx.matoremes.sk/wp-content/uploads/2026/02/hamax-logo-cierne-malinovo.svg");
}








.hmx-showroom {
  width: 100%;
}

.hmx-showroom__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
}

.hmx-showroom__media,
.hmx-showroom__sliderWrap {
  position: relative;
  min-height: 320px;
}

.hmx-showroom__sliderWrap  .flickity-viewport {height:100%!important}

.hmx-showroom__img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.hmx-showroom__panel {
  background: #000;
  color: #fff;
  padding: clamp(24px, 3vw, 48px);
  min-height: 320px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 10vh;
  padding-bottom: 10vh;
}

.hmx-showroom__panel p {max-width:500px}
.hmx-showroom h2  {max-width: 450px;}


.hmx-showroom__title {
  margin: 0 0 16px 0;
  /* font-size: clamp(28px, 3vw, 42px); */
  /* line-height: 1.15; */
  font-weight: 800;
  /* margin-top: 6vh; */
  font-size: clamp(30px, 4vw, 46px);
  line-height: 1.15;
}

.hmx-showroom__subtitle {
  margin: 0 0 12px 0;
  font-size: 18px;
  font-weight: 700;
}

.hmx-showroom__text {
  margin: 0 0 18px 0;
  font-size: 18px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.9);
}


.hmx-showroom__btn:hover {
  filter: brightness(0.95);
}

.hmx-showroom__contact {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 6px;
}

.hmx-showroom__link {
  color: #17a85b;
  text-decoration: none;
  font-weight: 700;
  font-size: 20px;
}

.hmx-showroom__link:hover {
  /* text-decoration: underline; */
  color: #17a85b;
}

.hmx-showroom__cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(16px, 3vw, 40px);
  margin-top: 10px;
  text-align: left;
}

.hmx-showroom__hours {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
  margin: 0px auto;
}

.hmx-showroom__hours li {
  display: grid;
  grid-template-columns: 52px 1fr;
  gap: 14px;
  font-size: 18px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.92);
}

.hmx-showroom__slider {
  height: 100%;
}

.hmx-showroom__slide {
  width: 100%;
  height: 100%;
}

/* Flickity dots positioning similar to screenshot */
.hmx-showroom__slider .flickity-page-dots {
  bottom: 14px;
}

.hmx-showroom__slider .flickity-page-dots .dot {
  opacity: 0.55;
}

.hmx-showroom__slider .flickity-page-dots .dot.is-selected {
  opacity: 1;
}

/* Responsive */
@media (max-width: 980px) {
  .hmx-showroom__grid {
    grid-template-columns: 1fr;
  }

  .hmx-showroom__media,
  .hmx-showroom__panel,
  .hmx-showroom__sliderWrap {
    min-height: 280px;
  }

  .hmx-showroom__cols {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 980px) {
  /* Row 1 */

  .hmx-showroom__panel {padding:40px 20px}
  
  .hmx-showroom__media--r1 {
    order: 1;
  }

  .hmx-showroom__panel--cta {
    order: 2;
  }

  /* Row 2 */
  .hmx-showroom__sliderWrap {
    order: 3;
  }

  .hmx-showroom__panel--info {
    order: 4;
  }

  ._r1 {
    order: 1;
  }

    ._r2 {
    order: 2;
  }

    ._r3 {
    order: 4;
  }

    ._r4 {
    order: 3;
  }

    ._r5 {
    order: 5;
  }

    ._r6 {
    order: 6;
  }

    ._r7 {
    order: 8;
  }

    ._r8 {
    order: 7;
  }
  
}

.hmx-showroom__hours li {
  grid-template-columns: 18px 1fr;
}






.hmx-testimonials {
  padding: clamp(56px, 7vw, 100px) 16px;
  background: #fff;
  padding: 10vh 20px;
}

.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: #111;
  /* 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: 26px;
  letter-spacing: 6px;
  color: #17a85b;
}

/* 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(18px, 2.2vw, 24px);
  line-height: 1.45;
  font-weight: 700;
  color: black!important;
}

.hmx-testimonials__name {
  margin: 28px 0 0 0;
  text-align: center;
  font-size: 22px;
  font-weight: 800;
  color: #111;
}

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

.hmx-testimonials__carousel .flickity-page-dots .dot {
  width: 10px;
  height: 10px;
  margin: 0 8px;
  opacity: 1;
  background: #111;
}

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

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













.hmx-addons {
  background: #f6f9fc;
  padding: clamp(46px, 6vw, 92px) 16px;
  color: black;
}

.hmx-addons__inner {
  /* max-width: 1320px; */
  margin: 0 auto;
  text-align: center;
}

.hmx-addons__header {
  text-align: center;
  margin-bottom: clamp(22px, 3vw, 38px);
}

.hmx-addons__title {
  margin: 0;
  font-size: clamp(30px, 4vw, 54px);
  line-height: 1.08;
  font-weight: 800;
  letter-spacing: -0.02em;
  /* color: #0b3a5a; */
}

/* grid */
.hmx-addons__grid {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(300px, 350px);
  gap: clamp(14px, 1.8vw, 22px);
  overflow-x: auto;
  overflow-y: hidden;
  justify-content: center;
  padding-bottom: 30px;
}

@media (min-width: 1980px) {
  .hmx-addons__grid {
    justify-content: center;
    overflow-x: visible;
  }
}
/* card */
.hmx-addons__card {
  /* background: #fff; */
  border-radius: 0;
  overflow: hidden;
  box-shadow: 0 0 11px 0px rgba(11, 58, 90, 0.07);
  /* min-width: 200px; */
  background-color: black;
}

.hmx-addons__media {
  aspect-ratio: 4 / 3;
  background: #eaf2f8;
}

.hmx-addons__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.hmx-addons__body {
  padding: 18px 18px 20px 18px;
  color: white;
}

.hmx-addons__h3 {
  margin: 12px 0 12px 0;
  font-size: 26px;
  line-height: 1.15;
  font-weight: 800;
  /* color: #0b3a5a; */
}

.hmx-addons__text {
  margin: 0;
  font-size: 14px;
  line-height: 1.75;
  color: rgba(11, 58, 90, 0.88);
}

/* responsive */
@media (max-width: 1200px) {
  .hmx-addons__grid {
    /* grid-template-columns: repeat(3, 1fr); */
  }
}

@media (max-width: 820px) {
  .hmx-addons__grid {
    /* grid-template-columns: repeat(2, 1fr); */
  }
}

@media (max-width: 520px) {
  .hmx-addons__grid {
    /* grid-template-columns: 1fr; */
  }

  .hmx-addons__body {
    padding: 16px;
  }

  .hmx-addons__h3 {
    font-size: 22px;
  }

  .hmx-addons__text {
    font-size: 15px;
  }
}










.product-types {
  padding: clamp(46px, 6vw, 92px) 16px;
  background: white;
}

.product-types__inner {
  /* max-width: 1400px; */
  margin: auto;
}

.product-types__title {
  text-align: center;
  /* font-size: 36px; */
  margin-bottom: 60px;
  color: initial;
}

.product-types__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 28px;
}


.product-types__card {
  min-width: 200px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.product-types__card {
  background: #fff;
  border-radius: 10px;
  padding: 18px;
  position: relative;
  text-align: center;
  box-shadow: 0 4px 20px rgba(0,0,0,0.05);
  min-width: 200px;
}

.product-types__badge {
  position: absolute;
  top: 12px;
  left: 12px;
  font-size: .8rem;
  background: rgba(47,172,102,0.3);
  color: #2fac66;
  padding: 4px 8px;
  border-radius: 34px;
}

.product-types__media {
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.product-types__img {
  max-width: 100%;
  max-height: 160px;
  object-fit: contain;
}

.product-types__name {
  font-size: 20px;
  margin-bottom: 16px;
  color: initial;
}

.product-types__actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.product-types__btn {
  display: inline-block;
  background: black;
  color: #fff;
  text-decoration: none;
  padding: 10px 14px;
  border-radius: 4px;
  font-size: 14px;
  transition: background .2s;
}

.product-types__btn:hover {
  /* background: #153c5c; */
  color: #2fac66;
}


.product-types__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 28px;
}

.product-types__card {
  min-width: 0; /* prevents overflow in grid */
  display: flex;
  flex-direction: column;
}
/* responsive */

@media (max-width:1200px){
  .product-types__grid{
    grid-template-columns:repeat(3,1fr);
  }
}

@media (max-width:700px){
  .product-types__grid{
    grid-template-columns:repeat(2,1fr);
  }
}


@media (max-width: 768px) {
  .product-types__grid {
    grid-template-columns: 1fr;
  }
}







.hmx-colors {
  background: #fff;
  padding: clamp(46px, 6vw, 92px) 16px;
  color: #111;
}

.hmx-colors small {
    font-style: normal;
    margin: 60px auto;
    display: block;
    opacity: .5;
}

.hmx-colors small a {border-bottom:1px solid black;}
.hmx-colors small a:hover {border-bottom:1px dotted black;}

.hmx-colors__inner {
  max-width: 1400px;
  margin: 0 auto;
}

/* Header like screenshot */
.hmx-colors__header {
  margin-bottom: clamp(26px, 4vw, 50px);
}

.hmx-colors__kicker {
  margin: 0 0 10px 0;
  letter-spacing: 0.22em;
  font-size: 12px;
  font-weight: 700;
  color: rgba(17, 17, 17, 0.55);
  position: relative;
  padding-left: 58px;
}

.hmx-colors__kicker::before {
  content: "";
  /* position: absolute; */
  /* left: 0; */
  /* top: 50%; */
  /* width: 44px; */
  /* height: 2px; */
  /* background: #e12b2b; */
  /* transform: translateY(-50%); */
}

.hmx-colors__title, .hmx-collage__label h3 {
  margin: 0;
  font-size: clamp(38px, 5vw, 64px);
  /* line-height: 1.05; */
  /* font-weight: 300; */
  /* letter-spacing: -0.02em; */
  margin: 0px auto;
  font-size: 1.75rem;
}

.hmx-colors__icon {
  display: inline-block;
  width: 12px;
  height: 10px;
  margin-left: 10px;
  vertical-align: middle;
  background:
    linear-gradient(#e12b2b, #e12b2b) 0 0 / 100% 2px no-repeat,
    linear-gradient(#e12b2b, #e12b2b) 0 50% / 100% 2px no-repeat,
    linear-gradient(#e12b2b, #e12b2b) 0 100% / 100% 2px no-repeat;
  border-radius: 2px;
  display: none;
}

/* Group layout */
.hmx-colors__group {
  display: grid;
  grid-template-columns: 260px 1fr;
  column-gap: 36px;
  row-gap: 18px;
  align-items: start;
  margin-top: 34px;
}
 .hmx-colors__group {
  /* display: grid; */
  /* grid-template-columns: 260px 1fr; */
  /* gap: 18px 36px; */ /* row-gap column-gap */
  /* align-items: start; */
  /* margin-top: 34px; */
  }

.hmx-colors__group h3 {
  margin: 0;
  font-size: 20px;
  font-weight: 800;
  text-align: left;
}

.hmx-colors__group p{
  margin: 0px 0 0 0;
  font-size: 14px;
  color: rgba(17, 17, 17, 0.75);
  text-align: left;
  text-transform: uppercase;
  padding: 0px!important;
}

/* Dotted guide line like screenshot */
.hmx-colors__group p{
  grid-column: 1 / 2;
  /* height: 1px; */
  border-bottom: 1px dashed rgba(17, 17, 17, 0.25);
  margin-top: 0;
  color: #17a85b!important;
}

/* Swatch grid (wraps into new rows automatically) */
.hmx-colors__swatches {
  grid-column: 2 / 3;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(91px, 91px));
  gap: 22px 18px;
  justify-content: start;
  align-content: start;
  min-width: 0; /* important inside grid column */
}
.hmx-colors__swatches--small {
  grid-template-columns: repeat(6, minmax(92px, 1fr));
}

.hmx-colors__swatch {
  text-decoration: none;
  color: inherit;
  display: grid;
  justify-items: left;
  gap: 10px;
  outline: none;
  text-align: center;
  max-width: 82px;
}

.hmx-colors__swatches img {
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.hmx-colors__swatch img:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 26px rgba(0, 0, 0, 0.16);
}

.hmx-colors__swatch[rel="hmx-lightbox"]:focus-visible .hmx-colors__img {
  box-shadow: 0 0 0 3px rgba(225, 43, 43, 0.35), 0 14px 26px rgba(0, 0, 0, 0.14);
}

.hmx-colors__swatch img {
  width: 82px;
  height: 82px;
  border-radius: 999px;
  object-fit: cover;
  display: block;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.12);
  background: #f3f4f6;
}

.hmx-colors__swatch span {
  font-size: 12px;
  color: rgba(17, 17, 17, 0.65);
  text-align: center;
  justify-content: center;
  display: block;
  width: 100%;
  text-transform: uppercase;
}

/* ===================== LIGHTBOX (CSS only via :target) ===================== */
.hmx-colors__lightbox {
  position: fixed;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  z-index: 9999;
}

.hmx-colors__lightbox:target {
  opacity: 1;
  pointer-events: auto;
}

.hmx-colors__lightboxBg {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
}

.hmx-colors__lightboxDialog {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(560px, calc(100% - 32px));
  background: #fff;
  border-radius: 14px;
  padding: 22px 22px 18px 22px;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35);
  text-align: center;
}

.hmx-colors__lightboxImg {
  width: min(320px, 70vw);
  height: auto;
  border-radius: 16px;
  display: block;
  margin: 0 auto;
}

.hmx-colors__lightboxCap {
  margin: 14px 0 0 0;
  font-weight: 800;
  color: rgba(17, 17, 17, 0.85);
}

.hmx-colors__lightboxClose {
  position: absolute;
  right: 12px;
  top: 10px;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  text-decoration: none;
  color: rgba(17, 17, 17, 0.7);
  font-size: 28px;
  line-height: 1;
  background: rgba(0, 0, 0, 0.06);
}

.hmx-colors__lightboxClose:hover {
  background: rgba(0, 0, 0, 0.1);
}

/* ===================== MOBILE (matches your second screenshot) ===================== */
@media (max-width: 900px) {
  .hmx-colors__header {
    margin-bottom: 18px;
  }

  .hmx-colors__group {
    grid-template-columns: 1fr;
    row-gap: 10px;
  }

  .hmx-colors__line {
    display: none;
  }

  .hmx-colors__swatches,
  .hmx-colors__swatches--small {
    grid-column: 1 / -1;
    grid-template-columns: repeat(6, minmax(86px, 1fr));
    gap: 18px 14px;
  }
}

@media (max-width: 520px) {
  .hmx-colors__swatches,
  .hmx-colors__swatches--small {
    grid-template-columns: repeat(3, minmax(86px, 1fr));
  }
}





/* Mobile (matches your second screenshot) */
@media (max-width: 900px) {
  .hmx-colors__group {
    grid-template-columns: 1fr;
    row-gap: 12px;
    padding: 22px 0;
  }

  .hmx-colors__group::before {
    display: none;
  }

  .hmx-colors__swatches {
    grid-column: 1 / -1;
    grid-template-columns: repeat(6, minmax(86px, 1fr));
    gap: 18px 14px;
  }

  /* second/third groups: keep same on mobile */
  .hmx-colors__group:nth-of-type(2) .hmx-colors__swatches,
  .hmx-colors__group:nth-of-type(3) .hmx-colors__swatches {
    grid-template-columns: repeat(3, minmax(86px, 1fr));
  }
}

@media (max-width: 520px) {
  .hmx-colors__swatches {
    grid-template-columns: repeat(3, minmax(86px, 1fr));
  }
}


















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

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

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

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

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

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




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

/* Hover stays the same */
.cat-card:hover .cat-card__arrow,
.cat-card:focus-visible .cat-card__arrow{
  color: #17a85b;
  border-color: #17a85b;
  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{
  color: #17a85b;
  border-color: #17a85b;
  background: rgba(0,0,0,0.22);
}

/* 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: 240px 320px;
  }

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




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


#ceo {background-color: rgba(0,0,0,0.980);border-radius: 0px;}

#ceo i {/* background-image:url(https://hmx.matoremes.sk/wp-content/uploads/2025/03/durcak-studio-konatel-jan-durcak.jpg); */display:inline-block;vertical-align:middle;width:100px;height:100px;background-size:cover;border-radius:50%;margin-right: 25px;margin-left: 5px;background-color: white;}
#ceo b {
    display: inline-block;
    vertical-align: middle;
    /* color: white; */
    padding: 20px 20px;
    width: 144px;
    /* font-size: 1rem; */
}
#ceo strong {
    display: inline-block;
    width: 134px;
    vertical-align: middle;
    color: white;
    font-size: 1.01rem;
    line-height: 1.05rem;
    color: #ffffff;
    margin-top: 0px;
    text-align: left;
}


#ceo strong:before {content:"";/* background-image:url(https://hmx.matoremes.sk/wp-content/uploads/2025/03/signature.svg); */width: 89px;height: 0px;display:block;background-size: contain;background-repeat: no-repeat;margin-bottom: 10px;}

#ceo em {
    display: inline-block;
    vertical-align: middle;
    /* color: white; */
    /* font-size: 1rem; */
}

#ceo.page {position:relative;max-width: 350px;font-size: 1rem;padding-right: 20px;padding-bottom: 0;}
#ceo.page  b {padding-bottom: 10px;padding-top: 10px;}

/**/





.top-slider h1 {/* color:white; */font-size:1.39rem;line-height:2rem;text-transform: uppercase;}
.top-slider h1 b {display:block;font-size:3rem;line-height: 3.6rem;max-width:650px;margin:10px auto}
.top-slider h1 small {}
.top-slider h1 i {font-style:normal;}
.top-slider h2 {/* color:white; */font-size: 2rem;/* margin: 15px auto; */line-height: 2rem;/* font-size: 0; *//* max-width: 550px; *//* text-shadow: 3px 5px 17px rgba(0,0,0,0.49); */margin-bottom: 20px;font-size: clamp(30px, 4vw, 46px);line-height: 1.15;}
.top-slider h2 b {font-size: 1.1rem;line-height: 1.6rem;display: inline-block;vertical-align: middle;max-width: 400px;display: block;margin-left: auto;margin-right: auto;}
.flag {display:inline-block;width: 33px;height: 21px;vertical-align:middle;background-size: cover;background-image: url(https://hmx.matoremes.sk/wp-content/uploads/2025/03/flaggerman-1.gif);background-size: cover;background-repeat: no-repeat;margin: 8px;vertical-align: middle;font-size: 0rem;line-height: 0rem;}

.flag.belgian {background-image: url(https://hmx.matoremes.sk/wp-content/uploads/2025/03/belgianflag.gif);}
.flag.swiss {background-image: url(https://hmx.matoremes.sk/wp-content/uploads/2025/03/swissflag2.gif);}
.flag.german {background-image: url(https://hmx.matoremes.sk/wp-content/uploads/2025/03/flaggerman-1.gif);}
.hmx-showroom__btn, .btn, .hmx-types__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: 12px 22px;
  border-radius: 6px;
  background: #17a85b;
  color: #000;
  font-weight: 700;
  text-decoration: none;
  margin: 10px 0 16px 0;
  font-size: 1.2rem;
  line-height: 1.7rem;
  border: 0;
  }

html .wpcf7 .wpcf7-submit {}
.btnn {position:relative;z-index:11;transition: all 0.76s;/* font-family: 'Roboto Condensed', sans-serif; */font-size: 1rem;display:inline-block;overflow:hidden;border: 2px solid;padding: 11px 25px;/* font-size: .8rem; */text-transform: uppercase;letter-spacing: 0px;font-weight: normal;border-radius: 30px;/* font-family: ff-cocon-pro, sans-serif; */font-weight: 700;margin: 0px;/* color: black; */border: 0;display: inline-flex;align-items: center;justify-content: center;width: fit-content;padding: 12px 22px;border-radius: 6px;background: #17a85b;color: #fff;font-weight: 700;text-decoration: none;margin: 10px 0 16px 0;}
.hmx-showroom__btn:hover, .btn:hover {color: #2fac66;border-color:white;background-color:white;}
.btn:hover:after {transform:scale(.79)}

.video-holder .btn {color:white;}
.video-holder .btn:hover {color:#2fac66;}

#mhead {
    /* background-color: #000000; */
    padding: 20px;
    font-size: 0;
    /* position: fixed; */
    top: 0;
    z-index: 9999;
    width: 100%;
    left: 0;
    transition: all .4s;
    text-align: left;
    text-align: center;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

#mhead:hover {background-color:black}

#page {/* padding-top: 118px; */text-align: center;}
.error404 #main {padding:6vh}
.error404 #main input[type="submit"] {background-color:white}
.error404 #main form {padding:20px 10px;max-width:600px;margin:0px auto;text-align: center;}
.home #page {padding-top:0px}

.fixedheader #mhead {/* position:fixed; */padding: 45px 20px;background-color: black;}

.logo {width: 20%;height: 78px;/* background-color:red; */display:inline-block;background-image: url(https://hmx.matoremes.sk/wp-content/uploads/2026/02/logo-hamax-sk-sive.svg);background-repeat: no-repeat;background-position: center;position: relative;margin: 0px 0px;vertical-align: middle;transform-origin: center;/* transition: all .3s; *//* margin-left: 20px; */transition: all .423s;font-size: 0;/* margin: 20px; */background-size: contain;display: none;}

.fixedheader .logo {height: 65px;/* margin-top: 10px; *//* margin-bottom: 10px; */}
#mhead  #site-navigation {display: block;/* width: calc(100% - 200px); */font-size: 0;vertical-align: middle;text-align: right;margin: 10px auto;max-width: 1340px;}
#mhead #site-navigation li {display:inline-block;}
#mhead #site-navigation li.menu-item-223, #mhead #site-navigation li.menu-item-224, #mhead #site-navigation li.menu-item-579 {padding-left:20px}
#mhead #site-navigation li:last-child {/* border-left:1px solid white; */}


#mhead #site-navigation li.phone a {}
#mhead #site-navigation li.phone small {color:#2fac66; }


#mhead #site-navigation li a {/* padding: 10px 20px; *//* display:block; *//* color: #000000; */color: white;display: block;padding: 10px;font-size: 1rem;height: 100%;}
#mhead #site-navigation li.current_page_item a{color: #2fac66;}
html body #mhead #site-navigation li a {color:white}
#mhead #site-navigation li a:hover {color: #2fac66;}
#mhead #site-navigation li .sub-menu a:hover {color:#2fac66}

#mhead #site-navigation li .sub-menu li a:after {content:"";
                         display:block;
                         width:30px;
                         height:30px;
                         
                         position: absolute;
                         right: 10px;
                         top: 5px;
                        
                       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; */
} 








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

            25% {
    width: 0px;
    
    
  }


    50% {
      width: 30px;
    
  }

70% {
      width: 0px;
    
  }

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

            25% {
    width: 0px;
    
    
  }


    50% {
      width: 30px;
    
  }

  70% {
      width: 0px;
    
  }

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

            25% {
    width: 0px;
  
    
  }


    50% {
      width: 30px;
    
  }

  
    70% {
      width: 0px;
    
  }

        100% {
    width: 30px;
    
    
  }
}



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



body #colophon {/* color: white; *//* background-color: #000000; */position:relative;overflow: hidden;position: relative;z-index: 999;}
#colophon #newsletter {border-top:1px solid rgba(157,135,82,0.3);/* padding-top: 30px; *//* background-color: #201d20; *//* padding-bottom: 40px; *//* background-color: #C9A56C; */padding: 6vh 0px;}

#colophon {text-align:center;/* color: #a4a4a4; *//* padding-top: 50px; */}
#colophon h1 {font-size:2rem;font-size: 2rem;line-height: 3rem;margin-bottom: 20px;/* color: white; */margin-top: 20px;display: block;}
#colophon h2 {font-size:2rem;margin-bottom: 20px;}
#colophon .wrap {display:block;padding:20px;font-size: 0;padding-bottom: 0px;}
#colophon .wrap.bottom {padding-top:0;padding-bottom: 0px;border-top: 1px solid rgba(157,135,82,0.3);border-bottom: 1px solid rgba(157,135,82,0.3);margin: 0px auto;}
#colophon .address {display:inline-block;text-align:left;padding: 30px;/* width: 25%; */vertical-align: bottom;/* border-bottom: 1px solid; */font-size: 1.2rem;/* padding-bottom: 40px; */}
#colophon .address.soc {vertical-align: middle;border-bottom:0;/* margin-bottom: 60px; */}
#colophon .address .btn {/* font-size: .79rem; */margin-bottom:20px}
#colophon .address small {font-size:.7rem;display:block;/* color: white; */}
.bottom a {text-transform:lowercase;color: white;padding-bottom: 12px;/* padding-right: 10px; */border-bottom: 3px solid black;}
.bottom a:hover {/* color:#2fac66; */}
#colophon #footer-navigation {display:none}





.copyright {padding: 0px;font-size:.8rem;max-width: 930px;margin: 0px auto;margin-bottom: 20px;}
.copyright div {font-size:0; display:inline-block;vertical-align:middle;width: 100%;text-align: center;}
.copyright div span {display:inline-block;/* width:50%; */display:inline-block;}
.copyright div span:nth-child(1) {/* text-align:left; */}
.copyright div span:nth-child(2) {text-align:right; font-size:1rem}
.copyright div span a {font-size: .7rem;/* text-decoration: underline; */padding: 7px;}

#colophon a.logo {
    background-repeat: no-repeat;
    display: inline-block;
    width: 220px;
    height: 96px;
    vertical-align: middle;
    margin: 6vh 20px;
    /* margin-bottom: -39px; */
    background-position: center;
    }




.projekty-zoznam {
    text-align: center;
    /* white-space: nowrap; */
    /* width: 100%; */
    /* overflow-x: scroll; */
    position: relative;
    padding-top: 10px;
    /* display: none; */
    max-width: 1200px;
    margin: 0px auto;
    padding: 10vh 0px;
}
.projekty-zoznam > h2 {/* font-size:2rem; *//* margin-top:30px; *//* color: #2fac66; *//* margin-bottom: 30px; *//* padding: 6vh 20px; */font-size: clamp(30px, 4vw, 46px);line-height: 1.15;margin-bottom: 3vh;}

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

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

.projekty-zoznam a:hover svg {/* transform: scale(1.01); */transform: translateX(10px);}
.projekty-zoznam a {/* color:white; */display: inline-block;vertical-align: middle;margin:20px 5%;height: auto;/* background:#1b1b1b; */text-align:center;border-radius: 0px;overflow: hidden;padding: 0px;max-width: 340px;min-width: 350px;margin: 20px 20px;/* position: absolute; *//* margin-bottom: 70px; *//* text-align: left; *//* color: #a4a4a4; */white-space: nowrap;transition: all .2s ease-in-out;position: relative;border: 2px solid rgba(255,255,255,0.2);}
.projekty-zoznam a:hover .top {/* background-color: black; */}
.projekty-zoznam a:after {content:"";display:block;height:100px;width:5px;background: #151515;margin: 40px auto;border-radius:10px;position: absolute;left: 0;right: 0;display: none;}
.projekty-zoznam a .flickity-prev-next-button.next {/* position:relative; */display: block;transform: translateY(0%);/* clear: both; *//* width: 20%; */left: 14px;transition: all .3s;bottom: 20px;top: initial;right: 20px;left: initial;z-index: initial;}
.projekty-zoznam a .flickity-prev-next-button.next svg {fill: #2fac66;display: block;fill: white;}
.projekty-zoznam a .top {transition: all .2s;padding: 40px 40px 40px 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: white;width: 100%;}
.projekty-zoznam a:hover .top {color:black;background-color: white!important;}
.projekty-zoznam a:hover .image {rgba(78, 33, 22, 0.2);
    background-color: rgba(12, 22, 47, 0.02);
}
.projekty-zoznam#novinky .top {background-color:white;background-color: black;}
.projekty-zoznam#novinky .top  svg {fill:white;}

.projekty-zoznam a .top .typ {margin: 0px auto;margin-bottom: 10px;}
.projekty-zoznam 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 .top h2 {
    /* font-family: 'Oranienbaum', serif; */
    font-size: 1.25rem;
    line-height: 1.7remrem;
    font-weight: 600;
    text-align: left;
    margin-bottom: 10px;
    color: black;
    color: white;
    text-align: left;
    align-items: center;
    justify-content: center;
    display: flex;
    /* text-transform: uppercase; */
    /* border-top: 3px solid; */
    padding-top: 10px;
    /* width: 70%; */
    min-height: 5rem;
    }
.projekty-zoznam 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;}
.projekty-zoznam a:hover h2 {color: #2fac66;}


#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: #f3f3f3;border-radius: 6px;}
#newsletter .wpcf7 {width:100%;max-width: 1000px;margin: 10px auto;padding: 0px;}
#newsletter .wpcf7 .nh {font-size:0; text-align:center}
#newsletter .wpcf7 .fh:nth-child(2) {/* max-width:300px; */}
#newsletter .wpcf7 .fh {display:inline-block;vertical-align:middle;/* width:50%; */vertical-align: middle;}











/*CF*/

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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



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

.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:initial;font-size: .8rem;}
#order-form .wpcf7 .wpcf7-acceptance label a {display:inline;font-weight: bold;}

.acceptance { text-align: left; font-size: 1.2rem; }
.podmienky { font-size: 1.2rem; text-align: left; max-width: 600px; margin: 0px auto 30px; max-height: 300px; overflow: scroll; background-color: rgba(0, 0, 0, 0.1); padding: 30px; display: none; }
.acceptance a { text-decoration: underline; color: rgb(210, 35, 42); }
.wpcf7 h4 { font-family: "Open Sans", sans-serif; margin-bottom: 20px; margin-top: 20px; color: inherit; font-size: 0.95rem; }
.wpcf7 label br { display: none; }
input,select, textarea, select, html .woocommerce-account input {/* width: 100%; */font-family: inherit;padding: 11px 10px;border-radius: 0;font-size: .8rem;margin-bottom: 2px;max-width: 500px;-webkit-appearance: none;appearance: none;color: #000000;border-color: #fff;background-color: transparent;outline: 0px;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;box-sizing: border-box;border-radius: 0px;border: 2px solid #fff;font-size: 1rem!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("");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: #000000; */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 #000000;border: 2px solid;margin-top: 0px;width: auto;margin-left: auto;margin-right: 0;padding: 11px 30px;border-radius: 6px;}
html .wpcf7-submit:hover {background-color: white;color: #5a6771;color: #03162F;background-position: 97% center;/* box-shadow: 1px 1px 20px rgba(0,0,0,0.1); */}
html div.wpcf7-validation-errors, html div.wpcf7-mail-sent-ok { z-index: 999999999; color: red; border: 0px; border-radius: 0px; font-size: 1rem; width: 100%; text-align: inherit; left: 0px; top: 0px; display: block; background-color: white; max-width: 430px; margin: 0px auto; padding: 10px; }
html div.wpcf7-mail-sent-ok { color: rgb(58, 49, 39); background-color: rgb(228, 191, 142) !important; }
html div.wpcf7 .ajax-loader {padding: 11px;display: block;width: 6px;height: 6px;border-radius: 50%;background: #5ca038;cursor: pointer;box-shadow: rgba(140, 150, 40, 0.4) 0px 0px 0px;animation: 1s ease 0s infinite normal none running pulse;margin: -41px 0px 0px 70px;left: 0px;right: 4px;position: relative;}
@-webkit-keyframes pulse { 
  0% { box-shadow: rgba(140, 150, 40, 0.4) 0px 0px 0px 0px; }
  70% { box-shadow: rgba(140, 150, 40, 0) 0px 0px 0px 10px; }
  100% { box-shadow: rgba(204, 169, 44, 0) 0px 0px 0px 0px; }
}
@keyframes pulse { 
  0% { box-shadow: rgba(140, 150, 40, 0.4) 0px 0px 0px 0px; }
  70% { box-shadow: rgba(140, 150, 40, 0) 0px 0px 0px 10px; }
  100% { box-shadow: rgba(140, 150, 40, 0) 0px 0px 0px 0px; }
}
.wpcf7-acceptance {margin-top:10px; display:block}
html span.wpcf7-not-valid-tip {/* display: none; */position: absolute;}
html input.wpcf7-not-valid, textarea.wpcf7-not-valid { border-left: 3px solid red; }
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { opacity: 0; }
#colophon .wpcf7 p { display: inline-block; margin: 0px; }
.wpcf7 p {vertical-align: top;display: inline-block;width: 100%;max-width: 100%;position: relative;text-align: center;text-align: left;margin-top: 0px !important;/* margin-bottom: 15px !important; */color: white;padding: 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; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {max-width:610px; margin:20px auto;}
#formular strong { font-style: normal; }
.loadingqqq { position: fixed; overflow: hidden; }
#preloader { opacity: 0; visibility: hidden; background-color: white; position: absolute; width: 100vw; height: 100vh; z-index: 9999999; transition: all 1s ease 0s; -webkit-transition: all 1s ease-in-out; background-position: 50% 80%; background-repeat: no-repeat; background-size: 270px; }
.loading #preloader { opacity: 1; visibility: visible; height: 100vh; }
.pulse { opacity: 0; margin: 40vh auto; display: block; width: 22px; height: 22px; cursor: pointer; box-shadow: rgba(204, 169, 44, 0.4) 0px 0px 0px; animation: 1s ease 0s infinite normal none running pulse; background-image: url("https://wera.matoremes.sk/wp-content/uploads/2020/11/heart2.svg"); background-repeat: no-repeat; background-size: contain; }
.loading .pulse { opacity: 1; }
@-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; }

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

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

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


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

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



/*CF*/

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

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


.ikons {text-align:center;font-size: 0;position: relative;overflow: hidden;padding: 6vh 0px;background-color: white;margin-top: 6vh;background-image: url(https://hmx.matoremes.sk/wp-content/uploads/2025/03/hamax-vyroba-pergol-na-mieru.jpg);background-color: rgba(0,0,0,0.28);background-blend-mode: multiply;background-position: center right;background-size: cover;}
.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: 370px;/* background-color: white; */border-radius: 0px;padding: 20px 20px 40px 20px;margin: 20px;transition: all .83s ease-in-out;}
.ikons div:hover {/* background-color: #201d20; */}
.ikons div a:before {/* content:""; *//* margin: 27px auto; */width: 100px;height: 0px;/* background-color: red; */display:block;background-repeat:no-repeat;background-position:center;background-size: 387px;background-image: url("https://hmx.matoremes.sk/wp-content/uploads/2025/03/icons2.svg");transform: scale(1.3);}

.ikons div a {color: white;/* font-size: 2rem; *//* border-bottom: 1px dotted; */transition: all .3s;/* max-width: 10px; */font-size: clamp(18px, 4vw, 32px);line-height: 1.15;}
.ikons div a:hover {/* color: #2fac66; */}
.ikons div:nth-child(1) a:before {background-image: url("https://hmx.matoremes.sk/wp-content/uploads/2025/03/icons2.svg");/* background-size: 387px; */background-position: -267px -7px;}
.ikons div:nth-child(2) a:before {/* background-image: url(""); */background-position: -126px -6px;width: 140px;}
.ikons div:nth-child(3) a:before {/* background-image: url(""); */background-position: -19px -10px;}



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


.entry-content h2 {/* font-size:2.1rem; *//* line-height: 2.5rem; *//* margin: 30px auto; */}
.entry-content h3 {/* font-size: 1.274rem; *//* margin: 0px auto; *//* text-align: left; *//* color: inherit; */}
.entry-content p {display:block;/* text-align:left; */color: inherit;}
.entry-content ul {}
.entry-content li {}



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

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

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

#formular {font-size:0;max-width: 1500px;margin: 40px auto;text-align: center;overflow: hidden;position: relative;/* line-height: 2rem; */}
#formular:before {content:"";background-image:url(https://hmx.matoremes.sk/wp-content/uploads/2026/02/1701951059_bioklimaticka-pergola-lamelino.webp);content:"";display:block;width:50vw;/* width: 70%; */height: 100%;background-color:red;position: absolute;left: 0;background-size: cover;opacity: .35;max-width: 740px;}
#formular > h2 {max-width:560px;line-height: 3rem;font-size: 2rem;color: white;margin: 30px auto;}
.first {display:inline-block;width:50%;vertical-align:middle;font-size:initial;max-width: 480px;min-width: 250px;}
.first a {font-size: 1.513rem;line-height: 3rem;color: white;border-bottom: 2px solid #17a85b;}


.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:#2fac66;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: #2fac66;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;}

.phone a:before {transition: all .3s;content:"";display:inline-block;width: 40px;height: 45px;vertical-align:middle;margin-right:10px;/* background-color:red; */background-image: url(https://hmx.matoremes.sk/wp-content/uploads/2025/03/icons-small.svg);background-size: 690px;background-position: -52px -101px;display: none;}
.email a:before {transition: all .3s;content:"";display:inline-block;width: 40px;height: 45px;vertical-align:middle;margin-right:10px;/* background-color:red; */background-image: url(https://hmx.matoremes.sk/wp-content/uploads/2025/03/icons-small.svg);background-size: 690px;background-position: -104px -101px;display: none;}
.instagram a:before {transition: all .3s;content:"";display:inline-block;width: 40px;height: 45px;vertical-align:middle;margin-right:10px;/* background-color:red; */background-image: url(https://hmx.matoremes.sk/wp-content/uploads/2025/03/icons-small.svg);background-size: 850px;background-position: -469px -131px;display: none;}
.facebook a:before {transition: all .3s;content:"";display:inline-block;width: 40px;height: 45px;vertical-align:middle;margin-right:10px;/* background-color:red; */background-image: url(https://hmx.matoremes.sk/wp-content/uploads/2025/03/icons-small.svg);background-size: 690px;background-position: -344px -102px;display: none;}

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


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

i.instalacie {display:block;width: 210px;height: 210px;margin:20px auto;background-size: 144%;background-image:url(https://hmx.matoremes.sk/wp-content/uploads/2025/04/mapa.png;);border-radius:50%;border: 10px solid #2fac66;background-position: right 98%;}

#colophon a:hover {color: white;border-bottom: 2px solid;}

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

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

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



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

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

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

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


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

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


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

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


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

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


  .single .entry-header h1.entry-title {display:block;position:absolute;text-align:center;width:100%;max-width: 710px;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;}
.single .entry-header  .btn {position:absolute;bottom: 12%;left:0;right:0;margin:0px auto;max-width: 240px;text-align:center;padding: 23px 20px;color: black;}
.single .entry-header  .btn:hover {color:#2fac66}

.single article .entry-content {margin: 40px auto;/* max-width: 750px; */padding:20px;font-size:1.3rem;line-height:1.8rem;/* background-color: white; *//* color: black; *//* padding: 80px 60px; */}
.single article .image {height: 55vh;min-height: 530px;background-size: cover;position: relative;/* max-width: 1630px; */margin-left: auto;margin-right: auto;background-position: center;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;}

.single article .entry-content .btn {color: black;/* border:2px solid #2fac66; */}
.single article .entry-content .btn:hover {border-color:#000000 }

  .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: #000000; */}
.page article .entry-content {margin: 0px auto;/* max-width: 750px; */padding:20px;font-size: 1.213rem;line-height:1.8rem;/* background-color: white; *//* color: black; *//* padding: 80px 60px; */position: relative;overflow: hidden;}
.page article .entry-content ul {padding: 20px 0px;font-size: 1rem;/* margin: 0; */}
.page article .entry-content ul li{font-size: inherit;text-align: left;}
.page article .entry-header {/* margin-top:118px; */}
.page article .entry-content .mw {max-width:700px; margin:0px auto}
.page article .post-thumbnail {/* max-height: 90vh; */background-size: 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: #000000; */max-width: 1920px;max-height: 80vh;}
.page article .post-thumbnail img {/* transition: all .3s; *//* width:100%!important; *//* height:auto!important; */max-width: 100%;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;opacity: .65;margin: 0px auto!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;}
.page article .post-thumbnail img {object-fit: cover;visibility: hidden;opacity: 0;}
.page article #image-main {background-size:cover; background-position:center;}
.page-id-51 article #image-main {max-height:55vh}
.page article .entry-content {/* max-width:700px; *//* background-color: black; *//* position: absolute; *//* top: 50vh; */}
.page-template-kurzy-1 article #image-main {max-height:55vh;}

#referencie {text-align:center;max-width: 1180px;margin: 0px auto;}
#referencie h3 {
    margin: 20px 0px 20px 0px;
    font-size: 2rem;
    line-height: 3rem;
}
#referencie h4 {
    margin-top: 40px;
    margin-bottom: 50px;
    color: #2fac66;
    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:#2fac66}
#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:#2fac66;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: #2fac66;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: #2fac66;}


i.plus {display: inline-block;width: 60px;height: 60px;border: 3px solid #2fac66;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:#2fac66; 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:#2fac66; 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:#2fac66}
.page article .entry-content #kurz  ul li:before {
                          content:"";
                          width: 60px;
                          height: 41px;
                          display:inline-block;
                          vertical-align:middle;
                          background-image:url();
                          background-size: 1410px;
                          background-color: #f5f7f9;
                          background-color: white;
                          background-position: -356px -63px;
                          margin-right: 20px;
                          border-radius: 0px;
                          /* margin-left: -70px; */
                          /* position: absolute; */
                          }

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

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

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

#site-navigation ul.sub-menu li a {
    padding: 8px 20px;
    line-height: 1rem;
    /* font-size: 0.69rem; */
    color: #000000;
    padding-right: 49px!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 .3s;
    width: 14%;
    line-height: 1.2rem;
    /* min-width: 190px; */
    /* padding: 20px; */
    text-align: center;
}
#site-navigation li.logo {}
#site-navigation li.logo a {font-size:0!important}
#site-navigation li.logo:hover {transform:scale(1.08)}


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

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

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

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

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

#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:20px; }


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



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


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


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

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

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

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

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

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




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




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

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

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

.lines {
    display: inline-block;
    width: 31px;
    height: 2px;
    background: rgba(40,40,40,1);
    background: white;
    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: white;
    /* background: #2fac66; */
    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: white;
    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: white;
    color: #2fac66;
}

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

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

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

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

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

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






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



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





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

.flickity-enabled {
  position: relative;
}

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

.flickity-viewport {
  overflow: hidden;
  position: relative;
  /* height: 100%!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;
}

.flickity-prev-next-button svg {/* fill:#C9A56C; *//* fill: #2fac66; */fill: black;transition:all .3s;}
.flickity-prev-next-button:hover svg {fill: #2fac66;}

.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: 0.25; */
  cursor: pointer;
}

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



/**/


.gallery-cell {background-size:cover;height: 80vh;max-height: 800px;min-height: 460px;width: 100vw;background-position: center;background-color: rgba(0,0,0,0.359);background-blend-mode: multiply;/* left: 0!important; */!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;}
img.fi {opacity: 0;}
.top-slider .flickity-viewport {/* height:100vh!important; */}




.post-template-single-visteria {}
 .entry-content {max-width:initial;text-align: center;padding: 0;}
 .entry-content #focus {max-width: 270px;width:100%;display:inline-block;vertical-align:top;text-align: left;padding: 0px 20px 20px 20px;} 
.entry-content #basic-info {max-width: 750px;width:100%;display:inline-block;text-align: left;padding: 20px;} 
 .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;}
article .entry-content #basic-info #intro {padding: 0px;display:block;/* background-color: #f5f7f9; */border-radius: 10px;font-size: 1.1rem;line-height: 1.98rem;margin-top: 0px;margin-bottom: 20px;}
article .entry-content #basic-info #intro strong {display:block;font-size: 1.3;margin:20px auto}
.entry-content h2 {font-size: 1.75rem;/* margin: 30px auto; *//* max-width: 360px; */}
 .entry-content #basic-info ul {font-size:1rem;margin: 30px  20px;}

.entry-content .actions #opr {display:inline-block;vertical-align:middle;font-size: 1.02rem;margin:20px;/* font-weight: normal; */color: #000000;max-width: 330px;line-height: 1.4rem;display: none;}
.entry-content .actions #opr:hover {color:#2fac66}
 .entry-content .actions .btn {/* display:inline-block; *//* vertical-align:middle; */}
 .entry-content .actions {
    padding: 30px;
}
#kalkulacka #selector-wrapper h3 {font-size:2rem}
#kalkulacka-holder {text-align: center;background-color: white;font-size: 0;margin: 3vh auto 10vh auto;max-width: 90%;max-width: 750px;}
#kalkulacka {
    padding: 30px;
    margin: 0px auto;
    border: 1px solid;
    /* max-width: 770px; */
    /* border-radius: 10px; */
    border: 0;
    /* padding-bottom: 50px; */
    display: inline-block;
    vertical-align: middle;
    margin-left: 0px;
    position: relative;
    z-index: 2;
    /* background-color: black; */
    width: 50%;
    font-size: initial;
    color: black;
    min-width: 410px;
}

#kalkulacka a {border-bottom:2px solid #2fac66}
#kalkulacka a:hover {color:#2fac66}
#kalkulacka p {max-width:400px; margin:0px auto}
#kalkulacka-holder #image-main {display: block;width: 100;height: 40vh;background-size:cover;vertical-align:middle;/* margin-left: -30px; */z-index: 3;position: relative;min-width: 300px;}

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

#kalkulacka label:before {content:"";margin: 27px auto;width: 240px;height: 0px;/* background-color: red; */display:block;background-repeat:no-repeat;background-position:center;background-size: 189px;/* background-image: url("https://hmx.matoremes.sk/wp-content/uploads/2025/04/terasa2.svg"); */transform: scale(1.3);}



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

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


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

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

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

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





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

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

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

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

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

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

.gallery-cell {width:100%}

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



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

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

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



.hero-slide{
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;   /* vertical center */
}

.hero-media{
  position: absolute;
  inset: 0;
  z-index: 0;
}

.hero-video{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.hero-media img {
    width: 100%;
  height: 100%;
  object-fit: cover;
}

/* dark overlay behind text */
.hero-overlay{
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(90deg, rgba(0,0,0,0.62) 0%, rgba(0,0,0,0.42) 38%, rgba(0,0,0,0.10) 70%, rgba(0,0,0,0.00) 100%);
}

.hero-content{
  position: relative;
  z-index: 2;
  max-width: 520px;
  padding: clamp(18px, 3vw, 36px);
  margin: clamp(18px, 3vw, 36px);
  color: #fff;
  background-color: rgba(0,0,0,0.85);
  margin-left: 70px;
}

.hero-kicker{
  margin: 0 0 10px;
  font-size: 1rem;
  font-weight: bold;
  opacity: 0.9;
}

.hero-title{
  /* margin: 0 0 14px; */
  /* font-size: clamp(34px, 3.4vw, 52px); */
  /* line-height: 1.08; */
  /* font-weight: 800; */
}
.hero-title br {display:none}

.hero-list{
  list-style: none;
  padding: 0;
  margin: 0 0 28px;
}

.hero-list li{
  position: relative;
  padding-left: 36px;
  margin: 9px 0;
  font-size: 16px;
  font-weight: 600;
}

/* green check icon */
.hero-list li::before{
  content: "";
  position: absolute;
  left: 0px;
  top: -3px;
  /* margin-right: 25px; */
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgba(0, 190, 90, 0.95);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") no-repeat center / 30px 30px;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") no-repeat center / 30px 30px;
}

.hero-actions{
  display: flex;
  gap: 14px;
  align-items: center;
  flex-wrap: wrap;
  /* padding: 0; */
}


.btn:hover{ transform: translateY(-1px); }

.btn-primary{
  background: #17a85b;
  /* color: #fff; */
  color: black;
}

.btn-link{
  background: transparent;
  color: #fff;
  /* padding-left: 6px; */
  /* padding-right: 6px; */
  opacity: 0.95;
}

.btn-link:hover{ opacity: 1; }

/* mobile tweaks */
@media (max-width: 640px){
  .hero-content{
    max-width: 92%;
    margin: 14px;
    padding: 16px;
  }
  .hero-kicker{ font-size: 22px; }
}


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


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

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

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

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

.my-extra-class {display:none}

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











.hmx-about {
  background: #fff;
  padding: clamp(48px, 6vw, 96px) 16px;
  color: #111;
}

.hmx-about__inner {
  max-width: 1100px;
  margin: 0 auto;
}

.hmx-about__header {
  text-align: center;
  margin-bottom: clamp(24px, 4vw, 46px);
}

.hmx-about__title {
  margin: 0 0 14px 0;
  font-size: clamp(34px, 4.2vw, 54px);
  line-height: 1.05;
  font-weight: 800;
}

.hmx-about__lead {
  margin: 0 auto;
  max-width: 860px;
  font-size: clamp(18px, 2vw, 22px);
  line-height: 1.6;
  color: rgba(17, 17, 17, 0.85);
}

.hmx-about__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-bottom: 18px;
}

.hmx-about__card {
  /* border: 1px solid rgba(17, 17, 17, 0.08); */
  border-radius: 0;
  padding: clamp(38px, 2.5vw, 58px);
  background: #fff;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.05);
}

.hmx-about__h2 {
  margin: 0 0 12px 0;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 800;
}

.hmx-about__h2--center {
  text-align: center;
}

.hmx-about__text {
  margin: 0;
  font-size: 18px;
  line-height: 1.7;
  color: rgba(17, 17, 17, 0.85);
}

.hmx-about__text--center {
  text-align: center;
  margin-top: 10px;
}

.hmx-about__list {
  margin: 12px 0 0 0;
  padding-left: 18px;
  display: grid;
  gap: 10px;
}

.hmx-about__products {
  margin-top: 18px;
  /* border: 1px solid rgba(17, 17, 17, 0.08); */
  border-radius: 0;
  padding: clamp(38px, 2.5vw, 58px);
  background: #fff;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.05);
}

.hmx-about__chips {
  margin-top: 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

.hmx-about__chip {
  display: inline-flex;
  align-items: center;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(17, 17, 17, 0.12);
  background: black;
  font-size: 15px;
  line-height: 1.1;
  color: white;
}

.hmx-about__cta {
  margin-top: 18px;
  border-radius: 0;
  padding: clamp(18px, 2.5vw, 28px);
  background: #0b0b0b;
  color: #fff;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
  padding-bottom: 60px;
}

.hmx-about__cta .hmx-about__text {
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: 14px;
}

.hmx-about__ctaRow {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 18px;
  align-items: center;
  justify-content: center;
}

.hmx-about__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 18px;
  border-radius: 10px;
  background: #22b573;
  color: #fff;
  font-weight: 800;
  text-decoration: none;
}

.hmx-about__btn:hover {
  filter: brightness(0.95);
}

.hmx-about__link {
  color: #22b573;
  text-decoration: none;
  font-weight: 800;
}

.hmx-about__link:hover {
  text-decoration: underline;
}

@media (max-width: 900px) {
  .hmx-about__grid {
    grid-template-columns: 1fr;
  }
}








.hmx-benefits {
  /* background: #fff; */
  padding: clamp(48px, 6vw, 90px) 16px;
  /* color: black; */
  background-image: url(https://hmx.matoremes.sk/wp-content/uploads/2026/02/pergola-hamax-malinovo.jpg);
  background-color: rgba(0,0,0,0.571);
  background-blend-mode: multiply;
  background-position: center;
  background-size: cover;
  min-height: 70vh;
}

.hmx-benefits.markizy{background-image:url(https://hmx.matoremes.sk/wp-content/uploads/2026/03/markizy-hamax.jpg)}

.hmx-benefits__inner {
  max-width: 1240px;
  margin: 0 auto;
}

.hmx-benefits__header {
  text-align: center;
  margin-bottom: clamp(26px, 3.5vw, 42px);
}

.hmx-benefits__title {
  margin: 0 0 14px 0;
  font-size: clamp(30px, 4vw, 54px);
  line-height: 1.05;
  font-weight: 800;
  /* color: #0b3a5a; */
  letter-spacing: -0.02em;
}

.hmx-benefits__lead {
  margin: 0 auto;
  max-width: 900px;
  font-size: clamp(16px, 1.7vw, 20px);
  line-height: 1.7;
  color: rgba(11, 58, 90, 0.85);
}

.hmx-benefits__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(14px, 2vw, 22px);
}

.hmx-benefits__card {
  /* background: #f5f8fb; */
  border-radius: 0px;
  padding: clamp(18px, 2.2vw, 28px);
  text-align: center;
  box-shadow: 0 0 0 1px rgba(11, 58, 90, 0.06) inset;
  /* border: 2px solid rgba(255,255,255,0.2); */
  transition: all .3s;
}

.hmx-benefits__card:hover {background-color:rgba(0,0,0,0.6)}

.hmx-benefits__icon {
  width: 58px;
  height: 58px;
  margin: 0 auto 14px auto;
  display: grid;
  place-items: center;
  /* color: #1297e0; */
}

.hmx-benefits__svg {
  width: 50px;
  height: 44px;
  display: block;
  color: #2fac66;
}

.hmx-benefits__h3 {
  margin: 0 0 10px 0;
  font-size: 22px;
  line-height: 1.25;
  font-weight: 800;
  /* color: #0b3a5a; */
}

.hmx-benefits__text {
  margin: 0;
  font-size: 16px;
  line-height: 1.7;
  color: rgba(11, 58, 90, 0.85);
}

/* Responsive */
@media (max-width: 1100px) {
  .hmx-benefits__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 560px) {
  .hmx-benefits__grid {
    grid-template-columns: 1fr;
  }

  .hmx-benefits__card {
    padding: 18px;
  }
}








.hmx-types {
  background: #f7fafc;
  padding: clamp(48px, 6vw, 96px) 16px;
  color: black;
}

.hmx-types__inner {
  max-width: 1180px;
  margin: 0 auto;
}

.hmx-types__header {
  text-align: center;
  margin-bottom: clamp(24px, 3.5vw, 36px);
}

.hmx-types__title {
  margin: 0;
  font-size: clamp(28px, 4vw, 48px);
  font-weight: 800;
  line-height: 1.1;
}

/* Grid */

.hmx-types__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 400px));
  gap: clamp(20px, 3vw, 40px);
  margin-top: clamp(24px, 3vw, 36px);
  justify-content: center;
}

/* Card */
.hmx-types__card {
  position: relative;
  background: #fff;
  border-radius: 0;
  padding: clamp(18px, 2.5vw, 28px);
  text-align: center;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
  /* max-width: 470px; */
}

/* Badge */
.hmx-types__badge {
  position: absolute;
  top: 18px;
  left: 18px;
  background: rgba(47,172,102,0.3);
  color: rgba(47,172,102,1);
  font-size: 14px;
  font-weight: 700;
  padding: 6px 10px;
  border-radius: 6px;
  text-transform: uppercase;
}

/* Image */
.hmx-types__media {
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: clamp(18px, 2vw, 28px);
}

.hmx-types__img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}

/* Name */
.hmx-types__name {
  margin: 0 0 14px 0;
  /* font-size: 22px; */
  /* font-weight: 800; */
  /* color: #0b3a5a; */
}

/* Button */
.hmx-types__btnnn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  background: #0b3a5a;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  font-size: 16px;
  border-radius: 8px;
}

.hmx-types__btn:hover {
  filter: brightness(0.93);
}

/* Responsive */
@media (max-width: 780px) {
  .hmx-types__badge {
    font-size: 12px;
    padding: 5px 8px;
  }

  .hmx-types__name {
    font-size: 20px;
  }
}





#submenu {transition: all .6s;max-height:0;overflow:hidden;position: absolute;z-index: 9;left: 0;background-color: white;/* padding: 0px 40px; */left: 0;right: 0;margin-left: auto;margin-right: auto;}
.xy-active #submenu, #submenu:hover { max-height:1200px; }
#submenu #produkty {padding: 0;}
#submenu  .cat-grid {padding: 20px 0px;background-color:black}

#content {transition:all .3s;}
.xy-active #content {opacity:.0}










.hmx-collage {
  position: relative;
  padding: 40px 0;
  padding-bottom: 100px;
}

.hmx-collage__label {
 
margin: 50px auto;
}

.hmx-collage__label h3 {
  /* margin: 0; */
  /* font-size: 20px; */
  /* font-weight: 600; */
}

.hmx-collage__label p {
  /* margin: 4px 0 0; */
  /* font-size: 13px; */
  /* text-transform: uppercase; */
  /* letter-spacing: 0.12em; */
  /* opacity: 0.65; */
}

/* IMPORTANT: force grid even if theme messes with it */
.hmx-collage__grid {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;

  display: grid !important;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: 92px;
  gap: 22px;
}

/* Card */
.hmx-i {
  display: block;
  overflow: hidden;
  border-radius: 0; /* no rounded corners */
  /* background: #eee; */
  transform: translateZ(0); /* smoother hover */
}

/* Image */
.hmx-i img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1);
  transition: transform 0.6s ease;
}

.hmx-i:hover img {
  transform: scale(1.08);
}

/* Desktop collage spans (asymmetric like example) */
.hmx-i1 { grid-column: 3 / span 7; grid-row: 1 / span 3; }  /* big center */
.hmx-i2 { grid-column: 1 / span 2; grid-row: 2 / span 2; }  /* left small */
.hmx-i3 { grid-column: 10 / span 3; grid-row: 2 / span 2; } /* right small */
.hmx-i4 { grid-column: 2 / span 3; grid-row: 4 / span 2; }  /* bottom left */
.hmx-i5 {grid-column: 5 / span 5;grid-row: 5  / 4;align-self: start;}  /* bottom center wide */
.hmx-i6 {grid-column: 10 / span 6;grid-row: 4 / span 3;} /* bottom right tall */

/* Mobile: 2 columns */
@media (max-width: 820px) {
  .hmx-collage {
    padding: 28px 0;
  }

  .hmx-collage__label {
    top: 12px;
    padding: 12px 18px;
  }

  .hmx-collage__grid {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 180px;
    gap: 14px;
  }

  /* natural 2-col layout */
  .hmx-i1 { grid-column: 1 / -1; grid-row: auto; }
  .hmx-i2 { grid-column: auto; grid-row: auto; }
  .hmx-i3 { grid-column: auto; grid-row: auto; }
  .hmx-i4 { grid-column: 1 / -1; grid-row: auto; }
  .hmx-i5 { grid-column: auto; grid-row: auto; }
  .hmx-i6 { grid-column: auto; grid-row: auto; }
}










.hmx-faqs {
  padding: 6vh 0px;
  background-color: white;
  color: black;
}

.hmx-faqs__wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
}

/* each row */
.hmx-faq {
  border-top: 1px solid #ddd;
}

.hmx-faq:last-child {
  border-bottom: 1px solid #ddd;
}

/* question button */
.hmx-faq__q {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 18px;

  padding: 28px 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  text-align: left;
}

/* icon */
.hmx-faq__icon {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border-radius: 50%;
  background: #17a85b;
  position: relative;
}

.hmx-faq__icon::before,
.hmx-faq__icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 2px;
  background: #fff;
  transform: translate(-50%, -50%);
}

.hmx-faq__icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

/* open state -> minus */
.hmx-faq.is-open .hmx-faq__icon::after {
  opacity: 0;
}

.hmx-faq__title {
  font-size: 2rem;
  line-height: 1.1;
  font-weight: 500;
  /* color: white; */
}

/* answer */
.hmx-faq__a {
  display: none;
  padding: 0 0 28px 56px; /* aligns content under title */
}

.hmx-faq__content {
  max-width: 980px;
}

/* table styling */
.hmx-table {
  overflow-x: auto;
}

.hmx-table table {
  width: 100%;
  border-collapse: collapse;
  min-width: 860px;
}

.hmx-table th,
.hmx-table td {
  border: 1px solid #bfbfbf;
  padding: 14px 12px;
  text-align: center;
  font-size: 14px;
}

.hmx-table th:first-child,
.hmx-table td:first-child {
  text-align: left;
}

.hmx-table thead th {
  /* background: #f6f7f8; */
  font-weight: 600;
}

.hmx-faq__notes {
  margin-top: 16px;
  font-size: 14px;
  opacity: 0.8;
}

/* responsive */
@media (max-width: 820px) {
  .hmx-faq__title {
    font-size: 26px;
  }

  .hmx-faq__a {
    padding-left: 0;
  }

  .hmx-faq__q {
    padding: 22px 0;
  }
}























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


.lines-button {display: block!important;position: absolute;top: 28px;right: 23px;opacity: .7;}
.fixedheader .lines-button {top: 6px;}

  #mhead #site-navigation {display:block;text-align:left;width:initial;padding:10px;transition: all .3s;max-height: 0;overflow: hidden;padding: 0px 10px;margin: 0;padding: 0;opacity: 0;}
  .shrink #mhead #site-navigation {max-height: 1000px;/* padding: 20px 0px; *//* padding: 0px; */opacity: 1;}
  #mhead #site-navigation li {display:block;border:0!important;padding: 3px;text-align: left;width: initial;}
    #mhead #site-navigation li.logo {display:none}
  #mhead #site-navigation li a {padding: 6px;display:block;color: #2fac66;}
  #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;}
  .logo {/* transform: scale(.5)!important; */HEIGHT: 75PX;BACKGROUND-POSITION: left;margin: 0px 0px;display: block;margin-left: 10px;width: 141px;}
  .video-holder .over-video {position:relative;background-color: #000000;padding-bottom:40px;margin-top: 40px;}
  .video-holder .over-video h1 {font-size:1.4rem; line-height:2rem}
  .video-holder .over-video h2 {font-size:1.14rem; line-height:1.4rem}
  .video-holder .btn {font-size:.7rem; margin:3px}
#mhead {background-color:black;}
  .video-holder:before {display:none}
  .projekty-zoznam a {margin-bottom:0px;min-width: 300px;}
  .ikons div {display:block;width:initial;padding: 0;margin: 0px auto;}
  .projekty-zoznam > h2 {/* font-size: 1.35rem; *//* margin-bottom: 15px; */margin-top: 30px;}
  #vsetky-kurzy > h2 {font-size:1.5rem; margin-top:20px; margin-bottom:30px}
  #colophon h1 {font-size:1.5rem;margin-bottom: 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: 30px;}
  #colophon a.logo {margin-left:auto;margin-right:auto;display: block;transform-origin: center;transform: scale(.75)!important;!i;!;margin: 10px auto;}
  #colophon {/* padding-top: 20px; */}
  #formular > h2 {font-size: 1.5rem;line-height: 2rem;margin: 0px auto;}
  .entry-content h2 {margin: 10px 0px;font-size: 1.5rem;line-height: 2rem;}
  .first b {margin:20px auto}
  .first, .second {display:block;width:initial;margin: 3px auto;}
  .wpcf7 {margin-bottom:10px}
  .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:initial;text-align: center;width: 100%;}
  .page article .entry-content {overflow:initial;padding: 20px;}
  #white .wpcf7:before {display:none}
  #objednat {max-width:260px; border-radius:10px;}
  #hodnoty h3:before {transform:scale(.7);margin-right: 5px;}
  .entry-content .komplexny-pristup {padding:15px}
  .entry-content ol#intervencia li {padding:20px}
  .entry-content ol#intervencia {margin:10px!important; padding:0;}
  .entry-content ol#intervencia li b {font-size:1.3rem; line-height:1.8rem}
  .single article .image {height:40vh;min-height: 350px;}
  .single .entry-header h1.entry-title {font-size:1.3rem; line-height:1.9rem}
  .single article .entry-content {font-size:1rem;}
  .btn {font-size: 1rem;line-height: 1.5rem;}
  #vsetky-kurzy li a.ain {position:relative;left:0;bottom: 0;}
  #vsetky-kurzy li a.ain.aktualizacne {position:relative;left:0;margin-top: 20px;margin-bottom: 20px;}
  #referencie div small {display:none}
  #referencie div a {max-width:90px;padding: 0px;}
  #referencie div img {max-width: 58px;padding: 5px;}
  #referencie div span {font-size: .8rem;line-height:1rem}
  #referencie h3 {font-size:1.5rem; line-height:1.8rem;}
  #referencie h4 {font-size:1rem}
  .kurzy-item .image {display:block; margin:0px auto}
  .kurzy-item .content {display:block; width:initial; margin:0px auto; }
  .kurzy-item {padding:20px 10px}
  .archive h1.page-title span {font-size:1.4rem;line-height: 1.6268rem;display: block;}
    .top-slider h1 b {font-size:1.6rem; line-height:2rem;}
    .top-slider h2 b {font-size:.9rem; line-height:1.35rem; padding:0px 20px}
    .top-slider #ceo {position: fixed;/* display: none; */transform-origin: right;transform: scale(.7);padding-right: 20px;max-width: 320px;bottom: -30px;}
    .fixedheader .top-slider #ceo {opacity:0}
    i.vyrobca1 {width:100px}
    i.vyrobca2 {width:70px}
    .gallery-item {width: calc(50% - 1px) !important;}
    .kurzy-item span {opacity:1}
    #page {/* padding-top:30px; */}
    .kurzy-item h1 {min-height:initial;margin-bottom: 10px;}
    #kalkulacka {width:100%;min-width: initial;}
    #kalkulacka-holder #image-main {width:100%;min-width: initial;}
  #sertifikat span {/* display:block; *//* text-align:center; */font-size: .87rem;}
  #formular:before {display:none}
  .shrink #submenu {position:relative;max-height: initial;}

  .hero-slide {
    flex-direction: column;
    align-items: center;      /* horizontal alignment */
    justify-content: center;  /* vertical alignment (optional) */
}
.hero-media {position:relative;width:100%;display:block;/* min-height: 50vh; */}
  .gallery-cell {height:auto}


  .flickity-prev-next-button {}
  .flickity-prev-next-button {top: 50%;/* bottom: 0px; */}
  #promotions .flickity-prev-next-button {top:80px}
  .flickity-prev-next-button {top: 50%;/* bottom: 0px; */}
  #promotions .flickity-prev-next-button svg {fill:white}
  .flickity-page-dots {/* top: 35px; */display: none;}
  .flickity-prev-next-button svg {fill:white;}
  .hmx-testimonials .flickity-prev-next-button svg {fill:black; opacity:0}
  .flickity-page-dots .dot {background:white}
  .flickity-viewport {/* overflow:visible!important; *//* padding-bottom: 80px!important; */}
  .flickity-prev-next-button.next {/* right:-10px; */width: 35px;}
  .flickity-prev-next-button.previous {/* left:-10px; */width: 35px;}
  #white .wpcf7 {padding:20px}
  .projekty-zoznam {padding: 20px;}
  #colophon #newsletter {padding:10px}
  .cat-card__content {padding:0}
  .cat-grid__wrap {width:initial}
  .cat-card__title {font-size:1.5rem}
  .fixedheader #mhead {padding:20px}
  .hmx-testimonials {padding: 30px 20px;}
  #produkty {padding:10px 0px}
  #certifikat .hero-actions {padding:0px}
  #certifikat  {padding:10px}
  #sertifikat {/* transform: scale(.59); */width: 100%;}
  .cat-grid {padding:20px}
  .hmx-benefits {background-size:contain;background-repeat:no-repeat;background-position:top;min-height: auto;}
  .top-slider h2 {font-size:1.5rem; line-height:1.6rem}
  .hero-list li {font-size:1rem; margin:3px}
  .hero-kicker {font-size:.7rem; margin:0}
  .ikons {margin:0;/* height:70vh; */background-size: 180%;background-repeat:no-repeat;background-position: bottom right;padding-bottom: 270px;/* background-color: #17a85b; */border: 2px solid white;margin-top: 30px;width: 90%;margin: 40px auto;}
#certifikat:before {max-width:150px; right:0; top:15%}
}