.quiz-wrap {
	position:relative;
}

.candy-classic {
	background:url('../img/result/78_candy_classic.jpg') no-repeat center center transparent;	
}

.capuccino-candy {
	background:url('../img/result/capuccino_candy.jpg') no-repeat center center transparent;	
}

.coffee-latte {
	background:url('../img/result/78_coffee_latte.jpg') no-repeat center center transparent;	
}

.bianca {
	background:url('../img/result/rtd_bianca.jpg') no-repeat center center transparent;	
}

.black {
	background:url('../img/result/rts_black.jpg') no-repeat center center transparent;	
}

.blanca {
	background:url('../img/result/rts_blanca.jpg') no-repeat center center transparent;	
}

.brown {
	background:url('../img/result/rts_brown.jpg') no-repeat center center transparent;	
}

.result-wrapper {
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	height:100%;
	background-size:100% auto;
}

.other-product-outer {
    max-width: 33%;
    position: absolute;
    bottom: 2%;
    right: 6%;
}

.find-more {
    width: 26%;
    position: absolute;
    height: 6%;
    bottom: 37%;
    right: 7%;
    cursor: pointer;
}

.other-one {
    position: absolute;
    width: 15%;
    height: 20%;
    bottom: 3%;
    right: 23%;
    cursor: pointer;
}

.other-two {
    position: absolute;
    width: 15%;
    height: 20%;
    bottom: 3%;
    right: 6%;
    cursor: pointer;
}

.find-more-link,.other-link {
	position:relative;
	width:100%;
	height:100%;
	display:block;
}

.effect-wrap {
	position:absolute;
	width:50%;
	height:100%;
	left:0;
	top:0;
	overflow:hidden;
}

.effect2-wrap {
	position:absolute;
	width:50%;
	height:100%;
	left:0;
	top:0;
	overflow:hidden;
}

.fog {
	position:absolute;
	left:0;
	bottom:0;
	height:100%;
	width:auto;
}

.spotlight {
	position:absolute;
	left:0;
	bottom:0;
	height:auto;
	width:100%;
}