@font-face {
font-family: HelveticaNeueLTPro-Roman;
src: url("fonts/HelveticaNeueLTPro-Roman.otf") format("opentype");
src: url("fonts/HelveticaNeueLTPro-Roman.otf?#iefix") format("embedded-opentype"),
    url("fonts/HelveticaNeueLTPro-Roman.woff") format("woff"), 
    url("fonts/HelveticaNeueLTPro-Roman.ttf") format("truetype"), 
    url("fonts/HelveticaNeueLTPro-Roman.svg#HelveticaNeueLTPro-Roman") format("svg");
}
@font-face {
font-family: HelveticaNeueLTPro-Bd;
src: url("fonts/HelveticaNeueLTPro-Bd.otf") format("opentype");
src: url("fonts/HelveticaNeueLTPro-Bd.otf?#iefix") format("embedded-opentype"),
    url("fonts/HelveticaNeueLTPro-Bd.woff") format("woff"), 
    url("fonts/HelveticaNeueLTPro-Bd.ttf") format("truetype"), 
    url("fonts/HelveticaNeueLTPro-Bd.svg#HelveticaNeueLTPro-Bd") format("svg");
}

body{
/*height:100vh;
width:100vw;*/
overflow:hidden;
font-size:1.25vw;
line-height: 1.4583vw;  
letter-spacing:0.05em;
color:#0039A6;
font-family:HelveticaNeueLTPro-Roman, Arial;
margin:0;
padding:0;    
}
a:link,a:visited,a:hover,a:active {
    color: white;
}
p{
    margin:0;
}   
.logo{
position:fixed;
bottom: 5vw;
left: 4.0625vw;
z-index: 999;     
}

.loader_logo{
position:fixed;
bottom:5vw;
left:4.0625vw;
z-index: 999; 
width: 20.2083vw;    
}
.loader_logo img{
width: 100%;   
}

#loader_title{
    width: 100%;
    text-align: center;
    font-size: 4.167vw;
	line-height: 4.167vw;
    font-family:HelveticaNeueLTPro-Bd;
font-weight: normal; 
}
.bold_text{
font-family:HelveticaNeueLTPro-Bd;
font-weight: normal;
}
#loader_subtitle{
    width: 100%;
    text-align: center;
    font-size: 2.083vw;
	line-height: 2.083vw;
    font-family:HelveticaNeueLTPro-Roman;
	font-weight: normal;
}
#loader_title_spacing{
	font-size: 0.9375vw;
	line-height: 0.9375vw;
}
.menu{
padding-top: 0.625vw;
/*border-top: 0.052083vw solid;*/
position:absolute;
right:5.2083vw;
top:2.083vw;
font-size: 1.25vw;
width:17.65625vw;
z-index: 999;      
}

.side-menu{
padding-top:0.625vw;
position:absolute;
right:5.2083vw;
top:calc( (100% / 2) - (20.52083vw / 2) - 0.625vw);
/*font-size:1.5625vw; */
width:17.65625vw; 
z-index: 999;     
}
.side-menu table{
border-collapse: collapse;
position:absolute;
right:0;
}
.side-menu table td{
padding:0;
/*height:1.5625vw;*/
text-align:center;
line-height: 0.52083vw;
}
.side-menu table tr td:first-child {
	padding-right: 1.14583vw;
    min-width: 3.125vw;
    text-align: right;
}

.hint_side-menu{
padding-top:0.625vw;
position:absolute;
right:5.2083vw;
top:calc( (100% / 2) - (20.52083vw / 2) - 0.625vw);
/*font-size:1.5625vw; */
width:17.65625vw; 
z-index: 999;     
}
.hint_side-menu table{
border-collapse: collapse;
position:absolute;
right:0;
}
.hint_side-menu table td{
padding:0;
/*height:1.5625vw;*/
text-align:center;
line-height:0.52083vw;
}
.hint_side-menu table tr td:first-child {
padding-right: 1.14583vw;
    min-width: 3.125vw;
    text-align: right;
}

img[src="GFX/navigation_bubble.svg"],img[src="GFX/navigation_bubble_white.svg"] {
width:1.5625vw;
height:1.5625vw;                                     
}
img[src="GFX/navigation_line.svg"],img[src="GFX/navigation_line_white.svg"] {
height:1.14583vw;                                     
}
img[src="GFX/navigation_star_dot.svg"]{
position:absolute;                                     
}
#share_icons img{
width:4.21875vw;
height:auto;
}
.sound_icon{
	width:1.8229167vw;
	height:1.4583vw;
	display:inline-block;
	cursor:pointer;
	position: absolute;
	right: 0;
	top: 0vw;
}
.sound_icon img{
	max-width:100%;
	max-height:100%;
}

.preloader_sound_icon{
	width:1.8229167vw;
	height:1.4583vw;
	display:inline-block;
	cursor:pointer;
	position: absolute;
	right: 0;
	top: 0vw;
}
.preloader_sound_icon img{
	vertical-align: middle;
	max-width:100%;
	max-height:100%;
}

.help_icon{
	width:1.8229167vw;
	height:1.8229167vw;
	display:inline-block;
	cursor:pointer;
	position: absolute;
	right: 0;
	top: 2.7083vw;
}
.help_icon img{
	max-width:100%;
	max-height:100%;
}

.preloader_help_icon{
	width:1.8229167vw;
	height:1.8229167vw;
	display:inline-block;
	cursor:pointer;
	position: absolute;
	right: 0;
	top: 2.7083vw;
}
.preloader_help_icon img{
	max-width:100%;
	max-height:100%;
}
.logo_frame{
  overflow:hidden;
  width : 20.2083vw;
  height : 3.125vw;
  position:absolute;
  bottom:0;
  left:0;
}
.logo_wrapper{
  overflow:hidden;
  /*width : 20.2083vw;
  height: 20.2083vw;*/
  position:absolute;
}
#preloader_wrapper{
  position:absolute;
  overflow:hidden;
  bottom: 4.27083vw;
  left: 4.6875vw;                
}
.preloader_frame{
  width: 4.167vw;
  height: 4.167vw;    
}
.ham img{       
}
h1{
font-size: 4.167vw;
line-height: 4.21875vw; 
padding: 0;
margin: 0;
line-height: 1;
font-family: HelveticaNeueLTPro-Bd;
font-weight: normal; 
}
.content h1{
padding-top:0.15625vw;	
}
b{
font-family:HelveticaNeueLTPro-Bd;
font-weight: normal; 
}
.vznik{
width: 100%;
border-top: 0.104167vw solid;
padding-top: 0.729167vw;
font-size: 1.25vw;
line-height: 1.4583vw;  
}
.intro_headline{
	padding-top: 1.04167vw;
	padding-bottom: 0.15625vw;
	font-size: 2.083vw;
}
.content{
padding-top: 1.875vw;
width: 21.25vw;
z-index: 999;        
}
.text{
padding-top: 3.3854167vw;
}
.text p:first-child{
border-top: 0.052083vw solid;
padding-top: 0.729167vw;
}
.left_panel{
padding-top:0.625vw;
/*border-top: 0.052083vw solid;*/
position:absolute;
left:5.2083vw;
top:2.083vw;
width: calc(100% - 10.4167vw - 17.65625vw - 1.04167vw);
z-index: 999;
pointer-events: none;               
}
.slide{
  position:relative;
  min-width:100vw;
  min-height:100vh;
  width:100vw;
  height:100vh;     
}
.side-menu tr td:first-child font{
display: none;                      
} 
.side-menu tr.selected td:first-child font{
display: block;                      
} 

.selected img{
    background: url(GFX/navigation_star_dot.svg);
    background-size:100% 100%;              
}
tr[name="intro"].selected img,tr[name="outro"].selected img,tr[name="data"].selected img,#scene_bg .selected img{
    background: url(GFX/navigation_star_dot_white.svg);
    background-size:100% 100%;                
}
#page_loader{
background-color:#0039A6;
z-index:99999;
position:fixed;
top:0;
left:0;
width:100vw;
height:100vh;
color:white;          
}
#cover{
background-color:#0039A6;
z-index:99999;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
color:white;
display:none;  
}
#coverLogo{
text-align:center;
position:absolute;
top: calc( 50vh - 2.083vw);
width:100%;         
}
.slide[name="data"]{
color:#FFFFFF;
background-color:#000000;
overflow:hidden;                   
}
.slide[name="intro"],.slide[name="outro"]{
color:#FFFFFF;
background-color:#0039A6;
overflow:hidden;                   
}
.slide[name="shop"], .slide[name="plan"], .slide[name="print"]{
background-color:#FFFFFF;
overflow:hidden;                   
}
.slide[name="direct"]{
background-color:#E4D6E8;
overflow:hidden;                   
}
.slide[name="display"]{
background-color:#D9D9CC;
overflow:hidden;                   
}
.slide[name="data"] td,.slide[name="intro"] td,.slide[name="outro"] td{
color:white;         
}
.slide[name="intro"] .left_panel, .slide[name="intro"] .menu {
    border-top: 0.052083vw solid #0039A6;
}         
object{
  width:100%;
  height:100%;      
}
.slide div{
z-index:99;          
}
#scene_wrapper{
z-index:9;
pointer-events:none;             
}
#scene_wrapper *{
z-index:9;
pointer-events:auto;             
}

#scene_wrapper #back_wire_right_signal_wrapper,#scene_wrapper #back_wire_right_signal_wrapper *,#scene_wrapper #wires,#scene_wrapper #wires *{
pointer-events:none;             
}
#wrapper{
z-index:9;        
}
.resizable img:not(.resizable){
  width:100%;
  height:100%;      
}
.side-menu .menu_item img{
  cursor:pointer;          
}
.slide[name="shop"] .left_panel,.slide[name="shop"] .menu,.slide[name="shop"] .side-menu,.slide[name="shop"] .sound_icon{
z-index:0;                               
}
#scene_bg td{
color:white;         
}
#scene_bg div{
z-index:99;             
}
#scene_bg .logo{
z-index:1000;
position:absolute;
bottom:5vw;
left:4.0625vw;             
}
#paralax-scene{
  margin:0;
  padding:0;              
}
#scene_wrapper .pile{
z-index:10;     
}

#scene_wrapper .msg_laptop_sprite,
#scene_wrapper .msg_desktop_sprite,
#scene_wrapper .msg_post_sprite,
#scene_wrapper .msg_phone01_sprite,
#scene_wrapper .msg_phone02_sprite,
#scene_wrapper .msg_tablet_sprite,
#scene_wrapper .fax_anim_sprite,
#scene_wrapper .sticker_sprite,
#scene_wrapper .wires_machine_sprite,
#scene_wrapper #wires_machine_wrapper,
#scene_wrapper .machine_animate_sprite,
#scene_wrapper #machine{
  pointer-events:none;                    
}
#scene_wrapper .animation_wrapper{
  pointer-events:none;                   
}
#scene_wrapper #man04_handjob_loop_wrapper, #scene_wrapper #man04_handjob_loop_wrapper img{
  pointer-events:none;                           
}
#scene_wrapper .hint,#scene_wrapper .hint img{
  pointer-events:none;                           
}
#scene_wrapper .pismo_mask,#scene_wrapper .pismo_mask img{
  pointer-events:none;                           
}
#youtube_lightbox{
	display: none;
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  overflow:hidden;
  background: rgba(0,0,0,0.8);
  z-index:9999;
}
#youtube_lightbox_container{
  position:absolute;
  background:white;
  max-width:100vw;
  max-height:100vh;
      width: 100%;
    height: 100%;               
}
#scene_wrapper #man_4_printer_wrapper,#scene_wrapper #man_4_printer_wrapper *{
pointer-events:none;                                     
}
#scene_wrapper #graph_wrapper,#scene_wrapper #graph_wrapper *{
pointer-events:none;                                     
}                                     
.close_hint, #paralax_wrapper,#slider,#man02_preanim_wrapper,.pile,#scene_slider,#printer01,#printer03,#msg_wrapper,#man_vlastovka_front_wrapper,#man_vlastovka_back_wrapper,#switch_wrapper,#msg_input_wrapper,#laptop,#phone01,#postbox,#tablet,#fax,#computer,#phone02,#box_mezianim_wrapper,#man_trouba_wrapper,.L0a_wrapper,.L0b_frame,.R0a_wrapper,.R0b_wrapper,#L1_wrapper,#D1_wrapper,#D2_wrapper,#D3_wrapper,#L2_wrapper,#L3_wrapper,#P1_wrapper,#P2_wrapper,#P3_wrapper,#V1_wrapper,#V2_wrapper,#V3_wrapper,#V4_wrapper,#ladder_man_wrapper{
cursor:pointer;
}
#turn_device #slideText{
color: white;
display:none;       
}
#turn_device #slideText .text{
display:block;            
}
#paralax_container, #paralax_container ul, #paralax_container ul li{
max-height:100%;
max-width:100%;                 
}
#loader_center{
width:100%;
text-align:center;
position: absolute;
top: calc( 50vh - 6vw );              
}
#loader_bottom_logo{
width:20.2083vw;
left: calc( 50vh - ( 20.2083vw / 2) );
position: absolute;
bottom:5.2083vw;
text-align:center;
}
#loading_bar_wrapper{
/*width:32.5vw;*/ 
/*position: absolute;
left: 1.04167vw;  
margin:auto;  */
display:inline;
position:relative;      
}
#loader_info{
position:absolute;
bottom:5.2083vw;
right:5.2083vw;
text-align:right;
font-size: 1.25vw;
line-height:1.4583vw;
}
#made_by_info{
position:absolute;
bottom:5.2083vw;
left:5.2083vw;
text-align:left;
font-size: 1.25vw;
line-height:1.25vw;
}
#loader_icons{
position:absolute;
top: 2.1354166666666665vw;
right:5.2083vw;
text-align:right;
}
#loader_sound{
position:absolute;
right: 1.8229167vw;
top: 0vw;
display:block;
white-space: nowrap;}
#loader_help{
position:absolute;
right: 1.8229167vw;
top: 2.7083vw;
display:block;
white-space: nowrap;}
#loader_icons *{
vertical-align:middle;
}
#loading_bar{
width:0%;
position: absolute;
left: 0vw;
margin:none;
height:0.15625vw;
border: none;
color: white;
background-color: white; /* Modern Browsers */      
}
#keyboard_arrows{
position:absolute;
right:4.167vw;
bottom:5.2083vw;                
}
#outro_content{
width:100%;
text-align:center;
position:absolute;  
top: calc( 50% - ( 22.96875vw / 2 ));
}
#outro_content a{
text-decoration: none;
color: white;
                  
}
#share_button{
  margin:auto;
  width:5.2083vw;
  height:5.2083vw;
  background: url(GFX/doslov/share_button.svg);
  background-size:100% 100%;                  
}
#share_button:hover { 
  background: url(GFX/doslov/share_button_rollover.svg);
  background-size:100% 100%;   
}
#bs_hints{
    text-align: center;       
}
.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
#bs_hints,.hints{
	height:100%;
}

div.hints[name="intro"]>img{
	vertical-align: middle;
    width: 10.4167vw;            
}
div.hints[name="shop"]>img{
	vertical-align: middle;
    width: 10.677083vw;            
}
div.hints[name="plan"]>img{
	vertical-align: middle;
    width: 6.5104167vw;            
}
div.hints[name="print"]>img{
	vertical-align: middle;
    width: 4.6875vw;            
}
div.hints[name="data"]>img{
	vertical-align: middle;
    width: 5.46875vw;            
}
div.hints[name="direct"]>img{
	vertical-align: middle;
    width: 5.46875vw;            
}
div.hints[name="display"]>img{
	vertical-align: middle;
    width: 10.4167vw;            
}

#bs_trans .trans_text{
    width: 100%;
    text-align: center;
    font-family:HelveticaNeueLTPro-Bd;
    font-weight: normal;
    position:absolute;
    left:0vw;
    top: calc( 50% - 5.2083vw ); 
}

.trans_text h1{
    font-size: 4.167vw; 
    font-family:HelveticaNeueLTPro-Bd;
    font-weight: normal;
    padding:0;
    margin:0;
}

.trans_text h2{
    font-size: 2.083vw; 
    font-family: HelveticaNeueLTPro-Roman;
    font-weight: normal;
    padding:0;
    margin:0;
    margin-bottom:1.25vw;
}

div.trans[name="intro"] .trans_hint img{
    width: 6.04167vw;            
}
div.trans[name="shop"] .trans_hint img{
    width: 10.677083vw;            
}
div.trans[name="plan"] .trans_hint img{
    width: 6.354167vw;            
}
div.trans[name="print"] .trans_hint img{
    width: 4.6875vw;            
}
div.trans[name="data"] .trans_hint img{
    width: 5.3125vw;            
}
div.trans[name="direct"] .trans_hint img{
    width: 5.3125vw;            
}
div.trans[name="display"] .trans_hint img{
    width: 6.927083vw;            
}

.outro_text{
    width: 100%;
    text-align: center;
    font-family: HelveticaNeueLTPro-Roman;
    font-weight: normal;
    position:absolute;
    left:0vw;
	top: calc(50% - (31.25vw/2));
}

.outro_text  h2{
	font-family: HelveticaNeueLTPro-Roman;
    font-weight: normal;
    padding:0;
    margin:0;
	font-size: 2.083vw;
	line-height: 2.5vw;
}
.outro_text p{
    font-family: HelveticaNeueLTPro-Roman;
	font-size: 1.25vw;
	line-height: 1.4583vw;
}
.outro_text a{
    text-decoration: none;
	font-size: 1.25vw;
	line-height: 1.4583vw;
}
#share_icons div{
	display:inline-block;	
	margin: 0vw 2.083vw;
}
#bs_trans .trans_hint{
    position:absolute;
    top:2.083vw;
    right:5.2083vw;
    text-align:right;
    max-width:15%;
}
.close_hint{
  position:absolute;
  top: 4.7913vw;
  right: 5.1083vw;
}
.close_hint img{
	width: 1.8229167vw;
}
#smnav{
position:absolute;
top: -1.8229167vw;
right: 0;
/*right:-1.04167vw;*/   
}
.resizable img.spritesheet{
  width:100%;
  height: auto;
}

.lang_switch{
	position: absolute;
    right: 0vw;
    top: 5.78125vw;
}
.lang_switch div{
	display:inline-block;
	cursor: pointer;
}
.lang_switch div:hover{
	text-decoration: underline;
}

.en_text, .lang_switch div.en_text{
	display:none;
}
.side-menu tr.selected td:first-child font.en_text {
    display:none;
}
.side-menu tr.selected td:first-child font.cs_text {
    display:block
}

#scene_wrapper .object_sprite{
    pointer-events: none;
}