/* Minification failed. Returning unminified contents.
(20,15): run-time error CSS1039: Token not allowed after unary operator: '-color-default'
(21,26): run-time error CSS1039: Token not allowed after unary operator: '-color-default-background'
(22,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-default'
(142,15): run-time error CSS1039: Token not allowed after unary operator: '-color-default'
(144,26): run-time error CSS1039: Token not allowed after unary operator: '-color-cta'
(148,26): run-time error CSS1039: Token not allowed after unary operator: '-color-cta-hover'
(149,15): run-time error CSS1039: Token not allowed after unary operator: '-color-default'
(176,15): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-dark'
(181,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-small'
(187,15): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st'
(219,17): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-dark'
(239,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-large'
(240,15): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-dark'
(246,15): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st'
(254,26): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-lightest'
(262,22): run-time error CSS1039: Token not allowed after unary operator: '-color-cta-hover'
(275,22): run-time error CSS1039: Token not allowed after unary operator: '-color-cta-hover'
(303,15): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-dark'
(304,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-large'
(309,15): run-time error CSS1039: Token not allowed after unary operator: '-color-default'
(672,26): run-time error CSS1039: Token not allowed after unary operator: '-color-cta'
(673,15): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-dark'
(840,15): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-dark'
(843,15): run-time error CSS1039: Token not allowed after unary operator: '-color-default'
(846,15): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-2nd'
(885,26): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-darker'
(935,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-small'
(948,15): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-dark'
(962,15): run-time error CSS1039: Token not allowed after unary operator: '-color-default'
(965,15): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-dark'
(986,15): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-dark'
(990,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-large'
(994,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-default'
(1022,26): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-lightest'
(1037,26): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-lightest'
(1128,58): run-time error CSS1039: Token not allowed after unary operator: '-color-cta'
(1138,26): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-lightest'
(1175,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-default'
(1177,15): run-time error CSS1039: Token not allowed after unary operator: '-color-default'
(1202,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-large'
(1248,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-regular'
(1281,26): run-time error CSS1039: Token not allowed after unary operator: '-color-cta-hover'
(1285,26): run-time error CSS1039: Token not allowed after unary operator: '-color-cta-hover'
(1286,27): run-time error CSS1039: Token not allowed after unary operator: '-color-cta-hover'
(1293,20): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-darker'
(1296,28): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-darker'
(1296,67): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-darker'
(1296,107): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-darker'
(1296,149): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-darker'
(1296,191): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-darker'
(1296,233): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-darker'
(1296,275): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-darker'
(1296,318): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-darker'
(1296,361): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-darker'
(1296,404): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-darker'
(1898,17): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-dark'
(2361,17): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-dark'
(2366,20): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st'
(2378,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2379,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2380,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2382,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2383,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2384,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2385,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2386,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2387,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2388,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2389,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2390,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2392,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2393,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2394,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2395,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2396,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2397,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2398,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2399,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2433,26): run-time error CSS1039: Token not allowed after unary operator: '-color-default-background'
(2442,15): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-dark'
(2447,15): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st'
(2453,15): run-time error CSS1039: Token not allowed after unary operator: '-color-default'
(2463,15): run-time error CSS1039: Token not allowed after unary operator: '-color-default'
(2471,15): run-time error CSS1039: Token not allowed after unary operator: '-color-default'
(2478,15): run-time error CSS1039: Token not allowed after unary operator: '-color-default'
(2483,15): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-dark'
(2488,15): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-darker'
(2493,18): run-time error CSS1039: Token not allowed after unary operator: '-color-error'
(2502,15): run-time error CSS1039: Token not allowed after unary operator: '-color-default'
(2515,17): run-time error CSS1039: Token not allowed after unary operator: '-color-default'
(2522,26): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-light'
(2525,26): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-light'
(2529,66): run-time error CSS1039: Token not allowed after unary operator: '-color-cta'
(2529,113): run-time error CSS1039: Token not allowed after unary operator: '-color-cta'
(2536,49): run-time error CSS1039: Token not allowed after unary operator: '-color-cta'
(2536,130): run-time error CSS1039: Token not allowed after unary operator: '-color-cta'
(2542,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-large'
(2558,28): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-dark'
(2561,17): run-time error CSS1039: Token not allowed after unary operator: '-color-default-ondark'
(2600,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-large'
(2611,17): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st'
(2612,22): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-light'
(2624,30): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-darker'
(2625,31): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-darker'
(2674,28): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-darker'
(2692,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-large'
(2694,28): run-time error CSS1039: Token not allowed after unary operator: '-color-cta'
(2695,17): run-time error CSS1039: Token not allowed after unary operator: '-color-default-ondark'
(2700,26): run-time error CSS1039: Token not allowed after unary operator: '-color-cta-hover'
(2701,15): run-time error CSS1039: Token not allowed after unary operator: '-color-default-ondark'
(2704,17): run-time error CSS1039: Token not allowed after unary operator: '-color-default-ondark'
(2706,28): run-time error CSS1039: Token not allowed after unary operator: '-color-cta'
(2707,28): run-time error CSS1039: Token not allowed after unary operator: '-color-cta'
(2710,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-default'
(2715,17): run-time error CSS1039: Token not allowed after unary operator: '-color-default-ondark'
(2716,28): run-time error CSS1039: Token not allowed after unary operator: '-color-cta-hover'
(2724,26): run-time error CSS1039: Token not allowed after unary operator: '-color-cta'
(2725,15): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-dark'
(2728,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-small'
(2732,15): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st'
(2733,22): run-time error CSS1039: Token not allowed after unary operator: '-color-cta'
(2744,22): run-time error CSS1039: Token not allowed after unary operator: '-color-cta'
(2748,24): run-time error CSS1039: Token not allowed after unary operator: '-color-cta'
(2759,26): run-time error CSS1039: Token not allowed after unary operator: '-color-cta'
(2762,15): run-time error CSS1039: Token not allowed after unary operator: '-color-default'
(2765,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-default'
(2780,26): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-darker'
(2783,26): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-darker'
(2786,15): run-time error CSS1039: Token not allowed after unary operator: '-color-default-ondark'
(2787,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-smaller'
(2791,15): run-time error CSS1039: Token not allowed after unary operator: '-color-default-ondark'
(2798,22): run-time error CSS1039: Token not allowed after unary operator: '-color-default-ondark'
(2805,15): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-light'
(2808,15): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-light'
(2813,15): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-light'
(2827,28): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st'
(2838,17): run-time error CSS1039: Token not allowed after unary operator: '-color-default-ondark'
(2845,21): run-time error CSS1039: Token not allowed after unary operator: '-color-default-ondark'
(2851,28): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-darker'
(2860,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-default'
(2863,26): run-time error CSS1039: Token not allowed after unary operator: '-color-default-background'
(2866,15): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-dark'
(2869,26): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st'
(2873,15): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st'
(2876,27): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-light'
(2877,16): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-dark'
(2880,15): run-time error CSS1039: Token not allowed after unary operator: '-color-default'
(2883,26): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-dark'
(2886,33): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-dark'
(2895,17): run-time error CSS1039: Token not allowed after unary operator: '-color-default-ondark'
(2904,15): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-dark'
(2916,15): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-dark'
(2934,26): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-lightest'
(2937,26): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-lightest'
(2940,26): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-lightest'
(2943,26): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-lightest'
(2966,26): run-time error CSS1039: Token not allowed after unary operator: '-color-cta-hover'
(2986,30): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st'
(2995,15): run-time error CSS1039: Token not allowed after unary operator: '-color-default'
(3001,15): run-time error CSS1039: Token not allowed after unary operator: '-color-default'
(3056,26): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-lightest'
(3071,32): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-lightest'
(3128,26): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-dark'
(3135,26): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-darker'
(3146,15): run-time error CSS1039: Token not allowed after unary operator: '-color-default'
(3149,15): run-time error CSS1039: Token not allowed after unary operator: '-color-default'
(3156,26): run-time error CSS1039: Token not allowed after unary operator: '-color-cta'
(3157,15): run-time error CSS1039: Token not allowed after unary operator: '-color-default'
(3161,26): run-time error CSS1039: Token not allowed after unary operator: '-color-cta-hover'
(3162,15): run-time error CSS1039: Token not allowed after unary operator: '-color-default'
(3169,26): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-dark'
(3187,15): run-time error CSS1039: Token not allowed after unary operator: '-color-default-background'
(3201,26): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-lightest'
(3207,15): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-darker'
(3229,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-default'
(3234,26): run-time error CSS1039: Token not allowed after unary operator: '-color-cta'
(3235,26): run-time error CSS1039: Token not allowed after unary operator: '-color-cta'
(3236,15): run-time error CSS1039: Token not allowed after unary operator: '-color-default-ondark'
(3283,26): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-dark'
(3284,14): run-time error CSS1039: Token not allowed after unary operator: '-color-default-ondark'
(3287,25): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-darker'
(3288,15): run-time error CSS1039: Token not allowed after unary operator: '-color-default-ondark'
(3313,35): run-time error CSS1039: Token not allowed after unary operator: '-color-cta'
(3316,32): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-dark'
(3339,15): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-dark'
(3343,15): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-dark'
(3348,17): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-dark'
(3349,28): run-time error CSS1039: Token not allowed after unary operator: '-color-default-background'
(3350,30): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-dark'
(3375,28): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st'
(3393,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-large'
(3397,17): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-dark'
(3398,28): run-time error CSS1039: Token not allowed after unary operator: '-color-default-background'
(3400,30): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st'
(3404,34): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st-dark'
(3408,32): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-1st'
(3457,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-default'
(3460,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-default'
 */
/* Override for Stipendium*/
/* Montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../../../../fonts/Montserrat/montserrat-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''), url('../../../../fonts/Montserrat/montserrat-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../../fonts/Montserrat/montserrat-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../../fonts/Montserrat/montserrat-v11-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../../../fonts/Montserrat/montserrat-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../../fonts/Montserrat/montserrat-v11-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* Montserrat-500 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../../../../fonts/Montserrat/montserrat-v11-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''), url('../../../../fonts/Montserrat/montserrat-v11-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../../fonts/Montserrat/montserrat-v11-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../../fonts/Montserrat/montserrat-v11-latin-500.woff') format('woff'), /* Modern Browsers */ url('../../../../fonts/Montserrat/montserrat-v11-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../../fonts/Montserrat/montserrat-v11-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}
body {
  font-family: Montserrat, sans-serif;
  color: var(--color-default);
  background-color: var(--color-default-background);
  font-size: var(--font-size-default);
}
/* conveyancing banner */
.HCHOADBAA {
  background-color: #F59421;
  border-bottom: 0;
}
.main-section {
  min-height: 560px;
  background-color: #FFF;
}
.clear {
  height: 0px;
}
a {
  color: #009C41;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
  color: #025F20;
}
.btn-signin:hover {
  color: #fff;
}
.header {
  background-color: #fff;
}
.page {
  background-color: #fff;
}
.secondary-heading {
  font-size: 20px;
  margin: 0;
  color: #F59421;
  line-height: 24px;
  padding: 8px 0;
}
/* visually hidden code*/
.hide {
  display: initial;
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}
.btn, .login-banner .button-login, .button-password-reset, .button-cta, .button, .button-secondary {
  font-size: 1rem;
  line-height: 1.2;
  white-space: nowrap;
  text-decoration: none;
  margin: 3px 0;
  cursor: pointer;
  border-radius: 0.2em;
  background-color: #fff;
  color: #F59421;
  font-size: 16px;
  padding: 8px 16px;
  transition: all 600ms cubic-bezier(0.175, 0.885, 0.55, 1);
}
button, .button {
  cursor: pointer;
}
input[type=text], input[type=password] {
  border-radius: 4px;
  border: 0;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
  outline: 0;
  border-color: rgba(167, 167, 167, 1);
}
.register-container-heading, .login-container-heading {
  font-size: 26px;
}
/* login */
.login-main .form-label {
  padding-bottom: 0;
}
.login-banner-layer {
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  color: #333;
}
.login-heading {
  display: none;
  font-size: 34px;
  color: #fff;
}
.login-button-wrapper {
  margin-top: 15px;
}
.login-banner .button-login, .login-banner .button-register, .login-banner .button-password-reset {
  line-height: unset;
}
.button-secondary {
  min-width: 130px;
}
.help-selection-container .button {
  text-transform: initial;
}
.button-cta {
  text-transform: capitalize;
  width: 100%;
}
.button-cta-service-provider-email, .button-cta-introducer-email {
  width: auto;
}
.login-banner .button-login:hover, .button-password-reset, .button-cta:hover, .button-primary:hover {
  background-color: #fff;
  color: #268143;
  border-color: #268143;
}
.login-banner .password-reset-button-wrapper, .login-banner .button-password-reset {
  width: 100%;
}
.login-button-wrapper .button-login, .header-signin-button-container .btn-signin, .header-sign-button-container .btn-signin, .btn-signout {
  color: var(--color-default);
  border: 1px solid transparent;
  background-color: var(--color-cta);
  border-radius: 5px;
}
.login-button-wrapper .button-login:hover, .header-signin-button-container .btn-signin:hover, .header-sign-button-container .btn-signin:hover, .btn-signout:hover {
  background-color: var(--color-cta-hover);
  color: var(--color-default);
}
.button-password-cancel {
  background-color: #e0e0e0;
  color: #004873;
  min-width: 100px;
  margin-top: 10px;
  font-size: 14px;
}
.button-secondary, .button-inpage, .button-cancel {
  color: #F59421;
  text-transform: capitalize;
  background-color: #fff;
  border: 2px solid #F59421;
}
.button-secondary:hover, .button-inpage:hover, .button-cancel:hover {
  border-color: #268143;
  color: #268143;
  background-color: #fff;
  text-decoration: none;
}
.top-cta-container {
  padding-top: 15px;
}
.button-as-link {
  padding: 0px;
  border: 0;
  color: var(--color-brand-1st-dark);
  background-color: transparent;
  box-sizing: border-box;
  text-align: left;
  vertical-align: bottom;
  font-size: var(--font-size-small);
  outline: none;
}
.button-as-link:hover {
  text-decoration: underline;
  border: 0;
  color: var(--color-brand-1st);
}
.top-cta-item.cta-get-a-quote {
  display: none;
}
/* help section */
.faq-container, .glossary-container {
  margin: 25px auto;
}
.faq-section-list {
  background-color: #fff;
  margin: 5px;
  border-radius: 0.4em;
  box-shadow: 0 0 0.4em rgba(0, 0, 0, 0.1), 0px 4px 0px 0px rgba(0, 40, 92, 0.033), 0 0 0.2em rgba(0, 0, 0, 0.025) !important;
}
.faq-section {
  padding: 17px;
  border-top: 1px solid #e0e0e0;
  overflow: hidden;
  clear: both;
}
.faq-section:first-of-type {
  border-top: 0;
}
.glossary-items-group .toggle-trigger-link, .faq-container .toggle-trigger-link {
    font-family: 'Montserrat', sans-serif;
    background-position: right center;
    margin-right: 0;
    height: 30px;
    line-height: 30px;
    width: 100%;
    font-size: 20px;
    color: var(--color-brand-1st-dark);
    float: none;
    font-weight: bold;
    position: relative;
}
.faq-item {
  display: block;
  overflow: hidden;
  min-height: 36px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e0e0e0;
}
.faq-item:first-child {
  padding-top: 10px;
}
.faq-item:last-child {
  border: none;
}
.faq-question {
  font-size: var(--font-size-large);
  color: var(--color-brand-1st-dark);
  width: 85%;
  display: block;
  line-height: 22px;
}
.faq-item:hover .faq-question {
  color: var(--color-brand-1st);
}
.faq-answer {
  padding-bottom: 10px;
  margin-top: 15px;
  margin-bottom: 10px;
  padding: 15px;
  line-height: 22px;
  background-color: var(--color-brand-1st-lightest);
}
.glossary-items-group .toggle-trigger-link:after, .faq-section .toggle-trigger-link:after {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  border-style: solid;
  border-color: var(--color-cta-hover);
  border-width: 2px 2px 0 0;
  position: absolute;
  right: 15px;
  top: 10px;
}
.glossary-items-group .toggle-trigger-link-expand:after, .faq-section .toggle-trigger-link-expand:after {
  transform: rotate(135deg);
}
.glossary-items-group .toggle-trigger-link-collapse:after, .faq-section .toggle-trigger-link-collapse:after {
  transform: rotate(-45deg);
}
.glossary-items-group .toggle-trigger-glossary:after, .faq-section .toggle-trigger-faq-section:after {
  border-color: var(--color-cta-hover);
  border-width: 3px 3px 0 0;
}
.glossary-items-group .toggle-trigger-link:after {
  top: 25px;
}
.glossary-items-group {
  padding: 0 10px;
  border-top: 1px solid #e0e0e0;
  background-color: #fff;
}
.glossary-items-header {
  height: 64px;
}
.glossary-items-header {
  clear: both;
  overflow: hidden;
}
.glossary-items-group .toggle-trigger-link {
  font-size: 20px;
  padding: 17px 0;
}
.glossary-item-list {
  margin-left: 25px;
  padding-right: 15px;
}
.glossary-item-term {
  margin-top: 5px;
  color: var(--color-brand-1st-dark);
  font-size: var(--font-size-large);
  font-weight: 700;
  margin-bottom: 5px;
}
.glossary-item-description {
  color: var(--color-default);
  padding-bottom: 15px;
  line-height: 20px;
}
/*footer plus and minus icons ofr mobile view*/
.footer-cms-std .btn.toggle-trigger-link {
  float: right;
  background-color: transparent;
  position: relative;
  width: 20px;
  height: 20px;
  margin-top: 5px;
  min-width: unset;
  padding: 0;
  border: 0;
}
.footer-cms-std .toggle-trigger-link:before, .footer-cms-std .toggle-trigger-link:after {
  content: "";
  position: absolute;
  background-color: #F59421;
  transition: transform 0.25s ease-out;
}
/* vertical line of 'plus' */
.footer-cms-std .toggle-trigger-link:before {
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  margin-left: -2px;
}
/* horizontal line of 'plus' */
.footer-cms-std .toggle-trigger-link:after {
  top: 50%;
  left: 0;
  width: 100%;
  height: 4px;
  margin-top: -2px;
}
/* rotate the two lines to make one horizontal ie. 'minus' */
.toggle-trigger-link-collapse:before {
  transform: rotate(90deg);
}
.toggle-trigger-link-collapse:after {
  transform: rotate(180deg);
}
.list-type-table .list-header {
  margin-bottom: 0px;
  padding: 7px 0;
}
/* forgot password page heading visually hidden,but accessible for screenreaders */
.forgot-password-container .login-heading {
  display: block;
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
/* visual heading appended to be consistent with h2 style of login page */
.password-reset-container:before {
  content: 'Reset password';
  font-size: 26px;
  margin-bottom: 18px;
  display: block;
  font-family: 'Barlow', sans-serif;
}
.login-container .error-container {
  margin-top: 10px;
}
.error-container {
  margin-top: 10px;
}
.error-container {
  line-height: 30px;
  background-color: #f8d1d7;
  clear: both;
  width: 100%;
  padding-left: 10px;
  box-sizing: border-box;
}
.error {
  font-size: 14px;
}
select {
  font-size: 14px;
}
/* feedback page style */
.feedback-container .form-group-container {
  background-color: #fff;
  padding: 15px;
  box-shadow: 0 6px 14px 0 #e8ebee;
  border-radius: 6px;
}
input[type=submit]:disabled, input[type=button]:disabled {
  opacity: 0.3;
  cursor: unset;
}
.feedback-container .button-radio-list {
  max-width: 383px;
  margin: 0;
  padding: 0;
}
.feedback-container .button-radio-list li {
  height: auto;
}
.feedback-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.feedback-container input[type=radio]:checked + label, .feedback-container input[type=radio]:checked + label:hover {
  background-color: #BD479A;
  color: #fff;
}
.satisfaction-level {
  color: #4F145B;
}
.feedback-container input[type=radio] + label {
  display: block;
  padding: 10px;
  border: 1px solid #bfbfbf;
  border-bottom-width: 0;
  background-color: #fff;
  color: #4F145B;
  line-height: inherit;
  cursor: pointer;
  margin: 0;
}
.feedback-container input[type=radio] + label:hover {
  background-color: #F9F8FA;
}
.feedback-container .button-radio-list li:last-of-type input + label {
  border-bottom: 1px solid #bfbfbf;
}
.list-type-table .list-item {
  margin-bottom: 5px;
}
/* modal pop for removing notes */
.modal-wrapper {
  background: rgba(0, 0, 0, .6);
}
.modal-content {
  background: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .6);
}
.modal-content-header-wrapper {
  padding: 0px;
}
.modal-content .col {
  padding: 22px;
}
.modal-content .dialog-close {
  position: relative;
  float: right;
  display: block;
  text-decoration: none;
  width: 20px;
  height: 20px;
}
.modal-content input.button-cta {
  width: 100%;
}
.modal-content .dialog-close:before, .modal-content .dialog-close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 20px;
  width: 2px;
  background-color: #4F145B;
}
.modal-content .dialog-close:before {
  transform: rotate(45deg);
}
.modal-content .dialog-close:after {
  transform: rotate(-45deg);
}
/* These are controls found in quoting pages - defaulted for mobile */
/* DO NOT override for tablet and desktop here */
/* buttons */
.secondary .button-primary {
  background-color: transparent;
  color: #e30613;
  background-image: url('../../Images/arrow-right-green.png');
  background-position: right 10px center;
  background-repeat: no-repeat;
  display: inline-block;
  text-align: left;
  width: auto;
}
/* progress bar */
.progress-bar-default-design {
  background-color: #fff
}
.progress-bar {
  margin: 0 auto;
  color: #333;
}
.progress-bar-step-text {
  margin-left: 0.1em;
}
.progress-bar-step-indicator {
  float: left;
  width: 50%;
  box-sizing: border-box;
}
.progress-bar-step-icon {
  background-color: #bcbcbc;
  border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  line-height: 100%;
  text-align: center;
  font-size: 160%;
}
.progress-bar-step.selected .progress-bar-step-icon {
  background-color: #E30613;
}
.progress-bar-step.completed .progress-bar-step-icon {
  background-color: #37474F;
}
.progress-bar-step-separator {
  margin-top: 10%;
  margin-left: 15%;
  width: 20%;
}
/* product selection */
.goal-selection-text-content .primary-heading {
  padding-bottom: 30px;
}
.goal-selection-container .primary .secondary-heading {
  color: #18416d;
  font-weight: 600;
  text-transform: capitalize;
  text-align: center;
}
.tile-item-content {
  border-radius: 0;
  box-shadow: none;
  background-color: #fff;
}
.tile-item-content .button-primary {
  font-size: 16px;
}
.primary .tile-item-content {
  padding: 20px 20px 30px 20px;
}
.tile-item-content .secondary-heading {
  background-color: transparent;
}
.primary.sale-and-purchase .tile-item-content {
  background-color: #ed6a2c;
}
.primary.purchase-only .tile-item-content {
  background-color: #693f92;
}
.primary.sale-only .tile-item-content {
  background-color: #00a69c;
}
.primary.remortgage .tile-item-content {
  background-color: #4CA83E;
}
.primary.additional-property .tile-item-content {
  background-color: #E3105B;
}
.primary.buy-to-let .tile-item-content {
  background-color: #42A5DD;
}
.standard-tile-item-container.primary .button-primary {
  border: solid 2px #fff;
  background-color: rgba(0, 0, 0, .2);
  width: auto;
  display: block;
  margin: 0 auto;
  padding: 10px 18px;
}
.tile-item-icon {
  display: inline;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, .2);
  background-repeat: no-repeat;
  background-size: contain;
}
.tile-icon-sale-and-purchase {
  background-image: url('../../images/goalselection/sale-and-purchase-icon.png');
}
.tile-icon-purchase-only {
  background-image: url('../../images/goalselection/purchase-only-icon.png');
}
.tile-icon-sale-only {
  background-image: url('../../images/goalselection/sale-only-icon.png');
}
.tile-icon-remortgage {
  background-image: url('../../images/goalselection/remortgage-icon.png');
}
.tile-icon-additional-property {
  background-image: url('../../images/goalselection/second-property.png');
}
.tile-icon-buy-to-let {
  background-image: url('../../images/goalselection/buy-to-let-icon.png');
}
.goal-selection-tile-list .tile-item-icon {
  margin: 0 auto;
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, .2);
}
.goal-selection-container .secondary-heading, .goal-selection-tile-list .secondary-heading {
  float: none;
  clear: right;
  line-height: 1em;
  min-height: auto;
  padding: 0;
  font-size: 18px;
  margin-top: 15px;
}
.goal-selection-tile-list .tile-item-description {
  clear: both;
  margin-top: 45px;
  border-top: 1px solid rgba(255, 255, 255, .2);
  padding: 27px 0px 15px 0px;
  font-size: 16px;
  min-height: 90px;
  line-height: 22px;
}
.goal-selection-tile-list .primary .tile-item-description {
  font-size: 17px;
  margin-top: 15px;
  color: #fff;
  min-height: 80px;
}
.goal-selection-tile-list .sale-and-purchase .tile-item-description, .goal-selection-tile-list .purchase-only .tile-item-description, .goal-selection-tile-list .sale-only .tile-item-description {
  min-height: 80px
}
.goal-selection-tile-list .secondary .tile-item-description {
  border-top: 1px solid #e1e1e1;
}
.goal-selection-tile-list .secondary.transfer-of-equity--transfer-of-mortgage-property .tile-item-description {
  margin-top: 65px;
}
.goal-selection-tile-list .secondary .tile-item-content {
  padding: 20px 20px 30px 20px;
  min-height: 380px;
}
.goal-selection-tile-list .secondary .tile-item-icon {
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, .2);
}
/* property details */
.cta-back .button-cta {
  background-color: #fff;
  border: solid 1px var(--color-cta);
  color: var(--color-brand-1st-dark);
  text-align: center;
  background-image: none;
}
.cta-exit .button-cta {
  background-color: #fff;
  color: #333;
  text-align: center;
  background-image: none;
  border-color: #808080;
}
.cta-back .button-cta:hover, .cta-exit .button-cta:hover, .cta-back .button-cta:focus, .cta-exit .button-cta:focus {
  border-color: #464646;
  color: #464646;
  background-color: #fff;
}
/* Free Legals checkbox and label */
.free-legal-confirmation-container {
  background-color: #FAFFE8;
  border: 1px solid #9e9e9e;
  margin: 0px auto 20px;
  width: calc(100% - 40px);
}
/* tabs */
.tab {
  background-color: transparent;
  height: 56px;
  width: auto;
  padding: 0px;
}
.button-tab {
  color: #fff;
  background-color: #3E5CA5;
  font-size: 20px;
  line-height: 56px;
  padding: 0px 24px;
}
.selected .button-tab {
  background-color: #fff;
  color: #333333;
}
/* quote results */
.quote-scenario-summary-container .secondary-heading {
  background-color: #fff;
  border-bottom: 1px solid #e1e1e1;
}
.quote-scenario-summary-container .quote-scenario-description-text {
  margin-top: 20px;
  font-weight: 600;
}
.quote-scenario-summary-container .quote-scenario-case-text {
  margin-top: 20px;
}
.quote-scenario-case-attributes-text:before, .quote-scenario-case-text:before {
  border-color: #19A59B;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: '';
  display: inline-block;
  height: 9px;
  position: relative;
  left: 5px;
  margin-right: 12px;
  top: 0;
  transform: rotate(45deg);
  width: 8px;
}
.col.quote-scenario-summary-container {
  padding: 10px;
  margin-top: 10px !important;
  margin-bottom: 15px !important;
  width: 100%;
}
.quote-result-intro-text {
  padding: 20px 10px 0px;
}
.sort-by-text {
  line-height: 15px;
  margin: 0px 15px 20px 0px;
}
.top-quote {
  margin-bottom: 0px;
}
/*.quote-scenario-summary-container {display:none;} */
.quotes-list {
  padding-top: 12px;
  background-color: #fff;
}
.quote-list-heading {
  color: #000;
  margin: 30px 10px 15px 10px;
  padding: 10px 0px;
  font-size: 24px;
  font-weight: bold;
}
.quote-item {
  margin: 0px auto;
  padding: 15px 10px 15px;
  width: calc(100% - 40px);
  border-bottom: 1px solid #e1e1e1;
}
.quote-field {
  padding-bottom: 0px;
  font-size: 15px;
  line-height: 1.5em;
}
.quote-service-provider-distance {
  font-size: 15px;
  line-height: 1.5em;
}
.quote-col.quote-col-total {
  padding-top: 15px;
}
.quote-total-price {
  margin-bottom: 5px;
  padding: 10px 0px 5px;
  color: #3E5CA5;
  font-size: 28px;
}
.quote-item .button-primary {
  width: 100%;
  background-image: none;
  text-align: center;
  background-color: #3E5CA5;
}
.quote-list-container .load-quotes-options {
  margin: 0px auto;
  padding: 40px 0px 10px;
  width: calc(100% - 20px);
}
.quote-list-container .cta-separator {
  display: none;
}
.container.quote-content-container {
  background-color: #fff;
  box-sizing: border-box;
  padding: 20px;
  max-width: 1180px;
}
.container.quote-content-container #content {
  max-width: 900px;
  margin: 0px auto;
}
.container.quote-not-instructable-container {
  background-color: #fff;
  box-sizing: border-box;
  padding: 0px 20px 0px 20px;
  max-width: 1180px;
}
.view-quote-heading-container, .view-quote-heading-container .secondary-heading {
  background-color: #fff;
}
/* quote confirmation */
.confirmation-container {
  background-color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
}
.confirmation-card {
  background-color: #ECEFF1;
  color: #000;
  width: calc(100% - 20px);
  padding: 25px;
}
/* text colours */
.v3-quote-primary-colour {
  /* primary distinctive brand colour*/
  color: var(--color-brand-1st-dark);
}
.v3-quote-secondary-colour {
  color: var(--color-default);
}
.v3-quote-tertiary-colour {
  color: var(--color-brand-2nd);
}
.v3-quote-grey {
  /* typically generic medium grey */
  color: #18416d;
}
/* text size */
.quote-details.v3 {
  font-size: 12px;
  line-height: 14pt;
}
.v3-quote-bold {
  /* for single font, just use font-weight:bold; */
}
.v3-quote-heading {
  font-size: 38px;
  line-height: 46px;
}
.v3-quote-text-size-1 {
  font-size: 22px;
  line-height: 22px;
}
.v3-quote-text-size-2 {
  font-size: 18px;
  line-height: 21px;
}
.v3-quote-summary-no-completion-text {
  font-size: 14.5px;
  line-height: 18px;
}
/* subscript text */
.v3-quote-subscript {
  font-style: italic;
}
/* box styling */
.v3-quote-grey-box {
  background-color: #e4edf0;
}
.v3-quote-border {
  border: 1px solid var(--color-brand-1st-darker);
}
/* Small print */
.v3-label-show-hide-quote-small-print {
  color: #e30613;
  font-size: 18px;
  border-bottom: 1px dotted #e30613;
}
.nonPrintable {
  background-color: #fff;
}
.introducerLogo {
  width: 134px;
  height: 70px;
}
.created-by-introducer-name {
  line-height: unset;
}
.v3-quote-header-intro {
  min-height: 90px;
}
/* These are controls found in track my case pages - defaulted for mobile */
/* DO NOT override for tablet and desktop here */
/* saved quote list */
.saved-quote-list-quote-text {
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 24px;
}
.saved-quote-list-quote-total {
  font-size: 40px;
  line-height: 40px;
  font-weight: bolder;
  color: #484b9a;
}
.saved-quote-list-button-white {
  background-color: #e0e0e0;
  color: #004873;
}
.client-quote-reference {}
.client-order-tile-cta-container .button-cta {
  margin-bottom: 5px;
}
/* instruction list */
.saved-quotes-container .button-cta, .track-cases-container .button-cta {
  width: 100%;
}
.saved-quotes-container .button-inpage {
  background-color: #e0e0e0;
  color: #004873;
  font-size: var(--font-size-small);
}
.order-item {
  background-color: #fff;
  padding: 15px 5px;
  margin-bottom: 20px;
  border-radius: 0.4em;
  box-shadow: 0 0 0.4em rgba(0, 0, 0, 0.1), 0px 4px 0px 0px rgba(0, 40, 92, 0.033), 0 0 0.2em rgba(0, 0, 0, 0.025) !important;
}
.order-item .secondary-heading {
  font-size: 24px;
  padding-bottom: 15px;
  background-color: #fff;
  color: var(--color-brand-1st-dark);
  font-weight: 700;
  margin-top: 0;
}
.list-type-table .col.list-header-item {
  padding-left: 0px;
}
.list-item-heading {
  font-size: 30px;
}
.client-order-tile .secondary-heading {
  min-height: 0px;
}
.client-order-description, .client-order-reference, .client-order-service-provider {
  color: var(--color-default);
}
.client-order-reference {
  color: var(--color-brand-1st-dark);
}
/* track case - order page */
.track-order-section, .order-item-milestones-container {
  background-color: #fff;
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 0.4em;
  box-shadow: 0 0 0.4em rgba(0, 0, 0, 0.1), 0px 4px 0px 0px rgba(0, 40, 92, 0.033), 0 0 0.2em rgba(0, 0, 0, 0.025) !important;
}
.order-item-milestones-container, .order-document-container, .order-notes-container {
  background-color: #fff;
  padding: 15px 15px 10px;
  margin: 0px 10px 15px;
  border-radius: 0.4em;
  box-shadow: 0 0 0.4em rgba(0, 0, 0, 0.1), 0px 4px 0px 0px rgba(0, 40, 92, 0.033), 0 0 0.2em rgba(0, 0, 0, 0.025) !important;
}
.tertiary-heading-category {
  padding-left: 0px;
}
.track-order-section .secondary-heading, .order-item-milestones-container .secondary-heading, .order-document-container .secondary-heading, .order-notes-container .secondary-heading {
  color: var(--color-brand-1st-dark);
  background-color: #fff;
  font-weight: 700;
  line-height: 1.2em;
  font-size: var(--font-size-large);
}
.tertiary-heading, .track-order-status {
  display: block;
  font-size: var(--font-size-default);
  font-weight: bold;
}
.quaternary-heading {
  font-weight: bold;
}
.track-order-section .button-cta-container {
  margin-bottom: 0px;
}
.order-item-milestone-list-items .tooltip-trigger-link:focus {}
.order-item-attributes-list {
  font-style: italic;
}
.cta-container.order-thread-cta-container {
  background-color: transparent;
}
.order-threads-cta-container .button-cta {
  padding: 12px 20px;
}
.order-threads-cta-and-help-trigger-container {
  border-color: transparent;
  background-image: url("../../images/dotted-line.png");
  background-position: center bottom;
  background-repeat: repeat-x;
  background-size: 4px 1px;
  margin-bottom: 10px;
}
.order-notes-help-container {
  background-color: var(--color-brand-1st-lightest);
  padding: 15px 0;
  margin-bottom: 15px;
  width: auto;
}
.order-note-intro {
  font-weight: bold;
}
.order-note-item-container {
  padding-bottom: 10px;
}
.order-thread-item {
  margin-bottom: 10px;
}
.order-note-item {
  background-color: var(--color-brand-1st-lightest);
}
.order-note-edit-heading {
  margin-bottom: 10px;
}
.order-thread-subject-heading {
  color: #4c4c4c;
}
.order-note-main .cta-container, .order-note-main .form-group-container {
  background-color: transparent;
}
.order-note-item {
  margin-top: 10px;
}
.cta-container.order-note-edit-cta-container {
  padding: 0;
}
/* notes colouring */
.speech-arrow {
  border-width: 0 12px 14px 0;
}
.thread-type-query .order-note-item {
  background-color: #Fff;
  border: solid #969696 5px;
}
.thread-type-query .speech-arrow {
  border-right-color: #969696;
}
.thread-type-query .note-icon {
  background-color: #969696;
}
.thread-type-complaint .order-note-item {
  background-color: #fff;
  border: solid #969696 5px;
}
.thread-type-complaint .speech-arrow {
  border-right-color: #969696;
}
.thread-type-complaint .note-icon {
  background-color: #969696;
}
.thread-type-note .order-note-item {
  background-color: #fff;
  border: solid #969696 5px;
}
.thread-type-note .speech-arrow {
  border-right-color: #969696;
}
.thread-type-note .note-icon {
  background-color: #969696;
}
.order-thread-subject {
  display: none;
}
.cta-container.order-note-cta-container {
  padding: 0px 0px;
  border-top: solid 1px grey;
  margin-top: 10px;
}
.thread-type-complaint .cta-container.order-note-cta-container {
  border-color: #969696;
}
.thread-type-query .cta-container.order-note-cta-container {
  border-color: #969696;
}
.thread-type-note .cta-container.order-note-cta-container {
  border-color: #969696;
}
.cta-note {
  margin-right: 20px;
}
.order-note-complaint-reason {
  margin: 0;
}
.order-thread-waiting {
  color: #4c4c4c;
  font-style: italic;
}
.secondary-heading-type-2 {
  padding-top: 0px;
}
.secondary-heading-type-2:before {
  display: none;
}
.tooltip-trigger-link:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent var(--color-cta);
  margin-right: 8px;
  top: -2px;
}
.order-item-attributes-container .tooltip-trigger-link:before {
  display: none;
}
.order-item-milestone-description {
  padding: 15px;
  line-height: 22px;
  background-color: var(--color-brand-1st-lightest);
  margin-top: 10px;
  margin-bottom: 5px;
}
.order-list-container {
  margin-top: -20px;
}
.order-note-created-by {
  font-weight: bold;
}
/* your profile */
.your-profile-container .form-row {
  max-width: 100%;
  margin: 20px 0px;
}
.form-group-container.marketing-preferences .form-row {
  display: block;
}
.your-profile-container .form-row:after {
  display: table;
  clear: both;
  content: '';
}
.your-profile-container .form-label, .your-profile-container .form-field {
  line-height: 20px;
  padding-bottom: 0;
}
.your-profile-container .form-field {
  margin-left: 0px;
  width: 100%;
  margin-top: 10px;
}
.your-profile-container .form-label {
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
}
input[type=text], input[type=password], textarea {
  font-size: var(--font-size-default);
  font-family: 'Raleway', sans-serif;
  color: var(--color-default);
  height: auto;
  border: 2px solid #d9d9d9;
  border-bottom: 3px solid #d9d9d9;
  padding: 0.6em 0.6em;
  margin-bottom: 0.25em;
  border-radius: 0.2em;
  transition: border 600ms;
}
.form-field-postcode-search-container {
  padding-top: 0px;
}
.form-field-address {
  margin-top: 20px;
}
.form-field-address .form-field-postcode, .form-field-address .address-wizard-content .post-code-search-form input[type=text] {
  float: left;
  margin: 0 0 10px 0;
  padding: 5px 10px;
  height: 42px;
  width: 50%;
  min-width: unset;
  max-width: none;
  width: 100%;
  box-sizing: border-box;
  font-size: var(--font-size-large);
  font-weight: normal;
}
.form-field-address .form-field-postcode {}
.form-field-address .form-field-postcode-search-container .form-row {
  padding-top: 10px;
}
.your-profile-container .form-field.form-field-address-postcode-textbox-and-search-button {
  max-width: 100%;
  width: 100%;
  margin-left: 0px;
  margin-top: 20px;
}
.form-field-address .button-search-address {
  float: none;
  max-width: 150px;
  padding: 12px 5px 13px;
  box-sizing: border-box;
  margin-top: 0px;
  margin-left: 10px;
}
.your-profile-container .form-label {
  min-width: 160px;
}
.form-label {
  margin-bottom: 10px;
}
.form-label-description {
  font-weight: normal;
}
/* tick box */
/* tick box */
.your-profile-container input[type=checkbox] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.your-profile-container input[type=checkbox] + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  display: inline-block;
  background-color: transparent;
  box-shadow: none;
  font-size: var(--font-size-regular);
  margin-bottom: 10px;
  text-align: right;
  border: 0;
  box-shadow: none;
}
.your-profile-container input[type=checkbox] + label:hover, .your-profile-container input[type=checkbox]:focus + label, .your-profile-container input[type=checkbox]:checked + label, .your-profile-container input[type=checkbox]:checked + label:focus, .your-profile-container input[type=checkbox]:checked + label:hover, .checkbox-visible-to input[type=checkbox] + label:hover, .checkbox-visible-to input[type=checkbox]:focus + label, .checkbox-visible-to input[type=checkbox]:checked + label, .checkbox-visible-to input[type=checkbox]:checked + label:focus, .checkbox-visible-to input[type=checkbox]:checked + label:hover {
  background-color: transparent;
  box-shadow: none;
  outline: none;
  color: #566266;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  position: relative;
}
.your-profile-container input[type=checkbox] + label:before, .checkbox-visible-to input[type=checkbox] + label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 30px;
  height: 30px;
  background: white;
  position: relative;
  float: left;
  top: -5px;
  border: 1px solid #CDD2D4;
  background-color: #FFF;
  transform-origin: center;
}
.your-profile-container input[type=checkbox]:checked + label:before, .checkbox-visible-to input[type=checkbox]:checked + label:before {
  border: solid 1px var(--color-cta-hover);
  top: -5px;
}
.your-profile-container input[type=checkbox]:focus + label:before, .checkbox-visible-to input[type=checkbox]:focus + label:before {
  border: solid 1px var(--color-cta-hover);
  outline: solid 1px var(--color-cta-hover);
}
.your-profile-container input[type=checkbox]:checked + label:after, .checkbox-visible-to input[type=checkbox]:checked + label:after {
  content: '';
  position: absolute;
  left: 8px;
  top: 11px;
  background: var(--color-brand-1st-darker);
  width: 3px;
  height: 3px;
  box-shadow: 2px 0 0 var(--color-brand-1st-darker), 4px 0 0 var(--color-brand-1st-darker), -2px 0 0 var(--color-brand-1st-darker), 4px -2px 0 var(--color-brand-1st-darker), 4px -4px 0 var(--color-brand-1st-darker), 4px -6px 0 var(--color-brand-1st-darker), 4px -8px 0 var(--color-brand-1st-darker), 4px -10px 0 var(--color-brand-1st-darker), 4px -12px 0 var(--color-brand-1st-darker), 4px -14px 0 var(--color-brand-1st-darker);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border: 0 !important;
}
.checkbox-visible-to input[type=checkbox]:checked + label:after {
  left: -33px;
}
.your-profile-container input[type=checkbox] + label:after, .checkbox-visible-to input[type=checkbox] + label:after {
  content: '';
  position: absolute;
  top: -1px;
  right: 7px;
  left: inherit;
  width: 9px;
  height: 17px;
}
.your-profile-container input[type=checkbox]:checked + label:after, .checkbox-visible-to input[type=checkbox]:checked + label:after {
  display: inline-block;
}
/* show and hide quote small print button in mobile and desktop */
input[type=checkbox] + label {
  border: 0;
}
input.v3-checkbox-show-hide-quote-small-print + label {
  position: absolute;
  bottom: 10px;
  left: 10px;
  color: #808080;
  border-bottom: dotted 1px #808080;
}
input.v3-checkbox-show-hide-quote-small-print:checked + label:after {
  display: none;
}
input.v3-checkbox-show-hide-quote-small-print:checked + label {
  color: #808080;
  border-bottom: dotted 1px #808080;
}
input.v3-checkbox-show-hide-quote-small-print + label:hover, input.v3-checkbox-show-hide-quote-small-print:checked + label:hover {
  color: #DB8307;
  border-bottom: dotted 1px #DB8307;
}
input[type=checkbox]:checked + label.v3-label-show-hide-quote-small-print, input[type=checkbox]:checked + label.v3-label-show-hide-quote-small-print:focus {
  border: 0;
}
@media (min-width:768px) {
  .v3-label-show-hide-quote-small-print, input.v3-checkbox-show-hide-quote-small-print + label, input.v3-checkbox-show-hide-quote-small-print:checked + label {
    display: none;
  }
}
/* 2019 v1.6 changes */
.your-profile-container {
  margin-top: 0px;
  max-width: 1200px;
}
.form-row {
  width: 100%;
  margin-bottom: 15px;
  max-width: none;
}
.form-row:after {
  clear: both;
  content: '';
  display: table;
}
.form-field-address-results-container:after {
  content: '';
  clear: both;
  display: table;
}
.form-field-address-results-container span, .uwc-button-manual-entry {
  margin: 10px 0 !important;
}
.uwc-button-manual-entry {
  float: right;
  display: block;
}
.uwc-address-line2-blank-label {
  display: block;
}
.your-profile-container .form-field {
  max-width: 100%;
}
@media (min-width:768px) {
  .form-label {
    float: left;
    width: 54.998%;
  }
  .form-field, .form-checkbox-group {
    float: left;
    width: 44.998%;
  }
  .form-field-address {
    width: 100%;
  }
  .form-field-address-results-container, .uwc-address-selected {
    float: right;
    width: 44.998%;
  }
}
/* HEADER CONTROLS IN ORDER */

/*  
    HCMSMMLAESIM    - Custom MSM LogoAndExpandableSignInMenu 
    HSMH1           - STANDARD H1
    HSH1C           - Standard H1 clickable
    HSMSM           - Standard Stacked Menu 

*/




/*  HSMLAESIM - STANDARD LogoAndExpandableSignInMenu **********************/
 .header-std-sm .header-logo-and-signin-button-container
{    
    position: relative;
    border-bottom: 0;
    text-align: left;
    height: 70px;
}

.header-std-sm .header-logo-container
{
    text-align: left;
}

.header-std-sm .header-logo
{
    height:unset;
    margin:10px 0 0 10px;
}


.header-std-sm a.btn-header-menu,
.header-std-sm a.btn-header-menu:visited
{
    position: absolute;
    top: -5px;
    right: 0;
    color: #fff;
    background-image: url(../../Images/menu-open-x.png);
    background-position: center 10px;
    background-repeat: no-repeat;
    font-weight: normal;
    font-size: 12px;
    height:auto;
    padding: 0;
    line-height:inherit;
    width:30px;
    height:30px;
    background-color:transparent;
    border:0;
}
   
.header-std-sm a.btn-header-menu.toggle-trigger-custom-collapse .hide
{
    display:none;
}
.header-std-sm .header-wing-container
{
    display:none;
}
.header-std-sm .header-signin-menu-container
{
    background-color:#fff;
    box-shadow:5px 5px 15px 5px rgba(0,0,0,0.2);
    padding:24px 18px 0px;
}
.header-std-sm .header-sign-button-container
{
    margin-bottom:25px;
}

.header-std-sm .btn-header .signin-icon 
{
    background-image:url('../../Images/lock.png');
    background-repeat:no-repeat;
    background-position:center center;
    background-size:contain;
    padding:0px 14px;
}



.btn-header  {line-height:unset;height:auto;}


/*  HSMH1       - STANDARD H1  ******************************/
.header-std-h1-container
{
    background-color: #ECEFF1;
}


/*  HSH1C    - Standard H1 clickable *******************/

.header-clickable-std {
    background-color: #F0F4F7;
    display: block;
}

.header-clickable-std.responsive-md-lg-only {
    display:none;
}

.header-clickable-std .main-heading-container
{
    padding:0px;
}


    .header-clickable-std .toggle-trigger-custom-expand .main-heading, .header-clickable-std .toggle-trigger-custom-collapse .main-heading {
        font-family: 'aller bold','Trebuchet MS';
        position: relative;
        font-size: 23px;
        color: #00a33f;
        margin-right: 0;
        margin-top: 4px;
        padding: 12px 20px 12px 10px;
    }


.header-clickable-std .toggle-trigger-custom-collapse .main-heading
{
    position:relative;
    margin-right:6px;       
    margin-top:4px;
     font-size:23px;
      padding:12px 20px 12px 10px;
}


/*  HSMSM - Standard Stacked Menu ***********************/


.header-stacked-nav-std .btn-stacked-menu-item {
    padding: 14px 30px;
    min-height: initial;
    border: 0;
    border-top: 1px solid #ccc;
    color: #fff;
    font-size: 18px;
    border-radius: 0;
    margin: 0;
    background-color: #00a33f;
}

.header-stacked-nav-std .first .btn.btn-stacked-menu-item {border:0;}

.header-stacked-nav-std .btn-stacked-menu-item.selected {
    background-color: #268143;
    color: #fff;
}
.header-stacked-nav-std .btn-stacked-menu-item:hover {
    color: #fff;
    background-color: #268143;
}
.stacked-menu-breadcrumb-current-page-indicator
{
    display:none;
}
.stacked-menu-breadcrumb-container
{
    clear:both;
    font-size:16px;
}    
.header-mobile-breadcrumb-item
{    
    color:#ccd9f1;
    font-size:18px;
    line-height:55px;
    margin-left:-20px;
    padding-left:20px;
    width:calc(100% + 20px);
    border-top:1px solid #e5e5e5;
}       
.header-mobile-breadcrumb-item.selected
{
    color:#fff;
}    
.header-mobile-breadcrumb-item .btn-link,
.header-mobile-breadcrumb-item .btn-link:visited
{
    display:block;
    color:#e30613;
    width:calc(100% - 20px);
}
.header-mobile-breadcrumb-item .btn-link:hover
{
text-decoration:underline;
}

.header-mobile-breadcrumb-item .btn-link:after
{
    border-color: #e30613;
    border-style: solid;
    border-width: 3px 3px 0 0;
    content: '';
    display: inline-block;
    height: 9px;
    position: relative;
    top: 20px;
    transform: rotate(45deg);
    width: 8px;
    float: right;
}

.header-stacked-nav-std .stacked-menu-breadcrumb-container,
.header-mobile-breadcrumb-arrow
{
    display:none;
}

.header-menu-stacked-list
{
    background-color:#fff;
}

.header-stacked-nav-std
{
    background-color:#efedea;
    margin-bottom:0px;
}

/* reverse order */    
.stacked-menu-breadcrumb-container
{
    position:relative;
    padding-bottom:55px;
}

.header-mobile-breadcrumb-item.selected
{
    position:absolute;
    top:55px
}

.header-std-sm .header-std-sm a.btn-header-menu {display:none;}

.header-std-sm .header-signin-menu-container {
    display:inline-block !important;
    box-shadow:none;padding:0;
    width:auto;
    position:absolute;
    top:10px;
    right:10px;
    background-color:transparent;
}

.header-std-md-lg-only .header-signin-button-container {
    position: relative;
    float: right;
    width: auto;
    height: auto;
    margin-top: 2px;
}

.header-std-sm .header-sign-button-container {
    float: none;
    width: auto;
}

.header-std-sm a.btn-header {
    min-width:unset;
}

.header-std-sm .btn-header .signin-icon {
    display:none;
}

.header-std-sm .header-product-type-heading {
    display:none;
}

/*-----START: HAMBURGER MENU FOR MOBILE ------*/

.main-heading-decoration {
    position:relative;
}

.toggle-trigger-custom .main-heading-decoration:after,
.toggle-trigger-custom .main-heading:before,
.toggle-trigger-custom .main-heading:after {
    position: absolute;
    right: 10px;
    top: 30px;
    width: 60px;
    height: 60px;
    cursor: pointer;
    border-radius: 1px;
    height: 4px;
    width: 35px;
    background:#00a33f; /* colour of the hamburger and cross */
    position: absolute;
    display: block;
    content: '';
    transition: all 300ms ease-in-out;
}


.toggle-trigger-custom .main-heading:before {
	top: 10px;
}
.toggle-trigger-custom .main-heading:after {
	top: 20px;
}

 .toggle-trigger-custom.toggle-trigger-custom-collapse .main-heading:before  {
	transform: rotate(45deg);
    right:5px;
    top:20px;
}

.toggle-trigger-custom.toggle-trigger-custom-collapse .main-heading-decoration:after {
	transform: rotate(-45deg);
}

.toggle-trigger-custom.toggle-trigger-custom-collapse .main-heading-decoration:after {
    top:20px;
    right:11px;
}

.toggle-trigger-custom.toggle-trigger-custom-collapse .main-heading:after {
	display:none;
}

a.toggle-trigger-custom:link {
    background-color:transparent;
}

a.toggle-trigger-custom:hover {
    text-decoration:none;
}
/* footer */
.footer {
    padding-bottom: 0px;
    color: #ededed;
    background-color: #57646b;
    margin-top: 0;
}

.footer a,
.footer a:visited
{
color: #ededed;
}

.footer a:hover {
    color: #e4edf0;
    text-decoration: none;
    }

    /* FSCMS */
.footer-cms-std span {
    width: 100%;
    }

.footer-cms-std .col.footer-section
{
    padding:0px;
}

.footer-cms-std .footer-section.last {
    margin-bottom: 5px;
}

.footer-cms-std .toggle-trigger-link
{
    float:right;    
}

.footer-cms-std .footer-section
{
    width:calc(100% - 32px);
    margin:0px auto 30px;
    border-bottom:1px solid #9e9e9e;
}
    
.footer-cms-std .toggle-trigger-link
{    
    background-position:8px center;
}
    
.footer-cms-std .footer-link-section
{
    padding-left:0px;
    padding-bottom:18px;
    font-size:15px;
    line-height:21px;
}
    
.footer-cms-std .footer-section-heading-container
{
    padding:6px 0px;
}

.footer-cms-std .footer-section-heading {
    font-family: 'aller bold','Trebuchet MS';
    font-size: 22px;
    color: #666666;
}

.footer-cms-std .footer-link-item
{
    font-size:16px;
    line-height:33.6px;
}

.footer-cms-std .footer-link-item:hover
{
    text-decoration:underline;
}

.footer-cms-std .footer-sub-heading,
.footer-cms-std .footer-contactus-telephone,
.footer-cms-std .footer-open-hours
{
    font-size:100%;
    font-size:16px;
    color: #666666;
}

.footer-cms-std .footer-contactus-telephone
{
    padding-bottom:9px;
    font-size:15px;
}

.footer-policy-links-std
{
   
    border-top:0px;
}

.footer-policy-link-container
{
    max-width: 1180px;
    padding:16px 5px;
    margin:0 auto;
}


.footer-policy-link-list {
    display: table;
    content: '';
    clear: both;
    font-weight: bold;
}

.footer-policy-link-item {
    border-right: solid 2px #666;
    padding:0px 10px;
}

    .footer-policy-link-item.last {border:0;}


    .footer-policy-link {
        font-size: 14px;
    }

.footer-policy-link-item:hover
{
    text-decoration:underline;
}

.footer-policy-link:after
{
    content:"";
}

.footer--contact-number {
color:#ffa800;
}

.footer--contact-number span a {
color:#ffa800;
}
/* Override for tablet - for YBS */
/* e.g. double borders for primary heading */
@media (min-width: 768px) {
  .cms-accessible-tooltip-arrow-container {
    border-color: #484b9a transparent;
    border-width: 0px 18px 18px 18px;
  }
  .cms-accessible-tooltip-arrow-container-overlay {
    border-color: white transparent;
  }
  .responsive-card .col {
    margin: 0px 10px 20px;
  }
  /* STANDARD HEADER */
  .responsive-md-lg-only .main-heading-container {
    padding-top: 15px;
    padding-bottom: 10px;
  }
  .main-heading {
    margin: 0px 0px 9px 5px;
    padding: 0px;
    line-height: 1em;
    font-size: 32px;
    color: var(--color-brand-1st-dark);
  }
  .main-heading-decoration {
    display: inline-block;
    padding: 3px 5px;
    background-color: transparent;
    transition: all 1s;
  }
  .goal-selection-tile-list .primary .tile-item-description {
    min-height: 140px;
  }
  .goal-selection-tile-list .primary .secondary-heading {
    min-height: 34px;
  }
  .goal-selection-tile-list .primary .button-primary {
    min-height: 60px;
  }
  /* HSDLASI Desktop - LogoAndSignIn for HOA */
  .header-std-md-lg-only {
    width: 100%;
    border-bottom: 0px;
    overflow: hidden;
  }
  /*.header-std-md-lg-only .header-logo-and-signin-button-container,*/
  .header-std-md-lg-only .header-logo-and-signin-button-container {
    margin: 10px auto 0 auto;
    height: auto;
    padding: 0 10px;
    box-sizing: content-box;
  }
  .header-logo-and-signin-container {
    padding: 10px 0;
  }
  .header-std-md-lg-only .header-logo-container {
    float: left;
  }
  .header-std-md-lg-only .header-signin-button-container {
    position: relative;
    float: right;
    width: auto;
    height: auto;
    padding: 5px 0;
  }
  .header-std-md-lg-only .header-logo {
    height: unset;
  }
  .header-std-md-lg-only a.btn-header {
    height: auto;
    padding: 10px 16px;
    font-size: 16px;
  }
  .header-std-md-lg-only .btn-header .signin-icon {
    display: none;
  }
  .header-std-md-lg-only .btn-header .signin-text {
    display: block;
  }
  /* HSH1C Standard H1 clickable  */
  .header-clickable-std .main-heading, .header-clickable-std .main-heading-container {
    background-color: transparent;
  }
  .header-clickable-std .toggle-trigger-custom-collapse .main-heading, .header-clickable-std .toggle-trigger-custom-expand .main-heading {
    background-image: none;
  }
  .header-clickable-std .toggle-trigger-custom {
    cursor: default;
  }
  /* HCMSMDBAA Standard Desktop - BreadcrumbAndAssociation */
  .HCMSMDBAA {
    background-color: #00A33F;
  }
  .header-breadcrumb-msm {
    font-family: 'Nunito Sans', Arial, sans-serif;
    font-size: 34px;
    color: #fff;
    padding: 16px 0px 15px 15px;
  }
  .header-breadcrumb-msm .breadcrumb-item {
    float: left;
    box-sizing: border-box;
  }
  .btn-breadcrumb {
    padding: 0em 1.2em;
    font-size: 16px;
    color: #fff;
  }
  .header-clickable-std.responsive-sm-only {
    display: none;
  }
  .header-clickable-std.responsive-md-lg-only {
    display: block;
    padding-bottom: 0;
  }
  .header-breadcrumb-msm .breadcrumb-item.home .btn-breadcrumb {
    display: none;
  }
  .header-breadcrumb-msm .breadcrumb-item.conveyancing:before {
    content: "";
  }
  .btn-breadcrumb-selected {
    display: inline !important;
    padding: 0em 1.2em;
    font-size: 22px;
    text-transform: uppercase;
    color: #fff;
  }
  a.btn-breadcrumb-selected:focus {
    text-decoration: underline;
  }
  .header-breadcrumb-msm .association-container {
    float: right;
  }
  .breadcrumb-association-logo {
    padding-top: 8px;
    height: 42px;
  }
  /* HSDF4LN - STANDARD Desktop Fixed4LinkNav */
  .header-fixed-4-links .btn-fixed-nav-link {
    font-size: 20px;
    padding: 10px 15px;
    text-align: center;
    background-color: transparent;
    border-radius: 0;
    margin: 0;
  }
  .top-cta-container {
    padding-top: 0px;
    margin-top: 10px;
  }
  /* progress bar */
  .progress-bar-step-text {
    font-size: 0.9em;
  }
  .progress-bar-step.last .progress-bar-step-text {
    margin-left: -35%;
  }
  .col.standard-tile-item-container:nth-of-type(3n) {
    margin-right: 0px;
  }
  .standard-tile-item-container-separator {
    display: none;
  }
  .tile-item-content {
    min-height: 200px;
  }
  .goal-selection-tile-list .secondary .tile-item-content {
    min-height: 380px;
  }
  .goal-selection-tile-list .secondary .tile-item-description {
    padding-bottom: 15px;
  }
  /* pager */
  .pager-container {
    width: 364px;
  }
  .pager-first-container, .pager-last-container {
    display: block;
  }
  .quote-list-container .quote-field {
    font-size: 18px;
  }
  .quote-list-container .load-quotes-options {
    width: 200px;
    padding-bottom: 40px;
  }
  /* quote confirmation */
  .confirmation-container {
    margin-top: 20px;
    margin-bottom: 0px;
  }
  .confirmation-container + .container.cta-container {
    box-sizing: content-box;
    max-width: 1160px;
  }
  .confirmation-card {
    width: 50%;
  }
  /* track cases */
  .saved-quotes-container .button-cta, .track-cases-container .button-cta {
    width: 100%;
  }
  .client-order-tile {
    padding-top: 0px;
  }
  .client-order-tile .col {
    position: relative;
    width: calc(33% - 20px);
  }
  .order-item {
    padding-bottom: 0px;
    margin-bottom: 20px;
  }
  .button-primary {
    width: auto;
  }
  /* login */
  .login-button-wrapper {
    margin-top: 15px;
    float: left;
  }
  .login-banner .password-reset-button-wrapper, .login-banner .button-password-reset {
    width: auto;
  }
  /* footer */
  .footer {
    padding-top: 10px;
  }
  .footer-heading {
    padding-bottom: 42px;
    font-size: 30px;
  }
  .footer-cms-std .footer-section {
    width: calc(33.2% - 20px);
    border: 0px;
  }
  .footer-cms-std .col.footer-section {
    min-height: 0px;
  }
  .footer-cms-std .footer-link-section {
    padding-top: 0px;
  }
  .footer-cms-std .footer-link-item {
    line-height: 24px;
  }
  .footer-cms-std .footer-section-heading-container {
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
  .footer-policy-link-container {
    padding: 0px 32px 18px 0px;
  }
  /* Feedback */
  .button-radio-list input[type=radio] + label:hover, .nps-list input[type=radio]:focus + label {
    border-color: #9e9e9e;
  }
  .nps-list input[type=radio]:checked + label .satisfaction-level {
    color: #9e9e9e;
  }
  .feedback-container input[type=radio] + label {
    border: 1px solid #bfbfbf;
  }
  .button-cta {
    text-transform: capitalize;
    width: auto;
  }
  .your-profile-container .form-field.form-field-address-postcode-textbox-and-search-button {
    margin-top: 0px;
    width: auto;
  }
  .your-profile-container .form-label {
    min-width: 208px;
  }
  .your-profile-container .form-field {
    max-width: unset;
    margin-top: 0;
  }
  .your-profile-container .marketing-preferences .form-field {
    margin-top: 10px;
  }
  .cta-print-container {
    display: block;
  }
}
/* Override for desktop - for YBS */
/* e.g. double borders for primary heading */

@media (min-width: 1200px)
{
    .header-std-md-lg-only .header-logo-and-signin-button-container
    {
        padding: 0;
        height: auto;
    }

    .header-breadcrumb-msm
    {
        margin:0px auto;
        padding:14px 0px 15px;
    }

    .main-heading
    {
        margin: 0px;
        line-height: 1em;
    }

    .header-clickable-std .toggle-trigger-custom-expand,
    .header-clickable-std .toggle-trigger-custom-collapse
    {
        border:0px;
    }


    /* footer */
    .footer-cms-std.responsive-123
    {
        max-width:1200px;
        margin:0px auto;
    }

    .footer-cms-std.responsive-123 .container
    {
        width:1180px;
    }

    .footer-cms-std .footer-contactus-container .footer-section-heading-container
    {
        border:none;
        margin-bottom:0px;
    }

    .footer-cms-std .footer-section
    {
        width: calc(33.333% - 20px);
    }


    /* product selection */
    .secondary.transfer-of-equity--transfer-of-mortgage-property .tile-item-content .button-primary
    {
        background-position:11.1em 1.8em;
    }

    .goal-selection-tile-list .primary .button-primary 
    {
        min-height:auto;
    }


    /* quote results */
    .quotes-container .list-header
    {
        margin:0px auto;
        width:calc(100% - 20px);
    }

    .quotes-container .header-col
    {
        height:58px;
    }

    .quotes-container .header-col-rating
    {
        width: calc(25% - 20px);
    }

    .quotes-container .header-col-disbursements
    {
        width: 25%;
    }

    .quotes-container .header-service-provider-summary
    {
        border-top:1px solid #e1e1e1;
        border-left:1px solid #e1e1e1;
        box-sizing:border-box;
        color:rgb(51, 51, 51);
        background-color:#efedea;
        font-weight:bold;
    }

    .quotes-container .header-service-provider-comparables
    {
        border-top:1px solid #e1e1e1;
        border-right:1px solid #e1e1e1;
        box-sizing:border-box;
        color:rgb(51, 51, 51);
        background-color:#efedea;
        font-weight:bold;
    }

    .quote-col-rating,
    .quote-col-legal-fees,
    .quote-col-disbursements
    {
        border-left: 1px solid #e1e1e1;
    }

    .quote-col-disbursements
    {
           border-right: 1px solid #e1e1e1;
    }    
    
    .header-col .header-col-button
    {
        border-bottom:2px dotted #3E5CA5;
    }

    .header-col .header-col-button:hover
    {
        border-color:transparent;
    }

    .header-col .header-col-button input
    {
        color:rgb(51, 51, 51);
        font-size:15px;
    }

    .header-col.header-col-service-provider
    {
        height:58px
    }

    .header-col .header-col-text
    {
        border-bottom:1px solid transparent;
        font-size:15px;
        margin-top:2px;
    }
    
    .header-col input
    {
        padding:0;
        color:#e30613;
        font-size:18px;
    }

    .quote-item
    {
        margin:0px 10px;
        padding:0px;
        width:calc(100% - 21px);
        box-sizing:border-box;
        border-left:1px solid #e1e1e1;
        border-right:1px solid #e1e1e1;        
    }

    .quote-item .button-primary
    {
        box-sizing:border-box;
        padding:12px 15px;
        width:100%;
        text-align:center;
    }

    .quote-item .button-primary:focus
    {
        padding:10px 13px;
    }


    .quote-item .quote-service-provider-summary
    {
        box-sizing:border-box;
        padding:10px;
    }

    .quote-col-rating .quote-field-value, .quote-col-legal-fees .quote-field-value, .quote-col-disbursements .quote-field-value 
    {
        transform:translateY(45%);
    }
    
    .quotes-top-selection-list
    {
        padding-bottom:40px;
    }
}

.login-forgotten-password-link,
.login-forgotten-password-link:visited,
.register-privacy-policy-link,
.register-privacy-policy-link:visited {
    color: var(--color-brand-1st-dark);
    text-decoration: none;
}

    .login-forgotten-password-link:hover {
        color:var(--color-brand-1st);
        text-decoration: underline;
    }

.login-heading-container
{
    margin: 0px auto 4px;
    max-width:960px;
}

:root {
    /* Default colors */
    --color-default: #363636; /* Default text color */
    --color-default-ondark: #ededed; /* Default text color on dark backgrounds */
    --color-default-background: #F2F2F2; /* Default background color */
    /* Brand colors */
    --color-brand-1st: #2A2E47;
    --color-brand-1st-light: #70E8CB;
    --color-brand-1st-lightest: #efefef;
    --color-brand-1st-dark: #676F74;
    --color-brand-1st-darker: #1f2237;
    --color-brand-2nd: #346D82;
    --color-brand-3rd: #7CB9CF;
    --color-cta: #934BED;
    --color-cta-hover: #7f39db;
    /* Secondary / action colors */
    --color-error: #ff0000;
    --color-valid: #00ff00;
    --color-warning: #fca300;
    --font-size-default: 16px;
    --font-size-small: 14px;
    --font-size-smaller: 13px;
    --font-size-large: 18px;
    --font-size-larger: 20px;
}
/* cookie modal style*/
.form-radio-item.form-radio-item_cookies input + label {
  padding: 5px 10px 5px 50px !important;
  font-size: 16px;
}
.form-radio-item.form-radio-item_cookies input + label:before {
  top: 5px;
  left: 14px;
  width: 18px;
  height: 18px;
}
.form-radio-item.form-radio-item_cookies input[type=radio] + label:after {
  top: 6px;
  left: 15px;
  width: 18px;
  height: 18px;
}
.form-radio-item.form-radio-item_cookies input:checked + label:before {
  top: 4px;
  left: 13px;
}
.form-radio-item.form-radio-item_cookies input[type=radio]:checked + label:after {
  top: 10px;
  left: 19px;
  width: 10px;
  height: 10px;
}
.cookie-section-heading {
  border-color: #dbdbdb;
  border-width: 2px;
}
.page {
  background-color: var(--color-default-background);
}
.main-section {
  min-height: 580px;
}
.clear {
  height: 0px;
}
a {
  color: var(--color-brand-1st-dark);
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
  color: var(--color-brand-1st);
}
h1 {
  font-size: 31.25px;
  line-height: 39px;
  margin: 16px 0;
  color: var(--color-default);
}
h2 {
  font-size: 25px;
  line-height: 31.25px;
  margin: 16px 0;
}
h3 {
  font-size: 20px;
  margin: 8px 0;
  color: var(--color-default);
}
h4 {
  font-size: 20px;
  margin: 8px 0;
}
p {
  margin: 15px 0;
  color: var(--color-default);
}
.primary-heading {
  font-size: 34.25px;
  line-height: 39px;
  padding: 15px 0;
  font-weight: normal;
  color: var(--color-default);
}
.secondary-heading {
  font-size: 30px;
  margin: 10px 0 0 0;
  color: var(--color-brand-1st-dark);
  line-height: 32px;
  font-weight: normal;
}
h2.thank-you-message, .thankyou-ref {
  color: var(--color-brand-1st-darker);
}

.mandatory-symbol {
    font-size: 30px;
    color: var( --color-error);
}

/* buttons, inputs, selects */
button, .button {
    cursor: pointer;
    font-family: 'Montserrat', sans-serif;
}
a.button.btn-signin:hover {
  color: var(--color-default);
  background-color: #ffb933;
  text-decoration: none;
}
input, select {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
}
input[type=text], input[type=password], textarea, select, .client-details-read-only-edit-button input {
    border-radius: 0px;
    padding: 10px;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    color: var(--color-default);
    height: auto;
    border: 1px solid #ddd;
    border-radius: 0;
}
input[type=text]:focus, input[type=password]:focus, input[type=checkbox]:focus + label, input[type=radio]:focus + label, textarea:focus, select:focus {
  outline: none;
  border: solid 1px var(--color-brand-1st-light);
}
select:hover {
  border: solid 1px var(--color-brand-1st-light);
}
.dropdown-wrapper select, .select-sort-wrapper select {
  z-index: 1;
  background-image: linear-gradient(45deg, transparent 50%, var(--color-cta) 50%), linear-gradient(135deg, var(--color-cta) 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 20px) calc(1em + 1px), calc(100% - 15px) calc(1em + 1px), calc(100% - 2.5em) 0.2em;
  background-size: 5px 5px, 5px 5px, 1px 2em;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
}
.dropdown-wrapper select:focus, .select-sort-wrapper select:focus {
  background-image: linear-gradient(45deg, var(--color-cta) 50%, transparent 50%), linear-gradient(135deg, transparent 50%, var(--color-cta) 50%), linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 15px) 1.1em, calc(100% - 20px) 1.1em, calc(100% - 2.5em) 0.2em;
  background-size: 5px 5px, 5px 5px, 1px 2em;
  background-repeat: no-repeat;
}
.form-label {
  font-size: var(--font-size-large);
}
/* case tracking labels */

.form-checkbox-field, .form-radio-item {
  position: relative;
  margin-bottom: 15px;
  padding-bottom: 0px;
  display:block;
}
.form-checkbox-field input, .form-radio-item input {
  position: absolute;
  opacity: 0;
}
.form-checkbox-field input + label, .form-radio-item input + label {
    position: relative;
    background-color: var(--color-brand-1st-dark);
    padding: 10px 50px 10px 15px;
    text-align: left;
    color: var(--color-default-ondark);
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    line-height: 120%;
    min-width: 150px;
    font-size: 100%;
    width: 100%;
    box-sizing: border-box;
}
.form-checkbox-field input + label:hover, .form-radio-item input + label:hover {
}
.form-checkbox-field input + label:before {
    content: '';
    background: #676F74;
    border: 2px solid #fff;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    text-align: center;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    padding: 0;
}
.form-checkbox-field input + label:after {
  position: absolute;
  content: ' ';
  top: 10px;
  left: 21px;
  width: 5px;
  height: 12px;
  border: 0;
  border-radius: 0;
  color: #FFF;
  background-color: transparent;
  font-size: var(--font-size-large);
  line-height: 19px;
  transform-origin: center;
  transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
}
input[type=checkbox]:checked + label, .form-radio-item input:checked + label {
    box-shadow: none;
    color: var(--color-brand-1st);
    background: var(--color-brand-1st-light);
}
input[type=checkbox]:checked + label:before {
    content: '\2713';
    color: #2A2E47;
    font-weight: bold;
    font-size: 15px;
    line-height: 19px;
    background: #70E8CB;
    border-color: #2A2E47;
}
input[type=checkbox]:checked + label:after {
  border-top: 3px solid var(--color-brand-1st-darker);
  border-left: 3px solid var(--color-brand-1st-darker);
  border-bottom-width: 0;
  border-right-width: 0;
  display:none;
}
.form-radio-item input + label:before {
    content: '';
    background: #676F74;
    border: 2px solid #fff;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    padding: 0;
}
.form-radio-item input:checked + label:before {
    content: '\2713';
    color: #2A2E47;
    font-weight: bold;
    font-size: 15px;
    line-height: 21px;
    background: #70E8CB;
    border-color: #2A2E47;
}
input[type=radio] + label:after {
    content: '';
    background: #676F74;
    border: 2px solid #fff;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    padding: 0;
}
input[type=radio]:checked + label:after {
    width: 14px;
    height: 14px;
    background-color: var(--color-brand-1st-darker);
    border: 0;
    top: 18px;
    right: 40px;
    display:none;
}
.button-radio-list input[type=radio]:checked + label:after {
  width: 0px;
  background-color: transparent;
}
.login-banner .button-login, .button-password-reset, .button-cta, .button, .button-primary, .button-secondary {
    font-family: 'Montserrat', sans-serif;
    border: 0;
    outline: 0;
    padding: 12px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: var(--font-size-large);
    color: #fff;
    background-color: var(--color-cta);
    color: var(--color-default-ondark);
    cursor: pointer;
    border-radius: 4px;
}
.login-banner .button-login:hover, .button-password-reset:hover, .button-cta:hover, .button-primary:hover, .login-banner .button-login:focus, .button-password-reset:focus, .button-cta:focus, .button-primary:focus, .btn-signin:focus {
  background-color: var(--color-cta-hover);
  color: var(--color-default-ondark);
}
.button-secondary, .button-inpage, .button-cancel, .client-details-read-only-edit-button input {
    color: var(--color-default-ondark);
    text-transform: capitalize;
    background-color: var(--color-cta);
    border: 0px solid var(--color-cta);
    max-width: unset;
    width: 100%;
    font-size: var(--font-size-default);
    transition: background-color 100ms;
    cursor: pointer;
}
.button-secondary:hover, .button-inpage:hover, .button-cancel:hover, .client-details-read-only-edit-button input:hover {
    color: var(--color-default-ondark);
    background-color: var(--color-cta-hover);
    text-decoration: none;
}
.client-details-read-only-edit-button input {
  max-width: 120px;
}
.button-password-cancel {
  background-color: #fff;
  border: solid 1px var(--color-cta);
  color: var(--color-brand-1st-dark);
  min-width: 100px;
  margin-top: 10px;
  font-size: var(--font-size-small);
}
.button-password-cancel:hover {
  background-color: #fff;
  color: var(--color-brand-1st);
  border-color: var(--color-cta);
}
.form-field-address .button-search-address {
  border-radius: 0px;
  max-width: unset;
  width: 100%;
  margin: 0;
  padding: 12px;
}
/*Accessible tooltip styling */
.cms-accessible-tooltip-box {
  border-color: var(--color-cta) !important;
}

.cms-accessible-tooltip-arrow-container {
    border-color: var(--color-cta) transparent;
}

.cms-accessible-tooltip-close-button-container {
  height: 0 !important;
}
.cms-accessible-tooltip-arrow-container-overlay {
  border-color: white transparent !important;
  display: none;
}
.cms-accessible-tooltip-close-button {
  background-color: var(--color-cta);
  border: 0;
  outline: 0;
  color: var(--color-default);
}
.cms-accessible-tooltip-inner-box {
  font-size: var(--font-size-default);
  line-height: 18px;
}
.container {
  max-width: 1040px;
  padding: 0 15px;
}
.your-profile-container {
  margin-top: 0px;
}
.register-container-heading, .login-container-heading {
  font-size: 26px;
}
.footer {
  min-height: 200px;
  background-color: var(--color-brand-1st-darker);
}
.footer-inner {
  background-color: var(--color-brand-1st-darker);
}
.footer--email, .footer--company-info {
  color: var(--color-default-ondark);
  font-size: var(--font-size-smaller);
  line-height: 20px;
}
.footer--company-info {
  color: var(--color-default-ondark);
}
ul.footer__links {
  list-style-type: none;
  margin: 16px 0;
}
.footer__links li {
  border-color: var(--color-default-ondark);
}
ul.footer__links a {
  text-decoration: none;
}
ul.footer__links a:hover {
  text-decoration: underline;
  color: var(--color-brand-1st-light);
}
.footer--email a {
  color: var(--color-brand-1st-light);
  text-decoration: none;
  font-size: 13px;
}
.footer--email a:hover {
  color: var(--color-brand-1st-light);
  text-decoration: underline;
}
.header__logo-wrapper {
  float: none;
}
.header__logo {
    width: 240px;
    height: 42px;
    margin: 10px 0 0 0;
}
.header-content-wrapper {
    border-bottom: 0px;
    text-align: center;
    background-color: var(--color-brand-1st);
}
.header__contact {
  float: none;
  text-align: center;
  margin-top: 0;
}
p.header__contact--number {
    margin: 8px 0;
    font-size: 24px;
    line-height: 32px;
    color: var(--color-default-ondark);
}
.header__contact--number span {
  display: block;
  font-size: 24px;
}
    .header__contact--number span a {
        color: var(--color-default-ondark);
    }
.header__contact--number span a:hover {
  text-decoration: none;
}
.marketing-message-wrapper {
    background-color: var(--color-brand-1st-darker);
    padding: 5px 0;
    border-top: 0px;
}
.marketing-message {
  border-width: 0;
}
.marketing-message__text {
  color: #fff;
  font-size: var(--font-size-default);
}
.progress-bar-wrapper {
  background-color: var(--color-default-background);
}
.progress-bar--active {
  color: var(--color-brand-1st-dark);
}
.progress-bar--active:after {
  background-color: var(--color-brand-1st);
 
}
.progress-bar--inactive {
  color: var(--color-brand-1st);
}
.progress-bar--inactive:after {
  background-color:  var(--color-brand-1st-light);
   color: var(--color-brand-1st-dark);
}
.progress-bar--complete {
  color: var(--color-default);
}
.progress-bar--complete:after {
  background-color: var(--color-brand-1st-dark);
}
.progress-bar--complete:before {
  border-bottom: solid 2px var(--color-brand-1st-dark);
}
.progress-bar__description {
  font-weight: 700;
  font-size: 120%;
}
/* hide elements in mobile */
.header__contact--hours {
    display: none;
    color: var(--color-default-ondark);
}

/* -------- Landing page ------- */
/* align quote selection tiles so there are 4 in a row at full width, not 3 */
.goal-selection-tile-list {
  padding: 10px;
}
.goal-selection-container .primary .secondary-heading {
  color: var(--color-brand-1st-dark);
  font-weight: 700;
  font-size: 21px;
  text-transform: capitalize;
  text-align: center;
}
.goal-selection-text-content p {
  font-size: 18px;
}
.goal-selection-text-content .primary-heading {
  font-size: 28px;
  padding: 5px 0;
  color: var(--color-brand-1st-dark);
}
.tile-item-content {
  box-shadow: 0 4px 9px 0 rgba(133, 103, 158, 0.24);
  border-radius: 5px;
  background-color: #fff;
  transition: all 0.2s;
}
.tile-item-content:hover {
  text-decoration: none;
}
.primary .tile-item-content {
  padding: 20px;
}
.tile-item-content .secondary-heading {
  background-color: transparent;
}
.primary.sale-and-purchase .tile-item-content, .primary.purchase-only .tile-item-content, .primary.sale-only .tile-item-content, .primary.remortgage .tile-item-content, .primary.transfer-of-equity .tile-item-content {
  background-color: var(--color-brand-1st-lightest);
}
.primary.sale-and-purchase .tile-item-content:hover, .primary.purchase-only .tile-item-content:hover, .primary.sale-only .tile-item-content:hover, .primary.remortgage .tile-item-content:hover, .primary.transfer-of-equity .tile-item-content:hover {
  background-color: var(--color-brand-1st-lightest);
}
.primary.additional-property .tile-item-content {
  background-color: var(--color-brand-1st-lightest);
}
.primary.buy-to-let .tile-item-content {
  background-color: var(--color-brand-1st-lightest);
}
.standard-tile-item-container.primary .button-primary {
  border: 0;
  background-color: transparent;
  border-radius: 5px;
  width: auto;
  display: block;
  margin: 0 auto;
  padding: 10px 18px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-indent: -1000px;
  transition: all 0.2s;
  border: solid 0px #fff;
}
.tile-item-description {
  display: none;
}
.standard-tile-item-container.primary .button-primary:focus, .standard-tile-item-container.primary .button-primary:hover {
  border: solid 1px var(--color-cta-hover);
}
.goal-selection-tile-list .tile-item-icon {
  display: none;
}
.tile-icon-sale-and-purchase, .tile-icon-purchase-only, .tile-icon-sale-only, .tile-icon-remortgage {
  background-image: none;
}
.goal-selection-container .secondary-heading, .goal-selection-tile-list .secondary-heading {
  float: none;
  clear: right;
  line-height: 1em;
  min-height: unset;
  padding: 0;
  font-size: 18px;
  margin-top: 0px;
}
.goal-selection-tile-list .tile-item-description {
  clear: both;
  margin-top: 45px;
  border-top: 1px solid var(--color-brand-1st);
  padding: 15px 0;
  font-size: 16px;
  min-height: 70px;
  line-height: 22px;
}
.goal-selection-tile-list .primary .tile-item-description {
  font-size: 16px;
  margin: 10px 0;
  color: var(--color-default);
  min-height: unset;
  text-align: center;
}
.goal-selection-tile-list .sale-and-purchase .tile-item-description, .goal-selection-tile-list .purchase-only .tile-item-description, .goal-selection-tile-list .sale-only .tile-item-description, .goal-selection-tile-list .remortgage .tile-item-description {
  min-height: unset;
  color: var(--color-default);
  font-size: 16px;
}
.goal-selection-tile-list .secondary .tile-item-description {
  border-top: 1px solid #fff;
}
.goal-selection-tile-list .secondary.transfer-of-equity--transfer-of-mortgage-property .tile-item-description {
  margin-top: 65px;
}
.goal-selection-tile-list .secondary .tile-item-content {
  padding: 20px 20px 30px 20px;
  min-height: 380px;
}
.goal-selection-tile-list .secondary .tile-item-icon {
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, .2);
}
.goal-selection-text-content {
  padding-bottom: 1em;
}
.standard-tile-list {
  width: 100%;
}
.responsive-card {
  display: flex;
  width: auto;
}
.responsive-card.standard-tile-list-subsection-2 {
  display: block;
}
/*
.responsive-card:after {
    content: '';
    display: table;
    clear: both;
 }
 */

.standard-tile-list-subsection-1 {
  width: 100%;
  float: none;
}
.standard-tile-list-subsection-2 {
  width: 100%;
  float: none;
}
.standard-tile-list-subsection-2 .standard-tile-item-container {
  width: auto;
}
.tile-item-content {
  box-shadow: none;
  border-radius: 0px;
  background-color: var(--color-brand-1st-lightest);
  transition: all 0.2s;
}
/* quote selection details entry*/
.form-field-address .form-field-postcode, .form-field-address .address-wizard-content .post-code-search-form input[type=text] {
  height: unset;
  padding: 10px;
  margin: 0;
}
.uwc-address-readonly-container {
  text-align: left;
  margin-top: 10px;
  font-size: 18px;
}
.form-group-quote-details-container .uwc-address-readonly-container {
  border-left: solid 10px var(--color-brand-1st-lightest);
  padding: 20px 0 20px 20px;
}
.form-group-quote-details-container .uwc-address-selected {
  grid-column: 2;
}
.form-group-correspondence-address {
  margin-top: 10px;
}
.client-details-read-only {
  margin-bottom: 15px;
  font-size: 18px;
}
.form-field-address span.uwc-hide {
  margin: 10px 0;
}
.form-field-address .form-field-postcode {
  margin-bottom: 15px;
}
.uwc-button-manual-entry {
  color: #007db1;
}
.uwc-button-manual-entry:hover {
  color: #007db1;
}
.uwc-button-manual-entry:focus {
  outline: 0;
  color: #007db1;
}
.conditional-reveal {
  padding-left: 15px;
  border-left: solid 10px #e4edf0;
  ;
}
.uwc-hidden-label.form-field-address-results-intro {
  position: relative;
  width: auto;
  height: auto;
  display: block;
  text-align: left;
  font-size: 18px;
  margin: 15px 0 0 0;
}
/* quote list results page */
.quote-list-container, .quote-list-container .cta-container {
  width: auto;
  max-width: 1200px;
}
.quote-list-container .cta-container {
  padding: 0;
}
.tab {
  height: unset !important;
  float: none;
}
.button-tab {
  color: #fff;
  background-color: var(--color-brand-1st-dark);
  font-size: 18px;
  line-height: normal;
  padding: 17px 5px;
  border: 1px solid #fff;
}
.button-tab:hover {
  background-color: var(--color-brand-1st-darker);
}
.tab-list {
  margin-bottom: 10px;
}
.quote-result-intro-text {
  padding: 0;
  font-size: 18px;
}
.quote-result-intro-text p {
  margin: 5px;
  color: var(--color-default);
}
.quote-list-heading {
  color: var(--color-default);
  margin: 15px 0px 5px 0px;
  padding: 10px 0px;
  font-size: 28px;
  font-weight: normal;
}
.selected .button-tab {
  background-color: var(--color-cta);
  color: var(--color-default);
  font-weight: 700;
}
.selected .button-tab:hover {
  background-color: var(--color-cta-hover);
  color: var(--color-default);
}
.quotes-list {
  padding-top: 0px !important;
  background-color: transparent !important;
}
.quote-list-header {
  background-color: var(--color-brand-1st-dark);
  border: 0;
  border-bottom: 0;
}
.quote-list-col {
  border-color: rgba(0, 40, 92, 0.1);
}
.quote-service-provider-name, .quote-service-provider-distance {
  text-align: center;
  margin: 3px 0;
}
.quote-service-provider-distance {
  font-size: 13px;
}
.quote-service-provider-name {
  padding-bottom: 0;
}
.quote-col-text {
  color: var(--color-default-background);
  font-weight: bold;
  font-size: 14px;
}
.quote-card {
  border-radius: 0px;
  box-shadow: none;
  margin: 5px 0;
}
.cta-col {
  border-width: 0;
  padding: 15px;
}
.total-col {
  background-color: var(--color-brand-1st-lightest);
}
.quote-list-col.total-col {
  margin-top: 0;
}
.quote-total-price {
  color: var(--color-brand-1st-darker);
  font-size: 20px;
  font-weight: 700;
  padding: 0;
}
.quote-card.digital-move-enabled, .digitalmove-content__benefit-heading:before {
  border-color: #00B6B5;
}
.quote-card.digital-move-enabled {
  border-width: 3px;
}
.digitalmove-info-wrapper {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.digitalmove-info__dm-logo {
  margin-bottom: 10px;
}
.quote-field {
  font-size: 20px;
}
.quote-service-provider-name {
    font-size: var(--font-size-default);
    font-family: 'Montserrat', sans-serif;
}
.cms-accessible-tooltip-question-mark-icon {
  font-family: 'Barlow', Arial, sans-serif;
  border: 2px solid var(--color-cta) !important;
  background-color: var(--color-cta) !important;
  color: var(--color-default-ondark) !important;
}
.cms-accessible-tooltip-image-wrapper:hover {
  text-decoration: none;
}
.form-group .help-wrapper {
  display: inline-block;
}
.form-group {
  padding: 0;
}
.accept-tcs-container {
  margin-top: 30px;
}
.client-contact-details-container, .correspondence-container, .roll-number-container, .accept-tcs-container {
  padding: 0px;
}
.footer--logo {
  width: 220px;
}
.quote-email-confirmation {
  font-size: 20px;
}
/* Case tracking navigation */
.responsive-md-lg-only.header-fixed-4-links {
  display: block;
  border-bottom: solid 1px #ededed;
}
.header-fixed-4-link-nav-container {
  padding: 0;
  margin: 15px;
}
.container.header-fixed-4-link-nav-container {
  max-width: 1200px;
}
.header-fixed-4-links {
  background-color: #fff;
  border-bottom: 0;
}
.header-fixed-4-links .btn-fixed-nav-link {
  padding: 15px 30px;
  font-size: 20px;
}
.header-fixed-link-list-item, .header-fixed-link-list-item:first-of-type {
  border-bottom: solid 0px #fff;
}
.header-fixed-4-links .btn-fixed-nav-link {
  background-color: var(--color-brand-1st-dark);
  color:var(--color-default-ondark);
}
.header-fixed-4-links .btn-fixed-nav-link.selected, .header-fixed-4-links .btn-fixed-nav-link:hover, .header-fixed-4-links .btn-fixed-nav-link:focus {
  background-color:var(--color-brand-1st-darker);
  color: var(--color-default-ondark);
}
/* case tracking pages containers */
.container.help-selection-container, .container.track-cases-container, .container.main-heading-container {
  padding-top: 25px;
}
.container.main-heading-container {
  padding-left: 0;
}
.quote-filters-wrapper {
  margin-bottom: 10px;
}
.pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill {
    border: 0.08em solid var(color-brand-1st-light);
}
.c100 {
}
.c100:after {
  background-color: #fff;
}
.form-field-address-results-container .dropdown-wrapper {
  width: 100%;
}
@media (min-width:576px) {
  .quote-filters-wrapper {
    border-bottom: 0px solid var(--color-cta);
  }
  .quotes-top-selection-list {
    border-top: 5px solid var(--color-brand-1st-dark);
  }
  .cms-accessible-tooltip-arrow-container-overlay {
    display: block;
  }
  .button-tab {
    border-bottom-width: 1px;
  }
}
@media (min-width:768px) {
  .header-inner {
    text-align: center;
    grid-template-columns: 250px 1fr;
  }
  .header-inner.header-inner-normal {
    grid-template-columns: 250px 1fr 100px;
    grid-column-gap: 30px;
  }
  .header-fixed-4-link-nav-container {
    margin: 0 auto;
  }

  .header-fixed-4-links .btn-fixed-nav-link {
  color: var(--color-brand-1st-dark);
}
.header-fixed-4-links .btn-fixed-nav-link.selected, .header-fixed-4-links .btn-fixed-nav-link:hover, .header-fixed-4-links .btn-fixed-nav-link:focus {
  background-color: #fff;
  color: var(--color-brand-dark);
}


  .header-fixed-4-links .btn-fixed-nav-link:hover, .header-fixed-4-links .btn-fixed-nav-link:focus {
    color: var(--color-brand-1st-dark);
    background-color: var(--color-default-background);
    border-bottom-color:var(--color-brand-1st-dark);
  }
  .client-order-tile-cta-container {
    position: relative;
  }
  .header__contact--hours {
    display: block;
  }
  /* show 4 marketing messages in moble view */
  .marketing-message-inner {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .marketing-message:nth-of-type(3) {
    display: flex;
  }
  .primary.sale-and-purchase .tile-item-content, .primary.purchase-only .tile-item-content, .primary.sale-only .tile-item-content, .primary.remortgage .tile-item-content, .primary.transfer-of-equity .tile-item-content {
    width: 100%;
  }
  .goal-selection-container .secondary-heading, .goal-selection-tile-list .secondary-heading {
    margin-top: 15px;
  }
  .goal-selection-text-content p {
    font-size: 20px;
  }
  .goal-selection-text-container--covid-message {
    border: solid 1px var(--color-brand-1st);
  }
  .goal-selection-text-container--covid-message p {
    font-size: 14px;
  }
  .goal-selection-text-content .primary-heading {
    font-size: 34.25px;
    padding: 15px 0;
  }
  .responsive-card.standard-tile-list-subsection-2 {
    display: flex;
  }
  /* Case tracking navigation */
  .header-fixed-4-links .btn-fixed-nav-link {
    border-bottom: solid 5px #fff;
  }
  .header-fixed-4-links .btn-fixed-nav-link {
    padding: 10px 30px;
    font-size: var(--font-size-large);
    background-color: #fff;
  }
  .header-fixed-4-links .btn-fixed-nav-link.selected {
    color: var(--color-brand-1st-dark);
    background-color: var(--color-default-background);
    font-weight: 700;
    border-bottom-color:var(--color-brand-1st);
  }
  .header-fixed-4-links a.btn-fixed-nav-link:focus, .header-fixed-4-links a.btn-fixed-nav-link:hover {
    border:0;
    border-bottom:solid 5px var(--color-brand-1st-dark);
  }
    .header-inner {
        text-align: left;
        background-color: var(--color-brand-1st);
    }
  .header__logo-wrapper {
    float: left;
  }
  .header__contact {
    float: right;
    text-align: right;
  }
  .header__contact--number span {
    display: inline-block;
    font-size: 24px;
  }
  .goal-selection-text-content {
    padding-bottom: 0.25em;
  }
  .standard-tile-list-subsection-1 {
    width: 74.998%;
    float: left;
  }
  .standard-tile-list-subsection-2 {
    width: 24.998%;
    float: left;
  }
  .tile-item-content {
    min-height: unset;
  }
  .tile-item-description {
    display: block;
  }
  .form-field-address-results-container .dropdown-wrapper {
    max-width: 315px;
  }
}
@media (min-width:992px) {
  p.header__contact--number {
    font-size: 28px;
  }
  .header__contact--number span {
    font-size: 34px;
  }
  /* Quote table view */
  .tab-list {
    margin-bottom: 5px;
  }
  .quote-filters-wrapper {
    margin-bottom: 0;
  }
  .quote-list-container .quote-field {
    font-size: var(--font-size-default);
  }
  .quote-field {
    font-size: var(--font-size-default);
  }
  .quote-service-provider-name, .quote-service-provider-distance {
    text-align: left;
    line-height: 18px;
  }
  /* case tracking */
  .digitalmove-info__dm-logo {
    margin-bottom: 0px;
  }
  .tab {
    float: left;
    width: 40%;
    min-width: 290px;
  }
}
/* -------------------------------------------------------------------------
All browsers that support grid fully will use these features. IE will ignore ones 
without specific -ms prefixes or those that it generally doesn't recognise, 
so these are catered for above with fallback code 
 -------------------------------------------------------------------------*/
@supports (display: grid) {
  .form-label, .form-field, .form-checkbox-group {
    width: 100%;
    float: none;
    margin: 0;
  }
  .digitalmove-content__benefit {
    align-self: center;
  }
  @media (min-width:768px) {
    /*quote selection*/
    .standard-tile-list-subsection-1 {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-column-gap: 15px;
      margin-right: 0;
      width: auto;
    }
    .standard-tile-list-subsection-2 {
      width: auto;
      display: flex;
    }
    .standard-tile-list {
      display: grid;
      grid-template-columns: 75% 1fr;
      grid-row-gap: 15px;
      grid-column-gap: 15px;
    }
    .responsive-133 .standard-tile-item-container.col {
      width: auto;
      float: none;
      margin-top: 15px;
    }
    .responsive-133 .standard-tile-item-container.col {
      margin: 0;
      display: flex;
    }
    /*Case details entry form */
    .form-row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      max-width: unset;
      grid-column-gap: 30px;
    }
    .conditional-reveal .form-row {
      grid-column-gap: 15px;
    }
    .password-reset-container .form-row, .login-container .form-row {
      display: block;
    }
    .form-label, .form-field, .form-checkbox-group {
      width: auto;
    }
    .form-field-address {
      grid-column: 1/-1;
    }
    .form-field-address .form-field-postcode {
      margin-bottom: 0;
    }
    .form-field-address > div {
      grid-column: 1/-1;
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-column-gap: 30px;
      grid-row-gap: 10px;
    }
    span.uwc-hide {
      grid-column: 2;
    }
    .form-field-postcode-search-container {
      grid-column: 1/-1;
    }
    .form-row.address-validation-container.error-container {
      grid-column: 2;
      grid-template-columns: 1fr;
    }
    .form-field-address-postcode-textbox-and-search-button {
      display: grid;
      grid-template-columns: 55% 1fr;
      grid-column-gap: 15px;
    }
    .form-field-address .form-field-postcode {
      width: 100%;
      max-width: unset;
      min-width: unset;
    }
    .form-field-address-results-container {
      grid-column: 1/-1;
      text-align: right;
    }
    .form-field-address-results-container {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-column-gap: 45px;
    }
    .uwc-address-flat-house-name-container {
      grid-column: 1/-1;
    }
    .uwc-address-manual-entry-form-container {
      grid-column: 1/-1;
    }
    .form-field-address-results-container {
      width: 100%;
    }
    .form-field-address-results-container .dropdown-wrapper {
      grid-column: 2;
      max-width: unset;
    }
    .form-field-address-results-container span, .uwc-button-manual-entry {
      grid-column: 2;
      text-align: right;
    }
    .uwc-address-selected {
      grid-column: 2;
      max-width: unset;
      width: 100%;
    }
    .accept-tcs-container .form-group {
      display: grid;
      grid-template-columns: 70% 1fr;
      grid-column-gap: 15px;
    }
    .accept-tcs-container .error-container {
      grid-column: 1/-1;
    }
    .accept-tcs-container .error-container {
      max-width: unset;
    }
    .form-group-quote-details-container .accept-tcs-container span {
      grid-column: 1/-1;
    }
  }
  @media (min-width:992px) {
    .form-row {
      grid-column-gap: 45px;
    }
    .form-field-address > div {
      grid-column-gap: 45px;
    }
  }
}