/* fotoksiazka */
.container.fotoksiazka {
	width: 100%;
	max-width: none;
	opacity: 0;
	transition: opacity 0.15s;
}

.wrapper {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.fotoksiazka .arrow {
	background: no-repeat center center;
	background-size: contain;
	position: absolute;
	z-index: 15;
	width: 60px;
	height: 60px;
	max-height: 10vh;
	top: 45vh;
	cursor: pointer;
}

.fotoksiazka .arrowleft {
	left: 15px;
	background-image: url('../assets/images/arrowleft.png');
}

.fotoksiazka .arrowright {
	right: 15px;
	background-image: url('../assets/images/arrowright.png');
}

@media all and (max-width: 800px) {
	.fotoksiazka .arrow {
		width: 30px;
		height: 30px;
	}
}

#flipbook {
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}

.fotoksiazka .szablon {
	top: 0;
	left: 0;
	background: #190000;
	position: absolute;
	overflow: hidden;
	width: 100vw;
	height: 100vh;
}

.fotoksiazka .szablon .img {
	transform: translate3d(0,0,0);
	display: flex;
	align-items: center;
  justify-content: center;
  pointer-events: none;
  box-sizing: border-box;
}

.fotoksiazka .szablon .img .image_container {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
  position: relative;
  pointer-events: all;
  box-sizing: border-box;
}

.fotoksiazka .szablon .img img {
	display: block;
	top: 0;
	left: 0;
  width: 100%;
  height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
	background: rgba(0,0,0,0.75);
	object-position: 50% 50%;
	transition: all 0.25s;
	cursor: pointer;
  transform: translate3d(0,0,0);
  box-sizing: border-box;
}

.szablon[data-delta="-1"] .img img {
	cursor: auto;
}

.fotoksiazka .szablon .image_container::after, .fotoksiazka .szablon .image_container::before {
  cursor: pointer;
}

.fotoksiazka .content {
	width: 100%;
	max-width: calc(100vh * 1.75);
	height: 100vh;
	margin: auto;
  position: relative;
}

.fotoksiazka .szablon .textfield {
	display: none;
}

.fotoksiazka .szablon .img.text_only {
  cursor: default;
	box-sizing: border-box;
}

.fotoksiazka .szablon .text_only img {
	display: none;
}

.fotoksiazka .szablon .text_only .text_container {
	width: 100%;
	height: 100%;
	padding: 5px 10px;
	overflow: auto;
	color: #3e220b;
	box-sizing: border-box;
	border: 2px solid rgba(31,0,0,0.5);
	display: flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  user-select: none;
}

.fotoksiazka .szablon .text_only .text_container p {
	-webkit-font-smoothing: antialiased;
  user-select: none;
  margin: auto;
}

.fotoksiazka .szablon .text_only .image_container {
	background: url('../assets/images/fotoksiazka_popup_textbg2.png') repeat center center #baaeaa;;
  background-size: auto;
	padding: 10px;
	height: 100%;
	width: 100%;
}

.fotoksiazka .szablon {
	line-height: 1.3;
	margin: 0;
	overflow-x: hidden;
	overflow-y: scroll;
}

/*szablon 1*/
.fotoksiazka .szablon1 .content {
	background: url('../assets/images/fotoksiazka_szablon1.png') no-repeat top center;
	background-size: 40% 100%;
}

.fotoksiazka .szablon1 .img {
	position: absolute;
	height: 37vh;
	width: 32%;
}

.fotoksiazka .szablon1 .img img {
  box-shadow: 10px 6px 3px rgba(0,0,0,0.3);
	max-height: 37vh;
}

.fotoksiazka .szablon1 .img_1 {
	top: 10%;
	left: 12.5%;
}
.fotoksiazka .szablon1 .img_2 {
	top: 10%;
	left: 50.5%;
}
.fotoksiazka .szablon1 .img_3 {
	bottom: 10%;
	left: 17.5%;
}
.fotoksiazka .szablon1 .img_4 {
	bottom: 10%;
	left: 56.5%;
}


/* szablon 2 */
.fotoksiazka .szablon2 .img {
	position: absolute;
}

.fotoksiazka .szablon2 .img_1 {
	top: 0;
	left: 0;
	width: 45%;
	height: 44vh;
	z-index:2;
}

.fotoksiazka .szablon2 .img_1 .image_container {
	border-bottom: 1px solid rgba(0,0,0,0.2);
  border-right: 1px solid rgba(0,0,0,0.2);
}

.fotoksiazka .szablon2 .img_1 img {
  box-shadow: 10px 6px 3px rgba(0,0,0,0.3);
	max-height: 44vh;
}

.fotoksiazka .szablon2 .img_1 .image_container::after {
	content: "";
	display: block;
	width: 90px;
	height: 100%;
	top: 0;
	right: -89px;
	position: absolute;
	background: url('../assets/images/fotoksiazka_szablon2_klisza2.png') no-repeat left center;
  background-size: cover;
  box-shadow: 10px 6px 3px rgba(0,0,0,0.3);
}

.fotoksiazka .szablon2 .img_2 {
	top: 0;
	left: 25%;
	width: 62%;
	height: 78vh;
	z-index: 1;
}

.fotoksiazka .szablon2 .img_2 img {
  max-height: 78vh;
}

.fotoksiazka .szablon2 .img_3 {
	bottom: 4vh;
	left: 15%;
	width: 48%;
	height: 47vh;
	z-index: 3;
}

.fotoksiazka .szablon2 .img_3 .image_container {
	border-top: 1px solid rgba(0,0,0,0.2);
  border-right: 1px solid rgba(0,0,0,0.2);
}

.fotoksiazka .szablon2 .img_3 img {
  box-shadow: 10px 6px 3px rgba(0,0,0,0.3);
	max-height: 47vh;
}

.fotoksiazka .szablon2 .img_3 .image_container::before {
	content: "";
	display: block;
	width: 100px;
	height: 100%;
	top: 0;
	left: -99px;
	position: absolute;
	background: url('../assets/images/fotoksiazka_szablon2_klisza1.png') no-repeat right center;
  background-size: cover;
  box-shadow: 10px 6px 3px rgba(0,0,0,0.3);
}

.fotoksiazka .szablon2 .img_3 .image_container::after {
	content: "";
	display: block;
	width: 100px;
	height: 100%;
	top: 0;
	right: -99px;
	position: absolute;
	background: url('../assets/images/fotoksiazka_szablon2_klisza1.png') no-repeat left center;
  background-size: cover;
  box-shadow: 10px 6px 3px rgba(0,0,0,0.3);
}


/*szablon 3*/
.fotoksiazka .szablon3 .img {
	position: absolute;
}

.fotoksiazka .szablon3 .img_1 {
	top: 8vh;
	left: 7%;
	width: 58%;
	height: 78vh;
	z-index: 1;
}

.fotoksiazka .szablon3 .img_1 img {
  max-height: 78vh;
}

.fotoksiazka .szablon3 .img_2 {
	top: 8vh;
	left: 47%;
	width: 42%;
	height: 44vh;
	z-index: 3;
}

.fotoksiazka .szablon3 .img_2 .image_container {
	border-bottom: 1px solid rgba(0,0,0,0.2);
  border-left: 1px solid rgba(0,0,0,0.2);
}

.fotoksiazka .szablon3 .img_2 img {
  box-shadow: -10px 6px 3px rgba(0,0,0,0.3);
	max-height: 44vh;
}

.fotoksiazka .szablon3 .img_3 {
	bottom: 0;
	left: 27%;
	width: 46%;
	height: 43vh;
	z-index: 3;
}

.fotoksiazka .szablon3 .img_3 .image_container {
	border-top: 1px solid rgba(0,0,0,0.2);
  border-left: 1px solid rgba(0,0,0,0.2);
}

.fotoksiazka .szablon3 .img_3 img {
  box-shadow: -10px 6px 3px rgba(0,0,0,0.3);
	max-height: 43vh;
}

.fotoksiazka .szablon3 .img_2 .image_container::before, .fotoksiazka .szablon3 .img_3 .image_container::before {
	content: "";
	display: block;
	width: 100px;
	height: 100%;
	top: 0;
	left: -99px;
	position: absolute;
	background: url('../assets/images/fotoksiazka_szablon3_klisza1.png') no-repeat right center;
  background-size: cover;
  box-shadow: -10px 6px 3px rgba(0,0,0,0.3);
}

.fotoksiazka .szablon3 .img_2 .image_container::after, .fotoksiazka .szablon3 .img_3 .image_container::after  {
	content: "";
	display: block;
	width: 100px;
	height: 100%;
	top: -0;
	right: -99px;
	position: absolute;
	background: url('../assets/images/fotoksiazka_szablon3_klisza1.png') no-repeat left center;
  background-size: cover;
  box-shadow: -10px 6px 3px rgba(0,0,0,0.3);
}


/* szablon 4 */
.fotoksiazka .szablon4 .img {
	position: absolute;
}

.fotoksiazka .szablon4 .img_1 {
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 1;
}

.fotoksiazka .szablon4 .img_1 img {
  max-height: 100vh;
}

.fotoksiazka .szablon4 .img_2 {
	top: 0;
	right: 13%;
	height: 52vh;
	width: 44%;
	z-index: 3;
}

.fotoksiazka .szablon4 .img_2 .image_container {
  border: 1px solid rgba(0,0,0,0.2);
  border-top: none;
}

.fotoksiazka .szablon4 .img_2 img {
  max-height: 52vh;
	box-shadow: 10px 6px 3px rgba(0,0,0,0.3);
}

.fotoksiazka .szablon4 .img_3 {
	right: 0;
	bottom: 7vh;
	width: 39%;
	height: 47vh;
	z-index: 2;
}

.fotoksiazka .szablon4 .img_3 .image_container {
  border: 1px solid rgba(0,0,0,0.2);
  border-right: none;
}

.fotoksiazka .szablon4 .img_3 img {
  max-height: 47vh;
  box-shadow: 10px 6px 3px rgba(0,0,0,0.3);
}

.fotoksiazka .szablon4 .img_2 .image_container::before, .fotoksiazka .szablon4 .img_3 .image_container::before {
	content: "";
	display: block;
	width: 100px;
	height: 100%;
	top: 0;
	left: -99px;
	position: absolute;
	background: url('../assets/images/fotoksiazka_szablon4_klisza1.png') no-repeat right center;
  background-size: cover;
  box-shadow: 10px 6px 3px rgba(0,0,0,0.3);
}

.fotoksiazka .szablon4 .img_3 .image_container::before {
	background-image: url('../assets/images/fotoksiazka_szablon4_klisza2.png');
}

.fotoksiazka .szablon4 .img_2 .image_container::after  {
	content: "";
	display: block;
	width: 100px;
	height: 100%;
	top: 0;
	right: -99px;
	position: absolute;
	background: url('../assets/images/fotoksiazka_szablon4_klisza1.png') no-repeat left center;
  background-size: cover;
  box-shadow: 10px 6px 3px rgba(0,0,0,0.3);
}

.fotoksiazka .szablon4 .img_4 {
	bottom: 1vw;
	left: 1vw;
	width: calc(50% - 2vw);
  height: auto;
  max-height: 30vh;
	z-index: 3;
}

/* szablon 5 */
.fotoksiazka .szablon5 .img {
	position: absolute;
}

.fotoksiazka .szablon5 .img_1 {
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 1;
}

.fotoksiazka .szablon5 .img_1 img {
	max-height: 100vh;
}

.fotoksiazka .szablon5 .img_2 {
	top: 0;
	left: 13%;
	height: 52vh;
	width: 44%;
	z-index: 3;
}

.fotoksiazka .szablon5 .img_2 .image_container {
  border: 1px solid rgba(0,0,0,0.2);
  border-top: none;
}

.fotoksiazka .szablon5 .img_2 img {
  max-height: 52vh;
  box-shadow: 10px 6px 3px rgba(0,0,0,0.3);
}

.fotoksiazka .szablon5 .img_3 {
	left: 0;
	bottom: 7vh;
	width: 39%;
	height: 47vh;
	z-index: 2;
}

.fotoksiazka .szablon5 .img_3 .image_container {
  border: 1px solid rgba(0,0,0,0.2);
	border-left: none;
}

.fotoksiazka .szablon5 .img_3 img {
  max-height: 47vh;
  box-shadow: 10px 6px 3px rgba(0,0,0,0.3);
}

.fotoksiazka .szablon5 .img_2 .image_container::before {
	content: "";
	display: block;
	width: 100px;
	height: 100%;
	top: 0;
	left: -99px;
	position: absolute;
	background: url('../assets/images/fotoksiazka_szablon4_klisza1.png') no-repeat right center;
  background-size: cover;
  box-shadow: 10px 6px 3px rgba(0,0,0,0.3);
}

.fotoksiazka .szablon5 .img_2 .image_container::after, .fotoksiazka .szablon5 .img_3 .image_container::after  {
	content: "";
	display: block;
	width: 100px;
	height: 100%;
	top: 0;
	right: -99px;
	position: absolute;
	background: url('../assets/images/fotoksiazka_szablon4_klisza1.png') no-repeat left center;
  background-size: cover;
  box-shadow: 10px 6px 3px rgba(0,0,0,0.3);
}

.fotoksiazka .szablon5 .img_3 .image_container::after {
	background-image: url('../assets/images/fotoksiazka_szablon4_klisza2.png');
}

.fotoksiazka .szablon5 .img_4 {
	bottom: 1vw;
	right: 1vw;
	width: calc(50% - 2vw);
  height: auto;
  max-height: 30vh;
	z-index: 3;
}


/* szablon 6 (było 7) */
.fotoksiazka .szablon6 .img_1 {
	top: 0;
	height: 100vh;
	left: 0;
	width: 100%;
}

.fotoksiazka .szablon6 .img_1 img {
	max-height: 100vh;
}


/* szablon 7 (było 8) */
.fotoksiazka .szablon7 .content {
	background: url('../assets/images/fotoksiazka_szablon7_bg.png') no-repeat center center;
	background-size: 80% 100%;
}

.fotoksiazka .szablon7 .img {
	position: absolute;
	height: 41vh;
	width: 40%;
}

.fotoksiazka .szablon7 .img img {
	max-height: 41vh;
	box-shadow: 10px 6px 3px rgba(0,0,0,0.3);
}

.fotoksiazka .szablon7 .img_1 {
	top: 9.5vh;
	left: 8.5%;
}
.fotoksiazka .szablon7 .img_2 {
	top: 9.5vh;
	right: 8.5%;
}
.fotoksiazka .szablon7 .img_3 {
	bottom: 5.5vh;
	left: 8.5%;
}
.fotoksiazka .szablon7 .img_4 {
	bottom: 5.5vh;
	right: 8.5%;
}


/* szablon 8 (było 9) */
.fotoksiazka .szablon8 .img {
	position: absolute;
}

.fotoksiazka .szablon8 .img_1 {
	height: 45vh;
	width: 45%;
	top: 8vh;
	left: 4%;
	z-index: 2;
}

.fotoksiazka .szablon8 .img_1 .image_container {
	border: 1px solid rgba(0,0,0,0.2);
}

.fotoksiazka .szablon8 .img_1 img {
	box-shadow: 10px 6px 3px rgba(0,0,0,0.3);
	max-height: 45vh;
}

.fotoksiazka .szablon8 .img_1 .image_container::after, .fotoksiazka .szablon8 .img_2 .image_container::after  {
	content: "";
	display: block;
	width: 100px;
	height: 100%;
	top: 0;
	right: -99px;
	position: absolute;
	background: url('../assets/images/fotoksiazka_szablon4_klisza2.png') no-repeat left center;
  background-size: cover;
  box-shadow: 10px 6px 3px rgba(0,0,0,0.3);
}

.fotoksiazka .szablon8 .img_1 .image_container::before {
	content: "";
	display: block;
	width: 100px;
	height: 100%;
	top: 0;
	left: -99px;
	position: absolute;
	background: url('../assets/images/fotoksiazka_szablon4_klisza2.png') no-repeat right center;
  background-size: cover;
  box-shadow: 10px 6px 3px rgba(0,0,0,0.3);
  z-index: -1;
}

.fotoksiazka .szablon8 .img_2 {
	height: 44.5vh;
	width: 35%;
	bottom: 0;
	left: 0;
	z-index: 3;
}

.fotoksiazka .szablon8 .img_2 img {
	max-height: 44.5vh;
}

.fotoksiazka .szablon8 .img_3 {
	height: 100vh;
	width: 61%;
	bottom: 0;
	right: 0;
	z-index: 1;
}

.fotoksiazka .szablon8 .img_3 img {
  max-height: 100vh;
}

.fotoksiazka .szablon8 .img_4 {
  /* text */
	bottom: 1vw;
	right: 1vw;
  width: calc(50% - 2vw);
  height: auto;
  max-height: 30vh;
  z-index: 2;
}


/* szablon 9 (było 10) */
.fotoksiazka .szablon9 .img {
	position: absolute;
}

.fotoksiazka .szablon9 .img_1 {
  /* text */
	top: 1vw;
	left: 2vw;
  width: calc(49% - 3vw);
  height: auto;
  max-height: 30vh;
  z-index: 2;
}

.fotoksiazka .szablon9 .img_2 {
	height: 100vh;
	width: 61%;
	bottom: 0;
	left: 0;
	z-index: 1;
}

.fotoksiazka .szablon9 .img_2 img {
  max-height: 100vh;
}

.fotoksiazka .szablon9 .img_3 {
	height: 45vh;
	width: 35%;
	top: 0;
	right: 0;
	z-index: 3;
}

.fotoksiazka .szablon9 .img_3 .image_container {
  border: 1px solid rgba(0,0,0,0.2);
  border-right: none;
}

.fotoksiazka .szablon9 .img_3 img {
	box-shadow: -10px 6px 3px rgba(0,0,0,0.3);
	max-height: 45vh;
}

.fotoksiazka .szablon9 .img_4 {
	height: 47vh;
	width: 45%;
	bottom: 3vh;
	right: 4%;
	z-index: 2;
}

.fotoksiazka .szablon9 .img_4 .image_container {
	border: 1px solid rgba(0,0,0,0.2);
}

.fotoksiazka .szablon9 .img_4 img {
	box-shadow: -10px 6px 3px rgba(0,0,0,0.3);
	max-height: 47vh;
}

.fotoksiazka .szablon9 .img_4 .image_container::after  {
	content: "";
	display: block;
	width: 100px;
	height: 100%;
	top: 0;
	right: -99px;
	position: absolute;
	background: url('../assets/images/fotoksiazka_szablon4_klisza2.png') no-repeat left center;
  background-size: cover;
  box-shadow: -10px 6px 3px rgba(0,0,0,0.3);
  z-index: -1;
}

.fotoksiazka .szablon9 .img_3 .image_container::before, .fotoksiazka .szablon9 .img_4 .image_container::before {
	content: "";
	display: block;
	width: 100px;
	height: 100%;
	top: 0;
	left: -99px;
	position: absolute;
	background: url('../assets/images/fotoksiazka_szablon4_klisza2.png') no-repeat right center;
  background-size: cover;
  box-shadow: -10px 6px 3px rgba(0,0,0,0.3);
  z-index: 2;
}


/* szablon 10 (było 11) */
.fotoksiazka .szablon10 .content {
	background: url('../assets/images/fotoksiazka_szablon10_bg.png') no-repeat 84% 0%;
	background-size: 36% 96%;
}

.fotoksiazka .szablon10 .img {
	position: absolute;
}
.fotoksiazka .szablon10 .img img {
	box-shadow: 10px 6px 3px rgba(0,0,0,0.3);
}

.fotoksiazka .szablon10 .img_1 {
	height: 42vh;
	width: 40%;
	top: 8vh;
	left: 8%;
}

.fotoksiazka .szablon10 .img_2 {
	height: 42vh;
	width: 40%;
	bottom: 4vh;
	left: 8%;
}

.fotoksiazka .szablon10 .img_1 img, .fotoksiazka .szablon10 .img_2 img {
	max-height: 42vh;
}

.fotoksiazka .szablon10 .img_3 {
	height: 72vh;
	width: 34%;
	bottom: 9vh;
	right: 8%;
}

.fotoksiazka .szablon10 .img_3 img {
	max-height: 72vh
}

/* szablon 11 (było 12) */
.fotoksiazka .szablon11 .content {
	background: url('../assets/images/fotoksiazka_szablon10_bg.png') no-repeat 16% 0%;
	background-size: 36% 96%;
}

.fotoksiazka .szablon11 .img {
	position: absolute;
}

.fotoksiazka .szablon11 .img img {
	box-shadow: 10px 6px 3px rgba(0,0,0,0.3);
}

.fotoksiazka .szablon11 .img_1 {
	height: 72vh;
	width: 34%;
	bottom: 9vh;
	left: 8%;
}

.fotoksiazka .szablon11 .img_1 img {
	max-height: 72vh;
}

.fotoksiazka .szablon11 .img_2 {
	height: 42vh;
	width: 40%;
	top: 9vh;
	right: 7%;
}

.fotoksiazka .szablon11 .img_3 {
	height: 42vh;
	width: 40%;
	bottom: 4vh;
	right: 7%;
}

.fotoksiazka .szablon11 .img_2 img, .fotoksiazka .szablon11 .img_3 img {
	max-height: 42vh;
}


/* szablon 12 (było 13) */
.fotoksiazka .szablon12 .content {
	background: url('../assets/images/fotoksiazka_szablon12_bg.png') no-repeat left bottom, url('../assets/images/fotoksiazka_szablon12_bg2.png') no-repeat right top;
	background-size: 28% auto;
}

.fotoksiazka .szablon12 .img {
  position: absolute;
}

.fotoksiazka .szablon12 .img_1 {
	height: 54vh;
	width: 45%;
	top: 0;
	left: 0;
  z-index: 2;
}

.fotoksiazka .szablon12 .img_1 .image_container {
  border-bottom: 1px solid rgba(0,0,0,0.2);
}

.fotoksiazka .szablon12 .img_1 img {
  box-shadow: 0px 6px 3px rgba(0,0,0,0.3);
}

.fotoksiazka .szablon12 .img_1 img, .fotoksiazka .szablon12 .img_5 img {
	max-height: 55vh;
}

.fotoksiazka .szablon12 .img_2 {
	height: 30vh;
	width: 27%;
	bottom: 14vh;
	left: 0.5%;
	z-index: 1;
}

.fotoksiazka .szablon12 .img_3 {
	height: calc(100vh - 120px);
	width: 34%;
	bottom: 60px;
	left: 33%;
	z-index: 3;
}

.fotoksiazka .szablon12 .img_3 .image_container {
	border-left: 1px solid rgba(0,0,0,0.2);
	border-right: 1px solid rgba(0,0,0,0.2);
}

.fotoksiazka .szablon12 .img_3 img {
	box-shadow: 10px 0px 3px rgba(0,0,0,0.3);
	max-height: calc(100vh - 120px);
}

.fotoksiazka .szablon12 .img_3 .image_container::before {
	content: "";
	display: block;
	width: 100%;
	height: 90px;
	top: -90px;
	left: 0;
	position: absolute;
	background: url('../assets/images/fotoksiazka_szablon12_klisza.png') repeat-x center bottom;
  background-size: cover;
  box-shadow: 10px 0px 3px rgba(0,0,0,0.3);
}

.fotoksiazka .szablon12 .img_3 .image_container::after {
	content: "";
	display: block;
	width: 100%;
	height: 90px;
	bottom: -90px;
	left: 0;
	position: absolute;
	background: url('../assets/images/fotoksiazka_szablon12_klisza.png') repeat-x center top;
  background-size: cover;
  box-shadow: 10px 0px 3px rgba(0,0,0,0.3);
}

.fotoksiazka .szablon12 .img_4 {
  /* text */
	height: 30vh;
	width: 27%;
	top: 14vh;
	right: 0.5%;
	z-index: 1;
}

.fotoksiazka .szablon12 .img_5 {
	height: 54vh;
	width: 45%;
	bottom: 0;
	right: 0;
  z-index: 2;
  border-top: 1px solid rgba(0,0,0,0.2);
}


/* szablon 13 (było 14) */
.fotoksiazka .szablon13 .img {
	position: absolute;
}

.fotoksiazka .szablon13 .img_1 {
	height: 68vh;
	width: 24%;
	top: 0;
	left: 0;
	z-index: 2;
}

.fotoksiazka .szablon13 .img_1 .image_container {
	border-bottom: 1px solid rgba(0,0,0,0.2);
	border-right: 1px solid rgba(0,0,0,0.2);
}

.fotoksiazka .szablon13 .img_1 img {
	box-shadow: 10px 6px 3px rgba(0,0,0,0.3);
  max-height: 68vh;
}

.fotoksiazka .szablon13 .img_1 .image_container::after {
	content: "";
	display: block;
	width: 100%;
	height: 80px;
	bottom: -80px;
	left: 0;
	position: absolute;
	background: url('../assets/images/fotoksiazka_szablon13_klisza1.png') no-repeat center center;
  background-size: cover;
  box-shadow: 10px 6px 3px rgba(0,0,0,0.3);
  z-index: 2;
}

.fotoksiazka .szablon13 .img_2 {
	height: 80vh;
	width: 86%;
	bottom: 12vh;
	left: 4%;
	z-index: 1;
}

.fotoksiazka .szablon13 .img_2 img {
  max-height: 80vh;
}

.fotoksiazka .szablon13 .img_3 {
  /* text */
  bottom: 1vh;
  left: 4%;
  width: calc(72% - 1vh);
  height: auto;
  max-height: 21vh;
  z-index: 3;
}

.fotoksiazka .szablon13 .img_3 .text-container {
  overflow: hidden;
}

.fotoksiazka .szablon13 .img_4 {
	height: 68vh;
	width: 24%;
	bottom: 0;
	right: 0;
	z-index: 2;
}

.fotoksiazka .szablon13 .img_4 .image_container {
  border-top: 1px solid rgba(0,0,0,0.2);
  border-left: 1px solid rgba(0,0,0,0.2);
}

.fotoksiazka .szablon13 .img_4 img {
	max-height: 68vh;
}

.fotoksiazka .szablon13 .img_4 .image_container::before {
	content: "";
	display: block;
	width: 100%;
	height: 80px;
	top: -80px;
	left: 0;
	position: absolute;
	background: url('../assets/images/fotoksiazka_szablon13_klisza2.png') no-repeat center center;
  background-size: cover;
}


/* szablon 14  (było 15)*/
.fotoksiazka .szablon14 .content {
	background: url('../assets/images/fotoksiazka_szablon14_bg.png') no-repeat 48% 50%;
	background-size: 84% 100%;
}

.fotoksiazka .szablon14 .img {
	position: absolute;
}

.fotoksiazka .szablon14 .img img {
	box-shadow: 10px 6px 3px rgba(0,0,0,0.3);
}

.fotoksiazka .szablon14 .img_1 {
  top: 6.5vh;
  left: 4%;
  height: 34vh;
  width: 43.7%;
}

.fotoksiazka .szablon14 .img_1 img {
	max-height: 34vh;
}

.fotoksiazka .szablon14 .img_2 {
	bottom: 4vh;
	left: 5.5%;
	height: 53vh;
	width: 28.5%;
}

.fotoksiazka .szablon14 .img_2 img {
	height: 53vh;
}

.fotoksiazka .szablon14 .img_3 {
  /* text */
  bottom: 2.5vh;
  left: 35%;
  height: 55.5vh;
  width: 12.5%;
}

.fotoksiazka .szablon14 .img_4 {
  /* text */
  top: 5.5vh;
  right: calc(8.3% + 0.5vh);
  height: 17vh;
  width: calc(41.25% - 1vh);
}

.fotoksiazka .szablon14 .img_5 {
  top: 23vh;
  height: 71vh;
	right: 8.3%;
	width: 41.25%;
}

.fotoksiazka .szablon14 .img_5 img {
	max-height: 71vh;
}


/* szablon 15  (było 6)*/
.fotoksiazka .szablon15 .img {
	position: absolute;
}

.fotoksiazka .szablon15 .content {
	background: url('../assets/images/fotoksiazka_szablon15_bg.png') no-repeat center center;
	background-size: 74% 100%;
}

.fotoksiazka .szablon15 .img_1 {
  top: 3vh;
  left: 16%;
  width: 24%;
  height: 16.5vh;
}

.fotoksiazka .szablon15 .img_2 {
	top: 20vh;
	height: 75vh;
	left: 8%;
  width: 40%;
  z-index: 2;
}

.fotoksiazka .szablon15 .img_3 {
	top: 7.5vh;
	height: 75vh;
	right: 8%;
  width: 40%;
  z-index: 2;
}

.fotoksiazka .szablon15 .img_4 {
  bottom: 2vh;
  right: 17%;
  width: 22%;
  height: 15vh;
}

.fotoksiazka .szablon15 .img_2 img, .fotoksiazka .szablon15 .img_3 img {
	box-shadow: 6px 10px 3px rgba(0,0,0,0.3);
	max-height: 77vh;
}

/*cover*/
.szablon__cover {
	position: absolute;
	bottom: 20px;
	left: 20px;
	z-index: 200;
	max-width: calc(50% - 40px);
  min-width: 30vw;

	padding: 10px;
	box-sizing: border-box;
	transform: translate3d(0,0,0);
	background: url('../assets/images/fotoksiazka_popup_textbg2.png') repeat center center;
	background-size: contain;
	color: #1f0000;
}

.szablon__cover_container {
  border: 2px solid rgba(31,0,0,0.5);
  padding: 10px;
  height: 99%;
  height: 99%;
  box-sizing: border-box;
  overflow: auto;
    max-height: 80vh;
}

.szablon__cover .szablon__title {
	font-size: 45px;
	line-height: 50px;
	font-weight: 400;
	margin-bottom: 10px;
}

.szablon__cover .szablon__desc {
	font-size: 20px;
  line-height: 26px;
  margin-bottom: 10px;
}

.fotoksiazka .szablon6 .img_cover img {
	object-position: bottom center;
    object-fit: contain;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
}

@media all and (max-width: 1200px) {
	.szablon__cover {
		max-width: calc(100% - 4vw);
	}
	.szablon__cover .szablon__title {
		font-size: 24px;
		line-height: 28px;
		margin-bottom: 10px;
	}
	.szablon__cover .szablon__desc {
		font-size: 16px;
    line-height: 22px;
	}
	.szablon__cover .szablon__desc p {
		max-height: 50vh;
		overflow: hidden;
	}
}

.fotoksiazka .fb-like {
	display: block;
  text-align: right;
}