/* 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: 'Suisse Intl';
  font-weight:400;
  font-size:24px;
  line-height:1.4em;
  background-color:#373737;
  color:#000;
  -webkit-text-size-adjust:100%;
  height:100%; 
  scrollbar-color: rgba(0, 0, 0, 0.5) #fff;
}

body::-webkit-scrollbar {
    width: 16px;
    background:#fff
}

body::-webkit-scrollbar-thumb {
    height: 56px;
    border-radius: 8px;
    border: 4px solid transparent;
    background-clip: content-box;
    background-color: rgba(0, 0, 0, 0.5);
}


h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a           { color:#000; text-decoration: none; outline: none;}
a:focus		{ outline: none; }
a:hover     { border-bottom:solid 1px #000; }
.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:500; font-family: 'Suisse Intl'; }
strong      { font-weight:500; font-family: 'Suisse Intl'; }
hr          { height:1px; border:0; }
.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: 'Suisse Intl'; 
				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;  }
.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: repeating-linear-gradient(90deg,#fff,#fff 2px,transparent 0,transparent 6px); }


.SuisseIntlMedium	{ font-family: 'Suisse Intl Medium'; }

.SuisseWorks { font-family: 'Suisse Works'; }
.SuisseWorksMedium	{ font-family: 'Suisse Works Medium'; }

.font12		{ font-size:12px; line-height:1.4em; }
.font16		{ font-size:16px; line-height:1.5em; }
.font24		{ font-size:24px; line-height:1em; }
.font48		{ font-size:36px; line-height:1.1em; }
.font48b	{ font-size:48px; line-height:1.2em; }
.font72		{ font-size:64px; line-height:1em; }
.font96		{ font-size:72px; line-height:1em; }
.roboto16		{ font-size: 16px; line-height:24px; font-family: 'Roboto Flex', sans-serif; font-weight:457; font-stretch: 132;
font-variation-settings: 'GRAD' 0, 'slnt' 0, 'XTRA' 468, 'XOPQ' 96, 'YOPQ' 79, 'YTLC' 570, 'YTUC' 712, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738; }

.gray    	{ color:rgba(0, 0, 0, 0.5); }
.gray2    	{ color:rgba(55, 55, 55, 1) }


main        { position: relative; display:block; width:100%; height:100%; overflow:hidden;  }
nav         { position: relative; width:100%; color:#fff; height:100%; z-index:100; } 
.prostor    { position: relative; display:block; width:calc(100% - 120px); height:100%; margin:auto; }

h1					{ float:left; padding-top:56px; letter-spacing:-0.02em }
.reputation			{ position: relative; display:inline-block; transition: transform 0.3s; }

.menu				{ float:right; width:235px; padding-top:56px; letter-spacing:-0.01em }
.menu-polozka		{ float:right; margin-left:20px; cursor:pointer; }

.mutace				{ float:right; padding-top:56px; text-transform:uppercase; letter-spacing: -0.01em; }
.mutace	a			{ float:left; color: #808080; }
.mutace	a:hover     { border:0; }
.mutace-cara		{ float:left; width:1px; height:24px; margin:0 24px; background: #808080; }

.upeffect div 				{ overflow: hidden; }
.upeffect div span 			{ position: relative; display: inline-block;
					  		  -webkit-transition: -webkit-transform 0.3s;	-moz-transition: -moz-transform 0.3s; transition: transform 0.3s; }
.upeffect div span::before 	{ position: absolute; top: 100%; content: attr(data-hover); 
						 	  -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0);	transform: translate3d(0,0,0); }
.upeffect div:hover span,
.upeffect div:focus span 	{ -webkit-transform: translateY(-100%);	-moz-transform: translateY(-100%); transform: translateY(-100%); }


.blackbox-prostor	{ position:absolute; width:100%; background:#373737; }
.blackbox			{ position:relative; float:left; width:calc(100%/3); height:0; background:#000; z-index:100; }


.gradient-prostor  { position: absolute; float:left; width:100%; height:2000px; top: -600px; overflow:hidden; }
.gradient1 {
position: absolute; top:0; width:80%; height: 70%; left: 0; right: 0; margin:auto; z-index:10;
	  background: radial-gradient(circle, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);/*#FFE600 0%, #A500DF 100%*/
	  filter: blur(120px); border-radius:50%; transform: matrix(0.32, -0.95, -0.95, -0.32, 0, 0); 
	  background-size: 400% 400%; 
	  will-change: transform;
    -webkit-animation: AnimationName 20s ease infinite;
    -moz-animation: AnimationName 20s ease infinite;
    animation: AnimationName 20s ease infinite;
}
.gradient1.safari {filter: blur(45px); }



.claim			{ position:absolute; width:50%; bottom:56px; color:#fff; letter-spacing:-0.02em;}
.claim.font96 	{ line-height: 1.15em; }
.claim hr		{ margin-top:10px }

.upeffect2 div 					{ overflow: hidden; }
.upeffect2 div span 			{ position: relative; display: inline-block; animation: 0.5s ease-out 0s 1 effect2;}
.upeffect2 div span::before 	{ position: absolute; display: none; top: 100%; content: attr(data-hover); }


@keyframes effect2 {
  0% {
    transform: translateY(100%); 
  }
  100% {
    transform: translateY(0);
  }
}




.sekce-nadpis   { letter-spacing:-0.01em; margin-bottom:10px }

.sekce1			{ position:relative; padding:270px 0 300px 0; color:#fff }
.sekce1-text    { max-width:700px; margin:auto; text-align: center; padding:0 12px }
.sekce1-nadpis  { color:rgba(255, 255, 255, 0.5); }

.content-wrap 	{ letter-spacing:-0.02em  }

.bezici-text	{ position:absolute; width: 100%; bottom:10px; height:79px; overflow:hidden; letter-spacing:-0.02em}
.tickerwrapper ul.list 			{ position:relative; display:inline-block; list-style:none; }
.tickerwrapper ul.list.cloned 	{ position:absolute; top:0; left:0; }
.tickerwrapper ul.list li 		{ float: left; padding-left:20px; }
.tickerwrapper ul.list li:first-child 		{  padding-left:10px; }







.reference				{ margin-top:50px; text-align:center; }
.reference a:hover		{ border:0 }
.reference-polozka		{ display:inline-block; margin:0 30px   }
.reference-polozka2		{ max-width:186px; height:68px; display:table;  }
.reference-polozka img	{ max-width:100%; max-height:35px; }

.sekce2			{ position:relative; background:#D8FF69; padding:300px 0 400px 0 }
.sekce2-text    { max-width:700px; margin:auto; text-align: center; padding:0 12px }




.sekce3			{ position:relative; float:left; width:100%; background:#fff; }

.slider			{ float:left; margin-top:-200px; width:100%; }
.slider	ul		{ list-style-type:none; }
.slider	li		{ position:relative; background-size:cover; background-position:top center; background-repeat: no-repeat; margin-left:24px; float:left; 
				  width:calc(100% - 40px); max-width:800px; overflow:hidden; }
.slider	li img 				{ width:100%; }
.slider	li .list-otevrit 	{ width:100%; height:100% }
.slider	li .jmeno 			{ margin-bottom:10px; letter-spacing:-0.01em }


.slider	li .active-pozadi { display:none; position:absolute; top:100%; left:0; width:100%; height:100%; background:rgba(22, 22, 22, 0.9); }
.slider	li .zavrit 		{ position:absolute; top:40px; right:40px; width:18px; height:18px; background-size:18px 18px; background:url("../images/close.svg"); cursor:pointer; }
.slider	li .nadpis 		{ font-size:26px; line-height:32px; margin:30px; width:220px; font-weight:700;  }
.slider	li .text 		{ margin:30px;  }

.openhand 		{ cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; }
.closedhand 		{ cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; }


.footer			{ position:absolute; bottom:56px; width:100%; padding-top:calc(10vw + 100px);  color:#fff }
.footer a		{ color:#fff }
.footer a:hover	{ border-color:#fff }
.footer-claim	{ margin-bottom:44px }
.footer1		{ float:left; width:calc((50%/2)); margin-right:36px  }
.footer2		{ float:left; width:calc((50%/2)); }
.footer3		{ position:absolute; right:0; bottom:0; margin-right:0; letter-spacing:-0.02em  }
.footer3 a 		{ display:inline-block; border:0 }
.footer3 hr		{ margin-bottom:20px;  background: repeating-linear-gradient(90deg,#000,#000 2px,transparent 0,transparent 6px); }
.footer-nadpis  { letter-spacing:-0.02em; margin-bottom:10px }


 .link-flash 				{ --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1); position: relative; }
 .link-flash::before, .link-flash::after { position: absolute; content: ""; left: 0; bottom: -0.1rem; display: block; width: 100%; height: 1px; background: #000;
	 										transition: 1.1s var(--ease-out-expo); }
 .link-flash::before 		{ transform: scaleX(0); transform-origin: left; }
 .link-flash::after 		{ transform-origin: right; transition-delay: 0.25s; }
 .link-flash:hover::before 	{ transform: scaleX(1); transition-delay: 0.25s;}
 .link-flash:hover::after 	{ transform: scaleX(0); transition-delay: 0s; }




.line 		{ position: relative; }
.line-mask 	{ position: absolute; top: 0; right: 0;  opacity: 0.65; height: 100%; width: 100%; z-index: 2; }
.split-lines-seda .line-mask	{ background-color:rgb(55,55,55); }
.split-lines-zelena .line-mask	{ background-color:rgb(216,255,105); }




.word-wrap{ word-wrap: break-word;}




.blinking {
	float:left;
  -webkit-animation: 1s blink ease infinite;
  -moz-animation: 1s blink ease infinite;
  -ms-animation: 1s blink ease infinite;
  -o-animation: 1s blink ease infinite;
  animation: 1s blink ease infinite;
  
}

@keyframes "blink" {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-moz-keyframes blink {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-webkit-keyframes "blink" {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-ms-keyframes "blink" {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-o-keyframes "blink" {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}







.member{ float:left; margin:3px 0 0 5px;  letter-spacing:0.02em}