/*-----------root------*/
#top-cta-banner{
	display:none;
}

:root #masthead {
	
	--black: #CAC6BF;
	--gray-100: #CAC6BF;
	--gray-90: #CAC6BF;
	--gray-80: #CAC6BF;
	--gray-70: #CAC6BF;
	--gray-60: #CAC6BF;
	--gray-50: #CAC6BF;
	--gray-40: #292827;
	--gray-30: #403D3B;
	--gray-20: #403D3B;
	--gray-10: #403D3B;
	--semi-white: #292827;
	
	
}

#masthead{
	border-color:#CAC6BF;
}
#masthead svg path{
	fill: #CAC6BF;
}
#masthead a:hover>svg path{
	fill: var(--primary-light);
}
#masthead .button:hover>.icon>svg path{
	fill: var(--primary-light);
}
#colophon{
	display:none;
}
#masthead input[type="image"]{
	background: var(--semi-white);
	border:1px solid #CAC6BF;
}
#masthead a.promotion-post:hover:before{
	opacity: .1;
}
#masthead{
	position:relative;
}
/*------hide scrollbars----*/
#pomniki-container *{
	-ms-overflow-style: none;
	scrollbar-width: none;
	overflow: -moz-scrollbars-none;
}
#pomniki-container *::-webkit-scrollbar{
	display:none;
}

:root
{
  /* motion */
  --ch-state: .8s cubic-bezier(.21,.16,.02,1);
  /* change */
  --change-color-fade: 0.3s cubic-bezier(0, 0.13, 0.17, 1);
}
/*---
/*----animation ----*/
@keyframes eye-rotation {
  from {transform: rotate(0deg);}
  to {transform: rotate(360deg);}
}
@keyframes item-flowing{
  0% {transform: translate(0,0%);}
  100% {transform: translate(2%,8%);}
}

body{
  margin:0;
}

section,div,span{
  box-sizing:border-box;
  margin:0;
  padding:0;
}

:root .pomniki-container
{
  --background: var(--gray-100);
  --light: var(--gray-30);
  --dark: var(--black);
  --shadow: 0px 16px 32px rgba(41, 40, 39, 0.5);
  --cont-width: 100vw;
  --cont-height: calc(100vh - 61px);
}

.pomniki-container{
  background-color:var(--background);
  width:var(--cont-width);
  height:var(--cont-height);
  display:flex;
  justify-content:center;
  position:relative;
  transition: background-color var(--ch-state);
  overflow:hidden;
}
.pomniki-container.no-click *{
  pointer-events: none;
}
.pomniki-eye{
  height:100vw;
  width:100vw;
  top: calc((var(--cont-height) - 100vw) / 2);
  opacity: .2;
  transition: transform var(--ch-state);
  position:absolute;
}
[data-state="start"] .pomniki-eye{
  opacity: .5;
}
[data-state="category"] .pomniki-eye{
  transform: rotate(90deg);
}
[data-state="subcategory"] .pomniki-eye{
  transform: rotate(180deg);
}
[data-state="subcategory"] .pomniki-eye{
  transform: rotate(270deg);
}

.pomniki-eye svg{
  animation: eye-rotation 18s linear infinite;
  height:100vw;
  width:100vw;
}

.pomniki-eye svg path{
  fill: var(--dark);
  transition: fill var(--ch-state);
}

.pomniki-container h1.pomniki-title{
  text-align:center;
  width:100%;
  position:absolute;
  left:0; 
  font-family: var(--szz-serif);
  font-style:italic;
  font-weight:500;
  margin:0;
  color:var(--gray-70);
  line-height:1.33;
  transition: top var(--ch-state);
  font-size:6vw;
  top:-50vw;
  padding: 0 5vw;
}

.pomniki-container[data-state="start"] h1.pomniki-title{
  top:5vw;
}

.pomniki-items-container{
  display:flex;
  flex-direction:row;
  flex-wrap: wrap;
  justify-content:center;
  width:var(--cont-width);
  min-height: var(--cont-height);
  max-height: var(--cont-height);
  height: var(--cont-height);
  position:absolute;
  overflow: scroll;
  z-index:2;
  padding:25vw 5vw;

}
.pomniki-items-container.pomniki-col-3 .pomniki-item-wrapper{
  width:40vw;
}
.pomniki-item-wrapper{
  min-height:40vw;
  height:auto;
}
.pomniki-item-container{
  display:flex;
  justify-content:center;
  align-items:center;
  min-width:100%;
  height:100%;
}
.pomniki-item{
  cursor:pointer;
  width:25vw;
  height:25vw;
}
.hide{
  opacity:0 !important;
}
.transition-short{
  transition: all .2s ease-out !important;
}
.pomniki-item svg path{
  fill: var(--light);
  transition: fill var(--change-color-fade);
}
.pomniki-item svg{
  width:13vw;
  height:13vw;
  
}
.pomniki-item-title{
  position:absolute;
  text-align:center;
  width:20vw;
  display:block;
  text-transform:uppercase;
  letter-spacing: .3em;
  font-weight:400;
  transition: width var(--change-color-fade), opacity car(--change-color-fade);
    text-align:center;
	width:auto;
  transform: translatex(-50%);
  font-size:3vw;
  top:27vw;
  left: 50%;
}
.pomniki-item-icon-container{
  position:relative;
  color:var(--light);
  background-color:var(--dark);
  border-radius:50%;
  border-color: var(--light);
  border-style: solid;
  box-shadow: 0px 8px 32px rgba(29, 26, 46, 0.5);
  transition: background var(--change-color-fade), color var(--change-color-fade), border-width var(--change-color-fade),  border-color var(--change-color-fade);
  animation: item-flowing 2s ease-in-out infinite alternate;
  width:25vw;
  height:25vw;
  padding:5vw;
  border-width:1vw; 
}
.pomniki-item-wrapper:nth-child(2n) .pomniki-item-icon-container {
     animation: item-flowing 2s ease-in-out .5s infinite alternate;
}
.pomniki-item-wrapper:nth-child(3n) .pomniki-item-icon-container {
     animation: item-flowing 2s ease-in-out 1s infinite alternate;
}
.pomniki-item-wrapper:nth-child(4n) .pomniki-item-icon-container {
     animation: item-flowing 2s ease-in-out 1.5s infinite alternate;
}
.pomniki-item:hover .pomniki-item-icon-container{
  border: 1vw solid var(--gray-30);
  background-color:var(--black);
  color: var(--gray-30);
  
}
.pomniki-item:hover svg path{
  fill: var(--gray-30);
}

/*-------category-aside--------*/
.pomniki-item[data-type="category"].aside{
  transform:scale(.5);
  position:absolute;
  z-index:20;
}

.pomniki-item[data-type="category"].aside .pomniki-item-title{
 opacity:0;
 width:0;
}  
.pomniki-item[data-type="category"].aside[data-category="material"]{
  top:0vw;
  left:0vw;
}
.pomniki-item[data-type="category"].aside[data-category="emocje"]{
  top:0vw;
  left:37.5vw;
  
}
.pomniki-item[data-type="category"].aside[data-category="zywioly"]{
  top:0vw;
  left:75vw;
}
.pomniki-item[data-type="category"].aside[data-category="kolor"]{
  top:calc(var(--cont-height) - 25vw);
  left: 0vw;
  
}
.pomniki-item[data-type="category"].aside[data-category="szlak"]{
  top:calc(var(--cont-height) - 25vw);
  left:37.5vw;
}
.pomniki-item[data-type="category"].aside[data-category="funkcja"]{
  top:calc(var(--cont-height) - 25vw);
  left:75vw;
}

/*-----------category-back------------*/
.pomniki-item[data-type="category"].back{
  transform:scale(.5);
  position:absolute;
  z-index:20;

}

.pomniki-item[data-type="category"].back .pomniki-item-title{
 opacity:0;
 width:0;
}  
.pomniki-item[data-type="category"].back[data-category="material"]{
  top:-25vw;
  left:-25vw;
}
.pomniki-item[data-type="category"].back[data-category="emocje"]{
  top:-25vw;
  left:37.5vw; 
}
.pomniki-item[data-type="category"].back[data-category="zywioly"]{
  top:-25vw;
  left:100vw;
  
}
.pomniki-item[data-type="category"].back[data-category="kolor"]{
  top:var(--cont-height);
  left:-25vw; 
}
.pomniki-item[data-type="category"].back[data-category="szlak"]{
  top: var(--cont-height);
  left:37.5vw;
 
}
.pomniki-item[data-type="category"].back[data-category="funkcja"]{
  top:var(--cont-height);
  left:100vw;
}
.pomniki-category-container{
  padding-top:25vw;
}


/*-------pomniki-active------*/
.pomniki-item.active{
  position:absolute;
  transform:scale(2);
  opacity:.5;
  z-index:0;
  pointer-events: none;
  left:37.5vw;
  top: calc(var(--cont-height) / 2 - 12.5vw);
}

.pomniki-item.active .pomniki-item-icon-container {
  animation:none;
}
.transition{
  transition: all var(--ch-state);
}
/*------pomniki-comeback-----*/
.pomniki-item.active.comeback{
  opacity:1;
  transform: scale(1);
  z-index:20;
  pointer-events: none;
}
.pomniki-item.active.comeback .pomniki-item-title{
  width:0;
  opacity:0;
}
.pomniki-item.active.comeback[data-category="material"]{
  top:-12.5vw;
  left:-12.5vw;
}
.pomniki-item.active.comeback[data-category="emocje"]{
  top:-12.5vw;
  left:37.5vw;
}
.pomniki-item.active.comeback[data-category="zywioly"]{
  top:-12.5vw;
  left:87.5vw;
}
.pomniki-item.active.comeback[data-category="kolor"]{
  top:calc(var(--cont-height) - 12.5vw);
  left:-12.5vw;
}
.pomniki-item.active.comeback[data-category="szlak"]{
  top:calc(var(--cont-height) - 12.5vw);
  left:37.5vw;
}
.pomniki-item.active.comeback[data-category="funkcja"]{
  top:calc(var(--cont-height) - 12.5vw);
  left:87.5vw;
}
/*------subcategory-container ------*/

.pomniki-subcategory-container{
  position:absolute;
  z-index:2;
  transition: top var(--ch-state), left var(--ch-state);
}

[data-current-category="material"] .pomniki-subcategory-container[data-category="material"],
[data-current-category="emocje"] .pomniki-subcategory-container[data-category="emocje"],
[data-current-category="zywioly"] .pomniki-subcategory-container[data-category="zywioly"],
[data-current-category="kolor"] .pomniki-subcategory-container[data-category="kolor"],
[data-current-category="szlak"] .pomniki-subcategory-container[data-category="szlak"],
[data-current-category="funkcja"] .pomniki-subcategory-container[data-category="funkcja"]{
 
  top:0;
  left:0;
}
.pomniki-subcategory-container[data-category="material"]{
  top: calc(-1 * var(--cont-height));
  left: -100vw;
}
.pomniki-subcategory-container[data-category="emocje"]{
  top: calc(-1 * var(--cont-height));
  left: 0vw;
}
.pomniki-subcategory-container[data-category="zywioly"]{
  top: calc(-1 * var(--cont-height));
  left: 100vw;
}

.pomniki-subcategory-container[data-category="kolor"]{
  top:  var(--cont-height);
  left: -100vw;
}
.pomniki-subcategory-container[data-category="szlak"]{
  top:  var(--cont-height);
  left: 0vw;
}
.pomniki-subcategory-container[data-category="funkcja"]{
  top: var(--cont-height);
  left: 100vw;
}

/*------subcategory-containers-active ------*/

[data-state="subcategory"][data-current-category="material"] .pomniki-subcategory-container[data-category="material"],
[data-state="post"][data-current-category="material"] .pomniki-subcategory-container[data-category="material"]
{
  top: calc(-1 * var(--cont-height));
  left: -100vw;
}

[data-state="subcategory"][data-current-category="emocje"] .pomniki-subcategory-container[data-category="emocje"],
[data-state="post"][data-current-category="emocje"] .pomniki-subcategory-container[data-category="emocje"]
{
  top: calc(-1 * var(--cont-height));
  left: 0vw;
}

[data-state="subcategory"][data-current-category="zywioly"] .pomniki-subcategory-container[data-category="zywioly"],
[data-state="post"][data-current-category="zywioly"] .pomniki-subcategory-container[data-category="zywioly"]
{
  top: calc(-1 * var(--cont-height));
  left: 100vw;
}

[data-state="subcategory"][data-current-category="kolor"] .pomniki-subcategory-container[data-category="kolor"],
[data-state="post"][data-current-category="kolor"] .pomniki-subcategory-container[data-category="kolor"]
{
  top:  var(--cont-height);
  left: -100vw;
}

[data-state="subcategory"][data-current-category="szlak"] .pomniki-subcategory-container[data-category="szlak"],
[data-state="post"][data-current-category="szlak"] .pomniki-subcategory-container[data-category="szlak"]
{
  top:  var(--cont-height);
  left: 0vw;
}

[data-state="subcategory"][data-current-category="funkcja"] .pomniki-subcategory-container[data-category="funkcja"],
[data-state="post"][data-current-category="funkcja"] .pomniki-subcategory-container[data-category="funkcja"]
{
  top: var(--cont-height);
  left: 100vw;
}

/*-----arrows------*/
.pomniki-arrow-comeback{
  position:absolute;
  z-index:21;
  cursor:pointer;
  transition: top var(--ch-state), left var(--ch-state);
  

}
.pomniki-arrow-comeback .pomniki-arrow-icon{
  background-color: var(--black);
  padding:.5rem;
  border-radius:50%;
  border:1px solid var(--gray-30);
  shadow-box: var(--shadow);
  transition: background-color var(--change-color-fade);
}
.pomniki-arrow-comeback:hover .pomniki-arrow-icon{
  background-color: var(--gray-100);
}
.pomniki-arrow-comeback:hover .arrow-title{
  background-color: var(--gray-100);
}
.pomniki-arrow-comeback .pomniki-arrow-icon svg{
  width:1.5rem;
  height:1.5rem;
  
}
.pomniki-arrow-comeback .pomniki-arrow-icon svg path{
  fill: var(--gray-30);
}
.pomniki-arrow-comeback .arrow-title
{
  position:absolute;
  top:3.5rem;
  text-transform:uppercase;
  left:50%;
  transform: translateX(-50%);
  font-family: "Archivo";
  font-size: 10px;
  letter-spacing:.1em;
  padding:.1rem .5rem;
  background-color:var(--black);
  border-radius:1rem;
  color:var(--gray-30);
  border: 1px solid var(--gray-30);
  shadow-box: var(--shadow);
  transition: background-color var(--change-color-fade);
}
/*----top-left----*/
.pomniki-arrow-comeback.top-left.active{
  top:.5rem;
  left:.5rem;
}
.pomniki-arrow-comeback.top-left{
  top:-5rem;
  left:-5rem;
}
.pomniki-arrow-comeback.top-left .arrow-title{
  left:0;
  transform:none;
}
.pomniki-arrow-comeback.top-left .pomniki-arrow-icon{
  transform: rotate(-45deg);
}
/*----top----*/
.pomniki-arrow-comeback.top.active{
  top:.5rem;
  left:50%;
  transform: translateX(-50%);
  
}
.pomniki-arrow-comeback.top{
  top:-5rem;
  left:50%;
  transform: translateX(-50%);
}
.pomniki-arrow-comeback.top .arrow-title{
  left:50%;
  transform:translateX(-50%);
}

/*----top-right----*/
.pomniki-arrow-comeback.top-right.active{
  top:.5rem;
  left:calc(100vw - .5rem);
  transform: translateX(-100%);
}
.pomniki-arrow-comeback.top-right{
  top:-5rem;
  left:calc(100vw + 5rem);
  transform: translateX(-100%);
}
.pomniki-arrow-comeback.top-right .arrow-title{
  
  left:100%;
  transform: translateX(-100%);
}
.pomniki-arrow-comeback.top-right .pomniki-arrow-icon{
  transform: rotate(45deg);
}
/*----bottom-left----*/
.pomniki-arrow-comeback.bottom-left.active{
  top:calc(var(--cont-height) - .5rem);
  left:.5rem;
  transform: translateY(-100%);
}
.pomniki-arrow-comeback.bottom-left{
  top:calc(var(--cont-height) + 5rem);
  left:-5rem;
  transform: translateY(-100%);
}
.pomniki-arrow-comeback.bottom-left .arrow-title{
  left:0;
  top:-1.5rem;
  transform:none;
}
.pomniki-arrow-comeback.bottom-left .pomniki-arrow-icon{
  transform:rotate(-135deg);
}
/*----bottom----*/
.pomniki-arrow-comeback.bottom.active{
  top:calc(var(--cont-height) - .5rem);
  left:50%;
  transform: translateX(-50%) translateY(-100%);
}
.pomniki-arrow-comeback.bottom{
  top:calc(var(--cont-height) + 5rem);
  left:50%;
  transform: translateX(-50%) translateY(-100%);
}
.pomniki-arrow-comeback.bottom .arrow-title{
  top:-1.5rem;
  left:50%;
  transform: translateX(-50%);
}
.pomniki-arrow-comeback.bottom .pomniki-arrow-icon{
  transform: rotate(-180deg);
}
/*----bottom-right----*/
.pomniki-arrow-comeback.bottom-right.active{
 top:calc(var(--cont-height) - .5rem);
  
  left:calc(100vw - .5rem);
  transform: translateX(-100%) translateY(-100%);
}
.pomniki-arrow-comeback.bottom-right{
 top:calc(var(--cont-height) + 5rem);
  
  left:calc(100vw + 5rem);
  transform: translateX(-100%) translateY(-100%);
}
.pomniki-arrow-comeback.bottom-right .arrow-title{
  left:100%;
  transform: translateX(-100%);
  top: -1.5rem;
}
.pomniki-arrow-comeback.bottom-right .pomniki-arrow-icon{
  transform: rotate(135deg);
}

/*------posty -----*/

.pomniki-posts-container {
  position:absolute;
  z-index:2;
  top:var(--cont-height);
  left:0;
  transition: top var(--ch-state);
}
[data-state="subcategory"]  .pomniki-posts-container{
  top:0;
}
.pomniki-item-wrapper[data-type="post"]{
  display:none;
}
.pomniki-item-wrapper[data-type="post"].show{
  display:block;
}
.pomniki-item.pomniki-post{
  width:30vw;
  height:30vw;
}
[data-state="subcategory"] .show-animate .pomniki-item-image-container{
  opacity:1;
  transform:scale(1);
 
}
.pomniki-item-image-container {

  position:relative;
  opacity:0;
  transform:scale(.3);
  transition: opacity var(--ch-state), transform var(--ch-state), width var(--ch-state);
  transition-delay: .6s;
  width:30vw;
  height:30vw;	
  transition: opacity var(--ch-state), transform var(--ch-state), width var(--ch-state), padding-bottom var(--ch-state), padding-top var(--ch-state), height var(--ch-state), width var(--ch-state);
  overflow-x:visible;
}
.pomniki-post-image{

  background-image: var(--example);
  border-radius:50%;
  background-position:center;
  background-size:cover;
  position:relative;
  box-shadow: var(--shadow);
  animation: item-flowing 2s ease-in-out infinite alternate;
  width:30vw;
  height:30vw;
  transition: width var(--ch-state), border-radius var(--ch-state), height var(--ch-state), max-height var(--ch-state);
}
.pomniki-post-image--anim-2 {
     animation: item-flowing 2s ease-in-out .5s infinite alternate;
}
.pomniki-post-image--anim-3 {
     animation: item-flowing 2s ease-in-out 1s infinite alternate;
}
.pomniki-post-image--anim-4 {
     animation: item-flowing 2s ease-in-out 1.5s infinite alternate;
}
.pomniki-post-image:before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:block;
  background-color: var(--light);
  mix-blend-mode: darken;
  border-radius:50%;
  transition: opacity var(--change-color-fade);
}
.pomniki-post-image:after{
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:block;
  background-color: var(--dark);
  mix-blend-mode: lighten;
  border-radius:50%;
  transition: opacity var(--change-color-fade);
}

.pomniki-item.pomniki-post:hover .pomniki-post-image:before, .pomniki-item.pomniki-post:hover .pomniki-post-image:after{
  opacity:0;
}
.pomniki-post-item-title{
  display:none;
}
.pomniki-item.pomniki-post:hover .pomniki-post-item-title{
  opacity: 1;
  top:12vw;
}
.pomniki-post-description{
  transform: translateY(-50%);
  color: var(--light);
  opacity:0;
  transition: opacity var(--ch-state), left var(--ch-state);
  overflow-y:scroll;
  padding:0;
  position:relative;
  padding-top:0;
  max-height:0vw;
  width:90vw;
  left:0;
  top:0;
}
.pomniki-post-description .pomniki-post-header{
  font-family: "Archivo";
  font-weight:700;
  line-height:1.3;
  margin:0;
  font-size:1.25rem;
  margin-bottom:1rem;
}
.pomniki-post-description .pomnik-post-text {
  font-family: var(--szz-serif);
  font-weight:400;
  line-height:1.5;
  opacity:.9;
  margin:0;
  margin-bottom:1.5rem;
  font-size:.875rem;
  letter-spacing:.01em;
  color: var(--gray-40);
}
.pomniki-post:hover{
	z-index:20;
}
.pomniki-item.pomniki-post.active{
  position:absolute;
  transform:scale(1);
  opacity:1;
  z-index:19;
  pointer-events: auto;
  cursor:auto;
  width:90vw;
  left:5vw;
  top:0;
}
.pomniki-item.pomniki-post.active .pomniki-post-image:after,
.pomniki-item.pomniki-post.active .pomniki-post-image:before{
  opacity:0;
}
.pomniki-item.pomniki-post.active.active-animate .pomniki-post-image {
  animation:none;
  width:90vw;
  height:55vw;
  border-radius:8vw;
}

.pomniki-item.pomniki-post.active .pomniki-item-image-container{
  width:12vw;
  opacity:1;
  transform:none;
 transition: opacity var(--ch-state), transform var(--ch-state), width var(--ch-state);
}

.pomniki-item.pomniki-post.active.active-animate .pomniki-item-image-container{
    width:90vw;
		height: var(--cont-height);
		overflow-y:visible;
		padding-bottom:35vw;
		padding-top:35vw;
		transition: opacity var(--ch-state), transform var(--ch-state), width var(--ch-state), padding-bottom var(--ch-state), padding-top var(--ch-state), height var(--ch-state), width var(--ch-state);
}
.pomniki-item.active.active-animate .pomniki-post-description{
  opacity:1;
  position:relative;
  padding-top:5vw;
  width:90vw;
  left:0;
  transform:none;
  overflow:auto;
  max-height:1000vw;
  top:0;
}
.pomniki-item.pomniki-post.active.active-animate.scroll .pomniki-item-image-container{
  overflow-y:scroll;
}
.pomniki-item.active .pomniki-post-item-title{
  display:none;
}
.pomniki-item .pomniki-post-link{
  color: var(--light);
  padding: .5rem 1rem;
  border-radius: .25rem;
  border:1px solid var(--light);
  border-color:var(--light);
  text-decoration:none;
  font-size:1rem;
  font-family:"Archivo";
  line-height:1.33;
  display:flex;
  gap:.5rem;
  transition: color var(--change-color-fade), border-color var(--change-color-fade);
  align-items:center;
  width:fit-content;
}
.pomniki-item .pomniki-post-link svg{
  width:20px;
  height:20px;
}
.pomniki-item .pomniki-post-link svg path{
  fill: var(--light);
}
.pomniki-item .pomniki-post-link:hover{
  color:var(--semi-white);
  border-color: var(--semi-white);
}
.pomniki-item .pomniki-post-link:hover path{
  fill: var(--semi-white);
}
.pomniki-post-link-arrow{
  width:20px;
  height:20px;
}
.pomniki-item:focus-visible,
.pomniki-arrow-comeback:focus-visible{
	outline-width: 2px;
	outline-offset: 2px;
  outline-color: var(--light);
	background-color: var(--primary-light);
}


@media only screen and (min-width:960px){
	.pomniki-eye svg{
    height:var(--cont-height);
    width: var(--cont-height);
	}
	.pomniki-eye{
    height:var(--cont-height);
    width: var(--cont-height);
    top:auto;
	}
	.pomniki-container h1.pomniki-title{
    font-size:2.4vw;
    top:-10vw;
    padding:0;
		
	}
	.pomniki-container[data-state="start"] h1.pomniki-title{
    top: 1vw;
	}
	.pomniki-items-container.pomniki-col-3 .pomniki-item-wrapper{
    width:25vw;
	}
	.pomniki-item-wrapper{
    min-height:14vw;
	}
	.pomniki-items-container{
    padding:3vw;
	}
  .pomniki-category-container{
    padding-top:0vw;
  }
	.pomniki-item{
    width:8vw;
    height:8vw;
	}
	.pomniki-item-icon-container{
    width:8vw;
    height:8vw;
    border-width: .25vw;
    padding:1.75vw;
	}
	.pomniki-item:hover .pomniki-item-icon-container{
		border-width:.25vw;
	}
	.pomniki-item svg{
    width:4vw;
    height:4vw;
	}
	.pomniki-item-title{
    font-size: 1vw;
    top:9vw;
    left:50%;
	}
    .pomniki-item[data-type="category"].aside{
      transform:scale(.3);
    } 
    .pomniki-item[data-type="category"].aside[data-category="material"]{
      top:-2vw;
      left:-2vw;
    }
    .pomniki-item[data-type="category"].aside[data-category="emocje"]{
      top:-2vw;
      left:46vw;
    
    }
    .pomniki-item[data-type="category"].aside[data-category="zywioly"]{
      top:-2vw;
      left:94vw;
    
    }
    .pomniki-item[data-type="category"].aside[data-category="kolor"]{
      top:calc(var(--cont-height) - 6vw);
      left:-2vw;
    }
    .pomniki-item[data-type="category"].aside[data-category="szlak"]{
      top:calc(var(--cont-height) - 6vw);
      left:46vw;
    }
    .pomniki-item[data-type="category"].aside[data-category="funkcja"]{
      top:calc(var(--cont-height) - 6vw);
      left:94vw;
    }
	.pomniki-item.active{
    left:46vw;
    top:calc(var(--cont-height) / 2 - 4vw);
	}
    /*-----------category-back------------*/
    .pomniki-item[data-type="category"].back{
      transform:scale(.3);
    }
    .pomniki-item[data-type="category"].back[data-category="material"]{
    top:-8vw;
    left:-8vw;
    }
    .pomniki-item[data-type="category"].back[data-category="emocje"]{
      top:-8vw;
      left:46vw;
    }
    .pomniki-item[data-type="category"].back[data-category="zywioly"]{
    top:-8vw;
    left:100vw;
    }
    .pomniki-item[data-type="category"].back[data-category="kolor"]{
      top:var(--cont-height);
      left:-8vw;
    }
    .pomniki-item[data-type="category"].back[data-category="szlak"]{
    top: var(--cont-height);
    left:46vw;
    }
    .pomniki-item[data-type="category"].back[data-category="funkcja"]{
    top:var(--cont-height);
    left:100vw;
    }
    .pomniki-item.pomniki-post.active.active-animate.scroll .pomniki-item-image-container{
      overflow: visible;
    }        
    .pomniki-item.active.comeback[data-category="material"]{
    top:-4vw;
    left:-4vw;
    }
    .pomniki-item.active.comeback[data-category="emocje"]{
    top:-4vw;
    left:46vw;
    }
    .pomniki-item.active.comeback[data-category="zywioly"]{
    top:-4vw;
    left:96vw;
    }
    .pomniki-item.active.comeback[data-category="kolor"]{
    top:calc(var(--cont-height) - 4vw);
    left:-4vw;
    }
    .pomniki-item.active.comeback[data-category="szlak"]{
    top:calc(var(--cont-height) - 4vw);
    left:46vw;
    }
    .pomniki-item.active.comeback[data-category="funkcja"]{
    top:calc(var(--cont-height) - 4vw);
    left:96vw;
    }
	.pomniki-item-image-container{
    width:12vw;
    height:12vw;
    transition: opacity var(--ch-state), transform var(--ch-state), width var(--ch-state);
	}
  .pomniki-post-item-title{
    display: block;
    position:absolute;
    top:13vw;
    left: 50%;
    transform: translateX(-50%);
    font-size:.8vw;
    font-family:"Archivo";
    line-height:1.3;
    color: var(--light);
    padding:.5rem 1rem;
    background-color:var(--dark);
    border-radius: .5rem;
    border: 1px solid var(--light);
    text-transform:uppercase;
    font-weight:400;
    letter-spacing:.1em; 
    text-align:center;
    transition: opacity var(--change-color-fade), top var(--change-color-fade);
    opacity:0;
    font-size:.9vw;
    width:22vw;
  }
	.pomniki-post-image{
    width:12vw;
    height:12vw;
    transition: width var(--ch-state), border-radius var(--ch-state);
	}
	.pomniki-item.pomniki-post{
    width:12vw;
    height:12vw;
	}
	.pomniki-item.pomniki-post.active{
    left:25vw;
    width: auto;
    top:calc(var(--cont-height) / 2 - 6vw);
	}
	.pomniki-post-description{
    padding:10vw 0rem;
    position:absolute;
    left: 22vw;
    top: 50%;
    width:0vw;
    width: auto;
	}
	.pomniki-item.active.active-animate .pomniki-post-description{
    width:26vw;
    left:20vw;
    transform: translateY(-50%);
    position:absolute;
    top: 50%;
    max-height: var(--cont-height);
	}
	.pomniki-item.pomniki-post.active.active-animate .pomniki-post-image{
    width:16vw;
    border-radius:1%;
    height:12vw;
	}
	.pomniki-item.pomniki-post.active.active-animate .pomniki-item-image-container{
    width:16vw;
    height:12vw;
    opacity:1;
    transform:none;
   transition: opacity var(--ch-state), transform var(--ch-state), width var(--ch-state);
   padding-top:0;
   padding-bottom:0;
	}
    
	.pomniki-post-description .pomniki-post-header{
    font-size: 1.75rem;
    margin-bottom:1.5rem;
	}
	.pomniki-post-description .pomnik-post-text{
    letter-spacing:0em;
    font-size: 1rem;
	}
	
}