/*
 *	Villa Section
 */

.villa-section {
	position: relative;
	overflow: hidden;
	z-index: 2;
}

.villa-section > .container {
	position: relative;
	z-index: 2;
	overflow: hidden;
}

.villa-section .villa-content {
	position: relative;
	z-index: 2;

	border-top-left-radius: 26px;
	border-top-right-radius: 26px;

	background-image: url('/media/cross-section-3d-bg.jpg');
}

.villa-section .villa-content .heading {
	margin-top: 10px;
}

.villa-section .villa-content .description {
	margin-top: 20px;
}

.villa-section .villa-image {
	margin-top: -2px;
	position: relative;
	z-index: 1;
	margin-bottom: 240px;
}

.villa-section .villa-image .blip-system .blip-image {
	position: relative;
	z-index: 1;
}

.villa-section .villa-image .blip-system .container {
	position: absolute;
	z-index: 2;
	left: 0;
	top: 100%;
}

.villa-section .bg-fix {
	position: absolute;
	top: 100%;
	width: 4000px;
	left: 50%;
	display: block;
	height: 1000px;
	z-index: 1;
	/*background-color: peachpuff;*/
	background-image: url('/media/isometric/top-bg.jpg');
	-webkit-transform: translateX(-50%) translateY(-295px) rotate(-17.55deg);
	-moz-transform: translateX(-50%) translateY(-295px) rotate(-17.55deg);
	transform: translateX(-50%) translateY(-295px) rotate(-17.55deg);
}

.villa-section .blip-canvas .point {
	display: none;
}

@media( min-width: 640px )  {
	.villa-section .bg-fix {
		-webkit-transform: translateX(-50%) translateY(-374px) rotate(-17.55deg);
		-moz-transform: translateX(-50%) translateY(-374px) rotate(-17.55deg);
		transform: translateX(-50%) translateY(-374px) rotate(-17.55deg);
	}

	.villa-section .villa-content .description {
		margin-top: 12px;
	}

	.villa-section .villa-image .blip-system .slick-blip.slick-slider {
		margin-top: -50px;
	}
}

@media( min-width: 1040px ) {
	.villa-section .bg-fix {
		-webkit-transform: translateX(-50%) translateY(-480px) rotate(-17.55deg);
		-moz-transform: translateX(-50%) translateY(-480px) rotate(-17.55deg);
		transform: translateX(-50%) translateY(-480px) rotate(-17.55deg);
	}

	.villa-section .villa-content .description {
		margin-top: 16px;
	}

	.villa-section .blip-canvas .point {
		display: block;
	}
	.villa-section .slick-blip {
		display: none;
	}
}

@media( min-width: 1380px ) {
	.villa-section .bg-fix {
		-webkit-transform: translateX(-50%) translateY(-570px) rotate(-17.55deg);
		-moz-transform: translateX(-50%) translateY(-570px) rotate(-17.55deg);
		transform: translateX(-50%) translateY(-570px) rotate(-17.55deg);
	}

	.villa-section .villa-content .heading {
		margin-top: 15px;
	}

	.villa-section .villa-content .description {
		margin-top: 18px;
		line-height: 2;
	}
}