@charset "utf-8";

/*Intro*/
.clp-page .section-intro{
	margin-bottom: 30px;
}
/*Browse by*/
.clp-browse{
	margin-bottom: 20px;
}
.clp-browse h3{
	margin-bottom: 20px;
}
.clp-browse .browse-obj{
	
	position: relative;
	cursor: pointer;
	margin-bottom: 20px;
}
.clp-browse .browse-obj .main{
	padding: 10px 15px;
	font-size: 14px;
	line-height: 24px;
	border: 1px solid #D9DDE0;
}
.clp-browse .browse-obj .main:after{
	position: absolute;
	right: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	content: "\f078";
	font-family: "Font Awesome 5 Regular";
	font-size: 14px;
	color: #425363;
}
.clp-browse .browse-obj .options{
	position: absolute;
	display: none;
	padding: 20px 20px 10px;
	border: 1px solid #D9DDE0;
	border-top: 0;
	background-color: #fff;
	z-index: 20;
	left: 0;
	top: 100%;
	width: 100%;
}
.clp-browse .browse-obj .options .option{
	margin-bottom: 10px;
}
.clp-browse .browse-obj .options .option a{
	text-decoration: none;
	font-size: 14px;
	line-height: 16px;
}
.clp-browse .browse-obj.open .options{
	display: block;
}
@media(max-width: 991px){
	.clp-browse .row{
		margin-right: -10px;
		margin-left: -10px;
	}

	.clp-browse .row > div[class*="col-"]{
		padding-left: 10px;
		padding-right: 10px;
	}
}

/*Promo Banner*/
.clp-promo-banner{
	margin-bottom: 40px;
}

/*Code Reveal*/
.clp-page .code-reveal{
	margin-top: 0;
	margin-bottom: 40px;
}

/*Accordion Section*/
.clp-accordion-section{
	margin-top: 20px;
}
.clp-accordion-section h2{
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 2px solid #F6B333;
	font-weight: 400;
	position: relative;
}
.clp-accordion-section h2.bold{
	font-weight: 700;
}
@media(max-width: 991px){
	.clp-accordion-section{
		margin-top: 10px;
	}
	.clp-accordion-section h2{
		cursor: pointer;
		padding-right: 30px;
		font-size: 22px;
	}
	.clp-accordion-section h2.open{
		margin-bottom: 20px;
	}
	.clp-accordion-section h2:after{
		content: "\f068";
		font-family: "Font Awesome 5 Light";
		font-size: 20px;
		color: #425363;
		position: absolute;
		right: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		font-weight: 400;
	}
	.clp-accordion-section h2.open:after{
		content: "\f067";
		font-weight: 400;
	}
}

/*Accordion Content*/
.clp-accordion-content{
	padding-top: 25px;
}
/*CLP By Blocks*/
.clp-accordion-content.items-buttons{
	margin-bottom: 20px;
}
.clp-accordion-content .intro{
	margin-bottom: 20px;
	font-size: 18px;
	line-height: normal;
}
.clp-accordion-content a.bottom-link{
	text-decoration: none;
	font-weight: 700;
	font-size: 18px;
	line-height: normal;
	margin-bottom: 40px;
	display: inline-block;
}
.clp-accordion-content a.bottom-link i{
	color: #F6B333;
}
.clp-accordion-content .item{
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 40px;
}
.clp-accordion-content .item-image img{
	margin-bottom: 15px;
}
.clp-accordion-content .item-image a{
	text-decoration: none;
}
.clp-accordion-content .item-button{
	margin-bottom: 20px;
}
.clp-accordion-content .item-button a{
	border: 2px solid #D4D6D7;
	padding:10px 15px;
	border-radius: 30px;
	text-align: center;
	cursor: pointer;
	display: block;
	text-decoration: none;
}
.clp-accordion-content .item-button a:hover{
	background-color: #ECEEEF;
	color: inherit;
}
.clp-accordion-content .item-banner a, 
.clp-accordion-content .item-banner a:hover{
	text-decoration: none;
}
.clp-accordion-content .item-banner .banner-cta{
	background-color: #425363;
	color: #fff;
	font-size: 18px;
	line-height: 22px;
	font-weight: 700;
	text-align: center;
	padding: 12px 15px;
	margin-bottom: 20px;
}
.clp-accordion-content .item-banner .banner-cta:hover{
	filter: brightness(95%);
}
@media(max-width: 991px){
	.clp-accordion-content .item-image img{
		margin-bottom: 10px;
	}
}
/*CTAs Block*/
.clp-accordion-content .clp-ctas-boxes{
	margin-bottom: 20px;
}
.clp-accordion-content .clp-ctas-boxes a{
	text-decoration: none;
}
.clp-accordion-content .clp-cta-box{
	padding: 20px 25px;
	position: relative; 
	border-bottom: 2px solid #425363;
	box-shadow: 0px 3px 6px #00000029;
	margin-bottom: 20px;

	background-color: #425363;
	border: 2px solid #425363;
}
.clp-accordion-content .clp-cta-box .icon{
	position: absolute;
	font-size: 26px;
	color: #F6B333;
}
.clp-accordion-content .clp-cta-box .title{
	color: #fff;
}
@media(min-width: 768px){
	.clp-accordion-content .clp-cta-box .title{
		padding-top: 70px;
		margin-bottom: 20px;
		text-align: center;
		font-weight: 500;
	}
	.clp-accordion-content .clp-cta-box .icon{
		left: 50%;
		top: 40px;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}
@media(max-width: 767px){
	.clp-accordion-content .clp-cta-box .title{
		padding-left: 50px;
	}
	.clp-accordion-content .clp-cta-box .icon{
		left: 20px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}
.clp-accordion-content .clp-cta-box:hover{
	border: 2px solid #D9DDE0;
	border-bottom: 2px solid #425363;
	background-color: transparent;
}
.clp-accordion-content .clp-cta-box:hover .icon{
	color: #425363;
}
.clp-accordion-content .clp-cta-box:hover .title{
	color: #425363;
}

/*Whilst Block*/
.clp-accordion-content .clp-whilst{
	margin-bottom: 10px;
}
.clp-accordion-content .clp-whilst .clp-whilst-images div[class*='col-']{
	margin-bottom: 30px;
}
.clp-accordion-content .clp-whilst .whilst-intro{
	margin-bottom: 30px;
}
.clp-accordion-content .clp-whilst .whilst-button{
	background-color: #ECEEEF;
	font-size: 18px;
	line-height: 22px;
	padding: 20px;
	margin-bottom: 30px;
}

/*Brands*/
.clp-accordion-content .clp-brands-images{
	margin-bottom: 20px;
}
.clp-accordion-content .clp-brands-images .item{
	border: 1px solid #D9DDE0;
	margin-bottom: 20px;
}

/*Trustpilot*/
.clp-page .clp-trustpilot{
	margin-top: 30px;
}

/*rated best*/
.rated-best{
	margin-top: 26px;
	margin-bottom: 45px;
	padding: 15px;
	color: #fff;
	text-align: center;

	height: 101px;

	background-image: url('https://www.tapi.co.uk/img/rated-best/rated_best_image.jpg');
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.rated-best .title{
	font-size: 30px;
	font-weight: 500;
	line-height: normal;
}
.rated-best .subtitle{
	font-size: 22px;
	line-height: normal;
}

/*CLS fix - sliders*/
.slick-clp-products-slider{
	overflow: hidden;
}
@media(min-width: 992px){
	.slick-clp-products-slider{
		max-height: 350px;
	}
}
@media(max-width: 991px){
	.slick-clp-products-slider{
		max-height: 300px;
	}
}

.slick-clp-articles-slider{
	overflow: hidden;
	max-height: 410px;
}
@media(max-width: 1250px){
	.slick-clp-articles-slider{
		max-height: 370px;
	}
}
@media(max-width: 768px){
	.slick-clp-articles-slider{
		max-height: 410px;
	}
}