div#prodContain{
	width:100%;
	max-width:1200px;
	height:100%;
	max-height:820px;
	position:relative;
	margin:auto
}
#prodTop{
	width:100%;
	position:absolute;
	right:0px;
	top:70%;
	z-index:12
}
#prodAnt{
	width:100%;
	position:absolute;
	left:0;
	top:74%;
	z-index:11
}

#prodCap3{
	width:100%;
	position:absolute;
	left:0;
	top:74%;
	z-index:10
}
#prodCap2{
	width:100%;
	position:absolute;
	left:0;
	top:78%;
	z-index:9
}
#prodCap1{
	width:100%;
	position:absolute;
	left:0;
	top:73%;
	z-index:8
}
#capapp{
	width:100%;
	position:absolute;
	left:0;
	top:75%;
	z-index:7
}
#prodBase{
	width:100%;
	z-index:5
}
#pointers{
	width:100%;
	position:absolute;
	z-index:20;
	-webkit-clip-path:inset(0 57% 0 43%);
	clip-path:inset(0 57% 0 43%);
	opacity:0
}
#labels{
	width:100%;
	position:absolute;
	z-index:20;
	opacity:0
}

/* @media screen and (max-width: 991px) {	
#prodTop{
	right:10px;
}
} */

.pointers{
	opacity:1 !important;
	-webkit-clip-path:inset(0) !important;
	clip-path:inset(0) !important;
	transition:all 3s ease-in-out;
	transition-delay:0.3s
}
.labels{
	opacity:1 !important;
	transition:all 2s ease-in-out;
	transition-delay:1.5s
}
.prodTop{
	top:0 !important;
	transition:top 2s cubic-bezier(0, 0, 0.01, 1)
}
.prodAnt{
	top:18% !important;
	transition:top 2s cubic-bezier(0, 0, 0.01, 1)
}

.prodCap3{
	top:27% !important;
	transition:top 2s cubic-bezier(0, 0, 0.01, 1)
}
.prodCap2{
	top:42% !important;
	transition:top 2s cubic-bezier(0, 0, 0.01, 1)
}
.prodCap1{
	top:54% !important;
	transition:top 2s cubic-bezier(0, 0, 0.01, 1)
}
.capapp{
	top:78% !important;
	transition:top 2s cubic-bezier(0, 0, 0.01, 1)
}