.p-contact .banner .btn.btn-outline {
    margin-bottom: 1rem;
    color: #fff !important;
}
.p-contact .banner .btn.btn-outline::after {
	border-color: #fff;
}
.p-contact .banner .btn.btn-outline::before {
    color: #fff !important;
}
.p-contact #contact-details {
	margin-top: -9em;
}
.p-contact .contact .title {
	position: relative;
	color: #000;
	font-size: 1.286em;
	font-weight: 400;
	margin-bottom: 1em;
}
.p-contact .contact .title::before {
	content:'';
	position:absolute;
	top:0;
	left:-1.458em;
	bottom:0;
	width:0.25rem;
	background:rgb(0,173,239);
}
.p-contact #manufacturing-sites .panel > .row {
	padding-top: 0;
	padding-bottom: 0;
}
.p-contact [data-map] {
    float: left;
    width: 20.71428571428571em;
    height: 20.71428571428571em;
    padding: 0;
    margin:0 -1.9em -3em -1.9em;
}
.p-contact [data-map="manufacturer"] {
	margin:0 -1.9em 0 -1.9em;
}

#contact-details dt {
    clear: both;
    float: left;
    width: 24%;
    font-weight: bold;
}
#contact-details dd {
    float: right;
    width: 76%;
    margin-left: 0;
	margin-bottom: 0.1em;
}
#contact-details h4 {
    font-size: 1.0em;
    margin-bottom: 0.3em;
	margin-top: 0;
	font-weight: bold;
}
@media (min-width:48em) {
    .p-contact .banner .btn.btn-outline {
        position: absolute;
        top: 3.75em;
        right: calc(-50% + 0.9375rem);
    }
    .p-contact .banner .btn.btn-outline::after {
        border-color: rgb(0,173,239);
    }
    .p-contact .banner {
        background: url(/images/content/banners/about.jpg) 50% 50% / cover no-repeat;
    }
	.p-contact #manufacturing-sites {
		margin-top: -5rem;
	}
	.p-contact #manufacturing-sites .panel > .row > div > .row {
		display: flex;
		align-items: center;
	}
	.p-contact #manufacturing-sites .panel > .row {
		display: flex;
		justify-content: space-between;
	}
	.p-contact #manufacturing-sites .panel > .row > div:nth-child(even) {
		padding-left: 2.5rem;
	}
	.p-contact #manufacturing-sites .panel > .row > div:nth-child(odd) {
		padding-right: 2.5rem;
	}
	.p-contact #contact-details {
		margin-top: -20em;
	}
	.p-contact #uk-map {
		float:right;
		width:100%;
		height: 30.14285714285714em;
		padding: 0;
		margin:-2.85em -1.9em -3em -1.9em;
	}
	.p-contact [data-map="manufacturer"] {
		float: right;
		width: 100%;
		height: 20em;
		margin:0;
	}
	.p-contact .customer-service p {
		width: 60%;
	}
}
@media (min-width:62em) {
    .p-contact .banner .btn.btn-outline {
        top: 5.7em;
        right: calc(-71.43% + 0.9375rem);
		background-color: rgb(0,173,239);
		width: 12em;
    }
	.p-contact .banner .btn.btn-outline::before {
		left: 2em;
	}
	.p-contact #contact-details {
		margin-top: -18em;
	}
	.p-contact .banner h1 {
		margin-bottom: 2em;
	}
	.p-contact #uk-map {
		float:right;
		width:100%;
		height: 25.92857142857143em;
		padding: 0;
		margin:-2.85em -1.9em -3em -1.9em;
	}
}


.p-contact #faqs .span{
    padding-bottom: 0;
}

@media (min-width:48em) {
    .p-contact #faqs .roles-list li a.job-button {
        width: 100% !important;
    }
}
.p-contact .p-contact #faqs .roles-list .download {
    min-height: 0 !important;
}
.p-contact #faqs .roles-list {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}
.p-contact #faqs .roles-list li {
    padding: 0;
    margin: 0 0 1rem 0;
}
.p-contact #faqs .roles-list li a.job-button {
    padding: 1.5rem;
    padding-right: 3.5rem;
    width: 100%;
    display: block;
    position: relative;
    background: rgba(0, 173, 239, 0.2);
    color: #000 !important;
    font-weight: bold;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.1);
    -moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.1);
    box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.1);
}
.p-contact #faqs .roles-list li a.job-button::before {
    content: '\f078';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    font-size: 2rem;
    position: absolute;
    top: 50%;
    right: 1.5rem;
    transition: all .25s ease-in-out;
    transform: translateY(-50%)rotate(0deg);
    color: rgba(0, 173, 239, 1);
}
.p-contact #faqs .roles-list li a.job-button.rotate::before {
    transform: translateY(-50%)rotate(-180deg);
}
.p-contact #faqs .roles-list li > div {
    color: #000;
}
.p-contact #faqs .roles-list li > div > div {
    padding: 1.75rem 0rem;
}
.p-contact #faqs .roles-list li > div > div .answer {
    margin-bottom: 1em;
}
.p-contact #faqs .roles-list h4 {
    margin: 0 !important;
    font-weight: 400;
    position: relative;
        font-size: 1.286em;
}
.p-contact #faqs .roles-list a.apply {
    color: #fff !important;
    text-decoration: underline;
}
.p-contact #faqs .roles-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.p-contact #faqs .roles-list ul li {
    padding: 0 0 0 1rem;
    margin: 0 0 0.25rem 0;
    position: relative;
}
.p-contact #faqs .roles-list ul li::before {
    content: '';
    position: absolute;
    top: 0.75em;
    left: 0.5rem;
    transform: translateY(-50%);
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: #fff;
}
.p-contact #faqs .roles-list .btn.download {
    border: #fff solid 3px;
	background:rgb(0,173,239);
	color:#fff !important;
	position:relative;
	padding:0.5625em 0.75em 0.5625em 2em;
	text-align: left;
    font-weight: 600;
    margin: 2rem 0;
}
.p-contact #faqs .roles-list .btn.download::after {
	content:'\f33d';
	font-family:'Font Awesome 5 Pro';
    font-weight: 400;
	position:absolute;
	top:0.5625em;
	left:0.5625em;
}
@media (min-width:48em) {
    .p-contact #faqs .roles-list li {
        display: flex;
        flex-direction: column;
    }
    .p-contact #faqs .roles-list li a.job-button {
        width: 80%;
    }
}

.p-contact .vcard {
    height: 100%;
    min-height: 11rem;
}
.p-contact .vcard .x-person {
    position: relative;
    background: #eeeeee;
    background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd));
    background: -webkit-linear-gradient(top, #eeeeee 0%,#dddddd 100%);
    background: -o-linear-gradient(top, #eeeeee 0%,#dddddd 100%);
    background: -ms-linear-gradient(top, #eeeeee 0%,#dddddd 100%);
    background: linear-gradient(to bottom, #eeeeee 0%,#dddddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 );
    padding-bottom: 10px;
}
.p-contact .vcard > div  {
    padding: 10px 87px 10px 10px;
}
.p-contact .vcard .x-person img {
    position: absolute;
    top: 10px;
    right: 9px;
}
.p-contact .vcard .x-contact-profile {
    position: absolute;
    bottom: 0;
}
.p-contact #team-list {
	margin-top: -1em;
}

.p-contact .btn-profile {
    background: rgb(0, 173, 239);
    color: #fff !important;
    position: relative;
    padding: 0.5625em 2em 0.5625em 2em;
    text-align: left;
}