body, html	{
padding: 0; margin: 0; border: 0px solid transparent;
font-family: Arial, sans-serif; font-weight: bold; font-size: small; color: grey;
}



video, img, div, * {padding: 0; margin: 0; border: 0px solid transparent;}

a {color: white; text-decoration: none; font-family: Arial, sans-serif; font-weight: bold; font-size:xx-small;}
a:hover {color: black; text-decoration: none; font-weight: bold;}

#langswitch a {color: black; color: #c62e3a; color: white;}
#langswitch a:hover {color: #c62e3a; color: white; text-decoration: underline;}



body:focus, video:focus, div:focus, img:focus, a:focus {
outline: none;
}

*:focus {outline: none;}

div {line-height: 0 !important;}
video {overflow: hidden; outline: none;
background: transparent;
/*cursor: crosshair;*/
}


body::-webkit-scrollbar, html::-webkit-scrollbar {
    display: none;
}

body {
overflow-y: hidden;
overflow-x: hidden;
}


video#video, img#overlay09, img#overlay09b, img#overlay07, img#overlay05, img#overlay04,
img#overlay03, img#overlay02, img#overlay01, img#overlay12, img#overlay13, div#ovladac2div
{
width: 100%; height: auto;
max-width: 1920px;
max-width: 1810px;
max-height: 1080px !important;
display: block; position: absolute;
top: 50%;
top: 46%; /* 2026: kvuli spodnimu textu */
top: 48%; /* 2026: kvuli spodnimu textu */
left: 50%;

-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

/* napozicovat pak poradne */
#langswitch
{
display: block; position: absolute;
top: 50%;
/*left: 3%;*/
right: 3%;
right: 6%; /* 2006 */
margin-top: calc(-26%);
margin-top: calc(-24%); /* PF 2023 */
-webkit-transform: translate(-10%, -10%);
-moz-transform: translate(-10%, -10%);
-ms-transform: translate(-10%, -10%);
-o-transform: translate(-10%, -10%);
transform: translate(-10%, -10%);
}

/* napozicovat pak poradne */
@media only screen and (max-width:  700px) {#langswitch {margin-top: calc(-25%);}}
@media only screen and (min-width: 1700px) {#langswitch {margin-top: calc(-22%);}}
@media only screen and (min-width: 1921px) {#langswitch {margin-top: calc(-20%); margin-left: calc(3%);}}
@media only screen and (min-width: 2000px) {#langswitch {margin-top: calc(-20%); margin-left: calc(3%);}}
@media only screen and (min-width: 2100px) {#langswitch {margin-top: calc(-19%); margin-left: calc(8%);}}
@media only screen and (min-width: 2200px) {#langswitch {margin-top: calc(-17%); margin-left: calc(10%);}}
@media only screen and (min-width: 2300px) {#langswitch {margin-top: calc(-18%); margin-left: calc(12%);}}
@media only screen and (min-width: 2400px) {#langswitch {margin-top: calc(-17%); margin-left: calc(12%);}}


img#overlay04 {
display: none; /* replay button */
cursor: pointer;
}

img#overlay12, img#overlay13 {
display: none; /* copyright */
/* cursor: pointer; */
}


@media only screen and (max-width: 1366px) {
/* Kdyz neni logo na stred, nevadi buttonu a neni treba ho na malem rozliseni skryvat brzo */
img#overlay02 {/*display: none;*/}
}
@media only screen and (max-width: 1024px) {
/* Ale prece jen pak neni zase na male obrazovce poznat */
img#overlay02 {/*display: none;*/}
}


img#overlay07 {
animation: starsBlink1 1.3s infinite;
}

img#overlay05 {
animation: starsBlink2 1.8s infinite;
}

img#overlay03 {
animation: starsBlink3 2.3s infinite;
}


img#overlay03, img#overlay05, img#overlay07
{
filter: grayscale(100%);
}






@-webkit-keyframes rotateY {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(359deg);
  }
}


@keyframes rotateY {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(359deg);
  }
}




@keyframes coin-rotate {  
                        0%  {
                            transform: rotateY(0deg); 
                            transform-origin: 50% 5% 0;
                            }  
                        100% {
                             transform: rotateY(360deg); 
                             transform-origin: 50% 5% 0;
                             }  
                        }


@-webkit-keyframes coin-rotate {  
                        0%  {
                            transform: rotateY(0deg); 
                            transform-origin: 50% 5% 0;
                            }  
                        100% {
                             transform: rotateY(360deg); 
                             transform-origin: 50% 5% 0;
                             }  
                        }


@keyframes wipe {
  0% {
    stroke-dashoffset: 0;
  }
  30%, 50% {
    stroke-dashoffset: 314;
  }
  80%, 100% {
    stroke-dashoffset: 0;
  }  
}


@-webkit-keyframes wipe {
  0% {
    stroke-dashoffset: 0;
  }
  30%, 50% {
    stroke-dashoffset: 314;
  }
  80%, 100% {
    stroke-dashoffset: 0;
  }  
}



#ovladac {
cursor: pointer;
position: absolute;
/*
width: 12%;
top: calc(68%);
left: calc(13%);
*/
/* Na knize: */
width: 24%;
top: calc(44%); top: calc(41%);
left: calc(34%);

/*transform: skew(-14deg, -1deg);
transform: skew(10deg);
-webkit-transform: skew(10deg);*/

/*
-webkit-box-shadow:0px 0px 105px 45px rgba(46,123,255,0.9);
-moz-box-shadow: 0px 0px 105px 45px rgba(46,123,255,0.9);
box-shadow: 0px 0px 105px 45px rgba(46,123,255,0.9);
border-radius: 12%;
*/
}




#ovladac2 {
cursor: pointer;
position: relative;
width: 150px;
width: 8%;
/* left: calc(50% - 75px); */ 
left: calc(0% - 0px);
display: none;
}

div#ovladac2div {
padding-top: 25%;
display: none;
}



@media only screen and (max-width: 1600px) {
	/* Pri book deaktivovano:
	#ovladac {
		width: 13%;
		top: calc(50% + 98px);
		left: calc(14%);
	}
	*/
	#ovladac {
		top: calc(46.5%);
		top: calc(42%);
		left: calc(34%);
	}	
}



@media only screen and (max-width: 1366px) {
	/* Pri book deaktivovano:
	#ovladac {
		width: 17%;
		top: calc(50% + 89px);
		left: calc(12%);
	}
	*/
	#ovladac {
		top: calc(46.5%);
		top: calc(42.5%);
		left: calc(34%);
	}	
}


@media only screen and (max-width: 1024px) {
	/* Pri book deaktivovano:
	#ovladac {
		width: 20%;
		top: calc(50% + 72px);
		left: calc(10%);
	}
	*/
	#ovladac {
	top: calc(47%);
	top: calc(44%);
	left: calc(34%);
	}
}



@media only screen and (max-width: 768px) {
	/* Pri book deaktivovano:
	#ovladac {
		width: 20%;
		top: calc(50% + 44px);
		left: calc(10%);
	}
	*/
	#ovladac {
		top: calc(48.5%);	top: calc(45.5%);	top: calc(45.5%);
		left: calc(34%);	left: calc(33.8%);
	}

	#ovladac2 {
    width: 13%;
}
}

@media only screen and (max-width: 480px) {
	#ovladac {
		width: 30%;
		top: calc(48.5%);	top: calc(45.5%);	top: calc(46.2%); top: calc(45.6%);
		left: calc(34%);	left: calc(33.8%);	left: calc(30.8%);
	}
}




#ovladac {
transform: scale(1);
/*border: 10px solid transparent;*/
-webkit-animation: pulse 2s infinite;
-moz-animation: pulse 2s infinite;
-o-animation: pulse 2s infinite;
animation: pulse 2s infinite;
}


#ovladac:hover {
/*animation-timing-function: linear;
animation:				rotateY 5s 2;
-webkit-animation:	rotateY 5s 2;
-moz-animation:		rotateY 5s 2;
-o-animation:			rotateY 5s 2;
*/


/*animation: coin-rotate 7s infinite;*/
animation: none;

box-shadow: 0 0 0 0px rgba(255,255,255,0.8);
transition: 1.3s ease;



}


#ovladac2 {
transform: scale(1);
-webkit-animation: pulse 2s infinite;
-moz-animation: pulse 2s infinite;
-o-animation: pulse 2s infinite;
animation: pulse 2s infinite;
}









#wind, #wind img {
position: absolute;
bottom:0px;
left:0;
width:100%;
opacity: 0.75;
overflow: hidden!important;
}

#wind {
max-width:100%;
}

@media only screen and (max-width: 1650px) {
#wind, #wind img {
bottom:100px;
display: none !important;
}
}



#wind {
    -webkit-animation:	windAnim 10s linear infinite;
    -moz-animation:		windAnim 10s linear infinite;
    -o-animation:		windAnim 10s linear infinite;
    animation:			windAnim 10s linear infinite;
    /*z-index:5;*/
}




@-webkit-keyframes pulse {
    0%   {-webkit-transform: scale(0.95);	/* box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7); */    }
    70%  {-webkit-transform: scale(1);		/* box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); */ }
    100% {-webkit-transform: scale(0.95);   /* box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); */    }
}


@-moz-keyframes pulse {
    0%   {transform: scale(0.95);	/* box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7); */    }
    70%  {transform: scale(1);		/* box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); */ }
    100% {transform: scale(0.95);   /* box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); */    }
}


@-o-keyframes pulse {
    0%   {transform: scale(0.95);	/* box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7); */    }
    70%  {transform: scale(1);		/* box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); */ }
    100% {transform: scale(0.95);   /* box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); */    }
}


@keyframes pulse {
    0%   {transform: scale(0.95);	/* box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7); */    }
    70%  {transform: scale(1);		/* box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); */ }
    100% {transform: scale(0.95);   /* box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); */    }
}






@media only screen and (max-width: 480px) {
		@-webkit-keyframes pulse {
			0%   {-webkit-transform: scale(0.95);}
			70%  {-webkit-transform: scale(1.20);}
			100% {-webkit-transform: scale(0.95);}
		}


		@-moz-keyframes pulse {
			0%   {transform: scale(0.95);}
			70%  {transform: scale(1.20);}
			100% {transform: scale(0.95);}
		}


		@-o-keyframes pulse {
			0%   {transform: scale(0.95);}
			70%  {transform: scale(1.20);}
			100% {transform: scale(0.95);}
		}


		@keyframes pulse {
			0%   {transform: scale(0.95);}
			70%  {transform: scale(1.20);}
			100% {transform: scale(0.95);}
		}
}







@-webkit-keyframes windAnim {
    0%   {top:470px; left:-2000px;}
    42%  {top: 500px;}
    50%  {top: 480px;}
    60%  {top: 445px;}
    100% {top:470px; left:2000px;}
}

@-moz-keyframes windAnim {
    0%   {top:470px; left:-2000px;}
    42%  {top: 500px;}
    50%  {top: 480px;}
    60%  {top: 445px;}
    100% {top:470px; left:2000px;}
}

@-o-keyframes windAnim {
    0%   {top:470px; left:-2000px;}
    42%  {top: 500px;}
    50%  {top: 480px;}
    60%  {top: 445px;}
    100% {top:470px; left:2000px;}
}

@keyframes windAnim {
    0%   {top:470px; left:-2000px;}
    42%  {top: 500px;}
    50%  {top: 480px;}
    60%  {top: 445px;}
    100% {top:470px; left:2000px;}
}


@keyframes starsBlink1 {
    0%   {opacity: 0.00;}
    25%  {opacity: 0.70;}
    50%  {opacity: 0.90;}
    75%  {opacity: 1.00;}
    100% {opacity: 0.00;}
}

@keyframes starsBlink2 {
    0%   {opacity: 0.00;}
    25%  {opacity: 1.00;}
    50%  {opacity: 0.90;}
    75%  {opacity: 0.70;}
    100% {opacity: 0.00;}
}

@keyframes starsBlink3 {
    0%   {opacity: 0.00;}
    25%  {opacity: 0.80;}
    50%  {opacity: 1.00;}
    75%  {opacity: 0.25;}
    100% {opacity: 0.10;}
}




body {
/*background-image: url('img/body-bg-01.webp');*/
background-image: url('img/overlay01_1920x1080_blur.webp');
background-color: rgba(0,0,0,0.8);
background-blend-mode: multiply;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
}