@import url('https://fonts.googleapis.com/css2?family=Asap+Condensed:wght@400;600&display=swap');
@import url('../fonts/praho/style.css');


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


body {
	background-color:#000;
	color:#fff;
	font-family: "Asap Condensed", sans-serif;
	font-weight: 400;
	font-size:16px;
	padding-left:100px;
	position:relative;
}
			

h1, h2, h3, h4, h5 {
	font-family: "Praho-Black", serif;
}
h1 {
	font-size: 20px;
	text-transform:uppercase;
}
h2 {
	font-size: 20px;
	text-transform:uppercase;
}
h3 {
	font-size: 20px;
}
a, a:hover {
	color:#fff;
}

.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}

.text-bold {
	font-weight:700;
}
.text-gold { color:#bab1a0; }

button:focus, :focus {
    outline: none !important;
}

/*
	ASIDE
*/


aside#secondary-nav {
	position:fixed;
	width:100px;
	height:100vh;
	left:0;
	border-right:2px solid #a09484;
	z-index:1100;
}

aside#secondary-nav ul {
	position:absolute;
	width:100%;
	top:50%;
	transform: translateY(-50%);
	list-style:none;
}
aside#secondary-nav ul li { padding: 8px 0; display:block; }
aside#secondary-nav ul li span {
	display:block;
	width:10px;
	height:10px;
	background-color:#bab1a0;
	border-radius:50%;
}
aside#secondary-nav ul li a { display:block; }
aside#secondary-nav ul li a:hover { text-decoration:none; }
aside#secondary-nav ul li a span { 
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}

aside#secondary-nav ul li a:hover span { background-color:#c20e1a; }
aside#secondary-nav ul li.active a:hover span { background:transparent; }

aside#secondary-nav ul li.active span {
	display:block;
	margin-left:-5px;
	background-color:transparent;
	border-radius:0;
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 17px solid #c20e1a;
}

#hamburger {
	width: 26px;
	height: 40px;
	position: absolute;
	left:37px; 
	top: 50px;
	display:block;
	margin: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	z-index:1102 !important;
}
#hamburger:hover span {
	background-color:#BFBDBA;
}
#hamburger span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #fff;
  opacity: 1;
  right: 0;

  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#hamburger span:nth-child(1) {
  top: 0px;
}

#hamburger span:nth-child(2) {
  top: 8px;
}

#hamburger span:nth-child(3) {
  top: 16px;
}

#hamburger.open span:nth-child(1) {
  top: 10px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

#hamburger.open span:nth-child(2) {
  top: 10px;
  opacity: 0;
  left: -200px;
}

#hamburger.open span:nth-child(3) {
  top: 10px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
aside#secondary-nav a.tarnow-pl img {
	display:block;
	position:absolute;
	margin:0 auto;
	bottom:30px;
	width:60px;
	left:20px;
}


/********
*		MAIN NAVIGATION
********/
nav#main-nav {
	position:fixed;
	display:block;
	opacity:0;
	left:200% !important;
	z-index:1101;
	left:0; top:0;
	bottom:0; right:0;
	background: #000 url("../img/menu-bg.jpg") no-repeat center center;
	background-size:cover;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
nav#main-nav.open {
	left:0 !important;
	opacity:1;
}

nav#main-nav #main-nav-logo {
	display:block;
	position:absolute;
	right:10%;
	top:50px;
	width: 200px;
}

nav#main-nav ul {
	display:block;
	list-style:none;
	color:#fff;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
}
nav#main-nav ul li  {
	padding:10px 0;
}
nav#main-nav ul li a {
	display:block;
	color:#fff;
	text-align:center;
	font-family: "Praho-Black", serif;
	font-size: 20px;
}
nav#main-nav ul li a:hover {
	text-decoration:none;
	color:#bab1a0;
}



/********
	MAIN CONTENT
********/



#main {
	position:relative;
	height:100vh;
	width:100%;
	padding:0;

	background-repeat: no-repeat;
	background-size:contain;
	background-position: left center;

	overflow-x:hidden;
}


div.slick-slider {
	width:100%;
	height:100vh;
	position:relative;
}

div.slick-slider div.slick-slider-slide {
	width:100%;
	height:100vh;
	position:relative;
	overflow-x:hidden;
}
div.slick-slider div.slick-slider-slide .content-wrapper {
	position:absolute;
	left:0; top:0; right:0; bottom:0;
	overflow-y: auto;
	padding:80px 100px;
}
div.slick-slider div.slick-slider-slide .bg-wrapper {
	position:absolute;
	left:0; top:0; right:0; bottom:0;
	z-index:-1;
	overflow:hidden;
}

div.slick-slider div.slick-slider-slide .bg-wrapper .bg {
	position:absolute;
	left:0; top:0; right:0; bottom:0;
	background-repeat: no-repeat;
	background-size:cover;

	animation: slide-background 5s forwards;
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
/*
	background-position: center center;
    transform: scale(1.1) rotate(2deg);
    -ms-transform: scale(1.1) rotate(2deg);
    -webkit-transform: scale(1.1) rotate(2deg);
*/
	-webkit-transition: 4s ease-in-out;
	-moz-transition: 4s ease-in-out;
	-o-transition: 4s ease-in-out;
	transition: 4s ease-in-out;
}
div.slick-slider div.slick-slider-slide.slick-active .bg-wrapper  .bg {
    animation-play-state: running;
    -webkit-animation-play-state: running;
/*
    transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -webkit-transform: scale(1) rotate(0deg);
	*/
}


@keyframes slide-background {
	0% {
		transform:scale(1.1) rotate(2deg);
		-ms-transform:scale(1.1) rotate(2deg);
		-webkit-transform:scale(1.1) rotate(2deg)
	}
	to {
		transform:scale(1) rotate(0deg);
		-ms-transform:scale(1) rotate(0deg);	
		-webkit-transform:scale(1) rotate(0deg)
	}
}
@-webkit-keyframes slide-background {
	0%{
		transform:scale(1.1) rotate(2deg);
		-ms-transform:scale(1.1) rotate(2deg);
		-webkit-transform:scale(1.1) rotate(2deg)
	}
	to {
		transform:scale(1) rotate(0deg);
		-ms-transform:scale(1) rotate(0deg);
		-webkit-transform:scale(1) rotate(0deg)
	}
}

div.slick-slider .slick-prev {
	position:absolute;
	left:20px; top:50px;
	width:30px;
	height:60px;
	z-index:500;
	background: transparent url("../img/arrow-left.svg") no-repeat center center;
	background-size:30px 60px;
	border:0;
	text-indent:-2000px;
	overflow:hidden;
}

div.slick-slider .slick-next {
	position:absolute;
	right:20px; top:50px;
	width:30px;
	height:60px;
	z-index:500;
	background: transparent url("../img/arrow-right.svg") no-repeat center center;
	background-size:30px 60px;
	border:0;
	text-indent:-2000px;
	overflow:hidden;
}


div.slick-slider .slick-prev.slick-disabled, div.slick-slider .slick-next.slick-disabled {
	opacity:0;
	display:none;
}








@media (min-width: 768px) { 

	div.modal {
		left:100px;
		font-size:16px;
		width:auto;
		right:0;
	}

	div.modal .content-wrapper {
		position:absolute;
		left:0; top:0; right:0; bottom:0;
		overflow-y: auto;
		padding:80px 100px;
	}
	div.modal .bg-wrapper {
		position:absolute;
		left:0; top:0; right:0; bottom:0;
		z-index:-1;
		overflow:hidden;
	}

	div.modal .bg-wrapper .bg {
		position:absolute;
		left:0; top:0; right:0; bottom:0;
		background-repeat: no-repeat;
		background-size:cover;

		animation: slide-background 5s forwards;
		animation-play-state: paused;
		-webkit-animation-play-state: paused;
		-webkit-transition: 4s ease-in-out;
		-moz-transition: 4s ease-in-out;
		-o-transition: 4s ease-in-out;
		transition: 4s ease-in-out;
	}
	div.modal .bg-wrapper  .bg {
		animation-play-state: running;
		-webkit-animation-play-state: running;
	}

	div.modal .close { 
	position:relative; 
	z-index:1100;
	width:70px;
	height:70px;
		font-size: 30px;
		background-color:#d2cabd;
		color:#645f5f;
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}
	div.modal .close:hover { 
		color:#c20e1a;
	}
	div.modal .close i { transform: rotate(45deg); }
}



@media (max-width: 767px) { 
	div.modal {
		left:0px;
		font-size:16px;
		width:auto;
		right:0;
	}

	div.modal .content-wrapper {
		position:absolute;
		left:0; top:0; right:0; bottom:0;
		overflow-y: auto;
		padding:70px 20px;
	}
	div.modal .bg-wrapper {
		position:absolute;
		left:0; top:0; right:0; bottom:0;
		z-index:-1;
		overflow:hidden;
	}

	div.modal .bg-wrapper .bg {
		position:absolute;
		left:0; top:0; right:0; bottom:0;
		background-repeat: no-repeat;
		background-size:cover;

		animation: slide-background 5s forwards;
		animation-play-state: paused;
		-webkit-animation-play-state: paused;
		-webkit-transition: 4s ease-in-out;
		-moz-transition: 4s ease-in-out;
		-o-transition: 4s ease-in-out;
		transition: 4s ease-in-out;
	}
	div.modal .bg-wrapper  .bg {
		animation-play-state: running;
		-webkit-animation-play-state: running;
	}

	div.modal .close { 
	position:relative; 
	z-index:1100;
	width:70px;
	height:70px;
		font-size: 30px;
		background-color:#d2cabd;
		color:#645f5f;
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}
	div.modal .close:hover { 
		color:#c20e1a;
	}
	div.modal .close i { transform: rotate(45deg); }
}
div#main div.slider-wrapper {
	position:absolute;
	bottom:0;
	left:100px;
	right:100px;
}

div.slider-prisoners {
	position:absolute;
	bottom:0;
	height:160px;
	border-top:2px solid #a09484;
	padding-top:30px;
}


div.slider-prisoners a.slick-slider-slide {
	color:#fff;
	text-decoration:none;
	padding:5px;
	margin:0 3px;
	overflow:hidden;
}

div.slider-prisoners a.slick-slider-slide:hover,
div.slider-prisoners a.slick-slider-slide.slide-current {
	background-color:#bab1a0;
	color:#000 !important;
}
	div.slider-prisoners a.slick-slider-slide:hover .text-gold,
	div.slider-prisoners a.slick-slider-slide.slide-current .text-gold { color:#000 !important; }

div.slider-prisoners .slick-prev {
	position:absolute;
	left:-80px; top:30px;
}

div.slider-prisoners .slick-next {
	position:absolute;
	right:-80px; top:30px;
}




div#main div.content-wrapper.prisoner-content-wrapper {
	position:absolute;
	bottom:200px;
	top:0;
	padding-top:100px;
	width:100%;
}

.prisoner-name {
	font-size:30px;
}
.prisoner-description {
	border-top: 2px solid #bab1a0;
	border-bottom: 2px solid #bab1a0;
	padding-top:30px;
	padding-bottom:30px;
}





div.slick-slider div.slick-slider-slide .page-1-1-centered {
	display:block;
	position:absolute;
	width:50%;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
}










/* ---------Page preload--------------------------------------*/
.loader {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:998;
	background-color:#000;
}
#movingBallG{
	position:fixed;
	top:30% !important;
	left:50%;
	opacity:0.8;
	margin:-4px 0 0 -53px;
	position:relative;
	width:105px;
	height:8px;
	padding-top:150px;
	background: url("../img/80_logo.svg") no-repeat top center;
	background-size: 100px 123px;
}
.movingBallLineG{
	position:absolute;
	left:0px;
	bottom:3px;
	height:1px;
	width:105px;
	background:rgba(255,255,255,0.21);
}
.movingBallG{
	background:#fff;
	position:absolute;
	bottom:0;
	left:0;
	width:8px;
	height:8px;
	-moz-border-radius:4px;
	-moz-animation-name:bounce_movingBallG;
	-moz-animation-duration:1.3s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-direction:linear;
	-webkit-border-radius:4px;
	-webkit-animation-name:bounce_movingBallG;
	-webkit-animation-duration:1.3s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:linear;
	-ms-border-radius:4px;
	-ms-animation-name:bounce_movingBallG;
	-ms-animation-duration:1.3s;
	-ms-animation-iteration-count:infinite;
	-ms-animation-direction:linear;
	-o-border-radius:4px;
	-o-animation-name:bounce_movingBallG;
	-o-animation-duration:1.3s;
	-o-animation-iteration-count:infinite;
	-o-animation-direction:linear;
	border-radius:4px;
	animation-name:bounce_movingBallG;
	animation-duration:1.3s;
	animation-iteration-count:infinite;
	animation-direction:linear;
}
@-moz-keyframes bounce_movingBallG{
	0%{
		left:0px;
	}
	50%{
		left:97px;
	}
	100%{
		left:0px;
	}
}
@-webkit-keyframes bounce_movingBallG{
	0%{
		left:0px;
	}
	50%{
		left:97px;
	}
	100%{
		left:0px;
	}
}
@-ms-keyframes bounce_movingBallG{
	0%{
		left:0px;
	}
	50%{
		left:97px;
	}
	100%{
		left:0px;
	}
}
@-o-keyframes bounce_movingBallG{
	0%{
		left:0px;
	}
	50%{
		left:97px;
	}
	100%{
		left:0px;
	}
}

@keyframes bounce_movingBallG{
	0%{
		left:0px;
	}
	50%{
		left:97px;
	}
	100%{
		left:0px;
	}
}


audio {display:none;}
.player {
	border:2px solid #a09484;
	border-radius:50%;
	width:120px;
	height:120px;
	color:#a09484;
	margin: 0 auto;
	margin-top:15px;
}
.player .info {
	margin-top:35px;
	font-size:16px;
}
.player .controls {
	margin-top:10px;
}
.player .controls a {
	color:#a09484;
	font-size:24px;
	text-decoration:none;
}
.player .controls a:hover {
	color:#fff;

}


.page_1 .player {
	border-radius:10px;
	height:auto;
}
.page_1 .player .controls  {
	margin: 0;
	padding:10px;
	text-align:center;
}
.page_1 .player .controls a {
	color:#a09484;
	font-size:12px;
	text-decoration:none;
}


.prisoner-main-photo { 	display:none; }






@media (max-width: 767px) { 
	#hamburger { left: 20px; top: 20px; }
	body {
		font-size:14px;
		padding:0px;
	}
	.loader { display:none; }
	aside#secondary-nav { display:none; }
	#main {
		position:relative;
		height:100vh;
		width:100vw;
		padding:0;
		background-repeat: no-repeat;
		background-size:contain;
		background-position: left center;
		background-image:none !important;
	}
	div.slick-slider div.slick-slider-slide .content-wrapper {
		padding:100px 20px 20px 20px;
	}


	div.slick-slider .slick-prev {
		position:absolute;
		left:20px; top:50px;
		width:15px;
		height:30px;
		background-size:15px 30px;
	}

	div.slick-slider .slick-next {
		position:absolute;
		right:20px; top:50px;
		width:15px;
		height:30px;
		background-size:15px 30px;
	}
	div#main div.slider-wrapper {
		position:relative;
		bottom:unset;
		left:unset;
		right:unset;
		margin: 30px;
	}

	div#main div.content-wrapper.prisoner-content-wrapper {
		position:relative;
		bottom:unset;
		top:unset;
		padding:100px 20px 20px 20px;
		width:100%;
	}
	div#main div.slider-wrapper div.slider-prisoners {
		position:relative;
		bottom:unset;
		height:160px;
		border-top:2px solid #a09484;
		padding-top:30px;
	}
	div.slider-prisoners .slick-prev {
		position:absolute;
		left:-25px; top:50px;
		width:15px;
		height:30px;
		background-size:15px 30px;
	}

	div.slider-prisoners .slick-next {
		position:absolute;
		right:-25px; top:50px;
		width:15px;
		height:30px;
		background-size:15px 30px;

	}
	div#main div.content-wrapper.prisoner-content-wrapper .prisoner-main-photo {
		display:block;
		margin-bottom:15px;
		margin-top:15px;
	}



	nav#main-nav #main-nav-logo {
		display:block;
		position:relative;
		margin:50px auto;
		width: 100px;
		right:unset;
		top:unset;
	}

	nav#main-nav ul {
		display:block;
		list-style:none;
		position:relative;
		margin: 0 auto;
		top:unset;
		left:unset;
		transform: unset;
		padding:0;
	}
	nav#main-nav ul li  {
		padding:5px 0;
	}
	nav#main-nav ul li a {
		font-size: 16px;
	}




	.zoom-wrapper {
		position:absolute;
		bottom:50px;
		left:50px;
	}

	.steps-wrapper {
		position:absolute;
		bottom:50px;
		right:50px;
		z-index:500;
		left:auto;
		top:auto;
	}
}




@media (min-width: 768px) {
  
	.zoom-wrapper {
		position:absolute;
		bottom:50px;
		left:50%;
		transform: translateX(-50%);
	}

	.steps-wrapper {
		position:absolute;
		top:50px;
		left:50%;
		transform: translateX(-50%);
		z-index:500;
	}
}



.zoom-wrapper button {
	font-size: 20px;
	width:40px;
	height:40px;
	text-align:center;
	background-color:#d2cabd;
	color:#645f5f;
	border:none;
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
.zoom-wrapper button:hover {
	color:#c20e1a;
}

.steps-wrapper button {
	font-size: 30px;
	width:60px;
	height:60px;
	text-align:center;
	background-color:#d2cabd;
	color:#645f5f;
	border:none;
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
.steps-wrapper button:hover {
/*	background-color:rgba(255,255,255,0.5);*/
	background-color:#c20e1a;
	color:#d2cabd;
}


.map-marker {
	background-color:#fff;
	width:30px;
	height:30px;
	border-radius:50%;
	position:relative;
	z-index:100;
	transform: translate(-50%, -50%);
	background: #fff url("/img/triangle.svg") no-repeat center center;
	background-size: 50% 50%;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}
.map-marker:hover {
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
	width:40px;
	height:40px;
}
.map-marker.current {
	width:40px;
	height:40px;
}


@media (min-width: 768px) {
	.map-tooltip, .map-tooltip * {
		display:none;
	}
	.map-tooltip.active {
		transform:translate(-30%, -120%);
		display:block;
		background-color:#d2cabd;
		width:500px;
		height:110px;
		position:relative;
		z-index:200;
		background-size: 50% 50%;
		cursor:default;
	}

	.map-tooltip.active * {
		display:block;
	}

	.map-tooltip.active:before {
		content:"";
		position:absolute;
		left:50%;
		bottom:-30px;
		width:30px;
		height:30px;
	}

	.tooltip-content { 
		font-family: "Praho-Black", serif;
		color:#645f5f;
		font-size:18px;
		height:80px; 
		position:absolute;
		left:220px;
		top:10px;
		width:220px;
	}

	.tooltip-cover { 
		width:200px;height:120px; 
		position:absolute;
		left:10px; bottom:10px; 
		background-position:center center; 
		background-size:cover; 
		background-repeat:no-repeat; 
	}

	.tooltip-close { 
		position: absolute;
		width:55px; height:55px;
		top:0; right:0;
		cursor:pointer;
		text-align:center;
		padding:10px;
		color:#645f5f;
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
		z-index:300;
		font-size:30px;
	}

	.tooltip-readmore { 
		position: absolute;
		width:55px; height:55px;
		bottom:0; right:0;
		color:#C20E1A;
		text-align:center;
		font-size:30px;
		padding:10px;
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
		z-index:300;
		background-color:#d2cabd;
	}
	.tooltip-close:hover { 
		color:#d2cabd;
		background-color:#C20E1A;
		text-decoration:none;
	}

	.tooltip-readmore:hover  { 
		color:#d2cabd;
		background-color:#645f5f;
		text-decoration:none;
	}

}
@media (max-width: 767px) {

	.map-tooltip, .map-tooltip * {
		display:none;
	}
	.map-tooltip.active {
		transform:translate(-40%, -110%);
		display:block;
		background-color:#d2cabd;
		width:220px;
		height:auto;
		position:relative;
		z-index:200;
		background-size: 50% 50%;
		cursor:default;
	}
	.map-tooltip.active * {
		display:block;
	}
	.map-tooltip.active:before {
		content:"";
		position:absolute;
		left:50%;
		bottom:-30px;
		width:30px;
		height:30px;
	}

	.tooltip-content { 
		font-family: "Praho-Black", serif;
		color:#645f5f;
		font-size:18px;
		position:relative;
		width:200px;
		padding:10px;
	}

	.tooltip-cover { 
		width:220px;height:100px; 
		position:relative;
		background-position:center center; 
		background-size:cover; 
		background-repeat:no-repeat; 
	}

	.tooltip-close { 
		display:none !important;
	}

	.tooltip-readmore { 
		width:200px; 
		color:#C20E1A;
		text-align:center;
		font-size:18px;
		padding:10px;
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
		z-index:300;
		background-color:#d2cabd;
	}

	.tooltip-readmore:hover  { 
		color:#645f5f;
		text-decoration:none;
	}


}


#tooltip-1 .tooltip-cover { background-image: url("/img/marker_wiezienie.jpg"); }
#tooltip-2 .tooltip-cover { background-image: url("/img/marker_dozywocie.jpg"); }
#tooltip-3 .tooltip-cover { background-image: url("/img/marker_dozywocie2.jpg"); }
#tooltip-4 .tooltip-cover { background-image: url("/img/marker_walowa.jpg"); }
#tooltip-5 .tooltip-cover { background-image: url("/img/marker_krakowska.jpg"); }
#tooltip-6 .tooltip-cover { background-image: url("/img/marker_peron.jpg"); }
#tooltip-7 .tooltip-cover { background-image: url("/img/marker_peron2.jpg"); }






.path_overlay {
	background-repeat:no-repeat;
	background-position:center center; 
	background-size:contain;
	visibility:hidden;
/*	border:2px dotted #f00; */
}
.path_overlay.active {
	visibility:visible;
    animation-name: showPath;
    -webkit-animation-name: showPath;   
    animation-duration: 0.5s;   
    -webkit-animation-duration: 0.5s;
}
#path_overlay_1 { background-image: url("/img/path_1.svg");}
#path_overlay_2 { background-image: url("/img/path_2.svg");}
#path_overlay_3 { background-image: url("/img/path_3.svg");}
#path_overlay_4 { background-image: url("/img/path_4.svg");}

@keyframes showPath {
    0% {
        opacity:0;
    }
    50% {
        opacity:1;
    }   
    100% {
        opacity:1;
    }   
}

@-webkit-keyframes showPath {
    0% {
        opacity:0;
    }
    50% {
        opacity:1;
    }  
    100% {
        opacity:1;
    }
}





a.btn-gold {
	background-color:#ded6c7;	
	border:1px solid #ded6c7;	
	border-radius:0;
	margin-left:10px;
	color:#000;
}

button.btn-gold {
	background-color:#ded6c7;	
	border:1px solid #ded6c7;	
	border-radius:0;
	margin:0px;
	color:#000;
}

.btn-gold:hover {
	background-color:#36322c;	
	border:1px solid #36322c;	
	color:#ded6c7;
}


.btn-gold:hover, .btn-gold.active {
	background-color:#36322c;	
	border:1px solid #36322c;	
	color:#ded6c7;
}
button.btn-list-1 {
	margin-right:15px;
}

.btn-no-border .btn-gold, .btn-no-border .btn-gold:hover { border:none;}

/*
.map-marker:before {
	background-color:#ded6c7;
	content:"";
	position:absolute;
	left:-10px; bottom:-10px; 
	width:100%;
	height:100%;
	z-index:99;
}
*/


.person-lastname { text-transform: uppercase; }



.trasa-item {
	margin-bottom:50px;
}

.trasa-item-right {
	background-color:rgba(255,255,255,0.2);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}


.trasa-item h2 {
	margin: 30px;
	text-transform:none;
}

.trasa-item {
	position:relative;
}
.trasa-item:after {
	content: "";
	width:7px;
	height:50px;
	background: url("/img/path.png") no-repeat center center;
	position:absolute;
	top:100%;
	left:8.333333%;
}

.image-1, .image-2, .image-3, .image-4, .image-5, .image-6, .image-7  {
	cursor:pointer;
}
.trasa-item:hover .trasa-item-right {
	background-color:rgba(255,255,255,0.4);
}
.trasa-item:last-child:after { display:none; }