* {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	margin: 0;
	padding: 0;
}

.bundle-slides-container {
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	-ms-perspective: 600px;
	-o-perspective: 600px;
	perspective: 600px;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

.bundle-slide {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	background: #c0c0c0;
	border-radius: 30px;
	width: 540px;
	height: 430px;
	position: absolute;
	left: 50%;
	margin-left: -270px;
	margin-top: 24px;
	opacity: 0;
}

.bundle-slide.bespoke-slide {
	-webkit-transition: -webkit-transform .7s ease, opacity .7s ease, background-color .7s ease;
	-moz-transition: -moz-transform .7s ease, opacity .7s ease, background-color .7s ease;
	-ms-transition: -ms-transform .7s ease, opacity .7s ease, background-color .7s ease;
	-o-transition: -o-transform .7s ease, opacity .7s ease, background-color .7s ease;
	transition: transform .7s ease, opacity .7s ease, background-color .7s ease;
}
.bundle-slide.bespoke-active {
	opacity: 1;
	z-index: 1;
}

@media only screen and (max-width: 768px) {

	.bundle-slide {
		margin-top: -216px;
	}

	.bundle-slide.bespoke-slide {
		-webkit-transition: -webkit-transform .7s ease, opacity .7s ease;
		-moz-transition: -moz-transform .7s ease, opacity .7s ease;
		-ms-transition: -ms-transform .7s ease, opacity .7s ease;
		-o-transition: -o-transform .7s ease, opacity .7s ease;
		transition: transform .7s ease, opacity .7s ease;
	}
}

@media only screen and (max-width: 570px) {
	.bundle-slides-container {
		-webkit-transform: scale(0.5) translateY(-27px);
		-moz-transform: scale(0.5) translateY(-27px);
		-ms-transform: scale(0.5) translateY(-27px);
		-o-transform: scale(0.5) translateY(-27px);
		transform: scale(0.5) translateY(-27px);
	}

	.themes {
		left: auto;
		right: -88px;
	}

	.themes strong {
		display: block;
	}

	.themes .colon {
		display: none;
	}
}