@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
    
a
{
  cursor:pointer;
  color:black;
  text-decoration: underline;
  -webkit-tap-highlight-color:  rgb(221, 221, 221, 0.1); 
}

body
{
  /*overflow-y: hidden;*/
  height:100vh;
  height:calc(var(--vh, 1vh) * 100);
  scroll-behavior: smooth;
}

html 
{
  scroll-behavior: smooth;
}

.a_bez_dekoracji
{

  cursor:pointer;
  color:black;
  text-decoration: none;
  -webkit-tap-highlight-color:  rgba(221, 221, 221, 0.1); 
}

.a_arrow
{
  opacity:0;
  cursor:grab;
  text-decoration:none;
}

.arrow_gora
{
  position: absolute;
  right:3em;
  top:-0.4em; 
  transform: rotate(-90deg);
  visibility: visible;
  cursor:pointer;
  z-index:1;
  text-decoration:none;
  font-family:'Open Sans', Arial, Helvetica, sans-serif; 
  font-size: 20px; 
  font-weight:300;
  -webkit-tap-highlight-color:  rgba(221, 221, 221, 0.1);
}

.arrow_dol
{
  position: absolute;
  right:3em;
  bottom:-0.3em; 
  transform: rotate(90deg);
  visibility: visible;
  cursor:pointer;
  z-index:1;
  text-decoration:none;
  font-family:'Open Sans', Arial, Helvetica, sans-serif; 
  font-size: 20px; 
  font-weight:300;
  -webkit-tap-highlight-color:  rgba(221, 221, 221, 0.1);
}

.arrows
{
  position:fixed;
  left:50%;
  transform: translateX(-50%);
  bottom:4%;
  font-family:'Open Sans', Arial, Helvetica, sans-serif; 
  font-size: 20px; 
  font-weight:300;
}

.back_and_info
{
  position:fixed;
  left:2em;
  top:1.3em;
  opacity:0;
  cursor:auto;
  font-family:'Open Sans', Arial, Helvetica, sans-serif; 
  font-size: 15px; 
  font-weight:300;
}

.colophon
{
  position:absolute;
  transform: translateX(-50%);
  width:100vw;
  height:80vh;
  height:calc(var(--vh, 1vh) * 80);
  display:table;
  z-index:0;
  background-color: white;
}
 
.column
{
  position:absolute;
  transform: translateX(-50%);
  height:100%;
  height:calc(var(--vh, 1vh) * 100);
  display:table;
  background-color: white;
}

.exit
{
  /*position:absolute;
  transform: translateX(-70%); 
  top:15px; */
  transform: translateX(-50%);
  transform: translateY(-50%);
  position:fixed;
  right:1.3em;
  top:1.3em;
  /*display:none;*/
  display:block;
  font-family:'Open Sans', Arial, Helvetica, sans-serif; 
  font-size: 25px; 
  font-weight:300;
}

@media (max-height: 600px) and (min-height:301px)
{ 

  .back_and_info
  {
    position:fixed;
    left:1.8em;
    top:1em;
    opacity:0;
    cursor:auto;
    font-family:'Open Sans', Arial, Helvetica, sans-serif; 
    font-size: 15px; 
    font-weight:300;
  }

  .exit
  {
    /*position:absolute;
    transform: translateX(-70%); 
    top:15px; */
    transform: translateX(-50%);
    transform: translateY(-50%);
    position:fixed;
    right:1.2em;
    top:1em;
    /*display:none;*/
    display:block;
    font-family:'Open Sans', Arial, Helvetica, sans-serif; 
    font-size: 25px; 
    font-weight:300;
  }
}


.image_menu_h
{
  max-width: 100%;
  max-height: 65vh;
  max-height: calc(var(--vh, 1vh) * 65);
  margin-bottom:1%;
}

.image_h
{
  max-width: 100%;
  max-height: 70vh;
  max-height: calc(var(--vh, 1vh) * 70);
  margin-bottom:1%;
}

.image_menu_v
{
  max-width: 100%;
  max-height: 70vh;
  max-height: calc(var(--vh, 1vh) * 70);
  margin-bottom:1%;
}

.image_v
{
  max-width: 100%;
  max-height: 75vh;
  max-height: calc(var(--vh, 1vh) * 75);
  margin-bottom:1%;
}

.image_menu_panoramic
{
  max-width: 100%;
  max-height: 65vh;
  max-height: calc(var(--vh, 1vh) * 65);
  margin-bottom:1%;
}

.image_panoramic
{
  max-width: 100%;
  max-height: 70vh;
  max-height: calc(var(--vh, 1vh) * 70);
  margin-bottom:1%;
}

.image_menu_square
{
  max-width: 100%;
  max-height: 70vh;
  max-height: calc(var(--vh, 1vh) * 70);
  margin-bottom:1%;
}

.image_square
{
  max-width: 100%;
  max-height: 75vh;
  max-height: calc(var(--vh, 1vh) * 75);
  margin-bottom:1%;
}


@media (max-height: 300px)
{ 

  .back_and_info
  {
    position:fixed;
    left:1em;
    top:0.7em;
    opacity:0;
    cursor:auto;
    font-family:'Open Sans', Arial, Helvetica, sans-serif; 
    font-size: 15px; 
    font-weight:300;
  }

  .exit
  {
    /*position:absolute;
    transform: translateX(-70%); 
    top:15px; */
    transform: translateX(-50%);
    transform: translateY(-50%);
    position:fixed;
    right:0.7em;
    top:0.7em;
    /*display:none;*/
    display:block;
    font-family:'Open Sans', Arial, Helvetica, sans-serif; 
    font-size: 25px; 
    font-weight:300;
  }

  .image_v
  {
    max-width: 100%;
    max-height: 65vh;
    max-height: calc(var(--vh, 1vh) * 65);
    margin-bottom:1%;
  }

}
   
.item
{
  position:absolute;
  transform: translateY(+50%); 
  bottom:53vh;
  bottom:calc(var(--vh, 1vh) * 53);
  width:100%;
  text-align:left;
  margin-bottom:0px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; 
}


@media (max-height: 600px) 
{ 
  .item
  {
    position:absolute;
    transform: translateY(+50%); 
    bottom:50vh;
    bottom:calc(var(--vh, 1vh) * 50);
    width:100%;
    text-align:left;
    margin-bottom:0px;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; 
  }
}

.language
{
  position:absolute;
  left:2.2em;
  top: calc(var(--vh, 1vh) * 100 - 4em);
  font-family:'Open Sans', Arial, Helvetica, sans-serif; 
  font-size: 10px;
  font-weight:300;
}

.language_min
{
  position:absolute;
  left:2.2em;
  top:calc(var(--vh, 1vh) * 100 - 4.5em);
  font-family:'Open Sans', Arial, Helvetica, sans-serif; 
  font-size: 10px;
  font-weight:300;
  display: none;
}

.logo1
{
  margin:0;
  font-family:'Open Sans', Arial, Helvetica, sans-serif; 
  font-size: 10px;
  font-weight:400;
  background-color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.logo2
{
  background-color: white;
  margin:0;
  font-family:'Open Sans', Arial, Helvetica, sans-serif; 
  font-size: 10px;
  font-weight:300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.scrollhidder 
{
  position: absolute;
  right:0;
  width:8px;
  height:100vh;
  height:calc(var(--vh, 1vh) * 100); 
  background-color: white;
  z-index:1    
}

.tabela-opis 
{
  position:absolute;
  left:50%;
  transform: translateX(-50%);
  width:90%;
  width:calc(100% - 50px);
  min-width:295px;
  height:100%;
  height:calc(var(--vh, 1vh) * 100);
  overflow-y: scroll;
  display:table; 
  background-color: white;
  }
    
.text_frame
{
  position:absolute;
  width:100%;
  top:50vh;
  top:calc(var(--vh, 1vh) * 50); 
  transform: translateY(-50%);
  height:77vh; 
  height:calc((var(--vh, 1vh) * 100) - 80px);
  z-index:0;
  background-color: white;
}

.text_frame1
{
  position:absolute;
  left:0px;
  overflow-x:hidden;
  width: calc(100% - 50px);
  top:0px;
  overflow-y:hidden;
  bottom:0px;
  scrollbar-color: white white;
  z-index:0;
}

.text_frame2
{
  overflow-x:hidden;
  width:100vw;
  overflow-y:auto;
  height:100%;
  scrollbar-color: white white;
  background-color: white; 
  z-index:0;
}

.text_frame3
{
  height:77vh;
  height:calc((var(--vh, 1vh) * 100) - 80px);
  display: table-cell;
  vertical-align:middle;
  z-index:0; 
  background-color: white
}

.text_frame4
{
  position:relative;
  left:50vw;
  transform: translateX(-50%);
  width:50vw;
  max-width:34em;
}

.text
{
  height:100vh;
  height:calc(var(--vh, 1vh) * 100);
  margin:0;
  font-family:'Open Sans', Arial, Helvetica, sans-serif; 
  font-size: 10px;
  font-weight:300;
  background-color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
}

        
.text1
{
  height:100%;
  margin:0;
  font-family:'Open Sans', Arial, Helvetica, sans-serif; 
  font-size: 10px;
  font-weight:400;
  background-color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
    
    
.text2
{
  height:100%;
  margin:0;
  vertical-align:middle;
  text-align:left;
  display: table-cell;
  font-family:'Open Sans', Arial, Helvetica, sans-serif; 
  font-weight:300;
  font-size: 12px;
  background-color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
    
.text2b
{
  background-color: white;
  margin:0;
  font-family:'Open Sans', Arial, Helvetica, sans-serif; 
  font-size: 12px;
  font-weight:400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1
{
  height:100%;
  margin:0;
  vertical-align:middle;
  text-align:left;
  display: table-cell;
  line-height:1.3;
  font-family: 'Open Sans',Arial, Helvetica, sans-serif;
  font-weight: 700; 
  font-size: 17px;
  background-color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}