/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */
/* #1c8066 */
/* #125367 */
/* #d1e5e0 */
/* #ffcd4a */
/* #a0a0a0 */
html {
	/* overflow-x: hidden; */
}
body,
html {
	min-height: 100%;
}
body {
	margin-top: 0px;
	background: rgb(18,83,103);
	background: linear-gradient(90deg, rgba(18,83,103,1) 0%, rgba(28,128,102,1) 100%);
	padding-top: 15px;
}
body.page-node-34,
body.page-node-type-simple-page,
body.page-node-type-quote-page {
	background: #125367;
}
.table-bullets {
	background: #1c8066;
	padding: 20px;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 0;
}
.table-bullets li {
	flex-basis: 50%;
	font-size: 19px;
	list-style: none;
	padding-left: 30px;
	background-image: url(/themes/custom/bootdev/images/white-circle-check.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 22px;
	margin-bottom: 20px;
}
.table-bullets li:last-child {
	margin-bottom: 0;
}
#top-bar {
	background: #1c8066;
	position: relative;
}
#top-bar:after {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	left: 0;
	top: 100%;
	height: 75px;
	background: #1c8066;
	z-index: -1;
}
* {
	color: white;
	font-size: 17px;
	font-family: Arial Rounded;
	font-weight: 400;
	line-height: 1.3;
}
a,a:hover {
	color: white;
}
strong {
	font-family: Arial Rounded Bold;
	font-size: inherit;
	color: inherit;
}
em {
	font-size: inherit;
	color: inherit;
}
.clear {
	clear: both;
}
.region-help {
	position: sticky;
	bottom: 0;
	margin: 0;
	padding: 0;
	border-radius: 0;
}
img{
	max-width: 100%;
	height: auto;
}
.hr-line {
	height: 2px;
	width: 100%;
	background: white;
	margin: 30px 0px;
	display: inline-block;
}
.logo {
	max-width: 300px;
}
#block-bootdev-callus {
	padding-right: 0px;
}
#block-bootdev-callus p {
	font-size: 22px;
	text-align: right;
}
#block-bootdev-callus p a {
	color: white;
	font-size: 22px;
}
#block-bootdev-callus p a:hover {
	text-decoration: none;
}
.webform-submission-contact-form h2 {
	color: #1c8066;
	margin-top: 0;
}
.navbar {
	background: none!important;
	border: none!important;
}
.navbar .navbar-header,
.navbar .navbar-collapse {
	width: 100%;
}
.navbar .navbar-collapse #block-bootdev-plmenu,
.navbar .navbar-collapse #block-bootdev-main-menu {
	width: 100%;
	clear: both;
}
.navbar .navbar-collapse #block-bootdev-plmenu ul.menu--pl-menu,
.navbar .navbar-collapse #block-bootdev-main-menu ul.menu--main {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-evenly;
	width: 100%;
}
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}
.paragraph--type--faqs {
	margin-bottom: 30px;
}
.paragraph--type--faqs .field--name-field-question {
	background: #1c8066;
	padding: 15px;
	text-transform: uppercase;
	margin-bottom: 8px;
	font-size: 20px;
}
.paragraph--type--faqs .field--name-field-answer {
	font-size:18px;
}
.page-node-type-page .content .quote-button {
	background: #ffcd4a;
	color: #125367;
	text-transform: uppercase;
	padding: 10px 30px;
	font-weight: bold;
    font-family: Arial Rounded Bold;
    font-size: 32px;
}
.page-node-type-page .content .quote-button:hover {
	color: white;
}
.logo-row {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-evenly;
	margin: 30px 0;
}
.logo-row img {
	max-width: 16.6666666667%;
}
.page-node-32 .main-container .field--name-body h2,
.path-frontpage .main-container .field--name-body h2 {
	font-size: 80px;
	font-family: Arial Rounded Bold;
	font-weight: bold;
	margin-top: 0px;
}
.page-node-32 .main-container,
.path-frontpage .main-container {
	background-image: url('/sites/default/files/inline-images/man-dog-outline_0.png');
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 300px;
}
.page-node-32 article,
.path-frontpage article {
	padding-left: 0;
	padding-right: 0;
}
.how-it-works,
.why-use-block {
	background: #d1e5e0;
	border-radius: 6px;
	padding: 15px 30px;
	color: #125367;
}
.how-it-works h2,
.why-use-block h2 {
	margin-top: 0;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	font-family: Arial Rounded Bold;
}
.how-it-works p,
.why-use-block p {
	color: #125367;
	text-align: center;
}
.why-use-block p a {
	color: #125367;
	font-weight: bold;
}
.how-it-works p img,
.why-use-block p img {
	display: block;
	margin: auto;
}
.how-it-works {
	padding: 15px;
	margin: 0 auto 30px;
	float: none;
	clear: both;
}
.how-it-works .field--name-body {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-evenly;
}
.how-it-works .field--name-body p {
	flex-basis: 33%;
	padding: 0px 8px;
}
.what-is-x h2 {
	margin-top: 0px;
	font-size: 20px;
	font-weight: bold;
	font-family: Arial Rounded Bold;
	color: #ffcd4a;
}
.what-is-x {
	padding-left: 0px;
	margin-bottom: 30px;
}
.what-is-x .quote-button {
	background: #ffcd4a;
	color: #125367;
	text-transform: uppercase;
	padding: 8px 30px;
	font-weight: bold;
    font-family: Arial Rounded Bold;
    font-size: 18px;
	margin-top: 10px;
}
.what-is-x .quote-button:hover {
	color: #125367;
}
#block-bootdev-weprideourselves {
		border-left: solid 2px white;
		margin-bottom: 30px;
}
.testimonial {
	padding-left: 45px;
	background-image: url('/themes/custom/bootdev/images/open-speech.png'), url('/themes/custom/bootdev/images/close-speech.png');
	background-repeat: no-repeat;
	background-position: top left, bottom right 15px;
	margin-bottom: 30px;
}
.testimonial p {
	font-style: italic;
}
.testimonial p strong {
	font-family: Arial Rounded Bold;
	font-weight: bold;
	font-size: 18px;
	font-style: normal;
}
#block-bootdev-footertext {
	text-align: center;
}
.footer {
	border: none;
	margin-top: 0;
}
#block-bootdev-footer {
	margin-top: 30px;
}
#block-bootdev-footer .menu--footer {
	display: flex;
	justify-content: center;
}
#block-bootdev-plmenu,
#block-bootdev-main-menu {
	padding-top: 20px;
	padding-bottom: 30px;
}
#block-bootdev-plmenu li,
#block-bootdev-main-menu li {
	flex: 1 1 auto;
	border-right: solid 2px white;
	text-align: center;
}
#block-bootdev-footer .menu--footer li {
	padding-left: 10px;
	padding-right: 10px;
	border-right: solid 2px white;
}
#block-bootdev-plmenu li:first-child,
#block-bootdev-main-menu li:first-child {
	border-left: solid 2px white;
}
#block-bootdev-footer .menu--footer li:first-child {
	padding-left: 0px;
}
#block-bootdev-footer .menu--footer li:last-child {
	border-right: none;
}
#block-bootdev-main-menu li a {
	font-size: 18px;
	text-transform: uppercase;
}
#block-bootdev-plmenu li.active a,
#block-bootdev-main-menu li.active a {
	background: none;
}
#block-bootdev-plmenu li a,
#block-bootdev-main-menu li a,
#block-bootdev-footer .menu--footer li a {
	padding: 0px;
	color: white;
	text-transform: uppercase;
}
#block-bootdev-plmenu li a:hover,
#block-bootdev-main-menu li a:hover,
#block-bootdev-footer .menu--footer li a:hover {
	background: none;
}
.field--name-field-quote-form {
	background: white;
	border-radius: 30px;
	padding: 30px;
	box-shadow: 10px 10px 10px 0px rgba(33,33,33,0.5);
	max-width: 800px;
	margin: 15px auto;
	position: relative;
}
.field--name-field-quote-form form #edit-bpg-badge {
	position: absolute;
	top: 10px;
	right: -40px;
}
.field--name-field-quote-form form #edit-form-head {
	color: #1c8066;
	font-family: Arial Rounded Bold;
	padding-right: 110px;
}
.field--name-field-quote-form form #edit-form-head h2 {
	margin-top: 0;
	font-size: 38px;
}
.field--name-field-quote-form form {
	color: #a0a0a0;
	font-family: Arial Rounded Bold;
	font-weight: bold;
	font-size: 20px;
}
.form-item-occupation,
.field--name-field-quote-form form .form-type-number {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.field--name-field-quote-form form legend span,
.field--name-field-quote-form form p,
.field--name-field-quote-form form,
.field--name-field-quote-form form label {
	color: #a0a0a0;
	font-family: Arial Rounded Bold;
	font-weight: Bold;
	font-size: 18px;
}
.field--name-field-quote-form form legend span:after,
.field--name-field-quote-form form label:after {
	display: none;
}
.field--name-field-quote-form form textarea,
.field--name-field-quote-form form input,
.field--name-field-quote-form form select {
	font-size: 18px;
	font-family: Arial Rounded Bold;
	font-weight: Bold;
	color: #a0a0a0;
	padding: 8px 12px;
	border: solid 2px #a0a0a0;
	height: 40px;
}
.field--name-field-quote-form form input[type=radio] {
	height: 0;
	width: 0;
}
.field--name-field-quote-form form input[type=radio]:before {
	content: '';
	position: absolute;
	top: -2px;
	left: 0;
	display: block;
	height: 18px;
	width: 18px;
	border-radius: 50%;
	border: solid 2px #a0a0a0;
	background: white;
	cursor: pointer;
}
.field--name-field-quote-form form input[type=radio]:checked:after {
	content: '';
	position: absolute;
	top: 2px;
	left: 4px;
	display: block;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background: #a0a0a0;
	cursor: pointer;
}
.field--name-field-quote-form form input[type=date],
.field--name-field-quote-form form select {
	font-weight: normal;
}
.field--name-field-quote-form form select option {
	color: #a0a0a0;
}
.field--name-field-quote-form form input::placeholder {
	color: #a0a0a0;
	opacity: 1;
	font-weight: normal;
}
.field--name-field-quote-form #edit-occupation {
	max-width: 32.5%;
}
.field--name-field-quote-form .form-type-select .select-wrapper:after {
	color: #a0a0a0;
}
.field--name-field-quote-form .webform-button--submit {
	background: #125367;
	border: none;
	color: white;
	color: white;
	text-transform: uppercase;
	padding: 10px 30px;
	font-weight: bold;
    font-family: Arial Rounded Bold;
    font-size: 18px;
}
.form-item-address-city {
	margin-bottom: 0;
}
#edit-who-is-the-cover-for---wrapper {
	margin-bottom: 15px;
}
#edit-who-is-the-cover-for---wrapper legend {
	margin-bottom: 5px;
}
.comparemajorproviders h3,
.comparemajorproviders span {
	font-size: 24px;
	font-weight: bold;
	font-family: Arial Rounded Bold
}
.comparemajorproviders img {
	max-width: 100px;
	margin-right: 10px;
}
#block-bootdev-getaquotetopbarli h2 strong,
#block-bootdev-getaquotetopbarpl h2 strong,
#block-bootdev-getaquotetopbar h2 strong {
	font-size: 40px;
	font-family: Arial Rounded Bold;
}
#block-bootdev-getaquotetopbarli .field--name-body ul,
#block-bootdev-getaquotetopbarpl .field--name-body ul,
#block-bootdev-getaquotetopbar .field--name-body ul {
	display: flex;
	max-width: 800px;
	margin: auto;
	padding-left: 0;
}
#block-bootdev-getaquotetopbarli ul li,
#block-bootdev-getaquotetopbarpl ul li,
#block-bootdev-getaquotetopbar ul li {
	list-style: none;
	display: flex;
	flex-wrap: nowrap;
	padding: 0 15px;
	flex-basis: 33%;
	align-items: center;
}
#block-bootdev-getaquotetopbarli ul li p:first-child,
#block-bootdev-getaquotetopbarpl ul li p:first-child,
#block-bootdev-getaquotetopbar ul li p:first-child {
	font-size: 54px;
	padding-right: 8px;
	font-family: Arial Rounded Bold;
	font-weight: bold;
}
#block-bootdev-getaquotetopbarli ul li p,
#block-bootdev-getaquotetopbarpl ul li p,
#block-bootdev-getaquotetopbar ul li p {
	font-size: 18px;
	text-align: left;
	line-height: 1.2;
	margin: 0;
}
#edit-name-group .webform-flex--1 {
	max-width: 20%;
}
.navbar-inverse .navbar-toggle {
	border-color: white;
	clear: both;
	margin-top: 15px;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background: none;
}
.navbar-inverse .navbar-toggle:not(.collapsed):hover, .navbar-inverse .navbar-toggle:not(.collapsed):focus,
.navbar-inverse .navbar-toggle:not(.collapsed) {
	background: white;
	border-color: white;
}
.navbar-inverse .navbar-toggle .icon-bar {
	transition: transform 0.3s linear;
}
.navbar-inverse .navbar-toggle:not(.collapsed) .icon-bar {
	background-color: #1c8066;
	transform: rotate(0deg);
}
.navbar-inverse .navbar-toggle:not(.collapsed) .icon-bar:nth-child(2) {
	transform: rotate(45deg);
    top: 6px;
    position: relative;
}
.navbar-inverse .navbar-toggle:not(.collapsed) .icon-bar:nth-child(3) {
	transform: rotate(-45deg);
    top: 0;
	right: 1px;
    position: relative;
}
.navbar-inverse .navbar-toggle:not(.collapsed) .icon-bar:last-child {
	opacity: 0;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
	border: none;
	box-shadow: none;
}
#edit-address--wrapper,
#edit-address--wrapper .form-item-address-postal-code {
	display: none;
}
#postCodeForm .postcode-input {
	 width: 66.6666666667%;
	 float: left;
	 padding-right: 0.5em;
}
 #postCodeForm .postcode-button {
	 width: 33.3333333334%;
	 display: inline-block;
	 position: relative;
	 padding-left: 0.5em;
}
 #postCodeForm .postcode-button button {
	 height: 40px;
	 width: 100%;
	 border: none;
	 border-radius: 4px;
	 color: white;
	 background: #a0a0a0;
	 font-family: Arial Rounded Bold;
	 font-size: 18px;
}
 #postCodeForm.error .postcode-input input {
	 border-color: #ff4136;
}
 #postCodeForm.error .postcode-button button {
	 background: #ff4136;
}
#crafty_postcode_result_display {
	display: block;
	margin: 15px 0;
	color: #a0a0a0;
	position: relative;
}
#crafty_postcode_result_display select:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}
#crafty_postcode_result_display select {
	border-radius: 4px;
	width: 100%!important;
	padding: 0 12px;
	padding-right: 30px;
	-moz-appearance: none;
	-webkit-appearance: none;
}
#crafty_postcode_result_display select::-ms-expand {
	display: none;
}
#crafty_postcode_result_display:has(select):after {
    color: #a0a0a0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e114';
    display: inline-block;
    font-family: 'Glyphicons Halflings';
	font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-top: -0.5em;
    padding-right: 0.5em;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 10;
}
.page-node-20 .field--name-field-quote-form,
.page-node-22 .field--name-field-quote-form,
.page-node-23 .field--name-field-quote-form,
.page-node-24 .field--name-field-quote-form,
.page-node-25 .field--name-field-quote-form,
.page-node-29 .field--name-field-quote-form,
.page-node-4 .field--name-field-quote-form {
	max-width: unset;
}
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form .webform-flex--2 .form-item-first-name label,
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form .webform-flex--2 .form-item-first-name input,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form .webform-flex--2 .form-item-first-name label,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form .webform-flex--2 .form-item-first-name input {
	width: 50%!important;
}
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form .webform-flex--2 .form-item-last-name label,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form .webform-flex--2 .form-item-last-name label {
	width: 25%!important;
}
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form .webform-flex--2 .form-item-last-name input,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form .webform-flex--2 .form-item-last-name input {
	width: 75%!important;
}
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #edit-address--wrapper,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form #edit-address--wrapper {
	clear:both;
}
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #edit-name-group,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form #edit-name-group {
	margin: 0 0 15px;
}
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #edit-name-group .webform-flex:first-child .webform-flex--container,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form #edit-name-group .webform-flex:first-child .webform-flex--container {
	margin-left: 0;
}
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #edit-name-group .webform-flex:last-child .webform-flex--container,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form #edit-name-group .webform-flex:last-child .webform-flex--container {
	margin-right: 0;
}
.field--name-field-quote-form form.webform-submission-personal-quote-li-form .postcode-input label,
.field--name-field-quote-form form.webform-submission-personal-quote-pl-form .postcode-input label,
.field--name-field-quote-form form.webform-submission-personal-quote-form .postcode-input label {
	display: none;
}
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form label,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form label {
	width: 25%;
	float: left;
	display: inline-block;
	margin-right: 0;
	padding-top: 9px;
}
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form .form-item-title .select-wrapper,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form .form-item-title .select-wrapper {
	width: auto;
}
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #edit-date-of-birth,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form #edit-date-of-birth {
	width: 61%;
}
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #edit-date-of-birth .form-item-date-of-birth-day,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form #edit-date-of-birth .form-item-date-of-birth-day {
	width: 25%;
	float: left;
	padding-right: 1em;
}
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #edit-date-of-birth .form-item-date-of-birth-day .select-wrapper,
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #edit-date-of-birth .form-item-date-of-birth-month .select-wrapper,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form #edit-date-of-birth .form-item-date-of-birth-day .select-wrapper,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form #edit-date-of-birth .form-item-date-of-birth-month .select-wrapper {
	width: 100%;
}
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #edit-date-of-birth .form-item-date-of-birth-year .select-wrapper,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form #edit-date-of-birth .form-item-date-of-birth-year .select-wrapper {
	width: 100%;
}
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #edit-date-of-birth .form-item-date-of-birth-day select,
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #edit-date-of-birth .form-item-date-of-birth-month select,
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #edit-date-of-birth .form-item-date-of-birth-year select,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form #edit-date-of-birth .form-item-date-of-birth-day select,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form #edit-date-of-birth .form-item-date-of-birth-month select,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form #edit-date-of-birth .form-item-date-of-birth-year select {
	width: 100%;
}
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #edit-date-of-birth .form-item-date-of-birth-month,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form #edit-date-of-birth .form-item-date-of-birth-month {
	padding-right: 1em;
}
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #edit-date-of-birth .form-item-date-of-birth-month,
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #edit-date-of-birth .form-item-date-of-birth-year,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form #edit-date-of-birth .form-item-date-of-birth-month,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form #edit-date-of-birth .form-item-date-of-birth-year {
	width: 37.5%;
	float: left;
}
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #edit-email-address,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form #edit-email-address {
	width: 75%;
}
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #postCodeForm #crafty_postcode_result_display,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form #postCodeForm #crafty_postcode_result_display {
	width: 74%;
	float: right;
}
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #postCodeForm .postcode-button,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form #postCodeForm .postcode-button {
	width: 35%;
}
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #postCodeForm .postcode-input input,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form #postCodeForm .postcode-input input {
	width: 59%;
}
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #postCodeForm .postcode-input label,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form #postCodeForm .postcode-input label {
	width: 41%;
	padding-left: 0.5em;
}
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #postCodeForm .postcode-input,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form #postCodeForm .postcode-input {
	width: 65%;
}
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #postCodeForm,
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form .form-item-phone-number label,
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form .form-item-phone-number input,
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form .form-item-phone-number,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form #postCodeForm,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form .form-item-phone-number label,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form .form-item-phone-number input,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form .form-item-phone-number {
	width: 50%;
	float: left;
}
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form .form-item-phone-number,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form .form-item-phone-number {
	padding-right: 0.5em;
}
#edit-req-text {
	width: 100%;
	clear: both;
}
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form .webform-flex--2 .form-item-first-name input,
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form .form-item-phone-number input,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form .webform-flex--2 .form-item-first-name input,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form .form-item-phone-number input {
	margin-left: 4px;
	margin-right: -4px;
}
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #edit-who-is-the-cover-for---wrapper label,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form #edit-who-is-the-cover-for---wrapper label {
	width: auto;
	float: none;
}
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form .form-item-occupation label,
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form .form-type-number label,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form .form-item-occupation label,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form .form-type-number label {
	width: 50%;
}
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form .form-item-occupation #edit-occupation,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form .form-item-occupation #edit-occupation {
	max-width: 100%;
}
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form .form-item-occupation input,
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form .form-type-number input,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form .form-item-occupation input,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form .form-type-number input {
	width: 36.9%;
}
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #edit-address--wrapper input,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form #edit-address--wrapper input {
	width: 75%
}
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form .webform-button--submit,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form .webform-button--submit {
	width: 25%;
	padding: 15px 30px;
}
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form input::placeholder,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form input::placeholder {
	color: #fff;
	opacity: 1;
	font-weight: normal;
}
.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #edit-bpg-badge,
.field--name-field-quote-form form.webform-submission-personal-quote-2-form #edit-bpg-badge {
	display: none!important;
}
#block-bootdev-footerlogobanner .field--name-body {
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
#block-bootdev-footerlogobanner .field--name-body img {
	width: 300px;
}
#block-bootdev-footerlogobanner .field--name-body p {
	font-size: 20px;
	font-family: Arial Rounded Bold;
}
#block-bootdev-footerlogobanner {
	clear: both;
	-webkit-box-shadow: 50vw 0px 0px 0px #1c8066, -50vw 0px 0px 0px #1c8066;
	box-shadow: 50vw 0px 0px 0px #1c8066, -50vw 0px 0px 0px #1c8066;
	background: #1c8066;
	padding: 20px 0;
	margin-bottom: 30px;
}
.topbar2 {
	padding: 20px;
	border-radius: 6px;
	background: #1c8066;
	margin-bottom: 15px;
}
.topbar2 .field--name-body ul {
	display: flex;
    justify-content: space-between;
	flex-wrap: nowrap;
	margin-bottom: 0;
	padding-left: 0px;
}
.topbar2 .field--name-body li {
	list-style: none;
	flex-grow: 1;
	flex-basis: 0;
	text-align: center;
	padding: 0 15px;
	position: relative;
}
.topbar2 .field--name-body li img {
	position: absolute;
	left: 20px;
	top: -33px;
	width: 200px;
}
.topbar2 .field--name-body p:first-child {
	font-size: 60px;
	line-height: 1;
}
.topbar2 .field--name-body li:nth-child(3) {
	border-left: solid 2px white;
	border-right: solid 2px white;
}
.topbar2 .field--name-body p {
	font-family: Arial Rounded Bold;
}
.compareproviders {
	border: solid 2px #1c8066;
	background: white;
	padding: 20px;
	margin-bottom: 30px;
}
.compareproviders .field--name-body em,
.compareproviders .field--name-body strong,
.compareproviders .field--name-body p {
	color: #1c8066;
	font-size: 22px;
	font-family: Arial Rounded Bold;
	margin-bottom: 20px;
}
.compareproviders .field--name-body .quote-clients {
	display: flex;
	align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
	gap: 0 20px;
}
.compareproviders .field--name-body .quote-clients img {
	min-width: 0;
}
.page-node-type-simple-page article .field--name-body a {
	color: inherit;
	text-decoration: underline;
}
.page-node-16 .field--name-body {
	word-break: break-word;
}
.page-node-16 .field--name-field-quote-form {
	max-width: unset;
}
.page-node-16 .field--name-field-quote-form textarea {
	height: auto;
	max-height: unset;
}
.page-node-16 .field--name-field-quote-form label,
.page-node-16 .field--name-field-quote-form input {
	width: 50%;
}
.page-node-16 .field--name-field-quote-form select {
	display: block;
	width: 100%;
}
.page-node-16 .field--name-field-quote-form .form-item-title-,
.page-node-16 .field--name-field-quote-form .form-item-name,
.page-node-16 .field--name-field-quote-form .form-item-surname,
.page-node-16 .field--name-field-quote-form .form-item-email,
.page-node-16 .field--name-field-quote-form .form-item-contact-no- {
	width: 50%;
	display: flex;
	flex-wrap: nowrap;
    align-items: center;
}
.page-node-16 .field--name-field-quote-form .form-item-surname,
.page-node-16 .field--name-field-quote-form .form-item-contact-no- {
	padding-left: 20px;
}
.page-node-16 .field--name-field-quote-form .form-item-name,
.page-node-16 .field--name-field-quote-form .form-item-surname,
.page-node-16 .field--name-field-quote-form .form-item-email,
.page-node-16 .field--name-field-quote-form .form-item-contact-no- {
	float: left;
}
.page-node-16 .field--name-field-quote-form .form-item-name,
.page-node-16 .field--name-field-quote-form .form-item-message,
.page-node-16 .field--name-field-quote-form .form-item-email {
	clear: both;
}

.page-node-13 .navbar-toggle,
.page-node-13 .quote-button,
.page-node-13 #navbar-collapse{display:none!important;}
.page-node-13 .navbar .logo {pointer-events: none;}
.page-node-27 .navbar-toggle,
.page-node-27 .quote-button,
.page-node-27 #navbar-collapse{display:none!important;}
.page-node-27 .navbar .logo {pointer-events: none;}
/*.page-node-26 .navbar-toggle,
.page-node-26 #navbar-collapse{display:none!important;}*/
.page-node-26 .navbar .logo {pointer-events: none;}


#postCodeForm.error .postcode-input label,
.field--name-field-quote-form form p.error{color:#ff4136;}
.form-group.error label, .form-group.has-error label, .form-group.error .control-label, .form-group.has-error .control-label {
	color:#ff4136;
}
.has-error .form-control {border-color:#ff4136;}
.webform-required{display:none;}
.page-node-type-quote-page .messages__wrapper{display:none;}

/* polish font styling */
.page-node-26 *,
.page-node-32 *,
.page-node-33 *,
.page-node-34 *,
.page-node-26 .field--name-body strong,
.page-node-26 #block-bootdev-getaquotetopbarpl h2 strong,
.page-node-26 .field--name-field-quote-form form #edit-form-head h2,
.page-node-26 .field--name-field-quote-form form label,
.page-node-26 .field--name-field-quote-form form p,
.page-node-26 #postCodeForm .postcode-button button,
.page-node-26 .field--name-field-quote-form form input,
.page-node-26 .comparemajorproviders h3,
.page-node-26 .comparemajorproviders span,
.page-node-26 .how-it-works h2,
.page-node-26 .field--name-field-quote-form .webform-button--submit,
.page-node-26 .why-use-block h2,
.page-node-26 .testimonial p strong {font-family: Lato!important;}
.page-node-32 article {
	max-width: 865px;
}
.page-node-26 .why-use-block p:first-child,
.page-node-26 .why-use-block p:nth-child(4),
#block-bootdev-getaquotetopbarpl ul li:nth-child(2) p:last-child,
.page-node-26 .how-it-works .field--name-body p:nth-child(2) {font-size: 15px;}

#block-bootdev-whyaretheyatrustedintermediarypl.why-use-block p a {
	font-weight: normal;
}

#block-bootdev-plnextsteps h2#fname {
	font-size: 42px;
	padding-top: 60px;
}

#block-bootdev-plnextsteps h3 {
	font-size: 30px;
}
#block-bootdev-howitworkspl.how-it-works h2,
#block-bootdev-whyaretheyatrustedintermediarypl.how-it-works h2,
#block-bootdev-whyaretheyatrustedintermediarypl.why-use-block h2,
#block-bootdev-whatislifeinsurancepl.what-is-x h2 {
	font-size: 24px;
}

#block-bootdev-plnextsteps {
	padding-bottom: 60px;
	background: #1c8066;
	margin-bottom: 30px;
	position: relative;
}
#block-bootdev-plnextsteps:before {
    content: '';
    display: block;
    background: #1c8066;
    top: 0;
    bottom: 0;
    width: 100vw;
    position: absolute;
    left: 50%;
    margin-left: -50vw;
    z-index: 0;
}
#block-bootdev-plnextsteps > .field--name-body {
	position: relative;
	z-index: 3;
}
#block-bootdev-nextsteps:before {
    content: '';
    display: block;
    background: #1c8066;
    top: 0;
    bottom: 0;
    width: 100vw;
    position: absolute;
    left: 50%;
    margin-left: -50vw;
    z-index: 0;
}
#block-bootdev-nextsteps {
	padding-bottom: 35px;
	padding-top: 15px;
    background: #1c8066;
    margin-bottom: 30px;
    position: relative;
}
#block-bootdev-nextsteps > .field--name-body h2 {
	margin-bottom: 8px;
	font-family: Arial Rounded Bold;
}
#block-bootdev-nextsteps > .field--name-body h3 {
	margin-top: 8px;
	font-family: Arial Rounded Bold;
}
#block-bootdev-nextsteps > .field--name-body h2,
#block-bootdev-nextsteps > .field--name-body h3,
#block-bootdev-nextsteps > .field--name-body p {
	color: white;
}
#block-bootdev-nextsteps > .field--name-body {
	position: relative;
	z-index: 3;
}
#block-bootdev-nextsteps > .field--name-body .next-steps-pl .step p {
	color: #125367;
}
.page-node-36,
.page-node-35,
.page-node-33 {
	background: rgb(18, 83, 103);
	overflow-x: hidden;
}

#block-bootdev-nextsteps .next-steps-pl {
	margin-top: 35px;
	margin-bottom: 15px;
}
.next-steps-pl {
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
	margin-bottom: 45px;
}
.next-steps-pl .step .icon img {
	width: 100px;
	margin: auto;
	margin-bottom: 15px;
}
.page-node-36 .next-steps-pl .step,
.page-node-35 .next-steps-pl .step {
	text-align: center;
}
.next-steps-pl .step {
	flex: 0 0 28%;
	padding: 25px;
	border-radius: 8px;
	background: #d1e5e0;
	position: relative;
}
.logo-grid-head {
	color: #ffcd4a;
}
.next-steps-pl .step .number {
	background: #ffcd4a;
	display: block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #125367;
	border-radius: 50%;
	margin-bottom: 10px;
	margin-left: -10px;
	margin-top: -10px;
}
.next-steps-pl .step p {
	color: #125367;
}
.next-steps-pl .step-two:after,
.next-steps-pl .step-one:after {
	content: '';
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: calc(100% + 15px);
    width: 60px;
    height: 20px;
    background-image: url(/themes/custom/bootdev/images/lightgrey_right_arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.why-choose,
.why-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin: 30px 0;
}
.why-choose .why-item,
.why-wrapper .why-item {
    flex: 0 1 15%;
    text-align: center;
}
.why-choose .why-item .why-image,
.why-wrapper .why-item .why-image {
    margin-bottom: 15px;
}
h3.partner-head,
h2.partner-head {
	color: #ffcd4a;
}
h3.partner-head img,
h2.partner-head img {
    max-height: 44px;
    margin-top: -15px;
    margin-left: 10px;
    width: auto;
}
.page-node-36 .quote-button,
.page-node-35 .quote-button {
    font-size: 18px!important;
	margin-bottom: 15px;
	margin-top: 10px;
}
.page-node-36 .quote-button:hover,
.page-node-35 .quote-button:hover {
	color: #125367!important;
}
.page-node-36 .what-is-x .quote-button,
.page-node-35 .what-is-x .quote-button {
	display: none;
}
.logo-strip .field--name-body {
	display: flex;
	padding: 15px;
	background: #d1e5e0;
	border-radius: 4px;
}
.logo-strip .field--name-body img {
	flex: 1 0 auto;
}
.logo-grid {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	background: #d1e5e0;
    border-radius: 6px;
    padding: 15px;
}
.logo-grid > div {
    flex: 0 1 23%;
    text-align: center;
	margin-top: 8px;
}
.howden-partner {
	padding: 25px;
	background: #d1e5e0;
	border-radius: 4px;
}
.howden-partner h2 {
	margin-top: 15px;
	color: #125367;
}
.howden-partner p {
	color: #125367;
}

@media (max-width: 1200px){
	.next-steps-pl .step-two:after, .next-steps-pl .step-one:after {
		left: calc(100% + 7px);
	}
}
@media (max-width: 991px){
	.next-steps-pl .step-two:after, .next-steps-pl .step-one:after {
		width: 45px;
	}
	.why-wrapper .why-item {
		flex: 0 1 35%;
		margin-bottom: 40px;
	}
}
@media (max-width: 767px){
	.next-steps-pl {
		display: block;
	}
	.next-steps-pl .step {
		flex: 0 0 100%;
		margin-bottom: 45px;
	}
	.next-steps-pl .step-two:after, .next-steps-pl .step-one:after {
		top: calc(100% + 12px);
		left: 50%;
		margin-top: 0;
		margin-left: -10px;
		transform: rotate(90deg);
		width: 35px;
	}
}
@media (max-width: 640px){
	.logo-grid > div {
        flex: 0 1 50%;
    }
	.why-wrapper .why-item {
		flex: 0 1 80%;
	}
	#block-bootdev-footer .menu--footer {
		flex-wrap: wrap;
	}
	#block-bootdev-footer .menu--footer li {
		margin-top: 15px;
	}
	#block-bootdev-footer .menu--footer li a {
		font-size: 14px;
	}
}
@media (max-width: 440px){
	h2.partner-head img {
		max-height: 32px;
        margin-top: 0;
    }
}
