#svgload {
    width: 100%;
    height: 5px;
}


.clickPPT:hover path, .clickVideo:hover path,.clickPoster:hover path, .clickContact:hover path{
    fill: #111 !important;
    opacity: 1 !important;
	
}
.clickPPT:hover, .clickVideo:hover,.clickPoster:hover , .clickContact:hover {
    cursor:hand;
}
.stoiskoClick .logo {
	cursor:hand;
	transition: 0.3s opacity ease-in-out;
}

a polygon {
	fill:#ffffff00;
	filter: blur(2px);
	
	
}
a:hover polygon {
    fill: #acbee170;
    filter: blur(2px);
	
}

@keyframes pulsee {
  0% {fill:#3fa2ffd1;}
  50% {fill:#ffffff00;}
  100% {fill:#3fa2ffd1;}
}



#posterTop.color {
background: rgb(255 255 255);
    color: #000 !important;
    top: 51%;
	left:1%;
    height: 48%;
    width: 48%;
    text-align: left;
    scroll-behavior: smooth;
    overflow-x: hidden;
    box-shadow: 0px 0px 5px #000;
}

#posterTop.exit {
	top:100%;
}

#posterTop, #ytTop {

	position: fixed;
    top: 1%;
	transition:0.5s all ease-in-out;
    left: 1%;
    width: 98%;
    height: 98%;
    padding: 0.5em 0px;
    text-align: center;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    border-radius: 5px;
    background: rgba(220, 220, 220, 0.6);
    z-index: 9999;
	padding: 1em;
    box-sizing: border-box;
}



	.item.active path {
		fill:rgb(0, 255, 0) !important;
	}




  .opacity {
	
	opacity:0.5 !important;
  }
  
  .itemsClick:hover  {
	fill:rgb(0, 157, 245) !important;
	opacity:0.1 !important;
  }
    .itemsClick.unactive:hover  {
	fill:rgb(255, 0, 0) !important;
	opacity:0.1 !important;
  }
  
  .blinkFocus:hover .logo {
	opacity:1 !important;
		}
  
  .pulseClick {
    fill: #ff0000 !important;
    stroke: #ff0000a1 !important;
	animation: pulse 2s infinite;
}

tspan {

    fill: #FFF;
    stroke-width: 0.26458332;
    text-shadow: 1px 1px 10px #000;
}

@keyframes pulse {
	0% {
		
		stroke-width: 0px;
	}

	70% {
	
		stroke-width: 2px;
	}

	100% {
		
		stroke-width: 0px;
	}
}
.stoiskoClick .image,  .stoiskoClick{
	transition:1s opacity;
}

.prezoomed .stoiskoClick .image, .prezoomed .stoiskoClick .totem {
	opacity:0;
}

.zoomed .stoiskoClick .image, .zoomed .stoiskoClick .totem {
	display:none;
}
.zoomed .stoiskoClick .logo {
display:none;
}

.prezoomed .zoomedactive .image, .prezoomed .zoomedactive  .totem  {
		opacity:1 !important;
}
.zoomed .zoomedactive .image, .zoomed .zoomedactive  .totem  {
		display: block;
		opacity:1 !important;
}


.boxItem {
    position: fixed;
    top: 10%;
    left: 10%;
    height: 80%;
    width: 80%;
    background: #fafafa;
    border-radius: 10px;
    box-shadow: 0px 0px 4px #444;
    border: 0px solid #b1adad;
    box-sizing: border-box;
}
.boxExit {
    position: fixed;
    top: calc(10% + 10px );
    right: calc(10% + 10px);
    height: 30px;
    width: 30px;
    background: #d23636;
    border-radius: 5px;
    box-shadow: 0px 0px 2px #444;
    border: 0px solid #b1adad;
    box-sizing: border-box;
}
    
	
.hidden {
display:none;}

#loader {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 0.5em 0px;
    text-align: center;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    border-radius: 5px;
    background-color: rgba(220, 220, 220, 1);
    background-image: url('loading.gif');
    background-size: 10% auto;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 9999;
}


#posterImage {
    max-height: 100%;
    max-width: 100%;
}

#posterContact {
}

#ytTop {
    display: none;
}

#ytFrame {
    margin: 5%;
}

.expo {
}

.expo-up {
}

.expo-down {
}

.buttonStand {
    width: 100%;
}

.expo-exit {
}

  body {
    margin:0px;
  background:#ececec !important;
	 font-family:'Klavika Regular';
   }
   
   @font-face {
    
    font-family:'Klavika Regular';
    src:url('ufonts.com_klavika-regular-opentype.otf');
}


  ul {padding:0px;} 
  li,button {
    margin-bottom: 5px;
    border-radius: 2px;
    border: 2px solid #000;
    background-color: #ABBDE8;
    padding: 4px;
    }
   .sActive{
   border:2px solid #f00;
   }
   input.nazwa {    width: 10em;}
   
   .buttonStand {
   
		display:block;
   }
   
   .buttonStand a {
		display: block;
		padding: 5px;
		text-align: center;
		margin-bottom: 5px;
		text-decoration: none;
		color: #003380;
		
		border-bottom:1px solid #ccc;
   }
   
   .expo {
    border-radius: 1em;
    background: #fafafa;
    left: 2em;
    top: 2em;
    position: fixed;
    z-index: 9999;
    background-image: url(expo.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 4em;
    height: 4em;
   
   }

   .expo-s {
    border-radius: 1em;
    background: #fafafa;
    left: 2em;
    top: 8em;
    position: fixed;
    z-index: 9999;
    background-image: url(search.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 4em;
    height: 4em;
   
   }
   .expo-me {
    border-radius: 1em;
    background: #fafafa;
    left: 2em;
    top: 14em;
    position: fixed;
    z-index: 9999;
    background-image: url(gfx/me.png);
    background-repeat: no-repeat;
    background-size: 80% auto;
	background-position:center center;
    width: 4em;
    height: 4em;
   
   }
   
      .expo-exit {
   border-radius: 0.5em;
    background: #fafafa;
    right: 2em;
    top: 0.5em;
    right: 0.5em;
    z-index: 9999;
    background-image: url(exit.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 2em;
    height: 2em;
    position: absolute;
   }   
   
      .expo-up {
       border-radius: 1em;
    background: #fafafa;
    right: 2em;
    top: 2em;
    position: fixed;
    z-index: 9999;
    background-image: url(up.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 4em;
    height: 4em;
   }
         .expo-down {
       border-radius: 1em;
    background: #fafafa;
    right: 2em;
    bottom: 2em;
    position: fixed;
    z-index: 9999;
    background-image: url(down.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 4em;
    height: 4em;
   }
   
   .expo, .expo-up, .expo-down, .expo-exit,.expo-s, .expo-me {
   box-shadow: 0px 0px 5px 0px #19a7db;
   transition:0.4s all ease-in-out;
   }
   .expo:hover, .expo-up:hover, .expo-down:hover, .expo-s:hover, .expo-me:hover {
   box-shadow: 0px 0px 15px 0px #1681a9;
   }
   
   @media only screen and (max-width: 768px) {
  /* For mobile phones: */
  
  .expo {left:0.5em;top:0.5em;width:2em;height:2em;border-radius:0.25em;}
  .expo-up {right:0.5em;top:0.5em;width:2em;height:2em;border-radius:0.25em;}
  .expo-down {right:0.5em;bottom:0.5em;width:2em;height:2em;border-radius:0.25em;}
  
  .expo-s {left:0.5em;top:3em;width:2em;height:2em;border-radius:0.25em;}
  .expo-me {left:0.5em;top:5.5em;width:2em;height:2em;border-radius:0.25em;}
    
  .expo-exit {right:0.5em;top:0.5em;width:2em;height:2em;border-radius:0.25em;}
  

  
  a polygon {
	fill:#ffffff00;
	filter: blur(2px);
	animation:pulsee 5s infinite;
}
a:hover polygon {
    fill: #acbee170;
    filter: blur(2px);
	animation:none;
}

  #posterTop.color {
background: rgb(255 255 255);
    color: #000 !important;
    top: 51%;
	left:1%;
    height: 48%;
    width: 98%;
    text-align: left;
    scroll-behavior: smooth;
    overflow-x: hidden;
    box-shadow: 0px 0px 5px #000;
}
  #posterTop.exit {
	  top:100%;
  }
}

.stoiskoClick a {
	display:none;
}
.stoiskoClick.zoomedactive a {
	display:block;
}