@charset "utf-8";

.vlp-page{
	margin-top: 20px;
}

.vlp-page .top-logo{
	margin-bottom: 25px;
}

.vlp-page .top-logo img{
	display: block;
	margin: 0 auto;
	width: 250px;
}

.vlp-page .hero-banner{
	max-width: 1800px;
	height: 400px;
	border-bottom: 10px solid #582C83;
	margin: 0 auto;
	margin-bottom: 60px;
}
.vlp-page .hero-banner img{
	object-position: 50% 75%;
}
.vlp-page .hero-banner .hero-banner-top-wrp{
	position: relative;
}
.vlp-page .hero-banner-top{
	position: absolute;
	bottom: -10px;
	left: 0;
	height: 430px;
}
.vlp-page .hero-banner-top img{
	width: auto;
}


.vlp-page .vlp-intro{
	margin-bottom: 70px;
}
.vlp-page .vlp-intro p{
	margin-bottom: 40px;
}
.vlp-page .vlp-intro a{
	text-decoration: none;
	color: #fff;
}
.vlp-page .vlp-intro a:hover{
	text-decoration: none;
	color: #fff;
}

.vlp-page .vlp-button{
	padding: 15px;
}
.vlp-page .vlp-button:hover{
	filter: brightness(95%);
}

.vlp-page .wood-banner{
	max-width: 1800px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	margin: 0 auto;
	margin-bottom: 60px;
	padding: 50px 0 10px;
	text-align: center;
}
.vlp-page .wood-banner.banner-1{
	background-image: url('https://www.tapi.co.uk/img/visualiser-landing-page/repeating_pattern_wood_1.jpg');
}
.vlp-page .wood-banner.banner-2{
	padding: 60px 0 0;
	background-image: url('https://www.tapi.co.uk/img/visualiser-landing-page/repeating_pattern_wood_2.jpg');
}
.vlp-page .wood-banner .main-title{
	font-size: 24px;
	line-height: 32px;
	font-weight: 700;
	margin-bottom: 40px;
}
.vlp-page .wood-banner .main-title.yella{
	color: #F6B333;
	text-transform: uppercase;
}
.how-works-box{
	margin-bottom: 60px;
}
.how-works-box .title{
	font-size: 22px;
	font-weight: 400;
	color: #fff;
	margin-bottom: 30px;
	padding-left: 55px;
	position: relative;
	display: inline-block;
}
.how-works-box .title .step-num{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.how-works-box .img{
	margin-bottom: 30px;
}
.how-works-box p{
	color: #fff;
	margin-bottom: 0;
}

.vlp-page .sliders-title{
	margin-bottom: 32px;
	font-weight: 700;
	text-align:center;
}

.slick-vlp-images-slider .slick-prev,
.slick-vlp-images-slider .slick-next,
.slick-vlp-reviews-slider .slick-prev,
.slick-vlp-reviews-slider .slick-next{
	top: 50% !important;
	transform: translateY(-50%) !important;
}

.slick-vlp-reviews-slider{
	position: relative;
	margin-bottom: 100px;
}
.slick-vlp-reviews-slider:before{
	content: "";
	position: absolute;
	width: 50px;
	height: 31px;
	left: 45px;
	top: -31px;
	background-image: url('https://www.tapi.co.uk/img/visualiser-landing-page/quote_top.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center bottom;
}
.slick-vlp-reviews-slider:after{
	content: "";
	position: absolute;
	width: 50px;
	height: 31px;
	right: 45px;
	bottom: -31px;
	background-image: url('https://www.tapi.co.uk/img/visualiser-landing-page/quote_bottom.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center bottom;
}

.slick-vlp-reviews-slider .slick-slide{
	padding: 0 8px !important;
}

.slick-vlp-reviews-slider .slide{
	display: table;
	width: 100%;
}
.slick-vlp-reviews-slider .slide-review{
	background-color: #fff;
	padding: 85px;
	display: table-cell;
	vertical-align: middle;
	font-size: 20px;
	line-height: 26px;
}
.slick-vlp-reviews-slider .slide-review .name{
	display: block;
	width: 100%;
	margin-top: 20px;
	font-family: 'Gotham Rounded SSm A', 'Gotham Rounded SSm B', 'Verdana', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
}
@media(max-width: 991px){
	.vlp-page .top-logo{
		margin-bottom: 40px;
	}
}
@media(max-width: 767px){
	.vlp-page{
		margin-top: 20px;
	}
	.vlp-page .top-logo{
		margin-bottom: 30px;
	}
	.vlp-page .top-logo img{
		width: 190px;
	}
	.vlp-page .hero-banner{
		height: 200px;
	}
	.vlp-page .hero-banner-top{
		height: 220px;
	}
	.vlp-page .hero-banner{
		margin-bottom: 40px;
	}
	.vlp-page .vlp-intro{
		margin-bottom: 40px;
	}
	.vlp-page .vlp-intro .h2-styles{
		font-size: 22px;
		margin-bottom: 40px;
	}
	.vlp-page .vlp-intro p{
		margin-bottom: 30px;
	}
	.how-works-box .title{
		font-size: 20px;
	}
	.vlp-page .wood-banner{
		padding-top: 40px;
		padding-bottom: 0;
	}
	.vlp-page .wood-banner .main-title{
		font-size: 22px;
	}
	.vlp-page .wood-banner .main-title.yella{
		margin-bottom: 30px;
	}
	.vlp-page .wood-banner.banner-2{
		padding: 40px 0 0;
	}
	.vlp-page .sliders-title{
		margin-bottom: 12px;
		font-size: 22px;
	}
	.slick-vlp-reviews-slider{
		margin-bottom: 70px;
	}
	.slick-vlp-reviews-slider .slide-review{
		padding: 40px;
	}
}