@charset "utf-8";


/* CSS Document */

:root {
  --font-family: 'Interstate',sans-serif;
  --font-family-2: '', cursive;
  --color-black: #000;
  --color-white: #fff;
  --color-dark: #262626;
  --color-darker: #6F6F6F;
  --color-light: #F5F5F7;
  --color-dark-text: #000;
  --color-light-text: #fff;
  --color-one: #000;
  --color-one-hover: #2DBA4C;	
  --color-two: #293e47;
  --color-three: #FFE600;
  --text-velikost-1: 30px;
  --text-velikost-2: 25px;
  --text-velikost-3: 18px;
  --text-velikost-4: 14px;
  --text-velikost-5: 11.8px;
  --text-velikost-6: 10px;	
  --text-velikost-7: 21px;
  --text-velikost-8: 16px;
  --text-sirka-1: 200;
  --text-sirka-2: 300;
  --text-sirka-3: 500;	
  --text-sirka-4: 600;
  --text-sirka-5: 700;	
  --global-padding-1: 15px;
  --global-padding-2: 7.5px;
  --global-padding-3: 17px 15px;	
  --global-padding-4: 30px;	
  --global-padding-5: 30px 40px;		
  --container-1: 1440px;
  --container-3: 1640px;
  --container-2: 100%;
  --container-4: 980px;	
  --container-5: 1150px;
   --container-6: 1800px;
   --container-whitepaper: 1200px;
  --border-radius: 60px;
  --size-1: 100%;
  --size-2: 66.6%;		
  --size-3: 50%;
  --size-4: 33.3%;
  --size-5: 25%;
  --size-6: 20%;
  --size-7: 16.66666666666667%;	
  --size-8: 14.28571428571429%;
  --size-9: 12.5%;
  --mw-color-1: #2E3D46;
  --mw-color-2: #506765;
  --mw-color-3: #8B5550;
  --mw-color-4: #497895;
  --mw-color-5: #48A061;
  --mw-color-6: #D25F34;
  --mw-color-7: #BDCED0;
  --mw-color-8: #BBCF99;
  --mw-color-9: #F1D78C;
  --mw-color-10: #92B9DD;
  --mw-color-11: #CCD7C3;
  --mw-color-12: #DEC2BB;
  /* Base (body) size: ~15px on small screens, ~17px on large */
  --fs-base: clamp(0.9375rem, 0.35vw + 0.88rem, 1.0625rem);
  
  /* Type scale (tuned for your design) */
  --fs-xxs: clamp(0.55rem, 0.15vw + 0.22rem, 0.8125rem); /* 12–13 */ /* 12–13 */
  --fs-xs:  clamp(0.71rem, 0.22vw + 0.30rem, 0.8125rem); /* 12–13 */
  --fs-xsplus:  clamp(0.76rem, 0.24vw + 0.30rem, 0.9125rem);
  --fs-sm:  clamp(0.8125rem,0.20vw + 0.78rem, 0.9375rem); /* 13–15 */
  --fs-md:  clamp(0.9375rem,0.35vw + 0.88rem, 1.0625rem); /* 15–17 */
  --fs-lg:  clamp(1.0625rem,0.55vw + 0.98rem, 1.25rem);   /* 17–20 */
  --fs-xl:  clamp(1.25rem,  0.9vw + 0.05rem, 1.25rem);    /* 20–28 */
  --fs-2xl: clamp(1.5rem,   1.4vw + 0.15rem, 1.7rem);     /* 24–40 */
  --fs-3xl: clamp(1.15rem,  2.6vw + 0.1rem, 4.2rem);    /* 28–52 */
  --fs-4xl: clamp(2.1rem,   2.8vw + 0.35rem, 4.75rem);    /* 34–68 */
  --fs-5xl: clamp(1.8rem,   17.8vw + 0.35rem, 17.75rem);    /* big */
  --fs-marquee: clamp(1.8rem,   8.8vw + 0.15rem, 12.75rem);    /* marquee */
  /* Headings */
  --fs-h1: var(--fs-4xl);
  --fs-h2: var(--fs-3xl);
  --fs-h3: var(--fs-2xl);
  --fs-h4: var(--fs-xl);
  /* Common text tokens */
  --fs-perex: var(--fs-xl);
  --fs-text: var(--fs-md);
  --fs-ui: var(--fs-sm);
  --fs-micro: var(--fs-xs);
  /* Line-heights */
  --lh-tight: 1.05;
  --lh-body: 1.45;
  /* Optional: letter spacing tokens */
  --ls-tight: -0.02em;
  --ls-wide: 0.028em;
  /* Spacing scale (fluid) */
  --sp-xs: clamp(0.25rem,  0.3vw + 0.2rem, 0.5rem);   /* 4–8px  */
  --sp-sm: clamp(0.5rem,   0.5vw + 0.4rem, 0.875rem); /* 8–14px */
  --sp-md: clamp(0.75rem,  0.8vw + 0.6rem, 1.25rem);  /* 12–20 */
  --sp-lg: clamp(1rem,     1.2vw + 0.8rem, 2rem);     /* 16–32 */
  --sp-xl: clamp(1.5rem,   2vw + 1rem,     3rem);     /* 24–48 */
  --sp-2xl: clamp(2rem,    3vw + 1.2rem,   5rem);     /* 32–80 */
}

*, *::before, *::after { box-sizing: border-box; }

html {  scroll-behavior: smooth;
font-family: var(--font-family);-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;line-height: 1;font-size:  var(--text-velikost-1);letter-spacing: -.5px;max-width: 100%;}
body {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-tap-highlight-color: transparent;text-rendering: optimizelegibility;text-size-adjust: 100%;background: rgb(255, 255, 255);color: rgb(0, 0, 0);cursor: auto;font-size: 15px;font-style: normal;font-weight: 400;margin: 0px;padding: 0px;position: relative;overflow-wrap: break-word;    max-width: 100%;
    }
    html, body { overflow-x: hidden;}
    ul, ol { list-style-type: none; margin: 0; padding: 0; } 
    ul li, ol li { padding-left: 10px; margin-bottom: 5px; display: block; } 
    ul li:before, ol li:before { content: '•'; color: #3498db; display: inline-block; width: 1em; margin-left: -1em; }
img {width: 100%;height: auto;}
a {text-decoration: none;color: var(--color-one);cursor: pointer;}
a:hover {text-decoration: underline;color: var(--color-two);}
strikethrough {text-decoration: line-through}
submenu {z-index: 98;transition: .5s all ease;position: fixed;width: 100%;background: white;left: 0;top: 130px;padding: 2rem 0 3rem;color: black;font-size: 1.5rem;-webkit-box-shadow: 0px 6px 5px -4px rgba(0,0,0,0.21);-moz-box-shadow: 0px 6px 5px -4px rgba(0,0,0,0.21);box-shadow: 0px 6px 5px -4px rgba(0,0,0,0.21);transform: translate(0px, -50vh);z-index: 98;}
submenu.active {transform: translate(0px, 0px);}
submenu a.podtitulek {width: 100%;font-size: 15px;line-height: 30px;font-weight: 200;}
submenu .titulek  {width: 100%;font-size: .8rem;margin-bottom: 0.5rem;font-weight: 600;}
submenu a.podtitulek:hover {font-weight: 500;color: black;text-decoration: none}
#naseprace.active img {transform: rotate(180deg);}
#udelameprovas.active img {transform: rotate(180deg);}
#kontakt.active img {transform: rotate(180deg);}
button.disabled, div.disabled, input.disabled { opacity: 0.6; pointer-events: none; cursor: not-allowed; }
.w-100 {width: var(--size-1);}
.w-100-imp {width: var(--size-1)!important;}
.container.whitepaper {width: var(--size-1);margin: 0 auto;max-width: var(--container-whitepaper);padding: var(--global-padding-1);overflow: hidden;}
.container {width: var(--size-1);margin: 0 auto;max-width: var(--container-1);padding: var(--global-padding-1);overflow: hidden;}
.container.uzsi {width: var(--size-1);margin: 0 auto;max-width: var(--container-5);padding: var(--global-padding-1);}
.container.nejuzsi {width: var(--size-1);margin: 0 auto;max-width: var(--container-4);padding: var(--global-padding-1);}
.container.sirsi {width: var(--size-1);margin: 0 auto;max-width: var(--container-3);padding: var(--global-padding-1);}
.container.nejsirsi {width: var(--size-1);margin: 0 auto;max-width: var(--container-6);padding: var(--global-padding-1);}
.containercely {width: var(--size-1);margin: 0 auto;max-width: var(--container-2);padding: var(--global-padding-1);}
.containercely.hero {padding: 0;padding-bottom: 0px}
.containercely.pc {max-width: 97%}
.containercely.refkylat {padding: 0 1rem}
.container.visibleoferflow {overflow: visible}
.cernasekce {background: black; color: white; padding: 50px 0;}
.cernasekce.dolenic { padding: 50px 0 0;}
.bilasekce {background: white; color: black; padding: 50px 0;}
.bilasekce.dolenic { padding: 50px 0 0;}
.justify-start {justify-content:flex-start!important;}
.justify-center {justify-content:center!important;}
.justify-end {justify-content:flex-end;}
.justify-self-end {justify-self:flex-end;}
.flex {display:flex!important;}
.black {background: black;color: white; text-align: center;overflow-y: hidden}
.radek {display: flex;justify-content: space-between;align-items: center;width: 100%;flex-wrap: wrap;}
.radek.sgapem {flex-wrap: nowrap;gap: 40px;}
.cely {display: flex;width: var(--size-1);justify-content: center;align-items: center;flex-wrap: wrap;position: relative;}
.polovina {display: flex;width: var(--size-3);justify-content: center;align-items: center;flex-wrap: wrap;}
.tretina {display: flex;width: var(--size-4);justify-content: center;align-items: center;flex-wrap: wrap;}
.ctvrtina {display: flex;width: var(--size-5);justify-content: center;align-items: center;flex-wrap: wrap;}
.petina {display: flex;width: var(--size-6);justify-content: center;align-items: center;flex-wrap: wrap;}
.sestina {display: flex;width: var(--size-7);justify-content: center;align-items: center;flex-wrap: wrap;}
.sedmina {display: flex;width: var(--size-8);justify-content: center;align-items: center;flex-wrap: wrap;}
.osmina {display: flex;width: var(--size-9);justify-content: center;align-items: center;flex-wrap: wrap;}
.dvetretiny {display: flex;width: var(--size-2);justify-content: center;align-items: center;flex-wrap: wrap;}
.button {background: var(--color-one);display: flex;justify-content: center;align-items: center;padding: var(--global-padding-3);border-radius: var(--border-radius);font-weight: var(--text-sirka-4);transition: .5s}
.button a {font-size: var(--text-velikost-4);display: flex;justify-content: center;align-items: center;color:white;cursor: pointer}
.button:hover {background: var(--color-one-hover);}
.button img {height: 12px;width: 12px;margin-left: 7.5px;}
.buttonblack {cursor: pointer; background: var(--color-black);display: flex;justify-content: center;align-items: center;padding: var(--global-padding-3);border-radius: var(--border-radius);font-weight: var(--text-sirka-4);transition: .5s;color: var(--color-white);}
.buttonblack img {height: 12px;width: 12px;margin-left: 7.5px;}
.buttonblack a {font-size: var(--text-velikost-4);display: flex;justify-content: center;align-items: center;color:white;cursor: pointer}
.buttonblack:hover {background: var(--color-one);}
.buttonoutline {cursor: pointer;background: unset;display: flex;justify-content: center;align-items: center;padding: var(--global-padding-3);border-radius: var(--border-radius);font-weight: var(--text-sirka-4);transition: .5s;color: var(--color-black);border: 3px solid var(--color-black);}
.buttonoutline img {height: 12px;width: 12px;margin-left: 7.5px;filter: invert(1);}
.buttonoutline a {font-size: var(--text-velikost-4);display: flex;justify-content: center;align-items: center;color: var(--color-black);cursor: pointer}
.buttonoutline:hover {background: var(--color-one);border:3px solid var(--color-one);}
.buttonoutline:hover a {color:var(--color-white);}
.buttonoutline:hover img {filter: invert(0);}
.sedivka {background: var(--color-light);padding: 5vh 0;}
.height-unset {height:unset!important;}

.unbalanced {text-wrap:unset!important}
.notpointer {cursor:default!important;}
header {width: 100%;position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;    z-index: 99;background:white}
header .container {padding: 15px 0;width: 100%;position: relative; z-index: 9;    overflow: unset; }
header .container .speslradek {display: flex;align-items: center;width: 100%;flex-wrap: wrap;flex-direction: row;justify-content: flex-start;background: white;border-radius: 8px;padding:0 10px}
header .textrotuj { font-size: 12px; font-weight: 800; padding-left: 10px; }
.unpinned { position: fixed; top: -150px; left: 0; background: white; transition: .4s all; }
.pinned { position: fixed; top: 0; left: 0; background: white; transition: .4s all; -webkit-box-shadow: 10px 10px 52px 0px rgba(0, 0, 0, 0.19); -moz-box-shadow: 10px 10px 52px 0px rgba(0, 0, 0, 0.19); box-shadow: 10px 10px 52px 0px rgba(0, 0, 0, 0.19); }
footer {margin-top: 70px;width: 100%;}
footer .prvnicastmenu { display: flex;align-items: center;gap: 35px}
footer .druhacastmenu { display: flex;align-items: center;gap: 35px}
footer .menu .polozka {display: flex;justify-content: center;align-items: center;font-size: 15px;font-weight: 400;padding: var(--global-padding-2);padding-left: 0px;cursor: pointer;position: relative;padding-bottom: 10px;padding-top: 15px}
footer .menu .polozka a:before { width: 0%; height: 1px; background: #000; content: ""; display: block; position: absolute; bottom: 3px; left: 0px; transition: all .3s ease; }
footer .menu .polozka a:hover:before { width: 96%; }
footer .menu .polozka a:hover {color: black!important}
footer .menu .polozka a {text-decoration: none!important;}
footer .menu {width: 100%;justify-content: flex-start;padding-left: 0px; align-items: center;display: flex;gap: 20px}
footer .logo {display: flex;justify-content: start;align-items: center;cursor: pointer;width: auto}
footer .logo img {max-height:45px;height: 45px;width: auto;position: relative; left: -15px;}
.copyright { padding-top: 20px; margin-top: 5px; border-top: 1px solid #20202045;margin-bottom: 20px;font-size: 12px }
.textlinkwhite { font-size: 28px; color: white; text-decoration: none; font-weight: 100; }
.asteriskhp {max-width: 900px; margin: 100px auto; display: flex; }
.text-center {text-align: center!important}
.text-left {text-align: left!important}
.text-right {text-align: right!important}
.text-black {color:black!important;}
.mainmenu { position: absolute; top: 28px; background: white; width: 500px; left: -5px; border-radius: 20px; padding: 30px 22px; z-index: 999; -webkit-box-shadow: 2px 9px 25px 0px rgba(0, 0, 0, 0.24); -moz-box-shadow: 2px 9px 25px 0px rgba(0, 0, 0, 0.24); box-shadow: 2px 9px 25px 0px rgba(0, 0, 0, 0.24); }
.mainmenu .podpolozky { display: grid; grid-template-columns: 1fr 1fr; align-items: flex-start; gap: 5px; }
.mainmenu .podpolozky.jedna {grid-template-columns: 1fr}
.mainmenu .podpolozkydve { display: grid; grid-template-columns: 1fr; gap: 17px; }
.mainmenu .podpolozka { display: grid; grid-template-columns: 1fr; gap: 5px; }
.mainmenu .textik { text-decoration: none; text-transform: none; letter-spacing: 0; font-size: 15px; font-weight: 400; }
.mainmenu .textik:hover { cursor: pointer; color: black; text-decoration: underline; }
.mainmenu .title { font-size: 15px; letter-spacing: -1px; }
.mainmenu.w-200 { width:200px;}
.mainmenu.w-300 { width:300px;}
.mainmenu.w-250 { width:250px;}
.mainmenu.w-350 { width:350px;}
img.menupicture { height: 80px !important; width: auto !important; position: relative; left: -20px; margin-bottom: 20px; }
.inverse > :nth-child(2) {order: 1}
.inverse > :nth-child(1) {order: 2}
.whitebg {background:white!important;}
.blackbg {background: black!important;}
.height70vh {height:70vh;}
.m-unset {margin:unset!important}
.margin-unset {margin:unset!important;}
.m-0 {margin: 0px!important}
.p-0 {padding: 0px!important}
.p-15 {padding: 15px!important}
.mt-0 {margin-top: 0px!important}
.mt-20 {margin-top: 20px!important}
.my-15 {margin: 15px 0!important}
.mb-20 {margin-bottom: 20px!important}
.mb-30 {margin-bottom:30px!important;}
.mb-40 {margin-bottom: 40px!important}
.mb-10 {margin-bottom: 10px!important}
.mt-20{margin-bottom:20px!important}
.mt-30 {margin-top: 30px!important}
.mt-60 {margin-top: 60px!important}
.mt-100 {margin-top: 100px!important}
.mb-0 {margin-bottom: 0px!important}
.mb-100 {margin-bottom: 100px!important}
.pl-0 {padding-left: 0px!important}
.pl-15 {padding-left: 15px!important}
.pb-0 {padding-bottom: 0px!important}
.pb-10 {padding-bottom: 10px!important}
.pb-20 {padding-bottom: 20px!important}
.pb-30 {padding-bottom: 30px!important}
.pt-0 {padding-top: 0px!important}
.pr-0 {padding-left: 0px!important}
.px-40 {padding: 0 0px 0 40px!important}
.px-25 {padding: 0 25px!important}
.bd-20 {border-radius:20px;}
/* Margin – all sides */
.m-xs  { margin: var(--sp-xs); }
.m-sm  { margin: var(--sp-sm); }
.m-md  { margin: var(--sp-md); }
.m-lg  { margin: var(--sp-lg); }
.m-xl  { margin: var(--sp-xl); }
.m-2xl { margin: var(--sp-2xl); }

/* Margin – vertical / horizontal */
.my-xs  { margin-block: var(--sp-xs); }
.my-sm  { margin-block: var(--sp-sm); }
.my-md  { margin-block: var(--sp-md); }
.my-lg  { margin-block: var(--sp-lg); }
.my-xl  { margin-block: var(--sp-xl); }
.my-2xl { margin-block: var(--sp-2xl); }

.mx-xs  { margin-inline: var(--sp-xs); }
.mx-sm  { margin-inline: var(--sp-sm); }
.mx-md  { margin-inline: var(--sp-md); }
.mx-lg  { margin-inline: var(--sp-lg); }
.mx-xl  { margin-inline: var(--sp-xl); }
.mx-2xl { margin-inline: var(--sp-2xl); }

/* Margin – individual sides */
.mt-xs  { margin-top: var(--sp-xs); }
.mt-sm  { margin-top: var(--sp-sm); }
.mt-md  { margin-top: var(--sp-md); }
.mt-lg  { margin-top: var(--sp-lg); }
.mt-xl  { margin-top: var(--sp-xl); }
.mt-2xl { margin-top: var(--sp-2xl); }

.mb-xs  { margin-bottom: var(--sp-xs); }
.mb-sm  { margin-bottom: var(--sp-sm); }
.mb-md  { margin-bottom: var(--sp-md); }
.mb-lg  { margin-bottom: var(--sp-lg); }
.mb-xl  { margin-bottom: var(--sp-xl); }
.mb-2xl { margin-bottom: var(--sp-2xl); }

.ml-xs  { margin-left: var(--sp-xs); }
.ml-sm  { margin-left: var(--sp-sm); }
.ml-md  { margin-left: var(--sp-md); }
.ml-lg  { margin-left: var(--sp-lg); }
.ml-xl  { margin-left: var(--sp-xl); }
.ml-2xl { margin-left: var(--sp-2xl); }

.mr-xs  { margin-right: var(--sp-xs); }
.mr-sm  { margin-right: var(--sp-sm); }
.mr-md  { margin-right: var(--sp-md); }
.mr-lg  { margin-right: var(--sp-lg); }
.mr-xl  { margin-right: var(--sp-xl); }
.mr-2xl { margin-right: var(--sp-2xl); }

/* Padding – all sides */
.p-xs  { padding: var(--sp-xs); }
.p-sm  { padding: var(--sp-sm); }
.p-md  { padding: var(--sp-md); }
.p-lg  { padding: var(--sp-lg); }
.p-xl  { padding: var(--sp-xl); }
.p-2xl { padding: var(--sp-2xl); }

/* Padding – vertical / horizontal */
.py-xs  { padding-block: var(--sp-xs); }
.py-sm  { padding-block: var(--sp-sm); }
.py-md  { padding-block: var(--sp-md); }
.py-lg  { padding-block: var(--sp-lg); }
.py-xl  { padding-block: var(--sp-xl); }
.py-2xl { padding-block: var(--sp-2xl); }

.px-xs  { padding-inline: var(--sp-xs); }
.px-sm  { padding-inline: var(--sp-sm); }
.px-md  { padding-inline: var(--sp-md); }
.px-lg  { padding-inline: var(--sp-lg); }
.px-xl  { padding-inline: var(--sp-xl); }
.px-2xl { padding-inline: var(--sp-2xl); }

/* Padding – individual sides */
.pt-xs  { padding-top: var(--sp-xs); }
.pt-sm  { padding-top: var(--sp-sm); }
.pt-md  { padding-top: var(--sp-md); }
.pt-lg  { padding-top: var(--sp-lg); }
.pt-xl  { padding-top: var(--sp-xl); }
.pt-2xl { padding-top: var(--sp-2xl); }

.pb-xs  { padding-bottom: var(--sp-xs); }
.pb-sm  { padding-bottom: var(--sp-sm); }
.pb-md  { padding-bottom: var(--sp-md); }
.pb-lg  { padding-bottom: var(--sp-lg); }
.pb-xl  { padding-bottom: var(--sp-xl); }
.pb-2xl { padding-bottom: var(--sp-2xl); }

.pl-xs  { padding-left: var(--sp-xs); }
.pl-sm  { padding-left: var(--sp-sm); }
.pl-md  { padding-left: var(--sp-md); }
.pl-lg  { padding-left: var(--sp-lg); }
.pl-xl  { padding-left: var(--sp-xl); }
.pl-2xl { padding-left: var(--sp-2xl); }

.pr-xs  { padding-right: var(--sp-xs); }
.pr-sm  { padding-right: var(--sp-sm); }
.pr-md  { padding-right: var(--sp-md); }
.pr-lg  { padding-right: var(--sp-lg); }
.pr-xl  { padding-right: var(--sp-xl); }
.pr-2xl { padding-right: var(--sp-2xl); }
.pc .logo {display: flex;justify-content: start;align-items: center;max-width:200px;cursor: pointer;width: 200px}
.pc .logo img {max-height:50px;height: 50px;width: auto;}
.pc .logo .text {font-size: var(--text-velikost-4);font-weight: var(--text-sirka-5);padding: var(--global-padding-2);max-width: 100px;width: 100px} 
.pc .menu {width: calc(100% - 400px);justify-content: center;padding-left: 0px; align-items: center;display: flex;}
.pc .menu .polozka {display: flex; justify-content: center; align-items: center; font-size: 13px; font-weight: 700; padding: var(--global-padding-2); padding-left: 20px; cursor: pointer; position: relative; padding-bottom: 10px; text-transform: uppercase; letter-spacing: 1px;}
.pc .menu .polozka .mf:before { width: 0%; height: 1px; background: #000; content: ""; display: block; position: absolute; bottom: 3px; left: 10px; transition: all .3s ease; }
.swiper-wrapper.dva .swiper-slide:last-child{margin-right: 20px}
.pc .menu .polozka .mf:hover:before { width: 100%; }
.pc .menu .polozka .mf:hover {color: black!important}
.pc .menu .polozka .mf {text-decoration: none!important;}
.pc .menu .polozka img {height: 8px;width: 8px;margin-left: 7.5px;}

.pc .cta {display: flex;justify-content: center;align-items: center;max-width:200px;width: 200px}
.pc .cta img {height: 12px;width: 12px;margin-left: 7.5px;}
.menu-btn-1 {height: 32px;width: 40px;cursor: pointer;margin-left: 5px}
.menu-btn-1 span {scale: .7;}
.menu-btn-1 span, .menu-btn-1 span::before, .menu-btn-1 span::after {background: black;border-radius: 3px;content: '';position: absolute;width: 40px;height: 4px;margin-top: 13px;-webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.menu-btn-1 span::before {margin-top:-12px;}
.menu-btn-1 span::after {margin-top:12px;}
.menu-btn-1.active span {background: transparent;}
.menu-btn-1.active span::before {margin-top: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.menu-btn-1.active span::after {margin-top: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.uvod {display: flex;justify-content: flex-start;align-items: center;font-weight: var(--text-sirka-5);font-size:var(--text-velikost-7);width: 15% }
.uvod .zastupnepismeno {font-size: 36px;padding: 10px 20px 8px 18px;border-radius: 50%;;background:var(--color-one);color: var(--color-white);margin-right: 8px;font-family:var(--font-family-2) }
.hp-banner {width:100%;padding:60px 0 30px 0;background:linear-gradient(45deg,  #2d322d, black, #2d322d);}
.hp-banner .swiper-wrapper {height: 670px;position: relative;max-width:var(--container-3);margin:0 auto}
.w-600 {width: 490px!important}
.wunset {width: unset!important}
.swiper-wrapper.dva {height: unset}
.hp-banner .swiper-wrapper {height: 670px;position: relative;width: 100%;    padding-bottom: 60px;}
.hp-banner .swiper-wrapper .swiper-slide { width: 100%;scroll-snap-align: start;text-align: center;opacity:1}
.hp-banner.viditelnyslider .swiper-wrapper .swiper-slide {opacity:1!important;}
.slide.swiper-slide.swiper-slide-active { opacity: 1; }
.hp-banner::-webkit-scrollbar { display: none; /* Hides the scrollbar in webkit browsers */ }
.hp-banner .swiper-wrapper .swiper-slider-wrapper{width: 100%;display: flex;transition: .4s all;}
.hp-banner .swiper-wrapper .swiper-slide {width: 100%;}
.hp-banner .swiper-wrapper .swiper-slide .holder {border-radius: 10px; position: relative; width: 100%; height: 100%; border-radius: 10px; overflow: hidden; -webkit-box-shadow: -10px 12px 107px 0px rgb(0 0 0 / 7%); -moz-box-shadow: -10px 12px 107px 0px rgb(0 0 0 / 7%); box-shadow: -10px 12px 107px 0px rgb(0 0 0 / 7%); }
.hp-banner .swiper-wrapper .swiper-slide .holder .img {position: relative;height: 100%}
.hp-banner .swiper-wrapper .swiper-slide .holder img {position: absolute;width: 100%;height: 100%;object-fit: cover;top: 0;left: 0;z-index: 1}
.hp-banner .swiper-wrapper .swiper-slide .holder img.contain { object-fit: contain;}
.hp-banner.top .swiper-wrapper .swiper-slide .holder img {object-position:top}
.hp-banner .swiper-wrapper .swiper-slide .holder video {margin: 0px; width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; object-position: center;}
.hp-banner .swiper-wrapper .swiper-slide .holder .text {position: absolute;width: 100%;height: fit-content;object-fit: cover;top: 50px;left: 50px;z-index: 2;text-transform:uppercase}

.hp-banner .swiper-wrapper .swiper-slide .holder .text.alt { max-width: 400px; text-align: left;}

.hp-banner .swiper-wrapper .swiper-slide .holder .text .titul {    font-weight: 600;color: #f7f7f7;font-size: 38px;line-height: 1.1;width: fit-content;letter-spacing:-3px}
.hp-banner .swiper-wrapper .swiper-slide .holder .text .podtitul {color: #f7f7f7;font-size: 34px;line-height: 1.1;opacity: .7;width: fit-content}


.hp-banner .swiper-wrapper .swiper-slide .holder.inverted .text .titul, .hp-banner .swiper-wrapper .swiper-slide .holder.inverted .text .podtitul {color: black;}

.hp-banner .custom-pagination { display: flex; justify-content: flex-start; align-items: center; margin-top: 10px; position: relative; bottom: 30px; max-width: var(--container-3); margin: 0 auto;} 
.hp-banner .custom-pagination.center { justify-content: center; } 
.hp-banner .pagination-line { width: 50px; height: 2px; background-color: #BDCED0; margin: 0 5px; transition: background-color 0.3s;border-radius:15px; } 
.hp-banner .pagination-line.active { background-color: #2E3D46;  }


.solutionslider .swiper-wrapper { height: 550px; position: relative; width: 100%; padding-bottom: 60px; }
.solutionslider::-webkit-scrollbar { display: none; /* Hides the scrollbar in webkit browsers */ }
.solutionslider .swiper-wrapper .swiper-slider-wrapper{width: 100%;display: flex;transition: .4s all;}
.solutionslider .swiper-wrapper .swiper-slide {width: 100%;}
.solutionslider .swiper-wrapper .swiper-slide .holder {border-radius: 10px;position: relative;width: 100%;height: 100%;border-radius: 10px;overflow: hidden}
.solutionslider .swiper-wrapper .swiper-slide .holder .img {position: relative;height: 100%}
.solutionslider .swiper-wrapper .swiper-slide .holder img {position: absolute;width: 100%;height: 100%;object-fit: cover;top: 0;left: 0;z-index: 1}
.solutionslider.whitebg .swiper-wrapper .swiper-slide .holder img {object-position:top}
.solutionslider .swiper-wrapper .swiper-slide .holder video {margin: 0px; width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; object-position: center;}
.solutionslider .swiper-wrapper .swiper-slide .holder .text {position: relative;width: 100%;}
.solutionslider .swiper-wrapper .swiper-slide .holder .text.alt { text-align: left;}
.solutionslider .swiper-wrapper .swiper-slide .holder .text .titul {color: black; font-size: 32px; line-height: 1.2; padding: 30px; border-radius: 12px; width: 100%; margin-bottom: 25px; background: #e5f5ff;min-height:250px; }
.solutionslider .swiper-wrapper .swiper-slide .holder .text .titul span { font-size: 32px; font-weight: 500; }
.challenge-1,.challenge-2 { text-transform: uppercase; font-size: 20px; }
.solutionslider .swiper-wrapper .swiper-slide .holder .text  .odpoved { color: black; font-size: 32px; line-height: 1.2; background: #EEF1F2; padding: 30px; border-radius: 12px; width: 100%;min-height:350px; }
.solutionslider .swiper-wrapper .swiper-slide .holder .text .odpoved span { font-size: 32px; font-weight: 500; }
.solutionslider .swiper-wrapper .swiper-slide .holder .text .podtitul {color: #f7f7f7;font-size: 38px;line-height: 40px;opacity: .7;width: fit-content}
.solutionslider .custom-pagination { display: flex; justify-content: flex-start; align-items: center; margin-top: 10px; position: relative; bottom: 30px; max-width: var(--container-3); margin: 0 auto;} 
.solutionslider .pagination-line { width: 50px; height: 2px; background-color: #ffffff42; margin: 0 5px; transition: background-color 0.3s;border-radius:15px; } 
.solutionslider .pagination-line.active { background-color: #fff;  }
 .grid-1-template {  grid-template-columns: 1fr!important;}
.buttony.vradku {display: flex;gap: 10px;margin-top:30px}

.velkysedy{text-transform:uppercase!important; color:#ffffff!important; opacity:.35!important;}
.text-white {color:white!important;}
.text-nastred{text-align:center!important;}
.text-unbalanced {text-wrap:unset!important;}
.lakadlo-cover .vrsek .podtitul.dva {color: #fff;font-size: 26px;font-weight: 100; line-height: 34px;margin-top: 40px; opacity: 1;width: fit-content}
.bigvideo {width:100%;padding-bottom: 30px;padding-left: 40px;padding-top: 40px;padding-right: 40px;height: 90vh;overflow: hidden;position: relative}
.bigvideo .hold { padding: 0 40px; position: relative; height: 100%; border-radius: 10px; overflow: hidden; }
.bigvideo video {position: absolute;width: 100%;height: 100%;object-fit: cover;top: 0;left: 0;z-index: 1}
.hp-banner .swiper-wrapper .swiper-slide .holder .buttony {position: absolute;width: 100%;height: fit-content;object-fit: cover;bottom: 50px;left: 50px;z-index: 2;flex-direction: row; display: flex;gap: 12px;text-align: center}
.whitebtn {text-decoration: none!important; align-items: center;background: linear-gradient(270deg,#fff 50%,#000 0) 100%;background-color: #fff;background-size: 300% 200%;border-radius: 100px;color: #000;display: flex;height: 100%;max-height: 48px;transition: .4s ease-out;border: 2px solid #efefef;padding: 12px 30px;width: fit-content;cursor: pointer;font-weight: 400;position: relative;justify-content: center;text-decoration: none;}
a.pdf:before { content: url(/wms/frontend/uploads/images/pdf-ikona.svg); margin-right: 10px; display: inline-block; height: 15px; width: 12px; transition:.5s all; filter:invert(0);}
a.pdf:hover::before {filter:invert(1);}
.blackbtn {text-decoration: none!important;align-items: center;background: linear-gradient(270deg,#000 50%,#efefef 0) 100%;background-color: #fff;background-size: 300% 200%;border-radius: 100px;color: #000;display: flex;height: 100%;max-height: 48px;transition: .4s ease-out;border: 2px solid #efefef;padding: 12px 30px;width: fit-content;cursor: pointer;font-weight: 400;position: relative;justify-content: center;text-decoration: none;color: white}
.outlinebtn {align-items: center;background: linear-gradient(270deg,transparent 50%,#000 0) 100%;background-position: 100% 100%;background-size: 300% 200%;border-radius: 58px;cursor: pointer;display: flex;
    justify-content: center;max-height: 48px;position: relative;transition: .4s ease-out;width: fit-content;background-color: transparent;border: 1px solid #000;color: #000;font-size: 16px;font-weight: 400;
    height: 100%;line-height: 24px;margin-top: 20px;padding: 12px 24px;text-decoration: none!important}
.whitebtn:hover {background-position: 0 100%;border: 2px solid #efefef;color: #fff;}
.blackbtn:hover {background-position: 0 100%;border: 2px solid #efefef;color: #000;}
.outlinebtn:hover{background-origin: border-box;background-position: 0 100%;border-color: #000;color: #fff;}
.oddelovac {padding: 100px 0 40px;}
.oddelovac .speslradek  {gap: 40px;justify-content: flex-start;padding-bottom: 44px;padding-left: 40px;padding-right: 40px;}
.changer {cursor: pointer; color: rgba(0,0,0,.3);font-size: 42px;font-weight: 300;letter-spacing: -.04em;line-height: 32px;padding-left: 20px;transition: color .5s;margin-bottom: 10px}
.changer:hover {color: rgba(0,0,0,1);}
.changer.active {color: rgba(0,0,0,1);}
.smrstena {background-color: #fff;padding: 40px 0;width: 100%;padding-top: 100px;}
.sedybg {background-color: #f7f7f7;}
.flex-start  {justify-content: flex-start;}
.flex-end  {justify-content: flex-end;}
.label {color: #181818;font-size: 16px;font-weight: 300;line-height: 20px;opacity: .3;text-transform: uppercase;padding-bottom: 40px}
.labeldva {  color: #fff;;font-size: 16px;font-weight: 300;line-height: 20px;text-transform: uppercase;margin-top: 50px;}
.mw-80{max-width: 80%!important;margin: 0 auto}
.mw-65{max-width: 65%!important;margin: 0 auto}
.mw-250px{max-width: 250px!important;}
.mw-600px{max-width: 600px!important;margin: 0 auto}
.mw-650px{max-width: 650px!important;}
.mw-750px{max-width: 750px!important;margin: 0 auto}
.mw-1000px{max-width: 1000px!important;margin: 0 auto}
.mw-400px{max-width: 400px!important;margin: 0 auto}
.mw-1400px{max-width: 1400px!important;margin: 0 auto}
.mw-1800px{max-width: 1800px!important;margin: 0 auto}
.mw-unset{max-width: unset!important;}
.switch-titul {cursor: pointer; color: #000;font-size: 28px;font-style: normal;font-weight: 300;letter-spacing: -.03em;opacity: .3;position: relative;text-align: left;white-space: nowrap;font-size: 40px;line-height: 48px;padding-right: 0;}
.titulekrefky {margin: 10px 0;font-size: 19px;font-weight: 400}
.switch-titul.active, .switch-titul:hover {opacity: 1;}
.switch-img {border-radius: 10px;overflow: hidden;position: relative;width: 100%;max-height: 720px;height: 720px;}
.switch-img img  {height: 100%;object-fit: cover;width: 100%;border-radius: 10px;position: absolute;}
.switch-podtitul {font-size: 40px;line-height: 40px;padding-bottom: 0;color: #181818;text-wrap: balance;}
.mt-40 {margin-top: 40px!important}
.mb-40 {margin-bottom: 40px}
.mt-60 {margin-top: 60px}
.mb-60 {margin-bottom: 60px!important}
.holderobrazku{border-radius: 7px;overflow: hidden;position: relative}
.vetsititul {font-size: 60px;line-height: 68px;padding-bottom: 40px;color: #181818;font-weight: 400; max-width: 50%;-webkit-margin-before: 0;-webkit-margin-after: 0;margin-block-end: 0;smargin-block-start: 0;text-wrap: balance;}
.vetsititul.cely {max-width: 100%;justify-content: flex-start;}
.textpodvetsimtitulem {font-size: 28px;font-weight: 300;line-height: 36px;max-width: 50%;opacity: 1;padding-bottom: 80px; color: #181818;-webkit-margin-before: 0;-webkit-margin-after: 0;margin-block-end: 0;margin-block-start: 0;}
.textpodvetsimtitulemmmini {font-size: 20px;font-weight: 300;line-height: 36px;max-width: 50%;opacity: 1;padding-bottom: 80px; color: #181818;-webkit-margin-before: 0;-webkit-margin-after: 0;margin-block-end: 0;margin-block-start: 0;}
.rozpulenasekce {background-color: #181818;border-radius: 10px;flex-direction: row-reverse;max-height: 700px;min-height: 700px;position: relative;align-items: unset;overflow: hidden;}
.prvnicast  {display: flex;flex-direction: column;margin: 40px 0;padding: 0 20px;flex: 1;justify-content: flex-end;padding: 0 40px;}
.druhacast img {height: 100%;object-fit: cover;width: 100%;}
.druhacast {display: flex;flex: 1;}
.prvnicast h3  {margin-block-end: 0;margin-block-start: 0;font-weight: 400;color: white;display: block;font-size: 40px;line-height: 48px;text-wrap: balance;}
.prvnicast p {  color: #fff;font-size: 28px;line-height: 36px;padding-bottom: 40px;text-wrap: balance;}
.imagebutton {align-items: center;background: linear-gradient(270deg,#181818 50%,#fff 0) 100%;background-position: 100% 100%;background-size: 300% 200%;border: 1px solid #fff;border-radius: 58px;color: #fff;
    cursor: pointer;display: flex;font-weight: 400;padding: 14px 32px;position: relative;transition: .4s ease-out;width: -webkit-fit-content;width: -moz-fit-content; width: fit-content;text-decoration: none!important}
.imagebutton:hover {background-position: 0 100%;color: #000;}
.novinka-cover img {position: absolute;width: 100%;height: 100%;overflow: hidden;object-fit: cover;transition:  .3s ease-out;z-index:1}  
.novinka-cover .konkret{position: relative;max-height: 500px;height: 500px;overflow: hidden;border-radius: 10px;margin-bottom: 0px}
.novinka-cover.mensi .konkret{max-height: 350px;height: 350px;}
.novinka-cover .konkret:hover img {transform: scale(1.05);}
.novinka-cover .konkret:hover .cover { opacity:.5}
.novinka-cover .konkret:hover .textik {bottom:40px;}
.novinka-cover .cover { opacity:.2;transition:.4s ease-out;position: absolute; width: 100%; height: 100%; overflow: hidden; object-fit: cover; z-index: 2; background: rgb(0, 0, 0); background: linear-gradient(17deg, rgba(0, 0, 0, 1) 24%, rgba(255, 255, 255, 0) 100%); }
.novinka-cover .textik { position: absolute; left: 30px; bottom: 30px; z-index: 3; color: white; font-size: 20px;transition:.4s all; }
.novinka-obsah {align-items: flex-start;}
.novinka-obsah { align-items: flex-start; display: grid; grid-template-columns: 1fr 1fr;  gap: 40px; }
.novinka-obsah h3 {color: #000;  margin-block-end: 0;margin-block-start: 0;font-size: 32px;line-height: 40px;text-wrap: balance;margin-bottom: 24px;font-weight: 400}
.novinka-obsah p {margin-block-end: 0; margin-block-start: 0;color: #181818;font-size: 16px;font-weight: 100;line-height: 24px;opacity: .6;	margin-bottom: 20px;width: 100%}
.simplelink {transition: all .3s ease;display: -webkit-inline-box;position: relative;padding-bottom: 10px}
.simplelink:before {width: 0%;height: 1px;background: #000;content: "";display: block;position: absolute;bottom: 3px;left: 0;transition: all .3s ease;}
.simplelink a {text-decoration: none!important;color: #000!important}
.simplelink:hover {color: black!important}
.simplelink:hover:before {width: 100%;}
.sipka-prava {border: solid #000;border-width: 0 2px 2px 0;display: inline-block;margin-left: 20px;padding: 3px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.sipka-prava:after {background-color: #000;bottom: -3px;content: "";height: 1px;left: 0;position: absolute;transform-origin: left;transition: all .3s ease;width: 0%;}
.pb-80  { padding-bottom: 80px;}
.lakadlo-cover img {position: absolute;width: 100%;height: 100%;overflow: hidden;object-fit: cover;transition: transform .3s ease-out;}  
.lakadlo-cover {position: relative;max-height: 500px;height: 500px;overflow: hidden;border-radius: 10px;margin-bottom: 40px}
.lakadlo-cover:hover img {transform: scale(1.05);}
.lakadlo-cover .vrsek {position: absolute;width: 100%;height: fit-content;object-fit: cover;top: 50px;left: 50px;z-index: 2;max-width: 50%;text-wrap:balance}
.polovina.lakadlo-cover .vrsek {max-width: 100%;width: unset;padding-right: 40px;}
.lakadlo-cover .vrsek .titul {color: #f7f7f7;font-size: 42px;line-height: 44px;}
.lakadlo-cover .vrsek .podtitul {color: #f7f7f7;font-size: 38px;line-height: 40px;opacity: .7;}
.lakadlo-cover .spodek {position: absolute;width: 100%;height: fit-content;object-fit: cover;bottom: 50px;left: 50px;z-index: 2;flex-direction: row; display: flex;gap: 12px;text-align: center}
.pt-40 {padding-top: 40px}
.p-10 {padding: 10px}
.pt-120 {padding-top: 120px}
.paslogholder {height: 90px;margin: auto;overflow: hidden;position: relative;width: auto;z-index: 1;}
.paslogholder:before {z-index: 2;content: ""; position: absolute;left: 0;top: 0;height: 100%;width: 150px;background: rgb(247,247,247);background: linear-gradient(90deg, rgba(247,247,247,1) 0%, rgba(247,247,247,0) 100%);}
.paslogholder:after {z-index: 2;content: "";position: absolute;right: 0;top: 0;height: 100%;width: 150px;background: rgb(247,247,247);background: linear-gradient(90deg, rgba(247,247,247,0) 0%, rgba(247,247,247,1) 100%);}
.paslog {animation: scroll 60s linear infinite;display: flex;width: calc(129px * 30);}
.logovpasu {height: 90px;width: 129px;margin-right: 120px;}
.logovpasu img {height: 90px;width: 129px;filter: contrast(3) grayscale(1) }
@keyframes scroll {0% {transform: translateX(0);}  100% {transform: translateX(calc(-250px * 7))}}
.align-items-center {align-items: center}
.align-items-start {align-items: start}
.align-items-stretch{align-items: stretch}
.align-content-start {align-content: start}
.peoplelist { display: grid ; grid-template-columns: 1fr 1fr; gap: 20px;        align-items: end; }
.nowrap {flex-wrap: nowrap}
.tmavybg {background: #181818}
.bilybg {background: #fff}
.tmavytext {color: #181818!important}
.slide-up, .slide-down, .slide-left, .slide-right {opacity: 0;transition: transform 1s ease, opacity 1s ease;}
.slide-up { transform: translateY(20%); }
.slide-down { transform: translateY(-20%); }
.slide-left { transform: translateX(20%); }
.slide-right { transform: translateX(-20%); }
.slide-up-visible,
.slide-down-visible,
.slide-left-visible,
.slide-right-visible {transform: translate(0, 0);opacity: 1;}


.switch-content { display: none; }
.switch-content.active { display: block; }
.switch-polozka { position: relative;padding-bottom: 10px;cursor: pointer;width: 100%; text-align: center; }



.switcher-header { display: grid; align-items: stretch; justify-content: flex-start; text-align: left; font-size: 17px; line-height: 20px; font-size: 23px; gap: 0; grid-template-columns: 1fr; }
.switcher-header .switch-polozka.barva-1 {background:unset;}
.switcher-header .switch-polozka.active { color: white; background: #505050; padding: 20px; background: #171717; box-shadow: 0px 1.4px 2.775px 0px rgba(8, 8, 8, 0.06), 0px 6.4px 7.8px 0px rgba(8, 8, 8, 0.04), 0px 16.2px 20.925px 0px rgba(8, 8, 8, 0.03), 0px 32px 48px 0px rgba(8, 8, 8, 0.02); border-bottom: 2px solid gray; }
.switcher-header .switch-polozka.barva-1.active {color: black;background:white}
    
    
.switch-polozka {border-bottom:2px solid black; position: relative; cursor: pointer; width: 100%; text-align: left; padding: 20; font-weight: 600; text-transform: uppercase; font-size: 20px;display:flex;align-items:center; }
.switcher-body { display: flex; align-items: stretch; justify-content: flex-start; text-align: left; padding: 20px 80px; background: #171717; height: 100%; box-shadow: 0px 1.4px 2.775px 0px rgba(8, 8, 8, 0.06), 0px 6.4px 7.8px 0px rgba(8, 8, 8, 0.04), 0px 16.2px 20.925px 0px rgba(8, 8, 8, 0.03), 0px 32px 48px 0px rgba(8, 8, 8, 0.02); border-left: 2px solid gray; }
.switch-content.active { display: flex; align-items: center;flex-wrap:wrap; }
.cm-cl-15 {max-width: 300px;height:auto}
.cm-cl-16 {max-width: 500px;}
.switcher-body .texttop { text-align: left; }

.switcher { display: grid; grid-template-columns: 3fr 5fr; max-width: 1100px; margin: 0 auto; align-items: stretch; }


.video-container { width: 100%; max-width: 800px; margin: 50px auto 0; overflow: hidden;display: flex; justify-content: center; }
.video-container.siroky { width: 100%; max-width: 1500px; margin: 50px auto 0; overflow: hidden; }
.video-container.nejsirsi { width: 100%; max-width: 1920px; margin: 50px auto 0; overflow: hidden; }
.video-container video { width: 100%; height: auto; display: block; }
.video-container video.autoplay-video.active { display: none; }
canvas { max-width: 1440px; max-height: 80vh; } .canvas-container { width: 100%; height: 80vh; display: flex; justify-content: center; align-items: center;    flex-wrap: wrap; } .spacer { width: 100%; height: 5vh; }
.dropdown { position: relative; display: inline-block; }
.dropdown-content { display: none; background:#f9f9f9;position: absolute; min-width: 220px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;left:10px; }
.dropdown-content div { color: black; padding: 12px 16px; text-decoration: none; display: block; font-size: 14px; font-weight: 300; line-height: 1.1; }
.dropdown-content div:hover { background-color: #f1f1f1; }
.dropdown:hover .dropdown-content { display: block;z-index:99; }
.dropdown-button { margin-left: 10px; padding: 7px; border-radius: 4px; border: 0; font-size: 28px; font-weight: 500; line-height: 36px; cursor: pointer;  width: fit-content; }
.fallback-image {display:none;}
.fallback-image.active {display:block;}
.titultop { text-align: center; font-size: 48px; font-weight: 800; max-width: 700px;max-width: 100%; margin: 30px auto; line-height: 1; text-transform: uppercase; letter-spacing: -3px;text-wrap: balance } 
.titultopbeztransformace { text-align: center; font-size: 58px; font-weight: 800; max-width: 700px; margin: 30px auto; line-height: 1; letter-spacing: -3px;text-wrap: balance } 
.titultop.mensi, .titultopdoleva.mensi  {font-size: 45px}

.titultop.mini, .titultopdoleva.mini  {font-size: 40px}
.titultopdoleva { text-align: left; font-size: 58px; font-weight: 600;  margin: 30px auto; line-height: 1; letter-spacing: -3px;text-wrap: balance } 
.titultopdolevamini { text-align: left; font-size: 32px; font-weight: 400;  margin: 30px auto; line-height: 1; letter-spacing: -1px;text-wrap: balance } 
.quote { text-align: left; font-size: 42px; font-weight: 400;  margin: 30px auto; line-height: 1; letter-spacing: -3px;text-wrap: balance } 

.nottransformed {text-transform: none}
.titultopleva { text-align: left; font-size: 45px; font-weight: 800; margin-bottom: 30px; line-height: 1; text-transform: uppercase; letter-spacing: -3px; } 
.texttop.vetsi { font-size: 30px; margin-top: 10px; }
.texttop { text-align: center; font-size: 23px; max-width: 1000px; margin: 0px auto;line-height:1.2; }
.whitebtn{text-decoration:none!important;align-items:center;background:linear-gradient(270deg,#fff 50%,#000 0) 100%;background-color:#fff;background-size:300% 200%;border-radius:100px;color:#000;display:flex;height:100%;max-height:48px;transition:.4s ease-out;border:2px solid #efefef;padding:12px 30px;width:fit-content;cursor:pointer;font-weight:400;position:relative;justify-content:center;text-decoration:none;}
.whitebtn:hover{background-position:0 100%;border:2px solid #efefef;color:#fff;}
.grid-akci{display:grid;grid-template-columns:1fr 2fr 1fr;gap:20px;align-items:stretch;}
.grid-akci.stejny {grid-template-columns: 1fr 1fr 1fr}
.grid-akci.dva {grid-template-columns: 1fr 1fr}
.polozka-banner{display:flex;position:relative;padding:40px 40px;justify-content:center;overflow:hidden;min-height:350px;border-radius:10px;overflow:hidden;}
.polozka-banner.nahoru{align-items:flex-start;}
.polozka-banner.dolu{align-items:flex-end;}
.polozka-banner .titulek{font-size:20px;margin-bottom:10px;text-wrap:balance;font-weight:600;}
.polozka-banner .podtitulek{font-size:15px;line-height:18px;text-wrap:balance;font-weight:300;}
.polozka-banner.nahoru .cover{pointer-events:none;width:100%;height:100%;background:rgb(0, 0, 0);background:linear-gradient(0deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, .7) 100%);position:absolute;z-index:2;left:0;top:0;}
.polozka-banner.dolu .cover{pointer-events:none;width:100%;height:100%;background:rgb(0, 0, 0);background:linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, .7) 100%);position:absolute;z-index:2;left:0;bottom:0;}
.polozka-banner .textovacast{position:relative;z-index:3;color:white;text-align:center;}
.polozka-banner  .whitebtn{padding:7px 20px;font-size:15px;margin:20px auto 0;height:unset;}
.grid-1{height:100%;display:grid;gap:20px;}
.grid-1.heightunset{height:unset;}
.grid {display: grid;}
.grid-1 {display: grid;grid-template-columns: 1fr}
.grid-2 {display: grid;grid-template-columns: repeat(2, minmax(250px, 1fr));}
.grid-3 {display: grid;grid-template-columns: repeat(3, minmax(250px, 1fr));}
.grid-4 {display: grid;grid-template-columns: repeat(4, minmax(250px, 1fr));}
.grid-5 {display: grid;grid-template-columns: repeat(5, minmax(250px, 1fr));}
.grid-6 {display: grid;grid-template-columns: repeat(6, minmax(250px, 1fr));}
.grid-7 {display: grid;grid-template-columns: repeat(7, minmax(250px, 1fr));}
.grid-8 {display: grid;grid-template-columns: repeat(8, minmax(250px, 1fr));}
.grid-9 {display: grid;grid-template-columns: repeat(9, minmax(250px, 1fr));}
.grid-4.alt {display: grid;grid-template-columns: 1fr 1fr 1fr 2fr;gap:40px}

.polozka-banner  img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}

.obrazkovasekce {padding:285px 0;display:grid;gap:0px;position: relative;    overflow: hidden;}
.obrazkovasekce img.bgimage, .obrazkovasekce video {position: absolute;left: 0;top: 0;object-fit: cover;width: 100%;height: 100%;z-index: 1}
.obrazkovasekce .cover {position: absolute;left: 0;top: 0;object-fit: cover;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);z-index: 2;pointer-events: none}
.obrazkovasekce .asterix {position: absolute;left: -170px; top: -20px;width: 600px;height: 100%;z-index: 3;opacity: .5}
.obrazkovasekce .titultop {z-index: 4;color: white}
.zvetsenititulku {font-weight:800;font-size:80px}
.barva1-gradient-text {background: -webkit-linear-gradient(45deg, #a1dc80, #e1fdc3); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.barevnasekce {padding:85px 0;display:grid;gap:0px}
.barevnasekce.dolenic {padding:85px 0 0;display:grid;gap:0px}
.barevnasekce .neodrazenyimg {max-width: 800px; margin: 50px auto 0; display: flex; }

.videoprev {margin-top:25px;display: flex;}
.videoprev img { max-width: 500px; position:relative;left:-2px;scale:1;transition:.4s all}
.videoprev img:hover {scale:1.02}


.barva-1-alt {background: linear-gradient(#002033, #30527d 18%, #5072ad 33%, #7d9cd1 49%, #aecbe6 73%, #FAFAFC);color:white}
.barva-1 {background: linear-gradient(#293e47, #b9cfd0);color:white}
.barva-2 {background: linear-gradient(#4a6865, #b6d093);color:white}
.barva-3 {background: linear-gradient(#94524e, #f6d680);color:white}
.barva-4 {background: linear-gradient(#387a98, #87bae1);color:white}
.barva-5 {background: linear-gradient(#00a25a, #c9d7c1);color:white}
.barva-6 {background: linear-gradient(#e25623, #e4c1ba);color:white}
.barva-7 {background: linear-gradient(#000, #fff);color:white}
.barva-8 {background: linear-gradient(#2d322d, #fff);color:white}
.barva-9 {background:radial-gradient(circle at 0% 0%, #293e4770, rgba(55, 220, 222, 0) 80%), radial-gradient(circle at 100% 0%, #293e47, rgb(20 114 255 / 0%) 50%), radial-gradient(circle at 100% 100%, #b9cfd0, rgb(0 149 255 / 0%) 80%), radial-gradient(circle at 50% 50%, #b9cfd0, rgb(0 232 255 / 0%) 80%), radial-gradient(circle at 0% 100%, #b9cfd0, rgba(200, 222, 255, 0) 90%)}
.barva-10 {background: linear-gradient( #90b8d7, #b7cccd);color:white}
.barva-1-solid {background: #293e47;color:white}
.barva-2-solid {background: #4a6865!important;color:white}
.barva-3-solid {background: #94524e;color:white}
.barva-4-solid {background: #387a98;color:white}
.barva-5-solid {background: #00a25a;color:white}
.barva-6-solid {background: #e25623;color:white}
.barva-7-solid {background: #000;color:white}
.barva-8-solid {background: #2d322d;color:white}
.barva-9-solid {background: #EEF1F2;color:black}
.barva-10-solid {background: #F1D78C;color:black}

.barva-1-solid-important {background: #293e47!important;color:white}
.barva-2-solid-important {background: #4a6865!important;color:white}
.barva-3-solid-important {background: #94524e!important;color:white}
.barva-4-solid-important {background: #387a98!important;color:white}
.barva-5-solid-important {background: #00a25a!important;color:white}
.barva-6-solid-important {background: #e25623!important;color:white}
.barva-7-solid-important {background: #000!important;color:white}
.barva-8-solid-important {background: #2d322d!important;color:white}
.barva-9-solid-important {background: #EEF1F2!important;color:black}
.barva-10-solid-important {background: #F1D78C!important;color:black}



.barva-1-gradientupgrade {background: linear-gradient(180deg, #293e47, #3c5560 28%, #506b7a 46%, rgb(94 124 138) 60%, rgb(148 175 184) 75%, rgb(208 223 229) 90%, rgb(255 255 255));color:white}
.barva-2-gradientupgrade {background: linear-gradient(180deg, #4a6865, #5c7c79 28%, #71918e 46%, rgb(140 171 169) 60%, rgb(184 202 201) 75%, rgb(223 236 235) 90%, rgb(255 255 255));color:white}
.barva-3-gradientupgrade {background: linear-gradient(180deg, #94524e, #a6615e 28%, #b87371 46%, rgb(186 132 128) 60%, rgb(218 172 169) 75%, rgb(242 220 218) 90%, rgb(255 255 255));color:white}
.barva-4-gradientupgrade {background: linear-gradient(180deg, #387a98, #488da9 28%, #5ca2bc 46%, rgb(125 177 209) 60%, rgb(174 202 230) 75%, rgb(223 234 245) 90%, rgb(255 255 255));color:white}
.barva-5-gradientupgrade {background: linear-gradient(180deg, #00a25a, #1fb270 28%, #3dc388 46%, rgb(100 201 152) 60%, rgb(154 217 184) 75%, rgb(205 236 221) 90%, rgb(255 255 255));color:white}
.barva-6-gradientupgrade {background: linear-gradient(180deg, #e25623, #e86d3d 28%, #ee865a 46%, rgb(242 137 99) 60%, rgb(247 181 148) 75%, rgb(252 224 208) 90%, rgb(255 255 255));color:white}
.barva-7-gradientupgrade {background: linear-gradient(180deg, #000, #1a1a1a 28%, #333333 46%, rgb(90 90 90) 60%, rgb(150 150 150) 75%, rgb(215 215 215) 90%, rgb(255 255 255));color:white}
.barva-8-gradientupgrade {background: linear-gradient(180deg, #2d322d, #414741 28%, #565b56 46%, rgb(108 111 108) 60%, rgb(162 165 162) 75%, rgb(221 222 221) 90%, rgb(255 255 255));color:white}
.barva-9-gradientupgrade {background: linear-gradient(180deg, #EEF1F2, #f0f3f4 28%, #f3f6f7 46%, rgb(240 246 247) 60%, rgb(245 248 249) 75%, rgb(251 252 253) 90%, rgb(255 255 255));color:black}
.barva-10-gradientupgrade {background: linear-gradient(180deg, rgb(12 41 71), rgb(29 106 160) 28%, rgb(80 135 173) 46%, rgb(125 177 209) 60%, rgb(174 202 230) 75%, rgb(239 236 255) 90%, rgb(255 255 255));color:white}
.barva-11-gradientupgrade {background: linear-gradient(180deg, #001430, #1e4758 28%, #25779a 46%, rgb(125 177 209) 60%, rgb(174 202 230) 75%, rgb(239 236 255) 90%, rgb(255 255 255));color:white}
.barva-12-gradientupgrade {background: linear-gradient(180deg, #d1b168, #e0bf7a 28%, #f1d78c 46%, rgb(246 223 158) 60%, rgb(251 238 198) 75%, rgb(255 248 228) 90%, rgb(255 255 255));color:white}
.barva-13-gradientupgrade {background: linear-gradient(180deg, #6e403b, #7d4944 28%, #8b5550 46%, rgb(140 94 92) 60%, rgb(179 143 141) 75%, rgb(224 200 199) 90%, rgb(255 255 255));color:white}
.barva-14-gradientupgrade {background: linear-gradient(180deg, #b87333, #c68547 28%, #d89e61 46%, #e6b877 60%, #f0cca0 75%, #f9e6c4 90%, #ffffff);color:white}
.barva-15-gradientupgrade {background: linear-gradient(180deg, #98ac7a, #a7bb88 28%, #bbcf99 46%, rgb(181 202 147) 60%, rgb(211 223 187) 75%, rgb(239 245 226) 90%, rgb(255 255 255));color:white}
.barva-16-gradientupgrade {background: linear-gradient(180deg, #9babb0, #adbbbe 28%, #bdced0 46%, rgb(182 206 208) 60%, rgb(213 226 227) 75%, rgb(240 245 246) 90%, rgb(255 255 255));color:white}
.barva-17-gradientupgrade {background: linear-gradient(180deg, #232e34, #2b3840 28%, #2e3d46 46%, rgb(68 83 90) 60%, rgb(116 131 137) 75%, rgb(191 199 202) 90%, rgb(255 255 255));color:white}
.barva-19-gradientupgrade {background: linear-gradient(180deg, #eef1f2, #f0f3f400 28%, #f3f6f7 46% 46% , rgb(240 246 247) 60%, rgb(245 248 249) 75%, rgb(251 252 253) 90%, rgb(255 255 255));color:black}

.barva-18-gradientupgrade {background: linear-gradient(180deg, #7399b7, #83a9cb 28%, #92b9dd 46%, rgb(144 186 218) 60%, rgb(182 209 230) 75%, rgb(225 239 247) 90%, rgb(255 255 255));color:white}
.barva-16-gradientupgrade-inverted { background: linear-gradient(0deg, #9babb0, #adbbbe 28%, #bdced0 46%, rgb(182 206 208) 60%, rgb(213 226 227) 75%, rgb(240 245 246) 90%, rgb(255 255 255)); color: black; }
.bgspescial {background:linear-gradient(180deg, #9babb0, #adbbbe 28%, #bdced0 46%, rgb(182 206 208) 60%, rgb(4 65 90) 75%, rgb(0 39 61) 90%, rgb(0 44 77));color:white}
.schovat{display:none!important;}



.gap-0 {gap: 0!important}
.gap-10{gap: 10px!important}
.gap-15{gap: 15px!important}
.gap-20 {gap: 20px!important}
.gap-30{gap:30px!important;}
.gap-40{gap:40px!important;}
.gap-60{gap:60px!important;}
.gap-150{gap:150px!important;}
.sedytext {color:#A6A6A6}
.cernasekce .neodrazenyimg {max-width: 800px; margin: 50px auto 0px; display: flex; }
.cernasekce .odrazenyimg {max-width: 850px; margin: 50px auto; display: flex; }
.grid-3 {display:grid;gap:37px;grid-template-columns:1fr 1fr 1fr;}
.stredtextvbloku {display: grid;padding: 90px;align-items: center!important;text-align: center!important}
.imageblockbg {display: flex;position:relative}
.imageblockbg img, .imageblockbg video  {position: absolute; width: 100%; height: 100%; object-fit: cover;}

.textblock {max-width: 550px;margin: 0 auto;}
.semititle { font-size: 26px; font-weight: 800; line-height: 1;text-wrap: balance }
.semitext { font-size: 17px; font-weight: 400; line-height: 1.7;text-wrap: balance }
.horniborder {border-radius: 60px 60px 0 0;overflow: hidden;}
.spodniborder {border-radius: 0 0 60px 60px;overflow: hidden;}
.obojiborder {border-radius: 20px;overflow: hidden;}
.contenttext { font-size: 18px; font-weight: 400; line-height: 1.2; overflow: hidden; max-height: 0; opacity: 0; transition: max-height 0.5s ease, opacity 0.9s ease; }
.contenttext.viditelnyhned {opacity:1;max-height:unset;margin-top:20px;}
.rollet { margin-bottom: 20px; display: flex;justify-content: flex-start;flex-wrap: wrap;}
.rollet.text-right   { display: flex;justify-content: flex-end;flex-wrap: wrap;}
.rollet:after {content: "";width: 100px;height: 1px;background: black;display: block;text-align: left;margin-top: 20px}
.rollet .semititle {cursor: pointer;}
.rollet .contenttext.active { max-height: 500px; opacity: 1;    margin: 20px 0; }
.rollet .contenttext.hide { transition: none; max-height: 0; opacity: 0; } 
.text-right {text-align: right}
.sliderproducts.cerny {position: relative; display: flex!important; gap: 50px!important; width: 100%!important;flex-wrap:wrap }
.sliderproducts .swiper-wrapper {height: fit-content;position: relative;margin-bottom:40px}
.sliderproducts .slide .holder {display:grid;gap: 20px;grid-template-columns: 1fr 1fr;align-items: center;    z-index: 1}
.sliderproducts .slide .holder.jeden {grid-template-columns:1fr}
.sliderproducts:after {content: ""; display: block; width: 250px; height: 100%; right: 0; top: 0; background: linear-gradient(-90deg, #fff 100px, transparent); position: absolute;z-index: 2;}
.sliderproducts.cerny:after {background: linear-gradient(-90deg, #000 100px, transparent);}
.sliderproducts .slide .holder .text {display:grid;gap: 10px;grid-template-columns: 1fr;}
.sliderproducts .slide .holder .text .titul {text-transform: uppercase;font-weight: 800;line-height: 1;font-size:22px}
.sliderproducts .whitebtn {position: relative;left: 0px;padding: 10px 15px}
.sliderproducts .custom-pagination { display: flex; justify-content: space-evenly; align-items: center; margin-top: 10px; position: relative; bottom: 0px; width: 100%; margin: 0 auto;    z-index: 3;} 
.sliderproducts .pagination-line { width: 100%; height: 2px; background-color: #2d2d2d42; margin: 0px; transition: background-color 0.3s;border-radius:15px; } 
.sliderproducts .pagination-line.active { background-color: #000;  }
.sliderproducts.nosides:after {display:none;}
.sliderproducts.slimnav .custom-pagination { display: flex; justify-content: center; align-items: center; margin-top: 10px; position: relative; bottom: 0px; width: 100%; margin: 0 auto;    z-index: 3;} 
.sliderproducts.slimnav .pagination-line { width: 60px; height: 2px; background-color: #2d2d2d42; margin: 0 2px; transition: background-color 0.3s;border-radius:15px; } 
.sliderproducts.slimnav .pagination-line.active { background-color: #000;  }
.sliderproducts .pravacast { font-weight: 600; }
.bigsideimg { position: relative; left: 13vw; padding-bottom: 0vh; z-index: 1; margin-bottom: -10vh; width: 70vw; } }
.dblock {display: block!important}
.slidersingle {position: relative; display: flex!important; gap: 50px!important; width: 100%!important;flex-wrap:wrap }
.slidersingle .swiper-wrapper {height: fit-content;position: relative;}
.slidersingle .slide .holder {display:grid;gap: 20px;grid-template-columns: 1fr;align-items: center;    z-index: 1}
.slidersingle .slide .holder .text {display:grid;gap: 10px;grid-template-columns: 1fr;}
.slidersingle .slide .holder .img {display:grid;gap: 10px;grid-template-columns: 1fr;max-width: 850px;margin: 0 auto;}
.slidersingle .slide .holder .text .titul {text-transform: uppercase;font-weight: 800;line-height: 1;font-size:22px}
.slidersingle .whitebtn {position: relative;left: -6px;padding: 10px 15px}
.slidersingle .custom-pagination { display: flex; justify-content: center; align-items: center; margin-top: 10px; position: relative; bottom: 0px; width: 100%; margin: 0 auto;    z-index: 3;} 
.slidersingle .pagination-line { width: 60px; height: 2px; background-color: #2d2d2d42; margin: 0 2px; transition: background-color 0.3s;border-radius:15px; } 
.slidersingle .pagination-line.active { background-color: #000;  }

.sliderapplications.nosides:after {display:none;}
.sliderapplications.nosides:before {display:none;}
.sliderapplications {position: relative; display: flex!important; gap: 50px!important; width: 100%!important;flex-wrap:wrap }
.sliderapplications .swiper-wrapper {height: fit-content;position: relative;margin: 40px auto 40px}
.sliderapplications .slide .holder {display:grid;gap: 20px;grid-template-columns: 1fr;align-items: center;    z-index: 1}
.sliderapplications:after {content: ""; display: block; width: 250px; height: 100%; right: 0; top: 0; background: linear-gradient(-90deg, #000 100px, transparent); position: absolute;z-index: 2;}
.sliderapplications:before {content: ""; display: block; width: 250px; height: 100%; left: 0; top: 0; background: linear-gradient(90deg, #000 100px, transparent); position: absolute;z-index: 2;}
.sliderapplications .slide .holder .text {display:grid;gap: 10px;grid-template-columns: 1fr;    padding-top: 20px;}
.sliderapplications .slide .holder .text .titul {text-transform: uppercase;font-weight: 800;line-height: 1;    text-align: center;font-size:22px}
.sliderapplications .slide .holder .img {border-radius: 24px;overflow: hidden}
.sliderapplications .whitebtn {position: relative;left: -6px;padding: 10px 15px}
.sliderapplications .custom-pagination { display: flex; justify-content: center; align-items: center; margin-top: 10px; position: relative; bottom: 0px; width: 100%; margin: 0 auto;    z-index: 3;} 
.sliderapplications .pagination-line { width: 60px; height: 2px; background-color: #ffffff42; margin: 0 2px; transition: background-color 0.3s;border-radius:15px; } 
.sliderapplications .pagination-line.active { background-color: white;  }
.imgwithbutton { width: 100%; height: 500px; overflow: hidden; display: flex; justify-content: center; align-items: flex-end;     border-radius: 20px;position: relative }
.imgwithbutton img { width: 100%; height: 100%;z-index: 1;position: absolute;object-fit: cover }
.imgwithbutton .buttony {z-index: 2;bottom: 30px;position: relative}
.grid-2 {display: grid;grid-template-columns: 1fr 1fr;gap: 40px;}
.grid-2-contact {display: grid;grid-template-columns: 1.4fr 1fr;gap: 40px;}
.mw-400px {max-width:400px}
.bighole {gap:100px}
.uzkyimg {max-width: 800px;margin: 0 auto}
.swiper-container {position: relative;}
.dlouhysipky .arrows {max-width:unset}
.arrows {position: absolute; top: 50%; left: 0; right: 0; display: flex; justify-content: space-between; transform: translateY(-50%); pointer-events: none; max-width: calc(var(--container-5) + 60px); margin: 0 auto; z-index: 3;} 
.arrows .swiper-button-prev, .arrows .swiper-button-next {pointer-events: all; z-index: 10;} 
.swiper-button-next:after, .swiper-button-prev:after {font-size: 15px!important;} 
.swiper-button-prev, .swiper-button-next {width: 40px!important; height: 40px!important; border-radius: 50%; background-color: rgba(225, 225, 225, 0.5); color: white; display: flex; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #d6d6d6; color: black!important;}
.uneven-1 {grid-template-columns:1fr 2.5fr 1fr;}
.uneven-2 {grid-template-columns:1fr 1.5fr;}
.uneven-2.inverse {grid-template-columns:1.5fr 1fr ;}
.uneven-3 {grid-template-columns:1.5fr 1fr;}
.uneven-4 {grid-template-columns:1.5fr 1fr ;}
.uneven-5 {grid-template-columns:40px 1fr ;}
.obrazekstextempresebe { height: 500px; position: relative; overflow: hidden; border-radius: 30px;display:grid; }
.obrazekstextempresebe .text { position: relative; z-index: 2; text-align: center; height: fit-content; top: 40px; max-width: 70%; margin: 0 auto; line-height: 1; }
.obrazekstextempresebe img { width: 100%; height: 100%;z-index: 1;position: absolute;object-fit: cover }
.obrazekstextempresebe .semitext {font-size:25px;line-height:1;margin-top:10px;font-weight:800}
.obrazekstextempresebe .labelik {font-size:19px;text-transform:uppercase}
.untransformed {text-transform:none;}
.cl-cm-1 { position: relative; padding-bottom: 150px; padding-left: 90px; margin-top: -80px; }
.cl-cm-2 { position: relative; padding-bottom: 150px; padding-right: 90px; margin-top: -80px; }
.cl-cm-5 { border-bottom: 1px solid; padding-bottom: 80px!important; }
.cl-cm-6 { border-bottom: 1px solid; padding-bottom: 20px!important; }
.cl-cm-9 { font-size:80px;}
.cl-cm-10 { z-index:2;position:relative}
.cl-cm-22 {background:linear-gradient(0deg,rgb(241,243,251),rgb(255,255,255) 80%,rgb(255,255,255))}
.ikonatext { display: grid; grid-template-columns: 130px 1fr; align-items: center; gap: 30px; }
.ikonatext .obrazek { background: #EEF1F2; padding: 30px; border-radius: 15px; height: 130px; }
.dlouhysipky { padding: 0 80px; }
.fullscreen-menu { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #f8f9fa; display: none; flex-direction: column; justify-content: flex-start; padding: 20px; z-index:10}
.fullscreen-menu.active { display: grid; align-items: center; padding-left: 5vw; gap: 10px; } /* Show fullscreen menu when active */
.fullscreen-menu .holder .polozka { cursor: pointer; font-size: 40px; position: relative;    margin-bottom: 20px; }
.fullscreen-menu .holder .polozka .text {opacity:.7;}
.fullscreen-menu .holder .polozka .text:hover {opacity:1;}
.fullscreen-menu .holder .polozky { display: none; } /* Submenus hidden by default */
.fullscreen-menu .back-arrow { display: none; font-size: 24px; cursor: pointer; margin-bottom: 20px; }
.fullscreen-menu.show-back .back-arrow { display: block;opacity:.6; } /* Show back arrow when navigating into submenus */
.fullscreen-menu.show-back .back-arrow:hover {opacity:1}
.fullscreen-menu.active-level-two .holder > .visible > .text {font-weight:800;margin-bottom:30px;opacity:1;pointer-events: none;curor:default}
.fullscreen-menu.active-level-three .holder > .visible > .text {font-weight:800;margin-bottom:30px;display:none;opacity:1;pointer-events: none;curor:default}
.fullscreen-menu.active-level-three .holder > .polozka.visible > .polozky.visible > .polozka.visible > .text {font-weight:800;margin-bottom:30px;;opacity:1;pointer-events: none;curor:default}
.fullscreen-menu.active-level-two .holder > .visible > .text .sipkaopen {display:none}
.fullscreen-menu .hidden { display: none; }
.fullscreen-menu .visible { display: block!important; }
.fullscreen-menu .closemenu { position: absolute; right: 30px; top: 30px; width: 20px;opacity:.7;transition:.3s all; cursor:pointer}
.fullscreen-menu .closemenu:hover {opacity:1;}
.fullscreen-menu .asterixvmenu { width: 30px; margin-bottom: 40px; }
.fullscreen-menu .sipkaopen { width: 15px; height: 15px; position: relative; top: 0px;transition:.3s all;transform:rotate(-90deg); }
.fullscreen-menu.active-level-three .sipkaopen {display:none}
.obrazkovasekce.stovkavyska.navrch { align-items: flex-start !important; }

.karta { display: grid; grid-template-columns: 1fr; gap: 20px; }
.karta .image img { width: 100%; height: 100%;z-index: 1;position: absolute;object-fit: cover }
.karta .image {height:550px;overflow:hidden;border-radius:20px;position:relative;}
.karta.svetlemodra { background: #EEF1F2; padding: 40px; border-radius: 20px; line-height: 1.1; }
.karta.svetlemodra.prechod {     background: linear-gradient(180deg, white, #eef1f266);  border: 1px solid #e0e0e0; }
.karta.svetlemodra.kontakty { grid-template-columns: 120px 1fr; padding: 20px; align-items:center}
.karta.svetlemodra.bila { background: #ffffff; padding: 20px; border-radius: 20px; line-height: 1.1; color:black; }
.karta.svetlemodra.kontakty  .image img {    border-radius: 8px; width: 100%; height: unset;z-index: 1;position: relative;object-fit: contain }
.karta.svetlemodra.kontakty  .image {height:unset;overflow:unset;border-radius:20px;position:relative;}
.karta.svetlemodra.kontakty  .text { height: 100%; display: grid ; align-items: center; }

.karta.modra { background: #e5f5ff; padding: 40px; border-radius: 20px; line-height: 1.1; }
.karta.tmavemodra { background: #293e47; padding: 20px 40px 40px 40px; border-radius: 20px; line-height: 1.1; }
.karta .semitext {line-height:1.2!important;margin-bottom:20px!important;margin-top:8px!important}
.karta .semitext.mb-0 {margin-bottom:0!important;}
.karta .semititle {text-wrap:unset}
.karta .buttony {position:relative;left:-5px;}
.karta.border-1 {background: unset;border: 3px solid #e3e3e3;}
.karta.border-2 {background: unset;border: 3px solid #387a98}
.karta.border-3 {background: unset;border: 3px solid #00a25a}
.karta.border-4 {background: unset;border: 3px solid #e25623}

.karta.border-1-alt { background: -webkit-linear-gradient(45deg, #8ac76a, #e1fdc3); border: 3px solid #c5e6a4; color: black; }
.karta.kontaktu .secondpart { display: grid; font-size: 20px; line-height: 1.2; gap: 5px; }
.karta.kontaktu .bigcontact { font-size: 30px; text-decoration: underline; }
.karta.kontaktu .bignumbers { font-size: 30px; line-height: 1.1; font-weight: 700; }
.karta.kontaktu .semititle { font-size: 20px; font-weight: 800; line-height: 1; text-wrap: balance; }

.obrazkovasekce.sedmdesatvyska {height: calc(60vh - 80px); align-items: flex-end!important; padding: 80px!important;}
.obrazkovasekce.sedmdesatvyska  .semitext {text-align:left; z-index: 4; color: white; font-size:22px;font-weight:500}
.obrazkovasekce.sedmdesatvyska  .textovycontent { z-index: 4; color: white;text-align:center; }
.obrazkovasekce.sedmdesatvyska  .buttony {display:flex;justify-content:center;margin-top:20px}

.obrazkovasekce.stovkavyska { height: calc(100vh - 80px); align-items: flex-end!important; padding: 80px!important;}
.obrazkovasekce.stovkavyska  .semitext { z-index: 4; color: white; font-size:22px;font-weight:500}
.obrazkovasekce.stovkavyska  .textovycontent { z-index: 4; color: white;text-align:center; }
.obrazkovasekce.stovkavyska  .buttony {display:flex;justify-content:center;margin-top:20px}
.bignumbers { font-size: 60px; line-height: 1.1; font-weight: 700; }
.bignumbersmensi { font-size: 42px; line-height: 1.1; font-weight: 700; }
.uzkygtext {font-weight:300!important}
.shrinkovalpicture { overflow: hidden; height: 80vh; position: relative; max-width: 100%; transition: max-width 0.3s ease; }
.ovalpicture { border-radius: 24px; overflow: hidden; height: 882px; position: relative; }
.ovalpicture.trista {height:300px;}
.ovalpicture.sestctyri {height:640px;}
.ovalpicture.sestdvacet {height:620px;}
.ovalpicture img { width: 100%; height: 100%;z-index: 1;position: absolute;object-fit: cover }
svg#aterix-1 { position: absolute; width: 100vw; z-index: 2; right: 50%; color: white;    pointer-events: none; }
svg#aterix-1 path{fill: #4a6663;opacity: 1;}

svg#aterix-2 { position: absolute; width: 100vw; z-index: 2; right: 50%; color: white;    pointer-events: none; }
svg#aterix-2 path{fill: #4a6663;opacity: .2;}

svg#aterix-3 { position: absolute; width: 100vw; z-index: 2; right: 50%; color: white;    pointer-events: none; }
svg#aterix-3 path{fill: #a0a0a0;opacity: .2;}



.z-index-3 {position:relative;z-index:3!important;}
.z-index-2 {position:relative;z-index:2!important;}
.z-index-1 {position:relative;z-index:1!important;}
.hidden-relative { overflow: hidden;position: relative;}
img.bgimagetop {position: absolute;left: 0;top: auto;object-fit: cover;z-index: 1;mix-blend-mode: multiply;filter: blur(10px);}
.kartyzvetsovaci { display: flex; grid-template-columns: 1fr 1fr 1fr 1fr; max-width: 950px;gap:15px;align-items: flex-end;     height: 280px; }
.kartyzvetsovaci .karticka  {background: #92badd99;border-radius: 16px; padding: 15px;text-align: center;    display: grid;  align-items: center;transition: .4s padding;cursor: pointer}
.kartyzvetsovaci .karticka img {max-width:180px;margin:0 auto}
.kartyzvetsovaci .karticka .bilytitle { font-weight: 800; display: none}
.kartyzvetsovaci .karticka .bilypodtext {  display: none}
.kartyzvetsovaci .karticka:hover, .kartyzvetsovaci .karticka.active {padding:35px 15px}
.kartyzvetsovaci .karticka.active  .bilytitle,.kartyzvetsovaci .karticka.active  .bilypodtext {  display: block}


.kartynezvetsovaci { display: grid; grid-template-columns: 1fr;gap:15px;align-items: flex-end; }
.kartynezvetsovaci .karticka  {background: #ffffff;border-radius: 16px; padding: 15px;text-align: center;    display: grid;  align-items: center;transition: .4s padding;cursor: pointer}
.kartynezvetsovaci .karticka img {max-width:180px;margin:0 auto}
.kartynezvetsovaci .karticka .bilytitle { font-weight: 800; }


.kartynezvetsovaci .karticka.active  .bilytitle,.kartynezvetsovaci .karticka.active  .bilypodtext {  display: block}



.image-arc-container { position: relative; width: 100%; height: 60vh; display: flex; justify-content: center; align-items: center; overflow: hidden; padding-top: 35vh; margin-bottom: -20vh;}
.image-arc {position: absolute; width: 200vw; height: 100%; display: flex; justify-content: space-evenly; align-items: center; }
.arc-image { position: relative; width: 20vw; height: auto; transition: transform 1.3s ease-out; }
.arc-image:nth-child(1) { transform: translate(0vw, 0px); }
.arc-image:nth-child(2) { transform: translate(0vw, -10vh); }
.arc-image:nth-child(3) { transform: translate(0vw, -20vh); }
.arc-image:nth-child(4) { transform: translate(0vw, -30vh); }
.arc-image:nth-child(5) { transform: translate(0vw, -20vh); }
.arc-image:nth-child(6) { transform: translate(0vw, -10vh); }
.arc-image:nth-child(7) { transform: translate(0vw, 0px); }
.overflow-visible{overflow: visible!important;}



.filter-container { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 20px; }
.filter-group { flex: 1;     min-width: 300px; }
.filter-group label { font-size: 14px; font-weight: bold; }
.filter-group select, .filter-group input { padding: 12px 15px; font-size: 15px; width: 100%; box-sizing: border-box; margin-top:10px;background:white;color:black; }

/* Wrapper for horizontal scrolling */
.table-wrapper { overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* Grid structure for desktop (table-like layout) */
.fan-grid { display: grid; grid-template-columns: repeat(9, 1fr); gap: 1px; background-color: #ddd; max-height: 530px; overflow-y: scroll; }
.fan-grid .header { background-color: #f4f4f4; font-weight: bold; cursor: pointer; padding: 12px; text-align: left; }

/* Fan card structure for desktop - span each card's div over the full grid row */
.fan-card { display: contents; } /* Makes the fan card cells behave as part of the grid */
.fan-card div { padding: 12px; background-color: white; border-bottom: 1px solid #ddd; text-align: left; }
.fan-card div { min-width: 60px; } 
.fan-card div:first-child { min-width: 200px; } /* Set a minimum width for the first div */
.fan-card div strong { display: none; }

.cernasekce .fan-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1px; background-color: #333333; max-height: 530px; overflow-y: scroll; }
.cernasekce .fan-grid .header { background-color: #171717; font-weight: bold; cursor: pointer; padding: 12px; text-align: left; }
.cernasekce .fan-card div { padding: 12px; background-color: #000000; border-bottom: 1px solid #3e3e3e; text-align: left; }
.cernasekce .filter-group select, .filter-group input { padding: 10px; font-size: 14px; width: 100%; box-sizing: border-box; margin-top: 10px; background: black; border: 2px solid white; border-radius: 10px; color: white; font-weight: 600; }
.cernasekce .filter-group label {font-size: 28px; font-weight: bold; margin-bottom: 20px; display: flex;}
.bilasekce .filter-group select, .bilasekce .filter-group input { background: white; border: 1px solid black; border-radius: 0; color: black; }
.hidden { display: none!important; } 
.inactive { display: none!important; } 
.visible { display: block; } 
.group.hidden { display: none; }
.selector-dropdown.dropdown-open { display: grid; gap: 10px; padding: 20px 0; width: 100%; }
.selector-dropdown { position: relative; }
.selector-dropdown .group {  border-radius: 15px; background: white; border: 1px solid #efefef; overflow: hidden; overflow-y: scroll; max-height: 300px; position: absolute; width: 100%; top: 42px; -webkit-box-shadow: 2px 9px 25px 0px rgba(0, 0, 0, 0.24); -moz-box-shadow: 2px 9px 25px 0px rgba(0, 0, 0, 0.24); box-shadow: 2px 9px 25px 0px rgba(0, 0, 0, 0.24); }

.selectee { padding: 10px; width: 100%;cursor:pointer; }
.selectee:hover {background-color: #e0e0e0;font-weight: bold;}
.selectee.selected {background-color: #e0e0e0;font-weight: bold;}
input.search { text-decoration: none !important; align-items: center; background: white; background-color: #fff; background-size: 300% 200%; color: #000; display: flex; height: 100%; max-height: 48px; transition: .4s ease-out; cursor: pointer; font-weight: 400; position: relative; justify-content: center; border: 0; text-align: left; }
.searchinputwitharrow img {width:12px;height:12px;position: relative; left: 8px;}
.searchinputwitharrow { cursor: pointer; border-radius: 100px; color: #000; display: flex; align-items: center; }
.metric-switcher { display: flex; align-items: center; gap: 10px; margin-left: 30px;justify-content:center; } 
.metric-switcher .switch { position: relative; display: inline-block; width: 50px; height: 24px; } 
.metric-switcher .switch input { opacity: 0; width: 0; height: 0; } 
.metric-switcher .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; border-radius: 24px; transition: background-color 0.3s ease; } 
.metric-switcher .slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background-color: white; border-radius: 50%; transition: transform 0.3s ease; } 
.metric-switcher .switch input:checked + .slider { background-color: #4caf50; } 
.metric-switcher .switch input:checked + .slider:before { transform: translateX(26px); } 
.metric-switcher .toggle-label { font-size: 14px; color: #333; }



.floatingbtn { position: fixed; z-index: 9; right: 14px; bottom: 80px;  }
.floatingbtn .holder  { transition:.4s all;display: flex; background: #f8f8f8; padding: 12px 20px; border-radius: 30px; color: black; align-items: center; gap: 10px; width: fit-content; font-weight: 600; border: 4px solid #dddddd6b; justify-content: center; -webkit-box-shadow: 2px 9px 25px 0px rgba(0, 0, 0, 0.24); -moz-box-shadow: 2px 9px 25px 0px rgba(0, 0, 0, 0.24); box-shadow: 2px 9px 25px 0px rgba(0, 0, 0, 0.24); }
.floatingbtn .holder .ikona svg { width:20px;height:20px;}
.floatingbtn .holder .text{display: none}
.floatingbtn .holder:hover {background:black;color:white;cursor:pointer}
.floatingbtn .holder:hover .ikona svg {filter:invert(1)}


.floatingform {     max-height: 90vh;
  overflow-y: scroll;display: none; position: fixed; bottom: 100px; right: 20px; background-color: white; padding: 20px; box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1); border-radius: 10px; z-index: 1000; width: 300px; }
.floatingform.active { display: block; }
.floatingform div { margin-bottom: 15px; }
.floatingform input[type="text"], .floatingform input[type="tel"], .floatingform input[type="email"], .floatingform textarea { width: 100%; padding: 8px; margin: 6px 0; box-sizing: border-box; border-radius: 5px; appearance: none; border-style: solid; border: 1px solid #d3d3d3; }
.floatingform textarea { height: 80px; }
.floatingform label { font-weight: bold; }
.floatingform .gdpr { display: flex; align-items: center; }
.floatingform .gdpr input { margin-right: 10px; }
.floatingform button { width: 100%; padding: 10px; background-color: #4CAF50; color: white; border: none; cursor: pointer; }



.floatingbtndva { position: fixed; z-index: 9; right: 14px; bottom: 140px;  }
.floatingbtndva .holder  { transition:.4s all;display: flex; background: white; padding: 12px 20px; border-radius: 30px; color: black; align-items: center; gap: 3px; width: fit-content; font-weight: 600; border: 4px solid #dddddd6b; justify-content: center;  }
.floatingbtndva .holder .ikona svg { width:20px;height:20px;}
.floatingbtndva .holder:hover {width: 190px}
.floatingbtndva .holder:hover  .metric-switcher {display: flex}
.floatingbtndva .metric-switcher {margin-left: 0px;display: none}
.floatingbtndva .holder img { width:20px;height:20px;}
.floatingbtndva .tooltip-wrapper { position: relative; display: inline-block; }
.floatingbtndva .tooltip { position: absolute; bottom: 110%; left: 50%; transform: translateX(-50%); background-color: #444; color: #fff; padding: 12px 16px; border-radius: 24px; font-size: 14px; line-height: 1.4; text-align: center; white-space: normal; max-width: 260px; width: 150px;box-shadow: 0 4px 12px rgba(0,0,0,0.2); opacity: 0; pointer-events: none; transition: opacity 0.3s ease; z-index: 10; font-weight: 400}
.floatingbtndva .tooltip-wrapper:hover .tooltip { opacity: 1; pointer-events: auto; }
.floatingbtndva .tooltip::after { content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border-width: 8px; border-style: solid; border-color: #444 transparent transparent transparent; }

.vlajka { display: flex; align-items: center; width: 50px; height: 50px; border-radius: 50%; overflow: hidden; border: 3px solid #f2f2f2; }
.contacttitul { text-align: left; font-size: 26px; font-weight: 600; line-height: 1; letter-spacing: -3px; }
.nazevzeme { text-align: left; font-size: 32px; font-weight: 500; line-height: 1; letter-spacing: -1.5px; }
.ikonaloc, .contacticon {display: flex;align-items: center;justify-content: flex-start}
.ikonaloc img, .contacticon img {width: 20px;height: 20px;}
.contactgrid { display: grid ; grid-template-columns: 30px 1fr; align-items: flex-start; }
.font-weight-600 {font-weight: 600!important}
.contactsearch {margin-bottom: 30px}
.contactsearch input {width: 100%}
.seachresultinput { width: 100%; display: flex ; height: auto; padding: 15px; border: 1px solid #ddd; border-radius: 8px; background-color: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);    flex-direction: column; max-height: 250px;overflow-y: scroll;  }
  .itemsearchresult {font-size:15px;width: 100%;transition:.4s all;background: white;cursor:pointer;padding: 10px;border-radius: 8px}
  .itemsearchresult:hover {background: #EEF1F2}
  
.seachresultinput.inactive {display: none}


.seachresultinputregion { width: 100%; display: flex ; height: auto; padding: 15px; border: 1px solid #ddd; border-radius: 8px; background-color: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);    flex-direction: column;max-height: 250px;overflow-y: scroll; }
  .itemsearchresultregion {font-size:15px;width: 100%;transition:.4s all;background: white;cursor:pointer;padding: 10px;border-radius: 8px}
  .itemsearchresultregion:hover {background: #EEF1F2}
  
.seachresultinputregion.inactive {display: none}

.namecontact { display: flex ; align-items: center; gap: 5px; margin-bottom: 40px; }
.contactlink { color: #0093c6; text-decoration: underline; font-size: 15px; line-height: 1.2;margin-top: 5px;display: flex;white-space: nowrap; }
.personphoto { width: 100%; height: 140px; position: relative; overflow: hidden;border-radius: 10px }
.personphoto img { width: 100%; height: 100%; position: absolute; object-fit: cover; }
.regions { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin: 10px 0 30px; }
.regions .prvni { display: flex; justify-content: flex-start; }
.regions .region { text-transform:uppercase;text-decoration: none !important; align-items: center; background: linear-gradient(270deg, #fff 50%, #000 0) 100%; background-color: #fff; background-size: 300% 200%; border-radius: 100px; color: #000; display: flex; height: 100%; max-height: 48px; transition: .4s ease-out; border: 2px solid #efefef; padding: 12px 30px; width: fit-content; cursor: pointer; font-weight: 400; position: relative; justify-content: center; text-decoration: none; }
.regions .region.active, .regions .region:hover {background:black;color:white;cursor:pointer}
.regionsearch  { text-decoration: none !important; align-items: center; background: linear-gradient(270deg, #fff 50%, #000 0) 100%; background-color: #fff; background-size: 300% 200%; border-radius: 100px; color: #000; display: flex; height: 100%; max-height: 48px; transition: .4s ease-out; border: 2px solid #efefef; padding: 12px 20px; width: fit-content; cursor: pointer; font-weight: 400; position: relative; justify-content: center; text-decoration: none; }
.newsline { display: flex; justify-content: center; background: aliceblue; width: fit-content; margin: 0 auto; padding: 20px; border-radius: 100px; font-weight: 600; }
.newstitle {font-size: 32px;text-wrap: balance;    font-weight: 700;}


.service { margin-top: 10px; font-size: 19px; font-weight: 700; margin-bottom: 5px; }
.contactkarta .contact a {font-size: 19px;}
.contactkarta .contact {margin:5px 0;}
.contactkarta { padding: 30px; border-radius: 20px; background: white; }
 .omezkontaky { display: block; max-width: 100%; margin: 0 auto; overflow: hidden;width:100%; }
 
.center-container { background-color: white; display: flex; justify-content: center; align-items: center; margin: 0 auto; padding: 0; width: 100%; max-width: var(--container-6); }
.grid-uneven-15 { width: 90vw; height: 60vh; margin: 2rem; display: grid; grid-gap: 20px; grid-template-columns: 2fr 2fr 1fr 1fr; grid-template-rows: 2fr 1fr; }
.grid-uneven-15-novy { width: 100%; min-height: 40vh;height:fit-content; margin: 2rem; display: grid; grid-gap: 20px; grid-template-columns: 2fr 2fr 1fr 1fr; grid-template-rows: 2fr; }
.section-1, .section-2, .section-3, .section-4, .section-5, .section-6 { transition: scale 1s ease-out; padding: 2rem 1.8rem; min-width: 100%; border-radius: 12px; }
.special-1 { grid-column: span 2; color: white; }
.special-2 { grid-column: span 2; }
.bg-c1 { background-color: #EEF1F2; }
.bg-c2 { background-color: #EEF1F2; }
.bg-c3 { background-color: black; }
.bg-c4 { background-color: #94524e; color:white}
.bg-c5 { background-color: #f6d680;color:black; }
.bg-c6 { background-color: #EEF1F2; }
.sect-column { display: flex; flex-direction: column; justify-content: space-between; }
.big-gap { gap: 10%; }
.f-col { display: flex;flex-wrap: wrap;gap: 20px; }
.flex-wide-center { display: flex; justify-content: space-between; align-items: center; }
.txt-huge { font-size: 5rem; font-weight: bolder; }
.txt-big { font-size: 4rem; }
.txt-mid { font-size: 2.5rem; }
.txt-regular { font-size: 2rem; }
.txt-small { font-size: 1.2rem; }
.txt-base { font-size: 1rem; }
.svg-arrow { position: relative; }
.actual-arrow { position: absolute; bottom: 1rem; right: 1rem; }
.actual-arrow.white { fill: white; }
.actual-arrow.black { fill: black; }
.bold { font-weight: bold; }

div#filtersHeader { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 20px;    width: 100%; }

.curtainslider { display: flex; justify-content: space-between; gap: 10px; }
.curtainslider.horizontal { flex-direction: column; }
.curtainslider.horizontal .title {padding:5px 0px}
    .curtainslider.horizontal .curtainee,.curtainslider.vyssi.horizontal .curtainee  {height:fit-content;width: 100%;}
    .curtainslider.horizontal .text-vertical { writing-mode: unset; transform: rotate(0deg); }
.curtainslider .curtainee { height: 500px; transition: all .65s cubic-bezier(.23,1,.32,1); border-radius: 20px; cursor: pointer; display: flex; padding: 30px; width: 150px; transition-property: width, background, color, border, box-shadow, opacity; }
.curtainslider.vyssi .curtainee { height: 650px;}
.curtainee.active-curtainee { width: 100%; transition: all .65s cubic-bezier(.23,1,.32,1); }
.curtainslider .curtainee:nth-child(1) { background: linear-gradient(180deg, #293e47 0%, #45525c 100%); color: white; }
.curtainslider .curtainee:nth-child(2) { background: linear-gradient(180deg, #4a6865 0%, #657d7a 100%); color: white; }
.curtainslider .curtainee:nth-child(3) { background: linear-gradient(180deg, #94524e 0%, #a76e6a 100%); color: white; }
.curtainslider .curtainee:nth-child(4) { background: linear-gradient(180deg, #387a98 0%, #5491ad 100%); color: white; }
.curtainslider .curtainee:nth-child(5) { background: linear-gradient(180deg, #00a25a 0%, #33b87a 100%); color: white; }
.curtainslider .curtainee:nth-child(6) { background: linear-gradient(180deg, #e25623 0%, #eb7546 100%); color: white; }
.curtainslider .curtainee:nth-child(7) { background: linear-gradient(180deg, #000000 0%, #2a2a2a 100%); color: white; }
.curtainslider .curtainee:nth-child(8) { background: linear-gradient(180deg, #2d322d 0%, #4a4f4a 100%); color: white; }
.curtainslider .curtainee:nth-child(9) { background: linear-gradient(180deg, #EEF1F2 0%, #f4f6f7 100%); color: black; }
.curtainslider .curtainee:nth-child(10) { background: linear-gradient(180deg, #FFFFFF 0%, #fafafa 100%); color: black; }


.text-vertical { writing-mode: vertical-rl; transform: rotate(180deg); }

.curtainslider .title { font-size: 28px; line-height: 1; margin: 0; padding: 0 10px; }
.curtainslider .semititledoleva { font-size: 48px; line-height: 1; margin: 0; font-weight: 600; }
.curtainslider .semicontentdoleva { font-size: 26px; font-weight: 400; line-height: 1.2; text-wrap: balance; }
.curtainslider .semicontentdoleva.mensi { font-size: 18px; font-weight: 400; line-height: 1.2; text-wrap: pretty; }
.curtainee.active-curtainee .content {opacity:1;transition:1.2s all}
.curtainee .curtainee .content {opacity:0;transition:1.2s all}
.babyasterisk svg {fill:white}
.babyasterisk { position: absolute; width: 30vw; height: auto; left: -15vw; }

.babyasteriskdva svg {fill:white}
.babyasteriskdva { position: relative; width: 50px; height: 50px; }

.babyasterisktri svg {fill:white}
.babyasterisktri { position: absolute; width: 50vw; height: auto; left: -25vw; bottom: -15vw; pointer-events:none;}

.babyasteriskctyri svg {fill:white}
.babyasteriskctyri { position: absolute; width: 50vw; height: auto; right: -25vw; bottom: -15vw;z-index:2; }

.babyasteriskpet svg {fill:white}
.babyasteriskpet { position: absolute; width: 50vw; height: auto; left: -25vw; bottom: -15vw;z-index:2; }

.babyasterisksest svg {fill:white}
.babyasterisksest { position: absolute; width: 50vw; height: auto; left: -25vw; top: -25vw;z-index:2; }

.babyasterisksedm svg {fill:white}
.babyasterisksedm { position: absolute; width: 40vw; height: auto; left: -20vw; bottom: -15vw; }

.babyasteriskosm svg {fill:white}
.babyasteriskosm { position: absolute; width: 30vw; height: auto; left: -15vw; bottom: -15vw; }

.formular .polozka {display:grid;grid-template-columns:1fr;gap:5px;}
.formular {max-width:600px;margin:0 auto;}
.formular.sirsi {max-width:unset;}
input[type="text"],input[type="email"],input[type="file"],textarea, input[type="password"] {font-family: 'Interstate',sans-serif;padding:12px 15px;font-size:16px;border:1px solid #ddd;border-radius:8px;background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,0.1);transition:box-shadow 0.3s ease,border-color 0.3s ease;outline:none;}
input[type="text"]:focus,input[type="email"]:focus,input[type="file"]:focus,textarea:focus,input[type="password"]:focus {border-color:#007BFF;box-shadow:0 4px 10px rgba(0,123,255,0.2);}
textarea {height:150px;resize:none;}
select {width:320px;padding:12px 15px;font-size:16px;border:1px solid #ddd;border-radius:8px;background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,0.1);appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;transition:box-shadow 0.3s ease,border-color 0.3s ease;}
select:focus {border-color:#007BFF;box-shadow:0 4px 10px rgba(0,123,255,0.2);}
select option {padding:10px;}
.formular{height:100%;display:grid;gap:20px;grid-template-columns:1fr;}
.gridprofiles { display: grid; grid-template-columns: 130px 1fr; align-items: center; margin-top: 20px; gap: 30px; }
.name { font-size: 28px; font-weight: 600; }
.inverzninavigace .sliderapplications .pagination-line.active { background-color: black; }
.inverzninavigace .sliderapplications .pagination-line {  background-color: #5e5e5e42;  }
.textsasterixerm { display: grid; grid-template-columns: 70px 1fr; align-items: center; gap: 15px; justify-content: flex-start; }
.karta.kontaktu .firstpart {display: grid;}


.coverimage { display: flex; position: relative; width: 100%; height: 100%; min-height: 400px; border-radius: 20px; overflow: hidden; }
.coverimage img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
img.mini {object-fit: contain;object-position: 0 40px;}


.languageswitcher {position:relative;text-transform:uppercase;font-size:13px;  }
.sublanguages { display: none; }
.main-language { display: flex ; align-items: center; padding: 10px 24px; border: 1px solid #dbd8d8; border-radius: 50px; position: relative; z-index: 2; background: white;cursor:pointer }
.languageswitcher:hover .sublanguages {    min-width: fit-content; display: grid; position: absolute; width: 100%; padding: 30px 16px 15px; background: white; border-radius: 0 0 8px 8px; border: 1px solid #dbd8d8; top: 20px;cursor:pointer;gap:10px;  }
.language { font-weight: 700; }
.language span { font-weight: 300;color:#dddddd; }
.mezititulform { text-align: left; font-size: 36px; font-weight: 300; margin: 30px 0; line-height: 1; letter-spacing: -3px; text-wrap: balance; }

#online_form,#upload_form {width: 100%;margin-top: 50px;}
#shipping_info { width: 100%; display: inline-grid ; grid-column: span 3; gap: 20px; }


#login_form { max-width: 400px; margin: 0 auto; display: flex ; gap: 20px; flex-wrap: wrap;    justify-content: center; }
#login_form .polozka { width: 100%; flex-wrap: wrap; display: flex ; gap: 5px; }
#login_form .polozka > * { width: 100%; }

.relative {position:relative;}
.absolute {position:absolute;}

.uvodni-dlazdice {width:100%; height:450px; color:#fff; padding:40px; border-radius:20px; display:flex; align-items:end; overflow:hidden;}
.uvodni-dlazdice img.starlet {position:absolute; right:-100px; bottom:0px; height:250px; width:auto; z-index:10;}
.uvodni-dlazdice .nadpis {font-size:48px; font-weight:800; text-transform:uppercase; z-index:10;}
.uvodni-dlazdice .pozadi {position:absolute; width:100%; height:100%; top:0px; left:0px; overflow:hidden; border-radius:20px;}
.uvodni-dlazdice .pozadi .prechod {width:100%; height:80%; background:linear-gradient(0deg, var(--color-two), transparent); position:absolute; bottom:0; z-index:5;}
.uvodni-dlazdice .pozadi .fotografie {width:100%; height:100%; overflow:hidden;}
.uvodni-dlazdice .pozadi .fotografie img {width:100%; height:100%; object-fit:cover;}

.dlazdice {padding:40px; border-radius:20px; color:#fff; display:flex; flex-direction:column; align-items:start;}
.dlazdice .semititle {font-size:24px; font-weight:800; line-height:1.1; text-wrap:balance; width:250px; max-width:100%; text-transform:uppercase;}

.modra {background: linear-gradient(0deg, #387a98 0%, #5491ad 100%);}
.oranzova {background: linear-gradient(0deg, #e25623 0%, #eb7546 100%);}
.zelena {background: linear-gradient(0deg, #00a25a 0%, #33b87a 100%);}
b {font-weight: 600;}


.karta .pidititul {    text-align: left;display: grid;grid-template-columns: 1fr 30px;gap:5px;align-items:center}
.karta .pidititul .ikonka { width: 30px; height: 30px; border-radius: 50% 50%; overflow: hidden; position: relative;border:4px solid #dddddd6b; }
.titlestred { font-size: 40px; max-width: 820px;  font-weight: 700; color: var(--color-one); margin: 45px auto; text-align:center}
.mensititul {font-size: 32px;  font-weight: 700; color: var(--color-one); }
.nejmensititul {font-size: 27px;  font-weight: 700; color: var(--color-one);max-width:80%; }
.pidititul {font-size: 19px;  font-weight: 700; color: var(--color-one);max-width:100%; }
.stacks {display:grid;grid-template-columns:1fr;gap:80px;position:relative;z-index:4}


.stack.smedia { display: grid ; grid-template-columns: 430px  1fr; border-radius: 20px;overflow: hidden; }

.stack { display: grid ; grid-template-columns: 1fr; border-radius: 20px;overflow: hidden; }


.stacks .desc { font-size: 18px; font-weight: 400; color: var(--color-one); line-height: 1.3; margin-bottom: 35px; }
.stack .textovacast {background: #F5F7F9; }
.stack .textovacast.zelena {background: linear-gradient(  226deg, #B6D093, #4A6865) }
.stack .textovacast.modra {background: linear-gradient(  226deg, #87BAE1, #387A98) }
.stack .textovacast.oranzova {background: linear-gradient(  226deg, #B9CFD0, #293E47) }
.stack .textovacast.zluta {background: linear-gradient(  226deg, #F6D680, #94524E) }

.stack .textovacast.zelena .mensititul {color:white;}
.stack .textovacast.zelena .desc {color:white;}
.stack .textovacast.zelena .cara {  background-color: #4A6865;  }

.stack .textovacast.modra .mensititul {color:white;}
.stack .textovacast.modra .desc {color:white;}
.stack .textovacast.modra .cara {  background-color: #387A98;  }
.stack .dvojka { display: flex ; justify-content: flex-end; }
.stack .textovacast.oranzova .mensititul {color:white;}
.stack .textovacast.oranzova .desc {color:white;}
.stack .textovacast.oranzova .cara {  background-color: #293E47;  }
.stack .cudl { padding: 10px; background: #e6e6e6; border-radius: 10px;color:black;transition:.2s all; }

.stack .textovacast.zluta .mensititul {color:white;}
.stack .textovacast.zluta .desc {color:white;}
.stack .textovacast.zluta .cara {  background-color: #94524E;  }

.stack .image { min-height: 430px;position:relative;border-radius: 20px 0 0 20px;overflow: hidden;display:none; }
.stack .image img { position: absolute; width: 100%; height: 100%; object-fit: cover; }
.stack .textovacast { padding: 50px; display: grid ; grid-template-columns: 2fr 1px 1fr; gap: 30px;border-radius: 0px 20px 20px 0 ; }
.stack .textovacast .mensititul {margin-bottom:20px}
.stack .textovacast .cara {height: 100%; width: 1px; background-color: #D3DBE5; display: block;}
.stack .textovacast .prvni {    gap: 90px; display: grid ; align-content: space-between; }
.stack .quotes { width: 30px; }
.stack .nominal { gap: 2px; display: grid ; grid-template-columns: 3fr 1fr; background: white; border-radius: 20px; border: 1px solid white; padding: 15px 22px; text-decoration: none; cursor: pointer; transition: .2s all; justify-content: space-between; align-items: center; }
.stack .nominal:hover {background:unset;color:white}
.stack .nominal:hover .co {color:white;}
.stack .nominal:hover .cudl {background:white;}
.stack .karta .date {display:none;}



.stack .nominal .cislo { display: flex ; align-items: center; }
.stack .nominal .cislo img {width:20px;height:20px;}
.stack .nominal .cislo span { font-size: 26px; }

.stack .textovacast .druha { display: grid ; grid-template-columns: 1fr; align-content: start; }
.stack .kontaktniosoba { display: grid ; grid-template-columns: 70px 1fr; align-items: center; gap: 15px; margin-bottom: 10px; border-radius: 35px; }
.stack .kontaktniosoba .foto { width: 70px; height: 70px;border-radius: 50% 50%; overflow: hidden; position: relative; }
.stack .kontaktniosoba .foto img {object-fit:cover;width:100%;height:100%;left:0;top:0;}
.stack .kontaktniosoba .jmeno { font-size:18px;margin-bottom:5px;font-weight:700; }
.stack .referencee { font-family: var(--font-family-2); margin-bottom: 35px; color: #080F1A; white-space: pre-line; font-size: 14px; line-height: 18px; letter-spacing: -0.01em; font-weight: 400; }
.stack .co {transition:.2s all; color: #647491; font-weight: 400; white-space: pre-line; font-size: 14px; line-height: 18px; letter-spacing: -0.01em; margin: 0; font-weight: 400; }
.stack .referencee { font-family: var(--font-family-2); margin-bottom: 35px; color: #080F1A; white-space: pre-line; font-size: 14px; line-height: 18px; letter-spacing: -0.01em; font-weight: 400; }

.redirectnote .line-2 { font-size: 28px; margin-top: 5px; }

/* WHITEPAPER CSS */
.fullscreensekce {width:100%;height:90vh;max-height:90dvh;display:grid;grid-template-columns:1fr;align-content:center;justify-content:center;position:relative;background:black;overflow:hidden}
.fullscreensekce .media {width:100%;height:100vh;position:absolute;object-fit:cover;opacity:.2;object-position:bottom}
.iconic { display: grid; align-items: center; gap: 20px;grid-template-columns: 80px 1fr}
.iconic.podsebou {align-content: flex-start;grid-template-columns: 1fr;gap:unset}
.iconic .icon {width: 80px; height: 80px; border: 1px solid #8cabc6; position: relative; border-radius: 50%; padding: 15px; display: flex; justify-content: center; align-items: center; }
.iconic.podsebou .icon {margin:0 auto;}
.iconic .text {font-size:18px;}
.mediasekce { background: aliceblue; display: flex; align-items: center; }
.popisnasekce  ul, ol { list-style-type: none; margin: 0; padding: 0;font-size:19px; } 
.popisnasekce  ul li, ol li { padding-left: 10px; margin-bottom: 20px; display: block; } 
.popisnasekce  ul li:before, ol li:before { content: '•'; color: #3498db; display: inline-block; width: 1em; margin-left: -1em; }
.iconic.podsebou .text {text-align:center;}
.iconic.podsebou h3 {margin-bottom:10px;}
.formpart { display: grid; align-content: center; gap: 15px; }
.bluebtn:hover { background-position: 0 100%; border: 2px solid #3fa1ea; color: #000; }
.bluebtn { text-decoration: none !important; align-items: center; background: linear-gradient(270deg, #3fa1ea 50%, #efefef 0) 100%; background-color: #fff; background-size: 300% 200%; border-radius: 8px; display: flex;  transition: .4s ease-out; border: 2px solid #3fa1ea; padding: 12px 20px; width: fit-content; cursor: pointer; font-weight: 400; position: relative; justify-content: center; color: white; font-size: 14px;}
.bluebtn.mini {font-size:12px;padding:6px 12px;}
.bluebtn.w-100 {width:100%;}
header.whitepaper .pc .cta {justify-content:flex-end;    padding-right: 5px;margin: 0;}
header.whitepaper .pc .cta .bluebtn {border-radius:100px;}
.bgbar { background: #f0f0f0; padding:0 15px}
.bgbar .grid-2 {align-items:center;justify-content:space-between;}
.bgbar .buttony { display: flex; justify-content: flex-end; }
.textbar {font-weight:700;}

.carrercarousel {height:100%;width: 100% !important;}
.carrercarousel .vrch {display:grid;grid-template-columns:1fr;gap:20px}
.carrercarousel .spodek {display:grid;grid-template-columns:1fr;gap:10px;display:none}
.imagecarousel .downsection {margin-top: 20px;display: grid; grid-template-columns: 1fr 1fr; gap: 10px; align-items: center; width: 100%; padding: 0 5px;    align-self: end; }
#engineering .imagecarousel { background: #EEF5EE;  }
#sales .imagecarousel { background: #EEF1F5;  }
#business .imagecarousel { background: #F8EEE2;  }
#supply .imagecarousel { background: #EEF5F2;  }

.carrercarousel .refereeimage { width: 100%; height: 100%; position: relative; border-radius: 8px; overflow: hidden; min-height: 250px; }
.carrercarousel .refereeimage img { width: 100%; height: 100%; position: absolute; object-fit:cover }
.carrercarousel .qutoik { width: 25px; height: auto; position: relative;top: -2px; }
.carrercarousel .title { font-size: 19px; font-weight: 700; margin-top: 20px;text-wrap: balance }
.carrercarousel .name { font-size: 20px; font-weight: 600; margin:0}
.carrercarousel .nameandquote { display: flex; align-content: flex-end; align-items: flex-end;gap:10px }
.imagecarousel .navigation .career-prev, .imagecarousel .navigation .career-next{ width: 44px; height: 44px; border-radius: 999px; border:  1px solid #ddddddee; background: white; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.imagecarousel .navigation .career-prev.swiper-button-disabled, .imagecarousel .navigation .career-next.swiper-button-disabled{ opacity: 0.35; cursor: not-allowed; }
.imagecarousel .navigation { display: flex; gap: 4px; justify-content: flex-end; align-items: center; }
.imagecarousel { width: 100%;display: flex; height: 100%; align-items: stretch; align-content: stretch; flex-wrap: wrap;    padding: 30px; }
.plyr {border-radius: 20px;}

.flag-stack{ position: relative; display: inline-flex; align-items: center; height: 18px;justify-content: flex-end; } 
.flag-stack .flag{ width: 21px; height: 21px; border-radius: 50%; object-fit: cover; border: 2px solid #fff;  box-sizing: border-box; }
.flag-stack .flag--second{ margin-left: -8px;  z-index: 0; opacity: 0.95; } flag-stack .flag{ z-index: 1; } 
.flag-stack .flag-more { margin-left: -6px; z-index: 2; display: inline-flex; align-items: center; justify-content: center; height: 21px; min-width: 21px; padding: 0 6px; border-radius: 999px; font-size: 10px; line-height: 1; border: 2px solid #fff; background: #497895; color: #fff; cursor: default; }
.flag-stack .flag-popover { position: absolute; top: unset; right: -5px; display: none; gap: 6px; padding: 8px; border-radius: 12px; background: #fff; box-shadow: 0 10px 30px rgba(0, 0, 0, .15); white-space: nowrap; z-index: 50; }
.flag-stack .flag--mini{ width: 18px; height: 18px; border-radius: 50%; border: 1px solid rgba(0,0,0,.08); } 

.flag-stack--hoverable:hover .flag-popover{ display: inline-flex; }


.herobig {padding: var(--global-padding-1);overflow: hidden; display: grid; justify-content: flex-start; align-items: flex-start; gap: 5px; min-height: calc(100vh - 80px);  grid-template-columns: 1fr;position:relative}
.herobig .textovacast {color:black;position: relative;z-index: 3}
.herobig .textovacast {max-width: 500px}

.herobig .asterisk { position: absolute; top: 0; right: 15%; width: 30vw; height: 30vh; z-index: 1;mix-blend-mode: multiply;opacity: .2 }
.herobig.zlutagrad .asterisk svg path{fill:#F1D78C}

.herobig .textbackground {position: absolute; bottom: 0%; z-index: 1; font-size: var(--fs-5xl); text-align: center; margin: 0 auto; text-transform: uppercase; font-weight: 800; opacity: .04; display: -webkit-inline-box; width: 100%; text-align: center; }
.herobig .textbackground .hold {width: 100%}
.herobig .obrazovacast {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);z-index: 2}
.herobig .obrazovacast .hold {max-width:800px;   transform-style: preserve-3d;
  transition: all .1s;}
.zlutagrad {background: var(--mw-color-9)}
.cudlikona {transition: .4s border;color:black;font-weight: 700;display: flex;gap:20px;align-items: center;border-radius:16px;border: 1px solid rgba(0, 0, 0, 0.2);width: fit-content;padding: 12px 12px 12px 17px;text-decoration: none!important; font-size:var(--fs-xxs)}
.cudlikona .ikonaobla {width:44px;height: 44px;padding:15px;background: black;display: flex;border-radius:9px;position:relative;z-index:5}
.cudlikona:hover {color: black}
.textikona {display: flex;gap:8px;align-items: center;text-transform: uppercase;font-weight: 600;font-size: var(--fs-xxs)} 
.textikona .ikonaobla {width:35px;height: 35px;padding:9px;background: black;display: flex;border-radius:9px}
 .cudlikona.b-0 {border: 0}
 .cudlikona:hover {border: 1px solid rgba(0, 0, 0, .7);}
 

.cudlikona { --rotate: 20deg;--move: 150%; transform-origin: 50% 1000%;transition: transform 0.45s cubic-bezier(0.625, 0.05, 0, 1); position: relative;overflow: hidden;}
.cudlikona .cudlwrap  { z-index: 1;  place-items: center;  display: grid;  position: relative;}


.cudlikona.bila {color:white;border: 1px solid rgba(255, 255, 255, 0.2);}
.cudlikona.bila:hover {color: white;border: 1px solid rgba(255, 255, 255, 1);}

.cudlikona .btn-slanted-label{
  transform-origin: 50% 1000%;
  transition: transform 0.45s cubic-bezier(0.625, 0.05, 0, 1);
}

.cudlikona .btn-slanted-label:not(:nth-of-type(1)){
  position: absolute;
}

.cudlikona .btn-slanted-label:nth-of-type(1){ 
  transform: translate(calc(var(--move) * 0), calc(var(--move) * 0)) rotate(calc(var(--rotate) * 0));
  transition-delay: 0.075s;
}

.cudlikona .btn-slanted-label:nth-of-type(2){ 
  transform: translate(calc(var(--move) * -0.2), calc(var(--move) * 0.5)) rotate(calc(var(--rotate) * -2));
  transition-delay: 0s;
  opacity:0;
  transition:.4s all;
}

/* Hover styles */
@media (hover: hover) {
  .cudlikona:hover .btn-slanted-label:nth-of-type(1){
    transform:translate(calc(var(--move) * 0.6), calc(var(--move) * .5)) rotate(calc(var(--rotate) * 2));
    transition-delay: 0s;
  }
  .cudlikona:hover .btn-slanted-label:nth-of-type(2){
    transform: translate(calc(var(--move) * 0), calc(var(--move) * 0)) rotate(calc(var(--rotate) * 0));
    transition-delay: 0.075s;
     opacity:1;
  }
  .cudlikona:hover .btn-slanted-bg{
    transform: translate(0%, 0%) rotate(0deg);
  }
}

/* Focus styles */
.btn-slanted:focus-visible .btn-slanted-label:nth-of-type(1){
  transform: translate(calc(var(--move) * 0.2), calc(var(--move) * -2.5)) rotate(calc(var(--rotate) * 2));
  transition-delay: 0s;
}
.btn-slanted:focus-visible .btn-slanted-label:nth-of-type(2){
  transform: translate(calc(var(--move) * 0), calc(var(--move) * 0)) rotate(calc(var(--rotate) * 0));
  transition-delay: 0.075s;
}



/* wrapper */
 .cudlikona .rotatetext{
   position: relative;
   display: inline-block;
   overflow: hidden;
   white-space: nowrap;
   vertical-align: middle;
 }
 
 /* layers */
 .cudlikona .rotatetext .line{
   display: inline-block;
   white-space: nowrap;
   transition: transform .35s ease, opacity .25s ease;
   will-change: transform, opacity;
 }
 
 /* default is visible */
 .cudlikona .rotatetext .line.is-default{
   position: relative;      /* keeps height */
   transform: translateX(0);
   opacity: 1;
 }
 
 /* alt is overlay, starts from left */
 .cudlikona .rotatetext .line.is-alt{
   position: absolute;
   left: 0;
   top: 0;
   transform: translateX(-110%);
   opacity: 0;
 }
 
 /* hover/focus: default goes right, alt comes in */
 .cudlikona:hover .rotatetext .line.is-default,
 .cudlikona:focus-visible .rotatetext .line.is-default{
   transform: translateX(110%);
   opacity: 0;
 }
 
 .cudlikona:hover .rotatetext .line.is-alt,
 .cudlikona:focus-visible .rotatetext .line.is-alt{
   transform: translateX(0);
   opacity: 1;
 }
 
.herobig h1 {font-size: var(--fs-micro);}
.herobig .titulvelky {font-size: var(--fs-3xl);margin-top: 35px;margin-bottom:25px;text-transform: uppercase;font-weight: 800;text-wrap:balance}
.herobig .animatedoverlay  {position: absolute; width:100%;height:100vh; margin: 0;filter: grayscale(10);opacity:.8;mix-blend-mode: soft-light}
.herobig .animatedoverlay .hold {height:100vh; margin: 0; --x: calc(var(--posX, 0) * 1px); --y: calc(var(--posY, 0) * 1px); background-image: linear-gradient(115deg, rgb(211 255 215), rgb(0 0 0)), radial-gradient( 90% 100% at calc( 50% + var(--x)) calc( 0% + var(--y)), rgb(200 200 200), rgb(022 000 045)), radial-gradient(100% 100% at calc( 80% - var(--x)) calc( 0% - var(--y)), rgb(250 255 000), rgb(036 000 000)), radial-gradient(150% 210% at calc(100% + var(--x)) calc( 0% + var(--y)), rgb(020 175 125), rgb(000 010 255)), radial-gradient(100% 100% at calc(100% - var(--x)) calc(30% - var(--y)), rgb(255 077 000), rgb(000 200 255)), linear-gradient(60deg, rgb(255 000 000), rgb(120 086 255)); background-blend-mode: overlay, overlay, difference, difference, difference, normal; }

.radial-gradient {position: absolute; width:100%;height:100vh; margin: 0;}
.flexicons { display: grid; gap: 6px; align-items: center; grid-template-columns: 1fr 1fr; width: fit-content; }
.herobig.modrasekce .asterisk svg path {fill:#92BADD}
.herobig.zelenasekce .asterisk svg path {fill:#BBCF99}
.fixednav { position: fixed; bottom:15px; left: 50%; transform: translateX(-50%); z-index: 9; }
.fixednav .hold {background: rgba(255, 255, 255, 0.50);backdrop-filter: blur(20px);border-radius: 80px;display: inline-flex;justify-content: center; align-items: center; gap: 10px;padding: 10px 12px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.cudl {display:flex;padding: 15px 25px;background: white;border-radius: 40px;border:1px solid;text-align: center;border-color: white;transition: .4s all;text-decoration: none!important;color:black;width: fit-content;height: fit-content}
.cudl.active, .cudl:hover {background: black;color:white;border-color: black}

.stack .spodek .cudl.active, .cudl:hover {background: black;color:white;border-color: white}

.velkytitulek  {font-size: var(--fs-3xl);margin-top: 35px;text-transform: uppercase;font-weight: 800;text-wrap:balance}
.popisnytext { font-size: var(--fs-micro); line-height: var(--lh-body); }
.popisnytext.vetsi { font-size: var(--fs-xsplus); line-height: var(--lh-body); }
.popisnytext.omez { max-width: 85%; }
.popisnytext.movedup {position:relative;top:1px; }
.popisnytext p:first-child {margin: 0}
.nowrap {white-space: nowrap;}

.sedivakarta { display: grid;  background: #F2F2F2; border-radius: 16px; font-weight: 700; font-size: var(--fs-xs);position: relative;overflow: hidden }
.sedivakarta.uzka {max-width:450px;}
.modrakarta {background:#e2edf5}
.bilakarta { display: grid;  background: white; border-radius: 16px; font-weight: 700; font-size: var(--fs-xs);position: relative;overflow: hidden }
.sedivakarta .ikonavkarte { padding: 80px 40px 40px 40px; }
.sedivakarta .ikonavkarte img { max-width: 40px; }
.valuesgrid {gap:30px}
.valuesgrid .levy, .valuesgrid .pravy  {display: grid;gap:30px}
.valuesgrid .minititul {padding: 40px;font-size: var(--fs-md);}
.valuesgrid .minititul.xs {font-size: var(--fs-sm);}
.valuesgrid .textysikonou {padding: 0 40px 40px 40px;font-size: var(--fs-md);display: grid;gap: 10px}
.valuesgrid .asterixsymbol {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);z-index: 2}
.valuesgrid .cover {position: absolute;left: 0;top:0;width: 100%;height: 100%;object-fit: cover;z-index: 1}
.valuesgrid .textpopisny {padding: 0 40px 40px 40px;}
.valuesgrid .bottomimage.omezeny { max-width: 800px; margin: 0 auto 50px; }
.valuesgrid .bottomimage.dolu { display: flex; align-self: flex-end; }
.sedivakarta .textysikonou .textikona span {font-weight: 400;text-transform: none}
.specs .odsebe {display: grid;grid-template-columns: 1fr;height: 100%}
.specs .hodnoty {display: grid;grid-template-columns: 2.7fr 1fr}
.specs .hodnoty.vyrovnane  {grid-template-columns: 1fr 1fr}
.specs .hodnoty .minititul {font-size: var(--fs-sm);margin-bottom: 20px;font-weight: 600}
.specs .hodnoty .textpopisny { font-weight: 100; font-size: var(--fs-xxs);line-height: var(--lh-body) }
.specs .dolu{align-self:flex-end;}
.specs .nahoru{align-self:flex-start;}
.specs .omezsirku {max-width:450px}
.mhdvestepade {min-height: 200px}
strong {font-weight: 700;}
.imageobly { border-radius: 16px; overflow: hidden; }
.greengradbg {background: linear-gradient(0deg,#e7ebe6,#eceff0)}
.archvalues{ position: relative; width: 100%; /* tweak these to fit your design */ padding-top: 2rem; padding-bottom: 2rem; min-height: clamp(220px, 26vw, 420px); } 
.archvalues .archvalue{ position: absolute; left: 50%; bottom: 0; transform-origin: 50% 100%; text-align: center; /* responsive width for each label */ width: clamp(12ch, 14vw, 30ch); } 
.archvalues .archvalue .num{ display: inline-grid; place-items: center; width: 2.2em; height: 2.2em; background: #000; color: #fff; border-radius: 0.45em; font-weight: 700; margin-bottom: 0.5em; } 
.archvalues .archvalue p{ margin: 0;font-size: var(--fs-xs); line-height: var(--lh-body); } /* Mobile: stack items */ 
.revealimagebg {position: relative;display: grid;align-items: flex-end;overflow: hidden}
.revealimagebg .image {max-width: 1240px;margin: 0 auto;padding: 20px;max-height: 50vh;overflow: hidden;position: relative;z-index: 2}
.revealimagebg .image.big {max-width: 1840px;}

.slightcirclebg { width: 100%; height: 80%; background: linear-gradient(0deg, var(--mw-color-9), transparent); display: flex; position: absolute; z-index: 1; }
.slightcirclebg.blue {  background: linear-gradient(0deg, #92badd42, transparent) }
.slightcirclebg.pink {  background: linear-gradient(0deg, #d35e352e, transparent); }
.slideimage { display: flex; max-width: 1350px; margin: 0 auto; justify-content: center; position: relative;    z-index: 3;}
.slideimage > *  { width: 480px; height: 413px; }
.slideimage .jedna { position: relative; left: 310px; top: 40px; z-index: 3;scale:.9 }
.slideimage .dva { position: relative;z-index: 2; }
.slideimage .tri { position: relative; left: -250px; top: -20px; z-index: 1;scale:1.2 }
.marquee-absolute{position: absolute; top: 45%; left: 50%; transform: translate(-45%, -50%);z-index: 2}
.marquee-absolute.loweropacity {opacity:.2}
.marquee-absolute.dolu { top: 85%; }
.marquee { overflow: hidden; white-space: nowrap; width: 100%; position: relative; font-size: var(--fs-marquee); text-transform: uppercase; font-weight: 800; opacity: .1; }
.marquee .track { display: inline-block; white-space: nowrap; will-change: transform; }
.marqueeimage { position: relative; }
.sedivakarta .textpopisny { font-weight: 100; font-size: var(--fs-xs);line-height: var(--lh-body) }
.sedivakarta .levacast {display: grid;gap:30px}
.parralax { will-change: transform; transform: translate3d(0, var(--py, 0px), 0); }
.parralax-wrap { position: absolute; inset: 0; will-change: transform; transform: translate3d(0, var(--py, 0px), 0); }
.parralax { height: 120%; top: -15%;left:-10%;width: auto }
.bigval {font-size: 38px;margin-top: 0;font-weight:800}
.vertikalniikona { position: relative;display: grid; gap: 10px; align-items: flex-end; align-self: flex-end;margin-bottom:25px }
.vertikalniikona .ikona {max-width: 40px;}
.vertikalniikona .ikona img {width: 30px;height: 30px}
.bigimage img {position: relative;margin-top:-150px}
.overflow-visible {overflow: visible}
.vertikalniikona.scarou::before { content: ""; position: absolute; top: 0; left: -15px; width: 1px; height: 100%; background: #dcdcdc; z-index: 0; }
.vertikalniikona.scarou .ikona { position: relative; max-width: 40px; z-index: 1; background: #fff; padding: 4px 0; }
.vertikalniikony .odrazenyprvniscarou {padding-left:0!important;}
.outflowtoright { position: relative; right: -5%; width: 125%;padding:5vh 0; }
.vertikalniikona.nahoru {align-self: flex-start;}
.vertikalniikona.scarou, .vertikalniikona.odrazenyprvniscarou  {padding:0 15px ;}

  .swiper.slidegallery  {margin-left: max(0px, (100% - 1410px)/2);width:100%;}
.swiper.slidegallery .swiper-wrapper {height: unset}
.swiper.slidegallery .slide .holder .img {height: 600px;position: relative;overflow: hidden;    border-radius: 16px;}
.swiper.slidegallery .slide .holder .img img  {width: 100%;height: 100%;position: absolute;object-fit: cover;}
.galerkacustomnav .swiper-ui{ display:flex; align-items:center; justify-content:space-between; gap:24px; padding-bottom:18px; }
.galerkacustomnav .custom-pagination{ display:flex; align-items:center; gap:3px; } 
.galerkacustomnav .custom-pagination .pagination-line {width: 20px;height: 1px;background: black;opacity: .2; border: 0;border-radius: 0!important}
.galerkacustomnav .custom-pagination .pagination-line.active {opacity: 1;}
.galerkacustomnav .custom-pagination .bar{ width:36px; height:1px; border-radius:0; background:#dcdcdc; border: 0 } 
.galerkacustomnav .custom-pagination .bar.is-active{ background:#2b2b2b; } 
 .galerkacustomnav .swiper-nav{ display:flex; gap:8px; } 
 .galerkacustomnav .custom-prev, .galerkacustomnav .custom-next{ border:1px solid #cfcfcf; background:#fff; border-radius:999px; padding:12px 24px; font:inherit; font-weight:600; cursor:pointer; } 
 .galerkacustomnav .custom-prev img, .galerkacustomnav .custom-next img {width: 15px;height: 15px}
 .galerkacustomnav .custom-prev img {transform: rotate(180deg); }
 .galerkacustomnav  .custom-prev:disabled, .galerkacustomnav .custom-next:disabled{ opacity:.45; cursor:not-allowed; } 
 .galerkacustomnav  .custom-prev:disabled img, .galerkacustomnav .custom-next:disabled img { opacity:.45;  }
 
 .sedasekce {display: grid;margin: 0 auto;background: #F2F2F2;}
 .microtext { font-size: var(--fs-xxs); font-weight: 200; }
  .productimage { display: flex; padding: 2vh 120px; justify-self: center; justify-content: center; justify-items: center; }
  .jmeno.inactive {display: none;  }
  .tabsoptions { display: flex; align-items: center; gap: 5px; justify-content: flex-end; }
  .tabsoptions .cudl {cursor: pointer}
  .tabsoptions .cudl {font-size: var(--fs-xxs)}
  .specs { font-size: var(--fs-xxs); font-weight: 400; }
  .specs  .spe{ padding: 0 0 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.203); margin-bottom: 15px; }
  .specs  .spe .levacast { display: flex;justify-content: flex-start}
  .specs  .spe .levacast span { opacity: .5}
  .specs  .spe .pravacast {display: flex;justify-content: flex-end;text-align:right}
  .specs  .spe .pravacast span { font-weight: 400}
  .specs  .spe .pravacast .codespe {font-size: 14px}
  .brt-0 { border-radius: 0 0 16px 16px; }
  .br-0 { border-radius: 0!important }
  .hlavaslinkou { border-radius:16px 16px  0 0 ;border-bottom: 1px solid rgba(0, 0, 0, 0.2) }
  .chart {max-width: 950px;margin: 0 auto;width: 100%;  }
  .chart.sborderem {
      border: 1px solid #CCCCCC;
      padding: 100px;max-width: unset;
  }
  .textsikonou { display: grid; grid-template-columns: 22px 1fr; align-items: center; gap: 8px; justify-self: flex-end;font-size: var(--fs-xxs)}
  .linkarozdel { width: 100%; height: 1px; background: #00000020; }
  

  .tabledesigndraggable { width: 100%; /* border-top: 1px solid #ddd; */ }
  .tabledesigndraggable .td-row { display: grid; grid-template-columns: 2.5fr 1fr 1fr 1fr 1fr; align-items: center; min-height: 80px; }
  .tabledesigndraggable .td-cell { padding: 16px 12px; white-space: nowrap; }
  .tabledesigndraggable .td-cell.table-name { font-weight: 500;    font-size: var(--fs-xs); }
  .tabledesigndraggable .td-cell.action { text-align: right; }
  .tabledesigndraggable .td-head { border-bottom: 1px solid #ddd; font-weight: 600; }
  .tabledesigndraggable .td-body .td-row { border-bottom: 1px solid #ddd; }
  .tabledesigndraggable .download { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; color: #000; text-decoration: none; }
  
  .zlutasekce {background: #F1D68B}
  .modrasekce {background: #92BADD}
  .zelenasekce {background: #BBCF99}
  .modrasekcegradient { background: linear-gradient(115deg, #497A95, #92BADD);color:white;position:relative; }
  .svetlamodragradient {background: linear-gradient(90deg, #EFF1F2, #92badd47)}
  .bgasterisk { position: absolute; top: 100px; height: auto; object-fit: contain; left: 0;}
  .zitecontactform { display: grid; width: 100%; margin: 0 auto; gap: 40px;align-items: stretch}
  .zitecontactform.grid-2 { grid-template-columns: 1fr 1fr; }
  .zitecontactform.gap-40 { gap: 40px; }
  .zitecontactform .zitecontactform__col { display: grid; align-content: start; gap: 5px;    align-content: stretch; }
  .zitecontactform .zitecontactform__field { width: 100%; }
  .zitecontactform .zitecontactform__input { width: 100%; border: 0; border-bottom: 1px solid #bdbdbd; padding: 22px 0 18px 0; background: transparent; font-size: var(--fs-xxs); font-weight: 600; letter-spacing: 0.2px; outline: none; box-shadow: none; border-radius: 0; }
  .zitecontactform .zitecontactform__input::placeholder { color: #b9b9b9; font-weight: 600; }
  .zitecontactform .zitecontactform__textarea { width: 100%; border: 0; border-bottom: 1px solid #bdbdbd; padding: 18px 0; background: transparent; font-size: var(--fs-xxs); font-weight: 600; letter-spacing: 0.2px; outline: none; resize: vertical; min-height: 260px;height: 100%; box-shadow: unset; border-radius: 0; }
  .zitecontactform .zitecontactform__textarea::placeholder { color: #b9b9b9; font-weight: 600; }
  .zitecontactform .zitecontactform__field--textarea .zitecontactform__textarea { border-bottom-color: #bdbdbd; }
  .zitecontactform input[type="text"]:focus, .zitecontactform input[type="email"]:focus, .zitecontactform input[type="file"]:focus, .zitecontactform textarea:focus, .zitecontactform input[type="password"]:focus {border-color: black;box-shadow: unset;  }
  .zitecontactform__bottom { display: flex; align-items: center; justify-content: space-between; gap: 24px; }  
  .zitecontactform__check { display: inline-flex; align-items: center; gap: 16px; cursor: pointer; user-select: none; }
  .zitecontactform__checkinput { position: absolute; opacity: 0; width: 1px; height: 1px; }
  .zitecontactform__checkbox { width: 28px; height: 28px; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 8px; display: inline-block; flex: 0 0 28px; background: transparent; }
  .zitecontactform__checkbox:hover {border: 1px solid rgba(0, 0, 0, 1)}
  .zitecontactform__checkinput:checked + .zitecontactform__checkbox { background: #1a1a1a; box-shadow: inset 0 0 0 6px #f7f3ea; }
  .zitecontactform__checktext { font-size: 16px; font-weight: 500; color: #1a1a1a; }
  .zitecontactform .zitecontactform__input::-webkit-input-placeholder { font-weight: 400; } .zitecontactform .zitecontactform__input::-moz-placeholder { font-weight: 400; } .zitecontactform .zitecontactform__input:-ms-input-placeholder { font-weight: 400; } .zitecontactform .zitecontactform__input::placeholder { font-weight: 400; }
  .zitecontactform .zitecontactform__textarea::-webkit-input-placeholder { font-weight: 400; } .zitecontactform .zitecontactform__textarea::-moz-placeholder { font-weight: 400; } .zitecontactform .zitecontactform__textarea:-ms-input-placeholder { font-weight: 400; } .zitecontactform .zitecontactform__textarea::placeholder { font-weight: 400; }
.zitecontactform__field { position: relative; } .zitecontactform__field select { width: 100%; border: 0; border-bottom: 1px solid #bdbdbd; padding: 22px 24px 18px 0; background: transparent; font-size: var(--fs-xxs); font-weight: 400; letter-spacing: 0.2px; outline: none; border-radius: 0; box-shadow: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; } /* arrow ONLY when select exists */ .zitecontactform__field:has(select)::after { content: ""; position: absolute; right: 0; top: 50%; width: 8px; height: 8px; border-right: 2px solid #bdbdbd; border-bottom: 2px solid #bdbdbd; transform: translateY(-50%) rotate(45deg); pointer-events: none; }
  .zitecontactform__field.zitecontactform__field--textarea { padding-bottom: 6px; }
  .zitecontactform__checktext a  { text-decoration:underline; }
 .asterixnastred { margin: 100px auto 0; display: grid; justify-content: center; }
  .asterixnastred .asterixsymbol { width: 50px; height: 50px; display: flex; }
  .impellerconf { width: 100%; background: linear-gradient(180deg,#eef3f4,#f2ebd1); }
  
  .impellerconf .container {   }
  
  .impellerconf .impellerconf__grid { display: grid; grid-template-columns: 320px 1fr 380px; gap: 60px; align-items: center; min-height: 60vh}
  .impellerconf__left { height: 100%; align-items: stretch; display: grid; }
  .impellerconf .impellerconf__title { margin: 0 0 44px 0; font-size: 56px; font-weight: 900; line-height: 1.02; letter-spacing: -0.02em; }
  
  .impellerconf .impellerconf__switches { display: grid; gap: 6px; max-width: 260px;align-self: flex-end }

  .impellerconf .impellerconf__switch { transition:.4s all; min-height:65px;  color: black; display: grid;grid-template-columns: 25px 1fr; align-items: center; justify-content: flex-start; padding: 12px 16px; border-radius: 14px; border: 2px solid #e6e6e6; background: #fff; font-size: 14px; font-weight: 700; cursor: pointer; text-align: left; }
  .impellerconf .impellerconf__switch span {padding-left: 15px;margin-left: 10px;border-left:1px solid rgba(0, 0, 0, 0.2)}
  .impellerconf .impellerconf__switch.active { border-color: #111;  }
  .impellerconf .impellerconf__switch:hover { border-color: #11111162  }
  
  .impellerconf .impellerconf__center { width: 100%;    margin-bottom: 5vh; }
  

  

  .impellerconf .impellerconf__stage { display: grid;width: 100%; aspect-ratio: 1 / 1; display: grid; place-items: center;max-width: 451px;    margin: 0 auto; }
  
  .impellerconf .impellerconf__frame {grid-area: 1 / 1;position: relative;display: none;place-items: center;opacity: 0;transform: translate3d(0,0,0);}
  
  .impellerconf .impellerconf__frame.active {display: grid;opacity: 1;transform: translate3d(0,0,0);  }
  

  
  .impellerconf .impellerconf__frame.is-entering { display: grid; opacity: 0; transform: translate3d(70px,60px,0); }
  
  .impellerconf .impellerconf__frame.is-entering.is-animate { opacity: 1; transform: translate3d(0,0,0); transition: opacity 420ms ease, transform 520ms cubic-bezier(.2,.8,.2,1); }
  
  .impellerconf .impellerconf__frame.is-leaving { display: grid; opacity: 1; transform: translate3d(0,0,0); }
  
  .impellerconf .impellerconf__frame.is-leaving.is-animate { opacity: 0; transform: translate3d(-70px,60px,0); transition: opacity 360ms ease, transform 420ms cubic-bezier(.2,.8,.2,1); }
  
  @media (prefers-reduced-motion: reduce) {
    .impellerconf .impellerconf__frame.is-entering.is-animate,
    .impellerconf .impellerconf__frame.is-leaving.is-animate { transition: none; transform: none; }
  }
  
  .impellerconf .impellerconf__image { width: 100%; height: auto; display: block; }
  
  .impellerconf .impellerconf__hotpoint { position: absolute; width: 38px; height: 38px; border-radius: 50%; background: #ffffff; border: 0; cursor: pointer; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); }
  .impellerconf .impellerconf__hotpoint:after {    z-index: 1;  width: 53px; height: 53px; content: ""; background: #7575757d; opacity: .7; display: block; border-radius: 50%; left: -7.5px; top: -7.5px; position: absolute;  }
  .impellerconf .impellerconf__hotpoint:before {  z-index: 2;width: 38px; height: 38px; content: ""; background: white;  display: block; border-radius: 50%; left: 0; top: 0; position: absolute; }
  
  .impellerconf .impellerconf__hotcontent { position: absolute; transform: translate(14px,-14px); display: none; z-index: 5; }
  
  .impellerconf .impellerconf__hotcontent.active { display: block; }
  
  .impellerconf .impellerconf__hotcard { background: #fff; border-radius: 14px; padding: 14px 14px; width: 240px; box-shadow: 0 12px 30px rgba(0,0,0,0.12); border: 1px solid rgba(0,0,0,0.06); }
  
  .impellerconf .impellerconf__hotttl { font-size: 14px; font-weight: 800; margin: 0 0 6px 0; }
  
  .impellerconf .impellerconf__hottext { font-size: 13px; line-height: 1.5; color: #333; }
  
  .impellerconf .impellerconf__right { width: 100%;display: grid;align-self: flex-end; }
  
  .impellerconf .impellerconf__panel { display: none; background: #fff; border-radius: 18px; padding: 30px 30px 34px 30px; }
  
  .impellerconf .impellerconf__panel.active { display: block; }
  
  .impellerconf .impellerconf__panelttl { margin: 0 0 10px 0; font-size: 20px; font-weight: 800; }
  
  .impellerconf .impellerconf__paneltext { margin: 0; font-size: 15px; line-height: 1.65; color: #222; max-width: 320px; }
  
  .impellerconf .impellerconf__subttl { font-size: 13px; font-weight: 800; color: #111; margin: 18px 0 8px 0; }
  
.impellerconf .impellerconf__subswitches { display: grid; gap: 6px; background: #fff; }
  
  .impellerconf .impellerconf__subswitch {   transition:.4s all;  color: black; width: 100%; display: grid; grid-template-columns: 25px 1fr;align-items: center; justify-content: flex-start; padding: 12px 14px; border-radius: 12px; border: 2px solid #e6e6e6; background: #fff; font-size: 13px; font-weight: 700; cursor: pointer; text-align: left; }
  .impellerconf .impellerconf__subswitch span {padding-left: 15px;margin-left: 10px;border-left:1px solid rgba(0, 0, 0, 0.2)}

  .impellerconf .impellerconf__subswitch.active { border-color: #111; }
    .impellerconf .impellerconf__subswitch:hover { border-color: #11111162  }
  @media (max-width: 1280px) {
       .tabledesigndraggable .td-row { min-height: unset; }
    .impellerconf .container { padding: 0px 20px; }
    .impellerconf .impellerconf__grid { grid-template-columns: 1fr; gap: 40px; }
    .impellerconf .impellerconf__switches { max-width: none; }
    .impellerconf .impellerconf__paneltext { max-width: none; }
    .impellerconf .impellerconf__center {margin-bottom: unset; }
    .impellerconf .impellerconf__stage {  max-width: 60%;  }
    .impellerconf .impellerconf__hotpoint { position: absolute; width: 27px; height: 27px; border-radius: 50%; background: #ffffff; border: 0; cursor: pointer; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15); }
    
    .impellerconf .impellerconf__hotpoint:after { z-index: 1; width: 37px; height: 37px; content: ""; background: #7575757d; opacity: .7; display: block; border-radius: 50%; left: -5px; top: -5px; position: absolute; backdrop-filter: blur(18px); }
    
    .impellerconf .impellerconf__hotpoint:before { z-index: 2; width: 27px; height: 27px; content: ""; background: white; display: block; border-radius: 50%; left: 0; top: 0; position: absolute; }
  }

  

  .interactiveimage { overflow: hidden; }
.interactiveimage img {will-change: transform;transition: transform 80ms linear; }
.align-items-start {align-items:start;}
.udaj { display: flex; align-items: center; gap: 8px;font-size:var(--fs-xxs); }
.udaj .udajikona { background: #387A98; padding: 10px; border-radius: 50%; width: 40px; height: 40px; color: white; display: flex; align-items: center; justify-content: center; text-align: center; }

.videocarrerdetail {margin: 30px auto}


.videofullscreen-section__video {object-fit:cover; width:100%; height:100%; padding-bottom:0; padding-right:0; display:block; position:absolute; top:0; left:0;}
.videofullscreen-section.dark {background:black;padding-bottom:35vw}
.videofullscreen-section.dark .videofullscreen-section__video {opacity:.75;}
.videofullscreen-section {color:#efeeec; background-color:#000; flex-flow:column; justify-content:flex-end; align-items:flex-start; min-height:100svh; padding:4vw; display:flex; position:relative; overflow:hidden;}
.videofullscreen-section__title {position:relative;}
.videofullscreen-section__title-h1 {max-width:9em;line-height:1;    font-size: var(--fs-3xl);margin-top: 35px;margin-bottom: 25px;text-transform: uppercase;font-weight: 800; text-wrap: balance;}
.videofullscreen-section__desc {max-width:23em; font-size:1.6vw; font-weight:300; line-height:1;margin-bottom:25px}
.videofullscreen-section__fade-left {pointer-events:none; background-image:linear-gradient(45deg, #000, #0000 50%); width:90vw; height:90vw; position:absolute; bottom:0; left:0;}
.videofullscreen-player.hidden {  display: none !important;}
@media screen and (max-width: 991px) {
.videofullscreen-section {padding-bottom:25vw;}
.videofullscreen-section__title-h1 {font-size:10vw;}
.videofullscreen-section__desc {font-size:7vw; }
.videofullscreen-section.dark .videofullscreen-section__video {opacity:.5;}
}


.slidetwopart-wrap {width:100%; max-width:100%;}
.slidetwopart-card {width:100%; display:grid; grid-template-columns:minmax(0,1fr) minmax(0, 1fr); background:#eef0f2; border-radius:18px; overflow:hidden; min-height:520px;}
.slidetwopart-left, .slidetwopart-right {min-width:0;}
.slidetwopart-left {position:relative; height:100%; min-height:520px; background:#000;}
.slidetwopart-image {width:100%; height:100%; display:block; object-fit:cover;}
.slidetwopart-swiper {position:absolute; inset:0; opacity:0; pointer-events:none;}
.slidetwopart-right {background:#fff; position:relative;}
.slidetwopart-right-inner {height:100%; padding:56px 70px 70px; display:flex; flex-direction:column; align-items:center; justify-content:space-between; gap:36px;}
.slidetwopart-title {margin:0; font-size:var(--fs-md); font-weight:800; letter-spacing:.5px;}
.slidetwopart-list {list-style:none; margin:0; padding:0; text-align:center;  list-style-type:none !important;}
.slidetwopart-list li:before {display: none}
.slidetwopart-list li::marker{content:"";}
.slidetwopart-item {font-size:18px; padding:10px 0; cursor:pointer; color:rgba(0,0,0,.55); transition:.2s; user-select:none;}
.slidetwopart-item.is-active {color:#000; font-weight:600; transform:translateY(-1px);}
.slidetwopart-pagination {position:absolute; left:0; right:0; bottom:26px; display:flex; justify-content:center; gap:8px;}
.slidetwopart-pagination span {width:26px; height:1px; background:rgba(0,0,0,.12); border-radius:999px;}
.slidetwopart-pagination span.is-active {background:rgba(0,0,0,.55);}
.slidetwopart-inline {display:none; margin:0; text-align:center; font-size:18px; color:rgba(0,0,0,.55); line-height:1.8;}
.slidetwopart-inline .is-active {color:#000; font-weight:700;}

@media(max-width:900px) {
.slidetwopart-card {grid-template-columns:1fr; min-height:auto;}
.slidetwopart-left {aspect-ratio:4/3; min-height:auto;}
.slidetwopart-right-inner {padding:34px 22px 70px; justify-content:flex-start; gap:18px;}
.slidetwopart-title {font-size:20px; margin-top:6px;}
.slidetwopart-list {display:none;}
.slidetwopart-inline {display:block;}
.slidetwopart-pagination {bottom:18px;}
.slidetwopart-swiper {pointer-events:auto;}
}

.textblock-wrap {width:100%; max-width:100%;}
.textblock-card {width:100%; display:grid; grid-template-columns:minmax(0,1fr) minmax(0, 1fr); background:#eef0f2; border-radius:18px; overflow:hidden; min-height:520px;}
.textblock-left, .textblock-right {min-width:0;}
.textblock-left {position:relative; height:100%; min-height:520px; background:#000;}
.textblock-image {width:100%; height:100%; display:block; object-fit:cover;}
.textblock-swiper {position:absolute; inset:0; opacity:0; pointer-events:none;}
.textblock-right {background:#fff; position:relative;}
.textblock-right-inner {height:100%; padding:56px 70px 70px; display:flex; flex-direction:column; align-items:center; justify-content:space-between; gap:36px;}
.textblock-title {margin:0; font-size:var(--fs-md); font-weight:800; letter-spacing:.5px;}
.textblock-list {list-style:none; margin:0; padding:0; text-align:center;  list-style-type:none !important;}
.textblock-list li:before {display: none}
.textblock-list li::marker{content:"";}
.textblock-item {font-size:18px; padding:10px 0; cursor:pointer; color:rgba(0,0,0,.55); transition:.2s; user-select:none;}
.textblock-item.is-active {color:#000; font-weight:600; transform:translateY(-1px);}
.textblock-pagination {position:absolute; left:0; right:0; bottom:26px; display:flex; justify-content:center; gap:8px;}
.textblock-pagination span {width:26px; height:1px; background:rgba(0,0,0,.12); border-radius:999px;}
.textblock-pagination span.is-active {background:rgba(0,0,0,.55);}
.textblock-inline {display:none; margin:0; text-align:center; font-size:18px; color:rgba(0,0,0,.55); line-height:1.8;}
.textblock-inline .is-active {color:#000; font-weight:700;}
.textblock-text { font-size: var(--fs-xs); }
.textblock-text ul li {margin-top:15px;}
@media(max-width:900px) {
.textblock-card {grid-template-columns:1fr; min-height:auto;}
.textblock-left {aspect-ratio:4/3; min-height:auto;}
.textblock-right-inner {padding:34px 22px 70px; justify-content:flex-start; gap:18px;}
.textblock-title {font-size:20px; margin-top:6px;}

.textblock-inline {display:block;}
.textblock-pagination {bottom:18px;}
.textblock-swiper {pointer-events:auto;}
}


.typmaly { border: 1px solid #CCCCCC;  display: grid;position: relative }
.typmaly img { max-width: 250px; margin: 50px auto 100px; height: 260px; }
.typmaly .top { padding: 20px;border-bottom: 1px solid #CCCCCC;font-size: var(--fs-xxs);display: flex;align-items: center;gap:5px}
.typmaly .top .square {width: 15px;height:15px;background:#96B8DF}
.typmaly .top .square.modry {background:#96B8DF}
.typmaly .top .square.zeleny {background:#5AA15E}
.typmaly .top .square.cerveny {background:#C5572B}


.airflowdirection-big { font-size: 20px; position: absolute; bottom: 15px; width: calc(100% - 40px); padding: 20px; background: white; display: flex; justify-content: center; align-items: center; box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.20); border-radius: 16px; gap: 20px; margin: 0 20px; }
.airflowdirection-big img {max-width: 30px}

.airflowdirection-ind {display:none; font-size:13px;position: absolute; bottom: calc(50% - 46px);left:35px ;width: 30%; padding: 20px; background: white;  justify-content: center; align-items: center;  border-radius: 16px; gap: 20px;height:30px }
.airflowdirection-ind img {max-width: 30px}
.space-between {justify-content: space-between}

.movabletable {background:#f3f3f3; border-radius: 16px;overflow: hidden}
.movabletable .mt-shell{ margin:0 auto; display:grid; grid-template-columns:260px 1fr; gap:0; background:#fff;}
.movabletable .mt-left {position:relative; background:#fff; border-right:1px solid rgba(0,0,0,.12);}
.movabletable .mt-left .mt-head {padding:18px 18px; font-weight:600; color:#111; border-bottom:1px solid rgba(0,0,0,.2);}
.movabletable .mt-left .mt-lrow {padding:22px 18px; font-weight:600; color:#6b6b6b; border-bottom:1px solid rgba(0,0,0,.2);}
.movabletable .mt-left .mt-lrow:last-child {border-bottom:none}
.movabletable .mt-right {background:#fff; position:relative; min-width:0;}
.movabletable .mt-controls {display: none; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 0; position: sticky; top: 0; z-index: 10;}
.movabletable .mt-arrow {width:36px; height:32px; border:1px solid rgba(0,0,0,.2); background:#fff; border-radius:10px; font-size:18px; line-height:1; cursor:pointer;}
.movabletable .mt-arrow:active {transform:translateY(1px)}
.movabletable .mt-dots {display:flex; gap:8px; justify-content:center; flex:1}
.movabletable .mt-dot {width:8px; height:8px; border-radius:50%; border:1px solid rgba(0,0,0,.2); background:transparent; cursor:pointer; padding:0;}
.movabletable .mt-dot.is-active {background:rgba(0,0,0,.55); border-color:rgba(0,0,0,.55)}
.movabletable .mt-viewport {overflow:hidden; width:100%;}
.movabletable .mt-track {display:flex; width:100%; transform:translateX(0); transition:transform .35s ease;}
.movabletable .mt-page {flex:1 0 25%; min-width:0; border-right:1px solid rgba(0,0,0,.12); background:#fff;}
.movabletable .mt-page:last-child {border-right:none}
.movabletable .mt-page .mt-head {padding:18px 18px; font-weight:600; color:#111; border-bottom:1px solid rgba(0,0,0,.2);}
.movabletable .mt-page .mt-rrow {padding:22px 18px; border-bottom:1px solid rgba(0,0,0,.2); color:#111; line-height:1.35; font-size:16px;}
.movabletable .mt-page .mt-rrow:last-child {border-bottom:none}
.movabletable .mt-page .mt-rrow div {margin:0 0 6px}
.movabletable .mt-page .mt-rrow div:last-child {margin-bottom:0}
.movabletable .mt-right:before {content:""; position:absolute; left:0; top:0; bottom:0; width:18px; pointer-events:none; background:linear-gradient(to right, rgba(0,0,0,.08), rgba(0, 0, 0, 0)); z-index:2;}

@media (max-width:1200px) {
  .movabletable {border-radius: 0 0 18px 18px}

.movabletable .mt-shell {grid-template-columns:120px 1fr; border-radius:0 0 18px 18px; overflow:hidden;}
.movabletable .mt-controls {display:flex}
.movabletable .mt-page {flex:0 0 100%; width:100%; border-right:none;}
.movabletable .mt-page .mt-head {padding:20px 14px;}
.movabletable .mt-left .mt-head, .movabletable .mt-left .mt-lrow, .movabletable .mt-page .mt-rrow {padding:20px 14px;}
}

@media (max-width:420px) {
.movabletable .mt-shell {grid-template-columns:120px 1fr}
.movabletable .mt-left .mt-head, .movabletable .mt-left .mt-lrow, .movabletable .mt-page .mt-head, .movabletable .mt-page .mt-rrow {padding:18px 12px}
}


.rangechart .rc-row {position:relative; height:55px; display:flex; align-items:center}
.rangechart .rc-bar {position:absolute; z-index:2; height:44px; border-radius:16px; background:linear-gradient(135deg,#7fa4bf,#567e99)}
.rangechart .rc-bubble {position:absolute; z-index:3; top:50%; transform:translateY(-50%); background:#fff; padding:10px 16px; border-radius:14px; font-weight:600; box-shadow:0 10px 24px rgba(0,0,0,0.2); white-space:nowrap;}
.rangechart .rc-grid {position:absolute; z-index:1; top:0; bottom:60px; width:1px; background:rgba(0,0,0,0.2);}
.rangechart .rc-axislabel {height:60px; display:flex; align-items:flex-end; font-weight:700;position:relative;bottom:10px}
.rangechart .rc-axis {position:absolute; left:0; right:0; bottom:0; height:60px; pointer-events:none;}
.rangechart .rc-tick {position:absolute; bottom:8px; transform:translateX(-50%); font-weight:700;}
.rangechart {background:#fff;  border-radius:16px;overflow: hidden;}
.rangechart .rc-shell {margin:0 auto; display:grid; grid-template-columns:260px 1fr; background:#fff;}
.rangechart .rc-left { padding-top: 10px; border-right: 1px solid rgba(0, 0, 0, .12); padding: 22px 18px; }
.rangechart .rc-rowlabel { height: 55px; display: flex; align-items: center; font-weight: 800;  text-transform: uppercase; }
.rangechart .rc-right { position: relative; overflow: hidden; padding: 22px 0 22px 18px; }
.rangechart .rc-scroll {overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch;}
.rangechart .rc-track {position:relative; min-width:1600px; padding:10px 0 50px 0;}
.rangechart .rc-axis {position:absolute; bottom:0; left:0; right:0; height:40px; display:flex; justify-content:space-between; align-items:flex-end; font-weight:600;}

@media (max-width:1200px) {

.rangechart .rc-rowlabel {font-size:16px;}
.rangechart .rc-track {min-width:1200px;}
}

@media (max-width:770px) {
  .rangechart .rc-right {padding-left: 0}
  .rangechart .rc-shell {grid-template-columns:120px 1fr;}
.rangechart .rc-axislabel {bottom: 0px;display: grid;}
.rangechart .rc-axislabel span {position: relative;left:-5px}
}



[data-menu-wrap] {--nav-height:4em;}
.um.um-mega-nav {z-index:100; position:relative;}
.um .um-mega-nav__bar {z-index:3; background-color:#fff; border-bottom:1px solid #0000001a; border-radius:.25em; width:100%; max-width:var(--container-3); margin-left:auto; margin-right:auto; position:relative;}
.um .um-mega-nav__container {height:var(--nav-height); justify-content:space-between; align-items:center; padding:1em 1.5em; display:flex;}
.um .um-mega-nav__bar-start {justify-content:flex-start; align-items:center; width:100%; display:flex; position:relative;}
.um .um-mega-nav__bar-logo {flex:none; width:9.75em; margin-right:3em; display:flex;}
.um .um-mega-nav__bar-list {grid-column-gap:.75em; grid-row-gap:.75em; justify-content:flex-start; align-items:center; margin-bottom:0; padding-left:0; display:flex;}
.um .um-mega-nav__bar-list.is--actions {margin-left:3em;    width: 9.75em;}
.um .um-mega-nav__bar-link {color:#201d1d; background-color:#0000; border-radius:.25em; justify-content:flex-start; align-items:center; padding:.375em .625em; text-decoration:none; display:flex;}
.um .um-mega-nav__bar-link-label {    font-size: .8375em;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: .2px;}
.um .um-mega-nav__bar-link-icon {width:1.25em;}
.um .um-mega-nav__bar-end {grid-column-gap:.75em; grid-row-gap:.75em; justify-content:flex-end; align-items:center; display:none;}
.um .um-mega-nav__bar-cta {color:#f2f2f2; background-color:#6840ff; border-radius:.25em; justify-content:center; align-items:center; padding:.375em .625em; text-decoration:none; display:flex;}
.um .um-mega-nav__bar-cta.is--secondary {color:#6840ff; background-color:#0000; border:1px solid #6840ff;}
.um .um-mega-nav__bar-inner {grid-column-gap:.75em; grid-row-gap:.75em; justify-content:center; align-items:center; width:100%; margin-bottom:0; padding-left:0; display:flex;}
.um .um-mega-nav__bar-inner.is--actions {margin-left:auto;}
.um .um-mega-nav__burger {grid-column-gap:.2em; grid-row-gap:.2em; background-color:#e4e0f5; border-radius:.25em; flex-flow:column; justify-content:center; align-items:center; width:2.5em; height:2.5em; padding:0; display:flex;}
.um .um-mega-nav__burger-line {z-index:1; background-color:#6840ff; border-radius:.125em; flex:none; width:1.25em; height:.125em; padding:0; display:block; position:relative;}
.um .um-mega-nav__back {z-index:2; opacity:0; visibility:hidden; position:absolute; left:-.625em;}
.um .um-mega-nav__backdrop {z-index:0; opacity:0; pointer-events:none; visibility:hidden; background-color:#00000040; position:fixed; inset:0%;}
.um .um-mega-nav__dropdown-wrapper {z-index:2; pointer-events:none; width:100%; max-width:var(--container-3); margin-left:auto; margin-right:auto; position:absolute; top:calc(100% - .25em); left:0; right:0;}
.um .um-mega-nav__dropdown-container {position:relative; overflow:hidden;}
.um .um-mega-nav__dropdown-bg {will-change:transform; background-color:#fff; border-bottom-right-radius:.25em; border-bottom-left-radius:.25em; position:absolute; inset:0;}
.um .um-mega-nav__dropdown-panel {opacity:0; pointer-events:none; visibility:hidden; position:absolute; inset:0 0 auto; overflow:hidden;}
.um .um-mega-nav__dropdown-inner {display:flex;}
.um .um-mega-nav__panel-col {grid-column-gap:1.25em; grid-row-gap:1.25em; border-right:1px solid #0000001a; flex-flow:column; flex:1; justify-content:flex-start; align-items:flex-start; padding:2.5em 1.5em; display:flex;}
.um .um-mega-nav__panel-col:last-of-type {border:none;}
.um .um-mega-nav__panel-col.is--colored {background-color:#f7f5ff;}
.um .um-mega-nav__panel-col.is--colored.has--card {padding-top:1.5em; padding-bottom:1.5em;}
.um .um-mega-nav__panel-label {text-transform:uppercase; padding-left:1em; font-family:Haffer Mono, Arial, sans-serif; font-size:.75em; line-height:1;}
.um .um-mega-nav__panel-list {grid-column-gap:0px; grid-row-gap:0px; flex-flow:column; justify-content:flex-start; align-items:stretch; width:100%; margin-bottom:0; padding:0; display:flex;}
.um .um-mega-nav__panel-link {color:#201d1d; border-radius:.25em; flex-flow:column; justify-content:flex-start; align-items:flex-start; padding:.625em .75em; text-decoration:none; display:flex;gap:2px}
.um .um-mega-nav__panel-link-text {font-weight:600;}
.um .um-mega-nav__panel-link-desc {opacity:.6; font-size:.875em; font-weight:400;line-height: 1.2}
.um .um-mega-nav__card {background-color:#fff; border-radius:.5em; flex-flow:column; width:100%; display:flex; overflow:hidden;}
.um .um-mega-nav__card-img {object-fit:cover; width:100%; height:100%;}
.um .um-mega-nav__card-visual {width:100%; height:16.25em; position:relative;}
.um .um-mega-nav__card-content {grid-column-gap:1.25em; grid-row-gap:1.25em; flex-flow:column; justify-content:flex-start; align-items:flex-start; padding:1.5em; display:flex;}
.um .um-mega-nav__card-text {grid-column-gap:.125em; grid-row-gap:.125em; flex-flow:column; justify-content:flex-start; align-items:flex-start; display:flex;}
.um .um-mega-nav__card-cta {color:#f2f2f2; background-color:#6840ff; border-radius:.25em; justify-content:center; align-items:center; padding:.375em .625em; text-decoration:none; display:flex;}
.um .um-mega-nav__card-cta.is--secondary {color:#6840ff; background-color:#0000; border:1px solid #6840ff;}
.um .um-mega-nav__card-cta-label {font-size:.9375em; font-weight:500; line-height:1.2;}
.um .um-mega-nav__card-cta-icon {width:1.25em;}

@media screen and (max-width: 991px) {
  .um .um-mega-nav__bar-logo {height: 40px}
.um.um-mega-nav   .languageswitcher { position: relative; text-transform: uppercase; font-size: 13px; width: fit-content; display: flex; justify-self: flex-end; margin-right: 10px; }
.um.um-mega-nav {top:0; left:0; right:0;}
.um .um-mega-nav__bar-start {justify-content:space-between; align-items:center;}
.um .um-mega-nav__bar-list {grid-column-gap:0em; grid-row-gap:0em; flex-flow:column; justify-content:flex-start; align-items:stretch; width:100%;}
.um .um-mega-nav__bar-list.is--actions {grid-column-gap:1em; grid-row-gap:1em; flex-flow:row; justify-content:space-between; align-items:stretch;width: fit-content}
.um .um-mega-nav__bar-link {border-bottom:1px solid #0000001a; border-radius:0; width:100%; padding:.75em 0; font-size:1.25em;}
.um .um-mega-nav__bar-link.is--dropdown {justify-content:space-between; align-items:center;}
.um .um-mega-nav__bar-link.is--back {border-bottom-style:none; font-size:1em;}
.um .um-mega-nav__bar-link-label {font-size:1.25em;}
.um .um-mega-nav__bar-link-icon {width:1.5em;}
.um .um-mega-nav__bar-link-icon.is--dropdown {transform:rotate(-90deg);}
.um .um-mega-nav__bar-end {display:flex;}
.um .um-mega-nav__bar-cta {padding:1em .75em 1em 1em;}
.um .um-mega-nav__bar-inner {opacity:0; bottom:0%; left:0%; right:0%; top:var(--nav-height); visibility:hidden; background-color:#fff; flex-flow:column; justify-content:space-between; align-items:center; padding:2em 1.5em; position:fixed; overflow:auto;}
.um .um-mega-nav__backdrop {display:none;}
.um .um-mega-nav__dropdown-wrapper {z-index:4; bottom:0; top:var(--nav-height); position:fixed;}
.um .um-mega-nav__dropdown-container {height:100%; overflow:auto;}
.um .um-mega-nav__dropdown-bg {display:none;}
.um .um-mega-nav__dropdown-panel {background-color:#fff; bottom:0; overflow:auto;}
.um .um-mega-nav__dropdown-inner {flex-flow:column;}
.um .um-mega-nav__panel-col {border-bottom:1px solid #0000001a; border-right-style:none; padding-top:1.5em; padding-bottom:1.5em;}
.um .um-mega-nav__panel-label {width:100%;}
.um .um-mega-nav__bar-action {flex:1;}
.um .um-mega-nav__card-cta-icon.is--dropdown {transform:rotate(-90deg);}
}

@media screen and (max-width: 479px) {
.um .um-mega-nav__bar-link-label {font-size:1em;}
.um .um-mega-nav__bar-link-icon {width:1.375em;}
.um .um-mega-nav__panel-col.is--colored.has--card {padding:0;}
.um .um-mega-nav__card {border-bottom:1px solid #0000001a; border-radius:0;}
.um .um-mega-nav__card-content {padding:1em 1em 1.5em;}
.um .um-mega-nav__card-cta-label {font-size:1em;}
.um .um-mega-nav__card-cta-icon {width:1.375em;}
}

.sticky-steps {
  --sticky-steps-margin-top: -10dvh;
  --sticky-steps-margin-bottom: 0;
}
.sticky-steps {position:relative; overflow:visible;}

@media screen and (min-width: 992px) {
.sticky-steps {margin-top:var(--sticky-steps-margin-top, 0); margin-bottom:var(--sticky-steps-margin-bottom, 0);}
}

.sticky-steps__container {max-width:var(--container-1); margin:0 auto; padding:0 1.5em;}
.sticky-steps__collection {position:relative; overflow:visible;}
.sticky-steps__grid {position:relative; overflow:visible;}
.sticky-steps__list {width:calc(50% - 3em); display:flex; flex-direction:column; gap:30dvh;}
.sticky-steps__item {position:relative;}
.sticky-steps__text {display:flex; flex-direction:column; gap:2em; opacity:0.25; transition:opacity 0.5s ease;}
.sticky-steps__item.is-active .sticky-steps__text {opacity:1;}
.sticky-steps__eyebrow {opacity:0.5; text-transform:uppercase; font-size:1.3125em; font-weight:700;}
.sticky-steps__h2 {margin:0;     font-size: var(--fs-3xl);
    margin-top: 35px;
    text-transform: uppercase;
    font-weight: 800;
    text-wrap: balance;}
.sticky-steps__p {opacity:0.6; margin:0; font-size:var(--fs-xs); line-height:1.4;}
.sticky-steps__media-column {position:absolute; top:0; right:0; width:calc(50% - 3em);}
.sticky-steps__sticky {height:100dvh; display:flex; align-items:center; justify-content:center;}
.sticky-steps__visual-stack {position:relative; width:100%; max-width:32em; aspect-ratio:3 / 4;}
.sticky-steps__visual, .sticky-steps__mobile-visual {border-radius:500em; overflow:hidden; width:100%;}
.sticky-steps__visual {position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity 0.5s ease, visibility 0.5s ease;}
.sticky-steps__visual.is-active {opacity:1; visibility:visible;}
.sticky-steps__cover-image {width:100%; height:100%; object-fit:cover; display:block;}
.sticky-steps__mobile-media {display:none;}

@media screen and (max-width: 991px) {
    .sticky-steps {margin-top:45px;}
.sticky-steps__list {width:100%; gap:4em;}
.sticky-steps__media-column {display:none;}
.sticky-steps__item .sticky-steps__text {opacity:1;}
.sticky-steps__mobile-media {display:block; margin-top:2.5em;}
.sticky-steps__mobile-visual {aspect-ratio:3 / 4; max-width:18em; position:relative;}
}

@media screen and (max-width: 767px) {
.sticky-steps__text {gap:1.5em;}
.sticky-steps__mobile-media {margin-top:2em;}
}


.plyr.gp-videoplayer {width:100%; height:100%;max-height:70vh;min-height:450px}
.plyr.gp-videoplayer .plyr__video-wrapper {width:100%; height:100%; background:#000;}
.plyr.gp-videoplayer video {width:100%; height:100%; object-fit:cover;}
.plyr.gp-videoplayer .plyr__poster {background-size:cover; background-position:center; background-repeat:no-repeat;}
.plyr.gp-videoplayer .plyr__control--overlaid {width:88px; height:88px; border-radius:50%; display:flex!important; align-items:center; justify-content:center;}
.plyr.gp-videoplayer .plyr__control--overlaid svg {width:34px; height:34px;}
.plyr.gp-videoplayer:fullscreen, .plyr.gp-videoplayer:-webkit-full-screen {width:100vw; height:100vh; background:#000;}
.plyr.gp-videoplayer:fullscreen .plyr__video-wrapper, .plyr.gp-videoplayer:-webkit-full-screen .plyr__video-wrapper {width:100vw; height:100vh;}
.plyr.gp-videoplayer:fullscreen video, .plyr.gp-videoplayer:-webkit-full-screen video {width:100vw; height:100vh; object-fit:cover;}
.plyr.gp-videoplayer.plyr--fullscreen-fallback {position:fixed !important; inset:0 !important; z-index:999999 !important; width:100vw !important; height:100vh !important; max-width:none !important; max-height:none !important; margin:0 !important; background:#000;}
.plyr.gp-videoplayer.plyr--fullscreen-fallback .plyr__video-wrapper {width:100vw; height:100vh;}
.plyr.gp-videoplayer.plyr--fullscreen-fallback video {width:100vw; height:100vh; object-fit:cover;}
.plyr.gp-videoplayer.plyr--fullscreen-fallback .plyr__poster {background-size:cover; background-position:center;}
.plyr.gp-videoplayer .plyr__controls {z-index:10;}

.cudliky {display: flex;gap: 8px;}

/*END MAIN CSS */




@media only screen and (min-width: 1750px) {
  .swiper.slidegallery  { margin-left: max(0px, (100% - 1620px)/2); width:100%;}
.container {max-width: var(--container-3);}
}

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

}

@media only screen and (max-width: 1500px) {
  .sedivakarta .grid-2 {grid-template-columns: 2fr 1fr}
.grid-uneven-15 { height: fit-content;         display: flex;     flex-wrap: wrap;}
.sect-column.section-4-lightning-reach { display: none; }
.cl-cm-9 { font-size:50px;}
}


@media only screen and ( min-width:1470px) {
  .herobig .container {padding: 40px 20px}
    .textbar {padding-left: 8px;}
}

@media only screen and (max-width: 1450px) {
  .swiper-container.galerkacustomnav {padding-left: 15px;padding-right: 15px;}
  .swiper.slidegallery .slide .holder .img {height: 300px;}
  .referencemodal .modal-container {max-width: 95%;width: 95%;}
}
@media only screen and (max-width: 1300px) {

    .bigimage .scaledup {scale: 3; margin: 5vh auto 10vh; position: relative; left: 50%; }
    .scaledupdva {scale: 3; margin: 10vh auto 10vh; position: relative; left: 50%;}
    .namobiluzrusomezenivysky {max-height: unset!important}
    .mtm-0 {  margin-top: 0px; }
     .mbm-0 {  margin-bottom: 0px; }
    .specs .hodnoty .minititul { font-size: var(--fs-md); margin-bottom: 10px; }
    .sedivakarta .textysikonou .textikona span { font-size: var(--fs-md); }
    .specs .hodnoty .textpopisny {  font-size: var(--fs-xs); }
    .tabledesigndraggable{ position: relative; }
    .popisnytext.omez { max-width: unset; }
  .sedivakarta .grid-2 {grid-template-columns: 1fr}
  .valuesgrid .minititul.xs {font-size:1.6em;padding: 30px;}
  .valuesgrid .textpopisny {padding: 0 30px 30px 30px}
  .valuesgrid .textysikonou {padding: 0 30px 30px 30px}
  .valuesgrid .minititul {padding: 30px;}
  .valuesgrid .sedivakarta .ikonavkarte {padding: 80px 30px 30px 30px}
  .tabledesigndraggable { overflow-x: auto; -webkit-overflow-scrolling: touch; cursor: grab; }
  .tabledesigndraggable:active { cursor: grabbing; }
  .tabledesigndraggable .td-row { min-width: 900px; }
  .tablemoverlay  { position: relative; }
  .tablemoverlay::after{ content:""; position:absolute; top:0; right:0; width:50px; height:100%; pointer-events:none; background: linear-gradient(to left, #fff 0%, rgba(255,255,255,0) 100%); z-index: 5; }
  .tabledesigndraggable .td-head { position: sticky; top: 0; background: #fff; z-index: 5;        min-width: 900px; }
    .stack {  grid-template-columns: 1fr; border-radius: 0 }
    .stack.smedia {display: flex;flex-wrap: wrap;}
        .stack .textovacast {   border-radius: 0px; }
        .imagecarousel {height:unset;}
    .stack .image { border-radius: 0; }
.referencemodal .modal-container {position: absolute;width: 100%;padding: 0px;max-width: 100%;}
.referencemodal .modal-container .modal-header {color: black;background: white;}
.referencemodal .modal-body {padding: 0;}
.peoplelist {display: grid;grid-template-columns: 1fr 1fr;  }
}
@media only screen and (max-width: 1200px) {
    
    .videofullscreen-section.nahorumobil {justify-content:flex-start;}
    
   .hide-mobile {display:none;}
      .vertikalniikony .vertikalniikona {padding-left:0!important;}
    .impellerconf .impellerconf__switches {grid-template-columns:1fr 1fr}
    .impellerconf .impellerconf__subswitches {grid-template-columns:1fr 1fr}
    .impellerconf .impellerconf__switch { padding: 5px 5px 5px 10px; font-size: 10px; min-height: 55px; }
    .impellerconf .impellerconf__subswitch { padding: 5px 5px 5px 10px; font-size: 10px; min-height: 55px; }
    .impellerconf .impellerconf__panel {padding:20px 20px 22px 20px}
  .eventshp .semitext {margin:unset;text-align:left; }
  .fixednav{ bottom:0; width:100%; left:0; transform:none; }
  .fixednav{  bottom: calc(var(--vv-bottom, 0px) + env(safe-area-inset-bottom, 0px)); } .fixednav .hold{ padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px)); }
  .fixednav .hold{
    width:100%;
    border-radius:0;
  
    /* key parts */
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    justify-content:flex-start;    
    white-space:nowrap;
    gap:10px;
  background: rgb(174 174 174 / 37%);

    padding:12px 16px;
    scroll-behavior:smooth;
    scrollbar-width:none;    
  }
  
  .fixednav .hold::-webkit-scrollbar{ display:none; } 
  
  .fixednav .cudl{
    flex:0 0 auto; 
    padding: 10px 18px;
    font-size: 13px   
  }
  
  
  .fixednav {bottom: 0px;width: 100%;  }
  .fixednav .hold {width: 100%;border-radius: 0}
  .productimage { padding: 2vh 60px;  }
  .herobig {height: unset}
  .herobig {min-height: unset}
  .herobig .obrazovacast {position: relative;left: unset;top: unset;transform: unset;}
    footer .prvnicastmenu { width: 100%; }
    img.mini {object-position: top;}
    .grid-uneven-15-novy { display: flex;  flex-wrap: wrap;width:100%; }
    .semitext.text-left, .semititle.text-left, .titultopdoleva.text-left {text-align:left!important;}
    .karta .semitext.text-left { text-align: left !important; max-width: unset; }
    .grid-3.uneven-1.align-items-center.sus { gap: 50px; }
        .cl-cm-1, .cl-cm-2 {display:none;}
    .sus .semititle, .sus .contenttext { text-align: center!important; }
    .bgunsetmobile {background:unset!important;}
    .curtainslider .title {padding:5px 0px}
    .curtainslider .curtainee,.curtainslider.vyssi .curtainee  {height:fit-content;width: 100%;}
    .text-vertical { writing-mode: unset; transform: rotate(0deg); }

    .curtainslider {flex-direction: column;}
  .obrazkovasekce {padding:150px 0;}
 .obrazkovasekce .asterix {opacity: .5}
    .text-left {text-align: center!important}
     .mw-80 {max-width: unset!important}
    .neodrazenyimg,.barevnasekce .neodrazenyimg, .fallback-image, .odrazenyimg {max-width:80%!important;}
    .barevnasekce {padding:35px 0;}
    .barevnasekce.dolenic  {padding:35px 0 0;}
    .cernasekce {padding:15px 0;}
    .cernasekce.dolenic  {padding:15px 0 0;}
    .bilasekce {padding:15px 0;}
    .bilasekce.dolenic  {padding:15px 0 0;}
    .titultop, .titultopleva { font-size: 45px; margin: 30px auto; line-height: 1; max-width: 80%;text-wrap:balance;text-align: center  } 
    .semitext {text-align: center; max-width: 80%; margin: 0 auto;        line-height: 1.1; }
    
.texttop {  font-size: 16px; margin: 0px auto;line-height:1.4; }
    .hp-banner .swiper-wrapper {padding-top:0px;}
    header .container .speslradek { justify-content:space-between;}
    .dropdown-button {font-size: 16px; font-weight: 300; line-height: 22px;}
  html, content, body, footer  {overflow-x: hidden}
    header {position: relative;}
    .pc .menu{ position: fixed; top: 0; left: 0; z-index: 999; background: white; width: 100%; padding: 0; height: 100vh; display: flex; align-items: center; display: none; }
    header .containercely {padding: 35px 15px 15px 15px;}
    header .containercely .speslradek {  justify-content: space-between; }
   .pc .cta {justify-content:flex-end;        width: fit-content;margin-right:10px}
    .hp-banner {padding: 0px;background:linear-gradient(180deg, #EEF1F2, #f0f3f4 28%, #f3f6f7 46%, rgb(240 246 247) 60%, rgb(245 248 249) 75%, rgb(251 252 253) 90%, rgb(255 255 255)); }
    .hp-banner .swiper {width: 100%;}
    .hp-banner .swiper-wrapper {height:fit-content;margin-top: 0px;padding-bottom:0;}
    .hp-banner .swiper-wrapper .swiper-slide .holder .buttony {display: flex; flex-wrap: wrap; align-items: center; position: relative; left: unset; bottom: unset; margin: 15px 0 30px; padding: 0 15px; justify-content: center; }
    .swiper-pagination {display: none}
    .hp-banner .swiper-wrapper .swiper-slide .holder .img {position: relative; min-height: 80%; height: 300px; bottom: 0; width: 100%; border-radius: 10px; overflow: hidden;border-radius:0}
    .hp-banner .swiper-wrapper .swiper-slide .holder {display: flex;flex-wrap: wrap;align-items: flex-end;box-shadow:unset;border-radius:0}
    .hp-banner .swiper-wrapper .swiper-slide .holder .text .podtitul { color: black; font-size: 16px; line-height: 1.2; opacity: .7; width: fit-content; text-align: center; margin: 0 auto;letter-spacing: -1px; }
    .hp-banner .swiper-wrapper .swiper-slide .holder .text .titul {text-wrap: balance;color: black; font-size: 26px; line-height: 32px; width: fit-content; text-align: center; margin: 0 auto;letter-spacing: -2.5px;font-weight:800}
    .hp-banner .swiper-wrapper .swiper-slide .holder .text {left: unset; top: unset; position: relative; padding:0 15px;margin:0 auto}
     .hp-banner .swiper-wrapper .swiper-slide .holder .img {order:1;margin-bottom:25px}
       .hp-banner .swiper-wrapper .swiper-slide .holder .text {order:2;}
         .hp-banner .swiper-wrapper .swiper-slide .holder .buttony {order:3;}
  .oddelovac .speslradek { gap: 40px; justify-content: flex-start; padding-bottom: 44px; padding-left: 0; padding-right: 40px; flex-wrap: nowrap;}
    .vetsititul { font-size: 32px; line-height: 36px; padding-bottom: 20px; color: #181818; font-weight: 400; max-width: 80%; }
    .textpodvetsimtitulem { font-size: 16px; font-weight: 300; line-height: 22px; max-width: 80%; opacity: 1; padding-bottom: 40px;  }
    .smrstena {padding-top: 0}
    .label {  font-size: 12px; line-height: 16px; padding-bottom: 20px; }
    .prvnicast h3 { font-size: 26px; line-height: 32px;}
    .prvnicast {padding: 0 20px }
    .prvnicast p {font-size: 16px;line-height: 20px;padding-bottom: 20px;}
    .rozpulenasekce {display: block; max-height: unset;min-height: unset;}
    .changer {  font-size: 14px; line-height: 19px; padding-left:0px;  }
    .flex-end {justify-content: flex-start; }
    .lakadlo-cover .vrsek .titul {color: #f7f7f7;font-size: 30px;line-height: 29px;margin: 20px 0}
    .lakadlo-cover .vrsek .podtitul {font-size: 24px;line-height: 29px; display: none}
  
    .lakadlo-cover .vrsek {max-width: 90%;left: 20px;top: 20px}
    .lakadlo-cover {max-height: unset;min-height: 280px;height: fit-content;margin-bottom: 0;}
    .lakadlo-cover .spodek {bottom: 30px;left: 15px;flex-direction: column;}
    .lakadlo-cover  .whitebtn, .lakadlo-cover  .blackbtn { align-items: center; background: linear-gradient(270deg, #fff 50%, #000 0) 100%; background-color: #fff; background-size: 300% 200%; border: 2px solid #fff; border-radius: 100px; color: #000; display: flex; height: 38px; max-height: 48px;min-width: 180px; padding: 8px 22px; transition: .4s ease-out; width:fit-content;font-weight: 400 }
    #logacarus {display: none}
    .bilamobil {background: white}
    .sedamobil {background: #f7f7f7;border: 1px solid #e9e9e9    }
    .pt-40 {padding-top: 15px;}
    .druhacast {max-height: 350px;height:350px;overflow: hidden; position: relative;}
    .druhacast img {position: absolute;left: 0;top: 0}
    .novinka-cover .konkret {height: 350px;max-height: 350px}
    .novinka-obsah h3{max-width:80%;    line-height: 36px;} 
    .novinka-obsah p {max-width:92%}
    
    .uvodni-dlazdice {padding:35px; height:350px; align-items:start;}
    .uvodni-dlazdice img.starlet {right:-75px; height: 175px;}
    .uvodni-dlazdice .nadpis {font-size:38px;}
    .uvodni-dlazdice .pozadi .prechod {background:linear-gradient(180deg, var(--color-two), transparent); top:0;}
    
    
    .dlazdice {padding:35px; align-items:center;}
    .dlazdice .semititle {text-align:center; width:100%;}
    .dlazdice .semitext {max-width:100%; line-height:1.4em;}
    
        .grid-3 {grid-template-columns: repeat(2, minmax(250px, 1fr));}
    .grid-4 {grid-template-columns: repeat(2, minmax(250px, 1fr));}
    .grid-5 {grid-template-columns: repeat(2, minmax(250px, 1fr));}
    .grid-6 {grid-template-columns: repeat(2, minmax(250px, 1fr));}
    .grid-7 {grid-template-columns: repeat(2, minmax(250px, 1fr));}
    .grid-8 {grid-template-columns: repeat(2, minmax(250px, 1fr));}
    .grid-9 {grid-template-columns: repeat(2, minmax(250px, 1fr));}
    .specs .hodnoty {display: grid;grid-template-columns: 1fr}
    .airflowdirection-big {display:none}
    .airflowdirection-ind {display:flex}
    .typmaly img { margin: 50px auto ; }
}

@media only screen and (max-height:1180px) {
    .barevnasekce, .bilasekce, .cernasekce { padding: 40px 0;  }
}


@media only screen and (min-width:980px) {
    .formular{grid-template-columns:repeat(3,1fr);}
    .polozka.half{grid-column:span 1 / span 2;}
    .polozka.full{grid-column:span 3;}
    .polozka.third{grid-column:span 1;}
    
    .polozticka {display: grid ; margin-bottom: 8px; grid-template-columns: 1fr 200px}
    .contactlink {  margin-top: 0px;  margin-bottom: 0 !important;font-size: 15px }
    .karta.kontaktu .semititle.font-weight-600 {font-size: 15px;font-weight: 400!important}
    .karta.kontaktu .semititle.font-weight-600.imp {font-weight: 600!important}
    .contactitems { max-width: 850px; }
}

@media only screen and (max-width: 980px) {
  .minititul.xs.custom { font-size: 24px; }
  .plm-unset {padding-left: unset}
  .chart.sborderem { border: 0; padding: 0; max-width: unset; }
  .typmaly {border:0}
  .typmaly .top {padding: 20px 3px;border-bottom: 0; border-top: 1px solid #CCCCCC;}
     .kartyzvetsovaci {  grid-template-columns: 1fr 1fr; display: grid;height: unset}
     .kartyzvetsovaci .karticka .bilytitle, .kartyzvetsovaci .karticka .bilypodtext {display: block}
     .kartyzvetsovaci .karticka:hover {padding:15px}
    .sedivakarta.existujenamob {min-height:500px;}
  .sedivakarta.uzka { max-width: unset; }
  .tabledesigndraggable .td-row {grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;}
  .specs h3 {font-size:20px;}
  .cudlikona {gap:20px;padding: 7px 7px 7px 12px;font-size:var(--fs-xxs);border-radius: 8px}
  .cudlikona .ikonaobla {width:28px;height: 28px;padding:9px;border-radius:9px}
 .herobig .titulvelky {margin-top:15px;margin-bottom:12px}

  .textikona .ikonaobla {width:35px;height: 35px;padding:11px;background: black;display: flex;border-radius:9px}
  
  .valuesgrid .levy .sedivakarta {min-height: 28vh}
  .justifyleftmobile { justify-self: flex-start; }
  .tabsoptions {justify-content: flex-start;position:relative;left:-5px}
  .tabsoptions .cudl {font-size: 15px;padding: 8px 17px;}
  .zitecontactform.grid-2 { grid-template-columns: 1fr; }
  .specs .hodnoty.vyrovnane{ grid-template-columns: 1fr; }
  .zitecontactform .zitecontactform__bottom { flex-direction: column; align-items: stretch; }

  .zitecontactform .zitecontactform__send { width: 100%; min-width: 0; }
  .zitecontactform__bottom {flex-direction: column;    }
  .coverpff, .formpart { padding: 0 30px; }
  .fullscreensekce {max-height:calc(100dvh - 144px);}
  .bgbar .container { padding-left: 5px; padding-right: 5px; }
 .bgbar .grid-2 { font-size: 12px;align-items: center; grid-template-columns: 1.5fr 1fr; text-align: left; }
  .bgbar .buttony { justify-content: end; }
  .popisnasekce {padding:0 30px;}
    .stack .textovacast {  grid-template-columns: 1fr; border-radius: 0px; }
    .stack .textovacast .prvni { gap: 10px;  }
    .stack .image { border-radius: 0; }
    .stack .textovacast .druha .grid-1 {gap:10px!important}
    .stack .textovacast {gap:5px;padding:25px}
    .stack .nominal {grid-template-columns:1fr;        padding: 30px;gap:20px}
    .stack .nominal .dvojka {justify-content:flex-start}
  .floatingbtn .holder, .floatingbtndva .holder {height: 56px}

  .floatingbtndva .holder  { -webkit-box-shadow: 0px 6px 25px 0px rgb(0 0 0 / 9%);; -moz-box-shadow: 0px 6px 25px 0px rgb(0 0 0 / 9%);; box-shadow: 0px 6px 25px 0px rgb(0 0 0 / 9%);; }
    .txt-small { font-size: 21px; }
    .copyright { margin-top: 20px;}
    footer .logo img {left:unset;}
    footer .justify-start {justify-content:center!important;}
    footer {text-align:center;}
    footer .menu { width: 100%; justify-content: center; gap: 10px; flex-wrap: wrap; }
    footer .menu > *{ width: 100%;}
    .buttony.vradku {display:grid;grid-template-columns:1fr;justify-content:center}
     .buttony.vradku .whitebtn {width:100%}
    .hp-banner .custom-pagination.center-mobile { justify-content: center;bottom: -9px; } 
    .textsasterixerm {  grid-template-columns: 1fr; align-items: center; gap: 15px; justify-content: center; }
    .textsasterixerm img {         max-width: 50px;
        justify-self: flex-start; }
    .dlouhysipky { padding: 0px; }
    .imageblockbg img, .imageblockbg video {position: relative; width: 100%; height: 100%;}
    
    .regions { overflow-x:scroll }
    .regions .prvni { flex: none; }
   .regionsearch {display:none;}
    .mb-40 {margin-bottom: 20px !important;}
    .fullscreen-menu .holder .polozka { cursor: pointer; font-size: 26px; position: relative; margin-bottom: 13px; }
    .bigsideimg {left: -50vw;padding-bottom: 0vh;width: 200vw;top: 0;margin-bottom: 0;}
    .sliderproducts .pravacast { font-weight: 600; justify-content: flex-start; }
    .semitext.text-unbalanced.uzkygtext.mb-60 { text-align: left; width: 100%; max-width: unset;line-height: 1.4; }
    .mb-60 { margin-bottom:25px !important; }
    .obrazkovasekce.stovkavyska {  padding: 36px 20px !important; }
    .mb-100 { margin-bottom: 40px !important; }
    .ovalpicture.sestdvacet { height: 300px; }
    .titultopdoleva, .titultopdoleva.mensi {font-size:38px;}
    .image-arc { width: 300vw;  }
    .image-arc-container {  height: 50vh;margin-bottom: -15vh;  }
    .arc-image { width: 50vw;  }
    .mt-100 { margin-top: 25px !important;}
    .cl-cm-9 {font-size: 55px;}
    .bignumbers { font-size: 40px; }
    .bignumbersmensi { font-size: 32px; }
  .arrows {display: none}
  .sliderapplications .swiper-wrapper {margin: 20px auto}
  .spacer {height: 0px}
  .sliderproducts:after, .sliderapplications:after, .sliderapplications:before {display: none}
  .obrazkovasekce.stovkavyska {height:60vh;}
  .grid-akci, .grid-akci.dva{grid-template-columns:1fr;}
  .grid-3, .uneven-1,.uneven-2,.uneven-3{grid-template-columns:1fr!important;gap: 0px}
  .inversemobile > :nth-child(2) {order: 1}
  .inversemobile > :nth-child(1) {order: 2}
  .specs  .spe .pravacast {justify-content: flex-start}
  .grid-2, .grid-2-contact {grid-template-columns:1fr;gap: 20px}
  .grid-3 .obrazek {order:1;margin-bottom: 30px}
  .grid-3 .text {order:2;}
  .rollet, .rollet.text-right   { display: flex;justify-content: center;flex-wrap: wrap;        text-align: center !important;}
  .rollet .contenttext.active { padding: 0 30px; }
  .text-right {text-align: left}
  .sliderproducts .custom-pagination { justify-content: center; } 
  .sliderproducts .pagination-line { width: 40px; margin: 0px 5px; } 
  header .textrotuj { font-weight: 400; }
  .polovina {width: 100%}
  .radek.sgapem {flex-wrap: wrap;gap: 15px}
  .w-600 {width: 100%!important}
  .px-40 {padding: 0 15px!important; }
  .swiper-wrapper.dva .swiper-slide:last-child{margin-right: 0px}
    .gap-mobile {gap:30px!important}
    .text-center-mobile {text-align:center!important}
    .karta .buttony  {justify-content: center !important; display: flex;}

  .slide.swiper-slide.swiper-slide {
      opacity: 0;
  }
      .slide.swiper-slide.swiper-slide-active {
      opacity: 1!important;
  }
}

@media (max-width: 1330px){
  .bigimage img {position: relative;margin-top:-80px}
  .archvalues{
    display: grid;
    gap: 0.55rem;
    min-height: unset; /* or 0 */
    padding: 0;
    margin-top:25px
  }

  .archvalues .archvalue{
    position: static;
    transform: none !important;
    width: auto;

    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.75rem;
    text-align: left;
    align-items: start;
  }
  .archvalues .archvalue .hold { display: grid; align-items: center; gap: 5px; grid-template-columns: 40px 1fr; }
  .archvalues .archvalue .num{
    margin: 0;
  }
}

@media only screen and (max-width: 820px) {
  .peoplelist {grid-template-columns: 1fr}
    .contactkarta .gridprofiles { grid-template-columns: 1fr; }
    .table-wrapper { overflow-x: auto; -webkit-overflow-scrolling: touch; } 
    .fan-grid .header, .fan-card div { padding: 8px; font-size: 12px; } 
    
    .regions::-webkit-scrollbar {  display: none;}

.regions {  scrollbar-width: none;}
    .textik.cn {display: grid;}
    .karta.kontaktu .bigcontact { font-size: 20px;text-decoration: underline;}
    .classiccontact { font-size: 13px; }
    .karta.kontaktu .bignumbers { font-size: 20px;  }
    .mobilecenter {text-align:center!important;}
    .switcher {grid-template-columns:1fr}
 .switch-polozka {justify-content: center; font-size: 15px; padding: 8px 10px; font-size: 15px; width: fit-content; border-bottom: 0 !important; border-radius: 30px;display: flex; flex: none;}
  .switch-polozka.active { justify-content: center;font-size: 15px; padding: 8px 10px!important; font-size:15px!important}
 .switcher-body {border-top: 2px solid gray;border-left:0;padding:20px; }
 .cm-cl-15 {margin: 0 auto; }
 .switcher-header {display: flex !important; max-width: 100%; overflow-x: scroll;        gap: 10px;margin-bottom:20px}
}

@media (max-width: 768px) {
    .outflowtoright {right: 0; scale: 1.05;padding-bottom:40px; }
  .galerkacustomnav .swiper-nav{ display:flex; gap:2px; } 
   .galerkacustomnav  .custom-pagination .bar{ width:20px; } 
   .galerkacustomnav  .custom-prev, .galerkacustomnav .custom-next{ padding:8px 16px; } 
  .slideimage {left:-15px}
.slideimage > *  { width: 280px; height:241px; }
.slideimage .jedna { position: relative; left: 185px; top: 20px; z-index: 3; }
.slideimage .dva { position: relative;z-index: 2; }
.slideimage .tri { position: relative; left: -155px; top: -10px; z-index: 1; }
.revealimagebg .image {max-height: 20vh}
}



@media only screen and (max-width: 650px) {
    :root {
  --fs-xxs: 12px; /* 12–13 */ /* 12–13 */
  --fs-xs:  17px; /* 12–13 */
  --fs-sm:  16px; /* 13–15 */
  --fs-md:  18px; /* 15–17 */
  --fs-lg:  21px;   /* 17–20 */
  --fs-xl:  26px;    /* 20–28 */
  --fs-2xl: 28px;     /* 24–40 */
  --fs-3xl: 30px;    /* 28–52 */
  --fs-4xl: clamp(2.1rem,   2.8vw + 0.35rem, 4.75rem);    /* 34–68 */
  --fs-5xl: clamp(1.8rem,   17.8vw + 0.35rem, 17.75rem);    /* big */
    }
  .iconic { align-content: flex-start; grid-template-columns: 1fr; gap: 30px; text-align: center;padding: 0 30px; }
   .iconic .icon {margin:0 auto;}
    .grid-2 {grid-template-columns: 1fr;}
	.grid-3 {grid-template-columns: 1fr;}
    .grid-4 {grid-template-columns: 1fr;}
    .grid-5 {grid-template-columns: 1fr;}
    .grid-6 {grid-template-columns: 1fr;}
    .grid-7 {grid-template-columns: 1fr;}
    .grid-8 {grid-template-columns: 1fr;}
    .grid-9 {grid-template-columns: 1fr;}

    .pc .logo {width:fit-content;}
.pc .logo img { max-height: 35px; height: 35px; width: auto; }
    .cl-cm-3 video { width:200vw!important;max-width:unset!important;left: 5vw; position: relative; }
    .cl-cm-4 {width: 200vw; left: -50vw; position: relative; }
      .titultop, .titultopleva, .titultop.mensi { font-size: 35px; margin: 30px auto; line-height: 1;  } 
.texttop,.texttop.vetsi {  font-size: 16px; margin: 0px auto;line-height:1.4;max-width:75%!important; }
  .zitecontactform__bottom .cudlikona { width: 100%;        justify-content: space-between; }
  .zitecontactform__checktext {font-size: 13px}
  .zitecontactform__bottom { align-items: self-start;}
  .zitecontactform__check {gap:8px}
}
@media only screen and (max-width: 400px) {
 .pc .cta {margin-right:5px} .airflowdirection-ind {left:0}
  .floatingbtn .holder, .floatingbtndva .holder {width: fit-content}
.main-language {font-size: 12px;padding:8px 10px}
.languageswitcher:hover .sublanguages { min-width: fit-content; display: grid; position: absolute; width: 100%; padding: 10px; background: white; border-radius: 8px; border: 1px solid #dbd8d8; top: 29px; cursor: pointer; gap: 10px; font-size: 12px; right: 0; }
}

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

 .floatingbtndva .metric-switcher .toggle-label, .floatingbtn  {font-size: 12px;}
}
/**
 * Swiper 10.0.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 8, 2023
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;overflow:clip;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}	
.swiper {width:97%;}