/* 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: 'Switzer-Variable';
  font-weight:500;
  font-size:22px;
  line-height:1.25em;
  background-color:white;
  color:#203353;
  -webkit-text-size-adjust:100%;
  height:100%; 
}

html {
  height:100%; 
}


html 		{ overflow-x:hidden;  }

div.inner    { height:100%;}    

h1, h2, h3, h4, h5, h6 { font-weight: 500; }
a           { color:#203353; 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: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; -webkit-tap-highlight-color: transparent; resize:none; padding:20px 16px 20px 16px; width:100%; font-family: 'Switzer-Variable'; color: #203353;
				font-size:18px; font-weight: 550; border:solid 1px #999999; -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%; }

.bold 	{ font-weight: 600  }

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

li 			{ list-style-position:outside; margin-left:1em }
hr 			{ padding:0; margin:0; background-color:#404040; }



main        { position: relative; display:block; width:100%; height:100%; }
nav         { position: relative; width:100%; padding-top:32px; } 
.container  { position: relative; display:block; width:calc(100% - 64px); max-width:1900px; margin:auto; }
.container-full	{ position: relative; display:block; width:calc(100% - 64px); max-width:1900px; margin:auto; }

.fontSwitzer	{ font-family: 'Switzer-Variable'; }
.fontSwitzer400	{ font-family: 'Switzer-Variable';  font-weight: 400; }
.fontSwitzer450	{ font-family: 'Switzer-Variable'; font-weight: 450; }
.fontSwitzer475	{ font-family: 'Switzer-Variable'; font-weight: 475; }
.fontSwitzer550	{ font-family: 'Switzer-Variable'; font-weight: 550; }


.font12 		{ font-size:12px; line-height:1.4em; }
.font16 		{ font-size:16px; line-height:1.3em; }
.font18			{ font-size:18px; line-height:1.4em; letter-spacing:0.01em; }
.font22 		{ font-size:22px; line-height:1.25em; letter-spacing:-0.02em; }
.font28 		{ font-size:28px; line-height:1.1em; letter-spacing:-0.03em; }
.font42 		{ font-size:42px; line-height:1.1em; letter-spacing:-0.02em; }
.font58 		{ font-size:58px; line-height:1.05em; letter-spacing:-0.03em; }
.font76			{ font-size:76px; line-height:1em; letter-spacing:-0.03em; }


.bg-pastel-blue { background-color:#D4E2FF }
.bg-gray  		{ background-color:#EEEEEE }

.blue	 		{ color:#203353 }
.gray	 		{ color:#999 }


.nav-index			{ position: relative;  z-index:10000  }

.logo		{ float:left; width:240px; }
.logo img	{ float:left; width:100%; }

.menu 		{ position:absolute; left:calc(50% + 16px);  }
.menu-item	{ position:relative; float:left; margin-right:24px; cursor:pointer; outline: none; -webkit-tap-highlight-color: transparent; }
.menu-item.active	{ border-bottom:1px solid #203353; }
.menu-item.active:hover	{ border-bottom:1px solid transparent; }


.header-links 				{ display:none; }
.header-links-linkedin a 	{ float: left; }
.header-links-linkedin img 	{ float: left; margin: -2px 10px 0 0; }
.header-links hr 			{ margin:8px 0; width: calc(100% - 24px); }


.hamburger		{ display:none; position:relative; float:right; margin-left:24px; width:30px; height:16px; margin-top:8px; 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:#203353; 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: 12px; transform-origin: left center;}
.hamburger.open span:nth-child(1) { top: -4px; left: 5px; transform: rotate(45deg);}
.hamburger.open span:nth-child(2) { top: 17px; left: 5px; transform: rotate(-45deg);}



.lang			{ float:right; width:35px; height:35px; border:1px solid #203353; text-align:center; text-transform: uppercase; display:table; 
			  	  cursor:pointer; outline: none; -webkit-tap-highlight-color: transparent; }
a.lang:hover	{ text-decoration:none; }

.home-more-about	{ margin-top:40px }
.home-news			{ position:relative; display: flex; width:100%; margin-top:160px; }
.home-news-photo 	{ flex: 0 50%;}
.home-news-photo-mobile { display:none; }
.home-news img		{ float:left; width:100%; }

.home-news-right 	{ flex: 0 calc(50% - 100px); max-width:590px; margin-left:100px}
.home-news-right-cont { height:100%; display:table; }	
.home-news h2    	{ margin-top:64px; margin-bottom:32px  }
.home-news-items	{ float:left; width:56px; min-height: 123px; }
.home-news-item	 	{ float:left; width:100%; color:#999999; cursor:pointer;}
.home-news-item.active	 { float:left; width:100%; color:#203353 }
.home-news-line    	{ float:left; background-color:#999999; width:2px; height:41px }
.home-news-item.active .home-news-line   { background-color:#203353;  }
.home-news-item:nth-child(2) .home-news-line    { height:60px }
.home-news-item:nth-child(2) .home-news-number 	{ padding-top:18px }
.home-news-item:nth-child(3) .home-news-number 	{ padding-top:18px }
.home-news-number 	{ float:left; text-align:center; width:54px; }
.home-news-text  	{ float:left; width:calc(100% - 88px); margin-left:32px; max-width:420px; }
.home-news-text a 	{ position:relative; font-size:18px; font-weight: 550; border-bottom:solid 1px #203353; display:inline-block;}
.home-news-text a:hover { border-bottom:solid 1px transparent }
.news { display: none; }
.news.active { display: block; }



.home-news-items-cont  { position:relative; float:left; width:100%; height:300px;}


.dragscroll-cont	{ min-width:1750px; margin-bottom:40px }

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

.custom-scrollbar-container { display:none; width: 100%; 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: #203353; top: 0; left: 0; cursor: pointer; transition: background-color 0.3s;}




        
.home-why			{ margin-top:160px }
.home-why-container	{ position:relative; display: flex; flex-wrap: wrap; justify-content: center; padding-top:24px; pointer-events:none; z-index:100 }
.home-why-item 		{ position:relative; min-width:241px; flex: 0 calc((100%/7) - 1px); margin-top:8px; pointer-events:auto; overflow:hidden; height:456px;
				  	  padding:0 12px 100px 12px; border-left:1px solid #999999; transition: all .5s ease-in-out;  }
.home-why-item-title { height:64px; cursor:pointer;-webkit-tap-highlight-color: transparent; }
.home-why-item-text { display:none; }
.home-why-item-plus { position:absolute; bottom:0; background:#fff url(../images/plus.svg); width:40px; height:40px; background-size:40px 40px; 
					  cursor:pointer; outline: none; -webkit-tap-highlight-color: transparent; }

.home-why-item.active 	{ border-left:1px solid #203353; flex: 0 calc(((100%/7)*2) - 1px); }
.home-why-item.active .home-why-item-text { display:block; }


.home-services			{ margin-top:160px }
.home-services-container{ position:relative; display: flex; flex-wrap: wrap; justify-content: center; gap:0 24px; padding-top:32px; 
						  pointer-events:none; z-index:100 }
.home-services-column 	{ position:relative; flex: 0 calc(50% - 12px);  pointer-events:auto;   } 
.home-services-column a { float:left; width:100%; margin-top:-1px; border-top:1px solid #999999; border-bottom:1px solid #999999; padding:16px 0  } 
.home-services-column a:hover { background:url(../images/arrow.svg) no-repeat; background-position:center right 24px; z-index:10  } 
.home-services-column li { list-style-position:outside; margin-left: 0.8em; } 





.home-team			{ margin-top:160px }
.home-team-container{ position:relative; display: flex; flex-wrap: wrap; justify-content: left; gap:33px; padding-top:24px; pointer-events:none; z-index:100 }
.home-team-item 	{ position:relative; margin-top:8px; pointer-events:auto; overflow:hidden; transition: all .5s ease-in-out;  }
.home-team-item-layout1 { flex: 0 calc((100%/3) - 22px); }
.home-team-item-layout2 { flex: 0 calc((100%/4) - 26px); }
.home-team-item-photo img	{ float:left; width:100%; aspect-ratio:1; object-fit:cover  }
.home-team-item-name { float:left; margin-top:34px; }
.home-team-item-more { clear:both; float:left; margin-top:20px; }
.home-team-item-more a { position:relative; display:inline-block; line-height: 1.8em; border-bottom:solid 1px #203353 }
.home-team-item-more a:hover { border-bottom:solid 1px transparent }



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


.dragscroll-team-display-mobile { display:none; }

.custom-scrollbar-container-team { display:none; width: 100%;  box-sizing: border-box;}
.custom-scrollbar-track-team 	{ position: relative; width: 100%; height: 8px; background-color: #ccc;}
.custom-scrollbar-thumb-team 	{ position: absolute; height: 8px; background-color: #203353; top: 0; left: 0; cursor: pointer; transition: background-color 0.3s;}

.home-team-dragscroll-item 	{ position:relative; flex: 0 calc((100%/4) - 26px); margin-top:8px; pointer-events:auto; overflow:hidden; transition: all .5s ease-in-out;  }

.dragscroll-team-display2 .home-team-item-name { width: calc(100%);  }



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

.custom-scrollbar-container-reference { display:none; width: 100%;  box-sizing: border-box;}
.custom-scrollbar-track-reference 	{ position: relative; width: 100%; height: 8px; background-color: #ccc;}
.custom-scrollbar-thumb-reference 	{ position: absolute; height: 8px; background-color: #203353; top: 0; left: 0; cursor: pointer; transition: background-color 0.3s;}



.home-reference				{ margin-top:160px }
.home-reference-container	{ position:relative; display: flex; flex-wrap: wrap; justify-content: left; gap:32px; padding-top:32px; pointer-events:none;  }
.home-reference-item 		{ position:relative; flex: 0 calc((100%/4) - 24px); pointer-events:auto; overflow:hidden; 
							  border-top:1px solid #999999; border-bottom:1px solid #999999; height:267px; text-align: center;   }
.home-reference-item-cont 	{ position:absolute; width:100%; height:100%; display:table; top:0;
							  transition: all 0.8s cubic-bezier(0.68, -0.3, 0.32, 1.3);  }
.home-reference-item-text 	{ display:inline-block; border:1px solid #203353; padding:4px 8px; margin-top:8px }
.home-reference-item-name 	{ max-width:200px; margin:auto}		  	  
 
.home-reference-item-img 	{ position:absolute; width:100%; height:100%; top:100%; display:table; background-color:#fff;
							  transition: all 0.8s cubic-bezier(0.68, -0.3, 0.32, 1.3);  }
.home-reference-item-img img 	{ max-width:180px; max-height:101px; }

.home-reference-item:hover .home-reference-item-cont  { top:-100% }
.home-reference-item:hover .home-reference-item-img  { top:0; }
			
			
			

				 
				 
				 
.home-contact			{ margin-top:160px; background-color:#EEEEEE; padding:32px; padding-bottom:100px }	 
.home-contact-left		{ float:left; }	 
.home-contact-right		{ float:right; }	 

.button 		{ float:left; border:2px solid #203353; padding:14px 24px; outline: none; -webkit-tap-highlight-color: transparent; }		 
.button:hover 	{ background-color:#203353; color:#fff!important; border:2px solid #203353; }		 
	 



/* About */

.about-mission		{ float:right; width:calc(50% - 16px); padding-top:150px; padding-bottom:80px  }
.about-mission-our 	{ display:inline; margin-right:28px}
.about-mission-text { position:relative; display:inline; top:5px;}

.about-photos	{ position:relative; display: flex; flex-wrap: wrap; gap:33px; justify-content: center; padding-top:24px; pointer-events:none; z-index:100 }
.about-photo 	{ height:484px; overflow:hidden;  }
.about-photo img 	{ float:left; width:100%; height:100%; object-fit:cover}
.about-photo40 	{ position:relative; flex: 0 calc(40.5% - 22px); }
.about-photo20 	{ position:relative; flex: 0 calc(19% - 22px);  }



/* Services */

.services-container { position:relative; display: flex; flex-wrap: wrap; justify-content: center; gap:24px; padding-top:150px; 
					  pointer-events:none; z-index:100 }
.services-column 	{ position:relative; flex: 0 calc(50% - 12px);  pointer-events:auto}
.services-column h1 	{ padding-right:50px} 
.services-item 		{ margin-bottom:96px }
.services-item a			{ position:relative; }
.services-item a.active	{ border-bottom:1px solid #203353; }
.services-item a.active:hover	{ border-bottom:1px solid transparent; }
.services-title 	{ margin-top:10px; margin-bottom:32px; max-width:600px }


.gdpr-text a		{ position:relative; display: inline-block; border-bottom:solid 1px #203353; }
.gdpr-text a:hover  { border-bottom: solid 1px transparent;}
.gdpr-text h3 		{ font-weight: 600; }

.services-more 		{ clear:both; float:left; margin-top:20px; }
.services-more a 	{ position:relative; border-bottom:solid 1px #203353; display: inline-block; line-height: 1.8em;  }
.services-more a:hover 	{ border-bottom:solid 1px transparent  }


.services-detail-text 	{ margin-top:10px;}
.services-detail-text a			{ position:relative; }
.services-detail-text a.active	{ border-bottom:1px solid #203353; }
.services-detail-text a.active:hover	{ border-bottom:1px solid transparent; }
.services-detail-text img 	{ max-width:100%; height:auto}

.services-detail-contact{ margin-top:70px;}
.services-detail-photo 	{ float:left; width:100%; max-width:225px; margin-top:16px; }
.services-detail-photo img 	{ float:left; width:100%; }
.services-detail-info 	{ float:left; width:calc(100% - 265px); margin-left:32px; margin-top:15px; }
.services-detail-phone 	{ margin-top:32px; }
.services-detail-linkedin a		{ position:relative; float:left;  }
.services-detail-linkedin img 	{ float:left; width:16px; margin:0px 10px 0 0  }



.services-detail-services			{ margin-top:160px;  }
.services-detail-services ul		{ margin-top:30px; display: flex; flex-wrap: wrap; gap:32px; }
.services-detail-services li		{ position:relative; flex: 0 calc(25% - 24px);  pointer-events:auto; background-color:#EEEEEE; 
									  padding:32px 32px 160px 32px; list-style:none; list-style-position:inside; margin-left:0;
									  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
.services-detail-services li::after	{ content: " "; position:absolute; left:32px; bottom:32px; width:12px; height:12px; background-color:#203353;
									  -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%;   }

.services-detail-services-text	 { margin-top:24px }

.services-detail-next-services			{ margin-top:160px }

.services-detail-container	{ position:relative; display: flex; flex-wrap: wrap; justify-content: center; gap:0 24px; padding-top:150px; 
						  	  pointer-events:none; z-index:100 }
.services-detail-column 	{ position:relative; flex: 0 calc(50% - 12px);  pointer-events:auto;   } 
.services-detail-column h3 	{ margin-bottom:24px; font-size:28px; line-height: 1.1em; letter-spacing: -0.03em; font-weight: 550; }
.services-detail-column hr 	{ width:66px; height:1px; background-color: #999999; margin:40px 0; }


.services-detail-email a	{ position:relative; }



.services-detail-team-more { clear:both; float:left; margin-top:20px; }
.services-detail-team-more a { position:relative; display:inline-block; line-height: 1.8em; border-bottom:solid 1px #203353 }
.services-detail-team-more a:hover { border-bottom:solid 1px transparent }

/* Team */
.team-container{ position:relative; margin-top:150px; display: flex; flex-wrap: wrap; justify-content: center; gap:0 34px; pointer-events:none; z-index:100 }
.team-item 		{ position:relative; flex: 0 calc((100%/2) - 17px); margin-top:8px; pointer-events:auto; overflow:hidden;  }
.team-item-photo img	{ float:left; width:100%;  }

.team-item-photo-mobile	{ float:left; display:none; margin:24px 0 }

.team-item-function { margin-top:8px; }

.team-contact		{ margin-top:32px; }
.team-contact a		{ position:relative; float:left; }
.team-contact img	{ float:left; margin:-1px 10px 0 0}

.team-subtitle		{ margin-top:32px; margin-bottom:32px; }
.team-bio-text		{ max-width:745px }
.team-bio-text p 	{ text-indent:2em; }
.team-bio-text p:first-child { text-indent:0; }
.team-bio-text a		{ position:relative; }
.team-bio-text a.active	{ border-bottom:1px solid #203353; }
.team-bio-text a.active:hover	{ border-bottom:1px solid transparent; }

.team-list { float:left; border:1px solid #203353; padding:7px 15px; margin:0 8px 8px 0 }		 
.team-list:hover { border:1px solid #203353; }		 


/* Contact */
.contact-container 	{ margin-top:150px; margin-bottom:150px; }
.contact-title		{ color:#999999; margin-bottom:24px}		 
.contact-left		{ float:left; width:65%; max-width:1058px; margin-right:34px}	 
.contact-right		{ float:right; width:calc(35% - 34px); max-width:591px;}	
.contact-half    	{ position:relative; display: flex; flex-wrap: wrap; justify-content: center; gap:34px; z-index:100 }
.contact-half-item 	{ position:relative; flex: 0 calc((100%/2) - 17px); margin-top:8px; pointer-events:auto; overflow:hidden;  }
	 
.contact-text		{ float:left; width:100%; max-width:435px;}
.contact-text a		{ position:relative; float:left; }
.contact-text img	{ float:left; margin:-1px 10px 0 0}
.map				{ width:100%; margin-bottom:150px; }


#map				{ aspect-ratio:16/9 }


/* Formulář */
.formular				{ margin-bottom:88px; }
.formular-polozka		{ margin:20px 0 5px 0 }
.formular-error			{ display:none; margin:20px 0 5px 0; color:#C50000; }
.formular select 		{ display:none }
.formular textarea 		{ height:128px; }
.formular input[type="checkbox"]  			{ position:absolute; width:0; cursor:pointer; border:0; padding:0 }
.formular input[type="checkbox"] + label 	{ position:relative; float:left; width:32px; height:32px; background:url("../images/checkbox.svg");   
											  margin-top:10px; background-size:64px 32px; cursor:pointer;}  
.formular input[type="checkbox"]:checked + label  { background-position:-32px; }

.formular input.error 	{ color:#C50000; }
.souhlas				{ float:left; width:calc(100% - 50px); margin:18px 0 48px 17px;  }
.souhlas.font18 	 	{ line-height: 1.2em!important;}
.souhlas a				{ position:relative; color:#203353; border-bottom:solid 1px #203353; }
.souhlas a:hover		{ border-bottom:solid 1px transparent; }
.souhlas-gdpr-error 	{ display:none; color:#C50000; margin-top:5px }
.odeslat-prostor		{ text-align: center; }
.odeslat				{ float:left; width:auto; color:#203353; background: #fff; cursor:pointer; }




.formular-uspech	{ display:none; text-align:left; margin-bottom:40px; }
.formular-text		{ margin-top:18px; }

.path {
  stroke-dasharray: 400;
  stroke-dashoffset: 400;
  animation: animateDash 5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  display:block!important;
}


.path2 {
  stroke-dasharray: 400;
  stroke-dashoffset: 400;
  animation: animateDash 25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  display:block!important;animation-delay:0.5s;
}

@keyframes animateDash {
  to {
    stroke-dashoffset: 0;
  }

}



.footer-container 	{ float:left; width:100%; background: linear-gradient(180deg, #FFFFFF 0, #B1CEFF 100%);}			 
				 
.footer 			{ float:left; width:100%; border-top:1px solid #999999; margin-top:24px; }	
.footer-3 			{ float:left; width:100%; max-width:279px; margin-right:24px}	
.footer-title 		{ color:#999999; margin-bottom:24px}		 
.footer-text a		{ position:relative; float:left; }
.footer-text img	{ float:left; margin:-1px 10px 0 0}
				  	  
.footer-right 		{ float:right; width: calc(100% - 910px); max-width:591px;}	
.footer-right-text  { margin-top:50px }
.footer-right img	{ float:left; width:100%; max-width:426px; margin-top:24px}	

.footer-bottom		{ margin-top:80px; padding-bottom:60px; }
.footer-link		{ position:relative; float:left; margin-right:24px; cursor:pointer;}
.footer-logo		{ float:right; width:112px; margin-right:24px  }
.footer-logo img	{ float:left; width:100%; }




/* 404 */
.error404 			{ background: linear-gradient(180deg, #B1CEFF 0, #FFFFFF 110%); height:100%;  }
.error404-title 	{ margin-top:160px }
.error404-text 		{ margin-top:32px; margin-bottom:160px; max-width:1362px; color:rgba(32, 51, 83, 0.5);  }
.error404-text a 	{ position:relative; border-bottom-width:0.08em; }


.error404 .footer-container 	{ background:transparent;}



/* Cookies */


.gdpr				{ position:fixed; bottom: 24px; width:calc(100vw); margin:auto; z-index:101; }
.gdpr-y				{ position:relative; max-height:calc(100vh - 160px); background: rgba(212, 226, 255, 0.97); color:#203353; padding:24px 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		{ width:calc(100% - 80px) }
.gdpr-text			{ text-align:left; margin-bottom:40px; padding-right:40px; max-width:902px; }
.gdpr-text a		{ color: #203353; border-bottom:1px solid #203353; }
.gdpr .button 		{ color: #203353; margin-left:14px; cursor:pointer; padding:14px 14px; text-shadow:none; }


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

.gdpr-nastaveni 	{ position:relative; float:left; border-bottom:solid 1px #203353; cursor:pointer; margin-top:30px }
.gdpr-nastaveni:hover	{ border-bottom:1px solid transparent; }
.gdpr-odmitnout		{ margin-right:0; }

.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:rgba(212, 226, 255, 0.97);
					  color:#203353; overflow-y:auto; z-index:100000000; }
.gdpr-info-prostor  { position: relative; width: 100%; padding:24px; min-height:calc(100% - 113px); } 

.gdpr-info-close	{ position:absolute; right:24px; width:35px; height:35px; 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:#203353; 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: 15px; left: 3px; transform: rotate(45deg);}
.gdpr-info-close span:nth-child(2) { top: 15px; left: 3px; transform: rotate(-45deg);}
.gdpr-info hr		{ background:#203353; margin-top:10px; height:1px }
.gdpr-info-nadpis	{ margin-top:20px;  }

.gdpr-subnadpis		{ margin:30px 0 20px 0 }
.gdpr-info-uvod-text{ margin:24px 0px 30px 0; }
.gdpr-info-polozka	{ border-bottom:1px solid #203353; border-top:1px solid #203353; 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:20px; margin-right:20px; background:url(../images/checkbox-cookie.svg?rand=1); 
													  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% - 140px); cursor:pointer; }
.gdpr-info-click-aktivni	{ width:calc(100% - 150px); }
.gdpr-info-minus	{ display:none; float:left; background:url(../images/arrow-cookie.svg); background-size:18px 18px; width:18px; height:18px; margin-left:12px; transform: rotate(-180deg); margin-top:20px }
.gdpr-info-plus		{ float:left; background:url(../images/arrow-cookie.svg); background-size:18px 18px; width:18px; height:18px; margin-left:12px; margin-top:20px; }
.gdpr-info-cookies	{ float:left; width:calc(100% - 70px); margin:20px 0 18px 20px;}

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

.gdpr-info-aktivni	{ float:right; margin-top:24px; margin-right:20px; color: #203353;}
.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: 113px; bottom:0px; padding: 24px 0; text-align:center; }

.gdpr-info .button {  margin-right:12px; cursor:pointer; padding:14px ; text-shadow:none; color:#203353 }

.gdpr-prijmout2	{ background:#203353; border:solid 1px #203353; color:#fff; margin-left:12px;}
.gdpr-potvrdit	{ float:none; display:inline-block;  }





@media (hover: hover) and (pointer: fine) {
    .uline {
        white-space: nowrap;
        --bottom: -1px;
    }
    .uline:before {
        background-color: currentColor;
        bottom: var(--bottom);
        content: "";
        height: 1px;
        left: 0;
        min-height: 1px;
        position: absolute;
        right: 0;
        transform: scaleX(0);
        transform-origin: right;
        transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
    }

    .uline:hover:before {
        transform: scaleX(1);
        transform-origin: left;
    }
    
    
    
 
    .active.uline:before {   
	  	transition-delay: 250ms;

	 }


    .error404-text .uline:before { height: 4px; }
}


/* Footer */   
.wrapper        { min-height: 100%;	height: auto !important; margin: 0 auto -325px; }
.footer-container, .push  { height: 325px; /* .push must be the same height as .footer */ }