/*================================================================
/*
/* Handcrafted with love by all the good people of STUDIO SYNAPSE
/*
/*	    www.studiosynapse.cz | justwow@studiosynapse.cz
/*
/*================================================================

/* ============================================== */
/* -----  00. VARIABLES  ------------------------------ */
/* ---------------------------------------------- */
:root {
	--font-primary:'Montserrat', "Gill Sans MT", "Gill Sans", Arial, Helvetica, sans-serif;
	--logo-gm-primary:url(../images/gm-cesko-logo-01.svg);
	--logo-gm-white:url(../images/gm-cesko-logo-white-01.svg);
	--color-gm-green:#bbb000;
	--color-gm-white:#fff;
	--color-gm-white-transparent:rgba(255,255,255,0.8);
	--color-gm-black:#000;
	--color-gm-almost-black:#020202;
	--color-gm-not-black:#1b1c20;
	--color-gm-black-lite:#575757;
	--color-gm-not-white:#f9f8f8;
	--color-gm-creme-lite:#edece6;
	--lineheight-default:1.25;
	--lineheight-text:1.667;
	--lineheight-text-spacious:1.8;
	--lineheight-text-condensed:1.167;
	--lineheight-title:1.375;
	--fontsize-default:1.125rem;
	--fontsize-mini:1.075rem;
	--fontsize-mini-bigger:1.25rem;
	--fontsize-title:1.875rem;
	--fontsize-title-mini:1.5rem;
	--fontsize-title-big:2.875rem;
	--fontsize-title-ultra:4.5rem;
	--fontsize-button:.875rem;
	--letterspacing-loose:.2em;
	--letterspacing-button:.1em;
	--transition-all-normal:all 0.5s ease-out;
	--transition-all-quick:all 0.1s ease-out;
	--textshadow-basic:0px 8px 32px rgba(0,0,0,0.24);
	--shadow-basic:0px 15px 32px 0px rgba(0,0,0,0.075);
	--shadow-harder:0px 15px 32px 0px rgba(0,0,0,0.15);
	--productshadow-lighter:0px 20px 20px rgba(0,0,0,0.2);
	--productshadow-basic:0px 15px 32px rgba(0,0,0,0.24);
	--productshadow-harder:0px 15px 32px rgba(0,0,0,0.5);
	--easing-1:cubic-bezier(.62,2.08,.29,.74);
	--easing-3:cubic-bezier(.03,.98,.52,.99);
    --easing-2:ease;
    --easing-4:ease-in;
    --easing-5:ease-out;
	--menu-height:68px;
	--footer-height:100dvh;
	--radius-logo:0 14px 14px 14px;
}

/* ============================================== */
/* -----  00. COMMON SETTINGS  ------------------------------ */
/* ---------------------------------------------- */
* { margin:0; padding:0; border:none; box-sizing:border-box;}
html { min-height:100%; font-size:100%; overflow-x:hidden; background:var(--color-gm-not-white); scroll-behavior:smooth; /* cursor:none; */}
body { min-height:100%; color:var(--color-gm-black-lite); font-kerning:none; background:var(--color-gm-not-white); margin-bottom:var(--footer-height); padding-bottom:4vh;}

/* -----  Fun Stuff  ------------------------------ */
*:focus { outline:0; background:none;}
::selection { background:var(--color-gm-almost-black); color:var(--color-gm-white);}
::-moz-selection { background:var(--color-gm-almost-black); color:var(--color-gm-white);}
::-webkit-selection { background:var(--color-gm-almost-black); color:var(--color-gm-white);}
textarea { resize:none;}
input[type=button], input[type=submit] { -webkit-appearance:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; cursor:pointer;}
button, a { cursor:pointer; -webkit-tap-highlight-color:transparent;}
a.crypted:after { content:attr(data-name) "@" attr(data-domain) "." attr(data-tld);}

/* -----  Common Basics  ------------------------------ */
body, table, form, input, select, textarea, label, button { font-size:1rem; line-height:var(--lineheight-default,1.25); font-family:var(--font-primary); text-rendering:optimizeLegibility;}
h1, h2, h3, h4, h5, h6 { font-weight:bold; color:var(--color-gm-black); text-align:center; text-transform:uppercase; line-height:var(--lineheight-title); letter-spacing:var(--letterspacing-loose); font-kerning:auto;}
p { text-align:center; line-height:var(--lineheight-text-spacious);}
strong { font-weight:bold;}
em { font-style:italic;}
img { display:block;}
ul li { list-style-type:none;}
a { text-decoration:none; color:var(--color-gm-black); -webkit-tap-highlight-color:transparent;}
a:hover { }
a:active { }


/* ============================================== */
/* -----  01. HEADER, MENU & ADDON STUFF ------------------------------ */
/* ---------------------------------------------- */

/* -----  logo  ------------------------------ */
#theLogo { display:flex; position:fixed; z-index:200; width:228px; height:112px; align-content:center; justify-content:center; box-shadow:var(--shadow-basic); background-color:var(--color-gm-white); border-radius:var(--radius-logo);}
#theLogo img { width:72%; height:auto; margin-top:-3%; margin-left:-2%;}

/* -----  Menu Top  ------------------------------ */
#theMenu { display:block; position:fixed; z-index:100; left:0; top:0; width:100%; height:var(--menu-height); box-shadow:var(--shadow-basic); background-color:var(--color-gm-white); overflow:hidden;
	transform: translate(0,calc(-1 * var(--menu-height))); opacity:0; transition:opacity 1.5s, transform 1s var(--easing-3);}
/* .isloaded:not(.home) #theMenu { transform: translate(0,0); opacity:1;} */
.isloaded #theMenu { transform: translate(0,0); opacity:1;}
.nottop #theMenu { transform: translate(0,0); opacity:1;}
#menu-hlavni-menu { display:flex; width:100%; height:var(--menu-height); justify-content:center; align-items:center; font-size:1rem; font-weight:500;}
#menu-hlavni-menu a { display:inline-block; padding:.5rem 0.25em; margin:0 .75em; background:linear-gradient(var(--color-gm-green),var(--color-gm-green)); background-position:0 92%; background-repeat:no-repeat; background-size:0 1px; transition:background-size .2s;}
#menu-hlavni-menu a:hover { background-size:100% 1px;}
#menu-hlavni-menu .current-menu-item a { font-size:1.05em; font-weight:bold; color:var(--color-gm-green);}

/* -----  Menu Footer  ------------------------------ */
#theFooterMenu { display:block; position:absolute; left:0; bottom:10vmin; width:100%; z-index:25;}
#menu-footer-menu { display:flex; width:100%; justify-content:center; align-items:center; font-size:1rem; font-weight:500; flex-wrap:wrap;}
#menu-footer-menu a { display:inline-block; color:var(--color-gm-creme-lite); padding:.5rem 0.25em; margin:0 1.25em; background:linear-gradient(var(--color-gm-green),var(--color-gm-green)); background-position:0 92%; background-repeat:no-repeat; background-size:0 1px; transition:background-size .2s;}
#menu-footer-menu a:hover { background-size:100% 1px;}
#menu-footer-menu #menu-item-55 a { font-style:italic; color:var(--color-gm-green);}
#menu-footer-menu #menu-item-211 a { font-style:italic; color:var(--color-gm-green);}

/* -----  Mobile Menu  ------------------------------ */
#theMobileLinks { display:none;}
#theMenuSwitch { display:none;}

/* -----  up down box  ------------------------------ */
#theUpDownBox { position:fixed; z-index:1100;}


/* ============================================== */
/* -----  02. LAYOUT & SLIDES  ------------------------------ */
/* ---------------------------------------------- */

/* -----  Titles  ------------------------------ */
.mega-title { display:block; position:fixed; z-index:0; bottom:0; left:0; width:100%; font-size:11.5vw; line-height:1; font-weight:500; text-transform:none; letter-spacing:normal; color:var(--color-gm-creme-lite); pointer-events:none; opacity:1; transition:none; mix-blend-mode:darken;}
.iscover .mega-title { z-index:20; font-size:11.5vw; color:var(--color-gm-white); opacity:0.125; mix-blend-mode:normal;}
.mega-title.page-title { transition:all 0.75s var(--easing-5);}
.iscover .mega-title.page-title { font-size:18vw; opacity:0.8; bottom:36vh; text-shadow:var(--textshadow-basic); transition:all 0.75s var(--easing-3);}
.iscover .mega-title.page-title.minimize { font-size:12vw; bottom:48vh;}

/* -----  Slides  ------------------------------ */
.slide { display:block; position:relative; z-index:1; width:auto; /* min-height:100vh; */ margin:0px auto; padding:0; scroll-snap-align:start;}
.slide.minimize { min-height:70vh;}
.slide.minimizemore { min-height:60vh;}
.slide.bringtofront { z-index:12;}
.slide-content { position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; z-index:10; width:auto; margin:0px auto; padding:0; min-height:100vh; /*min-height:100dvh;*/}
.slide.notfullheight .slide-content { min-height:auto;}
.slide.minimize .slide-content { min-height:70vh;}
.slide.minimizemore .slide-content { min-height:60vh;}
.cover .slide-content { width:95%; max-width:900px;}
/* -----  Buttons  ------------------------------ */
.slide-buttons { position:fixed; z-index:20; bottom:0; left:0; width:100%; text-align:center; opacity:0; transform:translate(0, 60vmin); transition:opacity 0.25s var(--easing-3), transform 0.5s var(--easing-3); pointer-events:none;}
/* -----  Fancy Image  ------------------------------ */
.fancyimg { display:flex; position:fixed; justify-content:center; align-items:center; z-index:1; left:0; top:0; width:100%; height:100vh; /*height:100dvh;*/
	opacity:0; transition:opacity .75s var(--easing-4), transform 3s ease;}
.fancyimg img { display:block; object-fit:cover; object-position:center; min-width:100%; min-height:100%;}
/* -----  Fancy Video  ------------------------------ */
.fancyvideo { display:flex; position:fixed; justify-content:center; align-items:center; z-index:1; left:0; top:0; width:100%; height:100vh; /*height:100dvh;*/
	opacity:0; transition:opacity .75s var(--easing-4);}
.fancyvideo video { display:block; object-fit:cover; object-position:center; min-width:100%; min-height:100%;}
/* -----  active  ------------------------------ */
.slide.active { z-index:11;}
.slide.active .slide-buttons { opacity:1; transform:translate(0,-10vmin);}
.slide.active .fancybcg { opacity:1;}
.slide.active .fancyimg { opacity:1;}
.slide.cover.active .fancyimg { transform:scale(1.15); transition:opacity .5s var(--easing-4), transform 15s ease;}
.slide.active .fancyvideo { opacity:1; transition:opacity .5s var(--easing-4);}
.activepart2 #part1, .activepart3 #part1, .activepart4 #part1, .activepart5 #part1 { pointer-events:none;}


/* ============================================== */
/* -----  03. CONTENT PARTS  ------------------------------ */
/* ---------------------------------------------- */

/* -----  Cover  ------------------------------ */
.cover .cover-title { font-size:var(--fontsize-title-big); color:var(--color-gm-white); text-shadow:var(--textshadow-basic);}

/* -----  Cover Products  ------------------------------ */
.coverproductsset {
	--item-rotate:rotate(-8deg);
	--item-position-left:0px;
	--item-position-top:0px;
	--item-translate-x:0px;
	--item-translate-y:0px;
}
.coverproductsset {	display:grid; height:90vh; width:90vw; grid-template-rows:1fr 1fr; grid-template-columns:1fr 1fr 1fr 1fr; gap:24px; align-items:center;	justify-items:center; margin-top:10vh;}
.coverproductsset img { position:relative; filter:drop-shadow(var(--productshadow-harder)); transform:var(--item-translate) var(--item-rotate); transition:transform .5s var(--easing-1);}
.coverproductsset img.product-size-1 { width:9vw;}
.coverproductsset img.product-size-2 { width:14vw;}
.coverproductsset img.product-size-3 { width:17vw;}
.coverproductsset img.product-size-4 { width:8.5vw;}
.coverproductsset img:nth-of-type(1) { --item-rotate:rotate(-12deg); --item-translate:translate(0px,0px);}
.coverproductsset img:nth-of-type(2) { --item-rotate:rotate(10deg); --item-translate:translate(0px,30px);}
.coverproductsset img:nth-of-type(3) { --item-rotate:rotate(4deg); --item-translate:translate(0px,10px);}
.coverproductsset img:nth-of-type(4) { --item-rotate:rotate(18deg); --item-translate:translate(0px,-20px);}
.coverproductsset img:nth-of-type(5) { grid-column:1; grid-row:2; --item-rotate:rotate(-5deg); --item-translate:translate(4vw,0px);}
.coverproductsset img:nth-of-type(6) { grid-column:2; grid-row:2; --item-rotate:rotate(4deg); --item-translate:translate(3vw,-40px);}
.coverproductsset img:nth-of-type(7) { grid-column:3; grid-row:2; --item-rotate:rotate(-6deg); --item-translate:translate(-2vw,-68px);}
.coverproductsset img:nth-of-type(8) { grid-column:4; grid-row:2; --item-rotate:rotate(8deg); --item-translate:translate(-4vw,-10px);}
.coverproductsset img:hover { --item-rotate:rotate(0deg);}
  
/* -----  Text basic  ------------------------------ */
.text-plain { position:relative; margin:8rem auto; line-height:var(--lineheight-text); font-size:var(--fontsize-default); width:95%; max-width:864px;}
.text-plain:has(.linklist.wide) { margin:0 auto 4rem;}
.text-plain.narrow { max-width:720px; padding:4rem 4rem;}
.oneandonly .text-plain { margin:0 auto 4rem;}
.text-plain p { margin:0.75em auto;}
.title-plain { margin:5rem auto; line-height:var(--lineheight-text); font-size:var(--fontsize-default); width:95%; max-width:864px;}
.slide.text h1 { margin:0.75em auto; font-size:var(--fontsize-title);}
.slide.text .title-plain h1 { margin:0.75em auto; font-size:var(--fontsize-title-ultra); letter-spacing:normal; text-transform:none; font-weight:normal;}
.slide.text h2 { margin:0.5em auto 0.75em; font-size:var(--fontsize-title-mini);}
.slide.text h2 strong { font-size:1.25em;}

/* -----  Content grid  ------------------------------ */
.content-grid {
	--box-width-basic:620px;
	--box-width-wide:960px;
	--box-width-mid:540px;
	--box-width-narrow:460px;
	--box-width-mini:33.3%;
	--box-padding-basic:6rem 5rem;
	--box-padding-wide:6rem 5rem;
	--box-padding-wide-tight:3rem 3rem;
	--box-padding-mid:6rem 5rem;
	--box-padding-narrow:7rem 4rem;
	--box-padding-narrow-tight:3rem 3rem;
	--box-padding-mini:5rem 3.75rem;
	--radius-image:3px;
	--radius-image-inside:3px 16px 16px 3px;
	--radius-image-inside-full:16px;
	--radius-box-with-image:3px 0 0 3px;
}
.content-grid { width:98%; max-width:1200px; margin:0 auto;}
.content-grid.wider { max-width:1400px;}
/* .content-grid::after { content:""; visibility:hidden; display:block; height:0; clear:both;} */

/* -----  Text box  ------------------------------ */
.text-box { /*display:flex; flex-direction:column; flex-wrap:wrap;*/ position:relative; z-index:1; font-size:var(--fontsize-mini); background:rgba(255,255,255,0.9); box-shadow:var(--shadow-basic); width:var(--box-width-basic); padding:var(--box-padding-basic); transition:all 0.5s ease-out;}
.text-box:hover { background:rgba(255,255,255,1);}
.text-box.supergreen { font-size:var(--fontsize-mini-bigger); background:var(--color-gm-green); color:var(--color-gm-white); box-shadow:var(--shadow-harder);}
.text-box.supergreen h1, .text-box.supergreen h2 { color:var(--color-gm-white);}
.text-box.speed-slow { transition:all 0.9s ease-out;}
.text-box.speed-medium { transition:all 0.75s ease-out;}
.text-box.speed-fast { transition:all 0.5s ease-out;}
.text-box.wide { width:var(--box-width-wide);}
.text-box.wide.tight { padding:var(--box-padding-wide-tight);}
.text-box.midnarrow { width:var(--box-width-mid);}
.text-box.narrow { width:var(--box-width-narrow); padding:var(--box-padding-narrow);}
.text-box.narrow.tight { padding:var(--box-padding-narrow-tight);}
.text-box.ultranarrow { width:var(--box-width-mini); padding:var(--box-padding-mini);}
.text-box.tight a.image { border:0 none !important;}
.text-box.tight a img { width:100%; border-radius:var(--radius-image-inside-full); box-shadow:var(--shadow-harder);}
.text-box.center { clear:both;}
.text-box.withimage { overflow:hidden; padding-left:calc(0.4 * var(--box-width-wide) + 5rem); border-radius:var(--radius-box-with-image);}
.text-box.withimage img { position:absolute; top:0px; left:0px; width:40%; height:100%; object-fit:cover; object-position:50% 50%; border-radius:var(--radius-image-inside);}
.text-box img.top-left { position:absolute; top:1.5rem; left:2rem; max-width:32%; height:auto;}
.text-box img.top-right { position:absolute; top:1.5rem; right:2rem; max-width:45%; height:auto;}
.slide.text .text-box h1 { margin-top:0;}
.slide.text .text-box h2 { margin-top:0;}
.slide.text strong { font-weight:bold; color:var(--color-gm-black);}
.slide.text a:not(.button) { color:var(--color-gm-almost-black); border-bottom:2px dotted var(--color-gm-almost-black);}
.slide.text a:not(.button):hover { border-bottom:2px solid var(--color-gm-green);}
.slide.text .supergreen a:not(.button) { color:var(--color-gm-white); border-bottom-color:var(--color-gm-white);}
.slide.text .supergreen a:not(.button):hover { border-bottom-color:var(--color-gm-white);}

/* -----  Text box Extended  ------------------------------ */
.text-box.format-left { text-align:left;}
.format-left h2 { margin:2em 0 1em !important;}
.format-left h3 { margin:2em 0 1.5em;}
.format-left p { text-align:left; margin:1em 0;}
.format-left ul { margin:1em 0; line-height:var(--lineheight-text-spacious);}
.format-left li { list-style-type:disc; margin:0.5em 0 0.5em 1.125em;}
.format-left blockquote { background:var(--color-gm-creme-lite); padding:1.5em 2em; margin:2em -2em; font-weight:500; border-radius:var(--radius-image);}
.format-left blockquote p { text-align:center;}

/* -----  Product box  ------------------------------ */
.products-box { display:block; clear:both; width:100%; background:var(--color-gm-white-transparent); padding:4.25rem 3rem 6rem;}
.slide.text .products-box h2 { font-size:var(--fontsize-mini-bigger); margin-bottom:1.5em;}
.products-box .products-grid { display:block; text-align:center;}
.products-grid a { border:none !important;}
.products-grid img { display:inline-block; height:184px; width:auto; vertical-align:middle; margin:1.75rem 2rem; filter:drop-shadow(var(--productshadow-lighter)); transform:scale(1); transition:transform .5s var(--easing-1);}
.products-grid.bigger-items img { height:288px; margin:2.25rem 2.75rem;}
.products-grid.biggest-items img { height:344px; margin:2.25rem 2.75rem;}
.products-grid a:hover img { transform:scale(1.1); transition:transform .35s var(--easing-1);}

/* -----  Lists  ------------------------------ */
.linklist { width:75%; margin-left:auto; margin-right:auto; font-weight:500;}
.linklist.wide { width:85%;}
.linklist a { display:block; position:relative; border-bottom:2px dotted var(--color-gm-black) !important; padding:0.75em 0 0.6em;}
.linklist a::after { content:"\e856"; display:inline-block; position:absolute; right:0.5em; font-size:0.875rem; margin-top:0.375em; color:var(--color-gm-green); font-family:'icons2'; transform:scale(1) rotate(0deg); transition:all 0.25s ease-out;}
.linklist a:hover { /*background-color:rgba(255,255,255,0.9);*/ color:var(--color-gm-green) !important; border-bottom:2px solid var(--color-gm-green) !important; padding:0.75em 0 0.6em;}
.linklist a:hover::after { color:var(--color-gm-black); transform:scale(1.1) rotate(360deg);}
.linklist a.up-right::after { transform:scale(1) rotate(-45deg);}
.linklist a.up-right:hover::after { transform:scale(1.1) rotate(315deg);}

/* -----  Buttons  ------------------------------ */
.box-buttons { --margin-button:4px 6px 12px;}
.box-buttons { position:relative; width:100%; text-align:center; padding-top:1.5rem; margin-bottom:-12px;}
.box-buttons > small { display:block; margin-top:1.5rem;}

/* -----  Img box  ------------------------------ */
.img-box { position:relative; box-shadow:var(--shadow-harder); object-fit:cover; object-position:50% 50%; transition:transform 0.35s ease-out; border-radius:var(--radius-image);}
.img-box.portrait { width:560px; aspect-ratio:2.25 / 3;}
.img-box.portrait.smaller { width:480px;}
.img-box.landscape { width:840px; aspect-ratio:3 / 1.875;}
.img-box.landscape.smaller { width:720px;}
/* -----  Img plain  ------------------------------ */
.img-plain { position:relative; max-width:14vw; filter:drop-shadow(var(--productshadow-basic)); transition:transform 0.35s ease-out;}
.img-plain.noshadow { filter:none;}
.img-plain.landscape { width:840px; max-width:none;}
.img-plain.landscape.smaller { width:560px;}

/* -----  Video box  ------------------------------ */
.video-box { position:relative; clear:both; aspect-ratio:16 / 9; overflow:hidden; box-shadow:var(--shadow-harder); transition:transform 0.35s ease-out; border-radius:var(--radius-image);}
.video-box .videoplayer { object-fit:cover; object-position:center; min-width:100%; height:100%;}

/* -----  Flower  ------------------------------ */
.flowerpower {
	--flower-leaf-width:336px;
	--flower-leaf-height:336px;
	--flower-leaf-padding:0rem 4rem 1rem;
	--flower-leaf-gradient:radial-gradient(ellipse farthest-corner at center center, rgba(254,253,239,1) 1%, rgba(223,218,135,1) 100%);
	--flower-leaf-border:10px solid rgba(187,176,0,0.85);
	--flower-leaf-radius:0 70% 4% 70%;
	--flower-leaf-shadow-radius:0 70% 20% 70%;
	--flower-leaf-shadow-gradient:radial-gradient(ellipse farthest-corner at center center, rgba(219,214,120,1) 1%, rgba(186,176,0,1) 100%);
	--flower-leaf-rotate-default:45deg;
	--flower-leaf-rotate-offset:0deg;
	--flower-leaf-rotate-shadow-offset:-20deg;
	--flower-leaf-offset-x:0px;
	--flower-leaf-offset-y:0px;
	--transition-delay:0s;
}
.presentation-plain { width:95%; max-width:864px; margin:0 auto; clear:both;}
.flowerpower { display:flex; flex-direction:column; align-items:center; padding:0 0 52rem 10rem;}
.leaf { position:absolute; width:var(--flower-leaf-width); height:var(--flower-leaf-height); opacity:0; transform:translate(var(--flower-leaf-offset-x), var(--flower-leaf-offset-y)); color:var(--color-gm-black); transition:opacity 1.5s var(--easing-1);}
.slide.active .leaf { opacity:1;}
.leaf-content { position:absolute; display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; height:100%; padding:var(--flower-leaf-padding); z-index:3; /* border:1px dashed red; */}
.leaf::before, .leaf::after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; z-index:0; border-radius:var(--flower-leaf-radius); box-sizing:border-box; transition:transform 1s var(--easing-1); transition-delay:var(--transition-delay);}
.leaf::before { transform:rotate(calc(var(--flower-leaf-rotate-default) + var(--flower-leaf-rotate-offset) + var(--flower-leaf-rotate-shadow-offset))); background-image:var(--flower-leaf-shadow-gradient); border-radius:var(--flower-leaf-shadow-radius); z-index:1;}
.leaf::after { transform:rotate(calc(var(--flower-leaf-rotate-default) + var(--flower-leaf-rotate-offset))); background-image:var(--flower-leaf-gradient); border:var(--flower-leaf-border); z-index:2;}
.slide.text .leaf h2 { font-size:var(--fontsize-title); line-height:var(--lineheight-default); letter-spacing:var(--letterspacing-button); color:#a69e13;}
.slide.text .leaf h3 { font-size:var(--fontsize-mini-bigger); line-height:var(--lineheight-default); letter-spacing:var(--letterspacing-button);}
.slide.text .leaf p { font-size:var(--fontsize-mini); line-height:var(--lineheight-default); margin-top:0.25em; font-weight:500;}
.leaf:nth-of-type(1) { --flower-leaf-gradient:radial-gradient(ellipse farthest-corner at center center, rgba(226,223,162,1) 1%, rgba(194,185,39,1) 100%);}
.slide.active .leaf:nth-of-type(1) { --flower-leaf-rotate-offset:15deg;}
.leaf:nth-of-type(2) { --flower-leaf-offset-x:-228px; --flower-leaf-offset-y:148px; --transition-delay:0.1s;}
.slide.active .leaf:nth-of-type(2) { --flower-leaf-rotate-offset:-30deg;}
.leaf:nth-of-type(3) { --flower-leaf-offset-x:118px; --flower-leaf-offset-y:244px; --transition-delay:0.25s;}
.slide.active .leaf:nth-of-type(3) { --flower-leaf-rotate-offset:60deg;}
.leaf:nth-of-type(4) { --flower-leaf-offset-x:-308px; --flower-leaf-offset-y:370px; --transition-delay:0.35s;}
.slide.active .leaf:nth-of-type(4) { --flower-leaf-rotate-offset:-60deg;}
.leaf:nth-of-type(5) { --flower-leaf-offset-x:88px; --flower-leaf-offset-y:460px; --transition-delay:0.45s;}
.slide.active .leaf:nth-of-type(5) { --flower-leaf-rotate-offset:90deg;}


/* -----  Positioning  ------------------------------ */
.left { float:left;}
.right { float:right;}
.center { margin:0 auto;}
.offset-x-plus-1 { left:4vw;}
.offset-x-plus-2 { left:8vw;}
.offset-x-minus-1 { left:-4vw;}
.offset-x-minus-2 { left:-8vw;}
.offset-y-plus-1 { top:2vh;}
.offset-y-plus-2 { top:4vh;}
.offset-y-plus-3 { top:8vh;}
.offset-y-minus-1 { top:-6vh;}
.offset-y-minus-2 { top:-10vh;}


/* ============================================== */
/* -----  05. DETAILS & ARTICLES  ------------------------------ */
/* ---------------------------------------------- */
.text-box.wide p { margin:0.5em 0;}
.text-box.wide ol { width:75%; margin:1em auto 0.5em; color:var(--color-gm-black); font-size:var(--fontsize-mini); line-height:var(--lineheight-text-spacious);}


/* ============================================== */
/* -----  06. BANNERS & COVERS ------------------------------ */
/* ---------------------------------------------- */

/* ============================================== */
/* -----  07. SPECIAL   ------------------------------ */
/* ---------------------------------------------- */

/* ============================================== */
/* -----  08. FORMS, BUTTONS, FILTERS & SEARCHES  ------------------------------ */
/* ---------------------------------------------- */
:root {
	--fontsize-button:.875rem;
	--letterspacing-button:.1em;
	--padding-button:1.3em 1.5em 1.2em 1.925em;
	--padding-button-bigger:1.6em 1.6em 1.5em 2.125em;
	--margin-button:8px 10px;
	--radius-button:10px;
	--radius-button-bigger:16px;
}

/* -----  Primary  ------------------------------ */
.button { display:inline-block; position:relative; font-size:var(--fontsize-button); line-height:var(--lineheight-default); text-transform:uppercase; letter-spacing:var(--letterspacing-button); font-kerning:auto; padding:var(--padding-button); margin:var(--margin-button);
	background:var(--color-gm-white); border-radius:var(--radius-button); transform:scale(1.001); cursor:pointer; transition:all 0.25s var(--easing-1); pointer-events:all;}
.button:hover { background-color:var(--color-gm-green); color:var(--color-gm-white); transform:scale(1.05);}
.button::after { content:"\e856"; display:inline-block; vertical-align:baseline; position:relative; margin-left:0.9em; font-size:0.875rem; color:var(--color-gm-green); font-family:'icons2'; transform:scale(1) rotate(0deg); transition:all 0.25s ease-out;}
.button:hover::after { color:var(--color-gm-white); transform:scale(1.1) rotate(360deg);}
/* -----  Primary  ------------------------------ */
.button.primary { background:var(--color-gm-green); color:var(--color-gm-white);}
.button.primary::after { color:var(--color-gm-white);}
.button.primary:hover { background-color:var(--color-gm-black); color:var(--color-gm-white); box-shadow:var(--shadow-basic);}
/* -----  Primary Light  ------------------------------ */
.button.primary.light { background:var(--color-gm-white); color:var(--color-gm-black); box-shadow:var(--shadow-basic); padding:var(--padding-button-bigger); border-radius:var(--radius-button-bigger);}
.button.primary.light::after { color:var(--color-gm-green);}
.button.primary.light:hover { background-color:var(--color-gm-green); color:var(--color-gm-white);}
.button.primary.light:hover::after { color:var(--color-gm-white);}
/* -----  Secondary  ------------------------------ */
.button.secondary { background:var(--color-gm-white); color:var(--color-gm-green); border:1px solid var(--color-gm-green); transform:scale(1);}
.button.secondary:hover { background-color:var(--color-gm-white); color:var(--color-gm-green); box-shadow:var(--shadow-basic); border-color:var(--color-gm-green); transform:scale(1.05);}
.button.secondary:hover::after { color:var(--color-gm-green);}
/* -----  arrows  ------------------------------ */
.button.down::after { transform:scale(1) rotate(90deg);}
.button.down:hover::after { transform:scale(1.1) rotate(450deg);}
.button.up-right::after { transform:scale(1) rotate(-45deg);}
.button.up-right:hover::after { transform:scale(1.1) rotate(315deg);}

/* -----  form common  ------------------------------ */
.form-message input { display:block; width:100%; font-size:var(--fontsize-mini); font-weight:500; color:var(--color-gm-black); border-bottom:2px solid var(--color-gm-green); padding:1em 0 0.5em 0.5em; margin-bottom:1em; background:none;}
.form-message textarea { display:block; width:100%; height:6rem; font-size:var(--fontsize-mini); font-weight:500; color:var(--color-gm-black); border-bottom:2px solid var(--color-gm-green); padding:1em 0 0.5em 0.5em; margin-bottom:1em; background:none;}
.form-message input:focus,
.form-message textarea:focus { border-color:var(--color-gm-black);}
.form-message label { display:block; position:absolute; margin-top:-3.125rem; margin-left:0.5em; font-size:var(--fontsize-mini); transition:all 0.15s ease-out; transform:translate(0px,0px);}
.form-message label.txtar { margin-top:-6rem;}
.form-message input.ready + label,
.form-message input:focus + label,
.form-message textarea.ready + label.txtar,
.form-message textarea:focus + label.txtar { transform:translate(2px,-1.125rem); margin-left:0; font-size:0.875em;}


/* ============================================== */
/* -----  09. FOOTER & STUFF  ------------------------------ */
/* ---------------------------------------------- */
.slide.outro { position:fixed; bottom:0; left:0; width:100%; z-index:-1;}
.slide.outro .slide-content { align-items:center; width:100%; min-height:100vh; min-height:var(--footer-height); background-color:var(--color-gm-almost-black);}
.slide.outro .logo { width:20vmax;}
.footer-title { display:none; position:absolute; z-index:12; bottom:0; left:0; width:100%; font-size:18vw; line-height:1; font-weight:500; text-transform:none; letter-spacing:normal; color:var(--color-gm-creme-lite); pointer-events:none; opacity:0.15; transition:none;}

/* -----  GDPR V2 Box  ------------------------------ */
#gdprBoxV2 { display:block; position:fixed; z-index:1250; bottom:0; right:64px; width:280px; color:var(--color-gm-white); background:var(--color-gm-almost-black); padding:24px 0 24px; 
	border-radius:16px 16px 0px 0px; box-shadow:var(--shadow-basic); transform:translate(0,400px); opacity:0; transition:all 0.35s ease-out;}
.show-gdpr-popup #gdprBoxV2 { transform:translate(0,0); opacity:1;}
#gdprBoxV2 img.eyecandy-image { display:block; position:absolute; top:0px; right:24px; width:84px; height:auto; margin-top:-24px; filter:drop-shadow(var(--productshadow-harder));}
.cookiepopup-content { display:block; padding:0 28px;}
.cookiepopup-content h1 { color:#fff; font-size:1.5em; line-height:var(--lineheight-default); margin:0.25em 0 0.45em;}
.cookiepopup-content p { font-size:0.85em; line-height:1.5em; margin:0.75em 0; color:rgba(255,255,255,0.9);}
.cookiepopup-content a { color:#fff; border-bottom:1px dotted rgba(255,255,255,0.9);}
.cookiepopup-content a:hover { color:#fff; border-bottom:1px solid rgba(255,255,255,1);}
.cookiepopup-buttons { display:block; padding:4px 18px 4px 10px; text-align:center;}
.cookiepopup-buttons .button.tiny { font-size:0.875em;}
.cookiepopup-buttons .button.tiny.link { color:#fff; background:none; border:none; padding:4px 0;}
.cookiepopup-buttons .button.tiny.link::after { display:none;}
.cookiepopup-buttons .button.tiny.link b { border-bottom:1px dotted rgba(255,255,255,0.9); font-weight:500;}
.cookiepopup-buttons .button.tiny.link:hover b { border-bottom:1px solid rgba(255,255,255,1);}
.gogo-popup #gdprBoxV2 { opacity:0;}

/* -----  GDPR V2 Settings  ------------------------------ */
#gdprSettings { display:block; position:fixed; z-index:1250; top:0px; right:0px; width:420px; height:100vh; background:var(--color-gm-white); padding:0; overflow-y:auto;
	border-radius:32px 0px 0px 0px; box-shadow:var(--shadow-basic);	transform:translate(430px,0px); opacity:0; transition:all 0.35s ease-out;}
.show-gdpr-panel #gdprSettings { transform:translate(0,0); opacity:1;}
#gdprSettings img.eyecandy-image { display:block; position:absolute; top:0px; right:56px; width:84px; height:auto; margin-top:22px; filter:drop-shadow(var(--productshadow-harder));}
#gdprSettings button.close { display:block; position:absolute; right:6px; top:10px; background:none; font-size:1em;}
#gdprSettings button.close b { display:none;}
#gdprSettings button.close:before { content:"\e809"; display:block; position:relative; font-size:1.5em; font-family:'icons2', Arial;}
#gdprSettings button.close:hover { color:var(--color-gm-green); }
.cookiesetting-content { display:block; padding:20px 36px 8px;}
.cookiesetting-content h1 { font-size:2em; line-height:var(--lineheight-default); margin:.75em 0 0.45em;}
.cookiesetting-content p { font-size:1em; line-height:1.5em; margin:0.75em 0;}
.cookiesetting-content a { border-bottom:1px dotted var(--color-gm-almost-black);}
.cookiesetting-content a:hover { border-bottom:1px solid var(--color-gm-black);}
.cookiesetting-choices { display:block; padding:8px 18px 2px; }
.cookiesetting-choices button { display:block; position:relative; text-align:left; width:100%; padding:16px 20px 16px; margin:0 auto 4px; font-size:1em; background:#fff; background:rgba(255,255,255,0.75);
	-moz-border-radius:16px; -webkit-border-radius:16px; border-radius:16px; transform:scale(1,1);}
.cookiesetting-choices button.active { background:rgba(255,255,255,1);}
.cookiesetting-choices button:disabled { color:var(--color-gm-black-lite); cursor:not-allowed; background:rgba(255,255,255,0.75)}
.cookiesetting-choices button:after { content:"\e85c"; display:block; position:absolute; top:0px; right:0px; margin:27px 20px 0 0; font-size:1.875em; font-family:'icons2', Arial;}
.cookiesetting-choices button.active:after { content:"\e85d"; color:var(--color-gm-green);}
.cookiesetting-choices button:disabled.active:after { content:"\e85d";}
.cookiesetting-choices button b { }
.cookiesetting-choices button b i { font-size:0.875em; color:var(--color-gm-black-lite);}
.cookiesetting-choices button small { display:block; font-size:0.9375em; margin:3px 56px 0 0;}
.cookiesetting-choices button.active i:before { content:"(povolené)";}
.cookiesetting-choices button:disabled.active i:before { content:"(nelze vypnout)";}
.cookiesetting-choices button.inactive i:before { content:"(zakázané)";}
.cookiesetting-choices button:hover { background:rgba(255,255,255,1); transform:scale(1.025,1.025); box-shadow:var(--shadow-basic); z-index:10;}
.cookiesetting-choices button:disabled:hover { background:rgba(255,255,255,0.75); transform:scale(1,1); box-shadow:none;}
.cookiesetting-buttons { display:block; padding:8px 6px 24px 1px; text-align:center;}
.cookiesetting-buttons button { }
.cookiesetting-buttons button.lite { }


/* ============================================== */
/* -----  10. EYECANDIES & ANIMATIONS  ------------------------------ */
/* ---------------------------------------------- */

/* ============================================== */
/* -----  12a. Special Add Ons   ------------------------------ */
/* ---------------------------------------------- */

/* -----  Specialni funkce  ------------------------------ */
.nosee { display:none !important;}