#slideshow {
	width:960px;
	height:385px;
	margin: 0 auto;
	padding:0;
}

#tmk-animation-next,
#tmk-animation-prev {
	z-index:3;
}

#tmk-animation-holder {
	position: relative;
	height:385px;
	-webkit-transform: translateZ(0);
}

#stage {
	position:relative;
	width:100%;
	height:100%;
}

#scene1-cnt,
#scene2-cnt,
#scene3-cnt,
#scene4-cnt,
#scene5-cnt{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	opacity: 0;
	
	-webkit-transition: opacity 0.5s ease 0.3s;
	-moz-transition: opacity 0.5s ease 0.3s;
	-o-transition: opacity 0.5s ease 0.3s;
	-ms-transition: opacity 0.5s ease 0.3s;
	transition: opacity 0.5s ease 0.3s;

	-webkit-transform: translateZ(0);
}

.scene1 #scene1-cnt,
.scene2 #scene2-cnt,
.scene3 #scene3-cnt,
.scene4 #scene4-cnt,
.scene5 #scene5-cnt{
	z-index:2;
	opacity: 1;
	
	-webkit-transition: opacity 0.5s ease 0.85s;
	-moz-transition: opacity 0.5s ease 0.85s;
	-o-transition: opacity 0.5s ease 0.85s;
	-ms-transition: opacity 0.5s ease 0.85s;
	transition: opacity 0.5s ease 0.85s;
}

.headline {
	font-size: 36px;
	font-weight: 300;
	position:absolute;
}

.tagline {
	width: 250px;
	color: #000;
	font-size: 12px;
	font-weight: 400;
	position:absolute;
}

/* Scene 1 */
/* Scene 1 */
#scene1-cnt {
	background: url(http://www.camarapr.org/WebC14/img/slider-C14-1.jpg) no-repeat center center;
}
#furniture1, #furniture1-1 {
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:100%;
	margin:0;
	background: rgba(255, 255, 255, 0.4);	
	overflow: hidden;
	
	-webkit-transition: width 0.4s ease;
	-moz-transition: width 0.4s ease;
	-o-transition: width 0.4s ease;
	-ms-transition: width 0.4s ease;
	transition: width 0.4s ease;
	-webkit-transform: translateZ(0);
}
.scene1 #furniture1 {
	width: 363px;
	-webkit-transition: width 0.4s ease 0.85s;
	-moz-transition: width 0.4s ease 0.85s;
	-o-transition: width 0.4s ease 0.85s;
	-ms-transition: width 0.4s ease 0.85s;
	transition: width 0.4s ease 0.85s;
	-webkit-transform: translateZ(0);
}
#furniture1-1 {
	background: rgba(255, 255, 255, 0.7);	
}
.scene1 #furniture1-1 {
	width: 300px;
	-webkit-transition: width 0.3s ease 1.15s;
	-moz-transition: width 0.3s ease 1.15s;
	-o-transition: width 0.3s ease 1.15s;
	-ms-transition: width 0.3s ease 1.15s;
	transition: width 0.3s ease 1.15s;
	-webkit-transform: translateZ(0);
}
#furniture1 .headline {
	top: 110px;
}
#furniture1 .tagline {
	top: 165px;
}
#furniture1 .headline,
#furniture1 .tagline {
	left: 500px;
	
	-webkit-transition: left 0.5s ease-in;
	-moz-transition: left 0.5s ease-in;
	-o-transition: left 0.5s ease-in;
	-ms-transition: left 0.5s ease-in;
	transition: left 0.5s ease-in;
}
.scene1 #furniture1 .headline {
	left: 40px;
	
	-webkit-transition: left 0.5s ease-out 1s;
	-moz-transition: left 0.5s ease-out 1s;
	-o-transition: left 0.5s ease-out 1s;
	-ms-transition: left 0.5s ease-out 1s;
	transition: left 0.5s ease-out 1s;
}
.scene1 #furniture1 .tagline {
	left: 40px;
	-webkit-transition: left 0.5s ease-out 1.3s;
	-moz-transition: left 0.5s ease-out 1.3s;
	-o-transition: left 0.5s ease-out 1.3s;
	-ms-transition: left 0.5s ease-out 1.3s;
	transition: left 0.5s ease-out 1.3s;
}

/* Scene 2 */
#scene2-cnt {
	background: url(http://www.camarapr.org/WebC14/img/slider-C14-2.jpg) no-repeat center center;
}
#furniture2, #furniture2-1 {
	position:absolute;
	top:0;
	right: 0;
	margin: 0;
	width:0;
	height:100%;
	
	background: rgba(255, 255, 255, 0.4);	
	overflow: hidden;
	
	-webkit-transition: width 0.3s ease;
	-moz-transition: width 0.3s ease;
	-o-transition: width 0.3s ease;
	-ms-transition: width 0.3s ease;
	transition: width 0.3s ease;
}
.scene2 #furniture2, .scene2 #furniture2-1 {
	width: 363px;
	-webkit-transition: width 0.3s ease 0.85s;
	-moz-transition: width 0.3s ease 0.85s;
	-o-transition: width 0.3s ease 0.85s;
	-ms-transition: width 0.3s ease 0.85s;
	transition: width 0.3s ease 0.85s;
}
#furniture2-1 {
	background: rgba(255, 255, 255, 0.7);	
}
.scene2 #furniture2-1 {
	width: 300px;
	-webkit-transition: width 0.3s ease 1.15s;
	-moz-transition: width 0.3s ease 1.15s;
	-o-transition: width 0.3s ease 1.15s;
	-ms-transition: width 0.3s ease 1.15s;
	transition: width 0.3s ease 1.15s;
}
#furniture2 .headline {
	top: 110px;
}
#furniture2 .tagline {
	top: 165px;
}
#furniture2 .headline,
#furniture2 .tagline {
	left: 500px;
	
	-webkit-transition: left 0.5s ease-in;
	-moz-transition: left 0.75s ease-in;
	-o-transition: left 0.5s ease-in;
	-ms-transition: left 0.5s ease-in;
	transition: left 0.5s ease-in;
}
.scene2 #furniture2 .headline {
	left: 40px;
	
	-webkit-transition: left 0.5s ease-out 1s;
	-moz-transition: left 0.5s ease-out 1s;
	-o-transition: left 0.5s ease-out 1s;
	-ms-transition: left 0.5s ease-out 1s;
	transition: left 0.5s ease-out 1s;
}
.scene2 #furniture2 .tagline {
	left: 40px;
	-webkit-transition: left 0.5s ease-out 1.3s;
	-moz-transition: left 0.5s ease-out 1.3s;
	-o-transition: left 0.5s ease-out 1.3s;
	-ms-transition: left 0.5s ease-out 1.3s;
	transition: left 0.5s ease-out 1.3s;
}


/* Scene 2 */
#scene2-cnt {
	background: url(http://www.camarapr.org/WebC14/img/slider-C14-2.jpg) no-repeat center center;
}

#furniture2, #furniture2-1 {
	position:absolute;
	top:0;
	right: 0;
	margin: 0;
	width:0;
	height:100%;
	
	background: rgba(255, 255, 255, 0.4);	
	overflow: hidden;
	
	-webkit-transition: width 0.3s ease;
	-moz-transition: width 0.3s ease;
	-o-transition: width 0.3s ease;
	-ms-transition: width 0.3s ease;
	transition: width 0.3s ease;
}

.scene2 #furniture2, .scene2 #furniture2-1 {
	width: 363px;

	-webkit-transition: width 0.3s ease 0.85s;
	-moz-transition: width 0.3s ease 0.85s;
	-o-transition: width 0.3s ease 0.85s;
	-ms-transition: width 0.3s ease 0.85s;
	transition: width 0.3s ease 0.85s;
}

#furniture2-1 {
	background: rgba(255, 255, 255, 0.7);	
}

.scene2 #furniture2-1 {
	width: 300px;
	-webkit-transition: width 0.3s ease 1.15s;
	-moz-transition: width 0.3s ease 1.15s;
	-o-transition: width 0.3s ease 1.15s;
	-ms-transition: width 0.3s ease 1.15s;
	transition: width 0.3s ease 1.15s;
}

#furniture2 .headline {
	top: 110px;
}

#furniture2 .tagline {
	top: 165px;
}

#furniture2 .headline,
#furniture2 .tagline {
	left: 500px;
	
	-webkit-transition: left 0.5s ease-in;
	-moz-transition: left 0.75s ease-in;
	-o-transition: left 0.5s ease-in;
	-ms-transition: left 0.5s ease-in;
	transition: left 0.5s ease-in;
}

.scene2 #furniture2 .headline {
	left: 40px;
	
	-webkit-transition: left 0.5s ease-out 1s;
	-moz-transition: left 0.5s ease-out 1s;
	-o-transition: left 0.5s ease-out 1s;
	-ms-transition: left 0.5s ease-out 1s;
	transition: left 0.5s ease-out 1s;
}

.scene2 #furniture2 .tagline {
	left: 40px;

	-webkit-transition: left 0.5s ease-out 1.3s;
	-moz-transition: left 0.5s ease-out 1.3s;
	-o-transition: left 0.5s ease-out 1.3s;
	-ms-transition: left 0.5s ease-out 1.3s;
	transition: left 0.5s ease-out 1.3s;
}


/* Scene 3 */
#scene3-cnt {
	background: url(http://www.camarapr.org/WebC14/img/slider-C14-3.jpg) no-repeat center center;
}

#furniture3 {
	position:absolute;
	top:100px;
	left: 50%;
	margin: 0 0 0 -400px;
	width: 800px;
	height: 0;
	
	background: rgba(255, 255, 255, 0.7);	
	overflow: hidden;
	
	-webkit-transition: height 0.4s ease 0.1s;
	-moz-transition: height 0.4s ease 0.1s;
	-o-transition: height 0.4s ease 0.1s;
	-ms-transition: height 0.4s ease 0.1s;
	transition: height 0.4s ease 0.1s;
}

.scene3 #furniture3 {
	height: 200px;
	
	-webkit-transition: height 0.4s ease 0.85s;
	-moz-transition: height 0.4s ease 0.85s;
	-o-transition: height 0.4s ease 0.85s;
	-ms-transition: height 0.4s ease 0.85s;
	transition: height 0.4s ease 0.85s;
}

#furniture3 .headline {
	white-space: nowrap;
}

#furniture3 .tagline {
	width: 720px;
}

#furniture3 .headline,
#furniture3 .tagline {
	left: 40px;
	top: 540px;
	
	-webkit-transition: top 0.5s ease-in;
	-moz-transition: top 0.5s ease-in;
	-o-transition: top 0.5s ease-in;
	-ms-transition: top 0.5s ease-in;
	transition: top 0.5s ease-in;
}

.scene3 #furniture3 .headline {
	top: 35px;
	
	-webkit-transition: top 0.5s ease-out 0.85s;
	-moz-transition: top 0.5s ease-out 0.85s;
	-o-transition: top 0.5s ease-out 0.85s;
	-ms-transition: top 0.5s ease-out 0.85s;
	transition: top 0.5s ease-out 0.85s;
}

.scene3 #furniture3 .tagline {
	top: 90px;

	-webkit-transition: top 0.5s ease-out 1.15s;
	-moz-transition: top 0.5s ease-out 1.15s;
	-o-transition: top 0.5s ease-out 0.85s;
	-ms-transition: top 0.5s ease-out 0.85s;
	transition: top 0.5s ease-out 0.85s;
}

/* Scene 4 */
#scene4-cnt {
	background: url(http://studioin.theme.mk/html/img/photos/960x385/4.jpg) no-repeat center center;
}

#furniture4 {
	position:absolute;
	bottom:0;
	right: 0;
	width: 600px;
	height: 0;
	
	background: rgba(255, 255, 255, 0.7);	
	overflow: hidden;
	
	-webkit-transition: height 0.4s ease 0.1s;
	-moz-transition: height 0.4s ease 0.1s;
	-o-transition: height 0.4s ease 0.1s;
	-ms-transition: height 0.4s ease 0.1s;
	transition: height 0.4s ease 0.1s;
}

.scene4 #furniture4 {
	height: 200px;
	
	-webkit-transition: height 0.4s ease 0.85s;
	-moz-transition: height 0.4s ease 0.85s;
	-o-transition: height 0.4s ease 0.85s;
	-ms-transition: height 0.4s ease 0.85s;
	transition: height 0.4s ease 0.85s;
}

#furniture4 .headline {
	white-space: nowrap;
}

#furniture4 .tagline {
	width: 520px;
}

#furniture4 .headline,
#furniture4 .tagline {
	top: 540px;	
	left: 40px;

	-webkit-transition: top 0.5s ease-in;
	-moz-transition: top 0.5s ease-in;
	-o-transition: top 0.5s ease-in;
	-ms-transition: top 0.5s ease-in;
	transition: top 0.5s ease-in;
}

.scene4 #furniture4 .headline {
	top: 35px;
	
	-webkit-transition: top 0.5s ease-out 0.85s;
	-moz-transition: top 0.5s ease-out 0.85s;
	-o-transition: top 0.5s ease-out 0.85s;
	-ms-transition: top 0.5s ease-out 0.85s;
	transition: top 0.5s ease-out 0.85s;
}

.scene4 #furniture4 .tagline {
	top: 90px;
	
	-webkit-transition: top 0.5s ease-out 1.15s;
	-moz-transition: top 0.5s ease-out 1.15s;
	-o-transition: top 0.5s ease-out 0.85s;
	-ms-transition: top 0.5s ease-out 0.85s;
	transition: top 0.5s ease-out 0.85s;
}

/* Scene 5 */
#scene5-cnt {
	background: url(http://studioin.theme.mk/html/img/photos/960x385/5.jpg) no-repeat center center;
}

#furniture5 {
	position:absolute;
	top:100px;
	left:0;
	margin:0;
	width:0;
	height:200px;
	
	background: rgba(255, 255, 255, 0.7);	
	overflow: hidden;
	
	-webkit-transition: width 0.4s ease;
	-moz-transition: width 0.4s ease;
	-o-transition: width 0.4s ease;
	-ms-transition: width 0.4s ease;
	transition: width 0.4s ease;

	-webkit-transform: translateZ(0);
}

.scene5 #furniture5 {
	width: 600px;
	-webkit-transition: width 0.4s ease 0.85s;
	-moz-transition: width 0.4s ease 0.85s;
	-o-transition: width 0.4s ease 0.85s;
	-ms-transition: width 0.4s ease 0.85s;
	transition: width 0.4s ease 0.85s;

	-webkit-transform: translateZ(0);
}

#furniture5 .headline {
	top: 35px;
}

#furniture5 .tagline {
	top: 90px;
	width: 520px;
}

#furniture5 .headline,
#furniture5 .tagline {
	left: 800px;
	
	-webkit-transition: left 0.5s ease-in;
	-moz-transition: left 0.5s ease-in;
	-o-transition: left 0.5s ease-in;
	-ms-transition: left 0.5s ease-in;
	transition: left 0.5s ease-in;
}

.scene5 #furniture5 .headline {
	left: 40px;
	
	-webkit-transition: left 0.5s ease-out 1s;
	-moz-transition: left 0.5s ease-out 1s;
	-o-transition: left 0.5s ease-out 1s;
	-ms-transition: left 0.5s ease-out 1s;
	transition: left 0.5s ease-out 1s;
}

.scene5 #furniture5 .tagline {
	left: 40px;

	-webkit-transition: left 0.5s ease-out 1.3s;
	-moz-transition: left 0.5s ease-out 1.3s;
	-o-transition: left 0.5s ease-out 1.3s;
	-ms-transition: left 0.5s ease-out 1.3s;
	transition: left 0.5s ease-out 1.3s;
}


/* responsive */
@media all and (min-width: 767px) and (max-width: 959px) {
	#slideshow { width: 768px; }
	#slideshow, #tmk-animation-holder { height: 292px; }
	
	.tagline { width: 250px; }

	#furniture1 .headline { top: 56px; }
	#furniture1 .tagline { top: 110px; }
	
	.scene1 #furniture1 .headline { top: 56px; left: 20px; }
	.scene1 #furniture1 .tagline { top: 110px; left: 20px; }

	.scene1 #furniture1 { width: 280px; }
	.scene1 #furniture1-1 { width: 240px; }


	#furniture2 .headline { top: 56px; }
	#furniture2 .tagline { top: 110px; }

	.scene2 #furniture2 .headline { top: 56px; left: 20px; }
	.scene2 #furniture2 .tagline { top: 110px; left: 20px; }

	.scene2 #furniture2 { width: 280px; }
	.scene2 #furniture2-1 { width: 240px; }


	#furniture3 { width: 600px; height: 185px; margin: 0 0 0 -300px; top: 56px;}
	.scene3 #furniture3 { height: 185px; }

	#furniture3 .headline { top: 400px; left: 20px; }
	#furniture3 .tagline { top: 400px; left: 20px; }

	.scene3 #furniture3 .headline { top: 30px; left: 20px; }
	.scene3 #furniture3 .tagline { top: 85px; left: 20px; width: 540px;}


	#furniture4 { width: 500px; height: 185px; }
	.scene4 #furniture4 { height: 185px; }

	#furniture4 .headline { top: 400px; left: 20px; }
	#furniture4 .tagline { top: 400px; left: 20px; }

	.scene4 #furniture4 .headline { top: 25px; left: 20px; }
	.scene4 #furniture4 .tagline { top: 80px; left: 20px; width: 490px;}

	#furniture5 { height: 185px; top: 60px; }
	.scene5 #furniture5 { width: 500px; height: 185px; }

	#furniture5 .headline { top: 25px; left: 520px; }
	#furniture5 .tagline { top: 80px; left: 520px; }

	.scene5 #furniture5 .headline { top: 25px; left: 20px; }
	.scene5 #furniture5 .tagline { top: 80px; left: 20px; width: 490px;}
}


@media all and (max-width: 767px) {
		
	#slideshow { width: 300px; }
	#slideshow, #tmk-animation-holder { height: 292px; }

	#furniture1, 
	#furniture1-1, 
	#furniture2, 
	#furniture2-1,
	#furniture3, 
	#furniture4, 
	#furniture5 { 
		position:absolute;
		width: 100%;
		height: 0px;
		top: auto;
		bottom: 0;
		left: auto;
		right: auto;

		-webkit-transition: height 0.4s ease;
		-moz-transition: height 0.4s ease;
		-o-transition: height 0.4s ease;
		-ms-transition: height 0.4s ease;
		transition: height 0.4s ease;

		background: none;
	}

	#furniture1, 
	#furniture2, 
	#furniture3, 
	#furniture4, 
	#furniture5 { 
		background: rgba(255, 255, 255, 0.7);
	}
	
	#furniture3 {
		margin: 0;
	}
		
	#furniture1 .headline, 
	#furniture2 .headline, 
	#furniture3 .headline, 
	#furniture4 .headline,
	#furniture5 .headline { 
		left: 20px; 
		top: 150px; 
		font-size: 24px; 
	}

	#furniture1 .tagline,
	#furniture2 .tagline,
	#furniture3 .tagline,
	#furniture4 .tagline,
	#furniture5 .tagline { 
		left: 20px; 
		top: 150px; 
		font-size: 10px; 
		width: 420px;
	}
	
	#furniture1 .headline,
	#furniture2 .headline,
	#furniture3 .headline, 
	#furniture4 .headline,
	#furniture5 .headline, 
	#furniture1 .tagline,
	#furniture2 .tagline, 
	#furniture3 .tagline,
	#furniture4 .tagline,
	#furniture5 .tagline { 
		-webkit-transition: top 0.5s ease-in;
		-moz-transition: top 0.5s ease-in;
		-o-transition: top 0.5s ease-in;
		-ms-transition: top 0.5s ease-in;
		transition: top 0.5s ease-in;
	}
	
	.scene1 #furniture1, 
	.scene2 #furniture2, 
	.scene3 #furniture3, 
	.scene4 #furniture4, 
	.scene5 #furniture5 { 
		width: 100%; 
		height: 170px; 
		bottom: 0; 
		top: auto; 
	}

	.scene1 #furniture1-1,
	.scene2 #furniture2-1 { 
		background: none; 
		width: 100%; 
		height: 170px; 
		bottom: 0; 
		top: auto; 
	}

	.scene1 #furniture1,
	.scene1 #furniture1-1,
	.scene2 #furniture2,
	.scene2 #furniture2-1, 
	.scene3 #furniture3,
	.scene4 #furniture4,
	.scene5 #furniture5 {
		-webkit-transition: height 0.4s ease 0.85s;
		-moz-transition: height 0.4s ease 0.85s;
		-o-transition: height 0.4s ease 0.85s;
		-ms-transition: height 0.4s ease 0.85s;
		transition: height 0.4s ease 0.85s;
	}

	.scene1 #furniture1 .headline,
	.scene2 #furniture2 .headline,
	.scene3 #furniture3 .headline,
	.scene4 #furniture4 .headline,
	.scene5 #furniture5 .headline { 
		top: 16px; 
		left: 20px; 

		-webkit-transition: top 0.5s ease-in 0.5s;
		-moz-transition: top 0.5s ease-in 0.5s;
		-o-transition: top 0.5s ease-in 0.5s;
		-ms-transition: top 0.5s ease-in 0.5s;
		transition: top 0.5s ease-in 0.5s;
	}
	
	.scene1 #furniture1 .tagline, 
	.scene2 #furniture2 .tagline,
	.scene3 #furniture3 .tagline, 
	.scene4 #furniture4 .tagline, 
	.scene5 #furniture5 .tagline { 
		top: 60px; 
		left: 20px; 

		-webkit-transition: top 0.5s ease-in 0.85s;
		-moz-transition: top 0.5s ease-in 0.85s;
		-o-transition: top 0.5s ease-in 0.85s;
		-ms-transition: top 0.5s ease-in 0.85s;
		transition: top 0.5s ease-in 0.85s;

		white-space: nowrap;
		overflow: hidden;
	}

	ul.tagline li {
		line-height: 18px;
	}

}
@media all and (min-width: 480px) and (max-width: 767px) { 
	#slideshow { width: 460px; }
}

@media all and (max-width: 479px) {
	#slideshow, #tmk-animation-holder { height: 292px; }
	#furniture1 .tagline,
	#furniture2 .tagline,
	#furniture3 .tagline,
	#furniture4 .tagline,
	#furniture5 .tagline { 
		width: 250px;
		overflow: hidden;
	}