/*** colors
#ffffff
#B80C09
#E50E0B
#7E8287
#000000
***/

*,
*:after,
*:before {
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    border-radius: 0 !important;

}

html, body {
    height: 100%;
    min-height: 100%;
    position: relative !important;
    
   
}

/*** typo ***/
/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,600;1,400;1,600&display=swap');*/

html {/*height: 100vh;scroll-behavior: smooth;*/} /*16px*/

body {
font-size: 16px;
  background: #fff;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  line-height: 1.75;
  color: #000000;
  width: 100%;
/*  height: 500vh;*/
  margin: 0;
  overflow-x: hidden;
}
.homepage {background: #000000;color: #fff;}
p {margin-bottom: 1rem;}

h1, h2, h3, h4, h5 {
  margin: 3rem 0 1.38rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  line-height: 1.3;
}
h1 span, h2 span, h3 span, h2 sup, h3 sup, #products h2 span, #products h3 span, .home h3 {
  font-weight: 400;color: #E50E0B;
}
#products h2 {margin: 0}
#products666 h3 span, .home h3 {font-size: 1.25rem;width: 100%;display: block;margin: 0}

h1 {
/*  margin-top: 0;*/
  /*font-size: 3.052rem;*/font-size: 5.314rem;
}

.homepage h1, #specs h1, #about-us h1, #accessories h1, #products h1 {font-size: 5.314rem;}
#about-us h1, .homepage h1, #products h1, .years h1, .years h2 {margin: 0;}

h2 {font-size: 2.441rem;}

h3 {font-size: 1.953rem;}

h4 {font-size: 1.563rem;}

h5 {font-size: 1.25rem;}

small, .text_small {font-size: 0.8rem;}

#products, #accessories {background: radial-gradient(at 50% 0%, rgba(50,30,30,0.7) 0%, rgba(0,0,0,0.9) 100%);}
#about-us {background: radial-gradient(at 50% 0%, rgba(50,30,30,0.7) 0%, rgba(0,0,0,0.9) 100%), url(../img/about-us.jpg) no-repeat center center;
background-size: cover; background-position: right top;color: rgba(255,255,255,0.80)}
#about-us strong {color: rgba(255,255,255,1.00)}


svg {max-width: 400px;
  height: auto;
  display: block;
  overflow: visible;}

@-webkit-keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes fill {
  from {
    fill: rgba(255, 255, 255, 0);
  }
  to {
    fill: rgba(255, 255, 255, 1);
    stroke-width: 0;
  }
}
  .st0 {
    fill: none;
  stroke: white;
  stroke-width: 1;
  stroke-dasharray: 400;
  stroke-dashoffset: 400;
  animation: draw 1s forwards, fill 1s 4s forwards;
  -webkit-animation: draw 1s forwards, fill 1s 4s forwards;
  }

  .st0:nth-child(1) { animation-delay: 0s, 4s; stroke-dasharray: 1200; stroke-dashoffset: 1200;
  -webkit-animation-delay: 0s, 4s; -webkit-stroke-dasharray: 1200; -webkit-stroke-dashoffset: 1200;}
  .st0:nth-child(2) { animation-delay: 1s, 4s; -webkit-animation-delay: 1s, 4s;}
  .st0:nth-child(3) { animation-delay: 1.5s, 4s; -webkit-animation-delay: 1.5s, 4s;}
  .st0:nth-child(4) { animation-delay: 2s, 4s; -webkit-animation-delay: 2s, 4s;}
  .st0:nth-child(5) { animation-delay: 2.5s, 4s; -webkit-animation-delay: 2.5s, 4s;}
  .st0:nth-child(6) { animation-delay: 3s, 4s; -webkit-animation-delay: 3s, 4s;}
  .st0:nth-child(7) { animation-delay: 3s, 4s; -webkit-animation-delay: 3s, 4s;}
  .st0:nth-child(8) { animation-delay: 3.5s, 4s; -webkit-animation-delay: 3.5s, 4s;}
.fade-in-text  {
display: block;width: 100%;margin: 0;padding: 34px 0 0 0;color: #fff !important; font-size: 1.6rem;

}

.fade-in-text span {
  opacity: 0;
  animation: fadeIn 1s forwards;
}

@keyframes fadeIn {
  to { opacity: 1; }
}


#videotext{flex-wrap: wrap;align-content: center;}



.years {/*text-align: center*/}
.years h2 {margin-top: 0}
.years .blocks {margin-bottom: 0}
.years .blocks .block-1-2:nth-child(odd) {text-align: right;border-right: dashed 1px #7E8287;padding: 0px 40px }


.homepage #products .block-1-1 {background-size:contain;background-repeat:no-repeat;min-height:600px;background-position: left top;text-align: right;}
.homepage #products .block-1-1:first-child {background-position: right top}
.homepage #products .block-1-1:first-child {text-align: left;}
.homepage #products .block-1-1:first-child button {float: left;}
.homepage #products .block-1-1 h2, .homepage #products .block-1-2 h2 {font-size: 9rem; font-weight: 900;margin: 0;padding: 0;margin-left: -4px;background: -webkit-linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0.5));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.homepage #products .block-1-1 h3, .homepage #products .block-1-2 h3 {margin: 0;padding: 0;color: rgba(255,255,255,0.50)}
.homepage #products .block-1-1 h3 span, .homepage #products .block-1-2 h3 span {margin: 0;padding: 0;color: rgba(255,255,255,1); font-weight: 600}
/*.products-text h3 span, .homepage #products .block-1-2 span, .homepage #products .block-1-1 h3, .homepage #products .block-1-2 h3 span,
.homepage #products .block-1-1 h3 span, .homepage #products .block-1-2 h3 span
{font-size: 1.953rem;width: auto;display: inline-block;color: #fff !important; font-weight: 600 !important;opacity: 1 !important}*/
.homepage #products .benefits2 {
    width:100%;display: block;float: left}
.homepage #products .benefits {
    width:100%;
    text-align: center;
    display: flex;
    flex-direction: column; 
  justify-content: center; /* vodorovné centrování položek */
  align-items: center;     /* svislé centrování položek */
  gap: 20px;               /* mezera mezi položkami */}
.homepage #products .benefit-items {
  display: flex;
  flex-wrap: wrap; /* umožní zalomení na další řádek */
  gap: 40px;       /* mezery mezi divy */
  justify-content: center; /* zarovnání na střed */
    
}

.homepage #products .benefit-items > div {
  flex: 1 1 calc(25% - 80px); /* max 4 na řádek, odečtení mezery */
  box-sizing: border-box;background-color: #181b1b;
    padding: 40px;
}

.homepage #products .buttons {
  display: flex;
  justify-content: space-between; /* jedno vlevo, druhé vpravo */
  width: 100%; /* roztáhne na šířku containeru */
  margin-top: 20px;
}
.homepage #products .buttons a{
border-bottom: 1px solid rgba(255,255,255,0.00) !important;
}
.homepage #products  .benefits2 img{
height: 80px;width: auto;
    text-align: center;
}
.homepage #products  .benefits2 p{
    text-align: center;
}
.homepage #products .benefits h5 {margin-top: 0}
.homepage #products .benefits p {margin-bottom: 0}
/* Mobile responsive styles */
@media (max-width: 768px) {
    .homepage #products .benefit-items {
        flex-direction: column; /* divy pod sebou */
        gap: 20px; /* menší mezery na mobilu */
    }
    
    .homepage #products .benefit-items > div {
        flex: none; /* zruší flex grow/shrink */
        width: 100%; /* plná šířka na mobilu */
        padding: 30px 20px; /* menší padding na mobilu */
    }
    
    .homepage #products .buttons {
       /* flex-direction: column;  tlačítka pod sebou */
        gap: 15px;
        align-items: center;
    }
    
    .homepage #products .buttons a {
        width: 100%; /* tlačítka na plnou šířku */
    }
}




.swiper {
      width: 100%;
      height: auto;
    min-height: 340px;/**/
    display: block;float: left;
    }

    .swiper-slide {
      text-align: center;
/*  background: linear-gradient(180deg, #1e293b, rgba(0,0,0,0.1)); */
        background: linear-gradient(180deg, #1e293b, rgba(0,0,0,0.1)), url(../img/benefits.svg) no-repeat center center;
background-size: cover; background-position: right top;
border-radius: 10px !important;
  font-size: 24px;
  padding: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
         height: auto;
    min-height: 300px; /**/
    }

    .swiper-slide img, .swiper-slide p {
     /* display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;*/
        margin: auto;
        margin-bottom: 0;
    }
    .swiper-slide h5 {margin-top: 0;}

.swiper-pagination-bullet {border-radius: 50% !important;background-color: rgba(255,255,255,0.75) !important}
.swiper-pagination-bullet-active {border-radius: 50% !important;background-color: #E50E0B !important}
.swiper-button-next, .swiper-button-prev {color: #E50E0B !important;margin-top: -40px !important;}


.homepage #latest-posts {background: linear-gradient(180deg, #1e293b, rgba(0,0,0,0.1));padding-top: 60px}
.homepage #latest-posts h2 {margin-top: 0}
.homepage #latest-posts h4 {margin-top: 20px}
.homepage #latest-posts a {border: none !important;}
.homepage #latest-posts .post-list {padding:0 !important;}

/*** typo ***/

a, input[type=submit], input, textarea, button, .prev_product, .next_product, .buy-it, a.fancybox img  {-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;font-family: 'Montserrat', sans-serif;}

canvas {
position: fixed;
right: 0;
top: 0;
/*height: 100vh;*/
max-height: 100vh;
max-width: 100vw;
/*transform: translate(-0%, -50%);*/
z-index: 1;
}
canvas img {height: 100%;width: auto}
section {
width: 100%;
/*min-height: 100vh;*/
/*padding-top: 100px;*/
/*z-index: 2;
position: relative;*/
/*background-color: rgba(0,0,0,1.00)*/
/*margin-top: 40px;*/
display: block;
float: left;
}
.main-section {padding-bottom: 80px;}
.main-section ul {padding-left: 0px;}
#specs, #accessories, #support {padding-top: 100px;position: relative;z-index: 2}
.homepage section {width: 100%;
  /*min-height: 100vh;*/
  padding-top: 100px;
  z-index: 2;
  position: relative;}
section .container { display: block;/*display: flex;
    min-height: calc(100vh - 100px);flex-direction: column;
    justify-content: center;*/}
section a {color: #000;text-decoration: none;position: relative;}
.homepage a, .product-promo a {color: #fff;border-bottom: 1px solid #7E8287;}   
.homepage a:hover, .product-promo a:hover, .homepage a button, .homepage #products .buttons a button{color: #fff;border-bottom: 1px solid transparent;}
section a:hover {text-decoration: none;}
/*p a::before, .product_meta a::before  {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(1);
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #7E8287;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}*/
p a, .main-section a{
  position: relative !important;
}
p a:not(.button)::after, .product_meta a::after, .main-section a::after  {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #B80C09;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
.main-section p a, .agree a {border-bottom: 1px dotted #000}
.main-section p a:hover, .agree a:hover {border-bottom: 1px dotted #fff}
p a:not(.button):hover::after, .product_meta a:hover::after, .main-section a:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;background-color: #B80C09;
}
p a::after button, p a:hover::after + button  {transform: scaleX(0);}
.stars a:hover::after, .button:hover::after, .wc-backward:hover::after {transform: scaleX(0);}
.home {
    display: flex;
    min-height: 100vh;
	height: auto;
    width: 100%;
    max-width: 1300px;
    margin: auto;
    flex-direction: column;/**/
    justify-content: center;
   /* align-items: center;*/
	padding: 0 40px;
    z-index: 3;
position: relative;
   
}
/*.home h1 {max-width: 50%;margin-top: 0;color: rgba(0,0,0,1);font-weight: 800;margin: 0;
text-shadow:
   -1px -1px 0 #fff,  
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
     1px 1px 0 #fff;}*/
.home h1 {font-size: 8vw; font-weight: 900;margin: 0;padding: 0;margin-left: -4px;background: -webkit-linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0.5));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;line-height: 1}
.home h2 {max-width: 100%;margin-top: 0;color: rgba(255,255,255,0.5);font-weight: 800}
.home h2 span {color: rgba(255,255,255,1);font-weight: 800}
/*.prvni, .druhy{color: #000;width: 100%;min-height: 50vh;position: relative;z-index: 2;}*/
/*.homepage h1 {max-width: 50%;margin-top: 0;color: rgba(0,0,0,1);font-weight: 800;
  text-shadow:
     -1px -1px 0 #fff,  
      1px -1px 0 #fff,
      -1px 1px 0 #fff,
       1px 1px 0 #fff;}
  .homepage h2 {max-width: 100%;margin-top: 0;color: rgba(255,255,255,0.5);font-weight: 800}
  .homepage h2 span {color: rgba(255,255,255,1);font-weight: 800} */
.home h4 {max-width: 100%;margin-top: 0;}
.container {/*max-width: 100%;*/max-width: 1300px;margin: auto;position: relative;z-index: 2;padding: 40px;}
.homepage .container {max-width: 1300px;}
.fade-in {
	-webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.align-left {text-align: left}
.align-right {text-align: right}
.align-center {text-align: center}


/* Kontejner zajišťující horizontální posuv na malých displejích */
.table-responsive {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* plynulejší scroll na mobilu */
}

/* Základ tabulky */
.table {
  width: 100%;
  border-collapse: collapse;
  min-width: 600px; /* vyvolá posuvník na úzkých displejích */
}

/* Buňky */
.table th,
.table td {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #7E8287;
  text-align: left;
  vertical-align: middle;
  background: #fff;
}

/* Hlavička */
.table thead th {
  font-weight: 600;
  background: #7E8287;
  position: sticky; /* hlavička zůstává viditelná při posuvu */
  top: 0;
  z-index: 1;
    color: white;
}

/* Hover efekt pro čitelnost */
.table tbody tr:hover {
  background: #f9fafb;
}

/* Jemnější spacing na mobilech */
@media (max-width: 640px) {
  .table th,
  .table td {
    padding: 0.5rem 0.75rem;
  }
}





/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
-webkit-filter: blur(50px);
  }
  100% {
    opacity: 1;
-webkit-filter: blur(0px);
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
-webkit-filter: blur(50px);
  }
  100% {
    opacity: 1;
-webkit-filter: blur(0px);
  }
}


.scroll-line {
	bottom:80px;
	right: 50%;
	height: 1px;
	position: absolute;
	overflow: hidden;
  width:40px;
  transform: rotate(90deg);
  tranform-origin:50% 50%;
  z-index: 2;
 
}


.scroll-line::before,
.scroll-line::after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: ""
}

.scroll-line:before {
	background: rgba(255,255,255,0.20);
}

.scroll-line::after {
	background: #B80C09;
	animation: scrolldown 3s infinite
}

@keyframes scrolldown {
	0% {
		transform: translate3d(-200%, 0, 0)
	}
	60% {
		transform: translate3d(100%, 0, 0)
	}
	100% {
		transform: translate3d(100%, 0, 0)
	}
}


.h1-line {width: 100%;display: block;margin-top: -1.38rem;margin-bottom: 1.38rem}
/*** video ***/
#container-video{
  width:100%;
  height:100vh;
  position:relative;
  display:block;
  overflow:hidden;
}
  
#background-video {
  position: absolute;
  box-sizing:border-box;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  max-height: 100vh;
  object-fit: cover;
  object-position: center;
}



#videotext {
font-family: 'Montserrat';
line-height: 1;
position: absolute;z-index: 9;
width: 100%;height: 100%;
padding: 0 40px;
  display: flex;
  flex-direction: column; /* Obrázek nad textem */
  align-items: center;    /* Centrovat horizontálně */
  justify-content: center; /* Centrovat vertikálně */
text-align:center;

/*background-image: url(../img/home_bg.webp);*/ background-repeat: no-repeat; background-position: center bottom; background-size: cover;
}
#videotext  h1 span {font-size: 2.441rem;color: transparent;font-weight: 800;opacity: 0}
#videotext  img {width: 300px;height: auto;transform: translateY(-25vh);}
#videotext  h1 {
    transform: translateY(-25vh);
line-height: 1;
width: 100%;max-width: 1300px;/*margin: auto;    margin-top: 15%;font-size: 7.067rem;*/font-weight: bolder
}
#videotext .maintitle {
text-transform: uppercase;
font-size: 5.314rem;
/*text-align: right;*/line-height: 1;
display: inline-block;
}
#videotext h1 .maintitle span {
font-size: 5.314rem;
}
#videotext .secondtitle {/*display: inline-block;*/}
#videotext .maintitle span {
  color: transparent;
  animation: blur 2s normal forwards ease-in-out;
  -webkit-animation: blur 2s normal forwards ease-in-out;
}

#videotext .secondtitle span {
  color: transparent;
  animation: blur-small 2s normal forwards ease-in-out;
  -webkit-animation: blur-small 2s normal forwards ease-in-out;
}

#videotext .maintitle span {
  animation-delay: calc(0.5s * var(--n));
  -webkit-animation-delay: calc(0.5s * var(--n));
}

#videotext .maintitle span:nth-child(1) { --n: 1; }
#videotext .maintitle span:nth-child(2) { --n: 2; }
#videotext .maintitle span:nth-child(3) { --n: 3; }
#videotext .maintitle span:nth-child(4) { --n: 4; }
#videotext .maintitle span:nth-child(5) { --n: 5; }
#videotext .maintitle span:nth-child(6) { --n: 6; }
#videotext .maintitle span:nth-child(7) { --n: 7; }
#videotext .maintitle span:nth-child(8) { --n: 8; }
#videotext .maintitle span:nth-child(9) { --n: 9; }
#videotext .maintitle span:nth-child(n+10) { --n: 10; }

#videotext .secondtitle span {
  --maintitle-duration: 3s; /* 5s pro animaci (10 * 0.5s) + 2s pro poslední animaci */
  --pause-after-maintitle: 1s; /* Pauza po dokončení .maintitle */
  animation-delay: calc(var(--maintitle-duration) + var(--pause-after-maintitle) + 0.3s * var(--n));
  -webkit-animation-delay: calc(var(--maintitle-duration) + var(--pause-after-maintitle) + 0.3s * var(--n));
}

#videotext .secondtitle span:nth-child(1) { --n: 1; }
#videotext .secondtitle span:nth-child(2) { --n: 2; }
#videotext .secondtitle span:nth-child(3) { --n: 3; }
#videotext .secondtitle span:nth-child(4) { --n: 4; }
#videotext .secondtitle span:nth-child(5) { --n: 5; }
#videotext .secondtitle span:nth-child(6) { --n: 6; }
#videotext .secondtitle span:nth-child(7) { --n: 7; }
#videotext .secondtitle span:nth-child(8) { --n: 8; }
#videotext .secondtitle span:nth-child(9) { --n: 9; }
#videotext .secondtitle span:nth-child(n+10) { --n: 10; }

@keyframes blur {
  0%   { text-shadow: 0 0 100px #fff; opacity: 0; }
  50%  { text-shadow: 0 0 90px #fff; font-size: 8rem; }
  100% { text-shadow: 0 0 0px #fff; opacity: 1; }
}

@-webkit-keyframes blur {
  0%   { text-shadow: 0 0 100px #fff; opacity: 0; }
  50%  { text-shadow: 0 0 90px #fff; font-size: 8rem; }
  100% { text-shadow: 0 0 0px #fff; opacity: 1; }
}

@keyframes blur-small {
  0%   { text-shadow: 0 0 100px #fff; opacity: 0; }
  50%  { text-shadow: 0 0 90px #fff; font-size: 4rem; }
  100% { text-shadow: 0 0 0px #fff; opacity: 1; }
}

@-webkit-keyframes blur-small {
  0%   { text-shadow: 0 0 100px #fff; opacity: 0; }
  50%  { text-shadow: 0 0 90px #fff; font-size: 4rem; }
  100% { text-shadow: 0 0 0px #fff; opacity: 1; }
}
.preloader {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 200px;
height: 1px;
background:  rgba(255,255,255,0.20);
}

.progress-bar {
width: 0;
height: 1px;
background: #B80C09;
}
.block-line {background-image: url(../img/line-block.svg); background-repeat: no-repeat; background-position: top right; background-size: auto 400px;}
/*** video-end ***/

.check-list {
  margin: 0 0 2rem 0;
  padding-left: 1.2rem;
}

.check-list li {
  position: relative;
  list-style-type: none;
  padding-left: 2rem;
/*padding-bottom: 1rem;*/
}

.check-list li:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 4px;
    width: 5px;
    height: 11px;
    border-width: 0 2px 2px 0;
    border-style: solid;
    border-color: #B80C09;
    transform-origin: bottom left;
    transform: rotate(45deg);
}


.blocks {display: flex;flex-wrap: wrap;gap: 40px;margin-bottom: 3rem;justify-content: center;width: 100%;}
.block-1-1 {width: 100%;}
.block-1-2 {width: calc(100% / 2 - calc(40px/2*1));}
/*.homepage .block-1-2:nth-child(1) {order: 2}
.homepage .block-1-2:nth-child(2) {order: 1}
.homepage .block-1-2:nth-child(3) {order: 4}
.homepage .block-1-2:nth-child(4) {order: 3}*/
.block-1-3 {width: calc(100% / 3 - calc(40px/3*2));box-shadow: 0px 0px 10px 0px rgba(0,0,0, 0.1);padding: 40px;}
.block-1-4 {width: calc(100% / 4 - calc(40px/4*3));box-shadow: 0px 0px 10px 0px rgba(0,0,0, 0.1);padding: 40px;}
.block-1-5 {width: calc(100% / 5 - calc(40px/5*4));box-shadow: 0px 0px 10px 0px rgba(0,0,0, 0.1);padding: 20px;}
.block-2-3 {width: calc(66% - calc(40px/2*1)); }
.block-1-2 h1, .block-1-2 h2, .block-1-2 h3, .block-1-3 h1, .block-1-3 h2, .block-1-3 h3 {margin-top: 0}
.block-1-1 img, .block-1-2 img, .block-1-3 img, .block-2-3 img {/*max-height:100%;height:100%;width:auto*/max-width: 100%;
    max-height: 100%;
    height: inherit !important;}

.product-promo .blocks {gap: 80px;}
.product-promo .block-1-3 {width: calc(100% / 3 - calc(80px/3*2));padding: 0px;}
.product-promo .block-1-2 {width: calc(100% / 2 - calc(80px/2*1));}

.cleaner{display: block;float: left;width: 100%;height: 0px;clear: both}
.cleaner20px{display: block;float: left;width: 100%;height: 20px;clear: both}
.cleaner40px{display: block;float: left;width: 100%;height: 40px;clear: both}
.cleaner80px{display: block;float: left;width: 100%;height: 80px;clear: both}
.cleaner160px{display: block;float: left;width: 100%;height: 160px;clear: both}


.pdf, .fw {
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
    background-size: 16px auto;
    margin-bottom: 1rem;
    display: inline-block;
}
.pdf {
    background-image: url(../img/pdf.svg);
}
.fw {
    background-image: url(../img/fw.svg);
}
.store img {max-height: 40px; width: auto !important; margin-right: 20px}
.product-promo a.pdf, .product-promo a.fw, .product-promo a.store, .product-promo a.no-hover {border-bottom: none;}
.product-promo a.store:hover, .product-promo a.no-hover:hover {border-bottom: none;}
.product-promo a.store:hover::after, .product-promo a.no-hover:hover::after  {transform: scaleX(0);}

.antracit {
   /* background-color: #181B1B; */
    width: 100%;/*    background: radial-gradient(at 50% 0%, rgba(50,30,30,1) 0%, rgba(0,0,0,1) 100%);*/
    background: linear-gradient(180deg, #1e293b, rgba(0,0,0,1))
}

.antracit .container img {mix-blend-mode: lighten;}
/*** form ***/
form small {color: rgba(255,255,255,0.20)}
#thank-you-message {
  display: none;
}

#thank-you-message.show {
  display: block;
}
input[type=text], input[type=tel], input[type=email], select, textarea {
  width: 100%;
  padding: 12px;
  border: none;
  border: 1px solid rgba(0,0,0,0.20);
  border-radius: 0px;
  resize: vertical;
}
input[type=text]:focus, input[type=tel]:focus, input[type=email]:focus, select:focus, textarea:focus {
border-bottom: 2px solid rgba(0,0,0,1);
}

label {
  padding: 12px 12px 12px 0;
  display: inline-block;
}
.nf-field-label {display: none}
.nf-field-label .nf-label-span, .nf-field-label label {font-weight: 400 !important}



input[type=submit], button, .woocommerce ul.products li.product .button, .single_add_to_cart_button .button .alt,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,  .woocommerce #respond input#submit.alt,  .woocommerce a.button.alt,  .woocommerce button.button.alt,  .woocommerce input.button.alt,  .woocommerce .button .alt,
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,  .woocommerce #respond input#submit,  .woocommerce a.button,  .woocommerce button.button,  .woocommerce input.button, .woocommerce .edit

{
  background-color: #B80C09 !important;
  color: white;
  padding: 1rem !important;
  border: 1px solid #B80C09 !important;
/*  border-radius: 4px !important;*/
  cursor: pointer !important;
  float: right;
  margin-top: 1rem !important;
  text-align: center !important;
  font-weight: normal !important;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,  .woocommerce #respond input#submit,  .woocommerce a.button,  .woocommerce button.button,  .woocommerce input.button, .woocommerce .edit {background-color: rgba(126,130,135,0.50) !important;margin: 0 !important;text-shadow: none !important; border: none !important}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover,  .woocommerce input.button:hover, .woocommerce .edit:hover {background-color: rgba(126,130,135,1) !important;}

.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:hover {background-color: rgba(126,130,135,0) !important;}

.homepage button:hover, .product-promo button:hover, .buy-it:hover {box-shadow:
4px 4px 0px 0px #000,
-4px -4px 0px 0px #000,
5px 5px 0px 0px #E50E0B,
-5px -5px 0px 0px #E50E0B !important;}

.product-promo button {clear: both;float: none;margin-top: 0}

.buy-it {
    background-color: #B80C09;
    color: white;
    border: none;
    border-radius: 0px;
    padding: 1rem 2rem 1rem 1rem !important;
/*    margin-left: 40px;*/
    background-image: url(../img/basket.svg);
    background-repeat: no-repeat;
    background-position:  90% center;
    background-size: 20px auto;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
    margin-top: 0 !important;
}
.buy-it:hover{
background-position:  200% center;
padding: 1rem 2rem !important;
}
/*.buy-it::before, .buy-it::after {transform: scaleX(0) !important;background-color: #fffC09}
.buy-it button {margin-top: 0 !important; float: none;}*/
.homepage .buy-it {
    margin-top: 1rem !important;
}
.vice-info {
float:left;
    background-color: rgba(0,0,0,0.00) !important;
    border: 1px solid rgba(255,255,255,0.30) !important;
}
.homepage .vice-info:hover {
box-shadow:
4px 4px 0px 0px #000,
-4px -4px 0px 0px #000,
5px 5px 0px 0px rgba(255,255,255,0.30),
-5px -5px 0px 0px rgba(255,255,255,0.30) !important;
    background-color: rgba(255,255,255,0.30) !important;
}

input[type=submit]:hover, button:hover, .woocommerce ul.products li.product .button:hover, .single_add_to_cart_button .button .alt:hover, .woocommerce div.product form.cart .button:hover, .woocommerce a.button.alt:hover,
.woocommerce .button .alt:hover, .woocommerce button.button.alt:hover {
background-color: #E50E0B !important;
box-shadow:
4px 4px 0px 0px #fff,
-4px -4px 0px 0px #fff,
5px 5px 0px 0px #E50E0B,
-5px -5px 0px 0px #E50E0B;
border: none !important
}
footer input, footer textarea, footer .mailpoet_text {background-color: #000 !important;
color: #fff !important; border: 1px solid rgba(255,255,255,0.20) !important;outline: none !important;}
footer input:focus, footer textarea:focus, footer .mailpoet_text:focus {border: 1px solid rgba(255,255,255,0.50) !important;}
footer input[type=submit]:hover, footer .mailpoet_submit:hover {box-shadow:
4px 4px 0px 0px #000,
-4px -4px 0px 0px #000,
5px 5px 0px 0px #E50E0B,
-5px -5px 0px 0px #E50E0B !important;
color: #fff !important}


.woocommerce table.shop_attributes th {vertical-align: top}



/*
.block-1-4 {
    float: left;
    width: 25%;
    margin-top: 1rem;
    
}

.block-3-4 {
  float: left;
  width: 75%;
  margin-top: 1rem;
}
*/

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}


/*** lang ***/
.lang {position: fixed;top:64px;right:0;z-index: 99}
.lang li {display: block;width: 40px;height: 40px;line-height: 40px;}
.lang li a {display: block;width: 40px;height: 40px;line-height: 40px; background-color: rgba(0, 0, 0, 0.80);color: #fff;opacity: 0.8;text-align: center;text-decoration: none;border: 1px solid rgba(255, 255, 255, 0.50)}
.lang li a:hover {opacity: 1;background-color: #B80C09;}
/*** lang-end ***/

/*** footer ***/
footer {
    background-color: #050505;
    text-decoration: none;
    color: #fff;
    font-size: 0.772rem;
    position: relative;
    z-index: 1;
    width: 100%;
    display: block;
    float: left;/*margin-top: 40px;*/   border-top: 1px solid rgba(255,255,255,0.10);/* */
}
/*.homepage footer .container {max-width: 100%}*/
footer .block-1-3 {box-shadow: none;padding: 0px;display: inline-block;background-color: transparent;}
footer svg {fill: #fff}

footer a {color: #fff;opacity: 0.5;border-bottom: none !important;text-decoration: none}
footer a:hover {color: #fff;opacity: 1;border-bottom: none !important;}
footer h4 {color: #fff;margin: 0}
footer p {margin-bottom: 1em;}
footer ul {width: 100%; list-style: none;margin: 1rem 0 0 0;padding: 0}
footer ul li {width: 100%; list-style: none;line-height: 20px;display: block;float:left;text-align: left;margin-bottom: 0.5rem;}
footer .align-right ul li {text-align: right;}
footer .block-1-3 img {max-height: 20px; width: auto;max-width: 100%;}
footer span {display: none}
footer .blocks {margin-bottom: 40px}
.copyright {text-align: center;font-size: 0.618rem;line-height: 10px; border-top: 1px dashed rgba(255,255,255,0.10);padding-top: 40px}
.copyright img {height: 10px;width: auto;margin-bottom: 0;margin-left: 3px;vertical-align: middle;}

.address, .phone, .mail, .post-category-icon, .post-date-icon, .facebook, .instagram, .youtube, .person {
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 20px;
    background-size: 16px auto;
    margin-bottom: 0.5rem;
    display: inline-block;
    border-bottom: none !important;
}
.address {background-image: url(../img/map.svg);}
.phone {background-image: url(../img/phone.svg);}
.mail {background-image: url(../img/envelope.svg);}
.facebook {background-image: url(../img/facebook.svg);}
.instagram {background-image: url(../img/instagram.svg);}
.youtube {background-image: url(../img/youtube.svg);}



.main-section .address {background-image: url(../img/map-red.svg); background-position: left 4px;}
.main-section .phone {background-image: url(../img/phone-red.svg); background-position: left 4px;}
.main-section .mail {background-image: url(../img/envelope-red.svg); background-position: left 4px;}
.main-section .facebook {background-image: url(../img/facebook-red.svg); background-position: left 4px;}
.main-section .instagram {background-image: url(../img/instagram-red.svg); background-position: left 4px;}
.main-section .youtube {background-image: url(../img/youtube-red.svg); background-position: left 4px;}

.person {background-image: url(../img/person-red.svg); background-position: left center;}

.nf-form-fields-required {
  display: none;
}

.social {display: block;width: 100%;margin-top: 1em;float: left}
.social .facebook, .social .instagram, .social .youtube{display: inline-block;width: 30px;height: 30px; background-size: 20px auto; background-position: left center;}
/*** footer-end ***/



/*** blog***/
.post h1 {font-size:3.052rem}
.post-list h2 {font-size: 1.953rem;}

.grid-container {
    display: grid;
    gap: 40px;
    grid-template-columns: repeat(3, 1fr);
}

.post-list {
    padding: 40px;
    box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
}
.post-list img{
width: 100%;height: auto
}
.post-list p:first-of-type{
margin-top: 0
}

.post-meta {width: 100%;margin-bottom: 1.38rem;display: inline-block}
.post-meta img, .tags img {max-height: 16px;max-width: 16px;height: 16px;width: 16px;display: inline-block;vertical-align: middle;margin-bottom: 0.2rem}
.post-category, .post-date {margin-bottom: 0;float: left;display: inline-block;font-size: 14px}
.post-date {width:40%;text-align: left}
.post-category {width:60%;text-align: right}
.post-categories {text-align: right;margin: 0;padding: 0;display: inline-block}
.post-categories li {text-align: right;margin: 0;padding: 0;display: inline-block}
.tags {display: inline-block; width: 100%;text-align: center}
.tags li {display: inline-block; margin: 0 1rem;}
.post-main-image {margin-top: 80px}
.post-main-image img {width: 100%;height: auto;max-height: 600px;overflow: hidden;object-fit: cover;
  object-position: center;}
/*** blog-end ***/






/*** product-promo ***/
.product-promo {background-color: #000;display: block;width: 100%;min-height: 100%; height: auto;float: left;color: #fff}
.product-promo .container {max-width: 1300px;}
/*.product-promo button {float: left;}*/
.product-promo a {color: #fff}
#specs {margin-top: 100vh;background-color: #000}
/*.product-promo .block-1-3 {}*/
/*** product-promo end***/



/*** woo ***/
.woocommerce {padding-top: 0}
.woocommerce input, .woocommerce textarea {font-family: 'Montserrat', sans-serif !important;}


.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {background-color: #fff;box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;padding: 0px !important}
.woocommerce ul.products li.product h2, .woocommerce-page ul.products li.product h2 {padding: 20px !important}
.woocommerce .products .star-rating {margin-left: 20px !important;position: absolute;top:20px}

.woocommerce ul.products li.product a {display: block}
.woocommerce .price {text-align: right; font-size: 1.25rem;display: block;width: 100%;float: left}
.woocommerce ul.products li.product .price {margin-right: 20px !important;float: none !important;width: auto !important}

/*.woocommerce ul.products li.product .button {position: absolute;bottom: 0;right: 0}*/
/*.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {min-height: 430px}*/
/*.my-account{
padding-left: 20px !important;
padding-right: 20px !important;
}
.cart-customlocation{
padding-left: 20px !important;
padding-right: 20px !important;
}*/
.cart-customlocation img, .my-account img {
width: auto;
height: 20px;
display: inline-block;
vertical-align: middle;
position: relative;
}
.cart-customlocation div {
background-color: #B80C09;
position: absolute;top: 20px;right: 0;
width: 20px;
height: 20px;
display: block;
vertical-align: middle;
text-align: center;
z-index: 2;
font-size: 8px;
line-height: 20px;
border-radius: 50%;
}

.single-product {margin-top: 80px;font-size: 14px}
.single-product h1 {font-size: 2.441rem;margin: 0}
.single-product h2 {font-size: 1.953rem;}
.single-product h2, .single-product h3 {margin-top: 0}
.single-product h3 {font-size: 1.563rem;}
.single-product h4 {font-size: 1.25rem;}

.woocommerce div.product form.cart {float: right;display: block}
.woocommerce .quantity .qty, .woocommerce .woocommerce-ordering select {border: 1px solid #7E8287;margin-top: 1rem;height: auto !important;/*border-radius: 4px;*/padding: 1rem}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,  .woocommerce #respond input#submit,  .woocommerce a.button,  .woocommerce button.button,  .woocommerce input.button {color: #fff !important}



ul.flex-direction-nav {
	position: absolute;
	top: calc(30% + 40px);
	z-index: 99999;
	width: 100%;
	left: 0;
	margin: 0;
	padding: 0px;
	list-style: none;}

li.flex-nav-prev {float: left;;}
li.flex-nav-next {float: right;}

a.flex-next, a.flex-prev {visibility:hidden;overflow: hidden; height: 80px;width: 40px;position: absolute;
   /* top: calc(50% - 40px);
    z-index: 99999;*/}
a.flex-next{right:0px;}
a.flex-prev{left:0px;}
a.flex-next::before, a.flex-prev::before {
    visibility: visible;
    content: '';
    height: 80px;
    width: 40px;
    background-repeat: no-repeat;
    display: block;
    background-size: auto 40px; 
    
    position: absolute;/**/

}
a.flex-next::before {

    background-image: url(../img/next.svg);background-position: left center;

}
a.flex-prev::before {
    background-image: url(../img/prev.svg);background-position: right center;
}



.prev_next_buttons {position: fixed;bottom: 40px;left:0;width: 100%; z-index: 9;}
.prev_next_buttons h5 {font-size: 10px;margin: 0}
.prev_next_buttons img {height: 40px !important; width:  auto;object-fit: cover;}
.prev_product, .next_product{background-color: rgba(255,255,255,1.00);padding: 10px;box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;opacity: 0.5;color: #fff}
.prev_product:hover, .next_product:hover{opacity: 1;margin: 0}
.prev_product {margin-left: -80px; float:left;text-align: left;padding-left: 40px}
.next_product {margin-right: -80px; float:right;text-align: right;padding-right: 40px}


.woocommerce div.product div.images .woocommerce-product-gallery__trigger {right: 0 !important;top:0 !important;width: 40px;height: 40px;background: none !important;}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger::before {border: 1px solid #B80C09 !important; border-radius: 100% !important}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger::after {background: #B80C09 !important;width: 1px !important;transform: rotate(-45deg) !important}


.woocommerce div.product .woocommerce-tabs ul.tabs li a {font-weight: normal !important; font-size: 0.8rem}


.woocommerce-cart-form img {max-height: 120px !important;width: auto !important}

.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {width: auto !important}


.select2-container .select2-selection--single .select2-selection__rendered {padding: 12px !important;}
.select2-container .select2-selection--single {height: auto !important}
.woocommerce .quantity .qty {width: 6rem !important}


.woocommerce table.shop_table,
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box{border-radius: 0 !important;border: 1px solid rgba(0,0,0,.02) !important; background-color: rgba(0,0,0,.02) !important}

#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {display: none !important}/**/


.woocommerce table.shop_table td, .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {border-top: 1px dashed rgba(0,0,0,.1) !important;text-align: left}
.woocommerce table.shop_table tbody:first-child tr:first-child td, .woocommerce table.shop_table tbody:first-child tr:first-child th {border-top: none !important;}

.woocommerce form .form-row .select2-container, .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 1rem !important}
.woocommerce table.shop_attributes th {text-align: left}



.woocommerce-message, .woocommerce-info {border-top: 1px solid rgba(126,130,135,0.20) !important; color: #000 !important}
.woocommerce-error {border-top: 1px solid #B80C09 !important;}

.woocommerce-info::before {color: #000 !important}
.woocommerce-error, .woocommerce-info, .woocommerce-message,
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment
{background-color: #fff !important}


.woocommerce a.remove {color: #B80C09 !important}


.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {border-radius: 0 !important;border: 1px solid #7E8287 !important}
.woocommerce form .password-input input[type=password], .woocommerce-page form .password-input input[type=password] {padding: 12px !important;border: 1px solid #7E8287 !important}


.sku_wrapper, .posted_in {display: inline-block;width: 48%}
.posted_in {display: inline-block;width: 48%;text-align: right;float: right}
.woocommerce div.product .woocommerce-product-rating {margin-bottom: 0 !important}


.products {margin-top: 0 !important}

.up-sells  h2:first-child {display: none !important}


/*.woocommerce .up-sells ul.products li.product, .woocommerce-page .up-sells ul.products li.product {padding: 10px !important}*/

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: 1px solid #7E8287 !important;
    background-color: #EFEFEF !important;
    color: #000 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {background: #fff !important;border-bottom: 1px dashed #fff !important}


.comment-form-author, .comment-form-email {width: 48%; display: block}
.comment-form-author {float: left}
.comment-form-email {float: right}
.comment-form-cookies-consent {width: 100%; display: block;float: left}
.woocommerce p.stars a, .woocommerce .star-rating span::before, .woocommerce .star-rating::before  {/*background: #fff;*/color: #B80C09 !important}
.woocommerce p.stars.selected a.active  {background: #fff;color: #B80C09}

.woocommerce #reviews #comments ol.commentlist li .comment-text {margin-left: 0 !important;border-radius: 0 !important;border: 1px dashed #7E8287 !important}
.woocommerce #reviews #comments ol.commentlist {padding: 0}
.woocommerce #reviews #comment {height: auto !important}
.comment-reply-title {font-size: 1.25rem;font-weight: 600;}


input:focus {border-radius: 0 !important}


.page-nav-container, .pagination {width: 100%; text-align: center; font-size: 0.8em; margin-bottom: 40px;display: block;float: left}
.page-nav-container a, .pagination a {color: #7E8287;opacity: 0.5;}
.page-nav-container a:hover, .pagination a:hover {text-decoration: none; color: #B80C09}
.page-numbers  {
    display: inline-block;
    text-align: center;

    padding-top: 8px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 7px;


    border: 1px solid #7E8287;
}
.page-numbers:hover,  .current {border: 1px solid #B80C09;color: #B80C09;opacity: 1}


.pswp__button {border: none !important}



.woocommerce div.product div.images {margin-left: -40px;margin-top: -40px;width: calc(48% + 40px) !important;background-color: #f7f7f7}

.woocommerce div.product div.summary {padding-right: 80px;}


.single-product .wc-block-components-notice-banner.is-success {margin: -40px -40px 40px -40px !important;}



.woo-multi-currency.wmc-sidebar {top:80px !important;transform: none !important;font-size: 16px !important;font-family: 'Montserrat', sans-serif !important;}
.woo-multi-currency.wmc-sidebar.wmc-currency-flag.wmc-currency-symbol .wmc-list-currencies .wmc-currency span, .woo-multi-currency.wmc-sidebar.wmc-currency-symbol .wmc-list-currencies .wmc-currency span {font-size: 14px !important;font-family: 'Montserrat', sans-serif !important;}


.single-product .container {max-width:100%;}
.single-product p.stock {/*float:right;*/width:100%;clear: both;text-align: right;margin: 0; margin-top: -1rem; font-size: .75em !important;padding: 0;opacity: 0.75;}
.single-product p.stock:nth-of-type(4) {
  display: none !important;
}
.single-product .upsells {padding-top: 0}
.single-product .upsells {font-size: 75%}
/*.single-product .upsells img, .single-product .upsells a {max-height:200px;max-width: 200px;display: inline-block; float: left}
.single-product .upsells h2 {display: inline-block; float: left}*/


.single-product .woocommerce-Reviews-title {margin-top: 0}
/*
.woocommerce div.product p.stock:nth-of-type(4) {
  display: none;
}
*/


.woocommerce a.added_to_cart {
   /* padding-top: 1.5em !important;
    padding-left: 1.5em !important; */
    text-align: center;display: block;width: 100%;float: left;padding: 1.5em 0 0.5em 0;color: #fff;background-color: rgba(0,0,0,0.20)
    } 
    
.wc-block-components-notice-banner.is-info {
    border-color: #7E8287 !important;
    background-color: rgba(126,130,135,0.05) !important;
}
.wc-block-components-notice-banner.is-info>svg {background-color: rgba(126,130,135,0.5) !important;}

.woocommerce label {padding: 0 !important}

.woocommerce .return-to-shop {margin-bottom: 80px}

.woocommerce-MyAccount-navigation ul {display: block;margin: 0;padding: 0;text-align: center;width: 100%;}
.woocommerce-MyAccount-navigation li {display: inline-block;}
.woocommerce-MyAccount-navigation li a {display: inline-block;border: 1px solid rgba(0,0,0,0.20); padding: 12px;}
.woocommerce-MyAccount-navigation li a:hover {border: 1px solid rgba(0,0,0,0.20); background-color: rgba(0,0,0,0.05); }
.woocommerce-Address-title {position: relative !important;background-color: #fff;height: auto !important;line-height: normal !important}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {width: 100%}

#shipping_address_2_field, #billing_address_2_field {display: none !important}

.woocommerce h3 span {font-weight: 600;color: #000}

.woocommerce div.product form.cart .variations label {padding-top: 8px !important;padding-right: 20px !important}

.mobile {display: none}

/*** photos ***/
.fancybox-prev, .fancybox-next, .fancybox-close {height: 36px;}
.fancybox-title {font-size: 12px;}
.fancybox-title-over-wrap {background: #fff !important;color: rgba(0,0,0, 1) !important;padding: 8px 15px !important; bottom: -10px !important;
  right: 0 !important;left:auto !important}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: none !important;
	background-color: #FFFFFF;
}
.fancybox-close, .fancybox-nav span {
    line-height: 40px;
    height: 40px;
    text-align: center;
}
.fancybox-close img, .fancybox-nav span img {
width: 40px;
    height: 40px;
}
.fancybox img {
	max-width: 100%;
	height: auto;
   /* box-shadow: 0px 3px 6px rgba(0,0,0,0.15);*/
/*    box-shadow: var(--boxshadow);*/
    position: relative !important;
    z-index: 1;
   overflow: hidden;
/*   min-width: 100%;*/
    
}
.fancybox {
display: block;
width: auto;
height: auto;
position: relative;
}
.photo-mg {
background-color: #fff;
background-image: url(../img/magnifying-glass.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 100px auto;

}
a.fancybox img:hover {
transform:scale(1.02);
opacity:0.7;/**/
box-shadow: none;
}
.fancybox-overlay {background: rgba(0,0,0, 0.1) !important;}
.fancybox-opened .fancybox-skin {box-shadow: 0 10px 25px rgba(0,0,0, 0.2) !important;}
.fancybox{
/*transform:scale(1.05);*/
    position: relative;
}
.fancybox-nav span {
  width: 40px !important;
  height: 40px !important;
  margin-top: -20px !important;
}
.fancybox-close {
  width: 40px !important;
  height: 40px !important;
}
.photogallery {
 float: left;
  display: block;
  width: 100%;
  height: auto;
}
/* clear fix */
.grid-photo:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.photo-sizer,
.photo-item {
  width: calc((100% - 40px)/3);
}

.photo-item {
  float: left;
}
.photo-item .fancybox img {
	display: block;
	max-width: 100%;
	width: 100%;
	height: auto;
	margin-bottom: 20px;/**/

	
}
.photo-item-single  {
position: relative !important;
width: auto;height: auto;
float: left;

	
}
.photo-item-single  .photo-mg {float: left}
.photo-item-single .fancybox img {
	display: block;
	width: auto;
	height: auto;
	margin-bottom: 0px;/**/

	
}
.photo-desc, .wp-caption-text, .caption {
  float: left;font-size: small;text-align: center;line-height: 1;padding: 0;margin: 0px;margin-top:-15px;margin-bottom: 10px;width: 100%;display: block}
 .caption {margin-top: 5px;} 
  
.right {float:right; margin:0 0 1em 1em}
.left {float:left; margin:0 1em 1em 0}
.center {width: 100%; display: block; margin-left: auto; margin-right: auto}

/*** photos-end ***/

#scrollButton {
            position: fixed;
            right: -100px; /* Začíná mimo obrazovku */
            top: 50%;
            transform: translateY(-50%);
            transition: right 0.3s ease-out;
            opacity: 0;
        }

        #scrollButton.visible {
            right: 0px;
            opacity: 1;
        }
        
        @keyframes slideInBuyIt {
            from {
                right: -100px;
                opacity: 0;
            }
            to {
                right: 0px;
                opacity: 1;
            }
        }

        #scrollButton.animate {
            animation: slideInBuyIt 0.3s ease-out forwards;
        }
        
#scrollButton .buy-it {text-align:left !important; font-weight: 700 !important;}



/*** resp ***/
@media (max-width: 1925px) {
/*html, body {font-size: 14px}*/
}

@media (max-width: 1050px) {
html {overflow-x: hidden;}
  [data-aos] {
    pointer-events: auto !important;
    opacity: 1 !important;
    transform: none !important;
  }	
	
.homepage section {padding-top: 0}
/*#videotext {
background-image: url(../img/home_bg_phone.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover;
}*/
.woocommerce div.product div.images,
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary
{margin-left: 0px;margin-top: 0px;width: 100% !important}
.comment-form-author, .comment-form-email {width: 100%; display: block;float: left}
canvas {display: none !important}
.mobile {display: block;margin-top: 80px;max-height: 50vh;text-align: center}
img.mobile  {max-height: 50vh; width: auto;margin: auto;}
.home {display: block;height: auto;min-height: auto}
.homepage h1, #specs h1, #about-us h1, #accessories h1, #products h1, h1, #videotext h1 .maintitle span, #videotext .maintitle span, #videotext .maintitle, .homepage #products .block-1-2 h2{font-size: 2.441rem;line-height: 1}
#videotext h1 .secondtitle span, #videotext .secondtitle span, #videotext .secondtitle {font-size: 1.563rem;line-height: 1}
#videotext h1{font-size: 2.441rem;margin-top: 25%}
h2 {font-size: 1.953rem;}

h3 {font-size: 1.563rem;}

h4 {font-size: 1.25rem;}

h5 {font-size: 1.25rem;}
.home h1, .home h2 {max-width: 100%;width: 100%}
/*.homepage .block-1-2:nth-child(1) {order: 1}
.homepage .block-1-2:nth-child(2) {order: 2}
.homepage .block-1-2:nth-child(3) {order: 3}
.homepage .block-1-2:nth-child(4) {order: 4}*/
.homepage #products .benefits2 {order: 3}
.homepage .blocks .products-text {order: 2}
.homepage .blocks .products-img {order: 1}
#specs, #accessories, #support {margin-top: 0;margin-bottom: 0; padding-top: 0;padding-bottom: 0}

.photo-sizer,
.photo-item {
  width: calc((100% - 20px)/2);
}
.desktop {display: none}
.scroll-line {bottom:0}
#scrollButton {
            top: auto;
            bottom:40px;
            transform: translateY(0%);
            right: 0;

        }
        
.woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {width: 100%;float: left}
    
    .cross-sells {display: none}
    
    .blocks {gap: 20px}
    .blocks h4 {margin: 1.38rem}
}
@media (max-width: 991.98px) {
body {font-size: 14px}
#about-us {background-size: 200% auto;}
.product-promo .blocks {gap:20px;}
.main-section {padding-top: 80px}
#container-video {/*padding: 40px;*/ /*height: calc(100% - 160px)*/}
#background-video, .preloader {display: none !important}
#videotext {display: flex !important;position: relative;padding: 40px;}

#videotext h1 {line-height: 1}



.scroll-line {display: none}/**/



header {background-color: rgba(0,0,0,0.00)}

/*section:first-of-type {margin-top: 0}*/
section:first-of-type:not(.single-product) {margin-top: 0}
.single-product {
    margin-top: 80px;
}
.block-1-2, .block-1-3, .block-1-4 {width: 100%;min-width: 100%;max-width: 100%;padding: 20px}


#accessories .blocks {background-image: none}
#accessories .block-1-2{padding: 0;}
.accessories-img { order: 1; }
.accessories-text { order: 2; }

  .block-1-4, .block-3-4, .block-1-5, input[type=submit] {
    width: 100%;
    margin-top: 0;
  }
  
 .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {width: 46% !important} 
.grid-container {grid-template-columns: repeat(2, 1fr);}

/**/
.woocommerce form .form-row, .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last, .woocommerce label,
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {/*display: inline-block !important;*/ width: 100% !important}
.woocommerce-error, .woocommerce-info, .woocommerce-message {word-wrap: normal !important; width: 100% !important; padding: 1em 2em 1em 0em !important;display: block}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {display: none !important}

.wc-forward {width: 100%}

.photo-sizer,
.photo-item {
  width: 100%;
}
.lang {position: absolute;top:64px;right:0;}
}


@media (max-width: 850px) {
.grid-container {grid-template-columns: repeat(1, 1fr);}
#coupon_code, .coupon button {width: 100% !important}
.woocommerce div.product div.summary {padding-right: 0}
.woocommerce div.product .woocommerce-tabs ul.tabs li {width: 100%;}
}

@media (max-height: 700px) {
#videotext h1 .maintitle span, #videotext .maintitle{font-size: 2.441rem;margin: 0;padding: 0;line-height: 1 !important;}
.mobile img, .rounded, .block-1-1 img, .block-1-2 img, .block-1-3 img, .block-2-3 img  {/*max-height: inherit;*/ width:100%;max-width: 400px;height:auto;margin-left: auto;margin-right: auto;display: block;}
.store img {max-height: 40px; width: auto !important; margin: 10px auto}
}
@media (max-height: 500px) {.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {width: 100% !important}
}




.rounded {border-radius: 10px !important;width:100%;text-align:center;}

.woocommerce span.onsale {background-color: #E50E0B !important;padding:1em !important;}


.woocommerce-breadcrumb a:first-child {
    background-image: url(../img/home.svg);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 20px;
    background-size: 16px auto;
}

.woocommerce-breadcrumb a:hover {
color:#b80c09
}

#wcj_product_addons label {font-weight: bold}
.woocommerce div.product form.cart {width:100%;}



.comment-list footer {background-color: #fff;color:#000}
.comment-reply-link { padding: 12px;
  background-color: rgba(0,0,0,0.05);
  border: 1px solid rgba(0,0,0,0.20);
  border-radius: 0px;}
.comment-reply-link:hover {
  background-color: rgba(255,255,255,1);
  border: 1px solid rgba(0,0,0,0.20);}
  
.comment-author {font-weight:bold}

ol{
    list-style-type: decimal-leading-zero;
	padding-left: 2em;
}
ol li::marker {
    color: #E50E0B;
}


.newsletter input {margin:0 !important}
.newsletter input[type=submit] {background-color: #000 !important;padding: 12px !important}

.nf-error-msg {display: inline-block}
footer .nf-error-msg {color: #fff}

.cky-consent-container .cky-consent-bar {box-shadow: none !important}
.cky-btn-accept, .cky-btn-customize, .cky-btn-reject, .cky-accordion-btn, .cky-btn-preferences, .cky-btn, .cky-preference-content-wrapper .cky-show-desc-btn { padding: 8px !important;color: #fff !important}
.cky-btn-customize, .cky-btn-reject {background-color: #000 !important;}




.video {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* Poměr stran 16:9 */
    height: 0;
    overflow: hidden;
    margin-bottom: 1.38rem;
}

.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}



#payment ul.payment_methods li img:first-child {max-height: 30px}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box p {margin: 0}

.tab-product-enquiry footer {background-color: transparent; padding: 0 !important;border: none !important}

.grecaptcha-badge {display: none !important}

.woocommerce-error::before {margin-left: -60px}

.heureka-terms-label {width: 100%; display: inline-block}


.payment-methods {width: 100%;text-align: right}
.payment-methods img {width: auto;max-height: 20px;opacity: 0.5;}



#product-174 .cart {display: none !important}


.comment-list, .children {list-style-type: none !important;padding-left: 1em !important}


.press .block-1-5 { display: flex;flex-direction: column;}
.press img {max-height:80px; width:auto;margin: 10px 0}
.press .content {
  display: flex;
  flex-direction: column;
  align-items: center; /* Horizontální centrování */
  justify-content: center; /* Vertikální centrování */
  flex-grow: 1; /* Zabere zbývající místo mezi nadpisem a popisem */
  text-align: center;
}

.press p {
  margin-top: auto; /* Popis je vždy dole */
margin-bottom:0;
}
.press h4 {font-size: 1rem;margin:0}
.press img.photo {max-height:100%; width:auto;margin-top:0}


.mejs-button > button {padding: 0 !important;margin: 10px 6px !important;background-color: transparent !important;border: none !important}


.cky-consent-container {
  z-index: 9999999999 !important;
}

.mailpoet_paragraph input {padding: 10px !important;margin: 0 !important}
.mailpoet_form_columns_container {
     container-name: inherit !important; 
    container-type: inline-size;
}

.mailpoet_form.mailpoet_form_successfully_send .mailpoet_validate_success {position: relative !important;text-align:left !important;margin:0 !important; padding: 0 !important}
#mailpoet_form_1 .mailpoet_message {padding:0 !important;text-aling:left !important;}

.mailpoet_form .mailpoet_form_popup .mailpoet_form_position_ .mailpoet_form_animation_fadein .starting-to-show .active h2 {color: #000 !important}