@charset "utf-8";

/* GLOBAL SERVICES */
@media(max-width: 991px){
	.services-wrp > .container{
		padding-left: 0;
		padding-right: 0;
	}
	.services-wrp > .container > .row{
		margin-left: 0;
		margin-right: 0;
	}
	.services-wrp > .container > .row > div[class*="col-"]{
		padding-left: 0;
		padding-right: 0;
	}
}

/* SERVICES LANDING PAGE */
.services-landing-page{
	background-color: #ECEEEF;
}
.services-landing-page .bg-white{
	background-color: #fff;
}
.services-landing-page .services-landing-main-image{
	/*max-width: 1800px;*/
	margin: 0 auto;
	display: block;
	/*background: rgb(248,72,94);
	background: linear-gradient(180deg, rgba(248,72,94,1) 0%, rgba(198,58,75,1) 100%);*/

	/* change 2025-05-15
	background-color: #f8485e;
	*/
	background-color: #ef7b28;
}
/* change 2025-05-15
.services-landing-page .services-landing-main-image img{
	object-position: 50% 100%;
}
@media(min-width: 900px){
	.services-landing-page .services-landing-main-image img{
		height: 300px;
	}
}
*/
.services-landing-page .services-landing-main-image img{
	max-width: 1300px;
	max-height: 325px;
	display: block;
	margin: 0 auto;
}

/*intro*/
.services-landing-intro{
	padding: 60px 15px 115px;
	background-color: #fff;
	text-align: center;
}
.services-landing-intro h1{
	margin-bottom: 30px;
}
@media(max-width: 991px){
	.services-landing-intro{
		padding: 30px 15px 80px;
	}
	.services-landing-intro h1{
		margin-bottom: 20px;
	}
}

/*thumb boxes*/
.services-thumb-boxes{
	margin-bottom: 20px;
	position: relative;
	top: -75px;
}
.services-landing-page-footer{
	margin-top: -75px;
}

.services-thumb{
	margin-bottom: 40px;
}
.services-thumb .thumb-img img{
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	height: 200px;
}
.services-thumb .thumb-content{
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	background-color: #fff;
	padding: 30px 20px 6px;
	text-align: center;
}
.services-thumb .thumb-content h2{
	margin-bottom: 20px;
}
.services-thumb .thumb-content p{

}
.services-thumb a{
	text-decoration: none;
}
.services-thumb a:hover{
	color: inherit;
	text-decoration: none;
}
@media(max-width: 1199px){
	.services-thumb .thumb-content h2{
		font-size: 22px;
	}
}
@media(max-width: 767px){
	.services-thumb .thumb-img img{
		height: 150px;
	}
}




/* SERVICES PAGE */
.services-page .services-bottom{
	padding-top: 60px;
}
@media(min-width: 992px){
	.services-page{
		background-color: #ECEEEF;
	}
}
@media(max-width: 991px){
	.services-page .services-bottom{
		background-color: #ECEEEF;
	}
}

.services-page h2:not(.breadcrumbs-h2){
	border-bottom: 2px solid #F6B333;
	padding-bottom: 10px;
	margin-bottom: 30px;
}
@media(max-width: 991px){
	.services-page h2:not(.breadcrumbs-h2){
		font-size: 22px;
	}
}

/*breadcrumbs*/
.services-page .services-breadcrumbs{
	padding: 35px 0;
}
.services-page .services-breadcrumbs h2, .services-page .services-breadcrumbs p{
	line-height: 24px;
}
.services-page .services-breadcrumbs a{
	text-decoration: none;
}
@media(max-width: 991px){
	.services-page .services-breadcrumbs{
		padding: 15px 20px;
	}
	.services-page .services-breadcrumbs h2{
		font-size: 18px;
	}
}

/*main image*/
.services-page .services-main-image{
	height: 200px;
}
.services-page .services-main-image img{
	margin: 0 auto;
	display: block;
}
@media(min-width: 768px){
	.services-page .services-main-image{
		height: 350px;
	}
}

/*intro*/
.services-page .services-intro{
	background-color: #1B365D;
	padding: 50px 100px 10px 100px;
	/*margin-bottom: 40px;*/
	text-align: center;
	position: relative;
}
.services-page .intro-icon{
	position: absolute;
	width: 80px;
	height: 80px;
	top: -40px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.services-page .services-intro h1{
	color: #fff;
	margin-bottom: 15px;
}
.services-page .services-intro p{
	color: #fff;
	font-size: 18px;
}
@media(max-width: 991px){
	.services-page .services-intro{
		padding: 50px 20px 10px 20px;
	}
}

/*services structure/blocks*/
.services-page .services{
	background-color: #fff;
}
.services-page .services-block, .services-page .services-image{
	margin-bottom: 24px;
}
.services-page .services-block h2{
	margin-top: 60px;
	border-bottom: 2px solid #F6B333;
	padding-bottom: 10px;
}
@media(min-width: 992px){
	.services-page .services{
		margin-top: -40px;
		padding: 60px 0;
	}
	.services-page .services-block{
		margin: 0 100px 40px;
	}
	.services-page .services-image{
		margin: 0 0 40px;
	}
}
@media(max-width: 991px){
	.services-page .services{
		padding: 30px 0;
	}
	.services-page .services-block{
		padding-left: 20px;
		padding-right: 20px;
	}
	.services-page .services-image .services-block{
		padding-left: 0;
		padding-right: 0;
	}
}

/*content boxes - wysiwyg */
@media(max-width: 575px){
	.services-page .services-box img{
		width: auto !important;
		height: auto !important;
		max-width: 100%;
		display: block;
		margin: 0 auto !important;
		padding: 0 !important;
		margin-bottom: 24px !important;
	}
}

/*box*/
.services-page .services-box h3{
	margin-bottom: 24px;
}
.services-page .services-box a:not(.button):link,
.services-page .services-box a:not(.button):visited, 
.services-page .services-box a:not(.button):active {
	color: #00A3E0;
	text-decoration: none;
	font-weight: 700;
}
.services-page .services-box a:not(.button):hover{
	color: #00A3E0;
	text-decoration: underline;
}
.services-page .services-box a.button{
	color: #445365;
	font-size: 14px;
	line-height: 16px;
	font-weight: 500;
	text-decoration: none;
}
.services-page .services-box ul,
.services-page .services-box ol{
	margin-bottom: 40px;
}
.services-page .services-box ul li{
	padding-left: 60px;
	margin-bottom: 20px;
	position: relative;
}
.services-page .services-box ul li:before{
	position: absolute;
	content: "";
	left: 22px;
	top: 3px;
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	background-position: center center;
}
.services-page .services-box ol{
	margin-left: 45px;
}
.services-page .services-box ol li{
	padding-left: 15px;
	margin-bottom: 20px;
	list-style-type: decimal;
	list-style-position: outside;
}

.services-page .services-box table{
	width: 100%;
	max-width: 100%;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 40px;
}
.services-page .services-box table thead{
	background-color: #425363;
	color: #fff;
}
.services-page .services-box table > tbody > tr:nth-of-type(2n) {
	background-color: #ECEEEF;
}
.services-page .services-box table th, .services-page .services-box table td{
	padding: 10px 20px;
}
.services-page .services-box table th{
	font-weight: 700;
}

@media(max-width: 575px){
	.services-page .services-box table{
		font-size: 12px;
		line-height: 16px;
	}
	.services-page .services-box table th, .services-page .services-box table td{
		padding: 4px 6px;
	}
}
.services-page .services-box ul li:before{
	background-image: url('https://www.tapi.co.uk/img/general_icons/icon_tapi_yellow.svg');
}

/*carousel*/
@media(min-width: 992px){
	.services-page .services-carousel .tapi-fluid-slider .slick-slider {
		padding: 0;
		margin-left: -8px;
		margin-right: -8px;
	}
	.services-page .tapi-fluid-slider.tapi-slider-v2 .slick-slide .slide-info .info-name{
		font-size: 14px;
		line-height: 16px;
	}
	.services-page .tapi-fluid-slider.tapi-slider-v2 .slick-slide .slide-info .info-read-more{
		font-size: 10px;
		line-height: 12px;
		font-size: 500;
	}
}
.services-page .services-carousel .slide-col .image{
	height: 300px;

	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.services-page .services-carousel .slide-col .content{
	padding: 40px 25px;
	position: relative;
}
.services-page .services-carousel .slide-col .content h3,
.services-page .services-carousel .slide-col .content p{
	color: #425363;
}
.services-page .services-carousel .slide-col .content h3{
	margin-bottom: 20px;
}
.services-page .services-carousel .row div[class*="col-"]:nth-child(odd) .slide-col .content{
	background-color: #b8cdd3;
}
.services-page .services-carousel .row div[class*="col-"]:nth-child(even) .slide-col .content{
	background-color: #99b4bc;
}
.services-page .services-carousel .slide-col .content:after {
    position: absolute;
    top: -48px;
    left: 18px;
    content: '';
    width: 0;
    height: 0;
    border-left: 49px solid transparent;
    border-right: 49px solid transparent;

}
.services-page .services-carousel .row div[class*="col-"]:nth-child(odd) .slide-col .content:after{
	border-bottom: 49px solid #b8cdd3;
}
.services-page .services-carousel .row div[class*="col-"]:nth-child(even) .slide-col .content:after{
	border-bottom: 49px solid #99b4bc;
}

/*ways to shop*/
.services-page .services-ctas-boxes{
	margin-bottom: 40px;
}
.services-page .services-ctas-boxes a{
	text-decoration: none;
}
.services-page .services-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;
}
.services-page .services-cta-box .icon{
	position: absolute;
	font-size: 26px;
	color: #F6B333;
}
.services-page .services-cta-box .title{
	color: #fff;
}
@media(min-width: 768px){
	.services-page .services-cta-box .title{
		padding-top: 70px;
		margin-bottom: 20px;
		text-align: center;
		font-weight: 500;
	}
	.services-page .services-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){
	.services-page .services-cta-box .title{
		padding-left: 50px;
	}
	.services-page .services-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%);
	}
}
.services-page .services-cta-box:hover{
	border: 2px solid #D9DDE0;
	border-bottom: 2px solid #425363;
	background-color: transparent;
}
.services-page .services-cta-box:hover .icon{
	color: #425363;
}
.services-page .services-cta-box:hover .title{
	color: #425363;
}

/*more services*/
.slide-services img{
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}
.slide-info-services{
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	background-color: #fff;
	padding: 20px 30px !important;
	text-align: center !important;
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
}
.slide-info-services i{
	font-size: 16px;
}
.slick-related-services-slider a:hover{
	color: inherit;
}

/*overwritten styles for bottom carousel - more services*/
.services-page .services-bottom .tapi-fluid-slider.tapi-slider-v2 .slick-slide .slide .slide-img,
.services-page .services-bottom .tapi-fluid-slider.tapi-slider-v2 .slick-slide .slide .slide-img img{
	height: 150px !important;
}
.services-page .services-bottom .tapi-fluid-slider.tapi-slider-v2 .slick-prev,
.services-page .services-bottom .tapi-fluid-slider.tapi-slider-v2 .slick-next{
	top: 64px !important;
}
.services-page .services-bottom .tapi-fluid-slider.tapi-slider-v2 .slick-prev,
.services-page .services-bottom .tapi-fluid-slider.tapi-slider-v2 .slick-next{
	width: 40px !important;
	height: 40px !important;
}