/**
 * pb/pb.css — Page Builder row styles
 *
 * GENERATED, DO NOT HAND-EDIT. Regenerate with the script noted in pb/README.md.
 *
 * Every rule below is a copy of a rule in style.css whose selector used one of
 * the theme's layout IDs, with that ID rewritten as a class:
 *
 *     #split  ->  .pb-split          #form   ->  .pb-form
 *     #tiles  ->  .pb-tiles          #faq    ->  .pb-faq
 *     ... and so on for every ID a Page Builder row needs.
 *
 * WHY: a page builder can place the same row twice, which would produce
 * duplicate IDs — invalid HTML, and it breaks any JS using getElementById.
 * The rows in pb/ therefore use classes, and this file carries the matching
 * styles. style.css is NOT modified; the original ID rules stay exactly as they
 * are and continue to serve every existing page.
 *
 * This file is enqueued by template-page-builder.php only, so it cannot affect
 * any page that is not using the Page Builder template.
 *
 * Rules are emitted in source order, including inside @media blocks, so the
 * cascade behaves the same way it does in style.css.
 */

.products .pb-split section .content h2 {
	font-size: 65px;
	color: white;
	height: 176px;
	overflow: hidden;
}
.products.blog .pb-split section .content h2 {
	font-size: 55px;
	height: 245px;
	overflow: hidden;
}
.products.blog .pb-split section:nth-of-type(odd) .content h2 {
	padding: 50px 0 25px 50px;
}
.products.blog .pb-split section:nth-of-type(odd) .content .entry-meta {
	float: right;
}
.products.blog .pb-split section .content .entry-meta {
	font-size: 17px;
	color: #B6E2E2;
}
.products.blog .pb-split section:nth-of-type(even) .content h2 {
	padding: 50px 50px 25px 0px;
}
.products.blog .pb-split section .content .excerpt p {
	padding-right: 60px;
	padding-left: 0;
	float: left;
	height: 69px;
	overflow: hidden;
}
.products .pb-split section:nth-of-type(odd) .content p {
	padding-left: 60px;
}
.products .pb-split section:nth-of-type(2n) .content p {
	padding-right: 60px;
	padding-left: 0;
	float: left;
}
.products .pb-split section:nth-of-type(2n) .content .button {
	float: left;
}
.products.blog .pb-split section .content .button {
	margin-top: 50px;
	clear: both;
}
.products .pb-split section:nth-of-type(odd) .content {
	float: right;
}
.products .pb-split section:nth-of-type(odd) .image {
	float: left;
}
.products .pb-split section:nth-of-type(even) .content {
	float: left;
}
.products .pb-split section:nth-of-type(even) .content .wrapper {
	padding: 0 0 0 50px;
	float: right;
	text-align: left;
}
.products .pb-split section:nth-of-type(even) .image {
	float: right;
}
.products .pb-split section:nth-of-type(even) .image img {
	float: left;
}
.products .pb-split section:nth-of-type(4n+1) .content {
	background: white;
}
.products .pb-split section:nth-of-type(4n+1) .content h2 {
	color: #D75900;
}
.products .pb-split section:nth-of-type(4n+1) .content .button:hover {
	background: #D75900;
	color: white;
}
.products .pb-split section:nth-of-type(4n+2) .content {
	background: #D75900;
}
.products .pb-split section:nth-of-type(4n+3) .content {
	background: #00BBC2;
}
.products .pb-split section:nth-of-type(4n+4) .content {
	background: #AAAAAA;
}
.pb-split {
	width: 100%;
	float: left;
}
.pb-split section {
	width: 100%;
	float: left;
	height: 35.7142857142857vw;
	max-height: 500px;
	overflow: hidden;
}
.pb-split section.right .image {
	float: left;
	width: 50%;
	height: 100%;
	background: #B6E2E2;
}
.pb-split section.right .image img {
	float: right;
	width: auto;
	height: 100%
}
.pb-split section.right .content {
	float: right;
	width: 50%;
	height: 100%;
	text-align: right;
}
.pb-split section.right .content .wrapper {
	width: 650px;
	padding: 0 50px 0 0;
	float: left;
}
.pb-split section.left .image {
	float: right;
	width: 50%;
	height: 100%;
	background: #B6E2E2;
}
.pb-split section.left .image img {
	float: left;
	width: auto;
	height: 100%
}
.pb-split section.left .content {
	float: left;
	width: 50%;
	height: 100%;
	text-align: left;
}
.pb-split section.left .content .wrapper {
	width: 650px;
	padding: 0 0 0 50px;
	float: right;
}
.pb-split section .content h2 {
	font-size: 90px;
	line-height: 0.9;
	padding-top: 50px;
}
.pb-split section.orange .content {
	background: #D75900;
}
.pb-split section.orange .content h2 {
	color: white;
}
.pb-split section.white .content {
	background: white;
}
.pb-split section.white .content h2 {
	color: #D75900;
}
.pb-split section p {
	margin-bottom: 0;
	font-size: 20px;
	color: #004A67;
	line-height: 1.15;
	padding-top: 25px;
	padding-bottom: 52px;
}
.pb-split section.left p {
	padding-right: 50px;
}
.pb-split section.right p {
	padding-left: 50px;
	font-family: 'gotham_bookregular';
}
.pb-split section .button {
	background: #004A67;
	width: 21.4285714285714vw;
	max-width: 300px;
	height: 4.28571428571429vw;
	max-height: 60px;
	text-align: center;
	text-transform: uppercase;
	color: white;
	line-height: 60px;
	font-size: 18px;
	position: relative;
}
.pb-split section.left .button {
	float: left;
}
.pb-split section.right .button {
	float: right;
}
.pb-split section.white .button:hover {
	background: #D75900;
	color: white;
}
.pb-split section .button:hover {
	background: white;
	color: #004A67;
}
.pb-people {
	float: left;
	margin-bottom: 110px;
}
.pb-people .item {
	float: left;
	width: 400px;
	height: 460px;
	margin: 0 0px 50px 0
}
.pb-people .item:nth-of-type(3n+2) {
	margin: 0 50px 50px;
}
.pb-people h1 {
	color: #D75900;
	font-size: 66px;
	text-align: center;
	padding: 85px 0 51px;
}
.pb-people img {
	width: 100%;
	height: auto;
}
.pb-people .item .block {
	width: 400px;
	height: 110px;
}
.pb-people .item .block h2 {
	padding-left: 20px;
	font-size: 28px;
	text-transform: uppercase;
	padding-top: 12px;
}
.pb-people .item .block .contact {
	float: right;
	padding-right: 30px;
	margin-top: 5px;
}
.pb-people .item .block .contact .pipe {
	margin: 0 24px 0 19px;
	float: right;
	width: 2px;
	height: 30px;
	position: relative;
}
.pb-people .item:nth-of-type(9n+1) .block,
.pb-people .item:nth-of-type(9n+6) .block,
.pb-people .item:nth-of-type(9n+8) .block {
	background: #004A67;
	color: white;
}
.pb-people .item:nth-of-type(9n+1) .block h2,
.pb-people .item:nth-of-type(9n+6) .block h2,
.pb-people .item:nth-of-type(9n+8) .block h2 {
	color: #B6E2E2;
}
.pb-people .item:nth-of-type(9n+1) .block p,
.pb-people .item:nth-of-type(9n+6) .block p,
.pb-people .item:nth-of-type(9n+8) .block p {
	color: white;
}
.pb-people .item:nth-of-type(9n+1) .block span.linkedin,
.pb-people .item:nth-of-type(9n+6) .block span.linkedin,
.pb-people .item:nth-of-type(9n+8) .block span.linkedin {
	background: url("../images/icons-in-pale-blue.png") 0 0 / 100% auto;
}
.pb-people .item .block span.linkedin:hover,
.pb-people .item .block span.linkedin:hover,
.pb-people .item .block span.linkedin:hover {
	opacity: 0.8;
}
.pb-people .item .block span.email:hover,
.pb-people .item .block span.email:hover,
.pb-people .item .block span.email:hover {
	opacity: 0.8;
}
.pb-people .item:nth-of-type(9n+1) .block span.email,
.pb-people .item:nth-of-type(9n+6) .block span.email,
.pb-people .item:nth-of-type(9n+8) .block span.email {
	background: url("../images/icons-email-pale-blue.png") 0 0 / 100% auto;
}
.pb-people .item:nth-of-type(9n+1) .block span.pipe,
.pb-people .item:nth-of-type(9n+6) .block span.pipe,
.pb-people .item:nth-of-type(9n+8) .block span.pipe {
	background: url("../images/icons-pipe-pale-blue.png") 0 0 / 100% auto;
}
.pb-people .item:nth-of-type(9n+2) .block,
.pb-people .item:nth-of-type(9n+4) .block,
.pb-people .item:nth-of-type(9n+9) .block {
	background: #B6E2E2;
	color: #004A67;
}
.pb-people .item:nth-of-type(9n+2) .block h2,
.pb-people .item:nth-of-type(9n+4) .block h2,
.pb-people .item:nth-of-type(9n+9) .block h2 {
	color: #D75900;
}
.pb-people .item:nth-of-type(9n+2) .block p,
.pb-people .item:nth-of-type(9n+4) .block p,
.pb-people .item:nth-of-type(9n+9) .block p {
	color: #004A67;
}
.pb-people .item:nth-of-type(9n+2) .block span.linkedin,
.pb-people .item:nth-of-type(9n+4) .block span.linkedin,
.pb-people .item:nth-of-type(9n+9) .block span.linkedin {
	background: url("../images/icons-in-dark-blue.png") 0 0 / 100% auto;
}
.pb-people .item:nth-of-type(9n+2) .block span.email,
.pb-people .item:nth-of-type(9n+4) .block span.email,
.pb-people .item:nth-of-type(9n+9) .block span.email {
	background: url("../images/icons-email-dark-blue.png") 0 0 / 100% auto;
}
.pb-people .item:nth-of-type(9n+2) .block span.pipe,
.pb-people .item:nth-of-type(9n+4) .block span.pipe,
.pb-people .item:nth-of-type(9n+9) .block span.pipe {
	background: url("../images/icons-pipe-dark-blue.png") 0 0 / 100% auto;
}
.pb-people .item:nth-of-type(9n+3) .block,
.pb-people .item:nth-of-type(9n+5) .block,
.pb-people .item:nth-of-type(9n+7) .block {
	background: #D75900;
	color: #B6E2E2;
}
.pb-people .item:nth-of-type(9n+3) .block h2,
.pb-people .item:nth-of-type(9n+5) .block h2,
.pb-people .item:nth-of-type(9n+7) .block h2 {
	color: white;
}
.pb-people .item:nth-of-type(9n+3) .block p,
.pb-people .item:nth-of-type(9n+5) .block p,
.pb-people .item:nth-of-type(9n+7) .block p {
	color: #004A67;
}
.pb-people .item:nth-of-type(9n+3) .block span.linkedin,
.pb-people .item:nth-of-type(9n+5) .block span.linkedin,
.pb-people .item:nth-of-type(9n+7) .block span.linkedin {
	background: url("../images/icons-in-white.png") 0 0 / 100% auto;
}
.pb-people .item:nth-of-type(9n+3) .block span.email,
.pb-people .item:nth-of-type(9n+5) .block span.email,
.pb-people .item:nth-of-type(9n+7) .block span.email {
	background: url("../images/icons-email-white.png") 0 0 / 100% auto;
}
.pb-people .item:nth-of-type(9n+3) .block span.pipe,
.pb-people .item:nth-of-type(9n+5) .block span.pipe,
.pb-people .item:nth-of-type(9n+7) .block span.pipe {
	background: url("../images/icons-email-white.png") 0 0 / 100% auto;
}
.pb-people .item .block p {
	float: left;
	padding-left: 20px;
	text-transform: uppercase;
	font-size: 15px;
	padding-right: 0;
	width: 225px;
	line-height: 1.25;
	font-family: 'gotham_bookregular';
	font-weight: normal;
}
.pb-people .item .block span.linkedin {
	width: 30px;
	height: 30px;
	float: right;
	position: relative;
}
.pb-people .item .block span.email {
	width: 44px;
	height: 30px;
	float: right;
	position: relative;
}
.pb-people button.alm-load-more-btn.more {
	width: 300px;
	height: 60px;
	line-height: 60px;
	background: #D75900;
	text-transform: uppercase;
	font-size: 18px;
	font-family: 'gotham_bookregular';
	font-weight: normal;
	border-radius: 0;
}
.pb-people button.alm-load-more-btn.loading {
	background-color:transparent ! important;
	display: inline-block ! important;
}
.pb-people button.alm-load-more-btn.loading:before {
	background:white url(https://www.protectcommercial.co.uk/wp-content/plugins/ajax-load-more/core/img/ajax-loader.gif) no-repeat center center;
	width:30px;
	height:30px;
	margin:10px;
	border-radius:5px;
	display:inline-block;
	left:auto;
	right: 15px;
	top:5px;
}
.pb-content h1 {
	color: #D75900;
	font-size: 66px;
	text-align: left;
	padding: 85px 0 36px;
}
.pb-values {
	height: 605px;
	width: 100%;
	float: left;
	background: #004A67;
}
.pb-values h2 {
	font-size: 83px;
	text-align: left;
	margin: 56px 0 36px;
	color: #00BBC2;
	float: left;
	border-right: 4px solid #00BBC2;
	height: 70px;
	line-height: 70px;
	padding:0 90px 0 0;
}
.pb-values p.intro {
	float: right;
	color: #00BBC2;
	width: 600px;
	padding: 60px 65px 0 0;
}
.pb-values .pb-values-slides {
	width: 1300px;
	height: 350px;
	overflow: hidden;
	margin-top: 28px;
	float: left;
	padding: 0 50px;
	margin-left: -50px;
}
.pb-values .pb-values-slides img {
	height: auto;
}
.pb-values-slides-mob {
	display: none;
}
.pb-values .owl-nav {
	position: absolute;
	top: 155px;
	left: 0;
	width: 100%;
	margin: 0;
	height: 50px;
}
.pb-values .owl-nav button.owl-prev {
	float: left;
	background: white;
	width: 25px;
	height: 50px;
	padding: 0;
	margin: 0;
	border-radius: 0;
	background: url("../images/about-value-slide-arrow-left.png") 0 0 / 200% auto;
}
.pb-values .owl-nav button.owl-prev:hover {
	background-position: 100% 0;
}
.pb-values .owl-nav button.owl-prev span {
	display: none;
}
.pb-values .owl-nav button.owl-next {
	float: right;
	background: white;
	width: 25px;
	height: 50px;
	padding: 0;
	margin: 0;
	border-radius: 0;
	background: url("../images/about-value-slide-arrow-right.png") 100% 0 / 200% auto;
}
.pb-values .owl-nav button.owl-next:hover {
	background-position: 0 0;
}
.pb-values .owl-nav button.owl-next span {
	display: none;
}
.pb-timeline {
	height: 640px;
	float: left;
	width: 100%;
	background: #00BBC2;
	overflow: hidden;
}
.pb-timeline h2 {
	font-size: 66px;
	text-align: left;
	padding: 77px 0 36px;
	color: #004A67;
}
.pb-timeline img {
	height: 179px;
	width: auto;
	float: left;
	margin-top: 19px;
}
.pb-timeline .third {
	float: left;
	width: 455px;
}
.pb-timeline .third:nth-of-type(3) {
	width: 390px;
}
.pb-timeline .third h3 {
	font-size: 62px;
	color: #004A67;
	padding-top: 15px;
}
.pb-timeline .third p {
	font-size: 18px;
	color: white;
	padding-right: 60px;
	padding-top: 10px;
}
.pb-timeline .third:nth-of-type(3) p {
	padding-right: 0px;
}
.pb-rebrand {
	height: 760px;
	width: 100%;
	float: left;
}
.pb-rebrand h2 {
	font-size: 66px;
	text-align: left;
	padding: 85px 0 46px;
	color: #D75900;
}
.pb-rebrand p.ffont {
	font-size: 48px;
	color: #777;
	line-height: 1.2;
}
.pb-rebrand p {
	color: #777;
	float: left;
	line-height: 60px;
	font-family: 'gotham_mediumregular';
}
.pb-rebrand .button {
	float: right;
}
.pb-rebrand .quote {
	position: absolute;
	top: 70px;
	right: 50px;
	width: 242px;
	height: 205px;
	background: url("../images/about-us-speech-mark.png") 0 0 / 100% auto;
	z-index: -1;
}
.pb-content.contact h1 {
	padding: 85px 0 58px;
}
.pb-content.contact .left.contact,
.pb-content.contact .middle.contact,
.pb-content.contact .right.contact {
	float: left;
	font-size: 18px;
	margin-bottom: 44px;
}
.pb-content.contact .left.contact h3,
.pb-content.contact .middle.contact h3,
.pb-content.contact .right.contact h3 {
	color: #00BBC2;
	font-size: 22px;
	font-family: 'gotham_mediumregular';
	text-transform: uppercase;
	padding-bottom: 25px;
}
.pb-content.contact .left.contact p,
.pb-content.contact .middle.contact p,
.pb-content.contact .right.contact p {
	font-size: 22px;
	line-height: 1.275;
	margin-bottom: 28px;
}
.pb-content.contact .left.contact {
	width: 650px;
}
.pb-content.contact .middle.contact {
	width: 350px;
}
.pb-content.contact .right.contact {
	width: 300px;
}
.pb-form {
	width: 100%;
	float: left;
	height: 1250px;
	background: #004A67;
	color: white;
}
.page-id-234 .pb-form {
	background: #00BBC2;
}
.pb-form h2 {
	color: white;
	font-size: 66px;
	text-align: left;
	padding: 85px 0 66px;
}
.pb-form .left {
	float: left;
	width: 625px;
}
.pb-form p {
	margin-bottom: 18px;
}
.pb-form label {
	font-size: 18px;
	font-family: 'gotham_bookregular';
	color: white;
}
.pb-form input[type="text"],
.pb-form input[type="email"],
.pb-form input[type="tel"],
.pb-form input[type="file"] {
	padding: 0 15px;
	margin: 0;
	border: 0px;
	width: 595px;
	height: 50px;
	font-family: 'gotham_bookregular';
	color: #494949;
	font-size: 18px;
	margin-top: 5px;
}
.pb-form input[type="file"] {
	background: white;
	line-height: 50px;
}
.pb-form .right {
	float: right;
	width: 625px;
}
.pb-form textarea {
	padding: 12px 15px;
	margin: 0;
	border: 0px;
	width: 595px;
	height: 216px;
	font-family: 'gotham_bookregular';
	color: #494949;
	font-size: 18px;
	margin-top: 5px;
}
.page-id-2712 .pb-form textarea {
	height: 143px;
}
.page-id-234 .pb-form .wpcf7-form .button:hover {
	background: #D75900;
}
.pb-form div.wpcf7-validation-errors {
	display: none !important;
}
.pb-form span.wpcf7-not-valid-tip {
	display: none;
}
.pb-form input.wpcf7-not-valid {
	background: #B6E2E2;
}
.pb-form .ajax-loader {
	display: none;
}
.pb-form div.wpcf7-mail-sent-ok {
	border: 0px;
	float: right;
	width: 650px;
	padding: 0;
	margin: 0;
	line-height: 100px;
	text-transform: uppercase;
	font-size: 18px;
	text-align: center;
}
.pb-map {
	width: 100%;
	height: 700px;
	float: left;
}
.pb-map iframe {
	width: 100%;
	height: 700px;
}
.page-template-template-form-v2 .pb-form h2 {
	color: #B6E2E2;
	padding-bottom: 25px;
}
.page-template-template-form-v2 .pb-form span.title {
	font-size: 28px;
	font-family: 'gotham_lightregular';
	margin-bottom: 35px;
	float: left;
	width: 100%;
}
.page-template-template-form-v2 .pb-form p {
	float: left;
	width: 100%;
}
.page-template-template-form-v2 .pb-form p {
	margin-bottom: 22px;
}
.page-template-template-form-v2 .pb-form input[type="text"],
.page-template-template-form-v2 .pb-form input[type="email"],
.page-template-template-form-v2 .pb-form input[type="tel"] {
	width: 100%;
}
.page-template-template-form-v2 .pb-form .base-text {
	color: white;
	font-family: 'gotham_lightregular';
	margin-top: 40px;
	margin-bottom: 40px;
}
.page-template-template-form-v2 .pb-form .base-text strong {
	font-family: 'gotham_mediumregular';
}
.page-template-template-form-v2 .pb-form .clsFormCheckboxes {
	float: left;
	width: 100%;
	margin-top: 24px;
	height: 174px;
}
.page-template-template-form-v2 .pb-form .clsFormCheckboxes .clsFormCheckbox {
	float: left;
	width: 50%;
}
.page-template-template-form-v2 .pb-form .clsFormCheckboxes .clsFormCheckbox label {
	color: #B6E2E2;
	font-size: 18px;
	font-family: 'gotham_lightregular';
	margin-bottom: 10px;
	float: left;
	width: 100%;
}
.page-template-template-form-v2 .pb-form .clsFormCheckboxes .clsFormCheckbox .clsCheckbox {
	clear: left;
	float: left;
	width: 70%;
	color: white;
	font-size: 18px;
	font-family: 'gotham_lightregular';
	font-size: 14px;
	padding-right: 70px;
}
.page-template-template-form-v2 .pb-form .clsFormCheckboxes .clsFormCheckbox .clsCheckbox.full {
	width: 100%;
}
.page-template-template-form-v2 .pb-form .clsFormCheckboxes .clsFormCheckbox .clsCheckbox input {
	margin: 0;
}
.page-template-template-form-v2 .pb-form .wpcf7-form .button input:hover {
	background: #00bbc2;
}
.page-template-template-tob .pb-content h1 {
	padding-bottom: 38px;
}
.page-template-template-tob .pb-content h1,
.page-template-template-tob .pb-content p {
	text-align: center;
}
.page-template-template-tob-confirmation .pb-content {
	text-align: center;
}
.page-template-template-tob-confirmation .pb-content .clsFirstImage {
	width: 205px;
	height: 205px;
	border-radius: 100px;
	overflow: hidden;
	margin: 0 auto 25px;
	background: url("../images/pci-success-page-image.png") no-repeat 0 0 / 100% auto;
}
.page-template-template-tob-confirmation .pb-content .buttons {
	margin: 40px auto 120px;
	width: 665px;
}
.page-template-template-tob-confirmation .pb-content .buttons .button {
	width: 300px;
	font-family: 'gotham_mediumregular';
}
.page-template-template-tob-confirmation .pb-content .buttons .button.navy {
	margin-right: 65px;
}
.page-template-template-tob-confirmation .pb-content .buttons .button.navy:hover {
	background: #D75900;
}
.page-template-template-form-v2 .pb-form input.requiredValidation {
	background: #B6E2E2;
}
.pb-nav-below {
	float: right;
}
.pb-nav-below {
	margin-top: 8px;
	margin-bottom: 70px;
}
.pb-nav-below.category {
	width: 100%;
	float: left;
	margin-top: 50px;
}
.pb-nav-below .nav-next,
.pb-nav-below .nav-menu,
.pb-nav-below .nav-previous {
	float: right;
	text-transform: uppercase;
	font-size: 18px;
	color: #004A67;
	font-family: 'gotham_mediumregular';
}
.pb-nav-below .pipe {
	padding: 0 14px;
}
.single .entry-content .left .pb-quote {
	border-left: 2px dotted #AAAAAA;
	height: 165px;
}
.single .entry-content .left .pb-quote .item {
	border-right: 2px dotted #AAAAAA;
	height: 44px;
	float: left;
	padding: 0 40px;
	width: 100px;
	text-align: center;
	color: #D75900;
	font-size: 20px;
	text-transform: uppercase;
	font-family: 'gotham_mediumregular';
	line-height: 1.2;
	padding-top: 121px;
	position: relative;
	margin-bottom: 30px;
}
.single .entry-content .left .pb-quote .item:hover {
	color: #00BBC2;
}
.single .entry-content .left .pb-quote .item.disabled {
	color: #AAAAAA;
}
.single .entry-content .left .pb-quote .item.refer {
	background: url("../images/refer_a_client_on.png") no-repeat 40px 0 / 100px 95px;
}
.single .entry-content .left .pb-quote .item.request {
	background: url("../images/request_quote_on.png") no-repeat 40px 0 / 100px 95px;
}
.single .entry-content .left .pb-quote .item.online {
	background: url("../images/quote_online_on.png") no-repeat 40px 0 / 100px 95px;
}
.single .entry-content .left .pb-quote .item.online.disabled {
	background: url("../images/quote_online_off.png") no-repeat 40px 0 / 100px 95px;
}
.single .entry-content .left .pb-quote .item.refer.disabled {
	background: url("../images/refer_a_client_off.png") no-repeat 40px 0 / 100px 95px;
}
.single .entry-content .left .pb-quote .item.request.disabled {
	background: url("../images/request_quote_off.png") no-repeat 40px 0 / 100px 95px;
}
.form .pb-form {
	background: #004A67;
	height: auto;
	padding-bottom: 100px;
}
.page-id-212 .form .pb-form {
	padding-bottom: 30px;
}
.page-id-212 .pb-form .wpcf7 form.invalid .wpcf7-response-output,
.page-id-212 .pb-form .wpcf7 form.unaccepted .wpcf7-response-output {
	border: 0px;
	position: relative;
	float: right;
	padding: 0;
	margin: 35px 0;
	font-size: 16px;
	text-align: center;
	width: 625px;
}
.page-id-212 .pb-form .wpcf7 form.sent .wpcf7-response-output {
	border: 0px;
	float: right;
	font-size: 16px;
	padding: 0;
	margin: 35px 0;
	text-align: center;
	width: 625px;
}
.form .pb-form .wpcf7-form .button {
	background: #D75900;
}
.page-id-212 .form .pb-form .wpcf7-form .button {
	margin-top: 28px;
}
.form .pb-form .wpcf7-form .button:hover {
	background: #00BBC2;
}
.form .pb-form select {
	-webkit-appearance: none;
	border: 0px;
	margin: 5px 0 0 0;
	padding: 0 44px 0 15px;
	height: 50px;
	width: 625px;
	background: white url(../images/form-up-down-seletor.png) no-repeat 595px 8px / 18px 34px;
	text-align: left;
	display: block;
	font-family: 'gotham_bookregular';
	font-size: 18px;
	color: #004A67;
	border-radius: 0;
}
.form .pb-form a {
	color: #B6E2E2;
}
.form .pb-form a:hover {
	color: white;
}
.form .pb-form .bottom {
	margin-top: 35px;
	float: left;
	width: 625px
}
.form .pb-form .bottom label {
	float: left;
	width: 50%;
	font-size: 17px;
	color: #B6E2E2;
}
.form .pb-form .bottom br {
	display: none;
}
.form .pb-form .wpcf7-list-item {
	margin: 0;
}
.form .pb-form .wpcf7-list-item input {
	margin: 0;
	padding-bottom: 100px;
	float: left;
	margin-bottom: 100px;
	margin-top: 25px;
}
.form .pb-form .wpcf7-list-item span.wpcf7-list-item-label {
	font-size: 14px;
	padding-right: 52px;
	float: left;
	clear: none;
	width: 200px;
	padding-left: 10px;
	padding-top: 20px;
	color: white;
}
.form .pb-form .bottom label:nth-of-type(2) span.wpcf7-list-item-label {
	padding-right: 0;
	width: 275px;
}
.form .pb-form .bottom label span.wpcf7-list-item label {
	width: 100%;
}
.pb-tiles h2 {
	font-size: 88px;
	text-align: center;
	color: #004A67;
	padding-top: 82px;
	padding-bottom: 52px;
}
.pb-tiles .tiles {
	margin-bottom: 75px;
	float: left;
}
.pb-tiles .tiles .left {
	float: left;
	width: 650px;
}
.pb-tiles .tiles .right {
	float: left;
	width: 650px;
}
.pb-tiles .tiles .tile {
	width: 325px;
	height: 250px;
	float: left;
	background: white;
	position: relative;
}
.pb-tiles .tiles .tile .icon {
	width: 180px;
	height: 130PX;
	margin: 25px auto 8px;
}
.pb-tiles .tiles .tile .icon.buy-to-let {
	background: url("../images/Buy To Let Icon.png") 0 0 / auto 100%;
}
.pb-tiles .tiles .tile .icon.cyber {
	background: url("../images/Shops & Salons Insurance.png") 0 0 / auto 100%;
}
.pb-tiles .tiles .tile .icon.office {
	background: url("../images/Office Insurance Icon.png") 0 0 / auto 100%;
}
.pb-tiles .tiles .tile .icon.trade {
	background: url("../images/icon-tradesmen-professionals.png") 0 0 / auto 100%;
}
.pb-tiles .tiles .tile .icon.surgery {
	background: url("../images/icon-surgery-insurance.png") 0 0 / auto 100%;
}
.pb-tiles .tiles .tile .icon.manufacturer {
	background: url("../images/icon-manufacture-wholesale.png") 0 0 / auto 100%;
}
.pb-tiles .tiles .tile .icon.commercial {
	background: url("../images/Commercial Let Icon.png") 0 0 / auto 100%;
}
.pb-tiles .tiles .tile .icon.household {
	background: url("../images/Rent Gurantee & Home Emergency Insurance.png") 0 0 / auto 100%;
}
.pb-tiles .tiles .tile .icon.indemnity {
	background: url("../images/Tradesman & Professionals Icon.png") 0 0 / auto 100%;
}
.pb-tiles .tiles .tile .icon.retail {
	background: url("../images/icon-retail.png") 0 0 / auto 100%;
}
.pb-tiles .tiles .tile .icon.logo {
	background: url("../images/logo-footer.png") no-repeat 0 0 / 100% auto;
	margin-top: 96px
}
.pb-tiles .tiles .tile .icon.pubs {
	background: url("../images/icon-pubs-hotel.png") 0 0 / auto 100%;
}
.pb-tiles .tiles .tile p {
	text-align: center;
	font-size: 22px;
	font-family: 'gotham_boldregular';
	text-transform: uppercase;
	line-height: 1.25;
	position: absolute;
	left: 0;
	right: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.pb-tiles .tiles .tile p.active {
	opacity: 1.0
}
.pb-tiles .tiles .tile:hover p.active {
	opacity: 0.0
}
.pb-tiles .tiles .tile p.hidden {
	opacity: 0.0
}
.pb-tiles .tiles .tile:hover p.hidden {
	opacity: 1.0
}
.pb-tiles .tiles .tile.navy p,
.pb-tiles .tiles .tile.blue p {
	color: #D75900;
}
.pb-tiles .tiles .tile.blue p.white {
	color: white;
}
.pb-tiles .tiles .tile.orange p {
	color: white;
}
.pb-tiles .tiles .tile.white p {
	color: #004A67;
}
.pb-tiles .tiles .tile.white p.orange {
	color: #D75900;
}
.pb-tiles .tiles .tile.white:hover p.orange {
	color: #D75900;
}
.pb-tiles .tiles .tile.grey p {
	color: white;
}
.pb-tiles .tiles .tile.orange {
	background: #D75900
}
.pb-tiles .tiles .tile.navy {
	background: #004A67
}
.pb-tiles .tiles .tile.blue {
	background: #B6E2E2
}
.pb-tiles .tiles .tile.grey {
	background: #AAAAAA
}
.pb-tiles .tiles .tile.wide {
	width: 650px;
}
.pb-tiles .button {
	margin: 0 500px 115px;
}
.why .pb-video {
	width: 100%;
	height: 705px;
	margin-bottom: 80px;
	float:left;
	position: relative;
}
.why .pb-video img {
	width: 100%;
	height: auto;
}
.why .pb-video span.play {
	background: url("../images/the-why-video-play-button.png") 0 0 / 200% auto;
	width: 150px;
	height: 150px;
	left: 575px;
	right: 575px;
	top: 277px;
	bottom: auto;
	position: absolute;
}
.why .pb-video:hover span.play {
	background-position: 100% 0;
}
.why .pb-values {
	background: #D75900;
	height: auto;
	padding-bottom: 70px;
}
.why .pb-values h2 {
	font-size: 92px;
	text-align: left;
	margin: 78px 0 23px;
	color: white;
	float: left;
	border-right: 0;
	height: auto;
	line-height: 1;
	padding: 0;
	text-align: left;
	width: 100%;
}
.why .pb-values p.title {
	float: left;
	width: 100%;
	text-transform: uppercase;
	font-family: 'gotham_mediumregular';
	font-size: 27px;
	text-align: center;
	margin-bottom: 72px;
}
.why .pb-stats {
	float: left;
	width: 100%;
	height: 270px;
	background: url("../images/the-why-circles-bar-unpopulated.png") 0 0 / 100% auto;
}
.why .pb-stats .item {
	width: 270px;
	height: 270px;
	float: left;
	margin: 0;
	color: white;
	line-height: 240px;
	text-align: center;
	font-size: 70px;
	font-family: 'gotham_boldregular';
	margin-right: 73.33333333px;
	position: relative;
}
.why .pb-stats .item:nth-of-type(4) {
	margin-right: 0;
}
.why .pb-stats .item p {
	position: absolute;
	width: 100%;
	text-align: center;
	color: #00BBC2;
	margin: 0;
	top: 160px;
	font-family: 'gotham_bookregular';
	font-size: 22px;
}
.why .pb-rebrand {
	height: auto;
	width: 100%;
	float: left;
	background: #004A67;
}
.why .pb-rebrand h2 {
	color: #00BBC2;
	padding: 85px 0 35px;
}
.why .pb-rebrand p.ffont {
	font-size: 44px;
	color: white;
	line-height: 1.2;
	position: absolute;
	z-index: 1;
	width: 1300px;
}
.why .pb-rebrand .quote {
	background: url("../images/the-why-speech-mark.png") 0 0 / 100% auto;
	z-index: 0;
}
.why .pb-rebrand .buttons {
	float: left;
	padding: 395px 0 100px;
}
.why .pb-rebrand .buttons .button {
	float: left;
}
.why .pb-rebrand .buttons .button.blue {
	float: left;
	margin-right: 30px;
	background: #00BBC2
}
.why .pb-rebrand .buttons .button.blue:hover,
.why .pb-rebrand .buttons .button.orange:hover {
	background: #B6E2E2;
	color: #004A67;
}
.resources .pb-faq h2 {
	font-size: 50px;
	padding-top: 65px;
	padding-bottom: 40px;
}
.resources .pb-faq {
	float: left;
	background: white;
	color: #D75900;
	width: 100%;
	scroll-margin-top: 100px;
}
.pb-faq .pb-questions {
	margin-bottom: 100px;
	float: left;
	width: 100%;
	border-bottom: 2px dotted #AAAAAA;
}
.downloads .pb-search {
	float: right;
	width: 520px;
	margin-top: 95px;
}
.downloads .pb-search ul {
	float: left;
	margin: 0;
}
.downloads .pb-search ul li {
	float: left;
	padding: 0;
}
.downloads .pb-search ul li.sf-field-search {
	width: 370px;
}
.downloads .pb-search ul li.sf-field-search label input {
	border: 0px;
	padding: 0px 15px;
	height: 50px;
	background: #B6E2E2;
	width: 340px;
	font-family: 'gotham_mediumregular';
	text-transform: uppercase;
	font-size: 17px;
	color: #004A67;
}
.downloads .pb-search ul li.sf-field-search input::placeholder {
	color: #004A67;
}
.downloads .pb-search ul li.sf-fields-submit {
	width: 150px;
}
.downloads .pb-search ul li.sf-field-submit input {
	width: 150px;
	background: #D75900;
	border-radius: 0;
	border: 0;
	color: white;
	font-family: 'gotham_mediumregular';
	text-transform: uppercase;
	font-size: 17px;
	height: 50px;
}
.downloads .pb-search ul li.sf-field-submit input:hover {
	background: #004A67;
}
.pb-red-bar {
	width: 100%;
	float: left;
	height: 50px;
	background: #252525;
	color: #ccae76;
	position: relative;
	text-align: center;
	line-height: 50px;
	text-transform: uppercase;
	font-family: 'gotham_boldregular';
	font-size: 20px;
}
.pb-red-bar:hover {
	color: white;
}
.pb-corona {
	width: 100%;
	height: auto;
	background: #D75900;
	margin-top: 110px;
	float: left;
}
.pb-corona .right a {
	float: right;
	color: white;
}
.pb-corona .right a:hover {
	color: #004A67;
}
.pb-corona h2 {
	font-family: 'gotham_boldregular';
	font-size: 20px;
	color: #fff;
	padding: 25px 0 25px;
}
.pb-corona p {
	color: white;
	font-size: 12px;
	margin-bottom: 1.2em;
}
.pb-corona a:hover {
	color: white;
}
.pb-corona ul {
	margin: 10px 0 0 12px;
	color: white;
	font-size: 14px;
	font-family: 'gotham_bookregular';
}

@media only screen 
and (min-width : 621px)
and (max-width : 1400px) {
	.pb-split section.right .content .wrapper {
		width: 46.4285714285714vw;
		padding: 0 3.57142857142857vw 0 0;
	}
	.pb-split section.left .content .wrapper {
		width: 46.4285714285714vw;
		padding: 0 0 0 3.57142857142857vw;
	}
	.pb-split section .content h2 {
		font-size: 6.42857142857143vw;
		padding-top: 3.57142857142857vw;
	}
	.pb-split section.right p {
		padding-left: 3.57142857142857vw;
	}
	.pb-split section p {
		font-size: 1.42857142857143vw;
		padding-top: 1.78571428571429vw;
		padding-bottom: 3.71428571428571vw;
	}
	.pb-split section .button {
		line-height: 4.28571428571429vw;
		font-size: 1.28571428571429vw;
	}
	.pb-tiles h2 {
		font-size: 6.28571428571429vw;
		padding-top: 5.85714285714286vw;
		padding-bottom: 3.71428571428571vw;
	}
	.pb-tiles .tiles {
		margin-bottom: 5.35714285714286vw;
	}
	.pb-tiles .tiles .left {
		width: 50%;
	}
	.pb-tiles .tiles .right {
		width: 50%;
	}
	.pb-tiles .tiles .tile {
		width: 23.2142857142857vw;
		height: 17.8571428571429vw;
	}
	.pb-tiles .tiles .tile.wide {
		width: 46.4285714285714vw;
	}
	.pb-tiles .tiles .tile .icon {
		width: 12.8571428571429vw;
		height: 9.28571428571429vw;
		margin: 1.78571428571429vw auto 0.571428571428571vw;
	}
	.pb-tiles .tiles .tile p {
		font-size: 1.57142857142857vw;
	}
	.pb-tiles .button {
		margin: 0 35.7142857142857vw 8.21428571428571vw;
	}
	.pb-people h1 {
		font-size: 4.71428571428571vw;
		padding: 6.07142857142857vw 0 3.64285714285714vw;
	}
	.pb-people .item {
		width: 28.5714285714286vw;
		height: 32.8571428571429vw;
		margin: 0 0px 3.57142857142857vw 0;
	}
	.pb-people .item:nth-of-type(3n+2) {
		margin: 0 3.57142857142857vw 3.57142857142857vw;
	}
	.pb-people .item .block {
		width: 28.5714285714286vw;
		height: 7.85714285714286vw;
	}
	.pb-people .item .block h2 {
		padding-left: 1.42857142857143vw;
		font-size: 2vw;
		padding-top: 0.857142857142857vw;
	}
	.pb-people .item .block p {
		padding-left: 1.42857142857143vw;
		font-size: 1.07142857142857vw;
		width: 16.0714285714286vw;
	}
	.pb-people .item .block .contact {
		padding-right: 2.14285714285714vw;
		margin-top: 0.357142857142857vw;
	}
	.pb-people .item .block span.email {
		width: 3.14285714285714vw;
		height: 2.14285714285714vw;
	}
	.pb-people .item .block .contact .pipe {
		margin: 0 1.71428571428571vw 0 1.35714285714286vw;
		width: 0.142857142857143vw;
		height: 2.14285714285714vw;
	}
	.pb-people .item .block span.linkedin {
		width: 2.14285714285714vw;
		height: 2.14285714285714vw;
	}
	.pb-people {
		margin-bottom: 7.85714285714286vw;
	}
	.pb-content h1 {
		font-size: 4.71428571428571vw;
		padding: 6.07142857142857vw 0 2.57142857142857vw;
	}
	.why .pb-video {
		height: 50.3571428571429vw;
		margin-bottom: 5.71428571428571vw;
	}
	.why .pb-video span.play {
		width: 10.7142857142857vw;
		height: 10.7142857142857vw;
		left: 41.0714285714286vw;
		right: 41.0714285714286vw;
		top: 19.7857142857143vw;
	}
	.why .pb-values {
		padding-bottom: 5vw;
	}
	.why .pb-values h2 {
		font-size: 6.5vw;
		margin: 5.57142857142857vw 0 1.64285714285714vw;
		height: 5vw;
		line-height: 5vw;
	}
	.why .pb-values p.title {
		font-size: 1.92857142857143vw;
		margin-bottom: 5.14285714285714vw;
	}
	.why .pb-stats {
		height: 19.2857142857143vw;
	}
	.why .pb-stats .item {
		width: 19.2857142857143vw;
		height: 19.2857142857143vw;
		line-height: 17.1428571428571vw;
		font-size: 5vw;
		margin-right: 5.23809523807143vw;
	}
	.why .pb-stats .item p {
		top: 11.4285714285714vw;
		font-size: 1.57142857142857vw;
	}
	.why .pb-rebrand h2 {
		padding: 6.07142857142857vw 0 2.5vw;
	}
	.pb-rebrand h2 {
		font-size: 4.71428571428571vw;
		padding: 6.07142857142857vw 0 3.28571428571429vw;
	}
	.pb-rebrand .quote {
		top: 5vw;
		right: 3.57142857142857vw;
		width: 17.2857142857143vw;
		height: 14.6428571428571vw;
	}
	.why .pb-rebrand p.ffont {
		font-size: 3.14285714285714vw;
		width: 92.8571428571429vw;
	}
	.why .pb-rebrand .buttons {
		padding: 28.2142857142857vw 0 7.14285714285714vw;
	}
	.why .pb-rebrand .buttons .button.blue {
		margin-right: 2.14285714285714vw;
	}
	.resources .pb-faq h2 {
		font-size: 3.57142857142857vw;
		padding-top: 4.64285714285714vw;
		padding-bottom: 2.85714285714286vw;
	}
	.pb-faq .pb-questions {
		margin-bottom: 7.14285714285714vw;
		border-bottom: 0.142857142857143vw dotted #AAAAAA;
	}
	.pb-values {
		height: 43.2142857142857vw;
	}
	.pb-values h2 {
		font-size: 5.92857142857143vw;
		margin: 4vw 0 2.57142857142857vw;
		border-right: 0.285714285714286vw solid #00BBC2;
		height: 5vw;
		line-height: 5vw;
		padding: 0 6.42857142857143vw 0 0;
	}
	.pb-values p.intro {
		width: 42.8571428571429vw;
		padding: 4.28571428571429vw 4.64285714285714vw 0 0;
	}
	.pb-values .pb-values-slides {
		width: 92.8571428571429vw;
		height: 25vw;
		margin-top: 2vw;
		padding: 0 3.57142857142857vw;
		margin-left: -3.57142857142857vw;
	}
	.pb-values .owl-nav {
		top: 11.0714285714286vw;
		height: 3.57142857142857vw;
	}
	.pb-values .owl-nav button.owl-prev {
		width: 1.78571428571429vw;
		height: 3.57142857142857vw;
	}
	.pb-values .owl-nav button.owl-next {
		width: 1.78571428571429vw;
		height: 3.57142857142857vw;
	}
	.pb-timeline {
		height: 45.7142857142857vw;
	}
	.pb-timeline h2 {
		font-size: 4.71428571428571vw;
		padding: 5.5vw 0 2.57142857142857vw;
	}
	.pb-timeline img {
		height: 12.7857142857143vw;
		margin-top: 1.35714285714286vw;
	}
	.pb-timeline .third {
		width: 32.5vw;
	}
	.pb-timeline .third:nth-of-type(3) {
		width: 27.8571428571429vw;
	}
	.pb-timeline .third h3 {
		font-size: 4.42857142857143vw;
		padding-top: 1.07142857142857vw;
	}
	.pb-timeline .third p {
		font-size: 1.28571428571429vw;
		padding-right: 4.28571428571429vw;
		padding-top: 0.714285714285714vw;
	}
	.pb-rebrand {
		height: 54.2857142857143vw;
	}
	.pb-rebrand p.ffont {
		font-size: 3.42857142857143vw;
	}
	.pb-rebrand p {
		line-height: 4.28571428571429vw;
	}
	.pb-people button.alm-load-more-btn.more {
		width: 21.4285714285714vw;
		height: 4.28571428571429vw;
		line-height: 4.28571428571429vw;
		font-size: 1.28571428571429vw;
	}
	.pb-people button.alm-load-more-btn.loading:before {
		width:2.14285714285714vw;
		height:2.14285714285714vw;
		margin:0.714285714285714vw;
		border-radius:0.357142857142857vw;
		right: 1.07142857142857vw;
		top:0.357142857142857vw;
	}
	.page-id-212 .form .pb-form {
		padding-bottom: 2.14285714285714vw;
	}
	.pb-form h2 {
		font-size: 4.71428571428571vw;
		padding: 6.07142857142857vw 0 4.71428571428571vw;
	}
	.pb-form .left {
		width: 44.6428571428571vw;
	}
	.pb-form .right {
		width: 44.6428571428571vw;
	}
	.form .pb-form .bottom {
		margin-top: 2.5vw;
		width: 44.6428571428571vw;
	}
	.pb-form p {
		margin-bottom: 1.28571428571429vw;
	}
	.pb-form label {
		font-size: 1.28571428571429vw;
	}
	.pb-form input[type="text"],
	.pb-form input[type="email"],
	.pb-form input[type="tel"],
	.pb-form input[type="file"] {
		padding: 0 1.07142857142857vw;
		width: 42.5vw;
		height: 3.57142857142857vw;
		font-size: 1.28571428571429vw;
		margin-top: 0.357142857142857vw;
	}
	.pb-form input[type="file"] {
		line-height: 3.57142857142857vw;
	}
	.form .pb-form .bottom label {
		font-size: 1.21428571428571vw;
	}
	.form .pb-form .wpcf7-list-item span.wpcf7-list-item-label {
		font-size: 1vw;
		padding-right: 3.71428571428571vw;
		width: 14.2857142857143vw;
		padding-left: 0.714285714285714vw;
		padding-top: 1.42857142857143vw;
	}
	.form .pb-form .bottom label:nth-of-type(2) span.wpcf7-list-item-label {
		width: 19.6428571428571vw;
	}
	.pb-form {
		height: 50vw;
	}
	.form .pb-form .wpcf7-list-item input {
		padding-bottom: 7.14285714285714vw;
		margin-bottom: 7.14285714285714vw;
		margin-top: 1.78571428571429vw;
	}
	.form .pb-form select {
		margin: 0.357142857142857vw 0 0 0;
		padding: 0 3.14285714285714vw 0 1.07142857142857vw;
		height: 3.57142857142857vw;
		width: 44.6428571428571vw;
		background: white url(../images/form-up-down-seletor.png) no-repeat 42.5vw 0.571428571428571vw / 1.28571428571429vw 2.42857142857143vw;
		font-size: 1.28571428571429vw;
	}
	.pb-form textarea {
		padding: 0.857142857142857vw 1.07142857142857vw;
		width: 42.5vw;
		height: 15.428571428571429vw;
		font-size: 1.28571428571429vw;
		margin-top: 0.357142857142857vw;
	}
	.page-id-2712 .pb-form textarea {
		height: 10.2142857142857vw;
	}
	.pb-content.contact h1 {
		padding: 6.07142857142857vw 0 4.14285714285714vw;
	}
	.pb-content.contact .left.contact {
		width: 46.4285714285714vw;
	}
	.pb-content.contact .middle.contact {
		width: 25vw;
	}
	.pb-content.contact .right.contact {
		width: 21.4285714285714vw;
	}
	.pb-content.contact .left.contact h3,
	.pb-content.contact .middle.contact h3,
	.pb-content.contact .right.contact h3 {
		font-size: 1.57142857142857vw;
		padding-bottom: 1.78571428571429vw;
	}
	.pb-content.contact .left.contact p,
	.pb-content.contact .middle.contact p,
	.pb-content.contact .right.contact p {
		font-size: 1.57142857142857vw;
		margin-bottom: 2vw;
	}
	.pb-form div.wpcf7-mail-sent-ok {
		width: 46.4285714285714vw;
		line-height: 7.14285714285714vw;
		font-size: 1.28571428571429vw;
	}
	.pb-map {
		height: 50vw;
	}
	.page-id-212 .form .pb-form .wpcf7-form .button {
		margin-top: 2vw;
	}
	.products .pb-split section .content h2 {
		font-size: 4.64285714285714vw;
		height: 12.5714285714286vw;
	}
	.products .pb-split section:nth-of-type(2n+1) .content p {
		padding-left: 4.28571428571429vw;
	}
	.pb-nav-below .nav-next,
	.pb-nav-below .nav-menu,
	.pb-nav-below .nav-previous {
		font-size: 1.28571428571429vw;
	}
	.pb-nav-below .pipe {
		padding: 0 1vw;
	}
	.single .entry-content .left .pb-quote {
		border-left: 0.142857142857143vw dotted #AAAAAA;
		height: 11.7857142857143vw;
	}
	.single .entry-content .left .pb-quote .item.refer {
		background: url("../images/refer_a_client_on.png") no-repeat 2.85714285714286vw 0 / 7.14285714285714vw 6.78571428571429vw;
	}
	.single .entry-content .left .pb-quote .item {
		border-right: 0.142857142857143vw dotted #AAAAAA;
		height: 3.14285714285714vw;
		padding: 0 2.85714285714286vw;
		width: 7.14285714285714vw;
		font-size: 1.42857142857143vw;
		padding-top: 8.64285714285714vw;
		margin-bottom: 2.14285714285714vw;
	}
	.single .entry-content .left .pb-quote .item.request {
		background: url("../images/request_quote_on.png") no-repeat 2.85714285714286vw 0 / 7.14285714285714vw 6.78571428571429vw;
	}
	.single .entry-content .left .pb-quote .item.online {
		background: url("../images/quote_online_on.png") no-repeat 2.85714285714286vw 0 / 7.14285714285714vw 6.78571428571429vw;
	}
	.single .entry-content .left .pb-quote .item.refer.disabled {
		background: url("../images/refer_a_client_off.png") no-repeat 2.85714285714286vw 0 / 7.14285714285714vw 6.78571428571429vw;
	}
	.single .entry-content .left .pb-quote .item.request.disabled {
		background: url("../images/request_quote_off.png") no-repeat 2.85714285714286vw 0 / 7.14285714285714vw 6.78571428571429vw;
	}
	.single .entry-content .left .pb-quote .item.online.disabled {
		background: url("../images/quote_online_off.png") no-repeat 2.85714285714286vw 0 / 7.14285714285714vw 6.78571428571429vw;
	}
	.pb-nav-below {
		margin-top: 0.571428571428571vw;
		margin-bottom: 5vw;
	}
	.products.blog .pb-split section:nth-of-type(2n+1) .content h2 {
		padding: 3.57142857142857vw 0 1.78571428571429vw 3.57142857142857vw;
	}
	.products.blog .pb-split section .content h2 {
		font-size: 3.92857142857143vw;
		height: 17.5vw;
	}
	.products.blog .pb-split section .content .entry-meta {
		font-size: 1.21428571428571vw;
	}
	.products.blog .pb-split section .content .button {
		margin-top: 3.57142857142857vw;
	}
	.products.blog .pb-split section:nth-of-type(2n) .content h2 {
		padding: 3.57142857142857vw 3.57142857142857vw 1.78571428571429vw 0px;
	}
	.products .pb-split section:nth-of-type(2n) .content p {
		padding-right: 4.28571428571429vw;
	}
	.pb-content.contact .left.contact,
	.pb-content.contact .middle.contact,
	.pb-content.contact .right.contact {
		font-size: 1.28571428571429vw;
		margin-bottom: 3.14285714285714vw;
	}
	.pb-corona {
		margin-top: 7.857142857142857vw;
	}
	.pb-corona h2 {
		font-size: 1.45vw;
		padding: 1.785714285714286vw 0 1.071428571428571vw;
	}
	.pb-corona p {
		font-size: 0.857142857142857vw;
	}
	.pb-corona ul {
		margin: 0.714285714285714vw 0 0 0.857142857142857vw;
		font-size: 1vw;
	}
	.pb-red-bar {
		height: 3.57142857142857vw;
		background: #252525;
		line-height: 3.57142857142857vw;
		font-size: 1.42857142857143vw;
	}
	.page-id-212 .pb-form .wpcf7 form.invalid .wpcf7-response-output,
	.page-id-212 .pb-form .wpcf7 form.unaccepted .wpcf7-response-output {
		margin: 2.5vw 0;
		font-size: 1.14285714285714vw;
		width: 44.6428571428571vw;
	}
	.page-id-212 .pb-form .wpcf7 form.sent .wpcf7-response-output {
		font-size: 1.14285714285714vw;
		margin: 2.5vw 0;
		width: 44.6428571428571vw;
	}
	.downloads .pb-search {
		width: 37.1428571428571vw;
		margin-top: 6.78571428571429vw;
	}
	.downloads .pb-search ul li.sf-field-search {
		width: 26.4285714285714vw;
	}
	.downloads .pb-search ul li.sf-field-search label input {
		padding: 0 1.07142857142857vw;
		height: 3.57142857142857vw;
		width: 24.2857142857143vw;
		font-size: 1.21428571428571vw;
	}
	.downloads .pb-search ul li.sf-field-submit input {
		width: 10.7142857142857vw;
		font-size: 1.21428571428571vw;
		height: 3.57142857142857vw;
	}
	.page-template-template-tob-confirmation .pb-content .clsFirstImage {
		width: 14.6428571428571vw;
		height: 14.6428571428571vw;
		border-radius: 7.14285714285714vw;
		margin: 0 auto 1.78571428571429vw;
	}
	.page-template-template-tob-confirmation .pb-content .buttons {
		margin: 2.85714285714286vw auto 8.57142857142857vw;
		width: 47.5vw;
	}
	.page-template-template-tob-confirmation .pb-content .buttons .button.navy {
		margin-right: 4.64285714285714vw;
	}
	.page-template-template-tob-confirmation .pb-content .buttons .button {
		width: 21.4285714285714vw;
	}
	.page-template-template-form-v2 .pb-form .clsFormCheckboxes .clsFormCheckbox .clsCheckbox {
		font-size: 1.28571428571429vw;
		font-size: 1vw;
		padding-right: 5vw;
	}
	.page-template-template-form-v2 .pb-form .clsFormCheckboxes .clsFormCheckbox label {
		font-size: 1.28571428571429vw;
		margin-bottom: 0.714285714285714vw;
	}
	.page-template-template-form-v2 .pb-form .clsFormCheckboxes {
		margin-top: 1.71428571428571vw;
		height: 12.4285714285714vw;
	}
	.page-template-template-form-v2 .pb-form p {
		margin-bottom: 1.57142857142857vw;
	}
	.page-template-template-form-v2 .pb-form span.title {
		font-size: 2vw;
		margin-bottom: 2.5vw;
	}
}

@media only screen 
and (min-width : 1px)
and (max-width : 620px) {
	.pb-split section {
		width: 100%;
		float: left;
		height: auto;
		max-height: none;
		overflow: hidden;
	}
	.pb-split section.right .image {
		width: 100%;
		height: 100vw;
	}
	.pb-split section.right .content {
		width: 100%;
		height: auto;
		text-align: center;
		padding-bottom: 15vw;
	}
	.pb-split section.right .content .wrapper {
		width: 90vw;
		padding: 0 5vw;
	}
	.pb-split section .content h2 {
		font-size: 13.5vw;
		padding-top: 10vw;
	}
	.pb-split section.right p {
		padding-left: 0;
	}
	.pb-split section p {
		margin-bottom: 0;
		font-size: 5vw;
		color: #004A67;
		line-height: 1.15;
		padding-top: 5vw;
		padding-bottom: 10vw;
	}
	.pb-split section .button {
		background: #004A67;
		width: 80vw;
		max-width: none;
		height: 15vw;
		max-height: none;
		text-align: center;
		text-transform: uppercase;
		color: white;
		line-height: 15vw;
		font-size: 5vw;
		position: relative;
	}
	.pb-split section.left .image {
		width: 100%;
		height: 100vw;
	}
	.pb-split section.left .content {
		width: 100%;
		height: auto;
		text-align: center;
		padding-bottom: 15vw;
	}
	.pb-split section.left .content .wrapper {
		width: 90vw;
		padding: 0 5vw;
	}
	.pb-split section.left p {
		padding-right: 0;
	}
	.pb-tiles h2 {
		font-size: 12vw;
		padding-top: 15vw;
		padding-bottom: 10vw;
	}
	.pb-tiles .tiles {
		margin-bottom: 15vw;
	}
	.pb-tiles .tiles .left,
	.pb-tiles .tiles .right {
		float: left;
		width: 90vw;
	}
	.pb-tiles .tiles .tile.wide {
		width: 100%;
	}
	.pb-tiles .tiles .tile {
		width: 45vw;
		height: 34.666666666666667vw;
		float: left;
		background: white;
		position: relative;
	}
	.pb-tiles .tiles .tile .icon {
		width: 25vw;
		height: 18vw;
		margin: 2.5vw auto 2.5vw;
	}
	.pb-tiles .tiles .tile .icon.buy-to-let {
		background: url("../images/icon-buy-to-let.png") 0 0 / 100% auto;
	}
	.pb-tiles .tiles .tile p {
		font-size: 3.5vw;
		font-family: 'gotham_mediumregular';
		line-height: 1.25;
	}
	.pb-tiles .tiles .tile .icon.logo {
		margin-top: 14vw;
	}
	.pb-tiles .button {
		margin: 0 5vw 15vw;
	}
	.pb-content h1 {
		color: #D75900;
		font-size: 13.5vw;
		text-align: left;
		padding: 10vw 0 5vw;
		text-align: center;
		width: 100%;
	}
	.why .pb-video {
		height: auto;
		margin-bottom: 15vw;
	}
	.why .pb-video span.play {
		width: 25vw;
		height: 25vw;
		left: 32.5vw;
		right: 0;
		top: 12vw;
	}
	.why .pb-values {
		height: auto;
	}
	.why .pb-values h2 {
		font-size: 12vw;
		text-align: left;
		margin: 10vw 0 5vw;
		color: white;
		float: left;
		border-right: 0;
		height: auto;
		line-height: 1.1;
		padding: 0;
		text-align: center;
	}
	.why .pb-values p.title {
		font-size: 6vw;
		margin-bottom: 10vw;
	}
	.why .pb-stats {
		height: auto;
		background: url("../images/the-why-circles-bar-mob.png") no-repeat 0 0 / 100% auto;
		padding-bottom: 10vw;
	}
	.why .pb-stats .item {
		width: 90vw;
		height: 62vw;
		line-height: 1;
		font-size: 25vw;
		margin-right: 0;
		padding-top: 28vw;
		margin-bottom: 10vw;
	}
	.why .pb-rebrand h2 {
		padding: 10vw 0;
	}
	.pb-rebrand h2 {
		font-size: 12vw;
		text-align: center;
		padding: 10vw 0;
	}
	.why .pb-rebrand .quote {
		display: none;
	}
	.why .pb-rebrand p.ffont {
		font-size: 8vw;
		color: white;
		line-height: 1.2;
		position: absolute;
		z-index: 1;
		width: 90vw;
		text-align: center;
	}
	.why .pb-rebrand .buttons {
		float: left;
		padding: 175vw 0 15vw;
	}
	.why .pb-rebrand .buttons .button {
		margin-top: 5vw;
	}
	.resources .pb-faq h2 {
		font-size: 10vw;
		padding-top: 10vw;
		padding-bottom: 10vw;
	}
	.pb-faq .pb-questions {
		margin-bottom: 25vw;
		border-bottom: 0.533333333333333vw dotted #AAAAAA;
	}
	.pb-values {
		height: auto;
		margin-bottom: 0;
	}
	.pb-values h2 {
		font-size: 13vw;
		text-align: left;
		margin: 14vw 0 0;
		color: #00BBC2;
		float: left;
		border-right: 0px;
		height: auto;
		line-height: 1;
		padding: 0;
		text-align: center;
		width: 100%;
	}
	.pb-values p.intro {
		float: right;
		color: #00BBC2;
		width: 100%;
		padding: 5vw 0 0;
		text-align: center;
	}
	.pb-rebrand {
		height: auto;
		padding-bottom: 15vw;
	}
	.pb-rebrand .quote {
		display: none;
	}
	.pb-rebrand p.ffont {
		font-size: 8vw;
	}
	.pb-rebrand p {
		line-height: 1.25;
		text-align: center;
	}
	.pb-people {
		margin-bottom: 25vw;
	}
	.pb-people .item {
		float: left;
		width: 90vw;
		height: 103.5vw;
		margin: 0 0px 5vw 0;
	}
	.pb-people .item .block {
		width: 90vw;
		height: 24.75vw;
	}
	.pb-people .item .block h2 {
		padding-left: 5%;
		font-size: 6vw;
		padding-top: 3vw;
	}
	.pb-people .item .block p {
		padding-left: 5%;
		font-size: 4vw;
		width: 60%;
	}
	.pb-people .item .block .contact {
		float: right;
		padding-right: 5%;
		margin-top: 1.5vw;
	}
	.pb-people .item .block span.email {
		width: 9.73866666vw;
		height: 6.64vw;
	}
	.pb-people .item .block span.linkedin {
		width: 6.64vw;
		height: 6.64vw;
	}
	.pb-people .item .block .contact .pipe {
		margin: 0 3vw 0 3vw;
		float: right;
		width: 0.5vw;
		height: 6.64vw;
		position: relative;
	}
	.pb-people .item:nth-of-type(3n+2) {
		margin: 0 0 5vw;
	}
	.pb-nav-below {
		margin-top: 5vw;
		margin-bottom: 10vw;
		width: 100%;
	}
	.pb-nav-below .nav-next,
	.pb-nav-below .nav-menu,
	.pb-nav-below .nav-previous {
		font-size: 4vw;
		width: 33.33333%;
	}
	.pb-nav-below .nav-menu {
		text-align: center;
	}
	.pb-nav-below .nav-next {
		text-align: right;
	}
	.pb-nav-below .nav-previous {
		text-align: left;
	}
	.page-id-212 .form .pb-form {
		padding-bottom: 15vw;
	}
	.pb-form h2 {
		text-align: center;
		font-size: 13vw;
		padding: 15vw 0 10vw;
	}
	.pb-form .left {
		width: 100%;
	}
	.pb-form p {
		margin-bottom: 5vw;
	}
	.pb-form label {
		font-size: 4.5vw;
	}
	.pb-form input[type="text"],
	.pb-form input[type="email"],
	.pb-form input[type="tel"],
	.pb-form input[type="file"] {
		padding: 0 5%;
		margin: 0;
		border: 0px;
		width: 90%;
		height: 12.5vw;
		font-size: 4.5vw;
		margin-top: 3vw;
	}
	.pb-form input[type="file"] {
		line-height: 12.5vw;
	}
	.pb-form .right {
		width: 100%;
	}
	.page-id-212 .form .pb-form .wpcf7-form .button {
		margin-top: 5vw;
	}
	.form .pb-form .bottom {
		margin-top: 10vw;
		float: left;
		width: 100%;
	}
	.form .pb-form .bottom label {
		width: 100%;
		font-size: 4.5vw;
	}
	.form .pb-form .wpcf7-list-item input {
		margin: 0;
		padding-bottom: 10vw;
		float: left;
		margin-bottom: 20vw;
		margin-top: 5.5vw;
		text-align: center;
		width: 3vw;
	}
	.form .pb-form .bottom label:nth-of-type(2) span.wpcf7-list-item-label {
		padding-right: 0;
		width: 90%;
	}
	.form .pb-form .wpcf7-list-item span.wpcf7-list-item-label {
		font-size: 4vw;
		padding-right: 0;
		width: 90%;
		padding-left: 5vw;
		padding-top: 4.5vw;
	}
	.form .pb-form select {
		border: 0px;
		margin: 3vw 0 0 0;
		padding: 0 10% 0 5%;
		height: 12.5vw;
		width: 100%;
		background: white url(../images/form-up-down-seletor.png) no-repeat 95% 2.5vw / 5vw 8vw;
		font-size: 4.5vw;
	}
	.pb-form textarea {
		padding: 3% 5%;
		margin: 0;
		border: 0px;
		width: 90%;
		height: auto;
		font-family: 'gotham_bookregular';
		color: #494949;
		font-size: 4.5vw;
		margin-top: 3vw;
	}
	.pb-content.contact h1 {
		padding: 15vw 0 10vw;
	}
	.pb-content.contact .left.contact {
		width: 100%;
		text-align: center;
	}
	.pb-content.contact .left.contact h3,
	.pb-content.contact .middle.contact h3,
	.pb-content.contact .right.contact h3 {
		font-size: 6vw;
		padding-bottom: 3vw;
	}
	.pb-content.contact .left.contact p,
	.pb-content.contact .middle.contact p,
	.pb-content.contact .right.contact p {
		font-size: 5vw;
		margin-bottom: 5vw;
	}
	.pb-content.contact .middle.contact {
		width: 100%;
		text-align: center;
	}
	.pb-content.contact .left.contact,
	.pb-content.contact .middle.contact,
	.pb-content.contact .right.contact {
		float: left;
		font-size: 5vw;
		margin-bottom: 7.5vw;
	}
	.pb-content.contact .right.contact {
		width: 100%;
		text-align: center;
	}
	.pb-form {
		height: auto;
		padding-bottom: 15vw;
	}
	.pb-form div.wpcf7-mail-sent-ok {
		width: 100%;
		font-size: 4.5vw;
		text-align: center;
		line-height: 1.25;
		padding: 10vw 0 0;
	}
	.pb-map {
		height: 175vw;
	}
	.why .pb-stats .item p {
		top: 54vw;
		font-size: 6vw;
	}
	.pb-values .pb-values-slides.desktop {
		display: none;
	}
	.pb-values-slides-mob {
		display: block;
		float: left;
		padding-bottom: 15vw;
	}
	.pb-values .owl-nav {
		top: 42vw;
		height: 15vw;
	}
	.pb-values .owl-nav button.owl-prev {
		width: 7.5vw;
		height: 15vw;
	}
	.pb-values .owl-nav button.owl-next {
		width: 7.5vw;
		height: 15vw;
	}
	.pb-timeline {
		height: auto;
		padding-bottom: 15vw;
	}
	.pb-timeline h2 {
		font-size: 12.5vw;
		text-align: left;
		padding: 10vw 0;
		color: #004A67;
		text-align: center;
	}
	.products .pb-split section .content h2 {
		font-size: 13vw;
		height: auto;
		padding-bottom: 5vw
	}
	.products .pb-split section:nth-of-type(2n+1) .content p {
		padding-left: 0;
	}
	.products .pb-split section:nth-of-type(2n) .content .wrapper {
		padding: 0 5vw;
		text-align: center;
	}
	.products .pb-split section:nth-of-type(2n) .content p {
		padding-right: 0;
	}
	.pb-nav-below .nav-previous {
		text-align: left;
		width: 40%;
		float: left;
	}
	.pb-nav-below .nav-menu {
		text-align: center;
		width: 30%;
		float: right;
	}
	.pb-nav-below .nav-next {
		text-align: right;
		width: 40%;
		float: right;
	}
	.pb-nav-below .pipe {
		display: none;
	}
	.single .entry-content .left .pb-quote .item {
		border-right: 0px;
		height: auto;
		float: left;
		padding: 0 30vw;
		width: 30vw;
		text-align: center;
		color: #D75900;
		font-size: 5vw;
		text-transform: uppercase;
		font-family: 'gotham_mediumregular';
		line-height: 1.2;
		padding-top: 31vw;
		position: relative;
		margin-bottom: 10vw;
	}
	.single .entry-content .left .pb-quote {
		border-left: 0px;
		height: auto;
	}
	.single .entry-content .left .pb-quote .item.refer {
		background: url("../images/refer_a_client_on.png") no-repeat 30vw 0 / 30vw 28.5vw;
	}
	.single .entry-content .left .pb-quote .item.request {
		background: url("../images/request_quote_on.png") no-repeat 30vw 0 / 30vw 28.5vw;
	}
	.single .entry-content .left .pb-quote .item.online {
		background: url("../images/quote_online_on.png") no-repeat 30vw 0 / 30vw 28.5vw;
	}
	.single .entry-content .left .pb-quote .item.online.disabled {
		background: url("../images/quote_online_off.png") no-repeat 30vw 0 / 30vw 28.5vw;
	}
	.single .entry-content .left .pb-quote .item.refer.disabled {
		background: url("../images/refer_a_client_off.png") no-repeat 30vw 0 / 30vw 28.5vw;
	}
	.single .entry-content .left .pb-quote .item.request.disabled {
		background: url("../images/request_quote_off.png") no-repeat 30vw 0 / 30vw 28.5vw;
	}
	.pb-timeline img {
		display: none;
	}
	.pb-timeline {
		background-color: #00BBC2;
		background-image: url("../images/Protect-About-Us-Timeline-Mob.png");
		background-position: 5vw 40vw;
		background-size: 90vw auto;
		background-repeat: no-repeat;
	}
	.pb-timeline .third {
		width: 100%;
		text-align: center;
		padding-bottom: 62vw;
	}
	.pb-timeline .third h3 {
		font-size: 22vw;
		padding-top: 8vw;
	}
	.pb-timeline .third p {
		font-size: 5vw;
		color: white;
		padding-right: 0;
		padding-top: 5vw;
	}
	.pb-timeline .third:nth-of-type(2) {
		padding-bottom: 94vw;
	}
	.pb-timeline .third:nth-of-type(3) {
		width: 100%;
		padding-bottom: 100vw;
	}
	.products.blog .pb-split section:nth-of-type(2n+1) .content h2 {
		padding: 10vw 0;
	}
	.products.blog .pb-split section .content h2 {
		font-size: 12vw;
		height: auto;
	}
	.products.blog .pb-split section .content .entry-meta {
		font-size: 4.5vw;
	}
	.products.blog .pb-split section .content .button {
		margin-top: 10vw;
	}
	.products.blog .pb-split section:nth-of-type(2n) .content h2 {
		padding: 10vw 0;
	}
	.pb-map {
		height: 150vw;
	}
	.pb-map iframe {
		height: 100%;
	}
	.pb-corona {
		height: auto;
		max-height: none;
		margin-top: 0;
	}
	.pb-corona h2 {
		font-family: 'gotham_boldregular';
		font-size: 5vw;
		color: #fff;
		padding: 5vw 0 7vw;
		text-align: center;
		line-height: 1.2em;
	}
	.pb-corona p {
		color: white;
		font-size: 4vw;
		margin-bottom: 1.2em;
		text-align: center;
	}
	.pb-corona ul {
		margin: 0 0 5vw;
		color: white;
		font-size: 4vw;
		font-family: 'gotham_bookregular';
		list-style: none;
		text-align: center;
	}
	.pb-corona ul li {
		padding: 0 0 5vw;
	}
	.pb-corona .right a {
		float: left;
		width: 100%;
		padding: 2vw 0;
	}
	.pb-red-bar {
		height: auto;
		line-height: 1.25;
		font-size: 6vw;
		padding: 5vw 0;
	}
	.page-id-212 .pb-form .wpcf7 form.invalid .wpcf7-response-output,
	.page-id-212 .pb-form .wpcf7 form.unaccepted .wpcf7-response-output {
		margin: 10vw 0;
		font-size: 4.5vw;
		width: 100%;
	}
	.page-id-212 .pb-form .wpcf7 form.sent .wpcf7-response-output {
		font-size: 4.5vw;
		margin: 10vw 0;
		width: 100%;
	}
	.downloads .pb-search {
		width: 100%;
		margin-top: 5vw;
		margin-bottom: 10vw;
	}
	.downloads .pb-search ul {
		width: 100%;
	}
	.downloads .pb-search ul li.sf-field-search {
		width: 65%;
	}
	.downloads .pb-search ul li.sf-field-search label {
		float: left;
		width: 100%;
	}
	.downloads .pb-search ul li.sf-field-search label input {
		padding: 0px 10%;
		height: 15vw;
		width: 100%;
		font-size: 4vw;
	}
	.downloads .pb-search ul li.sf-field-submit {
		width: 35%;
	}
	.downloads .pb-search ul li.sf-field-submit input {
		width: 100%;
		font-size: 4vw;
		height: 15vw;
	}
	.page-template-template-form-v2 .pb-form .left {
		margin-bottom: 5vw;
	}
	.page-template-template-form-v2 .pb-form h2 {
		padding-bottom: 8vw;
	}
	.page-template-template-form-v2 .pb-form span.title {
		font-size: 7vw;
		margin-bottom: 5vw;
	}
	.page-template-template-form-v2 .pb-form p {
		margin-bottom: 5vw;
	}
	.page-template-template-form-v2 .pb-form .clsFormCheckboxes {
		margin-top: 5vw;
		height: auto;
	}
	.page-template-template-form-v2 .pb-form .clsFormCheckboxes .clsFormCheckbox {
		width: 100%;
	}
	.page-template-template-form-v2 .pb-form .clsFormCheckboxes .clsFormCheckbox label {
		font-size: 5vw;
		margin-bottom: 2vw;
	}
	.page-template-template-form-v2 .pb-form .clsFormCheckboxes .clsFormCheckbox .clsCheckbox {
		width: 100%;
		font-size: 4vw;
		padding-right: 0;
	}
	.page-template-template-form-v2 .pb-form .base-text {
		margin-top: 20vw;
		margin-bottom: 0;
	}
	.page-template-template-tob-confirmation .pb-content .clsFirstImage {
		width: 45vw;
		height: 45vw;
		margin: 0 auto 8vw;
	}
	.page-template-template-tob-confirmation .pb-content .buttons {
		margin: 10vw auto 120px;
		width: 100%;
	}
	.page-template-template-tob-confirmation .pb-content .buttons .button.navy {
		margin-right: 0;
		margin-bottom: 5vw;
	}
	.page-template-template-tob-confirmation .pb-content .buttons .button {
		width: 85%;
	}
}


/* ==========================================================================
   PAGE BUILDER MODIFIERS
   The only hand-written rules in this file. Everything above is generated.
   Edit these in build-pb-css.py, not in pb.css.
   ========================================================================== */

/* This theme is float-based: nearly every row is `float: left`. A plain block
   wrapper around a row therefore collapses to zero height and rows overlap.
   Giving the wrappers `float:left; width:100%` makes them establish a block
   formatting context — the same idiom the theme already uses. */
.pb-scope,
.pb-row-wrap {
	float: left;
	width: 100%;
}

/* Page Intro — the brand mark is optional, and the text width follows it.
   `pb-has-icon` leaves room for the 210px mark floated right;
   `pb-no-icon` lets the heading and copy run the full container width. */
.pb-page-intro .wrapper::after {
	content: "";
	display: block;
	clear: both;
}
.pb-page-intro .pb-intro-body {
	float: left;
	width: 100%;
}
.pb-page-intro.pb-has-icon .pb-intro-body {
	width: calc(100% - 250px);
}

/* style.css floats the heading left (`.resources h1`) so the brand mark can sit
   beside it. Without a clear, the intro copy wraps up alongside the heading
   instead of starting underneath it. */
.pb-page-intro .intro {
	clear: both;
}

@media only screen and (min-width: 621px) and (max-width: 1400px) {
	.pb-page-intro.pb-has-icon .pb-intro-body {
		width: calc(100% - 18vw);
	}
}

@media only screen and (max-width: 620px) {
	/* the mark goes to 70vw on mobile, so the copy takes the full width */
	.pb-page-intro.pb-has-icon .pb-intro-body {
		width: 100%;
	}
}

/* Body copy above the registration form.

   style.css carries these under "New Form Edits" as
   `.page-template-template-form-v2 h3.wp-block-heading` and
   `.page-template-template-form-v2 .intro ul` (lines 1767/1773, 4929/4933,
   6617/6621). They are scoped to the OLD TEMPLATE'S BODY CLASS, so the moment
   /register-with-us/ moved onto the Page Builder they stopped matching and the
   heading and list dropped to the 12px body default.

   Re-scoped to the row here, values copied across unchanged at all three
   breakpoints, so the intro reads identically on either template. */
.pb-page-intro h3.wp-block-heading {
	color: #004A67;
	font-size: 38px;
	line-height: 1.25;
}
.pb-page-intro .intro ul {
	font-size: 20px;
	color: #004A67;
	margin: 22px 0 62px 20px;
}

@media only screen and (min-width: 621px) and (max-width: 1400px) {
	.pb-page-intro h3.wp-block-heading {
		font-size: 2.71428571428571vw;
	}
	.pb-page-intro .intro ul {
		font-size: 1.42857142857143vw;
		margin: 1.57142857142857vw 0 4.42857142857143vw 1.42857142857143vw;
	}
}

@media only screen and (min-width: 1px) and (max-width: 620px) {
	.pb-page-intro h3.wp-block-heading {
		font-size: 6vw;
	}
	.pb-page-intro .intro ul {
		font-size: 5vw;
		margin: 5vw 0 0 05vw;
	}
}

/* Width option on Quote Options and Resources & Guides.

   Both rows need the `single` ancestor class for their styling, which drags in
   `.single .entry-content .left` — a fixed 600px column, because on a product
   page these only ever appeared beside the article image. On a builder page the
   usual want is full width, so `pb-width-full` releases the column.

   style.css sets that column at 600px, then 42.857vw between 621 and 1400, then
   100% below 620 — so only the first two need overriding. */
.pb-scope.pb-width-full .entry-content .left {
	float: none;
	width: 100%;
	margin-right: 0;
}

@media only screen and (min-width: 621px) and (max-width: 1400px) {
	.pb-scope.pb-width-full .entry-content .left {
		width: 100%;
		margin-right: 0;
	}
}

/* Timeline — the graphic is `height:179px; width:auto; float:left`, which works
   because the original artwork is a wide strip that fills the row. A portrait or
   square upload is narrow at that height, and the milestone columns then wrap
   around it. Clearing the first column keeps them below the graphic whatever
   shape it is. */
.pb-timeline-row .third:first-of-type {
	clear: left;
}

/* Quote Statement — `#rebrand p` is `float: left`, which is fine on the About Us
   page where the quote fills the line, but leaves the signature sitting beside a
   short quote. As a builder row the quote length varies, so the signature always
   starts on its own line. */
.pb-quote-statement .pb-signature {
	clear: left;
}

/* Width option on Text Block. `full` is the container width; `narrow` centres
   a comfortable measure for long-form copy. */
.pb-text-block.pb-width-narrow .entry-content {
	max-width: 820px;
	margin-left: auto;
	margin-right: auto;
}

/* Every other row sits under an ID that carries a heading size. Text Block has
   no such ancestor, so headings inside it — the row's own, and any the client
   adds in the editor — would fall back to the browser default. These are the
   theme's existing content-heading treatment, copied from
   `.single .entry-content .left h2` (style.css ~2124). */
.pb-text-block .entry-content h2 {
	text-transform: uppercase;
	font-size: 24px;
	font-family: 'gotham_mediumregular';
	color: #004A67;
	margin-bottom: 16px;
}
.pb-text-block .entry-content h3 {
	font-size: 19px;
	font-family: 'gotham_mediumregular';
	color: #004A67;
	margin-bottom: 12px;
}
.pb-text-block .entry-content p {
	margin-bottom: 16px;
}
.pb-text-block .entry-content ul {
	margin: 0 0 16px 18px;
	list-style: disc;
}
.pb-text-block .entry-content li {
	margin-bottom: 6px;
}

/* Map Embed — the row takes a raw <iframe> from Google Maps, which arrives with
   its own width and height attributes. The row sets an explicit height inline
   from the `height` field; these make the embed fill it. */
.pb-map {
	float: left;
	width: 100%;
	line-height: 0;
}
.pb-map iframe,
.pb-map embed,
.pb-map object {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

/* Notice Bar carries the `#corona` styling, which includes a 110px top margin
   to clear the fixed header. As a builder row it can sit anywhere on the page,
   so that margin is wrong everywhere except the very top. */
.pb-corona {
	margin-top: 0;
}

/* ==========================================================================
   NEW ROWS — 2026 landing page
   Everything above this point either mirrors a rule in style.css or adjusts a
   generated one. The four rows below had no equivalent on the old site, so
   these are written from scratch. They still borrow the theme's measurements
   (1300px wrapper, 110px fixed header, 50-60px controls) so they sit with the
   rest of it.
   ========================================================================== */

/* --------------------------------------------------------------- Hero Banner
   Mirrors `.home #slide` (style.css ~694-800). `#slide` is not in the ID list
   build-pb-css.py rewrites, because header.php prints that ID on every page and
   a generated `.pb-slide` copy would have no element to attach to. */
.pb-hero {
	position: relative;
	width: 100%;
	float: left;
	overflow: hidden;
}
.pb-hero-tall {
	height: 42.1428571428571vw;
	max-height: 590px;
}
.pb-hero-standard {
	height: 23.928571428571429vw;
	max-height: 335px;
}
.pb-hero .pb-hero-item {
	height: 100%;
	width: 100%;
	position: relative;
}
.pb-hero .pb-hero-item > img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 8;
}
.pb-hero .slider-wrap {
	height: 100%;
	left: 50%;
	margin-left: -650px;
	max-width: 1300px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 15;
	padding: 0;
}
.pb-hero .title {
	font-size: 105px;
	color: white;
	padding-top: 60px;
	float: left;
	width: 100%;
}
.pb-hero .button {
	position: absolute;
	bottom: 80px;
}
.pb-hero .button:nth-of-type(2) {
	left: 350px;
}
/* The header hero recolours its second button; matched here so the row looks
   like the home page it was lifted from. */
.pb-hero .button.blue {
	background: #00BBC2;
	color: white;
}
.pb-hero .button:hover,
.pb-hero .button.blue:hover {
	background: #004A67;
}
.pb-hero-stripe .stripe_bar {
	margin: 0;
}

/* header.php prints `<div id="slide">` whatever the template, so a page using a
   Hero Banner row would carry an empty 335px banner above it. The template adds
   `pb-no-slide` when the page has no Page Banner set. */
.pb-no-slide #slide {
	height: 0;
	max-height: 0;
}
.pb-no-slide #slide + .stripe_bar {
	display: none;
}
/* The banner still has to clear the fixed header, so the padding style.css gives
   `#slide` at each tier is kept — 110px, then 7.857vw, then nothing at all below
   620px where the header is back in the flow. Hard-coding 110px left an empty
   110px band on mobile. */
.pb-no-slide #slide {
	padding-top: 110px;
}
@media only screen and (min-width: 621px) and (max-width: 1400px) {
	.pb-no-slide #slide {
		padding-top: 7.85714285714286vw;
	}
}
@media only screen and (max-width: 620px) {
	.pb-no-slide #slide {
		padding-top: 0;
	}
}

/* ------------------------------------------------- Alternating Feature List */
.pb-alt-features {
	padding: 90px 0 40px;
}
.pb-alt-features > .wrapper {
	max-width: 1300px;
	margin: 0 auto;
	width: 100%;
	float: none;
}
.pb-alt-features h2.ffont {
	font-size: 50px;
	color: #4A87A0;
	text-align: center;
	width: 100%;
	float: left;
	margin-bottom: 70px;
}
.pb-alt-item {
	float: left;
	width: 100%;
	margin-bottom: 70px;
}
.pb-alt-item .pb-alt-image {
	width: 46%;
	float: left;
}
.pb-alt-item .pb-alt-image img {
	display: block;
	width: 100%;
	height: auto;
}
.pb-alt-item .pb-alt-text {
	width: 46%;
	float: right;
}
.pb-alt-item.pb-image-right .pb-alt-image {
	float: right;
}
.pb-alt-item.pb-image-right .pb-alt-text {
	float: left;
}
.pb-alt-item .pb-alt-text.pb-alt-text-full {
	width: 100%;
	float: left;
}
.pb-alt-item .pb-alt-text h3 {
	font-family: 'gotham_mediumregular';
	font-size: 22px;
	color: #004A67;
	margin-bottom: 18px;
}
.pb-alt-item .pb-alt-text p {
	color: #004A67;
	font-size: 17px;
	line-height: 1.5;
	margin-bottom: 18px;
}
.pb-alt-item .pb-alt-text p:last-child {
	margin-bottom: 0;
}

/* ------------------------------------------------------------ Numbered Steps
   The cards are a grid rather than floats: they are equal-height boxes and the
   float idiom the rest of the theme uses cannot do that without a fixed height. */
.pb-steps {
	padding: 60px 0 90px;
}
.pb-steps > .wrapper {
	max-width: 1300px;
	margin: 0 auto;
	width: 100%;
	float: none;
}
.pb-steps h2.ffont {
	font-size: 50px;
	color: #4A87A0;
	text-align: center;
	width: 100%;
	float: left;
	margin-bottom: 60px;
}
.pb-steps .pb-steps-grid {
	clear: both;
	display: grid;
	gap: 30px;
	grid-template-columns: repeat(3, 1fr);
}
.pb-steps-2 .pb-steps-grid { grid-template-columns: repeat(2, 1fr); }
.pb-steps-4 .pb-steps-grid { grid-template-columns: repeat(4, 1fr); }
.pb-steps .pb-step {
	position: relative;
	border: 1px solid #E9AFC8;
	padding: 26px;
	display: flex;
	gap: 18px;
	min-height: 330px;
}
.pb-steps .pb-step-text-above  { flex-direction: column; }
.pb-steps .pb-step-text-below  { flex-direction: column-reverse; }
.pb-steps .pb-step-text-right  { flex-direction: row-reverse; align-items: center; }
.pb-steps .pb-step-text-left   { flex-direction: row; align-items: center; }
.pb-steps .pb-step-text {
	flex: 0 0 auto;
}
.pb-steps .pb-step-text-right .pb-step-text,
.pb-steps .pb-step-text-left .pb-step-text {
	flex: 1 1 45%;
}
.pb-steps .pb-step-image {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 0;
}
.pb-steps .pb-step-image img {
	display: block;
	max-width: 100%;
	max-height: 220px;
	width: auto;
	height: auto;
}
.pb-steps .pb-step-number {
	display: block;
	font-family: 'gotham_mediumregular';
	font-size: 46px;
	line-height: 1;
	margin-bottom: 8px;
}
.pb-steps .pb-step-title {
	display: block;
	font-family: 'gotham_mediumregular';
	font-size: 19px;
	line-height: 1.25;
}
.pb-steps .orange { color: #D75900; }
.pb-steps .navy   { color: #004A67; }
.pb-steps .teal   { color: #00BBC2; }
.pb-steps .grey   { color: #A5A5A5; }
.pb-steps .pb-step a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
}
/* A card whose artwork already carries its number and title has no text block,
   so the illustration gets the whole box. */
.pb-steps .pb-step-image-only {
	padding: 20px;
}
.pb-steps .pb-step-image-only .pb-step-image img {
	max-height: none;
	max-width: 100%;
}

/* ---------------------------------------------------- Introducer Registration
   Colours sampled from the mockups: page #00415B, panel #99b7c2 at 20% over it
   (which is the flat #215A72 the mockup measures), read button #00B3B9,
   download #ACDEDD, submit #D75900 — the theme orange, which the mockup matches
   — disabled #939A9E, and #AAAAAA on hover for all three, as annotated. */
.pb-registration {
	background: #00415B;
	color: white;
	padding: 0 0 70px;
}
.pb-registration > .wrapper {
	max-width: 1300px;
	margin: 0 auto;
	width: 100%;
	float: none;
}
.pb-registration h2.ffont {
	color: #B6E2E2;
	font-size: 66px;
	text-align: left;
	padding: 85px 0 40px;
	clear: both;
	float: left;
	width: 100%;
}
.pb-registration .pb-reg-form {
	float: left;
	width: 100%;
}
.pb-registration .pb-reg-col {
	width: 48%;
	float: left;
}
.pb-registration .pb-reg-business {
	float: right;
}
.pb-registration .pb-reg-col .title {
	font-size: 28px;
	font-family: 'gotham_lightregular';
	margin-bottom: 30px;
	float: left;
	width: 100%;
}
.pb-registration .pb-reg-field {
	position: relative;   /* contains the visually-hidden label below */
	float: left;
	width: 100%;
	margin-bottom: 18px;
}
.pb-registration .pb-reg-field label {
	font-size: 18px;
	font-family: 'gotham_bookregular';
	color: white;
	float: left;
	width: 100%;
}
/* The address continuation boxes are unlabelled in the design. The label is
   still in the markup for screen readers, just taken out of the flow. */
.pb-registration .pb-reg-hidden-label {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}
.pb-registration .pb-reg-field input {
	padding: 0 15px;
	margin: 5px 0 0;
	border: 0;
	box-sizing: border-box;
	width: 100%;
	height: 50px;
	font-family: 'gotham_bookregular';
	color: #494949;
	font-size: 18px;
	background: white;
}
.pb-registration .pb-reg-field input.pb-reg-invalid {
	box-shadow: inset 0 0 0 2px #D75900;
}
/* Line 1 of the address is the only labelled box in that run; the rest need the
   label's height made up so the two columns stay on the same baseline. */
.pb-registration .pb-reg-field-nolabel input {
	margin-top: 32px;
}

.pb-registration .pb-reg-started {
	clear: both;
	float: left;
	width: 100%;
	box-sizing: border-box;
	margin-top: 55px;
	padding: 34px 40px 40px;
	background: rgba(153, 183, 194, .2);
}
.pb-registration .pb-reg-started h3 {
	font-family: 'gotham_lightregular';
	font-size: 28px;
	color: white;
	margin: 0 0 6px;
}
.pb-registration p.pb-reg-lede {
	font-size: 14px;
	color: white;
	margin: 0 0 22px;
}
.pb-registration .pb-reg-toba {
	float: left;
	width: 48%;
}
.pb-registration .pb-reg-btn {
	display: block;
	float: left;
	width: 46%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	text-transform: uppercase;
	text-decoration: none;
}
.pb-registration .pb-reg-read {
	background: #00B3B9;
	color: white;
	margin-right: 4%;
}
.pb-registration .pb-reg-download {
	background: #ACDEDD;
	color: #004A67;
}
.pb-registration .pb-reg-note {
	clear: left;
	float: left;
	width: 100%;
	font-size: 13px;
	color: white;
	padding-top: 8px;
}
.pb-registration .pb-reg-warn {
	color: #FFD37E;
}

.pb-registration .pb-reg-checks {
	float: right;
	width: 48%;
	display: flex;
	gap: 22px;
}
.pb-registration .pb-reg-check {
	flex: 1 1 0;
	display: flex;
	gap: 10px;
	align-items: flex-start;
}
.pb-registration .pb-reg-check input {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	margin: 2px 0 0;
	accent-color: #D75900;
}
.pb-registration .pb-reg-check label {
	font-size: 13px;
	line-height: 1.35;
	color: white;
}
.pb-registration .pb-reg-check label a {
	color: white;
	text-decoration: underline;
}

.pb-registration .pb-reg-submit {
	clear: both;
	float: right;
	width: 48%;
	padding-top: 40px;
}
.pb-registration .pb-reg-create {
	display: block;
	width: 100%;
	height: 50px;
	border: 0;
	cursor: pointer;
	background: #D75900;
	color: white;
	font-family: 'gotham_bookregular';
	font-size: 18px;
	text-transform: uppercase;
}
.pb-registration .pb-reg-create:hover {
	background: #AAAAAA;
}
.pb-registration .pb-reg-read:hover,
.pb-registration .pb-reg-download:hover {
	background: #AAAAAA;
	color: white;
}
.pb-registration .pb-reg-create[disabled] {
	background: #939A9E;
	color: #E6E6E6;
	cursor: not-allowed;
}
.pb-registration .pb-reg-create.pb-reg-sending {
	opacity: .7;
}
.pb-registration p.pb-reg-error {
	color: #FFD37E;
	font-size: 15px;
	margin: 0 0 14px;
}
/* `p { color:#004A67 }` in style.css is more specific than a colour inherited
   from the container, so the paragraphs have to be named. */
.pb-registration .pb-reg-success {
	float: left;
	width: 100%;
	padding: 40px 0 20px;
}
.pb-registration .pb-reg-success p {
	color: white;
	font-size: 20px;
	line-height: 1.4;
	margin-bottom: 18px;
}
.pb-registration .pb-reg-lede,
.pb-registration .pb-reg-error {
	color: white;
}
.pb-registration .pb-reg-success a {
	color: #B6E2E2;
}

@media only screen and (max-width: 1340px) {
	.pb-alt-features > .wrapper,
	.pb-steps > .wrapper,
	.pb-registration > .wrapper {
		box-sizing: border-box;
		padding: 0 20px;
	}
}

/* The hero mirrors the theme's own two breakpoints (621-1400 and below 620)
   rather than inventing its own, because `.button` is restyled at each of them
   in style.css — 80vw wide with a 15vw line-height below 620px. Overriding the
   width here truncated the button text. The other three rows are new markup
   with no such inheritance, so they stack at 767px where it reads best. */
@media only screen and (min-width: 621px) and (max-width: 1400px) {
	.pb-hero .slider-wrap {
		margin-left: -46.4285714285714vw;
		max-width: none;
		/* style.css leaves this at width:100%, which puts the right edge 3.5vw
		   past the viewport — harmless on the home page because the content is
		   left-aligned and #slide clips it, but there is no reason to carry the
		   overhang across. Twice the negative margin is the honest width. */
		width: 92.8571428571428vw;
		top: 0;
	}
	.pb-hero .title {
		font-size: 7.5vw;
		padding-top: 4.28571428571429vw;
	}
	.pb-hero .button {
		bottom: 5.71428571428571vw;
	}
	.pb-hero .button:nth-of-type(2) {
		left: 25vw;
	}
}

@media only screen and (max-width: 1024px) {
	.pb-steps .pb-steps-grid,
	.pb-steps-2 .pb-steps-grid,
	.pb-steps-4 .pb-steps-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media only screen and (max-width: 620px) {
	.pb-hero-tall,
	.pb-hero-standard {
		height: 157.333333333333333vw;
		max-height: none;
	}
	.pb-hero .slider-wrap {
		margin-left: -45vw;
		max-width: 90vw;
		top: 0;
	}
	.pb-hero .title {
		font-size: 13vw;
		padding-top: 12.5vw;
		text-align: center;
	}
	/* The theme drops the line breaks at this size — 13vw over three lines does
	   not fit otherwise. */
	.pb-hero .title br {
		display: none;
	}
	.pb-hero .button {
		bottom: 35vw;
	}
	.pb-hero .button:nth-of-type(2) {
		bottom: 15vw;
		left: 0;
	}
}

@media only screen and (max-width: 767px) {
	.pb-alt-features {
		padding: 50px 0 20px;
	}
	.pb-alt-features h2.ffont,
	.pb-steps h2.ffont {
		font-size: 30px;
		margin-bottom: 34px;
	}
	.pb-alt-item .pb-alt-image,
	.pb-alt-item .pb-alt-text,
	.pb-alt-item.pb-image-right .pb-alt-image,
	.pb-alt-item.pb-image-right .pb-alt-text {
		width: 100%;
		float: left;
	}
	.pb-alt-item .pb-alt-image {
		margin-bottom: 20px;
	}
	.pb-alt-item {
		margin-bottom: 44px;
	}

	.pb-steps .pb-steps-grid,
	.pb-steps-2 .pb-steps-grid,
	.pb-steps-4 .pb-steps-grid {
		grid-template-columns: 1fr;
	}
	.pb-steps .pb-step {
		min-height: 0;
	}

	.pb-registration h2.ffont {
		font-size: 34px;
		padding: 50px 0 26px;
	}
	.pb-registration .pb-reg-col,
	.pb-registration .pb-reg-business {
		width: 100%;
		float: left;
	}
	.pb-registration .pb-reg-business {
		margin-top: 30px;
	}
	/* Stacked, the address boxes sit under a real label again, so the made-up
	   label height is wrong. */
	.pb-registration .pb-reg-field-nolabel input {
		margin-top: 5px;
	}
	.pb-registration .pb-reg-started {
		padding: 26px 20px 30px;
	}
	.pb-registration .pb-reg-toba,
	.pb-registration .pb-reg-checks,
	.pb-registration .pb-reg-submit {
		width: 100%;
		float: left;
	}
	.pb-registration .pb-reg-checks {
		flex-direction: column;
		gap: 16px;
		padding-top: 26px;
	}
	.pb-registration .pb-reg-submit {
		padding-top: 26px;
	}
}