/* Barvy
black - #00000D
green - #EBFF00
white off - #F2F2F2
darkgray - #D9D9D9
*/


/* 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', sans-serif;
  font-weight:400;
  background-color:#000000;
  color:#fff;
  -webkit-text-size-adjust:100%;
  width:100%;
  height:100%;
  transition: background 0.6s ease-in-out;

}



html 		{ overflow-x:hidden;  }

html.white,
body.white 	{ background-color:#F2F2F2; color:#000000; }



h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a           { color:#00000D; text-decoration: none;}
a:focus		{ outline: none; -webkit-tap-highlight-color: transparent }
a:hover     { border-bottom:1px solid #00000D }
.clearboth  { clear: both; }
.floatleft  { float: left; }
.uppercase  { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }
.black		{ color:#00000D }
img         { border: none; }
p           { clear:both; }
ul          { margin:0; }
b           { font-weight:400;  }
strong      { font-weight:400; }
hr          { height:1px; border:0; background-color: #00000D; }
.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: 'Switzer', sans-serif;
				font-size:20px; border:solid 1px #00000D; -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;
}
.border8   { -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;  }
.border16  { -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px;  }
.border25  { -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;  }
.border32  { -webkit-border-radius:32px; -moz-border-radius:32px; border-radius:32px;  }
.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:#00000D; }

.bold		{ font-weight:400; }



main        { position: relative; display:block; width:100%; height:100%; }
nav         { position: fixed; width:calc(100vw - 48px); padding-top:24px; z-index:1000 }
.prostor    { position: relative; display:block; width:calc(100vw - 48px); margin:auto; }

.font12		{ font-size:12px; line-height:1em }
.font14		{ font-size:14px; line-height:1.2em }
.font16		{ font-size:16px; line-height:1.25em }
.font18		{ font-size:18px; line-height:1.2em }
.font20		{ font-size:20px; line-height:1em }
.font24		{ font-size:24px; line-height:1.2em }
.font28		{ font-size:28px; line-height:1.2em }
.font32		{ font-size:32px; line-height:1.2em }
.font36		{ font-size:36px; line-height:1.2em }
.font40		{ font-size:40px; line-height:1em }
.font48		{ font-size:48px; line-height:1.25em }
.font60		{ font-size:60px; line-height:1em }
.font96		{ font-size:96px; line-height:1em }

.letter-spacing0	{ letter-spacing:0 }
.letter-spacing		{ letter-spacing:-0.03em }
.letter-spacing2	{ letter-spacing:-0.02em }
.letter-spacing3	{ letter-spacing:-0.01em }
.letter-spacing5	{ letter-spacing:-0.05em }
.letter-spacing10	{ letter-spacing:-0.1em }
.letter-spacing9	{ letter-spacing:-0.09em }
.letter-spacing8	{ letter-spacing:-0.08em }
.letter-spacing7	{ letter-spacing:-0.07em }

.Arial	{ font-family:Arial; }


span[lang=en], span[lang=fr] {
  display: none
}


.button		{ float:right; padding:5px 8px 3px 8px; cursor:pointer; text-transform:uppercase; background:#EBFF00; color:#00000D; outline: none; -webkit-tap-highlight-color: transparent }
a.button	{ border:0; background:#EBFF00; color:#00000D}


.br-mobile { display:none; }


/* Menu */



.nav-cont		{ position: relative; width:calc(100vw - 48px); max-width:412px; margin:auto; padding:7px 10px 40px 16px; border:solid 1px #A3A3A3;
				  backdrop-filter: blur(10px); transition:height 0.5s ease-out; height:0; 
				  background: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.00) 100%), rgba(0, 0, 0, 0.85); }
			



.nav-cont		{ position: relative; width:calc(100vw - 48px); max-width:412px; margin:auto; padding:7px 10px 40px 16px; border:solid 1px #A3A3A3;
				  backdrop-filter: blur(10px); transition:height 0.5s ease-out; height:0; 
				  background: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.00) 100%), rgba(0, 0, 0, 0.85); }
				   


	
				   

.nav-cont.active{ height:365px; }


.nav-cont-light	{ background: linear-gradient(0deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.00) 100%), rgba(255, 255, 255, 0.50);}



.hamburger		{ position:relative; float:left; width:30px; height:16px; margin-top:7px; cursor:pointer; z-index:10000;
				  transform: rotate(0deg); transition: .5s ease-in-out; 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.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;}

.nav-cont-light .hamburger span { background:#00000D; }

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



.mutace			{ float:left; text-transform:uppercase; margin-left:20px; margin-top:9px; font-weight: 700 }
.mutace a		{ float:left; border:0; opacity:0.5; margin-right:24px; color:#f2f2f2; }
.mutace a 		{ display:none; }
.mutace a.active { display:block; }
.nav-cont-light .mutace a		{ color:#00000D; }



.button-tickets	{ margin-top:2px }


/* Menu */

.menu					{ display:none; margin-top:24px; padding-bottom:10px; color:#f2f2f2;}

.nav-cont-light .menu,
.nav-cont-light .menu a	{ color:#00000D; }


.menu-item				{ display:none; margin-top:8px; cursor:pointer; overflow:hidden;  }
.menu-item:hover		{ color:#EBFF00;  }
.nav-cont-light .menu-item:hover {  color: rgba(0, 0, 0, 0.25); }




/* Section 0 */

.section0			{ color:#000; min-height:100vh; padding-bottom:24px; }
.section0 a			{ color:#000;  }
.section0 a:hover	{ border-bottom:1px solid #000  }

html.white .section0,
html.white .section0 a	{ color:#00000D; }	

h1					{ position:absolute; left:-10px; right:0; margin:auto; width:min-content; color: #FFF; text-transform:uppercase; font-weight: 400 }

.nav-cont-light h1	{ color:#00000D }




.letters		{ position:relative; display:table; height:100vh; width:calc(100vw - 24px); max-width:1115px; margin:auto;  color:#fff }


.hope { font-size: 500px; line-height: 1em; margin-top:-30px; font-weight: 300;}
.hope img { position:absolute; width:100%; margin-top:225px; margin-left:-20px; opacity: 0;}


canvas {
    z-index: 100;
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    opacity:0.95;
    transform: rotate(-4.5deg);
}


.claim { float:left; margin-top:-20px; line-height:1em; padding-left:40px}


.section0-partners			{ float:right; margin-top:-40px; }
.section0 .partner			{ position:relative; float:right; }
.section0 .partners-line	{ display:none; position:absolute; width:0; height:1px; background:#000; transition: 0.5s ease-in }
.section0 .partners-line.active	{ width:100%;   }

.section0 .partners-line-text { display:none; overflow:hidden;  }

.section0 .partners-line-text-img	{ display: inline-block; margin-top:45px }
.section0 .partners-line-text-img img	{ margin-right:50px; height:36px }






.section0-text		{ max-width:893px; margin:auto; text-align:center; color:#fff }
.section0-text1		{ position:relative; font-weight:600; text-transform: uppercase; }

.section0-img		{ position:relative; margin:auto; width:calc(50% + 162px); max-width:451px; transform:rotate(2.97deg); }
.section0-img-cont	{ position:relative; margin:auto; margin-top:120px; width:360px; height:121px; background:url(../images/small-tape-nikita.webp); 
					  background-size: 360px 121px; color:#000; z-index:10 }
.section0-img-text	{ padding-top:26px; padding-left:22px; transform:rotate(5.5deg); text-align:left; }
.section0-img img	{ width:100%; margin-top:-60px}

.section0-name		{ text-transform: uppercase; }



.section0-button	{ float:left; margin-top:8px; margin-right:8px; background: #D9D9D9; padding: 5px 8px 4px 8px; }


/* Section 1 */
.section1		{ float:left; width:100%; }

.speakers-title	{ position:relative; text-align: center; margin-top:150px; margin-bottom:25px; }

.speakers 		{ display: flex; flex-wrap: wrap; justify-content: center;  gap:64px 16px; max-width:1868px; margin:auto; margin-top:80px }

.speakers-number-title	{ display:none; position:absolute; right:0%; transform: rotate(-90deg); top:28px; }

.speaker		{ position:relative; cursor:pointer; flex: 0 calc(25% - 16px); margin-top:80px  }
.speaker img 	{ width:100%; aspect-ratio:13/16; object-fit:cover; object-position: top; image-rendering: smooth; 
				  background-color: #D9D9D9; }

.speaker-function-cont	 { float:left; width:calc(100% - 80px); padding:8px; }
.speaker-name	{ position:absolute; width:323px; height:103px; top:-50px; left:60px; text-transform: uppercase; }
.speaker-name-tape { position:absolute; width:100%; height:100%;  }
.speaker-name-tape1 { transform:rotate(2deg); background:url(../images/tape1.webp); }
.speaker-name-tape2 { transform:rotate(3deg); background:url(../images/tape2.webp); }
.speaker-name-tape3 { transform:rotate(-4deg); background:url(../images/tape3.webp); }
.speaker-name-tape4 { transform:rotate(0); background:url(../images/tape4.webp); }
.speaker-name-tape5 { transform:rotate(-2deg); background:url(../images/tape1.webp); }
.speaker-name-tape6 { transform:rotate(4deg); background:url(../images/tape2.webp); }
.speaker-name-tape7 { transform:rotate(0); background:url(../images/tape3.webp); }
.speaker-name-tape8 { transform:rotate(-3deg); background:url(../images/tape4.webp); }
.speaker-name-text { position:absolute; top:0; padding:16px; width:100%; }
.speaker-text	{ display:none; }
.speaker-number-cont { float:right; margin-top:12px;  text-align:center; margin-right:8px; }
.speaker-number	{ padding:8px 14px; border:solid 1px #00000D; font-weight:400; letter-spacing: -0.03em; margin-top:4px; cursor:pointer; font-family:Archivo; }
.speaker-number:hover	{ background:#EC008C; border:solid 1px #EC008C; color:#fff; font-weight: 600; }
.speaker-links a { float:left; border-bottom: solid 1px #00000D; margin-right: 16px; }

.speaker-cont2		{ float:left; width:100%;  }
.speaker-mobile-img	{ display:block!important; max-width:450px; margin:20px 0 16px 0; }

.speaker-height { height:20px; }
.speaker-tag	{ float:left; margin-top:8px; margin-right:8px; background: #D9D9D9; padding:6px 8px; }

.speaker-more{ text-align: center; margin-top:80px}
.speaker2 img 	{ width:100%; aspect-ratio:13/16; object-fit:cover; object-position: top; image-rendering: smooth; }



.speaker2		{ position:relative; cursor:pointer; flex: 0 calc(25% - 16px); }



.section1B { float:left; width:100%; padding-bottom:100px; }





/* Section 2 */

.section2 { padding-top:50px; }

.title-mobile	{ display:none; } 

.section2-text	{ float:left; display: grid; grid-template-columns: 1fr 1fr; font-weight:400; margin-top:100px  }
.section2-text hr	{ margin:16px 0;  }
.section2-date	{ margin-bottom:15px  }
.section2-date-text	{ width:calc(100% - 40px); max-width:550px; }
.section2-meet	{ max-width:500px; margin-top:8px }

.darkgray		{ color:#B9B9B9 }

.program-subtitle		{ margin-top:112px   }

.panel			{ position:relative; float:left; width:100%;  background:#FFFFFF; margin-top:16px; outline: none; -webkit-tap-highlight-color: transparent } 
/*.panel.active	{ background:#D9D9D9; } */
.panel:hover .panel-number	{ background:#00000D; color:#F2F2F2; } 

.panel-active	{ min-height:160px; padding: 16px 16px 0 16px; cursor:pointer;}
.panel-info		{ display:grid; grid-template-columns:1fr 1fr; gap:64px}
.panel-info-hide{ display:none;  }
.panel-info-hide .speaker-tag	{ background:#fff; }
.panel-pasive	{ padding:0 16px 16px 16px;}

.panel-time		{ float:left; width:200px; font-weight:600; margin-right:16px }
.panel-title	{ float:left; width:calc(100% - 256px) }

.panel-number	{ float:right; background:#FFFFFF; padding:8px 14px; border:solid 1px #00000D; font-weight:400; letter-spacing: -0.03em;font-family:Archivo; }
.panel.active .panel-number	{ background:#00000D; color:#F2F2F2 } 

.panel-text		{ margin-bottom:15px   }
.panel-moderated	{ margin-bottom:32px   }
.panel-moderated-name	{ text-transform: uppercase; }
.panel-moderated-link	{ border-bottom:1px solid #00000D}
.panel-names	{ margin-top:5px; }
.panel-name-cont{ float:left; width:100%; margin-bottom:10px; cursor:pointer;  }

.panel-name-cont-left{ float:left; margin-right:8px; margin-bottom:16px;  }

.panel-name		{ float:left; text-transform: uppercase; border-bottom:solid 1px transparent; border-bottom:solid 1px #00000D; margin-bottom:4px; margin-right:16px; }
.panel-name-cont-right{ float:left; margin-top:-8px; margin-bottom:4px;}

.panel-name-text	{ display:none;}
.panel-name-text img 	{ aspect-ratio:1; object-fit: cover; object-position:top; width: 100%;}



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



/* Section 3 */

.partners-lines { display: flex; flex-wrap: wrap; justify-content: center; gap:16px; }
.partners-line	{ width:100%; height:1px; background:#00000D  }
.partners-line-text		{ margin-top:12px }
.partners-line-text-img	{ width:100%; text-align:center; margin-top:27px; font-size: 0; }

.partners-line-text-img	img{ position:relative; width:100%; }





.partners-lines2 { display: flex; flex-wrap: wrap; justify-content: center;  gap:16px; margin-top:98px; }







.partner-main .partners-line-text-img a	{  display:inline-block;  margin:0 50px 40px 50px}
.partner-main .partners-line-text-img .partners-line-text-table	{  display: table; height:110px; }
/*.partner-main .partners-line-text-img img { width:100%; width:200px;   }*/


.partner { flex: 0 calc(25% - 12px); }


.partner3 { flex: 0 calc(50% - 12px); margin-left:20px }
.partner3 .partners-line-text-img a	{ display:inline-block;  }


.img-jt			{ max-width:350px; }
.img-e15		{ max-width:115px; }
.img-orlen		{ max-width:250px; }
.img-drfg		{ max-width:180px;}
.img-katz83		{ max-width:210px;}
.img-lenovo		{ max-width:190px;}
.img-glamedic	{ max-width:210px;}
.img-pytloun	{ max-width: 250px;}
.img-pfi		{ max-width:150px; }
.img-philip-morris{ max-height:70px;}
.img-sps		{ max-width:100px!important; margin-left:40px!important; }
.img-mozart		{ max-width:210px; }
.img-rockaway	{ max-height:35px;  }
.img-orgrez		{ max-height:20px;  }
.img-qminers	{ max-height:70px;  }
.img-rsm		{ max-height:35px; margin-left:0!important  }
.img-plantation	{ max-height:70px;  }
.img-upb		{ max-height:45px;  }
.img-warehouse	{ max-height:45px; }
.img-citadelle	{ max-height:50px; }
.img-dallmayr	{ max-height:65px;  }
.img-fevertree	{ max-height:55px;  }
.img-lexvinum	{ max-height:45px;  }
.img-mattoni	{ max-height:45px; }
.img-ollies		{ max-height:70px;  }
.img-qerko		{ max-height:30px;}
.img-liftago	{ max-height:70px!important }
.img-mpo		{ max-width:200px; }
.img-praha		{ max-width:100px!important; }
.img-reflex		{ max-height:45px; }
.img-computer	{ max-height:22px; }
.img-sport		{ max-height:40px; max-width: 100px!important; }
.img-sport-magazin	{ max-height:40px; }
.img-lide		{ max-height:30px; }
.img-vwfs		{ max-height:55px; }
.img-white-case { max-width:350px; }
.img-pernod		{ width:250px!important;}
.img-glenlivet	{ width:180px!important;}
.img-vw			{ width:220px!important;}
.img-ppf		{ width:120px!important;}
.img-mam		{ width:180px!important;}

.partner-main	{ margin-top:98px;}

.partners-line-text-img a:hover	{ border:0 }


.video-subtitle	{ display:inline-block; }

.video-outer	{ padding-top:120px; text-align: center; max-width:1300px; margin:auto; font-size: 28px; line-height: 1.2em; }
.video-inner	{ display:flex; gap:0 40px; margin-top:10px }
.video			{ position:relative; display:inline-block; width:50%; max-width:600px; margin:auto; margin-top:20px; text-align: center;}
.video-play		{ position:relative; float:left; width:100%; max-width:600px; height: auto; aspect-ratio:16/9; cursor:pointer; border:2px solid #000;
				  background:url(../images/video24.jpg); background-size:cover; background-position:center; z-index:5 }

.video iframe	{ display:none; float:left; width:100%; max-width:600px; height: auto; aspect-ratio:16/9; margin:auto; border: 2px solid transparent}


.video2-play		{ position:relative; float:left; width:100%; max-width:600px; height: auto; aspect-ratio:16/9; cursor:pointer; border:2px solid #000;
				  background:url(../images/play.webp); background-size:cover; background-position:center; z-index:5 }


.faqs			{ position:relative; text-align: center; margin-top:100px; margin-bottom:25px; }
.faqs-item		{ border-top:solid 1px #00000D; padding:12px 16px; cursor:pointer; outline: none; -webkit-tap-highlight-color: transparent }
.faqs-item:last-child		{ border-bottom:solid 1px #00000D;  }
.faqs-item a	{ border-bottom:solid 1px #00000D; }
.faqs-title		{ padding-right:80px; }
.faqs-place		{ height:18px; }
.faqs-text		{ width:50%; display: none; }

.faqs-plus		 			 { position:absolute; right:16px; width:30px; height:30px; }
.faqs-plus span 			 { position:absolute; height:2px; width:30px; left:0; background:#00000D;}
					
					
.faqs-plus span:nth-child(1) { top: 15px; left: -15px; transform: rotate(90deg); transition:0.5s ease-out;}
.faqs-plus span:nth-child(2) { transform-origin: left center; top: 15px; left: 15px;  width:30px; transform: rotate(-180deg);}
		
.faqs-plus.open span:nth-child(1) { transform: rotate(180deg);}




.faqs-item li { display:inline; }



/* Section 4 */

.partners		{ float:left; width:100%; text-align:center;    padding-bottom: 88px; }
.partners a:hover { border-width:2px  }
.partners-title	{ float:left; width:100%; clear:both; margin-top:108px }
.partners-text	{ float:left; width:100%; clear:both; margin-top:42px; }






/* Footer */
footer		{ padding-bottom:40px; }
footer hr	{ margin:20px 0 }
footer li 	{ display:inline; }
.footer-link 	{ float:left;  }
.footer-icon a 	{ float:left; width:24px; height:24px; border:0; margin-left:32px }
.footer-icon-tw a	{ background:url(../images/x.svg?rand=1); width:20px; height:20px; background-size: 20px 20px; margin-top:2px }
.footer-icon-li a	{ background:url(../images/linkedin.svg);}
.footer-icon-fb a	{ background:url(../images/facebook.svg);}
.footer-icon-ig a	{ background:url(../images/instagram.svg);}
.footer-icon-yt a	{ background:url(../images/youtube.svg);}
.footer-text a		{ border-bottom:solid 1px #00000D }



/* Overlay Tickets */
.overlay-background  { display:none; position:fixed; top:0; width:100vw; right:-100vw; height:100vh; background:#F2F2F2;  z-index:100; }

.overlay		{ display:none; position:fixed; top:0; width:100%; height:100vh; color:#00000D; overflow-y:auto; z-index:101; }
.overlay .overlay-content { position:relative; box-sizing: border-box;   }
.tickets-prostor{ position:relative; width:calc(100% - 40px); max-width:967px; margin:auto; padding-top:100px; }


.tickets-box 	{ position:relative; background:#fff; padding:16px 16px; margin-top:16px; min-height:320px; }
.tickets-box1 	{ top:50px; }
.tickets-left	{ float:left; width:calc(50% - 40px); margin-right:40px }
.tickets-right	{ float:right; width: 50% }
.tickets-list	{ position:absolute; bottom:24px; width:calc(100% - 120px); margin-left:8px }
.tickets-list li	{ list-style-position:outside; margin-top:3px; margin-left:15px; padding-left:8px }
.buy			{ position:absolute; right:24px; bottom:24px; background:#00000D; color:#fff; /*cursor:default;*/}
.buy-content a	{ padding:7px 14px; color:#000; }
.tickets-partners	{ margin-top:100px; margin-bottom:100px }
.tickets-close	{ display:none; margin-top:2px }


.buy-button { text-align:center; margin-top:30px }
.buy-home { float:none; padding: 7px 14px!important; color:#fff!important; }
.buy-home:hover { border:0!important }



/* Overlay Speakers */
.overlay-background2		{ display:none; position:fixed; top:0; width:100vw; left:0; height:100vh; background: rgba(242, 242, 242, 0.90); z-index:1000; } 

.overlay-speaker			{ top:0; z-index:1001;   }
.overlay-speaker-prostor	{ position:relative; width:calc(100% - 40px); height:100vh; display:table; max-width:1280px; margin:auto; }
.overlay-speaker-box		{ position:relative; background:#fff; padding:12px 16px; overflow:hidden; height:100%; max-height: 630px; }




.speaker-close			{ position:absolute;  top:20px; width:30px; height:24px; cursor:pointer; z-index:10 }
.speaker-close span 	{ position:absolute; display:block; height:2px; width:100%; left:0; background:#00000D; }

.speaker-close span:nth-child(1) { transform-origin: left center; top:0; left: 3px; transform: rotate(45deg);}
.speaker-close span:nth-child(2) { transform-origin: left center; width: 0%; opacity: 0; }
.speaker-close span:nth-child(3) { transform-origin: left center; top:21px; left: 3px; transform: rotate(-45deg);}
.overlay-speaker-info	{ position: absolute; width:calc(50% + 24px); height:100% }
.overlay-speaker-name	{ margin-top:52px; text-transform: uppercase; padding-right:50px}
.overlay-speaker-function	{ margin-top:16px }
.overlay-speaker-text	{ margin-top:24px; padding-right:50px; height:calc(100% - 306px); overflow-y: auto;  }
.overlay-speaker-text-el-erian { height: calc(100% - 395px); }
.overlay-speaker-links	{ margin-top:16px; padding-bottom: 20px; }
.overlay-speaker-links a	{ float:left; border-bottom:solid 1px #00000D; margin-right:16px  }
.overlay-speaker-panel	{ position:absolute; bottom:16px; width:calc(50% + 24px); cursor:pointer; padding:12px 16px; background:#EBFF00; color:#000; margin:16px 0  0 0 }
.overlay-speaker-panel-left	{ float:left; font-weight:600;}
.overlay-speaker-panel-right	{ float:right}
.overlay-speaker-panel-tag	{ display:none; float:right; background:#fff; color:#00000D; padding:6px 8px; margin-left:8px }


.overlay-speaker-frame img	{ position:absolute; right:0; width: calc(45% - 48px); object-fit:cover; aspect-ratio: 0.8; object-position: top left ; padding:20px; }
.overlay-speaker-foto img	{ position:relative; float:right; width: calc(45% - 88px); max-height: 600px;  object-position: top; object-fit:cover; padding:20px }





.splitting .char {
  animation: slide-in 1.5s ease; /* rychlost najetí řádku */
  animation-delay: calc(40ms * var(--char-index)); /* rychlost najetí písmen */
  animation-fill-mode: forwards;
  opacity:0;
}


@keyframes slide-in {
  0% {
    transform: translateY(1em);

  }
  20%,
  100% { 
    transform: translateY(0);
    
  }

  0%,
  100% {
    opacity:1;  
  }
}




/* Video */
.video-main {  position:relative; min-height: -webkit-fill-available; height: 100%;}

.video-logo	{ text-align:center; max-width:270px; margin:auto; margin-bottom:16px; } 
.video-logo img	{ width:100%; } 

.video-cont		{ width:calc(100% - 48px); max-width:960px; height:100%; margin:auto; color:#000; display:table; padding:32px 0; }
.video-shifts	{ width:100%; max-width:214px; margin:0 auto 16px auto }
.video-cont hr	{ background: #fff }
.video-iframe 	{ position:relative; overflow:hidden;}
.video-iframe iframe 	{ float:left; width:100%; border:0; max-height:540px; aspect-ratio:16/9}
.video-links-cont	{ float:left; width:100%; margin-top:16px;  }

.video-links a.button		{ padding:9px 12px 7px 12px; border:solid 1px #fff; margin-left:16px; border:solid 1px #EBFF00}
.video-links a.button:hover,
.video-links a.button-hp,
.video-links a.button-buy		{ background:#EBFF00; color:#fff; border:solid 1px #EBFF00 }
.video-vip		 { float:left; margin-top:7px; width:calc(100% - 300px) } 













.marketing-lab {
  position: absolute;
  width: 92%;
  height: 93vh;
  fill: #E4208C;
  left: 6vw;
  top: 5vh;
  object-fit: cover;
  transform: translateZ(0);
}

.marketing-lab .mask {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
}

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



.marketing-lab2 {
  position: absolute;
  width: 72%;
  height: 73vh;
  fill: #E4208C;
  left: 12vw;
  top: 15vh;
  object-fit: cover;
  transform: translateZ(0);
}

.marketing-lab2 .mask {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
}


#mask-Base,
#mask-Base2 {
  animation: strokeOffset 2s cubic-bezier(.52,-0.01,.33,1) forwards;
}
#mask-Zobak,
#mask-Zobak2 {
  animation: strokeOffset 1s cubic-bezier(0,.4,1,.6) forwards 2s;
}




.video-date					{ margin-bottom:20px; text-align:center; }
.home-proc-video			{ position:relative; float:left; width:100%;  }
.home-proc-video-filtr		{ position:relative; float:left; width:100%; height:100%; background:url(../images/video.jpg?rand=2); background-size:cover; background-position:center; z-index:5 }
.home-proc-video-filtr2		{ position:absolute; width:100%; height:100%; cursor:pointer; z-index:10 }
.home-proc-video img		{ float:left; width:100%; height:100%; object-fit:cover; font-family: 'object-fit: cover;';}
.home-proc-video-play		{ position:absolute; top:calc(50% - 100px); left:0; right:0; margin:auto; background:url(../images/play.png?rand=2); width:200px; height:200px; background-size: 200px 200px; }
#home-proc-video-url		{ display:none; position:absolute; top:0; left:0 }
.home-proc-video iframe		{ width:calc(100% - 1px); height:100%; border:0}