/* Barvy 
#191C19 - black N10 
#184220 - Green Surface/Darker Green P20
#C50000 - Error Red
#767873 - Grays/N50
#C0C9BE - Outline Var NV80
#414940 - Surface/On Surface Var NV30
#191C19 - Green
*/


/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;

}
html,body {
  margin:0;
  padding:0;
  font-family: 'InterTight';
  font-weight:400;
  font-size:16px;
  line-height:1.4em;
  background-color:white;
  color:#191C19;
  -webkit-text-size-adjust:100%;
  width:100vw;  
  height:100%;
}


html 		{ overflow-x:hidden;  }



h1, h2, h3, h4, h5, h6 { font-weight:400; }
a           { color:#191C19; text-decoration: none;}
a:focus		{ outline: none; -webkit-tap-highlight-color: transparent }

.clearboth  { clear: both; }
.floatleft  { float: left; }
.uppercase  { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }
.black		{ color:black }
img         { border: none; }
p           { clear:both; }
ul          { margin:0; }
b           { font-weight:700 }
strong      { font-weight:700 }
hr          { height:1px; border:0; background-color: black; }
.tisic      { margin-left: 0.3em;	}
.nonselectable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; 
				 -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
.nopadding  { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input,textarea,button { border:none; outline:none; resize:none; font-family: 'InterTight'; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
				-webkit-appearance: none; -webkit-border-radius:0px;  }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
   -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
.border4   { -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.border8   { -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;  }
.border10  { -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;  }
.border48  { -webkit-border-radius:48px; -moz-border-radius:48px; border-radius:48px;  }
.borderRounded { -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; }

.table-cell	{ display: table-cell; vertical-align: middle;  }

li 			{ list-style-position:outside;margin-left:40px   }

hr 			{ padding:0; margin:0; background-color:#404040; }

.textCenter		{  text-align:center; } 

main        { position: relative; display:block; width:100%; height:100%;}
nav         { position: relative; width:100%; padding-top:24px; z-index:100  } 
.container  { display:block; width:calc(100% - 80px); max-width:1920px; margin:auto; }
.container-inner{ display:block; width:calc(100% - 80px); margin:auto; }




.fontPerex	 		{ font-size:32px; line-height:1.25em; }

.font14	 		{ font-size:14px; line-height:1.40em; }
.font15			{ font-size:15px; line-height:1.05em;  }
.font18	 		{ font-size:18px; line-height:1.35em;  }
.font21	 		{ font-size:21px; line-height:1.35em; letter-spacing:-0.01em; }
.font24			{ font-size:25px; line-height:1.4em; }
.font32	 		{ font-size:32px; line-height:1.25em; letter-spacing:-0.01em; }
.font48	 		{ font-size:48px; line-height:1.15em; letter-spacing:-0.01em; }
.font64	 		{ font-size:64px; line-height:1em; letter-spacing:-0.01em; }


h1	 			{ letter-spacing:0.01em; text-transform:uppercase; }
h2	 			{ font-size:40px; line-height:1.25em; letter-spacing:-0.02em; }
h3	 			{ font-size:32px; line-height:1.25em; letter-spacing:0.009em; }



.fontRobotoMono { font-family: 'RobotoMono'; }


.fontFlexible90 		{ font-size:90px; line-height:1em; letter-spacing:0.01em; }
.fontFlexible96 		{ font-size:96px; line-height:0.74em; letter-spacing:0.01em; }
.fontFlexible180		{ font-size:180px; line-height:0.6em; font-variation-settings: "wdth" 200, "HGHT" 400;  }


.bg-green-light1  	{ background-color:#F1F8F3 }
.bg-grays-N90		{ background-color:#E1E1E0 }
.bg-grays-N95		{ background-color: #EFEFEF;}


.gray-n50	 	{ color:#767873 }
.gray-n30	 	{ color:#464744 }
.green	 		{ color:#003917 }
.dark-green	 	{ color:#191C19 }


.button {  display:inline-block; outline: none; -webkit-tap-highlight-color: transparent; font-size:21px; padding:13px 21px 13px 21px; 
		   letter-spacing:0.005em;  transition: background 0.2s ease;
		  -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; 
		  -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;
		  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
		  -webkit-border-radius:48px; -moz-border-radius:48px; border-radius:48px;  }
/* Button Green	  */
.button-green 		{ border:solid 3px #191C19; background-color:#191C19; color:#fff; }
.button-green:hover { border:solid 3px #003917; background-color:#003917;  }
/* Button Green Border	  */
.button-greenBorder 		{ background-color:transparent; border:solid 3px #191C19; color:#191C19; }
.button-greenBorder:hover 	{ background-color:#191C19; color:#fff  }
/* Button Gray	  */
.button-gray 		{ border:solid 3px #9FA196; background-color:#9FA196; color:#fff; }
.button-gray:hover 	{ border:solid 3px #5F6466; background-color:#5F6466;  }
/* Button Gray Light	  */
.button-white 		{ border:solid 3px #fff; background-color:transparent; color:#fff; }
.button-white:hover 	{ background-color:#fff; color:#191C19  }
/* Button Blur	  */
.button-blur 		{ background:rgba(255, 255, 255, 0.2); color:#fff; backdrop-filter: blur(40px);  }
.button-blur:hover 	{ background:rgba(255, 255, 255, 0.4)  }

.logo		{ position:relative; float:left; z-index:2000 } 
.logo img	{ float:left; width:82px } 

.menu 		{ position:relative; float:right; color:#121212; margin-right:10px; text-transform:uppercase; z-index:10000 }
.menu a 	{ color:#121212 }
.menu-item 	{ display:inline-block; margin-left:40px; cursor:pointer; outline: none; -webkit-tap-highlight-color: transparent }
.menu-item img 	{ position:relative; display:inline-block; top:-2px; margin-left:8px; }
.menu-item.active img 	{ transform:rotate(180deg); }

.menu-close { display:none; position:absolute; top:24px; right:18px; z-index:10; cursor:pointer; outline: none; -webkit-tap-highlight-color: transparent;}

.menu-mobile { height:100%;  }
.menu-mobile2 { width:100%; height:100%;  display:table; }
.menu-underline { display:none; position:absolute; width:calc(100% - 48px); left:0; padding:0 24px; bottom:32px; font-size:14px; color:#353535  }

.language { position:relative; float:right; z-index:2000; }


.hamburger		{ display:none; position:relative; float:right; margin-left:24px; margin-top:4px; margin-right:8px; width:30px; height:18px; cursor:pointer; z-index:10000;
				  transform: rotate(0deg); transition: .5s ease-in-out; pointer-events:auto; outline: none; -webkit-tap-highlight-color: transparent } 
.hamburger span { position:absolute; display:block; height:2px; width:100%; background:#000; opacity:1; left:0;  
				  transition: width 0.25s ease-in-out, height 0.25s ease-in-out, left 0.25s ease-in-out, top 0.25s ease-in-out, transform 0.25s ease-in-out; }
.hamburger span:nth-child(1) { top: 0px; transform-origin: left center;}
.hamburger span:nth-child(2) { top: 8px; transform-origin: left center;}
.hamburger span:nth-child(3) { top: 16px; transform-origin: left center;}


.hamburger.open span:nth-child(1) { top:-2px; left: 6px; transform: rotate(45deg);}
.hamburger.open span:nth-child(2) { width: 0%; opacity: 0; }
.hamburger.open span:nth-child(3) { top: 20px; left: 6px; transform: rotate(-45deg);}


.logo-mobile { width:82px; display:none; }
.logo-mobile img { float:left; width:100%; }
.header-hr-mobile { display:none; width:100%; margin:39px 0 24px 0; background-color:#C0C9BE; }


.parallax-inner { position:relative; width: 100%; height: 100%; }
#parallax { position:absolute; width: 100%; height: 100%; overflow: hidden; z-index: 0; }
.parallax-layer { position: absolute; width: 100%; height: 100%; left: 0; top: 0; transform-style: preserve-3d; backface-visibility: hidden;
    			  display: flex; align-items: center; justify-content: center; overflow: visible; }
.parallax-layer > div { position: relative; width: 100%; height: 100%; max-width: none; max-height: none; background-size: contain;
    				 	background-repeat: no-repeat; background-position: center; pointer-events: none; }
#parallax-background img { float:left; width:100%; height:100%; z-index: 1; transform: scale(1.15); object-fit:cover; object-position:center;}
#parallax-foreground img { float:left; width:100%; height:100%; z-index: 2; transform: scale(1.15) translate(9%, 10%); object-fit:contain; object-position:center bottom; }
@media (max-aspect-ratio: 1/1) {
  #parallax-foreground img { transform: scale(2) translate(9%, -20%); }
}
  
@media (max-aspect-ratio: 9/16) {
    #parallax-foreground img { transform: scale(2.5) translate(9%, -30%); }
}

#fog-canvas { display:none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; pointer-events: none;  }
  

.claim { position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; text-transform:uppercase; display:table; color:#3c515a }


.section-title { margin-bottom:32px; color:#121212 }



/* About us */
.section-about-us { margin-top:200px; margin-bottom:200px;  }
#video			{ position:relative; width:100%; max-width:1017px; margin:auto; cursor:pointer; }
#video-filtr	{ position:relative; float:left; width:100%; height:auto;  aspect-ratio:16/9; background:url(../images/pajonk-swi.jpg?rand=1); background-size:cover; background-position:center; z-index:5 }
#video-filtr2	{ position:absolute; width:100%; height:100%; cursor:pointer; z-index:10 }
#video img		{ float:left; width:100%; height:100%; object-fit:cover;}
#video-text		{ position:absolute; bottom:6%; left:6%; font-size:44px; line-height:60px; font-style:italic; }
.video-play-icon{ position:absolute; bottom:16px; left:16px; background:url(../images/play.svg); width:40px; height:40px; background-size: 40px 40px; }
.video-play		{ position:absolute; bottom:30px; left:72px; color:#fff }

#video iframe	{ display:none; float: left; width:100%; height:auto; border:0; aspect-ratio:16/9;}


.video-left 	{ float:left; width:50%; color:#353535; text-transform:uppercase; margin-top:16px }
.video-right 	{ float:left; width:50%; color:#353535; text-transform:uppercase; margin-top:16px; padding-left:24px }

.about-us-title { margin-top:140px; text-transform:uppercase; text-align:center; color:#353535 }
.about-us-claim { max-width: 976px; margin:auto; text-align:center; margin-top:24px }




/* Invest */
.section-invest { margin-top:48px; margin-bottom:200px;  }
.invest { border:solid 1px #C2C2C2; padding:40px; }
.invest-right { float:right; width:50%; padding-left:24px; margin-top:-70px; color:#6B6B6B; border-left:1px solid #C2C2C2; }
.invest-right-item { clear:both; float:left; margin-bottom:48px }
.invest-number { float:left; width:124px; margin-right:24px; }
.invest-text { float:left; width:calc(100% - 148px);}
.invest-text b { font-weight: 400; color:#121212 }


/* Performance */
.section-performance { margin-top:48px; margin-bottom:200px;  }
.performance-right { float:right; width:50%; margin-top:-110px }
.performance-right-item { padding:24px 0; border-bottom:solid 1px #C2C2C2 }
.performance-right-item:last-child { border:0 }
.performance-right-title{ float:left; width:50% }
.performance-right-text{ float:left; width:50%; max-width:400px; color:#6B6B6B }


/* Portfolio */
.canvas-cont { position:absolute; top:0; width:calc(100% - 1200px); left:150px; }
#canvas {  display: block; padding: 0; margin: 0; border: none; }
.section-portfolio { background-color: #F4F4F4; padding-top:48px; padding-bottom:450px }
.portfolio { position:relative; width:100%; float:left; }
.portfolio-left { position:absolute; float:left; width:100px; height:100%; display:table; }
.portfolio-header { color:#121212; text-transform:uppercase; }
.portfolio-companies { float:left;  margin-left:calc(100% - 1030px); color:#6B6B6B; }
.portfolio-company { margin-bottom:37px; cursor:pointer; text-transform:uppercase; outline: none; -webkit-tap-highlight-color: transparent }
.portfolio-company:hover,
.portfolio-company.active,
.portfolio-company.mouseover { color:#121212 }
.portfolio-company-outer:last-child .portfolio-company { margin-bottom:0 }

.portfolio-right { display:none; position:absolute; top:0; right:0; width:100%; max-width:395px; padding-left:24px; border-left:1px solid #C2C2C2; color:#121212 }
/*.portfolio-right-1 { display:block; }*/
.portfolio-right-text { margin:24px 0 }
.portfolio-price-title { color:#6B6B6B }
.portfolio-price		{ margin-top:12px }
.portfolio-right-title	{ color:#6B6B6B; margin-top:24px; margin-bottom:8px }
.portfolio-right-text-title { text-transform:uppercase;}



/* People */

.section-people { margin-top:-250px }
.drag-box { position: absolute; opacity:0; margin-top:5px; margin-left:50px; color: #fff; pointer-events: none; transition: opacity 0.2s ease; z-index:100 }


.dragscroll-outer	{ position:relative; overflow-x:visible; overflow-y:hidden; scrollbar-width: none; cursor:grab;}
.dragscroll-outer .dragscroll-inner { width:20000px }  /* Podle počtu */

.gallery-scroll		{ padding-bottom:24px; display: flex; flex-wrap: wrap; gap:0 16px; text-transform: uppercase; padding-bottom:200px;}
 
 
 






 
.gallery-scroll img	{ float:left; width:100%; flex:0 calc((100%/15) - 8px);  }

.dragscroll-outer::-webkit-scrollbar { display:none; }

.custom-scrollbar-container { width: calc(100% - 48px); margin: 0 24px; box-sizing: border-box;}
.custom-scrollbar-track 	{ position: relative; width: 100%; height: 8px; background-color: #ccc;}
.custom-scrollbar-thumb 	{ position: absolute; height: 8px; background-color: #000; top: 0; left: 0; cursor: pointer; transition: background-color 0.3s;}

.gallery-scroll-cont	{ position:relative; width:100%; text-align:center; margin:40px 0 120px 0}
.gallery-scroll-button	{ position:absolute; width:72px; height:72px; background: url(../images/slider.svg?rand=1); cursor:pointer; z-index:10;}
.gallery-scroll-button:hover { background-image: url(../images/slider-active.svg?rand=1); transform:rotate(180deg) }

.gallery-scroll-prev	{ position:relative; display:inline-block; margin:auto 7px; }
.gallery-scroll-next	{ position:relative; display:inline-block; margin:auto 7px; transform:rotate(180deg)}

.gallery-scroll-button.gallery-scroll-next:hover  { transform:rotate(0) }

.gallery-scroll .scroll-item				{ position:relative; float:left; width:100%; max-width:350px; }
.gallery-scroll .scroll-item:first-child	{ margin-left:80px; }
.gallery-scroll .scroll-item:last-child		{ margin-right:24px; }
.gallery-scroll .scroll-item img			{ width:100%; height:490px; object-fit:cover; object-position:top; }



/* smazat */
@media screen and (min-width:1510px) { 
	.dragscroll-outer	{ cursor:default; }
	
	.dragscroll-outer .dragscroll-inner {
	width:calc(100% - 160px); max-width:1840px; margin:auto;
	}
	.gallery-scroll		{ 
	justify-content:center;
	}
	.gallery-scroll .scroll-item:first-child {
	    margin-left: 0!important;
	}
	.gallery-scroll .scroll-item:last-child {
	    margin-right: 0!important;
	}
	.gallery-scroll .scroll-item { max-width:calc(25% - 12px); }
	.gallery-scroll .scroll-item img			{ height:auto; aspect-ratio:0.71; }
}
/* smazat*/





.name { margin-top:24px; } 
.function { color:#6B6B6B; margin-top:12px; }



/* Actually */

.actually-flex { width:100%; display:flex; gap:24px; flex-wrap: wrap; margin-bottom:240px; justify-content: right; flex-wrap:nowrap;  }
.actually-item 	{ position:relative; flex: 1; max-width:calc(50% - 12px); padding:24px; border:solid 1px #C2C2C2; padding-bottom:160px }
.actually-title 	{ color:#121212}
.actually-bottom 	{ position:absolute; width:calc(100% - 48px); bottom:24px; text-transform:uppercase; }
.actually-date 		{ float:left; margin-right:48px }
.actually-perex 	{ float:left;}
.actually-only-one { margin-top: -90px; }

	/** Carousel **/
	.jcarousel 				{ display:none; position:relative; overflow: hidden; width:100%; margin-bottom:120px;  }
	.jcarousel ul 			{ width:2000em;  position:relative; list-style: none; height:100%; }
	.jcarousel li 			{ position:relative; float:left; width:100%; margin:0; margin-bottom:16px; }
	.jcarousel .actually-item 	{ width:calc(100% - 32px); max-width:500px; margin:auto }
	
	/** Carousel Pagination **/
	
	.jcarousel-pagination 	{ width:100%; text-align:center;  }
	.jcarousel-pagination a { display:inline-block; width:8px; height:8px; background:#C2C2C2; cursor:pointer; margin:0 6px; }
	.jcarousel-pagination a.active  { background:#000; width:48px;  }



/* Footer */

.footer { position:relative; background-color:#F5F5F5; color:#353535; padding:80px 0 }
.footer a { position:relative; color:#353535  }
.footer1 { float:left; width:50%;  }
.footer2 { float:left; width:50%;   }
.footer-right { float:right; width:50%; }
.footer3 { float:left; width:50%; padding-left:50px;  padding-right:50px; }
.footer4 { float:left; width:50%; padding-left:50px;  padding-right:50px; }

.footer-title 	{ color:#767774; text-transform:uppercase; }
.footer-contact { margin-top:24px}
.footer-links	{ margin-top:24px}

.footer2-link { float:left; margin-top:16px; margin-bottom:30px  }
.footer2-link a:hover { border:0;}
.footer2-link-text { position:relative; display:inline-block; margin-left:24px; top:-3px }


.footer-underline { border-top:1px solid #717970; margin-top:200px; padding-top:30px; color:#353535; text-transform:uppercase; }
.footer-underline a { color:#353535 }
.footer-underline-item { float:left; margin-right:30px; cursor:pointer; }
.footer-underline-item-right { float:right; margin-right:0; }
.footer-underline-item-right a { float:none; }

.footer-office-hide { display:none; }

.footer-underline-item-mobile { display:none; }

.about-cookies { position:relative; outline: none; -webkit-tap-highlight-color: transparent }






.uline {
    background-image: linear-gradient(currentColor, currentColor);
	padding-bottom:2px;
	background-size: 0 0.08em;
    background-position: 0 calc(100%);
    background-repeat: no-repeat;
    transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1);
}


.uline:hover {
   background-size: 100% 0.08em; /* Plná délka podtržení */
}



.error404-detail {
    position: relative;
    display: block;
    width: calc(100% - 56px);
    max-width: 1080px;
    margin: auto;
}

.error404 { float:left; color:#00421C; margin-top:120px; padding-bottom:0; text-align:center; width:100%; color:#353535 }
.error404 h1 { text-transform: inherit; }
.error404-text { margin:24px 0 200px 0; }
.error404-center	{  text-align:center; }



.container-detail {
    position: relative;
    display: block;
    width: calc(100% - 56px);
    max-width: 868px;
    margin: auto;
}

.gdpr2 { float:left; color:#191C19; margin-top:120px; padding-bottom:80px }
.gdpr2 h1 { text-transform: inherit; }
.gdpr2-text {  margin-bottom:120px; }
.gdpr2-text a { color:#191C19; }


.gdpr2-text ol li { counter-increment: list-item; display: table-row; }
.gdpr2-text ol li::before {
  content: counter(list-item, number) ".\a0";
  display: table-cell;
  text-align: right;
  padding-right:5px
}
.gdpr2-text ol[type="a"] li::before  {   content: counter(list-item, lower-alpha) ".\a0"; }




/* Cookies */


.gdpr				{ position:fixed; bottom: 24px; width:calc(100%); right:0px;  margin:auto; z-index:101; color:#333333 }
.gdpr-y				{ position:relative; max-height:calc(100vh - 160px); background: #F5F5F5; padding:48px; text-align: center; overflow:hidden;  }
.gdpr-close			{ position:absolute; top:0; right:0; background:url(../images/zavrit.svg); width:30px; height:30px; background-size:30px 30px; cursor:pointer; margin:24px; }
.gdpr-nadpis		{ width:calc(100% - 80px) }
.gdpr-text			{ text-align:left; margin-bottom:40px; padding-right:40px; max-width:902px; }
.gdpr-text a		{ color: #191C19; border-bottom:1px solid #191C19; }
.gdpr-buttons  		{ float:right }
.gdpr .button 		{ color: #191C19; margin-left:12px; cursor:pointer; padding:14px 22px; border:solid 3px #191C19; text-shadow:none; 
					  letter-spacing: 0.005em;  transition: background 0.2s ease;}

.gdpr-left { float:left; width:calc(50% - 40px); margin-right:40px; text-align:left;}
.gdpr-right { float:left; width:50%;  }

.gdpr .button.gdpr-odmitnout:hover		{ background:#191C19; color:#fff;  }
 
.gdpr .button.gdpr-prijmout		{ background:#353535; color:#fff;}
.gdpr .button.gdpr-prijmout:hover { background:#191C19; }

.gdpr-button		{ float:left; margin-top:20px!important; cursor:pointer}

.gdpr-nastaveni 	{ float:left; border-bottom:solid 2px #191C19; cursor:pointer; margin-top:38px; color:#191C19 }


.overlay		{ display:none; position:fixed; width:100%; height:100vh; z-index:101;    }
.overlay-gdpr 	{ top:0; background:rgba(0,0,0,0.75); }



.gdpr-info			{ position:fixed; top:0; width:100%; max-width:500px; height:100%; right:-500px; background:#F5F5F5;
					  color:#414940; overflow-y:auto; z-index:100000000; }
.gdpr-info-prostor  { position: relative; width: 100%; padding:24px; min-height:calc(100% - 120px); } 

.gdpr-info-close	{ position:absolute; right:24px; margin-left:24px; width:40px; height:40px; cursor:pointer; z-index:10000;
				  	  transform: rotate(0deg); transition: .5s ease-in-out; pointer-events:auto; } 
.gdpr-info-close span { position:absolute; display:block; height:2px; width:100%; background:#414940; opacity:1; left:0;  
				  	 	transition: width 0.25s ease-in-out, height 0.25s ease-in-out, left 0.25s ease-in-out, top 0.25s ease-in-out, transform 0.25s ease-in-out; }

.gdpr-info-close span:nth-child(1) { top: 16px; left: 3px; transform: rotate(45deg);}
.gdpr-info-close span:nth-child(2) { top: 16px; left: 3px; transform: rotate(-45deg);}
.gdpr-info hr		{ background:rgba(234, 245, 237, 0.95); margin-top:10px; height:1px }
.gdpr-info-nadpis	{ margin-top:20px;  }

.gdpr-subnadpis		{ margin:30px 0 20px 0 }
.gdpr-info-uvod-text{ margin:24px 70px 30px 0; }
.gdpr-info-polozka	{ background:transparent; border-bottom:1px solid #414940; border-top:1px solid #414940; margin-bottom:16px }
.gdpr-info-button	{ margin:0 0 30px 0  }
.gdpr-info-checkbox input[type="checkbox"]  { position:absolute; opacity:0; cursor:pointer; border:0; width:0; height:0; padding:0; outline: none; }
.gdpr-info-checkbox input[type="checkbox"] + label	{ float:right; cursor:pointer; width:48px; height:24px; margin-top:19px; margin-right:15px; 
													  background:url(../images/checkbox-cookie.svg?rand=1); 
													  background-size:96px 24px; outline: none;  } 
.gdpr-info-checkbox input[type="checkbox"]:checked + label  { background-position: -48px  }
.gdpr-info-click	{ float:left; width:calc(100% - 155px); cursor:pointer; margin-bottom:18px}
.gdpr-info-click-aktivni	{ width:calc(100% - 150px); }
.gdpr-info-minus	{ display:none; float:left; background:url(../images/arrow-cookie.svg); background-size:24px 24px; width:24px; height:24px; margin-left:12px; transform: rotate(-180deg); margin-top:18px }
.gdpr-info-plus		{ float:left; background:url(../images/arrow-cookie.svg); background-size:24px 24px; width:24px; height:24px; margin-left:12px; margin-top:18px; }
.gdpr-info-cookies	{ float:left; width:calc(100% - 70px); margin:20px 0 0 20px;}

.gdpr-info-vyp-zap	{ float:right; margin:20px 8px 0 0 }
.gdpr-info-zap		{ display:none;  }

.gdpr-info-aktivni	{ float:right; margin-top:20px; margin-right:15px; color: #414940;}
.gdpr-info-text		{ display:none; margin:10px 0 30px 0; padding:12px }
.gdpr-info-text.font18		{ line-height:1.35em }
.gdpr-info hr		{ margin-bottom:16px }
.gdpr-info-potvrdit { float:none; margin:50px auto 30px auto; width:180px; text-align:center;}

.gdpr-souhlas-desktop	{ position: sticky; width:100%; height:120px; bottom:0px; padding: 24px 0;  text-align:center; }

.gdpr-info .button {  margin-right:12px; cursor:pointer; padding:0; text-shadow:none; color:#414940; transition: background 0.2s ease; }

.gdpr-prijmout2	{ background:#414940; border:solid 1px #414940; color:#fff; margin-left:12px;}
.gdpr-info .button.gdpr-potvrdit	{ float:none; display:inline-block; background:#353535; color:#fff; padding:14px 22px; letter-spacing: 0.005em;  }
.gdpr-info .button.gdpr-potvrdit:hover	{ background:#191C19;   }





.animatedText {
	display:none;
    line-height: 1em;
    position: relative;
    overflow: hidden; /* Prevents overflow */
}

#animatedText .word {
    display:block;   
    transform: translateY(100%);
    opacity:1
}


.word-wrapper {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
}/* Optional: If you want a slight extra space below words to ensure no clipping of descenders */
.word-wrapper .word {
    padding-bottom: 0.03em; /* Adds a bit of padding to the bottom of each word */
padding-top: 0.03em;
    display: inline-block;
    line-height: 1.2;
  vertical-align: top;
}

.word {
    display: inline-block;
    opacity: 0;
    transform: translateY(100%);
    transition: opacity 0.4s ease, transform 0.4s ease;
    line-height: 1.2;
}
  .word.visible {
    opacity: 1;
    transform: translateY(0);
}