/* 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: 'Roboto';
  font-weight:400;
  font-size:18px; 
  line-height:1.55em;
  background-color:#F0F3F8;
  color:#231F20;
  -webkit-text-size-adjust:100%;
  width:100%;
  height:100%; 
}


html 		{ overflow-x:hidden;  }


h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a           { color:#231F20; text-decoration: none;}
a:focus		{ outline: none; -webkit-tap-highlight-color: transparent }
a:hover     { border-bottom:solid 1px #231F20 }
.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: 'Manrope'; -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;
}
.border5   { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.border10  { -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;  }
.border35  { -webkit-border-radius:35px; -moz-border-radius:35px; border-radius:35px;  }
.borderRounded { -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; }

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

li 			{ list-style-position:inside; }
hr 			{ padding:0; margin:0; background-color:#404040; }



main        { position: relative; display:block; width:100%; height:100%;  }
nav         { position: relative; width:100%; } 
.container  { position: relative; display:block; width:calc(100% - 48px); max-width:1280px; margin:auto; }


.fontManrope	{ font-family: 'Manrope'; }
.fontWeightMedium	{ font-weight: 500; }
.fontWeightSemibold	{ font-weight: 600; }
.fontWeightBold	{ font-weight: 700; }

.font14 		{ font-size:14px; line-height:1.2em }
.font16 		{ font-size:16px; line-height:1.2em }
.font18 		{ font-size:18px; line-height:1.55em }
.font20 		{ font-size:20px; line-height:1.2em }
.font22			{ font-size:22px; line-height:1.2em }
.font24 		{ font-size:24px; line-height:1.2em }
.font40			{ font-size:40px; line-height:1.2em }
.font42 		{ font-size:42px; line-height:1.4em }
.font64			{ font-size:64px; line-height:1.2em }

.bg-yellow  	{ background-color:#FFFF8D }

.gray	 		{ color:#4F4F4F }


.header { position:relative; top:0 }

nav { position:absolute; top:0; width:100%; height:192px; background-color:rgba(240, 3, 15, 0.85); color:#fff; z-index:10000 }
nav a {  color:#fff }
nav a:hover     { border-bottom:solid 1px #fff }


.header-img  { width:100%; aspect-ratio: 16/9; object-fit:cover; object-position:top; }




.header-left 		{ position:relative; float:left; width:268px; margin-top:10px;  }

.logo 		{ float:left; width:268px; }
.logo img 	{ float:left; width:100%; height:auto; }


.logo-see 		{ float:left; width:123px; margin-left:27px;  margin-top:22px; }
.logo-see img 	{ float:left; width:100%; height:auto; }
.logo-cors 		{ float:left; width:81px; margin-left:27px;  margin-top:15px; }
.logo-cors img 	{ float:left; width:100%; height:auto; }


.header-right 		{ position:relative; float:left; width:calc(100% - 268px); margin-top:10px;  }

.header-email { float:right; margin-right:50px; margin-top:14px }
.header-phone { position:relative; float:right; margin-top:14px; padding-right:45px }

.wapp { position:absolute; top:-14px; right:0; display:inline-block; width:33px; margin-left:10px }
.wapp img 	{ float:left; width:100%; height:auto; }

.mutace { float:right; text-align:right; margin-top:16px;}
.mutace a { display:inline-block; color:#F0030F; background-color:rgba(255,255,255,0.8); padding:10px; width:40px; height:40px;
			-webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%;}
.mutace a:hover { border:0}
.mutace a.active { background-color:#fff;}


.menu { float:right; width:calc(100%); text-align:right; margin-top:20px; display:flex; justify-content: right; text-transform:uppercase;}
.menu .menu-polozka-link  { display:inline-block; color:#F0030F; background-color:#fff; padding:10px 16px;
			-webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px }
.menu a:hover { border:0}

.menu-polozka { position:relative; margin-left:20px; }

.submenu-outer { display:none; position:absolute; padding-top:50px }
.submenu { position:relative; float:left; background-color:rgba(255,255,255,0.9); color:#231F20; padding:24px 24px; width:289px;
			text-align:left; -webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px; z-index:100}
.submenu a { clear:both; float:left; color:#231F20; border-bottom:solid 1px transparent; margin-bottom:8px  }
.submenu a:hover { border-bottom:solid 1px #231F20 }
.submenu a:last-child { margin-bottom:0 }

.hamburger		{ display:none; position:relative; float:right; margin-top:14px; width:30px; height:16px;  cursor:pointer; z-index:100;
				  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:#fff; opacity:1; left:0; 
				  transition: width 0.5s ease-in-out, height 0.5s ease-in-out, left 0.5s ease-in-out, top 0.5s ease-in-out, transform 0.5s 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;}

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



.claim-position  { position:absolute; top:300px; width:100%; z-index:9 }
.claim 			{ float:right; text-align:right; max-width:445px; letter-spacing: -0.03em;  }

.homepage .claim 	{ text-transform:uppercase;}

.button { background-color:#F0030F; color:#fff; padding:16px 24px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px;
		  outline: none; -webkit-tap-highlight-color: transparent  }
.button:hover { border:0 }

.button-claim { float:right; margin-top:24px; text-transform:uppercase; }

.hp-text { position:relative;  }
.hp-text a { border-bottom:solid 1px #231F20  }
.hp-text1 { float:left; max-width:790px; margin-top:40px }
.hp-text2 { float:right; max-width:790px; margin-top:40px }

.box { float:left; width:100%; background-color:#fff; padding:40px; margin-top:80px }
.box img:nth-child(1) { float:left; width:calc(31% - 24px); margin-right:24px; }
.box img:nth-child(2) { float:left; width:calc(27% - 40px); margin-right:40px;  }
.box img:nth-child(3){ float:left; width:calc((84%/2) - 40px); margin-left:40px; }

.background-img  { position:fixed; top:0; width:100%; height:100vh; background-image:url(../images/bg.webp); background-position:top center;
					background-size:cover; }

.claim-item 	{ color:#fff; background: rgba(0, 100, 255, 0.4);
        		  padding:8px 25px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; }

.obsah { float:left; width:100%; margin-top:280px }
.obsah a { border-bottom:solid 1px #231F20  }
.obsah img { max-width:100%;  }
.h1 { text-align:center; }

h2 { font-family: 'Manrope'; font-weight: 700; font-size: 22px; margin-top:24px; margin-bottom:16px }

.obsah-text { margin-bottom:40px }


.nadpis { float:left; width:100%; text-align:center; margin-top:80px  }

.video-cont			{ padding-bottom:40px; display: flex; justify-content: center; flex-wrap: wrap; max-width:840px; margin:auto; margin-top:40px; gap: 16px; }
.video 				{ position:relative; float:left; width:100%; aspect-ratio:16/9; flex:0 calc((100%/2) - 11px); }
.video-img			{ position:absolute; width:100%; cursor:pointer; aspect-ratio:16/9; }
.video-image		{ position:relative; width: 100%; height: 100%; }
.video-image img	{ float:left; height: 100%; width: 100%; object-fit: cover; }
.video-filtr		{ position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; filter:opacity(30%); transition: all .25s ease-in-out;  
					  transform: translateZ(0); z-index:10 }
.video:hover .video-filtr		{ filter:opacity(0); }
.video-url			{ float:left; width:100%; }
.video iframe		{ aspect-ratio:16/9; height:auto!important }
.video-play 		{ position:absolute; text-align:center; width:100%; height:100%; display:table; z-index:11 }
.video-play-center 	{ width:40px; margin:auto  }
.video-play img		{ width:100%; }
.video-popis 		{ position:absolute; width:calc(100% - 48px); left:24px; bottom:24px; color:#fff; z-index:10 }

.kontakt a:hover { border-bottom:solid 3px #231F20 }

.kontakt-obsah { max-width:828px; margin:auto; margin-top:80px; }
.kontakt-obsah a { border:0 }
.kontakt-left { float:left; width:50%; margin-top:50px }
.kontakt-right { float:left; width:50%;  }
.kontakt-right img { float:right; width:300px; margin-right:50px; margin-bottom:50px; border-radius: 100%; }


.footer { position:relative; margin-top:80px; padding:16px 0; line-height:1.5em; background-color:rgba(240, 3, 15, 0.85); color:#fff; z-index:10 }
.footer a { color:#fff }
.footer a:hover { border-color:#fff }
.footer-text { float:left; width:calc(100% - 90px) }

.social { float:right; width:90px; text-align:right; }
.social a { border:0 }
.social-icon { display:inline-block; margin-top:20px; margin-left:5px }
.social-icon-fb { width:40px; height:40px; background-size: 40px; background-image:url(../images/fb.svg); }
.social-icon-ig { width:40px; height:40px; background-size: 40px; background-image:url(../images/ig.svg); }




/* Formulář */
.container-form { position:relative; max-width:868px; margin:auto; color:#231F20 }
.form-title		{ text-align:center; margin:160px 0 30px 0 }
.form			{ margin-bottom:80px }

.form-blick 	{ width:100%; display: flex; flex-wrap: wrap; justify-content: left; gap:24px; margin-bottom:30px }
.form-blick.active 	{ animation: 2s blink ease  }
.floatleft .form-blick 	{ display:inherit; }
.form-item 		{ position:relative; flex: 0 calc((100%/2) - 12px); }
.form-item2		{ position:relative; flex: 0 100% }
.form input,
.form textarea	{ width:100%; padding:15px 15px; font-size:21px; letter-spacing:-0.005em; margin-top:8px; border:solid 1px #C0C9BE; color:#231F20;
				  -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;  }
.form textarea	{ height:176px }
.form input:focus,
.form textarea:focus	{ border:solid 1px #717970;  }
.form-label.error,
.form input.error { color:#BA1A1A }

.form-label-error { display:none; color:#BA1A1A }

.form input[type="checkbox"]  { position:absolute; opacity:0; cursor:pointer; border:0; width:0; height:0; padding:0; outline: none; 
								-webkit-tap-highlight-color: transparent;}
.form input[type="checkbox"] + label 	{ width:30px; height:30px; background:white; padding:0; display:inline-block; color:#231F20; border:solid 1px #717970;
										  cursor:pointer; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;   } 
.form input[type="checkbox"]:checked + label  { background: #231F20 }
.form input[type="checkbox"].error + label			  { background-color:#FCE9E9; border-color:#BA1A1A }
.form .souhlas {  position:relative; top:-7px; margin-left:16px }
.form a { color:#231F20; border-bottom:1px solid #231F20 }
.form-button	{ position:relative; float:right; background-color: #231F20; margin-top:-8px; 
				  padding: 9px 19px 9px 19px; color:#fff; cursor:pointer; }




.form .fade { display:none; }
.form .fade.in { display:table-row; }
.form .fileupload-progress.fade.in  { display:contents; }


.progress-extended { font-size:16px; width:50px; text-align:right; margin:auto; margin-top:12px; }
.progress { height:16px; margin:12px 0 12px 0; border-radius: 16px; }
.progress.active .progress-bar { background:#231F20 }
 
.souhlas-hide { display:none; position:absolute; margin-top:12px }
.error { color:#C50000 }


.form-success	{ position: fixed;  width:calc(100% - 30px); max-width:400px; top:-90px; right: 15px; background-color: #7AA7FF; 
				  padding:20px 20px 10px 20px; color:#fff;
				  transition: all .5s ease-in-out; z-index:1000 }
.form-success img { display:inline-block; width:25px; }
.form-success.open	{ top: 15px; }
.form-text		{ position:relative; top:-3px; display:inline-block; margin-left:15px; }



/* Cookies */


.gdpr				{  position:fixed; left:0; bottom: 30px; width:calc(100% - 48px); max-width:1100px; left:0; right:0;  margin:auto; z-index:100000000; box-shadow: 3px 4px 13px 0px rgba(0,0,0,0.34); }

.gdpr-y				{ position:relative; max-height:calc(100vh - 160px); background: rgba(255,255,255,0.95); border:solid 1px #6B6B6B; color:#2A2929; padding:24px;  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:#2A2929; margin-bottom:5px; padding-right:50px }
.gdpr-text			{ margin-top:16px; padding-right:30px }
.gdpr-text.font18		{ line-height:1.35em }
.gdpr-text a		{ color: #2A2929; border-bottom:1px solid #2A2929; }

.gdpr-button		{ float:right; margin-left:20px; margin-top:20px; cursor:pointer; padding:10px 20px  }
.gdpr-nastaveni 	{ background:#6B6B6B; color: #fff; }




.overlay		{ display:none; position:fixed; width:100%; height:100%; 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:500px; height:calc(100%); right:-500px; background:#fff;
					  color:#2A2929; padding:16px; overflow-y:auto; z-index:100000000; }
.gdpr-info-prostor  { max-width:470px; } 
.gdpr-info-close	{ position:absolute;  background:url(../images/cookies-close.svg); width:30px; height:28px; background-size:30px 28px; right:15px; cursor: pointer; outline: none; -webkit-tap-highlight-color: transparent; }
.gdpr-info hr		{ background:#2A2929; margin-top:10px; height:1px }
.gdpr-info-nadpis	{ margin-top:20px; }

.gdpr-subnadpis		{ margin:30px 0 20px 0 }
.gdpr-info-uvod-text{ margin:10px 0 30px 0; }
.gdpr-info-polozka	{ background: rgba(255,255,255,0.95); border-bottom:1px solid #808080; border-top:1px solid #808080; color: #2A2929; 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; -webkit-tap-highlight-color: transparent; }
.gdpr-info-checkbox input[type="checkbox"] + label	{ float:right; cursor:pointer; width:48px; height:24px; margin-top:16px; margin-right:20px; background:url(../images/cookies-checkbox.svg); 
													  background-size:96px 24px; outline: none; -webkit-tap-highlight-color: transparent;  } 
.gdpr-info-checkbox input[type="checkbox"]:checked + label  { background-position: -48px  }
.gdpr-info-click	{ float:left; width:calc(100% - 165px); cursor:pointer; margin-bottom:18px}
.gdpr-info-click-aktivni	{ width:calc(100% - 150px); }
.gdpr-info-minus	{ display:none; float:left; background:url(../images/cookies-arrow.svg); background-size:13px 18px; width:13px; height:18px; transform: rotate(-180deg); margin-left:12px; margin-top:21px }
.gdpr-info-plus		{ float:left; background:url(../images/cookies-arrow.svg); background-size:13px 18px; width:13px; height:18px; margin-left:12px; margin-top:21px }
.gdpr-info-cookies	{ float:left; width:calc(100% - 70px); margin:20px 0 0 20px }

.gdpr-info-vyp-zap	{ float:right; color: #808080; margin:19px 8px 0 0 }
.gdpr-info-zap		{ display:none; color: #2A2929; }

.gdpr-info-aktivni	{ float:right; margin-top:24px; margin-right:20px; color: #2A2929; }
.gdpr-info-text		{ display:none; margin:10px 0 30px 0; padding:12px }
.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:500px; bottom:20px; padding:20px; margin-left:-16px; background:#fff; text-align:center; }


.gdpr-prijmout2	{ background:#F0030F; color:#fff; margin-left:12px;  }
.gdpr-potvrdit	{ float:none; display:inline-block; background:#F0030F;padding:10px 20px; cursor:pointer; }

	
.nastaveni-cookies { cursor:pointer; }