@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
/* CSS Document */

:root {
  --font-family: 'DM Sans',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: #E5EEFF;
  --color-three: #FFE600;
  --forest: #023E32;
    --forest-hover: #70B573;
    --lime: #B4FE9A;
    --clay: #CCAEA2;
    --sky: #85C0F4;
    --sage: #84A47B;
    --clay-light: #FCF4F2;
    --sky-light: #F0F8FF;
    --sage-light: #F0FAED;
    --snow: #F5F7F6;
    --light: #D9E2E0;
    --mist: #C3D1CE;
    --fog: #96AEA9;
    --white: #FFFFFF;
    --black: #000000;
    --error: #DD3A3A;
    --cursor-text: "";
  --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: 40px 40px;
  --global-padding-2: 7.5px;
  --global-padding-3: 17px 15px;	
  --global-padding-4: 30px;	
  --global-padding-5: 30px 40px;		
  --container-1: 1440px;
  --container-3: 1700px;
  --container-2: 100%;	
  --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%;	
  --day1-bg:#0b0c0e;
  --day1-panel:#0f1114;
  --day1-text:#e9eef2;
  --day1-dim:#a7b0b7;
  --day1-line:rgba(255,255,255,.08);
  --day1-line-strong:rgba(255,255,255,.14);
  --lime:#B4FE9A;
}


*, *::before, *::after { box-sizing: border-box; }

/* p, h1, h2, h3, h4, div, label, a { user-select: none; -webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none;  } */

html {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: -.6px;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: var(--forest);cursor: auto;font-size: 15px;font-style: normal;font-weight: 400;margin: 0px;padding: 0px;position: relative;overflow-wrap: break-word;    max-width: 100%;
    }
img {width: 100%;height: auto;}
a {text-decoration: none;color: var(--forest);cursor: pointer;}
a:hover {text-decoration: underline;color: var(--forest);}
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}
.pinned { position: fixed; top: 0; left: 0; transition: .4s all; }
.unpinned { position: fixed; top: -150px; left: 0;background: white;transition: .4s all;}
.w-100 {width: var(--size-1);}
.container {width: var(--size-1);margin: 0 auto;max-width: var(--container-1);padding: var(--global-padding-1);}
.container.sirsi {width: var(--size-1);margin: 0 auto;max-width: var(--container-3);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}
.justify-start {justify-content:flex-start!important;}
.align-items-stretch {align-items: stretch!important;}
.align-items-start {align-items: start!important;}
.align-items-end {align-items: end!important;}
.align-items-center {align-items: center!important;}
.justfy-content-center {justify-content: center!important;}
.justfy-content-start {justify-content: start!important;}
.justfy-content-end {justify-content: end!important;}
.align-content-stretch {align-content: stretch!important;}
.align-content-start {align-content: start!important;}
.align-content-end {align-content: end!important;}
.align-content-center {align-content: center!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;}
.text-center {text-align:center;}
.cely {display: flex;width: var(--size-1);justify-content: center;align-items: center;flex-wrap: wrap;}
.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;}
.grid {display: grid;}
.grid-1 {display: grid;grid-template-columns: repeat(1, minmax(250px, 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}

.grid-container { overflow: hidden;}
.gap-0 {gap:0px}
.gap-10 {gap:10px}
.gap-20 {gap:20px}
.gap-40 {gap:40px}
.gap-80 {gap:80px}
header {width: 100%;position: fixed;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;z-index: 99;}
header .container {width: 100%}
header .containercely {padding: 20px;max-width: 100% !important;}
header .containercely .speslradek {box-shadow: -1px 10px 29px 0px rgba(0,0,0,0.05); -webkit-box-shadow: -1px 10px 29px 0px rgba(0,0,0,0.05); -moz-box-shadow: -1px 10px 29px 0px rgba(0,0,0,0.05);display: inline-grid ; align-items: center; width: 100%; flex-wrap: wrap; flex-direction: row; justify-content: center; background: var(--lime); padding: 10px; grid-template-columns: auto 1fr auto; justify-items: center;}
header .textrotuj { font-size: 12px; font-weight: 800; padding-left: 10px; }
header.tmavy {background:black;color:white;}
header.tmavy a {color:white}
footer { background: var(--snow); padding: 70px 40px; display: grid ; grid-template-columns: 1fr; gap: 20px;margin-top:80px }
footer .logopata svg{width: 100% }
footer .logopata {margin-bottom:100px} 
footer .titlepata { text-transform: uppercase; font-size: 12px; letter-spacing: .67px; font-weight: 300; color: var(--fog); margin-bottom: 15px; }
footer .linkpata { text-transform: uppercase; font-weight: 600; letter-spacing: .67px; }
footer .grid-4 .grid-1  { align-content: flex-start;}
.copyright { text-transform: uppercase; font-size: 12px; letter-spacing: 0.67px; font-weight: 300; color: var(--fog); margin-top: 45px; padding-top: 25px; border-top: 1px solid var(--fog); }
#emailfornews { background: unset; border: 0; border-bottom: 1px solid black; padding-left: 0; text-transform: uppercase;font-size: 12px }
.mt-0 {margin-top: 0px!important}
.mt-150 {margin-top: 150px!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}
.ml-10 {margin-left: 10px!important}
.mt-10 {margin-top: 10px!important}
.mt-20 {margin-top: 20px!important}
.mt-30 {margin-top: 30px!important}
.mb-0 {margin-bottom: 0px!important}
.mb-60 {margin-bottom: 60px!important}
.mt-50 {margin-top: 50px!important}
.mb-100 {margin-bottom: 100px!important}
.mb-10 {margin-bottom: 10px!important}
.pl-0 {padding-left: 0px!important}
.pb-0 {padding-bottom: 0px!important}
.pb-20 {padding-bottom: 20px!important}
.pb-40 {padding-bottom: 40px!important}
.pt-20 {padding-top: 20px!important}
.pt-40 {padding-top: 40px!important}
.pt-100 {padding-top: 100px!important}
.pr-0 {padding-left: 0px!important}
.px-40 {padding: 0 0px 0 40px!important}
.px-25 {padding: 0 25px!important}
.p0 {padding:0!important;}
.p-0 {padding:0!important;}
.mw-unset {max-width:unset!important;}
.mw-650 {max-width:650px}
.mw-750 {max-width:750px}
.mw-850 {max-width:850px}
.mw-1250 {max-width:1250px!important}
.pc .logo {display: flex;justify-content: start;align-items: center;cursor: pointer;z-index: 3;}
.logo svg {user-select: none; height: 22px; fill: var(--forest);}
.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 {justify-content: center; padding-left: 0px; align-items: center; display: flex ;gap:30px}
.pc .polozka {display: flex ; justify-content: center; align-items: center; font-size: 15px; font-weight: 600; cursor: pointer; position: relative; letter-spacing: .75px; text-transform: uppercase;}
.pc .polozka a:hover {color: black!important}
.pc .polozka a {text-decoration: none!important;display:flex;align-items:center;gap:5px}
.pc .polozka img {height: 8px;width: 8px;margin-left: 7.5px;}
.pc .cta {display: none;justify-content: center;align-items: center;}
.pc .cta img {height: 12px;width: 12px;margin-left: 7.5px;}

.menu-toggle {position:relative;background:transparent;border:1px solid rgba(255,255,255,0.1);cursor:pointer;width:49px;height:49px;padding:0;margin:0;color:#fff;display:inline-block;}
.menu-toggle span {display:block;height:1px;width:30px;background:var(--forest);transition:all .15s ease;position:absolute;right:8px;transform:rotate(0deg);}
.menu-toggle span:first-child {width:30px;top:18px;}
.menu-toggle span:last-child {width:20px;top:27px;}
.menu-toggle[aria-expanded="true"] span {top:23px;}
.menu-toggle[aria-expanded="true"] span:first-child {transform:rotate(45deg);}
.menu-toggle[aria-expanded="true"] span:last-child {transform:rotate(-45deg);width:30px;}

.slide-up { transform: translateY(20%); }
.slide-down { transform: translateY(-20%); }
.slide-left { transform: translateX(20%); }
.slide-right { transform: translateX(-20%); }
.slide-up-visible { transform: translateY(0); opacity: 1; }
.slide-down-visible { transform: translateY(0); opacity: 1; }
.slide-left-visible { transform: translateX(0); opacity: 1; }
.slide-right-visible { transform: translateX(0); opacity: 1; }
.slow-animation { transition: transform 1s ease, opacity 1s ease; }
.hidden {display:none!important;}


/* day 1 */
h1 { font-size: 87px; text-transform: uppercase; letter-spacing: .67px; margin-bottom: 10px;font-weight:600; }
h2 { font-size: 67px; text-transform: uppercase; letter-spacing: .67px; margin-bottom: 10px;font-weight:600; }
h3 { font-size: 47px; text-transform: uppercase; letter-spacing: .67px; margin-bottom: 10px;font-weight:600; }
h4 { font-size: 27px; text-transform: uppercase; letter-spacing: .67px; margin-bottom: 10px;font-weight:600; }
ul, ol {margin:20px 0;padding-left:24px;line-height:1.7;}
ul {list-style:disc;}
ol {list-style:decimal;}
ul ul, ol ul, ul ol, ol ol {margin:10px 0 0 20px;}
li {margin-bottom:6px;font-size:17px;letter-spacing:.2px;}
ul.mini, ol.mini {margin:10px 0;padding-left:10px;line-height:1.2;}
ul.mini li, ol.mini li {margin-bottom:6px;font-size:13px;letter-spacing:.1px;}
.textpodtitul li {font-size:19px;}
li:last-child {margin-bottom:0;}
.text {letter-spacing:.47px;line-height:1.2}
a.videosekce {text-decoration:none;}
.videosekce .media.grayscale {filter: grayscale(1);transition:.4s all}
a.videosekce:hover .media.grayscale {filter: grayscale(0);}

h3.mensititul { font-size: 22px; text-decoration: underline; }

.textpodtitul {letter-spacing: .47px;font-size: 19px;line-height: 1.2;max-width:780px}
.textpodtitul p:first-child {margin-top:0;}
.textpodtitul.sirsi{max-width:1250px;}
.videosekce { display: grid ; width: 100%; height: 100vh; max-height: 100dvh; background: black; position: relative;align-items:flex-end;justify-content:flex-start; grid-template-columns: 1fr;overflow:hidden; }
.videosekce.soverlayem:after {content:"";display:block;width:100%;height:30vh;background:linear-gradient(0deg, #000000f5, transparent);position:absolute;bottom:0;left:0;z-index:2;pointer-events:none}
.videosekce.soverlayem:before {content:"";display:block;width:100%;height:30vh;background:linear-gradient(180deg, #00000075, transparent);position:absolute;top:0;left:0;z-index:2;pointer-events:none}

.videosekce .media {position:absolute;width: 100%; height: 100%;left:0;top:0;z-index:1;object-fit:cover}
.videosekce .textovacast {position:relative;z-index:3;text-align:left;padding:30px 40px;color:white}
.videosekce .textovacast .perex {letter-spacing: .47px;font-size: 24px;line-height: 1.2;max-width:580px}
.videosekce .textovacast .perex.sirsi {max-width:1250px}
.videosekce.stred { justify-content: center; align-items: center; }
.videosekce.stred .textovacast {text-align: center; padding: 30px 40px; color: white; display: grid ; justify-content: center; }
.videosekce .textovacast .label {padding: 7px 20px;text-transform: uppercase;text-align: center;width: fit-content;background: var(--lime);font-weight: 600;color:var(--forest)}
.videosekce .dovetek.velky  { text-transform: uppercase; font-size: 40px; margin-top: 0;font-weight:200; }
.videosekce .textovacastdva {text-align: center; color: white; display: grid ; justify-content: center;font-size:28px;margin-top:10px;font-weight:300;text-transform:uppercase; }


.swiper.karty { width: 100%; }
.swiper.karty .swiper-wrapper {height:unset;}
.swiper.karty .swiper-slide { text-align: center; font-size: 18px; display: flex; justify-content: flex-start; align-items: flex-end;position:relative; } 
.swiper.karty .swiper-slide .media {transition:.4s all;position:absolute;width: 100%; height: 100%;left:0;top:0;z-index:1;object-fit:cover;object-position:center}
.swiper.karty .swiper-slide { width: 450px; } 
.swiper.karty .swiper-slide .holder {background: black;position:relative;overflow:hidden;min-height:610px;width:100%;display:grid;align-items:flex-end;justify-content:flex-start;grid-template-columns:1fr;text-align: left;}
.swiper.karty .swiper-slide .holder .media {opacity: .85;transition:.4s all;position:absolute;width:100%;height:100%;left:0;top:0;z-index:1;object-fit:cover;object-position:center;}
.swiper.karty .swiper-slide .video-launch.video-play-button { position: absolute; right: 25px; top: -45px; }
.swiper.karty .swiper-slide .holder .overlay {position:absolute;z-index:2;background:linear-gradient(180deg,var(--lime),var(--lime));width:100%;height:100%;opacity:0;transition:.4s opacity;}
.swiper.karty .swiper-slide .holder .textovacast {position:absolute;inset:0;display:grid;padding:30px 40px;z-index:3;color:white;}
.swiper.karty .swiper-slide .holder .textovacast>* {grid-area:1/1;align-self:end;}
.swiper.karty .swiper-slide .holder h3 {font-size:47px;text-transform:uppercase;letter-spacing:.67px;margin:0;opacity:1;transition:opacity .4s ease,transform .4s ease;transform:translateY(0);}
.swiper.karty .swiper-slide .holder .perex {font-size:17px;line-height:1.3;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .4s ease,transform .4s ease;color:var(--forest)}
@media (hover: hover) and (pointer: fine) {
  .swiper.karty .swiper-slide .holder:hover .overlay {opacity:1;}
  .swiper.karty .swiper-slide .holder:hover .media {width:110%;height:110%;left:-5%;top:-5%;}
  .swiper.karty .swiper-slide .holder:hover h3 {opacity:0;transform:translateY(-6px);}
  .swiper.karty .swiper-slide .holder:hover .perex {opacity:1;transform:translateY(0);pointer-events:auto;}
}


.swiper.karty .swiper-slide .holder.active .overlay {opacity:1;}
.swiper.karty .swiper-slide .holder.active .media {width:110%;height:110%;left:-5%;top:-5%;}
.swiper.karty .swiper-slide .holder.active h3 {opacity:0;transform:translateY(-6px);}
.swiper.karty .swiper-slide .holder.active .perex {opacity:1;transform:translateY(0);pointer-events:auto;}

.karty-nav{display:flex;justify-content:end;gap:12px;margin-bottom:0px}
.karty-nav button{background:rgba(255,255,255,.7);border:0;width:48px;height:48px;border-radius:50%;
display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.15);
transition:all .25s ease;backdrop-filter:blur(10px)}
.karty-nav button:hover{background:rgba(255,255,255,.95);transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.2)}
.karty-nav button:active{transform:scale(.95)}
.karty-nav img{width:20px;height:20px;transition:transform .25s ease}
.karty-nav-prev img{transform:rotate(90deg)}   /* down → left  */
.karty-nav-next img{transform:rotate(-90deg)}  /* down → right */
.karty-nav, .karty-nav * { -webkit-user-select: none; /* Safari */ -moz-user-select: none;    /* Firefox */ -ms-user-select: none;     /* Old Edge */ user-select: none;         /* Standard */ }
/* Style for disabled state (see JS below) */
.is-disabled{opacity:.4;pointer-events:none}

.swiper.features { width: 100%; }
.swiper.features .swiper-wrapper {height:unset;}
.swiper.features .swiper-slide { text-align: center; font-size: 18px; display: flex; justify-content: flex-start; align-items: flex-end;position:relative; } 
.swiper.features .swiper-slide .holder { width: 100%; }
.swiper.features .swiper-slide .media {transition:.4s all;width:100%;height:450px;position:relative;overflow:hidden}
.swiper.features .swiper-slide .media img {transition:.4s all;position:relative;width: 100%; height: 100%;left:0;top:0;z-index:1;object-fit:cover;object-position:center}
.swiper.features .swiper-slide { width: 450px; } 
.swiper.features .swiper-slide .textovacast {display:grid;grid-template-columns:1fr;gap:10px;text-align:left}
.swiper.features .swiper-slide .textovacast .perex {letter-spacing: .17px;font-size: 15px;line-height: 1.2;}
.swiper.features .swiper-slide .textovacast .titlesesipkou { display: grid ; grid-template-columns: 1fr 15px; align-items: center;margin-top:20px;margin-bottom:40px; }
.swiper.features .swiper-slide .textovacast .titlesesipkou h3 {margin-top:0px;margin-bottom:0px;font-size: 27px;  }
.swiper.features .swiper-slide .textovacast .titlesesipkou svg {width:15px;}
.swiper.features .swiper-slide .holder:hover {cursor:pointer}
.swiper.features .swiper-slide .holder:hover .overlay {opacity:1;}
.swiper.features .swiper-slide .holder:hover .media img {width:110%;height:110%;left:-5%;top:-5%;}



.swiper.cenik { width: 100%;margin-bottom: 50px }
.swiper.cenik .swiper-wrapper {display:flex;align-items:stretch}
.swiper.cenik .swiper-slide { text-align: center; font-size: 18px; display: flex; justify-content: flex-start; align-items: flex-end;position:relative; height:auto} 
.swiper.cenik .swiper-slide { width: 450px; } 
.swiper.cenik .swiper-slide .holder { background: var(--snow); padding: 40px; width: 100%; height: 100%; display: flex;                     /* 👈 aktivuje flexbox */ flex-direction: column;            /* obsah pod sebou */ justify-content: space-between;    /* tlačítko dolů */ }
.swiper.cenik .swiper-slide .holder .label {font-size:15px;padding: 7px 10px;text-transform: uppercase;text-align: left;width: fit-content;background: var(--lime);font-weight: 600}
.swiper.cenik .swiper-slide .textovacast { gap: 10px; text-align: left; display: flex ; flex-direction: column; flex: 1; }
.swiper.cenik .swiper-slide .textovacast .cena { display: flex ; font-size: 32px; margin: 25px 0 0; align-items: flex-end; line-height: 1; gap: 0; }

.swiper.cenik .swiper-slide .textovacast .cislo { font-size: 38px; }
.swiper.cenik .swiper-slide .textovacast .mena { font-size: 25px; line-height: 1; position: relative; top: -3px; left: 5px; }
.swiper.cenik .swiper-slide .textovacast .itemcenik {font-size: 16px;display: grid ; align-items: center; gap: 10px; margin-top: 10px; grid-template-columns: 30px 1fr; }
.swiper.cenik .swiper-slide .textovacast .zaco { margin-bottom: 40px; }
.swiper.cenik .swiper-slide .textovacast .zacomale { font-size:12px;margin-bottom: 30px; }
.icon.yes { width: 20px; height: 20px; background: var(--forest); padding: 6px; display: flex ; justify-content: center; align-items: center; border-radius: 50%; }
.icon.no { width: 20px; height: 20px; background: var(--forest); padding: 6px; display: flex ; justify-content: center; align-items: center; border-radius: 50%;}
.cudl { gap:30px;transition: .4s all;display: grid ; grid-template-columns: 1fr 20px; justify-content: space-between; background: var(--lime); padding: 20px; text-align: left; align-items: center; font-size: 22px; font-weight: 600; margin-top: 30px;cursor: pointer;border:1px solid var(--lime) }
.cudl svg  { transform: rotate(0);transition: .4s all;width: 20px;height: 20px}
.cudl:hover svg { transform: rotate(45deg)}
.cudl:hover {background: white;border:1px solid var(--forest)}
.cudl.active { background: white; border: 1px solid var(--forest); }
.cudl.active:hover svg { transform: rotate(0)}
.cudl.disabled {pointer-events:none;opacity:.4;}
.cudloutline { transition: .4s all;display: grid ; grid-template-columns: 1fr 20px; justify-content: space-between; background: var(--lime); padding: 20px; text-align: left; align-items: center; font-size: 22px; font-weight: 600; margin-top: 30px;cursor: pointer;border:1px solid var(--forest) }
.cudloutline svg  { transform: rotate(0);transition: .4s all;width: 20px;height: 20px}
.cudloutline:hover svg { transform: rotate(45deg)}
.cudloutline:hover {background: white;border:1px solid var(--forest)}

.loweropacity {opacity: .3}

html.modal-open, body.modal-open {overflow:hidden;}
body.modal-open {position:fixed;width:100%;}
.modal {overscroll-behavior:contain;}
.modal {position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:9999;transition:opacity .3s ease;}
.modal.is-open {display:flex;opacity:1;}
.modal__overlay {position:absolute;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(4px);cursor:pointer;opacity:0;transition:opacity .3s ease;}
.modal.is-open .modal__overlay {opacity:1;}
.modal__dialog {position:relative;z-index:2;background:#fff;width:90%;max-width:1460px;transform:translateY(40px);opacity:0;transition:all .35s ease;}
.modal.is-open .modal__dialog {opacity:1;transform:translateY(0);}
.modal__close {position: absolute; z-index: 4; right: 18px; top: 12px; background: none; border: none; font-size: 28px; cursor: pointer; transition: opacity .2s ease; color: black; background: white; padding: 2px 10px;}
.modal__close:hover {background: #f9f9f9}
.modal__content {position:relative;z-index:3;}
.modal__title {font-size:32px;line-height:1.2;font-weight:600;letter-spacing:.3px;}
.modal__subtitle {font-size:27px;line-height:1.2;font-weight:600;letter-spacing:.3px;}
.modal__text {font-size:18px;line-height:1.6;color:#333;margin-bottom:40px!important}
.modal .grid-image { width: 100%; height: 100%; position: relative; }
.modal .grid-content { padding: 80px 50px; }
.modal .grid-image img {transition:.4s all;position:relative;width: 100%; height: 100%;left:0;top:0;z-index:1;object-fit:cover;object-position:center}
.modal__list {list-style:disc;margin:10px 0 0 22px;padding:0;color:#333;}
.modal__list li::marker {color:var(--forest);font-size:1em;}
.modal__subtitle + .modal__list {margin-top:8px;}

.dovetek.mb-40 { font-size: 22px; }

.video-overlay {position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease forwards;padding:40px;}
.video-overlay__inner {position:relative;width:90%;max-width:900px;max-height:100vh;display:flex;align-items:center;justify-content:center;}
.video-overlay__video {max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:10px;box-shadow:0 0 30px rgba(0,0,0,.4);}
.video-overlay__close {position:fixed;top:20px;right:20px;background:none;border:none;color:var(--lime);font-size:48px;cursor:pointer;line-height:1;z-index:10000;transition:.3s;}
.video-overlay__close:hover {opacity:.8;}
@keyframes fadeIn {from{opacity:0;}to{opacity:1;}}


.video-play-button {cursor:pointer;position:relative;z-index:10;box-sizing:content-box;display:block;width:32px;height:44px;margin:40px auto 20px auto;border-radius:50%;padding:18px 20px 18px 28px;scale: 1;transition: .4s scale}
.video-play-button::before {content:"";position:absolute;z-index:0;left:50%;top:50%;transform:translate(-50%,-50%);display:block;width:80px;height:80px;background:var(--lime);border-radius:50%;animation:pulse-border 1500ms ease-out infinite;}
.video-play-button::after {content:"";position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);display:block;width:80px;height:80px;background:var(--lime);border-radius:50%;transition:all 0.55s cubic-bezier(0.645,0.045,0.355,1);}
.video-play-button:hover::after {background:var(--lime);}
.video-play-button img {position:relative;z-index:3;max-width:100%;width:auto;height:auto;}
.video-play-button span {display: block; position: relative; left: -2px; z-index: 3; width: 0; height: 0; transform: scale(0.5); border-left: 32px solid var(--forest); border-top: 22px solid transparent; border-bottom: 22px solid transparent; transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);}
.video-play-button:hover span {border-left:32px solid var(--forest);}
.video-play-button:hover {scale: 1.2}
@keyframes pulse-border {0%{transform:translate(-50%,-50%) scale(1);opacity:1;}100%{transform:translate(-50%,-50%) scale(1.5);opacity:0;}}
.h1styl { margin-top: 20px; margin-bottom: 0px; font-size: 67px; text-transform: uppercase; font-weight: 600;letter-spacing: .67px }

.formular { display: grid ; grid-template-columns: 1fr; max-width: 1200px;}
.polozkaform { display: grid ; gap: 5px; margin-bottom: 20px; }
.agree { display: flex ; gap: 5px; align-items: center; margin-top: 20px; }
.agree label {margin: 0}
input[type="text"],input[type="email"],input[type="tel"],input[type="url"],input[type="password"],input[type="number"],input[type="search"],select,textarea{display:block;width:100%;padding:12px 14px;border: 1px solid #d9dedc;background:#fff;color:#111;line-height:1.4;font-size:16px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;outline:0;appearance:none;}
input::placeholder,textarea::placeholder{color:rgba(17,17,17,.45);}
input:focus,select:focus,textarea:focus{border-color:var(--lime);box-shadow:0 0 0 4px rgba(0,255,0,.08);}
input:disabled,select:disabled,textarea:disabled{opacity:.6;background:#f7f7f7;cursor:not-allowed;}
textarea{min-height:120px;resize:vertical;}
/* select arrow */
select{background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 6 5-6' fill='none' stroke='%23111' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px 8px;padding-right:40px;}
/* states */
.is-error input,.is-error select,.is-error textarea{border-color:#e5484d;box-shadow:0 0 0 4px rgba(229,72,77,.08);}
.is-success input,.is-success select,.is-success textarea{border-color:var(--lime);box-shadow:0 0 0 4px rgba(0,255,0,.08);}
.is-readonly input[readonly],.is-readonly textarea[readonly]{background:#fafafa;color:#666;}
/* sizes */
.input-sm input,.input-sm select,.input-sm textarea{padding:9px 12px;font-size:14px;}
.input-lg input,.input-lg select,.input-lg textarea{padding:14px 16px;font-size:18px;}
/* label + helpers */
label{display:block;margin:0 0 8px 2px;font-size:14px;color:#444;}
.form-help{margin-top:8px;font-size:13px;color:#666;}
/* invalid native */
input:invalid:not(:focus):not(:placeholder-shown){border-color:#e5484d;}
.notfilledproperly { border: 1px solid red !important; }
.notfilledagree { color: red; font-weight: 600; text-decoration: underline; transition: color 0.3s ease, text-decoration 0.3s ease; }
.swiper-button-prev, .swiper-button-next { color: #fff; background: rgba(0, 0, 0, 0.35); width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: background 0.3s; } 
.swiper-button-prev:hover, .swiper-button-next:hover { background: rgba(0, 0, 0, 0.6); } 
.swiper-counter {z-index: 3; position: absolute; bottom: 15px; right: 20px; background: rgba(0,0,0,0.6); color: #fff; padding: 6px 12px; border-radius: 20px; font-size: 14px; font-family: system-ui, sans-serif; }
.swiper-button-prev, .swiper-button-next {background:none;color: white!important;}
.swiper-button-prev:hover, .swiper-button-next:hover {background:none}
.background-lime {background:var(--lime);}
.background-forest {background:var(--forest);}
.background-black {background:black;}
.textcolor-lime {color:var(--lime);}
.textcolor-forest {color:var(--forest);}
.textcolor-white {color:white;}

.informacniboxy { display: grid; grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); gap: 16px; align-items: stretch; overflow-x: auto;gap:20px }
.informacniboxy .informacnibox  { min-width: 380px;background:var(--lime);padding:35px 35px}
.informacniboxy .informacnibox h3 {font-size:22px;margin-top:0}
.informacniboxy .informacnibox .popis {font-size:16px;line-height:1.2}

.polozka.has-childs { position: relative; }
.polozka.has-childs:hover .submenu{display:flex;}

.minititul { font-size: 15px;border-bottom: 1px dotted; padding-bottom: 10px; }
.popisnytext { line-height: 1.2; }

/* hide when using the class approach */
.submenu.hidden { display:none !important; }
/* Parent link/button */
.nav-link {display:inline-flex; align-items:center; gap:5px;background:none; border:0; padding:0; font:inherit; color:inherit; cursor:pointer;text-transform:uppercase}

/* Caret animation */
.caret { transition: transform .2s ease; }
.polozka[aria-open="true"] .caret { transform: rotate(90deg); }

/* Submenu: FLEX GRID on desktop */
.submenu {position: absolute; left: -25px; top: 28.5px; display: flex ; flex-wrap: wrap; gap: 20px; min-width: 280px; max-width: 640px; padding: 25px; border-radius: 0; background: #b4fe9a; z-index: 1000;box-shadow: 0px 30px 29px 0px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 30px 29px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 30px 29px 0px rgba(0, 0, 0, 0.25)}


.submenu a:hover { text-decoration:underline!important; }


@media (hover:hover) and (pointer:fine) {
  .polozka.has-childs:hover .submenu { display:grid }
  .polozka.has-childs:hover .submenu[hidden] { display:flex; } 
}


.boxyvelke .fullcover { position: relative; height: 100%; }
.boxyvelke .fullcover img, .boxyvelke .fullcover video { position: absolute; width:100%;height: 100%;object-fit:cover }
.boxyvelke .texthold {    align-self: center;padding: 50px }
.boxyvelke.inverse .fullcover {order:1;}
.boxyvelke.inverse .texthold {order:2;}




.day1-cond {background:var(--day1-bg);color:var(--day1-text);padding:var(--global-padding-1);}
.day1-cond.inverted {background:white;color:var(--forest);}
.day1-grid {width:100%;background:var(--day1-panel);display:grid;grid-auto-rows:auto;row-gap:0;border-top:1px solid var(--day1-line-strong);}
.inverted .day1-grid {background:var(--snow);}
.day1-grid__head {display:grid;grid-template-columns:minmax(220px,38%) 1fr;gap:0;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0));border-bottom:1px solid var(--day1-line-strong);position:sticky;top:0;z-index:1;}
.inverted .day1-grid__head {background:var(--lime);}
.day1-grid__th {padding:16px 18px;color:var(--day1-text);font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
.inverted .day1-grid__th {color:var(--forest);}
.day1-grid__row {display:grid;grid-template-columns:minmax(220px,38%) 1fr;gap:0;border-bottom:1px solid var(--day1-line);}
.day1-grid__row:nth-child(even) .day1-grid__cell {background:rgba(255,255,255,.02);}
.day1-grid__row:hover .day1-grid__cell {background:rgba(255,255,255,.035);}
.day1-grid__cell {padding:16px 18px;color:var(--day1-text);line-height:1.2;}
.day1-grid__cell--area {color:#fff;font-weight:700;letter-spacing:.01em;border-left:3px solid var(--lime);}
.inverted .day1-grid__cell--area {color:var(--forest);}
.day1-grid__cell--benefit {color:var(--day1-dim);}
.inverted .day1-grid__cell--benefit {color:var(--forest);}

.day1-cond .label {display:inline-block;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;margin-right:6px;}
.day1-cond .label.vhodne {color:#1a1;color:var(--green,#27ae60);}
.day1-cond .label.opatrne {color:#e67e00;}
.day1-cond .label.nevhodne {color:#c0392b;}

.day1-grid--3col {display:grid;grid-auto-rows:auto;row-gap:0;background:var(--day1-panel);border-top:1px solid var(--day1-line-strong);}
.inverted .day1-grid--3col {background:var(--snow);}
.day1-grid--3col .day1-grid__head {display:grid;grid-template-columns:28% 38% 1fr;gap:0;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0));border-bottom:1px solid var(--day1-line-strong);position:sticky;top:0;z-index:1;}
.inverted .day1-grid--3col .day1-grid__head {background:var(--lime);}
.day1-grid--3col .day1-grid__th {padding:16px 18px;color:var(--day1-text);font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-right:1px solid var(--day1-line);}
.inverted .day1-grid--3col .day1-grid__th {color:var(--forest);}

.day1-grid--3col .day1-grid__row {display:grid;grid-template-columns:28% 38% 1fr;gap:0;border-bottom:1px solid var(--day1-line);}
.day1-grid--3col .day1-grid__cell {padding:16px 18px;line-height:1.5;color:var(--day1-text);}
.day1-grid--3col .day1-grid__cell--area {color:#fff;font-weight:700;letter-spacing:.01em;border-left:3px solid var(--lime);}
.inverted .day1-grid--3col .day1-grid__cell--area {color:var(--forest);}
.day1-grid--3col .day1-grid__cell--how {color:var(--day1-text);}
.inverted .day1-grid--3col .day1-grid__cell--how {color:var(--forest);}
.day1-grid--3col .day1-grid__cell--benefit {color:var(--day1-dim);}
.inverted .day1-grid--3col .day1-grid__cell--benefit {color:var(--forest);}
.day1-grid--3col .day1-grid__row:nth-child(even) .day1-grid__cell {background:rgba(255,255,255,.02);}
.inverted .day1-grid--3col .day1-grid__row:nth-child(even) .day1-grid__cell {background:rgb(216 216 216 / 41%);}
.day1-grid--3col .day1-grid__row:hover .day1-grid__cell {background:rgba(255,255,255,.035);}




.circle-container {--ring: clamp(80px, 12vh, 160px);position: relative;width: calc(70vh + var(--ring) * 2);height: calc(70vh + var(--ring) * 2);margin: 0 auto;}
.circle-center {margin: 0 auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index:2}
.circle-center img {height: 70vh;width: auto;max-height: 70vh;object-fit: contain;display: block;padding: 60px}
.circle-item {background: white; padding: 20px 5px ;position: absolute;width: 180px;text-align: center;transform: translate(-50%, -50%);transition: all 0.3s ease;}
.circle-title {font-size: 22px;margin-bottom: 6px;font-weight: bold;}
.circle-item div[text-edit="true"] {font-size: 12px;color: #333;line-height: 1.4;}
.circle-item.editing {outline: 2px solid #1a3b7a;border-radius: 6px;padding: 4px;background: #fff;}
.circle-ring {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);border: 1px solid rgba(0,0,0,0.1);border-radius: 50%;width: 78%;height: 78%;pointer-events: none;}
.circle-container .daysvg { z-index: 1; mix-blend-mode: darken;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; z-index: 1;opacity:.3; }
.grayscale {filter: grayscale(1);}


.floatingbtn { position: fixed; z-index: 9; right: 20px; bottom: 20px;z-index:99;  }
.floatingbtn .holder { transition: .4s all; display: flex ; background: white; padding: 10px; color: var(--forest); align-items: center; gap: 10px; font-weight: 600; 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); width: 80px; height: 80px; border-radius: 50%; }
.floatingbtn .holder .textovka { text-transform: uppercase; letter-spacing: .4px; }
.floatingbtn .holder .ikona svg { width:30px;height:30px;}
.floatingbtn .holder:hover {background:var(--forest);color:white;cursor:pointer}
.floatingbtn .holder:hover .ikona svg {filter:grayscale(1) invert(1)}


.floatingform { display: none; position: fixed; bottom: 80px; right: 20px; background-color: white; padding: 20px; box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1); border-radius: 0px; 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: 0px; appearance: none; border-style: solid; border: 1px solid #d3d3d3; }
.floatingform textarea { height: 80px; }
.floatingform label { font-weight: 600; margin-bottom: 0; margin-left: 0; }
.floatingform .gdpr { display: flex; align-items: center; }
.floatingform .gdpr input { margin-right: 10px; }
.floatingform button {width: 100%; border: 0;font-size:16px;border:1px solid  var(--lime); }



 .d1-wrap{max-width:1100px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;}
.d1-title{font-size:28px;font-weight:800;margin-bottom:16px;color:var(--forest);}
.d1-grid{display:grid;grid-template-columns:1fr;gap:16px;}
.d1-card{position:relative;background:var(--snow);padding:39px;display:grid;grid-auto-rows:min-content;row-gap:16px;overflow:hidden;}
.d1-ribbon{position:absolute;top:14px;right:-38px;transform:rotate(35deg);background:#e53935;color:#ffffff;padding:6px 36px;border-radius:6px;font-weight:900;letter-spacing:0.5px;box-shadow:0px 6px 24px rgba(0,0,0,0.12);}
.d1-sold .d1-price{opacity:0.7;}
.d1-eyebrow{font-size:14px;color:rgba(0,0,0,0.55);display:flex;align-items:center;gap:8px;text-transform:uppercase;}
.d1-eyebrow::before{content:"";width:8px;height:8px;border-radius:999px;background:var(--lime);}
.d1-eyebrow.red::before{background:red;}
.d1-name{font-size:32px;font-weight:800;color:var(--forest);margin-top:15px;margin-bottom:0px;}
.d1-meta{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:12px;}
.d1-date{font-weight:700;color:var(--forest);}
.d1-price{font-size:24px;font-weight:900;color:var(--forest);white-space:nowrap;}
.d1-sub{font-weight:700;border:1px dashed rgba(0,0,0,0.12);padding:10px 12px;border-radius:12px;background:#ffffff;}
.d1-list{display:grid;row-gap:18px;}
.d1-row{display:grid;grid-template-columns:16px 1fr;align-items:flex-start;column-gap:10px;}
.d1-bullet{width:12px;height:12px;background:var(--lime);border-radius:2px;margin-top:4px;}
.d1-text{line-height:1.35;color:var(--forest);}
.d1-sep{height:1px;background:rgba(0,0,0,0.08);margin-top:4px;margin-bottom:0px;}
.d1-dot{width:10px;height:10px;border-radius:999px;background:var(--forest);margin-top:6px;}
.d1-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;}
.d1-badge{border:1px solid rgba(0,0,0,0.10);padding:4px 10px;border-radius:999px;font-size:14px;background:#ffffff;}
.d1-cta{margin-top:4px;display:flex;gap:10px;}
.d1-btn{cursor:pointer;user-select:none;display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:14px;font-weight:800;border:2px solid var(--forest);color:var(--forest);background:var(--snow);transition:transform 120ms ease,box-shadow 120ms ease,background 120ms ease,color 120ms ease;}
.d1-btn:hover{transform:translateY(-1px);box-shadow:0px 8px 20px rgba(0,0,0,0.10);background:var(--forest);color:var(--snow);}
.d1-btn-disabled{opacity:0.55;pointer-events:none;border-color:rgba(0,0,0,0.15);}
.d1-faq{max-width:900px;margin-left:auto;margin-right:auto;padding:20px;}
.d1-faq-title{font-size:28px;font-weight:800;color:var(--forest);margin-bottom:20px;}
.d1-faq-grid{display:grid;gap:14px;}
.d1-faq-item{background:var(--snow);overflow:hidden;}
.d1-faq-q{display:grid;grid-template-columns:1fr 24px;align-items:center;cursor:pointer;padding:16px 20px;font-weight:700;font-size:18px;color:var(--forest);transition:background 0.2s ease;}
.d1-faq-icon{width:20px;height:20px;position:relative;}
.d1-faq-icon::before,.d1-faq-icon::after{content:"";position:absolute;top:9px;left:3px;width:14px;height:2px;background:var(--forest);transition:transform .2s ease;}
.d1-faq-icon::after{transform:rotate(90deg);}
.d1-faq-item.open .d1-faq-icon::after{transform:rotate(0deg);}
.d1-faq-a{display:grid;grid-template-columns:28px 1fr;align-items:flex-start;gap:10px;padding:0 20px 16px 20px;font-size:16px;color:#111111;line-height:1.45;display:none;}
.d1-faq-item.open .d1-faq-a{display:grid;}


.pidititle { font-size: 16px; margin-top: 25px; color: var(--forest); margin-bottom: 5px; }
.piditext { font-size: 12px; color: var(--forest); line-height: 1.5}


.services-grid { display: grid; gap: 5px;margin-bottom:30px; }
.service-item {margin-bottom: 0; display: flex; align-items: center; gap: 10px; background: #fff; border: 1px solid #e1e1e1; border-radius: 0px; padding: 10px 12px; cursor: pointer; transition: 0.15s ease; } 
.service-item:hover { border-color: #000; } 
.service-item input[type="checkbox"] { width: 18px; height: 18px; accent-color: black; } 
.service-text { flex: 1; display: flex; flex-direction: column; line-height: 1.2; } 
.service-name { font-weight: 500; font-size: 14px; } 
.service-price { font-size: 13px; color: #777; }
.form-toast { position: fixed; left: 0; right: 0; bottom: -80px; text-align: center; padding: 14px 16px; font-size: 15px; z-index: 9999; transition: bottom 0.25s ease, background-color 0.25s ease, color 0.25s ease;text-transform:uppercase;font-weight:700; } 
.form-toast.show { bottom: 0; }
.form-toast.add { background: var(--lime); color: var(--forest); } 
.form-toast.remove { background: var(--forest); color: var(--lime); }

.services-toggle { display: none; background: none; border: 0; color: var(--forest); font-weight: 500; padding: 4px 0 10px; text-decoration: underline; }

.canvas-wrapper { position: fixed; z-index: 99; width: 100vw; height: 100vh; background-color: unset; top: 0; pointer-events: none; }
#fluid { width: 100%; height: 100%; position: absolute; } 
/*END Day1 CSS */


/*END MAIN CSS */


/*START responsive CSS */


@media only screen and (max-width: 1690px) {


}

@media only screen and (max-width: 1580px) {

    .pc .polozka {font-size:13px;}
    .pc .menu {gap:20px}
}



@media only screen and (max-width: 1500px) {

}

@media only screen and (max-width: 1450px) {


}
@media only screen and (max-width: 1300px) {

}

@media only screen and (min-width: 1343px) {
    .wfitpc {width:fit-content;}
    .boxyvelke {min-height: 90vh;}
}

@media only screen and (max-width: 1343px) {
    .pt-odraz-vrchmobil {padding-top:110px!important;}
    .nenamob {gap:0}
    .videosekce .h1styl {font-size:24px;}
    .videosekce .textovacastdva  {font-size:15px;}
    .mensivideomobil {max-height:60vh;}
    .odrazmobiltop {padding-top:80px;}
    .boxyvelke {grid-template-columns: 1fr}
    .boxyvelke .fullcover {order:1;min-height: 450px;}
    .boxyvelke .texthold {order:1;padding:var(--global-padding-1)}
    .boxyvelke.inverse .fullcover { order: 2; }
    .grid-2.driv {grid-template-columns: 1fr}
    .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));}
    .dropdown-button {font-size: 16px; font-weight: 300; line-height: 22px;}
	html, content, body, footer  {overflow-x: hidden}
    .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 .speslradek { grid-template-columns: auto 1fr;  }
    header .containercely .speslradek {  justify-content: space-between; }
    .druhacastmenu { display: flex ; justify-self: flex-end;z-index: 3;position: relative; }
    .pc .cta {display: flex}
    .mt-50 {margin-top: 25px!important}
    .modal__content .grid-2 {grid-template-columns:1fr}
    .modal__title {font-size:26px;}
    .modal__subtitle {font-size:18px;}
    .modal__text {font-size:14px;line-height:1.2;margin-bottom:20px!important}
    .modal .grid-content { padding: 30px 30px;max-height:60vh;overflow-y: scroll }
    .modal__dialog {width:100%;max-height: 100vh;height:100%;top: 0}
    li {margin-bottom:6px;font-size:14px;letter-spacing:.2px;}
    ul, ol {margin:20px 0;line-height:1.2;}
    .pc .menu.active {gap: 0;display: grid ; background: var(--lime); z-index: 2; width: calc(100% - 40px); padding: 20px 30px 20px; left: 20px; align-content: flex-start; text-align: right; justify-content: flex-end; top: 88px; height: fit-content;grid-template-columns: 1fr;}
    .pc .menu.active .polozka {  padding:6px 0;width: 100%; border-top: 1px solid black;  justify-content: flex-end;font-size: 16px}
    a.prihlaska { padding: 7px 10px 6px; border: 1px solid var(--forest); display:none!important}
    .grid-4.alt {grid-template-columns: repeat(1, minmax(250px, 1fr)); gap:40px}
    footer .logopata {margin-bottom:50px} 
    :root {
      --global-padding-1: 15px 15px;
    }
    .polovina {width: 100%}
    .w-600 {width: 100%!important}
    h1, .h1styl { font-size: 37px; }
    h2 { font-size: 27px;  }
    h3 { font-size: 20px;  }
    h4 { font-size: 17px;  }
    .swiper.karty .swiper-slide .holder h3 { font-size: 20px;  }
    .swiper.features .swiper-slide .textovacast .titlesesipkou h3 {font-size: 17px;  }
    .textpodtitul { font-size: 15px; line-height: 1.2; }
    .swiper.karty .swiper-slide .holder .perex { font-size: 15px; line-height: 1.1; }
    .videosekce .textovacast .perex {font-size: 15px;line-height: 1.2;}
    .videosekce .textovacast {padding:30px 15px ;}
    .videosekce .dovetek.velky  { font-size: 25px;  }
    .swiper.karty .swiper-slide .holder .textovacast {padding:30px 15px ;}
    .swiper.karty .swiper-slide .holder {min-height:500px;}
    .swiper.cenik .swiper-slide .holder {padding: 30px 20px}
    .swiper.cenik .swiper-slide .textovacast .cena {margin-top: 12px}
    .swiper.cenik .swiper-slide .textovacast .itemcenik {font-size: 13px;margin-top: 5px}
    .swiper.cenik .swiper-slide .textovacast .zaco { margin-bottom: 25px; }
    .videosekce.half:nth-child(1) {height:70vh;max-height:70dvh}
    .videosekce.half:nth-child(2) {height:70vh;max-height:70dvh}
    .cudl {  font-size: 18px; }
    .swiper.karty .swiper-slide .video-launch.video-play-button { scale:.7; right: 5px; top: -55px; }
    .gap-80 {gap:40px}
    .containercely.pc .menu { flex-direction:column; align-items:stretch; gap:0; } 
    .menu .polozka { width:100%; } 
    .submenu { position:static;  display:none;  padding:.5rem 0 0 0; box-shadow:none; background:transparent; gap:.05rem .5rem;text-align:right;font-size:14px;justify-content:flex-end; } 
    .submenu a { background:transparent; padding:2px 0 5px;width: 100%; justify-content: flex-end; } 
    .submenu.is-open {        grid-template-columns: 1fr; display:grid; justify-content:flex-end;justify-items:flex-end }
    .polozka.has-childs { display: grid ; text-align: right; justify-items: flex-end; }
    .circle-container.split { --ring: 0; display: grid ; align-items: flex-start; gap: 16px; width: 100%; height: auto; margin: 0 auto; padding: 12px; overflow: visible; box-sizing: border-box; } 
    .circle-ring {display: none !important;} 
    .circle-center { order: 1 !important; position: static !important; top: auto !important; left: auto !important; transform: none !important; flex: 100%; max-width: 450px; } 
    .circle-center img {width: 100% !important;height: auto !important;max-height: none !important;padding: 0 !important;display: block;} 
    .circle-items { order: 2 !important; max-width: 100%; display: flex !important ; flex-direction: column !important; gap: 6px !important; } 
    .circle-items .circle-item { position: relative !important; left: auto !important; top: auto !important; transform: none !important; width: 100% !important; text-align: left !important; background: var(--lime); padding: 10px 10px !important; margin: 0 !important; border-radius: 0 !important; box-shadow: none !important; } 
    .circle-items .circle-title {font-size: 14px !important;margin: 0 0 4px !important;font-weight: 700 !important;} 
    .circle-items .circle-item div[text-edit="true"] {font-size: 10px !important;line-height: 1.5 !important;}
    .circle-container .daysvg { top: 25%;        left: 50%; }
    .d1-card {padding:25px 15px;}
    .piditext {font-size:10px;}
    .d1-name {font-size:24px;}
    .d1-meta {  grid-template-columns: 1fr;  }
    .d1-cta .cudl {width:100%;}
    .d1-sub { font-size: 14px;text-align: center }
    .d1-list {  row-gap: 8px; }
}

@media only screen and (max-height: 1100px) {

}


@media (min-width:980px){
    .d1-grid{grid-template-columns:1fr 1fr;}
    
}

@media only screen and (max-width: 980px) {
 

}


@media only screen and (max-width: 820px) {

}

@media (min-width: 768px) {
    .services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cudl-unroll { display: none; } 
  
}

@media (max-width:767px) {
    ul, ol {margin:10px 0}
    .textpodtitul li {font-size: 15px;}
   .mt-30 {margin-top:10px!important;}
    .services-grid { display: none; } 
    .services-grid.visible { display: block; } 
    .cudl-unroll { display: flex; align-items: center; justify-content: center; width: 100%; cursor: pointer; margin-bottom: 30px; margin-top: 0 !important; }
  
    .day1-grid__head {display:none;}
    .day1-grid__row {grid-template-columns:1fr;}
    .day1-grid__cell {padding:0;border:none;background:transparent;}
    .day1-grid__cell--area {padding: 28px 16px 0px 16px; border-left: 3px solid var(--lime); position: relative; font-size: 22px;}
    .day1-grid__cell--area:before {content:"OBLAST";position:absolute;left:16px;top:12px;color:var(--day1-dim);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:10px;line-height:1;}
    .day1-grid__cell--area.program:before {content:"";}
    .inverted .day1-grid__cell--area:before {color:#717375;}
    .day1-grid__cell--benefit {padding:2px 16px 16px 16px;color:var(--day1-dim);border-bottom:1px solid var(--day1-line);border-left:3px solid var(--lime);}
    .day1-grid--3col .day1-grid__head {display:none;}
    .day1-grid--3col .day1-grid__row {display:block;border-top:1px solid var(--day1-line-strong);margin-bottom:14px;}
    .day1-grid--3col .day1-grid__cell {display:block;padding:0;border:none;background:transparent;}
    .day1-grid--3col .day1-grid__cell--area {padding:28px 16px 6px 16px;border-left:3px solid var(--lime);position:relative;font-weight:800;font-size:16px;}
    .day1-grid--3col .day1-grid__cell--area:before {content:"OBLAST";position:absolute;left:16px;top:12px;color:var(--day1-dim);font-weight:700;font-size:10px;letter-spacing:.1em;text-transform:uppercase;}
    .day1-grid--3col .day1-grid__cell--how {padding:8px 16px;color:var(--day1-text);}
    .day1-grid--3col .day1-grid__cell--how:before {content:"JAK TRÉNOVAT";display:block;color:var(--day1-dim);font-weight:700;font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;}
    .day1-grid--3col .day1-grid__cell--benefit {border-left:3px solid var(--lime);padding:8px 16px 16px 16px;color:var(--day1-dim);border-bottom:1px solid var(--day1-line);font-weight:800}
    .day1-grid--3col .day1-grid__cell--benefit:before {content:"VÝHODY";display:block;color:var(--day1-dim);font-weight:700;font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;}
    .inverted .day1-grid--3col .day1-grid__cell--how {padding:28px 16px 6px 16px;border-left:3px solid var(--lime);position:relative;font-weight:800;font-size:16px;}
    .inverted .day1-grid--3col .day1-grid__cell--area:before, .inverted .day1-grid--3col .day1-grid__cell--how:before, .inverted .day1-grid--3col .day1-grid__cell--benefit:before {color: #717375;}
    .regen.day1-grid--3col .day1-grid__cell--area:before {content:"METODA";}
    .regen.day1-grid--3col .day1-grid__cell--how:before {content:"POPIS";position:absolute;left:16px;top:12px;color:var(--day1-dim);font-weight:700;font-size:10px;letter-spacing:.1em;text-transform:uppercase;}
    .regen.day1-grid--3col .day1-grid__cell--benefit:before {content:"VHODNOST PRO 12 LETÉ";}
    .inverted .regen.day1-grid--3col .day1-grid__cell--area:before,
    .inverted .regen.day1-grid--3col .day1-grid__cell--how:before {color:#717375;}
    .day1-cond .label {padding-left:0;}
}

@media only screen and (max-width: 650px) {
    .circle-container .daysvg { z-index: 1; mix-blend-mode: darken; position: absolute;  top: 12%;        left: 52%; transform: translate(-50%, -50%); width: 100%; z-index: 1; opacity:.6}
    .floatingbtn { right: 0px; bottom: 20px; scale: .85; }
    .cudl {  padding: 12px; font-size: 18px; font-weight: 600; margin-top: 30px;  }
    .swiper.cenik .swiper-slide .holder .label {font-size:13px;}
    .swiper.cenik .swiper-slide .textovacast .cislo {font-size:21px;}

    .swiper.cenik .swiper-slide .textovacast .zaco {font-size:13px;line-height: 1.1; margin-top: 2px;}
    .swiper.cenik .swiper-slide .textovacast .mena {font-size:21px;top: 0px; left: 5px;}
    .karty-nav{display:none;}
    .gap-80 {gap:0px}
    .mb-40 {margin-bottom:15px!important;}
    .grid-2 {grid-template-columns: repeat(1, minmax(350px, 1fr));}
	.grid-3 {grid-template-columns: repeat(1, minmax(350px, 1fr));}
    .grid-4 {grid-template-columns: repeat(1, minmax(350px, 1fr));}
    .grid-5 {grid-template-columns: repeat(1, minmax(350px, 1fr));}
    .grid-6 {grid-template-columns: repeat(1, minmax(350px, 1fr));}
    .grid-7 {grid-template-columns: repeat(1, minmax(350px, 1fr));}
    .grid-8 {grid-template-columns: repeat(1, minmax(350px, 1fr));}
    .grid-9 {grid-template-columns: repeat(1, minmax(350px, 1fr));}
    .swiper.karty .swiper-slide { width: 70%; } 
    .swiper.features .swiper-slide { width: 70%; } 
    .swiper.cenik .swiper-slide { width: 70%; } 
    .formular .gap-20 {gap: 5px;}
    .modal .grid-image { height: 220px; position: relative; }
}


/**
 * 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}	
