/* Barvy 
#FFFF8D - žlutá 
#311B92 - modrá
#A7FFEB - bledě zelená
#FFCDD2 - růžová
#B3E5FC - bledě modrá

*/


/* 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: 'Titillium Web';
  font-weight:400;
  font-size:20px;
  line-height:30px;
  background-color:white;
  color:#000;
  width:100%;
  height:100%; 
  -webkit-font-smoothing: antialiased;

}


html 		{ overflow-x:hidden;  }


h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a           { color:#07B; text-decoration: none;}
a:focus		{ outline: none; }
.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:600; }
strong      { font-weight:600; }
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 { border:none; outline:none; resize:none; padding:10px 2% 10px 2%; margin-top:5px;  font-family: 'Titillium Web';
				font-size:20px; border:solid 1px #404040; -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;
}
.border5   { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.border10  { -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;  }
.border40  { -webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px;  }
.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:22px }
hr 			{ padding:0; margin:0; background-color:#404040; }



main        { position: relative; display:block; width:100%; height:100%;  }
nav         { position: relative; width:100%; } 
.prostor    { position: relative; display:block; width:calc(100% - 40px); max-width:1772px; margin:auto; }


.gray		{ color:#494949 }

.font14		{ font-size: 14px; line-height:1.35em; letter-spacing: 0.01em; }
.font16		{ font-size: 16px; line-height:1.35em; letter-spacing: 0.16px; }
.font17		{ font-size: 17px; line-height:1.35em; letter-spacing: 0.17px; }
.font18		{ font-size: 18px; line-height:1.35em; }
.font22		{ font-size: 22px; line-height:1.35em; }
.font25		{ font-size: 25px; line-height:1.35em; }
.font32		{ font-size: 32px; line-height:1.35em; }
.font40		{ font-size: 40px; line-height:1.2em; letter-spacing:-0.4px; }
.font60		{ font-size: 60px; font-weight: 300; line-height:1.1em;}
 
.fontSyncopate	{ font-family: 'Syncopate-Bold'; }


.actual		{ position:relative; border-bottom: 1px solid #888; padding:22px 0; margin-bottom:80px }
.actual a	{ color:#000 }
.actual a:hover	{ border-bottom:solid #00000D 1px; }
.actually	{ float:left; width:93px; margin-top:8px }
.novinky	{ position:relative; float:left; width:calc(100% - 93px); height:1.35em; padding-bottom:3px; overflow:hidden; }
.novinka 	{ position:absolute; bottom:3px; display:none; opacity:0;}



.lista		{ position:absolute; width:100%; background-color:#fff; width:100%; padding:20px 0; background-color:#fff; z-index:100 }
.lista.fixed	{ position:fixed; top:0;  }
.lista-prostor	{ position:relative; }
.h1			{ float:left; position:relative; z-index:1000 }
.h1  a		{ color:#000 }
.h1.font40	{ letter-spacing: 4px; line-height:1em; }
.menu		{ float:right; margin-top:10px }
.menu-item	{ float:left; margin-right:32px; cursor:pointer; border-bottom:transparent 1px solid; }
.menu-item  a		{ color:#000 }
.menu-item:hover	{ border-bottom:solid #00000D 1px; }
.menu-item:last-child	{ margin-right:0; }




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


.hamburger					{ display:none; position:absolute; width:30px; height:18px; top:22px; right:0px; cursor:pointer; transition: .5s ease-in-out;  }
.hamburger span				{ position:absolute; display:block; width:100%; height:2px; background-color:#000; 
 							  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:0; }
.hamburger span:nth-child(2){ top:8px }
.hamburger span:nth-child(3){ bottom:0; }

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


.section0			{ margin-top:234px }

.section-left		{ float:left; width:calc(100% - 447px); }
.section-text		{ margin-left:150px;}
.section-text a	{  line-height:110%; display:inline-block; border-bottom: 0.05em solid transparent; }
.section-text a:hover		{ border-bottom: 0.05em solid #07B;  }
.section-text-padding	{ float:left; width:calc(100% - 275px);  }
.section-right		{ position: relative; float:right; width:431px; /*margin-left:16px;*/ }
.section-right img	{ float:left; width:100%; }


.section-left-gallery	{ width:100%!important; }

.letter-spacing-1em	{ letter-spacing: 0.01em}

.button				{ float:left; font-weight:600; padding:10px 24px 12px 24px; border:solid #888888 1px; margin:5px 20px 0 0  }


.sticky				{ position: sticky; top:100px; width:100%; height:1100px; }

.section1-mezera	{ float:left; margin-top:300px}
.srovnejte			{ margin-top:84px; margin-bottom:33px}


.section-gallery	{ margin-top:84px; }
.section-iframe 	{ position:relative; float:left; width:100%;margin-bottom:15px  }
.section-iframe img	{ float:left; width:100%;  }
.section-iframe .pswp-gallery__item	{ float:left; width:100%;  }  
.section-iframe .pswp-gallery__item-filter	{ display:block; background-color: rgba(0,0,0,0.2); }


.section-50		{ display: flex; flex-wrap: wrap; gap:0 16px; justify-content: space-between; margin-bottom:15px }
.section-50 .pswp-gallery__item	{ flex:0 calc(50% - 8px); aspect-ratio:14/9;  }
.section-50 img	{ float:left; width:100%; height:100%; object-fit:cover; }



.pointer { cursor:pointer; }



.dragscroll-outer	{ position:relative; overflow-x:visible; overflow-y:hidden; margin-bottom:87px; scrollbar-color:  #000000 transparent; scrollbar-width:thin;   }

.dragscroll-outer::-webkit-scrollbar { height:16px; }
.dragscroll-outer::-webkit-scrollbar-track { background:url(../images/cara.svg); background-size: 15px 15px; background-position:0 1px; }
.dragscroll-outer::-webkit-scrollbar-thumb { background: #000000;}
.dragscroll-outer::-webkit-scrollbar-thumb:hover { background: #000000; }

.dragscroll-inner	{ position:relative; width:100%; width:calc(15*745px); }


.gallery-scroll		{ padding-bottom:40px; display: flex; flex-wrap: wrap; gap:0 16px; justify-content: space-between; }
.gallery-scroll img	{ float:left; width:100%; aspect-ratio:1.5; flex:0 calc((100%/15) - 8px);  }

.gallery-scroll-button		{ position:absolute; width:64px; height:64px; margin-top:210px; background: #fff url(../images/arrow.svg); background-size:30px 10px; background-position: center; 
							  background-repeat:no-repeat; cursor:pointer; border-radius:32px; z-index:10}
.gallery-scroll-prev		{ display:none; left:64px; transform:rotate(180deg)}
.gallery-scroll-next		{ right:64px;}




.gallery-scroll .pswp-gallery__item				{ float:left; width:100%; max-width:729px; }
.gallery-scroll .pswp-gallery__item img			{ float:left; width:100%; object-fit:cover; }
.pswp-gallery__item	{ position: relative; }
.pswp-gallery__item-filter	{ display:none; position:absolute; width:100%; height:100%; background-color: rgba(0,0,0,0.5); cursor:pointer;}
.pswp-gallery__item-filter-inner	{ display:table; width:100%; height:100%; text-align:center; }
.pswp-gallery__item-filter-inner-button	{ position:relative ;  z-index:10; color:#fff }
.pswp-gallery__item-filter-inner-button .button { border: 2px solid #fff;  border-radius: 40px; float:none; display:inline-block }



.dragscroll-inner-galerie-2	{ position:relative; width:100%; width:calc(14*745px); }


.section-iframe .pswp-gallery__item-filter-inner-button .button { border:0 }
.pswp-gallery__item-filter-inner-left	{ position:absolute ;  z-index:10; color:#fff }
.pswp-gallery__item-filter-inner-left .button { border: 2px solid #fff;  border-radius: 40px; float:none; display:inline-block }
.section-iframe .pswp-gallery__item-filter-inner-left .button { float:left; margin:25px 25px; }
.pswp-gallery__item-filter-inner-play	{ position:relative; display:inline-block; background:url(../images/play.svg); width:80px; height:69px; background-size: 80px 69px; top:25px; margin:0 15px }

.arrow				{ float:left; background:url(../images/arrow.svg); width:30px; height:10px; background-size:30px 10px; margin:20px 15px 0 0; }


.person-text		{ float:left; width:100%; margin:24px 0 }
.person-title		{ text-align:right}
.person-foto		{ float:left; width:100%; margin-top:8px; color:#888 }


.fiala				{ position:absolute; width:100%; bottom:0 } 

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


.wrapper-desc	{ position:absolute; top:-48px; left:150px; }

.wrapper		{ position:relative; width:100%; aspect-ratio:16/9; position: relative; overflow:hidden; }
.wrapper img 	{ max-width:none; height:100%; }

.before,
.after 		{ position: absolute; top:0; left:0;  width:100%; height:100%; background-repeat:no-repeat; background-color: white; background-size: cover; background-position: center;
		 	  pointer-events:none; overflow: hidden; }

.scroller 	{ position: absolute; top:50%; transform:translateY(-50%); pointer-events:auto; cursor: pointer; width:101px; height:48px; background: #fff; margin-left: -27px;}
.scrolling	{ pointer-events:none; }
.scroller:before,
.scroller:after	{ content:" "; display: block; width: 3px; height: 850px; position: absolute; left: 50%; z-index: 30;}
.scroller:before{ top:100%;}
.scroller:after	{ bottom:100%;}
.scroller:before,
.scroller:after	{ background: #888888; }
.scroller-left	{ position:absolute; top:12px; left:3px; background:url(../images/arrow2.svg?rand=1) no-repeat; background-size:25px 25px; width:25px; height:25px; transform:rotate(180deg) }
.scroller-right	{ position:absolute; top:12px; right:3px; background:url(../images/arrow2.svg?rand=1) no-repeat; background-size:25px 25px; width:25px; height:25px }
.scroller-line 	{ width:21px; margin:auto; margin-top:16px; }
.scroller-line span	{ float:left; width: 3px; height: 17px; background: #D9D9D9; top:15px; margin:0 2px }

.pred		{ position:absolute; width:109px; bottom:20px; left:16px; padding:8px 0; background-color:#fff; text-align:center; text-transform:uppercase; }
.po			{ position:absolute; width:109px; bottom:20px; right:16px; padding:8px 0; background-color:#fff; text-align:center; text-transform:uppercase; }



.why		{ margin-top:80px; }
.why-cont	{ margin-top:32px; display: flex; flex-wrap: wrap; gap:0 45px; justify-content: space-between; }
.why-list	{ position:relative; cursor:pointer; flex:0 calc(25% - 45px); }
.why-number	{ float:left; font-weight:600; padding:11px 0 9px 0; border:solid #888888 1px; border-radius: 40px; width:46px; height:26px; text-align:center; margin-bottom:10px}
.why-text	{ clear:both; }

.max1024	{ max-width:1024px }

.photos		{ margin-top:40px; display: flex; flex-wrap: wrap; gap:0 18px; justify-content: space-between; }
.photos-img,
.photos .pswp-gallery__item	{ position:relative; flex:0 calc(50% - 18px); max-width:none }

.photos img		{ float:left; width:100% }
.photo-caption	{ float:left; margin-top:8px; cursor:pointer; }
.photo-caption a		{ color: #000;  }
.photo-caption a:hover		{ border-bottom: 1px solid #000;  }
.photo-caption-hide			{ display: none; }

.sebre-text		{ margin-top:80px; }
.max878			{ max-width:885px }


.section3-title		{ float:left; width:100%; text-align:center; margin-bottom:12px }
.section3 .button	{ float:none; display:inline-block}
.faqs-item			{ background:#F3F3F3; padding:12px 16px; cursor:pointer; margin-top:12px;outline: none; }
.faqs-title			{ width:calc(100% - 70px) }
.faqs-text			{ display: none; width:50%; margin:48px 0 24px 0 }
.faqs-arrow			{ position: absolute; right: 16px; width:40px; height:40px; background: url(../images/arrow3.svg); }
.faqs-arrow.active	{ transform:rotate(180deg)}



.news-scroll	{ margin-top:40px; display: flex; gap:0 18px; justify-content: space-between; }
.dragscroll-inner2	{ position:relative;}
.news			{ position:relative; float:left; flex:0 431px; padding-bottom: 32px; }
.news img		{ width:100%; padding-top:28px; height:295px; object-fit:cover;}
.news-title		{ height:110px; color:#000}
.news:hover .news-read span	{ border-bottom: 1px solid #07B;  }


.news-scroll-prev		{ display:none; left:64px; transform:rotate(180deg); margin-top:310px}
.news-scroll-next		{ right:64px; margin-top:310px}

#hledani { display:none; }
.more-news				{ display:none; width:100%; text-align:center; margin-bottom:80px }
.more-news-button		{ float:none; display:inline-block; background-color: #07B; color:#fff; border:0; cursor:pointer;  }


.survey			{ float:left; width:100%; background: #E1F9F7; padding:48px; margin-top:33px;}
.survey-inner	{ text-align:center; max-width:1300px; margin:auto; }
.survey-buttons	{ margin:36px 0 48px 0; }
.survey-button	{ display:inline-block; font-weight:600; padding:10px 24px 12px 24px; border:solid #00000D 1px; margin:12px 6px 0 6px; cursor:pointer; outline: none; }
.survey-button.active	{ background-color:rgba(255,255,255,0.8); }
.survey-send	{ display:inline-block; background-color: #B3B3B3; font-weight:600; color: #fff; padding:12px 24px; border-radius: 40px;}
.survey-send.active	{ background-color: #0077BB; cursor:pointer;}
.survey-send.active:hover	{ background-color:#00588A }
.survey-send-arrow		{ float:right; background:url(../images/arrow-back.svg); width:19px; height:8px; background-size:19px 8px; margin:15px 0 0 10px; transform:rotate(180deg) }	


.feedback		{ display: none; float:left; width:100%; background: #E1F9F7; padding:48px; margin-top:33px; }
.feedback-inner	{ text-align:center; max-width:1300px; margin:auto; }
.feedback-title	{ margin-bottom:36px }
.feedback-result			{ position:relative; margin-top:16px; left:200px }
.feedback-result-text		{ float:left; width:310px; text-align:right; margin-right:24px }
.feedback-result-graph-cont	{ float:left; width:calc(100% - 310px - 24px - 79px - 50px);  }
.feedback-result-graph-inner	{ max-width:calc(100% - 79px);  }
.feedback-result-graph		{ float:left; background-color:#000000; height:10px; margin-top:10px; width:0; transition: all 1s ease-out; }
.feedback-result-percent	{ float:left; margin-left:24px; margin-top:0px; text-align:left; }
.feedback-info			{ margin-top:16px; }


footer			{ float:left; width:100%; margin-top:120px; margin-bottom:40px }
footer a		{ color:#000; }
footer a:hover	{ border-bottom:1px solid #000; }
footer hr		{ background-color: #888888; margin:19px 0;}
footer .social	{ display: inline-block; }
footer .social a	{ position:relative; float:left; margin-left:32px; top:12px }
footer .social a:hover	{ border-bottom:none; }
footer .social img	{ width:23px; }
footer .social img.vimeo	{ width:20px; margin-top:2px }
.nastaveni-cookies	{ color:#000; display: inline-block; cursor: pointer; border-bottom:1px solid transparent; }
.nastaveni-cookies:hover	{ border-bottom:1px solid #000; }


.o-cookies		{ margin-top:200px }
.o-cookies h2	{ margin-top:20px; margin-bottom:20px }
.o-cookies h3	{ margin-top:10px; margin-bottom:10px }
.o-cookies p	{ margin-top:10px; margin-bottom:10px }


.news-detail	{ margin-top:220px; margin-left:150px;  }
.back			{ float:left; background-color: #0077BB; font-weight:600; color: #fff; padding:12px 24px; border-radius: 40px;}
.back-arrow		{ float:left; background:url(../images/arrow-back.svg); width:19px; height:8px; background-size:19px 8px; margin:15px 10px 0 0; outline: none; }
.news-inner		{ margin:22px 0 120px 0; max-width:1000px  }
.news-inner	img	{ max-width:100%; height:auto  }
.news-inner	iframe	{ width: 100%;  aspect-ratio: 3/2; height:auto; border:0 }
.news-text		{ margin-top:80px }
.news-text a:hover		{ border-bottom: 1px solid #07B;  }





/* Cookies */


.gdpr				{  position:fixed; left:0; bottom: 0; width:100%;  left:0; right:0;  margin:auto; z-index:100000000;box-shadow: 0 10px 30px rgba(2,2,3,.28); }

.gdpr-y				{ position:relative; max-height:calc(100vh - 160px); background: #fff; color:#000; padding:24px; text-align: center; overflow:hidden; }
.gdpr-close			{ position:absolute; top:0; right:0; background:url(../images/zavrit.svg); width:30px; height:28px; background-size:30px 28px; cursor:pointer; margin:24px; }
.gdpr-nadpis		{ color:#000; margin-bottom:5px;  }
.gdpr-text			{ letter-spacing:0.04em; margin-top:16px; padding-right:30px }
.gdpr-text.font18		{ line-height:1.35em }
.gdpr-text a		{ color: #000; border-bottom:1px solid #000; }

.gdpr-button		{ float:right;  margin-top:20px!important; cursor:pointer}
.gdpr-button:hover		{ background-color: #000; color: #fff; border:solid 1px #000}






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



.gdpr-info			{ position:fixed; top:0; width:100%; max-width:550px; height:calc(100vh); right:-550px; background:#fff;
					  color:#000; padding:16px; overflow-y:auto; z-index:100000000; }
.gdpr-info-prostor  { width:100%; max-width:520px; } 

.gdpr-info hr		{ background:#000; margin-top:10px; height:1px }
.gdpr-info-nadpis	{ margin-top:20px; letter-spacing: 0.02em; }
.gdpr-info-t			{ letter-spacing:0.04em; }
.gdpr-info-t.font18		{ line-height:1.35em }
.gdpr-subnadpis		{ margin:30px 0 20px 0 }
.gdpr-info-uvod-text{ margin:10px 0 30px 0; }
.gdpr-info-polozka	{ background: #F3F3F3; border-bottom:1px solid #808080; border-top:1px solid #808080; 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:20px; margin-right:20px; background:url(../images/checkbox.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% - 115px); cursor:pointer; margin-bottom:18px}
.gdpr-info-click-aktivni	{ width:calc(100% - 150px); }
.gdpr-info-minus	{ display:none; float:left; background:url(../images/arrow2.svg); background-size:13px 18px; width:13px; height:18px; transform: rotate(-90deg); margin-left:12px; margin-top:23px }
.gdpr-info-plus		{ float:left; background:url(../images/arrow2.svg); background-size:13px 18px; width:13px; height:18px; margin-left:12px; margin-top:23px;  transform: rotate(90deg); }
.gdpr-info-cookies	{ float:left; width:calc(100% - 70px); margin:20px 0 0 20px }

.gdpr-info-vyp-zap	{ float:right; color: #808080; letter-spacing: 0.04em; margin:22px 8px 0 0 }
.gdpr-info-zap		{ display:none;  }

.gdpr-info-aktivni	{ float:right; margin-top:22px; margin-right:20px; color: #000; letter-spacing: 0.04em; }
.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: fixed; width:100%; max-width:550px; bottom:20px; padding:0; margin-left:-16px; background:#fff; text-align:center; }


.gdpr-prijmout2	{ background:#000; border:solid 1px #000; color:#fff; margin-left:12px; letter-spacing:0.02em; }
.gdpr-potvrdit	{ float:none; display:inline-block; border:solid 1px #000; background:#fff; margin-right:12px; cursor:pointer; }
.gdpr-potvrdit:hover	{ background: #000; color:#fff; border:1px solid #000; }





.hover-reveal {
	position: fixed;
	width: 200px;
	height: 150px;
	top: 0;
	left: 0;
	pointer-events: none;
	opacity: 0;
}

.hover-reveal__inner,
.hover-reveal__img {
	width: 100%;
	height: 100%;
	position: relative;
}



.hover-reveal__img {
	background-size: cover;
	background-position: 50% 50%;
}


.menu-fb	{ display:none; float:right; margin-right:50px; margin-top:-1px }


.fb-lista		{ position:fixed; width:100%; height:0; right:0; bottom:-100px; transition:all 0.3s ease-out; z-index:100;  }
.fb-lista.active		{ bottom:124px;}
.fb-lista-bg	{  width:790px; float:right; margin-right:-40px; padding:20px 15px 20px 30px; backdrop-filter: blur(10px); background:rgba(249, 249, 249, 0.75);  }
.fb-lista-text	{ float:left; margin-top:10px; margin-bottom:10px; margin-right:30px; }
.fb-lista-close	{ float:right; margin-top:18px; margin-right:17px; background:url(../images/close2.svg); width:20px; height:20px; background-size: 20px 20px; cursor:pointer; }
.fb-lista a	{ float:left; background:#0077BB; font-weight:600; padding:10px 20px; color:#fff }



.fb-lista2		{ max-width:1208px; margin:auto; border:solid 1px #0077BB; padding:30px 30px 60px 30px; text-align:center; margin-bottom:80px }
.fb-lista2-text	{ margin-bottom:50px}
.fb-lista2 a	{ background:#0077BB; font-weight:600; padding:10px 20px; color:#fff; }