.p-central-vacuum-cleaning-systems .banner {
    background: url(/images/content/services/centralised-vacuum-systems-2.webp) 100% 25% / cover no-repeat;
}
.p-central-vacuum-cleaning-systems .question-mark-bg {
	background: url("/images/common/faq-bg.webp") no-repeat;
	background-size: 45vw auto;
	background-position: center;
	overflow: hidden;
    min-height: 0;
}
.p-central-vacuum-cleaning-systems .question-mark-right { 
    position: relative;
    width: 100%;
}
.p-central-vacuum-cleaning-systems .question-mark-right::after {
  content: "?";
  font-size: 35rem;
  font-weight: 800;
  position: absolute;
  top: -0.57em;
  right: -0.6em;
  color: #33bdf2;
  z-index: -1;
}


.p-central-vacuum-cleaning-systems .answer-row  h3 {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 1.2em;
}
.p-central-vacuum-cleaning-systems .answer-row  h4 {
    font-weight: bold;
}
.p-central-vacuum-cleaning-systems .answer-row  li {
    margin: 0 0 1em;
}




.p-central-vacuum-cleaning-systems #banner .banner-links {
    padding: 0 0.9375rem;
}
.p-central-vacuum-cleaning-systems #banner .banner-links > div .btn-keyline {
    display: table;
    position: relative;
    padding: 0.5em 2em 0.5em 0.65em;
    border: 1px solid #fff;
    font-weight: 400;
    border-radius: 0.5em;
    margin-left: auto;
    color: #fff !important;
    margin-top: auto;
    font-size: 1.25em;
    z-index: 1;
    background: rgba(0, 0, 0, 0.5);
    margin-bottom: 0.5em;
    width: 100%;
}
.p-central-vacuum-cleaning-systems #banner .banner-links > div .btn-keyline::before {
    content: '\f054';
    font-family: 'Font Awesome 5 Pro';
    color: inherit;
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.15em;
}
@media (min-width:48em) {
    .p-central-vacuum-cleaning-systems .question-mark-right { 
        width: 70%;
    }
    .p-central-vacuum-cleaning-systems #banner h1 {
        font-size: 2rem;
        margin-bottom: 2em;
    }
    .p-central-vacuum-cleaning-systems #banner .banner-links {
        position: relative;
        flex: 0 0 41.666666666666%;
        max-width: 41.666666666666%;
        position: absolute;
        right: 0.9375rem;
        bottom: 6rem;
    }
    .p-central-vacuum-cleaning-systems #banner .banner-links > div .btn-keyline {
        width: 16.5em;
    }
}
.no-webp .p-central-vacuum-cleaning-systems .banner::before {
    background-image: url(/images/content/services/centralised-vacuum-systems-2.jpg) 100% 25% / cover no-repeat;
}

.p-central-vacuum-cleaning-systems .col-md-4.col-lg-3.offset-md-1.center {
    display: flex;
    align-items: center;
    justify-content: center
}

.p-central-vacuum-cleaning-systems .key-highlight.video.kcvu-video {
    padding: 0;
    margin: 1em 0 1.5em;
}
.p-central-vacuum-cleaning-systems .key-highlight.video.kcvu-video .video-link {
    margin: 0;
    padding: 0;
    color: #000 !important;
    background-color: #fff;
}

.p-central-vacuum-cleaning-systems .key-highlight.video.kcvu-video .video-link[data-video="kcvu"] .thumb {
    background-image: url(/images/content/services/cvc_video_thumbnail.webp);
    background-position: center 90%;
    margin:0;
    border-radius: 1rem;
    border: rgba(0,173,239,1) 0.125em solid;
}

.no-webp .p-central-vacuum-cleaning-systems .key-highlight.video.kcvu-video .video-link[data-video="kcvu"] .thumb {
    background-image: url(/images/content/services/cvc_video_thumbnail.png);
}
.p-central-vacuum-cleaning-systems .cta .btn {
    font-size: 1rem;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
}
.p-central-vacuum-cleaning-systems #banner .banner-circles {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 1.1em;
}
.p-central-vacuum-cleaning-systems #banner .banner-circles > li {
    flex: 0 0 8em;
    max-width: 8em;
    height: 8em;
    margin-right: 0.5em;
    margin-bottom: 0;
    box-shadow: 0 0.3125rem 0.625rem rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    background: #fff;
    color: #000;
    position: relative;
}
.p-central-vacuum-cleaning-systems #banner .banner-circles > li::before {
    content: '';
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 4em;
    height: 2.5em;
    z-index: 1;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.p-central-vacuum-cleaning-systems #banner .banner-circles > li[data-circle="industry"]::before {
    top: 28%;
    background-image: url(/images/content/central-vacuum-cleaning-systems/users-light.svg);
}
.p-central-vacuum-cleaning-systems #banner .banner-circles > li[data-circle="cost"]::before {
    background-image: url(/images/content/central-vacuum-cleaning-systems/pound-sign-light.svg);
}
.p-central-vacuum-cleaning-systems #banner .banner-circles > li[data-circle="footprint"]::before {
    background-image: url(/images/content/central-vacuum-cleaning-systems/shoe-prints-light.svg);
}
.p-central-vacuum-cleaning-systems #banner .banner-circles > li > span {
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: calc(100% - 2em);
    font-size: .8em;
}
@media (min-width: 48em) {
    .p-central-vacuum-cleaning-systems #banner .banner-circles {
        justify-content: flex-start;
        font-size: 1em;
        margin-bottom: -7em;
    }
    .p-central-vacuum-cleaning-systems #banner .banner-circles > li {
        flex: 0 0 9em;
        max-width: 9em;
        height: 9em;
        margin-right: 1em;
    }
    .p-central-vacuum-cleaning-systems #banner .banner-circles > li:last-child {
        margin-right: 0;
    }
    .p-central-vacuum-cleaning-systems #banner .banner-circles > li::before {
        width: 4em;
        height: 3em;
    }
    .p-central-vacuum-cleaning-systems #banner .banner-circles > li > span {
        font-size: .85em;
    }
}
@media (min-width: 62em) {
    .p-central-vacuum-cleaning-systems #banner .banner-circles > li {
        flex: 0 0 10em;
        max-width: 10em;
        height: 10em;
        margin-right: 2em;
    }
    .p-central-vacuum-cleaning-systems #banner .banner-circles > li > span {
        font-size: .9em;
    }
}
.p-central-vacuum-cleaning-systems .services-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 50em;
    background: -moz-linear-gradient(top,  rgba(0,173,239,0.5) 0%, rgba(0,173,239,0.5) 31%, rgba(0,173,239,0) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,173,239,0.5) 0%,rgba(0,173,239,0.5) 31%,rgba(0,173,239,0) 100%);
    background: linear-gradient(to bottom,  rgba(0,173,239,0.5) 0%,rgba(0,173,239,0.5) 31%,rgba(0,173,239,0) 100%);
    opacity: 0.25;
}
.p-central-vacuum-cleaning-systems .services-content h2 {
    color: #000;
}
.p-central-vacuum-cleaning-systems .services-content ol {
    font-weight: bold;
}
.p-central-vacuum-cleaning-systems .services-content ol li {
    margin-bottom: 1rem;
}
.p-central-vacuum-cleaning-systems .services-content ol li h3 {
    font-size: 1em;
    margin-bottom: 0.25em;
}
.p-central-vacuum-cleaning-systems .services-content ol li p {
    font-weight: normal;
}
.p-central-vacuum-cleaning-systems .services-content .panel {
    padding: 2em;
}
.p-central-vacuum-cleaning-systems .services-content .panel a {
    color: rgba(0,173,239,1) !important;
    font-weight: 400;
    font-size: 1.2em;
    margin-bottom: 1em;
    display: block;
}
.p-central-vacuum-cleaning-systems .services-content .panel a:last-child {
    margin-bottom: 0;
}
@media (min-width: 48em) {
    .p-central-vacuum-cleaning-systems .services-content {
        padding-top: 2em;
    }
    .p-central-vacuum-cleaning-systems .services-content .panel {
        margin-top: -12em;
        z-index: 1;
    }
}

 
.p-central-vacuum-cleaning-systems .row.faq.answer h2 {
	font-size: 0.875em;
	color: #000;
}
.p-central-vacuum-cleaning-systems .row.faq.answer p {
	font-size: 0.875em;
}
.p-central-vacuum-cleaning-systems .row.faq.answer ul {
	margin-left: 1em;
}
.p-central-vacuum-cleaning-systems .row.faq.answer a.btn.blue {
    background: #00ADEF;
	padding: 0.65rem 2.6875rem 0.65rem 1.5rem;
    position: relative;
    color: #fff !important;
	text-align: left;
}
.p-central-vacuum-cleaning-systems .row.faq.answer a.btn.blue::after {
    content: '\f33d';
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
}
.p-central-vacuum-cleaning-systems .row.faq.answer.cvc h2 {
    font-size: 1.5em;
}
@media(min-width:48em) {
 
    .p-central-vacuum-cleaning-systems .row.faq.answer h2 {
		font-size: 1em;
 		width: 70%;
	}
	.p-central-vacuum-cleaning-systems .row.faq.answer h3 {
 		width: 70%;
	}
	.p-central-vacuum-cleaning-systems .row.faq.answer ul h3, .row.faq.answer ol h3 {
		margin-left: 0;
	}
	.p-central-vacuum-cleaning-systems .row.faq.answer h4 {
		font-weight: bold;
        font-size: 1em;
	}
	.p-central-vacuum-cleaning-systems .row.faq.answer h5 {
		font-weight: bold;
        font-size: 1em;
	}
	.p-central-vacuum-cleaning-systems .row.faq.answer.cvc h2 {
		font-size: 1.5em;
	}
	.p-central-vacuum-cleaning-systems .row.faq.answer p {
		font-size: 1em;
 		width: 70%;
	}
	.p-central-vacuum-cleaning-systems .row.faq.answer ul, .row.faq.answer ol {
 		width: 70%;
	}
	.p-central-vacuum-cleaning-systems .row.faq.answer.cvc ul, .row.faq.answer.cvc ol {
		width: 85%;
	}
	.row.faq.answer.cvc ul > li, .row.faq.answer.cvc ol > li {
		margin-bottom: 1rem;
	}
	.p-central-vacuum-cleaning-systems .row.faq.answer ul.split, .row.faq.answer ol.split {
		columns: 2;
	}
	.p-central-vacuum-cleaning-systems .row.faq.answer ul.split li, .row.faq.answer ol.split li {
		break-inside: avoid-column;
	}

	.p-central-vacuum-cleaning-systems .no-webp > .faq.banner[data-bg="cyan-image-grad"]  {
		background: url("/images/common/faq-bg.png") no-repeat bottom right ;
	}
}