/*  */
@charset "UTF-8";
/*!
Theme Name: HHCTheme
Version: 1.0.2
Author: HHC
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: hhctheme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

*/
/*--------------------------------------------------------------
# Abstract
--------------------------------------------------------------*/
/*Breakpoints*/
/* Show active breakpoint in top right corner of viewport */
/*Max width of container*/
/*Paddings*/
/*Fonts*/
/*Basic font-size*/
/*Headings*/
/*Paragraphs*/
/*Colors*/
/*Size of sidebar*/
/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* Style Guide 2023 https://drive.google.com/file/d/1_1Z5N9Mzk0kHzaWFR0GLSPjDUSsJT41t/view?usp=sharing */
:root {
  /* Colours */

  /* Primary HHC Colours */
  --Primary-Yellow:#FDB701;
  --Primary-Navy: #19263F;
  --Primary-White: #FFFFFF;

  /* Web, EDMs, Client Comms NO BRANDING */
  --Secondary-Blue: #5184A1;
  --Secondary-Pale-Blue: #E9EEF1;
  --Secondary-Pale-Grey: #F9F8F6;
  --Secondary-Black: #000000;

  /* Testing and Placeholder */
  --placeholder: #F0F;

  /* Break-Points */
  --mobile-width: 1199px;
}

body:before {
	background-color: transparent;
	border-bottom: none;
	border-left: none;
	color: transparent;
	font: small-caption;
	padding: 3px 6px;
	pointer-events: none;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 100;
}
@media screen and (min-width: 20em) {
	body:before {
		content: "xs ≥ 320px (20em)";
	}
}
@media screen and (min-width: 37.5em) {
	body:before {
		content: "sm ≥ 600px (37.5em)";
	}
}
@media screen and (min-width: 47.9375em) {
	body:before {
		content: "md ≥ 767px (47.9375em)";
	}
}
@media screen and (min-width: 61.25em) {
	body:before {
		content: "lg ≥ 980px (61.25em)";
	}
}
@media screen and (min-width: 75em) {
	body:before {
		content: "xl ≥ 1200px (75em)";
	}
}
@media screen and (min-width: 90em) {
	body:before {
		content: "xxl ≥ 1440px (90em)";
	}
}

/*--------------------------------------------------------------
## Basic styles
--------------------------------------------------------------*/
@media print {
	@page {
		size: portrait;
	}
}
* {
	box-sizing: border-box;
	box-sizing: inherit;
}
*:before {
	box-sizing: inherit;
}
*:after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
	font-size: 62.5%;
}

body {
	background: white;
}

hr {
	background-color: #333333;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul {
	margin-bottom: 1.5em;
	list-style: disc;
}

ol {
	margin-bottom: 1.5em;
	list-style: decimal;
}

li > ul {
	margin-bottom: 0;
}
li > ol {
	margin-bottom: 0;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

a {
	cursor: pointer;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.post,
.page {
	/*margin: 0 0 1.5em;*/
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## List style green tick
--------------------------------------------------------------*/
.green-tick ul {
	list-style: none;
}

.green-tick ul li {
	padding-bottom: 1rem;
}

.green-tick ul li:before {
	content: "";
	background: url(../hhctheme/images/green-tick.svg) no-repeat;
	width: 1em;
	height: 1em;
	left: 35px;
	position: absolute;
	margin-top: 8px;
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: "Merriweather", serif; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
/* a {
	background-color: transparent;
} */

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: "Merriweather", serif; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -1em;
	font-size: 1.6rem;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	/* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	/* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

.white p,
.white h1,
.white h2,
.white h3,
.white h4,
.white h6 {
	color: #ffffff;
}

.blue a,
.blue p {
	color: #19263f;
}

.grey a,
.grey p {
	color: #333333;
}

.light-blue h6 {
	color: #5184a1;
}

.light-grey a {
	color: #f9f8f6;
}

.bg-light-grey {
	background-color: #f9f8f6;
}

.yellow {
	color: #fdb701;
}
.yellow a,
.yellow h2,
.yellow h3 {
	color: #fdb701;
}

.grey-bg {
	background-color: #d8d8d8;
}

.light-blue-bg {
	background-color: #e9eef1;
}

.light-brown-bg {
	background-color: #f9f8f6;
}

.yellow-bg {
	background-color: #fdb701;
}

.blue::before {
	color: #19263f;
}

.light-yellow::before {
	color: #fecd4d;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/* merriweather-700 - latin */
@font-face {
	font-family: "Merriweather";
	font-style: normal;
	font-weight: 700;
	src: url("/wp-content/themes/hhctheme/fonts/merriweather-v25-latin-700.eot"); /* IE9 Compat Modes */
	src: local(""), url("/wp-content/themes/hhctheme/fonts/merriweather-v25-latin-700.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/hhctheme/fonts/merriweather-v25-latin-700.woff2") format("woff2"), url("/wp-content/themes/hhctheme/fonts/merriweather-v25-latin-700.woff") format("woff"), url("/wp-content/themes/hhctheme/fonts/merriweather-v25-latin-700.ttf") format("truetype"), url("/wp-content/themes/hhctheme/fonts/merriweather-v25-latin-700.svg#Merriweather") format("svg"); /* Legacy iOS */
}



h1 {
	font-size: 5.6rem;
	line-height: 1.1;
	color: #19263f;
	font-family: "Merriweather", serif;
	font-weight: 700;
	clear: both;
	padding-left: 0;
	padding-right: 0;
	margin: 0;
}
h1 a {
	text-decoration: none;
	color: inherit;
	font-size: inherit;
	font-family: inherit;
}
@media screen and (max-width: 61.24em) {
	h1 {
		font-size: 4.6rem;
	}
}
@media screen and (max-width: 37.49em) {
	h1 {
		font-size: 3.5rem;
	}
}

h2 {
	font-size: 3.6rem;
	line-height: 1;
	color: #19263f;
	font-family: "Merriweather", serif;
	font-weight: 700;
	clear: both;
	padding-left: 0;
	padding-right: 0;
	margin: 0;
}
h2 a {
	text-decoration: none;
	color: inherit;
	font-size: inherit;
	font-family: inherit;
}
@media screen and (max-width: 37.49em) {
	h2 {
		font-size: 3.3rem;
	}
}

h3 {
	font-size: 3.2rem;
	line-height: 1.25;
	color: #19263f;
	font-family: "Montserrat", sans-serif;
	clear: both;
	padding-left: 0;
	padding-right: 0;
	margin: 0;
	font-weight: 500;
}
h3 a {
	text-decoration: none;
	color: inherit;
	font-size: inherit;
	font-family: inherit;
}
@media screen and (max-width: 37.49em) {
	h3 {
		font-size: 2.5rem;
		text-align: center;
	}
}

h4 {
	font-family: "Montserrat", sans-serif;
	font-size: 2.4rem;
	line-height: 1.2;
	color: #333333;
	font-weight: 500;
	clear: both;
	padding-left: 0;
	padding-right: 0;
	margin: 0;
}
h4 a {
	text-decoration: none;
	color: inherit;
	font-size: inherit;
	font-family: inherit;
}

h5 {
	font-family: "Montserrat", sans-serif;
	font-size: 2.2rem;
	line-height: 1.21;
	color: #333333;
	font-weight: 500;
	clear: both;
	padding-left: 0;
	padding-right: 0;
	margin: 0;
}
h5 a {
	text-decoration: none;
	color: inherit;
	font-size: inherit;
	font-family: inherit;
}

h6 {
	font-family: "Montserrat", sans-serif;
	font-size: 2rem;
	line-height: 1.36;
	color: #19263f;
	font-weight: 400;
	clear: both;
	padding-left: 0;
	padding-right: 0;
	margin: 0;
}
h6 a {
	text-decoration: none;
	color: inherit;
	font-size: inherit;
	font-family: inherit;
}

p {
	font-family: "Montserrat", sans-serif;
}

.p1 p {
	font-size: 1.8rem;
	line-height: 1.35;
	margin-bottom: 1rem;
	padding: 0 1.6rem;
}

.p2 p {
	font-size: 1.6rem;
	line-height: 1.5;
}
.p2 a,
.p2 li {
	font-size: 1.6rem;
}

.p3 p {
	font-size: 1.4rem;
	line-height: 1.35;
	padding: 0 1.6rem;
}

.p4 p {
	font-size: 1.2rem;
	line-height: 1.14;
	margin: 0;
}

.p5 p {
	font-size: 1rem;
	line-height: 1.5;
	margin: 0;
}

p,
li,
a {
	font-family: "Montserrat", sans-serif;
	font-size: 1.8rem;
}

.link a {
	font-family: "Montserrat", sans-serif;
	color: #19263f;
}
.link a:visited {
	color: #19263f;
}
.link a:hover {
	color: #19263f;
	text-decoration: none;
}

body,
button,
input,
select,
optgroup,
textarea {
	color: #19263f;
	font-family: "Montserrat", sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
}

.quote-large {
	width: 100%;
}
.quote-large h4 {
	font-size: 24px;
	font-family: "Montserrat", sans-serif;
	padding: 0 20%;
	text-align: center;
}

.page-title {
	text-align: center;
	font-size: 5rem;
	padding: 0.5em 1em;
}

.text {
	font-family: "Montserrat", sans-serif;
	font-size: 2rem;
	line-height: 2.7rem;
	text-align: center;
	color: #000000;
	max-width: 80rem;
	margin-top: 2.4rem;
	margin-left: auto !important;
	margin-right: auto !important;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: white;
	font-size: 13.125px;
	font-size: 0.5625rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-size: 13.125px;
	font-size: 0.5625rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #333333;
	cursor: help;
}

mark,
ins {
	background: #f9f8f6;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
@media screen and (min-width: 75em) {
	.main-navigation {
		margin-top: 20px;
	}
	.main-navigation .menu-top-menu-container,
	.main-navigation .menu__link-arrow {
		display: none !important;
	}
}
.main-navigation ul {
	list-style: none;
	color: #19263f;
	display: flex;
	margin: 0;
	padding: 0;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li:focus > ul {
	visibility: visible;
}
.main-navigation ul li {
	margin-bottom: 10px;
}
.main-navigation ul a {
	display: flex;
	align-items: center;
}
.main-navigation a {
	color: #19263f;
	text-decoration: none;
}
.main-navigation a:not(.dropdown-menu__link) {
	display: block;
}
@media screen and (max-width: 74.99em) {
	.main-navigation {
		overflow-y: auto;
		padding-bottom: 4rem;
		height: calc(100vh - 191px);
	}
}

#menu-mega-menu {
	justify-content: space-around;
}

.menu__link {
	padding: 0 20px;
	line-height: 18px;
	display: flex;
	align-items: center;
	font-size: 16px;
	display: block;
	font-weight: 700;
	text-align: left;
}
@media screen and (max-width: 74.99em) {
	.menu__link {
		margin: 40px 0;
		font-size: 20px;
	}
}

#el-0df89e23 #main-menu-div .vce-col-content {
	padding-left: 0 !important;
}

@media screen and (max-width: 74.99em) {
	.main-nav,
	.main-nav-sticky-holder {
		display: none !important;
	}
}

@media screen and (max-width: 74.99em) {
	.header__phone--mobile {
		z-index: 1000;
	}
}

@media screen and (max-width: 74.99em) {
	#search-icon.search-mobile {
		display: none !important;
	}
}

@media screen and (min-width: 75em) {
	.menu > li {
		height: 50px;
	}
}

.main-nav-sticky-holder .menu a:not(.btn):hover {
	text-decoration: underline;
	text-decoration-color: #fdb701;
}

#mobile-menu-burger {
	cursor: pointer;
	z-index: 1200;
	position: absolute;
	top: 6px;
	right: 15px;
}

#mobile-menu-burger .mobile-menu-burger-bar1,
#mobile-menu-burger .mobile-menu-burger-bar2,
#mobile-menu-burger .mobile-menu-burger-bar3 {
	width: 22px;
	height: 3px;
	background-color: #333;
	margin: 3px auto;
	transition: 0.4s;
}

.mobile-menu-active .mobile-menu-burger-bar1 {
	-webkit-transform: rotate(-45deg) translate(-2px, 6px);
	transform: rotate(-45deg) translate(-2px, 6px);
}

.mobile-menu-active .mobile-menu-burger-bar2 {
	opacity: 0;
}

.mobile-menu-active .mobile-menu-burger-bar3 {
	-webkit-transform: rotate(45deg) translate(-2px, -7px);
	transform: rotate(45deg) translate(-2px, -7px);
}

.mobile-menu-burger__text--cancel {
	display: none;
}

.mobile-menu-active .mobile-menu-burger__text--cancel {
	display: inline;
}
.mobile-menu-active .mobile-menu-burger__text--menu {
	display: none;
}

@media screen and (max-width: 74.99em) {
	.nav-cont-fixed {
		min-width: none !important;
	}
	body.mobile-menu-active {
		overflow: hidden;
		position: fixed;
		width: 100%;
		height: 100%;
	}
	body.mobile-menu-active .main-nav-sticky-holder,
	body.mobile-menu-active .main-nav,
	body.mobile-menu-active #menu-mega-menu,
	body.mobile-menu-active .main-menu-show-on-mobile-only {
		display: block !important;
	}
	body.mobile-menu-active .search-site-btn,
	body.mobile-menu-active .main-nav #header-logo,
	body.mobile-menu-active .main-nav .search-nav-btn,
	body.mobile-menu-active #menu-mega-menu > li > a > br,
	body.mobile-menu-active .mega-menu-description > br {
		display: none !important;
	}
	body.mobile-menu-active .mega-menu-icon,
	body.mobile-menu-active .dropdown-menu__link-icon {
		width: 40px;
		height: 40px;
		margin: 0px 10px 0px 0px;
		vertical-align: middle;
	}
	body.mobile-menu-active .dropdown-menu {
		width: 100%;
		left: 0;
		transform: none;
		top: 0;
		visibility: visible;
		min-height: none;
		display: none;
		position: fixed;
		background: #fff;
		padding-bottom: 5rem;
		padding-top: 6rem;
		height: 100vh;
		overflow-y: auto;
	}
	body.mobile-menu-active #main-menu-div {
		position: fixed;
		background-color: #fff;
		top: 0;
		padding-top: 170px;
		z-index: 1111;
		overflow-y: scroll;
		width: 100%;
		left: 0;
		height: 100vh;
	}
	body.mobile-menu-active #main-menu-div:before {
		content: "";
		background-color: #fff;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 86px;
		z-index: 1000;
	}
	body.mobile-menu-active #menu-mega-menu > li {
		display: block;
		width: 100%;
		position: relative;
	}
	body.mobile-menu-active .main-nav-sticky-holder {
		height: 0px;
		box-shadow: none !important;
	}
	body.mobile-menu-active .header__logo {
		position: relative;
		z-index: 1000;
	}
	.vce-row.vce-row--col-gap-5.top-cont.main-nav.vce-row-columns--top.vce-row-content--top .vce-row-content {
		display: none !important;
	}
	.mobile-nav-cont {
		display: block !important;
		padding-top: 20px !important;
		padding-bottom: 20px !important;
		margin-top: 0px !important;
		margin-bottom: 0px !important;
		max-height: none !important;
	}
	.mobile-nav-cont .vce-col-content {
		padding-bottom: 0px !important;
	}
	.mobile-nav-cont .vce-row-content--top {
		padding-bottom: 0px !important;
		padding-top: 0px !important;
	}
	.top-cont {
		max-height: 55px;
		margin-top: 30px !important;
	}
}
.dropdown-menu {
	background-color: #f9f8f6;
	width: 100vw;
	left: 50%;
	transform: translateX(-50%);
	top: 50px;
	visibility: hidden;
	min-height: 210px;
	height: auto;
	z-index: 10;
	position: absolute;
	display: flex;
	justify-content: center;
	padding: 0px;
}
@media screen and (min-width: 75em) {
	.dropdown-menu .inner-container {
		width: 100%;
		display: flex;
		gap: 20px;
		justify-content: flex-start;
	}
}
.dropdown-menu .title-col {
	font-weight: 900;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 16px;
}

.dropdown-menu__col {
	width: 296px;
	float: left;
	margin: 0;
	padding: 20px 5px;
	z-index: 999;
}
@media screen and (min-width: 75em) {
	.dropdown-menu__col {
		position: relative;
	}
}
@media screen and (max-width: 74.99em) {
	.dropdown-menu__col {
		width: 100%;
		float: none;
		margin: 0px 0px 50px 0px;
		padding: 0px 10px;
	}
}
.dropdown-menu__col li:not(last-child),
.dropdown-menu__col a {
	font-size: 16px;
	line-height: 14px;
	text-align: left;
	font-weight: normal;
}
@media screen and (max-width: 74.99em) {
	.dropdown-menu__col li,
	.dropdown-menu__col a {
		width: 100%;
		margin-top: 10px;
		padding-bottom: 0px;
		font-size: 18px;
		line-height: 1.4;
	}
}
.dropdown-menu__col .button-cta,
.dropdown-menu__col .button-cta-2 {
	margin-left: 0;
}

.dropdown-menu__col .mega-menu_button-wrapper {
	display: flex;
	width: 280px;
	height: 242px;
	padding: 25px 15px;
	margin-left: 30px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 30px;
	flex-shrink: 0;
	border-radius: 10px;
	background: var(--secondary-blue, #E9EEF1);
}

.dropdown-menu__col .mega-menu_button-wrapper .mega-menu_button-heading {
	color: #19263F;
	text-align: center;
	/* Desktop/H3 24 Bold */
	font-family: Montserrat;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%; /* 28.8px */
}

.dropdown-menu__col .button-cta-2 a,
.dropdown-menu__col .button-cta-2 li {
	color: white;
	text-decoration: none;
	text-align: center;
}

.dropdown-menu__heading {
	font-family: "Karla", sans-serif;
	font-weight: 700;
	margin: 0 !important;
	padding: 0 0 1rem 0;
	font-size: 16px;
	letter-spacing: 0px;
	display: flex;
	align-items: center;
}
.dropdown-menu__link {
	font-weight: normal;
	display: flex;
	align-items: center;
}

.dropdown-menu__link-icon {
	margin-right: 10px;
}

.dropdown-menu__link-icon--small {
	width: 26px;
	height: 26px;
}

.dropdown-menu__link-icon--medium {
	width: 33px;
	height: 33px;
}

.dropdown-menu__link-icon--large {
	width: 40px;
	height: 40px;
}

.dropdown-menu__back {
	font-size: 16px;
	font-weight: 700;
	padding-left: 30px;
	width: 154px;
	display: none;
	position: fixed;
	top: 34px;
}
@media screen and (max-width: 74.99em) {
	.dropdown-menu__back {
		display: block;
	}
}

.dropdown-menu__back-img {
	display: block;
	margin-bottom: 6px;
}

.dropdown-menu--active {
	display: block !important;
}

.menu__link-arrow {
	display: inline-block;
	width: 60px;
	height: 30px;
	background: url(/wp-content/themes/hhctheme/images/angle-right.svg) no-repeat right center;
	background-size: 9px 15px;
	position: absolute;
	right: 15px;
	top: -6px;
	z-index: 2;
}

@media screen and (max-width: 74.99em) {
	.menu-mega-menu-container {
		margin: 0px auto;
	}
}

.dropdown-menu__back {
	display: none;
	z-index: 1000;
}

.dropdown-menu--opened .dropdown-menu__back {
	display: block;
}
.dropdown-menu--opened .header__phone--mobile {
	display: none !important;
}

@media screen and (min-width: 75em) {
	#main-menu-btn-household-loans + .dropdown-menu .inner-container {
		justify-content: flex-start;
	}
	#main-menu-btn-household-loans + .dropdown-menu .dropdown-menu__col {
		position: relative;
	}
	#main-menu-btn-household-loans + .dropdown-menu .dropdown-menu__col:nth-child(2) {
		left: -4rem;
	}
	#main-menu-btn-household-loans + .dropdown-menu .dropdown-menu__col:nth-child(3) {
		left: -9rem;
	}
}

@media screen and (min-width: 75em) {
	#main-menu-btn-professionals + .dropdown-menu .dropdown-menu__col {
		position: relative;
		left: 84.5rem;
	}
}
@media screen and (max-width: 37.49em) {
	#main-menu-btn-professionals + .dropdown-menu .dropdown-menu__col:first-child {
		padding-top: 40px;
	}
	#main-menu-btn-professionals + .dropdown-menu .dropdown-menu__col:not(first-child) {
		padding-top: 0px;
	}
}

@media screen and (min-width: 75em) {
	#main-menu-btn-products-services + .dropdown-menu .dropdown-menu__col {
		position: relative;
		left: 21.5rem;
	}
}
@media screen and (max-width: 37.49em) {
	#main-menu-btn-products-services + .dropdown-menu .dropdown-menu__col:first-child {
		padding-top: 40px;
	}
	#main-menu-btn-products-services + .dropdown-menu .dropdown-menu__col:not(first-child) {
		padding-top: 0px;
	}
}

@media screen and (min-width: 75em) {
	#main-menu-btn-guides-knowledgecentre-testimonials + .dropdown-menu .dropdown-menu__col {
		position: relative;
		left: 61.5rem;
	}
}
@media screen and (max-width: 37.49em) {
	#main-menu-btn-guides-knowledgecentre-testimonials + .dropdown-menu .dropdown-menu__col:first-child {
		padding-top: 40px;
	}
	#main-menu-btn-guides-knowledgecentre-testimonials + .dropdown-menu .dropdown-menu__col:not(first-child) {
		padding-top: 0px;
	}
}

@media screen and (min-width: 75em) {
	#main-menu-btn-tools-resources + .dropdown-menu .inner-container {
		justify-content: flex-start;
	}
	#main-menu-btn-tools-resources + .dropdown-menu .dropdown-menu__col:nth-child(2) {
		left: 49rem;
	}
	#main-menu-btn-tools-resources + .dropdown-menu .dropdown-menu__col:nth-child(3) {
		left: 39rem;
	}
}

.searchbar__overlay {
	background-color: #f9f8f6;
	min-height: 123px;
	width: 100%;
	z-index: 1000;
	position: absolute;
	top: 42px;
	left: 0;
}
@media screen and (max-width: 74.99em) {
	.searchbar__overlay {
		min-height: 80px;
		top: 90px;
		padding-top: 5px;
		position: fixed;
	}
	.searchbar__overlay > div {
		width: 100%;
		left: 0 !important;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}
.searchbar__overlay > div {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.searchbar__input {
	border: none;
	color: rgb(62, 64, 66);
	font-size: 16px;
	padding: 5px 16px;
	max-width: 500px;
	width: 100%;
	height: 40px;
	display: block;
	z-index: 999;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
@media screen and (max-width: 74.99em) {
	.searchbar__input {
		width: 90%;
		max-width: 90%;
		height: 48px;
		padding: 0 50px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
}

.searchbar__close {
	cursor: pointer;
	text-align: center;
	border-radius: 22px;
	background-color: rgb(185, 197, 211);
	color: rgb(0, 0, 0);
	padding: 7px 12px;
	font-size: 16px;
	z-index: 401;
}

.searchbar__close,
.searchbar__lens {
	margin-left: 10px;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.searchbar__lens {
	cursor: pointer;
	text-align: center;
	border-radius: 22px;
	background-color: rgb(253, 183, 1);
	color: rgb(0, 0, 0);
	padding: 7px 10px;
	z-index: 40;
}
@media screen and (max-width: 74.99em) {
	.searchbar__lens {
		background: none;
		position: absolute;
		left: 6%;
		top: 28%;
		z-index: 999;
		margin-left: 0;
	}
}

@media screen and (max-width: 74.99em) {
	#btn-search-site,
	.searchbar__close {
		display: none !important;
	}
}

.nav-search-site-btn {
	z-index: 13;
	width: 40px !important;
	max-width: 40px !important;
}

.btn-megaMenu, .btn-megamenu-mobile {
	width: 60%;
	margin: 2rem 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 5rem;
	padding: 0.5rem 4.6rem !important;
	height: 4.7rem;
	background-color: #fff !important;
	border: 2px solid;
	transition: all 0.3s ease;
	font-family: "Montserrat", sans-serif;
	font-weight: 500 !important;
	font-size: 1.6rem !important;
	line-height: 1.9rem;
	transition: all 0.3s ease;
	white-space: nowrap;

	-webkit-transition: none !important;
	-moz-transition: none !important;
	transition: none !important;
}

@media screen and (max-width: 74.99em) {
	.btn-megaMenu {
		display: none !important;
	}
}

.btn-megaMenu:hover, .btn-megamenu-mobile:hover {
	cursor: pointer;
	background-color: #5184a1;
	border-color: #5184a1;
	color: #fff;
}

.btn-megaMenu_yellow {
	background-color: #fdb701;
	border-color: #fdb701;
	color: #19263f;
}

.btn-megaMenu_blue {
	background-color: #19263f;
	border-color: #19263f;
	color: #ffffff !important;
}

.phone-button {
	color: #fdb701;
	cursor: pointer;
}
.phone-button a {
	text-decoration: none;
}
.phone-button p {
	text-align: right;
}
.phone-button p span {
	color: #fdb701;
}

.phone_top {
	cursor: pointer;
	white-space: nowrap;
	margin-top: 8px;
}
.phone_top a {
	margin-top: 1rem;
	color: #fdb701 !important;
	font-size: 1.8rem;
	line-height: 2.7rem;
	text-decoration: none;
}

.phone-hover-btn {
	display: none;
	background-color: #5184a1;
	border-radius: 20px;
	margin: -6px auto 0;
	width: 216px;
	z-index: 999;
	height: 2.8rem;
	position: relative;
	line-height: 1;
}
.phone-hover-btn a,
.phone-hover-btn li {
	font-size: 1rem;
	text-decoration: none;
}

.phone-button:hover + .phone-hover-btn {
	display: block;
}

.btn span a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 5rem;
	padding: 0rem 4.6rem !important;
	height: 4.7rem;
	border: 2px solid;
	transition: all 0.3s ease;
}
.btn span a span {
	font-family: "Montserrat", sans-serif;
	font-weight: 500 !important;
	font-size: 1.6rem !important;
	line-height: 1.9rem;
	transition: all 0.3s ease;
	white-space: nowrap;
}
.btn span a:before, .btn span a:after {
	display: none;
}

.btn_primary-yellow span a {
	background-color: #fdb701;
	border-color: #fdb701;
}
.btn_primary-yellow span a span {
	color: #19263f;
}
.btn_primary-yellow span a:hover {
	cursor: pointer;
	background-color: #19263f !important;
	border-color: #19263f;
}
.btn_primary-yellow span a:hover span {
	color: #ffffff;
}
.btn_primary-yellow span a:disabled {
	background-color: #ffedc0;
	border-color: #ffedc0;
}
.btn_primary-yellow span a:disabled span {
	color: #fecd4d;
}

.btn_primary-blue span a {
	background-color: #19263f;
	border-color: #19263f;
}
.btn_primary-blue span a span {
	color: #ffffff;
}
.btn_primary-blue span a:hover {
	cursor: pointer;
	background-color: #19263f;
	border-color: #19263f;
}
.btn_primary-blue span a:hover span {
	color: #fdb701;
}
.btn_primary-blue span a:disabled {
	background-color: #e8e9ec;
	border-color: #e8e9ec;
}
.btn_primary-blue span a:disabled span {
	color: #bfcad6;
}

.btn_primary-transparent_yellow span a {
	background-color: transparent;
	border-color: #fdb701;
	color: #19263f;
	font-family: "Montserrat", sans-serif;
	font-weight: 500 !important;
	font-size: 1.6rem !important;
	line-height: 1.9rem;
	transition: all 0.3s ease;
	white-space: nowrap;
}
.btn_primary-transparent_yellow span a:hover {
	cursor: pointer;
	background-color: #19263f !important;
	border-color: #19263f;
}
.btn_primary-transparent_yellow span a:hover span {
	color: #ffffff;
}
.btn_primary-transparent_yellow span a:disabled {
	cursor: not-allowed;
	border-color: #e8e9ec;
}
.btn_primary-transparent_yellow span a:disabled span {
	color: #c6c9cf;
}

.btn_secondary-transparent_blue span a {
	background-color: transparent;
	border-color: #19263f;
}
.btn_secondary-transparent_blue span a span {
	color: #19263f;
}
.btn_secondary-transparent_blue span a:hover {
	cursor: pointer;
	background-color: #19263f !important;
	border-color: #19263f;
}
.btn_secondary-transparent_blue span a:hover span {
	color: #ffffff;
}
.btn_secondary-transparent_blue span a:disabled {
	cursor: not-allowed;
	border-color: #e8e9ec;
}
.btn_secondary-transparent_blue span a:disabled span {
	color: #c6c9cf;
}

.btn_secondary-transparent_white span a {
	background-color: transparent;
	border-color: #ffffff;
}
.btn_secondary-transparent_white span a span {
	color: #ffffff;
}
.btn_secondary-transparent_white span a:hover {
	cursor: pointer;
	background-color: #19263f !important;
	border-color: #19263f;
}
.btn_secondary-transparent_white span a:hover span {
	color: #ffffff;
}
.btn_secondary-transparent_white span a:disabled {
	cursor: not-allowed;
	border-color: #5e6779;
}
.btn_secondary-transparent_white span a:disabled span {
	color: #5e6779;
}

.btn_basic span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 5rem;
	height: 4.7rem;
	border: 2px solid;
	transition: all 0.3s ease;
	margin: 0 !important;
}
.btn_basic span a {
	font-family: "Montserrat", sans-serif;
	font-weight: 500 !important;
	font-size: 1.6rem !important;
	line-height: 1.9rem;
	transition: all 0.3s ease;
	white-space: nowrap;
}

.btn_primary-yellow_basic span {
	background-color: #fdb701;
	border-color: #fdb701;
}
.btn_primary-yellow_basic span a {
	color: #19263f;
}
.btn_primary-yellow_basic span:hover {
	cursor: pointer;
	background-color: #19263f;
	border-color: #19263f;
}
.btn_primary-yellow_basic span:hover a {
	color: #ffffff;
}
.btn_primary-yellow_basic span:disabled {
	cursor: not-allowed;
	border-color: #fecd4d;
	background-color: #fecd4d;
}
.btn_primary-yellow_basic span:disabled a {
	color: #ffedc0;
}

.btn_primary-yellow_basicTwo span {
	background-color: #fdb701;
	border-color: #fdb701;
}
.btn_primary-yellow_basicTwo span a {
	color: #19263f;
}
.btn_primary-yellow_basicTwo span:hover {
	cursor: pointer;
	background-color: #172239 !important;
	border-color: #172239 !important;
}
.btn_primary-yellow_basicTwo span:hover a {
	color: #ffffff;
}
.btn_primary-yellow_basicTwo span:disabled {
	cursor: not-allowed;
	border-color: #fecd4d;
	background-color: #fecd4d;
}
.btn_primary-yellow_basicTwo span:disabled a {
	color: #ffedc0;
}

.btn_primary-blue_basic span {
	background-color: #19263f;
	border-color: #19263f;
}
.btn_primary-blue_basic span a {
	color: #ffffff;
}
.btn_primary-blue_basic span:hover {
	background-color: #5184a1;
	border-color: #5184a1;
	cursor: pointer;
}
.btn_primary-blue_basic span:hover a {
	color: #fff;
}
.btn_primary-blue_basic span:disabled {
	cursor: not-allowed;
	background-color: #e8e9ec;
	border-color: #e8e9ec;
}
.btn_primary-blue_basic span:disabled a {
	color: #c6c9cf;
}

.btn_secondary-transparent_blue_basic span {
	background-color: transparent;
	border-color: #19263f;
}
.btn_secondary-transparent_blue_basic span a {
	color: #19263f;
}
.btn_secondary-transparent_blue_basic span:hover {
	cursor: pointer;
	background-color: #19263f !important;
	border-color: #19263f;
}
.btn_secondary-transparent_blue_basic span:hover a {
	color: #ffffff;
}
.btn_secondary-transparent_blue_basic span:disabled {
	cursor: not-allowed;
	border-color: #e8e9ec;
}
.btn_secondary-transparent_blue_basic span:disabled a {
	color: #c6c9cf;
}

.btn_secondary-transparent_white_basic span {
	background-color: transparent;
	border-color: #ffffff;
}
.btn_secondary-transparent_white_basic span a {
	color: #ffffff;
}
.btn_secondary-transparent_white_basic:hover span {
	cursor: pointer;
	background-color: #5184a1;
	border-color: #5184a1;
}
.btn_secondary-transparent_white_basic:hover span a {
	color: #ffffff;
}
.btn_secondary-transparent_white_basic:disabled span {
	border-color: #5e6779;
}
.btn_secondary-transparent_white_basic:disabled span a {
	color: #5e6779;
}

.btn_primary-yellow_form {
	width: 100%;
	text-align: center;
	color: #19263f;
	background-color: #fdb701;
	border-color: #fdb701;
	height: 47px;
	border-radius: 5rem;
	font-family: "Montserrat", sans-serif;
	font-weight: 500 !important;
	font-size: 1.6rem !important;
	line-height: 1.9rem;
	transition: all 0.3s ease;
	white-space: nowrap;
}
.btn_primary-yellow_form:hover {
	cursor: pointer;
	background-color: #19263f;
	border-color: #19263f;
	color: #ffffff;
}
.btn_primary-yellow_form:disabled {
	cursor: not-allowed;
	color: #fecd4d;
	background-color: #ffedc0;
	border-color: #ffedc0;
}

.phone_cb {
	white-space: nowrap;
	cursor: pointer;
	font-size: 5.6rem;
	line-height: 1.04;
	font-weight: 700;
}
.phone_cb a {
	text-decoration: none;
}
@media screen and (max-width: 74.99em) {
	.phone_cb p {
		font-size: 4rem;
	}
}
@media screen and (max-width: 61.24em) {
	.phone_cb p {
		font-size: 3rem;
	}
}
@media screen and (max-width: 37.49em) {
	.phone_cb p {
		font-size: 2.7rem;
	}
}

.btn-primary--yellow {
	color: #19263f;
	background-color: #fdb701;
	display: inline-block;
	padding: 0.93rem 2.68rem;
}
.btn-primary--yellow span a {
	color: #19263f;
}
.btn-primary--yellow:hover {
	background-color: #19263f;
	cursor: pointer;
}
.btn-primary--yellow:hover span a {
	color: white;
}

.btn-primary--blue > span > a {
	color: white;
	background-color: #19263f;
}
.btn-primary--blue > span > a:hover {
	background-color: #19263f;
	color: #fdb701;
}

.btn--secondary {
	width: 100% !important;
	background-color: #fff; 
	border: 2px solid #19263f;
	color: #19263f;
    text-align: center !important;
    align-items: center !important;
    justify-content: center;
    border-radius: 50px !important;
}

@media screen and (min-width: 75em) {
	.btn--secondary {
		padding: 5px 0px;
	}
}

.btn--secondary:hover {
	background-color: #5184a1;
	border: 2px solid #5184a1;
	color: white;
}

.btn--secondary__download > span > a {
	background-color: transparent;
	border: 2px solid #19263f;
	color: #19263f;
}
.btn--secondary__download > span > a:hover {
	background-color: #19263f;
	border: 2px solid #19263f;
	color: white;
}

.btn--secondary__footer > span > a {
	background-color: transparent;
	border: 2px solid white;
	color: white;
}
.btn--secondary__footer > span > a:hover {
	background-color: #19263f;
	border: 2px solid #19263f;
}

.button-primary,
.button-primary input[type=button],
.button-primary input[type=reset],
.button-primary input[type=submit] {
	border: 1px solid;
	border-color: #333333;
	background: white;
	color: #333333;
	width: 170px;
	height: 42px;
	font-size: 16px;
	border-radius: 20px;
	padding: 0.5em;
	margin: 4%;
	cursor: pointer;
}
.button-primary a,
.button-primary li,
.button-primary input[type=button] a,
.button-primary input[type=button] li,
.button-primary input[type=reset] a,
.button-primary input[type=reset] li,
.button-primary input[type=submit] a,
.button-primary input[type=submit] li {
	text-align: center;
}
.button-primary:hover, .button-primary:active, .button-primary:focus,
.button-primary input[type=button]:hover,
.button-primary input[type=button]:active,
.button-primary input[type=button]:focus,
.button-primary input[type=reset]:hover,
.button-primary input[type=reset]:active,
.button-primary input[type=reset]:focus,
.button-primary input[type=submit]:hover,
.button-primary input[type=submit]:active,
.button-primary input[type=submit]:focus {
	border-color: #19263f;
	background-color: #19263f;
	color: white;
}

.button-small,
.button-small input[type=button],
.button-small input[type=reset],
.button-small input[type=submit] {
	border: none;
	background: #fdb701;
	color: #19263f;
	height: 30px;
	border-radius: 20px;
	padding: 0.5em;
	margin: 4%;
	cursor: pointer;
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}
.button-small:hover, .button-small:active, .button-small:focus,
.button-small input[type=button]:hover,
.button-small input[type=button]:active,
.button-small input[type=button]:focus,
.button-small input[type=reset]:hover,
.button-small input[type=reset]:active,
.button-small input[type=reset]:focus,
.button-small input[type=submit]:hover,
.button-small input[type=submit]:active,
.button-small input[type=submit]:focus {
	border-color: #19263f;
	background-color: #19263f;
	color: white;
}

.button-small-blog,
.button-small-blog input[type=button],
.button-small-blog input[type=reset],
.button-small-blog input[type=submit] {
	border: none;
	background: white;
	color: #fdb701;
	height: 24px;
	border-radius: 20px;
	padding: 0.5em;
	margin: 4%;
	cursor: pointer;
	line-height: 1;
	padding: 0.6em 1em 0.4em;
	margin: 10px;
}
.button-small-blog:hover, .button-small-blog:active, .button-small-blog:focus,
.button-small-blog input[type=button]:hover,
.button-small-blog input[type=button]:active,
.button-small-blog input[type=button]:focus,
.button-small-blog input[type=reset]:hover,
.button-small-blog input[type=reset]:active,
.button-small-blog input[type=reset]:focus,
.button-small-blog input[type=submit]:hover,
.button-small-blog input[type=submit]:active,
.button-small-blog input[type=submit]:focus {
	border-color: #19263f;
	background-color: #19263f;
	color: white;
}

body #gform_wrapper_1 .gform_footer input[type=submit],
.button-cta {
	border: none;
	background: #fdb701;
	color: #19263f;
	width: 170px;
	height: 42px;
	font-size: 16px;
	border-radius: 20px;
	padding: 0.5em;
	margin: 4%;
	cursor: pointer;
}
body #gform_wrapper_1 .gform_footer input[type=submit] a,
body #gform_wrapper_1 .gform_footer input[type=submit] li,
.button-cta a,
.button-cta li {
	text-align: center;
}
body #gform_wrapper_1 .gform_footer input[type=submit]:hover, body #gform_wrapper_1 .gform_footer input[type=submit]:active, body #gform_wrapper_1 .gform_footer input[type=submit]:focus,
.button-cta:hover,
.button-cta:active,
.button-cta:focus {
	border-color: #19263f;
	background-color: #19263f;
	color: white;
}

.button-cta-2 {
	border: 2px solid #19263f;
	background: transparent;
	color: #19263f;
	border-radius: 20px;
	padding: 0.5em;
	margin: 4%;
	cursor: pointer;
	width: 170px;
	height: 42px;
	font-size: 16px;
}
.button-cta-2:hover, .button-cta-2:active, .button-cta-2:focus {
	border-color: #19263f;
	background-color: #19263f;
	color: white;
}
.button-cta-2 a,
.button-cta-2 li {
	text-align: center;
}
.button-cta-2 a,
.button-cta-2 li {
	color: white;
}

.search-nav-btn {
	z-index: 12;
}

#get-started-btn {
	margin-top: 20px;
	width: 220px;
	width: 170px;
	height: 42px;
	font-size: 16px;
	border-radius: 20px;
	padding: 0.5em;
	margin: 4%;
	cursor: pointer;
}
#get-started-btn a,
#get-started-btn li {
	text-align: center;
}
#get-started-btn:hover, #get-started-btn:active, #get-started-btn:focus {
	border-color: #19263f;
	background-color: #19263f;
	color: white;
}

#btn-search-site {
	color: #000;
	border-radius: 22px;
	cursor: pointer;
	background-color: #fdb701;
	padding: 7px 10px;
	margin-top: -4px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
}

#social-share-button {
	cursor: pointer;
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #f9f8f6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 10.5px;
	font-size: 0.45rem;
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
	border-color: #ccc #bbb #aaa;
}
button:active, button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
	border-color: #aaa #bbb #bbb;
}

.btn span,
.vce-button--style-basic-container span {
	border-radius: 4em;
}
.btn span:hover,
.vce-button--style-basic-container span:hover {
	background-color: #5184a1 !important;
	border-color: #5184a1;
	color: #ffffff !important;
}
.btn span:hover a,
.vce-button--style-basic-container span:hover a {
	background-color: transparent !important;
	cursor: pointer;
	border-color: #5184a1;
	color: #ffffff !important;
}
.btn span:disabled,
.vce-button--style-basic-container span:disabled {
	cursor: not-allowed;
	border-color: #e8e9ec;
}
.btn span:disabled span,
.vce-button--style-basic-container span:disabled span {
	color: #c6c9cf;
}

.vce-button--style-outline-container.btn.btn_secondary-transparent_blue {
	padding: 0;
	border-radius: 4em;
}

.vce-button--style-outline-animated.vce-button--style-outline--border-round:hover {
	background-color: #5184a1 !important;
	border-color: #5184a1;
	color: #ffffff !important;
}
.vce-button--style-outline-animated.vce-button--style-outline--border-round:hover span {
	color: #ffffff !important;
}

/*--------------------------------------------------------------
## Forms
--------------------------------------------------------------*/
*:focus {
	outline: none;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
	color: #333333;
	border: 1px solid #f9f8f6;
	border-radius: 3px;
	padding: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
	color: #19263f;
}

select {
	border: 1px solid #f9f8f6;
}

textarea {
	width: 100%;
}

.calc-form [data-mce-caret=after] {
	display: none;
}
.calc-form__title {
	margin-bottom: 10.6rem;
}
@media screen and (max-width: 61.24em) {
	.calc-form__title {
		margin-bottom: 8.8333333333vw;
	}
}
@media screen and (max-width: 61.24em) {
	.calc-form__holder {
		margin-bottom: 4.8rem;
	}
}
.calc-form h5 {
	font-size: 16px;
	line-height: 24px !important;
	font-weight: normal;
	font-family: "Montserrat", sans-serif;
	margin: 8px 0px 18px 0px;
	letter-spacing: 0px;
}

.homepage-calc-experience .homepage-calc-form {
	display: none;
}

.homepage-calc-experience .homepage-calc-thanks {
	display: none;
}

.homepage-calc-form {
	display: none;
}

.homepage-calc-thanks {
	display: none;
}

.error {
	color: red;
	margin: 0.68em 0;
	text-align: left;
	font-size: 15px !important;
}

.submit-err {
	text-align: center;
	margin-top: 15px;
}

.calc-form {
	margin-top: 14px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.calc-form .consent {
	width: 100% !important;
	max-width: 500px;
	padding: 0px 20px;
	margin: 0 auto;
}
.calc-form .error {
	width: 155px;
	margin: 0px !important;
}
.calc-form .button-cta {
	margin: 10px auto 0px auto !important;
	display: block;
}

.calc-fields {
	width: 800px;
}
@media screen and (max-width: 61.24em) {
	.calc-fields {
		width: 100%;
		padding: 0 1.5rem;
	}
}

.calc-input {
	text-align: center;
	margin: 0px 10px;
	width: 140px;
}
.calc-input img {
	width: 80px;
	height: 80px;
	cursor: pointer;
	border-radius: 50%;
}
.calc-input h4 {
	font-size: 18px;
	line-height: 24px !important;
	font-weight: normal;
	font-family: "Montserrat", sans-serif;
	margin: 0 !important;
	letter-spacing: 0px;
	text-align: center;
}

.ages {
	margin: 0px 10px;
	width: 140px;
}

.calc-results h2 {
	font-size: 30px !important;
	line-height: 30px !important;
	color: #333333;
	font-weight: bold;
	font-family: "Merriweather", serif;
	margin: 0;
}
.calc-results h4 {
	font-size: 18px;
	line-height: 24px !important;
	font-weight: normal;
	font-family: "Montserrat", sans-serif;
	margin: 0 !important;
	letter-spacing: 0px;
	text-align: center;
}
.calc-results h5 {
	font-size: 16px;
	line-height: 24px !important;
	font-weight: normal;
	font-family: "Montserrat", sans-serif;
	margin: 8px 0px 18px 0px;
	letter-spacing: 0px;
}

.calc-results-points {
	margin: auto !important;
	width: 800px !important;
	max-width: 800px !important;
}
.calc-results-points h2 {
	font-size: 30px !important;
	line-height: 30px !important;
	color: #333333;
	font-weight: bold;
	font-family: "Merriweather", serif;
	margin: 0;
}
@media screen and (max-width: 61.24em) {
	.calc-results-points {
		margin: auto !important;
		width: 100% !important;
		max-width: none !important;
	}
}

.calc-results-points h4 {
	margin: 0px;
	line-height: 18px !important;
}
.calc-results-points p {
	margin: 0px 0px 20px 0px;
	line-height: 18px !important;
}
.calc-results-points p:parent {
	margin: 0px !important;
}
.calc-results-points .arrow-holder {
	flex-basis: 24px !important;
	max-width: 24px !important;
	height: 0px !important;
	margin-right: 20px !important;
}
.calc-results-points .text-holder {
	flex-basis: calc(100% - 44px) !important;
	max-width: calc(100% - 44px) !important;
}

.calculator [data-mce-caret=after] {
	display: none;
}

.calc-form input:not([type=checkbox]),
.calc-form input[type=text],
.calc-form input[type=email],
.calc-form input[type=number],
.calc-form input[type=tel] {
	font-size: 1.8rem;
	width: 100%;
	height: calc(1.5em + 0.75rem + 2px);
	padding: 0.375rem 0.75rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	margin-top: 5px;
	margin-bottom: 10px;
}

.calc-form input:not([type=checkbox]),
.calc-form input[type=text] ::-webkit-input-placeholder,
.calc-form input[type=email] ::-webkit-input-placeholder,
.calc-form input[type=number] ::-webkit-input-placeholder,
.calc-form input[type=tel] ::-webkit-input-placeholder {
	color: #333333;
	-webkit-appearance: none !important;
	-moz-appearance: textfield !important;
	appearance: none !important;
}

.calc-form input:not([type=checkbox]),
.calc-form input[type=text] :-ms-input-placeholder,
.calc-form input[type=email] :-ms-input-placeholder,
.calc-form input[type=number] :-ms-input-placeholder,
.calc-form input[type=tel] :-ms-input-placeholder {
	color: #333333;
	-webkit-appearance: none !important;
	-moz-appearance: textfield !important;
	appearance: none !important;
}

.calc-form input:not([type=checkbox]),
.calc-form input[type=text] ::-ms-input-placeholder,
.calc-form input[type=email] ::-ms-input-placeholder,
.calc-form input[type=number] ::-ms-input-placeholder,
.calc-form input[type=tel] ::-ms-input-placeholder {
	color: #333333;
	-webkit-appearance: none !important;
	-moz-appearance: textfield !important;
	appearance: none !important;
}

.calc-form input:not([type=checkbox]),
.calc-form input[type=text] ::placeholder,
.calc-form input[type=email] ::placeholder,
.calc-form input[type=number] ::placeholder,
.calc-form input[type=tel] ::placeholder {
	color: #333333;
	-webkit-appearance: none !important;
	-moz-appearance: textfield !important;
	appearance: none !important;
}

.calc-form input[type=checkbox] {
	padding: 10px;
}

#calculator-results {
	margin-bottom: 60px;
}
#calculator-results .ajax-loader {
	width: 28px;
	height: 28px;
}

#manual-inputs {
	width: 100%;
}

#calculator-home-page-form .calc-input-2 {
	padding: 0px 10px !important;
}
@media screen and (min-width: 20em) {
	#calculator-home-page-form .calc-input-2 {
		max-width: 320px !important;
		padding: 0px !important;
	}
}

.calc-input-2 {
	text-align: left;
	width: 100%;
}
@media screen and (max-width: 61.24em) {
	.calc-input-2 {
		max-width: 30rem;
		margin: 0 5rem;
	}
}
.calc-input-2 h4 {
	font-size: 18px;
	line-height: 24px !important;
	font-weight: normal;
	font-family: "Montserrat", sans-serif;
	margin: 0 !important;
	letter-spacing: 0px;
	text-align: center;
}
.calc-input-2 input:not([type=checkbox]) {
	font-size: 1.8rem;
	width: 100%;
	height: calc(1.5em + 0.75rem + 2px);
	padding: 0.375rem 0.75rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	margin-top: 5px;
	margin-bottom: 10px;
}
.calc-input-2 input[type=text] {
	font-size: 1.8rem;
	width: 100%;
	height: calc(1.5em + 0.75rem + 2px);
	padding: 0.375rem 0.75rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	margin-top: 5px;
	margin-bottom: 10px;
}
.calc-input-2 input[type=email] {
	font-size: 1.8rem;
	width: 100%;
	height: calc(1.5em + 0.75rem + 2px);
	padding: 0.375rem 0.75rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	margin-top: 5px;
	margin-bottom: 10px;
}
.calc-input-2 input[type=number] {
	font-size: 1.8rem;
	width: 100%;
	height: calc(1.5em + 0.75rem + 2px);
	padding: 0.375rem 0.75rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	margin-top: 5px;
	margin-bottom: 10px;
}
.calc-input-2 input[type=tel] {
	font-size: 1.8rem;
	width: 100%;
	height: calc(1.5em + 0.75rem + 2px);
	padding: 0.375rem 0.75rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	margin-top: 5px;
	margin-bottom: 10px;
}
.calc-input-2 select {
	font-size: 1rem;
	width: 100%;
	height: calc(1.5em + 0.75rem + 2px);
	padding: 0.375rem 0.75rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	margin-top: 5px;
	margin-bottom: 10px;
}
.calc-input-2 .error {
	width: 280px;
}

.consent p {
	text-align: left;
	float: right;
	cursor: pointer !important;
}
.consent input[type=checkbox] {
	float: left;
	margin: 8px 15px 80px 0;
}

#find-address {
	width: 80px;
	float: left;
}

.calc-btn img {
	cursor: pointer;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	margin: 1em;
}

#calc_submit {
	width: 220px;
	height: 50px;
	border-radius: 30px;
}

#calculator-purposes-form {
	margin-top: 20px;
	margin-bottom: 60px;
}

#purposes-error {
	text-align: center !important;
}

.calc-purposes {
	width: 180px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	text-align: center;
	height: 380px;
	background-color: white;
	padding: 1.5%;
	border-radius: 10px;
	margin: 0.5em 0.6em;
	cursor: pointer !important;
	-webkit-box-shadow: 1px 4px 4px 0 rgba(0, 0, 0, 0.02), 1px 6px 10px 0 rgba(0, 0, 0, 0.02);
	box-shadow: 1px 4px 4px 0 rgba(0, 0, 0, 0.02), 1px 6px 10px 0 rgba(0, 0, 0, 0.02);
}
@media screen and (max-width: 37.49em) {
	.calc-purposes {
		height: 320px !important;
	}
}
.calc-purposes img {
	margin: 1em;
	width: 90px;
	height: 90px;
	cursor: pointer;
}
.calc-purposes label {
	cursor: pointer;
}
.calc-purposes h4 {
	font-size: 18px !important;
	letter-spacing: 0px !important;
	cursor: pointer;
}
.calc-purposes p {
	font-size: 16px !important;
	letter-spacing: 0px !important;
	cursor: pointer;
}
.calc-purposes:hover {
	-webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08), 0 6px 10px 0 rgba(0, 0, 0, 0.08);
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08), 0 6px 10px 0 rgba(0, 0, 0, 0.08);
}

#calc-signup {
	max-width: 500px;
	width: 100%;
	padding: 0px 20px;
	margin: auto;
}
#calc-signup .submit-err {
	display: none !important;
}

.calc-form__results #calculator-results {
	margin-bottom: 0px !important;
}

.calc-diagram {
	text-align: center;
	height: auto;
	padding: 1%;
	max-width: 340px;
}
.calc-diagram .ajax-loader {
	width: 16px;
	height: 16px;
}
@media screen and (max-width: 37.49em) {
	.calc-diagram #yellow-arrow {
		display: none;
	}
}
.calc-diagram ul {
	list-style: none !important;
	margin: 0px 0px 0px 0px;
}
.calc-diagram ul li::before {
	content: "■";
	font-weight: bold;
	font-size: 28px;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
	vertical-align: top;
}
.calc-diagram li {
	font-size: 16px;
	line-height: 16px;
	text-align: left;
	height: auto;
	width: max-content;
	margin-bottom: 10px;
}
.calc-diagram h4 {
	font-size: 22px;
	letter-spacing: 0px;
}
.calc-diagram img {
	width: 200px;
	height: 250px;
}
@media screen and (max-width: 74.99em) {
	.calc-diagram {
		text-align: center;
		min-height: 250px;
	}
}

.calc-diagrams {
	max-width: 800px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 auto;
}

#current-home-val {
	margin-top: 0px;
}

#refi-calc-diagram {
	width: 360px;
}
#refi-calc-diagram ul {
	margin-left: 0px !important;
}
#refi-calc-diagram .slider-loan-left {
	width: 150px !important;
}

#calculator-slider .calc-diagram {
	width: 300px;
	position: relative;
}
#calculator-slider #lump-sum-transfer {
	font-size: 26px !important;
	margin: 40px 0px 5px 0px;
	border: none;
	border-radius: none;
	background-color: transparent;
}
#calculator-slider #lump-sum-transfer h5 {
	margin-top: 14px !important;
	font-weight: normal;
	letter-spacing: 0px;
}

.loan-details {
	display: inline-block;
}

.diagram-text {
	display: block;
	width: 100%;
}

#apply-online {
	margin: auto;
	display: block;
}

.calc-form__results #max-amount {
	margin-top: 20px !important;
}

#max-amount {
	font-size: 40px;
	font-size: 40px;
	margin-top: 40px !important;
	padding: 0px 20px;
	border: 1px solid #19263f;
	border-radius: 6px;
	background-color: #e3eff6;
}

#lump-sum-transfer {
	font-size: 40px;
	font-size: 40px;
	margin-top: 40px !important;
	padding: 0px 20px;
	border: 1px solid #19263f;
	border-radius: 6px;
	background-color: #e3eff6;
}

@media screen and (max-width: 37.49em) {
	#max-amount-title {
		margin-top: 30px !important;
	}
}

#repayments-amount,
#equity-amount {
	font-size: 40px;
	font-size: 40px;
	margin-top: 0px !important;
	margin-bottom: 20px !important;
	padding: 0px 20px;
	border: 1px solid #19263f;
	border-radius: 6px;
	background-color: #e3eff6;
	padding: 20px;
}

#max-amount {
	padding: 20px;
}

#max-amount-bottom-p {
	margin-bottom: 0px !important;
}

#yellow-arrow {
	height: auto;
	width: 110px;
	margin-top: 60%;
	float: left;
	z-index: 1;
}

@media screen and (max-width: 37.49em) {
	#yellow-arrow-parent {
		display: none;
	}
}

.slider-loan-left {
	width: 150px;
	display: inline-block;
}

.slider-loan-right {
	text-align: right;
	width: 95px;
	display: inline-block;
	vertical-align: top;
}

.house-bg {
	background-color: #5184a1;
	height: 200px;
	width: 200px;
	margin: 0 auto;
}
.house-bg img {
	height: 100%;
	width: 100%;
	z-index: 1;
}

.slider-cont {
	width: 100%;
	margin: 10px 0px;
}
.slider-cont h5 {
	font-size: 32px;
}
.slider-cont input[type=range] {
	padding: 0px !important;
}

.slider {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	height: 18px;
	background: #f6f6f6;
	border: 1px solid #dddddd !important;
	border-radius: 3px !important;
	outline: none;
	-webkit-transition: 0.2s;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}
.slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 22px;
	height: 22px;
	border: 1px solid #dddddd !important;
	border-radius: 3px !important;
	cursor: pointer;
	background: rgb(232, 232, 232);
	background: linear-gradient(0deg, rgb(232, 232, 232) 32%, rgb(246, 246, 246) 58%);
	z-index: 110;
}

#slider-percent {
	position: absolute;
	width: 100px;
	top: 98px;
	left: 104px;
	z-index: 4;
	font-size: 30px;
	color: #ffffff;
	margin-top: 0px !important;
}

#slider-percent-title {
	position: absolute;
	width: 100px;
	top: 124px;
	left: 100px;
	z-index: 4;
	font-size: 16px;
	color: #ffffff !important;
	margin: 0px 0px;
}

#slider-percent-2 {
	position: absolute;
	width: 100px;
	top: 98px;
	left: 104px;
	z-index: 4;
	font-size: 30px;
	color: #ffffff;
	margin-top: 0px !important;
}

.slider-percent {
	top: 100;
	z-index: 4;
	font-size: 30px;
	color: white;
}

.calc-results-titles-holder {
	max-width: 600px;
	margin: auto !important;
}

#refi-results-email-summary,
#refi-results-future,
#refi-results-dot-points,
#refi-results-main,
#refi-results-mortgage-too-large {
	display: none;
}

.logged-in #refi-results-email-summary,
.logged-in #refi-results-future,
.logged-in #refi-results-dot-points,
.logged-in #refi-results-main,
.logged-in #refi-results-mortgage-too-large {
	display: block;
}

.autocomplete {
	position: relative;
	display: inline-block;
	width: 100%;
}

.address-items {
	position: absolute;
	background-color: #fff;
	border: 1px solid #d4d4d4;
	border-bottom: none;
	z-index: 99;
	top: 60px;
	left: 0;
	right: 0;
}
.address-items div {
	padding: 20px;
	cursor: pointer !important;
	background-color: white;
	border-bottom: 1px solid #d4d4d4;
	border-radius: 4px;
}
.address-items div:hover {
	background-color: #f1f1f1;
	cursor: pointer !important;
}

.address-active {
	background-color: #f1f1f1 !important;
	color: #ffffff;
}

#address {
	text-transform: capitalize !important;
}

#manual-address {
	color: #19263f !important;
	cursor: pointer;
}

#search-address {
	color: #19263f !important;
	cursor: pointer;
}

#calc-results,
#calc-not-valid,
#thankyou-calc,
#combination,
#house-2 {
	display: none;
}

body #gform_wrapper_2 .gform_footer input[type=submit],
body .gform_wrapper .gform_footer input[type=submit] {
	border: none;
	background: #fdb701;
	color: #19263f;
	border-radius: 20px;
	padding: 0.5em;
	margin: 4%;
	cursor: pointer;
	width: 170px;
	height: 42px;
	font-size: 16px;
	text-align: center;
}
body #gform_wrapper_2 .gform_footer input[type=submit]:hover,
body .gform_wrapper .gform_footer input[type=submit]:hover {
	background: #5184a1 !important;
	color: #fff !important;
}
body #gform_wrapper_2 .instruction,
body .gform_wrapper .instruction {
	display: none !important;
}
body #gform_wrapper_2 {
	padding: 10px 0 10px 20px;
}
body .gform_wrapper li.gfield.gfield_error {
	border-color: transparent !important;
	color: black !important;
	background-color: transparent !important;
}
body .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
	border-color: transparent !important;
	color: black !important;
	background-color: transparent !important;
}

.gfield_validation_message {
	color: #fc6565 !important;
}

.gfield_required {
	color: #fc6565 !important;
}

.gfield_error input {
	border: 1px solid #fc6565 !important;
}

.gfield_error input[type=checkbox] {
	outline: 1px solid #fc6565;
}

#field_1_2 .instruction {
	display: none !important;
}

.gform_wrapper div.validation_error {
	display: none !important;
}
.gform_wrapper li.gfield.gfield_error {
	padding-top: 0px !important;
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
	padding-top: 0px !important;
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {
	margin-top: 0px !important;
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
	margin-top: 0px !important;
}

.gform_body p,
.gform_body li,
.gform_body a {
	font-size: 16px !important;
}

.form-id-schedule-call .gfield_radio {
	margin: 0px 0px !important;
}
.form-id-schedule-call li {
	margin: 10px 0px 0px 0px !important;
}
.form-id-schedule-call .gform_footer {
	margin: 0px !important;
}
.form-id-schedule-call #input_2_2_5_label {
	margin: 1px 0px 0px 1px !important;
}
.form-id-schedule-call #gform_submit_button_2 {
	margin: 0px !important;
}

#field_3_6 {
	padding-right: 0 !important;
}

#gform_wrapper_7 {
	background-color: #f4f4f4;
	padding: 40px;
}

#gform_wrapper_7 .gfield {
	padding-right: 0px !important;
}

#gform_wrapper_7 .gfield_error {
	max-width: none !important;
}

#gform_wrapper_7 .gform_title {
	color: #333333;
	font-size: 2.125em;
	font-family: "Montserrat", sans-serif;
	font-weight: 100;
	margin: 0px;
}

#gform_wrapper_7 #field_7_6 {
	float: left;
	width: 47%;
	margin-bottom: 14px !important;
}

#gform_wrapper_7 #field_7_10 {
	float: right;
	width: 47%;
	margin-bottom: 14px !important;
	clear: none;
}

#gform_wrapper_7 .gfield_label, .gfield_consent_label {
	color: #58595B;
	font-size: 0.875em;
	font-family: "Montserrat", sans-serif;
	font-weight: 100;
}

#gform_wrapper_7 #input_7_3, #input_7_12, #input_7_10_5_container, #input_7_10_5, #input_7_6 {
	width: 100% !important;
	padding-right: 0px !important;
	margin-bottom: 0px;
}

#gform_wrapper_7 #input_7_13_3, #input_7_13_6 {
	margin-bottom: 0px !important;
}

#gform_wrapper_7 #input_7_7, #input_7_14 {
	width: 100% !important;
	padding: 7px 0 7px 3px !important;
}

#gform_wrapper_7 #gform_submit_button_7 {
	margin: auto;
	display: block;
}

#gform_wrapper_7 .gfield_validation_message {
	padding: 0px !important;
}

#gform_wrapper_7 .ginput_right {
	min-height: initial !important;
}

.logged-in .card-form-holder {
	display: flex !important;
}

.card-form-holder {
	display: none !important;
}

#gform_wrapper_8 {
	width: 500px;
	margin: 0px auto;
}

#gform_wrapper_8 input:not([type=submit]) {
	border: 1px solid #c3c3c3;
}

#gform_wrapper_8 select {
	border: 1px solid #c3c3c3;
	border-radius: 3px;
	padding: 7px;
}

#gform_wrapper_8 .gfield {
	padding-right: 0px !important;
}

#gform_wrapper_8 .gfield_error {
	max-width: none !important;
}

#gform_wrapper_8 .gform_title {
	color: #333333;
	font-size: 2.125em;
	font-family: "Montserrat", sans-serif;
	font-weight: 100;
	margin: 0px;
}

#gform_wrapper_8 #field_8_14 {
	float: left;
	width: 48.5% !important;
	margin-bottom: 0px !important;
}

#gform_wrapper_8 #input_8_14 {
	width: 100% !important;
}

#gform_wrapper_8 #field_8_16 {
	float: right;
	width: 48.5% !important;
	margin-bottom: 0px !important;
	clear: none;
}

#gform_wrapper_8 #input_8_16 {
	width: 100% !important;
}

#gform_wrapper_8 #field_8_6 {
	float: left;
	width: 48.5%;
	margin-bottom: 14px !important;
}

#gform_wrapper_8 #field_8_10 {
	float: right;
	width: 48.5%;
	margin-bottom: 14px !important;
	clear: none;
}

#gform_wrapper_8 .gfield_label, .gfield_consent_label {
	color: #58595B;
	font-size: 1.6rem;
	font-family: "Montserrat", sans-serif;
	font-weight: 100;
}

#gform_wrapper_8 #input_8_3, #input_8_12, #input_8_10_5_container, #input_8_10_5, #input_8_6 {
	width: 100% !important;
	padding-right: 0px !important;
	margin-bottom: 0px;
}

#gform_wrapper_8 #input_8_13_3, #input_8_13_6 {
	margin-bottom: 0px !important;
}

#gform_wrapper_8 #gform_submit_button_8 {
	margin: auto;
	display: block;
}

#gform_wrapper_8 .gfield_validation_message {
	padding: 0px !important;
	margin-bottom: -20px;
}

#gform_wrapper_8 .ginput_right {
	min-height: initial !important;
}

#gform_confirmation_message_8 {
	text-align: center;
	margin: 40px;
	font-size: 22px;
}

#gform_wrapper_8 #gform_ajax_spinner_8 {
	padding-left: 10px;
	margin: 10px auto;
	text-align: center;
	display: block;
}

@media only screen and (max-width: 641px) {
	#gform_wrapper_8 ul li.gfield {
		margin-top: 5px;
	}
	#gform_wrapper_8 .gform_footer {
		margin-top: 0px !important;
	}
	#gform_wrapper_8 .gform_heading, .gform_description {
		margin-bottom: 2px !important;
	}
	#gform_wrapper_8 .gform_title {
		font-size: 1.125em;
	}
	#gform_wrapper_8 input {
		font-size: 12px;
		line-height: 1;
	}
	#gform_wrapper_8 select {
		font-size: 12px;
		padding: 5px;
	}
	#gform_wrapper_8 .gfield_validation_message {
		font-size: 0.7em !important;
	}
	#gform_wrapper_8 .gfield_required {
		display: inline !important;
	}
	#gform_wrapper_8 #field_8_14 {
		float: none;
		width: 100% !important;
	}
	#gform_wrapper_8 #field_8_16 {
		float: none;
		width: 100% !important;
		clear: none;
	}
	#gform_wrapper_8 .gfield_error {
		margin-top: 16px !important;
	}
}
/*--------------------------------------------------------------
## Search
--------------------------------------------------------------*/
#searchform {
	border: none;
	border-bottom: 1px solid #19263f;
	width: 148px;
	padding: 1px 2px;
	color: #f9f8f6;
	margin-top: 28px;
	margin-left: 2%;
	z-index: 10;
}
#searchform input[type=text] {
	border: none;
	text-align: left;
	width: 118px;
	font-size: 16px;
	padding: 0;
	color: #19263f;
}

#searchsubmit {
	position: absolute;
	bottom: 10px;
	left: 122px;
	width: 18px;
	height: 18px;
	margin: 0 2%;
	z-index: 10;
	background-color: transparent;
	background-image: url("sass/media/search.png");
	background-repeat: no-repeat;
	background-size: contain;
	border: none;
}
#searchsubmit:hover {
	opacity: 0.7;
}

.search-cont {
	display: block;
}

.search-results-cont {
	max-width: 800px;
	margin: 0 !important;
	text-align: left;
	padding: 0 !important;
	text-align: left !important;
	color: #19263f;
}
.search-results-cont a {
	text-decoration: underline;
	margin: 0.01em 0 !important;
	font-size: 18px;
}
.search-results-cont a:hover {
	text-decoration: underline;
	text-underline-position: under;
	-webkit-text-decoration-color: #fdb701;
	text-decoration-color: #fdb701;
}
.search-results-cont a:focus {
	text-decoration: underline;
	text-underline-position: under;
	-webkit-text-decoration-color: #fdb701;
	text-decoration-color: #fdb701;
}
.search-results-cont a:active {
	text-decoration: underline;
	text-underline-position: under;
	-webkit-text-decoration-color: #fdb701;
	text-decoration-color: #fdb701;
}
.search-results-cont h2 {
	text-decoration: underline;
	margin: 0.01em 0 !important;
	font-size: 18px;
}
.search-results-cont h2:hover {
	text-decoration: underline;
	text-underline-position: under;
	-webkit-text-decoration-color: #fdb701;
	text-decoration-color: #fdb701;
}
.search-results-cont h2:focus {
	text-decoration: underline;
	text-underline-position: under;
	-webkit-text-decoration-color: #fdb701;
	text-decoration-color: #fdb701;
}
.search-results-cont h2:active {
	text-decoration: underline;
	text-underline-position: under;
	-webkit-text-decoration-color: #fdb701;
	text-decoration-color: #fdb701;
}
.search-results-cont p {
	font-size: 16px;
}

.popup-form-error {
	text-align: justify;
}
.popup-form-error h3 {
	text-align: center;
}
@media screen and (max-width: 640px) {
	.popup-form-error p {
		font-size: 12px !important;
	}
}

.tablepress {
	font-size: 16px !important;
}

.social-share-option {
	width: 40px;
	margin: 0px;
	float: right;
}

.social-outter-cont {
	float: right;
	width: 250px;
	display: none;
	margin-right: 8%;
	position: relative;
}

.social-share {
	background-color: #19263f;
	width: 250px;
	height: auto;
	z-index: 10;
	float: right;
	padding: 4% 2%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: wrap;
	-ms-flex: wrap;
	flex: wrap;
}

.social-share-triangle {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #19263f;
}

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
#search-icon {
	width: 30px;
	height: 30px;
	display: none;
}
#search-icon:hover {
	opacity: 0.8;
	cursor: pointer;
}

#search-icon-button {
	display: none;
}

.search-icon {
	display: none;
}
@media screen and (max-width: 74.99em) {
	.search-icon {
		width: 30px;
		height: 30px;
		display: block;
		margin-left: 100px;
	}
}

@media screen and (max-width: 640px) {
	#why-choose-us-icon {
		width: 100px;
		height: 100px;
		margin-bottom: 2%;
	}
}

@media screen and (max-width: 640px) {
	.why-choose-us-icon img {
		width: 100px;
		height: 100px;
		margin-bottom: 2%;
	}
}

.social-share-icon {
	width: 40px;
	height: 40px;
}
@media print {
	.social-share-icon {
		display: none !important;
	}
}

#icon {
	cursor: pointer;
}

.icon {
	float: left;
	margin: 0 10px;
}
.icon img {
	-o-object-fit: contain;
	object-fit: contain;
}

#linkedin {
	width: 40px;
	margin-bottom: 10px;
}

#fbk {
	width: 15px;
}

#twitter {
	width: 25px;
	margin-top: 10px;
}

#email {
	width: 24px;
	margin-top: 5px;
}

@media screen and (max-width: 74.99em) {
	.footer-social-btn .vce-single-image-container {
		display: inline-block !important;
		width: 50px;
		margin: 0px;
	}
}
@media screen and (max-width: 74.99em) {
	.footer-social-btn {
		display: inline-block !important;
		-webkit-flex-basis: none !important;
		flex-basis: none !important;
		max-width: none !important;
		flex: none !important;
		width: 40px;
		margin: 0px 20px 0px -15px !important;
	}
}

#footer-email {
	color: #f9f8f6;
	opacity: 0.4;
}

.facebook,
.youtube,
.linkedin,
.twitter,
.personalised-icon,
.repayment,
.keep-title,
.no-negative,
.lifetime,
.consumer-icon,
.lowest-rate,
.responsible-lending,
.flexibility,
.lump-sum,
.refinance,
.income {
	background-image: url("/wp-content/themes/hhctheme/images/Household-Capital-Icons.png");
	background-repeat: no-repeat;
	background-color: transparent;
}

.bg-apply,
.bg-blog,
.bg-calculate,
.bg-capability,
.bg-care,
.bg-careers,
.bg-case-study,
.bg-consumer-projections,
.bg-couple,
.bg-cross,
.bg-drawdown,
.bg-ebook,
.bg-email,
.bg-explore,
.bg-facebook,
.bg-fees,
.bg-flexibility,
.bg-give,
.bg-help,
.bg-home-equity,
.bg-infographics,
.bg-interest-rates,
.bg-keep-title,
.bg-invest,
.bg-linkedin,
.bg-live,
.bg-lumpsum,
.bg-news,
.bg-no-negative-guarantee,
.bg-partners,
.bg-payment,
.bg-personalised-consultation,
.bg-personalised-service,
.bg-phone,
.bg-receive-funds,
.bg-receive,
.bg-refinance,
.bg-renovate-home,
.bg-responsible-lending,
.bg-single,
.bg-stay-in-home,
.bg-tick,
.bg-tip,
.bg-topup,
.bg-twitter,
.bg-whitepapers,
.bg-youtube,
.bg-tax-free-1,
.bg-tax-free-2,
.bg-award,
.bg-no-payment,
.bg-competitive-rates {
	width: 90px;
	height: 90px;
	background: url("/wp-content/themes/hhctheme/images/hhc-yellow-icons.png");
	transform: scale(0.8);
}

.bg-apply {
	background-position: -10px -10px;
}

.bg-blog {
	background-position: -10px -120px;
}

.bg-calculate {
	background-position: -120px -120px;
}

.bg-capability {
	background-position: -230px -10px;
}

.bg-care {
	background-position: -230px -120px;
}

.bg-careers {
	background-position: -10px -230px;
}

.bg-case-study {
	background-position: -120px -230px;
}

.bg-consumer-projections {
	background-position: -340px -10px;
}

.bg-couple {
	background-position: -340px -120px;
}

.bg-cross {
	background-position: -340px -230px;
}

.bg-drawdown {
	background-position: -10px -340px;
}

.bg-ebook {
	background-position: -120px -340px;
}

.bg-email {
	background-position: -230px -340px;
}

.bg-explore {
	background-position: -340px -340px;
}

.bg-facebook {
	background-position: -450px -10px;
}

.bg-fees {
	background-position: -450px -120px;
}

.bg-flexibility {
	background-position: -450px -230px;
}

.bg-give {
	background-position: -450px -340px;
}

.bg-help {
	background-position: -10px -450px;
}

.bg-home-equity {
	background-position: -120px -450px;
}

.bg-infographics {
	background-position: -230px -450px;
}

.bg-interest-rates {
	background-position: -340px -450px;
}

.bg-keep-title {
	background-position: -450px -450px;
}

.bg-invest {
	background-position: -560px -10px;
}

.bg-linkedin {
	background-position: -560px -120px;
}

.bg-lumpsum {
	background-position: -560px -340px;
}

.bg-live {
	background-position: -560px -230px;
}

.bg-news {
	background-position: -560px -450px;
}

.bg-no-negative-guarantee {
	background-position: -10px -560px;
}

.bg-partners {
	background-position: -230px -560px;
}

.bg-payment {
	background-position: -340px -560px;
}

.bg-personalised-consultation {
	background-position: -450px -560px;
}

.bg-personalised-service {
	background-position: -560px -560px;
}

.bg-phone {
	background-position: -670px -10px;
}

.bg-receive-funds {
	background-position: -670px -120px;
}

.bg-receive {
	background-position: -670px -230px;
}

.bg-refinance {
	background-position: -670px -340px;
}

.bg-renovate-home {
	background-position: -670px -450px;
}

.bg-responsible-lending {
	background-position: -670px -560px;
}

.bg-single {
	background-position: -10px -670px;
}

.bg-stay-in-home {
	background-position: -120px -670px;
}

.bg-tick {
	background-position: -450px -670px;
}

.bg-tip {
	background-position: -560px -670px;
}

.bg-topup {
	background-position: -670px -670px;
}

.bg-twitter {
	background-position: -780px -10px;
}

.bg-whitepapers {
	background-position: -780px -120px;
}

.bg-youtube {
	background-position: -780px -230px;
}

.bg-tax-free-1 {
	background-position: -230px -670px;
}

.bg-tax-free-2 {
	background-position: -340px -670px;
}

.bg-no-payment {
	background-position: -120px -560px;
}

.bg-competitive-rates {
	background-position: -230px -230px;
}

.bg-award {
	background-position: -120px -10px;
}

@media screen and (max-width: 640px) {
	.personalised-icon,
	.consumer-icon,
	.lowest-rate,
	.responsible-lending,
	.flexibility {
		height: 100px;
		width: 100px;
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
}

.consumer-icon {
	background-position: -6px -734px;
	height: 90px;
	width: 90px;
	transform: scale(0.8);
}
@media screen and (max-width: 640px) {
	.consumer-icon {
		height: 100px;
		width: 100px;
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
}

.personalised-icon {
	background-position: -135px -732px;
	height: 90px;
	width: 90px;
	transform: scale(0.8);
}

.repayment {
	background-position: -127px -934px;
	height: 90px;
	width: 90px;
	transform: scale(0.8);
}

.keep-title {
	background-position: -124px -1462px;
	height: 90px;
	width: 90px;
	transform: scale(0.8);
}

.no-negative {
	background-position: -252px -1462px;
	height: 90px;
	width: 90px;
	transform: scale(0.8);
}

.lifetime {
	background-position: -377px -1461px;
	height: 90px;
	width: 90px;
	transform: scale(0.8);
}

.lowest-rate {
	background-position: -260px -734px;
	height: 90px;
	width: 90px;
	transform: scale(0.8);
}

.responsible-lending {
	background-position: -380px -732px;
	height: 90px;
	width: 90px;
	transform: scale(0.8);
}

.flexibility {
	background-position: -496px -732px;
	height: 90px;
	width: 90px;
	transform: scale(0.8);
}

.phone {
	background-position: -92px -2240px;
	height: 90px;
	width: 90px;
	transform: scale(0.8);
	margin: 0 !important;
}

.lump-sum {
	background-position: -2px -340px;
	margin: 0;
	height: 100px;
	width: 100px;
	transform: scale(0.9);
}

.refinance {
	background-position: -120px -340px;
	margin: 0;
	height: 100px;
	width: 100px;
	transform: scale(0.9);
}

.income {
	background-position: -245px -340px;
	margin: 0;
	height: 100px;
	width: 100px;
	transform: scale(0.9);
}

.facebook {
	background-position: -610px -2250px;
	margin: 0;
	transform: scale(0.9);
	height: 80px;
	width: 80px;
	margin: 0 auto;
}

.twitter {
	background-position: -490px -2248px;
	margin: 0;
	transform: scale(0.9);
	height: 80px;
	width: 80px;
	margin: 0 auto;
}

.linkedin {
	background-position: -360px -2248px;
	margin: 0;
	transform: scale(0.9);
	height: 80px;
	width: 80px;
	margin: 0 auto;
}

.youtube {
	background-position: -740px -2250px;
	margin: 0;
	transform: scale(0.9);
	height: 80px;
	width: 80px;
	margin: 0 auto;
}

.share-page-strip-icons {
	margin-top: 20px !important;
}
.share-page-strip-icons img {
	height: 22px !important;
	object-fit: contain !important;
}

@media screen and (min-width: 75em) {
	.mega-menu-icon {
		margin-right: 10px;
	}
}

@media screen and (min-width: 75em) {
	.mega-menu-icon-small {
		width: 26px;
		height: 26px;
	}
}

@media screen and (min-width: 75em) {
	.mega-menu-icon-medium {
		width: 33px;
		height: 33px;
	}
}

@media screen and (min-width: 75em) {
	.mega-menu-icon-large {
		width: 40px;
		height: 40px;
	}
}

.container {
	max-width: 1232px !important;
	padding-left: 1.6rem !important;
	padding-right: 1.6rem !important;
	left: 0 !important;
	margin-left: auto !important;
	margin-right: auto !important;
	position: relative !important;
}
@media screen and (max-width: 74.99em) {
	.container {
		width: 100%;
	}
}

.vce {
	margin-bottom: 0 !important;
}

.space-1-top {
	margin-top: 6rem;
}
@media screen and (max-width: 47.9275em) {
	.space-1-top {
		margin-top: 6rem;
	}
}

.space-1-bottom {
	margin-bottom: 6rem;
}
@media screen and (max-width: 47.9275em) {
	.space-1-bottom {
		margin-bottom: 2rem;
	}
}

.space-2-top {
	padding-top: 4rem;
}
@media screen and (max-width: 47.9275em) {
	.space-2-top {
		padding-top: 4rem;
	}
}

.space-2-bottom {
	padding-bottom: 4rem;
}
@media screen and (max-width: 47.9275em) {
	.space-2-bottom {
		padding-bottom: 4rem;
	}
}

.space-3-top {
	padding-top: 2rem;
}

.space-3-bottom {
	padding-bottom: 2rem;
}

.space-4-top {
	padding-top: 1rem;
}

.space-4-bottom {
	padding-bottom: 1rem;
}

.get-started {
	z-index: 2;
}

/*--------------------------------------------------------------
## Alignments
--------------------------------------------------------------*/
.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.center {
	margin-left: auto !important;
	margin-right: auto !important;
}
.center h2,
.center h4,
.center p,
.center ul {
	margin-left: auto !important;
	margin-right: auto !important;
}

.vertical-center {
	display: flex;
	align-items: center;
	min-height: 100%;
}

.lightbox-team-member img {
	width: 300px;
	height: 340px;
	margin: auto;
	display: block;
	max-width: none;
	border: none;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.lightbox-team-member h2 {
	font-size: 24px !important;
	line-height: 26px !important;
	text-align: center;
	margin: 10px 0px 0px 0px;
}
.lightbox-team-member p {
	font-size: 16px !important;
	line-height: 20px !important;
	text-align: center;
	margin: 10px 0px 0px 0px;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.lightbox-team-member p::-webkit-scrollbar {
	display: none;
}

.item-filter {
	background-color: #f3f4f5;
	padding: 30px 0px;
	overflow: hidden;
	margin-bottom: 40px;
}
.item-filter .item-filter-btn-command {
	color: #000;
	font-size: 16px !important;
	padding: 10px 14px;
	border-radius: 22px;
	display: inline-block;
	cursor: pointer;
	margin-left: 10px;
	background-color: #fdb701;
	text-decoration: none;
}
.item-filter .item-filter-btn-toggle {
	color: #000;
	font-size: 16px !important;
	padding: 10px 14px;
	border-radius: 20px;
	display: inline-block;
	border: 2px solid #000;
	cursor: pointer;
	margin-left: 10px;
	background-color: transparent;
}
.item-filter .selected {
	background-color: #c6d3e4;
}
.item-filter h6 {
	color: #000000;
	font-size: 16px;
	line-height: 22px !important;
	display: inline-block;
	margin-top: 0px;
	margin-right: 10px;
	white-space: nowrap;
}
.item-filter h5 {
	color: #a7a9ac;
	font-size: 16px;
	line-height: 22px !important;
	display: inline-block;
	font-weight: normal;
	margin-right: 10px;
	letter-spacing: 0px;
}
.item-filter span {
	color: #17263e;
	font-size: 12px !important;
	line-height: 18px;
	padding: 2px 7px 2px 25px;
	border-radius: 6px;
	margin: 0px 4px 4px 0px;
	display: inline-block;
	background-color: #dee3e9;
	cursor: pointer;
	position: relative;
	vertical-align: top;
}
.item-filter span input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.item-filter span input:focus ~ .checkbox-indicator {
	background: #f4f4f4;
}
.item-filter span input:checked ~ .checkbox-indicator {
	background: #f4f4f4;
}
.item-filter span input:checked ~ .checkbox-indicator:after {
	display: block;
}
.item-filter span input:checked:focus ~ .checkbox-indicator {
	background: #f4f4f4;
}
.item-filter span input:disabled ~ .checkbox-indicator {
	background: #e6e6e6;
	opacity: 0.6;
	pointer-events: none;
}
.item-filter span:hover input ~ .checkbox-indicator {
	background: #f4f4f4;
}
.item-filter span:hover input:not([disabled]):checked ~ .checkbox-indicator {
	background: #f4f4f4;
}
.item-filter input {
	pointer-events: none;
	-webkit-appearance: none !important;
}
@media screen and (max-width: 74.99em) {
	.item-filter {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.item-filter-holder {
	max-width: 950px;
	margin: auto;
}
@media screen and (max-width: 74.99em) {
	.item-filter-holder {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.item-filter-left {
	float: left;
	line-height: 44px;
}

.item-filter-right {
	float: right;
}

.item-filter-option-holder {
	width: calc(100% - 80px);
}

.item-filter-categories {
	display: inline-flex;
}

.item-filter-sort {
	display: inline-flex;
}

.checkbox-indicator {
	position: absolute;
	top: 3px;
	left: 3px;
	height: 16px;
	width: 16px;
	background: #f4f4f4;
	border: 1px solid #aeaeae;
	border-radius: 4px;
}
.checkbox-indicator:after {
	box-sizing: unset;
	content: "";
	position: absolute;
	display: none;
}

.item-filter-option .checkbox-indicator:after {
	left: 5px;
	top: 2px;
	width: 3px;
	height: 7px;
	border: solid #646464;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}
.item-filter-option .checkbox-indicator::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 4.5rem;
	height: 4.5rem;
	margin-left: -1.3rem;
	margin-top: -1.3rem;
	background: #2aa1c0;
	border-radius: 3rem;
	opacity: 0.6;
	z-index: 99999;
	transform: scale(0);
}
.item-filter-option input:disabled ~ .checkbox-indicator:after {
	border-color: #7b7b7b;
}
.item-filter-option input + .checkbox-indicator::before {
	animation: s-ripple 250ms ease-out;
}
.item-filter-option input:checked + .checkbox-indicator::before {
	animation-name: s-ripple-dup;
}

/*--------------------------------------------------------------
## Accessibility
--------------------------------------------------------------*/
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}
.screen-reader-text:focus {
	background-color: #f9f8f6;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	-webkit-clip-path: none;
	clip-path: none;
	color: #19263f;
	display: block;
	font-size: 12.25px;
	font-size: 0.525rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
## Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.footer:before,
.footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.footer:after {
	clear: both;
}

/*--------------------------------------------------------------
## Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
## Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation {
	display: none;
}
.infinite-scroll .neverending .footer {
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-en.neverending .neverending .footer {
	display: block;
}

/*--------------------------------------------------------------
## Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
	margin: 0 20px;
	position: absolute;
	width: 220px;
	z-index: 10;
	height: auto;
}
@media screen and (min-width: 75em) {
	.custom-logo-link {
		margin: 0px 20px 0px 0px;
	}
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
	margin-left: auto !important;
	margin-right: auto !important;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*General Styles*/
.never-miss-update-newsletter {
	display: none !important;
}

@media screen and (max-width: 61.24em) {
	.reverse-mortgage-nav .cta-btn {
		text-align: left !important;
	}
}

@media print {
	.no-print,
	.no-print * {
		display: none !important;
	}
}

.banner-full-width-holder {
	padding: 0px !important;
}
.banner-full-width-holder h2 {
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
}

.print-btn-holder {
	display: none !important;
}

.menu-corporate-section-container ul {
	padding-inline-start: 0px !important;
	width: fit-content !important;
}
@media screen and (max-width: 74.99em) {
	.menu-corporate-section-container ul {
		margin: auto !important;
	}
}
@media screen and (max-width: 37.49em) {
	.menu-corporate-section-container ul {
		padding-left: 20px !important;
		padding-right: 20px !important;
		margin: auto !important;
	}
}
@media screen and (max-width: 37.49em) {
	.menu-corporate-section-container a {
		font-size: 16px !important;
		padding: 10px !important;
	}
}
@media screen and (max-width: 37.49em) {
	.menu-corporate-section-container a {
		font-size: 14px !important;
	}
}

@media print {
	#blog-category-primary {
		left: 21px;
		top: 50px;
	}
}

@media print {
	#blog-category-primary-2 {
		left: 1px;
		top: 35px;
	}
}

.blog-category-primary a {
	color: inherit;
	font-size: inherit;
}

.request-pack-faq {
	background: linear-gradient(90deg, rgb(249, 248, 246) 50%, rgb(244, 244, 244) 50%) !important;
}

.vce-self-hosted-video-player-inner.vce-self-hosted-video-player-aspect-helper .vce-self-hosted-video-player-video {
	left: 0px !important;
}

@media screen and (max-width: 74.99em) {
	.vcv-content {
		grid-column: 1/4 !important;
	}
}

@media screen and (max-width: 74.99em) {
	.vce-row.vce-row--col-gap-5.header__top.nav_top.vce-row-columns--top.vce-row-content--top .vce-row-content {
		display: none !important;
	}
}

@media screen and (max-width: 74.99em) {
	.vce-row[data-vce-full-width=true]:not(.timeline),
	.vce-row[data-vce-stretch-content=true]:not(.timeline) {
		padding-left: 0 !important;
		padding-right: 0 !important;
		left: auto !important;
		width: auto !important;
	}
}

@media print {
	.vce-row .vce-row--col-gap-5 .header__top .nav_top .vce-row-columns--top .vce-row-content--top {
		display: none !important;
	}
}

@media screen and (max-width: 74.99em) {
	.switch-off-1290 {
		display: none !important;
	}
}

@media screen and (max-width: 47.9275em) {
	.switch-off-768 {
		display: none !important;
	}
}

.timeline {
	left: 50%;
	margin-left: -500px !important;
}
@media screen and (max-width: 74.99em) {
	.timeline {
		left: 50%;
		margin: 0px 0px 0px -500px !important;
	}
}
@media screen and (max-width: 61.24em) {
	.timeline {
		left: 50%;
		margin: 0px 0px 0px -180px !important;
	}
}

.timeline-point-text h4 {
	line-height: 20px !important;
	letter-spacing: 0px;
	margin-bottom: 20px;
}
@media screen and (max-width: 61.24em) {
	.timeline-point-text h4 {
		margin-bottom: 10px;
	}
}
.timeline-point-text h6 {
	display: inline-block;
	letter-spacing: 0px;
	margin-bottom: 30px;
}
@media screen and (max-width: 61.24em) {
	.timeline-point-text h6 {
		padding: 10px;
		background-color: rgba(24, 38, 63, 0.5);
		border-radius: 4px;
		margin-top: 15px;
		margin-bottom: 5px;
	}
}
.timeline-point-text p {
	font-size: 12px;
	line-height: 14px;
}

#calc-postcode-disclaimer {
	padding-left: 20px !important;
	padding-right: 20px !important;
}
#calc-postcode-disclaimer p {
	font-size: 13px !important;
}

#third-pillar-timer {
	visibility: hidden;
}

.time_circles > div > h4 {
	font-family: "Montserrat", sans-serif !important;
	color: #17253e;
}
.time_circles > div > span {
	font-family: "Montserrat", sans-serif !important;
	color: #17253e;
}

.title-left-inner-col {
	max-width: 590px !important;
	margin-left: auto;
	padding-right: 20px !important;
}
@media screen and (max-width: 61.24em) {
	.title-left-inner-col {
		margin-left: 0px !important;
	}
	.title-left-inner-col + div {
		display: none !important;
	}
}
@media screen and (max-width: 37.49em) {
	.title-left-inner-col {
		padding-right: 0px !important;
	}
}

@media screen and (max-width: 74.99em) {
	.left-aligned-that-responds-centered {
		text-align: center !important;
	}
}

@media screen and (max-width: 74.99em) {
	.left-inner-col + div {
		display: none !important;
	}
}

@media screen and (max-width: 74.99em) {
	.type-post .inner-container {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}

@media screen and (max-width: 61.24em) {
	.see-how-much-text h4 {
		text-align: center !important;
	}
	.see-how-much-text p {
		text-align: center !important;
	}
}

/*Site Map*/
.simple-sitemap-wrap {
	background-position: 0px 0px;
	margin: 0;
	height: auto;
	width: auto;
	-webkit-transform: none;
	transform: none;
	background-image: none;
	background-repeat: no-repeat;
	background-color: transparent;
}
.simple-sitemap-wrap ul {
	position: relative;
	background-color: transparent;
	opacity: 1;
	list-style: none;
}
.simple-sitemap-wrap li::before {
	content: "•";
	color: #fdb701;
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}
.simple-sitemap-wrap a {
	color: #19263f;
}
.simple-sitemap-wrap .post-type {
	margin-bottom: 20px;
}
.simple-sitemap-wrap .term-tag {
	font-family: "Montserrat", sans-serif;
	font-size: 18px;
	font-weight: 700;
}

.simple-sitemap-container .post-type {
	margin-bottom: 20px;
}

.top-banner h4 {
	padding-top: 2rem;
}

.purposes-boxes {
	background-color: #f9f8f6;
	margin: 0 1.2em;
	font-size: 1.8rem;
	text-align: center;
	box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.3);
	border-radius: 1.2rem;
}
.purposes-boxes:first-child {
	margin-left: 0;
}
.purposes-boxes:last-child {
	margin-right: 0;
}
@media screen and (max-width: 47.9275em) {
	.purposes-boxes {
		margin: 0 0 15px 0;
	}
}
.purposes-boxes > .vce-col-inner {
	height: 100%;
	padding: 0 8px 6rem !important;
	margin-bottom: 0 !important;
	border-radius: 1.2rem;
}
.purposes-boxes .vce-col-content {
	position: static !important;
}
.purposes-boxes__icon {
	padding-top: 1.5em;
}
.purposes-boxes__title {
	margin: 0.6rem 0;
}
.purposes-boxes__text li {
	font-size: 1.6rem;
}
.purposes-boxes__learnmore {
	text-align: center;
	position: absolute;
	bottom: 2rem;
	left: 0;
	width: 100%;
}
.purposes-boxes--no-btn > .vce-col-inner {
	padding-bottom: 0 !important;
}
.purposes-boxes ul {
	padding-left: 0;
	list-style-position: inside;
	text-align: left;
	display: table;
	margin-left: auto;
	margin-right: auto;
}

#el-1edec3db {
	padding: 0;
}

.info-block {
	margin-bottom: 1.5em;
}
.info-block__content {
	padding: 10% 3% 0 3%;
}
.info-block__content li {
	text-align: left;
	color: #ffffff;
}
.info-block__btn {
	position: absolute;
	bottom: 0;
	width: 100%;
}
.info-block > .vce-col-inner > .vce-col-content {
	position: relative;
	padding-bottom: 7rem !important;
	height: 100%;
}

.flex-centered {
	display: flex;
	align-items: center;
	justify-content: center;
}

.d-none {
	display: none !important;
}

@media screen and (min-width: 75em) {
	.main-menu-show-on-mobile-only {
		display: none !important;
	}
}
@media screen and (max-width: 47.9275em) {
	.choose__item,
	.protections__item {
		min-height: auto !important;
	}
}

@media screen and (max-width: 47.9275em) {
	#el-c0aaf264 .vce-row-content {
		padding: 0 15px;
	}
}

@media screen and (max-width: 47.9275em) {
	.page-submenu {
		display: none !important;
	}
}

.submenu-trigger {
	text-align: center;
	font-size: 2rem;
	background-color: #5184a1;
	color: #fff;
	padding: 1rem;
	position: relative;
}
.submenu-trigger:after {
	content: "";
	border: 0.8px solid #fdb701;
	border-width: 0 3.5px 3.5px 0;
	padding: 5px;
	margin: -30px 8px 0px 0px;
	right: 0;
	position: absolute;
	right: 1rem;
	top: 4.5rem;
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: 350ms ease-in-out;
	-moz-transition: 350ms ease-in-out;
	transition: 350ms ease-in-out;
}
@media screen and (min-width: 61.25em) {
	.submenu-trigger:after {
		display: none;
	}
}
.submenu-trigger + .menu {
	padding: 0;
	margin: 0;
	list-style: none;
	display: none;
	background-color: #497791;
}
@media screen and (min-width: 61.25em) {
	.submenu-trigger + .menu {
		display: none;
	}
}
.submenu-trigger + .menu a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 1rem;
	text-align: center;
	text-transform: uppercase;
	border-top: 1px solid #5184a1;
}

.submenu-trigger--active:after {
	top: 5rem;
	-moz-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}
.submenu-trigger--active + .menu {
	display: block;
}

.content-area {
	display: flex;
	flex: wrap;
	width: 100%;
	margin: 0;
}

.site-main {
	min-height: 800px;
	width: 100%;
}
.site-main .comment-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}
.site-main .posts-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}
@media screen and (max-width: 74.99em) {
	.site-main {
		max-width: 100%;
		overflow: hidden;
	}
}

.search-results .site-main {
	width: 60%;
	margin: auto;
}
@media screen and (max-width: 47.9275em) {
	.search-results .site-main {
		width: 90%;
	}
}

.search-excerpt {
	margin-top: 1rem;
}

.search-results .entry-summary {
	padding-bottom: 2.5em;
}

.search-results h1 span {
	color: #497791;
}

.no-results {
	width: 800px;
	margin: auto;
	padding-top: 2rem;
}
@media screen and (max-width: 47.9275em) {
	.no-results {
		width: 100%;
		margin: auto;
		padding: 2rem;
	}
}

.heroblock {
	height: 516px;
	position: relative !important;
}
@media screen and (min-width: 20em) and (max-width: 37.49em) {
	.heroblock * {
		width: 100% !important;
		max-width: none !important;
	}
}
.heroblock .vce-col {
	display: inline-block;
}
.heroblock .vce-row-content--top {
	padding-top: 0 !important;
}
@media screen and (max-width: 61.24em) {
	.heroblock {
		height: auto;
	}
}
.heroblock__content {
	z-index: 100 !important;
	max-width: 470px !important;
}
@media screen and (max-width: 61.24em) {
	.heroblock__content {
		max-width: none !important;
	}
}
.heroblock__bg_yellow {
	position: absolute;
	top: 0;
	left: -3400px;
	max-height: 616px;
}
@media screen and (max-width: 74.99em) {
	.heroblock__bg_yellow {
		top: 0;
		left: -3350px;
	}
}
.heroblock__bg_yellow * {
	max-width: none !important;
	height: 100% !important;
}
@media screen and (max-width: 61.24em) {
	.heroblock__bg_yellow {
		visibility: hidden !important;
	}
}
.heroblock__title {
	margin-bottom: 8.5106382979%;
	padding-top: 8rem;
	position: relative;
	z-index: 100 !important;
}
@media screen and (max-width: 74.99em) {
	.heroblock__title {
		margin-bottom: 12.7659574468%;
	}
	.heroblock__title h1 {
		margin-top: 8rem;
		font-size: 5.3rem;
	}
}
@media screen and (max-width: 61.24em) {
	.heroblock__title {
		padding-top: 6vw;
		margin-bottom: 8.5106382979%;
	}
	.heroblock__title h1 {
		margin-top: 0;
		font-size: 5.6rem;
	}
}
@media screen and (max-width: 37.49em) {
	.heroblock__title h1 {
		font-size: 4.6rem;
		line-height: 138.8888888889%;
	}
}
@media screen and (min-width: 20em) and (max-width: 37.49em) {
	.heroblock__title {
		margin-bottom: 10.6382978723%;
	}
	.heroblock__title h1 {
		font-size: 3.8rem;
		line-height: 125%;
	}
}
.heroblock__btn-holder {
	max-width: 191px !important;
}
@media screen and (min-width: 20em) and (max-width: 37.49em) {
	.heroblock__btn-holder {
		width: 100% !important;
		max-width: none !important;
	}
}
.heroblock__btn-holder:first-child {
	margin-right: 3.2rem !important;
}
@media screen and (max-width: 61.24em) {
	.heroblock__btn-holder {
		margin-bottom: 5rem;
	}
}
@media screen and (max-width: 37.49em) {
	.heroblock__btn-holder {
		width: 100% !important;
		margin-bottom: 4.1rem;
	}
	.heroblock__btn-holder:first-child {
		margin-bottom: 2rem;
	}
}
.heroblock__btn_calculate span a {
	width: 191px !important;
	padding: 0rem 3.2rem !important;
}
@media screen and (min-width: 20em) and (max-width: 37.49em) {
	.heroblock__btn_calculate span a {
		width: 100% !important;
	}
}
@media screen and (max-width: 61.24em) {
	.heroblock__btn_calculate {
		margin-right: 0;
	}
}
.heroblock__btn_call span a {
	width: 191px !important;
	padding: 0rem 3.2rem !important;
}
@media screen and (max-width: 61.24em) {
	.heroblock__btn_call span a {
		background-color: #fdb701 !important;
	}
}
@media screen and (min-width: 20em) and (max-width: 37.49em) {
	.heroblock__btn_call span a {
		width: 100% !important;
	}
}

.intro-block h2 {
	max-width: 80.8333333333%;
	margin: 0 auto;
}
.intro-block p,
.intro-block ul {
	max-width: 79.1666666667%;
}
@media screen and (max-width: 47.9275em) {
	.intro-block h2 {
		margin-bottom: 4rem;
	}
	.intro-block h2,
	.intro-block p {
		max-width: none;
	}
}
@media screen and (min-width: 90em) {
	.intro-block h2,
	.intro-block p {
		max-width: 100%;
	}
}

.choose__item {
	width: 228px;
	min-height: 271px;
	height: auto;
}
@media screen and (max-width: 47.9275em) {
	.choose__item {
		min-height: auto;
	}
}
@media screen and (max-width: 37.49em) {
	.choose__item {
		width: 80%;
	}
}
.choose__icon {
	margin-bottom: 5%;
}
@media screen and (max-width: 37.49em) {
	.choose__icon {
		display: none;
	}
}
.choose__text h6 {
	margin-bottom: 5%;
}
.choose__text p {
	padding-bottom: 2rem;
}

.faqs-block {
	background-color: #fbfaf9;
}

.steps .vce-row--col-gap-30#el-95d1db55 > .vce-row-content > .vce-col--md-50p {
	max-width: none !important;
}
.steps__title {
	margin-bottom: 3rem;
}
.steps__items > div {
	border-color: #5184a1;
}
@media screen and (max-width: 61.24em) {
	.steps__item {
		margin-bottom: 1rem;
	}
}
.steps__img {
	margin-bottom: 6.25%;
}
@media screen and (max-width: 37.49em) {
	.steps__img {
		display: none;
	}
}
.steps__text h6 {
	margin-bottom: 6.25%;
}
.steps__text p {
	margin-bottom: 3.75%;
}
@media screen and (max-width: 74.99em) {
	.steps {
		left: auto !important;
		max-width: 100%;
	}
}

.content-hub {
	background-color: #efeeed;
	padding: 49px 0 !important;
}
.content-hub h2 {
	color: #19263f;
}

@media screen and (max-width: 47.9275em) {
	.borrow__btn span {
		height: auto !important;
	}
	.borrow__btn span a {
		white-space: normal !important;
		padding: 0.7rem 0rem !important;
	}
}

.protections__item {
	background-color: #19263f;
	min-height: 282px;
	height: auto;
	width: 100%;
	padding: 4em 4.2em;
	margin: 4px 0;
	text-align: center;
}
@media screen and (max-width: 47.9275em) {
	.protections__item {
		min-height: auto;
	}
}
.protections__item .vce-text-block-wrapper {
	margin: 0 !important;
}
.protections__item h3 {
	margin-bottom: 2rem;
}

#el-0a44bd77 .protections__item {
	padding: 2rem 2.5rem;
	margin-left: 0.4rem;
	margin-right: 0.4rem;
}
#el-0a44bd77 .protections__item p {
	padding: 0;
}

.reviews {
	padding: 6.4rem 0;
}
.reviews__title h2 {
	margin-bottom: 1.6666666667%;
}
.reviews__title p {
	margin-bottom: 5%;
}

.award__title {
	margin-bottom: 5%;
}
.award__bg {
	background-color: #f9f8f6;
}

.partners__title {
	margin-bottom: 5%;
}
.partners__bg {
	background-color: #f9f8f6;
}

#el-c477a0cd .vce-row-content {
	align-items: center;
}

.request-cb {
	background-color: #fdb701;
	width: 100%;
	height: auto !important;
	color: #19263f;
}
.request-cb a,
.request-cb p {
	text-decoration: none;
	color: #19263f;
	font-size: 3.4rem;
	font-weight: 600;
}
@media screen and (max-width: 37.49em) {
	.request-cb a,
	.request-cb p {
		font-size: 2.2rem;
	}
}
@media screen and (min-width: 75em) {
	.request-cb > .vce-row-content {
		max-width: 72rem;
		margin: 0 auto;
		width: 100%;
	}
	.request-cb > .vce-row-content .vce-single-image--align-center {
		text-align: left;
	}
	.request-cb > .vce-row-content .vce-row--col-gap-4#el-8ee17247 > .vce-row-content > .vce-col--xl-27-50p {
		-webkit-flex-basis: calc(16% - 2.9px);
		-ms-flex-preferred-size: calc(16% - 2.9px);
		flex-basis: calc(16% - 2.9px);
		max-width: calc(16% - 2.9px);
	}
	.request-cb > .vce-row-content .vce-row--col-gap-4#el-8ee17247 > .vce-row-content > .vce-col--xl-48-06p {
		-webkit-flex-basis: calc(52.06% - 2.08px);
		-ms-flex-preferred-size: calc(52.06% - 2.08px);
		flex-basis: calc(52.06% - 2.08px);
		max-width: calc(52.06% - 2.08px);
	}
	.request-cb > .vce-row-content .vce-row--col-gap-4#el-8ee17247 > .vce-row-content > .vce-col--xl-24-44p {
		-webkit-flex-basis: calc(30% - 3.02px);
		-ms-flex-preferred-size: calc(30% - 3.02px);
		flex-basis: calc(30% - 3.02px);
		max-width: calc(30% - 3.02px);
	}
}
.request-cb .vce-row-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.request-cb .vce-col-content {
	padding: 0 !important;
}
.request-cb__items .vce-col-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
@media screen and (max-width: 74.99em) {
	.request-cb__items .vce-col-content {
		flex-wrap: wrap;
		flex-direction: column;
		padding: 4rem 0 !important;
	}
}
.request-cb__item {
	flex: 0 1 33.333%;
}
@media screen and (max-width: 74.99em) {
	.request-cb__item {
		flex: 1 1 100%;
	}
}
@media screen and (max-width: 74.99em) {
	.request-cb__btn {
		margin-bottom: 5%;
	}
}
.callback-yellow-strip * {
	font-size: 2.4rem !important;
	font-weight: normal;
}

/*Partners*/
@media screen and (max-width: 74.99em) {
	.partners__items .vce-row-content {
		padding-left: 20px !important;
		padding-right: 20px !important;
		display: block;
		max-width: 260px !important;
		margin: auto;
	}
}

.hero-child {
	width: 100%;
	background-color: #19263f;
}
@media screen and (max-width: 61.24em) {
	.hero-child .vce-element--has-background {
		display: none !important;
	}
}
@media screen and (max-width: 61.24em) {
	.hero-child .vce-asset-background-simple-item {
		display: none !important;
	}
}

.hero-child-left {
	background-color: #19263f;
	width: 50%;
	float: left;
	display: block;
}

.hero-child-right {
	width: 50%;
	float: right;
	display: block;
	background-repeat: no-repeat;
	background-size: cover;
}

.child-hero-title {
	margin: 20% 10%;
}
.child-hero-title h1 {
	margin: -2px 0 -40px 0;
}

/*Contact Box*/
.contact-box h4 {
	font-weight: bold;
	color: #19263f;
}
.contact-box h2 {
	font-weight: bold;
	color: #19263f;
}
.contact-box p {
	line-height: 1em;
}
.contact-box img:hover {
	opacity: 0.8;
}

.background-row {
	z-index: 0;
	position: absolute;
	height: auto;
}

/*Products / Purposes*/
.reverse-mortgage-nav {
	background-color: #f9f8f6;
}

.reverse-mortgage-col {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.reverse-mortgage-col img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.reverse-mortgage-mainvid {
	width: 100%;
	height: 500px;
}

.interest-circle {
	position: absolute;
	text-align: center;
}
.interest-circle__title {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	top: 45px;
}
.interest-circle__title h6 {
	font-size: 4rem;
	padding: 0;
	margin: 0;
	font-family: "Merriweather", serif;
}
.interest-circle__title span {
	font-size: 4.8rem;
}
.interest-circle__text {
	position: relative;
	top: 45px;
}
.interest-circle__text p {
	font-size: 1.6rem;
	padding: 0;
	margin: 0;
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
}

#el-79440590 .vce-asset-background-simple-item {
	background-size: contain;
}
@media screen and (max-width: 47.9275em) {
	#el-79440590 .vce-asset-background-simple-item {
		display: none;
	}
}

.circle-variable-rate {
	border: 4px solid #fdb701;
	border-radius: 50%;
	height: 210px;
	width: 210px;
	padding: 0;
	margin: 0;
	float: right;
}
@media screen and (max-width: 37.49em) {
	.circle-variable-rate {
		margin: auto !important;
		float: none !important;
	}
}

.circle-comparison-rate {
	border: 4px solid #19263f;
	border-radius: 50%;
	height: 210px;
	width: 210px;
	padding: 0;
	margin: 0;
}
@media screen and (max-width: 37.49em) {
	.circle-comparison-rate {
		margin: auto !important;
		float: none !important;
	}
}

.center-align {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.arrows {
	left: -30px;
	z-index: -1;
}

/*--------------------------------------------------------------
## Home
--------------------------------------------------------------*/
.home-top-banner-xxx {
	height: 700px;
	width: 100%;
	overflow: hidden;
}
@media screen and (max-width: 61.24em) {
	.home-top-banner-xxx {
		background-image: none !important;
		background-color: #b7b7b7;
		height: 550px;
	}
}

.home-banner-yellow-xxx {
	background: #fdb701;
	width: 1000px;
	height: 650px;
	top: -52px;
	left: -58%;
	/* IE 9 */
	-webkit-transform: skew(16deg) rotate(-16deg);
	transform: skew(16deg) rotate(-16deg);
	border-radius: 60px;
}
@media screen and (max-width: 61.24em) {
	.home-banner-yellow-xxx {
		visibility: hidden;
	}
}

.home-banner-text-xxx {
	width: 400px;
	margin-top: 10%;
}
.home-banner-text-xxx h1 {
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 24px;
	color: #19263f;
}
@media screen and (max-width: 61.24em) {
	.home-banner-text-xxx {
		max-width: 90%;
		margin-left: 5%;
	}
}

#slider-posts img {
	border-radius: 50%;
}

.slider-posts img {
	border-radius: 50%;
}

.household-loan-boxes {
	padding: 24px 22px !important;
	background-color: #fdb701;
	width: 275px;
	min-height: 300px;
	height: auto;
	margin: 2% 0;
}
.household-loan-boxes li,
.household-loan-boxes a {
	color: #19263f;
	text-decoration: none;
	text-align: left;
	font-size: 16px;
	letter-spacing: -0.1px;
}
.household-loan-boxes p {
	margin-top: 50px;
}
.household-loan-boxes li {
	margin-left: -17px;
}
.household-loan-boxes img {
	width: 200px;
	height: 73px;
	margin-bottom: 25px;
}

.household-loan-boxes-grey {
	padding: 23px 17px 18px 28px !important;
	width: 275px;
	min-height: 300px;
	height: auto;
	margin: 2% 0;
	background-color: #d8d8d8;
}
.household-loan-boxes-grey li,
.household-loan-boxes-grey a {
	color: #19263f;
	text-decoration: none;
	text-align: left;
	font-size: 16px;
	letter-spacing: -0.1px;
}
.household-loan-boxes-grey a {
	line-height: 21px;
	margin: 15px 0 !important;
}
.household-loan-boxes-grey img {
	width: 30px;
	height: 30px;
	-o-object-fit: cover;
	object-fit: cover;
}

.main-wrap > div .partners {
	padding: 0 20%;
}
.main-wrap > div .partners img {
	width: 200px;
	height: auto;
}

.video-cont {
	min-height: 400px;
	height: auto;
	width: 100%;
	background-color: #f9f8f6;
}

.questions {
	z-index: 2;
}

.arrows {
	z-index: 1;
	left: -50px;
}

.home-process {
	background-color: #e9eef1;
	min-height: 800px;
	height: auto;
	width: 100%;
	padding: 73px 0 84px 0;
}

.process-text {
	width: 331px;
	margin-right: 220px;
	margin: 0;
	padding: 0;
}

.process-number {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	border: 1.2px solid black;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.process-number p {
	line-height: -20px;
	font-size: 12px;
	font-weight: 900;
}
@media screen and (max-width: 640px) {
	.process-number {
		width: 30px;
		height: 30px;
	}
}

.banner-box {
	height: 100%;
}

#el-b5abd52f .vce-col-content {
	padding: 2rem 1.25rem;
}
#el-b5abd52f .vce-row-content {
	margin-left: -15px;
	width: calc(100% + 30px);
}
#el-b5abd52f .vce-col {
	margin: 0 15px !important;
}
@media screen and (min-width: 61.25em) {
	#el-b5abd52f p {
		min-height: 17.5rem;
	}
}

#author-details {
	font-size: 15px;
	display: block;
}
#author-details #blog-category-primary-2,
#author-details #blog-category-primary {
	position: relative;
	width: 100%;
	clear: both;
	margin-left: calc(18% + 13px);
	left: 0;
	top: 0;
	float: none;
}
#author-details #blog-category-primary-2 a,
#author-details #blog-category-primary a {
	text-decoration: none;
	text-transform: uppercase;
	color: #19263f;
	font-weight: 700;
}

#author-details-image {
	margin-right: 1.25rem;
	width: 18%;
	float: left;
}

#author-details-text {
	width: 75%;
	float: left;
}

#el-d35368cf li {
	font-size: 2rem;
}

@media screen and (max-width: 61.24em) {
	#el-f8b19b32 {
		display: none;
	}
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
.top-nav {
	display: block;
	float: right;
	width: 100%;
	text-transform: uppercase;
}
.top-nav ul {
	display: none;
	list-style: none;
	margin: 0;
	right: 0;
}

.top-nav__item:active, .top-nav__item:hover, .top-nav__item:focus {
	text-decoration: underline;
	text-underline-position: under;
	-webkit-text-decoration-color: #fdb701;
	text-decoration-color: #fdb701;
}
@media screen and (min-width: 75em) {
	.top-nav__item a {
		font-size: 14px !important;
		font-size: 1.4rem !important;
		padding: 1.5rem 2.5rem !important;
	}
}
.top-nav__item a:active, .top-nav__item a:hover, .top-nav__item a:focus {
	text-decoration: underline;
	text-underline-position: under;
	-webkit-text-decoration-color: #fdb701;
	text-decoration-color: #fdb701;
}

@media screen and (max-width: 74.99em) {
	.menu-top-menu-container {
		padding: 15px;
		margin-top: 25px;
		background-color: #f9f8f6;
	}
	.menu-top-menu-container .menu {
		display: block;
	}
	.menu-top-menu-container .top-nav__item a {
		color: #000000;
		margin: 30px 7px;
		text-transform: uppercase;
		font-size: 16px !important;
	}
}

.top-cont {
	background-color: #19263f;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	max-height: 42px;
	height: auto;
	line-height: 5px;
}

@media screen and (max-width: 74.99em) {
	.header {
		display: none !important;
	}
}
.header__top {
	background-color: #19263f;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	max-height: 42px;
	height: auto;
	line-height: 5px;
}
@media screen and (max-width: 74.99em) {
	.header__top {
		max-height: 55px;
		margin-top: 30px !important;
	}
}
@media screen and (max-width: 37.49em) {
	.header__top {
		height: auto;
		max-height: 120px;
	}
}
.header__main {
	padding: 2rem 0rem;
}
.header__search-btn {
	z-index: 13;
	margin-right: 2rem;
}
.header__print-icon {
	position: absolute;
	top: -0.9rem;
}

#logo a {
	padding-bottom: 0 !important;
}
#logo a img {
	position: relative !important;
}

.vcv-header {
	min-height: 90px;
}
@media screen and (max-width: 74.99em) {
	.vcv-header .mobile-nav-cont.top-cont {
		display: none !important;
	}
}

@media screen and (max-width: 74.99em) {
	.header__logo img,
	.header__logo .vce-single-image-inner {
		max-width: 172px;
	}
}

.header__item {
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
	color: #19263f;
}

.header__phone--mobile {
	position: absolute;
	left: 15px;
}

@media screen and (min-width: 75em) {
	.mobile-nav-cont {
		display: none !important;
	}
}

.inner-container {
	max-width: 1185px !important;
	margin: 0 auto !important;
	position: relative !important;
}

.inner-container.nav-cont-fixed.main-nav {
	left: 0 !important;
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.footer {
	display: flex;
	background-color: #19263f;
	width: 100%;
	height: auto;
	bottom: 0;
	padding: 20px 150px;
}
@media screen and (max-width: 74.99em) {
	.footer__inner {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}
.footer__nav {
	width: 95%;
	display: block;
}
.footer__nav ul {
	padding: 0;
	margin: 0;
	line-height: 1.7em;
	font-size: 18px;
	font-size: 1.8rem;
	text-align: left;
	display: block;
	text-decoration: none;
	opacity: 0.9;
}
.footer__nav li {
	padding: 0;
	margin: 0;
	line-height: 1.7em;
	font-size: 16px;
	font-size: 1.6rem;
	text-align: left;
	display: block;
	text-decoration: none;
	opacity: 0.9;
}
.footer__nav a {
	padding: 0;
	margin: 0;
	line-height: 1.7em;
	font-size: 16px;
	font-size: 1.6rem;
	text-align: left;
	display: block;
	text-decoration: none;
	opacity: 0.9;
}
.footer .menu-item {
	height: auto !important;
}
.footer__small {
	opacity: 0.5;
	width: 80%;
}
@media screen and (max-width: 74.99em) {
	.footer__connect {
		display: contents !important;
	}
}
.footer__icons {
	width: 200px;
	padding: 2%;
}
.footer__btn-call {
	margin-top: 2rem;
}

.site-footer-disclaimers {
	font-size: 12px !important;
	color: #58595b !important;
}
.site-footer-disclaimers a {
	font-size: 12px !important;
	color: #58595b !important;
}

.footer-join {
	height: 40px;
}

.footer-base {
	background-color: white;
	height: 50px;
}

.footer h6 {
	margin: 0 0 1rem 0;
	padding: 0;
}

@media screen and (max-width: 47.9275em) {
	.footer-social-buttons {
		zoom: 0.7;
	}
}

@media screen and (max-width: 47.9275em) {
	.footer-social-buttons,
	.footer__nav {
		margin: 20px 0;
	}
}

#el-5dcf9950 a {
	color: #fff;
	text-decoration: none;
	font-size: 1rem;
}

.breadcrumbs-container {
	padding: 0.8rem 0 0.5rem 0;
	background-color: #f9f8f6;
}

#breadcrumbs a {
	color: #333;
	font-size: 16px;
}
#breadcrumbs a:hover {
	text-decoration: underline;
}
#breadcrumbs p {
	color: #000000 !important;
	font-size: 14px !important;
}
#breadcrumbs span {
	color: #333;
	font-size: 16px;
}

.breadcrumb_last {
	color: #333;
	font-size: 16px;
}

.site-content .widget-area {
	float: right;
	overflow: hidden;
	width: 25%;
}

.no-sidebar .content-area {
	float: none;
	margin-left: auto;
	margin-right: auto;
}
.no-sidebar .site-main {
	margin-right: 0;
}

.about-team-member-holder .vce-col-content {
	width: 181px;
	margin: 0px auto 60px auto;
}
.about-team-member-holder .vce-col-content p {
	margin: 4px 0px 10px 0px;
}
.about-team-member-holder .vce-col-content .vce {
	margin: 10px 0px 0px 0px;
}

.corporate .media-sub-menu a {
	text-decoration: none;
}
.corporate .btn-media-box a {
	text-decoration: none;
}
.corporate .our-partner {
	max-width: 270px !important;
	min-width: 200px !important;
	margin-right: 22px !important;
}
@media screen and (max-width: 37.49em) {
	.corporate .our-partner {
		margin: auto !important;
	}
}
@media screen and (max-width: 47.9275em) {
	.corporate .our-partner .vce-col-content {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}
.corporate .our-partner .vce-col-inner {
	background-color: #f9f8f6 !important;
	margin-bottom: 12px !important;
	padding: 20px 20px !important;
}

/*Gated Resource page*/
/*------------------------------*/
.gated-resource .vce-single-image--align-right {
	float: right;
	margin-left: 88px;
}

.gated-resource .share-print {
	float: left;
	margin-right: 15px;
	margin-left: 0px !important;
}

.gated-resource .get-btn {
	padding: 4px 0px 0px 7px;
	display: inline-block;
}

.gated-resource .vce {
	margin-bottom: 0px !important;
}

.gated-resource ul {
	margin-bottom: 40px;
}

.gated-resource .vce-gravity-forms {
	max-width: 534px !important;
	margin: 50px auto 50px auto !important;
}

.gated-resource .gform_body {
	max-width: 428px !important;
}

.gated-resource .gform_heading {
	display: none;
}

.gated-resource .gform_title h3 {
	font-family: "mercury_displaybold" !important;
	font-size: 24px !important;
	color: #19263f !important;
	text-transform: uppercase !important;
	text-align: center !important;
	margin-bottom: 36px !important;
	margin-top: 36px !important;
}

.gated-resource .ginput_container {
	display: inline-block !important;
}

.gated-resource .gfield_description {
	display: inline-block !important;
	width: auto !important;
}

.gated-resource .vce-gravity-forms #input_3_14 li label {
	width: 270px !important;
}

.gated-resource .vce-gravity-forms label {
	width: 170px !important;
	text-align: right !important;
	margin-right: 10px !important;
}

.gated-resource #field_3_7 .ginput_container {
	width: 100%;
	text-align: right;
	padding-right: 6px;
}

.gated-resource .vce-gravity-forms input {
	border: 0.5px solid #dadada !important;
	width: 224px !important;
	font-size: inherit !important;
	font-family: inherit !important;
	padding: 5px 4px !important;
	letter-spacing: normal !important;
	margin-bottom: 12px !important;
	color: #333333 !important;
	border-radius: 3px !important;
}

/* adding hover state */
.gated-resource .vce-gravity-forms select {
	border: 0.5px solid #dadada !important;
	width: 224px !important;
	height: 35px !important;
	font-size: inherit !important;
	font-family: inherit !important;
	padding: 5px 4px !important;
	letter-spacing: normal !important;
	margin-bottom: 12px !important;
	color: #333333 !important;
	background-color: #ececec !important;
	border-radius: 3px !important;
}

.gated-resource .vce-gravity-forms input[type=submit] {
	border: none !important;
	background: #fdb701 !important;
	color: #19263f !important;
	width: 170px !important;
	height: 42px !important;
	font-size: 16px !important;
	border-radius: 20px !important;
	padding: 0.5em !important;
	margin-left: 206px !important;
	display: block !important;
	cursor: pointer !important;
}

.gated-resource .vce-gravity-forms .small-stacked-left {
	width: fit-content !important;
	margin-right: 16px !important;
	padding-right: 0px !important;
	display: inline-block !important;
	margin-left: 90px !important;
}

.gated-resource .vce-gravity-forms .small-stacked-right {
	width: fit-content !important;
	margin-right: 0px !important;
	display: inline-block !important;
}

.gated-resource .vce-gravity-forms .small-stacked-left label {
	width: fit-content !important;
}

.gated-resource .vce-gravity-forms .small-stacked-right label {
	width: fit-content !important;
}

.gated-resource .vce-gravity-forms .small-stacked-left input {
	width: 80px !important;
}

.gated-resource .vce-gravity-forms .small-stacked-right input {
	width: 80px !important;
}

.gated-resource .address_zip {
	vertical-align: inherit !important;
}

.gated-resource .ginput_container_address {
	width: auto !important;
}

.gated-resource .ginput_container_consent {
	width: 224px !important;
	margin-left: 124px !important;
}
@media screen and (max-width: 37.49em) {
	.gated-resource .ginput_container_consent {
		margin-left: 0 !important;
		width: 100% !important;
		display: flex !important;
		text-align: right;
	}
}

.gated-resource .ginput_container_consent input {
	width: auto !important;
	vertical-align: top !important;
	margin-top: 0px !important;
	margin-right: 10px !important;
}

.gated-resource .ginput_container_consent label {
	font-size: 14px !important;
	line-height: 16px !important;
	display: inline-block !important;
	text-align: left !important;
	width: 197px !important;
	margin-right: 0px !important;
}
@media screen and (max-width: 37.49em) {
	.gated-resource .ginput_container_consent label {
		width: 270px !important;
	}
}

.gated-resource .ginput_container_consent label a {
	font-size: 14px !important;
	line-height: 16px !important;
}

.gated-resource .ginput_container_consent .gfield_required {
	display: none !important;
}

.gated-resource .vce-gravity-forms .validation_message {
	width: fit-content !important;
	margin: 0px 0px 0px 187px !important;
	padding-top: 0px !important;
	padding-right: 0px !important;
}

.gated-resource .vce-gravity-forms .small-stacked-left .validation_message {
	margin-left: 0px !important;
}

.gated-resource .vce-gravity-forms .small-stacked-right .validation_message {
	margin-left: 0px !important;
}

.gated-resource .vce-gravity-forms .ginput_container_consent .validation_message {
	padding: 10px 0px 0px 22px !important;
}

.gated-resource .gfield_error {
	padding: 0px !important;
}

.gated-resource .vce-gravity-forms .gform_ajax_spinner {
	margin: auto !important;
	display: block !important;
	padding-left: 48px !important;
}

.gated-resource #field_3_14 .ginput_container {
	width: 100%;
	text-align: right !important;
}

.gated-resource #field_3_14 .ginput_container label {
	text-align: left !important;
}

@media screen and (max-width: 37.49em) {
	.gated-resource .gfield_checkbox {
		max-width: 300px;
		margin: 0 auto;
	}
}

.gated-resource .gfield_checkbox input {
	width: auto !important;
	margin-right: 0.9rem;
}

.gated-resource #validation_message_3_10 {
	display: block !important;
	text-align: right;
	width: 100% !important;
}

.gated-resource #validation_message_3_6 {
	display: block !important;
	text-align: right;
	width: 100% !important;
}

@media only screen and (min-width: 641px) {
	.gated-resource div.ginput_complex.ginput_container.gf_name_has_2 span {
		width: 100% !important;
	}
}
@media screen and (min-width: 480px) {
	.gated-resource #field_3_13 .gfield_label {
		transform: translateY(-42px);
	}
	.gated-resource #field_3_13 .ginput_complex {
		width: calc(100% - 195px);
	}
}
.gform_wrapper ul.gform_fields li#field_3_7 {
	display: flex !important;
	align-items: center !important;
}
@media screen and (max-width: 37.49em) {
	.gform_wrapper ul.gform_fields li#field_3_7 .gfield_label {
		width: auto !important;
	}
}

@media only screen and (max-width: 641px) {
	.gated-resource #field_3_7 .ginput_container {
		padding-right: 22px !important;
	}
}
@media screen and (max-width: 480px) {
	.form-id-gated-resource_wrapper .gform_body {
		text-align: center;
	}
	.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
		margin: 0px auto !important;
	}
	.form-id-gated-resource_wrapper .gfield_label {
		text-align: center !important;
	}
	.gated-resource .ginput_container_consent {
		margin-left: 0px !important;
	}
	.gated-resource .vce-gravity-forms label {
		text-align: center !important;
	}
	.form-id-gated-resource_wrapper .gform_wrapper .top_label .gfield_label,
	.form-id-gated-resource_wrapper .gform_wrapper legend.gfield_label {
		text-align: center !important;
	}
	.gated-resource #field_3_7 .ginput_container {
		width: 224px;
		padding-right: 0px !important;
	}
	.gated-resource #field_3_7 .gfield_description {
		padding-right: 24px !important;
	}
	.gated-resource #field_3_14 .ginput_container label {
		width: 320px !important;
	}
}
@media screen and (min-width: 47.9375em) {
	#field_3_7 label {
		margin-left: 74px;
	}
}
@media screen and (max-width: 37.49em) {
	#field_3_14 {
		text-align: left;
	}
	#field_3_14 .gfield_label {
		text-align: left !important;
		width: auto !important;
	}
}

@media screen and (max-width: 37.49em) {
	#field_3_9 {
		padding-left: 10px;
	}
}

.single-post [data-vce-do-apply="padding el-ad87f12d"],
.single-mediareleases [data-vce-do-apply="padding el-ad87f12d"],
.single-mediahighlights [data-vce-do-apply="padding el-ad87f12d"] {
	padding-bottom: 2rem !important;
}

.media-sub-menu h2 {
	font-size: 2.1rem;
	padding-right: 2em;
}
.media-sub-menu a:hover {
	color: #fdb701;
}

#el-44b33e81 p {
	font-size: 1.8rem;
}

@media screen and (max-width: 47.9275em) {
	#el-4c570096 .vce-col-content {
		padding-top: 2rem !important;
	}
}

.main-navigation #menu-sem-landing-page {
	justify-content: flex-end !important;
	margin-top: 26px;
}
.main-navigation #menu-sem-landing-page li {
	padding-right: 3rem;
	height: auto;
	margin: 0;
}
@media screen and (max-width: 74.99em) {
	.main-navigation #menu-sem-landing-page li {
		padding: 0;
		margin: 40px 22px;
	}
	.main-navigation #menu-sem-landing-page li:first-child {
		margin-top: 0;
	}
}
.main-navigation #menu-sem-landing-page li a {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 700;
}
@media screen and (max-width: 74.99em) {
	.main-navigation #menu-sem-landing-page {
		justify-content: none !important;
		display: block !important;
	}
}

@media screen and (max-width: 74.99em) {
	.sem-menu #main-menu-div {
		padding-top: 100px !important;
	}
}

.heroblock-finance-pro {
	height: 717px;
}
@media screen and (max-width: 37.49em) {
	.heroblock-finance-pro {
		height: auto;
	}
	.heroblock-finance-pro h1 {
		height: 70vh;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #19263F !important;
		background-size: cover;
		background-position: center top;
		padding-bottom: 0;
		margin-bottom: 40px;
		text-align: center;
		font-size: 4rem;
		font-weight: 900;
	}
	.heroblock-finance-pro .title-left-inner-col {
		max-width: 100% !important;
		padding-right: 0 !important;
	}
	.heroblock-finance-pro .title-left-inner-col .vce-col-content {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.heroblock-finance-pro .title-left-inner-col .vce-col-content .resources-box {
		background-color: #FFF;
		border-radius: 10px;
		padding: 24px;
		padding-left: 40px;
		border: 1px solid #DEE3E9;
		border-top: 8px solid #fdb701;
		margin: 0 16px;
		width: auto !important;
	}
}
.heroblock-finance-pro h1 {
	padding-bottom: 37px;
}

.post-11410 h3 {
	font-family: "Merriweather", serif;
	line-height: 44px;
	font-size: 3.6rem;
	font-weight: 700;
}

@media screen and (max-width: 74.99em) {
	#postcode .vce-row[data-vce-full-width=true]:not(.timeline).block-spacing-1 {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}
}
.forms-docs ul > li {
	list-style: none;
	color: #5184a1;
	font-weight: 600;
	font-size: 1.6rem;
	padding: 8px 0;
	display: flex;
	align-items: center;
}
.forms-docs ul > li a {
	text-decoration: none;
	color: #5184a1;
}

.icon-register-partner {
	background: url(/wp-content/uploads/2021/09/HHC-Icon-_EBOOK.png) no-repeat;
	display: inline-block;
	height: 40px;
	width: 40px;
	background-position: center;
	background-size: contain;
	margin-right: 16px;
}

.icon-register-client {
	background: url(/wp-content/uploads/2021/09/HHC-Icon-_APPLY-1.png) no-repeat;
	display: inline-block;
	height: 40px;
	width: 40px;
	background-position: center;
	background-size: contain;
	margin-right: 16px;
}

.icon-product-info {
	background: url(/wp-content/uploads/2021/09/HHC-Icon-_KEEP-TITLE.png) no-repeat;
	display: inline-block;
	height: 40px;
	width: 40px;
	background-position: center;
	background-size: contain;
	margin-right: 16px;
}

.icon-home-equity {
	background: url(/wp-content/uploads/2021/09/HHC-Icon-_NEWS.png) no-repeat;
	display: inline-block;
	height: 40px;
	width: 40px;
	background-position: center;
	background-size: contain;
	margin-right: 16px;
}

.block-spacing-1 {
	padding: 96px 0;
}
@media screen and (max-width: 37.49em) {
	.block-spacing-1 {
		padding: 40px 0 !important;
	}
}

.block-spacing-2 {
	padding: 120px 0;
}
@media screen and (max-width: 37.49em) {
	.block-spacing-2 {
		padding: 80px 16px !important;
	}
}

.profile-card {
	display: flex;
	flex-direction: column;
	padding-top: 16px;
}
.profile-card p {
	padding: 0;
	margin: 0;
}
.profile-card .vce-single-image-inner {
	border: 2px solid #E0E0E0;
	border-radius: 40px;
	padding-bottom: 16px;
}
.profile-card .position {
	color: #707070;
	font-weight: 500;
	font-size: 1.6rem;
}
.profile-card .location {
	color: #707070;
	font-weight: 400;
	font-size: 1.6rem;
}
.profile-card a.mobile {
	color: #5184a1;
	font-weight: 600;
	font-size: 1.6rem;
	padding-top: 4px;
	text-decoration: none;
}

.case-study-thumb .case-studies-thumb a.vce-single-image-inner img {
	border-radius: 20px;
}
.case-study-thumb .play-btn {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
}

.broker-case-studies .video-desc {
	max-width: 306px;
	display: flex;
	flex-direction: column;
	margin: 0 auto;
}
.broker-case-studies .video-desc a {
	margin-top: 68px;
	background: #FDB701;
	border: 1px solid #FDB701;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	padding: 12px 20px;
	border-radius: 8px;
	text-decoration: none;
	font-family: "Montserrat", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #383838;
}
.broker-case-studies p {
	padding: 0;
	margin: 0;
	align-self: self-start;
}
.broker-case-studies .title {
	padding-top: 16px;
	color: #383838;
	font-weight: 600;
	font-size: 1.6rem;
}
.broker-case-studies .description {
	color: #707070;
	font-weight: 400;
	font-size: 1.6rem;
}

.vce-asset-background-simple--position-right-bottom .vce-asset-background-simple-item {
	background-position: right 10% !important;
}

.interest-rate-block {
	display: flex;
	max-width: 933px;
	justify-content: center;
	margin: 0 auto;
	background-color: #FAFAFA;
	border-radius: 20px;
	padding: 96px 0;
	align-items: center;
}
@media screen and (max-width: 37.49em) {
	.interest-rate-block {
		flex-direction: column;
		align-items: center;
		padding: 40px 0;
		margin: 0 16px;
	}
	.interest-rate-block div.border-right {
		border-right: none !important;
		margin-right: 0 !important;
	}
	.interest-rate-block div {
		padding-right: 0 !important;
	}
	.interest-rate-block div span {
		font-size: 2.1rem !important;
	}
	.interest-rate-block p {
		font-size: 1.6rem !important;
	}
	.interest-rate-block .left-col {
		margin-bottom: 32px;
	}
	.interest-rate-block .left-col p {
		font-size: 2.4rem !important;
	}
}
.interest-rate-block .left-col {
	flex-shrink: 0;
	padding-right: 80px;
}
.interest-rate-block .left-col p {
	font-size: 3.6rem;
	font-weight: 700;
	font-family: "Merriweather", serif;
}
.interest-rate-block p {
	font-size: 2.4rem;
	font-weight: 500;
	margin-top: 8px;
	margin-bottom: 0;
}
.interest-rate-block div {
	align-items: center;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	text-align: center;
	padding-right: 40px;
}
.interest-rate-block div span {
	font-size: 4.8rem;
	font-weight: 500;
}
.interest-rate-block div:nth-child(3) {
	padding-right: 0;
}
.interest-rate-block div.border-right {
	border-right: 1px solid #E0E0E0;
	height: 100%;
	margin-right: 4rem;
}

.resources-box {
	background-color: #FFF;
	border-radius: 10px;
	padding: 24px;
	padding-left: 40px;
	border-left: 8px solid #fdb701;
	width: 360px;
}
@media screen and (max-width: 37.49em) {
	.resources-box {
		border: 1px solid #DEE3E9;
		border-top: 8px solid #fdb701;
		width: auto;
	}
}
.resources-box ul {
	padding-left: 8px;
	margin-left: 12px;
}
.resources-box ul li {
	line-height: 3.6rem;
}
.resources-box ul, .resources-box a {
	color: #5184a1;
	text-decoration: none;
}
.resources-box ul li a {
	display: flex;
	align-items: center;
}
.resources-box h2 {
	font-size: 2.4rem;
}

.hhc-content-left-block {
	background-color: #fafafa;
	border-radius: 10px;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 40px;
	gap: 8px;
	font-weight: 400;
	font-size: 2.4rem;
}
.hhc-content-left-block span {
	display: block;
	font-weight: 500;
	font-style: italic;
}
.hhc-content-left-block p {
	padding: 0;
	margin: 0;
}

.hhc-content-block-right p, .hhc-content-block-right ul li {
	font-size: 1.6rem;
	padding: 0;
	margin: 0;
}

.green-circle-tick ul li {
	list-style-type: none;
	padding: 8px 0;
}

.green-circle-tick ul li:before {
	content: "";
	background: url(../hhctheme/images/green-circle-tick.svg) no-repeat;
	width: 20px;
	height: 24px;
	left: 10px;
	position: absolute;
	margin-top: 3px;
}

.external {
	background: url(../hhctheme/images/external-arrow.svg) no-repeat;
	display: inline-block;
	height: 17px;
	width: 18px;
	background-position: center;
	background-size: contain;
	margin-left: 10px;
}

.pt-96 {
	padding-top: 96px;
}

.pt-33 {
	padding-top: 33px;
}

.pb-56 {
	padding-bottom: 56px;
}

.pt-56 {
	padding-top: 56px;
}

.pb-20 {
	padding-bottom: 20px;
}

.pb-40 {
	padding-bottom: 40px;
}

.text-grid__header {
	min-height: 4rem;
}
@media screen and (max-width: 47.9275em) {
	.text-grid__header {
		background-color: #85a9bd;
	}
	.text-grid__header h2 {
		color: #ffffff;
	}
}
@media screen and (max-width: 74.99em) {
	.text-grid__header h2 {
		font-size: 3.1rem;
		padding-top: 2rem;
	}
}
.text-grid__subheader {
	padding: 0.5em 0;
}
@media screen and (max-width: 37.49em) {
	.text-grid__subheader {
		text-align: center;
	}
}
.text-grid__content {
	padding: 0 2em;
}
@media screen and (min-width: 61.25em) {
	.text-grid__content {
		min-height: 240px;
	}
}
@media screen and (min-width: 75em) {
	.text-grid__content {
		min-height: 240px;
	}
}
.text-grid__list {
	padding: 0 2em;
}
@media screen and (min-width: 61.25em) {
	.text-grid__list--1 {
		min-height: 130px;
	}
}

@media screen and (max-width: 37.49em) {
	.vce-classic-accordion-panel-title {
		padding-left: 1rem !important;
	}
}
.vce-classic-accordion-panel-title:after {
	content: "";
	border: 0.8px solid #19263f;
	border-width: 0 2px 2px 0;
	padding: 0.4rem;
	position: absolute;
	top: 1.8rem;
	right: 1.5rem;
	-webkit-transition: 350ms ease-in-out;
	-moz-transition: 350ms ease-in-out;
	transition: 350ms ease-in-out;
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.vce-classic-accordion-panel[data-vcv-active=true] .vce-classic-accordion-panel-title:after {
	top: 2rem;
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.personal-info {
	padding-left: 3rem;
}

#el-24516983 br {
	display: none;
}

.img-josh {
	position: relative;
	top: -15rem !important;
}
@media screen and (max-width: 74.99em) {
	.img-josh {
		top: 0 !important;
	}
}

.page-submenu {
	background-color: #E0DFDD;
	padding: 0.6rem 0;
}

.menu-third-pillar-menu-container .menu,
.menu-corporate-section-container .menu {
	padding-left: 0;
	margin-left: -26px;
}
@media screen and (max-width: 74.99em) {
	.menu-third-pillar-menu-container .menu,
	.menu-corporate-section-container .menu {
		margin-left: 21px !important;
	}
}
@media screen and (max-width: 37.49em) {
	.menu-third-pillar-menu-container .menu,
	.menu-corporate-section-container .menu {
		justify-content: space-around !important;
	}
}
.menu-third-pillar-menu-container .menu-item,
.menu-corporate-section-container .menu-item {
	margin-right: 5.2rem !important;
}
@media screen and (max-width: 37.49em) {
	.menu-third-pillar-menu-container .menu-item,
	.menu-corporate-section-container .menu-item {
		min-width: 40%;
		margin-right: 1rem !important;
	}
}
.menu-third-pillar-menu-container .menu-item:before,
.menu-corporate-section-container .menu-item:before {
	background-color: #fdb701;
	opacity: 0;
	left: 0 !important;
	width: 100% !important;
	bottom: -3px !important;
	z-index: 1;
	-webkit-transition: 350ms ease-in-out;
	-moz-transition: 350ms ease-in-out;
	transition: 350ms ease-in-out;
}
.menu-third-pillar-menu-container .menu-item:hover:before, .menu-third-pillar-menu-container .menu-item.current-menu-item:before,
.menu-corporate-section-container .menu-item:hover:before,
.menu-corporate-section-container .menu-item.current-menu-item:before {
	opacity: 1;
}
.menu-third-pillar-menu-container .menu-item:last-child,
.menu-corporate-section-container .menu-item:last-child {
	margin-right: 0 !important;
}
.menu-third-pillar-menu-container .menu-item a,
.menu-corporate-section-container .menu-item a {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

@media screen and (max-width: 37.49em) {
	.item-filter-holder,
	.third-pillar-item {
		width: 100% !important;
		max-width: 100% !important;
	}
}

.review-icons .vce-col-content {
	display: flex;
	justify-content: center;
}
@media screen and (max-width: 37.49em) {
	.review-icons .vce-col-content {
		flex-direction: column;
	}
}
.review-icons .vce-single-image {
	-webkit-transition: 350ms ease-in-out;
	-moz-transition: 350ms ease-in-out;
	transition: 350ms ease-in-out;
}
.review-icons .vce-single-image:hover, .review-icons .vce-single-image:active {
	-moz-transform: translate(0, -5px);
	-o-transform: translate(0, -5px);
	-ms-transform: translate(0, -5px);
	-webkit-transform: translate(0, -5px);
	transform: translate(0, -5px);
}

.reviews-slider {
	position: relative;
	max-width: 1140px;
	margin: 0 auto;
	padding: 7.5rem 6rem;
	display: none;
}
@media screen and (max-width: 61.24em) {
	.reviews-slider {
		padding: 5rem 0;
	}
}

.reviews-slider--active {
	display: flex;
}
@media screen and (max-width: 61.24em) {
	.reviews-slider--active {
		display: block;
	}
}

.reviews-slider__left {
	margin-top: -0.6rem;
	width: 25%;
}
@media screen and (max-width: 61.24em) {
	.reviews-slider__left {
		width: 100%;
		margin-top: 0;
	}
}

.reviews-slider__right {
	width: 75%;
}
@media screen and (max-width: 61.24em) {
	.reviews-slider__right {
		width: 100%;
	}
}

.reviews-slider__slide,
.reviews-slider__video {
	display: none;
}

.reviews-slider__video {
	height: 44.3rem;
}
@media screen and (max-width: 37.49em) {
	.reviews-slider__video {
		height: 35rem;
	}
}
.reviews-slider__video iframe {
	width: 100%;
	height: 100%;
	border: 0;
	-webkit-border-radius: 1.5rem;
	-moz-border-radius: 1.5rem;
	border-radius: 1.5rem;
	box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 61.24em) {
	.reviews-slider__video iframe {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
}

.reviews-slider__nav {
	cursor: pointer;
	user-select: none;
	-webkit-user-select: none;
	background-color: #fdb701;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	-moz-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	width: 4.1rem;
	height: 4.1rem;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.reviews-slider__nav .faq-arrow {
	padding: 3px;
	margin: 0 !important;
}
.reviews-slider__nav .faq-arrowhead {
	float: right;
	opacity: 0.8;
	border: 0.8px solid #19263f;
	border-width: 0 3px 3px 0;
	padding: 6px;
	margin-top: -1px;
}

.review-slides {
	display: none;
}

.reviews-slider__prev {
	left: -2rem;
}
@media screen and (max-width: 61.24em) {
	.reviews-slider__prev {
		left: 1rem;
		top: 4.4rem;
	}
}
.reviews-slider__prev .faq-arrowhead {
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	margin-left: 4px;
}

.reviews-slider__next {
	right: -2rem;
}
@media screen and (max-width: 61.24em) {
	.reviews-slider__next {
		right: 1rem;
		top: 4.4rem;
	}
}
.reviews-slider__next .faq-arrowhead {
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin-left: -4px;
}

.reviews-slider__thumbs {
	margin-left: 4rem;
}
@media screen and (max-width: 61.24em) {
	.reviews-slider__thumbs {
		margin-left: 0;
		display: flex;
		align-items: center;
		position: relative;
		justify-content: center;
		overflow: hidden;
		padding: 1.5rem 5rem;
	}
}

.reviews-slider__thumb {
	opacity: 0.6;
	cursor: pointer;
	margin-bottom: 1rem;
	text-align: right;
	-webkit-transition: 350ms ease-in-out;
	-moz-transition: 350ms ease-in-out;
	transition: 350ms ease-in-out;
}
.reviews-slider__thumb:last-child {
	margin-bottom: 0;
}
@media screen and (max-width: 61.24em) {
	.reviews-slider__thumb {
		padding: 0 0.5rem;
	}
}
.reviews-slider__thumb img {
	max-width: 18rem;
	max-height: 13rem;
	-webkit-border-radius: 1rem;
	-moz-border-radius: 1rem;
	border-radius: 1rem;
}
@media screen and (max-width: 37.49em) {
	.reviews-slider__thumb img {
		max-width: 10rem;
		max-height: 6rem;
	}
}

.reviews-slider__thumb.active,
.reviews-slider__thumb:hover {
	opacity: 1;
}

@media screen and (min-width: 118.75em) {
	.home .vce-asset-background-simple--position-center-center .vce-asset-background-simple-item {
		background-position-y: -100px;
	}
}
@media screen and (max-width: 89.99em) {
	.home .vce-asset-background-simple--position-center-center .vce-asset-background-simple-item {
		background-position-y: 0px;
	}
}

.how-much-access h4 {
	padding: 0 0.6rem;
}

@media screen and (max-width: 47.9275em) {
	#el-ec7b0049 {
		background: #f9f8f6;
	}
	#el-ec7b0049 > .vce-col-inner > .vce-content-background-container {
		display: none !important;
	}
	#el-ec7b0049 .vce-col-content {
		padding: 0 15px !important;
	}
	#el-46c7e924 > .vce-col-inner {
		margin-top: 3rem !important;
		margin-bottom: 3rem !important;
	}
	#el-2f26bacb {
		margin-top: 0 !important;
	}
}
/*--------------------------------------------------------------
# Utilites
--------------------------------------------------------------*/
.main-nav-fade {
	-webkit-animation: fadein 1s;
	/* Safari, Chrome */
	/* Firefox < 16 */
	/* Internet Explorer */
	animation: fadein 1s;
	/* Firefox < 16 */
	/* Safari, Chrome and Opera > 12.1 */
	/* Internet Explorer */
}

@keyframes fadein {
	from {
		opacity: 0.1;
	}
	to {
		opacity: 1;
	}
}
@-webkit-keyframes fadein {
	from {
		opacity: 0.1;
	}
	to {
		opacity: 1;
	}
}
@media screen and (min-width: 47.9375em) {
	.text-invisible-desktop {
		visibility: hidden;
	}
}

@media screen and (max-width: 37.49em) {
	.text-invisible-mobile {
		visibility: hidden;
	}
}

@media screen and (min-width: 47.9375em) {
	.hide-tablet,
	.hide-desktop {
		display: none;
	}
}

@media screen and (max-width: 37.49em) {
	.hide-mobile {
		display: none;
	}
}

#el-6311ac12 > .vce-col-inner {
	margin-top: 0 !important;
}

a.anchor {
	display: block;
	position: relative;
	top: -160px;
	visibility: hidden;
}

@media only screen and (max-width: 425px) {
	.panel {
		height: 215px !important;
	}
	.box1, .box2 {
		height: 180px !important;
	}
}
.panel {
	margin: 0 auto;
	height: 130px;
	display: flex;
	justify-content: center;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
}

.panel .front,
.panel .back {
	text-align: center;
}

.panel .front {
	height: inherit;
	position: absolute;
	top: 0;
	z-index: 900;
	text-align: center;
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	-moz-transform: rotateX(0deg) rotateY(0deg);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.panel .back {
	height: inherit;
	position: absolute;
	top: 0;
	z-index: 1000;
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.panel.flip .front {
	z-index: 900;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
}

.panel.flip .back {
	z-index: 1000;
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	-moz-transform: rotateX(0deg) rotateY(0deg);
}

.box1 {
	width: 250px;
	height: 210px;
	margin: 0 auto;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.box2 {
	background-color: #e9eef1;
	width: 100%;
	height: 210px;
	margin: 0 auto;
	border-radius: 10px;
	padding: 0 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	display: flex;
	align-items: center;
}